/* css here */
/* GF form Verberg standaard */
.gform_required_legend {
  display: none;
}
/* GF form  Toon alleen bij validatiefouten */
.gform_wrapper.gform_validation_error .gform_required_legend {
  display: block;
}

:root {
  --wv-cursor-icon: url("https://wondervilla.probu.online/wp-content/uploads/2026/06/wv-bloem-cursor-1.svg");
  /* --wv-cursor-icon: url("https://wondervilla.probu.online/wp-content/uploads/2026/06/daisycursor-2.svg"); */
  --wv-cursor-color: var(--e-global-color-primary);
  --wv-cursor-size: 34px;
  --wv-cursor-hotspot-x: 8px;
  --wv-cursor-hotspot-y: 8px;
  --wv-light-page-heading-color: #896647;
  --wv-light-page-text-color: #0e0e0e;
  --wv-light-page-logo-src: "https://wondervilla.probu.online/wp-content/uploads/2026/06/Wondervilla-kinderopvang-Maroon.svg";
}

/* bg gradient transitions startcolor */
body.page-id-4775 {
  background-color: #efe0cd;
  /* #FEE488 */
}

.mobileshortcode {
  box-sizing: border-box;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  flex: 0 0 100vw;
}

/* Vimeo-widgets: moderne verhouding met een echte berekende hoogte. */
.vimeoEmbed {
  position: relative;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100%;
  aspect-ratio: 100 / 52.73;
}

.vimeoEmbed:has(iframe[src*="/1211632310"]) {
  aspect-ratio: 4 / 3;
}

.vimeoEmbed div:has(> iframe[src*="player.vimeo.com/video/"]) {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 !important;
}

.vimeoEmbed
  div:has(> iframe[src*="player.vimeo.com/video/"])
  > iframe[src*="player.vimeo.com/video/"] {
  position: absolute !important;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

.season-lente .winter,
.season-lente .herfst,
.season-lente .zomer,
.season-lente .zomder,
.season-zomer .winter,
.season-zomer .herfst,
.season-zomer .lente,
.season-zomer .zomder,
.season-herfst .winter,
.season-herfst .lente,
.season-herfst .zomer,
.season-herfst .zomder,
.season-winter .lente,
.season-winter .zomer,
.season-winter .zomder,
.season-winter .herfst {
  display: none !important;
}

@media (pointer: fine) {
  @keyframes wv-cursor-link-spin {
    from {
      transform: scale(var(--wv-cursor-scale, 1)) rotate(0deg);
    }

    to {
      transform: scale(var(--wv-cursor-scale, 1)) rotate(720deg);
    }
  }

  body.wv-custom-cursor-active,
  body.wv-custom-cursor-active a,
  body.wv-custom-cursor-active button,
  body.wv-custom-cursor-active [role="button"],
  body.wv-custom-cursor-active .elementor-button,
  body.wv-custom-cursor-active .mega-menu-link,
  body.wv-custom-cursor-active summary {
    cursor: none !important;
  }

  body.wv-custom-cursor-active input,
  body.wv-custom-cursor-active textarea,
  body.wv-custom-cursor-active select,
  body.wv-custom-cursor-active [contenteditable="true"] {
    cursor: text !important;
  }

  .wv-site-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: var(--wv-cursor-size);
    height: var(--wv-cursor-size);
    pointer-events: none;
    opacity: 0;
    z-index: 2147483647;
    transform: translate3d(
      calc(var(--wv-cursor-x, -100px) - (var(--wv-cursor-size) / 2)),
      calc(var(--wv-cursor-y, -100px) - (var(--wv-cursor-size) / 2)),
      0
    );
    transform-origin: top left;
    transition: opacity 120ms ease;
    will-change: transform;
  }

  .wv-site-cursor::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--wv-cursor-color);
    -webkit-mask-image: var(--wv-cursor-icon);
    mask-image: var(--wv-cursor-icon);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transform: scale(var(--wv-cursor-scale, 1));
    transform-origin: center;
    transition:
      transform 120ms ease,
      background-color 220ms ease;
  }

  .wv-site-cursor.is-link-hover::before {
    animation: wv-cursor-link-spin 900ms cubic-bezier(0.22, 1, 0.36, 1) 1;
  }

  body.wv-custom-cursor-active .wv-site-cursor {
    opacity: 1;
  }

  body.wv-custom-cursor-hidden .wv-site-cursor {
    opacity: 0;
  }
}

