/*
Theme Name: Rondje Diepenring Groningen
Author: Bas Eefting
Description: Nieuw ontwerp voor Rondje Diepenring. Bewerken via Pagina’s.
Version: 2.1.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: rondje-ring
*/
@font-face{font-family:Gronika;src:url('assets/fonts/gronika.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:TTNorms;src:url('assets/fonts/ttnorms.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--map-image:url('assets/kaart.svg');--yellow:#F1BC21;--navy:#19334F;--green:#45664E;--paper:#FAF9F2;--line:#19334f30}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font:18px/1.6 TTNorms,Arial,sans-serif;color:var(--navy);background:var(--paper)}a{color:inherit;text-underline-offset:5px}p{margin:0 0 24px}h1,h2,h3{font-family:Gronika,'Arial Black',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.025em;line-height:1.04;margin:0}h2{font-size:clamp(36px,4.5vw,64px)}h3{font-size:clamp(26px,2.5vw,34px)}h2 em{font-style:normal;color:var(--green)}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:5px}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:10px}.site-header{background:var(--navy);color:var(--paper)}.nav-row{display:flex;justify-content:space-between;align-items:center;gap:32px;min-height:96px}.brand{font:400 24px/.98 Gronika,'Arial Black',sans-serif;text-decoration:none;text-transform:uppercase;letter-spacing:-.02em}.brand span{display:block}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{text-decoration:none;font-size:15px;padding:10px 0;border-bottom:1px solid transparent}.nav-links a:hover,.nav-links a[aria-current=page]{border-color:var(--yellow)}.nav-links .nav-cta{border:1px solid #faf9f250;padding:10px 18px;color:var(--yellow)}.menu-toggle{display:none;color:inherit;background:transparent;border:1px solid #faf9f260;padding:10px 15px;min-height:44px}.map-bg{background-color:var(--yellow);background-image:linear-gradient(#f1bc2150,#f1bc2150),var(--map-image);background-position:center;background-size:cover}.hero{padding:40px 40px 0;overflow:hidden}.hero-frame{max-width:1440px;margin:auto;border:2px solid var(--navy);padding:28px 40px 38px;position:relative}.hero-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:bold;text-transform:uppercase;letter-spacing:.09em;gap:20px}.hero-top>span:first-child{background:var(--yellow);position:relative;margin-top:-45px;padding:0 15px;margin-left:-15px}.edition{opacity:.8}.hero h1{font-size:clamp(80px,12vw,182px);line-height:.91;margin-top:46px;letter-spacing:-.035em}.hero h1 span{font-size:.86em;display:block;margin-top:8px}.hero-date{display:flex;align-items:center;gap:32px;margin:32px 0 36px}.hero-date>span{font:400 clamp(42px,6.3vw,88px)/1 Gronika,sans-serif;color:var(--green);letter-spacing:-.025em}.hero-date p{font-size:17px;line-height:1.4;margin:0}.hero-date small{font-size:13px}.hero-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end}.hero-bottom>div>p:not(.hero-slogan){font-size:19px;max-width:44ch}.hero-slogan{font:400 clamp(25px,3vw,42px)/1.1 Gronika,sans-serif;text-transform:uppercase;margin-bottom:16px}.hero-art{max-width:600px;align-self:end}.people{width:100%;height:auto;display:block}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.button{display:inline-flex;gap:24px;justify-content:space-between;align-items:center;min-height:52px;padding:14px 22px;text-decoration:none;font-size:16px;line-height:1.3;border:1px solid transparent}.button span{font-size:23px}.button.navy{background:var(--navy);color:var(--paper)}.button.yellow{background:var(--yellow);color:var(--navy)}.button.paper{background:var(--paper);color:var(--navy)}.button.outline{border-color:var(--navy);background:transparent}.button:hover{background:var(--green);color:var(--paper)}.text-link{text-decoration:none;border-bottom:1px solid;padding-bottom:4px;font-size:16px;display:inline-block}.hero-strip{max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:24px;padding:24px 4px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.hero-strip span::before{content:'+';margin-right:15px;font-size:17px}.section{padding:100px 0}.section-label{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:18px 0 50px;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.lead{font-size:24px;line-height:1.5}.intro-text{max-width:60ch}.intro-text .text-link{margin-top:12px}.programme{background:#EFEEE5}.heading-row{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;margin-bottom:56px}.heading-row>p{max-width:47ch;margin:0}.time-list{border-top:1px solid var(--line)}.time-list article{display:grid;grid-template-columns:190px 1fr 50px;gap:36px;padding:35px 0;border-bottom:1px solid var(--line)}.time-list time{font:400 52px/1 Gronika,sans-serif;color:var(--green)}.time-list h3{margin:10px 0 16px}.time-list p{max-width:65ch;margin:0}.tag{font-size:12px;text-transform:uppercase;letter-spacing:.11em}.time-index{justify-self:end;font-size:14px;opacity:.5}.programme-foot{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-top:32px}.programme-foot p{font-size:14px;max-width:65ch}.programme-foot .button{flex-shrink:0}.history{padding:90px 0;background-color:var(--green);background-image:linear-gradient(#45664eeb,#45664eeb),var(--map-image);color:var(--paper)}.history-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center}.history-number{display:flex;flex-direction:column;align-items:center}.history-number>span{font-size:14px;letter-spacing:.1em;text-transform:uppercase}.history-number strong{font:400 clamp(130px,23vw,310px)/1 Gronika,sans-serif;letter-spacing:-.07em;color:var(--yellow)}.history h2{margin-bottom:28px}.history p:not(.eyebrow){max-width:53ch}.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.participation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:56px 0 40px}.participation-grid article{border-top:2px solid var(--navy);padding-top:22px}.participation-grid article>span{font-size:13px;color:var(--green)}.participation-grid h3{margin:26px 0 22px}.participation-grid p{font-size:17px;max-width:36ch}.closing{background:var(--navy);color:var(--paper);padding:95px 0}.closing h2{font-size:clamp(36px,5.3vw,76px);margin-bottom:42px}.closing h2 em{color:var(--yellow)}.closing .actions{gap:50px}.closing .actions p{margin:0;font-size:14px}.site-footer{background:var(--navy);color:var(--paper);padding:42px 0 26px;border-top:1px solid #faf9f230;font-size:14px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer-top p{font-size:14px}.footer-top .brand{font-size:22px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom{border-top:1px solid #faf9f225;padding-top:22px;margin-top:25px;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#d2d9db}.footer-bottom p{margin:0}.page-hero{padding:80px 0}.page-hero h1{font-size:clamp(46px,7vw,100px);margin-bottom:30px}.page-hero p{max-width:50ch}.reading{max-width:830px}.reading h2{font-size:36px;margin:46px 0 24px}.reading h2:first-child{margin-top:0}.info-box{padding:40px;margin-top:50px;background:var(--yellow)}.info-box h2{font-size:34px;margin-bottom:24px}.info-box p{max-width:65ch}.contact-mail{display:block;font-size:clamp(18px,2.2vw,30px);margin-bottom:32px;overflow-wrap:anywhere}.small{font-size:14px;margin-top:30px}.default-content{min-height:50vh;padding:70px 0}.default-content h1{font-size:clamp(36px,5vw,65px);margin-bottom:35px}.default-content img{max-width:100%;height:auto}.default-content h2{font-size:36px;margin:35px 0 25px}.wp-block-image{margin:30px 0}body.admin-bar .site-header{margin-top:0}
@media(min-width:1600px){.hero{padding-left:60px;padding-right:60px}.hero h1{font-size:182px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.nav-links{gap:20px}.hero{padding:32px 24px 0}.hero-frame{padding:28px 28px 32px}.hero h1{font-size:12vw}.hero-bottom{gap:35px;grid-template-columns:1fr 1fr}.hero-slogan{font-size:28px}.hero-bottom>div>p:not(.hero-slogan){font-size:17px}.hero-date{gap:25px}.split,.heading-row{gap:40px}.history-grid{gap:50px}.time-list article{grid-template-columns:130px 1fr 25px;gap:20px}.time-list time{font-size:44px}.programme-foot{flex-direction:column;gap:10px}.participation-grid{gap:24px}.section{padding:75px 0}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav-row{min-height:84px;flex-wrap:wrap;gap:10px;padding:18px 0}.brand{font-size:21px}.menu-toggle{display:block}.nav-links{width:100%;flex-wrap:wrap;gap:12px 22px;padding:14px 0 0}.js .nav-links[hidden]{display:none}.nav-links a{font-size:15px}.hero{padding:30px 15px 0}.hero-frame{padding:22px 18px 28px}.hero-top{font-size:11px;letter-spacing:.04em}.hero-top>span:first-child{margin-top:-38px;padding:0 8px;margin-left:-8px}.edition{display:none}.hero h1{font-size:clamp(54px,13vw,89px);margin-top:36px}.hero h1 span{font-size:.88em;margin-top:6px}.hero-date{gap:15px;flex-wrap:wrap;margin:26px 0}.hero-date>span{font-size:clamp(36px,10vw,60px)}.hero-date p{font-size:13px}.hero-date small{font-size:11px}.hero-bottom{grid-template-columns:1fr;gap:32px}.hero-art{max-width:420px;width:100%;justify-self:end}.hero-slogan{font-size:28px}.hero-bottom>div>p:not(.hero-slogan){font-size:18px}.hero-strip{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:12px;padding:20px 4px}.hero-strip span::before{margin-right:8px}.section{padding:58px 0}.section-label{padding:14px 0 32px;font-size:10px;gap:15px}.section-label span:last-child{text-align:right}.split,.heading-row,.history-grid{grid-template-columns:1fr;gap:30px}.lead{font-size:21px}.heading-row{margin-bottom:35px}.time-list article{grid-template-columns:80px 1fr;gap:16px;padding:28px 0}.time-list time{font-size:32px}.time-index{display:none}.time-list h3{font-size:26px}.time-list p{font-size:17px}.tag{font-size:10px}.history{padding:60px 0}.history-grid{gap:45px}.history-number{align-items:start}.history-number strong{font-size:180px}.history h2{font-size:36px}.participation-grid{grid-template-columns:1fr;gap:24px;margin:32px 0}.participation-grid h3 br{display:none}.participation-grid h3{margin:18px 0 14px}.participation-grid p{max-width:100%}.closing{padding:65px 0}.closing .actions{gap:26px}.footer-top,.footer-bottom{flex-direction:column}.footer-links{gap:16px}.page-hero{padding:60px 0}.page-hero h1{font-size:clamp(42px,10vw,68px)}.info-box{padding:25px}.reading h2{font-size:30px}.button{font-size:15px;padding:13px 18px;gap:18px}.hero .actions{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}