.elementor-kit-6{--e-global-color-primary:#37655B;--e-global-color-secondary:#00AA9F;--e-global-color-text:#534F4F;--e-global-color-accent:#37655B;--e-global-typography-primary-font-family:"DW Lexend";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"DW Lexend";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"DW Atkinson";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DW Lexend";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;font-family:"DW Atkinson", Sans-serif;font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --dw-groen:#37655B; --dw-donker:#2A4F47; --dw-teal:#00AA9F; --dw-teal-licht:#98B9B4; --dw-mint:#E0F1EF; --dw-zand:#F7F2EC; --dw-perzik:#F4C5A2; --dw-perzik-diep:#ECB083; --dw-salie:#CCDCDA; --dw-inkt:#534F4F; --dw-wit:#FFFFFF; --font-heading:DW Lexend; --font-body:DW Atkinson; }
/* Start custom CSS *//* Dymon Web: zelf gehoste fonts (latin) */
@font-face { font-family: 'DW Lexend'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/wp-content/uploads/fonts/lexend-600-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'DW Atkinson'; font-style: normal; font-weight: 400; font-display: swap; src: url('/wp-content/uploads/fonts/atkinson-hyperlegible-400-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'DW Atkinson'; font-style: normal; font-weight: 700; font-display: swap; src: url('/wp-content/uploads/fonts/atkinson-hyperlegible-700-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'DW Lexend Fallback'; src: local('Arial'), local('Liberation Sans'), local('Helvetica'); size-adjust: 104%; ascent-override: 96%; descent-override: 24%; line-gap-override: 0%; }
@font-face { font-family: 'DW Atkinson Fallback'; src: local('Arial'), local('Liberation Sans'), local('Helvetica'); size-adjust: 101%; ascent-override: 93%; descent-override: 22%; line-gap-override: 0%; }
:root { --font-heading: 'DW Lexend', 'DW Lexend Fallback', sans-serif; --font-body: 'DW Atkinson', 'DW Atkinson Fallback', sans-serif; }
body { background: #ffffff; color: #534F4F; font-family: 'DW Atkinson', 'DW Atkinson Fallback', sans-serif; font-size: 1.125rem; line-height: 1.7; }
h1.e-heading-base, h2.e-heading-base, h3.e-heading-base, h4.e-heading-base, .e-button-base, .e-form-submit-button { font-family: 'DW Lexend', 'DW Lexend Fallback', sans-serif !important; }
h1.e-heading-base, h2.e-heading-base, h3.e-heading-base, h4.e-heading-base { color: #37655B; letter-spacing: -0.01em; text-wrap: balance; }
h1.e-heading-base { font-size: 3.15rem; line-height: 1.12; font-weight: 600; } h2.e-heading-base { font-size: 2.25rem; line-height: 1.2; font-weight: 600; } h3.e-heading-base { font-size: 1.35rem; line-height: 1.3; font-weight: 600; }
@media (max-width: 1024px) { h1.e-heading-base { font-size: 2.6rem; } }
@media (max-width: 767px) { h1.e-heading-base { font-size: 2.05rem; } h2.e-heading-base { font-size: 1.7rem; } h3.e-heading-base { font-size: 1.25rem; } }
p.e-paragraph-base, .e-paragraph-base, input, textarea, select { font-family: 'DW Atkinson', 'DW Atkinson Fallback', sans-serif; }
p.e-paragraph-base, .e-paragraph-base { color: #534F4F; font-size: 1.125rem; line-height: 1.7; }
.e-paragraph-base a { color: #37655B; text-decoration: underline; text-underline-offset: 3px; font-weight: 700; } .e-paragraph-base a:hover { color: #2A4F47; }
#site-footer .e-paragraph-base a, section[id^='cta'] .e-paragraph-base a { color: #ffffff; }
/* lijsten in alinea's: teal stip */
.e-paragraph-base ul, .e-paragraph-base + ul { list-style: none; padding-left: 0; margin: 8px 0 0; }
.e-paragraph-base ul li, .e-paragraph-base + ul li { position: relative; padding-left: 26px; margin: 6px 0; }
.e-paragraph-base ul li::before, .e-paragraph-base + ul li::before { content: ''; position: absolute; left: 4px; top: 0.62em; width: 10px; height: 10px; border-radius: 50%; background: #00AA9F; }
.e-paragraph-base:empty { display: none; }
/* menu: Lexend, penseelstreep onder actief/hover */
.elementor-nav-menu--main .elementor-item { font-family: 'DW Lexend', 'DW Lexend Fallback', sans-serif !important; font-weight: 500 !important; font-size: 16px !important; color: #37655B !important; padding: 10px 12px !important; background: transparent !important; }
.elementor-nav-menu--main .elementor-item:before, .elementor-nav-menu--main .elementor-item:after { display: none !important; content: none !important; }
.elementor-nav-menu--main .elementor-item:hover, .elementor-nav-menu--main .elementor-item:focus, .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-nav-menu--main li.current-menu-ancestor > .elementor-item { color: #2A4F47 !important; padding: 10px 12px !important; background-image: url('/wp-content/uploads/2026/10/penseelstreep-perzik.webp') !important; background-repeat: no-repeat !important; background-position: center 82% !important; background-size: calc(100% - 16px) 9px !important; }
.elementor-nav-menu--main .sub-menu { background: #E0F1EF !important; border-radius: 22px; padding: 10px !important; min-width: 270px; box-shadow: none; border: 0; }
.elementor-nav-menu--main .sub-menu a.elementor-sub-item { font-family: 'DW Lexend', 'DW Lexend Fallback', sans-serif !important; font-weight: 500 !important; font-size: 15px !important; color: #37655B !important; padding: 9px 14px !important; border-radius: 999px; background: transparent !important; }
.elementor-nav-menu--main .sub-menu a.elementor-sub-item:hover, .elementor-nav-menu--main .sub-menu a.elementor-sub-item.elementor-item-active { background: #ffffff !important; color: #2A4F47 !important; }
/* mobiel menu: ronde knop in huisstijl, paneel onder de header */
.elementor-widget-nav-menu { position: static !important; }
.elementor-menu-toggle { width: 48px; height: 48px; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background-color: #37655B !important; color: #ffffff !important; }
.elementor-menu-toggle:hover, .elementor-menu-toggle:focus, .elementor-menu-toggle.elementor-active { background-color: #2A4F47 !important; color: #ffffff !important; }
.elementor-menu-toggle svg { width: 22px !important; height: 22px !important; fill: #ffffff !important; }
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { position: fixed !important; left: 0 !important; right: 0 !important; top: 76px !important; bottom: 0 !important; width: auto !important; height: auto !important; max-height: none !important; margin: 0 !important; z-index: 300; background-color: #E0F1EF !important; border-top: 0; border-radius: 28px 28px 0 0; padding: 18px 18px 48px !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; }
nav.elementor-nav-menu--dropdown .elementor-nav-menu { width: 100% !important; }
nav.elementor-nav-menu--dropdown .sub-arrow { padding: 10px 14px !important; margin-left: auto; }
nav.elementor-nav-menu--dropdown .elementor-item { display: flex !important; align-items: center; }
nav.elementor-nav-menu--dropdown .elementor-nav-menu li { border: 0 !important; }
nav.elementor-nav-menu--dropdown a.elementor-item { font-family: 'DW Lexend', 'DW Lexend Fallback', sans-serif !important; font-weight: 500 !important; font-size: 1.2rem !important; color: #37655B !important; padding: 13px 18px !important; border: 0 !important; border-radius: 999px; justify-content: flex-start; text-align: left; background-color: transparent !important; }
nav.elementor-nav-menu--dropdown a.elementor-sub-item { font-size: 1.05rem !important; padding-left: 34px !important; }
nav.elementor-nav-menu--dropdown a.elementor-item:hover, nav.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active, nav.elementor-nav-menu--dropdown a.elementor-item.highlighted { background-color: #ffffff !important; color: #2A4F47 !important; }
nav.elementor-nav-menu--dropdown a.elementor-item:before, nav.elementor-nav-menu--dropdown a.elementor-item:after { display: none !important; }
.elementor-nav-menu--main li.dw-scan { display: none !important; }
nav.elementor-nav-menu--dropdown li.dw-scan { margin-top: 18px; } nav.elementor-nav-menu--dropdown li.dw-scan > a.elementor-item { background-color: #37655B !important; color: #ffffff !important; justify-content: center; text-align: center; }
/* tekst op perzik: donkergroen voor 4,5:1 */
#checker .e-paragraph-base, #checker a.e-button-base:not([href$='.pdf']) { color: #2A4F47 !important; border-color: #2A4F47 !important; }
#checker a.e-button-base:not([href$='.pdf']):hover { color: #ffffff !important; background-color: #2A4F47 !important; }
/* sticky header */
.elementor-location-header { position: sticky; top: 0; z-index: 1000; }
body.admin-bar .elementor-location-header { top: 32px; }
/* accordion, focus, afbreken */
.e-heading-base a { text-decoration: none !important; color: inherit; }
details[open] > summary .e-accordion-item-icon, .e-accordion-item[open] .e-accordion-item-icon { transform: rotate(180deg); }
.e-accordion-item-icon { transition: transform .2s ease; }
summary { list-style: none; } summary::-webkit-details-marker { display: none; }
a:focus-visible, button:focus-visible, .e-button-base:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid #2A4F47; outline-offset: 3px; border-radius: 6px; }
#site-footer a:focus-visible, section[id^='cta'] a:focus-visible, .bg-groen-focus { outline-color: #F4C5A2; }
@media (max-width: 767px) { h1.e-heading-base, h2.e-heading-base, h3.e-heading-base { hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 12 4 4; overflow-wrap: break-word; } }
.e-button-base, .e-paragraph-base { max-width: 100%; min-width: 0; overflow-wrap: break-word; }
img { max-width: 100%; }
a.e-button-base, .e-button-base { white-space: nowrap; } @media (max-width: 767px) { a.e-button-base, .e-button-base { white-space: normal; } }
/* algemene links (Hello zet een eigen kleur) */
body a { color: #37655B; } body a:hover { color: #2A4F47; }
.rank-math-breadcrumb, .rank-math-breadcrumb p { font-family: 'DW Atkinson', 'DW Atkinson Fallback', sans-serif; font-size: 0.98rem; color: #534F4F; margin: 0; } .rank-math-breadcrumb a { color: #37655B; text-decoration: underline; text-underline-offset: 3px; } .rank-math-breadcrumb .separator { margin: 0 6px; color: #37655B; }
/* berichtinhoud in het eigen sjabloon */
.elementor-widget-theme-post-content h2, .elementor-widget-theme-post-content h3, .elementor-widget-theme-post-content h4 { font-family: 'DW Lexend', 'DW Lexend Fallback', sans-serif; color: #37655B; font-weight: 600; line-height: 1.25; margin: 40px 0 12px; }
.elementor-widget-theme-post-content h2 { font-size: 1.8rem; } .elementor-widget-theme-post-content h3 { font-size: 1.35rem; } .elementor-widget-theme-post-content > .elementor-widget-container > h2:first-child { margin-top: 0; }
.elementor-widget-theme-post-content p, .elementor-widget-theme-post-content li { font-family: 'DW Atkinson', 'DW Atkinson Fallback', sans-serif; color: #534F4F; font-size: 1.125rem; line-height: 1.75; margin: 0 0 14px; }
.elementor-widget-theme-post-content a { color: #37655B; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.elementor-widget-theme-post-content a.dw-terug { display: inline-block; margin-top: 24px; padding: 14px 26px; border-radius: 999px; background: #37655B; color: #fff; text-decoration: none; font-family: 'DW Lexend', 'DW Lexend Fallback', sans-serif; font-weight: 500; }
@media (max-width: 767px) { .elementor-widget-theme-post-content h2 { font-size: 1.5rem; } }
/* formuliervelden */
#formulier form input:not([type=submit]):not([type=checkbox]):not([type=radio]), #formulier form select, #formulier form textarea { width: 100%; padding: 14px 18px; border-radius: 16px; border: 2px solid #CCDCDA; background: #ffffff; font-family: 'DW Atkinson', 'DW Atkinson Fallback', sans-serif; font-size: 1.05rem; line-height: 1.4; color: #534F4F; box-sizing: border-box; min-height: 52px; }
#formulier form input:focus, #formulier form select:focus, #formulier form textarea:focus { border-color: #37655B; outline: 3px solid #2A4F47; outline-offset: 2px; }
#formulier form label { font-family: 'DW Lexend', 'DW Lexend Fallback', sans-serif; font-weight: 500; color: #37655B; font-size: 1rem; }
/* formulier */
.e-form-input-base, .e-form-textarea-base, .e-form-select-base, form input, form textarea, form select { font-family: 'DW Atkinson', 'DW Atkinson Fallback', sans-serif; font-size: 1.05rem; color: #534F4F; }
form input::placeholder, form textarea::placeholder { color: #6b6767; opacity: 1; }
/* berichten (kennisplatform) in het Hello-thema */
.single-post .site-main, .single-post main#content { max-width: 780px !important; margin: 0 auto !important; padding: 48px 20px 72px !important; }
.single-post .page-header .entry-title, .single-post h1.entry-title { font-family: 'DW Lexend', 'DW Lexend Fallback', sans-serif; color: #37655B; font-size: 2.6rem; line-height: 1.15; font-weight: 600; margin: 0 0 24px; }
.single-post .page-content h2, .single-post .page-content h3, .single-post .entry-content h2, .single-post .entry-content h3 { font-family: 'DW Lexend', 'DW Lexend Fallback', sans-serif; color: #37655B; font-weight: 600; line-height: 1.25; margin: 36px 0 12px; }
.single-post .page-content h2 { font-size: 1.8rem; } .single-post .page-content h3 { font-size: 1.35rem; }
.single-post .page-content p, .single-post .page-content li { font-family: 'DW Atkinson', 'DW Atkinson Fallback', sans-serif; color: #534F4F; font-size: 1.125rem; line-height: 1.75; }
.single-post .page-content a { color: #37655B; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.single-post .page-content img { border-radius: 24px; height: auto; margin: 12px 0 24px; }
.single-post .dw-terug { display: inline-block; margin-top: 40px; padding: 13px 24px; border-radius: 999px; background: #37655B; color: #fff !important; text-decoration: none !important; font-family: 'DW Lexend', 'DW Lexend Fallback', sans-serif; font-weight: 500; }
.single-post .post-tags, .single-post .comments-area { display: none; }
@media (max-width: 767px) { .single-post .page-header .entry-title, .single-post h1.entry-title { font-size: 1.95rem; } }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } html { scroll-behavior: auto; } }/* End custom CSS */