/* ====================================================================================================================
   main-nav
   ==================================================================================================================== */
  
#main-nav-anchor{
	display: none;
	float: right;	
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

#main-nav-anchor:after{
	position: relative;
	top: 2.9rem;
	padding: 0 2.3rem;
	
	font-family: FontAwesome;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	font-style: normal;
	text-rendering: auto;
	color: #25292c;
	content: "\f0c9";
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}


#main-nav-anchor span{
	display: none;	
}	
   
#main-nav{
	float: right;
	position: relative;
	overflow: visible;
	margin-top: 18px;	
	margin-top: 1.8rem;
} 

#sah-header.animated #main-nav{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}	

#sah-header.shrunk #main-nav{
	margin-top: 9px;	
	margin-top: 0.9rem;	
}	

#main-nav > ul ul,
#main-nav > ul > li > a,
#main-nav > ul ul a{ /* animation */
	-webkit-transition: all 0.35s ease-in-out;	
	-o-transition: all 0.35s ease-in-out;	
	-moz-transition: all 0.35s ease-in-out;	
	transition: all 0.35s ease-in-out;	
}	

#main-nav ul{
	margin: 0;
	padding: 0;	
}	

#main-nav > ul{
	float: right;
	position: relative;
	overflow: visible;		
}

#main-nav > ul ul{
	position: absolute;
	top: 37px;
	top: 3.7rem;
	left: 0;
	z-index: 63;
	width: 170px;
	width: 17rem;
	opacity: 0;
	
	-webkit-transform: translate3d(0,2.3rem,0);
	-moz-transform: translate3d(0,2.3rem,0);
	-o-transform: translate3d(0,2.3rem,0);
	transform: translate3d(0,2.3rem,0);
}

#main-nav > ul > li:hover ul{
	display: block;
	opacity: 1;		
	
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}	

#main-nav li{
	list-style-type: none;
	margin: 0;	
}	

#main-nav > ul > li{	  
	float: left;	
	position: relative;
	overflow: hidden;
}

#main-nav > ul > li:hover{
	overflow: visible;
}

#main-nav a{
	display: block;
	color: #25292c;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

#main-nav a:hover{
	cursor: pointer;
}	

#main-nav > ul > li > a{
	height: 37px;
	height: 3.7rem;
	line-height: 37px;
	line-height: 3.7rem;
	padding: 0 10px;
	padding: 0 1rem;
	font-weight: 700;
	background: #ccccc;
}

#main-nav > ul > li:hover > a{
	background: #fff33e;	
		
}

#main-nav > ul ul a{
	padding: 9px 10px;
	padding: 0.9rem 1rem;
	background: #fff33e;	
	line-height: 1.3em;
}

#main-nav > ul ul a:hover{
	background: #fffaae;	
}	

#main-nav > ul > li.menu-item-has-children > a:after{
	position: relative;
	top: 1px;
	
	display: inline-block;
	margin-left: 7px;
	margin-left: 0.7rem;
	font-family: FontAwesome;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	font-style: normal;
	text-rendering: auto;
	
	content: "\f107";
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}

@media screen and (max-width: 1023px){
	
	#main-nav-anchor{
		display: block;	
	}	
	
	#main-nav.js{
		overflow: hidden;
		height: 0;
		margin-top: 0;
	}
	
	#main-nav.js > ul ul,
	#main-nav.js > ul > li:hover ul{
		display: none;
	}
	
	
	
	#main-nav > ul ul{ /* animation */
		-webkit-transition: none;	
		-o-transition: none;	
		-moz-transition: none;	
		transition: none;
	}		
	
	#main-nav,
	#main-nav > ul,
	#main-nav > ul > li{
		clear: left;
		float: none;
	} 
	
	#main-nav > ul{
		padding: 0.9rem;
		background: #fffaae;
	}
	
	#main-nav > ul ul{
		position: static;	
		width: auto;
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);		
	}
	
	#main-nav.js > ul > li.on ul{
		display: block;	
	}		
	
	#main-nav > ul > li > a{
		background: #fff33e;	
	}	
	
	#main-nav > ul ul a{
		background: #fffaae;
	}	
	
	#main-nav > ul > li.menu-item-has-children > a:after{
		margin-left: 0;
		position: absolute;
		top: 0;
		right: 1.4rem;
	}	
}

@media screen and (max-width: 568px){
	
	#main-nav-anchor:after{
		top: 1.8rem;
	}
}


/* ====================================================================================================================
	social-nav
   ==================================================================================================================== */

.social-nav li{		
	display: inline-block;	
	padding: 0 6px;
	padding: 0 0.6rem;
	margin: 0;
}

.ie7 .social-nav li{	
	display: inline-block; 
	zoom: 1; 
	*display: inline;	
}	

.social-nav.with-divider li{	
	padding: 0 11px;
	padding: 0 1.1rem;	
	border-left-width: 1px;
	border-left-style: solid;	
}	

.social-nav.with-divider li:first-child{
	border-left: 0;	
}

.social-nav.grey.with-divider li{
	border-left-color: #d1d1d1;	
}	

.social-nav.white.with-divider li{
	border-left-color: white;	
}

.social-nav a{
	text-decoration: none;	
}

.social-nav .fa:before{
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;	
}

.social-nav.grey .fa:before{
	color: #979797;
}	

.social-nav.grey a:hover .fa:before{
	color: #bbbbbb;
}

.social-nav.white .fa:before{
	color: white;
}	

.social-nav.white a:hover .fa:before{
	color: #fafafa;
}


/* ====================================================================================================================
   main-nav
   ==================================================================================================================== */	
   
.content-nav{
	margin-left: 0;
	padding: 6px 0;	
	padding: 0.6rem 0;
	list-style-type: none;
} 

.content-nav li{
	display: inline-block;
	margin: 0 9px 0 0;
	margin: 0 0.9rem 0 0;		
}

.content-nav .fa{
	font-size: 12px;
	font-size: 1.2rem;
	margin-right: 6px;
	margin-right: 0.6rem;
}

.content-nav .content-share:hover{
	cursor: pointer;
}

.content-nav .content-share-options{
	margin-left: 6px;
	margin-left: 0.6rem;
	opacity: 0;
	
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;	
}

.content-nav .content-share:hover .content-share-options{
	opacity: 1;	
}	


/* ====================================================================================================================
   sah-breadcrumbs
   ==================================================================================================================== */	 	
   
.sah-breadcrumbs{
	margin-left: 0;
} 

.sah-breadcrumbs li{
	display: inline;
} 

.sah-breadcrumbs a{
	font-weight: 700;
}

.sah-breadcrumbs .fa-right-arrow {
	margin: 0 6px;
	margin: 0 0.6rem;
	font-weight: 400;
} 

/* ====================================================================================================================
   pagination
   ==================================================================================================================== */
   
.pagination .page-numbers{
	marign-left: 6px;
	margin-left: 0.6rem;
} 
 
.pagination .page-numbers:first-child{
	margin-left: 0;	
}