.elementor-kit-7{--e-global-color-primary:#21403A;--e-global-color-secondary:#F8EED6;--e-global-color-text:#343433;--e-global-color-accent:#C49E38;--e-global-typography-primary-font-family:"ofelia-text";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"ofelia-text";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"sofia-pro";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"ofelia-text";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-b7034b9-font-family:"ofelia-text";--e-global-typography-b7034b9-font-size:26px;--e-global-typography-b7034b9-font-weight:600;--e-global-typography-b7034b9-text-transform:uppercase;background-color:var( --e-global-color-secondary );font-family:"sofia-pro", Sans-serif;font-size:17px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#02010100;font-family:"ofelia-text", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-accent );border-style:solid;border-width:0px 0px 1.5px 0px;border-radius:0px 0px 0px 0px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-text );font-family:"sofia-pro", Sans-serif;}.elementor-kit-7 h1{color:#F8EED6;font-family:"ofelia-text", Sans-serif;font-size:32px;font-weight:600;text-transform:uppercase;line-height:46px;}.elementor-kit-7 h2{color:var( --e-global-color-primary );font-family:"ofelia-text", Sans-serif;font-size:26px;font-weight:600;text-transform:uppercase;line-height:32px;}.elementor-kit-7 h3{font-family:"ofelia-text", Sans-serif;font-size:22px;font-weight:700;}.elementor-kit-7 h4{color:var( --e-global-color-text );font-family:"ofelia-text", Sans-serif;font-size:22px;font-weight:700;}.elementor-kit-7 h5{font-family:"sofia-pro", Sans-serif;font-weight:400;}.elementor-kit-7 h6{color:var( --e-global-color-text );font-family:"sofia-pro", Sans-serif;font-size:17px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:30px;--container-default-padding-right:30px;--container-default-padding-bottom:50px;--container-default-padding-left:30px;}{}h1.entry-title{display:var(--page-title-display);}.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-kit-7{font-size:17px;line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:720px;}.e-con{--container-max-width:720px;--container-default-padding-top:10px;--container-default-padding-right:10px;--container-default-padding-bottom:10px;--container-default-padding-left:10px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-b7034b9-font-size:20px;font-size:17px;line-height:1.4em;}.elementor-kit-7 h1{font-size:26px;line-height:1.4em;}.elementor-kit-7 h2{font-size:24px;}.elementor-kit-7 h3{font-size:17px;}.elementor-kit-7 h4{font-size:14px;}.elementor-kit-7 h5{font-size:16px;line-height:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:10px;--container-default-padding-right:10px;--container-default-padding-bottom:10px;--container-default-padding-left:10px;}}/* Start custom CSS *//*h2 container met icoontje erboven*/
.titleIcon, .titleIcon svg{
    width:auto!important;
}

.titleIcon h2{
    text-align: center;
}

/* Normale links styling */
a:not(.grinta-button):not(.grinta-button-alt):not(.elementor-button):not(.CTA_underline) {
    transition: color 0.3s ease, opacity 0.3s ease; /* Voeg zachte overgang toe */
}

.bioGrinta a{
    color: var(--e-global-color-secondary);
    text-decoration: underline solid var(--e-global-color-secondary) 1px;
    text-underline-offset: 3px;
         font-weight: 500!important;

}

.bioGrinta a:hover{
     color: var(--e-global-color-secondary)!important;
     opacity: 0.4!important;

}

/* Hover state voor normale links */
a:not(.grinta-button):not(.grinta-button-alt):not(.elementor-button):not(.CTA_underline):hover {
    color: var(--e-global-color-accent); /* Verander de kleur bij hover */
    opacity: 0.8; /* Pas de opacity aan */
}

/*hover state normale links op gele achtergrond */
/*.absoluut-blok-switch a:not(.grinta-button):not(.elementor-button):hover{*/
/*color: var(--e-global-color-primary)!important;    */
/*}*/


/*knoppen met lijn animatie*/
.grinta-button.elementor-widget.elementor-widget-button{
min-width: 240px;
}
.grinta-button .elementor-button-content-wrapper {
    position: relative;
  /*  overflow: hidden; /* Zorgt ervoor dat de pseudo-elementen binnen de knop blijven */
  padding-top: 10px;
 /* padding-bottom: 20px; */
}

.grinta-button .elementor-button-text {
    transition: transform 0.3s ease; /* Gladde overgang voor de tekst */
  
}

.grinta-button .elementor-button:before {
    content: '';
    position: absolute;
    left: 24px;
    bottom: 20px;
    width: 24px; /* Aanpassen aan de gewenste initiële breedte */
    height: 2px; /* De dikte van je lijn */
    background-color: currentColor; /* Gebruikt de tekstkleur */
    transition: width 0.3s ease; /* Gladde overgang voor de lijn */
}
 .grinta-btn-alt .elementor-button:before {
    left: 0px;
}

.grinta-button .elementor-button:hover:before {
    width: 75%; /* Volledige breedte op hover */
}

.grinta-button .elementor-button:hover .elementor-button-text {
    transform: translateY(-5px); /* Tekst omhoog bewegen */
}




/*opsomming*/

.grinta-list ul{
    list-style: none;
padding-left:0px;

}



.grinta-list ul li {
  padding: 5px 0 5px 2em;
  background: var(--custom-icon-path) no-repeat left .8em;
  background-size: .8em .8em;
  margin: 0;
}


/* Algemene stijl voor CTA-onderlijning */
.CTA_underline {
    position: relative;
    overflow: hidden; /* Zorgt dat de lijn binnen de knop blijft */

}

/* Stijlen voor elementor-button binnen CTA-onderlijning */
.CTA_underline .elementor-button,
.CTA_underline h3 {
    box-sizing: border-box; /* Padding en border vallen binnen de breedte */
    width:100%;
        text-align: left; /* Tekst uitlijnen naar links */
    
}

/* Stijlen voor de pseudo-element lijn */
.CTA_underline .elementor-button:before,
.CTA_underline h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px; /* Begin breedte van de lijn */
    height: 5px; /* Hoogte van de lijn */
    background-color: #C49E38; /* Kleur van de lijn */
    transition: width 0.5s ease; /* Animatie voor de lijnbreedte */
}

