/*
Theme Name: Fishnet
Theme URI: https://getownweb.com/
Description: A theme for Great Fishnet Programming for Great Radio Stations
Author: Getownweb
Author URI: https://getownweb.com/
Template: Divi
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fishnet
Domain Path: /languages
*/

/* ---- design tokens ---- */
:root{
 /* --bg:        #12100B;
  --bg-raise:  #1A1710;
  --bg-card:   #201C14;
  --line:      rgba(210,196,160,.16);
  --ink:       #F4EFE4;
  --ink-dim:   #A9A08A;
  --amber:     #D2B879;
  --amber-soft:rgba(210,184,121,.12);
  --signal:    #F0584F;
  --cyan:      #C7C0AD;
  --radius:    18px;
  --radius-lg: 26px;
  --shadow:    0 20px 50px -18px rgba(0,0,0,.65);*/
  --font-display:"Archivo",-apple-system,"Segoe UI",sans-serif;
  --font-body:"Inter",-apple-system,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;
  --max:1180px;
	
	  --bg:        #FBF7EF;   /* warm off-white base bands  */
  --bg-alt:    #F3ECDE;   /* soft cream alt             */
  --bg-card:   #FFFFFF;
  --line:      rgba(62,50,22,.14);
  --ink:       #2A2212;   /* warm dark text             */
  --ink-dim:   #6E6144;   /* warm dim                   */
  --amber:     #A97F1E;   /* deep gold accent (readable)*/
  --amber-soft:rgba(169,127,30,.10);
  --signal:    #A97F1E;
  --cyan:      #B7943A;
  --shadow:    0 18px 42px -22px rgba(60,45,15,.22);
  background:var(--bg);color:var(--ink);
	 --radius:    18px;
  --radius-lg: 26px;
}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(20px,4vw,44px)}
/* ---- headings / sections ---- */
.eyebrow{
  font-family:var(--font-mono);font-size:.72rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--amber);display:inline-flex;
  align-items:center;gap:.6rem;margin-bottom:1.1rem;
}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--amber)}
.eyebrow.two::after{content:"";width:26px;height:1px;background:var(--amber)}
h1,h2,h3{font-family:var(--font-display);line-height:1.08;letter-spacing:-.02em}
h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800}
.section{padding:clamp(4.5rem,9vw,7.5rem) 0}
.section-head{max-width:640px;margin-bottom:clamp(2.2rem,5vw,3.4rem)}
.section-head p{color:var(--ink-dim);margin-top:1rem}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;font-size:.98rem;padding:.95rem 1.7rem;border-radius:999px;cursor:pointer;border:0;transition:transform .2s,box-shadow .2s,background .2s;font-family:var(--font-body)}
.btn-primary{background:var(--amber);color:#171102;box-shadow:0 10px 28px -10px rgba(210,184,121,.6)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(210,184,121,.7)}
.btn-ghost{background:#2b2e37;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{border-color:rgba(210,184,121,.5);background:var(--amber-soft)}

/* ---- on-air badge + headline glow ---- */
.onair{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;font-weight:700;    color: rgba(251, 243, 225, .92);
    border:1px solid rgba(255, 246, 224, .28);
    background: rgba(255, 246, 224, .08);padding:.45rem 1rem;border-radius:999px;margin-bottom:1.6rem;text-transform:uppercase;line-height:1.65em;}
.onair-dot{width:8px;height:8px;border-radius:50%;background:#E6C778;animation:fn-pulse-warm 1.6s ease-in-out infinite}
.glow{background:linear-gradient(100deg,var(--amber) 10%,#ECD9A6 45%,var(--amber) 80%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---- page hero (archive header) + breadcrumbs ---- */
.page-hero{position:relative;padding:160px 0 76px;overflow:hidden;border-bottom:1px solid var(--line);
  background:radial-gradient(800px 380px at 80% 0%,rgba(210,184,121,.1),transparent 60%),
             radial-gradient(600px 320px at 5% 100%,rgba(199,192,173,.05),transparent 60%),var(--bg-raise)}
.page-hero h1{font-size:clamp(2.3rem,5.4vw,3.7rem);font-weight:900;letter-spacing:-.03em;text-transform:uppercase}
.page-hero h1 .glow{background:linear-gradient(100deg,var(--amber) 10%,#ECD9A6 45%,var(--amber) 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero p{color:var(--ink-dim);max-width:38rem;margin-top:1.1rem;font-size:1.08rem}
.crumbs{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:1.4rem;display:flex;gap:.6rem;align-items:center;display:none;}
.crumbs a{color:var(--ink-dim)}
.crumbs a:hover{color:var(--amber)}
.crumbs b{color:var(--amber);font-weight:500}

/* ---- filters + programming grid + show card ---- */
.filters{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:2.2rem}
.chip{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;padding:.55rem 1.05rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-dim);cursor:pointer;transition:.2s}
.chip:hover{color:var(--ink);border-color:rgba(210,184,121,.4)}
.chip.active{background:var(--amber);border-color:var(--amber);color:#171102;font-weight:700}
.shows{display:grid;grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:1.2rem}
.show{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.show:hover{transform:translateY(-6px);border-color:rgba(210,184,121,.35);box-shadow:0 28px 60px -18px rgba(0,0,0,.8)}
.show-cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:#17140E}
.show-cover svg,.show-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.show:hover .show-cover svg,.show:hover .show-cover img{transform:scale(1.05)}
.show-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,16,11,.55),transparent 45%);pointer-events:none}
.show-play{position:absolute;right:.9rem;bottom:.9rem;width:42px;height:42px;border-radius:50%;background:rgba(18,16,11,.7);border:1px solid rgba(210,184,121,.5);display:grid;place-items:center;color:var(--amber);opacity:0;transform:translateY(6px);transition:.3s;z-index:2}
.show:hover .show-play{opacity:1;transform:none}
.show-play svg{width:16px;height:16px;margin-left:2px}
.show-body{padding:1.15rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.65rem;flex:1}
.show-tag{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);background:var(--amber-soft);border:1px solid rgba(210,184,121,.25);border-radius:999px;padding:.26rem .68rem;align-self:flex-start}
.show h3{font-size:1.12rem;font-weight:700;letter-spacing:-.01em}
.show .meta{margin-top:auto;display:flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-dim);letter-spacing:.06em}
.mini-wave{display:flex;align-items:flex-end;gap:3px;height:16px}
.mini-wave i{width:3px;border-radius:2px;background:var(--amber);opacity:.75;animation:wavebar 1.1s ease-in-out infinite alternate;transform-origin:bottom}
.shows-note{margin-top:2.4rem;color:var(--ink-dim);font-size:.95rem}
.shows-note a{color:var(--amber);font-weight:600}
.shows-note a:hover{text-decoration:underline}

/* featured row on home */
.featured-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--amber);font-weight:600;margin-top:2rem}
.featured-link:hover{text-decoration:underline}
.viewall-show{text-align:center;}
/* ---- featured link ---- */
.featured-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--amber);font-weight:600;margin-top:2rem;font-size:16px;}
.featured-link:hover{text-decoration:underline}

