/* Swirl image Header */
.top-tasks-header:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 128'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23EDEFED' d='M0 92.882c219.516 23.412 466.704 27.64 741.563 12.682 84.672-4.608 215.127-17.856 285.147-17.56 72.938.31 130.702 10.065 173.292 29.266V128H0V92.882Z'/%3E%3Cpath fill='%238EBC11' d='M.22 0c158.662 86.273 443.098 118.263 730.465 94.856 119.035-9.696 219.608-25.905 297.027-23.63C1137.194 74.443 1200 99.315 1200 99.315V124s-40.514-27.156-171.239-31.556c-83.153-2.8-202.585 12.725-372.025 20.915C220.918 134.426 0 36.115 0 36.115L.22 0Z'/%3E%3Cpath fill='%234FB8E8' d='M0 73.808S378.579 139.3 656.096 98.16c199.447-29.568 326.146-53.094 418.697-56.853 63.552-2.581 125.209 11.969 125.209 11.969v27.289s-57.877-14.702-125.76-12.628c-86.269 2.635-205.065 22.825-424.942 42.38C256.9 145.218 0 102.34 0 102.34V73.808Z'/%3E%3C/g%3E%3C/svg%3E");
    background-position: bottom left;
    background-size: 250%;
    background-repeat: no-repeat;
    top: 0;
    right: -5px;
    bottom: -5px;
    left: -5px;
    pointer-events: none;
}

/* Small repositioning for swirl image */
.scroll-button__down {
    transform: translate(-50%, 15%);
}

@media (min-width: 42rem) {
    /* Small repositioning for swirl image */
    .scroll-button__down {
        transform: translate(-50%, 20%);
    }
}

@media (min-width: 62rem) {
    .top-tasks-header:after {
        background-position: bottom;
        background-size: 100%;
    }

    /* Small repositioning for swirl image */
    .scroll-button__down {
        transform: translate(-50%, -25%);
    }
}

/* Swirl image Footer */
.page-footer {
    position: relative;
    z-index: 2;
}
.page-footer:after {
    content: "";
    display:block;
    position: absolute;
    left:0;
    right:0;
    top:-3vw;
    height: 8vw;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 88'%3E%3Cg fill='none'%3E%3Cpath fill='%23ECEEEC' d='M0 18c77.462 3.348 240 37 483 11s472-34 717 5v53.455H0V18Z'/%3E%3Cpath fill='%238EBC11' d='M1200 86.745c-162.879-61.503-445.079-77.437-743-52.43-274 23-457-9-457-9V0s147 44.315 530.855 18.245C954.007-10.496 1200 59.222 1200 59.222v27.524-.001Z'/%3E%3Cpath fill='%234FB8E8' d='M1200 39.315s-333-62-671-8c-219.347 35.044-529 55-529 55v-27c154 0 320.887-14.16 529.422-36.683C949-22.685 1200 14.315 1200 14.315v25Z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    pointer-events: none;
    z-index:-1;
}

/* Set enough padding for footer content */
.page-footer__container {
    padding-top: 5rem;
    padding-bottom: 3rem;
}

/* Remove margin on last spotlights contact page column gi*/
.column > :last-child > .contact-page-row__container .spotlight:last-child {
    margin-bottom: -3rem;
}

/* scroll button must be elevated to be visible and repositioned */
.scroll-button__up {
    transform: translate(-50%, 40%);
    z-index: 3;
}

/* Set card border colors */
.card:not(.card--image-none):not(.card--color) .card__link,
.card__no-link,
.section.section--color .card:not(.card--color) .card__link {
    border-bottom-color: var(--root-color--secondary);
    border-bottom-style: solid;
    border-bottom-width: 0.25rem;
}

[data-document-type="64"] {
    background-color: var(--root-color-background--grey);
}

.contact-page__row2,
.contact-page__row3 {
    background-color: var(--root-color--white);
}

.contact-page__row2 {
    margin-top: 3rem;
    padding-top: 1rem;
}

.column > .contact-page__row3:last-child:not(.section--color) {
    margin-bottom: 0;
    padding-bottom: 3rem;
}

/* Top Button "Mijn Zaak" */
.page-header__button-menu .button .button__body {
    padding-left: 3.5rem;
    position: relative;
}

.page-header__button-menu .button .button__body::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='100%25' height='100%25' viewBox='0 0 15 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M7.5,0C3.36,0 0,3.36 0,7.5C0,11.64 3.36,15 7.5,15C11.64,15 15,11.64 15,7.5C15,3.36 11.64,0 7.5,0ZM7.5,2.25C8.745,2.25 9.75,3.255 9.75,4.5C9.75,5.745 8.745,6.75 7.5,6.75C6.255,6.75 5.25,5.745 5.25,4.5C5.25,3.255 6.255,2.25 7.5,2.25ZM7.5,12.9C5.625,12.9 3.968,11.94 3,10.485C3.023,8.993 6,8.175 7.5,8.175C8.993,8.175 11.977,8.993 12,10.485C11.033,11.94 9.375,12.9 7.5,12.9Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/svg%3E%0A");
    content: "";
    position: absolute;
    left: 1rem;
    height: 1.5rem;
    width: 1.5rem;
}

@media (max-width: 61.999rem) {
    .page-header__button-menu .button.button-secondary {
        --border-top-color: transparent;
        --border-right-color: transparent;
        --border-bottom-color: transparent;
        --border-left-color: transparent;
        --color: var(--root-color--secondary);
    }

    .page-header__button-menu .button .button__body {
        padding-right: 0;
        padding-left: 2.5rem;
        --background-color: transparent;
    }

    .page-header__button-menu .button.button-secondary .button__body {
        --font-size: 0.937em;
    }

    .page-header__button-menu .button .button__body::before {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='100%25' height='100%25' viewBox='0 0 15 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M7.5,0C3.36,0 0,3.36 0,7.5C0,11.64 3.36,15 7.5,15C11.64,15 15,11.64 15,7.5C15,3.36 11.64,0 7.5,0ZM7.5,2.25C8.745,2.25 9.75,3.255 9.75,4.5C9.75,5.745 8.745,6.75 7.5,6.75C6.255,6.75 5.25,5.745 5.25,4.5C5.25,3.255 6.255,2.25 7.5,2.25ZM7.5,12.9C5.625,12.9 3.968,11.94 3,10.485C3.023,8.993 6,8.175 7.5,8.175C8.993,8.175 11.977,8.993 12,10.485C11.033,11.94 9.375,12.9 7.5,12.9Z' style='fill:rgb(21,115,162);fill-rule:nonzero;'/%3E%3C/svg%3E%0A");
        left: 0;
    }

    .page-header__button-menu .icon {
        display: none;
    }
}

/* CE Spotlight */
.spotlight.section--color-primary {
    --color-background: var(--root-color--primary);
}

.spotlight.section--color-secondary {
    --color-background: var(--root-color--secondary);
}

.spotlight.section--color-support {
    --color-background: var(--root-color--support);
}