/* Top Button "Mijn De Bilt" */
.page-header__button-menu .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);
    --height: calc(3rem - (2 * var(--root-border-width)));
}

.page-header__button-menu .button.button-primary {
    --border-top-color: transparent;
    --border-right-color: transparent;
    --border-bottom-color: transparent;
    --border-left-color: transparent;
}

.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 {
        --font-weight: var(--root-font-weight--bold);
    }

    .page-header__button-menu .button.button-primary {
        --color: var(--root-color-text);
    }

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

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

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

/* Page title in top tasks */
@media (min-width: 30rem) {
    .main-top .page-title__header {
        --color-text: var(--root-color--white);
        text-shadow: 0.125rem 0.125rem 0.313rem var(--root-color--black);
    }
}

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

/* Lists */
[data-document-type="56"] .list,
[data-document-type="66"] .list {
    background-color: var(--root-color-background--primary);
    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--primary);
}

.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;
}

/* Timeblockr CSS */
/* Font base setup */
[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;
}