@charset "UTF-8";
/***********************************************************************************************************/
/* Global Sass file. Imports all ‘-dir.scss’ files.                                                        */
/* Please do not make any edits to this file. For structure reference,                                     */
/*                                                                                                         */
/* @see https://web.archive.org/web/20240113142121/https://matthewelsom.com/blog/simple-scss-playbook.html */
/***********************************************************************************************************/
/*
This file is used to contain all vendor imports.
*/
@keyframes awn-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes awn-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes awn-slide-right {
  from {
    opacity: 0;
    left: 100%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes awn-slide-left {
  from {
    opacity: 0;
    right: 100%;
  }
  to {
    opacity: 1;
    right: 0;
  }
}
@keyframes awn-bar {
  from {
    right: 100%;
  }
  to {
    right: 0;
  }
}
.awn-popup-loading-dots,
.awn-popup-loading-dots:before,
.awn-popup-loading-dots:after {
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation-fill-mode: both;
  background: #fff;
  animation: awn-loading-dots 1s infinite ease-in-out;
}

.awn-popup-loading-dots {
  position: relative;
  margin-left: 24px;
  display: inline-block;
  color: #fff;
  animation-delay: -0.16s;
}

.awn-popup-loading-dots:before,
.awn-popup-loading-dots:after {
  content: "";
  position: absolute;
  top: 0;
}

.awn-popup-loading-dots:before {
  left: -16px;
  animation-delay: -0.32s;
}

.awn-popup-loading-dots:after {
  left: 16px;
}

@keyframes awn-loading-dots {
  0%, 80%, 100% {
    box-shadow: 0 0 0 0;
  }
  40% {
    box-shadow: 0 0 0 2px;
  }
}
#awn-popup-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
  opacity: 0;
  animation-name: awn-fade-in;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
#awn-popup-wrapper.awn-hiding {
  animation-name: awn-fade-out;
}
#awn-popup-wrapper .awn-popup-body {
  position: relative;
  border-radius: 6px;
  word-break: break-word;
  background: #fff;
  padding: 24px;
  min-width: 320px;
  font-size: 14px;
  max-width: 500px;
}
#awn-popup-wrapper .awn-popup-body.awn-popup-confirm {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#awn-popup-wrapper .awn-popup-body.awn-popup-confirm .fa {
  font-size: 44px;
  color: hsl(32, 100%, 38%);
}
#awn-popup-wrapper .awn-popup-body.awn-popup-async-block {
  background: transparent;
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
#awn-popup-wrapper .awn-popup-title {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 8px;
}
#awn-popup-wrapper .awn-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
#awn-popup-wrapper .awn-buttons .awn-btn {
  border-radius: 4px;
  border: 0;
  font-weight: bold;
  transition: background 0.2s linear;
  font-size: 14px;
  width: 45%;
  line-height: 32px;
  color: #fff;
}
#awn-popup-wrapper .awn-buttons-1 .awn-btn {
  width: 100%;
}
#awn-popup-wrapper .awn-buttons .awn-btn-success {
  background: hsl(100, 65%, 32%);
}
#awn-popup-wrapper .awn-buttons .awn-btn-success:hover {
  background: hsl(100, 65%, 27%);
}
#awn-popup-wrapper .awn-buttons .awn-btn-cancel {
  background: hsl(201, 71%, 38%);
}
#awn-popup-wrapper .awn-buttons .awn-btn-cancel:hover {
  background: hsl(201, 71%, 33%);
}

#awn-toast-container {
  position: fixed;
  z-index: 99998;
  bottom: 24px;
  right: 24px;
  box-sizing: border-box;
}
#awn-toast-container.awn-top-left, #awn-toast-container.awn-top-right {
  top: 24px;
  bottom: auto;
}
#awn-toast-container.awn-top-left .awn-toast:first-child, #awn-toast-container.awn-top-right .awn-toast:first-child {
  margin-top: 16px;
}
#awn-toast-container.awn-top-left, #awn-toast-container.awn-bottom-left {
  left: 24px;
  right: auto;
}
#awn-toast-container.awn-top-left .awn-toast, #awn-toast-container.awn-bottom-left .awn-toast {
  right: 100%;
  animation-name: awn-slide-left;
}
#awn-toast-container.awn-top-left .awn-toast.awn-hiding, #awn-toast-container.awn-bottom-left .awn-toast.awn-hiding {
  right: 0;
}
#awn-toast-container.awn-top-right .awn-toast, #awn-toast-container.awn-bottom-right .awn-toast {
  left: 100%;
  animation-name: awn-slide-right;
}
#awn-toast-container.awn-top-right .awn-toast.awn-hiding, #awn-toast-container.awn-bottom-right .awn-toast.awn-hiding {
  left: 0;
}

