.elementor-22 .elementor-element.elementor-element-c57b89f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:90px 90px;--row-gap:90px;--column-gap:90px;--padding-top:90px;--padding-bottom:70px;--padding-left:90px;--padding-right:90px;}.elementor-22 .elementor-element.elementor-element-c57b89f:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-c57b89f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-ef4ba1d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-f96ce0b{text-align:center;}.elementor-22 .elementor-element.elementor-element-f96ce0b .elementor-heading-title{font-family:"Numans", Numans;font-size:20px;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:2px;color:var( --e-global-color-81edf72 );}.elementor-22 .elementor-element.elementor-element-f3acbf0{--grid-row-gap:25px;--grid-column-gap:25px;}.elementor-22 .elementor-element.elementor-element-f3acbf0 a .elementor-portfolio-item__overlay{background-color:#CD5C3B8C;}.elementor-22 .elementor-element.elementor-element-f3acbf0 a .elementor-portfolio-item__title{color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-c57b89f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:35px;--padding-right:35px;}.elementor-22 .elementor-element.elementor-element-f96ce0b .elementor-heading-title{font-size:20px;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-c57b89f{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-f96ce0b .elementor-heading-title{font-size:18px;}}/* Start custom CSS for portfolio, class: .elementor-element-f3acbf0 *//* Zorg dat de titel altijd zichtbaar is en in het midden staat */
.elementor-portfolio-item .elementor-portfolio-item__title {
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* ✅ Spatie verwijderd */
    z-index: 2;
    color: white;
    text-shadow: 0 0 5px rgba(0,0,0,0.6); /* Voor leesbaarheid */
    text-align: center;
    font-size: 1.5em; /* Optioneel */
}

/* Standaard overlay is onzichtbaar */
.elementor-portfolio-item .elementor-portfolio-item__overlay {
    background-color: transparent !important;
    opacity: 1 !important;  /* Overlay is zichtbaar, maar transparant */
    transition: background-color 0.3s ease;
}

/* Bij hover: toon de overlaykleur */
.elementor-portfolio-item:hover .elementor-portfolio-item__overlay {
    background-color: #CD5C3B8C !important; /* Jouw gewenste kleur */
}/* End custom CSS */