@import "leaflet/dist/leaflet.css";
@import "leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css";

// @import "leaflet-defaulticon-compatibility";
.swagger-ui .opblock-summary-description {
    text-align: right;
    padding-right: 5px;
}

html {
    scroll-behavior: smooth;
}

*,
.govuk-body,
.govuk-body-xs,
.govuk-body-s,
.govuk-body-m,
.govuk-footer,
.govuk-heading-xl,
.govuk-heading-l,
.govuk-heading-m,
.govuk-heading-s,
.govuk-header-l,
.govuk-header-m,
.govuk-header__link,
.govuk-footer__link,
.govuk-link,
.govuk-button-group .govuk-link,
.govuk-button,
.govuk-label,
.govuk-select,
.govuk-radios__item,
.govuk-breadcrumbs__link,
.govuk-fieldset__legend--s,
.govuk-input,
.govuk-textarea,
.govuk-panel,
.govuk-panel__title,
.govuk-warning-text__text,
.govuk-hint,
.app-cookie-banner,
.govuk-error-message.govuk-form-group--error,
h1,
h2,
h3,
h4,
h5,
.app-step-nav__circle-background,
.govuk-warning-text__icon a {
    font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

.govuk-label-s {
    font-size: 1rem;
}

.govuk-label-xs {
    font-size: 0.875rem;
}

.govuk-select-s {
    font-size: 1rem;
    padding: 2px;
    height: 1.8rem;
}

body {
    margin: 0;
    background-color: #ffffff;
}

.app-cookie-banner {
    .consentBanner {
        .govuk-button {
            display: inline;
            width: 28%;
            margin-right: 45px;
        }

        &.hidden {
            display: none;
        }
    }

    .cookies-banner__link,
    .cookies-banner__button {
        display: block;
        color: $blue;
        background-color: inherit;
        border: 2px solid $blue;
        padding: 7px 14px;
        margin-top: 10px;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px;
        line-height: 1.125rem;
        font-weight: bold;
        width: 100%;
        text-align: center;

        &:hover {
            background-color: $blue;
            color: #eeeeee;
        }
    }

    @media screen and (min-width: 768px) {

        .cookies-banner__link,
        .cookies-banner__button {
            display: inline-block;
            width: auto;
            margin-right: 10px;
            margin-top: 0;
        }
    }

    .cookies-banner__description {
        color: $black;
        font-size: 16px;
        font-size: 1rem;
    }

    @media screen and (min-width: 768px) {
        .cookies-banner__description {
            font-size: 18px;
            font-size: 1.125rem;
        }
    }
}

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

.skiplink:focus,
.skiplink:visited {
    color: #0b0c0c;
}

.skiplink:focus {
    left: 0;
    z-index: 1;
}

#skiplink-container {
    text-align: center;
    background: #0b0c0c;
}

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

#skiplink-container .skiplink {
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0.75em 0 0 30px;
}

a.longLinkBreak {
    word-wrap: break-word;
}

.govuk-header {
    background-color: $charcoal;

    @media screen and (max-width: 900px) {
        border-bottom: none;
    }

    .govuk-header__container {
        border-bottom: none;
        margin-bottom: initial;
        padding-top: 20px;
    }

    &.phase_banner {
        background-color: $yellow;

        .govuk-header__container {
            padding-top: 0;
        }

        .govuk-phase-banner {
            padding-top: 12px;
            padding-bottom: 12px;
            border-bottom: none;

            .govuk-tag {
                font-family: Arial, Helvetica, sans-serif;
                background-color: #1d70b8;
                text-transform: uppercase;
                color: #fff;
                font-weight: 700;
                letter-spacing: 1px;
                padding: 5px 8px 4px;
            }

            .govuk-phase-banner__content {
                line-height: 1.5;
            }

            .govuk-tag.govuk-phase-banner__content__tag {
                line-height: 1.5;
            }

            .govuk-phase-banner__text {
                line-height: 1.5;
            }

        }
    }
}

.govuk-breadcrumbs__link:link,
.govuk-breadcrumbs__link:visited {
    color: $blue;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}

.govuk-breadcrumbs__link:focus {
    color: $lightblue;
    outline: solid 2px #ffd530;
    background: no-repeat;
    box-shadow: none;
}

.govuk-breadcrumbs__link:hover {
    color: $lightblue;
}

.govuk-breadcrumbs__list-item {
    font-weight: bold;
    color: $darkgrey;
}

.govuk-breadcrumbs__list-item:before {
    top: 0;
    bottom: 0;
    left: -3.31px;
    width: 5px;
    height: 5px;
    border-width: 2px 2px 0 0;
    border-color: $midgrey;
}

.govuk-breadcrumbs__list-item.backChevron {

    .govuk-breadcrumbs__link {

        margin-left: 15px
    }

}

.govuk-breadcrumbs__list-item.backChevron::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -0.206875em;
    width: 5px;
    height: 5px;
    margin: auto 0;
    transform: rotate(45deg);
    border: solid;
    border-width: 0px 0px 2px 2px;
    border-color: #999999;
}

.servicebanner {
    display: flex;
    justify-content: space-between;
    border-bottom: 6px solid $lightgrey_semi;
    padding: 20px 0;

    h1 {
        margin-bottom: 0px;
        margin-top: 0px;
        display: flex;
        justify-content: space-between;

        .pedw_logo {
            width: 120px;
            padding-right: 10px;
        }

        @media screen and (max-width: 670px) {
            flex-direction: column-reverse;
            align-items: flex-start;

            .pedw_logo {
                margin-bottom: 20px;
            }
        }
    }

    .serviceBanner_userDetails {
        display: flex;
        justify-content: space-between;
        width: auto;
        align-items: center;
    }



    &.myportal {
        display: flex;
        justify-content: space-between;

        @media screen and (max-width: 670px) {
            flex-direction: column;
        }

        h1 {
            img {
                @media screen and (max-width: 670px) {
                    padding-bottom: 20px;
                }
            }
        }

        .serviceBanner_userDetails {
            display: flex;
            justify-content: space-between;
            width: auto;
            align-items: center;

            .serviceBanner_userDetails_name {
                padding-left: 8px;
                padding-right: 20px;
                color: $blue;
                font-size: 16px;
                font-weight: bold;

                @media screen and (max-width: 414px) {
                    max-width: 41%;
                }

                @media screen and (max-width: 360px) {
                    max-width: 50%;
                }
            }


        }
    }

    .govuk-header__link {
        color: $blue;
        font-weight: bold;
        border: 1px solid $blue;
        color: $blue;
        font-size: 16px;
        font-weight: bold;
        padding: 10px 20px;
        background-color: transparent;

        &:hover {
            background: $blue;
            border: 1px solid $blue;
            color: $white;
            font-size: 16px;
            padding: 10px 20px;
            text-decoration: none;
        }

        &:focus {
            box-shadow: none;
        }
    }
}



.wgForm {
    background: $lightgrey_offwhite;
    padding: 20px;
    margin: 0 0 40px 0;
    opacity: 1;
    transition: opacity 500ms ease-in;

    @media screen and (min-width: 1024px) {
        padding: 40px;
        width: 65%;
        margin-left: 15px;
    }

    @media screen and (max-width: 900px) {}

    @media (min-width: 40.0625em) {
        // width: 100%;
        // padding: 0 40px;
    }

    // #cookies-js form {
    //     background-color: $lightgrey_light;
    //     padding: 40px;

    .govuk-radios__label:before {
        border: 1px solid #666666;
        background-color: $white;
    }

    .govuk-radios--small .govuk-radios__item {
        margin-bottom: 20px;
        padding-left: 0px !important;
    }

    .conditionalElement {
        display: flex;
    }

    .conditionalText {
        .govuk-radios__item.govuk-grid-column-full {
            display: flex;
            flex-direction: column;
        }

        .govuk-label {
            padding-left: 0px;
        }
    }

    .govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled)+.govuk-radios__label:before {
        box-shadow: 0 0 0 5px $lightgrey;
    }

    .govuk-radios__item {
        background-color: $lightgrey_semi;
        flex-wrap: nowrap;

        .govuk-radios__input:focus+.govuk-radios__label::before {
            border-width: 1px;
            box-shadow: 0 0 0 2px #ffdd00
        }

        &:hover {
            background-color: $lightgrey;
        }

        label {
            margin-top: 0px;
            // background-color: $lightgrey_semi;
            padding: 20px 20px 20px 50px;
            width: 100%;

            &:before {
                top: 18px;
                width: 24px;
                height: 24px;
                left: 18px;
            }

            &:after {
                top: 22px;
                left: 22px;
                border-width: 8px;
            }

            &:hover {
                background-color: $lightgrey;
            }
        }
    }

}

#signin.wgForm {


    @media screen and (min-width: 1024px) {

        padding: 40px;
        width: 100%;
        margin-left: 0px;

    }
}

#rep-form .wgForm {
    margin-left: 0;

    @media screen and (max-width: 900px) {
        width: 100%;
    }

    width:75%
}

.newAppealForm {
    background: $lightgrey_offwhite;
    padding: 20px;
    margin: 0 0 40px 0;

    .govuk-radios__label:before {
        border: 1px solid #666666;
        background-color: $white;
    }

    .govuk-radios--small .govuk-radios__item {
        margin-bottom: 20px;
        padding-left: 0px !important;
    }

    .govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled)+.govuk-radios__label:before {
        box-shadow: 0 0 0 5px $lightgrey;
    }

    .govuk-radios__item {
        background-color: $lightgrey_semi;
        flex-wrap: nowrap;

        .govuk-radios__input:focus+.govuk-radios__label::before {
            border-width: 1px;
            box-shadow: 0 0 0 2px #ffdd00
        }

        &:hover {
            background-color: $lightgrey;
        }

        label {
            margin-top: 0px;
            background-color: $lightgrey_semi;
            padding: 20px 20px 20px 50px;

            &:before {
                top: 18px;
                width: 24px;
                height: 24px;
                left: 18px;
            }

            &:after {
                top: 22px;
                left: 22px;
                border-width: 8px;
            }

            &:hover {
                background-color: $lightgrey;
            }
        }
    }
}


.govuk-grid-row {
    @media screen and (max-width: 900px) {
        // margin-right: 0px;
        // margin-left: 0px;
    }
}

.govuk-input,
.govuk-select,
textarea,
.govuk-textarea,
.react-datepicker__input-container input {
    border: 1px solid $darkgrey;
    padding: 7px 15px;
}

.govuk-radios__label:before {
    border: 1px solid $darkgrey;
    background-color: $white;
}

.govuk-checkboxes__conditional--hidden {
    display: none;
}

