.maintenance-banner-container {
    background: #d6dbde;
    padding-bottom: 1em;
    color: #393439
}

.alert-banner-container, .cookies-container, .info-banner-container, .maintenance-banner-container {
    padding-bottom: 1em;
    border-width: 0 0 .2em
}

.alert-banner-container, .cookies-container, .info-banner-container, .maintenance-banner-container{
    border-color: #008540;
    border-style: solid
}

.alert-banner-container {
    background: #ffee83
}

.info-banner-container {
    background: #006231;
    color: #fff
}
button.banner-hide-button {
    float: right;
    display: inline-block;
    margin: 0;
    padding: 0 0 0 10px;
    border-style: none;
    border-width: 0;
    border-color: #999;
    position: relative;
    font-size: 1.2em;
    font-weight: 400;
    font-family: inherit;
    text-align: right;
    background: 0 0 !important;
    /* line-height: 1.8em;*/
        
}

button.banner-hide-button span::before {
        color:white;
        background-color:#333;        
        padding:0.2em 0.3em;
        border-radius:10px;
        margin-top:0.9em;
        font-size:1.2em;
        cursor:pointer;
    }

    button.banner-hide-button span:hover::before {
        color:#005c98;
        background-color:white;        
        border:solid 1px #005c98;
    }

.maintenance-banner-container {
    background: #a02b22;
    color: #fff
}

.cookies-container {
    background: #505050
}

.banner-heading {
    -webkit-text-size-adjust: 100%;
    color: #222;
    font: .9em/1.6em "Open Sans",sans-serif;
    font-size: 1.5em;
    display: block;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

.cookies-container .banner-heading:before {
    content: "\F05A"
}

.cookies-container a, .cookies-container p, .info-banner-container a, .maintenance-banner-container a {
    color: #fff;
    margin: 0 0 1em
}

.alert-banner-container .banner-heading:before, .cookies-container .banner-heading:before, .info-banner-container .banner-heading:before, .maintenance-banner-container .banner-heading:before {
    margin-right: .5em;
    position: relative;
    font-family: FontAwesome;
}

.maintenance-banner-container .banner-heading:before {
    content: "\f085"
}

.info-banner-container .banner-heading {
    content: "\f05a";
    color: #fff;
}

.info-banner-container .banner-heading:before {
    content: "\f05a";
    color: #fff;
}

.alert-banner-container .banner-heading:before {
    content: "\f06a";
}

.info-banner-container a {
    color: #fff;
    margin: 0 0 1em
}

@media only screen and (max-width:480px) {
    .alert-banner-container .banner-heading, .cookies-container .banner-heading, .info-banner-container .banner-heading , .maintenance-banner-container .banner-heading  {
        font-size: 1.2em;
        line-height: 2em;
    }
}

@media only screen and (min-width:480px) {
    .alert-banner-container .banner-heading, .cookies-container .banner-heading, .info-banner-container .banner-heading, .maintenance-banner-container .banner-heading {
        font-size: 1.2em;
        line-height: 2em;
    }
}

@media only screen and (min-width:768px) {
    .alert-banner-container .banner-heading, .cookies-container .banner-heading, .info-banner-container .banner-heading, .maintenance-banner-container .banner-heading {
        font-size: 1.5em;
        line-height: 2em;
    }
}