/** Shopify CDN: Minification failed
Line 2359:2 Expected percentage but found "@media"
Line 2381:2 Expected percentage but found "@media"
Line 31534:3 Expected "}" to go with "{"
**/
@charset "UTF-8";
/**
* Swiper 6.8.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2021 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: August 23, 2021
*/
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
z-index: auto;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
/* width: 100%;
height: 100%; */
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(
to left,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(
to top,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
display: inline-block;
transition: 0.2s transform, 0.2s top;
}
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl
.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
font-size: 100%;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
max-width: 100%;
height: auto;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
/* 1 */
overflow: visible;
/* 1 */
height: 0;
box-sizing: content-box;
/* 2 */
}
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
-webkit-tap-highlight-color: transparent;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 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 {
position: relative;
vertical-align: baseline;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
/* 1 */
margin: 0;
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input[type="submit"] {
border: none;
cursor: pointer;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
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;
}
/**
* 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 {
padding: 0;
border-style: none;
}
/**
* 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;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
/* 1 */
padding: 0;
box-sizing: border-box;
/* 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 in Chrome and Safari on macOS.
*/
[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 */
}
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
[hidden] {
display: none;
}
@font-face {
font-family: "RidgewaySans-Medium";
src: url("/cdn/shop/files/RidgewaySans-Medium.woff?v=1742949628") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "RidgewaySans-Regular";
src: url("/cdn/shop/files/RidgewaySans-Regular.woff?v=1742949628") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "CubanoRegular";
src: url("Lusitana-cubano-regular-webfont.eot");
src: url("cubano-regular-webfont.eot?#iefix") format("embedded-opentype"),
url("cubano-regular-webfont.woff2") format("woff2"),
url("cubano-regular-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GalaxieCopernicus";
src: url("https://cdn.shopify.com/s/files/1/1605/8669/files/GalaxieCopernicus-Book.woff2?v=1678425075")
format("woff2");
}
body {
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: #212428;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: var(--font-heading-family), sans-serif;
font-weight: 500;
line-height: 1.2;
color: #000;
}
h1,
.h1 {
font-size: 32px;
}
h2,
.h2 {
font-size: 26px;
letter-spacing: -0.24px;
color: #212428;
}
h3,
.h3 {
font-size: 20px;
letter-spacing: -0.2px;
}
h4,
.h4 {
font-size: 16px;
color: #212428;
}
h5,
.h5 {
font-size: 12px;
line-height: 1.5;
}
h6,
.h6 {
font-size: 12px;
line-height: 1.5;
color: #212428;
}
p,
.paragraph {
font-size: 16px;
line-height: 1.75;
}
p + p,
p + .paragraph,
.paragraph + p,
.paragraph + .paragraph {
margin-top: 40px;
}
small,
.small {
font-family: var(--font-body-family), sans-serif;
font-size: 12px;
line-height: 1.5;
}
a {
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
line-height: 1.75;
text-decoration: underline;
color: inherit;
}
a:hover {
text-decoration: none;
}
@media (min-width: 768px) {
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 28px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 20px;
}
h5,
.h5 {
font-size: 16px;
}
h6,
.h6 {
font-size: 16px;
}
p,
.paragraph {
font-size: 18px;
}
}
@media (min-width: 1400px) {
h1,
.h1 {
font-size: 64px;
}
h2,
.h2 {
font-size: 40px;
}
h3,
.h3 {
font-size: 28px;
}
h4,
.h4 {
font-size: 24px;
}
h5,
.h5 {
font-size: 20px;
}
h6,
.h6 {
font-size: 16px;
}
p,
.paragraph {
font-size: 24px;
line-height: 1.8;
}
}
* {
outline: none;
box-sizing: border-box;
}
html,
body {
background-color: #fff;
scroll-behavior: smooth;
}
body {
position: relative;
display: flex;
flex-direction: column;
min-height: 100vh;
overflow-x: hidden;
}
body.no-scroll {
overflow: hidden;
}
body.custom-sticky #MainContent {
margin-top: var(--header-height);
}
.content {
flex: 1 0 auto;
}
svg.icon {
width: 20px;
}
.visually-hidden {
position: absolute;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
}
picture img {
filter: blur(0);
transition-property: filter;
transition-duration: 0.3s;
}
.lazy img {
filter: blur(10px);
}
.container {
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 0 40px;
}
.container.container--full-width {
max-width: 100%;
}
@media (min-width: 768px) {
.container.container--skinny {
padding-left: 100px;
padding-right: 100px;
}
}
@media (min-width: 992px) {
.container.container--skinny {
padding-left: 160px;
padding-right: 160px;
}
}
@media (min-width: 1200px) {
.container.container--skinny {
padding-left: 8px;
padding-right: 8px;
max-width: 800px;
}
}
.container.container--no-padding {
padding: 0;
}
.container.container--fluid {
padding-left: 30px;
padding-right: 30px;
}
.container.container--fluid.swiper-container {
overflow: visible;
transform: translateX(-10px);
}
@media (min-width: 576px) {
.container.container--fluid {
padding-left: 120px;
padding-right: 120px;
}
}
@media (min-width: 992px) {
.container.container--fluid .container.container--fluid {
max-width: 100%;
width: 100%;
padding-left: 80px;
padding-right: 80px;
}
}
@media (min-width: 1200px) {
.container.container--fluid .container.container--fluid {
width: 75%;
padding: 0;
max-width: 1486px;
}
}
@media (min-width: 768px) {
.container {
padding: 0 20px;
padding: 0 60px;
}
.container.container--small {
padding: 0 80px;
}
}
@media (min-width: 1200px) {
.container {
padding: 0 80px;
}
}
.grecaptcha-badge {
visibility: hidden;
}
.product-header .product-header__reviews .yotpo.bottomLine .yotpo-bottomline,
.yotpo.bottomLine.yotpo-small {
height: 20px;
min-height: 20px;
}
.header__main-menu
.header__main-menu-list
.header__main-menu-item
.header__main-menu-item--link {
max-height: 120px;
display: flex;
height: 120px;
}
.product-header .product-header__title {
min-height: -webkit-fit-content;
min-height: -moz-fit-content;
min-height: fit-content;
}
.button,
.yotpo-gallery .yotpo-pictures-widget .yotpo-load-more-button,
.shopify-challenge__button.btn {
display: flex;
justify-content: center;
align-items: center;
padding: 15px 26px;
border-radius: 36px;
border: 4px solid transparent;
outline: none;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
text-align: center;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: transform 0.3s ease;
cursor: pointer;
}
.button.button--small,
.yotpo-gallery .yotpo-pictures-widget .button--small.yotpo-load-more-button,
.button--small.shopify-challenge__button.btn {
padding: 9px 14px;
line-height: 14px;
}
.button.button--black,
.yotpo-gallery .yotpo-pictures-widget .yotpo-load-more-button,
.shopify-challenge__button.btn {
background: #000;
color: #fff;
}
.button.button--white,
.yotpo-gallery .yotpo-pictures-widget .button--white.yotpo-load-more-button,
.button--white.shopify-challenge__button.btn {
background: #fff;
color: #000;
}
.button.button--secondary,
.yotpo-gallery .yotpo-pictures-widget .button--secondary.yotpo-load-more-button,
.button--secondary.shopify-challenge__button.btn {
border: 4px solid #fff;
background: transparent;
color: #fff;
}
.button.button--danger,
.yotpo-gallery .yotpo-pictures-widget .button--danger.yotpo-load-more-button,
.button--danger.shopify-challenge__button.btn {
background: #f72626;
color: #fff;
}
.button.button--large,
.yotpo-gallery .yotpo-pictures-widget .button--large.yotpo-load-more-button,
.button--large.shopify-challenge__button.btn {
min-width: 217px;
}
.button.button--full-width,
.yotpo-gallery
.yotpo-pictures-widget
.button--full-width.yotpo-load-more-button,
.button--full-width.shopify-challenge__button.btn {
width: 100%;
}
.button.disabled,
.yotpo-gallery .yotpo-pictures-widget .disabled.yotpo-load-more-button,
.disabled.shopify-challenge__button.btn,
.button[disabled],
.yotpo-gallery .yotpo-pictures-widget [disabled].yotpo-load-more-button,
[disabled].shopify-challenge__button.btn {
background-color: #ccc;
color: #999;
pointer-events: none;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.button:hover,
.yotpo-gallery .yotpo-pictures-widget .yotpo-load-more-button:hover,
.shopify-challenge__button.btn:hover {
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
}
}
/* stylelint-disable */
.checkbox {
display: flex;
align-items: center;
}
.checkbox input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 22px;
height: 22px;
background: none;
border: 2px solid #000;
border-radius: 2px;
transition: background 0.3s ease;
}
.checkbox input[type="checkbox"]:checked {
background-color: #000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='M1.89462 4.7324L5.69448 8.16428L12.1054 1.83572' stroke='white' stroke-width='3'/%3E%3C/svg%3E");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.checkbox input[type="checkbox"] + span {
font-size: 14px;
line-height: 24px;
font-family: var(--font-body-family), sans-serif;
margin-left: 8px;
}
/* stylelint-enable */
/* stylelint-disable */
.input {
position: relative;
}
.input input {
padding: 8px 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
background: none;
border: none;
border-bottom: 1px solid #000;
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
color: #000;
transition: border-color 0.3s ease;
}
.input input::-moz-placeholder {
font-size: 0;
}
.input input:-ms-input-placeholder {
font-size: 0;
}
.input input::placeholder {
font-size: 0;
}
.input input:not(:-moz-placeholder-shown) + .input__text {
font-size: 12px;
transform: translateY(-16px);
}
.input input:not(:-ms-input-placeholder) + .input__text {
font-size: 12px;
transform: translateY(-16px);
}
.input input:not(:placeholder-shown) + .input__text,
.input input:focus + .input__text {
font-size: 12px;
transform: translateY(-16px);
}
.input .input__text {
position: absolute;
left: 0;
top: 0;
color: #999;
font-size: 16px;
line-height: 1.1;
font-family: var(--font-body-family), sans-serif;
transition: transform 0.3s ease, font-size 0.3s ease;
}
.input.input--error input {
border-color: #f72626;
}
.input.input--disabled input {
border-color: #808080;
}
/* stylelint-enable */
textarea,
.textarea {
resize: vertical;
min-width: 250px;
min-height: 100px;
max-height: 250px;
padding: 8px 6px;
border: 1px solid #000;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
background: none;
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
color: #000;
}
/* stylelint-disable */
.input-radio {
display: flex;
align-items: center;
}
.input-radio span {
font-size: 14px;
line-height: 24px;
font-family: var(--font-body-family), sans-serif;
margin-left: 8px;
}
.input-radio input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #000;
transition: border-width 0.3s ease;
}
.input-radio input[type="radio"]:checked {
border: 7px solid #000;
}
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
.select2-container {
position: static !important;
width: 100% !important;
max-width: 100% !important;
background-color: #000;
font-size: 16px;
font-weight: 400;
}
.select2-container.select2-container--open .select2-selection__arrow {
transform: translateY(-50%) rotate(180deg);
}
.select2-container .select2-selection.select2-selection--single {
position: relative;
display: block;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 12px;
padding-right: 30px;
cursor: pointer;
}
.select2-container .select2-selection__arrow {
position: absolute;
top: 50%;
right: 30px;
display: block;
width: 12px;
height: 8px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='8px' viewBox='0 0 12 8' version='1.1'%3E%3Cg id='Guided-Shopping' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Desktop-HD' transform='translate(-160.000000, -565.000000)' fill='%23000000'%3E%3Cg id='icons-/-black-/-Caret' transform='translate(160.000000, 563.000000)'%3E%3Cpath d='M9.93201128,-0.0704375758 C10.1129757,0.11052683 10.2249045,0.36052683 10.2249045,0.636669205 L10.2249045,7.10725744 C10.2249045,7.65954219 9.77718925,8.10725744 9.2249045,8.10725744 L8.40137509,8.10725744 C7.84909034,8.10725744 7.40137509,7.65954219 7.40137509,7.10725744 L7.40137509,2.46019862 L2.75431626,2.46019862 C2.20203151,2.46019862 1.75431626,2.01248337 1.75431626,1.46019862 L1.75431626,0.636669205 C1.75431626,0.0843844555 2.20203151,-0.363330795 2.75431626,-0.363330795 L9.2249045,-0.363330795 C9.50104687,-0.363330795 9.75104687,-0.251401982 9.93201128,-0.0704375758 Z' id='Combined-Shape' transform='translate(5.989610, 3.871963) scale(1, -1) rotate(-45.000000) translate(-5.989610, -3.871963) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 12px 8px;
transform: translateY(-50%);
transition: transform 0.25s ease-out;
}
.select2-container .select2-search.select2-search--dropdown {
display: none;
}
.select2-container .select2-dropdown {
position: absolute;
top: 100%;
left: 0;
z-index: 1;
width: 100% !important;
background-color: #000;
}
.select2-container .select2-results__options {
overflow-y: auto;
max-height: 168px;
padding: 12px;
border-top: 0;
}
.select2-container .select2-results__options::-webkit-scrollbar {
width: 4px;
}
.select2-container .select2-results__options::-webkit-scrollbar-track {
background-color: #000;
}
.select2-container .select2-results__options::-webkit-scrollbar-thumb {
background-color: #999;
}
.select2-container .select2-results__option {
padding: 10px 0;
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
line-height: 1.1;
color: #999;
transition: color 0.25s ease-out;
cursor: pointer;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.select2-container .select2-results__option:hover {
color: #fff;
}
}
.custom-select {
position: relative;
background: #000;
color: #fff;
}
.custom-select.custom-select--floating-label .custom-select__label {
position: absolute;
top: 6px;
left: 12px;
margin-bottom: 0;
font-size: 12px;
}
.custom-select.custom-select--floating-label
.select2-container
.select2-selection.select2-selection--single {
padding-top: 22px;
padding-bottom: 6px;
}
.custom-select .custom-select__select {
display: none;
}
.custom-select .custom-select__label {
margin-bottom: 6px;
font-size: 14px;
font-weight: 400;
color: #999;
}
.custom-select .custom-select__dropdown {
width: 100%;
}
.pagination .pagination__list {
display: flex;
justify-content: center;
align-items: center;
}
.pagination .pagination__item {
margin-left: 4px;
margin-right: 4px;
}
.pagination .pagination__item svg {
width: 10px;
height: 10px;
}
.pagination .pagination__item.pagination__item--prev {
margin-left: 0;
margin-right: 20px;
}
.pagination .pagination__item.pagination__item--prev svg {
transform: rotate(90deg);
}
.pagination .pagination__item.pagination__item--next {
margin-left: 20px;
margin-right: 0;
}
.pagination .pagination__item.pagination__item--next svg {
transform: rotate(270deg);
}
.pagination .pagination__link {
position: relative;
overflow-x: hidden;
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
padding: 0 4px;
border: 1px solid #808080;
background-color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 1.14;
letter-spacing: 0.06em;
text-align: center;
text-decoration: none;
color: #000;
white-space: nowrap;
transition: all 0.25s ease-out;
}
.pagination .pagination__link.pagination__link--current {
border-color: #000;
background-color: #000;
color: #fff;
}
.pagination .pagination__link.pagination__link--prev,
.pagination .pagination__link.pagination__link--next {
width: unset;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.pagination a:hover {
border-color: #000;
background-color: #000;
color: #fff;
}
}
.accordion .accordion__item.active .accordion__item-toggler::before {
transform: translateY(-50%);
}
.accordion .accordion__item-toggler {
position: relative;
display: block;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 20px;
border: 0;
background: transparent;
font-size: 16px;
line-height: 1.5;
text-align: left;
color: #212428;
}
.accordion .accordion__item-toggler::before,
.accordion .accordion__item-toggler::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 10.5px;
height: 1px;
border-radius: 8px;
background-color: #212428;
transition-property: transform;
transition-duration: 0.25s;
transition-timing-function: ease-out;
}
.accordion .accordion__item-toggler::before {
transform: translateY(-50%) rotate(-90deg);
}
.accordion .accordion__item-toggler::after {
transform: translateY(-50%);
}
.accordion .accordion__item-content {
display: none;
font-size: 14px;
line-height: 1.5;
color: #212428;
}
.tabs .tabs__controls {
overflow: auto;
display: flex;
justify-content: center;
align-items: center;
}
.tabs .tabs__control {
display: flex;
justify-content: center;
align-items: center;
padding: 14px 10px;
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
line-height: 1.5;
text-align: center;
color: #000;
border-bottom: 4px solid #eaeaea;
transition: border-color 0.3s ease;
cursor: pointer;
}
.tabs .tabs__control.active {
border-color: #000;
}
@media (min-width: 768px) {
.tabs .tabs__control {
padding: 24px 45px;
}
}
.tabs .tabs__contents {
position: relative;
margin: 64px 0 30px;
}
.tabs .tabs__content {
display: none;
}
.tabs .tabs__content.active {
display: block;
}
.popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 21;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
visibility: hidden;
opacity: 0;
transition-duration: 0.4s;
transition-property: visibility, opacity;
transition-timing-function: ease-out;
}
.popup.popup--open {
visibility: visible;
opacity: 1;
}
.popup.popup--open .popup__wrapper {
transform: translateY(0);
}
.popup .popup__overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
display: block;
background-color: rgba(0, 0, 0, 0.5);
}
.popup .popup__wrapper {
position: relative;
overflow-y: auto;
width: 100%;
max-width: 550px;
padding-top: 60px;
padding-left: 20px;
padding-right: 20px;
transform: translateY(25px);
transition-duration: 0.4s;
transition-property: transform;
transition-timing-function: ease-out;
}
.popup .popup__wrapper::-webkit-scrollbar {
width: 0;
background: transparent;
}
.popup .popup__content-wrapper {
padding-bottom: 60px;
}
.popup .popup__content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
padding: 40px 20px;
background-color: #000;
}
.popup .popup__close {
position: absolute;
top: 15px;
right: 15px;
z-index: 22;
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
cursor: pointer;
}
.popup .popup__buttons {
display: flex;
grid-gap: 30px;
justify-content: center;
align-items: center;
}
.popup .popup__title {
margin-bottom: 22px;
font-family: var(--font-heading-family), sans-serif;
font-size: 35px;
line-height: 1.6;
text-align: center;
color: #fff;
}
.popup .popup__text {
margin-bottom: 60px;
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
line-height: 1.75;
text-align: center;
color: #fff;
}
.breadcrumbs a,
.breadcrumbs span {
font-size: 12px;
line-height: 1.5;
color: #000;
transition: color 0.25s ease-out;
}
.breadcrumbs a {
text-decoration: none;
color: #212428;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.breadcrumbs a:hover {
color: #000;
}
}
.breadcrumbs .breadcrumbs__container {
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.breadcrumbs .breadcrumbs__separator {
padding-left: 10px;
padding-right: 10px;
}
.badge {
display: inline-block;
padding: 4px 10px;
font-size: 12px;
font-weight: 400;
line-height: normal;
text-align: center;
cursor: default;
}
.badge--big {
min-width: 140px;
padding: 11px 16px 7px;
font-size: 15px;
letter-spacing: 0.5px;
}
.badge--icon {
padding: 0;
}
.badge--icon svg {
display: inline-block;
vertical-align: middle;
max-height: 28px;
}
.badge--bestseller {
background-color: #81cb9f;
color: #fff;
}
.badge--coming-soon {
background-color: #81b5cb;
color: #fff;
}
.badge--new {
background-color: #00a2e1;
color: #fff;
}
.badge--pre-order {
background-color: #676f78;
color: #fff;
}
.badge--sale {
background-color: #cb4867;
color: #fff;
}
.badge--staff-pick {
background-color: #000;
color: #fff;
}
.badge--offline-only {
background-color: #000;
color: #fff;
}
.badge--unisex {
background-color: #000;
color: #fff;
}
.cart-items td,
.cart-items th {
padding: 0;
border: none;
}
.cart-items th {
text-align: left;
padding-bottom: 1.8rem;
opacity: 0.85;
font-weight: normal;
}
.cart-item__quantity {
display: flex;
}
.cart-item__totals {
position: relative;
}
.cart-items *.right {
text-align: right;
}
.cart-item__image {
height: auto;
max-width: calc(10rem / var(--font-body-scale));
}
@media screen and (min-width: 750px) {
.cart-item__image {
max-width: 100%;
}
}
.cart-item__details {
font-size: 1.6rem;
line-height: calc(1 + 0.4 / var(--font-body-scale));
}
.cart-item__details > * {
margin: 0;
max-width: 30rem;
}
.cart-item__details > * + * {
margin-top: 0.8rem;
}
.cart-item__media {
position: relative;
}
.cart-item__link {
display: block;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
}
.cart-item__name {
color: rgb(var(--color-foreground));
text-decoration: none;
display: block;
}
.cart-item__name:hover {
text-decoration: underline;
text-underline-offset: 0.3rem;
text-decoration-thickness: 0.2rem;
}
.cart-item__price-wrapper > * {
display: block;
margin: 0;
padding: 0;
}
.cart-item__discounted-prices dd {
margin: 0;
}
.cart-item__discounted-prices .cart-item__old-price {
font-size: 1.4rem;
}
.cart-item__old-price {
opacity: 0.7;
}
.product-option {
font-size: 1.4rem;
word-break: break-all;
line-height: calc(1 + 0.5 / var(--font-body-scale));
}
.cart-item cart-remove-button {
display: inline-block;
margin-left: 1rem;
}
@media screen and (min-width: 750px) and (max-width: 989px) {
.cart-item cart-remove-button {
width: 4.5rem;
height: 4.5rem;
}
}
cart-remove-button .button,
cart-remove-button
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
cart-remove-button
.yotpo-load-more-button,
cart-remove-button .shopify-challenge__button.btn {
box-shadow: none;
color: rgba(var(--color-base-text), 0.75);
min-width: calc(4.5rem / var(--font-body-scale));
min-height: 4.5rem;
padding: 0;
margin: 0 0.1rem 0.1rem 0;
}
cart-remove-button .button:not([disabled]):hover,
cart-remove-button
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button:not([disabled]):hover,
.yotpo-gallery
.yotpo-pictures-widget
cart-remove-button
.yotpo-load-more-button:not([disabled]):hover,
cart-remove-button .shopify-challenge__button.btn:not([disabled]):hover {
box-shadow: none;
color: rgb(var(--color-foreground));
}
cart-remove-button .button:not([disabled]):focus-visible,
cart-remove-button
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button:not([disabled]):focus-visible,
.yotpo-gallery
.yotpo-pictures-widget
cart-remove-button
.yotpo-load-more-button:not([disabled]):focus-visible,
cart-remove-button
.shopify-challenge__button.btn:not([disabled]):focus-visible {
box-shadow: none;
}
@media screen and (min-width: 750px) {
cart-remove-button .button,
cart-remove-button
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
cart-remove-button
.yotpo-load-more-button,
cart-remove-button .shopify-challenge__button.btn {
min-width: 3.5rem;
min-height: 3.5rem;
}
}
cart-remove-button .icon-remove {
height: 1.5rem;
width: 1.5rem;
}
.cart-item .loading-overlay {
top: 0;
left: auto;
right: auto;
bottom: 0;
padding: 0;
}
@media screen and (min-width: 750px) {
.cart-item .loading-overlay {
right: 0;
padding-top: 4.5rem;
bottom: auto;
}
}
.cart-item .loading-overlay:not(.hidden) ~ * {
visibility: hidden;
}
.cart-item__error {
display: flex;
align-items: flex-start;
}
.cart-item__error-text {
font-size: 1.2rem;
order: 1;
}
.cart-item__error-text + svg {
flex-shrink: 0;
width: 1.2rem;
margin-right: 0.7rem;
margin-top: 0.1rem;
}
.cart-item__error-text:empty + svg {
display: none;
}
.product-option {
color: rgba(var(--color-foreground), 0.7);
}
.product-option + .product-option {
margin-top: 0.4rem;
}
.product-option * {
/*display: inline;*/
/*margin: 0;*/
}
.cart-items thead th {
text-transform: uppercase;
}
@media screen and (max-width: 749px) {
.cart-items,
.cart-items thead,
.cart-items tbody {
display: block;
width: 100%;
}
.cart-items thead tr {
display: flex;
justify-content: space-between;
border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
margin-bottom: 4rem;
}
.cart-item {
display: grid;
grid-template: repeat(2, auto) / repeat(4, 1fr);
gap: 1.5rem;
margin-bottom: 3.5rem;
}
.cart-item:last-child {
margin-bottom: 0;
}
.cart-item__media {
grid-row: 1/3;
}
.cart-item__details {
grid-column: 2/4;
}
.cart-item__quantity {
grid-column: 2/5;
flex-wrap: wrap;
}
.cart-item__totals {
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
}
@media screen and (min-width: 750px) {
.cart-items {
border-spacing: 0;
border-collapse: separate;
box-shadow: none;
width: 100%;
display: table;
}
.cart-items th {
border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}
.cart-items thead th:first-child {
width: 50%;
}
.cart-items th + th {
padding-left: 4rem;
}
.cart-items td {
vertical-align: top;
padding-top: 4rem;
}
.cart-item {
display: table-row;
}
.cart-item > td + td {
padding-left: 4rem;
}
.cart-item__details {
width: 35rem;
}
.cart-item__media {
width: 10rem;
}
.cart-item cart-remove-button {
margin: 0.5rem 0 0 1.5rem;
}
.cart-item__price-wrapper > *:only-child:not(.cart-item__discounted-prices) {
margin-top: 1rem;
}
.cart-item__error {
align-items: center;
}
.cart-item__error-text + svg {
margin-top: -0.2rem;
}
}
@media screen and (min-width: 990px) {
.cart-item .cart-item__quantity,
.cart-items .cart-items__heading--wide {
padding-left: 6rem;
}
.cart-item__details {
width: 50rem;
}
.cart-items thead th:first-child {
width: 60%;
}
}
pickup-availability {
display: block;
}
pickup-availability[available] {
min-height: unset;
}
.pickup-availability-preview {
display: flex;
flex-direction: column;
flex-direction: row;
justify-content: center;
align-items: flex-start;
gap: 0.2rem;
padding: 1rem 2rem 0 0;
padding: 0;
}
.pickup-availability-preview .icon {
flex-shrink: 0;
width: 30px;
height: 1.8rem;
margin-right: 10px;
}
.pickup-availability-preview .icon-unavailable {
height: 1.6rem;
margin: 0;
}
.pickup-availability-button {
/*padding: 10px 0 0 !important;*/
background-color: transparent;
font-size: 14px;
font-weight: 500;
text-align: left;
text-decoration: none;
color: rgba(0, 0, 0, 0.75);
}
.pickup-availability-button:hover {
color: rgb(var(--color-foreground));
}
.pickup-availability-info .caption,
.pickup-availability-info .caption-large {
margin: 0;
font-size: 16px;
}
.pickup-availability-info .caption-large span {
display: block;
margin: 0;
font-weight: 500;
}
.pickup-availability-info * {
/*margin: 0 0 0.6rem;*/
}
.pickup-availability-info {
display: flex;
flex-direction: column;
justify-content: center;
}
.caption-title {
font-size: 12px;
line-height: 14px;
font-family: var(--font-heading-family), sans-serif;
color: #777;
}
.caption-status {
display: flex;
align-items: center;
font-weight: 500;
}
pickup-availability-drawer {
position: fixed;
top: 0;
left: 0;
z-index: 4;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
width: 100vw;
height: 100vh;
padding: 2rem;
border: 0.1rem solid rgba(var(--color-foreground), 0.2);
background-color: #0000004f;
overflow-y: auto;
transform: translateX(100%);
transition: opacity var(--duration-default) ease,
transform var(--duration-default) ease;
}
.pickup-availability__bg {
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
cursor: default;
}
.pickup-availability__container {
position: relative;
width: 100%;
padding: 40px;
background: black;
color: #ffff;
max-width: 720px;
border-radius: 15px;
}
pickup-availability-drawer[open] {
opacity: 1;
color: #fff;
transform: translateX(0);
}
pickup-availability-drawer[open] .h4,
pickup-availability-drawer[open] .pickup-availability-drawer-title {
font-size: 20px;
color: #fff;
}
pickup-availability-drawer[open] .h4 {
font-size: 20px;
}
@media screen and (min-width: 750px) {
pickup-availability-drawer[open] .h4 {
font-size: 18px;
}
}
pickup-availability-drawer .pickup-availability-preview {
justify-content: flex-start;
align-content: flex-start;
font-size: 18px;
}
@media screen and (min-width: 750px) {
pickup-availability-drawer {
transform: translateX(100%);
}
pickup-availability-drawer[open] {
opacity: 1;
transform: translateX(0);
-webkit-animation: animateDrawerOpen var(--duration-default) ease;
animation: animateDrawerOpen var(--duration-default) ease;
}
}
.pickup-availability-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 1.2rem;
}
.pickup-availability-drawer-title {
margin: 0.5rem 0 0;
font-size: 48px !important;
line-height: 52px;
}
@media screen and (max-width: 749px) {
.pickup-availability-drawer-title {
font-size: 28px !important;
line-height: 32px;
}
}
.pickup-availability-header .icon {
width: 2rem;
}
.pickup-availability-drawer-button {
position: absolute;
top: 10px;
right: 20px;
display: block;
width: 40px;
height: 40px;
padding: 1.2rem;
border: none;
background-color: transparent;
color: #fff;
cursor: pointer;
}
.pickup-availability-drawer-button svg {
fill: #fff;
}
.pickup-availability-drawer-button:hover {
color: rgba(255, 255, 255, 0.75);
}
.pickup-availability-variant {
margin: 0 0 20px;
font-size: 20px;
line-height: 1.25;
text-transform: capitalize;
}
@media screen and (max-width: 749px) {
.pickup-availability-variant {
font-size: 18px;
}
}
.pickup-availability-variant > * + strong {
margin-left: 1rem;
}
.pickup-availability-list {
max-height: 400px;
overflow: auto;
}
.pickup-availability-list__item {
border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
padding: 2rem 0;
}
.pickup-availability-list__item:first-child {
border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
}
.pickup-availability-list__item > * {
margin: 0;
}
.pickup-availability-list__item > * + * {
margin-top: 1rem;
}
.pickup-availability-address p {
margin: 0;
font-style: normal;
font-size: 20px;
line-height: 1.25;
}
@media screen and (max-width: 749px) {
.pickup-availability-address p {
font-size: 14px;
}
}
@-webkit-keyframes animateDrawerOpen {
@media screen and (max-width: 749px) {
from {
opacity: 0;
transform: translateX(100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@media screen and (min-width: 750px) {
from {
opacity: 0;
transform: translateX(100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
}
@keyframes animateDrawerOpen {
@media screen and (max-width: 749px) {
from {
opacity: 0;
transform: translateX(100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@media screen and (min-width: 750px) {
from {
opacity: 0;
transform: translateX(100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
}
.card-inverse {
overflow: hidden;
}
.card-inverse .card-inverse__inner-content {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 31px 30px;
min-height: 100%;
flex-direction: column;
}
.card-inverse .card-inverse__title {
position: relative;
z-index: 100;
font-size: 20px;
line-height: 1.2;
text-align: left;
color: #fff;
}
.card-inverse .card-inverse__title.card-inverse__title--inverse {
color: #212428;
}
.card-inverse .card-inverse__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.card-inverse .card-inverse__image-wrapper {
position: relative;
overflow: hidden;
display: block;
width: 100%;
height: 100%;
padding-top: 100%;
background: black;
min-height: 200px;
}
.card-inverse .card-inverse__link {
position: relative;
display: flex;
width: 100%;
height: 100%;
background: #f5f5f5;
text-decoration: none;
flex-direction: column;
border-radius: 8px;
}
@media (min-width: 992px) {
.card-inverse .card-inverse__title {
font-size: 24px;
line-height: 1.15;
letter-spacing: -0.3px;
}
}
@media (min-width: 1200px) {
.card-inverse .card-inverse__title {
font-size: 24px;
}
}
.global-section__title {
padding: 0 0 40px;
}
.global-section__title h3 {
margin: 0;
padding: 0;
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
line-height: 1.16;
max-width: 420px;
}
@media (min-width: 480px) {
.global-section__title h3 {
font-size: 48px;
}
}
@media (min-width: 768px) {
.global-section__title {
padding: 0 0 87px;
}
}
/*============================================================================
Responsive tables, defined with .responsive-table on table element.
==============================================================================*/
.responsive-table th {
color: inherit;
}
@media (min-width: 576px) {
.responsive-table th,
.responsive-table td {
color: inherit;
}
}
.responsive-table td {
color: inherit;
}
@media (min-width: 480px) {
.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;
margin: 0;
padding: 15px 0;
text-align: right;
}
.responsive-table td[data-label]::before {
content: attr(data-label);
float: left;
padding-right: 10px;
text-align: center;
}
.responsive-table-row + .responsive-table-row,
tfoot > .responsive-table-row:first-child {
position: relative;
margin-top: 40px;
padding-top: 15px;
}
}
.rte {
line-height: 1.5;
}
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
margin: 20px 0;
font-family: var(--font-heading-family), sans-serif;
font-weight: bold;
line-height: 1.2;
color: #000;
}
.rte h1 {
font-size: 32px;
}
.rte h2 {
font-size: 26px;
letter-spacing: -0.24px;
color: #212428;
}
.rte h3 {
font-size: 20px;
letter-spacing: -0.2px;
}
.rte h4 {
font-size: 16px;
color: #212428;
}
.rte h5 {
font-size: 12px;
line-height: 1.5;
}
.rte h6 {
font-size: 12px;
line-height: 1.5;
color: #212428;
}
.rte p {
font-size: 16px;
line-height: 1.75;
}
.rte p + p {
margin-top: 40px;
}
.rte a {
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.75;
text-decoration: underline;
text-underline-position: under;
color: inherit;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.rte a:hover {
text-decoration: none;
}
}
.rte em {
font-style: italic;
}
.rte u {
text-decoration: underline;
text-underline-position: under;
}
.rte blockquote {
margin: 15px 0;
padding-left: 20px;
font-style: italic;
}
.rte blockquote::before {
content: open-quote;
}
.rte blockquote::after {
content: close-quote;
}
.rte ol,
.rte ul {
margin: 15px 0;
padding-left: 20px;
}
.rte ol li,
.rte ul li {
margin: 5px 0;
font-size: 16px;
line-height: 1.75;
}
.rte ol {
list-style-type: decimal;
}
.rte ul {
list-style-type: disc;
}
.rte .rte__table-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.rte table {
margin-top: 35px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}
.rte table td {
padding-top: 17px;
padding-bottom: 10px;
border: 1px solid #8a8a8a;
}
.rte table th,
.rte table td {
padding-top: 14px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 10px;
font-size: 16px;
font-weight: 600;
text-align: left;
}
.rte table th {
border: 1px solid #8a8a8a;
background-color: #ccc;
border-bottom: none;
}
.rte table th:not(:last-of-type) {
border-right: 1px solid #8a8a8a;
}
.rte table th h6 {
text-align: left;
color: #fff;
}
.rte table tbody tr:first-child td {
background-color: #ccc;
}
@media (min-width: 768px) {
h1 {
font-size: 36px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 16px;
}
p {
font-size: 18px;
}
ol li,
ul li {
font-size: 18px;
}
}
@media (min-width: 1400px) {
h1 {
font-size: 64px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 16px;
}
p {
font-size: 24px;
line-height: 1.8;
}
ol li,
ul li {
font-size: 24px;
line-height: 1.8;
}
}
.cookie-policy {
display: none;
}
.cookie-policy.cookie-policy--show {
position: fixed;
bottom: 0;
left: 0;
z-index: 9;
display: flex;
justify-content: space-between;
width: 100%;
padding: 15px 30px;
background: rgba(255, 255, 255, 0.7);
}
.cookie-policy .cookie-policy__button {
width: 140px;
height: 50px;
margin-top: 16px;
white-space: nowrap;
transition: opacity 0.3s ease;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.cookie-policy .cookie-policy__button:hover {
opacity: 0.8;
}
}
.cookie-policy .cookie-policy__text {
padding-right: 20px;
font-size: 14px;
color: #000;
}
.cookie-policy .cookie-policy__close {
position: absolute;
right: 10px;
cursor: pointer;
}
.cookie-policy .cookie-policy__close svg path {
fill: #000;
}
@media (min-width: 768px) {
.cookie-policy.cookie-policy--show {
justify-content: center;
align-items: center;
padding: 62px 47px;
}
.cookie-policy.cookie-policy--show .cookie-policy__row {
display: flex;
align-items: center;
}
.cookie-policy.cookie-policy--show .cookie-policy__button {
height: 45px;
margin-top: 0;
margin-left: 25px;
}
}
.global-banner {
position: relative;
display: flex;
justify-content: var(--mobile-horizontal-pos);
align-items: var(--mobile-vertical-pos);
min-height: var(--banner-height-mob);
padding: 20px;
text-align: var(--mobile-text-align);
}
.global-banner.global-banner--fullheight_banner {
min-height: 100vh;
}
.global-banner.global-banner-position--top {
padding-top: 70px;
}
@media (min-width: 768px) {
.global-banner.global-banner-position--top {
padding-top: 120px;
}
}
.global-banner .global-banner__progress {
position: absolute;
top: 0;
left: 0;
z-index: 4;
display: block;
height: 4px;
background-color: var(--progressbar-color);
transition: width 1s ease;
}
.global-banner .global-banner__video,
.global-banner .global-banner__image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: var(--position-image-horizontal-mobile, center)
var(--position-image-vertical-mobile, center);
object-position: var(--position-image-horizontal-mobile, center)
var(--position-image-vertical-mobile, center);
}
@media (min-width: 768px) {
.global-banner .global-banner__video,
.global-banner .global-banner__image {
-o-object-position: var(--position-image-horizontal, center)
var(--position-image-vertical, center);
object-position: var(--position-image-horizontal, center)
var(--position-image-vertical, center);
}
}
.global-banner .global-banner__overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
opacity: var(--overlay-opacity, 0.5);
width: 100%;
height: 100%;
background-color: var(--overlay-color, #000);
}
.global-banner .global-banner__content {
position: relative;
z-index: 3;
width: 100%;
color: var(--text-color, #000);
transition: opacity 1s ease;
max-width: 800px;
}
.global-banner .global-banner__content.global-banner__content--hidden {
opacity: 0;
}
@media (min-width: 768px) {
.global-banner .global-banner__content {
width: initial;
}
}
.global-banner .global-banner__title {
display: flex;
flex-direction: column;
justify-content: var(--mobile-horizontal-pos);
align-items: var(--mobile-vertical-pos);
padding: 0;
margin-bottom: 0;
font-family: var(--title-font-family);
font-size: 32px;
line-height: 38px;
}
@media (min-width: 576px) {
.global-banner .global-banner__title {
font-size: 48px;
line-height: 56px;
}
}
@media (min-width: 768px) {
.global-banner .global-banner__title {
padding: 0;
}
}
.global-banner .global-banner__title p {
width: 100%;
margin: initial;
margin-bottom: 0;
font-family: var(--title-font-family);
font-size: 32px;
line-height: 38px;
font-weight: 500;
}
@media (min-width: 576px) {
.global-banner .global-banner__title p {
font-size: 48px;
line-height: 56px;
}
}
@media (min-width: 768px) {
.global-banner .global-banner__title p {
max-width: initial;
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
.global-banner .global-banner__subtitle {
padding: 10px 0px 15px 0px;
}
}
.global-banner .global-banner__subheading {
margin-bottom: 29px;
font-size: 16px;
line-height: 1.25;
}
.global-banner .global-banner__subheading p {
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.7;
}
.global-banner .global-banner__subheading p + p {
margin-top: 0;
}
.global-banner .global-banner__subtitle {
/*margin-bottom: 22px;*/
font-size: 16px;
line-height: 28px;
white-space: pre-wrap;
}
.global-banner .global-banner__buttons {
display: flex;
flex-direction: column;
justify-content: center;
justify-items: var(--mobile-horizontal-pos);
align-items: center;
grid-gap: 20px;
}
.global-banner .global-banner__buttons .button,
.global-banner
.global-banner__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.global-banner
.global-banner__buttons
.yotpo-load-more-button,
.global-banner .global-banner__buttons .shopify-challenge__button.btn {
max-height: 54px;
width: 100%;
}
@media (min-width: 768px) {
.global-banner .global-banner__buttons .button,
.global-banner
.global-banner__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.global-banner
.global-banner__buttons
.yotpo-load-more-button,
.global-banner .global-banner__buttons .shopify-challenge__button.btn {
min-width: 206px;
}
}
.global-banner .global-banner__scroll-arrow {
display: none;
}
.global-banner .global-banner__main-image {
max-width: 100%;
margin: 0;
}
.global-banner .global-banner__main-image svg {
width: 100%;
}
.global-banner .global-banner__caption {
position: absolute;
bottom: 50px;
left: 50px;
z-index: 3;
opacity: 0;
text-align: left;
color: var(--text-color, #000);
transform: translateY(100%);
transition: opacity 1s ease;
pointer-events: none;
}
.global-banner .global-banner__caption.global-banner__caption--show {
opacity: 1;
width: 80%;
transform: none;
}
.global-banner .global-banner__caption .global-banner__caption-title {
margin-bottom: 14px;
font-size: 24px;
line-height: 28px;
}
@media (min-width: 768px) {
.global-banner .global-banner__caption .global-banner__caption-title {
max-width: 45%;
}
}
.global-banner .global-banner__caption .global-banner__caption-subtitle {
margin-bottom: 40px;
font-size: 32px;
line-height: 36px;
white-space: pre-wrap;
}
.global-banner .global-banner__caption .global-banner__caption-subtitle p {
font-size: 32px;
line-height: 36px;
}
@media (min-width: 768px) {
.global-banner .global-banner__caption .global-banner__caption-subtitle {
max-width: 53%;
}
}
.global-banner .global-banner__caption-button {
position: absolute;
bottom: 40px;
right: 50px;
z-index: 3;
display: flex;
display: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
cursor: pointer;
}
.global-banner .global-banner__caption-button svg path {
fill: var(--text-color, #fff);
}
.global-banner .global-banner__caption-button .icon.icon-more {
width: 32px;
}
.global-banner .global-banner__caption-button [data-banner-caption-button-more],
.global-banner
.global-banner__caption-button
[data-banner-caption-button-close] {
pointer-events: none;
}
.global-banner .global-banner__caption-button .hidden {
display: none;
}
.global-banner .global-banner__caption-button .visible {
display: block;
}
@media (min-width: 768px) {
.global-banner .global-banner__caption-button {
bottom: 80px;
display: block;
}
}
.global-banner.global-banner--animated {
transform: scale(0.8);
transition: transform 1s ease;
}
.global-banner.global-banner--animated .global-banner__content {
opacity: 0;
transform: translateY(100%);
transition: transform 1s ease, opacity 1s ease;
}
.global-banner.global-banner--scrolled {
overflow: hidden;
transform: none;
}
.global-banner.global-banner--scrolled .global-banner__image {
transform: scale(1.1);
transition: transform 3s ease;
}
.global-banner.global-banner--scrolled .global-banner__overlay {
transform: scale(1);
}
.global-banner.global-banner--scrolled .global-banner__content {
opacity: 1;
transform: none;
}
.global-banner.global-banner--scrolled
.global-banner__content.global-banner__content--hidden {
opacity: 0;
}
.global-banner.global-banner--under-header {
}
@media (min-width: 768px) {
.global-banner {
min-height: var(--banner-height);
}
}
@media (min-width: 768px) {
.global-banner {
justify-content: var(--desktop-horizontal-pos);
align-items: var(--desktop-vertical-pos);
padding: 50px;
text-align: var(--desktop-text-align);
}
.global-banner .global-banner__title {
justify-content: var(--desktop-vertical-pos, flex-start);
align-items: var(--desktop-horizontal-pos, flex-start);
font-family: var(--title-font-family);
font-size: 56px;
line-height: 1.16;
}
.global-banner .global-banner__subheading {
text-align: var(--desktop-text-pos), center;
}
.global-banner .global-banner__subheading p {
font-size: 16px;
line-height: 1.6;
}
.global-banner .global-banner__title p {
/*margin-bottom: 18px;*/
font-family: var(--title-font-family);
font-size: 54px;
/*line-height: 72px;*/
}
.global-banner .global-banner__subtitle {
margin-bottom: 20px;
font-size: 20px;
line-height: 35px;
}
.global-banner .global-banner__buttons {
flex-direction: row;
flex-wrap: wrap;
justify-content: var(--desktop-horizontal-pos);
}
.global-banner .global-banner__buttons .button,
.global-banner
.global-banner__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.global-banner
.global-banner__buttons
.yotpo-load-more-button,
.global-banner .global-banner__buttons .shopify-challenge__button.btn {
width: auto;
min-width: 206px;
min-height: 56px;
}
}
@media (min-width: 992px) {
.global-banner.global-banner--under-header {
margin-top: 0;
}
.global-banner .global-banner__scroll-arrow {
position: absolute;
bottom: 10%;
left: calc(50% - 12px);
z-index: 3;
display: block;
width: 24px;
height: 24px;
cursor: pointer;
-webkit-animation: fade_move_down 2s ease-in-out infinite;
animation: fade_move_down 2s ease-in-out infinite;
}
.global-banner .global-banner__title {
/*margin-bottom: 21px;*/
font-family: var(--title-font-family);
font-size: 64px;
line-height: 64px;
letter-spacing: -0.28px;
}
}
@-webkit-keyframes fade_move_down {
0% {
opacity: 0;
transform: translate(0, -0.5rem);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(0, 0.5rem);
}
}
@keyframes fade_move_down {
0% {
opacity: 0;
transform: translate(0, -0.5rem);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(0, 0.5rem);
}
}
.template-the-great-forest .global-banner__title p {
font-size: 34px !important;
line-height: 48px !important;
letter-spacing: 0 !important;
}
.template-the-great-forest
.global-banner__subheading.global-banner__subheading--second
p {
font-size: 22px !important;
font-weight: 500 !important;
line-height: 40px !important;
letter-spacing: 0 !important;
}
.hero-film {
position: relative;
overflow: hidden;
display: flex;
justify-content: var(--mobile-horizontal-pos);
align-items: var(--mobile-vertical-pos);
padding: 20px;
text-align: var(--mobile-text-align);
min-height: var(--banner-height-mob);
}
.hero-film .hero-film__video--desktop {
display: none;
}
@media (min-width: 992px) {
.hero-film .hero-film__video--desktop {
display: block;
}
}
.hero-film .hero-film__video--mobile {
display: block;
}
@media (min-width: 992px) {
.hero-film .hero-film__video--mobile {
display: none;
}
}
.hero-film .play-button {
display: flex;
align-items: center;
}
.hero-film .play-button svg {
width: 14px;
height: 100%;
height: 14px;
margin-right: 10px;
}
.hero-film .play-button svg path {
stroke: white;
fill: white;
}
.hero-film .play-button.button--black svg path,
.hero-film
.yotpo-gallery
.yotpo-pictures-widget
.play-button.yotpo-load-more-button
svg
path,
.yotpo-gallery
.yotpo-pictures-widget
.hero-film
.play-button.yotpo-load-more-button
svg
path,
.hero-film .play-button.shopify-challenge__button.btn svg path {
fill: #fff;
}
.hero-film .hero-film__progress {
position: absolute;
top: 0;
left: 0;
z-index: 4;
display: block;
height: 4px;
background-color: var(--progressbar-color);
transition: width 0.3s ease;
}
.hero-film .hero-film__popup {
position: fixed;
top: 0;
left: 0;
z-index: -1;
display: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background-color: black;
}
.hero-film .hero-film__popup .hero-film__popup-content {
position: relative;
width: 93%;
height: 100%;
margin-top: 0;
padding: 15px;
}
.hero-film .hero-film__popup .hero-film__popup-content iframe {
width: 100%;
height: 100%;
}
.hero-film .hero-film__popup .hero-film__popup-close {
position: absolute;
top: 30px;
right: -10px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 101;
padding: 10px;
}
.hero-film .hero-film__popup .hero-film__popup-close svg {
fill: #fff;
}
.hero-film .hero-film__popup iframe {
display: none;
}
.hero-film .hero-film__popup.hero-film__popup--show {
z-index: 100;
display: flex;
background-color: black;
}
.hero-film .hero-film__popup.hero-film__popup--show iframe {
display: block;
}
.hero-film .hero-film__video,
.hero-film .hero-film__image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero-film .hero-film__overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
opacity: var(--overlay-opacity, 0.5);
width: 100%;
height: 100%;
background-color: var(--overlay-color, #000);
}
.hero-film .hero-film__content {
z-index: 3;
width: 100%;
color: var(--text-color, #000);
transition: opacity 0.3s ease;
}
.hero-film .hero-film__content .hero-film__label {
margin-bottom: 18px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 0px;
}
.hero-film .hero-film__content .hero-film__title {
margin-bottom: 14px;
font-family: var(--title-font-family);
font-size: 32px;
line-height: 38px;
}
.hero-film .hero-film__content .hero-film__title.film_banner {
margin-bottom: 14px;
font-family: var(--title-font-family) !important;
line-height: 38px;
}
.hero-film .hero-film__content .hero-film__subheading.film_banner {
margin-bottom: 26px;
/* padding: 0 50px; */
font-family: var(--subheading-font-family);
line-height: 1.25;
}
.hero-film .hero-film__content .hero-film__subtitle.film_banner {
margin-bottom: 20px;
font-size: 16px;
line-height: 24px;
}
.hero-film .hero-film__content .hero-film__subheading {
margin-bottom: 26px;
/* padding: 0 50px; */
font-size: 20px;
line-height: 1.25;
}
.hero-film .hero-film__content .hero-film__subheading p {
margin-bottom: 26px;
font-size: 20px;
font-weight: 500;
line-height: 35px;
}
.hero-film .hero-film__content .hero-film__subtitle {
margin-bottom: 20px;
font-size: 16px;
line-height: 24px;
}
@media (min-width: 768px) {
.hero-film .hero-film__content.has-event .hero-film__subtitle,
.hero-film .hero-film__content.has-event .hero-film__subheading {
margin: 0 auto;
max-width: 800px;
}
.hero-film .hero-film__content:not(.has-event) {
width: initial;
}
}
.hero-film .hero-film__buttons {
display: grid;
justify-items: var(--mobile-horizontal-pos);
grid-gap: 20px;
}
.hero-film .hero-film__buttons .button,
.hero-film
.hero-film__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.hero-film
.hero-film__buttons
.yotpo-load-more-button,
.hero-film .hero-film__buttons .shopify-challenge__button.btn {
width: 100%;
max-height: 45px;
}
.hero-film .hero-film__buttons .button[data-shipping-trigger] {
min-width: 200px;
}
.popup__content iframe#dogooder {
width: 100% !important;
}
body.modern-action-page.embedded {
min-width: 100% !important;
width: 100% !important;
}
@media (min-width: 768px) {
.hero-film .hero-film__buttons .button,
.hero-film
.hero-film__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.hero-film
.hero-film__buttons
.yotpo-load-more-button,
.hero-film .hero-film__buttons .shopify-challenge__button.btn {
width: inherit;
min-width: 168px;
}
}
.hero-film .hero-film__main-image {
display: flex;
margin: 0 auto;
max-width: 432px;
}
.netplus .netplus__main-image {
display: flex;
margin: 0 auto;
max-width: 432px;
}
.hero-film .hero-film__main-image svg {
width: 100%;
}
.hero-film .hero-film__scroll-arrow {
display: none;
}
.hero-film .hero-film__caption {
position: absolute;
bottom: 50px;
left: 50px;
z-index: 0;
opacity: 0;
text-align: left;
color: var(--text-color, #000);
transition: opacity 0.3s ease;
}
.hero-film .hero-film__caption.hero-film__caption--show {
opacity: 1;
z-index: 3;
}
.hero-film .hero-film__caption-title {
margin-bottom: 14px;
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
line-height: 28px;
}
.hero-film .hero-film__caption-subtitle {
font-size: 16px;
line-height: 22px;
}
.hero-film .hero-film__caption-button {
position: absolute;
bottom: 50px;
right: 50px;
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
cursor: pointer;
}
.hero-film .hero-film__caption-button svg path {
fill: var(--text-color, #fff);
}
.hero-film .hero-film__caption-button .icon.icon-more {
width: 32px;
}
.hero-film .hero-film__caption-button [data-banner-caption-button-more],
.hero-film .hero-film__caption-button [data-banner-caption-button-close] {
pointer-events: none;
}
.hero-film .hero-film__caption-button [data-banner-caption-button-close] {
display: none;
}
.hero-film.hero-film--animated {
transform: scale(0.8);
transition: transform 0.3s ease;
}
.hero-film.hero-film--animated .hero-film__content {
opacity: 0;
transform: translateY(100%);
transition: transform 0.3s ease, opacity 0.3s ease;
}
.hero-film.hero-film--animated .hero-film__image {
transform: scale(1.2);
transition: transform 3s ease;
}
.hero-film.hero-film--scrolled {
overflow: hidden;
transform: none;
}
.hero-film.hero-film--scrolled .hero-film__image {
transform: none;
}
.hero-film.hero-film--scrolled .hero-film__content {
opacity: 1;
transform: none;
}
.hero-film.hero-film--scrolled .hero-film__content.hero-film__content--hidden {
opacity: 0;
}
.hero-film.hero-film--under-header {
margin-top: -80px;
min-height: calc(100vh - 115px);
}
@media (min-width: 768px) {
.hero-film {
width: inherit;
min-width: 168px;
}
}
@media (min-width: 768px) {
.hero-film:not(.has-event) .hero-film__content {
max-width: 800px;
}
}
@media (min-width: 576px) {
.hero-film {
min-height: calc(100vh - 115px);
}
.hero-film.hero-film--under-header {
min-height: calc(100vh - 115px);
}
}
@media (min-width: 768px) {
.hero-film {
justify-content: var(--desktop-horizontal-pos);
align-items: var(--desktop-vertical-pos);
padding: 50px;
text-align: var(--desktop-text-align);
}
.hero-film .hero-film__scroll-arrow {
position: absolute;
bottom: 10%;
left: calc(50% - 12px);
z-index: 1;
display: block;
width: 24px;
height: 24px;
cursor: pointer;
-webkit-animation: fade_move_down 2s ease-in-out infinite;
animation: fade_move_down 2s ease-in-out infinite;
}
.hero-film .hero-film__content .hero-film__title {
margin-bottom: 18px;
font-size: 64px;
line-height: 72px;
}
.hero-film .hero-film__content .hero-film__title.film_banner {
margin-bottom: 20px;
font-size: 64px;
line-height: 70px;
}
.hero-film .hero-film__content .hero-film__subtitle {
margin-bottom: 20px;
font-size: 16px;
line-height: 30px;
}
.hero-film .hero-film__buttons {
display: flex;
justify-content: var(--desktop-horizontal-pos);
justify-items: var(--desktop-horizontal-pos);
align-items: center;
}
.hero-film.reverse-button .hero-film__buttons {
flex-direction: row-reverse;
justify-content: flex-end;
}
.hero-film.hero-film--under-header {
margin-top: 0;
min-height: calc(100vh - 130px);
}
}
@media (min-width: 992px) {
.hero-film {
min-height: var(--banner-height);
}
.hero-film.hero-film--under-header {
margin-top: -142px;
min-height: var(--banner-height);
}
}
@media (min-width: 1200px) {
.hero-film .hero-film__content .hero-film__title {
margin-bottom: 25px;
font-size: 64px;
line-height: 1.1;
}
.hero-film .hero-film__content .hero-film__title.film_banner {
margin-bottom: 20px;
font-size: 64px;
line-height: 70px;
}
}
@keyframes fade_move_down {
0% {
opacity: 0;
transform: translate(0, -0.5rem);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(0, 0.5rem);
}
}
.table {
border-collapse: collapse;
}
.table th,
.table td {
padding: 11px 8px;
border: none;
vertical-align: middle;
text-align: left;
}
.table th:first-child,
.table td:first-child {
padding-left: 20px;
}
.table th:last-child,
.table td:last-child {
padding-right: 8px;
}
.table td {
min-width: 70px;
word-wrap: break-word;
}
.table .btn {
float: right;
}
.table tbody tr:nth-of-type(odd) th:first-child {
border-top-left-radius: 0.4rem;
border-bottom-left-radius: 0.4rem;
}
.table tbody tr:nth-of-type(odd) td:last-child {
border-top-right-radius: 0.4rem;
border-bottom-right-radius: 0.4rem;
}
.table-dark.table-striped {
background-color: black;
color: white;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: #0d0d0d;
}
.table-light.table-striped {
background-color: white;
color: black;
}
.table-light.table-striped tbody tr:nth-of-type(odd) {
background-color: grey;
}
.event__content .table > :not(:first-child) {
border-top: 2px solid;
}
.event__content .bold-cell {
font-weight: 500;
}
.event__content .events__content_mobile {
display: none;
}
.event__content table {
width: 100%;
}
.template-the-great-forest .hero-film__main-image {
margin-top: 127px;
}
@media only screen and (min-width: 768px) {
.event__content {
width: 80%;
margin: 0 auto;
margin-top: 57px;
}
}
@media only screen and (max-width: 768px) {
.template-the-great-forest
.global-banner__subheading.global-banner__subheading--second
p {
font-size: 20px !important;
font-weight: 500 !important;
line-height: 37px !important;
letter-spacing: 0 !important;
}
.template-the-great-forest .global-banner .global-banner__title {
width: 100%;
margin-top: 59px;
}
.template-the-great-forest .global-banner__title p {
width: 350px;
font-size: 25px !important;
line-height: 33px !important;
letter-spacing: 0 !important;
}
.template-the-great-forest .hero-film .hero-film__content .hero-film__title {
font-size: 34px !important;
line-height: 45px !important;
}
.template-the-great-forest .hero-film__main-image {
margin-top: 61px !important;
}
.event__content .events__content_desktop {
display: none;
}
.event__content .events__content_mobile {
display: block;
margin-top: 4rem;
}
.event__content {
text-align: left;
}
.events__content_mobile-header {
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
}
.events__content_mobile-text {
font-size: 20px;
}
a span.events__content_mobile-text {
font-family: var(--font-heading-family), sans-serif;
text-transform: uppercase;
}
.events__content_mobile-parent {
margin-bottom: 30px;
}
}
.film-carousel {
padding: 0;
padding-top: 56px;
}
.film-carousel .container {
margin: 0;
padding: 0;
max-width: 100%;
}
.film-carousel .slider__arrow {
opacity: 0;
}
.film-carousel.film-carousel--black {
background: #000;
color: #fff;
}
.film-carousel.film-carousel--white {
background: #fff;
color: #000;
}
.film-carousel .film-carousel__top {
display: flex;
justify-content: center;
align-items: center;
padding-left: 80px;
text-align: center;
flex-direction: column;
}
.film-carousel .film-carousel__title {
margin-bottom: 12px;
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
line-height: 24px;
letter-spacing: -0.2px;
}
.film-carousel .film-carousel__number {
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.2px;
text-decoration: underline;
}
.film-carousel .slider {
margin-top: 22px;
}
.film-carousel .slider__container {
padding: 0 40px;
}
@media (min-width: 992px) {
.film-carousel .slider__container {
padding: 0 70px;
}
}
.film-carousel .film-carousel__slide {
position: relative;
overflow: hidden;
height: 100%;
transition: box-shadow 0.3s ease, transform 0.3s ease;
border-radius: 8px;
}
.film-carousel .film-carousel__slide:hover {
transform: scale(1.01);
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.16);
}
.film-carousel .film-carousel__slide:hover .film-carousel__slide-overlay {
opacity: 0.7;
}
.film-carousel .film-carousel__slide:hover .film-carousel__slide-image {
transform: scale(1.1);
}
.film-carousel .film-carousel__slide:hover .film-carousel__slide-svg {
opacity: 0;
}
.film-carousel .film-carousel__slide:hover .film-carousel__content {
opacity: 1;
transform: none;
}
.film-carousel .film-carousel__slide-image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.3s ease;
}
.film-carousel .film-carousel__slide-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
opacity: var(--overlay-opacity);
width: 100%;
height: 100%;
background-color: var(--overlay-color);
}
.film-carousel .film-carousel__slide-svg {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
transform: translate(-50%, -50%);
transition: opacity 0.3s ease;
max-width: 80%;
max-height: 80%;
}
.film-carousel .film-carousel__content {
position: absolute;
top: 0;
left: 0;
z-index: 3;
display: flex;
justify-content: var(--vertical-align);
opacity: 0;
width: 100%;
height: 100%;
padding: 30px;
text-align: var(--text-align);
color: var(--text-color);
transform: translateY(100px);
transition: opacity 0.3s ease, transform 0.3s ease;
flex-direction: column;
}
.film-carousel .film-carousel__slide-title {
margin-bottom: 10px;
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
line-height: 32px;
}
.film-carousel .film-carousel__slide-text {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
font-size: 16px;
line-height: 24px;
white-space: pre-wrap;
}
.film-carousel .film-carousel__slide-button {
position: absolute;
bottom: 30px;
left: 30px;
z-index: 3;
width: 84px;
height: 32px;
padding: 0;
font-family: var(--font-heading-family), sans-serif;
font-size: 12px;
line-height: 32px;
text-align: center;
}
.film-carousel .film-carousel__slide-duration {
position: absolute;
bottom: 36px;
right: 30px;
z-index: 3;
font-family: var(--font-heading-family), sans-serif;
font-size: 12px;
color: var(--text-color);
}
.film-carousel .film-carousel__slide-wrapper.film-carousel__slide-wrapper--2 {
width: calc(100vw - 60px);
height: calc((100vw - 60px) * 1.2);
margin: 0;
padding: 10px;
max-width: calc(100vw - 60px);
max-height: calc((100vw - 60px) * 1.2);
}
@media (min-width: 1200px) {
.film-carousel .film-carousel__slide-wrapper.film-carousel__slide-wrapper--2 {
width: calc((100vw - 160px) / 2);
height: calc((100vw - 160px) / 4 * 1.2);
max-width: calc((100vw - 160px) / 2);
max-height: calc((100vw - 160px) / 4 * 1.2);
}
}
.film-carousel .film-carousel__slide-wrapper.film-carousel__slide-wrapper--4 {
width: calc(100vw - 80px);
height: calc((100vw - 80px) * 1.2);
margin: 0;
padding: 10px;
max-width: calc(100vw - 80px);
max-height: calc((100vw - 80px) * 1.2);
}
@media (min-width: 768px) {
.film-carousel .film-carousel__slide-wrapper.film-carousel__slide-wrapper--4 {
width: calc((100vw - 80px) / 2);
height: calc((100vw - 80px) / 2 * 1.2);
max-width: calc((100vw - 80px) / 2);
max-height: calc((100vw - 80px) / 2 * 1.2);
}
}
@media (min-width: 992px) {
.film-carousel .film-carousel__slide-wrapper.film-carousel__slide-wrapper--4 {
width: calc((100vw - 160px) / 3);
height: calc((100vw - 160px) / 3 * 1.2);
max-width: calc((100vw - 160px) / 3);
max-height: calc((100vw - 160px) / 3 * 1.2);
}
}
@media (min-width: 1200px) {
.film-carousel .film-carousel__slide-wrapper.film-carousel__slide-wrapper--4 {
width: calc((100vw - 160px) / 4);
height: calc((100vw - 160px) / 4 * 1.2);
max-width: calc((100vw - 160px) / 4);
max-height: calc((100vw - 160px) / 4 * 1.2);
}
}
@media (min-width: 768px) {
.film-carousel {
padding: 180px 0;
}
.film-carousel .film-carousel__top {
flex-direction: row;
justify-content: flex-start;
text-align: left;
}
.film-carousel .film-carousel__title {
font-size: 32px;
line-height: 36px;
}
.film-carousel .film-carousel__number {
margin-left: 8px;
}
}
@media (min-width: 1200px) {
.film-carousel .slider__arrow {
opacity: 1;
margin: 0;
}
.film-carousel .slider__arrow.slider__arrow--next {
right: 40px;
margin: 0;
}
.film-carousel .slider__arrow.slider__arrow--prev {
left: 40px;
margin: 0;
}
}
.global-quote {
position: relative;
display: flex;
justify-content: var(--mobile-horizontal-pos);
align-items: var(--mobile-vertical-pos);
min-height: var(--banner-height, 880px);
padding: 20px;
text-align: var(--mobile-text-align);
}
.global-quote .global-quote__image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.global-quote .global-quote__overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
opacity: var(--overlay-opacity, 0.5);
width: 100%;
height: 100%;
background-color: var(--overlay-color, #000);
}
.global-quote .global-quote__content {
position: relative;
z-index: 3;
color: var(--text-color, #000);
transition: opacity 0.3s ease;
}
.global-quote .global-quote__subtitle {
margin-bottom: 14px;
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
.global-quote .global-quote__text {
margin-bottom: 15px;
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
font-style: italic;
line-height: 28px;
letter-spacing: -0.2px;
}
.global-quote .global-quote__author {
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
line-height: 25px;
}
.global-quote .global-quote__buttons {
display: grid;
justify-items: var(--mobile-horizontal-pos);
grid-gap: 20px;
}
.global-quote .global-quote__caption {
position: absolute;
bottom: 50px;
left: 50px;
z-index: 3;
opacity: 0;
text-align: left;
color: var(--text-color, #000);
transition: opacity 0.3s ease;
}
.global-quote .global-quote__caption.global-quote__caption--show {
opacity: 1;
}
.global-quote .global-quote__caption .global-quote__caption-title {
margin-bottom: 14px;
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
line-height: 28px;
}
.global-quote .global-quote__caption .global-quote__caption-subtitle {
margin-bottom: 18px;
font-size: 32px;
font-weight: 600;
line-height: 42px;
}
.global-quote .global-quote__caption-button {
position: absolute;
bottom: 50px;
right: 50px;
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
cursor: pointer;
}
.global-quote .global-quote__caption-button svg path {
fill: var(--text-color, #fff);
}
.global-quote .global-quote__caption-button .icon.icon-more {
width: 32px;
}
.global-quote .global-quote__caption-button .visible {
display: block;
}
.global-quote .global-quote__caption-button [data-banner-caption-button-more],
.global-quote .global-quote__caption-button [data-banner-caption-button-close] {
pointer-events: none;
}
.global-quote.global-quote--animated {
transform: scale(0.8);
transition: transform 0.3s ease;
}
.global-quote.global-quote--animated .global-quote__content {
opacity: 0;
transform: translateY(100%);
transition: transform 0.3s ease, opacity 0.3s ease;
}
.global-quote.global-quote--scrolled {
transform: none;
}
.global-quote.global-quote--scrolled .global-quote__content {
opacity: 1;
transform: none;
}
.global-quote.global-quote--scrolled
.global-quote__content.global-quote__content--hidden {
opacity: 0;
}
@media (min-width: 768px) {
.global-quote {
justify-content: var(--desktop-horizontal-pos);
align-items: var(--desktop-vertical-pos);
padding: 50px;
text-align: var(--desktop-text-align);
}
.global-quote .global-quote__content {
max-width: 50%;
}
.global-quote .global-quote__subtitle {
margin-bottom: 15px;
font-size: 16px;
line-height: 28px;
}
.global-quote .global-quote__text {
margin-bottom: 20px;
font-size: 32px;
line-height: 36px;
}
.global-quote .global-quote__author {
font-size: 24px;
line-height: 25px;
}
.global-quote .global-quote__caption {
width: 40%;
}
.global-quote .global-quote__buttons {
display: flex;
justify-content: center;
justify-items: var(--desktop-horizontal-pos);
align-items: center;
}
}
.global-gallery {
background-color: var(--background-color, #000);
}
.global-gallery .global-gallery__wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 8px 7px;
padding: 60px 21px;
}
.global-gallery .global-gallery__image-container {
position: relative;
width: 100%;
padding-top: 66.25%;
}
.global-gallery .global-gallery__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 768px) {
.global-gallery .global-gallery__wrapper {
grid-gap: 25px 25px;
padding: 90px 80px;
}
}
.social-share-icons {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
}
.social-share-icons .social-share-icons__link {
display: flex;
justify-content: center;
align-items: center;
margin: 0 20px;
text-decoration: none;
cursor: pointer;
}
.social-share-icons .social-share-icons__link svg.icon {
width: 45px;
height: 45px;
pointer-events: none;
}
.social-share-icons.social-share-icons--white svg path {
fill: #fff;
}
.social-share-icons.social-share-icons--white svg circle {
stroke: #fff;
}
.social-share-icons.social-share-icons--black svg path {
fill: #000;
}
.social-share-icons.social-share-icons--black svg circle {
stroke: #000;
}
.social-share-icons .icon-linkedin-share g path {
fill: transparent;
}
.blog-article-carousel {
margin: 20px 0 20px 0;
}
.blog-article-carousel .slider__arrow {
opacity: 0;
}
.blog-article-carousel .blog-article-carousel__row {
display: flex;
padding-left: 40px;
flex-direction: column;
}
@media (min-width: 992px) {
.blog-article-carousel .blog-article-carousel__row {
padding-left: 80px;
flex-direction: row;
}
}
.blog-article-carousel .article-card-video.article-card-video--sign-up {
margin: 0 auto;
}
@media (min-width: 992px) {
.blog-article-carousel .article-card-video.article-card-video--sign-up {
margin: 20px 0;
}
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.blog-article-carousel
.article-card-video.article-card-video--sign-up:hover
.article-card-video__title--visible {
opacity: 1;
}
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.blog-article-carousel
.article-card-video.article-card-video--sign-up:hover
.article-card-video__logo {
opacity: 1;
}
}
@media (min-width: 1200px) {
.blog-article-carousel .article-card-video.article-card-video--sign-up {
height: calc((100vw - 160px) / 4 * 1.15);
}
}
.blog-article-carousel .slider.slider--sign-up {
max-width: 100%;
margin-top: 0;
}
.blog-article-carousel
.slider.slider--sign-up
.slider__arrow.slider__arrow--next {
right: 0;
}
.blog-article-carousel .slider.slider--sign-up .article-card-video__button {
border: 2px solid white;
}
.blog-article-carousel .slider.slider--sign-up .slider__container {
padding-left: 0;
}
.blog-article-carousel
.slider.slider--sign-up
.slider__arrow.slider__arrow--prev {
left: 15px;
}
@media (min-width: 1200px) {
.blog-article-carousel .slider.slider--sign-up {
margin-top: 10px;
margin-left: 10px;
max-width: 74%;
}
}
.blog-article-carousel .blog-article-carousel__top {
display: flex;
justify-content: center;
padding-right: 40px;
text-align: center;
flex-direction: column;
}
.blog-article-carousel .blog-article-carousel__title {
font-family: var(--font-heading-family), sans-serif;
letter-spacing: -0.2px;
font-weight: 500;
}
.blog-article-carousel .blog-article-carousel__number {
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.2px;
text-decoration: underline;
}
.blog-article-carousel .slider__slide.blog-article-carousel__slide--large {
width: calc(100vw - 80px);
margin: 0;
padding: 10px;
max-width: calc(100vw - 80px);
}
@media (min-width: 1200px) {
.blog-article-carousel .slider__slide.blog-article-carousel__slide--large {
width: calc((100vw - 160px) / 2);
max-width: calc((100vw - 160px) / 2);
}
}
.blog-article-carousel .blog-article-carousel__slide {
width: calc(100vw - 80px);
height: calc((100vw - 80px) * 1.2);
margin: 0;
padding: 10px;
max-width: calc(100vw - 80px);
max-height: calc((100vw - 80px) * 1.2);
}
@media (min-width: 768px) {
.blog-article-carousel {
margin: 110px 0 187px 0;
}
}
.container--blog-article-carousel {
max-width: 100%;
padding: 0;
}
.container--blog-article-carousel .blog-article-carousel__slide--end {
height: auto;
}
.container--blog-article-carousel
.blog-article-carousel__slide--end
.article-card-blog {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
background: whitesmoke;
}
.container--blog-article-carousel
.blog-article-carousel__slide--end
.article-card-blog__link {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
font-family: var(--font-heading-family), sans-serif;
font-size: 12px;
font-weight: 500;
text-align: center;
text-decoration: underline;
white-space: nowrap;
}
.container--blog-article-carousel
.blog-article-carousel__slide--end
.article-card-blog__link:hover
.article-card-blog__link {
text-decoration: none;
}
@media (min-width: 576px) {
.blog-article-carousel
.blog-article-carousel__slide--end
.article-card-blog__link {
font-size: 16px;
}
}
.blog-article-carousel .slider__container,
.products-carousel .slider__container {
z-index: 10;
}
@media (max-width: 768px) {
.blog-article-carousel .blog-article-carousel__title {
font-size: 28px;
line-height: 31px;
}
}
@media (min-width: 769px) {
.blog-article-carousel .blog-article-carousel__top {
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 32px;
padding-left: 40px;
padding-right: 0;
text-align: left;
flex-direction: row;
}
.blog-article-carousel .blog-article-carousel__title {
font-size: 40px;
line-height: 44px;
}
.blog-article-carousel .blog-article-carousel__number {
margin-left: 8px;
}
.blog-article-carousel .slider__arrow {
display: block;
}
.blog-article-carousel .slider__container,
.products-carousel .slider__container {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 768px) and (min-width: 992px) {
.blog-article-carousel .slider__container,
.products-carousel .slider__container {
padding-left: 70px;
padding-right: 70px;
}
.blog-article-carousel .blog-article-carousel__slide--end .article-card-blog__link {
font-size: 16px;
}
.products-carousel .slider__container[data-slider-2r] {
overflow: visible;
}
}
@media (min-width: 768px) {
.article-card-video.article-card-video--sign-up .article-card-video__logo {
top: 35%;
}
}
@media (min-width: 768px) {
.blog-article-carousel .slider__slide {
max-width: calc(100vw - 80px);
width: calc(100vw - 80px);
height: calc((100vw - 80px) * 1.2);
max-height: calc((100vw - 80px) * 1.2);
margin-right: 0;
padding: 10px;
}
}
@media (min-width: 768px) and (min-width: 768px) {
.blog-article-carousel .slider__slide {
max-width: calc((100vw - 80px) / 2);
width: calc((100vw - 80px) / 2);
height: calc((100vw - 80px) / 2 * 1.2);
max-height: calc((100vw - 80px) / 2 * 1.2);
}
}
@media (min-width: 768px) and (min-width: 992px) {
.blog-article-carousel .slider__slide {
max-width: calc((100vw - 160px) / 3);
width: calc((100vw - 160px) / 3);
height: calc((100vw - 160px) / 3 * 1.2);
max-height: calc((100vw - 160px) / 3 * 1.2);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.blog-article-carousel .slider__slide {
max-width: calc((100vw - 160px) / 4);
width: calc((100vw - 160px) / 4);
height: calc((100vw - 160px) / 4 * 1.2);
max-height: calc((100vw - 160px) / 4 * 1.2);
}
}
@media (min-width: 768px) {
.container--blog-article-carousel {
max-width: inherit;
padding: 0;
}
}
@media (min-width: 992px) {
.template-index .blog-article-carousel .slider__slide {
overflow: visible;
}
.container--blog-article-carousel {
margin-left: 0;
padding-left: 0;
}
.blog-article-carousel .blog-article-carousel__top {
padding-left: 80px;
}
}
@media (min-width: 1200px) {
.blog-article-carousel .slider__arrow {
opacity: 1;
}
.blog-article-carousel .slider__arrow.slider__arrow--next {
right: 40px;
margin: 0;
}
.blog-article-carousel .slider__arrow.slider__arrow--prev {
left: 40px;
margin: 0;
}
}
.customer {
width: 100%;
margin: 0 auto;
padding: 0 40px;
}
.customer .customer__title {
font-size: 28px;
line-height: 40px;
text-align: center;
}
@media (min-width: 768px) {
.customer .customer__title {
font-size: 40px;
line-height: 48px;
letter-spacing: -0.4px;
text-align: left;
}
}
.customer .customer__container {
display: flex;
gap: 20px;
flex-direction: column;
}
@media (min-width: 768px) {
.customer .customer__container {
flex-direction: row;
}
}
@media (min-width: 768px) {
.customer {
max-width: 880px;
}
}
.profile-box {
width: 100%;
height: 100%;
padding: 46px 35px 60px 40px;
border-radius: 8px;
background: #eaeaea;
}
.profile-box .profile__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
line-height: 24.56px;
letter-spacing: -0.2px;
}
@media (min-width: 768px) {
.profile-box .profile__title {
font-size: 28px;
line-height: 25px;
}
}
.profile-box .profile__field {
display: flex;
flex-direction: column;
margin-top: 30px;
}
.profile-box .profile__label {
font-size: 12px;
line-height: 18px;
color: #999;
}
.profile-box .profile__input {
overflow: hidden;
font-size: 16px;
line-height: 28px;
word-wrap: break-word;
white-space: nowrap;
text-overflow: ellipsis;
}
.profile-box .profile__text {
display: inline-block;
margin-top: 57px;
}
.profile-box .profile__buttons {
display: flex;
align-items: center;
margin-top: 60px;
}
.profile-box .button__logout {
display: inherit;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 15px 36px;
background: #000;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 14px;
text-decoration: none;
color: #fff;
border-radius: 36px;
}
.profile-box .button__logout:hover {
color: #fff;
}
.profile-box .button__profile {
padding: 2px 26px;
background: none;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 14px;
text-decoration: none;
color: #444;
}
@media (min-width: 768px) {
.profile-box {
max-width: 390px;
}
}
.address {
width: 100%;
height: 100%;
padding: 46px 35px 60px 40px;
border-radius: 8px;
background: #eaeaea;
}
.address .address__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
line-height: 24.56px;
letter-spacing: -0.2px;
}
@media (min-width: 768px) {
.address .address__title {
font-size: 28px;
line-height: 25px;
}
}
.address .address__buttons {
margin-top: 23px;
}
.address .button__address {
display: inherit;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 15px 37px;
background: #000;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 14px;
text-decoration: none;
color: #fff;
border-radius: 36px;
}
.address .button__address:hover {
color: #fff;
}
.address .address-box {
margin-top: 26px;
}
.address .address-box .address-box__field {
display: flex;
flex-direction: column;
}
.address .address-box .address-box__input {
font-size: 16px;
line-height: 28px;
}
.address .address-box .address-box__buttons {
display: flex;
margin-top: 20px;
}
.address .address-box .address-box__add {
padding: 15px 37.5px;
background: #000;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 14px;
text-decoration: none;
color: #fff;
border-radius: 36px;
white-space: nowrap;
}
.address .address-box .address-box__add:hover {
color: #fff;
}
.address .address-box .address-box__edit {
display: inherit;
padding: 0 16px;
background: none;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
text-decoration: none;
color: #444;
}
.address .address-box .address-box__add {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.address .address-box .address-box__buttons {
align-items: center;
}
.address .address-box .address-box__buttons a {
font-size: 1rem;
}
@media (min-width: 768px) {
.address {
max-width: 390px;
}
}
.customer {
width: auto;
}
.account-addresses {
margin: 2px auto 120px;
}
.account-addresses .customer-addresses__header {
display: flex;
justify-content: space-between;
flex-direction: column;
gap: 20px;
}
@media (min-width: 768px) {
.account-addresses .customer-addresses__header {
flex-direction: initial;
}
}
.account-addresses .customer-addresses__container {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 40px;
}
.account-addresses .customer-addresses__title {
font-size: 40px;
line-height: 48px;
text-align: center;
}
.account-addresses .address-box {
width: 100%;
height: 100%;
padding: 54px 35px 68px 40px;
background: #fafafa;
border-radius: 8px;
}
.account-addresses .address-box .address-box__field {
display: flex;
flex-direction: column;
}
.account-addresses .address-box .address-box__input {
font-size: 14px;
line-height: 25.5px;
}
.account-addresses .address-box .address-box__buttons {
display: flex;
margin-top: 20px;
}
.account-addresses .address-box .address-box__remove {
padding: 11px 32px;
background: #000;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 14px;
text-decoration: none;
color: #fff;
border-radius: 36px;
white-space: nowrap;
}
.account-addresses .address-box .address-box__remove:hover {
color: #fff;
}
.account-addresses .address-box .address-box__edit {
display: inherit;
padding: 0 16px;
background: none;
font-size: 14px;
line-height: 24px;
text-decoration: none;
color: #444;
}
@media (min-width: 768px) {
.account-addresses .address-box {
width: 48.75%;
}
}
.account-addresses a.button__address {
padding: 10px 45px;
border: 4px solid #000000;
background: #ffffff;
border-radius: 36px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
text-decoration: none;
}
.address-form {
position: fixed;
top: 0;
right: 0;
z-index: 99999;
opacity: 1;
width: 100%;
max-width: initial;
height: 100%;
margin: 0;
background: #00000073;
pointer-events: auto;
transition: opacity 0.3s ease;
}
.address-form .address-form__close {
position: absolute;
top: 20px;
left: 20px;
background: none;
}
.address-form .address-form__close svg {
fill: #fff;
}
.address-form .address-form__wrapper {
position: absolute;
top: 50px;
right: 0;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: calc(100% - 100px);
max-height: inherit;
max-width: 1400px;
background: black;
overflow-y: auto;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
transform: translate(0, 0);
transition: all 1s ease;
}
@media (min-width: 768px) {
.address-form .address-form__wrapper {
top: 0;
width: calc(100% - 80px);
height: 100%;
}
}
.address-form .address-form__background {
top: 0;
left: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
}
.address-form .address-form__container {
margin: 25px;
padding: 40px 30px;
background: #222;
border-radius: 8px;
}
@media (min-width: 768px) {
.address-form .address-form__container {
min-width: 500px;
}
}
.address-form .address-form__title {
margin-bottom: 23px;
font-size: 28px;
line-height: 32px;
color: #fff;
}
.address-form .address-from__group-wrapper {
display: flex;
width: 100%;
gap: 40px;
}
.address-form .address-form__group {
position: relative;
width: 100%;
margin: 20px 0;
}
.address-form .address-form__input {
display: block;
width: 100%;
padding: 10px 10px 10px 5px;
border: none;
background: none;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
border-bottom: 1px solid #fff;
color: #fff;
}
.address-form .address-form__input:focus {
outline: none;
}
.address-form .address-form__select {
display: block;
width: 100%;
height: auto;
padding: 10px 10px 10px 5px;
border: none;
background: none;
background: #222222;
font-size: 14px;
border-bottom: 1px solid #fff;
color: #fff;
}
.address-form .address-form__label {
position: absolute;
top: 10px;
left: 5px;
font-size: 18px;
font-weight: normal;
color: #999;
pointer-events: none;
transition: 0.2s ease all;
}
.address-form .address-form__select ~ .address-form__label,
.address-form .address-form__input:focus ~ .address-form__label,
.address-form .address-form__input:valid ~ .address-form__label {
top: -10px;
font-size: 12px;
}
.address-form .address-form__bar {
position: relative;
display: block;
width: 100%;
}
.address-form .address-form__bar::before,
.address-form .address-form__bar::after {
content: "";
position: absolute;
bottom: 1px;
width: 0;
height: 2px;
background: #fff;
}
.address-form .address-form__bar::before {
left: 50%;
}
.address-form .address-form__bar::after {
right: 50%;
}
.address-form .address-form__input:focus ~ .address-form__bar::before,
.address-form .address-form__input:focus ~ .address-form__bar::after {
width: 50%;
}
.address-form .address-form__highlight {
position: absolute;
top: 25%;
left: 0;
opacity: 0.5;
width: 100px;
height: 60%;
pointer-events: none;
}
.address-form .address-form__input:focus ~ .address-form__highlight {
-webkit-animation: inputHighlighter 0.3s ease;
animation: inputHighlighter 0.3s ease;
}
.address-form .address-form__buttons {
display: flex;
margin-top: 35px;
}
.address-form .address-form__save {
display: inherit;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 20.5px 65.5px;
background: #fff;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 14px;
text-decoration: none;
color: #000;
border-radius: 36px;
}
.address-form .address-form__save:hover {
color: #000;
}
.address-form .address-form__edit {
background: none;
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
color: #fff;
}
.address-form .address-form__edit:hover {
color: #fff;
}
.address-form--close {
pointer-events: none;
opacity: 0;
}
.address-form--close .address-form__wrapper {
transform: translate(100%, 0);
}
.address-form .address-form__error {
position: absolute;
opacity: 0;
font-size: 10px;
color: red;
}
.address-form .address-form__input:not(:focus).verification-error {
border-bottom: 1px solid #f72626;
}
.address-form
.address-form__input:not(:focus).verification-error
~ .address-form__error {
opacity: 1;
}
.address-form
.address-form__input:not(:focus).verification-error
~ .account-form__bar::before,
.address-form
.address-form__input:not(:focus).verification-error
~ .account-form__bar::after {
width: 50%;
background: #f72626;
}
.address-form .address-form__group--error .address-form__error {
opacity: 1;
}
.account-edit {
margin: 120px auto;
}
.account-edit .account-edit__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 28px;
line-height: 36px;
letter-spacing: -0.28px;
text-align: center;
}
@media (min-width: 768px) {
.account-edit .account-edit__title {
font-size: 40px;
line-height: 48px;
letter-spacing: -0.4px;
}
}
.account-edit .account-edit__container {
margin: 0 auto;
}
@media (min-width: 768px) {
.account-edit .account-edit__container {
max-width: 66%;
}
}
.account-edit .account-edit__group {
position: relative;
width: 100%;
margin: 20px 0 50px;
}
.account-edit .account-edit__input {
display: block;
width: 100%;
padding: 10px 10px 10px 5px;
border: none;
background: none;
font-size: 18px;
border-bottom: 1px solid #000;
color: #000;
}
.account-edit .account-edit__input:focus {
outline: none;
}
.account-edit .account-edit__select {
display: block;
width: 100%;
height: auto;
padding: 10px 10px 10px 5px;
border: none;
background: none;
background: #222222;
font-size: 14px;
border-bottom: 1px solid #000;
color: #000;
}
.account-edit .account-edit__label {
position: absolute;
top: 10px;
left: 5px;
font-size: 18px;
font-weight: normal;
color: #999;
pointer-events: none;
transition: 0.2s ease all;
}
.account-edit .account-edit__select ~ .account-edit__label,
.account-edit .account-edit__input:focus ~ .account-edit__label,
.account-edit .account-edit__input:not([value=""]) ~ .account-edit__label {
top: -10px;
font-size: 12px;
}
.account-edit .account-edit__bar {
position: relative;
display: block;
width: 100%;
}
.account-edit .account-edit__bar::before,
.account-edit .account-edit__bar::after {
content: "";
position: absolute;
bottom: 1px;
width: 0;
height: 2px;
background: #000;
}
.account-edit .account-edit__bar::before {
left: 50%;
}
.account-edit .account-edit__bar::after {
right: 50%;
}
.account-edit .account-edit__input:focus ~ .account-edit__bar::before,
.account-edit .account-edit__input:focus ~ .account-edit__bar::after {
width: 50%;
}
.account-edit .account-edit__highlight {
position: absolute;
top: 25%;
left: 0;
opacity: 0.5;
width: 100px;
height: 60%;
pointer-events: none;
}
.account-edit .account-edit__input:focus ~ .account-edit__highlight {
-webkit-animation: inputHighlighter 0.3s ease;
animation: inputHighlighter 0.3s ease;
}
.account-edit .account-edit__input:disabled {
color: #999;
cursor: no-drop;
}
.account-edit .account-edit__buttons {
display: flex;
justify-content: space-between;
}
.account-edit .account-edit__cancel {
padding: 4px 30px;
border: 4px solid #000000;
background: #ffffff;
border-radius: 36px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
text-decoration: none;
}
.account-edit .account-edit__save {
padding: 15px 50px;
background: #000;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 14px;
text-decoration: none;
color: #fff;
border-radius: 36px;
white-space: nowrap;
}
.account-edit .account-edit__save:hover {
color: #fff;
}
@media (min-width: 768px) {
.account-edit .account-edit__save {
padding: 15px 108px;
}
}
.account-register {
max-width: 570px;
margin-bottom: 80px;
}
.account-register .errors li,
.account-register .errors a {
font-size: 16px;
color: #f00;
}
.account-register .account-register__title {
font-size: 32px;
line-height: 40px;
letter-spacing: -0.32px;
}
@media (min-width: 768px) {
.account-register .account-register__title {
font-size: 48px;
line-height: 56px;
letter-spacing: -0.48px;
}
}
.account-register .account-register__button {
padding: 19px 41px;
background: #000;
color: #fff;
}
.account-register .account-register__group {
position: relative;
width: 100%;
margin: 36px 0;
}
.account-register .account-register__input {
display: block;
width: 100%;
padding: 10px 10px 10px 5px;
border: none;
background: none;
font-size: 16px;
border-bottom: 1px solid #000;
color: #000;
}
.account-register .account-register__input::-moz-placeholder {
color: #fff;
}
.account-register .account-register__input:-ms-input-placeholder {
color: #fff;
}
.account-register .account-register__input::placeholder {
color: #fff;
}
.account-register .account-register__input:focus {
outline: none;
}
.account-register .account-register__input:focus::-moz-placeholder {
color: #999;
}
.account-register .account-register__input:focus:-ms-input-placeholder {
color: #999;
}
.account-register .account-register__input:focus::placeholder {
color: #999;
}
.account-register .account-register__select {
display: block;
width: 100%;
height: auto;
padding: 10px 10px 10px 5px;
border: none;
background: none;
background: #222222;
font-size: 14px;
border-bottom: 1px solid #000;
color: #000;
}
.account-register .account-register__label {
position: absolute;
top: 10px;
left: 0;
font-size: 14px;
font-weight: normal;
line-height: 20px;
color: #999;
pointer-events: none;
transition: 0.2s ease all;
}
.account-register .account-register__select ~ .account-register__label,
.account-register .account-register__input:focus ~ .account-register__label,
.account-register .account-register__input:valid ~ .account-register__label {
top: -10px;
font-size: 12px;
}
.account-register .account-register__bar {
position: relative;
display: block;
width: 100%;
}
.account-register .account-register__bar::before,
.account-register .account-register__bar::after {
content: "";
position: absolute;
bottom: 1px;
width: 0;
height: 2px;
background: #000;
}
.account-register .account-register__bar::before {
left: 50%;
}
.account-register .account-register__bar::after {
right: 50%;
}
.account-register
.account-register__input:focus
~ .account-register__bar::before,
.account-register
.account-register__input:focus
~ .account-register__bar::after {
width: 50%;
}
.account-register .account-register__highlight {
position: absolute;
top: 25%;
left: 0;
opacity: 0.5;
width: 100px;
height: 60%;
pointer-events: none;
}
.account-register
.account-register__input:focus
~ .account-register__highlight {
-webkit-animation: inputHighlighter 0.3s ease;
animation: inputHighlighter 0.3s ease;
}
.account-register .account-register__error {
position: absolute;
opacity: 0;
margin-left: 5px;
font-size: 10px;
color: red;
}
.account-register .account-register__input.verification-error {
border-bottom: 1px solid #f72626;
}
.account-register
.account-register__input.verification-error
~ .account-register__error {
opacity: 1;
}
.account-register
.account-register__input.verification-error
~ .account-register__bar::before,
.account-register
.account-register__input.verification-error
~ .account-register__bar::after {
width: 50%;
background: #f72626;
}
.account-register .account-register__subscription-group {
display: flex;
align-items: center;
margin-top: 35px;
margin-bottom: 40px;
}
.account-register
.account-register__subscription-group
.account-register__label {
position: unset;
color: #000;
pointer-events: auto;
}
.account-register .account-register__checkbox {
position: absolute;
z-index: -1;
opacity: 0;
width: 22px;
height: 22px;
}
.account-register .account-register__checkbox + label {
display: inline-flex;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.account-register .account-register__checkbox + label::before {
content: "";
display: inline-block;
width: 22px;
height: 22px;
margin-right: 0.5em;
flex-shrink: 0;
flex-grow: 0;
border: 2px solid #000;
border-radius: 0.25em;
background-repeat: no-repeat;
background-size: 50% 50%;
background-position: center center;
}
.account-register
.account-register__checkbox:not(:disabled):active
+ label::before {
border-color: #000;
background-color: #000;
}
.account-register .account-register__checkbox:focus + label::before {
box-shadow: 0 0 0 0.2rem #00000040;
}
.account-register
.account-register__checkbox:focus:not(:checked)
+ label::before {
border-color: #000;
}
.account-register .account-register__checkbox:checked + label::before {
border-color: #000;
background-color: #000;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
@media (min-width: 768px) {
.account-register {
margin-bottom: 220px;
margin-left: 13%;
margin-right: 13%;
}
}
.account-register--finish {
max-width: 100%;
text-align: center;
}
.account-login {
max-width: 570px;
margin-bottom: 80px;
}
.account-login .account-login__title {
margin-bottom: 30px;
font-size: 32px;
line-height: 40px;
letter-spacing: -0.32px;
}
@media (min-width: 768px) {
.account-login .account-login__title {
font-size: 48px;
line-height: 56px;
letter-spacing: -0.48px;
}
}
.account-login .account-login__button {
padding: 19px 73px;
background: #000;
color: #fff;
}
.account-login .account-login__group {
position: relative;
width: 100%;
margin: 20px 0 42px;
}
.account-login .account-login__input {
display: block;
width: 100%;
padding: 10px 10px 7px 0;
border: none;
background: none;
font-size: 16px;
border-bottom: 2px solid #000;
color: #000;
}
.account-login .account-login__input::-moz-placeholder {
color: #fff;
}
.account-login .account-login__input:-ms-input-placeholder {
color: #fff;
}
.account-login .account-login__input::placeholder {
color: #fff;
}
.account-login .account-login__input:focus {
outline: none;
}
.account-login .account-login__input:focus::-moz-placeholder {
color: #999;
}
.account-login .account-login__input:focus:-ms-input-placeholder {
color: #999;
}
.account-login .account-login__input:focus::placeholder {
color: #999;
}
.account-login .account-login__select {
display: block;
width: 100%;
height: auto;
padding: 10px 10px 10px 5px;
border: none;
background: none;
background: #222222;
font-size: 14px;
border-bottom: 1px solid #000;
color: #000;
}
.account-login .account-login__label {
position: absolute;
top: 10px;
font-size: 16px;
font-weight: normal;
color: #999;
pointer-events: none;
transition: 0.2s ease all;
}
.account-login .account-login__select ~ .account-login__label,
.account-login .account-login__input:focus ~ .account-login__label,
.account-login .account-login__input:valid ~ .account-login__label {
top: -10px;
font-size: 12px;
}
.account-login .account-login__bar {
position: relative;
display: block;
width: 100%;
}
.account-login .account-login__bar::before,
.account-login .account-login__bar::after {
content: "";
position: absolute;
bottom: 1px;
width: 0;
height: 3px;
background: #000;
}
.account-login .account-login__bar::before {
left: 50%;
}
.account-login .account-login__bar::after {
right: 50%;
}
.account-login .account-login__input:focus ~ .account-login__bar::before,
.account-login .account-login__input:focus ~ .account-login__bar::after {
width: 50%;
}
.account-login .account-login__highlight {
position: absolute;
top: 25%;
left: 0;
opacity: 0.5;
width: 100px;
height: 60%;
pointer-events: none;
}
.account-login .account-login__input:focus ~ .account-login__highlight {
-webkit-animation: inputHighlighter 0.3s ease;
animation: inputHighlighter 0.3s ease;
}
.account-login .account-login__register {
display: flex;
flex-direction: column;
margin-top: 45px;
}
.account-login .account-login__register-link {
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
.account-login .account-login__register-link:hover {
text-decoration: underline;
}
.account-login .account-login__password-reset {
margin-bottom: 20px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.account-login .account-login__password-reset:hover {
text-decoration: underline;
}
.account-login .account-login__error {
position: absolute;
opacity: 0;
font-size: 10px;
color: red;
}
.account-login .account-login__input:not(:focus).verification-error {
border-bottom: 1px solid #f72626;
}
.account-login
.account-login__input:not(:focus).verification-error
~ .account-login__error {
opacity: 1;
}
.account-login
.account-login__input:not(:focus).verification-error
~ .account-login__bar::before,
.account-login
.account-login__input:not(:focus).verification-error
~ .account-login__bar::after {
width: 50%;
background: #f72626;
}
.account-login form .errors {
padding: 19px 20px;
border-radius: 8px;
border-color: #f7b8b8;
background: #f9cccc;
}
.account-login form .errors ul > li {
font-size: 12px;
line-height: 21px;
}
@media (min-width: 768px) {
.account-login {
margin-bottom: 166px;
margin-left: 13%;
margin-right: 13%;
}
}
.account-password-reset {
position: fixed;
top: 0;
left: 0;
z-index: 9999999;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
width: 100%;
height: 100%;
background: #0008;
transition: opacity 0.25s ease-out;
pointer-events: none;
}
.account-password-reset .errors ul li {
list-style: none;
font-size: 14px;
line-height: 1.5;
margin-bottom: 5px;
color: #f72626;
}
.account-password-reset .account-password-reset__button--close {
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
color: #fff;
}
.account-password-reset .account-password-reset__button--close svg {
fill: #fff;
}
.account-password-reset .account-password-reset__button--save {
margin-top: 90px;
padding: 13px 36px;
}
.account-password-reset .account-password-reset__background {
position: fixed;
top: 0;
left: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
}
.account-password-reset .account-password-reset__container {
position: relative;
z-index: 1;
opacity: 0;
padding: 80px 20px;
background: #000;
border-radius: 9px;
max-width: 620px;
transition: opacity 0.25s ease-out;
transition-delay: 0.25s;
}
@media (min-width: 768px) {
.account-password-reset .account-password-reset__container {
padding: 80px 80px 100px;
}
}
.account-password-reset .account-password-reset__title {
font-size: 40px;
line-height: 60px;
color: #fff;
}
.account-password-reset .account-password-reset__subtitle {
display: inline-block;
margin-top: 40px;
color: #fff;
}
.account-password-reset .account-password-reset__group {
position: relative;
width: 100%;
margin: 20px 0;
}
.account-password-reset .account-password-reset__input {
display: block;
width: 100%;
padding: 10px 10px 10px 5px;
border: none;
background: none;
font-size: 18px;
border-bottom: 2px solid #fff;
color: #fff;
}
.account-password-reset .account-password-reset__input:focus {
outline: none;
}
.account-password-reset .account-password-reset__label {
position: absolute;
top: 10px;
left: 5px;
font-size: 18px;
font-weight: normal;
color: #999;
pointer-events: none;
transition: 0.2s ease all;
}
.account-password-reset
.account-password-reset__select
~ .account-password-reset__label,
.account-password-reset
.account-password-reset__input:focus
~ .account-password-reset__label,
.account-password-reset
.account-password-reset__input:not(:focus):not(:placeholder-shown)
~ .account-password-reset__label,
.account-password-reset
.account-password-reset__input:valid
~ .account-password-reset__label {
top: -10px;
font-size: 12px;
}
.account-password-reset .account-password-reset__bar {
position: relative;
display: block;
width: 100%;
}
.account-password-reset .account-password-reset__bar::before,
.account-password-reset .account-password-reset__bar::after {
content: "";
position: absolute;
bottom: 1px;
width: 0;
height: 3px;
background: #fff;
}
.account-password-reset .account-password-reset__bar::before {
left: 50%;
}
.account-password-reset .account-password-reset__bar::after {
right: 50%;
}
.account-password-reset
.account-password-reset__input:focus
~ .account-password-reset__bar::before,
.account-password-reset
.account-password-reset__input:focus
~ .account-password-reset__bar::after {
width: 50%;
}
.account-password-reset .account-password-reset__highlight {
position: absolute;
top: 25%;
left: 0;
opacity: 0.5;
width: 100px;
height: 60%;
pointer-events: none;
}
.account-password-reset
.account-password-reset__input:focus
~ .account-password-reset__highlight {
-webkit-animation: inputHighlighter 0.3s ease;
animation: inputHighlighter 0.3s ease;
}
.account-password-reset--open {
opacity: 1;
pointer-events: auto;
}
.account-password-reset--open .account-password-reset__container {
opacity: 1;
}
.account-password {
max-width: 800px;
margin: 20px auto 60px;
padding-left: 20px;
padding-right: 20px;
}
.account-password .account-password__title {
font-size: 40px;
line-height: 48px;
}
.account-password .account-password__group {
position: relative;
width: 100%;
margin: 20px 0 50px;
}
.account-password .account-password__input {
display: block;
width: 100%;
padding: 10px 10px 10px 5px;
border: none;
background: none;
font-size: 16px;
border-bottom: 2px solid #000;
color: #000;
}
.account-password .account-password__input:focus {
outline: none;
}
.account-password .account-password__select {
display: block;
width: 100%;
height: auto;
padding: 10px 10px 10px 5px;
border: none;
background: none;
background: #222222;
font-size: 14px;
border-bottom: 1px solid #000;
color: #000;
}
.account-password .account-password__label {
position: absolute;
top: 10px;
left: 5px;
font-size: 18px;
font-weight: normal;
color: #999;
pointer-events: none;
transition: 0.2s ease all;
}
.account-password .account-password__select ~ .account-password__label,
.account-password .account-password__input:focus ~ .account-password__label,
.account-password .account-password__input:valid ~ .account-password__label {
top: -10px;
font-size: 12px;
}
.account-password .account-password__bar {
position: relative;
display: block;
width: 100%;
}
.account-password .account-password__bar::before,
.account-password .account-password__bar::after {
content: "";
position: absolute;
bottom: 1px;
width: 0;
height: 3px;
background: #000;
}
.account-password .account-password__bar::before {
left: 50%;
}
.account-password .account-password__bar::after {
right: 50%;
}
.account-password
.account-password__input:focus
~ .account-password__bar::before,
.account-password
.account-password__input:focus
~ .account-password__bar::after {
width: 50%;
}
.account-password .account-password__highlight {
position: absolute;
top: 25%;
left: 0;
opacity: 0.5;
width: 100px;
height: 60%;
pointer-events: none;
}
.account-password
.account-password__input:focus
~ .account-password__highlight {
-webkit-animation: inputHighlighter 0.3s ease;
animation: inputHighlighter 0.3s ease;
}
.account-password .account-password__buttons {
display: flex;
justify-content: center;
flex-direction: column;
gap: 20px;
}
@media (min-width: 768px) {
.account-password .account-password__buttons {
flex-direction: row;
}
}
.account-password .account-password__button--save {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 19px 65px;
background: #000;
font-family: var(--font-heading-family), sans-serif;
color: #fff;
white-space: nowrap;
}
.account-password .account-password__button--cancel {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 15px 54px;
border: 4px solid;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 16px;
text-decoration: none;
white-space: nowrap;
}
.account-help {
max-width: 800px;
margin: 20px 40px 80px;
}
.account-help .account-help__container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 40px;
background: #000;
border-radius: 8px;
color: #fff;
}
.account-help .account-help__text {
max-width: 75%;
font-size: 32px;
font-weight: 500;
line-height: 36px;
letter-spacing: -0.32px;
}
.account-help .account-help__button {
padding: 4px 32px;
background: #fff;
color: #000;
}
@media (min-width: 768px) {
.account-help {
margin: 20px auto;
}
}
.order-history {
max-width: 800px;
overflow: auto;
margin: 0 40px;
}
.order-history .order-history__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 28px;
line-height: 36px;
letter-spacing: -0.28px;
text-align: center;
}
@media (min-width: 768px) {
.order-history .order-history__title {
font-size: 40px;
line-height: 48px;
letter-spacing: -0.4px;
text-align: initial;
}
}
.order-history .order-history__container {
width: 100%;
margin-top: 30px;
font-size: 14px;
border-collapse: collapse;
text-align: center;
}
.order-history .order-history__container tr {
border-width: 1px 0 1px 0;
border-style: solid;
border-color: #000;
}
.order-history .order-history__container thead tr {
border-width: 1px 0 0 0;
}
.order-history .order-history__container th,
.order-history .order-history__container td {
display: table-cell;
border-width: 0 1px 0 1px;
border-style: solid;
border-color: #000;
background: #fff;
vertical-align: middle;
}
.order-history .order-history__container tfoot tr td:first-child {
padding-right: 10px;
text-align: right;
}
.order-history .order-history__container tfoot tr td:last-child {
padding-left: 10px;
text-align: left;
}
.order-history .order-history__no-order {
margin-top: 50px;
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
line-height: 40px;
}
@media (min-width: 768px) {
.order-history .order-history__no-order {
font-size: 48px;
line-height: 56px;
}
}
.order-history .order-history__image-wrapper {
display: flex;
align-items: center;
flex-direction: column;
}
@media (min-width: 768px) {
.order-history .order-history__image-wrapper {
flex-direction: row;
}
}
.order-history .order-history__image {
max-width: 68px;
}
@media (min-width: 768px) {
.order-history .order-history__image {
max-width: 110px;
}
}
.order-history .pagination ul {
display: flex;
justify-content: flex-end;
gap: 5px;
}
.order-history .pagination a,
.order-history .pagination span {
padding: 10px;
font-size: 16px;
text-decoration: none;
}
.order-history .pagination a:hover {
text-decoration: underline;
}
@media (min-width: 992px) {
.order-history {
overflow: initial;
margin: 0 auto;
}
}
.order-address__wrapper {
display: flex;
justify-content: space-between;
margin: 50px 20px;
max-width: 800px;
gap: 5px;
}
@media (min-width: 992px) {
.order-address__wrapper {
margin: 50px auto;
}
}
.order-address {
width: 100%;
padding: 5px;
border: 1px solid #000;
}
.order-address .order-address__title {
font-family: var(--font-body-family), sans-serif;
font-size: 22px;
font-weight: 400;
}
.order-address .order-address__payment,
.order-address .order-address__fulfillment,
.order-address p {
font-size: 16px;
}
.account-content-block {
display: flex;
justify-content: center;
align-items: center;
margin: 20px 40px 20px;
}
.account-content-block .account-content-block__text {
font-family: var(--font-body-family), sans-serif;
font-size: 20px;
line-height: 36px;
text-align: center;
}
.account-content-block .account-content-block__text * {
font-size: 20px;
line-height: 36px;
text-align: center;
}
.account-content-block .account-content-block__buttons {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 23px;
margin-top: 19px;
}
@media (min-width: 768px) {
.account-content-block .account-content-block__buttons {
flex-direction: row;
}
}
.account-content-block .account-content-block__button {
display: inline-block;
padding: 4px 33px;
background: #000;
color: #fff;
}
@media (min-width: 768px) {
.account-content-block .account-content-block__button {
padding: 4px 32px;
}
}
@media (min-width: 768px) {
.account-content-block {
margin: 20px 0 20px;
}
}
.account-preferred-store {
padding: 20px 40px;
}
.account-preferred-store .account-preferred-store__container {
max-width: 800px;
margin: 0 auto;
}
.account-preferred-store .account-preferred-store__title {
display: block;
font-family: var(--font-heading-family), sans-serif;
font-size: 40px;
line-height: 48px;
}
.account-preferred-store .account-preferred-store__subtitle {
display: block;
}
.account-preferred-store .account-preferred-store__group {
position: relative;
width: 50%;
margin: 20px 0;
}
.account-preferred-store .account-preferred-store__select {
display: block;
width: 100%;
height: auto;
padding: 10px 10px 10px 5px;
border: none;
background: none;
background: #fff;
font-size: 14px;
border-bottom: 1px solid #000;
color: #000;
}
.account-preferred-store .account-preferred-store__label {
position: absolute;
top: 10px;
left: 5px;
font-size: 18px;
font-weight: normal;
color: #999;
pointer-events: none;
transition: 0.2s ease all;
}
.account-preferred-store
.account-preferred-store__select
~ .account-preferred-store__label,
.account-preferred-store
.account-preferred-store__input:focus
~ .account-preferred-store__label,
.account-preferred-store
.account-preferred-store__input:valid
~ .account-preferred-store__label {
top: -10px;
font-size: 12px;
}
.account-preferred-store .account-preferred-store__bar {
position: relative;
display: block;
width: 100%;
}
.account-preferred-store .account-preferred-store__bar::before,
.account-preferred-store .account-preferred-store__bar::after {
content: "";
position: absolute;
bottom: 1px;
width: 0;
height: 2px;
background: #000;
}
.account-preferred-store .account-preferred-store__bar::before {
left: 50%;
}
.account-preferred-store .account-preferred-store__bar::after {
right: 50%;
}
.account-preferred-store
.account-preferred-store__input:focus
~ .account-preferred-store__bar::before,
.account-preferred-store
.account-preferred-store__input:focus
~ .account-preferred-store__bar::after {
width: 50%;
}
.account-preferred-store .account-preferred-store__highlight {
position: absolute;
top: 25%;
left: 0;
opacity: 0.5;
width: 100px;
height: 60%;
pointer-events: none;
}
.account-preferred-store
.account-preferred-store__input:focus
~ .account-preferred-store__highlight {
-webkit-animation: inputHighlighter 0.3s ease;
animation: inputHighlighter 0.3s ease;
}
.slider.slider--arrows-inverse .slider__arrow {
background-color: #000;
color: #fff;
}
.slider__container {
position: relative;
padding-left: 20px;
padding-right: 20px;
z-index: 0;
}
.slider__container[data-slider-2r] .view-all-cta {
display: none;
}
@media (min-width: 1200px) {
.slider__container[data-slider-2r] .slider__wrapper {
flex-wrap: wrap;
justify-content: space-between;
gap: 16px;
}
.slider__container[data-slider-2r] .slider__wrapper .swiper-slide.slider__slide.products-carousel__item {
margin-right: 0;
}
.slider__container[data-slider-2r] .view-all-cta {
display: block;
text-align: end;
}
.slider__container[data-slider-2r] .slider__arrow {
display: none;
}
}
.slider__container:not(.initialized) .slider__wrapper {
display: flex;
padding: 10px 0;
}
.slider__container:not(.initialized) .slider__arrow {
visibility: hidden;
opacity: 0;
}
.slider__slide,
.swiper-slide.slider__slide.products-carousel__item {
width: 71.95%;
margin-right: 16px;
}
.slider__slide:last-child {
margin-right: 0;
}
.slider__arrow {
position: absolute;
top: 50%;
z-index: 1;
opacity: 0.8;
border-radius: 50%;
width: 60px;
height: 60px;
margin: 0 32px;
padding: 0;
background-color: white;
text-align: center;
color: #000;
filter: drop-shadow(0 5px 7px rgba(0, 0, 0, 0.2));
transform: translateY(-50%);
transition: all 0.25s ease-out;
}
.slider__arrow.slider__arrow--prev {
left: 0;
}
.slider__arrow.slider__arrow--prev svg {
transform: rotate(180deg);
}
.slider__arrow.slider__arrow--next {
right: 0;
}
.slider__arrow:disabled {
visibility: hidden;
opacity: 0;
}
.slider__arrow svg {
display: inline-block;
vertical-align: middle;
max-width: 10px;
}
.slider__arrow svg path {
fill: currentColor;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.slider__arrow:hover {
opacity: 1;
}
}
@media (min-width: 768px) {
.slider__container {
padding-left: 32px;
padding-right: 32px;
}
.slider__slide,
.swiper-slide.slider__slide.products-carousel__item {
width: 29.7%;
}
}
@media (min-width: 1200px) {
.slider__slide,
.swiper-slide.slider__slide.products-carousel__item {
width: 22.61%;
}
.slider__container[data-slider-2r] .swiper-slide.slider__slide.products-carousel__item,
.slider__container[data-slider-2r] .swiper-slide.slider__slide.products-carousel__banner {
width: calc(25% - 16px);
}
}
@media (min-width: 2560px) {
.slider__slide,
.swiper-slide.slider__slide.products-carousel__item {
width: 21.5%;
margin-right: 20px;
}
.slider__slide:last-child {
margin-right: 0;
}
}
.sign-up-block {
position: relative;
display: flex;
justify-content: var(--mobile-horizontal-pos);
align-items: var(--mobile-vertical-pos);
min-height: var(--block-height, 880px);
padding: 20px;
text-align: var(--mobile-text-align);
}
.sign-up-block .sign-up-block__image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sign-up-block .popup {
min-height: 100%;
}
.sign-up-block .popup__container {
max-width: 680px;
position: relative;
top: 20px;
width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
/* for Internet Explorer, Edge */
scrollbar-width: none;
/* for Firefox */
overflow-y: scroll;
}
.sign-up-block .popup__container::-webkit-scrollbar {
display: none;
}
.sign-up-block .popup__content-wrapper {
padding: 0;
}
.sign-up-block .sign-up-block__content {
position: relative;
z-index: 3;
color: var(--text-color, #000);
transition: opacity 0.3s ease;
}
.sign-up-block .sign-up-block__title {
margin-bottom: 14px;
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
line-height: 38px;
}
.sign-up-block .sign-up-block__subtitle {
margin-bottom: 22px;
font-size: 16px;
line-height: 28px;
}
.sign-up-block .sign-up-block__buttons {
display: grid;
justify-items: var(--mobile-horizontal-pos);
grid-gap: 20px;
}
.sign-up-block .sign-up-block__scroll-arrow {
position: absolute;
bottom: 10%;
left: calc(50% - 12px);
z-index: 3;
width: 24px;
height: 24px;
-webkit-animation: fade_move_down 2s ease-in-out infinite;
animation: fade_move_down 2s ease-in-out infinite;
cursor: pointer;
}
.sign-up-block .sign-up-block__caption {
position: absolute;
bottom: 50px;
left: 50px;
z-index: 3;
opacity: 0;
text-align: left;
color: var(--text-color, #000);
transition: opacity 0.3s ease;
}
.sign-up-block .sign-up-block__caption.sign-up-block__caption--show {
opacity: 1;
}
.sign-up-block .sign-up-block__caption .sign-up-block__caption-title {
margin-bottom: 14px;
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
line-height: 28px;
}
.sign-up-block .sign-up-block__caption .sign-up-block__caption-subtitle {
font-size: 16px;
line-height: 22px;
}
.sign-up-block .sign-up-block__caption-button {
position: absolute;
bottom: 50px;
right: 50px;
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
cursor: pointer;
}
.sign-up-block .sign-up-block__caption-button svg path {
fill: var(--text-color, #fff);
}
.sign-up-block .sign-up-block__caption-button .icon.icon-more {
width: 32px;
}
.sign-up-block .sign-up-block__caption-button [data-block-caption-button-more],
.sign-up-block
.sign-up-block__caption-button
[data-block-caption-button-close] {
pointer-events: none;
}
.sign-up-block
.sign-up-block__caption-button
[data-block-caption-button-close] {
display: none;
}
.sign-up-block.sign-up-block--animated {
transform: scale(0.8);
transition: transform 0.3s ease;
}
.sign-up-block.sign-up-block--animated .sign-up-block__content {
opacity: 0;
transform: translateY(100%);
transition: transform 0.3s ease, opacity 0.3s ease;
}
.sign-up-block.sign-up-block--scrolled {
transform: none;
}
.sign-up-block.sign-up-block--scrolled .sign-up-block__content {
opacity: 1;
transform: none;
}
.sign-up-block.sign-up-block--scrolled
.sign-up-block__content.sign-up-block__content--hidden {
opacity: 0;
}
.sign-up-block .sign-up-block__button {
display: flex;
margin: 22px auto 0 auto;
padding: 21px 85px;
font-size: 16px;
font-weight: 500;
line-height: 14px;
border-radius: 36px;
}
.sign-up-block .sign-up-block__icon-close {
position: absolute;
top: 20px;
right: 20px;
background-color: transparent;
cursor: pointer;
}
.sign-up-block .sign-up-block__icon-close svg {
fill: white;
}
.sign-up-block .popup::before {
z-index: 0;
display: none;
}
.sign-up-block__form {
max-height: 80vh;
overflow: auto;
}
.sign-up-block__form .form-all {
padding: 0 10px;
background: black;
min-width: 100%;
}
.sign-up-block__form .sign-up__form {
display: flex;
margin: 0 auto;
min-width: 100% !important;
}
.sign-up-block__form div#text_5 p {
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 28px;
line-height: 56px;
letter-spacing: -0.35px;
text-align: center;
text-align: left;
color: #ffffff;
}
.sign-up-block__form .form-line {
padding: 25px 0;
}
.sign-up-block__form
span.form-address-line.form-address-country-line.jsTest-address-lineField {
margin-top: 57px;
}
.sign-up-block__form li#id_17 {
padding-top: 5px;
}
.sign-up-block__form li#id_5 {
padding: 0;
}
.sign-up-block__form .form-input {
width: 100%;
}
.sign-up-block__form label {
display: none;
}
.sign-up-block__form .form-textbox {
width: 100%;
}
.sign-up-block__form span.form-sub-label-container {
display: flex;
align-items: center;
width: 100%;
}
.sign-up-block__form .formFooter.f6.branding21 {
display: none;
}
.sign-up-block__form span.form-required {
display: none;
}
.sign-up-block__form .jotform-form {
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.sign-up-block__form label#label_17 {
display: none;
}
.sign-up-block__form span.form-checkbox-item label {
display: block;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 14px;
text-align: left;
color: #fff;
}
.sign-up-block__form
.form-buttons-wrapper.form-buttons-center.jsTest-button-wrapperField {
display: flex;
justify-content: center;
margin-top: 0;
padding-top: 0;
}
.sign-up-block__form button#input_2 {
height: auto !important;
padding: 18px 65px;
background: #ffffff;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 16px;
font-weight: 500;
color: black;
border-radius: 36px !important;
}
.sign-up-block__form span.form-checkbox-item {
clear: left;
display: flex;
align-items: center;
}
.sign-up-block__form .form-submit-button {
width: auto !important;
padding: 0 52.5px;
font-size: 16px;
}
.sign-up-block__form .form-submit-button:hover {
width: auto !important;
font-size: 16px;
}
.sign-up-block__form div#cid_9 div {
display: flex;
justify-content: center;
align-items: center;
}
.sign-up-block__form input#input_9_area {
width: 46px;
}
.sign-up-block__form span.phone-separate {
display: flex;
align-items: center;
width: 5px;
margin-left: 5px;
}
.sign-up-block__form div#cid_9 span.form-sub-label-container:first-child {
width: 15%;
}
.sign-up-block__form input#input_3,
.sign-up-block__form input#input_7,
.sign-up-block__form input#input_4,
.sign-up-block__form input#input_16,
.sign-up-block__form input#input_9_phone,
.sign-up-block__form input#input_9_area,
.sign-up-block__form input#input_18_postal,
.sign-up-block__form select#input_18_country {
padding-bottom: 5px;
border: none;
background: transparent;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 18px;
color: #999999;
box-sizing: border-box;
border-bottom: 1px solid #ffffff;
box-shadow: none;
border-radius: 0;
}
.sign-up-block__form select#input_18_country option {
color: black;
}
.sign-up-block__form .form-address-table {
width: 100%;
}
.sign-up-block__form
span.form-address-line.form-address-zip-line.jsTest-address-lineField {
width: 100%;
}
.sign-up-block__form input#input_17_0 {
width: 18px;
height: 18px;
margin-top: 0;
}
.sign-up-block__form .form-address-line {
width: 100%;
}
.sign-up-block__form li#id_2 {
padding-bottom: 0;
}
@media (min-width: 768px) {
.sign-up-block {
justify-content: var(--desktop-horizontal-pos);
align-items: var(--desktop-vertical-pos);
padding: 50px;
text-align: var(--desktop-text-align);
}
.sign-up-block .sign-up-block__content {
max-width: 820px;
}
.sign-up-block .sign-up-block__title {
margin-top: 5px;
margin-bottom: 30px;
font-size: 64px;
line-height: 72px;
}
.sign-up-block .sign-up-block__subtitle {
margin-bottom: 18px;
font-size: 20px;
line-height: 35px;
}
.sign-up-block .sign-up-block__subtitle p + p {
margin-top: 10px;
}
.sign-up-block .sign-up-block__subtitle p {
font-size: 20px;
line-height: 1.75;
}
.sign-up-block .sign-up-block__buttons {
display: flex;
justify-content: center;
justify-items: var(--desktop-horizontal-pos);
align-items: center;
}
.sign-up-block .form-all {
padding: 0 80px;
}
.sign-up-block .sign-up-block__form div#text_5 p {
font-size: 35px;
}
.sign-up-block .sign-up-block__icon-close {
top: 40px;
right: 40px;
}
.sign-up-block__form
.form-buttons-wrapper.form-buttons-center.jsTest-button-wrapperField {
justify-content: flex-start;
}
}
@keyframes fade_move_down {
0% {
opacity: 0;
transform: translate(0, -0.5rem);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(0, 0.5rem);
}
}
.sign-up-block__icon-close svg {
fill: white;
}
.collection-wrapper {
display: flex;
gap: 35px;
justify-content: center;
padding: 26px 24px;
}
.collection-wrapper .collection-filters {
position: absolute;
padding-top: calc(var(--header-height) + var(--headerTop));
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 {
width: 100% !important;
background: #ffff;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-top {
/*display: none;*/
}
@media (max-width: 768px) {
.boost-pfs-filter-tree-mobile-sticky.boost-pfs-filter-tree-mobile-open .boost-pfs-filter-tree-content > .boost-pfs-filter-top-sorting {
display: none!important;
}
.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-top .boost-pfs-filter-close span::before, .boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-top .boost-pfs-filter-close span::after {
width: 3px;
height: 20px;
}
.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-top .boost-pfs-filter-close span::before {
transform: translateX(-2px) translateY(5px) rotate(45deg);
}
.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-top {
height: auto;
width: 44px;
left: unset;
right: 15px;
top: 15px;
background: transparent;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-bottom {
top: 22px;
right: 70px;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-bottom .boost-pfs-filter-clear-all {
font-weight: 600;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
}
.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-top span {
margin-left: 0!important;
background: transparent!important;
}
.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-top a {
background: transparent;
}
.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-top span::after,
.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-top span::before {
background: #000!important;
}
.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-bottom .boost-pfs-filter-clear-all {
display: block!important;
z-index: 100;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-options-wrapper .sort-by {
border-top: 1px solid #4a4a4a;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-options-wrapper .sort-by__title {
padding: 16px 20px 16px 0;
justify-content: left;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-options-wrapper .sort-by__title-text {
line-height: 20px;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-options-wrapper .sort-by__active-text {
display: none;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-options-wrapper .sort-by .sort-by__title:after {
top: 26px;
right: 16px;
padding: 0 0 7px 7px;
border-left: 3px solid black;
border-bottom: 3px solid black;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-options-wrapper .boost-pfs-filter-option {
padding: 16px 20px 16px 0;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-options-wrapper .boost-pfs-filter-option .boost-pfs-filter-option-item.filter-option--show {
padding-right: 0;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-footer {
width: 60%;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-footer .boost-pfs-filter-show-result {
background-color: #000;
color: #fff;
font-size: 14px;
font-weight: 500;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-footer .boost-pfs-filter-clear-all {
display: none;
}
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-header {
/*padding-top: 24px;*/
padding-left: 16px;
background: #fff;
font-size: 20px;
font-weight: 500;
line-height: 14px;
text-align: left;
text-transform: none;
color: #000;
border-bottom: none;
height: 70px;
display: flex;
align-items: center;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-bottom {
/*display: none;*/
z-index: 100;
}
.collection-wrapper .collection-filters .boost-pfs-filter-tree-mobile-open .collection-sort {
display: block;
}
.collection-wrapper .collection-filters .boost-pfs-filter-tree-mobile-open .collection-sort .sort-by {
display: block;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-options-wrapper {
width: 100%;
padding-top: 0px;
padding-bottom: 100px;
padding-left: 26px;
padding-right: 6px;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option-content {
width: 103% !important;
margin-left: -10px;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option-content
.boost-pfs-filter-option-item-list {
margin: 0 0;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option-content
.boost-pfs-filter-option-content-inner {
max-height: unset;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option-content
.boost-pfs-filter-option-content-inner
ul {
padding-right: unset;
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option-content
.boost-pfs-filter-option-content-inner {
/* max-height: 220px; */
}
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-options-wrapper .boost-pfs-filter-option {
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px solid #4a4a4a;
font-family: var(--font-heading-family), sans-serif;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option:first-child {
border-top: none;
margin-top: 1px;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-selected-items-mobile {
display: none;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-options-wrapper .boost-pfs-filter-option .boost-pfs-filter-button {
z-index: 2;
color: #000;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-options-wrapper .boost-pfs-filter-option .boost-pfs-filter-button .boost-pfs-filter-option-title-text {
display: flex !important;
justify-content: space-between;
align-items: center;
text-transform: none;
color: #000;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-button
.boost-pfs-filter-option-title-text::before {
content: none !important;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-options-wrapper .boost-pfs-filter-option .boost-pfs-filter-button .boost-pfs-filter-option-title-text::after {
content: "";
position: absolute;
top: 6px;
right: 2px;
z-index: 2;
display: inline-block;
width: 10px;
height: 10px;
transform: rotate(-135deg);
transition: all 0.1s ease-in-out;
border-right: 3px solid #000;
border-bottom: 3px solid #000;
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-button
.boost-pfs-filter-option-title-text::after {
right: 16px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
width: 8px;
height: 8px;
}
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-button
.boost-pfs-filter-option-title-text {
color: unset;
}
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-button
.boost-pfs-check-box {
background: #222;
border-radius: 2px;
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-button
.boost-pfs-check-box {
border: none;
background: #eaeaea;
}
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-button {
color: unset !important;
}
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-title-heading::after {
content: none;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected) {
position: relative;
opacity: 0;
transition: opacity 1s;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected)
.boost-pfs-filter-option-swatch-image {
border: 2px solid #eaeaea !important;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected)
.boost-pfs-filter-option-swatch-image::before {
content: none;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected).filter-option--show {
opacity: 1;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected).disabled {
opacity: 0 !important;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected).filter-option--show.disabled {
opacity: 0.3 !important;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected).selected::after,
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected):hover::after {
content: "";
position: absolute;
top: -3px;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 30px;
border-radius: 25px;
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected).selected::after,
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected):hover::after {
background: #fafafa;
}
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected).selected
.boost-pfs-filter-button,
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected):hover
.boost-pfs-filter-button {
position: inherit;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected).selected
.boost-pfs-check-box,
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected):hover
.boost-pfs-check-box {
left: -21px;
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option
.boost-pfs-filter-option-item:not(.selected).selected::after {
background: #eaeaea;
}
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option:hover
.boost-pfs-filter-option-title::after {
position: absolute;
top: -3px;
right: -7.5px;
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option:hover
.boost-pfs-filter-option-title::after {
top: -3px;
right: 8px;
background: #fafafa;
}
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option {
border-top: 1px solid #e3e3e3;
padding-top: 12px;
padding-bottom: 12px;
}
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option:hover
.boost-pfs-filter-option-title
.boost-pfs-filter-option-title-heading {
z-index: 1;
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option:hover {
border-top: none !important;
border-radius: 35px;
margin-top: 1px;
}
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option.boost-pfs-filter-option-collapsed
.boost-pfs-filter-option-title-heading
.boost-pfs-filter-option-title-text::after {
transform: rotate(45deg);
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option.boost-pfs-filter-option-collapsed:hover {
width: 103%;
margin-left: -10px;
background: #fafafa;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option.boost-pfs-filter-option-collapsed:hover
+ div {
border-top: none !important;
margin-top: 1px;
}
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper
.boost-pfs-filter-option.boost-pfs-filter-option-collapsed
.js-remove-after::after {
content: none !important;
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-options-wrapper {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-mobile-footer {
bottom: 30px;
left: 0;
right: 0;
z-index: 2;
width: 70%;
margin: 0 auto;
text-align: center;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content .boost-pfs-filter-mobile-footer .boost-pfs-filter-show-result {
display: block;
width: 100%;
margin: 0 auto;
padding: 32px 50px;
background: #fff;
font-size: 16px;
font-weight: 600;
line-height: 0;
text-transform: none;
color: #000;
border-radius: 36px;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-mobile-footer
.boost-pfs-filter-show-result--apply {
background: red;
color: #fff;
}
@media (min-width: 480px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-mobile-footer
.boost-pfs-filter-show-result {
display: inline-block;
}
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content
.boost-pfs-filter-mobile-footer
.boost-pfs-filter-clear-all {
float: unset;
width: 100%;
margin-top: 10px;
padding: 32px 60px;
background: #fff;
font-size: 16px;
font-weight: 600;
line-height: 0;
text-transform: none;
color: #000;
border-radius: 36px;
}
.collection-wrapper .collection-filters #boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 110px;
/*background: linear-gradient(0deg, black 0%, black 40%, rgba(0, 0, 0, 0) 100%);*/
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-tree-content::after {
content: none;
}
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-check-box::before {
border-left: 2px solid #fff !important;
border-bottom: 2px solid #fff !important;
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-check-box::before {
border-left: 2px solid #000 !important;
border-bottom: 2px solid #000 !important;
}
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-option
.boost-pfs-filter-option-title-count:not(:empty) {
position: absolute;
right: -9px;
display: block;
width: 30px;
text-align: center;
padding: 5px 10px;
background: #fff;
color: #000;
border-radius: 50%;
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-option
.boost-pfs-filter-option-title-count:not(:empty) {
right: 6px;
background: #000;
color: #fff;
}
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-option
.boost-pfs-filter-option-title
button {
width: 100%;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-option
.boost-pfs-filter-option-title::after {
content: none !important;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-option:not(.boost-pfs-filter-option-collapsed)
.boost-pfs-filter-option-title-count {
display: none;
}
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3
.boost-pfs-filter-clear {
display: none !important;
}
@media (min-width: 768px) {
.collection-wrapper
.collection-filters
#boost-pfs-filter-tree.boost-pfs-filter-tree-mobile-style3 {
background: unset;
}
}
.collection-wrapper .collection-filters .collection-sort {
display: none;
}
.collection-wrapper .collection-filters .collection-sort .sort-by {
display: none;
}
@media (min-width: 768px) {
.collection-wrapper .collection-filters .collection-sort .sort-by {
display: block;
}
}
.collection-wrapper .collection-filters ::-webkit-scrollbar {
width: 2px;
}
@media (min-width: 768px) {
.collection-wrapper .collection-filters {
position: -webkit-sticky;
position: sticky;
top: 0;
overflow: auto;
width: 40%;
height: 100%;
max-width: 280px;
max-height: 100vh;
}
}
.collection-wrapper
.collection-filters.boost-hidden
+ .collection-content
.boost-pfs-search-result-item {
display: none;
}
.collection-wrapper .collection-content {
width: 100%;
margin-top: 0;
}
.collection-wrapper .collection-content .boost-pfs-filter-refine-by-wrapper-h {
margin-top: 15px;
}
.collection-wrapper
.collection-content
.boost-pfs-filter-refine-by-wrapper-h
.refine-by-type {
font-size: 10px !important;
}
.collection-wrapper
.collection-content
.boost-pfs-filter-refine-by-wrapper-h
.refine-by-type
.refine-by-value {
font-weight: 600 !important;
}
.collection-wrapper .collection-content .boost-pfs-filter-refine-by {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.collection-wrapper .collection-content .boost-pfs-filter-refine-by > span {
display: none;
}
.collection-wrapper
.collection-content
.boost-pfs-filter-refine-by
.boost-pfs-filter-refine-by-items {
display: contents;
}
.collection-wrapper
.collection-content
.boost-pfs-filter-refine-by
.boost-pfs-filter-refine-by-items
.refine-by-item {
float: unset;
margin-bottom: 8px;
margin-right: 8px;
transition: transform 0.3s ease;
}
.collection-wrapper
.collection-content
.boost-pfs-filter-refine-by
.boost-pfs-filter-refine-by-items
.refine-by-item:hover {
background: #f5f5f5;
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
}
.collection-wrapper
.collection-content
.boost-pfs-filter-refine-by
.boost-pfs-filter-clear-all {
margin-left: 6px;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 12px;
letter-spacing: -0.5px;
}
.collection-wrapper .collection-content .filters-mobile {
position: -webkit-sticky;
position: sticky;
bottom: 30px;
z-index: 2;
display: flex;
justify-content: center;
align-items: flex-end;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 32px;
}
.collection-wrapper
.collection-content
.filters-mobile
.filters-mobile__button-opacity {
position: absolute;
opacity: 0;
}
.collection-wrapper
.collection-content
.filters-mobile
.filters-mobile__button-opacity
button {
margin: 0;
padding: 21px 70px;
border-radius: 52px;
}
@media (min-width: 768px) {
.collection-wrapper
.collection-content
.filters-mobile
.filters-mobile__button-opacity
button {
padding: 24px 70px;
}
}
.collection-wrapper
.collection-content
.filters-mobile
.filters-mobile__button {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 70px;
background: #000;
text-decoration: none;
color: #fff;
border-radius: 52px;
}
@media (min-width: 768px) {
.collection-wrapper
.collection-content
.filters-mobile
.filters-mobile__button {
padding: 22px 70px;
}
}
.collection-wrapper .collection-content .filters-mobile .filters-mobile__text {
margin-left: 14px;
}
@media (min-width: 768px) {
.collection-wrapper .collection-content .filters-mobile {
display: none !important;
}
}
.collection-wrapper .collection-content .js-filters-mobile-bottom {
display: none;
}
.collection-wrapper .collection-content .collection-paginate .boost-pfs-filter-load-more-total {
text-transform: none;
font-size: 14px;
letter-spacing: 0;
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 768px) {
.collection-wrapper .collection-content .collection-paginate .boost-pfs-filter-load-more {
padding-bottom: 5px;
}
.collection-wrapper {
padding-bottom: 5px;
}
}
.collection-wrapper .collection-content .collection-paginate .boost-pfs-filter-load-more-total .collection__pagination-progress-bar-track {
max-width: 250px;
width: 100%;
background-color: #f5f5f5;
display: flex;
justify-content: left;
height: 3px;
margin-top: 24px;
}
.collection-wrapper .collection-content .collection-paginate .boost-pfs-filter-load-more-total .collection__pagination-progress-bar-indicator {
background-color: #000;
height: 3px;
}
.collection-wrapper .collection-content .collection-paginate .boost-pfs-filter-load-more-button {
padding: 21px 38px;
background: #fff;
font-weight: 500;
text-transform: none;
color: #000;
border-radius: 36px;
transition: transform 0.3s ease;
border: 2px solid #000;
}
.collection-wrapper
.collection-content
.collection-paginate
.boost-pfs-filter-load-more-button:hover {
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
}
.collection-wrapper .collection-content .banner {
position: relative;
overflow: hidden;
}
.collection-wrapper .collection-content .banner[data-number-of-rows="undefined"] .banner__button-show-content,
.collection-wrapper .collection-content .banner[data-number-of-columns="undefined"] .banner__button-show-content,
.collection-wrapper .collection-content .banner[data-number-of-rows="undefined"] .banner__captions,
.collection-wrapper .collection-content .banner[data-number-of-columns="undefined"] .banner__captions {
display: none;
}
.collection-wrapper .collection-content .banner__image-wrapper {
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
padding-top: 119%;
border-radius: 8px;
cursor: pointer;
}
.collection-wrapper
.collection-content
.banner__image-wrapper:hover
.banner__image {
filter: brightness(1.2);
}
.collection-wrapper .collection-content .banner__image-first {
position: absolute;
top: 0;
display: flex;
visibility: visible;
opacity: 1;
width: 100%;
height: 100%;
transition: visibility 0.2s, opacity 0.2s, transform 0.2s;
}
.collection-wrapper .collection-content .banner__image-first picture {
width: 100%;
height: 100%;
}
.collection-wrapper .collection-content .banner__image-first video {
width: 100%;
object-fit: cover;
}
.collection-wrapper .collection-content .banner__image {
width: fit-content;
min-width: 100%;
min-height: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
filter: brightness(1);
transition: transform 0.3s ease, filter 0.3s ease;
}
.collection-wrapper .collection-content .banner__content {
position: absolute;
top: 0;
z-index: 2;
display: flex;
flex-direction: column;
height: 100%;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 28px;
padding-right: 28px;
width: 100%;
}
.collection-wrapper .collection-content .banner__content.banner__content--vc {
justify-content: center;
}
.collection-wrapper .collection-content .banner__content.banner__content--vb {
justify-content: end;
}
.collection-wrapper .collection-content .banner__content.banner__content--hc {
align-items: center;
text-align: center;
}
.collection-wrapper .collection-content .banner__content.banner__content--hr {
align-items: end;
text-align: right;
}
.collection-wrapper .collection-content .banner__title {
font-size: 24px;
font-weight: 500;
line-height: 26px;
color: var(--text-color, #000);
}
@media (min-width: 768px) {
.collection-wrapper .collection-content .banner__title {
font-size: 14px;
}
}
@media (min-width: 992px) {
.collection-wrapper .collection-content .banner__title {
font-size: 24px;
}
}
.collection-wrapper .collection-content .banner__description {
margin-top: 7px;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
color: var(--text-color, #000);
}
@media (min-width: 768px) {
.collection-wrapper .collection-content .banner__description {
font-size: 12px;
}
}
@media (min-width: 992px) {
.collection-wrapper .collection-content .banner__description {
font-size: 14px;
}
}
.collection-wrapper .collection-content .banner__button {
display: inline-block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-top: 16px;
margin-bottom: 0;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 28px;
padding-right: 28px;
background: var(--button-background-color, #000);
font-size: 12px;
line-height: 14px;
text-decoration: none;
color: var(--button-text-color, #fff);
border-radius: 36px;
transition: transform 0.3s ease;
}
.collection-wrapper .collection-content .banner__button:hover {
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
}
.collection-wrapper .collection-content .banner__button--play {
padding: 0;
background: none;
}
.collection-wrapper .collection-content .banner__button--play svg {
width: 44px;
height: auto;
}
/* .collection-wrapper .collection-content .banner__button-secondary {
border: 4px solid;
background: none;
} */
.collection-wrapper
.collection-content
.banner__button-secondary.banner__button--play {
border: none;
}
.collection-wrapper
.collection-content
.banner__button-secondary.banner__button--play
svg {
border: 4px solid;
border-radius: 50%;
}
.collection-wrapper
.collection-content
.banner__button-secondary.banner__button--play
svg
circle {
fill: none;
}
.collection-wrapper
.collection-content
.banner__button-secondary.banner__button--play
svg
path {
fill: #fff;
stroke: #fff;
}
.collection-wrapper .collection-content .banner__lightbox {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none;
width: 100%;
height: 100%;
background: #000;
}
.collection-wrapper .collection-content .banner__lightbox--open {
display: block;
}
.collection-wrapper .collection-content .banner__lightbox-header {
display: flex;
justify-content: right;
padding: 20px;
color: #fff;
cursor: pointer;
}
.collection-wrapper .collection-content .banner__lightbox-iframe {
width: 100%;
height: calc(100% - 57px);
}
.collection-wrapper .collection-content .collection-mobile-sort .sort-by {
position: relative;
flex-direction: column;
border: none;
}
.collection-wrapper
.collection-content
.collection-mobile-sort
.sort-by--open
.sort-by__content {
border: 1px solid #e3e3e3;
}
.collection-wrapper
.collection-content
.collection-mobile-sort
.sort-by__content {
position: absolute;
top: 48px;
z-index: 1;
width: 100%;
background: #fff;
}
@media (min-width: 768px) {
/*.collection-wrapper .collection-content .collection-mobile-sort {*/
/* display: none;*/
/*}*/
.collection-wrapper .collection-content > .sort-wrapper .sort-by__title {
width: 200px;
}
}
.collection-wrapper .collection-content > .sort-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 5px;
}
.collection-wrapper .collection-content > .sort-wrapper .total-products {
font-size: 16px;
font-weight: 500;
line-height: 26px;
}
.collection-wrapper .collection-content > .sort-wrapper .sort-by__title-text {
margin-right: 5px;
}
.collection-wrapper .collection-content > .sort-wrapper .sort-by__title::after {
right: 2px;
top: 17px;
margin-top: 0;
}
.collection-wrapper .mobile-product-wrapper {
max-width: 100%;
overflow: hidden;
}
.collection-wrapper .mobile-product-wrapper + .product-card {
padding-bottom: 10px;
}
@media (min-width: 576px) {
.collection-wrapper .mobile-product-wrapper + .product-card {
display: unset;
}
}
@media (min-width: 576px) {
.collection-wrapper .mobile-product-wrapper {
display: none;
}
}
.collection-wrapper .mobile-product-wrapper__content {
overflow: auto;
display: flex;
gap: 10px;
padding-top: 15px;
padding-bottom: 15px;
}
.collection-wrapper .mobile-product-wrapper__content .product-card {
flex: 0 0 auto;
width: 80%;
}
@media (min-width: 768px) {
.collection-wrapper .mobile-product-wrapper__content {
gap: 20px;
}
}
.collection-wrapper .mobile-product-wrapper__plug {
display: block;
padding-top: 100%;
}
@media (min-width: 768px) {
.collection-wrapper {
padding: 0 40px 90px;
}
}
@media (min-width: 1200px) {
.collection-wrapper {
padding: 70px 80px;
}
}
@-webkit-keyframes skeleton-loading {
0% {
background-color: #c2cfd6;
}
100% {
background-color: #f0f3f5;
}
}
@keyframes skeleton-loading {
0% {
background-color: #c2cfd6;
}
100% {
background-color: #f0f3f5;
}
}
.collection-wrapper.is-loading .boost-pfs-filter-products {
gap: 5px;
}
@media (min-width: 768px) {
.collection-wrapper.is-loading.collection-wrapper .collection-filters {
overflow: hidden;
}
}
@media (min-width: 768px) {
.collection-wrapper.is-loading
.boost-pfs-filter-tree.boost-pfs-filter-tree-v {
width: 280px;
display: block;
}
}
.collection-wrapper.is-loading
.boost-pfs-filter-tree.boost-pfs-filter-tree-v
> * {
display: block;
-webkit-animation: skeleton-loading 1s linear infinite alternate;
animation: skeleton-loading 1s linear infinite alternate;
width: 100%;
height: 46px;
margin-bottom: 2px;
}
.collection-wrapper.is-loading .boost-pfs-filter-top-sorting.collection-sort {
-webkit-animation: skeleton-loading 1s linear infinite alternate;
animation: skeleton-loading 1s linear infinite alternate;
}
@media (min-width: 768px) {
.collection-wrapper.is-loading .boost-pfs-filter-top-sorting.collection-sort {
width: 280px;
height: 49px;
display: block;
}
}
@media (max-width: 767px) {
.collection-wrapper.is-loading
.boost-pfs-filter-top-sorting.collection-mobile-sort {
display: block;
height: 48px;
width: 100%;
-webkit-animation: skeleton-loading 1s linear infinite alternate;
animation: skeleton-loading 1s linear infinite alternate;
}
}
.collection-wrapper.is-loading .product-card.for-loading-only {
height: 100%;
width: 100%;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.collection-wrapper.is-loading .product-card.for-loading-only {
height: 100%;
width: 100%;
}
}
@media (min-width: 1800px) {
.collection-wrapper.is-loading .product-card.for-loading-only {
height: 100%;
width: 100%;
}
}
.collection-wrapper.is-loading
.product-card.for-loading-only
.product-card__images-box,
.collection-wrapper.is-loading
.product-card.for-loading-only
.card-scroll
.circle-placeholder,
.collection-wrapper.is-loading
.product-card.for-loading-only
.product-card__title,
.collection-wrapper.is-loading
.product-card.for-loading-only
.product-card__price
.collection-wrapper.is-loading
.product-card.for-loading-only
.product-card__price-sale {
display: block;
-webkit-animation: skeleton-loading 1s linear infinite alternate;
animation: skeleton-loading 1s linear infinite alternate;
}
.collection-wrapper.is-loading .product-card.for-loading-only .card-scroll {
display: flex;
}
.collection-wrapper.is-loading
.product-card.for-loading-only
.card-scroll
.circle-placeholder {
width: 20px;
height: 20px;
border-radius: 100%;
}
.collection-wrapper.is-loading
.product-card.for-loading-only
.product-card__title {
width: 100%;
height: 21px;
}
.collection-wrapper.is-loading
.product-card.for-loading-only
.product-card__price,
.collection-wrapper.is-loading
.product-card.for-loading-only
.product-card__price-sale {
height: 20px;
width: 50%;
margin-top: 5px;
}
.sort-by {
display: flex;
flex-direction: column-reverse;
border-top: 1px solid #e3e3e3;
}
.sort-by .sort-by__title {
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 12px 0 12px 0;
font-size: 16px;
font-weight: 500;
cursor: pointer;
border-radius: 30px;
}
.sort-by .sort-by__title::after {
content: "";
position: absolute;
top: 14px;
right: 12px;
display: block;
margin-top: -6px;
margin-left: 5px;
margin-right: 5px;
padding: 0 0 6px 6px;
font-size: 30px;
line-height: 23px;
transform: rotate(-45deg);
border-left: 2px solid black;
border-bottom: 2px solid black;
transition: all 0.1s ease-in-out;
}
@media (min-width: 768px) {
.sort-by .sort-by__title::after {
content: "";
position: initial;
top: auto;
right: auto;
}
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.sort-by .sort-by__title:hover {
width: 103%;
margin-left: -10px;
background: #fafafa;
}
}
@media (min-width: 768px) {
.sort-by .sort-by__title {
position: initial;
justify-content: space-between;
gap: initial;
}
}
.sort-by .sort-by__title-text {
font-family: var(--font-heading-family), sans-serif;
text-align: center;
}
@media (min-width: 768px) {
.sort-by .sort-by__title-text {
flex: 1;
text-align: unset;
}
}
.sort-by .sort-by__active-text {
padding: 5px 25px 5px 10px;
background-color: #f5f5f5;
font-size: 12px;
border-radius: 10px;
}
.sort-by .sort-by__active-text:empty {
display: none;
}
@media (min-width: 768px) {
.sort-by .sort-by__active-text {
padding: initial;
background-color: unset;
border-radius: initial;
}
}
.sort-by .sort-by__content {
overflow: hidden;
max-height: 0;
transition: max-height 0.5s ease-in-out;
}
.sort-by .sort-by__item {
position: relative;
opacity: 1;
margin: 0 15px;
padding: 5px 20px 5px 25px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 400;
transition: opacity 1s;
cursor: pointer;
border-radius: 30px;
}
.sort-by .sort-by__item::before {
content: "";
position: absolute;
top: 9px;
left: 5px;
display: block;
width: 14px;
height: 14px;
background: #dbdbdb;
border-radius: 50%;
}
.sort-by .sort-by__item--active::before {
background: #3d3d3d;
}
@media (min-width: 768px) {
.sort-by .sort-by__item--active {
background: #fafafa;
}
}
.sort-by .sort-by__item--show {
opacity: 1;
}
@media (min-width: 768px) {
.sort-by .sort-by__item {
margin: 0 -3px;
}
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.sort-by .sort-by__item:hover {
background: #fafafa;
}
}
.sort-by.sort-by--open .sort-by__content {
overflow: hidden;
max-height: 2000px;
}
.sort-by.sort-by--open .sort-by__title::after {
transform: rotate(-225deg);
transition: all 0.1s ease-in-out;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.sort-by.sort-by--open .sort-by__title:hover {
background: none;
}
.sort-by.sort-by--open .sort-by__title:hover::after {
background: #fafafa;
}
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.sort-by:hover {
border-top: none;
margin-top: 1px;
}
}
.sort-by.sort-by--open .sort-by__title::after {
margin-top: 3px;
}
.sort-by.filter-hover {
border-top: none;
margin-top: 1px;
}
.refine-by-option {
font-weight: 600;
}
.refine-by-type {
font-size: 10px;
font-weight: 600;
}
.boost-pfs-filter-clear-all {
margin-bottom: 8px;
text-transform: unset !important;
}
#boost-pfs-filter-tree-pf-t-colour.toggled .boost-pfs-filter-option-item,
#boost-pfs-filter-tree-pf-opt-color.toggled .boost-pfs-filter-option-item {
opacity: 0;
}
.boost-pfs-filter-btn-load-previous-page-wrapper {
display: none !important;
}
.boost-pfs-search-result-toolbar {
margin-top: 35px !important;
}
@media (max-width: 768px) {
ul.boost-pfs-search-result-panel-controls {
display: flex !important;
justify-content: space-between;
width: 100% !important;
max-width: unset;
}
ul.boost-pfs-search-result-panel-controls
.boost-pfs-search-result-panel-item {
margin: 0 !important;
}
ul.boost-pfs-search-result-panel-controls
.boost-pfs-search-result-panel-item
button {
line-height: 28px;
text-align: left;
}
}
.boost-pfs-filter-products {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
margin-top: 36px;
margin-bottom: 50px;
}
@media (min-width: 576px) {
.boost-pfs-filter-products {
grid-template-columns: repeat(2, minmax(50%, 1fr));
}
}
@media (min-width: 768px) {
.boost-pfs-filter-products {
margin-top: 25px;
}
}
@media (min-width: 992px) {
.boost-pfs-filter-products {
grid-template-columns: repeat(3, minmax(33.33%, 1fr));
}
}
@media (min-width: 1800px) {
.boost-pfs-filter-products {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 2560px) {
.boost-pfs-filter-products {
grid-template-columns: repeat(5, 1fr);
}
}
#boost-pfs-filter-tree-pf-t-colour .boost-pfs-filter-option-item,
#boost-pfs-filter-tree-pf-opt-color .boost-pfs-filter-option-item {
opacity: 1;
transition: opacity 2s;
}
#boost-pfs-filter-tree-pf-t-colour
.boost-pfs-filter-option-item.selected
.boost-pfs-filter-option-swatch-image,
#boost-pfs-filter-tree-pf-opt-color
.boost-pfs-filter-option-item.selected
.boost-pfs-filter-option-swatch-image {
display: flex;
justify-content: center;
align-items: center;
border: none !important;
}
#boost-pfs-filter-tree-pf-t-colour
.boost-pfs-filter-option-item.selected
.boost-pfs-filter-option-swatch-image::after,
#boost-pfs-filter-tree-pf-opt-color
.boost-pfs-filter-option-item.selected
.boost-pfs-filter-option-swatch-image::after {
content: "";
display: block;
width: 8px;
height: 11px;
border-right: 3px solid #ccc;
border-bottom: 3px solid #ccc;
margin-top: -3px;
transform: rotateZ(35deg);
}
#boost-pfs-filter-tree-pf-t-colour .boost-pfs-filter-option-item.selected,
#boost-pfs-filter-tree-pf-t-colour .boost-pfs-filter-option-item:hover,
#boost-pfs-filter-tree-pf-opt-color .boost-pfs-filter-option-item.selected,
#boost-pfs-filter-tree-pf-opt-color .boost-pfs-filter-option-item:hover {
transform: scale(1.1);
}
#boost-pfs-filter-tree-pf-t-colour
.boost-pfs-filter-option-item.selected::after,
#boost-pfs-filter-tree-pf-t-colour .boost-pfs-filter-option-item:hover::after,
#boost-pfs-filter-tree-pf-opt-color
.boost-pfs-filter-option-item.selected::after,
#boost-pfs-filter-tree-pf-opt-color .boost-pfs-filter-option-item:hover::after {
content: none !important;
}
.boost-pfs-filter-tree-open-body main {
z-index: 100000000 !important;
}
.mobile-product-wrapper__title {
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.14px;
}
.mobile-product-wrapper__price {
font-size: 14px;
line-height: 24px;
}
.collection-filters::-webkit-scrollbar {
width: 5px;
}
/* Track */
.collection-filters::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
.collection-filters::-webkit-scrollbar-thumb {
background: #757575;
}
/* Handle on hover */
.collection-filters::-webkit-scrollbar-thumb:hover {
background: #757575;
}
ul.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-grid {
padding-left: 5px;
}
.search {
display: none;
max-width: 756px;
margin: 13px auto 0;
}
.search .search__field {
align-items: center;
height: 64px;
border: 2px solid #e1e1e1;
background: #fafafa;
box-sizing: border-box;
border-radius: 64px;
}
.search .search__icon {
margin-left: 20px;
}
.search .search__input {
margin-left: 19px;
padding: unset;
font-size: 14px;
}
.search .field__button {
position: unset;
overflow: unset;
display: unset;
justify-content: unset;
align-items: unset;
width: unset;
height: unset;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 25px;
padding-right: 25px;
border: unset;
background: #000;
color: #fff;
border-radius: 64px;
}
@media (min-width: 768px) {
.search {
display: block;
}
}
.search__header-sort .sort-by__title {
justify-content: center;
gap: 20px;
}
.search__header-sort .sort-by__title-text {
flex: initial;
}
.search__header-sort .sort-by__active-text {
text-decoration: underline;
}
.boost-pfs-search-result-toolbar {
margin-top: 10px !important;
margin-bottom: 5px !important;
padding-top: 0 !important;
padding-bottom: 24px !important;
padding-left: 40px !important;
padding-right: 59px !important;
border-top: unset !important;
border-bottom: 4px solid #eaeaea !important;
}
.boost-pfs-search-result-item {
line-height: 28px;
text-align: center;
}
.boost-pfs-search-result-item li button {
font-size: 16px;
line-height: 15px;
letter-spacing: -0.0016em;
}
.boost-pfs-search-result-panel-item {
position: relative;
margin-right: 79px !important;
}
.boost-pfs-search-result-panel-item.boost-active::after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 4px;
margin-top: 24px;
background: #000;
border-radius: 19px;
}
@media (min-width: 768px) {
.boost-pfs-search-result-panel-item.boost-active::after {
margin-top: 26px;
}
}
.boost-pfs-search-result-list-item {
padding: unset !important;
}
.boost-pfs-search-result-list-item a {
padding: 20px 0;
}
.boost-pfs-filter-message.result-empty-search {
grid-column: 2;
}
.boost-pfs-search-result-pages .boost-pfs-search-result-list-item > a::before {
content: none !important;
}
.js-previous-pages .boost-pfs-search-result-list-item > a,
.boost-pfs-search-result-pages .boost-pfs-search-result-list-item > a {
font-family: var(--font-heading-family), sans-serif !important;
font-size: 14.6px !important;
text-decoration: none !important;
}
.boost-pfs-search-result-pages .boost-pfs-search-result-list-item {
border-bottom: none !important;
}
.collection-filters.boost-hidden + .collection-content .filters-mobile {
display: none !important;
}
.js-previous-pages .boost-pfs-search-result-list-item {
margin-bottom: 0;
}
.js-previous-pages .boost-pfs-search-result-list-item > a {
position: relative;
display: flex;
align-items: center;
line-height: 20px;
}
.footer {
background: #000;
}
.footer .footer__row {
display: grid;
grid-gap: 70px;
}
.footer .input input {
width: 100%;
color: #fff;
border-bottom: 2px solid #fff;
}
.footer .input input:not(:focus):not(:-moz-placeholder-shown):invalid {
border-color: #f72626;
}
.footer .input input:not(:focus):not(:-ms-input-placeholder):invalid {
border-color: #f72626;
}
.footer .input input:not(:focus):not(:placeholder-shown):invalid {
border-color: #f72626;
}
.footer .footer__submit {
width: 152px;
height: 42px;
margin-top: 50px;
}
.footer .button.button--secondary.button--small,
.footer
.yotpo-gallery
.yotpo-pictures-widget
.button--secondary.button--small.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.footer
.button--secondary.button--small.yotpo-load-more-button,
.footer .button--secondary.button--small.shopify-challenge__button.btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 20px;
}
.footer .footer__block-title {
margin-bottom: 16px;
font-family: "RidgewaySans-Medium", sans-serif;
font-size: 20px;
line-height: 32px;
letter-spacing: 0.2px;
color: #fff;
}
.footer .footer__block-text {
display: none;
}
.footer .footer__links {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 8px;
grid-column-gap: 30px;
}
.footer .footer__link {
font-size: 14px;
line-height: 24px;
text-decoration: none;
color: #fff;
}
.footer .footer__help {
min-width: 160px;
min-height: 45px;
}
.footer .footer__bottom {
padding: 89px 0 85px 0;
}
.footer .footer__copyright {
font-family: var(--font-heading-family), sans-serif;
font-size: 12px;
color: #fff;
}
.footer .footer__country {
display: flex;
align-items: center;
margin-top: 58px;
font-family: var(--font-heading-family), sans-serif;
font-size: 12px;
color: #fff;
transition: transform 0.3s ease;
cursor: pointer;
}
.footer .footer__country svg {
margin-left: 10px;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.footer .footer__country:hover {
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
}
}
.footer .errors {
margin: 10px 0;
}
.footer .errors ul li {
list-style: none;
font-size: 14px;
line-height: 1;
color: #f72626;
}
.footer .form--success {
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
color: #fff;
}
@media (min-width: 768px) {
.footer .footer__row {
grid-template-columns: repeat(2, 1fr);
}
.footer .footer__bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding: 224px 0 203px 0;
}
.footer .footer__country {
margin-top: 0;
}
.footer .footer__block-title {
margin-bottom: 48px;
font-size: 29px;
line-height: 32px;
letter-spacing: 0.5px;
}
.footer .form--success,
.footer .footer__block-text {
display: block;
margin-bottom: 36px;
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: #fff;
}
}
@media (min-width: 992px) {
.footer .footer__row {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1200px) {
.footer .footer__row {
grid-gap: 120px;
}
}
.country-modal {
display: none;
}
.country-modal.country-modal--show {
position: fixed;
top: 0;
left: 0;
z-index: 11111;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
background: #000;
}
.country-modal .country-modal__close {
position: absolute;
top: 15px;
right: 15px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.country-modal .country-modal__close svg {
fill: #fff;
}
.country-modal .country-modal__content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
color: #fff;
}
.country-modal .country-modal__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
line-height: 34px;
text-align: center;
}
.country-modal .country-modal__submit {
min-width: 122px;
min-height: 44px;
}
.country-modal .custom-select {
width: 100%;
margin: 50px 0;
background: #fff;
font-family: var(--font-heading-family), sans-serif;
color: #000;
border-radius: 20px;
}
.country-modal .select2-container .select2-results__options {
padding: 0;
}
.country-modal .select2-container .select2-selection.select2-selection--single {
display: flex;
align-items: center;
height: 30px;
padding: 30px;
font-size: 18px;
}
.country-modal .select2-container .select2-results__option {
display: flex;
align-items: center;
height: 30px;
padding: 30px;
background: #fff;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
color: #000;
border-bottom: 1px solid #eee;
transition: background 0.3s ease;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.country-modal .select2-container .select2-results__option:hover {
background: #eee;
}
}
.country-modal .select2-container .select2-results__option:first-child {
border-radius: 20px 20px 0 0;
}
.country-modal .select2-container .select2-results__option:last-child {
border-radius: 0 0 20px 20px;
border-bottom: none;
}
@media (min-width: 768px) {
.country-modal .country-modal__close {
top: 50px;
right: 50px;
transition: transform 0.3s ease;
}
}
@media (min-width: 768px) and (-moz-touch-enabled: 0),
(min-width: 768px) and (hover: hover) {
.country-modal .country-modal__close:hover {
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
}
}
.article-card-video {
position: relative;
overflow: hidden;
height: 100%;
color: #fff;
transition: transform 0.3s ease;
}
.article-card-video .article-card-video__image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
.article-card-video .article-card-video__overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(
359.35deg,
rgba(0, 0, 0, 0.53) 0.62%,
rgba(0, 0, 0, 0) 99.51%
);
border-radius: 8px;
}
.article-card-video .article-card-video__content {
position: absolute;
top: 0;
left: 0;
z-index: 3;
opacity: 0;
width: 100%;
height: 100%;
padding: 30px;
transform: translateY(100px);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.article-card-video
.article-card-video__content.article-card-video__content--centered {
text-align: center;
}
.article-card-video .article-card-video__title {
margin-bottom: 10px;
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
line-height: 32px;
}
.article-card-video
.article-card-video__title.article-card-video__title--visible {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
width: 100%;
text-align: center;
transform: translate(-50%, -50%);
transition: opacity 0.3s ease;
}
.article-card-video .article-card-video__text {
overflow: hidden;
display: -webkit-box;
font-size: 16px;
line-height: 24px;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.article-card-video .article-card-video__text span {
font-size: 16px;
line-height: 24px;
}
.article-card-video .article-card-video__text p {
font-size: 16px;
line-height: 24px;
}
.article-card-video .article-card-video__button {
position: absolute;
bottom: 30px;
left: 30px;
z-index: 3;
width: 84px;
height: 32px;
padding: 0;
border: 4px solid #fff;
background: none;
font-family: var(--font-heading-family), sans-serif;
font-size: 12px;
line-height: 32px;
text-align: center;
color: #fff;
}
.article-card-video .article-card-video__duration {
position: absolute;
bottom: 36px;
right: 30px;
z-index: 3;
font-family: var(--font-heading-family), sans-serif;
font-size: 12px;
}
.article-card-video .article-card-video__logo {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
width: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.3s ease;
}
.article-card-video .article-card-video__logo-img {
position: absolute;
top: 30%;
left: 50%;
z-index: 5;
transform: translateX(-50%);
max-width: 200px;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.article-card-video:hover {
transform: scale(1.02);
}
.article-card-video:hover .article-card-video__content {
opacity: 1;
transform: none;
}
.article-card-video:hover .article-card-video__title--visible,
.article-card-video:hover .article-card-video__logo {
opacity: 0;
}
.article-card-video:hover .article-card-video__button {
background: white;
color: black;
}
}
#shopify-section-article-test {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
margin: 20px;
}
.article-card-blog {
width: 100%;
height: 100%;
border-radius: 8px;
transition: transform 0.3s ease;
}
.article-card-blog:hover {
transform: scale(1.02);
}
.article-card-blog .article-card-blog__inner-content {
position: relative;
min-height: 65%;
display: flex;
flex-direction: column;
width: 100%;
padding: 31px 30px;
}
.article-card-blog .article-card-blog__content-readtime {
position: absolute;
bottom: 20px;
width: 113px;
padding: 9px;
background: #fff;
font-family: var(--font-heading-family), sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.167;
border-radius: 42px;
text-align: center;
color: #000;
transition: background 0.3s ease, color 0.3s ease;
}
.article-card-blog .article-card-blog__content-author {
margin-bottom: 6px;
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: -0.12px;
}
.article-card-blog .article-card-blog__description {
margin-top: 0;
font-size: 16px;
}
.article-card-blog .article-card-blog__description p {
font-size: 16px;
}
.article-card-blog .article-card-blog__description em {
font-size: 16px;
}
.article-card-blog .article-card-blog__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.article-card-blog .article-card-video__text {
overflow: hidden;
display: -webkit-box;
font-size: 16px;
line-height: 24px;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.article-card-blog .article-card-video__text span {
font-size: 16px;
line-height: 24px;
}
.article-card-blog .article-card-video__text p {
font-size: 16px;
line-height: 24px;
}
.article-card-blog .article-card-blog__image-wrapper {
position: relative;
overflow: hidden;
width: 100%;
min-height: 33%;
transition: opacity 0.3s ease;
}
.article-card-blog .article-card-blog__hidden-content {
position: absolute;
bottom: 0;
opacity: 0;
width: 100%;
height: 67%;
padding: 30px;
will-change: height;
transition: height 0.3s ease;
}
.article-card-blog .article-card-blog__content-description {
margin-top: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: #000;
}
.article-card-blog .article-card-blog__content-title {
margin-bottom: 15px;
font-family: "GalaxieCopernicus";
font-size: 18px;
font-weight: 400;
line-height: 1.08;
letter-spacing: -0.24px;
color: #000;
}
@media (min-width: 992px) {
.article-card-blog .article-card-blog__content-title {
font-size: 24px;
}
}
.article-card-blog .article-card-blog__link {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
background: #f5f5f5;
border-radius: 8px;
text-decoration: none;
transition: transform 0.3s ease;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.article-card-blog
.article-card-blog__link:hover
.article-card-blog__content-readtime {
background: #000;
color: #fff;
}
.article-card-blog
.article-card-blog__link:hover
.article-card-blog__image-wrapper {
opacity: 0;
}
.article-card-blog
.article-card-blog__link:hover
.article-card-blog__hidden-content {
opacity: 1;
height: 100%;
}
.article-card-blog
.article-card-blog__link:hover
.article-card-blog__inner-content
.article-card-blog__content-title,
.article-card-blog
.article-card-blog__link:hover
.article-card-blog__inner-content
.article-card-blog__content-author {
opacity: 0;
}
}
.article-card-blog .article-card-blog__hidden-content--center-align {
top: 17.5%;
text-align: center;
transform: translate(10px, 10px);
}
.article-card-blog.article-card-blog--large .article-card-blog__image-wrapper {
height: 100%;
max-height: 100%;
min-height: 33%;
}
.article-card-blog.article-card-blog--large .article-card-blog__image {
border-top-left-radius: 0;
border-bottom-right-radius: 8px;
}
.article-card-blog.article-card-blog--large .article-card-blog__link {
text-decoration: none;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
flex-direction: row-reverse;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.article-card-blog.article-card-blog--large
.article-card-blog__link:hover
.article-card-blog__image-wrapper {
opacity: 1;
}
.article-card-blog.article-card-blog--large
.article-card-blog__link:hover
.article-card-blog__hidden-content {
right: 50%;
width: 50%;
}
}
.article-card-blog.article-card-blog--large .article-card-blog__inner-content {
justify-content: center;
}
@media (min-width: 576px) {
#shopify-section-article-test {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 768px) {
#shopify-section-article-test {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 992px) {
#shopify-section-article-test {
grid-template-columns: repeat(4, 1fr);
}
}
.product-card .product-card__images-box {
position: relative;
width: 100%;
height: 0;
padding-top: 120%;
text-decoration: none;
}
.product-card .product-card__image-wrapper {
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background: #f5f5f5;
border-radius: 8px;
}
.product-card .product-card__image-wrapper .product-card__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
padding: 20px;
}
.product-card .product-card__image-first {
position: absolute;
top: 0;
visibility: visible;
opacity: 1;
width: 100%;
height: 100%;
transition: visibility 0.5s, opacity 0.5s, transform 0.5s;
}
.product-card .product-card__image-last {
position: absolute;
top: 0;
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
transform: scale(1.1);
transition: visibility 0.5s, opacity 0.5s;
}
.product-card .product-card__badge-wrapper {
position: absolute;
top: 11px;
right: 11px;
background-color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #000;
transition: transform 0.5s;
cursor: pointer;
border-radius: 3px;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.product-card .product-card__badge-wrapper:hover {
transform: scale(1.1);
}
}
.product-card .product-card__badge-wrapper--new {
background-color: #7602a5;
color: #fff;
}
.product-card .product-card__badge-wrapper--sale {
background-color: white;
color: black;
white-space: nowrap;
}
.product-card .product-card__badge-wrapper--none {
display: none;
}
.product-card
.product-card__badge-wrapper[data-product-view]
.product-card__badge {
padding: 2px 14px;
}
.product-card .product-card__badge {
padding: 0px 8px;
font-size: 12px;
font-weight: 600;
}
.product-card .product-card__title {
display: block;
margin-top: 12px;
font-family: var(--font-body-family), sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16px;
text-decoration: none;
}
.product-card.product-card--boost .product-card__title {
font-weight: 500;
}
.product-card .product-card__price,
.product-card .product-card__price-sale {
font-size: 14px;
line-height: 24px;
}
.product-card .product-card__price--compared-at-price {
float: left;
margin-right: 10px;
text-decoration: line-through;
color: #999;
}
.product-card .product-card__variants {
font-size: 12px;
color: #979797;
}
.product-card .product-card__content {
position: relative;
}
.product-card:not(.product-card--boost) .product-card__content__revert {
position: absolute;
top: -35px;
right: 0;
display: none;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
font-weight: 500;
text-decoration: underline;
}
@media (min-width: 576px) {
.product-card:not(.product-card--boost) .product-card__content__revert {
display: inline-block;
}
}
@media (min-width: 821px) {
.product-card:not(.product-card--boost) .product-card__content__revert {
display: none;
}
}
.product-card:not(.product-card--boost) .product-card__content-front {
position: relative;
width: 100%;
padding-top: 10px;
}
.product-card:not(.product-card--boost)
.product-card__content-front
.product-card__sizes {
position: initial;
top: 75px;
display: block;
width: 100%;
height: 100%;
}
.product-card:not(.product-card--boost)
.product-card__content-front
.product-card__sizes
.product-card__sizes-box {
overflow: hidden;
height: 0;
}
.product-card:not(.product-card--boost)
.product-card__content-front
.product-card__sizes
.product-card__sizes-box--open {
height: var(--max-height, 0);
}
.product-card .product-card__content-back {
top: 0;
visibility: hidden;
opacity: 0;
width: 100%;
margin-top: 16px;
height: 0;
overflow: visible;
position: relative;
}
@media (max-width: 1024px) {
.product-card .product-card__content-back {
display: contents;
}
}
.product-card:not(.product-card--boost) .product-card__content-back {
padding: 0 10px;
background-color: #fff;
}
.product-card:not(.product-card--boost)
.product-card__content-back
.product-card__sizes {
position: initial;
}
@media (min-width: 576px) {
.product-card:not(.product-card--boost) .product-card__content-back {
position: relative;
}
}
@media only screen and (min-width: 576px) and (max-width: 820px) {
.product-card:not(.product-card--boost) .product-card__revert-no-view {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 820px) {
.product-card:not(.product-card--boost) .product-card__revert-view {
visibility: initial;
opacity: 1;
}
}
.product-card .product-card__color-list:not(.slick-slider) {
display: flex;
justify-content: center;
gap: 11px;
}
.product-card .product-card__color-list.slick-slider .slick-slide {
text-align: center;
}
/* @media (max-width: 768px) {
.product-card .product-card__color-list.slick-slider .slick-slide {
max-width: calc((100vw - 100%) / 4 + 10px);
}
} */
@media (min-width: 769px) {
.product-card
.product-card__color-list.slick-slider
.slick-slide
.product-card__color-item {
padding-right: 11px;
}
}
.product-card .product-card__color-list.slick-slider .slick-list {
margin-left: 20px;
margin-right: 20px;
transition: all 0.5s ease-in-out;
max-height: 20px;
}
.product-card .product-card__color-list.slick-slider .slick-track {
margin-left: 0;
}
@media (max-width: 450px) {
.product-card
.product-card__color-list.slick-slider.first-slide
.slick-slide {
min-width: 9.5vw;
}
}
@media (max-width: 390px) {
.product-card
.product-card__color-list.slick-slider.first-slide
.slick-slide {
min-width: 9vw;
}
}
.product-card .product-card__color-list.slick-slider.first-slide .slick-list {
transform: translateX(-20px);
}
@media (max-width: 767px) {
.product-card .product-card__color-list.slick-slider.first-slide .slick-list {
margin-right: 5px;
}
}
.product-card .product-card__color-list.slick-slider.first-slide .slick-next {
right: 5px;
}
@media (min-width: 769px) {
.product-card .product-card__color-list.slick-slider.first-slide .slick-next {
right: 25px;
}
}
@media (max-width: 450px) {
.product-card .product-card__color-list.slick-slider.last-slide .slick-slide {
min-width: 9.5vw;
}
}
@media (max-width: 390px) {
.product-card .product-card__color-list.slick-slider.last-slide .slick-slide {
min-width: 9vw;
}
}
.product-card .product-card__color-list.slick-slider.last-slide .slick-list {
transform: translateX(5px);
}
@media (max-width: 768px) {
.product-card .product-card__color-list.slick-slider.last-slide .slick-list {
transform: translateX(20px);
margin-left: 5px;
}
}
.product-card .product-card__color-list.slick-slider .slick-disabled {
display: none !important;
}
.product-card .product-card__color-list.slick-slider .slick-arrow {
position: absolute;
top: 0;
z-index: 1;
background-color: transparent;
padding: 0;
}
.product-card .product-card__color-list.slick-slider .slick-arrow svg {
height: 15px;
width: auto;
margin-top: 2.5px;
}
.product-card .product-card__color-list.slick-slider .slick-prev {
left: 0;
}
.product-card .product-card__color-list.slick-slider .slick-prev svg {
transform: rotate(180deg);
}
.product-card .product-card__color-list.slick-slider .slick-next {
right: 0;
}
.product-card
.product-card__color-list.slick-slider.not-first-or-last-slide
.slick-slide
> div {
display: flex;
justify-content: center;
}
.product-card .product-card__color-item {
position: relative;
width: 20px;
height: 20px;
border: 1px solid #bbb;
background-image: var(--background-image, none);
background-position: center;
cursor: pointer;
border-radius: 50%;
max-width: 20px;
}
.product-card .product-card__color-item svg {
display: none;
}
.product-card .product-card__color-item--active svg {
position: absolute;
top: 2px;
left: 2px;
display: block;
width: 12px;
}
.product-card .product-card__color-item--active svg path {
stroke: #ccc;
}
.product-card:not(.product-card--boost) .product-card__sizes {
left: 0;
padding-bottom: 10px;
background-color: #fff;
}
.product-card:not(.product-card--boost) .product-card__sizes-header {
display: flex;
justify-content: space-between;
}
.product-card:not(.product-card--boost) .product-card__sizes-list {
display: none;
flex-wrap: wrap;
gap: 10px;
}
.product-card:not(.product-card--boost) .product-card__sizes-list--active {
display: flex;
}
.product-card:not(.product-card--boost) .product-card__sizes-item {
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
border: 1px solid black;
font-size: 14px;
cursor: pointer;
}
.product-card:not(.product-card--boost) .product-card__sizes-item span {
transform: translateY(1px);
}
.product-card:not(.product-card--boost) .product-card__sizes-item--disabled {
border: 1px solid #bdbdbd;
color: #bdbdbd;
cursor: no-drop;
}
.product-card:not(.product-card--boost)
.product-card__sizes-item:not(.product-card__sizes-item--disabled):hover {
background: #444;
color: #fff;
}
.product-card.product-card--boost .product-card__sizes {
left: 0;
padding-bottom: 10px;
}
.product-card.product-card--boost .product-card__sizes-header {
display: flex;
justify-content: space-between;
}
.product-card.product-card--boost .product-card__sizes-list {
display: none;
flex-wrap: wrap;
gap: 10px;
}
.product-card.product-card--boost .product-card__sizes-list--active {
display: flex;
}
.product-card.product-card--boost .product-card__sizes-item {
display: flex;
justify-content: center;
align-items: center;
width: auto;
padding: 5px;
min-width: 45px;
height: 45px;
border: 1px solid black;
font-weight: 500;
font-size: 14px;
font-weight:500;
cursor: pointer;
border-radius: 8px;
}
.product-card.product-card--boost .product-card__sizes-item span {
transform: translateY(1px);
}
.product-card.product-card--boost .product-card__sizes-item--disabled {
border: 1px solid #bdbdbd;
color: #bdbdbd;
cursor: no-drop;
}
.product-card.product-card--boost
.product-card__sizes-item:not(.product-card__sizes-item--disabled):hover {
background: #444;
color: #fff;
}
.product-card .product-card__icons {
display: flex;
gap: 5px;
}
.product-card .product-card__icons .product-card__icons-item {
width: 17px;
height: 17px;
display: flex;
}
.product-card .product-card__image-plug {
display: block;
padding-top: 120%;
}
.product-card.first-hover .product-card__image-first {
visibility: hidden;
opacity: 0;
transform: scale(1.1);
}
.product-card.first-hover .product-card__image-last {
visibility: visible;
opacity: 1;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.product-card:hover .product-card__content-back {
visibility: visible;
opacity: 1;
}
.product-card:hover .product-card__variants,
.product-card:hover .product-card__icons {
opacity: 0;
}
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.product-card:not(.product-card--boost):hover span.product-card__sizes-title {
right: 0;
position: absolute;
bottom: 0;
display: block;
padding: 10px 20px 5px 20px;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.5px;
}
}
@media (min-width: 576px) {
.product-card:not(.product-card--boost)
.product-card__content-front
.product-card__sizes {
display: none;
}
}
.product-card__images-box {
display: none;
}
.product-card__images-box--show {
display: block;
}
.product-card--boost .product-card__images-box {
position: relative;
width: 100%;
height: 0;
padding-top: 120%;
text-decoration: none;
}
.product-card--boost .product-card__image-wrapper {
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background: #f5f5f5;
border-radius: 8px;
}
.product-card--boost .product-card__image-wrapper .product-card__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
padding: 20px;
}
.product-card--boost .product-card__image-first {
position: absolute;
top: 0;
visibility: visible;
opacity: 1;
width: 100%;
height: 100%;
transition: visibility 0.5s, opacity 0.5s, transform 0.5s;
}
.product-card--boost .product-card__image-last {
position: absolute;
top: 0;
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
transform: scale(1.1);
transition: visibility 0.5s, opacity 0.5s;
}
.product-card--boost .product-card__badge-wrapper {
position: absolute;
top: 11px;
right: 11px;
background-color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #000;
transition: transform 0.5s;
cursor: pointer;
border-radius: 3px;
}
.product-card--boost
.product-card__badge-wrapper.product-card__badge-wrapper--new-sale {
left: 11px;
right: auto;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.product-card--boost .product-card__badge-wrapper:hover {
transform: scale(1.1);
}
}
.product-card--boost .product-card__badge-wrapper--new {
background-color: #7602a5;
color: #fff;
}
.product-card--boost .product-card__badge-wrapper--sale {
background-color: white;
color: black;
white-space: nowrap;
}
.product-card--boost .product-card__badge-wrapper--none {
display: none;
}
.product-card--boost
.product-card__badge-wrapper[data-product-view]
.product-card__badge {
padding: 2px 14px;
}
.product-card--boost .product-card__badge {
padding: 0px 8px;
font-size: 12px;
font-weight: 500;
}
.product-card--boost .product-card__title {
display: block;
margin-top: 12px;
font-family: var(--font-body-family), sans-serif;
font-size: 14px;
line-height: 16px;
text-decoration: none;
font-weight: bold;
}
.product-card--boost .product-card__price-and-button {
display: flex;
justify-content: space-between;
align-items: center;
}
.product-card__price-and-button .product-card__price--price-container {
display: flex;
}
.product-card--boost .product-card__price,
.product-card--boost .product-card__price-sale {
font-size: 14px;
line-height: 24px;
font-weight: 500;
}
@media (max-width: 320px) {
.product-card--boost .product-card__price,
.product-card--boost .product-card__price-sale {
font-size: 11px;
max-width: calc((100% - 35px) / 2);
}
}
@media (min-width: 768px) {
.product-card--boost .product-card__price,
.product-card--boost .product-card__price-sale {
font-weight: normal;
}
}
.product-card--boost .product-card__price--compared-at-price {
float: left;
margin-right: 10px;
text-decoration: line-through;
color: #999;
}
@media (max-width: 320px) {
.product-card--boost .product-card__price--compared-at-price {
margin-right: 5px;
}
}
.product-card--boost .product-card__variants {
font-size: 12px;
color: #979797;
}
.product-card--boost .product-card__content {
position: relative;
}
.product-card--boost .product-card__content__revert {
position: absolute;
top: -35px;
right: 0;
display: none;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
font-weight: 500;
text-decoration: underline;
}
@media (min-width: 576px) {
.product-card--boost .product-card__content__revert {
display: inline-block;
}
}
@media (min-width: 821px) {
.product-card--boost .product-card__content__revert {
display: none;
}
}
.product-card--boost .product-card__content-front {
position: relative;
width: 100%;
padding-top: 10px;
}
.product-card--boost .product-card__content-front .product-card__sizes {
position: initial;
top: 75px;
display: block;
width: 100%;
height: 100%;
}
.product-card--boost
.product-card__content-front
.product-card__sizes
.product-card__sizes-box {
overflow: hidden;
height: 0;
}
.product-card--boost
.product-card__content-front
.product-card__sizes
.product-card__sizes-box--open {
height: var(--max-height, 0);
}
.product-card--boost .product-card__content-back {
top: 0;
visibility: hidden;
opacity: 0;
width: 100%;
margin-top: 0;
padding: 0 10px;
background-color: #fff;
}
@media only screen and (min-width: 576px) and (max-width: 820px) {
.product-card--boost .product-card__revert-no-view {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 820px) {
.product-card--boost .product-card__revert-view {
visibility: initial;
opacity: 1;
}
}
.product-card--boost .product-card__color-list:not(.slick-slider) {
display: flex;
justify-content: flex-start;
gap: 11px;
}
.product-card--boost .product-card__color-item {
position: relative;
width: 20px;
height: 20px;
border: 1px solid #4a4a4a;
background-image: var(--background-image, none);
background-position: center;
cursor: pointer;
border-radius: 50%;
max-width: 20px;
}
.product-card--boost .product-card__color-item svg {
display: none;
}
.product-card--boost .product-card__color-item--active svg {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 12px;
transform: translate(-50%, -50%) scale(0.8);
}
.product-card--boost .product-card__color-item--active svg path {
stroke: #ccc;
}
.product-card--boost .product-card__sizes {
display: flex;
width: 100%;
flex-direction: column;
height: 100%;
justify-content: space-between;
left: 0;
}
.product-card--boost .product-card__sizes-header {
display: flex;
justify-content: space-between;
}
.product-card--boost .product-card__sizes-list {
display: none;
flex-wrap: wrap;
gap: 10px;
}
.product-card--boost .product-card__sizes-list--active {
display: flex;
}
.product-card--boost .product-card__sizes-item {
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
border: 3px solid black;
font-size: 14px;
cursor: pointer;
border-radius: 100px;
font-weight: 600;
}
.product-card--boost .product-card__sizes-item span {
transform: translateY(1px);
}
.product-card--boost .product-card__sizes-item--disabled {
border: 2px solid #bdbdbd;
color: #bdbdbd;
cursor: no-drop;
}
.product-card--boost
.product-card__sizes-item:not(.product-card__sizes-item--disabled):hover {
background: #444;
color: #fff;
}
.product-card--boost .product-card__icons {
display: flex;
gap: 5px;
}
.product-card--boost .product-card__icons .product-card__icons-item {
width: 17px;
height: 17px;
}
.product-card--boost .product-card__icons .product-card__icons-item svg {
position: static;
}
.product-card--boost .product-card__image-plug {
display: block;
padding-top: 120%;
}
.product-card--boost.first-hover .product-card__image-first {
visibility: hidden;
opacity: 0;
transform: scale(1.1);
}
.product-card--boost.first-hover .product-card__image-last {
visibility: visible;
opacity: 1;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.product-card--boost:hover span.product-card__sizes-title {
right: 0;
position: absolute;
bottom: 0;
display: block;
padding: 10px 20px 5px 20px;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.5px;
}
.product-card--boost:hover .product-card__content-back {
visibility: visible;
opacity: 1;
}
}
@media (-moz-touch-enabled: 0) and (min-width: 768px),
(hover: hover) and (min-width: 768px) {
.product-card--boost:hover .product-card__content-back {
padding: 0;
width: calc(100% + 10px);
transform: translateX(-5px);
z-index: 1;
}
.products-carousel__item .product-card--boost:hover .product-card__content-back {
margin-top: 0;
}
}
@media (min-width: 576px) {
.product-card--boost .product-card__content-front .product-card__sizes {
display: none;
}
}
.product-card--boost .product-card__images-box {
display: none;
}
.product-card--boost .product-card__images-box--show {
display: block;
}
.product-card--boost .quick-add-title-and-price {
padding: 10px 10px;
}
.product-card--boost .quick-add-title-and-price a {
padding-bottom: 10px;
}
.product-card--boost span.product-card__sizes-title {
display: none;
}
.product-card--boost .product-color-mobile,
.product-card--boost .picturesList-mobile {
display: none;
}
@media only screen and (max-width: 1024px) {
.product-card--boost .product-color-mobile {
display: flex !important;
}
.product-card--boost .product-card__sizes-box.size-scroll {
display: flex;
overflow-x: auto;
height: 50px;
margin-top: 5px;
overflow-y: hidden;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
}
.product-card--boost.product-card .product-card__sizes-list {
flex-wrap: nowrap !important;
}
.product-card--boost
.product-card__sizes-box.mobile
.product-card__sizes-list--active {
display: flex !important;
}
.product-card--boost
.product-card__sizes-box.mobile
.product-card__sizes-list {
flex-wrap: wrap !important;
}
.product-card--boost
.product-card__sizes-box.size-scroll
.product-card__sizes-item {
font-size: 12px !important;
width: 34px !important;
height: 34px !important;
padding-top: 2px;
}
.product-card--boost button.quick-add-mobile {
background-color: transparent;
padding-right: 0;
padding-left: 0;
}
.products-carousel__item .product-card--boost .product-card__content-back button.quick-add-mobile {
display: none;
}
.product-card--boost .product-card__sizes {
justify-content: start !important;
}
.product-card--boost .quick-add-title-and-price a {
padding-bottom: 5px !important;
}
.product-card--boost .quick-add-title-and-price {
padding: 5px 0;
padding-top: 0;
}
.product-card--boost .product-card__content-back {
padding: 0;
padding-left: 0px !important;
}
.product-card--boost.product-card .product-card__title {
margin-top: 5px !important;
}
.product-card--boost.product-card .product-card__content-back {
position: relative !important;
margin-top: 15px;
}
.product-card--boost .qa-mobile {
display: flex !important;
justify-content: space-between;
}
.product-card--boost span.product-card__sizes-title_mobile {
font-weight: 600;
font-size: 14px;
letter-spacing: 0.5px;
}
.product-card--boost .qa-mobile-btn {
background: #000;
color: #fff;
display: inline-flex;
width: 25px;
height: 25px;
font-size: 16px;
font-weight: 600;
text-align: center;
border-radius: 100%;
position: relative;
}
.product-card--boost .qa-mobile-btn-plus {
position: relative;
left: 7px;
top: 4px;
}
.product-card--boost .picturesList-mobile {
display: block !important;
}
.product-card--boost .product-card__content-back {
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
}
.product-card--boost .hide__box {
display: none;
}
.product-card--boost.product-card .product-card__sizes-list {
gap: 8px;
}
}
@media (min-width: 1024px) {
.product-card--boost .product-card__sizes-box.size-scroll {
display: none;
}
.product-card--boost .product-card:hover .product-card__content-back {
box-shadow: 0 5px 5px #d3d3d3;
z-index: 3;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.product-card--boost button.quick-add-mobile {
border-top: 2px solid #e3e3e3;
color: #000;
}
.product-card--boost .product-card__sizes {
z-index: 1;
}
.product-card--boost:not(.product-card--initialized)
.product-card__content-back {
visibility: hidden;
}
.product-card--boost .product-card__sizes-box.desktop {
border-bottom-left-radius: 8px;
background: #fff;
border-bottom-right-radius: 8px;
padding: 5px;
padding-top: 5px;
}
.product-card--boost.product-card--initialized
.product-card__sizes-box.desktop {
box-shadow: 0 5px 5px #d3d3d3;
}
.product-card--boost .product-card .product-card__content {
padding-bottom: 15px;
}
}
.product-card--boost .card-scroll {
display: flex;
overflow-x: auto;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
}
.template-search .collection-wrapper .mobile-product-wrapper,
.template-collection .collection-wrapper .mobile-product-wrapper {
display: none !important;
}
.collection-wrapper .product-card--boost {
width: 100%;
padding: 5px;
}
@media (min-width: 1800px) {
.collection-wrapper .product-card--boost {
/*width: 25%;*/
width: 100%;
}
}
@media (max-width: 992px) {
.collection-wrapper .product-card--boost {
/*width: 50%;*/
width: 100%;
}
}
@media (min-width: 1025px) {
.collection-wrapper .product-card--boost:hover {
box-shadow: rgba(0, 0, 0, 0.23) 0px 10px 30px 0px;
z-index: 3;
}
}
.boost-pfs-filter-products {
/*display: flex !important;*/
flex-wrap: wrap;
margin-top: 10px;
grid-auto-flow: dense;
}
.boost-pfs-filter-products {
gap: 0px;
}
.product-card--boost:hover .product-card__sizes {
top: 0;
}
.product-card--boost:hover .quick-add-title-and-price {
padding-top: 0;
}
@media (min-width: 1025px) {
.product-card--boost:hover .quick-add-title-and-price {
display: none;
}
}
.quick-add-text {
margin-top: 0;
font-family: var(--font-body-family), sans-serif;
font-size: 14px;
line-height: 16px;
text-decoration: none;
font-weight: 500;
padding-bottom: 10px;
}
@media (max-width: 1024px) {
.quick-add-text {
display: none;
}
}
@media (max-width: 1024px) {
.product-card--boost.product-card
.product-card__content-front
.product-card__title,
.product-card--boost.product-card
.product-card__content-front
.product-card__price,
.product-card--boost.product-card
.product-card__content-front
.product-card__price-sale,
.product-card--boost.product-card
.product-card__content-front
.product-card__icons,
.product-card--boost.product-card
.product-card__content-front
.product-card__variants,
.product-card--boost.product-card
.product-card__content-front
.product-card__sizes {
display: none;
}
.product-card.product-card--boost .product-card__sizes {
top: 0;
position: initial;
margin-top: 10px;
}
}
.collection-products .product-card__icons,
.collection-products .product-card__variants {
display: none !important;
}
.product-media-content-modal {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
transition-property: visibility;
transition-duration: 0.3s;
visibility: hidden;
}
.product-media-content-modal.is-visible {
visibility: visible;
}
.product-media-content-modal.is-visible .product-media-content-modal__wrapper {
transform: translateZ(0);
}
.product-media-content-modal .product-media-content-modal__overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
background-color: rgba(0, 0, 0, 0.2);
}
.product-media-content-modal .product-media-content-modal__wrapper {
position: absolute;
bottom: 0;
right: 0;
display: flex;
flex-direction: column;
width: 100%;
height: calc(100% - 40px);
background-color: #fff;
transform: translateY(100%);
transition-property: transform;
transition-duration: 0.3s;
}
@media (min-width: 992px) {
.product-media-content-modal .product-media-content-modal__wrapper {
top: 0;
bottom: auto;
width: calc(100% - 80px);
height: 100%;
transform: translateX(100%);
}
}
.product-media-content-modal .product-media-content-modal__header {
position: relative;
padding: 60px 0 0;
font-size: 14px;
font-weight: 600;
line-height: 25px;
text-align: center;
}
.product-media-content-modal .product-media-content-modal__header span {
display: none;
}
@media (min-width: 992px) {
.product-media-content-modal .product-media-content-modal__header {
padding: 28px;
}
.product-media-content-modal .product-media-content-modal__header span {
display: block;
}
}
.product-media-content-modal .product-media-content-modal__content {
height: 100%;
margin: 0 12px;
padding: 0;
overflow-y: auto;
}
.product-media-content-modal .product-media-content-modal__content .slider {
height: 100%;
}
@media (min-width: 992px) {
.product-media-content-modal .product-media-content-modal__content .slider {
height: auto;
}
}
@media (min-width: 992px) {
.product-media-content-modal
.product-media-content-modal__content
.slider__wrapper {
flex-wrap: wrap;
}
}
.product-media-content-modal
.product-media-content-modal__content
.slider__zoom-container {
display: block;
height: 100%;
}
.product-media-content-modal
.product-media-content-modal__content
.swiper-zoom-container {
position: relative;
overflow: hidden;
width: 100%;
margin: auto;
padding-top: 100%;
cursor: zoom-in;
}
.product-media-content-modal
.product-media-content-modal__content
.swiper-zoom-container.zoom {
cursor: zoom-out;
}
.product-media-content-modal
.product-media-content-modal__content
.swiper-zoom-container.zoom
img {
pointer-events: none;
transform: scale(2);
}
.product-media-content-modal
.product-media-content-modal__content
.swiper-zoom-container
img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
pointer-events: auto;
transform: none;
}
.product-media-content-modal
.product-media-content-modal__content
.slider__slide {
position: relative;
width: 100%;
margin: 0;
background: #ffffff;
}
.product-media-content-modal
.product-media-content-modal__content
.slider__slide[data-video-slide] {
order: 11;
}
.product-media-content-modal
.product-media-content-modal__content
.slider__slide
video,
.product-media-content-modal
.product-media-content-modal__content
.slider__slide
img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 992px) {
.product-media-content-modal
.product-media-content-modal__content
.slider__slide
+ .slider__slide {
margin-top: 20px;
}
}
.product-media-content-modal
.product-media-content-modal__content
.slider__container {
height: 100%;
padding: 0;
}
@media (min-width: 992px) {
.product-media-content-modal
.product-media-content-modal__content
.slider__container {
height: auto;
}
}
@media (min-width: 992px) {
.product-media-content-modal .product-media-content-modal__content {
margin: 0 80px;
padding: 0 0 80px;
}
.product-media-content-modal
.product-media-content-modal__content
.slider__container {
padding: 0 80px;
}
}
.product-media-content-modal .product-media-content-modal__close-button {
position: absolute;
top: 22px;
right: 22px;
z-index: 1;
display: flex;
padding: 0;
background: transparent;
}
.product-media-content-modal .product-media-content-modal__close-button svg {
width: 16px;
height: 16px;
}
@media (min-width: 992px) {
.product-media-content-modal .product-media-content-modal__close-button {
top: 34px;
left: 22px;
right: auto;
}
}
.product-media-video-modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
visibility: hidden;
width: 100%;
height: 100%;
outline: 0;
transition-property: visibility;
transition-duration: 0.3s;
}
.product-media-video-modal.is-visible {
visibility: visible;
}
.product-media-video-modal .product-media-video-modal__wrapper {
position: relative;
overflow: hidden;
width: 100%;
max-width: none;
height: 100vh;
margin: 0;
background-color: #000;
color: #fff;
pointer-events: auto;
}
.product-media-video-modal .product-media-video-modal__video-wrapper {
height: 100vh;
padding: 100px 0;
}
.product-media-video-modal .product-media-video-modal__close-button {
position: absolute;
top: 24px;
right: 24px;
padding: 0;
background: transparent;
}
.product-media-video-modal .product-media-video-modal__close-button svg path {
fill: #ffffff;
}
.zoom-container {
position: relative;
display: block;
width: 100%;
margin: auto;
padding-top: 100%;
cursor: zoom-in;
}
.zoom-container.zoom {
cursor: zoom-out;
}
.zoom-container.zoom img {
pointer-events: none;
transform: scale(2) translate(0, 25%);
}
.zoom-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
pointer-events: auto;
transform: none;
transition: 0.2s ease-in-out;
}
.zoomer {
position: relative;
width: 100%;
margin: auto;
padding-top: 100%;
cursor: zoom-in;
}
.zoomer img {
transition: 0.2s ease-in-out;
}
.zoomer.zoom {
cursor: zoom-out;
}
.zoomer.zoom img {
pointer-events: none;
}
.product-media-content {
margin: 100px 0 100px;
}
@media (min-width: 992px) {
.product-media-content {
margin: 86px 0 100px;
}
}
.slider__slide-pagination {
position: absolute;
bottom: 20px;
right: 20px;
z-index: 1;
padding: 0 12px;
border: 1px solid #fff;
background-color: #fff;
border-radius: 12px;
font-size: 12px;
font-weight: 500;
line-height: 24px;
text-align: center;
}
@media (min-width: 992px) {
.slider__slide-pagination {
display: none;
}
}
.product-media-content-slider .slider__wrapper {
display: flex;
}
@media (min-width: 768px) {
.product-media-content-slider .slider__wrapper {
gap: 0 22px;
}
}
@media (min-width: 992px) {
.product-media-content-slider .slider__wrapper {
flex-wrap: wrap;
gap: 0 22px;
}
}
.product-media-content-slider .swiper-slider-title {
padding-top: 20px;
}
.product-media-content-slider .swiper-slider-title > p {
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.product-media-content-slider .slider__slide {
width: 100%;
max-width: calc(100% - 20px);
margin-right: 20px;
cursor: pointer;
}
.product-media-content-slider .slider__slide .swiper-slide-video__button,
.product-media-content-slider .slider__slide .swiper-slide-image__button {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: flex;
padding: 0;
background: transparent;
transform: translate(-50%, -50%);
}
.product-media-content-slider .slider__slide .swiper-slide-video__button svg,
.product-media-content-slider .slider__slide .swiper-slide-image__button svg {
width: auto;
}
.product-media-content-slider .slider__slide .swiper-slide-image {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 100%;
border-radius: 12px;
}
.product-media-content-slider .slider__slide .swiper-slide-image__button {
opacity: 0;
transition: opacity;
}
.product-media-content-slider .slider__slide video,
.product-media-content-slider .slider__slide img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform 1s cubic-bezier(0.395, 0.005, 0.19, 1), filter 1s;
}
.product-media-content-slider .slider__slide:hover .swiper-slide-image__button {
opacity: 1;
transition: opacity 0.3s cubic-bezier(0.235, 0, 0.05, 0.95);
}
.product-media-content-slider .slider__slide:hover img {
transform: scale(1.025);
}
.product-media-content-slider .slider__container {
padding: 0 40px 0 20px;
}
@media (min-width: 768px) {
.product-media-content-slider .slider__container {
padding: 0 80px;
}
.product-media-content-slider .slider__slide {
max-width: calc(50% - 22px);
margin: 0;
}
}
@media (min-width: 992px) {
.product-media-content-slider .slider__container {
padding: 0 80px;
}
.product-media-content-slider .slider__slide:nth-child(n + 3) {
margin-top: 50px;
}
}
.four-column .swiper-slide {
flex: 0 0 100%;
max-width: 100%;
margin-right: 0;
padding: 0 4px;
}
.card-tile {
position: relative;
overflow: visible;
width: 100%;
padding: 0 0 50px;
background-color: transparent;
cursor: pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.card-tile .card__inner {
position: relative;
overflow: hidden;
z-index: 1;
padding-top: 123%;
background-color: #f5f5f5;
transition: transform 0.3s ease-in-out;
border-radius: 8px;
will-change: transform;
}
.card-tile .card__link-full {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}
.card-tile .card__content-wrapper {
position: absolute;
bottom: 0;
width: 100%;
height: 67%;
transition: height 0.3s ease-in-out;
will-change: height;
}
.card-tile .lit-blob {
overflow: hidden;
border-radius: 50%;
}
.card-tile .lit-blob img {
display: block;
opacity: 0.8;
width: 280px;
height: 280px;
}
.card-tile .card__content {
position: relative;
z-index: 1;
padding: 3rem 3.2rem 2rem;
color: #fff;
}
.card-tile .card__image-wrap {
position: relative;
overflow: hidden;
padding-top: 58.2524271845%;
}
.card-tile .card__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
transition: transform 0.8s ease-in-out, filter 0.4s, opacity 0.2s;
-o-object-fit: cover;
object-fit: cover;
}
.card-tile .card__svg {
position: absolute;
top: 50%;
left: 25%;
z-index: 1;
width: 50%;
height: 0;
padding-bottom: 50%;
transform: translateY(-50%);
transition: opacity 0.3s ease-in-out;
}
.layout-wide .card-tile .card__svg {
left: 33.333%;
width: 33.333%;
}
.card-tile .card__svg svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.card-tile .card__svg + .card__content-wrapper .card__title {
opacity: 0;
}
.card-tile .card__title {
margin: 0;
padding-bottom: 6px;
font-family: GalaxieCopernicus, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
letter-spacing: 0;
transition: opacity 0.3s ease-in-out;
}
.card-tile .card__title span {
font-weight: inherit;
}
.card-tile .card__title + .card__blurb-wrap {
margin-top: 1rem;
}
.card-tile .card__description {
padding-bottom: 12px;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
}
.card-tile .card__meta-tags {
overflow: hidden;
z-index: 2;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.5px;
white-space: nowrap;
transition: opacity 0.15s ease-in-out;
max-width: 100%;
text-overflow: ellipsis;
}
.card-tile .card__meta-tags a,
.card-tile .card__meta-tags a:hover {
text-decoration: none;
}
.card-tile .card__meta-tags span {
font-size: 12px;
font-weight: 500;
color: #000;
transition: color 0.3s ease-in-out;
}
.card-tile .card__meta-cta {
position: absolute;
bottom: 20px;
left: 30px;
z-index: 2;
padding: 0 20px;
font-size: 12px;
line-height: 1;
letter-spacing: 0.5px;
box-sizing: border-box;
max-width: 8rem;
min-height: 32px;
}
@media (min-width: 768px) {
.card-tile .card__meta-cta {
max-width: unset;
}
}
.card-tile.card--article-content .card__content-wrapper {
top: 35%;
height: 67%;
transition: height 0.3s ease-in-out, top 0.3s ease-in-out;
}
.card-tile.card--article-content:hover .card__blurb {
transition: opacity 0.3s ease-in-out;
transition-delay: 0.15s;
}
.card-tile.card--article-content:hover .card__authors {
opacity: 0;
max-height: 0;
}
.card-tile.card--article-content:hover .card__blurb-wrap + .card__authors {
opacity: 1;
max-height: 1em;
}
.card-tile.card--article-content .card__inner,
.card-tile.card--article-content .card__inner section .themed.is-light {
background-color: #f5f5f5;
}
.is-dark .card-tile.card--article-content .card__inner,
section .themed.is-dark .card-tile.card--article-content .card__inner {
background-color: #121212;
}
.card-tile.card--article-content .card__inner::after {
display: none;
}
.card-tile.card--article-content .card__image {
height: 35%;
}
.card-tile.card--article-content .card__image + .ls-blur-up-img {
height: 35%;
}
.card-tile.card--article-content .card__content {
margin: 0;
padding: 32px 30px 20px;
transition: transform 0.3s ease-in-out;
}
.card-tile.card--article-content .card__content,
section .themed.is-light .card-tile.card--article-content .card__content {
color: #000;
}
.is-dark .card-tile.card--article-content .card__content,
section .themed.is-dark .card-tile.card--article-content .card__content {
color: #fff;
}
.card-tile.card--article-content .card__content-wrapper:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 30%;
}
.card-tile.card--article-content .card__content-wrapper:after,
section
.themed.is-light
.card-tile.card--article-content
.card__content-wrapper:after {
background: linear-gradient(
to bottom,
rgba(245, 245, 245, 0) 0%,
whitesmoke 50%
);
}
.is-dark .card-tile.card--article-content .card__content-wrapper:after,
section
.themed.is-dark
.card-tile.card--article-content
.card__content-wrapper:after {
background: linear-gradient(to bottom, rgba(18, 18, 18, 0) 0%, #121212 50%);
}
.card-tile.card--article-content .card__image-wrapper {
overflow: hidden;
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
.card-tile.card--article-content .card__title p,
.card-tile.card--article-content .card__title span,
.card-tile.card--article-content .card__blurb p,
.card-tile.card--article-content .card__blurb span {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
/* autoprefixer1: off */
-webkit-box-orient: vertical;
/* autoprefixer1: on */
}
.card-tile.card--article-content .card__blurb-ellipsis,
.card-tile.card--article-content .card__blurb {
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
.card-tile.card--article-content .card__blurb {
position: relative;
opacity: 0;
width: 100%;
height: 100%;
transition: opacity 0.15s ease-in-out;
}
.card-tile.card--article-content .card__blurb p {
-webkit-line-clamp: 4;
}
.card-tile.card--article-content .card__blurb-wrap {
margin-top: 1.2rem;
}
.card-tile.card--article-content .card__meta-cta {
transition: all 0.3s ease-in-out;
}
.card-tile.card--article-content .card__meta-cta.button--white:hover {
border-color: #000;
}
.card-tile.card--article-content .card__meta-cta.button--black:hover,
.card-tile.card--article-content
.yotpo-gallery
.yotpo-pictures-widget
.card__meta-cta.yotpo-load-more-button:hover,
.yotpo-gallery
.yotpo-pictures-widget
.card-tile.card--article-content
.card__meta-cta.yotpo-load-more-button:hover,
.card-tile.card--article-content
.card__meta-cta.shopify-challenge__button.btn:hover {
border-color: #fff;
}
.card-tile.card--article-content .card__meta-tags a {
color: #000;
}
@media (min-width: 768px) {
.card-tile.card--article-content:hover .card__content-wrapper,
.card-tile.card--article-content.has-hover .card__content-wrapper {
top: 0;
height: 100%;
}
.card-tile.card--article-content:hover .card__image-wrapper,
.card-tile.card--article-content:hover .card__blurb-ellipsis,
.card-tile.card--article-content:hover .card__blurb,
.card-tile.card--article-content.has-hover .card__image-wrapper,
.card-tile.card--article-content.has-hover .card__blurb-ellipsis,
.card-tile.card--article-content.has-hover .card__blurb {
opacity: 0;
}
.card-tile.card--article-content:hover .card__blurb,
.card-tile.card--article-content.has-hover .card__blurb {
opacity: 1;
}
.card-tile.card--article-content:hover .card__meta-cta.button--white,
.card-tile.card--article-content.has-hover .card__meta-cta.button--white {
background-color: #000;
color: #fff;
}
.card-tile.card--article-content:hover .card__meta-cta.button--black,
.card-tile.card--article-content:hover
.yotpo-gallery
.yotpo-pictures-widget
.card__meta-cta.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.card-tile.card--article-content:hover
.card__meta-cta.yotpo-load-more-button,
.card-tile.card--article-content:hover
.card__meta-cta.shopify-challenge__button.btn,
.card-tile.card--article-content.has-hover .card__meta-cta.button--black,
.card-tile.card--article-content.has-hover
.yotpo-gallery
.yotpo-pictures-widget
.card__meta-cta.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.card-tile.card--article-content.has-hover
.card__meta-cta.yotpo-load-more-button,
.card-tile.card--article-content.has-hover
.card__meta-cta.shopify-challenge__button.btn {
background-color: #fff;
color: #000;
}
}
.card-tile.card--fpc-material-content {
position: relative;
overflow: visible;
}
.card-tile.card--fpc-material-content:nth-child(5n + 1) .card__blob .blob,
.card-tile.card--fpc-material-content:nth-child(5n + 3) .card__blob .blob {
top: -30%;
right: -10%;
}
.card-tile.card--fpc-material-content:nth-child(5n + 1)
.card__blob
[data-blob]:nth-child(1),
.card-tile.card--fpc-material-content:nth-child(5n + 3)
.card__blob
[data-blob]:nth-child(1) {
right: 5%;
}
.card-tile.card--fpc-material-content:nth-child(5n + 1)
.card__blob
[data-blob]:nth-child(1) {
right: -5%;
}
.card-tile.card--fpc-material-content:nth-child(5n + 2) .card__blob .blob,
.card-tile.card--fpc-material-content:nth-child(5n + 4) .card__blob .blob {
top: -30%;
left: 5%;
}
.card-tile.card--fpc-material-content:nth-child(5n + 2)
.card__blob
[data-blob]:nth-child(1),
.card-tile.card--fpc-material-content:nth-child(5n + 4)
.card__blob
[data-blob]:nth-child(1) {
left: 5%;
}
.card-tile.card--fpc-material-content:nth-child(5n + 2)
.card__blob
[data-blob]:nth-child(1) {
left: 0;
}
.card-tile.card--fpc-material-content:nth-child(5n + 3) .card__blob .blob,
.card-tile.card--fpc-material-content:nth-child(5n + 5) .card__blob .blob {
top: -30%;
left: 0;
}
.card-tile.card--fpc-material-content:nth-child(5n + 3)
.card__blob
[data-blob]:nth-child(1),
.card-tile.card--fpc-material-content:nth-child(5n + 5)
.card__blob
[data-blob]:nth-child(1) {
left: 0;
}
.card-tile.card--fpc-material-content:nth-child(5n + 4) .card__blob .blob {
top: -30%;
left: 0;
}
.card-tile.card--fpc-material-content:nth-child(5n + 4)
.card__blob
[data-blob]:nth-child(1) {
left: 0;
}
.card-tile.card--fpc-material-content .card__content-wrapper p {
line-height: 1.5em;
}
.card-tile.card--fpc-material-content .card__link-full {
z-index: 3;
}
.card-tile.card--fpc-material-content .card__blob {
position: absolute;
top: 0;
left: 10px;
overflow: hidden;
z-index: 2;
width: calc(100% - 10px);
height: 60%;
transition: opacity 0.3s ease-in-out 0.15s;
border-radius: 8px;
}
.card-tile.card--fpc-material-content .card__blob .blob,
.card-tile.card--fpc-material-content .card__blob [data-blob] {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: auto;
}
@media (min-width: 992px) {
.card-tile.card--fpc-material-content .card__blob {
left: 0;
width: 100%;
}
}
.card-tile.card--fpc-material-content .card__background {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
opacity: 0;
width: 100%;
height: 100%;
transition: opacity 0.15s ease-in-out;
border-radius: 8px;
}
.card-tile.card--fpc-material-content .card__background::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0.5;
width: 100%;
height: 100%;
background: #000;
}
.card-tile.card--fpc-material-content .card__background img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.card-tile.card--fpc-material-content .card__background-blurb {
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0;
width: 100%;
height: 100%;
padding: 3.2rem;
font-size: 16px;
line-height: 1.5em;
color: #fff;
transform: translateY(3rem);
transition: opacity 0s ease-in-out;
box-sizing: border-box;
}
.card-tile.card--fpc-material-content .card__background-blurb b {
display: block;
margin-top: 3.8rem;
}
.card-tile.card--fpc-material-content .card__meta-cta.button--white {
background-color: #fff;
}
@media (min-width: 768px) {
.card-tile.card--fpc-material-content.is-hover:hover .card__content,
.card-tile.card--fpc-material-content.is-hover:hover .card__meta-tags span {
color: #fff;
}
.card-tile.card--fpc-material-content.is-hover:hover
.card__content-wrapper::after {
display: none;
}
.card-tile.card--fpc-material-content.is-hover:hover .card__title,
.card-tile.card--fpc-material-content.is-hover:hover .card__blob,
.card-tile.card--fpc-material-content.is-hover:hover .card__description {
opacity: 0;
}
.card-tile.card--fpc-material-content.is-hover:hover .card__title {
transition: none;
}
.card-tile.card--fpc-material-content.is-hover:hover .card__blob {
transition: opacity 0.15s ease-in-out 0s;
}
.card-tile.card--fpc-material-content.is-hover:hover .card__background {
opacity: 1;
transition: opacity 0.5s ease-in-out;
}
.card-tile.card--fpc-material-content.is-hover:hover .card__meta-tags {
opacity: 0;
}
.card-tile.card--fpc-material-content.is-hover:hover .card__background-blurb {
opacity: 1;
transform: none;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
}
.card-tile.is-hover:hover .card__content-wrapper,
.card-tile.is-hover.has-hover .card__content-wrapper {
height: 100%;
}
.card-tile.is-hover:hover .card__blurb-wrap,
.card-tile.is-hover.has-hover .card__blurb-wrap {
opacity: 1;
}
.card-tile.card--location {
position: relative;
overflow: visible;
border-radius: 8px;
}
.card-tile.card--location .card__background {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
z-index: 2;
width: 100%;
height: 33.1%;
transition: opacity 0.3s ease-in-out 0.15s;
}
.card-tile.card--location .card__background > img {
position: absolute;
top: 0;
width: 100%;
height: 100%;
max-width: unset;
-o-object-position: 50% 50%;
object-position: 50% 50%;
-o-object-fit: cover;
object-fit: cover;
}
.card-tile.card--location .card__content {
position: absolute;
bottom: 0;
height: 66.9%;
margin: 0;
padding: 30px 30px 70px;
}
.card-tile.card--location .card__title {
font-family: GalaxieCopernicus, sans-serif;
font-weight: 500;
color: #000;
}
.card-tile.card--location .card-text {
opacity: 0;
font-weight: 400;
color: #000;
transition: opacity 0.3s;
}
.card-tile.card--location .card__meta-tags {
position: absolute;
bottom: 60px;
left: 0;
opacity: 1;
padding: 0 30px;
font-size: 12px;
white-space: initial;
transition: opacity 0.3s;
}
.card-tile.card--location .card__meta-cta {
padding: 0 20px;
font-size: 12px;
line-height: 1;
letter-spacing: 0.5px;
transition: all 0.3s ease-in-out;
box-sizing: border-box;
min-height: 32px;
}
.card-tile.card--location:hover .card-text {
opacity: 1;
transition: opacity 0.3s;
}
.card-tile.card--location:hover .card__meta-cta.button--white {
background-color: #000;
color: #fff;
transition: all 0.3s ease-in-out;
}
.card-tile.card--location:hover .card__meta-tags {
opacity: 0;
transition: opacity 0.3s;
}
.card-tile:not(.card__no-dropshadow)::before {
content: "";
position: absolute;
top: 15px;
bottom: 0;
left: 8%;
z-index: 0;
display: none;
opacity: 0;
width: 84%;
height: 80%;
background-color: transparent;
transform: none;
transition: opacity 0.3s ease-in-out;
box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
.card-tile:not(.card__no-dropshadow)::before {
display: block;
}
}
.card-tile:not(.card__no-dropshadow):hover::before {
opacity: 1;
}
@media (min-width: 576px) {
.four-column .swiper-slide {
flex: 0 0 50%;
max-width: 50%;
margin-right: 0;
padding: 0 10px;
}
}
@media (min-width: 768px) {
.card-tile:hover::before,
.card-tile.has-hover::before {
opacity: 1;
}
.card-tile:hover .card__inner,
.card-tile.has-hover .card__inner {
transform: scale(1.02);
}
}
@media (min-width: 992px) {
.four-column .swiper-slide {
flex: 0 0 33.3333333333%;
max-width: 33.33%;
}
.card-tile .card__title {
margin-bottom: 6px;
font-size: 24px;
}
}
@media (min-width: 1200px) {
.four-column .swiper-slide {
flex: 0 0 25%;
max-width: 25%;
}
}
@media (min-width: 1400px) {
.card-tile.card--location .card__inner {
padding-top: 131%;
}
}
.four-column {
padding: 86px 0;
}
.four-column .tabs {
width: 100%;
}
.four-column .tabs .tabs__controls-wrapper {
display: flex;
justify-content: center;
margin: 0 auto;
}
.four-column .tabs .tabs__controls {
overflow: auto;
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0 auto;
padding-left: 40px;
padding-right: 40px;
}
.four-column .tabs .tabs__controls::-webkit-scrollbar {
width: 0;
/* Remove scrollbar space */
background: transparent;
/* Optional: just make scrollbar invisible */
}
.four-column .tabs .tabs__controls::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0);
}
.four-column .tabs .tabs__control {
letter-spacing: -0.16px;
white-space: nowrap;
}
.four-column .swiper-wrapper {
padding: 10px 0;
}
.four-column .four-column__description {
padding-bottom: 49px;
}
.four-column .slider__container {
opacity: 0;
padding-left: 40px;
padding-right: 40px;
}
.four-column .slider__container.swiper-container-initialized {
opacity: 1;
transition: opacity 0.3s ease-in;
}
.four-column .slider__arrow {
transition: opacity 0.25s;
will-change: opacity;
}
.four-column__description .four-column__content-headline {
padding-bottom: 30px;
font-size: 16px;
font-weight: 500;
line-height: 1.15;
}
.four-column__description .four-column__content-headline-title {
font-size: 24px;
font-weight: 500;
line-height: 1.15;
}
.four-column__container.container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 0;
}
.four-column__item {
position: relative;
width: 100%;
max-width: 471px;
}
.four-column__image {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 156.8%;
}
.four-column__image img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.four-column__content {
position: absolute;
bottom: 0;
left: 50%;
z-index: 1;
display: flex;
align-items: center;
width: 100%;
margin-left: -160px;
padding: 0 10px 40px;
text-align: center;
min-height: 140px;
max-width: 320px;
flex-direction: column;
}
.four-column__title {
font-family: var(--font-body-family), sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 1.1;
color: #fff;
font-style: normal;
}
.four-column__text {
padding-top: 12px;
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
letter-spacing: 1px;
color: #fff;
font-style: normal;
}
.four-column__footer {
display: flex;
justify-content: center;
padding: 25px 0 0;
}
.four-column__footer .button,
.four-column__footer
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.four-column__footer
.yotpo-load-more-button,
.four-column__footer .shopify-challenge__button.btn {
display: flex;
justify-content: center;
align-items: center;
width: calc(100% - 80px);
margin: 0 auto;
min-width: 180px;
max-width: 295px;
padding: 0 15px;
min-height: 56px;
text-align: center;
}
@media (min-width: 480px) {
.four-column .tabs .tabs__controls {
padding: 0;
}
}
@media (min-width: 992px) {
.four-column {
padding: 180px 0 130px;
}
.four-column .slider__container {
padding-left: 0;
padding-right: 0;
}
.four-column__container.container {
flex-direction: row;
justify-content: center;
padding: 0 60px;
}
.four-column__content {
min-height: 208px;
}
.four-column__item {
max-width: 415px;
}
.four-column__description {
display: flex;
justify-content: flex-start;
}
.four-column__description .four-column__column-left {
flex-basis: 25%;
}
.four-column__description .four-column__column-right {
flex-basis: 75%;
}
.four-column__description .four-column__content-headline {
padding: 0;
font-size: 16px;
}
.four-column__description .four-column__content-headline-title {
font-size: 32px;
}
.four-column__footer .button,
.four-column__footer
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.four-column__footer
.yotpo-load-more-button,
.four-column__footer .shopify-challenge__button.btn {
width: auto;
min-height: 66px;
}
}
@media (min-width: 1200px) {
.four-column__container.container {
padding: 0 80px;
}
}
@media (min-width: 1400px) {
.four-column__content {
min-height: 235px;
padding: 0 10px 45px;
}
.four-column__title {
padding: 0 30px;
font-size: 35px;
letter-spacing: 0.3px;
}
.four-column__text {
padding-top: 13px;
line-height: 1.25;
letter-spacing: 0;
}
}
.product-recommendations {
display: block;
margin: 98px 0;
}
.product-recommendations .section-title {
margin-bottom: 49px;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.product-recommendations .nosto_element {
display: none !important;
}
.product-recommendations .slider__arrow {
top: calc((100% - 168px) / 2);
display: none;
}
.product-recommendations .product-card {
max-width: unset;
}
.product-recommendations .product-card .product-card__content {
min-height: 168px;
}
.slider--full-width .swiper-slide {
width: calc(91.5% - 20px);
margin-right: 20px;
}
.slider--full-width .slider__arrow {
top: calc((100% - 130px) / 2);
display: none;
}
.slider--full-width .product-card {
max-width: unset;
}
.slider--full-width .product-card .product-card__content {
min-height: 130px;
}
@media (min-width: 768px) {
.slider--full-width .swiper-slide {
width: calc(50% - 20px);
}
}
@media (min-width: 992px) {
.slider--full-width .slider__arrow {
display: block;
}
.slider--full-width .swiper-slide {
width: calc(33.333% - 20px);
}
}
@media (min-width: 1200px) {
.product-recommendations {
margin: 30px 0 50px;
}
.product-recommendations .product-recommendations__title {
margin-bottom: 24px;
font-size: 32px;
line-height: 1.2;
letter-spacing: 0;
}
.slider--full-width .swiper-slide {
width: calc(25% - 20px);
}
}
@media (min-width: 2560px) {
.product-recommendations {
padding-bottom: 50px;
}
.product-recommendations__title {
margin-bottom: 40px;
}
.product-reco.slider__slide.product-recommendations__slider-slidemmendations__slider-slide {
width: 20%;
margin-right: 40px;
}
}
#productpage-nosto-2 li.nosto-list-item {
width: 24%;
margin: 0 0.25%;
}
a.nosto-product-name {
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
}
span.money {
font-family: var(--font-body-family), sans-serif;
font-size: 14px;
}
ul.nosto-list {
display: flex;
flex-wrap: wrap;
}
.slider.slider--arrows-inverse button.slider__arrow {
background: white;
color: black;
}
#productpage-nosto-2 h4.nosto-header,
#productpage-nosto-2 .nosto-list {
display: none;
}
.cart-recommendations {
margin-bottom: 100px;
}
.cart-recommendations__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 20px;
letter-spacing: -0.16px;
font-weight: 500;
}
@media (min-width: 768px) {
.cart-recommendations__title {
font-size: 32px;
line-height: 36px;
letter-spacing: -0.32px;
}
}
.container.container--full-width.cart-recommendations__container {
margin-top: 15px;
margin-bottom: 56px;
}
@media (min-width: 768px) {
.container.container--full-width.cart-recommendations__container {
margin-top: 60px;
}
}
.cart-recommendations__slider .slider__arrow {
top: 184px;
display: none;
}
@media (min-width: 768px) {
.cart-recommendations__slider .slider__arrow {
display: block;
}
}
.template-404 .product-recommendations .product-recommendations__title {
color: white;
}
.template-404
.product-recommendations
.product-card
.product-card__content-back {
background: transparent;
}
.template-404 .product-recommendations .product-card .product-card__title {
color: white;
}
.template-404 .product-recommendations .product-card .product-card__price {
color: white;
}
.template-404 .product-recommendations .product-card .product-card__variants {
color: white;
}
.template-404
.product-recommendations
.product-card
.product-card__icons
.product-card__icons-item
svg {
fill: white;
}
.template-product .reviews_section {
overflow: hidden;
display: flex;
padding: 70px 40px;
background: #000;
flex-direction: column;
}
.template-product .reviews_section .section-title {
display: flex;
width: 100%;
margin-bottom: 32px;
margin-right: 0;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
text-align: left;
flex-direction: column;
}
.template-product .reviews_section .section-title h3 {
padding: 0;
font-family: inherit;
font-size: 16px;
line-height: 1.5;
text-align: left;
color: #fff;
}
.template-product .reviews_section.show-reviews .yotpo-reviews {
opacity: 1;
height: auto;
transition: opacity 0.35s ease;
}
.template-product .reviews-widget__buttons {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
align-items: center;
width: 100%;
padding-right: 20px;
}
.template-product .reviews-widget__buttons .button,
.template-product
.reviews-widget__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-product
.reviews-widget__buttons
.yotpo-load-more-button,
.template-product .reviews-widget__buttons .shopify-challenge__button.btn {
text-transform: capitalize;
}
.template-product .yotpo-reviews {
overflow: hidden;
opacity: 0;
height: 0;
}
.template-product .yotpo-no-reviews .yotpo-reviews {
opacity: 1;
height: auto;
}
.template-product .yotpo-no-reviews .reviews-widget__buttons {
display: none;
}
.template-product .reviews-widget {
width: 100%;
margin: 0;
max-width: 960px;
}
.template-product .yotpo .yotpo-regular-box {
margin-left: 0;
margin-right: 0;
padding: 30px 20px 33px;
border-color: #999;
}
.template-product .yotpo .write-review .connect-wrapper {
padding-left: 0;
}
.template-product .yotpo .yotpo-regular-box-filters-padding {
margin: 0;
border-top: none !important;
}
.template-product .yotpo .yotpo-messages {
margin: 0 auto;
background-color: #000;
font-family: var(--font-body-family), sans-serif;
color: #ffffff;
}
.template-product .yotpo .font-color-gray {
font-family: var(--font-body-family), sans-serif;
color: #999;
}
.template-product .yotpo .product-related-fields-item {
display: flex;
justify-content: flex-start;
}
.template-product .yotpo .product-related-fields-item-title {
width: auto !important;
margin: 0;
padding-right: 7px;
font-family: var(--font-body-family), sans-serif;
line-height: 1.7;
color: #fff;
}
.template-product
.yotpo
.yotpo-review
.yotpo-header
.yotpo-review-stars
.yotpo-user-related-fields {
margin-top: 25px;
}
.template-product
.yotpo
.yotpo-review
.aggregated-product-related-fields
.product-related-fields-desktop-layout {
margin: 0;
}
.template-product
.yotpo
.yotpo-review
.yotpo-main
.yotpo-multiple-rating-fields
.yotpo-product-related-fields {
margin-bottom: 15px;
}
.template-product .yotpo .yotpo-review .yotpo-main .content-review {
display: block;
clear: both;
font-family: var(--font-body-family), sans-serif;
}
.template-product .yotpo .form-group {
display: block;
}
.template-product
.yotpo
.form-group
.form-element
.yotpo-size-field
.yotpo-size-field-content
.yotpo-rating-field-titles
.y-label,
.template-product
.yotpo
.form-group
.form-element
.yotpo-size-field
.yotpo-size-field-content
.yotpo-size-field-titles
.y-label,
.template-product .yotpo .form-group .form-element .y-label.yotpo-field-title,
.template-product
.yotpo
.form-group
.form-element
.yotpo-multiple-choice-field
.yotpo-multiple-choice-option
.y-label {
font-family: var(--font-body-family), sans-serif;
color: #999;
}
.template-product .yotpo .yotpo-review .yotpo-main .content-title,
.template-product .yotpo .yotpo-comment .yotpo-main .content-title,
.template-product .yotpo .yotpo-question .yotpo-main .content-title,
.template-product .yotpo .yotpo-onsite-upload .yotpo-main .content-title {
font-family: var(--font-body-family), sans-serif;
color: #999;
}
.template-product
.yotpo
.yotpo-nav
ul
.yotpo-nav-tab.yotpo-active
.yotpo-nav-wrapper {
display: none;
}
.template-product
.yotpo
.yotpo-review
.yotpo-header
.yotpo-review-stars
.yotpo-user-related-fields
.yotpo-user-field
.yotpo-user-field-answer,
.template-product
.yotpo
.yotpo-comment
.yotpo-header
.yotpo-review-stars
.yotpo-user-related-fields
.yotpo-user-field
.yotpo-user-field-answer,
.template-product
.yotpo
.yotpo-question
.yotpo-header
.yotpo-review-stars
.yotpo-user-related-fields
.yotpo-user-field
.yotpo-user-field-answer,
.template-product
.yotpo
.yotpo-onsite-upload
.yotpo-header
.yotpo-review-stars
.yotpo-user-related-fields
.yotpo-user-field
.yotpo-user-field-answer {
font-family: var(--font-body-family), sans-serif;
color: #999;
}
.template-product
.yotpo
.yotpo-review
.yotpo-header
.yotpo-review-stars
.yotpo-user-related-fields
.yotpo-user-field
.yotpo-user-field-answer {
white-space: nowrap;
}
.template-product .yotpo .primary-color-btn,
.template-product .yotpo input[type="button"].primary-color-btn {
display: flex;
justify-content: center;
align-items: center;
padding: 15px 26px;
outline: none;
background-color: #fff;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
text-align: center;
text-decoration: none;
color: #000;
transition: background-color 0.3s;
cursor: pointer;
border-radius: 36px;
min-height: 50px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.template-product .yotpo .primary-color-btn:hover,
.template-product .yotpo input[type="button"].primary-color-btn:hover {
background-color: #fff !important;
color: #000;
transition: background-color 0.3s;
}
.template-product .yotpo .primary-color-btn.yotpo-disabled,
.template-product .yotpo input[type="button"].primary-color-btn.yotpo-disabled {
background: #999;
color: #fff;
cursor: default;
}
.template-product .yotpo .primary-color-btn.yotpo-disabled:hover,
.template-product
.yotpo
input[type="button"].primary-color-btn.yotpo-disabled:hover {
background: #888 !important;
}
.template-product .yotpo .write-review .yotpo-header .yotpo-icon,
.template-product
.yotpo
.yotpo-first-review
.yotpo-first-review-stars
.yotpo-icon-star {
color: #ffffff;
}
.template-product .yotpo .yotpo-review .yotpo-header .yotpo-icon-profile,
.template-product .yotpo .yotpo-comment .yotpo-header .yotpo-icon-profile,
.template-product .yotpo .yotpo-question .yotpo-header .yotpo-icon-profile,
.template-product
.yotpo
.yotpo-onsite-upload
.yotpo-header
.yotpo-icon-profile {
background: #ffffff;
}
.template-product .yotpo .y-label,
.template-product .yotpo span.y-label,
.template-product .yotpo input,
.template-product .yotpo .y-input {
border-color: #999;
font-family: var(--font-body-family), sans-serif;
color: #999;
}
.template-product .yotpo .yotpo-label-container {
display: none;
}
.template-product .yotpo.yotpo-main-widget {
width: 100%;
background: #000 !important;
}
.template-product .yotpo.yotpo-main-widget .yotpo-icon-btn {
width: auto;
margin-top: 50px;
margin-bottom: 0;
padding: 0 !important;
border: none;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-bottomline
.yotpo-icon-empty-star {
color: #ffffff;
}
.template-product .yotpo.yotpo-main-widget .yotpo-thank-you {
margin: 0 auto;
border: 4px solid #fff;
background: #000;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-thank-you
.yotpo-thankyou-header
span {
color: #ffffff;
}
.template-product .yotpo.yotpo-main-widget.yotpo-small .yotpo-small-box {
border: none;
}
.template-product
.yotpo.yotpo-main-widget
.write-question-review-button-icon.yotpo-hidden-mobile {
display: inline-block;
}
.template-product .yotpo.yotpo-main-widget .yotpo-small-box {
position: absolute;
position: relative;
right: 0;
z-index: 11;
align-self: self-end;
margin-right: 20px;
padding: 0;
border: none;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-small-box
.yotpo-logo-link-new {
display: none;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-small-box
.yotpo-default-button {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 26px !important;
border: 4px solid #fff !important;
background: transparent !important;
line-height: 1.2;
color: #fff !important;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transition: all 0.3s ease-in-out;
border-radius: 36px;
min-height: 56px;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-small-box
.yotpo-default-button
.yotpo-icon-write {
display: none;
margin-right: 7px;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-small-box
.yotpo-default-button:hover {
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
transition: all 0.3s ease-in-out;
}
.template-product .yotpo.yotpo-main-widget .yotpo-small-box.yotpo-nav {
display: none;
}
.template-product .yotpo .yotpo-icon-store::before,
.template-product
.yotpo
.yotpo-review
.yotpo-header
.yotpo-icon-profile
.yotpo-user-letter,
.template-product
.yotpo
.yotpo-comment
.yotpo-header
.yotpo-icon-profile
.yotpo-user-letter,
.template-product
.yotpo
.yotpo-question
.yotpo-header
.yotpo-icon-profile
.yotpo-user-letter,
.template-product
.yotpo
.yotpo-onsite-upload
.yotpo-header
.yotpo-icon-profile
.yotpo-user-letter {
color: #000;
}
.template-product
.yotpo
.yotpo-review
.yotpo-header
.yotpo-header-element
.y-label.yotpo-user-name,
.template-product
.yotpo
.yotpo-comment
.yotpo-header
.yotpo-header-element
.y-label.yotpo-user-name,
.template-product
.yotpo
.yotpo-question
.yotpo-header
.yotpo-header-element
.y-label.yotpo-user-name,
.template-product
.yotpo
.yotpo-onsite-upload
.yotpo-header
.yotpo-header-element
.y-label.yotpo-user-name {
font-family: var(--font-body-family), sans-serif;
color: #fff;
}
.template-product
.yotpo
.yotpo-review
.yotpo-header
.yotpo-header-element
.y-label.yotpo-user-name {
margin-right: 10px;
text-transform: capitalize;
}
.template-product .yotpo .yotpo-review .yotpo-header .yotpo-review-stars,
.template-product .yotpo .yotpo-comment .yotpo-header .yotpo-review-stars,
.template-product .yotpo .yotpo-question .yotpo-header .yotpo-review-stars,
.template-product
.yotpo
.yotpo-onsite-upload
.yotpo-header
.yotpo-review-stars {
clear: both;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-2,
.template-product
.yotpo
.yotpo-modal-dialog
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-2 {
padding-top: 0;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-2
.yotpo-star-distribution
.yotpo-star-distribution-content
.yotpo-distibutions-sum-reviews
.yotpo-sum-reviews,
.template-product
.yotpo
.yotpo-modal-dialog
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-2
.yotpo-star-distribution
.yotpo-star-distribution-content
.yotpo-distibutions-sum-reviews
.yotpo-sum-reviews {
color: #fff;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-2
.yotpo-star-distribution
.yotpo-star-distribution-content
.yotpo-distributions-graphs
.yotpo-star-distribution-graph
.yotpo-star-distribution-score-wrapper
.yotpo-star-distribution-graph-score {
background-color: #999;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-2
.yotpo-star-distribution
.yotpo-star-distribution-content
.yotpo-distributions-graphs
.yotpo-star-distribution-graph
.yotpo-star-distribution-score-wrapper,
.template-product
.yotpo
.yotpo-modal-dialog
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-2
.yotpo-star-distribution
.yotpo-star-distribution-content
.yotpo-distributions-graphs
.yotpo-star-distribution-graph
.yotpo-star-distribution-score-wrapper {
background-color: #fff;
}
.template-product
.yotpo
.yotpo-rating-bars
.yotpo-product-related-field-score-bar.yotpo-rating-bar-full,
.template-product
.yotpo
.yotpo-size-bars
.yotpo-product-related-field-score-bar.yotpo-rating-bar-full {
background-color: #999;
}
.template-product .yotpo .yotpo-review .yotpo-read-more,
.template-product .yotpo .yotpo-comment .yotpo-read-more,
.template-product .yotpo .yotpo-question .yotpo-read-more,
.template-product .yotpo .yotpo-onsite-upload .yotpo-read-more,
.template-product
.yotpo
.yotpo-review
.yotpo-header
.yotpo-review-stars
.yotpo-user-related-fields
.yotpo-user-field
.yotpo-user-field-description,
.template-product
.yotpo
.yotpo-comment
.yotpo-header
.yotpo-review-stars
.yotpo-user-related-fields
.yotpo-user-field
.yotpo-user-field-description,
.template-product
.yotpo
.yotpo-question
.yotpo-header
.yotpo-review-stars
.yotpo-user-related-fields
.yotpo-user-field
.yotpo-user-field-description,
.template-product
.yotpo
.yotpo-onsite-upload
.yotpo-header
.yotpo-review-stars
.yotpo-user-related-fields
.yotpo-user-field
.yotpo-user-field-description {
font-family: var(--font-body-family), sans-serif;
color: #999999;
}
.template-product .yotpo .yotpo-mandatory-explain,
.template-product
.yotpo
.form-group
.form-element
.yotpo-single-choice-field
.yotpo-single-choice-option
.y-label,
.template-product .yotpo .yotpo-product-related-field-name,
.template-product .yotpo .yotpo-review .yotpo-main .content-review,
.template-product .yotpo .yotpo-comment .yotpo-main .content-review,
.template-product .yotpo .yotpo-question .yotpo-main .content-review,
.template-product .yotpo .yotpo-onsite-upload .yotpo-main .content-review {
color: #999999;
}
.template-product .yotpo .yotpo-review .yotpo-main .content-review a,
.template-product .yotpo .yotpo-comment .yotpo-main .content-review a,
.template-product .yotpo .yotpo-question .yotpo-main .content-review a {
color: #999999 !important;
}
.template-product .yotpo.yotpo-main-widget .yotpo-bottomline .yotpo-icon-star,
.template-product
.yotpo.yotpo-main-widget
.yotpo-bottomline
.yotpo-icon-half-star,
.template-product
.yotpo.yotpo-main-widget
.yotpo-bottomline
.yotpo-icon-empty-star,
.template-product .yotpo .yotpo-modal-dialog .yotpo-bottomline .yotpo-icon-star,
.template-product
.yotpo
.yotpo-modal-dialog
.yotpo-bottomline
.yotpo-icon-half-star,
.template-product
.yotpo
.yotpo-modal-dialog
.yotpo-bottomline
.yotpo-icon-empty-star {
height: auto;
font-size: 17px;
line-height: 1;
}
.template-product
.yotpo
.yotpo-review
.yotpo-main
.yotpo-multiple-rating-fields
.yotpo-open-question-fields
.yotpo-question-field
.yotpo-question-field-answer,
.template-product
.yotpo
.yotpo-comment
.yotpo-main
.yotpo-multiple-rating-fields
.yotpo-open-question-fields
.yotpo-question-field
.yotpo-question-field-answer,
.template-product
.yotpo
.yotpo-question
.yotpo-main
.yotpo-multiple-rating-fields
.yotpo-open-question-fields
.yotpo-question-field
.yotpo-question-field-answer,
.template-product
.yotpo
.yotpo-onsite-upload
.yotpo-main
.yotpo-multiple-rating-fields
.yotpo-open-question-fields
.yotpo-question-field
.yotpo-question-field-answer,
.template-product
.yotpo
.yotpo-review
.yotpo-main
.yotpo-multiple-rating-fields
.yotpo-open-question-fields
.yotpo-question-field
.yotpo-question-field-description,
.template-product
.yotpo
.yotpo-comment
.yotpo-main
.yotpo-multiple-rating-fields
.yotpo-open-question-fields
.yotpo-question-field
.yotpo-question-field-description,
.template-product
.yotpo
.yotpo-question
.yotpo-main
.yotpo-multiple-rating-fields
.yotpo-open-question-fields
.yotpo-question-field
.yotpo-question-field-description,
.template-product
.yotpo
.yotpo-onsite-upload
.yotpo-main
.yotpo-multiple-rating-fields
.yotpo-open-question-fields
.yotpo-question-field
.yotpo-question-field-description {
font-family: var(--font-body-family), sans-serif;
}
.template-product .yotpo .yotpo-first-review {
position: relative;
margin-top: 0;
}
.template-product
.yotpo
.yotpo-review
.yotpo-main
.yotpo-multiple-rating-fields
.yotpo-product-related-fields
.yotpo-product-related-wrapper,
.template-product
.yotpo
.yotpo-comment
.yotpo-main
.yotpo-multiple-rating-fields
.yotpo-product-related-fields
.yotpo-product-related-wrapper,
.template-product
.yotpo
.yotpo-question
.yotpo-main
.yotpo-multiple-rating-fields
.yotpo-product-related-fields
.yotpo-product-related-wrapper,
.template-product
.yotpo
.yotpo-onsite-upload
.yotpo-main
.yotpo-multiple-rating-fields
.yotpo-product-related-fields
.yotpo-product-related-wrapper {
background-color: #f6f8fc;
background-color: transparent;
}
.template-product
.yotpo
.yotpo-review
.yotpo-main
.yotpo-multiple-rating-fields
.yotpo-product-related-fields
.yotpo-product-related-wrapper {
padding: 0;
}
.template-product .yotpo .yotpo-pager .yotpo-page-element:hover {
color: #999 !important;
}
.template-product
.yotpo-main-widget
.yotpo-bottomline.yotpo-bottomline-2-boxes
.yotpo-bottomline-box-1,
.template-product
.yotpo-modal-dialog
.yotpo-bottomline.yotpo-bottomline-2-boxes
.yotpo-bottomline-box-1 {
display: flex;
justify-content: flex-start;
align-items: center;
}
.template-product .yotpo.yotpo-main-widget .yotpo-bottomline .yotpo-stars,
.template-product .yotpo .yotpo-modal-dialog .yotpo-bottomline .yotpo-stars {
padding-bottom: 0;
}
.template-product
.yotpo.yotpo-main-widget.yotpo-small
.yotpo-icon-btn
.yotpo-icon-button-text,
.template-product
.yotpo.yotpo-main-widget.yotpo-small
.yotpo-label
.yotpo-default-button {
display: flex;
}
.template-product
.yotpo.yotpo-main-widget.yotpo-small
.yotpo-label
.yotpo-default-button {
margin-top: 0;
margin-bottom: 30px;
margin-left: 20px;
}
.template-product
.yotpo.yotpo-main-widget.yotpo-small
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-2
.yotpo-star-distribution,
.template-product
.yotpo
.yotpo-modal-dialog.yotpo-small
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-2
.yotpo-star-distribution {
margin-top: 0;
margin-bottom: 0;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-1
.yotpo-sum-reviews {
display: inline;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-1,
.template-product
.yotpo
.yotpo-modal-dialog
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-1 {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-1
.yotpo-sum-reviews,
.template-product
.yotpo
.yotpo-modal-dialog
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-1
.yotpo-sum-reviews {
margin: 0;
}
.template-product .main-widget.yotpo-display-wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
border-top: 1px solid #999;
}
.template-product .main-widget.yotpo-display-wrapper .yotpo-display-wrapper {
flex-grow: 1;
order: -1;
}
.template-product
.main-widget.yotpo-display-wrapper
.yotpo-display-wrapper
.yotpo-regular-box {
border-top: none;
}
.template-product
.main-widget.yotpo-display-wrapper
.yotpo-display-wrapper
.aggregated-product-related-fields
.product-related-fields-desktop-layout {
margin: 0;
}
.template-product
.main-widget.yotpo-display-wrapper
.yotpo-display-wrapper
.aggregated-product-related-fields
.product-related-fields-item {
overflow: visible;
display: flex;
align-items: flex-start;
font-size: 20px;
color: #000;
flex-direction: column;
}
.template-product
.main-widget.yotpo-display-wrapper
.yotpo-display-wrapper
.aggregated-product-related-fields
.product-related-fields-item
.product-related-fields-item-title {
margin: 0;
padding-bottom: 15px;
font-family: var(--font-body-family), sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 1;
color: #fff;
}
.template-product
.main-widget.yotpo-display-wrapper
.yotpo-display-wrapper
.aggregated-product-related-fields
.product-related-fields-item
.product-related-fields-item-value {
padding: 0;
}
.template-product
.main-widget.yotpo-display-wrapper
.bottom-line-items-container {
position: relative;
display: flex;
justify-content: flex-start;
align-items: flex-start;
height: auto;
margin: 0;
padding: 0;
flex-grow: 1;
flex-direction: column;
}
.template-product
.main-widget.yotpo-display-wrapper
.bottom-line-items-container
.avg-score {
display: block;
width: auto;
height: auto;
font-family: var(--font-body-family), sans-serif;
font-size: 24px;
line-height: 1;
color: #fff;
}
.template-product
.main-widget.yotpo-display-wrapper
.reviews-qa-labels-container {
position: relative;
display: block;
margin: 0;
padding: 0;
line-height: 1;
}
.template-product .main-widget.yotpo-display-wrapper .pT20 {
padding-top: 0;
flex-grow: 1;
}
.template-product .main-widget.yotpo-display-wrapper .bottom-line-items {
display: flex;
flex-direction: column;
align-items: flex-start;
flex-grow: 1;
margin-bottom: 41px;
}
.template-product .main-widget.yotpo-display-wrapper form {
width: 100%;
}
.template-product .main-widget.yotpo-display-wrapper .new-yotpo-small-box {
display: none;
width: 100%;
}
.template-product
.main-widget.yotpo-display-wrapper
.new-yotpo-small-box
.yotpo-nav-wrapper {
display: none;
}
.template-product .main-widget.yotpo-display-wrapper .yotpo-nav-content {
width: 100%;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.template-product
.main-widget.yotpo-display-wrapper
.yotpo-nav-content
.yotpo-reviews-filters {
display: none;
}
.template-product .main-widget.yotpo-display-wrapper.yotpo-no-reviews {
border: none;
}
.template-product
.main-widget.yotpo-display-wrapper.yotpo-no-reviews
.yotpo-display-wrapper,
.template-product
.main-widget.yotpo-display-wrapper.yotpo-no-reviews
.yotpo-label {
display: none;
}
.template-product
.main-widget.yotpo-display-wrapper.yotpo-no-reviews
.yotpo-nav-content {
margin-top: 0;
padding-bottom: 50px;
}
.template-product
.main-widget.yotpo-display-wrapper.yotpo-no-reviews
.yotpo-first-review
.yotpo-first-review-stars {
margin-top: 0;
}
.template-product
.main-widget.yotpo-display-wrapper.yotpo-no-reviews
.yotpo-messages
.yotpo-thank-you {
margin-bottom: 20px;
}
.template-product .main-widget .write-question-review-buttons-container {
flex-grow: 1;
max-width: 280px;
align-self: center;
padding-top: 20px;
padding-bottom: 40px;
}
.template-product
.main-widget
.write-question-review-buttons-container
.yotpo-icon-bt {
margin-top: 0;
}
.template-product .main-widget .yotpo-reviews-header,
.template-product .main-widget .main-widget .yotpo-reviews-filters {
margin-left: 0;
padding-top: 40px;
}
.template-product
.main-widget.yotpo-no-reviews
.write-question-review-buttons-container {
display: none;
margin: 0;
padding: 0;
}
.template-product
.main-widget.yotpo-no-reviews
.write-question-review-buttons-container
.yotpo-icon-bt {
margin-top: 0;
}
.template-product .reviews-header .reviews-amount {
font-family: var(--font-body-family), sans-serif;
}
.template-product
.bottom-line-items-container
.reviews-qa-labels-container
.reviews-qa-label {
font-family: var(--font-body-family), sans-serif;
font-size: 12px;
line-height: 1.2;
}
.template-product
.bottom-line-items-container
.bottom-line-items
.yotpo-filter-stars {
height: auto;
margin: 0;
padding: 15px 0 10px;
}
.template-product
.write-question-review-buttons-container
.write-question-review-button
.write-question-review-button-text {
font-family: var(--font-body-family), sans-serif;
font-weight: 500;
color: #fff;
}
.template-product
.product-related-fields-item
.product-related-fields-item-value,
.template-product .yotpo .write-review .yotpo-header .y-label,
.template-product .yotpo .write-review .yotpo-header .yotpo-header-title {
font-family: var(--font-body-family), sans-serif;
color: #999;
}
.template-product
.product-related-fields-item
.product-related-fields-item-value {
padding: 0;
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
color: #fff;
}
.template-product
.write-question-review-buttons-container
.write-question-review-button
.write-question-review-button-icon {
padding-right: 15px;
color: #fff !important;
}
.template-product
.yotpo-product-custom-fields
.yotpo-product-related-fields-wrapper
.aggregated-product-related-fields {
float: none;
}
.template-product
.filters-dropdown
.yotpo-dropdown
.list-category
.selected-stars {
color: #999;
}
.template-product .filters-dropdown .yotpo-dropdown-button .selected span {
color: #000;
}
.template-product .filters-dropdown .yotpo-dropdown-button {
height: 40px;
padding: 8px 10px 0 15px;
border: solid 1px #999;
background-color: #000;
border-radius: 0;
}
@media (min-width: 608px) {
.template-product .yotpo.yotpo-main-widget .yotpo-small-box {
margin: 0 20px 30px;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-small-box
.yotpo-default-button {
margin-top: 40px;
}
}
@media (min-width: 753px) {
.template-product
.yotpo.yotpo-main-widget
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-2,
.template-product
.yotpo
.yotpo-modal-dialog
.yotpo-bottomline.yotpo-bottomline-3-boxes
.yotpo-bottomline-box-2 {
display: flex;
}
}
@media (min-width: 992px) {
.template-product .reviews_section {
flex-wrap: wrap;
flex-direction: row;
padding: 180px 0 130px;
}
.template-product .reviews_section .section-title {
width: 15%;
margin-bottom: 0;
margin-right: 10%;
padding: 0 0 0 5rem;
}
.template-product .main-widget.yotpo-display-wrapper {
flex-direction: row;
flex-direction: column;
position: relative;
}
.template-product
.main-widget.yotpo-display-wrapper
.yotpo-display-wrapper
.aggregated-product-related-fields
.product-related-fields-item
.product-related-fields-item-title {
font-size: 32px;
}
.template-product .main-widget.yotpo-display-wrapper .bottom-line-items {
display: flex;
flex-direction: column;
align-items: flex-start;
flex-grow: 1;
margin-bottom: 20px;
}
.template-product
.main-widget.yotpo-display-wrapper
.bottom-line-items-container
.avg-score {
font-size: 32px;
}
.template-product
.main-widget.yotpo-display-wrapper
.write-question-review-buttons-container {
align-self: flex-start;
padding: 40px 0;
min-width: 100%;
}
.template-product .main-widget.yotpo-display-wrapper .yotpo-icon-btn {
margin: 0;
}
.template-product
.main-widget.yotpo-no-reviews
.write-question-review-buttons-container {
padding: 0;
text-align: center;
}
.template-product
.main-widget.yotpo-no-reviews
.write-question-review-buttons-container
.yotpo-icon-bt {
margin-top: 0;
}
.template-product .main-widget.yotpo-no-reviews .yotpo-messages {
margin: 0 auto;
}
.template-product
.main-widget.yotpo-no-reviews
.yotpo-messages
.yotpo-thank-you {
margin-bottom: 40px;
}
.template-product .reviews-widget {
width: 75%;
}
.template-product
.main-widget.yotpo-display-wrapper
.bottom-line-items-container {
flex-direction: row;
align-items: flex-start;
}
.template-product
.product-related-fields-item
.product-related-fields-item-value {
font-size: 20px;
}
.template-product
.yotpo-nav-content
.product-related-fields-item
.product-related-fields-item-value {
margin: 3px 0 0 0;
padding: 0 0 0 7px;
font-size: 13px;
line-height: 1.2;
}
.template-product .yotpo .yotpo-messages {
margin: 0 auto 0 0;
}
.template-product .yotpo.yotpo-main-widget {
width: 96%;
}
.template-product
.yotpo.yotpo-main-widget
.yotpo-small-box
.yotpo-default-button {
margin-top: 0;
}
.template-product .reviews-widget__buttons {
justify-content: flex-end;
align-items: center;
width: 75%;
margin: 0 0 0 25%;
padding-right: 40px;
flex-wrap: wrap;
max-width: 960px;
}
}
.pay-later {
padding: 10px 25px;
text-align: center;
}
.pay-later .pay-later__title {
margin-bottom: 10px;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
color: #999;
}
.pay-later .pay-later__icons {
display: flex;
justify-content: center;
}
.pay-later .pay-later__icons .pay-later__icon {
display: flex;
align-items: center;
height: auto;
}
.pay-later .pay-later__icons .pay-later__icon .icon {
width: auto;
height: auto;
}
.pay-later .pay-later__icons .pay-later__icon + .pay-later__icon {
position: relative;
margin-left: 51px;
}
.pay-later .pay-later__icons .pay-later__icon + .pay-later__icon::after {
content: "";
position: absolute;
top: -1px;
left: -25px;
display: block;
width: 1px;
height: 100%;
background: #999;
min-height: 27px;
}
.columns-with-bg-section-wrapper {
position: relative;
}
.columns-with-bg-section-wrapper.columns-with-bg-section--animated {
transform: scale(0.9);
transition: transform 0.3s ease;
}
.columns-with-bg-section-wrapper.columns-with-bg-section--animated.columns-with-bg-section--parrax {
transform: scale(1);
}
.columns-with-bg-section-wrapper .columns-with-bg-section-item {
position: relative;
}
.columns-with-bg-section-wrapper .popup--open {
position: absolute;
background: black;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__popup-content {
height: 100%;
padding: 0;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__content--hidden {
opacity: 0;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__caption--show {
opacity: 1;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__caption {
position: absolute;
bottom: 50px;
left: 50px;
z-index: 3;
opacity: 0;
text-align: left;
color: var(--text-color, #000);
color: white;
transition: opacity 0.3s ease;
max-width: 500px;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section__caption.columns-with-bg-section__caption--show {
opacity: 1;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__button {
position: absolute;
bottom: 50px;
right: 50px;
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
cursor: pointer;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section__button
.icon.icon-more {
width: 32px;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__button-more,
.columns-with-bg-section-wrapper .columns-with-bg-section__button-close {
pointer-events: none;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__button-close {
display: none;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__button-close svg {
fill: white;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section__popup-content-wrapper {
height: 100%;
background: transparent;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__popup-wrapper {
max-width: 100%;
height: 100%;
background: black;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__popup-iframe {
width: 100%;
height: 100%;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__popup {
padding: 0;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__popup-close-button {
position: absolute;
top: 50px;
right: -15px;
color: white;
cursor: pointer;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section__popup-close-button
svg {
pointer-events: none;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section__popup-close-button
svg
path {
fill: white;
}
.columns-with-bg-section-wrapper .button.play-button,
.columns-with-bg-section-wrapper
.yotpo-gallery
.yotpo-pictures-widget
.play-button.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.columns-with-bg-section-wrapper
.play-button.yotpo-load-more-button,
.columns-with-bg-section-wrapper .play-button.shopify-challenge__button.btn {
background: white;
color: black;
max-width: 100%;
}
.columns-with-bg-section-wrapper .button.play-button svg,
.columns-with-bg-section-wrapper
.yotpo-gallery
.yotpo-pictures-widget
.play-button.yotpo-load-more-button
svg,
.yotpo-gallery
.yotpo-pictures-widget
.columns-with-bg-section-wrapper
.play-button.yotpo-load-more-button
svg,
.columns-with-bg-section-wrapper
.play-button.shopify-challenge__button.btn
svg {
width: 14px;
height: 14px;
margin-right: 5px;
}
@media (min-width: 768px) {
.columns-with-bg-section-wrapper .button.play-button,
.columns-with-bg-section-wrapper
.yotpo-gallery
.yotpo-pictures-widget
.play-button.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.columns-with-bg-section-wrapper
.play-button.yotpo-load-more-button,
.columns-with-bg-section-wrapper .play-button.shopify-challenge__button.btn {
max-width: 169px;
}
}
.columns-with-bg-section-wrapper .columns-with-bg-section__background {
position: -webkit-sticky;
position: sticky;
top: 0;
overflow: hidden;
z-index: 2;
width: 100%;
height: 100%;
background: var(--content-background);
min-height: 100vh;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__description {
z-index: 10000;
margin-bottom: 14px;
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.75;
color: #fff;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__author {
z-index: 800;
margin-top: 0;
font-size: 20px;
line-height: 1.75;
color: #fff;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-color-block {
position: relative;
padding: 40px;
color: white;
min-height: 1000px;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-color-block.columns-with-bg-section__background-color-block--image {
right: 0;
padding: 0;
}
@media (min-width: 768px) {
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-color-block {
padding: 80px;
}
}
.columns-with-bg-section-wrapper .columns-with-bg-section {
position: relative;
top: 0;
z-index: 5;
width: 100%;
margin-top: -100vh;
min-width: 49%;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-color-block--full {
padding: 40px;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-color-block.columns-with-bg-section__background-image-block--full {
left: 0;
z-index: 1;
width: 100%;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-color-block.columns-with-bg-section__background-image-block--full
.columns-with-bg-section__background-color-block--image
img.columns-with-bg-section__image--active {
position: fixed;
opacity: 1;
transition: opacity 0.6s;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-color-block--image {
position: absolute;
top: 0;
align-self: flex-start;
width: 100vw;
width: 50vw;
height: calc(100vh - 100px);
height: -o-calc(100vh - 100px);
}
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-color-block--image
img {
position: absolute;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
transition: opacity 0.6s;
-o-object-fit: cover;
object-fit: cover;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-color-block--image
img.columns-with-bg-section__image--active {
opacity: 1;
transition: opacity 0.6s;
}
.columns-with-bg-section-wrapper .columns-with-bg-section__image {
width: 100%;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-image-block {
width: 50%;
}
.columns-with-bg-section-wrapper .columns-with-bg-section--animated {
transform: scale(0.8);
transition: transform 0.6s ease;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section--animated.columns-with-bg-section__background-color-block {
transform: none;
transition: transform 0.6s ease;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section--animated
.columns-with-bg-section__background-color-block {
opacity: 0;
transform: translateY(100%);
transition: transform 0.6s ease, opacity 0.6s ease;
}
.columns-with-bg-section-wrapper .columns-with-bg-section--scrolled {
transform: none;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section--scrolled
.columns-with-bg-section__background-color-block {
opacity: 1;
transform: none;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section--scrolled
.columns-with-bg-section__background-color-block.columns-with-bg-section__content--hidden {
opacity: 0;
}
.columns-with-bg-section-wrapper
.columns-with-bg-section--scrolled.columns-with-bg-section__background-color-block {
transform: scale(1.2);
transition: transform 2s ease;
}
.netplus-banner-section-wrapper {
position: relative;
transform: scaleX(0.9) scaley(0.97);
transition: transform 0.3s ease;
}
.netplus-banner-section-wrapper .netplus-banner-section__button-link {
margin-top: 20px;
background: #fff;
color: #000;
min-width: 100%;
max-height: 62px;
}
@media (min-width: 768px) {
.netplus-banner-section-wrapper .netplus-banner-section__button-link {
min-width: 168px;
}
}
.netplus-banner-section-wrapper .netplus-banner-section__content {
display: flex;
flex-direction: column;
align-items: var(--desktop-horizontal-pos-mob);
}
@media (min-width: 768px) {
.netplus-banner-section-wrapper .netplus-banner-section__content {
align-items: var(--desktop-horizontal-pos);
}
}
.netplus-banner-section-wrapper.netplus-banner-section--animated {
transform: scale(0.9);
transition: transform 0.3s ease;
}
.netplus-banner-section-wrapper.netplus-banner-section--animated.netplus-banner-section--parrax {
transform: scale(1);
}
.netplus-banner-section-wrapper .netplus-banner-section__label {
margin-bottom: 14px;
font-size: 12px;
font-weight: 500;
line-height: 21px;
text-align: center;
}
@media (min-width: 768px) {
.netplus-banner-section-wrapper .netplus-banner-section__label {
font-size: 16px;
line-height: 28px;
}
}
.netplus-banner-section-wrapper .netplus-banner-section__text {
margin-bottom: 40px;
font-size: 32px;
font-weight: 500;
line-height: 36px;
}
.netplus-banner-section-wrapper .netplus-banner-section__title {
margin-top: 0;
font-size: 48px;
font-weight: 500;
line-height: 56px;
max-width: 900px;
text-align: var(--desktop-text-align-mob);
}
@media (min-width: 768px) {
.netplus-banner-section-wrapper .netplus-banner-section__title {
font-size: 64px;
line-height: 72px;
text-align: var(--desktop-text-align);
}
}
.netplus-banner-section-wrapper .netplus-banner-section__description p {
margin-top: 14px;
font-size: 16px;
line-height: 28px;
max-width: 680px;
text-align: var(--desktop-text-align-mob);
}
.netplus-banner-section-wrapper .netplus-banner-section__description p a {
font-size: 16px;
line-height: 28px;
}
@media (min-width: 768px) {
.netplus-banner-section-wrapper .netplus-banner-section__description p {
font-size: 20px;
line-height: 35px;
text-align: var(--desktop-text-align);
}
.netplus-banner-section-wrapper .netplus-banner-section__description p a {
font-size: 20px;
line-height: 35px;
}
}
.netplus-banner-section-wrapper .netplus-banner-section-item {
position: relative;
}
.netplus-banner-section-wrapper .netplus-banner-section__content--hidden {
opacity: 0;
}
.netplus-banner-section-wrapper .netplus-banner-section__caption--show {
opacity: 1;
}
.netplus-banner-section-wrapper .netplus-banner-section__caption {
position: absolute;
bottom: 50px;
left: 50px;
z-index: 3;
opacity: 0;
text-align: left;
color: var(--text-color, #000);
color: white;
transition: opacity 0.3s ease;
max-width: 600px;
}
.netplus-banner-section-wrapper
.netplus-banner-section__caption.netplus-banner-section__caption--show {
opacity: 1;
}
.netplus-banner-section-wrapper .netplus-banner-section__button {
position: absolute;
bottom: 50px;
right: 50px;
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
width: 32px;
height: 32px;
cursor: pointer;
}
.netplus-banner-section-wrapper
.netplus-banner-section__button
.icon.icon-more {
width: 32px;
}
@media (min-width: 768px) {
.netplus-banner-section-wrapper .netplus-banner-section__button {
opacity: 1;
}
}
.netplus-banner-section-wrapper .netplus-banner-section__button-more,
.netplus-banner-section-wrapper .netplus-banner-section__button-close {
pointer-events: none;
}
.netplus-banner-section-wrapper .netplus-banner-section__button-close {
display: none;
}
.netplus-banner-section-wrapper .netplus-banner-section__button-close svg {
fill: white;
}
.netplus-banner-section-wrapper .button.play-button,
.netplus-banner-section-wrapper
.yotpo-gallery
.yotpo-pictures-widget
.play-button.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.netplus-banner-section-wrapper
.play-button.yotpo-load-more-button,
.netplus-banner-section-wrapper .play-button.shopify-challenge__button.btn {
z-index: 100;
display: flex;
margin-top: 25px;
background: white;
color: black;
max-width: 100%;
min-width: 100%;
}
.netplus-banner-section-wrapper .button.play-button svg,
.netplus-banner-section-wrapper
.yotpo-gallery
.yotpo-pictures-widget
.play-button.yotpo-load-more-button
svg,
.yotpo-gallery
.yotpo-pictures-widget
.netplus-banner-section-wrapper
.play-button.yotpo-load-more-button
svg,
.netplus-banner-section-wrapper .play-button.shopify-challenge__button.btn svg {
width: 14px;
height: 14px;
margin-right: 5px;
}
@media (min-width: 768px) {
.netplus-banner-section-wrapper .button.play-button,
.netplus-banner-section-wrapper
.yotpo-gallery
.yotpo-pictures-widget
.play-button.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.netplus-banner-section-wrapper
.play-button.yotpo-load-more-button,
.netplus-banner-section-wrapper .play-button.shopify-challenge__button.btn {
max-width: 169px;
min-width: 168px;
}
}
.netplus-banner-section-wrapper .netplus-banner-section__background {
position: -webkit-sticky;
position: sticky;
top: 0;
overflow: hidden;
z-index: 2;
width: 100%;
height: 100%;
background: var(--content-background);
min-height: 100vh;
filter: brightness(0.7);
}
.netplus-banner-section-wrapper .netplus-banner-section__author {
margin-top: 0;
font-size: 20px;
font-size: 24px;
font-weight: 500;
line-height: 27px;
color: #fff;
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block {
position: relative;
display: flex;
justify-content: center;
padding: 40px;
color: white;
min-height: 1000px;
flex-direction: column;
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block.netplus-banner-section--parrax
img {
transform: scaleX(1) scaley(1);
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block.netplus-banner-section--parrax
img.netplus-banner-section__image--active {
transform: scaleX(1.3) scaley(1.3);
transition: transform 10s ease-in-out, opacity 0.5s ease-in-out;
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block.netplus-banner-section--parrax
video {
transform: scaleX(1) scaley(1);
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block.netplus-banner-section--parrax
video.netplus-banner-section__image--active {
transform: scaleX(1.3) scaley(1.3);
transition: transform 10s ease-in-out, opacity 0.5s ease-in-out;
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block.netplus-banner-section__background-color-block--image {
right: 0;
padding: 0;
}
@media (min-width: 768px) {
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block {
margin: 0 auto;
padding: 80px;
}
}
.netplus-banner-section-wrapper .netplus-banner-section {
position: relative;
top: 0;
z-index: 5;
width: 100%;
margin-top: -100vh;
min-width: 49%;
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block--full {
padding: 40px;
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block.netplus-banner-section__background-image-block--full {
left: 0;
z-index: 1;
width: 100%;
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block.netplus-banner-section__background-image-block--full
.netplus-banner-section__background-color-block--image
.netplus-banner-section__image--active {
opacity: 1;
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block--image {
position: absolute;
top: 0;
align-self: flex-start;
width: 100%;
height: 100%;
min-width: 1280px;
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block--image
img,
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block--image
video {
position: absolute;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
transform: scaleX(1) scaley(1);
transition: opacity 1s;
-o-object-fit: cover;
object-fit: cover;
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block--image
.netplus-banner-section__image--active {
opacity: 1;
}
.netplus-banner-section-wrapper .netplus-banner-section__image {
width: 100%;
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-image-block {
width: 50%;
}
.netplus-banner-section-wrapper .netplus-banner-section--animated {
transform: scale(0.8);
transition: transform 0.6s ease;
}
.netplus-banner-section-wrapper
.netplus-banner-section--animated.netplus-banner-section__background-color-block {
transform: none;
transition: transform 0.6s ease;
}
.netplus-banner-section-wrapper
.netplus-banner-section--animated
.netplus-banner-section__background-color-block {
opacity: 0;
transform: translateY(100%);
transition: transform 0.6s ease, opacity 0.6s ease;
}
.netplus-banner-section-wrapper .netplus-banner-section--scrolled {
transform: none;
}
.netplus-banner-section-wrapper
.netplus-banner-section--scrolled
.netplus-banner-section__background-color-block {
opacity: 1;
transform: scale(1.2);
transition: transform 2s ease;
}
.netplus-banner-section-wrapper
.netplus-banner-section--scrolled
.netplus-banner-section__background-color-block.netplus-banner-section__content--hidden {
opacity: 0;
}
.netplus-banner-section-wrapper
.netplus-banner-section--scrolled.netplus-banner-section__background-color-block {
transform: scale(1.2);
transition: transform 2s ease;
}
.netplus-banner-section-wrapper .netplus-banner-section__subtitle {
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
line-height: 1.16;
}
.netplus-banner-section-wrapper .netplus-banner-section__subtitle p {
font-size: inherit;
line-height: inherit;
}
.netplus-banner-section__popup {
background: black;
}
.netplus-banner-section__popup .netplus-banner-section__popup-content {
height: 100%;
padding: 0;
}
.netplus-banner-section__popup .netplus-banner-section__popup-content-wrapper {
height: 100%;
background: transparent;
}
.netplus-banner-section__popup .netplus-banner-section__popup-wrapper {
height: 100%;
padding-top: 0;
background: black;
max-width: 100%;
}
.netplus-banner-section__popup .netplus-banner-section__popup-iframe {
width: 100%;
height: 100%;
}
.netplus-banner-section__popup .netplus-banner-section__popup {
padding: 40px 0 0;
}
.netplus-banner-section__popup .netplus-banner-section__popup-close-button {
position: absolute;
top: 40px;
right: -15px;
z-index: 10;
color: white;
cursor: pointer;
}
.netplus-banner-section__popup .netplus-banner-section__popup-close-button svg {
pointer-events: none;
}
.netplus-banner-section__popup
.netplus-banner-section__popup-close-button
svg
path {
fill: white;
}
@media screen and (max-width: 768px) {
img.js-netplus-banner-section__image.netplus-banner-section__image--active {
left: 35%;
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block--image
img {
height: 90% !important;
}
}
.netplus-banner-section-wrapper
.netplus-banner-section__background-color-block--image
img {
transform: none !important;
}
.netplus-banner-section-wrapper
.netplus-banner-section--scrolled.netplus-banner-section__background-color-block {
transform: none !important;
}
.netplus-banner-section__buttons-container {
display: flex;
-moz-column-gap: 20px;
column-gap: 20px;
flex-wrap: wrap;
}
.content-cards {
margin: 110px 0 150px 0;
margin-top: 0;
padding-top: 70px;
}
.content-cards .slider__arrow {
opacity: 0;
}
.content-cards .slider__container {
padding-left: 30px;
padding-right: 30px;
}
.content-card {
overflow: hidden;
width: calc(100vw - 80px);
height: calc(100vw - 80px);
margin: 0;
padding: 10px;
border-radius: 8px;
max-width: calc(100vw - 80px);
max-height: calc(100vw - 80px);
}
.content-card .content-card__inner-content {
position: absolute;
display: flex;
width: 100%;
padding: 31px 30px;
min-height: 100%;
flex-direction: column;
}
.content-card .content-card__inner-content .content-card__title {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
padding: 0 20px;
transform: translate(-50%, -50%);
transition: all 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
@media screen and (max-width: 768px) {
.content-card .content-card__inner-content {
position: absolute;
display: flex;
width: 100%;
padding: 31px 30px;
min-height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
}
.content-card .content-card__inner-content .content-card__title {
position: static;
width: 100%;
padding: 0 20px;
transform: unset;
transition: all 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
}
.content-card .content-card__image {
position: absolute;
top: 0;
left: 0;
opacity: 0.7;
width: 100%;
height: 100%;
border-radius: 8px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.content-card .content-card__image-wrapper {
overflow: hidden;
width: 100%;
height: 100%;
background: black;
min-height: 200px;
border-radius: 8px;
}
.content-card .content-card__title {
z-index: 100;
font-size: 24px;
line-height: 1.2;
text-align: center;
color: white;
}
.content-card .content-card__hidden-content {
position: absolute;
bottom: 0;
opacity: 0;
width: 100%;
height: 67%;
padding: 30px;
transition: height 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
will-change: height;
}
.content-card .content-card__hidden-content .content-card__title {
top: 40%;
margin-top: 20px;
}
.content-card .content-card__button {
position: absolute;
left: 50%;
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
min-width: 98px;
height: 56px;
margin-top: 20px;
background: white;
font-family: var(--font-heading-family), sans-serif;
line-height: 2.45;
text-decoration: none;
color: #444;
transform: translateX(-50%);
transition: opacity 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
border-radius: 36px;
max-width: 161px;
bottom: 10px;
font-size: 13px;
padding: 5px 15px;
max-height: 40px;
}
@media (min-width: 768px) {
.content-card .content-card__button {
top: initial;
bottom: 40px;
font-size: 17px;
padding: 10px 20px;
max-height: 55px;
}
}
@media screen and (max-width: 768px) {
.content-card .content-card__button {
position: static;
transform: unset;
}
}
.content-card .content-card__link {
position: relative;
display: flex;
width: 100%;
height: 100%;
background: #f5f5f5;
text-decoration: none;
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
flex-direction: column;
border-radius: 8px;
}
@media (min-width: 768px) {
.content-card {
width: calc((100vw - 160px) / 2);
height: calc((100vw - 160px) / 2);
max-width: calc((100vw - 160px) / 2);
max-height: calc((100vw - 160px) / 2);
}
}
@media (min-width: 992px) {
.content-card {
width: calc((100vw - 160px) / 3);
height: calc((100vw - 160px) / 3);
max-width: calc((100vw - 160px) / 3);
max-height: calc((100vw - 160px) / 3);
}
}
@media (min-width: 1200px) {
.content-card {
width: calc((100vw - 160px) / 4);
height: calc((100vw - 160px) / 4);
max-width: calc((100vw - 160px) / 4);
max-height: calc((100vw - 160px) / 4);
}
}
@media (min-width: 992px) {
.content-cards {
padding-top: 90px;
}
.content-cards .slider__container {
padding-left: 80px;
padding-right: 80px;
}
}
@media (min-width: 768px) {
.content-card .content-card__button {
opacity: 0;
}
}
@media (min-width: 992px) {
.content-card__link .content-card__title {
font-size: 30px;
}
}
@media (min-width: 992px) and (-moz-touch-enabled: 0),
(min-width: 992px) and (hover: hover) {
.content-card__link:hover .content-card__inner-content .content-card__title {
font-size: 30px;
}
}
@media (min-width: 1400px) {
.content-card__link .content-card__title {
font-size: 40px;
transform: translate(-50%, -50px);
}
}
@media (min-width: 1400px) and (-moz-touch-enabled: 0),
(min-width: 1400px) and (hover: hover) {
.content-card__link:hover {
transform: scale(1.02);
}
.content-card__link:hover .content-card__inner-content .content-card__title {
top: 37%;
font-size: 40px;
transform: translate(-50%, -50px);
}
.content-card__link:hover .content-card__button {
bottom: 20px;
opacity: 1;
top: 37%;
}
.content-card__link:hover .content-card__image {
opacity: 1;
}
}
@media (min-width: 1400px) {
.content-cards .slider__arrow.slider__arrow--next {
right: 30px;
margin: 0;
}
.content-cards .slider__arrow.slider__arrow--prev {
left: 50px;
margin: 0;
}
.content-cards .slider__arrow {
opacity: 1;
}
}
.newsletter-popup {
display: none;
}
.newsletter-popup .newsletter-popup__content {
padding: 50px;
border-width: 10px;
border-style: solid;
border-color: #fff;
background: #f0f0f0;
box-shadow: 0 0 0 0 #fff;
}
.newsletter-popup .newsletter-popup__wrapper {
max-width: 880px;
}
.newsletter-popup .newsletter-popup__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
line-height: 1;
text-align: center;
color: #333333;
}
.newsletter-popup .newsletter-popup__subtitle {
margin-top: 20px;
margin-bottom: 10px;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 15px;
line-height: 1.5;
color: #333333;
}
.newsletter-popup .newsletter-popup__text-agree p {
margin-top: 0;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 14px;
line-height: 1;
color: #333333;
max-width: 480px;
}
.newsletter-popup .newsletter-popup__icon-close {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
.newsletter-popup.popup--open.newsletter-popup--enable {
display: flex;
}
#NostoPopUp div.NostoTitle {
padding-bottom: 0 !important;
font-family: var(--font-heading-family), sans-serif !important;
font-size: 32px !important;
line-height: 1;
text-align: center;
color: #333 !important;
}
#NostoPopUp .NostoOverlayCopyAlertContent p {
color: black;
}
#NostoPopUp div.NostoSubTitle {
margin-top: 20px;
margin-bottom: 15px !important;
font-family: "RidgewaySans-Regular", sans-serif !important;
font-size: 15px !important;
line-height: 1.5;
color: #333333 !important;
}
#NostoPopUp .NostoDescription {
margin-top: 0 !important;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 14px !important;
line-height: 1;
text-align: left;
color: #333333 !important;
max-width: 480px;
}
#NostoPopUp .NostoForm .NostoInputButton {
padding: 10px !important;
border-width: 1px !important;
border-style: none !important;
border-color: rgba(0, 0, 0, 0.35) !important;
background: black !important;
font-family: "RidgewaySans-Regular", sans-serif !important;
font-size: 20px !important;
font-weight: 400 !important;
text-transform: capitalize !important;
color: #ffffff !important;
cursor: pointer !important;
border-radius: 50px !important;
box-shadow: 0 0 0 0 #ffffff !important;
max-width: 170px;
}
#NostoPopUp div#NostoPopUpWrapper {
max-width: 780px !important;
}
#NostoPopUpWrapper div#NostoPopUpContent {
border-radius: 0 !important;
min-width: 800px;
}
#NostoPopUp .NostoOverlayClose.NostoCloseButton {
top: 10px !important;
right: 10px !important;
background: transparent !important;
color: grey !important;
}
#NostoPopUp div#NostoPopUpContent {
border: 10px solid white;
background: #f0f0f0 !important;
}
#NostoPopUp #nostoAddress {
height: 40px !important;
padding-left: 12px !important;
text-align: left !important;
max-width: 480px !important;
border-radius: 3px !important;
}
div#NostoPopUp .NostoDescription {
margin-top: 0 !important;
}
#NostoPopUp div.NostoOverlayCopyAlertContent {
position: absolute;
top: -250px;
background: none !important;
}
#NostoPopUp #nostoSelectPrompt {
display: block !important;
font-family: var(--font-heading-family), sans-serif !important;
font-size: 32px !important;
color: #333333 !important;
}
#NostoPopUp div.NostoOverlayCopyAlert {
overflow: auto !important;
height: 200px !important;
}
#NostoPopUp .NostoOverlayCopyAlert p.alert-sign-up {
color: black !important;
}
div#NostoPopUpContent {
min-height: 274px;
}
.NostoOverlayCopyAlert {
display: none;
}
div#nostoCoupon {
background: transparent !important;
color: black !important;
}
#NostoPopUpContent .NostoForm button#nostoCouponCopyBtn {
background: transparent !important;
font-family: var(--font-heading-family), sans-serif !important;
font-size: 32px !important;
color: black !important;
color: #333333 !important;
cursor: auto !important;
}
#NostoPopUp #NostoPopUpWrapper {
max-width: 850px;
}
div#NostoThankYou {
position: absolute;
top: 50%;
left: 50%;
display: block;
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
font-weight: 500;
color: #333333;
transform: translate(-50%, -50%);
}
div#NostoThankYou span {
display: inline-block;
margin-top: 20px;
font-size: 20px;
font-weight: 400;
}
.film-carousel--with-title.film-carousel {
padding-bottom: 84px;
}
.film-carousel--with-title.film-carousel .film-carousel__content {
top: 0;
opacity: 1;
transform: translateY(32%);
}
.film-carousel--with-title.film-carousel .film-carousel__slide-title,
.film-carousel--with-title.film-carousel .film-carousel__slide-text {
max-width: 260px;
}
.film-carousel--with-title.film-carousel .film-carousel__slide-text {
opacity: 0;
transition: opacity 0.3s;
}
.film-carousel--with-title.film-carousel .film-carousel__slide:hover {
transform: none;
box-shadow: none;
}
.film-carousel--with-title.film-carousel
.film-carousel__slide:hover
.film-carousel__content {
transform: translateY(32%);
}
.film-carousel--with-title.film-carousel
.film-carousel__slide
.film-carousel__content {
transform: translateY(32%);
}
.film-carousel--with-title.film-carousel .film-carousel__slide-title {
margin-bottom: 10px;
font-family: var(--title-font-family);
font-size: 24px;
line-height: 32px;
}
.film-carousel--with-title.film-carousel
.film-carousel__slide-wrapper.film-carousel__slide-wrapper--2 {
padding: 6px 20px;
cursor: pointer;
}
@media (min-width: 768px) {
.film-carousel--with-title.film-carousel
.film-carousel__slide-wrapper.film-carousel__slide-wrapper--2 {
width: 100%;
height: calc((100vw - 80px) / 2 * 1.2);
padding: 19px 18px;
max-height: calc((100vw - 80px) / 2 * 1.2);
max-width: 50%;
}
}
@media (min-width: 992px) {
.film-carousel--with-title.film-carousel
.film-carousel__slide-wrapper.film-carousel__slide-wrapper--2 {
height: calc((60vw - 80px) / 2 * 1.2);
padding: 19px 10px;
}
}
@media (min-width: 1200px) {
.film-carousel--with-title.film-carousel
.film-carousel__slide-wrapper.film-carousel__slide-wrapper--2 {
height: calc((100vw - 127px) / 2 * 1.2);
max-height: calc((100vw - 93px) / 3 * 1);
}
}
@media (min-width: 480px) {
.film-carousel--with-title.film-carousel
.film-carousel__slide:hover
.film-carousel__content {
transform: translateY(32%);
}
.film-carousel--with-title.film-carousel
.film-carousel__slide
.film-carousel__content {
transform: translateY(32%);
}
}
@media (min-width: 576px) {
.film-carousel--with-title.film-carousel
.film-carousel__slide:hover
.film-carousel__content {
transform: translateY(38%);
}
.film-carousel--with-title.film-carousel
.film-carousel__slide
.film-carousel__content {
transform: translateY(38%);
}
}
@media (min-width: 768px) {
.film-carousel--with-title.film-carousel {
padding-bottom: 120px;
}
}
@media (min-width: 992px) {
.film-carousel--with-title.film-carousel
.film-carousel__slide:hover
.film-carousel__content {
transform: translateY(32%);
}
.film-carousel--with-title.film-carousel
.film-carousel__slide
.film-carousel__content {
transform: translateY(32%);
}
}
@media (min-width: 1200px) {
.film-carousel--with-title.film-carousel .swiper-wrapper {
padding-bottom: 40px;
}
.film-carousel--with-title.film-carousel .film-carousel__slide:hover {
transform: scale(1.01);
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.16);
}
.film-carousel--with-title.film-carousel
.film-carousel__slide:hover
.film-carousel__content {
transform: translateY(10%);
}
.film-carousel--with-title.film-carousel
.film-carousel__slide:hover
.film-carousel__slide-text {
opacity: 1;
transition: opacity 0.3s;
}
.film-carousel--with-title.film-carousel .film-carousel__slide-text {
opacity: 0;
transition: opacity 0.3s;
}
}
@media (min-width: 1400px) {
.film-carousel--with-title.film-carousel
.film-carousel__slide
.film-carousel__content {
transform: translateY(38%);
}
.film-carousel--with-title.film-carousel
.film-carousel__slide:hover
.film-carousel__content {
transform: translateY(24%);
}
}
.film-thumbnails {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
padding: 46px 40px;
}
.film-thumbnails .film-thumbnails-item {
min-height: 392px;
}
.film-thumbnails .article-card-video {
display: block;
padding-top: 120%;
}
@media (min-width: 768px) {
.film-thumbnails {
grid-template-columns: 1fr 1fr;
padding: 46px 80px;
}
}
@media (min-width: 992px) {
.film-thumbnails {
grid-template-columns: 1fr 1fr 1fr;
padding: 70px 80px;
}
}
@media (min-width: 1200px) {
.film-thumbnails {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@-webkit-keyframes blobber {
0% {
border-radius: 48% 52% 52% 48%/42% 48% 52% 54%;
}
25% {
border-radius: 52% 44% 45% 45%/47% 50% 52% 47%;
}
50% {
border-radius: 44% 56% 42% 58%/49% 46% 54% 45%;
}
75% {
border-radius: 54% 38% 43% 57%/55% 55% 45% 50%;
}
100% {
border-radius: 48% 52% 52% 48%/42% 48% 52% 54%;
}
}
@keyframes blobber {
0% {
border-radius: 48% 52% 52% 48%/42% 48% 52% 54%;
}
25% {
border-radius: 52% 44% 45% 45%/47% 50% 52% 47%;
}
50% {
border-radius: 44% 56% 42% 58%/49% 46% 54% 45%;
}
75% {
border-radius: 54% 38% 43% 57%/55% 55% 45% 50%;
}
100% {
border-radius: 48% 52% 52% 48%/42% 48% 52% 54%;
}
}
@-webkit-keyframes blobber-odd {
0% {
border-radius: 48% 52% 52% 48%/42% 48% 52% 54%;
}
25% {
border-radius: 44% 56% 50% 58%/47% 46% 54% 45%;
}
40% {
border-radius: 46% 56% 47% 52%/49% 46% 54% 48%;
}
50% {
border-radius: 54% 46% 44% 54%/51% 55% 52% 50%;
}
66% {
border-radius: 52% 44% 44% 52%/49% 50% 50% 51%;
}
75% {
border-radius: 52% 44% 47% 50%/47% 50% 50% 53%;
}
100% {
border-radius: 48% 52% 52% 48%/44% 48% 52% 47%;
}
}
@keyframes blobber-odd {
0% {
border-radius: 48% 52% 52% 48%/42% 48% 52% 54%;
}
25% {
border-radius: 44% 56% 50% 58%/47% 46% 54% 45%;
}
40% {
border-radius: 46% 56% 47% 52%/49% 46% 54% 48%;
}
50% {
border-radius: 54% 46% 44% 54%/51% 55% 52% 50%;
}
66% {
border-radius: 52% 44% 44% 52%/49% 50% 50% 51%;
}
75% {
border-radius: 52% 44% 47% 50%/47% 50% 50% 53%;
}
100% {
border-radius: 48% 52% 52% 48%/44% 48% 52% 47%;
}
}
@-webkit-keyframes cobler {
0% {
background-position: 0% 0%;
}
100% {
background-position: 100% 0%;
}
}
@keyframes cobler {
0% {
background-position: 0% 0%;
}
100% {
background-position: 100% 0%;
}
}
@-webkit-keyframes wobbler {
0% {
transform: rotateZ(8deg);
}
100% {
transform: rotateZ(-8deg);
}
}
@keyframes wobbler {
0% {
transform: rotateZ(8deg);
}
100% {
transform: rotateZ(-8deg);
}
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
70% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
70% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.animate {
opacity: 0;
}
.animate__bounceIn {
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.circle__images {
padding: 70px 0 10px;
background: var(--background-color-block);
}
.circle__images .container {
margin-left: 0;
}
.circle__images .circle__images-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
@media (min-width: 992px) {
.circle__images .circle__images-wrapper {
flex-wrap: nowrap;
}
}
@media (min-width: 1200px) {
.circle__images .circle__images-wrapper {
padding-right: 60px;
}
}
.circle__images .circle__images-image-wrapper {
position: relative;
width: 100%;
height: 100%;
min-height: 180px;
max-width: 84%;
}
.circle__images .has-small-image {
max-width: 100%;
}
.circle__images .has-small-image .circle__images-image--bg {
max-width: 80%;
margin-left: 20%;
}
.circle__images .has-small-image .circle__images-image--front {
top: 4%;
left: 4%;
margin-left: 20%;
max-width: 72%;
}
.circle__images .circle__images-image-content {
display: flex;
align-items: flex-start;
flex-grow: 1;
padding-top: 32px;
min-height: 580px;
}
@media (min-width: 992px) {
.circle__images .circle__images-image-content {
padding-top: 0;
}
}
.circle__images picture {
overflow: visible;
display: flex;
border-radius: 50%;
}
.circle__images .circle__images-image {
max-width: 100%;
}
.circle__images .circle__images-image.circle__images-image--animated {
-webkit-animation: blobber 15s 0s ease-in-out infinite;
animation: blobber 15s 0s ease-in-out infinite;
}
.circle__images .circle__images-image--bg {
position: relative;
top: 0;
left: 0;
opacity: 0.1;
width: 100%;
max-width: 100%;
}
.circle__images .circle__images-image--front {
position: absolute;
top: 7%;
left: 6%;
opacity: 1;
max-width: 88%;
width: 100%;
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.circle__images .circle__images-inner-block {
margin: 0;
}
@media (min-width: 992px) {
.circle__images .circle__images-inner-block {
margin: 0 10px;
}
}
@media (min-width: 1400px) {
.circle__images .circle__images-inner-block {
margin: 0;
}
}
.circle__images .circle__images-text-content {
order: 1;
width: 100%;
}
@media (min-width: 992px) {
.circle__images .circle__images-text-content {
width: 41.6666666667%;
}
}
.circle__images .circle__images-title {
margin-bottom: 41px;
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
line-height: 1.19;
letter-spacing: -0.32px;
}
.circle__images .circle__images-title.circle__images-title--big {
font-size: 40px;
line-height: 1.13;
}
@media (min-width: 480px) {
.circle__images .circle__images-title.circle__images-title--big {
font-size: 56px;
}
}
@media (min-width: 992px) {
.circle__images .circle__images-title.circle__images-title--big {
font-size: 64px;
}
}
@media (min-width: 992px) {
.circle__images .circle__images-title {
margin-bottom: 54px;
font-size: 48px;
line-height: 1.19;
letter-spacing: -0.01em;
}
}
.circle__images .circle__images-description p {
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
line-height: 28px;
}
.circle__images .circle__images-image-attach {
width: 56px;
height: 57px;
background: black;
border-radius: 50%;
}
@media (min-width: 992px) {
.circle__images .circle__images-image-attach {
width: 130px;
height: 133px;
}
}
.circle__images .circle__images-small {
width: 56px;
height: 57px;
}
@media (min-width: 992px) {
.circle__images .circle__images-small {
width: 130px;
height: 133px;
}
}
.circle__images .circle__images-info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
max-width: 300px;
}
.circle__images .circle__images-info * {
font-family: var(--font-body-family), sans-serif;
font-size: 14px;
line-height: 22px;
text-align: center;
color: #fff;
}
.circle__images .circle__images-info strong {
font-size: 20px;
}
@media (min-width: 480px) {
.circle__images .circle__images-info strong {
font-size: 28px;
}
}
.circle__images .circle__images-info p {
margin-top: 0;
}
@media (min-width: 992px) {
.circle__images .circle__images-info * {
font-size: 16px;
line-height: 22px;
}
}
.circle__images .circle__images-alignment--right {
justify-content: center;
order: 2;
}
@media (min-width: 992px) {
.circle__images .circle__images-alignment--right {
justify-content: flex-end;
}
}
.circle__images .circle__images-inner-block.circle__images-alignment--left {
order: 0;
justify-content: center;
}
@media (min-width: 992px) {
.circle__images .circle__images-inner-block.circle__images-alignment--left {
justify-content: flex-start;
}
}
.circle__images
.circle__images-alignment-to--right_top
.circle__images-image-wrapper,
.circle__images
.circle__images-alignment-to--left_top
.circle__images-image-wrapper {
margin-top: 190px;
}
.circle__images
.circle__images-alignment-to--right_bottom
.circle__images-image-wrapper,
.circle__images
.circle__images-alignment-to--left_bottom
.circle__images-image-wrapper {
margin-bottom: 106px;
}
.circle__images .circle__images-alignment--right_bottom {
position: absolute;
bottom: -12%;
right: 0;
}
@media (min-width: 576px) {
.circle__images .circle__images-alignment--right_bottom {
bottom: -15%;
}
}
@media (min-width: 1400px) {
.circle__images .circle__images-alignment--right_bottom {
right: -14%;
}
}
.circle__images .circle__images-alignment--right_top {
position: absolute;
top: -50%;
right: 0;
}
@media (min-width: 480px) {
.circle__images .circle__images-alignment--right_top {
top: -35%;
}
}
@media (min-width: 1400px) {
.circle__images .circle__images-alignment--right_top {
right: -14%;
}
}
.circle__images .circle__images-alignment--left_bottom {
position: absolute;
bottom: -50%;
left: 0;
}
@media (min-width: 480px) {
.circle__images .circle__images-alignment--left_bottom {
bottom: -35%;
}
}
@media (min-width: 1400px) {
.circle__images .circle__images-alignment--left_bottom {
left: -14%;
}
}
.circle__images .circle__images-alignment--left_top {
position: absolute;
top: -50%;
left: 0;
}
@media (min-width: 480px) {
.circle__images .circle__images-alignment--left_top {
top: -35%;
}
}
@media (min-width: 1400px) {
.circle__images .circle__images-alignment--left_top {
left: -14%;
}
}
.circle__images .circle__images-button {
display: inline-flex;
width: auto;
min-width: 168px;
height: auto;
min-height: 56px;
padding-top: 8px;
padding-bottom: 8px;
}
.circle__images.circle__images--bottom-padding {
padding-bottom: 70px;
}
@media (min-width: 576px) {
.circle__images .circle__images-image-wrapper {
max-width: 74%;
min-height: 46vw;
}
.circle__images .circle__images .circle__images-alignment--left_bottom {
top: 74%;
bottom: auto;
left: -12%;
width: 36%;
}
}
@media (min-width: 768px) {
.circle__images .circle__images-image-wrapper {
max-width: 540px;
}
}
@media (min-width: 992px) {
.circle__images {
padding: 140px 0 70px;
}
.circle__images.circle__images--bottom-padding {
padding-bottom: 140px;
}
.circle__images .circle__images-image-wrapper {
max-width: 85%;
min-height: unset;
}
.circle__images
.circle__images
.circle__images-inner-block.circle__images-alignment--left {
justify-content: flex-end;
}
.circle__images .circle__images .circle__images-alignment--left_bottom {
top: 63%;
left: -15%;
}
.circle__images .has-small-image .circle__images-image--bg {
max-width: 80%;
margin-left: 10%;
}
.circle__images .has-small-image .circle__images-image--front {
top: 4%;
left: 4%;
margin-left: 10%;
max-width: 72%;
}
.circle__images .circle__images-wrapper {
flex-wrap: nowrap;
flex-direction: row;
}
.circle__images .circle__images-image--front {
top: 6%;
}
}
@media (min-width: 1200px) {
.circle__images .circle__images-wrapper {
padding-right: 60px;
}
}
@media (min-width: 1400px) {
.circle__images .container {
max-width: 1400px;
margin-left: auto;
padding-left: 40px;
padding-right: 40px;
}
.circle__images .circle__images-image-wrapper {
max-width: 74%;
min-height: unset;
}
.circle__images.circle__images--bottom-padding {
padding-bottom: 170px;
}
}
.sport-carousel-slider {
margin: 56px 0 115px;
}
.sport-carousel-slider .sport-carousel--end .article-card-blog__link {
display: flex;
justify-content: center;
align-items: center;
font-family: var(--font-heading-family), sans-serif;
}
.sport-carousel-slider .sport-carousel-slider__content {
margin-left: 80px;
}
.sport-carousel-slider .sport-carousel-slider__header {
margin-bottom: 20px;
padding-left: 10px;
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
line-height: 32px;
text-align: center;
}
@media (min-width: 768px) {
.sport-carousel-slider .sport-carousel-slider__header {
text-align: left;
}
}
.sport-carousel-slider .sport-carousel-slider__description {
margin-bottom: 34px;
padding-left: 10px;
font-size: 14px;
line-height: 24px;
max-width: 100%;
}
@media (min-width: 768px) {
.sport-carousel-slider .sport-carousel-slider__description {
max-width: 55%;
}
}
.sport-carousel-slider .sport-carousel-slider__description p {
margin-bottom: 34px;
padding-left: 10px;
font-size: 14px;
line-height: 24px;
max-width: 100%;
}
@media (min-width: 768px) {
.sport-carousel-slider .sport-carousel-slider__description p {
max-width: 85%;
}
}
.sport-carousel-slider .slider__container {
padding-left: 40px;
padding-right: 40px;
}
@media (min-width: 992px) {
.sport-carousel-slider .slider__container {
padding-left: 80px;
padding-right: 80px;
}
}
.sport-carousel-slider .slider__arrow {
opacity: 0;
}
@media (min-width: 768px) {
.sport-carousel-slider {
margin: 145px 0 115px;
}
}
.sport-carousel {
overflow: hidden;
width: 100%;
height: calc((100vw - 80px) * 1.2);
margin: 0;
padding: 10px;
border: none;
cursor: pointer;
border-radius: 8px;
max-width: calc(100vw - 80px);
max-height: calc((100vw - 80px) * 1.2);
}
.sport-carousel .sport-carousel__inner-content {
position: absolute;
display: flex;
width: 100%;
padding: 33px 30px;
min-height: 100%;
flex-direction: column;
}
.sport-carousel .sport-carousel__title {
position: absolute;
top: 45%;
left: 32px;
z-index: 3;
font-size: 24px;
line-height: 48px;
text-align: center;
color: white;
transform: translateY(-50%);
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.sport-carousel .sport-carousel__subtitle {
position: absolute;
top: 50%;
left: 32px;
z-index: 3;
font-size: 24px;
line-height: 48px;
text-align: left;
color: white;
transform: translateY(-50%);
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.sport-carousel .sport-carousel__button {
position: absolute;
bottom: 20px;
left: 30px;
right: inherit;
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
padding: 2px 19px;
border: 4px solid #fff;
background: transparent;
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 25px;
text-decoration: none;
color: #fff;
border-radius: 50px;
}
.sport-carousel .sport-carousel__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
border-radius: 10px;
}
.sport-carousel .sport-carousel__link {
position: relative;
display: flex;
width: 100%;
background: #f5f5f5;
text-decoration: none;
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
flex-direction: column;
border-radius: 8px;
min-height: 100%;
}
.sport-carousel .sport-carousel__slide-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
opacity: var(--overlay-opacity);
width: 100%;
height: 100%;
background-color: var(--overlay-color);
border-radius: 10px;
}
.sport-carousel .sport-carousel__hidden-content {
opacity: 0;
}
@media (min-width: 768px) {
.sport-carousel {
width: calc((100vw - 80px) / 2);
height: calc((100vw - 80px) / 2 * 1.2);
max-width: calc((100vw - 80px) / 2);
max-height: calc((100vw - 80px) / 2 * 1.2);
}
}
@media (min-width: 992px) {
.sport-carousel {
width: calc((100vw - 160px) / 3);
height: calc((100vw - 160px) / 3 * 1.2);
max-width: calc((100vw - 160px) / 3);
max-height: calc((100vw - 160px) / 3 * 1.2);
}
}
@media (min-width: 1200px) {
.sport-carousel {
width: 100%;
height: calc((100vw - 160px) / 4 * 1.2);
max-width: 25%;
max-height: calc((100vw - 160px) / 4 * 1.2);
}
}
@media (min-width: 1200px) and (-moz-touch-enabled: 0),
(min-width: 1200px) and (hover: hover) {
.sport-carousel__link:hover {
transform: scale(1.02);
}
.sport-carousel__link:hover .sport-carousel__button {
background-color: white;
color: black;
}
.sport-carousel__link:hover .sport-carousel__title {
opacity: 0;
}
.sport-carousel__link:hover .sport-carousel__subtitle {
opacity: 0;
}
.sport-carousel__link:hover .sport-carousel__slide-overlay {
opacity: 0.8;
}
.sport-carousel__link:hover
.sport-carousel__hidden-content
.sport-carousel__title {
opacity: 1;
transform: translateY(-150px);
}
.sport-carousel__link:hover
.sport-carousel__hidden-content
.sport-carousel__subtitle {
opacity: 1;
font-size: 14px;
line-height: 24px;
transform: translateY(-120px);
}
.sport-carousel__link:hover .sport-carousel__hidden-content {
opacity: 1;
}
}
@media (min-width: 1200px) {
.sport-carousel-slider .slider__arrow {
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
}
.sport-carousel-slider .slider__arrow.slider__arrow--next {
right: 50px;
margin: 0;
}
.sport-carousel-slider .slider__arrow.slider__arrow--prev {
left: 50px;
margin: 0;
}
}
.footprint-list {
position: relative;
display: flex;
gap: 10px;
width: 100%;
min-height: 120px;
flex-wrap: wrap;
}
.footprint-list .footprint-list__item-icon {
display: flex;
padding: 5px;
border: 3px solid black;
border-radius: 50%;
max-width: 44px;
max-height: 44px;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.footprint-list .footprint-list__item-icon svg {
width: 100%;
height: 100%;
}
.footprint-list .footprint-list__item-icon:hover {
background: black;
color: #fff;
}
.footprint-list .footprint-list__item-icon:hover svg {
fill: currentColor;
stroke: currentColor;
}
.footprint-list input[type="radio"] {
position: absolute;
opacity: 0;
}
.footprint-list input[type="radio"]:checked ~ .footprint-list__item-icon {
background: black;
color: #fff;
}
.footprint-list input[type="radio"]:checked ~ .footprint-list__item-icon svg {
fill: currentColor;
stroke: currentColor;
}
.footprint-list input[type="radio"]:checked ~ .footprint-list__item-contains {
opacity: 1;
margin-top: 10px;
}
.footprint-list__info {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
}
.footprint-list__info.active {
height: 189px;
transition: height 0.3s ease;
}
.footprint-list__info .footprint-list__item-contains {
position: absolute;
left: 0;
display: block;
opacity: 0;
transition: all 0.35s ease-in-out;
max-width: 100%;
grid-area: -1/1/-2 / var(--picture_count);
pointer-events: none;
}
.footprint-list__info .footprint-list__item-contains.active {
opacity: 1;
margin-top: 10px;
transition: all 0.35s ease-in-out;
}
.footprint-list__info .footprint-list__item-title {
display: inline-block;
margin-bottom: 15px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 20px;
letter-spacing: -0.16px;
}
.footprint-list__info .footprint-list__item-description {
font-size: 16px;
line-height: 23.8px;
}
.footprint-list__info .footprint-list__item-description * {
font-size: 16px;
line-height: 23.8px;
}
@media (min-width: 768px) {
.footprint-list__info.active {
height: 140px;
}
}
@media (min-width: 992px) {
.footprint-list__info.active {
height: 118px;
}
}
@media (min-width: 1400px) {
.footprint-list__info.active {
height: 98px;
}
}
.template-cart .footprint-list {
flex-wrap: nowrap;
}
.template-cart .footprint-list .footprint-list__item-contains {
position: absolute;
left: 0;
opacity: 0;
max-width: 100%;
grid-area: -1/1/-2 / var(--picture_count);
pointer-events: none;
transition: all 0.5s ease-in-out;
}
.template-cart .footprint-list input[type="radio"] {
position: absolute;
opacity: 0;
}
.template-cart
.footprint-list
input[type="radio"]:checked
~ .footprint-list__item-icon {
background: black;
color: #fff;
}
.template-cart
.footprint-list
input[type="radio"]:checked
~ .footprint-list__item-icon
svg {
fill: currentColor;
stroke: currentColor;
}
.template-cart
.footprint-list
input[type="radio"]:checked
~ .footprint-list__item-contains {
opacity: 1;
margin-top: 10px;
}
.template-cart .footprint-list__item-title {
display: inline-block;
margin-bottom: 15px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 20px;
letter-spacing: -0.16px;
}
.template-cart .footprint-list__item-description {
font-size: 16px;
line-height: 23.8px;
}
.template-cart .footprint-list__item-description * {
font-size: 16px;
line-height: 23.8px;
}
.template-group-sales .global-banner__caption-subtitle p strong {
font-size: 32px;
line-height: 36px;
}
.template-group-sales
.global-banner
.global-banner__caption
.global-banner__caption-subtitle {
margin-bottom: 40px;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 32px;
max-width: 750px;
}
.template-group-sales .global-banner__title p {
max-width: 100%;
}
.template-group-sales .card-materials {
margin-top: 60px;
margin-bottom: 60px;
}
.template-group-sales .card-materials .card-materials__header {
margin-left: 0;
font-size: 20px;
}
@media (min-width: 768px) {
.template-group-sales .card-materials .card-materials__header {
margin-left: 0;
font-size: 24px;
}
}
@media (min-width: 768px) {
.template-group-sales .card-materials .card-materials__header {
margin-left: 10px;
font-size: 32px;
}
}
.template-group-sales .card-materials .card-materials__element {
width: calc(100vw - 80px);
}
@media (min-width: 768px) {
.template-group-sales .card-materials .card-materials__element {
width: calc((100vw - 80px) / 2);
}
}
@media (min-width: 992px) {
.template-group-sales .card-materials .card-materials__element {
width: calc((100vw - 160px) / 2);
}
}
.template-group-sales .card-materials .card-materials__image-wrapper {
height: calc((100vw - 80px) / 1.77);
padding-top: 0;
}
@media (min-width: 768px) {
.template-group-sales .card-materials .card-materials__image-wrapper {
height: calc((100vw - 80px) / 2 / 1.77);
}
}
@media (min-width: 992px) {
.template-group-sales .card-materials .card-materials__image-wrapper {
height: calc((100vw - 160px) / 2 / 1.77);
}
}
.template-surf .content-cards {
margin-bottom: 80px;
padding-top: 50px;
}
.template-surf .global-banner {
min-height: 450px;
}
@media (min-width: 768px) {
.template-surf .global-banner {
min-height: var(--banner-height);
}
}
@media (min-width: 768px) {
.template-surf .content-card {
width: calc((100vw - 160px) / 2);
height: calc((100vw - 160px) / 2);
max-width: calc((100vw - 160px) / 2);
max-height: calc((100vw - 160px) / 2);
}
}
@media (min-width: 992px) {
.template-surf .content-card {
width: calc((100vw - 160px) / 3);
height: calc((100vw - 160px) / 3);
max-width: calc((100vw - 160px) / 3);
max-height: calc((100vw - 160px) / 3);
}
}
@media (min-width: 1200px) {
.template-surf .content-card {
width: calc((100vw - 160px) / 4);
height: calc((100vw - 160px) / 4);
max-width: calc((100vw - 160px) / 4);
max-height: calc((100vw - 160px) / 4);
}
}
.template-surf .block-copy .block-copy__description {
max-width: 700px;
}
.template-surf .block-copy .block-copy__description p {
font-size: 24px;
line-height: 28px;
}
@media (min-width: 768px) {
.template-surf .block-copy .block-copy__description p {
font-size: 32px;
line-height: 36px;
}
}
.template-surf .block-copy .block-copy__description a {
font-size: 24px;
line-height: 28px;
text-decoration: underline;
}
@media (min-width: 768px) {
.template-surf .block-copy .block-copy__description a {
font-size: 32px;
line-height: 36px;
}
}
.template-surf .content-card .content-card__inner-content .content-card__title {
top: 50%;
}
@media (min-width: 768px) {
.template-surf
.content-card
.content-card__inner-content
.content-card__title {
top: 60%;
}
}
.template-surf .blog-article-carousel {
margin: 70px 0 50px 0;
}
@media (min-width: 768px) {
.template-surf .blog-article-carousel {
margin: 114px 0 120px 0;
}
}
.template-surf .blog-article-carousel .blog-article-carousel__top {
margin-bottom: 14px;
}
.template-surf .yotpo-gallery .yotpo-pictures-widget {
margin-top: 40px;
}
.template-surf .yotpo-gallery .yotpo-pictures-widget .yotpo-load-more-button {
height: 56px;
min-width: 168px;
}
.template-surf .yotpo-gallery {
margin-top: 78px;
}
.template-fishing .hero-film .hero-film__content .hero-film__subheading {
padding: 0;
}
.template-fishing .hero-film__content {
margin-top: 70px;
}
.template-fishing .global-banner .global-banner__subheading p {
font-family: var(--font-heading-family), sans-serif;
}
.template-fishing .global-banner .global-banner__title {
margin-bottom: 14px;
}
.template-fishing .global-banner .global-banner__title p {
width: 100%;
min-width: 100%;
margin-bottom: 0;
padding: 0 10px;
}
@media (min-width: 768px) {
.template-fishing .global-banner .global-banner__title p {
padding: 0;
}
}
.template-fishing .block-copy .block-copy__description {
padding-top: 160px;
max-width: 800px;
}
@media (min-width: 768px) {
.template-fishing .block-copy .block-copy__description {
padding-top: 100px;
}
}
.template-fishing .global-banner .global-banner__buttons .button,
.template-fishing
.global-banner
.global-banner__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-fishing
.global-banner
.global-banner__buttons
.yotpo-load-more-button,
.template-fishing
.global-banner
.global-banner__buttons
.shopify-challenge__button.btn {
min-height: 56px;
min-width: 180px;
padding: 0 20px;
}
.template-fishing .blog-article-carousel {
margin-top: 20px;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.template-fishing .blog-article-carousel {
margin-top: 20px;
}
}
.template-fishing .blog-article-carousel .blog-article-carousel__top {
padding-right: 0;
}
.template-fishing .global-banner.global-banner--under-header {
}
.template-fishing
.content-card
.content-card__inner-content
.content-card__title {
top: 50%;
}
@media (min-width: 768px) {
.template-fishing
.content-card
.content-card__inner-content
.content-card__title {
top: 63%;
}
}
.template-fishing .content-cards {
padding-bottom: 80px;
}
.template-trail-running .yotpo-gallery .yotpo-gallery__title {
font-size: 25px;
}
@media (min-width: 576px) {
.template-trail-running .yotpo-gallery .yotpo-gallery__title {
font-size: 32px;
}
}
.template-snow .hero-film .hero-film__content .hero-film__label {
margin-bottom: 14px;
}
.template-snow .hero-film .hero-film__content .hero-film__title {
margin-bottom: 14px;
}
.template-snow .yotpo-gallery .yotpo-pictures-widget .yotpo-load-more-button {
padding: 24px 40px;
min-width: 168px;
}
.template-snow .global-banner .global-banner__buttons .button,
.template-snow
.global-banner
.global-banner__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-snow
.global-banner
.global-banner__buttons
.yotpo-load-more-button,
.template-snow
.global-banner
.global-banner__buttons
.shopify-challenge__button.btn {
min-height: 56px;
min-width: 168px;
padding: 0 20px;
}
.template-snow .blog-article-carousel .blog-article-carousel__top {
padding-right: 0;
}
.template-snow .global-banner.global-banner--under-header {
}
.template-snow .block-cards-carousel .swiper-slide {
padding: 10px;
padding-bottom: 40px;
}
@media (min-width: 768px) {
.template-snow .block-cards-carousel .swiper-slide {
padding: 114px 10px;
}
}
.template-snow .block-cards-carousel__slider-container {
padding: 0 20px;
}
.template-snow .hero-film__title {
font-weight: 500;
}
.template-snow .hero-film__subtitle {
max-width: 670px;
}
.template-snow .global-banner__subheading {
margin-bottom: 14px;
}
.template-snow .global-banner__subheading p {
max-width: 669px;
font-size: 12px;
line-height: 21px;
}
@media (min-width: 768px) {
.template-snow .global-banner__subheading p {
font-size: 16px;
line-height: 28px;
}
}
.template-snow .global-banner__subheading strong {
font-size: 12px;
line-height: 21px;
}
@media (min-width: 768px) {
.template-snow .global-banner__subheading strong {
font-size: 16px;
line-height: 28px;
}
}
.template-snow .global-banner .global-banner__title {
margin-bottom: 14px;
}
.template-snow .global-banner .global-banner__title p {
width: 100%;
margin-bottom: 0;
padding: 0 10px;
}
@media (min-width: 768px) {
.template-snow .global-banner .global-banner__title p {
padding: 0;
}
}
.template-snow .global-banner__subheading--second {
margin-bottom: 25px;
}
.template-snow .global-banner__subheading--second p {
padding: 0 10px;
font-size: 16px;
line-height: 28px;
}
@media (min-width: 768px) {
.template-snow .global-banner__subheading--second p {
font-size: 20px;
line-height: 35px;
}
}
.template-snow .block-copy .block-copy__description {
max-width: 800px;
}
.template-snow .block-copy .block-copy__description p {
font-size: 24px;
line-height: 28px;
letter-spacing: -0.01em;
}
@media (min-width: 768px) {
.template-snow .block-copy .block-copy__description p {
font-size: 32px;
line-height: 36px;
}
}
.template-snow .block-copy {
padding-top: 70px;
}
@media (min-width: 768px) {
.template-snow .block-copy {
padding-bottom: 10px;
}
}
.template-snow .block-cards-carousel {
padding-bottom: 0;
}
.template-snow .content-card .content-card__inner-content .content-card__title {
top: 50%;
}
@media (min-width: 768px) {
.template-snow
.content-card
.content-card__inner-content
.content-card__title {
top: 60%;
}
}
.template-snow .content-cards {
margin-bottom: 80px;
}
.template-snow .blog-article-carousel {
margin: 0 0 60px 0;
padding-top: 36px;
}
@media (min-width: 768px) {
.template-snow .blog-article-carousel {
margin: 0;
padding-top: 0;
}
}
.template-snow .yotpo-gallery .yotpo-pictures-widget {
margin-top: 50px;
}
.template-snow .yotpo-gallery {
margin-top: 45px;
}
.template-snow .container--yotpo-gallery {
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
.template-snow
.swiper-wrapper.slider__wrapper.block-cards-carousel__slider-wrapper {
width: 100%;
margin: 0;
}
.template-running .hero-film__subheading p {
font-size: 20px;
font-weight: 500;
line-height: 35px;
max-width: 670px;
}
.template-running .block-cards-carousel .swiper-slide {
padding: 10px;
padding-bottom: 40px;
}
@media (min-width: 768px) {
.template-running .block-cards-carousel .swiper-slide {
padding: 114px 10px;
}
}
.template-running .blog-article-carousel .blog-article-carousel__top {
margin-bottom: 14px;
padding-right: 0;
}
.template-running
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button {
padding: 24px 40px;
min-width: 168px;
}
.template-running .global-banner .global-banner__buttons .button,
.template-running
.global-banner
.global-banner__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-running
.global-banner
.global-banner__buttons
.yotpo-load-more-button,
.template-running
.global-banner
.global-banner__buttons
.shopify-challenge__button.btn {
min-width: 180px;
padding: 0 20px;
min-height: 56px;
}
.template-running .hero-film__main-image {
margin-bottom: 50px;
}
.template-running .hero-film .hero-film__content {
margin-top: 50px;
}
.template-running .global-banner__subheading {
margin-bottom: 14px;
}
.template-running .global-banner__subheading p {
max-width: 669px;
font-size: 12px;
line-height: 21px;
}
@media (min-width: 768px) {
.template-running .global-banner__subheading p {
font-size: 16px;
line-height: 28px;
}
}
.template-running .global-banner__subheading strong {
font-size: 12px;
line-height: 21px;
}
@media (min-width: 768px) {
.template-running .global-banner__subheading strong {
font-size: 16px;
line-height: 28px;
}
}
.template-running .global-banner .global-banner__title {
margin-bottom: 14px;
}
.template-running .global-banner .global-banner__title p {
width: 100%;
margin-bottom: 0;
padding: 0 10px;
}
@media (min-width: 768px) {
.template-running .global-banner .global-banner__title p {
padding: 0;
}
}
.template-running .global-banner__subheading--second {
margin-bottom: 25px;
}
.template-running .global-banner__subheading--second p {
padding: 0 10px;
font-size: 16px;
line-height: 28px;
}
@media (min-width: 768px) {
.template-running .global-banner__subheading--second p {
font-size: 20px;
line-height: 35px;
}
}
.template-running .block-copy .block-copy__description {
max-width: 800px;
}
.template-running .block-copy .block-copy__description p {
font-size: 24px;
line-height: 28px;
letter-spacing: -0.01em;
}
@media (min-width: 768px) {
.template-running .block-copy .block-copy__description p {
font-size: 32px;
line-height: 36px;
}
}
.template-running .block-copy {
padding-bottom: 70px;
}
@media (min-width: 768px) {
.template-running .block-copy {
padding-bottom: 10px;
}
}
.template-running .blog-article-carousel {
margin-top: 114px;
margin-bottom: 20px;
padding-bottom: 68px;
}
.template-running .yotpo-gallery .yotpo-pictures-widget {
margin-top: 68px;
}
.template-running .yotpo-gallery {
margin-top: 70px;
margin-bottom: 65px;
}
.template-running .hero-film.hero-film--under-header {
margin-top: -162px;
}
.template-running .container--yotpo-gallery {
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
.template-running .yotpo-gallery .yotpo-gallery__title {
font-size: 25px;
}
@media (min-width: 768px) {
.template-running .yotpo-gallery .yotpo-gallery__title {
font-size: 32px;
}
}
.template-running
.swiper-wrapper.slider__wrapper.block-cards-carousel__slider-wrapper {
width: 100%;
margin: 0;
}
.template-climb .columns-with-bg-section-wrapper {
margin-bottom: 60px;
}
.template-climb .hero-film .hero-film__content .hero-film__subheading {
padding-left: 0;
}
.template-climb .hero-film .hero-film__content {
margin-top: 50px;
}
@media (min-width: 768px) {
.template-climb .hero-film .hero-film__content {
margin-top: 0;
}
}
.template-climb .columns-with-bg-section__description {
font-family: "GalaxieCopernicus", sans-serif;
}
.template-climb .global-banner .global-banner__buttons .button,
.template-climb
.global-banner
.global-banner__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-climb
.global-banner
.global-banner__buttons
.yotpo-load-more-button,
.template-climb
.global-banner
.global-banner__buttons
.shopify-challenge__button.btn {
min-width: 180px;
padding: 0 20px;
min-height: 56px;
}
.template-climb .yotpo-gallery .yotpo-pictures-widget .yotpo-load-more-button {
padding: 24px 40px;
min-width: 168px;
}
.template-climb .columns-with-bg-section-wrapper .button.play-button,
.template-climb
.columns-with-bg-section-wrapper
.yotpo-gallery
.yotpo-pictures-widget
.play-button.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-climb
.columns-with-bg-section-wrapper
.play-button.yotpo-load-more-button,
.template-climb
.columns-with-bg-section-wrapper
.play-button.shopify-challenge__button.btn {
max-height: 56px;
}
.template-climb .hero-film.hero-film--under-header {
margin-top: -162px;
}
.template-climb .blog-article-carousel {
margin: 56px 0 88px 0;
}
@media (min-width: 768px) {
.template-climb .blog-article-carousel {
margin: 114px 0 120px 0;
}
}
.template-climb .blog-article-carousel .blog-article-carousel__top {
padding-right: 0;
}
.template-climb .content-cards {
margin-bottom: 0;
padding-bottom: 69px;
}
.template-climb
.content-card
.content-card__inner-content
.content-card__title {
top: 60%;
}
.template-climb .yotpo-gallery {
margin-top: 78px;
}
.template-climb .yotpo-gallery .yotpo-pictures-widget {
margin-top: 64px;
}
@media (min-width: 768px) {
.template-surf .global-banner .global-banner__title p {
font-size: 54px;
}
}
.wornwear-with-bg-section {
padding-top: 140px;
background: #fff7e6;
}
.wornwear-with-bg-section-wrapper {
position: relative;
width: 100%;
}
.wornwear-with-bg-section-wrapper .wornwear-with-bg-section__background {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
.wornwear-with-bg-section-wrapper .wornwear-with-bg-section__background-image {
position: absolute;
top: 0;
left: 0;
}
.wornwear-with-bg-section-wrapper .wornwear-with-bg-section__container {
position: relative;
z-index: 1;
height: 200vh;
}
.wornwear-with-bg-section-wrapper .wornwear-with-bg-section__content {
position: absolute;
top: var(--top, 0);
width: 100%;
height: 100vh;
}
.wornwear-with-bg-section-wrapper .wornwear-with-bg-section__block {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 15px;
height: 100%;
margin: 0 auto;
padding: 0 40px;
max-width: 750px;
text-align: center;
color: #fff7e6;
}
.wornwear-with-bg-section-wrapper .wornwear-with-bg-section__title {
z-index: 1;
font-family: var(--font-heading-family), sans-serif;
font-size: 64px;
line-height: 72px;
}
.wornwear-with-bg-section-wrapper .wornwear-with-bg-section__title p {
font-size: 64px;
line-height: 72px;
}
.wornwear-with-bg-section-wrapper .wornwear-with-bg-section__text {
z-index: 1;
}
.wornwear-with-bg-section-wrapper .wornwear-with-bg-section__buttons {
z-index: 1;
display: flex;
flex-direction: column;
gap: 20px;
}
@media (min-width: 768px) {
.wornwear-with-bg-section-wrapper .wornwear-with-bg-section__buttons {
flex-direction: row;
}
}
.wornwear-with-bg-section-wrapper .wornwear-with-bg-section__button {
padding: 10px 47px;
background: #fff7e6;
color: #5e3c1c;
}
.wornwear-with-bg-section-wrapper .wornwear-with-bg-section__bg {
position: -webkit-sticky;
position: sticky;
top: 0;
overflow: hidden;
display: block;
width: 100%;
height: 100vh;
transform: scale(0.9);
transition: transform 1s;
}
.wornwear-with-bg-section-wrapper
.wornwear-with-bg-section__bg
.wornwear-with-bg-section__bg-container {
display: block;
width: 100%;
height: 100%;
transform: scale(1.1);
transition: transform 1s;
transition-delay: 0.5s;
}
.wornwear-with-bg-section-wrapper .wornwear-with-bg-section__bg.bg-size {
transform: scale(1);
}
.wornwear-with-bg-section-wrapper
.wornwear-with-bg-section__bg.bg-size
.wornwear-with-bg-section__bg-container {
transform: scale(1);
}
.wornwear-with-bg-section-wrapper::-webkit-scrollbar {
width: 0;
}
#shopify-section-announcement-bar {
z-index: 9999;
}
.announcement-bar {
z-index: 99999;
background-color: var(--overlay-color, black);
color: #fff;
}
.announcement-bar .announcement-bar__container {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 45px;
padding-right: 35px;
transition: background 0.5s ease;
}
@media (min-width: 768px) {
.announcement-bar .announcement-bar__container {
padding-left: 80px;
padding-right: 80px;
}
}
.announcement-bar .announcement-bar__link-icon {
float: left;
/*margin-top: 3px;*/
height: 16px;
}
.announcement-bar .announcement-bar__link-text {
font-size: 14px;
font-weight: 500;
line-height: 15px;
}
.announcement-bar .announcement-bar__element {
display: none;
width: 100%;
text-align: center;
}
@media (min-width: 768px) {
.announcement-bar .announcement-bar__element {
display: unset;
width: auto;
}
}
.announcement-bar .announcement-bar__messages {
display: unset;
}
.announcement-bar .announcement-bar__message {
display: none;
justify-content: flex-end;
visibility: hidden;
opacity: 0;
padding: 10px 30px 10px;
font-size: 14px;
line-height: 15px;
transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}
.announcement-bar .announcement-bar__message strong {
font-weight: 500;
letter-spacing: 0.04rem;
}
.announcement-bar .announcement-bar__message a {
/* font-size: 14px; */
line-height: 15px;
text-decoration: none;
font-family: var(--font-body-family);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 21px;
}
.announcement-bar .announcement-bar__message.announcement-bar__message--show {
display: inline-block;
visibility: unset;
}
.announcement-bar .announcement-bar__message.announcement-bar__message--active {
opacity: 1;
}
@media (min-width: 768px) {
.announcement-bar .announcement-bar__message {
width: auto;
}
}
.header__main-menu {
order: -1;
}
.header__main-menu .header__main-menu-list {
display: none;
justify-content: center;
height: 100%;
}
.header__main-menu .header__main-menu-list .header__main-menu-item {
display: flex;
}
.header__main-menu
.header__main-menu-list
.header__main-menu-item
.header__main-menu-item--link {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 0 43px;
font-family: var(--font-heading-family), sans-serif;
font-weight: 500;
text-decoration: none;
}
.header__main-menu
.header__main-menu-list
.header__main-menu-item
.header__main-menu-item--link::before {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 0;
background: var(--hover_color);
transition: height 0.2s ease-out;
border-radius: 0 0 15px 15px;
}
.header__main-menu
.header__main-menu-list
.header__main-menu-item
.header__menu-dropdown-header--text {
color: var(--default_color, #000);
}
@media (-moz-touch-enabled: 0), (hover: hover) {
/*.header__main-menu .header__main-menu-list .header__main-menu-item:hover .header__menu-dropdown {
z-index: 100;
visibility: initial;
opacity: 1;
transition: opacity 0.3s cubic-bezier(0.38, 0.41, 0.27, 1), transform 0.3s cubic-bezier(0.395, 0, 0.135, 1);
transition-delay: 0.25s;
}
.header__main-menu .header__main-menu-list .header__main-menu-item:hover .header__menu-dropdown li {
opacity: 1;
transform: unset;
}*/
.header__main-menu
.header__main-menu-list
.header__main-menu-item:hover
.header__main-menu-item--link::before {
height: 7px;
transform: unset;
transition: height 0.2s ease-out;
}
}
@media (min-width: 992px) {
.header__main-menu {
order: unset;
}
.header__main-menu .header__main-menu-list {
display: flex;
}
}
.subscribe-header-trigger--label {
background: black;
color: white !important;
display: flex;
letter-spacing: 0.5px;
padding: 5px 14px;
transition: transform 0.5s ease;
}
@media (min-width: 992px) {
.subscribe-header-trigger--label {
padding: 5px 18px;
}
.subscribe-header-trigger--label:hover {
transform: scale(1.1);
}
}
.header.pinned svg {
color: var(--pinned_color) !important;
}
.subscribe-header-trigger,
.header__main-menu
.header__main-menu-list
.header__main-menu-item:is(
.header__main-menu-item--stories,
.header__main-menu-item--roaring-journals,
.header__main-menu-item--podcasts,
.header__main-menu-item--films,
.header__main-menu-item--live
)
.header__main-menu-item--link,
.mobile-menu
.mobile-menu__item:is(
.header__main-menu-item--stories,
.header__main-menu-item--roaring-journals,
.header__main-menu-item--podcasts,
.header__main-menu-item--films,
.header__main-menu-item--live
)
.mobile-menu__item--text {
font-family: "CubanoRegular", sans-serif;
font-weight: normal;
}
.header.pinned .header__side-item-cart svg {
color: var(--pinned_color, #000);
}
.header.pinned .header__side-item-cart svg path {
fill: currentColor;
}
.header.pinned .header__side-item-cart svg circle {
stroke: currentColor;
}
.header.pinned .header__logo-icon svg {
color: var(--pinned_color, #000);
}
.header.pinned .header__logo-icon svg path {
fill: currentColor;
}
.header.pinned .header__logo-icon svg circle {
stroke: currentColor;
}
.header.pinned .header__side-item-account svg {
color: var(--pinned_color, #000);
}
.header.pinned .header__side-item-account svg path {
fill: currentColor;
}
.header.pinned .header__side-item-account svg circle {
stroke: currentColor;
}
.header.pinned .header__side-menu-hamburger svg {
color: var(--pinned_color, #000);
}
.header.pinned .header__side-item-search svg {
color: var(--pinned_color, #000);
}
.header__menu-dropdown {
position: absolute;
left: 0;
/* z-index: -1; */
display: none;
justify-content: space-evenly;
visibility: hidden;
opacity: 0;
width: 100%;
/* height: 100vh; */
padding-top: 84px;
padding-bottom: 54px;
background-color: #000;
color: #fff;
}
.header__menu-dropdown li {
opacity: 0;
font-size: 14px;
transform: translateY(2rem);
transition: opacity 0.1s cubic-bezier(0.38, 0.41, 0.27, 1),
transform 0.1s cubic-bezier(0.395, 0, 0.135, 1);
transition-delay: 0.1s;
}
.header__menu-dropdown li a {
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.header__menu-dropdown li a:hover {
-webkit-text-decoration: revert;
text-decoration: revert;
}
}
.header__menu-dropdown .header__menu-dropdown-columns {
margin: 0 20px;
}
.header__menu-dropdown .header__menu-dropdown-column {
margin-bottom: 30px;
}
.header__menu-dropdown .header__menu-dropdown-header {
font-size: 16px;
font-weight: 500;
text-decoration: none;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.header__menu-dropdown .header__menu-dropdown-header:hover {
-webkit-text-decoration: revert;
text-decoration: revert;
}
}
.header__menu-dropdown .header__menu-dropdown-elements {
margin-top: 25px;
}
.header__menu-dropdown .header__menu-dropdown-element {
font-size: 16px;
line-height: 16px;
}
@media (min-width: 992px) {
.header__menu-dropdown {
display: flex;
}
}
.header-search {
position: fixed;
top: 0;
overflow: auto;
z-index: 99999999999;
opacity: 0;
width: 100%;
height: 100vh;
padding: 0;
background: white;
color: white;
transition: opacity 0.5s, visibility 0.5s;
pointer-events: none;
}
.header-search__container {
height: 100%;
}
.header-search__input {
width: 100%;
}
.header-search__panel form {
display: flex;
padding: 12px 12px 12px 24px;
align-items: center;
gap: 24px;
align-self: stretch;
border-radius: 48px;
border: 2px solid #000;
background: #f9f9f9;
}
.header-search__button {
position: absolute;
right: 4px;
display: none;
padding: 0 20px;
background-color: #000;
color: #fff;
}
.header-search__button--disabled {
background-color: #ccc;
}
.header-search__button--disabled:hover {
transform: none;
}
@media (min-width: 768px) {
.header-search__button {
display: flex;
padding: 12px 12px 12px 24px;
align-items: center;
gap: 24px;
min-width: 130px;
}
}
.header-search__header {
z-index: 1;
display: flex;
align-items: center;
width: 100%;
padding: 30px 30px 40px;
}
.js-open-header-search {
position: fixed;
opacity: 1;
pointer-events: auto;
}
.js-open-header-search .header-search__panel {
opacity: 1;
margin-top: 0;
transition: margin-top 0.5s, opacity 0.5s;
}
.js-open-header-search .header-search__container {
overflow: auto;
height: 100%;
max-width: 1440px;
margin: 0 auto;
}
.js-open-header-search .header-search__contant {
overflow: auto;
opacity: 1;
padding-top: 15px;
}
.js-open-header-search .header-search__header {
top: 0;
z-index: 1;
display: flex;
align-items: center;
width: 100%;
padding: 30px 30px 40px;
}
.js-open-header-search .header-search__close {
opacity: 1;
margin-top: 0;
transition: margin-top 0.5s, opacity 0.5s;
}
.header-search__panel {
display: flex;
flex: 1;
justify-content: center;
opacity: 0;
margin-top: 50px;
margin-right: 10px;
transition: margin-top 0.5s, opacity 0.5s;
}
.header-search__panel form {
position: relative;
display: flex;
align-items: center;
color: black;
}
.header-search__panel form svg {
position: absolute;
left: 20px;
color: black;
}
.header-search__panel form svg circle {
stroke: currentColor;
}
.header-search__panel form svg path {
stroke: currentColor;
}
.header-search__panel form input {
width: 100%;
height: 44px;
padding-left: 45px;
border: none;
border-radius: 21px;
background: #f9f9f9;
color: var(--greyscale-dark-grey, #4a4a4a);
font-family: var(--font-body-family);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px;
}
.header-search__close {
opacity: 0;
padding-top: 8px;
padding-left: 7px;
padding-right: 7px;
border: 4px solid #fff;
border-radius: 50%;
max-width: 40px;
transition: opacity 0.5s ease-in;
cursor: pointer;
}
.header-search__close path {
fill: #fff;
}
.header-search__contant {
opacity: 0;
height: auto;
padding-top: 100px;
transition: padding-top 0.5s ease-in, opacity 0.5s ease-in;
}
.header-search__ask {
width: 100%;
max-width: 600px;
margin: 0 auto;
padding: 0 40px 50px;
}
.header-search__ask-header {
color: #999;
}
.header-search__ask-item a {
font-size: 24px;
text-decoration: none;
}
.header-search__ask-item a:hover {
-webkit-text-decoration: revert;
text-decoration: revert;
}
.header-search__products {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 100px;
padding: 0;
background: #fff;
color: #000;
}
.header-search__products .header-search__product {
flex: 0 0 50%;
max-width: 50%;
margin: 0;
padding: 15px;
}
.header-search__products .header-search__product .product-card {
max-width: unset;
}
.header-search__products
.header-search__product
.product-card
.product-card__title {
line-height: 1.3;
}
.header-search__products .product-card__icons-item svg {
width: 20px;
}
.header-search__products.header-search__products--no-result {
justify-content: center;
gap: 10px;
padding: 20px 10px;
}
.header-search__products.header-search__products--no-result span {
word-break: break-word;
}
@media (min-width: 992px) {
.header-search {
padding-left: 0;
padding-right: 0;
}
.header-search__ask {
padding-left: 0;
padding-right: 0;
}
.header-search__products {
padding: 0 35px 40px;
}
.header-search__products .header-search__product {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media (min-width: 1200px) {
.header-search__products .header-search__product {
flex: 0 0 25%;
max-width: 25%;
}
}
#shopify-section-header {
z-index: 9999;
}
.header {
z-index: 99999999999;
width: 100%;
height: 56px;
max-width: 100vw;
background: var(--default_color_background, rgba(255, 255, 255, 0));
color: var(--default_color, #000);
transition: background 0.5s ease, color 0.5s ease;
}
div#header__container {
background: var(--default_color_background, rgba(255, 255, 255, 0));
}
.header .header__menu-dropdown {
top: clamp(95px, var(--header-height, 95px), 150px);
}
.header.pinned .header__menu-dropdown {
top: clamp(80px, var(--header-height, 80px), 130px);
}
.header .header__container {
display: flex;
height: 100%;
}
.header .header__side-menu {
display: flex;
justify-content: center;
align-items: center;
}
.header .header__side-menu-item {
padding: 0px 10px;
cursor: pointer;
}
.header .header__side-menu-item svg {
padding-left: 1px;
padding-right: 1px;
transition: width 0.5s ease, padding 0.5s ease;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.header .header__side-menu-item svg:hover {
width: 24px;
padding-left: unset;
padding-right: unset;
}
}
@media (min-width: 992px) {
.header .header__side-menu-item {
padding: 0px 15px;
}
}
.header .header__side-item-search svg {
color: var(--default_color, #000);
}
.header .header__side-item-cart {
position: absolute;
left: 31px;
padding-top: 0;
}
.header .header__side-item-cart svg {
padding-left: 1px;
padding-right: 1px;
color: var(--default_color, #000);
/* transition: width 0.5s ease, padding 0.5s ease; */
transition: opacity 0.2s cubic-bezier(0.265, 0.035, 0.205, 0.995),
transform 0.2s cubic-bezier(0.235, 0, 0.05, 0.95);
}
.header .header__side-item-cart svg path {
fill: currentColor;
}
.header .header__side-item-cart svg circle {
stroke: currentColor;
}
.header .header__logo-icon svg {
color: var(--default_color, #000);
transition: width 0.5s ease, padding 0.5s ease;
}
.header .header__logo-icon svg path {
fill: currentColor;
}
.header .header__logo-icon svg circle {
stroke: currentColor;
}
.header .header__side-item-account svg {
padding-left: 1px;
padding-right: 1px;
color: var(--default_color, #000);
/* transition: width 0.5s ease, padding 0.5s ease; */
transition: opacity 0.2s cubic-bezier(0.265, 0.035, 0.205, 0.995),
transform 0.2s cubic-bezier(0.235, 0, 0.05, 0.95);
}
.header .header__side-item-account svg path {
fill: currentColor;
}
.header .header__side-item-account svg circle {
stroke: currentColor;
}
@media (min-width: 992px) {
.header .header__side-item-cart {
position: relative;
left: 0;
}
}
.header .header__side-menu-hamburger svg {
color: var(--default_color, #000);
fill: currentColor;
}
.header svg {
width: auto;
height: auto;
}
.header .header__side-menu-item-count {
position: absolute;
top: -10px;
right: -4px;
width: 24px;
height: 24px;
padding-top: 5px;
background-color: #ff4a4a;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #fff;
border-radius: 50%;
}
@media (min-width: 992px) {
.header .header__side-menu-item-count {
right: 2px;
}
}
.header .header__side-menu-item-count:empty {
display: none;
}
.header .header__logo,
.header .header__main-menu,
.header .header__side-menu {
width: 33.33%;
}
.header .header__logo {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
color: currentColor;
}
/* .header .header__logo-icon {
width: 109px;
} */
.header .header__logo-icon svg {
fill: var(--default_color, #000);
width: 100%;
}
.header .header__logo-icon svg path {
fill: var(--default_color, #000);
}
@media (min-width: 992px) {
.header .header__logo-icon {
display: block;
width: 140px;
}
}
.header.absolute {
position: absolute;
}
.header.absolute .header__menu-dropdown {
top: var(--header-height, 110px);
}
.header.pinned {
position: fixed;
top: 0;
background: var(--pinned_color_background, #fff);
color: var(--pinned_color, #000);
}
/* .header.pinned .hamburger-menu--open {
top: 0;
} */
.header.pinned .header__logo-icon svg {
fill: var(--pinned_color);
}
.header.pinned .header__logo-icon svg path {
fill: var(--pinned_color);
}
.header.pinned
.header__main-menu-list
.header__main-menu-item
.header__menu-dropdown-header--text {
color: var(--pinned_color);
}
.header.pinned .header__side-item-search svg {
stroke: var(--pinned_color);
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.header__login:hover {
text-decoration: underline;
}
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.header:hover {
/*background: var(--hover_color_background, #fff);*/
color: var(--hover_color, #000);
transition: background 0.5s ease, color 0.5s ease;
}
.header:hover .header__logo-icon svg {
fill: var(--hover_color, #000);
}
.header:hover .header__logo-icon svg path {
fill: var(--hover_color, #000);
}
.header:hover
.header__main-menu-list
.header__main-menu-item
.header__menu-dropdown-header--text {
color: var(--hover_color, #000);
}
.header:hover .header__side-item-search svg,
.header:hover .header__side-item-cart svg,
.header:hover .header__logo-icon svg,
.header:hover .header__side-item-account svg,
.header:hover .header__side-menu-hamburger svg {
color: var(--hover_color, #000);
}
}
@media (min-width: 992px) {
.header {
height: 120px;
}
}
.template-product .header,
.template-cart .header,
.template-login .header,
.template-account .header,
.template-search .header,
.template-addresses .header,
.template-order .header,
.template-register .header,
.template-reset_password .header,
.template-recall-safety .header {
--default_color_background: #fff !important;
--default_color: #000 !important;
}
div[class*="kl-private"][style*="align-self: center"] {
align-self: flex-start !important;
transform: none !important;
max-height: 100vh !important;
width: 100% !important;
}
[data-testid="POPUP"] {
background: #000 !important;
min-width: 100vw !important;
}
[data-testid="POPUP"] .klaviyo-form {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px) {
[data-testid="POPUP"] .klaviyo-form {
text-align: center;
}
}
[data-testid="POPUP"]
.klaviyo-form
[data-testid="form-row"]
> [data-testid="form-component"]
> button {
padding-left: 18px !important;
padding-right: 18px !important;
}
.header__container.has-subscribe-button .header__logo-icon {
display: flex;
}
.has-roaring-journals-logo .header__logo-icon {
transition: height 0.5s ease, opacity 0.5s ease;
}
.header:not(.pinned) .has-roaring-journals-logo .roaring-journals-logo,
.header.pinned
.has-roaring-journals-logo
.header__logo-icon:not(.roaring-journals-logo) {
height: 0;
opacity: 0;
width: 0;
}
.header.pinned .has-roaring-journals-logo .roaring-journals-logo {
height: auto;
opacity: 1;
order: -1;
}
#subscribe-header-trigger {
text-decoration: none;
}
@media screen and (max-width: 991px) {
[data-testid="POPUP"] .klaviyo-form > div[style*="min-height"] {
min-height: auto !important;
}
[data-testid="POPUP"]
.klaviyo-form
[data-testid="form-row"]
> [data-testid="form-component"]
> button {
font-size: 16px !important;
}
.header__container.has-subscribe-button {
padding-left: 4.8%;
padding-right: 4.8%;
}
.header__container.has-subscribe-button .header__main-menu {
min-width: 68px;
order: 0;
width: auto;
}
.header__container.has-subscribe-button .header__logo {
justify-content: flex-start;
}
.header__container.has-subscribe-button .header__side-menu {
flex-grow: 1;
justify-content: flex-end;
}
}
@media screen and (max-width: 480px) {
[data-testid="POPUP"] .klaviyo-form h2 {
line-height: 1 !important;
}
[data-testid="POPUP"] .klaviyo-form h2 > span {
font-size: 28px !important;
}
[data-testid="POPUP"] .klaviyo-form h3 {
line-height: 1.25 !important;
}
[data-testid="POPUP"] .klaviyo-form h3 > span {
font-size: 16px !important;
}
.has-subscribe-button .header__logo {
width: 28%;
}
#subscribe-header-trigger {
font-size: 14px;
}
}
.template-blog .hamburger-menu {
padding-left: 40px;
padding-right: 40px;
}
.template-blog .hamburger-menu .hamburger-menu__banner-list ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.hamburger-menu {
position: fixed;
top: 0;
overflow: auto;
z-index: 99999999999;
visibility: hidden;
opacity: 0;
width: 100%;
height: 100vh;
padding-top: 10px;
padding-bottom: 160px;
padding-left: 40px;
background: black;
color: white;
transition: opacity 0.5s, visibility 0.5s;
}
.hamburger-menu .hamburger-menu__login-link--text {
font-size: 12px;
font-weight: 500;
}
.hamburger-menu.hamburger-menu--open {
visibility: unset;
opacity: 1;
/* line to open megamenu from left to right */
/* transition: left 0.5s, visibility 0.5s; */
transition: opacity 0.5s, visibility 0.5s;
}
.hamburger-menu.hamburger-menu--open .hamburger-menu__contant {
position: relative;
margin-top: 15px;
transition: margin-top 0.5s;
}
.hamburger-menu.hamburger-menu--open .hamburger-menu__list {
margin-top: 17px;
transition: margin-top 0.5s;
}
.hamburger-menu.hamburger-menu--open
.mobile-menu__submenu-list.mobile-menu__submenu-list--open {
position: absolute;
top: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
background: black;
}
.hamburger-menu .hamburger-menu__contant {
/* margin-top: 100%;
margin-right: 40px;
transition: margin-top 0.5s; */
}
.hamburger-menu .hamburger-menu__header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-left: 18px;
}
.hamburger-menu .hamburger-menu__close {
display: flex;
gap: 10px;
cursor: pointer;
}
.hamburger-menu .header-menu__search-item {
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 45px;
}
.hamburger-menu .header-menu__search-item svg {
stroke: #fff;
}
.hamburger-menu .hamburger-menu__aside {
/* display: flex;
gap: 10px;
margin-right: 40px; */
}
.hamburger-menu .hamburger-menu__aside-search-item {
display: none;
justify-content: center;
align-items: center;
width: 32px;
height: 45px;
cursor: pointer;
}
.hamburger-menu .hamburger-menu__aside-search-item svg {
stroke: #fff;
}
@media (min-width: 992px) {
.hamburger-menu .hamburger-menu__aside-search-item {
display: none;
}
}
.hamburger-menu .hamburger-menu__aside-close-item {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.hamburger-menu .hamburger-menu__aside-close-item path {
fill: #fff;
}
.hamburger-menu .hamburger-menu__login-link {
display: none;
text-decoration: none;
}
.hamburger-menu .hamburger-menu__location-link {
display: flex;
text-decoration: none;
}
.hamburger-menu .hamburger-menu__location-link--text {
/* margin-left: 10px; */
font-size: 14px;
font-weight: 500;
}
.hamburger-menu .hamburger-menu__back {
fill: #fff;
height: 16px;
cursor: pointer;
}
.hamburger-menu .hamburger-menu__title {
font-size: 17px;
font-weight: 500;
}
.hamburger-menu .hamburger-menu__list {
margin-top: 157px;
transition: margin-top 0.5s;
}
.hamburger-menu .hamburger-menu__item {
position: relative;
border-top: 2px solid #4a4a4a;
}
.hamburger-menu .hamburger-menu__item .hamburger-menu__item--text {
display: inline-block;
width: 100%;
margin-top: 18px;
margin-bottom: 18px;
font-weight: 500;
text-decoration: none;
cursor: pointer;
}
.hamburger-menu .hamburger-menu__item.active .submenu-icon {
transform: rotate(-90deg) scale(-1);
}
.hamburger-menu .hamburger-submenu__item {
padding: 0 0 10px;
}
.hamburger-menu .hamburger-submenu__item .hamburger-submenu__item--text {
font-size: 14px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
}
@media (min-width: 768px) {
.hamburger-menu .hamburger-submenu__item {
padding: unset;
}
}
.hamburger-menu .hamburger-menu__banner-list {
/* margin-top: 60px; */
}
.hamburger-menu .hamburger-menu__banner-list ul {
/* display: flex;
justify-content: center;
flex-wrap: wrap;
grid-column-gap: 20px;
grid-row-gap: 20px; */
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.hamburger-menu .hamburger-menu__banner-list ul a:hover {
filter: opacity(0.5);
}
}
.hamburger-menu .hamburger-menu__banner-item {
width: 100%;
margin-top: 37px;
max-width: 240px;
}
.hamburger-menu .hamburger-menu__banner-item img {
border-radius: 8px;
width: 240px;
height: 240px;
}
.hamburger-menu::after {
content: "";
position: fixed;
top: auto;
bottom: 0;
left: 0;
z-index: 9;
opacity: 1;
width: 100%;
height: 256px;
/* background-image: linear-gradient(-180deg, #0000, #000); */
transition: opacity 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
pointer-events: none;
}
@media (min-width: 992px) {
.template-blog .hamburger-menu {
padding-top: 40px;
padding-left: 80px;
padding-right: 40px;
}
.template-blog .hamburger-menu .hamburger-menu__contant {
display: flex;
justify-content: center;
margin-top: 40px;
}
.template-blog
.hamburger-menu
.hamburger-menu__location
.hamburger-menu__login-link {
display: flex;
}
.template-blog
.hamburger-menu
.hamburger-menu__location
.hamburger-menu__login-link:hover {
text-decoration: underline;
}
.template-blog
.hamburger-menu
.hamburger-menu__location
.hamburger-menu__location-link {
display: none;
}
.template-blog .hamburger-menu .hamburger-menu__item {
margin-top: 80px;
border-top: unset;
}
.template-blog .hamburger-menu .hamburger-menu__item:first-child {
display: none;
}
.template-blog
.hamburger-menu
.hamburger-menu__item
.hamburger-menu__item--text {
font-size: 12px;
color: #999;
cursor: unset;
}
.template-blog .hamburger-menu .hamburger-menu__item,
.template-blog .hamburger-menu .hamburger-menu__banner-list {
flex: 1;
padding-left: 40px;
padding-right: 40px;
}
.template-blog .hamburger-menu .hamburger-submenu__list {
display: block !important;
height: auto !important;
}
.template-blog
.hamburger-menu
.hamburger-submenu__item
.hamburger-submenu__item--text {
font-size: 20px;
text-decoration: none;
}
.template-blog .hamburger-menu .hamburger-menu__list {
display: flex;
justify-content: space-between;
align-items: start;
}
}
.mobile-menu .mobile-menu__item {
/* margin-top: 12px; */
}
.mobile-menu .mobile-menu__item .mobile-menu__item--text {
font-size: 24px;
font-weight: 400;
text-decoration: none;
cursor: pointer;
}
@media (min-width: 992px) {
.template-blog .mobile-menu {
display: none;
}
}
/* .mobile-menu .mobile-menu__item.header__main-menu-item--live,
.header__main-menu .header__main-menu-list .header__main-menu-item.header__main-menu-item--live {
display: none !important;
} */
.mobile-menu__submenu-list,
.mobile-submenu__childrens-list {
display: none;
}
@media screen and (max-width: 991px) {
[data-rj-page="true"] .hamburger-menu__location-link {
display: none;
}
[data-rj-page="true"] .blog-location-menu__item {
border-bottom: 2px solid #4a4a4a;
display: block !important;
}
[data-rj-page="true"] .hamburger-menu .hamburger-menu__banner-list {
margin-top: 15px;
}
[data-rj-page="true"]
.hamburger-menu.hamburger-menu--open
.hamburger-menu__contant {
margin-top: 0;
}
[data-rj-page="true"] .mobile-menu .mobile-menu__item {
margin-top: 8px;
}
[data-rj-page="true"] .hamburger-menu:after {
height: 110px;
}
}
.submenu-icon {
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
margin-top: 17px;
margin-bottom: 18px;
transform: rotate(-90deg);
transition: all 0.2s ease-in-out;
}
.submenu-icon path {
fill: #fff;
}
@media (min-width: 992px) {
.template-blog .submenu-icon {
display: none;
}
}
.climate-banner-header {
position: relative;
margin-top: -130px;
}
.climate-banner-header::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--gradient-color);
}
.climate-banner-header .climate-banner-header__container {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 40px;
color: #fff;
}
.climate-banner-header .climate-banner-header__title {
font-family: "GalaxieCopernicus", sans-serif;
font-size: 28px;
line-height: 36px;
letter-spacing: -0.28px;
text-align: center;
}
@media (min-width: 768px) {
.climate-banner-header .climate-banner-header__title {
font-size: 40px;
line-height: 48px;
letter-spacing: -0.4px;
}
}
.climate-banner-header .climate-banner-header__image {
width: 100vw;
height: 100vh;
}
.climate-arrow-down {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
flex-direction: column;
gap: 65px;
margin-top: -100px;
}
.climate-arrow-down .climate-arrow-down__link {
z-index: 2;
}
.climate-arrow-down .climate-arrow-down__link path {
fill: var(--color_arrow, #000);
}
.climate-arrow-down .climate-arrow-down__container {
display: block;
}
.climate-description {
background: var(--background);
}
.climate-description .climate-description__container {
margin: var(--margin);
padding: var(--padding);
text-align: var(--text-align);
max-width: 820px;
}
.climate-description .climate-description__title {
margin: var(--title_margin);
margin-bottom: 15px;
padding: var(--title_padding);
font-family: var(--title_font-family);
font-size: 32px;
letter-spacing: var(--title_letter-spacing);
}
.climate-description .climate-description__description {
display: block;
margin: var(--description_margin);
padding: var(--description_padding);
font-family: var(--description_font-family);
font-size: var(--description_font-size);
line-height: 1.8;
letter-spacing: var(--description_letter-spacing);
}
.climate-description .climate-description__description * {
font-size: 16px;
line-height: 24px;
}
.climate-description .climate-description__button {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
background: var(--button-background);
color: var(--button-text-color);
}
.climate-chart {
background: var(--background);
}
.climate-chart .climate-chart__container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1150px;
margin: 0 40px;
padding-top: 70px;
}
@media (min-width: 768px) {
.climate-chart .climate-chart__container {
margin: 0 auto;
}
}
.climate-chart .climate-chart__title {
margin-bottom: 15px;
font-family: "GalaxieCopernicus", sans-serif;
font-size: 24px;
line-height: 36px;
letter-spacing: -0.32px;
text-align: center;
}
@media (min-width: 768px) {
.climate-chart .climate-chart__title {
font-size: 32px;
line-height: 36px;
}
}
.climate-chart .climate-chart__description {
margin: 0 auto 30px;
max-width: 786px;
font-size: 24px;
line-height: 42.2px;
letter-spacing: normal;
}
.climate-chart .climate-chart__description p {
font-size: 18px;
}
.climate-chart .climate-chart__schema {
max-width: 700px;
max-height: 700px;
}
.climate-chart .climate-chart__schema canvas {
width: 100%;
height: 100%;
}
.climate-chart .climate-chart__min-desc {
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
line-height: 23.8px;
text-align: center;
}
.climate-cards {
padding-top: 101px;
padding-bottom: 150px;
background: var(--background);
}
.climate-cards .climate-cards__container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: var(--gap);
margin: 0 40px;
}
.climate-cards .climate-cards__title {
font-family: var(--title_font-family);
font-size: 32px;
line-height: 36px;
letter-spacing: -0.32px;
}
.climate-cards .climate-cards__description {
font-family: var(--description_font-family);
max-width: 810px;
font-size: 20px;
line-height: 36px;
}
.climate-cards .climate-cards__list {
overflow: hidden;
display: flex;
gap: 20px;
margin-top: 17px;
padding: 7px;
}
.climate-cards .climate-cards__list .swiper-wrapper {
z-index: 2;
}
@media (min-width: 992px) {
.climate-cards .climate-cards__list .swiper-wrapper {
transform: inherit !important;
}
}
.climate-cards .climate-cards__item {
flex-shrink: 0;
max-width: 300px;
position: relative;
border-radius: 10px;
overflow: hidden;
transition: transform 0.3s ease;
cursor: pointer;
}
.climate-cards .climate-cards__item.slider__slide {
width: 92%;
}
.climate-cards .climate-cards__item:hover {
transform: scale3d(1.022, 1.022, 1) translate3d(0, 0, 0);
}
.climate-cards .climate-cards__item picture::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(155deg, #0000, #000);
}
.climate-cards .climate-cards__item:hover picture::after {
background-image: linear-gradient(180deg, #000000a8, #000);
}
.climate-cards .climate-cards__item-container {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
flex-direction: column;
width: 100%;
height: 100%;
padding: 20px;
}
.climate-cards .climate-cards__item-title {
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
line-height: 27px;
color: #fff;
}
.climate-cards .climate-cards__item-button {
position: absolute;
bottom: 25px;
left: 33px;
padding: 4px 12px;
border: 3px solid #fff;
font-size: 12px;
border-radius: 26px;
color: #fff;
transition: background 0.3s, color 0.3s;
}
.climate-cards .climate-cards__item:hover .climate-cards__item-button {
background: #fff;
color: #000;
}
.climate-cards .climate-card__modal {
position: fixed;
top: 0;
right: calc((100% - 80px) * -1);
z-index: 5;
opacity: 0;
pointer-events: none;
width: 100%;
height: 100%;
margin-top: 70px;
background: #fff;
transition: right 0.3s ease-in-out;
border-radius: 15px;
}
@media (min-width: 768px) {
.climate-cards .climate-card__modal {
width: calc(100% - 80px);
margin-top: 0;
border-radius: 0;
}
}
.climate-cards .climate-card__modal--open {
right: 0;
opacity: 1;
pointer-events: auto;
}
.climate-cards .climate-card__modal--open .climate-card__modal-background {
display: block;
}
.climate-cards .climate-card__modal-header {
position: relative;
z-index: 2;
display: flex;
border-radius: 15px;
justify-content: end;
align-items: center;
padding: 0 15px;
min-height: 80px;
background: #fff;
}
@media (min-width: 768px) {
.climate-cards .climate-card__modal-header {
border-radius: 0;
justify-content: initial;
}
}
.climate-cards .climate-card__modal-background {
position: fixed;
top: 0;
left: 0;
z-index: 1;
display: none;
width: 100%;
height: 100%;
background: #00000014;
}
.climate-cards .climate-card__modal-close {
display: flex;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
padding: 9px;
border: 4px solid #000;
border-radius: 20px;
cursor: pointer;
}
.climate-cards .climate-card__modal-close svg {
fill: #000;
width: auto;
height: auto;
}
.climate-cards .climate-card__modal-container {
position: relative;
overflow: auto;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
height: 100vh;
padding: 0 40px 200px;
background: #fff;
}
@media (min-width: 768px) {
.climate-cards .climate-card__modal-container {
padding: 0 80px 100px;
}
}
.climate-cards .climate-card__modal-container picture {
width: 100%;
margin-bottom: 40px;
}
.climate-cards .climate-card__modal-image {
max-height: 305px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.climate-cards .climate-card__modal-title {
margin-bottom: 20px;
font-size: 32px;
font-weight: 500;
letter-spacing: -0.32px;
}
.climate-cards .climate-card__modal-description {
max-width: 800px;
}
.climate-cards .climate-card__modal-cards {
display: flex;
flex-direction: column;
gap: 30px;
justify-content: center;
align-items: center;
margin-top: 100px;
}
@media (min-width: 768px) {
.climate-cards .climate-card__modal-cards {
flex-direction: row;
}
}
.climate-cards .climate-card__modal-card {
max-width: 350px;
display: flex;
flex-direction: column;
}
.climate-cards .climate-card__modal-card picture {
margin-bottom: 0;
}
.climate-cards .climate-card__modal-card-image {
border-radius: 10px;
}
.climate-cards .climate-card__modal-card-title {
margin: 0 15px;
font-size: 20px;
font-weight: 500;
}
.climate-cards .climate-card__modal-card-description {
margin: 10px 15px;
}
@media (min-width: 768px) {
.climate-cards .slider__slide {
width: 100%;
}
}
.climate-banner-footer {
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background-attachment: fixed;
}
.climate-banner-footer picture {
display: contents;
}
.climate-banner-footer .climate-banner-footer__background {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
}
.climate-banner-footer .climate-banner-footer__container {
position: absolute;
top: var(--text-top, auto);
opacity: var(--text-opacity, 1);
margin: 0 20px;
max-width: 800px;
font-size: 16px;
font-weight: 500;
color: white;
transition: top 0.3s ease;
}
@media (min-width: 768px) {
.climate-banner-footer .climate-banner-footer__container {
font-size: 28px;
}
}
.climate-banner-footer .climate-banner-footer__image {
height: var(--image-height, 0%);
}
#searchpage-nosto-1 {
margin: 0 20px !important;
max-width: 100% !important;
}
#searchpage-nosto-1 .nosto-header {
margin-bottom: 20px !important;
text-align: left !important;
}
#searchpage-nosto-1 li.nosto-list-item {
max-width: 254px;
width: 100%;
margin: 0 0.25%;
}
#searchpage-nosto-1 .nosto-list {
justify-content: center;
gap: 20px;
}
@media (min-width: 768px) {
#searchpage-nosto-1 .nosto-list {
justify-content: space-between;
}
}
#searchpage-nosto-1 .nosto-image-container {
max-height: 282px;
border-radius: 8px;
}
@media (min-width: 768px) {
#searchpage-nosto-1 {
margin: 0 80px !important;
}
}
.recall-banner-header {
position: relative;
overflow: hidden;
}
.recall-banner-header .recall-banner-header__image {
width: 100%;
height: 55vh;
}
@media (min-width: 768px) {
.recall-banner-header .recall-banner-header__image {
height: 90vh;
}
}
.recall-banner-header .recall-banner-header__container {
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
height: 100%;
margin: 0 auto;
font-size: 40px;
font-weight: 500;
text-align: center;
color: #fff;
max-width: 80%;
}
@media (min-width: 768px) {
.recall-banner-header .recall-banner-header__container {
max-width: 980px;
}
}
.recall-banner-header .recall-banner-header__subtitle {
font-size: 15.6px;
}
@media (min-width: 768px) {
.recall-banner-header .recall-banner-header__subtitle {
font-size: 19.2px;
}
}
.recall-banner-header .recall-banner-header__title {
margin-top: 16px;
font-family: var(--font-heading-family), sans-serif;
font-size: 28px;
line-height: 30.8px;
}
@media (min-width: 768px) {
.recall-banner-header .recall-banner-header__title {
font-size: 54px;
line-height: 59.4px;
}
}
.recall-description {
max-width: 720px;
margin: 80px auto;
}
.recall-description .recall-description__title {
display: block;
margin-bottom: 45px;
padding: 0 30px;
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
font-weight: 500;
letter-spacing: -0.32px;
text-align: center;
}
@media (min-width: 768px) {
.recall-description .recall-description__title {
padding: 0 16px;
line-height: 35.2px;
}
}
.recall-description .recall-description__text {
display: inline-block;
padding: 0 16px 80px;
font-size: 20px;
line-height: 30px;
}
.recall-description .recall-description__text * {
font-size: 20px;
line-height: 30px;
}
.recall-description .recall-description__text p + p {
margin-top: 15px;
}
.recall-upf-table {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.recall-upf-table .recall-upf-table__title {
max-width: 570px;
padding: 0 45px;
font-family: var(--font-heading-family), sans-serif;
font-size: 22px;
font-weight: 500;
letter-spacing: -0.24px;
text-align: center;
text-transform: none;
}
@media (min-width: 768px) {
.recall-upf-table .recall-upf-table__title {
padding: inherit;
font-size: 24px;
}
}
.recall-upf-table .recall-upf-table__subtitle {
margin-top: 23px;
margin-bottom: 40px;
font-family: "RidgewaySans-Regular", sans-serif;
font-weight: 500;
text-align: center;
}
.recall-upf-table .recall-upf-table__table {
max-width: 978px;
margin: 0 20px;
}
.recall-upf-table .recall-upf-table__table td {
padding: 18px 16px;
border: 1px solid #dcdcdc;
font-size: 12px;
font-weight: 500;
line-height: 28px;
letter-spacing: -0.16px;
text-decoration: underline;
}
.recall-upf-table .recall-upf-table__table td:hover {
color: #666;
}
@media (min-width: 768px) {
.recall-upf-table .recall-upf-table__table td {
font-size: 16px;
}
}
@media (min-width: 768px) {
.recall-upf-table .recall-upf-table__table {
margin: auto;
}
}
.recall-upf-table .recall-upf-table__modal {
position: fixed;
top: 0;
left: 0;
z-index: 1;
display: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background: #00000078;
}
.recall-upf-table .recall-upf-table__modal--open {
display: flex;
}
.recall-upf-table .recall-upf-table__modal-background {
position: fixed;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
}
.recall-upf-table .recall-upf-table__modal-container {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
padding: 61px;
max-width: 715px;
background: black;
text-align: center;
color: #fff;
border-radius: 8px;
}
.recall-upf-table .recall-upf-table__modal-close {
position: absolute;
top: 10px;
right: 10px;
}
.recall-upf-table .recall-upf-table__modal-close svg {
fill: #fff;
}
.recall-upf-table .recall-upf-table__modal-title {
margin: 23px 0;
font-family: var(--font-heading-family), sans-serif;
font-size: 28px;
}
.recall-upf-table .recall-upf-table__modal-text {
font-size: 16px;
}
.recall-upf-faq {
max-width: 720px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0 auto;
margin-top: 112px;
margin-bottom: 96px;
padding: 16px 0;
font-family: "RidgewaySans-Medium";
}
.recall-upf-faq .recall-upf-faq__title {
margin-bottom: 32px;
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
line-height: 35px;
letter-spacing: -0.48px;
text-align: center;
}
@media (min-width: 768px) {
.recall-upf-faq .recall-upf-faq__title {
margin-bottom: 16px;
font-size: 48px;
line-height: 52.8px;
text-align: unset;
}
}
.recall-upf-faq .recall-upf-faq__list {
max-width: 650px;
width: 100%;
}
.recall-upf-faq .recall-upf-faq__item {
border-top: 1px solid #000;
margin: 0 10px;
padding: 30px 0;
font-size: 16px;
cursor: pointer;
}
.recall-upf-faq .recall-upf-faq__item-title {
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
}
.recall-upf-faq .recall-upf-faq__item-description {
display: none;
margin-bottom: 10px;
font-size: 14px;
}
.recall-upf-faq .recall-upf-faq__item-description * {
font-size: 14px;
}
.recall-info-product {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 768px;
margin: 0 auto;
font-weight: 500;
text-align: center;
}
.recall-info-product .recall-info-product__title {
margin: 0 auto 86px;
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
}
@media (min-width: 768px) {
.recall-info-product .recall-info-product__title {
width: 720px;
}
}
.recall-info-product .recall-info-product__containers {
overflow: hidden;
display: flex;
gap: 30px;
margin: 0 4px;
flex-direction: column;
}
@media (min-width: 768px) {
.recall-info-product .recall-info-product__containers {
flex-direction: row;
}
.recall-info-product .recall-info-product__containers .slider__wrapper {
justify-content: center;
}
}
.recall-info-product .recall-info-product__item {
display: flex;
flex-shrink: 0;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 10px;
margin-bottom: 15px;
padding: 42px;
background: #f5f5f5;
gap: 65px;
text-decoration: none;
border-radius: 8px;
transition: transform 0.3s ease;
}
.recall-info-product .recall-info-product__item:hover {
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
box-shadow: 0 4px 4px #d3d3d3;
}
.recall-info-product .recall-info-product__item:first-child {
margin-right: 24px;
}
@media (min-width: 768px) {
.recall-info-product .recall-info-product__item {
width: 47%;
}
}
.recall-info-product .recall-info-product__item-title {
font-family: var(--font-heading-family), sans-serif;
font-size: 28px;
line-height: 33.6px;
}
.recall-info-product .recall-info-product__item-button {
padding: 10px 20px;
background: #000;
color: #fff;
border-radius: 30px;
}
.recall-need-help {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 87px;
margin-bottom: 87px;
}
.recall-need-help .recall-need-help__title {
margin-bottom: 20px;
font-family: var(--font-heading-family), sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 52.8px;
letter-spacing: -0.48px;
text-align: center;
}
.recall-need-help .recall-need-help__description {
margin: 0 46px;
font-size: 20px;
line-height: 32px;
text-align: center;
}
.recall-need-help .recall-need-help__description * {
font-size: 20px;
line-height: 32px;
}
.recall-need-help .recall-need-help__button {
display: inline-block;
width: auto;
margin: 0 auto;
margin-top: 2rem;
padding: 5px 34px;
background: #000;
font-family: var(--font-heading-family), sans-serif;
text-decoration: none;
color: #fff;
max-width: 220px;
min-width: auto;
border-radius: 50px;
}
@media (min-width: 768px) {
.recall-need-help .recall-need-help__button {
padding: 10px 33.5px;
}
}
@media (min-width: 768px) {
.recall-need-help {
margin-top: 136px;
margin-bottom: 136px;
}
}
.cart {
justify-content: center;
margin-bottom: 40px;
padding-top: 48px;
gap: 43px;
}
@media (min-width: 768px) {
.cart {
display: flex;
margin-left: 20px;
margin-right: 20px;
padding-top: 15px;
}
}
.cart__content {
width: 100%;
max-width: 820px;
padding-left: 40px;
padding-right: 30px;
}
@media (min-width: 768px) {
.cart__content {
padding-left: unset;
padding-right: unset;
}
}
.cart__title {
margin-top: 34px;
font-size: 24px;
font-weight: 500;
line-height: 28px;
}
@media (min-width: 768px) {
.cart__title {
margin-top: 118px;
}
}
.cart__warnings {
margin-top: 95px;
padding-left: 7px;
text-align: center;
}
.cart__item {
position: relative;
display: flex;
gap: 14px;
margin-top: 14px;
padding-bottom: 20px;
border-bottom: 1px solid #f5f5f5;
}
@media (min-width: 768px) {
.cart__item {
margin-top: 30px;
padding-bottom: 30px;
}
}
.cart__item--mobile-header {
margin-top: 24px;
}
@media (min-width: 768px) {
.cart__item--mobile {
display: none !important;
}
}
.cart__item--desktop {
display: none !important;
}
@media (min-width: 768px) {
.cart__item--desktop {
display: block !important;
}
}
.cart__item-image-wrapper {
padding: 28px 14px 27px 14px;
background-color: #f5f5f5;
text-decoration: none;
}
.cart__item-image {
max-width: 112px;
}
@media (min-width: 768px) {
.cart__item-image {
max-width: 400px;
}
}
.cart__item-status {
display: block;
margin-top: 31px;
font-size: 12px;
line-height: 19.2px;
text-align: center;
color: #999999;
}
.cart__item-title {
font-size: 16px;
font-weight: 500;
line-height: 28px;
text-decoration: none;
}
@media (min-width: 768px) {
.cart__item-title {
font-size: 20px;
line-height: 24px;
}
}
.cart__item-sku {
display: block;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 19.2px;
color: #999999;
}
.cart__item-option-item {
font-size: 14px;
line-height: 24px;
color: #000000;
}
.cart__item-price {
float: right;
margin-top: 7px;
margin-right: 32px;
font-family: var(--font-heading-family), sans-serif;
line-height: 19.2px;
order: 1;
}
@media (min-width: 768px) {
.cart__item-price {
order: unset;
}
}
.cart__item-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-direction: column;
}
.cart__item-wrapper .cart__item-content {
display: grid;
}
@media (min-width: 768px) {
.cart__item-wrapper .cart__item-content {
display: unset;
}
}
.cart__item-footer {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.cart__item-icons .product-card__icons {
display: flex;
gap: 5px;
}
.cart__item-icons .product-card__icons .product-card__icons-item {
width: 20px;
height: 20px;
}
.cart__item-icons:empty {
display: block;
}
.cart__item-remove {
font-family: var(--font-heading-family), sans-serif;
font-size: 13px;
line-height: 19.2px;
cursor: pointer;
}
.cart__item-quantity {
padding-bottom: 1px;
}
.cart__item-quantity-name {
position: absolute;
margin-top: 1px;
font-size: 14px;
color: #444;
pointer-events: none;
text-shadow: 2px 1px 1px #fff;
}
.cart__item-quantity-value {
-webkit-appearance: none;
-moz-appearance: none;
width: auto;
appearance: none;
height: 1.4em;
min-width: auto;
padding-left: 2.25em;
border: none;
border-bottom: 1px solid black;
font-size: 14px;
color: #444;
cursor: pointer;
}
.minicart {
position: relative;
z-index: 99999;
}
.minicart .minicart__container {
position: fixed;
top: 0;
right: 0;
z-index: 6;
width: 100%;
height: 100%;
background-color: #fff;
transform: translateX(100%);
max-width: 390px;
transition-property: transform;
transition-duration: 0.3s;
}
.minicart .minicart__container.minicart__container--open {
right: 0;
transform: translateX(0);
}
.minicart .minicart__overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 5;
display: block;
visibility: hidden;
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
transition-property: visibility, opacity;
transition-duration: 0.3s;
}
.minicart .minicart__overlay.minicart__overlay--shown {
visibility: visible;
opacity: 1;
}
.minicart .minicart__wrapper {
position: relative;
display: flex;
height: 100%;
padding: 0;
background-color: #fff;
flex-direction: column;
}
.minicart .minicart__title {
margin-top: 0;
margin-bottom: 0;
font-family: "Times Roman", serif;
font-size: 35px;
font-weight: 400;
line-height: normal;
letter-spacing: normal;
text-align: center;
}
.minicart .minicart__header-wrapper {
height: 100%;
padding-left: 38px;
padding-right: 38px;
}
.minicart .minicart__title-wrapper {
position: relative;
margin-bottom: 40px;
}
.minicart .minicart__close {
position: absolute;
top: 50%;
right: 0;
width: 30px;
height: 30px;
transform: translateY(-50%);
cursor: pointer;
transition-property: opacity;
transition-duration: 0.3s;
}
.minicart .minicart__close .icon-minicart-close {
display: block;
width: 100%;
height: 100%;
}
.minicart .minicart__close .icon-minicart-close g {
transition-property: stroke;
transition-duration: 0.3s;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.minicart .minicart__close:hover {
opacity: 0.7;
}
}
.minicart .minicart__body {
position: relative;
overflow: hidden;
flex: 1 0 auto;
}
.minicart .minicart__body.minicart__body--empty {
display: flex;
flex-direction: column;
}
.minicart .minicart__section {
padding-left: 15px;
padding-right: 15px;
}
.minicart .minicart__section.minicart__section--header {
position: relative;
padding-top: 60px;
}
.minicart .minicart__section.minicart__section--items {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: calc(100% - 50px);
height: 100%;
margin-left: 20px;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
overflow-y: auto;
}
.minicart .minicart__section.minicart__section--empty {
flex-grow: 1;
padding-bottom: 75px;
}
.minicart .minicart__section.minicart__section--footer {
position: relative;
padding-bottom: 35px;
}
.minicart .minicart__empty-wrapper {
display: flex;
flex-direction: column;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.minicart .minicart__section-empty-message {
margin-bottom: 40px;
padding-top: 20px;
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
line-height: 1.5;
letter-spacing: 0.5px;
text-align: center;
text-transform: none;
color: #000;
}
.minicart .minicart__empty-button {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 50px;
background: #000;
font-family: var(--font-heading-family), sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 0.93;
letter-spacing: 0.5px;
text-align: center;
text-decoration: none;
color: #fff !important;
font-stretch: normal;
font-style: normal;
border-radius: 100px;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.minicart .minicart__empty-button:hover {
transform: none;
}
}
.minicart .minicart__subtotal-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
font-family: Arial, sans-serif;
font-size: 17px;
line-height: 1.76;
}
.minicart .minicart__subtotal-label,
.minicart .minicart__subtotal-value {
padding-right: 12px;
font-family: var(--font-body-family), sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.13;
letter-spacing: normal;
text-align: left;
text-transform: capitalize;
color: #000;
font-stretch: normal;
font-style: normal;
}
.minicart .minicart__footer-button {
width: 100%;
height: 50px;
margin-top: 8px;
border: 1px solid transparent;
outline: 0;
background: #000;
font-family: var(--font-heading-family), sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 0.93;
letter-spacing: 0.5px;
text-align: center;
text-decoration: none;
color: #fff;
transform: none;
border-radius: 100px;
}
.minicart .minicart__footer-button:hover {
border: 1px solid #666;
background: #666;
}
.minicart .guarantee-block {
min-height: 200px;
display: none;
padding: 25px 30px 35px 30px;
}
.minicart .guarantee-block .guarantee-block__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.5px;
text-align: center;
color: #000;
}
.minicart .guarantee-block .guarantee-block__icon {
display: block;
width: 36px;
height: 28px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.minicart .guarantee-block .guarantee-block__text {
max-width: 330px;
margin-left: auto;
margin-right: auto;
}
.minicart .guarantee-block .guarantee-block__text p,
.minicart .guarantee-block .guarantee-block__text a {
margin-top: 0;
font-family: var(--font-heading-family), sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.54;
text-align: center;
color: #000;
}
.minicart .minicart-product {
display: flex;
padding: 20px 12px;
border: solid 1px #e6ebee;
}
.minicart .minicart-product__image {
min-width: 100px;
}
.minicart .minicart-product__save {
display: none;
}
.minicart .minicart-product .minicart-product__wrapper {
padding: 0;
}
.minicart .minicart-product__remove-button {
position: absolute;
top: 0;
right: 0;
}
.minicart .minicart-product__title {
position: relative;
}
.minicart .minicart-product__header {
position: absolute;
top: 20px;
left: 20px;
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.5px;
text-decoration: none;
color: #000;
}
.ss__title--recommendation {
font-family: var(--font-heading-family), sans-serif;
font-size: 20px !important;
font-weight: 500 !important;
line-height: 1.5;
letter-spacing: 0.5px;
text-decoration: none;
color: #000;
}
.minicart .minicart__header--empty .minicart-product__header {
display: none;
}
.minicart .minicart-product__variant {
font-size: 12px;
}
@media (min-width: 480px) {
.minicart .minicart__section {
padding-left: 15px;
padding-right: 15px;
}
.minicart .minicart__section.minicart__section--header {
padding-top: 50px;
}
.minicart .minicart__section.minicart__section--items {
width: calc(100% - 40px);
margin-left: 20px;
margin-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.minicart .minicart__section.minicart__section--footer {
padding-bottom: 20px;
}
.minicart .minicart__title {
font-size: 25px;
}
.minicart .minicart__title-wrapper {
position: static;
margin-bottom: 20px;
}
.minicart .minicart__close {
top: 20px;
right: 20px;
transform: none;
}
.minicart .minicart__subtotal-wrapper {
font-size: 15px;
line-height: normal;
}
.minicart .minicart__footer-button {
padding-top: 11px;
padding-bottom: 11px;
}
.minicart .minicart__empty-button {
padding: 11px 20px;
font-size: 15px;
}
}
@media (max-width: 374px) {
.minicart .minicart__section {
padding-left: 15px;
padding-right: 15px;
}
.minicart .minicart__section.minicart__section--header {
padding-top: 50px;
}
.minicart .minicart__section.minicart__section--items {
width: calc(100% - 30px);
margin-left: 15px;
margin-right: 15px;
padding-top: 20px;
padding-bottom: 20px;
}
.minicart .minicart__close {
right: 7px;
}
}
@media (min-width: 768px) {
.minicart .guarantee-block {
display: block;
}
}
.minicart-product {
display: flex;
padding: 20px 12px;
border: solid 1px #e6ebee;
}
.minicart-product + .minicart-product {
margin-top: 5px;
}
.minicart-product .minicart-product__wrapper {
display: flex;
width: 100%;
padding: 0;
}
.minicart-product .minicart-product__column {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.minicart-product .minicart-product__column.minicart-product__column--left {
flex-shrink: 0;
width: 100%;
max-width: 100px;
}
.minicart-product .minicart-product__column.minicart-product__column--middle {
position: relative;
margin-left: 15px;
margin-right: 10px;
flex-grow: 1;
}
.minicart-product .minicart-product__column.minicart-product__column--right {
flex-shrink: 0;
width: 100%;
max-width: 130px;
}
.minicart-product .minicart-product__title {
position: relative;
padding-right: 1.25rem;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: normal;
line-height: 1.13;
text-align: left;
text-decoration: none;
color: #000;
transition: color 0.3s ease;
max-width: 192px;
}
.minicart-product .minicart-product__remove-button {
position: absolute;
top: 0;
right: -10px;
margin-top: 5px;
padding-left: 0;
padding-right: 0;
background-color: transparent;
font-size: 12px;
text-decoration: underline;
transition-property: opacity, color;
transition-duration: 0.3s;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.minicart-product .minicart-product__remove-button:hover {
opacity: 0.7;
}
}
.minicart-product .minicart-product__quantity-button {
flex-shrink: 0;
width: 20px;
height: 20px;
padding-left: 0;
padding-right: 0;
background-color: transparent;
}
.minicart-product .minicart-product__quantity-button .icon {
width: 100%;
height: 100%;
}
.minicart-product .minicart-product__quantity {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 40px;
margin-top: 10px;
padding: 6px;
border: 1px solid black;
border: solid 1px #d3d6d9;
max-width: 90px;
}
.minicart-product .minicart-product__quantity-input {
width: 100%;
padding-left: 0;
padding-right: 0;
border: none;
outline: none;
background-color: transparent;
vertical-align: middle;
font-family: var(--font-body-family), sans-serif;
font-size: 14px;
font-weight: bold;
letter-spacing: 3px;
letter-spacing: normal;
text-align: center;
}
.minicart-product .minicart-product__quantity-input::-webkit-outer-spin-button,
.minicart-product .minicart-product__quantity-input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
.minicart-product .minicart-product__quantity-input-wrapper {
width: 100%;
padding-left: 5px;
padding-right: 5px;
}
.minicart-product .minicart-product__subtotal {
display: flex;
align-items: center;
margin-top: 11px;
margin-left: auto;
font-size: 12px;
font-weight: 500;
line-height: normal;
}
.minicart-product .minicart-product__property {
margin-top: 5px;
}
.minicart-product .minicart-product__row {
display: flex;
width: 100%;
}
.minicart-product .minicart-product__column--left {
max-width: 100px;
}
.minicart-product .minicart-product__column--middle {
margin-left: 10px;
margin-right: 0px;
}
.minicart-product .minicart-product__column--right {
max-width: 100px;
}
.minicart-product .minicart-product__image {
min-width: 100px;
}
.minicart-product .minicart-product__save {
display: none;
}
.order-summary {
width: 100%;
min-width: 280px;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
padding: 45px 32px 66px;
background: #000;
color: #fff;
}
.order-summary .order-summary__title {
margin-bottom: 37px;
margin-left: 10px;
margin-right: 10px;
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 1.2;
}
.order-summary .order-summary__row {
display: flex;
justify-content: space-between;
margin-bottom: 18px;
}
.order-summary .order-summary__key {
margin-left: 10px;
font-size: 14px;
}
.order-summary .order-summary__val {
margin-right: 10px;
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
line-height: 1.4;
}
.order-summary .order-summary__promo {
margin-top: 26px;
margin-bottom: 38px;
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
line-height: 1.4;
text-decoration: underline;
}
.order-summary .order-summary__total {
margin-top: 38px;
padding-top: 17px;
border-top: 2px solid #999;
}
.order-summary .order-summary__checkout {
display: block;
margin-top: 24px;
margin-left: 20px;
margin-right: 20px;
padding: 14px 0;
background-color: #f84827;
font-weight: 500;
text-align: center;
text-decoration: none;
border-radius: 36px;
}
.order-summary .order-summary__secure {
display: flex;
align-items: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-top: 56px;
margin-left: auto;
margin-right: auto;
gap: 7px;
text-decoration: none;
color: #999999;
}
.order-summary .order-summary__secure:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
.order-summary {
border-radius: 8px;
}
}
@media (min-width: 992px) {
.order-summary {
width: 419px;
}
}
.order-summary__wrapper {
margin-top: 29px;
}
.order-summary__footer {
margin-top: 35px;
text-align: center;
}
.order-summary__footer .order-summary__icons svg {
width: unset;
}
.order-summary__footer .order-summary__text {
margin-top: 7px;
padding: 0;
font-size: 12px;
font-weight: 600;
line-height: 14px;
color: #000000;
}
.order-summary__footer .order-summary__help {
display: inline-block;
margin-top: 9px;
padding: 0;
font-size: 12px;
font-weight: 600;
line-height: 14px;
text-decoration: none;
color: #000000;
}
cart-items .title-wrapper-with-link .title {
display: none;
}
@media (min-width: 768px) {
cart-items .title-wrapper-with-link .title {
display: block;
}
}
.product {
padding-bottom: 64px;
}
.container.product__container {
padding: 0;
}
.product-header {
display: flex;
justify-content: center;
flex-direction: column;
align-items: flex-start;
margin: 0 auto;
padding: 30px 10px 30px;
text-align: center;
max-width: 510px;
}
.product-header .product-header__container {
margin-left: auto;
margin-right: auto;
max-width: 500px;
}
.product-header .product-header__title {
display: block;
margin: 0 auto 20px;
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -0.4px;
text-align: center;
color: #212428;
}
.product-header .product-header__reviews {
display: flex;
justify-content: center;
margin: 0 auto;
}
.product-header .product-header__reviews .yotpo.bottomLine .yotpo-bottomline {
opacity: 1;
transition: opacity 0.3s ease-in;
}
.product-header .yotpo.bottomLine .yotpo-bottomline {
display: flex;
align-items: center;
opacity: 1;
transition: opacity 0.3s ease-in;
}
.product-header .yotpo.bottomLine .yotpo-bottomline .yotpo-stars {
padding-right: 9px;
}
.product-header .yotpo.bottomLine .yotpo-bottomline .text-m {
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 17px;
text-decoration: underline !important;
color: #212428 !important;
}
.product-header .yotpo.bottomLine .yotpo-bottomline .text-m:hover {
text-decoration: none !important;
}
.product-header .write-review-btn-hidden {
padding-left: 10px;
font-size: 16px;
color: #999 !important;
}
.product-header .write-review-btn-hidden:hover {
color: #999 !important;
}
.product-media__slider-arrow {
display: none;
will-change: transform;
}
.product__row {
display: flex;
margin-top: 0;
padding-top: 0;
min-height: 658px;
background: linear-gradient(
180deg,
#f5f5f5 0%,
#f5f5f5 37.18%,
#f5f5f5 61.31%,
#ffffff 82.74%,
#ffffff 100%
);
flex-wrap: wrap;
}
.product__col {
flex: 0 0 100%;
max-width: 100%;
}
.product__col--media {
min-height: 340px;
}
.product__col--meta {
width: 100%;
height: 550px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.product-form {
padding-top: 17px;
}
.custom-size--hide {
display: none;
}
.product-form__link,
.product-form__meta,
.product-meta__row {
display: flex;
justify-content: center;
align-items: center;
}
.product-form__link.product-form__link--shipping {
display: none;
}
.product-option__sku {
margin-bottom: 12px;
font-family: var(--font-body-family), sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
}
.product-form__meta {
justify-content: space-between;
align-items: baseline;
padding: 0 40px;
flex-wrap: wrap;
}
.product-form__meta .product-form__meta-color {
padding-right: 10px;
font-family: var(--font-heading-family), sans-serif;
line-height: 40px;
}
.product-form__meta .product-form-meta__price {
display: flex;
align-items: center;
}
.product-form__meta .product-form-meta__price.sku-block-price {
display: none;
}
.product-form__meta .product-meta__price-value {
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 40px;
}
.product-form__meta
.product-meta__price-value.product-meta__price-value--compare-price {
padding-right: 5px;
text-decoration: line-through;
}
.product-form__meta.product-form__sku
.product-form-meta__price.sku-block-price {
display: flex;
}
.product-variant__image-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: auto;
padding: 11px;
background: #f6f6f6;
border-radius: 16px;
max-width: 88px;
max-height: 84px;
}
.product-form__link {
position: relative;
margin: 0 auto;
margin-bottom: 32px;
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.2;
text-align: center;
cursor: pointer;
max-width: 300px;
}
.product-form__link:hover {
text-decoration: underline;
}
.ship-info {
margin-bottom: 12px;
min-height: 20px;
}
.ship-info .product-form__link {
margin-bottom: 0;
}
.grid-product-tiles-pdp-colors .product-tile--config::after {
border-radius: 16px;
}
.product-size__select.product-option__select {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
margin: 0 auto 10px;
padding: 4px 37px 11px;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.product-size__select.product-option__select input[type="radio"] {
display: none;
}
.product-size__select.product-option__select
input[type="radio"]:checked
+ .product-option__value {
background: #000;
color: #fff;
transition: background-color 0.3s, color 0.3s;
}
.product-size__select.product-option__select
input[type="radio"]:checked
+ .product-option__value.disabled {
background: #ccc;
}
.product-size__select.product-option__select .product-option__value {
display: flex;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
margin-left: 4px;
margin-right: 4px;
border: 4px solid black;
font-size: 16px;
font-weight: 500;
transform: scale(1);
transition: background-color 0.3s, color 0.3s, transform 0.3s ease-in-out;
cursor: pointer;
min-width: 56px;
border-radius: 50%;
}
.product-size__select.product-option__select .product-option__value:hover {
transform: scale(1.05);
transition: transform 0.3s ease-in-out;
}
.product-size__select.product-option__select .product-option__value.disabled {
border-color: #ccc;
color: #ccc;
cursor: default;
}
.product-size__select.product-option__select
.product-option__value.disabled:hover {
transform: none;
}
.product-size__select.product-option__select.product-length__select
.product-option__value {
min-width: 100px;
border-radius: 30px;
}
.product-form__button {
width: calc(100% - 80px);
margin: 20px auto;
background: #999999;
color: #fff;
max-width: 294px;
}
.product-form__button--active.product-form__button--hide {
display: block;
background: #fa4616;
}
.product-form__button--remove {
display: none;
}
.product-form__notify {
position: relative;
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
padding: 10px 15px;
background: black;
text-decoration: none;
color: #fff;
border-radius: 10px;
}
.product-form__notify::after {
content: "";
position: absolute;
top: -12px;
left: 50%;
display: block;
border-top: 8px solid transparent;
border-right: 8px solid #000;
border-bottom: 8px solid transparent;
transform: rotate(90deg);
}
.product-form__link--size-guide {
display: flex !important;
margin: 0 auto 20px !important;
font-size: 14px;
}
.product-form__link--size-guide a {
text-decoration: none;
}
.product-form__link--size-guide:hover {
text-decoration: none;
}
.product-form__link-tooltip {
position: absolute;
top: 20px;
z-index: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
background: #000;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
color: #fff;
transition: opacity 0.4s;
min-height: 50px;
min-width: 200px;
border-radius: 16px;
box-shadow: 0 0 48px -6px #0000009c;
pointer-events: none;
}
.product-form__link--click-collect {
display: flex;
}
.product-form__link--click-collect.disabled:hover .product-form__link-tooltip {
z-index: 1;
opacity: 1;
transition: opacity 0.4s;
}
.product-form__link--click-collect.disabled + pickup-availability {
display: none;
}
.size-guide__divider {
padding: 0 4px 0 3px;
}
.product-media__slider-container {
opacity: 0;
}
.product-media__slider-container.swiper-container-initialized {
opacity: 1;
transition: opacity 0.3s;
}
.product-media__slider-container .slider__slide {
margin-right: 0;
}
.product-media__slider--thumbs {
margin-right: 7px;
transform: scale(1);
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.product-media__slider--thumbs .slider__container {
padding-top: 10px;
padding-bottom: 10px;
}
.product-media__slider--thumbs .slider__slide--thumb {
width: auto;
margin-right: 7px;
transform: scale(1);
transition: transform 0.21s ease-in;
cursor: pointer;
box-shadow: none;
}
.product-media__slider--thumbs .slider__slide--thumb:last-child {
margin-right: 0;
}
.product-media__slider--thumbs .slider__slide--thumb:hover {
transform: scale(1.05);
transition: transform 0.21s ease-in;
}
.product-media__slider--thumbs .slider__slide--thumb::after {
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
width: 100%;
height: 100%;
background-image: url(../images/vectors/check-pdp-swatch.svg);
background-repeat: no-repeat;
background-position: 50%;
transition: opacity 0.2s cubic-bezier(0.235, 0, 0.05, 0.95);
}
.product-media__slider--thumbs
.slider__slide--thumb.active
.icon-check-product {
display: block;
}
.product-media__slider--thumbs .slider__slide--thumb .icon-check-product {
position: absolute;
top: 50%;
left: 50%;
display: none;
width: 44px;
margin-top: -22px;
margin-left: -22px;
}
.product-media__slider--thumbs .product-variant__image {
border-radius: 16px;
}
.product-media__slider--thumbs .slider__wrapper {
overflow: auto;
}
.product-form__button--hide {
display: none;
}
.template-product
.yotpo
.yotpo-first-review
.yotpo-first-review-stars
.yotpo-icon-star {
font-size: 22px;
color: #fff;
}
.template-product
.yotpo
.yotpo-first-review
.yotpo-first-review-content
.write-first-review-button {
padding: 10px 26px;
border: 4px solid #fff;
background: transparent;
color: #fff;
transition: transform 0.3s ease-in-out;
border-radius: 36px;
min-height: 56px;
}
.template-product
.yotpo
.yotpo-first-review
.yotpo-first-review-content
.write-first-review-button:hover {
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
transition: transform 0.3s ease-in-out;
}
.template-product .yotpo .primary-color-btn,
.template-product .yotpo input[type="button"].primary-color-btn {
background-color: #6a6c77;
font-weight: normal !important;
color: #fff;
text-shadow: none !important;
}
.template-product .yotpo .yotpo-nav ul .yotpo-nav-tab .yotpo-nav-wrapper span {
transition: none;
}
.template-product .yotpo .write-review .submit-button .yotpo-default-button {
padding: 10px 26px;
border: 4px solid #fff !important;
background: transparent !important;
line-height: 1.2;
color: #fff !important;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transition: all 0.3s ease-in-out;
border-radius: 36px;
min-height: 56px;
}
.template-product
.yotpo
.write-review
.submit-button
.yotpo-default-button:hover {
color: #000 !important;
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
transition: all 0.3s ease-in-out;
}
.template-product .product-card .product-card__badge {
display: none;
}
.alternate-size__list {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
}
.alternate-size__list .alternate-size__button {
padding: 12px 31px;
border: 5px solid #000;
line-height: 24px;
color: #000;
}
.alternate-size__list .alternate-size__button--active {
background: #000;
color: #fff;
}
@media (min-width: 576px) {
.product-form__meta {
justify-content: center;
align-items: baseline;
padding: 0 15px;
flex-wrap: wrap;
}
.product-form__meta .product-form__meta-color {
font-size: 20px;
}
.product-form__meta .product-form-meta__price {
display: flex;
align-items: center;
}
.product-form__meta .product-form-meta__price.sku-block-price {
display: flex;
}
.product-form__meta .product-meta__price-value {
font-size: 14px;
}
.product-form__meta.product-form__sku .product-form-meta__price {
display: none;
}
.product-form__meta.product-form__sku
.product-form-meta__price.sku-block-price {
display: none;
}
.product-option__sku {
font-family: var(--font-heading-family), sans-serif;
font-weight: 500;
}
.product-media__slider-arrow {
display: block;
width: 44px;
height: 44px;
will-change: opacity;
}
.product-size__select.product-option__select {
justify-content: center;
}
}
@media (min-width: 768px) {
.product {
padding-bottom: 80px;
}
.product-variant__image-wrapper {
max-width: 101px;
max-height: 96px;
}
}
@media (min-width: 992px) {
.product-header {
padding: 33px 0 80px;
}
.product-size__select.product-option__select {
justify-content: center;
}
.product-media__slider--thumbs .slider__wrapper {
overflow: visible;
}
}
@media (min-width: 1200px) {
.product {
padding-bottom: 60px;
}
}
@media (min-width: 1400px) {
.product-header .product-header__title {
font-size: 40px;
line-height: 44px;
font-weight: 500;
}
}
@media (min-width: 2560px) {
.product {
padding-bottom: 200px;
}
}
.product__col--media {
overflow: hidden;
}
.product-media {
min-height: 340px;
margin: auto;
}
@media (min-width: 575px) {
.product-media {
max-width: 100vw;
}
}
.popup {
position: fixed;
top: 0;
left: 0;
z-index: 999999;
display: flex;
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
padding: 0 20px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition-property: opacity, visibility;
transition-duration: 0.3s;
}
.popup::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 200px);
background-color: rgba(0, 0, 0, 0.5);
transform: translateY(-60px);
}
.popup.popup--open {
visibility: visible;
opacity: 1;
}
.popup.popup--open .popup__content-wrapper {
transform: translateY(0);
}
.popup.popup--product-info {
display: block;
}
.popup__container {
width: 100%;
margin: auto;
padding: 30px 0;
max-width: 750px;
}
.popup__content-wrapper {
padding: 20px;
background-color: #fff;
transform: translateY(-20px);
transition-property: transform;
transition-duration: 0.3s;
}
.popup__iframe-wrapper {
position: relative;
padding-top: 56.25%;
}
.popup__iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.popup__close-button {
z-index: 1;
margin: 10px 0;
padding: 5px 10px;
background-color: #dadada;
font-weight: bold;
text-transform: uppercase;
transform: scale(1);
}
.popup__close-button:hover {
transform: scale(1.1);
transition: transform 0.3s ease-in-out;
}
.popup__close-button svg {
width: 17px;
}
.popup--product-info {
text-align: left;
}
.popup--product-info .popup__container {
z-index: 1;
height: 100%;
-webkit-overflow-scrolling: touch;
}
.popup--product-info h3,
.popup--product-info .product-info__subtitle {
margin-bottom: 12px;
padding-top: 60px;
font-size: 20px;
color: #fff;
}
.popup--product-info p,
.popup--product-info .product-info__text {
margin-bottom: 12px;
font-size: 16px;
}
.popup--product-info .product-info__link {
margin-bottom: 0;
font-size: 14px;
text-decoration: none;
}
.popup--product-info .product-info__link:hover {
text-decoration: underline;
}
.popup--product-info .popup__close-button {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 16px;
background: transparent;
font-weight: bold;
text-transform: uppercase;
}
.popup--product-info .popup__close-button svg {
width: 16px;
fill: #fff;
}
.popup--product-info .popup__close-button svg path {
fill: #fff;
}
.size-popup::before {
display: none !important;
}
.size-popup .popup__content {
align-items: flex-start;
padding: 80px 20px;
background: #000;
text-align: left;
color: #fff;
border-radius: 10px;
min-height: 460px;
}
.size-popup .popup__content h1,
.size-popup .popup__content h2,
.size-popup .popup__content h3,
.size-popup .popup__content h4,
.size-popup .popup__content h5,
.size-popup .popup__content h6 {
color: #fff;
}
.size-popup .popup__content > h5 {
width: 100%;
margin-bottom: 40px;
font-size: 24px;
text-align: center;
word-break: normal;
}
@media (min-width: 576px) {
.size-popup .popup__content {
padding: 80px;
}
.size-popup .popup__content > h5 {
font-size: 30px;
}
}
.size-popup .popup__container {
max-width: 821px;
padding: 80px 0;
}
.size-popup .popup__content-wrapper {
padding: 0 !important;
border-radius: 10px;
}
.size-popup .size-chart__title {
display: block;
font-size: 28px;
text-align: left;
}
.size-popup .tabs {
width: 100%;
}
.size-popup .tabs .tabs__control {
padding-left: 10px;
padding-right: 10px;
flex-grow: 1;
border-color: #333;
color: #fff;
word-break: normal;
white-space: nowrap;
}
.size-popup .tabs .tabs__control .tabs__control-title {
font-size: 12px;
}
@media (min-width: 768px) {
.size-popup .tabs .tabs__control .tabs__control-title {
font-size: 14px;
}
}
.size-popup .tabs .tabs__control.active {
border-color: #fff;
}
.size-popup .tabs .tabs__control:hover .tabs__control-title {
text-decoration: underline;
transform: translateY(-0.4rem);
transition: transform 0.16s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.size-popup .tabs .tabs__content {
overflow: auto;
font-size: 18px;
}
.size-popup .tabs .tabs__content h1,
.size-popup .tabs .tabs__content h2,
.size-popup .tabs .tabs__content h3,
.size-popup .tabs .tabs__content h4,
.size-popup .tabs .tabs__content h5,
.size-popup .tabs .tabs__content h6 {
color: #fff;
}
.size-popup .tabs .tabs__content h1 {
font-size: 24px;
}
.size-popup .tabs .tabs__content table {
margin-top: 20px;
}
.size-popup .tabs .tabs__content table td,
.size-popup .tabs .tabs__content table th {
padding: 11px 10px;
font-size: 14px;
letter-spacing: -0.14px;
word-break: normal;
}
.size-popup .tabs .tabs__content table td p,
.size-popup .tabs .tabs__content table th p {
margin: 0;
font-size: 14px;
letter-spacing: -0.14px;
}
.size-popup .tabs .tabs__content table td:first-child,
.size-popup .tabs .tabs__content table th:first-child {
padding-left: 20px;
}
.size-popup .tabs .tabs__content thead {
border-bottom: 1px solid #fff;
}
.size-popup .tabs .tabs__content thead .extra {
padding: 0;
border-bottom: 1px solid #fff;
text-align: center;
}
.size-popup .tabs .tabs__content thead .extra:empty {
border-bottom: none;
}
.size-popup .tabs .tabs__content tbody tr:nth-of-type(odd) {
background-color: #0d0d0d;
}
.size-popup .tabs .tabs__content .row {
display: flex;
flex-wrap: wrap;
}
.size-popup .tabs .tabs__content .row .col-lg-6 {
width: 100%;
}
@media (min-width: 768px) {
.size-popup .tabs .tabs__content .row .col-lg-6 {
width: 50%;
}
}
.size-popup .tabs .tabs__content .row .col-lg-8 {
width: 75%;
}
.size-popup .tabs .tabs__content .row [class*="col"] {
padding-left: 25px;
padding-right: 25px;
}
.size-popup .tabs .tabs__content .row .pb-1 {
margin-bottom: 20px;
}
.size-popup .tabs .tabs__content .row .rounded {
border-radius: 8px !important;
}
.size-popup .tabs .tabs__content .row p {
margin: 0;
}
.size-popup .tabs .tabs__content .row .h8 {
font-size: 20px;
font-weight: 500;
}
.size-popup .tabs .tabs__content p {
margin: 0;
font-size: 14px;
}
.size-popup .tabs .tabs__content p strong {
font-size: 20px;
}
.size-popup .tabs .tabs__content p.pb-1 {
padding-bottom: 20px;
}
.size-popup .tabs .tabs__content p.pt-1 {
padding-top: 20px;
}
@media (min-width: 768px) {
.size-popup .tabs .tabs__content p {
font-size: 16px;
}
}
@media (min-width: 768px) {
.size-popup .popup__content > h5 {
font-size: 40px;
}
}
@media (min-width: 1400px) {
.size-popup .size-chart__tabs .size-chart__tabs-list {
padding: 72px 0 21px;
}
.size-popup .size-chart__title {
font-size: 35px;
}
.size-popup .tabs .tabs__content h1 {
margin-top: 20px;
font-size: 20px;
}
}
.shipping-popup::before {
display: none !important;
}
.shipping-popup .popup__content {
align-items: flex-start;
padding: 80px 30px;
background: #000;
text-align: left;
color: #fff;
border-radius: 10px;
min-height: 460px;
}
.shipping-popup .popup__container {
max-width: 820px;
}
.shipping-popup .popup__content-wrapper {
padding: 0 !important;
border-radius: 10px;
}
@media (min-width: 768px) {
.shipping-popup .popup__content {
padding: 80px 80px 100px;
}
}
.film-carousel-popup {
padding-left: 0;
padding-right: 0;
}
.film-carousel-popup::before {
display: none !important;
}
.film-carousel-popup .popup__close-button {
position: absolute;
left: auto;
right: 5px;
background: transparent;
}
.film-carousel-popup .popup__close-button svg {
fill: #fff;
}
.film-carousel-popup .popup__container {
max-width: 1200px;
padding: 0;
}
.film-carousel-popup .popup__content {
align-items: flex-start;
padding: 56% 0 0;
background: #000;
text-align: left;
color: #fff;
border-radius: 10px;
min-height: unset;
}
.film-carousel-popup .popup__content iframe {
position: absolute;
top: 7%;
left: 10%;
width: 100%;
height: 100%;
min-height: unset;
max-width: 80%;
max-height: 90%;
}
.film-carousel-popup .popup__content-wrapper {
padding: 0 !important;
background: #000;
border-radius: 0;
}
@media (min-width: 480px) {
.film-carousel-popup .popup__content {
padding-top: 48%;
}
}
@media (min-width: 768px) {
.film-carousel-popup .popup__content {
padding-top: 46%;
}
.film-carousel-popup .popup__content iframe {
max-height: 88%;
}
}
@media (min-width: 1200px) {
.film-carousel-popup {
padding: 0;
}
.film-carousel-popup .popup__container {
max-width: 100%;
height: 100%;
padding: 0;
}
.film-carousel-popup .popup__content-wrapper {
height: auto;
min-height: 100%;
}
.film-carousel-popup .popup__content {
position: relative;
padding-top: 50%;
}
.film-carousel-popup .popup__content iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
min-height: unset;
max-width: 80%;
max-height: 88%;
}
}
.site-footer {
background: #000;
color: #fff;
}
.footer-guarantee {
padding-top: 80px;
padding-bottom: 80px;
background: #000;
color: #fff;
}
@media screen and (max-width: 990px) {
.footer-guarantee {
padding-top: 0;
padding-bottom: 0;
}
}
.footer-guarantee .footer-guarantee__row {
display: flex;
flex-wrap: wrap;
}
.footer-guarantee .footer-guarantee__item {
position: relative;
flex: 0 0 100%;
margin-bottom: 54px;
padding-top: 70px;
text-align: center;
}
@media screen and (max-width: 990px) {
.footer-guarantee .footer-guarantee__item {
margin-bottom: 0;
}
.footer-guarantee__item:last-child {
margin-bottom: 50px;
}
}
.footer-guarantee .footer-guarantee__image {
position: relative;
top: 0;
margin-bottom: 16px;
}
.footer-guarantee .footer-guarantee__title {
font-size: 20px;
line-height: 1.15;
letter-spacing: 0.2px;
color: #fff;
}
@media screen and (max-width: 990px) {
.footer-guarantee .footer-guarantee__title {
margin-bottom: 20px;
}
}
.footer-guarantee .footer-guarantee__text {
display: none;
}
.footer-guarantee .footer-guarantee__link {
font-size: 14px;
line-height: 1;
letter-spacing: 1px;
text-decoration: none;
}
@media (min-width: 576px) {
.footer-guarantee .footer-guarantee__row {
margin-left: -20px;
margin-right: -20px;
}
.footer-guarantee .footer-guarantee__item {
display: flex;
flex: 0 0 50%;
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
text-align: left;
}
.footer-guarantee .footer-guarantee__image {
position: absolute;
left: 20px;
}
.footer-guarantee .footer-guarantee__text {
display: block;
margin-bottom: 27px;
font-size: 16px;
}
}
@media (min-width: 992px) {
.footer-guarantee {
padding-top: 80px;
padding-bottom: 80px;
}
.footer-guarantee .footer-guarantee__item {
flex: 0 0 20%;
}
.footer-guarantee .footer-guarantee__image {
margin-bottom: 24px;
}
.footer-guarantee .footer-guarantee__title {
margin-bottom: 30px;
font-size: 30px;
}
.footer-guarantee .footer-guarantee__link {
font-weight: 500;
line-height: 2;
letter-spacing: 0.6px;
}
}
@media (min-width: 1200px) {
.footer-guarantee .footer-guarantee__row {
margin-left: -40px;
margin-right: -40px;
}
.footer-guarantee .footer-guarantee__item {
flex: 0 0 20%;
margin-bottom: 0;
padding-left: 40px;
padding-right: 40px;
}
.footer-guarantee .footer-guarantee__image {
left: 40px;
width: 38px;
}
}
.footer-acknowledgment {
margin-bottom: 75px;
padding: 100px 0 0;
color: #fff;
}
.footer-acknowledgment .footer-acknowledgment__row {
border-bottom: 1px solid #fff;
padding-bottom: 15px;
}
.footer-acknowledgment .footer-acknowledgment__text {
width: 100%;
margin-bottom: 15px;
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
}
.footer-acknowledgment .footer-acknowledgment__icons {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
}
.footer-acknowledgment .footer-acknowledgment__icon {
width: 50px;
}
.footer-acknowledgment
.footer-acknowledgment__icon
+ .footer-acknowledgment__icon {
margin-left: 16px;
}
.footer-acknowledgment + .footer__bottom {
padding-top: 0;
}
@media (min-width: 768px) {
.footer-acknowledgment {
margin-bottom: 110px;
padding-top: 140px;
}
.footer-acknowledgment .footer-acknowledgment__row {
display: flex;
justify-content: space-between;
padding-bottom: 25px;
}
.footer-acknowledgment .footer-acknowledgment__text {
width: 66%;
}
.footer-acknowledgment .footer-acknowledgment__icons {
justify-content: flex-end;
width: 33%;
}
}
.card-materials {
display: flex;
flex-direction: column;
margin: 0 auto;
margin: 0 30px;
}
.card-materials .card-materials__element {
width: 100%;
margin-bottom: 27px;
padding: 0 10px;
}
.card-materials .card-materials__header {
margin-bottom: 34px;
margin-left: 10px;
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
line-height: 1;
text-align: center;
}
.card-materials .card-materials__container {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.card-materials .card-materials__link {
text-decoration: none;
}
.card-materials .card-materials__link .card-materials__image {
transform: scale(1);
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.card-materials .card-materials__link:hover .card-materials__image {
transform: scale(1.02);
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
}
.card-materials .card-materials__image {
border-radius: 8px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.card-materials .card-materials__image-wrapper {
position: relative;
display: block;
padding-top: 100%;
}
.card-materials .card-materials__title {
padding-top: 21px;
padding-left: 13px;
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
line-height: 1.25;
letter-spacing: -0.002em;
color: #212428;
}
.card-materials .card-materials__subtitle {
padding-top: 7px;
padding-left: 13px;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 14px;
line-height: 1.71;
color: #212428;
}
@media (min-width: 768px) {
.card-materials .card-materials__element {
width: 50%;
}
}
@media (min-width: 992px) {
.card-materials {
margin: 0 70px;
}
.card-materials .card-materials__header {
text-align: left;
}
.card-materials .card-materials__element {
width: 33.3%;
}
}
.global-carousel {
overflow: hidden;
padding: 84px 0;
}
.global-carousel .swiper-wrapper {
width: 100%;
padding: 10px 0;
}
@media (min-width: 768px) {
.global-carousel .swiper-wrapper {
width: 96%;
}
}
.global-carousel.global-carousel--black {
background: #000;
color: #fff;
}
.global-carousel.global-carousel--white {
background: #fff;
color: #000;
}
.global-carousel .global-carousel__top {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.global-carousel .global-carousel__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
line-height: 24px;
letter-spacing: -0.2px;
}
.global-carousel .global-carousel__number {
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.2px;
text-decoration: underline;
}
.global-carousel .slider {
margin-top: 32px;
}
.global-carousel .slider__container {
overflow: visible;
padding: 0;
padding-left: 40px;
padding-right: 40px;
}
@media (min-width: 992px) {
.global-carousel .slider__container {
padding-left: 80px;
padding-right: 80px;
}
}
.global-carousel .slider__arrow--black {
background: black;
}
.global-carousel .slider__arrow--black svg path {
fill: white;
}
.global-carousel .global-carousel__slide-wrapper {
width: calc(100vw - 80px);
height: calc((100vw - 80px) * 1.325);
padding: 10px;
max-width: calc(100vw - 80px);
max-height: calc((100vw - 80px) * 1.325);
}
@media (min-width: 576px) {
.global-carousel .global-carousel__slide-wrapper--2 {
width: calc(100vw - 80px);
height: calc((100vw - 80px) * 0.66);
max-width: calc(100vw - 80px);
max-height: calc((100vw - 80px) * 0.66);
}
}
@media (min-width: 1200px) {
.global-carousel .global-carousel__slide-wrapper--2 {
width: calc((100vw - 160px) / 2);
height: calc((100vw - 160px) / 2 * 0.66);
max-width: calc((100vw - 160px) / 2);
max-height: calc((100vw - 160px) / 2 * 0.66);
}
}
.global-carousel .global-carousel__slide-wrapper--4 {
width: calc(100vw - 80px);
height: calc((100vw - 80px) * 1.2);
padding: 10px;
max-width: calc(100vw - 80px);
max-height: calc((100vw - 80px) * 1.2);
}
.global-carousel .global-carousel__slide-wrapper--4 .global-carousel__slide {
height: 100%;
}
@media (min-width: 768px) {
.global-carousel .global-carousel__slide-wrapper--4 {
width: calc((100vw - 80px) / 2);
height: calc((100vw - 80px) / 2 * 1.2);
max-width: calc((100vw - 80px) / 2);
max-height: calc((100vw - 80px) / 2 * 1.2);
}
}
@media (min-width: 992px) {
.global-carousel .global-carousel__slide-wrapper--4 {
width: calc((100vw - 160px) / 3);
height: calc((100vw - 160px) / 3 * 1.2);
max-width: calc((100vw - 160px) / 3);
max-height: calc((100vw - 160px) / 3 * 1.2);
}
}
@media (min-width: 1200px) {
.global-carousel .global-carousel__slide-wrapper--4 {
width: calc((100vw - 160px) / 4);
height: calc((100vw - 160px) / 4 * 1.2);
max-width: calc((100vw - 160px) / 4);
max-height: calc((100vw - 160px) / 4 * 1.2);
}
}
.global-carousel .global-carousel__content {
position: relative;
z-index: 3;
display: flex;
justify-content: var(--content_vertical_position);
align-items: flex-start;
opacity: 1;
width: 100%;
height: 100%;
padding: 30px;
text-decoration: none;
transition: opacity 0.3s ease, transform 0.3s ease;
flex-direction: column;
}
.global-carousel .global-carousel__slide {
position: relative;
height: 100%;
}
.global-carousel .global-carousel__slide:hover .global_carousel__slide-image,
.global-carousel .global-carousel__slide:hover .global_carousel__slide-video,
.global-carousel .global-carousel__slide:hover .global_carousel__slide-overlay,
.global-carousel .global-carousel__slide:hover .global-carousel__content {
transform: scale(1.01);
}
.global-carousel .global-carousel__slide:hover .global_carousel__slide-overlay {
opacity: 0.7 !important;
background-color: var(--overlay);
}
.global-carousel .global-carousel__slide:hover .global-carousel__slide-button {
background: #ffffff;
color: #000000;
}
@media (min-width: 992px) {
.global-carousel .global-carousel__slide:hover .global-carousel__slide-text {
opacity: 1;
height: 121px;
transition: height 0.3s, opacity 0.28s;
}
}
.global-carousel .global_carousel__slide-image,
.global-carousel .global_carousel__slide-video {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
will-change: transform;
}
.global-carousel .global_carousel__slide-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
opacity: var(--overlay-opacity);
width: 100%;
height: 100%;
background-color: var(--overlay);
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1), opacity 0.3s;
border-radius: 8px;
will-change: transform;
}
.global-carousel .global-carousel__slide-title {
max-width: 270px;
margin-bottom: 10px;
font-family: "RidgewaySans-Medium", sans-serif;
font-size: 20px;
line-height: 25px;
color: #ffffff;
font-weight: 500
}
@media (min-width: 768px) {
.global-carousel .global-carousel__slide-title {
font-size: 24px;
line-height: 27px;
}
}
.global-carousel .global-carousel__slide-text {
overflow: hidden;
display: -webkit-box;
font-size: 16px;
line-height: 24px;
color: #fff;
min-height: 121px;
transition: opacity 0.3s ease;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
@media (min-width: 992px) {
.global-carousel .global-carousel__slide-text {
opacity: 0;
height: 0;
transition: height 0.3s, opacity 0.28s;
}
}
.global-carousel .global-carousel__slide-button {
position: absolute;
bottom: 30px;
left: 30px;
z-index: 3;
min-width: 110px;
height: 32px;
font-size: 12px;
line-height: 32px;
text-align: center;
}
.global-carousel .global-carousel__slide-duration {
position: absolute;
bottom: 36px;
right: 30px;
z-index: 3;
font-family: var(--font-heading-family), sans-serif;
font-size: 12px;
}
.global-carousel .slider__arrow {
opacity: 0;
}
@media (min-width: 768px) {
.global-carousel {
padding: 90px 0;
}
.global-carousel .global-carousel__top {
flex-direction: row;
justify-content: flex-start;
text-align: left;
}
.global-carousel .global-carousel__title {
font-size: 32px;
line-height: 36px;
}
.global-carousel .global-carousel__number {
margin-left: 8px;
}
}
@media (min-width: 1200px) {
.global-carousel .slider__arrow {
opacity: 1;
margin: 0;
}
.global-carousel .slider__arrow.slider__arrow--next {
right: 30px;
margin: 0;
}
.global-carousel .slider__arrow.slider__arrow--prev {
left: 50px;
margin: 0;
}
}
.block-copy {
display: flex;
margin-top: 40px;
padding: 0 0 40px;
flex-direction: column;
}
.block-copy .block-copy__description {
margin: 0 auto;
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
line-height: 1.125;
text-align: var(--content-text-align, center);
color: #212428;
max-width: 610px;
}
.block-copy .block-copy__buttons {
display: flex;
justify-content: center;
margin-top: 25px;
flex-direction: column;
}
@media (min-width: 576px) {
.block-copy .block-copy__buttons {
margin-top: 0;
flex-direction: row;
}
}
.block-copy .block-copy__button {
display: flex;
justify-content: center;
margin: 10px;
background: #000;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 20px;
letter-spacing: -0.16px;
color: #fff;
max-height: 56px;
min-width: 100%;
}
@media (min-width: 576px) {
.block-copy .block-copy__button {
margin: 35px 10px 0;
min-width: 168px;
}
}
.block-copy .block-copy__description p {
margin: 0 auto;
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
line-height: 28px;
text-align: var(--content-text-align, center);
color: #212428;
font-weight: 500;
}
@media (min-width: 992px) {
.block-copy .block-copy__description p {
font-size: 32px;
line-height: 36px;
}
}
.block-copy .block-copy__description a {
margin: 0 auto;
padding-top: 100px;
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
line-height: 36px;
text-align: var(--content-text-align, center);
text-decoration: none;
color: #212428;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.block-copy .block-copy__description a:hover {
text-decoration: underline;
}
}
.block-copy .block-copy__image {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 800px;
}
.block-copy .block-copy__description--small {
margin-bottom: 35px;
max-width: 680px;
}
@media (min-width: 992px) {
.block-copy {
margin-top: 0;
padding: 60px 0 60px;
}
}
.repair-card {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto;
margin-top: 41px;
margin-left: 40px;
margin-right: 40px;
}
.repair-card .repair-card__container {
display: flex;
justify-content: space-between;
margin: 9px;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 25px;
padding-bottom: 47px;
padding-left: 14px;
padding-right: 15px;
background: #f5f5f5;
border-radius: 8px;
flex-direction: column;
max-width: 100%;
}
.repair-card .repair-card__header {
margin-bottom: 10px;
font-family: var(--font-heading-family), sans-serif;
font-size: 28px;
line-height: 24.56px;
text-align: center;
color: #212428;
max-width: 284px;
}
.repair-card .repair-card__description {
margin-bottom: 47px;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 20px;
line-height: 1.75;
text-align: center;
color: #212428;
max-width: 265px;
}
.repair-card .repair-card__button {
width: 100%;
margin: 11px 0;
padding-top: 17px;
padding-bottom: 17px;
border: 4px solid #000;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 0.875;
text-align: center;
text-decoration: none;
color: #000;
box-sizing: border-box;
border-radius: 49px;
}
.repair-card .repair-card__button:active {
border-color: #000;
background-color: #000;
color: #fff;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.repair-card .repair-card__button:hover {
transform: perspective(1px) scale3d(1.044, 1.044, 1) translateZ(0);
}
}
.repair-card .repair-card__button[target]::after {
content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6645:131)'%3E%3Cpath d='M11.4068 1.82387L4.25664 1.82378C4.05253 1.82378 3.8605 1.90378 3.71547 2.04881C3.57028 2.194 3.49044 2.38604 3.49036 2.59006L3.49044 3.23932C3.49036 3.44318 3.57028 3.63545 3.71539 3.78056C3.86042 3.9256 4.05728 4.0101 4.26115 4.01002L8.437 4.01461L1.81085 10.6408C1.5121 10.9395 1.50992 11.4095 1.80876 11.7083L2.26775 12.1673C2.56659 12.4661 3.06011 12.4875 3.35886 12.1888L10.0087 5.53896L10.0014 9.75007C10.0014 9.9541 10.0777 10.1427 10.2228 10.2878C10.3677 10.4327 10.5582 10.5109 10.7622 10.5109L11.4104 10.5099C11.6145 10.5099 11.806 10.4296 11.9512 10.2844C12.0962 10.1394 12.1759 9.94702 12.1759 9.74291L12.1759 2.59281C12.1758 2.38814 12.0954 2.19522 11.9498 2.05035C11.8043 1.90428 11.6114 1.82371 11.4068 1.82387Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6645:131'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
width: 14px;
height: 14px;
margin-left: 7px;
background-repeat: no-repeat;
}
.repair-card .repair-card__buttons {
display: flex;
flex-direction: column;
justify-content: center;
}
.repair-card .repair-card__button.repair-card__button--without-border {
margin-top: 0;
border: none;
text-decoration: underline;
}
.repair-card .repair-card__button.repair-card__button--without-border:active {
border-color: transparent;
background-color: transparent;
color: black;
}
@media (min-width: 992px) {
.repair-card .repair-card__container {
max-width: 30%;
min-width: 362px;
padding-top: 37px;
padding-left: 40px;
padding-right: 40px;
}
.repair-card__header {
margin-bottom: 26px;
font-size: 28px;
line-height: 0.89;
}
}
.text-block {
margin-top: 170px;
margin-bottom: 90px;
}
.text-block .text-block__container {
max-width: 792px;
padding-left: 17px;
padding-right: 17px;
}
.text-block .text-block__row {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.text-block .text-block__col {
flex: 1 0 50%;
padding: 0 10px;
}
.text-block .text-block__col:first-child .text-block__title {
margin-top: 0;
}
.text-block .text-block__title {
margin-top: 100px;
margin-bottom: 48px;
line-height: 1.125;
}
.text-block .text-block__header {
margin-bottom: 75px;
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
line-height: 1.125;
}
.text-block .text-block__description p + p {
margin-top: 40px;
}
.text-block .text-block__description strong {
font-family: var(--font-heading-family), sans-serif;
}
@media (min-width: 768px) {
.text-block .text-block__title {
margin-top: 0;
}
}
.order-footprint {
margin-top: 28px;
}
.order-footprint .order-footprint__title {
margin-bottom: 28px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 1.2;
}
@media (min-width: 768px) {
.order-footprint .order-footprint__title {
margin-bottom: 42px;
font-size: 24px;
}
}
.order-footprint .order-footprint__subtitle {
margin-bottom: 15px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.16px;
}
.order-footprint .order-footprint__text {
font-size: 16px;
line-height: 1.75;
}
.order-footprint .order-footprint__link {
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 1.2;
text-decoration: underline;
}
.order-footprint .order-footprint__icons {
display: flex;
align-items: center;
margin-bottom: 17px;
}
.order-footprint .order-footprint__icon {
width: 44px;
height: 44px;
-o-object-fit: contain;
object-fit: contain;
}
.order-footprint .order-footprint__icon:not(:last-child) {
margin-right: 10px;
}
@media (min-width: 768px) {
.order-footprint {
margin-top: 41px;
}
}
.cart__empty-text {
margin-bottom: 42px;
font-size: 28px;
line-height: 25px;
letter-spacing: -0.28px;
color: #212529;
}
.cart__login-title {
margin-bottom: 17px;
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: #212428;
}
@media (min-width: 768px) {
.cart__login-title {
margin-bottom: 39px;
}
}
.cart__continue-shopping {
font-family: var(--font-heading-family), sans-serif;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.27px;
text-decoration: none;
}
.cart__login-button {
width: 192px;
height: 56px;
margin: 0 auto 29px auto;
}
.cart-widget {
display: flex;
flex-wrap: wrap-reverse;
align-items: center;
margin-top: 94px;
padding: 24px 14px;
background-color: #eaeaea;
border-radius: 8px;
font-size: 16px;
line-height: 28px;
}
.cart-widget .cart-widget__image {
width: 90px;
margin: 0 auto;
}
@media (min-width: 870) {
.cart-widget .cart-widget__image {
margin-left: 0;
margin-right: 62px;
}
}
.cart-widget span {
margin: 0 auto;
}
@media (min-width: 768px) {
.cart-widget span {
margin-left: 62px;
}
}
.cart-widget .cart-widget__link {
margin-left: 8px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 1.2;
text-decoration: none;
}
.cart-widget .cart-widget__link:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
.cart-widget {
flex-wrap: unset;
margin-top: 107px;
padding: 24px 38px;
}
}
.card-tutorial {
display: flex;
flex-direction: column;
margin: 0 auto;
padding-top: 120px;
}
.card-tutorial .card-tutorial__header {
margin-top: 137px;
margin-bottom: 66px;
font-size: 32px;
line-height: 37.5px;
text-align: center;
}
.card-tutorial .card-tutorial__container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1281px;
width: 100%;
margin: 0 auto;
padding: 0 0;
}
.card-tutorial .card-tutorial__element {
width: 100%;
margin-bottom: 81px;
margin-left: auto;
margin-right: auto;
padding: 10px 40px;
text-decoration: none;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.card-tutorial .card-tutorial__element:hover .card-tutorial__image {
transform: scale(1.01);
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
}
.card-tutorial .card-tutorial__wrapper-image {
position: relative;
}
.card-tutorial .card-tutorial__image {
width: 100%;
border-radius: 8px;
}
.card-tutorial .card-tutorial__title {
margin-top: 18px;
margin-bottom: 6px;
margin-left: 12px;
font-size: 20px;
line-height: 1.25;
color: #212428;
}
.card-tutorial .card-tutorial__description {
margin-left: 10px;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 14px;
line-height: 1.71;
color: #212428;
}
.card-tutorial .card-tutorial__description p {
margin-left: 2px;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 14px;
line-height: 24px;
color: #212428;
}
.card-tutorial .card-tutorial__description a {
margin-left: 2px;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 14px;
line-height: 24px;
color: #212428;
}
.card-tutorial .card-tutorial__image-iсon {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
cursor: pointer;
}
.card-tutorial .card-tutorial__image-iсon svg {
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
pointer-events: none;
}
.card-tutorial .card-tutorial__popup-content {
height: 100%;
padding: 0;
}
.card-tutorial .card-tutorial__popup-content-wrapper {
height: 100%;
background: transparent;
}
.card-tutorial .card-tutorial__popup-wrapper {
max-width: 100%;
height: 100%;
background: black;
}
.card-tutorial .card-tutorial__popup-iframe {
width: 100%;
height: 100%;
}
.card-tutorial .card-tutorial__popup-close-button {
position: absolute;
top: 7px;
right: -7px;
color: white;
cursor: pointer;
}
.card-tutorial .card-tutorial__popup-close-button svg {
pointer-events: none;
}
.card-tutorial .card-tutorial__popup-close-button svg path {
fill: white;
}
.card-tutorial .card-tutorial__button {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 60px;
margin-bottom: 120px;
padding: 22px 27px;
border: 4px solid #000000;
background: #000000;
font-family: var(--font-heading-family), sans-serif;
text-decoration: none;
color: white;
box-sizing: border-box;
border-radius: 25px;
min-width: 238px;
max-height: 50px;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.card-tutorial .card-tutorial__button:hover {
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
transition: transform 0.3s ease;
}
}
.card-tutorial .card-tutorial__button::after {
content: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10943_519)'%3E%3Cpath d='M11.9068 1.82399L4.75664 1.82391C4.55253 1.82391 4.3605 1.90391 4.21547 2.04894C4.07028 2.19413 3.99044 2.38616 3.99036 2.59018L3.99044 3.23944C3.99036 3.4433 4.07028 3.63558 4.21539 3.78069C4.36042 3.92572 4.55728 4.01022 4.76115 4.01014L8.937 4.01474L2.31085 10.6409C2.0121 10.9396 2.00992 11.4096 2.30876 11.7084L2.76775 12.1674C3.06659 12.4662 3.56011 12.4877 3.85886 12.1889L10.5087 5.53909L10.5014 9.75019C10.5014 9.95422 10.5777 10.1428 10.7228 10.2879C10.8677 10.4329 11.0582 10.511 11.2622 10.511L11.9104 10.51C12.1145 10.51 12.306 10.4297 12.4512 10.2845C12.5962 10.1395 12.6759 9.94714 12.6759 9.74303L12.6759 2.59293C12.6758 2.38826 12.5954 2.19534 12.4498 2.05047C12.3043 1.9044 12.1114 1.82383 11.9068 1.82399Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10943_519'%3E%3Crect width='14' height='14' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
width: 14px;
height: 14px;
margin-bottom: 10px;
margin-left: 7px;
background-repeat: no-repeat;
}
@media (min-width: 1200px) {
.card-tutorial .card-tutorial__element {
width: 50%;
margin-left: 0;
margin-right: 0;
padding: 0 10px;
max-width: 640px;
}
.card-tutorial .card-tutorial__header {
margin-top: 92px;
margin-bottom: 81px;
font-size: 48px;
line-height: 1.17;
}
}
.blob {
position: relative;
overflow: hidden;
display: block;
width: 100%;
height: auto;
border-radius: 48% 52% 68% 32%/42% 28% 72% 58%;
-webkit-animation: blobber 15s 0s linear infinite;
animation: blobber 15s 0s linear infinite;
}
.blob::after {
content: "";
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
display: none;
-webkit-animation: blobber 15s 0s ease-in-out infinite;
animation: blobber 15s 0s ease-in-out infinite;
}
.cards-info {
padding-top: 80px;
padding-bottom: 80px;
background: var(--cards-info-background-color);
}
.cards-info .cards-info__heading {
margin-bottom: 50px;
font-size: 32px;
text-align: left;
}
@media (min-width: 576px) {
.cards-info .cards-info__heading {
font-size: 48px;
}
}
@media (min-width: 992px) {
.cards-info .cards-info__heading {
margin-bottom: 80px;
}
}
.cards-info .cards-info__row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.cards-info .cards-info__col {
width: 100%;
}
.cards-info .cards-info__col:nth-child(odd) .cards-info__image {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.cards-info .cards-info__col + .cards-info__col {
margin-top: 90px;
}
.cards-info .cards-info__card {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
max-width: 100%;
width: 100%;
margin: 0 auto;
}
.cards-info .cards-info__image-wrapper {
margin-bottom: 68px;
max-width: 70%;
}
.cards-info .cards-info__image-wrapper .cards-info__image {
border-radius: 50%;
-webkit-animation: blobber 15s 0s linear infinite;
animation: blobber 15s 0s linear infinite;
}
.cards-info .cards-info__content {
text-align: center;
}
.cards-info .cards-info__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.14;
}
.cards-info .cards-info__description {
margin: 17px auto 0;
font-size: 16px;
line-height: 1.75;
}
.cards-info .cards-info__button {
display: inline-flex;
width: auto;
height: auto;
margin-top: 34px;
min-width: 168px;
min-height: 56px;
padding-top: 8px;
padding-bottom: 8px;
}
@media (min-width: 480px) {
.cards-info .cards-info__title {
font-size: 28px;
}
}
@media (min-width: 576px) {
.cards-info .cards-info__card {
max-width: 67%;
}
.cards-info .cards-info__description {
max-width: 67%;
}
}
@media (min-width: 768px) {
.cards-info .cards-info__description {
max-width: 84%;
}
}
@media (min-width: 992px) {
.cards-info .cards-info__card {
max-width: 100%;
}
.cards-info .cards-info__image-wrapper {
max-width: 60%;
margin-bottom: 50px;
}
.cards-info .cards-info__description {
max-width: 100%;
}
.cards-info .cards-info__col {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.cards-info .cards-info__col + .cards-info__col {
margin-top: 0;
}
.cards-info .cards-info__col:nth-child(n + 3) {
margin-top: 90px;
}
}
@media (min-width: 1400px) {
.cards-info .cards-info__col {
flex: 0 0 25%;
max-width: 25%;
padding-left: 7px;
padding-right: 7px;
}
.cards-info .cards-info__col:nth-child(n + 3) {
margin-top: 0;
}
.cards-info .cards-info__col:nth-child(n + 5) {
margin-top: 90px;
}
.cards-info .cards-info__heading {
margin-bottom: 110px;
}
.cards-info .cards-info__content {
text-align: left;
}
.cards-info .cards-info__image-wrapper {
max-width: 78%;
}
}
.our-stores {
padding: 40px 0 10px;
}
.our-stores .our-stores__header {
position: relative;
margin: 0 0 -7px;
text-align: center;
}
.our-stores .our-stores__header::after {
content: "";
position: absolute;
top: 25%;
left: 0;
width: 100%;
height: 1px;
background-color: #cccccc;
transform: translateY(-25%);
}
@media (min-width: 992px) {
.our-stores .our-stores__header {
margin: 0 50px 13px;
}
}
.our-stores .our-stores__header-title {
position: relative;
z-index: 9;
display: inline-block;
margin-bottom: 40px;
padding: 0 10px;
background-color: #fff;
font-size: 32px;
line-height: 36px;
letter-spacing: -0.32px;
}
.our-stores .our-stores__inner-block {
display: flex;
flex-wrap: wrap;
}
.our-stores .our-stores__inner-block .store-card {
width: 100%;
margin: 0 0 14px;
text-align: center;
}
.our-stores .our-stores__inner-block .store-card .store-card__button {
margin: 9px auto 0;
}
@media (min-width: 992px) {
.our-stores .our-stores__inner-block .store-card {
width: 31.8%;
margin: 0 7px 91px;
}
}
.our-stores .our-stores__inner-block .store-card__block-image {
display: flex;
justify-content: center;
}
.our-stores .our-stores__inner-block .store-card__block-title {
display: flex;
justify-content: center;
padding: 13px 0 9px;
text-decoration: none;
}
.our-stores
.our-stores__inner-block
.store-card__block-title
.store-card__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 27px;
}
.our-stores .our-stores__inner-block .store-card__content p {
font-size: 12px;
line-height: 1.4;
pointer-events: none;
}
.our-stores .our-stores__inner-block .store-card__content p a {
text-decoration: none;
color: inherit;
}
.our-stores .our-stores__inner-block .store-card__content p strong {
display: block;
margin-top: 12px;
font-family: var(--font-heading-family), sans-serif;
}
.our-stores .our-stores__inner-block .store-card__content p + p {
margin-top: 0;
}
.our-stores .our-stores__inner-block .store-card__content strong {
font-size: 12px;
font-weight: bold;
line-height: 22px;
}
@media (min-width: 992px) {
.our-stores .our-stores__inner-block {
justify-content: space-around;
}
}
.our-stores__title {
position: relative;
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.our-stores__title h3 {
position: relative;
z-index: 9;
display: inline-block;
margin: 0 0 40px;
padding: 0 10px;
background-color: #fff;
font-family: var(--font-heading-family), sans-serif;
font-size: 30px;
font-weight: normal;
line-height: 1;
letter-spacing: 0;
text-transform: capitalize;
}
.our-stores__title.our-stores__title--line-throw::after {
content: "";
position: absolute;
top: 25%;
left: 20px;
width: calc(100% - 40px);
height: 1px;
background-color: #e1e1e1;
transform: translateY(-25%);
}
@media (min-width: 768px) {
.our-stores__title.our-stores__title--line-throw::after {
left: 40px;
width: calc(100% - 80px);
}
}
.our-stores__info {
padding: 10px 0 40px;
background-color: #f0f0f0;
font-size: 12px;
line-height: 1.5;
}
.our-stores__info .our-stores__title.our-stores__title--line-throw::after {
background-color: #b2b2b2;
}
.our-stores__info .our-stores__title h3 {
margin-bottom: 20px;
background-color: #f0f0f0;
}
.our-stores__info .our-stores__info-row {
display: flex;
justify-content: center;
align-items: flex-start;
}
.our-stores__info .our-stores__info-content .our-stores__info-col {
margin: 2.25% 5% 0;
padding: 0;
vertical-align: top;
text-align: left;
}
.our-stores__info .our-stores__info-content .our-stores__info-col p {
margin: 0 0 5px;
line-height: 1;
text-align: left;
}
.our-stores__info .our-stores__info-content p {
margin: 0 0 15px;
font-size: 12px;
line-height: 1.5;
text-align: center;
}
.our-stores__info .our-stores__info-content p + p {
margin: 0 0 15px;
}
.our-stores__info .our-stores__info-content p a {
font-size: 12px;
text-decoration: none;
}
.recently-viewed-products {
padding-top: 25px;
padding-bottom: 53px;
}
.recently-viewed-products .slider__arrow {
margin: 0 10px;
}
.recently-viewed-products__title {
margin-bottom: 48px;
font-size: 16px;
font-weight: 500;
}
.recently-viewed-products__slider {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.recently-viewed-products__slider-slide {
width: 81%;
}
.recently-viewed-products__slider-pagination {
margin-top: 28px;
}
@media (min-width: 768px) {
.recently-viewed-products {
padding-top: 30px;
padding-bottom: 61px;
}
.recently-viewed-products__slider-container:not(.initialized)
.recently-viewed-products__slider-slide {
margin-right: 20px;
}
.recently-viewed-products__slider-slide {
width: 45%;
}
}
@media (min-width: 992px) {
.recently-viewed-products__slider-slide {
width: calc(32% - 20px);
margin-right: 20px;
}
.recently-viewed-products .slider__arrow {
margin: 0 32px;
}
}
@media (min-width: 1200px) {
.recently-viewed-products {
padding-top: 43px;
padding-bottom: 40px;
}
.recently-viewed-products__title {
font-size: 32px;
}
.recently-viewed-products__slider-slide {
width: calc(25% - 20px);
}
}
@media (min-width: 2560px) {
.recently-viewed-products {
padding-top: 50px;
padding-bottom: 102px;
}
.recently-viewed-products__title {
margin-bottom: 40px;
}
.recently-viewed-products__slider-container:not(.initialized)
.recently-viewed-products__slider-slide {
margin-right: 40px;
}
}
.product-block {
margin: 30px 0;
}
.product-block .product-block__label {
margin-bottom: 16px;
min-width: 280px;
padding-right: 15px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.16px;
}
.product-block .product-overview {
max-width: 650px;
}
.product-block .product-overview .product-overview__text {
font-size: 32px;
line-height: 40px;
}
.product-block .product-overview .product-overview__text * {
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
line-height: 1.2;
}
.product-block .product-overview .product-overview__icons {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 30px;
gap: 10px;
}
.product-block .product-overview .product-overview__icons .footprint-list {
min-height: unset;
}
.product-block
.product-overview
.product-overview__icons
.footprint-list
.footprint-list__item-title {
margin-bottom: 5px;
}
.product-block
.product-overview
.product-overview__icons
.product-overview__icons--circular {
display: flex;
justify-content: center;
align-items: center;
padding: 5px 5px;
border: 3px solid #000;
border-radius: 50%;
cursor: pointer;
}
.product-block .product-overview .product-overview__icons svg {
width: 44px;
}
.product-block .product-overview .product-overview__text-small-heading *,
.product-block .product-overview .product-overview__text-small-heading {
margin-top: 16px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.16px;
}
.product-block .product-overview .product-overview__text-small *,
.product-block .product-overview .product-overview__text-small {
margin-top: 13px;
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.product-block .product-overview .product-overview__buttons {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 34px;
}
.product-block
.product-overview
.product-overview__buttons
.product-overview__feature-btn {
width: calc(100% - 80px);
height: 56px;
margin-bottom: 16px;
white-space: nowrap;
cursor: pointer;
max-width: 295px;
}
.product-block
.product-overview
.product-overview__buttons
.product-overview__impact-link {
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
text-decoration: none;
}
.product-block.product-features {
display: none;
}
.product-block.product-features .product-features__row {
max-width: 650px;
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 30px;
grid-row-gap: 50px;
}
.product-block.product-features .product-features__title {
margin-bottom: 14px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 1.25;
}
.product-block.product-features .product-features__text,
.product-block.product-features .product-features__text > * {
font-size: 16px;
line-height: 1.5;
}
.product-block.product-features--show {
display: block;
}
@media (min-width: 768px) {
.product-block {
display: flex;
margin: 60px 0 100px;
}
.product-block .product-block__label {
width: 26%;
margin-bottom: 0;
min-width: unset;
}
.product-block .product-overview {
max-width: 65%;
}
.product-block .product-overview .product-overview__buttons {
flex-direction: row;
}
.product-block
.product-overview
.product-overview__buttons
.product-overview__feature-btn {
width: auto;
margin-bottom: 0;
margin-right: 23px;
}
.product-block.product-features .product-features__row {
grid-template-columns: repeat(2, 1fr);
flex-basis: 65%;
max-width: unset;
}
.product-block.product-features--show {
display: flex;
}
}
@media (min-width: 1200px) {
.product-block .product-overview .product-overview__text {
font-size: 32px;
line-height: 40px;
}
.product-block .product-overview .product-overview__text * {
font-size: 32px;
line-height: 40px;
}
}
@media (min-width: 1400px) {
.product-block .product-overview {
max-width: 50%;
}
.product-block.product-features .product-features__row,
.product-block.product-features .product-features--note {
flex-basis: 50%;
}
.product-block.product-features .product-features--note {
flex-basis: 50%;
background-color: #eaeaea;
border-radius: 8px;
min-height: 5rem;
}
}
.product-block.product-features .product-features--note {
flex-basis: 50%;
background-color: #eaeaea;
border-radius: 8px;
min-height: 5rem;
}
.product-features--note .product-features__text {
padding: 1rem;
}
.product-features--note .product-block__label {
visibility: hidden;
}
.ambassador-profile__wrapper .ambassador-profile__image img {
max-width: 320px;
width: 100%;
}
@media (min-width: 768px) {
.ambassador-profile__wrapper .ambassador-profile__image {
flex: 0 0 40%;
}
}
.ambassador-profile__wrapper .ambassador-profile__content {
margin-top: 0;
}
@media (min-width: 768px) {
.ambassador-profile__wrapper .ambassador-profile__content {
flex: 0 0 60%;
margin-top: 40px;
padding: 0 0 0 90px;
}
}
@media (min-width: 768px) {
.ambassador-profile__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.ambassador-profile__info {
padding-top: 40px;
}
.ambassador-profile__info .ambassador-profile__info-name {
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 36px;
letter-spacing: -0.32px;
}
@media (min-width: 768px) {
.ambassador-profile__info .ambassador-profile__info-name {
font-size: 32px;
}
}
.ambassador-profile__info .ambassador-profile__info-vocation {
margin-top: 15px;
font-size: 16px;
line-height: 30px;
color: #212428;
}
@media (min-width: 768px) {
.ambassador-profile__info .ambassador-profile__info-vocation {
margin-top: 15px;
font-size: 24px;
}
}
@media (min-width: 768px) {
.ambassador-profile__info {
padding-top: 0;
}
}
.ambassador-profile__address {
margin-top: 24px;
}
.ambassador-profile__address span {
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: bold;
}
@media (min-width: 768px) {
.ambassador-profile__address span {
font-size: 24px;
}
}
.ambassador-profile__address li {
font-size: 16px;
}
@media (min-width: 768px) {
.ambassador-profile__address li {
font-size: 24px;
}
}
@media (min-width: 768px) {
.ambassador-profile__address {
margin-top: 53px;
}
}
.ambassador-profile__social {
margin-top: 20px;
}
.ambassador-profile__social a {
display: inline-block;
margin-right: 15px;
}
.ambassador-profile__social a svg {
width: 25px;
height: 25px;
}
.ambassador-profile__description {
margin-top: 60px;
}
.ambassador-profile__description p {
font-size: 16px;
color: #212428;
}
@media (min-width: 768px) {
.ambassador-profile__description p {
font-size: 24px;
}
}
@media (min-width: 768px) {
.ambassador-profile__description {
margin-top: 62px;
}
}
.ambassador-profile__line {
display: block;
height: 1px;
margin-top: 59px;
margin-bottom: 58px;
background: #cccccc;
}
@media (min-width: 768px) {
.ambassador-profile__line {
margin-top: 57px;
margin-bottom: 66px;
}
}
.ambassador-profile__careers li {
padding-left: 10px;
}
@media (min-width: 768px) {
.ambassador-profile__careers li {
padding-left: 20px;
}
}
.ambassador-profile__careers .ambassador-profile__careers-title {
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 30px;
color: #212428;
}
@media (min-width: 768px) {
.ambassador-profile__careers .ambassador-profile__careers-title {
font-size: 24px;
}
}
.ambassador-profile__careers p {
font-size: 14px;
}
@media (min-width: 768px) {
.ambassador-profile__careers p {
font-size: 16px;
}
}
@media (min-width: 992px) {
.ambassador-profile__careers p {
font-size: 24px;
}
}
.ambassador-profile__careers ul {
margin-left: 20px;
list-style: disc;
}
@media (min-width: 768px) {
.ambassador-profile__careers ul {
margin-top: 16px;
margin-left: 41px;
}
}
.ambassador-profile {
padding: 60px 40px 160px;
}
.ambassador-profile.container.container--skinny {
max-width: 816px;
}
.event-profile {
padding: 80px 0;
text-align: center;
}
@media (min-width: 768px) {
.event-profile {
display: flex;
padding: 130px 0;
text-align: left;
}
}
.event-profile__sidebar .event-profile__sidebar-title p {
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
.event-profile__sidebar .event-profile__sidebar-description {
padding: 13px 0 19px;
}
.event-profile__sidebar .event-profile__sidebar-description p {
font-size: 16px;
line-height: 28px;
}
@media (min-width: 768px) {
.event-profile__sidebar .event-profile__sidebar-description {
padding: 15px 0;
}
}
.event-profile__sidebar .event-profile__sidebar-image img {
border-radius: 8px;
}
@media (min-width: 768px) {
.event-profile__sidebar {
flex: 0 0 30%;
margin-right: 90px;
}
}
@media (min-width: 1200px) {
.event-profile__sidebar {
flex: 0 0 25%;
margin-right: 150px;
}
}
.event-profile__content {
flex: 1;
padding-top: 40px;
}
.event-profile__content .event-profile__content-item {
padding-top: 27px;
}
.event-profile__content .event-profile__content-name p {
font-family: var(--font-heading-family), sans-serif;
font-size: 26px;
line-height: 28px;
letter-spacing: -0.24px;
}
@media (min-width: 768px) {
.event-profile__content .event-profile__content-name p {
font-size: 32px;
line-height: 36px;
}
}
.event-profile__content .event-profile__content-description {
padding-top: 31px;
}
.event-profile__content .event-profile__content-description p {
font-size: 16px;
}
.event-profile__content .event-profile__content-label {
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
.event-profile__content .event-profile__content-value {
font-size: 16px;
}
.event-profile__content .event-profile__content-buttons {
margin-top: 30px;
}
.event-profile__content .event-profile__content-buttons .button,
.event-profile__content
.event-profile__content-buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.event-profile__content
.event-profile__content-buttons
.yotpo-load-more-button,
.event-profile__content
.event-profile__content-buttons
.shopify-challenge__button.btn {
line-height: 14px;
text-decoration: none;
}
.event-profile__content
.event-profile__content-buttons
.button:not(:last-child),
.event-profile__content
.event-profile__content-buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button:not(:last-child),
.yotpo-gallery
.yotpo-pictures-widget
.event-profile__content
.event-profile__content-buttons
.yotpo-load-more-button:not(:last-child),
.event-profile__content
.event-profile__content-buttons
.shopify-challenge__button.btn:not(:last-child) {
margin-bottom: 15px;
}
@media (min-width: 768px) {
.event-profile__content .event-profile__content-buttons {
display: flex;
margin-top: 30px;
}
.event-profile__content .event-profile__content-buttons .button,
.event-profile__content
.event-profile__content-buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.event-profile__content
.event-profile__content-buttons
.yotpo-load-more-button,
.event-profile__content
.event-profile__content-buttons
.shopify-challenge__button.btn {
line-height: 14px;
text-decoration: none;
}
.event-profile__content
.event-profile__content-buttons
.button:not(:last-child),
.event-profile__content
.event-profile__content-buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button:not(:last-child),
.yotpo-gallery
.yotpo-pictures-widget
.event-profile__content
.event-profile__content-buttons
.yotpo-load-more-button:not(:last-child),
.event-profile__content
.event-profile__content-buttons
.shopify-challenge__button.btn:not(:last-child) {
margin-bottom: 0;
margin-right: 15px;
}
}
@media (min-width: 768px) {
.event-profile__content {
padding-top: 0;
}
}
.collection-description {
display: flex;
flex-direction: column;
}
.collection-description .collection-description__description {
max-width: 820px;
margin-top: 100px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
text-align: var(--content-text-align, center);
}
.collection-description .collection-description__description * {
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
line-height: 1.16;
color: #212428;
}
@media (min-width: 576px) {
.collection-description .collection-description__description * {
font-size: 32px;
line-height: 1.125;
}
}
.collection-description .collection-description__image {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 800px;
}
.collection-description .collection-description__description--small {
margin-top: 240px;
margin-bottom: 35px;
max-width: 680px;
}
.collection-banner .button.collection-banner__filters-button,
.collection-banner
.yotpo-gallery
.yotpo-pictures-widget
.collection-banner__filters-button.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.collection-banner
.collection-banner__filters-button.yotpo-load-more-button,
.collection-banner
.collection-banner__filters-button.shopify-challenge__button.btn {
min-width: 200px;
display: flex;
align-items: center;
min-height: 58.5px;
}
.collection-banner .button.collection-banner__filters-button span,
.collection-banner
.yotpo-gallery
.yotpo-pictures-widget
.collection-banner__filters-button.yotpo-load-more-button
span,
.yotpo-gallery
.yotpo-pictures-widget
.collection-banner
.collection-banner__filters-button.yotpo-load-more-button
span,
.collection-banner
.collection-banner__filters-button.shopify-challenge__button.btn
span {
font-weight: 500;
}
.collection-banner .button.collection-banner__filters-button svg,
.collection-banner
.yotpo-gallery
.yotpo-pictures-widget
.collection-banner__filters-button.yotpo-load-more-button
svg,
.yotpo-gallery
.yotpo-pictures-widget
.collection-banner
.collection-banner__filters-button.yotpo-load-more-button
svg,
.collection-banner
.collection-banner__filters-button.shopify-challenge__button.btn
svg {
margin-right: 14px;
}
@media (min-width: 576px) {
.collection-banner .button.collection-banner__filters-button,
.collection-banner
.yotpo-gallery
.yotpo-pictures-widget
.collection-banner__filters-button.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.collection-banner
.collection-banner__filters-button.yotpo-load-more-button,
.collection-banner
.collection-banner__filters-button.shopify-challenge__button.btn {
min-width: 226px;
}
}
.collection-banner {
display: none;
}
.shopify-section .collection-banner {
display: block;
}
.collection-banner .global-banner {
min-height: 392px;
height: 58vh;
}
.collection-banner .global-banner.global-banner--under-header {
margin-top: 0;
}
.collection-banner .global-banner .global-banner__content {
width: auto;
}
.collection-banner .global-banner .global-banner__title {
font-family: var(--font-heading-family), sans-serif;
padding-bottom: 10px;
}
@media (min-width: 410px) {
.collection-banner .global-banner {
height: 61vh;
}
}
@media (min-width: 768px) {
.collection-banner .global-banner {
height: 62vh;
min-height: 615px;
}
}
@media (min-width: 992px) {
.collection-banner .global-banner {
min-height: 550px;
}
.collection-banner .global-banner.global-banner--under-header {
margin-top: 0;
}
}
.stories-carousel {
padding: 60px 0 0;
}
.stories-carousel .slider-cards__container {
overflow: hidden;
}
.stories-carousel .stories-carousel__slider-container {
overflow: visible;
padding: 0 40px 40px;
}
.stories-carousel .swiper-wrapper {
padding: 10px 0 60px;
}
.stories-carousel .slider__arrow {
display: none;
}
.stories-carousel .slider-cards {
width: 100%;
margin: 0;
}
.stories-carousel .swiper-slide {
overflow: visible;
flex: 0 0 100%;
max-width: calc(100vw - 80px);
width: calc(100vw - 80px);
height: calc((100vw - 80px) * 1.2);
max-height: calc((100vw - 80px) * 1.2);
margin-right: 0;
padding: 10px;
}
.stories-carousel .swiper-slide:not(.card__no-dropshadow)::before {
content: "";
position: absolute;
top: 10px;
left: 50%;
z-index: 0;
display: none;
opacity: 0;
width: 86%;
height: 93%;
background-color: transparent;
transform: translateX(-50%);
transition: opacity 0.3s ease-in-out;
box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
.stories-carousel .swiper-slide:not(.card__no-dropshadow)::before {
display: block;
}
}
.stories-carousel .swiper-slide:not(.card__no-dropshadow):hover::before {
opacity: 1;
}
.stories-carousel
.swiper-slide:not(.card__no-dropshadow):hover
.article-card-video {
transform: scale(1.02);
transition: transform 0.3s ease;
}
.stories-carousel .swiper-slide .article-card-video__button {
width: auto;
padding: 0 10px;
}
.stories-carousel .swiper-slide:hover .article-card-video__button {
background-color: #fff;
color: #000;
transition: all 0.3s;
}
.stories-carousel .article-card-blog,
.stories-carousel .article-card-video {
overflow: visible;
display: flex;
height: 100%;
min-height: 320px;
}
.stories-carousel .article-card-video {
transform: scale(1);
transition: transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.stories-carousel .article-card-blog:hover {
transform: scale(1);
}
.stories-carousel .article-card-blog .article-card-blog__inner-content {
flex-grow: 1;
min-height: unset;
}
.stories-carousel .article-card-blog .article-card-blog__image-wrapper {
transition: height 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.stories-carousel .article-card-blog .article-card-blog__content-description {
opacity: 0;
transition: opacity 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.stories-carousel .article-card-blog .article-card-blog__content-title {
font-size: 20px;
line-height: 1.2;
}
.stories-carousel .article-card-blog .article-card-blog__link {
overflow: hidden;
transition: transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.stories-carousel
.article-card-blog
.article-card-blog__link:hover
.article-card-blog__hidden-content {
height: 100%;
transition: height 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.stories-carousel
.article-card-blog
.article-card-blog__link:hover
.article-card-blog__image-wrapper {
height: 0;
transition: height 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.stories-carousel
.article-card-blog
.article-card-blog__link:hover
.article-card-blog__content-description {
opacity: 1;
transition: opacity 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
transition-delay: 0.1s;
}
.stories-carousel .article-card-blog .article-card-blog__hidden-content {
background: #f5f5f5;
transition: height 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
flex-grow: 1;
}
.stories-carousel
.article-card-blog.stories-carousel__view-all
.article-card-blog__hidden-content {
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
height: 100%;
text-align: center;
}
.stories-carousel .article-card-video--bg {
border-radius: 8px;
}
.stories-carousel .stories-carousel__view-all {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.stories-carousel .stories-carousel__view-all-link {
font-size: 16px;
font-weight: 500;
text-decoration: underline !important;
text-underline-position: under;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.stories-carousel .stories-carousel__view-all-link:hover {
text-decoration: none !important;
}
}
.stories-carousel__header {
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: center;
padding-bottom: 35px;
text-align: center;
}
.stories-carousel__header .stories-carousel__header-title {
font-size: 20px;
font-weight: 500;
line-height: 1.15;
}
.stories-carousel__header .stories-carousel__header-link {
padding-top: 6px;
font-size: 14px;
font-weight: 600;
line-height: 1.15;
text-decoration: underline;
}
.stories-carousel__header .stories-carousel__header-link:hover {
text-decoration: none;
}
.stories-carousel__container.container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
@media (min-width: 576px) {
.stories-carousel__header .stories-carousel__header-title {
font-size: 24px;
}
}
@media (min-width: 768px) {
.stories-carousel .swiper-slide {
width: 100%;
max-width: calc(50% - 20px);
height: calc((100vw - 80px) / 2 * 1.2);
max-height: calc((100vw - 80px) / 2 * 1.2);
}
}
@media (min-width: 992px) {
.stories-carousel .slider__container {
padding-left: 0;
padding-right: 0;
}
.stories-carousel .stories-carousel__slider-container {
overflow: visible;
padding: 0 80px;
}
.stories-carousel .swiper-wrapper {
padding: 15px 0 74px;
}
.stories-carousel .slider__arrow {
display: block;
}
.stories-carousel .swiper-slide {
overflow: visible;
max-width: calc(33% - 20px);
height: calc((100vw - 160px) / 3 * 1.2);
max-height: calc((100vw - 160px) / 3 * 1.2);
}
.stories-carousel .article-card-blog .article-card-blog__content-title {
font-size: 24px;
}
.stories-carousel__container.container {
flex-direction: row;
justify-content: center;
}
.stories-carousel__header {
justify-content: flex-start;
flex-direction: row;
align-items: baseline;
}
.stories-carousel__header .stories-carousel__header-title {
margin-left: 18px;
font-size: 32px;
}
.stories-carousel__header .stories-carousel__header-link {
padding-top: 0;
padding-left: 10px;
font-size: 16px;
}
}
@media (min-width: 1400px) {
.stories-carousel .swiper-slide {
flex: 0 0 25%;
height: calc((100vw - 160px) / 4 * 1.2);
max-width: calc(25% - 20px);
max-height: calc((100vw - 160px) / 4 * 1.2);
}
}
.collection-cards-carousel {
padding-top: 60px;
padding-bottom: 60px;
}
.collection-cards-carousel .collection-cards-carousel__slider-container {
overflow: hidden;
}
.collection-cards-carousel .slider__arrow {
display: none;
}
.collection-cards-carousel .swiper-wrapper {
margin: 0 -10px;
}
.collection-cards-carousel .swiper-container:not([data-slider-container]) {
overflow: auto;
}
.collection-cards-carousel .swiper-slide {
max-width: 100%;
margin-right: 0;
padding: 0 10px;
}
.collection-cards-carousel__slide-content {
position: relative;
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
will-change: transform;
}
.collection-cards-carousel__slide-content::before {
content: "";
position: absolute;
top: 0;
left: 50%;
opacity: 0;
width: 75%;
height: 100%;
box-shadow: 0 15px 5rem 0 #0000004d;
transform: translateX(-50%);
transition: opacity 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.collection-cards-carousel__slide-content:hover
.collection-cards-carousel__item-image-wrapper::after {
opacity: 0;
}
.collection-cards-carousel__slide-content:hover
.collection-cards-carousel__item-content {
transform: translateY(-7%);
transition: transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.collection-cards-carousel__slide-content:hover
.collection-cards-carousel__item-button {
opacity: 1;
transition: opacity 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
}
}
.collection-cards-carousel__item-wrapper {
position: relative;
overflow: hidden;
border-radius: 8px;
}
.collection-cards-carousel__item {
position: relative;
overflow: hidden;
padding-top: 100%;
background-color: #f5f5f5;
}
.collection-cards-carousel__item-image-wrapper::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
opacity: 0.8;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #0009, #000000bf);
transition: opacity 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.collection-cards-carousel__item-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.collection-cards-carousel__item-content {
position: absolute;
top: 45%;
left: 0;
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
font-weight: 400;
letter-spacing: -0.01em;
text-align: center;
transform: translateY(-7%);
transition: transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
flex-direction: column;
}
.collection-cards-carousel__item-title {
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.01em;
color: #fff;
}
.collection-cards-carousel__item-button {
opacity: 1;
margin-top: 30px;
padding: 0 15px;
transition: opacity 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
min-height: 56px;
min-width: 168px;
}
.collection-cards-carousel__item-link {
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
}
.collection-cards-carousel__item-link:empty {
display: block;
}
@media (min-width: 768px) {
.collection-cards-carousel .collection-cards-carousel__slider-container {
padding-top: 80px;
padding-bottom: 80px;
}
.collection-cards-carousel .swiper-slide {
flex: 0 0 50%;
max-width: calc(50% - 0px);
}
}
@media (min-width: 992px) {
.collection-cards-carousel {
padding-top: 40px;
padding-bottom: 40px;
}
.collection-cards-carousel .slider__arrow {
display: block;
}
.collection-cards-carousel .collection-cards-carousel__slider-container {
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
}
.collection-cards-carousel .swiper-slide {
padding: 80px 10px;
}
.collection-cards-carousel
.swiper-container:not([data-slider-container])
.swiper-wrapper {
overflow: hidden;
}
.collection-cards-carousel
.swiper-container:not([data-slider-container])
.slider__arrow {
display: none;
}
.collection-cards-carousel__item-title {
font-size: 2.5rem;
}
.collection-cards-carousel__item {
padding-top: 66.67%;
}
}
@media (min-width: 992px) and (-moz-touch-enabled: 0),
(min-width: 992px) and (hover: hover) {
.collection-cards-carousel__slide-content:hover {
transform: scale(1.02);
}
.collection-cards-carousel__slide-content:hover::before {
opacity: 1;
}
.collection-cards-carousel__slide-content:hover
.collection-cards-carousel__item-image-wrapper::after {
opacity: 0;
}
.collection-cards-carousel__slide-content:hover
.collection-cards-carousel__item-content {
transform: translateY(-14%);
transition: transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.collection-cards-carousel__slide-content:hover
.collection-cards-carousel__item-button {
opacity: 1;
transition: opacity 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
}
}
@media (min-width: 992px) {
.collection-cards-carousel__item-content {
top: 42%;
transform: translateY(0%);
transition: transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
}
}
@media (min-width: 992px) {
.collection-cards-carousel__item-button {
opacity: 0;
}
.collection-cards-carousel__item-button.button--static {
opacity: 1;
}
}
@media (min-width: 1400px) {
.collection-cards-carousel__slide-content:hover
.collection-cards-carousel__item-content {
transform: translateY(-9%);
}
}
.subcategories-carousel {
padding: 20px 0;
}
.subcategories-carousel .slider__arrow {
opacity: 0;
}
.subcategories-carousel .subcategories-carousel__slider {
overflow: hidden;
margin-bottom: -110px;
padding-bottom: 110px;
}
.subcategories-carousel .subcategories-carousel__slider-container {
padding-left: 40px;
padding-right: 40px;
}
@media (min-width: 992px) {
.subcategories-carousel .subcategories-carousel__slider-container {
padding-left: 80px;
padding-right: 80px;
}
}
.subcategories-carousel .subcategories-carousel__item-wrapper {
position: relative;
overflow: hidden;
height: 100%;
}
.subcategories-carousel .subcategories-carousel__item {
position: relative;
overflow: hidden;
height: 100%;
background-color: #f5f5f5;
}
.subcategories-carousel .subcategories-carousel__item-image-wrapper::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
opacity: 0.8;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #0000, #0009);
transition: opacity 0.1s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.subcategories-carousel .subcategories-carousel__item-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.subcategories-carousel .subcategories-carousel__item-content {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-weight: 400;
letter-spacing: -0.01em;
text-align: center;
}
.subcategories-carousel .subcategories-carousel__item-title {
overflow: hidden;
display: -webkit-box;
width: 90%;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
color: #212428;
}
.subcategories-carousel .subcategories-carousel__item-button {
opacity: 1;
margin-top: 30px;
transform: translateY(3.5rem);
transition: opacity 0.6s cubic-bezier(0.38, 0.41, 0.27, 1),
transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
min-width: 165px;
max-height: 56px;
}
@media (min-width: 768px) {
.subcategories-carousel .subcategories-carousel__item-button {
opacity: 0;
}
}
.subcategories-carousel .subcategories-carousel__item-link {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.subcategories-carousel .subcategories-carousel__item-link:empty {
display: block;
}
.subcategories-carousel .subcategories-carousel__container {
padding: 0;
}
@media (min-width: 768px) {
.subcategories-carousel {
padding: 70px 0;
}
}
.subcategories-carousel__slide--chips {
width: calc((100vw - 80px) / 2);
max-width: calc((100vw - 80px) / 2);
padding: 10px;
}
.subcategories-carousel__slide--chips
.subcategories-carousel__slide-content::before {
top: 10%;
width: 80%;
height: 80%;
box-shadow: 0 2rem 5rem 0 #0000004d;
}
.subcategories-carousel__slide--chips .subcategories-carousel__item-title {
font-size: 14px;
}
.subcategories-carousel__slide--chips .subcategories-carousel__item-wrapper {
border-radius: 8px;
}
.subcategories-carousel__slide--chips .subcategories-carousel__item {
padding-top: 50%;
min-height: 145px;
border: 1px solid #efefef;
}
@media (min-width: 768px) {
.subcategories-carousel__slide--chips .subcategories-carousel__item {
padding-top: 50%;
}
}
@media (min-width: 1600px) {
.subcategories-carousel__slide--chips .subcategories-carousel__item {
min-height: 176px;
}
}
.subcategories-carousel__slide--chips .subcategories-carousel__item-content {
padding: 0;
font-size: 16px;
line-height: 1.25;
color: #444;
}
@media (min-width: 768px) {
.subcategories-carousel__slide--chips {
width: calc((100vw - 80px) / 3);
max-width: calc((100vw - 80px) / 3);
}
}
@media (min-width: 992px) {
.subcategories-carousel__slide--chips {
width: calc((100vw - 160px) / 4);
max-width: calc((100vw - 160px) / 4);
}
}
@media (min-width: 1200px) {
.subcategories-carousel__slide--chips {
width: calc((100vw - 160px) / 6);
max-width: calc((100vw - 160px) / 6);
}
}
.subcategories-carousel__slide--tiles {
max-width: calc(100vw - 80px);
width: calc(100vw - 80px);
margin-right: 0;
padding: 10px;
}
.subcategories-carousel__slide--tiles .subcategories-carousel__item-title {
font-size: 24px;
color: white;
transform: translateY(3.5rem);
transition: transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.subcategories-carousel__slide--tiles .subcategories-carousel__item-wrapper {
border-radius: 0.75rem;
}
.subcategories-carousel__slide--tiles .subcategories-carousel__item {
height: 0;
padding-top: 100%;
}
.subcategories-carousel__slide--tiles .subcategories-carousel__item-content {
padding: 0 20px;
font-size: 40px;
line-height: 1.2;
color: #fff;
}
.subcategories-carousel__slide--tiles
.subcategories-carousel__item-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: #0003;
transition: background 0.8s cubic-bezier(0.38, 0.41, 0.27, 1);
}
@media (min-width: 768px) {
.subcategories-carousel__slide--tiles {
max-width: calc((100vw - 80px) / 2);
width: calc((100vw - 80px) / 2);
}
}
@media (min-width: 992px) {
.subcategories-carousel__slide--tiles {
max-width: calc((100vw - 160px) / 3);
width: calc((100vw - 160px) / 3);
}
}
@media (min-width: 1200px) {
.subcategories-carousel__slide--tiles {
max-width: calc((100vw - 160px) / 4);
width: calc((100vw - 160px) / 4);
}
}
.subcategories-carousel__slide-content {
position: relative;
height: 100%;
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
will-change: transform;
}
.subcategories-carousel__slide-content::before {
content: "";
position: absolute;
left: 50%;
opacity: 0;
transform: translateX(-50%);
transition: opacity 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.subcategories-carousel__slide-content:hover {
transform: scale(1.02);
}
.subcategories-carousel__slide-content:hover::before {
opacity: 1;
}
.subcategories-carousel__slide--tiles
.subcategories-carousel__slide-content:hover
.subcategories-carousel__item-content::before {
background: linear-gradient(180deg, #f4f5f500 30%, rgba(0, 0, 0, 0.114));
}
.subcategories-carousel__slide--tiles
.subcategories-carousel__slide-content:hover
.subcategories-carousel__item-title {
transform: translateY(0);
}
.subcategories-carousel__slide--tiles
.subcategories-carousel__slide-content:hover
.subcategories-carousel__item-button {
opacity: 1;
transform: translateY(0);
}
}
@media (min-width: 768px) {
.subcategories-carousel .subcategories-carousel__item-title {
font-size: inherit;
}
}
@media (min-width: 992px) {
.subcategories-carousel__slide--chips .subcategories-carousel__item-content {
font-size: 16px;
}
.subcategories-carousel__slide--tiles .subcategories-carousel__item-title {
font-size: 40px;
}
}
@media (min-width: 1200px) {
.subcategories-carousel .slider__arrow.slider__arrow--next {
right: 30px;
margin: 0;
}
.subcategories-carousel .slider__arrow.slider__arrow--prev {
left: 50px;
margin: 0;
}
.subcategories-carousel .slider__arrow {
opacity: 1;
}
}
.products-carousel {
padding: 20px 0;
}
.products-carousel .products-carousel__header {
margin-left: 30px;
margin-right: 27px;
}
@media (min-width: 768px) {
.products-carousel .products-carousel__header {
margin-left: 90px;
}
}
.products-carousel .products-carousel__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 44px;
text-decoration: none;
}
@media (max-width: 768px) {
.products-carousel .products-carousel__title {
font-size: 28px;
line-height: 31px;
}
}
.products-carousel .products-carousel__count-items {
display: block;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
@media (min-width: 768px) {
.products-carousel .products-carousel__count-items {
display: unset;
margin-left: 7px;
font-size: 16px;
}
}
.products-carousel .products-carousel__description {
max-width: 400px;
margin-top: 15px;
font-size: 16px;
line-height: 24px;
}
.products-carousel .products-carousel__container {
margin-top: 16px;
}
.products-carousel .products-carousel__container .swiper-container {
padding-left: 40px;
overflow: visible;
}
@media (min-width: 768px) {
.products-carousel .products-carousel__container .swiper-container {
padding-left: 80px;
}
}
.products-carousel .products-carousel__container .swiper-slide {
margin-left: 10px;
}
.products-carousel .products-carousel__container .swiper-slide .product-card {
max-width: unset;
}
.products-carousel .products-carousel__container .swiper-wrapper {
display: flex;
flex-wrap: nowrap;
}
.products-carousel .products-carousel__container .slider__arrow {
top: calc(50% - 50px);
display: none;
opacity: 1;
margin: 0 40px;
}
@media (min-width: 768px) {
.products-carousel .products-carousel__container .slider__arrow {
display: unset;
}
}
@media (min-width: 768px) {
.products-carousel .products-carousel__container {
margin-top: 34px;
}
}
.products-carousel .products-carousel__banner {
position: relative;
overflow: hidden;
flex-shrink: 0;
}
.products-carousel .products-carousel__banner-image-wrapper {
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
padding-top: 120%;
border-radius: 8px;
background-color: #f5f5f5;
}
.products-carousel .products-carousel__blackout-container {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.products-carousel .products-carousel__text {
display: block;
width: 100%;
margin: 0 auto 15px;
font-family: var(--font-heading-family), sans-serif;
font-size: 18px;
text-align: center;
color: #fff;
}
.products-carousel
.products-carousel__banner-image-wrapper:hover
.products-carousel__banner-image-first {
transform: scale(1.1);
}
.products-carousel
.products-carousel__banner-image-wrapper:hover
.products-carousel__blackout-container {
background: none;
}
.products-carousel
.products-carousel__banner--end
.products-carousel__banner-button {
padding-left: 0;
padding-right: 0;
background: none;
font-size: 16px;
}
.products-carousel .products-carousel__banner-image-first {
position: absolute;
top: 0;
visibility: visible;
opacity: 1;
width: 100%;
transition: visibility 0.2s, opacity 0.2s, transform 0.2s;
}
.products-carousel .products-carousel__banner-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.products-carousel .products-carousel__banner-button {
display: block;
margin: 0 auto;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 28px;
padding-right: 28px;
background: var(--button-background-color, #fff);
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
color: var(--button-text-color, #000);
border-radius: 36px;
}
@media (min-width: 768px) {
.products-carousel {
padding: 70px 0;
}
}
.blog-article-carousel {
margin: 20px 0 20px 0;
}
@media (max-width: 768px) {
.blog-article-carousel .blog-article-carousel__top {
padding-left: 30px;
text-align: left;
}
}
@media (min-width: 769px) {
.blog-article-carousel .blog-article-carousel__top {
justify-content: flex-start;
margin-bottom: 24px;
text-align: left;
flex-direction: row;
}
.blog-article-carousel .blog-article-carousel__title {
margin-bottom: 6px;
font-family: var(--font-heading-family), sans-serif;
letter-spacing: -0.2px;
}
.blog-article-carousel .blog-article-carousel__number {
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
line-height: 17px;
letter-spacing: -0.2px;
text-decoration: underline;
}
@media (max-width: 768px) {
.blog-article-carousel .blog-article-carousel__top {
padding-left: 30px;
}
}
@media (min-width: 769px) {
.blog-article-carousel .blog-article-carousel__top {
justify-content: flex-start;
margin-bottom: 24px;
text-align: left;
flex-direction: row;
}
.blog-article-carousel .blog-article-carousel__title {
margin-bottom: 0;
line-height: 1 !important;
}
.blog-article-carousel .blog-article-carousel__number {
margin-left: 8px;
padding-bottom: 3px;
font-size: 16px;
line-height: 1;
}
}
.article-navigation {
width: 100%;
background: #fff;
}
.article-navigation .article-navigation__container {
display: flex;
justify-content: flex-start;
align-items: center;
height: 80px;
min-height: 80px;
}
.article-navigation .article-navigation__submenu-trigger {
margin-right: 12px;
cursor: pointer;
}
.article-navigation .article-navigation__item {
position: relative;
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.1;
text-decoration: none;
color: #000;
cursor: pointer;
}
.article-navigation .article-navigation__item:hover {
text-decoration: underline;
}
.article-navigation .article-navigation__item.article-navigation__item--nolink,
.article-navigation .article-navigation__item.article-navigation__item--curent {
cursor: text;
}
.article-navigation
.article-navigation__item.article-navigation__item--nolink:hover,
.article-navigation
.article-navigation__item.article-navigation__item--curent:hover {
text-decoration: none;
}
.article-navigation .article-navigation__item::first-letter {
text-transform: capitalize;
}
.article-navigation .article-navigation__item + .article-navigation__item {
display: none;
padding-left: 25px;
}
.article-navigation
.article-navigation__item
+ .article-navigation__item::after {
content: "";
position: absolute;
top: 2px;
left: 4px;
width: 6px;
height: 6px;
font-weight: 500;
transform: rotate(-45deg);
border-right: 3px solid black;
border-bottom: 3px solid black;
}
.article-modal {
position: fixed;
top: 0;
left: 0;
overflow: auto;
z-index: 11111;
display: none;
width: 100%;
height: 100vh;
background: #000;
}
.article-modal.article-modal--show {
display: block;
}
.article-modal .article-modal__close {
position: absolute;
top: 28px;
right: 20px;
display: flex;
justify-content: center;
align-items: center;
width: 54px;
height: 54px;
cursor: pointer;
}
.article-modal .article-modal__close svg {
fill: #fff;
}
.article-modal .article-modal__header {
position: fixed;
top: 0;
left: 0;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin: 0;
padding-top: 28px;
background: black;
min-height: 52px;
}
.article-modal .article-modal__content {
overflow: auto;
display: flex;
justify-content: center;
align-items: center;
padding: 80px 15px 60px;
color: #fff;
flex-direction: column;
}
.article-modal .article-modal__title {
display: flex;
justify-content: center;
align-items: center;
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
text-align: center;
color: #fff;
min-height: 52px;
}
.article-modal .article-modal__list {
text-align: center;
}
.article-modal .article-modal__link {
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 5px;
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
line-height: 1.2;
text-align: center;
text-transform: capitalize;
text-decoration: none;
min-height: 35px;
}
@media (min-width: 768px) {
.article-navigation .article-navigation__container {
padding-left: 40px;
}
.article-modal .article-modal__close {
right: 50px;
transition: transform 0.3s ease;
}
}
@media (min-width: 768px) and (-moz-touch-enabled: 0),
(min-width: 768px) and (hover: hover) {
.article-modal .article-modal__close:hover {
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
}
}
@media (min-width: 992px) {
.article-navigation .article-navigation__item + .article-navigation__item {
display: block;
}
.article-modal .article-modal {
font-size: 25px;
}
}
@media (min-width: 1200px) {
.article-navigation .article-navigation__container {
padding-left: 80px;
}
}
.yotpo-gallery {
margin: 50px 0 30px 0;
}
.yotpo-gallery .yotpo-gallery__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
line-height: 1.1;
letter-spacing: -0.32px;
color: #000;
}
.yotpo-gallery .yotpo-pictures-widget .yotpo-load-more-button {
width: 157px;
height: 66px;
padding: 21px 38px;
background: #000 !important;
font-weight: 400;
text-transform: capitalize;
color: #fff;
border-radius: 36px;
}
.yotpo-gallery .yotpo-pictures-widget .yotpo-load-more-button span {
font-size: 16px;
line-height: 22px;
}
.yotpo-gallery .yotpo-pictures-widget .yotpo-load-more-button:hover {
background: #000 !important;
}
.yotpo-gallery .yotpo-pictures-widget .yotpo-load-more-button * {
font-family: var(--font-body-family), sans-serif !important;
font-weight: 400;
color: #fff !important;
white-space: nowrap;
}
.yotpo-gallery .yotpo-pictures-widget {
margin-top: 50px;
}
.yotpo-gallery .yotpo div {
border-radius: 10px;
}
@media (min-width: 992px) {
.yotpo-gallery {
margin: 150px 0 130px 0;
}
.y-image-wrapper {
border-radius: 8px;
}
.y-image-wrapper img {
transition: transform 0.3s ease;
}
.y-image-wrapper:hover img {
transform: scale(1.1);
}
}
.main-article .main-article__title {
margin: 0 auto;
margin-top: 40px;
margin-bottom: 19px;
padding-left: 40px;
font-family: "GalaxieCopernicus", sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 72px;
letter-spacing: -0.64px;
text-align: left;
color: #000000;
max-width: 750px;
}
.main-article .main-article__image-alt {
padding-top: 19px;
padding-left: 40px;
font-family: "GalaxieCopernicus", sans-serif;
font-size: 14px;
line-height: 1.7;
color: #999999;
max-width: 680px;
}
.main-article .main-article__subtitle {
margin-top: 21px;
padding-left: 40px;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 16px;
line-height: 36px;
text-align: left;
color: #000000;
}
.main-article .main-article__info {
display: flex;
justify-content: left;
padding-left: 40px;
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
line-height: 25px;
letter-spacing: -0.002em;
color: #000000;
}
.main-article .main-article__info a {
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
line-height: 25px;
letter-spacing: -0.002em;
text-decoration: none;
color: #000000;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.main-article .main-article__info a:hover {
text-decoration: underline;
}
}
.main-article .main-article__image {
width: 100%;
margin-top: 190px;
}
.main-article .main-article__content {
width: 100%;
margin: 90px auto 99px;
}
.main-article .main-article__content p {
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
font-size: 16px;
max-width: 800px;
}
.main-article .main-article__content p iframe {
width: 100%;
}
@media (min-width: 768px) {
.main-article .main-article__content p {
font-size: 18px;
}
}
.main-article .main-article__content span {
display: inline-block;
padding: 0 40px;
max-width: 680px;
font-family: "GalaxieCopernicus", sans-serif;
}
@media (min-width: 992px) {
.main-article .main-article__content span {
padding: 0;
}
}
.main-article .main-article__content h1,
.main-article .main-article__content h2,
.main-article .main-article__content h3,
.main-article .main-article__content h4,
.main-article .main-article__content h5,
.main-article .main-article__content h6 {
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
font-family: "GalaxieCopernicus", sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 30px;
letter-spacing: -0.64px;
}
.main-article .main-article__content h1 a,
.main-article .main-article__content h2 a,
.main-article .main-article__content h3 a,
.main-article .main-article__content h4 a,
.main-article .main-article__content h5 a,
.main-article .main-article__content h6 a {
font-size: 24px;
font-weight: 500;
line-height: 30px;
letter-spacing: -0.64px;
}
@media (min-width: 576px) {
.main-article .main-article__content h1,
.main-article .main-article__content h2,
.main-article .main-article__content h3,
.main-article .main-article__content h4,
.main-article .main-article__content h5,
.main-article .main-article__content h6 {
font-size: 56px;
line-height: 64px;
}
.main-article .main-article__content h1 a,
.main-article .main-article__content h2 a,
.main-article .main-article__content h3 a,
.main-article .main-article__content h4 a,
.main-article .main-article__content h5 a,
.main-article .main-article__content h6 a {
font-size: 56px;
line-height: 64px;
}
}
@media (min-width: 768px) {
.main-article .main-article__content h1,
.main-article .main-article__content h2,
.main-article .main-article__content h3,
.main-article .main-article__content h4,
.main-article .main-article__content h5,
.main-article .main-article__content h6 {
font-size: 64px;
line-height: 72px;
}
.main-article .main-article__content h1 a,
.main-article .main-article__content h2 a,
.main-article .main-article__content h3 a,
.main-article .main-article__content h4 a,
.main-article .main-article__content h5 a,
.main-article .main-article__content h6 a {
font-size: 64px;
line-height: 72px;
}
}
.main-article .main-article__content a {
padding-left: 0;
padding-right: 0;
font-size: 16px;
line-height: 1.8;
}
@media (min-width: 768px) {
.main-article .main-article__content a {
font-size: 18px;
}
}
.main-article .main-article__content .main-article__content-image {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.main-article .main-article__content img {
width: 100%;
margin-top: 97px;
margin-bottom: 19px;
}
.main-article .main-article__content h6 {
margin-bottom: 83px;
padding-left: 40px;
padding-right: 40px;
font-family: "GalaxieCopernicus", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.74;
color: #999999;
max-width: 612px;
}
.main-article .main-article__divider {
display: inline-block;
margin-left: 7px;
margin-right: 7px;
}
.main-article .main-article__author-image {
display: block;
width: 15rem;
height: 15rem;
margin-top: 53px;
margin-left: auto;
margin-right: auto;
max-width: 150px;
border-radius: 50%;
max-height: 150px;
-o-object-fit: cover;
object-fit: cover;
}
.main-article .social-share-icons {
margin-top: 0;
}
.main-article .main-article__author-name {
margin-top: 39px;
margin-bottom: 12px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 1.19;
letter-spacing: -0.16px;
text-align: center;
color: #212428;
}
.main-article .main-article__author-comment {
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 16px;
line-height: 1.75;
text-align: center;
color: #000000;
max-width: 414px;
}
.main-article .main-article__author-comment a {
font-size: 16px;
}
.main-article .main-article__author-comment p {
font-size: 16px;
line-height: 28px;
}
.main-article .main-article__author-title {
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 1.16;
letter-spacing: -0.32px;
text-align: center;
color: #212428;
}
.main-article .main-article__author-info {
margin-bottom: 180px;
margin-left: auto;
margin-right: auto;
padding-top: 58px;
border-top: 1px solid black;
max-width: 800px;
}
.main-article .main-article__icons {
display: flex;
justify-content: center;
margin-bottom: 60px;
}
.main-article .main-article__icons svg {
width: 45px;
cursor: pointer;
}
.main-article .main-article__icons svg path {
fill: black;
}
@media (min-width: 992px) {
.main-article .main-article__title {
margin-top: 81px;
font-size: 64px;
text-align: center;
}
.main-article .main-article__info {
justify-content: center;
font-size: 20px;
}
.main-article .main-article__subtitle {
margin-left: auto;
margin-right: auto;
padding-left: 0;
font-size: 20px;
text-align: center;
max-width: 680px;
}
.main-article .main-article__content {
margin: 90px auto 120px;
margin-left: auto;
margin-right: auto;
padding-left: 80px;
padding-right: 80px;
}
.main-article .main-article__content h6 {
padding-left: 0;
}
.main-article .main-article__image-alt {
padding-left: 80px;
}
.main-article .main-article__author-info {
margin-bottom: 250px;
}
.main-article .main-article__author-comment {
margin-left: auto;
margin-right: auto;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 16px;
line-height: 1.75;
text-align: center;
color: #000000;
max-width: 374px;
}
.main-article .main-article__author-comment a {
font-size: 24px;
}
}
@media (min-width: 1200px) {
.main-article .slider__arrow {
opacity: 1;
}
.main-article .slider__arrow.slider__arrow--next {
right: 30px;
margin: 0;
}
.main-article .slider__arrow.slider__arrow--prev {
left: 50px;
margin: 0;
}
}
.main-article-section {
margin-bottom: 36px;
}
.main-article-section .slider__slide {
margin: 0;
}
.main-article-section .slider__arrow {
opacity: 0;
}
.main-article-section .global-carousel {
padding: 0;
}
.main-article-section .global-carousel .global-carousel__slide-wrapper {
width: initial;
height: auto;
padding: 0;
max-width: initial;
}
.main-article-section .global-carousel__slide {
width: calc(100vw - 80px);
height: calc((100vw - 80px) * 1.2);
margin: 10px;
cursor: pointer;
max-width: calc(100vw - 80px);
max-height: calc((100vw - 80px) * 1.2);
}
.main-article-section .global-carousel__slide .global-carousel__slide-button {
padding: 0 20px;
border: 4px solid white;
color: white;
}
.main-article-section
.global-carousel__slide:hover
.global-carousel__slide-button {
background: white;
color: black;
}
.main-article-section
.global-carousel__slide:hover
.global_carousel__slide-overlay {
opacity: 0.7 !important;
background-color: black;
}
@media (min-width: 576px) {
.main-article-section .global-carousel__slide {
width: calc(100vw - 80px);
height: calc((100vw - 80px) / 2 * 1.2);
max-width: calc(100vw - 80px);
max-height: calc((100vw - 80px) / 2 * 1.2);
}
}
@media (min-width: 992px) {
.main-article-section .global-carousel__slide {
width: calc((100vw - 200px) / 2);
height: calc((100vw - 200px) / 4 * 1.2);
max-width: calc((100vw - 200px) / 2);
max-height: calc((100vw - 200px) / 4 * 1.2);
}
}
.main-article-section .container.story-slider__container {
padding: 0;
}
.main-article-section .global-carousel__slide-button {
line-height: 14px;
}
.main-article-section .slider {
margin-top: 0;
}
.main-article-section .story-slider .article-card-video {
min-height: auto;
}
.main-article-section .story-slider .article-card-blog {
min-height: auto;
}
.main-article-section .film-carousel {
padding-top: 0;
}
.main-article-section .film-carousel .film-carousel__slide:hover {
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.16);
transform: scale(1.05);
}
.main-article-section .slider__container {
display: flex;
padding-left: 40px;
padding-right: 40px;
}
@media (min-width: 992px) {
.main-article-section .slider__container {
padding-left: 80px;
padding-right: 80px;
}
}
.main-article-section .story-slider .swiper-slide {
width: calc(100vw - 80px);
height: calc((100vw - 80px) * 1.2);
padding: 10px;
max-width: calc(100vw - 80px);
}
@media (min-width: 768px) {
.main-article-section .story-slider .swiper-slide {
width: calc((100vw - 80px) / 2);
height: calc((100vw - 80px) / 2 * 1.2);
max-width: calc((100vw - 80px) / 2);
max-width: calc((100vw - 80px) / 2 * 1.2);
}
}
@media (min-width: 992px) {
.main-article-section .story-slider .swiper-slide {
width: calc((100vw - 160px) / 3);
height: calc((100vw - 160px) / 3 * 1.2);
max-width: calc((100vw - 160px) / 3);
max-width: calc((100vw - 160px) / 3 * 1.2);
}
}
@media (min-width: 1200px) {
.main-article-section .story-slider .swiper-slide {
width: calc((100vw - 160px) / 4);
height: calc((100vw - 160px) / 4 * 1.2);
max-width: calc((100vw - 160px) / 4);
max-width: calc((100vw - 160px) / 4 * 1.2);
}
}
.main-article-section .story-slider .swiper-slide.swiper-slide--latest-news {
width: calc(100vw - 80px);
max-width: calc(100vw - 80px);
height: calc((100vw - 80px) * 1.2);
max-height: calc((100vw - 80px) * 1.2);
margin: 0;
}
@media (min-width: 576px) {
.main-article-section .story-slider .swiper-slide.swiper-slide--latest-news {
height: calc((100vw - 160px) / 2 * 1.2);
max-height: calc((100vw - 160px) / 2 * 1.2);
}
}
@media (min-width: 992px) {
.main-article-section .story-slider .swiper-slide.swiper-slide--latest-news {
width: calc((100vw - 160px) / 2);
max-width: calc((100vw - 160px) / 2);
height: calc((100vw - 160px) / 4 * 1.2);
max-height: calc((100vw - 160px) / 4 * 1.2);
}
}
.main-article-section .main-article-section__header {
margin-bottom: 36px;
font-size: 32px;
line-height: 36px;
text-align: center;
}
@media (min-width: 992px) {
.main-article-section .main-article-section__header {
padding-left: 90px;
text-align: left;
}
}
.main-article-section .social-share-icons .social-share-icons__link {
margin: 0 0;
}
.main-article-section .global-carousel__content {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.main-article-section
.global-carousel__content:hover
.global-carousel__slide-subtitle {
opacity: 1;
transform: none;
}
.main-article-section .global_carousel__slide-overlay {
background: rgba(0, 0, 0, 0.5);
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1), opacity 0.3s,
background 0.3s ease;
will-change: transform;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.main-article-section .global_carousel__slide-overlay:hover {
background: black;
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1), opacity 0.3s,
background 0.3s ease;
will-change: transform;
}
}
.main-article-section .global-carousel__slide img {
width: 100%;
height: 100%;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.main-article-section .global-carousel__slide img:hover {
transform: scale(1.02);
}
}
.main-article-section .global-carousel__slide-subtitle {
overflow: hidden;
opacity: 0;
font-size: 16px;
line-height: 1.5;
color: white;
}
.main-article-section--size {
margin-bottom: 84px;
}
@media (min-width: 992px) {
.main-article-section--size {
margin-bottom: 125px;
}
.main-article__section {
margin-bottom: 205px;
}
.main-article__section .slider-cards__container {
margin: 0 0;
}
.main-article__section .global-carousel {
margin-bottom: 205px;
}
.main-article__section .main-article__image {
margin-top: 190px;
}
.main-article__section .global-carousel__slide-wrapper {
flex-direction: row;
}
.main-article__section .story-slider .swiper-wrapper {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 1200px) {
.main-article-section .slider__arrow {
opacity: 1;
}
.main-article-section .slider__arrow.slider__arrow--next {
right: 30px;
margin: 0;
}
.main-article-section .slider__arrow.slider__arrow--prev {
left: 50px;
margin: 0;
}
}
.blog-select__wrapper,
.blog-select__wrapper2 {
display: block;
margin: 15px;
}
.blog-select__dropholder {
position: relative;
width: 100%;
height: 100%;
border-radius: 10px;
}
.blog-select__holder {
position: relative;
display: inline-block;
padding-bottom: 4px;
background: transparent;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 16px;
line-height: 18px;
color: #ffffff;
border-bottom: 2px solid white;
min-width: 143px;
}
.blog-select__holder svg {
position: absolute;
top: 5px;
right: 10px;
z-index: -1;
}
.blog-select__dropdown {
position: relative;
z-index: 20;
width: 100%;
cursor: pointer;
border-radius: 10px;
}
.blog-select__dropdown.blog-select__dropdown--active
+ .blog-select__dropdown-option {
display: block;
}
@media (min-width: 768px) {
.blog-select__dropdown {
height: 60px;
}
}
.blog-select__dropdown--active .blog-select__holder {
opacity: 0;
}
.blog-select__dropdown-option {
position: absolute;
top: -10px;
left: 0;
right: 0;
overflow: hidden;
z-index: 1000;
display: none;
margin: 0;
background: black;
cursor: pointer;
box-shadow: 0 25px 20px 0 #ffffff26;
border-radius: 30px;
}
.blog-select__dropdown-option .blog-select__link {
position: relative;
display: block;
list-style: none;
font-family: var(--font-heading-family), sans-serif;
text-decoration: none;
color: #fff;
}
.blog-select__dropdown-option .blog-select__link svg {
position: absolute;
top: 8px;
right: -10px;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.blog-select__dropdown-option .blog-select__link:hover {
text-decoration: underline;
}
}
.blog-select__dropdown-option .blog-select__li {
padding: 10px 20px;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 16px;
line-height: 18px;
}
.template-films .article-card-video {
min-height: auto;
}
.template-film,
.template-the-great-forest {
background-color: black;
}
.template-film .film-banner .hero-film__main-image picture,
.template-the-great-forest .film-banner .hero-film__main-image picture {
position: static;
}
.template-film .film-main.film-main--centered,
.template-the-great-forest .film-main.film-main--centered {
justify-content: center;
min-height: inherit;
}
@media (min-width: 992px) {
.template-film .film-main.film-main--centered,
.template-the-great-forest .film-main.film-main--centered {
padding: 100px;
}
}
.template-film .hero-film .hero-film__content .hero-film__subheading,
.template-the-great-forest
.hero-film
.hero-film__content
.hero-film__subheading {
margin-top: 14px;
padding: 0;
}
.template-film .hero-film .hero-film__content .hero-film__title,
.template-the-great-forest .hero-film .hero-film__content .hero-film__title {
font-family: "GalaxieCopernicus", sans-serif;
font-weight: 500;
text-align: center;
color: white;
}
.template-film .hero-film .hero-film__overlay,
.template-the-great-forest .hero-film .hero-film__overlay {
opacity: 0.4;
}
.template-film .hero-film.hero-film--under-header,
.template-the-great-forest .hero-film.hero-film--under-header {
justify-content: center;
align-items: center;
}
.template-film .hero-film.hero-film--under-header picture img,
.template-the-great-forest .hero-film.hero-film--under-header picture img {
max-height: 100%;
}
@media (min-width: 768px) {
.template-film .hero-film.hero-film--under-header,
.template-the-great-forest .hero-film.hero-film--under-header {
min-height: 950px;
}
}
.template-film .main-article-section__header,
.template-the-great-forest .main-article-section__header {
margin-top: 90px;
font-size: 24px;
color: white;
}
@media (min-width: 768px) {
.template-film .main-article-section__header,
.template-the-great-forest .main-article-section__header {
margin-top: 105px;
font-size: 32px;
}
}
.template-film .hero-film__scroll-arrow,
.template-the-great-forest .hero-film__scroll-arrow {
display: none;
}
.template-film .film-banner .hero-film__content,
.template-the-great-forest .film-banner .hero-film__content {
position: relative;
min-height: -webkit-fit-content;
min-height: -moz-fit-content;
min-height: fit-content;
margin-top: 100px;
padding: 0 40px;
}
@media (min-width: 768px) {
.template-film .film-banner .hero-film__content,
.template-the-great-forest .film-banner .hero-film__content {
min-height: 100%;
padding: 0;
}
}
.template-film .film-banner .hero-film__main-image,
.template-the-great-forest .film-banner .hero-film__main-image {
justify-content: center;
margin: 0 auto;
margin-top: 0;
}
.template-film .footer-guarantee,
.template-the-great-forest .footer-guarantee {
padding-top: 0;
}
@media (min-width: 768px) {
.template-film .footer-guarantee,
.template-the-great-forest .footer-guarantee {
padding-top: 110px;
}
}
.template-film .footer-guarantee .footer-guarantee__item,
.template-the-great-forest .footer-guarantee .footer-guarantee__item {
padding-top: 50px;
}
@media (min-width: 768px) {
.template-film .footer-guarantee .footer-guarantee__item,
.template-the-great-forest .footer-guarantee .footer-guarantee__item {
padding-top: 70px;
}
}
.template-film .film-block,
.template-the-great-forest .film-block {
min-height: 700px;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.template-film .film-block__button:hover,
.template-the-great-forest .film-block__button:hover {
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
}
}
.template-film .film-block__logo,
.template-the-great-forest .film-block__logo {
min-height: 100px;
-o-object-fit: contain;
object-fit: contain;
max-width: 400px;
}
@media (min-width: 768px) {
.template-film .film-block__logo,
.template-the-great-forest .film-block__logo {
max-width: inherit;
-o-object-fit: contain;
object-fit: contain;
min-height: 100px;
min-width: 400px;
margin-bottom: 17px;
}
}
.template-film .article-card-blog__link,
.template-the-great-forest .article-card-blog__link {
background-color: #121212;
}
.template-film .article-card-blog__inner-content,
.template-the-great-forest .article-card-blog__inner-content {
color: white;
}
.template-film .article-card-blog__content-title,
.template-the-great-forest .article-card-blog__content-title {
color: white;
}
.template-film .article-card-blog__content-author,
.template-the-great-forest .article-card-blog__content-author {
color: white;
}
.template-film .article-card-video__text,
.template-the-great-forest .article-card-video__text {
color: white;
}
.template-film .slider__arrow,
.template-the-great-forest .slider__arrow {
background-color: #000;
box-shadow: 0 6px 8px 0 #9993;
color: white;
}
.template-film
.main-article-section
.story-slider
.swiper-slide.swiper-slide--latest-news,
.template-the-great-forest
.main-article-section
.story-slider
.swiper-slide.swiper-slide--latest-news {
width: 100%;
max-width: 100%;
}
@media (min-width: 992px) {
.template-film
.main-article-section
.story-slider
.swiper-slide.swiper-slide--latest-news,
.template-the-great-forest
.main-article-section
.story-slider
.swiper-slide.swiper-slide--latest-news {
width: 50%;
max-width: 50%;
}
}
.template-film .main-article-section .slider__container,
.template-the-great-forest .main-article-section .slider__container {
padding-left: 30px;
padding-right: 30px;
}
@media (min-width: 992px) {
.template-film .main-article-section .slider__container,
.template-the-great-forest .main-article-section .slider__container {
padding-left: 70px;
padding-right: 70px;
}
}
.film-main {
display: flex;
justify-content: flex-end;
margin: 0 auto;
padding: 80px 40px 80px 40px;
flex-direction: column-reverse;
}
.film-main .film-main__info-author {
margin: 0 auto;
margin-bottom: 50px;
margin-bottom: 40px;
font-family: var(--font-heading-family), sans-serif;
font-size: 14px;
line-height: 24px;
color: #ffffff;
}
@media (min-width: 1200px) {
.film-main .film-main__info-author {
margin-bottom: 46px;
}
}
.film-main .film-main__info {
max-width: 625px;
}
.film-main .film-main__divider {
margin-left: 5px;
}
.film-main .film-main__content {
font-size: 16px;
line-height: 28px;
color: #ffffff;
}
.film-main .film-main__content p {
max-width: 625px;
margin: 0 auto;
font-size: 14px;
line-height: 21px;
}
@media (min-width: 992px) {
.film-main .film-main__content p {
font-size: 20px;
line-height: 30px;
}
}
.film-main .film-main__content table td {
margin-bottom: 20px;
padding: 0;
font-size: 24px;
line-height: 20px;
}
@media (min-width: 992px) {
.film-main .film-main__content table td {
margin-bottom: 0;
line-height: 27px;
}
}
.film-main .film-main__content table span {
display: block;
margin-bottom: 30px;
padding: 5px;
font-size: 14px;
line-height: 20px;
}
@media (min-width: 992px) {
.film-main .film-main__content table span {
display: inline;
margin-bottom: 30px;
line-height: 24px;
}
}
.film-main .film-main__content table p {
padding-bottom: 60px;
}
.film-main .film-main__content .text-with-image {
max-width: 300px;
margin: 0 auto;
}
.film-main .film-main__content .text-with-image p {
margin-top: 10px;
line-height: 24px;
}
.film-main .film-main__content .text-with-image span {
font-size: 14px;
line-height: 24px;
text-align: left;
}
.film-main .film-main__content .text-with-image strong {
font-size: 20px;
}
@media (min-width: 768px) {
.film-main .film-main__content {
font-size: 20px;
line-height: 30px;
}
}
.film-main .film-main__content h1 span {
font-family: "GalaxieCopernicus", sans-serif;
}
.film-main .film-main__content h1 {
margin-top: 150px;
margin-bottom: 40px;
}
.film-main .film-main__content a {
font-size: 16px;
line-height: 28px;
color: #ffffff;
}
@media (min-width: 768px) {
.film-main .film-main__content a {
font-size: 18px;
line-height: 1.75;
}
}
@media (min-width: 1400px) {
.film-main .film-main__content a {
font-size: 24px;
line-height: 1.8;
}
}
.film-main .film-main__sidebar {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin: 0 auto;
margin-bottom: 80px;
padding: 30px 15px;
border: 4px solid #ffffff;
border-radius: 8px;
max-width: 100%;
}
@media (min-width: 576px) {
.film-main .film-main__sidebar {
padding: 40px 15px;
max-width: 55%;
}
}
@media (min-width: 1200px) {
.film-main .film-main__sidebar {
margin: initial;
margin-bottom: 120px;
margin-left: 120px;
max-width: 233px;
}
}
.film-main .film-main__sidebar-title {
margin-bottom: 18px;
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
line-height: 30px;
text-align: center;
color: rgba(255, 255, 255, 0.914682);
}
.film-main .film-main__sidebar-description p {
margin-top: 0;
margin-bottom: 10px;
padding: 0 10px;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #ffffff;
}
.film-main .film-main__sidebar-button {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 30px;
padding: 15px;
background: #ffffff;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: -0.16px;
text-decoration: none;
color: #000000;
border-radius: 30px;
max-height: 44px;
max-width: 227px;
}
@media (min-width: 992px) {
.film-main .film-main__sidebar-button {
max-width: 128px;
}
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.film-main .film-main__sidebar-button:hover {
transform: perspective(1px) scale3d(1.044, 1.044, 1) translateZ(0);
}
}
@media (min-width: 1200px) {
.film-main {
padding: 200px 80px 80px 404px;
flex-direction: row;
}
}
.film-block {
position: relative;
display: flex;
flex-direction: column;
}
.film-block picture {
min-height: 600px;
}
.film-block .film-block__back {
width: 100%;
}
.film-block .film-block__content {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
transform: translate(-50%, -50%);
min-width: 90%;
}
@media (min-width: 1200px) {
.film-block .film-block__content {
min-width: initial;
}
}
.film-block .film-block__description p {
margin-top: 31px;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #ffffff;
max-width: 100%;
}
@media (min-width: 1200px) {
.film-block .film-block__description p {
font-size: 22px;
line-height: 38px;
max-width: 689px;
}
}
.film-block .film-block__description {
margin-bottom: 33px;
}
.film-block .film-block__logo {
display: flex;
margin: 0 auto;
margin-bottom: 30px;
}
.film-block .film-block__button {
display: flex;
justify-content: center;
margin: 0 auto;
padding: 15px 28px;
background: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: -0.16px;
text-decoration: none;
color: #000000;
border-radius: 30px;
max-width: 100%;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.film-block .film-block__button:hover {
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
}
}
@media (min-width: 1200px) {
.film-block .film-block__button {
max-width: 159px;
}
}
.film-banner {
padding: 0;
min-height: 800px;
}
.film-banner .hero-film__content {
display: flex;
flex-direction: column;
}
.film-banner .hero-film {
align-items: center;
}
.film-banner img {
min-height: 700px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.film-banner picture {
min-width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.film-banner .hero-film__scroll-arrow {
bottom: 15%;
}
.film-banner .hero-film__main-image {
display: flex;
justify-content: center;
margin: 0 auto;
margin-top: 100px;
margin-bottom: 20px;
max-width: 100%;
}
@media (min-width: 576px) {
.film-banner .hero-film__main-image {
max-width: 400px;
}
}
.film-banner .hero-film__subheading {
text-align: center;
color: white;
}
.film-banner .hero-film__buttons .button,
.film-banner .hero-film__buttons .shopify-challenge__button.btn,
.film-banner
.hero-film__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.film-banner
.hero-film__buttons
.yotpo-load-more-button {
width: 90%;
padding: 15px 20px;
background: #ffffff;
max-width: 90%;
border-radius: 30px;
}
@media (min-width: 768px) {
.film-banner .hero-film__buttons .button,
.film-banner .hero-film__buttons .shopify-challenge__button.btn,
.film-banner
.hero-film__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.film-banner
.hero-film__buttons
.yotpo-load-more-button {
max-width: 168px;
}
}
.film-banner .hero-film__buttons {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.film-banner .hero-film__buttons svg {
width: 14px;
margin-right: 11px;
}
.film-banner .hero-film__popup-close {
right: -10px;
}
.film-banner .hero-film__popup-close svg {
width: 17px;
margin-right: 0;
}
@media (min-width: 992px) {
.film-banner {
min-height: 100vh;
}
}
.block-cards-carousel {
padding-top: 60px;
padding-bottom: 60px;
}
.block-cards-carousel .block-cards-carousel__slider-container {
overflow: hidden;
}
.block-cards-carousel .slider__arrow {
display: none;
}
.block-cards-carousel .swiper-wrapper {
margin: 0 -10px;
}
.block-cards-carousel .swiper-container:not([data-slider-container]) {
overflow: auto;
}
.block-cards-carousel .swiper-slide {
max-width: 100%;
margin-right: 0;
padding: 0 10px;
}
.block-cards-carousel__slide-content {
position: relative;
transition: transform 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
will-change: transform;
}
.block-cards-carousel__slide-content::before {
content: "";
position: absolute;
top: 0;
left: 50%;
opacity: 0;
width: 75%;
height: 100%;
box-shadow: 0 15px 5rem 0 #0000004d;
transform: translateX(-50%);
transition: opacity 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.block-cards-carousel__slide-content:hover
.block-cards-carousel__item-image-wrapper::after {
opacity: 0;
}
.block-cards-carousel__slide-content:hover
.block-cards-carousel__item-content {
transform: translateY(-7%);
transition: transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.block-cards-carousel__slide-content:hover
.block-cards-carousel__item-button {
opacity: 1;
transition: opacity 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
}
}
.block-cards-carousel__item-wrapper {
position: relative;
overflow: hidden;
border-radius: 8px;
}
.block-cards-carousel__item {
position: relative;
overflow: hidden;
padding-top: 100%;
background-color: #f5f5f5;
}
.block-cards-carousel__item-image-wrapper::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
opacity: 0.8;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #0009, #000000bf);
transition: opacity 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.block-cards-carousel__item-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.block-cards-carousel__item-content {
position: absolute;
top: 45%;
left: 0;
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
font-weight: 400;
letter-spacing: -0.01em;
text-align: center;
transform: translateY(-7%);
transition: transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
flex-direction: column;
}
.block-cards-carousel__item-title {
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -0.01em;
color: #fff;
}
.block-cards-carousel__item-button {
opacity: 1;
margin-top: 30px;
padding: 0 15px;
transition: opacity 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
min-height: 56px;
min-width: 168px;
}
.block-cards-carousel__item-link {
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
}
.block-cards-carousel__item-link:empty {
display: block;
}
@media (min-width: 768px) {
.block-cards-carousel .block-cards-carousel__slider-container {
padding-top: 80px;
padding-bottom: 80px;
}
.block-cards-carousel .swiper-slide {
flex: 0 0 50%;
max-width: calc(50% - 0px);
}
}
@media (min-width: 992px) {
.block-cards-carousel {
padding-top: 40px;
padding-bottom: 40px;
}
.block-cards-carousel .slider__arrow.slider__arrow--next {
right: 50px;
margin: 0;
}
.block-cards-carousel .block-cards-carousel__slider-container {
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
padding-left: 80px;
padding-right: 80px;
}
.block-cards-carousel .swiper-slide {
padding: 80px 10px;
}
.block-cards-carousel
.swiper-container:not([data-slider-container])
.swiper-wrapper {
overflow: hidden;
}
.block-cards-carousel
.swiper-container:not([data-slider-container])
.slider__arrow {
display: none;
}
.block-cards-carousel__item-title {
font-size: 2.5rem;
}
.block-cards-carousel__item {
padding-top: 66.67%;
}
}
@media (min-width: 992px) and (-moz-touch-enabled: 0),
(min-width: 992px) and (hover: hover) {
.block-cards-carousel__slide-content:hover {
transform: scale(1.02);
}
.block-cards-carousel__slide-content:hover::before {
opacity: 1;
}
.block-cards-carousel__slide-content:hover
.block-cards-carousel__item-image-wrapper::after {
opacity: 0;
}
.block-cards-carousel__slide-content:hover
.block-cards-carousel__item-content {
transform: translateY(-14%);
transition: transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.block-cards-carousel__slide-content:hover
.block-cards-carousel__item-button {
opacity: 1;
transition: opacity 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
}
}
@media (min-width: 992px) {
.block-cards-carousel__item-content {
top: 42%;
transform: translateY(0%);
transition: transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
}
}
@media (min-width: 992px) {
.block-cards-carousel__item-button {
opacity: 0;
}
.block-cards-carousel__item-button.button--static {
opacity: 1;
}
}
@media (min-width: 1200px) {
.block-cards-carousel .slider__arrow {
display: block;
}
}
@media (min-width: 1400px) {
.block-cards-carousel__slide-content:hover
.block-cards-carousel__item-content {
transform: translateY(-9%);
}
}
.template-films {
background-color: black;
color: white;
}
.template-films .article-card-video__title {
font-family: "GalaxieCopernicus", sans-serif;
}
.template-films .hero-film .hero-film__content .hero-film__subheading {
font-size: 16px;
}
.template-films .hero-film .hero-film__content .hero-film__subheading p {
font-size: 16px;
}
.template-films .block-copy__description {
font-size: 24px;
color: white;
max-width: 810px;
}
.template-films .block-copy__description p {
color: white;
}
.template-films .slider__arrow {
background-color: #000;
box-shadow: 0 6px 8px 0 #9993;
color: white;
}
.template-films .article-card-blog__link {
background-color: #121212;
}
.template-films .article-card-blog__inner-content {
color: white;
}
.template-films .article-card-blog__content-title {
color: white;
}
.template-films .article-card-blog__content-author {
color: white;
}
.template-films .article-card-video__text {
color: white;
}
.template-films .film-carousel.film-carousel--white {
background: black;
color: white;
}
@media (min-width: 768px) {
.template-films .hero-film .button,
.template-films .hero-film .shopify-challenge__button.btn,
.template-films
.hero-film
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-films
.hero-film
.yotpo-load-more-button {
width: inherit;
}
}
.template-films .film-carousel .film-carousel__top {
padding-left: 0;
}
@media (min-width: 768px) {
.template-films .film-carousel .film-carousel__top {
padding-left: 80px;
}
}
.template-films .global-banner__buttons .button,
.template-films .global-banner__buttons .shopify-challenge__button.btn,
.template-films
.global-banner__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-films
.global-banner__buttons
.yotpo-load-more-button {
min-width: 168px;
padding: 5px 20px;
}
.template-films .global-banner__title p {
font-family: "RidgewaySans-Regular", sans-serif;
font-weight: 500;
}
.template-films .hero-film {
min-height: 600px;
}
.template-films .blog-article-carousel {
margin-bottom: 45px;
}
.template-films .blog-article-carousel .blog-article-carousel__top {
padding-right: 0;
}
@media (min-width: 992px) {
.template-films .hero-film .hero-film__content .hero-film__title {
margin-bottom: 20px;
}
.template-films .hero-film .hero-film__content .hero-film__subheading {
margin-bottom: 19px;
}
.template-films .hero-film .hero-film__content .hero-film__subtitle {
margin-bottom: 25px;
}
.template-films .film-carousel {
padding: 114px 0;
}
.template-films .hero-film {
min-height: var(--banner-height);
}
.template-films .block-copy__description {
font-size: 32px;
}
.template-films .blog-article-carousel .blog-article-carousel__top {
padding-right: 40px;
}
.template-films .blog-article-carousel {
margin-bottom: 187px;
}
}
.rich-text--two-columns {
padding-top: 80px;
padding-bottom: 50px;
background: var(--background-color);
color: var(--text-color);
}
.rich-text--two-columns .rich-text__col {
max-width: 415px;
}
.rich-text--two-columns .rich-text__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 1.2;
}
.rich-text--two-columns .rich-text__link {
display: block;
margin-top: 74px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.25;
letter-spacing: -0.16px;
text-decoration: none;
cursor: pointer;
}
.rich-text--two-columns span.rich-text__link {
cursor: default;
}
.rich-text--two-columns .rich-text__description {
margin-top: 110px;
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
color: inherit;
}
@media (min-width: 576px) {
.rich-text--two-columns .rich-text__title {
font-size: 48px;
}
}
@media (min-width: 768px) {
.rich-text--two-columns {
padding-top: 100px;
}
}
@media (min-width: 992px) {
.rich-text--two-columns {
padding-top: 160px;
padding-bottom: 60px;
}
.rich-text--two-columns .rich-text__row {
display: flex;
justify-content: space-between;
}
.rich-text--two-columns .rich-text__col {
flex: 0 0 50%;
}
.rich-text--two-columns .rich-text__description {
margin: 0;
}
}
.cards-inverse {
overflow: hidden;
padding-top: 80px;
padding-bottom: 90px;
background: var(--background-color);
max-width: 100%;
}
.cards-inverse .swiper-container {
padding-bottom: 30px;
}
.cards-inverse .swiper-scrollbar {
background: #d6d6d6;
}
.cards-inverse .swiper-scrollbar-drag {
display: block;
background: #000;
}
.cards-inverse .swiper-container-horizontal > .swiper-scrollbar {
bottom: 0;
left: 50%;
width: 70%;
height: 5px;
transform: translateX(-50%);
border-radius: 2px;
}
.cards-inverse .slider__arrow {
opacity: 0;
transition: opacity 0.3s;
}
.cards-inverse .swiper-slide {
flex: 0 0 100%;
width: 100%;
margin-right: 0;
padding: 0 10px;
max-width: 100%;
}
.card-inverse {
overflow: hidden;
}
.card-inverse .card-inverse__inner-content {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 31px 30px;
min-height: 100%;
flex-direction: column;
}
.card-inverse .card-inverse__title {
position: relative;
z-index: 100;
font-size: 20px;
line-height: 25px;
text-align: left;
color: #fff;
}
.card-inverse .card-inverse__title.card-inverse__title--inverse {
color: #212428;
}
.card-inverse .card-inverse__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.card-inverse .card-inverse__image-wrapper {
position: relative;
overflow: hidden;
display: block;
width: 100%;
height: 100%;
padding-top: 100%;
background: black;
min-height: 200px;
}
.card-inverse .card-inverse__link {
position: relative;
display: flex;
width: 100%;
height: 100%;
background: #f5f5f5;
text-decoration: none;
flex-direction: column;
border-radius: 8px;
}
@media (min-width: 576px) {
.cards-inverse .swiper-container-horizontal > .swiper-scrollbar {
width: 50%;
}
}
@media (min-width: 768px) {
.cards-inverse {
padding-top: 100px;
padding-bottom: 100px;
}
.cards-inverse .swiper-slide {
max-width: 50%;
}
}
@media (min-width: 992px) {
.cards-inverse {
padding-top: 160px;
padding-bottom: 160px;
}
.cards-inverse .swiper-slide {
max-width: 33.333%;
}
.cards-inverse .initialized .slider__arrow {
opacity: 1;
margin: 0;
transition: opacity 0.3s;
}
.cards-inverse .initialized .slider__arrow--prev {
left: -30px;
}
.cards-inverse .initialized .slider__arrow--next {
right: -30px;
}
.card-inverse .card-inverse__title {
font-size: 24px;
line-height: 1.15;
letter-spacing: -0.3px;
}
}
@media (min-width: 1200px) {
.cards-inverse .swiper-scrollbar {
display: none;
}
.card-inverse__link .card-inverse__image-wrapper {
transform: scale(1);
transition: transform 1s cubic-bezier(0.395, 0.005, 0.19, 1);
}
}
@media (min-width: 1200px) and (-moz-touch-enabled: 0),
(min-width: 1200px) and (hover: hover) {
.card-inverse__link:hover .card-inverse__image-wrapper {
transform: scale(1.1);
transition: transform 1s cubic-bezier(0.395, 0.005, 0.19, 1);
}
}
@media (min-width: 1200px) {
.card-inverses .slider__arrow.slider__arrow--next {
right: 30px;
margin: 0;
}
.card-inverses .slider__arrow.slider__arrow--prev {
left: 50px;
margin: 0;
}
.card-inverses .slider__arrow {
opacity: 1;
}
}
@media (min-width: 1400px) {
.card-inverse .card-inverse__title {
font-size: 32px;
line-height: 36px;
}
}
.cards-inverse--slider {
overflow: hidden;
padding-top: 80px;
padding-bottom: 90px;
background: var(--background-color);
max-width: 100%;
}
.cards-inverse--slider .slider__arrow {
display: none;
opacity: 0;
transition: opacity 0.3s;
}
.cards-inverse--slider .swiper-container {
padding-bottom: 80px;
}
.cards-inverse--slider .swiper-scrollbar {
background: #d6d6d6;
}
.cards-inverse--slider .swiper-scrollbar-drag {
display: block;
background: #000;
}
.cards-inverse--slider .swiper-container-horizontal > .swiper-scrollbar {
bottom: 0;
left: 50%;
width: 70%;
height: 5px;
border-radius: 2px;
transform: translateX(-50%);
}
.cards-inverse--slider .card-inverse .card-inverse__inner-content {
max-height: 101%;
}
.cards-inverse--slider .card-inverse__title {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 9;
}
.cards-inverse--slider .swiper-slide {
flex: 0 0 100%;
width: 90%;
height: auto;
margin-right: 0;
padding: 0 10px;
max-width: 100%;
}
.cards-inverse--slider .swiper-slide.swiper-slide--big {
width: 90%;
}
.cards-inverse--slider .swiper-slide.swiper-slide--big .card-inverse {
height: 100%;
}
.cards-inverse--slider
.swiper-slide.swiper-slide--big
.card-inverse__inner-content {
justify-content: flex-start;
align-items: flex-start;
padding-top: 50px;
}
.cards-inverse--slider .swiper-slide.swiper-slide--big .card-inverse__title {
max-width: 170px;
-webkit-line-clamp: 14;
}
@media screen and (max-width: 460px) {
.cards-inverse--slider .swiper-slide.swiper-slide--big .card-inverse__title {
max-width: 120px;
}
}
.cards-inverse--slider
.swiper-slide.swiper-slide--second
.card-inverse:first-child {
margin-bottom: 20px;
}
.cards-inverse--slider .swiper-slide .card-inverse {
min-height: calc(50% - 10px);
}
@media (min-width: 480px) {
.cards-inverse--slider .swiper-slide .card-inverse__title {
font-size: 20px;
}
.cards-inverse--slider .swiper-slide.swiper-slide--big .card-inverse__title {
font-size: 28px;
}
}
@media (min-width: 768px) {
.cards-inverse--slider {
padding-top: 100px;
padding-bottom: 100px;
}
.cards-inverse--slider .card-inverse__title {
-webkit-line-clamp: 6;
}
.cards-inverse--slider .swiper-slide {
max-width: 40%;
}
.cards-inverse--slider .swiper-slide.swiper-slide--big {
max-width: calc(80% + 20px);
}
.cards-inverse--slider
.swiper-slide.swiper-slide--big
.card-inverse__image-wrapper {
padding-top: 100%;
}
.cards-inverse--slider .swiper-slide.swiper-slide--big .card-inverse__title {
-webkit-line-clamp: 10;
}
}
@media (min-width: 992px) {
.cards-inverse--slider {
padding-top: 160px;
padding-bottom: 160px;
}
.cards-inverse--slider .card-inverse__title {
-webkit-line-clamp: 7;
}
.cards-inverse--slider .swiper-slide {
max-width: 31.8%;
}
.cards-inverse--slider .swiper-slide.swiper-slide--big {
max-width: calc(62% + 20px);
}
.cards-inverse--slider .swiper-slide.swiper-slide--big .card-inverse__title {
-webkit-line-clamp: 12;
}
.cards-inverse--slider .initialized .slider__arrow {
opacity: 1;
margin: 0;
transition: opacity 0.3s;
}
.cards-inverse--slider .initialized .slider__arrow--prev {
left: -30px;
}
.cards-inverse--slider .initialized .slider__arrow--next {
right: -30px;
}
}
@media (min-width: 1200px) {
.cards-inverse--slider .card-inverse__link .card-inverse__image-wrapper {
transform: scale(1);
transition: transform 1s cubic-bezier(0.395, 0.005, 0.19, 1);
}
}
@media (min-width: 1200px) and (-moz-touch-enabled: 0),
(min-width: 1200px) and (hover: hover) {
.cards-inverse--slider
.card-inverse__link:hover
.card-inverse__image-wrapper {
transform: scale(1.1);
transition: transform 1s cubic-bezier(0.395, 0.005, 0.19, 1);
}
}
@media (min-width: 1200px) {
.cards-inverse--slider .slider__arrow {
display: block;
opacity: 1;
}
}
@media (min-width: 1200px) {
.cards-inverse--slider .slider__arrow.slider__arrow--next {
right: -120px;
margin: 0;
}
}
@media (min-width: 1200px) {
.cards-inverse--slider .slider__arrow.slider__arrow--prev {
left: -100px;
margin: 0;
}
}
@media (min-width: 1200px) {
.cards-inverse--slider .swiper-scrollbar {
display: none;
}
}
@media (min-width: 1400px) {
.cards-inverse--slider .swiper-slide .card-inverse__title {
font-size: 32px;
line-height: 36px;
}
.cards-inverse--slider
.swiper-slide.swiper-slide--big
.card-inverse__inner-content {
padding: 50px 60px;
}
.cards-inverse--slider .swiper-slide.swiper-slide--big .card-inverse__title {
font-size: 48px;
max-width: 60%;
line-height: 1.15;
-webkit-line-clamp: 10;
}
.cards-inverse--slider
.swiper-slide.swiper-slide--big
.card-inverse
.card-inverse__image-wrapper {
position: relative;
}
.cards-inverse--slider
.swiper-slide.swiper-slide--big
.card-inverse
.card-inverse__inner-content {
position: absolute;
}
.cards-inverse--slider .card-inverse {
min-height: calc(50% - 10px);
}
.circle__images .circle__images-alignment--left_bottom {
bottom: -25%;
}
.circle__images .circle__images .circle__images-text-content {
width: 45.6%;
}
}
.gift-card .gift-card__contant {
max-width: 784px;
margin: 50px auto 80px;
}
.gift-card .gift-card__title {
margin-bottom: 32px;
font-size: 50px;
line-height: 56px;
text-align: center;
color: #212529;
}
.gift-card .gift-card__description {
padding: 0 20px;
font-size: 16px;
text-align: center;
color: #212529;
}
.gift-card .gift-card__description p {
font-size: 16px;
color: #212529;
}
@media (min-width: 768px) {
.gift-card .gift-card__description {
padding: initial;
}
}
.gift-card .gift-card__button {
margin: 35px auto 17px;
padding: 10px 31px;
background: #000;
color: #fff;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
}
.gift-card .gift-card__popup {
display: block;
font-family: var(--font-heading-family), sans-serif;
letter-spacing: -0.16px;
text-align: center;
}
.gift-card hr {
height: 1px;
margin: 40px 0;
background: black;
}
.gift-card .gift-card__have-card {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
}
.gift-card .gift-card__have-card picture,
.gift-card .gift-card__have-card source {
display: contents;
}
@media (min-width: 768px) {
.gift-card .gift-card__have-card {
align-items: end;
flex-direction: row;
text-align: left;
}
}
.gift-card .gift-card__have-card-description {
margin-bottom: 35px;
}
.gift-card .gift-card__have-card-description p {
margin: 0;
font-size: 14px;
line-height: 24.5px;
}
.gift-card .gift-card__have-card-description strong {
font-size: 20px;
line-height: 24px;
}
.gift-card .gift-card__have-card-description a {
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: -0.16px;
}
.gift-card .gift-card__modal {
position: fixed;
top: 0;
left: 0;
opacity: 0;
background: #000;
color: #fff;
pointer-events: none;
}
.gift-card .gift-card__modal--open {
opacity: 1;
pointer-events: auto;
}
.gift-card .gift-card__content {
position: relative;
}
.gift-card .gift-card__modal-close {
position: absolute;
top: 10px;
right: 30px;
cursor: pointer;
}
.gift-card .gift-card__modal-close path {
fill: #fff;
}
.gift-card .gift-card__modal-content {
overflow: auto;
width: 100vw;
height: 100vh;
}
.gift-card .gift-card__modal-items {
display: flex;
justify-content: center;
flex-direction: column;
max-width: 800px;
height: 100%;
padding: 70px 30px;
gap: 20px;
font-family: var(--font-heading-family), sans-serif;
}
.gift-card .gift-card__modal-description {
display: none;
margin-top: 30px;
font-size: 11px;
}
.gift-card .gift-card__modal-description p {
margin-top: 10px;
font-size: 11px;
}
.gift-card .gift-card__modal-item-title {
font-size: 28px;
line-height: 32px;
cursor: pointer;
}
.card-message {
font-size: 12px;
color: red;
font-style: italic;
}
.egift-card .egift-card__container {
margin-bottom: 260px;
}
.egift-card .egift-card__title {
padding: 0 40px;
font-size: 32px;
line-height: 44px;
text-align: center;
}
@media (min-width: 768px) {
.egift-card .egift-card__title {
font-size: 40px;
line-height: 54px;
}
}
.egift-card .egift-card__content {
display: flex;
justify-content: center;
margin-top: 67px;
flex-direction: column;
padding: 13px;
}
@media (min-width: 768px) {
.egift-card .egift-card__content {
flex-direction: row;
}
}
.egift-card .egift-card__design-title {
font-size: 24px;
line-height: 28px;
text-align: center;
}
@media (min-width: 768px) {
.egift-card .egift-card__design-title {
margin-left: 6px;
text-align: left;
}
}
.egift-card .egift-card__design-image-wrapper {
position: relative;
width: 50%;
cursor: pointer;
}
.egift-card .egift-card__design-image-wrapper input {
position: absolute;
opacity: 0;
}
.egift-card
.egift-card__design-image-wrapper
input[type="radio"]:checked
~ .egift-card__design-image-active {
display: flex;
}
.egift-card .egift-card__design-images {
display: flex;
flex-wrap: wrap;
margin-top: 22px;
max-width: 560px;
}
@media (min-width: 768px) {
.egift-card .egift-card__design-images {
margin-top: 42px;
}
}
.egift-card .egift-card__design-image {
width: 95%;
}
.egift-card .egift-card__design-image-active {
position: absolute;
top: 0;
left: 0;
display: none;
justify-content: center;
align-items: center;
width: 95%;
height: 96%;
background: #00000063;
border-radius: 10px;
}
.egift-card .egift-card__design-image-active svg {
width: 33px;
height: 33px;
padding: 10px;
border: 1px solid #fff;
color: #fff;
border-radius: 50%;
}
@media (min-width: 768px) {
.egift-card .egift-card__design-image-active svg {
width: 52px;
height: 52px;
}
}
.egift-card .egift-card__hr {
display: block;
width: auto;
height: 1px;
margin: 35px 0 29px;
background-color: #83828633;
}
@media (min-width: 768px) {
.egift-card .egift-card__hr {
width: 1px;
height: auto;
margin: 0 43px 0 17px;
}
}
.egift-card .egift-card__form {
width: 100%;
}
@media (min-width: 768px) {
.egift-card .egift-card__form {
width: 525px;
margin-top: 65px;
}
}
.egift-card .egift-card__form-image {
width: 97%;
}
.egift-card .egift-card__form-input-group {
display: block;
margin-top: 20px;
}
.egift-card .egift-card__form-input-error {
display: none;
font-size: 12px;
color: red;
font-style: italic;
}
.egift-card .egift-card__form-input.egift-card__form-input--error {
border: 1px solid red;
}
.egift-card
.egift-card__form-input.egift-card__form-input--error
+ .egift-card__form-input-error {
display: block;
}
.egift-card .egift-card__form-input {
width: 100%;
padding: 21px;
border: none;
background: #f5f5f5;
color: #838286;
font-style: italic;
}
.egift-card .egift-card__form-select-wrapper {
position: relative;
}
.egift-card .egift-card__form-select-wrapper svg {
position: absolute;
top: 18px;
right: 27px;
width: 18px;
height: 18px;
pointer-events: none;
}
.egift-card .egift-card__form-select {
width: 100%;
padding: 16px 21px;
border: none;
background: #f5f5f5;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.egift-card .egift-card__form-select::after {
content: "";
border-right: 1px solid black;
border-bottom: 1px solid black;
}
.egift-card .egift-card__form-textarea {
width: 100%;
height: 205px;
padding: 16px 21px;
border: none;
background: #f5f5f5;
resize: none;
color: #838286;
font-style: italic;
}
.egift-card .egift-card__form-textarea.egift-card__form-input--error {
border: 1px solid red;
}
.egift-card
.egift-card__form-textarea.egift-card__form-input--error
+ .egift-card__form-input-error {
display: block;
}
.egift-card .egift-card__form-buttons {
display: flex;
gap: 29px;
margin-top: 44px;
flex-direction: column;
}
@media (min-width: 768px) {
.egift-card .egift-card__form-buttons {
flex-direction: row;
gap: 25px;
}
}
.egift-card .egift-card__form-button-preview {
width: 100%;
height: 48px;
max-width: 250px;
margin: 0 auto;
background-color: #f5f5f5;
}
.egift-card .egift-card__form-button-add {
width: 100%;
height: 48px;
max-width: 250px;
background-color: #000;
color: #fff;
}
.egift-card .egift-card__form-text {
margin-top: 20px;
font-size: 14px;
line-height: 28px;
text-align: center;
font-style: italic;
}
.egift-card .egift-card__form-text a {
font-size: 14px;
line-height: 28px;
font-style: italic;
}
@media (min-width: 768px) {
.egift-card .egift-card__form-text {
text-align: left;
}
}
.sc-balance-page {
padding: 48px 24px;
text-align: center;
}
.sc-balance-page * {
margin: 0;
padding: 0;
}
.sc-balance-page .sc-text-container {
max-width: 525px;
}
.sc-balance-page .sc-text-container h1 {
margin-bottom: 51px;
font-size: 32px;
line-height: 44px;
}
.sc-balance-page .sc-text-container p {
max-width: 460px;
margin: 0 auto;
font-size: 16px;
line-height: 28px;
}
.sc-balance-page .sc-hero-checker-container {
margin-top: 52px;
}
.sc-balance-page .sc-hero-checker-container .scgh-balance-checker {
max-width: 525px;
}
.sc-balance-page .sc-hero-checker-container .scgh-checker {
width: 100%;
margin: 0;
padding: 0;
}
.sc-balance-page .sc-hero-checker-container .scgh-checker .scgh-info-container {
width: 100%;
}
.sc-balance-page
.sc-hero-checker-container
.scgh-checker
.scgh-info-container
.scgh-checker__form {
position: relative;
}
.sc-balance-page
.sc-hero-checker-container
.scgh-checker
.scgh-info-container
.scgh-checker__form
label {
display: none;
}
.sc-balance-page
.sc-hero-checker-container
.scgh-checker
.scgh-info-container
.scgh-checker__form::after {
content: "Card Number";
position: absolute;
top: 0;
left: 0;
}
.sc-balance-page
.sc-hero-checker-container
.scgh-checker
.scgh-info-container
.scgh-checker__textfield
.sch-class.gform_ {
padding: 16px;
border: none;
background-color: #f5f5f5 !important;
font-size: 24px;
text-align: left;
}
.sc-balance-page
.sc-hero-checker-container
.scgh-checker
.scgh-info-container
.scgh-checker__textfield
button {
max-width: 220px;
width: 100%;
margin-top: 52px;
padding: 15px 0;
font-size: 16px;
line-height: 16px;
border-radius: 30px !important;
color: #000 !important;
transition: transform 0.5s;
}
.sc-balance-page
.sc-hero-checker-container
.scgh-checker
.scgh-info-container
.scgh-checker__textfield
button::after {
content: "Get Balance";
position: absolute;
top: 50%;
left: 0;
width: 100%;
font-weight: 500;
text-transform: capitalize;
color: #fff;
transform: translateY(-50%);
}
.sc-balance-page
.sc-hero-checker-container
.scgh-checker
.scgh-info-container
.scgh-checker__textfield
button:hover {
transform: scale(1.1);
}
.sc-balance-page .scgh-checker__cards {
display: none;
}
.sc-balance-page .sc-hero-checker-container + .sc-text-container {
margin-top: 52px;
max-width: 580px;
}
.sc-balance-page .sc-hero-checker-container + .sc-text-container p {
width: 100%;
max-width: 580px;
margin: 15px 0;
}
@media (min-width: 768px) {
.sc-balance-page .sc-text-container h1 {
font-size: 40px;
line-height: 54px;
}
}
.wornwear-description {
display: flex;
justify-content: center;
align-items: center;
padding: 0 40px;
background: #fff7e6;
}
.wornwear-description .wornwear-description__container {
display: flex;
justify-content: center;
align-items: center;
margin-top: 225px;
margin-bottom: 225px;
flex-direction: column;
max-width: 650px;
}
.wornwear-description .wornwear-description__title {
font-size: 54px;
text-align: center;
color: #e0592b;
}
.wornwear-description .wornwear-description__text {
margin-top: 27px;
margin-bottom: 45px;
font-size: 18px;
text-align: center;
color: #644324;
}
.wornwear-description .wornwear-description__text p {
font-size: 18px;
}
.wornwear-description .wornwear-description__button {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 10px 35px;
border: 4px solid #644324;
color: #644324;
}
.wornwear-banner {
position: relative;
}
.wornwear-banner .wornwear-banner__image {
width: 100%;
}
.wornwear-banner .wornwear-banner__container {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0 40px;
}
.wornwear-banner .wornwear-banner__content {
max-width: 578px;
text-align: center;
color: #fff7e6;
}
.wornwear-banner .wornwear-banner__title {
font-family: var(--font-heading-family), sans-serif;
font-size: 22px;
}
@media (min-width: 768px) {
.wornwear-banner .wornwear-banner__title {
font-size: 52px;
}
}
.wornwear-banner .wornwear-banner__text p {
font-size: 12px;
}
@media (min-width: 768px) {
.wornwear-banner .wornwear-banner__text p {
font-size: 18px;
}
}
.wornwear-banner picture {
display: flex;
}
.wornwear-banner::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0.3;
width: 100%;
height: 100%;
background: #000;
}
.wornwear-cards-carousel {
background: #fff7e6;
}
.wornwear-cards-carousel .article-card-blog .article-card-blog__inner-content,
.wornwear-cards-carousel .article-card-blog .article-card-blog__content-title,
.wornwear-cards-carousel .article-card-blog .article-card-blog__content-author,
.wornwear-cards-carousel .article-card-blog .article-card-video__text {
color: #fff;
}
.wornwear-cards-carousel
.article-card-blog
.article-card-blog__content-readtime {
bottom: 30px;
}
.wornwear-cards-carousel .article-card-blog .article-card-blog__link {
background: #644324;
}
.wornwear-cards-carousel
.article-card-blog
.article-card-blog__link:hover
.article-card-blog__content-readtime {
padding: 5px 4px;
border: 4px solid #fff;
background: none;
}
.wornwear-cards-carousel .article-card-blog .article-card-blog__hidden-content {
background: #644324;
}
.wornwear-cards-carousel .swiper-slide {
width: calc(100vw - 80px);
height: calc((100vw - 80px) * 1.2);
margin: 0;
padding: 10px;
max-width: calc(100vw - 80px);
max-height: calc((100vw - 80px) * 1.2);
}
@media (min-width: 768px) {
.wornwear-cards-carousel .swiper-slide {
max-width: calc((100vw - 80px) / 2);
width: calc((100vw - 80px) / 2);
height: calc((100vw - 80px) / 2 * 1.2);
max-height: calc((100vw - 80px) / 2 * 1.2);
}
}
@media (min-width: 1200px) {
.wornwear-cards-carousel .swiper-slide {
max-width: calc((100vw - 160px) / 4);
width: calc((100vw - 160px) / 4);
height: calc((100vw - 160px) / 4 * 1.2);
max-height: calc((100vw - 160px) / 4 * 1.2);
}
}
.wornwear-cards-carousel .stories-carousel {
padding: 185px 0 111px;
}
.wornwear-cards-carousel .stories-carousel .swiper-slide.card:first-child {
margin-left: 40px;
}
.wornwear-cards-carousel .stories-carousel .swiper-slide.card:last-child {
margin-right: 40px;
}
.wornwear-cards-carousel .stories-carousel__header {
align-items: baseline;
}
.wornwear-cards-carousel .stories-carousel__header-title {
margin-left: 50px;
color: #644324;
}
.wornwear-cards-carousel .stories-carousel__slider-container {
padding: 0;
}
.row-image-template {
position: relative;
padding-bottom: 100px;
background-color: var(--content-background);
}
.row-image-template .row-image-template__item {
position: relative;
}
.row-image-template
.row-image-template__item
.row-image-template__background-color-block {
opacity: 0.1;
transition: 3s opacity ease;
}
.row-image-template
.row-image-template__item.row-image-template__item--scrolled
.row-image-template__background-color-block {
opacity: 1;
}
.row-image-template .row-image-template__description {
z-index: 10000;
margin-bottom: 14px;
color: #fff;
max-width: 700px;
}
.row-image-template .row-image-template__description p {
font-family: var(--font-heading-family), sans-serif;
font-size: 30px;
line-height: 38px;
}
.row-image-template .row-image-template__description p + p {
margin-top: 30px;
}
.row-image-template .row-image-template__description a {
font-family: var(--font-heading-family), sans-serif;
font-size: 18px;
line-height: 38px;
}
.row-image-template .row-image-template__button {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
background: white;
font-family: var(--font-heading-family), sans-serif;
font-size: 18px;
line-height: 38px;
text-decoration: none;
color: black;
min-height: 50px;
min-width: 158px;
border-radius: 30px;
}
.row-image-template .row-image-template__background-color-block {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 40px;
color: white;
min-height: 300px;
flex-direction: column;
}
.row-image-template
.row-image-template__background-color-block.row-image-template__background-color-block--image {
right: 0;
padding: 0;
}
.row-image-template .row-image-template__background-color-block img {
margin: 0;
margin-bottom: 0;
min-width: 90%;
}
@media (min-width: 768px) {
.row-image-template .row-image-template__background-color-block img {
margin: 50px;
min-width: 400px;
}
}
@media (min-width: 768px) {
.row-image-template .row-image-template__background-color-block {
padding: 50px;
flex-direction: row;
}
}
.row-image-template .row-image-template__container {
position: relative;
top: 0;
z-index: 5;
width: 100%;
min-width: 49%;
}
.row-image-template .row-image-template__background-color-block--image {
position: absolute;
top: 0;
align-self: flex-start;
width: 100vw;
width: 50vw;
height: calc(100vh - 100px);
height: -o-calc(100vh - 100px);
}
.row-image-template .row-image-template__background-color-block--image img {
position: absolute;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
transition: opacity 0.6s;
-o-object-fit: cover;
object-fit: cover;
}
.row-image-template
.row-image-template__background-color-block--image
img.row-image-template__image--active {
opacity: 1;
transition: opacity 0.6s;
}
.row-image-template .row-image-template__image {
width: 100%;
}
.row-image-template .row-image-template__background-image-block {
width: 50%;
}
.card-event {
position: relative;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
width: 100%;
height: 100%;
background: #fafafa;
text-decoration: none;
}
.card-event__image-wrapper {
position: relative;
width: 100%;
margin-bottom: 0;
max-width: 100%;
padding-top: 100%;
}
.card-event__image-wrapper img {
position: absolute;
top: 0;
width: 100%;
height: 100%;
filter: brightness(0.8);
-o-object-fit: cover;
object-fit: cover;
}
.card-date {
position: absolute;
top: 0;
width: 100%;
padding: 25px;
color: #fff;
}
.card-date__title {
margin-bottom: 10px;
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 1.2;
}
.card-date__subtitle {
margin: 0;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
}
.card-event__content {
padding: 33px 23px 23px;
text-align: left;
text-decoration: none;
}
.card-event__title {
margin-bottom: 10px;
font-family: var(--font-heading-family), sans-serif;
font-size: 19px;
font-weight: 500;
line-height: 1.14;
min-height: 69px;
}
.card-event__theme {
margin: 0;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.75;
}
@media (min-width: 768px) {
.card-event__theme {
font-size: 12px;
}
}
.overview-section {
padding: 50px 0 80px;
}
@media screen and (max-width: 767px) {
.overview-section .container.container--fluid {
padding-left: 20px;
padding-right: 20px;
}
}
.overview-section .overview-section__row {
display: flex;
align-items: center;
padding: 0;
text-align: center;
flex-direction: column;
}
.overview-section .overview-section__row p {
margin-top: 15px;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
letter-spacing: -0.16px;
}
.overview-section .overview-section__row p a {
text-decoration: underline;
}
.overview-section .overview-section__row p strong {
font-family: var(--font-heading-family), sans-serif;
font-weight: 500;
}
.overview-section .overview-section__sidebar {
margin-bottom: 70px;
max-width: 325px;
}
.overview-section .overview-section__sidebar p {
font-size: 15px;
}
.overview-section .overview-section__sidebar .overview-section__phones {
margin-bottom: 25px;
}
.overview-section .overview-section__sidebar .overview-section__phones p {
margin: 0;
}
.overview-section .overview-section__sidebar .overview-section__phones a {
margin-bottom: 5px;
font-family: var(--font-heading-family), sans-serif;
font-size: 15px;
font-weight: 500;
text-decoration: none;
}
.overview-section .overview-section__sidebar .overview-section__phones a:hover {
text-decoration: underline;
}
.overview-section .overview-section__sidebar .overview-section__address {
margin-bottom: 10px;
}
.overview-section .overview-section__sidebar .overview-section__address p {
margin: 0;
}
.overview-section .overview-section__sidebar .overview-section__direction {
transform: scale(1);
transition: transform 0.3s ease;
will-change: transform;
transform-origin: left;
}
.overview-section .overview-section__sidebar .overview-section__direction p {
position: relative;
display: inline;
margin: 0;
}
.overview-section
.overview-section__sidebar
.overview-section__direction
p::after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
display: block;
width: 100%;
border-bottom: 2px solid black;
}
.overview-section .overview-section__sidebar .overview-section__direction a {
margin: 0;
font-family: var(--font-body-family), sans-serif;
font-size: 15px;
text-decoration: none;
-webkit-font-smoothing: none;
}
.overview-section
.overview-section__sidebar
.overview-section__direction:hover {
transform: scale(1.03);
transition: transform 0.3s ease;
}
.overview-section .overview-section__main {
max-width: 650px;
}
.overview-section .overview-section__main .overview-section__main-title {
margin-bottom: 25px;
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 1.17;
letter-spacing: 0;
}
.overview-section .overview-section__main .overview-section__content p {
margin-top: 13px;
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.7;
}
.overview-section .overview-section__main .overview-section__content p strong {
display: block;
margin-top: 32px;
font-family: var(--font-heading-family), sans-serif;
font-size: inherit;
font-weight: 500;
line-height: inherit;
letter-spacing: -0.16px;
}
.overview-section
.overview-section__main
.overview-section__content
.overview-section__content-links
p {
display: inline-block;
}
.overview-section
.overview-section__main
.overview-section__content
.overview-section__content-links
a {
display: block;
}
@media (min-width: 576px) {
.overview-section .overview-section__main .overview-section__main-title {
font-size: 32px;
}
}
@media (min-width: 768px) {
.overview-section .container.container--fluid {
padding-left: 90px;
padding-right: 90px;
max-width: 100%;
}
.overview-section .overview-section__row {
flex-direction: row;
justify-content: center;
align-items: flex-start;
text-align: left;
}
.overview-section .overview-section__sidebar {
width: 33%;
margin-bottom: 0;
min-width: unset;
padding-right: 2%;
}
.overview-section .overview-section__sidebar p,
.overview-section .overview-section__sidebar .overview-section__phones a {
font-size: 20px;
}
.overview-section .overview-section__sidebar .overview-section__address {
margin-bottom: 0;
}
.overview-section .overview-section__sidebar .overview-section__direction a {
font-size: 18px;
}
.overview-section .overview-section__main {
max-width: 64%;
}
}
@media (min-width: 1200px) {
.overview-section .container.container--fluid {
padding-left: 0;
padding-right: 0;
max-width: 1200px;
}
}
.event-cards {
padding-top: 80px;
padding-bottom: 80px;
}
.event-cards .event-cards__heading {
margin-bottom: 50px;
font-size: 24px;
line-height: 1.2;
text-align: center;
}
.event-cards .event-cards__row {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 80px;
}
.event-cards .event-cards__col {
width: 100%;
padding: 0 1%;
}
.event-cards .event-cards__col + .event-cards__col {
margin-top: 43px;
}
.event-cards .event-cards__sign {
margin-bottom: 200px;
}
.event-cards .event-cards__sign .event-cards__heading {
margin-bottom: 25px;
font-size: 32px;
}
.event-cards .event-cards__sign-button {
position: relative;
left: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0 20px;
font-size: 20px;
text-align: center;
transform: translate(-50%, 0);
min-height: 56px;
min-width: 90%;
}
.event-cards .event-cards__follow {
margin-bottom: 70px;
}
.event-cards .event-cards__follow .event-cards__heading {
margin-bottom: 25px;
}
.event-cards .event-cards__follow-button {
position: relative;
left: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0 20px;
background: #333;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 13px;
font-weight: 400;
text-align: center;
transform: translate(-50%, 0);
min-height: 45px;
min-width: 173px;
}
.event-cards .event-cards__follow-button:hover {
text-decoration: none;
}
@media (min-width: 768px) {
.event-cards .event-cards__col {
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 0;
padding-bottom: 2%;
}
.event-cards .event-cards__col + .event-cards__col {
margin-top: 0;
}
.event-cards .event-cards__heading {
font-size: 32px;
}
.event-cards .event-cards__sign .event-cards__heading,
.event-cards .event-cards__follow .event-cards__heading {
margin-bottom: 35px;
}
.event-cards .event-cards__sign-button {
min-width: 132px;
min-height: 50px;
}
}
@media (min-width: 992px) {
.event-cards .event-cards__col {
flex: 0 0 25%;
max-width: 25%;
}
.event-cards .event-cards__heading {
margin-bottom: 105px;
}
.event-cards .event-cards__sign .event-cards__heading,
.event-cards .event-cards__follow .event-cards__heading {
margin-bottom: 44px;
}
.event-cards .event-cards__sign {
margin: 0 auto 240px;
max-width: 568px;
}
.event-cards .event-cards__sign .event-cards__heading {
max-width: 100%;
margin-bottom: 25px;
}
}
@media (min-width: 1200px) {
.event-cards .event-cards__col {
flex: 0 0 25%;
max-width: 25%;
padding-left: 1%;
padding-right: 1%;
}
}
@media (min-width: 1400px) {
.event-cards .card-event__heading {
margin-bottom: 64px;
}
}
.individual-grants {
padding: 50px 0 160px;
}
.individual-grants .container {
width: auto;
max-width: 100%;
margin: 0;
padding: 0 24px 46px;
border: 8px solid black;
}
.individual-grants .individual-grants__logo {
position: relative;
top: -60px;
display: flex;
justify-content: center;
align-items: center;
}
.individual-grants .individual-grants__logo img {
max-width: 94px;
}
.individual-grants .individual-grants__heading {
margin-bottom: 24px;
font-size: 24px;
font-weight: 500;
line-height: 1.2;
text-align: center;
}
.individual-grants .individual-grants__content {
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 2;
text-align: center;
}
.individual-grants .individual-grants__content a {
position: relative;
left: auto;
display: flex;
justify-content: center;
align-items: center;
margin: 20px auto 40px;
padding: 0 31px;
border: 4px solid transparent;
background: #000;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
text-align: center;
text-decoration: none;
color: #fff;
border-radius: 36px;
min-height: 36px;
max-width: 220px;
transform: scale(1);
transition: transform 0.3s ease;
}
.individual-grants .individual-grants__content a:hover {
transform: scale(1.03);
transition: transform 0.3s ease;
}
@media (min-width: 768px) {
.individual-grants {
padding-bottom: 200px;
}
.individual-grants .container {
margin: 0 65px;
padding: 0 69px 69px;
}
.individual-grants .individual-grants__heading {
font-size: 32px;
}
.individual-grants .individual-grants__content {
font-size: 18px;
}
.individual-grants .individual-grants__content p {
font-size: 18px;
}
}
@media (min-width: 992px) {
.individual-grants {
padding-bottom: 240px;
}
.individual-grants .container {
margin: 0 170px;
padding: 0 139px 69px;
}
}
.custom-header-section {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 100;
}
.custom-header-block {
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
padding: 0.5em 20px;
background: var(--background);
min-height: 84px;
}
.custom-header-block .custom-header-block__row {
display: flex;
align-items: center;
}
.custom-header-block .custom-header-block__title {
display: none;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
color: #000000;
}
@media (min-width: 768px) {
.custom-header-block .custom-header-block__title {
display: block;
}
}
.custom-header-block .custom-header-block__link {
display: none;
padding: 15px;
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
text-decoration: none;
color: #000000;
transition: font-weight 0.3s ease-in;
}
@media (min-width: 768px) {
.custom-header-block .custom-header-block__link {
display: block;
}
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.custom-header-block .custom-header-block__link:hover {
font-weight: 500;
}
}
.custom-header-block .custom-header-block__button {
display: flex;
align-items: center;
margin-left: 48px;
padding: 0 20px;
border: 2px solid black;
background: #121212;
font-family: var(--font-heading-family), sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 16px;
text-decoration: none;
color: white;
transition: all 0.3s ease-in;
border-radius: 30px;
min-height: 36px;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.custom-header-block .custom-header-block__button:hover {
background: var(--background);
color: black;
}
}
@media (min-width: 768px) {
.custom-header-block {
padding: 0.5em 80px;
}
}
@media (min-width: 768px) {
.custom-header-block {
justify-content: space-between;
}
}
#ja-jobs-widget {
margin: 0 auto;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
max-width: 1440px;
}
#ja-jobs-widget .ja-loading {
display: block;
margin: 0 auto;
}
#ja-jobs-widget .bullet-points li {
font-size: 20px;
line-height: 36px;
}
#ja-jobs-widget ul li,
#ja-jobs-widget a {
font-size: 20px;
line-height: 36px;
}
#ja-jobs-widget .description {
font-size: 20px;
line-height: 36px;
}
#ja-jobs-widget strong {
font-size: 20px;
line-height: 36px;
}
#ja-jobs-widget .ja-job-list {
display: flex;
justify-content: center;
margin: 0 auto;
margin-top: 41px;
margin-left: 40px;
margin-right: 40px;
flex-wrap: wrap;
}
#ja-jobs-widget .job {
display: flex;
justify-content: space-between;
width: 100%;
margin: 9px;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 25px;
padding-bottom: 47px;
padding-left: 14px;
padding-right: 15px;
background: #f5f5f5;
border-radius: 8px;
flex-direction: column;
max-width: 315px;
}
#ja-jobs-widget .title {
margin: 0;
margin-bottom: 10px;
}
#ja-jobs-widget .title a {
display: block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
font-family: var(--font-heading-family), sans-serif;
font-size: 28px;
line-height: 24.56px;
text-align: center;
text-decoration: none;
color: #212428;
max-width: 284px;
}
#ja-jobs-widget .meta {
display: none;
}
#ja-jobs-widget .summary {
width: 100%;
margin-bottom: 47px;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 20px;
line-height: 1.75;
text-align: center;
color: #212428;
max-width: 265px;
}
#ja-jobs-widget .view-details {
width: 100%;
margin: 11px 0;
padding-top: 17px;
padding-bottom: 17px;
border: 4px solid #000;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 0.875;
text-align: center;
text-decoration: none;
color: #000;
transition: transform 0.3s ease;
box-sizing: border-box;
border-radius: 49px;
}
#ja-jobs-widget .view-details:hover {
transform: scale3d(1.044, 1.044, 1) translate3d(0, 0, 0);
}
#ja-jobs-widget .view-details::after {
content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6645:131)'%3E%3Cpath d='M11.4068 1.82387L4.25664 1.82378C4.05253 1.82378 3.8605 1.90378 3.71547 2.04881C3.57028 2.194 3.49044 2.38604 3.49036 2.59006L3.49044 3.23932C3.49036 3.44318 3.57028 3.63545 3.71539 3.78056C3.86042 3.9256 4.05728 4.0101 4.26115 4.01002L8.437 4.01461L1.81085 10.6408C1.5121 10.9395 1.50992 11.4095 1.80876 11.7083L2.26775 12.1673C2.56659 12.4661 3.06011 12.4875 3.35886 12.1888L10.0087 5.53896L10.0014 9.75007C10.0014 9.9541 10.0777 10.1427 10.2228 10.2878C10.3677 10.4327 10.5582 10.5109 10.7622 10.5109L11.4104 10.5099C11.6145 10.5099 11.806 10.4296 11.9512 10.2844C12.0962 10.1394 12.1759 9.94702 12.1759 9.74291L12.1759 2.59281C12.1758 2.38814 12.0954 2.19522 11.9498 2.05035C11.8043 1.90428 11.6114 1.82371 11.4068 1.82387Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6645:131'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
width: 14px;
height: 14px;
margin-left: 7px;
background-repeat: no-repeat;
}
#ja-jobs-widget .powered-by-jobadder {
display: none;
}
.template-proprogram-login .global-banner__content {
max-width: 830px;
}
.template-proprogram-login .global-banner__title p {
font-size: 32px;
line-height: 40px;
letter-spacing: -0.32px;
}
.template-proprogram-login .global-banner__subheading {
max-width: 607px;
}
.template-proprogram-login .global-banner__subheading p {
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
@media (min-width: 768px) {
.template-proprogram-login .global-banner__title p {
font-size: 64px;
line-height: 72px;
letter-spacing: -0.64px;
}
.template-proprogram-login .global-banner__subheading p {
font-size: 20px;
line-height: 35px;
}
}
.proprogram-login {
max-width: 1170px;
margin-top: 35px;
margin-bottom: 70px;
margin-left: auto;
margin-right: auto;
padding-left: 38px;
padding-right: 38px;
}
.proprogram-login .proprogram-login__container {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.proprogram-login .proprogram-login__info {
width: 100%;
margin-top: 36px;
max-width: 561px;
padding-left: 7px;
padding-right: 7px;
}
.proprogram-login .proprogram-login__info p {
font-size: 16px;
margin-top: 10px;
}
.proprogram-login .proprogram-login__category-wrapper {
margin-top: 28px;
}
.proprogram-login .proprogram-login__category-title {
font-size: 17.5px;
font-weight: 500;
}
.proprogram-login .proprogram-login__category {
position: relative;
margin-top: 15px;
cursor: pointer;
}
.proprogram-login .proprogram-login__category-input {
border-bottom: 2px solid black;
}
.proprogram-login .proprogram-login__category-arrow {
position: absolute;
top: 0;
right: 15px;
display: block;
width: 15px;
height: 15px;
pointer-events: none;
}
.proprogram-login .proprogram-login__category-arrow path {
fill: #000;
}
.proprogram-login .proprogram-login__category-list {
position: absolute;
top: 0;
overflow: auto;
z-index: 2;
display: none;
width: 100%;
padding-top: 44px;
padding-bottom: 24px;
padding-left: 20px;
padding-right: 20px;
background: #000;
color: #fff;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.proprogram-login .proprogram-login__category-list-arrow {
position: absolute;
top: 7px;
right: 11px;
transform: rotate(180deg);
}
.proprogram-login .proprogram-login__category-list-container {
max-height: 280px;
overflow: auto;
display: block;
/* width */
/* Track */
/* Handle */
}
.proprogram-login
.proprogram-login__category-list-container::-webkit-scrollbar {
width: 4px;
}
.proprogram-login
.proprogram-login__category-list-container::-webkit-scrollbar-track {
border-radius: 9px;
}
.proprogram-login
.proprogram-login__category-list-container::-webkit-scrollbar-thumb {
background: #3a3a3a;
border-radius: 9px;
}
.proprogram-login .proprogram-login__category-item {
position: relative;
margin-top: 26px;
margin-bottom: 26px;
font-size: 16px;
font-weight: 500;
line-height: 14px;
color: #999;
}
.proprogram-login .proprogram-login__category-item:hover {
color: #fff;
}
.proprogram-login .proprogram-login__category-item--active {
color: #fff;
}
.proprogram-login .proprogram-login__category-item--active::after {
content: url('data:image/svg+xml,');
position: absolute;
top: 0px;
right: 10px;
display: block;
width: 16px;
height: 3px;
/* border: 4px solid #39b47c;
transform: rotate(-45deg); */
color: #39b47c;
}
.proprogram-login
.proprogram-login__category--open
.proprogram-login__category-list {
display: block;
}
.proprogram-login .proprogram-login__category-text {
display: none;
margin-top: 8px;
}
.proprogram-login .proprogram-login__category-text strong {
display: inline-block;
margin-top: 10px;
margin-bottom: 13px;
/*margin-left: 16px;*/
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.14px;
}
.proprogram-login .proprogram-login__category-text ul {
list-style: disc inside;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.proprogram-login .proprogram-login__category-text ul li {
margin-top: 11px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.proprogram-login .proprogram-login__category-text--view {
display: block;
}
.proprogram-login .proprogram-login__category-footer {
margin-top: 38px;
}
.proprogram-login .proprogram-login__category-approved {
position: relative;
display: flex;
gap: 10px;
}
.proprogram-login
.proprogram-login__category-approved
.proprogram-login__category-approved--checkbox {
position: absolute;
width: 0;
height: 0;
}
.proprogram-login
.proprogram-login__category-approved
.proprogram-login__category-approved--block {
position: relative;
display: block;
width: 100%;
height: auto;
max-width: 27px;
max-height: 27px;
border: 2px solid #999;
border-radius: 2px;
}
.proprogram-login
.proprogram-login__category-approved
.proprogram-login__category-approved--checkbox:checked
+ .proprogram-login__category-approved--block {
border: 2px solid #000;
background-color: black;
}
.proprogram-login
.proprogram-login__category-approved
.proprogram-login__category-approved--checkbox:checked
+ .proprogram-login__category-approved--block::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
border-bottom: 3px solid #fff;
border-left: 3px solid #fff;
width: 11px;
height: 6px;
transform: translate(-50%, -80%) rotateZ(-50deg);
}
.proprogram-login
.proprogram-login__category-approved
.proprogram-login__category-approved--text {
font-size: 14px;
font-weight: 500;
line-height: 24px;
margin-top: 0px;
}
.proprogram-login .proprogram-login__category-approved-button {
max-width: 202px;
margin-top: 4px;
padding-top: 4px;
padding-bottom: 4px;
background: #000;
color: #fff;
}
.proprogram-login .proprogram-login__category-approved-button[disabled="true"] {
background-color: #999;
}
.proprogram-login .proprogram-login__category-faq {
display: flex;
align-items: center;
gap: 3px;
margin-top: 43px;
}
.proprogram-login
.proprogram-login__category-faq
.proprogram-login__category-faq-text {
font-size: 16px;
font-weight: 500;
line-height: 28px;
color: #212428;
}
.proprogram-login
.proprogram-login__category-faq
.proprogram-login__category-faq-link {
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 14px;
}
.proprogram-login .proprogram-login__form {
max-width: 425px;
width: 100%;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin-top: 77px;
padding-bottom: 44px;
background: #000;
border-radius: 8px;
color: #fff;
}
.proprogram-login .proprogram-login__form-container {
padding: 41px 38px;
}
.proprogram-login .proprogram-login__form-title {
font-size: 25px;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.25px;
color: #fff;
}
.proprogram-login .proprogram-login__customer-email {
display: block;
margin-top: 15px;
}
.proprogram-login .proprogram-login__form-description {
margin-top: 15px;
font-size: 16px;
font-weight: 500;
line-height: 28px;
color: #fff;
}
.proprogram-login .proprogram-login__form-group {
position: relative;
width: 100%;
margin: 47px 0 57px;
}
.proprogram-login .proprogram-login__form-input {
display: block;
width: 100%;
padding: 10px 10px 7px 0;
border: none;
background: none;
font-size: 16px;
border-bottom: 2px solid #000;
color: #fff;
background-color: black !important;
}
.proprogram-login .proprogram-login__form-input::-moz-placeholder {
color: #fff;
}
.proprogram-login .proprogram-login__form-input:-ms-input-placeholder {
color: #fff;
}
.proprogram-login .proprogram-login__form-input::placeholder {
color: #fff;
}
.proprogram-login .proprogram-login__form-input:focus {
outline: none;
}
.proprogram-login .proprogram-login__form-input:focus::-moz-placeholder {
color: #999;
}
.proprogram-login .proprogram-login__form-input:focus:-ms-input-placeholder {
color: #999;
}
.proprogram-login .proprogram-login__form-input:focus::placeholder {
color: #999;
}
.proprogram-login .proprogram-login__form-label {
position: absolute;
top: 10px;
font-size: 16px;
font-weight: normal;
color: #999;
pointer-events: none;
transition: 0.2s ease all;
}
input[data-com-onepassword-filled="dark"],
select[data-com-onepassword-filled="dark"],
textarea[data-com-onepassword-filled="dark"] {
background-color: black !important;
}
.proprogram-login
.proprogram-login__form-input:focus
~ .proprogram-login__form-label,
.proprogram-login
.proprogram-login__form-input:valid
~ .proprogram-login__form-label {
top: -18px;
font-size: 12px;
}
.proprogram-login .proprogram-login__form-bar {
position: relative;
display: block;
width: 100%;
}
.proprogram-login .proprogram-login__form-bar::before,
.proprogram-login .proprogram-login__form-bar::after {
content: "";
position: absolute;
bottom: 1px;
width: 50%;
height: 1px;
background: #fff;
}
.proprogram-login .proprogram-login__form-bar::before {
left: 50%;
}
.proprogram-login .proprogram-login__form-bar::after {
right: 50%;
}
.proprogram-login .proprogram-login__form-highlight {
position: absolute;
top: 25%;
left: 0;
opacity: 0.5;
width: 100px;
height: 60%;
pointer-events: none;
}
.proprogram-login
.proprogram-login__form-input:focus
~ .proprogram-login__form-highlight {
-webkit-animation: inputHighlighter 0.3s ease;
animation: inputHighlighter 0.3s ease;
}
.proprogram-login .proprogram-login__form-error {
position: absolute;
opacity: 0;
font-size: 10px;
color: red;
}
.proprogram-login .proprogram-login__form-input:not(:focus).verification-error {
border-bottom: 1px solid #f72626;
}
.proprogram-login
.proprogram-login__form-input:not(:focus).verification-error
~ .proprogram-login__form-error {
opacity: 1;
}
.proprogram-login
.proprogram-login__form-input:not(:focus).verification-error
~ .proprogram-login__form-bar::before,
.proprogram-login
.proprogram-login__form-input:not(:focus).verification-error
~ .proprogram-login__form-bar::after {
width: 50%;
background: #f72626;
}
.proprogram-login .proprogram-login__password-reset {
margin-bottom: 20px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.proprogram-login .proprogram-login__password-reset:hover {
text-decoration: underline;
}
.proprogram-login .proprogram-login__form-button {
width: 100%;
margin-top: 25px;
padding-top: 10px;
padding-bottom: 10px;
background: #fff;
color: #000;
}
.proprogram-login .proprogram-login__form-register {
display: flex;
flex-direction: column;
margin-top: 43px;
}
.proprogram-login .proprogram-login__form-register-link {
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
.proprogram-login .proprogram-login__form-register-link:hover {
text-decoration: underline;
}
@media (min-width: 773px) {
.proprogram-login {
margin-top: 49px;
margin-bottom: 84px;
}
.proprogram-login .proprogram-login__container {
flex-direction: row;
}
.proprogram-login .proprogram-login__form {
margin-top: 0;
}
.proprogram-login .proprogram-login__category-list {
top: 30px;
}
.proprogram-login .proprogram-login__category-faq {
margin-top: 23px;
}
}
.proprogram-password-reset {
position: fixed;
top: 0;
left: 0;
z-index: 9999999;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
width: 100%;
height: 100%;
background: #0008;
transition: opacity 0.25s ease-out;
pointer-events: none;
}
.proprogram-password-reset .proprogram-password-reset__button--close {
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
color: #fff;
}
.proprogram-password-reset .proprogram-password-reset__button--close svg {
fill: #fff;
}
.proprogram-password-reset .proprogram-password-reset__button--save {
margin-top: 90px;
padding: 13px 36px;
}
.proprogram-password-reset .proprogram-password-reset__background {
position: fixed;
top: 0;
left: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
}
.proprogram-password-reset .proprogram-password-reset__container {
position: relative;
z-index: 1;
opacity: 0;
padding: 80px 20px;
background: #000;
border-radius: 9px;
max-width: 620px;
transition: opacity 0.25s ease-out;
transition-delay: 0.25s;
}
@media (min-width: 773px) {
.proprogram-password-reset .proprogram-password-reset__container {
padding: 80px 80px 100px;
}
}
.proprogram-password-reset .proprogram-password-reset__title {
font-size: 40px;
line-height: 60px;
color: #fff;
}
.proprogram-password-reset .proprogram-password-reset__subtitle {
display: inline-block;
margin-top: 40px;
color: #fff;
}
.proprogram-password-reset .proprogram-password-reset__group {
position: relative;
width: 100%;
margin: 20px 0;
}
.proprogram-password-reset .proprogram-password-reset__input {
display: block;
width: 100%;
padding: 10px 10px 10px 5px;
border: none;
background: none;
font-size: 18px;
border-bottom: 2px solid #fff;
color: #fff;
}
.proprogram-password-reset .proprogram-password-reset__input:focus {
outline: none;
}
.proprogram-password-reset .proprogram-password-reset__label {
position: absolute;
top: 10px;
left: 5px;
font-size: 18px;
font-weight: normal;
color: #999;
pointer-events: none;
transition: 0.2s ease all;
}
.proprogram-password-reset
.proprogram-password-reset__select
~ .proprogram-password-reset__label,
.proprogram-password-reset
.proprogram-password-reset__input:focus
~ .proprogram-password-reset__label,
.proprogram-password-reset
.proprogram-password-reset__input:valid
~ .proprogram-password-reset__label {
top: -10px;
font-size: 12px;
}
.proprogram-password-reset .proprogram-password-reset__bar {
position: relative;
display: block;
width: 100%;
}
.proprogram-password-reset .proprogram-password-reset__bar::before,
.proprogram-password-reset .proprogram-password-reset__bar::after {
content: "";
position: absolute;
bottom: 1px;
width: 0;
height: 3px;
background: #fff;
}
.proprogram-password-reset .proprogram-password-reset__bar::before {
left: 50%;
}
.proprogram-password-reset .proprogram-password-reset__bar::after {
right: 50%;
}
.proprogram-password-reset
.proprogram-password-reset__input:focus
~ .proprogram-password-reset__bar::before,
.proprogram-password-reset
.proprogram-password-reset__input:focus
~ .proprogram-password-reset__bar::after {
width: 50%;
}
.proprogram-password-reset .proprogram-password-reset__highlight {
position: absolute;
top: 25%;
left: 0;
opacity: 0.5;
width: 100px;
height: 60%;
pointer-events: none;
}
.proprogram-password-reset
.proprogram-password-reset__input:focus
~ .proprogram-password-reset__highlight {
-webkit-animation: inputHighlighter 0.3s ease;
animation: inputHighlighter 0.3s ease;
}
.proprogram-password-reset--open {
opacity: 1;
pointer-events: auto;
}
.proprogram-password-reset--open .proprogram-password-reset__container {
opacity: 1;
}
.proprogram-register__wrapper {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-top: 20px;
padding-bottom: 20px;
background-color: #00000040;
}
.proprogram-register__wrapper .proprogram-register__background {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
}
.proprogram-register--open {
display: flex;
}
.proprogram-register--finish
.proprogram-register
.proprogram-register__form-container {
display: none;
}
.proprogram-register--finish
.proprogram-register
.proprogram-register__form-finish {
display: initial;
}
.proprogram-register--finish
.proprogram-register
.proprogram-register__form-finish
.proprogram-register__title {
font-size: 18px;
}
.proprogram-register {
overflow: hidden;
max-width: 620px;
z-index: 2;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 4px;
background-color: #000;
color: #fff;
border-radius: 8px;
}
.proprogram-register form {
overflow: hidden;
height: 100%;
}
.proprogram-register .proprogram-register__container {
position: relative;
overflow: auto;
height: 100%;
padding-top: 69px;
padding-bottom: 93px;
padding-left: 50px;
padding-right: 62px;
/* width */
/* Track */
/* Handle */
}
.proprogram-register .proprogram-register__container::-webkit-scrollbar {
width: 3px;
background-color: #222222;
}
.proprogram-register .proprogram-register__container::-webkit-scrollbar-track {
border-radius: 0;
}
.proprogram-register .proprogram-register__container::-webkit-scrollbar-thumb {
background-color: #999999;
border-radius: 0;
}
.proprogram-register .proprogram-register__close {
position: absolute;
top: 14px;
right: 14px;
cursor: pointer;
}
.proprogram-register .proprogram-register__close path {
fill: #fff;
}
.proprogram-register .proprogram-register__title {
font-size: 35px;
font-weight: 500;
line-height: 56px;
letter-spacing: -0.35px;
color: #fff;
}
.proprogram-register .proprogram-register__description {
margin-bottom: 51px;
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
.proprogram-register .proprogram-register__form-group {
position: relative;
width: 100%;
margin: 40px 0 40px;
}
.proprogram-register .proprogram-register__form-input {
display: block;
width: 100%;
padding: 10px 10px 7px 0;
border: none;
background: none;
font-size: 16px;
border-bottom: 2px solid #000;
color: #fff;
}
.proprogram-register .proprogram-register__form-input::-moz-placeholder {
color: #fff;
}
.proprogram-register .proprogram-register__form-input:-ms-input-placeholder {
color: #fff;
}
.proprogram-register .proprogram-register__form-input::placeholder {
color: #fff;
}
.proprogram-register .proprogram-register__form-input:focus {
outline: none;
}
.proprogram-register .proprogram-register__form-input:focus::-moz-placeholder {
color: #999;
}
.proprogram-register
.proprogram-register__form-input:focus:-ms-input-placeholder {
color: #999;
}
.proprogram-register .proprogram-register__form-input:focus::placeholder {
color: #999;
}
.proprogram-register .proprogram-register__form-label {
position: absolute;
top: 10px;
font-size: 16px;
font-weight: normal;
color: #999;
pointer-events: none;
transition: 0.2s ease all;
}
.proprogram-register
.proprogram-register__form-input:focus
~ .proprogram-register__form-label,
.proprogram-register
.proprogram-register__form-input:valid
~ .proprogram-register__form-label {
top: -10px;
font-size: 12px;
}
.proprogram-register .proprogram-register__form-bar {
position: relative;
display: block;
width: 100%;
}
.proprogram-register .proprogram-register__form-bar::before,
.proprogram-register .proprogram-register__form-bar::after {
content: "";
position: absolute;
bottom: 1px;
width: 50%;
height: 1px;
background: #fff;
}
.proprogram-register .proprogram-register__form-bar::before {
left: 50%;
}
.proprogram-register .proprogram-register__form-bar::after {
right: 50%;
}
.proprogram-register .proprogram-register__form-highlight {
position: absolute;
top: 25%;
left: 0;
opacity: 0.5;
width: 100px;
height: 60%;
pointer-events: none;
}
.proprogram-register
.proprogram-register__form-input:focus
~ .proprogram-register__form-highlight {
-webkit-animation: inputHighlighter 0.3s ease;
animation: inputHighlighter 0.3s ease;
}
.proprogram-register .proprogram-register__form-error {
position: absolute;
opacity: 0;
font-size: 10px;
color: red;
}
.proprogram-register
.proprogram-register__form-input:not(:focus).verification-error {
border-bottom: 1px solid #f72626;
}
.proprogram-register
.proprogram-register__form-input:not(:focus).verification-error
~ .proprogram-register__form-error {
opacity: 1;
}
.proprogram-register
.proprogram-register__form-input:not(:focus).verification-error
~ .proprogram-register__form-bar::before,
.proprogram-register
.proprogram-register__form-input:not(:focus).verification-error
~ .proprogram-register__form-bar::after {
width: 50%;
background: #f72626;
}
.proprogram-register .proprogram-register__form-button {
margin-top: 50px;
max-width: 100%;
padding-top: 17px;
padding-bottom: 17px;
padding-left: 0;
padding-right: 0;
background: #fff;
font-size: 16px;
font-weight: 500;
line-height: 14px;
color: #000;
}
.proprogram-register .proprogram-register__form-finish {
display: none;
}
.proprogram-register .proprogram-register__form-description {
margin-top: 45px;
}
.proprogram-register .proprogram-register__form-text {
font-size: 16px;
font-weight: 500;
line-height: 20px;
}
.proprogram-register .proprogram-register__form-link {
display: inline-block;
margin-top: 14px;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 14px;
text-decoration: none;
}
@media (min-width: 773px) {
.proprogram-register {
padding-right: 20px;
}
.proprogram-register .proprogram-register__container {
padding-left: 80px;
padding-right: 66px;
/* width */
}
.proprogram-register .proprogram-register__container::-webkit-scrollbar {
width: 16px;
}
.proprogram-register .proprogram-register__form-button {
max-width: 185px;
}
}
.proprogram-form {
padding-left: 40px;
padding-right: 40px;
}
.proprogram-form .proprogram-form__category-text ul li {
margin-top: 15px;
font-size: 16px;
list-style-type: disc;
}
.proprogram-form .proprogram-form__container {
display: flex;
margin-bottom: 50px;
gap: 30px;
flex-direction: column;
}
@media (min-width: 768px) {
.proprogram-form .proprogram-form__container {
gap: 120px;
flex-direction: row;
}
}
.proprogram-form .proprogram-form__panel-header .proprogram-form__description {
margin-bottom: 20px;
}
.proprogram-form .proprogram-form__panel-header .proprogram-form__panel-title {
border-bottom: 1px solid #000;
margin-bottom: 20px;
}
.proprogram-form
.proprogram-form__panel-header
.proprogram-form__panel-title
.proprogram-form__title {
margin-bottom: 10px;
font-size: 24px;
}
.proprogram-form
.proprogram-form__panel-header
.proprogram-form__group--category {
width: 100%;
margin: 0 auto;
}
@media (min-width: 768px) {
.proprogram-form
.proprogram-form__panel-header
.proprogram-form__group--category {
width: 50%;
}
}
.proprogram-form .proprogram-form__info-list {
display: flex;
gap: 10px;
margin-bottom: 30px;
flex-direction: column;
}
@media (min-width: 768px) {
.proprogram-form .proprogram-form__info-list {
flex-direction: row;
}
}
.proprogram-form .proprogram-form__info-item {
display: flex;
flex-direction: column;
}
.proprogram-form .proprogram-form__info-item .proprogram-form__title {
margin-bottom: 0;
font-size: 16px;
font-weight: bold;
}
.proprogram-form .proprogram-form__info-item .proprogram-form__text {
font-weight: 400;
}
@media (min-width: 768px) {
.proprogram-form .proprogram-form__info-item {
padding-right: 20px;
}
}
.proprogram-form .proprogram-form__panel-left {
max-width: 510px;
width: 100%;
}
.proprogram-form .proprogram-form__panel-right {
width: 100%;
}
.proprogram-form .proprogram-form__panel-right .global-banner__image,
.proprogram-form .proprogram-form__panel-right .global-banner__overlay {
border-radius: 10px;
}
.proprogram-form .proprogram-form__category-text {
display: none;
margin-top: 30px;
}
.proprogram-form .proprogram-form__category-text--view {
display: block;
}
.proprogram-form .proprogram-form__title {
display: inline-block;
margin-bottom: 22px;
font-size: 29px;
font-weight: 400;
line-height: 1.17;
letter-spacing: -0.46px;
}
@media (min-width: 768px) {
.proprogram-form .proprogram-form__title {
font-size: 46px;
line-height: 1.2;
}
}
.proprogram-form .proprogram-form__group {
position: relative;
display: block;
width: 100%;
margin: 20px 0;
}
.proprogram-form .proprogram-form__group--textarea {
display: flex;
flex-direction: column;
}
.proprogram-form .proprogram-form__group--textarea .proprogram-form__label {
position: initial;
color: #4a4a4a;
}
.proprogram-form .proprogram-form__group--category {
display: flex;
flex-direction: column;
}
.proprogram-form .proprogram-form__group--category .proprogram-form__label {
position: initial;
color: #4a4a4a;
}
.proprogram-form .proprogram-form__group--radio {
display: flex;
flex-direction: column;
gap: 6px;
}
.proprogram-form .proprogram-form__group--radio .proprogram-form__title {
margin-bottom: 8.5px;
font-size: 17px;
letter-spacing: -0.17px;
}
.proprogram-form .proprogram-form__description {
margin-bottom: 30px;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
letter-spacing: normal;
}
.proprogram-form .proprogram-form__category {
position: relative;
margin-top: 15px;
cursor: pointer;
}
.proprogram-form .proprogram-form__category-input {
border-bottom: 2px solid black;
}
.proprogram-form .proprogram-form__category-arrow {
position: absolute;
top: 0;
right: 15px;
display: block;
width: 15px;
height: 15px;
pointer-events: none;
}
.proprogram-form .proprogram-form__category-arrow path {
fill: #000;
}
.proprogram-form .proprogram-form__category-list {
position: absolute;
top: 25px;
overflow: auto;
z-index: 3;
display: none;
width: 100%;
padding-top: 44px;
padding-bottom: 24px;
padding-left: 20px;
padding-right: 20px;
background: #000;
color: #fff;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.proprogram-form .proprogram-form__category-list-arrow {
position: absolute;
top: 7px;
right: 11px;
transform: rotate(180deg);
}
.proprogram-form .proprogram-form__category-list-container {
max-height: 280px;
overflow: auto;
display: block;
/* width */
/* Track */
/* Handle */
}
.proprogram-form .proprogram-form__category-list-container::-webkit-scrollbar {
width: 4px;
}
.proprogram-form
.proprogram-form__category-list-container::-webkit-scrollbar-track {
border-radius: 9px;
}
.proprogram-form
.proprogram-form__category-list-container::-webkit-scrollbar-thumb {
background: #3a3a3a;
border-radius: 9px;
}
.proprogram-form .proprogram-form__category-item {
position: relative;
margin-top: 26px;
margin-bottom: 26px;
font-size: 16px;
font-weight: 500;
line-height: 14px;
color: #999;
}
.proprogram-form .proprogram-form__category-item:hover {
color: #fff;
}
.proprogram-form .proprogram-form__category-item--active {
color: #fff;
}
.proprogram-form .proprogram-form__category-item--active::after {
content: url('data:image/svg+xml,');
position: absolute;
top: 6px;
right: 10px;
display: block;
width: 8px;
height: 3px;
/* border: 4px solid #39b47c;
transform: rotate(-45deg); */
}
.proprogram-form
.proprogram-form__category--open
.proprogram-form__category-list {
display: block;
}
.proprogram-form .proprogram-form__input {
display: block;
width: 100%;
padding: 10px 10px 7px 0;
border: none;
background: none;
font-size: 16px;
border-bottom: 2px solid #000;
color: #000;
}
.proprogram-form .proprogram-form__input::-moz-placeholder {
color: #000;
}
.proprogram-form .proprogram-form__input:-ms-input-placeholder {
color: #000;
}
.proprogram-form .proprogram-form__input::placeholder {
color: #000;
}
.proprogram-form .proprogram-form__input:focus {
outline: none;
}
.proprogram-form .proprogram-form__input:focus::-moz-placeholder {
color: #999;
}
.proprogram-form .proprogram-form__input:focus:-ms-input-placeholder {
color: #999;
}
.proprogram-form .proprogram-form__input:focus::placeholder {
color: #999;
}
.proprogram-form .proprogram-form__input:disabled {
color: #888;
cursor: no-drop;
}
.proprogram-form .proprogram-form__input[type="file"]:focus,
.proprogram-form .proprogram-form__input[type="file"]:valid {
opacity: 1;
}
.proprogram-form .proprogram-form__label {
position: absolute;
top: 10px;
left: 0;
font-size: 16px;
font-weight: normal;
color: #999;
pointer-events: none;
transition: 0.2s ease all;
}
.proprogram-form .proprogram-form__input:focus ~ .proprogram-form__label,
.proprogram-form .proprogram-form__input:valid ~ .proprogram-form__label,
.proprogram-form .proprogram-form__input:disabled ~ .proprogram-form__label {
top: -13px;
font-size: 12px;
}
.proprogram-form .proprogram-form__bar {
position: relative;
display: block;
width: 100%;
}
.proprogram-form .proprogram-form__bar::before,
.proprogram-form .proprogram-form__bar::after {
content: "";
position: absolute;
bottom: 1px;
width: 50%;
height: 1px;
background: #000;
}
.proprogram-form .proprogram-form__bar::before {
left: 50%;
}
.proprogram-form .proprogram-form__bar::after {
right: 50%;
}
.proprogram-form .proprogram-form__highlight {
position: absolute;
top: 25%;
left: 0;
opacity: 0.5;
width: 100px;
height: 60%;
pointer-events: none;
}
@media (min-width: 768px) {
.proprogram-form .proprogram-form__highlight {
top: 25%;
left: 0;
}
}
.proprogram-form .proprogram-form__input:focus ~ .proprogram-form__highlight {
-webkit-animation: inputHighlighter 0.3s ease;
animation: inputHighlighter 0.3s ease;
}
.proprogram-form .proprogram-form__error {
position: absolute;
opacity: 0;
font-size: 10px;
color: red;
}
.proprogram-form .proprogram-form__input:not(:focus).verification-error {
border-bottom: 1px solid #f72626;
}
.proprogram-form
.proprogram-form__input:not(:focus).verification-error
~ .proprogram-form__error {
opacity: 1;
}
.proprogram-form
.proprogram-form__input:not(:focus).verification-error
~ .proprogram-form__bar::before,
.proprogram-form
.proprogram-form__input:not(:focus).verification-error
~ .proprogram-form__bar::after {
width: 50%;
background: #f72626;
}
.proprogram-form .proprogram-form__textarea {
margin-top: 8px;
padding: 20px;
border: 2px solid #000;
border-radius: 8px;
min-height: 170px;
}
.proprogram-form .proprogram-form__placeholder {
font-size: 12px;
font-weight: 500;
line-height: 1.75;
}
.proprogram-form .proprogram-form__group-radio {
display: flex;
}
.proprogram-form .proprogram-form__radio-value {
width: 0;
height: 0;
}
.proprogram-form
.proprogram-form__radio-value:checked
+ .proprogram-form__radio-button {
border: 6px solid black;
}
.proprogram-form
.proprogram-form__radio-value:focus
+ .proprogram-form__radio-button {
outline: 2px solid #b0b0b0;
}
.proprogram-form .proprogram-form__radio-button {
width: 24px;
height: 24px;
margin-right: 5px;
border: 2px solid black;
border-radius: 50%;
}
.proprogram-form .proprogram-form__button {
max-width: 100%;
max-height: 56px;
background-color: #000;
color: #fff;
}
@media (min-width: 768px) {
.proprogram-form .proprogram-form__button {
max-width: 200px;
}
}
@media (min-width: 768px) {
.proprogram-form {
padding-left: 80px;
padding-right: 80px;
}
}
.proprogram-form-2 .proprogram-form__container {
gap: 10px;
}
.proprogram-form-2 .proprogram-form__container .proprogram-form__label {
top: -20px;
left: 0;
}
@media (min-width: 768px) {
.proprogram-form-2 .proprogram-form__container .proprogram-form__label {
top: 10px;
left: initial;
right: 0;
}
}
@media (min-width: 768px) {
.proprogram-form-2 .proprogram-form__container {
gap: 30px;
}
}
/* Some additional styles for different templates */
.blog-page .article-card-video {
min-height: 367px;
}
.blog-page .film-carousel {
padding-top: 57px;
padding-bottom: 84px;
}
.blog-page .container.container--blog-article-carousel {
padding: 0;
}
.blog-page .film-carousel__top {
padding-right: 40px;
}
.blog-page .global-carousel {
padding-top: 70px;
padding-bottom: 70px;
}
.blog-page .global-carousel .slider {
margin-top: 0;
}
.blog-page .container {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
max-width: 100%;
}
.blog-page .hero-film .hero-film__content .hero-film__title {
font-size: 16px;
line-height: 28px;
}
.blog-page .button--white svg path {
fill: white;
}
.blog-page .film-carousel .film-carousel__number {
font-size: 16px;
line-height: 28px;
}
.blog-page .global-banner .global-banner__title {
font-family: "GalaxieCopernicus", sans-serif;
}
.blog-page .global-banner .global-banner__subtitle {
line-height: 35px;
}
.blog-page .film-carousel .film-carousel__slide-button {
line-height: 14px;
}
.blog-page .blog-article-carousel {
margin-top: 56px;
margin-bottom: 114px;
}
.blog-page .blog-article-carousel .blog-article-carousel__number {
padding-bottom: 0;
font-size: 16px;
line-height: 28px;
}
.blog-page .global-carousel .global-carousel__slide-button {
line-height: 14px;
}
.blog-page .slider__arrow {
opacity: 0;
}
.blog-page .hero-film .hero-film__buttons .button,
.blog-page .hero-film .hero-film__buttons .shopify-challenge__button.btn,
.blog-page
.hero-film
.hero-film__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.blog-page
.hero-film
.hero-film__buttons
.yotpo-load-more-button {
width: 100%;
}
.blog-page .global-carousel .global-carousel__title {
padding-left: 0;
}
@media (min-width: 768px) {
.blog-page .global-carousel .global-carousel__title {
padding-left: 90px;
}
}
.blog-page .blog-article-carousel .slider__container {
padding-left: 40px;
padding-right: 40px;
}
@media (min-width: 992px) {
.blog-page .blog-article-carousel .slider__container {
padding-left: 80px;
padding-right: 80px;
}
}
.blog-page .global-carousel__slide-title {
font-family: "GalaxieCopernicus", sans-serif;
}
@media (min-width: 768px) {
.blog-page .hero-film .hero-film__buttons .button,
.blog-page .hero-film .hero-film__buttons .shopify-challenge__button.btn,
.blog-page
.hero-film
.hero-film__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.blog-page
.hero-film
.hero-film__buttons
.yotpo-load-more-button {
width: auto;
height: 56px;
}
.blog-page .film-carousel .film-carousel__top {
align-items: self-end;
}
.blog-page .blog-article-carousel__top {
align-items: flex-end;
padding-left: 90px;
}
.blog-page .film-carousel .film-carousel__title {
margin-bottom: 0;
}
.blog-page .blog-article-carousel {
margin-top: 114px;
}
.blog-page .film-carousel {
padding-top: 114px;
padding-bottom: 114px;
}
.blog-page .global-carousel .swiper-slide {
position: static;
padding-right: 0;
}
}
@media (min-width: 1200px) {
.blog-page .slider__arrow {
opacity: 1;
}
}
.template-materials .card-materials {
padding-bottom: 60px;
}
.template-materials .container.container--fluid {
padding-left: 30px;
padding-right: 30px;
}
.template-materials .container.container--fluid.swiper-container {
overflow: visible;
transform: translateX(-10px);
}
.template-materials .cards-inverse {
margin-bottom: 80px;
padding-top: 0;
}
@media (min-width: 576px) {
.template-materials .container.container--fluid {
padding-left: 120px;
padding-right: 120px;
}
}
@media (min-width: 992px) {
.template-materials .container.container--fluid {
max-width: 100%;
width: 100%;
padding-left: 80px;
padding-right: 80px;
}
.template-materials .cards-inverse {
padding-top: 80px;
}
}
@media (min-width: 1200px) {
.template-materials .container.container--fluid {
width: 75%;
padding: 0;
max-width: 1486px;
}
}
.template-films {
background: #000;
}
.template-films .global-banner__title p {
min-width: 100%;
}
.template-films .hero-film__title {
text-align: center;
}
.template-films .hero-film__subheading p {
text-align: center;
}
.template-films .blog-content {
display: flex;
padding: 0 30px 40px;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.template-films .blog-content {
padding: 60px 70px 80px;
}
}
.template-films .first-select {
display: none;
}
.template-films .blog-select {
display: flex;
gap: 20px;
justify-content: center;
padding-top: 20px;
}
.template-films .blog-select select {
padding-bottom: 4px;
border: none;
background: #000;
font-size: 17px;
line-height: 18px;
color: #fff;
cursor: pointer;
min-width: 214px;
border-bottom: 2px solid #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.template-films .blog-select select option {
padding: 20px;
border: none;
font-size: 17px;
line-height: 18px;
color: #fff;
}
@media (min-width: 768px) {
.template-films .blog-select {
justify-content: flex-end;
padding: 80px 80px 0;
}
}
.template-films .blog-article-carousel__slide {
max-width: calc(100vw - 80px);
width: calc(100vw - 80px);
height: calc((100vw - 80px) * 1.2);
max-height: calc((100vw - 80px) * 1.2);
margin-right: 0;
padding: 20px 10px;
}
@media (min-width: 768px) {
.template-films .blog-article-carousel__slide {
max-width: calc((100vw - 80px) / 2);
width: calc((100vw - 80px) / 2);
height: calc((100vw - 80px) / 2 * 1.2);
max-height: calc((100vw - 80px) / 2 * 1.2);
}
}
@media (min-width: 992px) {
.template-films .blog-article-carousel__slide {
max-width: calc((100vw - 160px) / 3);
width: calc((100vw - 160px) / 3);
height: calc((100vw - 160px) / 3 * 1.2);
max-height: calc((100vw - 160px) / 3 * 1.2);
}
}
@media (min-width: 1200px) {
.template-films .blog-article-carousel__slide {
max-width: calc((100vw - 160px) / 4);
width: calc((100vw - 160px) / 4);
height: calc((100vw - 160px) / 4 * 1.2);
max-height: calc((100vw - 160px) / 4 * 1.2);
}
}
.template-stories .hero-film .hero-film__content .hero-film__title {
font-family: "GalaxieCopernicus", sans-serif;
}
.template-stories .hero-film.hero-film--under-header {
margin-top: 0;
}
@media (min-width: 768px) {
.template-stories .hero-film.hero-film--under-header {
margin-top: -100px;
}
}
.template-stories .hero-film__content .hero-film__title {
padding-top: 60px;
text-align: center;
}
@media (min-width: 768px) {
.template-stories .hero-film__content .hero-film__title {
padding-top: 0;
}
}
.template-stories .blog-select__holder {
background: transparent;
font-family: var(--font-heading-family), sans-serif;
color: #000;
border-bottom: 2px solid #000;
}
.template-stories .blog-select__holder svg {
position: absolute;
top: 5px;
right: 10px;
}
.template-stories .blog-select__holder svg path {
fill: black;
}
.template-stories .blog-select__link {
position: relative;
display: block;
}
.template-stories .blog-select__link svg {
position: absolute;
top: 8px;
right: -10px;
}
.template-stories .blog-select__link svg path {
fill: black;
}
.template-stories .hero-film__caption-button {
opacity: 0;
}
@media (min-width: 768px) {
.template-stories .hero-film__caption-button {
opacity: 1;
}
}
.template-stories .hero-film__content.hero-film__content--hidden {
opacity: 0;
}
.template-stories .blog-select__dropdown-option .blog-select__link {
font-family: var(--font-heading-family), sans-serif;
color: #000;
}
.template-stories .blog-select__dropdown-option {
background: #fff;
}
.template-stories .blog-content {
display: flex;
padding: 40px 40px 40px;
flex-wrap: wrap;
}
.template-stories .blog-content.blog-content--padding {
padding: 0 40px 40px;
}
@media (min-width: 768px) {
.template-stories .blog-content {
padding: 80px 70px 80px;
}
.template-stories .blog-content.blog-content--padding {
padding: 0 70px 80px;
}
}
.template-stories .first-select {
display: none;
}
.template-stories .blog-select {
display: flex;
gap: 20px;
justify-content: center;
padding-top: 20px;
}
.template-stories .blog-select select {
padding-bottom: 4px;
border: none;
background: #000;
font-size: 17px;
line-height: 18px;
color: #fff;
cursor: pointer;
min-width: 214px;
border-bottom: 2px solid #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.template-stories .blog-select select option {
padding: 20px;
border: none;
font-size: 17px;
line-height: 18px;
color: #fff;
}
@media (min-width: 768px) {
.template-stories .blog-select {
justify-content: flex-end;
padding: 80px 80px 0;
}
}
.template-stories .blog-article-carousel__slide {
max-width: calc(100vw - 80px);
width: calc(100vw - 80px);
height: calc((100vw - 80px) * 1.2);
max-height: calc((100vw - 80px) * 1.2);
margin-right: 0;
padding: 10px;
}
@media (min-width: 768px) {
.template-stories .blog-article-carousel__slide {
max-width: calc((100vw - 160px) / 2);
width: calc((100vw - 160px) / 2);
height: calc((100vw - 80px) / 2 * 1.2);
max-height: calc((100vw - 80px) / 2 * 1.2);
}
}
@media (min-width: 992px) {
.template-stories .blog-article-carousel__slide {
max-width: calc((100vw - 160px) / 3);
width: calc((100vw - 160px) / 3);
height: calc((100vw - 160px) / 3 * 1.2);
max-height: calc((100vw - 160px) / 3 * 1.2);
}
}
@media (min-width: 1200px) {
.template-stories .blog-article-carousel__slide {
max-width: calc((100vw - 160px) / 4);
width: calc((100vw - 160px) / 4);
height: calc((100vw - 160px) / 4 * 1.2);
max-height: calc((100vw - 160px) / 4 * 1.2);
}
}
.blog-content__page-pagination {
display: flex;
justify-content: center;
}
.blog-content__page-pagination span.page,
.blog-content__page-pagination span.next,
.blog-content__page-pagination span.prev {
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin: 10px;
border: 4px solid white;
font-weight: bold;
cursor: pointer;
border-radius: 3rem;
}
.blog-content__page-pagination span.page a,
.blog-content__page-pagination span.next a,
.blog-content__page-pagination span.prev a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
}
.blog-content__page-pagination span.page.current {
background: white;
color: black;
}
.blog-content__page-pagination span.page {
background: black;
color: white;
}
.blog-content__page-pagination span.next a,
.blog-content__page-pagination span.prev a {
text-decoration: none;
}
.blog-content__page-pagination .next svg.icon {
width: 20px;
transform: rotate(-90deg);
}
.blog-content__page-pagination .prev svg.icon {
width: 20px;
transform: rotate(90deg);
}
.template-double-down {
background-color: #000;
color: #fff;
}
.template-double-down .block-copy__description {
line-height: 40px;
letter-spacing: -0.3px;
color: #fff;
max-width: 800px;
}
.template-double-down .block-copy__button {
background: #fff;
color: black;
}
.template-double-down .text-block {
margin-bottom: 160px;
}
.template-double-down .hero-film .hero-film__content .hero-film__title {
margin-bottom: 23px;
font-size: 32px;
line-height: 32px;
}
@media (min-width: 768px) {
.template-double-down .hero-film .hero-film__content .hero-film__title {
font-size: 58px;
line-height: 58px;
}
}
.template-double-down .hero-film__content {
max-width: 630px;
}
.template-double-down .hero-film .hero-film__content .hero-film__subtitle {
margin-bottom: 33px;
}
.template-double-down .block-copy {
padding-top: 0;
padding-bottom: 90px;
}
.template-double-down .text-block .text-block__header {
margin-bottom: 38px;
}
.template-double-down .hero-film {
margin: 60px 0;
}
.template-double-down .hero-film.hero-film--under-header {
margin: 0;
}
.template-double-down .block-copy .block-copy__description p {
color: white;
}
.template-repairs .popup.popup--open {
background: black;
}
.template-repairs .card-tutorial .card-tutorial__popup-close-button {
top: -20px;
right: -20px;
}
.template-repairs .global-banner__subtitle {
max-width: 670px;
}
.template-repairs .global-banner .global-banner__title {
margin-bottom: 14px;
}
.template-repairs .global-banner .global-banner__title p {
margin-bottom: 0;
}
.template-repairs .global-banner__buttons .button,
.template-repairs .global-banner__buttons .shopify-challenge__button.btn,
.template-repairs
.global-banner__buttons
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-repairs
.global-banner__buttons
.yotpo-load-more-button {
min-width: 207px;
padding: 10px;
}
.template-repairs .global-banner__buttons .button.button--secondary,
.template-repairs
.global-banner__buttons
.button--secondary.shopify-challenge__button.btn,
.template-repairs
.global-banner__buttons
.yotpo-gallery
.yotpo-pictures-widget
.button--secondary.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-repairs
.global-banner__buttons
.button--secondary.yotpo-load-more-button {
min-width: 176px;
padding: 10px;
}
.template-repairs .card-tutorial .card-tutorial__element {
margin-bottom: 61px;
}
.template-repairs .card-tutorial .card-tutorial__header {
margin-top: 107px;
padding: 0 40px;
}
@media (min-width: 768px) {
.template-repairs .card-tutorial .card-tutorial__header {
margin-top: 72px;
}
}
.template-repairs .global-banner {
margin-top: -162px;
padding: 40px;
}
@media (min-width: 768px) {
.template-repairs .global-banner .global-banner__title {
display: flex;
justify-content: center;
}
}
.template-big-oil-dont-surf {
background: #000;
}
.template-big-oil-dont-surf .global-banner.global-banner--under-header {
}
.template-big-oil-dont-surf .text-block {
margin: 0;
padding-top: 80px;
padding-bottom: 80px;
background: #000;
}
.template-big-oil-dont-surf .text-block .text-block__header,
.template-big-oil-dont-surf .text-block .text-block__description {
color: #fff;
}
.template-big-oil-dont-surf .text-block .text-block__header a,
.template-big-oil-dont-surf .text-block .text-block__description a {
font-size: inherit;
}
.template-big-oil-dont-surf .text-block .text-block__header {
margin-bottom: 30px;
}
.template-big-oil-dont-surf .blog-article-carousel {
margin: 0;
padding: 80px 0;
background: #000;
color: #fff;
}
.template-big-oil-dont-surf .blog-article-carousel .slider__arrow {
background-color: #000;
box-shadow: 0 6px 8px 0 #9993;
color: white;
}
.template-big-oil-dont-surf .blog-article-carousel .article-card-blog__link {
background-color: #121212;
}
.template-big-oil-dont-surf
.blog-article-carousel
.article-card-blog__inner-content {
color: white;
}
.template-big-oil-dont-surf
.blog-article-carousel
.article-card-blog__content-title {
color: white;
}
.template-big-oil-dont-surf
.blog-article-carousel
.article-card-blog__content-author {
font-family: var(--font-body-family), sans-serif;
font-weight: 500;
color: white;
}
.template-big-oil-dont-surf .blog-article-carousel .article-card-video__text {
color: white;
}
.template-big-oil-dont-surf .global-gallery .global-gallery__wrapper {
padding: 0 21px;
}
.template-big-oil-dont-surf .global-gallery__card {
position: relative;
display: flex;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.template-big-oil-dont-surf
.global-gallery__card:hover
.global-gallery__hidden-content {
opacity: 1;
transition: opacity 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
}
.template-big-oil-dont-surf .global-gallery__hidden-content {
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
width: 100%;
height: 100%;
padding: 30px 15px;
background: rgba(0, 0, 0, 0.5);
transition: opacity 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
will-change: opacity;
}
.template-big-oil-dont-surf
.global-gallery__hidden-content
.global-gallery__title {
margin: 0;
font-size: 14px;
line-height: 1.8;
text-align: center;
color: #fff;
}
@media (min-width: 768px) {
.template-big-oil-dont-surf
.global-gallery__hidden-content
.global-gallery__title {
font-size: 18px;
}
.template-big-oil-dont-surf .global-gallery .global-gallery__wrapper {
padding: 90px 80px 100px;
}
}
@media (min-width: 992px) {
.template-big-oil-dont-surf .global-banner.global-banner--under-header {
}
.template-big-oil-dont-surf .text-block {
padding-top: 120px;
padding-bottom: 120px;
}
.template-big-oil-dont-surf .blog-article-carousel {
padding-top: 120px;
padding-bottom: 30px;
}
.template-big-oil-dont-surf .global-gallery__hidden-content {
padding: 30px;
}
.template-big-oil-dont-surf
.global-gallery__hidden-content
.global-gallery__title {
font-size: 22px;
}
}
@media (min-width: 1400px) {
.template-big-oil-dont-surf .text-block {
padding-top: 163px;
padding-bottom: 170px;
}
.template-big-oil-dont-surf .blog-article-carousel {
padding-top: 140px;
padding-bottom: 50px;
}
}
.template-404 {
background: #000;
}
.template-404 .header {
background: var(--hover_color_background, #fff);
color: var(--hover_color, #000);
}
.template-404 .content-cards {
margin-bottom: 45px;
padding-top: 70px;
background: #000;
}
.template-404 .slider__arrow {
background-color: #000;
box-shadow: 0 6px 8px 0 #9993;
color: white;
}
.template-404 .global-banner {
padding-left: 40px;
padding-right: 40px;
}
.template-404 .footer-guarantee {
padding-top: 0;
}
@media (min-width: 576px) {
.template-404 .content-cards {
margin-bottom: 40px;
}
.template-404 .footer-guarantee {
padding-top: 80px;
}
}
@media (min-width: 768px) {
.template-404 .global-banner {
padding-left: 80px;
padding-right: 80px;
}
}
@media (min-width: 992px) {
.template-404 .footer-guarantee {
padding-top: 150px;
}
}
.template-fair-trade .global-banner.global-banner--under-header {
}
.template-fair-trade .global-banner {
padding: 40px;
}
.template-fair-trade .global-banner .button,
.template-fair-trade .global-banner .shopify-challenge__button.btn,
.template-fair-trade
.global-banner
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-fair-trade
.global-banner
.yotpo-load-more-button {
width: 168px;
min-width: 168px;
max-width: 168px;
height: 56px;
min-height: 56px;
max-height: 56px;
padding: 0;
}
.template-fair-trade .global-banner .button svg,
.template-fair-trade .global-banner .shopify-challenge__button.btn svg,
.template-fair-trade
.global-banner
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button
svg,
.yotpo-gallery
.yotpo-pictures-widget
.template-fair-trade
.global-banner
.yotpo-load-more-button
svg {
width: 14px;
height: 14px;
margin-right: 8px;
}
.template-fair-trade .text-block {
margin: 60px 0;
}
.template-fair-trade .text-block .text-block__container {
max-width: 834px;
}
.template-fair-trade .text-block .text-block__title {
margin-bottom: 35px;
font-size: 24px;
line-height: 28px;
}
.template-fair-trade .text-block .text-block__description a {
font-size: inherit;
font-weight: inherit;
}
.template-fair-trade .text-block .text-block__description {
font-size: 24px;
line-height: 43px;
}
.template-fair-trade .circle__images .container {
margin: 0 auto;
padding: 0;
}
.template-fair-trade .circle__images .circle__images-wrapper {
margin: 0 16%;
text-align: center;
}
.template-fair-trade .circle__images .circle__images-info {
padding: 0 9px;
}
.template-fair-trade .circle__images .circle__images-info * {
font-family: var(--font-body-family), sans-serif;
font-size: 18px;
}
@media (min-width: 480px) {
.template-fair-trade .circle__images .circle__images-wrapper {
max-width: 820px;
}
.template-fair-trade .circle__images .circle__images-info {
padding: 0 9px;
}
.template-fair-trade .circle__images .circle__images-info * {
font-family: var(--font-body-family), sans-serif;
font-size: 18px;
}
}
@media (min-width: 992px) {
.template-fair-trade .circle__images .container {
max-width: unset;
padding: 0;
}
.template-fair-trade .circle__images .circle__images-info {
padding-bottom: 20%;
}
.template-fair-trade .circle__images .circle__images-text-content {
margin: 0;
text-align: left;
}
.template-fair-trade .circle__images .circle__images-wrapper {
max-width: 100%;
margin-right: 3%;
}
}
@media (min-width: 1400px) {
.template-fair-trade .circle__images .circle__images-wrapper {
margin: 0 16%;
}
.template-fair-trade .circle__images .circle__images-info *,
.template-fair-trade .circle__images .circle__images-description p {
font-size: 20px;
}
}
@media screen and (max-width: 576px) {
.template-fair-trade .text-block .text-block__container {
padding-left: 40px;
padding-right: 40px;
}
.template-fair-trade .text-block .text-block__description p {
font-size: 20px;
line-height: 36px;
}
.template-fair-trade .circle__images .circle__images-text-content {
text-align: left;
min-width: 1px;
}
.template-fair-trade .circle__images .circle__images-info * {
font-family: var(--font-body-family), sans-serif;
font-size: 18px;
}
.template-fair-trade .circle__images .circle__images-info *:first-child {
font-family: var(--font-heading-family), sans-serif;
}
.template-fair-trade .circle__images .circle__images-image-wrapper {
max-width: 100%;
width: 100%;
}
.template-fair-trade .global-banner {
padding: 20px;
}
.template-fair-trade .global-banner .button,
.template-fair-trade .global-banner .shopify-challenge__button.btn,
.template-fair-trade
.global-banner
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-fair-trade
.global-banner
.yotpo-load-more-button {
max-width: 100%;
width: 100%;
}
}
@media screen and (min-width: 1440px) and (max-width: 1440px) {
.template-fair-trade .circle__images {
padding-left: 8rem;
padding-right: 8rem;
}
.template-fair-trade .circle__images .container {
margin: 0;
padding: 0;
}
.template-fair-trade .circle__images .circle__images-text-content {
margin-right: 0;
padding-right: 0;
}
.template-fair-trade .circle__images .circle__images-wrapper {
width: auto;
margin: 0;
}
.template-fair-trade .circle__images .circle__images-alignment--right {
justify-content: center;
}
}
.template-core-values .global-banner__content {
max-width: 670px;
}
.template-core-values .global-banner__title {
margin-bottom: 0;
}
.template-core-values .global-banner__title p {
margin-bottom: 14px;
}
.template-core-values .global-banner.global-banner--under-header {
}
.template-core-values .text-block {
margin-top: 159px;
margin-bottom: 240px;
}
.template-core-values .text-block strong {
display: inline-block;
margin-top: 20px;
font-size: 20px;
line-height: 24px;
}
@media (min-width: 768px) {
.template-core-values .text-block strong {
font-size: 28px;
line-height: 32px;
}
}
.template-core-values .text-block .text-block__description p {
margin-top: 20px;
font-size: 16px;
line-height: 28px;
}
.template-core-values .text-block .text-block__container {
padding-left: 40px;
padding-right: 40px;
}
@media (min-width: 768px) {
.template-core-values .text-block {
margin-top: 164px;
}
}
.template-planet .climate-description .climate-description__container {
max-width: 802px;
padding: 0 40px;
}
@media (min-width: 992px) {
.template-planet .climate-description .climate-description__container {
padding: 0;
}
}
.template-planet .climate-description .climate-description__description * {
font-size: 16px;
line-height: 28px;
}
@media (min-width: 768px) {
.template-planet .climate-description .climate-description__description * {
font-size: 24px;
line-height: 43px;
}
}
.template-planet .climate-description .climate-description__button {
margin-top: 37px;
margin-left: 0;
margin-right: 0;
padding: 15px 29px;
max-height: 44px;
}
.template-how-we-fund .film-carousel .slider__arrow {
display: none;
}
.template-how-we-fund .text-block {
margin-top: 117px;
margin-bottom: 86px;
}
.template-how-we-fund
.text-block
.text-block__row.text-block__row--collums-1
.text-block__title {
margin-bottom: 75px;
font-size: 24px;
}
.template-how-we-fund .text-block .text-block__col {
flex: 1 0 100%;
}
.template-how-we-fund .text-block .text-block__col.text-block__col--2 {
margin-top: 100px;
}
.template-how-we-fund .text-block .text-block__title {
margin-top: 0;
margin-bottom: 40px;
font-size: 16px;
line-height: 1.2;
}
.template-how-we-fund .global-banner.global-banner--under-header {
min-height: 488px;
}
.template-how-we-fund .global-banner .global-banner__title {
display: flex;
justify-content: center;
font-family: var(--font-heading-family), sans-serif;
}
.template-how-we-fund .blog-article-carousel {
margin-top: 66px;
margin-bottom: 84px;
}
.template-how-we-fund .blog-article-carousel .slider__container {
overflow-y: visible;
padding-bottom: 19px;
}
.template-how-we-fund .blog-article-carousel .blog-article-carousel__slide {
min-height: 367px;
}
.template-how-we-fund .blog-article-carousel .article-card-video {
min-height: unset;
}
.template-how-we-fund .slider__container {
padding-left: 30px;
padding-right: 30px;
}
.template-how-we-fund .film-carousel {
padding-top: 46px;
}
.template-how-we-fund .film-carousel .slider {
margin-top: 0;
}
@media (min-width: 480px) {
.template-how-we-fund
.text-block
.text-block__row.text-block__row--collums-1
.text-block__title {
font-size: 32px;
line-height: 36px;
}
}
@media (min-width: 576px) {
.template-how-we-fund .text-block .text-block__col {
flex: 1 0 50%;
margin-bottom: 0;
}
.template-how-we-fund .text-block .text-block__col.text-block__col--2 {
margin-top: 0;
}
.template-how-we-fund .text-block p,
.template-how-we-fund .text-block .text-block__title {
font-size: 20px;
}
}
@media (min-width: 768px) {
.template-how-we-fund .film-carousel {
padding-top: 90px;
padding-bottom: 68px;
}
.template-how-we-fund .text-block .text-block__container {
padding-left: 100px;
padding-right: 100px;
}
}
@media (min-width: 992px) {
.template-how-we-fund .text-block .text-block__container {
max-width: 800px;
padding-left: 0;
padding-right: 0;
}
.template-how-we-fund .blog-article-carousel {
margin-bottom: 110px;
}
.template-how-we-fund .global-banner.global-banner--under-header {
}
}
@media screen and (max-width: 767px) {
.template-how-we-fund .text-block .text-block__container {
padding-left: 40px;
padding-right: 40px;
}
}
.template-group-sales-logos .global-banner .global-banner__title {
margin-bottom: 14px;
}
.template-group-sales-logos .text-block .text-block__col {
padding: 0 40px;
}
.template-group-sales-logos .global-banner .global-banner__title p {
margin-bottom: 0;
}
.template-group-sales-logos .text-block {
margin-top: -90px;
margin-bottom: 60px;
}
@media (min-width: 768px) {
.template-group-sales-logos .text-block {
margin-top: 20px;
}
}
.template-group-sales-logos .global-banner__title {
max-width: 835px;
}
.template-group-sales-logos .global-banner.global-banner--under-header {
padding: 0 40px;
padding-top: 0;
}
@media (min-width: 768px) {
.template-group-sales-logos .global-banner.global-banner--under-header {
padding-top: inherit;
}
}
.template-group-sales-logos .text-block .text-block__container {
max-width: 854px;
}
.template-group-sales-logos .global-banner__title p,
.template-group-sales-logos .global-banner__subheading p {
font-family: var(--font-heading-family), sans-serif;
}
.template-ambassadors-landing .sports-carousel-wrapper-grid {
display: flex;
justify-content: start;
margin-top: 60px;
margin-bottom: 20px;
padding: 0 30px;
flex-wrap: wrap;
}
.template-ambassadors-landing .sports-carousel-wrapper-grid .sport-carousel {
width: calc(100vw - 60px);
height: calc((100vw - 80px) * 1.4);
margin-right: 0;
padding: 20px 10px;
max-width: calc(100vw - 60px);
max-height: 395px;
}
@media (min-width: 480px) {
.template-ambassadors-landing .sports-carousel-wrapper-grid .sport-carousel {
height: calc((100vw - 80px) * 1.4);
padding: 20px 10px;
max-width: calc(100vw - 60px);
max-height: 395px;
}
}
@media (min-width: 768px) {
.template-ambassadors-landing .sports-carousel-wrapper-grid .sport-carousel {
width: calc((100vw - 140px) / 2);
height: calc((100vw - 160px) / 2 * 1.2);
max-width: calc((100vw - 140px) / 2);
max-height: calc((100vw - 160px) / 2 * 1.2);
}
}
@media (min-width: 992px) {
.template-ambassadors-landing .sports-carousel-wrapper-grid .sport-carousel {
width: calc((100vw - 160px) / 3);
height: calc((100vw - 160px) / 3 * 1.2);
max-width: calc((100vw - 160px) / 3);
max-height: calc((100vw - 160px) / 3 * 1.2);
}
}
@media (min-width: 1200px) {
.template-ambassadors-landing .sports-carousel-wrapper-grid .sport-carousel {
width: calc((100vw - 160px) / 4);
height: calc((100vw - 160px) / 4 * 1.25);
max-width: calc((100vw - 160px) / 4);
max-height: calc((100vw - 160px) / 4 * 1.25);
}
}
@media (min-width: 768px) {
.template-ambassadors-landing .sports-carousel-wrapper-grid {
padding: 0 70px;
}
}
.template-activism .sport-carousel .sport-carousel__button,
.template-activism .global-carousel .global-carousel__slide-button.button,
.template-activism
.global-carousel
.global-carousel__slide-button.shopify-challenge__button.btn,
.template-activism
.global-carousel
.yotpo-gallery
.yotpo-pictures-widget
.global-carousel__slide-button.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-activism
.global-carousel
.global-carousel__slide-button.yotpo-load-more-button {
width: 114px;
height: 32px;
padding: 0;
font-size: 12px;
max-width: 114px;
max-height: 32px;
}
.template-activism .global-carousel .global-carousel__slide-title {
font-family: var(--font-heading-family), sans-serif;
}
.template-activism .global-carousel .global-carousel__slide-text {
max-width: 310px;
}
.template-activism .global-banner .button,
.template-activism .global-banner .shopify-challenge__button.btn,
.template-activism
.global-banner
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-activism
.global-banner
.yotpo-load-more-button {
width: 168px;
height: 56px;
padding: 0;
max-width: 168px;
min-width: 168px;
max-height: 56px;
min-height: 56px;
}
.template-activism
.climate-description
.climate-description__description
strong {
font-family: var(--font-heading-family), sans-serif;
font-weight: 500;
}
@media screen and (max-width: 576px) {
.template-activism svg[viewBox="0 0 366 250"][width="400px"][height="200px"] {
width: 195px;
height: 133px;
}
.template-activism .climate-description {
padding: 0 40px;
}
.template-activism .climate-description .climate-description__description * {
margin-top: 0;
}
.template-activism .blog-article-carousel {
margin: 110px 0 84px 0;
}
.template-activism .climate-description__title {
font-size: 28px;
line-height: 36px;
}
.template-activism .global-carousel {
padding-top: 0;
}
.template-activism .global-carousel .global-carousel__slide-wrapper {
min-height: 355px !important;
}
.template-activism .global-carousel .global-carousel__slide {
min-height: 355px;
}
}
@media (min-width: 992px) {
.template-activism
.global-carousel
.global-carousel__slide:hover
.global-carousel__slide-text {
overflow: hidden;
opacity: 1;
height: 121px;
transition: height 0.3s, opacity 0.28s;
}
.template-activism .global-carousel .global-carousel__slide-text {
opacity: 0;
height: 0;
min-height: unset;
transition: height 0.3s, opacity 0.28s;
}
}
.template-protect-our-rights .circle__images .circle__images-image-wrapper {
width: 100%;
max-width: 80%;
}
.template-protect-our-rights .circle__images picture {
width: 100%;
}
.template-protect-our-rights .circle__images picture img {
width: 100%;
}
@media screen and (max-width: 576px) {
.template-protect-our-rights .circle__images {
padding-top: 81px;
}
.template-protect-our-rights .circle__images .circle__images-image-wrapper {
max-width: 100%;
margin-bottom: 100px;
}
.template-protect-our-rights .circle__images .circle__images-info {
padding: 40px;
}
.template-protect-our-rights .text-block {
margin-top: 60px;
}
.template-protect-our-rights .text-block .text-block__title {
font-size: 20px;
line-height: 25px;
}
.template-protect-our-rights .text-block .text-block__container {
padding-left: 40px;
padding-right: 40px;
}
}
@media screen and (min-width: 1200px) {
.template-protect-our-rights .text-block .text-block__title {
font-size: 32px;
line-height: 36px;
}
.template-protect-our-rights .text-block .text-block__container {
min-width: 794px;
max-width: 794px;
width: 794px;
}
.template-protect-our-rights .text-block {
margin-bottom: 116px;
}
.template-protect-our-rights .circle__images {
padding: 190px 0 70px;
}
}
.template-our-footprint .header {
color: #000;
}
.template-our-footprint .film-carousel .film-carousel__slide-button {
min-width: 114px;
}
.template-our-footprint .film-carousel .slider::-webkit-scrollbar-thumb {
width: 80px;
height: 22px;
max-width: 80px;
}
.template-our-footprint .film-carousel .slider__container {
overflow: auto;
padding: 0 30px 25px;
}
.template-our-footprint
.film-carousel.film-carousel--with-title
.film-carousel__content {
top: 0;
opacity: 1;
transform: translateY(32%);
}
.template-our-footprint
.film-carousel.film-carousel--with-title
.film-carousel__slide-text {
max-width: 260px;
opacity: 0;
transition: opacity 0.3s;
}
.template-our-footprint
.film-carousel.film-carousel--with-title
.film-carousel__slide:hover {
transform: none;
box-shadow: none;
}
.template-our-footprint
.film-carousel.film-carousel--with-title
.film-carousel__slide:hover
.film-carousel__content {
transform: translateY(32%);
}
.template-our-footprint
.film-carousel.film-carousel--with-title
.film-carousel__slide
.film-carousel__content {
transform: translateY(32%);
}
.template-our-footprint .container.container--fluid {
padding-left: 30px;
padding-right: 30px;
}
.template-our-footprint .container.container--fluid.swiper-container {
overflow: visible;
transform: translateX(-10px);
}
.template-our-footprint .circle__images .circle__images-image-content {
padding-top: 50px;
}
.template-our-footprint .circle__images .circle__images-title {
margin-bottom: 0;
}
.template-our-footprint .circle__images .circle__images-text-content {
order: 0;
}
.template-our-footprint .circle__images .circle__images-image-attach {
width: 87px;
height: 87px;
background: transparent;
}
@media (min-width: 576px) {
.template-our-footprint .circle__images .circle__images-image-attach {
width: 100px;
height: 100px;
}
}
.template-our-footprint .circle__images .circle__images-alignment--left_bottom {
top: 85%;
}
.template-our-footprint .circle__images .circle__images-small {
width: 100%;
height: 100%;
}
.template-our-footprint .circle__images-description-block {
margin-top: 30px;
}
.template-our-footprint .circle__images-button {
margin-top: 36px;
}
.template-our-footprint .global-carousel .slider {
margin-top: 0;
}
.template-our-footprint .cards-info {
padding-bottom: 170px;
}
.template-our-footprint
.article-card-blog
.article-card-blog__content-readtime {
padding: 9px;
}
.template-our-footprint .blog-article-carousel .slider::-webkit-scrollbar {
width: 0;
/* Remove scrollbar space */
background: transparent;
/* Optional: just make scrollbar invisible */
}
.template-our-footprint
.blog-article-carousel
.slider::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0);
}
.template-our-footprint .blog-article-carousel .slider__container {
overflow-x: auto;
padding-bottom: 25px;
}
.template-our-footprint .blog-article-carousel .blog-article-carousel__top {
padding-right: 0;
}
@media (min-width: 480px) {
.template-our-footprint
.film-carousel--with-title.film-carousel
.film-carousel__slide:hover
.film-carousel__content {
transform: translateY(38%);
}
.template-our-footprint
.film-carousel--with-title.film-carousel
.film-carousel__slide
.film-carousel__content {
transform: translateY(38%);
}
}
@media (min-width: 576px) {
.template-our-footprint .container.container--fluid {
padding-left: 120px;
padding-right: 120px;
}
.template-our-footprint .circle__images-title {
font-size: 48px;
}
.template-our-footprint
.circle__images
.circle__images-alignment--left_bottom {
top: 74%;
bottom: auto;
left: -12%;
width: 36%;
}
}
@media (min-width: 768px) {
.template-our-footprint .global-banner .global-banner__title {
align-items: var(--desktop-horizontal-pos, flex-start);
}
}
@media (min-width: 992px) {
.template-our-footprint .circle__images {
padding-top: 60px;
}
.template-our-footprint .circle__images .container {
max-width: 1400px;
max-width: 1190px;
margin-left: auto;
}
.template-our-footprint .circle__images .circle__images-text-content {
order: 1;
padding-top: 50px;
}
.template-our-footprint
.circle__images
.circle__images-inner-block.circle__images-alignment--left {
justify-content: flex-end;
}
.template-our-footprint
.circle__images
.circle__images-alignment--left_bottom {
top: 63%;
left: -15%;
}
.template-our-footprint .container.container--fluid {
max-width: 100%;
width: 100%;
padding-left: 80px;
padding-right: 80px;
}
.template-our-footprint .blog-article-carousel .slider__container {
overflow: hidden;
}
.template-our-footprint .film-carousel .slider__container {
overflow: hidden;
padding: 0 70px;
}
.template-our-footprint
.film-carousel.film-carousel--with-title
.film-carousel__slide
.film-carousel__content {
transform: translateY(38%);
}
}
@media (min-width: 1200px) {
.template-our-footprint .circle__images .container,
.template-our-footprint .container.container--fluid {
width: 75%;
padding: 0;
max-width: 1486px;
}
.template-our-footprint .cards-info {
padding-top: 160px;
padding-bottom: 160px;
}
.template-our-footprint
.film-carousel--with-title.film-carousel
.film-carousel__slide:hover {
transform: scale(1.01);
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.16);
}
.template-our-footprint
.film-carousel--with-title.film-carousel
.film-carousel__slide:hover
.film-carousel__content {
transform: translateY(10%);
}
.template-our-footprint
.film-carousel--with-title.film-carousel
.film-carousel__slide:hover
.film-carousel__slide-text {
opacity: 1;
transition: opacity 0.3s;
}
}
@media (min-width: 1400px) {
.template-our-footprint .global-carousel {
padding-top: 94px;
padding-bottom: 100px;
}
.template-our-footprint .circle__images .circle__images-wrapper {
padding-right: 0;
}
.template-our-footprint .circle__images .has-small-image {
max-width: 85%;
}
.template-our-footprint .circle__images .circle__images-text-content {
width: 42%;
}
.template-our-footprint .circle__images .circle__images-image-attach {
width: 180px;
height: 180px;
}
.template-our-footprint .film-carousel--with-title.film-carousel {
padding-top: 114px;
padding-bottom: 120px;
}
.template-our-footprint
.film-carousel--with-title.film-carousel
.film-carousel__slide
.film-carousel__content {
transform: translateY(40%);
}
.template-our-footprint
.film-carousel--with-title.film-carousel
.film-carousel__slide:hover
.film-carousel__content {
transform: translateY(20%);
}
}
@media screen and (max-width: 460px) {
.template-our-footprint .blog-article-carousel {
margin-top: 0;
margin-bottom: 67px;
padding-top: 30px;
}
.template-our-footprint .circle__images .container {
padding-left: 30px;
padding-right: 30px;
}
.template-our-footprint .global-banner {
padding-left: 40px;
padding-right: 40px;
}
}
.template-climate-goals .global-banner__subheading {
max-width: 885px;
font-family: "GalaxieCopernicus", sans-serif;
font-size: 28px;
line-height: 36px;
}
.template-climate-goals .global-banner__subheading p {
font-family: "GalaxieCopernicus", sans-serif;
font-size: 28px;
line-height: 36px;
}
@media (min-width: 768px) {
.template-climate-goals .global-banner__subheading p {
font-size: 40px;
line-height: 48px;
}
}
@media (min-width: 768px) {
.template-climate-goals .global-banner__subheading {
font-size: 40px;
line-height: 48px;
}
}
.template-store-locator .header {
color: #000;
}
.template-store-locator .header.pinned {
background: #fff;
}
.template-store-locator .shopify-section:last-child .our-stores__info {
padding-bottom: 80px;
}
.template-store-locator .store-locator__map {
margin-top: 40px;
padding-bottom: 40px;
background: #f0f0f0;
}
@media (min-width: 768px) {
.template-store-locator .our-stores__container {
padding: 0 20px;
}
.template-store-locator .our-stores .our-stores__inner-block {
justify-content: flex-start;
}
.template-store-locator .our-stores .our-stores__inner-block .store-card {
width: 32%;
margin: 0 0.5% 0;
}
.template-store-locator
.our-stores
.our-stores__inner-block
.store-card:nth-child(n + 4) {
margin-top: 90px;
}
}
@media (min-width: 992px) {
.template-store-locator .our-stores__info-content {
max-width: 650px;
margin: 0 auto;
}
}
.template-company-history
.global-banner
.global-banner__caption
.global-banner__caption-subtitle {
font-family: var(--font-heading-family), sans-serif;
font-size: 32px;
line-height: 1.2;
max-width: 80%;
}
.template-company-history
.global-banner
.global-banner__caption
.global-banner__caption-subtitle
p {
font-size: inherit;
line-height: inherit;
}
.template-company-history
.global-banner
.global-banner__caption
.global-banner__caption-title {
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
line-height: 1.2;
}
.template-company-history
.global-banner
.global-banner__caption
.global-banner__caption-title
p {
font-size: inherit;
line-height: inherit;
}
.template-company-history .columns-with-bg-section-wrapper {
transform: scaleX(0.9) scaley(0.97);
transition: transform 0.3s ease;
}
.template-company-history
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-color-block--image {
width: 100%;
min-width: 1280px;
height: 100%;
}
.template-company-history
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-color-block--image
img {
transform: scaleX(1) scaley(1);
}
.template-company-history
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-color-block {
display: flex;
flex-direction: column;
justify-content: center;
}
.template-company-history
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-color-block.columns-with-bg-section--parrax
img {
transform: scaleX(1) scaley(1);
}
.template-company-history
.columns-with-bg-section-wrapper
.columns-with-bg-section__background-color-block.columns-with-bg-section--parrax
img.columns-with-bg-section__image--active {
transform: scaleX(1.3) scaley(1.3);
transition: transform 15s ease-in-out;
}
.template-company-history
.columns-with-bg-section-wrapper
.columns-with-bg-section__background {
filter: brightness(0.7);
}
.template-company-history
.columns-with-bg-section-wrapper
.columns-with-bg-section__button {
display: none;
}
.template-company-history .text-block {
margin: 0;
padding: 100px 40px 60px;
}
.template-company-history .text-block .text-block__header {
margin-bottom: 0;
font-size: 24px;
text-align: center;
}
.template-company-history .text-block .text-block__row {
display: none;
}
.template-company-history .columns-with-bg-section__subtitle {
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
line-height: 1.16;
}
.template-company-history .columns-with-bg-section__subtitle p {
font-size: inherit;
line-height: inherit;
}
.template-company-history .columns-with-bg-section__author,
.template-company-history .columns-with-bg-section__description {
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
line-height: 1.75;
}
.template-company-history .columns-with-bg-section__author p,
.template-company-history .columns-with-bg-section__description p {
font-size: inherit;
line-height: inherit;
}
.template-company-history .columns-with-bg-section__author {
font-family: var(--font-body-family), sans-serif;
}
@media (min-width: 768px) {
.template-company-history .columns-with-bg-section__author,
.template-company-history .columns-with-bg-section__description {
font-size: 20px;
max-width: 50%;
}
}
@media (min-width: 992px) {
.template-company-history
.global-banner
.global-banner__caption
.global-banner__caption-subtitle {
max-width: 66%;
}
.template-company-history .text-block .text-block__header {
font-size: 32px;
}
.template-company-history
.columns-with-bg-section-wrapper
.columns-with-bg-section__button {
display: flex;
}
}
@media (min-width: 1200px) {
.template-company-history
.global-banner
.global-banner__caption
.global-banner__caption-subtitle {
max-width: 49%;
}
}
.template-big-gas-dont-surf {
background-color: black;
}
.template-big-gas-dont-surf .global-carousel__slide-title {
opacity: 0;
transition: opacity 0.3s ease;
}
.template-big-gas-dont-surf .hero-film.hero-film--under-header {
min-height: 550px;
}
@media (min-width: 768px) {
.template-big-gas-dont-surf .hero-film.hero-film--under-header {
min-height: var(--banner-height);
}
}
.template-big-gas-dont-surf
.article-card-video
.article-card-video__title.article-card-video__title--visible {
top: 70%;
}
.template-big-gas-dont-surf .article-card-video--sign-up-desktop {
display: none;
}
@media (min-width: 1200px) {
.template-big-gas-dont-surf .article-card-video--sign-up-desktop {
display: grid;
}
}
.template-big-gas-dont-surf .article-card-video--sign-up-mobile {
display: grid;
margin: 10px;
}
.template-big-gas-dont-surf
.article-card-video--sign-up-mobile
.article-card-video__image {
height: calc(100% - 20px);
}
.template-big-gas-dont-surf
.article-card-video--sign-up-mobile
.article-card-video__overlay {
top: 10px;
height: calc(100% - 20px);
}
@media (min-width: 992px) {
.template-big-gas-dont-surf .article-card-video--sign-up-mobile {
margin: 0;
}
}
@media (min-width: 1200px) {
.template-big-gas-dont-surf .article-card-video--sign-up-mobile {
display: none;
}
}
.template-big-gas-dont-surf .global_carousel__main-image {
position: absolute;
top: 12%;
transition: transition 0.3s ease;
min-height: 70px;
}
@media (min-width: 576px) {
.template-big-gas-dont-surf .global_carousel__main-image {
top: 5%;
}
}
@media (min-width: 768px) {
.template-big-gas-dont-surf .global_carousel__main-image {
top: 20%;
}
}
@media (min-width: 992px) {
.template-big-gas-dont-surf .global_carousel__main-image {
top: 45%;
}
}
.template-big-gas-dont-surf .blog-article-carousel__title {
color: white;
}
.template-big-gas-dont-surf .blog-article-carousel {
margin-bottom: 80px;
}
.template-big-gas-dont-surf
.article-card-blog.article-card-blog--large
.article-card-blog__link {
background-color: #121212;
}
.template-big-gas-dont-surf
.article-card-blog.article-card-blog--large
.article-card-blog__link
.article-card-blog__content-title,
.template-big-gas-dont-surf
.article-card-blog.article-card-blog--large
.article-card-blog__link
.article-card-blog__content-author {
color: #efece5;
}
.template-big-gas-dont-surf .global-carousel .global-carousel__title {
padding-left: 0;
}
@media (min-width: 768px) {
.template-big-gas-dont-surf .global-carousel .global-carousel__title {
padding-left: 90px;
}
}
.template-big-gas-dont-surf .climate-description-with-links {
position: relative;
background-color: #efece5;
min-height: 1024px;
}
.template-big-gas-dont-surf .climate-description-with-links__title {
display: flex;
justify-content: center;
margin-bottom: 21px;
font-family: var(--font-heading-family), sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 36px;
letter-spacing: 0.2px;
text-align: center;
color: #000000;
}
@media (min-width: 768px) {
.template-big-gas-dont-surf .climate-description-with-links__title {
margin-bottom: 30px;
font-size: 38px;
line-height: 47px;
}
}
.template-big-gas-dont-surf .climate-description-with-links__description {
display: inline-block;
display: flex;
margin: 0 auto;
text-align: center;
color: #000000;
max-width: 700px;
}
.template-big-gas-dont-surf .climate-description-with-links__description * {
font-size: 20px;
font-weight: 500;
line-height: 36px;
}
.template-big-gas-dont-surf .climate-description-with-links__line-register {
display: flex;
justify-content: center;
margin: 0 auto;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.template-big-gas-dont-surf .climate-description-with-links__line-register {
flex-wrap: nowrap;
}
}
.template-big-gas-dont-surf .climate-description-with-links__row {
z-index: 1;
display: flex;
margin: 0 auto;
margin-top: 19px;
flex-direction: column;
max-width: 500px;
}
@media (min-width: 768px) {
.template-big-gas-dont-surf .climate-description-with-links__row {
margin-top: 44px;
}
}
.template-big-gas-dont-surf .climate-description-with-links__date,
.template-big-gas-dont-surf .climate-description-with-links__place {
font-family: var(--font-heading-family), sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 44px;
}
.template-big-gas-dont-surf .climate-description-with-links__date span,
.template-big-gas-dont-surf .climate-description-with-links__place span {
margin: 0 10px;
}
@media (min-width: 768px) {
.template-big-gas-dont-surf .climate-description-with-links__date span,
.template-big-gas-dont-surf .climate-description-with-links__place span {
display: none;
}
}
.template-big-gas-dont-surf .climate-description-with-links__link {
width: 100%;
margin-left: 0;
text-align: center;
text-decoration: underline;
}
.template-big-gas-dont-surf .climate-description-with-links__link * {
font-size: 20px;
font-weight: 500;
line-height: 44px;
}
@media (min-width: 768px) {
.template-big-gas-dont-surf .climate-description-with-links__link {
margin-left: 60px;
}
}
.template-big-gas-dont-surf .climate-description-with-links__date {
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
}
@media (min-width: 768px) {
.template-big-gas-dont-surf .climate-description-with-links__date {
min-width: 120px;
}
}
.template-big-gas-dont-surf .climate-description-with-links__place {
margin-left: 0;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
}
@media (min-width: 768px) {
.template-big-gas-dont-surf .climate-description-with-links__place {
margin-left: 75px;
min-width: 140px;
}
}
.template-big-gas-dont-surf .climate-description-with-links__container {
position: absolute;
bottom: -10px;
display: flex;
justify-content: flex-start;
width: 100%;
height: 100%;
padding-top: 52px;
flex-direction: column;
}
.template-big-gas-dont-surf .climate-description-with-links__container picture {
position: absolute;
bottom: 0;
width: 100%;
}
.template-big-gas-dont-surf
.climate-description-with-links__container
picture
img {
width: 100%;
}
@media (min-width: 768px) {
.template-big-gas-dont-surf .climate-description-with-links__container {
padding-top: 160px;
}
}
.template-big-gas-dont-surf .article-card-blog--large .article-card-blog__link {
background: black;
color: white;
}
.template-big-gas-dont-surf
.article-card-blog--large
.article-card-blog__link
.article-card-blog__content-title {
color: white;
}
.template-big-gas-dont-surf .article-card-blog .article-card-blog__link {
background-color: #ffd76a;
color: white;
}
.template-big-gas-dont-surf
.article-card-blog
.article-card-blog__link
.article-card-blog__content-author {
color: black;
}
.template-big-gas-dont-surf
.article-card-blog
.article-card-blog__link
.article-card-video__text {
color: black;
}
.template-big-gas-dont-surf
.article-card-blog
.article-card-blog__link
.article-card-blog__content-title {
color: black;
}
.template-big-gas-dont-surf .slider__arrow {
background: black;
color: white;
}
.template-big-gas-dont-surf
.climate-description-with-img.climate-description-with-img--animated {
transform: scale(0.8);
transition: transform 0.3s ease;
}
.template-big-gas-dont-surf
.climate-description-with-img.climate-description-with-img--animated
.climate-description-with-img__container {
opacity: 0;
transform: translateY(100%);
transition: transform 0.3s ease, opacity 0.3s ease;
}
.template-big-gas-dont-surf
.climate-description-with-img.climate-description-with-img--scrolled {
overflow: hidden;
transform: none;
}
.template-big-gas-dont-surf
.climate-description-with-img.climate-description-with-img--scrolled
.climate-description-with-img__container {
opacity: 1;
transform: none;
}
.template-big-gas-dont-surf
.climate-description-with-img
.climate-description-with-img__container {
margin: 0 auto;
margin-bottom: 110px;
padding: 0 40px;
max-width: 980px;
}
@media (min-width: 768px) {
.template-big-gas-dont-surf
.climate-description-with-img
.climate-description-with-img__container {
padding: 114px 0 0;
max-width: 700px;
}
}
.template-big-gas-dont-surf .climate-description-with-img__main-image {
display: flex;
justify-content: center;
}
.template-big-gas-dont-surf .climate-description-with-links__content {
padding: 0 40px;
}
@media (min-width: 768px) {
.template-big-gas-dont-surf .climate-description-with-links__content {
padding: 0;
}
}
.template-big-gas-dont-surf
.climate-description-with-img
.climate-description-with-img__description
* {
font-size: 16px;
line-height: 28px;
color: white;
}
@media (min-width: 768px) {
.template-big-gas-dont-surf
.climate-description-with-img
.climate-description-with-img__description
* {
font-size: 24px;
line-height: 44px;
}
}
.template-big-gas-dont-surf
.climate-description-with-img
.climate-description-with-img__description
p {
text-align: center;
}
.template-big-gas-dont-surf
.climate-description-with-img
.climate-description-with-img__description
p
+ p {
margin-top: 15px;
}
.template-big-gas-dont-surf
.climate-description-with-img
.climate-description-with-img__button {
margin-top: 37px;
margin-left: 0;
margin-right: 0;
padding: 15px 29px;
max-height: 44px;
}
.template-big-gas-dont-surf
.row-image-template
.row-image-template__background-color-block {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.template-big-gas-dont-surf
.row-image-template
.row-image-template__description
p {
font-size: 22px;
line-height: 28px;
text-align: center;
}
@media (min-width: 768px) {
.template-big-gas-dont-surf
.row-image-template
.row-image-template__description
p {
font-size: 32px;
line-height: 40px;
}
}
.template-big-gas-dont-surf
.row-image-template
.row-image-template__description
a {
display: flex;
justify-content: center;
align-items: center;
width: 160px;
height: 50px;
margin: 0 auto;
background: #fff;
font-family: var(--font-heading-family), sans-serif;
font-size: 16px;
text-decoration: none;
color: #000;
border-radius: 36px;
}
@media screen and (max-width: 576px) {
.template-big-gas-dont-surf .climate-description-with-links__link {
margin-top: -20px;
margin-bottom: 12px;
line-height: 1;
}
}
@media (min-width: 992px) and (-moz-touch-enabled: 0),
(min-width: 992px) and (hover: hover) {
.template-big-gas-dont-surf
.global-carousel__content:hover
.global-carousel__slide-title {
opacity: 1;
}
.template-big-gas-dont-surf
.global-carousel__content:hover
.global_carousel__main-image {
transform: translateY(-165%);
}
}
.template-careers .global-banner .global-banner__title p {
font-size: 40px;
font-weight: 500;
}
.template-careers .climate-description .climate-description__container {
max-width: 900px;
}
.template-careers .climate-description .climate-description__description * {
font-size: 18px;
line-height: 28px;
}
.template-careers .climate-description .climate-description__button {
height: 46px;
padding: 5px 10px;
font-size: 14px;
text-align: center;
}
.template-careers .text-block {
margin-top: 60px;
margin-bottom: 230px;
}
.template-careers .text-block .text-block__container {
max-width: 900px;
padding: 0;
}
.template-careers .text-block .text-block__description p + p {
margin-top: 80px;
}
.template-careers .text-block p {
font-size: 18px;
line-height: 28px;
text-align: center;
}
.template-careers .card-materials .card-materials__element {
margin-bottom: 0;
}
.template-careers .card-materials .card-materials__header {
margin-bottom: 80px;
font-size: 40px;
line-height: 32px;
text-align: center;
}
.template-careers .card-materials .card-materials__image {
border-radius: 0;
}
.template-careers .card-materials .card-materials__subtitle {
padding: 20px 0;
font-family: var(--font-body-family), sans-serif;
font-size: 16px;
line-height: 20px;
text-align: center;
}
@media screen and (min-width: 576px) and (max-width: 1024px) {
.template-careers .text-block .text-block__container {
padding: 0 40px;
}
}
@media screen and (max-width: 576px) {
.template-careers .climate-description .climate-description__container {
padding: 0 40px;
}
.template-careers .text-block .text-block__col {
padding: 0 40px;
}
.template-careers .card-materials .card-materials__header {
margin-bottom: 46px;
font-size: 32px;
}
.template-careers .card-materials .card-materials__subtitle {
padding-top: 20px;
padding-bottom: 40px;
}
.template-careers .card-materials {
margin-bottom: 50px;
}
}
.template-apply-gs .globo-form-app.boxed-layout {
margin-top: 15px;
padding: 0;
max-width: 1170px;
box-shadow: none;
}
.template-apply-gs h3.title.globo-heading {
margin-bottom: 20px;
padding-bottom: 0;
font-size: 45px;
border-bottom: 1px solid #eee;
}
.template-apply-gs .description.globo-description p {
font-size: 15px;
}
.template-apply-gs .globo-form-app.boxed-layout .header {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.template-apply-gs
.globo-form-control.layout-1-column
h3.heading-title.globo-heading {
margin-top: 20px;
margin-bottom: 21px;
margin-bottom: 0;
margin-bottom: -15px;
margin-left: -40px;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 22.5px;
font-weight: 400;
line-height: inherit;
color: #333;
}
.template-apply-gs .globo-form-control.layout-1-column ul {
display: flex;
justify-content: space-between;
}
.template-apply-gs .globo-form-app .globo-form-control input,
.template-apply-gs .globo-form-app .globo-form-control textarea {
border: 1px solid #949494;
background: white;
box-shadow: none;
}
.template-apply-gs .globo-form-app .globo-form-control.layout-1-column {
margin-bottom: 24px;
}
.globo-form .globo-form-app .message + .footer {
margin-top: 0;
}
.template-apply-gs .globo-form-id-80893 .globo-form-app .footer button.submit {
padding: 0.6rem 3.2rem;
padding-left: 10px;
padding-right: 10px;
border: none;
border-color: #000;
background-color: #000 !important;
vertical-align: middle;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
color: #fff;
transition: transform 0.2s cubic-bezier(0.235, 0, 0.05, 0.95);
border-radius: 3rem;
}
.template-apply-gs
.globo-form-id-80893
.globo-form-app
.footer
button.submit:hover {
background-color: #000 !important;
}
.template-apply-gs .globo-form-app .layout-2-column:nth-child(-n + 5) {
width: 25% !important;
}
.template-apply-gs .globo-form-app .message.success {
padding-left: 0;
background: none;
box-shadow: none;
border-top: 1px solid #eee;
}
.globo-form-app .message .dismiss {
display: none;
}
.globo-form-app .message .content p {
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 15px;
}
.template-apply-gs .form-apply__title {
margin: 0 auto;
font-family: "RidgewaySans-Regular", sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 1.1;
color: #232222;
max-width: 1170px;
}
.template-apply-gs .form-apply {
padding: 0 15px;
}
.template-apply-gs div#globo-formbuilder-80893 {
padding: 0 15px;
}
.template-apply-gs span.label-content {
font-size: 15px;
font-weight: 500;
line-height: 22px;
color: #666 !important;
}
.content.flex-wrap.block-container {
padding-left: 40px;
}
@media screen and (max-width: 990px) {
.template-apply-gs .globo-form-app .layout-2-column:nth-child(-n + 5) {
width: 100% !important;
}
.template-apply-gs .globo-form-control.layout-1-column ul {
flex-direction: column;
}
.template-apply-gs .globo-form-control.layout-1-column ul li {
margin-bottom: 15px;
}
.template-apply-gs .globo-form-app .globo-form-control.layout-1-column {
margin-bottom: 5px;
}
.content.flex-wrap.block-container {
padding-left: 0;
}
.template-apply-gs
.globo-form-control.layout-1-column
h3.heading-title.globo-heading {
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
}
}
.template-regenerative-organic-3
.hero-film
.hero-film__content
.hero-film__subheading {
padding: 0 20px;
}
@media (min-width: 992px) {
.template-regenerative-organic-3
.hero-film
.hero-film__content
.hero-film__subheading {
padding: 0 90px;
}
}
.template-regenerative-organic-3
.hero-film
.hero-film__content
.hero-film__subheading
p {
font-size: 16px;
line-height: 28px;
}
@media (min-width: 768px) {
.template-regenerative-organic-3
.hero-film
.hero-film__content
.hero-film__subheading
p {
font-size: 20px;
line-height: 35px;
}
}
.template-regenerative-organic-3 .circle__images {
padding: 80px 0 90px;
}
.template-regenerative-organic-3 .circle__images .circle__images-wrapper {
flex-direction: column-reverse;
}
@media (min-width: 992px) {
.template-regenerative-organic-3 .circle__images .circle__images-wrapper {
flex-direction: row;
}
}
.template-regenerative-organic-3 .circle__images .circle__images-image-wrapper {
min-width: 240px;
margin-left: 50px;
}
.template-regenerative-organic-3 .circle__images .circle__images-text-content {
order: 0;
}
.template-regenerative-organic-3 .circle__images .circle__images-small {
min-width: 80px;
min-height: 80px;
width: 100%;
height: 100%;
}
.template-regenerative-organic-3 .circle__images .circle__images-image-attach {
width: 87px;
height: 87px;
background: transparent;
}
@media (min-width: 576px) {
.template-regenerative-organic-3
.circle__images
.circle__images-image-attach {
width: 100px;
height: 100px;
}
}
.template-regenerative-organic-3
.circle__images
.circle__images-alignment--left_bottom {
top: 85%;
}
.template-regenerative-organic-3 .circle__images .circle__images-button {
margin-top: 30px;
}
.template-regenerative-organic-3
.article-card-blog
.article-card-blog__content-author {
font-size: 12px;
}
.template-regenerative-organic-3 .rich-text.rich-text--full-width {
padding: 0 40px;
}
@media (min-width: 576px) {
.template-regenerative-organic-3
.circle__images
.circle__images-alignment--left_bottom {
top: 74%;
bottom: auto;
left: -12%;
width: 36%;
}
}
@media (min-width: 992px) {
.template-regenerative-organic-3 .circle__images {
padding: 140px 0 200px;
}
.template-regenerative-organic-3
.circle__images
.circle__images-text-content {
order: 1;
padding-top: 0;
}
.template-regenerative-organic-3
.circle__images
.circle__images-alignment--left_bottom {
top: 63%;
left: -15%;
}
.template-regenerative-organic-3
.circle__images
.circle__images-inner-block.circle__images-alignment--left {
justify-content: flex-end;
}
.template-regenerative-organic-3 .rich-text__blocks h2 {
padding: 0 250px;
font-size: 42px;
}
.template-regenerative-organic-3 .rich-text__blocks p {
margin: 0 auto;
font-size: 24px;
max-width: 880px;
}
}
.template-custom-blocks-1
.global-banner__subheading.global-banner__subheading--second {
max-width: 600px;
}
.template-custom-blocks-1 .global-carousel__slide-wrapper {
height: calc((100vw - 80px) * 1.2);
max-height: calc((100vw - 80px) * 1.2);
}
@media (min-width: 576px) {
.template-custom-blocks-1 .global-carousel__slide-wrapper {
width: calc(100vw - 80px);
height: calc((100vw - 80px) / 2 * 1.2);
max-width: calc(100vw - 80px);
max-height: calc((100vw - 80px) / 2 * 1.2);
}
}
@media (min-width: 992px) {
.template-custom-blocks-1 .global-carousel__slide-wrapper {
width: calc((100vw - 200px) / 2);
height: calc((100vw - 200px) / 4 * 1.2);
max-width: calc((100vw - 200px) / 2);
max-height: calc((100vw - 200px) / 4 * 1.2);
}
}
.template-business-unusual .global-banner .global-banner__title {
margin-bottom: 0;
}
.template-business-unusual .global-banner .global-banner__title p {
margin-bottom: 14px;
}
.template-business-unusual .global-banner .global-banner__subheading {
max-width: 622px;
}
.template-individual-store .button,
.template-individual-store .shopify-challenge__button.btn,
.template-individual-store
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-individual-store
.yotpo-load-more-button {
will-change: size;
}
.template-individual-store .button:hover,
.template-individual-store .shopify-challenge__button.btn:hover,
.template-individual-store
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button:hover,
.yotpo-gallery
.yotpo-pictures-widget
.template-individual-store
.yotpo-load-more-button:hover {
transform: scale(1.03) translate(-49%, 0);
transition: transform 0.3s ease;
}
.template-individual-store .global-banner .global-banner__title {
font-size: 40px;
font-weight: 500;
}
.template-individual-store .global-banner__schedule .icon-arrow-bottom {
transform: rotate(0);
transition: transform 0.3s;
}
.template-individual-store .global-banner__schedule .active {
display: block;
}
.template-individual-store .global-banner__schedule .active .icon-arrow-bottom {
transform: rotate(180deg);
transition: transform 0.3s;
}
.template-individual-store .global-banner__schedule-title {
font-size: 18px;
font-weight: 500;
line-height: 1.75;
cursor: pointer;
}
.template-individual-store .global-banner__schedule-list {
display: none;
}
.template-individual-store .global-banner__schedule-list p {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 1.75;
text-align: center;
}
.template-individual-store .individual-map__map {
min-height: 400px;
}
@media (min-width: 768px) {
.template-individual-store .global-banner .global-banner__title {
font-size: 64px;
}
}
@media (min-width: 992px) {
.template-individual-store .event-cards {
padding-bottom: 120px;
}
.template-individual-store .individual-map__map {
min-height: 600px;
}
}
.template-why-recycled .hero-film .hero-film__popup .hero-film__popup-close {
right: 10px;
}
.template-why-recycled
.circle__images
.circle__images-alignment-to--right_bottom
.circle__images-image-wrapper,
.template-why-recycled
.circle__images
.circle__images-alignment-to--left_bottom
.circle__images-image-wrapper {
margin-bottom: 50px;
}
.template-why-recycled
.circle__images
.circle__images-alignment-to--left_top
.has-small-image
> .circle__images-info {
max-width: 65%;
align-items: flex-start;
margin: 5% 7% 0 auto;
}
.template-why-recycled .circle__images .circle__images-alignment--left_top {
top: auto !important;
bottom: 86%;
}
.template-why-recycled .circle__images .circle__images-description p em {
display: inline-block;
font-style: normal;
font-size: 12px;
line-height: 1.5;
}
.template-why-recycled .circle__images-image-attach {
min-width: 120px;
min-height: 120px;
}
.template-why-recycled .circle__images-image-attach .circle__images-info {
padding: 0 4px;
font-size: 10.5px;
line-height: 1.3;
text-align: center;
color: white;
}
.template-why-recycled .film-carousel--with-title.film-carousel {
padding: 50px 0;
}
@media (min-width: 992px) {
.template-why-recycled .circle__images {
padding: 50px 0;
}
.template-why-recycled .circle__images .circle__images-alignment--left_top {
bottom: 94%;
}
.template-why-recycled
.circle__images
.circle__images-alignment-to--left_top
.has-small-image
> .circle__images-info {
justify-content: flex-start;
align-items: flex-start;
margin: 34% auto 0 auto;
}
.template-why-recycled .hero-film.hero-film--under-header {
margin-bottom: 70px;
}
}
@media (min-width: 1400px) {
.template-why-recycled .hero-film .hero-film__popup .hero-film__popup-close {
right: -20px;
}
}
.template-page .spaced-section {
margin-top: 0;
}
.template-roaring-journal-1-5 .header {
--default_color: white !important;
--default_color_background: transparent !important;
}
.template-roaring-journal-1-5 .header.pinned {
position: relative !important;
}
.template-roaring-journal-1-5 .header:hover {
--hover_color: black !important;
--hover_color_background: white !important;
}
.template-roaring-journal-1-5 .article-navigation {
position: fixed;
top: -100px;
z-index: 3;
transition: top 0.5s ease;
}
.template-roaring-journal-1-5.custom-sticky {
padding-top: 0;
}
.template-roaring-journal-1-5.custom-sticky #MainContent {
margin-top: 0;
}
.template-roaring-journal-1-5.custom-sticky .article-navigation {
position: fixed;
top: 0;
z-index: 11111;
transition: top 0.5s ease;
}
.template-roaring-journal-1-5.article-modal--show {
overflow: hidden;
}
.template-careers-temporary .climate-description__description {
padding: 0 40px;
}
.template-careers-temporary
.climate-description
.climate-description__description
* {
font-size: 16px;
}
@media (min-width: 992px) {
.template-careers-temporary .climate-description__description {
padding: 0 0;
}
.template-careers-temporary
.climate-description
.climate-description__description
* {
font-size: 20px;
}
}
.template-proprogram-login .global-banner {
z-index: 1;
}
.template-collection .header.pinned .header__side-menu-item svg {
color: black !important;
}
.template-50-trail-running .global-banner__title {
font-weight: 600;
}
.template-50-trail-running .global-banner--under-header .global-banner__title {
font-size: calc(24.05px + 8.6625vw);
line-height: 1;
letter-spacing: -2.28px;
}
@media screen and (min-width: 1200px) {
.template-50-trail-running
.global-banner--under-header
.global-banner__title {
font-size: 128px;
}
}
.template-50-trail-running
.global-banner--under-header
.global-banner__title
p {
font-size: 1em !important;
line-height: 1em !important;
}
@media screen and (max-width: 1199px) {
.template-50-trail-running
.global-banner--under-header
.global-banner__subheading {
font-size: calc(16.05px + 2.6625vw);
font-weight: 600;
}
.template-50-trail-running
.global-banner--under-header
.global-banner__subheading
p {
font-size: 1em !important;
line-height: 1em !important;
}
}
@media screen and (max-width: 1199px) {
.template-50-trail-running
.global-banner--under-header
.global-banner__subheading--second {
font-size: 12px;
line-height: 12px;
}
.template-50-trail-running
.global-banner--under-header
.global-banner__subheading--second
p {
margin-top: 0 !important;
padding-top: 0 !important;
}
}
.template-50-trail-running
.global-banner--under-header
.global-banner__content {
max-width: 100%;
}
@media screen and (max-width: 1199px) {
.template-50-trail-running .text-block__header {
font-size: calc(24.05px + 8.6625vw) !important;
font-weight: 600;
line-height: 1;
letter-spacing: -2.28px;
}
}
@media screen and (max-width: 768px) {
.template-50-trail-running .section-column-blocks .section_col {
height: unset !important;
padding-top: 100%;
}
.template-50-trail-running .section-column-blocks .section-block-content {
top: 0;
height: 100%;
justify-content: flex-end !important;
}
.template-50-trail-running .section-column-blocks .media.video-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
/*================ Layout ================*/
#challenge {
/* stylelint-disable */
/* stylelint-enable */
}
#challenge main {
padding: 150px 0;
}
#challenge .shopify-challenge__container {
font-size: 18px;
text-align: center;
}
.template-password a {
color: #1e88e5;
transition-duration: 0.3s;
transition-property: color;
}
.template-password a:hover,
.template-password a:focus {
color: #1360a4;
}
.template-password .errors {
margin: 5px 0;
line-height: 1.5;
color: red;
}
.template-password .template-password__header {
padding: 25px 15px;
font-size: 24px;
text-align: center;
}
.template-password .template-password__popup {
position: absolute;
top: 0;
left: 0;
display: flex;
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
padding: 15px;
background-color: #fff;
text-align: center;
transform: scale(0.85);
transition-duration: 0.3s;
transition-property: opacity, transform, visibility;
}
.template-password .template-password__popup.template-password__popup--open {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.template-password .template-password__login {
position: relative;
max-width: 540px;
width: 100%;
margin: auto;
padding: 30px;
border: 2px solid #000;
}
.template-password .template-password__main {
width: 100%;
margin: auto;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.template-password .template-password__content {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 30px 20px;
border: 2px solid #000;
max-width: 540px;
}
.template-password .template-password__h2 {
margin-bottom: 20px;
font-size: 28px;
}
.template-password .template-password__h4 {
margin: 10px 0;
font-size: 18px;
}
.template-password .password-close-button {
position: absolute;
top: 10px;
right: 10px;
width: 25px;
height: 25px;
padding: 0;
border: none;
background-color: transparent;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.template-password .password-close-button svg {
fill: #000;
}
.template-password .password-submit-group {
display: flex;
justify-content: center;
margin: 20px 0;
}
.template-password .password-input,
.template-password .password-button {
height: 36px;
border-radius: 0;
}
.template-password .password-input {
width: 100%;
padding: 0 10px;
border: 1px solid #000;
font-family: sans-serif;
font-size: 16px;
color: #000;
max-width: 300px;
transition-property: box-shadow;
transition-duration: 0.3s;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.template-password .password-input:focus {
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.87);
}
.template-password .password-button {
padding: 0 15px;
border: none;
background-color: #000;
font-family: sans-serif;
font-size: 14px;
text-transform: uppercase;
color: #fff;
transition-property: background-color;
transition-duration: 0.3s;
}
.template-password .password-button:hover,
.template-password .password-button:focus {
background-color: #838383;
}
.template-password .social-sharing {
margin: 15px 0;
}
.template-password .social-sharing .social-sharing__link {
display: inline-flex;
align-items: center;
margin: 5px;
text-decoration: none;
}
.template-password .social-sharing .social-sharing__link .icon {
margin-right: 5px;
}
.template-workwear .hero-film .hero-film__content .hero-film__subheading {
padding-left: 0;
}
.template-workwear .global-banner__subtitle {
margin-top: 30px;
}
.template-workwear .block-cards-carousel__item-image-wrapper::after {
background: linear-gradient(180deg, #0000, #0009);
transition: background 0.3s ease;
}
.template-workwear
.block-cards-carousel__item-wrapper:hover
.block-cards-carousel__item-image-wrapper::after {
background: linear-gradient(180deg, #f4f5f500, rgba(0, 0, 0, 0.1142));
}
.template-workwear .block-cards-carousel .swiper-slide {
padding: 0 10px;
min-width: 315px;
min-height: 295px;
}
.template-workwear .block-cards-carousel .slider__arrow {
top: calc(50% + 30px);
}
.template-workwear .blog-article-carousel .swiper-wrapper {
padding: 55px 0;
}
.template-workwear .blog-article-carousel {
margin: 110px 0 135px 0;
}
.template-workwear .article-card-blog {
min-height: 367px;
}
.template-workwear .block-cards-carousel .swiper-wrapper {
padding-top: 80px;
padding-bottom: 20px;
}
.template-workwear .title-wrapper-with-link {
margin-bottom: 34px;
}
.template-workwear .collection.page-width {
margin-bottom: 48px;
}
.template-workwear .global-banner .button,
.template-workwear .global-banner .shopify-challenge__button.btn,
.template-workwear
.global-banner
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-workwear
.global-banner
.yotpo-load-more-button {
width: 168px;
min-width: 168px;
max-width: 168px;
height: 56px;
min-height: 56px;
max-height: 56px;
padding: 0;
}
.template-workwear .global-banner .button svg,
.template-workwear .global-banner .shopify-challenge__button.btn svg,
.template-workwear
.global-banner
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button
svg,
.yotpo-gallery
.yotpo-pictures-widget
.template-workwear
.global-banner
.yotpo-load-more-button
svg {
margin-right: 8px;
}
.template-workwear .slider-counter {
display: none;
}
@media screen and (max-width: 576px) {
.template-workwear .blog-article-carousel .swiper-wrapper {
padding: 20px 0;
}
.template-workwear .block-cards-carousel .swiper-wrapper {
padding-top: 0;
}
.template-workwear .blog-article-carousel {
margin: 40px 0 40px 0;
}
.template-workwear .global-banner.global-banner--under-header {
}
.template-workwear .global-banner .button,
.template-workwear .global-banner .shopify-challenge__button.btn,
.template-workwear
.global-banner
.yotpo-gallery
.yotpo-pictures-widget
.yotpo-load-more-button,
.yotpo-gallery
.yotpo-pictures-widget
.template-workwear
.global-banner
.yotpo-load-more-button {
width: 100%;
max-width: 100%;
}
.template-workwear .global-banner .global-banner__title p {
word-break: break-all;
}
.template-workwear .article-card-blog {
min-height: 367px;
}
}
.header__main-menu .header__main-menu-list .header__main-menu-item {
white-space: nowrap;
}
.header .header__side-menu-item.header__side-item-search-close {
display: none;
}
@media screen and (max-width: 1150px) {
.header__main-menu
.header__main-menu-list
.header__main-menu-item
.header__main-menu-item--link {
padding: 0 23px;
}
}
body:is(.template-blog, .template-podcasts, .template-live, .template-article)
#shopify-section-footer-guarantee,
body:is(.template-blog, .template-podcasts, .template-live, .template-article)
.footer__row,
body:is(.template-blog, .template-podcasts, .template-live, .template-article)
.footer__country {
display: none !important;
}
body:is(.template-blog, .template-podcasts, .template-live, .template-article)
.footer
.footer__bottom {
padding-bottom: 12px;
}
body:is(.template-blog, .template-films, .template-podcasts)
#MainContent
.shopify-section:first-child {
position: relative;
}
body:is(.template-blog, .template-films, .template-podcasts) .back_to_top {
display: none;
position: -webkit-sticky;
position: sticky;
bottom: 48.32px;
right: 2px;
background-color: #000;
height: 24px;
width: 24px;
border-radius: 100%;
align-items: center;
justify-content: center;
margin: 0 0 0 auto;
}
.template-films .back_to_top {
background-color: white !important;
}
body:is(.template-blog, .template-films, .template-podcasts) .back_to_top svg {
height: 7px;
width: 11px;
}
.template-films .back_to_top svg path {
stroke: #000 !important;
fill: #000 !important;
}
body:is(.template-blog, .template-films, .template-podcasts)
.back_to_top.back_to_top-show {
display: flex;
z-index: 1;
}
body:is(.template-films, .template-film, .open-header-search)
.film-banner
.hero-film__main-image
picture {
position: relative;
}
body:is(.template-films, .template-film, .open-header-search)
.announcement-bar {
background-color: white !important;
background-image: none !important;
color: #000;
}
@media screen and (min-width: 990px) {
body:is(.template-blog, .template-podcasts, .template-live, .template-article)
.footer
.footer__bottom {
padding-bottom: 32px;
}
.template-films,
.template-podcasts,
.template-roaring-journals {
outline: 6px solid #000;
margin: 6px;
}
.template-blog:not(.template-films) .header.pinned,
.template-article:not(.template-film) .header.pinned {
width: 100%;
}
.template-blog .back_to_top {
height: 35px;
width: 35px;
right: 13px;
bottom: 110.34px;
}
.template-blog .back_to_top svg {
height: 9px;
width: 15px;
}
}
@media screen and (max-width: 767px) {
.od-filter-sort-wrapper {
display: flex;
align-items: center;
justify-content: space-around;
position: relative;
}
.od-filter-cta-button {
gap: 10px;
padding-left: 5px;
padding-right: 5px;
width: 100%;
}
.od-filter-sort-wrapper .sort-by {
position: static !important;
}
.od-filter-sort-wrapper .sort-by .sort-by__title:after {
top: 22px;
}
.od-filter-sort-wrapper .sort-by__content {
left: auto;
right: 0;
}
.od-filter-sort-wrapper .od-filter-cta-wrapper {
display: block !important;
}
.od-filter-sort-wrapper .sort-by,
.od-filter-sort-wrapper .od-filter-cta-wrapper {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
}
.product-card--boost .product-card__image-wrapper .product-card__image {
padding: 0px !important;
object-fit: contain !important;
}
.product-card--boost .product-card__image-last .product-card__image {
object-fit: cover !important;
padding: 20px !important;
}
/*# sourceMappingURL=main.build.css.map */
.price-container,
.cart__item-price-container {
gap: 5px;
display: flex;
flex-direction: column;
}
span.compare-at-price,
span.cart__item-compare-at-price {
color: #6a6a6a;
text-decoration: line-through;
}
.swiper-button-next {
padding: 20px 0 20px 20px;
width: 50px !important;
height: 50px !important;
}
.swiper-button-prev {
padding: 20px 20px 20px 0;
width: 50px !important;
height: 50px !important;
}
.pdp-drawer:not(.open) .pdp-drawer-contents {
transform: translate(100%);
}
.hero-film .button--white svg path {
fill: black;
stroke: black;
}
.hero-film .button--black svg path{
fill: white;
stroke: white;
}
.hero-film .button--secondary.button--white svg path {
fill: white !important;
stroke: white !important;
}
.hero-film .button--secondary.button--black {
border-color: black !important;
background: transparent;
color: black !important;
}
.hero-film .button--secondary.button--black svg path {
fill: black !important;
stroke: black !important;
}
.show-filters.mobile-show-filters {
font-family: "RidgewaySans-Medium"
}
.boost-pfs-filter-option-value{
font-weight: 500;
}
@media screen and (min-width: 749px) {
.cart-recommendations__slider-container.swiper-container,
.product-recommendations__slider-container.swiper-container {
overflow-y: visible;
overflow-x: clip;
}
}
@media screen and (max-width : 749px) {
.cart-recommendations__title,
.product-recommendations .section-title {
color: var(--greyscale-black, #000);
font-family: var(--font-heading-family);
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 25px;
}
}