/* Campaign Callout */


#header { 
	background: #4B2E84 url(../images/header-repeat-2.png) repeat-x top center; 
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.75); 
	height: 210px; 
	position: fixed; 
	top: 0; 
	width: 100%; 
	z-index: 50;
	-webkit-backface-visibility: hidden;/*  backface-visibility: hidden; */
}

nav.gateways {
	left: -62px;
}

nav.persistent {
	right: -62px;
}

nav.persistent .item .campaign_link {
	height: 30px;
	display: inline-block;

	background-color: #422979;
	line-height: 12px;
	margin: 10px 0;
	padding: 10px 25px;
	transform: skew(25deg);
	transition: background-color 0.25s ease !important;
}

nav.persistent .item .campaign_link:hover {
	background-color: #51358d;
}

nav.persistent .item .campaign_link .campaign_link_text {
	display: block;
	transform: skew(-25deg);
}

nav.persistent .item a {
	padding: 0 17px;
}
nav.persistent .item a.wide,
nav.persistent .item a.slim {
	width: auto;
}

.campaign_link .text_bold {
	color: #fff !important;
}

@media only screen and (max-width: 1360px) {

	/* Header */
	#header { background-image: url(../images/header-repeat-lined-2.png); height: 210px; }
	#header .logo { margin: 80px 0 0 0; }
	#header .less { display: none; }

	#alerts { top: 200px; }
	.bigtree_bar_open #alerts { top: 240px; }

	#explore.stuck header { top: 200px; }

	/* Gateway / Persistent */
	nav.gateways { background: none; border: none; float: right; left: auto; right: 0; top: 70px; width: auto; }
	nav.gateways .item { border: none; }
	nav.gateways .item .dropdown { top: 50px; left: auto; right: 0; }
	nav.persistent { right: 0; }

	/* Main navigation */
	nav.main { float: none; width: auto; margin: 160px 0 0 0; }
	nav.main .item { margin: 0 60px 0 0; }
	nav.main .plus { display: none; }
	nav.main .more li { margin: 0 0 10px 0; }
	nav.main .more li:last-child { margin: 0; }
	nav.main .more .divider { display: none; }
}

