/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/*
  Global CSS custom properties.
*/

/* stylelint-disable */

:root {
  --font-sans: "Afacad", sans-serif;
  --font-serif: "Nyght Serif", serif;
  --font-cursive: "Birthstone Bounce";
  --site-max-width: 1400px;
  --article-max-width: 760px;
  --article-img-max-width: 860px;

  /* Typography helpers. */
  --font-size-xsm: 0.875rem; /* 14px */
  --font-size-sm: 1rem; /* 16px menu */
  --font-size-base: 1.2rem; /* 20px menu */
  --font-size-md: 1.5rem; /* 24px body */
  --font-size-lg: 2rem; /* 32px Subtitles */
  --font-size-xl: 2.8125rem; /* 45px H2 */
  --font-size-xxl: 3.25rem; /* 52px H2 */
  --font-size-xxxl: 4rem; /* 64px H1 */

  /* Layout helpers. */
  --sp15: 15px;
  --sp30: 15px;
  --sp30s: 30px;
  --sp45: 45px;
  --sp60: 60px;
  --sp75: 75px;
  --sp90: 90px;

  --z-index-05: 5;
  --z-index-10: 10;
  --z-index-15: 15;
  --z-index-20: 20;
  --z-index-25: 25;

  /*
   * Color Palette
   */
  --color-border: #1e1e1e;
  --color-text: #1e1e1e;
  --color-white: #ffffff;
  --color-gold: #ba8828;
  --color-beige: #dbd6ce;
  --color-beige-light: #f2f2f3;
  --color-placeholder: #7f7e7b;
  --color-light-grey: #00000014;
  --color-dark-grey: #000000a1;

  @media screen and (min-width: 560px) {
    --sp15: 15px;
    --sp30: 30px;
    --sp45: 45px;
    --sp60: 60px;
    --sp75: 75px;
    --sp90: 90px;
  }
}

.hidden {
  position: absolute !important;
  z-index: -999999 !important;
  left: -999999px !important;
  color: transparent;
  opacity: 0;
  transform: translateX(10px) !important;
  transition-duration: 400ms;
}

.unhidden {
  position: revert;
  z-index: revert;
  left: revert;
  color: revert;
  opacity: revert;
  transition-duration: 400ms;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1); /* Slightly larger */
    opacity: 0.7; /* Slightly faded */
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}