/*
*********
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: #E0DCD5;
  --color-light-glare: #F7F6F4;
  /* --color-highlight: DEFINE OVERRIDE HERE; */
  --color-dark: #0C0C0C;
  /* --color-dark-glare: DEFINE OVERRIDE HERE; */
  --color-dark-opacity: rgba(0, 0, 0, 0.85);
  --color-mid: #666666;
  --color-mid-shade: rgba(102, 102, 102, 0.35);
  /* Primary */
  --color-primary: var(--color-light);
  --color-primary-glare: var(--color-light-glare);
  /* --color-primary-shade: DEFINE OVERRIDE HERE; */
  /* --color-primary-deep: DEFINE OVERRIDE HERE; */
  /* Secondary */
  --color-secondary: var(--color-lighter);
  /* --color-secondary-glare: DEFINE OVERRIDE HERE; */
  /* Tertiary */
  /* --color-tertiary: DEFINE OVERRIDE HERE; */
  /* --color-tertiary-glare: DEFINE OVERRIDE HERE; */
  /* Traffic lights */
  /* --color-error: DEFINE OVERRIDE HERE; */
  /* --color-warning: DEFINE OVERRIDE HERE; */
  /* --color-success: DEFINE OVERRIDE HERE; */
  /* Colour utilities */
  /* --color-global-bg: DEFINE OVERRIDE HERE; */
  /* --color-global-text: DEFINE OVERRIDE HERE; */
  /* --color-links: DEFINE OVERRIDE HERE; */
  /* --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: 'Roboto', 'Helvetica Neue', Arial, system-ui, sans-serif;
  --font-family-accent: "adobe-jenson-pro", serif;
  --font-family-display: 'CheltenhamOldStylePro', 'ITC Cheltenham', Georgia, 'Times New Roman', serif;
  /* --font-family-secondary: DEFINE OVERRIDE HERE; */
  /* --font-family-condensed: DEFINE OVERRIDE HERE; */
  /* Weight */
  --font-weight-base: 400;
  /* --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: DEFINE OVERRIDE HERE; */
  /* --leading-short: DEFINE OVERRIDE HERE; */
  /* --leading-fine: DEFINE OVERRIDE HERE; */
  /* --leading-flat: DEFINE OVERRIDE HERE; */
  /* --leading-loose: DEFINE OVERRIDE HERE; */
  /* Measure (line length) */
  /* --measure: DEFINE OVERRIDE HERE; */
  /* --measure-xs: DEFINE OVERRIDE HERE; */
  /* --measure-s: DEFINE OVERRIDE HERE; */
  /* --measure-m: DEFINE OVERRIDE HERE; */
  /* --measure-l: DEFINE OVERRIDE HERE; */
  /* Kerning (letter spacing) */
  /* --kerning: DEFINE OVERRIDE HERE; */
  /* --kerning-tight: DEFINE OVERRIDE HERE; */
  /* --kerning-loose: DEFINE OVERRIDE HERE; */
  /* Text sizing */
  /* --text-size-base: DEFINE OVERRIDE HERE; */
  /* --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: DEFINE OVERRIDE HERE; */
  --text-size-heading-2: var(--size-step-8);
  --text-size-heading-3: var(--size-step-7);
  --text-size-heading-4: var(--size-step-5);
  /* --measure-heading-1: DEFINE OVERRIDE HERE; */
  /* --measure-heading-2: DEFINE OVERRIDE HERE; */
  /* --measure-heading-3: DEFINE OVERRIDE HERE; */
  /* --measure-heading-4: DEFINE OVERRIDE HERE; */
  --font-weight-heading: 400;
  /* --leading-heading: DEFINE OVERRIDE HERE; */
  --kerning-heading: var(--kerning);
  /* --text-transform-heading: DEFINE OVERRIDE HERE; */
  /* --cpsp-heading: DEFINE OVERRIDE HERE; */
  /* Captions */
  /* --caption-font-size: DEFINE OVERRIDE HERE; */
  /* --caption-font-style: DEFINE OVERRIDE HERE; */

  /********
  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: 1800px;

  /********
  Border
  ********/
  /* Radius */
  /* --radius: DEFINE OVERRIDE HERE; */
  /* --radius-l: DEFINE OVERRIDE HERE; */
  /* --radius-m: DEFINE OVERRIDE HERE; */
  /* --radius-s: DEFINE OVERRIDE HERE; */
  /* Stroke */
  --stroke-color: var(--color-mid-shade);
  /* --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: 0px 4px 4px 0px rgba(0, 0, 0, 0.4);
  --box-shadow-heavy: 6px 6px 6px 1px rgba(0, 0, 0, 0.7);
  /* Drop shadow */
  --drop-shadow: rgba(0, 0, 0, 0.4) 0px 4px 4px;
  /* Text shadow */
  --text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
  --text-shadow-heavy: 2px 2px 2px rgba(0, 0, 0, 0.7);


  /********
  Overscroll
  ********/
  /* Scroll bars */
  /* --scroll-bar-offset: DEFINE OVERRIDE HERE; */
  /* --scroll-bar-size: DEFINE OVERRIDE HERE; */
  /* --scroll-bar-track-color: DEFINE OVERRIDE HERE; */
  /* --scroll-bar-thumb-color: DEFINE OVERRIDE HERE; */
  
  @media (min-width: 40em) {
    /* --scroll-bar-offset: DEFINE OVERRIDE HERE; */
  }

  /********
  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: 16px;
  /* --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: DEFINE OVERRIDE HERE; */
  /* --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: 1px;
  --button-radius: 0.3rem;
  --button-solid-radius: var(--button-radius);
  --button-padding: var(--space-2xs) var(--space-s);
  /* --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-dark);
  --button-solid-interact-bg: var(--color-dark-glare);
  --button-solid-button-text: var(--color-light);
  --button-solid-interact-text: var(--color-light-glare);
  --button-solid-padding: var(--space-xs) var(--space-s);
  --button-solid-border-color: var(--color-light);
  /* --button-solid-radius: DEFINE OVERRIDE HERE; */
  /* --button-docked-radius: DEFINE OVERRIDE HERE; */
  --button-font-size: var(--size-step--1);
  --button-font-family: var(--font-family-base);
  --button-font-weight: 400;
  /* --button-leading: DEFINE OVERRIDE HERE; */
  --button-kerning: 0.1em;
  --button-text-transform: none;

  /********
  Tags
  ********/
  /* --tag-font-weight: DEFINE OVERRIDE HERE; */
  /* --tag-font-size: DEFINE OVERRIDE HERE; */
  /* --tag-border-radius: DEFINE OVERRIDE HERE; */

  /********
  Notices
  ********/
  /* --notice-error-color: DEFINE OVERRIDE HERE; */

  /********
  Accordion
  ********/
  /* --accordion-horizontal-alignment: DEFINE OVERRIDE HERE; */
  /* --accordion-icon-optical-adjustment: DEFINE OVERRIDE HERE; */
  /* --accordion-icon-height: DEFINE OVERRIDE HERE; */

  /********
  CTA Unit
  ********/
  /* --cta-unit-alt-variant-bg: DEFINE OVERRIDE HERE; */
  /* --cta-unit-alt-variant-color: DEFINE OVERRIDE HERE; */
  /* --cta-unit-alt-variant-star-rating-colour: DEFINE OVERRIDE HERE; */

  /********
  Sign Up
  ********/
  /* --sign-up-alt-variant-bg: DEFINE OVERRIDE HERE; */
  /* --sign-up-alt-variant-color: DEFINE OVERRIDE HERE; */
  /* --sign-up-alt-variant-star-rating-colour: DEFINE OVERRIDE HERE; */

  /********
  Off screen menu
  ********/
  /* --offscreen-menu-button-radius: DEFINE OVERRIDE HERE; */

  /********
  Eyebrow
  ********/

  /* --eyebrow-font-family: DEFINE OVERRIDE HERE; */
  /* --eyebrow-font-size: DEFINE OVERRIDE HERE; */
  /* --eyebrow-font-weight: DEFINE OVERRIDE HERE; */
  /* --eyebrow-text-transform: DEFINE OVERRIDE HERE; */
  /* --eyebrow-leading: DEFINE OVERRIDE HERE; */
  /* --eyebrow-kerning: DEFINE OVERRIDE HERE; */

  /********
  Contact form
  ********/
  --contact-form-label-font-size: var(--size-step--2);

  /********
  Sign-up form
  ********/
  /* --sign-up-form-controls-bg: DEFINE OVERRIDE HERE; */
  /* --sign-up-form-controls-color: DEFINE OVERRIDE HERE; */
  --sign-up-form-label-font-family: var(--font-family-accent);
  /* --sign-up-form-button-text-transform: DEFINE OVERRIDE HERE; */
  /* --sign-up-form-button-font-family: DEFINE OVERRIDE HERE; */
  /* --sign-up-form-button-font-size: DEFINE OVERRIDE HERE; */
  /* --sign-up-form-button-font-weight: DEFINE OVERRIDE HERE; */

  /********
  Praise
  ********/
  /* --praise-opening-quotes: DEFINE OVERRIDE HERE; */
  /* --praise-closing-quotes: DEFINE OVERRIDE HERE; */
  --praise-title-font-family: var(--font-family-accent);
  --praise-title-font-size: var(--size-step-2);
  --praise-title-font-weight: 400;
  --praise-font-size-sm: var(--size-step-1);
  /* --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: 400;
  /* --praise-foot-color: DEFINE OVERRIDE HERE; */
  --praise-foot-font-family: var(--font-family-base);
  /* --praise-title-small-letter-spacing:DEFINE OVERRIDE HERE; */
  --praise-font-family: var(--font-family-accent);
  --praise-font-size-sm: var(--size-step-2);
  --praise-font-style: italic;
  --praise-font-weight: 400;
  /* --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: var(--size-step-2);

  /********
  
  Video player
  ********/
  /* --video-player-button-color: DEFINE OVERRIDE HERE; */
  /* --video-player-button-mask: DEFINE OVERRIDE HERE; */

  /********
  Play Pause
  ********/
  /* --play-pause-color: DEFINE OVERRIDE HERE; */
  /* --play-pause-mask: DEFINE OVERRIDE HERE; */

  /********
  Frame
  ********/
  /* --frame-border-thickness: DEFINE OVERRIDE HERE; */

  /********
  Card
  ********/
  /* --card-padding: DEFINE OVERRIDE HERE; */
  /* --card-color: DEFINE OVERRIDE HERE; */
  /* --card-heading-font-family: DEFINE OVERRIDE HERE; */
  /* --card-heading-font-size: DEFINE OVERRIDE HERE; */
  /* --card-subheading-font-size: DEFINE OVERRIDE HERE; */
  /* --card-subheading-font-family: DEFINE OVERRIDE HERE; */
  /* --card-subheading-font-weight: DEFINE OVERRIDE HERE; */

  /********
  Ticket
  ********/
  /* --ticket-bg: DEFINE OVERRIDE HERE; */
  /* --ticket-color: DEFINE OVERRIDE HERE; */
  /* --ticket-text-align: DEFINE OVERRIDE HERE; */
  /* --ticket-tag-background: DEFINE OVERRIDE HERE; */
  /* --ticket-tag-text: DEFINE OVERRIDE HERE; */
  /* --tag-tag-border: DEFINE OVERRIDE HERE; */
  /* --ticket-tag-font-family: DEFINE OVERRIDE HERE; */
  /* --ticket-tag-font-size: DEFINE OVERRIDE HERE; */
  /* --ticket-tag-font-weight: DEFINE OVERRIDE HERE; */
  /* --ticket-tag-text-transform: DEFINE OVERRIDE HERE; */
  /* --ticket-tag-padding: DEFINE OVERRIDE HERE; */
  /* --ticket-heading-font-family: DEFINE OVERRIDE HERE; */
  /* --ticket-heading-font-weight: DEFINE OVERRIDE HERE; */
  /* --ticket-heading-color: DEFINE OVERRIDE HERE; */
  /* --ticket-heading-size: DEFINE OVERRIDE HERE; */
  /* --ticket-heading-kerning: DEFINE OVERRIDE HERE; */
  /* --ticket-price-font-style: DEFINE OVERRIDE HERE; */
  /* --ticket-price-text: DEFINE OVERRIDE HERE; */
  /* --ticket-price-text-emphasis: DEFINE OVERRIDE HERE; */
  /* --ticket-body-text: DEFINE OVERRIDE HERE; */
  /* --ticket-body-text-align: DEFINE OVERRIDE HERE; */

  /********
  Star rating
  ********/
  /* --star-rating-color: DEFINE OVERRIDE HERE; */

  /********
  Off screen menu
  ********/
  /* --off-screen-menu-bg: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-color: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-nav-font: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-nav-font-size: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-nav-font-weight: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-nav-kerning: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-nav-cpsp: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-nav-text-transform: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-panel-space: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-nav-item-space: DEFINE OVERRIDE HERE; */
  /* --offscreen-menu-text-align: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-justify-content: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-align-items: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-subnav-space: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-subnav-item-space: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-subnav-font-size: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-subnav-indent: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-subnav-font-style: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-subnav-text-transform: DEFINE OVERRIDE HERE; */
  /* --off-screen-menu-subnav-opacity: DEFINE OVERRIDE HERE; */
  --off-screen-menu-button-color: var(--color-light);

  /********
  Availability Slot
  ********/
  /* --availability-slot-heading-font-size: DEFINE OVERRIDE HERE; */
  /* --availability-slot-heading-font-weight: DEFINE OVERRIDE HERE; */
  /* --availability-slot-heading-font-family: DEFINE OVERRIDE HERE; */
  /* --availability-slot-border-color: DEFINE OVERRIDE HERE; */

  /********
  Performance
  ********/
  /* --performance-time-color: DEFINE OVERRIDE HERE; */
  /* --performance-time-font-size: DEFINE OVERRIDE HERE; */

  /********
  Product Details
  ********/
  /* --product-details-heading-size: DEFINE OVERRIDE HERE; */
  /* --product-details-item-heading-font-family: DEFINE OVERRIDE HERE; */
  /* --product-details-item-heading-font-size: DEFINE OVERRIDE HERE; */
  /* --product-details-item-heading-font-weight: DEFINE OVERRIDE HERE; */
  /* --product-details-item-font-size: DEFINE OVERRIDE HERE; */

  /********
  Highlights
  ********/
  /* --highlights-heading-size: DEFINE OVERRIDE HERE; */
  /* --highlights-intro-text-align: DEFINE OVERRIDE HERE; */
  /* --highlights-counter-color: DEFINE OVERRIDE HERE; */
  /* --highlights-counter-font-family: DEFINE OVERRIDE HERE; */
  /* --highlights-counter-text-size: DEFINE OVERRIDE HERE; */
  /* --highlights-item-gap: DEFINE OVERRIDE HERE; */
  /* --highlights-item-color: DEFINE OVERRIDE HERE; */
  /* --highlights-item-text-align: DEFINE OVERRIDE HERE; */
  /* --highlights-item-font-weight: DEFINE OVERRIDE HERE; */
  /* --highlights-heading-font-size: DEFINE OVERRIDE HERE; */
  /* --highlights-heading-shadow: DEFINE OVERRIDE HERE; */
  /* --highlights-heading-leading: DEFINE OVERRIDE HERE; */
  /* --highlights-heading-font-family: DEFINE OVERRIDE HERE; */
  /* --highlights-heading-font-weight: DEFINE OVERRIDE HERE; */
  /* 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: DEFINE OVERRIDE HERE; */
  /* --highlights-heading-text-transform: DEFINE OVERRIDE HERE; */

  /********
  Split Media
  ********/
  /* --split-media-gutter: DEFINE OVERRIDE HERE; */
  /* --split-media-heading-color: DEFINE OVERRIDE HERE; */
  /* --split-media-promo-variant-color: DEFINE OVERRIDE HERE; */
  /* --split-media-promo-variant-eyebrow-color: DEFINE OVERRIDE HERE; */
  /* --split-media-promo-variant-bg: DEFINE OVERRIDE HERE; */
  /* --split-media-alt-promo-variant-bg: DEFINE OVERRIDE HERE; */
  /* --split-media-alt-promo-variant-color: DEFINE OVERRIDE HERE; */
  /* --split-media-heading-size: DEFINE OVERRIDE HERE; */

  /********
  Tab Panel
  ********/
  /* --tab-panel-tab-bg: DEFINE OVERRIDE HERE; */
  /* --tab-panel-tab-color: DEFINE OVERRIDE HERE; */
  /* --tab-panel-tab-active-bg: DEFINE OVERRIDE HERE; */
  /* --tab-panel-tab-active-colour: DEFINE OVERRIDE HERE; */
  /* --tab-panel-tab-font-family: DEFINE OVERRIDE HERE; */
  /* --tab-panel-border-width: DEFINE OVERRIDE HERE; */

  /********
  Prose
  ********/
  /* --prose-media-stroke: DEFINE OVERRIDE HERE; */
  /* --prose-flow-content-measure: DEFINE OVERRIDE HERE; */
  /* --prose-leading: DEFINE OVERRIDE HERE; */

  /********
  Header
  ********/
  --header-logo-width: clamp(8rem, 50%, 15rem);
  --header-logo-margin-inline: auto 0;
  /* --header-logo-lg-margin-inline: DEFINE OVERRIDE HERE; */
  /* --header-logo-base-width: DEFINE OVERRIDE HERE; */
  /* --header-logo-base-height: DEFINE OVERRIDE HERE; */
  /* --header-logo-md-width: DEFINE OVERRIDE HERE; */
  /* --header-logo-md-height: DEFINE OVERRIDE HERE; */
  /* --header-logo-padding: DEFINE OVERRIDE HERE; */
  /* --header-padding-block-start-lg: DEFINE OVERRIDE HERE; */
  /* --header-padding-block-start: DEFINE OVERRIDE HERE; */

  --header-scrolled-background: var(--color-dark);
  --header-position: fixed;
  --header-top: 0;
  --header-left: 0;
  --header-right: 0;
  --header-transition: background 0.25s ease-in-out;

  --header-book-now-position: fixed;
  --header-book-now-font-size: var(--size-step-0);
  --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-text-transform: none;

  --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-s);
  --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-light);
  --header-book-now-lg-color: var(--color-dark);
  --header-book-now-lg-button-border-color: var(--color-light);
  --header-book-now-lg-font-size: var(--size-step--1);
  --header-book-now-lg-padding: var(--button-padding);
  --header-book-now-lg-transform: translateY(0);
  --header-book-now-lg-z-index: 1;

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

  /********
  Footer
  ********/
  --footer-welcome-color: var(--color-dark);
  --footer-brand-font-family: var(--font-family-accent);
  --footer-nav-font-family: var(--font-family-accent);
  --footer-nav-color: var(--color-dark);

  /********
  SMALLPRINT
  ********/
  --smallprint-font-family: var(--font-family-accent);

  /********
  Shout box
  ********/
  /* --shout-box-text-transform: DEFINE OVERRIDE HERE; */
  /* --shout-box-text-cpsp: DEFINE OVERRIDE HERE; */
  /* --shout-box-text-letter-spacing: DEFINE OVERRIDE HERE; */
  /* --shout-box-font-family: DEFINE OVERRIDE HERE; */
  /* --shout-box-title-font-family: DEFINE OVERRIDE HERE; */
  /* --shout-box-praise-text-only-font-size-base: DEFINE OVERRIDE HERE; */
  /* --shout-box-praise-text-only-font-size-lg: DEFINE OVERRIDE HERE; */
  /* --shout-box-praise-text-only-font-weight: DEFINE OVERRIDE HERE; */
  /* --shout-box-line-height: DEFINE OVERRIDE HERE; */
  /* --shout-box-background: DEFINE OVERRIDE HERE; */
  /* --shout-box-color: DEFINE OVERRIDE HERE; */
  /* --shout-box-padding-inline: DEFINE OVERRIDE HERE; */
  /* --shout-box-padding-block: DEFINE OVERRIDE HERE; */

  /********
  Key Customer Quotes
  ********/
  /* --key-customer-quotes-grid-min-item-size: DEFINE OVERRIDE HERE; */

  /********
  Press Quote
  ********/
  /* --press-quote-padding-block: DEFINE OVERRIDE HERE; */
  --press-quote-title-font-size: var(--size-step-7);
  --press-quote-title-margin-inline: auto;
  --press-quote-title-text-transform: none;
  /* --press-quote-quote-text-transform: DEFINE OVERRIDE HERE; */
  /* --press-quote-quote-font-size: DEFINE OVERRIDE HERE; */
  /* --press-quote-quote-cpsp: DEFINE OVERRIDE HERE; */
  /* --press-quote-star-rating-color: DEFINE OVERRIDE HERE; */
  /* --press-quote-star-rating-space: DEFINE OVERRIDE HERE; */
  --press-quote-star-rating-size: 2.5lh;
  --press-quote-foot-font-style: normal;
  /* --press-quote-foot-font-weight: DEFINE OVERRIDE HERE; */
  --press-quote-foot-vertical-alignment: end;
  --press-quote-border-width: 0;
  /* --press-quote-border-color: DEFINE OVERRIDE HERE; */
  /* --press-quote-border-style: DEFINE OVERRIDE HERE; */
  /* --press-quote-quote-font-family: DEFINE OVERRIDE HERE; */

  /********
  Tiles
  ********/
  /* --tiles-grid-grap: DEFINE OVERRIDE HERE; */
  --tile-flow-space: var(--space-s);
  --tile-border-top-width: 3px;
  --tile-border-bottom-width: 3px;
  --tile-border-left-width: 3px;
  --tile-border-right-width: 3px;
  --tile-padding-block-start: 0;
  --tile-padding-block-end: 0;
  /* --tile-title-font-family: DEFINE OVERRIDE HERE; */
  /* --tile-title-font-weight: DEFINE OVERRIDE HERE; */
  --tile-title-text-transform: uppercase;
  --tile-title-font-size: var(--size-step-2);
  --tile-content-padding-inline: var(--space-s);
  --tile-content-background-color: var(--color-dark);
  --tile-content-color: var(--color-light);
  --tile-body-font-size: var(--size-step--1);
  /* --tile-body-font-family: DEFINE OVERRIDE HERE; */
  --tile-radius: 0.3rem;
  --tile-overflow: hidden;

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

  /********
  Social proof
  ********/
  /* --social-proof-opening-praise-star-rating-color: DEFINE OVERRIDE HERE; */

  /********
  Pre sale
  ********/
  /* --pre-sale-background: DEFINE OVERRIDE HERE; */
  /* --pre-sale-color: DEFINE OVERRIDE HERE; */

  /********
  Credits
  ********/
  --credits-border-top-width: 0;
  /* --credits-border-bottom-width: DEFINE OVERRIDE HERE; */
  --credits-padding-block: 0;
  /* --credits-brand-em-font-size: DEFINE OVERRIDE HERE; */
  /* --credits-brand-font-family: DEFINE OVERRIDE HERE; */
  /* --credits-brand-leading: DEFINE OVERRIDE HERE; */
  /* --credits-brand-text-width: DEFINE OVERRIDE HERE; */
  /* --credits-dd-font-size-base: DEFINE OVERRIDE HERE; */
  /* --credits-dd-font-size-sm: DEFINE OVERRIDE HERE; */
  /* --credits-dd-font-size-lg: DEFINE OVERRIDE HERE; */
  --credits-border-top-width: 0;
  --credits-padding-block: 0;

  /********
  Press Logos
  ********/
  /* --press-logos-border-width: DEFINE OVERRIDE HERE; */
  /* --press-logos-border-color: DEFINE OVERRIDE HERE; */

  /********
  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-accent);
  /* --hero-heading-line-height: DEFINE OVERRIDE HERE; */
  --hero-title-font-family: var(--font-family-accent);
  --hero-title-font-size-base: var(--size-step-4);
  --hero-title-font-size-md: var(--size-step-4);
  --hero-title-font-weight-base: 400;
  --hero-title-max-width: 40ch;
  --hero-title-image-max-width: 40rem;
  --hero-title-kerning: var(--kerning);
  /* --hero-text-size-lede: DEFINE OVERRIDE HERE; */
  
  /********
  Content page
  ********/
  /* --content-page-spot-color: DEFINE OVERRIDE HERE; */

  /********
  Reel
  ********/
  --reel-space: var(--space-3xs);
  /* --reel-align-items: DEFINE OVERRIDE HERE; */

  /********
  Gallery
  ********/
  /* --gallery-image-width: DEFINE OVERRIDE HERE; */

  /********
  Wall of Love
  ********/
  /* --wall-of-love-praise-selection-text: DEFINE OVERRIDE HERE; */
  /* --wall-of-love-praise-selection-bg: DEFINE OVERRIDE HERE; */
  --wall-of-love-tile-border-width: 0;
  /* --wall-of-love-reel-tile-size: DEFINE OVERRIDE HERE; */
  --wall-of-love-group-lg-width: 25%;
  --wall-of-love-praise-padding-inline: var(--space-2xs);
  --wall-of-love-praise-padding-block: var(--space-2xs);

  /********
  Ticket types
  ********/
  /* --ticket-types-tile-max-width: DEFINE OVERRIDE HERE; */

  /********
  FAQs
  ********/
  /* --faq-list-category-title-color: DEFINE OVERRIDE HERE; */
  /* --faq-list-border-color: DEFINE OVERRIDE HERE; */

  /********
  People
  ********/
  --people-member-title-font-family: var(--font-family-accent);
  /* --people-member-title-font-weight: DEFINE OVERRIDE HERE; */
  --people-member-title-font-size: var(--size-step-2);
  --people-member-title-text-transform: none;

  /********
  In Page Nav
  ********/
  --in-page-nav-border-bottom-width: 1px;
  --in-page-nav-padding-block: var(--space-m) var(--space-s);

  --in-page-nav-item-border-width: 0;
  --in-page-nav-item-font-size: -var(--size-step-1);
  --in-page-nav-item-font-weight: 400;
  --in-page-nav-item-padding-block: var(--space-s);

  --in-page-nav-display-lg: flex;
  --in-page-nav-justify-lg: center;
  --in-page-nav-gap-lg: var(--space-m);

  --in-page-nav-item-font-size-lg: var(--size-step-2);
  --in-page-nav-item-padding-block-lg: 0;

  --in-page-nav-link-justify-lg: center;
}

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

