body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
font-weight: 900;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Gascogne", "serif";
}
p,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 1em;
}
.text-base,
body p {
margin-bottom: 1em;
}
li {
margin-bottom: 1em;
}
button,
[type=submit],
.btn,
a {
transition: 0.25s;
}
button:before, button:after,
button *,
[type=submit]:before,
[type=submit]:after,
[type=submit] *,
.btn:before,
.btn:after,
.btn *,
a:before,
a:after,
a * {
transition: 0.25s;
}
ol.styled-list li,
ul.styled-list li {
position: relative;
padding-left: 1.5em;
margin-bottom: 0.1em;
}
ul.styled-list li:before {
content: "";
position: absolute;
top: 0.75em;
left: 0.65em;
width: 0.175em;
height: 0.175em;
border-radius: 0.2em;
background-color: #062D41;
}
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 {
color: #1D65F0;
text-decoration: underline;
}
p a:hover, p a:focus-visible,
li a:hover,
li a:focus-visible {
color: #043852;
}
a {
color: #1D65F0;
text-decoration: underline;
}
a:hover, a:focus-visible {
color: #043852;
}
.btn-con .btn {
margin-right: 50px;
}
.btn-con .btn:last-of-type {
margin-right: 0;
}
blockquote {
position: relative;
font-size: 3.3793rem;
line-height: 0.58;
line-height: 1;
font-family: "Gascogne", "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 tr:last-of-type th,
table tr:last-of-type td {
padding: 0 0;
}
table th,
table td {
padding: 0 0 25px;
}
table th {
font-size: 1rem;
line-height: 1.6;
vertical-align: top;
width: 50.5%;
font-weight: 500;
}
@media (max-width: 768px) {
table th {
font-size: 0.875rem;
}
}
table td {
font-size: 1rem;
line-height: 1.6;
vertical-align: top;
}
@media (max-width: 768px) {
table td {
font-size: 0.875rem;
}
}
/*! 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: Good Sans, 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: #697586;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #697586;
}
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(228, 231, 235, var(--tw-border-opacity));
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 28px;
padding-left: 28px;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 769px) {
.container {
max-width: 769px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.inset-0 {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.top-0 {
top: 0px;
}
.top-4 {
top: 1rem;
}
.-top-6 {
top: -1.5rem;
}
.bottom-0 {
bottom: 0px;
}
.bottom-4 {
bottom: 1rem;
}
.left-0 {
left: 0px;
}
.left-4 {
left: 1rem;
}
.left-8 {
left: 2rem;
}
.left-3\/4 {
left: 75%;
}
.z-10 {
z-index: 10;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.col-span-6 {
grid-column: span 6 / span 6;
}
.col-span-12 {
grid-column: span 12 / span 12;
}
.col-span-full {
grid-column: 1 / -1;
}
.float-left {
float: left;
}
.clear-both {
clear: both;
}
.m-0 {
margin: 0px;
}
.mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.mx-5 {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.-my-4 {
margin-top: -1rem;
margin-bottom: -1rem;
}
.mt-0 {
margin-top: 0px;
}
.mt-1 {
margin-top: 0.25rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-7 {
margin-top: 1.75rem;
}
.mt-8 {
margin-top: 2rem;
}
.mt-9 {
margin-top: 2.25rem;
}
.mt-12 {
margin-top: 3rem;
}
.mt-16 {
margin-top: 4rem;
}
.-mt-0 {
margin-top: 0px;
}
.-mt-14 {
margin-top: -3.5rem;
}
.mr-1 {
margin-right: 0.25rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mr-3 {
margin-right: 0.75rem;
}
.mr-4 {
margin-right: 1rem;
}
.mr-5 {
margin-right: 1.25rem;
}
.mr-8 {
margin-right: 2rem;
}
.mr-10 {
margin-right: 2.5rem;
}
.mr-12 {
margin-right: 3rem;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.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-10 {
margin-bottom: 2.5rem;
}
.mb-11 {
margin-bottom: 2.75rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mb-14 {
margin-bottom: 3.5rem;
}
.-mb-4 {
margin-bottom: -1rem;
}
.ml-1 {
margin-left: 0.25rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.ml-4 {
margin-left: 1rem;
}
.ml-6 {
margin-left: 1.5rem;
}
.ml-8 {
margin-left: 2rem;
}
.ml-28 {
margin-left: 7rem;
}
.ml-auto {
margin-left: auto;
}
.-ml-px {
margin-left: -1px;
}
.block {
display: block;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.flow-root {
display: flow-root;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.h-1 {
height: 0.25rem;
}
.h-3 {
height: 0.75rem;
}
.h-4 {
height: 1rem;
}
.h-5 {
height: 1.25rem;
}
.h-6 {
height: 1.5rem;
}
.h-8 {
height: 2rem;
}
.h-9 {
height: 2.25rem;
}
.h-10 {
height: 2.5rem;
}
.h-12 {
height: 3rem;
}
.h-20 {
height: 5rem;
}
.h-96 {
height: 24rem;
}
.h-px {
height: 1px;
}
.h-1\/3 {
height: 33.333333%;
}
.h-full {
height: 100%;
}
.w-0 {
width: 0px;
}
.w-2 {
width: 0.5rem;
}
.w-3 {
width: 0.75rem;
}
.w-4 {
width: 1rem;
}
.w-5 {
width: 1.25rem;
}
.w-6 {
width: 1.5rem;
}
.w-8 {
width: 2rem;
}
.w-10 {
width: 2.5rem;
}
.w-12 {
width: 3rem;
}
.w-20 {
width: 5rem;
}
.w-28 {
width: 7rem;
}
.w-auto {
width: auto;
}
.w-0\.5 {
width: 0.125rem;
}
.w-1\/2 {
width: 50%;
}
.w-2\/3 {
width: 66.666667%;
}
.w-1\/4 {
width: 25%;
}
.w-3\/4 {
width: 75%;
}
.w-2\/12 {
width: 16.666667%;
}
.w-3\/12 {
width: 25%;
}
.w-4\/12 {
width: 33.333333%;
}
.w-7\/12 {
width: 58.333333%;
}
.w-8\/12 {
width: 66.666667%;
}
.w-9\/12 {
width: 75%;
}
.w-full {
width: 100%;
}
.w-screen {
width: 100vw;
}
.min-w-0 {
min-width: 0px;
}
.max-w-lg {
max-width: 32rem;
}
.max-w-2xl {
max-width: 42rem;
}
.max-w-3xl {
max-width: 48rem;
}
.max-w-7xl {
max-width: 80rem;
}
.max-w-full {
max-width: 100%;
}
.max-w-prose {
max-width: 65ch;
}
.max-w-screen-xl {
max-width: 1536px;
}
.max-w-screen-2xl {
max-width: 1536px;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-none {
flex: none;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.flex-grow {
flex-grow: 1;
}
.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;
}
.list-disc {
list-style-type: disc;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.flex-row {
flex-direction: row;
}
.flex-col {
flex-direction: column;
}
.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;
}
.justify-around {
justify-content: space-around;
}
.justify-evenly {
justify-content: space-evenly;
}
.gap-1 {
gap: 0.25rem;
}
.gap-4 {
gap: 1rem;
}
.gap-5 {
gap: 1.25rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-x-1 {
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.gap-x-2 {
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.gap-x-6 {
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.gap-x-1\.5 {
-moz-column-gap: 0.375rem;
column-gap: 0.375rem;
}
.gap-y-2 {
row-gap: 0.5rem;
}
.gap-y-6 {
row-gap: 1.5rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.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-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-12 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(3rem * var(--tw-space-x-reverse));
margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.625rem * var(--tw-space-x-reverse));
margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgba(228, 231, 235, var(--tw-divide-opacity));
}
.self-start {
align-self: flex-start;
}
.self-center {
align-self: center;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.whitespace-nowrap {
white-space: nowrap;
}
.break-words {
overflow-wrap: break-word;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-2xl {
border-radius: 1rem;
}
.rounded-full {
border-radius: 9999px;
}
.border-0 {
border-width: 0px;
}
.border-2 {
border-width: 2px;
}
.border {
border-width: 1px;
}
.border-t {
border-top-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-solid {
border-style: solid;
}
.border-transparent {
border-color: transparent;
}
.border-black {
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}
.border-gray-90 {
--tw-border-opacity: 1;
border-color: rgba(154, 163, 178, var(--tw-border-opacity));
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgba(228, 231, 235, var(--tw-border-opacity));
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgba(208, 214, 221, var(--tw-border-opacity));
}
.border-green-100 {
--tw-border-opacity: 1;
border-color: rgba(209, 250, 229, var(--tw-border-opacity));
}
.border-grey-300 {
--tw-border-opacity: 1;
border-color: rgba(238, 242, 246, var(--tw-border-opacity));
}
.border-orange-850 {
--tw-border-opacity: 1;
border-color: rgba(244, 146, 72, var(--tw-border-opacity));
}
.hover\:border-gray-900:hover {
--tw-border-opacity: 1;
border-color: rgba(21, 28, 35, var(--tw-border-opacity));
}
.focus\:border-indigo-500:focus {
--tw-border-opacity: 1;
border-color: rgba(99, 102, 241, var(--tw-border-opacity));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
}
.bg-gray-150 {
--tw-bg-opacity: 1;
background-color: rgba(238, 242, 246, var(--tw-bg-opacity));
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgba(228, 231, 235, var(--tw-bg-opacity));
}
.bg-gray-300 {
--tw-bg-opacity: 1;
background-color: rgba(208, 214, 221, var(--tw-bg-opacity));
}
.bg-gray-350 {
--tw-bg-opacity: 1;
background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
}
.bg-red-50 {
--tw-bg-opacity: 1;
background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
}
.bg-red-300 {
--tw-bg-opacity: 1;
background-color: rgba(250, 99, 99, var(--tw-bg-opacity));
}
.bg-red-400 {
--tw-bg-opacity: 1;
background-color: rgba(225, 53, 53, var(--tw-bg-opacity));
}
.bg-yellow {
--tw-bg-opacity: 1;
background-color: rgba(248, 190, 52, var(--tw-bg-opacity));
}
.bg-green-100 {
--tw-bg-opacity: 1;
background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
}
.bg-blue-50 {
--tw-bg-opacity: 1;
background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
}
.bg-blue-400 {
--tw-bg-opacity: 1;
background-color: rgba(29, 101, 240, var(--tw-bg-opacity));
}
.bg-blue-700 {
--tw-bg-opacity: 1;
background-color: rgba(4, 56, 82, var(--tw-bg-opacity));
}
.bg-indigo-600 {
--tw-bg-opacity: 1;
background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
}
.bg-purple {
--tw-bg-opacity: 1;
background-color: rgba(142, 5, 250, var(--tw-bg-opacity));
}
.bg-navy-500 {
--tw-bg-opacity: 1;
background-color: rgba(4, 56, 82, var(--tw-bg-opacity));
}
.bg-grey-300 {
--tw-bg-opacity: 1;
background-color: rgba(238, 242, 246, var(--tw-bg-opacity));
}
.bg-neutral-100 {
--tw-bg-opacity: 1;
background-color: rgba(246, 246, 248, var(--tw-bg-opacity));
}
.bg-orange2-850 {
--tw-bg-opacity: 1;
background-color: rgba(244, 146, 72, var(--tw-bg-opacity));
}
.bg-orange-50 {
--tw-bg-opacity: 1;
background-color: rgba(255, 247, 237, var(--tw-bg-opacity));
}
.bg-orange-500 {
--tw-bg-opacity: 1;
background-color: rgba(249, 115, 22, var(--tw-bg-opacity));
}
.bg-orange-850 {
--tw-bg-opacity: 1;
background-color: rgba(244, 146, 72, var(--tw-bg-opacity));
}
.bg-cream {
--tw-bg-opacity: 1;
background-color: rgba(252, 245, 238, var(--tw-bg-opacity));
}
.hover\:bg-black:hover {
--tw-bg-opacity: 1;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.hover\:bg-gray-50:hover {
--tw-bg-opacity: 1;
background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover {
--tw-bg-opacity: 1;
background-color: rgba(228, 231, 235, var(--tw-bg-opacity));
}
.hover\:bg-indigo-700:hover {
--tw-bg-opacity: 1;
background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
}
.hover\:bg-navy-600:hover {
--tw-bg-opacity: 1;
background-color: rgba(8, 56, 81, var(--tw-bg-opacity));
}
.hover\:bg-orange2-900:hover {
--tw-bg-opacity: 1;
background-color: rgba(239, 104, 49, var(--tw-bg-opacity));
}
.hover\:bg-orange-900:hover {
--tw-bg-opacity: 1;
background-color: rgba(239, 104, 49, var(--tw-bg-opacity));
}
.bg-right-bottom {
background-position: right bottom;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.object-center {
-o-object-position: center;
object-position: center;
}
.p-0 {
padding: 0px;
}
.p-2 {
padding: 0.5rem;
}
.p-3 {
padding: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.p-8 {
padding: 2rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.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-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-14 {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.px-2\.5 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.px-3\.5 {
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.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-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.py-2\.5 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.pt-1 {
padding-top: 0.25rem;
}
.pt-2 {
padding-top: 0.5rem;
}
.pt-3 {
padding-top: 0.75rem;
}
.pt-4 {
padding-top: 1rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-8 {
padding-top: 2rem;
}
.pt-10 {
padding-top: 2.5rem;
}
.pt-12 {
padding-top: 3rem;
}
.pt-1\.5 {
padding-top: 0.375rem;
}
.pt-3\.5 {
padding-top: 0.875rem;
}
.pr-3 {
padding-right: 0.75rem;
}
.pr-4 {
padding-right: 1rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pb-7 {
padding-bottom: 1.75rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pb-10 {
padding-bottom: 2.5rem;
}
.pb-12 {
padding-bottom: 3rem;
}
.pb-16 {
padding-bottom: 4rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.pb-24 {
padding-bottom: 6rem;
}
.pl-5 {
padding-left: 1.25rem;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.align-middle {
vertical-align: middle;
}
.font-sans {
font-family: Good Sans, sans-serif;
}
.font-title {
font-family: Gascogne, serif;
}
.font-gas {
font-family: GascogneTS-Bold, sans-serif;
}
.font-meek {
font-family: meekdisplay, sans-serif;
}
.font-good {
font-family: Good Sans, sans-serif;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.text-sm {
font-size: .75rem;
line-height: 1.4;
}
.text-base {
font-size: 1rem;
line-height: 1.2;
}
.text-lg {
font-size: 1.25rem;
line-height: 1.2;
}
.text-xl {
font-size: 1.375rem;
line-height: 1.3;
}
.text-2xl {
font-size: 1.5rem;
line-height: 1.2;
}
.text-3xl {
font-size: 1.75rem;
line-height: 1.2;
}
.text-4xl {
font-size: 2.5rem;
line-height: 1.275;
}
.text-8xl {
font-size: 6rem;
line-height: 1;
}
.text-2sm {
font-size: .625rem;
line-height: 1.2;
}
.text-mobile {
font-size: .875rem;
line-height: 1.4;
}
.font-light {
font-weight: 300;
}
.font-normal {
font-weight: 400;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
.capitalize {
text-transform: capitalize;
}
.leading-4 {
line-height: 1rem;
}
.leading-5 {
line-height: 1.25rem;
}
.leading-6 {
line-height: 1.5rem;
}
.leading-none {
line-height: 1;
}
.tracking-tighter {
letter-spacing: -0.05em;
}
.tracking-tight {
letter-spacing: -0.025em;
}
.tracking-normal {
letter-spacing: 0em;
}
.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-90 {
--tw-text-opacity: 1;
color: rgba(154, 163, 178, var(--tw-text-opacity));
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgba(228, 231, 235, var(--tw-text-opacity));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgba(107, 119, 132, var(--tw-text-opacity));
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgba(78, 89, 100, var(--tw-text-opacity));
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgba(58, 69, 79, var(--tw-text-opacity));
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgba(37, 46, 54, var(--tw-text-opacity));
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgba(21, 28, 35, var(--tw-text-opacity));
}
.text-red-400 {
--tw-text-opacity: 1;
color: rgba(225, 53, 53, var(--tw-text-opacity));
}
.text-red-700 {
--tw-text-opacity: 1;
color: rgba(185, 28, 28, var(--tw-text-opacity));
}
.text-red-800 {
--tw-text-opacity: 1;
color: rgba(153, 27, 27, var(--tw-text-opacity));
}
.text-yellow {
--tw-text-opacity: 1;
color: rgba(248, 190, 52, var(--tw-text-opacity));
}
.text-blue-300 {
--tw-text-opacity: 1;
color: rgba(29, 155, 240, var(--tw-text-opacity));
}
.text-blue-400 {
--tw-text-opacity: 1;
color: rgba(29, 101, 240, var(--tw-text-opacity));
}
.text-blue-500 {
--tw-text-opacity: 1;
color: rgba(59, 130, 246, var(--tw-text-opacity));
}
.text-blue-700 {
--tw-text-opacity: 1;
color: rgba(4, 56, 82, var(--tw-text-opacity));
}
.text-blue-900 {
--tw-text-opacity: 1;
color: rgba(6, 45, 65, var(--tw-text-opacity));
}
.text-indigo-50 {
--tw-text-opacity: 1;
color: rgba(238, 242, 255, var(--tw-text-opacity));
}
.text-indigo-200 {
--tw-text-opacity: 1;
color: rgba(199, 210, 254, var(--tw-text-opacity));
}
.text-indigo-600 {
--tw-text-opacity: 1;
color: rgba(79, 70, 229, var(--tw-text-opacity));
}
.text-navy-500 {
--tw-text-opacity: 1;
color: rgba(4, 56, 82, var(--tw-text-opacity));
}
.text-navy-800 {
--tw-text-opacity: 1;
color: rgba(3, 40, 58, var(--tw-text-opacity));
}
.text-grey-500 {
--tw-text-opacity: 1;
color: rgba(105, 117, 134, var(--tw-text-opacity));
}
.text-orange-500 {
--tw-text-opacity: 1;
color: rgba(249, 115, 22, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-gray-900 {
--tw-text-opacity: 1;
color: rgba(21, 28, 35, var(--tw-text-opacity));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.hover\:text-yellow:hover {
--tw-text-opacity: 1;
color: rgba(248, 190, 52, var(--tw-text-opacity));
}
.hover\:text-blue-600:hover {
--tw-text-opacity: 1;
color: rgba(37, 99, 235, var(--tw-text-opacity));
}
.hover\:text-indigo-100:hover {
--tw-text-opacity: 1;
color: rgba(224, 231, 255, var(--tw-text-opacity));
}
.hover\:text-grey-500:hover {
--tw-text-opacity: 1;
color: rgba(105, 117, 134, var(--tw-text-opacity));
}
.underline {
text-decoration: underline;
}
.line-through {
text-decoration: line-through;
}
.no-underline {
text-decoration: none;
}
.opacity-75 {
opacity: 0.75;
}
*, ::before, ::after {
--tw-shadow: 0 0 #0000;
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 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);
}
.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);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
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;
}
.ring-1 {
--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(1px + 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);
}
.ring-8 {
--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(8px + 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);
}
.focus\:ring-2: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(2px + 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);
}
.ring-inset {
--tw-ring-inset: inset;
}
.focus\:ring-inset:focus {
--tw-ring-inset: inset;
}
.ring-white {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
}
.ring-gray-300 {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(208, 214, 221, var(--tw-ring-opacity));
}
.focus\:ring-indigo-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
}
.focus\:ring-indigo-600:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
}
.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px;
}
.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);
}
@font-face {
font-family: "meekdisplay";
src: url("/wp-content/themes/doobie2024/public/fonts/Meek_Display_v0.2-Super.woff2") format("woff2"), url("/wp-content/themes/doobie2024/public/fonts/Meek_Display_v0.2-Super.woff") format("woff");
}
.filter-open body {
overflow: hidden;
}
.pac-container {
z-index: 88888888888888;
}
.strongholdtip {
margin-top: 25px;
}
.cart-open {
overflow: hidden;
}
#banners img {
border-radius: 1rem;
}
.text-sm.font-medium.brand {
text-transform: uppercase;
color: #376075;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 20px;
overflow: hidden;
}
.variantitem {
margin-right: 8px;
}
span.strain {
font-size: 10px;
padding: 5px;
margin-bottom: 10px;
color: #fff;
}
.ur_lost_reset_password input.user-registration-Button.button {
width: 100% !important;
}
span.strain.sativa {
background: #E13535;
}
span.strain.sativa_hybrid {
background: #E13535;
}
span.strain.hybrid {
background: #8E05FA;
color: #fff;
}
span.strain.indica_hybrid {
background: #3265F0;
}
span.strain.indica {
background: #3265F0;
}
@media only screen and (min-width: 768px) {
.timeselector {
height: auto !important;
}
}
.swiper-wrapper2 {
width: 1450px;
padding-bottom: 25px;
}
@media only screen and (max-width: 600px) {
.swiper-wrapper2 {
width: 873px;
}
}
.swiper3 {
overflow-y: hidden;
overflow-x: auto;
}
div#vc-message-box {
display: none;
}
#age-verification {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(4, 56, 82, 0);
transition: 500ms;
z-index: 90000001;
display: none;
}
#age-verification {
background: url(https://trydoobie.com/wp-content/uploads/2021/12/age-bg.png) center no-repeat;
background-size: cover;
}
#age-verification {
position: fixed;
top: 30% !important;
left: 0;
right: 0;
bottom: auto !important;
background-color: #043852;
transition: 500ms;
display: none;
width: 650px;
margin: auto;
border-radius: 15px;
z-index: 1;
}
p.user-registration-register.register {
display: none;
}
.age-verification-main {
border: none;
box-shadow: none !important;
}
.age-title, .age-main-text {
display: block;
margin-bottom: 1em;
}
.age-button {
font-family: "Source Sans Pro", sans-serif;
background-color: white;
border: none;
font-size: 16pt;
color: rgba(66, 107, 10, 0);
display: inline-block;
width: 150px;
padding: 10px;
margin: 5px 10px;
}
#fullwrap.blurred {
filter: blur(4px);
filter: url("/wp-content/themes/doobie/resources/images/blur.svg#gaussian_blur");
-webkit-filter: blur(4px);
}
.age-yes {
background: #043852 !important;
color: #fff !important;
font-size: 15px !important;
padding: 15px 0px !important;
border-radius: 11px;
display: block !important;
width: 100% !important;
font-family: "Good Sans", sans-serif;
max-width: 293px !important;
margin: auto auto 0px !important;
}
button.age-button.age-no {
background: none !important;
box-shadow: none !important;
color: #043852;
text-decoration: underline;
font-size: 15px !important;
}
span.age-main-text {
font-size: 37pt !important;
margin-bottom: 0.5em;
font-family: "GascogneTS-Bold";
color: #043852 !important;
text-shadow: none;
line-height: 41pt !important;
}
.age-title {
color: #043852 !important;
font-size: 37pt !important;
margin-bottom: 0.5em;
font-family: "meekdisplay";
text-shadow: none !important;
}
.age-title {
font-size: 24pt;
margin-bottom: 0.5em;
}
.age-verification-main {
background-color: rgba(66, 107, 10, 0);
font-family: "Source Sans Pro", sans-serif;
color: white;
font-size: 14pt;
text-align: center;
padding: 25px;
position: relative;
top: 10px;
width: 500px;
max-width: 80%;
margin: 0 auto;
box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.3);
text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.modalopen {
overflow: hidden;
}
.idscanner, .addressentry, .scheduleform, .cardentry {
z-index: 9999999999;
height: 98%;
position: absolute;
top: -25px;
padding-bottom: 0px;
}
@media only screen and (max-width: 800px) {
#age-verification {
top: 15% !important;
width: 80% !important;
}
span.age-main-text {
font-size: 23pt !important;
margin-bottom: 0.5em;
font-family: "GascogneTS-Bold";
color: #043852 !important;
text-shadow: none;
line-height: 23pt !important;
}
}
#age-verification {
background: url(https://trydoobie.com/wp-content/uploads/2021/12/age-bg.png) center no-repeat;
background-size: cover;
}
@font-face {
font-family: "GascogneTS-Bold";
src: url("/wp-content/themes/doobie2024/public/fonts/GascogneTSBold/gascogne-serial-bold-webfont.woff2") format("woff2"), url("/wp-content/themes/doobie2024/public/fonts/GascogneTSBold/gascogne-serial-bold-webfont.woff") format("woff");
}
@font-face {
font-family: "Good Sans Extra";
src: url("/wp-content/themes/doobie2024/public/fonts/goodsans/GoodSans-ExtraLight.woff2") format("woff2"), url("/wp-content/themes/doobie2024/public/fonts/goodsans/GoodSans-ExtraLight.woff") format("woff");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Good Sans";
src: url("/wp-content/themes/doobie2024/public/fonts/goodsans/GoodSans-HeavyItalic.woff2") format("woff2"), url("/wp-content/themes/doobie2024/public/fonts/goodsans/GoodSans-HeavyItalic.woff") format("woff");
font-weight: 900;
font-style: italic;
font-display: swap;
}
.btn.disabled {
background: #666;
border: #666;
opacity: 0.8;
}
.btn.disabled:hover {
background: #666;
border: #666;
opacity: 0.8;
cursor: not-allowed;
}
.flatpickr-current-month .numInputWrapper {
top: 5px;
position: absolute;
right: 0px;
}
.p-item .inner {
background: white;
border-radius: 16px;
}
.pac-container.pac-logo.hdpi {
z-index: 999999999999 !important;
}
.flatpickr-calendar.open {
z-index: 10000000000000000 !important;
}
@media only screen and (min-width: 1024px) {
.modal.instructionsmodal, .modal.promomodal {
max-width: 600px !important;
vertical-align: top;
margin-top: 80px;
}
.idscaninner {
background: white;
width: 600px;
margin: auto;
padding: 30px;
border-radius: 13px;
filter: drop-shadow(1px 1px 2px #000);
margin-top: 69px;
}
}
.noaddressset {
display: none !important;
}
a.remove.removefromcart {
position: absolute;
left: 5px;
top: 15px;
}
.match {
margin-bottom: 8px;
}
a.remove.removefromcart svg {
width: 12px;
height: 12px;
}
@font-face {
font-family: "Gascogne";
src: url("../fonts/Gascogne-Bold.woff2") format("woff2"), url("../fonts/Gascogne-Bold.woff") format("woff"), url("../fonts/Gascogne-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Good Sans";
src: url("../fonts/GoodSans-Light.woff2") format("woff2"), url("../fonts/GoodSans-Light.woff") format("woff"), url("../fonts/GoodSans-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Good Sans";
src: url("../fonts/GoodSans-Regular.woff2") format("woff2"), url("../fonts/GoodSans-Regular.woff") format("woff"), url("../fonts/GoodSans-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Good Sans";
src: url("../fonts/GoodSans-Medium.woff2") format("woff2"), url("../fonts/GoodSans-Medium.woff") format("woff"), url("../fonts/GoodSans-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Good Sans";
src: url("../fonts/GoodSans-Bold.woff2") format("woff2"), url("../fonts/GoodSans-Bold.woff") format("woff"), url("../fonts/GoodSans-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
header .site-logo img {
display: block;
width: 100%;
}
.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;
}
strong {
font-weight: 500;
}
header {
position: relative;
z-index: 99;
}
header .bg-yellow .middle-con {
opacity: 1;
visibility: hidden;
pointer-events: none;
}
@media (max-width: 1023px) {
header .bg-white .container {
border-bottom: 1px solid #EEF2F6;
}
}
header .bg-white input {
background-color: #EEF2F6;
border-color: #EEF2F6;
}
header .bg-white .btn.white {
background-color: #EEF2F6;
border-color: #EEF2F6;
}
header .bg-white .btn.white:hover, header .bg-white .btn.white:focus-visible {
background-color: #E6EAEC;
border-color: #E6EAEC;
color: #062D41;
}
header .bg-white .btn.white:hover svg *, header .bg-white .btn.white:focus-visible svg * {
fill: #062D41;
}
header .site-logo {
width: 110.28px;
}
@media (max-width: 1023px) {
header .site-logo {
width: 91.9px;
}
}
header i {
margin-bottom: 0;
}
header .left-con + .right-con {
margin-left: auto;
}
@media (max-width: 1023px) {
header .left-con {
order: 1;
margin-right: 5px;
}
}
header .right-con {
min-width: 400px;
justify-content: flex-end;
}
@media (max-width: 1023px) {
header .right-con {
order: 2;
min-width: 0;
margin-left: auto;
padding-right: 0;
}
header .right-con .btn {
margin-left: 8px;
padding: 7px 10px;
}
header .right-con .btn.white svg {
max-height: 16px;
width: auto;
}
header .right-con .btn.white:not(:has(~ .btn.blue)):nth-last-of-type(2) {
position: absolute;
top: 121px;
left: 50%;
transform: translateX(-50%);
background-color: transparent;
border-color: transparent;
background-image: url(../images/arrow-down.svg);
background-repeat: no-repeat;
background-position: right 8px top 50%;
padding-right: 28px;
padding-left: 28px;
min-width: 200px;
margin-left: 0;
}
header .right-con .btn.white:not(:has(~ .btn.blue)):nth-last-of-type(2):hover, header .right-con .btn.white:not(:has(~ .btn.blue)):nth-last-of-type(2):focus-visible {
background-color: #EF6831;
border-color: #EF6831;
}
header .right-con .btn.white:nth-last-of-type(3) {
position: absolute;
top: 121px;
left: 50%;
transform: translateX(-50%);
background-color: transparent;
border-color: transparent;
background-image: url(../images/arrow-down.svg);
background-repeat: no-repeat;
background-position: right 8px top 50%;
padding-right: 28px;
padding-left: 28px;
min-width: 200px;
margin-left: 0;
}
header .right-con .btn.white:nth-last-of-type(3):hover, header .right-con .btn.white:nth-last-of-type(3):focus-visible {
background-color: #EF6831;
border-color: #EF6831;
}
header .right-con .btn.blue {
font-size: 0;
min-height: 35.2px;
}
header .right-con .btn.blue svg {
margin-right: 0;
}
}
header a.search {
width: 30.75px;
height: 30.11px;
display: inline-block;
}
@media (min-width: 1024px) {
header a.search {
display: none;
}
}
@media (max-width: 1023px) {
.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: #E13535;
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 .middle-con {
width: 700px;
max-width: calc(100% - 162.273px - 48px - 400px - 16px);
margin-right: auto;
}
@media (max-width: 1023px) {
header .middle-con {
order: 3;
width: 100%;
max-width: 100%;
}
}
.bg-yellow header .middle-con {
opacity: 1;
visibility: hidden;
pointer-events: none;
}
header form {
margin: 0;
position: relative;
width: 100%;
}
@media (max-width: 1023px) {
header form {
margin-top: 17px;
margin-bottom: 34px;
}
.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: 17px 17px 17px 55px;
border-radius: 5rem;
}
@media (max-width: 1023px) {
header form input {
padding: 9.5px 9.5px 9.5px 55px;
}
}
header form input:focus {
border-color: #062D41 !important;
}
header form [type=submit] {
position: absolute;
left: 19px;
top: 50%;
transform: translateY(-50%);
}
header form [type=submit]:hover svg path, header form [type=submit]:focus-visible svg path {
fill: #1D65F0;
}
header form [type=submit] svg path {
fill: #062D41;
transition: 0.25s;
}
header form .search-drop {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: white;
border-radius: 0 0 5px 5px;
opacity: 0;
visibility: hidden;
pointer-events: none;
box-shadow: 0 20px 10px rgba(0, 0, 0, 0.1);
z-index: 2;
}
header form .search-drop.open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
header form .search-drop .inner-inner {
display: flex;
align-items: center;
}
header form .search-drop .img-side {
border-radius: 5px;
margin-right: 13px;
}
header form .search-drop .img-side img {
border-radius: 5px;
}
@media (max-width: 1023px) {
html.menu-open {
overflow: hidden;
}
}
@media (max-width: 768px) {
html:has(.fixed-shop) footer {
padding-bottom: 52px;
}
}
.main-menu-con {
position: fixed;
top: 0;
left: 0;
width: 300px;
background-color: #ffffff;
z-index: 115;
height: 100vh;
padding: 95.2px 24px 95.2px;
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 .inner {
max-height: calc(100vh - 95.2px - 95.2px);
overflow: auto;
}
.main-menu-con .accessibility {
width: 40px;
height: 40px;
border-radius: 40px;
background-color: #1D9BF0;
padding: 2px;
position: absolute;
right: 24px;
bottom: 24px;
}
.main-menu-con .accessibility:hover, .main-menu-con .accessibility:focus-visible {
background-color: #1D65F0;
}
.main-menu-con .accessibility svg {
width: 100%;
}
.main-menu-con .underline-link {
color: #697586;
text-decoration: underline;
}
.main-menu-con .underline-link:hover, .main-menu-con .underline-link:focus-visible {
color: #EF6831;
}
.main-menu-con hr + ul.main-menu {
padding: 23px 0 0;
}
.main-menu-con .close {
width: 20px;
height: 20px;
top: 38px;
left: 24px;
display: block;
position: absolute;
}
@media (max-width: 1023px) {
.main-menu-con .close {
top: 28px;
}
}
.main-menu-con .close::before, .main-menu-con .close:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 4px;
border-radius: 2px;
background-color: #062D41;
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);
}
.main-menu-con .btn {
width: 100%;
}
.burger {
height: 20px;
width: 20px;
border-radius: 0;
line-height: 20px;
padding: 0;
perspective: 900000px;
z-index: 1;
position: relative;
transition: 0.25s;
font-weight: 400;
border-radius: 0;
}
@media (max-width: 1023px) {
.burger {
height: 20px;
width: 20px;
line-height: 20px;
z-index: 3;
display: block;
margin-right: 20px;
}
}
.burger:hover {
cursor: pointer;
}
.burger .line1 {
width: 20px;
max-width: 100%;
height: 4px;
background-color: #062D41;
position: absolute;
top: 8px;
left: 50%;
border-radius: 2px;
transform: translateX(-50%);
}
@media (max-width: 1023px) {
.burger .line1 {
width: 20px;
height: 4px;
top: 8px;
}
}
.burger .line1:before, .burger .line1:after {
width: 20px;
max-width: 20px;
height: 4px;
position: absolute;
content: "";
left: 0px;
border-radius: 2px;
transform-origin: center center;
background-position: center center;
transition: 0.25s;
}
@media (max-width: 1023px) {
.burger .line1:before, .burger .line1:after {
width: 20px;
height: 4px;
border-radius: 2px;
}
}
.burger .line1:before {
transform: translateY(-8px);
background-color: #062D41;
}
@media (max-width: 1023px) {
.burger .line1:before {
transform: translateY(-8px);
}
}
.burger .line1:after {
transform: translateY(8px);
background-color: #062D41;
}
@media (max-width: 1023px) {
.burger .line1:after {
transform: translateY(8px);
}
}
.burger.close:before {
transition: color 0.1s 0.25s;
}
.burger.close .line1 {
background-color: #062D41;
transition: visibility 0.1s 0.2s, background-color 0.1s 0.2s, background-size 0.1s 0.2s;
background-size: 100% 100%;
}
.burger.close .line1:before {
transform: translateY(-8px);
background-color: #062D41;
visibility: visible;
animation: before 0.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: 1023px) {
.burger.close .line1:before {
transform: translateY(-8px);
animation: beforeM 0.5s linear;
}
}
.burger.close .line1:after {
transform: translateY(8px);
background-color: #062D41;
visibility: visible;
animation: after 0.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: 1023px) {
.burger.close .line1:after {
transform: translateY(8px);
animation: afterM 0.5s linear;
}
}
@keyframes before {
0% {
transform: rotate(-45deg) translateY(0);
}
33% {
transform: rotate(0deg) translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: translateY(-8px);
}
}
@keyframes after {
0% {
transform: rotate(45deg) translateY(0);
}
33% {
transform: rotate(0deg) translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: translateY(8px);
}
}
@keyframes beforeM {
0% {
transform: rotate(-45deg) translateY(0);
}
33% {
transform: rotate(0deg) translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: translateY(-8px);
}
}
@keyframes afterM {
0% {
transform: rotate(45deg) translateY(0);
}
33% {
transform: rotate(0deg) translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: translateY(8px);
}
}
.burger.open {
z-index: 112;
background-color: transparent;
}
.burger.open .line1 {
transform-origin: 50% 50%;
transition: visibility 0.1s 0.25s, background-color 0.1s 0.25s, background-size 0.1s 0.25s;
background-color: transparent;
background-size: 100% 0;
}
.burger.open .line1:before {
transform: rotate(45deg) translateY(0);
background-color: #062D41;
visibility: visible;
animation: before-open 0.5s linear;
transition: visibility 0.1s 0.25s, background-color 0.1s 0.25s, background-image 0.1s 0.25s;
}
@media (max-width: 1023px) {
.burger.open .line1:before {
animation: before-openM 0.5s linear;
}
}
.burger.open .line1:after {
transform: rotate(-45deg) translateY(0);
background-color: #062D41;
visibility: visible;
animation: after-open 0.5s linear;
transition: visibility 0.1s 0.25s, background-color 0.1s 0.25s, background-image 0.1s 0.25s;
}
@media (max-width: 1023px) {
.burger.open .line1:after {
animation: after-openM 0.5s linear;
}
}
@keyframes before-open {
0% {
transform: translateY(-8px);
}
33% {
transform: translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: rotate(45deg) translateY(0);
}
}
@keyframes after-open {
0% {
transform: translateY(8px);
}
33% {
transform: translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: rotate(-45deg) translateY(0);
}
}
@keyframes before-openM {
0% {
transform: translateY(-8px);
}
33% {
transform: translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: rotate(45deg) translateY(0);
}
}
@keyframes after-openM {
0% {
transform: translateY(8px);
}
33% {
transform: translateY(0);
}
66% {
transform: translateY(0);
}
100% {
transform: rotate(-45deg) translateY(0);
}
}
ul.main-menu {
margin: 0;
padding: 32px 0 0;
font-size: 0;
}
ul.main-menu li {
font-size: 1rem;
line-height: 1.2;
text-align: left;
margin: 0 0;
}
@media (max-width: 1360px) and (min-width: 1024px) {
ul.main-menu li {
margin: 0 4px;
}
}
@media (max-width: 1023px) {
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: 1024px) {
ul.main-menu li.has-children:hover > ul, ul.main-menu li.has-children:focus-visible > ul {
display: block;
}
}
@media (max-width: 1023px) {
ul.main-menu li.has-children.open ul {
transform: translate(0%);
}
}
ul.main-menu li.has-children > a {
padding-right: 18px;
}
@media (max-width: 1023px) {
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: 1023px) {
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: #062D41;
position: absolute;
top: calc(100% - 6px);
left: 0;
width: 192px;
max-width: 192px;
z-index: 2;
display: none;
}
@media (max-width: 1023px) {
ul.main-menu li > ul {
background-color: #FCF5EE;
position: fixed;
width: 300px;
max-width: 300px;
display: block;
top: 0;
left: 0;
height: 100vh;
z-index: 10;
padding: 102px 32px 32px;
transform: translate(-100%);
transition: 0.25s;
}
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: 1023px) {
ul.main-menu li > ul li {
margin: 0;
}
}
ul.main-menu li > ul li:first-of-type {
margin: 16px 34px 6px;
}
@media (max-width: 1023px) {
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: 1023px) {
ul.main-menu li > ul li:last-of-type {
margin: 0 0 32px;
}
}
ul.main-menu li > ul li > a {
color: #FCF5EE;
display: block;
}
@media (max-width: 1023px) {
ul.main-menu li > ul li > a {
color: #062D41;
}
}
ul.main-menu li > a {
font-size: 1rem;
width: auto;
color: #062D41;
line-height: 1.2em;
text-decoration: none;
font-weight: 500;
position: relative;
display: inline-block;
position: relative;
padding: 11.5px 0;
z-index: 2;
transition: all 0.25s 0s, z-index 0s 0s;
}
ul.main-menu li > a:hover {
color: #EF6831;
}
ul.main-menu li > a.active {
color: #EF6831;
}
footer {
background-color: #062D41;
}
/* start of new css */
.new-btn {
width: fit-content;
padding: 7.9px 15.4px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 1rem;
position: relative;
font-family: "Good Sans", "sans-serif";
background-color: transparent;
transition: 0.25s;
color: #ffffff;
z-index: 1;
border: 1px solid #0B3852;
background-color: #0B3852;
cursor: pointer;
line-height: 1.2;
text-align: center;
}
#footer-new p[data-options] {
cursor: pointer;
padding:2%;
width: 8.2rem;
display: flex;
justify-content: center
}
#footer-new p[data-options]:hover {
color: grey;
}
.option-container.active p[data-options] {
margin-bottom: 0;
color: grey;
padding:2%;
width: 8.2rem;
/* padding-top: 2%;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 5%; */
display: inline-block;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-color: #043852;
}
.option-container {
position: relative; /* Add this line to make the ul position relative to the container */
}
.option-container ul {
margin-top:-10%;
display: none;
position: absolute; /* Add this line */
z-index: 10; /* Ensure it is above other content */
}
.option-container.active ul {
top: 90%; /* Position it below the p element */
width:max-content;
display: block;
background-color: #043852;
padding: 10px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.useful-links {
display: none;
}
#footer-new ul li a {
display: block;
text-decoration: none;
}
.text-gray-500 {
color: #6b7280;
}
.legal-con {
margin-left: 10%;
}
.contact-us a:hover{
color: #EF6831
}
.media-con a:hover{
color: #EF6831
}
@media (max-width: 768px){
.doobie-title {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.doobie-footer-title {
width: 100%;
display: flex;
justify-content: center;
}
.deals-container{
width: 100%;
justify-content: space-evenly;
flex-direction: column;
align-items: center;
}
.deals-text {
margin: 1rem 0;
text-align: center;
width: auto
}
.deals-container button{
width: 50%;
margin-bottom: 3rem;
}
#footer-bottom{
flex-wrap: wrap;
}
.dropdown-media{
display: flex;
flex-direction: column;
padding-left: 2%;
height: 100%;
width: 50%;
align-items: flex-start;
}
#footer-new .option-container {
margin-left: 2%;
}
#footer-new {
position: relative;
}
#footer-new ul {
margin-left: -2px;
position: absolute;
z-index: 10;
display: none; /* Hide all ul elements by default */
}
#footer-new .option-container.active {
z-index: 10;
display: flex;
flex-direction: row;
align-items: flex-start;
width: 100%;
}
#footer-new .option-container p {
cursor: pointer;
padding: 2%;
width: 8.2rem;
display: flex;
justify-content: flex-start;
}
#footer-new .option-container.active p {
margin-right: 1rem;
margin-bottom: 1rem;
}
#footer-new .option-container.active ul {
top: 2.6em;
left:8rem;
display: flex;
width: 100%;
}
#footer-new ul li {
width: auto;
display: inline;
padding-right: 10px;
}
#footer-new .divider {
display: none;
}
.doobie-company {
display: none;
}
.bottom-footer{
display: flex;
flex-direction: column;
width: 100%;
height: auto
}
.useful-links {
display: block;
margin-left: 2%;
width: 50%;
margin-bottom: 2rem;
}
.useful-links .footer-menu {
display: flex;
flex-wrap: wrap;
}
.useful-links .footer-menu li {
width: 50%;
}
.contact-us{
margin-left: 2%;
width: 50%;
}
.legal-con{
display: none;
}
.legal-media{
display: block;
padding: 1%;
width: 100%;
margin: 5% 2%;
}
.legal-line-media{
display: block;
margin: 2% 2%
}
.media-con-og{
display: none
}
.media-con-media{
display: block;
margin: 1% 2%;
width: auto;
height: auto
}
}
@media (max-width:425px){
#footer-new .option-container.active ul {
top: 1.25rem;
}
}
@media (max-width:375px){
#footer-new .option-container.active ul {
top: 1.1rem;
}
}
@media (max-width:320px){
#footer-new .option-container.active ul {
top: 0.9rem;
}
}
/* end of css */
@media (max-width: 768px) {
footer .container {
padding-right: 4px;
padding-left: 4px;
}
}
footer a:hover, footer a:focus-visible {
color: #062D41;
}
@media (min-width: 1024px) {
footer .text-con {
width: 21%;
}
}
@media (min-width: 769px) {
footer .location-con {
width: 66.066667%;
}
}
@media (min-width: 769px) {
footer .menu-con {
width: 11.9%;
}
}
@media (max-width: 768px) {
footer .menu-con {
width: 41.4%;
}
}
@media (min-width: 769px) {
footer .contact-con {
width: 22.033333%;
}
}
@media (max-width: 768px) {
footer .contact-con {
width: 58.6%;
}
}
footer .contact-con a {
word-wrap: break-word;
}
footer .contact-con a:hover, footer .contact-con a:focus-visible {
color: #EF6831;
}
@media (max-width: 1023px) {
footer .contact-con .text-xs {
line-height: 1.975;
}
}
footer table {
margin-bottom: 0;
width: 310px;
max-width: 100%;
font-size: 0.875rem;
}
footer table * {
font-size: 0.875rem;
}
footer table th,
footer table td {
padding: 0 0 5px;
}
footer table td {
color: #697586;
}
footer ul.footer-menu li {
margin-bottom: 0.55em;
}
footer .footer-menu a {
text-decoration: none;
font-size: 14px;
color: white;
}
footer .footer-menu a:hover {
color: #EF6831;
}
footer .media-con a {
font-size: 27px;
}
footer .line {
height: 1px;
background-color: white;
margin-top: 3px;
}
@media (max-width: 768px) {
footer .line {
margin-top: -6px;
}
}
footer .small-menu {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
font-size: 12px;
}
@media (max-width: 1023px) {
footer .small-menu {
justify-content: flex-start;
margin-top: 7px;
}
}
footer .small-menu li {
margin-bottom: 0;
font-size: 12px;
}
footer .small-menu li + li {
margin-left: 48px;
}
@media (max-width: 768px) {
footer .small-menu li + li {
margin-left: 30px;
}
}
footer .small-menu li a {
font-size: 12px;
color: #ffffff;
}
footer .small-menu li a:hover {
color: #EF6831;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
font-size: 1rem;
color: #697586;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
font-size: 1rem;
color: #697586;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
font-size: 1rem;
color: #697586;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
font-size: 1rem;
color: #697586;
}
form {
margin: 0 auto;
width: auto;
display: flex;
flex-wrap: wrap;
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: 12px;
padding: 13.4px 13.4px;
}
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% - 0.5rem);
}
input,
textarea,
select {
display: block;
padding: 13.4px 14px;
font-size: 1rem;
line-height: 1.2;
font-weight: 400;
font-family: "Good Sans", "sans-serif";
color: #062D41;
width: 100%;
max-width: 100%;
margin-bottom: 12px;
border: 1px solid #CDD5DF;
background-color: #ffffff;
border-radius: 5px;
-webkit-appearance: none;
box-shadow: none;
}
.bg-yellow input,
.bg-yellow textarea,
.bg-yellow select {
background-color: #ffffff;
border-color: #ECECEC;
}
textarea {
height: 177px;
min-height: 177px;
min-width: 100%;
}
@media (max-width: 1023px) {
textarea {
height: 143px;
min-height: 143px;
}
}
input:focus,
textarea:focus,
select:focus {
outline: none;
}
input:focus,
textarea:focus,
select:focus {
outline: none;
border-color: #062D41;
}
[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: 45.99px;
height: 47.99px;
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
}
select::-ms-expand {
display: none;
}
select option {
padding-top: 5px;
padding-bottom: 5px;
color: #062D41;
}
label {
display: block;
font-size: 0.875rem;
line-height: 1.2142;
margin-top: 4px;
margin-bottom: 8px;
transition: 0.25s;
font-weight: 500;
font-style: normal;
color: #062D41;
padding-left: 2;
width: 100%;
font-family: "Good Sans", "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: 32px !important;
position: relative;
cursor: pointer;
line-height: 21px;
margin-bottom: 15px;
font-size: 0.875rem;
font-style: normal;
color: #062D41;
font-weight: 400;
text-transform: none;
display: inline-flex;
align-items: center;
width: auto;
}
@media (max-width: 768px) {
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 {
margin-bottom: 11px;
}
}
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: 21px;
height: 21px;
left: 6px;
top: 0;
border-radius: 18px;
background-position: 0% 50%;
border: 2.3px solid #CDD5DF;
background-color: #ffffff;
font-weight: 400;
transition: 0.25s;
}
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: 10px;
height: 10px;
text-align: center;
font-weight: 900;
left: 11.5px;
top: 5.5px;
background-color: #062D41;
opacity: 0;
transition: 0.25s;
border-radius: 18px;
}
input[type=radio]:checked + label:before, input[type=radio]:checked + .wpcf7-list-item-label:before, input[type=radio]:checked + span:before, input[type=radio] + label.checked:before,
input[type=checkbox]:checked + label:before,
input[type=checkbox]:checked + .wpcf7-list-item-label:before,
input[type=checkbox]:checked + span:before,
input[type=checkbox] + label.checked:before {
border-color: #062D41;
}
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;
}
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
touch-action: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
}
.noUi-target {
position: relative;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
/* Wrapper for all connect elements.
*/
.noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
transform-style: flat;
}
/* Offset direction
*/
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
* connect elements.
*/
.noUi-vertical .noUi-origin {
top: -100%;
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
backface-visibility: hidden;
position: absolute;
}
.noUi-touch-area {
height: 100%;
width: 100%;
}
.noUi-touch-area:hover + .noUi-tooltip, .noUi-touch-area:focus-visible + .noUi-tooltip {
opacity: 1;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
transition: transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
/* Slider size and handle placement;
*/
.noUi-horizontal {
height: 12px;
}
.noUi-horizontal .noUi-handle {
width: 20px;
height: 20px;
right: -10px;
top: -4px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
right: -6px;
bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -17px;
right: auto;
}
/* Styling;
* Giving the connect element a border radius causes issues with using transform: scale
*/
.noUi-target {
background: #EEF2F6;
border-radius: 10px;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #EF6831;
}
/* Handles and cursors;
*/
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border-radius: 10px;
background: white;
cursor: default;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* Handle stripes;
*/
/* Disabled state;
*/
[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
}
/* Base;
*
*/
.noUi-pips,
.noUi-pips * {
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
/* Values;
*
*/
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
/* Markings;
*
*/
.noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-sub {
background: #AAA;
}
.noUi-marker-large {
background: #AAA;
}
/* Horizontal layout;
*
*/
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
/* Vertical layout;
*
*/
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
transform: translate(0, -50%);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
border-radius: 8px;
background: #062D41;
color: white;
padding: 2px 2px;
width: 44px;
height: 40px;
text-align: center;
white-space: nowrap;
font-size: 10px;
opacity: 0;
transition: 0.25s;
}
.noUi-horizontal .noUi-tooltip {
transform: translate(-50%, 0);
left: 50%;
bottom: 146%;
}
.noUi-vertical .noUi-tooltip {
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
transform: translate(50%, 0);
left: auto;
bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
transform: translate(0, -18px);
top: auto;
right: 28px;
}
@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: 1023px) {
.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 #062D41;
}
.swiper-pagination .swiper-pagination-bullet:hover, .swiper-pagination .swiper-pagination-bullet:focus-visible {
background-color: #062D41;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #062D41;
}
.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: #ffffff;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
pointer-events: none;
opacity: 0.35;
}
.swiper-button-next svg,
.swiper-button-prev svg {
width: 37.88px;
}
.swiper-button-next svg *,
.swiper-button-prev svg * {
fill: #062D41;
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: #062D41;
}
.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: #1D65F0;
}
.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: #062D41;
color: white;
}
::selection {
background: #062D41;
color: white;
}
::-moz-selection {
background: #062D41;
color: white;
}
.full-bg {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
hr {
border: none;
width: 100%;
height: 1px;
background-color: #EEF2F6;
}
.text-white hr {
background-color: white;
}
.btn {
padding: 7.9px 15.4px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 1rem;
position: relative;
font-family: "Good Sans", "sans-serif";
background-color: transparent;
transition: 0.25s;
color: #ffffff;
z-index: 1;
border-radius: 10px;
border: 1px solid #0B3852;
background-color: #0B3852;
cursor: pointer;
line-height: 1.2;
text-align: center;
}
.btn:hover, .btn:focus-visible {
background-color: #216993;
border-color: #216993;
color: #ffffff;
}
.btn svg {
margin-right: 5px;
}
.btn.grey {
background-color: #EEF2F6;
border-color: #EEF2F6;
color: #062D41;
}
.btn.grey:hover, .btn.grey:focus-visible {
background-color: #D7DEE4;
border-color: #D7DEE4;
color: white;
}
.btn.grey:hover svg *, .btn.grey:focus-visible svg * {
fill: white;
}
.btn.blue {
background-color: #062D41;
border-color: #062D41;
color: white;
}
.btn.blue svg * {
fill: white;
}
.btn.blue:hover, .btn.blue:focus-visible {
background-color: #1F4254;
border-color: #1F4254;
color: white;
}
.btn.blue:hover svg *, .btn.blue:focus-visible svg * {
fill: white;
}
.btn.white {
background-color: #ffffff;
border-color: #ffffff;
color: #062D41;
}
.btn.white svg * {
fill: #062D41;
}
.btn.white:hover, .btn.white:focus-visible {
background-color: #D7DEE4;
border-color: #D7DEE4;
color: #062D41;
}
.btn.white:hover svg *, .btn.white:focus-visible svg * {
fill: #062D41;
}
.btn.rounded {
padding: 13px 16px;
border-radius: 40px;
}
.btn.rounded.small {
padding: 7.5px 16px;
}
.btn.small {
font-size: 0.875rem;
}
.arrow-link {
display: flex;
align-items: center;
text-decoration: underline;
}
.arrow-link:hover, .arrow-link:focus-visible {
color: #EF6831;
}
.arrow-link:hover svg, .arrow-link:focus-visible svg {
transform: translateX(5px);
}
.arrow-link:hover svg *, .arrow-link:focus-visible svg * {
fill: #EF6831;
}
.arrow-link svg {
margin-left: 14px;
margin-top: 0.2em;
transform: translateX(0px);
}
span.normal.saleactive {
color: #ff7424;
}
.prices {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.prices .sale {
font-size: 1.3rem;
margin-top: 0px;
text-decoration: line-through;
color: #B5C3CA;
}
.prices .normal {
padding: 0px 4px 1px;
margin-right: 4px;
font-size: 1rem;
display: flex;
align-items: flex-start;
font-weight: 500;
}
.prices .normal span {
font-size: 1.5rem;
margin-top: -2px;
}
@media (max-width: 768px) {
.prices .normal span {
margin-bottom: -3px;
}
}
.prices .normal {
padding-right: 0;
padding-left: 0;
}
.prices .none-sale {
font-size: 0.875rem;
color: #697586;
text-decoration: line-through;
font-weight: 300;
}
@media (max-width: 1023px) {
.container {
padding-right: 16px;
padding-left: 16px;
}
}
body {
overflow-x: hidden;
}
body section {
overflow: hidden;
}
@media (max-width: 768px) {
body section .container {
padding-right: 4px;
padding-left: 4px;
}
}
.delivery-section .form-con {
width: 590px;
margin: 0 auto;
}
.delivery-section form .input-con {
position: relative;
width: calc(100% - 166px);
}
@media (max-width: 768px) {
.delivery-section form .input-con {
width: 100%;
margin-bottom: 14px;
}
}
.delivery-section form .input-con input {
margin-bottom: 0;
padding-left: 46px;
}
.delivery-section form .input-con svg {
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
}
@media (max-width: 768px) {
.delivery-section form .submit-con {
width: 100%;
}
}
.delivery-section form .btn {
margin-bottom: 0;
width: 160px;
margin-left: 6px;
}
@media (max-width: 768px) {
.delivery-section form .btn {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 1023px) {
.bg-white.defineheader .signinbtn {
background: none !important;
padding: 0px !important;
border: none !important;
margin-left: 0;
}
}
@media (min-width: 1023px) {
.bg-white.defineheader .signinbtn {
padding-left: 25px !important;
padding-right: 25px !important;
}
.bg-white.defineheader .signinbtn svg {
display: none;
}
}
@media (max-width: 1023px) {
.bg-yellow.defineheader .signinbtn {
background: none !important;
padding: 0px !important;
border: none !important;
margin-left: 0;
}
}
@media (min-width: 1023px) {
.bg-yellow.defineheader .signinbtn {
padding-left: 25px !important;
padding-right: 25px !important;
background: none !important;
border: solid 2px #fff !important;
}
.bg-yellow.defineheader .signinbtn svg {
display: none;
}
}
@media (min-width: 1023px) {
.signinbtn:hover {
background: #fff !important;
color: #0C3457 !important;
}
}
.top-slide-section .swiper-wrapper-con {
overflow: visible !important;
}
.top-slide-section .swiper-slide {
width: 112px;
}
.top-slide-section .swiper-slide .inner a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.top-slide-section .swiper-slide .inner a:hover ~ div, .top-slide-section .swiper-slide .inner a:focus-visible ~ div {
color: #EF6831;
}
.top-slide-section .swiper-slide .inner a ~ div {
transition: 0.25s;
}
@media (max-width: 768px) {
.top-slide-section .swiper-slide {
width: 115px;
}
.top-slide-section .swiper-slide .img-con {
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
.blocks-slide-section .swiper-wrapper-con {
overflow: visible !important;
}
}
.bl-item .inner {
border-radius: 8px;
}
.bl-item .match {
min-height: 102px;
}
.f-item img,
.p-item img {
border-radius: 8px;
}
@media (max-width: 1023px) and (min-width: 769px) {
.products-section .p-item:nth-of-type(1n + 6) {
display: none;
}
.products-section .f-item ~ .p-item:nth-of-type(1n + 4) {
display: block;
}
.products-section .f-item ~ .p-item:nth-of-type(1n + 5) {
display: none;
}
}
@media (max-width: 768px) {
.products-section .p-item:nth-of-type(1n + 5) {
display: none;
}
.products-section .f-item {
display: none;
}
.products-section .f-item ~ .p-item:nth-of-type(1n + 5) {
display: block;
}
.products-section .f-item ~ .p-item:nth-of-type(1n + 6) {
display: none;
}
}
.innerslideitem .img-con {
box-shadow: none;
/* background-color: #F8C045; */
/* border: solid 0px #F8C045; */
border-radius: 100%;
width: 124px;
height: 120px;
padding: 0;
}
footer table a {
color: #fff;
}
span.producttitle {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 78px;
font-size: 16px;
}
@media (max-width: 768px) {
.p-item .inner2 {
border: 1px solid #E5E7EB;
display: flex;
flex-wrap: wrap;
border-radius: 8px;
align-items: flex-start;
}
.p-item .inner2 .btn2 {
margin-left: 125px;
width: calc(100% - 117px - 8px);
margin-top: -3px;
}
}
.p-item img {
width: 100%;
max-width: 160px;
margin: auto;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
/*@media (max-width: $md){
width: 117px;
margin-right: 8px;
aspect-ratio: 1/1;
object-fit: cover;
object-position: 50% 50%;
}*/
}
@media (max-width: 768px) {
.p-item .match {
width: 100%;
}
}
.p-item .info {
margin-bottom: 10px;
}
.p-item .info span {
font-size: 0.7rem;
font-weight: 500;
color: #697586;
text-transform: uppercase;
}
.p-item .info span:has(+ span) {
margin-right: 17px;
position: relative;
}
.p-item .info span:has(+ span):after {
content: "";
position: absolute;
right: -11px;
width: 0.4em;
height: 0.4em;
border-radius: 0.4em;
background-color: #697586;
transform: translate(50%, -50%);
top: 50%;
}
.imgabove {
margin-top: 10px;
}
.onsalebox {
bottom: 0px;
color: #fff;
text-align: center;
width: 100%;
background: #ff7424;
left: -16px;
padding: 11px;
}
.onsaleboxsmaller {
border-radius: 8px;
position: absolute;
top: 0px;
color: #fff;
text-align: center;
width: 83px;
background: #ff7424;
/* left: -16px; */
padding: 11px;
font-size: 9px;
right: 0px;
}
a.productlink2 {
position: relative;
}
.delivery-method-section {
text-align: center;
}
.delivery-method-section .switch {
background-color: #EEF2F6;
border-radius: 20px;
display: flex;
}
@media (max-width: 768px) {
.delivery-method-section .switch {
margin-bottom: 11px;
}
}
.delivery-method-section .switch button {
display: flex;
align-items: center;
padding: 14.5px 19px;
border-radius: 28px;
background-color: #EEF2F6;
border: 1px solid #EEF2F6;
font-size: 0.875rem;
color: #697586;
font-weight: 500;
}
@media (max-width: 768px) {
.delivery-method-section .switch button {
padding: 9px 14px;
}
}
.delivery-method-section .switch button span {
font-size: 0.625rem;
margin-left: 0.5em;
font-weight: 400;
}
@media (max-width: 768px) {
.delivery-method-section .switch button span {
font-size: 0.625rem;
}
}
.delivery-method-section .switch button svg {
margin-right: 0.5em;
margin-left: 0.2em;
}
@media (max-width: 768px) {
.delivery-method-section .switch button svg {
display: none;
}
}
.delivery-method-section .switch button:hover, .delivery-method-section .switch button:focus-visible {
color: #062D41;
}
.delivery-method-section .switch button.active {
background-color: #ffffff;
border-color: #062D41;
color: #062D41;
}
.delivery-method-section .text-sm span {
font-size: 0.75rem;
}
.delivery-method-section .text-sm span:has(+ span) {
margin-right: 17px;
position: relative;
}
.delivery-method-section .text-sm span:has(+ span):after {
content: "";
position: absolute;
right: -11px;
width: 0.4em;
height: 0.4em;
border-radius: 0.4em;
background-color: #062D41;
transform: translate(50%, -50%);
top: 50%;
}
@media (min-width: 769px) {
.about-section .text-side {
width: 48.4%;
}
}
.about-section .text-side .text {
width: 510px;
max-width: 100%;
line-height: 1.3;
}
.about-section table {
margin-bottom: 0;
width: 342px;
max-width: 100%;
}
@media (min-width: 769px) {
.about-section .image-side {
width: 51.6%;
}
}
@media (max-width: 768px) {
.about-section .image-side {
margin-top: 23px;
}
.about-section .image-side img {
width: calc(100% - 16px);
margin: 0 auto;
aspect-ratio: 1.02/1;
}
}
.faq-section .text-top a {
color: #0B3852;
text-decoration: none;
}
.faq-section .text-top p {
color: grey
}
.faq-section .text-top a:hover, .faq-section .text-top a:focus-visible {
color: #1D65F0;
}
dl.accordion {
border: 1px solid #CDD5DF;
border-radius: 8px;
/* width: 976px; */
max-width: 100%;
margin: 0 auto;
padding: 0 51px;
}
@media (max-width: 768px) {
dl.accordion {
padding: 0 15px;
}
}
dl.accordion.outer {
padding: 0;
border: none;
margin-top: 8px;
}
dl.accordion.outer > dt {
font-family: "Gascogne", "serif";
font-size: 1.5rem;
padding: 24px 73px 24px 0;
}
@media (max-width: 768px) {
dl.accordion.outer > dt {
padding-right: 30px;
}
}
dl.accordion.outer > dt:before, dl.accordion.outer > dt:after {
top: 38px;
right: 52px;
}
@media (max-width: 768px) {
dl.accordion.outer > dt:before, dl.accordion.outer > dt:after {
right: 16px;
}
}
dl.accordion.outer > dt.open {
padding-bottom: 24px;
}
dl.accordion.outer > dt + dd > .inner {
padding: 0 0 20px 0;
}
dl.accordion.outer > dt + dd dt {
font-size: 1.25rem;
}
dl.accordion.outer > dt + dd dt.open {
padding-bottom: 16.5px;
}
dl.accordion.outer > dt + dd dd .inner {
padding: 0 58px 23px 12px;
}
dl.accordion.outer > dt + dd dd:last-of-type {
border-bottom: none;
}
dl.accordion dt {
font-weight: 500;
padding: 23.5px 23.5px 23.5px 0;
position: relative;
transition: 0.25s;
cursor: pointer;
}
dl.accordion dt:before, dl.accordion dt:after {
content: "";
position: absolute;
top: 33px;
right: 0;
width: 12px;
height: 2px;
background-color: #062D41;
border-radius: 12px;
transition: 0.25s;
}
dl.accordion dt:before {
transform: rotate(0deg);
}
dl.accordion dt:after {
transform: rotate(90deg);
}
dl.accordion dt.open {
padding-bottom: 11px;
}
dl.accordion dt.open:before {
transform: rotate(0deg);
}
dl.accordion dt.open:after {
transform: rotate(180deg);
}
dl.accordion dd {
max-height: 0;
overflow: hidden;
border-bottom: 1px solid #E3E8EF;
transition: 0.25s;
}
dl.accordion dd:last-of-type {
border-bottom: none;
}
dl.accordion dd .inner {
padding: 0 63px 20px 12px;
}
dl.accordion dd a {
color: #1D65F0;
text-decoration: underline;
}
dl.accordion dd a:hover, dl.accordion dd a:focus-visible {
color: #EF6831;
}
.shop-section select {
background-position: calc(100% + 3px) 50%;
width: auto;
height: 36px;
line-height: 34px;
border-radius: 40px;
border-color: #EEF2F6;
background-color: #EEF2F6;
font-weight: 400;
background-size: 26px auto;
padding-right: 30px;
padding-left: 12px;
margin-bottom: 0;
}
@media (max-width: 768px) {
.shop-section select {
display: none;
}
}
.shop-section .fixed-shop {
z-index: 113;
left: 0;
bottom: 0;
width: 100%;
padding-top: 16px;
padding-bottom: 11px;
background-color: #EEF2F6;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.shop-section .fixed-shop .sort-btn,
.shop-section .fixed-shop .filter-btn {
text-align: center;
color: #062D41;
width: 45px;
}
.shop-section .fixed-shop .sort-btn svg,
.shop-section .fixed-shop .filter-btn svg {
margin: 0 auto 4px;
}
.shop-section .fixed-shop .sort-btn.open, .shop-section .fixed-shop .sort-btn:hover, .shop-section .fixed-shop .sort-btn:focus-visible,
.shop-section .fixed-shop .filter-btn.open,
.shop-section .fixed-shop .filter-btn:hover,
.shop-section .fixed-shop .filter-btn:focus-visible {
color: #EF6831;
}
.shop-section .fixed-shop .sort-btn.open svg *, .shop-section .fixed-shop .sort-btn:hover svg *, .shop-section .fixed-shop .sort-btn:focus-visible svg *,
.shop-section .fixed-shop .filter-btn.open svg *,
.shop-section .fixed-shop .filter-btn:hover svg *,
.shop-section .fixed-shop .filter-btn:focus-visible svg * {
fill: #EF6831;
}
.shop-section .fixed-shop .cart {
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.1em;
text-align: center;
position: relative;
z-index: 1;
width: 64px;
height: 64px;
border-radius: 64px;
margin-top: -28px;
background-color: #EF6831;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.shop-section .fixed-shop .cart:hover, .shop-section .fixed-shop .cart:focus-visible {
background-color: white;
}
.shop-section .fixed-shop .cart:hover span, .shop-section .fixed-shop .cart:focus-visible span {
color: #062D41;
}
.shop-section .fixed-shop .cart:hover *, .shop-section .fixed-shop .cart:focus-visible * {
fill: #062D41;
}
.shop-section .fixed-shop .cart svg {
margin-right: 13px;
}
.shop-section .fixed-shop .cart span {
font-family: "Good Sans", "sans-serif";
color: #ffffff;
}
.sort-side {
display: none;
}
@media (max-width: 768px) {
.sort-side {
position: fixed;
bottom: 67.8px;
transition: 0.25s;
max-height: 0;
right: 0;
background-color: white;
z-index: 112;
padding: 0 20px;
overflow: auto;
width: 231px;
display: block;
}
.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: "Good Sans", "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: #EEF2F6;
}
.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: #062D41;
transition: 0.25s;
}
.sort-side .close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.sort-side .close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.submit-con button {
height: 50px;
}
@media (max-width: 768px) {
.filter-side {
position: fixed;
top: 0px;
transition: 0.25s;
max-height: 0;
left: 0;
background-color: white;
z-index: 112;
padding: 0 20px;
overflow: auto;
width: 100%;
}
.filter-side.open {
max-height: calc(100vh - 67.8px);
padding-bottom: 100px !important;
}
.filter-side .font-title {
text-align: center;
width: 100%;
font-family: "Good Sans", "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: 38px;
}
.filter-side .font-title::before {
content: "Filter";
}
}
.filter-side .close {
position: relative;
width: 20px;
height: 20px;
display: none;
position: absolute;
top: 22px;
left: 22px;
}
@media (max-width: 768px) {
.filter-side .close {
display: block;
}
}
.filter-side .close::before, .filter-side .close:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 3px;
border-radius: 2px;
background-color: #062D41;
transition: 0.25s;
}
.filter-side .close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.filter-side .close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.filter {
margin-bottom: 34px;
}
.filter .top {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.filter .top {
font-size: 16px;
margin-bottom: 13px;
}
}
.filter .top a {
display: flex;
align-items: center;
font-size: 0.75rem;
color: #697586;
margin-left: 5px;
}
.filter .top a:hover, .filter .top a:focus-visible {
color: #EF6831;
}
.filter .top a svg {
margin-left: 17px;
}
.filter .bottom {
display: flex;
flex-direction: column;
}
.filter .bottom:not(.open) input[type=radio]:nth-of-type(1n + 7),
.filter .bottom:not(.open) input[type=checkbox]:nth-of-type(1n + 7) {
display: none;
}
.filter .bottom:not(.open) input[type=radio]:nth-of-type(1n + 7) + span, .filter .bottom:not(.open) input[type=radio]:nth-of-type(1n + 7) + .wpcf7-list-item-label, .filter .bottom:not(.open) input[type=radio]:nth-of-type(1n + 7) + label,
.filter .bottom:not(.open) input[type=checkbox]:nth-of-type(1n + 7) + span,
.filter .bottom:not(.open) input[type=checkbox]:nth-of-type(1n + 7) + .wpcf7-list-item-label,
.filter .bottom:not(.open) input[type=checkbox]:nth-of-type(1n + 7) + label {
display: none;
}
.filter .bottom a {
margin-left: 12px;
font-weight: 500;
}
.filter .bottom a:hover, .filter .bottom a:focus-visible {
color: #EF6831;
}
.filter .bottom input[type=radio],
.filter .bottom input[type=checkbox] {
display: none;
}
.filter .bottom input[type=radio] + span span, .filter .bottom input[type=radio] + .wpcf7-list-item-label span, .filter .bottom input[type=radio] + label span,
.filter .bottom input[type=checkbox] + span span,
.filter .bottom input[type=checkbox] + .wpcf7-list-item-label span,
.filter .bottom input[type=checkbox] + label span {
padding: 0 10px;
display: inline-block;
border-radius: 5px;
font-size: 11px;
line-height: 21px;
}
.pagination {
display: flex;
align-items: center;
justify-content: center;
}
.pagination li {
margin: 0 4px;
text-align: center;
font-size: 0.875rem;
}
.pagination li.prev a, .pagination li.next a {
padding: 0 20px;
}
.pagination li a {
min-width: 32px;
height: 32px;
line-height: 32px;
border-radius: 5px;
background-color: #EEF2F6;
font-size: 0.875rem;
text-decoration: none;
display: inline-block;
color: #062D41;
}
.pagination li a:hover, .pagination li a:focus-visible {
color: white;
background-color: #1D65F0;
}
.pagination li a.active {
color: white;
background-color: #EF6831;
pointer-events: none;
}
.strain .hybrid,
.strain .indica,
.strain .sativa,
.strain .indica_hybrid {
padding: 2px 9px;
display: inline-block;
border-radius: 5px;
font-size: 0.875rem;
line-height: 21px;
color: white;
}
.strain .indica_hybrid {
background-color: #8E05FA;
}
.strain .hybrid {
background-color: #8E05FA;
}
.strain .indica {
background-color: #1D65F0;
}
.strain .sativa {
background-color: #E13535;
}
.strain .sativa_hybrid {
background-color: #E13535;
}
@media (min-width: 1024px) {
.has-back-con .container {
min-height: calc(100vh - 95.2px - 298px);
}
}
@media (max-width: 768px) {
.has-back-con .container {
padding-right: 4px;
padding-left: 4px;
}
}
.has-back-con .back-side {
border-right: 1px solid #EEF2F6;
}
@media (max-width: 768px) {
.has-back-con .back-side {
display: none;
}
}
@media (min-width: 769px) {
.has-back-con .back-side {
width: 19.4%;
}
}
.has-back-con .back-side .back-link {
display: flex;
align-items: center;
font-weight: 500;
}
.has-back-con .back-side .back-link:hover, .has-back-con .back-side .back-link:focus-visible {
color: #EF6831;
}
.has-back-con .back-side .back-link:hover svg, .has-back-con .back-side .back-link:focus-visible svg {
transform: translateX(-5px);
}
.has-back-con .back-side .back-link:hover svg *, .has-back-con .back-side .back-link:focus-visible svg * {
fill: #EF6831;
}
.has-back-con .back-side .back-link svg {
transform: translateX(0px);
margin-right: 12px;
}
@media (min-width: 769px) {
.has-back-con .content-side {
width: 80.6%;
}
.has-back-con .content-side.md\:pr-40 {
padding-right: 10.4rem;
}
}
@media (max-width: 768px) {
.has-back-con .content-side {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 769px) {
.product-section .slide-side {
width: 39.8%;
}
}
.product-section .slide-side .product-nav-slide .swiper-slide {
cursor: pointer;
}
.product-section .slide-side .swiper-slide-thumb-active img {
border: 1px solid #062D41;
}
@media (min-width: 769px) {
.product-section .info-side {
width: 43.2%;
padding-left: 1.7rem;
}
}
.product-section .info-side select {
background-position: calc(100% + 3px) 50%;
width: auto;
height: 56px;
line-height: 54px;
border-radius: 5px;
border-color: #EEF2F6;
background-color: #EEF2F6;
font-weight: 400;
background-size: 26px auto;
padding-right: 30px;
padding-left: 12px;
margin-bottom: 0;
}
@media (max-width: 768px) {
.product-section .info-side select {
width: 100px;
height: 47.99px;
line-height: 45.99px;
}
}
.product-section .info-side .btn {
width: 100%;
margin-top: 24px;
}
@media (max-width: 768px) {
.product-section .info-side .btn {
width: calc(100% - 100px - 8px);
margin-left: 8px;
margin-top: 0;
}
}
.product-section .info-side .varients {
margin-bottom: 16px;
}
@media (max-width: 768px) {
.product-section .info-side .varients {
flex-wrap: nowrap;
overflow: auto;
margin-bottom: 24px;
}
}
.product-section .info-side .varients input[type=radio] {
display: none;
}
.product-section .info-side .varients input[type=radio]:last-of-type + label {
margin-right: 0;
}
.product-section .info-side .varients input[type=radio] + label {
padding: 6px 10px !important;
position: relative;
cursor: pointer;
line-height: 21px;
margin-bottom: 8px;
font-size: 0.875rem;
font-style: normal;
color: #062D41;
font-weight: 400;
text-transform: none;
display: inline-flex;
align-items: center;
width: auto;
border: 1px solid #062D41;
border-radius: 5px;
width: 92px;
flex-wrap: wrap;
text-align: center;
justify-content: center;
margin-right: 8px;
align-items: center;
}
.product-section .info-side .varients input[type=radio] + label:before, .product-section .info-side .varients input[type=radio] + label:after {
display: none;
}
.product-section .info-side .varients input[type=radio]:checked + label {
border-color: #EF6831;
background-color: #FDF0EA;
}
.product-section .line {
background-color: #EEF2F6;
height: 1px;
}
@media (min-width: 769px) {
.product-section .text-con {
width: 83%;
}
}
.border-1 {
border-width: 1px;
}
.md\:pl-18 {
padding-left: 4.5rem;
}
.tags {
display: inline-flex;
align-items: center;
}
.tags a {
background-color: #EEF2F6;
padding: 3px 8.2px;
border-radius: 5px;
font-size: 0.875rem;
}
.tags a + a {
margin-left: 12px;
}
.tags a.active {
background-color: #062D41;
color: white;
pointer-events: none;
}
.tags a:hover, .tags a:focus-visible {
background-color: #E3E8EF;
}
.has-back-con .side-con {
width: 600px;
max-width: 100%;
}
.has-back-con .side-con input,
.has-back-con .side-con textarea,
.has-back-con .side-con select {
width: 342px;
}
.has-back-con .side-con input.w-full,
.has-back-con .side-con textarea.w-full,
.has-back-con .side-con select.w-full {
width: 100%;
}
.has-back-con .side-con input[type=tel],
.has-back-con .side-con textarea[type=tel],
.has-back-con .side-con select[type=tel] {
width: 167px;
}
.has-back-con .side-con form .btn {
margin-bottom: 16px;
}
.has-back-con .add-payment-method:hover, .has-back-con .add-payment-method:focus-visible,
.has-back-con .add-address:hover,
.has-back-con .add-address:focus-visible {
color: #EF6831;
}
@media (max-width: 768px) {
.has-back-con .account-section {
padding-left: 12px;
padding-right: 12px;
}
.has-back-con .account-section img.mr-4 + .text-2xl {
width: 130px;
}
.has-back-con .account-section form .btn.rounded.small.grey {
order: 2;
}
.has-back-con .account-section form .btn.rounded.small {
padding: 13.4px 13.4px;
border-radius: 5px;
font-size: 1rem;
width: 100%;
margin: 0 auto 8px;
}
.has-back-con .account-section form .btn.rounded.small:last-of-type {
margin-top: 20px;
}
}
.has-back-con .merch-section .side-con {
width: 100%;
}
@media (max-width: 768px) {
.has-back-con .faq-side-section {
padding-left: 12px;
padding-right: 12px;
}
}
.has-back-con .faq-side-section .side-con {
width: 100%;
}
.has-back-con .faq-side-section .search label {
width: 119px;
margin-top: 8px;
font-size: 1rem;
}
@media (max-width: 768px) {
.has-back-con .faq-side-section .search label {
display: none;
}
}
.has-back-con .faq-side-section .search .input-con {
position: relative;
width: calc(100% - 119px);
}
@media (max-width: 768px) {
.has-back-con .faq-side-section .search .input-con {
width: 100%;
}
}
.has-back-con .faq-side-section .search .input-con input {
margin-bottom: 0;
width: 100%;
padding-left: 47px;
}
.has-back-con .faq-side-section .search .input-con [type=submit] {
position: absolute;
left: 19px;
top: 50%;
transform: translateY(-50%);
}
.has-back-con .faq-side-section .search .input-con [type=submit]:hover svg path, .has-back-con .faq-side-section .search .input-con [type=submit]:focus-visible svg path {
fill: #1D65F0;
}
.has-back-con .faq-side-section .search .input-con [type=submit] svg path {
fill: #062D41;
transition: 0.25s;
}
@media (max-width: 768px) {
.has-back-con .contact-section {
padding-right: 12px;
padding-left: 12px;
}
.has-back-con .contact-section .w-full.flex.flex-wrap.items-center {
flex-direction: column;
align-items: center;
text-align: center;
padding-left: 1rem;
padding-right: 1rem;
}
.has-back-con .contact-section .w-full.flex.flex-wrap.items-center svg {
margin: 0 auto 13px;
}
}
.has-back-con .contact-section .side-con {
width: 612px;
max-width: 100%;
margin: 0 auto;
}
@media (min-width: 769px) {
.has-back-con .contact-section .side-con svg + div {
width: calc(100% - 215px);
}
}
.has-back-con .contact-section .side-con .btn {
width: 136px;
padding-left: 5px;
padding-right: 5px;
}
@media (max-width: 768px) {
.has-back-con .contact-section .side-con .btn {
margin: 30px auto -5px;
}
}
.has-back-con .contact-section .media-con a {
font-size: 27px;
}
.has-back-con .contact-section .media-con a:hover, .has-back-con .contact-section .media-con a:focus-visible {
color: #EF6831;
}
@media (max-width: 768px) {
.has-back-con .text-section {
padding-right: 12px;
padding-left: 12px;
}
}
.has-back-con .text-section .side-con {
width: 100%;
line-height: 1.3;
}
.has-back-con .vip-section .side-con {
width: 100%;
}
@media (min-width: 1024px) {
.has-back-con .vip-section .md\:w-5\/12 {
width: 45.4%;
}
.has-back-con .vip-section .md\:w-7\/12 {
width: 54.6%;
}
}
.has-back-con .vip-section .border-grey-300 .text-xs {
font-size: 0.625rem;
}
.has-back-con .vip-section .md\:w-7\/12 .border-grey-300 {
height: 100%;
}
.has-back-con .vip-section .trophy {
background-image: url(../images/trophy.svg);
background-repeat: no-repeat;
background-position: 100% 100%;
padding-right: 71px;
}
.has-back-con .vip-section .end-of {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.has-back-con .vip-section .end-of i {
width: 4px;
height: 4px;
border-radius: 4px;
background-color: #9AA3B2;
margin: 0 4px 15px;
display: inline-block;
position: relative;
}
.has-back-con .vip-section .end-of i:before, .has-back-con .vip-section .end-of i:after {
content: "";
position: absolute;
width: 4px;
height: 4px;
border-radius: 4px;
background-color: #9AA3B2;
margin: 0 4px;
display: inline-block;
}
.has-back-con .vip-section .end-of i:before {
left: -16px;
}
.has-back-con .vip-section .end-of i:after {
right: -16px;
}
.has-back-con .vip-section .links {
display: flex;
justify-content: center;
}
.has-back-con .vip-section .links a {
padding: 4px 15px;
margin: 0 4px;
font-weight: 500;
border-bottom: 1px solid white;
display: inline-block;
}
@media (max-width: 768px) {
.has-back-con .vip-section .links a {
padding: 2px 12px;
}
}
.has-back-con .vip-section .links a.active {
color: #EF6831;
border-bottom-color: #EF6831;
}
.has-back-con .vip-section .social-links a {
color: #697586;
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.has-back-con .vip-section .social-links a {
font-size: 0;
margin: 0 8px;
}
}
.has-back-con .vip-section .social-links a i {
color: #ffffff;
background-color: #697586;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 36px;
text-align: center;
margin-right: 8px;
font-size: 20px;
}
@media (max-width: 768px) {
.has-back-con .vip-section .social-links a i {
margin-right: 0;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 17px;
}
}
@media (max-width: 768px) {
.has-back-con .orders-section {
padding-left: 12px;
padding-right: 12px;
overflow: visible;
}
}
.has-back-con .orders-section .side-con {
width: 512px;
max-width: 100%;
}
@media (max-width: 768px) {
.has-back-con .orders-section .track-con img {
margin-left: -16px;
width: calc(100% + 32px);
max-width: calc(100% + 32px);
aspect-ratio: 1.6288/1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
border-radius: 0;
}
.has-back-con .orders-section .track-con .text-2sm {
font-size: 8px;
margin-bottom: 9px;
}
}
.has-back-con .orders-section .orders-link {
background-image: url(../images/arrow-right.svg);
background-position: 100% 50%;
background-repeat: no-repeat;
}
.has-back-con .orders-section table {
font-size: 0.75rem;
margin-bottom: 25px;
}
.has-back-con .orders-section table td {
font-size: 0.75rem;
padding: 0 0 3px;
}
.has-back-con .orders-section table td:last-of-type {
width: 170px;
text-align: right;
}
.has-back-con .orders-section table tbody tr:last-of-type td {
padding: 0 0 14px;
}
.has-back-con .orders-section table tfoot td {
border-top: 1px solid #EEF2F6;
border-bottom: 1px solid #EEF2F6;
padding: 14px 0 14px;
font-size: 0.875rem;
font-weight: 500;
}
.has-back-con .orders-section .items img {
width: 36px;
}
.has-back-con .orders-section .items div {
position: relative;
}
.has-back-con .orders-section .items div span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.875rem;
color: #697586;
text-align: center;
}
@media (max-width: 768px) {
.has-back-con .blog-single-section {
padding-left: 5px;
padding-right: 5px;
}
}
.has-back-con .blog-single-section .side-con {
width: 100%;
}
@media (max-width: 768px) {
.has-back-con .blog-single-section .side-con .font-title {
order: 2;
}
.has-back-con .blog-single-section .side-con .justify-between {
order: 1;
}
.has-back-con .blog-single-section .side-con .justify-between .text-grey-500 {
display: none;
}
.has-back-con .blog-single-section .side-con .justify-between hr:first-of-type {
display: none;
}
}
.has-back-con .blog-single-section hr {
background-color: #062D41;
}
.has-back-con .blog-single-section .blog-con {
width: 716px;
max-width: 100%;
}
@media (max-width: 768px) {
.has-back-con .blog-section {
padding-left: 5px;
padding-right: 5px;
}
}
.has-back-con .blog-section .side-con {
width: 100%;
}
.has-back-con .blog-section .search label {
width: 143px;
margin-top: 8px;
font-size: 1rem;
}
.has-back-con .blog-section .search .input-con {
position: relative;
width: 343px;
max-width: 100%;
}
@media (max-width: 768px) {
.has-back-con .blog-section .search .input-con {
width: 100%;
}
}
.has-back-con .blog-section .search .input-con input {
margin-bottom: 0;
width: 100%;
padding-left: 47px;
}
.has-back-con .blog-section .search .input-con [type=submit] {
position: absolute;
left: 19px;
top: 50%;
transform: translateY(-50%);
}
.has-back-con .blog-section .search .input-con [type=submit]:hover svg path, .has-back-con .blog-section .search .input-con [type=submit]:focus-visible svg path {
fill: #1D65F0;
}
.has-back-con .blog-section .search .input-con [type=submit] svg path {
fill: #062D41;
transition: 0.25s;
}
.has-back-con .featured-title {
font-size: 1.125rem;
border-bottom: 1px solid #062D41;
padding-bottom: 11px;
margin-bottom: 0;
}
.has-back-con .category-title {
width: 100%;
}
.has-back-con .category-title .line {
height: 1px;
width: auto;
flex-grow: 1;
background-color: #062D41;
margin-left: 18px;
margin-right: 18px;
}
.has-back-con .category-title .line:last-child {
margin-right: 0;
}
.has-back-con .category-title a {
text-decoration: underline;
}
@media (max-width: 768px) {
.has-back-con .category-title a {
display: none;
}
}
@media (max-width: 768px) {
.b-item.medium img {
aspect-ratio: 2.14375/1;
margin-bottom: 3px;
-o-object-fit: cover;
object-fit: cover;
offset-position: 50% 50%;
}
.b-item.medium .font-title {
line-height: 1.2;
}
}
@media (min-width: 769px) {
.b-item.medium .bottom {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.b-item.medium .bottom span {
display: inline-block;
margin-bottom: 13px;
}
}
.b-item.wide .inner {
display: flex;
}
.b-item.wide .inner > a:hover ~ img, .b-item.wide .inner > a:focus-visible ~ img {
border-radius: 8px 0 0 8px;
}
.b-item.wide .inner img {
width: 30%;
align-self: flex-start;
}
@media (max-width: 768px) {
.b-item.wide .inner img {
width: 23%;
aspect-ratio: 1/1;
}
}
.b-item.wide .inner .text-con {
width: 70%;
position: relative;
border-radius: 0 8px 0 0;
}
@media (max-width: 768px) {
.b-item.wide .inner .text-con {
padding-left: 8px;
}
.b-item.wide .inner .text-con .font-title.mb-3 + .mb-3 {
display: none;
}
.b-item.wide .inner .text-con .font-title.mb-3 {
margin-bottom: 6px;
}
}
.b-item.wide .inner .text-con:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
height: 1px;
width: calc(100% - 1rem);
background-color: #EEF2F6;
}
@media (max-width: 768px) {
.b-item.wide .inner .text-con:after {
width: calc(100% - 8px);
}
}
.b-item .inner {
position: relative;
}
.b-item .inner > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.b-item .inner > a:hover ~ img, .b-item .inner > a:focus-visible ~ img {
border-radius: 8px 8px 0 0;
}
.b-item .inner > a:hover ~ .text-con, .b-item .inner > a:focus-visible ~ .text-con {
background-color: #F8FAFC;
}
.b-item .inner > a:hover ~ .text-con .bottom span, .b-item .inner > a:focus-visible ~ .text-con .bottom span {
text-decoration: underline;
}
.b-item img {
width: 100%;
border-radius: 8px 8px 8px 8px;
transition: 0.25s;
}
.b-item .bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
.b-item .text-con {
background-color: white;
transition: 0.25s;
border-radius: 0 0 8px 8px;
}
.b-item .tags a {
position: relative;
z-index: 3;
}
.f-item .inner {
border-bottom: 1px solid #EEF2F6;
position: relative;
}
.f-item .inner > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.f-item .inner > a:hover ~ .text-con .bottom span, .f-item .inner > a:focus-visible ~ .text-con .bottom span {
text-decoration: underline;
}
.f-item .bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
.f-item .tags a {
position: relative;
z-index: 3;
}
.f-item .tags a + a {
margin-left: 5px;
}
.p-items {
text-align: center;
}
@media (max-width: 768px) {
.p-items {
margin-bottom: 26px;
}
}
.p-items.done {
pointer-events: none;
}
.p-items.done a * {
color: #9AA3B2;
}
.p-items.done a svg * {
fill: #697586;
}
.p-items a {
display: block;
background-color: #F8FAFC;
}
.p-items a:hover, .p-items a:focus-visible {
background-color: #E0E5E9;
}
.p-items a svg * {
fill: #EF6831;
}
.o-item .w-2\/12 {
width: 14.063%;
}
@media (max-width: 768px) {
.o-item .w-2\/12 {
width: 17.763%;
}
}
.o-item .w-9\/12 {
width: calc(85.937% - 120px);
}
@media (max-width: 768px) {
.o-item .w-9\/12 {
width: calc(82.237% - 69px);
}
.o-item .w-9\/12 .mb-2 {
margin-bottom: 2px;
}
}
.o-item .w-9\/12:first-child {
width: calc(100% - 120px);
}
@media (max-width: 768px) {
.o-item .w-9\/12:first-child {
width: calc(100% - 69px);
}
}
.o-item .w-3\/12 {
width: 120px;
}
@media (max-width: 768px) {
.o-item .w-3\/12 {
width: 69px;
}
}
.o-item .w-3\/12 .btn {
width: 100%;
}
.o-item .dots {
font-size: 0.875rem;
}
@media (max-width: 768px) {
.o-item .dots {
font-size: 0.75rem;
margin-bottom: 1px;
}
}
.o-item .dots span {
font-size: 0.875rem;
}
@media (max-width: 768px) {
.o-item .dots span {
font-size: 0.75rem;
}
}
.o-item .dots span:has(+ span) {
margin-right: 16px;
position: relative;
}
.o-item .dots span:has(+ span):after {
content: "";
position: absolute;
right: -10.5px;
width: 0.3em;
height: 0.3em;
border-radius: 0.4em;
background-color: #697586;
transform: translate(50%, -50%);
top: 50%;
}
.co-item.co-item .w-2\/12 {
width: 7.03%;
}
@media (max-width: 768px) {
.co-item.co-item .w-2\/12 {
width: 10.03%;
}
}
.co-item.co-item .w-9\/12 {
width: calc(92.97% - 92px);
}
@media (max-width: 768px) {
.co-item.co-item .w-9\/12 {
width: calc(89.97% - 92px);
}
}
.co-item.co-item .w-9\/12:first-child {
width: calc(100% - 92px);
}
@media (max-width: 768px) {
.co-item.co-item .w-9\/12:first-child {
width: calc(100% - 92px);
}
}
.co-item.co-item .w-3\/12 {
width: 92px;
justify-content: space-between;
}
.co-item.co-item .w-3\/12 .btn {
width: 100%;
}
.co-item.co-item input {
background-color: #EEF2F6;
border-color: #EEF2F6;
font-size: 0.875rem;
padding: 4px 1px;
width: 24px;
text-align: center;
margin-right: 20px;
}
.co-item.co-item select {
padding-left: 20px;
padding-right: 33px;
background-color: #EEF2F6;
border-color: #EEF2F6;
font-size: 0.75rem;
height: 42px;
line-height: 40px;
width: auto;
min-width: 66px;
background-position: right -5px top 50%;
border-radius: 10px;
}
.tiers {
width: 100%;
}
.tiers .tier {
display: flex;
align-items: center;
}
.tiers .tier.active i::before, .tiers .tier.active i::after {
background-color: #EF6831;
}
.tiers .tier.active i svg * {
fill: #EF6831;
}
.tiers .tier:not(.active) > div span,
.tiers .tier:not(.active) > div div {
color: #CDD5DF;
}
.tiers .tier:first-of-type i:before {
display: none;
}
.tiers .tier:last-of-type > div {
border-bottom: none;
}
.tiers .tier:last-of-type i:after {
display: none;
}
.tiers .tier > div {
padding: 18px 0;
border-bottom: 1px solid #E3E8EF;
flex-grow: 1;
}
.tiers .tier .has-chart {
display: flex;
align-items: center;
width: 100%;
}
.tiers .tier .has-chart .line-chart {
margin-left: 6px;
height: 4px;
border-radius: 2px;
flex-grow: 1;
background-color: #E3E8EF;
position: relative;
}
.tiers .tier .has-chart .line-chart div {
position: absolute;
top: 0;
left: 0;
bottom: 0;
border-radius: 2px;
background-color: #062D41;
}
.tiers .tier .flex > div:first-of-type {
width: 100%;
padding-right: 80px;
}
.tiers .tier i {
margin-right: 14px;
position: relative;
align-self: stretch;
width: 36px;
display: flex;
align-items: center;
}
.tiers .tier i::before {
content: "";
position: absolute;
left: 50%;
width: 4px;
height: 50%;
transform: translateX(-50%);
bottom: 50%;
background-color: #CDD5DF;
z-index: -1;
}
.tiers .tier i::after {
content: "";
position: absolute;
left: 50%;
width: 4px;
height: 50%;
transform: translateX(-50%);
top: 50%;
background-color: #CDD5DF;
z-index: -1;
}
.tiers .tier i svg {
min-width: 36px;
height: 36px;
background-color: white;
}
.tiers .tier i svg * {
fill: #CDD5DF;
}
.tiers .tier .text-sm {
font-size: 0.625rem;
}
.tiers .tier .number {
background-color: #E3E8EF;
line-height: 24px;
font-size: 0.875rem;
min-width: 24px;
border-radius: 24px;
color: #9AA3B2;
text-align: center;
padding: 0 7px;
}
.pop-up {
height: 100vh;
width: 100vw;
background-color: rgba(0, 0, 0, 0.3);
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: 999;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.25s;
}
.pop-up.open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.pop-up[data-pop=age-gate] .pop {
background-color: #FCF5EE;
width: 494px;
}
.pop-up[data-pop=age-gate] form {
width: 343px;
max-width: 100%;
}
.pop-up[data-pop=age-gate] select {
border-color: white;
margin-bottom: 23px;
}
.pop-up[data-pop=age-gate] .young a {
text-decoration: underline;
color: #062D41;
}
.pop-up[data-pop=age-gate] .young a:hover, .pop-up[data-pop=age-gate] .young a:focus-visible {
color: #EF6831;
}
.pop-up[data-pop=age-gate] a {
color: #F49248;
text-decoration: underline;
}
.pop-up[data-pop=age-gate] a:hover, .pop-up[data-pop=age-gate] a:focus-visible {
color: #697586;
}
.pop-up[data-pop=delivery-address] .pop {
background-color: #F8BE34;
width: 494px;
}
.pop-up[data-pop=delivery-address] form {
width: 343px;
max-width: 100%;
}
.pop-up[data-pop=delivery-address] form .input-con {
position: relative;
margin-bottom: 23px;
}
.pop-up[data-pop=delivery-address] form .input-con input {
margin-bottom: 0;
padding-left: 46px;
}
.pop-up[data-pop=delivery-address] form .input-con svg {
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
}
.pop-up[data-pop=delivery-address] form .btn {
margin-bottom: 0;
}
.pop-up .cartouterwrapper {
max-height: calc(100vh - 24px - 93px - 32px - 24px - 20px);
overflow: auto;
}
.pop-up[data-pop=cart] {
justify-content: flex-end;
align-items: flex-start;
}
.pop-up[data-pop=cart] .inner {
max-height: 100%;
overflow: hidden;
}
.pop-up[data-pop=cart] .inner .inner {
overflow: none;
max-height: none;
}
.pop-up[data-pop=cart].open .pop {
transform: translateX(0%);
}
.pop-up[data-pop=cart] .pop {
width: 478px;
border-radius: 0;
transform: translateX(100%);
transition: 0.25s;
max-width: 100%;
}
.pop-up[data-pop=cart] .co-item.co-item .w-2\/12 {
width: 14.33%;
}
.pop-up[data-pop=cart] .co-item.co-item .w-9\/12 {
width: calc(85.67% - 146px);
}
@media (max-width: 768px) {
.pop-up[data-pop=cart] .co-item.co-item .w-9\/12 {
width: calc(85.67% - 140px);
}
}
.pop-up[data-pop=cart] .co-item.co-item .w-3\/12 {
width: 146px;
}
@media (max-width: 768px) {
.pop-up[data-pop=cart] .co-item.co-item .w-3\/12 {
width: 140px;
}
}
.pop-up[data-pop=cart] .bottom-button-con {
position: fixed;
bottom: 60px;
left: 0;
width: 100%;
z-index: 111;
}
.pop-up[data-pop=cart] .bottom-button-con .checkout-btn {
padding: 17.5px 75px;
background: #EF6831;
border-color: #EF6831;
}
.pop-up[data-pop=cart] .bottom-button-con .checkout-btn span {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 7px;
border-radius: 50px;
background-color: rgba(6, 45, 65, 0.2);
font-size: 0.75rem;
padding: 13px 9px;
}
.pop-up[data-pop=id-verification] .pop {
width: 458px;
}
.pop-up[data-pop=id-verification] .btn {
width: auto;
margin-bottom: 26px;
}
.pop-up[data-pop=id-verification] .arrow-link-ver {
border-bottom: 1px solid #E3E8EF;
background-image: url(../images/arrow-right.svg);
background-repeat: no-repeat;
background-position: right 4px top 50%;
padding-right: 15px;
}
.pop-up[data-pop=id-verification] .arrow-link-ver:hover, .pop-up[data-pop=id-verification] .arrow-link-ver:focus-visible {
background-position: right 0px top 50%;
}
.pop-up[data-pop=add-cc] .pop, .pop-up[data-pop=edit-cc] .pop {
width: 458px;
}
.pop-up[data-pop=add-cc] form, .pop-up[data-pop=edit-cc] form {
justify-content: space-between;
}
.pop-up[data-pop=add-cc] form .half, .pop-up[data-pop=edit-cc] form .half {
width: calc(50% - 5px);
}
.pop-up[data-pop=add-cc] form [type=submit], .pop-up[data-pop=edit-cc] form [type=submit] {
margin-top: 26px;
}
.pop-up[data-pop=add-address] .pop, .pop-up[data-pop=edit-address] .pop, .pop-up[data-pop=remove-address] .pop {
width: 458px;
}
.pop-up[data-pop=add-address] textarea, .pop-up[data-pop=edit-address] textarea, .pop-up[data-pop=remove-address] textarea {
height: 74px;
min-height: 74px;
}
.pop-up[data-pop=add-address] .btn.rounded.grey, .pop-up[data-pop=edit-address] .btn.rounded.grey, .pop-up[data-pop=remove-address] .btn.rounded.grey {
margin: 34px auto 50px;
width: 220px;
max-width: 100%;
}
.pop-up[data-pop=add-address] .btn.rounded.grey:hover, .pop-up[data-pop=add-address] .btn.rounded.grey:focus-visible, .pop-up[data-pop=edit-address] .btn.rounded.grey:hover, .pop-up[data-pop=edit-address] .btn.rounded.grey:focus-visible, .pop-up[data-pop=remove-address] .btn.rounded.grey:hover, .pop-up[data-pop=remove-address] .btn.rounded.grey:focus-visible {
text-decoration: none;
}
.pop-up[data-pop=required] .pop, .pop-up[data-pop=id-verification-passport] .pop, .pop-up[data-pop=id-verification-license] .pop {
width: 458px;
}
.pop-up[data-pop=required] .btn, .pop-up[data-pop=id-verification-passport] .btn, .pop-up[data-pop=id-verification-license] .btn {
margin-bottom: 40px;
}
.pop-up[data-pop=required] .having-trouble, .pop-up[data-pop=id-verification-passport] .having-trouble, .pop-up[data-pop=id-verification-license] .having-trouble {
background-color: #E8F5FD;
padding: 10px 10px 10px 32px;
width: 327px;
max-width: 100%;
margin: 0 auto;
background-image: url(../images/i.svg);
background-repeat: no-repeat;
background-position: 12px 13px;
}
.pop-up[data-pop=required] .having-trouble a, .pop-up[data-pop=id-verification-passport] .having-trouble a, .pop-up[data-pop=id-verification-license] .having-trouble a {
text-decoration: underline;
}
.pop-up .inner {
max-height: calc(100vh - 24px - 20px - 32px - 24px - 20px);
overflow: auto;
}
.pop-up .close {
position: relative;
width: 20px;
height: 20px;
display: block;
}
.pop-up .close::before, .pop-up .close:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 3px;
border-radius: 2px;
background-color: #062D41;
transition: 0.25s;
}
.pop-up .close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.pop-up .close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.pop-up .back {
width: 24px;
height: 25px;
display: block;
}
.pop-up .btn {
margin-bottom: 12px;
padding: 13.4px 13.4px;
}
.pop-up .pop {
background-color: white;
position: relative;
width: 432px;
border-radius: 8px;
max-width: calc(100% - 20px);
max-height: calc(100% - 20px);
}
.pop-up input,
.pop-up textarea,
.pop-up select {
margin-bottom: 7px;
}
.pop-up form a {
color: #EF6831;
}
.pop-up form a:hover, .pop-up form a:focus-visible {
color: #697586;
text-decoration: underline;
}
.pop-up .btn {
width: 100%;
}
.pop-up .or {
width: 100%;
text-align: center;
position: relative;
font-size: 0.875rem;
line-height: 1.7;
}
.pop-up .or:after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
height: 1px;
background-color: #E3E8EF;
}
.pop-up .or span {
display: inline-block;
padding: 0 24px;
background-color: white;
position: relative;
z-index: 2;
}
.pop-up input[type=radio],
.pop-up input[type=checkbox] {
display: none;
}
.pop-up input[type=radio] + span, .pop-up input[type=radio] + .wpcf7-list-item-label, .pop-up input[type=radio] + label,
.pop-up input[type=checkbox] + span,
.pop-up input[type=checkbox] + .wpcf7-list-item-label,
.pop-up input[type=checkbox] + label {
padding-left: 28px !important;
color: #697586;
}
.pop-up input[type=radio] + span:before, .pop-up input[type=radio] + .wpcf7-list-item-label:before, .pop-up input[type=radio] + label:before,
.pop-up input[type=checkbox] + span:before,
.pop-up input[type=checkbox] + .wpcf7-list-item-label:before,
.pop-up input[type=checkbox] + label:before {
width: 16px;
height: 16px;
left: 0px;
top: 2.5px;
border-radius: 2px;
background-color: #062D41;
border: none;
}
.pop-up input[type=radio] + span:after, .pop-up input[type=radio] + .wpcf7-list-item-label:after, .pop-up input[type=radio] + label:after,
.pop-up input[type=checkbox] + span:after,
.pop-up input[type=checkbox] + .wpcf7-list-item-label:after,
.pop-up input[type=checkbox] + label:after {
width: 16px;
height: 16px;
left: 0px;
top: 2.5px;
border-radius: 2px;
background-image: url(../images/tick.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
}
@media (max-width: 1536px) and (min-width: 769px) {
.container {
max-width: 1536px;
}
}
@media (max-width: 768px) {
.container {
max-width: 1536px;
}
}
@media (min-width: 640px) {
.sm\:col-span-1 {
grid-column: span 1 / span 1;
}
.sm\:col-span-2 {
grid-column: span 2 / span 2;
}
.sm\:col-span-3 {
grid-column: span 3 / span 3;
}
.sm\:col-span-4 {
grid-column: span 4 / span 4;
}
.sm\:col-span-6 {
grid-column: span 6 / span 6;
}
.sm\:mt-0 {
margin-top: 0px;
}
.sm\:flex {
display: flex;
}
.sm\:h-6 {
height: 1.5rem;
}
.sm\:h-40 {
height: 10rem;
}
.sm\:h-2\/3 {
height: 66.666667%;
}
.sm\:w-6 {
width: 1.5rem;
}
.sm\:w-40 {
width: 10rem;
}
.sm\:w-auto {
width: auto;
}
.sm\:w-1\/2 {
width: 50%;
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:items-start {
align-items: flex-start;
}
.sm\:justify-end {
justify-content: flex-end;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.sm\:rounded-lg {
border-radius: 0.5rem;
}
.sm\:p-6 {
padding: 1.5rem;
}
.sm\:px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.sm\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.sm\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.sm\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.sm\:px-3\.5 {
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.sm\:py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.sm\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.sm\:py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.sm\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.sm\:pb-32 {
padding-bottom: 8rem;
}
.sm\:text-sm {
font-size: .75rem;
line-height: 1.4;
}
.sm\:text-4xl {
font-size: 2.5rem;
line-height: 1.275;
}
.sm\:leading-6 {
line-height: 1.5rem;
}
}
@media (min-width: 769px) {
.md\:relative {
position: relative;
}
.md\:mt-0 {
margin-top: 0px;
}
.md\:mt-4 {
margin-top: 1rem;
}
.md\:mt-5 {
margin-top: 1.25rem;
}
.md\:mt-6 {
margin-top: 1.5rem;
}
.md\:mt-12 {
margin-top: 3rem;
}
.md\:mt-14 {
margin-top: 3.5rem;
}
.md\:mb-0 {
margin-bottom: 0px;
}
.md\:mb-2 {
margin-bottom: 0.5rem;
}
.md\:mb-4 {
margin-bottom: 1rem;
}
.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-14 {
margin-bottom: 3.5rem;
}
.md\:ml-6 {
margin-left: 1.5rem;
}
.md\:flex {
display: flex;
}
.md\:hidden {
display: none;
}
.md\:h-9 {
height: 2.25rem;
}
.md\:h-12 {
height: 3rem;
}
.md\:h-20 {
height: 5rem;
}
.md\:w-20 {
width: 5rem;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:w-1\/4 {
width: 25%;
}
.md\:w-2\/4 {
width: 50%;
}
.md\:w-3\/4 {
width: 75%;
}
.md\:w-1\/5 {
width: 20%;
}
.md\:w-4\/5 {
width: 80%;
}
.md\:w-3\/12 {
width: 25%;
}
.md\:w-5\/12 {
width: 41.666667%;
}
.md\:w-9\/12 {
width: 75%;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.md\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.md\:px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.md\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.md\:pt-0 {
padding-top: 0px;
}
.md\:pt-2 {
padding-top: 0.5rem;
}
.md\:pt-7 {
padding-top: 1.75rem;
}
.md\:pt-10 {
padding-top: 2.5rem;
}
.md\:pt-11 {
padding-top: 2.75rem;
}
.md\:pt-12 {
padding-top: 3rem;
}
.md\:pt-14 {
padding-top: 3.5rem;
}
.md\:pr-9 {
padding-right: 2.25rem;
}
.md\:pr-12 {
padding-right: 3rem;
}
.md\:pr-20 {
padding-right: 5rem;
}
.md\:pr-24 {
padding-right: 6rem;
}
.md\:pr-40 {
padding-right: 10rem;
}
.md\:pb-4 {
padding-bottom: 1rem;
}
.md\:pb-6 {
padding-bottom: 1.5rem;
}
.md\:pb-12 {
padding-bottom: 3rem;
}
.md\:pb-16 {
padding-bottom: 4rem;
}
.md\:pl-7 {
padding-left: 1.75rem;
}
.md\:pl-10 {
padding-left: 2.5rem;
}
.md\:pl-28 {
padding-left: 7rem;
}
.md\:text-base {
font-size: 1rem;
line-height: 1.2;
}
.md\:text-lg {
font-size: 1.25rem;
line-height: 1.2;
}
.md\:text-3xl {
font-size: 1.75rem;
line-height: 1.2;
}
.md\:text-4xl {
font-size: 2.5rem;
line-height: 1.275;
}
}
@media (min-width: 1024px) {
.lg\:absolute {
position: absolute;
}
.lg\:top-auto {
top: auto;
}
.lg\:left-20 {
left: 5rem;
}
.lg\:col-span-1 {
grid-column: span 1 / span 1;
}
.lg\:col-span-2 {
grid-column: span 2 / span 2;
}
.lg\:col-span-3 {
grid-column: span 3 / span 3;
}
.lg\:col-start-2 {
grid-column-start: 2;
}
.lg\:row-start-1 {
grid-row-start: 1;
}
.lg\:mt-0 {
margin-top: 0px;
}
.lg\:mt-6 {
margin-top: 1.5rem;
}
.lg\:mt-8 {
margin-top: 2rem;
}
.lg\:-mt-4 {
margin-top: -1rem;
}
.lg\:ml-2 {
margin-left: 0.5rem;
}
.lg\:ml-4 {
margin-left: 1rem;
}
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:grid {
display: grid;
}
.lg\:hidden {
display: none;
}
.lg\:h-full {
height: 100%;
}
.lg\:w-60 {
width: 15rem;
}
.lg\:w-1\/2 {
width: 50%;
}
.lg\:w-1\/4 {
width: 25%;
}
.lg\:w-1\/5 {
width: 20%;
}
.lg\:w-2\/12 {
width: 16.666667%;
}
.lg\:w-4\/12 {
width: 33.333333%;
}
.lg\:w-5\/12 {
width: 41.666667%;
}
.lg\:w-8\/12 {
width: 66.666667%;
}
.lg\:w-full {
width: 100%;
}
.lg\:max-w-none {
max-width: none;
}
.lg\:max-w-lg {
max-width: 32rem;
}
.lg\:max-w-3xl {
max-width: 48rem;
}
.lg\:max-w-4xl {
max-width: 56rem;
}
.lg\:max-w-6xl {
max-width: 72rem;
}
.lg\:max-w-7xl {
max-width: 80rem;
}
.lg\:max-w-full {
max-width: 100%;
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:items-center {
align-items: center;
}
.lg\:justify-center {
justify-content: center;
}
.lg\:gap-8 {
gap: 2rem;
}
.lg\:gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.lg\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1.25rem * var(--tw-space-x-reverse));
margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.lg\:bg-black {
--tw-bg-opacity: 1;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.lg\:bg-opacity-80 {
--tw-bg-opacity: 0.8;
}
.lg\:p-8 {
padding: 2rem;
}
.lg\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.lg\:px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.lg\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.lg\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.lg\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.lg\:pt-0 {
padding-top: 0px;
}
.lg\:pt-12 {
padding-top: 3rem;
}
.lg\:pt-32 {
padding-top: 8rem;
}
.lg\:pr-4 {
padding-right: 1rem;
}
.lg\:pr-20 {
padding-right: 5rem;
}
.lg\:pb-0 {
padding-bottom: 0px;
}
.lg\:pb-12 {
padding-bottom: 3rem;
}
.lg\:pb-28 {
padding-bottom: 7rem;
}
.lg\:text-left {
text-align: left;
}
.lg\:text-sm {
font-size: .75rem;
line-height: 1.4;
}
.lg\:text-base {
font-size: 1rem;
line-height: 1.2;
}
.lg\:text-2xl {
font-size: 1.5rem;
line-height: 1.2;
}
.lg\:text-4xl {
font-size: 2.5rem;
line-height: 1.275;
}
.lg\:text-6xl {
font-size: 3.75rem;
line-height: 1;
}
.lg\:text-8xl {
font-size: 6rem;
line-height: 1;
}
}
@media (min-width: 1536px) {
.xl\:mt-0 {
margin-top: 0px;
}
.xl\:w-1\/4 {
width: 25%;
}
.xl\:w-1\/5 {
width: 20%;
}
.xl\:flex-row {
flex-direction: row;
}
.xl\:p-12 {
padding: 3rem;
}
.xl\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.xl\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.xl\:pr-16 {
padding-right: 4rem;
}
.xl\:pr-48 {
padding-right: 12rem;
}
}
@media (min-width: 1536px) {
}
/*# sourceMappingURL=maps/style.css.map */