/*---
    This style sheet contains company-specific styles. The centralized style sheet is located in
    /Sitemaps/Style/
    
Here is the way the style sheet is grouped. Please add the new style to the corresponding grouping...
 - RESET STYLES
 - FONT STYLES
 - MAIN STYLES
 - LINK STYLES
 - HEADER STYLES
 - TABLE STYLES
 - MAIN COLUMN STYLES
 - SIDEBAR COLUMN STYLES
 - LOADING STYLES
 - FORM STYLES
 - FOOTER STYLES
 - RESPONSIVE STYLES
 - PRINT SPECIFIC STYLES
 ---*/

/* ---------- FONT STYLES ---------- */


/* ---------- MAIN STYLES ---------- */
#elecEmergency .phoneNumber, #siteContent #elecEmergency .phoneNumber a[href^="tel:"] {
	color: #f00;
}
#outageUpdateContainer {
	background-color: #fc0;
}
#outageUpdate {
	background-color: #fc0;
    position: relative;
    max-width: 1200px;
    margin: 0px auto;
    text-align: left;
}
.outageSummary {
}
#outageUpdate h2 {
    margin: 0px;
    padding: 20px 20px 10px 80px;
}
#outageUpdate h2 svg {
    position: absolute;
    top: 20px;
    left: 20px;
}
.outageOptions {
}
#outageUpdate ul {
    margin: -10px 0px 0px;
    padding: 0px 20px 10px 80px;
}
#outageUpdate p {
    margin: 0px;
    padding: 0px 20px 20px 80px;
}

/* ---------- HEADER STYLES ---------- */
.logo img {
    max-width: 80px;
}

/* ---------- FORM STYLES ---------- */
#featuredPromoContainer .btn-secondary, #mainContent .btn-secondary, .siteButton, .styledButton {
    background: #003663;
}
#featuredPromoContainer .btn-secondary:hover, #mainContent .btn-secondary:hover, .siteButton:hover, .styledButton:hover {
	background: #b80000;
}
#featuredPromoContainer .btn-primary, #mainContent .btn-primary, .continueButton, .primaryButton, .selectAccountButton, .ui-EmulationUserStatus a.selectDifferent, .languageSwitcher a {
    background: #b80000;
}
#featuredPromoContainer .btn-primary:hover, #mainContent .btn-primary:hover, .continueButton:hover, .primaryButton:hover, .ui-EmulationUserStatus a:hover, .languageSwitcher a:hover, .ui-EmulationUserStatus a.closeSession:hover {
	background: #003663;
}




/* ---------- FOOTER STYLES ---------- */
#footerLogo img {
    width: 113px;
}

/* ---------- RESPONSIVE STYLES ---------- */
/* for 480px or greater */
@media screen and (min-width: 480px) {
	.naturewisePartners li {
		float: left;
		width: 50%;
	}
}
/* for 575px or greater */
@media screen and (min-width: 575px) {
	.naturewisePartners li {
		width: 40%;
		margin: 0px 10px;
	}
}
/* for 700px or greater */
@media screen and (min-width: 700px) {
    #outageUpdate h2, #outageUpdate p {
        padding-left: 100px;
    }
    #outageUpdate h2 svg {
        left: 40px;
    }
    #outageUpdate ul {
        padding-left: 100px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    #outageUpdate ul li {
        width: 45%;
    }
    .logo {
        padding: .5em 0;
    }
    .logo img {
        max-width: 115px;
    }
    .scrolled .logo img {
	    max-width: 60px;
    }    
    #siteTopNav li a:hover, #siteTopNav li.selectedNavTab a:hover {
        border-bottom: 3px solid #ED2939;
    }
}
/* for 1000px or greater */
@media screen and (min-width: 1000px) {
    /*.logo img {
        max-width: 7em;
    }*/
	.naturewisePartners li {
		width: 30%;
	}
}