/*!
 * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  margin-block-start: 0;
  margin-block-end: 0;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -0.125em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/* For image replacement */
body.mceContentBody {
  font-size: 13px;
}

.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.ir br {
  display: none;
}

/* Hide for both screenreaders and browsers:
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
  display: none;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -2px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  font-family: "Gotham A", "Gotham B", "Lato";
  font-style: normal;
  font-weight: 700;
  letter-spacing: ls(100);
  text-transform: uppercase;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: absolute;
  width: auto;
  background-color: white;
  padding: 0.25em 0.5em;
  color: black;
  font-size: 0.8em;
  font-family: "Gotham A", "Gotham B", "Lato";
  font-style: normal;
  font-weight: 700;
  letter-spacing: ls(100);
  text-transform: uppercase;
  margin-top: 5px;
  outline: 0;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

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

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

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

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

.no-pad-top {
  padding-top: 0 !important;
}

@media screen and (min-width: 640px) {
  .larger {
    font-size: 1.5rem;
  }
}

img {
  max-width: 100%;
  height: auto;
}
img.left {
  max-width: 50%;
  margin: 0.5em 2em 1em 0;
}
img.right {
  max-width: 50%; /* Responsive width */
  margin: 0.5em 0 1em 2em;
}
img.leftAlone {
  float: left;
  margin-right: 100%;
  margin-bottom: 1em;
  clear: both;
}
img.center {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 1em;
  clear: both;
}

.captionImage {
  width: 100%;
  margin-top: 0.5em;
}
.captionImage img {
  margin: 0;
  float: none;
  max-width: none;
  width: 100%;
}
.captionImage p {
  clear: both;
  margin: 0.5em 0;
  font-style: italic;
}
.captionImage.left {
  margin: 0.5em 3em 2em 0;
  max-width: 50%;
}
.captionImage.left img {
  margin-right: -1em;
}
.captionImage.right {
  margin: 0.5em 0 2em 3em;
  max-width: 50%;
}
.captionImage.right img {
  margin-left: -1em;
}
.captionImage.right p {
  margin-left: -1em;
  text-align: left;
}
.captionImage.leftAlone {
  float: none;
  margin: 0 2em 2em 0;
}
.captionImage.center {
  margin: 0 auto 2em;
}

dialog {
  position: absolute;
  left: 0;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: white;
  color: black;
  display: block;
}

dialog:not([open]) {
  display: none;
}

dialog + .backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}

._dialog_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

dialog.fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/inter-v19-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/inter-v19-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/inter-v19-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  src: url("/fonts/inter-v19-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/inter-v19-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  src: url("/fonts/inter-v19-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  --primary-color: #79580e;
  --secondary-color:#F0E8D9;
  --background-color: #FEBA50;
  --button-background: #79580e;
  --button-primary: #F0E8D9;
}

.orange-bg, .original, .dark-bg {
  --primary-color: #F0E8D9;
  --secondary-color: #F0E8D9;
  --third-color:#79580e;
  --background-color: #EF8448;
  --button-background: #F0E8D9;
  --button-primary: #79580e;
  background-color: var(--background-color);
}

.light-orange-bg, .pineapple-cream {
  --primary-color: #F0E8D9;
  --secondary-color: #F0E8D9;
  --third-color:#79580e;
  --background-color: #FF9F1A;
  --button-background: #F0E8D9;
  --button-primary: #79580e;
  background-color: var(--background-color);
}

.blue-bg, .coconut-cream {
  --primary-color: #F0E8D9;
  --secondary-color: #F0E8D9;
  --third-color:#79580e;
  --background-color: #00BBBC;
  --button-background: #F0E8D9;
  --button-primary: #79580e;
  background-color: var(--background-color);
}

.dark-orange-bg, .pumpkin-spice {
  --primary-color: #F0E8D9;
  --secondary-color: #F0E8D9;
  --third-color:#79580e;
  --background-color: #E5682B;
  --button-background: #F0E8D9;
  --button-primary: #79580e;
  background-color: var(--background-color);
}

.red-bg, .peppermint-bark {
  --primary-color: #F0E8D9;
  --secondary-color: #F0E8D9;
  --third-color:#79580e;
  --background-color: #E64342;
  --button-background: #F0E8D9;
  --button-primary: #79580e;
  background-color: var(--background-color);
}

.brown-bg {
  --primary-color: #F0E8D9;
  --secondary-color: #F0E8D9;
  --third-color:#EF8448;
  --background-color: #79580e;
  --button-background: #F0E8D9;
  --button-primary: #79580e;
  background-color: var(--background-color);
}

.light-bg {
  --primary-color: #79580e;
  --secondary-color:#79580e;
  --third-color:#EF8448;
  --background-color: #F0E8D9;
  --button-background: #79580e;
  --button-primary: #F0E8D9;
  background-color: var(--background-color);
}