@media only screen and (max-width: 980px) {

	body { padding: 0; }
	#header { background-image: none; height: 90px; position: absolute; }
	#header .logo { margin: 25px 0 0; }

	/* Header */
	.navigation_desktop { display: none; }

	.navigation_compact { display: block; }
	.navigation_compact .mobile_handle { cursor: pointer; display: block; float: right; overflow: hidden; margin: 25px 0 0 0; padding: 10px; text-indent: -99999px; width: 38px;
		-webkit-touch-callout: none;
		  -webkit-user-select: none;
		   -khtml-user-select: none;
			 -moz-user-select: none;
			  -ms-user-select: none;
				  user-select: none;
	}
	.navigation_compact .mobile_handle:after { background: url(../images/sprite.png) no-repeat -960px -85px; cursor: pointer; content: ''; display: block; float: right; height: 18px; margin: 0; width: 17px; }

	.nav_slider_page { background: #222; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); display: block; left: 0; height: 100%; overflow: hidden; position: relative; top: 0; width: 100%; z-index: 2;
		-webkit-transition: -webkit-transform 0.2s ease-in-out;
		   -moz-transition:    -moz-transform 0.2s ease-in-out;
			-ms-transition:     -ms-transform 0.2s ease-in-out;
			 -o-transition:      -o-transform 0.2s ease-in-out;
				transition: 		transform 0.2s ease-in-out;
		-webkit-transform: translate3D(0px, 0px, 0px);
		   -moz-transform: translate3D(0px, 0px, 0px);
			-ms-transform: translate3D(0px, 0px, 0px);
			 -o-transform: translate3D(0px, 0px, 0px);
				transform: translate3D(0px, 0px, 0px);
	}
	.nav_slider_navigation { background: #fff; display: block; height: 100%; overflow-y: auto; padding: 10px; position: fixed; right: 0; top: 0; width: 270px; z-index: 1; /* -webkit-overflow-scrolling: touch; */
		-webkit-transition: -webkit-transform 0.2s ease-in-out;
		   -moz-transition:    -moz-transform 0.2s ease-in-out;
			-ms-transition:     -ms-transform 0.2s ease-in-out;
			 -o-transition:      -o-transform 0.2s ease-in-out;
				transition: 		transform 0.2s ease-in-out;
		-webkit-transform: translate3D(270px, 0px, 0px);
		   -moz-transform: translate3D(270px, 0px, 0px);
			-ms-transform: translate3D(270px, 0px, 0px);
			 -o-transform: translate3D(270px, 0px, 0px);
				transform: translate3D(270px, 0px, 0px);
	}

	.nav_slider_open .nav_slider_page {
		-webkit-transform: translate3D(-270px, 0px, 0px);
		   -moz-transform: translate3D(-270px, 0px, 0px);
			-ms-transform: translate3D(-270px, 0px, 0px);
			 -o-transform: translate3D(-270px, 0px, 0px);
				transform: translate3D(-270px, 0px, 0px);
	}
	.nav_slider_open .nav_slider_navigation {
		-webkit-transform: translate3D(0, 0px, 0px);
		   -moz-transform: translate3D(0, 0px, 0px);
			-ms-transform: translate3D(0, 0px, 0px);
			 -o-transform: translate3D(0, 0px, 0px);
				transform: translate3D(0, 0px, 0px);
	}

	.mobile_search_tab { width: 102px; height: 18px; font-size: 12px; line-height: 18px; float: left; color: #4B2E84; text-align: center; text-transform: uppercase; }
	.mobile_search_tab_active { background: #4B2E84; color: #FFF; }

	.navigation_mobile { padding: 10px 0; position: relative; }
	.navigation_mobile ul { padding: 0; }
	.navigation_mobile li { border-bottom: 1px solid #E8E8E8; margin-bottom: 3px; }
	.navigation_mobile li:last-child { border: none; margin: 0; }
	.navigation_mobile a { color: $purple; display: block; font-size: 16px; padding: 10px 0 10px 20px; $meta_bold; }
	.navigation_mobile ul ul { padding: 0 0 20px 20px; }
	.navigation_mobile ul ul li { border-bottom: none; margin: 0; }
	.navigation_mobile ul ul a { color: #333; font-size: 13px; padding: 5px 0 5px 10px; }
	.navigation_mobile ul ul a.active,
	.navigation_mobile ul ul a.sub_active { color: $purple }
	.navigation_mobile ul ul ul { padding: 0 0 0 20px; }

	.navigation_mobile_secondary { border-top: 1px solid #E8E8E8; padding: 0; }
	.navigation_mobile_secondary ul { padding: 0 0 20px 0; }
	.navigation_mobile_secondary ul li { padding: 0 0 0 20px; }
	.navigation_mobile_secondary ul a { color: #333; font-size: 14px; padding: 8px 0 10px 10px; }

	.nav_slider_navigation h4 { border-top: 1px solid #E8E8E8; color: #666; font-size: 12px; margin: 1px 0 0; padding: 10px; text-transform: uppercase; }
	.nav_slider_navigation h4:before { background: #E8E8E8; content: ""; height: 1px; width: 100%; position: absolute; margin: -13px 0 0 -10px; }

	.nav_slider_navigation form { overflow: hidden; padding: 10px 0 20px 0; position: relative; }
	.nav_slider_navigation form input { float: left; margin: 0; }
	.nav_slider_navigation form input.text { width: 152px; width: calc(100% - 68px); }
	.nav_slider_navigation form label,
	.nav_slider_navigation form span { $meta_bold; float: left; color: #6E6666; font-size: 12px; margin-top: 10px; text-transform: uppercase; line-height: 26px; }
	.nav_slider_navigation form .mobile_search_type_active { color: $purple; }
	.nav_slider_navigation form .contain { padding: 0 10px; }
	.mobile_search_type { border: 1px solid #D2D2D2; border-radius: 15px; height: 26px; float: left; margin: 10px 10px 0 10px; position: relative; width: 80px; }
	.mobile_search_type:after { background: #1F1F1F url(../images/sketch-icons.png) no-repeat -50px 2px; border-radius: 15px; content: ""; height: 20px; width: 44px; position: absolute; left: 3px; top: 2px; transition: left 0.3s; }
	.mobile_search_type.directory:after { left: 31px; }
}

/* Mobile Callout */
.mobile_campaign_section {
	width: 270px;

	position: relative;
	left: -10px;

	background: #3D2F77;
	padding: 20px 20px;
}

.mobile_campaign_link {
	width: 100%;
	display: block;

	color: #fff;
}

.mobile_campaign_link_text {
	font-size: 12px;
	text-transform: uppercase;
}

.mobile_campaign_link:hover .mobile_campaign_link_text .small {	
	opacity: 1;
}

.mobile_campaign_link_text .large {
	display: block;
	font-size: 18px;
	opacity: 1;
	text-transform: none;
}

.mobile_campaign_link_text .small {
	opacity: 0.7;
}

@media screen and (max-height: 750px) and (min-width: 740px) {
	#header {
		position: absolute;
	}
}

@media screen and (max-height: 750px) and (min-width: 1220px) {
	#header {
		height: 130px;
	}
}

@media screen and (max-height: 750px) and (min-width: 1220px) and (max-width: 1360px) {
	body {
		padding-top: 210px;
	}
}

@media screen and (max-height: 750px) and (max-width: 1360px) {
	#header {
		height: 210px;
	}
}

@media screen and (max-height: 750px) and (max-width: 980px) {
	#header {
		height: 90px;
	}
}