/*
Theme Name: Duurzaam Direct
Author: Duurzaam Direct
Description: Persoonlijke website voor thuisbatterijen en slim energiegebruik.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: duurzaam-direct
*/
:root{--ink:#123b35;--green:#1b594b;--lime:#d5ee71;--paper:#f6f8f5;--muted:#51635e;--line:#dbe3dd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:17px/1.65 Arial,sans-serif;background:var(--paper)}a{color:inherit;text-underline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,5.4vw,5.1rem);line-height:1.04;letter-spacing:-.045em;font-weight:500;margin-bottom:26px}h2{font-size:clamp(2rem,3.3vw,3.1rem);line-height:1.12;letter-spacing:-.035em;font-weight:500}h3{font-size:1.35rem;line-height:1.3;font-weight:500}p{max-width:66ch}header{background:var(--paper);border-bottom:1px solid var(--line)}.wrap{width:min(1240px,90%);margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:102px}.brand{text-decoration:none;line-height:.95;font-size:25px;font-weight:750;letter-spacing:-1px}.brand small{display:block;font-size:12px;letter-spacing:2.6px;font-weight:400;margin-top:8px}.links{display:flex;gap:24px;align-items:center}.links a{font-size:14px;text-decoration:none}.links a:hover,.links a[aria-current=page]{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--ink);color:white;padding:15px 23px;border-radius:5px;text-decoration:none;font-size:15px;font-weight:600;min-height:50px}.button:hover{background:#26715d}.button.light{background:var(--lime);color:var(--ink)}.button.outline{background:transparent;border:1px solid var(--ink);color:var(--ink)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;margin-bottom:22px}.hero{padding:64px 0 58px;display:grid;grid-template-columns:1.03fr 1fr;gap:6%;align-items:center}.hero p{font-size:18px;color:var(--muted)}.hero-picture{position:relative}.hero-picture img{height:565px;border-radius:8px}.photo-note{position:absolute;bottom:22px;left:22px;right:22px;padding:18px 22px;background:rgba(248,251,241,.96);border-radius:4px;font-size:15px}.photo-note strong{display:block;font-size:20px;font-weight:500}.strip{border-block:1px solid var(--line);padding:21px 0}.strip .wrap{display:flex;justify-content:space-between;gap:20px;font-size:14px}.section{padding:85px 0}.section.white{background:white}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:32px}.section-head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:30px;border:1px solid var(--line);border-radius:7px;background:white}.card .number{font-size:13px;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:34px}.card p{font-size:16px;color:var(--muted)}.card a{font-size:15px;font-weight:600}.band{background:var(--ink);color:white;padding:64px;border-radius:8px;display:grid;grid-template-columns:1.4fr 1fr;gap:9%;align-items:center}.band p{color:#d8e5dc}.band .eyebrow{color:var(--lime)}.date{font-size:clamp(3rem,5vw,5rem);line-height:1;letter-spacing:-3px;margin-bottom:16px}.intro{padding:65px 0 55px;max-width:960px}.intro h1{max-width:900px}.intro p{font-size:20px;color:var(--muted)}.two{display:grid;grid-template-columns:1.3fr 1fr;gap:9%}.aside{background:#eaf0e7;padding:32px;border-radius:7px;align-self:start}.check{list-style:none;padding:0}.check li{padding:13px 0;border-bottom:1px solid var(--line)}.check li:before{content:'✓';margin-right:12px;color:var(--green)}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;font-weight:600;font-size:18px}details p{margin:15px 0 0;color:var(--muted)}.faq{max-width:850px}.cta{padding:65px 0;background:var(--lime)}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{margin-bottom:14px}.cta p{margin-bottom:0}footer{padding:55px 0 25px;background:#102f2c;color:#eef4ed}.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}.foot a{display:block;margin:8px 0;font-size:15px}.foot p{font-size:14px;color:#c3d3c9}.bottom{border-top:1px solid #39504b;margin-top:36px;padding-top:22px;font-size:12px;display:flex;justify-content:space-between}.source{font-size:14px;color:var(--muted);margin-top:28px}.mobile-nav{display:none}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:12px;z-index:9}:focus-visible{outline:3px solid #538525;outline-offset:5px}.wp-content{min-height:50vh}@media(max-width:1000px){.links{gap:12px}.links a{font-size:13px}.hero-picture img{height:480px}.nav{gap:15px}.grid{gap:15px}.card{padding:23px}}@media(max-width:780px){.links{display:none}.nav{min-height:85px}.mobile-nav{display:block;padding:0 0 15px}.mobile-nav summary{font-size:15px}.mobile-nav a{display:block;padding:10px 0}.hero{grid-template-columns:1fr;padding:40px 0;gap:32px}.hero-picture img{height:380px}.hero h1{max-width:600px}.strip .wrap{flex-direction:column;gap:7px}.section{padding:52px 0}.section-head,.two,.band{grid-template-columns:1fr;gap:28px}.grid{grid-template-columns:1fr}.band{padding:32px}.card .number{margin-bottom:20px}.cta .wrap{align-items:flex-start;flex-direction:column}.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}.intro{padding:40px 0}.bottom{display:block}.intro p{font-size:18px}}

.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:1fr 1.6fr;gap:40px;padding:27px 0;border-bottom:1px solid var(--line)}.service-row h3,.service-row p{margin-bottom:0}.service-row p{color:var(--muted)}.service-row a{text-decoration:none}.service-row a:hover{text-decoration:underline}.dd-form label{display:block;font-weight:600;font-size:16px;margin-bottom:21px}.dd-form label span{font-weight:400;font-size:14px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.dd-form input,.dd-form select,.dd-form textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #849a91;border-radius:5px;background:white;color:var(--ink);font:inherit;line-height:1.5}.dd-form textarea{resize:vertical}.dd-form button{border:0;cursor:pointer;font-family:inherit}.form-note{font-size:14px;color:var(--muted)}.form-status{margin-top:24px;padding:22px;background:#eaf0e7;border-left:4px solid var(--green)}.form-status.error{background:#fff1ef;border-color:#aa392e}.form-status[hidden]{display:none}.dd-honey{position:absolute;left:-9999px}.dd-form{max-width:760px}.contact-layout{grid-template-columns:1.5fr 1fr}@media(max-width:780px){.service-row,.form-grid,.contact-layout{grid-template-columns:1fr;gap:15px}}

.dd-menu{list-style:none;display:flex;gap:24px;margin:0;padding:0}.mobile-nav .dd-menu{display:block}