/*Home Page Emergency Alert Section*/
.emergency_alert .detail_wrapper{ display:inline-block; width:100%; }
.emergency_alert .detail { margin:50px; margin-right:0px; margin-bottom:0px; padding:0px; border: 2px solid #a41824; }
.InternetExplorer .emergency_alert .detail{ margin-right:50px; }
@media screen and (max-width: 1600px){
    .emergency_alert .detail{
        margin: 3.125vw;
        margin-right:0px;
        margin-bottom:0px;
    }
    .InternetExplorer .emergency_alert .detail{ margin-right:3.125vw; }
}
@media screen and (max-width: 720px){
    .emergency_alert .detail{
        margin-right:3.125vw;
        margin-bottom:0px;
    }
}
.emergency_alert .detail { font-size:16px; line-height: 1.5em; font-weight: 300; }

.iOS .emergency_alert .detail { font-weight:normal; }

.Android .emergency_alert .detail { font-weight:normal; }

.emergency_alert .title { font-size: 24px; font-weight: bold; line-height: 1em; margin-bottom: 5px; display: block; margin-top: 0px; background: #a41824; background: linear-gradient(to top, rgba(132,0,0,1) 0%,rgba(216,39,54,1) 100%); padding: 10px; color: white; }

.emergency_alert .inline_block { display:inline-block; width:100%; }

.emergency_alert .date { color: #595959; margin-bottom: 12px; margin-top: 12px; padding-left:12px; padding-right:12px; } 

.emergency_alert .teaser { float: right; max-width: 350px; margin-left: 15px; /*margin-bottom: 15px;*/ margin-right:15px; background-color:white; }

@media screen and (max-width: 1600px){
    .emergency_alert .teaser {
        max-width: 21.875vw;
    }
}

@media screen and (max-width: 720px){
    .emergency_alert .teaser {
        max-width: 25.5vw;
    }
}

@media screen and (max-width: 640px){
    .emergency_alert .teaser {
        max-width: 100%;
        float:none; 
        margin:0px;
    }
}

.emergency_alert .teaser img { margin-bottom: 15px !important; margin-right: 0px !important; margin-left: 0px !important; margin-top: 15px !important; width: 100% !important; height: auto !important; float: none !important; }

@media screen and (max-width: 640px){ .emergency_alert .teaser img{ width:calc(100% - 30px) !important; max-width:calc(100% - 30px) !important; margin-left: 15px !important; margin-bottom: 15px !important; } }

.emergency_alert .story { margin-bottom:15px; padding-left:12px; padding-right:12px; }

