/* Content frame */
[data-document-type]:not([data-document-type="50"]):not([data-document-type="51"]):not([data-document-type="66"]) {
    background-color: var(--root-color-background--grey);
}

[data-document-type]:not([data-document-type="50"]):not([data-document-type="51"]):not([data-document-type="56"]):not([data-document-type="64"]):not([data-document-type="66"]):not([data-document-type="1"].layout-1) .main-column {
    background-color: var(--root-color--white);
    margin-top: 3rem;
    margin-bottom: 6rem;
    position: relative;
}

/* Using a pseudo element here, because adding the outline to .main-column itself will fail in FF */
[data-document-type]:not([data-document-type="50"]):not([data-document-type="51"]):not([data-document-type="56"]):not([data-document-type="64"]):not([data-document-type="66"]):not([data-document-type="1"].layout-1) .main-column::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: 3rem solid var(--root-color--white);
    pointer-events: none;
}

/*  No breadcrumb border if frame around content */
[data-document-type]:not(.layout-1):not([data-document-type="50"]):not([data-document-type="51"]):not([data-document-type="56"]):not([data-document-type="64"]):not([data-document-type="66"]) .main-top__columns {
    --width-border: 0;
}

/* Top Button "Mijn Schouwen-Duiveland" */
.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;
}

/* Card bottom border color */
.section:not(.section--color)  .card:not(.card--image-none):not(.card--color) .card__link,
.section:not(.section--color) .card__no-link,
.section:not(.section--color) .cards:not([data-maximum-columns="1"]) .card:not(.card--color) .card__link {
    border-bottom-color: var(--root-color--primary);
    border-bottom-style: solid;
    border-bottom-width: 0.25rem;
}

.section.section--color-grey .card:not(.card--color) .card__link {
    border-bottom-color: var(--root-color--primary);
    border-bottom-style: solid;
    border-bottom-width: 0.25rem;
}

/* Remove border top in case of multicolumn card layout */
.section:not(.section--color) .cards:not([data-maximum-columns="1"])  .card:not(.card--color).card--image-none .card__link{
    border-top-width: 0;
}

@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--primary);
    }

    .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(3,115,171);fill-rule:nonzero;'/%3E%3C/svg%3E%0A");
        left: 0;
    }

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

/* Logo Mobile */
@media (max-width: 61.999rem) {
    .page-header__logo {
        margin-left: 0;
    }
}

/* Top tasks button */
.opening-times .button {
    --background-color: var(--root-color--support);
    --border-top-color: var(--root-color--support);
    --border-right-color: var(--root-color--support);
    --border-bottom-color: var(--root-color--support);
    --border-left-color: var(--root-color--support);
    --color: var(--root-color--white);
}

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

/* Follow-up open button */
.follow-up__default .follow-up__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);
}

/* Footer Social media icons */
.page-footer__columns .footer__element--icons .footer__link .link .icon {
    --color-icon: var(--root-color--white);
}