.elementor-42763 .elementor-element.elementor-element-6abf540e:not(.elementor-motion-effects-element-type-background), .elementor-42763 .elementor-element.elementor-element-6abf540e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ba4565a );}.elementor-42763 .elementor-element.elementor-element-6abf540e > .elementor-background-overlay{opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42763 .elementor-element.elementor-element-6abf540e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-42763 .elementor-element.elementor-element-28951357{--ecs-nav-main-display:flex;--ecs-nav-main-dir:row;--ecs-nav-toggle-display:none;width:100%;max-width:100%;}.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main .elementor-item::before,
		            .elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main .elementor-item::after,
		            .elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main .elementor-item{transition-duration:0s!important;animation:none!important;}.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main,
					 .elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main .elementor-nav-menu{justify-content:space-between;--ecs-nav-li-grow:1;}.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--dropdown .elementor-item,
					 .elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--dropdown .elementor-sub-item{justify-content:flex-start;}.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu .elementor-item{font-family:"Open Sans", Sans-serif;font-size:0.9em;font-weight:400;}.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main .elementor-item{color:#236B16;fill:#236B16;padding-top:3px;padding-bottom:3px;}.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-67e1010 );}.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-42763 .elementor-element.elementor-element-28951357 .e--pointer-framed .elementor-item:before,
					.elementor-42763 .elementor-element.elementor-element-28951357 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#2D881C;}.elementor-42763 .elementor-element.elementor-element-28951357 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-42763 .elementor-element.elementor-element-28951357 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#2D881C;}.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-item:before{border-radius:5px;}.elementor-42763 .elementor-element.elementor-element-28951357 .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:5px 5px 0 0;}.elementor-42763 .elementor-element.elementor-element-28951357 .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 5px 5px;}.elementor-42763 .elementor-element.elementor-element-28951357 .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 5px 5px 0;}.elementor-42763 .elementor-element.elementor-element-28951357 .e--animation-shutter-in-vertical .elementor-item:after{border-radius:5px 0 0 5px;}@media(max-width:1024px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for nav-menu, class: .elementor-element-28951357 *//* ======================================================
   1. HORIZONTAAL SCROLLEN & STRETCH (MOBIEL + DESKTOP)
   ====================================================== */
.elementor-42763 .elementor-element.elementor-element-28951357 {
    width: 100% !important;
    max-width: 100% !important;
}

.elementor-42763 .elementor-element.elementor-element-28951357 .elementor-widget-container,
.elementor-42763 .elementor-element.elementor-element-28951357 nav.elementor-nav-menu--main {
    width: 100% !important;
}

.elementor-42763 .elementor-element.elementor-element-28951357 ul.elementor-nav-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
    justify-content: space-between !important; /* Verdeelt knoppen netjes op desktop */
    gap: 6px !important;                       /* Tussenruimte tussen de knoppen */
    padding-bottom: 4px !important;            /* Voorkomt dat schaduw afsnijdt */
}

.elementor-42763 .elementor-element.elementor-element-28951357 ul.elementor-nav-menu > li {
    flex: 0 0 auto !important; /* Zorgt dat knoppen niet in elkaar drukken */
}


/* ======================================================
   2. KNOP-STYLING (NORMAAL, HOVER, ACTIEF)
   ====================================================== */

/* --- NORMAAL STATE --- */
.elementor-42763 .elementor-element.elementor-element-28951357 ul.elementor-nav-menu > li > a.elementor-item {
    background-color: #ffffff !important; /* Witte knop op #f3f3f3 widget-achtergrond */
    color: #236B16 !important;            /* Groene tekstkleur */
    border: 1px solid #e0e0e0 !important;  /* Subtiele rand */
    border-radius: 5px !important;        /* Rand radius: 5 */
    padding-top: 3px !important;          /* Vertical padding: 3 */
    padding-bottom: 3px !important;
    padding-left: 14px !important;        /* Horizontale ademruimte */
    padding-right: 14px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
    transition: all 0.2s ease-in-out !important;
}

/* --- HOVER STATE --- */
.elementor-42763 .elementor-element.elementor-element-28951357 ul.elementor-nav-menu > li > a.elementor-item:hover {
    background-color: #a80080 !important; /* Paarse achtergrond */
    color: #ffffff !important;            /* Witte tekstkleur */
    border-color: #a80080 !important;
}

/* --- 3. ACTIEF STATE (Huidige pagina) --- */
.elementor-42763 .elementor-element.elementor-element-28951357 ul.elementor-nav-menu > li > a.elementor-item.elementor-item-active,
.elementor-42763 .elementor-element.elementor-element-28951357 ul.elementor-nav-menu > li.current-menu-item > a.elementor-item {
    background-color: #236B16 !important; /* Groene actieve achtergrond */
    color: #ffffff !important;            /* Witte actieve tekstkleur */
    border-color: #236B16 !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-21b5d782 *//* ======================================================
   SUBMENU: DESKTOP FULL-WIDTH + MOBIEL SWIPEBAR (GEEN OVERLAP)
   ====================================================== */

/* --- 1. DESKTOP WEERGAVE --- */

.elementor-42763 .elementor-element.elementor-element-21b5d782,
.elementor-42763 .elementor-element.elementor-element-21b5d782 .elementor-widget-container,
.elementor-42763 .elementor-element.elementor-element-21b5d782 nav.elementor-nav-menu--main {
    width: 100% !important;
    max-width: 100% !important;
}

.elementor-42763 .elementor-element.elementor-element-21b5d782 ul.elementor-nav-menu {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 6px !important; /* FIX 1: Tussenruimte zodat achtergronden elkaar nooit overlappen */
}

.elementor-42763 .elementor-element.elementor-element-21b5d782 ul.elementor-nav-menu > li {
    flex: 1 1 auto !important;
    text-align: center !important;
}

.elementor-42763 .elementor-element.elementor-element-21b5d782 ul.elementor-nav-menu > li > a.elementor-item {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important; /* FIX 2: Houdt actieve/hover achtergrond strak binnen de knop */
    border-radius: 4px !important; /* Optioneel: geeft de actieve knop een mooie afwerking */
}

.elementor-42763 .elementor-element.elementor-element-21b5d782 ul.elementor-nav-menu > li > a.elementor-item:hover,
.elementor-42763 .elementor-element.elementor-element-21b5d782 ul.elementor-nav-menu > li > a.elementor-item.elementor-item-active {
    justify-content: center !important;
    text-align: center !important;
}


/* --- 2. MOBIEL WEERGAVE (< 768px - Swipebaar zonder overlap) --- */

@media (max-width: 767px) {
    .elementor-42763 .elementor-element.elementor-element-21b5d782,
    .elementor-42763 .elementor-element.elementor-element-21b5d782 .elementor-widget-container,
    .elementor-42763 .elementor-element.elementor-element-21b5d782 nav.elementor-nav-menu--main {
        display: block !important;
        width: 100% !important;
    }

    .elementor-42763 .elementor-element.elementor-element-21b5d782 ul.elementor-nav-menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        justify-content: flex-start !important;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 8px !important; /* Ruimte tussen de swipe-knoppen op mobiel */
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .elementor-42763 .elementor-element.elementor-element-21b5d782 ul.elementor-nav-menu > li {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    .elementor-42763 .elementor-element.elementor-element-21b5d782 ul.elementor-nav-menu > li > a.elementor-item {
        font-size: 13px !important;
        padding: 8px 14px !important;
        white-space: nowrap !important;
    }

    .elementor-42763 .elementor-element.elementor-element-21b5d782 ul.elementor-nav-menu::-webkit-scrollbar {
        display: none !important;
    }
}/* End custom CSS */