.nhsuk-hero {
    background-color: #005eb8;
    color: #fff;
    position: relative
}

@media print {
    .nhsuk-hero {
        color: #212b32;
        fill: #212b32
    }

        .nhsuk-hero:active, .nhsuk-hero:focus, .nhsuk-hero:visited {
            color: #212b32
        }
}

.nhsuk-hero .nhsuk-hero--border {
    border-top: 1px solid rgba(255,255,255,.2)
}

.nhsuk-hero__wrapper {
    padding-top: 48px;
    padding-bottom: 48px
}

@media (min-width:40.0625em) {
    .nhsuk-hero__wrapper {
        padding-top: 56px
    }
}

@media (min-width:40.0625em) {
    .nhsuk-hero__wrapper {
        padding-bottom: 56px
    }
}

.nhsuk-hero--image {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen {
    .nhsuk-hero--image {
        min-height: 200px
    }
}

@media only screen and (min-width:40.0625em) {
    .nhsuk-hero--image {
        min-height: 320px
    }

        .nhsuk-hero--image .nhsuk-hero__overlay {
            height: 320px
        }
}

@media screen and (-ms-high-contrast:active) {
    .nhsuk-hero--image {
        min-height: 0
    }
}

.nhsuk-hero--image .nhsuk-hero__overlay {
    background-color: rgba(0,47,92,.1)
}

@media only screen {
    .nhsuk-hero--image .nhsuk-hero__overlay {
        min-height: 200px
    }
}

@media screen and (-ms-high-contrast:active) {
    .nhsuk-hero--image .nhsuk-hero__overlay {
        height: auto;
        min-height: 0
    }
}

.nhsuk-hero--image-description .nhsuk-hero-content {
    background-color: #005eb8;
    color: #fff;
    margin-bottom: 24px;
    padding: 24px;
    position: relative;
    top: 70px
}

    .nhsuk-hero--image-description .nhsuk-hero-content .nhsuk-hero__arrow {
        bottom: -10px;
        display: block;
        height: 20px;
        left: 32px;
        overflow: hidden;
        position: absolute;
        transform: rotate(45deg);
        width: 20px
    }

@media print {
    .nhsuk-hero--image-description .nhsuk-hero-content .nhsuk-hero__arrow {
        display: none
    }
}

@media (min-width:40.0625em) {
    .nhsuk-hero--image-description .nhsuk-hero-content .nhsuk-hero__arrow {
        left: 46px
    }
}


@media screen and (-ms-high-contrast:active) {
    .nhsuk-hero--image-description .nhsuk-hero-content .nhsuk-hero__arrow {
        display: none
    }
}

@media (min-width:23.4375em) {
    .nhsuk-hero--image-description .nhsuk-hero-content {
        width: 85%
    }
}

@media (min-width:40.0625em) {
    .nhsuk-hero--image-description .nhsuk-hero-content {
        bottom: -48px;
        margin-bottom: 0;
        max-width: 35em;
        padding: 32px 40px;
        position: absolute;
        top: auto
    }

        .nhsuk-hero--image-description .nhsuk-hero-content > :first-child {
            margin-top: 0
        }

        .nhsuk-hero--image-description .nhsuk-hero-content > :last-child {
            margin-bottom: 0
        }
}

@media print {
    .nhsuk-hero--image-description .nhsuk-hero-content {
        color: #212b32;
        max-width: 100%;
        padding: 0
    }
}

@media screen and (-ms-high-contrast:active) {
    .nhsuk-hero--image-description .nhsuk-hero-content {
        bottom: 0;
        margin-bottom: 0;
        min-height: 0;
        padding: 32px 0 0;
        position: relative;
        top: 0
    }
}

.nhsuk-width-container {
    margin: 0 16px;
    max-width: 960px
}

@media (min-width:48.0625em) {
    .nhsuk-width-container {
        margin: 0 32px
    }
}

@media (min-width:1024px) {
    .nhsuk-width-container {
        margin: 0 auto
    }
}

.nhsuk-width-container-fluid {
    margin: 0 16px;
    max-width: 100%
}

@media (min-width:48.0625em) {
    .nhsuk-width-container-fluid {
        margin: 0 32px
    }
}
.nhsuk-grid-row {
    margin-left: -16px;
    margin-right: -16px
}

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

.nhsuk-grid-column-two-thirds {
    box-sizing: border-box;
    padding: 0 16px
}

@media (min-width:48.0625em) {
    .nhsuk-grid-column-two-thirds {
        float: left;
        width: 66.6666%
    }
}

.nhsuk-u-margin-bottom-3 {
    margin-bottom: 8px !important
}

@media (min-width:40.0625em) {
    .nhsuk-u-margin-bottom-3 {
        margin-bottom: 16px !important
    }
}

.nhsuk-header--white .nhsuk-header__link:hover .nhsuk-organisation-descriptor {
    color: #212b32
}

.nhsuk-header--white .nhsuk-organisation-descriptor {
    color: #005eb8
}

.nhsuk-header--organisation .nhsuk-header__link:focus .nhsuk-organisation-descriptor, .nhsuk-header--organisation .nhsuk-header__link:focus .nhsuk-organisation-name {
    color: #212b32
}

.nhsuk-organisation-descriptor {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 21px
}

@media print {
    .nhsuk-organisation-descriptor {
        color: #005eb8
    }
}

@media (max-width:450px) {
    .nhsuk-organisation-descriptor {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width:375px) {
    .nhsuk-organisation-descriptor {
        font-size: 10px;
        line-height: 13px
    }
}



.NHSMobileHeader {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display: none;
    margin-bottom: 0px;
}

@media only screen and (max-width: 600px) {
    .NHSMobileHeader {
        display: block;
    }
}

.NHSMobileBanner {
    display: block;
}


@media only screen and (max-width: 600px) {
    .NHSMobileBanner {
        display: none;
    }
}