/* Hover-effecten */
.CTA_underline:hover .elementor-button:before,
.CTA_underline:hover h3:before {
    width: 100%; /* Lijn wordt 100% breed bij hover */
}

.CTA_underline:hover .elementor-button,
.CTA_underline:hover {
    color: #C49E38!important; /* Tekstkleur bij hover */
}

/* Specifieke stijl voor CTA-image */
.CTA_image {
    background-blend-mode: luminosity!important;
    opacity: .3; 
    transition: opacity .3s;
}

.CTA_underline:hover .CTA_image {
    opacity: .1; /* Transparantie bij hover */
}


/*Maak de lijst even lang om uit te lijnen*/

.gelijke-icon-lijst .elementor-icon-list-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.gelijke-icon-lijst .elementor-icon-list-item {
    flex: 1 1 2;
    min-width: calc(100% / 2.5); 
    padding-bottom: 12px!important;
}

/*Hover effect voor bio*/

.hoverContainer {
    height: 0;
    overflow: hidden;
    transition: height 0.6s ease-in-out;
}

.hoverTrigger:hover .hoverContainer {
    height: 100%;
}

@media (max-width: 1120px) and (min-width: 1024px) {
    .elementor-nav-menu a {
        font-size: 14px!important; /* Pas de tekstgrootte aan vlak voor tablet breekpunt*/
    }
    .GrintaNavLogo, .GrintaNavLogo img{
        max-width: 70px!important;
    }
}

@media (max-width: 1120px) and (min-width: 1024px) {
    #grinta-hoofd-nav a {
        font-size: 15px!important; /* Pas de tekstgrootte aan */
    }
}



/* Voor de tablet weergave */
@media (max-width: 1024px) {
    
    /*footer menu onder elkaar*/
    .foot-Menu ul{
    flex-direction: column;
    
}


.gelijke-icon-lijst .elementor-icon-list-item {
    flex: 1 1 2;
    min-width: calc(100% / 1); 
    padding-bottom: 12px!important;
}

.absoluut-blok-switch{
        position:static ;
        right: 0; 
        left: auto; 
        margin: 0;  
     
    
}
.absoluut-blok-container{
    width:auto;
}


}


/* Voor de mobiele weergave */
@media (max-width: 767px) {

    .absoluut-blok-container {
        position: static!important;
    }
    .absoluut-blok-switch{
        margin-top:0!important;
        
    }
    .hoverTarget{
    padding-right: 10px;
}

}
/* Voor de mobiele weergave */
@media (min-width: 768px) {

    /*Dynamische padding voor bio*/

.hoverTarget{
    padding-right: clamp(50px,calc(27vw - 100px),200px);
}

}




@media (max-width: 320px) {

#foot-Menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu a{
    word-wrap: break-word; /* Zorgt ervoor dat lange woorden kunnen afbreken en naar de volgende regel gaan */
    white-space: normal; /* Overschrijft elke 'nowrap' die toegepast kan zijn */
    text-align: center;
}
}

@media (max-width: 290px) {
.elementor-kit-7 h1 {
    font-size:23px;
}
    
}/* End custom CSS */