/* Common styles shared between ECC and TDC */

a, div.data > p {
    word-wrap: break-word
}

/*a {
    text-decoration: underline;
    text-decoration-thickness: max(1px, .0625rem);
    text-underline-offset: .1578em;
}

    a::after {
        display:inline-block;
        text-decoration: none;
        text-underline-offset:0em;
    }*/




.hidden, .invisible {
    visibility: hidden
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/OpenSans-Regular.eot);
    src: url(./fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"),url(./fonts/OpenSans-Regular.woff) format("woff"),url(./fonts/OpenSans-Regular.ttf) format("truetype"),url(./fonts/OpenSans-Regular.svg#svgOpenSans-Regular) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: url(./fonts/OpenSans-Bold.eot);
    src: url(./fonts/OpenSans-Bold.eot?#iefix) format("embedded-opentype"),url(./fonts/OpenSans-Bold.woff) format("woff"),url(./fonts/OpenSans-Bold.ttf) format("truetype"),url(./fonts/OpenSans-Bold.svg#svgOpenSans-Bold) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    src: url(./fonts/OpenSans-Italic.eot);
    src: url(./fonts/OpenSans-Italic.eot?#iefix) format("embedded-opentype"),url(./fonts/OpenSans-Italic.woff) format("woff"),url(./fonts/OpenSans-Italic.ttf) format("truetype"),url(./fonts/OpenSans-Italic.svg#svgOpenSans-Italic) format("svg")
}

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    src: url(./fonts/OpenSans-BoldItalic.eot);
    src: url(./fonts/OpenSans-BoldItalic.eot?#iefix) format("embedded-opentype"),url(./fonts/OpenSans-BoldItalic.woff) format("woff"),url(./fonts/OpenSans-BoldItalic.ttf) format("truetype"),url(./fonts/OpenSans-BoldItalic.svg#svgOpenSans-BoldItalic) format("svg")
}

body {
    font-family: "Open Sans",sans-serif
}

#clearresults:after, .boxtext-cancelled h2:before, .boxtext-important h2:before, .caption:before, .newscaption:before, blockquote p.last-child:after, blockquote p:before {
    font-family: FontAwesome
}

.fa-li.fa-lg {
    left: -2.14286em
}

.search-highlight {
    background-color: #ffee6b
}

#hideCookies {
    text-align: right;
    margin: 0 !important;
    cursor: pointer
}

    #hideCookies:hover {
        text-decoration: underline
    }

.wrapper {
    padding-top: 0;
    margin: 0 5%
}

.skiplink {
    left: -9999em;
    position: absolute
}

#skiplink-container {
    background: #000;
    text-align: center;
    color: #fff
}

    #skiplink-container div {
        margin: 0 auto;
        max-width: 1000px;
        text-align: left
    }

    #skiplink-container a.skiplink {
        padding: 10px;
        display: inline-block;
        color: #fff;
        font-weight: 700;
        background-color: #015b59;
        margin: .75em 0;
        box-shadow: none;
        text-align: center;
    }

        #skiplink-container a.skiplink:focus {
            position: static;
            background: #ffbf47 !important;
            color: #000 !important;
            outline: 0;
            box-shadow: none;
        }

        #skiplink-container a.skiplink:hover, a.skiplink:visited {
            color: #fff
        }

button, html, input, select, textarea {
    color: #222;
    background: #fff
}

#breadcrumb-nav-container, #main-container {
    background: #fff
}

.boxtext-important {
    background-color: #ffee6b;
    padding: 1.5em;
    margin: 2em 0
}

    .boxtext-important h2 {
        margin: 0 0 1em
    }

        .boxtext-important h2:before {
            margin-right: .5em;
            content: "\f133"
        }

    .boxtext-important p {
        margin: 0
    }

.boxtext-cancelled {
    padding: 1.5em;
    margin: 2em 0
}

    .boxtext-cancelled h2 {
        margin: 0 0 1em;
        color: #a94442
    }

        .boxtext-cancelled h2:before {
            margin-right: .5em;
            content: "\f071"
        }

.boxtext-boxed {
    background-color: #efefef;
    padding: 1.5em;
    margin: 2em 0;
    border: .1em solid #000
}

blockquote {
    padding: 0 0 0 1.45em;
    margin: 2em 0;
    position: relative
}

    blockquote p:before {
        position: absolute;
        left: 0;
        content: "\f10d"
    }

    blockquote p.last-child:after {
        padding: 0 0 0 .5em;
        content: "\f10e"
    }

/*PS Accessibility changes*/
.holds-the-map-iframe a:focus {
    color: #fff !important;
}

/*PS 1/7/24 */
.holds-the-map-iframe iframe {
    aspect-ratio: 9/6;
    width: 100%;
}

.newscaption, .caption {
    font-style: italic;
    font-size: 1em;
}

    .newscaption:before, .caption:before {
        padding: 0 .5em 0 0;
        content: "\f030";
        font-style: normal
    }

#clearresults:after {
    content: "\f00d";
    margin-left: 1em;
    position: relative
}

#clearresults {
    color: #fff;
    display: inline-block;
    margin: 1em 1em 1em 0;
    padding: .5em 1em;
    text-decoration: none;
    border: 0;
    font-family: inherit;
    cursor: pointer;
    font-size: 1em
}

button.article-button, button.chart-button, button.header-button {
    border-style: none;
    border-width: 0;
    border-color: #999;
    font-weight: 400;
    font-family: inherit;
    font-size: 1em;
    text-align: left;
    position: relative
}

button.article-button {
    display: block;
    padding: 1em 0;
    width: 100%;
    text-decoration: underline;
}

button.chart-button {
    margin: 1em 0 0;
    padding: 1em 0;
    text-decoration: underline
}

td, td:first-child, th, th:first-child, tr.lastrow td, tr.lastrow th {
    border-style: solid;
    border-color: #999
}

a[href$=".pdf"]:before {
    font-family: FontAwesome;
    content: "\f1c1";
    padding: 0 .5em 0 0
}

a[href$=".doc"]:before, a[href$=".docx"]:before {
    font-family: FontAwesome;
    content: "\f1c2";
    padding: 0 .5em 0 0
}

a[href$=".mp3"]:before {
    font-family: FontAwesome;
    content: "\f1c7";
    padding: 0 .5em 0 0
}

#tinymce ol.policylist ol[class^=ol-list-alpha] > li:before, #tinymce ol.policylist ol[class^=ol-list-roman] > li:before, div.content article section ol.policylist ol.regular-ol > li:before, div.content article section ol.policylist ol[class^=ol-list-alpha] > li:before, div.content article section ol.policylist ol[class^=ol-list-roman] > li:before, div.content article section ol[class^=ol-list-alpha] > li:before, div.content article section ol[class^=ol-list-roman] > li:before {
    content: none
}

table {
    width: 100%;
    margin: 2em 0;
    line-height: 1.4em
}

td, th {
    text-align: left;
    vertical-align: top;
    padding: .5em;
    border-width: 0 0 1px 1px
}

    td:first-child, th:first-child {
        border-width: 0 0 1px
    }

tr.lastrow td, tr.lastrow th {
    border-width: 0 0 0 1px
}

    tr.lastrow td:first-child, tr.lastrow th:first-child {
        border-style: solid;
        border-width: 0;
        border-color: #999
    }

.hover, td:hover {
    background-color: #e5e5e5
}

.aligncellleft {
    text-align: left
}

.aligncellright {
    text-align: right
}

.aligncellmiddle, .campaign h1 {
    text-align: center
}

table.new-street-table td {
    padding: 5px;
}

    table.new-street-table td:first-child {
        width: 25%;
    }

    table.new-street-table td:nth-child(2) {
        width: 15%;
    }

    table.new-street-table td:nth-child(3) {
        width: 60%;
    }

ol, ul {
    list-style: none;
    padding: 0;
    margin: 0
}

div.related-content ul.fa-ul li {
    padding-bottom: 1.5em
}

