/* ---------------------------------- 
	DISPLAY
	---------------------------------- */
	#burger-outer { display: none; }
	
	/*active post nav*/
	/*.single-post.methode header nav li:nth-child(2) a:before,*/
	.single-post header nav li:nth-child(2) a:before,
	.single-team header nav li:nth-child(3) a:before {
		visibility: visible;
		transform: scaleX(1);
	}


	/* ------------------------ 
	HEADER
	------------------------ */	
	header {
		position: fixed;
		height: 80px; 
		background: #2b2936;
		/*changes*/
		/*background: #626262;*/
		/*background: #323532;*/
	}
	.single header { position: absolute; }
	header .contain {
		position: relative;
		margin-left: 2%;
		width: 96%;
	}
	
	/* ------------------------ 
	LOGO
	------------------------ */	
	header .logo-inner img.white { display: block; }
	header .logo-inner img.dark { display: none; }
	header .logo-inner {
		width: 70px;
		height: 70px;
		position: relative;
		cursor: pointer; 
		margin-top: 10px;
	}
	
	/*logo-txt*/
	header .logo-inner {padding-top: 10px;}
	header .logo-inner p {line-height: 1.2em;}
	
	header .logo-inner img {
		top: -5px;
		left: -8px;
		position: absolute;
		width: auto;
	}
	
	header #logo:hover { opacity: .6 }
	
	/* ------------------------ 
	NAV
	------------------------ */	
	header nav {margin-top: 10px;}
	header .menu-top-menu-container,
	header .menu-page-top-menu-container { float: right;}
	
	nav a, 
	nav a:link, 
	nav a:visited { color: #fff; }
	
	header nav ul,
	header nav li {
		margin: 0px;
		padding: 0px;
		vertical-align: top;	
	}
	header nav li {
		margin-top: 15px;
		font-size: 20px;
		display: inline-block;
		padding-right: 20px;
	}
	header nav li:last-child {padding-right: 0px;}
	
	header nav li a {
		font-size: 0.85em;
		text-transform: uppercase;
		font-family: 'montreal-semibold', sans-serif;
		font-style: normal;
		position: relative;
		text-decoration: none; 
	}	
	
	/* hover / active */
	header nav li a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		bottom: -3px;
		left: 0;
		visibility: hidden;
		transform: scaleX(0);
		transition: .2s ease all; 
		background: #fff;
	}	
	header nav li.current_page_item a:before,
	header nav li a:hover:before,
	header nav li a.active:before {
		visibility: visible;
		transform: scaleX(1);
	}	
	
	
	
	/* ---------------------------------- 
	BURGER
	---------------------------------- */
	#burger-outer { 
		position: absolute;
		top: 30px;
		right: 20px;
		cursor: pointer;
		z-index: 100; 
	}
	
	/* ------------------------ 
	animate BURGER
	------------------------ */
	.cmn-toggle-switch {
		display: block;
		position: relative;
		overflow: hidden;
		width: 32px;
		height: 25px;
		
		font-size: 0;
		text-indent: -9999px;
		border: none;
		cursor: pointer;
		background: transparent !important;
	}
	
	.cmn-toggle-switch span:before, 
	.cmn-toggle-switch span:after,
	.cmn-toggle-switch span {
		position: absolute;
		display: block;
		height: 3px;
		background: #917b4c;
		background: #fff;
	}
	
		
	.cmn-toggle-switch span {
		top: 10px;
		left: 0px;
		right: 0px;
	}
	.cmn-toggle-switch span:before, 
	.cmn-toggle-switch span:after {
		left: 0;
		width: 100%;
		content: "";
	}
	.cmn-toggle-switch span:before { top: -10px;}
	.cmn-toggle-switch span:after { bottom: -10px;}
	
	.cmn-toggle-switch__htx span:before {
		-webkit-transition-property: top, -webkit-transform;
		transition-property: top, transform;
	}
	.cmn-toggle-switch__htx span:after {
		-webkit-transition-property: bottom, -webkit-transform;
		transition-property: bottom, transform;
	}
	.cmn-toggle-switch__htx span:before, 
	.cmn-toggle-switch__htx span:after {
		-webkit-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s;
		-webkit-transition-delay: 0.3s, 0;
		transition-delay: 0.3s, 0;
	}
	
	/* active */
	.cmn-toggle-switch__htx.active span {background: none !important;}
	.cmn-toggle-switch__htx.active span:before {
		background: #090909;
		top: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.cmn-toggle-switch__htx.active span:after {
		background: #090909;
		bottom: 0;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.cmn-toggle-switch__htx.active span:before, 
	.cmn-toggle-switch__htx.active span:after {
		-webkit-transition-delay: 0, 0.3s;
		transition-delay: 0, 0.3s;
	}
	
	
	/* ------------------------ 
	RESP NAV
	------------------------ */
	 @media only screen and (max-width: 940px) { 
		
		/*burger*/
		#burger-outer {display: block;}
		
		/*nav*/
		ul#menu-top-menu li:nth-child(1),
		ul#menu-page-top-menu li:nth-child(1) { display: inline-block; }
		nav.col-10 {width: 280px;}
		nav {
			position: fixed; 
			top: 0px;
			right: -280px; 
			height: 100vh;
			background: #fff;
			
			overflow-y: scroll;
			-webkit-overflow-scrolling:touch; 
			transition: all .4s ease;
			
			z-index: 100;
			box-shadow: -2px 0px 10px rgba(57, 63, 72, 0.1);
		}
		nav.open {
			right: 0px;
			background: #efece5;
		}
		
		header nav ul {
			padding: 20px;
			float: none;
		}
		header nav ul li {
			margin-top: 0px;
			width: 100%;
			text-align: left;
			padding: 10px 0;
		}
		
		header nav a, 
		header nav a:link, 
		header nav a:visited {color: #090909; }
	
		header nav li a:before {
			background: #090909; 
			height: 2px;
		}
	}