
:root {
    --aamersfoort-werkenvoor-border: solid .25rem #e40520;
}

@media (min-width: 48rem) {
    :root {
        /* Allabaster hsl(43, 25%, 89%) #eae6dc */
        --root-color--footer-hue: 43;
        --root-color--footer-saturation: 25%;
        --root-color--footer-lightness: 89%;
    }
}

/* Page header */
@media (max-width: 61.999rem) {
    .page-header__logo {
        margin-left: unset;
    }
}

/* Page footer */
.page-footer {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 342 447' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='M0 0v447h190.99l150.642-259.377L0 0Z' style='fill:%23eae6dc'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
    border-top: var(--aamersfoort-werkenvoor-border);
}

@media (min-width: 62em) {
    .page-footer {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 342 447' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2'%3E%3Cpath d='M0 0h342v447H190.99l150.642-259.377L0 0Z' style='fill:%23f2f0ea;'/%3E%3C/svg%3E");
        background-position: right top;
    }
}

/* Scroll button */
.scroll-button {
    box-shadow: unset;
}

/* Page image */
.page-image__visual {
    border-bottom: var(--aamersfoort-werkenvoor-border);
}

/* Banners */
.banner.banner--layout-0 .banner__visual .banner__image,
.banner.banner--layout-1 .banner__visual .banner__image,
.banner.banner--layout-2 .banner__visual .banner__image {
    border-bottom: var(--aamersfoort-werkenvoor-border);
}

.banner.banner--layout-3 .banner__visual {
    border-bottom: var(--aamersfoort-werkenvoor-border);
}

/* Cards */
.card:not(.card--image-none) .card__footer,
.card:not(.card--image-none) .card__no-link,
.section.section--color .card.card--image-none .card__link {
    border-bottom: .25rem solid var(--root-color--contrast);
}

/* Highlight menu */
.highlightmenu-list {
    --card__visual-overlap: 3rem;
}

.highlightmenu-list .card:not(.card--image-none) .card__footer {
    border: unset;
}

.highlightmenu-list .card:not(.card--color) .card__title {
    --color: var(--root-color--primary);
}

@media (min-width: 62em) {
    .highlightmenu-list .card {
        position: relative;
        margin-top: calc(9 / 16 * 100% - var(--card__visual-overlap));
        margin-right: 2rem;
        z-index: 1;
    }

    .highlightmenu-list .card__visual {
        position: absolute;
        left: 2rem;
        right: -2rem;
        top: 0;
        margin-top: calc(9 / 16 * -100% + var(--card__visual-overlap));
        z-index: -1;
    }

    .highlightmenu-list .card:after {
        content: "";
        background: var(--root-color--white);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }

    .highlightmenu-list .card.card--color-primary:after {
        background: var(--root-color-background--primary);
    }

    .highlightmenu-list .card.card--color-secondary:after {
        background: var(--root-color-background--secondary);
    }

    .highlightmenu-list .card.card--color-support:after {
        background: var(--root-color-background--support);
    }

    .highlightmenu-list .card.card--color-grey:after {
        background: var(--root-color-background--grey);
    }
}

/* Accordion */
.accordion__item.collapsible--open {
    position: relative;
    z-index: 1;
}

/* List pages */
[data-document-type="55"] .card--image-none .card__link,
[data-document-type="56"] .card--image-none .card__link,
[data-document-type="66"] .card--image-none .card__link,
[data-document-type="69"] .card--image-none .card__link,
[data-document-type="77"] .card--image-none .card__link,
[data-document-type="80"] .card--image-none .card__link,
[data-document-type="88"] .card--image-none .card__link {
    padding-left: 1.5rem;
    padding-right: 1rem;
}

@media (min-width: 30rem) {
    .facets-selection__header {
        margin-right: 1em;
    }
}

.facets-selection .button {
    --background-color: var(--root-color--white);
    --border-top-color: var(--root-color-text);
    --border-right-color: var(--root-color-text);
    --border-bottom-color: var(--root-color-text);
    --border-left-color: var(--root-color-text);
    --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);
    --border-radius: none;
    --color: var(--root-color-text);
    height: 2.5rem;
}

.facets-selection .button:hover,
.facets-selection .button:focus,
.facets-selection .button:active {
    --background-color: var(--root-color-interaction);
    --border-top-color: var(--root-color-text);
    --border-right-color: var(--root-color-text);
    --border-bottom-color: var(--root-color-text);
    --border-left-color: var(--root-color-text);
    --color: var(--root-color-text);
}

.facets-selection .button .button__body {
    padding-right: .4em;
    padding-left: .8em;
}

.facets-selection .button .button__body .icon {
    height: 1.4em;
}

@media (min-width: 62rem) {
    .facets-filter > .collapsible__header > .collapsible__button:hover,
    .facets-filter > .collapsible__header > .collapsible__button:focus,
    .facets-filter > .collapsible__header > .collapsible__button:active {
        --color-background: transparent;
    }
}

.section.list .pagination {
    border: none;
}

@media (max-width: 29.9999rem) {
    .section.list .pagination .pagination__current {
        margin: 0 1rem;
    }
}

/* Follow-ups */
.follow-up {
    border-radius: .25rem;
}