@font-face {
  font-family: 'CheltenhamOldStylePro';
  src:
    url('/cheltenham/cheltenham_old_style_pro-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  src: url('/roboto/Roboto-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('/roboto/Roboto-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: 'Roboto';
  src: url('/roboto/Roboto-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}


/******************************************************************************************/
/****************************CSS UTILITY CLASSES*********************************/
/******************************************************************************************/

.region-rounded-corners {
  border-radius: 5px;
}

/******************************************************************************************/
/****************************SITE SPECIFIC OVERRIDES*******************************************/
/******************************************************************************************/
/* TODO: Remove this once we put fixed headers on all sites */
 :has(:is(.header + .hero, main .hero:first-child)) .header {
    position: var(--header-position, relative);
    top: var(--header-top, initial);
    bottom: var(--header-bottom, initial);
    left: var(--header-left, initial);
    right: var(--header-right, initial);
    margin: initial;
    z-index: 10;
}

/* override global list marker style */
.prose li {
    list-style-position: outside;
    padding-left: var(--space-2xs);
}

/* override global off screen menu colour - there seems ot be an issue with the variable for some reason (TODO) */
.off-screen-menu summary {
   color: var(--color-light);
}

.tile__image {
  object-fit: cover;
  width: 100%;
  display: block;

  transform: scale(1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.tile:hover .tile__image {
  transform: scale(1.01);
}

.tiles .tile {
  display: flex;
  flex-direction: column;
}

.tiles .tile__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
}

.tile__buttons {
  display: flex;
  justify-content: space-between;
  gap: var(--space-m);

  > .button {
    flex: 0 1 50%;
  }

  > [data-button-variant=dark] {
    --button-dark-border-color: var(--color-light);
  }
}

.wall-of-love {
  /*--region-space: var(--space-xs);*/
  --wall-of-love-flow-space: var(--space-xs);
  --wall-of-love-calculated-gutters: 0;

  background-color: var(--color-secondary);
}

@media (min-width: 66em) {
  .wall-of-love {
    --wall-of-love-calculated-gutters: var(--reel-space, var(--space-2xs));
  }
}

.wall-of-love .wall-of-love__groups {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-block-start: 0;
}

@media (min-width: 66em) {
  .wall-of-love .wall-of-love__groups {
    justify-content: space-between;
  }
}

.wall-of-love .wall-of-love__tile {
  width: 50vw;
}

@media (min-width: 66em) {
  .wall-of-love .wall-of-love__tile {
    width: var(--wall-of-love-reel-tile-size, 16rem);
  }
}

.wall-of-love .praise {
  --praise-font-size-sm: var(--size-step-1);
  --praise-font-size-lg: var(--size-step-1);
}

.wall-of-love .praise .praise__foot {
  --praise-foot-font-size: var(--size-step--1);
}

.wall-of-love .praise .praise__foot::before {
  content: "\002D\00A0";
}

.wall-of-love .praise .praise__foot::after {
  content: "\00A0\002D";
}

.prose :is(h1, h2, h3, h4, h5, h6) {
  text-transform: uppercase;
}

[data-foreground="dark"] .contact-form label {
  color: var(--color-mid);
}

.in-page-nav li a {
  text-align: center;
  padding: var(--space-xs, 0.8em) var(--space-m, 2em) var(--space-2xs, 0.8em) var(--space-m, 2em);
  color: currentColor;
  line-height: 1;
  border-radius: var(--button-radius, var(--radius));

  transition:
    background-color 100ms cubic-bezier(0.45, 0, 0.55, 1),
    color 100ms cubic-bezier(0.45, 0, 0.55, 1);

  cursor: pointer;
}

.in-page-nav li a:hover {
  color: currentColor;
  opacity: 1;
  background-color: color-mix(in srgb, currentColor 33%, transparent);
  transition: background-color 0.3s ease-in;
}

.press-quote__foot {
  text-transform: none !important;
  margin-top: var(--space-s); 
}

/* Home Page Specific Styles */
.hero--home h1 {
  text-shadow: var(--text-shadow);
}

.prose--home-story p {
  font-family: var(--font-family-accent);
  font-size: var(--size-step-2);
  font-weight: 400;
  line-height: 1.35;
}

.tiles--home-current .tile__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 100%;
}

.tiles--home-past .tile {
  box-shadow: var(--box-shadow);
  --tile-border-color: var(--color-dark);
}

/* About Page Specific Styles */
.prose--about-hero {
  background-color: var(--color-dark-opacity) !important;
}


/* Library Component */
.tiles--library .tile {
  transition: transform 0.3s ease-out;
}

.tiles--library .tile:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease-in;
}

.tiles--library .tile__image {
  transition: opacity 0.3s ease-out;
}

.tiles--library .tile:hover .tile__image {
  transform: none;
  opacity: 0.1;
  transition: opacity 0.3s ease-in;
}

.tiles--library .tile {
  border: 1px var(--color-light) solid;
  border-radius: 16px;
  position: relative;
  box-shadow: var(--box-shadow-heavy);

}

.tiles--library .tile__image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-m);
}

.tiles--library .tile__content {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  background: none;
  z-index: 2;
}

.tiles--library .tile__title {
  text-shadow: var(--text-shadow-heavy);
  letter-spacing: var(--kerning);
  text-align: center;
  width: 100%;
  transition: opacity 0.3s ease-out;
}

.tiles--library .tile:hover .tile__title {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.tiles--library .tile__buttons {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  justify-content: center;
  width: 100%;
  padding-inline: var(--space-s);
  transition: opacity 0.3s ease-out;
}

.tiles--library .tile:hover .tile__buttons {
  opacity: 1;
  transition: opacity 0.3s ease-in;
}

.tiles--library .tile__buttons > .button {
  flex: 1 1 50%;
  pointer-events: none;
}

.tiles--library .tile__buttons > .button {
  flex: 1 1 50%;
  pointer-events: none;
}

.tiles--library .tile:hover .tile__buttons > .button {
  pointer-events: all;
}