﻿/* ================== */
/* Emergency Messages */
/* ================== */

/* latin */
@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Sans Regular'), local('DroidSans-Regular'), url(https://fonts.gstatic.com/s/droidsans/v12/SlGVmQWMvZQIdix7AFxXkHNSbQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(https://fonts.gstatic.com/s/droidsans/v12/SlGWmQWMvZQIdix7AFxXmMh3eDs1Zw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Droid Serif';
    font-style: italic;
    font-weight: 400;
    src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url(https://fonts.gstatic.com/s/droidserif/v12/tDbK2oqRg1oM3QBjjcaDkOr4nAfcHg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Droid Serif';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Serif Regular'), local('DroidSerif-Regular'), url(https://fonts.gstatic.com/s/droidserif/v12/tDbI2oqRg1oM3QBjjcaDkOr9rAU.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

#page-content > div.l-region.l-region--emergency-message {
    -webkit-font-smoothing: antialiased;
    color: hsl(0,0%,27%);
    font: 90%/1.6em "Droid Sans",Trebuchet MS,Arial,Helvetica,sans-serif;
    line-height: 1.7em;
    text-rendering: optimizelegibility;
    box-sizing: border-box;
}

#block-bean-emergency-message {
    -webkit-font-smoothing: antialiased;
    line-height: 24px;
    text-rendering: optimizelegibility;
    box-sizing: border-box;
    background-color: hsl(0,62.4%,46%);
    color: white;
    padding: 11px 21px 10px 21px;
}

    #block-bean-emergency-message > div {
        -webkit-font-smoothing: antialiased;
        line-height: 24px;
        text-rendering: optimizelegibility;
        color: white;
        box-sizing: border-box;
    }

        #block-bean-emergency-message > div > div {
            -webkit-font-smoothing: antialiased;
            line-height: 24px;
            text-rendering: optimizelegibility;
            color: white;
            box-sizing: border-box;
        }

            #block-bean-emergency-message > div > div > h2, #block-bean-emergency-message div div h2 {
                -webkit-font-smoothing: antialiased;
                box-sizing: border-box;
                border-bottom: 1px solid #d7d7d7;
                padding-bottom: 0;
                clear: both;
                text-rendering: optimizelegibility;
                font: 400 25px/33px "Droid Serif",Georgia,"Times New Roman",Times,serif;
                letter-spacing: -1px;
                margin-bottom: 0;
                margin-top: 0;
                border-color: white;
                color: white;
            }

            #block-bean-emergency-message > div > div > p, #block-bean-emergency-message div div p {
                -webkit-font-smoothing: antialiased;
                font: 14px/21px "Droid Sans",Trebuchet MS,Arial,Helvetica,sans-serif;
                text-rendering: optimizelegibility;
                color: white;
                box-sizing: border-box;
                margin-bottom: 11px;
                margin-top: 0;
            }

                #block-bean-emergency-message > div > div > p > a, #block-bean-emergency-message div div p a {
                    -webkit-font-smoothing: antialiased;
                    font: 14px/21px "Droid Sans",Trebuchet MS,Arial,Helvetica,sans-serif;
                    text-rendering: optimizelegibility;
                    color: white;
                    box-sizing: border-box;
                    margin-bottom: 0.8em;
                    margin-top: 0;
                }

.emergency-message {
    background-color: hsl(0,62.4%,46%);
    color: white;
    padding: 0.25em 1em 0.25em 1em;
    margin-bottom: 1em;
    display: flex;
    flex-direction: row;
}
    .emergency-message div {
        display: grid;
        flex: 2;
        margin: 10px;
        grid-template-rows: auto 1fr;
    }

    .emergency-message h2 {
        border-color: white !important;
        color: white !important;
    }

    .emergency-message p {
        line-height: 1.5em;
        margin-bottom: 0.8em;
        margin-top: 0;
        font-size: 1em;
    }

    .emergency-message a {
        color: white !important;
    }
@media (max-width: 800px) {
    .emergency-message {
        flex-direction: column;
    }
}