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

.textCode {
color: #069;
}

#divHeaderIconSunbreak {
float: left;
width: 280px;
/*margin: responsive*/
border: 0px solid red;
}

#divHeaderTextSunbreak {
float: right;
margin: 36px 24px -20px 0px;
border: 0px solid red;
}

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

/*this needs to live in Carbon, found in Willamette mach 3*/
.divTwoColAndStack {
width: 100%;
margin-bottom: 20px;
border: 0px solid #ccc;
float: left;
}

#divChecklist {
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 ________________ */


.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: #013333;
}

#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: 6px 10px 6px 70px;
}

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

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

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




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

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

#divHeaderIconSunbreak {
margin: 30px 0px 12px 36px;
}

/*pushes the first ribbon nav header text off the margin when it's representing a dropdown nav*/
#ribbonNavDropDownFlushLeft {
margin-left: 35px;
}

.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) {

#divHeaderIconSunbreak {
margin: 30px 0px 12px 36px;
}

/*pushes the first ribbon nav header text off the margin when it's representing a dropdown nav*/
#ribbonNavDropDownFlushLeft {
margin-left: 35px;
}

#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) {

/*center the logo*/
#divHeaderIconSunbreak {
width: 100%;
margin: 0px;
text-align: center; /*centers the logo in mobile view*/
/*border: 0px dashed red;*/
}

#imgHeaderIconSunbreak {
margin: 20px auto;
/*border: 0px dashed green;*/
}

/*turn off the header supplement*/
#divHeaderTextSunbreak {
display: none;
}

/*turn off the slider*/
#slider {
display: none;
}

/*turn off the slider control*/
#control {
display: none;
}

/*turn off the windsock*/
.divCallout {
background-image: none;
}

.imgNest380 {
display: none;
}

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

#divChecklist {
margin: 0px;
}

/*no forecast on mobile*/
#navLiForecast {
display:none;
}

/*no forecast discussion on mobile*/
#navLiForecastDiscussion {
display:none;
}



}/*query*/