/* ---- CTA band (glass + aurora) ---- */
/* ---------- CTA band (glass + aurora) ---------- */
.cta-band{position:relative;border-radius:30px;overflow:hidden;text-align:center;
  padding:clamp(3rem,7vw,5rem) clamp(1.6rem,5vw,4rem);
  border:1px solid transparent;
  background:
    linear-gradient(180deg,rgba(19,27,44,.92),rgba(18,16,11,.97)) padding-box,
    linear-gradient(120deg,rgba(210,184,121,.65),rgba(210,184,121,.12) 30%,rgba(199,192,173,.35) 65%,rgba(210,184,121,.5)) border-box;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.05)}
.cta-band::before{content:"";position:absolute;inset:-40%;pointer-events:none;
/*filter:blur(60px);*/
opacity:.4;
  background:
    radial-gradient(30% 34% at 28% 30%,rgba(210,184,121,.22),transparent 70%),
    radial-gradient(26% 30% at 74% 68%,rgba(199,192,173,.14),transparent 70%),
    radial-gradient(22% 26% at 60% 20%,rgba(255,122,47,.16),transparent 70%);
  animation:aurora 14s ease-in-out infinite alternate}
@keyframes aurora{from{transform:translate3d(-3%,-2%,0) rotate(0deg)}to{transform:translate3d(3%,2%,0) rotate(6deg)}}
.cta-band::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.05) 46%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 54%,transparent 70%);
  background-size:250% 100%;animation:shine 7s ease-in-out infinite}
@keyframes shine{0%,35%{background-position:120% 0}75%,100%{background-position:-60% 0}}
.cta-kicker{position:relative;display:inline-flex;align-items:center;gap:.6rem;
  font-family:var(--font-mono);font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--amber);border:1px solid rgba(210,184,121,.3);background:rgba(210,184,121,.07);
  padding:.45rem 1.1rem;border-radius:999px;margin-bottom:1.5rem}
.cta-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber);
  box-shadow:0 0 10px 2px rgba(210,184,121,.6)}
