/* Page Header Menu */
@media (max-width: 61.999rem) {
    .page-header__menu:not(.page-header__button-menu) {
        padding-left: 0;
        padding-right: 0;
    }

    .page-header__menu__link:focus,
    .page-header__menu__link:hover {
        background-color: var(--root-color-background--grey);
    }

    .page-header__menu__link-icon {
        margin-right: 1rem;
    }

    .page-header__menu__link[aria-current="page"] {
        background-color: var(--color-background__active);
    }
}

/* Page Header Toggle Buttons */
@media (max-width: 61.999rem) {
    .page-header__container {
        --paddingHorizontal: 0;
    }

    .page-header__toggle-menu,
    .page-header__toggle-search {
        padding-left: 2.75rem;
        padding-right: 1rem;
    }

    .page-header__toggle-menu:focus,
    .page-header__toggle-menu:hover,
    .page-header__toggle-menu[aria-expanded="true"],
    .page-header__toggle-search:focus,
    .page-header__toggle-search:hover,
    .page-header__toggle-search[aria-expanded="true"] {
        --color-background: var(--root-color-background--grey);
    }

    .page-header__toggle-menu .page-header__toggle__icon,
    .page-header__toggle-search .page-header__toggle__icon {
        left: 1rem;
    }
}

/* Top Tasks */
@media (min-width: 62rem) {
    .top-tasks-background::after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 32' preserveAspectRatio='xMinYMax' fill='%23fff'%3E%3Ctitle%3Etoptask-curve%3C/title%3E%3Cpath d='M-160 32H80C-10.049 32-93.147 20.086-160 0v32zM480 32v-160C480-39.634 300.914 32 80 32h400z'/%3E%3C/svg%3E");
        background-position: 0 100%;
        background-repeat: no-repeat;
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        top: 0;
        line-height: 0;
    }
}

@media (min-width: 30rem) {
    .top-tasks-list {
        box-shadow: 0.188rem 0.25rem 0 0.125rem rgba(0, 0, 0, 0.12);
    }
}

.top-tasks-tile--normal:focus .top-tasks-tile__header,
.top-tasks-tile--normal:hover .top-tasks-tile__header,
.top-tasks-tile--normal:focus .top-tasks-tile__icon,
.top-tasks-tile--normal:hover .top-tasks-tile__icon {
    --color: var(--root-color--white);
}

@media (min-width: 30rem) {
    .top-tasks-tile--normal,
    .top-tasks-tile--special {
        gap: 1rem;
    }
}

.opening-times__icon {
    display: none;
}

.opening-times .button {
    --background-color: var(--root-color--white);
    --border-top-color: var(--root-color--primary);
    --border-right-color: var(--root-color--primary);
    --border-bottom-color: var(--root-color--primary);
    --border-left-color: var(--root-color--primary);
    --border-style: solid;
    --border-top-width: var(--root-border-width);
    --border-right-width: var(--root-border-width);
    --border-bottom-width: var(--root-border-width);
    --border-left-width: var(--root-border-width);
    --color: var(--root-color--primary);
}

.opening-times .button:hover,
.opening-times .button:focus,
.opening-times .button:active {
    --background-color: var(--root-color--white-dark);
    --border-top-color: var(--root-color--primary-darkest);
    --border-right-color: var(--root-color--primary-darkest);
    --border-bottom-color: var(--root-color--primary-darkest);
    --border-left-color: var(--root-color--primary-darkest);
    --color: var(--root-color--primary-darkest);
}

.top-tasks-header__center__right {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

@media (min-width: 30rem) and (max-width: 61.999rem) {
    .top-tasks-header__center__right {
        grid-template-columns: 0.625fr 0.375fr;
    }

    .opening-times__item {
        width: 50%;
        display: inline-block;
    }

    .opening-times .button {
        margin: 0;
    }
}

/* CE Banner masking image */
@media (min-width: 62rem) and (max-width: 99.999rem) {
    .ce-header.banner--layout-2 .banner__image {
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20992%20331%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M992%2C231.836L992%2C0L0%2C0L0%2C321.07C80.158%2C327.582%20163.082%2C331%20248%2C331L252.011%2C330.997C529.61%2C330.645%20785.729%2C293.808%20992%2C231.836Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20992%20331%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M992%2C231.836L992%2C0L0%2C0L0%2C321.07C80.158%2C327.582%20163.082%2C331%20248%2C331L252.011%2C330.997C529.61%2C330.645%20785.729%2C293.808%20992%2C231.836Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    }
}

@media (min-width: 100rem) {
    .ce-header.banner--layout-2 .banner__image {
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%202560%20640%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2560%2C384.094L2560%2C0L0%2C0L0%2C614.374L3.09%2C614.625C109.621%2C623.209%20216.325%2C629.595%20323.119%2C633.798C428.693%2C637.952%20534.345%2C639.973%20640%2C640L645.177%2C639.998C1363.55%2C639.543%202026.4%2C544.405%202560%2C384.094Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%202560%20640%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2560%2C384.094L2560%2C0L0%2C0L0%2C614.374L3.09%2C614.625C109.621%2C623.209%20216.325%2C629.595%20323.119%2C633.798C428.693%2C637.952%20534.345%2C639.973%20640%2C640L645.177%2C639.998C1363.55%2C639.543%202026.4%2C544.405%202560%2C384.094Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    }
}

@media (min-width: 62rem) {
    .ce-header.banner--layout-2 .banner__image {
        -webkit-mask-size: cover;
        mask-size: cover;
        -webkit-mask-position: bottom right;
        mask-position: bottom right;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

    .ce-header.banner--layout-2 .banner__content-frame {
        margin: 0 0 0 auto;
    }
}

/* CE Spotlight masking image */
@media (min-width: 62rem) {
    .spotlight--layout-0 .spotlight__image,
    .spotlight--layout-5 .spotlight__image {
        -webkit-mask-size: cover;
        mask-size: cover;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

    .spotlight--layout-0 .spotlight__image {
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20480%20270%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M480%2C0L204.797%2C0C-51.576%2C116.26%20-13.186%2C209.933%2035.22%2C270L480%2C270L480%2C0Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20480%20270%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M480%2C0L204.797%2C0C-51.576%2C116.26%20-13.186%2C209.933%2035.22%2C270L480%2C270L480%2C0Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        -webkit-mask-position: top left;
        mask-position: top left;
    }

    .spotlight--layout-5 .spotlight__image {
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20480%20270%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C0L275.203%2C0C531.576%2C116.26%20493.186%2C209.933%20444.78%2C270L0%2C270L0%2C0Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20480%20270%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C0L275.203%2C0C531.576%2C116.26%20493.186%2C209.933%20444.78%2C270L0%2C270L0%2C0Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        -webkit-mask-position: top right;
        mask-position: top right;
    }
}

/* CE Follow-up */
.follow-up {
    box-shadow: 0.188rem 0.25rem 0 0.125rem rgba(0, 0, 0, 0.12);
}

/* Accordion */
.ce-accordion:not(.section--color) .accordion__item {
    border-top: 3px solid #f4f4f4;
    margin-top: 0;
}

/* Footer */
.footer-button .button {
    --border-top-width: var(--root-border-width);
    --border-right-width: var(--root-border-width);
    --border-bottom-width: var(--root-border-width);
    --border-left-width: var(--root-border-width);
}