.govuk-button {
    background-color: $red;
    color: $white;
    font-size: 20px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: right center;
    padding: 15px 20px 15px 20px !important;
    box-shadow: none;

    &.govuk-button-cta {
        border-radius: 30px;
        background-color: $blue;

        &:hover {
            background-color: $lightblue;
        }
    }

    &.withChevron {
        background-image: url(/assets/images/arrow-right--white.svg);
        padding: 15px 45px 15px 20px !important;

        &:focus {
            color: $black;
            background-image: url(https://gov.wales/themes/custom/govwales/storage/smartsurvey/arrow-right--black.svg);
        }
    }

    &:focus:not(:active):not(:hover) {
        box-shadow: none;
    }

    &.govuk-button--secondary {
        background-color: $white;
        color: $red;
        background-image: none;
        padding-right: 20px !important;
        border: 1px solid red;

        &:hover {
            background-color: $red;
            color: $white;
        }
    }

    &:hover {
        background-color: $brightred;
    }

    &:active {
        top: 0px;
    }

    &:focus {
        background-color: #ffd530 !important;
        border-color: transparent !important;
        color: #1f1f1f !important;
        outline: 2px solid #1f1f1f;
        text-decoration: none !important;
        -webkit-box-shadow: 0 0 0 2px #ffd530;
        box-shadow: 0 0 0 2px #ffd530;
    }
}

.govuk-select {
    appearance: none;
    margin-bottom: 20px;
    background-image: url(/assets/images/select-down-arrow.svg);
    background-size: 19px 12px;
    background-repeat: no-repeat;
    background-position: 98% 15px;
    background-color: #fff;
    padding: 7px 15px;
    border: 1px solid #666666;
    min-width: 15rem;

    &:focus {
        outline: 2px solid #ffdd00;
    }

    &:hover {
        background-color: #e5e5e5;
        cursor: pointer;
    }
}

.sharebar {
    background: #e5e5e5;
    margin: 0;
    padding: 15px;
    clear: both;
}

.sharebar__components.container-fluid {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 20px;

    @media screen and (max-width: 1024px) {
        padding-left: 20px;
    }

    @media screen and (max-width: 376px) {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.btn--arrow-up a {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id=%22Layer_1%22 data-name=%22Layer 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%22159.5%22 height=%22102.4%22 viewBox=%220 0 159.5 102.4%22%3E%3Ctitle%3Eblack-arrow-up%3C/title%3E%3Cpath d=%22M159.5,79.8,79.8,0,0,79.8l22.6,22.6L79.7,45.3l57.1,57.1Z%22/%3E%3C/svg%3E");
    background-size: 18px 13px;
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 36px;
    margin-top: 1px;
}

.btn--outlined a {
    text-decoration: none;
    color: #323232;
    background: none;
    padding: 12px;
    font-size: 1em;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #999999;
    line-height: 17px;
    line-height: 1.0625rem;

    &:focus {
        background-color: #ffd530 !important;
        border-color: transparent !important;
        color: #1f1f1f !important;
        outline: 2px solid #1f1f1f;
        text-decoration: none !important;
        -webkit-box-shadow: 0 0 0 2px #ffd530;
        box-shadow: 0 0 0 2px #ffd530;
    }
}

.languageSwitch {
    margin-top: 10px;
    text-align: right;
    margin-right: 0px;

    @media screen and (max-width: 900px) {
        position: absolute;
        top: 20px;
        right: -10px;
    }

    a.govuk-header__link {
        background-color: $black;
        padding: 10px 20px;
        font-weight: 700;

        &:hover {
            background-color: $midgrey;
            color: $white;
            text-decoration: none;
        }
    }

    a.govuk-header__link:focus {
        background-color: $black;
        padding: 10px;
        color: #fff;
        box-shadow: none;
    }

    //nav drop down

    .mobileNav {
        display: none;

        @media screen and (max-width: 900px) {
            display: block;
            position: relative;
            clear: both;
            margin-top: -10px;
            margin-right: -10px;

            .mobileMenu {
                float: left;
                position: relative;
            }

            .mobileMenu label {
                background-color: black;
                padding: 10px 30px;
                cursor: pointer;
                text-align: center;
                display: block;
                position: relative;
            }

            .mobileMenu label i {
                font-style: normal;
                font-size: 10px;
                color: white;
                position: absolute;
                right: 18px;
                top: 13px;
            }

            .mobileMenu [type="radio"] {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                margin: 0;
                z-index: 1;
            }

            .content {
                position: absolute;
                top: 100%;
                opacity: 0;
                background: #333;
                color: white;
                padding: 20px 10px;
                width: 140px;
                right: 0px;
            }

            .content ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }

            .content a {
                color: white;
                display: block;
                white-space: nowrap;
                text-decoration: none;
                border-bottom: 1px solid #999;
                padding: 5px;
                padding: 20px 10px;

                &.govuk-header__link {
                    background-color: inherit;
                }
            }

            [type="radio"]:checked~label {
                z-index: 2;
            }

            [type="radio"]:checked~label~.content {
                z-index: 1;
                opacity: 1;
            }

            .close-mobileMenu {
                position: absolute;
                z-index: -1;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            .close-mobileMenu label {
                background: #333;
                color: white;
            }

            [type="radio"]:checked~label~.close-mobileMenu {
                z-index: 3;
            }
        }
    }

    .fullNav {
        display: block;

        @media screen and (max-width: 900px) {
            display: none;
        }
    }
}

.header__logo {
    float: left;
    margin: 0;
    padding: 0;
    width: 140px;
    //height: 34px;
    // background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 34'%3E%3Cpath style='fill:none;' d='M0 0h140v34H0z' /%3E%3Cg%3E%3Cpath style='fill:%23fff;' d='M.5 12.9a1.5 1.5 0 0 1 .6-.7 3.9 3.9 0 0 1 1.6-.2A9.1 9.1 0 0 1 6 14a29.6 29.6 0 0 1 3.2 3l.7-1.4a42.1 42.1 0 0 0-6-4C2.5 11.2.7 11 .5 12.9zM1.9 10.6c1.6-.5 1.8.6 2.1.9l1.2.7c-1.6-3.7-3.3-1.6-3.3-1.6z'/%3E%3Cpath style='fill:%23fff;' d='M2.6 12.5c3.8 2.8.6 4.1.6 4.1a1.3 1.3 0 0 0 1.7-.4l.3-.6a1.7 1.7 0 0 0 .1-.5A40.2 40.2 0 0 1 9 19.9a11 11 0 0 1-.2-1.8c-1.2-1.4-1.5-1.9-2.3-2.7-2.2-2.7-4-3-4-3M18.4 12.2a7.1 7.1 0 0 1-.1-2 8.7 8.7 0 0 0 .5-1.5h.1l.6.4a8.4 8.4 0 0 1-.6-1.7v-.1a4.1 4.1 0 0 0-.9-1.8 4.6 4.6 0 0 1 .3 1.9c-.1 1.7-2.6 3.7-2 6.6a5.7 5.7 0 0 0 2 3 15.3 15.3 0 0 1-.9-3.2 4.1 4.1 0 0 1 .5-2.5h.2zM35.3.5a56.6 56.6 0 0 0-6.4 1.4c-2.1.7-5.2 2-6.6 3.8s-.2 4.6-.6 6.4-3.2 3.8-3.2 3.8 3.3-.9 4.4-3.5-.2-3.3 1.1-6.1S35.3.5 35.3.5z'/%3E%3Cpath style='fill:%23fff;' d='M35.4.7a7.8 7.8 0 0 0-4.8 4.6l1.6-.3s.1-2.2 3.2-4.3zM41 5.4a26.7 26.7 0 0 0-11.1.5c-5.5 1.7-4.8 4.5-4.9 6s-1.4 5.2-6.3 4.8a5.5 5.5 0 0 0 6-1c3.2-2.6 1-5.7 3.6-7.2S33 5.8 41 5.4z'/%3E%3Cpath style='fill:%23fff;' d='M27 13.5a6.2 6.2 0 0 1 3.5 1.8 5.2 5.2 0 0 0-3.8-1zM36.5 11s-5.2.1-5.3 4.6c-.2-.1-3-5 5.3-4.6zM40.6 5.7c-5.3 1.1-4.1 5.3-4.1 5.3-2.7-5.4 4.1-5.3 4.1-5.3zM25.9 19.6a6.1 6.1 0 0 1 5.2-4c-4.1-.8-5.1 1.2-5.2 2.7a36 36 0 0 0-6.3-.7 18.2 18.2 0 0 1 6.3 2zM4.2 30.8a3.6 3.6 0 0 1 1.8-.4 4.7 4.7 0 0 0 1.8-.4l-2.7-.5c-1 .1-.9 1.3-.9 1.3zM23.9 28a.8.8 0 0 1 .7-.9 4.6 4.6 0 0 1 2 .4l-1.3.3a2.6 2.6 0 0 0-1.4.2zM31.4 31.2a3.1 3.1 0 0 1 1.7-.3h1.4c-.4 0-1.2-.9-2.2-.7a.9.9 0 0 0-.9 1zM36.1 10.8c-6.4-1.5-8.4-.4-8.4-.4a2 2 0 0 0 .2-.6c.2-.3.2-.4.2-.5a19.1 19.1 0 0 1 8 1.5zM11.3 6.7a2.4 2.4 0 0 0-1.6-.8c-1.2 0-2.3 1.4-3.3 1.4a3.2 3.2 0 0 1-1.7-.4 2.4 2.4 0 0 0 1.7.9c1.4 0 2.4-1.3 3.3-1.3zM14.2 8.1a6.2 6.2 0 0 1 .1 2c-.1 2.2-4.3 5.2-4.3 8.7a5.1 5.1 0 0 0 1.6 3.4 8.5 8.5 0 0 1-.4-3.8c.4-2.6 3.7-5.6 3.6-8.1a3.5 3.5 0 0 0-.6-2.2z'/%3E%3Cpath style='fill:%23fff;' d='M12.1 22.1a4.8 4.8 0 0 1-.2-2.8c.3-.9 1.1-1.6 2.7-2 0 0-2.8 2.6-.7 4.8a9.8 9.8 0 0 0-2 2.9c-.6 1.3-1.8 4.2-2.2 4.8A5.4 5.4 0 0 1 7.1 32c-1.7.1-3.7.4-3.8 1.7a1.7 1.7 0 0 1-.3-1.2c.1-.9 1.5-1.9 3-1.8a3.2 3.2 0 0 0 3.6-2.1 60.4 60.4 0 0 1 2.5-6.5z'/%3E%3Cpath style='fill:%23fff;' d='M14.5 22.3s-2.3 6.9-6.3 9.6a10.3 10.3 0 0 1 3.2-.1c.7.3 1.5.8.8 2s1.4-.8 1.1-2-1.8-1-1.8-1-.4-.2-.2-.8 1.8-2.6 2-3l2.3-3.6a2.5 2.5 0 0 0 2.4-1.3c.9-1.8-1-3.4-1-3.4s.8 1.9-.1 2.8a3.1 3.1 0 0 1-2.4.8z'/%3E%3Cpath style='fill:%23fff;' d='M16.4 23.9l1.1-.4s.4.4 2 .4h.3a30.3 30.3 0 0 0 7.4-2.3l.4.6c-2.7.9-5.8 3.5-9.9 3l-1.9-.4zM28 27.2a3.8 3.8 0 0 1-2 1.7c-1.2 0-2.7.3-2.8 1.3a1 1 0 0 1-.2-.9c0-.6.9-1.4 2.2-1.3a2 2 0 0 0 2.3-1.7c.3-.9 0-2.6.4-3.7l.9.7v.3c-.5 1.2-.3 2.6-.8 3.6zM29.7 23.9l.7.4a4.7 4.7 0 0 0-.4 1.2l-.7 2.1c-.2.5.1.6.1.6s1.1.1 1.3.8-.8 1.5-.8 1.5-.1-1.3-.6-1.5a6.8 6.8 0 0 0-2.2.1c1.7-1.2 2.3-4.6 2.6-5.2z'/%3E%3Cpath style='fill:%23fff;' d='M36.3 30.9s.5 1 .2 1.3-1.8 0-3.4.2-2.4.3-2.5 1.5a1.6 1.6 0 0 1-.3-1.1 2.5 2.5 0 0 1 2.7-1.6h1.9c.4-.2-.6-2.2-.8-2.6-1.5-3-1.5-4-1.5-4.2s-4.2-.8-5.2-3.7c3.4 2.8 6 2.8 6 2.8a56.1 56.1 0 0 0 2.9 7.4zM37.3 15.2h1.2c1.8-3.9 5-7.9 5-10.3a4 4 0 0 0-1.1-2.6l-.2.6A10.6 10.6 0 0 0 40.7.4l2.7 1.3h-.5a4.1 4.1 0 0 1 1.2 3c.1 2.8-3 6-4.8 10.3 4 .5 6.7 3 6.7 5.6s-2.3 5.2-4.4 5.2a4.8 4.8 0 0 1-2.6-.7c-1-.5-2-1.7-2-4.1a10.8 10.8 0 0 1 .9-4.7l-2.7.3-1.1.3a4.2 4.2 0 0 1 2.1 2.7 7.2 7.2 0 0 1-.4 3.7 15.2 15.2 0 0 0 1.1 5.3l.6 1.5a1.7 1.7 0 0 0 .8.9s1.2.2 1.5.9a1 1 0 0 1-.3 1.4c.3-1.1-.7-1.3-1.3-1.3h-1a11.9 11.9 0 0 0-.6-2.3s-1-2.7-1.3-4a24.3 24.3 0 0 1-.7-3s2.8-4.8-3.5-6.8h.9l1.7-.5zm1.6 1.3a13.3 13.3 0 0 0-.8 5c.1 1.7 1.1 4 3.8 3.7a3.3 3.3 0 0 0 2.7-1.9 5.6 5.6 0 0 0 .5-2.1 4.2 4.2 0 0 0-1.6-3.2 6.9 6.9 0 0 0-4.6-1.5M11 4.3s-2.2-.7-3.6.4l.7 1.2a2.3 2.3 0 0 1 3.3.2l.3.5a3.8 3.8 0 0 1-3.6 1 2.5 2.5 0 0 0 2.3 1.1c1.6 0 3.2-1.7 3.7-1.1s-.2-2.3 2.7-3.2l.7.8a3.1 3.1 0 0 0 .9-2.5A3.2 3.2 0 0 0 16.9.1a3.7 3.7 0 0 1-.3 2.1 2.1 2.1 0 0 1-1.8 1.3l-1.3-.2c-.3-.1-2.4-.8-2.5 1zm2.4-.1s-.7 1.2-1.7.5 0-.7.6-.6.5.2 1.1.1zM60.1 6.9h1v6.5h2.5v.8h-3.4zM64.4 6.4h.9v7.9h-.9zM68.4 15.5c-.3.9-.6 1.3-1.3 1.3h-.6V16h.5c.3 0 .4-.1.6-.7l.2-.9-1.6-5.6h1l1.2 4.4 1.1-4.4h.9zM76 14.4h-1l-1.1-4.6-1.1 4.6h-1L70.4 9h1l1 4.5 1-4.5h1.1l1.1 4.5 1-4.5h.9zM80.1 8.9c1.4 0 2.2 1.1 2.2 2.8s-.7 2.8-2.2 2.8-2.1-1.1-2.1-2.8.7-2.8 2.1-2.8zm0 4.8c.9 0 1.2-.7 1.2-2.1s-.4-2.1-1.2-2.1-1.2.7-1.2 2.1.3 2.1 1.2 2.1zM87.2 13.4c0 .3.1.7.1 1h-.9v-.8a1.5 1.5 0 0 1-1.4.9c-1.1 0-1.9-.9-1.9-2.8s.7-2.8 1.9-2.8a1.7 1.7 0 0 1 1.4.8V6.4h.9zm-2.1-3.8q-1.2 0-1.2 2.1t1.2 2.1 1.2-2.1q0-2.1-1.2-2.1zM88.4 10.1c0-.4-.1-.8-.1-1.2h.9v.9a1.4 1.4 0 0 1 1.5-.9v.9h-.3c-.7 0-1.2.6-1.2 1.8v2.9h-.9zM91.7 9.3a2.6 2.6 0 0 1 1.5-.4 1.7 1.7 0 0 1 1.4.5 1.7 1.7 0 0 1 .5 1.3v2.8a2.7 2.7 0 0 0 .1.9h-.8v-.7a1.7 1.7 0 0 1-1.5.8 1.4 1.4 0 0 1-1.6-1.5c0-1.1.7-1.8 2.6-1.8h.5v-.3a2.4 2.4 0 0 0-.2-.9c-.2-.3-.5-.3-.9-.3a1.8 1.8 0 0 0-1.4.6zm2.6 2.4h-.6c-1.1 0-1.5.5-1.5 1.1s.3 1 .9 1a1.3 1.3 0 0 0 1.3-1.3v-.7zM97.1 11.9c0 1.3.5 1.9 1.5 1.9a2.1 2.1 0 0 0 1.2-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM103.5 14.3l-.7.2c-.8 0-1.3-.3-1.3-1.3V9.7h-.9V9h.9V7.8l.9-.3v1.4h1.1v.7h-1.1v3.2q0 .9.6.9l.5-.2zM104.2 6.4h.9v3.3a1.3 1.3 0 0 1 1.3-.8c1 0 1.6.5 1.6 1.8v3.8h-.9V11c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9zM116.4 14.3l-1.3.2c-2.3 0-3.4-1.8-3.4-3.8s1.3-3.8 3.3-3.8a2.9 2.9 0 0 1 1.4.3v.9a2.3 2.3 0 0 0-1.4-.4c-1.2 0-2.3 1-2.3 2.8s.7 3.2 2.4 3.2a1.8 1.8 0 0 0 1.3-.4zM119.3 15.5c-.3.9-.6 1.3-1.3 1.3h-.6V16h.5c.3 0 .4-.1.6-.7l.2-.9-1.7-5.5h1l1.2 4.4 1.1-4.4h.9zM121.8 10.1c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 2.6 0 1.5 1.5 0 0 1 1.3-.9c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9zM129.5 10.1c0-.4-.1-.8-.1-1.2h.9v.9a1.4 1.4 0 0 1 1.5-.9v.9h-.3c-.7 0-1.2.6-1.2 1.8v2.9h-.9zM136.4 13.2c0 .4.1.8.1 1.2h-.9v-.8a1.4 1.4 0 0 1-1.4.9c-1 0-1.6-.5-1.6-1.8V8.9h.9v3.6c0 .9.3 1.2.9 1.2s1.2-.5 1.2-1.5V8.9h.9v4.3zM59.4 19.7h1l1.2 5.9 1.3-5.9h1.2l1.3 5.9 1.3-5.9h.9l-1.7 7.4h-1.1l-1.4-6.3-1.4 6.3h-1.1zM68.9 24.6c0 1.3.5 1.9 1.5 1.9a2.8 2.8 0 0 0 1.3-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM73.1 19.1h.9V27h-.9zM75.2 26.1a2.2 2.2 0 0 0 1.3.4c.7 0 1.1-.4 1.1-.7s-.2-.6-.7-.9l-.6-.3c-.8-.4-1.1-.7-1.1-1.4a1.6 1.6 0 0 1 1.7-1.6h.1l1.2.2v.7H77c-.6 0-.9.3-.9.7s.3.7.9.9h.3c.7.3 1.1.7 1.1 1.4s-.5 1.7-1.8 1.7a3.3 3.3 0 0 1-1.5-.3zM79.3 19.1h.9v3.3a1.3 1.3 0 0 1 1.3-.8c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.5c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9zM92.1 26.7a4.8 4.8 0 0 1-1.9.4c-2.4 0-3.4-1.8-3.4-3.8s1.4-3.8 3.3-3.8l1.8.3v1a4 4 0 0 0-1.8-.5c-1.2 0-2.3 1-2.3 2.8s.8 3.2 2.4 3.2l1-.2v-2.2h-1.3v-.8h2.2zM95.6 21.6c1.4 0 2.2 1.1 2.2 2.8s-.7 2.8-2.2 2.8-2.2-1.1-2.2-2.8.7-2.8 2.2-2.8zm0 4.8c.9 0 1.3-.7 1.3-2.1s-.4-2.1-1.3-2.1-1.3.7-1.3 2.1.4 2 1.3 2zM98.2 21.6h1l1.2 4.5 1.2-4.5h1l-1.7 5.3h-1.1zM104 24.6c0 1.3.5 1.9 1.5 1.9a2.8 2.8 0 0 0 1.3-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM108.1 22.8c0-.4-.1-.8-.1-1.2h.9v.9a1.4 1.4 0 0 1 1.5-.9v.9h-.3c-.7 0-1.2.6-1.2 1.8V27h-.9zM111.2 22.8c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 1.4-.9c1 0 1.6.5 1.6 1.8V27h-.9v-3.4c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9zM116.4 22.8c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 2.6 0 1.5 1.5 0 0 1 1.3-.9c1 0 1.6.5 1.6 1.8V27h-.9v-3.6c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9zM124.7 24.6c0 1.3.5 1.9 1.5 1.9a2.8 2.8 0 0 0 1.3-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.3-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM128.8 22.8c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 1.4-.9c1 0 1.6.5 1.6 1.8V27h-.9v-3.4c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9v-4.4zM136.4 26.9l-.7.2c-.9 0-1.3-.3-1.3-1.3v-3.4h-.9v-.7h.9v-1.1l.9-.3v1.4h1.1v.7h-1.2v3.2q0 .9.6.9l.6-.2v.7zM52 0h1v33.88h-1z'/%3E%3C/g%3E%3C/svg%3E);
    // background-repeat: no-repeat;
    // background-size: 140px 34px;
    color: #fff;
    text-decoration: underline;
    border: none;
}

.govuk-header__logo {
    width: 22% !important;

    a.govuk-header__link {
        &:hover {
            text-decoration: none;
            border: none;
            margin-bottom: 0px;
        }

        &:focus {
            background-color: $yellow;
            color: $black;
        }
    }
}

// nav {
//     // margin-top: 60px;
//     // margin-bottom: 40px;
// }

.govuk-footer {
    background-color: $lightgrey_light;
    padding-top: 0px;
    padding: 70px 0 0 0;
    border: none;

    .govuk-footer__inline-list {
        a {
            font-size: 1rem;
            color: $black;
            text-decoration: none;

            &:hover {
                text-decoration: underline;
            }
        }
    }

    #footer_links {
        border-top: solid 2px #ddd;
        padding-top: 15px;
    }
}

#footer_logo {
    margin-top: 80px;
    margin-bottom: 40px;
}

#footer_logo a {
    color: #323232;
    font-weight: normal;
    margin: 0;
    width: 140px;
    height: 34px;
    overflow: hidden;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='137.3' height='34.2' viewBox='0 0 137.3 34.2'%3E%3Cpath d='M0 13a1.49 1.49 0 0 1 .6-.7 3.9 3.9 0 0 1 1.6-.2 9.2 9.2 0 0 1 3.4 2 29.84 29.84 0 0 1 3.2 3.1c.2-.5.7-1.4.7-1.4a42.46 42.46 0 0 0-6.1-4C2 11.3.2 11.1 0 13zM1.4 10.7c1.6-.5 1.8.6 2.1.9l1.2.7c-1.6-3.7-3.3-1.6-3.3-1.6z'/%3E%3Cpath d='M2.1 12.6c3.8 2.8.6 4.1.6 4.1a1.36 1.36 0 0 0 1.7-.4l.3-.6a1.75 1.75 0 0 0 .1-.5 40.57 40.57 0 0 1 3.8 4.9 11.15 11.15 0 0 1-.2-1.8c-1.2-1.4-1.5-1.9-2.3-2.7-2.2-2.7-4-3-4-3M18.1 12.3a7.17 7.17 0 0 1-.1-2 8.8 8.8 0 0 0 .5-1.5l.1.1.6.4a8.51 8.51 0 0 1-.6-1.7c0-.1 0-.1-.1-.2a4.13 4.13 0 0 0-.8-1.8 4.62 4.62 0 0 1 .3 1.9c-.1 1.7-2.6 3.7-2 6.7a5.73 5.73 0 0 0 2 3 15.49 15.49 0 0 1-.9-3.2 4.13 4.13 0 0 1 .5-2.5l.2.1z'/%3E%3Cpath d='M35.1.5a57.16 57.16 0 0 0-6.5 1.4c-2.1.7-5.3 2-6.7 3.8s-.2 4.6-.6 6.5-3.2 3.8-3.2 3.8 3.3-.9 4.4-3.5c.9-1.9-.2-3.3 1.1-6.2S35.1.5 35.1.5z'/%3E%3Cpath d='M35.2.7a7.9 7.9 0 0 0-4.8 4.6L32 5s.1-2.2 3.2-4.3zM40.9 5.5a27 27 0 0 0-11.2.5c-5.6 1.7-4.8 4.5-4.9 6.1s-1.4 5.2-6.4 4.8a5.59 5.59 0 0 0 6.1-1c3.2-2.6 1-5.8 3.6-7.3s4.7-2.7 12.8-3.1z'/%3E%3Cpath d='M26.8 13.6a6.3 6.3 0 0 1 3.5 1.8 5.26 5.26 0 0 0-3.8-1 4.42 4.42 0 0 1 .3-.8zM36.3 11.1s-5.3.1-5.4 4.6c-.1-.1-2.9-5 5.4-4.6zM40.5 5.8c-5.4 1.1-4.2 5.3-4.2 5.3-2.7-5.4 4.2-5.3 4.2-5.3zM25.6 19.8a6.16 6.16 0 0 1 5.3-4c-4.1-.8-5.1 1.2-5.3 2.7a36.39 36.39 0 0 0-6.4-.7 18.4 18.4 0 0 1 6.4 2zM3.7 31.1a3.64 3.64 0 0 1 1.9-.4 4.76 4.76 0 0 0 1.8-.4 13.09 13.09 0 0 0-2.7-.5c-1.1.1-1 1.3-1 1.3zM23.6 28.3a.79.79 0 0 1 .7-.9 4.64 4.64 0 0 1 2 .4 6.3 6.3 0 0 1-1.3.3 2.66 2.66 0 0 0-1.4.2zM31.2 31.5a3.08 3.08 0 0 1 1.7-.3 6.09 6.09 0 0 0 1.4 0c-.4 0-1.2-.9-2.2-.7a.87.87 0 0 0-.9 1zM35.9 10.9c-6.5-1.5-8.5-.4-8.5-.4a2 2 0 0 0 .2-.6c.2-.3.2-.4.2-.5a19.26 19.26 0 0 1 8.1 1.5zM10.9 6.8A2.44 2.44 0 0 0 9.3 6C8.1 6 7 7.4 6 7.4A3.25 3.25 0 0 1 4.3 7a2.43 2.43 0 0 0 1.7.9c1.4 0 2.4-1.3 3.3-1.3a5.53 5.53 0 0 1 1.6.2zM13.8 8.2a6.26 6.26 0 0 1 .1 2c-.1 2.2-4.3 5.2-4.3 8.8a5.18 5.18 0 0 0 1.6 3.4 8.61 8.61 0 0 1-.4-3.8c.4-2.6 3.7-5.7 3.6-8.2a3.51 3.51 0 0 0-.6-2.2z'/%3E%3Cpath d='M11.7 22.3a4.85 4.85 0 0 1-.2-2.8c.3-.9 1.1-1.6 2.7-2 0 0-2.8 2.6-.7 4.8a9.87 9.87 0 0 0-2 2.9c-.6 1.3-1.8 4.2-2.2 4.8a5.42 5.42 0 0 1-2.6 2.2c-1.7.1-3.7.4-3.8 1.7a1.75 1.75 0 0 1-.3-1.2c.1-.9 1.5-1.9 3-1.8a3.21 3.21 0 0 0 3.6-2.1 61 61 0 0 1 2.5-6.5z'/%3E%3Cpath d='M14.1 22.5s-2.3 7-6.4 9.7a10.41 10.41 0 0 1 3.2-.1c.7.3 1.5.8.8 2 0 0 1.4-.8 1.1-2-.3-1-1.8-1-1.8-1s-.4-.2-.2-.8 1.8-2.6 2-3 2.2-3.4 2.3-3.6a2.49 2.49 0 0 0 2.6-1.4c.9-1.8-1-3.4-1-3.4s.8 1.9-.1 2.8a3.17 3.17 0 0 1-2.5.8z'/%3E%3Cpath d='M16.1 24.1a3.74 3.74 0 0 0 1.1-.4s.4.4 2 .4h.3a30.62 30.62 0 0 0 7.5-2.3l.4.6c-2.7.9-5.9 3.5-10 3-.3-.1-1.7-.3-1.9-.4.1-.1.6-.9.6-.9zM27.8 27.5a3.86 3.86 0 0 1-2 1.7c-1.2 0-2.7.3-2.8 1.3a1 1 0 0 1-.2-.9c0-.6.9-1.4 2.2-1.3a2.05 2.05 0 0 0 2.3-1.7c.3-.9 0-2.6.4-3.7 0 0 .6.5.9.7l-.1.3c-.4 1.1-.2 2.5-.7 3.6zM29.5 24.1a7.23 7.23 0 0 0 .7.4 4.77 4.77 0 0 0-.4 1.2c-.1.3-.5 1.6-.7 2.1s.1.6.1.6 1.1.1 1.3.8c.3.9-.8 1.5-.8 1.5.5-.9-.1-1.3-.6-1.5a6.88 6.88 0 0 0-2.2.1c1.7-1.1 2.3-4.6 2.6-5.2z'/%3E%3Cpath d='M36.1 31.2s.5 1 .2 1.3c-1.1.1-1.8 0-3.4.2-1.4.2-2.4.3-2.5 1.5a1.59 1.59 0 0 1-.3-1.1c.1-.8 1.3-1.7 2.7-1.6a6.37 6.37 0 0 0 1.9-.1c.4-.2-.6-2.2-.8-2.6-1.5-3-1.5-4-1.5-4.2 0 0-4.2-.8-5.3-3.7 3.4 2.8 6.1 2.8 6.1 2.8a56.66 56.66 0 0 0 2.9 7.5zM37.2 15.3h1.2c1.8-3.9 5-8 5-10.4a4.08 4.08 0 0 0-1.1-2.6l-.2.6A10.67 10.67 0 0 0 40.6.4a19.5 19.5 0 0 1 2.7 1.3l-.5.1a4.13 4.13 0 0 1 1.2 3c.1 2.8-3 6.1-4.8 10.4 4 .5 6.8 3 6.8 5.7 0 3.8-2.3 5.2-4.4 5.2a4.84 4.84 0 0 1-2.6-.7c-1-.5-2-1.7-2-4.1a10.91 10.91 0 0 1 .9-4.7q-1.5.15-2.7.3l-1.1.3a4.21 4.21 0 0 1 2.1 2.7 7.22 7.22 0 0 1-.4 3.7 15.31 15.31 0 0 0 1.1 5.4l.6 1.5a1.67 1.67 0 0 0 .8.9s1.2.2 1.5.9a1.06 1.06 0 0 1-.3 1.4c.3-1.1-.7-1.3-1.3-1.3h-.1a6.73 6.73 0 0 0-1-.1 12 12 0 0 0-.6-2.3s-1-2.7-1.3-4a24.55 24.55 0 0 1-.7-3s2.8-4.8-3.5-6.9a1.86 1.86 0 0 1 .8 0 10.43 10.43 0 0 1 1.7-.5c.9-.1 2.2-.2 3.7-.3zm1.6 1.3a13.47 13.47 0 0 0-.8 5c.1 1.7 1.1 4 3.8 3.7a3.31 3.31 0 0 0 2.7-1.9 5.63 5.63 0 0 0 .5-2.1 4.28 4.28 0 0 0-1.6-3.2 7 7 0 0 0-4.6-1.5M10.6 4.3s-2.2-.7-3.6.4l.7 1.2a2.33 2.33 0 0 1 3.6.7 3.83 3.83 0 0 1-3.6 1.1A2.56 2.56 0 0 0 10 8.8c1.6 0 3.2-1.7 3.7-1.1 0 0-.2-2.3 2.7-3.2a3 3 0 0 1 .7.8 3.16 3.16 0 0 0 .9-2.5A3.25 3.25 0 0 0 16.6.1a3.73 3.73 0 0 1-.3 2.1 2.12 2.12 0 0 1-1.8 1.3 4.76 4.76 0 0 1-1.3-.2c-.4-.1-2.5-.8-2.6 1zm2.4-.1s-.7 1.2-1.7.5c0 0 0-.7.6-.6s.5.2 1.1.1zM60.2 7h1v6.6h2.5v.8h-3.4L60.2 7zM64.5 6.5h.9v8h-.9zM68.5 15.6c-.3.9-.6 1.3-1.3 1.3a1.27 1.27 0 0 1-.6-.1l.1-.8a.9.9 0 0 0 .5.1c.3 0 .4-.1.6-.7l.2-.9-1.7-5.6h1l1.2 4.4 1.1-4.4h.9zM76.2 14.5h-1l-1.1-4.6-1.1 4.6h-1l-1.4-5.4h1l1 4.5 1-4.5h1.1l1.1 4.5 1-4.5h.9zM80.4 9c1.4 0 2.2 1.1 2.2 2.8s-.7 2.8-2.2 2.8-2.2-1.1-2.2-2.8.7-2.8 2.2-2.8zm0 4.8c.9 0 1.2-.7 1.2-2.1s-.4-2.1-1.2-2.1-1.2.7-1.2 2.1.3 2.1 1.2 2.1zM87.5 13.5c0 .3.1.7.1 1h-.9l-.1-.8a1.5 1.5 0 0 1-1.4.9c-1.1 0-1.9-.9-1.9-2.8S84 9 85.2 9a1.72 1.72 0 0 1 1.4.8V6.5h.9zm-2.1-3.8q-1.2 0-1.2 2.1t1.2 2.1q1.2 0 1.2-2.1t-1.2-2.1zM88.7 10.2c0-.4-.1-.8-.1-1.2h.9l.1.9a1.46 1.46 0 0 1 1.5-.9v.9c-.1 0-.2-.1-.3-.1-.7 0-1.2.6-1.2 1.8v2.9h-.9zM92.1 9.4a2.6 2.6 0 0 1 1.5-.4 1.68 1.68 0 0 1 1.4.5 1.76 1.76 0 0 1 .5 1.3v2.8a2.77 2.77 0 0 0 .1.9h-.8l-.1-.7a1.73 1.73 0 0 1-1.5.8 1.37 1.37 0 0 1-1.5-1.5c0-1.1.7-1.8 2.6-1.8h.5V11a2.39 2.39 0 0 0-.2-.9c-.2-.3-.5-.3-.9-.3a1.82 1.82 0 0 0-1.4.6zm2.6 2.4h-.6c-1.1 0-1.5.5-1.5 1.1s.3 1 .9 1a1.29 1.29 0 0 0 1.3-1.4v-.7zM97.5 12c0 1.3.5 1.9 1.5 1.9a2.14 2.14 0 0 0 1.2-.4l.1.8a3.65 3.65 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8S97.3 9 98.7 9c1.2 0 1.9 1 1.9 2.6v.5l-3.1-.1zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM104 14.4a1.85 1.85 0 0 1-.7.2c-.8 0-1.3-.3-1.3-1.3V9.8h-.9v-.7h.9V7.9l.9-.3V9h1.1v.7h-1.1v3.2q0 .9.6.9a.76.76 0 0 0 .5-.2v.8zM104.7 6.5h.9v3.3a1.34 1.34 0 0 1 1.3-.8c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.5c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9l.1-8.2zM117 14.4a3 3 0 0 1-1.3.2c-2.3 0-3.4-1.8-3.4-3.8 0-2.3 1.3-3.8 3.3-3.8a2.9 2.9 0 0 1 1.4.3v.9a2.3 2.3 0 0 0-1.4-.4c-1.2 0-2.3 1-2.3 2.8s.7 3.2 2.4 3.2a1.84 1.84 0 0 0 1.3-.4zM119.9 15.6c-.3.9-.6 1.3-1.3 1.3a1.27 1.27 0 0 1-.6-.1l.1-.8a.9.9 0 0 0 .5.1c.3 0 .4-.1.6-.7l.2-.9-1.7-5.6h1l1.2 4.4 1.1-4.4h.9zM122.5 10.2c0-.4-.1-.8-.1-1.2h.9l.1.8a1.39 1.39 0 0 1 2.6 0 1.54 1.54 0 0 1 1.3-.9c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9l.1-4.5zM130.2 10.2c0-.4-.1-.8-.1-1.2h.9l.1.9a1.46 1.46 0 0 1 1.5-.9v.9c-.1 0-.2-.1-.3-.1-.7 0-1.2.6-1.2 1.8v2.9h-.9zM137.2 13.3c0 .4.1.8.1 1.2h-.9l-.1-.8a1.42 1.42 0 0 1-1.4.9c-1 0-1.6-.5-1.6-1.8V9h.9v3.6c0 .9.3 1.2.9 1.2s1.2-.5 1.2-1.5V9h.9v4.3zM59.5 19.9h1l1.2 6 1.3-6h1.2l1.3 6 1.3-6h.9L66 27.4h-1.1L63.5 21l-1.4 6.4H61zM69.1 24.8c0 1.3.5 1.9 1.5 1.9a2.84 2.84 0 0 0 1.3-.4l.1.8a3.65 3.65 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8c1.2 0 1.9 1 1.9 2.6v.5l-3.2-.1zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM73.3 19.3h.9v8h-.9zM75.4 26.3a2.2 2.2 0 0 0 1.3.4c.7 0 1.1-.4 1.1-.7s-.2-.6-.7-.9l-.6-.3c-.8-.4-1.1-.7-1.1-1.4a1.64 1.64 0 0 1 1.8-1.6 4.3 4.3 0 0 1 1.2.2l-.1.7c-.3 0-.7-.1-1.1-.1-.6 0-.9.3-.9.7s.3.7.9.9l.3.1c.7.3 1.1.7 1.1 1.4 0 1-.5 1.7-1.8 1.7a3.34 3.34 0 0 1-1.5-.3zM79.6 19.3h.9v3.3a1.34 1.34 0 0 1 1.3-.8c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.5c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9l.1-8.2zM92.5 27a4.88 4.88 0 0 1-1.9.4c-2.4 0-3.4-1.8-3.4-3.8 0-2.3 1.4-3.8 3.3-3.8a5.66 5.66 0 0 1 1.8.3v1a4.07 4.07 0 0 0-1.8-.5c-1.2 0-2.3 1-2.3 2.8s.8 3.2 2.4 3.2a3.55 3.55 0 0 0 1-.2v-2.3h-1.3v-.8h2.2V27zM96 21.8c1.4 0 2.2 1.1 2.2 2.8s-.7 2.8-2.2 2.8-2.2-1.1-2.2-2.8.7-2.8 2.2-2.8zm0 4.8c.9 0 1.3-.7 1.3-2.1s-.4-2.1-1.3-2.1-1.3.7-1.3 2.1.4 2.1 1.3 2.1zM98.6 21.8h1l1.2 4.5 1.2-4.5h1l-1.7 5.4h-1.1zM104.5 24.8c0 1.3.5 1.9 1.5 1.9a2.84 2.84 0 0 0 1.3-.4l.1.8a3.65 3.65 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8c1.2 0 1.9 1 1.9 2.6v.5l-3.2-.1zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM108.6 23c0-.4-.1-.8-.1-1.2h.9l.1.9a1.46 1.46 0 0 1 1.5-.9v.9c-.1 0-.2-.1-.3-.1-.7 0-1.2.6-1.2 1.8v2.9h-.9zM111.8 23c0-.4-.1-.8-.1-1.2h.9l.1.8a1.42 1.42 0 0 1 1.4-.9c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.5c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9V23zM117 23c0-.4-.1-.8-.1-1.2h.9l.1.8a1.39 1.39 0 0 1 2.6 0 1.54 1.54 0 0 1 1.3-.9c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9l.1-4.5zM125.4 24.8c0 1.3.5 1.9 1.5 1.9a2.84 2.84 0 0 0 1.3-.4l.1.8a3.65 3.65 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8c1.2 0 1.9 1 1.9 2.6v.5l-3.2-.1zm2.3-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM129.5 23c0-.4-.1-.8-.1-1.2h.9l.1.8a1.42 1.42 0 0 1 1.4-.9c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.5c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9V23zM137.2 27.2a1.85 1.85 0 0 1-.7.2c-.9 0-1.3-.3-1.3-1.3v-3.5h-.9v-.7h.9v-1.1l.9-.3v1.4h1.1v.7H136v3.2q0 .9.6.9a1.42 1.42 0 0 0 .6-.2v.7z'/%3E%3Cpath style='fill:none;stroke:%23000;' d='M52.5 0v34.2'/%3E%3C/svg%3E");
    background-size: 140px 34px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#footer_logo a:hover {
    text-decoration: none;
    color: #1f1f1f;
}

