/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./source/styles/theme/theme-styles.css ***!
  \**************************************************************************************************************************************************************/
/**
 * Import all front-end CSS partials.
 *
 * This theme uses postcss-preset-env which allows for future CSS syntax to be used.
 * By default, all features are enabled.
 * https://preset-env.cssdb.org/features
 *
 * Compiles to assets/styles/theme-styles.css
 */

/* Import Modern CSS Reset https://github.com/hankchizljaw/modern-css-reset */

*,*::before,*::after{box-sizing:border-box}

body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}

ul[role="list"],ol[role="list"]{list-style:none}

html:focus-within{scroll-behavior:smooth}

body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}

a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}

img,picture{max-width:100%;display:block}

input,button,textarea,select{font:inherit}

@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/* Set project variables & settings such as colors, breakpoints, animation etc. */

/* Custom media query to only apply animations if the user has not selected 'prefers-reduced-motion: reduce' */

@media not all and (prefers-reduced-motion: reduce) {
  @keyframes pulse-down {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(0.3125rem);
    }
    100% {
      transform: translateY(0);
    }
  }

  @keyframes fade-in {
    0% {
      opacity: 0.01;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes pop-in {
    0% {
      transform: scaleY(0) translateY(0);
      /* transform: scaleY(.2); */
    }
    70% {
      transform: scaleY(0.7) translateY(-0.375rem);
      /* transform: scaleY(1); */
    }
    90% {
      transform: scaleY(1) translateY(-0.625rem);
      /* transform: scaleY(1); */
    }
    100% {
      transform: scaleY(1) translateY(0);
      /* transform: scaleY(1); */
    }
  }

  @keyframes spin {
    0% {
      transform: rotate(0);
      transform-origin: center center;
    }
    100% {
      transform: rotate(360deg);
      transform-origin: center center;
    }
  }
    @media (min-width: 768px) {

  .fade-in {
      opacity: 0.01;
      animation: fade-in;
      animation-duration: 0.25s;
      animation-delay: 0.15s;
      animation-fill-mode: forwards;
  }
    }

  .pop-in {
    transform: scaleY(0), translateY(0);
    animation: pop-in;
    animation-duration: 0.25s;
    animation-delay: 0.25s;
    animation-fill-mode: forwards;
    transform-origin: bottom;
  }

  .horizontal-scroll {
    animation: horizontal-scroll 1s linear infinite;
    animation-delay: 2s;
  }

  @keyframes horizontal-scroll {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(100vw);
    }
  }

  /* Slide on scroll animation */
  .slide-in {
    animation: slide-in 300ms linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -2s);

    animation-iteration-count: 0.5;
    animation-fill-mode: both;
  }

  @keyframes slide-in {
    0% {
      transform: translateX(-18.75rem);
    }
    100% {
      transform: translateX(0);
    }
  }

  /* Dropdown menu animations */
  .dropdown-animation {
    animation: dropdown 200ms cubic-bezier(1, 0, 1, 1.7) forwards;
  }

  .dropdown-animation-reverse {
    animation: dropdown-reverse 200ms cubic-bezier(1, 0, 1, 1.7) forwards;
  }

  .dropdown-animation-custom {
    animation: dropdown-custom 200ms cubic-bezier(1, 0, 1, 1.7) forwards;
  }

  .dropdown-animation-custom-reverse {
    animation: dropdown-custom-reverse 200ms cubic-bezier(1, 0, 1, 1.7) forwards;
  }

  @keyframes dropdown {
    0% {
      transform: translateY(-6.875rem);
      padding: 0 0 0 1.5rem;
      height: 0;
    }

    100% {
      transform: translateY(0);
      padding: 3rem 0 1rem 1.5rem;
      padding: 3rem 0 16px 1.5rem;
      padding: 3rem 0 var(--spacer) 1.5rem;
      height: -moz-fit-content;
      height: fit-content;
    }
  }

  @keyframes dropdown-reverse {
    0% {
      padding: 3rem 0 1rem 1.5rem;
      padding: 3rem 0 16px 1.5rem;
      padding: 3rem 0 var(--spacer) 1.5rem;
      height: -moz-fit-content;
      height: fit-content;
    }

    100% {
      padding: 0 0 0 1.5rem;
      height: 0;
    }
  }

  @keyframes dropdown-custom {
    0% {
      transform: translateY(-3.4375rem);
      padding: 0 0 0 1rem;
      height: 0;
    }

    100% {
      transform: translateY(0);
      padding: 5.875rem 1rem 1rem;
      padding: 5.875rem 16px 16px;
      padding: 5.875rem var(--spacer) var(--spacer);
      height: -moz-fit-content;
      height: fit-content;
    }
  }

  @keyframes dropdown-custom-reverse {
    0% {
      transform: translateY(0);
      padding: 5.25rem 1rem 1rem;
      padding: 5.25rem 16px 16px;
      padding: 5.25rem var(--spacer) var(--spacer);
      height: -moz-fit-content;
      height: fit-content;
    }

    100% {
      transform: translateY(-1.5625rem);
      padding: 0 0 0 1rem;
      height: 0;
    }
  }

  @keyframes mobile-nav {
    0% {
      max-height: 0;
    }
    100% {
      max-height: 62.5rem;
    }
  }
  @keyframes mobile-nav-reverse {
    0% {
      max-height: 62.5rem;
    }
    100% {
      max-height: 0;
    }
  }
}

/* End of --motion media query */

/* Extra MQ to further reduce animations and transitions */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001s !important;
    transition-duration: 0.001s !important;
  }
  html {
    scroll-behavior: auto !important;
  }
}

/**
 * Custom Breakpoints
 *
 * Use: @media (--medium) {}
 *
 * Tip: You can nest media queries.
 * https://gist.github.com/JeremyEnglert/a48ef614dc4a193eb0a7c26d3376c13b
 *
 */

/* @custom-media --motion (prefers-reduced-motion: no-preference); */

:root {
  /* Base Neutrals */
  --black: #222324;

  --light-gray: #f4f3ef;

  /* Brand Colors */
  --off-white: #f6f4f0;
  --light-dust: #fffbf8;
  --dust: #f3e9e1;
  --mint: #00ffc3;
  --dusk: #33271f;
  --charcoal: #262626;
  --translucent-dust: rgba(243, 233, 225, 0.25);
  --translucent-dusk: rgba(35, 31, 32, 0.15);
  --cyan-white: #e6faff;
  --gold: #ffad35;
  --yellow-brick: #edd7b4;
  --cyan: #00b4df;
  --tan-brick: #beaf9e;
  --dark-brown: #33271f;
  --light-brown: #938985;
  --white: var(--off-white);
  --grey: #8c9094;
  --gray: var(--grey);
  --gray-light: #e9e5de; /* .is-tag */
  --background-grey: var(--light-gray);
  --pink: #de63ce;
  --pink-dark: #b650a9;
  --pink-light: #e186d5;
  --cobalt: #072f66;
  --navy: #333b63;
  --navy-light: #b0b5ce;
  --red: #dc2d25;
  --green: #4caf50;
  --red-light: #f4bdba;
  --error: var(--red);
  --success: var(--green);

  /* Element Colors */
  --selection-background-color: var(--pink);
  --selection-color: auto;
  --headline-color: inherit;

  --body-font-color: var(--charcoal);
  --body-background-color: var(--charcoal);

  --footer-color: var(--off-white);
  --footer-background-color: var(--charcoal);

  --scrollbar-track-color: var(--off-white);
  --scrollbar-thumb-color: var(--pink);

  --link-color: var(--charcoal);
  --link-color-hover: var(--pink);
  --link-color-active: var(--pink-dark);

  --button-color: var(--off-white);
  --button-background-color: var(--pink);
  --button-border-color: var(--off-white);
  --button-backdrop: var(--peach);
  --button-backdrop-border: var(--navy);
  --button-hover-color: var(--off-white);
  --button-hover-background-color: var(--navy);
  --button-white-hover-background-color: var(--off-white);
  /* --button-hover-background: var(--primary-gradient); */
  --button-hover-background: var(--navy);
  --button-active-color: var(--off-white);
  --button-active-background-color: var(--pink);
  --button-white-active-background-color: var(--off-white);

  --hero-font-color: var(--white);
  --hero-background: var(--black);

  --input-background: white;
  --input-color: var(--charcoal);
  --input-placeholder-color: var(--grey);
  --input-border-color: var(--charcoal);
  --input-text-hover-color: var(--charcoal);
  --input-border-focus: var(--pink-dark);
  --input-error-color: var(--error);
  --input-success-color: var(--success);
}

:root {
  --grid-dark: linear-gradient(to right, var(--dusk) 0.0625rem, transparent 0.0625rem),
    linear-gradient(to bottom, var(--dusk) 0.0625rem, transparent 0.0625rem);
  --grid-dark-semi: linear-gradient(to right, var(--translucent-dusk) 0.0625rem, transparent 0.0625rem),
    linear-gradient(to bottom, var(--translucent-dusk) 0.0625rem, transparent 0.0625rem);
  --grid-light: linear-gradient(to right, var(--white) 0.0625rem, transparent 0.0625rem),
    linear-gradient(to bottom, var(--white) 0.0625rem, transparent 0.0625rem);

  --grid-small-size: 0.625rem 0.625rem;
  --grid-large-size: 3.75rem 3.75rem;
}

@font-face {
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "chandler-42-regular", sans-serif;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Newake";
  src: url("/wp-content/themes/atlantis-wlcr/assets/fonts/Newake/Newake-Font-Regular.woff")
      format("woff"),
    url("/wp-content/themes/atlantis-wlcr/assets/fonts/Newake/Newake-Font-Regular.woff2")
      format("woff2");
}

:root {
  --font-futura: "futura-pt", sans-serif;
  --font-newake: "Newake";
  --font-chandler42: "chandler-42-regular", sans-serif;

  --font-family-primary: var(--font-newake);
  --font-family-secondary: var(--font-futura);
  --font-family-tertiary: var(--font-chandler42);

  --font-family-body: var(--font-family-secondary);
  --font-family-heading: var(--font-family-primary);

  --font-weight-book: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  --line-height: 1.5rem;
  --line-height-heading: 2.1rem;

  --letter-spacing-small: 0.04em;
  --letter-spacing-headline: 0.06em;
  --letter-spacing-default: 0.1em;
  --letter-spacing-button: 0.1em;

  --font-size-button: 1.25rem;
  --font-size-button-small: 1rem;
  --font-size-body: 1rem;
  --paragraph-large-font-size: 1.5rem;

  --font-size-h1: 1.75rem;
  --font-size-h2: 1.4375rem;
  --font-size-h3: 1.75rem;
  --font-size-h4: 1.4375rem;
  --font-size-h5: 1.1875rem;
  --font-size-h6: 1rem;

  --input-font-family: var(--font-family-secondary);
}

@media (min-width: 992px) {

:root {
    --font-size-h1: 2.5rem;
    --font-size-h2: 2.0625rem;
}
  }

:root {
  --navbar-sticky-switch-at: 16.25rem;
  --scrollbar-width: 0.375rem;
  --header-height: 6rem;
  --global-width: 77.5rem;
  --global-width-narrow: 60rem;
  --container-width: 68.75rem;
  --adams-width: 26.25rem;
  --content-width-small: 35rem;
  --content-width-narrow: var(--global-width-narrow);
  --container-width-narrow: var(--global-width-narrow);

  --spacer: 1rem;
  --edge-space: 2.5rem;

  --site-logo-width: 4.6875rem;

  /* Cards */
  --border-radius: 0;
  --card-padding: 1.5rem; /* "border" around event cards and slides*/

  /* Forms */
  --input-padding-y: 1rem;
  --input-padding-x: 1rem;
  --input-padding: var(--input-padding-y) var(--input-padding-x);
  --input-border-size: 0.125rem;
  --input-border-radius: 0.0625rem;
  --form-spacer: 1.5rem;
  --form-spacer-half: calc(var(--form-spacer) / 2);

  /* Buttons */
  --button-border-radius: 0.0625rem;
  --button-border-width: 0.125rem;

  /* Transitions */
  --transition-duration: 250ms;
  --transition-timing-function: linear;

  /* Z-Indexes */
  --z-index-background: -1;
  --z-index-midground: 0;
  --z-index-foreground: 1;
  --z-index-subscribe-button: 1;
  --z-index-header: 10;
  --z-index-slideshow-controls: 10;
  --z-index-content-card-wrapper: 10;
  --z-index-page-border: 11;
  --z-index-contact-takeover: 12;
  --z-index-content-blocks: 20;
  --z-index-submenu: 30;
  --z-index-header-inner: 40;
  --z-index-header-nav: 60;
  --z-index-awning: 40;
  --z-index-primary-nav-children: 40;
  --z-index-awning-logo: 50;
  --z-index-primary-nav: 50;
  --z-index-page-inner-content: 100;
  --z-index-hamburger: 101;
  --z-index-modal: 999;
  --z-index-screen-reader: 100000;
  --z-index-modal-contents: 1000000;
}

/* Base Styles */

/************************************************

Global

Place generic, global styles here.

*************************************************/

* {
  box-sizing: border-box;
}

*::-moz-selection {
  background-color: #de63ce;
  background-color: var(--selection-background-color);
  color: auto;
  color: var(--selection-color);
}

*::selection {
  background-color: #de63ce;
  background-color: var(--selection-background-color);
  color: auto;
  color: var(--selection-color);
}

html {
  min-height: 100%;
  /* scroll-behavior: smooth; */
}

body,
html {
  /* TODO: Check if this is still needed, it conflicts with position: sticky */
  overflow-x: hidden;
}

body {
  color: #262626;
  color: var(--body-font-color);
  background-color: #262626;
  background-color: var(--body-background-color);
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-family-body);
  font-size: 1rem;
  font-size: var(--font-size-body);
  min-height: 100%;
}

body,
.primary-navigation-wrapper {
  scrollbar-width: thin;
}

body::-webkit-scrollbar, .primary-navigation-wrapper::-webkit-scrollbar {
    width: 0.375rem;
    width: var(--scrollbar-width);
  }

body::-webkit-scrollbar-track, .primary-navigation-wrapper::-webkit-scrollbar-track {
    background-color: #f6f4f0;
    background-color: var(--scrollbar-track-color);
  }

body::-webkit-scrollbar-thumb, .primary-navigation-wrapper::-webkit-scrollbar-thumb {
    background-color: #de63ce;
    background-color: var(--scrollbar-thumb-color);
  }

h1, h2, h3, h4, h5, h6, .subhead {
  line-height: 1.2;
  font-weight: normal;
  color: inherit;
  color: var(--headline-color);
  font-family: "Newake";
  font-family: var(--font-family-heading);
}

.subhead {
  font-size: var(--font-size-subhead);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
}

.page-title-wrapper {
  border-bottom: 2.3125rem solid transparent;
}

.page-title-wrapper .page-title {
    margin-bottom: 0.75rem;
  }

a:not(.button),
button.anchor {
  color: #262626;
  color: var(--link-color);
  cursor: pointer;
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-family-secondary);
}

a:not(.button):hover, button.anchor:hover {
    color: #de63ce;
    color: var(--link-color-hover);
  }

a:not(.button):active, button.anchor:active {
    color: #b650a9;
    color: var(--link-color-active);
  }

a.alt {
  --link-color: var(--white);
  --link-color-hover: var(--light-gray);
  --link-color-active: var(--dark-gray);
}

.actions,
.content-actions {
  --spacer: 1.25rem;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 768px) {

.actions,
.content-actions {
    flex-direction: row;
    margin-top: calc(1rem * 2);
    margin-top: calc(var(--spacer) * 2);
}
  }

@media (max-width: 767px) {

.actions > *,
  .content-actions > *,
  .actions > .button,
  .content-actions > .button {
      margin-top: 1rem;
      margin-top: var(--spacer);
      width: 100%;
  }
    }

@media (min-width: 768px) {

.actions > *,
  .content-actions > *,
  .actions > .button,
  .content-actions > .button {
      margin-left: 0.5rem;
      margin-right: 0.5rem;
  }
    }

@media (min-width: 768px) {

.actions > *:first-child, .content-actions > *:first-child, .actions > .button:first-child, .content-actions > .button:first-child {
        margin-left: 0;
    }
      }

@media (min-width: 768px) {

.actions > *:last-child, .content-actions > *:last-child, .actions > .button:last-child, .content-actions > .button:last-child {
        margin-right: 0;
    }
      }

.actions > .button:nth-child(2), .content-actions > .button:nth-child(2) {
      background-color: transparent;
      border: solid 0.0625rem #de63ce;
      border: solid 0.0625rem var(--pink);
      color: #de63ce;
      color: var(--pink);
    }

.content-card {
  --content-card-max-width: auto;
  max-width: auto;
  max-width: var(--content-card-max-width);
}

.content-card > * + * {
    margin-top: 1rem;
    margin-top: var(--spacer);
  }

@media (min-width: 768px) {

.content-card > * + * {
      margin-top: calc(1rem * 2);
      margin-top: calc(var(--spacer) * 2);
  }
    }

.content-card .content-paragraph > * + p {
      margin-top: 1.5rem;
    }

.content-card--impact {
  --content-card-max-width: 35rem;
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-family-secondary);
}

.content-card--impact .content-paragraph {
    font-size: 1.5rem;
    font-size: var(--paragraph-large-font-size);
    line-height: 1.28;
  }

.search-form .input-wrapper input {
      background-color: #8c9094;
      background-color: var(--grey);
    }

@keyframes flicker {
  0%,
  19.999%,
  22%,
  62.999%,
  64%,
  64.999%,
  70%,
  100% {
    opacity: 0.99;
  }
  20%,
  21.999%,
  63%,
  63.999%,
  65%,
  69.999% {
    opacity: 0.4;
  }
}

.search-modal-wrapper,
.search-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

.search-modal-wrapper .search-modal-overlay, .search-modal-overlay .search-modal-overlay {
    opacity: 0.8;
    background-image: var(--grunge-texture);
    background-size: cover;
    background-position: center;
  }