.wv-light-page[class*="elementor-kit-"] {
  --wv-cursor-color: #431822;
}

.wv-light-page[class*="elementor-kit-"],
.wv-light-page[class*="elementor-kit-"] p,
.wv-light-page[class*="elementor-kit-"] li,
.wv-light-page[class*="elementor-kit-"] .elementor-widget-text-editor,
.wv-light-page[class*="elementor-kit-"] .elementor-widget-text-editor p,
.wv-light-page[class*="elementor-kit-"] .elementor-widget-text-editor li {
  color: var(--wv-light-page-text-color);
}

.wv-light-page[class*="elementor-kit-"] h1,
.wv-light-page[class*="elementor-kit-"] h2,
.wv-light-page[class*="elementor-kit-"] h3,
.wv-light-page[class*="elementor-kit-"] h4,
.wv-light-page[class*="elementor-kit-"] h5,
.wv-light-page[class*="elementor-kit-"] h6,
.wv-light-page[class*="elementor-kit-"] .elementor-heading-title {
  color: var(--wv-light-page-heading-color) !important;
}

.elementor-location-header .elementor-element-8179872 {
  position: relative;
  display: grid;
  width: max-content;
  max-width: 100%;
  align-items: start;
  justify-items: start;
}

.elementor-location-header #logo-maroon,
.elementor-location-header #logowhite {
  grid-area: 1 / 1;
  transition: opacity 220ms ease;
}

.elementor-location-header #logo-maroon a,
.elementor-location-header #logowhite a,
.elementor-location-header #logo-maroon img,
.elementor-location-header #logowhite img {
  display: block;
  max-width: 100%;
  height: auto;
}

.elementor-location-header #logo-maroon {
  position: relative;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

.elementor-location-header #logowhite {
  position: relative;
  z-index: 2;
  opacity: 1;
}

.wv-light-page .elementor-location-header #logo-maroon {
  opacity: 1;
}

.wv-light-page .elementor-location-header #logowhite {
  opacity: 0;
}

@keyframes wv-menu-glow-pulse {
  0% {
    text-shadow:
      0 0 8px rgba(255, 255, 255, 0.45),
      0 0 18px rgba(255, 255, 255, 0.2);
  }

  100% {
    text-shadow:
      0 0 16px rgba(255, 255, 255, 0.9),
      0 0 18px rgba(255, 255, 255, 0.7);
  }
}

.elementor-location-header
  .mega-menu-wrap
  .mega-menu
  > li.mega-menu-item
  > .mega-menu-link {
  font-family: "CenzoFlare", sans-serif !important;
  font-weight: 400 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  text-shadow: 0 0 0 rgba(255, 205, 228, 0);
  transform: translateZ(0) scale(1);
  transform-origin: center;
  will-change: transform;
  transition:
    text-shadow 180ms ease,
    color 180ms ease,
    opacity 500ms ease !important;
}

@media (min-width: 993px) {
  .elementor-location-header .mega-menu-wrap .mega-menu.mega-menu-horizontal {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    width: 100% !important;
  }

  .elementor-location-header
    .mega-menu-wrap
    .mega-menu.mega-menu-horizontal
    > li.mega-menu-item {
    flex: 0 0 auto;
    transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }
}

.elementor-location-header
  .mega-menu-wrap
  .mega-menu
  .mega-sub-menu
  .mega-menu-link {
  font-family:
    var(--e-global-typography-primary-font-family), sans-serif !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translateZ(0) scale(1);
  transform-origin: center;
  will-change: transform;
  transition:
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 500ms ease !important;
}

.elementor-location-header
  .mega-menu-wrap
  .mega-menu
  .mega-sub-menu
  .mega-sub-menu
  .mega-menu-link {
  font-weight: 400 !important;
}

.elementor-location-header
  .mega-menu-wrap
  .mega-menu
  > li.mega-menu-item:hover
  > .mega-menu-link,
.elementor-location-header
  .mega-menu-wrap
  .mega-menu
  > li.mega-menu-item
  > .mega-menu-link:hover,
.elementor-location-header
  .mega-menu-wrap
  .mega-menu
  > li.mega-menu-item
  > .mega-menu-link:focus-visible {
  transform: none !important;
  color: #fff6fa !important;
  text-shadow:
    0 0 12px rgba(255, 214, 232, 0.75),
    0 0 28px rgba(255, 214, 232, 0.4);
  animation: wv-menu-glow-pulse 1.15s ease-in-out infinite alternate;
}