@font-face {
  font-display: swap;
  font-family: "ITCQuorum";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/ITCQuorumLight.woff2") format("woff2"), url("/fonts/ITCQuorumLight.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "ITCQuorum";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/ITCQuorumBook.woff2") format("woff2"), url("/fonts/ITCQuorumBook.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "ITCQuorum";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/ITCQuorumMedium.woff2") format("woff2"), url("/fonts/ITCQuorumMedium.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "ITCQuorum";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/ITCQuorumBold.woff2") format("woff2"), url("/fonts/ITCQuorumBold.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "ITCQuorum";
  font-style: normal;
  font-weight: 900;
  src: url("/fonts/ITCQuorumBlack.woff2") format("woff2"), url("/fonts/ITCQuorumBlack.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Ruston SCript";
  font-style: normal;
  font-weight: 900;
  src: url("/fonts/RustonScript-Bold.woff2") format("woff2");
}
p, ul, ol, a {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0;
  font-size: clamp(1rem, 0.954rem + 0.19vw, 1.125rem);
  line-height: 1.28;
  color: var(--secondary-color);
}
p + p, p + ul, p + ol, ul + p, ul + ul, ul + ol, ol + p, ol + ul, ol + ol, a + p, a + ul, a + ol {
  margin-top: 1em;
}
p.legal, ul.legal, ol.legal, a.legal {
  font-size: clamp(0.563rem, 0.4rem + 0.67vw, 1rem);
}

a {
  text-decoration: underline;
  cursor: pointer;
}
p + a, .inner-container + a {
  margin-top: 1em;
}
a img {
  text-decoration: none;
}
a:hover {
  color: var(--third-color);
}

.title, h1, h2, h3, h4, h5, h6, blockquote {
  font-family: "ITCQuorum", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: var(--primary-color);
  line-height: normal;
  text-transform: uppercase;
  position: relative;
}
.title + p, p + .title, h1 + p, p + h1, h2 + p, p + h2, h3 + p, p + h3, h4 + p, p + h4, h5 + p, p + h5, h6 + p, p + h6, blockquote + p, p + blockquote {
  margin-top: 0.5em;
}
.title.primary, h1.primary, h2.primary, h3.primary, h4.primary, h5.primary, h6.primary, blockquote.primary {
  font-size: clamp(2.5rem, 1.943rem + 2.29vw, 4rem);
}
.title.primary span.larger, h1.primary span.larger, h2.primary span.larger, h3.primary span.larger, h4.primary span.larger, h5.primary span.larger, h6.primary span.larger, blockquote.primary span.larger {
  font-size: clamp(3rem, 1.445rem + 6.38vw, 7.188rem);
  line-height: 0.65em;
}
.title.primary span.large, h1.primary span.large, h2.primary span.large, h3.primary span.large, h4.primary span.large, h5.primary span.large, h6.primary span.large, blockquote.primary span.large {
  font-size: clamp(1.75rem, 0.868rem + 3.62vw, 4.125rem);
  line-height: 0.93em;
}
.title.secondary, h1.secondary, h2.secondary, h3.secondary, h4.secondary, h5.secondary, h6.secondary, blockquote.secondary {
  font-size: clamp(1.5rem, 0.943rem + 2.29vw, 3rem);
}
.title.third, h1.third, h2.third, h3.third, h4.third, h5.third, h6.third, blockquote.third {
  font-size: clamp(1.375rem, 1.247rem + 0.52vw, 1.719rem);
}
.title.fourth, h1.fourth, h2.fourth, h3.fourth, h4.fourth, h5.fourth, h6.fourth, blockquote.fourth {
  font-size: clamp(0.875rem, 0.643rem + 0.95vw, 1.5rem);
}
.title span.ruston, h1 span.ruston, h2 span.ruston, h3 span.ruston, h4 span.ruston, h5 span.ruston, h6 span.ruston, blockquote span.ruston {
  font-family: "Ruston Script", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: clamp(4.25rem, 2.161rem + 8.57vw, 9.875rem);
  text-transform: capitalize;
  line-height: 0.9;
}
.title span, .title strong, h1 span, h1 strong, h2 span, h2 strong, h3 span, h3 strong, h4 span, h4 strong, h5 span, h5 strong, h6 span, h6 strong, blockquote span, blockquote strong {
  display: block;
}
.title sup, h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup, blockquote sup {
  font-size: 0.25em;
  position: relative;
  top: -0.5em;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
}

blockquote {
  text-indent: -1em;
}

.legal {
  font-size: clamp(0.875rem, 0.745rem + 0.53vw, 1.25rem);
}

:root {
  --heading-color:black;
  --text-color:black;
  --accent-color:red;
  --border-color:#666;
  --header-size: 3.4375rem;
  --container-padding:2.8125rem min(5%, 2.8125rem);
  --container-gap:1.75rem;
  --border-radius: 1.5625em;
  interpolate-size: allow-keywords;
}
@media screen and (width > 930px) {
  :root {
    --header-size:5.4375rem;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  scroll-behavior: smooth;
  padding: var(--container-gap) 0;
  background: var(--background-color);
  font-family: "Inter", sans-serif;
  color: var(--primary-color);
}
body * {
  scroll-margin-top: var(--header-size);
}

main {
  width: 100%;
  display: grid;
  gap: var(--container-gap);
}

.container {
  margin: 0 auto;
  max-width: 1350px;
  position: relative;
  width: 90%;
  border-radius: var(--border-radius);
  padding: var(--container-padding);
}

.inner-container {
  padding: var(--container-padding);
  width: 100%;
  border-radius: var(--border-radius);
  margin: 0 auto;
}
.inner-container + .inner-container {
  margin-top: var(--container-gap);
}

.padded {
  padding: 5em 0;
}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  z-index: 0;
}

.video-container {
  position: relative;
}
.video-container video {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-container button.play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
.video-container button.play svg path {
  transition: all 0.3s;
}
.video-container button.play:hover svg path {
  fill-opacity: 1;
}

.diamond {
  background: var(--secondary-color);
  aspect-ratio: 1;
  clip-path: shape(from 46.63% 97.87%, curve to 2.13% 53.37% with 38.73% 81.56%/18.44% 61.27%, curve to 2.13% 46.63% with -0.71% 51.99%/-0.71% 48.01%, curve to 46.63% 2.13% with 18.44% 38.73%/38.73% 18.44%, curve to 53.37% 2.13% with 48.01% -0.71%/51.99% -0.71%, curve to 97.87% 46.63% with 61.27% 18.44%/81.56% 38.73%, curve to 97.87% 53.37% with 100.71% 48.01%/100.71% 51.99%, curve to 53.37% 97.87% with 81.56% 61.27%/61.27% 81.56%, curve to 46.63% 97.87% with 51.99% 100.71%/48.01% 100.71%, close);
}

[v-cloak] {
  opacity: 0;
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .animate {
      animation: var(--_animation) ease-in-out;
      animation-timeline: view() !important;
      animation-range: cover 25%;
      isolation: isolate;
      opacity: 0;
    }
    .bounce {
      animation: var(--_animation) cubic-bezier(0.68, -0.55, 0.27, 1.55);
    }
  }
}
@keyframes bottom {
  0% {
    transform: translateY(5em);
    opacity: 0;
  }
  15%, 80% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes left {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  25%, 80% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes right {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  25%, 80% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  20%, 80% {
    opacity: 1;
  }
}
@keyframes fadegrow {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  20%, 80% {
    opacity: 1;
    transform: scale(1);
  }
}
input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.field {
  width: 100%;
  --background-color:#F0E8D9;
}

input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=file],
textarea, .custom-select {
  background: var(--background-color);
  font-size: 1rem;
  border-radius: 1.5625em;
  text-align: left;
  padding: 0.875em 1.4em;
  width: 100%;
  box-sizing: border-box;
  border: none;
  text-transform: none;
  color: currentColor;
}
input[type=text].error,
input[type=email].error,
input[type=number].error,
input[type=password].error,
input[type=tel].error,
input[type=file].error,
textarea.error, .custom-select.error {
  border-color: #f00;
}

label {
  font-family: "ITCQuorum", "ITC Quorum STD";
  font-weight: 700;
  color: currentColor;
  text-transform: uppercase;
  padding-left: 1.4rem;
}

textarea {
  height: 8em;
}

.custom-select {
  width: 100%;
  padding: 0;
  overflow: hidden;
  background: var(--background-color) url("/images/svg/chevron-down.svg") no-repeat calc(100% - 1.4em) 50%;
  background-size: 1rem;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: none;
  color: currentColor;
}
@media (width <= 480px) {
  .custom-select {
    background-size: 0.9rem;
  }
}
.custom-select label.error {
  position: absolute;
}
.custom-select select {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: currentColor;
  background: none;
  padding: 0.875em 1.4em;
}
.custom-select select:focus {
  outline: 0;
}

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

label.error,
span.error {
  color: #f00;
  font-style: italic;
  font-size: 0.8em;
  display: block !important;
  margin: 0.25em 0 0.5em;
  text-transform: none;
}

label.checkbox,
label.radio {
  cursor: pointer;
  margin-left: 1.4rem;
  padding-left: 2.5em;
  display: inline-block;
  align-items: center;
  position: relative;
  width: auto;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}
label.checkbox a,
label.radio a {
  font-size: inherit !important;
  font-family: inherit;
  color: currentColor;
}
label.checkbox span,
label.radio span {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  border: none;
  border-radius: 0;
  background: var(--background-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
label.checkbox span:after,
label.radio span:after {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: sans-serif;
  font-weight: bold;
  display: none;
  content: "X";
  line-height: 1;
}
label.checkbox input,
label.radio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
label.checkbox input:disabled ~ span,
label.radio input:disabled ~ span {
  pointer-events: none;
  opacity: 0.6;
  background: #ccc;
}
label.checkbox input:checked ~ span:after,
label.radio input:checked ~ span:after {
  display: block;
}
@media (width <= 640px) {
  label.checkbox {
    margin-bottom: 0;
  }
}

label.radio span {
  border-radius: 50%;
  overflow: hidden;
}
label.radio span:after {
  content: "";
  background: var(--button-background);
  width: 50%;
  height: 50%;
  position: relative;
  top: 0;
  left: 0;
  border-radius: 50%;
}
label.radio input:disabled ~ span {
  pointer-events: none;
  opacity: 0.6;
  background: #ccc;
}
label.radio input:checked ~ span {
  background: #fff;
  color: #000;
}
label.radio:hover input ~ span {
  background: #000;
}
label.radio:hover input:not([disabled]):checked ~ span {
  background: #000;
}

form .legal {
  color: #656565;
  text-align: center;
  font-size: 12px;
  margin: 2em auto;
  text-wrap: balance;
}
form .btn-toolbar {
  text-align: center;
}

#ejgContactUs h1 {
  font-size: clamp(2.5rem, 1.943rem + 2.29vw, 4rem);
}
#ejgContactUs a {
  font-size: inherit;
  color: inherit;
}

#contactUsForm {
  --background-color:white;
  display: grid;
  gap: 1.5em;
  margin: 2em auto;
  color: var(--primary-color);
}
#contactUsForm label {
  transform: unset !important;
  padding: 0;
}
#contactUsForm input::-moz-placeholder {
  color: var(--primary-color);
}
#contactUsForm input::placeholder {
  color: var(--primary-color);
}
#contactUsForm .dropdownTxt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--background-color);
  font-size: 1rem;
  border-radius: 1.5625em;
  text-align: left;
  padding: 0.875em 1.4em;
  width: 100%;
  box-sizing: border-box;
  border: none;
  text-transform: none;
  color: currentColor;
  pointer-events: none;
}
#contactUsForm .dropdownTxt span.selectedTxt {
  flex-grow: 1;
  pointer-events: none;
}
#contactUsForm .dropdownTxt span.arrowDown {
  margin: 0;
}
#contactUsForm .dropdownWrapper {
  position: relative;
}
#contactUsForm .dropdownWrapper .fieldSelect {
  pointer-events: all;
  margin: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#contactUsForm #phoneTypeLabel {
  display: none;
}
#contactUsForm strong {
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 2rem;
  display: block;
}
#contactUsForm label {
  display: block;
}
#contactUsForm .reasconCodeCheck {
  font-family: "ITCQuorum";
}
#contactUsForm #dobDropDownWrapper {
  width: auto;
}
#contactUsForm #dobDropDownWrapper .dropdownTxt {
  min-width: 5em;
  width: auto;
}
#contactUsForm #dobYear {
  min-width: calc(4ch + 3em);
}
#contactUsForm #phoneWrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
#contactUsForm #phoneWrapper label {
  width: 100%;
}
#contactUsForm #phoneWrapper #phone, #contactUsForm #phoneWrapper #phoneTypeDropDownWrapper {
  width: calc(50% - 1em);
}
#contactUsForm #prefContactMethodWrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  align-items: center;
}
#contactUsForm #prefContactMethodWrapper legend {
  width: 100%;
}
#contactUsForm #prefContactMethodWrapper label {
  margin-bottom: 0;
  line-height: 1;
}
#contactUsForm #moreInfoLabel {
  display: inline-block;
  text-transform: capitalize;
  margin-left: 0.5em;
}

