.elementor-kit-8{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#7A7A7A;--e-global-color-accent:#00A1FF;--e-global-color-79a2664:#006AA8;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:1rem;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:2rem;--e-global-typography-text-font-weight:700;--e-global-typography-text-letter-spacing:-0.05rem;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-weight:400;text-decoration:underline;}.elementor-kit-8 a:hover{color:var( --e-global-color-79a2664 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.elementor-lightbox{background-color:var( --e-global-color-secondary );--lightbox-ui-color:#000000;--lightbox-ui-color-hover:#676767;--lightbox-text-color:var( --e-global-color-primary );}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.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 *//* ===== Sitewide: alles links uitlijnen =====
   Elementor centreert content standaard op twee manieren:
   1. Boxed containers centreren hun inhoud via het binnenste element .e-con-inner
   2. Top-level containers met een vaste breedte centreren zichzelf
   Deze regel dwingt beide naar links. !important is nodig om
   Elementor's eigen margin: auto te overrulen. */
body .e-con-boxed > .e-con-inner,
body .e-con.e-parent {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* ===== Fancybox lightbox: witte achtergrond =====
   Standaard is de overlay donker en halfdoorzichtig. */
.fancybox__backdrop {
    background: #fff;
    opacity: 1;
}

/* Basiskleur zwart voor alle tekst en iconen in de lightbox.
   De twee --fancybox-variabelen zijn Fancybox's eigen kleurinstellingen;
   die meegeven voorkomt dat onderdelen terugvallen op de donkere defaults. */
.fancybox__container {
    color: #000;
    --fancybox-bg: #fff;
    --fancybox-color: #000;
}

/* Toolbar rechtsboven (zoom, slideshow, fullscreen, sluiten):
   geen eigen achtergrondbalk, zwarte iconen, en de tekstschaduw weg
   die op een witte achtergrond als vage rand zichtbaar zou zijn. */
.fancybox__toolbar {
    background: none;
    color: #000;
    text-shadow: none;
}

/* Teller "3 / 14" linksboven zwart. */
.fancybox__counter {
    color: #000;
}

/* Alle Fancybox-knoppen (navigatiepijlen én toolbar-iconen zijn
   SVG's die de tekstkleur volgen): zwart. */
.carousel__button {
    color: #000;
}

/* Thumbnail-strip onderaan verbergen. !important omdat Fancybox
   deze zelf met een specifiekere regel toont. */
.fancybox__thumbs {
    display: none !important;
}

/* ===== Knoppen: hover/focus/klik neutraliseren =====
   Het thema (reset.css) zet op ALLE kale buttons sitewide een roze
   achtergrond (rgb(204, 51, 102)) en witte tekst bij hover en focus.
   Dat raakt ook de Fancybox-knoppen. Dit blok haalt achtergrond,
   schaduw en outline weg en houdt de pijl zwart, ook na een klik. */
.fancybox__container .carousel__button:hover,
.fancybox__container .carousel__button:focus,
.fancybox__container .carousel__button:focus-visible,
.fancybox__container .carousel__button:active {
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #000 !important;
}

/* Uitzondering op het blok hierboven (staat er bewust ná, zodat hij wint):
   bij muis-hover en toetsenbord-focus wordt de pijl blauw (accentkleur).
   De :focus-visible-regel is tegelijk de focus-indicator voor
   toetsenbordgebruikers; niet weghalen zonder vervanging. */
.fancybox__container .carousel__button:hover,
.fancybox__container .carousel__button:focus-visible {
    color: #00A1FF !important;
}


/* Caption: links uitgelijnd, zelfde font als de site.
   De breedte en positie (gelijk aan de zichtbare afbeelding)
   worden per slide gezet door het JS-snippet. */
.fancybox__caption {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    font-family: var(--e-global-typography-text-font-family, inherit);
}


/* Text-lijst: actieve tekst en actieve taal vet */
.jet-listing-grid__item.is-current-text .jet-listing-dynamic-field__content {
    font-weight: 700;
}
.jet-listing-grid__item a.is-current-lang {
    font-weight: 700;
}
.jet-listing-grid__item a.is-current-lang {
    font-weight: 700;
    color: #000;
}/* End custom CSS */