/* Alerts */
/**********/
.alert {
    --baseColor:       #1c1d1f;
    --red:             #e41d3d;
    --yellow:          #face00;
    --green:           #2e8540;

    --infoColor:    var(--green);
    --warningColor: var(--yellow);
    --errorColor:   var(--red);
    font-family:       "Source Sans Pro", sans-serif;
    font-weight:       400;
    line-height:       1.33rem;
    background-repeat: no-repeat;
    border-style:      solid;
    border-width:      0 0 0 20px;
    margin:            0 !important;
    border-radius:     0;
}
.alert.severity-low,
.alert.low        {
    color:               var(--baseColor);
    padding:             20px 10px 20px 50px;
    border-color:        var(--infoColor);
    background-color:    rgba( 46, 133,  64, 0.33);
    background-image:    url(https://www.ncei.noaa.gov/themes/custom/ncei/images/alerts/low_alert_black.svg);
    background-size:     21px 21px !important;
    background-position: 15px 50% !important;
}
.alert.severity-medium,
.alert.medium {
    color:               var(--baseColor);
    padding:             20px 10px 20px 50px;
    border-color:        var(--warningColor);
    background-color:    rgba(250, 206,   0, 0.33);
    background-image:    url(https://www.ncei.noaa.gov/themes/custom/ncei/images/alerts/medium_alert_black.svg);
    background-size:     21px 21px !important;
    background-position: 15px 50% !important;
}
.alert.severity-high,
.alert.high {
    color:               var(--baseColor);
    padding:             20px 10px 20px 75px;
    border-color:        var(--errorColor);
    background-color:    rgba(228,  29,  61, 0.33);
    background-image:    url(https://www.ncei.noaa.gov/themes/custom/ncei/images/alerts/high_alert_black.svg);
    background-size:     42px 42px !important;
    background-position: 15px 50% !important;
}