/*
Theme Name: DMTC Spotlight
Theme URI: https://dmtc.co.uk/
Author: DMTC
Description: A modern theatre theme for Durham Musical Theatre Company. Production-led homepage, editable show details, company stories and an accessible responsive layout.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dmtc-spotlight
Tags: entertainment, blog, custom-menu, featured-images, custom-logo, wide-blocks
*/
:root{--ink:#111d2b;--navy:#101b29;--paper:#f7f5ef;--white:#fff;--gold:#dfbc74;--muted:#62666b;--line:#dcdad3;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #aa7b2e;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.035em;font-weight:400}h1,h2{font-family:var(--serif)}h2{font-size:clamp(34px,3.5vw,52px)}h3{font-size:25px}p{margin-bottom:22px}.wrap{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}.section{padding-block:100px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;line-height:1.5;margin-bottom:25px}.gold{color:#80602c}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 25px;background:var(--gold);color:var(--ink);font-size:13px;font-weight:700;line-height:1.5;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{background:#ecd197;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:#2d4057}.button.small{padding:12px 20px}.text-link{font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:26px;border-bottom:1px solid #a8aaa9;padding-bottom:7px}.text-link span{font-size:19px}.text-link:hover{border-color:currentColor}.light{color:var(--white);border-color:#73808d}.site-header{background:var(--navy);color:#f6f2e9;position:relative;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:104px}.brand{display:inline-flex;align-items:center;gap:20px;flex-shrink:0}.brand-mark{font-family:var(--serif);font-size:42px;letter-spacing:-.08em;line-height:1;position:relative;padding-right:12px}.brand-star{position:absolute;font:19px/1 var(--sans);color:var(--gold);top:-8px;right:-3px}.brand-name{font-size:10px;line-height:1.4;letter-spacing:.03em;border-left:1px solid #58616a;padding-left:17px}.nav-links{display:flex;align-items:center;gap:25px;list-style:none;padding:0;margin:0;font-size:12px}.nav-links a{display:block;padding-block:12px}.nav-links a:hover{color:var(--gold)}.nav-links li{position:relative}.nav-links .sub-menu{display:none;position:absolute;list-style:none;padding:12px 20px;background:var(--navy);min-width:200px;margin:0;box-shadow:0 8px 16px #0002}.nav-links li:hover>.sub-menu,.nav-links li:focus-within>.sub-menu{display:block}.menu-toggle{display:none;background:transparent;color:white;border:1px solid #637080;padding:8px 13px;font-size:12px}.hero{position:relative;background:var(--ink);color:var(--white);min-height:660px;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 48%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,18,29,.95) 0%,rgba(9,18,29,.75) 33%,rgba(9,18,29,.13) 75%),linear-gradient(0deg,rgba(7,15,25,.6),transparent 35%)}.hero-content{position:relative;padding-block:70px 100px}.hero .eyebrow{display:flex;align-items:center;gap:12px;color:#e3cca1}.little-line{height:1px;width:26px;background:var(--gold)}.hero h1{font-size:clamp(56px,6.5vw,96px);max-width:760px;margin-bottom:30px;letter-spacing:-.045em;line-height:1.03}.hero-intro{max-width:405px;color:#d9dce0;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:34px}.hero-caption{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:space-between;font-size:10px;color:#b6bec7;letter-spacing:.04em}.show-marquee{background:var(--gold);padding-block:20px}.show-marquee .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.show-marquee .eyebrow{margin:0;font-size:10px}.show-marquee a{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.show-marquee a span{font-weight:400}.feature{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.feature-art{background:#18232f;position:relative;min-height:390px;display:flex;flex-direction:column;justify-content:center;padding:45px 30px;border:1px solid #283746}.feature-art:before{content:'';position:absolute;inset:15px;border:1px solid #a385503f;pointer-events:none}.feature-art img{width:100%;max-height:320px;object-fit:contain;mix-blend-mode:screen}.art-label{position:absolute;left:32px;top:25px;color:#cbb78e;text-transform:uppercase;letter-spacing:.18em;font-size:9px}.art-corner{position:absolute;bottom:18px;right:28px;color:var(--gold);font-size:26px}.feature-copy .eyebrow{margin-bottom:16px}.serif-kicker{font:italic 23px var(--serif);color:#79613e;margin-bottom:12px}.feature h2{font-size:clamp(40px,4vw,58px);margin-bottom:22px}.feature-copy>.muted{font-size:14px;line-height:1.9;max-width:465px}.show-details{display:flex;gap:40px;padding-block:20px 28px;margin-bottom:20px;border-block:1px solid var(--line)}.show-details strong{font-size:13px;font-weight:600}.detail-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.company-section{padding-block:75px;background:#eeece5;border-block:1px solid #e4e1d8}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.company-grid h2{margin-bottom:0}.company-grid em{color:#8b713f}.company-grid p:not(.eyebrow){font-size:15px}.company-grid .muted{font-size:13px!important}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:13px}.section-heading h2{margin:0;font-size:clamp(33px,3.1vw,47px)}.section-heading>.text-link{flex-shrink:0}.production-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.production-image{position:relative;height:290px;background:#e7e3d9;overflow:hidden}.production-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.production-1 .production-image{background:#101945}.production-1 img{object-fit:contain;padding:18px}.production-2 .production-image{background:#a32f28}.production-2 img{object-fit:contain;padding:20px}.production-card:hover img{transform:scale(1.035)}.round-arrow{position:absolute;bottom:16px;right:16px;width:35px;height:35px;display:grid;place-items:center;background:var(--paper);border-radius:50%;font-size:20px}.production-title{display:flex;justify-content:space-between;gap:15px;align-items:baseline;padding-top:20px}.production-title h3{font-family:var(--serif);font-size:25px;margin:0}.production-title>span{font-size:11px;color:var(--muted)}.join-section{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white}.join-photo{overflow:hidden;min-height:450px}.join-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 50%}.join-copy{padding:70px clamp(30px,5vw,85px)}.join-copy .eyebrow{color:var(--gold)}.join-copy h2{font-size:clamp(34px,3.4vw,50px);line-height:1.15}.join-copy em{color:var(--gold)}.join-copy p:not(.eyebrow){max-width:475px;font-size:14px;color:#c8cfd7;margin-block:25px 30px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.news-image{height:225px;display:block;background:#e7e3da;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.news-card:hover .news-image img{transform:scale(1.04)}.news-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:46px var(--serif);color:var(--gold);background:var(--navy)}.news-placeholder span{font:10px var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-top:15px}.news-meta{display:flex;justify-content:space-between;gap:12px;color:#68665f;font-size:9px;text-transform:uppercase;letter-spacing:.09em;margin-block:20px 12px}.news-card h3{font-family:var(--serif);font-size:27px;line-height:1.15;margin-bottom:18px}.news-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.read-story{font-size:11px;font-weight:600;display:flex;justify-content:space-between;max-width:130px;align-items:center}.read-story span[aria-hidden]{font-size:20px}.site-footer{background:var(--navy);color:#dce0e4;padding-block:65px 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px}.footer-top p{font-size:12px;color:#aeb7c1;margin-block:24px 0}.footer-top h2{font:11px var(--sans);text-transform:uppercase;letter-spacing:.13em;color:var(--gold);margin:4px 0 22px}.footer-top>div>a:not(.brand){display:block;font-size:12px;margin-block:9px}.footer-top a:hover{color:var(--gold)}.footer-bottom{padding-top:22px;border-top:1px solid #33404e;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#aeb7c1}.footer-extra ul{display:flex;gap:20px;list-style:none;padding:0;font-size:12px}.skip-link,.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;clip:auto;padding:12px 22px;background:var(--gold);color:var(--ink);z-index:99999}.page-heading{padding-block:70px 50px;border-bottom:1px solid var(--line);margin-bottom:50px}.page-heading h1{font-size:clamp(40px,5vw,72px);max-width:1000px;margin-bottom:20px}.article-wrap{max-width:860px}.entry-content{font-size:17px;overflow-wrap:break-word;padding-bottom:70px}.entry-content>*{max-width:100%}.entry-content a{text-decoration:underline;text-underline-offset:3px}.entry-content h2,.entry-content h3{margin-top:1.4em}.entry-content h3{font-family:var(--serif);font-size:32px}.entry-content iframe{max-width:100%}.entry-content .alignwide{width:100%}.entry-content:after{content:'';display:table;clear:both}.entry-content .alignleft{float:left;margin:0 25px 20px 0}.entry-content .alignright{float:right;margin:0 0 20px 25px}.entry-content figcaption,.wp-caption-text{font-size:12px;color:var(--muted)}.entry-content .aligncenter{margin-inline:auto}.pagination{margin-top:45px}.pagination .page-numbers{display:inline-block;padding:8px 14px;border:1px solid var(--line)}.pagination .current{background:var(--ink);color:white}.search-form{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}input,textarea{border:1px solid #a7a8a6;padding:10px;background:#fff;color:var(--ink);max-width:100%}input[type=submit],.search-submit{background:var(--ink);color:white;border:0;cursor:pointer;padding:12px 20px}.comment-list{padding-left:24px}.comments-area{padding-bottom:60px}.comments-area h2{font-size:32px}.comment-form label{display:block}.comment-form-cookies-consent label{display:inline}.comment-form textarea{width:100%}.post-navigation{padding-bottom:50px}.nav-links .current-menu-item>a{color:var(--gold)}
@media(min-width:1600px){.hero{min-height:740px}}
@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.header-inner{gap:20px}.nav-links{gap:17px}.brand-name{display:none}.hero h1{font-size:80px}.production-image{height:255px}}
@media(max-width:1060px){.header-inner{min-height:86px}.menu-toggle:not([hidden]){display:block;margin-left:auto}.header-ticket{display:none}.site-header:has(.menu-toggle:not([hidden])) #site-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy);padding:20px 36px 30px;border-top:1px solid #3a4655}.site-header:has(.menu-toggle:not([hidden])) #site-navigation.is-open{display:block}.nav-links{gap:20px;font-size:12px}.is-open .nav-links{align-items:stretch;flex-direction:column;gap:0;font-size:16px}.is-open .nav-links a{padding:10px 0}.is-open .nav-links .sub-menu{display:block;position:static;box-shadow:none;padding:0 20px;font-size:13px}.hero{min-height:620px}.hero h1{font-size:74px}.show-marquee .wrap{align-items:flex-start;flex-direction:column;gap:8px}.show-marquee a{gap:18px;flex-wrap:wrap}.feature{gap:6%}.feature-art{min-height:340px}.show-details{gap:25px}.feature h2{font-size:43px}.join-copy{padding:45px 30px}.production-title h3{font-size:22px}.news-image{height:190px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.section{padding-block:60px}.header-inner{min-height:78px}.brand-mark{font-size:38px}.brand-name{display:block;font-size:9px}.hero{min-height:650px}.hero-image{object-position:62% 50%}.hero-shade{background:linear-gradient(90deg,#09121dec,#09121d72),linear-gradient(0deg,#09121dc9,transparent)}.hero-content{padding-top:65px;padding-bottom:110px}.hero h1{font-size:clamp(54px,10vw,76px)}.hero .eyebrow{font-size:9px;letter-spacing:.14em}.hero-intro{font-size:14px;max-width:325px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-caption{font-size:9px;gap:20px;align-items:flex-end}.hero-caption>span:first-child{display:none}.hero-caption>span:last-child{max-width:260px}.show-marquee{padding-block:18px}.show-marquee a{font-size:11px;gap:10px}.feature{grid-template-columns:1fr;gap:38px}.feature-art{min-height:300px}.feature-art img{max-height:260px}.feature h2{font-size:46px}.feature-copy>.muted{max-width:100%}.show-details{justify-content:flex-start;gap:38px}.company-grid{grid-template-columns:1fr;gap:30px}.company-section{padding-block:55px}.company-grid h2{font-size:42px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:30px}.production-grid{grid-template-columns:1fr;gap:30px}.production-image{height:320px}.production-title h3{font-size:28px}.join-section{grid-template-columns:1fr}.join-photo{min-height:0;height:300px}.join-copy{padding:45px 20px 55px}.join-copy h2{font-size:40px}.news-grid{grid-template-columns:1fr;gap:35px}.news-image{height:260px}.news-card h3{font-size:30px;max-width:500px}.news-meta{font-size:10px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:7px}.site-footer{padding-top:45px}.page-heading{padding-block:45px 30px;margin-bottom:35px}.entry-content{font-size:16px}.show-details strong{font-size:12px}#site-navigation .sub-menu{max-width:100%}.site-header:has(.menu-toggle:not([hidden])) #site-navigation{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.custom-logo-link{display:block;flex-shrink:0}.custom-logo{width:auto;max-width:230px;max-height:64px}.header-inner:has(.menu-toggle[hidden]){flex-wrap:wrap;padding-block:18px}
@media(max-width:1060px){.header-inner:has(.menu-toggle[hidden]) #site-navigation{width:100%}.header-inner:has(.menu-toggle[hidden]) .nav-links{flex-wrap:wrap;gap:5px 20px}}
.menu-toggle{min-height:44px}

/* Draw the diagonal arrow consistently instead of using an emoji-capable glyph. */
.icon-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}
/* Hero slideshow and production archive enhancements. */
[hidden]{display:none!important}
.hero-slides{position:absolute;inset:0}
.hero-slides .hero-image{opacity:0;transition:opacity .8s ease}
.hero-slides .hero-image.is-active{opacity:1}
.hero-slide-meta{display:flex;align-items:center;gap:24px;text-align:right;justify-content:flex-end}
.hero-controls{display:flex;align-items:center;gap:5px;flex-shrink:0}
.hero-controls button{display:grid;place-items:center;width:44px;height:44px;padding:10px;background:#101b2970;border:1px solid #aeb7c177;color:#fff;cursor:pointer}
.hero-controls button:hover{background:#354353}
.hero-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;pointer-events:none}
.hero-controls [data-play-icon]{fill:currentColor;stroke:none}
.hero-slide-count{min-width:40px;text-align:center;font-variant-numeric:tabular-nums;color:#fff}
.hero-caption{align-items:center}
.archive-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:30px;font-size:12px}
.archive-toolbar label{font-weight:700}
.archive-toolbar select{border:1px solid #a7a8a6;background:var(--paper);color:var(--ink);padding:10px 35px 10px 12px;min-height:44px}
.archive-toolbar [role=status]{margin-left:auto;color:var(--muted)}
.archive-actions{display:flex;justify-content:center;margin-top:35px}
.production-placeholder{height:100%;background:var(--navy);color:var(--gold);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:25px;padding:30px}
.production-placeholder>span:first-child{font:18px var(--sans);letter-spacing:.15em}
.production-placeholder>span:last-child{font:32px/1.15 var(--serif)}
@media(max-width:760px){.hero-slide-meta{flex-direction:column;align-items:flex-start;gap:12px;text-align:left;width:100%}.hero-caption{bottom:18px}.hero-caption>span:first-child{display:none}.hero-caption .hero-slide-meta>[data-slide-caption]{display:block;max-width:100%;min-height:15px}.hero-controls .hero-slide-count,.hero-controls .hero-slide-count>span{display:inline}.hero-caption .hero-controls span:last-child{max-width:none}.hero:has(.hero-controls){min-height:730px}.hero:has(.hero-controls) .hero-content{padding-bottom:180px}.archive-toolbar [role=status]{margin-left:0;width:100%}}
/* Keep mixed poster proportions intact throughout the expanded archive. */
.productions .production-image img{object-fit:contain;padding:12px;background:var(--navy)}