/*
Theme Name: STOUT! Vastelaovend
Theme URI: https://weejzienstout.nl/
Author: STOUT! website ontwerp
Description: STOUT! Vastelaovend V6 — originele foto's, stoere collage-look en bewerkbare WordPress-onderdelen.
Version: 35.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: stout
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Permanent+Marker&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{--yellow:#ffdc00;--ink:#131313;--paper:#fffefa;--red:#e52b1d;--line:#e5e1d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.48 'Barlow',Arial,sans-serif;overflow-x:hidden}img{max-width:100%;height:auto}a{color:inherit}.container{width:min(100% - 48px,1220px);margin-inline:auto}.sr-only{position:absolute;left:-9999px}.site-header{position:relative;z-index:20;background:#fff;box-shadow:0 2px 0 #ffffffaa}.head-inner{min-height:105px;display:flex;align-items:center;gap:36px}.brand{display:block;flex:0 0 245px;margin-bottom:-20px;position:relative;z-index:22}.brand img{width:100%;height:auto;display:block;filter:drop-shadow(1px 3px 0 #fff)}.site-nav{margin-left:auto;display:flex;align-items:center;gap:27px}.site-nav a{text-decoration:none;text-transform:uppercase;font:800 19px/1 'Barlow Condensed',Impact,sans-serif;white-space:nowrap;position:relative}.site-nav a:hover:after,.site-nav a:first-child:after{content:'';height:5px;background:var(--yellow);position:absolute;bottom:-10px;left:0;right:0}.header-social{display:flex;gap:10px;margin-left:14px}.header-social a{font:bold 23px/1 Arial;text-decoration:none}.menu-toggle{display:none;border:0;background:var(--yellow);padding:10px 16px;font:800 19px 'Barlow Condensed';cursor:pointer}.hero{position:relative;min-height:530px;background-image:var(--hero-photo);background-size:cover;background-position:center 45%;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.24),transparent 36%,rgba(0,0,0,.12))}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 55px #1a110f55}.hero-inner{min-height:530px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:2}.hero-title-stack{margin-top:45px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:490px}.hero-kicker{display:inline-block;padding:8px 22px 10px;background:var(--yellow);font:clamp(29px,3.3vw,48px)/1.1 'Permanent Marker','Trebuchet MS',cursive;transform:rotate(-4deg);box-shadow:6px 7px 0 #0004}.hero-subtitle{display:inline-block;padding:9px 15px;background:#fff;color:var(--red);text-transform:uppercase;font:900 clamp(20px,2.3vw,31px)/1 'Barlow Condensed',Impact,sans-serif;transform:rotate(-2deg);box-shadow:5px 5px 0 #0003}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--yellow);color:#090909;text-decoration:none;text-transform:uppercase;font:900 20px/1.1 'Barlow Condensed',Impact,sans-serif;padding:15px 23px;border:0;cursor:pointer;transition:transform .2s,filter .2s}.btn:hover{filter:brightness(.95);transform:translateY(-2px)}.hero-book{position:relative;font-size:clamp(28px,3.6vw,47px);padding:19px 40px;margin-right:10px;transform:rotate(-7deg);box-shadow:7px 9px 0 #0007;clip-path:polygon(1% 8%,99% 0,97% 87%,0 100%)}.hero-book:hover{transform:rotate(-5deg) translateY(-3px)}.hero-stamp{position:absolute;right:3%;top:8px;width:135px;opacity:.85;transform:rotate(8deg)}.hero-splatter{position:absolute;left:-90px;top:60px;width:280px;height:390px;background:url('assets/splatter.svg') center/contain no-repeat;opacity:.7;pointer-events:none}.hero-edge{position:absolute;bottom:-2px;left:0;right:0;height:35px;background:url('assets/torn-edge.svg') center bottom/100% 100% no-repeat;z-index:3}.quick-links{position:relative;z-index:5;background:var(--paper);display:grid;grid-template-columns:repeat(4,1fr);padding:18px 0 23px;margin-top:-1px}.quick-links a{text-decoration:none;text-align:center;text-transform:uppercase;font:900 19px/1.1 'Barlow Condensed',Impact,sans-serif;border-right:1px solid #ddd;padding:5px 10px}.quick-links a:last-child{border:0}.quick-links a>span{display:block;font:38px/1 Arial;margin-bottom:6px}.quick-links small{display:block;font:500 13px/1.25 'Barlow',Arial,sans-serif;text-transform:none;margin-top:6px}.home-scene{position:relative;padding:32px 0 56px;background:radial-gradient(circle at 0 50%,#ffdf0040,transparent 23%),radial-gradient(circle at 100% 12%,#ffdf0020,transparent 22%),#fffefa}.scene-splatter{position:absolute;left:-70px;top:10%;width:250px;height:350px;background:url('assets/splatter.svg') center/contain no-repeat;opacity:.65;pointer-events:none}.home-cards{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:24px;align-items:stretch}.home-panel{min-width:0;position:relative;background:#fff;padding:25px 22px 22px;box-shadow:0 7px 21px #29251b17;display:flex;flex-direction:column;isolation:isolate}.home-panel:before{content:'';position:absolute;inset:0;z-index:-1;border:1px solid #ede9e1;clip-path:polygon(0 0,100% 0,100% 98%,94% 100%,87% 98%,78% 100%,68% 99%,56% 100%,46% 98%,34% 100%,22% 98%,12% 100%,0 99%)}.tape-heading{align-self:flex-start;display:inline-block;position:relative;margin:-41px 0 24px -4px;padding:6px 17px 9px;background:var(--yellow);font:900 clamp(31px,3.1vw,43px)/1 'Barlow Condensed',Impact,sans-serif;font-style:italic;text-transform:uppercase;transform:rotate(-4deg);clip-path:polygon(0 7%,98% 0,100% 88%,3% 100%)}.home-panel .btn{margin-top:auto;width:100%;font-size:18px;min-height:46px}.btn-dark{background:#111;color:#fff}.event{display:grid;grid-template-columns:62px minmax(0,1fr) 30px;gap:11px;align-items:center;padding:8px 0;border-bottom:1px solid #e8e8e8}.datebox{background:var(--yellow);padding:5px 4px;text-align:center;font:900 17px/1 'Barlow Condensed';text-transform:uppercase}.datebox strong{font-size:31px;display:block}.datebox span{font-size:17px}.event h3{font-size:16px;line-height:1.1;margin:0 0 4px}.event p{margin:0;font-size:12px;line-height:1.3}.event>a{text-align:center;text-decoration:none;font-size:22px;border:1px solid var(--yellow);line-height:26px}.empty-message{margin:10px 0 25px;flex:1;min-height:120px;font-size:15px}.song-list{list-style:none;padding:0;margin:0 0 20px}.song-list li{display:flex;align-items:center;gap:14px;padding:8px 0;font-size:16px}.song-list li span{font:26px/1 Arial}.song-note{font-size:13px;margin:0 0 16px;color:#4b4b4b}.photo-collage{position:relative;min-height:285px;margin-bottom:12px}.polaroid{background:#fff;box-shadow:1px 5px 14px #0003;padding:8px 8px 15px;margin:0;position:absolute}.polaroid img{display:block;width:100%;height:170px;object-fit:cover}.polaroid figcaption{text-align:center;font:17px/1.2 'Permanent Marker',cursive;margin-top:8px}.polaroid-one{width:79%;top:5px;left:0;transform:rotate(-5deg)}.polaroid-two{width:48%;right:-5px;bottom:8px;transform:rotate(8deg)}.polaroid-two img{height:120px}.photos-panel .btn{position:relative;z-index:2}.decor-chain{position:absolute;width:115px;right:-20px;top:-120px;transform:rotate(-12deg);pointer-events:none;z-index:3}.about-band{position:relative;background:var(--yellow);padding:65px 0 72px;isolation:isolate}.about-band:before{content:'';position:absolute;left:0;right:0;top:-24px;height:35px;background:var(--yellow);clip-path:polygon(0 65%,4% 35%,8% 68%,12% 28%,17% 64%,21% 31%,27% 58%,32% 27%,38% 63%,45% 32%,52% 67%,58% 25%,65% 62%,71% 29%,79% 60%,85% 32%,92% 68%,97% 33%,100% 58%,100% 100%,0 100%)}.about-band:after{content:'';position:absolute;right:-100px;bottom:-80px;width:370px;height:370px;background:url('assets/splatter.svg') center/contain no-repeat;opacity:.5;pointer-events:none;z-index:-1}.about-layout{display:grid;grid-template-columns:35% 1fr 180px;gap:35px;align-items:center}.about-photo{background:#fff;padding:10px 10px 24px;transform:rotate(-4deg);box-shadow:6px 8px 0 #0002;position:relative}.about-photo:before{content:'';position:absolute;width:90px;height:24px;background:#fff1a5b8;top:-10px;left:37%;transform:rotate(3deg)}.about-photo img{width:100%;height:250px;object-fit:cover;display:block}.about-copy .tape-heading{margin:0 0 14px;background:#fff}.about-copy p{font-size:16px;margin:0 0 20px}.about-scribble{font:clamp(22px,2.3vw,33px)/1.15 'Permanent Marker',cursive;transform:rotate(-8deg);text-align:center}.about-scribble span{display:block;height:6px;background:#111;transform:rotate(-8deg);margin:13px auto 0;width:75%}.site-footer{background:#171717;color:#fff;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner p{margin:5px 0}.footer-inner a{color:#fff;text-decoration:none;margin-right:12px}.section{padding:55px 0}.page-header{background:var(--yellow);padding:55px 0 30px}.page-header h1{font:900 54px/1 'Barlow Condensed';text-transform:uppercase;margin:0}.content{padding:35px 0 75px;max-width:900px}.content h1,.content h2,.content h3{font-family:'Barlow Condensed',Impact,sans-serif}.content img{max-width:100%}.notice{padding:18px;background:#fff9d8;border-left:5px solid var(--yellow)}.form-field{margin-bottom:16px}.form-field label{display:block;font-weight:800;margin-bottom:5px}.form-field input,.form-field textarea{width:100%;padding:12px;border:1px solid #bbb;font:inherit}.form-field textarea{min-height:135px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-grid img{width:100%;height:220px;object-fit:cover}.embed-wrap iframe{width:100%;min-height:650px;border:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:35px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;padding:15px;box-shadow:0 3px 12px #0001}.card img{width:100%;height:220px;object-fit:cover}.card-body{padding:12px}.song{padding:12px;border-bottom:1px solid #ddd}.song small{display:block}.photo{width:100%;height:auto}.stamp{display:inline-block;border:2px solid #bbb;padding:4px;transform:rotate(-8deg)}
@media(max-width:1050px){.head-inner{gap:20px}.brand{flex-basis:205px}.site-nav{gap:16px}.site-nav a{font-size:17px}.home-cards{gap:15px}.home-panel{padding:23px 15px 18px}.about-layout{grid-template-columns:32% 1fr 130px;gap:20px}}
@media(max-width:780px){.head-inner{min-height:88px;flex-wrap:wrap}.brand{flex-basis:185px;margin-bottom:-10px}.menu-toggle{display:block;margin-left:auto}.site-nav{display:none;order:3;flex-basis:100%;width:100%;margin:0;padding:12px 0;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:12px 8px;border-bottom:1px solid #eee}.site-nav a:after{display:none}.header-social{display:none}.hero,.hero-inner{min-height:490px}.hero-inner{align-items:flex-start;flex-direction:column;justify-content:space-between;padding-top:85px;padding-bottom:55px}.hero-title-stack{margin:0}.hero-book{align-self:flex-end;font-size:33px}.home-cards{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:50px}.photos-panel{grid-column:1/-1}.photo-collage{max-width:550px;width:100%;margin-inline:auto}.about-layout{grid-template-columns:1fr 1.3fr}.about-scribble{display:none}.quick-links small{font-size:11px}}
@media(max-width:560px){.container{width:min(100% - 32px,1220px)}.head-inner{min-height:75px}.brand{flex-basis:155px}.hero{background-position:54% center}.hero,.hero-inner{min-height:490px}.hero:before{background:linear-gradient(180deg,#0003,transparent 40%,#0004)}.hero-inner{padding-top:85px;padding-bottom:55px}.hero-kicker{font-size:29px}.hero-subtitle{font-size:19px}.hero-book{font-size:30px;padding:16px 25px}.hero-stamp{width:85px}.quick-links{grid-template-columns:repeat(2,1fr);row-gap:20px;padding:25px 0}.quick-links a:nth-child(2){border:0}.quick-links a>span{font-size:29px}.quick-links small{display:none}.home-scene{padding-top:38px}.home-cards{grid-template-columns:1fr;gap:53px}.photos-panel{grid-column:auto}.home-panel{padding:25px 22px 22px;min-height:330px}.tape-heading{font-size:37px}.empty-message{min-height:50px}.photo-collage{min-height:290px}.decor-chain{width:75px;right:-35px;top:8px}.about-band{padding:42px 0 52px}.about-layout{grid-template-columns:1fr;gap:28px}.about-photo{max-width:400px}.about-photo img{height:240px}.footer-inner{display:block}.form-grid,.gallery-grid,.grid-2,.grid-3{grid-template-columns:1fr}.page-header h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* V6: getrouwere posterlook met echte, schaalbare papier- en verfgraphics */
:root{--yellow:#ffdf00;--paper:#fffefa}
body{background:#fffefa}
.site-header{background:#fff;box-shadow:none;position:relative;z-index:15}
.site-header:before{content:"";position:absolute;left:0;top:0;width:170px;height:110px;background:url('assets/spray.svg') left top/contain no-repeat;opacity:.22;pointer-events:none}
.head-inner{min-height:112px;position:relative}.brand{flex-basis:265px;margin-bottom:-28px}.site-nav a{font-weight:900;letter-spacing:.015em}.header-social{align-items:center;gap:12px}.header-social a{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center}.header-social svg,.footer-social svg{width:100%;height:100%;display:block}
.hero{min-height:555px;background-position:center 49%;overflow:visible}.hero-inner{min-height:555px}.hero:after{box-shadow:inset 0 0 35px #100a0640}.hero-splatter{width:320px;left:-130px;top:20px;background-image:url('assets/spray.svg');opacity:.85}.hero:before{background:linear-gradient(90deg,#0002,transparent 45%,#0002)}
.hero-edge{height:66px;bottom:-2px;background:url('assets/rough-edge.svg') center bottom/100% 100% no-repeat}.hero-title-stack{margin-top:35px;gap:5px}.hero-kicker{background:url('assets/paint-brush.svg') center/100% 100% no-repeat;padding:13px 28px 18px;box-shadow:none;font-size:clamp(30px,3.7vw,54px)}.hero-subtitle{font-size:clamp(21px,2.1vw,31px);padding:10px 17px;clip-path:polygon(0 5%,98% 0,100% 92%,1% 100%)}
.hero-book{background:url('assets/paint-brush.svg') center/100% 100% no-repeat;clip-path:none;box-shadow:none;padding:29px 52px 32px;transform:rotate(-7deg);font-size:clamp(29px,3.5vw,49px)}
.quick-links{margin-top:-5px;padding:18px 0 30px}.quick-links a>span{font-family:Arial,sans-serif}.quick-links a:hover{color:#b92515}
.home-scene{padding:55px 0 90px;background:#fffefa;isolation:isolate}.home-scene:before{content:"";position:absolute;left:0;top:0;bottom:0;width:220px;background:url('assets/spray.svg') left 40%/220px auto no-repeat;opacity:.38;pointer-events:none;z-index:-1}.home-scene:after{content:"";position:absolute;right:0;top:10%;bottom:0;width:210px;background:url('assets/spray.svg') right 75%/210px auto no-repeat;opacity:.3;transform:scaleX(-1);pointer-events:none;z-index:-1}.scene-splatter{display:none}
.home-cards{gap:27px}.home-panel{background:#fff;box-shadow:0 8px 20px #00000012,0 0 0 1px #eae6dc;min-height:410px;padding:30px 24px 25px;transform:rotate(-.35deg)}.home-panel:nth-child(2){transform:rotate(.35deg)}.home-panel:nth-child(3){transform:rotate(-.45deg)}.home-panel:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-1px;height:22px;background:url('assets/rough-edge.svg') center bottom/100% 100% no-repeat;transform:rotate(180deg);pointer-events:none;opacity:.8}.home-panel:before{border:0}.tape-heading{background:url('assets/paint-brush.svg') center/100% 100% no-repeat;clip-path:none;padding:14px 27px 17px;margin:-51px 0 20px -12px;transform:rotate(-5deg);font-family:'Permanent Marker','Barlow Condensed',Impact,sans-serif;font-style:normal;font-weight:400;font-size:clamp(31px,3vw,43px)}
.home-panel .btn{clip-path:polygon(0 6%,99% 0,100% 91%,1% 100%);box-shadow:none}.home-panel .btn-dark{background:#141414}.home-panel .btn-dark:hover{background:#333}.event{padding:11px 0}.song-list li{padding:10px 0}.photo-collage{min-height:315px}.polaroid{border:1px solid #eee;box-shadow:3px 8px 13px #0003}.polaroid-one{width:86%;left:0}.polaroid-two{width:54%;right:-9px;bottom:6px}.polaroid:before{content:"";position:absolute;width:70px;height:20px;background:#ffe259aa;top:-11px;left:calc(50% - 35px);transform:rotate(5deg)}
.about-band{padding:80px 0 90px;background:var(--yellow);isolation:isolate}.about-band:before{height:75px;top:-65px;background:url('assets/yellow-edge.svg') center bottom/100% 100% no-repeat;clip-path:none}.about-band:after{width:380px;height:420px;right:-100px;bottom:-110px;background:url('assets/spray.svg') center/contain no-repeat;opacity:.42}.about-copy .tape-heading{background:url('assets/paint-brush.svg') center/100% 100% no-repeat;padding:13px 30px 20px;margin:0 0 15px -15px}.about-photo{box-shadow:8px 9px 0 #1113}.about-copy p{font-size:17px;line-height:1.55}.about-scribble{font-size:clamp(24px,2.6vw,37px)}
.site-footer{position:relative;background:#151515;color:#fff;padding:55px 0 38px;isolation:isolate}.footer-grunge{position:absolute;top:-69px;left:0;right:0;height:72px;background:url('assets/ink-edge.svg') center bottom/100% 100% no-repeat;pointer-events:none}.site-footer:before{content:"";position:absolute;left:0;bottom:0;width:250px;height:180px;background:url('assets/spray.svg') left bottom/contain no-repeat;opacity:.2;pointer-events:none;z-index:-1}.footer-inner{display:grid;grid-template-columns:1.1fr 1.5fr auto;gap:24px;align-items:center}.footer-brand strong{font:900 34px/1 'Barlow Condensed',Impact,sans-serif}.footer-brand strong span{font:400 19px/1 'Permanent Marker',cursive;color:var(--yellow);margin-left:7px}.footer-brand p{font:19px 'Permanent Marker',cursive;color:#fff;margin:8px 0}.footer-links{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.footer-links a{font:900 18px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0}.footer-links a:hover{color:var(--yellow)}.footer-meta{text-align:right}.footer-social{display:flex;justify-content:flex-end;gap:15px;margin-bottom:12px}.footer-social a{display:block;width:26px;height:26px;margin:0}.footer-meta small{color:#d0d0d0}
.page-header{position:relative;background:var(--yellow)}.page-header:after{content:"";position:absolute;bottom:-27px;left:0;right:0;height:30px;background:url('assets/yellow-edge.svg') center bottom/100% 100% no-repeat}.page-header h1{font-family:'Permanent Marker','Barlow Condensed',Impact,sans-serif;font-size:clamp(36px,5vw,60px)}
@media(max-width:1050px){.brand{flex-basis:210px}.footer-inner{grid-template-columns:1fr 1.5fr}.footer-meta{grid-column:1/-1;text-align:left}.footer-social{justify-content:flex-start}}
@media(max-width:780px){.head-inner{min-height:92px}.brand{flex-basis:185px;margin-bottom:-12px}.hero,.hero-inner{min-height:510px}.hero-book{padding:22px 40px}.home-cards{row-gap:65px}.home-panel{min-height:380px}.about-band{padding:60px 0 85px}.footer-inner{grid-template-columns:1fr}.footer-meta{grid-column:auto}}
@media(max-width:560px){.head-inner{min-height:85px}.brand{flex-basis:155px}.hero,.hero-inner{min-height:490px}.hero{background-position:53% center}.hero-edge{height:38px}.hero-kicker{font-size:28px;padding:10px 17px 14px}.hero-subtitle{font-size:19px}.hero-book{font-size:30px;padding:20px 26px}.home-scene{padding:45px 0 90px}.home-panel{transform:none!important;min-height:unset;padding:30px 22px 25px}.tape-heading{font-size:35px}.about-band:before{top:-39px;height:43px}.site-footer{padding-top:45px}.footer-links{justify-content:flex-start}.footer-brand strong{font-size:30px}.footer-brand strong span{display:block;margin:8px 0 0}}


/* STOUT! v7: grunge poster layout, responsive and accessible */
:root{--yellow:#ffdb00}
.site-header{background:#fff;isolation:isolate}
.site-header:before{content:"";position:absolute;left:0;top:0;width:230px;height:105px;background:url('assets/ink-splashes.svg') left top/230px auto no-repeat;opacity:.23;pointer-events:none;z-index:-1}
.site-header:after{content:"";position:absolute;right:0;top:0;width:150px;height:100px;background:url('assets/ink-splashes.svg') left top/170px auto no-repeat;transform:scaleX(-1);opacity:.18;pointer-events:none;z-index:-1}
.head-inner{min-height:116px}.brand{flex-basis:265px}.brand img{max-height:175px;object-fit:contain;object-position:left center}
.header-social a{width:24px;height:24px;color:#111}.header-social svg{width:23px!important;height:23px!important}
.hero{background-position:center 48%}.hero:before{background:linear-gradient(90deg,#0003,transparent 45%,#0002)}
.hero-splatter{left:0;top:0;width:230px;height:100%;background:url('assets/ink-splashes.svg') left center/240px auto repeat-y;opacity:.8}
.hero:after{box-shadow:inset 0 0 26px #1114}
.hero-edge{background-image:url('assets/rough-edge.svg');height:58px}
.hero-book,.btn,.tape-heading{filter:drop-shadow(2px 3px 0 #0002)}
.btn{position:relative;clip-path:polygon(0 11%,5% 5%,12% 9%,22% 3%,33% 8%,47% 1%,58% 6%,71% 0,82% 5%,94% 1%,100% 8%,98% 90%,87% 96%,74% 92%,61% 100%,46% 94%,32% 98%,18% 93%,5% 99%,0 93%);font-weight:900;letter-spacing:.02em;min-height:47px;transition:transform .18s,filter .18s}
.btn-dark{background:#151515;color:#fff}
.btn-dark:hover{background:#2a2a2a}
.hero-book{clip-path:polygon(0 13%,9% 6%,21% 9%,35% 1%,49% 7%,64% 1%,78% 6%,94% 0,100% 8%,98% 90%,83% 95%,68% 91%,50% 100%,33% 94%,17% 99%,0 91%);background:var(--yellow);font-family:'Permanent Marker','Barlow Condensed',Impact,sans-serif;font-weight:400;transform:rotate(-6deg)}
.hero-book:hover{transform:rotate(-4deg) translateY(-3px)}
.home-scene{background:#fffefa;padding-top:70px;overflow:hidden}
.home-scene:before{background:url('assets/ink-splashes.svg') left 5%/290px auto no-repeat;opacity:.5;width:290px;z-index:0}
.home-scene:after{background:url('assets/ink-splashes.svg') left 60%/290px auto no-repeat;opacity:.42;width:290px;z-index:0}
.home-cards{position:relative;z-index:1}
.home-panel{box-shadow:0 9px 25px #00000016;background:#fffdf9;border:0;clip-path:polygon(0 1%,7% 0,14% 1%,22% 0,31% 1%,40% 0,49% 1%,58% 0,67% 1%,75% 0,83% 1%,91% 0,100% 1%,100% 98%,92% 100%,83% 98%,75% 100%,65% 98%,55% 100%,45% 98%,34% 100%,24% 98%,13% 100%,0 98%)}
.home-panel:after{display:none}.tape-heading{clip-path:polygon(0 10%,9% 4%,18% 7%,30% 0,42% 6%,57% 0,68% 5%,81% 1%,92% 7%,100% 2%,98% 92%,86% 98%,74% 92%,61% 100%,46% 93%,33% 99%,18% 94%,4% 100%);background:var(--yellow);padding:10px 22px 14px}
.home-panel .btn{clip-path:polygon(0 12%,8% 4%,22% 8%,34% 1%,48% 6%,62% 0,77% 6%,91% 0,100% 8%,98% 91%,85% 96%,70% 91%,54% 100%,39% 94%,24% 99%,10% 93%,0 98%)}
.about-band{background:var(--yellow)}.about-band:before{background-image:url('assets/yellow-edge.svg')}
.site-footer{background:#171717;padding:58px 0 42px;isolation:isolate;overflow:visible}
.footer-grunge{top:-77px;height:82px;background:url('assets/footer-rip.svg') center bottom/100% 100% no-repeat}
.site-footer:before{z-index:0;left:0;bottom:0;width:330px;height:260px;opacity:.7;background:url('assets/ink-splashes.svg') left bottom/290px auto no-repeat}
.site-footer:after{content:"";position:absolute;right:0;bottom:0;width:210px;height:230px;background:url('assets/ink-splashes.svg') left bottom/230px auto no-repeat;transform:scaleX(-1);opacity:.6;pointer-events:none}
.footer-inner{position:relative;z-index:2;grid-template-columns:1.1fr 1.5fr auto;gap:26px}
.footer-brand strong{font:400 27px/1.1 'Permanent Marker','Barlow Condensed',cursive;color:#fff}
.footer-brand p{font:18px/1.2 'Permanent Marker',cursive;color:var(--yellow);margin:9px 0 0}
.footer-links{gap:13px}.footer-links a{font-size:17px;white-space:nowrap}
.footer-social{display:flex;align-items:center;gap:14px;margin:0 0 12px}
.footer-social a{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 24px!important;width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;overflow:hidden}
.footer-social a svg{display:block!important;width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;flex:none!important}
.footer-meta small{display:block;font-size:12px}
@media(max-width:1050px){.footer-inner{grid-template-columns:1fr 1.4fr}.footer-meta{grid-column:1/-1}.footer-social{justify-content:flex-start}}
@media(max-width:780px){.site-header:before{width:130px;background-size:130px}.brand{flex-basis:185px}.home-scene:before,.home-scene:after{opacity:.23}.footer-inner{grid-template-columns:1fr}.footer-meta{grid-column:auto}}
@media(max-width:560px){.hero{background-position:53% center}.hero-book{font-size:28px}.home-scene{padding-top:55px}.footer-grunge{top:-43px;height:48px}.site-footer{padding:43px 0 36px}.footer-links{gap:12px}.footer-social a,.footer-social a svg{width:23px!important;height:23px!important}.site-header:after{display:none}}

/* STOUT! v8 — restrained ink details, safe text and button bounds */
.site-header:before,.site-header:after,.hero-splatter,.scene-splatter,.home-scene:before,.home-scene:after,.about-band:after,.site-footer:before,.site-footer:after{background-image:none!important;display:none!important}
.home-scene{overflow:visible;background:#fffefa;padding-top:60px}
.home-cards{isolation:isolate}
.home-scene .container{position:relative}
.home-scene .container:before,.home-scene .container:after{content:"";position:absolute;z-index:0;pointer-events:none;width:110px;height:140px;background:url('assets/ink-dots-v8.svg') center/contain no-repeat;opacity:.48}
.home-scene .container:before{left:-125px;top:60px}
.home-scene .container:after{right:-120px;bottom:35px;transform:rotate(180deg)}
.home-panel{clip-path:none!important;overflow:visible;min-width:0}
/* Don't clip live lettering: paint is behind the text, not a mask over it. */
.tape-heading,.hero-kicker,.hero-book,.btn,.home-panel .btn{clip-path:none!important;overflow:visible!important}
.tape-heading{display:table;max-width:100%;width:max-content;white-space:normal;overflow-wrap:normal;line-height:1.16!important;padding:9px 17px 12px!important;margin-top:-47px!important;background:#ffdc00!important;transform:rotate(-3deg);box-decoration-break:clone;-webkit-box-decoration-break:clone;font-size:clamp(27px,2.55vw,38px)!important}
.tape-heading:before{content:"";position:absolute;z-index:-1;inset:-3px -5px;background:#ffdc00;transform:rotate(1deg);clip-path:polygon(0 9%,14% 4%,31% 8%,48% 0,67% 5%,85% 0,100% 7%,98% 94%,78% 98%,57% 94%,37% 100%,19% 95%,1% 100%)}
.btn{line-height:1.25!important;min-height:54px!important;padding:14px 19px!important;text-align:center;white-space:normal;overflow-wrap:break-word;box-shadow:none;isolation:isolate}
.btn:before{content:"";position:absolute;z-index:-1;inset:1px -2px;background:inherit;clip-path:polygon(0 10%,11% 4%,27% 7%,42% 2%,59% 6%,74% 0,91% 5%,100% 2%,99% 92%,81% 97%,65% 94%,48% 100%,31% 95%,16% 99%,0 94%)}
.home-panel .btn{font:900 clamp(15px,1.4vw,19px)/1.3 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:0;min-height:56px!important;padding:14px 10px!important;transform:none;flex-shrink:0}
.hero-book{font-size:clamp(25px,3.4vw,44px)!important;padding:22px 34px!important;white-space:nowrap;transform:rotate(-5deg);background:#ffdc00}
.hero-book:hover{transform:rotate(-3deg) translateY(-2px)}
.home-panel .btn:hover{transform:translateY(-2px)}
.hero-kicker{line-height:1.2!important}
.site-footer{background:#171717;padding:42px 0 35px}
.footer-grunge{top:-39px;height:42px}
.footer-inner{gap:20px}
.footer-social{gap:13px}
.footer-social a,.footer-social a svg{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}
@media(max-width:1050px){.home-scene .container:before,.home-scene .container:after{display:none}}
@media(max-width:780px){.home-scene{padding-top:52px}.tape-heading{font-size:32px!important}.hero-book{white-space:normal}}
@media(max-width:560px){.home-scene{padding-top:45px}.tape-heading{font-size:30px!important;margin-top:-43px!important}.home-panel .btn{font-size:17px!important;padding:14px 12px!important}.hero-book{font-size:27px!important;padding:17px 22px!important}.footer-grunge{top:-28px;height:31px}.site-footer{padding-top:36px}}

/* v9: rustige uitvoering; geen spetters, geen ketting, geen sterren */
.hero-splatter,.scene-splatter,.about-scribble span{display:none!important}
.home-scene{background:#fffefa!important}
.site-header{isolation:isolate}
.site-header::before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:13px!important;width:auto!important;background:url('assets/header-rip-v9.svg') center top/auto 13px repeat-x!important;opacity:1!important;pointer-events:none!important;z-index:1!important}
.site-header::after{display:none!important}
/* Teksten en boekingsknop op de onderrand van de foto, niet op gezichten */
.hero{margin-bottom:70px!important}
.hero-inner{align-items:flex-end!important;padding-bottom:0!important;min-height:530px!important}
.hero-title-stack{margin:0 0 -39px 0!important;position:relative;z-index:8;max-width:min(58%,550px)}
.hero-book{margin:0 12px -34px 0!important;position:relative;z-index:8;align-self:flex-end!important;flex-shrink:0;max-width:43%;white-space:normal!important}
.hero-edge{z-index:4!important}
.quick-links{padding-top:16px!important}
/* Overlappende labels en knoppen blijven volledig leesbaar */
.tape-heading{overflow:visible!important;max-width:calc(100% + 8px)!important;overflow-wrap:break-word!important;padding:12px 19px 15px!important;line-height:1.25!important}
.btn,.home-panel .btn,.hero-book{overflow:visible!important;line-height:1.3!important;min-height:54px!important;clip-path:none!important;padding:15px 22px!important;white-space:normal!important;overflow-wrap:break-word!important}
.btn:before{pointer-events:none}
.home-panel .btn{font-size:clamp(15px,1.3vw,19px)!important;padding:15px 13px!important}
.about-scribble{max-width:270px;line-height:1.15;overflow-wrap:break-word;font-size:clamp(22px,2.3vw,33px)!important}
.site-footer::before,.site-footer::after,.about-band::after{display:none!important}
@media(max-width:780px){.hero{margin-bottom:78px!important}.hero-inner{min-height:490px!important}.hero-title-stack{max-width:60%}.hero-book{max-width:38%;font-size:clamp(20px,3.4vw,30px)!important;padding:14px 18px!important}.site-header::before{height:9px!important;background-size:auto 9px!important}}
@media(max-width:560px){.hero{margin-bottom:112px!important;background-position:53% center!important}.hero-inner{min-height:420px!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;gap:9px!important}.hero-title-stack{max-width:100%;margin:0 0 0 0!important;align-self:flex-start}.hero-kicker{font-size:clamp(23px,6.2vw,30px)!important}.hero-subtitle{font-size:clamp(16px,4.3vw,21px)!important}.hero-book{max-width:85%;align-self:flex-end!important;margin:0 5px -54px 0!important;font-size:25px!important;padding:14px 22px!important}.hero-edge{height:31px!important}.quick-links{padding-top:15px!important}.about-scribble{max-width:100%}.site-header::before{height:7px!important;background-size:auto 7px!important}}


/* v10: preserve v9 visual identity; prevent clipped/awkward hero overlays */
.hero{margin-bottom:0!important;overflow:visible!important}
.hero-inner{min-height:530px!important;align-items:flex-end!important;padding-top:35px!important;padding-bottom:58px!important;gap:28px!important}
.hero-title-stack{margin:0!important;max-width:min(60%,650px)!important;z-index:6!important;gap:7px!important}
.hero-book{margin:0 10px 0 0!important;max-width:38%!important;z-index:6!important;align-self:flex-end!important;flex-shrink:0!important}
.hero-edge{bottom:-1px!important;z-index:4!important;pointer-events:none!important}
.hero-kicker,.hero-subtitle{max-width:100%;overflow-wrap:normal!important}
/* Keep the slogan as a natural phrase, never split it into individual words. */
.about-scribble{max-width:none!important;width:min(100%,560px)!important;line-height:1.32!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;font-size:clamp(23px,2.25vw,33px)!important}
.about-scribble span{display:none!important}
@media(max-width:780px){.hero-inner{min-height:490px!important;padding-bottom:54px!important}.hero-title-stack{max-width:60%!important}.hero-book{max-width:38%!important}.about-scribble{width:100%!important}}
@media(max-width:560px){.hero{margin-bottom:0!important}.hero-inner{min-height:460px!important;padding:30px 0 53px!important;gap:12px!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important}.hero-title-stack{max-width:100%!important;align-self:flex-start!important}.hero-book{max-width:90%!important;align-self:flex-end!important;margin:0 6px 0 0!important}.hero-edge{height:30px!important}.about-scribble{font-size:clamp(22px,6vw,29px)!important;line-height:1.35!important;white-space:normal!important}.quick-links{margin-top:0!important}}

/* v11: uitsluitend de bovenste scheurrand van de hero en mobiele menuknop */
.hero-inner::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  height:39px;
  background:url('assets/hero-top-rip-v11.svg') center top/100% 100% no-repeat;
  pointer-events:none;
  z-index:7;
}
@media(max-width:780px){
  .menu-toggle{
    background:#ffdc00;
    border:0;
    clip-path:polygon(0 10%,8% 5%,20% 8%,32% 0,45% 6%,59% 2%,72% 7%,87% 1%,100% 9%,97% 88%,87% 95%,72% 92%,59% 100%,45% 94%,30% 99%,16% 93%,0 97%);
    padding:13px 21px;
    min-height:49px;
    line-height:1.2;
    font-weight:900;
  }
}
@media(max-width:560px){.hero-inner::before{height:23px}.menu-toggle{padding:12px 18px;min-height:45px}}


/* V12: rustige nieuwssectie direct na het gele Over ons-vlak */
.stout-news-section{background:#fffefa;padding:82px 0 88px;position:relative}
.stout-news-section:before{content:"";position:absolute;left:0;right:0;top:-1px;height:18px;background:var(--yellow);clip-path:polygon(0 0,100% 0,100% 20%,95% 60%,89% 22%,83% 70%,76% 35%,69% 68%,62% 26%,55% 75%,47% 30%,40% 65%,33% 25%,25% 70%,18% 25%,11% 65%,5% 24%,0 65%)}
.stout-news-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px;flex-wrap:wrap}
.stout-news-head .tape-heading{margin:0;font-size:clamp(30px,3vw,42px)}
.stout-news-all{font:900 18px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;text-decoration:none;border-bottom:4px solid var(--yellow)}
.stout-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.stout-news-card{background:#fff;box-shadow:0 6px 18px #00000012;border:1px solid #eee9dc;min-width:0}
.stout-news-card-link{display:block;text-decoration:none;height:100%}
.stout-news-image{width:100%;height:190px;object-fit:cover;display:block}
.stout-news-body{padding:21px 22px 25px}
.stout-news-body time{font:800 13px 'Barlow',sans-serif;text-transform:uppercase;color:#655d4b}
.stout-news-body h2,.stout-news-body h3{font:900 clamp(24px,2vw,30px)/1.05 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:8px 0 12px;overflow-wrap:anywhere}
.stout-news-body p{font-size:15px;line-height:1.5;margin:0 0 18px}
.stout-news-read{font:900 17px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;background:var(--yellow);padding:7px 12px;display:inline-block;transform:rotate(-1deg)}
.stout-news-card-link:hover .stout-news-read{transform:rotate(1deg)}
.stout-news-archive{padding-top:55px}.stout-news-archive:before{display:none}
.stout-news-pagination{margin-top:36px}.stout-news-pagination ul{display:flex;gap:12px;list-style:none;padding:0}.stout-news-pagination a,.stout-news-pagination span{display:inline-block;padding:8px 14px;background:#ffdf00;text-decoration:none}
@media(max-width:780px){.stout-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stout-news-section{padding:65px 0}}
@media(max-width:560px){.stout-news-grid{grid-template-columns:1fr;gap:20px}.stout-news-section{padding:48px 0 62px}.stout-news-image{height:205px}.stout-news-body{padding:18px}.stout-news-head{align-items:flex-start}}

/* v13: silhouet van het door de band aangeleverde hek, met echte klikbare footerlinks. */
.site-footer{position:relative;background:#171717;padding:30px 0 34px;isolation:isolate}
.site-footer .footer-grunge.footer-fence{display:block!important;position:absolute;left:0;right:0;top:-99px;height:102px;background-image:url('assets/footer-fence.png')!important;background-position:center bottom;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;z-index:1}
.footer-inner{position:relative;z-index:2}
@media(max-width:560px){.site-footer .footer-grunge.footer-fence{top:-51px;height:54px}.site-footer{padding-top:25px}}

/* v14: ruimte na de gele Over ons-sectie; nieuwsheading niet omhoog trekken. */
.stout-news-section:not(.stout-news-archive){padding-top:108px}
.stout-news-section:not(.stout-news-archive) .stout-news-head .tape-heading{
  margin:0 0 6px 0!important;
  position:relative;
  flex:0 1 auto;
}
.stout-news-section .stout-news-head{row-gap:22px}
@media(max-width:780px){
  .stout-news-section:not(.stout-news-archive){padding-top:90px}
}
@media(max-width:560px){
  .stout-news-section:not(.stout-news-archive){padding-top:82px}
  .stout-news-section .stout-news-head{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:26px}
  .stout-news-section .stout-news-head .tape-heading{max-width:100%;margin:0!important}
  .stout-news-all{display:inline-block;line-height:1.35}
}

/* v15: nieuwsactie in dezelfde ruwe stijl als de bestaande knoppen */
.stout-news-actions{display:flex;justify-content:center;margin-top:32px}
.stout-news-more{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#ffe000;color:#111;text-decoration:none;font:900 21px/1.25 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;min-width:175px;padding:15px 26px!important;transform:rotate(-1deg);clip-path:polygon(0 10%,9% 4%,23% 8%,39% 2%,58% 6%,78% 0,100% 7%,99% 91%,83% 97%,65% 94%,47% 100%,28% 95%,12% 99%,0 93%)!important}
.stout-news-more:hover{transform:rotate(0deg) translateY(-2px);filter:brightness(.96)}
@media(max-width:600px){.stout-news-actions{margin-top:24px}.stout-news-more{max-width:100%;font-size:19px}}

/* v16: extra ruimte tussen binnenpagina-inhoud en footerhek. */
body:not(.home) .content{padding-bottom:125px;}
body:not(.home) .stout-news-archive{padding-bottom:125px;}
@media(max-width:600px){body:not(.home) .content{padding-bottom:100px;}body:not(.home) .stout-news-archive{padding-bottom:100px;}}

/* v17 — compacte paginabanner met rafelige boven- en onderrand.
   Alleen binnenpagina's; de grote homepage-foto blijft ongewijzigd. */
body:not(.home) .page-header {
  position:relative; background:var(--yellow); padding:39px 0 25px;
  margin-top:0; isolation:isolate;
}
body:not(.home) .page-header::before {
  content:"";position:absolute;left:0;right:0;top:-1px;height:20px;
  background:#fff;pointer-events:none;z-index:1;
  clip-path:polygon(0 0,100% 0,100% 62%,97% 83%,94% 58%,91% 77%,88% 55%,84% 86%,80% 65%,76% 88%,72% 54%,68% 81%,64% 59%,60% 85%,56% 57%,52% 78%,48% 56%,44% 85%,40% 60%,36% 78%,32% 56%,28% 85%,24% 61%,20% 83%,16% 57%,12% 79%,8% 56%,4% 83%,0 61%);
}
body:not(.home) .page-header::after {bottom:-22px;height:26px;}
body:not(.home) .page-header h1 {position:relative;z-index:2;line-height:1.12;margin:0;}
body:not(.home) .page-header + .content {padding-top:52px;}
@media(max-width:600px){
  body:not(.home) .page-header{padding:33px 0 20px;}
  body:not(.home) .page-header::before{height:15px;}
  body:not(.home) .page-header::after{bottom:-17px;height:21px;}
  body:not(.home) .page-header h1{font-size:clamp(32px,9vw,45px);}
  body:not(.home) .page-header + .content{padding-top:44px;}
}

/* v18 booking form */
.stout-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.stout-full-booking{max-width:850px;margin:28px 0 40px}.stout-full-booking .form-field select{width:100%;padding:12px;border:1px solid #bbb;background:#fff;font:inherit}.stout-full-booking .form-field input:focus,.stout-full-booking .form-field select:focus,.stout-full-booking textarea:focus{outline:3px solid #ffdc00;outline-offset:2px}.stout-full-booking button{clip-path:polygon(1% 6%,99% 0,98% 92%,0 100%);padding:17px 30px}.stout-full-booking input[type=checkbox]{width:auto}

/* v19: Fluent Forms matches STOUT booking form visual language */
.content .fluentform, .content .frm-fluent-form {max-width:900px;margin:25px 0 45px}
.content .fluentform .ff-el-form-control{border:2px solid #171717;border-radius:0;background:#fff;min-height:44px;padding:10px 12px;font:inherit;box-shadow:none}
.content .fluentform .ff-el-input--label label{font-weight:800;color:#111}
.content .fluentform .ff-btn-submit{background:#ffe500!important;color:#111!important;border:2px solid #111!important;border-radius:2px!important;transform:rotate(-1deg);font-weight:900;text-transform:uppercase;padding:13px 26px!important;box-shadow:5px 5px 0 #111;cursor:pointer}
.content .fluentform .ff-btn-submit:hover{transform:rotate(0deg) translateY(-2px)}
@media(max-width:600px){.content .fluentform .ff-btn-submit{max-width:100%;white-space:normal}}

/* v20 — consistente STOUT!-stijl voor het bestaande boekingsformulier */
.content .stout-full-booking {max-width:900px;margin:30px 0 55px}
.content .stout-full-booking .form-grid {gap:18px 20px;align-items:start}
.content .stout-full-booking .form-field {min-width:0;margin-bottom:20px}
.content .stout-full-booking .form-field label {display:block;margin-bottom:9px;font:800 18px/1.3 'Barlow Condensed',Impact,sans-serif;color:#171717}
.content .stout-full-booking .form-field input:not([type=checkbox]),
.content .stout-full-booking .form-field select,
.content .stout-full-booking .form-field textarea {display:block;width:100%;max-width:100%;min-width:0;min-height:52px;box-sizing:border-box;padding:12px 14px;border:2px solid #171717;border-radius:0;background:#fffefa;color:#171717;font:500 17px/1.35 'Barlow',Arial,sans-serif;box-shadow:4px 4px 0 #17171714;transition:border-color .15s,box-shadow .15s}
.content .stout-full-booking .form-field select {appearance:auto;cursor:pointer}
.content .stout-full-booking .form-field textarea {min-height:155px;resize:vertical}
.content .stout-full-booking .form-field input:focus-visible,
.content .stout-full-booking .form-field select:focus-visible,
.content .stout-full-booking .form-field textarea:focus-visible {outline:3px solid #ffdc00;outline-offset:3px;border-color:#111;box-shadow:4px 4px 0 #ffdc00}
.content .stout-full-booking input[type=checkbox] {width:20px;height:20px;accent-color:#ffdc00;vertical-align:middle;margin-right:8px}
.content .stout-full-booking button[type=submit] {margin-top:12px;min-height:55px;padding:16px 30px;background:#ffdc00;color:#111;font:900 21px/1.1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;box-shadow:5px 6px 0 #171717;clip-path:polygon(1% 7%,98% 0,100% 91%,2% 100%);transform:rotate(-1deg)}
.content .stout-full-booking button[type=submit]:hover {transform:rotate(0deg) translateY(-2px)}
@media(max-width:680px){.content .stout-full-booking .form-grid{grid-template-columns:minmax(0,1fr);gap:0}.content .stout-full-booking .form-field{margin-bottom:18px}.content .stout-full-booking .form-field label{font-size:17px}.content .stout-full-booking button[type=submit]{max-width:100%}}

/* v22: strak, toegankelijk boekingsformulier met consistente velden */
.content .stout-full-booking{max-width:980px;background:#fff;padding:clamp(18px,3vw,38px);border:2px solid #171717;box-shadow:8px 8px 0 #ffe000;margin:30px 8px 48px 0}
.content .stout-full-booking .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:6px}
.content .stout-full-booking .form-field{margin:0 0 22px}
.content .stout-full-booking .form-field label{font-size:19px;letter-spacing:.15px}
.content .stout-full-booking .form-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2l6 6 6-6' fill='none' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:45px}
.content .stout-full-booking .form-field input:hover,.content .stout-full-booking .form-field select:hover,.content .stout-full-booking .form-field textarea:hover{border-color:#777}
.content .stout-full-booking .stout-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden!important}
.stout-booking-note{max-width:960px;margin:38px 0 20px;padding:24px 28px;border-left:7px solid #ffe000;background:#f5f4ed}
.stout-booking-note h2{margin-top:0}
.stout-contact-book{margin:30px 0;padding:24px 28px;background:#fff5a5;max-width:580px}
.stout-contact-book-btn{display:inline-block;background:#ffe000;color:#111;padding:15px 30px;font-weight:900;text-transform:uppercase;text-decoration:none;clip-path:polygon(0 9%,96% 0,100% 92%,3% 100%);transform:rotate(-1deg)}
@media(max-width:680px){.content .stout-full-booking{padding:20px 16px;box-shadow:5px 5px 0 #ffe000}.content .stout-full-booking .form-grid{grid-template-columns:minmax(0,1fr)}.stout-booking-note{padding:18px}}

/* v23: active navigation, photo framing and editable gallery */
.site-nav a:first-child:not(.current-menu-item):not(.current_page_item):after{content:none!important}
.site-nav a.current-menu-item:after,.site-nav a.current_page_item:after,.site-nav .current-menu-item>a:after,.site-nav .current_page_item>a:after,.site-nav a[aria-current="page"]:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-10px!important;height:5px!important;background:var(--yellow)!important}
.site-nav li{list-style:none}.site-nav ul{display:flex;gap:27px;align-items:center;margin:0;padding:0}
.hero{background-position:center 29%!important}
.about-photo img{object-position:center 24%!important}
body:not(.home) .content{padding-bottom:105px!important}
/* Add a native Gallery block in Pages > Foto's; slides scroll and retain editable captions. */
body.page .content .wp-block-gallery{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:8px 4px 22px;scrollbar-width:thin;max-width:100%}
body.page .content .wp-block-gallery>.wp-block-image{flex:0 0 min(74%,550px)!important;width:min(74%,550px)!important;scroll-snap-align:center;margin:0!important;position:relative}
body.page .content .wp-block-gallery>.wp-block-image img{width:100%!important;height:340px!important;object-fit:contain!important;background:#f4f1e9;display:block}
body.page .content .wp-block-gallery>.wp-block-image figcaption{position:static!important;background:#fff!important;color:#111!important;font-size:16px!important;padding:12px!important;text-align:left!important}
@media(max-width:780px){.site-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a.current-menu-item:after,.site-nav .current-menu-item>a:after{bottom:0!important}.hero{background-position:center 20%!important}body.page .content .wp-block-gallery>.wp-block-image{flex-basis:88%!important;width:88%!important}body.page .content .wp-block-gallery>.wp-block-image img{height:250px!important}body:not(.home) .content{padding-bottom:70px!important}}

/* v25: clear event details, readable Dutch dates */
.stout-event-summary{display:flex;align-items:center;gap:22px;padding:22px;background:#fff;border:1px solid #e5e1d8;margin-bottom:28px}
.stout-event-summary .datebox{min-width:80px;padding:12px 8px}
.stout-event-facts p{margin:4px 0;font-size:18px}
.stout-event-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.stout-event-description{margin:24px 0;line-height:1.65}
@media(max-width:600px){.stout-event-summary{align-items:flex-start;gap:12px;padding:14px}.stout-event-facts p{font-size:16px}.stout-event-actions .btn{width:100%}}

/* V26: show a discreet year only for performances outside the current year. */
.datebox .datebox-year{display:block;font:700 11px/1.15 "Barlow Condensed",Impact,sans-serif;letter-spacing:.035em;margin-top:3px;color:#242424;white-space:nowrap}.datebox{min-width:62px}

/* v28: one-line month and short year, consistent badge height. */
.datebox{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.datebox span{display:block;white-space:nowrap;font-size:15px;line-height:1.05}
.datebox .datebox-year{display:none}

/* v29: bold STOUT!-style event arrow on homepage and full agenda. */
.event>a:last-child{display:inline-flex;align-items:center;justify-content:center;justify-self:end;width:42px;height:42px;min-width:42px;border:0!important;background:#161616;color:#fff!important;text-decoration:none;font:900 29px/1 "Barlow Condensed",Impact,sans-serif;clip-path:polygon(4% 8%,96% 0,100% 91%,0 100%);transform:rotate(-3deg);box-shadow:none;transition:background .18s ease,transform .18s ease;position:relative}
.event>a:last-child:hover,.event>a:last-child:focus-visible{background:#333;transform:rotate(0deg) translateY(-2px);outline:2px solid #ffdc00;outline-offset:3px}
.event>a:last-child:focus-visible{clip-path:none}
.event{grid-template-columns:62px minmax(0,1fr) 46px}
@media(max-width:600px){.event>a:last-child{width:44px;height:44px;min-width:44px}.event{grid-template-columns:62px minmax(0,1fr) 46px;gap:9px}}

/* V30: STOUT! photo treatment for editor-inserted images and galleries only. */
body .content figure.wp-block-image:not(.wp-block-gallery figure),
body .content figure.wp-caption,
body .content figure.wp-block-gallery > figure.wp-block-image,
body .content figure.wp-block-gallery > .wp-block-image {
  position:relative;
  background:#fff;
  padding:10px 10px 17px;
  border:1px solid #f0eee8;
  box-shadow:7px 9px 0 rgba(0,0,0,.13);
  transform:rotate(-1deg);
  transform-origin:center;
  margin-top:28px;
  margin-bottom:36px;
  max-width:calc(100% - 16px);
}
body .content figure.wp-block-image:not(.wp-block-gallery figure)::before,
body .content figure.wp-caption::before,
body .content figure.wp-block-gallery > figure.wp-block-image::before,
body .content figure.wp-block-gallery > .wp-block-image::before {
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  top:-11px;
  left:50%;
  width:82px;
  height:23px;
  background:rgba(255,220,0,.58);
  transform:translateX(-50%) rotate(3deg);
  clip-path:polygon(0 7%,100% 0,97% 100%,3% 92%);
}
body .content figure.wp-block-image:not(.wp-block-gallery figure) img,
body .content figure.wp-caption img {
  display:block;
  width:100%;
  height:auto;
}
body .content figure.wp-block-image figcaption,
body .content figure.wp-caption .wp-caption-text {
  color:#222;
  font:600 15px/1.4 'Barlow',Arial,sans-serif;
  margin:12px 5px 0;
  text-align:center;
}
/* Core gallery keeps its existing horizontal scrolling behavior. */
body.page .content .wp-block-gallery {padding:20px 12px 34px!important;gap:24px!important;align-items:stretch;}
body.page .content .wp-block-gallery > .wp-block-image,
body.page .content .wp-block-gallery > figure.wp-block-image {
  margin:12px 0 20px!important;
  max-width:none;
  transform:rotate(-.7deg);
  box-sizing:border-box;
  align-self:flex-start;
}
body.page .content .wp-block-gallery > .wp-block-image:nth-child(even),
body.page .content .wp-block-gallery > figure.wp-block-image:nth-child(even) {transform:rotate(1deg);}
body.page .content .wp-block-gallery > .wp-block-image img,
body.page .content .wp-block-gallery > figure.wp-block-image img {width:100%!important;object-fit:contain!important;}
body.page .content .wp-block-gallery > .wp-block-image figcaption,
body.page .content .wp-block-gallery > figure.wp-block-image figcaption {
  margin:0!important;
  padding:12px 6px 2px!important;
  font:600 15px/1.4 'Barlow',Arial,sans-serif!important;
  text-align:center!important;
  background:#fff!important;
  color:#111!important;
}
@media(max-width:600px){
  body .content figure.wp-block-image:not(.wp-block-gallery figure),body .content figure.wp-caption {padding:7px 7px 13px;box-shadow:5px 6px 0 rgba(0,0,0,.12);}
  body.page .content .wp-block-gallery{gap:18px!important;padding-inline:7px!important;}
  body .content figure.wp-block-image::before,body .content figure.wp-caption::before{width:65px;height:19px;}
}

/* V31: uitgelichte afbeelding naast de tekst op nieuwsdetailpagina's. */
.stout-news-article::after{content:"";display:block;clear:both}
.stout-news-article .stout-news-featured{float:right;width:min(43%,410px);margin:4px 0 28px 36px;padding:10px 10px 18px;background:#fff;box-shadow:7px 8px 0 rgba(0,0,0,.14);position:relative;transform:rotate(2deg)}
.stout-news-article .stout-news-featured::before{content:"";position:absolute;top:-12px;left:36%;width:88px;height:25px;background:rgba(255,220,0,.72);transform:rotate(-5deg);z-index:2;pointer-events:none}
.stout-news-article .stout-news-featured-image{display:block;width:100%;height:auto;object-fit:contain}
.stout-news-article .stout-news-featured figcaption{padding:12px 4px 0;font-size:14px;line-height:1.4;color:#333}
.stout-news-article .stout-news-body{min-width:0;overflow-wrap:break-word}
@media(max-width:700px){.stout-news-article .stout-news-featured{float:none;width:calc(100% - 16px);max-width:520px;margin:12px auto 35px;transform:rotate(1deg)}}

/* v32 — real, swipeable photo slider with STOUT! navigation. */
body.page .content .stout-gallery-slider{position:relative;width:100%;max-width:100%;min-width:0;margin:26px 0 45px;overflow:hidden}
body.page .content .stout-gallery-slider .wp-block-gallery{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-padding-inline:15px;gap:28px!important;padding:26px 16px 24px!important;margin:0!important;max-width:100%!important;box-sizing:border-box;scrollbar-width:none;align-items:stretch!important}
body.page .content .stout-gallery-slider .wp-block-gallery::-webkit-scrollbar{display:none}
body.page .content .stout-gallery-slider .wp-block-gallery > figure.wp-block-image,body.page .content .stout-gallery-slider .wp-block-gallery > .wp-block-image{flex:0 0 calc(100% - 32px)!important;width:calc(100% - 32px)!important;min-width:0!important;max-width:calc(100% - 32px)!important;scroll-snap-align:center;scroll-snap-stop:always;margin:12px 0 20px!important;align-self:stretch;display:flex!important;flex-direction:column;justify-content:center;transform:rotate(-.5deg)!important}
body.page .content .stout-gallery-slider .wp-block-gallery > figure.wp-block-image:nth-child(even),body.page .content .stout-gallery-slider .wp-block-gallery > .wp-block-image:nth-child(even){transform:rotate(.5deg)!important}
body.page .content .stout-gallery-slider .wp-block-gallery .wp-block-image img{width:100%!important;height:auto!important;max-height:560px!important;object-fit:contain!important;display:block!important;background:#f6f3eb}
body.page .content .stout-gallery-controls{display:flex;align-items:center;justify-content:center;gap:22px;padding:8px 0 10px}
body.page .content .stout-gallery-arrow{border:0;background:#161616;color:white;font-size:27px;font-weight:900;line-height:1;width:54px;height:49px;cursor:pointer;transform:skew(-5deg);box-shadow:4px 4px 0 #ffdc00;transition:transform .15s,background .15s}
body.page .content .stout-gallery-arrow:hover:not(:disabled),body.page .content .stout-gallery-arrow:focus-visible{background:#343434;transform:skew(-5deg) translateY(-2px);outline:2px solid #ffdc00;outline-offset:3px}
body.page .content .stout-gallery-arrow:disabled{opacity:.35;cursor:default}
body.page .content .stout-gallery-count{font:800 18px/1 'Barlow',Arial,sans-serif;min-width:65px;text-align:center}
@media(max-width:700px){body.page .content .stout-gallery-slider .wp-block-gallery{gap:16px!important;padding:20px 12px!important}body.page .content .stout-gallery-slider .wp-block-gallery > figure.wp-block-image,body.page .content .stout-gallery-slider .wp-block-gallery > .wp-block-image{flex-basis:calc(100% - 24px)!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}body.page .content .stout-gallery-slider .wp-block-gallery .wp-block-image img{max-height:400px!important;height:auto!important}}

/* v33 — resized Gutenberg images: frame and tape follow the rendered photo width. */
body .content figure.wp-block-image:not(.wp-block-gallery figure):not(.alignfull):not(.alignwide),
body .content figure.wp-caption:not(.alignfull):not(.alignwide){
  width:fit-content!important;
  max-width:calc(100% - 18px)!important;
  display:table;
  box-sizing:border-box;
}
body .content figure.wp-block-image:not(.wp-block-gallery figure):not(.alignfull):not(.alignwide) > img,
body .content figure.wp-block-image:not(.wp-block-gallery figure):not(.alignfull):not(.alignwide) > a > img,
body .content figure.wp-caption:not(.alignfull):not(.alignwide) > img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  display:block;
}
body .content figure.wp-block-image.aligncenter:not(.wp-block-gallery figure),
body .content figure.wp-caption.aligncenter{margin-left:auto!important;margin-right:auto!important}
body .content figure.wp-block-image.alignright:not(.wp-block-gallery figure),
body .content figure.wp-caption.alignright{margin-left:auto!important}
body .content figure.wp-block-image.alignleft:not(.wp-block-gallery figure),
body .content figure.wp-caption.alignleft{margin-right:auto!important}
/* Keep intentionally wide/full-width photos responsive without oversized whitespace. */
body .content figure.wp-block-image.alignwide,
body .content figure.wp-block-image.alignfull{box-sizing:border-box;max-width:100%!important}
body .content figure.wp-block-image.alignwide img,
body .content figure.wp-block-image.alignfull img{height:auto!important;max-width:100%!important}


/* v34 — wide, borderless photo carousel with visible neighboring slides. */
body.page .content .stout-gallery-slider{
  width:min(1360px, calc(100vw - 24px))!important;
  max-width:none!important;
  left:50%; transform:translateX(-50%);
  margin:35px 0 52px!important; overflow:visible!important;
}
body.page .content .stout-gallery-slider .wp-block-gallery{
  display:flex!important; flex-wrap:nowrap!important; align-items:center!important;
  gap:22px!important; padding:18px max(12%, 24px) 22px!important;
  scroll-padding-inline:12%!important; overflow-x:auto!important;
  scroll-snap-type:x mandatory; overscroll-behavior-x:contain;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%);
}
body.page .content .stout-gallery-slider .wp-block-gallery > figure.wp-block-image,
body.page .content .stout-gallery-slider .wp-block-gallery > .wp-block-image,
body.page .content .stout-gallery-slider .wp-block-gallery > figure.wp-block-image:nth-child(even){
  flex:0 0 76%!important; width:76%!important; max-width:76%!important;
  margin:0!important; padding:0!important; border:0!important;
  background:transparent!important; box-shadow:none!important;
  transform:none!important; display:block!important; align-self:center!important;
  scroll-snap-align:center; border-radius:2px;
}
body.page .content .stout-gallery-slider .wp-block-gallery > figure.wp-block-image::before,
body.page .content .stout-gallery-slider .wp-block-gallery > .wp-block-image::before{content:none!important;display:none!important}
body.page .content .stout-gallery-slider .wp-block-gallery .wp-block-image img{
  width:100%!important; height:clamp(250px,48vw,620px)!important;
  max-height:none!important; object-fit:contain!important;
  background:transparent!important; border:0!important; box-shadow:none!important;
}
body.page .content .stout-gallery-slider .wp-block-gallery .wp-block-image figcaption{
  background:transparent!important; color:#161616!important; font-size:16px!important;
  padding:12px 8px 0!important; margin:0!important;
}
body.page .content .stout-gallery-slider .stout-gallery-controls{margin-top:8px}
@media(max-width:700px){
 body.page .content .stout-gallery-slider{width:calc(100vw - 12px)!important}
 body.page .content .stout-gallery-slider .wp-block-gallery{
  gap:12px!important;padding:12px 9% 18px!important;scroll-padding-inline:9%!important;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);
 }
 body.page .content .stout-gallery-slider .wp-block-gallery > figure.wp-block-image,
 body.page .content .stout-gallery-slider .wp-block-gallery > .wp-block-image{flex-basis:82%!important;width:82%!important;max-width:82%!important}
 body.page .content .stout-gallery-slider .wp-block-gallery .wp-block-image img{height:clamp(210px,65vw,430px)!important}
}
/* v34 — Gutenberg single image: always frame the actual image, including resized/centered blocks. */
body .content figure.wp-block-image:not(.wp-block-gallery figure),
body .content figure.wp-block-image.aligncenter:not(.wp-block-gallery figure),
body .content figure.wp-block-image.is-resized:not(.wp-block-gallery figure){
 display:table!important; width:max-content!important; max-width:calc(100% - 20px)!important;
 box-sizing:border-box!important; margin-top:30px!important; margin-bottom:38px!important;
 padding:10px 10px 17px!important; background:#fff!important;
 border:1px solid #f0eee8!important;box-shadow:7px 9px 0 rgba(0,0,0,.13)!important;
 position:relative!important; transform:rotate(-.7deg);
}
body .content figure.wp-block-image:not(.wp-block-gallery figure)::before{
 content:""!important;display:block!important;position:absolute!important;
 top:-11px!important;left:50%!important;width:82px!important;height:23px!important;
 background:rgba(255,220,0,.65)!important;z-index:2!important;
 transform:translateX(-50%) rotate(3deg)!important;pointer-events:none!important;
}
body .content figure.wp-block-image:not(.wp-block-gallery figure) > img,
body .content figure.wp-block-image:not(.wp-block-gallery figure) > a > img{
 display:block!important;max-width:100%!important;height:auto!important;
 width:auto!important;object-fit:contain!important;
}
body .content figure.wp-block-image.aligncenter:not(.wp-block-gallery figure){margin-left:auto!important;margin-right:auto!important}
body .content figure.wp-block-image.alignright:not(.wp-block-gallery figure){margin-left:auto!important;margin-right:10px!important}
body .content figure.wp-block-image.alignleft:not(.wp-block-gallery figure){margin-right:auto!important;margin-left:10px!important}
@media(max-width:600px){body .content figure.wp-block-image:not(.wp-block-gallery figure){padding:7px 7px 12px!important}}

/* v35 — compact, viewport-friendly gallery: keep complete photos visible. */
body.page .content .stout-gallery-slider .wp-block-gallery .wp-block-image img{
  height:min(450px, 55vh)!important;
  max-height:450px!important;
  object-fit:contain!important;
}
@media(max-width:700px){
 body.page .content .stout-gallery-slider .wp-block-gallery .wp-block-image img{
   height:min(340px, 48vh)!important;
   max-height:340px!important;
 }
}