/*
Theme Name: Bold theme
Theme URI: https://www.boldonline.nl
Author: Bold Online
Author URI: https://www.boldonline.nl
Description: Bold Online
Version: 1.0
Template: hello-elementor
*/



/* Header sticky stijl */

.header-logo img {
  height: 136px; /* pas aan naar je huidige hoogte */
  width: auto;
  transition: height .45s ease; /* soepele animatie */
}
/* Alleen wanneer de header sticky is */
.elementor-element-fed90ca.ekit-sticky--effects .header-logo img {
  height: 80px; /* kleiner bij sticky, waarde zelf bepalen */
}

/* Padding normaal */
.header-con {
  padding-top: 30px; /* huidige waarde aanpassen */
  padding-bottom: 30px;
  transition: padding .45s ease;
}
/* Padding tijdens sticky */
.elementor-element-fed90ca.ekit-sticky--effects .header-con {
  padding-top: 10px;
  padding-bottom: 10px;
}
/* Animatie voor padding */
.header-con,
.header-con > .e-con-inner {
  transition: padding .45s ease;
}

/* Sticky staat aan, verklein padding boven en onder */
.elementor-element-fed90ca.ekit-sticky--effects .header-con,
.elementor-element-fed90ca.ekit-sticky--effects .header-con > .e-con-inner,
/* als .header-con op hetzelfde element zit als de sticky container */
.elementor-element-fed90ca.ekit-sticky--effects.header-con,
.elementor-element-fed90ca.ekit-sticky--effects.header-con > .e-con-inner {
  padding-block: 10px !important;   /* top en bottom tegelijk */
  --padding-block-start: 10px;      /* Elementor gebruikt vaak deze vars */
  --padding-block-end: 10px;
}
/* Standaard geen extra marge */
.menu-con {
  margin-bottom: 0;
  transition: margin-bottom .45s ease;
}

/* Alleen bij sticky extra marge onderaan */
.elementor-element-fed90ca.ekit-sticky--effects .menu-con {
  margin-bottom: 0px;
}
@media(max-width: 1024px) {
	.header-con {
  padding-top: 0px;
  padding-bottom: 0px;
}
}
@media(max-width: 767px) {
	.header-con {
  padding-top: 0px;
  padding-bottom: 0px;
}
}
/* Dropdown offset mobiel en tablet binnen de sticky header */
@media (max-width: 1024px){
  /* standaard afstand */
  .elementor-element-fed90ca .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown,
  .elementor-element-fed90ca .elementor-nav-menu__container.elementor-nav-menu--dropdown{
    margin-top: 51px !important;
  }

  /* wanneer de header sticky is, ElementsKit gebruikt .ekit-sticky--effects */
  .elementor-element-fed90ca.ekit-sticky--effects .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown,
  .elementor-element-fed90ca.ekit-sticky--effects .elementor-nav-menu__container.elementor-nav-menu--dropdown{
    margin-top: 33px !important;
  }

  /* optioneel, ook de Elementor sticky klasse meenemen, kan geen kwaad */
  .elementor-element-fed90ca.elementor-sticky--active .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown,
  .elementor-element-fed90ca.elementor-sticky--active .elementor-nav-menu__container.elementor-nav-menu--dropdown{
    margin-top: 33px !important;
  }
}
/* Header sticky stijl EINDE */


/* Header Anker links*/
#inschrijven { scroll-margin-top: 100px; }
#onderschrijvers { scroll-margin-top: 100px; }
#akkoord { scroll-margin-top: 100px; }



.tekst-stijl a {
	text-decoration: underline;
	color:#000;
}
.tekst-stijl p {
	margin-bottom:20px;
}


/* 1. Basis, verberg standaard iconen van Elementor */
#nav-menu-mob .elementor-menu-toggle .eicon,
#nav-menu-mob .elementor-menu-toggle i { display: none; }

