/* ## Site Header ## */
.site-header {position:relative; z-index:1000; margin:0; border-bottom:1px solid #d4d4d4;}
.site-header > .inner {/* padding:60px 0 15px; */ 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  .site-logo a {display:block; text-align:center; height:60px;}
.site-header .site-logo a svg {width:90px; height:60px;}
/* SVG site logo */
.logo-st0 {
    fill: #BA3626;
}
.logo-st1 {
    fill: #FFFFFF;
}



.header-cell.icon.search .trigger {}
.site-header .search .overlay {}

.site-search input[type="text"] {font-size:12px; padding:11px 45px 11px 20px; border:1px solid #c9c9c9; border-radius:4px; height:40px;}
.site-search input.imgBtn {
    position: absolute;
    right: 0;
    bottom: 0;
}


.header-top {display:none;}

.header-middle {background:#fff; /* color:#fff; */}


	.header-main {display:table; width: 100%; table-layout: fixed; padding: 0 0 0 10px ;}
	.header-cell,
	.header-cell.icon 	{display:table-cell; height:60px; vertical-align:middle;}


	.site-header .header-cell.site-logo {width:120x; padding-left:45px;}
	.site-header .header-cell.member {
		width: 95px;
		font-size:14px;
		text-decoration:none;
		font-weight:500;
		
		display:none;
		position:absolute;
		top:70px;
	}
	.site-header .header-cell.member a {text-decoration:none;}
	.site-header .header-cell.member a:hover,
	.site-header .header-cell.member a:focus {text-decoration:underline;}
	.site-header .header-cell.member .loggedIn a {
		color: #fff;
	}

.header-cell.icon.search {display:none;}
.header-cell.icon.scores {width:90px; background:#3d3d3d; font-size:14px; font-weight:500; padding-right:10px;} 
/* .header-cell.navigation {width:100%; padding-right:10px;} */

.header-cell.icon.scores a {color:#fff;}




/* =================================================================
                        Media Queries
===================================================================*/


@media only screen and (min-width:60em){

	.site-header .container, .site-header [class*="grid-"] {position:relative;}
	.site-header > .inner {/* padding:10px 0; */}
	.site-header .site-logo a{display:block; text-align:left; position:relative; width:140px; height:60px;}
	.site-header .site-logo a svg {width:140px; height:75px; position:absolute; top:-7px; /* z-index:9; */}

	
	.site-header .search .trigger {}	
	.site-header .search .overlay {
		left:auto;
		width:auto;
	}
	.site-header .search .overlay-box {padding:0; background:none;}
	.site-header .search .overlay-box:before {display:none;}
	
	.site-header .member .overlay {
		left:auto;
		width:auto;
	}	
	
	.header-top {display:block;  height:32px;  background:#282828;}
	/* .header-top .container {max-width:1920px;} */
	.header-middle {height:60px; }
	.header-bottom {height:40px; margin:8px 0 7px;}
	
	.header-main {display:table; width: 100%; table-layout: fixed; padding: 0 10px;}
	.header-cell,
	.header-cell.icon {display:table-cell; height:60px; vertical-align:middle;}
	
	
	.header-cell.navigation {width:100%; padding-right:20px;}
	.header-cell.icon.search {display:table-cell; width:60px; padding-right: 10px;}
	.header-cell.icon.scores {display:none;}
	
	.header-cell.icon.search .svg-icon {fill:#000; width: 25px; height: 40px;}

	.site-header .header-cell.site-logo {width:140px; padding-left:0;}
	.site-header .header-cell.member {width: 180px; display:table-cell; position:static;}


	#dvMember a.AnonymousView {
		color: #237CB3; 
		font-size: 14px;
		font-weight: bold;
		padding: 0;
	}
	#dvMember a.AnonymousView img {margin-right:0; width:24px;}
	#dvMember a.AnonymousView .icon {margin-left:0; position:relative; top:3px; /* font-size:1.1em; */
		-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
		-wekbit-transition: all 0.4s ease-in-out;
				transition: all 0.4s ease-in-out;		
	}
	#dvMember a.AnonymousView.active .icon {
		-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);		
	}
	
	#dvMember .MemberView a {
		color: #237CB3; 
		font-size: 14px;
		font-weight: bold;
		padding: 0;		
	}
	#dvMember .MemberView span {padding:0 3px;}
}

@media only screen and (min-width:60em){
	#dvMember a.AnonymousView {font-size:15px;}
	#dvMember .MemberView a {font-size:15px;}

	.header-cell.icon.search .overlay-box {width:900px; padding:20px; background:#f0f0f0;}
	.site-search input[type="text"] {font-size: 14px;}
	.site-search input.imgBtn {
		right: 20px;
		bottom: 20px;
	}
	
}

@media (min-width:75em) {
	.site-header .header-cell.site-logo {width:175px;}
	.site-header .site-logo a{width:175px;}
	.site-header .site-logo a svg {width:175px; height:90px; position:absolute; top:-20px;}

	.header-cell.icon.search {width:60px; }
	.site-header .header-cell.member {width: 215px; padding-left: 5px; }	
	
	#dvMember a.AnonymousView {font-size:17px;}
	#dvMember a.AnonymousView img {margin-right:3px; width:32px;}

	#dvMember .MemberView a {font-size:17px;}
}


@media only screen and (max-width:59.999em){
	.header-main {display:block; position:relative; padding:0; height:60px; border-bottom:1px #d6d6d6;}
	.site-header .header-cell.site-logo {padding:0 20px 0 19px; border-right:1px solid #d6d6d6;}
	.header-cell.icon.scores {position:absolute; top:0; right:0; padding:20px 10px;}
	.header-cell.navigation {
		display:block;
		position:absolute;
		top:61px;
		left:0; 
		width:100%;
	}
	
	.cm-js-menu-active .header-cell.icon.search{display:block;}
	.cm-js-menu-active .header-cell.icon.search .trigger {display:none;}
	.cm-js-menu-active .site-header .search .overlay {display:block !important; margin-top:115px; padding:0 35px; z-index:1000;}

	.site-header .search .trigger {}	
	.site-header .search .overlay {
		left:auto;
		width:100%;
	}
	.site-header .search .overlay-box {padding:0; background:none;}
	.site-header .search .overlay-box:before {display:none;}
	.header-cell.icon.search .overlay-box {width:100%;}


	.cm-js-menu-active .site-header .header-cell.member {display:block;  margin-top:5px; height:auto; z-index:1010;}
	.cm-js-menu-active .site-header .header-cell.member a {padding-right:0; text-align:left; color: #237CB3; font-weight:bold; font-size:16px; }
	.cm-js-menu-active .site-header .header-cell.member a:first-child {padding-left:35px;}
	
	.site-header .header-cell.member {width:100%;}
	
	.site-header .member .overlay {right:0; left:auto; margin-top:15px;}
	.site-header .member .overlay-box {max-width:335px; float:left; }	
	.header-cell.member .overlay-box:before { left:74px; right:auto;}
	
	#dvMember a.AnonymousView .icon {margin-left:0; position:relative; top:3px; /* font-size:1.1em; */
		-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
		-wekbit-transition: all 0.4s ease-in-out;
				transition: all 0.4s ease-in-out;		
	}
	#dvMember a.AnonymousView.active .icon {
		-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);		
	}

	.cm-js-menu-active .site-header .header-cell.member .login-box a {padding-left:0; color: #262626; font-size:14px;}
}