/* Pantelco megamenu. Opent en sluit met pure CSS, zodat het niet afhangt van JavaScript. */
body > header.elementor .elementor-widget-nav-menu,
.elementor-location-header .elementor-widget-nav-menu{position:relative !important}
.elementor-nav-menu--main,
.elementor-nav-menu--main > .elementor-nav-menu,
.elementor-nav-menu--main > .elementor-nav-menu > li{position:static !important}

/* de link krijgt een onzichtbare verlenging naar beneden, zodat de muis geen dood stuk kruist op weg naar het paneel */
.elementor-nav-menu--main .ppd-mega > a{position:relative}
.elementor-nav-menu--main .ppd-mega > a::before{content:"" !important;display:block !important;position:absolute !important;left:0 !important;right:0 !important;top:100% !important;bottom:auto !important;width:auto !important;height:26px !important;background:none !important;border:0 !important;transform:none !important;opacity:1 !important;pointer-events:auto !important;z-index:1}

/* het paneel: dicht is de basisstand */
.elementor-nav-menu--main .ppd-mega > .sub-menu{
 display:grid !important;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:18px 26px;
 position:absolute !important;
 top:100% !important;
 right:0 !important;
 left:auto !important;
 width:min(1100px, calc(100vw - 48px)) !important;
 max-width:none !important;
 min-width:0 !important;
 margin:0 !important;
 padding:26px 30px !important;
 border-top:12px solid transparent !important;
 background:#fff;
 background-clip:padding-box !important;
 border-left:1px solid #E4E7EE;
 border-right:1px solid #E4E7EE;
 border-bottom:1px solid #E4E7EE;
 border-radius:0 0 14px 14px;
 box-shadow:0 24px 60px rgba(17,23,52,.18);
 z-index:999;
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 transition:opacity .16s ease}

/* open bij muis en bij toetsenbord */
.elementor-nav-menu--main .ppd-mega:hover > .sub-menu,
.elementor-nav-menu--main .ppd-mega:focus-within > .sub-menu,
.elementor-nav-menu--main .ppd-mega.ppd-open > .sub-menu{
 opacity:1 !important;
 visibility:visible !important;
 pointer-events:auto !important}

/* alles binnen het paneel erft de zichtbaarheid, anders blijft het klikbaar terwijl het dicht is */
.elementor-nav-menu--main .ppd-mega > .sub-menu *,
.elementor-nav-menu--main .ppd-mega > .sub-menu *::before,
.elementor-nav-menu--main .ppd-mega > .sub-menu *::after{visibility:inherit !important;pointer-events:inherit !important}

.elementor-nav-menu--main .ppd-mega > .sub-menu > li{position:static !important;width:auto !important;min-width:0 !important}
.elementor-nav-menu--main .ppd-mega > .sub-menu > li > a{font-family:Montserrat,sans-serif !important;font-size:12px !important;font-weight:800 !important;letter-spacing:1.1px;text-transform:uppercase;color:#E9A825 !important;padding:0 0 8px !important;border:0 !important;background:none !important;white-space:normal !important}
.elementor-nav-menu--main .ppd-mega > .sub-menu > li > .sub-menu{display:block !important;position:static !important;box-shadow:none !important;border:0 !important;padding:0 !important;margin:0 !important;width:auto !important;min-width:0 !important;background:none !important;opacity:1 !important;transition:none !important}
.elementor-nav-menu--main .ppd-mega > .sub-menu > li > .sub-menu > li > a{font-size:14px !important;color:#4A5160 !important;padding:4px 0 !important;line-height:1.4;background:none !important;white-space:normal !important}
.elementor-nav-menu--main .ppd-mega > .sub-menu > li > .sub-menu > li > a:hover{color:#1F2751 !important;text-decoration:underline}
.elementor-nav-menu--main .ppd-mega .sub-menu .sub-arrow{display:none !important}

@media (max-width:1024px){
 .elementor-nav-menu--main .ppd-mega > .sub-menu{position:static !important;width:auto !important;grid-template-columns:1fr;box-shadow:none;border:0;border-radius:0;padding:4px 0 0 !important;opacity:1;visibility:visible;pointer-events:auto}
}