@charset "UTF-8";
/* CSS Document */
/*Header--------------------------------------------------------------------Note headerColumnOne and headerColumnTwo (in regions.css) positions header containers*/

#header table{
	margin: 0px;
	border-collapse: separate;
}

.gsc-input-box {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

#headerColumnOne {/*logo and site name at mobile*/
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width:95%;
	float: none;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#headerColumnTwo {/*utility menu and search at mobile*/
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	float: none;
	width:95%;
	display: block;
	padding: 0px;
	margin-bottom: 10px;
}


a#logo {/* logo wrapper at mobile */
float: none;
display: block;
margin:auto;
line-height: normal;
text-align:center;
padding:0px;
margin-top:0px;
margin-bottom:-10px;
text-decoration: none;
border: none;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

a#logo:hover{
text-decoration: none;
border: none;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

/*site name*/

div#name-and-slogan {/*site name wrapper at mobile*/
float: none;
margin:auto;
text-align:center;
padding:0px;
margin-top:0px;
margin-bottom:0px;
font-family: "Proxima Nova Bold";
font-size: 2em;
}

@media all and (min-width: 480px) {

div#name-and-slogan {/*site name wrapper at mobile*/
float: left;
margin:auto;
text-align:left;
font-size: 4em;
padding-right: 1px;
background-image: url(../images/pipe.png);
background-repeat: no-repeat;
background-position: left center;
padding-left:15px;
margin-top:10px;
}
}

@media all and (min-width: 480px) and (max-width: 1024px) {


div#name-and-slogan {/*mobile-fist dept name wrapper positioning*/
 float: none;
 margin:auto;
 text-align:center;
 background-image: none;/*no pipe*/
font-size: 2.5em;
}



}


a.header__site-link:link,
a.header__site-link:visited {/* site name typography */
 color: #FFFFFF;
line-height: normal;
text-decoration: none;

}

a.header__site-link:hover{
color: #ffc425;
}

/*google search container*/

#headerColumnTwo .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right: 0px;
}

td.gsc-search-button{
position:relative;
}

div#___gcse_0{/*allow 10% for mobile menu button*/
display: block;
width: 80%;
float: left;
margin: 0px;
padding: 0px;
}


.gsc-search-button.gsc-search-button-v2 {
display: block;
background-image: url(../images/search_box_icon.png);
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
height: 30px;
position: absolute;
right: -5px;
bottom: 0px;
border:none;
}

.gsc-search-button.gsc-search-button-v2:hover {
display: block;
height:30px;
background-image: url(../images/search_box_icon-2.png);
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
border:none;
}

.mobileMenuIcon{
	width: 20%;
	max-width: 50px;
	float: right;
	display: block;
	margin-left:5px;
	margin-top:-10px;
	}

#header .menu-block-wrapper {/*utility is in sf at desktop*/
display:none;
}

div.special-buttons{
	display:none;
	}


/*everything over 480px*/
@media all and (min-width: 480px) {

#headerColumnOne {/*logo and site name*/
float: left;
	width: 71%;
	margin-top:9px;
}

#headerColumnTwo {/*utility menu plus search plus special menu*/
	float: right;
	width: 25%;
	margin-top:15px;
}

a#logo {/* desktop logo wrapper */
  float: left;
  margin: 0px;
  padding: 0px;
}


div#___gcse_0{
	display: block;
	width: 99%;
	float: none;
	margin: 0px;
	padding: 0px;
}

.mobileMenuIcon{
	display:none;
 }

 /*utility navigation------------------------------------------------------------------------UTILITY NAVIGATION */

#header .menu-block-wrapper {
text-align:center;
margin:0px;
margin-left:auto;
margin-right:auto;
display:block;
}


#header .menu-block-wrapper ul{
	margin: 0px;
	display: block;
	padding: 0px;
	font-family: "Proxima Nova Bold";
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#header .menu-block-wrapper ul li  {
list-style-type: none;
display: inline;
padding-right:2px;
padding-left:2px;
text-align: left;
}


#header .menu-block-wrapper ul li a {
color: #FFF;
text-decoration: none;
transition: all 0.3s ease 0s;
}

#header .menu-block-wrapper ul li a:hover {
	color: #999999;
	text-decoration: none;
}

}



@media all and (min-width: 480px) and (max-width: 1024px) {

#headerColumnOne {/*logo and site name*/
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	float: none;
	clear:both;
	width:600px;
	display:block;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
}

#headerColumnTwo {/*utility menu and search*/
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	float: none;
	clear:both;
	width:600px;
	display:block;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
}

a#logo {/* mobile-first logo wrapper positioning */
 float: none;
 margin:auto;
 text-align:center;
}



.row-header-panel-2{/*container for special menu links*/
	display:none;
}

#headerColumnTwo {/*utility menu and search*/
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	float: none;
	clear:both;
	display:block;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
}





/*google search container*/
/*allow 10% for mobile menu button*/
div#___gcse_0{
	display: block;
	width:90%;
	float:left;
	margin:0px;
	padding:0px;
}

.mobileMenuIcon{
 	width: 10%;
 	float: right;
	display:block;
 }



}