#CrmForm_CrmForm fieldset, #SweepsForm_SweepsForm fieldset, .Security form fieldset {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 1.25rem;
}
#CrmForm_CrmForm .field, #SweepsForm_SweepsForm .field, .Security form .field {
  grid-column: 1/span 5;
}
@media screen and (width >= 640px) {
  #CrmForm_CrmForm .field.city, #SweepsForm_SweepsForm .field.city, .Security form .field.city {
    grid-column: 1/span 3;
  }
}
@media screen and (width >= 768px) {
  #CrmForm_CrmForm .field.city, #SweepsForm_SweepsForm .field.city, .Security form .field.city {
    grid-column: 1/span 2;
  }
}
@media screen and (width >= 640px) {
  #CrmForm_CrmForm .field.state, #SweepsForm_SweepsForm .field.state, .Security form .field.state {
    grid-column: 4/span 2;
  }
}
@media screen and (width >= 768px) {
  #CrmForm_CrmForm .field.state, #SweepsForm_SweepsForm .field.state, .Security form .field.state {
    grid-column: 3/span 1;
  }
}
@media screen and (width >= 768px) {
  #CrmForm_CrmForm .field.zip, #SweepsForm_SweepsForm .field.zip, .Security form .field.zip {
    grid-column: 4/span 2;
  }
}
#CrmForm_CrmForm [type=submit]:hover, #SweepsForm_SweepsForm [type=submit]:hover, .Security form [type=submit]:hover {
  background: var(--button-primary);
  color: var(--button-background);
}

button, input[type=submit] {
  all: unset;
}

button, a.btn, .btn, input[type=submit] {
  font-family: "ITCQuorum", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  cursor: pointer;
  display: inline-block;
  transition: all 0.3s;
  text-decoration: none;
  text-decoration: none;
  line-height: 1;
  padding: 0.5em 1.75em 0.2em;
  background: var(--button-background);
  color: var(--button-primary);
  --c:0.7em;
  -webkit-mask: radial-gradient(var(--c) 70% at var(--c) 50%, rgba(0, 0, 0, 0) calc(100% - 2px), #000) calc(-1 * var(--c)) 0;
          mask: radial-gradient(var(--c) 70% at var(--c) 50%, rgba(0, 0, 0, 0) calc(100% - 2px), #000) calc(-1 * var(--c)) 0;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: clamp(1rem, 0.857rem + 0.71vw, 1.5rem);
  text-align: center;
}
button:hover, button:focus, a.btn:hover, a.btn:focus, .btn:hover, .btn:focus, input[type=submit]:hover, input[type=submit]:focus {
  background: var(--third-color);
  color: var(--button-background);
}
@supports (clip-path: shape(from 100% 0%, vline to 100%)) {
  button, a.btn, .btn, input[type=submit] {
    -webkit-mask: unset;
            mask: unset;
    padding: 0.5em 1.5em 0.2em;
    clip-path: shape(from 99.77% 0%, curve to 99.95% 2.59% with 99.96% 0%/100.07% 1.53%, hline to 99.94%, curve to 99.94% 97.41% with 96.86% 30.6%/96.86% 69.4%, curve to 99.76% 100% with 100.06% 98.47%/99.96% 100%, hline to 0.23%, curve to 0.05% 97.41% with 0.04% 100%/-0.07% 98.47%, curve to 0.05% 2.59% with 3.13% 69.4%/3.13% 30.6%, curve to 0.24% 0% with -0.06% 1.53%/0.04% 0%, hline to 99.77%, close);
  }
}

#agegate-dialog {
  padding: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: 0;
  top: 0;
  left: 0;
  background-size: cover;
  min-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  transform: none;
  background-size: cover;
  background: #FEBA50;
}
#agegate-dialog[open] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#agegate-dialog .agegate-container {
  max-width: clamp(21.25rem, 15.121rem + 25.14vw, 37.75rem);
  margin: auto;
  width: 100%;
  text-align: center;
}
#agegate-dialog .wrap {
  display: flex;
  width: 100%;
  min-height: 100dvh;
}
#agegate-dialog svg {
  max-width: clamp(10.688rem, 9.875rem + 3.33vw, 12.875rem);
  width: 100%;
  height: auto;
}
#agegate-dialog svg path {
  fill: white;
}
#agegate-dialog .container {
  position: relative;
  overflow: hidden;
  margin: auto;
  min-height: 100vh;
  width: 100%;
  max-width: unset !important;
  display: flex;
}
#agegate-dialog .inner-container {
  padding: 10% 5%;
}
#agegate-dialog .inner-container.logo-container {
  padding: 5%;
}
#agegate-dialog h1 {
  margin-bottom: 0.25em;
  font-size: clamp(2rem, 1.304rem + 2.86vw, 3.875rem);
}
#agegate-dialog form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5em;
}
#agegate-dialog form .date {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  align-items: center;
  justify-content: center;
}
#agegate-dialog form .date .date-field.month, #agegate-dialog form .date .date-field.day {
  max-width: 6rem;
}
#agegate-dialog form .date .date-field.year {
  max-width: 12.563rem;
}
#agegate-dialog form .date .date-field input {
  background: var(--third-color);
  border-radius: 25px;
  border: 2px solid var(--third-color);
  font-size: 2rem;
  padding: 0.5em 0.5em;
  text-align: center;
  color: white;
}
#agegate-dialog form .date .date-field input::-moz-placeholder {
  color: white;
}
#agegate-dialog form .date .date-field input::placeholder {
  color: white;
}
#agegate-dialog form .date .date-field label {
  font-family: "ITCQuorum", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  width: 100%;
  font-size: 1rem;
  margin-bottom: 0;
  padding: 0;
  color: var(--secondary-color);
}
#agegate-dialog .btn {
  margin-bottom: 1em;
}
#agegate-dialog .legal {
  font-family: "ITCQuorum", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  font-size: clamp(0.5rem, 0.407rem + 0.38vw, 0.75rem);
  text-transform: uppercase;
}
#agegate-dialog .legal a {
  font-size: inherit;
}

body:has(#agegate-dialog[open]) {
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
}