#footer_logo a span {
    display: block;
    padding: 10px 0;
}

#footer_logo a span:hover {
    text-decoration: underline;
}

#footer_logo a span b {
    font-weight: bold;
}

.no-svg #footer_logo a {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAiCAYAAACN1jGgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RkI3RjExNzQwNzIwNjgxMTgwODNFQjgzQzYyQkQ3QzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEM4MkVEQzI3Mjg2MTFFNjhBMkRFOEZEMEEyMUZFMzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEM4MkVEQzE3Mjg2MTFFNjhBMkRFOEZEMEEyMUZFMzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENkI3QTlCRjE3RTcxMUU1QTQ2RUUwNDdGRDJGMUFF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");
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

// .at-nav-container{
//     @media screen and (min-width: 480px) {
//         position: fixed;

//     }
// }

.at-nav {
    border-top: 5px solid #1d70b8;
    padding-top: 25px;

    .progress-heading {
        display: flex;
    }

    .progress-case-reference {
        margin-left: 10px;
    }


}



.at-nav ul.govuk-list.js-hidden {
    display: none;
}

.at-nav__section-title {
    width: 84%;
}

.at-nav h4 {
    font-weight: 300;
    font-size: 19px;
}

// .at-nav h3 {
// }

// .at-nav__chapter {
// }

