/*
Theme Name: Schipper Bosch
Theme URI: https://schipperbosch.nl
Author: Pixel Creation
Author URI: https://www.pixelcreation.nl/
Description: Pixel Creation / Ontwerp door 75B
Version: 1.0
Text Domain: schipperbosch
*/
@font-face {
  font-family: "Maxeville";
  src: url("webfonts/Maxeville-Bold.woff2") format("woff2"), url("webfonts/Maxeville-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Maxeville";
  src: url("webfonts/Maxeville-BoldItalic.woff2") format("woff2"), url("webfonts/Maxeville-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Maxeville";
  src: url("webfonts/Maxeville-Regular.woff2") format("woff2"), url("webfonts/Maxeville-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Maxeville";
  src: url("webfonts/Maxeville-RegularItalic.woff2") format("woff2"), url("webfonts/Maxeville-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Maxeville";
  src: url("webfonts/Maxeville-Tekst.woff2") format("woff2"), url("webfonts/Maxeville-Tekst.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Maxeville";
  src: url("webfonts/Maxeville-TekstItalic.woff2") format("woff2"), url("webfonts/Maxeville-TekstItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
html {
  height: 100%;
}

body {
  height: 100%;
  font-family: "Maxeville", sans-serif;
  font-size: clamp(16px, 1.1vw, 24px);
  color: #000;
  line-height: 1.35;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  transition: opacity 0s ease;
  background-color: #fdf9f7;
}
body.loaded {
  opacity: 1;
}
body.no-scroll {
  overflow: hidden;
  height: 100vh;
}

/* MAIN */
::selection {
  color: #fff000;
  background: #000;
}

*, *::before, *::after {
  box-sizing: border-box;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

/* ACCESSIBILITY */
.skip-links a {
  position: absolute;
  top: -100vh;
  left: -100vw;
  z-index: 9999;
  padding: 1.2rem 2rem;
  color: white;
  border-top: 2px solid white;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  background-color: #1d1d1d;
}
.skip-links a:focus {
  top: 8rem;
  left: 0;
}

a:focus-visible, button:focus-visible {
  outline: 2px dotted black;
  z-index: 9999;
  outline-offset: 0;
  -webkit-box-shadow: 0 0 0 2px white;
  box-shadow: 0 0 0 2px white;
}

/* TYPOGRAPHY */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h7 {
  letter-spacing: -0.022em;
}

h1, .h1 {
  font-size: clamp(4em, 12.857vw, 11.25em);
}

h2, .h2 {
  font-size: clamp(2.8em, 6.2857vw, 5.5em);
  line-height: 1.1;
}
h2.section-title, .h2.section-title {
  margin: 0 0 0.9em 0;
}

h3, .h3 {
  font-size: clamp(2em, 4.2857vw, 3.125em);
}

h4, .h4 {
  font-size: clamp(1.375em, 3.714vw, 2.5em);
}

h5, .h5 {
  margin: 0 0 0.4em 0;
  font-size: clamp(2em, 2.857vw, 2em);
}

h6, .h6 {
  font-size: clamp(1.25em, 1.857vw, 1.625em) !important;
  line-height: 1.3;
}

.h7 {
  font-size: clamp(1.25em, 2.285vw, 1.5em);
  line-height: 1.3;
}

p, .p {
  font-size: clamp(1em, 2vw, 1.125em);
  font-weight: 300;
  letter-spacing: -0.01em;
}

a {
  color: inherit;
}

a, button {
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.p-last-child p:last-child {
  margin-bottom: 0;
}

.page-title {
  margin: 0 0 0.55em 0;
  display: block;
  text-transform: lowercase;
}
@media screen and (min-width: 768px) {
  .page-title {
    margin: 0 0 0.1em 0;
  }
}

.intro p {
  font-size: clamp(1.125em, 2.285vw, 1.5em) !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
}
@media screen and (min-width: 576px) {
  .intro p {
    line-height: 1.32 !important;
  }
}
.intro p:not(:last-of-type), .intro ul:not(:last-of-type), .intro ol:not(:last-of-type) {
  margin: 0 0 1.3em 0;
}
.intro a {
  color: #ff0000;
  text-decoration: none;
}
.intro.large p {
  font-size: clamp(1.25em, 2.5vw, 1.875em) !important;
}
.intro .btn {
  margin: 1.4em 0 0 0;
}
.intro.intro-blue strong {
  font-weight: 400;
  color: #0070ff;
}
.intro.intro-red strong {
  font-weight: 400;
  color: #ff0000;
}

.main-title {
  margin: 0 0 0.5em 0;
}

.page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
  font-size: clamp(1em, 2vw, 1.125em);
}
.page-content.single-page-content h2, .page-content.single-page-content h3, .page-content.single-page-content h4, .page-content.single-page-content h5, .page-content.single-page-content h6 {
  font-weight: 700;
}
.page-content.single-page-content p, .page-content.single-page-content ul, .page-content.single-page-content ol {
  margin: 0 0 1.8em 0;
}
.page-content.single-page-content.intro p {
  margin: 0 0 2.2em 0;
  font-weight: 300 !important;
}
.page-content.single-page-content .wp-block-image {
  width: 100%;
  margin: 4.1em 0 4.1em 0;
}
@media screen and (min-width: 992px) {
  .page-content.single-page-content .wp-block-image {
    width: calc(100% + 8em);
    margin: 4.1em 0 4.1em -4em;
  }
}
@media screen and (min-width: 1200px) {
  .page-content.single-page-content .wp-block-image {
    width: calc(100% + 17em);
  }
}
.page-content p, .page-content ul, .page-content ol {
  margin: 0 0 1.4em 0;
  font-size: clamp(1em, 2vw, 1.125em);
  font-weight: 300;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
.page-content p strong, .page-content ul strong, .page-content ol strong {
  color: #ff0000;
}
.page-content a {
  text-decoration: none;
}
.page-content p:has(+ .read-more) {
  margin: 0;
}
.page-content p:has(+ .btn) {
  margin: 0 0 0.55em 0;
}
.page-content .read-more:has(+ .btn) {
  margin: 0 0 1.25em 0;
}
.page-content .btn-row {
  margin: 1.25em 0 0 0;
}
@media screen and (min-width: 768px) {
  .page-content .btn-row {
    margin: 3.4em 0 0 0;
  }
}
.page-content .wp-block-image, .page-content .block-image {
  margin: 0 0 1.4em 0;
}
.page-content .wp-block-image img, .page-content .block-image img {
  width: 100%;
}
.page-content .wp-block-image figcaption, .page-content .block-image figcaption {
  margin: 0.5em 0 0 0;
  font-size: 1em;
}
.page-content .block-image {
  margin: 4.25em 0 4.6em 0;
}
.page-content .block-image figcaption {
  color: #ff0000;
}
.page-content + .page-content {
  margin-top: 2.7em;
}
.page-content.page-content-large h2, .page-content.page-content-large h3, .page-content.page-content-large h4, .page-content.page-content-large h5, .page-content.page-content-large h6 {
  font-size: clamp(1.125em, 2.285vw, 1.5em);
}
.page-content.page-content-large p, .page-content.page-content-large ul, .page-content.page-content-large ol {
  font-size: clamp(1.125em, 2.285vw, 1.5em);
  line-height: 1.3;
}
.page-content ul {
  list-style-type: none;
}
.page-content ul li {
  padding: 0 0 0 0.7em;
  position: relative;
}
.page-content ul li:before {
  content: "";
  width: 0.3em;
  height: 0.3em;
  position: absolute;
  top: 0.6em;
  left: 0.05em;
  background-color: #000;
}

.date {
  margin: 2em 0 1.15em 0;
  padding: 0.35em 0.88em;
  display: inline-block;
  font-size: 0.875em;
  color: white;
  border-radius: 2em;
  background-color: #000;
  z-index: 1;
}

.socials {
  margin: 3.1em 0 1.7em 0 !important;
  list-style-type: none;
}
.socials li {
  padding: 0 !important;
}
.socials li:before {
  display: none;
}
.socials a {
  position: relative;
  display: inline-block;
}
.socials a:before {
  content: "";
  height: 0.055em;
  width: 100%;
  position: absolute;
  bottom: 0.08em;
  left: 0;
  transform: scaleX(1);
  transition: transform 0.5s cubic-bezier(0.3, 1, 0.3, 1);
  transform-origin: left;
  background-color: #000;
}
.socials a:hover:before, .socials a.active:before {
  transform: scaleX(0);
  transform-origin: right;
}

.read-more .read-more-content {
  height: 0;
  overflow: hidden;
  transform: scale(0.98);
  opacity: 0;
  transition: transform 0.22s ease-in-out, opacity 0.22s ease-in-out;
}
.read-more .read-more-content p:last-child {
  margin-bottom: 0;
}
.read-more.is-visible .read-more-content {
  height: auto;
  margin: 1.4em 0 0 0;
  transform: scale(1);
  opacity: 1;
}
.read-more .read-more-button {
  padding: 0;
  display: block;
  font-size: clamp(1em, 2vw, 1.125em);
  font-weight: 300;
  color: #ff0000;
  border: 0;
  background-color: unset;
}

.page-color-blue .header .navbar-brand svg path {
  fill: #0070ff;
}

.page-color-red .header .navbar-brand svg path {
  fill: #ff0000;
}

/* SPLIT TEXT */
.line-parent {
  overflow: hidden;
}

/* BUTTONS */
.btn {
  padding: 0.5em 1em 0.65em 1em;
  font-size: unset;
  line-height: 1;
  white-space: nowrap;
  border-radius: 2em;
  border: 0;
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.btn .btn-text {
  font-size: 1em;
}
.btn path {
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.btn.btn-primary {
  color: #fff000;
  background-color: #000;
}
.btn.btn-primary:focus {
  color: #fff000;
  background-color: #000;
}
.btn.btn-secondary {
  color: #000;
  background-color: #fff000;
}
.btn.btn-secondary:hover {
  color: #fff000;
  background-color: #000;
}
.btn.btn-secondary:hover svg path {
  fill: #fff000;
}
.btn.btn-secondary:focus {
  color: #000;
  background-color: #fff000;
}
.btn.btn-secondary.dropdown-toggle:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.616 6.016'%3E%3Cpath d='M5.308 6.016 0 .708.708 0l4.6 4.6 4.6-4.6.708.708-5.308 5.307Z'/%3E%3C/svg%3E");
}
.btn.btn-secondary.dropdown-toggle:hover {
  color: #fff000;
  background-color: #000;
}
.btn.btn-secondary.dropdown-toggle:hover:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.616 6.016'%3E%3Cpath fill='%23fff000' d='M5.308 6.016 0 .708.708 0l4.6 4.6 4.6-4.6.708.708-5.308 5.307Z'/%3E%3C/svg%3E");
}
.btn.btn-light {
  color: #000;
  background-color: #ebebeb;
}
.btn.btn-light:hover, .btn.btn-light:focus {
  color: #000;
  background-color: #dedede;
}
.btn.btn-danger {
  color: white;
  background-color: #ff0000;
}
.btn.btn-danger:focus {
  color: white;
  background-color: #ff0000;
}
.btn.btn-danger.dropdown-toggle:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.616 6.016'%3E%3Cpath fill='%23fff' d='M5.308 6.016 0 .708.708 0l4.6 4.6 4.6-4.6.708.708-5.308 5.307Z'/%3E%3C/svg%3E");
}
.btn .icon.arrow-right {
  width: 0.8em;
  margin: 0 0 0 0.25em;
  transform: translateY(-0.02em);
}
.btn .icon.arrow-down {
  width: 0.8em;
  margin: 0 0 0 0.25em;
  transform: translateY(-0.02em);
}
.btn .icon.external-link {
  width: 0.58em;
  margin: 0 0 0 0.17em;
}
.btn.dropdown-toggle {
  padding-right: 1.05em;
  padding-left: 1.05em;
}
@media screen and (min-width: 576px) {
  .btn.dropdown-toggle {
    padding-right: 1.5em;
    padding-left: 1.5em;
  }
}
.btn.dropdown-toggle.dropdown-toggle-small {
  padding-right: 1.05em;
  padding-left: 1.05em;
}
.btn.dropdown-toggle:after {
  width: 0.87em;
  margin-left: 0.26em;
  line-height: 0;
  vertical-align: unset;
  border: 0;
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.btn.dropdown-toggle.show:after {
  transform: scaleY(-1);
}

.dropdown .dropdown-menu {
  padding: 0.45em 0 0 0;
  font-size: unset;
  border: 0;
  background-color: unset;
}
.dropdown .dropdown-menu.dropdown-menu-end li {
  text-align: end;
}
.dropdown .dropdown-menu li + li {
  margin-top: 0.31em;
}
.dropdown .dropdown-menu .btn {
  white-space: nowrap;
}

/* TEXT COLORS */
.text-blue {
  color: #0070ff !important;
}

.text-red {
  color: #ff0000 !important;
}

.heading-red h1, .heading-red h2, .heading-red h3, .heading-red h4, .heading-red h5, .heading-red h6 {
  color: #ff0000;
}

.heading-blue h1, .heading-blue h2, .heading-blue h3, .heading-blue h4, .heading-blue h5, .heading-blue h6 {
  color: #0070ff;
}

.heading-gray h1, .heading-gray h2, .heading-gray h3, .heading-gray h4, .heading-gray h5, .heading-gray h6 {
  color: #939393;
}

.heading-white h1, .heading-white h2, .heading-white h3, .heading-white h4, .heading-white h5, .heading-white h6 {
  color: white;
}

.link-blue a {
  color: #0070ff;
}

.link-red a {
  color: #ff0000;
}

.link-white a {
  color: white;
}

.breadcrumb-blue a:hover {
  color: #0070ff !important;
}

.breadcrumb-red a:hover {
  color: #ff0000 !important;
}

/* BG COLORS */
.bg-black {
  background-color: #000;
}

.bg-blue {
  background-color: #0070ff;
}

.bg-gray {
  background-color: #fdf9f7;
}

.bg-red {
  background-color: #ff0000;
}

.bg-yellow {
  background-color: #fff000;
}

/* CONTAINER */
.container {
  width: 100%;
  max-width: 100%;
  padding-left: clamp(1em, 4vw, 3em);
  padding-right: clamp(1em, 4vw, 3em);
}

/* SECTIONS */
section {
  padding: 4.1em 0;
}
@media screen and (min-width: 576px) {
  section {
    padding: 5.875em 0;
  }
}
section.section-sm-top {
  padding-top: 1.9em;
}
@media screen and (min-width: 576px) {
  section.section-sm-top {
    padding-top: 3.75em;
  }
}
section.section-sm-bottom {
  padding-bottom: 3.75em;
}
section.section-md {
  padding: 5em 0;
}
section.section-lg-bottom {
  padding-bottom: 5.125em;
}
@media screen and (min-width: 576px) {
  section.section-lg-bottom {
    padding-bottom: 8em;
  }
}
@media screen and (min-width: 576px) {
  section.section-xl-top {
    padding-top: 9em;
  }
}
section.section-xl-bottom {
  padding-bottom: 8.6em;
}
@media screen and (min-width: 576px) {
  section.section-xl-bottom {
    padding-bottom: 13.25em;
  }
}
section.section-xxl-top {
  padding-top: 3.4em;
}
@media screen and (min-width: 576px) {
  section.section-xxl-top {
    padding-top: 15.125em;
  }
}
section.section-xxl-bottom {
  padding-bottom: 15.125em;
}
section.section-xxxl-bottom {
  padding-bottom: 14em;
}
@media screen and (min-width: 576px) {
  section.section-xxxl-bottom {
    padding-bottom: 24em;
  }
}
@media screen and (max-width: 991.98px) {
  section.first-section {
    padding-bottom: 0;
  }
}

.single-ontwikkeling-section {
  padding: 0 0 3.4em 0;
}
@media screen and (min-width: 576px) {
  .single-ontwikkeling-section {
    padding: 0 0 7.8em 0;
  }
}

/* BLOCKS */
.block {
  padding: 2rem;
}

.cta-block {
  padding: 1.5em 2em 2.125em 1.125em;
  color: #000;
  background-color: #fff000;
}
.cta-block .form-wrapper {
  height: 0;
  overflow: hidden;
  transform: scale(0.98);
  opacity: 0;
  transition: 0.22s all ease-in-out;
}
.cta-block .form-wrapper.is-visible {
  height: auto;
  transform: scale(1);
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .cta-block.cta-block-small {
    padding: 4.6em 3.8em 3.7em 2em;
  }
}
.cta-block.cta-block-small .title {
  margin: 0 0 0.3em 0;
}
@media screen and (min-width: 576px) {
  .cta-block.cta-block-small .title {
    margin: 0 0 0.72em 0;
    padding: 0 2em 0 0;
    font-size: clamp(1.375em, 3.714vw, 2.5em);
  }
}
.cta-block.cta-block-small p {
  font-weight: 400;
  line-height: 1.45;
}
.cta-block.cta-block-small .btn {
  margin: 1.3em 0 0 0;
}
@media screen and (min-width: 768px) {
  .cta-block.cta-block-small .btn {
    margin: 1em 0 0 0;
  }
}
@media screen and (min-width: 768px) {
  .cta-block.cta-block-large {
    padding: 1.3em 3.5em 2.3em 2.6em;
  }
}
.cta-block.cta-block-large .title {
  margin: 0 0 0.26em 0;
}
.cta-block.cta-block-large .btn {
  margin: 2.1em 0 0 0;
}
@media screen and (min-width: 768px) {
  .cta-block.cta-block-large .btn {
    margin: 4.1em 0 0 0;
  }
}
.cta-block.cta-block-large.single-page-cta {
  margin-top: 3.1em;
}
@media screen and (min-width: 992px) {
  .cta-block.cta-block-large.single-page-cta {
    margin-left: -2.6em;
  }
}

.short-cta {
  margin: 2.5em 0;
}
@media screen and (min-width: 576px) {
  .short-cta {
    margin: -2.5em 0 3.5em 0;
  }
}
.short-cta a {
  display: inline-block;
  color: #ff0000;
  text-decoration: none;
}

/* HEADER */
.navbar-brand {
  position: absolute;
  top: 1.25em;
  left: clamp(1em, 4vw, 3em);
  display: inline-block;
  z-index: 1;
}
@media screen and (min-width: 576px) {
  .navbar-brand {
    top: 1.9em;
  }
}
.navbar-brand svg {
  width: clamp(10.4em, 20vw, 14.3em);
}

/* NAVIGATION */
.menu-overlay {
  padding: 7em 0 0 0;
  position: fixed;
  visibility: hidden;
  inset: 0;
  clip-path: polygon(0 0%, 100% 0%, 100% 0%, 0% 0%);
  z-index: 9;
  overflow: hidden;
  overflow-y: scroll;
  background-color: #fff000;
}
@media screen and (min-width: 1200px) {
  .menu-overlay {
    padding: 3.7em 0 0 0;
  }
}
.menu-overlay .navbar-brand {
  position: absolute;
  top: 1.56em;
  left: 50%;
  display: block;
  transform: translateY(-20em) translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 576px) {
  .menu-overlay .navbar-brand {
    top: 1.9em;
    left: unset;
    text-align: left;
    transform: translateY(-20em);
  }
}
@media screen and (min-width: 1200px) {
  .menu-overlay .navbar-brand {
    top: 4.5em;
  }
}
.menu-overlay .navbar-brand svg {
  width: 14.25em;
}
.menu-overlay .menu-overlay-content {
  height: 100%;
  opacity: 0;
  transform: translateY(4em);
}
.menu-overlay .menu-overlay-content .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 3.2em 0;
}
.menu-overlay .row {
  --bs-gutter-x: 2.8em;
  --bs-gutter-y: 2em;
}
.menu-overlay .menu-column .menu-title {
  margin: 0 0 0.1em 0;
  display: flex;
  justify-content: space-between;
  font-size: clamp(2em, 2.857vw, 2em);
  letter-spacing: -0.022em;
  text-transform: lowercase;
}
@media screen and (min-width: 768px) {
  .menu-overlay .menu-column .menu-title {
    margin: 0 0 0.85em 0;
  }
}
.menu-overlay .menu-column .menu-title a {
  display: inline-flex;
  gap: 0 0.38em;
  text-decoration: none;
}
.menu-overlay .menu-column .menu-title a svg {
  width: 0.75em;
  transform: translateY(0.04em);
}
.menu-overlay .menu-column .menu-title a:hover {
  transform: translateX(0.1em);
}
.menu-overlay .menu-column .menu-title .collapse-menu-list {
  padding: 0;
  border: 0;
  background-color: unset;
}
.menu-overlay .menu-column .menu-title .collapse-menu-list svg {
  width: 0.75em;
}
.menu-overlay .menu-column p {
  width: 80%;
  font-size: 1.125em;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .menu-overlay .menu-column p {
    width: 100%;
    margin: 0 0 1.5em 0;
    font-size: clamp(1.25em, 2.285vw, 1.5em);
  }
}
@media screen and (min-width: 1200px) {
  .menu-overlay .menu-column p {
    margin: 0 0 2.5em 0;
  }
}
.menu-overlay .menu-column .menu-list {
  margin: 2em 0 0 0;
  display: none;
  list-style-type: none;
}
@media screen and (min-width: 768px) {
  .menu-overlay .menu-column .menu-list {
    margin: 0;
    display: block;
  }
}
.menu-overlay .menu-column .menu-list li a {
  display: block;
  font-size: clamp(1.25em, 2.285vw, 1.5em);
  line-height: 1.35;
  text-decoration: none;
}
.menu-overlay .menu-column .menu-list li a:hover {
  transform: translateX(0.2em);
}
.menu-overlay .menu-column.collapsed .menu-list {
  display: block;
}
.menu-overlay .footer-menu {
  height: 100%;
  margin-top: auto;
  padding: 0 0 clamp(1.2em, 4vw, 2.3em) 0;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.6em 0.4em;
}
@media screen and (min-width: 768px) {
  .menu-overlay .footer-menu {
    flex-direction: row;
    align-items: end;
  }
}
.menu-overlay .footer-menu ul {
  position: relative;
}
.menu-overlay .footer-menu ul li .footer-menu-item {
  background-color: white;
}
.menu-overlay .footer-menu .search-wrapper {
  margin-top: auto;
}
.menu-overlay .footer-menu input[type=search] {
  width: 11em;
  background-color: white;
}
@media screen and (min-width: 992px) {
  .menu-overlay .footer-menu input[type=search] {
    width: 100%;
  }
}

/* BREADCRUMBS */
.main-page-breadcrumb {
  margin: 0 0 1.55em 0;
}
@media screen and (min-width: 992px) {
  .main-page-breadcrumb {
    margin: 1.25em 0 1.55em 0;
  }
}
.main-page-breadcrumb.main-page-breadcrumb-bottom {
  margin-bottom: 2.3em;
}
@media screen and (min-width: 992px) {
  .main-page-breadcrumb.main-page-breadcrumb-bottom {
    margin-bottom: 7.9em;
  }
}
.main-page-breadcrumb span {
  display: block;
  font-size: clamp(2em, 2.857vw, 2em);
}

.breadcrumb {
  margin: 0 0 0.55em 0;
  font-size: clamp(0.75em, 1.3vw, 1.125em);
  color: #000;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 0.3em;
}
.breadcrumb .breadcrumb-item:not(:last-child) {
  text-transform: lowercase;
}
.breadcrumb .breadcrumb-item:before {
  padding-right: 0.3em;
  color: #000;
}
.breadcrumb .breadcrumb-item.active {
  color: #000;
}
.breadcrumb .breadcrumb-item a {
  color: #000;
  text-decoration: none;
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

/* Barba Wrapper */
body:has(main[data-barba-theme=yellow]) {
  background-color: #fff000;
}

body:has(main[data-barba-theme=red]) {
  background-color: #ff0000;
}
body:has(main[data-barba-theme=red]) .header .navbar-brand {
  fill: white;
}

body:has(main[data-barba-theme=blue]) {
  background-color: #0070ff;
}
body:has(main[data-barba-theme=blue]) .header .navbar-brand {
  fill: white;
}

body:has(main[data-barba-theme=yellow]) .menu-button, body:has(main[data-barba-theme=blue]) .menu-button, body:has(main[data-barba-theme=red]) .menu-button {
  background-color: white;
}
body:has(main[data-barba-theme=yellow]) .menu-button:hover, body:has(main[data-barba-theme=yellow]) .menu-button.active, body:has(main[data-barba-theme=blue]) .menu-button:hover, body:has(main[data-barba-theme=blue]) .menu-button.active, body:has(main[data-barba-theme=red]) .menu-button:hover, body:has(main[data-barba-theme=red]) .menu-button.active {
  background-color: #000;
}
body:has(main[data-barba-theme=yellow]) footer .footer-menu ul li .footer-menu-item, body:has(main[data-barba-theme=blue]) footer .footer-menu ul li .footer-menu-item, body:has(main[data-barba-theme=red]) footer .footer-menu ul li .footer-menu-item {
  color: #000;
  background-color: white;
}
body:has(main[data-barba-theme=yellow]) footer .footer-menu ul li .footer-menu-item:hover, body:has(main[data-barba-theme=blue]) footer .footer-menu ul li .footer-menu-item:hover, body:has(main[data-barba-theme=red]) footer .footer-menu ul li .footer-menu-item:hover {
  color: #fff000;
  background-color: #000;
}
body:has(main[data-barba-theme=yellow]) footer .search-wrapper input[type=search], body:has(main[data-barba-theme=blue]) footer .search-wrapper input[type=search], body:has(main[data-barba-theme=red]) footer .search-wrapper input[type=search] {
  background-color: white;
}

.content {
  height: 100%;
  padding: clamp(4em, 9vw, 5em) 0 0 0;
}
@media screen and (min-width: 992px) {
  .content {
    padding: 0;
  }
}

.home .content {
  padding: 0;
}

.content-inner {
  display: flex;
  flex-direction: column;
}

/* LOADING */
.loading {
  padding: 0 3em;
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 11;
}
@media screen and (min-width: 576px) {
  .loading {
    padding: 0 8em;
  }
}
.loading .overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.loading .logo {
  width: 100%;
  opacity: 0;
}

/* START */
.start {
  margin-top: auto;
}
@media screen and (min-width: 576px) {
  .start {
    margin: unset;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
  }
}

.circles {
  margin: 0;
  padding: 0 clamp(0.5em, 3vw, 3em);
  display: grid;
  list-style-type: none;
}
@media screen and (min-width: 576px) {
  .circles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 4.5em;
    justify-content: space-around;
  }
}
@media screen and (min-width: 768px) {
  .circles {
    gap: 0 4.75em;
  }
}
@media screen and (min-width: 992px) {
  .circles {
    gap: 0 5em;
  }
}
@media screen and (min-width: 1200px) {
  .circles {
    gap: 0 5.5em;
  }
}
.circles li {
  width: 9.5em;
}
@media screen and (min-width: 425px) {
  .circles li {
    width: 11em;
  }
}
@media screen and (min-width: 576px) {
  .circles li {
    width: auto;
  }
}
.circles li:nth-child(2) {
  margin-top: -4.2em;
  margin-left: auto;
}
@media screen and (min-width: 425px) {
  .circles li:nth-child(2) {
    margin-top: -3.2em;
  }
}
@media screen and (min-width: 576px) {
  .circles li:nth-child(2) {
    margin: unset;
  }
}
.circles li a {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
  font-size: 1em;
  text-decoration: none;
  text-align: center;
  transition: unset;
}
@media screen and (min-width: 576px) {
  .circles li a {
    font-size: clamp(1.25em, 2.285vw, 1.5em);
  }
}
.circles li a .circle {
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  background-color: #b7b7b7;
  opacity: 0;
  transform: scale(0.5);
}
@media screen and (min-width: 576px) {
  .circles li a .circle {
    opacity: 1;
    transform: unset;
    transform-origin: center -20em;
  }
}
@media screen and (min-width: 576px) {
  .circles li a .circle.circle-1 {
    opacity: 0;
  }
}
.circles li a .circle .circle-inner {
  position: absolute;
  inset: 0;
}
.circles li:nth-child(1) a {
  color: #0070ff;
}
.circles li:nth-child(2) a {
  color: #ff0000;
}
.circles li:nth-child(3) a {
  color: #000;
}

/* VISIE */
.endpoints {
  margin: 19.5em 0 0 0;
  display: flex;
  justify-content: space-around;
}
.endpoints .endpoint {
  width: 2em;
  height: 2em;
}

.visie-nav {
  margin: 0.3em 0 1.5em 0;
  display: grid;
  gap: 0 1.25em;
  list-style-type: none;
}
@media screen and (min-width: 576px) {
  .visie-nav {
    margin: 1.5em 0 5.125em 0;
    justify-content: space-around;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.visie-nav li:nth-child(2) {
  margin-top: -3em;
  margin-left: auto;
}
@media screen and (min-width: 576px) {
  .visie-nav li:nth-child(2) {
    margin: unset;
  }
}
.visie-nav li:nth-child(3) {
  margin-top: -3em;
}
@media screen and (min-width: 576px) {
  .visie-nav li:nth-child(3) {
    margin: unset;
  }
}
.visie-nav li:nth-child(4) {
  margin-top: -3em;
  margin-left: auto;
}
@media screen and (min-width: 576px) {
  .visie-nav li:nth-child(4) {
    margin: unset;
  }
}
.visie-nav li .circle {
  width: 12.5em;
  aspect-ratio: 1/1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.5);
}
@media screen and (min-width: 576px) {
  .visie-nav li .circle {
    width: 100%;
  }
}
.visie-nav li .circle span {
  font-size: clamp(1.5em, 2.857vw, 2.18em);
}

.start-line {
  position: absolute;
  top: 6em;
  left: clamp(4em, 15vw, 13em);
  display: flex;
  gap: 4.5em;
}
.start-line .startpoint {
  width: 1em;
  height: 1em;
}

#line-svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1000;
}
@media screen and (max-width: 767.98px) {
  #line-svg {
    display: none;
  }
}

.short-quote {
  font-size: 2em;
  line-height: 1.3;
}
.short-quote p {
  font-size: 1em;
  font-weight: 400;
}
.short-quote .author {
  display: block;
}
@media screen and (max-width: 575.98px) {
  .short-quote.short-quote-small {
    font-size: 1.5em;
  }
}

.page-circle {
  width: 100%;
  aspect-ratio: 1/1;
  margin: 2.5em 0;
  border-radius: 50%;
}
@media screen and (min-width: 576px) {
  .page-circle {
    margin: 3.8em 0 3.3em 0;
  }
}

.page-circle-visie {
  transform: translateX(-100%);
}

.page-circle-familie {
  margin: 0 0 1.1em 0;
  transform: translateX(100%);
}

.page-circle-werkwijze {
  transform: translateX(-100%);
}

.page-circle-awards {
  transform: translateX(100%);
}

.visie {
  padding: 10em 0 0 0;
}
@media screen and (min-width: 576px) {
  .visie {
    padding: 4.5em 0 0 0;
  }
}
.visie .h1 {
  line-height: 1.15;
}
.visie .first-image {
  margin: 3.5em 0;
}
@media screen and (min-width: 576px) {
  .visie .first-image {
    margin: 2.75em 0 3.25em 0;
  }
}
.visie .second-image {
  margin: 3.5em 0;
}
@media screen and (min-width: 576px) {
  .visie .second-image {
    margin: 3.875em 0 9.18em 0;
  }
}
.visie .collage {
  margin: 10em 0 0 0;
}
.visie .collage .image {
  clip-path: inset(0 0 100% 0);
}
.visie .collage .image figcaption {
  margin: 0.5em 0 0 0;
  font-size: 1em;
  color: #ff0000;
}
.visie .collage .image img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
}
.visie .collage .image.image-1 img {
  aspect-ratio: 530/380;
}
.visie .collage .image.image-2 {
  width: 60%;
  margin: 6em 2.5em 0 auto;
}
@media screen and (min-width: 768px) {
  .visie .collage .image.image-2 {
    margin: 11em 2.5em 0 auto;
  }
}
@media screen and (min-width: 992px) {
  .visie .collage .image.image-2 {
    width: 50%;
  }
}
.visie .collage .image.image-2 img {
  aspect-ratio: 308/462;
}
.visie .collage .image.image-3 {
  width: 100%;
  margin: 6em 0 0 0;
}
.visie .collage .image.image-3 img {
  aspect-ratio: 675/895;
}

.familie {
  padding: 6.3em 0 7.125em 0;
}

.werkwijze {
  padding: 7em 0 0 0;
}
@media screen and (min-width: 576px) {
  .werkwijze {
    padding: 5.5em 0 0 0;
  }
}
.werkwijze .h1 {
  margin: 0 0 0.35em 0;
}
@media screen and (min-width: 576px) {
  .werkwijze .h1 {
    margin: 0 0 0.14em 0;
  }
}
.werkwijze .first-image {
  margin: 2.5em 0 0 0;
}
@media screen and (min-width: 576px) {
  .werkwijze .first-image {
    margin: 7em 0 0 0;
  }
}

.awards {
  padding: 10em 0 3.5em 0;
}
@media screen and (min-width: 576px) {
  .awards {
    padding: 12.75em 0 9.75em 0;
  }
}
.awards .h1 {
  line-height: 1.05;
}
.awards .page-content ul li {
  padding: 0;
}
.awards .page-content ul li:before {
  display: none;
}

/* PROJECTS */
.filters {
  margin: 0 0 0.65em 0;
  display: flex;
  gap: 0.7em;
}
@media screen and (min-width: 576px) {
  .filters {
    gap: 4.8em;
  }
}
.filters button {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.4em;
  font-size: clamp(1.375em, 3.714vw, 2.5em);
  color: #0070ff;
  border: 0;
  background-color: transparent;
}
@media screen and (min-width: 576px) {
  .filters button {
    gap: 0.25em;
  }
}
.filters button span {
  display: flex;
  white-space: nowrap;
}
.filters button svg {
  width: 1em;
}
.filters button svg path {
  fill: #0070ff;
}
.filters button.show-filter-list {
  text-transform: lowercase;
}
.filters button.reset-filter-button {
  gap: 0.45em;
  text-transform: lowercase;
  display: none;
}
.filters button.reset-filter-button svg {
  width: 0.65em;
  transform: translateY(0.092em);
}

#loading-indicator {
  text-align: center;
}
#loading-indicator svg {
  width: 3.5em;
}

.projects-list {
  list-style-type: none;
}
.projects-list li:not(:last-child) {
  margin: 0 0 0.3em 0;
}
@media screen and (min-width: 576px) {
  .projects-list li:not(:last-child) {
    margin: 0 0 0.22em 0;
  }
}
.projects-list li a, .projects-list li button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 1em;
  text-decoration: none;
  line-height: 1.2;
  transition: 0.65s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.projects-list li a .title-wrapper, .projects-list li button .title-wrapper {
  display: flex;
  align-items: center;
  gap: 0 1.1em;
}
.projects-list li a .title, .projects-list li button .title {
  font-size: clamp(1.375em, 3.714vw, 2.5em);
}
.projects-list li a .label, .projects-list li button .label {
  padding: 0.38em 1em;
  display: none;
  font-size: 0.875em;
  font-weight: 700;
  color: #000;
  transform: translateY(0.18em);
  opacity: 0;
  border-radius: 2em;
  background-color: #fff000;
  transition: 0.65s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
@media screen and (min-width: 576px) {
  .projects-list li a .label, .projects-list li button .label {
    display: inline-block;
  }
}
.projects-list li a .time, .projects-list li button .time {
  font-size: clamp(1.375em, 3.714vw, 2.5em);
}
.projects-list li a:hover, .projects-list li a:focus-visible, .projects-list li button:hover, .projects-list li button:focus-visible {
  color: #ff0000;
}
.projects-list li a:hover .label, .projects-list li a:focus-visible .label, .projects-list li button:hover .label, .projects-list li button:focus-visible .label {
  color: #000;
  opacity: 1;
}
.projects-list li a.active, .projects-list li button.active {
  color: #ff0000;
}
.projects-list li button {
  padding: 0;
  text-transform: lowercase;
  border: 0;
  background-color: unset;
}
.projects-list .expand-image {
  width: 15em;
  max-width: 100%;
  margin: 0.65em 0 1.6em 0;
  display: none;
  flex-direction: column;
  align-items: start;
  gap: 0.4em;
  opacity: 0;
  transition: 0.65s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
@media screen and (min-width: 576px) {
  .projects-list .expand-image {
    width: 28em;
  }
}
.projects-list .expand-image img {
  width: 100%;
}

.filter-list {
  opacity: 0;
}

/* SINGLE PAGE */
.single-page-title-wrapper {
  margin: 0 0 0.85em 0;
  display: flex;
  align-items: end;
  justify-content: space-between;
}
@media screen and (min-width: 576px) {
  .single-page-title-wrapper {
    margin: 0 0 2.125em 0;
  }
}
.single-page-title-wrapper .title {
  font-size: clamp(2em, 2.857vw, 2em);
  line-height: 1.1;
}
@media screen and (min-width: 576px) {
  .single-page-title-wrapper .title {
    font-size: clamp(2em, 4.2857vw, 3.125em);
  }
}
.single-page-title-wrapper .btn {
  margin: 0 0 0.1em 0;
}

.image-row {
  padding: 1.31em 0;
}
@media screen and (min-width: 992px) {
  .image-row {
    padding: 5em 0;
  }
}

.single-page-image {
  width: 100%;
  margin: 0 0 2.9em 0;
}
@media screen and (min-width: 576px) {
  .single-page-image {
    margin: 0 0 3.75em 0;
  }
}
.single-page-image.single-page-image-news {
  margin: 0 0 2.2em 0;
}
.single-page-image .image-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-page-image .image-wrapper img {
  width: 100%;
}
.single-page-image .image-wrapper .video-btn {
  width: 2.35em;
  height: 2.35em;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 1em;
  border-radius: 2em;
  border: 0;
  background-color: #fff000;
}
.single-page-image .image-wrapper .video-btn path {
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.single-page-image .image-wrapper .video-btn:hover {
  color: #fff000;
  background-color: #000;
}
.single-page-image .image-wrapper .video-btn:hover path {
  fill: #fff000;
}
.single-page-image .image-wrapper .video-btn svg {
  width: 0.65em;
  transform: translatex(0.05em);
}
.single-page-image .image-wrapper .dot {
  width: 1.31em;
  height: 1.31em;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #fff000;
}
.single-page-image .image-wrapper .dot .icon {
  width: 0.7em;
  height: 0.7em;
  position: relative;
  top: 0.03em;
  display: block;
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.single-page-image .image-wrapper .dot:hover .icon {
  transform: rotate(45deg);
}
.single-page-image .image-description {
  margin: 0.4em 0 0 0;
  font-size: clamp(0.75em, 1.3vw, 1em);
}

/* popover */
.popover {
  max-width: 14em;
  font-family: "Maxeville", sans-serif;
  font-size: 1em;
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: 0.35em;
  border: 0;
  background-color: #fff000;
}
.popover.show {
  opacity: 1;
}
.popover .popover-body {
  padding: 1em 1.5em 1.28em 1em;
  color: #000;
  line-height: 1.38;
}
.popover .popover-body a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.popover .popover-body a:before {
  content: "";
  height: 0.055em;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(1);
  transition: transform 0.5s cubic-bezier(0.3, 1, 0.3, 1);
  transform-origin: left;
  background-color: #000;
}
.popover .popover-body a:hover:before, .popover .popover-body a.active:before {
  transform: scaleX(0);
  transform-origin: right;
}
.popover .popover-arrow {
  display: none;
}

.page-content-title {
  margin: 0 0 0.5em 0;
  font-size: clamp(1.375em, 2.285vw, 1.5em);
}
@media screen and (min-width: 576px) {
  .page-content-title {
    font-size: clamp(2em, 2.857vw, 2em);
  }
}

.single-sidebar {
  margin: 3.5em 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 2.25em;
}
@media screen and (min-width: 768px) {
  .single-sidebar {
    margin: 0;
  }
}
.single-sidebar ul {
  font-weight: 300;
  list-style-type: none;
}
.single-sidebar ul, .single-sidebar ol, .single-sidebar p {
  font-size: clamp(1em, 2vw, 1.125em);
}
.single-sidebar a {
  text-decoration: none;
}
.single-sidebar .toggle-list {
  width: calc(100% - 3em);
}
@media screen and (min-width: 768px) {
  .single-sidebar .toggle-list {
    width: 100%;
  }
}
.single-sidebar .toggle-list .toggle-list-item button {
  width: 100%;
  padding: 0.47em 0;
  display: flex;
  justify-content: space-between;
  color: #ff0000;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #000;
  background-color: unset;
}
.single-sidebar .toggle-list .toggle-list-item button .icon {
  width: 0.7em;
  transform: translateY(0.05em);
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.single-sidebar .toggle-list .toggle-list-item button .icon path {
  fill: #ff0000;
}
.single-sidebar .toggle-list .toggle-list-item button:not(.collapsed) .icon {
  transform: rotate(-45deg);
}
.single-sidebar .toggle-list .toggle-list-item .toggle-text .toggle-text-inner {
  padding: 0.7em 2em 0.7em 0;
  font-size: clamp(16px, 1.1vw, 24px);
}
.single-sidebar .toggle-list .toggle-list-item .toggle-text ul li {
  padding: 0 0 0 0.65em;
  position: relative;
}
.single-sidebar .toggle-list .toggle-list-item .toggle-text ul li:before {
  content: "";
  width: 0.3em;
  height: 0.3em;
  position: absolute;
  top: 0.6em;
  left: 0;
  background-color: #000;
}
.single-sidebar .toggle-list .toggle-list-item:first-child button {
  padding-top: 0;
}

.page-link {
  margin: 2em 0 0 0;
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  font-size: clamp(1.5em, 3vw, 2.5em);
  text-decoration: none;
}
@media screen and (min-width: 576px) {
  .page-link {
    margin: 0;
    gap: 0.3em;
  }
}
.page-link .icon {
  width: 0.9em;
  transform: translateY(0.075em);
}
.page-link .icon path {
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.page-link:hover {
  color: #0070ff;
}
.page-link:hover path {
  fill: #0070ff;
}
.page-link.page-link-top {
  color: #ff0000;
}
.page-link.page-link-top .icon {
  transform: translateY(0em);
}
.page-link.page-link-top .icon path {
  fill: #ff0000;
}

/* PAGE BLOCK */
.page-block-row {
  --bs-gutter-y: 2.75em;
}

.page-block {
  text-decoration: none;
}
.page-block img {
  width: 100%;
  margin: 0 0 1em 0;
  aspect-ratio: 444/292;
  object-fit: cover;
  overflow: hidden;
}
.page-block .page-block-content {
  padding: 0 1em 0 0;
}
@media screen and (min-width: 576px) {
  .page-block .page-block-content {
    padding: 0 3em 0 0;
  }
}
.page-block .title {
  margin: 0 0 0.37em 0;
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.page-block .read-more {
  display: block;
  color: #0070ff;
  text-decoration: none;
  white-space: nowrap;
}
@media screen and (min-width: 576px) {
  .page-block .read-more {
    display: inline-block;
  }
}

/* COMPANY BLOCK */
.companies .cta-block-left {
  margin: 6.25em 0 0 0;
}
@media screen and (min-width: 768px) {
  .companies .cta-block-left {
    margin: 9em 0 4.5em 0;
  }
}
.companies .cta-block-right {
  margin: 6.25em 0 0 0;
}
@media screen and (min-width: 768px) {
  .companies .cta-block-right {
    margin: 4em 0;
  }
}

.company-block {
  display: block;
  text-decoration: none;
}
.company-block:not(:first-child) {
  margin: 6.25em 0 0 0;
}
@media screen and (min-width: 768px) {
  .company-block:not(:first-child) {
    margin: 8.2em 0 0 0;
  }
}
.company-block img {
  width: 100%;
  margin: 0 0 1em 0;
  aspect-ratio: 352/231;
  object-fit: cover;
  overflow: hidden;
}
@media screen and (min-width: 576px) {
  .company-block img {
    aspect-ratio: 1372/650;
  }
}
.company-block .page-block-content {
  padding: 0 3em 0 0;
}
.company-block .title {
  margin: 0 0 0.12em 0;
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
@media screen and (max-width: 575.98px) {
  .company-block .title {
    margin: 0 0 0.45em 0;
    font-size: clamp(2em, 4.2857vw, 3.125em);
  }
}
.company-block .read-more {
  display: inline-block;
  color: #ff0000;
  text-decoration: none;
  white-space: nowrap;
}
.company-block:hover .title {
  color: #ff0000;
}

/* ANCHOR LINKS */
.anchor-links {
  margin: 0 0 1.75em 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45em 0.7em;
  list-style-type: none;
}
@media screen and (min-width: 576px) {
  .anchor-links {
    margin: 0 0 1.35em 0;
    gap: 0.3em 1em;
  }
}
@media screen and (min-width: 576px) {
  .anchor-links .break {
    height: 0;
    flex-basis: 100%;
  }
}
.anchor-links a {
  position: relative;
  display: inline-block;
  font-size: clamp(1.25em, 2.285vw, 1.5em);
  text-decoration: none;
  line-height: 1.12;
}
.anchor-links a:before {
  content: "";
  height: 0.055em;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(1);
  transition: transform 0.5s cubic-bezier(0.3, 1, 0.3, 1);
  transform-origin: left;
  background-color: #000;
}
.anchor-links a:hover:before {
  transform: scaleX(0);
  transform-origin: right;
}

/* HUISVEST */
.filter-row {
  margin: 2.18em 0 2.5em 0;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3.4em 0;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .filter-row {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1200px) {
  .filter-row {
    margin: 0 0 3em 0;
  }
}
.filter-row .options {
  order: 2;
}
@media screen and (min-width: 992px) {
  .filter-row .options {
    order: 1;
  }
}
.filter-row .options .categories {
  margin: 0 0 1.68em 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 1.15em;
  list-style-type: none;
}
@media screen and (min-width: 992px) {
  .filter-row .options .categories {
    margin: 0 0 1.35em 0;
    gap: 0.65em 1.85em;
  }
}
.filter-row .options .categories a {
  position: relative;
  display: inline-block;
  font-size: clamp(1.25em, 2.285vw, 1.5em);
  text-decoration: none;
  line-height: 1.12;
}
.filter-row .options .categories a:before {
  content: "";
  height: 0.055em;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: transform 0.5s cubic-bezier(0.3, 1, 0.3, 1);
  transform-origin: right;
  background-color: #000;
}
.filter-row .options .categories a:hover:before, .filter-row .options .categories a.active:before {
  transform: scaleX(1);
  transform-origin: left;
}
.filter-row .options .filter {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65em;
}
.filter-row .service {
  display: flex;
  align-items: self-start;
  justify-content: space-between;
  flex-direction: column;
  gap: 0.625em 0;
  order: 1;
}
@media screen and (min-width: 992px) {
  .filter-row .service {
    align-items: self-end;
    order: 2;
  }
}
.filter-row .service span {
  font-size: 0.875em;
  line-height: 1.3;
  text-align: right;
  color: #ff0000;
}
.filter-row .service .dropdown-menu {
  text-align: start;
}
@media screen and (min-width: 992px) {
  .filter-row .service .dropdown-menu {
    text-align: end;
  }
}

.object-row {
  --bs-gutter-y: 3.3em;
}
@media screen and (min-width: 576px) {
  .object-row {
    --bs-gutter-y: 10em;
  }
}
@media screen and (min-width: 576px) and (max-width: 992px) {
  .object-row .object-col:nth-of-type(2n + 2) {
    margin-top: 12.2em;
  }
}
@media screen and (min-width: 992px) {
  .object-row .object-col:nth-of-type(3n + 2) {
    margin-top: 12.2em;
  }
}
@media screen and (min-width: 992px) {
  .object-row .object-col:nth-of-type(3n + 3) {
    margin-top: 14.4em;
  }
}
.object-row .cta-block-small {
  margin: 0 0 3.3em 0;
}
@media screen and (min-width: 576px) {
  .object-row .cta-block-small {
    margin: 0;
  }
}

.object-block {
  text-decoration: none;
}
.object-block .object-block-image {
  margin: 0 0 0.75em 0;
  position: relative;
  aspect-ratio: 444/292;
  overflow: hidden;
}
@media screen and (min-width: 576px) {
  .object-block .object-block-image {
    margin: 0 0 1em 0;
  }
}
.object-block .object-block-image .label {
  padding: 0.3em 1em;
  position: absolute;
  top: 1.15em;
  right: 1.15em;
  display: inline-block;
  font-size: 0.875em;
  border-radius: 2em;
  background-color: white;
  z-index: 1;
}
.object-block .object-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.25s all ease;
}
.object-block .object-block-content .price {
  margin: 0 0 0.4em 0;
  padding: 0.3em 1em;
  display: inline-block;
  font-size: 0.875em;
  color: #fff000;
  border-radius: 2em;
  background-color: #000;
}
.object-block .object-block-content .title {
  margin: 0 0 0.085em 0;
  font-size: clamp(1.5em, 2.857vw, 2em);
}
.object-block .object-block-content .subline {
  margin: 0 0 0.3em 0;
  display: inline-block;
  font-size: clamp(1.125em, 2.857vw, 1.5em);
  color: #939393;
}
@media screen and (min-width: 576px) {
  .object-block .object-block-content .subline {
    margin: 0 0 0.26em 0;
  }
}
.object-block .object-block-content p {
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .object-block .object-block-content p {
    padding: 0 6em 0 0;
  }
}
.object-block:hover img {
  transform: scale(1.02);
}

.load-more {
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 0 0.45em;
  font-size: clamp(1.5em, 3vw, 2.5em);
  text-decoration: none;
  color: #000;
  border: 0;
  background-color: unset;
}
@media screen and (min-width: 576px) {
  .load-more {
    gap: 0 0.33em;
  }
}
.load-more .icon {
  width: 0.9em;
  transform: translateY(0.075em);
}
.load-more .icon path {
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

/* HUISVEST SINGLE */
.image-slider {
  margin: 2em 0;
  overflow: visible;
}
@media screen and (min-width: 576px) {
  .image-slider {
    margin: 3.25em 0 3.6em 0;
  }
}
.image-slider img {
  width: 100%;
  aspect-ratio: 16/12;
  object-fit: cover;
  overflow: hidden;
}
@media screen and (min-width: 576px) {
  .image-slider img {
    aspect-ratio: 16/11;
  }
}

.postcode {
  margin: 0 0 0.65em 0;
  display: block;
  font-size: clamp(1.25em, 2.5vw, 1.875em);
  color: #939393;
}

.object-details {
  margin: 3.75em 0 0.85em 0;
  font-size: clamp(1em, 2vw, 1.125em);
  list-style-type: none;
  column-count: 2;
}
@media screen and (min-width: 992px) {
  .object-details {
    margin: 0 0 0.85em 0;
  }
}
.object-details li {
  margin: 0 0 0.85em 0;
  break-inside: avoid;
}
.object-details li .title {
  margin: 0 0 0.15em 0;
  display: block;
  color: #939393;
  line-height: 1.2;
}

.extra-details {
  height: 0;
  margin: 0 0 0.8em 0;
  overflow: hidden;
  transform: scale(0.98);
  opacity: 0;
  transition: 0.22s all ease-in-out;
}
.extra-details.is-visible {
  height: auto;
  margin: 0 0 1.8em 0;
  transform: scale(1);
  opacity: 1;
}

.toggle-object-details .icon {
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.toggle-object-details.active .icon {
  transform: scaleY(-1);
}

/* MAP */
#map {
  height: 28em;
  position: relative;
}
@media screen and (min-width: 576px) {
  #map {
    height: 42em;
  }
}

.custom-info-window {
  pointer-events: auto;
  z-index: 9999;
  overflow: hidden;
  position: absolute;
}
.custom-info-window .close-btn {
  position: absolute;
  top: 0.5em;
  right: 0.75em;
  cursor: pointer;
}
.custom-info-window .close-btn svg {
  width: 0.65em;
}
.custom-info-window .info-window-arrow {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #939393;
  margin: 0 auto;
}
.custom-info-window.main-window .info-window-content {
  background-color: #fff000;
}
.custom-info-window.main-window .info-window-arrow {
  border-top-color: #fff000;
}
.custom-info-window .info-window-content {
  padding: 2em 0.75em 1.1em 0.75em;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  font-family: "Maxeville", sans-serif;
  text-decoration: none;
  background-color: #939393;
}
.custom-info-window .info-window-content img {
  width: 7.5rem;
  aspect-ratio: 16/11;
  object-fit: cover;
  overflow: hidden;
}
.custom-info-window .info-window-content .info .city {
  display: block;
  font-size: 0.625rem;
}
.custom-info-window .info-window-content .info .street {
  display: block;
  font-size: 0.875rem;
}

/* MAGNIFIC POPUP */
.gallery-item {
  cursor: zoom-in;
}

.mfp-bg {
  opacity: 1;
  background-color: #fff000;
}

.mfp-container {
  padding: 0;
}
.mfp-container .mfp-content {
  position: unset !important;
}
.mfp-container .mfp-content .mfp-figure:after {
  content: unset;
}
.mfp-container .mfp-content .mfp-figure .mfp-close {
  width: 4.1em;
  height: 4.1em;
  padding: 0;
  top: 1.2em;
  right: 1.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: unset;
  font-size: unset;
  line-height: 0;
  color: #000;
  opacity: 1;
  background-color: #fff000;
}
.mfp-container .mfp-content .mfp-figure .mfp-close:after {
  width: 1.5em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.308 13.308'%3E%3Cpath d='M1.054 13.308 0 12.254l5.6-5.6-5.6-5.6L1.054 0l5.6 5.6 5.6-5.6 1.054 1.054-5.6 5.6 5.6 5.6-1.054 1.054-5.6-5.6-5.6 5.6Z'/%3E%3C/svg%3E");
  display: block;
}
.mfp-container .mfp-content .mfp-figure figure .mfp-img {
  padding: 2.5em 0 4.25em 0;
}
.mfp-container .mfp-content .mfp-figure figure .mfp-bottom-bar {
  margin-top: 0;
  position: relative;
  text-align: end;
}
.mfp-container .mfp-content .mfp-figure figure .mfp-bottom-bar .mfp-counter {
  position: absolute;
  top: -3.2em;
  right: 1.5em;
  font-size: 1em;
  color: #000;
}
@media screen and (min-width: 1540px) {
  .mfp-container .mfp-content .mfp-figure figure .mfp-bottom-bar .mfp-counter {
    right: 0;
  }
}
.mfp-container .mfp-arrow {
  width: 4.1em;
  height: 4.1em;
  line-height: 0;
  opacity: 1 !important;
  background-color: #fff000;
}
.mfp-container .mfp-arrow:before {
  content: unset;
}
.mfp-container .mfp-arrow:after {
  width: auto;
  height: auto;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: unset;
  color: #000;
  border: unset;
}
.mfp-container .mfp-arrow.mfp-arrow-left {
  left: 1.5em;
}
.mfp-container .mfp-arrow.mfp-arrow-left:after {
  width: 2.1em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='m1.921 7.5 5.793 5.792L7 14 0 7l7-7 .714.708L1.92 6.5H14v1H1.921Z'/%3E%3C/svg%3E");
}
.mfp-container .mfp-arrow.mfp-arrow-right {
  right: 1.5em;
}
.mfp-container .mfp-arrow.mfp-arrow-right:after {
  width: 2.1em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M12.079 6.5 6.286.708 7 0l7 7-7 7-.714-.708L12.08 7.5H0v-1h12.079Z'/%3E%3C/svg%3E");
}

/* NIEUWS */
.news-search-wrapper {
  margin: 2.8em 0 1.9em 0;
  padding: 0 0 0 2.5em;
  position: relative;
}
@media screen and (min-width: 576px) {
  .news-search-wrapper {
    padding: 0 0 0 3em;
  }
}
@media screen and (min-width: 1200px) {
  .news-search-wrapper {
    margin: 0 0 1.9em 0;
  }
}
.news-search-wrapper svg {
  width: 1.8em;
  position: absolute;
  top: 0.6em;
  left: 0;
}
@media screen and (min-width: 576px) {
  .news-search-wrapper svg {
    width: 2.3em;
    top: 0.7em;
  }
}
.news-search-wrapper .news-search {
  max-width: 100%;
  padding: 0;
  font-size: 2em;
  line-height: 1;
  border: 0;
  background-color: unset;
}
@media screen and (min-width: 576px) {
  .news-search-wrapper .news-search {
    font-size: 2.5em;
  }
}
.news-search-wrapper .news-search::placeholder {
  color: #000;
}
.news-search-wrapper .news-search:focus {
  outline: 0;
}

.news-block {
  text-decoration: none;
}
.news-block .news-block-image {
  margin: 0 0 1em 0;
  position: relative;
  aspect-ratio: 444/292;
  overflow: hidden;
}
.news-block .news-block-image .label {
  padding: 0.3em 1em;
  position: absolute;
  top: 1.15em;
  right: 1.15em;
  display: inline-block;
  font-size: 0.875em;
  border-radius: 2em;
  background-color: white;
  z-index: 1;
}
.news-block .news-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.25s all ease;
}
@media screen and (min-width: 1200px) {
  .news-block .news-block-content {
    padding: 0 3em 0 0;
  }
}
.news-block .news-block-content .label {
  margin: 0 0 0.9em 0;
  padding: 0.3em 1em;
  display: inline-block;
  font-size: 0.875em;
  color: white;
  border-radius: 2em;
  background-color: #000;
}
@media screen and (min-width: 576px) {
  .news-block .news-block-content .label {
    margin: 0 0 0.65em 0;
  }
}
.news-block .news-block-content .title {
  margin: 0 0 0.5em 0;
  font-size: 1.5em;
}
.news-block .news-block-content p {
  line-height: 1.4;
}
.news-block:hover img {
  transform: scale(1.02);
}

@media screen and (max-width: 991.98px) {
  .featured-row {
    --bs-gutter-y: 3.3em;
  }
}
@media screen and (min-width: 992px) {
  .featured-row .featured-col:nth-of-type(3n + 2) {
    margin-top: 2.2em;
  }
}
@media screen and (min-width: 992px) {
  .featured-row .featured-col:nth-of-type(3n + 3) {
    margin-top: 4.4em;
  }
}

/* Werken bij */
.submenu {
  margin: 0 0 2.25em 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 1.15em;
  list-style-type: none;
}
@media screen and (min-width: 992px) {
  .submenu {
    gap: 0.65em 1.85em;
  }
}
.submenu a {
  position: relative;
  display: inline-block;
  font-size: clamp(1.25em, 2.285vw, 1.5em);
  text-decoration: none;
  text-transform: lowercase;
  line-height: 1.12;
}
.submenu a:before {
  content: "";
  height: 0.055em;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: transform 0.5s cubic-bezier(0.3, 1, 0.3, 1);
  transform-origin: right;
  background-color: #000;
}
.submenu a:hover:before, .submenu a.active:before {
  transform: scaleX(1);
  transform-origin: left;
}

.vacature-row {
  --bs-gutter-y: 3.3em;
}
@media screen and (min-width: 576px) {
  .vacature-row {
    --bs-gutter-y: 4.75em;
  }
}
.vacature-row .cta-block {
  margin-bottom: 3.3em;
}
@media screen and (min-width: 576px) {
  .vacature-row .cta-block {
    margin-bottom: 6.5em;
  }
}

/* Team */
.hidden-images {
  height: 100%;
  margin: 0 1.1em 0 0;
  position: relative;
}
.hidden-images .hidden-image {
  width: 100%;
  padding: 0.6em 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.hidden-images .hidden-image img {
  width: 100%;
}
.hidden-images .hidden-image figcaption {
  width: 80%;
  margin: 0.45em 0 0 0;
  color: #ff0000;
  line-height: 1.32;
}

@media screen and (min-width: 1200px) {
  .team-row {
    padding-top: 0.85em;
  }
}

.team-list {
  list-style-type: none;
}

.team-member {
  padding: 0.35em 0;
  cursor: pointer;
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.team-member:last-child {
  padding-bottom: 0;
}
.team-member:hover, .team-member.active {
  color: white;
}
.team-member .item {
  display: grid;
  align-items: end;
  gap: 0 1.8em;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.team-member .name {
  font-size: clamp(1.375em, 3.714vw, 2.5em);
  line-height: 1;
}
.team-member .role {
  line-height: 1.05;
  color: white;
  text-transform: lowercase;
}
@media screen and (min-width: 768px) {
  .team-member .role {
    font-size: clamp(2em, 2.857vw, 2em);
  }
}
.team-member .expand-image {
  width: 15em;
  max-width: 100%;
  margin: 0.65em 0 1.7em 0;
  display: none;
  opacity: 0;
  flex-direction: column;
  align-items: start;
  gap: 0.4em;
}
@media screen and (min-width: 576px) {
  .team-member .expand-image {
    width: 28em;
  }
}
.team-member .expand-image img {
  width: 100%;
}

.video-modal button {
  width: 3em;
  height: 3em;
  position: absolute;
  top: 1.3em;
  right: 1.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-radius: 50%;
  border: 0;
  background-color: #fff000;
}
.video-modal button svg {
  width: 0.8em;
}
.video-modal button:hover {
  background-color: #000;
}
.video-modal button:hover path {
  fill: #fff000;
}

/* MAILCHIMP */
#mc_embed_signup {
  margin: 1.2em 0 0 0;
}
#mc_embed_signup #mc_embed_signup_scroll {
  width: 28em;
  max-width: 100%;
}
#mc_embed_signup input {
  width: 100%;
  padding: 0.47em 0.8em !important;
  font-size: 0.875em !important;
  font-weight: 300 !important;
  color: #000 !important;
  border: 0 !important;
  background: #ebdd2e !important;
}
#mc_embed_signup input::placeholder {
  color: #877f16 !important;
}
#mc_embed_signup input:focus {
  outline: 0 !important;
}
#mc_embed_signup .fname {
  width: 80%;
}
@media screen and (min-width: 576px) {
  #mc_embed_signup .fname {
    width: 50%;
  }
}
#mc_embed_signup .email {
  margin: 0.8em 0 0 0;
}
#mc_embed_signup .btn {
  margin-top: 2.6em;
}
#mc_embed_signup div.mce_inline_error {
  margin: 0 !important;
  padding: 0.32em 0 0 0 !important;
  font-size: 0.875em;
  font-weight: 300 !important;
  color: #ff0000 !important;
  background-color: transparent !important;
}

/* NINJA FORMS */
.nf-form-content {
  padding: 0 !important;
}

.nf-form-fields-required {
  display: none;
}

.ninja-forms-req-symbol {
  display: none;
}

.nf-error.field-wrap .nf-field-element:after {
  display: none;
}

.nf-error-msg {
  margin-top: 0.7em;
  font-size: 0.7em !important;
  line-height: 1.2;
}

.nf-after-form-content .nf-error-msg {
  margin: 0.8em 0 0 0;
}

.nf-pass.field-wrap .nf-field-element:after {
  display: none !important;
}

.nf-multi-cell .nf-cell {
  padding: 0 !important;
}

@media screen and (min-width: 601px) {
  .nf-row nf-cells {
    display: flex;
    gap: 0.9365em;
  }
}

.nf-field-container {
  margin-bottom: 1em !important;
}

.nf-field-label .nf-label-span, .nf-field-label label {
  font-size: 0.875em !important;
  font-weight: 300 !important;
  color: #877f16;
}

.nf-form-content .label-above .nf-field-label {
  margin-bottom: 0.42em !important;
  line-height: 1 !important;
}

.label-hidden .nf-field-label {
  display: none !important;
}

.nf-form-title h3 {
  margin: 0 0 1.3em 0;
  font-size: clamp(1em, 2vw, 1.125em);
}

.nf-form-content input:not([type=submit]) {
  height: auto !important;
  padding: 0.47em 0.8em !important;
  font-size: 0.875em !important;
  font-weight: 300 !important;
  color: #000 !important;
  border: 0 !important;
  background: #ebdd2e !important;
}
.nf-form-content input:not([type=submit])::placeholder {
  color: #877f16 !important;
}
.nf-form-content input:not([type=submit]):focus {
  outline: 0 !important;
}

.nf-form-content textarea.ninja-forms-field {
  height: 8.25em !important;
  padding: 0.47em 0.8em !important;
  font-size: 0.875em !important;
  font-weight: 300 !important;
  color: #000 !important;
  border: 0;
  background-color: #ebdd2e !important;
}
.nf-form-content textarea.ninja-forms-field::placeholder {
  color: #877f16 !important;
}
.nf-form-content textarea.ninja-forms-field:focus {
  outline: 0 !important;
}

.nf-form-content input[type=submit] {
  height: auto !important;
  margin-top: 0.3em !important;
  padding: 0.5em 1em 0.65em 1em !important;
  font-size: 1em !important;
  color: #fff000 !important;
  line-height: 1 !important;
  border-radius: 2em !important;
  background: #000 !important;
}
.nf-form-content input[type=submit]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.submit-container {
  margin-bottom: 0 !important;
}

.nf-fu-progress {
  display: none;
}

.file_upload-wrap .nf-fu-fileinput-button {
  margin: 0 0 0.25em 0 !important;
  padding: 0.61em 1em 0.65em 1em !important;
  font-size: 0.875em !important;
  color: #000 !important;
  line-height: 1 !important;
  border-radius: 2em !important;
  background: white !important;
}
.file_upload-wrap input[type=file] {
  height: 0 !important;
  padding: 0 !important;
}
.file_upload-wrap button[type=reset] {
  display: none !important;
}
.file_upload-wrap .files_uploaded p {
  margin: 0.3em 0 0 0;
  font-size: 0.875em;
}

.form-block .nf-form-content .listcheckbox-wrap li, .form-block .nf-form-content .listradio-wrap li {
  margin-bottom: 0 !important;
}
.form-block .listradio-wrap .nf-field-element label, .form-block .listcheckbox-wrap .nf-field-element label {
  margin-left: 0 !important;
  padding: 0 0 0 1.25em;
  font-size: 0.875em !important;
  font-weight: 300 !important;
  line-height: 1.45 !important;
}
.form-block .list-wrap input[type=radio] {
  position: absolute;
}

.listradio-wrap .nf-field-element label:before, .listcheckbox-wrap .nf-field-element label:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 137.197 144.198'%3E%3Cpath d='M117.198 0h20l-.6 1.4-54.8 142.798H61.2L28 58H0V43.2h41.4l.2.6 29.798 80.998L117.198 0Z'/%3E%3C/svg%3E") !important;
  width: 0.625em !important;
  height: 0.625em !important;
  position: absolute;
  top: 0.328em !important;
  bottom: 0 !important;
  left: 0 !important;
  font-size: clamp(1em, 2vw, 1.125em) !important;
  line-height: 0 !important;
  z-index: 1;
  opacity: 0;
  transform: scale(0);
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
  border-radius: 0 !important;
  background: unset !important;
  cursor: pointer;
}

.listradio-wrap .nf-field-element label.nf-checked-label:before, .listcheckbox-wrap .nf-field-element label.nf-checked-label:before {
  opacity: 1;
  transform: scale(1);
}

.listradio-wrap .nf-field-element label:after, .listcheckbox-wrap .nf-field-element label:after {
  width: 0.625em !important;
  height: 0.625em !important;
  top: 0.328em !important;
  left: 0 !important;
  font-size: clamp(1em, 2vw, 1.125em) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: #ebdd2e !important;
  cursor: pointer;
}

input[type=checkbox]:focus + label:after, input[type=radio]:focus + label:after {
  box-shadow: unset !important;
}

.form-block .checkbox-wrap {
  display: block !important;
}
.form-block .checkbox-wrap .nf-field-label {
  margin-bottom: 0.33em !important;
}
.form-block .checkbox-wrap label {
  margin: 0 !important;
  line-height: 1 !important;
}
.form-block .checkbox-wrap input[type=checkbox] {
  height: 0 !important;
}

.checkbox-wrap .nf-field-label label:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 137.197 144.198'%3E%3Cpath d='M117.198 0h20l-.6 1.4-54.8 142.798H61.2L28 58H0V43.2h41.4l.2.6 29.798 80.998L117.198 0Z'/%3E%3C/svg%3E") !important;
  width: 0.625em !important;
  height: 0.625em !important;
  top: 1.58em !important;
  left: 0 !important;
  font-size: clamp(1em, 2vw, 1.125em) !important;
  line-height: 0 !important;
  z-index: 1;
  opacity: 0;
  transform: scale(0);
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8) !important;
  cursor: pointer;
}

.checkbox-wrap .nf-field-label label.nf-checked-label:before {
  opacity: 1;
  transform: scale(1);
}

.checkbox-wrap .nf-field-label label:after {
  width: 0.625em !important;
  height: 0.625em !important;
  top: 1.58em !important;
  bottom: unset !important;
  left: 0 !important;
  font-size: clamp(1em, 2vw, 1.125em) !important;
  border: 0 !important;
  background-color: #ebdd2e !important;
  cursor: pointer;
}

.nf-field-description {
  padding: 0 4em 0 0;
  font-size: unset !important;
}
.nf-field-description p {
  padding: 0 0 0 1.25em;
  font-size: 0.875em !important;
  font-weight: 300 !important;
}

.short-form .nf-form-content textarea.ninja-forms-field {
  height: 152px !important;
  padding: 0 !important;
  font-size: clamp(1em, 2vw, 1.125em) !important;
  line-height: 38px !important;
  border: 0 !important;
  overflow: hidden !important;
  background-image: -webkit-linear-gradient(left, #fff000 0, transparent 0), -webkit-linear-gradient(right, #fff000 0, transparent 0), -webkit-linear-gradient(#fff000 37px, #000 37px, #000 38px, white 38px);
  background-repeat: repeat-y;
  background-size: 100% 100%, 100% 100%, 100% 38px;
}
.short-form .nf-form-content textarea.ninja-forms-field::placeholder {
  color: #000 !important;
}
.short-form .nf-form-content textarea.ninja-forms-field:focus {
  background-image: -webkit-linear-gradient(left, #fff000 0, transparent 0), -webkit-linear-gradient(right, #fff000 0, transparent 0), -webkit-linear-gradient(#fff000 37px, #000 37px, #000 38px, white 38px);
  background-repeat: repeat-y;
  background-size: 100% 100%, 100% 100%, 100% 38px;
}
.short-form .nf-form-content input[type=submit] {
  margin-top: 1.55em !important;
}

.bg-white .nf-form-content input:not([type=submit]) {
  background: #ebebeb !important;
}
.bg-white .nf-form-content input:not([type=submit])::placeholder {
  color: #939393 !important;
}
.bg-white .nf-form-content textarea.ninja-forms-field {
  background-color: #ebebeb !important;
}
.bg-white .nf-form-content textarea.ninja-forms-field::placeholder {
  color: #939393 !important;
}
.bg-white .short-form .nf-form-content textarea.ninja-forms-field {
  background-image: -webkit-linear-gradient(left, white 0, transparent 0), -webkit-linear-gradient(right, white 0, transparent 0), -webkit-linear-gradient(white 37px, #000 37px, #000 38px, white 38px) !important;
  background-color: transparent !important;
}
.bg-white .short-form .nf-form-content textarea.ninja-forms-field::placeholder {
  color: black !important;
}
.bg-white .short-form .nf-form-content textarea.ninja-forms-field:focus {
  background-image: -webkit-linear-gradient(left, white 0, transparent 0), -webkit-linear-gradient(right, white 0, transparent 0), -webkit-linear-gradient(white 37px, #000 37px, #000 38px, white 38px);
}

/* SEARCH PAGE */
.search-result-title {
  font-weight: 400;
}
.search-result-title span {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.1em;
}

.searchbar-wrapper {
  margin: 0 0 10em 0;
  padding: 0 0 0 2.5em;
  position: relative;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 576px) {
  .searchbar-wrapper {
    padding: 0 0 0.4em 3em;
  }
}
.searchbar-wrapper button {
  padding: 0;
  position: absolute;
  top: 1.1em;
  left: 0;
  border: 0;
  background-color: unset;
}
@media screen and (min-width: 576px) {
  .searchbar-wrapper button {
    top: 1.2em;
  }
}
.searchbar-wrapper button svg {
  width: 1.8em;
}
@media screen and (min-width: 576px) {
  .searchbar-wrapper button svg {
    width: 2.3em;
  }
}
.searchbar-wrapper .searchbar {
  max-width: 100%;
  padding: 0.25em 0;
  font-size: 2em;
  line-height: 1;
  border: 0;
  background-color: unset;
}
@media screen and (min-width: 576px) {
  .searchbar-wrapper .searchbar {
    font-size: 2.5em;
  }
}
.searchbar-wrapper .searchbar::placeholder {
  color: #000;
}
.searchbar-wrapper .searchbar:focus {
  outline: 0;
}

.search-result-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4.3em 0;
}
.search-result-wrapper .search-result-group .label {
  margin: 0 0 0.3em 0;
  padding: 0.3em 1em;
  display: inline-block;
  font-size: 0.875em;
  color: #fff000;
  border-radius: 2em;
  background-color: #000;
  z-index: 1;
}
.search-result-wrapper .search-result-group .title {
  margin: 0 0 0.2em 0;
  font-size: clamp(1.25em, 2.285vw, 1.5em);
  text-transform: lowercase;
}
.search-result-wrapper .search-result-group .search-result {
  padding: 0.7em 2em 0.75em 0;
  position: relative;
  display: flex;
  align-items: center;
  font-size: clamp(1.25em, 2.285vw, 1.5em);
  text-decoration: none;
  line-height: 1.2;
  border-bottom: 1px solid #ff0000;
}
@media screen and (min-width: 576px) {
  .search-result-wrapper .search-result-group .search-result {
    font-size: clamp(2em, 2.857vw, 2em);
  }
}

/* CONTACT PAGE */
.faq-list {
  list-style-type: none;
}
.faq-list .faq-list-item button {
  width: 100%;
  padding: 0.6em 0 0.75em 0;
  display: flex;
  justify-content: space-between;
  gap: 0 1em;
  font-size: clamp(1.25em, 2.285vw, 1.5em);
  line-height: 1.2;
  color: #000;
  text-align: left;
  border: 0;
  border-bottom: 0.04em solid #ff0000;
  background-color: unset;
}
@media screen and (min-width: 576px) {
  .faq-list .faq-list-item button {
    font-size: clamp(2em, 2.857vw, 2em);
  }
}
.faq-list .faq-list-item button .icon {
  width: 0.9em;
  flex-shrink: 0;
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
@media screen and (min-width: 576px) {
  .faq-list .faq-list-item button .icon {
    width: 1.0625em;
  }
}
.faq-list .faq-list-item button:not(.collapsed) .icon {
  transform: rotate(-45deg);
}
.faq-list .faq-list-item .toggle-text .toggle-text-inner {
  padding: 1.3em 2em 1em 0;
}
.faq-list .faq-list-item a {
  color: #ff0000;
  text-decoration: none;
}
.faq-list .faq-list-item:first-child button {
  border-top: 0.04em solid #ff0000;
}

.form-block {
  padding: 1.8em 2em 2.125em 1.125em;
}
@media screen and (min-width: 576px) {
  .form-block {
    padding: 2.43em 3.56em 4.8em 2.625em;
  }
}

.contact-info h2, .contact-info h3, .contact-info h4, .contact-info h5, .contact-info h6 {
  margin: 0 0 0.15em 0;
  color: #ff0000;
}
.contact-info h2 a, .contact-info h3 a, .contact-info h4 a, .contact-info h5 a, .contact-info h6 a {
  color: inherit;
}
.contact-info h2 a:before, .contact-info h3 a:before, .contact-info h4 a:before, .contact-info h5 a:before, .contact-info h6 a:before {
  background-color: #ff0000 !important;
}
.contact-info a {
  color: #000;
}
.contact-info p, .contact-info ul, .contact-info ol {
  font-weight: 400;
}
.contact-info a {
  position: relative;
  display: inline-block;
}
.contact-info a:before {
  content: "";
  height: 0.055em;
  width: 100%;
  position: absolute;
  bottom: 0.08em;
  left: 0;
  transform: scaleX(1);
  transition: transform 0.5s cubic-bezier(0.3, 1, 0.3, 1);
  transform-origin: left;
  background-color: #000;
}
.contact-info a:hover:before, .contact-info a.active:before {
  transform: scaleX(0);
  transform-origin: right;
}
.contact-info ul {
  list-style-type: none;
}
.contact-info ul:last-child {
  margin-bottom: 0;
}
.contact-info ul li {
  padding: 0;
}
.contact-info ul li:before {
  display: none;
}

/* FOOTER */
footer {
  margin-top: auto;
  padding-bottom: clamp(1.15em, 4vw, 2.3em);
}
footer p {
  font-size: 0.875em;
}
@media screen and (min-width: 576px) {
  footer p {
    font-size: clamp(1em, 2vw, 1.125em);
  }
}
footer .footer-menu ul {
  padding-right: 6em;
}

.footer-menu {
  position: relative;
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 0.4em;
}
.footer-menu ul {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 0.6em 0.4em;
  list-style-type: none;
}
.footer-menu ul li .footer-menu-item {
  padding: 0.45em 0.9em 0.6em 0.9em;
  display: block;
  color: #000;
  font-size: 1em;
  text-decoration: none;
  line-height: 1;
  text-transform: lowercase;
  white-space: nowrap;
  border: 0;
  border-radius: 2em;
  background-color: #fff000;
}
.footer-menu ul li .footer-menu-item:hover {
  color: #fff000;
  background-color: #000;
}

.news-popup-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
  position: relative;
}

.news-popup {
  width: 18.75em;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.1em 2em 2em 1em;
  color: #fff000;
  opacity: 0;
  visibility: hidden;
  border-radius: 0.625em;
  z-index: 1;
  transform-origin: bottom left;
}
.news-popup img {
  width: 3.9em;
  height: 3.9em;
  flex-shrink: 0;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
}
.news-popup .close {
  padding: 0;
  position: absolute;
  top: 1.1rem;
  right: 0.7em;
  line-height: 0;
  border: 0;
  background-color: unset;
}
.news-popup .close svg {
  width: 0.5em;
}
.news-popup .close svg path {
  fill: #fff000;
}
.news-popup .fixed {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff000 !important;
  transition: unset;
  background-color: transparent !important;
}
.news-popup .news-popup-inner {
  display: flex;
  align-items: center;
  gap: 0.7em;
  transform: scale(0);
  transform-origin: bottom left;
}
.news-popup .news-popup-content {
  line-height: 1.32;
}
.news-popup .news-popup-content .title {
  display: block;
}

.search-wrapper {
  width: 10.5em;
  position: relative;
}
.search-wrapper svg {
  width: 0.84em;
  position: absolute;
  top: 50%;
  left: 0.8em;
  transform: translateY(-50%);
}
.search-wrapper svg path {
  fill: #939393;
}
.search-wrapper input[type=search] {
  width: 100%;
  padding: 0.36em 0.9em 0.46em 2em;
  font-size: 1em;
  line-height: 1;
  border: 0;
  border-radius: 2em;
  background-color: #fff000;
}
.search-wrapper input[type=search]::placeholder {
  color: #000;
}
.search-wrapper input[type=search]:focus {
  outline: 0;
}

.menu-btn-group {
  position: fixed;
  display: flex;
  gap: 0.375em;
  right: clamp(1em, 4vw, 3em);
  bottom: clamp(1.15em, 4vw, 2.3em);
  z-index: 10;
}
.menu-btn-group.active .scroll-to-top {
  transform: scale(0);
}

.menu-button {
  padding: 0.45em 0.9em 0.6em 0.9em;
  display: flex;
  align-items: center;
  gap: 0.35em;
  color: #000;
  font-size: 1em;
  line-height: 1;
  border-radius: 2em;
  border: 0;
  background-color: #fff000;
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.menu-button.menu-button-gray {
  background-color: #ebebeb;
}
.menu-button .icon {
  width: 0.7em;
  height: 0.7em;
  position: relative;
  top: 0.095em;
  display: block;
}
.menu-button:hover, .menu-button.active {
  color: #fff000;
  background-color: #000;
}
.menu-button:hover .icon path, .menu-button.active .icon path {
  fill: #fff000;
}

.scroll-to-top {
  aspect-ratio: 1/1;
  padding: 0 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: scale(0);
  border: 0;
  background-color: #ebebeb;
  transition: 0.35s all cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.scroll-to-top.active {
  transform: scale(1);
}
.scroll-to-top .icon {
  width: 1em;
  height: 1em;
}
.scroll-to-top:hover {
  background-color: #000;
}
.scroll-to-top:hover .icon path {
  fill: white;
}

.once-in {
  will-change: transform;
}

/* SCREEN READER */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/*# sourceMappingURL=style.css.map */