/* 2. Maak de drie lijntjes op de knop zelf */
#nav-menu-mob .elementor-menu-toggle{
  position: relative;
  width: 42px;
  height: 34px;
  padding: 0;
  border: 0;
  background: linear-gradient(currentColor, currentColor) center center / 100% 4px no-repeat;
  transition: background-size .25s ease, transform .25s ease;
  cursor: pointer;
}

/* Bovenste en onderste lijn via pseudo elementen */
#nav-menu-mob .elementor-menu-toggle::before,
#nav-menu-mob .elementor-menu-toggle::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 4px;
  background: currentColor;
  transform-origin: center;
  transition: transform .25s ease, top .25s ease, bottom .25s ease;
}
#nav-menu-mob .elementor-menu-toggle::before{ top: 5px; }
#nav-menu-mob .elementor-menu-toggle::after{ bottom: 5px; }

/* 3. Animatie naar X wanneer het menu open is */
#nav-menu-mob .elementor-menu-toggle[aria-expanded="true"]{
  background-size: 0 4px;                 /* middenlijn verdwijnt */
}
#nav-menu-mob .elementor-menu-toggle[aria-expanded="true"]::before{
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
#nav-menu-mob .elementor-menu-toggle[aria-expanded="true"]::after{
  bottom: auto;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

/* Optioneel, klein tik-effect bij klik */
#nav-menu-mob .elementor-menu-toggle:active { transform: scale(.96); }

/* Respecteer minder beweging voorkeur */
@media (prefers-reduced-motion: reduce){
  #nav-menu-mob .elementor-menu-toggle,
  #nav-menu-mob .elementor-menu-toggle::before,
  #nav-menu-mob .elementor-menu-toggle::after{
    transition: none;
  }
}
#nav-menu-mob .elementor-menu-toggle .eicon,
#nav-menu-mob .elementor-menu-toggle i,
#nav-menu-mob .elementor-menu-toggle svg,
#nav-menu-mob .elementor-menu-toggle [class*="eicon-"],
#nav-menu-mob .elementor-menu-toggle .elementor-menu-toggle__icon,
#nav-menu-mob .elementor-menu-toggle .eicon-menu-bar,
#nav-menu-mob .elementor-menu-toggle .eicon-close,
#nav-menu-mob .eicon-menu-bar::before,
#nav-menu-mob .eicon-close::before {
  display: none !important;
}


/* Slider stijl */

/* swiper krijgt auto hoogte (beeld + caption), niets afkappen */
.gc-slider .swiper { height: auto !important; overflow: visible; }

/* wrapper en slides volgen mee */
.gc-slider .swiper-wrapper,
.gc-slider .swiper-slide { height: auto; }

/* figure reset, voorkomt extra witruimte, wordt context voor absolute caption */
.gc-slider .swiper-slide figure {
  margin: 0;
  position: relative; /* nodig voor overlay-caption */
}

/* beeld met vaste 16:9 verhouding, netjes vullen */
.gc-slider .swiper-slide img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center center;
  display: block;
}

/* caption linksonder in de foto, wit, als overlay */
.gc-slider .elementor-image-carousel-caption,
.gc-slider .swiper-slide figcaption {
  position: absolute;        /* overlay in plaats van onder de foto */
  left: 16px;
  bottom: 16px;
  z-index: 2;
  margin: 0;
  padding: 0;
  background: none;
  color: #fff;               /* wit zoals gevraagd */
  line-height: 1.3;
  font-size: clamp(12px, 1.6vw, 16px);
  display: inline-block;
  min-height: 0;
  max-width: calc(100% - 32px);
  text-shadow: 0 1px 2px rgba(0,0,0,.5); /* betere leesbaarheid */
}

/* lijntje boven caption uitzetten, want caption is nu overlay */
.gc-slider .elementor-image-carousel-caption::before,
.gc-slider .swiper-slide figcaption::before {
  content: none;
  display: none;
}

/* kleine zekerheidjes */
.gc-slider .elementor-widget-container { padding-bottom: 1px; }
.gc-slider { position: relative; z-index: 0; }
.na-slider { position: relative; z-index: 1; }

