/*
Theme Name: Wereldblogger Modern
Description: Zelfstandig magazineontwerp voor wereldblogger.com met foto-artikelen eerst.
Version: 1.0.0
Requires PHP: 8.1
Text Domain: wereldblogger-modern
*/
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;height:auto}
.wb{--wb-paper:#faf8f3;--wb-ink:#302522;--wb-red:#843c43;--wb-line:#d8cdc3;background:var(--wb-paper);color:var(--wb-ink);min-height:100vh;font-family:Arial,Helvetica,sans-serif}.wb a:focus-visible,.wb button:focus-visible,.wb input:focus-visible{outline:2px solid var(--wb-red);outline-offset:4px}.wb-skip{position:fixed;left:12px;top:-60px;padding:12px;background:white;z-index:20}.wb-skip:focus{top:12px}.wb-preview{padding:9px 3vw;background:#302522;color:#fff9f1;font-size:11px;display:flex;justify-content:space-between;gap:16px}.wb-shell{max-width:1560px;margin:auto;display:grid;grid-template-columns:242px minmax(0,1fr)}.wb-rail{padding:43px 30px;border-right:1px solid var(--wb-line);display:flex;flex-direction:column;align-items:stretch}.wb-brand{font:700 43px/.83 Georgia,serif;letter-spacing:-2.6px;color:var(--wb-red);display:block;padding-bottom:47px}.wb-brand span{display:block;font:11px/1 Arial,sans-serif;letter-spacing:5px;margin-top:13px;text-transform:uppercase}.wb-rail nav{display:flex;flex-direction:column}.wb-rail nav a{font-size:13px;padding:13px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--wb-line)}.wb-rail nav a[aria-current]{color:var(--wb-red);font-weight:bold}.wb-rail a:hover,.wb-copy h2 a:hover{text-decoration:underline;text-underline-offset:5px}.wb-search{margin-top:36px}.wb-search label{font-size:10px;display:block;margin-bottom:9px;text-transform:uppercase;letter-spacing:1px}.wb-search>div{display:flex;border-bottom:1px solid var(--wb-ink)}.wb-search input{width:100%;min-width:0;padding:9px 0;font:13px Arial;background:none;border:0}.wb-search button{background:none;border:0;font-size:23px;cursor:pointer;color:var(--wb-red)}.wb-rail-bottom{display:flex;flex-direction:column;gap:13px;font-size:11px;margin-top:52px;color:#6b6059}.wb-main{padding:30px 4vw 0;min-width:0}.wb-line{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:17px;border-bottom:2px solid var(--wb-ink);font-size:11px}.wb-line h1,.wb-line h2{font:600 12px Arial;text-transform:uppercase;letter-spacing:1.4px;margin:0}.wb-line>span{color:#75645c}.wb-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;padding:28px 0;border-bottom:1px solid var(--wb-line);align-items:center}.wb-photo{display:block;overflow:hidden}.wb-photo img{display:block;width:100%;height:230px;object-fit:cover}.wb-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--wb-red)}.wb-meta>span{color:#75645c;white-space:nowrap}.wb-copy h2{font:400 clamp(25px,2.4vw,36px)/1.12 Georgia,serif;letter-spacing:-.8px;margin:14px 0}.wb-copy>p{font-size:13px;line-height:1.7;max-width:430px;color:#6b6059;margin:0}.wb-read{display:flex;align-items:center;justify-content:space-between;max-width:130px;font-size:11px;margin-top:24px}.wb-read span{font-size:20px;color:var(--wb-red)}.wb-lead{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;padding-top:24px}.wb-lead .wb-photo img{height:390px}.wb-lead .wb-copy{display:flex;flex-direction:column;padding-top:8px}.wb-lead h2{font-size:clamp(33px,3.4vw,51px);line-height:1.04;margin-top:30px}.wb-lead .wb-read{margin-top:auto;padding-top:24px;width:130px}.wb-text{grid-template-columns:1fr;padding:25px 0}.wb-text .wb-copy{display:grid;grid-template-columns:145px minmax(0,1fr) 95px;gap:20px;align-items:start}.wb-text .wb-meta{flex-direction:column;gap:8px;margin-top:7px}.wb-text h2{margin:0;font-size:27px}.wb-text .wb-copy>p{grid-column:2}.wb-text .wb-read{grid-column:3;grid-row:1;margin:0}.wb-pages{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:25px 0;font-size:12px}.wb-pages span{margin-right:auto}.wb-pages button{width:35px;height:35px;border:1px solid var(--wb-line);background:transparent;cursor:pointer}.wb-pages button[aria-current]{background:var(--wb-red);color:white;border-color:var(--wb-red)}.wb-footer{display:flex;align-items:center;gap:26px;border-top:2px solid var(--wb-ink);padding:24px 0;margin-top:40px;font-size:11px}.wb-footer p{flex:1;max-width:440px;line-height:1.6;color:#75645c}.wb-footer>a:last-child{margin-left:auto}.wb-reading{max-width:850px;margin:40px auto}.wb-reading h1,.wb-info h1{font:400 clamp(38px,5vw,68px)/1.05 Georgia,serif;letter-spacing:-1.7px}.wb-deck{font:20px/1.6 Georgia,serif;max-width:660px;margin:22px 0}.wb-reading>img{width:100%;max-height:500px;object-fit:cover}.wb-prose{max-width:640px;margin:35px auto;font:17px/1.8 Georgia,serif}.wb-prose h2{font-size:28px;margin-top:30px}.wb-note{font:13px/1.7 Arial,sans-serif;border-left:2px solid var(--wb-red);padding:12px 20px;color:#75645c;margin-top:30px}.wb-info{max-width:700px;padding:45px 0 100px;min-height:65vh}.wb-info>p{font-size:17px;line-height:1.8;margin:25px 0}.wb-info>a{font-size:13px;color:var(--wb-red)}
@media(min-width:1500px){.wb-main{padding-inline:60px}}@media(max-width:1050px){.wb-shell{grid-template-columns:190px minmax(0,1fr)}.wb-rail{padding-inline:22px}.wb-brand{font-size:36px}.wb-main{padding-inline:25px}.wb-story,.wb-lead{gap:22px;grid-template-columns:1fr 1fr}.wb-lead .wb-photo img{height:340px}.wb-lead h2{font-size:35px}.wb-meta{flex-wrap:wrap}.wb-text .wb-copy{grid-template-columns:110px 1fr}.wb-text .wb-read{grid-column:2;grid-row:auto}}@media(max-width:700px){.wb-preview{font-size:9px;padding:9px 16px}.wb-preview span{text-align:right}.wb-shell{display:block}.wb-rail{padding:23px 20px 0;border-right:0;border-bottom:1px solid var(--wb-line);display:grid;grid-template-columns:1fr 1fr;gap:18px}.wb-brand{font-size:35px;padding:0}.wb-brand span{font-size:8px;margin-top:9px}.wb-search{margin:0;align-self:center}.wb-rail nav{grid-column:1/-1;flex-direction:row;overflow-x:auto;gap:22px;padding-bottom:3px}.wb-rail nav a{white-space:nowrap;border:0;padding:12px 0;font-size:12px}.wb-rail nav a>span{display:none}.wb-rail-bottom{display:none}.wb-main{padding:23px 20px 0}.wb-line{font-size:10px}.wb-line h1{font-size:11px}.wb-story,.wb-lead{grid-template-columns:110px minmax(0,1fr);gap:18px;padding:22px 0;align-items:start}.wb-photo img{height:145px}.wb-lead{display:flex;flex-direction:column}.wb-lead .wb-photo{width:100%}.wb-lead .wb-photo img{height:260px}.wb-lead .wb-copy{width:100%;padding:0}.wb-lead h2{font-size:39px;margin:13px 0}.wb-copy h2{font-size:25px;margin:9px 0}.wb-copy>p{font-size:12px}.wb-meta{font-size:9px;gap:7px}.wb-read{margin-top:13px}.wb-text{display:block}.wb-text .wb-copy{display:block}.wb-text .wb-meta{flex-direction:row;margin-bottom:12px}.wb-text h2{font-size:27px}.wb-text .wb-copy>p{margin-top:10px}.wb-text .wb-read{margin-top:14px}.wb-footer{flex-wrap:wrap;gap:10px}.wb-footer p{flex-basis:100%;order:3;margin:0}.wb-reading{margin-top:30px}.wb-reading h1{font-size:42px}.wb-info{padding-top:25px}}

.wb-pages .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:35px;min-height:35px;padding:7px;border:1px solid var(--wb-line)}.wb-pages .current{background:var(--wb-red);color:white}.wb-pages{flex-wrap:wrap}.wb-prose a{text-decoration:underline;text-underline-offset:3px;color:var(--wb-red)}.wb-prose img{height:auto}.wb-prose figure{max-width:100%;margin-inline:0}.wb-prose table{display:block;overflow-x:auto;max-width:100%}.wb-prose iframe{max-width:100%}.wb-prose input:not([type=checkbox]):not([type=radio]),.wb-prose textarea,.wb-prose select{max-width:100%}.wb-copy h2,.wb-reading h1{overflow-wrap:anywhere}.wb-description{font-size:14px;line-height:1.7;margin-top:20px}.wb-footer:empty{display:none}