/*
Theme Name: Duurzaam Oldebroek
Theme URI: https://duurzaamoldebroek.nl/
Author: Duurzaam Oldebroek
Description: Een lichtgewicht WordPress-thema voor Duurzaam Oldebroek met beide originele logo’s en groene hero.
Version: 3.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: duurzaam-oldebroek
*/

:root{--green:#287d35;--dark:#073a2c;--mint:#eaf5e7;--text:#17372e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}header{background:#fff;position:sticky;top:0;z-index:5;box-shadow:0 2px 16px #153e2820}.bar{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 20px}.brand img{display:block;width:min(330px,48vw);height:auto}.nav{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.nav a{text-decoration:none;font-weight:700;font-size:14px}.nav a:hover{color:var(--green)}.btn{display:inline-block;background:#31963c;color:white;padding:12px 23px;border-radius:30px;text-decoration:none;font-weight:bold;transition:.2s}.btn:hover{background:#1c6f2d}.btn.outline{background:transparent;border:2px solid #fff}.hero{background:linear-gradient(90deg,#083d30 0%,#10543b 49%,#10543bdb 59%,#10543b15 78%);color:#fff;min-height:480px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0 0 0 46%;background:url("assets/groen-bladeren.jpg") center center / cover no-repeat;opacity:1;pointer-events:none}.hero:after{content:"";position:absolute;width:430px;height:430px;right:-120px;bottom:-260px;border:75px solid #ffffff14;border-radius:50%;pointer-events:none}.hero .wrap{position:relative;z-index:2}.wrap{max-width:1160px;margin:auto;padding:0 24px;width:100%}.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.05;max-width:750px;margin:0 0 20px}.hero h1 span{color:#b9e59d}.hero p{font-size:20px;max-width:610px;margin-bottom:28px}.eyebrow{font-weight:800;letter-spacing:1.3px;color:var(--green);font-size:12px;text-transform:uppercase}section{padding:72px 0}h2{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:12px 0 20px;color:var(--dark)}.intro{background:#f6faf4}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;border:1px solid #dcebd8;padding:27px;border-radius:16px;box-shadow:0 8px 24px #1746260a}.card .symbol{font-size:35px;color:var(--green);font-weight:800}.card h3{margin:15px 0 8px}.collab{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:55px}.collab-logo{display:flex;align-items:center;justify-content:center;background:#f4f9f2;border-radius:24px;min-height:330px}.collab-logo img{width:240px;max-width:70%;height:auto;mix-blend-mode:multiply}.collab p,.about p{font-size:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.news{background:#f6faf4}.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.newsarticle{background:#fff;border:1px solid #e0ebdd;border-radius:16px;overflow:hidden}.newsarticle .visual{height:155px;background:linear-gradient(130deg,#b5d7a0,#26784b);display:flex;align-items:center;justify-content:center;color:white;font-size:45px}.newsarticle .content{padding:20px}.newsarticle h3{line-height:1.25;margin:8px 0 10px}.newsarticle a{color:var(--green);font-weight:bold}.cta{background:linear-gradient(120deg,#124e37,#398b45);color:#fff}.cta h2{color:#fff}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer{background:#073628;color:#fff;padding:36px 0}.footer-flex{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer img{width:235px;background:white;padding:6px;border-radius:8px}.footer a{color:#d7f3d5}.note{font-size:13px;color:#587466;margin-top:14px}@media(max-width:850px){.bar{flex-direction:column}.nav{justify-content:center;gap:14px}.grid{grid-template-columns:repeat(2,1fr)}.collab{grid-template-columns:1fr}.newsgrid{grid-template-columns:1fr}.cta-inner,.footer-flex{flex-direction:column;align-items:flex-start}.hero{min-height:420px;background:#10543b}.hero:before{inset:0;opacity:.35}}@media(max-width:480px){.grid{grid-template-columns:1fr}.brand img{width:280px;max-width:90vw}.hero p{font-size:17px}section{padding:48px 0}}

/* Extra responsive polish */
.hero:before{inset:0 0 0 48%;background-position:center;background-size:cover;opacity:1}
.hero{isolation:isolate}.hero:before{z-index:-2}.hero:after{z-index:-1}.hero .wrap{z-index:1}
.hero:before{mask-image:linear-gradient(to right,transparent,black 30%);-webkit-mask-image:linear-gradient(to right,transparent,black 30%)}
.hero{background:linear-gradient(90deg,#083d30 0%,#10543b 40%,#10543bcc 64%,#10543b33 100%)}
.wp-post-thumb{width:100%;height:190px;object-fit:cover;border-radius:12px 12px 0 0}.post-body{padding:20px}.newsarticle{overflow:hidden}.page-content{max-width:900px;margin:60px auto;padding:0 24px;min-height:40vh}.site-title-text{font-weight:800;font-size:23px}.screen-reader-text{position:absolute;left:-9999px}.menu-toggle{display:none}.wp-block-image img{max-width:100%;height:auto}@media(max-width:700px){.hero:before{inset:0;background-position:70% center;opacity:.28;mask-image:none;-webkit-mask-image:none}.hero{background:#083d30}.menu-toggle{display:block;border:1px solid #287d35;background:white;border-radius:8px;padding:8px 12px}.nav{gap:12px}.bar{flex-wrap:wrap}.brand img{width:min(290px,70vw)}}

.hero[style]::before{background-image:var(--hero-custom)}

/* Versie 2: gedeelde opmaak voor pagina's, berichten en nieuws */
.do-page{background:linear-gradient(#f3f9f0,#fff 300px);padding:65px 0 85px}.do-page-head{border-left:5px solid #31963c;padding-left:24px;margin-bottom:36px}.do-page-head h1{font-size:clamp(34px,4.2vw,54px);line-height:1.12;margin:10px 0;color:var(--dark)}.do-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:45px;align-items:start}.do-article{min-width:0;font-size:17px;line-height:1.8}.do-article h2{font-size:clamp(26px,3vw,34px);color:var(--dark);margin:35px 0 14px}.do-article h3{font-size:22px;color:#287d35;margin:25px 0 10px}.do-article p{margin:0 0 19px}.do-article img{max-width:100%;height:auto;border-radius:15px}.do-article > h1:first-child{display:none}.do-article blockquote{background:#eaf5e7;border-left:4px solid #31963c;margin:24px 0;padding:20px}.do-aside-photo{width:100%;height:310px;object-fit:cover;border-radius:20px;display:block;box-shadow:0 12px 35px #163e2820}.do-aside{position:sticky;top:120px}.do-partner{background:#eaf5e7;border:1px solid #d5e8d0;border-radius:20px;padding:22px;text-align:center;margin-top:20px}.do-partner img{max-width:135px;max-height:150px;object-fit:contain;display:block;margin:0 auto 12px}.do-partner p{margin:0;font-size:15px;line-height:1.6}.do-cta{background:#0b4c36;color:white;padding:46px 0}.do-cta h2{color:white;margin:0 0 10px}.do-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.do-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.do-news-card{background:white;border:1px solid #dcebd8;border-radius:17px;overflow:hidden;box-shadow:0 8px 25px #17462612}.do-news-card img{width:100%;height:185px;object-fit:cover;display:block}.do-news-card .do-news-body{padding:22px}.do-news-card h2{font-size:23px;line-height:1.3;margin:10px 0}.do-news-card h2 a{text-decoration:none}.do-news-card p{font-size:15px}.do-news-card .do-news-meta{color:#55715d;font-size:13px}.do-news-card .do-news-link{font-weight:700;color:#287d35}.do-news-placeholder{height:185px;background:linear-gradient(135deg,#a4d18b,#185c3d)}.do-news-list{padding:70px 0;background:#f7faf5}.do-news-list h1{font-size:clamp(36px,5vw,56px);color:var(--dark)}.do-pagination{margin-top:30px}.do-article .wp-block-columns{gap:20px}.do-article .wp-block-group{border-radius:16px}.do-article .wp-block-cover{border-radius:16px;overflow:hidden}@media(max-width:850px){.do-layout{grid-template-columns:1fr}.do-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.do-partner{margin-top:0}.do-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.do-cta .wrap{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.do-page{padding:42px 0 60px}.do-aside{display:block}.do-partner{margin-top:18px}.do-news-grid{grid-template-columns:1fr}.do-aside-photo{height:230px}}

/* Afwerking: pagina-specifieke foto's en bruikbare knoppen */
.do-article .do-link-button,.do-link-button{display:inline-block;padding:13px 24px;background:#287d35;color:white!important;border-radius:30px;font-weight:700;text-decoration:none;margin:14px 0 22px}
.do-article .do-link-button:hover{background:#155c2b}
.do-article ul{padding-left:23px}.do-article li{margin:10px 0}
.do-news-card img,.newsarticle img{width:100%;height:185px;object-fit:cover}
.do-aside-photo{background:#eaf5e7}
.nav a:focus-visible,.btn:focus-visible{outline:3px solid #73b966;outline-offset:3px}
@media(max-width:700px){.nav{justify-content:center}.do-page-head{margin-bottom:25px}}

/* Visueel nieuws: twee kaarten naast elkaar */
.do-layout-news{display:block}.do-layout-news .do-article{max-width:none}
.do-news-intro{font-size:19px;max-width:850px;margin-bottom:28px!important}
.do-partner-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.do-partner-news-card{background:#fff;border:1px solid #dcebd8;border-radius:17px;overflow:hidden;box-shadow:0 8px 28px #17462612;display:flex;flex-direction:column}
.do-partner-news-image{height:245px;display:block;overflow:hidden;background:#e4f0df}
.do-partner-news-image img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}
.do-partner-news-fallback{display:block;width:100%;height:100%;background:linear-gradient(125deg,#b7d5a1,#287d35 65%,#0b4c36)}
.do-partner-news-content{padding:25px;display:flex;flex-direction:column;flex:1}
.do-partner-news-meta{font-size:13px;color:#438f36;font-weight:700}
.do-partner-news-card h2{font-size:clamp(21px,2.3vw,28px);line-height:1.3;margin:12px 0!important}
.do-partner-news-card h2 a{text-decoration:none}.do-partner-news-card p{font-size:15px;color:#52665d;line-height:1.7}
.do-partner-news-read{color:#287d35;font-weight:800;text-decoration:none;margin-top:auto}
.do-partner-news-source{font-size:13px;margin-top:24px!important;color:#587466}
@media(max-width:650px){.do-partner-news-grid{grid-template-columns:1fr}.do-partner-news-image{height:215px}}

/* Correctie: de algemene artikelafbeelding-regel mag kaarten niet uitrekken. */
.do-page .do-layout-news{display:block!important;width:100%;max-width:none}
.do-page .do-layout-news>.do-article{display:block;width:100%;max-width:none;min-width:0}
.do-page .do-article .do-partner-news-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px;width:100%;align-items:stretch}
.do-page .do-article .do-partner-news-card{min-width:0;width:auto;max-width:100%;overflow:hidden}
.do-page .do-article .do-partner-news-image{display:block;height:205px;overflow:hidden}
.do-page .do-article .do-partner-news-image img{display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;object-fit:cover!important;border-radius:0!important}
.do-page .do-article .do-partner-news-card h2{font-size:21px;line-height:1.35;margin:10px 0!important}
.do-page .do-article .do-partner-news-card p{font-size:14px;line-height:1.55}
@media(max-width:980px){.do-page .do-article .do-partner-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.do-page .do-article .do-partner-news-grid{grid-template-columns:1fr!important}}

/* Override theme's broad article element rules: grid is explicitly 3/2/1 columns. */
.do-page .do-layout-news .do-article{max-width:100%!important;width:100%!important}
.do-page .do-layout-news .do-partner-news-grid,.news .do-home-news-cards .do-partner-news-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;max-width:none!important;width:100%!important}
.do-partner-news-grid>.do-partner-news-card{display:flex!important;flex-direction:column!important;min-width:0!important;max-width:none!important;width:100%!important}
.do-partner-news-grid .do-partner-news-image{height:190px!important;min-height:190px!important;max-height:190px!important;width:100%!important;display:block!important;overflow:hidden!important}
.do-partner-news-grid .do-partner-news-image>img{display:block!important;width:100%!important;height:190px!important;min-height:190px!important;max-height:190px!important;object-fit:cover!important;max-width:100%!important}
.do-partner-news-grid .do-partner-news-content{padding:19px!important}
.do-partner-news-grid .do-partner-news-content h2{font-size:20px!important;line-height:1.35!important;margin:10px 0!important}
.do-partner-news-grid .do-partner-news-content p{font-size:14px!important}
.do-home-news-cards{width:100%;min-width:0}
.do-home-news-cards .do-partner-news-source{display:none}
.do-social-section{background:#f2f8f0;padding:70px 0}
.do-social-section .section-head{margin-bottom:26px}
.do-social-section .section-head p{margin-top:10px}
.do-social-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.do-social-post{min-width:0;overflow:hidden}
.do-social-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}
.do-social-links a{display:inline-block;padding:13px 20px;background:#176f37;color:#fff!important;text-decoration:none;border-radius:9px;font-weight:700}
@media(max-width:1000px){.do-page .do-layout-news .do-partner-news-grid,.news .do-home-news-cards .do-partner-news-grid,.do-social-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.do-page .do-layout-news .do-partner-news-grid,.news .do-home-news-cards .do-partner-news-grid,.do-social-post-grid{grid-template-columns:1fr!important}}

/* v3.1: compacte nieuwskaarten; 3 kolommen op laptop/desktop, ongeacht oude 1000px breakpoint */
.news .do-home-news-cards .do-partner-news-grid,
.do-page .do-layout-news .do-partner-news-grid {
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;
}
.news .do-home-news-cards .do-partner-news-card,
.do-page .do-layout-news .do-partner-news-card {min-width:0!important;overflow:hidden!important}
.news .do-home-news-cards .do-partner-news-image,
.do-page .do-layout-news .do-partner-news-image {height:160px!important;min-height:160px!important;max-height:160px!important}
.news .do-home-news-cards .do-partner-news-image img,
.do-page .do-layout-news .do-partner-news-image img {height:160px!important;min-height:160px!important;max-height:160px!important;width:100%!important;object-fit:cover!important}
.news .do-home-news-cards .do-partner-news-content,
.do-page .do-layout-news .do-partner-news-content {padding:16px!important}
.news .do-home-news-cards .do-partner-news-content h2,
.do-page .do-layout-news .do-partner-news-content h2 {font-size:18px!important;line-height:1.28!important}
.news .do-home-news-cards .do-partner-news-content p,
.do-page .do-layout-news .do-partner-news-content p {font-size:13px!important;line-height:1.5!important}
@media(max-width:760px) and (min-width:551px){
.news .do-home-news-cards .do-partner-news-grid,.do-page .do-layout-news .do-partner-news-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:550px){
.news .do-home-news-cards .do-partner-news-grid,.do-page .do-layout-news .do-partner-news-grid {grid-template-columns:1fr!important}
}
/* Groene knop 'Word lid' in het hoofdmenu */
header .nav a.word-lid-knop {
    display: inline-block !important;
    background-color: #2f873b !important;
    color: #ffffff !important;
    padding: 12px 22px !important;
    border-radius: 30px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: 2px solid #2f873b !important;
}

/* Donkergroen bij aanwijzen met de muis */
header .nav a.word-lid-knop:hover {
    background-color: #1d6329 !important;
    border-color: #1d6329 !important;
    color: #ffffff !important;
}