/* 
Theme Name: Webdesign René Veugen
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: René Veugen
Author URI: https://reneveugen.nl
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*PRELOADER*/
   /* ---- Instellingen ---- */
  :root {
    --kh-preloader-bg: #000;      /* achtergrondkleur */
    --kh-logo-size: 140px;           /* logo breedte */
    --kh-fase1: 1s;                /* fade-in licht logo */
    --kh-fase2-start: 0.8s;          /* start crossfade naar rood */
    --kh-fase2-duur: 1.8s;           /* duur crossfade */
    --kh-fase3-start: 1.8s;          /* start uitfaden overlay */
    --kh-fase3-duur: 1s;           /* duur uitfaden */
  }

  .loading-wrapper {
    pointer-events: none !important;
  }

  .loading-wrapper .kh-preloader,
.loading-wrapper .kh-preloader * {
  pointer-events: auto;
}

  .loading-wrapper {
    animation: khOverlayOut var(--kh-fase3-duur) ease forwards;
    animation-delay: var(--kh-fase3-start);
  }

  .kh-preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--kh-preloader-bg);
    animation: khOverlayOut var(--kh-fase3-duur) ease forwards;
    animation-delay: var(--kh-fase3-start);
  }

  .kh-preloader__logos {
    position: relative;
    width: var(--kh-logo-size);
  }

  .kh-preloader__logo {
    display: block;
    width: 100%;
    height: auto;
  }

  /* Fase 1: licht logo fade in */
  .kh-preloader__logo--light {
    opacity: 0;
    animation:
      khFadeIn var(--kh-fase1) ease forwards,
      khFadeOut var(--kh-fase2-duur) ease forwards;
    animation-delay: 0s, var(--kh-fase2-start);
  }

  /* Fase 2: rood logo fade in (crossfade) */
  .kh-preloader__logo--red {
    position: absolute;
    inset: 0;
    opacity: 0;
    animation: khFadeIn var(--kh-fase2-duur) ease forwards;
    animation-delay: var(--kh-fase2-start);
  }

  /* Fase 3: hele overlay weg */
  @keyframes khOverlayOut {
    to { opacity: 0; visibility: hidden; pointer-events: none; }
  }

  @keyframes khFadeIn  { from { opacity: 0; } to { opacity: 1; } }
  @keyframes khFadeOut { from { opacity: 1; } to { opacity: 0; } }

  /* Voorkom scrollen tijdens laden (optioneel, JS hieronder ruimt op) */
  body.kh-loading { overflow: hidden; }

.elementor-field-type-submit .elementor-button {
    display: none !important;
}

body {
    overflow-x: clip;
}

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

::selection {
    background: var( --e-global-color-secondary );
    color: var( --e-global-color-accent );
}

main .elementor-widget-container p a,
main .elementor-widget-container a,
footer .elementor-widget-container p a {
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

a.sbi_photo, #sb_instagram #sbi_images .sbi_item {
    border-radius: 10px;
}

.e-n-tabs-heading button[aria-selected="true"] {
  text-decoration: underline;
  text-decoration-thickness: 4px;
  text-decoration-color:var( --e-global-color-secondary )
}

.impact-row {
  border-bottom: 1px solid #333;
}

.impact-row__header {
  all: unset !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 100% !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  padding: 16px 0 !important;
  overflow: hidden !important;    
  align-items: baseline !important;  
}

.impact-row__header:focus-visible {
  outline: 2px solid var( --e-global-color-secondary ) !important;
  outline-offset: 2px !important;
}

.impact-row__text {
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
}

.impact-row__star {
  flex-shrink: 0;
  color: var(--n-tabs-title-color);
  transition: color 0.4s ease;
    margin-right: 8px;
}

.impact-row__header[aria-expanded="true"] .impact-row__star {
  color: var( --e-global-color-secondary );
}

.impact-row__header:hover .impact-row__star {
  color: var(--e-global-color-secondary) !important;
}

.impact-row__title { 
  display: inline;
  min-width: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: break-word !important;    
  text-align: left;
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-size: var(--e-global-typography-secondary-font-size);
  font-weight: var(--e-global-typography-secondary-font-weight);
  line-height: var(--e-global-typography-secondary-line-height);
}

.impact-row__header[aria-expanded="true"] {
  pointer-events: none;
}

.impact-row__header[aria-expanded="true"] + .impact-row__content .impact-row__content-inner {
  padding-bottom: 30px;
}