.awn-toast {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  opacity: 0;
  width: 320px;
  background: hsl(0, 0%, 92%);
  margin-top: 16px;
  border-radius: 6px;
  color: hsl(0, 0%, 50%);
  font-size: 14px;
  animation-timing-function: linear;
  animation-fill-mode: both;
}
.awn-toast-content {
  word-break: break-word;
}
.awn-toast-label {
  display: block;
  color: hsl(0, 0%, 50%);
  font-size: 18px;
}
.awn-toast-icon {
  position: absolute;
  right: 16px;
  top: 6px;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.awn-toast-icon .fa {
  font-size: 44px;
  color: hsl(0, 0%, 50%);
}
.awn-toast-wrapper {
  padding: 22px 88px 16px 16px;
  border: 2px solid hsl(0, 0%, 82%);
  border-radius: 6px;
}
.awn-toast-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
}
.awn-toast-progress-bar:after {
  content: " ";
  background: hsl(0, 0%, 50%);
  position: absolute;
  width: 100%;
  right: 100%;
  top: 0;
  height: 6px;
  animation-name: awn-bar;
  animation-duration: inherit;
  animation-timing-function: linear;
  animation-fill-mode: both;
}
.awn-toast.awn-toast-progress-bar-paused .awn-toast-progress-bar:after {
  animation-play-state: paused;
}
.awn-toast.awn-hiding {
  animation-name: awn-fade-out !important;
}
.awn-toast.awn-toast-success {
  background: hsl(100, 74%, 90%);
  color: hsl(100, 65%, 32%);
}
.awn-toast.awn-toast-success .awn-toast-wrapper {
  border-color: hsl(100, 45%, 70%);
}
.awn-toast.awn-toast-success b,
.awn-toast.awn-toast-success .fa {
  color: hsl(100, 65%, 32%);
}
.awn-toast.awn-toast-success .awn-toast-progress-bar:after {
  background: hsl(100, 65%, 32%);
}
.awn-toast.awn-toast-info {
  background: hsl(201, 71%, 90%);
  color: hsl(201, 71%, 38%);
}
.awn-toast.awn-toast-info .awn-toast-wrapper {
  border-color: hsl(201, 71%, 78%);
}
.awn-toast.awn-toast-info b,
.awn-toast.awn-toast-info .fa {
  color: hsl(201, 71%, 38%);
}
.awn-toast.awn-toast-info .awn-toast-progress-bar:after {
  background: hsl(201, 71%, 38%);
}
.awn-toast.awn-toast-alert {
  background: hsl(3, 74%, 90%);
  color: hsl(3, 74%, 38%);
}
.awn-toast.awn-toast-alert .awn-toast-wrapper {
  border-color: hsl(3, 74%, 78%);
}
.awn-toast.awn-toast-alert b,
.awn-toast.awn-toast-alert .fa {
  color: hsl(3, 74%, 38%);
}
.awn-toast.awn-toast-alert .awn-toast-progress-bar:after {
  background: hsl(3, 74%, 38%);
}
.awn-toast.awn-toast-warning {
  background: hsl(32, 100%, 90%);
  color: hsl(32, 100%, 38%);
}
.awn-toast.awn-toast-warning .awn-toast-wrapper {
  border-color: hsl(32, 100%, 75%);
}
.awn-toast.awn-toast-warning b,
.awn-toast.awn-toast-warning .fa {
  color: hsl(32, 100%, 38%);
}
.awn-toast.awn-toast-warning .awn-toast-progress-bar:after {
  background: hsl(32, 100%, 38%);
}

[class^=awn-] {
  box-sizing: border-box;
}

/* Additonal Vendor Tools */
/*
This file is used to contain all abstracts imports.
Files inside this folder can contain abstract settings, helpers or functions. They have no direct output.
*/
/*
This file is used to contain all base imports.
Files inside this folder can contain global styles used in the project.
*/
body,
.wp-site-blocks {
  width: 100vw;
  overflow-x: clip;
}

.ibb__read-only {
  cursor: not-allowed;
}
.ibb__read-only label,
.ibb__read-only input {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ibb__read-only input {
  background-color: #f7f7f7;
  opacity: 0.5;
}

/* Large screens (desktops, 992px and up) */
@media (min-width: 992px) {
  .block-visibility-hide-large-screen {
    display: none !important;
  }
}
/* Medium screens (tablets, between 768px and 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .block-visibility-hide-medium-screen {
    display: none !important;
  }
}
/* Small screens (mobile devices, less than 768px) */
@media (max-width: 767.98px) {
  .block-visibility-hide-small-screen,
  .hide-on-mobile {
    display: none !important;
  }
}
a,
button,
.button,
.link,
input[type=submit] {
  outline-style: dotted;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: transparent;
}
a:focus-visible,
button:focus-visible,
.button:focus-visible,
.link:focus-visible,
input[type=submit]:focus-visible {
  outline-color: var(--wp--preset--color--primary);
}

main.has-background + footer {
  margin-top: 0;
}

/*
This file is used to contain all component imports.
Files inside this folder should contain all styles relating to a reusable component.
*/
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none;
}

