/** Shopify CDN: Minification failed

Line 15:14 Expected ")" to end URL token
Line 23:14 Expected ")" to end URL token
Line 33:14 Expected ")" to end URL token
Line 42:14 Expected ")" to end URL token

**/
/* ===== White Line Fever — page-only fonts & styles (scoped) ===== */
/* You are using Settings > Files for fonts, so we use `file_url`. */

/* 1) Register fonts (use exact filenames) */
@font-face {
  font-family: "AkzidenzGroteskPro-Bold";
  src: url({{ 'AkzidenzGroteskPro-Bold.ttf' | file_url }}) format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HWYGoth";
  src: url({{ 'HWYGOTH.TTF' | file_url }}) format('truetype');
  font-weight: 400; /* adjust if needed */
  font-style: normal;
  font-display: swap;
}

/* If you have AkzidenzGroteskPro-Ext.ttf in Files, use it.
   If not, this block can be removed and body will fall back to LightEx below. */
@font-face {
  font-family: "AkzidenzGroteskPro-Ext";
  src: url({{ 'AkzidenzGroteskPro-Ext.ttf' | file_url }}) format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Fallback to LightEx if Ext isn't available */
@font-face {
  font-family: "AkzidenzGroteskPro-Ext-Fallback";
  src: url({{ 'AkzidenzGroteskPro-LightEx.ttf' | file_url }}) format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* 2) Scope to THIS PAGE’S main content only (header/footer unaffected) */
.wlf-scope #MainContent {
  --wlf-header-color: #ecd68e;
  --wlf-body-color: #ffffff;

  --font-h1: "AkzidenzGroteskPro-Bold", sans-serif;
  --font-h2: "HWYGoth", sans-serif;
  --font-h3: "HWYGoth", sans-serif;

  /* Use Ext if present, otherwise the LightEx fallback */
  --font-body: "AkzidenzGroteskPro-Ext", "AkzidenzGroteskPro-Ext-Fallback", sans-serif;

  color: var(--wlf-body-color);
  font-family: var(--font-body);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* 3) Headings — gold + chosen families */
.wlf-scope #MainContent h1,
.wlf-scope #MainContent h2,
.wlf-scope #MainContent h3,
.wlf-scope #MainContent h4,
.wlf-scope #MainContent h5,
.wlf-scope #MainContent h6 {
  color: var(--wlf-header-color);
  margin-top: 0.8em;
  margin-bottom: 0.35em;
  line-height: 1.15;
  letter-spacing: 0.02em;
}

.wlf-scope #MainContent h1 { font-family: var(--font-h1); font-weight: 700; }
.wlf-scope #MainContent h2 { font-family: var(--font-h2); font-weight: 600; }
.wlf-scope #MainContent h3 { font-family: var(--font-h3); font-weight: 600; }

/* H4–H6: keep it Akzidenz Extended for hierarchy/readability */
.wlf-scope #MainContent h4,
.wlf-scope #MainContent h5,
.wlf-scope #MainContent h6 {
  font-family: var(--font-body);
  font-weight: 600;
}

/* 4) Body text, lists, links */
.wlf-scope #MainContent p,
.wlf-scope #MainContent li,
.wlf-scope #MainContent span,
.wlf-scope #MainContent a {
  font-family: var(--font-body);
  color: var(--wlf-body-color);
}

.wlf-scope #MainContent a { text-decoration: underline; }
.wlf-scope #MainContent a:hover { text-decoration: none; }

/* Optional: tighten Shopify section headings inside MainContent only */
.wlf-scope #MainContent .section-header__title { font-family: var(--font-h2); }

/* ===== WLF: force hero title/subtitle fonts (page-scoped) ===== */

/* Title (“White Line Fever”) — AkzidenzGroteskPro-Bold */
.wlf-scope #MainContent .h1.hero__title,
.wlf-scope #MainContent .hero__title,
.wlf-scope #MainContent .hero__title .animation-contents,
.wlf-scope .h1.hero__title,
.wlf-scope .hero__title,
.wlf-scope .hero__title .animation-contents {
  font-family: "AkzidenzGroteskPro-Bold" !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #ecd68e !important;
}

/* Subtitle (“Remastered…”) — Highway Gothic */
.wlf-scope #MainContent .hero__subtitle,
.wlf-scope #MainContent .hero__subtitle .animation-contents,
.wlf-scope .hero__subtitle,
.wlf-scope .hero__subtitle .animation-contents {
  font-family: "HWYGoth" !important;   /* (fixed: removed stray comma) */
  font-weight: 400 !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #fff !important;
  line-height: 1.2;
}

/* ===== WLF: Vertically center hero slideshow image (BACKGROUND version) =====
   Motion often uses background-image on wrappers. This targets those. */

.wlf-scope .hero,
.wlf-scope .hero__slide,
.wlf-scope .slideshow__slide,
.wlf-scope .hero__media,
.wlf-scope .hero__image,
.wlf-scope .hero__image-wrapper,
.wlf-scope .rimage-outer-wrapper,
.wlf-scope .rimage-outer-wrapper .rimage__image,
.wlf-scope .hero__media [style*="background-image"],
.wlf-scope .slideshow__slide [style*="background-image"],
.wlf-scope [style*="background-image"][class*="hero"] {
  background-position: center center !important;  /* vertical + horizontal center */
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* If the hero uses <img>, keep this fallback (harmless otherwise) */
.wlf-scope .hero__media img,
.wlf-scope .slideshow__slide img {
  object-fit: cover !important;
  object-position: center center !important;
  width: 100%;
  height: 100%;
  display: block;
}

/* Set a reasonable hero height on this page only */
.wlf-scope .hero {
  min-height: 70vh;
  overflow: hidden;
  position: relative;
}


/* ===== WLF: Newsletter signup section styling ===== */
.wlf-scope .newsletter-container {
  background-color: #ecd68e !important;
  padding: 3rem 1rem;
  text-align: center;
  color: #000; /* black text outside input */
}

/* Headline + text above form */
.wlf-scope .newsletter-container .h2,
.wlf-scope .newsletter-container p {
  color: #000 !important;
  font-family: "HWYGoth", sans-serif;
  letter-spacing: 0.05em;
}

/* Input field */
.wlf-scope .newsletter-container .newsletter__input-group .newsletter__input {
  background-color: #222 !important; /* dark input background */
  color: #fff !important;             /* white text inside */
  border: none;
  border-radius: 4px 0 0 4px;
  padding: 0.9rem 1.2rem;
  font-family: "AkzidenzGroteskPro-Ext", sans-serif;
  font-size: 1rem;
}

.wlf-scope .newsletter-container .newsletter__input::placeholder {
  color: rgba(255,255,255,0.7);
}

/* Submit button */
.wlf-scope .newsletter-container .newsletter__input-group .btn {
  background-color: #000 !important;  /* black button */
  color: #ecd68e !important;          /* gold text */
  border-radius: 0 4px 4px 0;
  padding: 0.9rem 1.4rem;
  font-family: "AkzidenzGroteskPro-Bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.wlf-scope .newsletter-container .newsletter__input-group .btn:hover {
  background-color: #222 !important;
  color: #fff !important;
}

/* SVG arrow fix */
.wlf-scope .newsletter-container .icon-arrow-right path {
  fill: #ecd68e !important;
}