#more-info-nav ul li {
    list-style-type: none
}

div.content article section ol.policylist li {
    margin: .5em 0;
    padding: 0;
    list-style: none
}

div.content article section ol.policylist ol[class^=ol-list-alpha] > li {
    list-style-type: lower-alpha;
    margin-left: 1.5em
}

div.content article section ol.policylist ol[class^=ol-list-roman] > li {
    list-style-type: lower-roman;
    margin-left: 1.5em
}

div.content article section ol[class^=ol-list-alpha] > li {
    list-style-type: lower-alpha;
    margin-left: 1.5em
}

div.content article section ol[class^=ol-list-roman] > li {
    list-style-type: lower-roman;
    margin-left: 1.5em
}

div.content article section ol.policylist ul > li {
    list-style-type: disc
}

div.content article section ol.policylist {
    counter-reset: item;
    margin: 0;
    padding: 0
}

    div.content article section ol.policylist ol {
        counter-reset: item;
        margin-left: 1.5em
    }

        div.content article section ol.policylist ol.regular-ol > li {
            list-style-type: decimal;
            margin-left: 2.5em
        }

.newsList li {
    list-style-type: circle !important
}

#tinymce ol {
    list-style: decimal;
    padding: 0;
    margin: 0 2em
}

#tinymce ul {
    list-style: disc;
    padding: 0;
    margin: 0 2em
}

#tinymce ol.policylist li {
    margin: .5em 0;
    list-style: decimal
}

#tinymce ol.policylist ol[class^=ol-list-alpha] > li {
    list-style-type: lower-alpha;
    margin-left: 1.5em
}

#tinymce ol.policylist ol[class^=ol-list-roman] > li {
    list-style-type: lower-roman;
    margin-left: 1.5em
}

#tinymce ol[class^=ol-list-alpha] > li {
    list-style-type: lower-alpha;
    margin-left: 1.5em
}

#tinymce ol[class^=ol-list-roman] > li {
    list-style-type: lower-roman;
    margin-left: 1.5em
}

#tinymce ol.policylist ul > li, #tinymce ul > li {
    list-style-type: disc
}

#tinymce ol.policylist {
    counter-reset: item
}

    #tinymce ol.policylist ol {
        counter-reset: item;
        margin-left: 1.5em
    }

#tinymce ol > li {
    list-style-type: decimal
}

#tinymce ol.nonumbers, ol.nonumbers, ul.nobullets {
    list-style: none;
    padding: 0;
    margin: 0
}

input[type=checkbox], input[type=radio] {
    margin: 0 1em 0 0
}

form {
    margin: 0;
    padding: 0
}

    form fieldset {
        margin: 0 0 2em;
        padding: 0;
        border: none
    }

    form h2 {
        margin: 0 0 1em;
        padding: 0;
        font-size: 1.5em
    }

    form label {
        display: block;
        font-weight: 700
    }

    form input[type=date], form input[type=email], form input[type=number], form input[type=password], form input[type=tel], form input[type=text], form input[type=url] {
        position: relative;
        width: 100%;
        height: 2.5em;
        border-style: solid;
        border-width: 1px;
        border-color: #999;
        font: 1em/1.6em "Open Sans",sans-serif;
        padding: .5em;
        margin: 0 0 1em;
        -moz-box-sizing: border-box;
        -moz-box-shadow: none;
        -webkit-appearance: none;
        -webkit-box-shadow: none;
        -webkit-border-radius: 0;
        -webkit-box-sizing: border-box;
        border-radius: 0;
        background: #fff;
        box-sizing: border-box
    }

.short-text-input {
    width: 50% !important
}

div > input[type=date], div > input[type=email], div > input[type=number], div > input[type=password], div > input[type=tel], div > input[type=text], div > input[type=url] {
    position: relative;
    width: 100%;
    height: 2.5em;
    border-style: solid;
    border-width: 1px;
    border-color: #999;
    font: 1em/1.6em "Open Sans",sans-serif;
    padding: .5em;
    margin: 0 0 1em;
    -moz-box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    border-radius: 0;
    background: #fff;
    box-sizing: border-box
}

label + p {
    margin: 0 0 .2em;
    padding: 0
}

form select, form textarea {
    border-style: solid;
    border-width: 1px;
    border-color: #999;
    font: 1em/1.6em "Open Sans",sans-serif;
    padding: .5em;
    -moz-box-sizing: border-box
}

form textarea {
    width: 100%;
    height: 10em;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    border-radius: 0;
    background: #fff;
    box-sizing: border-box
}

#site-search-form button.search, form select {
    -moz-box-shadow: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-box-sizing: border-box
}

form select {
    margin: 0 0 1em;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-sizing: border-box;
    overflow: hidden;
}

form button {
    color: #fff;
    display: inline-block;
    padding: 1em;
    border: none !important;
    font: 1.3em "Open Sans",sans-serif;
    font-weight: 700;
    line-height: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

form legend {
    font-size: 1.5em;
    font-weight: 700;
    width: 100%;
    margin: 10px 0
}

#form_form div.form_progress {
    background: #e5e5e5;
    height: 20px;
    margin: 1.5em 0;
    position: relative;
    width: 75%
}

    #form_form div.form_progress span.form_progress_description {
        color: #222;
        display: block;
        font-family: 'Open Sans',sans-serif;
        left: 0;
        position: absolute;
        top: -2em
    }

    #form_form div.form_progress span.form_progress_bar_start {
        display: none
    }

    #form_form div.form_progress span.form_progress_bar_outer {
        display: block;
        float: left;
        height: 19px;
        text-indent: -999px;
        width: 100%
    }

    #form_form div.form_progress span.form_progress_bar_inner {
        display: block;
        float: left;
        height: 19px;
        color: #fff
    }

.form_radio_button_label {
    display: inline
}

.form_radio_button_group li {
    line-height: 30px
}

#feedback-rachael-set, #rachael {
    display: none
}

img.personPhoto {
    max-width: 200px
}

img.partnerLogo {
    max-width: 100px
}

form label.label-error {
    color: red
}

form span.error-message {
    color: red;
    display: block
}

    form span.error-message:before {
        font-family: FontAwesome;
        position: relative;
        margin-right: 1em;
        content: "\f06a"
    }

form input[class^=input-error] {
    border-color: red
}

div.campaign {
    width: 100% !important
}

.less-padding {
    padding: 0 0 .2em
}

.campaign h1 {
    font-size: 1.6em;
    width: 100%
}

.special-page-links {
    width: 100%;
    display: inline-block;
    margin: 0 auto
}

.special-page-link-holder {
    min-height: 20em;
    text-align: center;
    float: left;
    display: inline;
    margin: 1em;
    padding-top: 10px
}

    .special-page-link-holder:hover {
        background-color: #fbfdfc
    }

    .special-page-link-holder h2 {
        font-size: 1.3em;
        line-height: 1.6;
    }

.special-icon {
    font-size: 6em !important
}

.special-icon-small {
    font-size: 1em !important
}

.site-search {
    margin: 1em 0 1em 0;
    position: relative;
    background: #fff
}

#site-search-form button.search {
    font-family: "Open Sans",sans-serif;
    color: #080808;
    margin: 0;
    padding: 0;
    height: 2.8em;
    width: 2.8em;
    border: none !important;
    font-size: 1em;
    line-height: 0;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    box-sizing: border-box;
    position: absolute;
    right: 0
}

#site-search-form input[type=search], #site-search-form label[for=site-search-select-content-type] {
    border-style: solid;
    float: left;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    height: 2.8em;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

#site-search-form input[type=search] {
    border-width: 1px 0 1px 1px;
    border-color: #fff;
    font: 1em/1.6em "Open Sans",sans-serif;
    padding: 0 0 0 .5em;
    border-radius: 0;
    background: #fff;
    box-sizing: border-box;
    min-width: 250px
}

