/** Shopify CDN: Minification failed
Line 860:2 Expected identifier but found "*"
Line 965:2 Expected identifier but found "*"
Line 2760:2 Expected identifier but found "*"
Line 5987:2 Expected identifier but found "*"
Line 8569:4 Expected identifier but found "*"
Line 10154:0 Unexpected "}"
Line 12753:6 Comments in CSS use "/* ... */" instead of "//"
Line 13678:1 Expected "}" to go with "{"
**/
@charset "UTF-8";
/* */
/* Rating stars variables */
/*================ SETTINGS ================*/
/*================ Sizing Variables ================*/
/*============================================================================
Grid Breakpoints and Class Names
- Do not change the variable names
==============================================================================*/
/*============================================================================
Generate breakpoint-specific column widths and push classes
- Default column widths: $breakpoint-has-widths: ($small, $medium-up);
- Default is no push classes
- Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
/*================ Z-Index ================*/
/*================ Color Variables ================*/
/* LOGO */
/* BASE */
/* HEADINGS */
/* NAV */
/* FONT STYLES */
/* FONT SIZES */
/* Collection subset of styles.css — edit this file directly for collection CSS changes. Vendor block omitted (PhotoSwipe, Colorbox, legacy Swiper). Slick included for usp-features; deferred swiper-bundle.min.css handles logo-list / reviews carousels. */
/*================ SLICK (usp-features) ================*/
/* Slider */
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Slider */
.slick-loading .slick-list {
background: #fff url(//www.floraqueen.com/cdn/shop/t/77/assets/preloader.gif?v=77008736554601496081758890628) center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next {
min-width: 0;
border-radius: 0;
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 44px;
height: 44px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev {
left: -25px;
}
[dir=rtl] .slick-prev {
right: -25px;
left: auto;
}
.slick-next {
right: -25px;
}
[dir=rtl] .slick-next {
right: auto;
left: -25px;
}
/* Dots */
.slick-dots {
position: absolute;
bottom: 15px;
width: 100%;
padding: 0 20px;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
display: inline-block;
margin: 0 7px;
padding: 0;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
padding: 0;
min-width: 0;
cursor: pointer;
color: transparent;
border: 2px solid #fff;
background: transparent;
border-radius: 10px;
transition: all 150ms;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li.slick-active button {
background: #fff;
}
@media (max-width: 767px) {
.slick-dots li {
margin: 0 6px;
}
.slick-dots li button {
width: 8px;
height: 8px;
border: 1px solid #fff;
}
}
.slick-external-controls {
position: relative;
margin: 0 0 15px;
}
.slick-external-controls .slick-dots {
position: static;
padding: 0 44px;
}
.slick-external-controls .slick-dots li {
vertical-align: middle;
}
.slick-external-controls .slick-dots li button {
border-color: #141414;
background: transparent;
opacity: 0.5;
}
.slick-external-controls .slick-dots li.slick-active button {
border-color: #141414;
background: #141414;
opacity: 1;
}
@media (max-width: 767px) {
.slick-external-controls .slick-dots li button {
width: 9px;
height: 9px;
}
}
.slick-external-controls .slick-next,
.slick-external-controls .slick-prev {
top: -10px;
transform: none;
}
.slick-external-controls .slick-next.slick-disabled,
.slick-external-controls .slick-prev.slick-disabled {
opacity: 0.25;
}
.slick-external-controls .slick-next svg,
.slick-external-controls .slick-prev svg {
fill: #141414;
}
.slick-external-controls .slick-prev {
left: -15px;
}
.slick-external-controls .slick-next {
right: -15px;
}
/*================ UTILS ================*/
/*================ Mixins ================*/
/*============================================================================
Prefix mixin for generating vendor prefixes.
Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss
Usage:
// Input:
.element {
@include prefix(transform, scale(1), ms webkit spec);
}
// Output:
.element {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
==============================================================================*/
/*================ Media Query Mixin ================*/
/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/*================ GENERIC ================*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main { /* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
font-weight: bold;
background-color: transparent;
}
/**
* 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;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.4; /* 1 */ /* minimum required to display ascenders in Futura */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-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 and cancel buttons in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-cancel-button,
[type=search]::-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 IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
/*================ Slate specific reset ================*/
*,
*::before,
*::after {
box-sizing: border-box;
}
body,
input,
textarea,
button,
select {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
img {
max-width: 100%;
}
ul,
ol,
li {
margin: 0;
padding: 0;
}
/*================ Form element helpers ================*/
form {
margin: 0;
}
@media only screen and (max-width: 1023px) {
input,
textarea,
select {
font-size: 16px;
}
}
button,
input[type=submit],
label[for] {
cursor: pointer;
}
option {
color: #141414;
background-color: #ffffff;
}
[tabindex="-1"]:focus {
outline: none;
}
/*============================================================================
Fast Tap
enables no-delay taps (FastClick-esque) on supporting browsers
==============================================================================*/
a,
button,
[role=button],
input,
label,
select,
textarea {
touch-action: manipulation;
}
/*================ Helper Classes ================*/
.clearfix {
*zoom: 1;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
.visually-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.js-focus-hidden:focus {
outline: none;
}
.label-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.no-placeholder .label-hidden {
position: inherit !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
.visually-shown {
position: inherit !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
.hidden {
display: none;
}
.no-js:not(html) {
display: none;
}
.no-js .no-js:not(html) {
display: block;
}
.no-js .js {
display: none;
}
.supports-no-cookies:not(html) {
display: none;
}
html.supports-no-cookies .supports-no-cookies:not(html) {
display: block;
}
html.supports-no-cookies .supports-cookies {
display: none;
}
/*============================================================================
Skip to content button
- Overrides .visually-hidden when focused
==============================================================================*/
.skip-link:focus {
position: absolute !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
color: #141414;
background-color: #ffffff;
padding: 10px;
z-index: 10000;
transition: none;
}
.link-reset, .product-block__link {
text-decoration: none;
color: inherit;
}
/*============================================================================
Grid
- Based on CSS Wizardry grid
==============================================================================*/
.grid {
*zoom: 1;
list-style: none;
margin: 0;
padding: 0;
margin-left: -15px;
display:block;
}
.grid::after {
content: "";
display: table;
clear: both;
}
.grid-flex {
display: flex;
flex-wrap: wrap;
}
.grid-flex--wide-margins {
margin-left: -20px;
margin-bottom: -20px;
}
.grid-flex__item {
padding-left: 15px;
padding-bottom: 15px;
width: 100%;
flex-grow: 1;
}
.grid-flex__item--wide-gutter {
padding-left: 20px;
padding-bottom: 20px;
width: 100%;
flex-grow: 1;
}
.grid__item {
float: left;
padding-left: 15px;
width: 100%;
}
.grid__item[class*="--push"] {
position: relative;
}
/*============================================================================
Reversed grids allow you to structure your source in the opposite
order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
direction: rtl;
text-align: left;
}
.grid--rev > .grid__item {
direction: ltr;
text-align: left;
float: right;
}
/*============================================================================
Grid Columns
- Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Grid push classes ================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Build Base Grid Classes ================*/
/** Whole */
.one-whole {
width: 100%;
}
/* Halves */
.one-half {
width: 50%;
}
/* Thirds */
.one-third {
width: 33.3333333333%;
}
.two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.one-quarter {
width: 25%;
}
.two-quarters {
width: 50%;
}
.three-quarters {
width: 75%;
}
/* Fifths */
.one-fifth {
width: 20%;
}
.two-fifths {
width: 40%;
}
.three-fifths {
width: 60%;
}
.four-fifths {
width: 80%;
}
/* Sixths */
.one-sixth {
width: 16.6666666667%;
}
.two-sixths {
width: 33.3333333333%;
}
.three-sixths {
width: 50%;
}
.four-sixths {
width: 66.6666666667%;
}
.five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.one-eighth {
width: 12.5%;
}
.two-eighths {
width: 25%;
}
.three-eighths {
width: 37.5%;
}
.four-eighths {
width: 50%;
}
.five-eighths {
width: 62.5%;
}
.six-eighths {
width: 75%;
}
.seven-eighths {
width: 87.5%;
}
/* Tenths */
.one-tenth {
width: 10%;
}
.two-tenths {
width: 20%;
}
.three-tenths {
width: 30%;
}
.four-tenths {
width: 40%;
}
.five-tenths {
width: 50%;
}
.six-tenths {
width: 60%;
}
.seven-tenths {
width: 70%;
}
.eight-tenths {
width: 80%;
}
.nine-tenths {
width: 90%;
}
/* Twelfths */
.one-twelfth {
width: 8.3333333333%;
}
.two-twelfths {
width: 16.6666666667%;
}
.three-twelfths {
width: 25%;
}
.four-twelfths {
width: 33.3333333333%;
}
.five-twelfths {
width: 41.6666666667%;
}
.six-twelfths {
width: 50%;
}
.seven-twelfths {
width: 58.3333333333%;
}
.eight-twelfths {
width: 66.6666666667%;
}
.nine-twelfths {
width: 75%;
}
.ten-twelfths {
width: 83.3333333333%;
}
.eleven-twelfths {
width: 91.6666666667%;
}
/* Hide/show - when used for spacing */
.hide {
display: none;
}
.show {
display: block;
}
.grid--uniform .one-half:nth-child(2n+1),
.grid--uniform .one-third:nth-child(3n+1),
.grid--uniform .one-quarter:nth-child(4n+1),
.grid--uniform .one-fifth:nth-child(5n+1),
.grid--uniform .one-sixth:nth-child(6n+1),
.grid--uniform .two-sixths:nth-child(3n+1),
.grid--uniform .three-sixths:nth-child(2n+1),
.grid--uniform .one-eighth:nth-child(8n+1),
.grid--uniform .two-eighths:nth-child(4n+1),
.grid--uniform .four-eighths:nth-child(2n+1),
.grid--uniform .five-tenths:nth-child(2n+1),
.grid--uniform .one-twelfth:nth-child(12n+1),
.grid--uniform .two-twelfths:nth-child(6n+1),
.grid--uniform .three-twelfths:nth-child(4n+1),
.grid--uniform .four-twelfths:nth-child(3n+1),
.grid--uniform .six-twelfths:nth-child(2n+1) {
clear: both;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 1033px) {
/** Whole */
.large-down--one-whole {
width: 100%;
}
/* Halves */
.large-down--one-half {
width: 50%;
}
/* Thirds */
.large-down--one-third {
width: 33.3333333333%;
}
.large-down--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.large-down--one-quarter {
width: 25%;
}
.large-down--two-quarters {
width: 50%;
}
.large-down--three-quarters {
width: 75%;
}
/* Fifths */
.large-down--one-fifth {
width: 20%;
}
.large-down--two-fifths {
width: 40%;
}
.large-down--three-fifths {
width: 60%;
}
.large-down--four-fifths {
width: 80%;
}
/* Sixths */
.large-down--one-sixth {
width: 16.6666666667%;
}
.large-down--two-sixths {
width: 33.3333333333%;
}
.large-down--three-sixths {
width: 50%;
}
.large-down--four-sixths {
width: 66.6666666667%;
}
.large-down--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.large-down--one-eighth {
width: 12.5%;
}
.large-down--two-eighths {
width: 25%;
}
.large-down--three-eighths {
width: 37.5%;
}
.large-down--four-eighths {
width: 50%;
}
.large-down--five-eighths {
width: 62.5%;
}
.large-down--six-eighths {
width: 75%;
}
.large-down--seven-eighths {
width: 87.5%;
}
/* Tenths */
.large-down--one-tenth {
width: 10%;
}
.large-down--two-tenths {
width: 20%;
}
.large-down--three-tenths {
width: 30%;
}
.large-down--four-tenths {
width: 40%;
}
.large-down--five-tenths {
width: 50%;
}
.large-down--six-tenths {
width: 60%;
}
.large-down--seven-tenths {
width: 70%;
}
.large-down--eight-tenths {
width: 80%;
}
.large-down--nine-tenths {
width: 90%;
}
/* Twelfths */
.large-down--one-twelfth {
width: 8.3333333333%;
}
.large-down--two-twelfths {
width: 16.6666666667%;
}
.large-down--three-twelfths {
width: 25%;
}
.large-down--four-twelfths {
width: 33.3333333333%;
}
.large-down--five-twelfths {
width: 41.6666666667%;
}
.large-down--six-twelfths {
width: 50%;
}
.large-down--seven-twelfths {
width: 58.3333333333%;
}
.large-down--eight-twelfths {
width: 66.6666666667%;
}
.large-down--nine-twelfths {
width: 75%;
}
.large-down--ten-twelfths {
width: 83.3333333333%;
}
.large-down--eleven-twelfths {
width: 91.6666666667%;
}
/* Hide/show - when used for spacing */
.large-down--hide {
display: none;
}
.large-down--show {
display: block;
}
.grid--uniform .large-down--one-half:nth-child(2n+1),
.grid--uniform .large-down--one-third:nth-child(3n+1),
.grid--uniform .large-down--one-quarter:nth-child(4n+1),
.grid--uniform .large-down--one-fifth:nth-child(5n+1),
.grid--uniform .large-down--one-sixth:nth-child(6n+1),
.grid--uniform .large-down--two-sixths:nth-child(3n+1),
.grid--uniform .large-down--three-sixths:nth-child(2n+1),
.grid--uniform .large-down--one-eighth:nth-child(8n+1),
.grid--uniform .large-down--two-eighths:nth-child(4n+1),
.grid--uniform .large-down--four-eighths:nth-child(2n+1),
.grid--uniform .large-down--five-tenths:nth-child(2n+1),
.grid--uniform .large-down--one-twelfth:nth-child(12n+1),
.grid--uniform .large-down--two-twelfths:nth-child(6n+1),
.grid--uniform .large-down--three-twelfths:nth-child(4n+1),
.grid--uniform .large-down--four-twelfths:nth-child(3n+1),
.grid--uniform .large-down--six-twelfths:nth-child(2n+1) {
clear: both;
}
.large-down--show {
display: block !important;
}
.large-down--hide {
display: none !important;
}
.large-down--text-left {
text-align: left !important;
}
.large-down--text-right {
text-align: right !important;
}
.large-down--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 1023px) {
/** Whole */
.medium-down--one-whole {
width: 100%;
}
/* Halves */
.medium-down--one-half {
width: 50%;
}
/* Thirds */
.medium-down--one-third {
width: 33.3333333333%;
}
.medium-down--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.medium-down--one-quarter {
width: 25%;
}
.medium-down--two-quarters {
width: 50%;
}
.medium-down--three-quarters {
width: 75%;
}
/* Fifths */
.medium-down--one-fifth {
width: 20%;
}
.medium-down--two-fifths {
width: 40%;
}
.medium-down--three-fifths {
width: 60%;
}
.medium-down--four-fifths {
width: 80%;
}
/* Sixths */
.medium-down--one-sixth {
width: 16.6666666667%;
}
.medium-down--two-sixths {
width: 33.3333333333%;
}
.medium-down--three-sixths {
width: 50%;
}
.medium-down--four-sixths {
width: 66.6666666667%;
}
.medium-down--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.medium-down--one-eighth {
width: 12.5%;
}
.medium-down--two-eighths {
width: 25%;
}
.medium-down--three-eighths {
width: 37.5%;
}
.medium-down--four-eighths {
width: 50%;
}
.medium-down--five-eighths {
width: 62.5%;
}
.medium-down--six-eighths {
width: 75%;
}
.medium-down--seven-eighths {
width: 87.5%;
}
/* Tenths */
.medium-down--one-tenth {
width: 10%;
}
.medium-down--two-tenths {
width: 20%;
}
.medium-down--three-tenths {
width: 30%;
}
.medium-down--four-tenths {
width: 40%;
}
.medium-down--five-tenths {
width: 50%;
}
.medium-down--six-tenths {
width: 60%;
}
.medium-down--seven-tenths {
width: 70%;
}
.medium-down--eight-tenths {
width: 80%;
}
.medium-down--nine-tenths {
width: 90%;
}
/* Twelfths */
.medium-down--one-twelfth {
width: 8.3333333333%;
}
.medium-down--two-twelfths {
width: 16.6666666667%;
}
.medium-down--three-twelfths {
width: 25%;
}
.medium-down--four-twelfths {
width: 33.3333333333%;
}
.medium-down--five-twelfths {
width: 41.6666666667%;
}
.medium-down--six-twelfths {
width: 50%;
}
.medium-down--seven-twelfths {
width: 58.3333333333%;
}
.medium-down--eight-twelfths {
width: 66.6666666667%;
}
.medium-down--nine-twelfths {
width: 75%;
}
.medium-down--ten-twelfths {
width: 83.3333333333%;
}
.medium-down--eleven-twelfths {
width: 91.6666666667%;
}
/* Hide/show - when used for spacing */
.medium-down--hide {
display: none;
}
.medium-down--show {
display: block;
}
.grid--uniform .medium-down--one-half:nth-child(2n+1),
.grid--uniform .medium-down--one-third:nth-child(3n+1),
.grid--uniform .medium-down--one-quarter:nth-child(4n+1),
.grid--uniform .medium-down--one-fifth:nth-child(5n+1),
.grid--uniform .medium-down--one-sixth:nth-child(6n+1),
.grid--uniform .medium-down--two-sixths:nth-child(3n+1),
.grid--uniform .medium-down--three-sixths:nth-child(2n+1),
.grid--uniform .medium-down--one-eighth:nth-child(8n+1),
.grid--uniform .medium-down--two-eighths:nth-child(4n+1),
.grid--uniform .medium-down--four-eighths:nth-child(2n+1),
.grid--uniform .medium-down--five-tenths:nth-child(2n+1),
.grid--uniform .medium-down--one-twelfth:nth-child(12n+1),
.grid--uniform .medium-down--two-twelfths:nth-child(6n+1),
.grid--uniform .medium-down--three-twelfths:nth-child(4n+1),
.grid--uniform .medium-down--four-twelfths:nth-child(3n+1),
.grid--uniform .medium-down--six-twelfths:nth-child(2n+1) {
clear: both;
}
.medium-down--show {
display: block !important;
}
.medium-down--hide {
display: none !important;
}
.medium-down--text-left {
text-align: left !important;
}
.medium-down--text-right {
text-align: right !important;
}
.medium-down--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 560px) and (max-width: 1023px) {
/** Whole */
.medium--one-whole {
width: 100%;
}
/* Halves */
.medium--one-half {
width: 50%;
}
/* Thirds */
.medium--one-third {
width: 33.3333333333%;
}
.medium--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.medium--one-quarter {
width: 25%;
}
.medium--two-quarters {
width: 50%;
}
.medium--three-quarters {
width: 75%;
}
/* Fifths */
.medium--one-fifth {
width: 20%;
}
.medium--two-fifths {
width: 40%;
}
.medium--three-fifths {
width: 60%;
}
.medium--four-fifths {
width: 80%;
}
/* Sixths */
.medium--one-sixth {
width: 16.6666666667%;
}
.medium--two-sixths {
width: 33.3333333333%;
}
.medium--three-sixths {
width: 50%;
}
.medium--four-sixths {
width: 66.6666666667%;
}
.medium--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.medium--one-eighth {
width: 12.5%;
}
.medium--two-eighths {
width: 25%;
}
.medium--three-eighths {
width: 37.5%;
}
.medium--four-eighths {
width: 50%;
}
.medium--five-eighths {
width: 62.5%;
}
.medium--six-eighths {
width: 75%;
}
.medium--seven-eighths {
width: 87.5%;
}
/* Tenths */
.medium--one-tenth {
width: 10%;
}
.medium--two-tenths {
width: 20%;
}
.medium--three-tenths {
width: 30%;
}
.medium--four-tenths {
width: 40%;
}
.medium--five-tenths {
width: 50%;
}
.medium--six-tenths {
width: 60%;
}
.medium--seven-tenths {
width: 70%;
}
.medium--eight-tenths {
width: 80%;
}
.medium--nine-tenths {
width: 90%;
}
/* Twelfths */
.medium--one-twelfth {
width: 8.3333333333%;
}
.medium--two-twelfths {
width: 16.6666666667%;
}
.medium--three-twelfths {
width: 25%;
}
.medium--four-twelfths {
width: 33.3333333333%;
}
.medium--five-twelfths {
width: 41.6666666667%;
}
.medium--six-twelfths {
width: 50%;
}
.medium--seven-twelfths {
width: 58.3333333333%;
}
.medium--eight-twelfths {
width: 66.6666666667%;
}
.medium--nine-twelfths {
width: 75%;
}
.medium--ten-twelfths {
width: 83.3333333333%;
}
.medium--eleven-twelfths {
width: 91.6666666667%;
}
/* Hide/show - when used for spacing */
.medium--hide {
display: none;
}
.medium--show {
display: block;
}
.grid--uniform .medium--one-half:nth-child(2n+1),
.grid--uniform .medium--one-third:nth-child(3n+1),
.grid--uniform .medium--one-quarter:nth-child(4n+1),
.grid--uniform .medium--one-fifth:nth-child(5n+1),
.grid--uniform .medium--one-sixth:nth-child(6n+1),
.grid--uniform .medium--two-sixths:nth-child(3n+1),
.grid--uniform .medium--three-sixths:nth-child(2n+1),
.grid--uniform .medium--one-eighth:nth-child(8n+1),
.grid--uniform .medium--two-eighths:nth-child(4n+1),
.grid--uniform .medium--four-eighths:nth-child(2n+1),
.grid--uniform .medium--five-tenths:nth-child(2n+1),
.grid--uniform .medium--one-twelfth:nth-child(12n+1),
.grid--uniform .medium--two-twelfths:nth-child(6n+1),
.grid--uniform .medium--three-twelfths:nth-child(4n+1),
.grid--uniform .medium--four-twelfths:nth-child(3n+1),
.grid--uniform .medium--six-twelfths:nth-child(2n+1) {
clear: both;
}
.medium--show {
display: block !important;
}
.medium--hide {
display: none !important;
}
.medium--text-left {
text-align: left !important;
}
.medium--text-right {
text-align: right !important;
}
.medium--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 559px) {
/** Whole */
.small-down--one-whole {
width: 100%;
}
/* Halves */
.small-down--one-half {
width: 50%;
}
/* Thirds */
.small-down--one-third {
width: 33.3333333333%;
}
.small-down--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.small-down--one-quarter {
width: 25%;
}
.small-down--two-quarters {
width: 50%;
}
.small-down--three-quarters {
width: 75%;
}
/* Fifths */
.small-down--one-fifth {
width: 20%;
}
.small-down--two-fifths {
width: 40%;
}
.small-down--three-fifths {
width: 60%;
}
.small-down--four-fifths {
width: 80%;
}
/* Sixths */
.small-down--one-sixth {
width: 16.6666666667%;
}
.small-down--two-sixths {
width: 33.3333333333%;
}
.small-down--three-sixths {
width: 50%;
}
.small-down--four-sixths {
width: 66.6666666667%;
}
.small-down--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.small-down--one-eighth {
width: 12.5%;
}
.small-down--two-eighths {
width: 25%;
}
.small-down--three-eighths {
width: 37.5%;
}
.small-down--four-eighths {
width: 50%;
}
.small-down--five-eighths {
width: 62.5%;
}
.small-down--six-eighths {
width: 75%;
}
.small-down--seven-eighths {
width: 87.5%;
}
/* Tenths */
.small-down--one-tenth {
width: 10%;
}
.small-down--two-tenths {
width: 20%;
}
.small-down--three-tenths {
width: 30%;
}
.small-down--four-tenths {
width: 40%;
}
.small-down--five-tenths {
width: 50%;
}
.small-down--six-tenths {
width: 60%;
}
.small-down--seven-tenths {
width: 70%;
}
.small-down--eight-tenths {
width: 80%;
}
.small-down--nine-tenths {
width: 90%;
}
/* Twelfths */
.small-down--one-twelfth {
width: 8.3333333333%;
}
.small-down--two-twelfths {
width: 16.6666666667%;
}
.small-down--three-twelfths {
width: 25%;
}
.small-down--four-twelfths {
width: 33.3333333333%;
}
.small-down--five-twelfths {
width: 41.6666666667%;
}
.small-down--six-twelfths {
width: 50%;
}
.small-down--seven-twelfths {
width: 58.3333333333%;
}
.small-down--eight-twelfths {
width: 66.6666666667%;
}
.small-down--nine-twelfths {
width: 75%;
}
.small-down--ten-twelfths {
width: 83.3333333333%;
}
.small-down--eleven-twelfths {
width: 91.6666666667%;
}
/* Hide/show - when used for spacing */
.small-down--hide {
display: none;
}
.small-down--show {
display: block;
}
.grid--uniform .small-down--one-half:nth-child(2n+1),
.grid--uniform .small-down--one-third:nth-child(3n+1),
.grid--uniform .small-down--one-quarter:nth-child(4n+1),
.grid--uniform .small-down--one-fifth:nth-child(5n+1),
.grid--uniform .small-down--one-sixth:nth-child(6n+1),
.grid--uniform .small-down--two-sixths:nth-child(3n+1),
.grid--uniform .small-down--three-sixths:nth-child(2n+1),
.grid--uniform .small-down--one-eighth:nth-child(8n+1),
.grid--uniform .small-down--two-eighths:nth-child(4n+1),
.grid--uniform .small-down--four-eighths:nth-child(2n+1),
.grid--uniform .small-down--five-tenths:nth-child(2n+1),
.grid--uniform .small-down--one-twelfth:nth-child(12n+1),
.grid--uniform .small-down--two-twelfths:nth-child(6n+1),
.grid--uniform .small-down--three-twelfths:nth-child(4n+1),
.grid--uniform .small-down--four-twelfths:nth-child(3n+1),
.grid--uniform .small-down--six-twelfths:nth-child(2n+1) {
clear: both;
}
.small-down--show {
display: block !important;
}
.small-down--hide {
display: none !important;
}
.small-down--text-left {
text-align: left !important;
}
.small-down--text-right {
text-align: right !important;
}
.small-down--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 440px) {
/** Whole */
.small-up--one-whole {
width: 100%;
}
/* Halves */
.small-up--one-half {
width: 50%;
}
/* Thirds */
.small-up--one-third {
width: 33.3333333333%;
}
.small-up--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.small-up--one-quarter {
width: 25%;
}
.small-up--two-quarters {
width: 50%;
}
.small-up--three-quarters {
width: 75%;
}
/* Fifths */
.small-up--one-fifth {
width: 20%;
}
.small-up--two-fifths {
width: 40%;
}
.small-up--three-fifths {
width: 60%;
}
.small-up--four-fifths {
width: 80%;
}
/* Sixths */
.small-up--one-sixth {
width: 16.6666666667%;
}
.small-up--two-sixths {
width: 33.3333333333%;
}
.small-up--three-sixths {
width: 50%;
}
.small-up--four-sixths {
width: 66.6666666667%;
}
.small-up--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.small-up--one-eighth {
width: 12.5%;
}
.small-up--two-eighths {
width: 25%;
}
.small-up--three-eighths {
width: 37.5%;
}
.small-up--four-eighths {
width: 50%;
}
.small-up--five-eighths {
width: 62.5%;
}
.small-up--six-eighths {
width: 75%;
}
.small-up--seven-eighths {
width: 87.5%;
}
/* Tenths */
.small-up--one-tenth {
width: 10%;
}
.small-up--two-tenths {
width: 20%;
}
.small-up--three-tenths {
width: 30%;
}
.small-up--four-tenths {
width: 40%;
}
.small-up--five-tenths {
width: 50%;
}
.small-up--six-tenths {
width: 60%;
}
.small-up--seven-tenths {
width: 70%;
}
.small-up--eight-tenths {
width: 80%;
}
.small-up--nine-tenths {
width: 90%;
}
/* Twelfths */
.small-up--one-twelfth {
width: 8.3333333333%;
}
.small-up--two-twelfths {
width: 16.6666666667%;
}
.small-up--three-twelfths {
width: 25%;
}
.small-up--four-twelfths {
width: 33.3333333333%;
}
.small-up--five-twelfths {
width: 41.6666666667%;
}
.small-up--six-twelfths {
width: 50%;
}
.small-up--seven-twelfths {
width: 58.3333333333%;
}
.small-up--eight-twelfths {
width: 66.6666666667%;
}
.small-up--nine-twelfths {
width: 75%;
}
.small-up--ten-twelfths {
width: 83.3333333333%;
}
.small-up--eleven-twelfths {
width: 91.6666666667%;
}
/* Hide/show - when used for spacing */
.small-up--hide {
display: none;
}
.small-up--show {
display: block;
}
.grid--uniform .small-up--one-half:nth-child(2n+1),
.grid--uniform .small-up--one-third:nth-child(3n+1),
.grid--uniform .small-up--one-quarter:nth-child(4n+1),
.grid--uniform .small-up--one-fifth:nth-child(5n+1),
.grid--uniform .small-up--one-sixth:nth-child(6n+1),
.grid--uniform .small-up--two-sixths:nth-child(3n+1),
.grid--uniform .small-up--three-sixths:nth-child(2n+1),
.grid--uniform .small-up--one-eighth:nth-child(8n+1),
.grid--uniform .small-up--two-eighths:nth-child(4n+1),
.grid--uniform .small-up--four-eighths:nth-child(2n+1),
.grid--uniform .small-up--five-tenths:nth-child(2n+1),
.grid--uniform .small-up--one-twelfth:nth-child(12n+1),
.grid--uniform .small-up--two-twelfths:nth-child(6n+1),
.grid--uniform .small-up--three-twelfths:nth-child(4n+1),
.grid--uniform .small-up--four-twelfths:nth-child(3n+1),
.grid--uniform .small-up--six-twelfths:nth-child(2n+1) {
clear: both;
}
.small-up--show {
display: block !important;
}
.small-up--hide {
display: none !important;
}
.small-up--text-left {
text-align: left !important;
}
.small-up--text-right {
text-align: right !important;
}
.small-up--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 439px) {
/** Whole */
.extra-small--one-whole {
width: 100%;
}
/* Halves */
.extra-small--one-half {
width: 50%;
}
/* Thirds */
.extra-small--one-third {
width: 33.3333333333%;
}
.extra-small--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.extra-small--one-quarter {
width: 25%;
}
.extra-small--two-quarters {
width: 50%;
}
.extra-small--three-quarters {
width: 75%;
}
/* Fifths */
.extra-small--one-fifth {
width: 20%;
}
.extra-small--two-fifths {
width: 40%;
}
.extra-small--three-fifths {
width: 60%;
}
.extra-small--four-fifths {
width: 80%;
}
/* Sixths */
.extra-small--one-sixth {
width: 16.6666666667%;
}
.extra-small--two-sixths {
width: 33.3333333333%;
}
.extra-small--three-sixths {
width: 50%;
}
.extra-small--four-sixths {
width: 66.6666666667%;
}
.extra-small--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.extra-small--one-eighth {
width: 12.5%;
}
.extra-small--two-eighths {
width: 25%;
}
.extra-small--three-eighths {
width: 37.5%;
}
.extra-small--four-eighths {
width: 50%;
}
.extra-small--five-eighths {
width: 62.5%;
}
.extra-small--six-eighths {
width: 75%;
}
.extra-small--seven-eighths {
width: 87.5%;
}
/* Tenths */
.extra-small--one-tenth {
width: 10%;
}
.extra-small--two-tenths {
width: 20%;
}
.extra-small--three-tenths {
width: 30%;
}
.extra-small--four-tenths {
width: 40%;
}
.extra-small--five-tenths {
width: 50%;
}
.extra-small--six-tenths {
width: 60%;
}
.extra-small--seven-tenths {
width: 70%;
}
.extra-small--eight-tenths {
width: 80%;
}
.extra-small--nine-tenths {
width: 90%;
}
/* Twelfths */
.extra-small--one-twelfth {
width: 8.3333333333%;
}
.extra-small--two-twelfths {
width: 16.6666666667%;
}
.extra-small--three-twelfths {
width: 25%;
}
.extra-small--four-twelfths {
width: 33.3333333333%;
}
.extra-small--five-twelfths {
width: 41.6666666667%;
}
.extra-small--six-twelfths {
width: 50%;
}
.extra-small--seven-twelfths {
width: 58.3333333333%;
}
.extra-small--eight-twelfths {
width: 66.6666666667%;
}
.extra-small--nine-twelfths {
width: 75%;
}
.extra-small--ten-twelfths {
width: 83.3333333333%;
}
.extra-small--eleven-twelfths {
width: 91.6666666667%;
}
/* Hide/show - when used for spacing */
.extra-small--hide {
display: none;
}
.extra-small--show {
display: block;
}
.grid--uniform .extra-small--one-half:nth-child(2n+1),
.grid--uniform .extra-small--one-third:nth-child(3n+1),
.grid--uniform .extra-small--one-quarter:nth-child(4n+1),
.grid--uniform .extra-small--one-fifth:nth-child(5n+1),
.grid--uniform .extra-small--one-sixth:nth-child(6n+1),
.grid--uniform .extra-small--two-sixths:nth-child(3n+1),
.grid--uniform .extra-small--three-sixths:nth-child(2n+1),
.grid--uniform .extra-small--one-eighth:nth-child(8n+1),
.grid--uniform .extra-small--two-eighths:nth-child(4n+1),
.grid--uniform .extra-small--four-eighths:nth-child(2n+1),
.grid--uniform .extra-small--five-tenths:nth-child(2n+1),
.grid--uniform .extra-small--one-twelfth:nth-child(12n+1),
.grid--uniform .extra-small--two-twelfths:nth-child(6n+1),
.grid--uniform .extra-small--three-twelfths:nth-child(4n+1),
.grid--uniform .extra-small--four-twelfths:nth-child(3n+1),
.grid--uniform .extra-small--six-twelfths:nth-child(2n+1) {
clear: both;
}
.extra-small--show {
display: block !important;
}
.extra-small--hide {
display: none !important;
}
.extra-small--text-left {
text-align: left !important;
}
.extra-small--text-right {
text-align: right !important;
}
.extra-small--text-center {
text-align: center !important;
}
}
/*================ Build Grid Push Classes ================*/
@media only screen and (min-width: 560px) {
/* Halves */
.medium-up--push-one-half {
left: 50%;
}
/* Thirds */
.medium-up--push-one-third {
left: 33.3333333333%;
}
.medium-up--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.medium-up--push-one-quarter {
left: 25%;
}
.medium-up--push-two-quarters {
left: 50%;
}
.medium-up--push-three-quarters {
left: 75%;
}
/* Fifths */
.medium-up--push-one-fifth {
left: 20%;
}
.medium-up--push-two-fifths {
left: 40%;
}
.medium-up--push-three-fifths {
left: 60%;
}
.medium-up--push-four-fifths {
left: 80%;
}
/* Sixths */
.medium-up--push-one-sixth {
left: 16.6666666667%;
}
.medium-up--push-two-sixths {
left: 33.3333333333%;
}
.medium-up--push-three-sixths {
left: 50%;
}
.medium-up--push-four-sixths {
left: 66.6666666667%;
}
.medium-up--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.medium-up--push-one-eighth {
left: 12.5%;
}
.medium-up--push-two-eighths {
left: 25%;
}
.medium-up--push-three-eighths {
left: 37.5%;
}
.medium-up--push-four-eighths {
left: 50%;
}
.medium-up--push-five-eighths {
left: 62.5%;
}
.medium-up--push-six-eighths {
left: 75%;
}
.medium-up--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.medium-up--push-one-tenth {
left: 10%;
}
.medium-up--push-two-tenths {
left: 20%;
}
.medium-up--push-three-tenths {
left: 30%;
}
.medium-up--push-four-tenths {
left: 40%;
}
.medium-up--push-five-tenths {
left: 50%;
}
.medium-up--push-six-tenths {
left: 60%;
}
.medium-up--push-seven-tenths {
left: 70%;
}
.medium-up--push-eight-tenths {
left: 80%;
}
.medium-up--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.medium-up--push-one-twelfth {
left: 8.3333333333%;
}
.medium-up--push-two-twelfths {
left: 16.6666666667%;
}
.medium-up--push-three-twelfths {
left: 25%;
}
.medium-up--push-four-twelfths {
left: 33.3333333333%;
}
.medium-up--push-five-twelfths {
left: 41.6666666667%;
}
.medium-up--push-six-twelfths {
left: 50%;
}
.medium-up--push-seven-twelfths {
left: 58.3333333333%;
}
.medium-up--push-eight-twelfths {
left: 66.6666666667%;
}
.medium-up--push-nine-twelfths {
left: 75%;
}
.medium-up--push-ten-twelfths {
left: 83.3333333333%;
}
.medium-up--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 1024px) {
/* Halves */
.large-up--push-one-half {
left: 50%;
}
/* Thirds */
.large-up--push-one-third {
left: 33.3333333333%;
}
.large-up--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.large-up--push-one-quarter {
left: 25%;
}
.large-up--push-two-quarters {
left: 50%;
}
.large-up--push-three-quarters {
left: 75%;
}
/* Fifths */
.large-up--push-one-fifth {
left: 20%;
}
.large-up--push-two-fifths {
left: 40%;
}
.large-up--push-three-fifths {
left: 60%;
}
.large-up--push-four-fifths {
left: 80%;
}
/* Sixths */
.large-up--push-one-sixth {
left: 16.6666666667%;
}
.large-up--push-two-sixths {
left: 33.3333333333%;
}
.large-up--push-three-sixths {
left: 50%;
}
.large-up--push-four-sixths {
left: 66.6666666667%;
}
.large-up--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.large-up--push-one-eighth {
left: 12.5%;
}
.large-up--push-two-eighths {
left: 25%;
}
.large-up--push-three-eighths {
left: 37.5%;
}
.large-up--push-four-eighths {
left: 50%;
}
.large-up--push-five-eighths {
left: 62.5%;
}
.large-up--push-six-eighths {
left: 75%;
}
.large-up--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.large-up--push-one-tenth {
left: 10%;
}
.large-up--push-two-tenths {
left: 20%;
}
.large-up--push-three-tenths {
left: 30%;
}
.large-up--push-four-tenths {
left: 40%;
}
.large-up--push-five-tenths {
left: 50%;
}
.large-up--push-six-tenths {
left: 60%;
}
.large-up--push-seven-tenths {
left: 70%;
}
.large-up--push-eight-tenths {
left: 80%;
}
.large-up--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.large-up--push-one-twelfth {
left: 8.3333333333%;
}
.large-up--push-two-twelfths {
left: 16.6666666667%;
}
.large-up--push-three-twelfths {
left: 25%;
}
.large-up--push-four-twelfths {
left: 33.3333333333%;
}
.large-up--push-five-twelfths {
left: 41.6666666667%;
}
.large-up--push-six-twelfths {
left: 50%;
}
.large-up--push-seven-twelfths {
left: 58.3333333333%;
}
.large-up--push-eight-twelfths {
left: 66.6666666667%;
}
.large-up--push-nine-twelfths {
left: 75%;
}
.large-up--push-ten-twelfths {
left: 83.3333333333%;
}
.large-up--push-eleven-twelfths {
left: 91.6666666667%;
}
}
/*================ Rich Text Editor ================*/
.rte h1 {
font-size: 3.2666em;
}
.rte h2 {
font-size: 2.2666em;
}
.rte h3 {
font-size: 1.4666em;
}
.rte h4 {
font-size: 1.2666em;
}
.rte h5 {
font-size: 1.2666em;
}
.rte h6 {
font-size: 0.8666em;
}
.rte img {
height: auto;
}
.rte table {
table-layout: fixed;
}
.rte td,
.rte th {
border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.rte ul,
.rte ol {
margin: 0 0 10px 20px;
}
.rte ul {
list-style: disc outside;
}
.rte ul ul {
list-style: circle outside;
}
.rte ul ul ul {
list-style: square outside;
}
.rte input,
.rte textarea {
border-radius: 0px;
}
.rte label {
display: block;
}
.rte iframe {
max-width: 100%;
}
.rte.clearfix p:last-child {
margin-bottom: 0;
}
.text-center.rte ul,
.text-center.rte ol,
.text-center .rte ul,
.text-center .rte ol {
margin-left: 0;
list-style-position: inside;
}
.rte-table {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.rte__video-wrapper {
position: relative;
overflow: hidden;
max-width: 100%;
padding-bottom: 56.25%;
height: 0;
height: auto;
}
.rte__video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.rte__table-wrapper {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.placeholder-svg {
display: block;
fill: rgba(20, 20, 20, 0.35);
background-color: rgba(20, 20, 20, 0.1);
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.placeholder-svg--small {
width: 480px;
}
.placeholder-noblocks {
padding: 40px;
text-align: center;
}
.placeholder-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.placeholder-background .icon {
border: 0;
}
body {
background: #ffffff;
color: #141414;
}
body.search-bar-in-focus::after,
body.search-bar-open::after {
opacity: 1;
pointer-events: auto;
cursor: pointer;
}
.main-page-content {
background-color: #ffffff;
position: relative;
z-index: 1;
}
.main-page-content::before {
content: " ";
display: table;
}
.template-index .main-page-content {
*zoom: 1;
}
.template-index .main-page-content::after {
content: "";
display: table;
clear: both;
}
.template-blog main,
.template-article main {
padding-bottom: 0;
}
.template-password main {
background-color: transparent;
}
.main-page-content {
width: 100%;
padding-right: 36px;
padding-left: 36px;
}
@media only screen and (max-width: 700px) {
.main-page-content {
padding-right: 20px;
padding-left: 20px;
overflow: hidden;
}
}
.page-has-sidebar .main-page-content {
width: auto;
flex: 1 0;
overflow: hidden;
}
@media only screen and (max-width: 700px) {
.page-has-sidebar .main-page-content {
width: 100%;
max-width: initial;
padding-left: 20px;
padding-right: 20px;
}
}
.page-width {
width: 1440px;
max-width: calc(100% - 120px);
margin: 0 auto;
/* background-color: #ffffff; */
padding: 0 1.5rem;
}
@media only screen and (max-width: 1280px) {
.page-width {
max-width: calc(100% - 60px);
}
}
@media only screen and (max-width: 768px) {
.page-width {
max-width: 100%;
padding: 0 1rem;
}
}
.page-content::before, .page-content::after {
content: "";
display: table;
clear: both;
}
/* .container {
padding-left: 36px;
padding-right: 36px;
}
@media only screen and (max-width: 700px) {
.container {
padding-left: 20px;
padding-right: 20px;
}
} */
.reading-width {
max-width: 700px;
margin: 0 auto;
}
#MainContent .shopify-policy__container {
max-width: 700px;
margin: 0 auto;
padding: 30px 0;
}
.global-border-radius, .mini-product__image-container, .rte img {
border-radius: 0px;
overflow: hidden;
}
.relative {
position: relative;
}
.row {
margin-top: 20px;
margin-bottom: 20px;
}
.row-bottom {
margin-bottom: 30px;
}
.row-double-space {
margin-top: 60px;
margin-bottom: 60px;
}
.template-index .shopify-section:first-child .row-double-space, .section-header + .shopify-section .row-double-space {
margin-top: 30px;
}
@media only screen and (max-width: 559px) {
.row-double-space {
margin-top: 45px;
margin-bottom: 45px;
}
.section-header + .shopify-section .row-double-space {
margin-top: 0;
}
}
.header-group .shopify-section:last-child .row-double-space {
margin-bottom: 30px;
}
.row-half-space {
margin-top: 15px;
margin-bottom: 15px;
}
.row-space-bottom {
margin-bottom: 60px;
}
.border-top {
padding-top: 60px;
border-top: 1px solid rgba(20, 20, 20, 0.15);
}
.flex-space-between {
display: flex;
justify-content: space-between;
}
.flex-left-align {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.flex-wrap {
flex-wrap: wrap;
}
.padded-block {
padding: 30px;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.align-center {
text-align: center;
}
.account-form {
max-width: 420px;
margin: 30px auto 60px;
}
.desktop-only {
display: block;
}
@media only screen and (max-width: 560px) {
.desktop-only {
display: none;
}
}
.mobile-only {
display: none;
}
@media only screen and (max-width: 560px) {
.mobile-only {
display: block;
}
}
.mobile-menu-open {
max-height: 100vh;
overflow: hidden;
}
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 5%;
text-align: center;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.overlay a {
pointer-events: auto;
}
.slick--dotted .overlay {
padding: 10% 5%;
}
.overlay--position-top-left {
align-items: flex-start;
justify-content: flex-start;
text-align: left;
}
.overlay--position-top-center {
align-items: flex-start;
}
.overlay--position-top-right {
align-items: flex-start;
justify-content: flex-end;
text-align: right;
}
.overlay--position-center-left {
justify-content: flex-start;
text-align: left;
}
.overlay--position-center-right {
justify-content: flex-end;
text-align: right;
}
.overlay--position-bottom-left {
align-items: flex-end;
justify-content: flex-start;
text-align: left;
}
.overlay--position-bottom-center {
align-items: flex-end;
}
.overlay--position-bottom-right {
align-items: flex-end;
justify-content: flex-end;
text-align: right;
}
.overlay-style--full {
position: relative;
}
.overlay-style--no_background::after {
display: none;
}
.overlay-style--box::after {
display: none;
}
.overlay-style--box .overlay__inner {
padding: 30px;
min-width: 60%;
}
@media only screen and (max-width: 439px) {
.overlay-style--box .overlay__inner {
padding: 20px;
}
}
.overlay--fill {
padding: 30px;
}
.overlay--fill .overlay__inner {
flex-grow: 1;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-around;
}
@media (max-width: 900px) {
.overlay--fill {
padding: 15px;
}
}
.overlay__heading {
color: inherit;
}
.overlay__heading.large-title, .shopify-policy__title h1.overlay__heading {
line-height: 1.1333em;
margin-bottom: 15px;
}
.overlay__subheading.small-title {
margin-bottom: 5px;
}
.overlay__text h1,
.overlay__text h2,
.overlay__text h3,
.overlay__text h4,
.overlay__text h5,
.overlay__text h6,
.overlay__text a {
color: inherit;
}
.overlay__text ul,
.overlay__text ol {
list-style-position: inside;
}
.overlay__text ul {
list-style-type: disc;
}
.overlay__cta-container {
margin: 30px -10px 0;
}
.overlay__cta {
margin: 0 10px 10px;
pointer-events: all;
}
@media only screen and (max-width: 439px) {
.overlay {
padding: 10% 5%;
}
.overlay__cta-container {
margin-top: 15px;
}
}
html,
body {
font-size: 16px;
}
body {
font-family: 'manrope', sans-serif;
/* font-family: Jost, sans-serif; */
font-weight: 400;
font-style: normal;
line-height: 1.6;
}
h1, h2, h3, h4, h5, h6, .title {
color: #080a1c;
font-size: 1.4666em;
font-family: 'manrope', Jost, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.4;
margin: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title a {
color: inherit;
text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .title a:hover {
color: inherit;
text-decoration: none;
}
.main-nav,
.mobile-dropdown {
font-family: manrope, Jost, sans-serif;
font-weight: 400;
font-style: normal;
}
.site-logo {
font-family: 'manrope',"Bodoni Moda", serif;
font-size: 32px;
font-weight: 700;
font-style: italic;
color: #080a1c;
text-decoration: none;
line-height: 1.2;
}
.giant-title {
font-size: 3.2666em;
line-height: 1.2;
}
.large-title, .shopify-policy__title h1 {
font-size: 2.2666em;
line-height: 1.2;
margin-bottom: 15px;
}
.medium-title {
font-size: 1.8666em;
line-height: 1.4;
margin-bottom: 15px;
}
.product-reviews-manager .spr-header-title, blockquote {
font-size: 1.4666em;
line-height: 1.4;
margin-bottom: 10px;
}
.standard-title {
font-size: 20px;
line-height: 28px;
margin-bottom: 10px;
font-weight: 600;
}
.small-title {
font-size: 1.2666em;
line-height: 1.4;
margin-bottom: 15px;
}
.subtitle {
font-size: 1.2666em;
line-height: 1.4;
margin-bottom: 10px;
}
.small-text, .product-sku, .product-reviews .spr-badge, small {
font-size: 0.8666em;
line-height: 1.4;
}
.tiny-text, .option-selector .label, .cc-select--label-inside label, .qty-actual__label, .product-block .product-reviews .spr-badge, .sharing .sharing-label, .input-wrapper label {
font-size: 0.8em;
line-height: 1;
}
.heading-link {
margin-bottom: 10px;
}
.article-meta {
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 0.8em;
}
.tags-title {
line-height: 2.8;
}
blockquote {
margin: 20px 20px 20px 0;
padding: 0 0 0 20px;
border-left: 4px solid rgba(20, 20, 20, 0.15);
}
hr {
margin: 20px 0;
padding: 0;
border: 0;
height: 0;
border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
p {
margin: 10px 0;
}
a {
text-decoration: underline;
color: #c77e7a;
transition: color 150ms;
-webkit-text-decoration-skip: ink;
text-decoration-skip: ink;
}
.standard-link {
color: #c77e7a;
font-size: 1em;
text-decoration: underline;
-webkit-text-decoration-skip: ink;
text-decoration-skip: ink;
}
.plain-link {
color: inherit;
font-size: inherit;
text-decoration: none;
}
.center {
text-align: center;
}
.left {
text-align: start;
}
.right {
text-align: end;
}
ul {
list-style: none;
}
.product-price {
font-family: 'manrope',Jost, sans-serif;
line-height: 1.4;
color: #939393;
}
.product-price--large {
font-size: 1.2666em;
line-height: 1.2;
margin-bottom: 30px;
}
.product-price--large .product-price__compare {
margin-left: 0.8em;
}
.product-price--large .product-price__compare::after {
left: -0.3em;
right: -0.3em;
}
.product-price__from {
font-size: 0.8em;
line-height: 1.2;
}
.product-price__reduced {
color: #f86f69;
}
.product-price__compare {
position: relative;
margin-left: 0.3em;
white-space: nowrap;
opacity: 0.6;
}
.product-price__compare::after {
content: "";
position: absolute;
border-top: 1px solid currentColor;
left: -0.2em;
right: -0.2em;
top: 50%;
}
.product-price--unavailable {
visibility: hidden;
}
.unit-price {
font-size: 0.8666em;
}
.product-block__title {
margin-bottom: 0.1em;
line-height: 1.4;
}
.shopify-policy__title h1 {
text-align: left;
}
@media only screen and (max-width: 559px) {
.site-logo {
font-size: 24px;
}
.giant-title {
font-size: 1.8666em;
}
.large-title, .shopify-policy__title h1 {
font-size: 1.4666em;
}
.product-reviews-manager .spr-header-title, blockquote {
font-size: 1.2666em;
}
}
.children-inherit-color h1,
.children-inherit-color h2,
.children-inherit-color h3,
.children-inherit-color h4,
.children-inherit-color h5,
.children-inherit-color h6,
.children-inherit-color a,
.children-inherit-color a:hover,
.children-inherit-color .standard-link {
color: inherit;
}
/*============================================================================
Form scaffolding
- Selectors setup for you to style form elements how you want
- Focus, error, and disabled states are set to be extended
==============================================================================*/
input,
textarea,
select {
background-color: #ffffff;
color: #141414;
border: 1px solid rgba(20, 20, 20, 0.15);
font-family: 'manrope',Jost, sans-serif;
font-weight: 400;
font-style: normal;
max-width: 100%;
padding: 10px;
margin: 5px 5px 5px 0;
border-radius: 0px;
}
input[disabled],
textarea[disabled],
select[disabled] {
cursor: default;
background-color: #333;
border-color: #000;
}
input[type=date] {
min-height: calc(20px + 1.4em);
}
textarea {
min-height: 100px;
}
input[type=text],
input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=date],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input::placeholder,
textarea::placeholder {
color: rgba(20, 20, 20, 0.7);
}
fieldset {
background-color: transparent;
color: #141414;
border: 1px solid rgba(20, 20, 20, 0.15);
font-family: 'manrope',Jost, sans-serif;
font-weight: 400;
font-style: normal;
border-radius: 0px;
}
/*================ Custom select style ================*/
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: right center;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke='rgb(20, 20, 20)' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 18px 18px;
background-position: right 10px center;
padding-right: 28px;
text-indent: 0.01px;
text-overflow: "";
cursor: pointer;
}
select::-ms-expand {
display: none;
}
/*================ Error styles ================*/
input.input-error,
select.input-error,
textarea.input-error {
border-color: #f05c5d;
background-color: #fce1e1;
color: #f05c5d;
}
.errors {
background-color: #fce1e1;
color: #f05c5d;
padding: 5px 10px;
margin: 15px auto;
border-radius: 0px;
}
.error-message {
background-color: #fce1e1;
color: #f05c5d;
padding: 5px 10px 0;
}
.form-success {
background-color: #dfefdf;
color: #5ead60;
padding: 5px 10px;
margin: 15px auto;
border-radius: 0px;
}
/*================ Wrapper for input style ================*/
.input-wrapper {
position: relative;
border: 1px solid rgba(20, 20, 20, 0.15);
border-radius: 0px;
}
.input-wrapper label {
position: absolute;
left: 10px;
top: 8px;
transition: all 100ms;
cursor: text;
pointer-events: none;
}
.input-wrapper input,
.input-wrapper textarea,
.input-wrapper select {
margin: 0;
border: 0;
padding-top: 1.5em;
padding-bottom: 0.4em;
width: 100%;
color: inherit;
}
.input-wrapper textarea {
width: calc(100% - 5px);
}
.input-wrapper.is-empty:not(.in-focus) label, .input-wrapper:empty:not(.in-focus) label {
top: 25px;
}
.input-wrapper--select {
position: relative;
}
.input-wrapper--select select {
background: transparent;
}
.input-wrapper--select::after {
position: absolute;
content: "";
pointer-events: none;
width: 18px;
height: 18px;
top: calc(50% - 9px);
right: 10px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke='#141414' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-color: transparent;
background-size: 18px;
}
.input-wrapper--checkbox {
display: inline-block;
position: relative;
padding-left: 30px;
cursor: pointer;
user-select: none;
line-height: 20px;
}
.input-wrapper--checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
left: 0;
top: 0;
}
.input-wrapper--checkbox input:checked ~ .check svg {
opacity: 1;
}
.input-wrapper--checkbox .check {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: 1px solid rgba(20, 20, 20, 0.15);
}
.input-wrapper--checkbox .check svg {
opacity: 0;
position: absolute;
width: 18px;
height: 18px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.form-row {
margin: 15px 0;
}
.form-row--vertical-align {
align-items: center;
}
.input-wrapper input:-webkit-autofill {
animation-name: onAutoFillStart;
transition: background-color 50000s ease-in-out 0s;
}
.input-wrapper input:not(:-webkit-autofill) {
animation-name: onAutoFillCancel;
}
.input-row--full-width input,
.input-row--full-width .btn {
width: 100%;
}
.input-row--full-width button {
margin-top: 10px;
}
.input-row--submit input,
.input-row--submit input[type=submit] {
width: 100%;
}
.input-row--submit button {
width: 100%;
margin-top: 10px;
flex-shrink: 0;
}
@media only screen and (min-width: 440px) {
.input-row--submit {
border: 1px solid;
background-color: transparent;
display: flex;
}
.input-row--submit input {
border: none;
margin: 0;
}
.input-row--submit button,
.input-row--submit input[type=submit] {
width: auto;
margin: 7px;
}
}
.recover-password {
position: absolute;
right: 15px;
top: 11px;
}
.enter-password {
padding-right: 160px;
}
@media only screen and (min-width: 560px) {
.contact-form--columns {
padding-left: 60px;
}
}
.shopify-challenge__message {
margin-top: 0;
}
/* Do not use focus outline unless tabbing */
.js body:not(.tab-used) *:focus {
outline: none;
}
table {
border-top: 1px solid;
border-color: rgba(20, 20, 20, 0.15);
width: 100%;
border-collapse: collapse;
}
td:first-child, th:first-child {
padding-left: 0;
}
td:last-child, th:last-child {
padding-right: 0;
}
td {
padding: 15px;
border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
td:last-child {
text-align: right;
}
th {
padding: 15px;
text-align: left;
font-weight: normal;
font-style: normal;
font-size: 0.8666em;
border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
th:first-child {
text-align: left;
}
th:last-child {
text-align: right;
}
/*============================================================================
Responsive tables, defined with .responsive-table on table element.
==============================================================================*/
@media only screen and (max-width: 720px) {
.responsive-table {
width: 100%;
}
.responsive-table thead {
display: none;
}
.responsive-table tr {
display: block;
}
.responsive-table tr,
.responsive-table td {
float: left;
clear: both;
width: 100%;
}
.responsive-table th,
.responsive-table td {
display: block;
text-align: right;
padding: 10px;
margin: 0;
}
.responsive-table td::before {
content: attr(data-label);
float: left;
text-align: center;
padding-right: 10px;
}
.responsive-table .responsive-table--label-cell {
display: none;
}
.responsive-table-row + .responsive-table-row,
tfoot > .responsive-table-row:first-child {
position: relative;
margin-top: 10px;
padding-top: 10px;
}
.responsive-table-row + .responsive-table-row::after,
tfoot > .responsive-table-row:first-child::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
}
.section-heading {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.section-heading .small-title {
margin-bottom: 0;
}
@media only screen and (max-width: 559px) {
.section-heading .three-quarters,
.section-heading .text-right {
width: auto;
}
}
.slide {
position: relative;
}
.slide:focus {
outline: 0;
}
.slide::after {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slide .overlay {
z-index: 1;
}
/**
* Label must come directly after input and be a separate element (not wrapped around input)
*
* Checkbox example
* ================
* Markup:
*
*
*
* CSS:
* @include cc-custom-checkbox();
*
*
* Radio button group example
* ==========================
* Markup:
*
*
* CSS:
* @include cc-custom-radio();
*/
.no-js .no-js-hidden {
display: none !important;
}
@media (max-width: 699.98px) {
.md-down-hidden {
display: none !important;
}
}
@media (min-width: 700px) {
.md-up-hidden {
display: none !important;
}
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.cc-filters-control {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.cc-filters-control__btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 13px 15px;
border: 1px solid #b9b9b9;
border-radius: 0px;
background: none;
line-height: 1.5;
}
.cc-filters-control__btn:first-child:not(:last-child), .cc-filters-control__btn:last-child:not(:first-child) {
width: calc(50% - 10px);
}
.cc-filters-control__btn.has-active-filters,
.cc-filter__toggle.has-active-filters {
border-color: #141414;
}
.cc-filters-container svg,
.cc-active-filter > svg {
color: rgb(64, 64, 64);
pointer-events: none;
}
.cc-filters,
.cc-filter__panel {
z-index: 1;
background: #ffffff;
}
.cc-filters__header,
.cc-filter__header {
display: flex;
align-items: center;
position: relative;
padding: 20px;
border-bottom: 1px solid #b9b9b9;
}
.cc-filter li:not(:last-child) {
margin-bottom: 1.25em;
}
.cc-filter label {
display: flex;
align-items: flex-start;
width: 100%;
}
.cc-filter label::before {
border-color: #141414;
}
.cc-filter .radio + label::before,
.cc-filter .checkbox + label::before {
border-color: #b9b9b9;
}
.cc-filter .radio:checked + label::after,
.cc-filter .checkbox:checked + label::before {
border-color: #141414;
background-color: #141414;
}
.cc-filter .checkbox:checked + label::after {
border-color: #ffffff;
}
.cc-filter-heading {
flex: 1 1 auto;
padding: 0 3.2em;
font-size: 1em;
font-weight: 400;
text-align: center;
}
.cc-filter-close-btn,
.cc-filter-back-btn {
position: absolute;
left: 4px;
min-width: 0;
padding: 11px;
border: 0;
background: none;
line-height: 1.3;
}
.cc-filter-label {
flex: 1 1 auto;
}
.cc-filter__toggle {
display: block;
position: relative;
background: right 10px center no-repeat;
text-align: left;
cursor: pointer;
}
.cc-filter__toggle::-webkit-details-marker {
display: none;
}
.cc-filter__toggle::after {
content: "";
position: absolute;
top: calc(50% - 8px);
right: 13px;
width: 16px;
height: 16px;
background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke='rgb(64, 64, 64)' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat center;
}
.cc-filter__toggle > span {
pointer-events: none;
}
.cc-filter__content {
padding: 20px;
}
.cc-filters__footer,
.cc-filter__footer {
z-index: 10;
border-top: 1px solid #b9b9b9;
padding: 15px 20px;
background: #ffffff;
}
.cc-filters__footer .btn,
.cc-filter__footer .btn {
width: 100%;
}
.cc-filters__footer {
position: absolute;
top: 100%;
width: 100%;
}
.swatch-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.swatch-input:checked + .swatch-label .swatch-sample {
border-color: #141414;
}
.swatch-input[disabled] + label {
opacity: 0.5;
}
.swatch-sample {
flex-shrink: 0;
position: relative;
width: 18px;
height: 18px;
margin-top: calc(0.75em - 9px);
margin-right: 0.625em;
border-radius: 50%;
background: no-repeat center/100%;
}
.swatch-sample__img {
display: block;
width: 100%;
max-width: none;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.cc-sort-label {
display: block;
font-size: 0.75rem;
line-height: 1.6;
opacity: 0.6;
}
.cc-sort-selected {
display: block;
line-height: 1.3;
white-space: nowrap;
}
.cc-active-filters {
margin-bottom: 20px;
}
.cc-active-filters__items {
display: flex;
flex-shrink: 0;
padding: 0 20px;
}
.cc-active-filter,
.cc-active-filter-reset {
margin-right: 8px;
padding: 6px 12px;
transition: background-color 0.25s ease;
border-radius: 0px;
color: #141414;
text-decoration: none;
white-space: nowrap;
}
.cc-active-filter {
display: flex;
align-items: center;
background: #ececec;
}
.cc-active-filter:last-child {
margin-right: 0;
}
.cc-active-filter:hover {
background: #e0e0e0;
}
.cc-active-filter > svg {
width: 16px;
height: 16px;
margin: 0 -3px 0 6px;
fill: #141414;
stroke: #141414;
}
.cc-active-filter-reset {
background: #dcdcdc;
}
.cc-active-filter-reset:hover {
background: #d0d0d0;
}
.swatch-input:focus + .swatch-label .swatch-sample {
outline: auto;
}
.swatch-input:focus-visible + .swatch-label .swatch-sample {
outline: auto Highlight;
outline: auto -webkit-focus-ring-color;
}
.swatch-input:focus:not(:focus-visible) + .swatch-label .swatch-sample {
outline: 0;
}
.cc-price-range__inputs {
display: flex;
align-items: center;
margin-top: 10px;
}
.cc-price-range__input-container {
flex: 1 1 auto;
position: relative;
}
.cc-price-range__input-separator {
margin: 0 6px;
}
.cc-price-range__input-currency {
position: absolute;
top: calc(50% - 0.5em);
left: 1px;
width: calc(13px + 1em);
font-size: 16px;
line-height: 1em;
text-align: right;
}
.cc-price-range__input {
width: 100%;
height: auto;
margin: 0;
padding-right: 16px;
padding-left: calc(16px + 1em);
border-color: #b9b9b9;
background: transparent;
color: inherit;
font-size: 16px;
}
.cc-price-range__input::placeholder {
color: rgba(20, 20, 20, 0.7);
}
.cc-price-range__bar {
position: relative;
height: 2px;
margin: 35px 10px 20px 12px;
}
.cc-price-range__bar-inactive {
height: 100%;
opacity: 0.2;
background: #141414;
}
.cc-price-range__bar-active {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
background: #141414;
}
.cc-price-range__control {
position: absolute;
top: -21px;
left: 0;
width: 44px;
height: 44px;
margin-left: -23px;
padding: 11px;
cursor: grab;
}
.cc-price-range__control::after {
content: "";
display: block;
width: 22px;
height: 22px;
transition: 0.3s ease-out;
transition-property: transform, box-shadow;
border: 2px solid #141414;
border-radius: 22px;
background: #ffffff;
}
.cc-price-range__control:hover::after {
transform: scale(1.08);
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.cc-filters-results {
transition: opacity 0.5s ease;
}
.cc-filters-results.is-loading {
opacity: 0.5;
}
.cc-filters-results__summary {
margin: 0;
opacity: 0.7;
text-align: center;
}
@media (max-width: 1024px) {
.filters-open {
overflow: hidden;
}
.cc-filters-container {
position: fixed;
z-index: 100;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background: #ffffff;
}
.filters-open .cc-filters-container {
transform: translate3d(-100%, 0, 0);
}
.cc-filters-container,
.cc-filters,
.cc-filter__panel {
display: flex;
flex-direction: column;
color: #141414;
}
.cc-filters {
position: relative;
width: 100%;
height: 100%;
transition: height 0.2s ease;
}
.cc-filters__items,
.cc-filter__content {
flex: 1 1 auto;
overflow: auto;
}
.cc-filters__items {
margin-bottom: -1px;
padding: 0 20px;
}
.cc-filter--sort,
.cc-filter__panel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background: #ffffff;
}
.cc-filters-container,
.cc-filter__panel {
transition: transform 0.3s cubic-bezier(0.78, 0.13, 0.15, 0.85);
}
.cc-filter:not(.cc-filter--sort) {
border-bottom: 1px solid #b9b9b9;
}
.cc-filter__toggle {
padding: 16px 35px 16px 0;
border: 0;
}
.cc-filter__toggle::after {
right: -4px;
transform: rotate(-90deg);
}
.cc-filters .cc-filter__panel {
left: 100%;
transition-delay: 0.3s;
}
.filters-open .cc-filters .cc-filter__panel {
transition-delay: 0s;
}
.cc-filters .cc-filter.is-open .cc-filter__panel {
transform: translate3d(-100%, 0, 0);
}
.cc-filter-clear-btn {
position: absolute;
right: 20px;
}
.cc-filter--sort {
visibility: hidden;
transition: visibility 0s 0.3s;
}
.cc-filter--sort.is-open {
visibility: visible;
transition: none;
}
.cc-active-filters {
overflow: hidden;
width: 100vw;
margin-left: calc(50% - 50vw);
}
.cc-active-filters__scroller {
display: flex;
margin-bottom: -30px;
padding-bottom: 30px;
overflow: auto;
}
.cc-price-range {
padding: 20px 0;
}
}
@media (min-width: 1025px) {
.cc-filters-container {
display: flex;
align-items: flex-start;
}
.no-js .cc-filters-container {
display: block;
}
.cc-filters {
background: none;
}
.no-js .cc-filters {
display: inline-block;
vertical-align: top;
}
.cc-filters__items {
display: flex;
flex-wrap: wrap;
}
.js .cc-filters__items {
margin-bottom: -15px;
}
.cc-filter {
position: relative;
margin: 0 15px 15px 0;
}
.js .cc-filter.cc-filter--sort {
margin: 0 0 0 auto;
}
.no-js .cc-filter.cc-filter--sort {
display: inline-block;
}
.cc-filter li:not(:last-child) {
margin-bottom: 0.75em;
}
.cc-filter__toggle {
min-width: 9em;
padding: 12px 45px 12px 15px;
/* border: 1px solid #b9b9b9; */
border-radius: 0px;
background: right 10px center no-repeat;
}
.cc-filter--sort .cc-filter__toggle {
min-width: 11.7em;
padding: 5px 45px 5px 15px;
}
.cc-filter.is-open .cc-filter__toggle::after, .no-js .cc-filter[open] .cc-filter__toggle::after {
transform: scaleY(-1);
}
.cc-filter__panel {
position: absolute;
top: calc(100% + 10px);
left: 0;
width: 340px;
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
transform: translate3d(0, -10px, 0);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
border-radius: 0px;
color: #141414;
opacity: 0;
overflow: hidden;
}
.js .cc-filter--sort .cc-filter__panel {
right: 0;
left: auto;
}
.is-open .cc-filter__panel, .no-js .cc-filter[open] .cc-filter__panel {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.cc-filter__header {
justify-content: space-between;
padding: 15px 20px;
}
.cc-filter-clear-btn {
margin-left: auto;
}
.cc-filter__content {
position: relative;
max-height: 15em;
padding: 20px 10px;
overflow: auto;
}
.cc-filter--sort .cc-filter__content {
max-height: none;
}
.cc-active-filters__items {
flex-wrap: wrap;
margin: 15px -8px -8px 0;
padding: 0;
}
.cc-active-filter,
.cc-active-filter-reset {
margin-bottom: 8px;
}
.cc-filters-results__summary {
margin: 25px 0 -10px;
}
.no-js-apply-filters {
display: inline-block;
vertical-align: top;
}
}
gift-card-recipient {
display: block;
padding-top: 8px;
padding-bottom: 8px;
}
.cc-gift-card-recipient__fields {
text-align: left;
display: none;
}
.cc-gift-card-recipient__checkbox:checked ~ .cc-gift-card-recipient__fields {
max-height: 480px;
display: block;
}
.cc-gift-card-recipient__checkbox:checked ~ .cc-gift-card-recipient__checkbox-container .cc-gift-card-recipient__label::after {
opacity: 1;
transform: rotate(45deg) scale(1);
}
.cc-gift-card-recipient .cc-gift-card-recipient__checkbox-container {
display: inline;
margin-bottom: 0px;
margin-left: 8px;
}
.no-js .cc-gift-card-recipient__fields {
display: block;
max-height: unset;
}
.no-js .cc-gift-card-recipient__checkbox,
.no-js .cc-gift-card-recipient__checkbox-container {
display: none;
}
body.cc-popup-no-scroll {
overflow: hidden;
}
.popup-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
pointer-events: none;
}
.cc-popup {
position: fixed;
display: flex;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 997;
transition: opacity 0.15s, visibility 0.15s;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.cc-popup.cc-popup--center {
justify-content: center;
align-items: center;
}
.cc-popup.cc-popup--center .cc-popup-modal {
transform: translate3d(0, 60px, 0);
}
.cc-popup.cc-popup--bottom-left, .cc-popup.cc-popup--bottom-right {
align-items: flex-end;
}
.cc-popup.cc-popup--bottom-left {
justify-content: flex-start;
}
.cc-popup.cc-popup--bottom-left .cc-popup-modal {
transform: translate3d(-60px, 0, 0);
}
[dir=rtl] .cc-popup.cc-popup--bottom-left .cc-popup-modal {
transform: translate3d(60px, 0, 0);
}
.cc-popup.cc-popup--bottom-right {
justify-content: flex-end;
}
.cc-popup.cc-popup--bottom-right .cc-popup-modal {
transform: translate3d(60px, 0, 0);
}
[dir=rtl] .cc-popup.cc-popup--bottom-right .cc-popup-modal {
transform: translate3d(-60px, 0, 0);
}
.cc-popup.cc-popup--left {
justify-content: flex-start;
}
.cc-popup.cc-popup--left .cc-popup-modal {
transform: translate3d(-60px, 0, 0);
width: 100%;
min-width: 0;
overflow: auto;
}
[dir=rtl] .cc-popup.cc-popup--left .cc-popup-modal {
transform: translate3d(60px, 0, 0);
}
@media (min-width: 768px) {
.cc-popup.cc-popup--left .cc-popup-modal {
width: 400px;
}
}
.cc-popup.cc-popup--right {
justify-content: flex-end;
}
.cc-popup.cc-popup--right .cc-popup-modal {
transform: translate3d(60px, 0, 0);
width: 100%;
min-width: 0;
overflow: auto;
}
[dir=rtl] .cc-popup.cc-popup--right .cc-popup-modal {
transform: translate3d(-60px, 0, 0);
}
@media (min-width: 768px) {
.cc-popup.cc-popup--right .cc-popup-modal {
width: 400px;
}
}
.cc-popup.cc-popup--visible {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.cc-popup.cc-popup--visible .cc-popup-modal {
transform: translate3d(0, 0, 0);
}
[dir=rtl] .cc-popup.cc-popup--visible .cc-popup-modal {
transform: translate3d(0, 0, 0);
}
.cc-popup .cc-popup-background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 998;
}
.cc-popup .cc-popup-modal {
position: relative;
z-index: 999;
transition: transform 0.25s;
overflow: hidden;
background-color: #ffffff;
color: #222;
}
.cc-popup .cc-popup-container {
display: flex;
}
.cc-popup .cc-popup-container .cc-popup-title {
color: #222;
}
.cc-popup .cc-popup-close {
position: absolute;
right: 3px;
top: 3px;
width: 44px;
height: 44px;
padding: 7px;
min-width: auto;
background-color: transparent;
border: none;
box-shadow: none;
}
.cc-popup .cc-popup-close svg {
stroke: #222;
stroke-width: 2px;
}
[dir=rtl] .cc-popup .cc-popup-close {
left: 3px;
right: auto;
}
.cc-popup .cc-popup-image .rimage-background {
height: 100%;
}
.cc-popup .cc-popup-column {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.cc-rating {
display: inline-block;
margin: 0;
font-size: 15px;
line-height: 1.2em;
white-space: nowrap;
vertical-align: middle;
}
.cc-rating-stars {
display: block;
position: relative;
}
.cc-rating-stars--active {
position: absolute;
top: 0;
left: 0;
color: rgb(248, 111, 105);
}
.cc-rating-stars--inactive {
display: block;
color: rgba(240, 144, 140, 0.41);
}
.cc-rating-stars__svg {
width: 1em;
height: 1em;
fill: currentColor;
vertical-align: top;
}
.cc-rating-stars__svg:not(:first-child) {
margin-left: 2px;
}
.cc-rating[data-rating-decimal="0.5"] .cc-rating-stars--active .cc-rating-stars__svg:last-child {
clip-path: polygon(0 0, 52% 0, 52% 100%, 0% 100%);
}
.cc-rating-text {
display: none;
}
.cc-rating-count {
display: inline-block;
margin: 0;
}
.store-availability-container-outer.store-availability-initialized {
transition: height 0.3s;
overflow: hidden;
}
.store-availability-container {
padding: 1em 0;
transition: opacity 0.3s;
}
.store-availability-loading .store-availability-container {
pointer-events: none;
opacity: 0.4;
transition-delay: 0.4s;
}
.payment-and-quantity--buttons-active ~ [data-store-availability-container] .store-availability-container {
padding-bottom: 1.5em;
}
.store-availability-container small {
font-size: 0.85em;
}
.store-availability-container .store-availability-small-text {
margin-bottom: 0.85em;
}
.store-availability-container .store-availability-information {
display: flex;
}
.store-availability-container .store-availability-information .store-availability-icon {
padding-inline-end: 10px;
position: relative;
top: -1px;
}
.store-availability-container .store-availability-information .store-availability-icon svg {
height: 16px;
width: 16px;
}
.store-availability-container .store-availability-information .store-availability-icon.store-availability-icon--available {
color: #108043;
}
.store-availability-container .store-availability-information .store-availability-icon.store-availability-icon--unavailable {
color: #de3618;
}
.store-availability-container .store-availability-information .store-availability-information__stores {
margin-top: 0.5em;
}
.store-availability-container .store-availability-information .store-availability-information__title,
.store-availability-container .store-availability-information .store-availability-information__stores,
.store-availability-container .store-availability-information .store-availability-information__stock {
margin-bottom: 0;
}
.store-availability-container .store-availability-information .store-availability-information__title,
.store-availability-container .store-availability-information .store-availability-information__stock {
margin-top: 0;
}
.store-availability-container .store-availability-information .store-availability-information__title strong {
font-weight: 600;
}
.store-availabilities-modal {
z-index: 99999;
}
.store-availabilities-modal small {
font-size: 0.85em;
}
.store-availabilities-modal .store-availability-small-text {
margin-bottom: 0.85em;
}
.store-availabilities-modal .cc-icon-available {
color: #108043;
}
.store-availabilities-modal .cc-icon-unavailable {
color: #de3618;
}
.store-availabilities-modal .cc-popup-close {
color: #141414 !important;
}
.store-availabilities-modal .cc-popup-close:hover {
color: #141414 !important;
}
.store-availabilities-modal .cc-popup-close svg {
stroke: #141414 !important;
}
.store-availabilities-modal .cc-popup-close svg:hover {
stroke: #141414 !important;
}
.store-availabilities-modal .cc-popup-modal {
background-color: #ffffff;
color: #141414;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content {
text-align: start;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content button {
white-space: nowrap;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .cc-popup-text {
margin-bottom: 1em;
padding-inline-end: 20px;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .cc-popup-text .store-availabilities-modal__product-title {
margin-bottom: 0;
text-align: start;
color: #141414;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item {
margin-top: 1em;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item:before {
content: "";
display: inline-block;
background-color: rgba(20, 20, 20, 0.15);
width: 100%;
height: 1px;
margin-bottom: 1em;
margin-top: 0.5em;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item address {
font-style: normal;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item a {
color: #c77e7a;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location {
display: flex;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__text {
flex: 1;
margin-bottom: 0.2em;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__text strong {
font-weight: 600;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__distance {
visibility: hidden;
opacity: 0;
margin-bottom: 0;
transition: visibility 0.4s, opacity 0.4s;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__distance.-in {
opacity: 1;
visibility: visible;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__distance svg {
position: relative;
height: 11px;
width: 11px;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__invalid_address svg {
height: 14px;
width: 14px;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .cc-icon-available, .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .cc-icon-unavailable {
display: inline-block;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .cc-icon-available svg, .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .cc-icon-unavailable svg {
height: 13px;
width: 13px;
}
@media (min-width: 768px) {
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__phone--mobile {
display: none;
}
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__phone--desktop {
display: none;
}
@media (min-width: 768px) {
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__phone--desktop {
display: block;
}
}
.store-availability-list__phone {
direction: ltr;
}
[dir=rtl] .store-availability-list__phone {
text-align: right;
}
/*================ COMPONENTS ================*/
.rimage-outer-wrapper {
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.rimage-outer-wrapper.fade-in {
opacity: 0;
transition: opacity 500ms;
}
.rimage-outer-wrapper.fade-in.lazyloaded {
opacity: 1;
}
.no-js .rimage-outer-wrapper.fade-in {
opacity: 1;
}
.rimage-wrapper {
position: relative;
transition: background 500ms;
}
.rimage-wrapper.lazyload--placeholder {
background: rgba(0, 0, 0, 0.05);
}
.rimage__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.rimage__image.blur-in {
-webkit-filter: blur(10px);
filter: blur(10px);
transition: filter 400ms, -webkit-filter 400ms;
}
.rimage__image.blur-in.lazyloaded {
-webkit-filter: blur(0);
filter: blur(0);
}
.rimage__image.fade-in {
opacity: 0;
transition: opacity 500ms;
}
.rimage__image.fade-in.lazyloaded {
opacity: 1;
}
.rimage__image.cover {
object-fit: cover;
}
.product-block .rimage__image {
object-position: top center;
object-fit: cover;
}
.rimage-background {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.js .rimage-background.fade-in {
opacity: 0;
transition: opacity 500ms;
}
.js .rimage-background.fade-in.lazyloaded {
opacity: 1;
}
.product-block .rimage-background {
background-position: top center;
}
[data-parent-fit=contain] {
background-size: contain;
}
/*================ Icons ================*/
.icon {
display: inline-block;
width: 22px;
height: 22px;
vertical-align: middle;
fill: currentColor;
}
.no-svg .icon {
display: none;
}
.feather-icon, .disclosure .disclosure__toggle-arrow {
background: transparent;
}
.feather-icon .icon, .disclosure .disclosure__toggle-arrow .icon {
fill: transparent;
stroke: currentColor;
stroke-width: 2px;
}
.feather-icon--small .icon {
width: 18px;
height: 18px;
}
.text-with-chevron .feather-icon .icon, .text-with-chevron .disclosure .disclosure__toggle-arrow .icon, .disclosure .text-with-chevron .disclosure__toggle-arrow .icon {
vertical-align: bottom;
}
svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) rect {
fill: inherit;
stroke: inherit;
}
.slider-chevron .icon {
height: 24px;
width: 12px;
stroke-width: 2px;
}
.desktop-icon,
.mobile-icon {
vertical-align: middle;
fill: currentColor;
stroke: none;
width: 26px;
height: 26px;
}
.icon--small .desktop-icon,
.icon--small .mobile-icon {
width: 18px;
height: 18px;
}
.mobile-icon {
display: none;
}
@media only screen and (max-width: 559px) {
.desktop-icon {
display: none;
}
.mobile-icon {
display: inline-block;
}
}
/*============================================================================
A generic way to visually hide content while
remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.icon-fallback-text {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.no-svg .icon-fallback-text {
position: static !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
/*================ Payment Icons ================*/
.payment-icons {
-moz-user-select: "none";
-ms-user-select: "none";
-webkit-user-select: "none";
user-select: "none";
cursor: default;
}
/*================ Shopify icon on password page ================*/
.icon-shopify-logo {
width: 82.28571428571429px;
height: 24.0px;
}
/*================ Play icon for videos ================*/
.feather-play {
fill: none;
stroke: currentColor;
stroke-width: 1;
stroke-linecap: round;
stroke-linejoin: round;
}
/*================ Links & Buttons ================*/
button,
input[type=submit],
.btn {
-moz-user-select: "none";
-ms-user-select: "none";
-webkit-user-select: "none";
user-select: "none";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
width: auto;
text-decoration: none;
text-align: center;
vertical-align: middle;
border-radius: 0px;
padding: 9px 25px;
font-size: 1.1333em;
font-family: 'manrope',Jost, sans-serif;
line-height: 1.5;
min-width: 100px;
}
button:hover,
input[type=submit]:hover,
.btn:hover {
outline: 0 !important;
}
button[disabled],
input[type=submit][disabled],
.btn[disabled] {
background: #848484;
color: #fff;
border-color: #848484;
pointer-events: none;
}
.btn--primary, .shopify-challenge__container .shopify-challenge__button, .spr-button-primary, .shopify-payment-button .shopify-payment-button__button--unbranded {
background-color: #111111;
color: #ffffff;
border: 1px solid #111111;
position: relative;
overflow: hidden;
transition: background-color 0.15s, color 0.15s;
}
.btn--primary:hover, .shopify-challenge__container .shopify-challenge__button:hover, .spr-button-primary:hover, .shopify-payment-button .shopify-payment-button__button--unbranded:hover {
background-color: transparent;
color: #111111;
}
.btn--secondary {
background-color: transparent;
color: #111111;
border: 1px solid #111111;
position: relative;
overflow: hidden;
transition: background-color 0.15s, color 0.15s;
}
.btn--secondary:hover {
background-color: #111111;
color: #ffffff;
}
.btn--over-image {
background-color: #ffffff;
color: #111111;
border: 1px solid #ffffff;
position: relative;
transition: background-color 0.15s, color 0.15s;
overflow: hidden;
}
.btn--over-image:hover {
background-color: transparent;
color: #ffffff;
}
.btn--tags {
background-color: #ebebeb;
color: #141414;
border: 1px solid #ebebeb;
position: relative;
transition: background-color 0.15s, color 0.15s;
overflow: hidden;
}
.btn--tags:hover {
background-color: transparent;
}
.btn--small {
font-size: 1em;
min-width: initial;
padding: 5px 20px;
}
.btn--plain {
margin: 0;
padding: 0;
background-color: transparent;
border: 0;
box-shadow: none;
color: inherit;
min-width: 0;
border-radius: 0;
font-size: inherit;
list-style: inherit;
}
.btn--plain:hover {
background-color: transparent;
box-shadow: none;
color: inherit;
}
.btn__icon-label {
vertical-align: middle;
}
.btn-after-text {
margin-top: 15px;
}
@media only screen and (max-width: 439px) {
button,
input[type=submit],
.btn {
font-size: 1rem;
}
}
.shopify-payment-button {
margin-top: 15px;
}
.shopify-payment-button .shopify-payment-button__button {
font-size: 1.1333em;
border-radius: 0px;
overflow: hidden;
line-height: 1.5;
transition: background-color 0.15s, color 0.15s;
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
padding: 9px 25px;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]) {
background-color: transparent;
color: #111111;
}
.shopify-payment-button shopify-accelerated-checkout {
--shopify-accelerated-checkout-button-block-size: 44px;
--shopify-accelerated-checkout-button-border-radius: 0px;
--shopify-accelerated-checkout-button-box-shadow: none;
--shopify-accelerated-checkout-skeleton-background-color: rgba(0, 0, 0, 0);
--shopify-accelerated-checkout-skeleton-animation-opacity-start: 0;
--shopify-accelerated-checkout-skeleton-animation-opacity-end: 0;
--shopify-accelerated-checkout-skeleton-animation-duration: 0s;
}
.shopify-payment-button .shopify-payment-button__button--hidden {
display: none;
}
.shopify-payment-button .shopify-payment-button__more-options[disabled] {
background: transparent;
color: inherit;
}
shop-login-button {
--buttons-radius: 0px;
}
@media only screen and (max-width: 1023px) {
.page-has-sidebar input[type=submit],
.page-has-sidebar .btn--primary,
.page-has-sidebar .shopify-challenge__container .shopify-challenge__button,
.shopify-challenge__container .page-has-sidebar .shopify-challenge__button,
.page-has-sidebar .spr-button-primary,
.shopify-payment-button .page-has-sidebar .shopify-payment-button__button--unbranded,
.page-has-sidebar .btn--over-image,
.page-has-sidebar .btn--secondary,
.page-has-sidebar .shopify-payment-button .shopify-payment-button__button--unbranded {
padding: 5px 20px;
}
}
@media only screen and (max-width: 559px) {
input[type=submit],
.btn--primary,
.shopify-challenge__container .shopify-challenge__button,
.spr-button-primary,
.btn--over-image,
.btn--secondary,
.shopify-payment-button .shopify-payment-button__button--unbranded {
padding: 5px 20px;
}
}
.main-nav-bar {
padding-bottom: 15px;
}
.main-nav-bar--border {
border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.main-nav {
font-size: 16px;
line-height: 1.6;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.main-nav a {
text-decoration: none;
}
.main-nav__item {
padding: 8px 10px;
margin: 0 5px;
position: relative;
}
@media only screen and (min-width: 1024px) {
.main-nav__item.show-dropdown .main-nav__dropdown, .main-nav__item:hover .main-nav__dropdown {
visibility: visible;
opacity: 1;
z-index: 3;
transform: translateY(0%);
}
.main-nav__item.show-dropdown .main-nav__dropdown .main-nav__child-item:first-child::before, .main-nav__item:hover .main-nav__dropdown .main-nav__child-item:first-child::before {
height: 1px;
}
}
.main-nav__item:not(.main-nav__has-dropdown):after {
content: "";
position: absolute;
width: calc(100% - 16px);
bottom: 2px;
height: 2px;
left: 8px;
background-color: #777777;
opacity: 0;
transition: opacity 0.15s;
}
@media only screen and (min-width: 1024px) {
.main-nav__item:not(.main-nav__has-dropdown):hover:after {
opacity: 1;
}
}
.main-nav__link {
color: #777777;
white-space: nowrap;
}
.main-nav__child-link,
.main-nav__sub-child-link {
color: #080a1c;
font-size: 0.8666em;
padding: 10px 20px;
display: block;
}
.main-nav__dropdown,
.main-nav__sub-dropdown {
padding: 10px 0;
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
visibility: hidden;
opacity: 0;
position: absolute;
z-index: -1;
width: 240px;
}
.main-nav__dropdown {
background-color: #fdf8f2;
top: 100%;
left: 0;
transform: translateY(1em);
transition: all 0.25s 0s, visibility 0s, z-index 0s, opacity 0.15s 0s;
}
.main-nav__dropdown .main-nav__child-item:first-child::before {
content: "";
position: absolute;
left: 0;
bottom: calc(100% + 10px);
width: 100%;
height: 1em;
transition: height 0.25s 0s;
}
.main-nav__dropdown .main-nav__sub-dropdown {
background-color: #fdf8f2;
top: -10px;
left: 100%;
z-index: -1;
transition: visibility 0s, z-index 0s, opacity 0.15s 0s;
}
.main-nav__dropdown .main-nav__child-item {
position: relative;
}
@media only screen and (min-width: 1024px) {
.main-nav__dropdown .main-nav__child-item.show-dropdown .main-nav__sub-dropdown, .no-js .main-nav__dropdown .main-nav__child-item:hover .main-nav__sub-dropdown {
visibility: visible;
opacity: 1;
z-index: 3;
}
}
.main-nav__dropdown--expand-left .main-nav__sub-dropdown {
left: auto;
right: 100%;
}
.main-nav__child-item .dropdown-chevron {
position: absolute;
right: 15px;
color: #080a1c;
height: 28px;
width: 18px;
top: 50%;
transform: translateY(-50%);
}
@media only screen and (min-width: 1024px) {
.main-nav__child-item .dropdown-chevron {
pointer-events: none;
}
}
.main-nav .mobile-menu-content {
display: none;
}
.mobile-nav-menu-container .quicklink__link {
display: none;
margin: 20px;
}
@media only screen and (max-width: 1023px) {
.mobile-menu-open .mobile-close-region {
position: absolute;
right: 0;
top: 0;
width: calc(100% - 368px);
height: 100%;
}
.btn--menu-close {
position: absolute;
top: 10px;
right: 10px;
opacity: 0;
transition: opacity 250ms 500ms;
color: #fff;
}
.mobile-menu-open .btn--menu-close {
opacity: 1;
}
.btn--menu-close svg {
width: 32px !important;
height: 32px !important;
}
.btn--menu-close:hover {
color: #fff;
}
.main-nav-bar {
pointer-events: none;
position: fixed;
z-index: 99;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 0;
background: transparent;
transition: background 250ms ease-out;
}
.mobile-menu-open .main-nav-bar {
pointer-events: auto;
background: rgba(0, 0, 0, 0.5);
}
.mobile-nav-column-outer {
position: relative;
width: 420px;
max-width: 100%;
height: 100%;
transform: translate3d(-100%, 0, 0);
}
.mobile-menu-prime .mobile-nav-column-outer {
transition: transform 0.5s cubic-bezier(0.6, 0.05, 0.35, 1);
}
.mobile-menu-open .mobile-nav-column-outer {
transform: translate3d(0, 0, 0);
}
.mobile-nav-column-inner {
position: relative;
margin-right: 52px;
height: 100%;
background: #ffffff;
overflow: hidden;
}
.mobile-nav-menu-container {
height: 100%;
overflow: auto;
transition: transform 0.5s cubic-bezier(0.6, 0.05, 0.35, 1);
}
.mobile-nav-menu-container .quicklink__link {
display: flex;
justify-content: flex-start;
align-items: center;
}
.mobile-nav-menu-container .quicklink__content {
margin-left: 0;
}
.mobile-nav-menu-container .quicklink__icon {
margin-right: 10px;
}
.mobile-nav-menu-container .exp-tab-link + .main-nav__link,
.mobile-nav-menu-container .exp-tab-link + .main-nav__child-link,
.mobile-nav-menu-container .exp-tab-link + .main-nav__sub-child-link {
display: none;
}
.mobile-nav-menu-container .exp-tab-image {
width: 76px;
}
.mobile-nav-menu-container .exp-tab-text {
padding-right: 15px;
}
.mobile-nav-menu-container .main-nav__has-dropdown .exp-tab-text,
.mobile-nav-menu-container .main-nav__child-has-dropdown .exp-tab-text {
padding-right: 38px;
}
.mobile-nav-menu-container .exp-tab-link ~ .dropdown-chevron {
border-left: 0;
}
.mobile-nav-menu-container .exp-tab-link ~ .dropdown-chevron::before {
height: 50%;
left: 0;
top: 25%;
content: "";
position: absolute;
width: 1px;
background-color: rgba(64, 64, 64, 0.2);
}
.main-nav {
margin-top: 20px;
flex-direction: column;
color: #404040;
justify-content: flex-start;
padding-bottom: 30px;
}
.main-nav__link,
.main-nav__child-link,
.main-nav__sub-child-link,
.mobile-dropdown__back {
color: #404040;
}
.main-nav__item,
.main-nav__child-item,
.main-nav__sub-child-item,
.mobile-dropdown__back {
position: relative;
margin: 0;
padding: 5px 20px;
line-height: 1.2;
}
.main-nav__dropdown,
.main-nav__dropdown .main-nav__sub-dropdown {
display: none;
}
.main-nav__link,
.main-nav__child-link,
.main-nav__sub-child-link {
display: block;
padding: 10px 0;
text-decoration: none;
font-size: inherit;
white-space: initial;
}
.main-nav__has-dropdown .main-nav__link,
.main-nav__child-has-dropdown .main-nav__child-link {
padding-right: 55px;
}
.mobile-dropdown__back {
display: flex;
align-items: center;
text-decoration: none;
padding: 15px 20px;
border-bottom: 1px solid rgba(64, 64, 64, 0.2);
}
.mobile-dropdown__back-text {
flex-grow: 1;
text-align: center;
padding: 0 32px 0 10px;
}
.main-nav .mobile-menu-content {
display: block;
}
.mobile-nav-menu-container .dropdown-chevron {
width: 55px;
height: auto;
position: absolute;
right: 5px;
top: 10px;
bottom: 10px;
padding: 0;
border-left: 1px solid rgba(64, 64, 64, 0.2);
transform: none;
}
.mobile-nav-menu-container .dropdown-chevron svg {
transition: transform 0.15s;
transform-origin: center center;
stroke: #404040;
position: absolute;
top: calc(50% - 11px);
left: 10px;
bottom: 0;
right: 0;
}
.mobile-dropdown {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transform: translate3d(100%, 0, 0);
}
.mobile-dropdown > .main-nav__dropdown,
.mobile-dropdown > .main-nav__sub-dropdown {
display: block;
position: static;
opacity: 1;
visibility: visible;
background: transparent;
transform: none;
width: auto;
box-shadow: none;
z-index: 1;
}
.show-mobile-menu-level-2 .mobile-menu-level-1 {
transform: translate3d(-100%, 0, 0);
}
.show-mobile-menu-level-2 .mobile-menu-level-2 {
transform: none;
}
.show-mobile-menu-level-3 .mobile-menu-level-2 {
transform: translate3d(-100%, 0, 0);
}
.show-mobile-menu-level-3 .mobile-menu-level-3 {
transform: none;
}
}
.social-links__list {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.social-links__list a {
display: block;
padding: 12px;
line-height: 16px;
}
.social-links__list svg {
display: block;
width: 16px;
height: 16px;
color: #080a1c;
}
.sharing .sharing-list {
display: flex;
margin-left: -10px;
}
.sharing .sharing-label {
display: block;
margin-bottom: 8px;
}
.sharing .sharing-link {
display: block;
text-decoration: none;
width: 40px;
height: 40px;
padding: 10px;
}
.sharing .sharing-link .icon {
color: #080a1c;
}
.sharing .sharing-link svg {
display: block;
width: 100%;
height: 100%;
}
.social-links .icon,
.sharing .icon,
.social-custom img {
transform: scale(1);
transition: transform 0.15s;
}
.social-links .icon:hover,
.sharing .icon:hover,
.social-custom img:hover {
transform: scale(1.5);
}
.social-links img {
width: 16px;
height: 16px;
vertical-align: top;
}
.exp-tab-link {
display: block;
text-decoration: none;
}
.exp-tab {
display: flex;
align-items: center;
border: 1px solid rgba(20, 20, 20, 0.15);
background-color: #ffffff;
}
.exp-tab .product-price,
.exp-tab .product-price__compare {
white-space: nowrap;
}
.exp-tab--fill {
width: 100%;
}
.swiper-slide .exp-tab--fill {
width: 99.9%;
}
.exp-tab--uncard {
border: none;
box-shadow: none;
background-color: transparent;
}
.exp-tab--uncard .exp-tab-image {
min-height: 0;
}
.exp-tab--uncard .exp-tab-product-title {
white-space: normal;
}
@media only screen and (max-width: 1220px) {
.sidebar .exp-tab--uncard.exp-tab .exp-tab-text {
padding-left: 0px;
padding-right: 0px;
}
}
.exp-tab--quarter {
width: 25%;
}
.exp-tab-image {
min-height: 76px;
flex-shrink: 0;
}
.exp-tab-image {
width: 62px !important;
padding-top: 0 !important;
}
.ext-tab-image-placeholder {
height: 76px;
width: 76px;
max-width: 100%;
}
.exp-tab-text {
flex-grow: 1;
padding: 10px 10px 10px 15px;
max-height: 100%;
width: calc(100% - 62px);
}
.exp-tab-title {
font-size: 1em;
overflow: hidden;
text-overflow: ellipsis;
}
.exp-tab-product-title {
font-family: 'manrope',Jost, sans-serif;
font-size: 1em;
color: #141414;
white-space: nowrap;
font-weight: 400;
}
@media (min-width: 561px) and (max-width: 1220px) {
.sidebar .exp-tab {
display: block;
}
.sidebar .exp-tab .exp-tab-image,
.sidebar .exp-tab .exp-tab-text,
.sidebar .exp-tab .ext-tab-image-placeholder {
width: 100% !important;
}
.sidebar .exp-tab .exp-tab-text {
padding: 10px;
}
}
.testimonial-content {
margin: 0;
padding: 0;
border-left: 0;
font-size: 1em;
}
.testimonial-stars {
margin-bottom: 10px;
}
.testimonial-star {
margin: 0;
position: relative;
height: 15px;
width: 15px;
}
.testimonial-star .cc-rating-stars__svg {
fill: #f86f69;
height: 15px;
width: 15px;
position: absolute;
left: 0;
top: 0;
}
.testimonial-author-meta {
padding: 0;
margin-top: 20px;
display: flex;
align-items: center;
}
.testimonial-author-image {
margin-right: 10px;
border-radius: 50%;
height: 36px;
width: 36px;
}
.testimonial-author-name {
font-size: 1em;
font-weight: 500;
}
.testimonial-author-location {
font-size: 0.8em;
}
@media only screen and (min-width: 560px) {
.image-beside-text {
display: flex;
}
.image-beside-text__image,
.image-beside-text__text {
width: 50%;
}
.image-beside-text__text {
align-self: center;
}
}
.spr-icon {
color: #f86f69;
margin-right: 0.1em;
}
.spr-icon:focus {
color: #f86f69;
}
.spr-icon:before {
font-size: 100%;
}
.spr-icon-star-empty {
color: #888;
}
.spr-badge[data-rating="0.0"] {
visibility: hidden;
}
.product-reviews--remove-if-empty .spr-badge[data-rating="0.0"] {
display: none;
}
.spr-badge-caption {
margin-left: 0.5em;
white-space: nowrap;
}
.spr-form-input {
border-radius: 0px;
}
.product-reviews {
margin-bottom: 15px;
text-decoration: none;
color: #141414;
}
.product-reviews .spr-badge {
display: block;
}
.product-block .product-reviews .spr-badge {
margin: 6px 0 0;
}
.product-reviews-manager #shopify-product-reviews {
margin: 30px 0;
}
.product-reviews-manager .spr-pagination {
padding-top: 12px;
}
.product-reviews-manager .spr-pagination-page {
margin: 0 5px;
}
.product-reviews-manager .spr-container {
border: none;
padding: 0;
}
.product-reviews-manager .spr-review {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
.product-reviews-manager .spr-reviews {
display: flex;
flex-wrap: wrap;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.product-reviews-manager .spr-review {
width: 50%;
border-top: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product-reviews-manager .spr-review:nth-child(2n-1) {
padding-right: 15px;
}
.product-reviews-manager .spr-review:nth-child(2n) {
padding-left: 15px;
}
.product-reviews-manager .spr-review:first-child {
margin: 0;
}
.product-reviews-manager .spr-review:last-child, .product-reviews-manager .spr-review:nth-last-child(2) {
border-bottom: 0;
}
.product-reviews-manager .spr-review:nth-child(2):not(:last-child), .product-reviews-manager .spr-review:nth-child(4):not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product-reviews-manager .spr-review-header-byline strong {
font-weight: normal;
}
.product-reviews-manager .spr-pagination {
padding-top: 30px;
width: 100%;
}
}
.cc-rating-custom-caption {
font-size: 0.9em;
margin-left: 0.3em;
position: relative;
top: -1px;
}
@media only screen and (min-width: 440px) {
.cc-rating-custom-caption {
top: 0;
}
}
#shopify-product-reviews .spr-icon {
position: relative;
display: inline-block;
width: 14px;
height: 14px;
margin-right: 1px;
}
#shopify-product-reviews .spr-icon::before,
#shopify-product-reviews .spr-icon-star::after,
#shopify-product-reviews .spr-icon-star-half-alt::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: no-repeat url("data:image/svg+xml,%3Csvg fill='rgba(240, 144, 140, 0.41)' width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.43579 4.9459L13.63 4.9536L9.42653 8.01929L11.0329 12.97L6.81981 9.91778L2.60673 12.97L4.20346 8.01929L0 4.9536L5.20383 4.9459L6.81981 0L8.43579 4.9459Z'%3E%3C/path%3E%3C/svg%3E") top left;
background-size: 100% 100%;
}
#shopify-product-reviews .spr-icon-star::after,
#shopify-product-reviews .spr-icon-star-half-alt::after {
background-image: url("data:image/svg+xml,%3Csvg fill='rgb(248, 111, 105)' width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.43579 4.9459L13.63 4.9536L9.42653 8.01929L11.0329 12.97L6.81981 9.91778L2.60673 12.97L4.20346 8.01929L0 4.9536L5.20383 4.9459L6.81981 0L8.43579 4.9459Z'%3E%3C/path%3E%3C/svg%3E");
}
#shopify-product-reviews .spr-icon-star-half-alt::after {
clip: rect(0px, 7.5px, 14px, 0px);
}
:root {
--payment-terms-background-color: #ffffff;
}
.product-thumbnails__item {
position: relative;
margin-bottom: 10px;
border-radius: 0px;
transition: box-shadow 150ms ease;
}
.product-thumbnails__item .rimage-wrapper {
overflow: hidden;
border-radius: 0px;
}
.product-thumbnails__item--active {
box-shadow: 0 0 0 2px #c64e14;
}
.product-thumbnails__link {
display: block;
}
.product-thumbnails--inline .product-thumbnails__item {
display: inline-block;
vertical-align: top;
width: 68px;
margin-right: 6px;
}
.product-image {
margin-bottom: 20px;
}
.product-image .rimage-wrapper,
.product-image .plyr__video-wrapper,
.product-image .shopify-model-viewer-ui {
overflow: hidden;
border-radius: 0px;
}
.product-form-block {
margin: 0.75em 0;
}
.product-form-block:first-of-type {
margin-top: 0;
}
.product-form-block:last-of-type {
margin-bottom: 0;
}
.product-form-block .product-price--large {
margin-bottom: 0.5em;
}
.product-form-block--md-spacing {
margin: 1.25em 0;
}
.product-form-block--lg-spacing {
margin: 2em 0;
}
.product-policies {
margin-top: 1em;
}
.qty-actual {
display: none;
position: relative;
}
.qty-actual__label {
position: absolute;
top: 8px;
left: 14px;
line-height: 1;
letter-spacing: initial;
opacity: 0.6;
}
.qty-actual__input {
width: 100%;
margin: 0;
padding: 22px 14px 5px 14px;
line-height: 1.2;
}
.qty-wrapper.hide-proxy > .cc-select,
.no-js .qty-wrapper > .cc-select {
display: none;
}
.qty-wrapper.hide-proxy .qty-actual,
.no-js .qty-wrapper .qty-actual {
display: block;
}
.product-sku {
margin-bottom: 1em;
}
.product-sku--empty {
display: none;
}
.product-vendor-and-type--spacer {
padding: 0 4px;
}
.product-details {
*zoom: 1;
}
.product-details::after {
content: "";
display: table;
clear: both;
}
@media only screen and (max-width: 559px) {
.product-details .btn,
.product-details .shopify-payment-button__button {
min-height: 44px;
}
}
.ajax-add-notice {
transition: opacity 250ms;
}
.ajax-add-notice--error .ajax-add-notice__inner {
color: #f05c5d;
background: #fce1e1;
border: 1px solid #f05c5d;
}
.ajax-add-notice--added {
white-space: nowrap;
}
.ajax-add-notice--added .ajax-add-notice__inner {
padding-bottom: 0;
}
.ajax-add-notice--added .ajax-add-notice__item {
margin-right: 30px;
padding-bottom: 15px;
}
.ajax-add-notice--added .ajax-add-notice__go {
padding-bottom: 15px;
}
.ajax-add-notice__inner {
display: flex;
flex-wrap: wrap;
border: 1px solid rgba(20, 20, 20, 0.15);
padding: 15px 30px;
}
.ajax-add-notice__item {
flex-grow: 1;
display: flex;
align-items: center;
}
.ajax-add-notice__item .feather-icon, .ajax-add-notice__item .disclosure .disclosure__toggle-arrow, .disclosure .ajax-add-notice__item .disclosure__toggle-arrow {
margin-left: -8px;
margin-right: 5px;
}
.ajax-add-notice--pre-reveal {
display: none;
opacity: 0;
}
.ajax-add-notice--pre-replace {
opacity: 0;
}
.pswp__bg {
background-color: #000000;
}
@media only screen and (max-width: 559px) {
.product-thumbnails {
margin-bottom: 15px;
}
.product-thumbnails .product-thumbnails__item {
display: block;
margin: 0;
width: auto;
}
.product-thumbnails .slick-list,
.product-thumbnails .rimage__image {
border-radius: 0px;
}
.product-thumbnails:not(.slick-initialized) .product-thumbnails__item:not(:first-child) {
display: none;
}
.product-thumbnails__item--active {
box-shadow: none;
}
}
.product-block {
margin-bottom: 15px;
}
.product-block__link {
display: block;
text-decoration: none;
}
.product-block__image {
display: flex;
align-items: center;
position: relative;
overflow: hidden;
border-radius: 0px;
margin-bottom: 12px;
background: #fdf8f2;
border: 1px solid rgba(0,0,0,0);
}
.product-block__primary-image {
width: 100%;
}
.product-block__image.with-secondary-image .product-block__secondary-image {
display: none;
}
@media (min-width: 960px) {
.product-block__image.with-secondary-image .product-block__secondary-image {
display: block;
position: absolute;
top: -1px;
left: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
overflow: hidden;
opacity: 0;
pointer-events: none;
transition: opacity 250ms;
}
.product-block__image.with-secondary-image .product-block__primary-image {
transition: opacity 250ms;
}
.product-block__image.with-secondary-image:hover .product-block__primary-image {
opacity: 0;
}
.product-block__image.with-secondary-image:hover .product-block__secondary-image {
opacity: 1;
}
.product-block__image.with-secondary-image.same-aspect-ratio .product-block__primary-image {
transition: opacity 0ms 0ms;
}
.product-block__image.with-secondary-image.same-aspect-ratio:hover .product-block__primary-image {
transition: opacity 50ms 250ms;
}
}
.product-block__sale-label {
position: absolute;
bottom: 0;
left: 0;
background: #fdf8f2;
color: #080a1c;
padding: 0.1em 0.5em;
}
.product-block__soldout-label {
position: absolute;
bottom: 0;
left: 0;
background: #6e6f6f;
color: #ffffff;
padding: 0.1em 0.5em;
}
.product-swatch-inline {
margin-top: 4px;
}
.product-swatch-inline__dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 6px 6px 0 0;
box-shadow: 0 0 0 1px rgba(20, 20, 20, 0.1);
border-radius: 5px;
background: no-repeat center/cover #ddd;
}
.variant-option-title::before {
content: "- ";
}
.mini-product {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
}
.mini-product__image-container {
flex-shrink: 0;
width: 50px;
height: 50px;
margin-right: 1em;
border: 1px solid rgba(20, 20, 20, 0.15);
}
.mini-product__details {
align-self: center;
}
.mini-product__title, .mini-product__vendor {
margin-bottom: 0.1em;
}
.mini-product__price {
color: #939393;
}
.mini-product__price--on-sale {
color: #f86f69;
}
.article-summary {
margin-bottom: 30px;
}
.template-blog .article-summary:last-child {
margin-bottom: 0;
}
.template-blog .article-summary:not(:last-child) {
margin-bottom: 45px;
}
@media only screen and (min-width: 560px) {
.template-blog .article-summary:not(:last-child) {
margin-bottom: 60px;
}
}
.article-summary__image,
.article-summary__date,
.article-summary__author,
.article-summary__title,
.article-summary__read-more {
margin: 0 0 10px;
}
.article-summary__date, .article-summary__author {
display: inline-block;
}
.article-summary__comments-link {
margin-right: 15px;
}
.article-summary__excerpt {
margin-bottom: 10px;
}
.breadcrumbs {
font-size: 0.8em;
}
.breadcrumbs li {
display: inline-block;
}
.breadcrumbs a {
text-decoration: none;
opacity: 0.8;
}
.breadcrumbs a.breadcrumb-active {
opacity: 1;
}
.breadcrumbs-divider {
padding: 0 10px;
}
.breadcrumbs__rss {
position: relative;
top: 0.1em;
display: inline-block;
margin-left: 0.5em;
}
.breadcrumbs__rss .feather-icon, .breadcrumbs__rss .disclosure .disclosure__toggle-arrow, .disclosure .breadcrumbs__rss .disclosure__toggle-arrow {
display: block;
}
.breadcrumbs__rss .icon {
display: block;
height: 1em;
width: 1em;
}
.pagination {
display: flex;
justify-content: center;
padding-bottom: 30px;
}
.pagination li {
padding: 5px 4px 4px;
margin: 0 8px;
width: 34px;
height: 34px;
text-align: center;
border-radius: 50%;
border: 0;
position: relative;
vertical-align: middle;
min-width: 34px;
}
.pagination li.active {
background: #111111;
color: #ffffff;
box-shadow: inset 0 0 1px #111111;
}
.pagination li.pagination__button {
box-shadow: inset 0 0 1px #111111;
}
.pagination li a {
text-decoration: none;
color: #141414 !important;
cursor: pointer;
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
left: 0;
}
.pagination a {
display: block !important;
}
.pagination li::before, .pagination li::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 100%;
}
.pagination li::before, .pagination li::after {
top: 0;
left: 0;
}
.pagination li::before {
border: 1px solid transparent;
}
.pagination li:hover::before {
border-top-color: #111111;
border-right-color: #111111;
border-bottom-color: #111111;
transition: border-top-color 0.12s linear, border-right-color 0.12s linear 0.08s, border-bottom-color 0.12s linear 0.18s;
}
.pagination li::after {
border: 0 solid transparent;
}
.pagination li:hover::after {
border-top: 1px solid #111111;
border-left-width: 1px;
border-right-width: 1px;
transform: rotate(270deg);
transition: transform 0.36s linear 0s, border-left-width 0s linear 0.15s;
}
.pagination .icon {
margin-bottom: 5px;
}
@media only screen and (max-width: 559px) {
.mobile-pagination-hide {
display: none;
}
.mobile-pagination-hide.active {
display: block;
}
}
.disclosure {
position: relative;
}
.disclosure .disclosure__toggle {
background-color: transparent;
border: 1px solid rgba(20, 20, 20, 0.15);
border-radius: 0px;
color: inherit;
padding-left: 10px;
padding-right: 28px;
text-align: left;
position: relative;
}
.disclosure .disclosure__toggle[aria-expanded=true]::before, .disclosure .disclosure__toggle[aria-expanded=true]::after {
content: "";
position: absolute;
left: 18px;
top: 0;
margin-top: -9px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 0 8px;
z-index: 3;
}
.disclosure .disclosure__toggle[aria-expanded=true]::before {
border-color: rgba(20, 20, 20, 0.15) transparent transparent transparent;
}
.disclosure .disclosure__toggle[aria-expanded=true]::after {
margin-top: -10px;
border-color: #ffffff transparent transparent transparent;
}
.disclosure .disclosure__toggle-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
}
.disclosure .disclosure__toggle-arrow .icon {
width: 16px;
height: 16px;
}
.disclosure .disclosure-list {
background-color: #ffffff;
border: 1px solid rgba(20, 20, 20, 0.15);
bottom: calc(100% + 8px);
padding: 0px;
position: absolute;
display: none;
min-height: 90px;
max-height: 400px;
overflow-y: auto;
border-radius: 0px;
z-index: 1;
}
.disclosure .disclosure-list:hover .disclosure-list__item--current .disclosure-list__option:not(:hover) {
background: transparent;
}
.disclosure .disclosure-list--visible {
display: block;
}
.disclosure .disclosure-list__item {
border-bottom: 1px solid transparent;
text-align: left;
white-space: nowrap;
}
.disclosure .disclosure-list__item:not(:last-child) {
border-bottom: 1px solid rgba(20, 20, 20, 0.3);
}
.disclosure .disclosure-list__option {
display: block;
padding: 10px 45px 10px 15px;
color: #141414;
text-decoration: none;
}
.disclosure .disclosure-list__option:focus, .disclosure .disclosure-list__option:hover {
color: #141414;
background: rgba(20, 20, 20, 0.1);
}
.disclosure .disclosure-list__item--current .disclosure-list__option {
background: rgba(20, 20, 20, 0.1);
}
.selectors-form__item {
display: inline-block;
margin: 10px 20px 10px 0;
}
.footer-localization {
flex: 1 0 auto;
}
.desktop-header-localization .selectors-form {
white-space: nowrap;
}
.desktop-header-localization .selectors-form__item {
margin: 0 20px 0 0;
}
.desktop-header-localization .disclosure .disclosure-list {
top: calc(100% + 8px);
bottom: auto;
z-index: 2;
}
.desktop-header-localization .disclosure .disclosure__toggle {
border: none;
padding: 0 20px 0 0;
min-width: 0;
}
.desktop-header-localization .disclosure .disclosure__toggle[aria-expanded=true]::before, .desktop-header-localization .disclosure .disclosure__toggle[aria-expanded=true]::after {
top: auto;
bottom: 0;
margin-top: auto;
margin-bottom: -8px;
border-width: 0px 8px 8px 8px;
}
.desktop-header-localization .disclosure .disclosure__toggle[aria-expanded=true]::before {
border-color: transparent transparent rgba(20, 20, 20, 0.15) transparent;
}
.desktop-header-localization .disclosure .disclosure__toggle[aria-expanded=true]::after {
margin-bottom: -9px;
border-color: transparent transparent #ffffff transparent;
}
.desktop-header-localization .disclosure .disclosure__toggle-arrow {
right: 0;
}
@media only screen and (max-width: 1023px) {
.disclosure .disclosure__toggle {
border-color: #404040;
}
.disclosure .disclosure-list__item {
white-space: initial;
}
}
@media only screen and (max-width: 1023px) {
.selectors-form__item {
width: 100%;
}
}
.quantity-adjuster {
display: inline-flex;
align-items: center;
}
.quantity-adjuster__button {
flex: 0 0;
border: 1px solid rgba(20, 20, 20, 0.15);
border-radius: 0px;
}
.quantity-adjuster__button .feather-icon, .quantity-adjuster__button .disclosure .disclosure__toggle-arrow, .disclosure .quantity-adjuster__button .disclosure__toggle-arrow {
display: flex;
padding: 2px;
}
.quantity-adjuster__button--disabled {
pointer-events: none;
opacity: 0.25;
}
.quantity-adjuster__input {
border: none;
width: 3em;
margin: 0;
padding-left: 0;
padding-right: 0;
text-align: center;
-moz-appearance: textfield;
}
.quantity-adjuster__input::-webkit-outer-spin-button, .quantity-adjuster__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.article-tag {
margin: 5px 5px 0 0;
}
.article-tag a {
text-decoration: none;
color: inherit;
}
.shopify-challenge__container {
padding: 30px 0;
}
.carousel-prev {
transition: opacity 250ms;
}
.swiper-button-disabled {
opacity: 0;
}
.inline-carousel-buttons .carousel-prev {
padding: 10px 5px 0 15px;
}
.inline-carousel-buttons .carousel-next {
margin-right: -15px;
padding: 10px 15px 0 5px;
}
.inline-carousel-buttons .swiper-button-disabled {
opacity: 0.2;
}
.inline-carousel-buttons .slider-chevron .icon {
width: 12px;
height: 12px;
stroke-width: 3px;
}
@media only screen and (max-width: 559px) {
.carousel-mobile-off-edge {
overflow: hidden;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.carousel-mobile-off-edge .swiper-container {
overflow: visible;
}
.carousel-mobile-off-edge .carousel-prev,
.carousel-mobile-off-edge .carousel-next {
display: none;
}
}
.cart-discount-list {
margin: 1em 0;
padding: 0;
}
.cart-discount-list:first-child {
margin-top: 0;
}
.cart-discount-list:last-child {
margin-bottom: 0;
}
.cart-discount {
list-style: none;
}
.cart-discount:not(:last-child) {
margin-bottom: 0.5em;
}
.cart-discount--inline .cart-discount__label {
margin-right: 1em;
}
/* AR view in your space button */
.view-in-space {
box-sizing: border-box;
display: block;
margin-bottom: 15px;
width: 100%;
color: #141414;
border: none;
box-shadow: none;
background: rgba(20, 20, 20, 0.08);
}
.view-in-space:hover {
color: #141414;
border: none;
background: rgba(20, 20, 20, 0.08);
}
.view-in-space[data-shopify-xr-hidden] {
display: none;
}
.view-in-space .icon {
margin: 0;
height: 1.8em;
width: 1.8em;
fill: transparent;
vertical-align: middle;
}
.view-in-space .icon .icon-3d-badge-full-color-outline,
.view-in-space .icon .icon-video-badge-full-color-outline {
display: none;
}
.view-in-space .icon .icon-3d-badge-full-color-element,
.view-in-space .icon .icon-video-badge-full-color-element {
fill: currentColor;
}
.view-in-space .view-in-space__text {
vertical-align: middle;
}
/* Any product media with a fixed aspect ratio */
.product-media--frame {
position: relative;
padding-top: 56.25%;
height: 0;
max-width: 100%;
}
.product-media--frame iframe,
.product-media--frame object,
.product-media--frame embed,
.product-media--frame video,
.product-media--frame model-viewer,
.product-media--frame .shopify-model-viewer-ui,
.product-media--frame .media-item,
.product-media--frame .plyr {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.product-media--frame .plyr__video-wrapper {
height: 100%;
}
.media-thumbnail {
display: block;
position: relative;
}
.media-thumbnail__badge {
width: 22px;
height: 22px;
position: absolute;
right: 6px;
top: 6px;
pointer-events: none;
}
.media-thumbnail__badge .icon {
fill: #ffffff;
width: 100%;
height: 100%;
vertical-align: baseline;
}
.media-thumbnail__badge .icon .icon-3d-badge-full-color-outline,
.media-thumbnail__badge .icon .icon-video-badge-full-color-outline {
stroke: rgba(20, 20, 20, 0.05);
}
.media-thumbnail__badge .icon .icon-3d-badge-full-color-element,
.media-thumbnail__badge .icon .icon-video-badge-full-color-element {
fill: #141414;
}
@media only screen and (min-width: 750px) {
.media-thumbnail__badge .product-single__thumbnail-badge {
width: 26px;
height: 26px;
}
}
@media only screen and (max-width: 767px) {
.slick-slider .product-media--video[data-video-type=external]::before, .slick-slider .product-media--video[data-video-type=external]::after {
content: "";
position: absolute;
top: 50px;
bottom: 70px;
width: calc(50% - 50px);
z-index: 1;
}
.slick-slider .product-media--video[data-video-type=external]::before {
left: 0;
}
.slick-slider .product-media--video[data-video-type=external]::after {
right: 0;
}
}
/* Plyr - used for playing product videos */
.plyr__control svg {
margin: 0;
}
.plyr.plyr--full-ui.plyr--video {
color: #141414;
background-color: transparent;
/* stylelint-disable-next-line */
/* stylelint-disable-next-line */
/* stylelint-disable-next-line */
}
.plyr.plyr--full-ui.plyr--video button {
min-width: 0;
box-shadow: none;
}
.plyr.plyr--full-ui.plyr--video .plyr__poster,
.plyr.plyr--full-ui.plyr--video .plyr__video-wrapper {
background-color: transparent;
}
.plyr.plyr--full-ui.plyr--video:fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__video-wrapper,
.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid {
background-color: #ffffff;
border-color: rgba(20, 20, 20, 0.05);
}
.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid.plyr__tab-focus, .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:hover {
color: rgba(20, 20, 20, 0.55);
}
.plyr.plyr--full-ui.plyr--video .plyr__controls {
background-color: #ffffff;
border-color: rgba(20, 20, 20, 0.05);
border-radius: 0px;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-thumb {
box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-thumb {
box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-thumb {
box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-runnable-track {
background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(20, 20, 20, 0.6) var(--value, 0));
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-track {
background-color: rgba(20, 20, 20, 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-fill-upper {
background-color: rgba(20, 20, 20, 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 4px rgba(20, 20, 20, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 4px rgba(20, 20, 20, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(20, 20, 20, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-moz-range-thumb {
box-shadow: 0 0 0 3px rgba(20, 20, 20, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-ms-thumb {
box-shadow: 0 0 0 3px rgba(20, 20, 20, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 0 0 3px rgba(20, 20, 20, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip {
background-color: #141414;
color: #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before {
border-top-color: #141414;
}
.plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer {
background-image: linear-gradient(-45deg, rgba(20, 20, 20, 0.6) 25%, transparent 25%, transparent 50%, rgba(20, 20, 20, 0.6) 50%, rgba(20, 20, 20, 0.6) 75%, transparent 75%, transparent);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range] {
color: #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-thumb {
box-shadow: 2px 0 0 0 #141414;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-thumb {
box-shadow: 2px 0 0 0 #141414;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-thumb {
box-shadow: 2px 0 0 0 #141414;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-runnable-track {
background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0));
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-track, .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-fill-upper {
background-color: rgba(255, 255, 255, 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-moz-range-thumb {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-ms-thumb {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
/* Shopify's custom UI for the model-viewer component */
.shopify-model-viewer-ui button {
min-width: 0;
box-shadow: none;
}
.shopify-model-viewer-ui button svg {
margin: 0;
}
.shopify-model-viewer-ui button[hidden] {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
background: #ffffff;
border-color: rgba(20, 20, 20, 0.05);
border-radius: 0px;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
color: #141414;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
color: rgba(20, 20, 20, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
color: rgba(20, 20, 20, 0.55);
background: rgba(20, 20, 20, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
border-color: rgba(20, 20, 20, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
background: #ffffff;
border-color: rgba(20, 20, 20, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
color: rgba(20, 20, 20, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
z-index: 2;
}
.shopify-model-viewer-ui .theme-event-proxy {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area--playing + .theme-event-proxy {
display: none;
}
/* hack for some model-viewer component 'quirks' */
model-viewer {
text-align: left;
}
model-viewer .container {
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
model-viewer button,
model-viewer button:hover {
background-color: transparent;
}
.tab-used model-viewer.focus-visible {
outline: none;
}
.tab-used model-viewer.focus-visible + .shopify-model-viewer-ui__controls-overlay::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
pointer-events: none;
z-index: 1;
box-shadow: 0 0 1px 1px rgba(20, 20, 20, 0.5) inset;
}
.carousel-media + .media-thumbnail {
display: none;
}
.cc-popup.cc-popup--bottom-left, .cc-popup.cc-popup--bottom-right {
padding: 30px;
}
.cc-popup .cc-popup-modal {
background-color: #ffffff;
border-radius: 0px;
width: 500px;
border-radius: 0px;
overflow: hidden;
}
.cc-popup .cc-popup-modal .cc-popup-close {
z-index: 1;
}
.cc-popup .cc-popup-modal .cc-popup-close svg {
stroke: #141414;
}
.cc-popup .cc-popup-modal.cc-popup-modal--has-image .cc-popup-close svg {
stroke: #ffffff;
filter: drop-shadow(2px 2px 2px rgba(20, 20, 20, 0.5));
}
.cc-popup .cc-popup-container {
flex-direction: column;
}
.cc-popup .cc-popup-image {
width: 100%;
}
.cc-popup .cc-popup-content {
color: #141414;
padding: 40px;
text-align: center;
}
.cc-popup .cc-popup-content .cc-popup-title {
color: #080a1c;
}
.cc-popup .cc-popup-content .social-links__list {
margin-top: 30px;
justify-content: center;
}
.cc-popup .cc-popup-content .social-links__list a {
color: inherit;
}
.cc-popup .cc-popup-form__inputs {
display: flex;
border: 1px solid rgba(20, 20, 20, 0.15);
border-radius: 0px;
margin-top: 30px;
}
.cc-popup .cc-popup-form__input-wrapper {
flex-grow: 1;
}
.cc-popup .cc-popup-form-input {
border: none;
width: 100%;
font-size: 16px;
margin: 5px;
}
.cc-popup .cc-popup-form-buttons {
padding: 5px;
}
.cc-popup .cc-popup-form-submit {
min-height: 44px;
}
@media only screen and (max-width: 559px) {
.cc-popup .cc-popup-modal {
width: 400px;
}
}
@media only screen and (max-width: 439px) {
.cc-popup.cc-popup--center, .cc-popup.cc-popup--bottom-left, .cc-popup.cc-popup--bottom-right {
justify-content: center;
align-items: flex-end;
padding: 10px;
}
.cc-popup .cc-popup-modal {
width: 100%;
min-width: 100%;
border-radius: 0;
}
.cc-popup .cc-popup-content {
padding: 30px 12px;
}
}
.store-availabilities-modal .cc-popup-modal {
border-radius: 0px 0 0 0px;
}
@media only screen and (max-width: 559px) {
.store-availabilities-modal .cc-popup-modal {
border-radius: 0;
}
}
.store-availabilities-modal .cc-popup-modal .cc-icon-unavailable svg, .store-availabilities-modal .cc-popup-modal .cc-icon-available svg, .store-availabilities-modal .cc-popup-modal .store-availability-list__invalid_address svg {
position: relative;
top: 2px;
}
.store-availabilities-modal .cc-popup-close svg {
filter: none;
}
@media only screen and (max-width: 439px) {
.store-availabilities-modal .cc-popup-content {
padding: 30px 20px;
}
}
.store-availability-list__location__distance {
text-decoration: none;
}
.store-availability-container .store-availability-information .store-availability-icon {
top: 2px;
}
.checkbox {
position: absolute;
opacity: 0;
}
.checkbox + label {
display: inline-flex;
vertical-align: top;
position: relative;
align-items: flex-start;
margin: 0;
font-size: 1em;
line-height: 1.5em;
cursor: pointer;
}
.checkbox + label::before {
content: "";
display: block;
width: 18px;
height: 18px;
margin-top: calc(0.75em - 9px);
margin-right: 10px;
border-radius: 0;
border: 1px solid rgba(64, 64, 64, 0.2);
min-width: 18px;
}
.checkbox:focus + label::before {
outline: auto;
}
.checkbox:focus-visible + label::before {
outline: auto Highlight;
outline: auto -webkit-focus-ring-color;
}
.checkbox:focus:not(:focus-visible) + label::before {
outline: 0;
}
.checkbox:checked + label::before {
border-color: #888;
background-color: #888;
}
.checkbox:checked + label::after {
content: "";
position: absolute;
top: calc(0.75em - 1px);
left: 9px;
width: 6px;
height: 12px;
transform: translate(-50%, -50%) rotate(45deg);
border: solid #ffffff;
border-width: 0 2px 2px 0;
}
.checkbox[disabled] + label {
opacity: 0.5;
cursor: default;
}
.radio {
position: absolute;
opacity: 0;
}
.radio + label {
display: inline-flex;
vertical-align: top;
position: relative;
align-items: flex-start;
margin: 0;
font-size: 1em;
line-height: 1.5em;
cursor: pointer;
}
.radio + label::before {
content: "";
display: block;
width: 18px;
height: 18px;
margin-top: calc(0.75em - 9px);
margin-right: 10px;
border-radius: 0;
border: 1px solid rgba(64, 64, 64, 0.2);
}
.radio:focus + label::before {
outline: auto;
}
.radio:focus-visible + label::before {
outline: auto Highlight;
outline: auto -webkit-focus-ring-color;
}
.radio:focus:not(:focus-visible) + label::before {
outline: 0;
}
.radio + label::before {
width: 18px;
height: 18px;
margin-top: calc(0.75em - 9px);
border-radius: 50%;
min-width: 18px;
}
.radio:checked + label::after {
content: "";
position: absolute;
top: 11px;
left: 9px;
width: 10px;
height: 10px;
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: #888;
}
.cc-select {
position: relative;
width: 100%;
}
.cc-select.is-open::before {
content: "";
position: fixed;
z-index: 100;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cc-select__btn,
.cc-select__listbox {
margin: 0;
border: 1px solid rgba(20, 20, 20, 0.15);
font-size: inherit;
}
.cc-select__btn {
display: flex;
align-items: center;
position: relative;
min-width: 100%;
max-width: 100%;
padding: 9px 45px 9px 15px;
background-color: transparent;
color: #141414;
font-weight: inherit;
text-align: start;
text-transform: none;
}
.cc-select__icon {
position: absolute;
top: calc(50% - 10px);
right: 10px;
width: 20px;
height: 20px;
stroke: currentColor;
}
.cc-select__listbox {
list-style: none;
visibility: hidden;
position: absolute;
top: 5px;
left: -5px;
z-index: 100;
min-width: 100%;
max-height: 20em;
padding: 0;
outline: 0;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
background-color: #f7f7f7;
overflow-y: auto;
}
.cc-select__listbox[aria-hidden=false] {
visibility: visible;
}
.cc-select__option {
display: flex;
align-items: center;
padding: 9px 15px;
color: #141414;
cursor: pointer;
}
.cc-select__option > span {
pointer-events: none;
}
.cc-select__option > em {
display: none;
margin-left: auto;
font-style: normal;
pointer-events: none;
}
.cc-select__option.is-unavailable > em {
display: block;
}
.cc-select__option.is-focused {
background-color: #ebebeb;
color: #141414;
}
.cc-select__btn[data-swatch]::before,
.cc-select__option[data-swatch]::before {
content: "";
width: 16px;
height: 16px;
margin-right: 8px;
border-radius: 50%;
background-size: cover;
}
.cc-select [data-swatch=white]::before {
border: 1px solid #ebebeb;
}
.qty-wrapper.is-disabled .cc-select {
pointer-events: none;
}
.cc-select--label-inside label {
position: absolute;
top: 8px;
left: 15px;
line-height: 1;
opacity: 0.7;
pointer-events: none;
}
.cc-select--label-inside .cc-select__btn {
padding: 21px 42px 5px 15px;
line-height: 1.2;
}
.cc-select__listbox {
max-height: 15em;
}
.cc-select__option {
padding: 8px 15px;
}
.cc-select__option[hidden] {
display: none;
}
.cc-filters-control__btn {
flex: 1 1 100%;
padding: 15px;
border: 1px solid #b9b9b9;
border-radius: 0px;
background-color: #ebebeb;
color: #141414;
transition: background-color 0.15s;
}
.cc-filters-control__btn:not(:last-child) {
width: 50%;
margin-right: -1px;
border-radius: 0px 0 0 0px;
}
.cc-filters-control__btn:last-child:not(:first-child) {
border-radius: 0 0px 0px 0;
}
.cc-filters-control__btn.has-active-filters {
z-index: 1;
}
.cc-filters,
.cc-filter__panel {
z-index: 2;
}
.cc-filter-clear-btn {
color: inherit;
}
.swatch-label[data-swatch]::before {
display: none;
}
.swatch-sample {
width: 22px;
height: 22px;
box-shadow: 0 0 0 1px rgba(20, 20, 20, 0.1);
margin-top: calc(0.75em - 10px);
}
.swatch-input:checked + .swatch-label .swatch-sample {
border: 3px solid #ffffff;
box-shadow: 0 0 0 1px #141414;
}
.cc-sort-label {
font-size: 0.86em;
line-height: 1.5;
}
.no-js-apply-filters > .btn {
line-height: 1.4;
padding: 12px 25px;
}
@media (max-width: 1024px) {
.filters-open .main-nav-bar {
pointer-events: auto;
background: rgba(0, 0, 0, 0.5);
}
.cc-filters-container {
width: calc(100% - 52px);
}
.cc-filter--sort,
.cc-filters__footer,
.cc-filter__footer,
.cc-price-range__control::after {
background: #ffffff;
}
.cc-filters-container,
.cc-filters,
.cc-filter__panel {
background: #ffffff;
color: #404040;
}
.cc-filters__header,
.cc-filter__header {
padding: 15px 20px;
border-bottom-color: rgba(64, 64, 64, 0.2);
}
.cc-filters__items {
padding: 10px 20px;
}
.cc-filter:not(.cc-filter--sort) {
border: 0;
}
.cc-filter__toggle {
padding: 10px 35px 10px 0;
font-size: 16px;
}
.cc-filter__toggle::after {
top: calc(50% - 25px);
width: 28px;
height: 50px;
/* border-top: 1px solid rgba(64, 64, 64, 0.2); */
border-top: 1px solid #ddd;
background-position: center 11px;
}
.cc-filters__footer,
.cc-filter__footer {
border-top-color: rgba(64, 64, 64, 0.2);
}
.cc-filters__footer .btn,
.cc-filter__footer .btn {
border: 1px solid #000000;
background-color: #000000;
color: #ffffff;
}
.cc-filter .radio + label::before,
.cc-filter .checkbox + label::before {
border-color: rgba(64, 64, 64, 0.4);
}
.cc-filter .radio:checked + label::after,
.cc-filter .checkbox:checked + label::before {
border-color: #404040;
background-color: #404040;
}
.cc-filter .checkbox:checked + label::after {
border-color: #ffffff;
}
.cc-price-range__bar-inactive,
.cc-price-range__bar-active {
background: #404040;
}
.cc-price-range__input {
border-color: rgba(64, 64, 64, 0.4);
}
.cc-price-range__control::after {
border-color: #404040;
}
.cc-price-range__input::placeholder {
color: rgba(64, 64, 64, 0.2);
}
.swatch-sample {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.swatch-input:checked + .swatch-label .swatch-sample {
border-color: #ffffff;
box-shadow: 0 0 0 1px #404040;
}
.cc-filter-close-btn {
top: 20px;
right: -75%;
padding: 6px;
opacity: 0;
transition: opacity 0.3s 0.3s;
pointer-events: none;
}
.filters-open .cc-filter-close-btn {
opacity: 1;
pointer-events: auto;
display:block !important;
z-index:1;
}
.cc-filter-close-btn svg {
width: 32px;
height: 32px;
color: #000000;
}
}
@media (max-width: 767px){
.cc-filter-close-btn {
top: 20px;
right: 2%;
left:auto;
padding: 6px;
opacity: 0;
transition: opacity 0.3s 0.3s;
pointer-events: none;
}
}
@media (min-width: 700px) {
.cc-facet-filters {
margin-top: 30px;
}
.cc-filter__panel {
border: 1px solid #b9b9b9;
}
.cc-filter__content {
max-height: 17em;
}
.cc-filter li:not(:last-child) {
margin-bottom: 0.86em;
}
.cc-filter__toggle::after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke='rgb(20, 20, 20)' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}
}
.option-selector {
padding: 0;
border: 0;
}
.option-selector .label {
margin-bottom: 0.5em;
}
.option-selector__btns {
display: flex;
flex-wrap: wrap;
/* margin-top: -10px; */
gap: 10px;
}
.opt-btn {
position: absolute;
z-index: -1;
opacity: 0;
}
.opt-label {
position: relative;
min-width: 44px;
padding: 5px 16px;
border: 1px solid rgba(20, 20, 20, 0.15);
border-radius: 0px;
text-align: center;
}
.opt-label.tag-best-value {
padding-top: 16px;
padding-bottom: 16px;
}
.opt-label:not([data-swatch]):hover {
border-color: #ebebeb;
background: rgba(0, 0, 0, 0.05);
}
.tab-used .opt-btn:focus + .opt-label {
outline: auto Highlight;
outline: auto -webkit-focus-ring-color;
}
.opt-btn:checked + .opt-label:not([data-swatch]) {
border-color: #ebebeb;
background-color: #ebebeb;
cursor: default;
}
.is-unavailable + .opt-label::after {
content: "";
position: absolute;
z-index: 1;
top: calc(50% - 1px);
left: 0;
width: 100%;
border-top: 1px solid #ebebeb;
}
[data-swatch]::before {
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
background: no-repeat center/cover;
box-shadow: 0 0 0 1px rgba(20, 20, 20, 0.1);
}
.opt-label[data-swatch] {
width: 34px;
min-width: 0;
height: 34px;
margin-right: 10px;
padding: 0;
border: 3px solid #ffffff;
border-radius: 50%;
background-repeat: no-repeat;
background-size: 100%;
font-size: 0;
white-space: nowrap;
}
.opt-btn:checked + .opt-label[data-swatch] {
padding: 4px;
border: 1px solid #141414;
cursor: default;
}
.is-unavailable + .opt-label[data-swatch]::after {
left: calc(50% - 16px);
width: 32px;
border-top: 2px solid #ffffff;
}
/*================ SECTIONS ================*/
/*================ Announcement bar ================*/
.section-announcement-bar {
transition: height 0.1s;
min-height: calc(0.8666em + 15px + 0.5em);
}
.header-group .shopify-section:last-child.section-announcement-bar {
margin-bottom: 30px;
}
.announcement-bar {
text-align: center;
padding: 7.5px 0;
font-size: 0.8666em;
}
.announcement-bar:not(.announcement-bar--full-width) {
margin-right: -36px;
margin-left: -36px;
}
@media only screen and (max-width: 700px) {
.announcement-bar:not(.announcement-bar--full-width) {
margin-right: -20px;
margin-left: -20px;
}
}
.announcement-bar .page-width {
background-color: transparent;
}
.announcement-bar--full-width {
position: absolute;
left: 0;
right: 0;
}
/*================ Site Header ================*/
.header-group .shopify-section:last-child.section-header {
margin-bottom: 0px;
}
.page-header {
background-color: #ffffff;
}
.header__main-row {
text-align: center;
}
.utils-bar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 0 20px;
}
.utils-bar::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
transition: opacity 0.2s ease;
opacity: 0;
pointer-events: none;
}
.show-search .utils-bar::before {
z-index: 1;
opacity: 1;
pointer-events: auto;
}
.utils__center {
flex-grow: 1;
text-align: center;
margin: 0 30px;
}
.utils__left,
.utils__right {
width: 33%;
}
.utils__right {
display: flex;
justify-content: flex-start;
align-items: center;
}
.utils__right a {
color: #141414;
text-decoration: none;
vertical-align: middle;
margin: 6px 0;
line-height: 1.3em;
}
.utils__right .accounts li {
display: inline-block;
}
.utils__right .account-item {
position: relative;
}
.utils__right .account-item:not(:last-child) {
padding-right: 11px;
}
.utils__right .account-item:not(:last-child):before {
content: "·";
position: absolute;
right: 2px;
color: #141414;
}
.quicklink__link {
text-decoration: none;
display: flex;
align-items: center;
}
.mobile-nav-menu-quicklink {
display: none;
}
.quicklink__icon,
.quicklink__content {
color: #141414;
font-size: 0.8666em;
}
.quicklink__content--mobile {
display: none;
}
.quicklink__content {
margin-left: 10px;
white-space: normal;
text-align: left;
max-width: 220px;
}
.utils__left,
.utils__item {
transition: opacity 0.15s;
}
.show-search .utils__left,
.show-search .utils__item:not(.header-search),
.show-search .header-search-icon {
opacity: 0;
}
.btn--menu {
display: none;
}
@media only screen and (min-width: 1024px) {
.header-search,
.cart {
margin-left: 15px;
}
.utils__left,
.utils__right {
width: unset !important;
}
.site-logo{
margin:unset !important;
}
.utils__center{
margin:0;
}
}
@media only screen and (max-width: 1023px) {
.utils-bar .quicklink__link {
display: none;
}
.utils-bar .mobile-nav-menu-quicklink {
display: block;
}
.utils__left,
.utils__right {
flex: 0 0 72px;
width: 72px;
flex-direction:unset;
}
.utils__left .btn--menu {
margin: -8px -10px;
padding: 13px 10px;
}
.utils__left .btn--menu > svg {
display: block;
width: 24px;
height: 16px;
fill: currentColor;
}
.btn--menu {
display: block;
}
.utils__center {
margin: 0 auto;
padding: 0 5px;
}
.utils__right .utils__item > a {
display: block;
margin: -8px 0;
padding: 8px;
}
.utils__right .utils__item.cart > a {
margin-right: -12px;
}
.accounts--desktop,
.desktop-header-localization {
display: none;
}
.selectors-form__item {
display: inline-block;
}
.selectors-form__item:not(:last-child) .disclosure {
margin-top: 0;
}
}
/*================ Logo ================*/
.store-logo {
margin: 0;
}
.site-logo {
display: block;
margin: 0 auto;
word-break: break-word;
}
.site-logo img {
display: block;
width: 100%;
min-width: 70px;
height: auto;
}
.mobile-logo {
display: none;
}
@media only screen and (max-width: 439px) {
.desktop-logo {
display: none;
}
.mobile-logo {
display: block;
}
}
/*================ Search ================*/
.search-bar {
position: relative;
background-color: #ffffff;
}
.search-form {
display: flex;
border-radius: 0px;
border: 1px solid rgba(20, 20, 20, 0.15);
align-items: center;
}
.search-form__input {
width: 100%;
margin: 0;
border: none;
}
.search-form__input:focus {
outline: 0;
}
.search-btn {
margin: 5px;
min-width: max-content;
}
.search-icon {
flex-shrink: 0;
padding: 9px;
text-align: center;
}
.header-close-search-icon {
position: absolute;
left: 100%;
top: 0;
padding: 11px;
}
.header-search-form {
position: absolute;
z-index: 5;
box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;
width: calc(100% - 160px);
opacity: 0;
pointer-events: none;
transition: opacity 0.15s;
right: 80px;
top: calc(50% - 17px);
}
.header-search-form .search-btn {
min-width: max-content;
}
.show-search .header-search-form {
opacity: 1;
pointer-events: auto;
}
.header-search-form .search-form__input {
padding: 12px;
}
.search-bar__results {
display: none;
padding: 30px;
background: #ffffff;
z-index: 5;
text-align: left;
border: 1px solid rgba(20, 20, 20, 0.15);
border-top: 0;
border-radius: 0 0 0px 0px;
}
.search-bar--show-results .search-form__input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.search-bar--show-results .search-bar__results {
display: block;
}
.search-bar__results-list,
.search-bar__results-loading {
display: none;
}
.search-bar--loading .search-bar__results-list,
.search-bar--loading .search-bar__suggestions {
display: none;
}
.search-bar--loading .search-bar__results-loading {
display: block;
}
.search-bar--has-results .search-bar__results-loading,
.search-bar--has-results .search-bar__suggestions {
display: none;
}
.search-bar--has-results .search-bar__results-list {
display: flex;
column-gap: 30px;
}
.search-bar--has-results .search-bar__suggestions,
.search-bar--loading .search-bar__suggestions {
display: none;
}
.search-bar__suggestions:not(:last-child) {
margin-bottom: 2.5em;
}
.search-bar__suggestions__links--horizontal-links .search-bar-suggestion-item {
display: inline;
margin-right: 1em;
}
.search-bar__suggestions__links--horizontal-fancy {
display: flex;
flex-wrap: wrap;
margin-left: -30px;
margin-bottom: -30px;
}
.search-bar__suggestions__links--horizontal-fancy .search-bar-suggestion-item {
margin-bottom: 30px;
padding-left: 30px;
}
.search-bar__suggestions__links--horizontal-fancy .search-bar-suggestion-item--collection {
width: 33.33%;
}
@media (max-width: 960px) {
.search-bar__suggestions__links--horizontal-fancy .search-bar-suggestion-item--collection {
width: 50%;
}
}
@media (max-width: 480px) {
.search-bar__suggestions__links--horizontal-fancy .search-bar-suggestion-item--collection {
width: 100%;
}
}
.search-bar__suggestions__links--horizontal-fancy .exp-tab-link {
display: block;
margin-bottom: 0;
}
.search-bar__results-list {
flex-wrap: wrap;
}
.search-bar__results-products {
flex: 1 1 0;
}
.search-bar__results-products .mini-product {
display: flex;
align-items: center;
color: inherit;
text-decoration: none;
margin: 15px 0;
}
.search-bar__results-products .mini-product:first-child {
margin-top: 0;
}
.search-bar__results-pages {
flex: 0 1 33%;
}
.search-bar__results-title {
margin-bottom: 15px;
font-size: 1.066em;
}
.search-bar__results-link + .search-bar__results-title {
margin-top: 32px;
}
.search-bar__suggestions__title {
margin-bottom: 10px;
font-size: 1.066em;
}
.search-bar__results-link {
display: block;
}
.search-bar__results-link mark {
font: inherit;
color: inherit;
}
.search-bar .search-bar__results-all-link {
width: 100%;
text-align: center;
padding-top: 13px;
margin-bottom: -15px;
text-decoration: underline;
color: #c77e7a;
border-top: 1px solid rgba(20, 20, 20, 0.15);
}
@media only screen and (max-width: 559px) {
.utils-bar {
padding: 30px 0;
}
.search-bar__results-products, .search-bar__results-pages {
flex-basis: 100%;
}
.search-bar__results-pages + .search-bar__results-products .search-bar__results-title {
margin-top: 22px;
}
}
@media only screen and (max-width: 1023px) {
.header-search-form {
width: calc(100% - 36px);
right: 36px;
top: calc(50% - 24px);
}
.header-group .shopify-section:last-child.section-header {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.header-search-form {
width: calc(100% - 28px);
right: 28px;
pointer-events: none;
box-shadow: none;
}
.header-search-form .search-form {
flex-direction: row-reverse;
}
.header-search-form .search-form__input {
position: relative;
padding-left: 20px;
border-radius: 0px;
z-index: 10;
}
.header-search-form .search-btn {
display: none;
}
.show-search .header-search-form .search-icon {
pointer-events: auto;
}
.search-bar__results {
position: absolute;
left: -20px;
width: calc(100% + 68px);
padding-left: 20px;
padding-right: 20px;
border: none;
border-bottom: 1px solid rgba(20, 20, 20, 0.15);
border-radius: 0;
}
}
/*================ Cart ================*/
.cart-icon {
color: #141414;
}
.cart--show-indicator::after {
content: "";
position: absolute;
background-color: #111111;
box-shadow: 0 0 0 2px #ffffff;
width: 8px;
height: 8px;
border-radius: 20px;
top: 5px;
right: 0px;
text-align: center;
pointer-events: none;
}
/*============== Newsletter ==============*/
.header-newsletter-form {
background: #ffffff;
padding: 45px 30px 30px;
}
.banner-container {
padding-bottom: 30px;
}
.banner-section {
position: relative;
width: 100%;
overflow: hidden;
}
.banner-section .title {
color: inherit;
}
.banner-section__slideshow-column {
width: 100%;
height: 100%;
}
.slideshow,
.slick-list,
.slick-track,
.slide,
.placeholder-svg {
height: 100%;
}
.slideshow:not(.slick-initialized) .slide:not(:first-child) {
display: none;
}
.banner-section__slideshow-column--with-companion-desktop {
width: 66.66%;
}
@media (min-width: 840px) {
.banner-section__slideshow-column--with-companion-desktop:not(.banner-section__slideshow-column--with-gap) .slide {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.banner-section__companion-column {
display: none;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: calc(33.33% + 1px);
}
.banner-section__companion-column.banner-section__companion-desktop {
display: block;
}
.banner-section__companion-column .rimage-outer-wrapper {
height: 100%;
}
.banner-section__companion-column::after {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-section__companion-column .overlay {
z-index: 1;
}
@media (min-width: 840px) {
.banner-section__companion-column:not(.banner-section__companion-column--with-gap) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
.banner-section__companion-column--with-gap {
width: calc(33.33% - 30px);
}
.companion__link {
text-decoration: none;
color: inherit;
}
.companion__link:hover .companion__subheading {
border-bottom: 1px solid;
}
.companion__heading {
margin: 0;
}
.companion__subheading {
display: inline-block;
border-bottom: 1px solid transparent;
transition: border 0.15s;
}
.banner-section__slideshow-column .placeholder-container {
position: relative;
}
.banner-section__slideshow-column .placeholder-container .placeholder-svg {
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 839px) {
.banner-section {
height: auto !important;
padding: 0 !important;
}
.banner-section .overlay {
padding: 10% 5%;
width: 100%;
}
.banner-section .overlay .overlay__inner {
width: 100%;
}
.overlay__subheading {
font-size: 1em;
}
.banner-section__slideshow-column .rimage-outer-wrapper {
height: auto;
}
.banner-section__slideshow-column--with-companion-desktop.banner-section__slideshow-column--with-gap,
.banner-section__slideshow-column--with-companion-mobile.banner-section__slideshow-column--with-gap,
.banner-section__slideshow-column--with-companion-desktop,
.banner-section__slideshow-column--with-companion-mobile,
.banner-section__companion-column {
width: auto;
}
.banner-section__companion-column {
margin-top: 30px;
}
.banner-section__companion-column.banner-section__companion-desktop {
display: none;
}
.banner-section__companion-column.banner-section__companion-mobile {
display: block;
}
.banner-section__companion-column .desktop-image {
display: none;
}
.banner-section__companion-column .mobile-image {
display: block;
}
.banner-section__companion-column.banner-section__companion-column--with-content .rimage-outer-wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.banner-section__companion-column .overlay {
position: relative;
display: block;
}
.banner-section__companion-column .overlay .overlay__inner {
display: block;
height: auto;
}
.banner-section__companion-column .overlay--with-slider {
padding: 0;
}
.banner-section__companion-column .overlay--with-slider .companion__row {
padding: 30px;
text-align: center;
}
.banner-section__companion-column .companion__row {
margin: 30px 0 0;
}
.banner-section__companion-column .companion__row:last-child {
margin-bottom: 30px;
}
.banner-section--fixed-height .banner-section__slideshow-column,
.banner-section__companion-column {
position: relative;
height: auto;
}
.banner-section__slideshow-column .slideshow--mobile-stacked .slide::after {
display: none;
}
.banner-section__slideshow-column .slideshow--mobile-stacked .slick-dots {
bottom: 0;
}
.banner-section__slideshow-column .slideshow--mobile-stacked .slick-dots li button {
border-color: #141414;
}
.banner-section__slideshow-column .slideshow--mobile-stacked .slick-dots li.slick-active button {
background-color: #141414;
}
.banner-section__slideshow-column .slideshow--mobile-stacked .overlay--mobile-under {
position: static;
padding: 30px;
}
.banner-section__slideshow-column .slideshow--mobile-stacked .overlay--mobile-under.overlay--position-bottom-right, .banner-section__slideshow-column .slideshow--mobile-stacked .overlay--mobile-under.overlay--position-top-right, .banner-section__slideshow-column .slideshow--mobile-stacked .overlay--mobile-under.overlay--position-center-right {
text-align: center;
justify-content: center;
}
.banner-section__slideshow-column .slideshow--mobile-stacked .overlay--mobile-under .overlay__inner {
background-color: #ffffff;
color: #141414;
}
.banner-section__slideshow-column .slideshow--mobile-stacked .overlay--mobile-under .btn--over-image {
background-color: #111111;
color: #ffffff;
border: 1px solid #111111;
position: relative;
overflow: hidden;
transition: background-color 0.15s, color 0.15s;
}
.banner-section__slideshow-column .slideshow--mobile-stacked .overlay--mobile-under .btn--over-image:hover {
background-color: transparent;
color: #111111;
}
.section-slideshow .slideshow--mobile-stacked .rimage-outer-wrapper {
border-radius: 0px;
overflow: hidden;
}
}
@media only screen and (max-width: 1033px) {
.banner-section__slideshow-column--with-companion-desktop .overlay-style--box .overlay__inner {
padding: 30px;
width: 100%;
}
}
@media only screen and (max-width: 439px) {
.section-slideshow .slideshow--mobile-stacked .overlay--mobile-under {
padding: 30px;
}
.section-slideshow .slideshow--mobile-stacked .overlay--mobile-under .overlay__inner {
padding: 0;
}
}
/* Homepage banner custom styles (from sections/banner.liquid) */
@media (min-width: 1536px) {
#shopify-section-banner .container.banner-container.banner-hero {
max-width: 1536px;
width: 83.333333%;
margin: auto;
padding-inline: 0;
min-width: auto;
}
}
#shopify-section-banner .slide.home-slide1 img {
height: 400px !important;
object-fit: cover;
}
#shopify-section-banner .overlay {
padding-left: 10rem;
padding-top: 0;
}
#shopify-section-banner .overlay a {
color: inherit;
background: rgb(0, 0, 0);
border-color: rgb(255, 255, 255);
font-size: 18px;
border-radius: 5px;
border-width: 1px;
padding-left: 3rem;
padding-right: 3rem;
}
.custom-home-banner .banner-container {
min-width: 100%;
padding-left: 0;
padding-right: 0;
}
.custom-home-banner .home-slide1 h2.overlay__heading {
line-height: 1;
min-height: 2.1em;
}
.custom-home-banner .home-slide1 h2.overlay__heading b {
font-weight: 700;
font-synthesis: none;
}
.overlay__heading--mobile,
.overlay__cta--mobile {
display: none;
}
.slide-image {
position: relative;
display: block;
}
.slide-image-link {
display: block;
text-decoration: none;
color: inherit;
}
.slide-image .slide-link--desktop,
.slide-image .slide-link--mobile {
position: absolute;
inset: 0;
}
.slide-image .slide-link--mobile {
display: none;
}
@media (max-width: 800px) {
.slide-image .slide-link--desktop {
display: none;
}
.slide-image .slide-link--mobile {
display: block;
}
.overlay__heading--desktop-has-mobile {
display: none;
}
.overlay__heading--mobile {
display: block;
}
#shopify-section-banner .overlay__cta--desktop-has-mobile {
display: none !important;
}
#shopify-section-banner .overlay__cta--mobile {
display: inline-flex !important;
}
#shopify-section-banner .slide.home-slide1 .overlay {
padding-left: 1rem;
padding-top: 2.7rem;
}
#shopify-section-banner .slide.home-slide1 .rimage-outer-wrapper {
background-position-x: 80% !important;
}
#shopify-section-banner .slide.home-slide1 .overlay.overlay--position-center-left {
align-items: flex-start;
}
#shopify-section-banner .slide.home-slide1 img {
height: 428px !important;
}
#shopify-section-banner .slide.home-slide1 h2.overlay__heading.large-title {
font-size: 24px;
width: 85%;
}
#shopify-section-banner .slide.home-slide1 .overlay__cta-container {
margin-top: 1.5rem;
}
#shopify-section-banner .slide.home-slide1 .overlay__cta-container a {
padding-left: 2rem !important;
padding-right: 2rem !important;
height: 3rem;
display: inline-flex;
align-items: center;
}
#shopify-section-banner .custom-home-banner .overlay a {
font-size: 16px;
letter-spacing: -1px;
font-weight: 700;
}
}
.sidebar-candidate {
margin-right: -36px;
margin-left: -36px;
}
@media only screen and (max-width: 700px) {
.sidebar-candidate {
margin: 0 -20px;
}
}
.page-has-sidebar .sidebar-layout,
.page-has-sidebar.sidebar-layout {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 560px) {
.page-has-sidebar .sidebar-layout,
.page-has-sidebar.sidebar-layout {
display: block;
}
}
.page-has-sidebar .sidebar-container {
flex-shrink: 0;
width: calc((100% + 36px) / 4);
padding: 30px 36px 0;
}
@media only screen and (max-width: 960px) {
.page-has-sidebar .sidebar-container {
width: calc((100% + 36px) / 3 - 36px);
}
}
@media only screen and (max-width: 560px) {
.page-has-sidebar .sidebar-container {
width: auto;
margin: 0;
padding-left: 20px;
padding-right: 20px;
}
.page-has-sidebar .sidebar-container .desktop-only {
display: none;
}
.page-has-sidebar .sidebar-container .sidebar:not(.sidebar--has-mobile-block) {
margin-top: -30px;
}
}
.page-has-sidebar .sidebar-container--left {
padding-right: 24px;
}
@media only screen and (max-width: 960px) {
.page-has-sidebar .sidebar-container--left {
padding-right: 4px;
}
}
@media only screen and (max-width: 560px) {
.page-has-sidebar .sidebar-container--left {
padding-right: 20px;
}
}
.page-has-sidebar .sidebar-container--right {
padding-left: 24px;
}
@media only screen and (max-width: 960px) {
.page-has-sidebar .sidebar-container--right {
padding-left: 4px;
}
}
@media only screen and (max-width: 560px) {
.page-has-sidebar .sidebar-container--right {
padding-left: 20px;
}
}
.sidebar-sticky {
position: -webkit-sticky;
position: sticky;
top: 30px;
}
.sidebar-block {
padding-bottom: 45px;
}
@media only screen and (max-width: 560px) {
.sidebar-block {
margin-bottom: 45px;
padding-bottom: 0;
}
}
.sidebar-block .exp-tab-link {
margin-bottom: 15px;
}
.sidebar-block--article-link {
display: block;
}
.page-content .sidebar-container {
padding-top: 0;
padding-bottom: 0;
}
/* restore collapsing margins between content and sidebar */
@media only screen and (max-width: 560px) {
.page-has-sidebar .sidebar-layout--left .main-page-content,
.page-has-sidebar.sidebar-layout--left .main-page-content {
overflow: visible;
}
.page-has-sidebar .sidebar-layout--left .main-page-content::before,
.page-has-sidebar.sidebar-layout--left .main-page-content::before {
content: none;
}
.sidebar-layout--right .sidebar-container {
*zoom: 1;
}
.sidebar-layout--right .sidebar-container::after {
content: "";
display: table;
clear: both;
}
.sidebar-sticky {
position: static;
}
}
.map-section__wrapper {
position: relative;
}
.map-section__wrapper .errors {
padding: 30px;
}
.map-section__text {
width: 50%;
}
.map-section__map {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
overflow: hidden;
}
.map-section__map-overlay {
display: none;
position: absolute;
right: 20px;
top: calc(50% - 1.2em);
max-width: 50%;
height: 100%;
}
.map-section__image {
height: 100%;
background-size: cover;
background-position: center;
}
.map-section--display-map .map-section__image {
display: none !important;
}
.map-section__placeholder {
height: 100%;
padding: 0;
}
.map-section--display-map .map-section__placeholder {
display: none !important;
}
.map-section__map-container {
height: 100%;
}
.map-section__map-container button {
min-width: 0;
}
@media only screen and (max-width: 800px) {
.page-has-sidebar .map-section__wrapper {
display: flex;
flex-direction: column;
}
.page-has-sidebar .map-section__text {
width: 100%;
}
.page-has-sidebar .map-section__map {
position: relative;
width: auto;
order: 2;
}
.page-has-sidebar .map-section__placeholder,
.page-has-sidebar .map-section__map-container {
height: 55vh;
max-height: 400px;
}
}
@media only screen and (max-width: 559px) {
.map-section__wrapper {
display: flex;
flex-direction: column;
}
.map-section__text {
width: 100%;
}
.map-section__map {
position: relative;
width: auto;
order: 2;
}
.map-section__placeholder,
.map-section__map-container {
height: 55vh;
}
}
.collection-list {
margin-top: -30px;
margin-bottom: 30px;
}
.collection-list .subtitle {
margin-bottom: 0;
line-height: 1.6;
}
.collection-list__container {
width: 33.33%;
margin-top: 30px;
}
.page-has-sidebar .collection-list__container {
width: 50%;
}
.page-has-sidebar .grid--uniform .collection-list__container:nth-child(3n+1) {
clear: none;
}
.page-has-sidebar .grid--uniform .collection-list__container:nth-child(2n+1) {
clear: both;
}
.collection-list__link {
display: block;
text-decoration: none;
color: inherit;
}
.collection-list__link:hover {
text-decoration: none;
color: inherit;
}
.collection-list__block {
height: 21vw;
max-height: 256px;
width: 100%;
margin-bottom: 10px;
}
.collection-list__block--with-border {
border: 1px solid #b9b9b9;
background-color: #b9b9b9;
}
.collection-list__block--featured-image {
height: 100%;
flex: 1 0 70%;
}
.collection-list__block--product-images {
height: 100%;
flex: 0 0 30%;
margin-left: 1px;
}
.collection-list__block--product-image {
width: 100%;
position: absolute;
}
.collection-list__block--product-1 {
top: 0;
right: 0;
height: 50%;
}
.collection-list__block--product-2 {
bottom: 0;
right: 0;
height: calc(50% - 1px);
}
.collection-list__block--placeholder {
background-color: #ffffff;
}
@media only screen and (max-width: 820px) {
.collection-list__container {
width: 50%;
}
.grid--uniform .collection-list__container:nth-child(3n+1) {
clear: none;
}
.grid--uniform .collection-list__container:nth-child(2n+1) {
clear: both;
}
.page-has-sidebar .collection-list__container {
width: 100%;
}
.page-has-sidebar .grid--uniform .collection-list__container:nth-child(n) {
clear: both;
}
.collection-list__block {
height: 40vw;
max-height: 320px;
}
}
@media only screen and (max-width: 560px) {
.collection-list__container {
width: 100%;
}
.grid--uniform .collection-list__container:nth-child(n) {
clear: both;
}
.collection-list__block {
height: 60vw;
max-height: initial;
}
}
.mini-collection-list .mini-collection-slider-prev,
.mini-collection-list .mini-collection-slider-next {
position: absolute;
top: calc(50% - 14px);
z-index: 1;
}
.mini-collection-list .mini-collection-slider-prev {
left: -20px;
}
.mini-collection-list .mini-collection-slider-next {
right: -20px;
}
.mini-collection-list .swiper-container .exp-tab-link {
margin-bottom: 4px;
}
.mini-collection-list--block {
width: 25%;
margin-bottom: 15px;
}
.mini-collection-list--block.swiper-slide {
margin-bottom: 0;
}
.page-has-sidebar .mini-collection-list--block {
width: 33.33%;
}
@media only screen and (max-width: 1090px) {
.page-has-sidebar .grid .mini-collection-list--block {
width: 50%;
}
.grid .mini-collection-list--block {
width: 33.33%;
}
}
@media only screen and (max-width: 860px) {
.grid .mini-collection-list--block {
width: 50%;
}
}
@media only screen and (max-width: 520px) {
.mini-collection-list .mini-collection-slider-prev,
.mini-collection-list .mini-collection-slider-next {
display: none;
}
.grid .mini-collection-list--block,
.page-has-sidebar .grid .mini-collection-list--block {
width: 100%;
margin-bottom: 15px;
}
}
.testimonials-grid {
display: flex;
flex-wrap: wrap;
margin-top: -30px;
}
.testimonial .exp-tab-link {
margin-bottom: 10px;
}
.testimonial-block {
width: 33.33%;
margin-top: 30px;
}
.page-has-sidebar .testimonial-block {
width: 50%;
}
@media only screen and (max-width: 720px) {
.testimonials-grid {
flex-wrap: wrap;
}
.testimonial-block {
width: 50%;
}
.page-has-sidebar .testimonial-block {
width: 100%;
}
}
@media only screen and (max-width: 640px) {
.testimonial-block {
width: 100%;
}
}
.featured-product .featured-product__container {
display: flex;
}
.featured-product .featured-product__container.featured-product--reverse {
flex-direction: row-reverse;
}
@media (min-width: 580px) {
.featured-product .featured-product__container.featured-product--reverse .featured-product__details {
padding-left: 0;
padding-right: 40px;
}
}
.featured-product .featured-product__container .featured-product__details,
.featured-product .featured-product__container .featured-product__image {
margin-bottom: 15px;
}
.featured-product .featured-product__container .featured-product__details {
padding-left: 40px;
}
.featured-product .featured-product__container .rimage-outer-wrapper {
border-radius: 0px;
overflow: hidden;
}
.featured-product .featured-product__container .btn,
.featured-product .featured-product__container .shopify-payment-button__button {
width: 100%;
}
.featured-product .product-thumbnails {
display: none;
}
.featured-product .product-page-link {
display: block;
}
.featured-product .featured-product__details {
padding-left: 40px;
}
.featured-product .ajax-add-notice__inner {
margin-bottom: 15px;
}
@media only screen and (max-width: 920px) {
.page-has-sidebar .featured-product .featured-product__container {
flex-direction: column;
}
.page-has-sidebar .featured-product .featured-product__container.featured-product--reverse {
flex-direction: column-reverse;
}
.page-has-sidebar .featured-product .featured-product__container .featured-product__image,
.page-has-sidebar .featured-product .featured-product__container .featured-product__details {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 580px) {
.featured-product .featured-product__container {
flex-direction: column;
}
.featured-product .featured-product__container.featured-product--reverse {
flex-direction: column-reverse;
}
.featured-product .featured-product__container .featured-product__image,
.featured-product .featured-product__container .featured-product__details {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.featured-collection .carousel-prev,
.featured-collection .carousel-next {
position: absolute;
top: calc(50% - 35px);
transform: translateY(-50%);
z-index: 1;
width: 44px;
height: 44px;
}
.featured-collection .carousel-prev {
left: -35px;
}
.featured-collection .carousel-next {
right: -35px;
}
.featured-collection .product-grid--rows {
display: flex;
flex-wrap: wrap;
}
.featured-collection .swiper-container .product-block {
margin-bottom: 0;
}
@media only screen and (max-width: 800px) {
.page-has-sidebar .featured-collection .product-block {
width: 50%;
}
}
.image-beside-text-section {
align-items: center;
}
.image-beside-text--reverse {
flex-direction: row-reverse;
}
.image-beside-text--reverse .image-beside-text__text {
padding-right: 30px;
padding-left: 0;
}
.image-beside-text__image,
.image-beside-text__text {
margin-bottom: 15px;
}
.image-beside-text__text {
padding-left: 30px;
}
.image-beside-text__btn {
margin-top: 15px;
}
.image-beside-text-section .rimage-outer-wrapper {
border-radius: 0px;
overflow: hidden;
}
@media only screen and (max-width: 800px) {
.page-has-sidebar .image-beside-text {
flex-wrap: wrap;
}
.page-has-sidebar .image-beside-text .image-beside-text__image,
.page-has-sidebar .image-beside-text .image-beside-text__text:not(.padded-block) {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 640px) {
.page-has-sidebar .image-beside-text .padded-block {
padding: 30px 15px;
}
}
@media only screen and (max-width: 559px) {
.image-beside-text .image-beside-text__image,
.image-beside-text .image-beside-text__text:not(.padded-block) {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.full-width-image::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.full-width-image .overlay {
z-index: 1;
}
.full-width-image .small-title {
font-family: 'manrope',Jost, sans-serif;
}
@media only screen and (max-width: 720px) {
.full-width-image .large-title, .full-width-image .shopify-policy__title h1, .shopify-policy__title .full-width-image h1 {
font-size: 1.2666em;
}
.full-width-image .small-title {
font-size: 1em;
}
}
@media (max-width: 839px) {
.full-width-image .overlay--mobile-under {
position: static;
padding: 30px;
}
.full-width-image .overlay--mobile-under.overlay--position-bottom-right, .full-width-image .overlay--mobile-under.overlay--position-top-right, .full-width-image .overlay--mobile-under.overlay--position-center-right {
text-align: center;
justify-content: center;
}
.full-width-image .overlay--mobile-under .overlay__inner {
background-color: #ffffff;
color: #141414;
}
.full-width-image .overlay--mobile-under .btn--over-image {
background-color: #111111;
color: #ffffff;
border: 1px solid #111111;
position: relative;
overflow: hidden;
transition: background-color 0.15s, color 0.15s;
}
.full-width-image .overlay--mobile-under .btn--over-image:hover {
background-color: transparent;
color: #111111;
}
.full-width-image--mobile-stacked::after {
display: none;
}
.full-width-image--mobile-stacked .rimage-outer-wrapper {
border-radius: 0px;
overflow: hidden;
}
}
.video-container {
position: relative;
}
.video-container .overlay {
z-index: 2;
}
.video-container__video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
opacity: 0;
}
.video-container__video iframe,
.video-container__video object,
.video-container__video embed,
.video-container__video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-container--background {
background: #000;
overflow: hidden;
}
.video-container--background.video--play-started .video-container__video {
opacity: 1 !important;
}
.video-container--background .video-container__video {
position: relative;
height: 100%;
max-width: none;
padding: 0 !important;
pointer-events: none;
transition: opacity 300ms ease-in;
}
.video-container--background .video-container__video-element {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.video-container--background video {
object-fit: cover;
object-position: 50% 50%;
}
.video-container__cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #eee;
}
.video-container__cover .rimage-outer-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-container__cover::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.video-container--playing .video-container__video {
opacity: 1;
}
.video-container--playing .video-container__cover {
opacity: 0 !important;
pointer-events: none;
}
.video-container--playing:not(.video-container--background) .overlay {
opacity: 0 !important;
pointer-events: none;
}
.video-container__play.feather-icon svg, .disclosure .video-container__play.disclosure__toggle-arrow svg {
width: 60px;
height: 60px;
fill: transparent;
stroke-width: 1px;
}
@media only screen and (max-width: 559px) {
.video-container__play.feather-icon svg, .disclosure .video-container__play.disclosure__toggle-arrow svg {
width: 40px;
height: 40px;
}
}
.video-container__stop {
display: none;
}
.video-container__fallback.fade-in.lazyloaded {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
opacity: 1;
}
.video--play-started .video-container__fallback.fade-in.lazyloaded {
opacity: 0;
transition: opacity 500ms;
}
@media (max-width: 767px) {
.video-container:not(.video-container--background)[data-video-type=mp4] .video-container__video {
padding: 0;
height: 100%;
}
.video-container:not(.video-container--background)[data-video-type=mp4] .video-container__video video {
object-fit: contain;
}
.video-container:not(.video-container--background).video-container--modal-mobile {
padding-bottom: 0 !important;
height: auto;
}
.video-container:not(.video-container--background).video-container--modal-mobile::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
pointer-events: none;
background: #000;
opacity: 0;
transition: opacity 350ms;
}
.video-container:not(.video-container--background).video-container--modal-mobile .video-container__video {
position: fixed;
z-index: 10001;
top: 50%;
left: 20px;
width: calc(100% - 40px);
transform: translateY(-50%);
display: flex;
align-items: center;
opacity: 0;
pointer-events: none;
background: #000;
transition: opacity 350ms;
}
.video-container:not(.video-container--background).video-container--modal-mobile .video-container__stop {
display: block;
position: fixed;
top: 0;
right: 0;
color: #fff;
z-index: 10002;
padding: 20px;
pointer-events: none;
opacity: 0;
transition: opacity 350ms;
}
.video-container:not(.video-container--background).video-container--modal-mobile .video-container__stop svg {
stroke: currentColor;
}
.video-container:not(.video-container--background).video-container--modal-mobile .overlay {
position: relative;
height: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.video-container:not(.video-container--background).video-container--modal-mobile.video-container--playing::before,
.video-container:not(.video-container--background).video-container--modal-mobile.video-container--playing .video-container__video,
.video-container:not(.video-container--background).video-container--modal-mobile.video-container--playing .video-container__stop {
opacity: 1;
pointer-events: auto;
}
}
.logo-list .logo-list-slider-prev,
.logo-list .logo-list-slider-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 10px 16px;
}
.logo-list .logo-list-slider-prev {
/* left: 0; */
left: calc(-20px - 16px);
}
.logo-list .logo-list-slider-next {
right: calc(-20px - 16px);
/* right: 0; */
}
.logo-list .swiper-container .logo-block {
padding-left: 0;
}
.logo-list .swiper-wrapper {
margin-bottom: -15px;
}
.logo-list-container {
display: flex;
}
.logo-list-grid .logo-block {
min-width: 120px;
}
.logo-block {
padding-left: 15px;
margin-bottom: 15px;
width: 120px;
}
.logo-block__image {
overflow: hidden;
}
.logo-block__image .rimage-outer-wrapper {
transition: transform 0.15s;
}
.logo-block__caption {
margin-top: 5px;
line-height: 1.2;
}
.logo-block__link {
text-decoration: none;
display: block;
color: inherit;
}
.logo-block__link:hover .logo-block__image .rimage-outer-wrapper {
transform: scale(1.05);
}
@media only screen and (max-width: 560px) {
.logo-list-container:not(.swiper-container) .logo-block {
width: 50% !important;
}
.logo-list-container:not(.swiper-container) .logo-list-slider-prev,
.logo-list-container:not(.swiper-container) .logo-list-slider-next {
display: none;
}
}
.newsletter-section input {
color: inherit;
background: transparent;
padding: 19px 10px 19px 60px;
}
.newsletter-section input::placeholder {
color: inherit;
opacity: 0.8;
}
.newsletter-section__inputs {
position: relative;
}
.newsletter-section__inputs.input-row--full-width .subscribe__icon {
top: 20px;
transform: translateY(0);
}
.newsletter-section .image-beside-text__image,
.newsletter-section .image-beside-text__text {
margin-bottom: 0;
}
@media only screen and (max-width: 800px) {
.page-has-sidebar .newsletter-section {
flex-wrap: wrap;
}
.page-has-sidebar .newsletter-section .image-beside-text__image,
.page-has-sidebar .newsletter-section .image-beside-text__text {
width: 100%;
}
}
@media only screen and (max-width: 640px) {
.page-has-sidebar .newsletter-section .padded-block:not(.newsletter-section__text) {
padding: 30px 15px;
}
}
@media only screen and (max-width: 439px) {
.newsletter-section__inputs .subscribe__icon {
top: 32px;
}
}
@media only screen and (max-width: 940px) {
.page-has-sidebar .featured-blog .article-summary {
width: 50%;
}
}
@media only screen and (max-width: 740px) {
.page-has-sidebar .featured-blog .article-summary {
width: 100%;
}
}
.gallery:not(.gallery--with-margins) {
border-radius: 0px;
overflow: hidden;
}
.gallery--with-margins {
margin-left: -20px;
}
.gallery--with-margins .gallery__item {
margin-left: 20px;
margin-bottom: 20px;
}
@media (min-width: 760px) {
.gallery--with-margins.gallery--mosaic {
margin-bottom: -20px;
}
}
.gallery__row {
display: flex;
flex-wrap: wrap;
}
.gallery__image-container {
height: 100%;
transition: transform 0.3s;
}
.gallery__image {
height: 100%;
}
.gallery__item {
position: relative;
z-index: 0;
flex: 1 0 auto;
width: calc(100% - 20px);
overflow: hidden;
}
.gallery__item::before {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.gallery__item .overlay {
padding: 20px;
pointer-events: none;
z-index: 1;
}
.gallery__item .overlay--style-box .overlay__inner {
padding: 20px 24px;
}
.gallery__item .overlay__inner .overlay__title {
margin-bottom: 5px;
}
.gallery__item .overlay__inner .overlay__title--no-margin {
margin-bottom: 0;
}
.gallery__item .overlay__inner .btn {
margin-top: 20px;
pointer-events: auto;
}
.gallery .swiper-slide {
position: relative;
}
.gallery .swiper-slide::before {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.gallery .swiper-slide .overlay {
padding: 20px;
pointer-events: none;
z-index: 1;
}
.gallery .swiper-slide .overlay--style-box .overlay__inner {
padding: 20px 24px;
}
.gallery .swiper-slide .overlay__inner .overlay__title {
margin-bottom: 5px;
}
.gallery .swiper-slide .overlay__inner .overlay__title--no-margin {
margin-bottom: 0;
}
.gallery .swiper-slide .overlay__inner .btn {
margin-top: 20px;
pointer-events: auto;
}
@media only screen and (min-width: 560px) {
.gallery--grid .gallery__item {
flex: 1 0 calc(50% - 20px);
}
}
@media (min-width: 760px) {
.gallery--grid .gallery__item {
flex: 1 0 calc(33.3333333333% - 20px);
}
}
.gallery--mobile-carousel {
display: flex;
}
.gallery--mobile-carousel .gallery__row {
flex: 0 0 100%;
}
@media only screen and (min-width: 560px) {
.gallery--mobile-carousel {
display: block;
}
}
@media only screen and (min-width: 560px) {
.gallery__item-link {
height: 100%;
display: block;
}
.gallery__item-link:hover .gallery__image-container {
transform: scale3d(1.07, 1.07, 1.07);
}
.tab-used .gallery__item-link:focus .btn {
outline: auto Highlight;
outline: auto -webkit-focus-ring-color;
}
}
.gallery--mosaic .gallery__row {
display: flex;
flex-wrap: wrap;
}
@media only screen and (min-width: 560px) {
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(1) {
width: calc(100% - 20px);
}
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(2),
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(3) {
width: calc(50% - 20px);
}
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(1),
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(2) {
width: calc(50% - 20px);
}
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(3) {
width: calc(100% - 20px);
}
}
@media (min-width: 760px) {
.gallery--mosaic .gallery__row {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(1),
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(2),
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(3),
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(1),
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(2),
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(3) {
width: auto;
}
.gallery--mosaic .gallery__row--odd {
grid-template-areas: "main main small-1" "main main small-2";
}
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(1) {
grid-area: main;
}
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(2) {
grid-area: small-1;
}
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(3) {
grid-area: small-2;
}
.gallery--mosaic .gallery__row--odd .gallery__item.last-item-2 {
grid-row-start: small-1;
grid-row-end: small-2;
}
.gallery--mosaic .gallery__row--odd .gallery__item.last-item-1 {
grid-column-start: main;
grid-column-end: small-2;
}
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(2) .overlay__title,
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(3) .overlay__title,
.gallery--mosaic .gallery__row--odd .gallery__item.last-item-2 .overlay__title {
font-size: 1.4666em;
}
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(2) .btn,
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(3) .btn,
.gallery--mosaic .gallery__row--odd .gallery__item.last-item-2 .btn {
margin-top: 20px;
}
.gallery--mosaic .gallery__row--even {
grid-template-areas: "small-1 main main" "small-2 main main";
}
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(1) {
grid-area: small-1;
}
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(2) {
grid-area: small-2;
}
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(3) {
grid-area: main;
}
.gallery--mosaic .gallery__row--even .gallery__item.last-item-1 {
grid-column-start: small-1;
grid-column-end: main;
grid-row-end: main;
}
.gallery--mosaic .gallery__row--even .gallery__item.last-item-2 {
grid-area: main;
}
.gallery--mosaic .gallery__row--even .gallery__item.second-last-item-1 {
grid-row-start: small-1;
grid-row-end: small-2;
}
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(1) .overlay--style-box .overlay__inner,
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(2) .overlay--style-box .overlay__inner,
.gallery--mosaic .gallery__row--even .gallery__item.last-item-1 .overlay--style-box .overlay__inner {
padding: 15px;
}
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(1) .overlay__title,
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(2) .overlay__title,
.gallery--mosaic .gallery__row--even .gallery__item.last-item-1 .overlay__title {
font-size: 1.4666em;
}
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(1) .btn,
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(2) .btn,
.gallery--mosaic .gallery__row--even .gallery__item.last-item-1 .btn {
margin-top: 15px;
}
}
@media (min-width: 900px) {
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(2) .overlay__title,
.gallery--mosaic .gallery__row--odd .gallery__item:nth-child(3) .overlay__title,
.gallery--mosaic .gallery__row--odd .gallery__item.last-item-2 .overlay__title {
font-size: 1.8666em;
}
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(1) .overlay__title,
.gallery--mosaic .gallery__row--even .gallery__item:nth-child(2) .overlay__title,
.gallery--mosaic .gallery__row--even .gallery__item.last-item-1 .overlay__title {
font-size: 1.8666em;
}
}
.text-columns .grid-flex {
justify-content: center;
}
.text-column {
width: 100%;
}
.text-column__image {
margin: 0 auto;
overflow: hidden;
}
.text-column__image-link {
display: block;
}
.text-column__content {
padding-top: 20px;
}
.text-column__content.align-left {
padding-right: 10px;
}
.text-column__content.align-right {
padding-left: 10px;
}
.text-column__content.align-center {
padding-left: 5px;
padding-right: 5px;
}
.text-column__content .subtitle {
margin-bottom: 0;
}
@media only screen and (min-width: 561px) {
.text-column {
width: 50%;
}
.page-has-sidebar .text-column {
width: 100%;
}
}
@media only screen and (min-width: 767px) {
.text-column__image-link {
transition: transform 0.3s;
}
.text-column__image-link:hover {
transform: scale3d(1.07, 1.07, 1.07);
}
}
@media only screen and (min-width: 821px) {
.text-column {
width: 33.333%;
max-width: 50%;
}
.text-columns--pairs .text-column {
width: 50%;
}
.page-has-sidebar .text-column {
width: 50%;
}
}
@media only screen and (min-width: 1040px) {
.page-has-sidebar .text-column {
width: 33.333%;
}
.page-has-sidebar .text-columns--pairs .text-column {
width: 50%;
}
}
/*================ COLLECTION TEMPLATES ================*/
.collection-header {
width: 100%;
}
.collection-title {
margin-bottom: 30px;
}
.collection-title.collection-title--with-description {
margin-bottom: 15px;
}
.collection-description {
margin-bottom: 30px;
}
.banner-image {
margin-bottom: 30px;
}
.banner-image--crop {
height: 20vh;
min-height: 200px;
width: 100%;
}
.banner-image--crop .rimage-background {
width: 100%;
height: 100%;
}
.banner-image--crop-top .rimage-background {
background-position: top center;
}
.banner-image--crop-bottom .rimage-background {
background-position: bottom center;
}
.no-js .banner-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.no-js .banner-image--crop-top img {
object-position: top;
}
.no-js .banner-image--crop-bottom img {
object-position: bottom;
}
.cc-filters-results {
margin-top: 20px;
}
@media screen and (max-width: 699px) {
.product-grid:not(.product-grid--carousel) {
display: flex;
flex-wrap: wrap;
}
.collection-template__product-block {
width: 50%;
}
}
.list-collections .collection-row-header .banner-image {
margin-bottom: 15px;
}
.list-collections .collection-row-header .collection-title {
margin-bottom: 15px;
}
.list-collections__rows-container {
padding-bottom: 30px;
}
/*================ Collection filters intro (from collection-filters-intro.css) ================*/
.collection-filters-intro {
margin: 0;
padding: 0.75rem 0.5rem;
background: #FEF4F5;
border: 1px solid #ED600F;
border-radius: 5px;
}
.cc-filters-intro-block {
margin: 0;
padding: 0;
}
.collection-filters-intro__line {
margin: 0 0 0.75rem 0;
padding: 0;
font-size: 15px;
line-height: 1.5;
font-weight: 400;
color: #333333;
text-align: left;
}
.collection-filters-intro__line:last-child {
margin-bottom: 0;
font-weight: 700;
}
.collection-filters-intro__line--link {
display: flex;
}
.collection-filters-intro__link {
appearance: none;
border: 0;
padding: 0;
background: transparent;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
}
.collection-filters-intro__link:hover,
.collection-filters-intro__link:focus-visible {
text-decoration: underline;
}
.cc-filters-intro-block {
margin: 0 0 0.75rem 0;
}
.collection-filters-intro__popup {
z-index: 9999;
}
.collection-filters-intro__popup.cc-popup .cc-popup-modal {
width: min(1000px, 95vw) !important;
max-width: min(1000px, 95vw) !important;
}
.collection-filters-intro__popup .cc-popup-container.collection-filters-intro__popup-container {
display: flex !important;
flex-direction: row !important;
align-items: stretch;
min-height: 520px;
}
.collection-filters-intro__popup-container--no-image {
flex-direction: column;
}
.collection-filters-intro__popup-image {
flex: 0 0 52%;
align-self: stretch;
position: relative;
}
.collection-filters-intro__popup-image .rimage-outer-wrapper,
.collection-filters-intro__popup-image .rimage-wrapper {
height: 100%;
}
.collection-filters-intro__popup-image .rimage-outer-wrapper {
position: absolute;
inset: 0;
max-width: none;
width: 100%;
}
.collection-filters-intro__popup-image .rimage-wrapper {
padding-top: 0;
}
.collection-filters-intro__popup-image .rimage-background,
.collection-filters-intro__popup-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.collection-filters-intro__mock-image {
min-height: 100%;
background: linear-gradient(135deg, #f6c5c8, #ed600f);
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
letter-spacing: 0.02em;
}
.collection-filters-intro__popup-content {
flex: 1;
text-align: left;
height: 100%;
display: flex;
}
.collection-filters-intro__popup-content h3 {
margin: 0 0 0.5rem 0;
font-size: 22px;
font-weight: 700;
}
.collection-filters-intro__popup-subheader {
font-size: 16px;
font-weight: 700;
}
.collection-filters-intro__popup-content p {
margin: 0 0 1rem 0;
}
.collection-filters-intro__popup-body {
display: block;
margin-bottom: 1.5rem;
}
.collection-filters-intro__popup-body p {
display: block;
margin-bottom: 0.5rem;
line-height: 1.4;
}
.collection-filters-intro__popup-body p:last-child {
margin-bottom: 0;
}
.collection-filters-intro__popup-body p br {
line-height: 0.5;
}
.collection-filters-intro__cta {
background-color: #5a9249 !important;
}
.collection-filters-intro__cta:hover {
background-color: #4a7d3a !important;
}
.collection-filters-intro__popup .cc-popup-close {
color: #000000;
}
.collection-filters-intro__popup .cc-popup-close svg {
fill: currentColor;
stroke: currentColor;
}
body.barcelona-popup-open {
overflow: hidden;
}
@media (max-width: 767px) {
.cc-filters-intro-block {
margin-bottom: 0.5rem;
}
.collection-filters-intro__popup .cc-popup-container.collection-filters-intro__popup-container {
flex-direction: column !important;
}
.collection-filters-intro__popup.cc-popup .cc-popup-modal {
max-height: 90vh;
width: 95vw !important;
overflow: auto;
}
.collection-filters-intro__popup .cc-popup-container.collection-filters-intro__popup-container {
min-height: auto;
}
.collection-filters-intro__popup-image {
flex: 0 0 auto;
width: 100%;
margin-bottom: 0.75rem;
}
.collection-filters-intro__popup-image .rimage-outer-wrapper,
.collection-filters-intro__popup-image .rimage-wrapper {
width: 100%;
}
.collection-filters-intro__popup-image .rimage-outer-wrapper {
position: relative;
inset: auto;
height: auto;
}
.collection-filters-intro__popup-image .rimage-wrapper {
padding-top: 0;
height: auto;
}
.collection-filters-intro__popup-image img,
.collection-filters-intro__popup-image .rimage-background {
width: 100%;
height: auto;
object-fit: contain;
}
.collection-filters-intro__popup-content {
overflow: auto;
padding: 0.75rem;
display: block;
height: auto;
flex: 0 0 auto;
}
.collection-filters-intro__popup-content .cc-popup-column {
width: 100%;
}
.collection-filters-intro__popup-content h3 {
font-size: 18px;
}
.collection-filters-intro__popup-subheader {
font-size: 14px;
}
.collection-filters-intro__popup-body p {
font-size: 14px;
}
.collection-filters-intro__cta {
font-size: 14px;
padding: 0.6rem 1rem;
}
}
/* Collection subset of custom.css.liquid — edit here for collection custom overrides. Full custom.css still loads on other templates. */
/* --- custom.css: global (lines 1-126) --- */
/* global style start */
/* Collection storefront: subset merged into styles.collection.css.liquid (see theme.liquid). This file still loads on all other templates. */
:root {
--color-orrange: #c64e14;
}
/* Header logo: keep only a subtle transition (no zoom) */
.page-header .site-logo img {
transition: filter 240ms ease, opacity 240ms ease;
}
@media (prefers-reduced-motion: reduce) {
.page-header .site-logo img {
transition: none;
}
}
/* Price loading states - hide prices until API response (.com only) */
.fq-com-domain .price-loading {
visibility: hidden;
opacity: 0;
}
.fq-com-domain .price-loaded {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease;
}
@font-face {
font-family: 'Manrope';
src: url("//www.floraqueen.com/cdn/shop/t/77/assets/Manrope-ExtraBold.woff2?v=30728628864962048541758890628") format('woff2'),
url("//www.floraqueen.com/cdn/shop/t/77/assets/Manrope-ExtraBold.woff?v=24219553433857355981758890628") format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url("//www.floraqueen.com/cdn/shop/t/77/assets/Manrope-ExtraLight.woff2?v=181026680322665274221758890628") format('woff2'),
url("//www.floraqueen.com/cdn/shop/t/77/assets/Manrope-ExtraLight.woff?v=35390673886122441211758890628") format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url("//www.floraqueen.com/cdn/shop/t/77/assets/Manrope-Bold.woff2?v=120741673110270721201758890628") format('woff2'),
url("//www.floraqueen.com/cdn/shop/t/77/assets/Manrope-Bold.woff?v=164895363649585309431758890628") format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url("//www.floraqueen.com/cdn/shop/t/77/assets/Manrope-Medium.woff2?v=24439999403862582771758890628") format('woff2'),
url("//www.floraqueen.com/cdn/shop/t/77/assets/Manrope-Medium.woff?v=104839249834535975951758890628") format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url("//www.floraqueen.com/cdn/shop/t/77/assets/Manrope-SemiBold.woff2?v=44371881101490320281758890628") format('woff2'),
url("//www.floraqueen.com/cdn/shop/t/77/assets/Manrope-SemiBold.woff?v=2203214829289579311758890628") format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url("//www.floraqueen.com/cdn/shop/t/77/assets/Manrope-Light.woff2?v=183338351582563434681758890628") format('woff2'),
url("//www.floraqueen.com/cdn/shop/t/77/assets/Manrope-Light.woff?v=136973976304966459861758890628") format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url("//www.floraqueen.com/cdn/shop/t/77/assets/Manrope-Regular.woff2?v=32919889108352484321758890628") format('woff2'),
url("//www.floraqueen.com/cdn/shop/t/77/assets/Manrope-Regular.woff?v=161939701941507830251758890628") format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@media screen and (min-width: 801px) {
.onlymobile {
display: none !important;
}
.onlydesktop {
display: flex !important;
}
.onlygriddesktop {
display: grid !important;
}
}
@media screen and (max-width: 800px) {
.onlymobile {
display: flex !important;
}
.onlydesktop {
display: none !important;
}
.onlygriddesktop {
display: none !important;
}
}
body#personalization-success .popup.my-popup {
display: none;
}
.pointer{
cursor: pointer;
}
.usps-section .grid-flex .text-column__image {height: 85px; align-content: center;}
.usps-section {max-width: 950px; margin-left: auto;margin-right: auto;}
.usps-section h3.subtitle.text-column__title {text-transform: capitalize; font-weight: 700;font-size:20px;}
/* --- custom.css: header-utils (lines 131-133) --- */
}
.header-group.page-width.page-content.container .utils__right a {
text-transform: uppercase;
/* --- custom.css: btn-primary (lines 180-182) --- */
.btn--primary{
border-radius:.25rem;
/* --- custom.css: product-card (lines 186-372) --- */
.cpb-cont {
position: relative;
}
.cpb-cont .cpb-title {
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: rgb(17 24 39 / 1);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.collection-658705908040 .cpb-cont .cpb-title {
font-size: 14px;
line-height: 20px;
text-overflow: unset;
overflow: unset;
white-space: unset;
}
.cpb-cont .rimage__image {
border-radius: 0;
}
.cpb-cont .rimage-outer-wrapper {
margin-bottom: 0;
}
.cpb-cont .cpb-price-cont {
display: flex;
justify-content: space-between;
align-items: center;
}
.cpb-cont .cpb-body-cont {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.cpb-cont .cpb-price {
font-weight: 600;
font-size: 1rem;
color: rgb(20 20 20 / 1);
}
.cpb-cont .cpb-price .compare-price {
font-size: .875rem;
line-height: 1.25rem;
font-weight: normal;
text-decoration: line-through;
}
.cpb-cont .cpb-price .sale-price {
color: rgb(198 78 20);
margin-left: 5px;
}
.cpb-cont .product-block__sale-label {
background: #c53a27;
padding: .5rem 1.5rem;
left: 1.25rem;
right: auto;
top: auto;
transform: none;
bottom: 1.25rem;
border-radius: .5rem;
font-size: 18px;
font-weight: 700;
color: #fff;
}
.cpb-cont .product-block__sale-label:after,
.cpb-cont .product-block__sale-label:before {
display: none;
}
.cpb-cont .meta-top-for-birthdays {
color: #fff;
}
.cpb-cont .meta-badge-container {
position: absolute;
top: 0;
left: 0;
z-index: 1;
padding: 0.25rem 0.75rem;
font-size: 1.125rem;
font-weight: 500;
border-bottom-right-radius: 0.5rem;
}
.cpb-cont .meta-badge-content {
display: flex;
gap: .5rem;
align-items: center;
}
.cpb-cont a.cpb-b-right {
position: relative; /* agregado para el ::after */
text-align: center;
color: rgb(17 24 39 / 1);
font-weight: 400;
font-size: 11.5px;
line-height: 1.25rem;
padding: 4px 12px;
border-width: 1px;
border-radius: 4px;
cursor: pointer;
/* cursor: pointer; */
border-color: rgb(17 24 39 / 1);
border-style: solid;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
}
.cpb-body-outer-cont a.cpb-b-right {
position: initial;
}
.cpb-cont a.cpb-b-right::after {
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: auto;
position: absolute;
z-index: 10;
}
.cpb-cont .cpb-body-outer-cont {
/*min-height: 100px;*/
display: flex;
flex-direction: column;
justify-content: space-between;
}
.cpb-cont a.cpb-b-right:hover {
background: #111827;
color: white;
}
.cpb-cont .cpb-b-left {
width: calc(100% - 107px);
}
.collection-658705908040 .cpb-cont .cpb-b-left {
width: calc(100% - 80px);
}
.collection-658705908040 .jdgm-widget{
font-size: 12px;
}
.cpb-cont .cpb-metafield {
color: rgb(75 85 99 / 1);
font-size: .875rem;
line-height: 1.25rem;
white-space: normal;
margin-top: .25rem;
margin-bottom: 0.25rem;
}
@media screen and (max-width: 800px){
.cpb-cont.view_details_hide .cpb-b-left{
width: 100%;
}
.view_details_hide.cpb-cont a.cpb-b-right {
opacity: 0;
width: 0;
padding: 0;
font-size:0;
}
}
/*@media (min-width:1401px){
.cpb-cont .cpb-b-left {
max-width: 10rem;
}
}*/
@media (min-width:601px) and (max-width:1400px){
.cpb-cont .cpb-b-left {
width: 59%;
}
/* --- custom.css: collection-page (lines 1188-2213) --- */
/* COLLECTION PAGE */
.template-collection ul.breadcrumbs {
display: none;
}
.template-collection .text-columns .grid-flex .text-column__image {
height: 85px;
align-content: center;
}
.template-collection .text-columns{
max-width: 950px;
margin-left:auto;
margin-right:auto;
}
.template-collection .text-columns h3.subtitle.text-column__title {
text-transform: capitalize;
font-weight: 700;
}
.template-collection .logo-list{
text-align: center;
}
.template-collection .logo-list .standard-title {
font-size: 28px;
font-weight: 700;
text-align: center;
max-width: 540px;
margin: 0 auto 40px;
opacity: 0.6;
letter-spacing: 0;
}
.page-width.page-content--collection {
max-width: 100%;
width: 100%;
}
.template-collection .collection-header {
text-align: center;
max-width: 990px;
margin:0 auto;
}
.page-width.page-content--collection .collection-title.collection-title--with-description {
font-size: 32px;
line-height: 1.5rem;
color: #111827;
}
.page-width.page-content--collection a.breadcrumb-active {
color: #111827;
}
.page-width.page-content--collection span.breadcrumbs-divider {
font-size: 18px;
font-weight: 500;
color: rgb(255, 112, 119);
line-height: .6;
padding: 0 5px;
}
.page-width.page-content--collection ul.breadcrumbs li:first-child a {
color: rgb(75, 85, 99);
}
/* .page-content--collection .product-grid .product-block__image {
border-radius: .5rem;
} */
.page-content--collection .product-grid .product-block__title {
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.page-content--collection .product-grid{
margin-left:-2rem;
display: flex;
flex-wrap: wrap;
}
.page-content--collection .product-grid .product-block.grid__item {
z-index:0;
margin-bottom: 2rem;
padding-left: 2rem;
}
.page-content--collection .product-grid .product-price {
font-weight: 600;
}
.product-block__content-wrapper {
display: flex;
justify-content: space-between;
align-items: start;
margin-bottom: 15px;
}
.product-block__content-wrapper .product-block__content-inner {
max-width: 65%;
}
.product-block__content-wrapper .btn {
border: 1px solid;
transition:all .2s;
padding: .5rem 1rem;
font-size: .875rem;
line-height: 1.25rem;
border-radius: 4px;
min-width: auto;
}
.product-block__content-wrapper .product-block__content-inner span.product-block__sub-title {
font-size: .875rem;
line-height: 1.25rem;
color: rgb(75 85 99);
}
.cst-featured-inner {
display: flex;
height: 100%;
border-radius: .5rem;
overflow: hidden;
}
.cst-featured-inner .cst-featured-image {
width: 50%;
}
.cst-featured-inner .cst-featured-content {
width: 50%;
align-content: center;
padding: 30px 26px;
}
/* .cst-featured.product-block {
height: 100%;
} */
.cst-featured-content-inner span.cst-featured-content-title {
font-size: 1.125rem;
line-height: 1.75rem;
text-transform: uppercase;
color: inherit;
}
.cst-featured-content-inner h2.cst-featured-content-heading {
font-size: 2.25rem;
line-height: 2.5rem;
color: inherit;
margin-bottom: 30px;
margin-top: 10px;
}
.cst-featured-content-inner p.cst-featured-content-price {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 600;
color: inherit;
}
.cst-featured-content-inner .cst-featured-content-desc{
font-weight: 600;
font-size: 1.125rem;
line-height: 1.75rem;
}
.cst-featured-content-ratings {
display: flex;
gap: 4px;
padding: 7px 0;
}
.cst-featured-content-inner a.btn {
padding: 20px 40px;
min-width: 75%;
border-radius: .5rem;
margin-top: 12%;
color: #000;
font-weight: 700;
}
.cst-featured-inner .cst-featured-image img.rimage__image {
object-fit: cover;
}
.cst-featured-image * {
height: 100%;
max-width:100% !important;
}
.cst-featured.product-block.hidden:nth-child(7) {
display: block;
}
.pagination a {
display: none;
}
.pagination .pulse-loader {
display: flex;
width: 100%;
justify-content: center;
animation: pulse 2s infinite;
}
.pagination .dot {
height: 1.25rem;
width: 1.25rem;
background-color: #fca5a5;
border-radius: 9999px;
}
.pagination .dot.middle {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
@keyframes pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.5;
}
}
/* Base styles */
#related-catalogs {
max-width: 1012px;
margin: 2rem auto;
overflow: hidden;
text-align: center;
padding: 0 1rem;
}
#related-catalogs h2 {
font-size: 1.25rem;
font-weight: 600;
margin: 1.5rem 0;
color: #000;
}
/* .catalog-wrapper {
margin-left: 1rem;
} */
.catalog-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
.catalog-item a {
display: inline-block;
cursor: pointer;
text-decoration: none;
}
.catalog-item img {
display: block;
width: 100%;
max-width: 240px;
margin: 0 auto;
border-radius: 8px;
}
.catalog-item h3 {
margin-top: 0.75rem;
font-size: 0.875rem;
color: #6b7280; /* gray-500 */
font-weight: normal;
font-style: normal;
}
.custom-desc-reviews{
background-color:#f4f3f080;
padding:5rem 0;
margin-top:3rem;
}
/* Container */
.custom-container {
max-width: 1280px;
margin: 0 auto;
padding: 0 1rem;
}
/* Section Title */
.seo-title {
font-size: 1.25rem;
font-weight: normal;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.seo-text {
font-weight:600;
text-align: justify;
}
.seo-text h1, .seo-text h2, .seo-text h3, .seo-text h4, .seo-text h4, .seo-text h6{
border-bottom-color: #14141440;
border-bottom-width: 1px;
break-after: avoid;
font-style: normal !important;
font-size: 1rem;
line-height:1.5rem;
font-weight: 700;
margin-bottom: .75rem;
padding-bottom: .5rem;
text-align: left;
--tw-text-opacity: 1;
color: rgb(20 20 20 / var(--tw-text-opacity, 1));
}
.seo-text ol, .seo-text ul, .seo-text p{
font-weight: 600;
margin-bottom: 1rem;
--tw-text-opacity: 1;
color: rgb(20 20 20 / var(--tw-text-opacity, 1));
}
.seo-text p {
break-before: avoid;
break-inside: avoid-column;
font-size: .875rem;
line-height: 1.25rem;
line-height: 150%;
}
/* Link Section */
.seo-links ul {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: auto auto;
margin-top: 15px;
}
.seo-links li {
font-size: 0.875rem;
padding: 0.5rem 0;
}
.seo-links a {
color: inherit;
cursor: pointer;
font-size:.875rem;
}
.seo-links .review-section {
margin-top: 15px;
border-color:#14141480;
}
.seo-links .review-item {
margin-bottom: 0;
padding-right: 1rem;
}
.seo-links h2.reviews-header {
font-size: 1.25rem;
color: #000;
border-bottom: 1px solid #14141440;
padding-bottom: .7rem;
margin-bottom: .8rem;
}
.seo-links .reviews-container>span {
font-size: .875rem;
margin-left: .5rem;
}
.seo-links .review-items-main {
margin-left: .5rem;
margin-top: 10px;
}
.seo-links .product-slider-container .swiper-button-next {
width: 40px !important;
height: 40px !important;
}
.text-column__content {
font-size: 18px;
}
.logo-list>p {
font-size: 14px;
}
.page-content--collection .row form#filters .cc-filters-container {
display: block;
}
@media (min-width: 1025px) {
.page-content--collection .row form#filters .cc-filters-container {
position: sticky;
top: 90px;
max-height: calc(100vh - 100px);
overflow-y: auto;
}
body.collection-header-hidden .page-content--collection .row form#filters .cc-filters-container {
top: 0;
max-height: 100vh;
}
}
.page-content--collection .row form#filters .cc-active-filters {
display: none;
}
.page-content--collection .row form#filters details.cc-filter {
width: 100%;
margin: 0 0 5px;
}
.page-content--collection .row form#filters .cc-filters__items {
margin-bottom: 0;
}
.page-content--collection .row form#filters summary.cc-filter__toggle {
border-radius: 5px;
font-weight: 600;
pointer-events: none;
margin-bottom: 2px;
border-color: #b9b9b9;
}
.page-content--collection .row form#filters summary.cc-filter__toggle:after {
display: none;
}
.page-content--collection .row form#filters details.cc-filter .checkbox:checked+label:after {
border-color: #000;
height: 10px;
width: 5px;
}
.page-content--collection .row form#filters .cc-filters__items details.cc-filter .checkbox:checked+label {
background-color: #fde68a;
}
.page-content--collection .row form#filters .cc-filter__panel {
position: unset;
transform:unset;
height: 100%;
opacity: 1;
border-radius: 5px;
width: auto;
box-shadow: none;
}
.page-content--collection .row form#filters .cc-filters__items .cc-filter:nth-child(2) .cc-filter__panel,
.page-content--collection .row form#filters .cc-filters__items .cc-filter:nth-child(2) summary.cc-filter__toggle{
background-color: rgb(254 242 242);
}
.page-content--collection .row form#filters .cc-filter .cc-filter__panel,
.page-content--collection .row form#filters .cc-filter summary.cc-filter__toggle{
border-color: rgb(229, 231, 235);
color:rgb(17, 24, 39);
}
.page-content--collection .row form#filters .cc-filter .checkbox+label,
.page-content--collection .row form#filters .cc-filter .radio+label{
font-size: .875rem;
line-height: 1.25rem;
color: #111827;
}
.page-content--collection .row form#filters .cc-filter .radio:checked+label{
font-weight:bold;
}
.page-content--collection .row form#filters .cc-filter li:not(:last-child) {
margin-bottom: 0;
}
.page-content--collection .row form#filters .cc-filter .cc-filter li:not(:last-child) {
margin-bottom: 0px;
}
.page-content--collection .row form#filters .cc-filter__panel .cc-filter__header,
.page-content--collection .row form#filters .cc-filter__panel span.cc-filter-label+span {
display: none;
}
.page-content--collection .row form#filters .cc-filter__panel
.checkbox+label:before {
background-color: #fff;
border-radius: 2px;
border-color: #000;
}
.page-content--collection .row form#filters .cc-filter--sort span.cc-sort-selected {
display: none;
}
.page-content--collection .row form#filters .cc-filter--sort span.cc-sort-label {
font-size: 1rem;
color: #000;
padding: 8px 0 8px 0;
font-weight: 600;
}
details#filter-filter\.v\.price {
display: none;
}
.collection-description {
font-size: 18px;
}
.product-block__image{
border-radius:10px;
}
[data-collection-handle="wall-art"] .collection-description p{
text-align: justify;
text-align-last: center;
hyphens: auto;
}
@media (min-width: 768px) {
#related-catalogs h2 {
font-size: 1.75rem;
text-align: center;
margin-bottom: 2rem;
}
.catalog-wrapper {
margin-left: 0;
}
.catalog-grid {
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}
.seo-title {
font-size: 1.75rem;
}
.mobile-show{
display:none;
}
.product-card:hover:after {
opacity: .75;
}
.product-card:hover .product-info {
opacity: 1;
}
.page-content--collection .product-grid .product-block.grid__item:nth-child(8) .rimage-outer-wrapper {
height: 76%;
align-content: center;
}
}
@media (min-width: 1025px) {
div#related-catalogs+div {
max-width: 1300px;
margin: 0 auto;
}
.seo-content {
display: grid;
grid-template-columns: 45% 52%;
gap: 2rem;
}
.catalog-grid {
grid-template-columns: repeat(4, 1fr);
gap: 2.25rem;
}
.seo-title {
font-size: 2rem;
}
.seo-text h2{
font-size: 1.25rem;
line-height: 2rem;
margin-bottom: 1rem;
}
.page-content--collection .row {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.page-content--collection .row.review-main-section{margin-top:0px;}
.page-content--collection .row .collection-header,
.page-content--collection .row .collection-description,
.page-content--collection .row .collection-description-os {
grid-column: 1 / -1;
}
.cc-filters-results {
grid-column: span 9 / span 9;
padding-left: 1rem;
padding-right: 1rem;
}
.page-content--collection .row form#filters {
grid-column: span 2 / span 2;
padding-right: 1rem;
}
.page-content--collection .product-grid .one-half:nth-child(odd), .page-content--collection .product-grid .one-third:nth-child(3n+1), .page-content--collection .product-grid .one-quarter:nth-child(4n+1), .page-content--collection .product-grid .one-fifth:nth-child(5n+1), .page-content--collection .product-grid .one-sixth:nth-child(6n+1), .page-content--collection .product-grid .two-sixths:nth-child(3n+1), .page-content--collection .product-grid .three-sixths:nth-child(odd), .page-content--collection .product-grid .one-eighth:nth-child(8n+1), .page-content--collection .product-grid .two-eighths:nth-child(4n+1), .page-content--collection .product-grid .four-eighths:nth-child(odd), .page-content--collection .product-grid .five-tenths:nth-child(odd), .page-content--collection .product-grid .one-twelfth:nth-child(12n+1), .page-content--collection .product-grid .two-twelfths:nth-child(6n+1), .page-content--collection .product-grid .three-twelfths:nth-child(4n+1), .page-content--collection .product-grid .four-twelfths:nth-child(3n+1), .page-content--collection .product-grid .six-twelfths:nth-child(odd){
clear:unset;
}
.product-block__image.with-secondary-image .product-block__primary-image,
.product-block__image.with-secondary-image .product-block__secondary-image {
transition: transform .5s cubic-bezier(.4,0,.2,1) !important;
opacity: 1;
}
.product-block__image.with-secondary-image .product-block__secondary-image {
transform: translateX(100%);
left:-2px;
}
.cpb-cont:hover .product-block__image.with-secondary-image .product-block__primary-image {
transform: translateX(-100%);
}
.cpb-cont:hover .product-block__image.with-secondary-image .product-block__secondary-image {
transform: translateX(0);
}
.cpb-cont:hover .product-block__content-wrapper .btn{
background:#000;
color:#fff;
}
.custom-close-sort{
display:none;
}
}
@media (max-width: 1024px) {
.page-content--collection .cc-filters-control.md-up-hidden{
display:block!important;
}
.filters-open .page-content--collection .cc-filters-container {
transform: translate3d(100%, 0, 0);
}
.page-content--collection .cc-filters-container{
left:auto;
right:100%;
width: 330px;
}
.page-content--collection .row form#filters .cc-filter .cc-filter__panel .cc-filter__content,
.page-content--collection .row form#filters .cc-filter summary.cc-filter__toggle {
padding: 0;
}
.page-content--collection .row form#filters .cc-filter .cc-filter__panel .cc-filter__content {
padding-top: .25rem;
}
.page-content--collection .row form#filters details.cc-filter {
margin-bottom: 0;
padding: 1rem 0;
border-bottom: 1px solid rgb(209 213 219);
}
.cc-filters .cc-filters__header.md-up-hidden {
padding:0;
border-bottom:0;
}
.cc-filters .cc-filters__header.md-up-hidden .cc-filter-heading{
display: none;
}
.page-content--collection .row form#filters .cc-filters__items {
padding-top: 1rem;
}
.template-collection .main-nav-bar,
.page-content--collection .cc-filters-container{
/*height: var(--sidebar-height);*/
height: 100%;
top: auto;
bottom: 0;
}
.template-collection.filters-open .main-nav-bar {
top: auto;
bottom: 0;
}
.filters-open .page-content--collection .cc-filters-container {
transform: translate3d(100%,0,0);
}
.page-content--collection .cc-filters.is-open {
height: 100% !important;
}
.page-content--collection .row form#filters .cc-filters__footer {
position: sticky;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.8) !important;
padding: 0.75rem 1.75rem 1.5rem;
}
.page-content--collection .cc-filters {
height: 100% !important;
}
.page-content--collection .row form#filters .cc-filters__footer button {
width: 100%;
padding: 0.75rem 0;
font-size: 0;
font-weight: 600;
color: var(--color-fore-bright, #ffffff);
background-color: rgb(20,20,20);
border-radius: 0.5rem;
transition: all 0.3s ease-in-out;
border: none;
cursor: pointer;
}
.page-content--collection .cc-filter__footer.md-up-hidden, .page-content--collection .cc-filters__header a.cc-filter-clear-btn,
.page-content--collection .cc-filter__footer.md-up-hidden, .page-content--collection .cc-filters__header button.cc-filter-close-btn{
display: none;
}
.page-content--collection .row form#filters .cc-filters__footer button:before {
content: 'View results';
font-size: .875rem;
}
.page-content--collection .row form#filters .cc-filters__items a.cc-filter-clear-btn {
text-align: center;
display: block;
font-size: .875rem;
color: rgb(107 114 128);
text-decoration: none;
margin-top: 8px;
position: unset;
}
.page-content--collection .row form#filters details.cc-filter--sort {
position: absolute;
z-index: 2;
max-width: 90%;
max-height: 40%;
overflow: auto;
top: 42%;
left: 50%;
transform: translate(-180%,-50%);
border-radius: 10px;
padding: 9px 30px;
z-index: 4;
transition: transform .3s;
}
.page-content--collection .row form#filters details.cc-filter--sort.custom-open {
visibility: visible !important;
transform: translate(-50%, -50%);
}
.page-content--collection .row form#filters details.cc-filter--sort.is-open {
visibility: hidden;
transition: none;
}
.page-content--collection .row form#filters details.cc-filter--sort label {
flex-direction: row-reverse;
justify-content: space-between;
padding: 5px 0px;
}
.page-content--collection .row form#filters details.cc-filter--sort .radio:checked+label:after {
left: auto;
right: 9px;
top: 16px;
}
.filters-open button.cc-filters-control__btn.js-show-filters {
visibility: hidden;
opacity: 0;
}
.page-content--collection .row form#filters .cc-filter summary.cc-filter__toggle .cc-sort-label {
display: flex !important;
font-size: 14px;
color: rgb(107 114 128);
border-bottom: 1px solid rgb(156 163 175);
padding-bottom: 10px;
pointer-events:auto;
}
.page-content--collection .row form#filters .cc-filter summary.cc-filter__toggle .cc-sort-label button.custom-close-sort {
padding: 0;
min-width: auto;
margin-left: auto;
}
.page-content--collection .row form#filters .cc-filter summary.cc-filter__toggle .cc-sort-label button.custom-close-sort img {
width: 24px;
height: 24px;
}
.page-content--collection .row form#filters .cc-filter--sort .radio+label {
font-size: 14px;
color: #141414cc;
font-weight: 400 !important;
}
.cc-filters-container.open-sort:before {
content: '';
width: 100%;
height: 100%;
background: #14141466;
top: 0;
left: 0;
position: absolute;
z-index: 3;
}
.sort-button-wrapper {
position: relative;
}
.sort-button {
margin: 0.25rem 0;
height: 3rem;
padding: 0 0.25rem;
text-transform: uppercase;
background: none;
border: none;
cursor: pointer;
}
.sort-button-content {
display: flex;
align-items: center;
justify-content: space-around;
gap: 0.5rem;
padding: 0.75rem 0.5rem 0.75rem 1rem;
border: 1px solid #1f2937;
border-radius: 0.75rem;
width: 100%;
max-width: 8rem;
}
.sort-button-content small {
font-size: 0.75rem;
font-weight: 400;
color: #1f2937;
}
.page-content--collection .cc-filters-control.md-up-hidden button.cc-filters-control__btn.js-show-sort {
display: none;
}
.page-content--collection .cc-filters-control.md-up-hidden button.cc-filters-control__btn.js-show-filters {
font-size: 0;
position: fixed;
bottom: 1.25rem;
right: .75rem;
min-width: auto;
width: auto;
padding: .75rem;
border-radius: .75rem;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15), 0 4px 10px rgba(0, 0, 0, 0.1);
background-color: rgb(254 226 226);
z-index: 2;
border: 1px solid rgb(17, 24, 39);
}
.page-content--collection .cc-filters-control.md-up-hidden button.cc-filters-control__btn.js-show-filters:before{
background-image:url(/cdn/shop/files/icon-filter.svg);
background-repeat:no-repeat;
background-position:center;
content:'';
width:29px;
height:29px;
}
}
@media (max-width:960px) {
.seo-links .review-section .product-image-wrapper>img{
width:auto;
}
div#related-catalogs {
padding: 0;
text-align: center;
}
.custom-desc-reviews {
margin-left: -20px;
margin-right: -20px;
padding: 32px 3px;
}
.custom-container {
padding: 0 20px;
}
.seo-links ul {
grid-template-columns: auto;
}
}
@media (max-width:767px) {
span.meta-badge-label-text {
font-size: 16px;
font-weight: 700;
}
.cst-img-bottom a {
margin-top: 0;
width: 100%;
padding: .75rem;
border-radius: 4px;
}
.desktop-show{
display:none;
}
.cc-filters-container {
width: calc(100% - 52px);
}
.cst-select-bouquet-inner {
flex-direction: column;
gap: 30px;
}
.cst-select-bouquet .cst-select-bouquet-inner .cst-select-bouquet-rhs h2 {
font-size: 18px;
}
.cst-select-bouquet {
margin: 0;
padding: 2rem 0 4rem;
}
.cst-select-bouquet .cst-select-bouquet-inner .cst-select-bouquet-rhs+.btn.only-mobile {
margin-top: 0;
width: 100%;
padding: .75rem;
border-radius: 4px;
margin-top: -2rem;
}
.cst-select-bouquet .cst-select-bouquet-inner>div {
width: 100%;
}
.cst-select-bouquet .cst-select-bouquet-inner .cst-select-bouquet-lhs h2 {
font-size: 28.8px;
line-height: 1.4;
text-transform: uppercase;
margin-bottom: 0;
}
.page-width.page-content--collection .collection-title.collection-title--with-description {
font-size: 1.25rem;
margin-bottom:0;
}
.page-width.page-content--collection .cc-filters-results {
margin-top: 15px;
}
.template-collection .collection-header .collection-description {
display: none;
}
.cc-filters-results {
margin-top: 15px;
}
.cst-featured-inner {
display: block;
}
.cst-featured-inner .cst-featured-image, .cst-featured-inner .cst-featured-content {
width: 100%;
border: 1px solid rgb(0 0 0 / 21%)1px solid rgb(0 0 0 / 21%);
}
.cst-featured-inner .cst-featured-content {
padding: 1rem;
border-top: 0;
}
.cst-featured-content-inner h2.cst-featured-content-heading {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
margin-bottom: 0;
margin-top: 0;
}
.cst-featured-content-inner p.cst-featured-content-price {
font-size: 1rem;
line-height: normal;
margin: 0;
font-weight: 700;
margin: 2px 0;
}
.cst-featured-content-inner p.cst-featured-content-price span {
font-weight: inherit;
}
.cst-featured-content-inner .cst-featured-content-ratings {
display: none;
}
.cst-featured-content-inner .cst-featured-content-desc {
font-size: 14px;
line-height: normal;
font-weight: 700;
}
.cst-featured-content-inner a.btn {
font-size: 16px;
font-weight: 400;
padding: 8px 24px;
min-width: 55%;
margin-top: 5px;
}
.cst-featured-content-inner span.cst-featured-content-title {
font-size: 16px;
line-height: normal;
}
div#related-catalogs {
overflow:visible;
--swiper-navigation-sides-offset: -10px;
}
#related-catalogs h2 {
font-size: 1rem;
line-height: normal;
text-align: left;
font-weight: normal;
margin: 0 0 40px;
}
#related-catalogs .catalog-main{
margin:0 -20px;
}
#related-catalogs .catalog-grid{
gap:0;
}
#related-catalogs .catalog-grid .catalog-item a{
width:95%;
}
#related-catalogs .catalog-grid .catalog-item a img{
width:95%;
margin:0 auto;
}
#related-catalogs .pagination-container {
display: flex;
margin-top: 1rem;
justify-content: center;
gap: 0.5rem;
flex-wrap: wrap;
row-gap: 1rem;
}
#related-catalogs .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: #000;
border-radius: 50%;
opacity: 1;
transition: opacity .3s;
margin: 0 4px;
}
#related-catalogs .swiper-pagination-bullet-active {
opacity: 1;
--tw-bg-opacity: 1;
background-color: rgb(237 96 14/var(--tw-bg-opacity,1));
}
#related-catalogs .catalog-wrapper.swiper {
position: relative;
}
#related-catalogs .swiper-button-prev, #related-catalogs .swiper-button-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
cursor: pointer;
width: 43px;
height: 43px;
background-color: #eee;
border-radius: 50%;
color: rgb(20,20,20);
background-image: none;
opacity: .75;
}
#related-catalogs .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, -10px);
}
#related-catalogs .swiper-button-next {
right: var(--swiper-navigation-sides-offset, -10px);
}
#related-catalogs .swiper-button-prev:after, #related-catalogs .swiper-button-next:after {
font-size: 16px;
}
#related-catalogs .swiper-button-disabled {
opacity: 0.4;
pointer-events: none;
}
div#related-catalogs+div .container {
padding: 2rem 0 0rem;
}
.template-collection ul.breadcrumbs {
font-size: 14px;
}
.seo-links .review-section {
padding: 1.5rem 2.25rem 3.75rem;
}
.seo-links h2.reviews-header {
font-size: 1rem;
}
.seo-links .product-slider-container .product-slider .swiper-button-next{
bottom: .75rem !important;
}
.seo-links span.mobile-show {
font-size: .75rem;
text-align: center;
line-height: 1.5rem;
margin-bottom: .8rem;
}
.product-card span.mobile-show {
content: '';
position: absolute;
top: 0.75rem;
right: 0.75rem;
z-index: 50;
height: 1.25rem;
width: 1.25rem;
cursor: pointer;
border-radius: 9999px;
background-image: url(/cdn/shop/files/icon-info.svg);
background-size: contain;
background-repeat: no-repeat;
background-color: rgb(245 244 241);
}
.product-card span.hide-details {
background-image: url(/cdn/shop/files/icon-error.svg);
filter: grayscale(1);
}
/* --- custom.css: main-nav-destinations (lines 2420-3218) --- */
ul.main-nav__dropdown.Personalizedgifts
a.main-nav__child-link.Child_links_blanks,
ul.main-nav__dropdown.Has_submenu.GiftBaskets
li.main-nav__child-item:first-child
a.main-nav__child-link,
ul.main-nav__dropdown.Has_submenu.Plants
li.main-nav__child-item:first-child
a.main-nav__child-link,
li.main-nav__child-item.main-nav__child-has-dropdown a.main-nav__child-link,
nav.main-nav-bar a.main-nav__link {
text-transform: uppercase;
}
.menu-new-badge {
display: inline-block;
background-color: #ED600F;
color: #ffffff;
font-size: 10px;
font-weight: 600;
padding: 2px 6px;
border-radius: 3px;
margin-left: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
vertical-align: middle;
line-height: 1.2;
position: absolute;
top: -4px;
right: -4px;
}
nav.main-nav-bar ul.main-nav {
justify-content: space-between;
}
.main-nav__item {
padding: 8px 0px;
margin: 0 0px;
}
a.main-nav__child-link.Child_links_blanks,
a.main-nav__sub-child-link {
padding: 6px 20px;
}
nav.main-nav-bar ul.main-nav {
justify-content: space-between;
position: relative;
}
/* li.main-nav__item[data-index="6"] {
position: unset;
} */
/* Desktop mega-menu needs static positioning */
@media (min-width: 1024px) {
li.main-nav__item[data-index="8"],
li.main-nav__item[data-title="Destinations"], li.main-nav__item[data-title="Destinos"], li.main-nav__item[data-title="TESLİMAT NOKTALARI"], li.main-nav__item[data-title="Направления"], li.main-nav__item[data-title="Versandregionen"], li.main-nav__item[data-title="Destinazioni"], li.main-nav__item[data-title="Miejsca docelowe"] {
position: unset; /* or static; same effect */
}
}
/* Mobile drawer needs a positioning context for the arrow */
@media (max-width: 1023px) {
li.main-nav__item[data-index="8"],
li.main-nav__item[data-title="Destinations"], li.main-nav__item[data-title="Destinos"], li.main-nav__item[data-title="TESLİMAT NOKTALARI"], li.main-nav__item[data-title="Направления"], li.main-nav__item[data-title="Versandregionen"], li.main-nav__item[data-title="Versandregionen"], li.main-nav__item[data-title="Versandregionen"] {
position: relative;
}
}
li.main-nav__item[data-index="8"] ul.main-nav__dropdown.Has_submenu,
li.main-nav__item[data-title="Destinations"] ul.main-nav__dropdown.Has_submenu, li.main-nav__item[data-title="Destinos"] ul.main-nav__dropdown.Has_submenu, li.main-nav__item[data-title="TESLİMAT NOKTALARI"] ul.main-nav__dropdown.Has_submenu, li.main-nav__item[data-title="Направления"] ul.main-nav__dropdown.Has_submenu, li.main-nav__item[data-title="Versandregionen"] ul.main-nav__dropdown.Has_submenu, li.main-nav__item[data-title="Destinazioni"] ul.main-nav__dropdown.Has_submenu, li.main-nav__item[data-title="Miejsca docelowe"] ul.main-nav__dropdown.Has_submenu {
width: 100%;
/* opacity: 1;
visibility: unset;
z-index: 1; */
}
ul.Top_popular_cities_name li.mt-3,
.top_country_name li,
ul.Top_Countries_name .flex.items-center.font-bold.flex-col,
ul.Top_popular_cities_name .flex {
display: inline;
}
.Top_popular_cities,
.top_country {
width: 50%;
}
ul.Top_Countries_name {
grid-template-columns: repeat(5, minmax(0, 1fr));
display: grid;
text-align: center;
gap: 0.75rem;
padding-top: 21px;
padding-bottom: 32px;
align-items: end;
}
ul.Top_popular_cities_name {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.5rem;
display: grid;
overflow-y: auto;
max-height: 35vh;
}
ul.Top_Countries_name li.mt-3 {
/* width: 20%; */
text-align: center;
display: block;
}
.top_country_main {
display: flex;
}
.custom_menuss {
padding: 12px 48px;
}
ul.Top_Countries_name li.mt-3 img {
width: 24px;
margin: 0 auto;
}
ul.Top_Countries_name span {
font-size: 12px;
text-transform: uppercase;
margin-top: 0.75rem;
white-space: nowrap;
}
ul.Top_popular_cities_name li.mt-3 {
display: block;
}
ul.Top_Countries_name .flex.items-center.font-bold.flex-col {
display: flex;
flex-direction: column;
justify-content: center;
}
ul.Top_popular_cities_name .flex {
display: flex;
gap: 15px;
align-items: center;
font-size: 14px;
}
.Input_divss {
text-align: center;
position: relative;
}
input#address-input {
color: #14141480;
background: transparent;
border-radius: 8px;
padding-left: 40px;
padding-right: 48px;
}
ul.countries-directory.overflow-y-auto.overflow-x-hidden.max-h-\[35vh\].grid.grid-cols-1.md\:grid-cols-4.gap-3 {
grid-template-columns: repeat(4, minmax(0, 1fr));
display: grid;
overflow-y: scroll;
max-height: 35vh;
margin: 0px;
}
.top_country_main
p.whitespace-normal.pt-6.text-sm.md\:text-md.font-bold.capitalize.md\:uppercase {
color: #000;
text-transform: uppercase;
text-align: center;
padding-top: 24px;
font-size: 15px;
}
.Input_divss svg.mr-2 {
position: absolute;
top: 15px;
z-index: 1;
margin-left: -120px;
fill: #14141480;
}
.main_forms_div {
text-align: center;
}
button.search_button {
width: 248px;
margin: 0 auto;
color: #fff;
background: #000;
border-radius: 8px;
border: 1px solid rgba(107, 108, 119, 0.15);
height: 44px;
}
.example {
width: 248px;
margin: 0 auto;
}
div#autocomplete-results {
text-align: start;
padding: 0 20px 10px;
overflow-y: auto;
height: 135px;
}
ul.mobile__destination.drawer_destinatio {
opacity: 1;
transform: translateY(0%);
padding: 20px;
transition: transform 0.8s ease-in;
}
button#search_button_add a {
color: #fff;
}
@media only screen and (min-width: 1024px) {
ul.main-nav a.feather-icon.dropdown-chevron {
display: none;
}
ul.mobile__destination {
display: none;
}
}
/* Show/hide content based on device type */
@media (min-width: 1024px) {
/* On desktop: hide mobile content, show desktop content */
.mobile-destinations-content,
.mobile-only {
display: none !important;
}
.custom-menus-wrapper,
.desktop-only {
display: block !important;
}
}
@media (max-width: 1023px) {
/* On mobile: hide desktop content, show mobile content */
.custom-menus-wrapper,
.desktop-only {
display: none !important;
}
.mobile-destinations-content,
.mobile-only {
display: block !important;
}
}
/* Remove any special styling for the destinations dropdown trigger */
/* Let it inherit the same styles as other dropdown triggers */
.main-nav__item[data-index="8"] .js-mobile-dropdown-trigger,
.main-nav__item[data-title="Destinations"] .js-mobile-dropdown-trigger, .main-nav__item[data-title="Destinos"] .js-mobile-dropdown-trigger, .main-nav__item[data-title="TESLİMAT NOKTALARI"] .js-mobile-dropdown-trigger, .main-nav__item[data-title="Направления"] .js-mobile-dropdown-trigger, .main-nav__item[data-title="Versandregionen"] .js-mobile-dropdown-trigger, .main-nav__item[data-title="Destinazioni"] .js-mobile-dropdown-trigger, .main-nav__item[data-title="Miejsca docelowe"] .js-mobile-dropdown-trigger {
/* No special overrides - this ensures it looks identical to other arrows */
}
/* CUSTOM CSS TO FIX NAVIGATION FROM RAJAT */
li.main-nav__item[data-index="6"] ul.main-nav__dropdown.Has_submenu {
width: auto;
}
ul.Top_popular_cities_name li.mt-3,
.top_country_name li,
ul.Top_Countries_name .flex.items-center.font-bold.flex-col,
ul.Top_popular_cities_name .flex {
display: inline;
}
.Top_popular_cities,
.top_country {
width: 50%;
}
ul.Top_Countries_name {
grid-template-columns: repeat(5, minmax(0, 1fr));
display: grid;
text-align: center;
gap: 0.75rem;
padding-top: 21px;
padding-bottom: 32px;
}
ul.Top_popular_cities_name {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.5rem;
display: grid;
overflow-y: auto;
max-height: 35vh;
}
ul.Top_Countries_name li.mt-3 {
/* width: 20%; */
text-align: center;
display: block;
}
.top_country_main {
display: flex;
}
.custom_menuss {
padding: 12px 48px;
}
ul.Top_Countries_name li.mt-3 img {
width: 24px;
height: auto;
margin: 0 auto;
}
ul.Top_Countries_name span {
font-size: 12px;
text-transform: uppercase;
margin-top: 0.75rem;
white-space: nowrap;
}
ul.Top_popular_cities_name li.mt-3 {
display: block;
}
ul.Top_Countries_name .flex.items-center.font-bold.flex-col {
display: flex;
flex-direction: column;
justify-content: center;
}
ul.Top_popular_cities_name .flex {
display: flex;
gap: 15px;
align-items: center;
font-size: 14px;
}
.Input_divss {
text-align: center;
position: relative;
}
input#address-input {
color: #14141480;
background: transparent;
border-radius: 8px;
padding-left: 40px;
padding-right: 48px;
}
ul.countries-directory.overflow-y-auto.overflow-x-hidden.max-h-\[35vh\].grid.grid-cols-1.md\:grid-cols-4.gap-3 {
grid-template-columns: repeat(4, minmax(0, 1fr));
display: grid;
overflow-y: scroll;
max-height: 35vh;
margin: 0px;
}
.top_country_main
p.whitespace-normal.pt-6.text-sm.md\:text-md.font-bold.capitalize.md\:uppercase {
color: #000;
text-transform: uppercase;
text-align: center;
padding-top: 24px;
font-size: 15px;
}
.Input_divss svg.mr-2 {
position: absolute;
top: 15px;
z-index: 1;
margin-left: -120px;
fill: #14141480;
}
.main_forms_div {
text-align: center;
}
button.search_button {
width: 248px;
margin: 0 auto;
color: #fff;
background: #000;
border-radius: 8px;
border: 1px solid rgba(107, 108, 119, 0.15);
height: 44px;
}
.example {
width: 248px;
margin: 0 auto;
}
div#autocomplete-results {
text-align: start;
padding: 0 20px 10px;
overflow-y: auto;
height: 135px;
}
ul.mobile__destination.drawer_destinatio {
opacity: 1;
transform: translateY(0%);
padding: 20px;
transition: transform 0.8s ease-in;
}
button#search_button_add a {
color: #fff;
}
/* Show/hide content based on device type */
@media (min-width: 1024px) {
/* On desktop: hide mobile content, show desktop content */
.mobile-destinations-content,
.mobile-only {
display: none !important;
}
.custom-menus-wrapper,
.desktop-only {
display: block !important;
}
}
@media (max-width: 1023px) {
/* On mobile: hide desktop content, show mobile content */
.custom-menus-wrapper,
.desktop-only {
display: none !important;
}
.mobile-destinations-content,
.mobile-only {
display: block !important;
}
}
/* Remove any special styling for the destinations dropdown trigger */
/* Let it inherit the same styles as other dropdown triggers */
.main-nav__item[data-index="8"] .js-mobile-dropdown-trigger,
.main-nav__item[data-title="Destinations"] .js-mobile-dropdown-trigger, .main-nav__item[data-title="Destinos"] .js-mobile-dropdown-trigger, .main-nav__item[data-title="TESLİMAT NOKTALARI"] .js-mobile-dropdown-trigger, .main-nav__item[data-title="Направления"] .js-mobile-dropdown-trigger, .main-nav__item[data-title="Versandregionen"] .js-mobile-dropdown-trigger, .main-nav__item[data-title="Destinazioni"] .js-mobile-dropdown-trigger, .main-nav__item[data-title="Miejsca docelowe"] .js-mobile-dropdown-trigger {
/* No special overrides - this ensures it looks identical to other arrows */
}
/* Container and form alignment fixes */
.fq-container#filters .main_forms_div {
display: flex;
align-items: center;
gap: 10px;
}
/* Search input container */
.fq-container#filters .main_forms_div > div:first-child {
flex: 1;
max-width: 300px; /* Adjust as needed */
position: relative;
}
/* Input wrapper positioning fix */
.Input_divss {
position: relative;
display: flex;
align-items: center;
height: 42px; /* Match your specified height */
}
/* Location icon positioning */
.Input_divss > svg {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
pointer-events: none;
}
/* Search input field */
#address-input {
width: 100%;
height: 100%;
padding-left: 40px; /* Make room for the icon */
padding-right: 40px; /* Make room for the clear button if visible */
border: 1px solid #d1d5db;
border-radius: 0.375rem;
font-size: 14px;
outline: none;
transition: border-color 0.2s;
}
#address-input:focus {
border-color: #000;
}
/* Search button alignment */
#search_button_add_linmk {
display: inline-block;
text-decoration: none;
}
#search_button_add {
height: 42px; /* Match input height */
padding: 0 20px;
background: #000;
color: #fff;
border: none;
border-radius: 0.375rem;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
white-space: nowrap;
}
#search_button_add:hover {
background: #1f2937;
}
/* Desktop destinations menu — autocomplete */
#search_button_add.loading {
opacity: 0.7;
cursor: wait;
}
#autocomplete-results {
display: none;
position: absolute;
top: calc(100% + 2px);
left: 0;
right: 0;
background: white;
border: 1px solid #ddd;
border-top: none;
border-radius: 0.375rem;
max-height: 300px;
overflow-y: auto;
z-index: 1000;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
#autocomplete-results .suggestion-item {
padding: 10px;
cursor: pointer;
border-bottom: 1px solid #f0f0f0;
}
#autocomplete-results .suggestion-item:hover {
background: #f5f5f5;
}
#autocomplete-results .loading-message,
#autocomplete-results .no-results,
#autocomplete-results .error-message {
padding: 10px;
text-align: center;
color: #666;
}
/* Alternative flexbox approach if the above doesn't work */
@media screen {
.fq-container#filters .main_forms_div {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
}
.fq-container#filters .main_forms_div > div:first-child {
display: flex !important;
flex: 1 !important;
}
.fq-container#filters .container,
.fq-container#filters .example,
.fq-container#filters #autocomplete-form {
width: 100% !important;
display: block !important;
}
}
/* If you need inline-block alignment instead */
.inline-block-alignment .main_forms_div > * {
display: inline-block;
vertical-align: middle;
}
/* Additional fixes for common theme conflicts */
.fq-container#filters * {
box-sizing: border-box;
}
/* Remove any default margins/paddings that might interfere */
.fq-container#filters .main_forms_div > div,
.fq-container#filters form,
.fq-container#filters .container,
.fq-container#filters .example {
margin: 0;
padding: 0;
}
/* Ensure the search status message doesn't break layout */
#search-status {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
font-size: 12px;
color: #666;
font-style: italic;
}
/* Container */
.home-search-container {
margin-top: -8rem;
position: relative;
margin-left: -5px;
margin-right: -5px;
border: 1px solid rgba(0,0,0,.25);
background-color: #fff;
border-radius: .5rem;
}
/* Title */
.home-search-page-title {
margin-top: 1rem;
margin-bottom: 1rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
text-align: center;
font-size: 0.875rem;
font-weight: 400;
font-style: normal;
line-height: 1rem;
}
@media (min-width: 640px) {
.home-search-page-title {
font-size: 0.875rem;
line-height: 2rem;
}
}
@media (min-width: 768px) {
.home-search-container{
display:none;
}
.home-search-page-title {
text-align: left;
font-size: 1.25rem;
}
}
/* Grid */
.filters-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
.filters-grid {
gap: 1.5rem;
grid-template-columns: repeat(4, 1fr);
}
}
/* Input Styles */
.input-wrapper, .date-wrapper, .reason-wrapper {
margin: 0.25rem 0;
}
.input-container, .date-input, .reason-input {
position: relative;
height: 3rem;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 0.375rem;
background-color: #fff;
}
.input-icon {
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
padding: 0 0.75rem;
}
.input-container .input-field {
padding-left: 1rem;
padding-right: 3rem;
padding-top:.5rem;
width: 100%;
height: 100%;
font-size: 0.875rem;
font-weight: 500;
color: rgba(0, 0, 0, 0.5);
background-color: transparent;
border: none;
outline: none;
}
.input-label {
display: flex;
align-items: center;
padding-left: 1rem;
padding-right: 3rem;
height: 100%;
font-size: 0.875rem;
font-weight: 600;
color: rgba(0, 0, 0, 0.5);
}
.chevron-icon {
position: absolute;
top: 0;
bottom: 0;
right: 0.5rem;
display: none;
}
button.search-button.destinations-search-btn {
line-height: 1;
border-radius: 0;
}
@media (min-width: 768px) {
.chevron-icon {
display: flex;
align-items: center;
}
}
.search-button {
height: 42px;
background-color: #000;
color: #fff;
font-size: 13px;
padding: 0 0.25rem;
border-radius: 0.5rem;
transition: all 0.3s ease;
}
.search-button:hover {
opacity: 0.8;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.icon {
width: 1.5rem;
filter: grayscale(1);
opacity: 0.75;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
input#del-data {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
}
.template-index div#ui-datepicker-div {
display: block;
padding: 0;
}
.reason-wrapper .dropdown-menu {
display:none;
position: absolute;
right: 0;
z-index: 20;
margin-top: 0.25rem;
padding: 1rem;
width: 100%;
border: 1px solid #e5e7eb;
background-color: white;
border-radius: 0.375rem;
}
.reason-wrapper.open .dropdown-menu{
display:block;
}
.reason-wrapper .dropdown-item {
display: flex;
cursor: pointer;
border:0;
padding: 0.25rem 0;
padding-left: 0.5rem;
font-size: 0.875rem;
color: #4b5563;
transition: background-color 0.2s;
}
.reason-wrapper .dropdown-item:hover {
background-color: #f9fafb;
}
.reason-wrapper .radio-input {
margin: auto 0;
height: 1rem;
width: 1rem;
cursor: pointer;
}
.reason-wrapper .radio-label {
margin: auto 0;
cursor: pointer;
padding-left: 0.5rem;
}
@media only screen and (max-width: 700px){
/* .cst-img-body{
margin:0 -20px;
} */
.template-index .main-page-content {
overflow: visible;
}
.home-search-container, .search-button {
border-radius: .25rem;
}
.input-wrapper, .date-wrapper, .reason-wrapper {
margin: 0;
border: 0;
}
.input-container, .date-input, .reason-input {
border-top-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-color: rgb(20 20 20/ .25);
border-radius: 0;
}
/* --- custom.css: header-design (lines 3219-4050) --- */
}
/*header design changes start*/
.header-group.page-width.page-content.container nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav li.main-nav__item:hover:after {
opacity: 0;
}
.header-group.page-width.page-content.container{
padding: 0;
position: relative;
z-index: 5;
}
.custom-header-button {
height: auto;
width: auto;
border-width: 1px;
border-style: solid;
border-color: #ed600e;
font-weight: 600;
border-radius: 0.375rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
text-align: center;
color: #ed600e;
cursor: pointer;
transition-property: background-color;
transition-duration: 300ms;
text-decoration: none;
padding: 10px;
}
.custom-header-button:hover {
background-color: #ffe4e6;
}
.utils__right .customer-name-icon a.txt-icon-align {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
}
.customer-name-icon a span.icon-fallback-text {
position: unset !important;
display: block !important;
width: auto;
height: auto;
}
.utils__right {
gap: 20px;
}
.utils-bar {
padding: 8px 0 8px;
}
.announcement-bar__content {
font-size: 14px;
font-weight: 600;
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
flex-wrap: wrap;
padding: 12px 0;
}
.customer-name-icon span.icon-fallback-text {
font-size: 12px;
color: #000000;
font-weight: 600;
}
.announcement-bar__content img {
width: 24px;
height: 24px;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav li.main-nav__item:first-child a.main-nav__link {
color: #c64e14;
font-weight: 700;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav li.main-nav__item a.main-nav__link {
color: #141414;
/*font-size: 14px!important;*/
padding: 0;
}
.customer-profile-name-icon .user-icon {
position: relative;
}
/* Green dot for logged-in users */
.customer-profile-name-icon .user-icon.active:before {
content: '';
width: 10px;
height: 10px;
background: #52c41a;
display: block;
border-radius: 50px;
position: absolute;
top: 0;
right: -11%;
z-index: 10;
}
/* Red notification dot - only for non-logged-in users */
.account-not-logged-in .user-icon:before {
content: '';
width: 8px;
height: 8px;
background: #ff4d4f;
display: block;
border-radius: 50px;
position: absolute;
top: 0;
right: -11%;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown {
display: flex;
background: #f7f7f7;
padding: 0;
width: auto;
transform: translate(-22%, 0%);
box-shadow: none;
transform: none;
justify-content: flex-end;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown li.main-nav__child-item {
background: #f7f7f7;
padding: 32px 24px;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown li.main-nav__child-item ul.main-nav__sub-dropdown {
background: unset;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown li.main-nav__child-item ul.main-nav__sub-dropdown li.main-nav__sub-child-item a.main-nav__sub-child-link {
padding: 6px 0;
font-size: 14px;
color: #141414;
opacity: .75;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown li.main-nav__child-item ul.main-nav__sub-dropdown li.main-nav__sub-child-item a.main-nav__sub-child-link:hover{
opacity: 1;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown li.main-nav__child-item a.main-nav__child-link {
padding: 6px 0;
font-size: 16px;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Plants"] ul.main-nav__dropdown,
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Gift Baskets"] ul.main-nav__dropdown{
flex-direction: column;
width: max-content !important;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Plants"] ul.main-nav__dropdown li.main-nav__child-item,
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Gift Baskets"] ul.main-nav__dropdown li.main-nav__child-item{
padding: 0;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Plants"] ul.main-nav__dropdown li.main-nav__child-item a.main-nav__child-link,
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Gift Baskets"] ul.main-nav__dropdown li.main-nav__child-item a.main-nav__child-link{
padding: 6px 0;
font-size: 14px;
color: #141414;
opacity: .75;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-index="8"] ul.main-nav__dropdown,
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Destinations"] ul.main-nav__dropdown, nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Destinos"] ul.main-nav__dropdown, nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="TESLİMAT NOKTALARI"] ul.main-nav__dropdown, nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Направления"] ul.main-nav__dropdown, nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Versandregionen"] ul.main-nav__dropdown, nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Destinazioni"] ul.main-nav__dropdown, nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Miejsca docelowe"] ul.main-nav__dropdown {
left: 0 !important;
width: 100% !important;
transform: none;
padding: 0 !important;
z-index: 999;
}
@media (max-width: 1300px) {
li.main-nav__item[data-index="8"].main-nav__has-dropdown.show-dropdown ul.main-nav__dropdown.Has_submenu{
/*content: "";
width: 128px;
position: absolute;
right: 0;
height: 59px;
top: -58px;
background-color: #f7f7f7;*/
top: 29px;
}
}
[data-title="Personalized gifts"] ul.main-nav__dropdown.main-nav__dropdown--expand-left {
flex-direction: row !important;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown li.main-nav__child-item ul.main-nav__sub-dropdown li.main-nav__sub-child-item:last-child a.main-nav__sub-child-link {
opacity: 1;
font-weight: 600;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown li.main-nav__child-item ul.main-nav__sub-dropdown li.main-nav__sub-child-item:last-child a.main-nav__sub-child-link:hover{
opacity: .8;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Plants"] li.main-nav__child-item:last-child a.main-nav__child-link {
opacity: 1 !important;
font-weight: 600;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Plants"] li.main-nav__child-item:first-child a.main-nav__child-link {
opacity: 1 !important;
font-size: 16px !important;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Gift Baskets"] li.main-nav__child-item:last-child a.main-nav__child-link {
opacity: 1 !important;
font-weight: 600;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Gift Baskets"] li.main-nav__child-item:first-child a.main-nav__child-link {
opacity: 1 !important;
font-size: 16px !important;
}
.page-header nav.main-nav-bar.main-nav-bar--border {
border: none;
padding: 0;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav li.main-nav__item:hover {
background: #f7f7f7;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav li.main-nav__item {
padding: 12px 0 20px;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav li.main-nav__item.show-dropdown {
z-index: 9999;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown .top_country .top_country_flags h2 {
font-size: 16px;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown .top_country .top_country_flags ul.Top_Countries_name li span.whitespace-nowrap {
color: #141414;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown .top_country .top_country_name ul.countries-directory li a {
color: #141414;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown .Top_popular_cities h2 {
font-size: 16px;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown .Top_popular_cities ul.Top_popular_cities_name li svg {
fill: #141414;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown .Top_popular_cities ul.Top_popular_cities_name li span.truncate {
color: #141414;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown .Top_popular_cities
.main_forms_div {
flex-direction: column;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown .Top_popular_cities .main_forms_div svg {
left: 8px;
margin: 0;
top: 21px;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Plants"] ul.main-nav__dropdown li.main-nav__child-item {
width: 16rem;
padding: 32px 24px;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Gift Baskets"] ul.main-nav__dropdown li.main-nav__child-item {
width: 16rem;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav li.main-nav__item {
padding: 12px 10px 20px 10px;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav li.main-nav__item:first-child{
padding: 12px 0 20px 0;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav li.main-nav__item:first-child:hover{
background: transparent;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav li.main-nav__item[data-title="CORPORATE GIFTS"]{
padding: 12px 0 20px 0;
}
nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav li.main-nav__item[data-title="CORPORATE GIFTS"]:hover{
background: transparent;
}
@media (min-width: 1024px) {
.custom-header-button {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
}
.header-group.page-width.page-content.container nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav ul.main-nav__dropdown li.main-nav__child-item ul.main-nav__sub-dropdown li.main-nav__sub-child-item:last-child a.main-nav__sub-child-link:after {
content: '>';
font-size: 15px;
margin-left: 5px;
}
.header-group.page-width.page-content.container nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title=Plants] li.main-nav__child-item:last-child a.main-nav__child-link:after {
content: '>';
font-size: 15px;
margin-left: 5px;
}
.header-group.page-width.page-content.container nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Gift Baskets"] li.main-nav__child-item:last-child a.main-nav__child-link:after {
content: '>';
font-size: 15px;
margin-left: 5px;
}
.header-group.page-width.page-content.container [data-title="Personalized gifts"] ul.main-nav__dropdown, .header-group.page-width.page-content.container [data-index="7"] ul.main-nav__dropdown {
width: 100% !important;
}
.header-group.page-width.page-content.container [data-title="Personalized gifts"] ul.main-nav__dropdown a.main-nav__child-link {
text-transform: uppercase;
}
.utils__center .custom-header-button-container{
display: none !important;
}
.utils__center a.custom-header-button {
display: none !important;
}
.header-group.page-width.page-content.container nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title=Plants] ul.main-nav__dropdown li.main-nav__child-item a.main-nav__child-link,
.header-group.page-width.page-content.container nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Gift Baskets"] ul.main-nav__dropdown li.main-nav__child-item a.main-nav__child-link {
color: #141414;
padding: 6px 0;
font-size: 16px !important;
font-weight: unset !important;
}
.header-group.page-width.page-content.container nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title=Plants] ul.main-nav__dropdown li.main-nav__child-item a.main-nav__child-link:after,
.header-group.page-width.page-content.container nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav [data-title="Gift Baskets"] ul.main-nav__dropdown li.main-nav__child-item a.main-nav__child-link:after {
display: none;
}
.top_country_main p.whitespace-normal.pt-6.text-sm.md\:text-md.font-bold.capitalize.md\:uppercase{
font-size: 14px;
}
@media (min-width: 1023px) {
.mobile-header-search {
display: none !important;
}
body.mobile-header-search-open {
overflow: auto;
}
}
@media(max-width: 1023px){
.main-nav__dropdown .main-nav__sub-dropdown li.main-nav__sub-child-item:last-child span.exp-tab-title {
background: #000;
color: #fff;
padding: 12px 16px;
text-align: center;
font-weight: 600;
display: flex;
justify-content: center;
opacity: 1;
margin-top: 25px;
border-radius: 0.25rem;
}
.main-nav__dropdown .main-nav__sub-dropdown li.main-nav__sub-child-item a.exp-tab-link .exp-tab-text span.exp-tab-title {
font-size: 14px!important;
font-weight: 700!important;
text-transform: uppercase;
height: auto;
}
.mobile-menu-open .header-group.page-width.page-content.container {
position: fixed;
}
/*.mobile-dropdown__back {
border-bottom: none;
}*/
.header-group.page-width.page-content.container {
position: sticky;
top: 0;
z-index: 9;
}
.utils__right button.btn.btn--plain.btn--menu.js-mobile-menu-icon {
display: grid;
place-items: center;
}
.utils__right button.btn.btn--plain.btn--menu.js-mobile-menu-icon svg {
display: block;
width: 24px;
height: 18px;
fill: currentColor;
}
.utils__right button.btn.btn--plain.btn--menu.js-mobile-menu-icon img {
margin-left: -6px;
}
/* Swap hamburger <-> close icon purely via CSS */
.js-mobile-menu-icon-hamburger,
.js-mobile-menu-icon-close{
display: flex;
align-items: center;
justify-content: center;
grid-area: 1 / 1;
transition: opacity 500ms cubic-bezier(.2,.8,.2,1), transform 500ms cubic-bezier(.2,.8,.2,1);
will-change: opacity, transform;
}
.js-mobile-menu-icon-hamburger{
opacity: 1;
transform: scale(1) rotate(0deg);
pointer-events: auto;
}
.js-mobile-menu-icon-close{
opacity: 0;
transform: scale(0.85) rotate(90deg);
pointer-events: none;
/* No fade-out when closing menu */
transition: transform 500ms cubic-bezier(.2,.8,.2,1);
}
body.mobile-menu-open .js-mobile-menu-icon-hamburger{
opacity: 0;
transform: scale(0.85) rotate(-90deg);
pointer-events: none;
}
body.mobile-menu-open .js-mobile-menu-icon-close{
opacity: 1;
transform: scale(1) rotate(0deg);
pointer-events: auto;
}
body.mobile-menu-open .js-mobile-menu-icon-close .icon-close path{
fill: #000;
stroke: #000;
}
.utils__left a.custom-header-button {
display: none !important;
}
.utils__center a.custom-header-button {
display: flex !important;
height: 2rem !important;
width: 50% !important;
font-size: 12px;
}
.utils__right .custom-header-button{
display:none !important;
}
.utils__left{
display: none;
}
.utils__center {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
}
.utils__right {
width: 100%;
justify-content: space-between;
}
.utils-bar {
flex-direction: column;
padding: 12px 16px 5px !important;
}
nav.main-nav-bar.main-nav-bar--border {
top: 107px;
}
/* Mobile header search */
.mobile-header-search {
display: none;
position: relative;
z-index: 20;
}
.mobile-header-search__backdrop {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.25);
opacity: 0;
transition: opacity 180ms ease;
}
.mobile-header-search__panel {
position: absolute;
left: 0;
right: 0;
top: 0;
padding: 10px 16px;
background: #fff;
transform: translateY(-10px);
opacity: 0;
pointer-events: none;
transition: transform 220ms cubic-bezier(.2,.8,.2,1), opacity 220ms cubic-bezier(.2,.8,.2,1);
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
border-bottom: 1px solid rgba(0,0,0,0.06);
}
.mobile-header-search__form {
display: flex;
align-items: center;
gap: 10px;
}
.mobile-header-search__input {
flex: 1;
height: 38px;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 999px;
padding: 0 14px;
font-size: 14px;
outline: none;
}
.mobile-header-search__input:focus {
border-color: rgba(198,78,20,0.55);
box-shadow: 0 0 0 3px rgba(198,78,20,0.12);
}
.mobile-header-search__submit {
width: 38px;
height: 38px;
border-radius: 999px;
border: 1px solid rgba(0,0,0,0.10);
background: #fff;
display: grid;
place-items: center;
}
body.mobile-header-search-open .mobile-header-search__backdrop {
display: block;
opacity: 1;
}
body.mobile-header-search-open .mobile-header-search__panel {
transform: translateY(0);
opacity: 1;
pointer-events: auto;
}
.mobile-header-search {
display: block;
}
/* Mobile header (<=768px): hamburger + logo on left, icons on right */
@media (max-width: 768px) {
.page-header .utils__center {
display: none !important;
}
.page-header .utils-bar {
flex-direction: row;
align-items: center;
}
.page-header .utils__right {
display: flex;
align-items: center;
gap: 10px;
justify-content: flex-start;
width: 100%;
flex: auto;
}
.page-header .utils__right .menu-img-txt-main {
display: flex !important;
}
.page-header .utils__right .mobile-logo {
display: flex;
align-items: center;
}
.page-header .utils__right .mobile-logo a{
display: block;
margin: 0;
height:35px;
}
.page-header .utils__right .mobile-logo a img{
height: 100%;
}
.page-header .utils__right .icon-wrapper {
margin-left: auto;
}
nav.main-nav-bar.main-nav-bar--border {
top: 56px;
}
}
.utils__right .accounts {
display: block;
}
.section-announcement-bar {
display: none;
}
.utils__right a.txt-icon-align span.feather-icon img.desktop-icon {
display: block;
}
nav.main-nav-bar.main-nav-bar--border .mobile-nav-column-outer {
width: 100%;
}
nav.main-nav-bar.main-nav-bar--border .mobile-nav-column-outer .mobile-nav-column-inner {
margin: 0;
}
.mobile-nav-menu-container.mobile-menu-level-1 {
overflow: hidden;
//overflow-y: auto;
}
.mobile-nav-column-outer ul.main-nav {
padding: 0 20px !important;
margin-top: 0;
padding-bottom: 10px !important;
}
/* Override padding-bottom and margin-top from styles.css.liquid */
.mobile-nav-menu-container .main-nav {
padding-bottom: 10px !important;
margin-top: 0 !important;
}
/* Ensure no extra margin on first menu item */
.mobile-nav-menu-container .main-nav > li.main-nav__item:first-child {
margin-top: 0 !important;
padding-top: 12px !important;
}
.mobile-nav-column-outer ul.main-nav li.main-nav__item {
padding: 12px 0 !important;
border-top: 1px solid;
border-color: rgb(209 213 219/var(--tw-border-opacity,1));
display: flex;
}
.mobile-nav-column-outer ul.main-nav li.main-nav__item .exp-tab {
border: none;
}
.mobile-nav-column-outer ul.main-nav li.main-nav__item .exp-tab .exp-tab-text {
padding: 0;
}
.mobile-nav-column-outer ul.main-nav li.main-nav__item .exp-tab .exp-tab-text span.exp-tab-title {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #141414;
}
.mobile-nav-menu-container .exp-tab-link~.dropdown-chevron:before{
display: none;
}
.header-group.page-width.page-content.container nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav li.main-nav__item a.main-nav__link {
padding: 0;
font-size: 14px;
font-weight: 700;
}
.mobile-nav-menu-container .dropdown-chevron{
border-left: none;
}
.main-nav li.mobile-menu-content.accounts.utils__item.accounts--mobile {
display: none;
}
.main-nav li.main-nav__item.mobile-menu-content {
display: none !important;
}
.mobile-nav-menu-container .dropdown-chevron svg {
font-weight: 600 !important;
stroke: #000000;
}
a.mobile-dropdown__back.js-mobile-dropdown-return {
flex-direction: row-reverse;
padding: 20px 10px 20px;
}
.mobile-nav-column-inner.show-mobile-menu-level-2 svg.icon.feather-chevron-right {
rotate: 90deg;
}
a.mobile-dropdown__back.js-mobile-dropdown-return span.mobile-dropdown__back-text {
text-align: left;
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
color: #141414;
}
.main-nav__dropdown .main-nav__child-item a.main-nav__child-link {
font-size: 12px;
border: none !important;
height: auto !important;
color: #141414;
}
.main-nav__dropdown .main-nav__child-item a .exp-tab .exp-tab-text span.exp-tab-title {
font-size: 12px;
color: #141414;
text-transform: uppercase;
opacity: .75;
}
.main-nav__dropdown .main-nav__child-item a .exp-tab {
border: none;
}
.main-nav__dropdown .main-nav__child-item a .exp-tab .exp-tab-text {
padding: 0;
}
.main-nav__dropdown .main-nav__child-item {
padding: 20px 20px;
border-bottom: 1px solid;
border-color: rgb(209 213 219/var(--tw-border-opacity,1));
}
.mobile-dropdown>.main-nav__dropdown {
padding: 0;
}
a.main-nav__child-link {
padding: 0;
}
.main-nav__dropdown .main-nav__sub-dropdown {
width: 100%;
background: #ffffff;
margin-top: 20px;
padding: 0;
}
.main-nav__dropdown .main-nav__sub-dropdown li.main-nav__sub-child-item {
padding: 0;
margin-bottom: 12px;
}
.main-nav__dropdown .main-nav__sub-dropdown li.main-nav__sub-child-item a.exp-tab-link .exp-tab-text span.exp-tab-title {
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase;
height: auto;
}
.main-nav__dropdown .main-nav__child-item a {
height: 36px !important;
top: 13px;
right: 20px;
}
.main-nav__dropdown .main-nav__child-item a.exp-tab-link {
height: auto !important;
}
.main-nav__dropdown .main-nav__sub-dropdown li.main-nav__sub-child-item:last-child span.exp-tab-title {
background: #000;
color: #ffffff;
padding: 12px 16px;
text-align: center;
font-weight: 600;
display: flex;
justify-content: center;
opacity: 1;
margin-top: 8px;
border-radius: 0.25rem;
}
.main-nav__dropdown .main-nav__sub-dropdown li.main-nav__sub-child-item:last-child {
margin: 0;
}
span.icon-fallback-text-menu {
font-size: 12px;
color: #000;
font-weight: 600;
}
.header-group.page-width.page-content.container nav.main-nav-bar .mobile-nav-column-outer .mobile-nav-column-inner .mobile-nav-menu-container ul.main-nav li.main-nav__item:hover{
background: #ffffff;
}
.menu-img-txt-main{
display: flex !important;
}
a.mobile-dropdown__back.js-mobile-dropdown-return span.feather-icon {
display: flex;
font-size: 12px;
align-items: center;
opacity: .5;
color: #141414;
font-weight: 700;
}
li.mobile-destinations-wrapper.mobile-menu-content {
display: flex;
flex-wrap: wrap;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-section.destinations-countries-section {
width: 100%;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-section.destinations-cities-section {
width: 100%;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-section.destinations-countries-section h3.destinations-section-title {
padding: 0;
border: none;
}
.destinations-section.destinations-cities-section.popular-countries{
padding: 0;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-section.destinations-countries-section .destinations-list .destinations-list-item span.destinations-item-text {
font-size: 18px;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-section.destinations-cities-section h3.destinations-section-title {
padding: 0;
border: none;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-section.destinations-cities-section .destinations-list .destinations-list-item .destinations-item-icon {
width: 24px;
height: 24px;
opacity: .75;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-section.destinations-cities-section .destinations-list .destinations-list-item .destinations-item-icon svg.city-icon {
width: 24px;
height: 24px;
color: #141414;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-section.destinations-cities-section .destinations-list .destinations-list-item span.destinations-item-text {
font-size: 16px;
opacity: 1;
color: #141414;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-search-section .destinations-search-box .search-input-wrapper {
display: flex;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-search-section .destinations-search-box .search-input-wrapper input.destinations-search-input {
padding: 0 14px;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-search-section .destinations-search-box a.destinations-search-btn {
padding: 11px 9px;
display: flex;
text-align: center;
align-items: center;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-search-section .destinations-search-box .search-input-wrapper .search-icon {
right: 15px;
left: unset;
width: 24px;
height: 24px;
display: flex;
padding: 0;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-search-section .destinations-search-box .search-input-wrapper .search-icon svg {
width: 24px;
height: 24px;
opacity: .75;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-search-section .destinations-search-header p.destinations-tagline {
text-align: left;
font-size: 14px !important;
color: #141414;
font-weight: 700;
text-transform: capitalize;
}
li.mobile-destinations-wrapper.mobile-menu-content .destinations-search-box {
border: 1px solid;
border-color: #5A9249;
}
.mobile-menu-level-1 ul.main-nav li.main-nav__item:first-child span.exp-tab-title {
color: #c64e14 !important;
}
.mobile-menu-level-2 li.main-nav__child-item a.main-nav__child-link {
font-size: 12px;
color: #141414;
text-transform: uppercase;
opacity: .75;
}
/*.mobile-nav-column-inner.show-mobile-menu-level-2 .mobile-nav-menu-container.mobile-dropdown.mobile-menu-level-2 ul.main-nav__dropdown li.main-nav__child-item {
padding: 0 20px;
margin-top: 12px;
border: none;
}
.mobile-nav-column-inner.show-mobile-menu-level-2 .mobile-nav-menu-container.mobile-dropdown.mobile-menu-level-2 ul.main-nav__dropdown li.main-nav__child-item a.exp-tab-link.mobile-menu-content {
font-size: 14px;
}*/
}
/* --- custom.css: review-section (lines 4054-4147) --- */
.product-price.product-price--large {
font-weight: 700;
}
.page-width.page-content--collection .review-main-section .cc-filters-results h1.collection-title {
font-size: 30px;
font-weight: bold;
margin-bottom:15px;
}
.page-width.page-content--collection .review-main-section .cc-filters-results .collection-header {
text-align: left;
display: flex;
gap: 1rem;
justify-content: space-between;
max-width: 100%;
margin-bottom:1rem;
}
.page-width.page-content--collection .review-main-section .cc-filters-results h1.collection-title+p {
font-size: 14px;
color: #11182780;
}
.page-width.page-content--collection .review-main-section .cc-filters-results h1.collection-title+p span.stars {
font-size: 21px;
letter-spacing: 2px;
color: #d35400;
margin-right: 5px;
}
.page-width.page-content--collection .review-main-section .cc-filters-results h2 {
font-size: 20px;
}
.review-main-section .testimonials-container {
display: grid;
gap: 1rem;
grid-template-columns: repeat(1, 1fr);
}
.testimonials-wrapper {
max-width: 50%;
}
.testimonial-header {
display: flex;
align-items:center;
gap: 0.5rem;
}
.testimonial-header .date {
font-size: 14px;
color: #666;
}
.testimonial-header .stars {
color: rgb(255, 107, 107);
}
.testimonial-card p.review-text {
font-weight: 400;
line-height:1.5;
}
.testimonial-card p.review-text+p.reviewer {
font-size: 14px;
margin-bottom:0;
}
.testimonial-card {
background-color: #fff5f5;
border-radius: 8px;
display: flex;
flex-direction: column;
height: 100%;
padding: .5rem;
}
.page-width.page-content--collection .review-main-section .cc-filters-results .mobile-head {
display:none;
}
.page-internation-featured {
margin-top: 0;
}
.page-internation-featured h2.section-heading__title {
margin-bottom: 35px;
}
.page-internation-featured .cpb-cont.product-block {
padding-left: 2rem;
}
.page-internation-featured .product-grid--rows {
margin-left: -2rem;
}
/* .page-internation-featured .product-block__primary-image {
height: auto;} */
.section-bottom {
text-align: center;
margin-top: 3.5rem;
}
.section-bottom .btn--primary {
font-size: 1rem;
line-height: 1.5rem;
padding: 1.25rem 2.5rem;
border-radius: .5rem;
/* --- custom.css: review-grid-mq (lines 4555-4606) --- */
@media (min-width: 1025px) {
/* 12-col grid: filters 2 cols → results from line 3 to end */
.review-main-section .cc-filters-results {
grid-column: 3 / -1;
padding: 0;
}
.review-main-section .cc-filters-container {
position: sticky;
top: 10px;
}
}
/* 1.5/12 sidebar width: use 24-col grid (filters = 3 tracks = 12.5% = 1.5× of 1/12) */
@media (min-width: 1500px) {
.page-content--collection .row {
grid-template-columns: repeat(24, minmax(0, 1fr));
}
.page-content--collection .row .collection-header,
.page-content--collection .row .collection-description,
.page-content--collection .row .collection-description-os {
grid-column: 1 / -1;
}
.page-content--collection .row form#filters {
grid-column: span 3;
}
.page-content--collection .row .cc-filters-results {
grid-column: 4 / -1;
}
}
@media (max-width: 1024px) {
.page-width.page-content--collection .review-main-section .cc-filters-results h1.collection-title+p, .page-width.page-content--collection .review-main-section .cc-filters-results h2 {
display: none;
}
.page-width.page-content--collection .review-main-section .cc-filters-results .mobile-head {
margin-top:1rem;
display:block;
}
.page-width.page-content--collection .review-main-section .cc-filters-results h1.collection-title {
font-size: 20px;
text-align: center;
}
.page-width.page-content--collection .review-main-section .cc-filters-results .collection-header {
display: block;
}
.testimonials-wrapper {
max-width: 100%;
margin-top: 1rem;
}
.testimonial-card p.review-text, .testimonial-header, .testimonial-header .date, .testimonial-card p.review-text+p.reviewer {
font-size: 12px;
}
/* --- custom.css: collection-mobile-slider (lines 4629-4650) --- */
}
.template-collection .product-slider-container .product-card {
margin-bottom: 0;
}
.template-collection .product-slider-container .swiper-button-next {
width: 36px;
height: 36px;
right: 37%;
transform: translateX(-50%);
top: auto;
bottom: 1%;
background-image: none;
color: #fff;
}
.template-collection .product-slider-container .swiper-button-next:after {
font-size: 18px;
}
.template-collection .logo-list .standard-title {
font-size: 1.43rem;
font-weight: 400;
opacity: 1;
line-height: 1.2;
/* --- custom.css: main-collection-redesign (lines 4949-4951) --- */
/* Style os starts */
.main-collection-redesign-os .product-grid .product-block__image {
border-radius: 0;
/* --- custom.css: header-trust-search (lines 5270-5419) --- */
/* Header center column: stack logo + trust bar neatly on desktop */
@media (min-width: 769px) {
.page-header .utils__center {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 6px;
}
/* Home: center header middle; other pages: start */
body.template-index .page-header .utils__center {
justify-content: center;
}
body:not(.template-index) .page-header .utils__center {
justify-content: flex-start;
}
/* Keep the custom button row right-aligned without shifting logo/trust */
.page-header .utils__center > div[style*="justify-content: end"] {
align-self: stretch;
width: 100% !important;
justify-content: flex-end !important;
}
.page-header .utils__center .fq-trust-zone {
margin-top: 0;
}
}
.fq-trust-zone {
width: auto;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
height: auto;
background: transparent;
margin: 6px auto 0;
align-self: center;
gap: 5px 5px;
}
.fq-trust-item {
display: flex;
align-items: center;
gap: 10px;
padding: 0 10px;
height: 100%;
white-space: nowrap;
flex: 1;
justify-content: center;
}
.fq-trust-item svg{
width: 16px;
height: 16px;
}
.fq-trust-item + .fq-trust-item {
border-left: 0.5px solid #e0d5cc;
}
.fq-stars {
display: flex;
gap: 1px;
align-items: center;
flex-shrink: 0;
}
.fq-trust-text {
color: #3a2a1a;
line-height: 1.2;
font-family: 'Manrope';
font-size: 16px;
}
.fq-trust-text strong {
font-weight: 600;
color: #1a1a1a;
}
/* Desktop header search (pill input like screenshot) */
@media (min-width: 769px) {
.desktop-header-search {
display: flex;
align-items: center;
margin: 0 14px 0 0; /* keep it on the left side of icons */
flex: 1;
max-width: 420px;
order: 1;
}
/* Ensure icon group stays to the right of the search bar */
.page-header .utils__right .icon-wrapper {
order: 2;
}
.desktop-header-search__form {
display: flex;
align-items: center;
width: 100%;
position: relative;
}
.desktop-header-search__input {
width: 100%;
height: 34px;
border: 1px solid rgba(0,0,0,0.18);
border-radius: 999px;
padding: 0 40px 0 14px;
font-size: 13px;
background: #fff;
outline: none;
}
.desktop-header-search__input:focus {
border-color: rgba(198,78,20,0.55);
box-shadow: 0 0 0 3px rgba(198,78,20,0.10);
}
.desktop-header-search__submit {
position: absolute;
right: 6px;
width: 28px;
height: 28px;
border-radius: 999px;
border: 0;
background: transparent;
display: grid;
place-items: center;
color: #111;
cursor: pointer;
}
}
/* When placed under the logo in `.utils__center`, keep it centered and non-overflowing */
.utils__center .fq-trust-zone {
padding: 0 5px;
box-sizing: border-box;
}
/* Hide on mobile — trust bar not needed in small screens */
@media (max-width: 768px) {
.fq-trust-zone {
display: none;
}
}
@media (max-width: 1362px) {
.fq-trust-item svg{
width: 14px;
height: 14px;
}
.fq-trust-text{
font-size: 14px;
}
/* --- custom.css: mobile-destinations-menu (lines 5423-5737) --- */
/* Mobile destinations menu */
.mobile-destinations-wrapper {
width: 100%;
padding: 0;
margin: 0;
background: #fff;
}
.destinations-search-section {
width: 100%;
padding: 1rem;
border-bottom: 1px solid #e5e7eb;
background: #fafafa;
}
.destinations-search-header {
margin-bottom: 0.5rem;
}
.destinations-tagline {
font-size: 0.875rem;
font-weight: 600;
color: #374151;
text-align: center;
line-height: 1.4;
margin: 0;
}
.destinations-search-box {
display: flex;
border: 1px solid #d1d5db;
border-radius: 0.5rem;
overflow: visible;
background: #fff;
}
.search-input-wrapper {
flex: 1;
position: relative;
}
.destinations-search-box .search-icon {
position: absolute;
left: 0.875rem;
top: 50%;
transform: translateY(-50%);
color: #6b7280;
pointer-events: none;
z-index: 1;
}
.destinations-search-input {
width: 100%;
padding: 0.875rem 0.875rem 0.875rem 2.5rem;
border: none;
outline: none;
font-size: 16px;
color: #374151;
background: transparent;
}
.destinations-search-input::placeholder {
color: #9ca3af;
}
.destinations-search-btn {
padding: 0.875rem 1.25rem;
background: #5A9249;
color: #fff;
text-decoration: none;
font-size: 0.875rem;
font-weight: 600;
white-space: nowrap;
transition: all 0.2s;
border-radius: 0 0.5rem 0.5rem 0;
position: relative;
min-width: 92px;
text-align: center;
}
.destinations-search-btn:hover {
background: #345929;
}
.destinations-search-btn.loading {
opacity: 0.85;
pointer-events: none;
}
.destinations-search-btn.loading::after {
content: "";
width: 14px;
height: 14px;
border-radius: 999px;
border: 2px solid rgba(255, 255, 255, 0.55);
border-top-color: #fff;
display: inline-block;
vertical-align: middle;
margin-left: 8px;
animation: destinationsSpin 0.8s linear infinite;
}
@keyframes destinationsSpin {
to { transform: rotate(360deg); }
}
.destinations-search-results {
position: absolute;
top: 100%;
margin-top: 6px;
left: 0;
right: 0;
background: #fff;
border: 1px solid #d1d5db;
border-top: none;
border-radius: 0 0 0.5rem 0.5rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
z-index: 9999;
max-height: 160px;
overflow-y: auto;
display: none;
-webkit-overflow-scrolling: touch;
}
.search-result-item {
padding: 0.75rem 1rem;
border-bottom: 1px solid #e5e7eb;
cursor: pointer;
font-size: 0.875rem;
color: #374151;
transition: background-color 0.15s;
}
.search-result-item:hover,
.search-result-item:active {
background: #f3f4f6;
}
.search-result-item:last-child {
border-bottom: none;
}
.destinations-section {
padding: 1.25rem 1rem;
border-bottom: 1px solid #e5e7eb;
}
.destinations-section:last-child {
border-bottom: none;
padding-bottom: 1.5rem;
}
.destinations-countries-section {
border-bottom: none;
padding-bottom: 0;
}
.destinations-section-title {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
color: #111827;
margin: 0 0 1rem 0;
padding-bottom: 0.5rem;
border-bottom: 1px solid #e5e7eb;
}
.destinations-list {
display: flex;
flex-direction: column;
gap: 0.125rem;
}
.destinations-item-link {
display: flex;
align-items: center;
padding: 0.75rem 0.5rem;
text-decoration: none;
color: #374151;
border-radius: 0.375rem;
transition: all 0.15s ease;
min-height: 44px;
}
.destinations-item-link:hover,
.destinations-item-link:active {
background: #f3f4f6;
color: #111827;
}
.destinations-item-icon {
margin-right: 0.75rem;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 16px;
}
.mobile-destinations-wrapper .country-flag {
width: 20px;
height: 15px;
object-fit: cover;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.country-flag-fallback {
width: 20px;
height: 15px;
background: #f3f4f6;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #e5e7eb;
}
.country-flag-fallback svg {
color: #6b7280;
}
.city-icon {
color: #6b7280;
}
.destinations-item-text {
font-size: 0.875rem;
font-weight: 500;
line-height: 1.3;
}
.destinations-all-countries-section {
margin-top: 0;
padding-top: 1.5rem;
padding-bottom: 1.25rem;
border-top: 1px solid #000;
border-bottom: 1px solid #e5e7eb;
}
.destinations-all-countries-divider {
border-top: 1px solid #000;
margin: 15px 0;
}
.destinations-all-countries-list {
display: grid;
grid-template-columns: 1fr;
list-style: none;
padding: 0;
margin: 0;
}
.destinations-all-countries-item {
margin: 0;
padding: 0;
}
.destinations-all-countries-link {
display: block;
padding: 0.75rem 0.5rem;
text-decoration: none;
color: #141414;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
cursor: pointer;
transition: all 0.15s ease;
border-radius: 0.25rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.destinations-all-countries-link:hover,
.destinations-all-countries-link:active {
color: #111827;
text-decoration: underline;
background: #f3f4f6;
}
.destinations-empty-state {
font-size: 0.875rem;
color: #6b7280;
font-style: italic;
text-align: center;
padding: 1.5rem 1rem;
margin: 0;
}
.destinations-search-error {
display: none;
margin-top: 8px;
font-size: 13px;
line-height: 1.3;
color: #b42318;
}
.destinations-search-btn[disabled],
.destinations-search-btn.loading {
opacity: 0.7;
cursor: not-allowed;
}
@media (max-width: 360px) {
.destinations-search-section,
.destinations-section {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.destinations-item-link {
padding: 0.75rem 0.25rem;
}
/* ----------------- Cookie Consent css --------------- */
.shopify-pc__banner__dialog{
padding: 15px 32px !important;
}
.shopify-pc__banner__dialog h2{
font-size: 14px !important;
}
.shopify-pc__banner__dialog p{
font-size: 12px !important;
}
.shopify-pc__banner__dialog button{
font-size: 14px !important;
}