/*
Theme Name: Signage Resource
Template: bricks
Version: 1.1.10262207
Description: Signage Resource child theme (presentation only). Layouts are native Bricks; colours, type and icons follow the approved Signage Resource brand guide (violet #741BE7, ink #080808, lavender #B68AFF on dark, Space Grotesk and Source Sans 3).
*/

/* tokens (from the brand asset pack tokens/brand.css) */
@font-face{font-family:"Space Grotesk";src:url("assets/fonts/SpaceGrotesk-Variable.woff2") format("woff2");font-weight:300 700;font-display:swap;}
@font-face{font-family:"Source Sans 3";src:url("assets/fonts/SourceSans3-Variable.woff2") format("woff2");font-weight:200 900;font-display:swap;}
:root{--sr-violet:#741BE7;--sr-ink:#080808;--sr-white:#FFFFFF;--sr-lavender:#B68AFF;--sr-dark:#191720;--sr-paper:#F6F3FA;--sr-font-display:"Space Grotesk",Arial,sans-serif;--sr-font-body:"Source Sans 3",Arial,sans-serif;--sr-space:8px;--sr-gutter:24px;--sr-section:48px;--sr-logo-min:240px;--sr-symbol-min:48px;}

body{font-family:var(--sr-font-body);color:var(--sr-ink)}
h1,h2,h3,h4{font-family:var(--sr-font-display);font-weight:700;color:var(--sr-ink)}
a{color:var(--sr-violet)}

/* ===== BRAND LAYOUT: Signage Resource (EVS-11, generated by brand_apply.py from the approved asset pack) ===== */
body{display:flex;flex-direction:column;min-height:100vh;font-family:"Source Sans 3",Arial,sans-serif;color:#080808;background:#fff;line-height:28px;font-size:18px;margin:0}
h1,h2,h3{font-family:"Space Grotesk",Arial,sans-serif;font-weight:700;color:#080808}
a{color:#080808;text-decoration-color:#741BE7;text-underline-offset:3px}
.evs-header{background:#080808;padding:0 24px}
.evs-header-in{width:100%;max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:80px;padding:8px 0;box-sizing:border-box}
.evs-logo{display:block;width:60px;height:59px;background:url("assets/logo/symbol-reversed.svg") center/contain no-repeat;font-size:0;color:transparent;overflow:hidden}
.evs-nav{display:flex;gap:24px;flex-wrap:wrap}
.evs-nav a{color:#fff;text-decoration:none;font-weight:600;font-size:16px}
.evs-nav a:hover{text-decoration:underline;text-decoration-color:#741BE7}
#brx-content{width:100%;box-sizing:border-box;flex:1 0 auto;padding:0 24px}
#brx-content>h1{max-width:1100px;margin:56px auto 16px;font-size:clamp(34px,5vw,52px);line-height:1.1}
.home #brx-content>h1::before{content:"";display:block;width:240px;height:105px;margin:0 0 24px;background:url("assets/logo/primary-colour.svg") left center/contain no-repeat}
#brx-content .evs-sec,#brx-content .evs-hero{max-width:1100px;margin-left:auto;margin-right:auto}
.evs-hero{padding:0 0 32px}
.evs-lead{font-size:20px;max-width:720px;margin:0 0 28px}
.evs-btn{display:inline-block;background:#741BE7;color:#FFFFFF;padding:14px 26px;border-radius:6px;font-weight:600;text-decoration:none}
.evs-btn:hover{background:#080808;color:#fff}
.evs-sec{padding:24px 0 48px}
.evs-sec h2{font-size:26px;margin:24px 0 12px}
.evs-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;list-style:none;padding:0;margin:0 0 24px}
.evs-cats li{border:1px solid #dcdcde;border-left:4px solid #741BE7;border-radius:6px;padding:14px 16px;font-weight:600}
.evs-legal{max-width:760px}
.gform_wrapper{max-width:1100px;margin:0 auto 64px}
.gform_wrapper form{max-width:760px}
.gform_wrapper input:not([type=submit]),.gform_wrapper select,.gform_wrapper textarea{width:100%;padding:10px;border:1px solid #c3c4c7;border-radius:6px;font-size:16px;font-family:inherit}
.gform_wrapper .gform_button{background:#741BE7;color:#FFFFFF;border:0;padding:12px 28px;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer}
.evs-footer{margin-top:auto;background:#080808;color:#e6e6e6;padding:32px 24px;font-size:15px}
.evs-footer>div{width:100%;max-width:1100px;margin:0 auto}
.evs-footer a{color:#fff}
#brx-footer{margin-top:auto}

/* ===== EVS-17 basics fixes (26 Oct 2026) */
.gform_wrapper select{height:auto;min-height:46px;line-height:1.3;padding:10px 40px 10px 10px}
body{padding-bottom:72px}
.home #brx-content>h1::before{margin-left:-10px}
.evs-sec>p{max-width:72ch}
@media(max-width:480px){#brx-content>h1{font-size:clamp(28px,8vw,34px);overflow-wrap:break-word}}
#brx-content>h1{text-wrap:balance;hyphens:none}
.home #brx-content>h1::before{margin-left:-17px}