@charset "UTF-8";
/*
Theme Name: De Ooijse Waard
Theme URI: https://deooijsewaard.nl
Author: Pixel Creation
Author URI: https://www.pixelcreation.nl/
Description: Ontwerp: Simons & Boom | Development: Pixel Creation
Version: 1.0
Text Domain: deooijsewaard
*/
/* Typography */
/* Colors */
@font-face {
  font-family: "Domine";
  src: url("fonts/Domine-Regular.woff2") format("woff2"), url("fonts/Domine-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Domine";
  src: url("fonts/Domine-Bold.woff2") format("woff2"), url("fonts/Domine-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("fonts/Inter-Regular.woff2") format("woff2"), url("fonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("fonts/Inter-Light.woff2") format("woff2"), url("fonts/Inter-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Domine", serif;
  font-size: clamp(14px, 1.25vw, 18px);
  color: #000;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #d28577;
}

/* MAIN */
::selection {
  color: black;
  background: #7dadb5;
}

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

figure img {
  width: 100%;
  border-radius: 0.4375em;
}
figure figcaption {
  margin: 0.5em 0 0 0;
  font-size: 0.9375em;
}

.row {
  --bs-gutter-x: 1.875rem;
}

@media screen and (min-width: 992px) {
  .row-text-columns {
    --bs-gutter-x: 3.4em;
  }
}

/* ACCESSIBILITY */
.skip-links a {
  position: absolute;
  top: -100vh;
  left: -100vw;
  z-index: 9999;
  padding: 1.2em 2em;
  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: 8em;
  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 {
  margin: 0;
}

h1, .h1 {
  font-size: 2.5625em;
  line-height: 1.2;
}
h1 span, .h1 span {
  display: block;
  color: #f0e6d8;
}

h2, .h2 {
  font-size: 1.5625em;
  line-height: 1.2;
}

h3, .h3 {
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.44;
}

a {
  color: inherit;
}

.sectie-titel {
  margin: 0 0 0.7em 0;
}

.sectie-titel-ms {
  margin: 0 0 0.95em 0;
}

.sectie-titel-md {
  margin: 0 0 0.8em 0;
}

.sectie-titel-ml {
  margin: 0 0 1.1em 0;
}

.sectie-titel-lg {
  margin: 0 0 1.25em 0;
}

.page-intro {
  margin: 0 0 5em 0;
}

.page-content-md:has(+ .cta-row) {
  margin: 0 0 3.4em 0;
}
.page-content-md p {
  font-size: 1.25em;
  line-height: 1.5;
}

.page-content-base p, .page-content-base ul {
  font-size: 1.125em;
  line-height: 1.44;
}
.page-content-base h2, .page-content-base h3 {
  font-size: 1.125em;
  font-weight: 700;
}

.page-content p, .page-content ul, .page-content ol {
  margin: 0 0 1.5em 0;
}
.page-content figure,
.page-content .wp-block-image {
  margin: 0 0 1.5em 0;
}
.page-content a {
  color: #f0e6d8;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25em;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.page-content a:hover {
  text-decoration-color: inherit;
}
.page-content p:not(:has(+ h2)) {
  margin: 0 0 1.5em 0;
}
.page-content p:has(+ ul) {
  margin-bottom: 0;
}
.page-content.page-content-info-page p, .page-content.page-content-info-page ul, .page-content.page-content-info-page ol,
.page-content.page-content-info-page figure,
.page-content.page-content-info-page .wp-block-image {
  margin-bottom: 2.95em;
}
.page-content.page-content-info-page p:not(:has(+ h2)) {
  margin-bottom: 2.95em;
}
.page-content.page-content-info-page p:has(+ ul) {
  margin-bottom: 0;
}
.page-content p:has(+ .wp-block-group) {
  margin-bottom: 1.6em;
}
.page-content p:has(+ .wp-block-buttons) {
  margin-bottom: 1.6em;
}
.page-content .wp-block-buttons {
  margin: 1.4em 0 1.5em 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625em;
}
.page-content .wp-block-button__link {
  padding: 0.75em 1.375em;
  display: inline-block;
  font-size: 1em;
  color: #000;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  border: 1px solid #f0e6d8;
  border-radius: 0.9375em;
  background-color: #f0e6d8;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.page-content .wp-block-button__link::after {
  content: "→";
  margin-left: 0.29em;
  font-family: "Inter", sans-serif;
}
.page-content .wp-block-button__link[target=_blank]::after {
  content: "↗";
}
.page-content .wp-block-button__link:hover, .page-content .wp-block-button__link:focus-visible {
  color: #000;
  text-decoration: none;
  border-color: #7dadb5;
  background-color: #7dadb5;
}
.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: "-";
  position: absolute;
  top: 0;
  left: 0;
}

.text-column-wrap {
  margin: 4.2em 0 0 0;
}

.swiper ~ .text-column-wrap {
  margin-top: 2.7em;
}

/* TEXT COLORS */
.text-black {
  color: black;
}

/* BUTTONS */
.btn {
  padding: 0.75em 1.375em 0.75em 1.375em;
  font-size: 1em;
  text-decoration: none;
  border-radius: 0.9375em;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.btn.btn-large {
  padding: 0.835em 3.6em;
  font-size: 1.125em;
}
.btn:hover, .btn:focus-visible {
  text-decoration: none;
}
.btn: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;
}
.btn.btn-primary {
  color: #000;
  border-color: #7dadb5;
  background-color: #7dadb5;
}
.btn.btn-primary:hover, .btn.btn-primary:focus-visible {
  color: #000;
  border-color: #f0e6d8;
  background-color: #f0e6d8;
}
.btn.btn-secondary {
  color: #000;
  border-color: #f0e6d8;
  background-color: #f0e6d8;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus-visible {
  color: #000;
  border-color: #7dadb5;
  background-color: #7dadb5;
}

.arrow {
  font-family: "Inter", sans-serif;
}

/* CONTAINER */
.container {
  width: 100%;
  max-width: 100%;
  padding-left: 1.2em;
  padding-right: 1.2em;
}
@media screen and (min-width: 576px) {
  .container {
    padding-left: 2em;
    padding-right: 2em;
  }
}
@media screen and (min-width: 768px) {
  .container {
    padding-left: 2.25em;
    padding-right: 2.25em;
  }
}

/* SECTIONS */
section.first-section {
  padding-block-start: clamp(2.55em, 7vw, 5.55em);
}
section.contact--info-section {
  padding-block-start: 1em;
}
@media screen and (min-width: 576px) {
  section.contact--info-section {
    padding-block-start: 4.15em;
  }
}
section.home--intro-section {
  padding-block-start: 5em;
}
@media screen and (min-width: 576px) {
  section.home--intro-section {
    padding-block-start: 7.4em;
  }
}
section.home--text-section {
  padding-block-start: 6.7em;
}
section.home--image-section {
  padding-block-start: 6em;
}
@media screen and (min-width: 576px) {
  section.home--image-section {
    padding-block-start: 9.2em;
  }
}
section.home--map-section {
  padding-block-start: 7em;
}
@media screen and (min-width: 576px) {
  section.home--map-section {
    padding-block-start: 10.5em;
  }
}
section.home--news-section {
  padding-block-start: 10em;
}
@media screen and (min-width: 576px) {
  section.home--news-section {
    padding-block-start: 13.6em;
  }
}
section.plan--types-section {
  padding-block-start: 4.3em;
}
section.plan--map-section {
  padding-block-start: 10em;
}
@media screen and (min-width: 576px) {
  section.plan--map-section {
    padding-block-start: 15.6em;
  }
}
section.type--hero-section {
  padding-block-start: 3.4em;
}
section.type--intro-text-section {
  padding-block-start: 5em;
}
@media screen and (min-width: 576px) {
  section.type--intro-text-section {
    padding-block-start: 7em;
  }
}
section.type--slide-section {
  padding-block-start: 11.875em;
}
section.type--map-section {
  padding-block-start: 10.9em;
}
section.type--info-text-section {
  padding-block-start: 12.3em;
}
section.location--video-section {
  padding-block-start: 4.8em;
}
section.location--nearby-section {
  padding-block-start: 8.2em;
}
section.location--map-section {
  padding-block-start: 9.7em;
}
section.location--slide-section {
  padding-block-start: 11.5em;
}
section.location--history-section {
  padding-block-start: 8em;
}
@media screen and (min-width: 576px) {
  section.location--history-section {
    padding-block-start: 11em;
  }
}
section.cta-section {
  padding-block-start: clamp(9em, 21vw, 18.2em);
}

/* HEADER */
.navbar {
  width: 100%;
  padding: 1.25em 0 1.125em;
  z-index: 3;
}
.navbar .container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navbar .logo {
  margin: 0;
  padding: 0;
}
.navbar .logo img {
  width: clamp(5.25em, 11vw, 7.625em);
}
.navbar > .container > .navbar-nav {
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0 1.8em;
  list-style-type: none;
  pointer-events: none;
}
@media screen and (min-width: 1200px) {
  .navbar > .container > .navbar-nav {
    position: absolute;
    inset: 0;
    display: flex;
  }
}
.navbar > .container > .navbar-nav > .nav-item {
  position: relative;
  pointer-events: auto;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.navbar > .container > .navbar-nav > .nav-item > .nav-link {
  padding: 0;
  font-size: 1em;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.navbar > .container > .navbar-nav > .nav-item > .nav-link:hover {
  color: #f0e6d8;
}
.navbar > .container > .navbar-nav > .nav-item > .nav-link.active, .navbar > .container > .navbar-nav > .nav-item > .nav-link.show {
  text-decoration: underline;
  text-decoration-color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.55em;
}
.navbar > .container > .navbar-nav > .nav-item > .nav-link.dropdown-toggle::after {
  content: "";
  display: inline-block;
  width: 0.6875em;
  height: 0.39em;
  margin-left: 0.35em;
  vertical-align: 0.1em;
  border: 0;
  background-color: currentColor;
  -webkit-mask: url(images/chevron-down.svg) no-repeat center/contain;
  mask: url(images/chevron-down.svg) no-repeat center/contain;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.navbar > .container > .navbar-nav > .nav-item > .nav-link.dropdown-toggle.show::after {
  transform: scaleY(-1);
}
.navbar > .container > .navbar-nav .dropdown-menu {
  left: 50%;
  display: block;
  min-width: 15.3em;
  margin-top: 1.7em;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0.4375em;
  background-color: #f0e6d8;
  box-shadow: 0 0.2em 0.6em rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(0.4em);
  transition: opacity 0.3s cubic-bezier(0.7, 0, 0.2, 1), transform 0.3s cubic-bezier(0.7, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}
.navbar > .container > .navbar-nav .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.navbar > .container > .navbar-nav .dropdown-menu > .nav-item {
  margin: 0;
}
.navbar > .container > .navbar-nav .dropdown-menu > .nav-item:not(:last-child) {
  border-bottom: 0.01em solid #d28577;
}
.navbar > .container > .navbar-nav .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.24em;
  padding: 0.95em 1em 0.85em 1.05em;
  font-size: 1em;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.navbar > .container > .navbar-nav .dropdown-menu .dropdown-item .item-label {
  padding: 0;
  font-size: 0.9375em;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.navbar > .container > .navbar-nav .dropdown-menu .dropdown-item .arrow {
  content: "";
  margin: -0.125em 0 0;
  font-size: 1.125em;
  font-weight: 300;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.navbar > .container > .navbar-nav .dropdown-menu .dropdown-item:hover, .navbar > .container > .navbar-nav .dropdown-menu .dropdown-item:focus, .navbar > .container > .navbar-nav .dropdown-menu .dropdown-item:focus-visible, .navbar > .container > .navbar-nav .dropdown-menu .dropdown-item.active {
  background-color: transparent;
  color: #c35b49;
}
.navbar > .container > .navbar-nav .dropdown-menu .dropdown-overview .dropdown-item,
.navbar > .container > .navbar-nav .dropdown-menu .dropdown-item-overview {
  color: #808080;
}
.navbar > .container > .navbar-nav .dropdown-menu .dropdown-overview .dropdown-item:hover, .navbar > .container > .navbar-nav .dropdown-menu .dropdown-overview .dropdown-item:focus, .navbar > .container > .navbar-nav .dropdown-menu .dropdown-overview .dropdown-item:focus-visible, .navbar > .container > .navbar-nav .dropdown-menu .dropdown-overview .dropdown-item.active,
.navbar > .container > .navbar-nav .dropdown-menu .dropdown-item-overview:hover,
.navbar > .container > .navbar-nav .dropdown-menu .dropdown-item-overview:focus,
.navbar > .container > .navbar-nav .dropdown-menu .dropdown-item-overview:focus-visible,
.navbar > .container > .navbar-nav .dropdown-menu .dropdown-item-overview.active {
  color: #c35b49;
  font-weight: 400;
}
.navbar .menu-buttons {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.8em;
  margin-left: auto;
}
@media screen and (min-width: 576px) {
  .navbar .menu-buttons {
    gap: 0.98em;
  }
}
.navbar .account {
  width: 2.5em;
  height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #dda399;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.navbar .account:hover {
  background-color: #f0e6d8;
}
.navbar .account svg {
  width: 0.875em;
}
.navbar .cta-btn {
  height: 2.5em;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2.3;
}
.navbar .menu-button {
  width: 2.5em;
  height: 2.5em;
  padding: 0;
  position: relative;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.navbar .menu-button:hover {
  border-color: #f0e6d8;
  background-color: #f0e6d8;
}
.navbar .menu-button .bars {
  width: 0.9em;
  height: 0.4em;
  position: relative;
  display: block;
}
.navbar .menu-button .bars:before, .navbar .menu-button .bars:after {
  content: "";
  width: 100%;
  height: 0.08em;
  position: absolute;
  left: 0;
  background-color: #000;
  transition: transform 0.35s cubic-bezier(0.7, 0, 0.2, 1), top 0.35s cubic-bezier(0.7, 0, 0.2, 1), bottom 0.35s cubic-bezier(0.7, 0, 0.2, 1);
}
.navbar .menu-button .bars:before {
  top: 0;
}
.navbar .menu-button .bars:after {
  bottom: 0;
}

.mobile-nav {
  --blob-ease: cubic-bezier(.16, 1.08, .3, 1);
  position: relative;
  z-index: 2;
}
.mobile-nav .mobile-nav-panel {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: min(20em, 100vw - 2.4em);
  max-height: calc(100vh - 5em);
  padding: 2.1em 1.6em 1.6em;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 1.4em;
  border-radius: 1.15em;
  background-color: #f0e6d8;
  box-shadow: 0 0.4em 1.6em rgba(0, 0, 0, 0.12);
  transform: scale(0.12);
  transform-origin: top right;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.55s var(--blob-ease), opacity 0.28s var(--blob-ease), visibility 0.55s, box-shadow 0.45s var(--blob-ease);
}
.mobile-nav .mobile-nav-title {
  margin: 0 0 0.08em;
  font-size: 0.75em;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #808080;
  opacity: 0;
  transform: translateY(0.35em);
  transition: opacity 0.28s var(--blob-ease) 0.16s, transform 0.32s var(--blob-ease) 0.16s;
}
.mobile-nav .navbar-nav {
  list-style-type: none;
  display: flex !important;
  flex-direction: column;
  gap: 1.15em;
  padding: 0;
  margin: 0;
  opacity: 0;
  transform: translateY(0.4em);
  transition: opacity 0.28s var(--blob-ease) 0.2s, transform 0.32s var(--blob-ease) 0.2s;
}
.mobile-nav .navbar-nav > .nav-item > .nav-link {
  display: inline-block;
  padding: 0;
  font-size: 1.35em;
  line-height: 1.25;
  font-weight: 400;
  color: #000;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.35em;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.mobile-nav .navbar-nav > .nav-item > .nav-link:hover, .mobile-nav .navbar-nav > .nav-item > .nav-link:focus-visible, .mobile-nav .navbar-nav > .nav-item > .nav-link.active {
  color: #000;
  text-decoration-color: inherit;
}
.mobile-nav .navbar-nav > .nav-item > .nav-link.dropdown-toggle::after {
  display: none;
}
.mobile-nav .navbar-nav .dropdown-menu {
  position: static;
  display: flex;
  flex-direction: column;
  float: none;
  min-width: 0;
  margin: 0.7em 0 0.25em;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  left: auto;
  gap: 0.4em;
}
.mobile-nav .navbar-nav .dropdown-menu.show {
  display: flex;
}
.mobile-nav .navbar-nav .dropdown-menu > .nav-item {
  margin: 0;
  border: 0 !important;
}
.mobile-nav .navbar-nav .dropdown-menu .dropdown-item {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  padding: 0;
  font-size: 0.95em;
  font-weight: 400;
  line-height: 1.3;
  color: #808080;
  text-decoration: none;
  white-space: normal;
  background-color: transparent;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.mobile-nav .navbar-nav .dropdown-menu .dropdown-item .item-label {
  padding: 0;
  font-size: inherit;
}
.mobile-nav .navbar-nav .dropdown-menu .dropdown-item .arrow {
  display: none;
}
.mobile-nav .navbar-nav .dropdown-menu .dropdown-item:hover, .mobile-nav .navbar-nav .dropdown-menu .dropdown-item:focus, .mobile-nav .navbar-nav .dropdown-menu .dropdown-item:focus-visible {
  background-color: transparent;
  color: #000;
  font-weight: 400;
}
.mobile-nav .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #000;
  font-weight: 400;
}
.mobile-nav .navbar-nav .dropdown-menu .dropdown-overview,
.mobile-nav .navbar-nav .dropdown-menu .dropdown-item-overview {
  display: none;
}
.mobile-nav .mobile-nav-cta {
  width: 100%;
  margin-top: 0.35em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35em;
  padding: 0.85em 1.25em;
  font-size: 1em;
  line-height: 1.2;
  border-radius: 0.9375em;
  opacity: 0;
  transform: translateY(0.4em);
  transition: opacity 0.28s var(--blob-ease) 0.24s, transform 0.32s var(--blob-ease) 0.24s, color 0.3s cubic-bezier(0.7, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.7, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}
.mobile-nav .mobile-nav-cta:hover {
  color: #f0e6d8;
  background-color: black;
}
.mobile-nav.is-open .menu-button {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.mobile-nav.is-open .menu-button:hover, .mobile-nav.is-open .menu-button:focus-visible {
  background-color: transparent;
  border-color: transparent;
}
.mobile-nav.is-open .menu-button .bars:before {
  top: calc(50% - 0.04em);
  bottom: auto;
  transform: rotate(45deg);
}
.mobile-nav.is-open .menu-button .bars:after {
  top: calc(50% - 0.04em);
  bottom: auto;
  transform: rotate(-45deg);
}
.mobile-nav.is-open .mobile-nav-panel {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.mobile-nav.is-open .mobile-nav-title,
.mobile-nav.is-open .navbar-nav,
.mobile-nav.is-open .mobile-nav-cta {
  opacity: 1;
  transform: none;
}

.mobile-nav-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.28);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.35s var(--blob-ease, cubic-bezier(0.7, 0, 0.2, 1)), visibility 0.35s;
}
.mobile-nav-backdrop.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

body.mobile-nav-open {
  overflow: hidden;
}
body.mobile-nav-open .navbar {
  z-index: auto;
}
body.mobile-nav-open .mobile-nav {
  z-index: 1001;
}

/* HERO */
.hero img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/11;
  object-fit: cover;
  object-position: center;
  border-radius: 0.4375em;
}
@media screen and (min-width: 576px) {
  .hero img {
    aspect-ratio: 1294/706;
  }
}
.hero .hero-badge {
  bottom: -4.5em;
  right: clamp(2.5em, 6vw, 5em);
}
@media screen and (min-width: 576px) {
  .hero .hero-badge {
    bottom: -2.5em;
  }
}

/* SUBPAGE HERO */
.subpage-hero {
  position: relative;
}
.subpage-hero figure {
  width: 100%;
  margin-left: auto;
}
@media screen and (min-width: 992px) {
  .subpage-hero figure {
    width: calc(100% - 11.5rem);
  }
}
@media screen and (min-width: 1200px) {
  .subpage-hero figure {
    width: calc(100% - 13.5rem);
  }
}
.subpage-hero img {
  width: 100%;
  aspect-ratio: 16/11;
  object-fit: cover;
}
@media screen and (min-width: 576px) {
  .subpage-hero img {
    aspect-ratio: 1072/660;
  }
}
.subpage-hero .hero-badge {
  bottom: -4.5em;
  right: clamp(2.5em, 6vw, 5em);
}
@media screen and (min-width: 576px) {
  .subpage-hero .hero-badge {
    bottom: -2.5em;
  }
}
@media screen and (min-width: 992px) {
  .subpage-hero .hero-badge {
    top: 3.4em;
    right: unset;
    bottom: unset;
    left: 0;
  }
}
@media screen and (min-width: 1200px) {
  .subpage-hero .hero-badge {
    left: calc(13rem - 11em);
  }
}

/* HERO BADGE */
.hero-badge {
  width: 13.75em;
  height: 13.75em;
  padding: 1.75em;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.675em 0;
  font-size: clamp(10px, 1.75vw, 16px);
  text-align: center;
  text-decoration: none;
  color: #000;
  z-index: 1;
  border-radius: 50%;
  background-color: #7dadb5;
  transition: unset;
}
.hero-badge .badge-title {
  margin: 0.4em 0 0 0;
  font-size: 1.5625em;
  line-height: 1.2;
}
.hero-badge .badge-link {
  font-size: 1.125em;
  text-decoration: none;
}

/* INTRO */
.intro figure {
  margin: 8em 0 0 0;
}
@media screen and (min-width: 576px) {
  .intro figure {
    margin: 10.625em 0 0 0;
  }
}

/* BEREIKBAARHEID */
.bereikbaarheid ul {
  display: flex;
  flex-direction: column;
  gap: 0.65em;
  list-style-type: none;
}
@media screen and (min-width: 576px) {
  .bereikbaarheid ul {
    gap: 0;
  }
}
.bereikbaarheid ul li {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0 0.5em;
  font-size: 2.5625em;
  line-height: 1.2;
}
@media screen and (min-width: 576px) {
  .bereikbaarheid ul li {
    flex-direction: row;
    align-items: end;
  }
}
.bereikbaarheid ul li span {
  display: flex;
  align-items: center;
  gap: 0.2em;
  color: #f0e6d8;
}
.bereikbaarheid ul li img {
  width: 1em;
  height: 0.9em;
  left: 0;
  object-fit: contain;
  object-position: center;
}

/* PLATTEGROND */
.plattegrond-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  border-radius: 0.4375em;
}
.plattegrond-scroll .plattegrond {
  width: 200%;
  max-width: none;
}
@media screen and (min-width: 768px) {
  .plattegrond-scroll {
    overflow-x: visible;
    overscroll-behavior-x: auto;
    border-radius: 0;
  }
  .plattegrond-scroll .plattegrond {
    width: auto;
  }
}

.plattegrond {
  aspect-ratio: 2500/1234;
  position: relative;
  font-size: clamp(12px, 1.25vw, 16px);
}
.plattegrond img {
  width: 100%;
  display: block;
  border-radius: 0.4375em;
}
.plattegrond svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.plattegrond .plattegrond-marker {
  padding: 0.42em 1.5em;
  position: absolute;
  font-size: 0.9375em;
  text-decoration: none;
  color: inherit;
  border-radius: 3em;
  border: 0;
  background-color: #f0e6d8;
  z-index: 2;
  box-shadow: 0 0.3em 0.7em rgba(0, 0, 0, 0.7);
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
  cursor: pointer;
}
.plattegrond .plattegrond-marker:hover, .plattegrond .plattegrond-marker:focus-visible {
  color: white;
  background-color: black;
  text-decoration: none;
}
.plattegrond .plattegrond-marker#haaghutwoningen {
  top: 36.5%;
  left: 41%;
}
.plattegrond .plattegrond-marker#haaghutwoningen:hover ~ #hh-Layer_1, .plattegrond .plattegrond-marker#haaghutwoningen:focus-visible ~ #hh-Layer_1 {
  opacity: 1;
}
.plattegrond .plattegrond-marker#hoevewoningen {
  top: 57%;
  left: 39%;
}
.plattegrond .plattegrond-marker#hoevewoningen:hover ~ #hv-Layer_1, .plattegrond .plattegrond-marker#hoevewoningen:focus-visible ~ #hv-Layer_1 {
  opacity: 1;
}

.plattegrond-info {
  margin: 2.3em 0 -1.5em 0;
  column-count: 1;
  column-gap: 1.5em;
  row-gap: 1.7em;
}
@media screen and (min-width: 576px) {
  .plattegrond-info {
    column-count: 2;
  }
}
@media screen and (min-width: 768px) {
  .plattegrond-info {
    column-count: 3;
  }
}
.plattegrond-info .plattegrond-info-column {
  margin: 0 0 1.5em 0;
  break-inside: avoid;
}
.plattegrond-info .plattegrond-info-column ul {
  list-style-type: none;
}
.plattegrond-info .plattegrond-info-column ul li {
  padding: 0 0 0 0.6em;
  position: relative;
  font-size: 1.125em;
  line-height: 1.44;
}
.plattegrond-info .plattegrond-info-column ul li:before {
  content: "-";
  position: absolute;
  left: 0;
}

/* SLIDER */
#image-slider {
  overflow: visible;
}
#image-slider figure {
  aspect-ratio: 16/11;
}
@media screen and (min-width: 576px) {
  #image-slider figure {
    aspect-ratio: 852/520;
  }
}
#image-slider figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slide-nav-wrapper {
  margin: 0.75em 0 0 0;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1.875em;
}

.slide-caption {
  display: flex;
  gap: 1.1em;
}
@media screen and (min-width: 576px) {
  .slide-caption {
    gap: 1.875em;
  }
}
.slide-caption #slide-number, .slide-caption #slide-title {
  font-size: 0.9375em;
}