/* optioneel, een subtiele gradient voor extra contrast bij drukke foto’s
.gc-slider .swiper-slide figure::after {
  content: "";
  position: absolute;



/* Slider stijl EINDE */


/* Footer stijl */
.footer .bold a, .footer-tk a  {
color:#fff;
}
.footer .bold a:hover, .footer-tk a:hover {
text-decoration: underline;
}

@media(max-width: 767px) {
	.footer .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
flex-direction: column;
}
    .elementor-75 .elementor-element.elementor-element-d68cc5c {
        --e-nav-menu-horizontal-menu-item-margin: calc(0px / 2) !important;
    }
}
/* Footer stijl EINDE*/

/* Formulier stijl */




/* Scope op de Elementor Shortcode widget met klasnaam "form" */
.elementor-widget-shortcode.form .gform_wrapper .gform_heading .gform_title {
  display: none;
}
.elementor-widget-shortcode.form .gform_wrapper .gform_heading {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Labels op 18px */
.elementor-widget-shortcode.form .gform_wrapper .gfield_label,
.elementor-widget-shortcode.form .gform_wrapper legend.gfield_label,
.elementor-widget-shortcode.form .gform_wrapper label.gform-field-label,
.elementor-widget-shortcode.form .gform_wrapper .gfield_checkbox label,
.elementor-widget-shortcode.form .gform_wrapper .gfield_radio label {
  font-size: 18px;
}

/* Fallback, als de widget geen klasnaam "form" heeft */
#gform_wrapper_1 .gform_heading .gform_title { display: none; }
#gform_wrapper_1 .gform_heading { margin: 0, padding: 0, border: 0; } /* optioneel */
#gform_wrapper_1 .gfield_label,
#gform_wrapper_1 legend.gfield_label,
#gform_wrapper_1 label.gform-field-label,
#gform_wrapper_1 .gfield_checkbox label,
#gform_wrapper_1 .gfield_radio label {
  font-size: 18px;
}
/* Versturen knop binnen de shortcode widget met klas "form" */
.elementor-widget-shortcode.form .gform_wrapper .gform_footer .gform_button,
.elementor-widget-shortcode.form .gform_wrapper .gform_footer input[type="submit"],
.elementor-widget-shortcode.form .gform_wrapper .gform_page_footer .button {
  font-family: "TT Firs Neue DemiBold", Sans-serif !important;
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
}

/* Hover en focus, zelfde stijl behouden */
.elementor-widget-shortcode.form .gform_wrapper .gform_footer .gform_button:hover,
.elementor-widget-shortcode.form .gform_wrapper .gform_footer input[type="submit"]:hover,
.elementor-widget-shortcode.form .gform_wrapper .gform_page_footer .button:hover,
.elementor-widget-shortcode.form .gform_wrapper .gform_footer .gform_button:focus,
.elementor-widget-shortcode.form .gform_wrapper .gform_footer input[type="submit"]:focus,
.elementor-widget-shortcode.form .gform_wrapper .gform_page_footer .button:focus {
  background-color: #000 !important;
  color: #fff !important;
  outline: 2px solid #000;
  outline-offset: 2px;
}

/* Fallback op het specifieke formulier met id 1 */
#gform_wrapper_1 .gform_footer .gform_button,
#gform_submit_button_1 {
  font-family: "TT Firs Neue DemiBold", Sans-serif !important;
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* Hover en focus, zwart op wit */
.elementor-widget-shortcode.form .gform_wrapper .gform_footer .gform_button:hover,
.elementor-widget-shortcode.form .gform_wrapper .gform_footer input[type="submit"]:hover,
.elementor-widget-shortcode.form .gform_wrapper .gform_page_footer .button:hover,
.elementor-widget-shortcode.form .gform_wrapper .gform_footer .gform_button:focus,
.elementor-widget-shortcode.form .gform_wrapper .gform_footer input[type="submit"]:focus,
.elementor-widget-shortcode.form .gform_wrapper .gform_page_footer .button:focus {
  background-color: #fff !important;
  color: #000 !important;
  outline: 2px solid #000;
  outline-offset: 2px;
  box-shadow: none !important;
}