.elementor-location-header
  .mega-menu-wrap
  .mega-menu
  .mega-sub-menu
  .mega-menu-link:hover,
.elementor-location-header
  .mega-menu-wrap
  .mega-menu
  .mega-sub-menu
  .mega-menu-link:focus-visible {
  transform: translateZ(0) scale(1.1) !important;
}

.e-off-canvas__content :is(.elementor-item, .elementor-sub-item) {
  font-family: "CenzoFlare", sans-serif !important;
  color: #fff !important;
  justify-content: center !important;
  text-align: center !important;
}

.e-off-canvas__content .sub-arrow,
.e-off-canvas__content .sub-arrow svg,
.e-off-canvas__content .sub-arrow path {
  color: #fff !important;
  fill: #fff !important;
}

@media (max-width: 1024px) {
  .wv-custom-menu-background .e-off-canvas__content {
    background-color: var(--wv-menu-background-color) !important;
  }

  .wv-custom-menu-text .elementor-location-header nav {
    mix-blend-mode: normal !important;
  }

  .wv-custom-menu-text
    .elementor-location-header
    a.elementor-icon[href*="off_canvas"],
  .wv-custom-menu-text
    .elementor-location-header
    a.elementor-icon[href*="off_canvas"]
    svg,
  .wv-custom-menu-text
    .elementor-location-header
    a.elementor-icon[href*="off_canvas"]
    path {
    color: var(--wv-menu-text-color) !important;
    fill: var(--wv-menu-text-color) !important;
  }

  .wv-custom-menu-text
    .e-off-canvas__content
    :is(.elementor-item, .elementor-sub-item),
  .wv-custom-menu-text .e-off-canvas__content .sub-arrow,
  .wv-custom-menu-text .e-off-canvas__content .sub-arrow svg,
  .wv-custom-menu-text .e-off-canvas__content .sub-arrow path {
    color: var(--wv-menu-text-color) !important;
    fill: var(--wv-menu-text-color) !important;
  }
}

@media (max-width: 767px) {
  .wv-custom-menu-background .elementor-location-header #header {
    background-color: var(--wv-menu-background-color) !important;
  }
}

.e-off-canvas__content .has-submenu {
  position: relative;
  left: 50%;
  width: max-content !important;
  max-width: calc(100% - 3rem);
  margin-inline: 0 !important;
  transform: translateX(-50%);
}

.e-off-canvas__content .has-submenu > .sub-arrow {
  position: absolute;
  inset-inline-start: 100%;
  top: 50%;
  margin: 0 !important;
  padding: 0 0 0 0.6em !important;
  transform: translateY(-50%);
}
ß

/* .e-off-canvas__content nav {
  width: 100%;
  max-width: 250px;
  margin: 0 auto; 
} */

/* Submenu: subtiel gegroepeerd tussen horizontale lijnen */
.e-off-canvas__content .elementor-nav-menu > li > .sub-menu {
  width: 100%;
  margin: 0.35rem 0 0.65rem !important;
  padding-inline: 0 !important;
  padding-block: 0.4rem;
  border-block: 1px solid rgba(255, 255, 255, 0.2);
}

.e-off-canvas__content .sub-menu :is(.elementor-item, .elementor-sub-item) {
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

.e-off-canvas__content
  .elementor-nav-menu
  > li
  > .sub-menu
  > li
  > .elementor-sub-item {
  color: var(--wv-menu-text-color, #fff) !important;
  font-size: clamp(1.0625rem, 2.15vw, 1.375rem) !important;
  line-height: 1.15 !important;
}

/* Sub-submenu: kortere en lichtere scheidingslijn */
.e-off-canvas__content .elementor-nav-menu > li > .sub-menu > li > .sub-menu {
  width: 100%;
  margin: 0.3rem 0 0.45rem !important;
  padding-inline: 0 !important;
  padding-top: 0.35rem;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.e-off-canvas__content
  .elementor-nav-menu
  > li
  > .sub-menu
  > li
  > .sub-menu
  > li
  > .elementor-sub-item {
  color: var(--wv-menu-text-color, #fff) !important;
  font-size: clamp(1.0625rem, 2.15vw, 1.375rem) !important;
  line-height: 1.15 !important;
}

@media (max-width: 1024px) {
  .e-off-canvas__content :is(.elementor-item, .elementor-sub-item) {
    font-size: clamp(1.1875rem, 2.54vw, 1.625rem) !important;
  }
}

@media (max-width: 767px) {
  .vimeoEmbed {
    overflow: hidden;
    border-radius: 5px;
  }

  body.page-id-4775 .elementor-location-header #header {
    background-color: rgba(239, 224, 205, 0.4);
  }

  .impressionTop {
    margin-top: clamp(120px, 30vw, 150px) !important;
  }

  .pagecontent ~ .pagecontent .impressionTop {
    margin-top: 0 !important;
  }

  .animatedH .premium-atext__headline,
  .animatedH .premium-atext__headline * {
    font-size: clamp(1.5rem, 5.5vw, 2rem) !important;
  }

  .e-off-canvas__content :is(.elementor-item, .elementor-sub-item) {
    font-size: clamp(1.3125rem, 3vw, 1.4375rem) !important;
  }

  .elementor-location-header #header {
    --e-con-grid-template-columns: 70px minmax(0, 1fr) 70px !important;
    grid-template-columns: 70px minmax(0, 1fr) 70px !important;
    grid-auto-flow: row !important;
  }

  .elementor-location-header #header > .elementor-element {
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    justify-self: stretch;
    box-sizing: border-box;
  }

  .elementor-location-header #header > .elementor-element-8179872 {
    align-items: center;
    justify-items: center;
  }

  .elementor-location-header #header > .elementor-element-b36e2cc {
    align-items: center;
    justify-content: center;
  }
}