.cta-band h2{position:relative;margin-bottom:0;font-size:clamp(1.9rem,4.4vw,3rem);letter-spacing:-.025em}
.cta-band p{position:relative;max-width:36rem;font-size:1.05rem;margin: 0 auto;}
.cta-actions{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem}
.cta-band .btn{position:relative}
.cta-note{position:relative;margin-top:1.6rem;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-dim);letter-spacing:.08em}
.cta-note a{color:#F0DDA8;font-weight:700}
.cta-note a:hover{text-decoration:underline}
.cta-band .glow {
    background: none;
    color: #e9d091;
    -webkit-text-fill-color: #e9d091;
}
.cta-band .cta-kicker {
    color: #241C0B;
    background: linear-gradient(135deg,#E6C778,#C9A24B);
    border-color: transparent;
    box-shadow: 0 8px 18px -8px rgba(169,127,30,.55);
}
.cta-band .cta-kicker::before {
    background: #241C0B;
    box-shadow: 0 0 8px 1px rgba(36,28,11,.4);
}
.cta-band p.cta-note {
    color: rgba(255,246,224,.8);
}
/* ---- single: featured 4-up grid, clickable cards, show detail, demos, sidebar, pager, related ---- */
.shows-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1080px){.shows-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.shows-4{grid-template-columns:1fr}}

/* cards are links now */
a.show{color:inherit}
a.show:focus-visible{outline:2px solid var(--amber);outline-offset:3px}

/* ---------- single: optional show image (sidebar) ---------- */
.side-media{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1.2rem;box-shadow:var(--shadow);background:var(--bg-card)}
.side-media img{display:block;width:100%;height:auto}
/* ---------- show detail page ---------- */
.show-hero{position:relative;padding:150px 0 70px;border-bottom:1px solid var(--line);overflow:hidden;
  background:radial-gradient(800px 380px at 82% 0%,rgba(210,184,121,.1),transparent 60%),
             radial-gradient(560px 300px at 4% 100%,rgba(199,192,173,.05),transparent 60%),var(--bg-raise)}
.show-hero-grid{display:grid;grid-template-columns:400px 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media(max-width:900px){.show-hero-grid{grid-template-columns:1fr}}
.show-hero-art{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);
  box-shadow:0 30px 70px -20px rgba(0,0,0,.8),0 0 60px -20px rgba(210,184,121,.25);aspect-ratio:16/10;background:#17140E}
.show-hero-art svg,.show-hero-art img{width:100%;height:100%;object-fit:cover;display:block}
.show-hero h1{font-size:clamp(2rem,4.6vw,3.3rem);font-weight:900;letter-spacing:-.03em;margin:.7rem 0 .9rem}

.show-tagline {
    color: rgba(251,243,225,.85);
    font-size: 17px;
    max-width: 34rem;
    line-height: 1.7em;
    font-weight: 400;
}
p.show-tagline strong {
    color:#ffffff;
}
.show-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.4rem 0 1.8rem;}
.show-chip {
    font-family: var(--fm);
    font-size: .68rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: rgba(251,243,225,.9);
    border: 1px solid rgba(255,246,224,.22);
    background: rgba(251,243,225,.9);
    padding: .45rem .8rem;
    border-radius: 999px;
}
.show-chip svg{width:13px;height:13px;color:#e6c778}
.show-hero-ctas{display:flex;flex-wrap:wrap;gap:.8rem}

.detail-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:clamp(2rem,5vw,3.5rem);align-items:start}
@media (max-width: 900px) {
  .detail-grid { grid-template-columns: 1fr; }
  .detail-grid > aside { order: -1; }   /* add this line */
}
.detail-main h2{font-size:1.5rem;margin-bottom:1.1rem}
.detail-main p{color:var(--ink-dim);margin-bottom:1.15rem}
.detail-main p strong{color:var(--ink)}
.detail-main ul.copy-list{margin:0 0 1.15rem 1.2rem;color:var(--ink-dim)}
.detail-main ul.copy-list li{margin-bottom:.35rem}

/* demo players */
.demo{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.1rem 1.2rem;margin-bottom:.9rem;box-shadow:var(--shadow)}
.demo-top{display:flex;align-items:center;gap:.9rem}
.demo-btn{width:46px;height:46px;flex:none;border-radius:50%;border:1px solid rgba(210,184,121,.45);
  background:var(--amber-soft);display:grid;place-items:center;color:var(--amber)}
.demo-btn svg{width:17px;height:17px;margin-left:2px}
.demo-info b{display:block;font-size:.98rem}
.demo-info span{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;color:var(--ink-dim);text-transform:uppercase}
.demo-bars{display:flex;align-items:center;gap:3px;height:26px;margin-left:auto;opacity:.85}
.demo-bars i{width:3px;border-radius:2px;background:var(--amber);animation:wavebar 1.2s ease-in-out infinite alternate;transform-origin:center}
.demo audio{width:100%;margin-top:.9rem;height:38px}
.demo-note{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-dim);letter-spacing:.1em;margin-top:.8rem;text-transform:uppercase}
.demo-note a{color:var(--amber)}

