/* -------------------------- GLOBAL ------------------------------ */

.textCode {
color: #069;
}

#divHeaderWrap {
background-color: #0e375f;
float: left;
margin-bottom: 4px;
box-sizing: border-box;/*internal border*/
border: 0px dashed #fff;
width:100%;
position: relative;/*required for z indexing*/
z-index: 3;/*=3 to prevent interference with anchored links in header*/
}

#divHeader_01 {
width: 250px;
margin: 0px;
padding: 0px;
box-sizing: border-box;/*internal border*/
border: 0px dashed #ccc;
float: left;
background-color: #0e375f;
}

#divHeader_02 {
width: 650px;
height: 95px;
margin: 0px;
padding: 0px;
box-sizing: border-box;/*internal border*/
border: 0px dashed #ccc;
float: left;
background-color: #0e375f;
/*display: flex;*//*for text alignment to bottom of div*/
text-align: right; /*this sends the text block to the right side of the div; incompatible with display: flex*/
}

#divTextBlockHeader {
color: #fff;
margin: 50px 10px 0px 0px;/*hack align to bottom of div*/
text-align:right; /*this creates a flush-right text block*/
}

#divHeader_03 {
width: 60px;
margin: 0px;
padding: 0px;
box-sizing: border-box;/*internal border*/
border: 0px dashed #ccc;
background-color: #0e375f;
text-align: right;
float: left;
}

.divCallout {
margin: 20px 0px;
padding: 8px 20px; 8px 0px;
background-color: #fefba0;
background-image: url("/images/icons/icon_callout_windsock.png");
background-repeat: no-repeat;
}

.divTwoColAndStack {
width: 100%;
margin-bottom: 20px;
border: 0px solid #ccc;
float: left;
}

#divCalendar {
margin: 20px;
border-radius: 10px;
background-color:#f0f0f0;
border: 1px solid #ccc;
padding: 10px;
float:left;
}


/* _________________ responsive nav ________________ */

#nav_z_index {
width:100%;
position: relative;/*required for z indexing*/
z-index: 2;/*=2 to overlap slider*/
}



/* _________________ slider ________________ */

#slider {
margin: 10px auto 0px auto;
text-align: right;
border: 01px solid #fff;/*add border for IEx stability between slider and control*/
position: relative;/*required for z indexing*/
z-index: 1;/*=1 to underlap responsive nav*/
}

/* _________________ images ________________ */


#imgHdrWillametteScript {
content: url('/images/header/hdr_willamette_script.png');
width: 177px;
height: 95px;
border: 0px;
margin-left: 30px;
}

#imgHdrWindsock {
content: url('/images/header/hdr_windsock.png');
width: 50px;
height: 95px;
border: 0px;
margin-right: 20px;
}

.imgLateral380 {
width: 100%;
max-width: 380px;
margin: 10px auto;
display: block; /*to center image*/
}

.imgRow380 {
width: 100%;
max-width: 380px;
margin: 10px auto;
display: block; /*to center image*/
}

.imgNest380 {
width: 380px;
margin: 0px 0px 10px 10px;
float: right;
}


/* _________________text________________ */

h1 {
color: #069;
}

#textHeaderWillamette {
color: #fff;
font-weight: 600;
font-size: 0.95em;
line-height: 1.4;
}

#textHeaderAurora {
color: #fff;
font-weight: 400;
font-size: 0.95em;
font-style: italic;
}

.textCallout {
margin: 4px 10px 4px 40px;
}

.textCalloutLink {
color: #069;
background-color: #efec91;
text-decoration: none;
}

.textCalloutLink:hover, .textCalloutLink:active {
background-color: #e8e58a;
}

.textCalendar {
color:#333;
padding-left:20px;
text-indent:-20px;
}





/* -------------------------- Q desktop ------------------------------ */

@media screen and (min-width:975px) {

.imgRow380 {
display:none;
}

#imgHomeStatic {
display: none;
}

.divImgLateral380 {
max-width: 438px;/*width becomes 100% below 960, images center*/
}

#icon_padlock_dark {
display: none;
}

#discoveryPromoMobile {
display: none;
}

}/*query*/


/* -------------------------- Q tablet ------------------------------ */

@media screen and (min-width:461px) and (max-width:974px) {

#divHeaderWrap {
background-color: #0e375f;
}

#divHeader_01 {
width: 250px;
max-width: 100%;/*this makes it liquid*/
}

#divHeader_02 {
width: 200px;
float: right;
}

#divHeader_03 {
display: none;
}

#slider {
display: none;
}

#control {
display: none;
}

.imgNest380 {
display: none;
}

#icon_padlock_white {
display: none;
}

#discoveryPromoMobile {
display: none;
}

}/*query*/


/* ------------------------ Q mobile --------------------------------- */

@media screen and (max-width:460px) {

#divHeader_01 {
width: 100%;
float:left;
text-align: center; /*centers the logo in mobile view*/
}

#divHeader_02 {
display: none;
}

#divHeader_03 {
display: none;
}

#slider {
display: none;
}

#control {
display: none;
}

.divCallout {
background-image: none;
}

.imgNest380 {
display: none;
}

#imgHdrWillametteScript {
margin-left: 0px;/*removes left margin from desktop rules, centers logo*/
}

#icon_padlock_white {
display: none;
}

#discoveryPromoDesktop {
display: none;
}

.textCallout {
margin: 4px 10px 4px 10px;
}

#divCalendar {
margin: 0px;
}

#navLiForecast {
display:none;
}

#navLiForecastDiscussion {
display:none;
}



}/*query*/