.at-nav__section {
    cursor: pointer;
}

.at-nav__controls {
    position: relative;
    text-align: right;
    top: 20px;
}

.at-nav__page .govuk-list,
.accordion__panel .govuk-list {
    margin-left: 20px;
}

.at-nav__page .govuk-list>li {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
}

.at-nav__page .govuk-list>li b:before {
    border-left: 4px solid #1d70b8;
    position: relative;
    right: 10px;
    content: " ";
    margin-left: -6px;
}

.at-nav h4 {
    border-bottom: 1px solid $lightgrey_semi;
    padding-bottom: 20px;
}

.at-nav .currentSection h2 {
    border: none;
    padding-bottom: 10px;
    margin-bottom: 0px;
}


.at-nav {
    .sectionCompleteTick {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: $darkgrey;
        border-radius: 50%;
        -ms-transform: rotate(45deg);
        /* IE 9 */
        -webkit-transform: rotate(45deg);
        /* Chrome, Safari, Opera */
        transform: rotate(45deg);
        margin-left: -20px;
        margin-right: 5px;
    }

    .sectionCompleteTick:before {
        content: "";
        position: absolute;
        width: 3px;
        height: 9px;
        background-color: #fff;
        left: 8px;
        top: 3px;
    }

    .sectionCompleteTick:after {
        content: "";
        position: absolute;
        width: 3px;
        height: 3px;
        background-color: #fff;
        left: 5px;
        top: 9px;
    }



    .app-step-nav__step {
        position: relative;
        padding-left: 45px;
        list-style: none;
    }

    *,
    .govuk-body,
    .govuk-body-xs,
    .govuk-body-s,
    .govuk-body-m,
    .govuk-footer,
    .govuk-heading-xl,
    .govuk-heading-l,
    .govuk-heading-m,
    .govuk-heading-s,
    .govuk-header-l,
    .govuk-header-m,
    .govuk-header__link,
    .govuk-footer__link,
    .govuk-link,
    .govuk-button,
    .govuk-label,
    .govuk-select,
    .govuk-radios__item,
    .govuk-breadcrumbs__link,
    .govuk-fieldset__legend--s,
    .govuk-input,
    .govuk-textarea,
    .govuk-panel,
    .govuk-panel__title,
    .govuk-warning-text__text,
    .govuk-hint,
    .app-cookie-banner,
    .govuk-error-message.govuk-form-group--error,
    h1,
    h2,
    h3,
    h4,
    h5,
    a {
        font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    }

    user agent stylesheet li {
        display: list-item;
        text-align: -webkit-match-parent;
    }

    user agent stylesheet ol {
        list-style-type: decimal;
    }

    .app-step-nav__step--active:last-child:before,
    .app-step-nav__step--active .app-step-nav__circle--number,
    .app-step-nav__step--active:after,
    .app-step-nav__step--active .app-step-nav__help:after {
        border-color: $lightgrey !important;
    }

    .app-step-nav__circle--number {
        border-color: $lightgrey !important;
    }

    .app-step-nav__circle-background {
        color: $lightgrey;
    }

    .sectionComplete {
        .app-step-nav__circle {
            background-color: $lightgrey;
        }

        .app-step-nav__circle-background {
            color: $white;
            text-shadow: none;
        }
    }
}