/* sidebar */
.side-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:1.8rem 1.7rem;box-shadow:var(--shadow);margin-bottom:1.2rem}
.side-card h3{font-family:var(--font-mono);font-weight:500;font-size:.72rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--amber);margin-bottom:1.2rem}
.spec-list{list-style:none;display:flex;flex-direction:column;gap:.85rem}
.spec-list li{display:flex;gap:.7rem;align-items:flex-start;color:var(--ink-dim);font-size:.94rem}
.spec-list svg{width:17px;height:17px;flex:none;color:var(--amber);margin-top:.15rem}
.side-cta{text-align:center;border:1px solid rgba(210,184,121,.35);
  background:linear-gradient(170deg,rgba(210,184,121,.09),rgba(19,27,44,.6))}
.side-cta p{color:var(--ink-dim);font-size:.95rem;margin-bottom:.4rem}
.side-cta .phone{display:block;font-family:var(--font-mono);font-weight:700;font-size:1.5rem;
  color:var(--amber);letter-spacing:-.01em;margin:.5rem 0 1.2rem}
.side-cta .phone:hover{text-decoration:underline}

/* prev / next + related */
.show-pager{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;flex-wrap:wrap}
.pager-link{flex:1;min-width:240px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.1rem 1.3rem;transition:border-color .25s,transform .25s}
.pager-link:hover{border-color:rgba(210,184,121,.4);transform:translateY(-3px)}
.pager-link i{font-style:normal;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink-dim);display:block;margin-bottom:.3rem}
.pager-link b{font-family:var(--font-display);font-weight:700;font-size:1.02rem}
.pager-link.next{text-align:right}
.related-head{margin:3.6rem 0 1.6rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.related-head h2{font-size:1.5rem}
.related-head a{color:var(--amber);font-weight:600;font-size:.92rem}
.related-head a:hover{text-decoration:underline}

/* ---- keyframes + reveal + reduced motion ---- */
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(240,88,79,.55)}55%{box-shadow:0 0 0 9px rgba(240,88,79,0)}}
@keyframes fn-pulse-warm{0%,100%{box-shadow:0 0 0 0 rgba(230,199,120,.55)}55%{box-shadow:0 0 0 9px rgba(230,199,120,0)}}
@keyframes wavebar{from{transform:scaleY(.18)}to{transform:scaleY(1)}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
}

/* ================================================================
   CUSTOM DEMO AUDIO PLAYER  (themed; replaces native <audio controls>)
   ================================================================ */
.demo-btn{width:46px;height:46px;flex:none;border-radius:50%;border:1px solid rgba(210,184,121,.45);
  background:var(--amber-soft);display:grid;place-items:center;color:var(--amber);
  cursor:pointer;padding:0;position:relative;transition:background .2s,transform .15s,box-shadow .2s}
.demo-btn:hover{background:rgba(210,184,121,.2);transform:translateY(-1px)}
.demo-btn:active{transform:translateY(0)}
.demo-btn:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.demo-btn svg{width:17px;height:17px}
.demo-btn .ico-play{margin-left:2px}
.demo-btn .ico-pause{display:none}
.demo-btn.is-static{cursor:default}
.demo.playing .demo-btn{background:var(--amber);color:#171102;box-shadow:0 4px 14px -4px rgba(210,184,121,.6)}
.demo.playing .demo-btn .ico-play{display:none}
.demo.playing .demo-btn .ico-pause{display:block;margin-left:0}

.demo-player{margin-top:1rem;display:flex;align-items:center;gap:.9rem}
.demo-seek{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;cursor:pointer;
  background:linear-gradient(90deg,var(--amber) 0%,var(--amber) var(--p,0%),rgba(210,196,160,.18) var(--p,0%),rgba(210,196,160,.18) 100%);
  outline:none;transition:background .05s linear}
.demo-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;
  background:var(--amber);border:2px solid var(--bg);box-shadow:0 2px 6px rgba(0,0,0,.55);cursor:pointer;margin-top:-1px}
.demo-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--amber);
  border:2px solid var(--bg);box-shadow:0 2px 6px rgba(0,0,0,.55);cursor:pointer}
.demo-seek::-moz-range-track{height:6px;border-radius:999px;background:transparent}
.demo-seek:focus-visible{box-shadow:0 0 0 3px rgba(210,184,121,.3)}

