/*
Theme Name: Willem Hoekstra Fonds
Theme URI: https://willemhoekstrafonds.nl
Author: Stichting Willem Hoekstra Fonds
Description: Moderne one-page thema voor Stichting Willem Hoekstra Fonds — Door Urk, voor Urk.
Version: 1.0.0
Requires at least: 5.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: whf
*/
:root{--primary:#073B72;--secondary:#09A9C4;--accent:#F9B94D;--bg:#F7F9FA;--card:#fff;--muted:#5b6b7d;--border:#dde4ea;--serif:"Libre Baskerville",Georgia,serif;--sans:"IBM Plex Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#13253a;font-family:var(--sans);line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3{font-family:var(--serif);color:var(--primary);margin:0;line-height:1.25}
p{margin:0}
.wrap{max-width:72rem;margin:0 auto;padding:0 1.25rem}
.eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--secondary);margin-bottom:.5rem}
.muted{color:var(--muted)}
.topbar{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.topbar nav{display:flex;align-items:center;justify-content:space-between;height:4rem}
.brand{font-family:var(--serif);font-weight:700;font-size:.9rem;color:var(--primary);text-decoration:none}
.menu{display:flex;gap:1.6rem}.menu a{text-decoration:none;font-size:.875rem;font-weight:500}.menu a:hover{color:var(--secondary)}
.menu-toggle{display:none;background:none;border:0;font-size:1.6rem;color:var(--primary);cursor:pointer}
@media(max-width:767px){.menu-toggle{display:block}.menu{display:none;position:absolute;top:4rem;left:0;right:0;background:var(--card);flex-direction:column;gap:0;padding:0 1.25rem;border-bottom:1px solid var(--border)}.menu.open{display:flex}.menu a{padding:1rem 0;border-bottom:1px solid var(--border)}}
.hero{text-align:center;padding:3.5rem 0 3.5rem;display:flex;flex-direction:column;align-items:center}
.hero img{max-width:350px;width:100%;mix-blend-mode:multiply;margin-bottom:1.75rem}
.bar{height:6px;width:5rem;background:var(--secondary);margin-bottom:1.5rem}
.hero h1{font-size:clamp(1.9rem,4vw,3rem);max-width:48rem}
.hero p{margin-top:1.25rem;font-size:1.125rem;font-style:italic;color:var(--muted);max-width:42rem}
section{margin-top:6rem}section:first-of-type{margin-top:0}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:1.75rem;flex-wrap:wrap}
.head h2{font-size:1.9rem}.head p.muted{max-width:28rem;font-size:.875rem}
.grid{display:grid;gap:2rem}
@media(min-width:768px){.g-12{grid-template-columns:repeat(12,1fr)}.c8{grid-column:span 8}.c7{grid-column:span 7}.c5{grid-column:span 5}.c4{grid-column:span 4}.g-2{grid-template-columns:1fr 1fr}}
.feature{position:relative;aspect-ratio:16/9;overflow:hidden;box-shadow:0 20px 40px rgba(7,59,114,.2)}
@media(max-width:767px){.feature{aspect-ratio:16/13}}
.feature img{width:100%;height:100%;object-fit:cover}
.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--primary),rgba(7,59,114,.35) 50%,transparent)}
.feature .txt{position:absolute;left:0;right:0;bottom:0;padding:clamp(1.5rem,4vw,2.5rem);z-index:1;color:#fff}
.tag{display:inline-block;background:var(--secondary);color:#fff;padding:.25rem .75rem;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.75rem}
.feature h3{color:#fff;font-size:clamp(1.8rem,4vw,3rem)}.feature p{margin-top:1rem;opacity:.9;max-width:42rem}
.side article{border-bottom:1px solid var(--border);padding-bottom:2rem;margin-bottom:2rem}.side article:last-child{border:0;margin:0}
.side .ph{aspect-ratio:4/3;overflow:hidden;margin-bottom:1.25rem;box-shadow:0 4px 12px rgba(0,0,0,.1)}.side .ph img{width:100%;height:100%;object-fit:cover}
.side h3{font-size:1.5rem;margin-top:.5rem}.side p.muted{margin-top:.75rem;font-size:.875rem}
.gifts{list-style:none;padding:0;margin:0}
.gifts li{display:flex;gap:1rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:1.25rem}
.gifts li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--secondary);margin-top:.5rem;flex-shrink:0}
.gifts strong{color:var(--primary)}.gifts span{display:block;font-size:.875rem;color:var(--muted);margin-top:.25rem}
.split{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4rem 0}
.split h2{font-size:clamp(1.8rem,3vw,2.25rem)}.split .body p{color:var(--muted);line-height:2;margin-bottom:1.25rem}
.block h3{font-size:1.25rem;margin-bottom:.75rem}.block p{color:var(--muted);line-height:1.75}.block{margin-bottom:2rem}
.panel{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:2.5rem;margin-top:3rem}
.cta{position:relative;background:var(--card);border:1px solid var(--border);padding:2.5rem 2.5rem 2.5rem 3rem;display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:space-between}
.cta:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--primary)}
.cta h2{font-size:1.9rem}.cta p.muted{margin-top:1rem;max-width:40rem}
.btn{display:inline-flex;gap:.5rem;align-items:center;background:var(--primary);color:#fff;text-decoration:none;padding:.85rem 1.5rem;font-weight:600}.btn:hover{background:var(--secondary)}
.board{margin:0;border-top:1px solid var(--border)}.board div{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border)}.board dt{font-weight:600;color:var(--primary)}.board dd{margin:0;color:var(--muted)}
.list{list-style:none;padding:0;margin:0;border-top:1px solid var(--border)}.list li{border-bottom:1px solid var(--border)}
.agenda li{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 0}
.ico{width:3rem;height:3rem;border-radius:50%;background:rgba(9,169,196,.15);color:var(--secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.agenda strong{font-family:var(--serif);font-size:1.125rem;color:var(--primary);margin-right:1.5rem}
.list a{display:flex;justify-content:space-between;padding:1rem 0;text-decoration:none;color:var(--primary);font-weight:500}.list a:hover{color:var(--secondary)}
.agenda-wrap{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3.5rem 0}
footer{background:var(--primary);color:#fff;margin-top:6rem}
footer .wrap.grid{padding-top:3.5rem;padding-bottom:3.5rem}footer .name{font-family:var(--serif);font-size:1.5rem;font-weight:700}
footer a{display:block;text-decoration:none;margin-bottom:.75rem}footer a:hover{color:var(--accent)}
footer .legal{border-top:1px solid rgba(255,255,255,.15);font-size:.75rem;opacity:.65;padding:1.25rem 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
main.wrap{padding-bottom:1rem}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}