#site-search-form label[for=site-search-text] {
    position: absolute;
    left: .65em;
    margin: 0;
    padding: 0;
    line-height: 1em;
    top: .75em;
    color: #222;
    z-index: 1;
    height: 2.5em;
    display: inline;
    font-weight: 400
}

#site-search-form label[for=site-search-select-content-type] {
    border-width: 1px 0;
    border-color: #999;
    padding: 0;
    width: 1em;
    text-align: right;
    border-radius: 0;
    box-sizing: border-box;
    font-weight: 400
}

#site-search-form select[id=site-search-select-content-type], #site-search-form-page button.search {
    margin: 0;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    height: 2.5em
}

#site-search-form select[id=site-search-select-content-type] {
    border-width: 1px 0;
    font: 1em/1.6em "Open Sans",sans-serif;
    padding: .4em;
    width: 8em;
    -moz-box-shadow: none;
    -moz-appearance: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-sizing: border-box;
    outline: 0;
    display: inline-block
}

#site-search-form-page button.search {
    font-family: "Open Sans",sans-serif;
    color: #fff;
    padding: 0;
    width: 2.5em;
    border: none !important;
    font-size: 1.2em;
    line-height: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #080808;
    box-sizing: border-box;
    position: absolute;
    right: 0
}

#site-search-form-page input[type=search], #site-search-form-page label[for=site-search-select-content-type] {
    -moz-box-sizing: border-box;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    margin: 0;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    border-style: solid;
    float: left
}

#site-search-form-page input[type=search] {
    border-width: 1px 0 1px 1px;
    border-color: #000;
    font: 1em/1.6em "Open Sans",sans-serif;
    padding: 0 0 0 .5em;
    border-radius: 0;
    background: #fff;
    box-sizing: border-box;
    width: 100%
}

#site-search-form-page label[for=site-search-text] {
    position: absolute;
    left: .65em;
    margin: 0;
    padding: 0;
    line-height: 1em;
    top: .75em;
    color: #222;
    z-index: 1;
    height: 2.5em;
    display: inline;
    font-weight: 400
}

#site-search-form-page label[for=site-search-select-content-type] {
    height: 2.5em;
    border-width: 1px 0;
    border-color: #999;
    padding: 0;
    width: 1em;
    text-align: right;
    border-radius: 0;
    box-sizing: border-box;
    font-weight: 400
}

#site-search-form-page select[id=site-search-select-content-type] {
    border-width: 1px 0;
    font: 1em/1.6em "Open Sans",sans-serif;
    margin: 0;
    padding: .4em;
    float: left;
    height: 2.5em;
    width: 8em;
    -moz-box-sizing: border-box;
    -moz-box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    border-radius: 0;
    box-sizing: border-box;
    outline: 0;
    display: inline-block
}

article header h1 span:first-child:not(.subhub-heading):not(.heading-icon) {
    line-height: 0.8em;
    color: #005c98;
    font-weight: 700;
    display: block;
    font-size: 0.8em;
    margin: 0;
    /*padding: 0 0 .2em*/
}

.search-hub h1 p {
    margin: 0;
    line-height: 1.5;
}

.blob, .job-list-title {
    font-weight: 700
}

section.search-results span.step {
    color: #222
}

p.resulturl {
    color: #7f7f21;
    padding: 0;
    margin: 0
}

.breadcrumb-search-result {
    margin: 0;
    padding: 0.3em 0;
}

    .breadcrumb-search-result li {
        margin: 0 0 0 .5em;
        display: inline
    }

        .breadcrumb-search-result li:first-child {
            margin-left: 0
        }

    .breadcrumb-search-result a, .breadcrumb-search-result a:hover {
        color: #006646
    }

        .breadcrumb-search-result a:focus {
            color: #fff
        }

    .breadcrumb-search-result li span {
        margin: 0 .5em 0 0;
        color: #006646
    }

    .breadcrumb-search-result li:first-child a {
        margin: 0
    }

section.search-results h2 {
    line-height: 1.4em;
    font-size: 1.2em;
    margin: 0px;
}

section.search-results .breadcrumb-search-result a {
    padding: 0.75em 0;
    line-height: 2em;
}

img.newsItem {
    width: 100%
}

.responsive-image {
    width: 100%;
    height: auto;
    padding: 10px 0px;
}

    .responsive-image img, responsive-image {
        width: 100%;
        height: auto;
    }

.responsive-iframe {
    width: 100%;
    aspect-ratio: 9/6;
    margin-top: 10px 0px;
}

ol.news {
    list-style: none;
    padding: 0;
    margin: 0
}

    ol.news li {
        border-width: 0 0 3px;
        border-style: solid;
        border-color: #999
    }

ol.councillors {
    list-style: none;
    padding: 0;
    margin: 0
}

.esriSimpleSliderVertical .esriSimpleSliderIncrementButton {
    border-bottom: 1px solid #57585a;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.esriSimpleSlider div {
    width: 1em;
    height: 1em;
    font-size: 2em;
    line-height: .85em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer
}

.esriSimpleSlider {
    position: absolute;
    text-align: center;
    border: 1px solid #57585a;
    background-color: #fff;
    color: #4c4c4c;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    top: 10px;
    left: 10px
}

.basemapTitle {
    font-size: .7em;
    text-align: center
}

.basemapImage {
    padding: 5px
}

.legend-image {
    float: left;
    padding-right: 1em
}

#legend {
    margin-bottom: 2em
}

    #legend > div {
        margin-bottom: 1em
    }

        #legend > div > div {
            width: 2em;
            height: 2em;
            margin-right: 1em;
            float: left;
            border-radius: .5em
        }

.responded {
    background-color: #dff0d8
}

.progress {
    background-color: #fcf8e3
}

.refused {
    background-color: #f2dede
}

#legend > div > p {
    margin: 0;
    vertical-align: middle;
    line-height: 2em
}

.datacontainer {
    margin-bottom: 1em;
    padding: 1em;
    border-radius: .5em
}



#breadcrumb-nav-container {
    margin: 0;
    padding: 1em 0
}

    #breadcrumb-nav-container li {
        margin: 0 0 0 .5em;
        display: inline;
        line-height: 2em
    }

        #breadcrumb-nav-container li:first-child {
            margin-left: 0
        }

        #breadcrumb-nav-container li a {
            padding: 0.65em 0em;
            /* font-size: 1.2em; */
            line-height: 2.5em;
            text-decoration: none;
        }

        #breadcrumb-nav-container li a span {
            text-decoration: underline;
            text-underline-offset: 3px;
            text-decoration-thickness: 1px;
        }

            #breadcrumb-nav-container li a:active span, #breadcrumb-nav-container li a:focus span {
                text-decoration: none;
            }

        #breadcrumb-nav-container a, #breadcrumb-nav-container a:hover {
            color: #222
        }

            #breadcrumb-nav-container a:focus {
                color: #fff
            }

    #breadcrumb-nav-container li span.fa {
        margin: 0 .5em 0 0;
        font-size: 0.8em;
    }

    #breadcrumb-nav-container li:first-child a {
        margin: 0
    }

#header-container a {
    color: #fff
}

.job-list {
    list-style: none;
    margin: 0
}

.job-list-item {
    border-top: 1px solid #000
}

.job-list-title {
    width: 115px;
    display: inline-block
}

.job-list-button-line {
    text-align: right
}

.job-list-button {
    color: #fff;
    display: inline-block;
    margin: 1em 1em 1em 0;
    padding: .25em .5em;
    font-size: 1.4em;
    text-decoration: none
}

    .job-list-button:hover {
        color: #fff;
    }

    .job-list-button:focus, .job-list-button:active {
        outline: #000 solid .2em;
    }

#job-Search {
    width: 100%
}

.job-quicksearch-no-result {
    display: none;
    color: red
}

#homepage-popular-actions-boxes-container li, .bkg-pic {
    margin: 0;
    padding: 0
}

#homepage-popular-actions-boxes-container {
    position: relative;
    margin: 0 auto
}



/*.bkg-pic {
    height: 140px;
    overflow: hidden
}
*/