table {
  border-spacing: 0;
}
table td, table th {
  padding: 8px;
}

ul.rentelist {
  padding: 0;
}
ul.rentelist li {
  list-style: outside none none;
  padding-top: var(--wp--preset--spacing--x-small);
  padding-bottom: var(--wp--preset--spacing--x-small);
  border-bottom: 1px solid;
  margin: 0;
  overflow: hidden;
}
ul.rentelist li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rentemodule a {
  color: var(--wp--preset--color--tint);
}
.rentemodule #tabs_deep, .rentemodule .sorteerblok {
  max-width: 100vw;
  width: auto;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  background-color: #EFF6F3;
}
.rentemodule #tabs_deep .inner-tabs, .rentemodule #tabs_deep .sort-wrapper, .rentemodule .sorteerblok .inner-tabs, .rentemodule .sorteerblok .sort-wrapper {
  padding: 10px 20px 10px;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
.rentemodule #tabs_deep .inner-tabs label, .rentemodule #tabs_deep .sort-wrapper label, .rentemodule .sorteerblok .inner-tabs label, .rentemodule .sorteerblok .sort-wrapper label {
  font-weight: bold;
  color: var(--wp--preset--color--tint);
  padding-right: var(--wp--preset--spacing--x-small);
}
.rentemodule #tabs_deep .inner-tabs ul, .rentemodule #tabs_deep .sort-wrapper ul, .rentemodule .sorteerblok .inner-tabs ul, .rentemodule .sorteerblok .sort-wrapper ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.rentemodule #tabs_deep .inner-tabs ul li, .rentemodule #tabs_deep .sort-wrapper ul li, .rentemodule .sorteerblok .inner-tabs ul li, .rentemodule .sorteerblok .sort-wrapper ul li {
  display: inline-block;
  padding: 8px 5px 5px 0;
  margin-top: 5px;
  margin-bottom: 5px;
}
.rentemodule #tabs_deep .inner-tabs ul li a, .rentemodule #tabs_deep .sort-wrapper ul li a, .rentemodule .sorteerblok .inner-tabs ul li a, .rentemodule .sorteerblok .sort-wrapper ul li a {
  background-color: var(--wp--preset--color--white);
  border: 2px solid var(--wp--preset--color--white);
  padding: 6px 14px;
  border-radius: 24px;
  text-decoration: none;
}
.rentemodule #tabs_deep .inner-tabs ul li.selPeriode > a, .rentemodule #tabs_deep .sort-wrapper ul li.selPeriode > a, .rentemodule .sorteerblok .inner-tabs ul li.selPeriode > a, .rentemodule .sorteerblok .sort-wrapper ul li.selPeriode > a {
  font-weight: bold;
}
.rentemodule #tabs_deep .inner-tabs ul li:hover > a, .rentemodule #tabs_deep .inner-tabs ul li.selPeriode > a, .rentemodule #tabs_deep .sort-wrapper ul li:hover > a, .rentemodule #tabs_deep .sort-wrapper ul li.selPeriode > a, .rentemodule .sorteerblok .inner-tabs ul li:hover > a, .rentemodule .sorteerblok .inner-tabs ul li.selPeriode > a, .rentemodule .sorteerblok .sort-wrapper ul li:hover > a, .rentemodule .sorteerblok .sort-wrapper ul li.selPeriode > a {
  border-color: var(--wp--preset--color--tint);
}
.rentemodule table th {
  border: none;
  border-bottom: 1px solid var(--wp--preset--color--tint);
}
.rentemodule table td {
  border: none;
  border-bottom: 1px solid #9aabbc;
}
.rentemodule table tr td:last-child,
.rentemodule table tr th:last-child {
  text-align: right;
}
.rentemodule .latest-update {
  font-weight: normal;
}
.rentemodule .latest-update .fa-stack {
  font-size: 8px;
  left: -8px;
  top: -20px;
}
.rentemodule .tarief {
  display: inline-block;
  background-color: var(--wp--preset--color--white);
  border: 2px solid var(--wp--preset--color--tint);
  font-weight: bold;
  padding: 6px 10px;
  border-radius: 24px;
}
.rentemodule .info {
  padding-right: 0.4em;
}
@media (max-width: 768px) {
  .rentemodule .info {
    display: inline-block;
    text-transform: capitalize;
    width: -moz-max-content;
    width: max-content;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 10px;
    transition: all 0.3s ease;
    color: var(--wp--preset--color--white);
    background-color: var(--wp--preset--color--primary);
  }
  .rentemodule .info .fa-circle-info {
    color: var(--wp--preset--color--white);
  }
}
.rentemodule .lnk-offerte {
  display: inline-block;
  font-weight: bold;
  padding: 6px 10px;
  border-radius: 15px;
  transition: all 0.3s ease;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary);
}
.rentemodule .fa-check, .rentemodule .fa-circle-info {
  color: var(--wp--preset--color--primary);
}

