/* Generated by TGM Framework 2.16.0 on save. Do not edit — regenerate from Appearance. */
@font-face{font-family:"Bevan";font-style:normal;font-weight:400;font-display:swap;src:url(https://silverstartheater.com/wp-content/uploads/sites/4/tgm-fonts/bevan/bevan-400-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:"Archivo Black";font-style:normal;font-weight:400;font-display:swap;src:url(https://silverstartheater.com/wp-content/uploads/sites/4/tgm-fonts/archivo-black/archivo-black-400-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:"Archivo";font-style:normal;font-weight:400;font-display:swap;src:url(https://silverstartheater.com/wp-content/uploads/sites/4/tgm-fonts/archivo/archivo-400-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:"Archivo";font-style:normal;font-weight:600;font-display:swap;src:url(https://silverstartheater.com/wp-content/uploads/sites/4/tgm-fonts/archivo/archivo-600-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:"Archivo";font-style:normal;font-weight:700;font-display:swap;src:url(https://silverstartheater.com/wp-content/uploads/sites/4/tgm-fonts/archivo/archivo-700-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}:root{--tgm-primary:#18213A;--tgm-primary-rgb:24, 33, 58;--tgm-primary-contrast:#FFFFFF;--tgm-primary-hover:#343d56;--tgm-accent:#E29A12;--tgm-accent-rgb:226, 154, 18;--tgm-accent-contrast:#1A1D24;--tgm-accent-hover:#feb62e;--tgm-ink:#22262F;--tgm-ink-rgb:34, 38, 47;--tgm-ink-contrast:#FFFFFF;--tgm-ink-hover:#3e424b;--tgm-background:#FFFFFF;--tgm-background-rgb:255, 255, 255;--tgm-background-contrast:#1A1D24;--tgm-background-hover:#e3e3e3;--tgm-font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--tgm-font-body-weight:400;--tgm-line-body:1.6;--tgm-font-heading:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--tgm-font-heading-weight:700;--tgm-line-heading:1.2;--tgm-size-body:17px;--tgm-full-width-content:1200px;--tgm-content-width:1200px;--tgm-sidebar-width:300px;--tgm-header-width:1200px;--tgm-footer-width:1200px;--tgm-space-content-top:48px;--tgm-space-content-bottom:0px;--tgm-gap-side:24px;--tgm-space-section:40px;--tgm-gap:24px;--tgm-space-header:0px;--tgm-space-footer:0px;}@media (max-width: 1024px){:root{--tgm-size-body:16px;--tgm-space-content-top:40px;--tgm-space-section:32px;}}@media (max-width: 767px){:root{--tgm-space-content-top:32px;--tgm-gap-side:16px;--tgm-space-section:24px;}}

/* Snippet: Entry Page title */
.tgm-entry-title {
display: none;
}

/* Snippet: SST 01 Base */
/* ===================== COPY FROM HERE ===================== */
/* ==========================================================================
   SST 01 · BASE — tokens, fonts, full-bleed plumbing
   Silver Star Theater show pages · shared by ALL shows
   --------------------------------------------------------------------------
   THE RULE OF THIS FILE: this is the ONLY file that defines a value.
   Every other file references these tokens. Nothing in ANY file sets row
   height — no padding, no min-height. Row height is set per row in
   WPBakery Design Options. (That rule exists because a padding line in
   here once made every row ~280px too tall and hid the set-list photo's
   gate posts. Do not put it back.)
   ========================================================================== */

/* ── 1 · THE SHOW'S COLOURS — the re-skin dial ────────────────────────────
   Change this block and the show changes. Country Music Celebration is
   honky-tonk: warm pine darks, tungsten gold, deep barn red. For another
   show (Born to Be Wild, Christmas) swap these values and touch nothing
   else on the site. */
:root{
  /* panel gradients, lighter at the top so the page feels lit */
  --cmc-ink-hi:#3D332B;   --cmc-ink-lo:#251E18;   /* brown, darker  */
  --cmc-ink2-hi:#483C31;  --cmc-ink2-lo:#2E251E;  /* brown, lighter */
  --cmc-deep-hi:#2C231C;  --cmc-deep-lo:#1B1511;  /* deepest brown  */
  --cmc-felt-hi:#2C3B2E;  --cmc-felt-lo:#17231A;  /* pool-table green */

  /* flat colours */
  --cmc-ink:#251E18;                  /* text on light panels        */
  --cmc-bone:#F7F1E4;                 /* the cream                   */
  --cmc-red:#C9302A;                  /* barn red — buttons, tickets */
  --cmc-gold:#FFB627;                 /* tungsten gold — accents     */
  --cmc-line:rgba(255,190,110,.20);   /* hairlines on dark panels    */
  --cmc-line-d:rgba(37,30,24,.16);    /* hairlines on light panels   */
}

/* ── 2 · THE SHOW'S FONTS ─────────────────────────────────────────────────
   Two stacks. Display = big headlines. UI = everything else. */
:root{
  --cmc-display:"Archivo Black","Arial Black",sans-serif;
  --cmc-ui:"Archivo","Helvetica Neue",Arial,sans-serif;

  /* layout constants — content measure and side gutter */
  --cmc-max:1240px;
  --cmc-gut:clamp(20px,5vw,60px);
}

/* ── 3 · FONT MANIFEST — DO NOT DELETE ────────────────────────────────────
   Styles nothing. It exists so the theme's font loader downloads these
   families (TGM_Theme_Fonts::css_families reads literal `font-family:`
   declarations only — it cannot see var(--cmc-display) and cannot read the
   `font:` shorthand, so without this block the fonts silently fall back to
   Arial while the Fonts screen looks perfectly healthy).
   One block per family+weight, because weights are collected per block.
   Add a face or a weight anywhere on the site? Add it here too. */
.cmc-font-manifest{font-family:"Bevan";font-weight:400}
.cmc-font-manifest{font-family:"Archivo Black";font-weight:400}
.cmc-font-manifest{font-family:"Archivo";font-weight:400}
.cmc-font-manifest{font-family:"Archivo";font-weight:600}
.cmc-font-manifest{font-family:"Archivo";font-weight:700}

/* ── 4 · FULL BLEED — the section escape ──────────────────────────────────
   The theme constrains content to 1200px, so a row has to escape to run
   edge to edge. TWO ENGINES CAN RENDER THESE ROWS and they must not both
   stretch (verified against WPBakery 9.0.1 source):
     · WPBakery active — it emits data-vc-full-width="true" and its JS sets
       the width scrollbar-accurately. LET IT WIN.
     · Framework's VC compat layer — adds .vc_row-fluid only, no stretching.
       THAT is when the CSS below is needed.
   Hence the :not(). NOTE: no padding here — row height is WPBakery's. */
.cmc-sec{
  position:relative;
}
.cmc-sec:not([data-vc-full-width]){
  width:100vw;
  margin-left:calc(50% - 50vw);
}
.cmc-sec > :where(.vc_column_container,.wpb_column,div){
  max-width:var(--cmc-max);
  margin-inline:auto;
  padding-inline:var(--cmc-gut);
}
/* 100vw includes the scrollbar, so full-bleed rows are a few px wider than
   the viewport and Windows grows a horizontal scrollbar. `clip` not
   `hidden` — hidden on html creates a scroll container and breaks
   position:sticky further down the page. */
html{overflow-x:clip}
body{overflow-x:clip}

/* ── 5 · FULL-BLEED EXEMPTIONS — hero and testimonial ─────────────────────
   Rows whose CONTENT must also fill the bleed rather than sit in the
   1240px measure: the hero (video and tagline cards run edge to edge) and
   the testimonial (supplies its own inner wrap).
   ⚠ Row classes written out plain, NOT wrapped in :where() — :where()
   scores zero specificity and this rule silently loses. Measured: the hero
   sat at 1120px inside a 1265px row until this was fixed. Keep as-is. */
.cmc-hero-row > :where(.vc_column_container,.wpb_column,div),
.cmc-quote    > :where(.vc_column_container,.wpb_column,div){
  max-width:none;padding-inline:0;margin-inline:0;width:100%}
.cmc-quote > :where(.vc_column_container,.wpb_column,div){
  padding-inline:var(--cmc-gut)}
/* ===================== TO HERE ===================== */

/* Snippet: SST 06 Hero */
/* ==========================================================================
   SST 06 · HERO — the fold. Video + five skidding tagline cards + logo.
   Shared by ALL shows: the design and motion live here, ONCE. Per-show
   content (video file, tagline words, end logo) lives in each page's
   WPBakery row. To re-skin a show, touch SST 01 Base — not this file.

   Partner JS lives in this same record's JAVASCRIPT box.

   NO-JS / REDUCED-MOTION DEFAULT: cards 1-5 are hidden and the logo card is
   visible and centred. So without JavaScript you still get video plus logo,
   which is a finished-looking hero rather than a pile of stacked text. The
   script adds .is-live and takes over from there.
   ========================================================================== */

/* ── THE STAGE ─────────────────────────────────────────────────────────── */
.cmc-hero-row{padding:0 !important;overflow:hidden}
.cmc-hero{position:relative;width:100%;min-height:100svh;overflow:hidden;background:#150F0C}

.cmc-hero-vid{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  /* the poster paints instantly and becomes the LCP element instead of the
     video, which is the single biggest perceived-speed win here */
  background:#150F0C center/cover no-repeat;
}
.cmc-hero-scrim{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:rgba(0,0,0,.34);
}
.cmc-hero-vignette{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 50%,transparent 45%,rgba(0,0,0,.55));
}

/* WPBakery puts a 35px bottom margin on every content element. This row has
   padding:0, so that margin has nothing to sit inside and paints as a bare
   strip of page background under the video. Measured live: a 755px row
   around a 720px hero. */
.cmc-hero-row .wpb_content_element{margin-bottom:0}

/* ── THE TAGLINE CARDS ───────────────────────────────────────────────────
   All five sit in the same place. They are a series, not a scatter, and a
   fixed reading position is the kindest thing for a 55+ audience.         */
.cmc-tl{
  position:absolute;left:50%;top:46%;z-index:5;
  width:calc(100% - 14%);text-align:center;
  transform:translate(-50%,-50%);transform-origin:50% 85%;
  font-family:"Bevan",Georgia,serif;font-weight:400;color:#fff;
  letter-spacing:.01em;line-height:.95;opacity:0;
  font-size:clamp(2.6rem,7.6vw,6.9rem);
  text-shadow:0 4px 30px rgba(0,0,0,.55);
  will-change:transform,opacity;
}
/* connectives small, action words huge. The eye grabs only the big words, so
   a card reads far faster than its word count — and the hierarchy is what
   makes it look like a handbill instead of a caption. */
.cmc-tl .cmc-sm{font-size:.44em;letter-spacing:.06em;opacity:.85;
  display:inline-block;vertical-align:.42em}
.cmc-w{display:inline-block;transform-origin:50% 100%;will-change:transform}

/* the tapping word pivots at its heel, like a boot */
.cmc-tl [data-tap]{transform-origin:6% 100%}
.cmc-tl [data-tap] i{display:inline-block;font-style:normal;transform-origin:50% 100%;
  will-change:transform}
.cmc-tl [data-tap].is-goo i{filter:url(#cmcGoo)}
.cmc-tl [data-tap].is-goo{text-shadow:none}

/* ── MOTION BLUR ─────────────────────────────────────────────────────────
   directional, one filter per card. stdDeviation takes x AND y, so "16 0"
   smears horizontally only — CSS filter:blur() is isotropic and would read
   as defocus rather than speed. */
.cmc-tl[data-card="1"].is-mb{filter:url(#cmcMb1)}
.cmc-tl[data-card="2"].is-mb{filter:url(#cmcMb2)}
.cmc-tl[data-card="3"].is-mb{filter:url(#cmcMb3)}
.cmc-tl[data-card="4"].is-mb{filter:url(#cmcMb4)}
.cmc-tl[data-card="5"].is-mb{filter:url(#cmcMb5)}

/* ── WARM LIGHT BED — TURNED OFF 2026-08-17 at MC's request ──────────────
   This was the "Glow" control in the v6 prototype (Subtle = .52, the value
   below). MC does not want it. Left in place, commented, so it is one
   uncomment away from coming back exactly as it was. Do not delete.

.cmc-lit::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  left:50%;top:50%;width:82%;height:260%;transform:translate(-50%,-50%);
  background:radial-gradient(closest-side ellipse,
    rgba(255,247,234,.52) 0%,
    rgba(255,247,234,.234) 42%,
    rgba(255,247,234,0) 72%);
}
   ──────────────────────────────────────────────────────────────────────── */

/* ── THE LOGO PLATE ────────────────────────────────────────────────────── */
.cmc-tl[data-card="6"]{top:50%;width:auto}
.cmc-plate{
  position:relative;display:block;
  width:min(66vw,calc(100svh * 16/9 * .66));
  padding:2.6% 3.2%;border-radius:.7vw;
  background:#bf8156;                        /* Mike Todd's tan, sampled */
  box-shadow:0 2.2vh 5vh rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06) inset;
}
.cmc-logo{display:block;width:100%;height:auto}
.cmc-logo .lg-brown{fill:#754c29}            /* his brown, sampled */
.cmc-logo .lg-white{fill:#fff}
/* the boot pivots at its heel — measured off the artwork at 1150,534 in a
   1290x792 viewBox, which is the back of the sole where a real boot hinges */
.cmc-logo .lg-boot{transform-box:view-box;transform-origin:1150px 534px;
  will-change:transform}
/* one pass of light across the sign, late in the hold */
.cmc-gleam{
  position:absolute;inset:0;border-radius:.7vw;pointer-events:none;
  opacity:0;mix-blend-mode:screen;
  background:linear-gradient(101deg,
    transparent 34%,rgba(255,240,214,.30) 46%,
    rgba(255,250,240,.55) 50%,rgba(255,240,214,.30) 54%,transparent 66%);
  background-size:280% 100%;background-position:var(--cmc-gleam,150%) 0;
}

/* ── NO-JS AND REDUCED-MOTION DEFAULT ────────────────────────────────────
   Cards 1-5 stay hidden; the logo is shown, centred and still. The script
   adds .is-live, at which point it owns every opacity and transform.      */
.cmc-hero:not(.is-live) .cmc-tl[data-card="6"]{opacity:1}
@media(prefers-reduced-motion:reduce){
  .cmc-hero .cmc-tl:not([data-card="6"]){display:none}
  .cmc-hero .cmc-tl[data-card="6"]{opacity:1}
}

/* the SVG filter defs carry no visual weight of their own */
.cmc-defs{position:absolute;width:0;height:0;overflow:hidden}
/* thin cream rule where the black header meets the dark hero video */
.cmc-hero::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:#F7F1E4;z-index:6;pointer-events:none;
}

/* Snippet: SST 02 Headlines */
/* ===================== COPY FROM HERE ===================== */
/* ==========================================================================
   SST 02 · HEADLINES — the big display type.
   THE DIAL: headline size is the clamp() below — min, preferred, max.
   Mike Todd wants them smaller? Lower 3.9rem (desktop max) and 2rem
   (phone min). Nothing else needs touching, here or anywhere.
   ========================================================================== */
.cmc-sec h2{
  font-family:var(--cmc-display);font-weight:400;line-height:.94;
  letter-spacing:-.035em;font-size:clamp(2rem,5vw,3.9rem);margin:0;
  color:inherit; /* take the section's text colour; stops the old site-wide red H2 rule */
}
/* the small label above a heading */
.cmc-eyebrow{
  font:700 12px/1.4 var(--cmc-ui);letter-spacing:.32em;text-transform:uppercase;
  color:var(--cmc-gold);
  text-shadow:0 0 16px rgba(255,182,39,.5);
}
.cmc-on-bone .cmc-eyebrow{color:var(--cmc-red);text-shadow:none}
.cmc-on-red  .cmc-eyebrow{color:rgba(255,255,255,.82);text-shadow:none}
/* the intro paragraph under a heading */
.cmc-lede{font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:52ch;opacity:.88}
.cmc-centre{text-align:center}
.cmc-centre .cmc-lede{margin-inline:auto}
/* the review quote — display type too, same dial idea. Sits on the green
   row (class cmc-quote, painted in SST 03 Backgrounds). */
.cmc-quote{text-align:center}
.cmc-quote blockquote{
  font-family:var(--cmc-display);font-size:clamp(1.7rem,4.4vw,3.4rem);
  letter-spacing:-.035em;line-height:1.06;max-width:22ch;margin:0 auto;
  border:0;padding:0;
}
.cmc-quote cite{
  display:block;font:700 12px var(--cmc-ui);letter-spacing:.28em;
  text-transform:uppercase;color:var(--cmc-gold);font-style:normal;
}
/* ===================== TO HERE ===================== */

/* Snippet: SST 03 Backgrounds */
/* ===================== COPY FROM HERE ===================== */
/* ==========================================================================
   SST 03 · BACKGROUNDS — every row gradient in ONE place.
   Colours come from SST 01 Base; this file only paints. Add class to a
   WPBakery row (Row Settings > Extra class name) to use:
     cmc-on-ink / cmc-on-ink2   the browns
     cmc-on-bone                the cream
     cmc-on-red                 the red
     cmc-quote                  the pool-table green
     cmc-wood                   wood-grain overlay (add to a brown row)
     cmc-lights                 string of warm bulbs along the top edge
   ========================================================================== */
.cmc-on-ink { background:radial-gradient(135% 95% at 50% 0%,var(--cmc-ink-hi) 0%,var(--cmc-ink-lo) 72%); color:var(--cmc-bone) }
.cmc-on-ink2{ background:radial-gradient(135% 95% at 50% 0%,var(--cmc-ink2-hi) 0%,var(--cmc-ink2-lo) 72%); color:var(--cmc-bone) }
.cmc-on-bone{ background:var(--cmc-bone); color:#1B1511 }
.cmc-on-red { background:radial-gradient(135% 95% at 50% 0%,#D8443A 0%,#A81F1B 78%); color:#fff }

/* the dark green — same family as the browns above; it lives here WITH its
   siblings, not off in a testimonial file. */
.cmc-quote{
  background:radial-gradient(135% 95% at 50% 0%,var(--cmc-felt-hi) 0%,var(--cmc-felt-lo) 72%);
  border-top:1px solid rgba(255,190,110,.22);border-bottom:1px solid rgba(255,190,110,.22);
  color:var(--cmc-bone);
}

/* ── wood grain ── plank seams plus fine grain at low opacity. Texture,
   never wallpaper. */
.cmc-wood::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    repeating-linear-gradient(90deg,rgba(0,0,0,.20) 0 1.5px,transparent 1.5px 132px),
    repeating-linear-gradient(90deg,rgba(255,214,150,.028) 0 2px,transparent 2px 7px),
    repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 23px);
}
.cmc-wood > *{position:relative;z-index:1}

/* ── string lights ── a run of warm bulbs along the top edge, straight out
   of their own venue photograph. */
.cmc-lights::after{
  content:"";position:absolute;top:0;left:0;right:0;height:14px;z-index:2;
  pointer-events:none;
  background:radial-gradient(circle at 14px 4px,var(--cmc-gold) 0 2.2px,transparent 3.4px);
  background-size:52px 100%;
  filter:drop-shadow(0 0 7px rgba(255,182,39,.75));
  opacity:.9;
}
/* ===================== TO HERE ===================== */

/* Snippet: SST 04 Tickets */
/* ===================== COPY FROM HERE ===================== */
/* ==========================================================================
   SST 04 · TICKETS — the red dated ticket stubs.
   Echoes Mike Todd's own show artwork: same red bar across the bottom with
   "Buy Tickets" in it. All text, no images — dates stay machine-readable.

   Markup, four editable lines inside a WPB text block:
     SaturdayNov 28Evening
     Buy Tickets
   ========================================================================== */
.cmc-tik{
  position:relative;height:100%;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;
  border-radius:6px;text-align:center;
  background:linear-gradient(180deg,#fffdf8,#f3e9d8);
  border:1px solid rgba(37,30,24,.18);
  box-shadow:0 2px 0 rgba(37,30,24,.10);
}
.cmc-tik em{
  display:block;width:100%;padding:.85rem 0 .1rem;
  font:700 10px var(--cmc-ui);letter-spacing:.24em;text-transform:uppercase;
  color:var(--cmc-red);font-style:normal;
}
/* THE DIAL: date size is the clamp() below. */
.cmc-tik strong{
  display:block;font-family:var(--cmc-display);font-weight:400;
  font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1;letter-spacing:-.04em;
  color:#1B1511;padding:.1rem 0 .35rem;
}
.cmc-tik strong time{ text-decoration:none;color:inherit }
.cmc-tik span{
  display:block;padding:0 0 1rem;
  font:600 11px var(--cmc-ui);letter-spacing:.2em;text-transform:uppercase;
  color:var(--cmc-brown,#754c29);opacity:.75;
}
/* the perforation — a dashed rule where the stub would tear */
.cmc-tik span::after{
  content:"";display:block;margin:.9rem 1.1rem -.4rem;
  border-top:1px dashed rgba(37,30,24,.28);
}
/* the red bar, straight off his artwork. margin-top:auto pins it to the
   bottom so every card matches however tall the row grows. */
.cmc-tik a{
  margin-top:auto;display:block;width:100%;
  background:var(--cmc-red);color:#fff;text-decoration:none;
  padding:.8rem .5rem;
  font:700 11px var(--cmc-ui);letter-spacing:.18em;text-transform:uppercase;
  transition:background .2s;
}
.cmc-tik a:hover,.cmc-tik a:focus-visible{background:#A81F1B}
/* ===================== TO HERE ===================== */

/* Snippet: SST 05 Ticker */
/* ===================== COPY FROM HERE ===================== */
/* ==========================================================================
   SST 05 · TICKER — the rolling artist names.
   THE DIAL: 34s below is one full pass — smaller is faster.
   Row class: cmc-ticker. The names live in the page's Raw HTML block,
   listed TWICE over — the loop needs the doubled list to be seamless.
   ========================================================================== */
.cmc-ticker{padding:0 !important;border-top:1px solid var(--cmc-line);border-bottom:1px solid var(--cmc-line);overflow:hidden}
.cmc-ticker .cmc-track{display:flex;gap:3rem;padding:1.5rem 0;white-space:nowrap;
  animation:cmc-roll 34s linear infinite;width:max-content}
.cmc-ticker .cmc-track span{font-family:var(--cmc-display);font-size:clamp(1.2rem,2.6vw,2rem);letter-spacing:-.03em;opacity:.92}
.cmc-ticker .cmc-track span::after{content:"★";color:var(--cmc-gold);margin-left:3rem;font-size:.6em;
  vertical-align:middle;text-shadow:0 0 12px rgba(255,182,39,.7)}
@keyframes cmc-roll{to{transform:translateX(-50%)}}

/* WPBakery's 35px element margin has nothing to sit inside on a padding:0
   row and paints as a bare strip under the ticker. */
.cmc-ticker .wpb_content_element{margin-bottom:0}

/* the off switch — the audience skews senior and this is the accessible
   default, not a nicety */
@media(prefers-reduced-motion:reduce){
  .cmc-ticker .cmc-track{animation:none}
}
/* full-bleed strip: kill the base row gutter and WPBakery's 35px top pad,
   or the names sit right of centre and low inside the band */
.cmc-ticker > .wpb_column{padding-inline:0}
.cmc-ticker .vc_column-inner{padding-top:0 !important;padding-bottom:0 !important}
/* ===================== TO HERE ===================== */

/* Snippet: CMC Set List */
/* ==========================================================
   CMC — Set List song titles
   Scope: .cmc-setlist-wrap ONLY. Does not touch headlines.
   ========================================================== */

.cmc-setlist-wrap .cmc-setlist{
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: cmc-track;
}

.cmc-setlist-wrap .cmc-setlist li{
  position: relative;
  counter-increment: cmc-track;
  margin: 0;
  padding: 10px 0 10px 42px;
  border-bottom: 1px solid rgba(90,65,40,.16);
}

.cmc-setlist-wrap .cmc-setlist li:last-child{
  border-bottom: 0;
}

/* track number */
.cmc-setlist-wrap .cmc-setlist li::before{
  content: counter(cmc-track, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 14px;
  font-family: Bevan, Georgia, serif;
  font-size: 14px;
  line-height: 1;
  color: #a8845a;
  text-shadow: 1px 1px 0 rgba(255,250,236,.9);
}

/* song title */
.cmc-setlist-wrap .cmc-setlist li strong{
  display: block;
  font-family: Bevan, Georgia, serif;
  font-weight: 400;                 /* Bevan ships 400 only — prevents faux-bold mud */
  font-size: clamp(17px, 1.45vw, 21px);
  line-height: 1.15;
  letter-spacing: .01em;
  color: #2c1a0e;
  text-shadow: 1px 1px 0 #f6e8cd, 2px 3px 5px rgba(0,0,0,.26);
}

/* artist */
.cmc-setlist-wrap .cmc-setlist li em{
  display: block;
  margin-top: 5px;
  font-family: Archivo, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 11.5px;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: #8a6a44;
}

@media (max-width: 782px){
  .cmc-setlist-wrap .cmc-setlist li{
    padding: 8px 0 8px 34px;
  }
  .cmc-setlist-wrap .cmc-setlist li::before{
    font-size: 12px;
    top: 12px;
  }
  .cmc-setlist-wrap .cmc-setlist li strong{
    font-size: 17px;
  }
}
.cmc-setlist-wrap .cmc-setlist li em{
  color:#241505;
  text-shadow:none;
  font-size:12.5px;
  font-weight:700;
}

/* Snippet: SST 07 Reviews */
/* ==========================================================================
   SST 07 · REVIEWS — the three-up review row.        v3 · 2026-08-26
   Silver Star Theater show pages
   --------------------------------------------------------------------------
   v1 was one centred giant pull-quote. v2 was three reviews in ONE block,
   zig-zagged with nth-child(even). v3 exists because the reviews now live
   in their own WPBakery rows — each .cmc-rev is the only child of its own
   wrapper, so every review counts as child number one, "even" never
   matches, and nth-child can no longer see the order. No selector can:
   document order across separate WPBakery blocks is invisible to CSS.

   So the flip is an EXPLICIT CLASS now:

     cmc-rev-flip  =  picture on the RIGHT.

   Put it in the Extra class name (el_class) of the review's inner row —
   or on its Text Block, or straight on the .cmc-rev div; all three work.
   With three reviews the MIDDLE one gets it. Add a fourth review later:
   every other one gets it, counted by eye, which is the point — the
   zig-zag is an editorial decision now, not an accident of markup.

   Colours, fonts and the content measure all come from SST 01 Base. This
   file defines no value of its own except the split and the breakpoint.

   THE DIAL — three numbers, all of them flagged below:
     · the 1fr / 2fr split      how much of the row the picture takes
     · the 900px breakpoint     when the three stack
     · the two aspect-ratios    4/3 wide, 3/2 stacked

   NOTHING HERE SETS ROW HEIGHT. Row height is WPBakery's, per row, in
   Design Options — and each review now has its OWN row, which is the
   whole reason for v3. Do not put it back.
   ========================================================================== */


/* ── 1 · THE STACK ────────────────────────────────────────────────────────
   With one review per block this wrapper's grid-gap has nothing left to
   separate — its remaining job is the measure: max-width plus centring.
   It stays on every block so the words line up column to column, and so
   section 4's specificity still beats SST 02. text-align:left is
   deliberate — a left-aligned column of type beside a picture reads far
   better than a centred one. */
.cmc-revs{
  display:grid;
  gap:clamp(30px,5vw,68px);
  max-width:var(--cmc-max);
  margin-inline:auto;
  text-align:left;
}


/* ── 2 · THE SPLIT — THE DIAL ─────────────────────────────────────────────
   One third picture, two thirds words. Reviews carrying cmc-rev-flip go
   picture-RIGHT; the rest sit picture-LEFT. The double selector means the
   class works from the inner row, the Text Block, or the .cmc-rev itself.
   Want bigger faces? 1.2fr 2fr. Nothing else needs touching. */
.cmc-rev{
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:clamp(20px,4vw,48px);
  align-items:center;
}
.cmc-rev-flip .cmc-rev,
.cmc-rev.cmc-rev-flip{
  grid-template-columns:2fr 1fr;
}
.cmc-rev-flip .cmc-rev-pic{
  order:2;
}


/* ── 2b · THE RHYTHM ──────────────────────────────────────────────────────
   The old wrapper gap, rebuilt between the inner rows. cmc-rev-row goes
   on every review's inner row (it is already in the v3 shortcodes). The
   zero-margin line retires WPBakery's stock 35px under each Text Block
   inside a review row, so the space between reviews is exactly this
   clamp and not clamp-plus-35. Rows without the class are untouched. */
.cmc-rev-row + .cmc-rev-row{
  margin-top:clamp(30px,5vw,68px);
}
.cmc-rev-row .wpb_text_column{
  margin-bottom:0;
}


/* ── 3 · THE PICTURE ──────────────────────────────────────────────────────
   4/3 LANDSCAPE, matching the CMC_Review_Couple files as uploaded (~1.18).
   Held by the CSS rather than the file, so a replacement photo of any shape
   still fills its slot cleanly instead of breaking the grid.

   If you ever swap in PORTRAIT photos, change this to 3/4 and change
   section 5's to 4/3. Those two move together. */
.cmc-rev-pic img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  border:1px solid var(--cmc-line);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}


/* ── 4 · THE WORDS ────────────────────────────────────────────────────────
   Selectors are two classes deep so they beat SST 02's .cmc-quote
   blockquote on SPECIFICITY rather than source order. That way it does not
   matter which snippet the framework prints first. */
.cmc-revs .cmc-rev blockquote{
  font-family:var(--cmc-display);
  font-size:clamp(1.3rem,2.5vw,2.2rem);
  letter-spacing:-.03em;
  line-height:1.1;
  max-width:26ch;
  margin:0;
  border:0;
  padding:0;
}
.cmc-revs .cmc-rev blockquote p{
  margin:0;
}

/* the attribution line — gold, spaced caps, same treatment as the eyebrow */
.cmc-revs .cmc-rev cite{
  display:block;
  margin-top:1em;
  font:700 12px var(--cmc-ui);
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--cmc-gold);
  font-style:normal;
}


/* ── 5 · THE BREAKPOINT — THE OTHER DIAL ──────────────────────────────────
   900px, not 780px. The audience is 55+ and mostly on TABLETS and LAPTOPS,
   and 780 sat right in the middle of tablet-portrait widths:

     older iPad portrait   768   would stack
     iPad Air portrait     820   zig-zag, picture squeezed to 230px
     iPad Pro 11 portrait  834   zig-zag, picture at 236px

   At 900 every tablet-portrait size stacks cleanly, and the zig-zag only
   runs where a third of the row is still a real picture. */
@media (max-width:900px){
  .cmc-rev,
  .cmc-rev-flip .cmc-rev,
  .cmc-rev.cmc-rev-flip{
    grid-template-columns:1fr;
  }
  .cmc-rev-flip .cmc-rev-pic{
    order:0;
  }
  .cmc-revs .cmc-rev blockquote{
    max-width:none;
  }
  .cmc-rev-pic img{
    aspect-ratio:3/2;
  }
}
/* ── 6 · THE SECTION HEAD ─────────────────────────────────────────────────
   SST 02 centres everything inside .cmc-quote for the v1 pull-quote, and
   that rule is shared by the other eight show pages — so it stays. This
   opts THIS page's eyebrow + h2 out of it instead, and lines them up with
   the left edge of the first picture below. Add class cmc-revs-head to the
   Text Block holding the eyebrow and the h2. */
.cmc-revs-head{
  text-align:left;
}

/* Snippet: SST Sticky Header */
/* Sticky header on desktop/tablet only — phones scroll it away as normal */
@media (min-width: 768px){
  #tgm-header{ position:sticky; top:0; z-index:1000; }
  .admin-bar #tgm-header{ top:32px; } /* sits under the WP admin bar when logged in */
}

/* TGM Animation Studio sets html,body{overflow-x:hidden !important}, which
   turns  into a scroll box and breaks position:sticky (CMC + any page
   using tgms_ shortcodes). clip stops sideways scroll the same way without
   breaking sticky. Higher specificity so it beats the plugin's !important. */
html:root, html:root body{ overflow-x:clip !important; }