header.main {
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 20;
  margin: 0 auto;
  width: 100%;
  align-items: center;
  justify-content: center;
  container-type: scroll-state;
  --box-shadow:rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  transition: box-shadow 0.6s;
}
@container scroll-state(stuck:top) {
  header.main > .container {
    box-shadow: var(--box-shadow);
  }
}
header.main .container {
  min-height: var(--header-size);
  padding: 0;
  justify-content: flex-end;
  display: grid;
  grid-template-areas: ". logo menu" "nav nav nav";
  grid-template-columns: 1fr 1fr 1fr;
  width: 90%;
  margin: auto;
  position: relative;
}
header.main .container.scrolled {
  box-shadow: var(--box-shadow);
}
@media screen and (width > 930px) {
  header.main .container {
    grid-template-areas: unset;
    grid-template-columns: 42fr 16fr 42fr;
  }
}
header.main .container nav {
  max-height: 0;
  overflow: clip;
  margin: auto;
  width: 100%;
  grid-area: nav;
  transition: max-height 0.5s ease-out;
  scrollbar-width: none;
}
@media screen and (width <= 930px) {
  header.main .container nav.active {
    transition: max-height 1s ease-in;
    max-height: calc(100svh - 2em);
  }
  @supports (height: calc-size(auto, size)) {
    header.main .container nav {
      transition: block-size 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55) !important;
      height: 0;
      max-height: unset;
    }
    header.main .container nav.active {
      height: calc-size(auto, size);
    }
  }
}
@media screen and (width > 930px) {
  header.main .container nav {
    max-height: unset;
    grid-column: 1/span 3;
    grid-row: 1;
    display: grid;
    grid-template-columns: 42fr 16fr 42fr;
    grid-template-areas: "left . right";
    pointer-events: none;
  }
}
header.main .container ul {
  list-style: none;
  padding: 1em;
  margin: 0;
  text-align: center;
  overflow-y: visible;
  display: flex;
  gap: 1.5em;
  flex-direction: column;
  pointer-events: all;
  line-height: 1;
}
@media screen and (width > 930px) {
  header.main .container ul {
    padding: 0;
    display: grid;
    grid-auto-flow: column;
    justify-content: space-evenly;
    align-items: center;
    gap: 1em;
  }
  header.main .container ul li:not(:has(.btn)) {
    margin-top: 0.5em;
  }
  header.main .container ul:first-of-type {
    grid-area: left;
  }
  header.main .container ul:last-of-type {
    grid-area: right;
    padding-right: 2em;
  }
}
header.main .container a {
  line-height: 1;
  font-size: clamp(1.125rem, 0.986rem + 0.57vw, 1.5rem);
  font-family: "ITCQuorum", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
header.main .container .logo {
  display: flex;
  grid-area: logo;
  margin: auto;
  height: var(--header-size);
  align-items: center;
  justify-content: center;
  z-index: 10;
  position: relative;
  pointer-events: all;
}
header.main .container .logo:hover svg {
  transform: scale(1.1);
}
@media screen and (width > 930px) {
  header.main .container .logo {
    grid-column: 2/span 1;
    grid-row: 1;
  }
}
header.main .container .logo svg, header.main .container .logo img {
  max-width: clamp(5.75rem, 4.125rem + 6.67vw, 10.125rem);
  width: 100%;
  height: auto;
  transition: all 0.3s;
}
header.main .container .hamburger {
  background: none;
  clip-path: none;
  font-size: clamp(1.125rem, 0.986rem + 0.57vw, 1.5rem);
  font-family: "ITCQuorum", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  color: #79580e;
  grid-area: menu;
  margin: auto;
}
header.main .container .hamburger:hover {
  color: var(--third-color);
}
@media (min-width: 931px) {
  header.main .container .hamburger {
    display: none;
  }
}

footer.main {
  overflow: hidden;
  text-align: center;
}
footer.main span.btn {
  margin-top: 1em;
  cursor: auto;
}
footer.main span.btn:hover {
  background: #F0E8D9;
  color: var(--button-primary);
}
footer.main .social-container {
  display: flex;
  gap: 1.5em;
  align-items: center;
  justify-content: center;
  margin: 1em auto 2em;
}
footer.main .social-container svg {
  width: clamp(2.375rem, 2.212rem + 0.67vw, 2.813rem);
  height: auto;
}
footer.main .social-container .tiktok:hover svg .circle {
  fill: var(--third-color);
}
footer.main .links {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1rem, 0.907rem + 0.38vw, 1.25rem);
  line-height: 1.5;
}
footer.main .links a {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}

.video-container {
  width: 100%;
  height: auto;
  position: relative;
}
.video-container button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: none;
  border: none;
  transition: 0.3s all;
  width: 25%;
  max-width: 200px;
}
.video-container button:hover, .video-container button:focus {
  transform: translate(-50%, -50%) scale(1.1);
}
.video-container button svg {
  width: 100%;
  height: auto;
}

#wtb-overlay #closeBtn {
  clip-path: none;
}
#wtb-overlay #closeBtn {
  color: #EF8448;
  background: #F0E8D9;
  text-shadow: none;
  border: 1px solid #EF8448 !important;
}
#wtb-overlay #closeBtn:hover {
  background: #EF8448;
  color: #79580e;
}
#wtb-overlay #wtbLogo {
  margin-top: 15px !important;
}
#wtb-overlay #resultListings, #wtb-overlay #resultItemsTab {
  background: #EF8448 !important;
}
#wtb-overlay #listingsWrapper {
  padding-top: 0 !important;
}
#wtb-overlay #mobileNavWrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
}
@media screen and (width >= 721px) {
  #wtb-overlay #mobileNavWrapper {
    display: none !important;
  }
}
#wtb-overlay #mobileNavWrapper button {
  clip-path: unset;
  -webkit-mask: unset;
          mask: unset;
  width: 100% !important;
  border-color: #EF8448 !important;
}