.demo-time{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--ink-dim);
  display:flex;gap:.3rem;white-space:nowrap}
.demo-time .demo-cur{color:var(--amber)}
.demo-time::before{content:none}

/* waveform bars move only while playing */
.demo-bars i{animation-play-state:paused}
.demo.playing .demo-bars i{animation-play-state:running}

@media(prefers-reduced-motion:reduce){
  .demo.playing .demo-bars i{animation-play-state:paused}
}

/* ================================================================
   FISHNET SYNDICATION — drop-in custom audio player
   Turns any <audio class="fishnet-player" src="..."></audio> into a
   themed player.
   ================================================================ */
.fn-audio{
  --fn-gold:var(--amber,#D2B879);
  --fn-ink:var(--bg,#12100B);
  --fn-card:var(--bg-card,#201C14);
  --fn-line:var(--line,rgba(210,196,160,.16));
  --fn-dim:var(--ink-dim,#A9A08A);
  --fn-ttl:var(--ink,#F4EFE4);
  --fn-soft:var(--amber-soft,rgba(210,184,121,.12));
  --fn-mono:var(--font-mono,"JetBrains Mono","SF Mono",Consolas,monospace);
  display:flex;align-items:center;gap:1rem;
  background:var(--fn-card);border:1px solid var(--fn-line);
  border-radius:16px;padding:.9rem 1.1rem;max-width:560px;
  box-shadow:0 20px 50px -18px rgba(0,0,0,.55);
}
.fn-audio > audio{display:none}

.fn-audio-btn{
  width:46px;height:46px;flex:none;border-radius:50%;
  border:1px solid rgba(210,184,121,.45);background:var(--fn-soft);
  display:grid;place-items:center;color:var(--fn-gold);
  cursor:pointer;padding:0;transition:background .2s,transform .15s,box-shadow .2s;
}
.fn-audio-btn:hover{background:rgba(210,184,121,.2);transform:translateY(-1px)}
.fn-audio-btn:active{transform:translateY(0)}
.fn-audio-btn:focus-visible{outline:2px solid var(--fn-gold);outline-offset:3px}
.fn-audio-btn svg{width:17px;height:17px}
.fn-audio-btn .ico-play{margin-left:2px}
.fn-audio-btn .ico-pause{display:none}
.fn-audio.is-playing .fn-audio-btn{background:var(--fn-gold);color:#171102;box-shadow:0 4px 14px -4px rgba(210,184,121,.6)}
.fn-audio.is-playing .fn-audio-btn .ico-play{display:none}
.fn-audio.is-playing .fn-audio-btn .ico-pause{display:block;margin-left:0}

.fn-audio-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}
.fn-audio-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.fn-audio-label{font-family:var(--font-body,inherit);font-weight:600;font-size:.95rem;color:var(--fn-ttl);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fn-audio-time{font-family:var(--fn-mono);font-size:.72rem;letter-spacing:.06em;color:var(--fn-dim);white-space:nowrap}
.fn-audio-time .fn-audio-cur{color:var(--fn-gold)}

.fn-audio-seek{
  -webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;cursor:pointer;outline:none;
  background:linear-gradient(90deg,var(--fn-gold) 0%,var(--fn-gold) var(--p,0%),rgba(210,196,160,.18) var(--p,0%),rgba(210,196,160,.18) 100%);
}
.fn-audio-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;
  background:var(--fn-gold);border:2px solid var(--fn-ink);box-shadow:0 2px 6px rgba(0,0,0,.55);cursor:pointer}
.fn-audio-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--fn-gold);
  border:2px solid var(--fn-ink);box-shadow:0 2px 6px rgba(0,0,0,.55);cursor:pointer}
.fn-audio-seek::-moz-range-track{height:6px;border-radius:999px;background:transparent}
.fn-audio-seek:focus-visible{box-shadow:0 0 0 3px rgba(210,184,121,.3)}

.fn-audio-bars{display:flex;align-items:flex-end;gap:3px;height:26px;flex:none}
.fn-audio-bars i{width:3px;height:100%;border-radius:2px;background:var(--fn-gold);opacity:.8;
  transform:scaleY(.25);transform-origin:bottom;animation:fn-eq 1.1s ease-in-out infinite alternate;animation-play-state:paused}
.fn-audio.is-playing .fn-audio-bars i{animation-play-state:running}
@keyframes fn-eq{from{transform:scaleY(.2)}to{transform:scaleY(1)}}

@media(max-width:520px){.fn-audio-bars{display:none}}
@media(prefers-reduced-motion:reduce){.fn-audio-bars i{animation-play-state:paused!important}}

#top-menu li a {
    font-weight: 500;
    transition:.2s,background .2s;
    border-radius:50px;
}

body.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a,
body.et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a,
body.et_header_style_left #et-top-navigation nav>ul>li>a,
body.et_header_style_split #et-top-navigation nav>ul>li>a {
    padding: 11px 15px;
}

#top-menu li a:hover {
    color: #ffffff;
    background: rgba(255,255,255,.06);
}
#top-menu li.current-menu-item >a{
    background: rgba(255,255,255,.06);
}