.impact-row__badge {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  justify-content: center;
  margin-bottom: 10px;
  box-sizing: content-box;
}

.impact-row__badge-icon {
  width: 16px;
  height: 16px;
  display: block;
}

.impact-row__amount { 
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-size: var(--e-global-typography-secondary-font-size);
  font-weight: var(--e-global-typography-secondary-font-weight);
  line-height: var(--e-global-typography-secondary-line-height);
  margin-left: auto; 
  padding-left: 8px;
}

.impact-row__badge,
.impact-row__amount {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

.impact-row__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-size: var(--e-global-typography-secondary-font-size);
  font-weight: var(--e-global-typography-secondary-font-weight);
  line-height: var(--e-global-typography-secondary-line-height);
}

.impact-row__content-inner {
  overflow: hidden;
}

.impact-row__header[aria-expanded="true"] + .impact-row__content {
  grid-template-rows: 1fr;
}

.faq .e-n-accordion-item-title-text {
  display: flex;
  align-items: flex-start;
}

.faq .e-n-accordion-item-title-text::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 15px;
  margin-right: 8px;
  margin-bottom: 3px;
  background-color: #545454;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 33"><path d="M33.6011 12.2458L22.4195 10.5896L17.4188 0.264041C17.248 -0.0880135 16.7537 -0.0880135 16.5829 0.264041L11.5822 10.5896L0.3993 12.2458C0.0176106 12.3025 -0.135066 12.7811 0.140527 13.0553L8.23234 21.0932L6.3226 32.4434C6.25791 32.831 6.65642 33.1264 6.998 32.9444L16.9996 27.5858L27.0011 32.9444C27.3427 33.1277 27.7425 32.831 27.6765 32.4434L25.7668 21.0932L33.8586 13.0553C34.1355 12.7811 33.9841 12.3025 33.6011 12.2458Z" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 33"><path d="M33.6011 12.2458L22.4195 10.5896L17.4188 0.264041C17.248 -0.0880135 16.7537 -0.0880135 16.5829 0.264041L11.5822 10.5896L0.3993 12.2458C0.0176106 12.3025 -0.135066 12.7811 0.140527 13.0553L8.23234 21.0932L6.3226 32.4434C6.25791 32.831 6.65642 33.1264 6.998 32.9444L16.9996 27.5858L27.0011 32.9444C27.3427 33.1277 27.7425 32.831 27.6765 32.4434L25.7668 21.0932L33.8586 13.0553C34.1355 12.7811 33.9841 12.3025 33.6011 12.2458Z" fill="black"/></svg>');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  vertical-align: middle;
  flex-shrink: 0;
  margin-top: 0.4em; 
}

.faq summary.e-n-accordion-item-title {
  padding: 12px 0px;
  align-items: baseline;
}

.faq .e-n-accordion-item-title-text:hover::before,
.faq .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text::before {
  background-color: #E73140;
}

.faq .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  font-weight: 700;
}

.contact-link .elementor-widget-container a {
  text-decoration-color: #e73140 !important;
  word-break: break-word !important;
}

footer .cta-contact .elementor-widget-container a,
footer .copyrights .elementor-widget-container a {
  text-decoration: none !important;
}

@media screen and (max-width: 880px) {
h2 {
  overflow-wrap: break-word;
  word-break: break-word; 
  hyphens: auto; 
}

.e-n-tabs-heading button[aria-selected="true"] {
  text-decoration-thickness: 3px;
}

.behaald-doel {
  font-size: 12px;
    padding: 2px 10px;
}

.faq .e-n-accordion-item-title-text::before {
  margin-bottom: 4px;
}

.faq .e-n-accordion-item-title-text::before {
  margin-top: 0.3em; 
}
}

/*Marquee slider*/
.marquee-advanced {
  width: 100vw;
  position: relative;
  overflow: hidden;
}

.marquee-advanced__scroll {
  will-change: transform;
  width: 100%;
  display: flex;
  position: relative;
}

.marquee-advanced__collection {
  will-change: transform;
  display: flex;
  position: relative;
}

.marquee-advanced__item-width {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 18vw;
  height: 18vw;
  display: flex;
  margin: 20px;
}

.marquee-advanced__item-width:nth-child(odd) {
  margin-top: 100px;
}

.marquee-advanced__item-width img {
  border-radius: 10px !important;
}

@media screen and (max-width: 880px) {
.marquee-advanced__item-width {
  width: 36vw;
  height: 36vw;
}

.marquee-advanced__item-width:nth-child(odd) {
  margin-top: 40px;
}
}



