/*
Theme Name: BORO Wijk
Description: Een zelfstandig, responsief wijk-thema met instelbare voorpagina, nieuws, menu en contactgegevens. Geen pagebuilder nodig.
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 8.0
Author: BORO websiteconcept
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boro-wijk
*/

:root{--ink:#213e38;--paper:#f8f6ef;--orange:#d95632;--lime:#e5edb6;--line:#d8ddd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 36px}.notice{background:var(--ink);color:white;font-size:12px;text-align:center;padding:7px 16px;letter-spacing:.04em}.header{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;gap:34px;min-height:91px}.brand{text-decoration:none;display:flex;align-items:center;gap:17px;margin-right:auto}.logo{font-size:39px;font-weight:900;letter-spacing:-3px;line-height:1}.brand small{font-size:11px;line-height:1.35;border-left:1px solid var(--line);padding-left:16px}.nav>a{text-decoration:none;font-size:14px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 22px;background:var(--ink);border:1px solid var(--ink);color:white;text-decoration:none;font-weight:600;font-size:14px;border-radius:4px}.button.light{color:var(--ink);background:transparent}.button.orange{background:var(--orange);border-color:var(--orange)}.menu{display:none;background:none;border:0;color:var(--ink);font-size:24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:68px;padding-bottom:60px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;background:var(--orange);border-radius:100%}h1{font-size:clamp(48px,5.7vw,76px);line-height:1.04;letter-spacing:-3.7px;font-weight:600;margin:24px 0}h1 em{color:var(--orange);font-family:Georgia,serif;font-weight:400}p{margin:0 0 22px}.hero p{font-size:17px;max-width:440px;color:#56665b}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-art{position:relative;background:#e8ecdd;border-radius:140px 140px 5px 5px;overflow:hidden;min-height:470px;display:flex;align-items:flex-end}.hero-art svg{width:100%;height:auto;display:block}.art-label{position:absolute;top:38px;left:32px;font-size:12px;letter-spacing:.07em}.stamp{position:absolute;right:21px;top:32px;background:var(--lime);border:1px solid var(--ink);height:91px;width:91px;border-radius:50%;display:grid;place-content:center;transform:rotate(12deg);text-align:center;font-size:11px;font-weight:700;line-height:1.4}.caption{font-size:11px;color:#667368;margin-top:8px;text-align:right}.quick{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick a{padding:26px 28px 26px 0;text-decoration:none;display:flex;gap:18px;align-items:center}.quick a+a{padding-left:28px;border-left:1px solid var(--line)}.quick strong{display:block;font-size:16px}.quick small{color:#69766b}.quick .icon{font-size:27px}.arrow{margin-left:auto;font-size:22px}.section{padding-top:76px;padding-bottom:76px}.heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:31px}h2{font-size:40px;line-height:1.15;font-weight:500;letter-spacing:-1.7px;margin:12px 0 0}.muted{color:#667368}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.chip{border:1px solid #cdd4c7;background:transparent;color:var(--ink);padding:7px 17px;border-radius:30px;font-size:13px}.chip[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fffdf8}.card[hidden]{display:none}.card-art{height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-art span{font-family:Georgia,serif;font-size:90px;line-height:1}.c1{background:#ead2b6}.c2{background:#dce4cb}.c3{background:#e5bbaa}.card-art:before,.card-art:after{content:'';position:absolute;width:130px;height:130px;border:1px solid currentColor;border-radius:50%;opacity:.2;top:-40px;right:-20px}.card-art:after{top:90px;right:auto;left:-35px}.card-body{padding:24px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#6b7467}.card h3{font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.5px;margin:12px 0}.card p{font-size:14px;color:#61705f}.text-button{background:none;border:0;padding:0;color:var(--ink);font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:5px}.join{background:var(--ink);color:var(--paper);border-radius:6px;padding:48px;display:grid;grid-template-columns:1.15fr 1fr;gap:75px}.join h2{font-size:46px;margin-bottom:24px}.join p{color:#c5d0c3}.join-list a{display:flex;align-items:center;gap:20px;border-bottom:1px solid #597065;padding:21px 0;text-decoration:none}.join-list a:first-child{border-top:1px solid #597065}.join-list small{font-size:11px;color:#cbd5bf}.join-list strong{font-size:18px;font-weight:500}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.about p{color:#61705f}.about h2{margin-bottom:25px}.fact{border-top:1px solid var(--line);padding:19px 0;display:grid;grid-template-columns:150px 1fr;font-size:14px}.fact b{font-weight:600}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:600}details p{font-size:14px;margin:16px 0 0} .contact{background:var(--lime);padding:54px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:35px}.contact p{margin:15px 0 0;max-width:530px}.footer{margin-top:70px;border-top:1px solid var(--line);padding:30px 0}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px}.footer small{font-size:11px;color:#6b7566}.footer a{font-size:12px}dialog{border:0;border-radius:10px;padding:38px;max-width:590px;width:calc(100% - 32px);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#122820a8}dialog h2{margin:14px 0 24px;font-size:32px}dialog p{color:#5a6a5f}dialog .close{float:right;border:0;background:transparent;font-size:25px;color:var(--ink)}.source{font-size:12px}.mobile-links{display:none}@media(max-width:850px){.wrap{padding:0 22px}.nav{gap:15px;min-height:78px}.nav>a{display:none}.menu{display:block}.mobile-links.open{display:flex;flex-direction:column;padding:8px 22px 22px;gap:15px}.mobile-links a{text-decoration:none}.hero{gap:30px;padding-top:44px;padding-bottom:38px}h1{font-size:51px;letter-spacing:-2.5px}.hero-art{min-height:360px}.stamp{width:73px;height:73px;font-size:10px;right:10px}.art-label{font-size:10px;left:20px;top:45px}.quick a{gap:12px;padding:20px 12px 20px 0}.quick a+a{padding-left:16px}.quick small{display:none}.cards{gap:15px}.card-body{padding:19px}.join{gap:35px;padding:32px}.about{gap:40px}.contact{padding:32px}.section{padding-top:55px;padding-bottom:55px}}@media(max-width:600px){.hero{grid-template-columns:1fr}.hero p{font-size:16px}.hero-art{min-height:310px;max-height:375px;border-radius:100px 100px 5px 5px}.hero-art svg{height:335px;width:100%;object-fit:cover}.hero-art-wrap{margin-top:12px}h1{font-size:59px}.quick{grid-template-columns:1fr}.quick a+a{padding-left:0;border-left:0;border-top:1px solid var(--line)}.quick small{display:block}.quick a{padding:17px 0}.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:100px 1fr}.card-art{height:100%;min-height:210px}.card-art span{font-size:55px}.heading{align-items:start;flex-direction:column;gap:12px}h2{font-size:34px}.join,.about{grid-template-columns:1fr;gap:30px}.join h2{font-size:39px}.contact{align-items:start;flex-direction:column;padding:30px}.footer .wrap{align-items:start;flex-direction:column}.fact{grid-template-columns:110px 1fr}.brand small{font-size:10px}.notice{font-size:10px}.section{padding-top:45px;padding-bottom:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.skip-link{position:fixed;left:15px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:15px}
.desktop-nav ul{display:flex;list-style:none;gap:24px;padding:0;margin:0}.desktop-nav a{text-decoration:none;font-size:14px;font-weight:600}.desktop-nav .sub-menu{display:none;position:absolute;background:var(--paper);padding:15px;box-shadow:0 5px 20px #0002}.desktop-nav li:hover>.sub-menu,.desktop-nav li:focus-within>.sub-menu{display:block}.desktop-nav li{position:relative}.desktop-nav .sub-menu .sub-menu{left:100%;top:0}.custom-logo{max-height:55px;width:auto}.brand .custom-logo-link{display:block}.mobile-links ul{list-style:none;padding:0;margin:0}.mobile-links li{padding:5px 0}.mobile-links .sub-menu{padding-left:18px}
.post-card img{width:100%;height:180px;object-fit:cover}.post-card .card-art{text-decoration:none}.post-card h3 a{text-decoration:none}.post-card .tag a{color:inherit}.entry{max-width:860px;margin:auto;padding:60px 26px}.entry h1{font-size:clamp(36px,5vw,60px);letter-spacing:-2px}.entry-content img{max-width:100%;height:auto}.entry-content{overflow-wrap:anywhere}.entry-content h2{margin:40px 0 20px}.entry-content h3{margin-top:30px}.entry-content iframe{max-width:100%}.entry-content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.entry-content td,.entry-content th{border:1px solid var(--line);padding:10px}.entry-content pre{overflow:auto;background:#e9ecdf;padding:20px}.entry-content blockquote{border-left:4px solid var(--orange);margin-left:0;padding-left:24px}.entry-content a{ text-underline-offset:3px}.entry-content .alignwide{max-width:100%}.entry-content .wp-block-button__link{background:var(--ink);color:white}.entry-content input,.entry-content textarea{max-width:100%;padding:10px;border:1px solid #aaa}.entry-content label{display:block}.pagination{margin-top:30px}.pagination .page-numbers{padding:8px}.empty{padding:30px;border:1px dashed var(--line)}.footer small p{margin:0}.admin-bar .header{top:32px}.wp-post-image{max-width:100%;height:auto}.search-form{display:flex;gap:8px;flex-wrap:wrap}.search-field{padding:12px;max-width:100%}.search-submit{background:var(--ink);color:white;border:0;padding:12px 20px}.screen-reader-text{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px;white-space:nowrap}
@media(max-width:850px){.desktop-nav{display:none}}@media(max-width:782px){.admin-bar .header{top:46px}}@media(max-width:600px){.admin-bar .header{top:0}.post-card img{height:100%;min-height:210px}.post-card .card-art{min-height:210px}}

.photo-portals{display:grid;grid-template-columns:1fr 1fr;gap:26px}.photo-portal{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fffdf8}.portal-art{height:155px;display:flex;align-items:center;justify-content:center;font-size:68px;background:#ead2b6}.photo-portal:nth-child(2) .portal-art{background:#dce4cb}.portal-copy{padding:30px}.portal-copy h2{font-size:31px;margin:10px 0 18px}.portal-copy p{color:#61705f}.page-intro{padding-top:58px;padding-bottom:30px}.page-intro h1{font-size:clamp(40px,5.5vw,64px);margin:15px 0 22px}.page-intro p{max-width:700px;font-size:18px;color:#61705f}.section-nav{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.section-nav a{border:1px solid var(--line);border-radius:30px;padding:8px 18px;text-decoration:none;font-size:14px}.section-nav a[aria-current=page]{background:var(--ink);color:white}.story-facts{display:flex;gap:30px;flex-wrap:wrap;border-block:1px solid var(--line);padding:20px 0;margin:30px 0}.story-facts small,.story-facts strong{display:block}.story-facts small{color:#61705f}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.before-after figure{margin:0}.before-after img{width:100%;height:auto;border-radius:6px}.before-after figcaption{font-weight:bold;padding-top:8px}.forum-shell{max-width:1120px}.forum-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:22px 0}.forum-rules{background:var(--lime);padding:20px;border-radius:6px;font-size:14px;margin:20px 0}.forum-shell #bbpress-forums{font-size:15px;line-height:1.6}.forum-shell #bbpress-forums ul.bbp-forums,.forum-shell #bbpress-forums ul.bbp-topics,.forum-shell #bbpress-forums ul.bbp-replies{border:1px solid var(--line);border-radius:6px;overflow:hidden}.forum-shell #bbpress-forums li.bbp-header,.forum-shell #bbpress-forums li.bbp-footer{background:#e5edb6;border-color:var(--line)}.forum-shell #bbpress-forums div.even,.forum-shell #bbpress-forums ul.even{background:#fffdf8}.forum-shell #bbpress-forums div.odd,.forum-shell #bbpress-forums ul.odd{background:#f1f2e9}.forum-shell #bbpress-forums button{background:var(--ink);color:white;border:0;padding:10px 18px;border-radius:4px}.forum-shell #bbpress-forums fieldset{border-color:var(--line)}.forum-shell #bbpress-forums input[type=text],.forum-shell #bbpress-forums input[type=password],.forum-shell #bbpress-forums textarea{border:1px solid #adb9a8;padding:10px;max-width:100%}.entry-content .wp-block-gallery img{border-radius:5px}.desktop-nav ul{gap:17px}.desktop-nav a{font-size:13px}.nav{gap:23px}
@media(max-width:1050px){.brand small{display:none}.desktop-nav ul{gap:13px}.nav{gap:14px}}@media(max-width:600px){.photo-portals,.before-after{grid-template-columns:1fr}.portal-copy{padding:24px}.page-intro{padding-top:35px}.story-facts{gap:20px}.forum-shell{padding:25px 18px}}

.hero-art{min-height:0;aspect-ratio:1/1;display:block;border-radius:100px 100px 8px 8px;box-shadow:0 18px 45px #213e3814}.hero-art .boro-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-art-wrap .caption{font-size:11px;margin-top:12px}@media(max-width:600px){.hero-art{max-height:none;min-height:0;border-radius:65px 65px 6px 6px;aspect-ratio:1/1}.hero-art .boro-hero-image{height:100%;width:100%}}