.et_header_style_left #et-top-navigation nav>ul>li.nav-cta a,
#top-menu li.nav-cta a {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background:#E6C778;
    color: #171102!important;
    font-weight: 500;
    padding: .6rem 1.2rem!important;
    border-radius: 999px;
    transition: transform .2s,box-shadow .2s;
    box-shadow: 0 6px 20px -8px rgba(210,184,121,.6);
    line-height: 1.6em;
}


.et_header_style_left #et-top-navigation nav>ul>li.nav-cta a:hover,
#top-menu li.nav-cta a:hover{
    transform: translateY(-1px);
    box-shadow: 0 10px 26px -8px rgba(210,184,121,.7);
    background: ##E6C778!important;
    color: #171102!important;
    opacity:1;
}

#top-menu li {
    padding-right: 0;
}

#top-menu li.nav-cta {
    padding-left:10px;
    padding-right: 0;
}

body.et_header_style_left .et-fixed-header #et-top-navigation,
body.et_header_style_split .et-fixed-header #et-top-navigation,
body.et_header_style_left #et-top-navigation,
body.et_header_style_split #et-top-navigation {
    padding: 15px 0;
}

#top-menu-nav>ul>li>a:hover {
    opacity: 1;
}


@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(240,88,79,.55)}55%{box-shadow:0 0 0 9px rgba(240,88,79,0)}}

