@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

#specialAlertsSlideshow {
    background:#a60000;
    color:#ffffff;
    font-family: 'Roboto Condensed', sans-serif;
}

#specialAlertsSlideshow a {text-decoration:none;}

#specialAlertsSlideshow a:hover,
#specialAlertsSlideshow a:focus {text-decoration:underline;}

.specialAlertCaption {position:static;}

.specialAlertButton {
    background:transparent;
    color:#ffffff;
    border:none;
    padding:0 2px;
}

#specialAlertControls {
    position:absolute;
    right:5px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    flex-direction:column;
}

.specialAlertCaption {padding:5px 55px;}

.specialAlertTitle,
.specialAlertBody {
    padding:0;
    margin:0;
}

.specialAlertTitle {font-weight:700;}

.specialAlertBody {font-weight:400;}

@supports not (-webkit-line-clamp: 1) {
    .specialAlertTitle,
    .specialAlertBody {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@supports (-webkit-line-clamp: 1) {
    .specialAlertTitle,
    .specialAlertBody {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
}