/* ## Site Header ## */

.site-header {position:relative; z-index:1000; margin:0; border-top:5px solid #113363; border-bottom:1px solid #dfe4e9;}
.site-header > .inner {padding:10px 0; background:#fff;}
/* static containers to account for header buttons on mobile - allows absolute positioning to the header */
.site-header .container, .site-header [class*="grid-"] {position:static;}

.site-header  a.site-logo {Xdisplay:block; text-align:center;}

.header-links {text-align: right; }
.header-links a {  margin: 0 7px; text-decoration: none; display:none; color:#fff;}
.header-links .sep {display:none;}
.header-links a:hover, .header-links a:focus, .header-links a:active {text-decoration:underline;}

.site-search {margin:0 -10px;}
.site-search .search-trigger {position:absolute; top:2px; left:54px; font-size:1.6em; padding:0; border:0px; width:50px; height:46px; background:#333; color:#fff; z-index:2; text-align:center; cursor:pointer; display:none;}
.site-search .search-trigger:hover, .site-search .search-trigger:focus, .search-active .site-search .search-trigger {background:#111;}
.site-search .search-trigger > * {padding-top:9px; display:inline-block; width:36px; height:36px;}
.site-search .inner {display:none; position:absolute; background:#aaa; bottom:-44px; left:0px; padding:5px; width:100%; }
.search-active .site-search .inner {display:block;}
.site-search .formee input[type="text"] {background:#fff; margin:0px; border:1px solid #113363; padding:10px 55px 9px 10px; border-radius:4px;}
.site-search .formee input[type="text"]:-webkit-autofill,
.site-search .formee input[type="text"]:-webkit-autofill:hover, 
.site-search .formee input[type="text"]:-webkit-autofill:focus, 
.site-search .formee input[type="text"]:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


/* .site-search .btn {position:absolute; right:0px; top:0px; height:100%;} */
.site-search .btn {position:absolute; right:0; top:0; height:40px; width:50px;
	background-color:transparent;
	background-image: url(/cms/images/svg/search.svg);
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-indent: -10000em;	
}


.header-top {background:#113363; padding:15px 0 10px; color:#fff; display:none;}
.header-top .slogan {display:inline-block; font-weight:bold; margin:0 5px 5px 0; }
.header-top .join {display:inline-block; color:#DACD88; margin:0 10px 5px 0;}
.header-top .join a {font-weight:bold; color:#DACD88; text-decoration: none;}
.header-top .welcome {font-weight:bold; display:inline-block; margin:0 7px;}
.header-top .welcome span {font-weight:normal;}
.search-box{display: none;}

.mobile-header-top{background:#113363; padding:5px 10px; display: block;}
.mobile-header-top .header-links {display: flex; align-items: center; }
.mobile-header-top .header-links .welcome{display: flex; width: 100%; color: #ffffff;}
.mobile-header-top .header-links a{display: block;}
/* =================================================================
                        Media Queries
===================================================================*/


@media only screen and (min-width:48em){
	.site-header {border-top:0;}
	.site-header .container, .site-header [class*="grid-"] {Xposition:relative;}
	.site-header > .inner {padding:0 0 10px;}
	.mobile-header-top{display: none;}
	.header-top {display:block;}
	
	.site-logo-wrpr {margin-top:10px; width:200px; flex-grow:1;}
	.site-header a.site-logo {text-align:left;}
	
	.header-links {margin:0 0 5px; float:right;}
	.header-links a {display:inline-block;}
	.header-links .sep {display:inline-block; color:transparent; position:relative; margin:0 5px;}
	.header-links .sep:after {
		position:absolute;
		content:"";
		top:-5px;
		bottom:-5px;
		left:50%;
		width:1px;
		background:#406ba8;
	}
	
	.site-search {margin:0px; display:none;  position: absolute; width: 100%; top: 100%; margin-top: 20px; left: 0;}
	.site-search .inner {display:block; background:none; position:relative; bottom:auto; padding:0px;}
	.site-search .search-trigger {display:none;}
	
	.header-right {float:right; text-align: right; max-width:270px; margin-top:8px; width: calc( (100%) - (200px) )}
	.header-buttons {display:inline-block; margin-left:10px; vertical-align: top;}
	.header-buttons .btn {padding: 12px 25px;}
	.header-buttons .btn.transp {margin-right:10px; padding: 11px 25px;}
 .search-box{display: inline-block;}
	.search-toggle.btn.transp{display: block; position: relative;text-indent: 1em; padding: 11px 25px;}

}

@media only screen and (min-width:80em){
	.header-right {}
	.site-search .formee input[type="text"] {padding:15px 55px 14px 10px;}
	.site-search .btn {height:50px;}
	.header-buttons .btn {padding: 17px 25px;}
	.header-buttons .btn.transp {padding: 16px 25px;}
	.search-toggle.btn.transp{padding: 16px 25px;}
	.search-toggle svg{font-size: 1.5em; position: absolute; left: 15px;}
}

@media only screen and (max-width:50.8125em) {
	.site-header > .inner {
		height: 100px;
		padding: 0;
	}

	.site-header a.site-logo {
		position: absolute;
		top: 37px; /* left:19%; */
		left: 10px;
		width: 135px;
	}

	.header-buttons {
		position: absolute;
		top: 35px;
		right: 15px;
		display: none;
	}

		.header-buttons .btn {
			display: block;
			font-size: 12px;
			width: 100px;
			padding: 6px 5px;
			margin-bottom: 5px;
		}

			.header-buttons .btn.transp {
				padding: 5px 5px;
			}

	.site-header {
		border-top: 0px solid #113363;
		border-bottom: 0px solid #dfe4e9;
	}

	.mobile-header-top {
		display: none;
	}
}

.site-header .container .grid-12 {
display:flex;
align-items:center;
justify-content:flex-end;

}
.site-header .container .nav-bar {
	position:initial; left:initial; top:initial; right:initial;
}

	.site-header .container .nav-bar:focus {
		outline:0;
	}