.search-modal-wrapper .search-modal, .search-modal-overlay .search-modal {
    text-align: center;
    max-width: 42.5rem;
    width: 100%;
    padding: 5rem;
    border-radius: 0;
    border-radius: var(--border-radius);
    box-shadow: 0.1875rem 0.375rem 0.5rem 0 rgba(51, 39, 31, 0.5);
    background-color: #f4f3ef;
    background-color: var(--background-grey);
    position: relative;
    z-index: 999999;
  }

.search-modal-wrapper .search-modal .close-modal-wrapper, .search-modal-overlay .search-modal .close-modal-wrapper {
      position: absolute;
      right: 1rem;
      top: 1rem;
    }

.search-modal-wrapper .search-modal .search-modal-title, .search-modal-overlay .search-modal .search-modal-title {
      margin-bottom: 1rem;
    }

.search-modal-wrapper .search-modal .field-wrapper, .search-modal-overlay .search-modal .field-wrapper {
      position: relative;
      border: 0.125rem solid #de63ce;
      border: 0.125rem solid var(--pink);
      margin-top: 1.5rem;
      margin-top: var(--form-spacer);
    }

.search-modal-wrapper .search-modal .field-wrapper input, .search-modal-overlay .search-modal .field-wrapper input {
        border: none;
        padding: 1rem 1rem;
        padding: var(--input-padding);
        width: 100%;
      }

.search-modal-wrapper .search-modal .field-wrapper .search-button-wrapper, .search-modal-overlay .search-modal .field-wrapper .search-button-wrapper {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 3.375rem;
        margin-top: 0;
      }

.search-modal-wrapper .search-modal .field-wrapper button,
      .search-modal-overlay .search-modal .field-wrapper button,
      .search-modal-wrapper .search-modal .field-wrapper a,
      .search-modal-overlay .search-modal .field-wrapper a {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 1rem;
        background-color: #de63ce;
        background-color: var(--pink);
        border-width: 0;
        text-align: center;
        cursor: pointer;
      }

.search-modal-wrapper .search-modal .field-wrapper button svg, .search-modal-overlay .search-modal .field-wrapper button svg, .search-modal-wrapper .search-modal .field-wrapper a svg, .search-modal-overlay .search-modal .field-wrapper a svg {
          height: 100%;
          width: 100%;
          display: inline-block;
        }

.search-modal-wrapper .search-modal .field-wrapper button svg g, .search-modal-overlay .search-modal .field-wrapper button svg g, .search-modal-wrapper .search-modal .field-wrapper a svg g, .search-modal-overlay .search-modal .field-wrapper a svg g {
            fill: #f6f4f0;
            fill: var(--off-white);
          }

.search-modal-wrapper .torn-image-wrapper, .search-modal-overlay .torn-image-wrapper {
    z-index: 1000000;
    z-index: var(--z-index-modal-contents);
    max-width: 42.5rem;
    max-height: 3.75rem;
  }

.search-modal-wrapper {
  display: none;
}

.search-modal-wrapper.is-open {
    display: flex;
    flex-direction: column;
  }

form {
  font-family: "futura-pt", sans-serif;
  font-family: var(--input-font-family);
  font-weight: normal;
}

.page-headline {
  margin-bottom: 1.5rem;
  text-transform: lowercase;
}

.input-group {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: auto;
  grid-auto-flow: row;
  grid-column-gap: 1.5rem;
  grid-column-gap: var(--form-spacer);
  grid-row-gap: 1.5rem;
  grid-row-gap: var(--form-spacer);
}

@media (min-width: 768px) {

.input-group {
    grid-template-rows: 1fr;
    grid-template-columns: auto;
    grid-auto-flow: column;
}
  }

.form-page {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-page p {
    margin-top: 1rem;
    margin-top: var(--spacer);
  }

.contact-form-wrapper:not(:last-child) {
    margin-bottom: calc(1rem * 2);
    margin-bottom: calc(var(--spacer) * 2);
  }

.form-message {
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-family-secondary);
  font-size: 1rem;
  font-size: var(--font-size-body);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-small);
}

/* Phone Number field styles */

.input-wrapper > .iti {
  display: block;
}

.form-page .input-wrapper input[type="checkbox"] {
  display: inline-block;
  width: auto;
  margin-top: 1.5rem;
  margin-right: 0.5rem;
}

/* end Phone Number styles */

.input-wrapper {
  position: relative;
}

.input-wrapper.full {
    flex: 0 0 100%;
  }

.input-wrapper.half {
    flex: 0 0 calc(50% - 0.75rem);
  }

@media (max-width: 991px) {

.input-wrapper.half {
      flex: 0 0 100%;
  }
    }

.input-wrapper.one-third {
    flex: 0 0 calc(33% - 0.75rem);
  }

@media (max-width: 991px) {

.input-wrapper.one-third {
      flex: 0 0 100%;
  }
    }

.input-wrapper + .input-wrapper {
    margin-top: 1.5rem;
  }

.input-wrapper input,
  .input-wrapper textarea {
    background-color: white;
    background-color: var(--input-background);
    transition: padding 200ms;
    width: 100%;
  }

.input-wrapper input:require:valid, .input-wrapper textarea:require:valid {
      border-color: 0.0625rem solid #4caf50;
      border-color: 0.0625rem solid var(--success);
      color: #4caf50;
      color: var(--success);
    }

.input-wrapper input:focus:invalid, .input-wrapper textarea:focus:invalid {
      border-color: 0.0625rem solid #dc2d25;
      border-color: 0.0625rem solid var(--error);
      color: #dc2d25;
      color: var(--error);
    }

.input-wrapper:not(.select-wrapper) label {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0.375rem;
    background-color: transparent;
    color: #262626;
    color: var(--input-color);
    font-size: 0.875rem;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 400ms, transform 0ms linear 1s;
  }

/* & input:focus + label, & input:not(:placeholder-shown) + label { */

.input-wrapper input:not(:-moz-placeholder) + label, .input-wrapper textarea:not(:-moz-placeholder) + label {
    opacity: 1;
    transform: translateY(-94%);
    -moz-transition: opacity 400ms linear, transform 200ms ease-out;
    transition: opacity 400ms linear, transform 200ms ease-out;
  }

.input-wrapper input:not(:placeholder-shown) + label,
  .input-wrapper textarea:not(:placeholder-shown) + label {
    opacity: 1;
    transform: translateY(-94%);
    transition: opacity 400ms linear, transform 200ms ease-out;
  }

input,
textarea {
  font-size: 1rem;
  font-size: var(--font-size-body);
  color: #262626;
  color: var(--input-color);
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-family-secondary);
}

input,
  textarea,
  input[type="text"],
  textarea[type="text"],
  input[type="email"],
  textarea[type="email"],
  input[type="tel"],
  textarea[type="tel"],
  input[type="password"],
  textarea[type="password"],
  input[type="search"],
  textarea[type="search"] {
    line-height: 1;
    border-radius: none;
    border: solid 0.125rem #262626;
    border: solid var(--input-border-size) var(--input-border-color);
    padding: 1rem 1rem;
    padding: var(--input-padding);
  }

input:hover::-moz-placeholder, textarea:hover::-moz-placeholder, input[type="text"]:hover::-moz-placeholder, textarea[type="text"]:hover::-moz-placeholder, input[type="email"]:hover::-moz-placeholder, textarea[type="email"]:hover::-moz-placeholder, input[type="tel"]:hover::-moz-placeholder, textarea[type="tel"]:hover::-moz-placeholder, input[type="password"]:hover::-moz-placeholder, textarea[type="password"]:hover::-moz-placeholder, input[type="search"]:hover::-moz-placeholder, textarea[type="search"]:hover::-moz-placeholder {
      color: #262626;
      color: var(--input-text-hover-color);
    }

input:hover::placeholder, textarea:hover::placeholder, input[type="text"]:hover::placeholder, textarea[type="text"]:hover::placeholder, input[type="email"]:hover::placeholder, textarea[type="email"]:hover::placeholder, input[type="tel"]:hover::placeholder, textarea[type="tel"]:hover::placeholder, input[type="password"]:hover::placeholder, textarea[type="password"]:hover::placeholder, input[type="search"]:hover::placeholder, textarea[type="search"]:hover::placeholder {
      color: #262626;
      color: var(--input-text-hover-color);
    }

input:hover::-moz-placeholder::placeholder, textarea:hover::-moz-placeholder::placeholder, input[type="text"]:hover::-moz-placeholder::placeholder, textarea[type="text"]:hover::-moz-placeholder::placeholder, input[type="email"]:hover::-moz-placeholder::placeholder, textarea[type="email"]:hover::-moz-placeholder::placeholder, input[type="tel"]:hover::-moz-placeholder::placeholder, textarea[type="tel"]:hover::-moz-placeholder::placeholder, input[type="password"]:hover::-moz-placeholder::placeholder, textarea[type="password"]:hover::-moz-placeholder::placeholder, input[type="search"]:hover::-moz-placeholder::placeholder, textarea[type="search"]:hover::-moz-placeholder::placeholder {
        color: #8c9094;
        color: var(--input-placeholder-color);
      }

input:hover::placeholder::placeholder, textarea:hover::placeholder::placeholder, input[type="text"]:hover::placeholder::placeholder, textarea[type="text"]:hover::placeholder::placeholder, input[type="email"]:hover::placeholder::placeholder, textarea[type="email"]:hover::placeholder::placeholder, input[type="tel"]:hover::placeholder::placeholder, textarea[type="tel"]:hover::placeholder::placeholder, input[type="password"]:hover::placeholder::placeholder, textarea[type="password"]:hover::placeholder::placeholder, input[type="search"]:hover::placeholder::placeholder, textarea[type="search"]:hover::placeholder::placeholder {
        color: #8c9094;
        color: var(--input-placeholder-color);
      }

input:focus, textarea:focus, input[type="text"]:focus, textarea[type="text"]:focus, input[type="email"]:focus, textarea[type="email"]:focus, input[type="tel"]:focus, textarea[type="tel"]:focus, input[type="password"]:focus, textarea[type="password"]:focus, input[type="search"]:focus, textarea[type="search"]:focus {
      border: none;
      outline: 0.125rem solid #b650a9;
      outline: 0.125rem solid var(--input-border-focus);
    }

textarea {
  max-width: 100%;
  min-height: 4rem;
}

.form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.form-actions > button {
    width: 100%;
    display: inline-block;
    border: none;
    align-items: center;
  }

.form-actions > button > svg {
      width: 100%;
    }

.form-actions > button > span {
      font-family: "futura-pt", sans-serif;
      font-family: var(--font-family-secondary);
      text-transform: uppercase;
      letter-spacing: 0.1em;
      letter-spacing: var(--letter-spacing-button);
    }

.form-actions > * + * {
    margin-left: 1.5rem;
  }

.button-group > * + * {
    margin-left: 1.5rem;
  }

.subscribe-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.subscribe-button svg,
  .subscribe-button .subscribe-button-text {
    width: 100%;
  }

.subscribe-button .subscribe-button-text {
    letter-spacing: 0.1em;
    letter-spacing: var(--letter-spacing-button);
    z-index: 1;
    margin-left: -100%;
  }

.content-card > p > .hive-form-email-link {
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-family-secondary);
}

.contact-form-wrapper .paged-form-wrapper .hive-signup-form {
  margin-bottom: 4rem;
}

.contact-form-wrapper .paged-form-wrapper .hive-signup-form h2 {
    font-family: "futura-pt", sans-serif;
    font-weight: 500;
    margin-bottom: 1.5rem;
    letter-spacing: normal;
  }

.contact-form-wrapper .paged-form-wrapper .hive-signup-form h2 + p,
  .contact-form-wrapper .paged-form-wrapper .hive-signup-form br {
    display: none;
  }

.contact-form-wrapper .paged-form-wrapper .hive-signup-form > p {
    margin: 0;
    padding: 0;
    line-height: 1em;
  }

.contact-form-wrapper .paged-form-wrapper .hive-signup-form label {
    max-width: 100%;
  }

.contact-form-wrapper .paged-form-wrapper .hive-signup-form .opt-in-text {
    margin: 0.5rem 2rem 1.5rem;
    margin-top: -1.625rem;
  }

.contact-form-wrapper .paged-form-wrapper .hive-signup-form input,
  .contact-form-wrapper .paged-form-wrapper .hive-signup-form textarea {
    background-color: white;
    background-color: var(--input-background);
    transition: padding 200ms;
    width: 100%;
    border: solid 0.125rem #262626;
    border: solid var(--input-border-size) var(--input-border-color);
    padding: 1rem 1rem;
    padding: var(--input-padding);
    color: #262626;
    color: var(--input-color);
    font-family: "futura-pt", sans-serif;
    font-family: var(--font-family-secondary);
    font-size: 1rem;
    font-size: var(--font-size-body);
    max-width: 100%;
  }

.contact-form-wrapper .paged-form-wrapper .hive-signup-form input:require:valid, .contact-form-wrapper .paged-form-wrapper .hive-signup-form textarea:require:valid {
      border-color: 0.0625rem solid #4caf50;
      border-color: 0.0625rem solid var(--success);
      color: #4caf50;
      color: var(--success);
    }

.contact-form-wrapper .paged-form-wrapper .hive-signup-form input:focus:invalid, .contact-form-wrapper .paged-form-wrapper .hive-signup-form textarea:focus:invalid {
      border-color: 0.0625rem solid #dc2d25;
      border-color: 0.0625rem solid var(--error);
      color: #dc2d25;
      color: var(--error);
    }

.contact-form-wrapper .paged-form-wrapper .hive-signup-form input[type="checkbox"] {
    width: auto;
    margin: 1rem 0.5rem 0;
  }

.contact-form-wrapper .paged-form-wrapper .hive-signup-form button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: black;
    color: white;
    max-width: 100%;
    padding: 1rem 1rem;
    padding: var(--input-padding);
  }

.contact-form-wrapper .paged-form-wrapper .hive-signup-form button:hover {
      background-color: #de63ce;
      background-color: var(--link-color-hover);
      border: 0.125rem solid black;
    }

/* Form field wrapper styles */

.form-field {
  margin-bottom: 1.5rem;
}

.form-field label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
  }

.form-field input,
  .form-field textarea {
    width: 100%;
  }

/* Screen reader only utility class */

.sr-only {
  position: absolute !important;
  width: 0.0625rem !important;
  height: 0.0625rem !important;
  padding: 0 !important;
  margin: -0.0625rem !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.hide {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
}

.visually-hidden {
  /* stylelint-disable-next-line */
  overflow: hidden;
  width: 0.0625rem;
  height: 0.0625rem;
  margin: -0.0625rem;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
}

@media (min-width: 992px) {

.mobile-only {
    display: none !important;
}
  }

@media (max-width: 991px) {

.desktop-only {
    display: none !important;
}
  }

/* Background Images */

.full-size {
  height: 100%;
  width: 100%;
}

.background-cover,
.background-image,
[data-responsive-background] {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

[data-responsive-background-image] {
  /* display: none; */
  opacity: 0.001;
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

/* Typography Helpers */

.is-text-3xl {
  font-size: 5rem;
}

.is-text-2xl {
  font-size: 3.75rem;
}

.is-text-pink {
  color: #de63ce;
  color: var(--pink);
}

.is-text-light-brown {
  color: #938985;
  color: var(--light-brown);
}

.is-text-white {
  color: #f6f4f0 !important;
  color: var(--white) !important;
}

.is-text-black {
  color: #222324;
  color: var(--black);
}

.paragraph-large {
  font-size: 1.5rem;
  font-size: var(--paragraph-large-font-size);
}

.impact-text {
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-family-secondary);
  font-size: 2.8125rem;
  line-height: 1.25;
}

.full-width {
  width: 100%;
}

.text-center {
  text-align: center;
}

.bold {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
}

h1,
.h1 {
  font-family: "Newake";
  font-family: var(--font-family-heading);
  font-size: 1.75rem;
  font-size: var(--font-size-h1);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.06em;
  letter-spacing: var(--letter-spacing-headline);
  line-height: 2.1rem;
  line-height: var(--line-height-heading);
}

@media (min-width: 992px) {

h1,
.h1 {
    font-size: 1.75rem;
    font-size: var(--font-size-h1);
}
  }

h2,
.h2 {
  font-family: "Newake";
  font-family: var(--font-family-heading);
  font-size: 1.4375rem;
  font-size: var(--font-size-h2);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  line-height: 2.1rem;
  line-height: var(--line-height-heading);
  letter-spacing: 0.06em;
  letter-spacing: var(--letter-spacing-headline);
}

h3,
.h3 {
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-family-secondary);
  font-size: 1.75rem;
  font-size: var(--font-size-h3);
}

h4,
.h4 {
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-family-secondary);
  font-size: 1.4375rem;
  font-size: var(--font-size-h4);
}

h5,
.h5 {
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-family-secondary);
  font-size: 1.1875rem;
  font-size: var(--font-size-h5);
}

h6,
.h6 {
  font-family: "Newake";
  font-family: var(--font-family-primary);
  font-size: 1rem;
  font-size: var(--font-size-h6);
}

p {
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-family-secondary);
  font-size: 1rem;
  font-size: var(--font-size-body);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
}

.inline-link {
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  font-size: 1rem;
  font-size: var(--font-size-body);
}

.is-size-xs {
  font-size: 0.75rem;
}

.is-size-sm {
  font-size: 0.875rem;
}

.is-size-normal {
  font-size: 1rem;
  font-size: var(--font-size-body);
}

.is-size-md {
  font-size: 1.1875rem;
}

.is-size-lg {
  font-size: 1.25rem;
}

.is-size-xl {
  font-size: 1.4375rem;
}

.is-size-2xl {
  font-size: 1.875rem;
}

.is-size-3xl {
  font-size: 2.5rem;
}

.is-size-4xl {
  font-size: 3.125rem;
}

.is-font-medium {
  font-weight: 500;
}

.is-font-semibold {
  font-weight: 600;
}

.is-font-bold {
  font-weight: 800;
}

.is-uppercase {
  text-transform: uppercase;
}

.is-capitalize {
  text-transform: capitalize;
}

