/* Temporary outage banner. Remove this file and the OUTAGE-BANNER block in every page when the outage is over. */

.gg-outage-banner {
    position: relative;
    z-index: 10000; /* above .preloader (9999), below the fixed nav (99999) */
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 16px;
    background: #ffc107;
    color: #1a1a1a;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
}

/* Let the phone menu drawer (z-index 999) cover the banner while the drawer is open. */
body.offcanvas-stop-scrolling .gg-outage-banner {
    z-index: auto;
}

.gg-outage-banner a.gg-outage-banner-link,
.gg-outage-banner a.gg-outage-banner-link:visited,
.gg-outage-banner a.gg-outage-banner-link:hover,
.gg-outage-banner a.gg-outage-banner-link:focus {
    color: #1a1a1a;
    text-decoration: underline;
    overflow-wrap: break-word;
}