/* Fallback op formulier 1 */
#gform_wrapper_1 .gform_footer .gform_button:hover,
#gform_submit_button_1:hover,
#gform_wrapper_1 .gform_footer .gform_button:focus,
#gform_submit_button_1:focus {
  background-color: #fff !important;
  color: #000 !important;
  outline: 2px solid #000;
  outline-offset: 2px;
  box-shadow: none !important;
}

/* Optioneel, soepele overgang */
.elementor-widget-shortcode.form .gform_wrapper .gform_footer .gform_button,
.elementor-widget-shortcode.form .gform_wrapper .gform_footer input[type="submit"],
#gform_submit_button_1 {
  transition: background-color .2s ease, color .2s ease;
}
/* Verwijder outline en schaduw op hover en focus */
.elementor-widget-shortcode.form .gform_wrapper .gform_footer .gform_button:hover,
.elementor-widget-shortcode.form .gform_wrapper .gform_footer .gform_button:focus,
.elementor-widget-shortcode.form .gform_wrapper .gform_footer .gform_button:focus-visible,
.elementor-widget-shortcode.form .gform_wrapper .gform_footer input[type="submit"]:hover,
.elementor-widget-shortcode.form .gform_wrapper .gform_footer input[type="submit"]:focus,
.elementor-widget-shortcode.form .gform_wrapper .gform_footer input[type="submit"]:focus-visible,
.elementor-widget-shortcode.form .gform_wrapper .gform_page_footer .button:hover,
.elementor-widget-shortcode.form .gform_wrapper .gform_page_footer .button:focus,
.elementor-widget-shortcode.form .gform_wrapper .gform_page_footer .button:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

/* Fallback voor formulier met id 1 */
#gform_submit_button_1:hover,
#gform_submit_button_1:focus,
#gform_submit_button_1:focus-visible,
#gform_wrapper_1 .gform_footer .gform_button:hover,
#gform_wrapper_1 .gform_footer .gform_button:focus,
#gform_wrapper_1 .gform_footer .gform_button:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}
#label_1_6_1 {
	font-size: 16px !important;
}
#label_1_6_1 a {
	color:#000;
	text-decoration: underline;
}
/* Formulier stijl EINDE*/


/* Algemene pagina stijl */
.content h1, h2, h3, h4 {
	margin-bottom: 0px;
	margin-top: 30px;
}
.content h4 {
	margin-bottom: 0px;
	margin-top: 0px;
}
@media(max-width: 767px) {
	.content h1{
font-size: 32px;
	}
	.content h2 {
	font-size: 22px;
}
.conte
}
.content h2 {
	font-size: 26px;
}
.content a {
	color:#000;
	text-decoration: underline;
}
.content a:hover {
	color:#fff;
}
.hgca h2 {
	font-size: 32px;
}

/* Algemene pagina stijl EINDE */

/* verberg het reCAPTCHA badge rechtsonder */
.grecaptcha-badge { visibility: hidden !important; }

.cky-btn-revisit-wrapper { visibility: hidden !important; }


/* Formulier multi keuze veld naast elkaar */
/* Alleen dit formulier en dit veld */
#gform_wrapper_1 #field_1_21.multi-keuze #input_1_21 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 2rem;
    row-gap: 0.25rem;
}

/* Optioneel, wat minder ruimte onder de keuzes */
#gform_wrapper_1 #field_1_21.multi-keuze #input_1_21 .gchoice {
    margin-bottom: 0.25rem;
}

/* Op mobiel terug naar 1 kolom */
@media (max-width: 640px) {
    #gform_wrapper_1 #field_1_21.multi-keuze #input_1_21 {
        grid-template-columns: 1fr !important;
    }
}