/*
Theme Name: Između činova
Version: 2.0.4
Description: Independent theatre and culture journal.
Requires PHP: 8.0
License: GNU General Public License v2 or later
*/
:root{--stage:#491f29;--paper:#f7efe3;--gold:#cfac75;--muted:#dbc6b6;--ink:#301923}
*{box-sizing:border-box}body{margin:0;background:var(--stage);color:var(--paper);font:18px/1.75 "Trebuchet MS",Arial,sans-serif}a{color:inherit;text-underline-offset:.25em}a:hover{color:var(--gold)}img{display:block;max-width:100%;height:auto}button,input,textarea{font:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;left:18px;top:-100px;padding:12px;background:var(--paper);color:var(--ink);z-index:20}.skip:focus{top:10px}.scene-mast{max-width:1320px;margin:auto;padding:34px 5%;display:flex;align-items:center;justify-content:space-between;gap:45px;border-bottom:1px solid #bc9a7766}.scene-brand{display:block;width:260px}.scene-brand img{width:100%}.scene-mast nav{display:flex;gap:42px;font-size:16px}.scene-mast nav a{text-decoration:none}.scene-intro{max-width:1180px;margin:0 auto;padding:60px 20px 65px;display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end}.scene-intro h1{font:normal 52px/1.12 "Palatino Linotype",Palatino,Georgia,serif;letter-spacing:-.025em;margin:0}.scene-intro em{font-weight:normal;color:var(--gold)}.home-note{font-size:17px;line-height:1.8}.home-note p{margin:0 0 15px}.scene-selection{max-width:1320px;margin:0 auto}.scene-card{margin:0 5% 90px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.scene-card .scene-feature{margin:0}.scene-card-text{padding:25px 0}.scene-card h2{font:normal 44px/1.12 "Palatino Linotype",Palatino,Georgia,serif;margin:15px 0 24px}.scene-card h2 a{text-decoration:none}.scene-card-text>p{font-size:17px}.scene-category{font:12px/1.7 "Trebuchet MS",Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em}.scene-category a{text-decoration:none}.scene-read{display:inline-block;border-bottom:1px solid var(--gold);padding:10px 0;text-decoration:none;font-size:15px;margin-top:20px}.scene-card-1{display:block;position:relative;margin-bottom:110px}.scene-card-1 .scene-feature{width:84%}.scene-card-1 .scene-card-text{position:relative;margin:-155px 0 0 auto;width:48%;padding:38px 42px;background:var(--paper);color:var(--ink);border-top:5px solid var(--gold)}.scene-card-1 h2{font-size:45px}.scene-card-1 a:hover{color:#793c28}.scene-card-2 .scene-feature{max-width:470px}.scene-card-3 .scene-feature{grid-column:2;grid-row:1;max-width:410px;justify-self:end}.scene-card-3 .scene-card-text{grid-column:1;grid-row:1}.scene-directory{border-top:1px solid #bc9a7766;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:80px;padding:45px 20px}.scene-directory h2{font:36px/1.2 Georgia,serif}.topics{list-style:none;padding:0;display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.scene-directory .topics{display:block}.scene-directory .topics li{margin:12px 0}.contents{list-style:none;padding:0;font-size:17px}.contents li{padding:14px 0;border-bottom:1px solid #bc9a7744}.scene-title{max-width:1050px;margin:auto;text-align:center;padding:60px 28px 45px}.scene-title h1{font:normal clamp(40px,4.8vw,65px)/1.1 "Palatino Linotype",Palatino,Georgia,serif;margin:20px auto 30px;max-width:1000px}.byline{font:13px/1.8 "Trebuchet MS",Arial,sans-serif;color:var(--muted)}.scene-article-art{max-width:1120px;margin:auto;padding:0 20px}.scene-feature{margin:0}.scene-feature img{width:100%}.scene-article-art .scene-feature img{max-height:680px;object-fit:contain;background:#2f1820}.scene-reading{position:relative;max-width:850px;margin:-55px auto 70px;padding:60px 70px;background:var(--paper);color:var(--ink);font:20px/1.85 "Trebuchet MS",Arial,sans-serif;overflow-wrap:anywhere}.scene-reading>p:first-child{margin-top:0;font-size:23px;line-height:1.65}.scene-reading h2{font:normal 36px/1.15 "Palatino Linotype",Palatino,Georgia,serif;margin:44px 0 25px}.scene-reading a:hover{color:#793c28}.scene-study{margin:35px -35px}.scene-study img{width:100%}.scene-study figcaption{font-size:13px;line-height:1.6;margin:12px 35px 0}.scene-notes{border-top:1px solid #b89a7f;margin:35px 0}.scene-notes dt{font-weight:bold;padding-top:22px}.scene-notes dd{margin:8px 0 0;padding-bottom:22px;border-bottom:1px solid #b89a7f;font-size:18px}.after-scene{display:flex;gap:30px;justify-content:space-between;border-top:1px solid var(--stage);margin-top:50px;padding-top:25px;font-size:14px;line-height:1.6}.scene-support{max-width:1000px;margin:0 auto;padding:60px 30px 80px}.scene-support>header{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:45px;border-bottom:1px solid var(--gold);padding-bottom:35px;margin-bottom:40px}.scene-support>header>p{font:12px/1.7 Arial,sans-serif;letter-spacing:.1em;margin:12px 0}.scene-support h1{font:normal 60px/1.1 "Palatino Linotype",Palatino,Georgia,serif;margin:0}.scene-policy{max-width:720px;margin-left:auto;font-size:19px}.scene-policy-intro p:first-child{margin-top:0}.scene-policy-part{margin-top:40px;padding-top:28px;border-top:1px solid #bc9a7766}.scene-policy h2{font:normal 32px/1.2 "Palatino Linotype",Palatino,Georgia,serif;color:var(--gold);margin:0 0 24px}.letter-form{margin-top:40px;background:var(--paper);color:var(--ink);padding:35px;font-size:16px}.letter-form label{display:block;margin-bottom:25px}.letter-form input,.letter-form textarea{display:block;width:100%;padding:13px;margin-top:9px;border:1px solid #a58472;background:#fffaf4}.letter-form button,.search-form button{border:1px solid var(--paper);background:var(--stage);color:var(--paper);padding:13px 23px;font-size:16px;cursor:pointer}.letter-form a:hover{color:#793c28}.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.scene-archive{max-width:1180px;margin:auto;padding:50px 30px 70px}.scene-archive h1{font:normal 58px/1.2 "Palatino Linotype",Palatino,Georgia,serif;margin:15px 0 30px}.scene-archive>header>p{font:12px Arial,sans-serif;letter-spacing:.11em}.search-form{display:flex;gap:15px;align-items:end;max-width:580px;margin:30px 0;font-size:15px}.search-form label{flex:1}.search-form input{display:block;width:100%;padding:12px;background:var(--paper);border:0;margin-top:8px}.scene-archive-list article{display:grid;grid-template-columns:210px minmax(0,1fr);gap:50px;border-top:1px solid #bc9a7766;padding:35px 0}.scene-archive-list .scene-feature img{max-height:250px;object-fit:contain;object-position:left center}.scene-archive-list h2{font:normal 35px/1.2 "Palatino Linotype",Palatino,Georgia,serif;margin:0 0 22px}.scene-archive-list p{font-size:17px}.scene-footer{max-width:1180px;margin:0 auto;padding:35px 20px 45px;border-top:1px solid var(--gold);display:grid;grid-template-columns:2fr 1fr;gap:80px;font-size:13px;line-height:1.8}.scene-footer nav{display:flex;gap:25px;margin-top:25px}.scene-colophon{justify-self:end;text-align:right;font:28px/1.5 "Palatino Linotype",Palatino,Georgia,serif;margin:5px 0}.scene-footer>div>p{margin-top:0}
@media(max-width:900px){.scene-intro{gap:35px;padding-inline:6%}.scene-intro h1{font-size:42px}.scene-card{gap:35px}.scene-card-1 .scene-card-text{width:60%;margin-top:-100px;padding:30px}.scene-card h2{font-size:36px}.scene-support>header{grid-template-columns:150px minmax(0,1fr);gap:25px}.scene-reading{margin-inline:6%;padding:45px}.scene-policy{max-width:690px}}
@media(max-width:650px){body{font-size:17px}.scene-mast{display:block;padding:25px 24px}.scene-brand{width:220px;margin-bottom:26px}.scene-mast nav{gap:28px;font-size:15px}.scene-intro{display:block;padding:35px 24px 40px}.scene-intro h1{font-size:38px;margin-bottom:28px}.scene-card{display:block;margin:0 24px 60px}.scene-card h2,.scene-card-1 h2{font-size:35px}.scene-card-1 .scene-feature{width:100%}.scene-card-1 .scene-card-text{width:calc(100% - 20px);padding:25px 24px;margin:-30px -10px 0 30px}.scene-card-2 .scene-feature{width:85%;margin:auto}.scene-card-3 .scene-feature{width:75%;margin:0 0 0 auto}.scene-card-text{padding-top:24px}.scene-card-text>p{font-size:16px}.scene-directory{display:block;padding:30px 24px}.scene-directory h2{font-size:31px}.scene-directory .topics{display:flex}.contents{font-size:16px}.scene-title{padding:40px 24px 30px}.scene-title h1{font-size:39px}.scene-article-art{padding:0 14px}.scene-article-art .scene-feature img{max-height:480px}.scene-reading{margin:-18px 24px 45px;padding:30px 22px;font-size:18px;line-height:1.8}.scene-reading>p:first-child{font-size:20px}.scene-reading h2{font-size:30px;margin-top:35px}.scene-study{margin:30px -12px}.scene-study figcaption{margin:10px 12px 0;font-size:12px}.scene-notes dd{font-size:17px}.after-scene{display:block;margin-top:32px}.after-scene a{display:block;margin:12px 0}.scene-support{padding:35px 24px 50px}.scene-support>header{display:block}.scene-support h1{font-size:43px}.scene-support>header>p{margin-bottom:20px}.scene-policy{font-size:18px}.scene-policy h2{font-size:29px}.letter-form{padding:24px 20px;font-size:15px}.scene-archive{padding:35px 24px 50px}.scene-archive h1{font-size:44px}.scene-archive-list article{display:block}.scene-archive-list .scene-feature{max-width:220px;margin-bottom:25px}.scene-archive-list h2{font-size:31px}.search-form{display:block}.search-form button{margin-top:12px}.scene-footer{display:block;margin:0 24px;padding:25px 0 35px}.scene-colophon{text-align:left;margin-top:30px;font-size:25px}.scene-footer nav{gap:20px}}

/* Keep the first excerpt below the editable introduction when no image is assigned. */
.scene-card-1 .scene-card-text:first-child{margin-top:0}

/* Dark focus on the cream reading, feature and contact panels. */
.scene-card-1 .scene-card-text :focus-visible,.scene-reading :focus-visible,.letter-form :focus-visible{outline-color:#793c28}