/* ---------- console card ---------- */
.console{border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.6rem 1.6rem 1.4rem;position:relative;
    background: linear-gradient(165deg, #FFFFFF 0%, #F6EFDF 100%);
    border-color: rgba(169, 127, 30, .28);
    box-shadow: 0 26px 60px -30px rgba(60, 45, 15, .3), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.console::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
  background:linear-gradient(140deg,rgba(210,184,121,.45),transparent 35%,transparent 70%,rgba(199,192,173,.3));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.console-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:1.1rem}
.console-top .freq{color:#8A6B1E;}
.wave{display:flex;align-items:flex-end;gap:5px;height:120px;margin-bottom:1.2rem}
.wave span{flex:1;min-width:3px;border-radius:3px;    background: linear-gradient(to top, rgba(169, 127, 30, .5), #D9B45E);animation:wavebar 1.3s ease-in-out infinite alternate;transform-origin:bottom}
@keyframes wavebar{from{transform:scaleY(.18)}to{transform:scaleY(1)}}
.console-row{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1.1rem}
.console-stat{font-family:var(--font-mono)}
.console-stat b{display:block;font-size:1.35rem;color:var(--ink);font-weight:700;letter-spacing:-.02em}
.console-stat i{font-style:normal;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}

/* ---------- ticker ---------- */

.ticker{border-block:none;background:var(--bg-alt);overflow:hidden;padding:0;position:relative;display:flex;align-items:stretch}
.ticker-label{flex:none;display:inline-flex;align-items:center;gap:.5rem;background:var(--amber);color:#ffffff;font-family:var(--font-mono);font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;padding:1rem 1.2rem;position:relative;z-index:2}
.ticker-label::before{content:"";width:8px;height:8px;border-radius:50%;background:#ffffff;animation:fn-pulse-warm 1.6s ease-in-out infinite}
.ticker-viewport{flex:1;overflow:hidden;padding:1rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker-track{display:flex;gap:3rem;width:max-content;animation:ticker 46s linear infinite;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;padding-left:2rem}
.ticker-track b{color:var(--amber);font-weight:500}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}
@keyframes ticker{to{transform:translateX(-50%)}}

.glow {
    background:none;
	color: #E6C778;
    -webkit-text-fill-color: #E6C778;
}
.featured-link{margin-top:2.5rem}

/* ---------- services ---------- */
.services-bg{background:var(--bg-raise);border-block:1px solid var(--line)}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
@media(max-width:900px){.svc-grid{grid-template-columns:1fr}}
.svc{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:2.1rem 1.9rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem;transition:transform .25s,border-color .25s}
.svc:hover{border-color:rgba(210,184,121,.35)}
.svc-icon{width:52px;height:52px;border-radius:14px;background:var(--amber-soft);border:1px solid rgba(210,184,121,.3);display:grid;place-items:center;color:var(--amber);flex:none}
.svc-icon svg{width:24px;height:24px}
.svc h3{padding:0;}
.svc p{color:var(--ink-dim);font-size:.97rem}
.svc .svc-link{margin-top:auto;color:var(--amber);font-weight:600;font-size:.93rem;display:inline-flex;align-items:center;gap:.4rem;transition:gap .2s}
.svc .svc-link:hover{gap:.7rem}
.services-lede{max-width:760px;color:var(--ink-dim);margin-bottom:2.6rem}
.services-lede strong{color:var(--ink);font-weight:600}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:3rem}
@media(max-width:900px){.audience-grid{grid-template-columns:1fr}}
.audience{border:1px dashed rgba(210,184,121,.3);border-radius:var(--radius);padding:1.7rem 1.6rem;background:rgba(210,184,121,.03)}
.audience b{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;color:var(--amber);text-transform:uppercase;display:block;margin-bottom:.5rem}
.audience p{color:var(--ink-dim);font-size:.94rem}

.footer-col ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    padding: 0;
}
.footer-col a:hover {
    color: var(--amber)!important;
    text-decoration: underline;
    text-underline-offset: .4em;
    text-decoration-thickness: 1px;
}
.socials{display:flex;gap:.6rem;margin-top:4px}
.socials a{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-dim);transition:.2s}
.socials a:hover{color:var(--amber);border-color:rgba(210,184,121,.45);transform:translateY(-2px)}
.socials svg{width:17px;height:17px}
.strong-light strong {
    color: #d9c084;
}
.partner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .85rem;
    text-align: center;
    width: 200px;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    transition: transform .25s;
	margin: 0 auto;
}
.partner.dark-plate .partner-plate {
    background: #4f4f4e;
    border-color: rgba(210,196,160,.18);
}
.partner-plate {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 96px;
    padding: 1.1rem 1.6rem;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #F5F0E6;
    box-shadow: 0 14px 34px -18px rgba(0,0,0,.7);
    transition: box-shadow .25s,border-color .25s;
}
.partner-name {
    font-family: var(--font-mono);
    font-size: .72rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ink-dim);
    line-height: 1.4;
    transition: color .25s;
}
.partner-plate img {
    max-height: 56px;
    max-width: 150px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}
.cta-band p.cta-note {
    font-size: 14px;
}


.shows-dots{display:none}
@media(max-width:640px){
  .shows-carousel{
    display:flex;grid-template-columns:none;gap:1rem;
    overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    margin-inline:calc(-1 * clamp(20px,4vw,44px));
    padding:.25rem clamp(20px,4vw,44px) .5rem;
    scroll-padding-inline:clamp(20px,4vw,44px);
  }
  .shows-carousel::-webkit-scrollbar{display:none}
  .shows-carousel > .show{flex:0 0 86%;scroll-snap-align:center}
  .shows-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.1rem}
}
.shows-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;cursor:pointer;
  background:rgba(210,196,160,.3);transition:transform .2s,background .2s}
.shows-dot.active{background:var(--amber);transform:scale(1.3)}
.shows-dot:focus-visible{outline:2px solid var(--amber);outline-offset:3px}



.vu {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    height: 22px;
    justify-content: center;
    margin-bottom: 20px;
}

.vu i {
    display: block;
    width: 4px;
    height: 22%;
    background: var(--amber);
    opacity: .85;
    transform-origin: bottom;
    animation: bounce 900ms ease-in-out infinite alternate
}

.vu i:nth-child(n+11) {
    background: #f4efe4;
}

@keyframes bounce {
    to {
        height: 100%
    }
}
.timeline{border-left:2px solid rgba(210,184,121,.3);padding-left:1.6rem;display:flex;flex-direction:column;gap:1.5rem;    padding-left: 25px !important;}
.timeline li{list-style:none;position:relative}
.timeline li::before{content:"";position:absolute;left:calc(-1.6rem - 7px);top:.45rem;width:12px;height:12px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px rgba(210,184,121,.15)}
.timeline b{font-family:var(--font-mono);color:var(--amber);font-size:.78rem;letter-spacing:.14em;display:block;margin-bottom:.2rem}
.timeline span{color:var(--ink-dim);font-size:.97rem}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:3.2rem}

.post-type-archive section.page-hero, .post-type-archive section.page-hero p {
    text-align: center;
    margin: 0 auto;
}

