#body.nonscroll {
  overflow-y: hidden;
}

.flickity-page-dots .dot {
  background: white !important;
}

.flickity-page-dots {
  bottom: 25px !important;
}

.mt-8r {
  margin-top: 8rem;
}

.mw-400 {
  max-width: 400px;
}

.mw-600 {
  max-width: 600px;
}

.mw-800 {
  max-width: 800px;
}

img.standard-img {
  width: 100%;
  height: auto;
  max-height: 70svh;
  object-fit: contain;
}

a.button, a.standard-link {
  text-decoration: none;
}

.content-grid {
  display: grid;
  --contentwidth: min(1450px, 85%);
  --halfcontentwidth: calc(var(--contentwidth) / 2);
}
.content-grid.grid-header {
  grid-template-columns: [left-start] 1fr [left-end content-start] var(--contentwidth) [content-end right-start] 1fr [right-end];
}
.content-grid.grid-main {
  grid-template-columns: [full-start left-start] 1fr [left-end leftcontent-start content-start] var(--halfcontentwidth) [leftcontent-end rightcontent-start] var(--halfcontentwidth) [content-end right-start rightcontent-end] 1fr [right-end full-end];
}
.content-grid > .content {
  grid-column: content;
}
.content-grid > .grid-left {
  grid-column: left;
}
.content-grid > .grid-leftcontent {
  grid-column: leftcontent;
  margin-right: 1rem;
}
.content-grid > .grid-rightcontent {
  grid-column: rightcontent;
  margin-left: 1rem;
}
.content-grid > .grid-full {
  grid-column: full;
  margin-inline: 1rem;
}

button.button, a.button {
  border-radius: 100px;
  padding: 0.5rem 1.25rem;
  font-weight: 500;
  box-sizing: border-box;
  outline: none;
  border: none;
  transition: all 0.1s ease-in-out;
}
button.button.btn-blue-full, a.button.btn-blue-full {
  background: transparent;
  color: var(--deep-blue);
  border: 2px solid var(--deep-blue);
}
button.button.btn-blue-full:focus, a.button.btn-blue-full:focus {
  outline: 2px solid var(--light-blue);
}
button.button.btn-blue-full:hover, a.button.btn-blue-full:hover {
  background: var(--deep-blue);
  color: white;
  border: 2px solid var(--deep-blue);
  filter: grayscale(0);
  transition: filter 0.25s ease-in-out;
}
button.button.bg-light-blue.currently-active, a.button.bg-light-blue.currently-active {
  filter: grayscale(1);
  pointer-events: none;
}
button.button.bg-light-blue:hover, a.button.bg-light-blue:hover {
  background: transparent;
  color: var(--light-blue) !important;
  border: 2px solid var(--light-blue);
  filter: grayscale(0);
  transition: filter 0.25s ease-in-out;
}
button.button.bg-light-blue:focus, a.button.bg-light-blue:focus {
  outline: 2px solid var(--deep-blue);
}
button.button.bg-light-blue, a.button.bg-light-blue {
  border: 2px solid var(--light-blue);
}

.privacy-content h1 {
  color: var(--deep-blue) !important;
}
.privacy-content h2 {
  color: var(--light-blue) !important;
}

.gform_required_legend {
  display: none;
}

.gfield_label {
  color: var(--bright-blue) !important;
}

.ginput_container_select select {
  color: var(--deep-blue) !important;
  border: 1px solid var(--light-blue) !important;
  border-radius: 1rem !important;
}

.ginput_container input, .ginput_container textarea {
  background: transparent !important;
  color: var(--deep-blue) !important;
  border: 1px solid var(--light-blue) !important;
  border-radius: 1rem !important;
  max-height: 600px !important;
}
.ginput_container input::placeholder, .ginput_container textarea::placeholder {
  color: gray !important;
}

.gfield_checkbox label.gform-field-label {
  color: var(--deep-blue) !important;
}

.gform_footer input[type=submit] {
  background: var(--light-blue) !important;
  border-radius: 50rem !important;
}
.gform_footer input[type=submit]:hover {
  filter: brightness(1.1) !important;
}

.fa-clock path,
.fa-location-dot path,
.fa-circle-right path,
.fa-circle-arrow-left path,
.fa-phone path,
.fa-at path{
  fill: var(--light-blue) !important;
}

.black-dot path {
  fill: var(--black) !important;
}

.excerpt-fixed {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Maximaal 2 regels */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 7.5em; /* Houdt rekening met line-height van ongeveer 1.5em */
}

.title-fixed {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Maximaal 2 regels */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 2.5em; /* Ongeveer 2 regels (afhankelijk van je line-height) */
}

.contact-specialisme p:not(.deep-blue) {
  color: white !important;
}

.contact-specialisme .fa-location-dot path,
.contact-specialisme .fa-phone-flip path {
  fill: white !important;
}

.card-body {
  padding: 0 !important;
}