/* Optional: Rotating arrow left/right based on Scroll Direction */

.marquee__advanced__arrow-svg,
[data-marquee-direction="right"][data-marquee-status="inverted"] .marquee__advanced__arrow-svg {
  transition: 0.5s cubic-bezier(0.625, 0.05, 0, 1);
  transform: rotate(-180deg);
}

[data-marquee-status="inverted"] .marquee__advanced__arrow-svg,
[data-marquee-direction="right"][data-marquee-status="normal"] .marquee__advanced__arrow-svg {
  transform: rotate(-359.999deg);
}

/*Logo slider*/
.logo-marquee {
  overflow: hidden;
  width: 100%;
  padding: 20px 0;
}

.logo-track {
  display: flex;
  gap: 80px;
  align-items: center;
  width: max-content;
}

.logo-track img {
  height: 48px !important;
  width: auto;
  opacity: 0.20;
  flex-shrink: 0; 
  transition: opacity 0.3s ease, filter 0.3s ease;
}

.logo-track img.partner-wide {
  height: 30px;
}

.logo-track img.partner-wide-xl {
  height: 24px;
}

.logo-track img:hover {
  opacity: 0.4;
}

@media screen and (max-width: 880px) {
.logo-track {
  gap: 40px;
}

.logo-track img {
  height: 38px;
}

.logo-track img.partner-wide {
  height: 24px;
}

.logo-track img.partner-wide-xl {
  height: 20px;
}
}

/*Coins*/
.section-resource {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 50svh;
  display: flex;
  overflow: visible; /* was hidden */
  position: relative;
}

.resource-name__svg {
  width: 100%;
}

.canvas-matter {
  width: 100%;
  margin-bottom: 0;
  position: absolute;
  bottom: 0%;
  left: 0%;
  overflow: hidden;
  pointer-events: none;
  height: 125svh; 
  bottom: 0;
  overflow: visible;
  z-index: 1; 
}

.canvas-matter__before {
  padding-top: 0%;
}

.canvas-matter__target {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

#canvas-target canvas {
  position: relative;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  max-width: unset;
  pointer-events: none;
  max-width: calc(100% + 2px);
  max-height: calc(100% + 2px);
  min-width: calc(100% + 2px);
  min-height: calc(100% + 2px);
}

/*Slider*/
.demo-card {
  aspect-ratio: 1;
  color: #fff;
  border-radius: 1.5em;
  width: clamp(16em, 25vw, 32em);
  position: relative;
  transition: transform 0.4s cubic-bezier(0.35, 1.5, 0.6, 1);
  transform: scale(1)rotate(0.001deg);
}

/*Logo badges*/
.badges-section {
  display: flex;
  justify-content: center;
  align-items: center;
}

.demo-badge__wrap {
    width: 14em;
}

.demo-badge__wrap.badge-right {
  transform: rotate(10deg) translateX(-3.25em);
    z-index: 2;
    position: relative;
}

.demo-badge__wrap.badge-left {
transform: rotate(-10deg) translateX(3.25em);
}

.demo-badge {
    width: 50%;
    margin: 25% 25% 0 25%;
}

.demo-badge__img {
  width: 100%;
  display: block;
}

@media screen and (max-width: 880px) {
.demo-badge__wrap.badge-right {
  transform: rotate(10deg) translateX(-2.5em);
}

.demo-badge__wrap.badge-left {
  transform: rotate(-10deg) translateX(2.5em);
}
}

/*Story MVV*/
.image {
  width: 100%;
  height: 100svh;
  position: relative;
  overflow: clip;
}

.image__gallery {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.image__gallery::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    #000 0%,
    rgba(0,0,0,.75) 5%,
    rgba(0,0,0,.15) 35%,
    rgba(0,0,0,.15) 65%,
    rgba(0,0,0,.75) 95%,
    #000 100%
  );
  z-index: 1;
}

.image__gallery-collection {
  will-change: transform;
  width: 100%;
  height: 100%;
  position: absolute;
}