.wtb-wrapper .container {
  padding: 0;
  overflow: hidden;
}
.wtb-wrapper .container .sbs {
  display: flex;
  flex-wrap: wrap;
}
.wtb-wrapper .container .sbs img {
  aspect-ratio: 339/187;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 769px) {
  .wtb-wrapper .container .sbs img {
    aspect-ratio: unset;
    width: 41%;
  }
}
.wtb-wrapper .container .sbs .form-area {
  padding: var(--container-padding);
}
@media (min-width: 769px) {
  .wtb-wrapper .container .sbs .form-area {
    width: 59%;
  }
}
.wtb-wrapper .container .sbs .form-area .copy {
  text-align: center;
}
.wtb-wrapper .container .sbs .form-area .copy h1 {
  line-height: 0.9;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy {
  margin-top: 1em;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy .formHeaderText {
  display: none;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form {
  display: grid;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form label {
  --background-color:var(--primary-color);
  color: var(--primary-color);
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 0;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form input {
  border-radius: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: var(--background-color);
  background: var(--primary-color);
  font-size: 1em;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form .selectedTxt {
  color: #79580e;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #flavorWrapper {
  order: 2;
  width: 100%;
}
@media (min-width: 769px) {
  .wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #flavorWrapper {
    max-width: 136px;
  }
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #flavorWrapper #flavorDropDownWrapper, .wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #flavorWrapper select {
  width: 100%;
}
@media (min-width: 769px) {
  .wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #flavorWrapper #flavorDropDownWrapper, .wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #flavorWrapper select {
    max-width: 136px;
  }
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #acctGroup {
  order: 1;
  margin: 0;
  font-size: 1em;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #acctGroup #diningOutWrapper {
  margin-left: 0.5em;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #zipWrapper {
  position: relative;
  order: 3;
  width: 100%;
}
@media (min-width: 769px) {
  .wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #zipWrapper {
    width: 111px;
  }
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #zipWrapper input {
  padding: 0.5625em 0.625em;
  width: 100%;
  color: var(--background-color);
}
@media (min-width: 769px) {
  .wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #zipWrapper input {
    width: 111px;
  }
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #zipWrapper label {
  display: none;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #radiusWrapper {
  position: relative;
  order: 4;
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  width: 100%;
}
@media (min-width: 769px) {
  .wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #radiusWrapper {
    max-width: 120px;
  }
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #radiusWrapper #radiusDropDownWrapper, .wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #radiusWrapper select {
  width: 100%;
}
@media (min-width: 769px) {
  .wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #radiusWrapper #radiusDropDownWrapper, .wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #radiusWrapper select {
    max-width: 120px;
  }
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #radiusWrapper label {
  position: absolute;
  top: 100%;
  width: 100%;
  text-align: center;
  text-transform: lowercase;
  font-style: italic;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #submitBtnWrapper {
  order: 5;
  width: 100%;
  display: flex;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form #submitBtnWrapper button {
  margin: 1em auto 0;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form label.radio {
  padding-left: 2em;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-left: 0;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form label.radio span {
  transform: translateY(-0.3em);
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form label.radio span:after {
  background: #79580e;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form .dropdownWrapper {
  position: relative;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form .dropdownWrapper .dropdownTxt {
  background: #F0E8D9;
  padding: 0.5625em 0.625em;
  position: relative;
  border: #F0E8D9;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form .dropdownWrapper .dropdownTxt .arrowDown {
  margin: 0;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0.25em;
  height: 20px;
  width: 20px;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form .dropdownWrapper .dropdownTxt .arrowDown::after {
  background: url("/images/svg/chevron-down.svg") no-repeat;
  background-size: contain;
  content: "";
  width: 20px;
  height: 20px;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form .dropdownWrapper .dropdownTxt .selectedTxt {
  text-align: left;
  font-size: 16px;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form .dropdownWrapper select {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
  text-align: left;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy form .parsley-errors-list {
  position: absolute;
  top: 100%;
}
.wtb-wrapper .container .sbs .form-area .ejgWhereToBuy .productAvailability {
  display: none;
}
.wtb-wrapper .container .sbs .form-area .button-container {
  margin-top: 2em;
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (width > 930px) {
  .wtb-wrapper .container .sbs .form-area .button-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.wtb-wrapper .container .sbs .form-area .button-container .btn {
  margin: auto;
}
.wtb-wrapper .container .sbs .form-area .button-container svg {
  width: auto;
  height: 0.8em;
}

dialog.quickcrm {
  max-width: 768px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 90svh;
  overflow-y: auto;
  position: fixed;
  border: none;
}
dialog.quickcrm .close {
  all: unset;
  cursor: pointer;
  position: absolute;
  top: 1em;
  right: 1em;
}
dialog.quickcrm h2 {
  font-size: clamp(2.5rem, 2.082rem + 1.71vw, 3.625rem);
  line-height: 0.9;
  text-align: center;
  margin: 0.5rem auto 0;
}
dialog.quickcrm p {
  text-align: center;
  font-size: clamp(1.125rem, 0.893rem + 0.95vw, 1.75rem);
}
dialog.quickcrm p span {
  display: block;
}
dialog.quickcrm label {
  margin-top: 1em;
  color: var(--secondary-color);
}
dialog.quickcrm label.checkbox span:after {
  color: black;
}
dialog.quickcrm .btn-toolbar {
  margin-top: 1em;
}

@media screen and (width >= 768px) {
  .App\\Pages\\HomePage article.home {
    padding-top: var(--container-gap);
  }
}
.App\\Pages\\HomePage .intro {
  padding-top: 0;
  display: grid;
  gap: var(--container-gap);
  grid-template-areas: "image" "copy";
  align-items: center;
}
@media screen and (width >= 960px) {
  .App\\Pages\\HomePage .intro {
    grid-template-columns: 54fr 44fr;
    grid-template-areas: "image copy";
    padding-bottom: 0;
  }
}
@media screen and (width >= 1200px) {
  .App\\Pages\\HomePage .intro {
    grid-template-columns: 1fr 41fr 55fr 3fr;
    grid-template-areas: ". image copy .";
  }
}
.App\\Pages\\HomePage .intro img {
  grid-area: image;
  width: 56.5%;
  margin: -5% auto 0;
}
@media screen and (width >= 960px) {
  .App\\Pages\\HomePage .intro img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    margin: 0 0 -2px;
    aspect-ratio: 460/618;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top center;
       object-position: top center;
    transform: scale(1.05) translateY(-2.5%);
  }
}
.App\\Pages\\HomePage .intro .copy-container {
  grid-area: copy;
  display: grid;
  gap: var(--container-gap);
  text-align: center;
  justify-content: center;
}
@media screen and (width >= 960px) {
  .App\\Pages\\HomePage .intro .copy-container {
    text-align: left;
    padding: 2em 0;
  }
}
.App\\Pages\\HomePage .intro .copy-container .inner-container {
  padding-top: var(--container-gap);
  padding-bottom: var(--container-gap);
}
.App\\Pages\\HomePage .intro .copy-container .primary {
  line-height: 1;
}
.App\\Pages\\HomePage .intro .copy-container .btn {
  margin: 0 auto;
}

.App\\Pages\\HomePage .flavors .container {
  display: grid;
  gap: var(--container-gap);
}
.App\\Pages\\HomePage .flavors .copy {
  text-align: center;
  margin: 0 auto 1em;
}
@media (min-width: 769px) {
  .App\\Pages\\HomePage .flavors .copy {
    margin: 0 auto;
  }
}
.App\\Pages\\HomePage .flavors .copy p {
  text-wrap: pretty;
}
.App\\Pages\\HomePage .flavors ul {
  list-style: none;
  display: grid;
  gap: var(--container-gap);
  margin: 0;
  padding: var(--container-gap) 0 0;
  text-align: center;
}
.App\\Pages\\HomePage .flavors ul li {
  padding-top: 0;
  padding-bottom: 0;
}
.App\\Pages\\HomePage .flavors ul li:nth-child(odd) .bottle .lto {
  left: unset;
  right: 50%;
  transform: translateX(-25%);
}
@media screen and (width >= 768px) {
  .App\\Pages\\HomePage .flavors ul li:nth-child(even) a {
    direction: rtl;
    text-align: right;
  }
  .App\\Pages\\HomePage .flavors ul li:nth-child(even) a .bottle, .App\\Pages\\HomePage .flavors ul li:nth-child(even) a .copy-container {
    direction: ltr;
  }
}
.App\\Pages\\HomePage .flavors ul a {
  text-decoration: none;
}
.App\\Pages\\HomePage .flavors ul a:hover .bottle {
  transform: scale(1.05);
}
@media screen and (width >= 768px) {
  .App\\Pages\\HomePage .flavors ul a {
    display: grid;
    grid-template-columns: 8.3fr 11.3fr 80.4fr;
    grid-template-areas: ". bottle copy";
    align-items: center;
    text-align: left;
    gap: var(--container-gap);
  }
}
.App\\Pages\\HomePage .flavors .bottle {
  position: relative;
  width: 100%;
  grid-area: bottle;
  transition: transform 0.3s;
  place-self: flex-end;
  transform-origin: bottom center;
}
.App\\Pages\\HomePage .flavors .bottle .photo {
  width: 33%;
  height: auto;
  margin-top: -5%;
  view-transition-name: var(--transition-name);
  transform-origin: bottom center;
  background: unset;
}
@media screen and (width >= 768px) {
  .App\\Pages\\HomePage .flavors .bottle .photo {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    -o-object-position: top center;
       object-position: top center;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 0 0 -1px;
    aspect-ratio: 128/267;
    transform: scale(1.1);
  }
  .App\\Pages\\HomePage .flavors .bottle .photo.pumpkin-spice, .App\\Pages\\HomePage .flavors .bottle .photo.peppermint-bark {
    margin-bottom: 0;
  }
}
.App\\Pages\\HomePage .flavors .bottle .lto {
  position: absolute;
  top: 10%;
  left: 50%;
  width: 28%;
  transform: translateX(25%);
}
@media screen and (width >= 768px) {
  .App\\Pages\\HomePage .flavors .bottle .lto {
    width: 84%;
  }
}
.App\\Pages\\HomePage .flavors .copy-container {
  grid-area: copy;
  padding: 1em 0;
}
.App\\Pages\\HomePage .flavors .copy-container h3 {
  font-size: clamp(1.5rem, 0.943rem + 2.29vw, 3rem);
  view-transition-name: var(--transition-name);
}
.App\\Pages\\HomePage .flavors .copy-container p {
  margin-top: 0;
  font-size: clamp(1rem, 0.536rem + 1.9vw, 2.25rem);
  text-transform: uppercase;
  font-family: "ITCQuorum", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-wrap: balance;
}
.App\\Pages\\HomePage .flavors .copy-container .primary {
  line-height: 0.6;
  margin-bottom: 0.5em;
}
.App\\Pages\\HomePage .flavors .copy-container .large {
  line-height: 0.6;
}

.App\\Pages\\HomePage .recipe .container {
  display: flex;
  flex-direction: column;
  gap: var(--container-gap);
}
@media screen and (width >= 1100px) {
  .App\\Pages\\HomePage .recipe .container {
    display: grid;
    grid-template-areas: "copy  recipes" "button recipes";
    grid-template-columns: 27fr 73fr;
  }
}
.App\\Pages\\HomePage .recipe .container .copy {
  grid-area: copy;
  text-align: center;
}
.App\\Pages\\HomePage .recipe .container .copy .primary {
  line-height: 1;
}
.App\\Pages\\HomePage .recipe .container .btn {
  grid-area: button;
  margin: 0 auto;
}
.App\\Pages\\HomePage .recipe .container .featured {
  grid-area: recipes;
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(0.5rem, -0.498rem + 4.1vw, 3.188rem);
}
.App\\Pages\\HomePage .recipe .container .featured .inner-container {
  padding-top: 0;
  padding-bottom: 1.5625rem;
  margin: 0;
  place-content: flex-end;
  color: var(--secondary-color);
  transition: background 0.3s;
}
.App\\Pages\\HomePage .recipe .container .featured .inner-container:hover {
  background: var(--hover-color);
}
.App\\Pages\\HomePage .recipe .container .featured .inner-container:hover img {
  transform: scale(1.05);
}
@media screen and (width < 1100px) {
  .App\\Pages\\HomePage .recipe .container .featured .inner-container {
    padding-bottom: 1rem;
  }
}
.App\\Pages\\HomePage .recipe .container .featured .inner-container a {
  text-decoration: none;
  text-align: center;
}
.App\\Pages\\HomePage .recipe .container .featured .inner-container img {
  display: block;
  margin: 0 auto;
  transition: transform 0.3s;
  view-transition-name: var(--transition-name);
}
.App\\Pages\\HomePage .recipe .container .featured .inner-container img.Shot {
  -o-object-fit: contain;
     object-fit: contain;
  width: 80%;
  margin: auto auto 0;
}
.App\\Pages\\HomePage .recipe .container .featured .inner-container .title {
  display: block;
  text-align: center;
  line-height: 1;
  view-transition-name: var(--transition-name);
  max-width: 140px;
  margin: 0 auto;
}

.App\\Pages\\HomePage .escape .container {
  overflow: clip;
}
.App\\Pages\\HomePage .escape .container .copy {
  padding: 2.8125rem 0;
  max-width: clamp(13.75rem, 7.296rem + 26.48vw, 31.125rem);
  width: 100%;
  margin: auto;
  text-align: center;
}
.App\\Pages\\HomePage .escape .container .copy .primary {
  line-height: 1;
}

.App\\Pages\\HomePage article {
  display: grid;
  gap: var(--container-gap);
}

.App\\Pages\\RecipeHolder main .intro h1 {
  font-size: clamp(2.5rem, 1.293rem + 4.95vw, 5.75rem);
  line-height: 1;
}
.App\\Pages\\RecipeHolder main .intro h1 span {
  font-size: 1.7586em;
}
.App\\Pages\\RecipeHolder main .intro p {
  text-wrap: pretty;
  margin-top: 1.25em;
}
.App\\Pages\\RecipeHolder main .filters {
  display: grid;
  gap: 1rem;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (width >= 768px) {
  .App\\Pages\\RecipeHolder main .filters {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}
.App\\Pages\\RecipeHolder main .filters .field {
  display: grid;
}
@media screen and (width >= 768px) {
  .App\\Pages\\RecipeHolder main .filters .field {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    margin: 0;
  }
}
.App\\Pages\\RecipeHolder main .filters .field label {
  padding: 0;
  font-size: 1.25rem;
}
@media screen and (width >= 768px) {
  .App\\Pages\\RecipeHolder main .filters .field label {
    margin: 0;
  }
}
.App\\Pages\\RecipeHolder main .filters .custom-select {
  max-width: 340px;
  margin: 0 auto;
}
@media screen and (width >= 768px) {
  .App\\Pages\\RecipeHolder main .filters .custom-select {
    margin: 0;
  }
}
.App\\Pages\\RecipeHolder main #recipes {
  padding: 0;
  display: grid;
  gap: 0.8125rem;
  position: relative;
}
@media screen and (width >= 768px) {
  .App\\Pages\\RecipeHolder main #recipes {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (width >= 1200px) {
  .App\\Pages\\RecipeHolder main #recipes {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.App\\Pages\\RecipeHolder main #recipes .recipesgrid-move,
.App\\Pages\\RecipeHolder main #recipes .recipesgrid-enter-active,
.App\\Pages\\RecipeHolder main #recipes .recipesgrid-leave-active {
  transition: all 0.5s ease;
}
.App\\Pages\\RecipeHolder main #recipes .recipesgrid-enter-from,
.App\\Pages\\RecipeHolder main #recipes .recipesgrid-leave-to {
  opacity: 0;
  transform: scale(0);
}
.App\\Pages\\RecipeHolder main #recipes .recipesgrid-leave-active {
  position: absolute;
}
.App\\Pages\\RecipeHolder main #recipes a {
  display: grid;
  padding: 0 min(5%, var(--container-gap));
  background: #79580e;
  color: var(--secondary-color);
  text-decoration: none;
  border-radius: 1.4rem;
  gap: 0;
  grid-template-columns: 35fr 65fr;
  align-items: center;
  aspect-ratio: 355/135;
  width: 100%;
  height: auto;
  overflow: hidden;
  transition: all 0.3s;
}
.App\\Pages\\RecipeHolder main #recipes a:nth-child(2n+3) {
  background: var(--secondary-color);
  color: var(--primary-color);
}
.App\\Pages\\RecipeHolder main #recipes a:nth-child(2n+2) {
  background: #EF8448;
  color: var(--secondary-color);
}
.App\\Pages\\RecipeHolder main #recipes a:nth-child(5n+1) {
  background: #79580e;
  color: var(--secondary-color);
}
.App\\Pages\\RecipeHolder main #recipes a:hover {
  background: var(--hover-color);
  color: var(--secondary-color);
}
.App\\Pages\\RecipeHolder main #recipes a:hover img {
  transform: scale(1.05);
}
@media screen and (width >= 768px) {
  .App\\Pages\\RecipeHolder main #recipes a {
    grid-template-columns: 40fr 60fr;
    aspect-ratio: 430/226;
  }
}
.App\\Pages\\RecipeHolder main #recipes a img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
  -o-object-position: center left;
     object-position: center left;
  overflow: hidden;
  transition: transform 0.3s;
  view-transition-name: var(--transition-name);
}
.App\\Pages\\RecipeHolder main #recipes a img.Coffee, .App\\Pages\\RecipeHolder main #recipes a img.rumchata-chai-tea {
  -o-object-position: center -20%;
     object-position: center -20%;
}
@media screen and (width >= 768px) {
  .App\\Pages\\RecipeHolder main #recipes a img {
    -o-object-position: center;
       object-position: center;
  }
}
.App\\Pages\\RecipeHolder main #recipes a span {
  font-family: "ITCQuorum", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  display: block;
  width: 100%;
  text-wrap: balance;
  font-size: clamp(1.5rem, 1.18rem + 1.31vw, 2rem);
  line-height: 1;
  view-transition-name: var(--transition-name);
}

