.elementor-819 .elementor-element.elementor-element-7d038a2d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:-4% 0%;--row-gap:-4%;--column-gap:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;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-weight:var( --e-global-typography-accent-font-weight );}.elementor-819 .elementor-element.elementor-element-737ea91{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-819 .elementor-element.elementor-element-737ea91 .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;border-width:0px;border-radius:0px;}.elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:300;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:24px;letter-spacing:-0.45px;}.elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:10px;padding-right:10px;padding-top:4px;padding-bottom:4px;}.elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--main .elementor-item:hover, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;}.elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#000000;}.elementor-819 .elementor-element.elementor-element-737ea91 .e--pointer-framed .elementor-item:before, .elementor-819 .elementor-element.elementor-element-737ea91 .e--pointer-framed .elementor-item:after{border-color:#000000;}.elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#F8F3EF;}.elementor-819 .elementor-element.elementor-element-737ea91 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-819 .elementor-element.elementor-element-737ea91 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#F8F3EF;}.elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--dropdown a:hover, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--dropdown a:focus, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--dropdown a.highlighted, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-menu-toggle:hover, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--dropdown a:hover, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--dropdown a:focus, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--dropdown a.highlighted{background-color:#000000;}.elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--dropdown .elementor-item, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:1.53px;}.elementor-819 .elementor-element.elementor-element-737ea91 div.elementor-menu-toggle{color:#000000;}.elementor-819 .elementor-element.elementor-element-737ea91 div.elementor-menu-toggle svg{fill:#000000;}.elementor-819 .elementor-element.elementor-element-737ea91 div.elementor-menu-toggle:hover, .elementor-819 .elementor-element.elementor-element-737ea91 div.elementor-menu-toggle:focus{color:#000000;}.elementor-819 .elementor-element.elementor-element-737ea91 div.elementor-menu-toggle:hover svg, .elementor-819 .elementor-element.elementor-element-737ea91 div.elementor-menu-toggle:focus svg{fill:#000000;}.elementor-819 .elementor-element.elementor-element-3d800df{--display:flex;}@media(max-width:1024px){.elementor-819 .elementor-element.elementor-element-7d038a2d{--gap:6% 6%;--row-gap:6%;--column-gap:6%;}.elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-819 .elementor-element.elementor-element-737ea91 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:22px !important;}.elementor-819 .elementor-element.elementor-element-737ea91 .elementor-menu-toggle{border-width:1px;border-radius:0px;}}@media(min-width:768px){.elementor-819 .elementor-element.elementor-element-7d038a2d{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-819 .elementor-element.elementor-element-7d038a2d{--width:85%;}}@media(max-width:767px){.elementor-819 .elementor-element.elementor-element-7d038a2d{--width:70%;}}/* Start custom CSS for container, class: .elementor-element-7d038a2d *//* ================================================== IFI HEADER – BASIS (FOTO 2) ================================================== */ .elementor-819 .elementor-element.elementor-element-7d038a2d { background: linear-gradient(90deg, #eef3ff, #e6edff); border-radius: 24px; padding: 12px 28px; } /* ================================================== FONT – POPPINS (ALLEEN LETTERS) ================================================== */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&display=swap'); /* ================================================== HOOFDMENU ITEMS (FOTO 2 VORM + FOTO 1 LETTERGEVOEL) ================================================== */ .elementor-819 .elementor-element.elementor-element-7d038a2d .elementor-nav-menu > li > a { font-family: 'Poppins', sans-serif; color: #3b4a6b; font-weight: 600; /* iets dikker */ font-size: 16px; padding: 10px 16px; /* exact foto 2 */ border-radius: 16px; transition: all 0.3s ease; text-decoration: none; /* ZEER SUBTIELE LEES-SCHADUW */ text-shadow: 0 1px 0 rgba(255,255,255,0.5), 0 1px 2px rgba(59,74,107,0.18); } /* Hover hoofdmenu – exact foto 2 */ .elementor-819 .elementor-element.elementor-element-7d038a2d .elementor-nav-menu > li > a:hover { background: rgba(255, 255, 255, 0.6); color: #2f3f66; } /* Actieve pagina – exact foto 2 */ .elementor-819 .elementor-element.elementor-element-7d038a2d .elementor-nav-menu > li.current-menu-item > a, .elementor-819 .elementor-element.elementor-element-7d038a2d .elementor-nav-menu > li.current-menu-ancestor > a { background: rgba(255, 255, 255, 0.7); color: #2f3f66; } /* ================================================== SUBMENU – FOTO 2 + LETTERS CONSISTENT ================================================== */ .elementor-819 .elementor-element.elementor-element-7d038a2d .elementor-nav-menu--dropdown { background: rgba(230, 238, 255, 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 20px; padding: 10px; border: none; box-shadow: none; } /* Submenu items */ .elementor-819 .elementor-element.elementor-element-7d038a2d .elementor-nav-menu--dropdown a { font-family: 'Poppins', sans-serif; color: #3b4a6b; font-weight: 600; font-size: 15px; padding: 10px 14px; border-radius: 14px; transition: all 0.25s ease; /* zelfde subtiele lees-schaduw */ text-shadow: 0 1px 0 rgba(255,255,255,0.5), 0 1px 2px rgba(59,74,107,0.18); } /* Hover submenu – exact foto 2 */ .elementor-819 .elementor-element.elementor-element-7d038a2d .elementor-nav-menu--dropdown a:hover { background: rgba(255, 255, 255, 0.55); color: #2f3f66; } /* ================================================== OPKUIS – ZOALS FOTO 2 ================================================== */ .elementor-819 .elementor-element.elementor-element-7d038a2d .elementor-item:after, .elementor-819 .elementor-element.elementor-element-7d038a2d .elementor-item:before { display: none !important; } .elementor-819 .elementor-element.elementor-element-7d038a2d .elementor-nav-menu--dropdown li { border: none !important; }/* End custom CSS */