/*
Theme Name: Tilburg Insider
Theme URI: https://tilburginsider.nl/
Author: Tilburg Insider
Description: Nederlandstalig stadsplatform voor Tilburg met winkelgids, lokale verhalen, weer en stadsinformatie.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: tilburg-insider
License: GPL-2.0-or-later
*/
:root{--ink:#22243b;--muted:#65657b;--paper:#faf7f0;--white:#fff;--green:#30314c;--lime:#ffbd59;--coral:#e85d45;--line:#e7dfd3;--serif:Georgia,'Times New Roman',serif;--sans:Inter,Arial,sans-serif;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 42px));margin:auto}.topline{background:#292a43;color:#f2e9d8;font-size:12px;letter-spacing:.04em}.topline .wrap{display:flex;justify-content:space-between;padding:8px 0}.masthead{background:var(--paper);border-bottom:1px solid var(--line)}.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 0}.brand{display:flex;align-items:center;gap:12px;color:var(--ink)}.brandmark{width:42px;height:42px;border-radius:50% 50% 5px 50%;background:var(--green);display:grid;place-items:center;color:var(--lime);font:700 21px var(--serif);transform:rotate(-8deg)}.brandname{font:700 22px var(--serif);letter-spacing:-.04em}.brandname small{display:block;font:700 9px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--green)}.nav{background:#fff;border-bottom:1px solid var(--line)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;min-height:54px}.menu{display:flex;gap:26px;list-style:none;margin:0;padding:0}.menu a{font-size:13px;font-weight:700;color:var(--ink)}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 12px}.searchbox input{border:1px solid var(--line);border-radius:20px;padding:9px 14px;background:var(--paper);width:185px}.hero{position:relative;min-height:480px;background:#292a43;color:white;overflow:hidden;display:flex;align-items:end}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,34,31,.82),rgba(8,34,31,.1) 85%),linear-gradient(0deg,rgba(8,34,31,.5),transparent 55%)}.hero-copy{position:relative;z-index:1;padding:72px 0 65px;max-width:680px}.kicker{display:inline-block;color:var(--lime);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.hero h1{font:500 clamp(42px,6vw,76px)/.99 var(--serif);letter-spacing:-.045em;margin:18px 0}.hero p{font-size:17px;max-width:560px;color:#e1e9e3}.button{display:inline-block;background:var(--lime);color:#16342d;padding:12px 19px;border-radius:3px;font-size:13px;font-weight:800}.section{padding:58px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section h2,.section-head h2{font:500 34px/1.1 var(--serif);margin:0;letter-spacing:-.03em}.section-head p{color:var(--muted);margin:8px 0 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);min-width:0;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #14251c12}.card-visual{display:flex;height:180px;background:linear-gradient(140deg,#30314c,#d36d49);align-items:end;padding:16px;color:#fff;position:relative;overflow:hidden}.card-visual:before{content:"";position:absolute;width:170px;height:170px;border:1px solid #ffffff55;border-radius:50%;right:-25px;top:-45px;box-shadow:0 0 0 18px #ffffff0b,0 0 0 38px #ffffff0b}.card-visual .cat{position:relative;background:var(--lime);color:#193a32;padding:4px 8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.card-copy{padding:19px}.card-copy h3{font:500 23px/1.14 var(--serif);margin:0 0 9px}.card-copy p{font-size:14px;color:var(--muted);margin:0 0 12px}.text-link{font-weight:800;font-size:12px}.statbar{background:#e8e9df;padding:24px 0}.statbar .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat{border-left:2px solid var(--green);padding-left:14px}.stat strong{display:block;font:500 22px var(--serif)}.stat span{font-size:12px;color:var(--muted)}.weather{background:#2b2c45;color:white;padding:26px}.weather h2{color:white;font:500 27px var(--serif);margin:0}.weather-head{display:flex;justify-content:space-between}.weather-days{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.weather-day{padding:13px 8px;background:#ffffff12;text-align:center}.weather-day b{display:block;color:var(--lime);font-size:13px}.weather-day span{display:block;font-size:12px}.weather small{color:#cdd8d1}.content-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:42px;padding:50px 0}.article{background:#fff;padding:clamp(24px,5vw,56px);border:1px solid var(--line)}.article h1{font:500 clamp(38px,5vw,58px)/1.04 var(--serif);letter-spacing:-.04em;margin:10px 0 17px}.article h2{font:500 30px/1.2 var(--serif);margin-top:38px}.article p,.article li{font-size:16px}.lede{font-size:19px!important;color:#53635e}.sidebar{display:grid;gap:18px;align-content:start}.sidebox{background:white;padding:24px;border:1px solid var(--line)}.sidebox h2{font:500 23px var(--serif);margin:0 0 8px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filters input,.filters select{padding:11px;border:1px solid var(--line);background:#fff}.filters input{flex:1;min-width:220px}.meta{color:var(--muted);font-size:13px}.mapbox{background:#edf0e8;padding:18px;margin:25px 0}.mapframe{width:100%;height:300px;border:0}.mapload{border:0;background:var(--green);color:white;padding:10px 16px;cursor:pointer}.sources{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin-top:35px}.pagination{padding:22px 0}.pagination .nav-links{display:flex;gap:8px}.page-numbers{background:white;border:1px solid var(--line);padding:8px 13px}.current{background:var(--green);color:white}.footer{background:#202136;color:#dbe6df;padding:48px 0}.footer a{color:var(--lime)}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h2{font:500 23px var(--serif);color:#fff}.footer p{font-size:13px;max-width:440px}.footer ul{list-style:none;padding:0;font-size:13px}.notice{background:#f2ecd9;padding:16px;border-left:3px solid #d4a748;font-size:13px}.breadcrumb{font-size:12px;color:var(--muted);padding:20px 0}.notfound{text-align:center;padding:100px 0}.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}
@media(max-width:850px){.grid.four{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.content-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{width:calc(100% - 28px)}.masthead .wrap{padding:14px 0}.topline .wrap{font-size:10px}.menu-toggle{display:block}.nav .wrap{display:block;padding:9px 0}.menu{display:none;flex-direction:column;gap:0;padding:8px 0}.menu.open{display:flex}.menu li a{display:block;padding:9px 0}.searchbox{display:none}.hero{min-height:440px}.hero-copy{padding:55px 0}.grid,.grid.four{grid-template-columns:1fr}.section{padding:40px 0}.section-head{display:block}.weather-days{grid-template-columns:repeat(3,1fr)}.statbar .wrap{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr;gap:16px}.article{padding:22px}.article h1{font-size:40px}}