.image__gallery-list {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.image__gallery-item {
  aspect-ratio: 1;
  will-change: transform;
  backface-visibility: hidden;
  box-sizing: border-box;
  padding: 40px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.image__gallery-card {
  will-change: transform, opacity;
  backface-visibility: hidden;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

.image__gallery-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  filter: grayscale(.2) brightness(.8);
}

.image__title {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.image__title h2 {
  text-align: center;
}

@media (max-width: 880px) {
  .image__gallery-item {
    padding: 16px;
  }
}

/*Button CTA*/
:root {
  --button-009-color: #fff;
  --button-009-color-background: #e73140;
  --button-009-color-focus: #000;
  --button-009-border-radius: 20px;
  --button-009-icon-size: 0.875em;
  --button-009-padding-top: 0.75em;
  --button-009-padding-right: 25px;
  --button-009-padding-bottom: 0.75em;
  --button-009-padding-left: 25px;
  --button-009-gap: 0.375em;
  --button-009-overflow: clip;
  --button-009-focus-inset: -0.125em;
  --button-009-click-scale: 0.955 0.925;
  --button-009-ease-hover: cubic-bezier(0.32, 0.72, 0, 1);
  --button-009-ease-click: cubic-bezier(0.4, 0, 0.2, 1);
  --button-009-ease-focus: cubic-bezier(0.32, 0.72, 0, 1);
}

.button-009 {
  color: var(--button-009-color);
  -webkit-user-select: none;
  user-select: none;
  background-color: #0000;
  outline-style: none;
  padding: 0;
  line-height: 1;
  text-decoration: none;
  display: inline-grid;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  transition: scale 0.15s var(--button-009-ease-click);
}

.button-009::after {
  content: '';
  display: block;
  position: absolute;
  inset: var(--button-009-focus-inset);
  border-radius: var(--button-009-border-radius);
  transition: box-shadow 0.3s var(--button-009-ease-focus);
  pointer-events: none;
  z-index: 1;
}

a.button-009:hover {
    color: #fff !important;
}

.elementor-widget-container a.button-009 {
    text-decoration: none !important;
    font-weight: 700;
}

.button-009:is(:focus-visible)::after {
  box-shadow: 0 0 0 0.125em var(--button-009-color-focus);
}

.button-009:active {
  scale: var(--button-009-click-scale);
}

.button-009__inner {
  pointer-events: none;
  grid-column-gap: var(--button-009-gap);
  grid-row-gap: var(--button-009-gap);
  padding-top: var(--button-009-padding-top);
  padding-right: var(--button-009-padding-right);
  padding-bottom: var(--button-009-padding-bottom);
  padding-left: var(--button-009-padding-left);
  z-index: 1;
  border-radius: var(--button-009-border-radius);
  overflow: var(--button-009-overflow);
  grid-area: 1 / 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.button-009__icon {
  width: var(--button-009-icon-size);
  height: var(--button-009-icon-size);
  flex: none;
  transition: translate 0.5s var(--button-009-ease-hover), opacity 0.15s ease-out;
}

.button-009__icon.is--left {
  left: var(--button-009-padding-right);
  position: absolute;
  opacity: 0;
  translate: -1.5em 0 0;
}

.button-009__text {
  flex: none;
  transition: translate 0.5s var(--button-009-ease-hover);
}

.button-009__bg {
  background-color: var(--button-009-color-background);
  border-radius: var(--button-009-border-radius);
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  padding: 0;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .button-009:is(:hover, :focus-visible) .button-009__text,
  [data-hover]:is(:hover, :focus-visible) .button-009 .button-009__text {
    translate: calc(var(--button-009-icon-size) + var(--button-009-gap) + var(--button-009-padding-right) - var(--button-009-padding-left)) 0 0;
    transition: translate 0.5s 0.075s var(--button-009-ease-hover);
  }

  .button-009:is(:hover, :focus-visible) .button-009__icon.is--left,
  [data-hover]:is(:hover, :focus-visible) .button-009 .button-009__icon.is--left {
    translate: 0 0 0;
    opacity: 1;
    transition: translate 0.5s 0.075s var(--button-009-ease-hover), opacity 0.15s 0.075s ease-out;
  }

  .button-009:is(:hover, :focus-visible) .button-009__icon.is--right,
  [data-hover]:is(:hover, :focus-visible) .button-009 .button-009__icon.is--right {
    translate: 1.5em 0 0;
    opacity: 0;
    transition: translate 0.5s 0.05s var(--button-009-ease-hover), opacity 0.15s 0.075s ease-out;
  }
}

/*Button Link*/
.elementor-widget-container a.impact-btn {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  border-radius: 20px !important;
  padding-top: 12px;
  padding-right: var(--button-009-padding-right);
  padding-bottom: 12px;
  padding-left: var(--button-009-padding-left);
  font-weight: 600 !important;
  transition: background-color 0.3s ease, color 0.3s ease;
  text-decoration: none !important;
}

.elementor-widget-container a.impact-btn:hover {
  background: #fff !important;
  color: #000 !important;
}

@media screen and (max-width: 880px) {
.impact-btn {
  padding: 9px 25px !important;
}
}

/*Menu*/
.bold-nav-full {
  z-index: 99;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
}

.bold-nav-full__bar {
  z-index: 1;
  justify-content: space-between;
  padding: 1.2em 40px;
  display: flex;
  position: fixed;
  background: linear-gradient(180deg, #000000 25%, #00000000 100%);
  align-items: center;
  transition: transform 0.5s cubic-bezier(.9, 0, .1, 1), background 0.3s ease;
  width: 100%;
  left: 0;
  transform: none;
  padding-left: max(40px, calc((100% - 1840px) / 2 + 40px));
  padding-right: max(40px, calc((100% - 1840px) / 2 + 40px));
}

.bold-nav-full__bar.is--hidden {
  transform: translateY(-100%);
}

.bold-nav-full[data-navigation-status="active"] {
  position: fixed;
  inset: 0;
  height: 100dvh;
}

.bold-nav-full[data-navigation-status="active"] .bold-nav-full__bar {
  position: fixed;
  top: 0;
  left: 0;
  transform: none;
}

.bold-nav-full__logo {
  pointer-events: auto;
  color: #fff;
  justify-content: center;
  align-items: baseline;
  width: 5em;
  height: 5em;
  display: flex;
  transition: width 0.4s ease;
}

.bold-nav-full__bar.is--scrolled .bold-nav-full__logo {
  width: 4em;
  height: 4em;
}

.bold-nav-full__bar.is--hidden .bold-nav-full__logo {
  width: 4em;
  height: 4em;
  transition: width 1.5s ease;
}

/* --------------------------------- Hamburger --------------------------------- */

.bold-nav-full__hamburger {
  pointer-events: auto;
  color: #fff !important;
  cursor: pointer;
  background-color: #333333 !important;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  display: flex;
  position: relative;
  overflow: hidden;
  font-size: 18px !important;
}

.bold-nav-full__hamburger .bold-nav-full__hamburger-bar {
  background-color: currentColor;
  width: 1.5em;
  height: .125em;
  position: absolute;
  transform: translate(0, 0) rotate(0.001deg);
  transition: transform 0.5s cubic-bezier(.7, 0, .3, 1);
}

.bold-nav-full__hamburger .bold-nav-full__hamburger-bar:nth-child(1) {
  transform: translate(0, -.45em) scale(1, 1) rotate(0.001deg);
}

.bold-nav-full__hamburger .bold-nav-full__hamburger-bar:nth-child(3) {
  transform: translate(0, .45em) scale(1, 1) rotate(0.001deg);
}

/* Hamburger - Hover */
.bold-nav-full__hamburger:hover .bold-nav-full__hamburger-bar:nth-child(1) {
  transform: translate(0, -.45em) scale(.5, 1) rotate(0.001deg);
}

.bold-nav-full__hamburger:hover .bold-nav-full__hamburger-bar:nth-child(3) {
  transform: translate(0, .45em) scale(.5, 1) rotate(0.001deg);
}

/* Hamburger (Navigation Open) */
[data-navigation-status="active"] .bold-nav-full__hamburger-bar:nth-child(1) {
  transform: translate(0, 0) rotate(45deg) scale(1, 1);
}

[data-navigation-status="active"] .bold-nav-full__hamburger-bar:nth-child(2) {
  transform: translate(-150%, 0) rotate(0.001deg) scale(1, 1);
}

[data-navigation-status="active"] .bold-nav-full__hamburger-bar:nth-child(3) {
  transform: translate(0, 0) rotate(-45deg) scale(1, 1);
}

/* Hamburger - Hover (Navigation Open) */
[data-navigation-status="active"] .bold-nav-full__hamburger:hover .bold-nav-full__hamburger-bar:nth-child(1) {
  transform: translate(0, 0) rotate(45deg) scale(.7, 1);
}

[data-navigation-status="active"] .bold-nav-full__hamburger:hover .bold-nav-full__hamburger-bar:nth-child(3) {
  transform: translate(0, 0) rotate(-45deg) scale(.7, 1);
}

/* --------------------------------- Tile --------------------------------- */

.bold-nav-full__tile {
  pointer-events: auto;
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  display: flex;
  position: fixed;
  inset: 0;
  transition: clip-path 0.65s cubic-bezier(.7, 0, .3, 1) 0.35s;
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}

/* Tile (Navigation Open) */
[data-navigation-status="active"] .bold-nav-full__tile {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(.7, 0, .3, 1) 0s;
}

.bold-nav-full__ul {
  flex-flow: column;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
}

.bold-nav-full__li {
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

/* Links: subtiele fade, geen beweging */
.bold-nav-full__link {
  padding-left: .075em;
  padding-right: .075em;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-size: var(--e-global-typography-accent-font-size);
  font-weight: var(--e-global-typography-accent-font-weight);
  text-transform: var(--e-global-typography-accent-text-transform);
  line-height: var(--e-global-typography-accent-line-height);
  letter-spacing: var(--e-global-typography-accent-letter-spacing);
  color: var(--e-global-color-accent);
  transform: none;
  opacity: 0;
transition: opacity 0.6s ease 0s;
}

a.bold-nav-full__link {
  color: #333333;
}

.bold-nav-full__link.is--current,
a.bold-nav-full__link:hover {
  color: #e73140;
}

/* Links (Navigation Open) */
[data-navigation-status="active"] .bold-nav-full__link {
  opacity: 1;
  transition-delay: 0.4s;
}

.bold-nav-full__link-text {
  text-shadow: 0 0.9em 0;
  display: block;
  position: relative;
}

/* Tile - Links (Hover) */
.bold-nav-full__li {
  transition: opacity 0.5s cubic-bezier(.7, 0, .3, 1);
}

.bold-nav-full__link .bold-nav-full__link-text {
  transition: transform 0.5s cubic-bezier(.7, 0, .3, 1);
  transform: translateY(0%) rotate(0.001deg);
}

.bold-nav-full__link:hover .bold-nav-full__link-text {
  transform: translateY(-100%) rotate(0.001deg);
}

/* Bottom */
.bold-nav__bottom {
  justify-content: center;
  align-items: center;
  width: min(calc(100% - 0rem), 1840px);
  padding: 1.5em 40px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
transition: opacity 0.6s ease 0s;
}

/* Bottom (Navigation Open) */
[data-navigation-status="active"] .bold-nav__bottom {
  opacity: 1;
  transition-delay: 0.4s;
}

.bold-nav__word {
  margin-bottom: 0;
  position: relative;
}

@media screen and (max-width: 880px) {
  .bold-nav-full__bar {
    padding: 30px 20px;
  }

  .bold-nav__bottom a {
    font-size: 22px;
  }

  .bold-nav__bottom {
    padding: 1.5em 20px;
  }

  .bold-nav-full__hamburger {
    font-size: 16px !important;
  }

  .bold-nav-full__logo,
  .bold-nav-full__bar.is--scrolled .bold-nav-full__logo,
  .bold-nav-full__bar.is--hidden .bold-nav-full__logo {
    width: 3.5em;
    height: 3.5em;
  }
}

/*Testimonials*/
.centered-slider-row {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  position: relative;
  overflow: clip;
}

.centered-slider-list {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.centered-slider-slide {
  flex: none;
  padding: 0.75em;
  transition: opacity .25s cubic-bezier(.77, 0, .175, 1);
  position: relative;
}

.centered-slider-slide__inner {
  position: relative;
  display: flex;
  width: 21em;
  padding-top: 1.25em;
  padding-right: 1.25em;
  padding-bottom: 1.25em;
  padding-left: 1.25em;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: flex-start;
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  background-color: #ffffff1a;
}

.centered-slider-row:has( .centered-slider-slide.active) .centered-slider-slide:not(.active){
  opacity: 0.45;
}

/* Little (orange) corners on each slide */
/* https://css-tip.com/corner-only-border-image/ */
.centered-slider-slide::after {
  --size: 1em;
  --width: 2px;
  --gap: 0.125em;
  --color: #e73140;
  content: '';
  position: absolute;
  inset: calc(var(--gap) * -1);
  z-index: 1;
  opacity: 0;
  padding: calc(var(--gap) + var(--width));
  outline: var(--width) solid var(--color);
  outline-offset: calc(var(--gap)/-1);
  mask:
    conic-gradient(at var(--size) var(--size),#0000 75%,#000 0)
    0 0/calc(100% - var(--size)) calc(100% - var(--size)),
    linear-gradient(#000 0 0) content-box;
  transition: all 0.4s cubic-bezier(0.65, 0.05, 0, 1);
}
.centered-slider-slide.active::after {
  outline-offset: calc(-1*var(--width));
  opacity: 1;
}

.slide-demo__details {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.slide-demo__avatar {
  border-radius: 50% !important;
  width: 2.5em;
  height: 2.5em;
  overflow: hidden;
}

.slide-demo__eyebrow {
    font-size: .75em;
    font-family: var(--e-global-typography-988fb5c-font-family), Sans-serif;
    font-weight: var(--e-global-typography-988fb5c-font-weight);
    text-transform: var(--e-global-typography-988fb5c-text-transform);
}

.centered-slider-content {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.centered-slider-bullet__list {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.centered-slider-bullet {
  background-color: #000 !important;
  border-radius: 100em;
  width: 2em;
  height: 2em;
  padding: 0;
  position: relative;
}

.centered-slider-bullet:focus {
  border: none;
  outline: none;
}

.centered-slider-bullet::after{
  content: '';
  position: absolute;
  inset: 2px;
  border-radius: 100em;
  z-index: -1;
  border: 2px solid #e73140;
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0, 1);
}

.centered-slider-bullet:hover::after,
.centered-slider-bullet.active::after,
.centered-slider-bullet:focus::after{
  inset: -5px;
  z-index: 1;
}

.centered-slider-buttons {
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.centered-slider-button {
  background-color: #333333 !important;
  border-radius: 5px !important;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  padding: 0;
  transition: border-color .2s, background-color .2s;
  display: flex;
  font-size: 18px !important;
}

.centered-slider-button:hover {
  background-color: #efeeec33;
  border-color: #efeeec40;
}

.centered-slider-button.is--prev {
  transform: rotate(-180deg);
}

.slider-button-arrow {
  justify-content: center;
  align-items: center;
  width: 1.25em;
}

button.centered-slider-bullet img {
    border-radius: 50% !important;
}

button.centered-slider-button path {
    stroke: #fff;
}

@media screen and (max-width: 880px) {
.centered-slider-bullet__list {
    grid-column-gap: .5em;
  }
}

@media screen and (max-width: 479px) {
  .centered-slider-slide {
    width: 85vw;
  }
  
  .centered-slider-slide__inner {
    width: 100%;
  }
}

/*Formulier*/
.gform_wrapper.gform-theme--orbital {
  --gf-form-gap-y: 15px;  /* verticale ruimte tussen rijen */
  --gf-form-gap-x: 15px;  /* horizontale ruimte tussen kolommen */
}

/* radiobolletjes verbergen (visueel, blijft toegankelijk) */
#field_1_3 .gfield-choice-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* knoppenrij */
#field_1_3 .gfield_radio {
  display: flex;
  flex-wrap: wrap;
    gap: 10px;
  flex-direction: row;
}

/* label als knop */
#field_1_3 .gchoice label {
    display: block;
    padding: 10px 6px;
    border: 1px solid #ababab;
    border-radius: 5px;
    background: transparent;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
    text-align: center;
    width: 100%;
}

#field_1_3 .gchoice {
  flex: 1
}

/* hover */
#field_1_3 .gchoice label:hover {
  border: 1px solid #000;
}

/* geselecteerd = rood */
#field_1_3 .gfield-choice-input:checked + label {
  background: #000;
  border-color: #000;
  color: #fff;
}

/* keyboard focus zichtbaar houden (a11y) */
#field_1_3 .gfield-choice-input:focus-visible + label {
  outline: 2px solid #1a1a2e;
  outline-offset: 2px;
}

/*Customs René*/
.gform-theme--framework .gform-field-label--type-inline {
    --gf-local-margin-x: 0;
    --gf-local-margin-y: 0;
}

.gform-theme--framework .gfield--type-choice .gchoice {
    grid-template-columns: auto;
}

div#gfield_description_1_3 {
    text-align: center;
    font-weight: 700;
    color: #000;
    padding-top: 20px;
}

.gform_wrapper.gform-theme--orbital .gfield input:not([type="radio"]):not([type="checkbox"]),
.gform_wrapper.gform-theme--orbital .gfield select,
.gform_wrapper.gform-theme--orbital .gfield textarea {
  border: none;
  border-bottom: 1px solid #c7c7c7;  
  border-radius: 0;
background-color: transparent;
  box-shadow: none;
}

.gform_wrapper.gform-theme--orbital .gfield input:focus-visible,
.gform_wrapper.gform-theme--orbital .gfield select:focus-visible,
.gform_wrapper.gform-theme--orbital .gfield textarea:focus-visible {
  box-shadow: none;
  outline: none;
}

.gform_wrapper.gform-theme--orbital .gfield input:focus-visible,
.gform_wrapper.gform-theme--orbital .gfield select:focus-visible {
  border-bottom-color:#000;
}

.gform_wrapper.gform-theme--orbital .gfield input::placeholder,
.gform_wrapper.gform-theme--orbital .gfield textarea::placeholder {
  color: #ababab;     
  opacity: 1;          
}

.gform_wrapper.gform-theme--orbital .gfield input,
.gform_wrapper.gform-theme--orbital .gfield select,
.gform_wrapper.gform-theme--orbital .gfield textarea {
  color: #000000;       
    font-weight:500;
}
.gform_wrapper.gform-theme--orbital .gfield input {
  transition: border-bottom-color 0.2s ease;
}

.gform_wrapper.gform-theme--orbital .gform_fields .gfield input:focus:not([type="radio"]) {
  border-bottom: 1px solid #737373 !important;
}

span.gfield_required.gfield_required_text {
    display: none !important;
}

label.gform-field-label.gform-field-label--type-inline.gfield_consent_label a {
    color: #000;
}

.ginput_container.ginput_container_consent {
    gap: 5px !important;
}

.gform_wrapper.gform-theme--orbital .gfield input[type="checkbox"] {
  accent-color: #000;
}

.gform_wrapper.gform-theme--orbital {
  --gf-ctrl-checkbox-check-bg-color-checked: #000;
  --gf-ctrl-checkbox-check-border-color-checked: #000;
  --gf-ctrl-border-color-focus: #000;
  --gf-ctrl-shadow-focus: 0 0 0 2px #000;
}

.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
    color: #000000;
}

.gform-theme--framework input[type=checkbox] {
  border-color: #ababab !important;
}

.gform-theme--framework input[type=checkbox]:focus,
.gform-theme--framework input[type=checkbox]:focus-visible,
.gform-theme--framework input[type=checkbox]:checked {
  border-color: #000 !important;
}

button.button-009 {
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  font: inherit;
}

.gfield--type-consent {
    padding: 20px 0 !important;
    text-align: center;
}

.gform-footer span.button-009__text {
    color: white;
    font-weight: 700;
    line-height: 1;
}

.elementor-kit-9 .gform-footer button:hover, .elementor-kit-9 .gform-footer button:focus {
    background: none;
}

.gform-theme--foundation .gform_footer {
  justify-content: center;
}

.validation_message {
    display: none !important;
}

.gform_wrapper.gform-theme--orbital .gfield input[aria-invalid="true"],
.gform_wrapper.gform-theme--orbital .gfield select[aria-invalid="true"],
.gform_wrapper.gform-theme--orbital .gfield textarea[aria-invalid="true"] {
  border-bottom-color: #e41e3c !important;
}

/*Toggle*/
/* container = de lichte balk */
#field_1_15 .gfield_radio {
  position: relative;
  display: flex;
  flex-direction: row;
  background: #e4e4e4;
  border-radius: 5px;
  padding: 5px;
}

/* de schuivende pill */
#field_1_15 .gfield_radio::before {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  width: calc((100% - 10px) / 3);
  background: #000;
  border-radius: 5px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* pill-positie per keuze */
#field_1_15 .gfield_radio:has(#choice_1_15_1:checked)::before {
  transform: translateX(100%);
}
#field_1_15 .gfield_radio:has(#choice_1_15_2:checked)::before {
  transform: translateX(200%);
}

/* keuzes bovenop de pill */
#field_1_15 .gchoice {
  flex: 1;
  grid-template-columns: auto;
  position: relative;
  z-index: 1;
}

#field_1_15 .gfield-choice-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

#field_1_15 .gchoice label {
  --gf-local-margin-x: 0;
  --gf-local-margin-y: 0;
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 5px;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
  transition: color 0.3s ease;
}

/* geselecteerd label wordt wit — pill eronder is zwart */
#field_1_15 .gfield-choice-input:checked + label {
  color: #fff;
}

#field_1_15 .gfield-choice-input:focus-visible + label {
  outline: 2px solid #000;
  outline-offset: 2px;
  border-radius: 5px;
}

@media screen and (max-width: 880px) {
#field_1_3 .gfield_radio {
  gap: 5px;
}

.gfield--type-consent {
    padding: 20px 0 10px 0 !important;
}
}