.form-inline-label {
    .inlineFieldset {
        display: flex;

        @media screen and (max-width: 900px) {
            display: block;
        }
    }

    legend {
        align-self: flex-end;
        margin-right: 20px;
    }

    .inlineFieldset .govuk-date-input__item:last-of-type {
        margin-right: 0px;
        position: relative;
        top: -2px;

        label.govuk-label.govuk-checkboxes__label.no__right_padding {
            padding-right: 0px;
        }
    }
}

// .results .govuk-summary-list__row:nth-child(even) {
//     background: #f3f2f1;
// }

.annex {
    .govuk-summary-list__value {
        width: 33.333333%;

        @media screen and (max-width: 900px) {
            width: 100%;
        }
    }
}

.govuk-summary-list__key,
.govuk-summary-list__value,
.govuk-summary-list__actions {
    padding: 15px 10px 15px 0;
    width: 100%;
    max-width: 560px;

    a,
    a:active,
    a:visited {
        color: $blue;
        font-weight: bold;
        text-decoration: none;

        &:hover {
            color: $lightblue;
            text-decoration: none;
        }
    }

    a:focus {
        border: $yellow solid 3px;
        outline: 3px solid transparent;
    }

    @media screen and (min-width: 768px) {
        border-bottom: 1px solid $lightgrey_semi;
    }

}

.govuk-summary-list-check-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* number of lines to show */
    line-clamp: 5;
    -webkit-box-orient: vertical;

}

.govuk-summary-list__value {
    .multiline-elipsis {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        line-clamp: 10;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }
}

.documentList {
    .govuk-summary-list__key:first-of-type {
        width: 40%;
    }

    .govuk-summary-list__key:last-of-type {
        width: 20%;
    }

    .govuk-summary-list__value {
        position: relative;
    }

    .coverLoadingLink {
        &.downloading {
            background-color: transparent;
            position: absolute;
            /* display: block; */
            width: 100%;
            z-index: 200;
            top: 0px;
            left: 0px;
            height: 100%;
            opacity: 50%;
            content: " ";
            display: block;
        }

        .data-loading-icon {
            left: calc(100% - 40px);
            height: 20px;
            top: calc(50% - 10px);
        }
    }
}


.progress-save {
    // padding: 10px 15px !important;
    // font-size: 16px;
    // float: right;
    // border-color: $midgrey !important;
    // color: $midgrey !important;


    background: $midgrey;
    color: $white;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 45px 15px 20px;
    margin-bottom: 15px;


    &:hover {
        // background-color: $midgrey !important;
        // color: $white !important;
        background: $charcoal;
        color: $white;
        font-size: 20px;
        font-weight: bold;
        padding: 15px 45px 15px 20px;
        margin-bottom: 15px;
    }
}


.progress-save-active {
    padding: 0px 10px 15px !important;
    font-size: 16px;
    float: right;

    color: $midgrey !important;



}



.results .govuk-summary-list__row {
    @media screen and (max-width: 900px) {
        padding: 20px 10px;
    }
}

.results .govuk-summary-list__key {
    &:last-of-type {
        width: 30%;

        &.govuk-summary-list__action {
            width: 10%;

            @media screen and (max-width: 768px) {
                width: 100%;
            }
        }
    }

    button {
        border: none;
        background: none;
        padding-left: 0;

        color: $blue;

        &.sortDesc:after {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 12px 5px 0 5px;
            border-color: $blue transparent transparent transparent;
            content: "";
            top: 16px;
            position: relative;
            left: 10px;
        }

        &.sortAsc:after {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 5px 12px 5px;
            border-color: transparent transparent $blue transparent;
            content: "";
            top: -16px;
            position: relative;
            left: 10px;
        }

        &:focus {
            // border: none;
            // box-shadow: none;
            box-shadow: none;
            border: #ffd530 solid 3px
        }
    }
}