.App\\Pages\\Recipe:not(:has(dialog[open].quickcrm)) .grecaptcha-badge {
  display: none;
}

.App\\Pages\\Recipe main .therecipe {
  --grid-gap:clamp(1rem, 0.907rem + 0.38vw, 1.25rem);
  display: grid;
  gap: var(--grid-gap);
}
@media screen and (width >= 768px) {
  .App\\Pages\\Recipe main .therecipe {
    grid-template-columns: 1fr 1fr;
    width: 90%;
    margin: 0 auto;
    max-width: 1350px;
  }
  .App\\Pages\\Recipe main .therecipe .container {
    width: 100%;
  }
}
.App\\Pages\\Recipe main .therecipe .image {
  background: #79580e;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  place-content: center;
  pointer-events: none;
}
.App\\Pages\\Recipe main .therecipe .image img {
  width: 90%;
  height: auto;
  margin: 0 auto;
  view-transition-name: var(--transition-name);
}
.App\\Pages\\Recipe main .therecipe .image img:not(.Shot) {
  width: 100%;
  transform: scale(1.1) translateY(-5%);
  margin-bottom: -5%;
}
.App\\Pages\\Recipe main .therecipe .image img.Coffee {
  transform: scale(1.1) translateY(-10%);
}
.App\\Pages\\Recipe main .therecipe .side {
  display: grid;
  gap: var(--grid-gap);
}
.App\\Pages\\Recipe main .therecipe .copy {
  text-align: center;
  place-content: center;
}
.App\\Pages\\Recipe main .therecipe .copy h1 {
  font-size: clamp(3rem, 2.629rem + 1.52vw, 4rem);
  margin-bottom: 1rem;
  line-height: 1;
}
.App\\Pages\\Recipe main .therecipe .copy h1 span {
  font-family: "Ruston Script", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.75em;
  text-transform: none;
  line-height: 1.25;
}
.App\\Pages\\Recipe main .therecipe .copy h2 {
  font-size: clamp(1.25rem, 1.157rem + 0.38vw, 1.5rem);
}
.App\\Pages\\Recipe main .therecipe .copy p, .App\\Pages\\Recipe main .therecipe .copy ul {
  font-size: clamp(1rem, 0.954rem + 0.19vw, 1.125rem);
  margin: 0.25em auto 2em;
  text-wrap: balance;
}
.App\\Pages\\Recipe main .therecipe .copy p:last-of-type {
  margin-bottom: 0;
}
.App\\Pages\\Recipe main .therecipe .copy ul {
  list-style: none;
  padding: 0;
}