figure.bkg-pic {
    display: flex;
    justify-content: center; /* center horizontally */
    align-items: center; /* center vertically */
    /*height: 400px;*/
    margin: 0; /* optional, to remove default figure margin */
}

    figure.bkg-pic img {
        width: 100%;
        overflow: hidden;
        line-height: 0;
        vertical-align: top
    }

#homepage-popular-actions-boxes-container h1 {
    padding: .5em 0 0;
    margin: 0 5% .5em
}

#homepage-popular-actions-boxes-container ol {
    padding: 0;
    margin: 1em 0;
    list-style-type: none
}

#homepage-popular-actions-boxes-container p {
    margin: 1em 5%;
    padding: 0 5em 0 1em
}

#homepage-popular-actions-right-box p {
    padding: 0 5em 0 0
}

.moreinfo {
    background-color: #080808;
    text-align: center;
    border-style: solid;
    border-width: 0 0 .2em;
    border-color: #656565
}

p.moreinfo a {
    color: #fff;
    text-decoration: none
}

div.content-homepage article section.hub h2 {
    border-style: solid;
    border-width: 0;
    border-color: #999;
    padding: 10px 0px 5px 0px;
    margin: 0;
}

div.content-homepage article section.hub span.fa {
    font-size: 2em;
    width: 100%;
    display: table;
    white-space: nowrap
}

    div.content-homepage article section.hub span.fa:after {
        border-top: 1px solid green;
        content: '';
        display: table-cell;
        position: relative;
        top: .5em;
        left: 1.5%;
        width: 100%
    }

div.content-homepage section.hub li:first-child h2 {
    border: none
}

section.hub button.show-all-services {
    display: block;
    margin: 1em 0 0;
    padding: 0;
    border-style: solid;
    border-width: 0;
    border-color: #999;
    position: relative;
    font-size: 1em;
    font-weight: 700;
    width: 100%;
    font-family: inherit;
    text-align: center;
    height: 2em;
    color: #fff
}

.grid-islands {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    flex-direction: column;
    -ms-flex-direction: column;
    margin: 2em 0
}

    .grid-islands .column-one, .grid-islands .column-two {
        float: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .grid-islands .column-one {
        width: 100%;
        flex-direction: row;
        -ms-flex-direction: row
    }

    .grid-islands a {
        display: flex;
    }

.banner-fancy-detail {
    background-color: #333;
    color: #fff;
    margin-left: 1px;
    overflow: hidden;
    position: relative
}

    .banner-fancy-detail a {
        color: #fff;
    }

.grid-islands .banner-fancy-detail {
    margin-bottom: 1px
}

.grid-islands .column-one > div, .grid-islands .column-two > div {
    align-items: center;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    justify-content: center
}

.banner-fancy-detail::before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle
}

.banner-fancy-detail .banner-content {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    z-index: 2;
    padding: 1em
}

.column-one .banner-fancy-detail .title {
    font-size: 2em
}

.column-one .banner-content {
    width: 85%
}

.banner-fancy-detail .title {
    margin: 0
}

.column-two .banner-fancy-detail .title {
    font-size: 1.1em
}

.banner-fancy-detail .media {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    -moz-transition: -moz-transform .4s ease 0s;
    -webkit-transition: -webkit-transform .4s ease 0s;
    -o-transition: -o-transform .4s ease 0s;
    transition: transform .4s ease 0s
}

.grid-islands .column-two {
    width: 100%;
    flex-direction: column;
    -ms-flex-direction: column
}

.banner-fancy-detail .media figure {
    height: 100%;
    margin: 0;
}

.banner-fancy-detail .media img {
    min-width: 100%;
    min-height: 100%
}

.banner-fancy-detail figcaption {
    position: absolute;
    z-index: 99
}

.banner-fancy-detail div.banner-overlay {
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.homepagebox {
    margin: 0 0 3em
}

.li-first-item > p {
    margin-bottom: 2em
}

div.onethirdcol h3, div.onethirdcolfirst h3, div.twothirdcol h3 {
    margin: 0;
    font-size: 1em;
    font-weight: 400
}

div.content-hub h1 {
    line-height: 1.2em;
    margin: 0;
    padding: .5em 0 0;
    display: block;
    font-size: 1.6em
}

div.content-homepage h2, div.content-hub h2 {
    line-height: 1.4em;
    font-size: 1.2em;
    margin-bottom: 5px
}

div.search-hub h2 {
    line-height: 1.4em;
    font-size: 1.2em;
}

div.content-homepage article section.hub ol, div.content-homepage article section.hub ul, div.content-hub ol, div.content-hub ul, section.search-results ol {
    list-style: none;
    padding: 0;
    margin: 0
}

    div.content-homepage article section.hub ul p {
        margin: .5em 0 0
    }

.header-logo {
    float: left;
    padding: .2em 0
}

button.header-button > span.fa {
    color: #fff;
    font-size: 1.5em
}

#header-user-account {
    margin: 0 0 1.3em
}

#header-functions-container-hide-mobile {
    float: right
}

#header-functions-container {
    width: 100%;
    text-align: right
}

.carousel {
    position: relative
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative
}

.carousel .item {
    display: none;
    position: relative;
    -webkit-transition: .5s ease-in-out left;
    -moz-transition: .5s ease-in-out left;
    -ms-transition: .5s ease-in-out left;
    -o-transition: .5s ease-in-out left;
    transition: .5s ease-in-out left
}

.carousel .active, .carousel .next, .carousel .prev, article h1 {
    display: block
}

.carousel .item img {
    display: block;
    max-width: 100%
}

.carousel .active {
    left: 0
}

.carousel .next, .carousel .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel .next {
    left: 100%
}

.carousel .prev {
    left: -100%
}

    .carousel .next.left, .carousel .prev.right {
        left: 0
    }

.carousel .active.left {
    left: -100%
}