.is-underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.is-letter-spacing-normal {
  letter-spacing: normal;
}

.is-letter-spacing-small {
  letter-spacing: 0.04em;
  letter-spacing: var(--letter-spacing-small);
}

.is-letter-spacing-medium {
  letter-spacing: 0.1em;
  letter-spacing: var(--letter-spacing-default);
}

.is-tag {
  background-color: #e9e5de;
  background-color: var(--gray-light);
  padding: 0.4375rem 0.875rem;
  font-size: 0.75rem;
  border-radius: 0;
  border-radius: var(--border-radius);
  font-weight: 500;
  margin-right: 0.5rem;
}

.block-padding {
  padding: 2.25rem 1.25rem;
}

@media (min-width: 768px) {

.block-padding {
    padding: 2.25rem 6.75rem;
}
  }

.is-background-white {
  background-color: #f6f4f0;
  background-color: var(--off-white);
}

.site-wrapper {
  position: relative;
}

.container,
ul.container,
.container--narrow,
.entry-content {
  margin-left: auto;
  margin-right: auto;
}

.container,
ul.container {
  max-width: 68.75rem;
  max-width: var(--container-width);
}

.container--narrow {
  margin-left: auto;
  margin-right: auto;
  max-width: 60rem;
  max-width: var(--container-width-narrow);
}

.entry-content {
  max-width: 60rem;
  max-width: var(--content-width-narrow);
}

.container--half-right {
  margin-right: auto;
  max-width: calc(68.75rem / 2);
  max-width: calc(var(--container-width) / 2);
}

.container--half-left {
  margin-left: auto;
  max-width: calc(68.75rem / 2);
  max-width: calc(var(--container-width) / 2);
}

@media (min-width: 768px) {

.side {
    width: 50%;
}
  }

.content-wrapper {
  padding-left: 2.5rem;
  padding-left: var(--edge-space);
  padding-right: 2.5rem;
  padding-right: var(--edge-space);
}

.section-spacing-large {
  padding-top: 8.125rem;
  padding-bottom: 8.125rem;
}

.section-spacing {
  padding-top: 1rem;
  padding-bottom: 0.9375rem;
}

.section-spacing-x {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.rte * + * {
    margin-bottom: 2rem;
  }

.icon,
.svg-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.25em;
  height: 1.25em;
  fill: currentColor;
}

.icon--wide {
  width: 2.5rem;
}

/* Component Styles */

.accordion-items-headline {
  display: block;
  text-align: center;
  padding-bottom: 2.25rem;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

/* .accordion-items {} */

/* .accordion-item {} */

.accordion-hr {
  margin: 1.5rem 0;
}

@media (min-width: 768px) {

.accordion-hr {
    margin: 2.25rem 0;
}
  }

.accordion-details > * + * {
    margin-top: 1em;
  }

.accordion-details .accordion-summary svg {
    fill: currentColor;
    transform: rotate(0deg);
    transition: transform 400ms;
  }

.accordion-details[open] .accordion-summary svg {
    transform: rotate(-180deg);
  }

.accordion-details summary::-webkit-details-marker,
  .accordion-details p:empty {
    /* Hide default details+summary arrow */
    display: none;
  }

.accordion-summary {
  display: grid;
  grid-template-columns: 1fr auto;
  width: 100%;
  padding: 0.375rem 0;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  cursor: pointer;
  transition: color var(--global-transition);
}

.accordion-summary * {
    color: inherit;
  }

.accordion-summary:hover {
    color: #de63ce;
    color: var(--pink);
  }

.accordion-summary:active {
    color: var(--dark-pink);
  }

.accordion-summary:focus-visible {
    outline: 0.3125rem solid #de63ce;
    outline: 0.3125rem solid var(--pink);
  }

.accordion-title {
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-futura);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-size: 1.1875rem;
  font-size: var(--font-size-h5);
  line-height: 1.2;
  text-transform: uppercase;
}

.announcement-card {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 28.125rem;
}

.announcement-card .announcement-card-title {
    padding-bottom: 0.625rem;
    font-family: "futura-pt", sans-serif;
    font-family: var(--font-futura);
    font-size: 1.75rem;
    font-size: var(--font-size-h3);
    line-height: 1.2;
    letter-spacing: 0.01em;
  }

.announcement-card-scroll-container {
  background-color: #f6f4f0;
  background-color: var(--off-white);
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.5rem 1.5rem 0.625rem 1.5rem;
}

.announcement-card-list {
  padding: 0 3rem 0 0;
  margin: 0;
  list-style: none;
  overflow-y: scroll;
  max-height: 20.3125rem;
}

.announcement-card-list hr {
    margin: 0.625rem 0;
    border-top: 0.0625rem solid #262626;
    border-top: 0.0625rem solid var(--body-font-color);
  }

.announcement-card-list hr:last-child {
      display: none;
    }

.announcement-card-list a {
    display: block;
    width: 100%;
    font-family: "futura-pt", sans-serif;
    font-family: var(--font-futura);
    font-size: 0.875rem;
    line-height: 1.5;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.announcement-card-list a:hover {
      color: #de63ce;
      color: var(--pink);
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

.announcement-card-list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0.4375rem;
  }

.announcement-card-list::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
    background-color: #333b63;
    background-color: var(--navy);
    box-shadow: 0 0 0.0625rem rgba(255, 255, 255, 0.5);
  }

.announcement-card-list::-webkit-scrollbar-track {
    background: #f6f4f0;
    background: var(--white);
  }

.button,
a.button,
.list-item-cta .postponed.inactive {
  --button-padding: 0.875rem 1.4375rem;
  position: relative;
  display: inline-block;
  padding: 0.875rem 1.4375rem;
  padding: var(--button-padding);
  line-height: 1.5rem;
  line-height: var(--line-height);
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Newake";
  font-family: var(--font-family-primary);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-size: 1.25rem;
  font-size: var(--font-size-button);
  letter-spacing: 0.1em;
  letter-spacing: var(--letter-spacing-button);
  color: #f6f4f0;
  color: var(--button-color);
  background-color: #de63ce;
  background-color: var(--button-background-color);
  border-color: #f6f4f0;
  border-color: var(--button-border-color);
  border-width: 0.125rem;
  border-width: var(--button-border-width);
  border-style: solid;
  border-radius: 0.0625rem;
  border-radius: var(--button-border-radius);
  cursor: pointer;
  z-index: 1;
  z-index: var(--z-index-foreground);
  min-width: 12.5rem;
  max-width: 100%;
  text-align: center;

  /* Pseudo elements */
  /* Hover & Active States */
}

.button:hover,
  a.button:hover,
  .list-item-cta .postponed.inactive:hover,
  .button:focus,
  a.button:focus,
  .list-item-cta .postponed.inactive:focus {
    color: #f6f4f0;
    color: var(--button-hover-color);
    background-color: #333b63;
    background-color: var(--button-hover-background-color);
  }

.button:active, a.button:active, .list-item-cta .postponed.inactive:active {
    color: #f6f4f0;
    color: var(--button-active-color);
    border-color: #de63ce;
    border-color: var(--button-active-background-color);
  }

/* Additional button styles */

.button.alt, a.button.alt, .list-item-cta .postponed.inactive.alt {
    --button-background-color: var(--navy);
    --button-hover-background-color: var(--cobalt);
    --button-active-background-color: var(--cobalt);
  }

.button.secondary, a.button.secondary, .list-item-cta .postponed.inactive.secondary {
    --button-border-color: var(--navy);
    --button-color: var(--navy);
    --button-background-color: var(--white);
    --button-hover-color: var(--off-white);
    --button-hover-background-color: var(--navy);
    --button-active-background-color: var(--white);
  }

.button.tertiary, a.button.tertiary, .list-item-cta .postponed.inactive.tertiary {
    --button-border-color: var(--white);
    --button-color: var(--black);
    --button-background-color: var(--blue);
    --button-hover-color: var(--black);
    --button-hover-background-color: var(--light-blue);
    --button-active-background-color: var(--light-blue);
  }

.button.hollow, a.button.hollow, .list-item-cta .postponed.inactive.hollow {
    --button-color: var(--white);
    --button-background-color: transparent;
    --button-hover-color: var(--light-gray);
    --button-hover-background-color: var(--button-background-color);
    --button-border-color: var(--button-background-color);
  }

.button[disabled], a.button[disabled], .list-item-cta .postponed.inactive[disabled] {
    background: #efc871;
    color: #de63ce;
    color: var(--pink);
  }

.button.button-canceled[disabled], a.button.button-canceled[disabled], .list-item-cta .postponed.inactive.button-canceled[disabled] {
    background: #8c9094;
    background: var(--gray);
    color: #938985;
    color: var(--light-brown);
  }

.button.button-canceled[disabled]:hover, a.button.button-canceled[disabled]:hover, .list-item-cta .postponed.inactive.button-canceled[disabled]:hover {
      background: #8c9094;
      background: var(--gray);
      color: #938985;
      color: var(--light-brown);
    }

.button.button-white, a.button.button-white, .list-item-cta .postponed.inactive.button-white {
    background-color: rgba(255, 255, 255, 0.9);
    color: #de63ce;
    color: var(--pink);
    border: 0.125rem solid #de63ce;
    border: var(--button-border-width) solid var(--pink);
  }

.button.button-white:hover, a.button.button-white:hover, .list-item-cta .postponed.inactive.button-white:hover {
      background-color: #f6f4f0;
      background-color: var(--button-white-hover-background-color);
    }

.button.button-white:active, a.button.button-white:active, .list-item-cta .postponed.inactive.button-white:active {
      border: 0.125rem solid #f6f4f0;
      border: var(--button-border-width) solid var(--white);
      background-color: #f6f4f0;
      background-color: var(--button-white-active-background-color);
      color: #f6f4f0;
      color: var(--button-active-color);
    }

.text-button,
button.text-button {
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: #262626;
  color: var(--link-color);
}

.text-button:hover, button.text-button:hover {
    color: #de63ce;
    color: var(--link-color-hover);
  }

.text-button:active, button.text-button:active {
    color: #b650a9;
    color: var(--link-color-active);
  }

.text-button.menu-button, button.text-button.menu-button {
    font-size: 1.4375rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    pointer-events: none;
  }

@media (min-width: 992px) {

.text-button.menu-button, button.text-button.menu-button {
      font-size: 1rem;
      pointer-events: all;
  }
    }

.content-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-align: center;
  width: 100%;
}

.content-actions .event-button {
    margin-top: 0.5rem;
  }

.content-actions .event-button .event-button-link.callout-link {
      display: grid;
      -webkit-text-decoration: none;
      text-decoration: none;
      text-align: center;
      grid-template-columns: 1fr;
      width: 100%;
    }

.content-actions .event-button .event-button-link.callout-link svg,
      .content-actions .event-button .event-button-link.callout-link span {
        width: 100%;
      }

.content-actions .event-button:nth-child(odd) {
      padding-right: 0.75rem;
    }

.content-actions .event-button:nth-child(even) {
      padding-left: 0.75rem;
    }

.form-page .event-button {
    width: 100%;
  }

.form-page .event-button .form-actions {
      display: grid;
      -webkit-text-decoration: none;
      text-decoration: none;
      text-align: center;
      grid-template-columns: 1fr;
      width: 100%;
    }

.form-page .event-button .form-actions svg,
      .form-page .event-button .form-actions span {
        width: 100%;
      }

/* Block Styles */

.alternating-rows {
}

.alternating-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}

@media (min-width: 992px) {

.alternating-row {
    flex-direction: row;
}

    .alternating-row:nth-child(even) {
      flex-direction: row-reverse;
    }
  }

.alternating-row.extra-images {
    flex-wrap: wrap;
    justify-content: center;
  }

.alternating-row.extra-images img {
      max-height: 39.875rem;
      margin: 1.25rem 0;
    }

@media (min-width: 992px) {
      .alternating-row.extra-images img {
        margin: 3.75rem;
        max-width: 50%;
      }

      .alternating-row.extra-images img:nth-child(even) {
        position: relative;
      }

      .alternating-row.extra-images img:first-child {
        margin-top: -12.5rem;
      }

      .alternating-row.extra-images img:not(:last-child):not(:first-child) {
        margin-bottom: -25rem;
      }
    }

.alternating-row .row-content {
    flex: 1;
    padding: 2.5rem 10%;
  }

@media (min-width: 992px) {

.alternating-row .row-content {
      padding: 5rem 10% 6.25rem;
      margin-top: 12.5rem;
      margin-bottom: 12.5rem;
  }
    }

.alternating-row .row-content-inner {
    max-width: 26.25rem;
    max-width: var(--adams-width);
  }

.alternating-row .row-image-wrapper {
    flex: 1;
    text-align: center;
  }

.alternating-row .row-image {
    max-height: 51.5rem;
    margin: auto;
  }

.alternating-row .row-text {
    font-size: 1.5625rem;
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    line-height: 1.48;
  }

.alternating-row .row-actions {
    margin-top: 1.25rem;
  }

.block--alternating {
  position: relative;
}