.verstrekker .company-logo,
.verstrekker .logo {
  width: 125px;
  max-height: 50px;
}

@media only screen and (max-width: 768px) {
  .hscroll {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overflow-x: auto;
    padding-bottom: 1rem;
  }
  .hscroll > * {
    scroll-snap-align: start;
    width: 100%;
    padding: 0.15rem;
  }
}
i.ibb-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: var(--icon-fill, #fff);
  -webkit-mask-repeat: no-repeat !important;
          mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
          mask-position: center !important;
  -webkit-mask-size: contain !important;
          mask-size: contain !important;
}
i.ibb-icon.house {
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M303.5 13.7L288 .5 272.5 13.7l-264 224 31.1 36.6L64 253.5 64 488l0 24 24 0 400 0 24 0 0-24 0-234.5 24.5 20.8 31.1-36.6-264-224zM112 464l0-251.2L288 63.5 464 212.8 464 464l-80 0 0-168 0-24-24 0-144 0-24 0 0 24 0 168-80 0zm128 0l0-144 96 0 0 144-96 0z"/></svg>');
          mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M303.5 13.7L288 .5 272.5 13.7l-264 224 31.1 36.6L64 253.5 64 488l0 24 24 0 400 0 24 0 0-24 0-234.5 24.5 20.8 31.1-36.6-264-224zM112 464l0-251.2L288 63.5 464 212.8 464 464l-80 0 0-168 0-24-24 0-144 0-24 0 0 24 0 168-80 0zm128 0l0-144 96 0 0 144-96 0z"/></svg>');
}
i.ibb-icon.info {
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><!--!Font Awesome Free v6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M48 80a48 48 0 1 1 96 0A48 48 0 1 1 48 80zM0 224c0-17.7 14.3-32 32-32l64 0c17.7 0 32 14.3 32 32l0 224 32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 512c-17.7 0-32-14.3-32-32s14.3-32 32-32l32 0 0-192-32 0c-17.7 0-32-14.3-32-32z"/></svg>');
          mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><!--!Font Awesome Free v6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M48 80a48 48 0 1 1 96 0A48 48 0 1 1 48 80zM0 224c0-17.7 14.3-32 32-32l64 0c17.7 0 32 14.3 32 32l0 224 32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 512c-17.7 0-32-14.3-32-32s14.3-32 32-32l32 0 0-192-32 0c-17.7 0-32-14.3-32-32z"/></svg>');
}
i.ibb-icon.question {
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free v6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M80 160c0-35.3 28.7-64 64-64l32 0c35.3 0 64 28.7 64 64l0 3.6c0 21.8-11.1 42.1-29.4 53.8l-42.2 27.1c-25.2 16.2-40.4 44.1-40.4 74l0 1.4c0 17.7 14.3 32 32 32s32-14.3 32-32l0-1.4c0-8.2 4.2-15.8 11-20.2l42.2-27.1c36.6-23.6 58.8-64.1 58.8-107.7l0-3.6c0-70.7-57.3-128-128-128l-32 0C73.3 32 16 89.3 16 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm80 320a40 40 0 1 0 0-80 40 40 0 1 0 0 80z"/></svg>');
          mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free v6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M80 160c0-35.3 28.7-64 64-64l32 0c35.3 0 64 28.7 64 64l0 3.6c0 21.8-11.1 42.1-29.4 53.8l-42.2 27.1c-25.2 16.2-40.4 44.1-40.4 74l0 1.4c0 17.7 14.3 32 32 32s32-14.3 32-32l0-1.4c0-8.2 4.2-15.8 11-20.2l42.2-27.1c36.6-23.6 58.8-64.1 58.8-107.7l0-3.6c0-70.7-57.3-128-128-128l-32 0C73.3 32 16 89.3 16 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm80 320a40 40 0 1 0 0-80 40 40 0 1 0 0 80z"/></svg>');
}/*# sourceMappingURL=styles.css.map */