.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-section.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-section .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2768 .elementor-element.elementor-element-3affd041 > .elementor-container{min-height:92px;}.elementor-2768 .elementor-element.elementor-element-3affd041{margin-top:0px;margin-bottom:0px;padding:0px 40px 0px 40px;}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-column.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-column .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-2768 .elementor-element.elementor-element-48732c9d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-image.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-image .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2768 .elementor-element.elementor-element-4d27b89c{text-align:start;}.elementor-2768 .elementor-element.elementor-element-4d27b89c img{width:220px;}.elementor-2768 .elementor-element.elementor-element-5d03d785 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-nav-menu .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-nav-menu.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-nav-menu .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-nav-menu .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.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-2768 .elementor-element.elementor-element-79d9420 .elementor-menu-toggle{margin-left:auto;}.elementor-bc-flex-widget .elementor-2768 .elementor-element.elementor-element-409bdae2.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-2768 .elementor-element.elementor-element-409bdae2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-2768 .elementor-element.elementor-element-409bdae2 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-button.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-button .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-button .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-button .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-2768 .elementor-element.elementor-element-7ad9b4c9 .elementor-button{background-color:#1a1a1a;font-family:"Syne", Sans-serif;font-size:14px;font-weight:600;letter-spacing:0.3px;fill:#ffffff;color:#ffffff;border-radius:100px 100px 100px 100px;padding:12px 24px 12px 24px;}.elementor-2768 .elementor-element.elementor-element-7ad9b4c9 .elementor-button:hover, .elementor-2768 .elementor-element.elementor-element-7ad9b4c9 .elementor-button:focus{background-color:#d1b900;color:#1a1a1a;}.elementor-2768 .elementor-element.elementor-element-7ad9b4c9 .elementor-button:hover svg, .elementor-2768 .elementor-element.elementor-element-7ad9b4c9 .elementor-button:focus svg{fill:#1a1a1a;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-2768 .elementor-element.elementor-element-3affd041 > .elementor-container{min-height:76px;}.elementor-2768 .elementor-element.elementor-element-3affd041{padding:0px 20px 0px 20px;}}@media(max-width:767px){.elementor-2768 .elementor-element.elementor-element-3affd041 > .elementor-container{min-height:70px;}.elementor-2768 .elementor-element.elementor-element-3affd041{padding:0px 16px 0px 16px;}.elementor-2768 .elementor-element.elementor-element-48732c9d{width:50%;}.elementor-2768 .elementor-element.elementor-element-409bdae2{width:50%;}}@media(min-width:768px){.elementor-2768 .elementor-element.elementor-element-48732c9d{width:25%;}.elementor-2768 .elementor-element.elementor-element-5d03d785{width:50%;}.elementor-2768 .elementor-element.elementor-element-409bdae2{width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2768 .elementor-element.elementor-element-48732c9d{width:33%;}.elementor-2768 .elementor-element.elementor-element-5d03d785{width:33%;}.elementor-2768 .elementor-element.elementor-element-409bdae2{width:33%;}}/* Start custom CSS for section, class: .elementor-element-3affd041 *//* ===== HEADER BACKGROUND ===== */ .elementor-2768 .elementor-element.elementor-element-3affd041 { background: linear-gradient(180deg, rgba(255,255,255,0.72) 0%, rgba(255,253,245,0.58) 50%, rgba(255,250,230,0.52) 100%) !important; backdrop-filter: blur(24px) saturate(180%) !important; -webkit-backdrop-filter: blur(24px) saturate(180%) !important; border-bottom: 1px solid rgba(209,185,0,0.18) !important; box-shadow: 0 1px 0 rgba(255,255,255,0.9) inset, 0 10px 30px -10px rgba(26,26,26,0.12), 0 4px 12px -4px rgba(209,185,0,0.08) !important; position: relative; } /* Highlight reflectie bovenin */ .elementor-2768 .elementor-element.elementor-element-3affd041::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.9) 30%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.9) 70%, transparent 100%); pointer-events: none; z-index: 2; } /* ===== TOP-LEVEL MENU ITEMS ===== */ .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu > li > a { font-family: 'Syne', sans-serif !important; font-weight: 500 !important; font-size: 14px !important; letter-spacing: 0.3px !important; color: #3d3d3d !important; padding: 10px 16px !important; border-radius: 100px !important; transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; } .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu > li > a:hover, .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu > li.current-menu-item > a, .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu > li:hover > a { color: #1a1a1a !important; background: rgba(255,255,255,0.6) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset, 0 2px 8px rgba(26,26,26,0.04) !important; } /* Dropdown chevron */ .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu > li.menu-item-has-children > a::after { content: '▾' !important; font-size: 9px !important; opacity: 0.6 !important; margin-left: 2px !important; display: inline !important; border: none !important; background: none !important; width: auto !important; height: auto !important; } /* ===== DROPDOWN PANEL ===== */ .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu { background: rgba(255,255,255,0.95) !important; backdrop-filter: blur(20px) saturate(180%) !important; -webkit-backdrop-filter: blur(20px) saturate(180%) !important; border-radius: 14px !important; box-shadow: 0 1px 0 rgba(255,255,255,0.9) inset, 0 12px 32px rgba(0,0,0,0.12), 0 4px 12px rgba(209,185,0,0.06) !important; border: 1px solid rgba(209,185,0,0.15) !important; padding: 10px !important; margin-top: 10px !important; min-width: 260px !important; } /* ===== DROPDOWN ITEMS ===== */ .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a { font-family: 'Syne', sans-serif !important; font-weight: 500 !important; font-size: 13px !important; color: #3d3d3d !important; padding: 10px 14px !important; border-radius: 10px !important; border: none !important; transition: all 0.2s ease !important; letter-spacing: 0.2px !important; } .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a:hover { background: rgba(209,185,0,0.12) !important; color: #1a1a1a !important; padding-left: 18px !important; } /* ===== FEATURED DROPDOWN ITEMS (gratis analyse, bekijk werk) ===== */ /* Gebaseerd op URL match */ .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="vijf-elementen-analyse"], .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="portfolio"], .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="werk"] { background: linear-gradient(135deg, rgba(209,185,0,0.15), rgba(209,185,0,0.08)) !important; color: #8a7a00 !important; font-weight: 600 !important; margin-bottom: 6px !important; } .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="vijf-elementen-analyse"]:hover, .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="portfolio"]:hover, .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="werk"]:hover { background: linear-gradient(135deg, rgba(209,185,0,0.25), rgba(209,185,0,0.15)) !important; } /* ===== ELEMENT-KLEUREN DOTS ===== */ /* Elk element krijgt een gekleurde dot op basis van URL */ .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="water-element"]::before, .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="hout-element"]::before, .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="vuur-element"]::before, .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="aarde-element"]::before, .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="metaal-element"]::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 10px; vertical-align: middle; } .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="water-element"]::before { background: #4a8dbd !important; } .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="hout-element"]::before { background: #6fa05e !important; } .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="vuur-element"]::before { background: #d96a3f !important; } .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="aarde-element"]::before { background: #c9a85c !important; } .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu .sub-menu li a[href*="metaal-element"]::before { background: #9ba8bb !important; } /* ===== MOBILE TWEAKS ===== */ @media (max-width: 767px) { .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu--dropdown { background: rgba(255,255,255,0.95) !important; backdrop-filter: blur(24px) saturate(180%) !important; } .elementor-2768 .elementor-element.elementor-element-3affd041 .elementor-nav-menu--dropdown a { border-radius: 10px !important; margin-bottom: 4px !important; } }/* End custom CSS */