.block--alternating::before {
    content: "";
    position: absolute;
    left: 0;
    top: 30%;
    width: 100%;
    height: 30%;
    background-color: #33271f;
    background-color: var(--dusk);
    background-image: linear-gradient(to right, #33271f 0.0625rem, transparent 0.0625rem),
    linear-gradient(to bottom, #33271f 0.0625rem, transparent 0.0625rem);
    background-image: var(--grid-dark);
    background-size: 3.75rem 3.75rem;
    background-size: var(--grid-large-size);
    background-blend-mode: multiply;
    z-index: -1;
    z-index: var(--z-index-background);
  }

.block--alternating .blob {
    position: absolute;
  }

@media (max-width: 767px) {

.block--alternating .blob {
      display: none;
  }
    }

.block--alternating .blob:nth-child(1) {
      --blob-width: 8.25rem;
      --blob-height: 8.25rem;
      bottom: 99%;
      right: 15%;
    }

.block--alternating .blob:nth-child(2) {
      --blob-width: 3.125rem;
      --blob-height: 3.125rem;
      top: 20%;
      left: 15%;
    }

.block--alternating .blob:nth-child(3) {
      --blob-width: 2.1875rem;
      --blob-height: 2.1875rem;
      top: 35%;
      left: 40%;
    }

.block--alternating .blob:nth-child(4) {
      --blob-width: 2.625rem;
      --blob-height: 2.625rem;
      top: 68%;
      left: 60%;
    }

@media (min-width: 768px) {

.block--alternating .blob:nth-child(4) {
        --blob-width: 4.5rem;
        --blob-height: 4.5rem;
        top: 58%;
    }
      }

.block--alternating .blob:nth-child(5) {
      --blob-width: 3.125rem;
      --blob-height: 3.125rem;
      top: 80%;
      left: 15%;
    }

.block--alternating .blob:nth-child(6) {
      --blob-width: 8.75rem;
      --blob-height: 8.75rem;
      top: 75%;
      right: 5%;
    }

/* Callout Block */

.block--callout {
  color: #262626;
  color: var(--charcoal);
}

.block--callout .content-card {
    background-color: #f6f4f0;
    background-color: var(--white);
    box-shadow: 0.1875rem 0.375rem 0.5rem 0 rgba(51, 39, 31, 0.5);
    border-radius: 0;
    border-radius: var(--border-radius);
    margin-left: auto;
    margin-right: auto;
  }

.block--callout .content-paragraph {
    font-size: 1rem;
    line-height: 1.5rem;
  }

/* Nested elements */

.block--callout .content-headline.headline-center {
      text-align: center;
    }

.block--callout .content-subhead {
    color: var(--subhead-color);
    font-size: 2.1875rem;
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    line-height: normal;
  }

.block--callout .image-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 6.25rem;
    max-width: 77.5rem;
    max-width: var(--global-width);
    margin-left: auto;
    margin-right: auto;
  }

@media (min-width: 768px) {

.block--callout .image-list {
      flex-direction: row;
  }
    }

.block--callout .image-list li {
      flex: 1;
      text-align: center;
      padding: 1.25rem;
    }

.block--callout .image-list li img {
        display: inline;
        display: initial;
        max-height: 4.5rem;
        max-width: 20.5625rem;
      }

/* Cards Block */

.block--cards {
  background-color: #f4f3ef;
  background-color: var(--light-gray);
  padding-top: 6.25rem;
}

.block--cards .block-headline {
    text-align: center;
    margin-bottom: 5rem;
  }

.block--cards .card-list {
    display: flex;
    padding-bottom: 6.25rem; /* End .card-list.board */
  }

.block--cards .card-list.grid {
      --card-inner-background-color: var(--red);
      --card-item-padding: 0.28125rem;
      --card-headline-color: var(--cream);
      --card-inner-padding: 10%;

      flex-wrap: wrap;
      justify-content: center;
    }

.block--cards .card-list.grid .card-item {
        display: flex;
      }

.block--cards .card-list.grid .card-inner {
        background-size: cover;
        background-position: center center;
        width: 100%;
        min-height: 30vw;
        display: flex;
        align-items: center;
        justify-content: center;
      }

.block--cards .card-list.grid .content-headline {
        font-size: 2.0625rem;
        text-transform: uppercase;
        letter-spacing: 0.0625rem;
      }

.block--cards .card-list.grid .content-paragraph {
        font-size: 1.125rem;
      }

@media (min-width: 992px) {

.block--cards .card-list.grid {
        --card-item-width: 50%;
    }
      }

.block--cards .card-list.tombstones {
      --card-item-padding: 1.25rem;
      --card-item-width: auto;
      --card-inner-border-radius: 1rem;
      --card-inner-background-color: var(--white);
      --card-inner-padding: 1.25rem 0 0;
    }

@media (min-width: 992px) {

.block--cards .card-list.tombstones {
        --card-item-padding: 1.875rem;
        --card-item-width: calc(100% / 3);
    }
      }

.block--cards .card-list.tombstones .content-headline {
        text-align: center;
      }

.block--cards .card-list.board {
      padding: 1.25rem 0.625rem;
      flex-wrap: wrap;
      flex-direction: column;
    }

@media (min-width: 992px) {

.block--cards .card-list.board {
        padding: 2.5rem 0.625rem 5rem;
        flex-direction: row;
        justify-content: center;
    }
      }

.block--cards .card-list.board .card-item {
        flex: 1;
        flex-basis: 50%;
        padding: 0.625rem 0.625rem 1.25rem;
        position: relative;
        z-index: 1;
        z-index: var(--z-index-foreground);
        max-width: 100%;
      }

@media (min-width: 992px) {

.block--cards .card-list.board .card-item {
          padding: 0.625rem 1.25rem 1.875rem;
          max-width: 50%;
      }
        }

.block--cards .card-list.board .card-inner {
        background-color: #33271f;
        background-color: var(--dusk);
        position: relative;
        height: 100%;
      }

.block--cards .card-list.board .card-inner::before {
          content: "";
          position: absolute;
          top: var(--card-offset);
          left: var(--card-offset);
          width: 100%;
          height: 100%;
          background-color: #f3e9e1;
          background-color: var(--dust);
          border: var(--boxed-border-size) solid #33271f;
          border: var(--boxed-border-size) solid var(--dusk);
          z-index: -1;
          z-index: var(--z-index-background);
          pointer-events: none;
        }

.block--cards .card-list.board .card-inner::after {
          content: "";
          position: absolute;
          top: 0;
          left: 100%;
          width: var(--fillet-size-small);
          height: var(--fillet-size-small);
          background-color: #f3e9e1;
          background-color: var(--dust);
          border-top: var(--boxed-border-size) solid black;
          transform: rotate(45deg);
          transform-origin: top left;
          z-index: -1;
          z-index: var(--z-index-background);
        }

.block--cards .card-list.board .content-card {
        padding: 2.5rem 1.25rem 3.75rem;
      }

@media (min-width: 992px) {

.block--cards .card-list.board .content-card {
          padding: 2.5rem 2.5rem 5rem;
      }
        }

.block--cards .card-list.board .content-headline {
        text-align: center;
        text-transform: uppercase;
      }

@media (max-width: 991px) {

.block--cards .card-list.board .content-paragraph {
          text-align: center;
      }
        }

.block--cards .card-item {
    padding: var(--card-item-padding);
    width: var(--card-item-width);
  }

.block--cards .card-inner {
    background-color: var(--card-inner-background-color);
    border-radius: var(--card-inner-border-radius);
    padding: var(--card-inner-padding);
    height: 100%;
  }

.block--cards .background-image {
    padding-bottom: 90%;
  }

.block--cards .content-headline {
    color: var(--card-headline-color);
  }

.block--cards .content-card {
    padding: 1rem 3.125rem 2.8125rem;
  }

.block--cards .content-paragraph {
    line-height: 1.68;
  }

@media (max-width: 767px) {
    .block--cards .card-list {
      flex-direction: column;
    }
  }

/* Grid */

.block--cards.block--cards--grid {
    background-color: #f3e9e1;
    background-color: var(--dust);
  }

/* Board */

.block--cards.block--cards--board {
    background-color: #33271f;
    background-color: var(--dusk);
    /* background-image: var(--grid-small); */
    background-image: linear-gradient(to right, #33271f 0.0625rem, transparent 0.0625rem),
    linear-gradient(to bottom, #33271f 0.0625rem, transparent 0.0625rem);
    background-image: var(--grid-dark);
    background-size: 0.625rem 0.625rem;
    background-size: var(--grid-small-size);
    background-blend-mode: multiply;
    padding: 5rem 0.625rem;
    position: relative;
    z-index: 1;
    z-index: var(--z-index-foreground);
  }

@media (min-width: 992px) {

.block--cards.block--cards--board {
      padding: 6.25rem 1.25rem;
  }
    }

.block--cards.block--cards--board .container {
      position: relative;
      background-color: var(--peach);
      border: 0.125rem solid #33271f;
      border: 0.125rem solid var(--dusk);
    }

.block--cards.block--cards--board .container::before {
        content: "";
        position: absolute;
        top: var(--card-offset);
        left: var(--card-offset);
        width: 100%;
        height: 100%;
        background-color: #f3e9e1;
        background-color: var(--dust);
        z-index: -1;
        z-index: var(--z-index-background);
        pointer-events: none;
      }

.block--cards.block--cards--board .container::after {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: var(--card-offset) 0 0 var(--card-offset);
        border-color: transparent transparent transparent #f3e9e1;
        border-color: transparent transparent transparent var(--dust);
        z-index: -1;
        z-index: var(--z-index-background);
      }

.block--cards.block--cards--board .block-headline {
      border-bottom: 0.125rem solid #33271f;
      border-bottom: 0.125rem solid var(--dusk);
      padding: 0.875rem;
      margin-bottom: 0;
    }

.block--cards.block--cards--board .block-footer-actions {
      padding: 5rem 1.25rem 0;
    }

.block--cards .block-footer {
    text-align: center;
  }

.block--cards .block-footer-paragraph {
    font-size: 1.875rem;
    line-height: 1.37;
    padding-bottom: 6.25rem;
  }

.block--cards .block-footer-actions {
    padding-bottom: 6.25rem;
  }

.block--cluster {
  padding-top: 6.25rem;
  padding-bottom: 8.75rem;
  background-color: #33271f;
  background-color: var(--dusk);
  background-image: linear-gradient(to right, #33271f 0.0625rem, transparent 0.0625rem),
    linear-gradient(to bottom, #33271f 0.0625rem, transparent 0.0625rem);
  background-image: var(--grid-dark);
  background-size: 3.75rem 3.75rem;
  background-size: var(--grid-large-size);
  background-blend-mode: multiply;
}

.cluster-card-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.cluster-card {
  --link-color: var(--charcoal);
  --link-color-hover: var(--pink);
  --link-color-active: var(--dark-pink);

  flex-shrink: 0;
  display: inline-block;
  background-color: transparent;
  perspective: 62.5rem;
  margin: 1.875rem;
  max-width: 100%;
}

.cluster-card .placeholder {
    width: 100%;
    max-height: 31.25rem;
  }

@media (min-width: 992px) {

.cluster-card {
    --link-color: var(--charcoal);
    --link-color-hover: var(--pink);
    --link-color-active: var(--dark-pink);
}

    .cluster-card .placeholder {
      opacity: 0;
      max-width: 27.5rem;
    }

    .cluster-card:hover .cluster-card-inner,
    .cluster-card .cluster-card-inner:focus {
      transform: rotateY(180deg);
    }

    .cluster-card:nth-child(5n + 1) {
      margin-left: 0;
      margin-right: 6.25rem;
    }
    .cluster-card:nth-child(5n + 2) {
      margin-left: 6.25rem;
      margin-right: 5rem;
      position: relative;
      z-index: 1;
      z-index: var(--z-index-foreground);
    }
    .cluster-card:nth-child(5n + 3) {
      margin-top: -8.75rem;
      margin-left: 30%;
      margin-right: 30%;
    }
    .cluster-card:nth-child(5n + 4) {
      margin-top: -12.5rem;
    }
    .cluster-card:nth-child(5n + 5) {
      margin-top: 2.5rem;
      margin-left: 3.75rem;
      margin-right: 5.625rem;
    }
  }

.cluster-card-inner {
  display: block;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.card-front {
  display: block;
  background-size: cover;
}

.card-back {
  display: block;
  text-transform: uppercase;
  padding-top: 0.625rem;
  line-height: 1;
}

.card-headline {
  display: block;
}

@media (max-width: 991px) {
  .card-subhead {
    font-size: 0.875rem;
    line-height: 1;
  }
}

@media (min-width: 992px) {
  .cluster-card-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
  }

  .card-front,
  .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    box-shadow: 0.625rem 0.625rem 1.875rem rgba(35, 31, 32, 0.15);
    box-shadow: 0.625rem 0.625rem 1.875rem var(--translucent-dusk);
  }

  .card-back {
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--peach);
    padding: 1.25rem;
    overflow: hidden;
  }

    .card-back .card-headline {
      font-size: 2.1875rem;
    }

    .card-back .card-subhead {
      padding-top: 0.875rem;
      font-size: 1.5625rem;
      line-height: 1;
    }
}

/****** CTA GRID ITEM STYLES ******/

.grid-items-container {
  display: grid;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  max-width: 68.75rem;
  max-width: var(--container-width);
  margin: auto;
  justify-content: center;
  color: #262626;
  color: var(--body-font-color);
  margin-top: 4rem;
  /****** END EVENT-BASED INFO ******/
}

@media (max-width: 767px) {

.grid-items-container {
    grid-template-rows: 1fr;
}
  }

@media (min-width: 768px) {

.grid-items-container {
    grid-template-columns: 1fr 1fr;
}
  }

@media (min-width: 992px) {

.grid-items-container {
    display: block;
    margin-bottom: 3rem;
}
  }

.grid-items-container .torn-image-wrapper {
    width: 100%;
    margin-top: -0.0625rem;
  }

.grid-items-container .torn-image-wrapper img {
      width: 100%;
    }

.grid-items-container .cta-grid {
    position: relative;
    display: grid;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    grid-template-columns: 1fr;
    width: 100%;
    height: 100%;
    margin: auto;
    justify-content: center;
  }

@media (min-width: 992px) {

.grid-items-container .cta-grid {
      grid-template-columns: repeat(3, 1fr);
  }
    }

.grid-items-container .cta-grid .cta-grid-item {
      position: relative;
      border-radius: 0;
      border-radius: var(--border-radius);
      width: 100%;
      height: 100%;
    }

.grid-items-container .cta-grid .featured-events-container {
      position: relative;
      display: grid;
      grid-template-rows: 1fr auto;
      width: 100%;
      height: 100%;
      min-height: 31.25rem;
    }

.grid-items-container .cta-grid .featured-events-container .torn-image-wrapper {
        height: -moz-min-content;
        height: min-content;
        /* align-self: flex-end; */
      }

.grid-items-container .cta-grid .grid-item-image-wrapper .grid-item-image {
        aspect-ratio: 16/9;
        width: 100%;
        height: auto;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 0;
        border-radius: var(--border-radius);
      }

/****** SLIDE STYLES *******/

.grid-items-container .cta-slides-wrapper {
    position: relative;
    border-radius: 0;
    border-radius: var(--border-radius);
  }

.grid-items-container .cta-slides-wrapper .cta-slides {
      height: 100%;
    }

.grid-items-container .cta-slides-wrapper .cta-slide-item {
      border-radius: 0;
      border-radius: var(--border-radius);
      overflow: hidden;
      display: none;
      height: auto;
    }

.grid-items-container .image-based.active {
      display: grid;
      grid-template-rows: 0.6fr;
    }

@media (min-width: 768px) {

.grid-items-container .image-based.active {
        grid-template-rows: 0.67fr 0.33fr;
    }
      }

@media (min-width: 992px) {

.grid-items-container .image-based.active {
        grid-template-rows: 1fr;
    }
      }

.grid-items-container .event-based.active {
      display: grid;
    }

/****** END SLIDE STYLES ******/

/****** EVENT-BASED INFO ******/

.grid-items-container .event-info-container {
    background-color: #f6f4f0;
    background-color: var(--off-white);
    width: 100%;
  }

.grid-items-container .event-info-container .event-title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      line-height: 1.2;
      /* padding-top: 0.5rem; */
    }

/****** IMAGE BASED STYLES ******/

.image-based .event-buttons-wrapper {
    margin-top: 1rem;
  }

.image-based .event-buttons-wrapper a {
      padding-top: 0.5rem;
    }

/****** END CTA GRID ITEM STYLES ******/

/* Event List styles */

.animate-in {
  opacity: 0.4;
}

.animate-in:hover {
    transition: opacity 2s ease-in-out;
    opacity: 1;
  }

.events-list-wrapper {
  margin-top: 3rem;
}

.event-list-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: #f6f4f0;
  background-color: var(--white);
  box-shadow: 0.1875rem 0.375rem 0.5rem 0 rgba(51, 39, 31, 0.5);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

@media (min-width: 992px) {

.event-list-item {
    flex-direction: row;
}
  }

.event-list-item .list-item-image-wrapper {
    padding: 0;
    width: 100%;
    -webkit-text-decoration: none;
    text-decoration: none;
    height: -moz-fit-content;
    height: fit-content;
  }

.event-list-item .list-item-image-wrapper img {
      aspect-ratio: 16 / 9;
      -o-object-fit: cover;
         object-fit: cover;
      min-height: 9.375rem;
      min-width: 12.5rem;
      width: 100%;
    }

@media (min-width: 992px) {

.event-list-item .list-item-image-wrapper {
      flex: 0 0 17.5rem;
  }
    }

.event-list-item .list-item-image-wrapper .list-item-image {
      border-radius: 0;
      border-radius: var(--border-radius);
      overflow: hidden;
    }

.event-list-item > * + * {
    padding-bottom: 0.5rem;
  }

.event-list-item .list-item-content {
    padding: 1.5rem 0;
    width: 100%;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

@media (min-width: 992px) {

.event-list-item .list-item-content {
      padding: 0 1.5rem;
  }
    }

.event-list-item .list-item-content > * + * {
      padding-bottom: 0.75rem;
    }

.event-list-item .list-item-content .item-date {
      padding-left: 0.0625rem;
      padding-bottom: 0.5rem;
    }

.event-list-item .list-item-content .item-top-line {
      margin: 0;
      padding: 0;
    }

.event-list-item .list-item-content .topline-info {
      padding-bottom: 0;
    }

/* headliner */

.event-list-item .list-item-content .item-title {
      font-size: 1.75rem;
      font-size: var(--font-size-h3);
      padding-bottom: 0.25rem;
    }

/* opener */

.event-list-item .list-item-content .item-supporting {
      font-size: 1.1875rem;
      font-size: var(--font-size-h5);
      padding-left: 0.09375rem;
    }

/* door time */

.event-list-item .list-item-content .item-time {
      padding-left: 0.09375rem;
    }

.event-list-item .list-item-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

@media (min-width: 992px) {

.event-list-item .list-item-cta {
      flex: 0 0 13.125rem;
  }
    }

.event-list-item .list-item-cta > * + * {
      margin-top: 0.5rem;
    }

.event-list-item .list-item-cta p {
      line-height: 1.5;
      text-align: center;
    }

/* Global Blocks */

/* Mega Growth Funnel */

.mega-funnel-section {
  position: relative;
}

.mega-funnel-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #33271f;
    background-color: var(--dusk);
    background-image: linear-gradient(to right, #33271f 0.0625rem, transparent 0.0625rem),
    linear-gradient(to bottom, #33271f 0.0625rem, transparent 0.0625rem);
    background-image: var(--grid-dark);
    background-size: var(--grid-size-small);
    z-index: -1;
    z-index: var(--z-index-background);
  }

.mega-funnel-arcade {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 110vh;
  background-color: #33271f;
  background-color: var(--dusk);
  background-image: linear-gradient(to right, #f6f4f0 0.0625rem, transparent 0.0625rem),
    linear-gradient(to bottom, #f6f4f0 0.0625rem, transparent 0.0625rem);
  background-image: var(--grid-light);
  background-size: 3.75rem 3.75rem;
  background-size: var(--grid-large-size);
  background-blend-mode: screen;
  background-position: center center;
  overflow: hidden;
  perspective: 62.5rem;
  /* position: relative; */
}

.mega-funnel-arcade .arcade-content {
    width: 100%;
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

.mega-funnel-arcade .mega-word-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 1.5625rem;
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    line-height: normal;
    transition: font-size 1.4s ease-in;
    transition-delay: 1s;
  }

.mega-funnel-arcade .mega-word,
  .mega-funnel-arcade .drop {
    display: inline-block;
    max-width: 100vw;
    overflow: hidden;
  }

.mega-funnel-arcade .drop {
    padding-left: 0.25em;
  }

.mega-funnel-arcade .mega-catchphrase,
  .mega-funnel-arcade .mega-button,
  .mega-funnel-arcade .button.second {
    margin-top: -2em;
    opacity: 0;
    pointer-events: none;
  }

.mega-funnel-arcade .mega-catchphrase {
    display: block;
    transition: all 1.4s ease-in;
  }

.mega-funnel-arcade .mega-catchphrase.first {
      transition-delay: 3s;
    }

.mega-funnel-arcade .mega-catchphrase.second {
      transition-delay: 0s;
    }

.mega-funnel-arcade .mega-button {
    --link-color: var(--charcoal);
    --link-color-hover: var(--pink);

    display: inline-block;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    border: medium none currentColor;
    border: initial;
    padding: 0;
    padding: initial;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    font-size: 0.875rem;
    transition: opacity 1.4s ease-in, margin 1.3s ease-in;
    transition-delay: 4s;
    margin-bottom: -2em;
  }

.mega-funnel-arcade .mega-button .svg-icon {
      animation: pulse-down 2s infinite;
    }

/* &.animate {} */

.mega-funnel-arcade.animate .arcade-inner .mega-word-wrapper {
      font-size: 2.8125rem;
    }

@media (min-width: 768px) {

.mega-funnel-arcade.animate .arcade-inner .mega-word-wrapper {
        font-size: 4.0625rem;
    }
      }

.mega-funnel-arcade.animate .arcade-inner .mega-catchphrase:not(.second) {
      margin-top: 0.625rem;
      opacity: 1;
    }

.mega-funnel-arcade.animate .arcade-inner .mega-button {
      /* margin-top: 20px; */
      margin-top: 0;
      opacity: 1;
      pointer-events: auto;
    }

.mega-funnel-arcade.animate .arcade-inner::before {
      transform: scale(12);
      /* opacity: 0; */
    }

.mega-funnel-arcade .growth-funnel-wrapper {
    max-height: 0;
    transition: max-height 1.3s ease-in;
    overflow: hidden;
  }

.mega-funnel-arcade .growth-funnel {
    padding: 1.25rem 0;
    transform: scale(0.75);
    transition: transform 0.8s ease-in;
    transform-origin: center center;
  }

/* &:not(.open) {} */

.mega-funnel-arcade.open {
    background-image: linear-gradient(to right, #33271f 0.0625rem, transparent 0.0625rem),
    linear-gradient(to bottom, #33271f 0.0625rem, transparent 0.0625rem);
    background-image: var(--grid-dark);
    background-size: 0.625rem 0.625rem;
    background-size: var(--grid-small-size);
    background-blend-mode: multiply;
  }

.mega-funnel-arcade.open .mega-button {
      display: none;
    }

.mega-funnel-arcade.open .arcade-inner::before {
      opacity: 0;
    }

.mega-funnel-arcade.open .growth-funnel-wrapper {
      max-height: 200vh;
    }

.mega-funnel-arcade.open .growth-funnel {
      transform: scale(1);
    }

.mega-funnel-arcade.open .drop {
      transition: all 1.4s ease-in;
      /* font-size: 0; */
      opacity: 0;
      max-width: 0;
      overflow: hidden;
    }

.mega-funnel-arcade.open .mega-catchphrase.first {
      display: none;
    }

.mega-funnel-arcade.open .mega-catchphrase.second {
      margin-top: 0.625rem;
      margin-bottom: 1.25rem;
      opacity: 1;
    }

.mega-funnel-arcade.open .button.second {
      margin-top: 0;
      opacity: 1;
      pointer-events: auto;
    }

.mega-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.arcade-inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 41.25rem;
  max-width: none;
  /* max-height: 100vh; */
  padding: 0;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  text-align: center;
}

.arcade-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 71.75112555%;
    background-color: #33271f;
    background-color: var(--dusk);
    background-image: var(--grid-inner);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: -1;
    z-index: var(--z-index-background);
    pointer-events: none;
    transition: all 4s ease-in;
    transition-delay: 1s;
    backface-visibility: hidden;
  }

.arcade-inner::after {
    content: "";
    display: block;
    width: 0.0625rem;
    padding-bottom: 71.75112555%;
  }

.mega-funnel-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 6rem;
  top: var(--header-height);
}

.mega-funnel-inner .growth-funnel-wrapper {
    flex: 1;
  }

/* End Mega Growth Funnel */

/* Contact Block */

.contact-block {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {

.contact-block {
    flex-direction: row;
}
  }

.contact-block-left {
  display: flex;
  flex-direction: column;
  background-color: #222324;
  background-color: var(--black);
  color: var(--cream);
}

.contact-block-left > div {
    flex: 1 1 50%;
  }

.contact-block-left .call-to-action {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.5rem;
  }

.contact-block-left .call-to-action-inner {
    max-width: 20rem;
    font-size: 2.5rem;
  }

.contact-block-left .call-to-action,
  .contact-block-left .contact-block-image {
    min-height: 50vw;
    max-height: 75vh;
  }

.contact-block-left .contact-block-image {
    padding-bottom: 100%;
  }

.contact-block-right {
  --button-color: var(--cream);
  --button-border-color: var(--cream);
  --button-hover-color: var(--red);
  --button-hover-background-color: var(--cream);
  --button-active-color: var(--white);
  --button-active-background-color: var(--light-red);

  background-color: #dc2d25;

  background-color: var(--red);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5.625rem;
}

.contact-block-right .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

.contact-block-right h2 {
    text-transform: uppercase;
    margin-bottom: 1.625rem;
  }

.contact-block-right .top {
    max-width: 21.875rem;
    padding-bottom: 5rem;
  }

.contact-block-right textarea {
    min-height: 12.5rem;
  }

.contact-block-right .paged-form-wrapper {
    width: 100%;
  }

.contact-block-right [data-form-success-message] {
    color: var(--cream);
  }

/* End Contact Block */

/* Headline */

@media (max-width: 991px) {

.block--headline {
    padding-top: 2%;
    padding-bottom: 3%;
}
  }

@media (min-width: 992px) {

.block--headline {
    padding-bottom: 3%;
}
  }

@media (max-width: 767px) {

.block--headline {
    padding-top: 0;
    padding-bottom: 0;
}
  }

.block--headline .headline-element {
    text-align: center;
    pointer-events: none;
  }

/* Styles */

.block--headline .style--primary-font {
    font-family: "Newake";
    font-family: var(--font-family-primary);
    letter-spacing: 0.1em;
    font-size: clamp(1rem, 0.1rem + 5.0357vw, 3.75rem);
  }

.block--headline .style--tertiary-font {
    font-size: clamp(1rem, 0.1rem + 5.0357vw, 3.25rem);
    font-family: "chandler-42-regular", sans-serif;
    font-family: var(--font-family-tertiary);
  }

/* Image Block */

.block--image .content-card {
    padding: 4rem;
    background-color: #f6f4f0;
    background-color: var(--white);
    box-shadow: 0.1875rem 0.375rem 0.5rem 0 rgba(51, 39, 31, 0.5);
    border-radius: 0;
    border-radius: var(--border-radius);
    margin-left: auto;
    margin-right: auto;
  }

@media (max-width: 767px) {

.block--image .content-card {
      padding: 1.5rem;
  }
    }

.block--image .content-headline {
    margin-bottom: 1.25rem;
  }

.block--image .content-paragraph {
    text-align: left;
    font-size: 1rem;
    font-size: var(--font-size-body);
    line-height: 1.5rem;
    line-height: var(--line-height);
  }

.block--image .content--left {
    text-align: left;
  }

.block--image .content--center {
    text-align: center;
  }

.block--image .content--right {
    text-align: right;
  }

/* Image List Block */

.block--image-list {
  --block-headline-color: var(--peach);
  background-color: #33271f;
  background-color: var(--dusk);
  padding: 2.8125rem 0;
}

.block--image-list .block-headline {
    text-align: center;
    margin-bottom: 2.5rem;
  }

.block--image-list .image-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
  }

.block--image-list .image-list-item {
    padding: 1.25rem 3%;
  }

.block--image-list .image-list-item img {
      max-width: 12.5rem;
      max-height: 8.4375rem;
      width: auto;
    }

@media not all and (prefers-reduced-motion: reduce) {
    .js .image-list .image-list-item {
      opacity: 0;
    }
    .js .image-list.animate .image-list-item {
      animation: fade-in;
      animation-duration: 500ms;
      animation-fill-mode: forwards;
    }
}

/* Side by Side Block */

.side-by-side {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {

.side-by-side {
    flex-direction: row;
}
  }

@media (max-width: 991px) {

.side-by-side.reverse-on-mobile {
      flex-direction: column-reverse;
  }
    }

.side-by-side-card {
  min-height: 100vw;
  max-height: 100vh;
}

@media (min-width: 768px) {

.side-by-side-card {
    width: 50%;
    min-height: 50vw;
}
  }

.side-by-side-card.card--image {
    position: relative;
    background: var(--background-image);
    background-size: cover;
  }

.side-by-side-card.card--text {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.875rem;
  }

.side-by-side-card.card--text .content-card {
      max-width: 26.25rem;
      max-width: var(--adams-width);
    }

.side-by-side-card.card-component--shopping-bag {
    background-color: #f3e9e1;
    background-color: var(--dust);
    overflow: hidden;
    height: 50vw;
    font-size: 24.5vw;
    display: flex;
    align-items: flex-start;
  }

@media (min-width: 768px) {

.side-by-side-card.card-component--shopping-bag {
      align-items: flex-end;
      font-size: 12.5vw;
  }
    }

.side-by-side-card.theme--dark,
  .side-by-side-card.theme--dark-textured {
    background-color: #33271f;
    background-color: var(--dusk);
    color: #f3e9e1;
    color: var(--dust);
    --headline-color: var(--peach);
  }

.side-by-side-card.theme--light {
    background-color: #f3e9e1;
    background-color: var(--dust);
  }

.side-by-side-card.text--impact .content-paragraph {
      font-size: 2.5rem;
      line-height: 1.25;
    }

.block--slideshow {
  overflow: hidden;
}

.slideshow-wrapper {
  position: relative;
  width: 100%;
  background-color: #f6f4f0;
  background-color: var(--off-white);
}

.slideshow-wrapper .slide {
    border-radius: 0;
    border-radius: var(--border-radius);
    display: none;
    opacity: 0;
    overflow: hidden;
  }

.slideshow-wrapper .slide.active {
      opacity: 1;
      display: block;
    }

.slideshow-wrapper .torn-img-wrapper {
    margin-top: -0.0625rem;
  }

.slideshow-wrapper .slide-content-wrapper {
    position: static;
    position: initial;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    bottom: 0;
    width: 100%;
    padding-top: 2rem;
    min-height: 100%;
  }

@media (min-width: 992px) {

.slideshow-wrapper .slide-content-wrapper {
      position: relative;
      flex-direction: row;
      align-items: center;
  }
    }

.slideshow-wrapper .slide-content-wrapper .slide-headline {
      color: #f6f4f0;
      color: var(--white);
      padding-right: 1.5rem;
      font-family: "futura-pt", sans-serif;
      font-family: var(--font-family-secondary);
      font-weight: 700;
      font-weight: var(--font-weight-bold);
    }

@media (max-width: 991px) {

.slideshow-wrapper .slide-content-wrapper .slide-headline {
        margin-bottom: 1.3125rem;
    }
      }

.slideshow-wrapper .slide-content-wrapper .slide-headline a {
        -webkit-text-decoration: none;
        text-decoration: none;
      }

.slideshow-wrapper .slide-content-wrapper .slide-date {
      margin-bottom: 0.625rem;
    }

.slideshow-wrapper .slide-content-wrapper .slide-cta,
    .slideshow-wrapper .slide-content-wrapper .button {
      min-width: 12.5rem;
      width: 100%;
    }

@media (min-width: 992px) {

.slideshow-wrapper .slide-content-wrapper .slide-cta,
    .slideshow-wrapper .slide-content-wrapper .button {
        width: auto;
    }
      }

.slideshow {
  padding: 1.5rem;
  padding: var(--card-padding);
  margin-top: 0;
  margin-bottom: 0;
}

.backdrop-wrapper {
  display: none;
}

.slide-image {
  padding-bottom: calc(100% * (9 / 16));
}

.slideshow-controls {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  z-index: 10;
  z-index: var(--z-index-slideshow-controls);
  top: 40%;
  width: 100%;
}

.slideshow-controls .slideshow-button {
    border: none;
    display: grid;
    align-items: center;
    justify-content: center;
    height: 2rem;
    width: 2rem;
    background-color: #de63ce;
    background-color: var(--pink);
    pointer-events: auto;
    cursor: pointer;
    border-radius: 0.375rem;
  }

.slideshow-controls .slideshow-button svg {
      height: 100%;
      align-self: center;
      justify-self: center;
      margin: auto;
      grid-row: 1;
      grid-column: 1;
      fill: #f6f4f0;
      fill: var(--off-white);
      pointer-events: none;
    }

.slideshow-controls .slideshow-button:first-child {
      transform: rotate(90deg);
      margin-left: -1rem;
    }

.slideshow-controls .slideshow-button:last-child {
      transform: rotate(270deg);
      margin-right: -1rem;
    }

.slideshow-controls .slideshow-button:hover {
      background-color: #b650a9;
      background-color: var(--pink-dark);
    }

.slideshow-controls .slideshow-button:active {
      background-color: #e186d5;
      background-color: var(--pink-light);
    }

/* Content Blocks - Global */

.content-blocks {
  --block-headline-color: var(--black);
  position: relative;
  z-index: 20;
  z-index: var(--z-index-content-blocks);
}

.content-blocks .container {
    max-width: 68.75rem;
    max-width: var(--container-width);
  }

.block-headline {
  --headline-color: var(--block-headline-color);
  text-transform: uppercase;
}

.content-card--boxed {
  --selection-background-color: var(--dust);

  position: relative;
  max-width: 100%;
  background-color: var(--peach);
  border: var(--boxed-border-size) solid #33271f;
  border: var(--boxed-border-size) solid var(--dusk);
  /* box-sizing: border-box; */
  text-align: center;
  /* box-shadow: inset 0px 0px 0px 2px var(--dusk); */
}

@media (min-width: 768px) {

.content-card--boxed {
    max-width: 60rem;
    max-width: var(--global-width-narrow);
}
  }

.content-card--boxed::before {
    content: "";
    position: absolute;
    top: var(--card-offset);
    left: var(--card-offset);
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    background-color: #f3e9e1;
    background-color: var(--dust);
    border: var(--boxed-border-size) solid #33271f;
    border: var(--boxed-border-size) solid var(--dusk);
    z-index: -1;
    z-index: var(--z-index-background);
    pointer-events: none;
  }

.content-card--boxed::after {
    content: "";
    position: absolute;
    top: calc(var(--boxed-border-size) * -1);
    left: calc(100% + var(--boxed-border-size));
    width: var(--fillet-size);
    height: var(--fillet-size);
    background-color: #f3e9e1;
    background-color: var(--dust);
    border-top: var(--boxed-border-size) solid black;
    transform: rotate(45deg);
    transform-origin: top left;
    z-index: -1;
    z-index: var(--z-index-background);
  }

.content-card--boxed .content-headline {
    font-size: 1.5625rem;
    text-transform: uppercase;
    padding: 1.25rem;
    border-bottom: 0.125rem solid black;
  }

.content-card--boxed .content-paragraph {
    padding: 1.25rem 3.125rem 1.875rem;
    font-size: 1.5625rem;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 700;
    font-weight: var(--font-weight-bold);
  }

@media (min-width: 768px) {

.content-card--boxed .content-paragraph {
      font-size: 2.1875rem;
  }
    }

.content-card--plain .content-headline {
    margin-bottom: 1.25rem;
  }

.form-page:not(.active) {
    display: none;
  }

[data-form-success-message] {
  text-align: center;
  font-size: 1.5em;
  padding: 2.5rem 5rem;
}

.event-card {
  position: relative;
  width: 100%;
  padding: 1.5rem;
  padding: var(--card-padding);
  background-color: #f6f4f0;
  background-color: var(--off-white);
  color: #262626;
  color: var(--body-font-color);
}

.event-card > div + div {
    padding-top: 0.5rem;
  }

.event-card-image-wrapper .event-card-image {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }

.event-card-info-wrapper {
  background-color: #f6f4f0;
  background-color: var(--off-white);
  width: 100%;
}

.event-card-info-wrapper > * + * {
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
  }

.event-card-info-wrapper a {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.event-card-info-wrapper .event-card-title {
    font-family: "futura-pt", sans-serif;
    font-family: var(--font-futura);
    font-size: 1.75rem;
    font-size: var(--font-size-h3);
    line-height: 1.2;
    letter-spacing: 0.01em;
  }

.up-next-card-wrapper {
  position: relative;
}

.up-next-card-wrapper .up-next-card-container {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0;
  }

.up-next-card-wrapper .up-next-top {
    padding: 1.5rem;
    padding: var(--card-padding);
    background-color: #de63ce;
    background-color: var(--button-background-color);
    padding-top: 0;
  }

.up-next-card-wrapper .up-next-card-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #de63ce;
    background-color: var(--button-background-color);
    padding: 0.25rem 0;
  }

.up-next-card-wrapper .up-next-card-title .up-next-image {
      position: absolute;
      top: -2rem;
      left: -4rem;
      padding-left: 1rem;
      padding-right: 0.5rem;
      width: 100%;
      max-width: 12rem;
      z-index: 1;
      z-index: var(--z-index-foreground);
    }

@media (max-width: 375px) {

.up-next-card-wrapper .up-next-card-title .up-next-image {
        max-width: 10rem;
    }
      }

.up-next-card-wrapper .up-next-card-title .up-next-date {
      margin-left: auto;
      padding: 0.25rem;
    }

.up-next-card-wrapper .up-next-card-title .up-next-date p {
        font-size: max(1.25rem, min(3vw, 1.25rem));
        line-height: 1.3em;
      }

.up-next-card-wrapper .event-card-info-wrapper {
    padding: 0.8rem 1.5rem 0;
    padding: 0.8rem var(--card-padding) 0;
  }

.up-next-card-wrapper .event-card-info-wrapper a,
    .up-next-card-wrapper .event-card-info-wrapper .event-card-title {
      padding: 0 0 0.25rem;
    }

.up-next-card-wrapper .event-card-info-wrapper .event-card-title,
    .up-next-card-wrapper .event-card-info-wrapper .event-card-artist-wrapper p {
      line-height: 1.2;
    }

.up-next-card-wrapper .event-card-info-wrapper .event-card-artist-wrapper p {
      padding-top: 0.375rem;
    }

.up-next-card-wrapper .event-card-info-wrapper .event-buttons-wrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      padding-bottom: 0;
    }

.up-next-card-wrapper .event-card-info-wrapper .event-buttons-wrapper .event-button {
        margin: 0;
      }

.up-next-card-wrapper .event-card-info-wrapper .event-buttons-wrapper .event-button svg {
          width: 8.75rem;
        }

.up-next-card-wrapper .event-card-info-wrapper .event-buttons-wrapper .event-button span {
          font-size: 0.875rem;
        }

.up-next-card-wrapper .event-card-info-wrapper .event-buttons-wrapper .event-button + .event-button svg {
        height: 2.125rem;
      }

.up-next-card-wrapper .event-card-info-wrapper .event-card-doors {
      padding: 0.75rem 0 0;
    }

.up-next-card-wrapper .event-card-info-wrapper .event-card-doors p {
        font-size: 0.75rem;
      }

.up-next-card-wrapper .event-card-info-wrapper .event-card-performers {
      text-transform: none;
    }

.event-buttons-wrapper {
  position: relative;
}

.button-with-background,
.event-button {
  position: relative;
  font-family: "Newake";
  font-family: var(--font-family-primary);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.1em;
  letter-spacing: var(--letter-spacing-button);
  line-height: 1.2rem;
}

.button-with-background + .event-button, .event-button + .event-button {
    margin-top: 0.5rem;
  }

.button-with-background:not(.has-long-label), .event-button:not(.has-long-label) {
    font-size: 1.125rem;
  }

/* Reduce size of long labels */

.button-with-background.has-long-label, .event-button.has-long-label {
    font-size: 1rem;
    max-width: 12.5rem;
    padding-bottom: 0.5rem;
    margin: auto;
  }

.button-with-background.disabled, .event-button.disabled {
    opacity: 0.4;
  }

.button-with-background a,
.button-with-background button,
.event-button a {
  --focus-color: transparent;

  display: grid;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-align: center;
}

.button-with-background a svg,
  .button-with-background button svg,
  .event-button a svg,
  .button-with-background a span,
  .button-with-background button span,
  .event-button a span {
    position: relative;
    margin: 0 auto;
    grid-row: 1;
    grid-column: 1;
    transition: all 175ms;
  }

.button-with-background a:focus-visible, .button-with-background button:focus-visible, .event-button a:focus-visible {
    outline: none;
  }

.button-with-background:not(.background-awning) a,
.event-button:not(.background-awning) a {
  align-items: center;
  justify-content: center;
}

.button-with-background:not(.background-awning) a:focus-visible svg, .event-button:not(.background-awning) a:focus-visible svg {
    outline: 0.3125rem solid var(--focus-color);
    outline-offset: -0.3125rem;
  }

/* NO BACKGROUND */

.background-none a {
  display: flex;
  flex-direction: column;
  color: #333b63;
  color: var(--navy);
}

.background-none a:hover {
    color: #de63ce;
    color: var(--pink);
  }

.background-none a:active {
    transform: scale(0.95);
    color: #b650a9;
    color: var(--pink-dark);
  }

.background-none a:focus-visible {
    outline: 0.3125rem solid #de63ce;
    outline: 0.3125rem solid var(--pink);
  }

/* AWNING BACKGROUND */

.background-awning {
  padding: 0.125rem; /* Make room for stroke color*/
}

.background-awning a {
    align-items: end;
    justify-content: center;
    color: #f6f4f0;
    color: var(--off-white);
  }

.background-awning a span {
      padding-bottom: 0.5rem;
    }

.background-awning a svg {
      fill: #333b63;
      fill: var(--navy);
    }

.background-awning a:hover,
    .background-awning a:focus {
      color: #f6f4f0;
      color: var(--off-white);
    }

.background-awning a:hover svg, .background-awning a:focus svg {
        fill: #de63ce;
        fill: var(--pink);
      }

.background-awning a:active {
      transform: scale(0.95);
      color: #f6f4f0;
      color: var(--off-white);
    }

.background-awning a:active svg {
        fill: #333b63;
        fill: var(--navy);
        stroke: #de63ce;
        stroke: var(--pink);
      }

.background-awning a:focus-visible svg {
      stroke: #333b63;
      stroke: var(--navy);
    }

/* TEXTURE BACKGROUND */

.background-texture a,
.background-texture button {
  --focus-color: var(--pink-dark);
  color: #f6f4f0;
  color: var(--off-white);
}

.background-texture a svg, .background-texture button svg {
    fill: #de63ce;
    fill: var(--pink);
  }

.background-texture a:hover, .background-texture button:hover {
    color: #f6f4f0;
    color: var(--off-white);
  }

.background-texture a:hover svg, .background-texture button:hover svg {
      fill: #b650a9;
      fill: var(--pink-dark);
    }

.background-texture a:active, .background-texture button:active {
    color: #f6f4f0;
    color: var(--off-white);
  }

.background-texture a:active svg, .background-texture button:active svg {
      fill: #de63ce;
      fill: var(--pink);
      background-color: #b650a9;
      background-color: var(--pink-dark);
    }

/* OUTLINE BACKGROUND */

.background-outline:not(.event-button--canceled):not(.event-button--cancelled) a {
    --focus-color: var(--navy);
    color: #333b63;
    color: var(--navy);
  }

.background-outline:not(.event-button--canceled):not(.event-button--cancelled) a svg {
      background-color: transparent;
      fill: #333b63;
      fill: var(--navy);
    }

.background-outline:not(.event-button--canceled):not(.event-button--cancelled) a:hover {
      color: #f6f4f0;
      color: var(--off-white);
    }

.background-outline:not(.event-button--canceled):not(.event-button--cancelled) a:hover svg {
        background-color: #333b63;
        background-color: var(--navy);
      }

.background-outline:not(.event-button--canceled):not(.event-button--cancelled) a:active {
      transform: scale(0.95);
      color: #333b63;
      color: var(--navy);
    }

.background-outline:not(.event-button--canceled):not(.event-button--cancelled) a:active svg {
        background-color: #b0b5ce;
        background-color: var(--navy-light);
      }

/* Special Case - Canceled */

.background-outline.event-button--cancelled a,
  .background-outline.event-button--canceled a {
    --focus-color: var(--red);
    color: #dc2d25;
    color: var(--red);
  }

.background-outline.event-button--cancelled a svg, .background-outline.event-button--canceled a svg {
      background-color: transparent;
      fill: #dc2d25;
      fill: var(--red);
    }

.background-outline.event-button--cancelled a:hover, .background-outline.event-button--canceled a:hover {
      color: #f6f4f0;
      color: var(--off-white);
    }

.background-outline.event-button--cancelled a:hover svg, .background-outline.event-button--canceled a:hover svg {
        background-color: #dc2d25;
        background-color: var(--red);
      }

.background-outline.event-button--cancelled a:active, .background-outline.event-button--canceled a:active {
      color: #dc2d25;
      color: var(--red);
    }

.background-outline.event-button--cancelled a:active svg, .background-outline.event-button--canceled a:active svg {
        background-color: #f4bdba;
        background-color: var(--red-light);
      }

.event-detail-card-wrapper {
  border-radius: 0;
  border-radius: var(--border-radius);
  background-color: #f6f4f0;
  background-color: var(--white);
  max-width: 50rem;
  padding: 1.5rem;
  color: #222324;
  color: var(--black);
  font-size: 1rem;
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
}

.event-detail-card-wrapper .rte * + * {
    margin: 0;
  }

.event-detail-card-wrapper.is-full-width {
    width: 100%;
    max-width: 100%;
  }

.event-detail-card-wrapper.has-split-columns {
    display: grid;
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
    grid-template-columns: 1fr 1fr;
  }

@media (max-width: 991px) {

.event-detail-card-wrapper.has-split-columns {
      grid-template-columns: 1fr;
  }
    }

.event-detail-card-wrapper img {
    width: 100%;
  }

.event-detail-details > * + * {
    padding-bottom: 0.75rem;
  }

.event-detail-details .item-date {
    padding-bottom: 0.5rem;
  }

.event-detail-details .item-top-line {
    margin: 0;
    padding: 0;
  }

.event-detail-details .item-title,
  .event-detail-details .item-artists {
    font-family: "futura-pt", sans-serif;
    font-family: var(--font-futura);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.01em;
  }

.event-detail-details .item-title {
    font-size: 1.75rem;
    padding-bottom: 0.25rem;
  }

.event-detail-details .item-artists {
    font-size: 1.25rem;
  }

.event-detail-details .item-date,
  .event-detail-details .item-attraction {
    font-weight: bold;
  }

.event-detail-details .item-price {
    font-weight: medium;
  }

.event-detail-details .item-times {
    padding-top: 0.75rem;
    text-transform: uppercase;
  }

.event-detail-details .item-times span {
      font-weight: 700;
    }

.event-detail-details .item-button .event-button a {
    justify-content: flex-start;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

.event-detail-details .event-detail-description {
    font-size: 0.875rem;
  }

.event-detail-details .event-detail-description > *:not(p:empty) + *:not(p:empty) {
      margin-top: 1em;
    }

/* Attractions (headliner, opener) */

.event-detail-attractions hr {
    border-top: 0.0625rem solid grey;
    margin: 1.25rem 0;
  }

.event-detail-attractions .section__artist {
    position: relative;
  }

.event-detail-attractions .section__artist > * + * {
      padding-top: 0.625rem;
    }

/* & .section__artist-socials {} */

.event-detail-attractions ul.section__artist-socials-list {
    list-style: none outside none;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 0;
    padding-left: 0;
  }

.event-detail-attractions ul.section__artist-socials-list li {
      margin: 0;
      font-size: 1.1875rem;
    }

.event-detail-attractions ul.section__artist-socials-list li + li {
        margin-left: 0.625rem;
      }

.event-detail-attractions .section__artist-image {
    max-width: 8.75rem;
    display: inline-block;
  }

.event-detail-attractions .section__artist-description {
    display: inline-block;
  }

/* @import "components/decoration.css"; */

.footer {
  color: #f6f4f0;
  color: var(--footer-color);
  margin-top: -20%;
}

@media (min-width: 768px) {

.footer {
    margin-top: -15%;
}
  }

@media (min-width: 992px) {

.footer {
    margin-top: -26%;
}
  }

/* Inner Columns */

.inner-footer {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 1;
  z-index: var(--z-index-foreground);
  margin-top: -6.375rem;
}

@media (min-width: 768px) {

.inner-footer {
    flex-direction: row;
}
  }

.inner-footer a {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.footer-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem 1.875rem;
}

/* Top */

.footer-top {
  margin-bottom: 3rem;
  padding: 8rem 1.5rem 0;
}

.footer-top .footer-logo {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    transition: all 300ms ease;
  }

.footer-top .footer-logo:hover {
      transform: scale(1.05);
    }

.footer-top .footer-logo:active {
      transform: scale(0.95);
    }

.footer-top img {
    width: 100%;
  }

/* Mid */

.footer-mid {
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {

.footer-mid {
    margin-bottom: 2rem;
}
  }

.footer-mid a {
    color: inherit;
  }

.footer-mid .svg-icon {
    fill: #333b63;
    fill: var(--navy);
    width: 4.75rem;
    margin-left: 1.25rem;
    height: auto;
  }

@media (min-width: 768px) {

.footer-mid .svg-icon {
      margin-left: 2.5rem;
  }
    }

.footer-mid ul {
    padding-left: 0;
    list-style: none;
    margin: 0;
  }

.footer-mid ul li {
      display: inline-block;
      padding-left: 1rem;
      padding-right: 1rem;
    }

@media (max-width: 991px) {

.footer-mid ul li {
        display: block;
        text-align: center;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
      }

.footer-mid ul li p,
      .footer-mid ul li a {
        font-family: "Newake";
        font-family: var(--font-family-primary);
        font-size: 1.1875rem;
        font-size: var(--font-size-h5);
        letter-spacing: 0.1em;
        letter-spacing: var(--letter-spacing-default);
        text-transform: uppercase;
      }

.footer-signup-button {
  padding-bottom: 1.75rem;
  white-space: pre;
  max-width: -moz-min-content;
  max-width: min-content;
}

.footer-signup-button span {
    padding: 0 2.1875rem;
  }

.footer-signup-button svg {
    width: 100%;
  }

@media (min-width: 992px) {

.footer-signup-button {
    padding-bottom: 2.625rem;
}
  }

.footer-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.footer-bottom .social-icons-wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
  }

@media (min-width: 992px) {

.footer-bottom .social-icons-wrapper {
      max-width: 31.5rem;
  }
    }

.footer-bottom .social-icons-wrapper .social-link {
      margin: 0 0.625rem;
      height: 3.375rem;
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      align-items: center;
      justify-items: center;
    }

.footer-bottom .social-icons-wrapper .social-link .outer,
      .footer-bottom .social-icons-wrapper .social-link .inner,
      .footer-bottom .social-icons-wrapper .social-link .icon,
      .footer-bottom .social-icons-wrapper .social-link .twit-icon,
      .footer-bottom .social-icons-wrapper .social-link .circle-inner,
      .footer-bottom .social-icons-wrapper .social-link .circle-outer,
      .footer-bottom .social-icons-wrapper .social-link .triangle-inner,
      .footer-bottom .social-icons-wrapper .social-link .triangle-outer {
        grid-row-start: 1;
        grid-column-start: 1;
        transition: all 500ms ease-out;
      }

.footer-bottom .social-icons-wrapper .social-link .circle-outer,
      .footer-bottom .social-icons-wrapper .social-link .triangle-outer {
        z-index: -1;
        z-index: var(--z-index-background);
        transform: translate(0.25rem, -0.125rem);
      }

.footer-bottom .social-icons-wrapper .social-link:hover .inner {
        transform: rotate(-45deg);
      }

.footer-bottom .social-icons-wrapper .social-link:hover .outer {
        transform: rotate(45deg);
      }

.footer-bottom .social-icons-wrapper .social-link:hover .circle-inner {
        transform: translate(0.25rem, 0.25rem);
      }

.footer-bottom .social-icons-wrapper .social-link:hover .circle-outer {
        transform: translate(-0.25rem, -0.25rem);
      }

.footer-bottom .social-icons-wrapper .social-link:hover .triangle-inner {
        transform: rotate(-69deg);
      }

.footer-bottom .social-icons-wrapper .social-link:hover .triangle-outer {
        transform: rotate(90deg);
      }

.footer-bottom .social-icons-wrapper .social-link .icon {
        height: 1.625rem;
        width: 1.625rem;
        z-index: 1;
        z-index: var(--z-index-foreground);
      }

.footer-bottom .social-icons-wrapper .social-link .twit-icon {
        height: 1.375rem;
        width: 1.375rem;
        padding-top: 0.375rem;
        z-index: 1;
        z-index: var(--z-index-foreground);
      }

.footer-bottom .social-icons-wrapper .social-link .twit-icon,
        .footer-bottom .social-icons-wrapper .social-link .twit-icon path {
          fill: #f6f4f0;
          fill: var(--white);
        }

.footer-bottom .footer-mailing-list svg {
    width: 14rem;
  }

@media (min-width: 992px) {

.footer-bottom .footer-mailing-list svg {
      width: 31.5rem;
  }
    }

.footer-legal {
  font-size: 1rem;
  font-size: var(--font-size-body);
}

.footer-legal ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding-left: 0;
  }

@media (min-width: 768px) {

.footer-legal ul {
      flex-direction: row;
  }
    }

.footer-legal ul li + li {
      padding-left: 0;
    }

@media (min-width: 768px) {

.footer-legal ul li + li {
        padding-left: 1rem;
    }
      }

.footer-legal ul li {
      display: inline-block;
      padding-bottom: 1rem;
      text-align: center;
    }

@media (min-width: 992px) {

.footer-legal ul li {
        padding-bottom: 2rem;
    }
      }

.footer-legal ul li .privacy-link {
        -webkit-text-decoration: underline;
        text-decoration: underline;
        color: #f6f4f0;
        color: var(--off-white);
        font-family: "futura-pt", sans-serif;
        font-family: var(--font-family-secondary);
      }

.attribution-wrapper {
  display: inline-flex;
  justify-content: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  align-items: center;
}

.attribution-wrapper a {
    height: 1rem;
  }

.attribution-wrapper .attribution-logo {
    width: 3rem;
    margin-left: 0.25em;
  }

.attribution-wrapper .attribution-logo,
    .attribution-wrapper .attribution-logo path {
      fill: #f6f4f0;
      fill: var(--white);
    }

/* Hamburger */

/* ================================================== */

.hamburger-wrap {
  --hamburger-layer-height: 0.125rem;
  --hamburger-layer-width: 1.25rem;
  --hamburger-layer-border-radius: var(--hamburger-layer-height);
  /* --hamburger-layer-rotation: -6deg; */
  --hamburger-layer-rotation: 0deg;
  --hamburger-height: calc(var(--hamburger-layer-width) * 0.65);

  padding: 0.375rem 0 0.625rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

.hamburger-wrap:hover,
  .hamburger-wrap:focus {
    --hamburger-layer-rotation: 0;
  }

.hamburger-wrap:hover:not(.is-active) .hamburger::after, .hamburger-wrap:focus:not(.is-active) .hamburger::after {
      --hamburger-layer-rotation: 0;
    }

.hamburger {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding-bottom: 65%;
  width: var(--hamburger-layer-width);
  border-radius: var(--hamburger-layer-border-radius);
  color: inherit;
  text-transform: none;
  background-color: var(--hamburger-layer-color);
  background-clip: content-box;
  border: 0;
  margin: 0;
  overflow: visible;
  transition: background-color 250ms ease;
  transition: background-color var(--transition-duration) ease;
  will-change: background-color;
}

.hamburger::before,
  .hamburger::after,
  .hamburger .hamburger-inner {
    content: "";
    position: absolute;
    display: block;
    height: var(--hamburger-layer-height);
    width: 100%;
    left: 0;
    background-color: var(--hamburger-layer-color);
    border-radius: var(--hamburger-layer-border-radius);
    transition: transform 250ms ease, background-color 250ms ease;
    transition: transform var(--transition-duration) ease, background-color var(--transition-duration) ease;
    transform-origin: center center;
  }

.hamburger::before {
    transform: rotate(var(--hamburger-layer-rotation));
  }

.hamburger::after {
    /* --hamburger-layer-rotation: 6deg; */
    transform: translateY(calc(var(--hamburger-height) / 2))
      rotate(var(--hamburger-layer-rotation));
  }

.hamburger .hamburger-inner {
    transform: translateY(var(--hamburger-height))
      rotate(var(--hamburger-layer-rotation));
  }

.hamburger.is-active,
.hamburger-wrap.is-active .hamburger {
  --hamburger-layer-color: var(--white);
}

.hamburger.is-active .hamburger-inner, .hamburger-wrap.is-active .hamburger .hamburger-inner {
    --hamburger-layer-rotation: 0;
    --hamburger-height: 0;
    transform: scaleX(1.1);
    display: none;
  }

.hamburger.is-active::before, .hamburger-wrap.is-active .hamburger::before {
    --hamburger-layer-rotation: 45deg;
    transform-origin: top left;
    left: 0.25rem;
  }

.hamburger.is-active::after, .hamburger-wrap.is-active .hamburger::after {
    --hamburger-layer-rotation: -45deg;
    --hamburger-height: 0;
    transform: rotate(-45deg);
    transform: rotate(var(--hamburger-layer-rotation));
    left: auto;
    right: 0.25rem;
    transform-origin: top right;
  }

.header {
  position: relative;
  padding: var(--page-border) var(--page-border);
  font-family: "Newake";
  font-family: var(--font-family-primary);
}

.header-inner {
  position: relative;
  background-color: #262626;
  background-color: var(--charcoal);
}

@media (min-width: 992px) {

.header-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    z-index: 40;
    z-index: var(--z-index-header-inner);
}
  }

.header-left,
.header-right {
  display: none;
  align-items: center;
  position: relative;
}

@media (min-width: 992px) {

.header-left,
.header-right {
    display: flex;
}
  }

.header-left a,
  .header-right a,
  .header-left button,
  .header-right button {
    display: inline-block;
    height: 1.25rem;
  }

.header-left a:hover g,
      .header-right a:hover g,
      .header-left button:hover g,
      .header-right button:hover g,
      .header-left a:hover path,
      .header-right a:hover path,
      .header-left button:hover path,
      .header-right button:hover path {
        fill: #de63ce;
        fill: var(--pink);
      }

.header-left a img,
    .header-right a img,
    .header-left button img,
    .header-right button img,
    .header-left a svg,
    .header-right a svg,
    .header-left button svg,
    .header-right button svg {
      height: 1.25rem;
      width: auto;
      width: initial;
      margin-right: 1.25rem;
      margin-left: 1.25rem;
    }

@media (min-width: 992px) {

.header-left a img,
    .header-right a img,
    .header-left button img,
    .header-right button img,
    .header-left a svg,
    .header-right a svg,
    .header-left button svg,
    .header-right button svg {
        margin-right: 0.75rem;
        margin-left: 0.75rem;
    }
      }

.header-left a img.is-xs, .header-right a img.is-xs, .header-left button img.is-xs, .header-right button img.is-xs, .header-left a svg.is-xs, .header-right a svg.is-xs, .header-left button svg.is-xs, .header-right button svg.is-xs {
        height: 1rem;
      }

.header-left a img.is-sm, .header-right a img.is-sm, .header-left button img.is-sm, .header-right button img.is-sm, .header-left a svg.is-sm, .header-right a svg.is-sm, .header-left button svg.is-sm, .header-right button svg.is-sm {
        height: 1.125rem;
      }

.header-left a img g,
      .header-right a img g,
      .header-left button img g,
      .header-right button img g,
      .header-left a svg g,
      .header-right a svg g,
      .header-left button svg g,
      .header-right button svg g,
      .header-left a img path,
      .header-right a img path,
      .header-left button img path,
      .header-right button img path,
      .header-left a svg path,
      .header-right a svg path,
      .header-left button svg path,
      .header-right button svg path {
        fill: #f6f4f0;
        fill: var(--white);
      }

.lower-glow-image {
  position: absolute;
  top: 4rem;
  width: 100vw;
  z-index: -1;
  z-index: var(--z-index-background);
}

.header-awning-container {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: -2%;
  margin-left: 0.75rem;
  margin-bottom: 2.125rem;
  margin-right: 0.75rem;
  max-width: 67.5rem;
  top: 1rem;
}

@media (min-width: 768px) {

.header-awning-container {
    margin-bottom: 2.5rem;
    /* margin-left: 40px; */
}
  }

@media (min-width: 992px) {

.header-awning-container {
    top: 0.75rem;
    margin: -2% auto 4.125rem;
}
  }

.header-awning-container img {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
  }

.header-awning-container .glow-image {
    position: absolute;
    top: 70%;
    width: 100%;
    z-index: 1;
    z-index: var(--z-index-foreground);
  }

.header-awning-container .awning-container {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    justify-items: center;
    width: 100%;
    margin: 0 5%;
    z-index: 40;
    z-index: var(--z-index-awning);
  }

.header-awning-container .awning-container .awning-image {
      width: 100%;
      grid-row-start: 1;
      grid-column-start: 1;
    }

.header-awning-container .awning-container .logo-text-wrapper {
      position: relative;
      grid-row-start: 1;
      grid-column-start: 1;
      height: -moz-fit-content;
      height: fit-content;
      margin: 0 auto;
      width: 100%;
      padding: 4% 32%;
      z-index: 50;
      z-index: var(--z-index-awning-logo);
    }

.header-awning-container .awning-container .logo-text-wrapper svg {
        width: 100%;
        height: 100%;
      }

.header-awning-container .awning-container .logo-text-wrapper svg:hover {
          opacity: 0.9;
        }

.header-awning-container .awning-container .logo-text-wrapper svg:active {
          transform: scale(0.95);
        }

.header-awning-container .awning-container .primary-nav-wrapper {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 60%;
      margin: 0 auto;
      grid-row-start: 1;
      grid-column-start: 1;
      padding-top: 17%;
    }

.home .flicker {
    opacity: 0;
    animation: flicker 2s forwards;
    animation-delay: 500ms;
    animation-timing-function: steps(12, end);
  }

@media (prefers-reduced-motion) {

.home .flicker {
      opacity: 1;
      animation: none;
  }
    }

.home .fadeInHeadline {
    opacity: 0;
    animation: fadeInHeadline 3s forwards;
    animation-delay: 1.5s;
  }

@media (min-width: 992px) {

.home .fadeInHeadline {
      animation-delay: 1.6s;
  }
    }

@media (prefers-reduced-motion) {

.home .fadeInHeadline {
      opacity: 1;
      animation: none;
  }
    }

@keyframes fadeInHeadline {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes flicker {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  2% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  21% {
    opacity: 1;
  }
  22% {
    opacity: 0;
  }
  47% {
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  49% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.hero {
  --font-size-hero-paragraph: 1.5625rem;
  --hero-font-color: var(--dusk);

  position: relative;
  background-color: #222324;
  background-color: var(--hero-background);
  color: #33271f;
  color: var(--hero-font-color);
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-family-secondary);
  min-height: 37.5rem;
  height: 100vh;
}

@media (min-width: 768px) {

.hero {
}
  }

.hero.style--light-dark {
    background-color: #f3e9e1;
    background-color: var(--dust);
    background-image: linear-gradient(to right, #f6f4f0 0.0625rem, transparent 0.0625rem),
    linear-gradient(to bottom, #f6f4f0 0.0625rem, transparent 0.0625rem);
    background-image: var(--grid-light);
    background-blend-mode: lighten;
    background-size: 0.625rem 0.625rem;
    background-size: var(--grid-small-size);
  }

.hero.style--photo-light {
    --hero-background: var(--light-dust);
    --wave-color: var(--dust);
    background-size: cover;
    background-position: center center;
  }

@media (min-width: 768px) {

.hero.style--photo-light {
      background-position: left top;
  }
    }

.hero.content-style--centered .hero-text {
      text-align: center;
    }

.hero.content-style--centered .hero-headline,
    .hero.content-style--centered .hero-paragraph {
      text-transform: uppercase;
      font-family: "Newake";
      font-family: var(--font-family-primary);
    }

.hero.content-style--boxed {
    --selection-background-color: var(--dust);
  }

.hero.content-style--boxed .hero-content {
      position: relative;
      z-index: 1;
      max-width: 100%;
    }

.hero.content-style--boxed .hero-text {
      text-align: center;
    }

.hero.content-style--boxed .hero-headline {
      font-size: 1.5625rem;
      padding: 0.625rem;
      text-transform: uppercase;
      border-bottom: 0.125rem solid #33271f;
      border-bottom: 0.125rem solid var(--dusk);
      max-width: 100%;
    }

.hero.content-style--boxed .hero-paragraph {
      margin: 0;
      padding: 1.25rem;
      font-size: 1.5625rem;
      font-family: "Newake";
      font-family: var(--font-family-primary);
      text-align: left;
    }

@media (min-width: 992px) {

.hero.content-style--boxed .hero-paragraph {
        padding: 1.875rem 1.25rem 3.125rem;
        font-size: 3.875rem;
        text-align: center;
        line-height: normal;
    }
      }

.hero-inner {
  height: 100%;
  display: flex;
  text-align: right;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media (max-width: 767px) {

.hero-inner {
    flex-direction: column;
    padding-top: 10vh;
}
  }

.hero-logo {
  width: 21.875rem;
  max-width: 70vw;
  fill: var(--peach);
}

.hero-headline {
  width: 90vw;
}

@media (min-width: 992px) {

.hero-headline {
    max-width: 52.5rem;
    width: 100vw;
    white-space: nowrap;
}
  }

.hero-content {
  padding: 2.5rem;
  padding: var(--edge-space);
  position: relative;
}

.hero-text {
  display: inline-block;
  text-align: left;
}

.hero-text * + * {
    margin-top: 1rem;
    margin-top: var(--spacer);
  }

.hero-paragraph {
  font-size: var(--font-size-hero-paragraph);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
}

@media (min-width: 768px) {

.hero-button {
    animation-duration: 0.55s;
    animation-delay: 0.25s;
}
  }

.hero-image {
  --hero-image-width: 100%;
  --hero-image-height: 31.25rem;

  order: 1;
  width: 100%;
  width: var(--hero-image-width);
  height: 31.25rem;
  height: var(--hero-image-height);
  background-color: var(--dark-gray);
  background-position: center bottom;
  background-size: cover;
}

@media (min-width: 768px) {

.hero-image {
    /* Should be 75% aspect ratio */
    --hero-image-width: 53vw;
    --hero-image-height: calc(var(--hero-image-width) / 0.78);
    order: initial;
    position: relative;
    right: 3vw;
}
  }

.modal {
  display: none;
}

.modal.is-open {
    display: block;
  }

.modal[aria-hidden="false"] .modal-overlay {
    animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  }

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  z-index: var(--z-index-modal);
}

.modal-container {
  background-color: #f6f4f0;
  background-color: var(--white);
  padding: 2.5rem;
  width: 37.5rem;
  max-width: 100vw;
  max-height: 100vh;
  overflow-y: auto;
  box-sizing: border-box;
  position: relative;
  margin: 2.5rem;
}

.modal-close {
  background: transparent;
  border: 0;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}

.modal-close svg {
    pointer-events: none;
  }

.modal-contents {
  text-align: center;
}

/**************************\
  Demo Animation Style
\**************************/

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal-overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal-container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal-overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal-container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal-container,
.micromodal-slide .modal-overlay {
  will-change: transform;
}

/**
 * Main navigation styles.
 *
 */

/* Desktop nav styles */

.primary-navigation-wrapper {
  display: none;
}

@media (min-width: 992px) {

.primary-navigation-wrapper {
    display: block;
}
  }

.primary-navigation-wrapper .primary-navigation {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding: 0;
    list-style: none;
  }

.primary-navigation-wrapper .primary-navigation > .menu-item {
      padding-left: 0;
      list-style: none;
    }

.primary-navigation-wrapper .primary-navigation > .menu-item:not(.menu-item-has-children) {
        z-index: 50;
        z-index: var(--z-index-primary-nav);
      }

.primary-navigation-wrapper .primary-navigation > .menu-item li ul .menu-item-type-custom:last-child {
        left: -0.5rem;
        padding: 0;
        list-style: none;
        position: relative;
      }

@media (min-width: 992px) {

.primary-navigation-wrapper .primary-navigation > .menu-item li ul .menu-item-type-custom:last-child {
          left: 0;
      }
        }

.primary-navigation-wrapper .primary-navigation > .menu-item li ul .menu-item-type-custom:last-child svg {
          width: 6rem;
        }

.primary-navigation-wrapper .primary-navigation .has-svg {
      margin-left: 0;
    }

@media (min-width: 992px) {

.primary-navigation-wrapper .primary-navigation .has-svg {
        margin-left: -3%;
    }
      }

.primary-navigation-wrapper .primary-navigation .has-svg button {
        left: -0.75rem;
      }

@media (min-width: 992px) {

.primary-navigation-wrapper .primary-navigation .has-svg button {
          left: -0.25rem;
      }
        }

.primary-navigation-wrapper .primary-navigation > .menu-item a,
    .primary-navigation-wrapper .primary-navigation > .menu-item button {
      font-family: "Newake";
      font-family: var(--font-family-primary);
      position: relative;
      -webkit-text-decoration: none;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      letter-spacing: var(--letter-spacing-default);
      padding-right: 2rem;
      color: #f6f4f0;
      color: var(--off-white);
    }

.primary-navigation-wrapper .primary-navigation > .menu-item a:active, .primary-navigation-wrapper .primary-navigation > .menu-item button:active {
        color: #de63ce;
        color: var(--pink);
      }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children {
      position: relative;
    }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children > a,
      .primary-navigation-wrapper .primary-navigation .menu-item-has-children > button {
        position: relative;
        display: flex;
        align-items: center;
        z-index: 40;
        z-index: var(--z-index-primary-nav-children);
      }

@media (min-width: 992px) {
          .primary-navigation-wrapper .primary-navigation .menu-item-has-children > a::after, .primary-navigation-wrapper .primary-navigation .menu-item-has-children > button::after {
            content: "";
            display: inline-block;
            position: absolute;
            width: 1rem;
            height: 1rem;
            right: 0.75rem;
            background-image: var(--nav-chevron);
            background-size: 100%;
            background-repeat: no-repeat;
            top: calc(50% - 0.58rem);
            transform: rotate(0deg);
          }
        }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children .sub-menu {
        display: none;
        height: auto;
        padding: 0;
      }

@media (min-width: 992px) {

.primary-navigation-wrapper .primary-navigation .menu-item-has-children .sub-menu {
          height: 0;
      }
        }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children svg,
      .primary-navigation-wrapper .primary-navigation .menu-item-has-children svg path {
        fill: currentColor;
        width: 6rem;
        height: auto;
      }

@media (min-width: 992px) {

.primary-navigation-wrapper .primary-navigation .menu-item-has-children svg,
      .primary-navigation-wrapper .primary-navigation .menu-item-has-children svg path {
          width: 5rem;
      }
        }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children svg.logo-imp, .primary-navigation-wrapper .primary-navigation .menu-item-has-children svg path.logo-imp {
          width: 3.875rem;
        }

@media (min-width: 992px) {

.primary-navigation-wrapper .primary-navigation .menu-item-has-children svg.logo-imp, .primary-navigation-wrapper .primary-navigation .menu-item-has-children svg path.logo-imp {
            width: 3.5rem;
        }
          }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children.open > button::after {
            content: "";
            transform: rotate(180deg);
            top: calc(50% - 0.58rem);
          }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children.open .sub-menu {
          position: absolute;
          display: block;
          list-style: none;
          top: 2rem;
          padding: 0;
          min-width: 12.75rem;
          z-index: -1;
          z-index: var(--z-index-background);
        }

@media (min-width: 992px) {

.primary-navigation-wrapper .primary-navigation .menu-item-has-children.open .sub-menu {
            display: flex;
            flex-direction: column;
            position: absolute;
            justify-content: space-evenly;
            background-image: var(--submenu-background);
            height: 17.75rem;
            background-position: center;
            background-repeat: repeat;
            background-size: cover;
            box-shadow: 0.1875rem 0.1875rem 0.625rem 0 rgba(51, 39, 31, 0.5);
            padding: 3rem 0 1rem 1.5rem;
            padding: 3rem 0 16px 1.5rem;
            padding: 3rem 0 var(--spacer) 1.5rem;
            overflow: hidden;
        }
          }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children.open .sub-menu li {
            position: relative;
            height: -moz-fit-content;
            height: fit-content;
            align-items: flex-start;
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
          }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children.open .sub-menu li a {
              font-family: "futura-pt", sans-serif;
              font-family: var(--font-family-secondary);
              text-transform: capitalize;
              font-size: 1rem;
              font-size: var(--font-size-body);
              font-weight: 500;
              font-weight: var(--font-weight-medium);
              padding: 0;
            }

@media (min-width: 992px) {

.primary-navigation-wrapper .primary-navigation .menu-item-has-children.open .sub-menu li a {
                font-family: "chandler-42-regular", sans-serif;
                font-family: var(--font-family-tertiary);
                text-transform: uppercase;
                font-size: 1.1875rem;
                font-size: var(--font-size-h5);
                animation: fade-in 0.5s ease-in-out alternate;
            }
              }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children.open .sub-menu li a:hover {
                color: #de63ce;
                color: var(--pink);
              }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children.open .custom-sub-menu {
          display: flex;
          top: -0.625rem;
          flex-direction: column;
          align-items: center;
          justify-content: space-evenly;
          background-image: var(--custom-submenu-background);
          height: 23.75rem;
          background-position: center;
          background-repeat: repeat;
          background-size: cover;
          padding: 5.25rem 1rem 1rem;
          padding: 5.25rem 16px 16px;
          padding: 5.25rem var(--spacer) var(--spacer);
        }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children.open .custom-sub-menu li a {
            align-items: center;
            height: -moz-fit-content;
            height: fit-content;
            width: -moz-fit-content;
            width: fit-content;
          }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children.open .custom-sub-menu li a:hover svg {
              fill: #de63ce;
              fill: var(--pink);
            }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children.open .custom-sub-menu li a svg {
              height: auto;
              width: 5rem;
            }

.primary-navigation-wrapper .primary-navigation .menu-item-has-children.open .custom-sub-menu li:last-child svg {
            width: 6rem;
          }

/* Mobile styles closed */

.header-nav-wrapper {
  display: block;
  position: relative;
  margin-top: -0.3125rem;
  background-image: none;
}

.header-nav-wrapper .mobile-nav-background,
  .header-nav-wrapper .mobile-icons-container,
  .header-nav-wrapper .mobile-social-icons,
  .header-nav-wrapper .awning-fringe,
  .header-nav-wrapper .mobile-search-form {
    display: none;
  }

/* Mobile styles open */

.nav-is-open .header {
    margin-bottom: 0;
  }

.nav-is-open .header-awning-container,
  .nav-is-open .header-inner {
    display: none;
  }

.nav-is-open .header-mobile {
    position: sticky;
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: #072f66;
    background-color: var(--cobalt);
  }

.nav-is-open .header-mobile .mobile-nav-logo {
      display: block;
      height: auto;
      width: 8rem;
    }

.nav-is-open .header-nav-wrapper {
    bottom: 0;
    background-image: var(--grunge-texture);
    background-position: center;
    background-size: cover;
    /* transition: all 1s ease; */
  }

.nav-is-open .header-nav-wrapper .mobile-icons-container {
      display: block;
      background-color: #072f66;
      background-color: var(--cobalt);
      padding: 1rem 1rem 0;
      padding: var(--spacer) var(--spacer) 0;
    }

.nav-is-open .header-nav-wrapper .mobile-icons-container .mobile-social-icons {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        border-top: 0.125rem solid #f6f4f0;
        border-top: 0.125rem solid var(--off-white);
        padding-top: 1.5rem;
      }

.nav-is-open .header-nav-wrapper .mobile-icons-container .mobile-social-icons a {
          padding-left: 1.5rem;
          height: 1.625rem;
          max-width: 3rem;
        }

.nav-is-open .header-nav-wrapper .mobile-icons-container .mobile-social-icons a svg {
            height: 100%;
            width: 100%;
            fill: #f6f4f0;
            fill: var(--off-white);
          }

.nav-is-open .header-nav-wrapper .mobile-icons-container .mobile-social-icons a svg path {
              fill: #f6f4f0;
              fill: var(--off-white);
            }

.nav-is-open .header-nav-wrapper .mobile-icons-container .mobile-social-icons a svg:hover {
              fill: #de63ce;
              fill: var(--pink);
            }

.nav-is-open .awning-fringe {
    display: block;
    width: 100%;
    height: 100%;
  }

.nav-is-open .mobile-nav-container {
    padding: 1rem;
    padding: var(--spacer);
  }

.nav-is-open .mobile-nav-container .primary-navigation-wrapper {
      display: block;
      position: relative;
    }

.nav-is-open .mobile-nav-container .primary-navigation-wrapper .primary-navigation {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
        margin: 0;
      }

.nav-is-open .mobile-nav-container .primary-navigation-wrapper .primary-navigation li:not(.menu-item-has-children) {
          padding-bottom: 1rem;
          padding-bottom: var(--spacer);
        }

.nav-is-open .mobile-nav-container .primary-navigation-wrapper .primary-navigation li a,
        .nav-is-open .mobile-nav-container .primary-navigation-wrapper .primary-navigation li button {
          font-size: 1.4375rem;
          font-size: var(--font-size-h4);
        }

.nav-is-open .mobile-nav-container .primary-navigation-wrapper .primary-navigation .menu-item-has-children > a:hover,
        .nav-is-open .mobile-nav-container .primary-navigation-wrapper .primary-navigation .menu-item-has-children > a:active {
          color: #f6f4f0;
          color: var(--off-white);
          -webkit-user-select: none;
             -moz-user-select: none;
                  user-select: none;
        }

.nav-is-open .mobile-nav-container .primary-navigation-wrapper .primary-navigation .sub-menu {
          padding-top: 1rem;
          padding-top: var(--spacer);
          padding-left: 0;
          display: block;
          position: relative;
        }

.nav-is-open .mobile-nav-container .primary-navigation-wrapper .primary-navigation .sub-menu li a {
            font-size: 2rem !important;
          }

.nav-is-open .mobile-nav-container .primary-navigation-wrapper .primary-navigation .sub-menu li a {
            font-family: "futura-pt", sans-serif;
            font-family: var(--font-family-secondary);
            font-weight: normal;
            text-transform: capitalize;
          }

.nav-is-open .mobile-nav-container .primary-navigation-wrapper .primary-navigation .custom-sub-menu {
          position: relative;
          right: 0.3125rem;
        }

@media (min-width: 992px) {

.nav-is-open .mobile-nav-container .primary-navigation-wrapper .primary-navigation .custom-sub-menu {
            display: flex;
            flex-direction: column;
            padding-left: 1.5rem;
        }
          }

.nav-is-open .mobile-nav-container .primary-navigation-wrapper .primary-navigation .custom-sub-menu .venue-link {
            padding-bottom: 1.5rem;
            fill: #f6f4f0;
            fill: var(--off-white);
            width: 7.375rem;
            height: 3.375rem;
          }

.nav-is-open .mobile-nav-container .primary-navigation-wrapper .primary-navigation .custom-sub-menu .venue-link:active {
              fill: #de63ce;
              fill: var(--pink);
            }

.nav-is-open .mobile-nav-container .mobile-search-form {
      display: block;
      margin-bottom: 1.5rem;
    }

.nav-is-open .mobile-nav-container .mobile-search-form .field-wrapper {
        position: relative;
      }

.nav-is-open .mobile-nav-container .mobile-search-form .field-wrapper input {
          padding: 1rem 1rem;
          padding: var(--input-padding);
          border: 0.125rem solid #de63ce;
          border: 0.125rem solid var(--pink);
          width: 100%;
        }

.nav-is-open .mobile-nav-container .mobile-search-form .field-wrapper .search-button-wrapper {
          display: inline-flex;
          justify-content: center;
          align-items: center;
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          width: 3.375rem;
          margin-top: 0;
        }

.nav-is-open .mobile-nav-container .mobile-search-form .field-wrapper button {
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 1rem;
          background-color: #de63ce;
          background-color: var(--pink);
          border-width: 0;
          text-align: center;
          cursor: pointer;
        }

.nav-is-open .mobile-nav-container .mobile-search-form .field-wrapper button svg {
            height: 100%;
            width: 100%;
            display: inline-block;
          }

.nav-is-open .mobile-nav-container .mobile-search-form .field-wrapper button svg g {
              fill: #f6f4f0;
              fill: var(--off-white);
            }

.nav-is-open .site-wrapper #content,
    .nav-is-open .site-wrapper .footer {
      display: none;
    }

/* Hamburger Menu Icon */

.header-mobile {
  display: flex;
  justify-content: flex-end;
  position: sticky;
  top: 0;
  right: 0;
  padding: calc(1rem / 2) 1rem;
  padding: calc(var(--spacer) / 2) var(--spacer);
  z-index: 60;
  z-index: var(--z-index-header-nav);
  width: 100%;
  background-color: transparent;
  height: 4.125rem;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 992px) {

.header-mobile {
    display: none;
}
  }

.header-mobile .mobile-nav-logo {
    display: none;
  }

.nav-is-open .header-inner {
  margin-right: var(--scrollbar-padding);
}

[data-nav-toggle],
.hamburger[data-nav-toggle] {
  display: flex;
  z-index: 101;
  z-index: var(--z-index-hamburger);

  --hamburger-layer-color: var(--off-white);
}

[data-nav-overlay] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 250ms;
  transition: opacity var(--transition-duration);
}

.nav-is-open [data-nav-overlay] {
  pointer-events: auto;
  opacity: 1;
  display: none;
}

@keyframes mobileNav {
  0% {
    height: 0;
  }
}

#primary-nav-toggle {
  position: fixed;
  right: 1rem;
  padding: 0.375rem 0.375rem 0.4375rem 0.375rem;
  border: 0.125rem solid #f6f4f0;
  border: 0.125rem solid var(--white);
  border-radius: 0.25rem;
  background-color: #de63ce;
  background-color: var(--button-background-color);
}

#primary-nav-toggle .is-active {
    margin-top: -0.25rem;
  }

.post-navigation {
}

.post-nav-item {
}

.side-by-side-section {
  font-family: "futura-pt", sans-serif;
  font-family: var(--font-family-secondary);
}

@media (max-width: 991px) {

.side-by-side-section {
    margin-top: 3.75rem;
}
  }

.side-by-side-section .side-by-side-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 2.5rem;
    margin-bottom: var(--edge-space);
  }

@media (min-width: 768px) {

.side-by-side-section .side-by-side-row {
      flex-direction: row;
      margin-bottom: 8.125rem;
  }
        .side-by-side-section .side-by-side-row:nth-child(odd) .row-content {
          padding-right: 5.625rem;
        }

      .side-by-side-section .side-by-side-row:nth-child(even) {
        flex-direction: row-reverse;
      }

        .side-by-side-section .side-by-side-row:nth-child(even) .row-content {
          padding-left: 5.625rem;
        }
    }

.side-by-side-section .section-rows {
    padding-bottom: 1rem;
    padding-bottom: var(--spacer);
  }

@media (min-width: 768px) {

.side-by-side-section .row-image,
  .side-by-side-section .row-content {
      flex-basis: 50%;
  }
    }

.side-by-side-section .row-content {
    padding: 2.5rem;
  }

.side-by-side-section .row-content * + * {
      margin-top: 1rem;
      margin-top: var(--spacer);
    }

.side-by-side-section .row-paragraph {
    color: var(--gratis-black);
  }

.side-by-side-section .background-image {
    min-height: 31.25rem;
  }

/* Styled Top */

.side-by-side-section.styled-top-section .section-top {
      font-size: 0;
      margin-bottom: -0.125rem;
    }

.side-by-side-section.styled-top-section .section-rows,
    .side-by-side-section.styled-top-section .section-headline-wrapper {
      background-color: #f4f3ef;
      background-color: var(--light-gray);
    }

.side-by-side-section.styled-top-section .section-headline {
      padding: 2.5rem;
    }

@media (max-width: 767px) {

.side-by-side-section.styled-top-section .section-headline {
        text-align: center;
    }
      }

@media (min-width: 768px) {

.side-by-side-section.styled-top-section .section-headline {
        max-width: 50%;
    }
      }

.side-by-side-section.styled-top-section .row-image {
      position: relative;
      min-height: 25rem;
    }

@media (min-width: 768px) {

.side-by-side-section.styled-top-section .row-image {
        min-height: 37.5rem;
        width: 50%;
    }
      }

@media (min-width: 768px) {

.side-by-side-section.styled-top-section .row-image .image--masked {
          /* --hero-image-height: calc(var(--hero-image-width) / 0.78); */
          position: absolute;
          left: 0;
          bottom: 0;
          height: calc(55vw * 1.25);
          width: 55vw;
          /* padding-bottom: 215%; */
          margin-right: -20vw;
          /* position: relative;
          left: 10vw; */
          clip-path: url(#drop-shape-mask);
          /* Should be 75% aspect ratio */
          /* --hero-image-width: 53vw; */
      }

          .side-by-side-section.styled-top-section .row-image .image--masked .background-image {
            /* position: absolute; */
          }
        }

.side-by-side-section.styled-top-section .decoration--dot {
      left: -2.5rem;
      bottom: 2.5rem;
    }

@media (min-width: 768px) {

.side-by-side-section.styled-top-section .decoration--dot {
        bottom: -12.5rem;
    }
      }

.social-links,
.social-links-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 1rem;
  margin: 0 var(--spacer);
}

.social-link a,
  .social-link span {
    display: inline-block;
    padding: 0.625rem;
  }

.social-link .svg-icon {
    height: 1.6875rem;
    width: 1.6875rem;
  }

#social-links-label {
  display: inline-block;
  padding: 0.625rem;
  font-size: 1.5625rem;
  line-height: 1;
  padding-bottom: 0.375rem;
  padding-right: 2.5rem;
}

.spinner-ring {
  display: inline-block;
  position: relative;
  width: calc(3.125rem * 2.5);
  height: calc(3.125rem * 2.5);
}

.spinner-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: calc(3.125rem * 2);
  height: calc(3.125rem * 2);
  margin: 0.3125rem;
  border: 0.3125rem solid #4caf50;
  border: 0.3125rem solid var(--green);
  border-radius: 50%;
  animation: spinner-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #4caf50 transparent transparent transparent;
  border-color: var(--green) transparent transparent transparent;
}

.spinner-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.spinner-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.spinner-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes spinner-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* #top-of-site-pixel-anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: var(--navbar-sticky-switch-at);
  left: 0;
} */

.grunge-texture,
.page-background-image,
.event-details-bg-image,
.front-page-bg-image {
  position: fixed;
  top: 2.25rem;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: top center;
  opacity: 0.5;
  z-index: -1;
  z-index: var(--z-index-background);
  -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 1), transparent);
}

.front-page-bg-image {
  top: 1rem;
}

@media (min-width: 992px) {

.front-page-bg-image {
    top: -9rem;
}
  }

.footer-background {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}

@media (min-width: 992px) {

.footer-background {
    background-size: 100% 100%;
}
  }

.footer-graphics {
  position: relative;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  z-index: 0;
  z-index: var(--z-index-midground);
}

.footer-graphics img {
    width: 100%;
    height: auto;
  }

.ransom-text {
  display: none;
}

@media (min-width: 992px) {

.ransom-text {
    display: block;
}
  }

@media not all and (prefers-reduced-motion: reduce) {

.ransom-text {
    position: absolute;
    top: 37.5rem;
}
  }

.search-results-headline {
  background-color: #f6f4f0;
  background-color: var(--off-white);
  padding: 1.25rem 1rem 0;
  line-height: 1.3em;
}

@media (min-width: 992px) {

.search-results-headline {
    padding: 2rem 2rem 0;
}
  }

.search-list-wrapper {
  min-height: 100vh;
  margin-top: 1.5rem;
}

@media (min-width: 992px) {

.search-list-wrapper {
    margin-top: 3rem;
}
  }

.search-form {
  display: block;
}

.search-form .field-wrapper {
    position: relative;
  }

.search-form .field-wrapper input {
      padding: 1rem 1rem;
      padding: var(--input-padding);
      border: 0.125rem solid #de63ce;
      border: 0.125rem solid var(--pink);
      width: 100%;
    }

.search-form .field-wrapper .search-button-wrapper {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 3.375rem;
      margin-top: 0;
    }

.search-form .field-wrapper button {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 1rem;
      background-color: #de63ce;
      background-color: var(--pink);
      border-width: 0;
      text-align: center;
      cursor: pointer;
    }

.search-form .field-wrapper button svg {
        height: 100%;
        width: 100%;
        display: inline-block;
      }

.search-form .field-wrapper button svg g {
          fill: #f6f4f0;
          fill: var(--off-white);
        }

.post-not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 70vh;
}

