.elementor-kit-5{--e-global-color-primary:#E74C3C;--e-global-color-secondary:#0084CC;--e-global-color-text:#000000;--e-global-color-accent:#E74C3C;--e-global-color-0f56bb3:#FFFFFF;--e-global-color-577f9de:#EFEFEF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-secondary-font-family:"Roboto Slab Regular";--e-global-typography-secondary-font-size:1rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins Regular";--e-global-typography-text-font-size:1.1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-36a63e8-font-family:"Poppins Extra Bold";--e-global-typography-36a63e8-font-size:clamp(2.5rem, 2.5385rem + 2.0513vw, 4.8rem);--e-global-typography-36a63e8-font-weight:800;--e-global-typography-36a63e8-line-height:1.1em;--e-global-typography-097d36d-font-family:"Poppins Extra Bold";--e-global-typography-097d36d-font-size:clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);--e-global-typography-097d36d-font-weight:800;--e-global-typography-097d36d-line-height:1.1em;--e-global-typography-809a87d-font-family:"Poppins Bold";--e-global-typography-809a87d-font-size:clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);--e-global-typography-809a87d-font-weight:500;--e-global-typography-809a87d-line-height:1.1em;--e-global-typography-36a9fc5-font-family:"Poppins Semi Bold";--e-global-typography-36a9fc5-font-size:clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);--e-global-typography-36a9fc5-font-weight:500;--e-global-typography-36a9fc5-line-height:1.1em;--e-global-typography-356e944-font-family:"Poppins Semi Bold";--e-global-typography-356e944-font-size:clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);--e-global-typography-356e944-font-weight:500;--e-global-typography-356e944-line-height:1.1em;--e-global-typography-79d0aee-font-family:"Poppins Semi Bold";--e-global-typography-79d0aee-font-size:clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);--e-global-typography-79d0aee-font-weight:500;--e-global-typography-79d0aee-line-height:1.1em;--e-global-typography-34ee84d-font-family:"Poppins Semi Bold";--e-global-typography-34ee84d-font-size:clamp(1.2rem, 1.1769rem + 0.1026vw, 1.25rem);--e-global-typography-34ee84d-font-weight:500;--e-global-typography-34ee84d-line-height:1.2em;--e-global-typography-ac76621-font-family:"Poppins Extra Bold";--e-global-typography-ac76621-font-size:clamp(1.25rem, 1.2615rem + -0.0513vw, 1.2rem);--e-global-typography-ac76621-font-weight:500;--e-global-typography-ac76621-text-transform:uppercase;--e-global-typography-ac76621-line-height:1.1em;--e-global-typography-ac76621-letter-spacing:1px;--e-global-typography-a6ebaab-font-family:"Poppins Regular";--e-global-typography-a6ebaab-font-size:clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);--e-global-typography-a6ebaab-font-weight:500;--e-global-typography-a6ebaab-line-height:1.1em;--e-global-typography-a6ebaab-letter-spacing:2px;--e-global-typography-2130b68-font-family:"Poppins Regular";--e-global-typography-2130b68-font-size:1.1rem;--e-global-typography-2130b68-font-weight:400;--e-global-typography-2130b68-line-height:1.4em;--e-global-typography-1a0deb9-font-family:"Poppins Regular";--e-global-typography-1a0deb9-font-size:1.1rem;--e-global-typography-1a0deb9-font-weight:bold;--e-global-typography-1a0deb9-line-height:1.4em;--e-global-typography-874277f-font-family:"Poppins Regular";--e-global-typography-874277f-font-size:0.9rem;--e-global-typography-874277f-font-weight:400;--e-global-typography-874277f-line-height:1.3em;--e-global-typography-815df55-font-family:"Poppins Regular";--e-global-typography-815df55-font-size:1.3rem;--e-global-typography-815df55-font-weight:400;--e-global-typography-815df55-line-height:1.4em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-ac76621-font-family ), Sans-serif;font-size:var( --e-global-typography-ac76621-font-size );font-weight:var( --e-global-typography-ac76621-font-weight );text-transform:var( --e-global-typography-ac76621-text-transform );line-height:var( --e-global-typography-ac76621-line-height );letter-spacing:var( --e-global-typography-ac76621-letter-spacing );color:var( --e-global-color-0f56bb3 );border-radius:6px 6px 6px 6px;padding:10px 20px 10px 20px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-0f56bb3 );border-radius:6px 6px 6px 6px;}.elementor-kit-5 e-page-transition{background-color:var( --e-global-color-accent );}.elementor-kit-5 a{color:var( --e-global-color-secondary );}.elementor-kit-5 a:hover{color:var( --e-global-color-primary );font-family:var( --e-global-typography-2130b68-font-family ), Sans-serif;font-size:var( --e-global-typography-2130b68-font-size );font-weight:var( --e-global-typography-2130b68-font-weight );line-height:var( --e-global-typography-2130b68-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:var( --e-global-color-text );--lightbox-text-color:var( --e-global-color-0f56bb3 );}.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:1366px){.elementor-kit-5 a:hover{font-size:var( --e-global-typography-2130b68-font-size );line-height:var( --e-global-typography-2130b68-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-ac76621-font-size );line-height:var( --e-global-typography-ac76621-line-height );letter-spacing:var( --e-global-typography-ac76621-letter-spacing );}}@media(max-width:1024px){.elementor-kit-5 a:hover{font-size:var( --e-global-typography-2130b68-font-size );line-height:var( --e-global-typography-2130b68-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-ac76621-font-size );line-height:var( --e-global-typography-ac76621-line-height );letter-spacing:var( --e-global-typography-ac76621-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5 a:hover{font-size:var( --e-global-typography-2130b68-font-size );line-height:var( --e-global-typography-2130b68-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-ac76621-font-size );line-height:var( --e-global-typography-ac76621-line-height );letter-spacing:var( --e-global-typography-ac76621-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:2400px){.elementor-kit-5 a:hover{font-size:var( --e-global-typography-2130b68-font-size );line-height:var( --e-global-typography-2130b68-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-ac76621-font-size );line-height:var( --e-global-typography-ac76621-line-height );letter-spacing:var( --e-global-typography-ac76621-letter-spacing );}}
/* Start custom CSS */.forminator-input {
    border: 0 !important;
    font-size: 18px !important;
    font-family: "Poppins Regular" !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
}


.forminator-textarea {
    border: 0 !important;
    font-size: 18px !important;
    color: #F1C40F !important;
    font-family: "Poppins Regular" !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
}

.forminator-ui#forminator-module-136.forminator-design--default .forminator-error-message {
    font-size: 18px  !important;
    font-family: "Poppins Regular" !important;
    font-weight: 500  !important;
    background-color: #e74c3c;
    color: #0084cc !important;
}