.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem)}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}
.contact-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.5rem;box-shadow:var(--shadow);margin-bottom:1.1rem;display:flex;gap:1.1rem;align-items:flex-start;transition:border-color .25s}
.contact-card:hover{border-color:rgba(210,184,121,.35)}
.contact-card .svc-icon{width:46px;height:46px}
.contact-card h3{font-size:1.03rem;font-weight:700;margin-bottom:.25rem;padding-bottom:0;}
.contact-card p{color:var(--ink-dim);font-size:.9rem}
.contact-card a{font-family:var(--font-mono);color:var(--amber);font-weight:700;font-size:.95rem}
.contact-card a:hover{text-decoration:underline}
.form{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.6rem,3.5vw,2.4rem);box-shadow:var(--shadow)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:560px){.form-row{grid-template-columns:1fr}}
.field{margin-bottom:1.1rem}
.field label{display:block;font-size:.82rem;font-weight:600;color:var(--ink-dim);margin-bottom:.45rem;letter-spacing:.02em}
.field input,.field select,.field textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;color:var(--ink);font-family:var(--font-body);font-size:.95rem;transition:border-color .2s,box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px rgba(210,184,121,.18)}
.field textarea{min-height:130px;resize:vertical}
.form-success{display:none;margin-top:1rem;padding:.9rem 1.1rem;border-radius:12px;background:rgba(199,192,173,.1);border:1px solid rgba(199,192,173,.35);color:var(--cyan);font-size:.92rem}
.form-success.show{display:block}

.field textarea {
    height: 130px;
    resize: vertical;
}
/*---Responsiveness ----*/

@media(max-width:1090px){
.wave {
    width: 100%!important;
    overflow: hidden;
}
}

@media (max-width: 980px) {
  #et_mobile_nav_menu .mobile_nav { }

  #et_mobile_nav_menu .fn-mobile-phone {
    position: absolute;
    top: 50%;
    right: 50px;                
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;        
    background: #D2B879;        
    color: #171102;
    border: 1px solid rgba(210,184,121,.5);
    z-index: 3;
    transition: transform .2s;
  }
  #et_mobile_nav_menu .fn-mobile-phone svg { width: 17px; height: 17px; }
  #et_mobile_nav_menu .fn-mobile-phone:hover {
    transform: translateY(-50%) scale(1.05);
  }

  /* hide the .select_page label so the icon has room, optional */
  #et_mobile_nav_menu .select_page { display: none; }
}

.team-bio details{margin-top:.8rem}
.team-bio summary{cursor:pointer;color:var(--amber);font-size:.88rem;font-weight:600;list-style:none;display:inline-flex;align-items:center;gap:.35rem}
.team-bio summary::-webkit-details-marker{display:none}
.team-bio summary::after{content:"+";font-weight:700;transition:transform .2s}
.team-bio details[open] summary::after{transform:rotate(45deg)}

.svc-link {
    margin-top: auto;
    color: var(--amber);
    font-weight: 600;
    font-size: .93rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    transition: gap .2s;
}
a.svc-link:hover {
    text-decoration: underline;
    text-underline-offset: .4em;
    text-decoration-thickness: 1px;
}
.svc-link:hover {
    gap: .7rem;
}
.services-row .et_pb_code.slinks {
    margin-top: auto;
}

@media(max-width:767px){
	.console {
	margin-top:40px;
    overflow: hidden;
}
	.cta-band p.cta-note {
    font-size: 13px;
    letter-spacing: 0px;
}
	.cta-band p {
    font-size: 15px;
}
		body #page-container div#HomeHero .et_pb_button_module_wrapper a.et_pb_button,
	body #page-container .cta-band .et_pb_button_module_wrapper a.et_pb_button_2,
	body #page-container .cta-band .et_pb_button_module_wrapper a.et_pb_button{
    font-size: 14px!important;
}
	.post-type-archive .shows {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.7rem;
  }
}

@media(max-width:456px){
.cta-band .et_pb_button_module_wrapper, div#HomeHero .et_pb_button_module_wrapper {
    text-align: center;
    margin-bottom: 15px;
}
	.cta-btn-last {
    margin-left: 4px;
}
	
	body #page-container div#HomeHero .et_pb_button_module_wrapper a.et_pb_button{
    font-size: 14px!important;
    padding: 13px 25px!important;
}
	body #page-container div#HomeHero .et_pb_button_module_wrapper a.et_pb_button:after,
	body #page-container .cta-band .et_pb_button_module_wrapper a.et_pb_button_2:after{
		display:none;
	}
	
	body #page-container .cta-band .et_pb_button_module_wrapper a.et_pb_button_2,
	body #page-container .cta-band .et_pb_button_module_wrapper a.et_pb_button{
    font-size: 14px!important;
    padding: 13px 22px!important;
}
	.cta-band {
    padding: 25px 15px;

}
}

@media(max-width:411px){
	.cta-btn-last {
    margin-left: 0px;
}
}