.results_wider {
    width: 170px !important;
}

.results-visually-hidden {
    display: none;

    @media screen and (max-width: 900px) {
        display: block;
        font-weight: bold;
    }
}

.results-headings {
    @media screen and (max-width: 900px) {
        display: none;
    }
}

// .case .govuk-grid-column-full .govuk-summary-list__key {
//     width: 100%;
// }

.appealModule {
    width: 94%;
    min-height: 20vh;

    .appealCTA {
        text-align: center;
    }
}


.govuk-summary-list__key {
    width: 30%;
}

.card,
.newAppealForm,
.wgForm {
    animation: fadeIn .5s ease-in;
    animation: fadeIn .5s;
    -webkit-animation: fadeIn .5s;
    -moz-animation: fadeIn .5s;
    -o-animation: fadeIn .5s;
    -ms-animation: fadeIn .5s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.card-body {
    .govuk-summary-list__key {
        width: 45%;
    }
}

.react-datepicker__input-container input {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    height: 2.5rem;
    margin-top: 0;
    padding: 10px 15px;
    border: 1px solid $darkgrey !important;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    font-size: 19px;
    border: 2px solid;
    font-size: 1.1875rem;
    line-height: 1.3157894737;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after {
    left: -20px !important;
}

//sharebar

.btn--arrow-up a {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id=%22Layer_1%22 data-name=%22Layer 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%22159.5%22 height=%22102.4%22 viewBox=%220 0 159.5 102.4%22%3E%3Ctitle%3Eblack-arrow-up%3C/title%3E%3Cpath d=%22M159.5,79.8,79.8,0,0,79.8l22.6,22.6L79.7,45.3l57.1,57.1Z%22/%3E%3C/svg%3E");
    background-size: 18px 13px;
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 36px;
    margin-top: 1px;
}

.btn--arrow-hero a:hover {
    color: #fff !important;
}

ul#sharePageLinks {
    display: none;
}

ul#sharePageLinks.active {
    display: block;
    border: none;
}

.block-share button,
.block-share h2 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 12px 12px 12px 36px;
    margin: 0;
    color: #323232;
    font-size: 16px;
    font-size: 1rem;
    line-height: 17px;
    line-height: 1.0625rem;
    letter-spacing: -0.0208333333rem;
    font-weight: bold;
    float: left;
    z-index: 2;
    position: relative;
    background-color: inherit;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id=%22Layer_1%22 data-name=%22Layer 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2217.9%22 height=%2220%22 viewBox=%220 0 17.9 20%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eshare%3C/title%3E%3Cpath class=%22cls-1%22 d=%22M15.4,14.1a3,3,0,0,0-2,.8L6.2,10.7a1.7,1.7,0,0,0,.1-.7,1.7,1.7,0,0,0-.1-.7l7.1-4.1a3,3,0,0,0,5-2.2,3,3,0,0,0-6,0,1.7,1.7,0,0,0,.1.7l-7,4.1a2.79,2.79,0,0,0-2-.8,3,3,0,1,0,0,6,2.79,2.79,0,0,0,2-.8l7.1,4.2c0,.2-.1.4-.1.7a2.9,2.9,0,0,0,5.8,0,2.84,2.84,0,0,0-2.68-3Z%22 transform=%22translate%28-0.4 0%29%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 20px 20px;

    &:focus {
        background-color: #ffd530 !important;
        border-color: transparent !important;
        color: #1f1f1f !important;
        outline: 2px solid #1f1f1f;
        text-decoration: none !important;
        -webkit-box-shadow: 0 0 0 2px #ffd530;
        box-shadow: 0 0 0 2px #ffd530;
    }
}

.vo_hidden,
.page-node-type-global-keyword-search .main__body-content #block-govwales-content .components__form form .form-item label,
.header__components .components__form form .form-item label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    position: absolute;
}

.block-share {
    position: relative;
    float: left;
    margin-right: 20px;
    border: 1px solid #999999;
}

@media screen and (min-width: 480px) {
    .main__sharebar>div {
        margin-bottom: 0;
    }
}

.block-share.active {
    border: 1px solid #999999;
    background-color: #cccccc;

    @media screen and (max-width: 376px) {
        margin-right: 0px;
        margin-bottom: 20px;
    }
}

.block-share ul {
    margin: 0;
    padding: 0;
    float: left;
    z-index: 1;
    position: relative;
}

.block-share ul li {
    display: inline-block;
    margin: 10px 15px;
    padding: 0;
}

.block-share ul li a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    display: block;
    padding-top: 2px;
    padding-left: 25px;
    height: 24px;
    color: $blue;
}

.block-share ul li a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    display: block;
    padding-top: 2px;
    padding-left: 25px;
    height: 24px;
    background-color: inherit;
    color: $blue;
    font-weight: bold;
    text-decoration: none;
}

@media (min-width: 480px) {
    .block-share ul li a {
        background-size: 20px 20px;
        background-position: 0 2px;
    }
}

.block-share ul li a,
.block-share-top ul li a,
.page-header__block-share__list ul li a,
.page-header__block-share ul li a {
    background-size: 20px 20px;
    background-position: 0 6px;
    height: 22px;
    display: block;

    @media (max-width: 376px) {
        background-position: 0 2px;
    }
}

.block-share ul li a:hover,
.block-share-top ul li a:hover,
.page-header__block-share__list ul li a:hover,
.page-header__block-share ul li a:hover {
    background-size: 20px 20px;
    background-position: 0 6px;

    @media (max-width: 376px) {
        background-position: 0 2px;
    }
}

@media all and (min-width: 480px) {

    .block-share ul li a,
    .block-share-top ul li a,
    .page-header__block-share__list ul li a,
    .page-header__block-share ul li a {
        background-size: 20px 20px;
        background-position: 0 2px;
    }

    .block-share ul li a:hover,
    .block-share-top ul li a:hover,
    .page-header__block-share__list ul li a:hover,
    .page-header__block-share ul li a:hover {
        background-size: 20px 20px;
        background-position: 0px 2px;
    }
}

.block-share ul li a:focus,
.block-share-top ul li a:focus,
.page-header__block-share__list ul li a:focus,
.page-header__block-share ul li a:focus {
    -webkit-box-shadow: 0 0 #ffd530, 0 2px #1f1f1f;
    box-shadow: 0 0 #ffd530, 0 2px #1f1f1f;
}