.post-not-found > * + * {
    width: 100%;
  }

.post-not-found .article-header {
    margin-bottom: 1.5rem;
  }

.post-not-found .entry-content {
    margin-bottom: 1rem;
    margin-bottom: var(--spacer);
  }

/* Template-specific Styles */

.error404 .container {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    max-width: 42rem;
    z-index: 20;
    z-index: var(--z-index-content-blocks);
  }

.error404 .content-not-found {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f6f4f0;
    background-color: var(--off-white);
  }

.error404 .content-not-found > * + *:not(:last-child) {
      padding-bottom: 1.5rem;
    }

.error404 .content-not-found .image-wrapper {
      max-width: 28rem;
      padding: 1rem;
    }

@media (min-width: 992px) {

.error404 .content-not-found .image-wrapper {
        padding: 0;
    }
      }

.error404 .content-not-found .not-found-button {
      padding-left: 3rem;
      padding-right: 3rem;
      max-width: 15rem;
    }

@media (min-width: 992px) {

.error404 .content-not-found .not-found-button {
        padding-left: 5rem;
        padding-right: 5rem;
        max-width: 100%;
    }
      }

.error404 .content-not-found .not-found-button * {
        width: 100%;
      }

.page-inner-content {
  z-index: 100;
  z-index: var(--z-index-page-inner-content);
  padding-bottom: 6rem;
}

