.elementor-kit-7{--e-global-color-primary:#EC6608;--e-global-color-secondary:#252525;--e-global-color-text:#222222;--e-global-color-accent:#F7F7F7;--e-global-typography-primary-font-family:"Lato";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-weight:700;color:#222222;font-family:"Lato", Sans-serif;font-size:14px;line-height:22px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:#EC6608;}.elementor-kit-7 a:hover{color:#222222;}.elementor-kit-7 h1{color:#222222;font-family:"Lato", Sans-serif;font-size:24px;font-weight:700;line-height:34px;}.elementor-kit-7 h2{color:#222222;font-family:"Lato", Sans-serif;font-size:20px;font-weight:700;line-height:30px;}.elementor-kit-7 h3{color:#222222;font-family:"Lato", Sans-serif;font-size:18px;font-weight:700;line-height:24px;}.elementor-kit-7 h4{color:#222222;font-family:"Lato", Sans-serif;font-size:16px;font-weight:700;line-height:20px;}.elementor-kit-7 h5{font-family:"Lato", Sans-serif;font-size:14px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1170px;}.e-con{--container-max-width:1170px;}.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);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 { --ong-oranje:#ec6608; --ong-tekst:#222222; --ong-wit:#ffffff; --ong-lichtgrijs:#f7f7f7; --ong-grijs:#e4e4e4; --ong-donker:#252525; --ong-subtiel:#999999; --ong-font:Lato; --ong-font-hero:Raleway; --ong-font-agenda:Poppins; --ong-agendablauw:#4ab4d6; }
/* Start custom CSS *//* ONG – hero-slider (2 dia's, vloeiende overgang) */
@keyframes ong-fade { 0%, 42% { opacity: 1; } 50%, 92% { opacity: 0; } 100% { opacity: 1; } }
.ong-slide { animation: ong-fade 14s infinite; }
.ong-slide-2 { animation-delay: -7s; }
@media (prefers-reduced-motion: reduce) { .ong-slide { animation: none; } .ong-slide-2 { opacity: 0; } }
/* ONG – tekst uit WordPress-editor (pagina's, nieuws, leden) */
.elementor-widget-theme-post-content p { margin: 0 0 16px; }
.elementor-widget-theme-post-content ul, .elementor-widget-theme-post-content ol { margin: 0 0 16px 20px; }
.elementor-widget-theme-post-content h2, .elementor-widget-theme-post-content h3, .elementor-widget-theme-post-content h4 { margin: 24px 0 12px; }
.elementor-widget-theme-post-content img { max-width: 100%; height: auto; }
.elementor-widget-theme-post-content a { color: var(--e-global-color-primary, #EC6608); text-decoration: underline; }
.ong-kruimelpad, .ong-kruimelpad a { color: #222; font-size: 11px; text-decoration: none; }
.ong-kruimelpad a:hover { color: #EC6608; }
.ong-branches { list-style: none; margin: 0; padding: 0; }
.ong-branches li { border-top: 1px solid #e4e4e4; padding: 8px 0 8px 4px; font-size: 13px; color: #EC6608; display: flex; gap: 8px; align-items: center; }
.ong-branches li:last-child { border-bottom: 1px solid #e4e4e4; }
.ong-branches a { color: #EC6608; text-decoration: underline; }
.ong-logostrook { scrollbar-width: thin; }
.wp-audio-shortcode, .mejs-container { width: 100% !important; }
/* Tussenkoppen in pagina-inhoud met lijn erachter (zoals de oude site) */
.elementor-widget-theme-post-content h3 { display: flex; align-items: center; gap: 15px; font-size: 18px; line-height: 24px; margin: 40px 0 20px; }
.elementor-widget-theme-post-content h3:first-child { margin-top: 0; }
.elementor-widget-theme-post-content h3::after { content: ''; flex: 1 1 auto; height: 1px; background: #e4e4e4; }
.elementor-widget-theme-post-content img.alignright { float: right; margin: 0 0 20px 30px; max-width: 40%; }
@media (max-width: 767px) { .elementor-widget-theme-post-content img.alignright { float: none; margin: 0 0 20px; max-width: 100%; } }

/* ONG – ledenpagina */
.ong-lid-foto img { width: 100%; height: auto; margin-bottom: 40px; }
.ong-lid-raster { display: grid; grid-template-columns: 1fr 250px; gap: 30px; }
.ong-lid-kolommen { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; }
.ong-lid-kol h3 { margin-top: 0 !important; }
.ong-lid-kol img { max-width: 100%; height: auto; margin-top: 10px; }
.ong-lid-web a { display: inline-block; margin-top: 20px; border: 2px solid #EC6608; border-radius: 4px; padding: 8px 16px; font-weight: 700; text-decoration: none !important; }
.ong-lid-web a:hover { background: #EC6608; color: #fff !important; }
.ong-lid-extra { margin-top: 40px; }
@media (max-width: 1024px) { .ong-lid-raster { grid-template-columns: 1fr; } }

/* ONG – branchefilter  */
.ong-filterknoppen > span { display: flex; flex-wrap: wrap; gap: 6px; }
.ong-filterknoppen a { display: inline-block; border: 1px solid #e4e4e4; padding: 4px 10px; font-size: 11px; line-height: 18px; color: #EC6608; text-decoration: none; }
.ong-filterknoppen a span { color: #999; margin-left: 4px; }
.ong-filterknoppen a:hover { background: #EC6608; color: #fff; border-color: #EC6608; }
.ong-filterknoppen a:hover span { color: #fff; }
/* kruimelpad  */
.ong-kruimelpad a { color: #222; text-decoration: none; }
.ong-kruimelpad a:hover { color: #EC6608; }

/* Leden-logostrook homepage: geen schuifbalk */
.ong-logostrook { scrollbar-width: none; }
.ong-logostrook::-webkit-scrollbar { display: none; }

/* Fotogalerij onder berichten */
.ong-galerij { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin-top: 30px; }
.ong-galerij a { display: block; aspect-ratio: 4 / 3; overflow: hidden; }
.ong-galerij img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.ong-galerij a:hover img { transform: scale(1.05); }/* End custom CSS */