.elementor-kit-12{--e-global-color-primary:#003B6A;--e-global-color-secondary:#E79133;--e-global-color-text:#434343;--e-global-color-accent:#E79133;--e-global-color-fc22a41:#F2F2F2;--e-global-color-acb0a66:#E79133;--e-global-color-bd7f267:#FFFFFF;--e-global-color-6fd29a5:#FFFFFF;--e-global-color-e7da986:#E79133;--e-global-color-59fd2fb:#E79133;--e-global-color-366104d:#948F69;--e-global-color-3c3aa59:#E79133;--e-global-typography-primary-font-family:"gelica";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"din-2014";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"din-2014";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Harshita";--e-global-typography-accent-font-size:29px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:62px;color:#003B6A;font-family:"din-2014", Sans-serif;font-size:18px;font-weight:400;line-height:30px;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:var( --e-global-color-acb0a66 );font-family:"din-2014", Sans-serif;font-size:16px;font-weight:bold;text-transform:uppercase;text-decoration:none;line-height:20px;color:var( --e-global-color-bd7f267 );border-radius:5px 5px 5px 5px;padding:14px 14px 14px 14px;}.elementor-kit-12 button:hover,.elementor-kit-12 button:focus,.elementor-kit-12 input[type="button"]:hover,.elementor-kit-12 input[type="button"]:focus,.elementor-kit-12 input[type="submit"]:hover,.elementor-kit-12 input[type="submit"]:focus,.elementor-kit-12 .elementor-button:hover,.elementor-kit-12 .elementor-button:focus{background-color:var( --e-global-color-acb0a66 );color:var( --e-global-color-bd7f267 );}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 a{color:#003B6A;}.elementor-kit-12 a:hover{color:var( --e-global-color-accent );}.elementor-kit-12 h1{color:var( --e-global-color-primary );font-family:"gelica", Sans-serif;font-size:40px;font-weight:500;line-height:44px;}.elementor-kit-12 h2{color:#003B6A;font-family:"gelica", Sans-serif;font-size:40px;line-height:44px;}.elementor-kit-12 h3{font-family:"gelica", Sans-serif;font-size:23px;}.elementor-kit-12 img{border-radius:4px 4px 4px 4px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0em;--container-default-padding-right:0em;--container-default-padding-bottom:0em;--container-default-padding-left:0em;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:991px){.elementor-kit-12 h2{font-size:26px;line-height:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   SITE-WIDE CSS – Academie Spelderholt
   Locatie: Elementor > Site Settings > Custom CSS
========================================================= */


/* =========================================================
   1) Globale fixes
========================================================= */

/* Verberg standaard WordPress paginatitel */
h1.entry-title{
  display: none !important;
}

/* Verberg reCAPTCHA badge (alleen visueel) */
.grecaptcha-badge{
  opacity: 0 !important;
}

/* Globale lijst-inspringing
   (let op: dit raakt alle <li>'s) */
li{
  margin-left: -20px;
}


/* =========================================================
   LINKS – Academie Spelderholt
   Subtiele underline voor lopende tekst
   ❌ GEEN headings (H1–H6)
   ❌ GEEN buttons / menu / iconen
========================================================= */

/* ---------------------------------------------------------
   1) Witte link variant
--------------------------------------------------------- */
.witte-link a{
  color: #fff !important;
}

/* ---------------------------------------------------------
   2) Breadcrumbs
--------------------------------------------------------- */
p#breadcrumbs a{
  text-decoration: none;
}

p#breadcrumbs .breadcrumb_last{
  font-weight: bold;
}

/* ---------------------------------------------------------
   3) Tekstlinks – alleen lopende tekst
--------------------------------------------------------- */

/* Basisstijl – headings uitgesloten */
.elementor-widget-text-editor a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a),
.elementor-widget-theme-post-content a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a),
.entry-content a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a),
#content a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a){
  text-decoration-line: underline;
  text-decoration-thickness: 0.10em;
  text-underline-position: from-font;
  text-underline-offset: 0.06em;
  text-decoration-skip-ink: auto;
}

/* Hover – iets duidelijker, zonder “zakken” */
.elementor-widget-text-editor a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a):hover,
.elementor-widget-theme-post-content a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a):hover,
.entry-content a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a):hover,
#content a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a):hover{
  text-decoration-thickness: 0.12em;
}

/* ---------------------------------------------------------
   4) Harde uitsluiting: headings NOOIT underline
--------------------------------------------------------- */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
  text-decoration: none !important;
}

/* ---------------------------------------------------------
   5) Uitsluitingen – géén underline
--------------------------------------------------------- */

/* Buttons / CTA’s */
.elementor-button,
.elementor-button-link,
a.button,
a.wp-element-button{
  text-decoration: none !important;
}

/* Navigatie / header / footer */
.elementor-location-header nav a,
.elementor-location-footer nav a{
  text-decoration: none !important;
}

/* Icon-links & beeld-links */
.elementor-icon-list a,
.elementor-icon a,
.elementor-social-icon,
.elementor-widget-icon a,
.elementor-widget-social-icons a,
a img,
.elementor-widget-image a,
.elementor-widget-image-box a{
  text-decoration: none !important;
}

/* JetEngine dynamic terms */
.jet-listing-dynamic-terms__link,
.jet-listing-dynamic-terms a{
  text-decoration: none !important;
}


/* =========================================================
   3) Buttons (placeholders)
========================================================= */

.secundaire-button{
  /* nog leeg */
}

.witte-button{
  /* nog leeg */
}


/* =========================================================
   4) Layout – container padding (responsive)
========================================================= */

@media (min-width: 992px){
  .s.e-con{
    --container-default-padding-top: 0em;
    --container-default-padding-right: 3em;
    --container-default-padding-bottom: 0em;
    --container-default-padding-left: 2em;
  }
}

@media (min-width: 768px) and (max-width: 991px){
  .s.e-con{
    --container-default-padding-top: 0em;
    --container-default-padding-right: 1.5em;
    --container-default-padding-bottom: 0em;
    --container-default-padding-left: 1.5em;
  }
}

@media (max-width: 767px){
  .s.e-con{
    --container-default-padding-top: 0em;
    --container-default-padding-right: 1.25em;
    --container-default-padding-bottom: 0em;
    --container-default-padding-left: 1.25em;
  }
}


/* =========================================================
   5) Elementor widgets
========================================================= */

/* Icon list: nette uitlijning */
.elementor-widget .elementor-icon-list-item,
.elementor-widget .elementor-icon-list-item a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  font-size: inherit;
}


/* =========================================================
   6) Mobiel fixes
========================================================= */

@media (max-width: 767px){
  .geen-absolute-mobiel{
    position: unset !important;
  }
}


/* =========================================================
   7) Tekst clamping (cards / grids)
========================================================= */

.bio{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.blogtitel{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}


/* =========================================================
   8) Typografie / woordafbreking
========================================================= */

.vacature_term{
  hyphens: auto;
  word-wrap: break-word;
}


/* =========================================================
   9) Sliders / disabled state
========================================================= */

.jet-listing-grid__slider-icon.prev-arrow.slick-arrow.slick-disabled,
.jet-listing-grid__slider-icon.next-arrow.slick-arrow.slick-disabled{
  color: #ffffff33;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Harshita';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://academiespelderholt.nl/wp-content/uploads/2024/11/Harshita.ttf') format('truetype');
}
/* End Custom Fonts CSS */