.page-inner-content .content-blocks {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

@media (min-width: 768px) {

.page-inner-content .content-blocks {
      padding-left: 5.5rem;
      padding-right: 5.5rem;
  }
    }

.article-card-wrapper {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.content-card-wrapper,
.article-card {
  border-radius: 0;
  border-radius: var(--border-radius);
  background-color: #f6f4f0;
  background-color: var(--white);
  box-shadow: 0.1875rem 0.375rem 0.5rem 0 rgba(51, 39, 31, 0.5);
  max-width: 50rem;
  padding: 4rem;
  color: #222324;
  color: var(--black);
  font-size: 1rem;
  position: relative;
  z-index: 10;
  z-index: var(--z-index-content-card-wrapper);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 991px) {

.content-card-wrapper,
.article-card {
    padding: 1.5rem;
}
  }

.content-card-wrapper p:not(:last-child), .article-card p:not(:last-child) {
      padding-bottom: 2rem;
    }

.page-blocks-spacing {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.page-blocks-spacing:last-child {
    margin-bottom: 0;
  }

@media (min-width: 992px) {

.page-blocks-spacing {
    margin-top: 1rem;
    margin-bottom: 2rem;
}
  }

.google-maps-iframe-wrapper {
  position: relative;
  padding-bottom: calc(100% * (9 / 16));
}

.google-maps-iframe-wrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

/* WordPress has a lot of necessary default styles.*/

/* These will rarely need to be modified.*/

/**
 * Default WordPress image alignment styles.
 */

.alignleft,
img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}

.alignright,
img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}

.aligncenter,
img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}

