/*! Pushy - v0.9.2 - 2014-9-13
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */

/* Menu Appearance */

.pushy {
	background: #688848;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	width: 240px;
	z-index: 9999;

	-webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

.pushy a.logo-main {
	background: url('/fileadmin/default/img/logo_nyffenegger-holz-ag_white.svg') no-repeat 0 0;
	background-size: 100%;
	border: none;
	display: block;
	height: 114px;
	margin: 16px 0 50px 20px;
	width: 142px;
}

.pushy ul a {
	color: #fff;
	border: none;
	display: block;
	font-size: 16px;
	padding: 2px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.pushy a:hover,
.pushy li:hover a {
	font-family: 'Geometria-Bold', sans-serif;
}
.pushy .active {
	font-family: 'Geometria-Bold', sans-serif;
}
.pushy .current {
	font-family: 'Geometria-Bold', sans-serif;
}
.pushy li.has-sub {
	cursor: pointer;
}
.pushy ul ul {
	display: none;
	margin-bottom: 20px;
}
.pushy li.active > ul {
	display: block;
}
.pushy ul.level-2 a {
	font-family: 'Geometria', sans-serif;
	padding-left: 40px;
	text-transform: none;
}
.pushy ul.level-2 a:hover {
	font-family: 'Geometria-Bold', sans-serif;
}
.pushy ul.level-2 a.current {
	font-family: 'Geometria-Bold', sans-serif;
}
.pushy ul.nav-meta-pushy {
	margin: 50px 0;
}

.pushy ul.nav-social {
	padding: 0 0 0 20px;
}

.pushy ul a.nav-social__link {
	padding: 0;
}

/* prevent scrolling of content if pushy is open */
body.pushy-no-scroll {
	height: 100%;
	overflow-y: hidden;
}

/* Menu Movement */

.pushy-left {
	-webkit-transform: translate3d(-240px, 0, 0);
	-moz-transform: translate3d(-240px, 0, 0);
	-ms-transform: translate3d(-240px, 0, 0);
	-o-transform: translate3d(-240px, 0, 0);
	transform: translate3d(-240px, 0, 0);
}

.pushy-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.container-push,
.push-push {
	-webkit-transform: translate3d(240px, 0, 0);
	-moz-transform: translate3d(240px, 0, 0);
	-ms-transform: translate3d(240px, 0, 0);
	-o-transform: translate3d(240px, 0, 0);
	transform: translate3d(240px, 0, 0);
}

/* Menu Transitions */

.pushy,
#container,
.push {
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	-moz-transition: -moz-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	-o-transition: -o-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */

.site-overlay {
	display: none;
}

.pushy-active .site-overlay {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9998;
	background-color: rgba(255, 255, 255, 0);
	-webkit-animation: fade 500ms;
	-moz-animation: fade 500ms;
	-o-animation: fade 500ms;
	animation: fade 500ms;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}