/*
Theme Name: Feestvereniging Willemsoord
Author: Feestvereniging Willemsoord
Description: Feestelijke huisstijl met roze #e72174, vijf startpagina’s en bewerkbare WordPress-blokken.
Version: 1.0.0
Requires at least: 6.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: feestvereniging-willemsoord
*/

:root{--pink:#e72174;--ink:#172238;--mint:#40baa9;--yellow:#f3bf40;--paper:#fffaf6;--line:#e9e5e2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 40px}.topline{background:var(--ink);color:white;text-align:center;padding:10px 15px;font-size:11px;letter-spacing:1.7px;text-transform:uppercase}header{position:sticky;top:0;z-index:20;background:rgba(255,250,246,.97);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:99px;gap:28px}.brand img{width:145px;height:88px;object-fit:contain;mix-blend-mode:multiply}nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none;font-size:13px;font-weight:700}nav a:hover{color:var(--pink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--pink);color:white;border:1px solid var(--pink);border-radius:50px;text-decoration:none;padding:17px 24px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px);background:#c91861}.btn.outline{background:transparent;color:var(--ink);border-color:#c9c7c5}.menu{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:50px;padding:75px 0 85px}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2.1px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--pink)}h1{font-size:clamp(52px,6.2vw,84px);line-height:1.01;letter-spacing:-5px;margin:25px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--pink);letter-spacing:-4px}p{font-size:15px;line-height:1.8;color:#606573}.hero p{max-width:400px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-art{position:relative;padding:45px 8px 35px}.logo-card{position:relative;background:white;border-radius:130px 130px 25px 25px;padding:54px 22px 55px;box-shadow:0 20px 60px #1722380b;transform:rotate(-3deg);border:1px solid #f0e9e4}.logo-card img{display:block;width:100%;transform:rotate(3deg)}.hero-art:before{content:'';position:absolute;inset:35px 5px 10px 35px;background:var(--mint);border-radius:140px 130px 30px 25px;transform:rotate(8deg)}.badge{position:absolute;right:-10px;bottom:6px;background:var(--yellow);height:114px;width:114px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:13px;line-height:1.4;transform:rotate(12deg);border:6px solid var(--paper)}.spark{position:absolute;right:10px;top:5px;font-size:58px;color:var(--pink)}.tiny{font-size:10px;text-transform:uppercase;letter-spacing:2px;text-align:center;margin:25px 0 0}.ribbon{background:var(--pink);color:white;overflow:hidden;padding:20px 0;transform:rotate(-1deg);font-size:15px;font-weight:700;letter-spacing:2px}.ribbon div{display:flex;justify-content:space-around;gap:35px;white-space:nowrap}.ribbon span{color:#ffc6de}section{padding:85px 0}h2{font-size:clamp(32px,4vw,48px);letter-spacing:-2px;line-height:1.13;margin:18px 0}h3{margin:0 0 12px;letter-spacing:-.6px;font-size:23px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.text-link{font-weight:700;font-size:13px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px;white-space:nowrap}.date{font-size:12px;color:#767a81}.program{display:grid;grid-template-columns:340px 1fr;gap:45px}.program-cover{background:var(--ink);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:white}.program-cover img{width:100%;aspect-ratio:1.4;object-fit:cover;object-position:center}.cover-copy{padding:28px}.cover-copy h3{font-size:30px}.cover-copy p{color:#d1d4dc;font-size:13px}.pill{display:inline-block;padding:7px 10px;border:1px solid #ffffff50;border-radius:30px;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px}.tabs button{font:700 13px Arial;cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);padding:13px 18px;border-radius:40px}.tabs button[aria-selected=true]{background:var(--pink);border-color:var(--pink);color:white}.event{display:grid;grid-template-columns:85px 1fr 20px;align-items:center;gap:15px;padding:24px 0;border-bottom:1px solid var(--line)}.event time{font-size:13px;font-weight:700;color:var(--pink)}.event h3{font-size:19px;margin:0 0 5px}.event p{margin:0;font-size:13px}.event>span{color:#a1a2a6}.archive-note{font-size:11px;margin-top:16px}.join{background:#f7e6ed;position:relative;overflow:hidden}.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.join h2{font-size:53px}.join-card{background:white;padding:34px;border-radius:20px;box-shadow:0 10px 0 #e7217412}.join-card p{font-size:14px}.join-card .text-link{display:inline-block;margin-top:22px}.number{font-size:11px;color:var(--pink);letter-spacing:2px;margin-bottom:18px}.photo-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px}.album{border-radius:20px;padding:27px;text-decoration:none;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.album:hover{transform:translateY(-5px)}.album.one{background:var(--ink);color:white}.album.two{background:#dcf2eb}.album.three{background:#faebbc}.album .symbol{font-size:62px;line-height:1.4;font-family:Georgia,serif}.album small{font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.album h3{margin-top:16px;font-size:26px}.album .arrow{align-self:end;font-size:24px}.about{background:white;border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.details{border-top:1px solid var(--line);margin-top:25px}.details a{display:flex;justify-content:space-between;text-decoration:none;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.contactbox{background:var(--paper);padding:35px;border-radius:20px}.contactbox p{font-size:14px}.contactbox a{color:var(--pink)}footer{background:var(--ink);color:white;padding:45px 0 25px}.foot-grid{display:flex;justify-content:space-between;gap:30px}.foot-title{font-size:21px;font-weight:700;line-height:1.4}.foot-title span{color:#ff77ae}.foot-links{display:flex;gap:25px;font-size:12px;align-items:start}footer a{text-decoration:none}footer .bottom{margin-top:38px;border-top:1px solid #ffffff25;padding-top:22px;font-size:10px;color:#b0b5c0;display:flex;justify-content:space-between}.reveal{animation:enter .7s ease both}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.hero{padding:95px 0}}@media(max-width:900px){.wrap{padding:0 24px}nav{gap:16px}.nav{gap:12px}nav a{font-size:11px}.hero{gap:25px}h1{letter-spacing:-3px}.program{grid-template-columns:280px 1fr;gap:25px}.tabs button{padding:12px}.join-grid{gap:30px}.join h2{font-size:42px}.about-grid{gap:30px}.photo-grid{gap:12px}.album{padding:22px}}@media(max-width:680px){.topline{font-size:9px}.nav{min-height:80px}.brand img{width:117px;height:72px}.menu{display:block;background:transparent;border:1px solid #dad4d2;border-radius:30px;padding:10px 15px;font-weight:700;color:var(--ink)}nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--paper);padding:20px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{font-size:14px;padding:8px}.hero{grid-template-columns:1fr;padding:45px 0 50px;gap:18px}h1{font-size:63px}.hero-art{max-width:420px;width:100%;margin:auto;padding-top:30px}.logo-card{padding:35px 20px}.hero p{font-size:14px}.badge{height:95px;width:95px;font-size:11px;right:0}.ribbon{font-size:11px}.ribbon div{min-width:800px}.section-head{align-items:start;flex-direction:column;gap:10px}.program,.join-grid,.about-grid{grid-template-columns:1fr}.program-cover{display:none}section{padding:55px 0}.join h2{font-size:42px}.join-card{padding:25px}.photo-grid{grid-template-columns:1fr}.album{min-height:210px}.album .symbol{font-size:44px}.album h3{font-size:24px}.event{grid-template-columns:70px 1fr 15px}.tabs{gap:6px}.tabs button{padding:12px 16px}.foot-grid{flex-direction:column}.foot-links{flex-wrap:wrap}.contactbox{padding:25px}footer .bottom{gap:15px;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

[hidden]{display:none!important}.view{padding-bottom:70px}.view[data-view="home"]{padding-bottom:0}html,body{max-width:100%;overflow-x:clip}.view h1:focus{outline:none}.sub-intro{padding-top:35px;padding-bottom:45px}.crumb{display:flex;gap:12px;font-size:11px;color:#606573;margin-bottom:42px}.crumb a{text-decoration:none}.sub-intro h1{font-size:clamp(48px,6vw,76px);line-height:1.05;margin:22px 0}.sub-intro p{max-width:600px}.photo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.photo-toolbar>span{font-size:12px;font-weight:700}.year-filters{display:flex;flex-wrap:wrap;gap:8px}.year-filters button{border:1px solid #dfd9d5;border-radius:30px;background:white;padding:12px 18px;font:700 12px Arial;color:var(--ink);cursor:pointer}.year-filters button[aria-pressed="true"]{background:var(--pink);color:white;border-color:var(--pink)}.small{font-size:12px;color:#606573;line-height:1.7}.album-group{padding:36px 0;border-bottom:1px solid var(--line)}.group-head{display:flex;align-items:center;gap:26px;margin-bottom:20px}.year-number{font-size:50px;color:var(--pink);letter-spacing:-3px;font-weight:800;min-width:125px}.group-head h2{font-size:27px;letter-spacing:-1px;margin:0 0 5px}.group-head p{font-size:12px;margin:0}.album-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.album-link{display:flex;align-items:center;gap:18px;text-decoration:none;padding:22px;background:white;border:1px solid var(--line);border-radius:16px;transition:transform .2s,border .2s;min-height:125px}.album-link:hover{border-color:var(--pink);transform:translateY(-3px)}.album-link small,.album-link strong,.album-open{display:block}.album-link small{font-size:10px;letter-spacing:.7px;color:#68717a;text-transform:uppercase;margin-bottom:7px}.album-link strong{font-size:17px;line-height:1.3}.album-open{font-size:10px;color:#68717a;margin-top:9px}.album-icon{background:#f9dfe9;color:var(--pink);font-size:25px;border-radius:50%;width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center}.album-arrow{font-size:22px;margin-left:auto;color:var(--pink)}.thanks{margin-top:65px;background:#dcf2eb;padding:38px 0}.thanks .wrap{display:flex;align-items:center;gap:25px}.thanks .wrap>span{font-size:60px;color:var(--mint)}.thanks h2{font-size:30px;margin:0}.thanks p{font-size:13px;margin:8px 0}.thanks .btn{margin-left:auto;white-space:nowrap}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px}.info-card{padding:40px;border:1px solid var(--line);border-radius:22px;background:white}.info-card h2{font-size:37px}.info-card p{font-size:14px}.pink-card{background:#f7e6ed;border-color:#f7e6ed}.mint-card{background:#dcf2eb;border-color:#dcf2eb}.member-help{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding-bottom:10px}.faq-items details{border-bottom:1px solid var(--line);padding:20px 0}.faq-items summary{font-size:15px;font-weight:700;cursor:pointer;line-height:1.6}.faq-items p{font-size:14px}.faq-items a{color:var(--pink)}.about-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-bottom:30px}.story-logo{padding:45px 25px;background:white;border-radius:100px 100px 20px 20px;border:1px solid var(--line)}.story-logo img{width:100%}.board-section{padding:55px 0}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.board-card{display:flex;align-items:center;gap:18px;padding:25px;background:white;border:1px solid var(--line);border-radius:16px}.initials{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:50%;background:#dcf2eb;color:#216c61;font-size:16px;font-weight:700}.board-role{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#606573}.board-card h3{font-size:18px;margin:8px 0}.board-card a{font-size:13px;text-decoration:none}.callout{text-align:center;background:#f7e6ed;border-radius:24px;padding:35px}.callout h2{font-size:35px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-details section{padding:45px 0 0}.contact-details h2{font-size:35px}.contact-details dl{display:grid;grid-template-columns:130px 1fr;font-size:14px;gap:15px}.contact-details dd{margin:0}nav a[aria-current="page"]{color:var(--pink)}nav a.btn[aria-current="page"]{color:white;background:#bf155c}.back-home{margin-top:35px}.program-cover img{aspect-ratio:2.3;object-fit:contain;background:#ff9148}.btn,.year-filters button{min-height:44px}
@media(max-width:680px){.view{padding-bottom:45px}.sub-intro{padding-top:22px;padding-bottom:28px}.crumb{margin-bottom:28px}.sub-intro h1{font-size:49px;letter-spacing:-2.5px}.photo-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.year-filters{gap:6px}.year-filters button{padding:10px 15px}.album-list,.two-cards,.member-help,.about-story,.board-grid,.contact-details{grid-template-columns:1fr}.album-link{padding:18px;gap:12px}.group-head{gap:16px;align-items:start}.year-number{font-size:38px;min-width:84px;letter-spacing:-2px}.group-head h2{font-size:23px}.album-group{padding:28px 0}.thanks{margin-top:35px}.thanks .wrap{flex-wrap:wrap;gap:15px}.thanks .wrap>span{display:none}.thanks .btn{margin-left:0}.info-card{padding:26px}.info-card h2{font-size:33px}.info-card .btn{max-width:100%;font-size:12px;padding:15px 18px;overflow-wrap:anywhere}.member-help{gap:5px;padding:45px 0 0}.member-help h2{font-size:35px}.about-story{gap:25px}.story-logo{padding:25px}.board-card{padding:20px}.contact-details{gap:0}.contact-details dl{grid-template-columns:95px 1fr;font-size:12px}.board-section{padding:40px 0}}

/* WordPress integration */
.fw-content .crumb{align-items:center}.fw-content .crumb p{margin:0;font-size:11px}
.fw-content .hero-art .badge{flex-direction:column}
.skip-link{position:absolute;top:-100px;left:16px;z-index:99999;background:white;padding:12px}.skip-link:focus{top:12px}.fw-content figure{margin:0}.fw-content .wp-block-group{box-sizing:border-box}.fw-content .wp-block-group,.fw-content .wp-block-buttons{margin-block-start:0}.fw-content .eyebrow p{font:inherit;letter-spacing:inherit;color:inherit;margin:0}.fw-content h1 em{font-family:Georgia,serif;color:var(--pink);font-weight:400}.fw-content .wp-block-button__link{background:var(--pink);border:1px solid var(--pink);border-radius:50px;color:white;display:inline-flex;align-items:center;padding:16px 24px;text-decoration:none;font:700 13px Arial;line-height:1.5}.fw-content .is-style-outline .wp-block-button__link{background:transparent;border-color:#c9c7c5;color:var(--ink)}.fw-content .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}.fw-content .wp-block-button{margin:0}.fw-content .actions{align-items:center}.fw-content .fw-album-card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px}.fw-album-card h3{margin:8px 0 20px}.fw-home-album p{color:inherit}.fw-home-album h3{margin-top:auto}.fw-home-album.one .wp-block-button__link{background:var(--pink)}.fw-content .fw-time{font-weight:700;font-size:13px;color:var(--pink);margin:0}.fw-content .event{grid-template-columns:85px 1fr}.fw-content .hero-art .badge p{font:inherit;color:inherit;line-height:inherit;margin:0}.fw-content .hero-art .spark p{font:inherit;color:inherit;line-height:1;margin:0}.fw-content .ribbon p{font:inherit;color:inherit;line-height:1.3;margin:0}.fw-content .wp-block-details{border-bottom:1px solid var(--line);padding:20px 0}.fw-content .wp-block-details summary{cursor:pointer;font-weight:700}.fw-content .tiny p{font:inherit;color:inherit}.fw-nav-list{display:flex;gap:28px;list-style:none;margin:0;padding:0;align-items:center}.fw-nav-list .current-menu-item>a{color:var(--pink)}.fw-nav-list .menu-item:last-child>a{background:var(--pink);color:white;border-radius:40px;padding:16px 24px;display:inline-flex}.custom-logo-link img{width:145px;height:88px;object-fit:contain}.admin-bar header{top:32px}.fw-page{padding-bottom:70px}.fw-plain{padding-top:45px;padding-bottom:50px}.fw-content p{overflow-wrap:anywhere}.fw-content .crumb .wp-block-buttons{display:inline-flex}.fw-content .crumb .wp-block-button__link{padding:0;background:none;border:0;color:#606573;font-size:11px;font-weight:400}.fw-content .year-number p{font:inherit;color:inherit;letter-spacing:inherit;line-height:1;margin:0}.fw-content .group-head h2{margin:0}.fw-content .board-role p,.fw-content .initials p{font:inherit;color:inherit;margin:0}.fw-content .board-card .wp-block-button__link{font-size:12px;padding:7px 12px}.fw-content .album-group{scroll-margin-top:120px}.fw-content .story-logo figure img{width:100%;height:auto}.fw-content .logo-card figure img{width:100%;height:auto}.fw-content .program-cover figure img{width:100%;height:auto}.fw-content .program-cover .cover-copy p{color:#d1d4dc}.fw-content img{max-width:100%;height:auto}.fw-content .sub-intro h1{margin-top:20px}.fw-content .wp-block-group.thanks{margin-top:65px}.fw-content .view{padding:0}.fw-content .back-home{margin-top:35px}.fw-post{padding:30px 0;border-bottom:1px solid var(--line)}
@media(max-width:680px){.fw-nav-list{flex-direction:column;align-items:stretch;gap:8px;width:100%}.fw-nav-list li a{display:block}.custom-logo-link img{width:117px;height:72px}.admin-bar header{top:46px}.fw-content .event{grid-template-columns:65px 1fr}.fw-content .fw-album-card{padding:22px}.fw-content .wp-block-button__link{max-width:100%;padding:14px 20px}.fw-content .hero h1{font-size:57px}.fw-content .sub-intro h1{font-size:46px}.fw-content .thanks .wrap{flex-wrap:wrap}.fw-content .contact-details dl{grid-template-columns:90px 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}