.height354 {
  --wv-height-354: 330px;
  --min-height: var(--wv-height-354) !important;
  height: var(--wv-height-354) !important;
  min-height: var(--wv-height-354) !important;
}

.height354 .elementor-heading-title {
  font-size: calc(1.75rem * var(--wv-height-354, 354px) / 354px) !important;
}

@media (max-width: 767px) {
  .height354 {
    --wv-height-354: 247.5px;
  }
}

@media (min-width: 1099px) {
  .height354 {
    margin-top: -30px !important;
  }
}

@media (min-width: 1299px) {
  .height354 {
    --wv-height-354: clamp(200px, calc(100px + 14.4vw), 354px);
  }

  body[class*="elementor-kit-"] .elementor-element {
    --widgets-spacing: clamp(1.25rem, calc(0.438rem + 1vw), 2rem)
      clamp(1.25rem, calc(0.438rem + 1vw), 2rem);
    --widgets-spacing-row: clamp(1.25rem, calc(0.438rem + 1vw), 2rem);
    --widgets-spacing-column: clamp(1.25rem, calc(0.438rem + 1vw), 2rem);
  }

  body[class*="elementor-kit-"] :where(.elementor-button) {
    padding-block: clamp(0.75rem, calc(0.344rem + 0.5vw), 1rem);
    padding-inline: clamp(1.5rem, calc(0.688rem + 1vw), 2rem);
    font-size: clamp(0.875rem, calc(0.58rem + 0.363vw), 1.125rem);
  }

  .footer-raster .elementor-button {
    padding-block: clamp(
      0.75rem,
      calc(0.445rem + 0.375vw),
      1.125rem
    ) !important;
    padding-inline: clamp(1.25rem, calc(0.844rem + 0.5vw), 2rem) !important;
  }

  body[class*="elementor-kit-"] :where(h1) {
    font-size: clamp(2.5rem, calc(1.38rem + 1.38vw), 4rem);
  }

  body[class*="elementor-kit-"] :where(h2) {
    font-size: clamp(2rem, calc(1.026rem + 1.2vw), 3.2rem);
  }

  body[class*="elementor-kit-"] :where(.animatedH.premium-atext__headline),
  body[class*="elementor-kit-"]
    :where(.animatedH)
    :where(.premium-atext__headline),
  body[class*="elementor-kit-"]
    :where(.animatedH)
    :where(.premium-atext__headline)
    * {
    font-size: clamp(2rem, calc(1.026rem + 1.2vw), 4rem) !important;
  }

  body[class*="elementor-kit-"] :where(h3) {
    font-size: clamp(1.75rem, calc(0.966rem + 0.965vw), 2.45rem);
  }

  body[class*="elementor-kit-"] :where(h4) {
    font-size: clamp(1.5rem, calc(0.829rem + 0.827vw), 2.1rem);
  }

  body[class*="elementor-kit-"] :where(h5) {
    font-size: clamp(1.25rem, calc(0.69rem + 0.689vw), 1.75rem);
  }

  body[class*="elementor-kit-"] :where(h6) {
    font-size: clamp(1rem, calc(0.552rem + 0.551vw), 1.4rem);
  }

  :where(.elementor-widget-text-editor) {
    font-size: clamp(1rem, calc(0.071rem + 1.142vw), 2rem);
  }

  :where(.elementor-widget-text-editor.fontBigger),
  :where(.fontBigger) :where(.elementor-widget-text-editor) {
    font-size: clamp(1.1rem, calc(-0.05rem + 1.5vw), 2.75rem);
  }

  .paddingContainer {
    padding-right: clamp(1.75rem, 3vw, 4rem) !important;
    padding-left: clamp(1.75rem, 3vw, 4rem) !important;
  }

  .elementor-element-80f32e3 .elementor-icon svg {
    width: clamp(3.25rem, 4vw, 5rem) !important;
    height: auto !important;
  }

  /* #elkKindGroeit {
    transform-origin: right bottom;
    scale: 1;
    scale: clamp(1, calc(1 + (100vw - 1299px) / 3717px), 1.35);
  } */

  .flipblocks {
    --gap: clamp(1.25rem, calc(0.438rem + 1vw), 2rem) !important;
    --row-gap: clamp(1.25rem, calc(0.438rem + 1vw), 2rem) !important;
    --column-gap: clamp(1.25rem, calc(0.438rem + 1vw), 2rem) !important;
    --margin-top: clamp(1.875rem, calc(0.617rem + 1.55vw), 3rem) !important;
    --margin-bottom: clamp(1.875rem, calc(0.617rem + 1.55vw), 3rem) !important;
  }

  .flipblocks .elementor-widget-premium-addon-flip-box .premium-flip-main-box {
    height: clamp(15.625rem, calc(5.138rem + 12.92vw), 25rem) !important;
  }

  .flipblocks
    .elementor-widget-premium-addon-flip-box
    .premium-flip-front-content-container {
    padding: clamp(1.875rem, calc(0.617rem + 1.55vw), 3rem) !important;
  }

  .flipblocks
    .elementor-widget-premium-addon-flip-box
    .premium-flip-back-content-container {
    padding: clamp(0.625rem, calc(0.205rem + 0.517vw), 1rem) !important;
  }

  .flipblocks
    .elementor-widget-premium-addon-flip-box
    .premium-flip-front-title {
    font-size: clamp(1.6rem, calc(0.594rem + 1.24vw), 3.5rem) !important;
  }

  .flipblocks
    .elementor-widget-premium-addon-flip-box
    .premium-flip-back-title {
    font-size: clamp(1rem, calc(0.552rem + 0.551vw), 2rem) !important;
  }

  .elementor-location-header
    .mega-menu-wrap
    .mega-menu
    > li.mega-menu-item
    > .mega-menu-link {
    font-size: clamp(1.4rem, calc(0.588rem + 1vw), 2.5rem) !important;
    line-height: clamp(2.5rem, calc(1.282rem + 1.5vw), 4rem) !important;
    height: clamp(2.5rem, calc(1.282rem + 1.5vw), 4rem) !important;
  }

  .elementor-location-header
    .mega-menu-wrap
    .mega-menu
    .mega-sub-menu
    .mega-menu-link {
    font-size: clamp(1rem, calc(0.188rem + 1vw), 1.75rem) !important;
    line-height: clamp(1.25rem, 1.54vw, 2.5rem) !important;
  }
}

.footer-raster .elementor-button {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

@media (max-width: 1799px) {
  .footer-raster .elementor-button-text {
    white-space: normal;
    overflow-wrap: break-word;
    text-align: center;
    line-height: 1.15;
  }
}

.flipblocks p {
  color: #000 !important;
  font-size: 0.9rem !important;
}

@media (min-width: 1025px) and (max-width: 1156px) {
  .flipblocks
    .elementor-widget-premium-addon-flip-box
    .premium-flip-front-title {
    font-size: 1rem !important;
  }
}

@media (min-width: 1157px) and (max-width: 1289px) {
  .flipblocks
    .elementor-widget-premium-addon-flip-box
    .premium-flip-front-title {
    font-size: 1.3rem !important;
  }
}

@media (min-width: 1290px) and (max-width: 1298px) {
  .flipblocks
    .elementor-widget-premium-addon-flip-box
    .premium-flip-front-title {
    font-size: 1.6rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #header {
    --e-con-grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
  }

  .elementor-location-header #header > .elementor-element-8179872,
  .elementor-location-header #header > .elementor-element-b36e2cc {
    --width: 100% !important;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
}