.site-wide-banner {
    background-color: #005A70;
    color: #fff;
    position: fixed;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
    width: 500px;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%,-50%);
    padding: 45px;
    border-radius: 3px;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}

.site-wide-banner.show, .banner_overlay {
    opacity: 1;
    pointer-events: auto;
}

html.banner_open, body.banner_open {
    overflow: hidden;
}

.site-wide-banner .cnt {
    display: flex;
    flex-direction: column;
    padding: 0;
    justify-content: space-between;
}

.banner_overlay {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    z-index: 5;
    display: none;
}

.site-wide-banner .content {
    margin-right: auto;
    font-size: 1.2rem;
}

.site-wide-banner .banner_content-links {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.close-banner {
    text-decoration: none;
}

@media (max-width: 639px) {
    .site-wide-banner {
        width: calc(100vw - 40px);
        padding: 25px;
    }
}
.navigation-primary_sub .panel--default.hover:before {
    opacity: 0;
}

form .form-text p {
    color: #2d2d2d;
}

.article-list_item.colour--brand-aquamarine .article-list_item_head {
    color: #005e5d;
}

.gateway-panel-set_list .panel.panel.panel--teal {
    background-color: #005A70;
}

.tabs_tab.colour--brand-aqua, .tabs_tab.colour--brand-aqua:visited  {
    color: #005A70!important;
}

html .colour--brand-teal, html .colour--brand-teal:visited {
    color: #007E9E!important;
}

.navigation-primary_sub_panel .panel_image:before {
    background-color: #005E75;
}

.navigation-primary_sub .panel, .panel--default .panel_arrow {
    color: #fff;
}


/*rgba(0,130,162,.7) hex #0082a2b3*/

/*                   yellow #e3e48d*/