/*
Theme Name: Hobbytuinier Natuurlijk
Description: Licht, toegankelijk tuinthema voor Hobbytuinier.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: hobbytuinier-natuurlijk
*/
:root{--ink:#203e30;--green:#315c3e;--paper:#faf8f1;--line:#d9dfce;--orange:#c15c35}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--orange)}img{max-width:100%;height:auto}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(2.7rem,6vw,5.6rem);letter-spacing:-.04em;margin:22px 0}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.6rem}.wrap{width:min(1200px,90%);margin:auto}.topline{background:var(--ink);color:#fff;text-align:center;padding:8px;font-size:12px;letter-spacing:.13em}header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0}.brand{font:700 27px Georgia,serif;text-decoration:none}.brand span{color:var(--orange)}nav ul{display:flex;gap:26px;list-style:none;padding:0;margin:0}nav a{text-decoration:none;font-size:14px}.hero{padding:70px 0;display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}.intro{max-width:520px;color:#566650}.button{display:inline-block;background:var(--ink);color:#fff;padding:13px 24px;text-decoration:none;border-radius:3px;margin:12px 15px 0 0;font-weight:600;font-size:14px}.button:hover{background:var(--green);color:#fff}.hero-visual{background:#d9e3ca;aspect-ratio:4/5;border-radius:48% 48% 4px 4px;overflow:hidden;position:relative}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual svg{width:100%;height:100%}.hero-note{font-size:12px;margin-top:12px;text-align:center}.section{padding:55px 0;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.topic{padding:26px;border:1px solid var(--line);text-decoration:none;background:#fffdf7}.topic small{color:var(--orange)}.topic p{font-size:14px}.card{border-bottom:1px solid var(--line);padding-bottom:24px}.card>a{text-decoration:none}.card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:3px}.card h3{margin:16px 0}.card p{font-size:15px}.meta{font-size:12px;color:#62705e}.calendar{background:var(--ink);color:#fff;padding:40px;border-radius:4px;display:grid;grid-template-columns:1fr 1.3fr;gap:40px}.calendar h2{margin:14px 0}.calendar select{font:inherit;padding:10px;background:var(--paper);color:var(--ink);border:0;border-radius:3px}.calendar li{margin:12px 0}.content{max-width:780px;margin:65px auto;overflow-wrap:anywhere}.content h1{font-size:clamp(2.5rem,5vw,4rem)}.content img{border-radius:4px}.content input[type=search]{font:inherit;padding:12px;border:1px solid var(--line);max-width:100%}.content button{font:inherit;padding:12px;background:var(--ink);color:#fff;border:0}footer{padding:45px 0;background:#e9ecdf;margin-top:55px}footer .wrap{display:flex;justify-content:space-between;gap:30px}footer p{max-width:460px;font-size:14px}.skip{position:absolute;top:-100px;left:12px;padding:10px;background:#fff;z-index:10}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pagination{padding:30px 0}.wp-caption{max-width:100%}.alignwide{max-width:100%}@media(max-width:800px){.header-inner{flex-direction:column;align-items:flex-start}nav ul{flex-wrap:wrap;gap:12px 22px}.hero{grid-template-columns:1fr;gap:25px;padding:35px 0}.hero-visual{aspect-ratio:5/3;border-radius:80px 80px 4px 4px}.grid{grid-template-columns:1fr 1fr}.calendar{grid-template-columns:1fr;gap:5px;padding:25px}.section-title,footer .wrap{display:block}}@media(max-width:500px){.grid{grid-template-columns:1fr}.section{padding:35px 0}}