/* ## 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 {display: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-"] {position:relative;}
	.site-header > .inner {padding:0 0 10px;}
	.mobile-header-top{display: none;}
	.header-top {display:block;}
	
	.site-logo-wrpr {float:left; margin-top:10px; width:200px;}
	.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:575px; 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 {margin-top:28px;}
	.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:47.99em){
	.site-header > .inner {height:100px; padding:0;}
	.site-header a.site-logo {position:absolute; top:37px; /* left:19%; */ left:60px; width:135px;}
	
	.header-buttons {position:absolute; top:35px; right:15px;}
	.header-buttons .btn {display:block; font-size:12px; width:100px; padding: 6px 5px; margin-bottom:5px;}
	.header-buttons .btn.transp {padding: 5px 5px;}
}