.swiper-nav {
  display: flex;
  justify-content: end;
  gap: 0.7em;
}
.swiper-nav button {
  width: 3.25em;
  height: 3.25em;
  display: flex;
  justify-content: center;
  color: #f0e6d8;
  line-height: 1.45;
  border: 0.1em solid #f0e6d8;
  border-radius: 50%;
  background-color: transparent;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.swiper-nav button:hover:not(.swiper-button-disabled) {
  color: #d28577;
  background-color: #f0e6d8;
}
.swiper-nav button span {
  font-family: "Inter", sans-serif;
  font-size: 1.875em;
}
.swiper-nav button.swiper-button-disabled {
  opacity: 0.6;
  cursor: default;
}

/* VIMEO */
.vimeo-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 0.4375em;
}
.vimeo-wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.vimeo-wrapper .vimeo-toggle {
  width: 2.75em;
  height: 2.75em;
  position: absolute;
  right: 1em;
  bottom: 1em;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #000;
  border: 0;
  border-radius: 50%;
  background-color: #f0e6d8;
  box-shadow: 0 0.2em 0.6em rgba(0, 0, 0, 0.2);
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.vimeo-wrapper .vimeo-toggle:hover, .vimeo-wrapper .vimeo-toggle:focus-visible {
  color: #f0e6d8;
  background-color: black;
}
.vimeo-wrapper .vimeo-toggle:focus-visible {
  opacity: 1;
  pointer-events: auto;
}
.vimeo-wrapper .vimeo-toggle .vimeo-toggle-icon {
  width: 1em;
  height: 1em;
  display: none;
}
.vimeo-wrapper .vimeo-toggle .vimeo-toggle-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.vimeo-wrapper .vimeo-toggle[aria-pressed=true] .vimeo-toggle-icon--pause, .vimeo-wrapper .vimeo-toggle[aria-pressed=false] .vimeo-toggle-icon--play {
  display: block;
}
.vimeo-wrapper:hover .vimeo-toggle {
  opacity: 1;
  pointer-events: auto;
}
@media (hover: none) {
  .vimeo-wrapper .vimeo-toggle {
    opacity: 1;
    pointer-events: auto;
  }
}

/* Map */
#map {
  aspect-ratio: 3/4;
}
@media screen and (min-width: 576px) {
  #map {
    aspect-ratio: 16/9;
  }
}

