/* Exacte kopie van thesocialshow.be: vaste posities op het Wix-raster. */
@font-face{font-family:"TSS Bold";src:url("assets/fonts/oswald-bold.woff2") format("woff2");font-display:swap}
@font-face{font-family:"TSS Regular";src:url("assets/fonts/oswald-regular.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Alpha Brights";src:url("assets/fonts/alpha-brights.woff2") format("woff2");font-display:swap}

:root{--z:1;--fw:100vw;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fdfbf7;color:#3737c8;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.fb{font-family:"TSS Bold","Oswald","Arial Narrow",sans-serif;font-weight:400}
.fr{font-family:"TSS Regular","Oswald","Arial Narrow",sans-serif;font-weight:400}
.fs{font-family:"Alpha Brights",cursive;font-weight:400}
.fx{font-family:Helvetica,Arial,sans-serif}
a{color:inherit;text-decoration:none}

/* twee doeken: desktop (980) en mobiel (320), geschaald met zoom */
.view{zoom:var(--z)}
.view-m{display:none}
.is-m .view-d{display:none}
.is-m .view-m{display:block}
.cv{position:relative;margin:0 auto}
.cvw{position:relative;width:980px;margin:0 auto;height:100%}

.b,.t,.pl,.btn,.i,.bgv,.v,.s,.f,.submit,.fr-embed{position:absolute}
.t h1,.t h2,.t h3,.t h4,.t h5,.t h6,.t p{margin:0;font-weight:400;overflow-wrap:break-word}
.t a{text-decoration:inherit}
.t a.ul{text-decoration:underline}
.t p.li{padding-left:1.3em;position:relative}
.t p.li::before{content:"•";position:absolute;left:.35em;color:#3737c8}
.btn{display:flex;align-items:center;justify-content:center;white-space:nowrap;transition:filter .2s}
.btn:hover{filter:brightness(.93)}
.i{display:block}
.bgv{overflow:hidden}
.bgv video{width:100%;height:100%;object-fit:cover;display:block}
.v{background:#000;object-fit:cover}
.s svg{width:100%;height:100%;display:block;fill:inherit;stroke:inherit}
.playdot{z-index:2;pointer-events:none}
.playdot::after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-left:20px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent}
.f{background:transparent;border:0;outline:0;padding:3px 12px}
textarea.f{resize:none}
.f:focus{box-shadow:0 0 0 2px #3737c8}
.submit{border:0;background:transparent;cursor:pointer}
.fr-embed{border:0}
a:focus-visible,button:focus-visible{outline:2px solid #3737c8;outline-offset:2px}

/* header desktop */
.hd{position:sticky;top:0;z-index:50;height:88px;background:#fdfbf7}
.hd .logo{position:absolute;left:6px;top:0}
.hd .logo img{display:block;width:137px;height:87px}
.hd nav a{position:absolute;top:26px;height:50px;line-height:50px;font-size:17px;text-align:center;white-space:nowrap;transition:color .3s}
.hd nav a:hover{color:#3737c8 !important}
.pinned{position:fixed;left:0;top:0;z-index:40}
.pinned .i,.pinned a{position:absolute}

/* header mobiel */
.hm{position:relative;width:320px;height:75px;margin:0 auto;background:#fdfbf7;z-index:50}
.hm .logo{position:absolute;left:8px;top:10px}
.hm .logo img{display:block;width:100px;height:64px}
.burger{position:absolute;left:256px;top:17px;width:50px;height:50px;background:none;border:0;padding:14px 12px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}
.burger span{display:block;height:2px;background:#ff2e2e}
.mnav{position:absolute;left:0;top:75px;width:320px;background:#fdfbf7;padding:18px 0 26px;display:flex;flex-direction:column;align-items:center;gap:18px;box-shadow:0 12px 24px rgba(53,32,32,.15)}
.mnav[hidden]{display:none}
.mnav a{font-size:20px}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.t p.li{padding-left:0}
.t p.li::before{left:auto;margin-left:-11px}