.block-share ul li a.twitter,
.block-share-top ul li a.twitter,
.page-header__block-share__list ul li a.twitter,
.page-header__block-share ul li a.twitter {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cpath d=%22M0,0V20H20V0ZM16,6.9v.4a8.79,8.79,0,0,1-8.7,8.8,9,9,0,0,1-4.8-1.4h.7A6.46,6.46,0,0,0,7,13.4a3.13,3.13,0,0,1-2.9-2.1c.2,0,.4.1.6.1a2.2,2.2,0,0,0,.8-.1A3.1,3.1,0,0,1,3,8.3H3a4,4,0,0,0,1.5.3,3.05,3.05,0,0,1-1-4.1A8.86,8.86,0,0,0,9.9,7.7,3,3,0,0,1,12.2,4a3.06,3.06,0,0,1,2.9.9,5,5,0,0,0,2-.8,2.91,2.91,0,0,1-1.4,1.7,6.07,6.07,0,0,0,1.8-.5A4.63,4.63,0,0,1,16,6.9Z%22 style=%22fill:%230360a6%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.block-share ul li a.twitter:hover,
.block-share-top ul li a.twitter:hover,
.page-header__block-share__list ul li a.twitter:hover,
.page-header__block-share ul li a.twitter:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cpath d=%22M0,0V20H20V0ZM16,6.9v.4a8.79,8.79,0,0,1-8.7,8.8,9,9,0,0,1-4.8-1.4h.7A6.46,6.46,0,0,0,7,13.4a3.13,3.13,0,0,1-2.9-2.1c.2,0,.4.1.6.1a2.2,2.2,0,0,0,.8-.1A3.1,3.1,0,0,1,3,8.3H3a4,4,0,0,0,1.5.3,3.05,3.05,0,0,1-1-4.1A8.86,8.86,0,0,0,9.9,7.7,3,3,0,0,1,12.2,4a3.06,3.06,0,0,1,2.9.9,5,5,0,0,0,2-.8,2.91,2.91,0,0,1-1.4,1.7,6.07,6.07,0,0,0,1.8-.5A4.63,4.63,0,0,1,16,6.9Z%22 style=%22fill:%233b7dc5%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.block-share ul li a.twitter:focus,
.block-share-top ul li a.twitter:focus,
.page-header__block-share__list ul li a.twitter:focus,
.page-header__block-share ul li a.twitter:focus {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cpath d=%22M0,0V20H20V0ZM16,6.9v.4a8.79,8.79,0,0,1-8.7,8.8,9,9,0,0,1-4.8-1.4h.7A6.46,6.46,0,0,0,7,13.4a3.13,3.13,0,0,1-2.9-2.1c.2,0,.4.1.6.1a2.2,2.2,0,0,0,.8-.1A3.1,3.1,0,0,1,3,8.3H3a4,4,0,0,0,1.5.3,3.05,3.05,0,0,1-1-4.1A8.86,8.86,0,0,0,9.9,7.7,3,3,0,0,1,12.2,4a3.06,3.06,0,0,1,2.9.9,5,5,0,0,0,2-.8,2.91,2.91,0,0,1-1.4,1.7,6.07,6.07,0,0,0,1.8-.5A4.63,4.63,0,0,1,16,6.9Z%22 style=%22fill:%23111%22/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
}

.block-share ul li a.facebook,
.block-share-top ul li a.facebook,
.page-header__block-share__list ul li a.facebook,
.page-header__block-share ul li a.facebook {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Efacebook%3C/title%3E%3Cpath d=%22M0,0V20H20V0ZM15.6,5.1a.27.27,0,0,1-.3.3H14c-.9,0-1.1.3-1.1,1V7.9h2.3a.27.27,0,0,1,.3.3h0v2.5a.27.27,0,0,1-.3.3H12.9v6.2a.27.27,0,0,1-.3.3H10a.27.27,0,0,1-.3-.3V11h-2a.27.27,0,0,1-.3-.3h0V8.2a.27.27,0,0,1,.3-.3h2V6.2a3.45,3.45,0,0,1,3.1-3.7h2.4a.27.27,0,0,1,.3.3h0Z%22 style=%22fill:%230360a6%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.block-share ul li a.facebook:hover,
.block-share-top ul li a.facebook:hover,
.page-header__block-share__list ul li a.facebook:hover,
.page-header__block-share ul li a.facebook:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Efacebook_on%3C/title%3E%3Cpath d=%22M0,0V20H20V0ZM15.6,5.1a.27.27,0,0,1-.3.3H14c-.9,0-1.1.3-1.1,1V7.9h2.3a.27.27,0,0,1,.3.3h0v2.5a.27.27,0,0,1-.3.3H12.9v6.2a.27.27,0,0,1-.3.3H10a.27.27,0,0,1-.3-.3V11h-2a.27.27,0,0,1-.3-.3h0V8.2a.27.27,0,0,1,.3-.3h2V6.2a3.45,3.45,0,0,1,3.1-3.7h2.4a.27.27,0,0,1,.3.3h0Z%22 style=%22fill:%233b7dc5%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.block-share ul li a.facebook:focus,
.block-share-top ul li a.facebook:focus,
.page-header__block-share__list ul li a.facebook:focus,
.page-header__block-share ul li a.facebook:focus {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Efacebook%3C/title%3E%3Cpath d=%22M0,0V20H20V0ZM15.6,5.1a.27.27,0,0,1-.3.3H14c-.9,0-1.1.3-1.1,1V7.9h2.3a.27.27,0,0,1,.3.3h0v2.5a.27.27,0,0,1-.3.3H12.9v6.2a.27.27,0,0,1-.3.3H10a.27.27,0,0,1-.3-.3V11h-2a.27.27,0,0,1-.3-.3h0V8.2a.27.27,0,0,1,.3-.3h2V6.2a3.45,3.45,0,0,1,3.1-3.7h2.4a.27.27,0,0,1,.3.3h0Z%22 style=%22fill:%23111%22/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
}

.block-share ul li a.email,
.block-share-top ul li a.email,
.page-header__block-share__list ul li a.email,
.page-header__block-share ul li a.email {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eat%3C/title%3E%3Cpath d=%22M9.6,8.2a1.61,1.61,0,0,0-1.3.6,2.11,2.11,0,0,0-.5,1.3,1.75,1.75,0,0,0,.4,1.2,1.46,1.46,0,0,0,1.3.7,1.38,1.38,0,0,0,1.1-.6,2.39,2.39,0,0,0,.5-1.4,2,2,0,0,0-.6-1.5A2.39,2.39,0,0,0,9.6,8.2Z%22 style=%22fill:%230360a6%22/%3E%3Cpath d=%22M0,0V20H20V0ZM15.4,12.5l-.4.7H11.5l-.2-.6a2.73,2.73,0,0,1-1.9.8h0a2.66,2.66,0,0,1-2.2-1.1A3.46,3.46,0,0,1,7.2,8,2.87,2.87,0,0,1,9.4,7a3.55,3.55,0,0,1,1,.2c.2.1.5.2.6.4V6.8h1.5v5.3h1.6a5.75,5.75,0,0,0,.5-2.6,4,4,0,0,0-1.3-3A4.44,4.44,0,0,0,9.9,5.2,4.76,4.76,0,0,0,6.5,6.6,5.55,5.55,0,0,0,5.3,9.9a4.84,4.84,0,0,0,1.3,3.4A4.48,4.48,0,0,0,10,14.8h.2V16H10a5.62,5.62,0,0,1-4.4-1.9A6.26,6.26,0,0,1,4,9.9,5.91,5.91,0,0,1,9.9,4H10a6.56,6.56,0,0,1,4.4,1.7A5.46,5.46,0,0,1,16,9.5,8,8,0,0,1,15.4,12.5Z%22 style=%22fill:%230360a6%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.block-share ul li a.email:hover,
.block-share-top ul li a.email:hover,
.page-header__block-share__list ul li a.email:hover,
.page-header__block-share ul li a.email:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eat_on%3C/title%3E%3Cpath d=%22M9.6,8.2a1.61,1.61,0,0,0-1.3.6,2.11,2.11,0,0,0-.5,1.3,1.75,1.75,0,0,0,.4,1.2,1.46,1.46,0,0,0,1.3.7,1.38,1.38,0,0,0,1.1-.6,2.39,2.39,0,0,0,.5-1.4,2,2,0,0,0-.6-1.5A2.39,2.39,0,0,0,9.6,8.2Z%22 style=%22fill:%233b7dc5%22/%3E%3Cpath d=%22M0,0V20H20V0ZM15.4,12.5l-.4.7H11.5l-.2-.6a2.73,2.73,0,0,1-1.9.8h0a2.66,2.66,0,0,1-2.2-1.1A3.46,3.46,0,0,1,7.2,8,2.87,2.87,0,0,1,9.4,7a3.55,3.55,0,0,1,1,.2c.2.1.5.2.6.4V6.8h1.5v5.3h1.6a5.75,5.75,0,0,0,.5-2.6,4,4,0,0,0-1.3-3A4.44,4.44,0,0,0,9.9,5.2,4.76,4.76,0,0,0,6.5,6.6,5.55,5.55,0,0,0,5.3,9.9a4.84,4.84,0,0,0,1.3,3.4A4.48,4.48,0,0,0,10,14.8h.2V16H10a5.62,5.62,0,0,1-4.4-1.9A6.26,6.26,0,0,1,4,9.9,5.91,5.91,0,0,1,9.9,4H10a6.56,6.56,0,0,1,4.4,1.7A5.46,5.46,0,0,1,16,9.5,8,8,0,0,1,15.4,12.5Z%22 style=%22fill:%233b7dc5%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.block-share ul li a.email:focus,
.block-share-top ul li a.email:focus,
.page-header__block-share__list ul li a.email:focus,
.page-header__block-share ul li a.email:focus {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eat%3C/title%3E%3Cpath d=%22M9.6,8.2a1.61,1.61,0,0,0-1.3.6,2.11,2.11,0,0,0-.5,1.3,1.75,1.75,0,0,0,.4,1.2,1.46,1.46,0,0,0,1.3.7,1.38,1.38,0,0,0,1.1-.6,2.39,2.39,0,0,0,.5-1.4,2,2,0,0,0-.6-1.5A2.39,2.39,0,0,0,9.6,8.2Z%22 style=%22fill:%23111%22/%3E%3Cpath d=%22M0,0V20H20V0ZM15.4,12.5l-.4.7H11.5l-.2-.6a2.73,2.73,0,0,1-1.9.8h0a2.66,2.66,0,0,1-2.2-1.1A3.46,3.46,0,0,1,7.2,8,2.87,2.87,0,0,1,9.4,7a3.55,3.55,0,0,1,1,.2c.2.1.5.2.6.4V6.8h1.5v5.3h1.6a5.75,5.75,0,0,0,.5-2.6,4,4,0,0,0-1.3-3A4.44,4.44,0,0,0,9.9,5.2,4.76,4.76,0,0,0,6.5,6.6,5.55,5.55,0,0,0,5.3,9.9a4.84,4.84,0,0,0,1.3,3.4A4.48,4.48,0,0,0,10,14.8h.2V16H10a5.62,5.62,0,0,1-4.4-1.9A6.26,6.26,0,0,1,4,9.9,5.91,5.91,0,0,1,9.9,4H10a6.56,6.56,0,0,1,4.4,1.7A5.46,5.46,0,0,1,16,9.5,8,8,0,0,1,15.4,12.5Z%22 style=%22fill:%23111%22/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
}


.block-share ul li a.link,
.block-share-top ul li a.link,
.page-header__block-share__list ul li a.link,
.page-header__block-share ul li a.link {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id=%22Layer_1%22 data-name=%22Layer 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2217.9%22 height=%2220%22 viewBox=%220 0 17.9 20%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%233b7dc5;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eshare%3C/title%3E%3Cpath class=%22cls-1%22 d=%22M15.4,14.1a3,3,0,0,0-2,.8L6.2,10.7a1.7,1.7,0,0,0,.1-.7,1.7,1.7,0,0,0-.1-.7l7.1-4.1a3,3,0,0,0,5-2.2,3,3,0,0,0-6,0,1.7,1.7,0,0,0,.1.7l-7,4.1a2.79,2.79,0,0,0-2-.8,3,3,0,1,0,0,6,2.79,2.79,0,0,0,2-.8l7.1,4.2c0,.2-.1.4-.1.7a2.9,2.9,0,0,0,5.8,0,2.84,2.84,0,0,0-2.68-3Z%22 transform=%22translate%28-0.4 0%29%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.block-share ul li a.link:hover,
.block-share-top ul li a.link:hover,
.page-header__block-share__list ul li a.link:hover,
.page-header__block-share ul li a.link:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id=%22Layer_1%22 data-name=%22Layer 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2217.9%22 height=%2220%22 viewBox=%220 0 17.9 20%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23111;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eshare%3C/title%3E%3Cpath class=%22cls-1%22 d=%22M15.4,14.1a3,3,0,0,0-2,.8L6.2,10.7a1.7,1.7,0,0,0,.1-.7,1.7,1.7,0,0,0-.1-.7l7.1-4.1a3,3,0,0,0,5-2.2,3,3,0,0,0-6,0,1.7,1.7,0,0,0,.1.7l-7,4.1a2.79,2.79,0,0,0-2-.8,3,3,0,1,0,0,6,2.79,2.79,0,0,0,2-.8l7.1,4.2c0,.2-.1.4-.1.7a2.9,2.9,0,0,0,5.8,0,2.84,2.84,0,0,0-2.68-3Z%22 transform=%22translate%28-0.4 0%29%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.block-share ul li a.link:focus,
.block-share-top ul li a.link:focus,
.page-header__block-share__list ul li a.link:focus,
.page-header__block-share ul li a.link:focus {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id=%22Layer_1%22 data-name=%22Layer 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2217.9%22 height=%2220%22 viewBox=%220 0 17.9 20%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23111;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eshare%3C/title%3E%3Cpath class=%22cls-1%22 d=%22M15.4,14.1a3,3,0,0,0-2,.8L6.2,10.7a1.7,1.7,0,0,0,.1-.7,1.7,1.7,0,0,0-.1-.7l7.1-4.1a3,3,0,0,0,5-2.2,3,3,0,0,0-6,0,1.7,1.7,0,0,0,.1.7l-7,4.1a2.79,2.79,0,0,0-2-.8,3,3,0,1,0,0,6,2.79,2.79,0,0,0,2-.8l7.1,4.2c0,.2-.1.4-.1.7a2.9,2.9,0,0,0,5.8,0,2.84,2.84,0,0,0-2.68-3Z%22 transform=%22translate%28-0.4 0%29%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

//dropzone

.dropzone {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-width: 2px;
    border-radius: 2px;
    border-color: #eeeeee;
    border-style: dashed;
    background-color: #fafafa;
    color: #bdbdbd;
    outline: none;
    transition: border 0.24s ease-in-out;
}

// dns

.govuk-panel--header {
    background-color: #8b272d;
    padding: 15px;
    color: #fff;
    text-align: left;
    margin-bottom: 0px;

    .govuk-panel__title {
        font-size: 36px;
    }

    p {
        color: #fff;
    }
}

.govuk-panel--latest {
    background-color: #000;
    color: #fff;
    padding: 15px;
    text-align: left;
    margin-bottom: 0px;

    .govuk-panel__title {
        font-size: 24px;
    }

    .govuk-heading-m {
        color: #fff;
    }

    .govuk-panel__body {
        font-size: initial;
    }

    .govuk-list li a {
        color: #fff;
    }
}

.govuk-panel--dns-links {
    background-color: #fff;
}

.govuk-panel--open-for-comments {
    background-color: #8b272d;
    color: #fff;
    padding: 15px;
    text-align: left;
    margin-bottom: 0px;

    .govuk-panel__title {
        font-size: 24px;
    }

    .govuk-heading-m {
        color: #fff;
    }

    .govuk-panel__body {
        font-size: initial;
    }

    .govuk-list li a {
        color: #fff;
    }
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;

    &.halfWidth {
        padding-bottom: 100%;
    }
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

//dns application view

.govuk-warning-text__icon {
    margin-top: 5px;
}

.govuk-timeline-list__row {
    position: relative;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: 1px solid $lightgrey_semi;
    border-top: none;

    &:first-of-type {
        border-top: 1px solid $lightgrey_semi;
    }

    &:nth-child(odd) {
        background: #f3f2f1;
    }

    .govuk-timeline-text__text {
        position: relative;
        font-weight: normal;
        padding-left: 45px;
    }

    .govuk-warning-text__icon {
        margin-left: 10px;
        border-color: grey;
        background-color: white;
        color: grey;
        font-weight: bold;
        font-size: 16px;
        min-height: 25px;
        min-width: 25px;
        line-height: 21px;
    }

    .dateRight {
        text-align: right;
    }
}

// dns docs filter accordion
.accordion {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    font-size: 16px;
}

.accordion__item+.accordion__item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.accordion__button {
    background-color: #f4f4f4;
    color: #444;
    cursor: pointer;
    padding: 18px;
    // width: 100%;
    text-align: left;
    border: none;
}

.accordion__button:hover {
    background-color: #ddd;
}

.accordion__button:before {
    display: inline-block;
    content: "";
    height: 10px;
    width: 10px;
    margin-right: 12px;
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(-45deg);
}

.accordion__button[aria-expanded="true"]::before,
.accordion__button[aria-selected="true"]::before {
    transform: rotate(45deg);
}

[hidden] {
    display: none;
}

.accordion__panel {
    padding: 20px 10px;
    animation: fadein 0.35s ease-in;

    .accordion__button {
        background-color: #f4f4f43d;
    }
}

/* -------------------------------------------------- */
/* ---------------- Animation part ------------------ */
/* -------------------------------------------------- */

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

//dns document list

.documents__list {
    .documents__list__item {
        border-bottom: 1px solid $lightgrey_semi;
        padding: 20px 10px;

        &:hover {
            background-color: #e3e3e3;
        }
    }

    .document__list__item__link {
        font-weight: bold;
        margin-right: 10px;
        padding-bottom: 20px;
        display: inline-block;
    }

    .document__list__meta {
        display: flex;
        justify-content: space-between;
        font-size: 0.875rem;
        color: #333;
    }
}

// dns autocomplete search
.react-autosuggest {
    .govuk-button {
        @media screen and (min-width: 768px) {
            margin-left: 10px;
        }
    }
}

.react-autosuggest__container {
    position: relative;
    width: 100%;
    margin-bottom: 20px;

    @media screen and (min-width: 768px) {
        width: 50%;
        margin-bottom: 0px;
    }
}

.react-autosuggest__input {
    width: 100%;
    height: 36px;
    padding: 10px;
    border: 1px solid lightgray;
    border-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    font-size: 0.875rem;
}

.react-autosuggest__input--focused {
    outline: none;
}

.react-autosuggest__input--open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
    display: none;
}

.react-autosuggest__suggestions-container--open {
    display: block;
    position: absolute;
    top: 40px;
    width: auto;
    min-width: 160px;
    margin-left: 1px;
    background-color: #ffffff;
    border-radius: 0 0 5px 5px;
    z-index: 20;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    background-clip: padding-box;
    border: 1px solid black;
    border-top: none;
    font-size: 0.875rem;
    max-height: 400px;
    overflow-y: scroll;
}

.react-autosuggest__suggestions-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.react-autosuggest__suggestion {
    cursor: pointer;
    padding: 10px 20px;
    color: #333;
    border-bottom: 1px solid #c3c3c3;
}

.react-autosuggest__suggestion--highlighted {
    background-color: #c3c3c3;
}

/// loading spinner

._loading_overlay_wrapper {
    &._loading_overlay_wrapper--active {
        min-height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
    }
}

.paragraph--type--call-out-message {
    border-left-color: $blue;
    background-color: $lightgrey_light;

    &.call-out-type-positive-alert-message {
        background: #cdf7d4;
        border-left: 10px solid #019e1e;
    }
}

#cookies-js form {
    background-color: $lightgrey_light;
    padding: 40px;

    .govuk-radios__label:before {
        border: 1px solid #666666;
        background-color: $white;
    }

    .govuk-radios--small .govuk-radios__item {
        margin-bottom: 20px;
        padding-left: 0px !important;
    }

    .govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled)+.govuk-radios__label:before {
        box-shadow: 0 0 0 5px $lightgrey;
    }

    .govuk-radios__item {
        background-color: $lightgrey_semi;

        &:hover {
            background-color: $lightgrey;
        }

        label {
            margin-top: 0px;
            background-color: $lightgrey_semi;
            padding: 20px 20px 20px 50px;

            &:before {
                top: 18px;
                width: 24px;
                height: 24px;
                left: 18px;
            }

            &:after {
                top: 22px;
                left: 22px;
                border-width: 8px;
            }

            &:hover {
                background-color: $lightgrey;
            }
        }
    }
}

.paginationWrapper {
    @media screen and (max-width: 768px) {
        display: flex;
    }

    .paginationPrevious {
        text-align: left;

        .leftTextButton {
            font-weight: bold;
            font-size: 20px;

            // &:before {
            //     content: "";
            //     background-image: url(/assets/images/arrow-left--black.svg);
            //     padding: 0 0 0 20px;
            //     background-repeat: no-repeat;
            //     background-position: left center;
            // }

            &.activePaginationItem {
                color: #b80d0d;
                background-color: transparent;
                border: none;
                cursor: pointer;

                // &:before {
                //     content: "";
                //     background-image: url(/assets/images/arrow-left--active.svg);
                // }
                &:focus {
                    background-color: #ffd530 !important;
                    border-color: transparent !important;
                    color: #1f1f1f !important;
                    outline: 2px solid #1f1f1f;
                    text-decoration: none !important;
                    box-shadow: none;
                }
            }

            @media screen and (max-width: 768px) {
                &.activePaginationItem {
                    color: $white;

                    &:before {
                        content: "";
                        background-image: url(/assets/images/arrow-left--white.svg);
                    }
                }

                background-color: $black;
                color: #ffffff;
                font-size: 20px;
                font-weight: bold;
                padding: 15px 20px 15px 20px !important;
                -webkit-transition: all 0.2s ease-in;
                -moz-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
                width: max-content;

                &:link {
                    color: $white;
                }
            }
        }
    }

    .paginationContainer {
        text-align: center;
        font-size: 20px;

        .activePaginationItem {
            color: #b80d0d;
            border: none;
            background: none;
            cursor: pointer;


            &:focus {
                background-color: #ffd530 !important;
                border-color: transparent !important;
                color: #1f1f1f !important;
                outline: 2px solid #1f1f1f;
                text-decoration: none !important;
                box-shadow: none;
            }
        }

        @media screen and (max-width: 768px) {
            display: none;
        }
    }

    .paginationNext {
        text-align: right;

        .rightTextButton {
            font-weight: bold;
            font-size: 20px;

            // &:after {
            //     content: "";
            //     background-image: url(/assets/images/arrow-right--black.svg);
            //     padding: 0 0 0 20px;
            //     background-repeat: no-repeat;
            //     background-position: 5px;
            // }

            &.activePaginationItem {
                color: #b80d0d;
                background-color: transparent;
                border: none;
                cursor: pointer;

                &:after {
                    content: "";
                    background-image: url(/assets/images/arrow-right--active.svg);
                }

                &:focus {
                    background-color: #ffd530 !important;
                    border-color: transparent !important;
                    color: #1f1f1f !important;
                    outline: 2px solid #1f1f1f;
                    text-decoration: none !important;
                    box-shadow: none;
                }
            }

            @media screen and (max-width: 768px) {
                &.activePaginationItem {
                    color: #ffffff;

                    &:after {
                        content: "";
                        background-image: url(/assets/images/arrow-right--white.svg);
                    }
                }

                background-color: $black;
                color: #ffffff;
                font-size: 20px;
                font-weight: bold;
                padding: 15px 15px 15px 20px !important;
                -webkit-transition: all 0.2s ease-in;
                -moz-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
                margin-left: 20px;
                width: max-content;

                &:link {
                    color: $white;
                }
            }
        }
    }
}

.mobilePageCount {
    margin-top: 40px;
    margin-bottom: 20px;

    @media screen and (min-width: 768px) {
        display: none;
    }
}

.govuk-summary-list__actionLink {
    border: 1px solid $red;
    padding: 5px;
    height: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 5px;
    width: auto;
    color: white !important;
    font-weight: bold;
    background-color: $red;
    font-size: 15px;
    cursor: pointer;
    text-decoration: none;

    &:active {
        top: 2px;
    }

    &:hover {
        background-color: $lightred;
        color: $white;
    }

    &:focus {
        border-color: #ffdd00;
        outline: 3px solid transparent;
        -webkit-box-shadow: inset 0 0 0 1px #ffdd00;
        box-shadow: inset 0 0 0 1px #ffdd00;
    }

    &:focus:not(:active):not(:hover) {
        border-color: #ffdd00;
        color: #0b0c0c;
        background-color: #ffdd00;
        -webkit-box-shadow: 0 2px 0 #0b0c0c;
        box-shadow: 0 0px 0 #0b0c0c;

        & .eye:before {
            background-color: #ffdd00;
            border: solid 1px #ffdd00;
        }
    }

    &.watched_link {
        color: $black !important;
        background-color: $white;
        width: 24px;
        display: block;

        .eye {
            background-color: #aa1111;
        }

        .eye:before {
            background: #fff;

        }
    }


    &.watchLink {
        width: 24px;
        display: block;
    }

    .eye {
        /* margin: 90px; */
        width: 13px;
        height: 13px;
        /* border: solid 1px #000; */
        border-radius: 75% 15%;
        position: relative;
        transform: rotate(45deg);
        display: block;
        top: 0.5px;
        background-color: white;
    }

    .eye:before {
        content: '';
        display: block;
        position: absolute;
        width: 5px;
        height: 5px;
        border: solid 1px #aa1111;
        border-radius: 50%;
        left: 3px;
        top: 3px;
        background-color: #aa1111;
    }
}

// modal timeout

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    top: 30%;

    @media screen and (min-width: 768px) {
        top: 35%;
    }
}

fade {
    transition: opacity 0.15s linear;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-dialog {
    position: relative;
    width: 80%;
    margin: auto 1rem;
    pointer-events: none;
    z-index: 1050;

    @media screen and (min-width: 768px) {
        width: auto;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 0 auto;
    }
}

.modal.fade.show {
    display: block;
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
    padding: 20px;
    align-items: flex-end;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.data-loading-icon {
    position: relative;
    top: 10px;
    left: 10px;
}

// record selection

.documentFilters {
    @media screen and (min-width: 768px) {
        display: flex;
        justify-content: space-between;
    }

}

#recordDocumentTypeSelect {
    text-align: left;

    @media screen and (min-width: 768px) {
        text-align: right;
    }

    select {
        margin-right: 10px;
        margin-left: 10px;
        background-position: 98% 15px;
    }
}

#recordCountSelect {
    text-align: left;

    @media screen and (min-width: 768px) {
        text-align: right;
    }

    select {
        margin-right: 10px;
        margin-left: 10px;
        width: 70px;
        background-position: 90% 15px;
    }
}

//fileupload

.fileThumb {
    display: flex;
    flex-direction: row;
    align-items: center;
}


//notice banner

.noticebanner {
    background: $lightgrey_offwhite;
    border-left: 10px solid $blue;
    color: $black;
    display: flex;
    font-size: 18px;
    padding: 20px 20px 30px 5px;
    margin-top: 20px;

    .govuk-warning-text__icon {
        @media screen and (min-width: 768px) {
            margin-top: 0px;
        }
    }

    .govuk-warning-text__text {
        padding-left: 20px;
        padding-right: 10px;
        color: $black;
        font-weight: normal;
        font-size: 18px;

        &:before {
            background-image: url(/assets/images/information.svg);
            content: " ";
            position: relative;
            border: 0px solid red;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: 0, 0;
            height: 100%;
            width: 30px;
            display: block;
            float: left;
            left: -14px;
            top: -40%;
        }
    }

    .hideNotice span {
        font-size: 14px;
        color: $blue;
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
        margin-right: 18px;

        a {
            text-decoration: underline;
            color: $black;
            padding-right: 10px;

        }

        &:hover {
            color: $lightblue;
        }

        &:after {
            content: "\00d7";
            font-size: 28px;
            position: relative;
            top: 6px;
            left: 6px
        }
    }


}

.govuk-link.watchCase {
    background-color: transparent;
    border: none;
    cursor: pointer;

    &:focus {
        background-color: #ffd530 !important;
        border-color: transparent !important;
        color: #1f1f1f !important;
        outline: 2px solid #1f1f1f;
        text-decoration: none !important;
        box-shadow: none;
    }
}

.fieldArrayLink {
    border: none;
    background: no-repeat;
    font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    font-size: 18px;
}

.fieldArrayContainer {
    display: flex;

    .govuk-form-group {
        margin-right: 20px;
        margin-bottom: 0px;

        legend {
            margin-bottom: 5px;

        }
    }

    .fieldArrayDelete {
        border-radius: 10px;
        padding: 5px !important;
        height: 30px;
        margin-top: 32px;
        padding-top: 4px !important;
    }
}

.textloading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4, end) 900ms infinite;
    animation: ellipsis steps(4, end) 900ms infinite;
    content: "\2026";
    /* ascii code for the ellipsis character */
    width: 0px;
}

@keyframes ellipsis {
    to {
        width: 40px;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 40px;
    }
}

.ql-toolbar.ql-snow,
.ql-container.ql-snow {
    background-color: $white;
}