.App\\Pages\\ProductHolder .intro h1 {
  font-size: clamp(3rem, 2.629rem + 1.52vw, 4rem);
  line-height: 0.9;
}
.App\\Pages\\ProductHolder .intro h1 .ruston {
  margin-top: 0.05em;
}
.App\\Pages\\ProductHolder .intro p {
  text-wrap: balance;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.App\\Pages\\ProductHolder .product-list {
  max-width: 1350px;
  position: relative;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--container-gap) * 2) clamp(0.75rem, 0.611rem + 0.57vw, 1.125rem);
}
@media screen and (width >= 768px) {
  .App\\Pages\\ProductHolder .product-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.App\\Pages\\ProductHolder .product-list li {
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding-top: 0;
  padding-bottom: clamp(1.375rem, 1.189rem + 0.76vw, 1.875rem);
  display: grid;
  gap: 0.75rem;
}
.App\\Pages\\ProductHolder .product-list li:first-child {
  grid-column: 1/span 2;
}
@media screen and (width >= 768px) {
  .App\\Pages\\ProductHolder .product-list li:first-child {
    grid-column: 1/span 4;
    grid-template-areas: ". image . copy .";
    grid-template-columns: 10fr 24fr 4fr 56fr 6fr;
    gap: 0;
    align-items: center;
  }
  .App\\Pages\\ProductHolder .product-list li:first-child .image {
    grid-area: image;
    width: 100%;
  }
  .App\\Pages\\ProductHolder .product-list li:first-child .copy-container {
    grid-area: copy;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
  }
  .App\\Pages\\ProductHolder .product-list li:first-child p {
    max-width: 660px;
    text-wrap: balance;
  }
  .App\\Pages\\ProductHolder .product-list li:first-child .btn {
    margin: 1rem auto 0;
  }
}
.App\\Pages\\ProductHolder .product-list li:first-child .image {
  aspect-ratio: 334/554;
}
.App\\Pages\\ProductHolder .product-list li:first-child h2 {
  font-size: clamp(1.5rem, 1.407rem + 0.38vw, 1.75rem);
  width: 90%;
  max-width: unset;
}
@media screen and (width >= 768px) {
  .App\\Pages\\ProductHolder .product-list li:first-child h2 {
    font-size: clamp(2rem, -0.357rem + 4.91vw, 4.063rem);
    width: 100%;
  }
}
@media screen and (width >= 768px) {
  .App\\Pages\\ProductHolder .product-list li:first-child .btn {
    font-size: clamp(1.5rem, 1.268rem + 0.95vw, 2.125rem);
  }
}
.App\\Pages\\ProductHolder .product-list li:has(a:hover) .image {
  transform: scale(1.05);
}
.App\\Pages\\ProductHolder .product-list li:has(a:hover) .btn {
  background: var(--third-color);
  color: var(--button-background);
}
.App\\Pages\\ProductHolder .product-list li .image {
  position: relative;
  aspect-ratio: 178/420;
  width: 66%;
  margin: -5% auto 0;
  width: 66%;
  transition: transform 0.3s;
  transform-origin: bottom center;
}
.App\\Pages\\ProductHolder .product-list li .image .lto {
  width: 56%;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 12%;
  right: 0;
  transform: translateX(25%);
}
.App\\Pages\\ProductHolder .product-list li .bottle {
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  width: 100%;
  height: auto;
}
.App\\Pages\\ProductHolder .product-list li .copy-container {
  display: grid;
  gap: 0.75rem;
}
.App\\Pages\\ProductHolder .product-list li h2 {
  font-size: clamp(1.25rem, 1.064rem + 0.76vw, 1.75rem);
  place-self: center;
  text-wrap: pretty;
  margin: 0 auto;
  max-width: 17ch;
}
.App\\Pages\\ProductHolder .product-list li p {
  font-size: clamp(1rem, 0.954rem + 0.19vw, 1.125rem);
  margin: 0;
}
.App\\Pages\\ProductHolder .product-list li .btn {
  font-size: clamp(1rem, 0.907rem + 0.38vw, 1.25rem);
  place-self: center;
  align-self: flex-end;
}
@media screen and (width < 640px) {
  .App\\Pages\\ProductHolder .product-list li .btn {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.App\\Pages\\Product .intro {
  padding-top: 0;
  display: grid;
  gap: var(--container-gap);
  grid-template-areas: "image" "copy";
  align-items: center;
}
@media screen and (width >= 960px) {
  .App\\Pages\\Product .intro {
    grid-template-columns: 30fr 10fr 44fr;
    grid-template-areas: "image . copy";
    padding-bottom: 0;
  }
}
@media screen and (width >= 1200px) {
  .App\\Pages\\Product .intro {
    grid-template-columns: 8fr 24.5fr 12fr 54fr;
    grid-template-areas: ". image . copy";
  }
}
.App\\Pages\\Product .intro img {
  grid-area: image;
  width: 56.5%;
  margin: -5% auto 0;
  view-transition-name: var(--transition-name);
}
@media screen and (768px < width < 960px) {
  .App\\Pages\\Product .intro img {
    width: 35%;
    margin: -3% auto 0;
  }
}
@media screen and (width >= 960px) {
  .App\\Pages\\Product .intro img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    margin: 0;
    aspect-ratio: 297/570;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top center;
       object-position: top center;
    transform: scale(1.03) translateY(-1.5%);
  }
}
.App\\Pages\\Product .intro .copy-container {
  grid-area: copy;
  display: grid;
  gap: var(--container-gap);
  text-align: center;
  justify-content: center;
}
@media screen and (width >= 960px) {
  .App\\Pages\\Product .intro .copy-container {
    text-align: left;
    padding: 2em 0;
  }
}
.App\\Pages\\Product .intro .copy-container .inner-container {
  padding-top: var(--container-gap);
  padding-bottom: var(--container-gap);
}
.App\\Pages\\Product .intro .copy-container h1 {
  font-size: calc(-1 * clamp(-3rem, -3.033rem + 0.16vw, -2.91rem));
  text-wrap: balance;
  view-transition-name: var(--transition-name);
}
.App\\Pages\\Product .intro .copy-container p {
  text-wrap: pretty;
}
.App\\Pages\\Product .intro .copy-container .btn {
  margin: 0 auto;
  margin-top: 1em;
}

.App\\Pages\\Product .carousel {
  overflow: hidden;
  position: relative;
}
@media (max-width: 1099px) {
  .App\\Pages\\Product .carousel {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
.App\\Pages\\Product .carousel .background-underlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
}
@media (max-width: 1099px) {
  .App\\Pages\\Product .carousel .background-underlay {
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.App\\Pages\\Product .carousel .swiper {
  overflow: unset;
}
.App\\Pages\\Product .carousel .swiper-slide {
  height: auto;
  align-self: stretch;
  display: flex;
}
.App\\Pages\\Product .carousel .swiper-slide.chata-colada img {
  transform: translateX(-13.5%);
}
.App\\Pages\\Product .carousel .swiper-slide a {
  background: var(--background-color);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
}
.App\\Pages\\Product .carousel .swiper-slide a:hover {
  background: #79580e;
}
@media (max-width: 768px) {
  .App\\Pages\\Product .carousel .swiper-slide a {
    padding: 1.5em min(5%, 2.8125rem);
  }
}
.App\\Pages\\Product .carousel .swiper-slide a .btn {
  width: -moz-fit-content;
  width: fit-content;
}
.App\\Pages\\Product .carousel .swiper-button-next::after, .App\\Pages\\Product .carousel .swiper-button-prev::after {
  content: none;
}
.App\\Pages\\Product .carousel .swiper-button-next:hover svg circle, .App\\Pages\\Product .carousel .swiper-button-prev:hover svg circle {
  fill: #79580e;
}
.App\\Pages\\Product .carousel .swiper-button-next:hover svg path, .App\\Pages\\Product .carousel .swiper-button-prev:hover svg path {
  fill: #F0E8D9;
}
.App\\Pages\\Product .carousel .swiper-button-next svg circle, .App\\Pages\\Product .carousel .swiper-button-next svg path, .App\\Pages\\Product .carousel .swiper-button-prev svg circle, .App\\Pages\\Product .carousel .swiper-button-prev svg path {
  transition: all 0.3s;
}
.App\\Pages\\Product .carousel .swiper-button-prev {
  transform: scale(-1);
}
.App\\Pages\\Product .carousel img {
  display: block;
  margin: 0 auto 0.5em;
  transition: transform 0.3s;
  aspect-ratio: 1/1.2;
  -o-object-position: bottom center;
     object-position: bottom center;
  transition: transform 0.3s;
}
.App\\Pages\\Product .carousel img.Shot {
  -o-object-fit: contain;
     object-fit: contain;
  padding: 20% 0 0;
}
.App\\Pages\\Product .carousel .swiper-slide-visible img {
  view-transition-name: var(--transition-name);
}
.App\\Pages\\Product .carousel .swiper-slide-visible span {
  view-transition-name: var(--transition-name);
}

.App\\Pages\\Product {
  background: #FEBA50;
}
.App\\Pages\\Product .recipe-headline h2 {
  margin-bottom: -0.25em;
  font-size: clamp(2.5rem, 1.943rem + 2.29vw, 4rem);
  text-wrap: balance;
}

.App\\Pages\\CrmPage.thanks main section.intro h1 {
  text-transform: none;
}
.App\\Pages\\CrmPage.thanks main section.intro h1 span {
  line-height: 0.8;
  margin-bottom: 0.5rem;
}
.App\\Pages\\CrmPage main section.intro h1 {
  font-size: 2em;
  text-wrap: balance;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
  line-height: 1;
}
.App\\Pages\\CrmPage main section.intro h1 span {
  font-size: clamp(3rem, 1.909rem + 5.45vw, 6rem);
  line-height: 1.5;
}
@media screen and (width >= 768px) {
  .App\\Pages\\CrmPage main section.intro h1 span {
    line-height: 1;
    margin-bottom: -0.2em;
  }
}
.App\\Pages\\CrmPage main section.intro h1 svg {
  width: 19%;
  max-width: 78px;
  height: auto;
  display: block;
  position: absolute;
}
.App\\Pages\\CrmPage main section.intro h1 svg:first-of-type {
  top: 0;
  left: 0;
  transform: translate(-50%, -75%);
}
@media screen and (width >= 768px) {
  .App\\Pages\\CrmPage main section.intro h1 svg:first-of-type {
    top: unset;
    bottom: 0;
    transform: translate(-100%, 0);
  }
}
.App\\Pages\\CrmPage main section.intro h1 svg:last-of-type {
  bottom: 15%;
  right: 0;
  transform: translateX(75%) rotate(270deg);
}
@media screen and (width >= 768px) {
  .App\\Pages\\CrmPage main section.intro h1 svg:last-of-type {
    top: 0;
    bottom: unset;
    transform: translate(150%, -40%) rotate(90deg);
  }
}
.App\\Pages\\CrmPage section.theform {
  padding-top: 1em;
  max-width: 674px;
}

.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps {
  --background-color:var(--secondary-color);
  --color-green:#02553F;
  --color-red:#D44C37;
  --color-yellow:#F1D36C;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps.thanks .intro p {
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .wtb-wrapper .fakemap {
  border: 3px solid var(--background-color);
  border-top-left-radius: 1.5625em;
  border-top-right-radius: 1.5625em;
  overflow: hidden;
}
@media screen and (width > 768px) {
  .App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .wtb-wrapper .fakemap {
    border-top-right-radius: unset;
    border-bottom-left-radius: 1.5625em;
  }
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .intro {
  background: var(--color-green);
  color: white;
  padding: 0;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .intro h1 {
  color: currentColor;
  font-size: clamp(1.625rem, 1.125rem + 2.5vw, 3rem);
  text-wrap: balance;
  position: relative;
  z-index: 1;
  margin: 1rem auto 0;
  width: 90%;
}
@media screen and (width >= 768px) {
  .App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .intro h1 {
    width: 74%;
  }
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .intro h1 span {
  font-size: 1.333em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  line-height: 1.1;
  gap: 1rem;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .intro p {
  text-wrap: balance;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .intro .wrap {
  position: relative;
  width: 100%;
  max-width: 1166px;
  padding: var(--container-padding);
  margin: 0 auto;
  overflow: clip;
  place-content: center;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .intro svg {
  position: absolute;
  top: 0;
  height: auto;
  display: block;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .intro svg.svg-left-ornaments {
  left: 0;
  width: 20%;
  max-width: 149px;
  transform: translate(0, -10%);
}
@media screen and (width >= 1200px) {
  .App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .intro svg.svg-left-ornaments {
    transform: none;
  }
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .intro svg.svg-right-ornaments {
  right: 0;
  width: 25%;
  max-width: 186px;
  transform: translateX(20%);
}
@media screen and (width >= 1200px) {
  .App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .intro svg.svg-right-ornaments {
    transform: none;
  }
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .intro .btn {
  background: var(--color-red);
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform {
  background: var(--color-yellow);
  color: black;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform form {
  max-width: 674px;
  margin: 0 auto;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform label:not(.checkbox) {
  color: var(--color-red);
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform ::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform input:not([type=checkbox], [type=submit]), .App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform .custom-select {
  --background-color:var(--color-green);
  color: white;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform .custom-select {
  background-image: url("/images/svg/chevron-down-white.svg");
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform label.checkbox span {
  background: var(--color-green);
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform label.checkbox input:checked ~ span:after {
  color: white;
  content: "X";
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform a {
  color: currentColor;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform #SweepsForm_SweepsForm_Phone_Holder {
  display: none;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform [type=submit] {
  background: var(--color-green);
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform [type=submit]:hover {
  background: var(--color-red) !important;
  color: var(--button-primary) !important;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform .legal {
  margin-top: 2rem;
  text-align: center;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform .legal p {
  color: black;
  font-size: 10px;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .theform .legal p a {
  font-size: inherit;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .recipe {
  text-align: center;
  background: var(--color-yellow);
  padding-bottom: 0;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .recipe .wrap {
  width: 100%;
  max-width: 1070px;
  display: grid;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media screen and (width >= 1000px) {
  .App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .recipe .wrap {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2em;
  }
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .recipe h2, .App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .recipe p {
  color: var(--color-green);
  text-wrap: balance;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .recipe h2 {
  font-size: clamp(2.25rem, 1.614rem + 3.18vw, 4rem);
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .recipe .btn {
  background: var(--color-red);
  margin: 1em auto;
  display: flex;
  align-items: center;
  justify-content: center;
  place-self: center;
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .recipe .btn:hover {
  color: var(--color-green) !important;
}
@media screen and (width >= 1000px) {
  .App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .recipe .copy {
    order: 2;
  }
}
.App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .recipe img {
  aspect-ratio: 208/175;
  -o-object-fit: cover;
     object-fit: cover;
  width: 62%;
  height: auto;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  -o-object-position: top center;
     object-position: top center;
}
@media screen and (width >= 1000px) {
  .App\\Sweeps\\Spotify\\Pages\\SpotifySweeps .recipe img {
    aspect-ratio: unset;
    width: 100%;
    order: 1;
    margin-left: 1rem;
    place-self: flex-end;
  }
}

/*# sourceMappingURL=app.css.map*/