.elementor-widget-theme-site-logo .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-122 .elementor-element.elementor-element-f6e6956{text-align:start;}.elementor-122 .elementor-element.elementor-element-f6e6956 img{width:40%;}.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-122 .elementor-element.elementor-element-29b3d1a .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-29b3d1a */.elementor-nav-menu--main .elementor-nav-menu { gap: 30px; } .elementor-nav-menu--main .elementor-item { font-family: var(--font-body); font-weight: 500; font-size: 14.5px; line-height: 1.5; color: rgba(245,243,238,.78); padding: 0 0 3px; border-bottom: 2px solid transparent; transition: color .2s, border-color .2s; } .elementor-nav-menu--main .elementor-item:hover, .elementor-nav-menu--main .elementor-item:focus-visible { color: #F5F3EE; } .elementor-nav-menu--main .elementor-item.elementor-item-active { color: #F5F3EE; border-bottom-color: #FFDB24; } div.elementor-menu-toggle { color: #F5F3EE !important; background-color: transparent !important; font-size: 28px; width: 40px; height: 40px; padding: 0; margin: 0; border: 0; display: flex; align-items: center; justify-content: center; transition: transform .3s; } div.elementor-menu-toggle:hover, div.elementor-menu-toggle.elementor-active { color: #FFDB24 !important; } div.elementor-menu-toggle.elementor-active { transform: rotate(90deg); } div.elementor-menu-toggle svg { fill: currentColor !important; width: 28px; height: 28px; } nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { position: fixed !important; top: 88px !important; left: 0 !important; right: 0 !important; width: 100vw !important; height: calc(100dvh - 88px) !important; max-height: calc(100dvh - 88px) !important; overflow-x: hidden !important; overflow-y: auto; margin: 0 !important; z-index: 9999; display: flex !important; flex-direction: column; background-color: #1D1D1B; background-image: radial-gradient(circle at 105% 92%, rgba(255,219,36,.16), rgba(255,219,36,0) 42%); border-top: 1px solid rgba(245,243,238,.12); border-bottom: 0; box-shadow: none; transform-origin: top center; transition: max-height .35s cubic-bezier(.2,.8,.2,1), transform .35s cubic-bezier(.2,.8,.2,1) !important; } nav.elementor-nav-menu--dropdown ul.elementor-nav-menu { counter-reset: gvnav; padding: 10px 0 0; } nav.elementor-nav-menu--dropdown li { counter-increment: gvnav; opacity: 0; transform: translateX(-18px); transition: opacity .35s ease, transform .45s cubic-bezier(.2,.8,.2,1); } div.elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown li { opacity: 1; transform: none; } div.elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown li:nth-child(1) { transition-delay: .06s; } div.elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown li:nth-child(2) { transition-delay: .11s; } div.elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown li:nth-child(3) { transition-delay: .16s; } div.elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown li:nth-child(4) { transition-delay: .21s; } div.elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown li:nth-child(5) { transition-delay: .26s; } div.elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown li:nth-child(6) { transition-delay: .31s; } div.elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown li:nth-child(7) { transition-delay: .36s; } nav.elementor-nav-menu--dropdown a.elementor-item { display: flex !important; align-items: center; gap: 14px; font-family: var(--font-heading), 'Syne', sans-serif !important; font-weight: 700 !important; font-size: min(30px, 6.9vw) !important; line-height: 1.1 !important; letter-spacing: -0.02em; white-space: normal; color: #F5F3EE !important; background-color: transparent !important; padding: 16px clamp(20px, 4vw, 56px) !important; border-bottom: 1px solid rgba(245,243,238,.08) !important; text-align: left; justify-content: flex-start; transition: color .2s; } nav.elementor-nav-menu--dropdown a.elementor-item::before { content: none !important; display: none !important; } nav.elementor-nav-menu--dropdown a.elementor-item::after { content: counter(gvnav, decimal-leading-zero) !important; position: static !important; display: block !important; opacity: 1 !important; inset: auto !important; width: auto !important; height: auto !important; background: none !important; margin-left: auto; flex: 0 0 auto; font-family: var(--font-body), 'Manrope', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: .1em; line-height: 1; color: #FFDB24; transform: none; transition: transform .25s !important; } nav.elementor-nav-menu--dropdown a.elementor-item:hover::after, nav.elementor-nav-menu--dropdown a.elementor-item:focus-visible::after, nav.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active::after { content: '\2192' !important; font-size: 24px; letter-spacing: 0; transform: translateX(4px); } nav.elementor-nav-menu--dropdown a.elementor-item:hover, nav.elementor-nav-menu--dropdown a.elementor-item:focus-visible, nav.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active { color: #FFDB24 !important; } nav.elementor-nav-menu--dropdown.elementor-nav-menu__container::after { content: '// Webdesign   // Grafische vormgeving   // Drukwerk   // Webdesign   // Grafische vormgeving'; display: block; flex: 0 0 auto; margin: auto -16px 34px; padding: 13px 0 13px 28px; background-color: #FFDB24; color: #1D1D1B; font-family: var(--font-heading), 'Syne', sans-serif; font-weight: 700; font-size: 17px; letter-spacing: -0.01em; white-space: pre; overflow: hidden; transform: rotate(-2.5deg) translateX(-40px); opacity: 0; transition: transform .6s cubic-bezier(.2,.8,.2,1) .3s, opacity .4s ease .3s; } div.elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown.elementor-nav-menu__container::after { transform: rotate(-2.5deg) translateX(0); opacity: 1; } @media (min-width: 1025px) and (max-width: 1279px) { .elementor-nav-menu--main .elementor-nav-menu { gap: 18px !important; } .elementor-nav-menu--main .elementor-item { font-size: 13.5px !important; } } @media (max-width: 767px) { nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { top: 72px !important; height: calc(100dvh - 72px) !important; max-height: calc(100dvh - 72px) !important; } nav.elementor-nav-menu--dropdown a.elementor-item { padding-top: 15px !important; padding-bottom: 15px !important; } } @media (prefers-reduced-motion: reduce) { nav.elementor-nav-menu--dropdown li, nav.elementor-nav-menu--dropdown.elementor-nav-menu__container::after, div.elementor-menu-toggle { transition: none !important; } }/* End custom CSS */