.elementor-7462 .elementor-element.elementor-element-6b59e956{--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;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-57042480 *//* ---- Pop-up Pin Stijl ---- */

/* Zorgt ervoor dat de popup naast de pin verschijnt in plaats van erboven */
.leaflet-popup {
    margin-top: 0px; /* Pas deze waarde aan om de popup omhoog te bewegen en de pin niet te bedekken */
    margin-left: 0px; /* Verplaatst de popup naar rechts */
}

/* Fixeert de breedte van de popup zodat de afbeelding en tekst goed passen */
.leaflet-popup-content-wrapper {
    width: 250px;
}

/* Zorgt ervoor dat de inhoud van de popup zich aanpast aan de vaste breedte */
.leaflet-popup-content {
    width: 200px;
    padding: 2px;
    text-align: center; /* Centreert alle tekst en afbeeldingen in de popup */
}

/* Stijl voor de uitgelichte afbeelding in de pop-up */
.leaflet-popup-content img {
    width: 200px !important; /* Vaste breedte van 200 pixels */
    height: 100px !important; /* Vaste hoogte van 100 pixels */
    object-fit: cover !important; /* Zorgt ervoor dat de afbeelding de ingestelde afmetingen vult zonder te vervormen */
    border-radius: 5px; /* Rond de hoeken van de afbeelding af */
    margin: 4px auto; /* Centreert de afbeelding horizontaal en creëert ruimte boven en onder */
}

/* Stijl voor de link naar het project in de pop-up */
.leaflet-popup-content a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin-top: 2px;
}

.leaflet-popup-content a:hover {
    color: #005f8d;
}

.leaflet-popup-close-button {
    display: none;
}

/* ---- Filtertekst Stijl ---- */

.category-text {
    text-decoration: none; /* Verwijdert onderstreping van de tekstfilters */
    color: #333; /* Standaard kleur van de tekst */
    font-weight: light; /* Normaal gewicht voor de tekst */
    margin: 0 8px; /* Ruimte tussen de filters */
    cursor: pointer; /* Toont een handje bij hover */
    padding: 6px 12px; /* Creëert een groter klikbaar gebied */
    transition: all 0.3s ease; /* Zorgt voor een vloeiende overgang */
}

.category-text:hover {
    color: #0073aa; /* Kleur bij hover (blauw) */
}

.category-text.active {
    color: #0073aa; /* Kleur voor de actieve filter */
    font-weight: bold; /* Maakt de actieve filter vetgedrukt */
}

#map {
    height: 800px !important;
}/* End custom CSS */