/** This file sets styles for the primary navigation menu in desktop (always-on) and narrow (pop-out burger menu) styles,
and fixed styles for other navigation items */

	#nav  { display: none; }
	
	#nav {
		float: right; 
		margin : 13px 0px 10px 0px;
		text-align: right;
		padding : 0 0 0;
		line-height : 100%;
	}
	
	#nav li {
		margin : 0 0px;
		padding : 0px;
		display: inline-block;
		position : relative;
		list-style : none;
		text-align: center;
		line-height: 1.2em;
		margin-left: -4px;
	}
	
	#nav li:first-child a {
	    border-top-left-radius: 5px; 
	    border-bottom-left-radius: 5px; 
	}

	#nav li:last-child a {
	    border-top-right-radius: 5px; 
	    border-bottom-right-radius: 5px; 
	}
	
	#nav a {
		font-weight : 200;
		font-size: 13px;
		float: left;
		padding: 8px 20px;
		text-decoration : none;
		letter-spacing: 0px;
		display : inline; /* or inline */
		line-height: 2em;
		margin : 0;
		text-transform: uppercase;
		-moz-transition: all 0.4s linear;
		-webkit-transition: all 0.4s linear;
		-o-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	
	/* FROM HERE */
	
	#nav a:hover {cursor: pointer; }
	
	/*Style top level links when hovering on child link!*/
	
	#nav ul li:hover, #nav li:hover li {
		-moz-transition: all 0.4s linear;
		-webkit-transition: all 0.4s linear;
		-o-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	
	#nav li li a {padding: 0px!important;
	background-color: transparent!important;}
	#nav li li:hover a {color: #fff!important;}
	
	
	#nav li:hover > ul {
	display : block; 
	}
	
	#nav ul {
		display : none;
		margin : 8px 0;
		padding : 0;
		width : 185px;
		position : absolute;
		top : 42px;
		left : 0px;
		z-index: 99999!important;
	}

	ul#nav li:last-child ul {
		left : auto;
		right: 16px;
	}
	
	#nav ul li {
		float : left;
		margin : 0;
		padding : 12px; 
		border-width: 0px; text-align: left; position: relative; z-index: 99998!important; width: 161px;
	}
	
	#nav ul a {
		line-height: 1.7em!important;
		font-weight : 100;
		padding: 0px 15px 0px 15px!important;
	}
	
	/* Second level flyout */
	#nav ul ul {
		left : 175px;
		top : -10px;
	}
	
	#nav:after {
		content : ".";
		display : block;
		clear : both;
		visibility : hidden;
		line-height : 0;
		height : 0;
	}
	
	html[xmlns] #nav {
		display : block;
	}
	
	* html #nav {
		height : 1%;
	}/* End nav menu */


	.mobile_nav {
		background-color: transparent!important;
		margin: 0px 0px 0px!important;
		position: absolute;
	    top: 15px;
	    right: 0px;
	}
	
	.mobile_header:hover:before { cursor: pointer; }
	    
	.mobile_header.select:before { color: #d43555;
		-moz-transition: all 0.4s linear;
	   -webkit-transition: all 0.4s linear;
	   -o-transition: all 0.4s linear;
	   transition: all 0.4s linear;
	    /*content: "\f057";*/
	   }
	
	.mobile_header:before {
	    font: normal normal normal 14px/1 FontAwesome;
	    font-size: 40px;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    content: "\f0c9";
	    color: #39455c;
	    width: 38px;
	    height: 28px;
	    margin-top: -10px; margin-right: 0px; 
	    -moz-transition: all 0.4s linear;
	    -webkit-transition: all 0.4s linear;
	    -o-transition: all 0.4s linear;
	    transition: all 0.4s linear;
	    padding: 21px 38px 23px 36px;
	}
	
	.mobile_header:hover:before { cursor: pointer; }
	
	
	.mobile_header {
	margin: 0px 0px 15px 0px!important;
	cursor: pointer;
	position: relative;
	background-color:transparent!important;
	margin:1px; color: #44454a; font-size: 1.1em;
	float: right;
	width: auto;
	}
	
	.pres-language-selector-mobile {
		position: absolute;
		right: 0; top: 0;
		padding: 3px;
		min-width: 19px;
		text-align: center;
	}
	
	#pres-language-selector {
		position: absolute;
		right: 0; top: 25px;
	}
	
	.mobile_list {
		display: none;
		padding: 0px 0px 0px;
		background-color:#6a2e44;
	}
	
	ul.sub-menu {margin: 0% 0% 0% 0%!important; font-size: 12px; padding-right: 0%; }
	
	ul.sub-menu li a { padding: 20px 0px 8px 24px!important;}
	
	header {display: block!important;
	    padding: 0px!important; margin: 0px!important;
	}
	 
	        header:before,
	        header:after {
	            content:"";
	            display:table;
	        }
	 
	        header:after {
	            clear:both;
	        }
	 
	        /* For IE 6/7 (trigger hasLayout) */
	        header {
	            /*zoom:1;*/
	        }
	 
	h1.logo a {
	    color: #d8d8d8;
	    text-decoration: none;
	    font-weight: bold;
	    text-transform: uppercase;
	    font-size: 20px;
	    line-height: 22px;
	    float: left;
	    letter-spacing: 0.2em;
	}
	 
	a.to_nav {
	    float: right;
	    color: #fff;
	    background: #4e4e4e;
	    text-decoration: none;
	    padding: 0 10px;
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 22px;
	    height: 22px;
	    text-transform: uppercase;
	    letter-spacing: 0.1em;
	    /*-webkit-border-radius: 2px;
	    -moz-border-radius: 2px;*/
	    border-radius: 2px;
	}
	 
	a.to_nav:hover,
	a.to_nav:focus {
	    color: #1c1c1c;
	    background: #ccc;
	}
	
	.mobile_list {
	    z-index: 999999999999999999!important;
	    width: 100%;
		position: absolute;
	}
	
	.mobile-menu ul {
		display: block; 
	    list-style: none;
	    padding: 0px 0px 0px 0px; margin-bottom: 0%!important;
	}
	
	.mobile-menu ul ul.sub-menu { position: relative; }
	.mobile-menu li { margin-bottom: 0%!important; position: relative;}
	
	.mobile-menu li a {
	    display: block;
	    padding: 16px 20px 12px 20px;
	    text-decoration: none;
	    font-weight: bold;
	    text-transform: uppercase;
	    letter-spacing: 0.1em;
	    height: 28px;
	    border-bottom: 1px solid #383838!important;
	}
	 
	.mobile-menu li.current_page_item:first-child a {
	    border-top: 1px solid #794256!important;
	}
	
	.mobile-menu ul li.current_page_item:first-child a { border-top: 0px!important; }
	 
	.mobile-menu li:last-child a {
	    border-bottom: 1px solid #383838!important;
	}
	 
	.mobile-menu li a:hover,
	.mobile-menu li a:focus,
	.mobile-menu .sub-menu li a:hover,
	.mobile-menu .sub-menu .sub-menu li a:focus {
	    color: #fff;
	    background: #292929!important;
	}
	
	.mobile-menu .current_page_item, .mobile-menu .current-menu-item { color: #fff; background: #383838;}

	.mobile-menu ul li.menu-item-has-children .current_page_item, .mobile-menu ul li.menu-item-has-children .current-menu-item { color: #fff; background: #383838!important;}
	
	.mobile-menu ul li.menu-item-has-children .sub {width: 58px; height: 38px; position: absolute; top: 0px; right: 0px; border-left: 1px solid #383838; }
	
	.sub {/*background: transparent url('images/accordion2.png') no-repeat left top!important; */ display: block; width: 18px; height: 18px; color: #ddd; font-size: 20px;}
	.sub:hover { cursor: pointer; background-color: #292929; }
	
	.sub.fa-angle-right, .sub.fa-angle-down { display: block; padding-top: 18px; text-align: center; }

	.grey_select { background-color: #292929; }
	.red_select { background-color: #794256; }
	
	.mobile_list ul#menu-primary li.menu-item-has-children ul.sub-menu {display: none;}
	.mobile-menu ul.sub-menu {background-color: #292929!important; display: none; }
	.mobile-menu ul.sub-menu li {background-color: #292929!important;}
	.mobile-menu ul.sub-menu .sub-menu {background-color: #333!important;}
	.mobile-menu ul.sub-menu li .sub-menu li {background-color: #333!important;}
	
#footer_nav { list-style-type: none; }
#footer_nav li { display: inline; border-right: 1px solid white; padding-right: 10px; margin-right: 10px; }
#footer_nav li:last-child { border-right: 0px; padding-right: 0px; margin-right: 0px; }

@media (min-width: 768px) {
	#nav  { display: block; }
	.mobile_nav, .mobile_archive_nav, .mobile_header, .mobile_list, .pres-language-selector-mobile { display: none; }
}