/* SUBMENU */
.submenu-title {
  margin: 0 0 0.2em 0;
  display: inline-block;
  font-size: 1.125em;
  font-weight: 700;
}
@media screen and (min-width: 576px) {
  .submenu-title {
    margin: 1em 0 0.2em 0;
  }
}

.submenu-wrap {
  position: relative;
  margin: 0 0 3rem 0;
}
.submenu-wrap::before, .submenu-wrap::after {
  content: "";
  width: 2.25em;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.submenu-wrap::before {
  left: 0;
  background: linear-gradient(to right, #d28577, transparent);
}
.submenu-wrap::after {
  right: 0;
  background: linear-gradient(to left, #d28577, transparent);
}
.submenu-wrap.is-at-start::before, .submenu-wrap.is-at-end::after, .submenu-wrap:not(.is-scrollable)::before, .submenu-wrap:not(.is-scrollable)::after {
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .submenu-wrap {
    margin: 0;
  }
  .submenu-wrap::before, .submenu-wrap::after {
    content: none;
  }
}

.submenu {
  margin: 0;
  display: flex;
  gap: 0 1.2em;
  list-style-type: none;
  overflow-x: auto;
  flex-wrap: nowrap;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
@media screen and (min-width: 768px) {
  .submenu {
    flex-direction: column;
    overflow-x: visible;
    scroll-snap-type: none;
  }
}
.submenu::-webkit-scrollbar {
  display: none;
}
.submenu li {
  flex: 0 0 auto;
  scroll-snap-align: start;
  font-size: 1.125em;
  line-height: 1.94;
}
.submenu li a {
  color: #f0e6d8;
  white-space: nowrap;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.35em;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.submenu li a:hover {
  text-decoration-color: inherit;
}
.submenu li a.active {
  font-weight: 700;
  text-decoration-color: inherit;
}

/* ACCORDION */
.accordion {
  overflow: hidden;
  background-color: #f0e6d8;
}
.accordion .accordion-item {
  border: 0;
  background-color: transparent;
}
.accordion .accordion-item:not(:last-child) {
  border-bottom: 1px solid #d28577;
}
.accordion .accordion-item > button {
  width: 100%;
  padding: 1.615em 2.75em 1.615em 1.3125em;
  display: flex;
  align-items: center;
  gap: 1.69em;
  font-weight: 700;
  text-align: left;
  color: #000;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.accordion .accordion-item > button:has(img) {
  padding-left: 1.625em;
}
.accordion .accordion-item > button img {
  width: 1.19em;
  height: 1.19em;
  flex-shrink: 0;
}
.accordion .accordion-item > button .label {
  flex: 1;
  min-width: 0;
  padding-right: 0.5em;
  font-size: 1.125em;
  line-height: 1.3;
}
.accordion .accordion-item > button .icon {
  display: block;
  width: 0.625em;
  height: 0.625em;
  position: relative;
  flex-shrink: 0;
}
.accordion .accordion-item > button .icon:before, .accordion .accordion-item > button .icon:after {
  content: "";
  position: absolute;
  background-color: #000;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.accordion .accordion-item > button .icon:before {
  width: 100%;
  height: 1.5px;
  top: 50%;
  transform: translateY(-50%);
}
.accordion .accordion-item > button .icon:after {
  width: 1.5px;
  height: 100%;
  left: 50%;
  transform: translateX(-50%) scale3d(0, 0, 1);
}
.accordion .accordion-item > button.collapsed .icon:after {
  transform: translateX(-50%) scale3d(1, 1, 1);
}
.accordion .accordion-item .accordion-item-body {
  padding: 0 1.5em 1.5em;
}
.accordion .accordion-item .accordion-item-body > :last-child {
  margin-bottom: 0;
}
.accordion .accordion-item .accordion-item-body.page-content a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25em;
}
.accordion .accordion-item .accordion-item-body.page-content a:hover {
  text-decoration-color: transparent;
}
.accordion .accordion-item .accordion-item-body.has-form .form-block iframe {
  width: 100%;
  min-height: 28em;
  border: 0;
}

.contact--info-section .accordion-item-body {
  padding-top: 1em !important;
}

/* VERKOOPPROCEDURE */
.procedure-steps {
  margin-top: 2.5em;
}

.procedure-step {
  padding: 0.85em 0 3.3em;
  border-top: 1px solid #000;
}
.procedure-step .procedure-step-number {
  margin: 0 0 0.52em;
  font-size: 2.5625em;
  font-weight: 400;
  line-height: 1.2;
  color: #f0e6d8;
}
.procedure-step .page-content > :last-child {
  margin-bottom: 0;
}

/* DOWNLOADS */
.item-category:not(:last-child) {
  margin: 0 0 3em 0;
}

.item-category-title {
  margin: 0 0 0.6em 0;
}

.downloads {
  overflow: hidden;
  list-style-type: none;
  background-color: #f0e6d8;
}
.downloads li:not(:last-child) {
  border-bottom: 1px solid #d28577;
}
.downloads li a {
  width: 100%;
  padding: 1.615em 2.75em 1.615em 1.3125em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.69em;
  font-weight: 700;
  color: #000;
  text-decoration: none;
  background-color: transparent;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.downloads li a:hover {
  text-decoration: none;
}
.downloads li a .download-text {
  flex: 1;
  min-width: 0;
}
.downloads li a .download-title {
  display: block;
  font-size: 1.125em;
  line-height: 1.3;
}
.downloads li a svg {
  height: 0.8em;
  flex-shrink: 0;
  fill: currentColor;
}

/* WONING TYPES */
.row-woningtypes {
  --bs-gutter-x: 1.875rem;
  --bs-gutter-y: 3.5em;
}
@media screen and (min-width: 768px) {
  .row-woningtypes > [class*=col-]:nth-child(2) {
    margin-top: calc(var(--bs-gutter-y) + 2.5em);
  }
}

.woningtype {
  display: block;
  text-decoration: none;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.woningtype:hover, .woningtype:focus-visible {
  text-decoration: none;
}
.woningtype:hover .woningtype-photo img, .woningtype:focus-visible .woningtype-photo img {
  transform: scale(1.03);
}
.woningtype .woningtype-photo {
  margin: 0 0 1.2em 0;
  aspect-ratio: 632/460;
  border-radius: 0.4375em;
  overflow: hidden;
}
.woningtype .woningtype-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.woningtype .woningtype-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 0.55em;
  font-size: 1.125em;
  line-height: 1.4;
}
.woningtype .woningtype-meta .woningtype-title {
  color: #f0e6d8;
}
.woningtype .woningtype-meta .woningtype-meta-end {
  display: inline-flex;
  align-items: baseline;
  gap: 0 0.3em;
  flex: 1 0 100%;
}
@media screen and (min-width: 768px) {
  .woningtype .woningtype-meta .woningtype-meta-end {
    flex: 0 0 auto;
  }
}
.woningtype .woningtype-meta .woningtype-detail {
  color: #000;
}
.woningtype .woningtype-meta .arrow {
  color: #f0e6d8;
}

.woningtype-image img {
  margin: 3em 0 0 0;
}
@media screen and (min-width: 992px) {
  .woningtype-image img {
    width: calc(100% + 14em);
    max-width: none;
    margin: 10em 0 0 0;
  }
}

/* NIEUWS */
.row-nieuws {
  --bs-gutter-y: 3.5em;
}
@media screen and (min-width: 576px) {
  .row-nieuws > .post:nth-child(2n) {
    margin-top: calc(var(--bs-gutter-y) + 1.25em);
  }
}
@media screen and (min-width: 1200px) {
  .row-nieuws > .post:nth-child(2n) {
    margin-top: 0;
  }
  .row-nieuws > .post:nth-child(3n+2) {
    margin-top: calc(var(--bs-gutter-y) + 1.25em);
  }
  .row-nieuws > .post:nth-child(3n) {
    margin-top: calc(var(--bs-gutter-y) + 2.5em);
  }
}

.blog {
  text-decoration: none;
}
.blog:hover {
  text-decoration: none;
}
.blog:hover .blog-photo img {
  transform: scale(1.03);
}
.blog .blog-photo {
  margin: 0 0 1.3em 0;
  aspect-ratio: 411/280;
  border-radius: 0.4375em;
  overflow: hidden;
}
.blog .blog-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.blog .blog-content time {
  margin: 0 0 0.7em;
  display: block;
  font-size: 0.9375em;
}
.blog .blog-content .blog-title {
  margin: 0 0 1em 0;
}
.blog .blog-content p {
  margin: 0;
}

/* SINGLE NIEUWS */
.news-date {
  margin: 0 0 0.28em;
  display: block;
  font-size: 0.9375em;
  color: #f0e6d8;
}

.news-image img {
  aspect-ratio: 852/620;
  object-fit: cover;
}

.news-intro {
  margin: 2.9em 0 0 0;
}
.news-intro p:last-child {
  margin: 0;
}

.news-content {
  margin: 3.7em 0 0 0;
}

.load-more {
  height: 3.3em;
  margin: 8.3em 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.load-more .spinner-border {
  width: 1.2em;
  height: 1.2em;
  border-width: 0.15em;
}

/* CTA */
.cta figure {
  margin: 0 0 3.1em 0;
  aspect-ratio: 632/400;
}
.cta figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta .cta-content p {
  margin: 1.15em 0 2em;
}

.cta-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.875em;
}
.cta-row .cta-row-title {
  font-size: 1.125em;
  font-weight: 700;
}
.cta-row.cta-row--type-intro {
  margin-top: 4em;
}
@media screen and (min-width: 576px) {
  .cta-row.cta-row--type-intro {
    margin-top: 5.6em;
  }
}
.cta-row.cta-row--procedure {
  margin-top: 1.8em;
}
@media screen and (min-width: 576px) {
  .cta-row.cta-row--procedure {
    margin-top: 3em;
  }
}
.cta-row.cta-row--history {
  margin-top: 2.2em;
}
@media screen and (min-width: 576px) {
  .cta-row.cta-row--history {
    margin-top: 4em;
  }
}

.btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625em;
}

/* CONTACT */
.contact-info {
  margin: 0 0 4em 0;
  display: flex;
  flex-direction: column;
  gap: 3.15em;
}
.contact-info ul {
  display: flex;
  flex-direction: column;
  list-style-type: none;
}
.contact-info ul li {
  font-size: 1.125em;
  line-height: 1.44;
}
.contact-info ul li a {
  text-decoration: underline;
  text-decoration-color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.4em;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.contact-info ul li a:hover {
  text-decoration-color: transparent;
}
.contact-info ul li a[href^="tel:"] {
  text-decoration: none;
}

/* NINJA FORMS */
.nf-form-fields-required {
  display: none;
}

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

.nf-error-msg {
  padding: 0.2em 0;
  font-size: 1em;
  color: red !important;
}

.nf-error .ninja-forms-field {
  border-color: red !important;
}

.nf-response-msg h2 {
  margin-bottom: 1.1em;
}
.nf-response-msg h2 p:not(:last-child) {
  margin-bottom: 1.5em;
}

@media screen and (min-width: 601px) {
  .nf-row nf-cells {
    display: flex;
    gap: 1.25em;
  }
}
.nf-row .nf-cell {
  padding: 0 !important;
}

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

.nf-form-title h1, .nf-form-title h2, .nf-form-title h3, .nf-form-title h4, .nf-form-title h5, .nf-form-title h6 {
  margin: 0 0 0.78em 0;
}

.html-wrap h1:has(+ p), .html-wrap h2:has(+ p), .html-wrap h3:has(+ p), .html-wrap h4:has(+ p), .html-wrap h5:has(+ p), .html-wrap h6:has(+ p) {
  margin-bottom: 0.35em;
}
.html-wrap p {
  font-size: 1.125em;
}

.hr-wrap hr {
  margin: 1.25em 0;
}

.nf-field-label {
  margin: 0 !important;
}
.nf-field-label label, .nf-field-label span {
  font-size: 1.125em;
  font-weight: 700 !important;
}

.nf-field-description p {
  margin: 0 0 0.14em 0 !important;
  font-size: 1.125em;
}
.nf-field-description p a {
  text-decoration: underline;
  text-decoration-color: #000;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.4em;
}
.nf-field-description p a:hover {
  text-decoration-color: transparent;
}

input[type=text], input[type=email], input[type=tel], input[type=number], textarea {
  padding: 0.625em;
  font-size: 1.125em;
  border-radius: 0.4375em;
  border: 1px solid white;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=number]:focus, textarea:focus {
  outline: 0;
}
input[type=text]:focus-visible, input[type=email]:focus-visible, input[type=tel]:focus-visible, input[type=number]:focus-visible, textarea: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;
}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, input[type=number]::placeholder, textarea::placeholder {
  color: gray;
  opacity: 1;
}

.list-checkbox-wrap .nf-field-element input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.list-checkbox-wrap .nf-field-element ul {
  display: flex;
  flex-direction: column;
  gap: 0.1em 0;
}
.list-checkbox-wrap .nf-field-element ul li {
  margin: 0 !important;
  position: relative;
}
.list-checkbox-wrap .nf-field-element ul li label {
  position: relative;
  margin: 0;
  padding-left: 1.5em;
  cursor: pointer;
  display: inline-block;
  font-size: 1.125em;
}
.list-checkbox-wrap .nf-field-element ul li label:before {
  content: "";
  width: 0.86em;
  height: 0.86em;
  position: absolute;
  top: 0.29em;
  left: 0;
  border: 1px solid black;
  border-radius: 50%;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
  background-color: transparent;
}
.list-checkbox-wrap .nf-field-element ul li label:after {
  content: "";
  width: 0.86em;
  height: 0.86em;
  position: absolute;
  top: 0.29em;
  left: 0;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
  opacity: 0;
  transform: scale(0);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4yNzUgOS43MzUiPgogIDxwYXRoIGQ9Ik00LjEzOCA5LjczNSAwIDUuNTk3IDEuNTk3IDRsMi41NCAyLjU0TDEwLjY3OCAwbDEuNTk4IDEuNTk3LTguMTM3IDguMTM4WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPgo8L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.54em;
}
.list-checkbox-wrap .nf-field-element ul li input[type=checkbox]:checked + label::before {
  border-color: black;
  background-color: black;
}
.list-checkbox-wrap .nf-field-element ul li input[type=checkbox]:checked + label::after {
  opacity: 1;
  transform: scale(1);
}

.checkbox-wrap .nf-field-element {
  display: none !important;
}
.checkbox-wrap .nf-field-element input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: -1;
}
.checkbox-wrap .nf-field-label {
  padding: 0 !important;
  visibility: visible !important;
}
.checkbox-wrap .nf-field-label label {
  padding-left: 1.65em;
  position: relative;
  cursor: pointer;
  display: inline-block;
  text-indent: -9999px;
}
.checkbox-wrap .nf-field-label label:before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  position: absolute;
  top: 0.25em;
  left: 0;
  font-size: 1.125em;
  border: 1px solid black;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
  background-color: transparent;
}
.checkbox-wrap .nf-field-label label:after {
  content: "";
  width: 0.65em;
  height: 0.65em;
  position: absolute;
  top: 0.25em;
  left: 0;
  font-size: 1.125em;
  font-weight: 700;
  color: white;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
  opacity: 0;
  transform: scale(0);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4yNzUgOS43MzUiPgogIDxwYXRoIGQ9Ik00LjEzOCA5LjczNSAwIDUuNTk3IDEuNTk3IDRsMi41NCAyLjU0TDEwLjY3OCAwbDEuNTk4IDEuNTk3LTguMTM3IDguMTM4WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPgo8L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.45em;
}
.checkbox-wrap .nf-field-label label.nf-checked-label:before {
  background-color: black;
  border-color: black;
}
.checkbox-wrap .nf-field-label label.nf-checked-label:after {
  opacity: 1;
  transform: scale(1);
}
.checkbox-wrap .nf-field-description {
  margin: 0 !important;
  padding: 0 0 0 1.5em;
}

.submit-wrap {
  margin-top: 0.5em;
}
.submit-wrap input[type=submit] {
  padding: 0.75em 1.375em;
  font-family: inherit;
  font-size: 1em;
  font-weight: 400;
  line-height: inherit;
  color: #000;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #7dadb5;
  border-radius: 0.9375em;
  background-color: #7dadb5;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.submit-wrap input[type=submit]:hover, .submit-wrap input[type=submit]:focus-visible {
  color: #f0e6d8;
  border-color: #000;
  background-color: #000;
}

/* FOOTER */
.footer-wrapper {
  padding: 10.375em 0 0 0;
}

.footer .footer-brick-top {
  margin-bottom: -1px;
  pointer-events: none;
}
.footer .footer-brick-top svg {
  width: 100%;
  height: auto;
  display: block;
}
.footer .footer-brick-top.footer-brick-top-desktop {
  display: none;
}
@media screen and (min-width: 992px) {
  .footer .footer-brick-top.footer-brick-top-desktop {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .footer .footer-brick-top.footer-brick-top-mobile {
    display: none;
  }
}
.footer .footer-body {
  position: relative;
}
.footer .footer-inner {
  position: relative;
  z-index: 1;
  padding: 2em 0 4.5em 2em;
}
@media screen and (min-width: 992px) {
  .footer .footer-inner {
    padding: 2.55em 0 6.25em;
  }
}
.footer .footer-inner .row {
  row-gap: 1.85em;
}
.footer .footer-inner .footer-title, .footer .footer-inner .footer-link, .footer .footer-inner .footer-logo {
  font-size: 1.25em;
  line-height: 1.5;
}
.footer .footer-inner .footer-title {
  display: block;
}
.footer .footer-inner .footer-link {
  color: #f0e6d8;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25em;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.footer .footer-inner .footer-link:hover {
  text-decoration-color: inherit;
}
.footer .footer-inner .footer-logo {
  display: block;
  margin: 5em 0 0 0;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  line-height: 1.05;
}
@media screen and (min-width: 992px) {
  .footer .footer-inner .footer-logo {
    margin: auto 0 0.2em 0;
  }
}
.footer .footer-inner [class*=col-]:has(> .footer-logo),
.footer .footer-inner [class*=col-]:has(> .instagram) {
  display: flex;
  flex-direction: column;
}
.footer .footer-inner .footer-menu {
  list-style-type: none;
  line-height: 1.5;
}
.footer .footer-inner .footer-menu li {
  font-size: 1.25em;
  color: #f0e6d8;
}
.footer .footer-inner .footer-menu li a {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25em;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.footer .footer-inner .footer-menu li a:hover {
  text-decoration-color: inherit;
}
.footer .footer-inner .footer-menu:has(+ .footer-title) {
  margin-bottom: 1.85em;
}
.footer .footer-inner .instagram {
  margin: 5em 0 0 0;
}
@media screen and (min-width: 992px) {
  .footer .footer-inner .instagram {
    margin: auto 0 0.5em 0;
  }
}
.footer .footer-inner .instagram svg {
  width: 1.56em;
  fill: #f0e6d8;
}
.footer .footer-brick {
  display: flex;
  flex-direction: column;
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.footer .footer-brick > svg {
  width: 100%;
  height: auto;
  display: block;
  flex-shrink: 0;
  margin-top: -1px;
  position: relative;
  z-index: 1;
}
.footer .footer-brick .footer-brick-mid {
  flex: 1 1 auto;
  min-height: 0;
  position: relative;
}
.footer .footer-brick .footer-brick-mid svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.footer .footer-brick.footer-brick-desktop {
  display: none;
}
@media screen and (min-width: 992px) {
  .footer .footer-brick.footer-brick-desktop {
    display: flex;
  }
}
@media screen and (min-width: 992px) {
  .footer .footer-brick.footer-brick-mobile {
    display: none;
  }
}
.footer .st0 {
  fill: #c35b49;
}
.footer .st1 {
  fill: #c96b5b;
}

.footerbar {
  padding: 0.8em 0 5.5em 0;
}
@media screen and (min-width: 992px) {
  .footerbar {
    padding: 0.8em 1.56em 5.5em 0;
  }
}
.footerbar .footerbar-inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 0.2em;
}
.footerbar .footerbar-inner .copyright, .footerbar .footerbar-inner ul {
  font-size: 0.75em;
}
.footerbar .footerbar-inner .copyright {
  display: block;
  white-space: nowrap;
}
.footerbar .footerbar-inner .copyright:after {
  content: "|";
  margin: 0 0.45em;
}
.footerbar .footerbar-inner ul {
  list-style-type: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 0 0.2em;
}
.footerbar .footerbar-inner ul li {
  white-space: nowrap;
}
.footerbar .footerbar-inner ul li:not(:last-of-type) a:after {
  content: ",";
}
.footerbar .footerbar-inner ul li a {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25em;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.footerbar .footerbar-inner ul li a:hover {
  text-decoration-color: inherit;
}
.footerbar .footerbar-inner .scroll-top {
  margin: 0 0 0.25em auto;
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  font-size: 1em;
  color: #f0e6d8;
  text-decoration: none;
  flex: 0 0 auto;
  white-space: nowrap;
}
.footerbar .footerbar-inner .scroll-top .scroll-top-label {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
@media screen and (min-width: 576px) {
  .footerbar .footerbar-inner .scroll-top .scroll-top-label {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    clip-path: none;
  }
}
.footerbar .footerbar-inner .scroll-top .arrow {
  display: inline-block;
  transition: 0.3s all cubic-bezier(0.7, 0, 0.2, 1);
}
.footerbar .footerbar-inner .scroll-top:hover .arrow {
  transform: translateY(-2px);
}

/* 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 */