/*
Theme Name: The Little Theatre Dunstable
Theme URI: https://littletheatre.org.uk/
Author: Dunstable Rep
Description: A warm, accessible custom theme for The Little Theatre and Dunstable Rep.
Version: 2.2.2
Text Domain: little-theatre
*/
@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-semibold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-extrabold.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-extrabold.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}
:root{--plum:#31587a;--deep:#18334a;--berry:#46779a;--gold:#e9ad48;--cream:#fff8ec;--paper:#f8efe3;--ink:#281b20;--muted:#6f5f64;--teal:#1f6565}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 "DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.lt-shell{width:min(1160px,calc(100% - 40px));margin:auto}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:1rem;top:1rem;z-index:100;background:#fff;padding:1rem}.lt-utility{background:var(--deep);color:#e5eef5;font-size:.76rem;padding:.38rem 0}.lt-utility .lt-shell{display:flex;justify-content:space-between}.lt-header{background:rgba(255,248,236,.97);position:sticky;top:0;z-index:20;box-shadow:0 2px 18px #37142314}.lt-header-inner{height:88px;display:flex;align-items:center;gap:2rem}.lt-logo img{display:block;width:58px;height:70px;object-fit:contain}.lt-menu{display:flex;gap:1.4rem;align-items:center;margin-left:auto;list-style:none;padding:0}.lt-menu a{font-weight:700;font-size:.9rem}.lt-button{display:inline-flex;align-items:center;gap:.65rem;background:var(--berry);color:#fff;padding:.78rem 1.15rem;border-radius:4px;font-weight:800;font-size:.88rem}.lt-button-gold{background:var(--gold);color:var(--deep)}.lt-hero{background:var(--plum);color:#fff;overflow:hidden}.lt-hero-inner{min-height:580px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.lt-kicker{color:var(--berry);font-size:.72rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.lt-hero .lt-kicker{color:var(--gold)}h1,h2,h3{font-family:"DM Sans",Arial,sans-serif;font-weight:500;line-height:1.08}h1{font-size:clamp(3.6rem,7vw,6.1rem);margin:.4rem 0 1.5rem;letter-spacing:-.04em}h1 em{color:var(--gold)}.lt-lead{color:#e5eef5;font-size:1.16rem;max-width:590px}.lt-stage{height:430px;position:relative;background:linear-gradient(105deg,#2d0c1d 0 27%,transparent 27% 73%,#2d0c1d 73%),linear-gradient(#8c6170,#371323);clip-path:polygon(0 5%,100% 5%,94% 100%,6% 100%)}.lt-stage:before{content:"THE LITTLE\A THEATRE";white-space:pre;position:absolute;inset:30% 20%;text-align:center;font:800 2.7rem/1 "DM Sans",Arial,sans-serif;color:white;text-shadow:0 3px 10px #000}.lt-stage:after{content:"";position:absolute;left:34%;right:34%;top:0;height:85%;background:linear-gradient(#ffe6aa88,transparent);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}.lt-section{padding:6rem 0}.lt-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:2.5rem}.lt-section h2{font-size:clamp(2.7rem,5vw,4.3rem);margin:.4rem 0}.lt-show-grid,.lt-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.lt-show,.lt-path{background:#fff;border:1px solid #eadfd1;box-shadow:0 10px 30px #42262e12}.lt-poster{height:285px;margin:12px;background:linear-gradient(145deg,var(--berry),var(--deep));display:grid;place-items:center;color:#fff;font:700 4rem "DM Sans",Arial,sans-serif}.lt-show-content{padding:1rem 1.4rem 1.5rem}.lt-show h3,.lt-path h3{font-size:1.9rem;margin:.3rem 0}.lt-meta{color:var(--muted)}.lt-card-link{display:flex;justify-content:space-between;border-top:1px solid #eee1d3;padding-top:1rem;color:var(--berry);font-weight:800}.lt-about{background:var(--paper)}.lt-about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem;align-items:center}.lt-rep-logo{width:190px}.lt-about-mark{background:var(--plum);min-height:360px;border-radius:50%;display:grid;place-items:center;color:var(--gold);font:700 2.6rem "DM Sans",Arial,sans-serif}.lt-take-part{background:var(--plum);color:#fff;text-align:center}.lt-path{padding:2.2rem;text-align:left;color:var(--ink);min-height:260px}.lt-path:nth-child(2){background:var(--gold)}.lt-split{display:grid;grid-template-columns:1fr 1fr}.lt-split>div{padding:5rem max(4vw,2rem);min-height:430px}.lt-visit{background:var(--gold)}.lt-hire{background:var(--teal);color:#fff}.lt-newsletter{background:var(--berry);color:#fff;padding:4rem 0}.lt-newsletter .lt-shell{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.lt-signup{display:flex;background:#fff;padding:5px}.lt-signup input{flex:1;border:0;padding:.8rem}.lt-signup button{border:0;background:var(--gold);padding:.8rem 1rem;font-weight:800}.lt-footer{background:var(--deep);color:#cfdee9;padding:4rem 0 1.5rem}.lt-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem}.lt-footer-logo{width:84px}.lt-footer h3{color:#fff}.lt-footer a{display:block;margin:.45rem 0;font-size:.85rem}.lt-footer-bottom{border-top:1px solid #ffffff22;margin-top:3rem;padding-top:1rem;font-size:.75rem}@media(max-width:900px){.lt-menu{display:none}.lt-hero-inner{grid-template-columns:1fr}.lt-hero-copy{padding-top:4rem}.lt-stage{height:330px}.lt-show-grid,.lt-path-grid{grid-template-columns:1fr}.lt-about-grid{grid-template-columns:1fr;gap:3rem}.lt-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.lt-hero-inner{gap:1rem}h1{font-size:3.4rem}.lt-section{padding:4rem 0}.lt-split{grid-template-columns:1fr}.lt-newsletter .lt-shell{grid-template-columns:1fr}.lt-signup{flex-direction:column}.lt-footer-grid{grid-template-columns:1fr}}