/**
 * This file will be included in header in every page after foundation.
 * It should be used for content that relates
 * to your site as a whole, it should not be used for plugin-specific css.
 */

/*** Header Nav ***/
.main-nav {text-align: center;}
.main-nav .navPrimary {display: inline-block; list-style: none; margin: 0 0 -3px 0; padding: 0;}
.main-nav .navPrimary > li {float: left; position: relative;}
.main-nav .navPrimary > li > a {
	display: block;
	color: #fff;
	font-family: "Proxima N W01 Smbd", sans-serif; font-size: 22px; font-weight: 400;
	line-height: 24px;
	padding: 15px 25px 12px;
	text-transform: uppercase;
}
.main-nav .navPrimary > li > a.selected, .main-nav .navPrimary > li:hover > a {background: #002253;}
.main-nav .navPrimary .dropdown {
	display: none;
	position: absolute;
	left: 0;
	z-index: 999;
	margin: 0; padding: 0;
	list-style: none;
	text-align: left;
	width: 320px;
}
.main-nav .navPrimary li.last .dropdown {left: auto; right: 0;}
.main-nav .navPrimary .dropdown li .dropdown {left: 100%; top: 0;}
.main-nav .navPrimary li.last .dropdown li .dropdown {right: 100%; left: auto; top: 0;}
.main-nav .navPrimary li:hover > .dropdown {display: block;}
.main-nav .navPrimary .dropdown > li {position: relative; width: 100%;}
.main-nav .navPrimary .dropdown > li > a {
	display: block;
	background: #002d6c;
	border-top: 1px solid #54729c;
	color: #fff;
	font-family: "Proxima N W01 Reg", sans-serif; font-size: 20px; font-weight: 400;
	line-height: 20px;
	padding: 10px 32px 10px 15px;
}
.main-nav .navPrimary .dropdown > li > a.selected, .main-nav .navPrimary .dropdown > li:hover > a {background: #002253;}
.main-nav .navPrimary .dropdown li.has-dropdown > a:before {
	content: "\f067";
	color: #fff;
	position: absolute;
	top: 50%; right: 20px;
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 1024px) {
	.main-nav {display: none;}
}


/*** Top Industry Nav ***/
.industry-nav {float: left; margin: 12px 17px 0 0; position: relative; z-index: 1010;}
.industry-nav ul.items {list-style: none; margin: 0; padding: 0; overflow: hidden;}
.industry-nav ul.items > li {line-height: 1; margin: 0 15px 0 0;}
.industry-nav ul.items > li:last-child {margin: 0;}
.industry-nav ul.items > li a {
	border-bottom: 2px solid transparent; 
	color: #002d6c; 
	font-family: "Proxima N W01 Smbd", sans-serif; font-size: 18px; font-weight: 400; 	
	line-height: 21.6px; 
	padding: 3px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.industry-nav ul.items > li a:hover {border-bottom-color: #002d6c;}
.industry-nav .dl-submenu {display: none;}

@media only screen and (max-width: 1024px) {
	.industry-nav {display: none;}
}


/*** Side Nav ***/
.sideNav {background: url(/includes/public/assets/tiles/light-blue-pattern.png) top left; margin-bottom: 35px; padding: 20px 40px;}
.sideNav h3 {margin: 0; padding: 15px 0;}
.sideNav h3 a {
	display: block; 
	color: #fff; 
	font-family: "Proxima N W01 Smbd", sans-serif; font-size: 24px; font-weight: 400;
	line-height: 26px;	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.sideNav h3 a:hover {color: #002d6c;}
.sideNav .side-main-nav, .sideNav .side-sub-nav {margin: 0; padding: 0;}
.sideNav .side-sub-nav {display: none;}
.sideNav li.displayopen .side-sub-nav {display: block;}
.sideNav li {position: relative; display: block;}
.sideNav li a {
	display: block; 
	color: #fff; 
	font-family: "Proxima N W01 Reg", sans-serif; font-size: 20px; font-weight: 400;
	line-height: 22px;
	margin: 0;
	padding: 7px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.sideNav li a:hover, .sideNav li.selected > a {color: #002d6c;}
.sideNav .side-main-nav > li > a { padding-left: 20px;}
.sideNav .side-sub-nav > li > a { padding-left: 40px;}

.sideNav .opener {position: absolute; top: 0; left: 2px; cursor: pointer;}
.sideNav .opener i {color: #fff; font-size: 20px; line-height: 36px;}
.sideNav li.displayopen .opener i {	
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


/*** Footer Nav ***/
.footer-nav {float: left; margin-bottom: 15px;}
.footer-nav li {display: inline-block; margin: 0 -4px 0 0;}
.footer-nav li:after {content: "|"; color: #fff; font-family: "Proxima N W01 Smbd", sans-serif; font-size: 16px; font-weight: 400; line-height: 20.8px; margin: 0 9px;}
.footer-nav li:last-child:after {content: none; display: none;}
.footer-nav li a {
	border-bottom: 2px solid transparent;
	color: #fff;
	font-family: "Proxima N W01 Smbd", sans-serif; font-size: 16px; font-weight: 400;
	line-height: 20.8px;
	padding-bottom: 1px;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.footer-nav li a:hover {border-bottom-color: #fff;}

@media only screen and (max-width: 640px) {
	.footer-nav {float: none; clear: both; margin-bottom: 30px;}	
}


/*** SiteMap ***/
.sitemap h4 {color: #4e464e;}
.sitemap > ul {
	-moz-column-count: 3;
	-moz-column-gap: 15px;
	-webkit-column-count: 3;
	-webkit-column-gap: 15px;
	column-count: 3;
	column-gap: 15px;
}
.sitemap ul { list-style: outside none none; padding: 4px 16px 20px; }
.sitemap ul li a { font-size: 18px; }
.sitemap ul li li a { font-size: 16px; }
@media only screen and (max-width: 640px) {
	.sitemap > ul {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
}



/*** Mobile Nav ***/
.mobileNav {display: none;}

.mobileNav .dl-menuwrapper {max-width: 100%;}
.mobileNav .dl-menuwrapper > .dl-submenu {top: 72px;}
.mobileNav .dl-menuwrapper ul {margin: 0;}
.mobileNav .dl-menuwrapper ul {background: #002d6c;}
.mobileNav .dl-menuwrapper:first-child {margin-right: 0;}

.mobileNav .dl-menuwrapper button.dl-trigger {
	background: #fff;
	height: 72px;
	width: 60px;
	margin: 0;
	padding: 0;
	text-indent: 0;
	position: relative;
	float: right;
	top: 0;
	right: 0;
	z-index: 9999;
}
.mobileNav .dl-menuwrapper button.dl-trigger:after {content: none;}
.mobileNav .dl-menuwrapper button.dl-trigger a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 16px;
    color: #2f8caa;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}
.mobileNav .dl-menuwrapper button.dl-trigger a span:before, 
.mobileNav .dl-menuwrapper button.dl-trigger a span:after, 
.mobileNav .dl-menuwrapper button.dl-trigger a span {
	position: relative;
	display: inline-block;
	width: 21px;
	height: 2px;
	background: #2f8caa;
	-webkit-transition: background .2s .5s ease;
	-moz-transition: background .2s .5s ease;
	-ms-transition: background .2s .5s ease;
	-o-transition: background .2s .5s ease;
	transition: background .2s .5s ease;
}
.mobileNav .dl-menuwrapper button.dl-trigger a span::before, 
.mobileNav .dl-menuwrapper button.dl-trigger a span::after {
	content: '';
	position: absolute;
	left: 0;
	-webkit-transition: top .2s .5s ease, -webkit-transform .2s ease;
	-moz-transition: top .2s .5s ease, -moz-transform .2s ease;
	-ms-transition: top .2s .5s ease, -ms-transform .2s ease;
	-o-transition: top .2s .5s ease, -o-transform .2s ease;
	transition: top .2s .5s ease, transform .2s ease;
}
.mobileNav .dl-menuwrapper button.dl-trigger a span::before{ top: 7px; }
.mobileNav .dl-menuwrapper button.dl-trigger a span::after { top: -7px; }
.mobileNav .dl-menuwrapper button.dl-trigger .link-text {padding-top: 10px;}

.mobileNav .dl-menuwrapper button.dl-active {background: #3399ba;}
.mobileNav .dl-menuwrapper button.dl-active a {color: #fff;}
.mobileNav .dl-menuwrapper button.dl-active a span {background: transparent;}
.mobileNav .dl-menuwrapper button.dl-active a span::before,
.mobileNav .dl-menuwrapper button.dl-active a span::after{top: 0;
	background: #fff;
	transition: top 0.2s ease, -webkit-transform 0.2s 0.5s ease;
	transition: top 0.2s ease, transform 0.2s 0.5s ease;
}
.mobileNav .dl-menuwrapper button.dl-active a span::before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mobileNav .dl-menuwrapper button.dl-active a span::after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.mobileNav .dl-menuwrapper li a {
	border-top: 1px solid #54729c;
	color: #fff;
	font-family: "Proxima N W01 Smbd", sans-serif; font-size: 20px; font-weight: 400;
	line-height: 22px;
	padding: 10px 15px 8px;
	text-transform: uppercase;
}
.mobileNav .dl-menuwrapper li > a.selected, .mobileNav .dl-menuwrapper li:hover > a {background: #002253;}

.mobileNav .dl-menuwrapper li.has-submenu > a:before {
	content: "\f054";
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'FontAwesome';
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	color: #fff;
}
.mobileNav .dl-menuwrapper li > a:not(:only-child):after {content: none;}

.mobileNav .dl-menuwrapper .dl-parent {display: none !important;}
.mobileNav .dl-menuwrapper .dl-back > a, .mobileNav .dl-menuwrapper .dl-back:hover > a {background: #3399ba; padding-left: 25px;}
.mobileNav .dl-menuwrapper li.dl-back:after {
	content: "\f0d9";
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 24px;
	font-weight: 400;
	line-height: 40px;
	-webkit-transform: none;
	transform: none;
}

@media only screen and (max-width: 1024px) {
	.mobileNav {
		display: block; 
		position: absolute; 
		top: -72px; 
		right: 0;
		width: 100%;
		z-index: 1000;
	}
}