/*
*********
THEME.CSS
*********
This is the theme configuration file.

CUSTOM PROPERTIES
All theme configuration is handled via CSS custom properties.

DEFAULT THEME
The theme system includes defaultstyles to allow new sites to be put together 
prior to brand design, if required. Uncomment any custom property in this file 
to override the default styles..

ADDING NEW CUSTOM PROPERTIES
Please ensure all new custom properties added here also added to variables.css
*/

:root {
  /********
  Color
  ********/
  /* Light & dark */
  --color-light: #EEECF4;
  --color-light-glare: #D7D5DF;
  --color-highlight: #F9F7FF;
  /* --color-dark: DEFINE OVERRIDE HERE; */
  --color-dark-glare: #121211;
  --color-mid: #989691;
  --color-mid-shade: #72716d;
  /* Primary */
  --color-primary: #821D5F;
  --color-primary-glare: #B9378C;
  --color-primary-shade: #510F3A;
  --color-primary-deep: #320221;
  /* Secondary */
  --color-secondary: #FFD600;
  --color-secondary-glare: #FFE662;
  /* Tertiary */
  --color-tertiary: #38326D;
  --color-tertiary-glare: #6C65B0;
  /* Traffic lights */
  --color-error: #c40c16;
  --color-warning: #f3743f;
  --color-success: #98ad86;
  /* Colour utilities */
  --color-global-bg: var(--color-dark);
  --color-global-text: var(--color-light);
  --color-links: inherit;
  /* --color-surface-bg: DEFINE OVERRIDE HERE; */
  /* --color-surface-bg-interact: DEFINE OVERRIDE HERE; */
  /* --color-surface-text: DEFINE OVERRIDE HERE; */
  /* --color-surface-text-interact: DEFINE OVERRIDE HERE; */
  /* --color-selection-bg: DEFINE OVERRIDE HERE; */
  /* --color-selection-text: DEFINE OVERRIDE HERE; */
  /* --color-disabled: DEFINE OVERRIDE HERE; */

  /********
  Font
  ********/
  /* Family */
  --font-family-base: 'packardantique', sans-serif; 
  --font-family-accent: 'packardantique', sans-serif;
  --font-family-display: 'entschuldigung', sans-serif;
  /* --font-family-secondary: DEFINE OVERRIDE HERE; */
  /* --font-family-condensed: DEFINE OVERRIDE HERE; */
  /* Weight */
  /* --font-weight-base: DEFINE OVERRIDE HERE; */
  /* --font-weight-base-bold: DEFINE OVERRIDE HERE; */
  /* --font-weight-accent: DEFINE OVERRIDE HERE; */
  /* --font-weight-secondary: DEFINE OVERRIDE HERE; */
  /* --font-weight-display: DEFINE OVERRIDE HERE; */
  /* --font-weight-condensed: DEFINE OVERRIDE HERE; */
  /* --font-weight-bold: DEFINE OVERRIDE HERE; */

  /********
  Typesetting
  ********/
  /* Leading (line height) */
  --leading: 1.5;
  --leading-short: 1.3;
  /* --leading-fine: DEFINE OVERRIDE HERE; */
  /* --leading-flat: DEFINE OVERRIDE HERE; */
  /* --leading-loose: DEFINE OVERRIDE HERE; */
  /* Measure (line length) */
  --measure: 56ch;
  /* --measure-xs: DEFINE OVERRIDE HERE; */
  /* --measure-s: DEFINE OVERRIDE HERE; */
  /* --measure-m: DEFINE OVERRIDE HERE; */
  --measure-l: 45ch;
  /* Kerning (letter spacing) */
  --kerning: 0.05em;
  /* --kerning-tight: DEFINE OVERRIDE HERE; */
  /* --kerning-loose: DEFINE OVERRIDE HERE; */
  /* Text sizing */
  --text-size-base: var(--size-step-1);
  /* --text-size-lede: DEFINE OVERRIDE HERE; */
  /* --text-size-lede-lg: DEFINE OVERRIDE HERE; */
  /* --text-size-meta: DEFINE OVERRIDE HERE; */
  /* Headings (h1, h2, h3, h4) */
  --text-size-heading-1: var(--size-step-10);
  --text-size-heading-2: var(--size-step-9);
  --text-size-heading-3: var(--size-step-6);
  --text-size-heading-4: var(--size-step-4);
  /* --measure-heading-1: DEFINE OVERRIDE HERE; */
  /* --measure-heading-2: DEFINE OVERRIDE HERE; */
  /* --measure-heading-3: DEFINE OVERRIDE HERE; */
  --measure-heading-4: var(--measure-s);
  --font-weight-heading: 400;
  --leading-heading: 1.1;
  --kerning-heading: -0.005ch;
  --text-transform-heading: uppercase;
  --cpsp-heading: on;
  /* Captions */
  --caption-font-size: var(--size-step--1);
  --caption-font-style: italic;

  /********
  Type scale
  @link https://utopia.fyi/type/calculator
  ********/
  /* --size-step--3: DEFINE OVERRIDE HERE; */
  /* --size-step--2: DEFINE OVERRIDE HERE; */
  /* --size-step--1: DEFINE OVERRIDE HERE; */
  /* --size-step-0: DEFINE OVERRIDE HERE; */
  /* --size-step-1: DEFINE OVERRIDE HERE; */
  /* --size-step-2: DEFINE OVERRIDE HERE; */
  /* --size-step-3: DEFINE OVERRIDE HERE; */
  /* --size-step-4: DEFINE OVERRIDE HERE; */
  /* --size-step-5: DEFINE OVERRIDE HERE; */
  /* --size-step-6: DEFINE OVERRIDE HERE; */
  /* --size-step-7: DEFINE OVERRIDE HERE; */
  /* --size-step-8: DEFINE OVERRIDE HERE; */
  /* --size-step-9: DEFINE OVERRIDE HERE; */
  /* --size-step-10: DEFINE OVERRIDE HERE; */
  /* --size-step-11: DEFINE OVERRIDE HERE; */

  /********
  Space scale
  @link https://utopia.fyi/space/calculator/?c=393,18,1.125,1440,24,1.25,10,2,&s=0.75%7C0.5%7C0.25,1.5%7C2%7C3%7C4%7C5%7C6,3xs-s%7Cxl-3xl&g=s,l,xl,12
  ********/
  /* --space-3xs: DEFINE OVERRIDE HERE; */
  /* --space-2xs: DEFINE OVERRIDE HERE; */
  /* --space-xs: DEFINE OVERRIDE HERE; */
  /* --space-s: DEFINE OVERRIDE HERE; */
  /* --space-m: DEFINE OVERRIDE HERE; */
  /* --space-l: DEFINE OVERRIDE HERE; */
  /* --space-xl: DEFINE OVERRIDE HERE; */
  /* --space-2xl: DEFINE OVERRIDE HERE; */
  /* --space-3xl: DEFINE OVERRIDE HERE; */
  /* --space-4xl: DEFINE OVERRIDE HERE; */
  /* One-up pairs */
  /* --space-3xs-2xs: DEFINE OVERRIDE HERE; */
  /* --space-2xs-xs: DEFINE OVERRIDE HERE; */
  /* --space-xs-s: DEFINE OVERRIDE HERE; */
  /* --space-s-m: DEFINE OVERRIDE HERE; */
  /* --space-m-l: DEFINE OVERRIDE HERE; */
  /* --space-l-xl: DEFINE OVERRIDE HERE; */
  /* --space-xl-2xl: DEFINE OVERRIDE HERE; */
  /* --space-2xl-3xl: DEFINE OVERRIDE HERE; */
  /* --space-3xl-4xl: DEFINE OVERRIDE HERE; */
  /* Custom pairs */
  /* --space-3xs-s: DEFINE OVERRIDE HERE; */
  /* --space-xl-3xl: DEFINE OVERRIDE HERE; */

  /********
  Spacing
  ********/
  /* Gutters */
  /* --gutter: DEFINE OVERRIDE HERE; */
  /* --gutter-s: DEFINE OVERRIDE HERE; */
  /* --gutter-l: DEFINE OVERRIDE HERE; */
  /* Regions */
  /* --region-space: DEFINE OVERRIDE HERE; */
  /* Text icons */
  /* --text-icon-gap: DEFINE OVERRIDE HERE; */
  /* Blockquotes */
  /* --blockquote-space: : DEFINE OVERRIDE HERE; */
  /* Figures */
  /* --figure-margin: : DEFINE OVERRIDE HERE; */

  /********
  Sizing
  ********/
  /* Size limits */
  /* --limited-width: DEFINE OVERRIDE HERE; */
  /* --limited-height: DEFINE OVERRIDE HERE; */
  /* Wrappers */
  /* --wrapper-max-width: DEFINE OVERRIDE HERE; */
  /* --small-wrapper-max-width: DEFINE OVERRIDE HERE; */
  /* --narrow-wrapper-max-width: DEFINE OVERRIDE HERE; */
  /* --wide-wrapper-max-width: DEFINE OVERRIDE HERE; */

  /********
  Border
  ********/
  /* Radius */
  /* --radius: DEFINE OVERRIDE HERE; */
  /* --radius-l: DEFINE OVERRIDE HERE; */
  /* --radius-m: DEFINE OVERRIDE HERE; */
  /* --radius-s: DEFINE OVERRIDE HERE; */
  /* Stroke */
  /* --stroke-color: DEFINE OVERRIDE HERE; */
  /* --stroke: DEFINE OVERRIDE HERE; */
  /* --stroke-weight-light: DEFINE OVERRIDE HERE; */
  /* --stroke-weight-medium: DEFINE OVERRIDE HERE; */
  /* --stroke-weight-heavy: DEFINE OVERRIDE HERE; */
  /* --stroke-style: DEFINE OVERRIDE HERE; */

  /********
  Shadow
  ********/
  /* Box shadow */
  /* --box-shadow: DEFINE OVERRIDE HERE; */
  /* --box-shadow-heavy: DEFINE OVERRIDE HERE; */
  /* Drop shadow */
  /* --drop-shadow: DEFINE OVERRIDE HERE; */
  /* Text shadow */
  /* --text-shadow: DEFINE OVERRIDE HERE; */
  /* --text-shadow-heavy: DEFINE OVERRIDE HERE; */


  /********
  Overscroll
  ********/
  /* Scroll bars */
  --scroll-bar-offset: var(--space-xs);
  --scroll-bar-size: 10px;
  --scroll-bar-track-color: rgba(198, 22, 22, 0.3);
  --scroll-bar-thumb-color: var(--color-secondary);
  
  @media (min-width: 40em) {
    --scroll-bar-offset: var(--space-m);
  }

  /********
  Interaction
  ********/
  /* Focus */
  /* --focus-ring: DEFINE OVERRIDE HERE; */
  /* --focus-ring-offset: DEFINE OVERRIDE HERE; */
  /* Target */
  /* --scroll-margin: DEFINE OVERRIDE HERE; */

  /********
  Lists
  ********/
  /* Global */
  /* --global-ul-padding: DEFINE OVERRIDE HERE; */
  /* --global-list-flow: DEFINE OVERRIDE HERE; */
  /* Description lists */
  /* --dt-font-family: DEFINE OVERRIDE HERE; */
  /* --dt-font-weight: : DEFINE OVERRIDE HERE; */
  /* --dt-font-size: DEFINE OVERRIDE HERE; */
  /* --dt-color: DEFINE OVERRIDE HERE; */
  /* --dt-text-transform: DEFINE OVERRIDE HERE; */
  /* --dt-kerning: DEFINE OVERRIDE HERE; */
  /* --dd-font-size: DEFINE OVERRIDE HERE; */
  /* --dd-measure: DEFINE OVERRIDE HERE; */

  /********
  Forms
  ********/
  /* --input-padding-block: DEFINE OVERRIDE HERE; */
  /* --input-padding-inline: DEFINE OVERRIDE HERE; */
  /* --input-radius: DEFINE OVERRIDE HERE; */
  /* --input-border-color: DEFINE OVERRIDE HERE; */
  /* --input-border-width: DEFINE OVERRIDE HERE; */
  /* --input-border-style: DEFINE OVERRIDE HERE; */
  /* --input-width: DEFINE OVERRIDE HERE; */
  --input-background: transparent;
  --input-color: currentColor;
  /* --input-check-sibling-space: DEFINE OVERRIDE HERE; */
  /* --input-flex-gap: DEFINE OVERRIDE HERE; */
  /* --form-label-leading: DEFINE OVERRIDE HERE; */
  /* --form-label-weight: DEFINE OVERRIDE HERE; */
  /* --form-max-width: DEFINE OVERRIDE HERE; */

  /********
  Buttons
  ********/
  /* --button-border-width: DEFINE OVERRIDE HERE; */
  --button-radius:  0;
  /* --button-solid-radius: DEFINE OVERRIDE HERE; */
  /* --button-padding: DEFINE OVERRIDE HERE; */
  /* --button-tertiary-button-text:  DEFINE OVERRIDE HERE; */
  /* --button-tertiary-interact-text: DEFINE OVERRIDE HERE; */
  /* --button-small-button-bg: DEFINE OVERRIDE HERE; */
  /* --button-small-interact-bg: DEFINE OVERRIDE HERE; */
  /* --button-small-radius: DEFINE OVERRIDE HERE; */
  /* --button-small-padding: DEFINE OVERRIDE HERE; */
  --button-solid-button-bg: var(--color-primary);
  /* --button-solid-interact-bg: DEFINE OVERRIDE HERE; */
  /* --button-solid-button-text: DEFINE OVERRIDE HERE; */
  /* --button-solid-interact-text: DEFINE OVERRIDE HERE; */
  /* --button-solid-padding: DEFINE OVERRIDE HERE; */
  /* --button-solid-border-color: DEFINE OVERRIDE HERE; */
  --button-solid-radius: 0;
  /* --button-docked-radius: DEFINE OVERRIDE HERE; */
  /* --button-font-size: ; */
  /* --button-font-family: DEFINE OVERRIDE HERE; */
  /* --button-font-weight: DEFINE OVERRIDE HERE; */
  /* --button-leading: DEFINE OVERRIDE HERE; */
  /* --button-kerning: DEFINE OVERRIDE HERE; */
  /* --button-text-transform: DEFINE OVERRIDE HERE; */

  /********
  Tags
  ********/
  --tag-font-weight: var(--font-weight-bold);
  --tag-font-size: var(--size-step--3);
  --tag-border-radius: 16em;

  /********
  Notices
  ********/
  --notice-error-color: var(--color-light);

  /********
  Accordion
  ********/
  --accordion-horizontal-alignment: space-between;
  --accordion-icon-optical-adjustment: -0.01lh;
  --accordion-icon-height: 1.5ex;

  /********
  CTA Unit
  ********/
  --cta-unit-alt-variant-bg: var(--color-primary-glare);
  --cta-unit-alt-variant-color: var(--color-dark);
  --cta-unit-alt-variant-star-rating-colour: var(--color-primary-deep);

  /********
  Sign Up
  ********/
  --sign-up-alt-variant-bg: var(--cta-unit-alt-variant-bg);
  --sign-up-alt-variant-color: var(--cta-unit-alt-variant-color);
  --sign-up-alt-variant-star-rating-colour: var(--cta-unit-alt-variant-star-rating-colour);
  .sign-up__title {font-size: var(--size-step-3);}                                                   /* TO DO: THIS SHOULD BE A VARIABLE */

  /********
  Off screen menu
  ********/
  --offscreen-menu-button-radius: 0;
  --off-screen-menu-button-padding: var(--space-2xs) 0;

  /********
  Eyebrow
  ********/
  --eyebrow-font-family: var(--font-family-accent);
  --eyebrow-font-size: var(--size-step-4);
  --eyebrow-font-weight: var(--font-weight-base);
  --eyebrow-text-transform: none;
  --eyebrow-leading: var(--leading-flat);
  --eyebrow-kerning: 0.1em;

  /********
  Contact form
  ********/
  /* --contact-form-label-font-size: DEFINE OVERRIDE HERE; */

  /********
  Sign-up form
  ********/
  --sign-up-form-controls-bg: transparent;
  --sign-up-form-controls-color: var(--color-light);
  --sign-up-form-button-text-transform: none;
  --sign-up-form-button-font-family: var(--font-family-base);
  --sign-up-form-button-font-size: var(--size-step-1);
  --sign-up-form-button-font-weight: 700;
  --sign-up-form-button-bg: var(--color-primary);                                 /* TO DO: THIS ISN'T SET UP CORRECTLY - doesn't work independently */
  .sign-up-form .button {color: var(--color-light); padding: 0px 10px;}           /* TO DO: MOVE THIS TO A PROPER VARIABLE */
  .sign-up-form input {text-align: center;}                                       /* TO DO: DO THIS GLABALLY - only on mobile though */

  /********
  Praise
  ********/
  /* --praise-opening-quotes: DEFINE OVERRIDE HERE; */
  /* --praise-closing-quotes: DEFINE OVERRIDE HERE; */
  /* --praise-title-font-family: DEFINE OVERRIDE HERE; */
  /* --praise-title-font-size: DEFINE OVERRIDE HERE; */
  /* --praise-title-font-weight: DEFINE OVERRIDE HERE; */
  /* --praise-font-size-sm: DEFINE OVERRIDE HERE; */
  /* --praise-title-font-style: DEFINE OVERRIDE HERE; */
  /* --praise-title-text-transform: DEFINE OVERRIDE HERE; */
  /* --praise-title-cpsp: DEFINE OVERRIDE HERE; */
  /* --praise-foot-font-size: DEFINE OVERRIDE HERE; */
  /* --praise-foot-font-style: DEFINE OVERRIDE HERE; */
  /* --praise-foot-font-weight: DEFINE OVERRIDE HERE; */
  /* --praise-foot-color: DEFINE OVERRIDE HERE; */
  /* --praise-foot-font-family: DEFINE OVERRIDE HERE; */
  /* --praise-title-small-letter-spacing:DEFINE OVERRIDE HERE; */
  /* --praise-font-family: DEFINE OVERRIDE HERE; */
  /* --praise-font-size-sm: DEFINE OVERRIDE HERE; */
  /* --praise-font-style: DEFINE OVERRIDE HERE; */
  /* --praise-font-weight: DEFINE OVERRIDE HERE; */
  /* --praise-star-rating-color: DEFINE OVERRIDE HERE; */
  /* --praise-star-rating-size: DEFINE OVERRIDE HERE; */
  /* --praise-title-plus-heading-space: DEFINE OVERRIDE HERE; */
  /* --praise-extra-small-variant-star-rating-size: DEFINE OVERRIDE HERE; */

  /********
  
  Video player
  ********/
  --video-player-button-color: var(--color-secondary);
  --video-player-button-mask: url(https://tle-58-street.imgix.net/octagon.svg);

  /********
  Play Pause
  ********/
  --play-pause-color: var(--color-secondary);
  --play-pause-mask: url(https://tle-58-street.imgix.net/octagon.svg);

  /********
  Frame
  ********/
  --frame-border-thickness: var(--space-3xs-s);

  /********
  Card
  ********/
  --card-padding: var(--space-m) var(--space-s);
  --card-color: var(--color-dark);
  --card-heading-font-family: var(--font-family-secondary);
  --card-heading-font-size: var(--size-step-5);
  --card-subheading-font-size: var(--size-step--1);
  --card-subheading-font-family: var(--font-family-accent);
  --card-subheading-font-weight: var(--eyebrow-font-weight);

  /********
  Ticket
  ********/
  --ticket-bg: var(--color-secondary);
  --ticket-color: var(--color-dark);
  --ticket-text-align: center;
  --ticket-tag-background: var(--color-dark);
  --ticket-tag-text: var(--color-light);
  --tag-tag-border: none;
  --ticket-tag-font-family: var(--font-family-accent-normal);
  --ticket-tag-font-size: var(--size-step-0);
  --ticket-tag-font-weight: 400;
  --ticket-tag-text-transform: none;
  --ticket-tag-padding: var(--space-3xs) var(--space-s);
  --ticket-heading-font-family: var(--font-family-secondary);
  --ticket-heading-font-weight: var(--font-weight-heading);
  --ticket-heading-color: var(--color-dark);
  --ticket-heading-size: var(--size-step-9);
  --ticket-heading-kerning: var(--kerning-heading);
  --ticket-price-font-style: normal;
  --ticket-price-text: var(--color-dark);
  --ticket-price-text-emphasis: var(--color-light);
  --ticket-body-text: var(--color-light);
  --ticket-body-text-align: left;
  --ticket-button-font-size: var(--size-step-2);

  /********
  Star rating
  ********/
  --star-rating-color: var(--color-secondary);

  /********
  Off screen menu
  ********/
  --off-screen-menu-bg: var(--color-dark);
  --off-screen-menu-color: var(--color-light);
  --off-screen-menu-nav-font: var(--font-family-base);
  --off-screen-menu-nav-font-size: var(--size-step-3);
  --off-screen-menu-nav-font-weight: 600;
  --off-screen-menu-nav-kerning: none;
  --off-screen-menu-nav-cpsp: var(--caps-cpsp);
  --off-screen-menu-nav-text-transform: uppercase;
  --off-screen-menu-nav-item-space: var(--space-l);
  --off-screen-menu-panel-space: var(--space-4xl) var(--space-l);
  --offscreen-menu-text-align: left;
  --off-screen-menu-justify-content: start;
  --off-screen-menu-align-items: start;
  --off-screen-menu-subnav-space: var(--space-2xs);
  --off-screen-menu-subnav-item-space: var(--space-2xs);
  --off-screen-menu-subnav-font-size: var(--size-step-1);
  --off-screen-menu-subnav-indent: var(--space-2xs);
  --off-screen-menu-subnav-font-style: italic;
  --off-screen-menu-subnav-text-transform: none;
  --off-screen-menu-subnav-opacity: 0.7;

  /********
  Availability Slot
  ********/
  --availability-slot-heading-font-size: var(--size-step-0);
  --availability-slot-heading-font-weight: 700;
  --availability-slot-heading-font-family: var(--font-family-base);
  --availability-slot-border-color: var(--color-primary);

  /********
  Performance
  ********/
  --performance-time-color: var(--color-light);
  --performance-time-font-size: var(--size-step-0);

  /********
  Product Details
  ********/
  --product-details-heading-size: var(--size-step-11);
  --product-details-item-heading-font-family: var(--font-family-base);
  --product-details-item-heading-font-size: var(--size-step-6);
  --product-details-item-heading-font-weight: var(--font-weight-base-bold);
  --product-details-item-font-size: var(--size-step--1);

  /********
  Highlights
  ********/
  --highlights-heading-size: var(--size-step-11);
  --highlights-intro-text-align: center;
  --highlights-counter-color: var(--color-light);
  --highlights-counter-font-family: var(--font-family-secondary);
  --highlights-counter-text-size: var(--size-step-4);
  --highlights-item-gap: var(--space-3xs);
  --highlights-item-color: var(--color-light);
  --highlights-item-text-align: left;
  --highlights-item-font-weight: 300;
  --highlights-heading-font-size: var(--size-step-2);
  --highlights-heading-shadow: 0 0 5px var(--color-primary);
  /* --highlights-heading-leading: DEFINE OVERRIDE HERE; */
  /* --highlights-heading-font-family: DEFINE OVERRIDE HERE; */
  --highlights-heading-font-weight: 800;
  /* Set .caps styles as default, but allow this to be adjusted in theme config */
  /* --highlights-heading-text-transform: DEFINE OVERRIDE HERE; */
  /* --highlights-heading-kerning: DEFINE OVERRIDE HERE; */
  /* --highlights-heading-cpsp: DEFINE OVERRIDE HERE; */
  --highlights-heading-color: var(--color-primary);
  --highlights-heading-text-transform: normal;

  @media (min-width: 40em) {
    --highlights-heading-size: var(--size-step-10);
  }

  @media (min-width: 66em) {
    --highlights-heading-size: var(--size-step-8);
  }

  /********
  Split Media
  ********/
  --split-media-gutter: var(--space-xl);
  --split-media-heading-color: var(--color-primary);
  --split-media-promo-variant-color: var(--color-dark);
  --split-media-promo-variant-eyebrow-color: var(--color-tertiary);
  --split-media-promo-variant-bg: var(--color-primary-glare);
  --split-media-alt-promo-variant-bg: var(--color-light);
  --split-media-alt-promo-variant-color: var(--color-dark);
  --split-media-heading-size: var(--size-step-6);

  /********
  Tab Panel
  ********/
  --tab-panel-tab-bg: transparent;
  --tab-panel-tab-color: var(--color-light);
  --tab-panel-tab-active-bg: var(--color-primary);
  --tab-panel-tab-active-colour: var(--color-dark);
  --tab-panel-tab-font-family: var(--font-family-base);
  --tab-panel-border-width: var(--stroke-weight-heavy);

  /********
  Prose
  ********/
  --prose-media-stroke: 0;
  --prose-flow-content-measure: 68ch;
  --prose-leading: var(--leading-short);
  --prose-unordered-list-marker: '♦ ';

  /********
  Header
  ********/
  --header-scrolled-background: var(--color-dark);
  --header-padding-block-start-lg: 0;
  --header-padding-block-start: 0;
  --header-padding-block-end: 0;

  --header-position: fixed;
  --header-top: 0;
  --header-left: 0;
  --header-right: 0;
  --header-transition: background 0.25s ease-in-out;

  --header-logo-width: clamp(15rem, 50%, 22rem);

  --header-book-now-position: fixed;
  --header-book-now-font-size: var(--size-step-4);
  --header-book-now-bottom: 0;
  --header-book-now-left: 0;
  --header-book-now-right: 0;
  --header-book-now-button-border-width: 0;
  --header-book-now-background: var(--color-dark);
  --header-book-now-padding: var(--space-xs) var(--space-m) var(--space-2xs) var(--space-m);
  --header-book-now-transform: translateY(100%);
  --header-book-now-transition: transform 0.25s ease-in-out;
  --header-book-now-scrolled-transform: translateY(0);

  --header-book-now-icon-margin: 0 var(--space-xs) 0 0;
  --header-book-now-icon-padding: 0 0 var(--space-2xs) 0;

  --header-book-now-lg-position: fixed;
  --header-book-now-lg-top: var(--space-2xs);
  --header-book-now-lg-bottom: initial;
  --header-book-now-lg-left: initial;
  --header-book-now-lg-right: var(--space-s);
  --header-book-now-lg-background: var(--color-secondary);
  --header-book-now-lg-color: var(--color-dark);
  --header-book-now-lg-button-border-color: var(--color-secondary);
  --header-book-now-lg-font-size: var(--size-step-1);
  --header-book-now-lg-padding: var(--space-4xs) var(--space-m) 0 var(--space-m);
  --header-book-now-lg-transform: translateY(0);

  --header-book-now-lg-icon-display: none;

  /********
  Footer
  ********/
  /* --footer-welcome-color: DEFINE OVERRIDE HERE; */
  /* --footer-brand-font-family: DEFINE OVERRIDE HERE; */
  /* --footer-nav-font-family: DEFINE OVERRIDE HERE; */
  /* --footer-nav-color: DEFINE OVERRIDE HERE; */

  /********
  SMALLPRINT
  ********/
  /* --smallprint-font-family: DEFINE OVERRIDE HERE; */

  /********
  Shout box
  ********/
  --shout-box-text-transform: uppercase;
  --shout-box-text-cpsp: on;
  --shout-box-text-letter-spacing: 0.01em;
  --shout-box-font-family: var(--font-family-base);
  --shout-box-title-font-family: var(--font-family-secondary);
  --shout-box-praise-text-only-font-size-base: var(--size-step-0);
  --shout-box-praise-text-only-font-size-lg: var(--size-step-2);
  --shout-box-praise-text-only-font-weight: 800;
  --shout-box-line-height: 1.5;
  --shout-box-background: var(--color-secondary);
  --shout-box-color: var(--color-dark);
  --shout-box-padding-inline: var(--space-4xs);
  --shout-box-padding-block: var(--space-3xs);

  @media (min-width: 40em) {
  --shout-box-padding-block: var(--space-2xs);
  }

  /********
  Key Customer Quotes
  ********/
  --key-customer-quotes-grid-min-item-size: clamp(16rem, 50vw, 24rem);

  /********
  Press Quote
  ********/
  --press-quote-padding-block: var(--space-m);
  --press-quote-quote-text-transform: none;
  --press-quote-quote-font-size: var(--size-step-2);
  --press-quote-quote-cpsp: on;
  --press-quote-star-rating-color: var(--color-dark);
  --press-quote-star-rating-space: var(--space-3xs);
  --press-quote-star-rating-size: 3lh;
  --press-quote-foot-font-style: italic;
  --press-quote-foot-font-weight: 500;
  --press-quote-foot-vertical-alignment: end;
  --press-quote-border-color: var(--color-secondary);
  --press-quote-border-style: solid;
  --press-quote-quote-font-family: var(--font-family-base);
  --press-quote-title-font-size: var(--size-step-7);

  /********
  Tiles
  ********/
  /* --tiles-grid-grap: DEFINE OVERRIDE HERE; */
  /* --tile-flow-space: DEFINE OVERRIDE HERE; */
  /* --tile-border-top-width: DEFINE OVERRIDE HERE; */
  /* --tile-border-bottom-width: DEFINE OVERRIDE HERE; */
  /* --tile-border-left-width: ; */
  /* --tile-border-right-width: DEFINE OVERRIDE HERE; */
  /* --tile-padding-block-start: DEFINE OVERRIDE HERE; */
  /* --tile-padding-block-end: DEFINE OVERRIDE HERE; */
  /* --tile-title-font-family: DEFINE OVERRIDE HERE; */
  /* --tile-title-font-weight: DEFINE OVERRIDE HERE; */
  /* --tile-title-text-transform: DEFINE OVERRIDE HERE; */
  /* --tile-title-font-size: DEFINE OVERRIDE HERE; */
  /* --tile-content-padding-inline: DEFINE OVERRIDE HERE; */
  /* --tile-content-background-color: DEFINE OVERRIDE HERE; */
  /* --tile-content-color: DEFINE OVERRIDE HERE; */
  /* --tile-body-font-size: DEFINE OVERRIDE HERE; */
  /* --tile-body-font-family: DEFINE OVERRIDE HERE; */
  /* --tile-radius: DEFINE OVERRIDE HERE; */
  /* --tile-overflow: DEFINE OVERRIDE HERE; */

  /********
  Video
  ********/
  --video-header-border-color: var(--color-secondary);
  /* --video-header-border-top-width: DEFINE OVERRIDE HERE; */
  /* --video-header-border-bottom-width: DEFINE OVERRIDE HERE; */
  /* --video-header-padding-block-start: DEFINE OVERRIDE HERE; */
  /* --video-header-padding-block-end: DEFINE OVERRIDE HERE; */
  /* --video-header-text-align: DEFINE OVERRIDE HERE; */
  /* --video-title-font-family: DEFINE OVERRIDE HERE; */
  /* --video-title-font-size: DEFINE OVERRIDE HERE; */
  /* --video-title-font-weight: DEFINE OVERRIDE HERE; */
  /* --video-title-measure: DEFINE OVERRIDE HERE; */

  /********
  Social proof
  ********/
  -social-proof-opening-praise-star-rating-color: var(--#DA9554);

  /********
  Pre sale
  ********/
  --pre-sale-background: var(--color-primary-glare);
  --pre-sale-color: var(--color-dark);

  /********
  Credits
  ********/
  --credits-border-top-width: 0;
  --credits-border-bottom-width: var(--credits-border-top-width);
  /* --credits-padding-block: DEFINE OVERRIDE HERE; */
  --credits-brand-em-font-size: var(--size-step-3);
  --credits-brand-font-family: var(--font-family-accent);
  --credits-brand-leading: var(--leading);
  --credits-brand-text-width: 40ch;
  --credits-dd-font-size-base: var(--size-step-5);
  --credits-dd-font-family: var(--font-family-secondary);
  --credits-dt-color: var(--color-dark); /* Should be inherit, but that wasn't playing nice */
  --credits-dt-font-family: var(--font-family-base);
  --credits-dt-font-size-base: var(--size-step--2);
  /* --credits-dd-font-size-sm: DEFINE OVERRIDE HERE; */
  /* --credits-dd-font-size-lg: DEFINE OVERRIDE HERE; */
  /* --credits-border-top-width: DEFINE OVERRIDE HERE; */
  /* --credits-padding-block: DEFINE OVERRIDE HERE; */

  /********
  Press Logos
  ********/
  --press-logos-border-width: var(--space-3xs);
  --press-logos-border-color: var(--color-light);

  /********
  Food menu
  ********/
  /* --food-menu-region-space-top: DEFINE OVERRIDE HERE; */
  /* --food-menu-spot-color: DEFINE OVERRIDE HERE; */
  /* --food-menu-star-rating-color: DEFINE OVERRIDE HERE; */
  /* --food-menu-dt-color: DEFINE OVERRIDE HERE; */
  /* --food-menu-star-rating-color: DEFINE OVERRIDE HERE; */
  /* --food-menu-dishes-text-transform: DEFINE OVERRIDE HERE; */
  /* --food-menu-dishes-letter-spacing: DEFINE OVERRIDE HERE; */
  /* --food-menu-dishes-cpsp: DEFINE OVERRIDE HERE; */
  /* --food-menu-category-color: DEFINE OVERRIDE HERE; */
  /* --food-menu-dishes-font-size: DEFINE OVERRIDE HERE; */
  /* --food-menu-category-space: DEFINE OVERRIDE HERE; */
  /* --food-menu-dishes-font-family: DEFINE OVERRIDE HERE; */

  /********
  Hero
  ********/
  --hero-heading-font-family: var(--font-family-base);
  /* --hero-heading-line-height: DEFINE OVERRIDE HERE; */
  /* --hero-title-font-family: DEFINE OVERRIDE HERE; */
  --hero-title-font-size-base: var(--size-step-10);
  --hero-title-font-size-md: var(--size-step-8);
  /* --hero-title-font-weight-base: DEFINE OVERRIDE HERE; */
  /* --hero-title-max-width: DEFINE OVERRIDE HERE; */
  /* --hero-title-image-max-width: DEFINE OVERRIDE HERE; */
  /* --hero-title-kerning: DEFINE OVERRIDE HERE; */
  --hero-text-size-lede: var(--size-step-1);
  
  /********
  Content page
  ********/
  --content-page-spot-color: var(--color-primary);

  /********
  Reel
  ********/
  --reel-space: var(--space-2xs);
  --reel-align-items: center;

  /********
  Gallery
  ********/
  --gallery-image-width: clamp(14rem, 60vw, 22rem);
  @media (min-width: 40em) {
  --gallery-image-width: clamp(16rem, 80vw, 22rem);
  }

  /********
  Wall of Love
  ********/
  --wall-of-love-praise-selection-text: var(--color-dark);
  --wall-of-love-praise-selection-bg: var(--color-light);
  --wall-of-love-tile-border-width: 0;
  --wall-of-love-reel-tile-size: 14rem;
  /* --wall-of-love-group-lg-width: DEFINE OVERRIDE HERE; */
  /* --wall-of-love-praise-padding-inline: DEFINE OVERRIDE HERE; */
  /* --wall-of-love-praise-padding-block: DEFINE OVERRIDE HERE; */

  /********
  Ticket types
  ********/
  --ticket-types-tile-max-width: 900px;
  --ticket-body-text: var(--color-dark);

  /********
  FAQs
  ********/
  --faq-list-category-title-color: var(--color-primary);
  --faq-list-border-color: var(--color-light);

  /********
  People
  ********/
  --people-member-title-font-family: var(--font-family-secondary);
  --people-member-title-font-weight: var(--font-weight-display);
  --people-member-title-font-size: var(--size-step-4);
  --people-member-role-font-size: var(--size-step-1);
  --people-member-role-color: var(--color-secondary);

  /********
  In Page Nav
  ********/
  /* --in-page-nav-border-bottom-width: DEFINE OVERRIDE HERE; */
  /* --in-page-nav-padding-block: DEFINE OVERRIDE HERE; */

  /* --in-page-nav-item-border-width: DEFINE OVERRIDE HERE; */
  /* --in-page-nav-item-font-size: DEFINE OVERRIDE HERE; */
  /* --in-page-nav-item-font-weight: DEFINE OVERRIDE HERE; */
  /* --in-page-nav-item-padding-block: DEFINE OVERRIDE HERE; */

  /* --in-page-nav-display-lg: DEFINE OVERRIDE HERE; */
  /* --in-page-nav-justify-lg: DEFINE OVERRIDE HERE; */
  /* --in-page-nav-gap-lg: DEFINE OVERRIDE HERE; */

  /* --in-page-nav-item-font-size-lg: DEFINE OVERRIDE HERE; */
  /* --in-page-nav-item-padding-block-lg: DEFINE OVERRIDE HERE; */

  /* --in-page-nav-link-justify-lg: DEFINE OVERRIDE HERE; */
}

/********
Embedded fonts
********/

@font-face {
  font-family: 'packardantique';
  src:
    url('/PackardAntique/PackardAntique.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'packardantique';
  src:
    url('/PackardAntique/PackardAntique-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'entschuldigung';
  src:
    url('/Entschuldigung/Entschuldigung.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/************************************************************************************/
/****************************CUSTOM CSS CLASSES**************************************/
/************************************************************************************/

/** force specific font family on everything within a region **/
.font-family-base,
.font-family-base * {
  font-family: var(--font-family-base);
}
.font-family-accent,
.font-family-accent * {
  font-family: var(--font-family-accent);
}
.font-family-display,
.font-family-display * {
  font-family: var(--font-family-display);
}

/** remove label from a signup form **/
.sign-up-form-no-label .sign-up-form label {
  display: none;
}



/******************************************************************************************/
/****************************SITE SPECIFIC OVERRIDES*******************************************/
/******************************************************************************************/

/** fix width:max-content issue on image region that's preventing full width image on desktop **/
picture {
  width: auto;
}


/** temp fixes for footer **/
footer {
  background: var(--color-light);
  color: var(--color-dark);
}
.footer__welcome {
  display: none;
}
.footer__nav {
  display: none;
}