.carousel .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 13%;
    left: .5em;
    font-size: 3em;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 70%);
}

    .carousel-control.right {
        left: auto;
        right: .5em
    }

    .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        opacity: 1
    }

    .carousel-control:focus {
        outline: 0;
        color: #fff;
        border: 0;
        box-shadow: none;
        opacity: 1;
    }

    .carousel-desc-text {
        margin: 2em 0 0
    }

    .carousel-caption {
        padding: 1em 0;
        min-height: 4em;
        color: #fff
    }

        .carousel-caption p {
            margin: 0
        }

            .carousel-caption p.read-more {
                margin: 1em 0
            }

        .carousel-caption h2 {
            margin: 0
        }

        .carousel-caption a, .carousel-desc-text p, .carousel-title h2, a.read-more-carousel-link, a.read-more-carousel-link:hover, a.read-more-carousel-link:visited {
            color: #fff
        }

    a.read-more-carousel-link span.link-padder {
        padding: 0.8em 0;
    }

    .carousel-desc-text p {
        line-height: 1.6em;
    }

    article h1 {
        line-height: 1.4;
        margin: 0;
        padding: 0 0 .8em;
        font-size: 1.8em
    }

    .hubicon {
        display: inline-block !important;
        margin: 8px 5px 0 0 !important;
        vertical-align: text-top !important;
        padding: 6px 5px 0 0 !important
    }

    .content-displayed, aside nav ul li a {
        display: block
    }

    .binShow, .binicon {
        vertical-align: middle
    }
    /*aside nav ul li {
    margin-bottom: .5em
}*/

    aside nav h1, aside nav h2, aside section h1, aside section h2 {
        font-size: 1.17em;
        margin: 1em 0
    }

    .related-links-nav-container {
        margin-bottom: 2em
    }

    aside nav.related-links-nav-container a {
        display: flex;
    }

        aside nav.related-links-nav-container a:after {
            padding: 0em 0em 0em 0.5em;
        }

    .content-hidden {
        display: none
    }



    #footer-container div.wrapper {
        margin: 0
    }

    #footer-links-container {
        padding: 0 5%;
    }

        #footer-links-container nav ul li {
            padding: 0 0 .5em
        }

        #footer-links-container li a[target="_blank"]:after, #footer-links-container li a[rel=external]:after {
            display: none;
        }

        #footer-links-container li a[target="_blank"] div span:nth-child(2):after, #footer-links-container li a[rel=external] div span:nth-child(2):after {
            font-family: FontAwesome;
            content: " \f08e";
            font-size: 0.9em;
        }

        #footer-links-container span.fa, #footer-links-container span.fa-solid, #footer-links-container span.fa-regular, #footer-links-container span.fa-brands {
            padding-right: 0em;
            font-size: 1.3em;
            vertical-align: text-bottom;
            min-width: 1.3em;
        }

        #footer-links-container nav ul li a {
            color: #393839;
            text-decoration: none;
        }


        #footer-links-container .link-padder {
            text-decoration: none;
            font-size: 1.1em; /* Accessibility links need to be bigger than normal text */
        }

        #footer-links-container nav ul li a span:last-child {
            border-bottom: 1px solid;
        }

            #footer-links-container nav ul li a span:last-child:hover {
                border-bottom: 3px solid;
            }

        #footer-links-container nav ul li a:focus {
            background-color: #ffbf47;
            outline: #393839 solid .2em;
            color: #393839;
            border: 0;
            box-shadow: 0 0 0 1px #393839
        }

    #footer-padded-container {
        padding: 1em 0;
    }

        #footer-padded-container a {
            min-height: 44px;
        }

    article section ul {
        list-style: disc;
        padding: 0;
        margin: 0 0 0 3em
    }

    article section ol {
        list-style: decimal;
        padding: 0;
        margin: 0 0 0 3em
    }

    article section li {
        margin: 0 0 .5em
    }


    #more-info-nav {
        margin: 3em 0 0
    }

    #more-info-content {
        margin: 0;
        border-style: solid;
        border-width: 1px 0 0;
        border-color: #999;
        padding: 1em 0 2em
    }

        #more-info-content ul {
            margin: 1em 0
        }

            #more-info-content ul li {
                list-style: disc;
                padding: 0;
                margin: 0 0 0 2em
            }

    form section h1 {
        border-bottom: 1px solid #999;
        color: #999;
        display: block;
        font-size: 1.6em;
        font-weight: 400;
        line-height: 1em;
        margin: 1em 0;
        padding: 0 0 .6em
    }

    form section span.step {
        color: #222
    }

    article footer nav li button:hover {
        color: #2e5f5f
    }

    article footer nav li.back button, article footer nav li.next button {
        background: 0 0;
        border: none !important;
        text-decoration: underline;
        width: 100%;
        top: 0;
        font: 1em/1.6em "Open Sans",sans-serif;
        color: #144f8c;
        margin: 0;
        position: relative;
        display: block
    }

    article footer nav li.next button {
        text-align: right;
        padding: 0 0 0 2em !important
    }

    article footer nav li.back button {
        text-align: left;
        padding: 0 2em 0 0 !important
    }

    article header nav ol {
        list-style: decimal;
        margin: 0;
        padding: 0 0 0 1.9em;
        position: relative
    }

        article header nav ol li {
            line-height: 1.6em;
            list-style: decimal;
            text-transform: none;
            padding: 0 0 1em;
            margin: 0
        }

    article header a.show-all-parts {
        display: block;
        margin: 1em 0 0;
        padding: 1em 0 1em 1em;
        border-style: solid;
        border-width: 1px 0;
        border-color: #999;
        position: relative
    }

    article header a.closed:before, article header a.open:before {
        right: 1em;
        position: absolute;
        font-family: FontAwesome
    }

    article header .parts-nav {
        margin: 0 0 3em;
        padding: 1em 0
    }

    article header a.closed:before {
        content: "\f078"
    }

    article header a.open:before {
        content: "\f077"
    }

    article header a.open {
        background-color: #e5e5e5;
        color: #222;
        text-decoration: none
    }

    #article-content {
        padding-bottom: 20px
    }

    article footer nav {
        border-style: solid;
        border-width: 0 0 1px;
        border-color: #999;
        padding-top: 10px
    }

        article footer nav ol {
            text-align: right
        }

        article footer nav li {
            float: left;
            width: 50%
        }

            article footer nav li[class*=next]:first-child {
                padding-left: 50%
            }

        article footer nav.article-footer-nav ol {
            padding: 0 0 1em
        }

        article footer nav li a {
            display: block
        }

        article footer nav .back {
            text-align: left
        }

            article footer nav .back a {
                padding: 0 2em 0 0
            }

        article footer nav .next a {
            padding: 0 0 0 2em
        }

        article footer nav .next span {
            position: relative;
            padding-right: 1em;
            font-size: 1.7em
        }

            article footer nav .next span:after {
                font-family: FontAwesome;
                right: 0;
                top: .25em;
                bottom: 0;
                content: "\f054";
                position: absolute
            }

        article footer nav .back span {
            position: relative;
            padding-left: 1em;
            font-size: 1.7em
        }

            article footer nav .back span:before {
                font-family: FontAwesome;
                right: 0;
                top: .25em;
                left: 0;
                bottom: 0;
                content: "\f053";
                position: absolute
            }

    .binicon {
        padding-right: 10px
    }

    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden
    }

        .video-container embed, .video-container iframe, .video-container object {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

    .loginError {
        color: red
    }

    .t_guide img, .t_info img, .t_news img, .t_service img {
        padding: 10px;
        max-width: 95%
    }

    .slimageImg {
        max-width: 100% !important
    }

    .trackerInfo:before {
        font-family: FontAwesome;
        padding: 0 .5em 0 0;
        content: "\f05a"
    }

    @media only screen and (min-resolution:1.5dppx) {
        body {
            font: .9em/1.6em "Open Sans",sans-serif
        }
    }

    @media only screen and (max-width:480px) {
        body {
            font: .9em/1.6em "Open Sans",sans-serif
        }

        .special-page-link-holder {
            margin: 0;
            width: 100%;
            min-height: 10em
        }

        #header-container p a {
            display: block
        }



        #site-search-form label[for=site-search-select-content-type] {
            line-height: 2.3em
        }

        #footer-links-container nav ul li {
            padding: 0 0 1em
        }

        #more-info-nav ul {
            list-style: none;
            padding: 0;
            margin: 0
        }

        #more-info-nav li {
            padding: 0;
            margin: 0
        }

        #more-info-nav button {
            margin: 0;
            padding: 1em 0 1em 1em;
            border-style: solid;
            border-width: 1px 0 0;
            border-color: #999;
            display: block;
            position: relative
        }

        #more-info-nav a:focus {
            z-index: 5
        }

        #more-info-nav button.more-info-nav-tab-active {
            background-color: #e5e5e5;
            color: #222;
            text-decoration: none
        }

        #more-info-nav button.more-info-nav-tab-inactive:before {
            font-family: FontAwesome;
            right: 1em;
            content: "\f078";
            position: absolute
        }

        #more-info-nav button.more-info-nav-tab-active:after {
            font-family: FontAwesome;
            right: 1em;
            content: "\f077";
            position: absolute
        }

        article header .parts-nav {
            border-color: #000;
            border-style: solid;
            border-width: 10px 0 1px
        }

        #footer-links-container nav:first-child {
            margin: 0
        }

        #footer-links-container .eddc-strapline {
            font-size: 1.2em;
            margin: 1em 0
        }
    }
    /* Max width 480px */

    @media only screen and (min-width:768px) {
        body {
            font: 1em/1.6em "Open Sans",sans-serif
        }
    }

    @media only screen and (min-width:480px) {
        body {
            font: .9em/1.6em "Open Sans",sans-serif
        }

        .campaign h1 {
            font-size: 1.6em;
            width: 100%
        }

        .special-page-link-holder {
            width: 100%;
            min-height: 10em
        }

        table {
            font-size: 1em;
            line-height: 1.6em
        }

        #site-search-form label[for=site-search-select-content-type] {
            line-height: 2.3em
        }



        .carousel-control {
            top: 35%
        }

        form input.small {
            width: 45%
        }

        form input.smallest {
            width: 20%
        }

        .input-stack div:first-child {
            width: 45%;
            margin: 0 10% 0 0;
            float: left
        }

        .input-stack div:nth-child(2) {
            width: 45%;
            margin: 0;
            float: left
        }

        .input-stack-validity div:first-child {
            margin: 0 5% 0 0;
            float: left
        }

        .input-stack-validity div:nth-child(2) {
            margin: 0;
            float: left
        }

        .input-stack-validity select {
            width: 100%
        }

        #more-info-nav ul {
            list-style: none;
            padding: 0;
            margin: 0
        }

        #more-info-nav li {
            float: left;
            padding: 0;
            margin: 0
        }

        #more-info-nav button {
            padding: 6px .7em 0;
            display: block
        }

        #more-info-nav a:focus {
            background-color: transparent;
            outline: #674817 solid .2em;
            box-shadow: 0 0 0 1px #674817;
            color: #2e5f5f;
            z-index: 5
        }

        #more-info-nav button.more-info-nav-tab-inactive:hover {
            background-color: #e5e5e5
        }

        #more-info-nav button.more-info-nav-tab-active, #more-info-nav li:first-child button.more-info-nav-tab-active {
            background-color: #fff;
            border-color: #999 #999 #fff;
            color: #222;
            box-shadow: 0 1px 0 0 #fff;
            text-decoration: none;
            border-width: 1px;
            border-style: solid
        }

        #more-info-nav li:first-child button.more-info-nav-tab-active {
            display: block
        }

        #more-info-nav button.more-info-nav-tab-inactive {
            border-style: solid;
            border-width: 1px;
            border-color: transparent
        }

            #more-info-nav button.more-info-nav-tab-active:after, #more-info-nav button.more-info-nav-tab-inactive:before {
                content: ""
            }

        #footer-links-container .eddc-strapline {
            margin: 1em 0;
            font-size: 1.8em
        }

        #footer-links-container nav {
            float: left;
            width: 30%;
            margin: 0 0 0 5%
        }

            #footer-links-container nav:first-child {
                margin: 0
            }
    }

    @media only screen and (max-width:767px) {
        .visuallyhidden-mobile {
            border: 0;
            margin: -.01em;
            overflow: hidden;
            padding: 0;
            position: absolute;
            top: auto;
            left: -10000px;
        }
    }

    @media only screen and (min-width:850px) {
        body {
            font: 1em/1.5em "Open Sans",sans-serif
        }
    }

    @media only screen and (max-width:768px) {
        #header-functions-container-hide-mobile {
            display: block;
        }
    }

    @media only screen and (min-width:768px) {
        #news-events-container div.wrapper {
            margin: 0 5%;
        }

        .special-page-link-holder {
            width: 45%;
            min-height: 20em
        }

        .header-logo {
            float: left;
            padding: .2em 0
        }

        #header-functions-container-hide-mobile {
            display: none;
        }

        #header-logo-container {
            float: left
        }

        #header-functions-container {
            float: right;
            width: 70%;
            text-align: right
        }

        #header-user-account {
            float: left;
            width: 45%;
            margin: .5em 0 0 5%
        }

        .carousel-control {
            top: 35%;
            font-size: 3em
        }

        .carousel-title {
            float: left;
            width: 35%
        }

        .carousel-desc-text {
            float: left;
            width: 60%;
            margin: 0 0 0 5%
        }

        .carousel-caption {
            padding: 1em 0;
            min-height: 4em;
            color: #fff
        }

        #news-events-container li, .main {
            padding: 0
        }

        #header-container form.site-search {
            float: left;
            width: 45%;
            margin: 1em 0 .5em 5%
        }

        #site-search-form label[for=site-search-select-content-type] {
            padding: 8px 0 0;
            line-height: 1.5em
        }

        table {
            font-size: 1em;
            line-height: 1.6em
        }

        .twothirdcol {
            float: left;
            width: 65%
        }

        .onethirdcol {
            float: left;
            width: 30%;
            margin: 0 0 0 5%
        }

        .onethirdcolfirst {
            float: left;
            width: 30%;
            margin: 0
        }

        #news-lead-article-container {
            float: left;
            width: 50%;
            padding: 0 5% 0 0;
            border-style: solid;
            border-width: 0 1px 0 0;
            border-color: #999;
            box-sizing: border-box;
            -moz-box-sizing: border-box
        }

        #news-others {
            float: left;
            width: 45%;
            margin: 0 0 0 5%
        }

        div.content {
            float: left;
            width: 65%;
            margin: 0
        }

        .related-content {
            float: right;
            width: 30%;
            margin: 0 0 60px 5%
        }

        article header a.show-all-parts {
            display: none
        }

        article header .parts-nav {
            display: block;
            border-color: #999;
            border-style: solid;
            border-width: 0 0 1px
        }

        article header nav ol {
            display: inline;
            float: left;
            width: 50%;
            padding: 0
        }

            article header nav ol li {
                clear: left;
                line-height: 1.5; /*PS 25/3/26 changed from 1.2*/
                list-style: decimal;
                margin-left: 1.2em;
                margin-right: .75em;
                text-transform: none
            }

            article header nav ol[start] li {
                line-height: 1.25;
                list-style: decimal;
                margin-left: 1.8em;
                margin-right: 0;
                text-transform: none
            }

        #footer-container div.wrapper {
            margin: 0 auto
        }

        #footer-links-container nav {
            float: left;
            width: 30%;
            margin: 0 0 0 5%
        }

            #footer-links-container nav:first-child {
                margin: 0
            }

            #footer-links-container nav ul li a {
                display: inline
            }

        .column-one .banner-fancy-detail .title {
            font-size: 1.75em;
        }
    }

    @media only screen and (min-width:1140px) {
        #footer-container div.wrapper, #homepage-popular-actions-boxes-container, #news-events-container div.wrapper, .wrapper {
            margin: 0 auto;
            max-width: 1000px
        }

        .campaign h1 {
            font-size: 4.375em;
            width: 100%
        }

        .special-page-link-holder {
            width: 300px
        }

        #footer-container .bkg-pic {
            position: absolute;
        }

        #footer-links-container {
            margin: 0;
            max-width: 1000px;
            padding: 0;
            /* position: relative;
        top: -400px;
        z-index: 10;*/
            width: 100%;
            border: none
        }

        #footer-padded-container {
            padding: 1em 0
        }

        table {
            font-size: 1em;
            line-height: 1.6em
        }
    }

    .btn {
        padding: 10px 10px;
        border: 1px solid #003;
        border-radius: 10px;
    }

        .btn:hover {
            cursor: pointer;
        }

    .btn-primary {
        background-color: #003399;
        color: white;
    }

        .btn-primary:hover {
            background-color: white;
            color: #003399;
        }

    .ir, .visuallyhidden {
        border: 0;
        overflow: hidden
    }

    .ir {
        background-color: transparent;
        text-indent: -9999em
    }

        .ir:before {
            content: "";
            display: block;
            width: 0;
            height: 150%
        }

    .hidden {
        display: none !important
    }

    .visuallyhidden {
        clip: rect(0 0 0 0);
        margin: -.01em;
        padding: 0;
        position: absolute;
        top: auto;
        left: -10000px;
        height: .01em;
        width: .01em;
        color: black;
        background-color: white;
    }

        .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
            height: auto;
            margin: 0;
            overflow: visible;
            position: static;
            width: auto
        }

    .clearfix:after, .clearfix:before {
        content: " ";
        display: table
    }

    .clearfix:after {
        clear: both
    }
    /*Popular links*/
    #homepage-popular-actions-boxes-container li, .bkg-pic {
        margin: 0;
        padding: 0
    }

    #homepage-popular-actions-boxes-container {
        position: relative;
        margin: 0 auto
    }

    .bkg-pic {
        /*height: 140px;*/
        overflow: hidden
    }

    figure.bkg-pic img {
        width: 100%;
        overflow: hidden;
        line-height: 0;
        vertical-align: top
    }

    #homepage-popular-actions-left-box {
        background-color: rgba(160, 43, 34, .9);
        padding: 0;
        color: #fff;
    }



    #homepage-popular-actions-right-box {
        background-color: rgba(255,255,255,.9);
        padding: 0 0 1em
    }

    #homepage-popular-actions-boxes-container h1 {
        padding: .5em 0 0;
        margin: 0 5% .5em
    }

    #homepage-popular-actions-boxes-container ol {
        padding: 0;
        margin: 1em 0;
        list-style-type: none
    }

    #homepage-popular-actions-boxes-container p {
        margin: 1em 5%;
        padding: 0 5em 0 1em
    }

    .action-box-section {
        margin: 1em 5%;
        padding: 0 5em 0 0
    }

    #homepage-popular-actions-boxes-container ol li {
        padding-left: 1.5em;
    }

        #homepage-popular-actions-boxes-container ol li i {
            padding-right: 0.5em;
        }

    #homepage-popular-actions-left-box a {
        color: #fff;
        text-decoration: none;
        font-weight: 600;
        display: flex;
    }

    .action-box-section a {
        display: flex;
    }

    .link-padder {
        padding: 0.6em 0em;
        /* display: inline-block; cant change the display type in case it is currently block */
    }

    .link-padder-no-inline {
        padding: 0.6em 0em;
    }
    /*#footer-links-container .link-padder {
    display: block;
}*/

    #footer-links-container nav ul li a {
        display: flex;
    }


    @media only screen and (max-width: 768px) {
        .link-padder {
            padding: 0.8em 0em;
        }

        section.search-results .breadcrumb-search-result a {
            padding: 0.5em 0;
            line-height: 2em;
            white-space: normal;
        }

        section.search-results .breadcrumb-search-result a {
            padding: 0.5em 0;
            line-height: 2.2em;
        }

        section.search-results .link-padder {
            padding: 0.4em 0em;
        }

        .search-results a {
            font-size: 1.33em;
            line-height: 1.5em;
        }

        div.search-hub h2 {
            line-height: 1.2em;
            font-size: 1.2em;
            margin-bottom: 0px;
        }
    }

    @media only screen and (min-width:768px) {
        .bkg-pic {
            height: 400px;
        }

        #homepage-popular-actions-left-box {
            bottom: 0;
            position: absolute;
            z-index: 10;
            margin: 0 0 5.5%;
            /* width: 50%; PS 27/8/25 */
            padding-right: 50px;
        }

        #homepage-popular-actions-right-box {
            -webkit-text-size-adjust: 100%;
            color: #222;
            font: 1em/1.5em "Open Sans", sans-serif;
            padding: 0 0 1em;
            position: absolute;
            bottom: 0;
            z-index: 10;
            margin: 0 0 5.5%;
            border: 1px solid #069045;
            right: 0;
            background-color: rgba(255,255,255,.8);
            width: 30%;
        }
    }

    @media print {
        blockquote, img, pre, tr {
            page-break-inside: avoid
        }

        *, a, a.read-more-carousel-link:hover, a:visited {
            color: #000 !important
        }

        .alert-banner-container, #breadcrumb-nav-container, .cookies-container, #footer-links-container img, #footer-links-container ul, #header-container, .info-banner-container, .maintenance-banner-container, #site-search-form, #skiplink-container, .chat-start, .page-support, article header a, aside nav, footer nav, header nav {
            display: none
        }

        [class^=fa-li]:before {
            content: ""
        }

        [class^=fa-li] {
            display: none;
            visibility: hidden
        }

        .fa-ul {
            list-style-type: none;
            margin-left: 0;
            padding-left: 0
        }

        * {
            box-shadow: none !important;
            text-shadow: none !important;
            line-height: 1.6em;
            font-family: sans-serif
        }

        a, a:visited {
            text-decoration: underline
        }

            a[href]:after {
                content: " (" attr(href) ")"
            }

        abbr[title]:after {
            content: " (" attr(title) ")"
        }

        .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after, a[href^="mailto:"]:after {
            content: ""
        }

        a {
            text-decoration: none
        }

        blockquote, pre {
            border: 1px solid #999
        }

        thead {
            display: table-header-group
        }

        .highlight-container {
            background-color: #fff
        }
        /*header h1 {
        margin-top: 30px
    }*/

        header {
            display: none;
        }

        .info-banner-container, .alert-banner-container, .cookie-banner {
            display: none;
        }

        #homepage-popular-actions-container {
            display: none;
        }

        .highlight-container {
            display: none;
        }

        aside section.related-contact-container {
            margin-top: 20px;
            border-top: 10px solid #000
        }

        #footer-links-container p {
            padding-top: 0
        }

        img {
            max-width: 100% !important
        }

        h2, h3, p {
            orphans: 3;
            widows: 3
        }

        h2, h3 {
            page-break-after: avoid
        }
    }

    h2 {
        font-size: 1.5em;
        line-height: 1.3;
    }

    .boxtext-highlight {
        border-style: solid;
        border-width: 0 0 0 .3em;
        border-color: #000;
        padding: 0 0 0 .95em;
        margin: 2em 0;
        display:block;
    }

    .box {
        text-align: center;
        padding: 10px 15px 10px 15px;
        background-color: #f7f7f7;
        margin-bottom: 20px;
        word-wrap: break-word;
        border: 1px solid #fff
    }

        .box.shadow {
            -moz-box-shadow: 2px 2px 7px rgba(153,153,153,.6);
            -webkit-box-shadow: 2px 2px 7px rgba(153,153,153,.6);
            box-shadow: 2px 2px 7px rgba(153,153,153,.6);
            border: 1px solid #aaa
        }

    .box-inner-block > p {
        margin-top: 0;
        margin-bottom: 0
    }

    .sr-only {
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
        -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space: nowrap;
    }

    .grid-row .column-one-third, .grid-row .column-third {
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (min-width: 641px) {
        .grid-row .column-one-third, .grid-row .column-third {
            float: left;
            width: 32.3333333333%;
        }
    }

    .grid-row .column-two-thirds {
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (min-width: 641px) {
        .grid-row .column-two-thirds {
            float: left;
            width: 66.6666666667%;
        }
    }

    .t_info {
        padding: 0;
    }

        .t_info h1 {
            margin-top: 20px;
            line-height: 1.2;
        }

        .t_info h2 {
            line-height: 1.2;
        }

        .t_info ul {
            list-style: disc;
            padding: 0;
            margin: 0 0 0 3em;
        }

        .t_info li {
            margin: 0 0 .5em;
        }

    .grid-row {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .grid-row:after {
            content: "";
            display: block;
            clear: both;
        }

    .sidebar-with-body {
        vertical-align: baseline;
    }

    .app-c-contents-list__list li {
        line-height: 1.6em;
        list-style: decimal;
        text-transform: none;
        padding: 0 0 1em;
        margin: 0;
    }

    ol.app-c-contents-list__list {
        list-style-type: decimal;
        margin-bottom: 1em;
        margin-left: 1.5em;
    }
    /*PS Added styles 13/6/25*/
    .error-message {
        color: red;
    }

    .alert {
        position: relative;
        padding: 0.75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: 0.375rem;
    }
    /* Bootstrap Alert Danger Styles */
    .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }
        /* Alert Danger Links */
        .alert-danger .alert-link {
            color: #491217;
        }

    footer .brand {
        clear: both;
        display: block;
        border-top: solid 1px black;
        margin-top: 2em;
        padding-top: 2em;
    }

        footer .brand div {
            margin: 3em 0;
        }

            footer .brand div:first-child {
                margin-top: 0;
            }

            footer .brand div:last-child {
                margin-bottom: 0;
            }

        footer .brand img {
            display: block;
            pointer-events: none;
        }

        footer .brand a::after {
            content: none;
        }

    .warning {
        border: solid 5px #ff1111;
        border-radius: 10px;
        padding: 20px;
        margin: 20px 0;
        font-size: 1.2em;
        width: 100%;
    }

    .link-padder {
        padding: 0.6em 0;
    }
    /*News events containers - Index Trio*/
    /* CSS rules related to the news-events-container HTML */
    /* Main container */
    #news-events-container h2 {
        font-size: 2em;
        margin: 0 5%
    }

    #news-events-container img {
        width: 100%;
        aspect-ratio: 13 / 8;
    }

    #news-events-container ol {
        margin: 0 5%
    }

    #news-events-container li {
        margin: 0 0 .5em;
        padding: 0
    }

    #news-others {
        margin: 2em 0 0
    }
    /* Box styling */
    .businessbox, .eventsbox, .newsbox {
        border-style: solid;
        border-width: .5em 0
    }

    .newsbox {
        background-color: #5b388c;
        border-color: #754ea9
    }

    .businessbox {
        background-color: #a02b22;
        border-color: #c14f45
    }

    .eventsbox {
        background-color: #017f7c;
        border-color: #25aaa7
    }
    /* Index trio items */
    .index-Trio-items {
        margin: 0 !important
    }
    /* Content links that open in new tab */
    .content a[target="_blank"]:after {
        margin-left: 0.2em;
        content: "(opens in new tab)";
        font: 1em/1.5em "Open Sans",sans-serif;
        text-decoration: none;
        display: inline-block;
    }

    .hub-block li a {
        display: flex;
    }
    /* Media queries - Tablet and above */
    @media only screen and (min-width:768px) {
        /*#news-events-container div.wrapper {
        margin: 0 5%
    }*/

        .homepagebox {
            margin: 0 0 2em;
            min-height: 25em;
            max-height: 30em
        }

        div.content-homepage section.hub li p, div.content-hub section.hub li p, div.content-hub section.hub-countryside li p {
            word-wrap: break-word
        }

        div.content-homepage section.hub li, div.content-hub section.hub li, div.content-hub section.hub-countryside li {
            float: left;
            width: 30%;
            margin: .5em 0 .25em 5%
        }

        div.content-hub section.hub-countryside li {
            width: 45%
        }

            div.content-homepage section.hub li:nth-child(3n+1), div.content-hub section.hub li:nth-child(3n+1), div.content-hub section.hub-countryside li:nth-child(2n+1) {
                clear: left;
                margin: .5em 0 0
            }

        section.hub button.show-all-services {
            height: 3em;
        }

        section.hub button.closed:after, section.hub button.open:after,
        section.hub button.closed:before, section.hub button.open:before {
            height: 1.3em;
            width: 1.3em;
            font-size: 2.3em;
            border: 0 !important;
            border-radius: 0;
            box-sizing: border-box;
            font-weight: 400;
            height: 1.3em;
            line-height: 1.1em;
        }

        .hub-block li {
            margin: 10px 0 0 0 !important;
            width: 100% !important
        }


        .news-event-link-div {
            line-height: 1.6em;
        }
    }
    /* Mobile specific */
    @media only screen and (max-width:480px) {
        div.content-homepage article section.hub span.fa {
            margin-top: 10px
        }

        .column-one .banner-fancy-detail .media img {
            vertical-align: middle
        }
    }

    @media only screen and (min-width:480px) {
        div.content-homepage article section.hub h1 {
            margin: 20px 0 10px
        }

        div.content-homepage article section.hub span.fa {
            margin-top: 30px
        }
    }

    @media only screen and (min-width:768px) {
        div.content-homepage article section.hub span.fa {
            margin-top: 0
        }
    }
    /* Alternative eventsbox color - appears later in CSS so overrides previous */
    .eventsbox {
        background-color: #015b59
    }

    #footer-links-container nav ul li a:focus {
        background-color: #393839;
        outline: #393839 solid .2em;
        color: #fff;
        box-shadow: 0 0 0 1px #393839;
    }

    .underline-on-hover:hover {
        text-decoration: underline;
    }


    #promoslider figure {
        margin: 0;
    }


    .responsive-iframe {
        width: 100%;
        aspect-ratio: 9/6;
        margin-top: 10px 0px;
    }

    #relatedlinks ul li a div.link-padder {
        padding: 0.7em 0;
    }


    .eventList .event-inner-wrapper {
        margin: 10px 0px 20px 0px;
        padding: 20px 0px;
        border-bottom: 1px solid #C0C0C0;
    }

    .eventList h2 {
        margin: 1em 0em 0.5em 0em;
    }

    .eventList .event-text-wrapper {
        padding: 10px 0px;
    }

    .eventList a.findoutmore {
        background-color: #005C98;
        color: #FFF;
        display: inline-block;
        margin: 20px 0;
        padding: .5em 1em .5em 1em;
        font-size: 1.1em;
        text-decoration: none;
    }

    .eventList .mpImageItem {
        max-width: 100%;
    }

    #footer-pre-container {
        margin-top: 3em;
    }

    @media screen and (orientation:portrait) and (max-width: 768px) {
        /*PS New table changes for mobile*/
        table .new-street-table {
            font-size: 1em;
        }

        table, thead, tbody, th, td, tr {
            display: block;
        }

            thead tr {
                background-color: #faf9f9;
                border: 2px solid #ddd;
            }

                thead tr td, thead tr th, tbody tr th {
                    /*display: none;  Hide header */
                    font-weight: bold;
                }

        table {
            border: none;
            height: auto !important;
            width: 100% !important;
        }

        tr p:not(tr:first-child p) {
            margin: 0px;
        }

        tr:first-child p {
            margin: 5px 0px;
        }

        tr {
            border: 1px solid #ddd;
            padding: 10px;
            height: auto !important;
        }

        td, th {
            /*display: flex;*/
            justify-content: space-between;
            vertical-align: top;
            text-align: left !important;
            border: none;
            width: 100% !important;
            padding: 10px 5px;
            text-align: left;
            height: auto !important;
        }

            td::before {
                content: attr(data-label); /* Show column name */
                font-weight: bold;
            }

            td, td:first-child, th, th:first-child, tr.lastrow td, tr.lastrow th {
                border: none;
            }

                td:first-child {
                    font-weight: 900;
                }

        tbody th {
            text-align: left;
        }

        table caption {
            display: flex;
            text-align: center;
            flex-direction: column;
        }
    }

    .legend-header {
        font-size: 1.35em;
        line-height: 1.35em;
        font-weight: 700;
    }
    /*RTE Styles*/
    .boxtextHighlight {
        border-style: solid;
        border-width: 0 0 0 0.3em;
        border-color: #000000;
        padding: 0 0 0 0.95em;
        margin: 2em 0 2em 0;
        display: block;
    }
    /**umb_name:Underline*/
    .underline {
        text-decoration: underline;
    }
    /**umb_name:Bold*/
    .makeBold {
        font-weight: 700;
    }
    /**umb_name:Italic*/
    .makeItalics {
        font-style: Italic;
    }
    /**umb_name:AAA Link*/
    .makeRTELinkAAACompatible {
        padding: 0.7em 0em;
        line-height: 2.2em;
    }


#page-support-report-page-problem-content h2 {
    margin-bottom:0.25em;
}

#page-support-report-page-problem-content h3 {
margin-top:2em;
}

#page-support-report-page-problem-content #page-support-report-page-gdpr-section {
    margin-top:2em;
}

#page-support-report-page-problem-content textarea {
    height:initial;
}    

#page-support-report-page-problem-content .btnRecaptcha {
    border-radius:0.25em;
}
#page-support-report-page-problem-content input[type=text],
#page-support-report-page-problem-content input[type=email]{
    width:80%;
}    
#page-support-report-page-problem-content button:disabled {
	cursor:not-allowed;
	background:#e0e0e0;
}

.guide-header-link {
    display: flex;
}

.gdw_widget {
    border:solid 1px silver; /* Iframes inside content */
}