.page-footer {
    background: -webkit-gradient(linear,left top,left bottom,from(#dfe3df),color-stop(50%,#dfe3df),color-stop(50%,#edefed),to(#edefed));
    background: linear-gradient(180deg,#dfe3df 0,#dfe3df 50%,#edefed 50%,#edefed);
    padding-bottom: 42px;
    padding-top: 48px;
    position: relative
}

.page-footer:before {
    content: "";
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 3840 640' xmlns='http://www.w3.org/2000/svg' fill='rgba(223, 227, 223, 1)' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath fill='%23dfe3df' d='M0 0h3840v640H0z'/%3E%3Cpath d='M0 640h3840V437.334c-199.968 49.402-415.36 87.133-699.613 87.133-823.094 0-1154.21-316.467-2090.83-316.467-462.876 0-764.006 77.283-1049.56 155.478V640z' fill='%23edefed'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* Top tasks */
.top-tasks-tile__description {
    margin-top: 0.5rem;
}

/* Opening hours */
.opening-times__icon {
    display: none;
}

/* CE Events table */
.button.table-events__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);
    --color: var(--root-color--primary);
}

.button.table-events__button:hover,
.button.table-events__button:focus,
.button.table-events__button:active {
    --background-color: var(--root-color--support);
    --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);
}

/* Page footer */
.page-footer__container {
    padding-top: 0;
    padding-bottom: 0;
}

/* Footer social icons */
.page-footer__columns .footer__element--icons .footer__link .link:active .icon,
.page-footer__columns .footer__element--icons .footer__link .link:focus .icon,
.page-footer__columns .footer__element--icons .footer__link .link:hover .icon {
    --color-icon: var(--root-color--footer);
}

/* Lists */
[data-document-type="56"] .list,
[data-document-type="66"] .list {
    background-color: var(--root-color-background--grey);
    padding-bottom: 2rem;
}

@media (min-width: 30rem) {
    [data-document-type="56"] .list,
    [data-document-type="66"] .list {
        padding-top: 1rem;
        padding-bottom: 3rem;
    }
}

@media (min-width: 62rem) {
    [data-document-type="56"] .list,
    [data-document-type="66"] .list {
        padding-top: 3rem;
    }
}

[data-document-type="56"] .column > :last-child:not(.section--color).list,
[data-document-type="66"] .column > :last-child:not(.section--color).list {
    margin-bottom: 0;
}

/* Contact page */
[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 Soest" */
.page-header__button-menu .button.button-primary {
    --border-top-color: transparent;
    --border-right-color: transparent;
    --border-bottom-color: transparent;
    --border-left-color: transparent;
    --background-color: transparent;
    --color: var(--root-color--primary);
    --font-weight: var(--root-font-weight--bold);
}

.page-header__button-menu .button.button-primary:active,
.page-header__button-menu .button.button-primary:focus,
.page-header__button-menu .button.button-primary:hover {
    --color: var(--root-color--primary-darkest);
}

.page-header__button-menu .button .button__body {
    padding-right: 0;
    padding-left: 2rem;
    position: relative;
}

.page-header__button-menu .button.button-primary .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(40, 136, 52);fill-rule:nonzero;'/%3E%3C/svg%3E%0A");
    content: "";
    position: absolute;
    left: 0;
    height: 1.5rem;
    width: 1.5rem;
}

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

.page-header__button-menu .button:active .button__body::before,
.page-header__button-menu .button:focus .button__body::before,
.page-header__button-menu .button:hover .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(29, 99, 38);fill-rule:nonzero;'/%3E%3C/svg%3E%0A");
}

@media (max-width: 61.999rem) {
    .page-header__logo {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 62rem) {
    .page-header__button-menu .button.button-primary {
        --background-color: var(--root-color--primary);
        --border-radius: var(--root-border-radius);
        --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);
        --color: var(--root-color--white);
        --font-weight: var(--root-font-weight--semi-bold);
    }

    .page-header__button-menu .button.button-primary:active,
    .page-header__button-menu .button.button-primary:focus,
    .page-header__button-menu .button.button-primary:hover {
        --border-top-color: var(--root-color--primary-dark);
        --border-right-color: var(--root-color--primary-dark);
        --border-bottom-color: var(--root-color--primary-dark);
        --border-left-color: var(--root-color--primary-dark);
        --background-color: var(--root-color--primary-dark);
    }

    .page-header__button-menu .button .button__body {
        padding-left: 3.5rem;
        padding-right: 1.25rem;
        color: var(--root-color--white);
    }

    .page-header__button-menu .button .button__body::before {
        left: 1rem;
    }

    .page-header__button-menu .button .button__body::before,
    .page-header__button-menu .button:active .button__body::before,
    .page-header__button-menu .button:focus .button__body::before,
    .page-header__button-menu .button:hover .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");
    }
}

/* Link color in follow-up oneliner */
.ce-follow-up.section--color-primary .link,
.ce-follow-up.section--color-secondary .link {
    color: var(--root-color--white, black);
}

/* Timeblockr CSS */
/* Font base setup */
.timeblockr .timeblockr__container .row {
    display: block;
}

[for="select-product"],
div[data-bind^="html"],
div[data-bind^="text"],
.timeblockr_accordion_select .timeblockr-plugin > div {
    color: var(--root-color-text);
    font-family: var(--root-font-family--primary);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.6;
    margin: 0.8em 0 0;
}

.timeblockr_route .step-header-link  {
    color: var(--root-color-text);
    font-family:var(--root-font-family--primary);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.6;
    margin: 0.8em 0 0;
}

.timeblockr_vertical .timeblockr_active>.accordion {
      border-top: 3px solid var(--root-color--primary);
}

.timeblockr_accordion_select .timeblockr-plugin > div {
  margin-block-start: 1rem;
}

.timeblockr_hide-text {
    white-space: nowrap;
    overflow: hidden;
    right: 1000px;
    position: absolute;
}

.timeblockr_delete-product {
  line-height: 1;
}

.timeblockr_button {
    background-color: var(--root-color--primary);
    border-radius: 2px;
    color: var(--root-color--white);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 0.75em 1em;
    position: relative;
    text-decoration: none;
}

.timeblockr_button:hover,
.timeblockr_button:hover {
  background-color: var(--root-color--primary-dark);
}

#timeblockr_disclaimer {
  display: none;
}