/* De basisstijl voor de Forminator knop */
.forminator-button {    
    display: inline-block !important; /* Zorgt voor een stabiele basis voor padding */
    color: #ffffff !important;
    font-size: 20px !important;   
    font-family: "Poppins Extra Bold" !important;
    font-weight: 800 !important;      /* Extra Bold gewicht expliciet meegeven */
    background-color: #0084CC !important;
    text-transform: uppercase !important;
    padding: 6px 20px !important;
    border-radius: 6px !important;
    line-height: 1.4em !important;    /* Dwingt een vaste, stabiele hoogte af */
    transition: all 0.3s ease !important; /* Zorgt voor een vloeiende kleurtransitie */
    text-decoration: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* De stijl bij muisover (hover) voor de Forminator knop */
.forminator-button:hover {
    display: inline-block !important; /* Behoud dezelfde display-modus */
    color: #000000 !important;
    background-color: #ffffff !important;
    padding: 6px 20px !important;    /* Exact gelijk aan de basisstijl */
    line-height: 1.4em !important;    /* Exact gelijk aan de basisstijl */
    text-decoration: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* 1. Transitie instellen */
.elementor-element-a2239c4.elementor-sticky--active {
    transition: transform 0.8s ease-in-out !important;
}

/* 2. Verberg de header bij omlaag scrollen */
body.e-scrolling-down .elementor-element-a2239c4.elementor-sticky--active {
    transform: translateY(-110%) !important;
}

/* 3. Toon de header bij omhoog scrollen */
body.e-scrolling-up .elementor-element-a2239c4.elementor-sticky--active {
    transform: translateY(0) !important;
}

/* De basisstijl voor de knop op de template */
.button-template {
    display: inline-block !important; /* Toegevoegd !important zodat dit ALTIJD blijft staan */
    font-family: "Poppins Extra Bold" !important;
    font-weight: 800 !important;
    font-size: 20px !important;
    color: #ffffff !important;
    letter-spacing: 1.2px !important;
    background-color: #0084cc !important;
    padding: 6px 20px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
    text-align: center;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    line-height: 1.4em !important;    /* Dwingt een vaste regelhoogte af voor stabiele weergave */
}

/* De stijl bij button event template muisover (hover) */
.button-template:hover {
    display: inline-block !important; /* Dwing dezelfde display-modus af tijdens hover */
    background-color: #000000 !important;
    color: #ffffff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 6px 20px !important;    /* Exact gelijk aan de basisstijl */
    text-decoration: none !important;
    letter-spacing: 1.2px !important;
    font-weight: 800 !important;
    line-height: 1.4em !important;    /* Exact gelijk aan de basisstijl */
}

.uc-item-title-inner {
   font-size: 14px !important;
   font-family: "Poppins Regular" !important;
    }
    
/* Prijstabel 1. Zorg dat alle items standaard transparant zijn */
.elementor-kit-5 .elementor-loop-container > .e-loop-item {
    background-color: transparent !important;
}

/* 2. Kleur de EVEN items wit (Item 2, 4, 6) */
.elementor-kit-5 .elementor-loop-container > .e-loop-item:nth-child(even) {
    background-color: #ffffff !important;
}

/* Form */
.forminator-input::placeholder, 
.forminator-textarea::placeholder {
    color: #000000 !important;
    opacity: 1 !important;
}

/* De hoofdtitels boven de radio groepen (Type event, etc) */
.forminator-label {
    font-family: 'Poppins Regular', sans-serif !important;
    font-size: 20px !important;
    color: #ffffff !important;
}

/* De kleine grijze omschrijvingen onder de titels */
.forminator-description {
    font-family: 'Poppins Regular', sans-serif !important;
    font-size: 16px !important;
    color: #ffffff !important;
}

/* De tekst naast de radiobuttons zelf */
.forminator-radio-label {
    font-family: 'Poppins Regular', sans-serif !important;
    font-size: 18px !important;
    color: #ffffff !important;
}

.forminator-error-message {
    font-family: 'Poppins Regular', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

/* Focus effect voor invoervelden en tekstvakken */
.forminator-input:focus,
.forminator-textarea:focus {
    border: 2px solid #0084cc !important; /* De blauwe border zelf */
    background-color: #ffffff !important;
    outline: none !important;

    /* Hier gebeurt de magie: 
       1. Een strak wit randje van 2px direct buiten de blauwe border
       2. Een zachte blauwe gloed daar weer buiten voor extra 'pop' */
    box-shadow: 0 0 0 2px #ffffff, 0 0 10px 4px rgba(0, 132, 204, 0.5) !important;

    transition: all 0.2s ease-in-out;
}

/* Referentie met afkappen aantal regels tekst */
.elementor-element-911148e .elementor-heading-title a {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Verander dit naar 2 of 4 voor meer/minder tekst */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* Zorg dat de tekst wel mag wrappen */
}

/* Dwingt de samenvatting van beide Post widgets voor events met stipjes */

.elementor-posts-container .elementor-post__excerpt p,
.elementor-posts-container .elementor-post__excerpt {
    display: block !important;
    overflow: visible !important;
}

/* Plak automatisch 3 stipjes achter de gegenereerde excerpt van Event archive */
/* 1. Zorg dat de div-container de juiste regelafstand krijgt */
.elementor-posts-container .elementor-post__excerpt {
    display: block !important;
    line-height: 1.4em !important; /* HIERMEE VERKLEIN JE DE REGELAFSTAND */
}

/* 2. Target de paragraaf en forceer de afkap-stipjes strak achter de tekst */
.elementor-posts-container .elementor-post__excerpt p {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* Dwingt de tekst tot max 3 regels */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important; /* Forceert de drie stipjes strak aan de tekst */
    line-height: 1.4em !important; /* Moet exact gelijk zijn aan de container hierboven */
    margin-bottom: 0 !important;
}

/* 3. Verwijder eventuele dubbele ::after stipjes */
.elementor-posts-container .elementor-post__excerpt p::after,
.elementor-posts-container .elementor-post__excerpt::after {
    content: "" !important;
}

/* Historie pagina - hier is CSS bij die pagina geplaatst */

/* Dwing een exacte breedte en hoogte af voor Focus Point afbeeldingen bij events. De shortcode heeft een CSS class meegekregen met waarde 'vaste-afmeting'   */
.vaste-afmeting {
    width: 400px !important;      /* Exacte breedte */
    max-width: 400px !important;  /* Voorkomt dat Elementor hem toch op 100% zet */
    
    height: 400px !important;     /* Exacte hoogte */
    max-height: 400px !important; /* Voorkomt dat de container meerekt met lange content */
    min-height: 400px !important; /* Voorkomt dat hij krimpt bij weinig content */
    border-radius: 6px !important;
    overflow: hidden !important;  /* Optioneel: snijdt content af die buiten deze doos valt */
    /* overflow-y: auto !important; Gebruik deze als je wilt kunnen scrollen BINNEN de vaste doos */
}
/* Event single post:
Afbeelding exact breedte (width: 100%) en hoogte (height: 100%) v. container, snijd passend af (object-fit: cover) en  gebruik coördinaten focus point */
/* 1. Zorg dat de Elementor-mappen én de nieuwe link de volledige ruimte doorgeven */
.vaste-afmeting .elementor-widget-shortcode,
.vaste-afmeting .elementor-shortcode,
.vaste-afmeting .elementor-shortcode a {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

/* 2. Dwing de afbeelding tot 100% met behoud van object-fit (focus point) */
.vaste-afmeting .elementor-shortcode img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins Regular';
	font-display: auto;
	src: url('https://www.taella.nl/wp-content/uploads/2026/04/Poppins-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins Extra Bold';
	font-display: auto;
	src: url('https://www.taella.nl/wp-content/uploads/2026/04/Poppins-ExtraBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins Bold';
	font-display: auto;
	src: url('https://www.taella.nl/wp-content/uploads/2026/04/Poppins-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins Semi Bold';
	font-display: auto;
	src: url('https://www.taella.nl/wp-content/uploads/2026/04/Poppins-SemiBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */