/*
Theme Name: 98.5 WTUC Hometown Christmas
Author: WTUC
Description: Christmas radio theme with live audio, song history, host schedule and music news.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: wtuc-christmas
*/
:root{--red:#c8112a;--green:#123f35;--cream:#fff8e9;--ink:#142f2a;--gold:#e7c17a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 Arial,sans-serif;padding-bottom:105px}a{color:inherit}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.05;letter-spacing:-.04em}h2{font-size:clamp(32px,4vw,54px);font-weight:900}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 5%;background:var(--green);color:white}.brand{display:flex;align-items:center;text-decoration:none;font-size:24px;font-weight:900;line-height:1.2;white-space:nowrap}.brand img{width:64px;margin-right:12px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:4px}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-size:13px;font-weight:bold;text-decoration:none}a:hover{text-decoration:underline}.button{background:var(--red);color:white;border:0;border-radius:3px;padding:15px 22px;font-weight:bold;text-decoration:none;white-space:nowrap}.cream{background:var(--cream);color:var(--red)}.hero{min-height:570px;background:linear-gradient(90deg,rgba(144,0,20,.94),rgba(169,0,20,.55)),url('assets/background.png') center/cover;display:flex;align-items:center;justify-content:space-between;padding:65px 7%;color:white;gap:35px}.hero h1{font-size:clamp(48px,6.4vw,92px);font-weight:950;line-height:.98;margin:26px 0}.hero em{font-style:normal;color:#f9df9f}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.5px;margin-bottom:16px}.intro{font-size:17px;line-height:1.8}.hero-logo{width:35%;max-width:410px;filter:drop-shadow(0 20px 24px #65001170)}.actions{display:flex;align-items:center;gap:25px;margin-top:28px}.actions a{font-size:11px;font-weight:800;letter-spacing:1px}.live-strip{display:flex;align-items:center;gap:32px;margin:0;padding:30px 7%;background:var(--green);color:white}.live-strip h2{font-size:30px;margin-bottom:8px}.live-strip p{margin-bottom:0}.live-strip .eyebrow{color:var(--gold);margin-bottom:8px}.live-strip>img{width:105px;height:105px;border-radius:50%;object-fit:cover;border:3px solid var(--gold)}.live-song{margin-left:auto;max-width:44%}.live-song h3{font-size:26px;margin-bottom:7px}.section{padding:65px 7%}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.section-head h2{margin:0}.section-head span:not(h2 span),.section-head>a{font-size:11px;letter-spacing:1.5px;font-weight:bold}.section-head h2 span{color:var(--red)}.recent{background:linear-gradient(135deg,#f3dfb6,#fff8eb 50%,#e5eee2)}.history{display:grid;grid-template-columns:1fr 1fr;gap:0 42px}.song{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #163d3420}.song img{height:62px;width:62px;object-fit:cover;border-radius:3px}.song .number{font-size:12px;color:#8d6a39}.song strong{display:block;line-height:1.3}.song small{display:block;opacity:.7}.song time{font-size:11px;white-space:nowrap;margin-left:auto}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{background:white;border-bottom:4px solid var(--red)}.news-card a{text-decoration:none}.news-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.news-content{padding:25px}.news-content h3{font-size:25px;margin:14px 0}.news-content small,.news-content strong{font-size:10px;letter-spacing:1px}.news-content p{font-size:14px}.schedule{background:#e9eddf}.show-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.show{background:white;border-bottom:4px solid transparent}.show img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.show>div{padding:19px 14px}.show h3{font-size:22px;margin:10px 0}.show p{font-size:12px;margin:0}.show small{font-size:9px;letter-spacing:1px}.show.active{border-color:var(--red)}.show.active small{color:var(--red);font-weight:bold}iframe{border:1px solid #d5d7ca;width:100%;height:650px;background:white;border-radius:4px}footer{background:var(--green);color:var(--cream);padding:55px 7%;display:flex;gap:35px;flex-wrap:wrap;justify-content:space-between}footer h2{font-size:36px}footer>p{width:100%;font-size:11px;border-top:1px solid #ffffff30;padding-top:22px}.player{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#0b2923;color:white;border-top:3px solid var(--red);display:flex;align-items:center;gap:18px;padding:14px 5%;box-shadow:0 -5px 25px #0002;min-height:92px}.player button{width:52px;height:52px;border:0;border-radius:50%;background:var(--red);color:white;font-size:23px;flex-shrink:0}.player img{width:58px;height:58px;object-fit:cover}.track{display:flex;flex-direction:column;line-height:1.35;min-width:0}.track small{font-size:9px;color:var(--gold);letter-spacing:1.5px}.track strong{font-size:17px}.track span{font-size:12px;color:#c5d3ce}.volume{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:12px}.volume input{width:100px;accent-color:var(--red)}#audio-status{font-size:11px;margin:0;max-width:180px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:10000;padding:10px}:focus-visible{outline:3px solid #dba84f;outline-offset:4px}.reading{max-width:1000px;margin:auto}.reading h1{font-size:48px}.reading img,.article img{display:block;margin:20px 0}.article{padding:25px 0;border-bottom:1px solid #ccc}.empty{padding:30px;background:white;grid-column:1/-1}@media(max-width:1050px){.top{flex-wrap:wrap}.top nav{order:3;width:100%;justify-content:center}.hero{padding:50px 6%;min-height:480px}.hero h1{font-size:62px}.show-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.top{gap:12px;padding:15px 5%}.brand{font-size:19px}.brand img{width:44px}.top>.button{font-size:12px;padding:12px}.top nav{gap:12px 20px;justify-content:flex-start}nav a{font-size:12px}.hero{flex-direction:column-reverse;gap:12px;align-items:flex-start;padding:32px 6%}.hero-logo{width:155px;align-self:center}.hero h1{font-size:46px;margin:18px 0}.intro{font-size:14px}.actions{gap:16px}.live-strip{padding:25px 6%;flex-wrap:wrap;gap:18px}.live-strip>div:first-child{flex:1}.live-strip>img{width:80px;height:80px}.live-song{max-width:100%;margin-left:0;width:100%;border-top:1px solid #ffffff30;padding-top:20px}.section{padding:42px 6%}.section-head{align-items:flex-start;flex-direction:column;gap:12px}.section-head h2{font-size:34px}.history{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}.show-grid{grid-template-columns:1fr 1fr;gap:12px}.show h3{font-size:20px}.player{padding:10px 4%;gap:10px;min-height:100px}.player img{width:42px;height:42px}.player button{width:42px;height:42px}.track{flex:1}.track strong{font-size:13px}.track span{font-size:11px}.volume{font-size:0;gap:0}.volume input{width:64px}#audio-status{position:absolute;bottom:1px;left:70px;font-size:10px;max-width:none}.reading h1{font-size:36px}footer h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}