body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Orpheus Pro", "serif";
}
p,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 1em;
}
.text-base,
body p {
margin-bottom: 1em;
}
li {
margin-bottom: 1em;
}
[type="submit"] li,
.btn li,
ol.styled-list li,
ul.styled-list li {
position: relative;
padding-left: 1.5em;
margin-bottom: .1em;
}
ul.styled-list li:before {
content: '';
position: absolute;
top: .75em;
left: .65em;
width: .175em;
height: .175em;
border-radius: .2em;
background-color: #5C3E34;
}
ol.styled-list {
counter-reset: section;
}
ol.styled-list li:before {
content: '';
position: absolute;
counter-increment: section;
content: counter(section) ". ";
left: 0;
width: 1.5em;
}
p a,
li a {
text-decoration: underline;
}
p a:hover, p a:focus-visible,
li a:hover,
li a:focus-visible {
color: #F73400;
}
a:hover, a:focus-visible {
color: #F73400;
}
.btn-con .btn {
margin-right: 50px;
}
.btn-con .btn:last-of-type {
margin-right: 0;
}
blockquote {
position: relative;
font-size: 3.3793rem;
line-height: .580;
line-height: 1;
font-family: "Orpheus Pro", "serif";
text-align: center;
font-weight: 400;
text-transform: uppercase;
}
address {
font-size: 1rem;
font-style: normal;
line-height: 1.25em;
margin-bottom: 1.1em;
}
table {
text-align: left;
vertical-align: top;
margin-bottom: 41px;
width: 100%;
}
table tr {
vertical-align: top;
}
table th {
font-size: .875rem;
line-height: 1.7142;
vertical-align: top;
width: 52.3%;
padding: 0 0 8px;
}
@media (max-width: 1134px) {
table th {
width: 94px;
font-size: .75rem;
padding: 0 0 11px;
}
}
table td {
font-size: .875rem;
line-height: 1.7142;
vertical-align: top;
text-transform: uppercase;
padding: 0 0 8px;
}
@media (max-width: 1134px) {
table td {
font-size: .75rem;
padding: 0 0 11px;
width: 22px;
}
}
/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
box-sizing: border-box;
}
/**
Use a more readable tab size (opinionated).
*/
html {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
font-family:
system-ui,
-apple-system, /* Firefox supports this but not yet `system-ui` */
'Segoe UI',
Roboto,
Helvetica,
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji';
}
/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
}
/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family:
ui-monospace,
SFMono-Regular,
Consolas,
'Liberation Mono',
Menlo,
monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
}
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='submit'] {
-webkit-appearance: button;
}
/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
Restore the focus styles unset by the previous rule.
*/
/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/**
* Manually forked from SUIT CSS Base: https://github.com/suitcss/base
* A thin layer on top of normalize.css that provides a starting point more
* suitable for web applications.
*/
/**
* Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
button {
background-color: transparent;
background-image: none;
}
fieldset {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
/**
* Tailwind custom reset styles
*/
/**
* 1. Use the user's configured `sans` font-family (with Tailwind's default
* sans-serif font stack as a fallback) as a sane default.
* 2. Use Tailwind's default "normal" line-height so the user isn't forced
* to override it to ensure consistency even when using the default theme.
*/
html {
font-family: GT America Mono, sans-serif; /* 1 */
line-height: 1.5; /* 2 */
}
/**
* Inherit font-family and line-height from `html` so users can set them as
* a class directly on the `html` element.
*/
body {
font-family: inherit;
line-height: inherit;
}
/**
* 1. Prevent padding and border from affecting element width.
*
* We used to set this in the html element and inherit from
* the parent element for everything else. This caused issues
* in shadow-dom-enhanced elements like <details> where the content
* is wrapped by a div with box-sizing set to `content-box`.
*
* https://github.com/mozdevs/cssremedy/issues/4
*
*
* 2. Allow adding a border to an element by just adding a border-width.
*
* By default, the way the browser specifies that an element should have no
* border is by setting it's border-style to `none` in the user-agent
* stylesheet.
*
* In order to easily add borders to elements by just setting the `border-width`
* property, we change the default border-style for all elements to `solid`, and
* use border-width to hide them instead. This way our `border` utilities only
* need to set the `border-width` property instead of the entire `border`
* shorthand, making our border utilities much more straightforward to compose.
*
* https://github.com/tailwindcss/tailwindcss/pull/116
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: currentColor; /* 2 */
}
/*
* Ensure horizontal rules are visible by default
*/
hr {
border-top-width: 1px;
}
/**
* Undo the `border-style: none` reset that Normalize applies to images so that
* our `border-{width}` utilities have the expected effect.
*
* The Normalize reset is unnecessary for us since we default the border-width
* to 0 on all elements.
*
* https://github.com/tailwindcss/tailwindcss/issues/362
*/
img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af;
}
button,
[role="button"] {
cursor: pointer;
}
/**
* Override legacy focus reset from Normalize with modern Firefox focus styles.
*
* This is actually an improvement over the new defaults in Firefox in our testing,
* as it triggers the better focus styles even for links, which still use a dotted
* outline in Firefox by default.
*/
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/**
* Reset links to optimize for opt-in styling instead of
* opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/**
* Reset form element properties that are easy to forget to
* style explicitly so you don't inadvertently introduce
* styles that deviate from your design system. These styles
* supplement a partial reset that is already applied by
* normalize.css.
*/
button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
}
/**
* Use the configured 'mono' font family for elements that
* are expected to be rendered with a monospace font, falling
* back to the system monospace stack if there is no configured
* 'mono' font family.
*/
pre,
code,
kbd,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/**
* 1. Make replaced elements `display: block` by default as that's
* the behavior you want almost all of the time. Inspired by
* CSS Remedy, with `svg` added as well.
*
* https://github.com/mozdevs/cssremedy/issues/14
*
* 2. Add `vertical-align: middle` to align replaced elements more
* sensibly by default when overriding `display` by adding a
* utility like `inline`.
*
* This can trigger a poorly considered linting error in some
* tools but is included by design.
*
* https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/**
* Constrain images and videos to the parent width and preserve
* their intrinsic aspect ratio.
*
* https://github.com/mozdevs/cssremedy/issues/14
*/
img,
video {
max-width: 100%;
height: auto;
}
/**
* Ensure the default browser behavior of the `hidden` attribute.
*/
[hidden] {
display: none;
}
*, ::before, ::after {
--tw-border-opacity: 1;
border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 16px;
padding-left: 16px;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 769px) {
.container {
max-width: 769px;
}
}
@media (min-width: 1134px) {
.container {
max-width: 1134px;
}
}
@media (min-width: 1448px) {
.container {
max-width: 1448px;
}
}
.visible {
visibility: visible;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.z-10 {
z-index: 10;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.m-auto {
margin: auto;
}
.mx-3 {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.mx-8 {
margin-left: 2rem;
margin-right: 2rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mt-0 {
margin-top: 0px;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-8 {
margin-top: 2rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mt-12 {
margin-top: 3rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mr-3 {
margin-right: 0.75rem;
}
.mr-4 {
margin-right: 1rem;
}
.mr-6 {
margin-right: 1.5rem;
}
.mr-10 {
margin-right: 2.5rem;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mb-7 {
margin-bottom: 1.75rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.mb-9 {
margin-bottom: 2.25rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mb-14 {
margin-bottom: 3.5rem;
}
.mb-16 {
margin-bottom: 4rem;
}
.-mb-2 {
margin-bottom: -0.5rem;
}
.-mb-4 {
margin-bottom: -1rem;
}
.-mb-8 {
margin-bottom: -2rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.ml-4 {
margin-left: 1rem;
}
.ml-6 {
margin-left: 1.5rem;
}
.ml-8 {
margin-left: 2rem;
}
.ml-auto {
margin-left: auto;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.hidden {
display: none;
}
.h-4 {
height: 1rem;
}
.h-96 {
height: 24rem;
}
.max-h-96 {
max-height: 24rem;
}
.w-14 {
width: 3.5rem;
}
.w-20 {
width: 5rem;
}
.w-24 {
width: 6rem;
}
.w-48 {
width: 12rem;
}
.w-1\/2 {
width: 50%;
}
.w-4\/12 {
width: 33.333333%;
}
.w-full {
width: 100%;
}
.max-w-full {
max-width: 100%;
}
.max-w-screen-sm {
max-width: 640px;
}
.max-w-screen-xl {
max-width: 1448px;
}
.transform {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes ping {
75%, 100% {
transform: scale(2);
opacity: 0;
}
}
@keyframes pulse {
50% {
opacity: .5;
}
}
@keyframes bounce {
0%, 100% {
transform: translateY(-25%);
animation-timing-function: cubic-bezier(0.8,0,1,1);
}
50% {
transform: none;
animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}
.animate-pulse {
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.cursor-pointer {
cursor: pointer;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-start {
align-items: flex-start;
}
.items-center {
align-items: center;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.75rem * var(--tw-space-x-reverse));
margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1.5rem * var(--tw-space-x-reverse));
margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.overflow-hidden {
overflow: hidden;
}
.overflow-scroll {
overflow: scroll;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-3xl {
border-radius: 1.5rem;
}
.rounded-full {
border-radius: 9999px;
}
.border-2 {
border-width: 2px;
}
.border {
border-width: 1px;
}
.border-white {
--tw-border-opacity: 1;
border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}
.border-red {
--tw-border-opacity: 1;
border-color: rgba(247, 52, 0, var(--tw-border-opacity));
}
.border-brown {
--tw-border-opacity: 1;
border-color: rgba(92, 62, 52, var(--tw-border-opacity));
}
.bg-transparent {
background-color: transparent;
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
.bg-red {
--tw-bg-opacity: 1;
background-color: rgba(247, 52, 0, var(--tw-bg-opacity));
}
.bg-yellow {
--tw-bg-opacity: 1;
background-color: rgba(235, 255, 0, var(--tw-bg-opacity));
}
.bg-brown {
--tw-bg-opacity: 1;
background-color: rgba(92, 62, 52, var(--tw-bg-opacity));
}
.bg-aqua {
--tw-bg-opacity: 1;
background-color: rgba(0, 255, 212, var(--tw-bg-opacity));
}
.bg-cream {
--tw-bg-opacity: 1;
background-color: rgba(251, 248, 236, var(--tw-bg-opacity));
}
.p-2 {
padding: 0.5rem;
}
.p-3 {
padding: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.p-5 {
padding: 1.25rem;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.px-9 {
padding-left: 2.25rem;
padding-right: 2.25rem;
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-7 {
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.py-2\.5 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.pt-0 {
padding-top: 0px;
}
.pt-2 {
padding-top: 0.5rem;
}
.pt-4 {
padding-top: 1rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-8 {
padding-top: 2rem;
}
.pt-9 {
padding-top: 2.25rem;
}
.pt-10 {
padding-top: 2.5rem;
}
.pt-12 {
padding-top: 3rem;
}
.pt-14 {
padding-top: 3.5rem;
}
.pt-16 {
padding-top: 4rem;
}
.pt-80 {
padding-top: 20rem;
}
.pr-6 {
padding-right: 1.5rem;
}
.pr-8 {
padding-right: 2rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pb-5 {
padding-bottom: 1.25rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pb-10 {
padding-bottom: 2.5rem;
}
.pb-12 {
padding-bottom: 3rem;
}
.pb-14 {
padding-bottom: 3.5rem;
}
.pb-16 {
padding-bottom: 4rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.pl-8 {
padding-left: 2rem;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.font-sans {
font-family: GT America Mono, sans-serif;
}
.font-title {
font-family: Orpheus Pro, serif;
}
.text-xs {
font-size: .75rem;
line-height: 1.1666;
}
.text-sm {
font-size: .875rem;
line-height: 1.7142;
}
.text-base {
font-size: 1.125rem;
line-height: 1.2222;
}
.text-lg {
font-size: 1.3125rem;
line-height: 1.2380;
}
.text-xl {
font-size: 1.5rem;
line-height: 1.25;
}
.text-2xl {
font-size: 2rem;
line-height: 1.5;
}
.text-3xl {
font-size: 2.625rem;
line-height: 1.2380;
}
.text-4xl {
font-size: 3.25rem;
line-height: 1.3846;
}
.text-6xl {
font-size: 6.25rem;
line-height: 1.24;
}
.text-7xl {
font-size: 4.5rem;
line-height: 1;
}
.text-mobile {
font-size: 1rem;
line-height: 1.1875;
}
.font-light {
font-weight: 300;
}
.font-normal {
font-weight: 400;
}
.font-medium {
font-weight: 500;
}
.font-bold {
font-weight: 700;
}
.font-extrabold {
font-weight: 800;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.tracking-tight {
letter-spacing: -0.025em;
}
.text-black {
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgba(107, 114, 128, var(--tw-text-opacity));
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgba(17, 24, 39, var(--tw-text-opacity));
}
.text-red {
--tw-text-opacity: 1;
color: rgba(247, 52, 0, var(--tw-text-opacity));
}
.text-brown {
--tw-text-opacity: 1;
color: rgba(92, 62, 52, var(--tw-text-opacity));
}
.text-cream {
--tw-text-opacity: 1;
color: rgba(251, 248, 236, var(--tw-text-opacity));
}
.hover\:text-black:hover {
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.underline {
text-decoration: underline;
}
.opacity-0 {
opacity: 0;
}
.opacity-30 {
opacity: 0.3;
}
*, ::before, ::after {
--tw-shadow: 0 0 #0000;
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
*, ::before, ::after {
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
}
.focus\:ring-4:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.filter {
--tw-blur: var(--tw-empty,/*!*/ /*!*/);
--tw-brightness: var(--tw-empty,/*!*/ /*!*/);
--tw-contrast: var(--tw-empty,/*!*/ /*!*/);
--tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
--tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
--tw-invert: var(--tw-empty,/*!*/ /*!*/);
--tw-saturate: var(--tw-empty,/*!*/ /*!*/);
--tw-sepia: var(--tw-empty,/*!*/ /*!*/);
--tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 250ms;
}
.cloudholder {
z-index: 10;
width: 100vw;
opacity: 1;
mix-blend-mode: normal;
position: absolute;
overflow: hidden;
top: -50px;
}
@media (max-width: 1134px) {
.cloudholder {
top: 0px;
}
}
@media screen and (orientation: landscape) and (max-device-width: 1134px) {
.cloudholder {
height: 100vh;
}
}
.img-con.mb-4.mx-auto {
display: flex;
align-items: center;
}
.hero-section {
position: relative;
}
body.gate {
overflow: hidden;
}
.side-search input::-moz-placeholder,
.side-search textarea::-moz-placeholder {
font-size: 1rem !important;
}
.side-search input::-moz-placeholder, .side-search textarea::-moz-placeholder {
--tw-text-opacity: 1;
color: rgba(247, 52, 0, var(--tw-text-opacity));
}
@media (min-width: 640px) {
.text-lg.font-title.side-search input::-moz-placeholder.font-bold.mb-2.producttitle, .text-lg.font-title.side-search textarea::-moz-placeholder.font-bold.mb-2.producttitle {
min-height: 52px;
align-items: center;
justify-content: center;
}
}
@media (min-width: 1135px) {
.wow-section .side-search input::-moz-placeholder, .wow-section .side-search textarea::-moz-placeholder {
font-size: 2.25rem;
}
}
.side-search input::-webkit-input-placeholder,
.side-search textarea::-webkit-input-placeholder {
font-size: 1rem !important;
}
.side-search input::-webkit-input-placeholder, .side-search textarea::-webkit-input-placeholder {
--tw-text-opacity: 1;
color: rgba(247, 52, 0, var(--tw-text-opacity));
}
@media (min-width: 640px) {
.text-lg.font-title.side-search input::-webkit-input-placeholder.font-bold.mb-2.producttitle, .text-lg.font-title.side-search textarea::-webkit-input-placeholder.font-bold.mb-2.producttitle {
min-height: 52px;
align-items: center;
justify-content: center;
}
}
@media (min-width: 1135px) {
.wow-section .side-search input::-webkit-input-placeholder, .wow-section .side-search textarea::-webkit-input-placeholder {
font-size: 2.25rem;
}
}
.side-search form {
position: relative;
}
.side-search form input {
font-size: 1rem;
margin: 0;
padding: 14.5px 15px;
}
.side-search form [type=submit] {
position: absolute;
right: 19px;
top: 50%;
transform: translateY(-50%);
}
.testitem1 {
background: red;
}
.activesidefilter {
display: inline-block !important;
width: auto !important;
margin-bottom: 0.5rem;
display: inline-flex;
width: auto;
align-items: center;
border-radius: 9999px;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgba(247, 52, 0, var(--tw-border-opacity));
padding: 0.75rem;
font-size: .875rem;
line-height: 1.7142;
--tw-text-opacity: 1;
color: rgba(247, 52, 0, var(--tw-text-opacity));
}
@media (min-width: 640px) {
.text-lg.font-title.activesidefilter.font-bold.mb-2.producttitle {
min-height: 52px;
align-items: center;
justify-content: center;
}
.text-lg.font-title.text-red.font-bold.activesidefilter.producttitle {
min-height: 52px;
align-items: center;
justify-content: center;
}
}
@media (max-width: 640px) {
.shop-section .p-item .top .text-con .activesidefilter.mb-1 {
margin-bottom: -.9px;
}
.shop-section .p-item .top .text-con .text-lg.activesidefilter {
margin-bottom: 4px;
}
.shop-section .p-item .top .text-con .text-xs.activesidefilter {
justify-content: flex-start;
margin-bottom: 5px;
}
.shop-section .p-item .top .text-con .text-xs.activesidefilter i:nth-of-type(1), .shop-section .p-item .top .text-con .text-xs.activesidefilter i:nth-last-of-type(1) {
display: none;
}
.shop-section .p-item .top .text-con .text-xs.mb-2 i:nth-of-type(1), .shop-section .p-item .top .text-con .text-xs.mb-2 i:nth-last-of-type(1) {
display: none;
}
}
@media (min-width: 1135px) {
.wow-section .activesidefilter {
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.product-pop .flex.activesidefilter.mx-4.mb-2, .product-pop-2 .flex.activesidefilter.mx-4.mb-2, .product-pop2 .flex.activesidefilter.mx-4.mb-2 {
width: 36%;
}
.product-pop .flex.items-center.mx-4.activesidefilter, .product-pop-2 .flex.items-center.mx-4.activesidefilter, .product-pop2 .flex.items-center.mx-4.activesidefilter {
width: 36%;
}
.product-pop .flex.items-center.mx-4.mb-2, .product-pop-2 .flex.items-center.mx-4.mb-2, .product-pop2 .flex.items-center.mx-4.mb-2 {
width: 36%;
width: 36%;
width: 36%;
width: 36%;
}
.product-pop .flex.activesidefilter.mx-4.mb-2:nth-last-child(1), .product-pop .flex.activesidefilter.mx-4.mb-2:nth-last-child(2), .product-pop-2 .flex.activesidefilter.mx-4.mb-2:nth-last-child(1), .product-pop-2 .flex.activesidefilter.mx-4.mb-2:nth-last-child(2), .product-pop2 .flex.activesidefilter.mx-4.mb-2:nth-last-child(1), .product-pop2 .flex.activesidefilter.mx-4.mb-2:nth-last-child(2) {
margin-bottom: 0;
}
.product-pop .flex.items-center.mx-4.activesidefilter:nth-last-child(1), .product-pop .flex.items-center.mx-4.activesidefilter:nth-last-child(2), .product-pop-2 .flex.items-center.mx-4.activesidefilter:nth-last-child(1), .product-pop-2 .flex.items-center.mx-4.activesidefilter:nth-last-child(2), .product-pop2 .flex.items-center.mx-4.activesidefilter:nth-last-child(1), .product-pop2 .flex.items-center.mx-4.activesidefilter:nth-last-child(2) {
margin-bottom: 0;
}
.product-pop .flex.items-center.mx-4.mb-2:nth-last-child(1), .product-pop .flex.items-center.mx-4.mb-2:nth-last-child(2), .product-pop-2 .flex.items-center.mx-4.mb-2:nth-last-child(1), .product-pop-2 .flex.items-center.mx-4.mb-2:nth-last-child(2), .product-pop2 .flex.items-center.mx-4.mb-2:nth-last-child(1), .product-pop2 .flex.items-center.mx-4.mb-2:nth-last-child(2) {
margin-bottom: 0;
margin-bottom: 0;
margin-bottom: 0;
margin-bottom: 0;
margin-bottom: 0;
margin-bottom: 0;
margin-bottom: 0;
margin-bottom: 0;
margin-bottom: 0;
margin-bottom: 0;
}
.product-pop .flex.activesidefilter.mx-4.mb-2 img, .product-pop-2 .flex.activesidefilter.mx-4.mb-2 img, .product-pop2 .flex.activesidefilter.mx-4.mb-2 img {
max-width: 24px;
max-height: 24px;
}
.product-pop .flex.items-center.mx-4.activesidefilter img, .product-pop-2 .flex.items-center.mx-4.activesidefilter img, .product-pop2 .flex.items-center.mx-4.activesidefilter img {
max-width: 24px;
max-height: 24px;
}
.product-pop .flex.items-center.mx-4.mb-2 img, .product-pop-2 .flex.items-center.mx-4.mb-2 img, .product-pop2 .flex.items-center.mx-4.mb-2 img {
max-width: 24px;
max-height: 24px;
max-width: 24px;
max-height: 24px;
max-width: 24px;
max-height: 24px;
max-width: 24px;
max-height: 24px;
}
.product-pop-page .flex.activesidefilter.mx-4.mb-2 {
width: 36%;
margin-bottom: 31px;
}
.product-pop-page .flex.items-center.mx-4.activesidefilter {
width: 36%;
margin-bottom: 31px;
}
.product-pop-page .flex.activesidefilter.mx-4.mb-2:nth-last-child(1), .product-pop-page .flex.activesidefilter.mx-4.mb-2:nth-last-child(2) {
margin-bottom: 0;
}
.product-pop-page .flex.items-center.mx-4.activesidefilter:nth-last-child(1), .product-pop-page .flex.items-center.mx-4.activesidefilter:nth-last-child(2) {
margin-bottom: 0;
}
.product-pop-page .flex.items-center.mx-4.mb-2:nth-last-child(1), .product-pop-page .flex.items-center.mx-4.mb-2:nth-last-child(2) {
margin-bottom: 0;
margin-bottom: 0;
}
.product-pop-page .flex.activesidefilter.mx-4.mb-2 img {
max-width: 24px;
max-height: 24px;
}
.product-pop-page .flex.items-center.mx-4.activesidefilter img {
max-width: 24px;
max-height: 24px;
}
}
a.clearresults {
text-decoration: underline;
}
.error-pop {
z-index: 1000000000 !important;
}
.activesidefilter i:hover {
cursor: pointer;
}
.age-restriction {
position: fixed !important;
animation: fadeIn 5s;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999999;
background-position: 100%;
}
#filter_weights {
display: flex;
flex-wrap: wrap;
}
.weightsetwrap {
margin-right: 0.5rem;
margin-bottom: 1.5rem;
}
form .btn.w-6\/12.weightsetwrap.btn-arrow, form .btn.w-6\/12.ml-2.btn-arrow {
padding-left: 10px;
padding-right: 10px;
}
form .w-6\/12.weightsetwrap,
form .w-6\/12.ml-2 {
width: calc(50% - .5rem);
}
.weightset {
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
border: solid 1px #F73400;
}
.weightset:hover {
cursor: pointer;
}
.weightset.active {
--tw-bg-opacity: 1;
background-color: rgba(0, 255, 212, var(--tw-bg-opacity));
}
.article-section .weightset.active .star-brown-hollow {
height: .875em;
width: .75em;
margin-bottom: -.1em;
}
.article-section .weightset.active .star-brown {
min-width: 0.7555em;
}
.accordion.viewmorebrands dd:last-of-type {
background: none !important;
}
.accordion.viewmorebrands.filter dt {
background: none !important;
}
.wavy-top {
z-index: 30;
width: 100%;
height: 10px;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url("/wp-content/themes/unionsquare/assets/images/wavetop.svg");
background-position: 50%;
background-repeat: repeat-x;
background-size: auto;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: absolute;
top: -1px;
left: 0px;
}
.wavy-bottom {
z-index: 30;
width: 100%;
height: 10px;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url("/wp-content/themes/unionsquare/assets/images/wavebottom.svg");
background-position: 50%;
background-repeat: repeat-x;
background-size: auto;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 0;
padding-top: 4px;
padding-bottom: 4px;
display: flex;
position: absolute;
bottom: -1px;
overflow: hidden;
}
#sky {
position: absolute;
top: 50%;
left: 50%;
width: 512px;
height: 512px;
margin-left: -256px;
margin-top: -256px;
transform-style: preserve-3d;
}
#sky div {
transform-style: preserve-3d;
}
.cloudLayer {
position: absolute;
left: 50%;
top: 50%;
width: 256px;
height: 256px;
margin-left: -128px;
margin-top: -128px;
transition: opacity .5s ease-out;
}
.producttitle {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (min-width: 640px) {
.text-lg.font-title.text-red.font-bold.mb-2.producttitle {
min-height: 52px;
align-items: center;
justify-content: center;
}
}
@font-face {
font-family: 'GT America Mono';
src: url("../fonts/GTAmericaMono-Regular.woff2") format("woff2"), url("../fonts/GTAmericaMono-Regular.woff") format("woff"), url("../fonts/GTAmericaMono-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Orpheus Pro';
src: url("../fonts/OrpheusPro.woff2") format("woff2"), url("../fonts/OrpheusPro.woff") format("woff"), url("../fonts/OrpheusPro.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Orpheus Pro';
src: url("../fonts/OrpheusPro-Medium.woff2") format("woff2"), url("../fonts/OrpheusPro-Medium.woff") format("woff"), url("../fonts/OrpheusPro-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Orpheus Pro';
src: url("../fonts/OrpheusPro-Bold.woff2") format("woff2"), url("../fonts/OrpheusPro-Bold.woff") format("woff"), url("../fonts/OrpheusPro-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
header .site-logo img {
display: block;
width: 100%;
max-width: 280px;
}
.noselect {
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
/* Konqueror HTML */
-moz-user-select: none;
/* Old versions of Firefox */
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
@media (max-width: 1134px) {
.page-template-page-menu header .right-con .cart, .page-id-13 header .right-con .cart, .brands-template-default header .right-con .cart, .search-page header .right-con .cart {
display: none;
}
}
.mobile-cart {
width: 88px;
height: 88px;
border-radius: 88px;
background-image: url(../images/cart3.svg);
background-repeat: no-repeat;
position: fixed;
bottom: 32px;
right: 32px;
}
header {
position: relative;
}
header .container {
max-width: 1418px;
}
@media (max-width: 1134px) {
header .container {
padding-right: 32px;
padding-left: 32px;
}
}
@media (max-width: 1134px) {
header .site-logo {
width: 214.59px;
}
}
@media (max-width: 360px) {
header .site-logo {
width: 170.59px;
}
}
header i {
margin-bottom: 0;
}
header .left-con,
header .right-con {
min-width: 515px;
}
@media (max-width: 1360px) and (min-width: 1135px) {
header .left-con,
header .right-con {
min-width: 347px;
}
}
@media (max-width: 1134px) {
header .left-con,
header .right-con {
min-width: 40px;
}
}
@media (max-width: 1134px) {
header .right-con {
position: relative;
}
}
header .right-con .cart {
color: #ffffff;
display: block;
margin-left: 31px;
line-height: 1.1em;
text-align: center;
position: relative;
z-index: 9999999;
}
@media (max-width: 1360px) and (min-width: 1135px) {
header .right-con .cart {
margin-left: 15px;
}
}
@media (min-width: 1135px) {
.has-scrolled header .right-con .cart {
background-image: url(../images/cart3.svg);
background-repeat: no-repeat;
position: fixed;
z-index: 99999999;
right: 32px;
bottom: 32px;
width: 120px;
height: 120px;
border-radius: 120px;
background-size: 100% auto;
}
.has-scrolled header .right-con .cart span {
font-size: 2rem;
top: 54px;
color: #FBF8EC;
}
.has-scrolled header .right-con .cart svg {
display: none;
}
}
@media (max-width: 1134px) {
header .right-con .cart {
background-image: url(../images/cart3.svg);
background-repeat: no-repeat;
position: fixed;
right: 32px;
bottom: 32px;
width: 88px;
height: 88px;
border-radius: 88px;
}
.shop header .right-con .cart {
display: none;
}
header .right-con .cart svg {
display: none;
}
}
header .right-con .cart:hover span, header .right-con .cart:focus-visible span {
color: #00FFD4;
}
header .right-con .cart span {
position: absolute;
top: 15px;
left: 50%;
transform: translateX(-50%);
font-family: "GT America Mono", "sans-serif";
color: #F73400;
font-size: 21px;
}
@media (max-width: 1134px) {
header .right-con .cart span {
top: 38px;
color: #FBF8EC;
}
}
header a.search {
width: 30.75px;
height: 30.11px;
display: inline-block;
}
@media (min-width: 1135px) {
header a.search {
display: none;
}
}
@media (max-width: 1134px) {
.search-open header a.search {
position: relative;
}
.search-open header a.search svg {
display: none;
}
.search-open header a.search::before, .search-open header a.search:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 2px;
border-radius: 2px;
background-color: #F73400;
transition: 0.25s;
}
.search-open header a.search::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.search-open header a.search::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
}
header form {
width: 406px;
margin: 0;
position: relative;
}
@media (max-width: 1360px) and (min-width: 1135px) {
header form {
width: 272px;
}
}
@media (max-width: 1134px) {
header form {
position: absolute;
top: -11px;
z-index: 111;
right: 34px;
width: calc(100vw - 66px - 32px);
max-width: calc(100vw - 66px - 32px);
display: none;
}
.search-open header form {
display: block;
}
}
header form input::-webkit-input-placeholder,
header form textarea::-webkit-input-placeholder {
font-size: 1rem;
}
header form input:-moz-placeholder,
header form textarea:-moz-placeholder {
font-size: 1rem;
}
header form input::-moz-placeholder,
header form textarea::-moz-placeholder {
font-size: 1rem;
}
header form input:-ms-input-placeholder,
header form textarea:-ms-input-placeholder {
font-size: 1rem;
}
header form input {
font-size: 1rem;
margin: 0;
padding: 14.5px 15px;
}
header form [type=submit] {
position: absolute;
right: 19px;
top: 50%;
transform: translateY(-50%);
}
header form [type=submit]:hover svg path, header form [type=submit]:focus-visible svg path {
fill: #00FFD4;
}
header form [type=submit] svg path {
fill: #F73400;
transition: 0.25s;
}
@media (max-width: 1134px) {
html.menu-open {
overflow: hidden;
}
}
@media (max-width: 1134px) {
.main-menu-con {
position: fixed;
top: 0;
left: 0;
width: 380px;
height: 100%;
background-color: #FBF8EC;
z-index: 1000;
padding: 85px 32px 32px;
overflow: auto;
transition: 0.25s;
transform: translate(-100%);
}
.menu-open .main-menu-con {
transform: translate(0%);
box-shadow: 0 0 0 calc(100vw - 300px) rgba(0, 0, 0, 0.3);
}
}
.main-menu-con .close {
width: 25px;
height: 25px;
top: 44px;
left: 32px;
display: block;
position: absolute;
}
.main-menu-con .close::before, .main-menu-con .close:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 3px;
border-radius: 2px;
background-color: #F73400;
transition: 0.25s;
}
.main-menu-con .close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.main-menu-con .close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
@media (min-width: 1135px) {
.main-menu-con .close {
display: none;
}
}
.burger {
height: 32px;
width: 32px;
border-radius: 0;
line-height: 32px;
padding: 0;
perspective: 900000px;
z-index: 1;
pointer-events: auto;
position: relative;
transition: 0.25s;
font-weight: 400;
border-radius: 0;
display: none;
}
@media (max-width: 1134px) {
.burger {
height: 32px;
width: 32px;
line-height: 32px;
z-index: 3;
display: block;
}
}
.burger:hover {
cursor: pointer;
}
.burger .line1 {
width: 32px;
max-width: 100%;
height: 4px;
background-color: transparent;
position: absolute;
top: 14px;
left: 50%;
border-radius: 0rem;
transform: translateX(-50%);
background-position: center center;
background-image: url(../images/burger-line.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
filter: drop-shadow(0 0.33rem 0.6rem rgba(0, 0, 0, 0.36));
}
@media (max-width: 1134px) {
.burger .line1 {
width: 32px;
height: 4px;
top: 14px;
}
}
.burger .line1:before, .burger .line1:after {
width: 32px;
max-width: 32px;
height: 4px;
position: absolute;
content: '';
left: 0px;
border-radius: 0rem;
transform-origin: center center;
background-position: center center;
transition: 0.25s;
background-image: url(../images/burger-line.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (max-width: 1134px) {
.burger .line1:before, .burger .line1:after {
width: 32px;
height: 4px;
border-radius: 0rem;
}
}
.burger .line1:before {
transform: translateY(-12px);
background-color: transparent;
}
@media (max-width: 1134px) {
.burger .line1:before {
transform: translateY(-12px);
}
}
.burger .line1:after {
transform: translateY(12px);
background-color: transparent;
}
@media (max-width: 1134px) {
.burger .line1:after {
transform: translateY(12px);
}
}
.burger.close:before {
transition: color .1s .25s;
}
.burger.close .line1 {
background-color: transparent;
transition: visibility .1s .2s, background-color .1s .2s, background-size .1s .2s;
background-size: 100% 100%;
}
.burger.close .line1:before {
transform: translateY(-12px);
background-color: transparent;
visibility: visible;
animation: before .5s linear;
transition: all 0.25s 0s, visibility 0.1s 0.25s, background-color 0.1s 0.25s, background-image 0.1s 0.25s;
}
@media (max-width: 1134px) {
.burger.close .line1:before {
transform: translateY(-12px);
animation: beforeM .5s linear;
}
}
.burger.close .line1:after {
transform: translateY(12px);
background-color: transparent;
visibility: visible;
animation: after .5s linear;
transition: all 0.25s 0s, visibility 0.1s 0.25s, background-color 0.1s 0.25s, background-image 0.1s 0.25s;
}
@media (max-width: 1134px) {
.burger.close .line1:after {
transform: translateY(12px);
animation: afterM .5s linear;
}
}
@keyframes before {
0% {
transform: rotate(-45deg) translateY(0);
}
33% {
transform: rotate(0deg) translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: translateY(-12px);
}
}
@keyframes after {
0% {
transform: rotate(45deg) translateY(0);
}
33% {
transform: rotate(0deg) translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: translateY(12px);
}
}
@keyframes beforeM {
0% {
transform: rotate(-45deg) translateY(0);
}
33% {
transform: rotate(0deg) translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: translateY(-12px);
}
}
@keyframes afterM {
0% {
transform: rotate(45deg) translateY(0);
}
33% {
transform: rotate(0deg) translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: translateY(12px);
}
}
.burger.open {
z-index: 112;
background-color: transparent;
}
.burger.open .line1 {
transform-origin: 50% 50%;
transition: visibility .1s .25s, background-color .1s .25s, background-size .1s .25s;
background-color: transparent;
background-size: 100% 0;
}
.burger.open .line1:before {
transform: rotate(45deg) translateY(0);
background-color: transparent;
visibility: visible;
animation: before-open .5s linear;
transition: visibility .1s .25s, background-color .1s .25s, background-image .1s .25s;
}
@media (max-width: 1134px) {
.burger.open .line1:before {
animation: before-openM .5s linear;
}
}
.burger.open .line1:after {
transform: rotate(-45deg) translateY(0);
background-color: transparent;
visibility: visible;
animation: after-open .5s linear;
transition: visibility .1s .25s, background-color .1s .25s, background-image .1s .25s;
}
@media (max-width: 1134px) {
.burger.open .line1:after {
animation: after-openM .5s linear;
}
}
@keyframes before-open {
0% {
transform: translateY(-12px);
}
33% {
transform: translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: rotate(45deg) translateY(0);
}
}
@keyframes after-open {
0% {
transform: translateY(12px);
}
33% {
transform: translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: rotate(-45deg) translateY(0);
}
}
@keyframes before-openM {
0% {
transform: translateY(-12px);
}
33% {
transform: translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: rotate(45deg) translateY(0);
}
}
@keyframes after-openM {
0% {
transform: translateY(12px);
}
33% {
transform: translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: rotate(-45deg) translateY(0);
}
}
ul.main-menu {
margin: 0;
padding: 0;
font-size: 0;
display: flex;
justify-content: center;
}
ul.main-menu .active a::after {
visibility: visible;
opacity: 1;
}
@media (max-width: 1134px) {
ul.main-menu {
flex-direction: column;
}
}
ul.main-menu li {
font-size: 0;
line-height: 1em;
text-align: center;
margin: 0 16.4px;
}
@media (max-width: 1360px) and (min-width: 1135px) {
ul.main-menu li {
margin: 0 11px;
}
}
@media (max-width: 1134px) {
ul.main-menu li {
margin: 0;
}
}
ul.main-menu li:first-of-type {
margin-left: 0;
}
ul.main-menu li.has-children {
position: relative;
}
@media (min-width: 1135px) {
ul.main-menu li.has-children:hover > ul, ul.main-menu li.has-children:focus-visible > ul {
display: block;
}
}
@media (max-width: 1134px) {
ul.main-menu li.has-children.open ul {
transform: translate(0%);
}
}
ul.main-menu li.has-children > a {
padding-right: 18px;
}
@media (max-width: 1134px) {
ul.main-menu li.has-children > a {
padding-right: 30px;
pointer-events: none;
}
}
ul.main-menu li.has-children > a:before {
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 9.28px;
height: 16px;
background-image: url(../images/menu-arrow.svg);
background-repeat: no-repeat;
}
@media (max-width: 1134px) {
ul.main-menu li.has-children > a:before {
background-image: url(../images/menu-arrow-right.svg);
width: 31.2px;
height: 11.13px;
top: 33px;
}
}
ul.main-menu li > ul {
background-color: #F73400;
position: absolute;
top: calc(100% - 8px);
left: 0;
width: 192px;
max-width: 192px;
z-index: 101;
display: none;
padding-bottom: 20px;
}
@media (max-width: 1134px) {
ul.main-menu li > ul {
background-color: #FBF8EC;
position: fixed;
width: 380px;
max-width: 380px;
display: block;
top: 0;
left: 0;
height: 800px;
z-index: 10;
padding: 102px 32px 200px;
transform: translate(-100%);
transition: 0.25s;
overflow: auto;
padding-bottom: 100px;
}
ul.main-menu li > ul::before {
content: '';
position: absolute;
background-image: url(../images/menu-arrow-left.svg);
background-repeat: no-repeat;
width: 40.4px;
height: 16px;
top: 57px;
left: 32px;
background-size: 100% auto;
cursor: pointer;
}
}
ul.main-menu li > ul li {
margin: 0 34px 6px;
text-align: left;
}
@media (max-width: 1134px) {
ul.main-menu li > ul li {
margin: 0;
}
}
ul.main-menu li > ul li:first-of-type {
margin: 16px 34px 6px;
}
@media (max-width: 1134px) {
ul.main-menu li > ul li:first-of-type {
margin: 0;
}
}
ul.main-menu li > ul li:last-of-type {
margin: 0 34px 16px;
}
@media (max-width: 1134px) {
ul.main-menu li > ul li:last-of-type {
margin: 0 0 32px;
}
}
ul.main-menu li > ul li > a {
color: #FBF8EC;
display: block;
}
@media (max-width: 1134px) {
ul.main-menu li > ul li > a {
color: #F73400;
}
}
ul.main-menu li > ul li > a:after {
background-image: url(../images/squiggle-line-cream.svg);
opacity: 1;
visibility: visible;
}
@media (max-width: 1134px) {
ul.main-menu li > ul li > a:after {
background-image: url(../images/squiggle-line.svg);
background-size: 30px 6px;
}
}
ul.main-menu li > a {
font-size: 1.3125rem;
width: auto;
color: #F73400;
font-family: "Orpheus Pro", "serif";
line-height: 1.2380em;
text-decoration: none;
font-weight: 700;
position: relative;
display: inline-block;
position: relative;
padding: 18px 0;
z-index: 2;
transition: all 0.25s 0s, z-index 0s 0s;
}
@media (max-width: 1134px) {
ul.main-menu li > a {
display: block;
text-align: left;
padding-top: 20px;
padding-bottom: 30px;
}
}
ul.main-menu li > a:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background-image: url(../images/squiggle-line.svg);
background-repeat: repeat-x;
background-position: 0px 50%;
opacity: 0;
visibility: hidden;
background-size: 30px 6px;
transition: 0.5s;
}
@media (max-width: 1134px) {
ul.main-menu li > a:after {
opacity: 1;
visibility: visible;
}
}
ul.main-menu li > a:hover:after {
opacity: 1;
visibility: visible;
animation: menu-line .8s 0s infinite linear forwards;
}
@keyframes menu-line {
0%,
100% {
background-position: 0px 50%;
}
99.999% {
background-position: 1.6em 50%;
}
}
ul.main-menu li > a.active:after {
opacity: 1;
visibility: visible;
}
footer {
background-color: #F73400;
}
footer a:hover, footer a:focus-visible {
color: #00FFD4;
}
@media (min-width: 1135px) {
footer .text-con {
width: 21%;
}
}
@media (min-width: 1135px) {
footer .hour-con {
width: 43.7%;
}
}
@media (max-width: 1134px) {
footer .squiggle-link,
footer .under-squiggle-brown,
footer .under-squiggle-cream,
footer .under-squiggle-bottom,
footer .under-squiggle-top,
footer .under-squiggle {
padding-bottom: 1.7em;
}
}
@media (min-width: 1135px) {
footer .menu-con {
width: 10%;
}
}
@media (min-width: 1135px) {
footer .contact-con {
width: 25.3%;
}
}
footer .contact-con a {
word-wrap: break-word;
}
@media (max-width: 1134px) {
footer .contact-con .text-xs {
line-height: 1.975;
}
}
footer table {
margin-bottom: 0;
}
footer ul.footer-menu li {
margin-bottom: .2em;
}
@media (max-width: 1134px) {
footer ul.footer-menu li {
margin-bottom: .4em;
}
}
footer ul.footer-menu li a {
text-decoration: none;
font-size: 14px;
}
@media (max-width: 1134px) {
footer ul.footer-menu li a {
font-size: 12px;
}
}
footer ul.footer-menu li a:hover {
color: #00FFD4;
}
footer .small-menu {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
@media (max-width: 1134px) {
footer .small-menu {
justify-content: flex-start;
margin-top: 28px;
}
}
footer .small-menu li {
margin-bottom: 0;
}
footer .small-menu li + li {
margin-left: 33px;
}
footer .small-menu li a {
font-size: 14px;
}
footer .small-menu li a:hover {
color: #00FFD4;
}
footer .bg-brown .container {
max-width: 100%;
}
footer .bg-brown .text-brown {
line-height: 1.3;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
font-size: 1.3125rem;
color: #5C3E34;
}
@media (max-width: 1134px) {
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
font-size: 1rem;
}
}
input:-moz-placeholder,
textarea:-moz-placeholder {
font-size: 1.3125rem;
color: #5C3E34;
}
@media (max-width: 1134px) {
input:-moz-placeholder,
textarea:-moz-placeholder {
font-size: 1rem;
}
}
input::-moz-placeholder,
textarea::-moz-placeholder {
font-size: 1.3125rem;
color: #5C3E34;
}
@media (max-width: 1134px) {
input::-moz-placeholder,
textarea::-moz-placeholder {
font-size: 1rem;
}
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
font-size: 1.3125rem;
color: #5C3E34;
}
@media (max-width: 1134px) {
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
font-size: 1rem;
}
}
form {
margin: 0 auto;
width: auto;
display: block;
margin-bottom: 0;
}
form:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html form {
height: 1%;
}
form .btn {
margin-bottom: 16px;
}
form .btn.w-6\/12.mr-2.btn-arrow, form .btn.w-6\/12.ml-2.btn-arrow {
padding-left: 10px;
padding-right: 10px;
}
form .w-6\/12.mr-2,
form .w-6\/12.ml-2 {
width: calc(50% - .5rem);
}
input,
input.input-text,
textarea,
select {
display: block;
padding: 16px 15px;
font-size: 1.3125rem;
line-height: 1.2;
font-weight: 400;
font-family: "GT America Mono", "sans-serif";
color: #5C3E34;
letter-spacing: .02em;
width: 100%;
max-width: 100%;
margin-bottom: 16px;
border: 2px solid #ffffff;
background-color: #ffffff;
border-radius: 0;
-webkit-appearance: none;
box-shadow: none;
}
@media (max-width: 1134px) {
input,
input.input-text,
textarea,
select {
padding: 15px 15px;
font-size: 1rem;
}
}
textarea {
height: 177px;
min-height: 177px;
min-width: 100%;
}
@media (max-width: 1134px) {
textarea {
height: 143px;
min-height: 143px;
}
}
input:focus,
input.input-text:focus,
textarea:focus,
select:focus {
outline: none;
}
input:focus,
input.input-text:focus,
textarea:focus,
select:focus {
outline: none;
border-color: #5C3E34;
}
[type="file"] {
border: none;
padding: 0;
}
select {
padding-right: 56px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(../images/select-icon.svg);
background-repeat: no-repeat;
background-position: 100% 50%;
line-height: 57.2px;
height: 61.2px;
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 1134px) {
select {
line-height: 51.2px;
height: 55.2px;
}
}
select::-ms-expand {
display: none;
}
select option {
padding-top: 5px;
padding-bottom: 5px;
color: #5C3E34;
}
label {
display: block;
font-size: 1.3125rem;
line-height: 1.2;
margin-bottom: 15px;
transition: 0.25s;
font-weight: 400;
font-style: normal;
color: #5C3E34;
padding-left: 2;
width: 100%;
font-family: "GT America Mono", "sans-serif";
}
label label {
font-weight: 500 !important;
font-size: 1rem !important;
margin-left: 9px;
margin-right: 16px;
}
label label:last-of-type {
margin-right: 0;
}
label .gfield_required {
display: none;
}
label + .small {
margin-top: -21px;
margin-bottom: 1.655em;
}
.input-radio,
.input-checkbox {
position: relative;
display: inline-block;
margin-bottom: 5px;
}
.input-radio:before,
.input-checkbox:before {
content: '';
display: block;
position: absolute;
}
input[type="radio"],
input[type="checkbox"] {
display: none;
}
input[type="radio"] + span,
input[type="radio"] + .wpcf7-list-item-label,
input[type="radio"] + label,
input[type="checkbox"] + span,
input[type="checkbox"] + .wpcf7-list-item-label,
input[type="checkbox"] + label {
padding-left: 53px !important;
position: relative;
cursor: pointer;
line-height: 1.4;
margin-bottom: 5px;
font-size: .875rem;
font-style: normal;
color: #5C3E34;
font-weight: 400;
text-transform: none;
min-height: 24px;
display: inline-flex;
align-items: center;
width: auto;
min-height: 32px;
}
@media (max-width: 1134px) {
input[type="radio"] + span,
input[type="radio"] + .wpcf7-list-item-label,
input[type="radio"] + label,
input[type="checkbox"] + span,
input[type="checkbox"] + .wpcf7-list-item-label,
input[type="checkbox"] + label {
font-size: .75rem;
line-height: 1.42;
}
}
input[type="radio"] + span:before,
input[type="radio"] + .wpcf7-list-item-label:before,
input[type="radio"] + label:before,
input[type="checkbox"] + span:before,
input[type="checkbox"] + .wpcf7-list-item-label:before,
input[type="checkbox"] + label:before {
position: absolute;
content: "";
width: 32px;
height: 32px;
left: 0;
top: 0;
border-radius: 0;
background-position: 0% 50%;
border: 1px solid #ffffff;
background-color: #ffffff;
font-weight: 400;
}
input[type="radio"] + span:after,
input[type="radio"] + .wpcf7-list-item-label:after,
input[type="radio"] + label:after,
input[type="checkbox"] + span:after,
input[type="checkbox"] + .wpcf7-list-item-label:after,
input[type="checkbox"] + label:after {
position: absolute;
content: "";
width: 26px;
height: 26px;
text-align: center;
font-weight: 900;
left: 3px;
top: 3px;
background-color: transparent;
opacity: 0;
transition: 0.25s;
border-radius: 0px;
background-image: url(../images/smile.svg);
background-repeat: no-repeat;
background-size: cover;
}
input[type="radio"]:checked + label:after,
input[type="radio"]:checked + .wpcf7-list-item-label:after,
input[type="radio"]:checked + span:after,
input[type="radio"] + label.checked:after,
input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:checked + .wpcf7-list-item-label:after,
input[type="checkbox"]:checked + span:after,
input[type="checkbox"] + label.checked:after {
opacity: 1;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick {
max-height: 0;
overflow: hidden;
max-width: none;
}
.slick *:not(img):not(.container) {
max-width: none;
}
.slick.loaded {
max-height: 5000px;
}
.slick.no-overflow {
overflow: visible;
}
/* Slider */
.slick-loading .slick-list {
background: #fff url("../images/ajax-loader.gif") center center no-repeat;
}
/* Icons */
@font-face {
font-family: "slick";
src: slick-font-url("slick.eot");
src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
width: 8.7983px;
height: 14.7686px;
border-radius: 0px;
border: none;
line-height: 0;
font-size: 0;
cursor: pointer;
color: transparent;
top: 50%;
transform: translate(0, -50%);
padding: 0;
outline: none;
z-index: 2;
transition: 0.25s;
background-repeat: no-repeat;
background-position: 50% 50%;
opacity: 7;
}
@media (max-width: 768px) {
.slick-prev,
.slick-next {
width: 36px;
height: 36px;
background-size: 11px auto;
}
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
pointer-events: none;
opacity: .25;
}
.slick-prev:hover,
.slick-next:hover {
opacity: .75;
}
.slick-prev {
left: -25px;
background-image: url(../images/slide-prev.svg);
}
@media (max-width: 1820px) {
.slick-prev {
left: -10px;
}
}
.slick-prev:hover, .slick-prev:focus-visible {
background-image: url(../images/slide-prev-green.svg);
}
[dir="rtl"] .slick-prev {
left: auto;
right: -68px;
}
@media (max-width: 1230px) {
[dir="rtl"] .slick-prev {
right: -38px;
}
}
.slick-next {
right: -25px;
background-image: url(../images/slide-next.svg);
}
@media (max-width: 1820px) {
.slick-next {
right: -10px;
}
}
.slick-next:hover, .slick-next:focus-visible {
background-image: url(../images/slide-next-green.svg);
}
[dir="rtl"] .slick-next {
left: 0;
right: auto;
}
/* Dots */
.slick-dots {
position: absolute;
bottom: -55px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
left: 50%;
transform: translateX(-50%);
height: 10.5px;
font-size: 0;
}
@media (max-width: 1134px) {
.slick-dots {
width: 100%;
bottom: -47px;
}
}
.slick-dots li {
position: relative;
display: inline-block;
height: 10.5px;
width: 10.5px;
border-radius: 14px;
margin: 0 5px;
padding: 0;
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
}
.slick-dots li button {
border: 0;
display: block;
height: 10.5px;
width: 10.5px;
border-radius: 11px;
outline: none;
line-height: 0px;
cursor: pointer;
font-size: 0;
padding: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: 0.25s;
opacity: 1;
cursor: pointer;
background-color: #ffffff;
border: 1px solid black;
}
.slick-dots li button:hover, .slick-dots li button:focus-visible {
outline: none;
background-color: black;
}
.slick-dots li.slick-active button {
background-color: black;
}
@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper {
max-height: 0;
overflow: hidden;
max-width: none;
}
.swiper.swiper-initialized {
max-height: 9999px;
}
.swiper *:not(img):not(.container) {
max-width: none;
}
.swiper .swiper-slide {
box-sizing: border-box;
}
.swiper-pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
position: absolute;
left: 50%;
bottom: -52px;
transform: translateX(-50%);
}
@media (max-width: 1134px) {
.swiper-pagination {
min-width: calc(100vw - 24px - 24px);
}
}
.swiper-pagination .swiper-pagination-bullet {
width: 10.5px;
height: 10.5px;
border-radius: 10.5px;
background-color: transparent;
margin: 0 5px;
cursor: pointer;
transition: 0.25s;
background-color: white;
border: 1px solid #F73400;
}
.swiper-pagination .swiper-pagination-bullet:hover, .swiper-pagination .swiper-pagination-bullet:focus-visible {
background-color: #F73400;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #F73400;
}
.swiper-button-next,
.swiper-button-prev {
width: 69.88px;
height: 63px;
border-radius: 0;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
transition: 0.25s;
cursor: pointer;
z-index: 3;
top: 50%;
transform: translateY(-50%);
border: none;
background-color: #00FFD4;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
pointer-events: none;
opacity: .35;
}
.swiper-button-next svg,
.swiper-button-prev svg {
width: 37.88px;
}
.swiper-button-next svg *,
.swiper-button-prev svg * {
fill: #5C3E34;
transition: 0.25s;
}
.swiper-button-next:hover:not(.swiper-button-disabled), .swiper-button-next:focus-visible:not(.swiper-button-disabled),
.swiper-button-prev:hover:not(.swiper-button-disabled),
.swiper-button-prev:focus-visible:not(.swiper-button-disabled) {
background-color: #5C3E34;
}
.swiper-button-next:hover:not(.swiper-button-disabled) svg *, .swiper-button-next:focus-visible:not(.swiper-button-disabled) svg *,
.swiper-button-prev:hover:not(.swiper-button-disabled) svg *,
.swiper-button-prev:focus-visible:not(.swiper-button-disabled) svg * {
fill: #00FFD4;
}
.swiper-button-prev {
left: -36px;
}
@media (min-width: 1449px) {
.swiper-button-prev {
left: calc((100vw - 1448px) / -2 - 36px);
}
}
.swiper-button-next {
right: -36px;
}
@media (min-width: 1449px) {
.swiper-button-next {
right: calc((100vw - 1448px) / -2 - 36px);
}
}
.swiper-scrollbar {
height: 2px;
background-color: #D9D1D1;
position: relative;
bottom: -35px;
}
.swiper-scrollbar svg {
margin-right: 1px;
}
.swiper-scrollbar .swiper-scrollbar-drag {
height: 2px;
background-color: black;
position: absolute;
left: 0;
top: 0px;
}
::-moz-selection {
background: #00FFD4;
color: black;
}
::selection {
background: #00FFD4;
color: black;
}
::-moz-selection {
background: #00FFD4;
color: black;
}
.full-bg {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.pac-container {
z-index: 99999999999999 !important;
}
.setheaderaddress {
font-size: 16px;
}
.btn {
padding: 13px 31px;
display: inline-block;
font-weight: 700;
font-size: 1.5rem;
position: relative;
font-family: "Orpheus Pro", "serif";
background-color: transparent;
transition: 0.25s;
color: #F73400;
z-index: 1;
border-radius: 0;
border: 2px solid #F73400;
background-color: transparent;
cursor: pointer;
line-height: 1.2;
text-align: center;
}
.btn:hover, .btn:focus-visible {
background-color: #FBF8EC;
color: #F73400;
}
.btn.aqua {
background-color: #00FFD4;
border-color: #00FFD4;
color: #5C3E34;
}
.btn.aqua:hover, .btn.aqua:focus-visible {
background-color: #5C3E34;
border-color: #5C3E34;
color: #00FFD4;
}
.btn.brown {
background-color: #5C3E34;
border-color: #5C3E34;
color: #00FFD4;
}
.btn.brown:hover, .btn.brown:focus-visible {
background-color: #00FFD4;
border-color: #00FFD4;
color: #5C3E34;
}
.btn.cream {
background-color: transparent;
border-color: #FBF8EC;
color: #FBF8EC;
border-radius: 35px;
}
.btn.cream:hover, .btn.cream:focus-visible {
background-color: #5C3E34;
border-color: #FBF8EC;
color: #00FFD4;
}
@media (max-width: 1134px) {
.container {
padding-right: 16px;
padding-left: 16px;
}
}
body {
overflow-x: hidden;
}
body section {
overflow: hidden;
}
i {
background-repeat: no-repeat;
background-size: 100% auto;
margin-bottom: -.2em;
}
i.star-red-hollow, i.star-red, i.star-brown-hollow, i.star-brown, i.star-hollow, i.star {
background-image: url(../images/star.svg);
height: 1.2222em;
width: 1.0555em;
}
i.star-hollow {
background-image: url(../images/star-hollow.svg);
}
i.star-brown {
background-image: url(../images/star-brown.svg);
}
i.star-brown-hollow {
background-image: url(../images/star-brown-hollow.svg);
}
i.star-red {
background-image: url(../images/star-red.svg);
}
i.star-red-hollow {
background-image: url(../images/star-red-hollow.svg);
}
.submit,
.discover-more {
padding-top: 1.06em;
padding-bottom: 1.06em;
background-image: url(../images/squiggle-line-brown.svg);
background-repeat: repeat-x;
background-position: 0 0;
background-size: 1em auto;
font-size: 1.5rem;
padding-right: 72px;
display: inline-block;
width: 476px;
max-width: 100%;
text-align: left;
position: relative;
font-family: "Orpheus Pro", "serif";
font-weight: 700;
justify-content: space-between !important;
}
.submit:hover, .submit:focus-visible,
.discover-more:hover,
.discover-more:focus-visible {
color: #F73400;
}
.submit:hover i, .submit:focus-visible i,
.discover-more:hover i,
.discover-more:focus-visible i {
right: 0px;
}
.submit:hover i svg *, .submit:focus-visible i svg *,
.discover-more:hover i svg *,
.discover-more:focus-visible i svg * {
fill: #F73400;
}
.submit i,
.discover-more i {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 17px;
}
.submit {
width: 100%;
}
@media (max-width: 768px) {
.submit i {
right: 0 !important;
}
}
.squiggle-link,
.under-squiggle-brown,
.under-squiggle-cream,
.under-squiggle-bottom,
.under-squiggle-top,
.under-squiggle {
padding-bottom: .54em;
background-image: url(../images/squiggle-line.svg);
background-repeat: repeat-x;
background-position: 0 100%;
background-size: 30px 6px;
}
@media (max-width: 1134px) {
.squiggle-link,
.under-squiggle-brown,
.under-squiggle-cream,
.under-squiggle-bottom,
.under-squiggle-top,
.under-squiggle {
padding-bottom: .8em;
}
}
.under-squiggle-top {
background-image: url(../images/squiggle-line-top.svg);
}
.under-squiggle-bottom {
padding-bottom: .21em;
background-image: url(../images/squiggle-line-bottom.svg);
}
.under-squiggle-brown {
background-image: url(../images/squiggle-line-brown.svg);
}
.under-squiggle-cream {
background-image: url(../images/squiggle-line-cream.svg);
}
.squiggle-link {
color: #F73400;
font-family: "Orpheus Pro", "serif";
font-weight: 700;
font-size: 1.3125rem;
padding-bottom: .9em;
background-size: 30px 6px;
}
.squiggle-link:hover, .squiggle-link:focus-visible {
animation: squiggle-link .5s 0s infinite linear forwards;
}
@keyframes squiggle-link {
0%,
100% {
background-position: 0 100%;
}
99.999% {
background-position: 1.6em 100%;
}
}
.pac-item {
font-size: 16px;
font-family: "Orpheus Pro", "serif";
color: #F73400;
}
.pac-container hr {
border: none;
}
.pac-container {
position: relative;
box-shadow: none;
border: none;
}
.pac-icon {
display: none;
}
.pac-item {
border: none;
color: #F73400;
padding: 15px 6px;
font-weight: bold;
background-image: url(../images/squiggle-line.svg);
background-repeat: repeat-x;
background-position: 0 100%;
background-size: 30px 6px;
}
.pac-item-query {
font-size: 16px;
font-family: "Orpheus Pro", "serif";
color: #F73400;
}
.location-pop .pop .close {
right: 20px !important;
top: 20px !important;
}
.address-input svg {
position: absolute;
left: 6px;
top: 10px;
}
.address-input svg {
position: absolute;
left: 9px;
top: 14px;
}
.inneraddressset {
font-family: Orpheus Pro, serif;
font-size: 22px;
margin-bottom: 6px;
font-weight: bold;
}
a.setexpress.disabled {
opacity: 0.5;
background: gainsboro;
cursor: none;
}
input#address_sel {
padding: 20px 0px 20px 58px;
}
input#address_sel,
body p {
margin-bottom: 1em;
}
input#address_sel {
font-size: 1.125rem;
line-height: 1.2222;
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
#address_sel::-moz-placeholder {
margin-bottom: 1em;
}
#address_sel::placeholder,
body p {
margin-bottom: 1em;
}
#address_sel::-moz-placeholder {
font-size: 1.125rem;
line-height: 1.2222;
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
#address_sel::placeholder {
font-size: 1.125rem;
line-height: 1.2222;
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.option-selector-mobile a {
font-size: 16px;
}
.option-selector-mobile a span {
font-family: GT America Mono, sans-serif;
display: block;
}
.option-selector-mobile a:hover {
color: #ffffff;
--tw-bg-opacity: 1;
background-color: rgba(247, 52, 0, var(--tw-bg-opacity));
}
.option-selector-mobile .active {
color: #ffffff;
--tw-bg-opacity: 1;
background-color: rgba(247, 52, 0, var(--tw-bg-opacity));
}
.option-selector a {
font-size: 16px;
}
.option-selector a span {
font-family: GT America Mono, sans-serif;
display: block;
}
.option-selector a:hover {
color: #F73400;
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.option-selector .active {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
color: #F73400;
}
.large-option-selector {
border: red 1px solid;
padding: 5px;
margin-top: 15px;
}
.large-option-selector .setexpress {
margin-right: 5px;
}
.large-option-selector a:hover {
cursor: pointer;
background: #F73400;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.large-option-selector a.active {
cursor: pointer;
background: #F73400;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.large-option-selector a {
color: #F73400;
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
display: block;
font-weight: bold;
padding: 10px 15px;
font-size: 18px;
width: 100%;
margin-right: 0px;
}
.large-option-selector a span {
font-family: GT America Mono, sans-serif;
display: block;
letter-spacing: 0px;
text-transform: uppercase;
font-size: 14px;
margin-top: 8px;
}
.hero-section .container {
max-width: 1264px;
}
@media (max-width: 768px) {
.hero-section .hu-item:nth-of-type(1n + 2) {
display: none;
}
}
.hero-section .hu-item .inner a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.hero-section .hu-item .inner a:hover ~ .img-con .img-inner, .hero-section .hu-item .inner a:focus-visible ~ .img-con .img-inner {
transform: scale(1.2);
}
.hero-section .hu-item .inner a:hover ~ .btn, .hero-section .hu-item .inner a:focus-visible ~ .btn {
background-color: #5C3E34;
border-color: #5C3E34;
color: #00FFD4;
}
.hero-section .hu-item .inner .img-inner,
.hero-section .hu-item .inner .img-con {
aspect-ratio: 1/1;
width: 100%;
}
.hero-section .hu-item .inner .img-inner {
transform: scale(1.1);
transition: 0.75s;
}
.hero-section .hu-item .inner .btn {
position: absolute;
bottom: 77px;
left: 50%;
transform: translateX(-50%);
min-width: 230px;
padding: 11px 11px;
}
@media (max-width: 1134px) {
.hero-section .hu-item .inner .btn {
bottom: 51px;
min-width: 173px;
font-size: 1rem;
}
}
.travel-options-section .t-item .inner a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.travel-options-section .t-item .inner a:hover ~ .img-con .img-inner, .travel-options-section .t-item .inner a:focus-visible ~ .img-con .img-inner {
transform: scale(1.2);
}
.travel-options-section .t-item .inner .img-inner,
.travel-options-section .t-item .inner .img-con {
aspect-ratio: 1/1;
width: 100%;
}
.travel-options-section .t-item .inner .img-inner {
transform: scale(1.1);
transition: 0.75s;
}
.travel-options-section .bottom {
overflow: hidden;
transition: 0.25s;
max-height: 0;
}
.travel-options-section .show-more {
border: 2px solid #F73400;
font-size: 1.5rem;
font-family: "Orpheus Pro", "serif";
padding: 18px 29px 18px 20px;
color: #F73400;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
border-radius: 36px;
cursor: pointer;
transition: 0.25s;
width: auto;
}
.travel-options-section .show-more:hover, .travel-options-section .show-more:focus-visible {
background-color: #F73400;
color: #FBF8EC;
}
.travel-options-section .show-more:hover i::before, .travel-options-section .show-more:hover i:after, .travel-options-section .show-more:focus-visible i::before, .travel-options-section .show-more:focus-visible i:after {
background-color: #FBF8EC;
}
.travel-options-section .show-more.open i::after {
transform: translate(-50%, -50%) rotate(0deg);
}
.travel-options-section .show-more i {
width: 32px;
height: 32px;
margin-right: 20px;
position: relative;
margin-bottom: 0;
}
.travel-options-section .show-more i::before, .travel-options-section .show-more i:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 2px;
border-radius: 2px;
background-color: #F73400;
transition: 0.25s;
}
.travel-options-section .show-more i::before {
transform: translate(-50%, -50%) rotate(0deg);
}
.travel-options-section .show-more i::after {
transform: translate(-50%, -50%) rotate(-90deg);
}
@media (max-width: 768px) {
.visit-section .container {
padding-left: 0;
padding-right: 0;
}
}
.visit-section .under-squiggle-bottom,
.visit-section .under-squiggle-top {
position: relative;
}
.visit-section .map-con {
margin-top: -4px;
margin-bottom: -.5em;
}
.swiper-slide .producttitle {
min-height: 51px !important;
}
li.has-children:hover {
cursor: pointer;
}
.marquee-section marquee {
display: flex;
}
.marquee-section marquee div {
white-space: nowrap;
display: inline-flex;
align-items: center;
}
*:has(> i:first-of-type, > i:last-of-type) {
display: flex;
align-items: center;
width: 100%;
justify-content: center;
}
.image-back-text-section {
position: relative;
}
.image-back-text-section .top-text,
.image-back-text-section .bottom-text {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
position: absolute;
left: 0;
width: 100%;
font-size: 15.625vw;
font-size: 300px;
font-family: "Orpheus Pro", "serif";
font-weight: 700;
letter-spacing: 0.014em;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #F73400;
}
@media (max-width: 1134px) {
.image-back-text-section .top-text,
.image-back-text-section .bottom-text {
font-size: 140px;
}
}
.image-back-text-section .top-text {
top: -0.24em;
}
.image-back-text-section .bottom-text {
bottom: -0.24em;
text-align: right;
}
.image-back-text-section .container {
z-index: 1;
position: relative;
}
.image-back-text-section.age-restriction .container {
max-width: 892px;
min-height: 100%;
}
@media (max-width: 768px) {
.image-back-text-section.age-restriction .container {
padding-left: 5px;
padding-right: 5px;
}
}
@media (min-width: 1135px) {
.image-back-text-section.age-restriction .text-2xl {
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.image-back-text-section.age-restriction .btn {
width: 100%;
margin-bottom: 1rem;
}
.image-back-text-section.age-restriction img {
width: 251px;
}
}
.image-back-text-section.fancy-bottom {
background-position: 50% 100%;
}
.image-back-text-section.fancy-bottom:has(+ section) {
position: relative;
z-index: 1;
}
@media (max-width: 768px) {
.image-back-text-section.fancy-bottom:has(+ section) {
z-index: 2;
}
}
.image-back-text-section.fancy-bottom + section {
margin-top: -17px;
}
@media (max-width: 1134px) {
.image-back-text-section.fancy-bottom + section {
margin-top: -9px;
}
}
@media (max-width: 768px) {
.image-back-text-section.fancy-bottom + section {
margin-top: -10px;
}
}
@media (max-width: 768px) {
.image-back-text-section.fancy-bottom img {
aspect-ratio: 1.08/1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
}
.image-back-text-section.join {
background-position: 50% 30%;
}
@media (max-width: 768px) {
.image-back-text-section.join {
background-image: url(../images/join-mob.png) !important;
background-repeat: no-repeat;
background-position: 50% 100%;
z-index: 1;
position: relative;
}
.image-back-text-section.join + .image-back-text-section {
margin-top: -13px;
}
}
.image-back-text-section .container {
max-width: 842px;
}
@media (max-width: 768px) {
.image-back-text-section .container {
padding-right: 32px;
padding-left: 32px;
}
}
.travel-club-text-section {
position: relative;
}
.travel-club-text-section .top-text,
.travel-club-text-section .bottom-text {
position: absolute;
left: 0;
width: 100%;
font-size: 15.625vw;
font-size: 300px;
font-family: "Orpheus Pro", "serif";
font-weight: 700;
letter-spacing: 0.014em;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #ffffff;
}
@media (max-width: 1134px) {
.travel-club-text-section .top-text,
.travel-club-text-section .bottom-text {
font-size: 140px;
}
}
.travel-club-text-section .top-text {
top: -0.24em;
}
.travel-club-text-section .bottom-text {
bottom: -0.24em;
text-align: right;
}
.travel-club-text-section .container {
z-index: 1;
position: relative;
}
.travel-club-text-section.age-restriction .container {
max-width: 892px;
min-height: 100vh;
}
@media (min-width: 1135px) {
.travel-club-text-section.age-restriction .text-2xl {
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.travel-club-text-section.age-restriction .btn {
width: 100%;
margin-bottom: 1rem;
}
.travel-club-text-section.age-restriction img {
width: 251px;
}
}
.travel-club-text-section.fancy-bottom {
background-position: 50% 100%;
}
.travel-club-text-section.fancy-bottom:has(+ section) {
position: relative;
z-index: 1;
}
@media (max-width: 768px) {
.travel-club-text-section.fancy-bottom:has(+ section) {
z-index: 2;
}
}
.travel-club-text-section.fancy-bottom + section {
margin-top: -17px;
}
@media (max-width: 1134px) {
.travel-club-text-section.fancy-bottom + section {
margin-top: -9px;
}
}
@media (max-width: 768px) {
.travel-club-text-section.fancy-bottom + section {
margin-top: -10px;
}
}
@media (max-width: 768px) {
.travel-club-text-section.fancy-bottom img {
aspect-ratio: 1.08/1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
}
.travel-club-text-section.join {
background-position: 50% 30%;
}
@media (max-width: 768px) {
.travel-club-text-section.join {
background-image: url(../images/join-mob.png) !important;
background-repeat: no-repeat;
background-position: 50% 100%;
position: relative;
}
.travel-club-text-section.join + .image-back-text-section {
margin-top: -13px;
}
}
.travel-club-text-section .container {
max-width: 842px;
}
@media (max-width: 768px) {
.travel-club-text-section .container {
padding-right: 32px;
padding-left: 32px;
}
}
.product-swiper-button-prev-p, .product-swiper-button-next-n {
width: 69.88px;
height: 63px;
border-radius: 0;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
transition: 0.25s;
cursor: pointer;
z-index: 3;
top: 50%;
transform: translateY(-50%);
border: none;
background-color: #00FFD4;
opacity: 0;
}
.product-swiper-button-next-n {
right: -16px;
}
.product-swiper-button-prev-p {
left: -16px;
}
.product-slide-section:hover .product-swiper-button-prev-p {
opacity: 1;
left: 0px;
}
.product-slide-section:hover .product-swiper-button-next-n {
opacity: 1;
right: 0px;
}
.product-swiper-button-next-n:hover:not(.swiper-button-disabled), .product-slide-section .product-swiper-button-next-n:focus-visible:not(.swiper-button-disabled), .product-slide-section .product-swiper-button-prev-p:hover:not(.swiper-button-disabled), .product-slide-section .product-swiper-button-prev-p:focus-visible:not(.swiper-button-disabled) {
background-color: #5C3E34;
}
.product-swiper-button-next-n:hover:not(.swiper-button-disabled) svg *, .product-slide-section .product-swiper-button-next-n:focus-visible:not(.swiper-button-disabled) svg *, .product-slide-section .product-swiper-button-prev-p:hover:not(.swiper-button-disabled) svg *, .product-slide-section .product-swiper-button-prev-p:focus-visible:not(.swiper-button-disabled) svg * {
fill: #00FFD4;
}
.product-slide-section .swiper-pagination {
bottom: 30px;
z-index: 1;
}
.product-slide-section .swiper .swiper-slide {
margin: 0px;
}
.product-pop-page {
display: block;
}
@media (max-width: 768px) {
.product-pop-page .pop2 > .container {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 1024px) {
.product-slide-section .product-swiper-button-prev-p {
opacity: 1 !important;
left: 0px !important;
}
.product-slide-section .product-swiper-button-next-n {
opacity: 1;
right: 0px;
}
.product-slide-section:hover .product-swiper-button-next-n {
right: 0px;
}
.product-slide-section {
margin-bottom: 0px;
}
}
@media (max-width: 767px) {
.product-slide-section .product-swiper-button-prev-p, .product-slide-section .product-swiper-button-next-n {
width: 50.88px;
height: 43px;
}
.product-slide-section .product-swiper-button-prev-p svg, .product-slide-section .product-swiper-button-next-n svg {
width: 26px;
}
.product-slide-section .swiper-pagination {
bottom: 15px;
}
}
.productvariantwrap {
margin-right: 10px;
}
.bgswirls {
width: 100vw;
height: 100vh;
background-image: url("https://unionsquareta.wpengine.com/wp-content/uploads/2023/12/LIneslpha-1.png");
opacity: 0.1;
background-size: cover;
}
span.thc {
text-wrap: nowrap;
}
.swiper .swiper-slide {
box-sizing: border-box;
margin-right: 21px;
}
.contact-form-section a {
word-wrap: break-word;
}
.products-slide-section .products-pop-slide .swiper-wrapper-con,
.products-slide-section .products-slide .swiper-wrapper-con {
overflow: visible !important;
}
.products-slide-section .products-pop-slide .swiper-button-prev {
left: -64px;
}
@media (max-width: 768px) {
.products-slide-section .products-pop-slide .swiper-button-prev {
left: -24px;
}
}
.products-slide-section .products-pop-slide .swiper-button-next {
right: -64px;
}
@media (max-width: 768px) {
.products-slide-section .products-pop-slide .swiper-button-next {
right: -24px;
}
}
@media (max-width: 768px) {
.products-slide-section .w-full.px-4 {
padding-right: 8px;
padding-left: 8px;
}
}
@media (max-width: 768px) {
.products-slide-section .btn {
padding: 9px 19px;
}
}
@media (max-width: 1200px) {
.shop-section .p-item .staff-pick.staff-pick.staff-pick {
width: 66.56px;
}
}
@media (max-width: 640px) {
.shop-section .p-item {
margin-bottom: 14px;
}
.shop-section .p-item .inner {
border-radius: 8px;
}
.shop-section .p-item .staff-pick.staff-pick.staff-pick {
width: 66.56px;
left: 8px;
right: auto;
top: 8px;
}
.shop-section .p-item .top {
display: flex;
flex-wrap: wrap;
padding-right: 1rem;
}
.shop-section .p-item .top .img-con {
width: 37.8%;
margin: .8rem 0 .8rem;
}
.shop-section .p-item .top .text-con {
width: calc(100% - 37.8% - .8rem);
margin-left: .8rem;
text-align: left;
padding-bottom: 50px;
}
.shop-section .p-item .top .text-con .text-sm.mb-1 {
margin-bottom: -.9px;
}
.shop-section .p-item .top .text-con .text-lg.mb-2 {
margin-bottom: 4px;
}
.shop-section .p-item .top .text-con .text-xs.mb-2 {
justify-content: flex-start;
margin-bottom: 5px;
}
.shop-section .p-item .top .text-con .text-xs.mb-2 i:nth-of-type(1), .shop-section .p-item .top .text-con .text-xs.mb-2 i:nth-last-of-type(1) {
display: none;
}
.shop-section .p-item .top .text-con .text-xl.font-title.text-brown {
font-size: 1.125rem;
}
.shop-section .p-item .bottom {
position: absolute;
right: 16px;
bottom: 23px;
width: calc(100% - 16px - 16px - 37.8% - .8rem);
font-size: 1.125rem;
padding: 11px 5px;
z-index: 2;
}
}
.p-item .inner {
position: relative;
padding: 16px;
}
.p-item .inner .staff-pick {
position: absolute;
top: 15px;
right: 9px;
transform: rotate(0deg);
transition: 0.25s;
z-index: 1;
}
.p-item .star-red-hollow {
height: .875em;
width: .75em;
margin-bottom: -.1em;
}
.p-item .top {
position: relative;
}
.p-item .top [data-product] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.p-item .top [data-product]:hover ~ .staff-pick, .p-item .top [data-product]:focus-visible ~ .staff-pick {
transform: rotate(10deg);
}
.p-item .top [data-product]:hover ~ .img-con .p-img, .p-item .top [data-product]:focus-visible ~ .img-con .p-img {
/*transform: scale(1.3); */
}
.p-item .top .img-con {
overflow: hidden;
aspect-ratio: 1/1;
width: 239px;
max-width: 90.45%;
}
.p-item .top .p-img {
transform: scale(1);
transition: 0.75s;
}
.p-item .bottom {
background-color: #5C3E34;
padding: 21px 10px;
font-weight: 700;
color: #00FFD4;
width: 100%;
display: block;
margin-bottom: 7px;
}
.p-item .bottom:hover, .p-item .bottom:focus-visible {
background-color: #00FFD4;
color: #5C3E34;
}
@media (max-width: 768px) {
.title-section .container {
padding-left: 0;
padding-right: 0;
}
}
.title-section.under-squiggle-top:has(+ section) {
position: relative;
z-index: 3;
}
.title-section.under-squiggle-top + section {
margin-top: -17px;
}
@media (max-width: 1134px) {
.title-section.under-squiggle-top + section {
margin-top: -9px;
}
}
@media (max-width: 768px) {
.title-section.under-squiggle-top + section {
margin-top: -10px;
}
}
.title-section .star-red {
height: .64em;
width: .5555em;
margin-bottom: .07em;
}
.wow-section:has(+ section) {
position: relative;
z-index: 3;
padding-bottom: .2em;
margin-bottom: -6px;
}
@media (max-width: 1134px) {
.wow-section:has(+ section) {
margin-bottom: -9px;
}
}
@media (max-width: 768px) {
.wow-section:has(+ section) {
margin-bottom: 36px;
}
}
@media (min-width: 1135px) {
.wow-section .text-red {
font-size: 2.25rem;
}
}
.wow-section i {
margin: 0 50px;
}
@media (max-width: 1134px) {
.wow-section i {
width: 40px;
margin: 0 12px;
}
.wow-section i svg {
width: 40px;
}
}
.wow-section i:first-of-type {
animation: spin 5s 0s infinite linear forwards;
}
.wow-section i:last-of-type {
animation: spin 5s 0s infinite linear reverse;
}
.wow-section i:hover svg path {
animation: trip 3s 0s infinite;
}
@keyframes trip {
0% {
filter: hue-rotate(0deg);
}
100% {
filter: hue-rotate(360deg);
}
}
.wow-section i svg * {
pointer-events: none;
}
@media (min-width: 769px) {
.full-form-section .submit {
background-image: url(../images/squiggle-line-cream.svg);
}
}
.full-form-section a {
word-wrap: break-word;
}
.shop-section .pagination,
.blog-section .pagination {
list-style: none;
font-size: 2rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.shop-section .pagination li,
.blog-section .pagination li {
font-size: 2rem;
margin: 0 16px;
}
.shop-section .pagination li a,
.blog-section .pagination li a {
font-size: 2rem;
color: #F73400;
font-family: "Orpheus Pro", "serif";
font-weight: 700;
position: relative;
text-decoration: none;
padding-bottom: .6em;
display: block;
cursor: pointer;
}
.shop-section .pagination li a:after,
.blog-section .pagination li a:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: .3em;
background-image: url(../images/squiggle-line.svg);
background-repeat: repeat-x;
background-position: 0px 50%;
opacity: 0;
visibility: hidden;
background-size: 30px 6px;
}
.shop-section .pagination li a.active:after,
.blog-section .pagination li a.active:after {
opacity: 1;
visibility: visible;
}
.shop-section .pagination li a:hover:after,
.blog-section .pagination li a:hover:after {
opacity: 1;
visibility: visible;
animation: menu-line .8s 0s infinite linear forwards;
}
.announcement a:hover {
color: white !important;
text-decoration: underline !important;
}
.bg-transparent {
background-color: transparent;
}
@media (max-width: 768px) {
.b-item img {
aspect-ratio: 1.52/1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
}
.b-item .capitalize {
line-height: 1.4;
}
.b-item .discover-more {
width: 100%;
background-image: url(../images/squiggle-line.svg);
color: #F73400;
}
.b-item .discover-more:hover, .b-item .discover-more:focus-visible {
color: #5C3E34;
}
.b-item .discover-more:hover svg *, .b-item .discover-more:focus-visible svg * {
fill: #5C3E34;
}
.b-item .discover-more i {
right: 0;
}
.b-item .discover-more svg * {
fill: #F73400;
}
@media (max-width: 768px) {
.image-hero-section img {
aspect-ratio: 1.225/1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
}
.article-section .container {
max-width: 1194px;
}
.article-section .top .under-squiggle {
padding-bottom: 1.94em;
}
@media (max-width: 768px) {
.article-section .top .under-squiggle {
padding-bottom: 3em;
}
}
.article-section .bg-aqua .star-brown-hollow {
height: .875em;
width: .75em;
margin-bottom: -.1em;
}
.article-section .bg-aqua .star-brown {
min-width: 0.7555em;
}
@media (max-width: 768px) {
.article-section .text-mobile {
line-height: 1.35;
}
}
.faq-section .container {
max-width: 1088px;
}
.faq-section .under-squiggle {
padding-bottom: 1.18em;
}
@media (max-width: 768px) {
.faq-section .under-squiggle {
padding-bottom: 2.38em;
}
}
.accordion {
width: 100%;
}
.accordion.filter {
margin-bottom: 59px;
}
.accordion.filter dt {
background-image: url(../images/squiggle-line.svg);
background-repeat: repeat-x;
background-position: 0 0;
background-size: 30px 6px;
background-color: transparent;
padding: 21px 21px 14px 0px;
font-size: 1.3125rem;
}
.accordion.filter dt:before, .accordion.filter dt:after {
content: '';
position: absolute;
top: 33px;
right: 1px;
width: 14px;
max-width: 14px;
height: 2px;
background-color: #F73400;
border-radius: 2px;
transition: 0.25s;
}
.accordion.filter dt:before {
transform: translate(0%, -50%) rotate(0deg);
}
.accordion.filter dt:after {
transform: translate(0%, -50%) rotate(90deg);
}
.accordion.filter dt.open {
padding: 21px 21px 14px 0px;
}
.accordion.filter dt.open:before {
transform: translate(0%, -50%) rotate(-45deg);
}
.accordion.filter dt.open:after {
transform: translate(0%, -50%) rotate(45deg);
}
.accordion.filter dd {
background-size: 30px 6px;
background-color: transparent;
min-height: 7px;
}
.accordion.filter dd::after {
display: none;
}
.accordion.filter dd .inner {
padding: 7px 0px 20px 0px;
}
.accordion dt {
font-size: 2rem;
font-family: "Orpheus Pro", "serif";
font-weight: 700;
color: #F73400;
padding: 30px 226px 40px 32px;
position: relative;
cursor: pointer;
background-color: white;
transition: 0.25s;
display: block;
text-align: left;
}
@media (max-width: 1134px) {
.accordion dt {
font-size: 1.3125rem;
line-height: 1.45;
padding: 28px 87px 31px 25px;
}
}
.accordion dt:hover:before, .accordion dt:hover:after {
background-color: #00FFD4;
}
.accordion dt:hover i svg * {
fill: #00FFD4;
}
.accordion dt i {
position: absolute;
top: 46%;
right: 38px;
width: 64px;
height: 64px;
border-radius: 64px;
border: 2px solid white;
background-color: white;
transform: translateY(-50%) rotate(0deg);
display: flex;
justify-content: center;
align-items: center;
transition: 0.25s;
z-index: 1;
}
@media (max-width: 1134px) {
.accordion dt i {
top: 50%;
right: -2px;
}
}
.accordion dt i svg {
width: 12px;
}
.accordion dt i svg * {
fill: #F73400;
transition: 0.25s;
}
.accordion dt.open {
padding: 62px 226px 6px 32px;
background-color: transparent;
}
@media (max-width: 1134px) {
.accordion dt.open {
padding: 48px 87px 6px 25px;
}
}
.accordion dt.open:last-of-type + dd:after {
background-color: transparent;
}
.accordion dt.open:has(+ dd + dt.open) + dd:after {
background-color: transparent;
}
.accordion dt.open i {
top: calc(100% + 10px);
border-color: #F73400;
transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 768px) {
.accordion dt.open i {
top: 70px;
border-color: transparent;
background-color: transparent;
}
}
.accordion dt.open + dd {
max-height: 999px;
background-color: transparent;
background-image: url(../images/squiggle-line-top.svg);
}
.accordion dd {
background-image: url(../images/squiggle-line.svg);
background-repeat: repeat-x;
background-position: 0 100%;
background-size: 30px 6px;
max-height: 0;
overflow: hidden;
margin: 0;
transition: 0.25s;
background-color: white;
min-height: 10px;
position: relative;
width: 100%;
}
.accordion dd:last-of-type {
background-image: url(../images/squiggle-line-bottom.svg) !important;
}
.accordion dd:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 8px;
background-color: white;
z-index: -1;
transition: 0.25s;
}
.accordion dd:has(+ .open) {
background-image: url(../images/squiggle-line-bottom.svg);
}
.accordion dd .inner {
padding: 10px 226px 74px 32px;
}
@media (max-width: 1134px) {
.accordion dd .inner {
padding: 10px 87px 62px 26px;
}
}
.text-section .container {
max-width: 1048px;
}
.text-section a {
text-decoration: underline;
}
@media (max-width: 768px) {
.directions-section img {
aspect-ratio: .804/1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
}
.directions-section a {
word-wrap: break-word;
}
.shop-section .text-4xl {
font-size: 4rem;
}
@media (max-width: 768px) {
.shop-section .container {
padding: 0;
}
}
.shop-section select {
width: auto;
padding-right: 62px;
border-color: #000;
background-color: #fefefe;
margin-bottom: 0;
line-height: 61.2px;
height: 65.2px;
font-family: "Orpheus Pro", "serif";
font-weight: 700;
font-size: 1.5rem;
padding-left: 31px;
border-width: 1px;
}
.shop-section .filter .top {
display: flex;
justify-content: space-between;
color: #F73400;
font-size: 1.3125rem;
font-family: "Orpheus Pro", "serif";
font-weight: 700;
background-image: url(../images/squiggle-line.svg);
background-repeat: repeat-x;
background-position: 0 100%;
background-size: 30px 6px;
padding-bottom: 21px;
margin-bottom: 26px;
}
.shop-section .filter .top a {
display: flex;
align-items: center;
font-size: 1.125rem;
font-family: "GT America Mono", "sans-serif";
font-weight: 400;
}
.shop-section .filter .top a svg {
margin-left: 10px;
}
.shop-section .filter .bottom {
margin-bottom: 10px;
}
.shop-section .filter input[type="radio"] + span,
.shop-section .filter input[type="radio"] + .wpcf7-list-item-label,
.shop-section .filter input[type="radio"] + label,
.shop-section .filter input[type="checkbox"] + span,
.shop-section .filter input[type="checkbox"] + .wpcf7-list-item-label,
.shop-section .filter input[type="checkbox"] + label {
padding-left: 40px !important;
line-height: 1.4;
margin-bottom: 14px;
font-size: 1.125rem;
width: 100%;
min-height: 24px;
}
.shop-section .filter input[type="radio"] + span:before,
.shop-section .filter input[type="radio"] + .wpcf7-list-item-label:before,
.shop-section .filter input[type="radio"] + label:before,
.shop-section .filter input[type="checkbox"] + span:before,
.shop-section .filter input[type="checkbox"] + .wpcf7-list-item-label:before,
.shop-section .filter input[type="checkbox"] + label:before {
width: 24px;
height: 24px;
left: 0;
top: 0;
border-radius: 50%;
border: 2px solid #F73400;
}
.shop-section .filter input[type="radio"] + span:after,
.shop-section .filter input[type="radio"] + .wpcf7-list-item-label:after,
.shop-section .filter input[type="radio"] + label:after,
.shop-section .filter input[type="checkbox"] + span:after,
.shop-section .filter input[type="checkbox"] + .wpcf7-list-item-label:after,
.shop-section .filter input[type="checkbox"] + label:after {
width: 10px;
height: 10px;
left: 7px;
top: 7px;
background-color: #F73400;
transition: 0.25s;
border-radius: 10px;
}
.shop-section .fixed-shop {
z-index: 110;
left: 0;
bottom: 0;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
}
.shop-section .fixed-shop .cart {
color: #F73400;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.1em;
text-align: center;
position: relative;
z-index: 1;
width: 96.8px;
height: 96.8px;
border-radius: 96.8px;
margin-top: -44.4px;
border: 2px solid #F73400;
background-color: #FBF8EC;
padding-bottom: 4px;
}
.shop-section .fixed-shop .cart span {
position: absolute;
top: 41px;
left: 50%;
transform: translateX(-50%);
font-family: "GT America Mono", "sans-serif";
color: #F73400;
font-size: 26.4px;
}
@media (min-width: 1135px) {
.shop-section .filter-side {
width: 258px;
margin-right: 31px;
}
.shop-section .filter-side + .items-start {
width: calc(100% - 258px - 31px);
}
}
@media (max-width: 1134px) {
.shop-section .filter-side {
position: fixed;
left: 0;
width: 300px;
top: 0;
height: 100vh;
z-index: 112;
background-color: #FBF8EC;
transform: translateX(-100%);
transition: 0.25s;
overflow: auto;
}
.shop-section .filter-side.open {
transform: translateX(0%);
}
.shop-section .filter-side .close svg path {
fill: #F73400;
}
.shop-section .filter-side .close:hover svg path, .shop-section .filter-side .close:focus-visible svg path {
fill: #00FFD4;
}
}
.aligncenter {
margin: auto;
}
.setheaderaddress {
cursor: pointer;
}
@media (max-width: 768px) {
html.filter-open {
overflow: hidden;
}
html.filter-open:after {
content: '';
position: absolute;
z-index: 111;
top: 0;
left: 0;
width: 100vw;
max-width: 100vw;
height: 5000vh;
background-color: rgba(0, 0, 0, 0.3);
}
}
.sort-side {
display: none;
}
@media (max-width: 1134px) {
.sort-side {
position: fixed;
bottom: 102.8px;
transition: 0.25s;
max-height: 0;
right: 0;
background-color: white;
z-index: 112;
padding: 0 20px;
overflow: auto;
width: 231px;
display: block;
overflow: hidden;
}
.sort-side.open {
max-height: calc(100vh - 67.8px);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.sort-side .font-title {
text-align: center;
width: 100%;
font-family: "GT America Mono", "sans-serif";
font-size: 16px;
padding: 24px 10px 22px;
margin-left: -20px;
width: calc(100% + 20px + 20px);
max-width: calc(100% + 20px + 20px);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.sort-side .font-title::before {
content: 'Sort by';
}
}
.sort-side a:not(.close) {
display: block;
padding: 11.5px 14px;
margin-left: -20px;
width: calc(100% + 20px + 20px);
max-width: calc(100% + 20px + 20px);
}
.sort-side a:not(.close):last-of-type {
margin-bottom: 36px;
}
.sort-side a:not(.close).active {
background-color: #ccc;
}
.sort-side .close {
position: relative;
width: 20px;
height: 20px;
display: none;
position: absolute;
top: 22px;
right: 22px;
}
@media (max-width: 768px) {
.sort-side .close {
display: block;
}
}
.sort-side .close::before, .sort-side .close:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 3px;
border-radius: 2px;
background-color: #ccc;
transition: 0.25s;
}
.sort-side .close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.sort-side .close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.location-selector-gate .select-btn {
border: 2px solid #F73400;
background: #fff;
font-size: 1.4rem;
font-family: "Orpheus Pro", "serif";
padding: 13px 30px;
color: #F73400;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
border-radius: 36px;
cursor: pointer;
transition: 0.25s;
width: auto;
}
@media (max-width: 768px) {
.location-selector-gate .select-btn {
font-size: 0.9rem;
padding: 13px 9px;
width: 103px;
margin-left: 10px;
}
}
.location-selector-gate .select-btn:hover, .location-selector-gate .select-btn:focus-visible {
background-color: #F73400;
color: #FBF8EC;
border: 2px solid #FFF;
}
.location-selector-gate .select-btn:hover i::before, .location-selector-gate .select-btn:hover i:after, .location-selector-gate .select-btn:focus-visible i::before, .location-selector-gate .select-btn:focus-visible i:after {
background-color: #FBF8EC;
}
.location-selector-gate .select-btn.open i::after {
transform: translate(-50%, -50%) rotate(0deg);
}
.location-selector-gate .select-btn i {
width: 32px;
height: 32px;
margin-right: 20px;
position: relative;
margin-bottom: 0;
}
.location-selector-gate .select-btn i::before, .location-selector-gate .select-btn i:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 2px;
border-radius: 2px;
background-color: #F73400;
transition: 0.25s;
}
.location-selector-gate .select-btn i::before {
transform: translate(-50%, -50%) rotate(0deg);
}
.location-selector-gate .select-btn i::after {
transform: translate(-50%, -50%) rotate(-90deg);
}
.product-pop, .product-pop-2, .product-pop2 {
position: fixed;
z-index: 100000000000;
top: 0;
left: 0;
height: 100vh;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.25s;
}
.product-pop .select-btn, .product-pop-2 .select-btn, .product-pop2 .select-btn {
border: 2px solid #F73400;
background: #fff;
font-size: 1.4rem;
font-family: "Orpheus Pro", "serif";
padding: 13px 20px;
color: #F73400;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
border-radius: 36px;
cursor: pointer;
transition: 0.25s;
width: auto;
}
.product-pop .select-btn:hover, .product-pop .select-btn:focus-visible, .product-pop-2 .select-btn:hover, .product-pop-2 .select-btn:focus-visible, .product-pop2 .select-btn:hover, .product-pop2 .select-btn:focus-visible {
background-color: #F73400;
color: #FBF8EC;
}
.product-pop .select-btn:hover i::before, .product-pop .select-btn:hover i:after, .product-pop .select-btn:focus-visible i::before, .product-pop .select-btn:focus-visible i:after, .product-pop-2 .select-btn:hover i::before, .product-pop-2 .select-btn:hover i:after, .product-pop-2 .select-btn:focus-visible i::before, .product-pop-2 .select-btn:focus-visible i:after, .product-pop2 .select-btn:hover i::before, .product-pop2 .select-btn:hover i:after, .product-pop2 .select-btn:focus-visible i::before, .product-pop2 .select-btn:focus-visible i:after {
background-color: #FBF8EC;
}
.product-pop .select-btn.open i::after, .product-pop-2 .select-btn.open i::after, .product-pop2 .select-btn.open i::after {
transform: translate(-50%, -50%) rotate(0deg);
}
.product-pop .select-btn i, .product-pop-2 .select-btn i, .product-pop2 .select-btn i {
width: 32px;
height: 32px;
margin-right: 20px;
position: relative;
margin-bottom: 0;
}
.product-pop .select-btn i::before, .product-pop .select-btn i:after, .product-pop-2 .select-btn i::before, .product-pop-2 .select-btn i:after, .product-pop2 .select-btn i::before, .product-pop2 .select-btn i:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 2px;
border-radius: 2px;
background-color: #F73400;
transition: 0.25s;
}
.product-pop .select-btn i::before, .product-pop-2 .select-btn i::before, .product-pop2 .select-btn i::before {
transform: translate(-50%, -50%) rotate(0deg);
}
.product-pop .select-btn i::after, .product-pop-2 .select-btn i::after, .product-pop2 .select-btn i::after {
transform: translate(-50%, -50%) rotate(-90deg);
}
.product-pop.open, .product-pop-2.open, .product-pop2.open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.product-pop .pop, .product-pop-2 .pop, .product-pop2 .pop {
width: 1200px;
max-width: calc(100% - 40px);
max-height: calc(100% - 40px);
overflow: auto;
position: relative;
margin-top: 20px;
}
@media (max-width: 768px) {
.product-pop .pop, .product-pop-2 .pop, .product-pop2 .pop {
max-width: calc(100% - 32px);
max-height: calc(100% - 151px);
margin-top: 16px;
padding-top: 64px;
}
}
.product-pop .pop .share,
.product-pop .pop .close, .product-pop-2 .pop .share,
.product-pop-2 .pop .close, .product-pop2 .pop .share,
.product-pop2 .pop .close {
position: absolute;
width: 72px;
height: 72px;
border-radius: 72px;
background-color: #ffffff;
border: 3px solid #F73400;
top: 32px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.product-pop .pop .share,
.product-pop .pop .close, .product-pop-2 .pop .share,
.product-pop-2 .pop .close, .product-pop2 .pop .share,
.product-pop2 .pop .close {
width: 52px;
height: 52px;
border: 2px solid #F73400;
top: 24px;
}
}
.product-pop .pop .share:hover, .product-pop .pop .share:focus-visible,
.product-pop .pop .close:hover,
.product-pop .pop .close:focus-visible, .product-pop-2 .pop .share:hover, .product-pop-2 .pop .share:focus-visible,
.product-pop-2 .pop .close:hover,
.product-pop-2 .pop .close:focus-visible, .product-pop2 .pop .share:hover, .product-pop2 .pop .share:focus-visible,
.product-pop2 .pop .close:hover,
.product-pop2 .pop .close:focus-visible {
background-color: #F73400;
}
.product-pop .pop .share:hover svg path, .product-pop .pop .share:focus-visible svg path,
.product-pop .pop .close:hover svg path,
.product-pop .pop .close:focus-visible svg path, .product-pop-2 .pop .share:hover svg path, .product-pop-2 .pop .share:focus-visible svg path,
.product-pop-2 .pop .close:hover svg path,
.product-pop-2 .pop .close:focus-visible svg path, .product-pop2 .pop .share:hover svg path, .product-pop2 .pop .share:focus-visible svg path,
.product-pop2 .pop .close:hover svg path,
.product-pop2 .pop .close:focus-visible svg path {
fill: #ffffff;
}
.product-pop .pop .share svg path,
.product-pop .pop .close svg path, .product-pop-2 .pop .share svg path,
.product-pop-2 .pop .close svg path, .product-pop2 .pop .share svg path,
.product-pop2 .pop .close svg path {
fill: #F73400;
transition: 0.25s;
}
.product-pop .pop .close, .product-pop-2 .pop .close, .product-pop2 .pop .close {
right: 22px;
}
@media (max-width: 768px) {
.product-pop .pop .close, .product-pop-2 .pop .close, .product-pop2 .pop .close {
right: 24px;
}
}
.product-pop .pop .share, .product-pop-2 .pop .share, .product-pop2 .pop .share {
right: 106px;
}
@media (max-width: 768px) {
.product-pop .pop .share, .product-pop-2 .pop .share, .product-pop2 .pop .share {
right: 92px;
}
}
@media (min-width: 769px) {
.product-pop .img-side, .product-pop-2 .img-side, .product-pop2 .img-side {
width: 41.1%;
}
}
@media (max-width: 768px) {
.product-pop .img-side img, .product-pop-2 .img-side img, .product-pop2 .img-side img {
margin: 0 auto;
}
}
@media (min-width: 769px) {
.product-pop .info-side, .product-pop-2 .info-side, .product-pop2 .info-side {
width: 58.9%;
}
}
.product-pop form, .product-pop-2 form, .product-pop2 form {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.product-pop form select, .product-pop-2 form select, .product-pop2 form select {
padding-right: 61px;
padding-left: 18px;
background-color: #fefcf7;
border-color: #5C3E34;
width: auto;
font-size: 1.5rem;
margin: 0 25px 0 0;
height: 60px;
line-height: 56px;
}
.product-pop form .btn, .product-pop-2 form .btn, .product-pop2 form .btn {
margin-bottom: 0;
}
@media (max-width: 768px) {
.product-pop form .btn, .product-pop-2 form .btn, .product-pop2 form .btn {
width: 100%;
margin-top: 23px;
}
}
@media (max-width: 768px) {
.product-pop .flex.items-center.mx-4.mb-2, .product-pop-2 .flex.items-center.mx-4.mb-2, .product-pop2 .flex.items-center.mx-4.mb-2 {
width: 36%;
}
.product-pop .flex.items-center.mx-4.mb-2:nth-last-child(1), .product-pop .flex.items-center.mx-4.mb-2:nth-last-child(2), .product-pop-2 .flex.items-center.mx-4.mb-2:nth-last-child(1), .product-pop-2 .flex.items-center.mx-4.mb-2:nth-last-child(2), .product-pop2 .flex.items-center.mx-4.mb-2:nth-last-child(1), .product-pop2 .flex.items-center.mx-4.mb-2:nth-last-child(2) {
margin-bottom: 0;
}
.product-pop .flex.items-center.mx-4.mb-2 img, .product-pop-2 .flex.items-center.mx-4.mb-2 img, .product-pop2 .flex.items-center.mx-4.mb-2 img {
max-width: 24px;
max-height: 24px;
}
}
.product-pop .star-red-hollow, .product-pop-2 .star-red-hollow, .product-pop2 .star-red-hollow {
height: 0.5222em;
width: 0.4555em;
margin-bottom: 0;
}
.product-pop-page {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.25s;
}
.product-pop-page .select-btn {
border: 2px solid #F73400;
background: #fff;
font-size: 1.5rem;
font-family: "Orpheus Pro", "serif";
padding: 18px 30px;
color: #F73400;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
border-radius: 36px;
cursor: pointer;
transition: 0.25s;
width: auto;
}
.product-pop-page .select-btn:hover, .product-pop-page .select-btn:focus-visible {
background-color: #F73400;
color: #FBF8EC;
}
.product-pop-page .select-btn:hover i::before, .product-pop-page .select-btn:hover i:after, .product-pop-page .select-btn:focus-visible i::before, .product-pop-page .select-btn:focus-visible i:after {
background-color: #FBF8EC;
}
.product-pop-page .select-btn.open i::after {
transform: translate(-50%, -50%) rotate(0deg);
}
.product-pop-page .select-btn i {
width: 32px;
height: 32px;
margin-right: 20px;
position: relative;
margin-bottom: 0;
}
.product-pop-page .select-btn i::before, .product-pop-page .select-btn i:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 2px;
border-radius: 2px;
background-color: #F73400;
transition: 0.25s;
}
.product-pop-page .select-btn i::before {
transform: translate(-50%, -50%) rotate(0deg);
}
.product-pop-page .select-btn i::after {
transform: translate(-50%, -50%) rotate(-90deg);
}
.product-pop-page.open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.product-pop-page .pop {
width: 1200px;
max-width: calc(100% - 40px);
max-height: calc(100% - 40px);
overflow: auto;
position: relative;
margin-top: 20px;
}
@media (max-width: 768px) {
.product-pop-page .pop {
max-width: calc(100% - 32px);
max-height: calc(100% - 151px);
margin-top: 16px;
padding-top: 64px;
}
}
.product-pop-page .pop .share,
.product-pop-page .pop .close {
position: absolute;
width: 72px;
height: 72px;
border-radius: 72px;
background-color: #ffffff;
border: 3px solid #F73400;
top: 63px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.product-pop-page .pop .share,
.product-pop-page .pop .close {
width: 52px;
height: 52px;
border: 2px solid #F73400;
top: 24px;
}
}
.product-pop-page .pop .share:hover, .product-pop-page .pop .share:focus-visible,
.product-pop-page .pop .close:hover,
.product-pop-page .pop .close:focus-visible {
background-color: #F73400;
}
.product-pop-page .pop .share:hover svg path, .product-pop-page .pop .share:focus-visible svg path,
.product-pop-page .pop .close:hover svg path,
.product-pop-page .pop .close:focus-visible svg path {
fill: #ffffff;
}
.product-pop-page .pop .share svg path,
.product-pop-page .pop .close svg path {
fill: #F73400;
transition: 0.25s;
}
.product-pop-page .pop .close {
right: 64px;
}
@media (max-width: 768px) {
.product-pop-page .pop .close {
right: 24px;
}
}
.product-pop-page .pop .share {
right: 152px;
}
@media (max-width: 768px) {
.product-pop-page .pop .share {
right: 92px;
}
}
@media (min-width: 769px) {
.product-pop-page .img-side {
width: 41.1%;
}
}
@media (max-width: 768px) {
.product-pop-page .img-side img {
margin: 0 auto;
}
}
@media (min-width: 769px) {
.product-pop-page .info-side {
width: 58.9%;
}
}
.product-pop-page form {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.product-pop-page form select {
padding-right: 61px;
padding-left: 18px;
background-color: #FBF8EC;
border-color: #5C3E34;
width: auto;
font-size: 1.5rem;
margin: 0 25px 0 0;
height: 60px;
line-height: 56px;
}
.product-pop-page form .btn {
margin-bottom: 0;
}
@media (max-width: 768px) {
.product-pop-page form .btn {
width: 100%;
margin-top: 23px;
}
}
@media (max-width: 768px) {
.product-pop-page .flex.items-center.mx-4.mb-2 {
width: 36%;
margin-bottom: 31px;
}
.product-pop-page .flex.items-center.mx-4.mb-2:nth-last-child(1), .product-pop-page .flex.items-center.mx-4.mb-2:nth-last-child(2) {
margin-bottom: 0;
}
.product-pop-page .flex.items-center.mx-4.mb-2 img {
max-width: 24px;
max-height: 24px;
}
}
.product-pop-page .star-red-hollow {
height: 0.5222em;
width: 0.4555em;
margin-bottom: 0;
}
html.cart-open {
overflow: hidden;
}
html.cart-open:after {
content: '';
position: absolute;
z-index: 200;
top: 0;
left: 0;
width: 100vw;
max-width: 100vw;
height: 10000000vh;
background-color: rgba(0, 0, 0, 0.3);
}
html.menu-open {
overflow: hidden;
}
html.menu-open:after {
content: '';
position: absolute;
z-index: 50;
top: 0;
left: 0;
width: 100vw;
max-width: 100vw;
height: 10000000vh;
background-color: rgba(0, 0, 0, 0.3);
}
.cart-popup {
position: fixed;
top: 0;
right: 0;
z-index: 99999999;
height: 100vh;
width: 550px;
background-color: #ffffff;
transform: translate(100%);
transition: 0.25s;
overflow: auto;
}
@media (max-width: 1134px) {
.cart-popup {
width: 430px;
max-width: 100%;
}
}
.cart-open .cart-popup {
transform: translate(0%);
}
.cart-popup .close {
position: absolute;
width: 52px;
height: 52px;
border-radius: 52px;
border: 2px solid #F73400;
top: 32px;
right: 34px;
display: flex;
align-items: center;
justify-content: center;
}
.cart-popup .close:hover, .cart-popup .close:focus-visible {
background-color: #F73400;
}
.cart-popup .close:hover svg path, .cart-popup .close:focus-visible svg path {
fill: #ffffff;
}
.cart-popup .close svg {
width: 19.73px;
}
.cart-popup .close svg path {
fill: #F73400;
transition: 0.25s;
}
.cart-popup .text-2xl {
font-size: 2.25rem;
}
.cart-popup .text-lg.under-squiggle {
padding-bottom: 1.14em;
margin-bottom: 1;
}
.cart-popup .order {
margin-top: 1.5rem;
}
@media (min-width: 1135px) {
.cart-popup .order {
margin-right: -3rem;
margin-left: -3rem;
}
}
@media (max-width: 1134px) {
.cart-popup .order {
width: auto;
display: inline-block;
}
}
.cart-popup table {
margin-bottom: .7rem;
}
.cart-popup table tbody tr {
background-image: url(../images/squiggle-line-brown.svg);
background-repeat: repeat-x;
background-size: 30px 6px;
background-position: 0 100%;
}
.cart-popup table th,
.cart-popup table td {
padding: 19px 0 19px;
}
.cart-popup table th {
width: 76.1%;
}
.cart-popup table tfoot th,
.cart-popup table tfoot td {
font-size: 18px;
font-family: "Orpheus Pro", "serif";
font-weight: 700;
padding: 14px 0 14px;
}
.cart-popup .btn {
width: 100%;
}
.pc-item {
padding-top: 1.9em;
}
.pc-item + .pc-item {
background-image: url(../images/squiggle-line.svg);
background-repeat: repeat-x;
background-position: 0 0;
margin-top: 0.7em;
}
.pc-item .inner {
display: flex;
flex-wrap: wrap;
position: relative;
}
.pc-item .inner .remove {
position: absolute;
top: -3px;
right: 13px;
}
.pc-item .inner .remove:hover svg path, .pc-item .inner .remove:focus-visible svg path {
fill: #00FFD4;
}
.pc-item .inner .remove svg {
width: 18px;
}
.pc-item .inner .img-con {
width: 29%;
margin-right: 4%;
}
.pc-item .inner .text-con {
width: 67%;
}
.pc-item select {
font-size: 14px;
width: 69px;
background-color: #FBF8EC;
border: 1px solid #5C3E34;
height: 35.2px;
line-height: 33.2px;
padding-left: 12px;
padding-right: 26px;
background-size: 26px auto;
}
.article-section ul, .article-section li {
list-style-type: disc !important;
list-style-position: inside !important;
margin-bottom: 5px;
display: block;
}
.article-section b {
font-weight: bold !important;
}
.article-section h2 {
font-size: 31px;
font-weight: bold;
margin-bottom: 14px;
}
.article-section h3 {
font-size: 31px;
font-weight: bold !important;
margin-bottom: 14px;
}
.option-selector-mobile {
position: relative;
z-index: 9;
}
.switch-pop .pop {
max-width: 580px !important;
border-radius: 23px;
padding-top: 20px;
padding-bottom: 20px;
top: 150px;
}
@media (max-width: 768px) {
.switch-pop .pop {
margin-left: 10px;
margin-right: 10px;
}
}
.location-pop .pop, .pickup-pop .pop {
max-width: 546px !important;
border-radius: 23px;
padding-top: 20px;
padding-bottom: 20px;
top: 50px;
}
@media (max-width: 768px) {
.location-pop .pop, .pickup-pop .pop {
margin-left: 10px;
margin-right: 10px;
}
}
@media (max-width: 1448px) and (min-width: 769px) {
.container {
max-width: 1448px;
}
}
@media (max-width: 768px) {
.container {
max-width: 1448px;
}
}
@media (min-width: 640px) {
.sm\:w-1\/2 {
width: 50%;
}
}
@media (min-width: 769px) {
.md\:order-1 {
order: 1;
}
.md\:order-2 {
order: 2;
}
.md\:mx-3 {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.md\:mt-1 {
margin-top: 0.25rem;
}
.md\:mt-12 {
margin-top: 3rem;
}
.md\:mt-16 {
margin-top: 4rem;
}
.md\:mr-4 {
margin-right: 1rem;
}
.md\:mb-0 {
margin-bottom: 0px;
}
.md\:mb-5 {
margin-bottom: 1.25rem;
}
.md\:mb-6 {
margin-bottom: 1.5rem;
}
.md\:mb-7 {
margin-bottom: 1.75rem;
}
.md\:mb-8 {
margin-bottom: 2rem;
}
.md\:mb-10 {
margin-bottom: 2.5rem;
}
.md\:mb-12 {
margin-bottom: 3rem;
}
.md\:mb-16 {
margin-bottom: 4rem;
}
.md\:-mb-8 {
margin-bottom: -2rem;
}
.md\:ml-4 {
margin-left: 1rem;
}
.md\:block {
display: block;
}
.md\:flex {
display: flex;
}
.md\:hidden {
display: none;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:w-1\/3 {
width: 33.333333%;
}
.md\:w-1\/4 {
width: 25%;
}
.md\:w-1\/5 {
width: 20%;
}
.md\:w-3\/12 {
width: 25%;
}
.md\:w-5\/12 {
width: 41.666667%;
}
.md\:w-7\/12 {
width: 58.333333%;
}
.md\:w-9\/12 {
width: 75%;
}
.md\:bg-transparent {
background-color: transparent;
}
.md\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.md\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.md\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.md\:px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.md\:px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.md\:py-36 {
padding-top: 9rem;
padding-bottom: 9rem;
}
.md\:py-44 {
padding-top: 11rem;
padding-bottom: 11rem;
}
.md\:pt-0 {
padding-top: 0px;
}
.md\:pt-2 {
padding-top: 0.5rem;
}
.md\:pt-10 {
padding-top: 2.5rem;
}
.md\:pt-12 {
padding-top: 3rem;
}
.md\:pt-14 {
padding-top: 3.5rem;
}
.md\:pt-16 {
padding-top: 4rem;
}
.md\:pt-20 {
padding-top: 5rem;
}
.md\:pt-24 {
padding-top: 6rem;
}
.md\:pt-28 {
padding-top: 7rem;
}
.md\:pt-96 {
padding-top: 24rem;
}
.md\:pr-0 {
padding-right: 0px;
}
.md\:pr-4 {
padding-right: 1rem;
}
.md\:pr-12 {
padding-right: 3rem;
}
.md\:pr-40 {
padding-right: 10rem;
}
.md\:pb-0 {
padding-bottom: 0px;
}
.md\:pb-1 {
padding-bottom: 0.25rem;
}
.md\:pb-6 {
padding-bottom: 1.5rem;
}
.md\:pb-8 {
padding-bottom: 2rem;
}
.md\:pb-10 {
padding-bottom: 2.5rem;
}
.md\:pb-12 {
padding-bottom: 3rem;
}
.md\:pb-14 {
padding-bottom: 3.5rem;
}
.md\:pb-16 {
padding-bottom: 4rem;
}
.md\:pb-20 {
padding-bottom: 5rem;
}
.md\:pb-24 {
padding-bottom: 6rem;
}
.md\:pb-36 {
padding-bottom: 9rem;
}
.md\:pl-0 {
padding-left: 0px;
}
.md\:pl-4 {
padding-left: 1rem;
}
.md\:pl-12 {
padding-left: 3rem;
}
.md\:text-4xl {
font-size: 3.25rem;
line-height: 1.3846;
}
}
@media (min-width: 1134px) {
.lg\:mt-0 {
margin-top: 0px;
}
.lg\:mr-4 {
margin-right: 1rem;
}
.lg\:mr-8 {
margin-right: 2rem;
}
.lg\:mb-2 {
margin-bottom: 0.5rem;
}
.lg\:mb-8 {
margin-bottom: 2rem;
}
.lg\:mb-10 {
margin-bottom: 2.5rem;
}
.lg\:ml-4 {
margin-left: 1rem;
}
.lg\:ml-8 {
margin-left: 2rem;
}
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:hidden {
display: none;
}
.lg\:w-1\/3 {
width: 33.333333%;
}
.lg\:w-2\/12 {
width: 16.666667%;
}
.lg\:w-3\/12 {
width: 25%;
}
.lg\:w-5\/12 {
width: 41.666667%;
}
.lg\:w-9\/12 {
width: 75%;
}
.lg\:p-10 {
padding: 2.5rem;
}
.lg\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.lg\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.lg\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.lg\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.lg\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.lg\:py-7 {
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.lg\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.lg\:pt-0 {
padding-top: 0px;
}
.lg\:pr-8 {
padding-right: 2rem;
}
.lg\:pl-6 {
padding-left: 1.5rem;
}
.lg\:pl-8 {
padding-left: 2rem;
}
.lg\:text-sm {
font-size: .875rem;
line-height: 1.7142;
}
.lg\:text-base {
font-size: 1.125rem;
line-height: 1.2222;
}
.lg\:text-lg {
font-size: 1.3125rem;
line-height: 1.2380;
}
.lg\:text-xl {
font-size: 1.5rem;
line-height: 1.25;
}
.lg\:text-2xl {
font-size: 2rem;
line-height: 1.5;
}
.lg\:text-3xl {
font-size: 2.625rem;
line-height: 1.2380;
}
.lg\:text-4xl {
font-size: 3.25rem;
line-height: 1.3846;
}
.lg\:text-5xl {
font-size: 5rem;
line-height: 1.2375;
}
.lg\:text-6xl {
font-size: 6.25rem;
line-height: 1.24;
}
.lg\:text-9xl {
font-size: 8rem;
line-height: 1;
}
}
@media (min-width: 1448px) {
}
@media (min-width: 1448px) {
}
/*# sourceMappingURL=maps/style.css.map */