/**
 * Default WordPress gallery styles.
 */

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/**
 * Default WordPress media styles.
 */

video,
object {
  max-width: 100%;
  height: auto;
}

pre {
  background: #eee;
  border: 0.0625rem solid #cecece;
  padding: 0.625rem;
}

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 0.3125rem;
}

.wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%;
  }

.wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 0.25rem 0 0.4375rem;
    text-align: center;
  }

/**
 * Screen Reader Text
 *
 * Hide text from vision that is only useful for screen readers users.
 * https://make.wordpress.org/accessibility/handbook/markup/the-css-class-screen-reader-text/
 *
 */

.screen-reader-text {
  position: absolute !important;
  word-wrap: normal !important;
}

.screen-reader-text {
  border: 0;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
  clip-path: inset(50%);
  height: 0.0625rem;
  margin: -0.0625rem;
  overflow: hidden;
  padding: 0;
  width: 0.0625rem;
}

.screen-reader-text:focus {
  clip: auto !important;
}

.screen-reader-text:focus {
  background-color: #eee;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 0.3125rem;
  line-height: normal;
  padding: 0.9375rem 1.4375rem 0.875rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  top: 0.3125rem;
  width: auto;
  z-index: 100000;
  z-index: var(--z-index-screen-reader); /* Above WP toolbar. */
}

/**
 * Default WordPress typography styles.
 */

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 0.0625rem dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  -webkit-text-decoration: none;
  text-decoration: none;
}

big {
  font-size: 125%;
}


/*# sourceMappingURL=theme-styles.css.map?v=ef5dfcdb1ecd12442be1edaf88665c8e*/