/*
Theme Name: Zaanlandse watersportvereniging
Theme URI: https://zaanlandsewatersport.nl/
Author: Zaanlandse watersportvereniging
Description: Complete verenigingswebsite in de stijl van de kantineomgeving, met aparte vrijwilligers- en beheerlogin. Voorbereid op de ZZV Kantine-plugin.
Version: 1.0.0
Requires at least: 6.4
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: zaanlandse-watersport
*/
:root{--navy:#092b4e;--blue:#007bb9;--sky:#e8f3fb;--paper:#f4f8fc;--ink:#173b57;--muted:#526b7e;--line:#d8e5ee;--white:#fff;--serif:Georgia,"Times New Roman",serif;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#004f7a}button,input,select,textarea{font:inherit}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #da9f28;outline-offset:5px}h1,h2,h3{font-family:var(--serif);color:var(--navy);font-weight:700;line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(40px,5vw,68px);margin:18px 0 22px}h2{font-size:clamp(29px,3vw,42px);margin:12px 0 24px}h3{font-size:25px;margin:12px 0 16px}p{margin:0 0 20px}address{font-style:normal}.container{width:min(1240px,calc(100% - 64px));margin-inline:auto}.section{padding-block:78px}.measure{max-width:720px}.small{font-size:14px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:750;color:#1274a1;margin-bottom:14px}.eyebrow.light{color:#9bdaff}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:#fff;padding:10px 20px}.skip-link:focus{top:10px}.topbar{background:var(--navy);color:#dcebf6;font-size:12px;letter-spacing:.02em}.topbar .container{display:flex;justify-content:space-between;padding-block:8px}.topbar a{color:#fff;text-decoration:none}.site-header{background:linear-gradient(100deg,#e7f4fc,#fff 50%,#e7f4fc)}.masthead{padding-block:12px}.masthead img{width:100%;max-height:290px;object-fit:contain}.nav-shell{position:sticky;top:0;z-index:20;background:#fffffff5;border-block:1px solid var(--line);box-shadow:0 5px 18px #092b4e05;backdrop-filter:blur(14px)}.nav-inner{min-height:84px;display:flex;align-items:center;gap:25px}.nav-home{display:flex;align-items:center;gap:9px;line-height:1.15;text-decoration:none;font-weight:750;color:var(--navy);font-size:16px;white-space:nowrap}.nav-home>span:first-child{font-size:34px;color:var(--blue)}.nav-home small{font-size:11px;letter-spacing:.01em;font-weight:500}.nav-list{padding:0;margin:0;list-style:none;display:flex;gap:22px;align-items:center}.nav-list a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:600;white-space:nowrap}.nav-list a:hover,.nav-list a[aria-current]{color:var(--blue)}.nav-list .sub-menu{display:none;position:absolute;background:white;padding:16px;list-style:none;box-shadow:0 10px 25px #092b4e18}.nav-list li:hover>.sub-menu,.nav-list li:focus-within>.sub-menu{display:block}.login-actions{margin-left:auto;display:flex;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--blue);border:1px solid var(--blue);border-radius:8px;color:white;text-decoration:none;font-size:14px;font-weight:650;padding:14px 22px;line-height:1.4;min-height:48px;text-align:center;transition:background .2s,transform .2s}.button:hover{background:#005e93;color:white;transform:translateY(-1px)}.button.small{font-size:12px;padding:11px 13px;min-height:42px;white-space:nowrap}.button.secondary{background:white;color:var(--blue);border-color:#b5d1e2}.button.white{background:white;color:var(--navy);border-color:white}.button.outline{background:transparent;color:white;border-color:#88b0d0}.nav-toggle{display:none}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:27px}.stack{display:grid;justify-items:start;gap:16px}.text-link{font-size:14px;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.on-dark{color:#c5e9ff}.page-content{overflow-wrap:anywhere}.front-content{padding-top:30px}.home-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;border-radius:20px;background:var(--navy);color:#e0edf8;min-height:460px;padding:55px 58px 70px;align-items:center;gap:30px}.home-hero h1{color:white;font-size:clamp(45px,5.4vw,74px);line-height:1.02;margin-top:18px}.home-hero p{max-width:550px;font-size:16px;line-height:1.8}.home-hero .hero-copy{position:relative;z-index:1}.hero-art{position:relative;align-self:center}.hero-art img{width:100%;transform:rotate(-2deg)}.art-caption{display:block;text-align:right;font-family:var(--serif);font-style:italic;color:#c5e9ff;font-size:21px;margin-top:-10px}.wave{position:absolute;bottom:-45px;left:-5%;right:-5%;height:70px;border-radius:50% 50% 0 0;background:#008ac8;transform:rotate(-1deg)}.intro-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.intro-split h2{margin-top:0}.intro-split p{font-size:17px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:78px}.feature-card{background:#f2f7fb;border:1px solid var(--line);border-radius:16px;padding:35px 30px;text-decoration:none;color:var(--ink);min-height:300px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #092b4e0e}.feature-card h2{font-size:31px;margin:28px 0 18px}.feature-card p{font-size:15px;color:var(--muted)}.feature-card .text-link{margin-top:28px;display:block;color:var(--blue)}.card-number{font-size:10px;font-weight:750;letter-spacing:.15em;color:#4a718c}.island-card{background:#eaf5f1;border-color:#d4e8df}.island-card .card-number{color:#40735c}.volunteer-band{background:var(--navy);color:#dceaf5;padding:48px 52px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:45px;position:relative;overflow:hidden}.volunteer-band h2{color:#fff;font-size:39px;margin-block:15px}.volunteer-band p{margin-bottom:0;max-width:650px}.two-column{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.opening-card{padding:32px 38px;border:1px solid var(--line);border-top:5px solid var(--blue);border-radius:14px;background:var(--paper)}.opening-card h3{font-size:25px}.large-hours{font-size:40px;font-weight:750;color:var(--navy);line-height:1.2;letter-spacing:-.04em;margin-block:18px!important}.opening-card>p:not(.large-hours){font-size:14px;color:var(--muted)}.page-hero{background:var(--navy);color:#deebf7;position:relative;overflow:hidden;padding:48px 0 58px}.page-hero:after{content:"";position:absolute;bottom:-49px;left:-5%;width:110%;height:60px;background:var(--blue);border-radius:50%;transform:rotate(1deg)}.page-hero h1{color:white;max-width:900px;margin-block:12px 20px;font-size:clamp(37px,4.5vw,59px)}.page-hero p{max-width:760px;margin:0;font-size:18px}.breadcrumb{color:#b9d9ee;display:block;margin-bottom:22px;text-decoration:none;font-size:12px}.illustration-panel{border-radius:22px;background:var(--paper);padding:20px}.facts-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--sky);border-radius:14px;padding:30px}.facts-strip>div{text-align:center;padding:10px;border-right:1px solid #c7dce9}.facts-strip>div:last-child{border:0}.facts-strip strong{display:block;color:var(--navy);font:700 34px/1.3 var(--serif)}.facts-strip span{font-size:13px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:35px}.info-grid article{border-top:2px solid #b7d7eb;padding-top:16px}.info-grid p{font-size:15px;color:var(--muted)}.soft-band{background:var(--paper);border-radius:16px;border-left:5px solid var(--blue);padding:38px 45px;margin-bottom:76px}.soft-band h2{font-size:34px;margin-top:0}.soft-band p{max-width:850px}.paper-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px}.paper-card h2{font-size:29px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;background:var(--paper);border-radius:16px;padding:38px}.values-grid article>span{font:italic 32px var(--serif);color:var(--blue)}.values-grid h2{font-size:30px}.values-grid p{font-size:15px;color:var(--muted);margin:0}.island-visual{min-height:330px;border-radius:18px;background:repeating-linear-gradient(175deg,#e3f2fb 0,#e3f2fb 21px,#cde5f5 22px,#e3f2fb 24px);display:grid;place-items:center;overflow:hidden}.island-shape{width:240px;height:190px;background:#d7e6c6;border:14px solid #f2e4c0;border-radius:55% 42% 58% 45%;transform:rotate(-15deg);box-shadow:12px 15px 0 #a8cbde55;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#325944}.island-shape span{font:italic bold 42px var(--serif)}.island-shape small{font-size:13px}.island-shape>*{transform:rotate(15deg)}.shift-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:900px;margin-block:30px}.shift-grid .paper-card{background:var(--paper);border-top:4px solid var(--blue)}.note{font-size:14px;color:var(--muted);padding-left:18px;border-left:3px solid var(--blue);margin-block:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps span{display:grid;place-items:center;width:42px;height:42px;background:var(--sky);border-radius:50%;color:var(--blue);font-weight:750;margin-bottom:20px}.document-list{display:grid;margin-top:30px}.document-list>a{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 10px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}.document-list>a:first-child{border-top:1px solid var(--line)}.document-list>a:hover{background:var(--paper)}.document-list h2{font-size:28px;margin-block:5px 12px}.document-list p{font-size:14px;margin:0;color:var(--muted)}.document-list>a>span{font-size:30px;color:var(--blue)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.contact-card{padding:32px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.contact-card h2{font-size:29px}.contact-card address{margin-bottom:24px}.contact-card p{font-size:15px}.contact-card .small{margin:24px 0 8px}.contact-detail{display:block;font-size:23px;font-weight:700;margin-bottom:15px;text-decoration:none}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;padding:30px;background:var(--paper)}.news-card>img,.news-card>a>img{border-radius:10px;margin-bottom:24px;aspect-ratio:16/9;object-fit:cover}.news-card h2{font-size:29px}.news-card h2 a{text-decoration:none;color:var(--navy)}.news-card p{font-size:15px;color:var(--muted)}.prose{max-width:820px}.prose h2{font-size:32px;margin-top:40px}.prose p{font-size:17px}.article-image{border-radius:15px;margin-bottom:40px}.access-card{max-width:640px;margin:0 auto;border:1px solid var(--line);border-top:5px solid var(--blue);padding:45px;border-radius:17px;box-shadow:0 12px 40px #092b4e08;text-align:center}.access-symbol{display:inline-grid;place-items:center;border-radius:50%;width:64px;height:64px;background:var(--sky);color:var(--blue);font-size:36px}.access-card h2{font-size:34px}.access-card>.text-link{display:block;margin-top:20px}.access-note{background:var(--paper);padding:24px;text-align:left;border-radius:10px;margin-top:35px;font-size:14px}.access-note p{margin:6px 0 12px}.site-footer{background:var(--navy);color:#cadae8;margin-top:20px;padding-top:65px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:50px;padding-bottom:50px}.site-footer h2{color:#fff;font-size:29px}.site-footer h3{color:#fff;font-family:inherit;font-size:13px;letter-spacing:.04em;margin-top:0;margin-bottom:22px}.site-footer a{display:block;color:#cadae8;text-decoration:none;font-size:13px;margin-bottom:10px}.site-footer a:hover{color:#fff;text-decoration:underline}.site-footer address,.site-footer p{font-size:14px}.site-footer address{margin-bottom:16px}.footer-bottom{display:flex;align-items:center;gap:25px;border-top:1px solid #ffffff25;padding-block:20px;font-size:11px}.footer-bottom span{margin-right:auto}.footer-bottom a{font-size:11px;margin:0}.preview-notice{background:#fff5d8;color:#614a08;padding:9px 20px;text-align:center;font-size:12px}.navigation.pagination{margin-top:30px}.nav-links{display:flex;gap:15px}.wp-block-image img{border-radius:12px}.wp-block-button__link{background:var(--blue);color:white;border-radius:8px}.alignwide{max-width:1240px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1500px){.masthead img{max-height:310px}}
@media(max-width:1120px){.nav-inner{gap:16px}.nav-list{gap:14px}.nav-list a{font-size:12px}.nav-home{font-size:14px}.nav-home small{font-size:10px}.button.small{font-size:11px;padding:10px}.container{width:calc(100% - 44px)}.home-hero{padding:42px 36px 60px}.footer-grid{gap:30px}.contact-card{padding:25px}}
@media(max-width:920px){.nav-inner{flex-wrap:wrap;padding-block:14px;gap:14px}.nav-home{font-size:16px}.nav-home small{font-size:11px}.nav-home>span:first-child{font-size:29px}.login-actions{order:2;margin-left:auto}.nav-inner>nav{width:100%;order:4}.nav-list{justify-content:center;gap:25px;padding-top:10px}.nav-list a{font-size:14px}.js .nav-toggle{display:flex;align-items:center;gap:12px;order:3;justify-content:center;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:10px 15px;color:var(--navy);min-height:44px;font-size:14px}.js #site-navigation{display:none}.js #site-navigation.is-open{display:block}.home-hero{grid-template-columns:1fr 0.85fr;gap:10px}.home-hero h1{font-size:52px}.home-hero .actions{gap:12px}.home-hero .button{padding:12px 15px;font-size:13px}.intro-split,.two-column{gap:38px}.feature-card{padding:27px 23px}.feature-card h2{font-size:27px}.volunteer-band{padding:38px}.volunteer-band h2{font-size:33px}.info-grid{gap:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.contact-grid{grid-template-columns:1fr 1fr}.contact-card:first-child{grid-column:1/-1}.news-grid{grid-template-columns:1fr 1fr}.masthead img{max-height:230px}}
@media(max-width:640px){.container{width:calc(100% - 32px)}.topbar{font-size:10px}.topbar .container{padding-block:7px}.masthead{padding-block:8px;width:100%}.masthead img{width:100%;max-height:none}.nav-inner{gap:12px}.nav-home{font-size:14px}.nav-home small{font-size:9px}.login-actions{order:4;flex:1 1 100%;gap:8px}.login-actions .button{flex:1;min-height:42px;font-size:12px}.nav-inner>nav{order:5}.js .nav-toggle{order:3;margin-left:auto;padding:8px 12px}.nav-list{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:8px 0}.nav-list a{display:block;padding:12px;text-align:center}.nav-shell{position:relative;backdrop-filter:none}.section{padding-block:46px}.front-content{padding-top:16px}.home-hero{display:block;padding:32px 25px 58px;border-radius:14px}.home-hero h1{font-size:48px}.home-hero p{font-size:15px}.home-hero .eyebrow{font-size:9px}.hero-art{max-width:330px;margin:22px auto 0}.art-caption{font-size:18px}.home-hero .actions{display:grid;grid-template-columns:1fr;gap:10px}.home-hero .button{font-size:14px}.intro-split,.two-column{grid-template-columns:1fr;gap:24px}.intro-split p{font-size:16px}.intro-split h2{margin-bottom:8px}.feature-grid{grid-template-columns:1fr;gap:15px;padding-bottom:46px}.feature-card{padding:28px;min-height:0}.feature-card h2{margin-top:16px;font-size:29px}.feature-card .text-link{margin-top:20px}.volunteer-band{flex-direction:column;align-items:flex-start;padding:30px 26px;gap:25px;border-radius:13px}.volunteer-band h2{font-size:32px}.volunteer-band .button{width:100%}.opening-card{padding:26px}.opening-card h3{font-size:23px}.large-hours{font-size:35px}.page-hero{padding:35px 0 46px}.page-hero h1{font-size:39px}.page-hero p{font-size:16px}.breadcrumb{margin-bottom:18px}.facts-strip{padding:18px;grid-template-columns:1fr;gap:15px}.facts-strip>div{border:0;border-bottom:1px solid #c7dce9;padding-bottom:18px}.facts-strip strong{font-size:32px}.info-grid,.values-grid,.steps,.contact-grid,.news-grid{grid-template-columns:1fr;gap:23px}.info-grid{margin-top:25px}.values-grid{padding:28px}.steps{margin-top:30px}.soft-band{padding:28px 24px;margin-bottom:45px}.soft-band h2{font-size:29px}.soft-band .actions{align-items:stretch;flex-direction:column}.paper-card{padding:27px}.shift-grid{grid-template-columns:1fr;gap:17px}.shift-grid h3{font-size:27px}.contact-card:first-child{grid-column:auto}.document-list h2{font-size:25px}.document-list>a{padding-block:24px;gap:15px}.access-card{padding:30px 23px}.access-card h2{font-size:29px}.access-card>.button{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:25px;padding-bottom:35px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.site-footer{padding-top:40px}.site-footer h2{font-size:30px}.footer-bottom{flex-wrap:wrap;gap:18px;font-size:10px}.footer-bottom span{flex-basis:100%}.eyebrow{font-size:10px}.prose p{font-size:16px}.island-visual{min-height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}