/*
    inspired from GovUK Phase Banner (GDS)
*/
.topBanner {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #b1b4b6;
    text-align: -webkit-center;
/*    position:relative;
    z-index:5;*/
}

.topBanner__content {
    font-family: "GDS Transport", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.14286;
    color: #0b0c0c;
    display: table;
    
}

.topBanner__text {
    display: table-cell;
    vertical-align: baseline;
    margin:10px;
    padding-right:50px;
    padding-left:20px;
}

@media print {
    .topBanner__content {
        font-family: sans-serif;
    }
}

@media (min-width: 40.0625em) {
    .topBanner__content {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.25;
    }
}

@media print {
    .topBanner__content {
        font-size: 14pt;
        line-height: 1.2;
    }
}

@media print {
    .topBanner__content {
        color: #000000;
    }
}

@media print {
    .topBanner-link {
        font-family: sans-serif;
    }
}

.topBanner-link:focus {
    outline: 3px solid transparent;
    color: #0b0c0c;
    background-color: #ffdd00;
    -webkit-box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
    box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
    text-decoration: none;
}

.topBanner-link:link {
    color: #1d70b8;
}

.topBanner-link:visited {
    color: #4c2c92;
}

.topBanner-link:hover {
    color: #003078;
}

.topBanner-link:active {
    color: #0b0c0c;
}

.topBanner-link:focus {
    color: #0b0c0c;
}

@media print {
    .topBanner-link[href^="/"]::after, .topBanner-link[href^="http://"]::after, .topBanner-link[href^="https://"]::after {
        content: " (" attr(href) ")";
        font-size: 90%;
        word-wrap: break-word;
    }
}

.topBanner-link--muted:link, .topBanner-link--muted:visited, .topBanner-link--muted:hover, .topBanner-link--muted:active {
    color: #6f777b;
}

.topBanner-link--muted:focus {
    color: #0b0c0c;
}

.topBanner-link--text-colour:link, .topBanner-link--text-colour:visited, .topBanner-link--text-colour:hover, .topBanner-link--text-colour:active, .topBanner-link--text-colour:focus {
    color: #0b0c0c;
}

@media print {
    .topBanner-link--text-colour:link, .topBanner-link--text-colour:visited, .topBanner-link--text-colour:hover, .topBanner-link--text-colour:active, .topBanner-link--text-colour:focus {
        color: #000000;
    }
}

.topBanner-link--no-visited-state:link {
    color: #1d70b8;
}

.topBanner-link--no-visited-state:visited {
    color: #1d70b8;
}

.topBanner-link--no-visited-state:hover {
    color: #003078;
}

.topBanner-link--no-visited-state:active {
    color: #0b0c0c;
}

.topBanner-link--no-visited-state:focus {
    color: #0b0c0c;
}