@charset "UTF-8";
@font-face {
font-family: "Gotham Pro";
src: url("https://cfs3.monicavinader.com/static/fonts/gotham-pro-regular.633cb.woff2") format("woff2"), url("https://cfs3.monicavinader.com/static/fonts/gotham-pro-regular.a7667.woff") format("woff");
font-weight: 400;
}
@font-face {
font-family: "Gotham Pro";
src: url("https://cfs3.monicavinader.com/static/fonts/gotham-pro-medium.78d6b.woff2") format("woff2"), url("https://cfs3.monicavinader.com/static/fonts/gotham-pro-medium.db554.woff") format("woff");
font-weight: 500;
}
@font-face {
font-family: "Gotham Pro";
src: url("https://cfs3.monicavinader.com/static/fonts/gotham-pro-medium.78d6b.woff2") format("woff2"), url("https://cfs3.monicavinader.com/static/fonts/gotham-pro-medium.db554.woff") format("woff");
font-weight: 700;
}
@font-face {
font-family: "Gotham Pro";
src: url("https://cfs3.monicavinader.com/static/fonts/gotham-pro-light.43b66.woff2") format("woff2"), url("https://cfs3.monicavinader.com/static/fonts/gotham-pro-light.9d17e.woff") format("woff");
font-weight: 300;
}
@font-face {
font-family: "Caslon";
src: url("https://cfs3.monicavinader.com/static/fonts/caslon-italic.fa8b3.woff2") format("woff2"), url("https://cfs3.monicavinader.com/static/fonts/caslon-italic.fafd1.woff") format("woff");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Grotesk";
src: url("https://cfs3.monicavinader.com/static/fonts/HK-grotesk-light.dea03.woff2") format("woff2"), url("https://cfs3.monicavinader.com/static/fonts/HK-grotesk-light.8d596.woff") format("woff");
font-weight: 300;
}
@font-face {
font-family: "Grotesk";
src: url("https://cfs3.monicavinader.com/static/fonts/HK-grotesk-regular.3b8f8.woff2") format("woff2"), url("https://cfs3.monicavinader.com/static/fonts/HK-grotesk-regular.df56a.woff") format("woff");
font-weight: 400;
}
@font-face {
font-family: "Grotesk";
src: url("https://cfs3.monicavinader.com/static/fonts/HK-grotesk-medium.055a1.woff2") format("woff2"), url("https://cfs3.monicavinader.com/static/fonts/HK-grotesk-medium.30e1a.woff") format("woff");
font-weight: 500;
}
@font-face {
font-family: "Grotesk";
src: url("https://cfs3.monicavinader.com/static/fonts/HK-grotesk-semi-bold.edc80.woff2") format("woff2"), url("https://cfs3.monicavinader.com/static/fonts/HK-grotesk-semi-bold.94503.woff") format("woff");
font-weight: 700;
}
/* ------------ IMPORTANT ------------ */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address differences between Firefox and other browsers.
*/
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type=checkbox],
input[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type=search] {
-webkit-appearance: textfield; /* 1 */ /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
td,
th {
padding: 0;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
text-align: inherit;
vertical-align: baseline;
}
body {
line-height: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
display: block;
}
nav ul {
list-style: none;
}
button {
font-family: inherit;
border-radius: 0;
}
a img,
:link img,
:visited img {
border: 0;
}
a:active,
a:focus,
input:active {
outline: 0;
}
a:active,
a:focus,
input:focus {
-moz-outline-style: none;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
strong, b {
font-weight: bold;
}
em, i {
font-style: italic;
}
blockquote, q {
quotes: none;
}
q::before,
q::after,
blockquote::before,
blockquote::after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
vertical-align: bottom;
}
.clearing {
clear: both;
}
.clearafter:after,
.cf:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
dd {
display: block;
}
a:focus,
button:focus,
input:focus {
outline: none;
}
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
html #debug-bar {
width: 100%;
}
@media screen and (max-width: 34.375em) {
body:has(dialog[open]) {
overflow: hidden;
}
}
html {
font-size: 100%;
overflow-y: scroll;
height: 100%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
background-color: #FFFFFF;
font-size: 15px;
font-size: 0.9375rem;
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
color: #000000;
min-width: 320px;
}
html #debug-bar {
width: 100%;
z-index: 30;
height: 20px;
position: fixed;
top: 0 !important;
}
@media screen and (max-width: 62.4375em) {
html #debug-bar {
display: none !important;
}
}
html #debug-holder {
display: none !important;
}
.body--debug.body--admin #debug-bar {
top: 44px !important;
}
html #admin-bar {
position: fixed;
top: 0;
}
@media screen and (max-width: 42.5em) {
html #admin-bar {
display: none;
}
}
#admin-bar a {
line-height: 1;
}
#main {
outline: none;
}
.outer-wrapper {
top: 0;
position: relative;
}
@media screen and (max-width: 79.1875em) {
.outer-wrapper {
top: 0;
}
}
@media screen and (max-width: 62.4375em) {
.outer-wrapper {
top: 0;
}
}
@media screen and (max-width: 42.5em) {
.outer-wrapper {
top: 0;
}
}
.body--debug .outer-wrapper, body.debug .outer-wrapper {
top: 20px;
}
@media screen and (max-width: 79.1875em) {
.body--debug .outer-wrapper, body.debug .outer-wrapper {
top: 20px;
}
}
@media screen and (max-width: 62.4375em) {
.body--debug .outer-wrapper, body.debug .outer-wrapper {
top: 0;
}
}
.body--admin .outer-wrapper, body.admin .outer-wrapper {
top: 44px;
}
@media screen and (max-width: 79.1875em) {
.body--admin .outer-wrapper, body.admin .outer-wrapper {
top: 44px;
}
}
@media screen and (max-width: 62.4375em) {
.body--admin .outer-wrapper, body.admin .outer-wrapper {
top: 44px;
}
}
@media screen and (max-width: 42.5em) {
.body--admin .outer-wrapper, body.admin .outer-wrapper {
top: 0;
}
}
.body--debug.body--admin .outer-wrapper, body.debug.admin .outer-wrapper {
top: 64px;
}
@media screen and (max-width: 79.1875em) {
.body--debug.body--admin .outer-wrapper, body.debug.admin .outer-wrapper {
top: 64px;
}
}
@media screen and (max-width: 62.4375em) {
.body--debug.body--admin .outer-wrapper, body.debug.admin .outer-wrapper {
top: 44px;
}
}
@media screen and (max-width: 42.5em) {
.body--debug.body--admin .outer-wrapper, body.debug.admin .outer-wrapper {
top: 0;
}
}
.page-title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
color: #000000;
}
.page-title strong {
font-weight: 500;
}
.large-title,
.medium-title,
.small-title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
color: #000000;
}
.large-subtitle {
font-family: Gotham Pro, Times new roman, serif;
line-height: 1.13;
font-weight: 400;
letter-spacing: 1.1px;
font-size: 20px;
font-size: 1.25rem;
color: #000000;
}
.large-subtitle-thin {
font-family: Gotham Pro, Times new roman, serif;
line-height: 1.13;
font-weight: 400;
letter-spacing: 1.1px;
font-size: 20px;
font-size: 1.25rem;
color: #000000;
font-weight: 100;
}
.small-subtitle {
font-family: Gotham Pro, Times new roman, serif;
line-height: 1.13;
font-weight: 400;
letter-spacing: 1.1px;
font-size: 13px;
font-size: 0.8125rem;
line-height: 0.923;
letter-spacing: 2.6px;
font-weight: 500;
text-transform: uppercase;
color: #000000;
}
img[data-src] {
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
img.lazy {
opacity: 0;
}
img.lazyloaded {
opacity: 1;
}
.d3r-show,
.d3r-hide {
cursor: pointer;
}
.d3r-hidden {
display: none;
}
.no-js .d3r-hidden {
display: block;
}
.d3r-chooser-option,
.d3r-multichooser-option {
display: none;
}
.d3r-shown {
display: block;
}
.l-hidden, .m-hidden, .s-hidden {
display: block;
}
.js-hidden {
display: none;
}
@media screen and (min-width: 88.75em) {
.l-hidden {
display: none !important;
}
}
@media screen and (max-width: 88.6875em) {
.l-hidden {
display: none !important;
}
}
@media screen and (max-width: 62.4375em) {
.m-hidden {
display: none !important;
}
.l-hidden.m-visible {
display: block !important;
}
}
@media screen and (max-width: 42.5em) {
.ph-hidden {
display: none !important;
}
.l-hidden.ph-visible, .m-hidden.ph-visible {
display: block !important;
}
}
@media screen and (max-width: 34.375em) {
.s-hidden {
display: none !important;
}
.l-hidden.s-visible, .m-hidden.s-visible {
display: block !important;
}
}
.vh {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.grid {
margin-left: -30px;
font-size: 0 !important;
letter-spacing: normal;
word-spacing: normal;
display: block;
}
.grid > * {
padding-left: 30px;
margin-bottom: 30px;
}
.grid.grid--flush-bottom {
margin-bottom: -30px;
}
.grid > * {
display: inline-block;
font-size: 15px;
font-size: 0.9375rem;
}
.grid > * {
display: inline-block;
vertical-align: top;
}
.grid--flush-bottom {
overflow: hidden;
}
.grid--reverse {
direction: rtl;
}
.grid--reverse > * {
direction: ltr;
}
.grid--left {
text-align: left;
}
.grid--center {
text-align: center;
}
.grid--right {
text-align: right;
}
.grid--top > * {
vertical-align: top;
}
.grid--middle > * {
vertical-align: middle;
}
.grid--bottom > * {
vertical-align: bottom;
}
.grid--tight {
margin-left: -16px;
}
.grid--tight > * {
padding-left: 16px;
margin-bottom: 16px;
}
.grid--tight.grid--flush-bottom {
margin-bottom: -16px;
}
.grid--super-tight {
margin-left: -10px;
}
.grid--super-tight > * {
padding-left: 10px;
margin-bottom: 10px;
}
.grid--super-tight.grid--flush-bottom {
margin-bottom: -10px;
}
@media screen and (max-width: 42.5em) {
.grid--ph--super-tight {
margin-left: -10px;
}
.grid--ph--super-tight > * {
padding-left: 10px;
margin-bottom: 10px;
}
.grid--ph--super-tight.grid--flush-bottom {
margin-bottom: -10px;
}
}
.grid--loose {
margin-left: -60px;
}
.grid--loose > * {
padding-left: 60px;
margin-bottom: 60px;
}
.grid--loose.grid--flush-bottom {
margin-bottom: -60px;
}
@media screen and (max-width: 62.4375em) {
.grid--responsive {
margin-left: -24px;
}
.grid--responsive > * {
padding-left: 24px;
margin-bottom: 24px;
}
.grid--responsive.grid--flush-bottom {
margin-bottom: -24px;
}
}
@media screen and (max-width: 62.4375em) {
.grid--tight-mobile {
margin-left: -16px;
}
.grid--tight-mobile > * {
padding-left: 16px;
margin-bottom: 16px;
}
.grid--tight-mobile.grid--flush-bottom {
margin-bottom: -16px;
}
}
.grid--x-loose {
margin-left: -80px;
}
.grid--x-loose > * {
padding-left: 80px;
margin-bottom: 80px;
}
.grid--x-loose.grid--flush-bottom {
margin-bottom: -80px;
}
.grid--v-med {
margin-left: -30px;
}
.grid--v-med > * {
padding-left: 30px;
margin-bottom: 20px;
}
.grid--v-med.grid--flush-bottom {
margin-bottom: -20px;
}
.grid--h-med {
margin-left: -20px;
}
.grid--h-med > * {
padding-left: 20px;
margin-bottom: 30px;
}
.grid--h-med.grid--flush-bottom {
margin-bottom: -30px;
}
.grid--flush {
margin-left: 0;
}
.grid--flush > * {
padding-left: 0;
margin-bottom: 0;
}
.grid--flush.grid--flush-bottom {
margin-bottom: 0;
}
.grid--vflush {
margin-left: -30px;
}
.grid--vflush > * {
padding-left: 30px;
margin-bottom: 0;
}
.grid--vflush.grid--flush-bottom {
margin-bottom: 0;
}
.grid--hflush {
margin-left: 0;
}
.grid--hflush > * {
padding-left: 0;
margin-bottom: 30px;
}
.grid--hflush.grid--flush-bottom {
margin-bottom: -30px;
}
@media screen and (max-width: 62.4375em) {
.grid--flush-mobile {
margin-left: 0;
margin: 0;
padding: 0;
}
.grid--flush-mobile > * {
padding-left: 0;
margin-bottom: 0;
}
.grid--flush-mobile.grid--flush-bottom {
margin-bottom: 0;
}
}
.grid--flex {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
direction: ltr;
}
.grid--flex.grid--left {
justify-content: flex-start;
}
.grid--flex.grid--center {
justify-content: center;
}
.grid--flex.grid--right {
justify-content: flex-end;
}
.grid--flex.grid--reverse {
flex-direction: row-reverse;
}
.grid--flex.grid--top {
align-items: flex-start;
}
.grid--flex.grid--middle {
align-items: center;
}
.grid--flex.grid--bottom {
align-items: flex-end;
}
.grid--flex > * {
display: flex;
flex: none;
flex-direction: column;
}
.grid--flex > * > *:only-child {
flex: 1 0 auto;
}
.grid--flex > * > img:only-child {
flex: none;
}
.l-full {
width: 100%;
}
.l-one-half, .product-gallery__image {
width: 50%;
}
.l-two-halfs {
width: 100%;
}
.l-one-third {
width: 33.3333333333%;
}
.l-two-thirds {
width: 66.6666666667%;
}
.l-three-thirds {
width: 100%;
}
.l-one-quarter {
width: 25%;
}
.l-two-quarters {
width: 50%;
}
.l-three-quarters {
width: 75%;
}
.l-four-quarters {
width: 100%;
}
.l-one-fifth {
width: 20%;
}
.l-two-fifths {
width: 40%;
}
.l-three-fifths {
width: 60%;
}
.l-four-fifths {
width: 80%;
}
.l-five-fifths {
width: 100%;
}
.l-one-sixth {
width: 16.6666666667%;
}
.l-two-sixths {
width: 33.3333333333%;
}
.l-three-sixths {
width: 50%;
}
.l-four-sixths {
width: 66.6666666667%;
}
.l-five-sixths {
width: 83.3333333333%;
}
.l-six-sixths {
width: 100%;
}
.l-one-eighth {
width: 12.5%;
}
.l-two-eighths {
width: 25%;
}
.l-three-eighths {
width: 37.5%;
}
.l-four-eighths {
width: 50%;
}
.l-five-eighths {
width: 62.5%;
}
.l-six-eighths {
width: 75%;
}
.l-seven-eighths {
width: 87.5%;
}
.l-eight-eighths {
width: 100%;
}
.l-one-tenth {
width: 10%;
}
.l-two-tenths {
width: 20%;
}
.l-three-tenths {
width: 30%;
}
.l-four-tenths {
width: 40%;
}
.l-five-tenths {
width: 50%;
}
.l-six-tenths {
width: 60%;
}
.l-seven-tenths {
width: 70%;
}
.l-eight-tenths {
width: 80%;
}
.l-nine-tenths {
width: 90%;
}
.l-ten-tenths {
width: 100%;
}
.l-one-twelfth {
width: 8.3333333333%;
}
.l-two-twelfths {
width: 16.6666666667%;
}
.l-three-twelfths {
width: 25%;
}
.l-four-twelfths {
width: 33.3333333333%;
}
.l-five-twelfths {
width: 41.6666666667%;
}
.l-six-twelfths {
width: 50%;
}
.l-seven-twelfths {
width: 58.3333333333%;
}
.l-eight-twelfths {
width: 66.6666666667%;
}
.l-nine-twelfths {
width: 75%;
}
.l-ten-twelfths {
width: 83.3333333333%;
}
.l-eleven-twelfths {
width: 91.6666666667%;
}
.l-twelve-twelfths {
width: 100%;
}
.l-one-twentieth {
width: 5%;
}
.l-two-twentieths {
width: 10%;
}
.l-three-twentieths {
width: 15%;
}
.l-four-twentieths {
width: 20%;
}
.l-five-twentieths {
width: 25%;
}
.l-six-twentieths {
width: 30%;
}
.l-seven-twentieths {
width: 35%;
}
.l-eight-twentieths {
width: 40%;
}
.l-nine-twentieths {
width: 45%;
}
.l-ten-twentieths {
width: 50%;
}
.l-evleven-twentieths {
width: 55%;
}
.l-twelve-twentieths {
width: 60%;
}
.l-thirteen-twentieths {
width: 65%;
}
.l-fourteen-twentieths {
width: 70%;
}
.l-fifteen-twentieths {
width: 75%;
}
.l-sixteen-twentieths {
width: 80%;
}
.l-seventeen-twentieths {
width: 85%;
}
.l-eighteen-twentieths {
width: 90%;
}
.l-nineteen-twentieths {
width: 95%;
}
.l-twenty-twentieths {
width: 100%;
}
.l-false {
display: none !important;
}
.l-true {
display: inline-block !important;
}
.l-block {
display: block !important;
}
@media screen and (max-width: 87.5em) {
.ll-full {
width: 100%;
}
.ll-one-half {
width: 50%;
}
.ll-two-halfs {
width: 100%;
}
.ll-one-third {
width: 33.3333333333%;
}
.ll-two-thirds {
width: 66.6666666667%;
}
.ll-three-thirds {
width: 100%;
}
.ll-one-quarter {
width: 25%;
}
.ll-two-quarters {
width: 50%;
}
.ll-three-quarters {
width: 75%;
}
.ll-four-quarters {
width: 100%;
}
.ll-one-fifth {
width: 20%;
}
.ll-two-fifths {
width: 40%;
}
.ll-three-fifths {
width: 60%;
}
.ll-four-fifths {
width: 80%;
}
.ll-five-fifths {
width: 100%;
}
.ll-one-sixth {
width: 16.6666666667%;
}
.ll-two-sixths {
width: 33.3333333333%;
}
.ll-three-sixths {
width: 50%;
}
.ll-four-sixths {
width: 66.6666666667%;
}
.ll-five-sixths {
width: 83.3333333333%;
}
.ll-six-sixths {
width: 100%;
}
.ll-one-eighth {
width: 12.5%;
}
.ll-two-eighths {
width: 25%;
}
.ll-three-eighths {
width: 37.5%;
}
.ll-four-eighths {
width: 50%;
}
.ll-five-eighths {
width: 62.5%;
}
.ll-six-eighths {
width: 75%;
}
.ll-seven-eighths {
width: 87.5%;
}
.ll-eight-eighths {
width: 100%;
}
.ll-one-tenth {
width: 10%;
}
.ll-two-tenths {
width: 20%;
}
.ll-three-tenths {
width: 30%;
}
.ll-four-tenths {
width: 40%;
}
.ll-five-tenths {
width: 50%;
}
.ll-six-tenths {
width: 60%;
}
.ll-seven-tenths {
width: 70%;
}
.ll-eight-tenths {
width: 80%;
}
.ll-nine-tenths {
width: 90%;
}
.ll-ten-tenths {
width: 100%;
}
.ll-one-twelfth {
width: 8.3333333333%;
}
.ll-two-twelfths {
width: 16.6666666667%;
}
.ll-three-twelfths {
width: 25%;
}
.ll-four-twelfths {
width: 33.3333333333%;
}
.ll-five-twelfths {
width: 41.6666666667%;
}
.ll-six-twelfths {
width: 50%;
}
.ll-seven-twelfths {
width: 58.3333333333%;
}
.ll-eight-twelfths {
width: 66.6666666667%;
}
.ll-nine-twelfths {
width: 75%;
}
.ll-ten-twelfths {
width: 83.3333333333%;
}
.ll-eleven-twelfths {
width: 91.6666666667%;
}
.ll-twelve-twelfths {
width: 100%;
}
.ll-one-twentieth {
width: 5%;
}
.ll-two-twentieths {
width: 10%;
}
.ll-three-twentieths {
width: 15%;
}
.ll-four-twentieths {
width: 20%;
}
.ll-five-twentieths {
width: 25%;
}
.ll-six-twentieths {
width: 30%;
}
.ll-seven-twentieths {
width: 35%;
}
.ll-eight-twentieths {
width: 40%;
}
.ll-nine-twentieths {
width: 45%;
}
.ll-ten-twentieths {
width: 50%;
}
.ll-evleven-twentieths {
width: 55%;
}
.ll-twelve-twentieths {
width: 60%;
}
.ll-thirteen-twentieths {
width: 65%;
}
.ll-fourteen-twentieths {
width: 70%;
}
.ll-fifteen-twentieths {
width: 75%;
}
.ll-sixteen-twentieths {
width: 80%;
}
.ll-seventeen-twentieths {
width: 85%;
}
.ll-eighteen-twentieths {
width: 90%;
}
.ll-nineteen-twentieths {
width: 95%;
}
.ll-twenty-twentieths {
width: 100%;
}
.ll-false {
display: none !important;
}
.ll-true {
display: inline-block !important;
}
.ll-block {
display: block !important;
}
}
@media screen and (max-width: 75em) {
.ml-full {
width: 100%;
}
.ml-one-half {
width: 50%;
}
.ml-two-halfs {
width: 100%;
}
.ml-one-third {
width: 33.3333333333%;
}
.ml-two-thirds {
width: 66.6666666667%;
}
.ml-three-thirds {
width: 100%;
}
.ml-one-quarter {
width: 25%;
}
.ml-two-quarters {
width: 50%;
}
.ml-three-quarters {
width: 75%;
}
.ml-four-quarters {
width: 100%;
}
.ml-one-fifth {
width: 20%;
}
.ml-two-fifths {
width: 40%;
}
.ml-three-fifths {
width: 60%;
}
.ml-four-fifths {
width: 80%;
}
.ml-five-fifths {
width: 100%;
}
.ml-one-sixth {
width: 16.6666666667%;
}
.ml-two-sixths {
width: 33.3333333333%;
}
.ml-three-sixths {
width: 50%;
}
.ml-four-sixths {
width: 66.6666666667%;
}
.ml-five-sixths {
width: 83.3333333333%;
}
.ml-six-sixths {
width: 100%;
}
.ml-one-eighth {
width: 12.5%;
}
.ml-two-eighths {
width: 25%;
}
.ml-three-eighths {
width: 37.5%;
}
.ml-four-eighths {
width: 50%;
}
.ml-five-eighths {
width: 62.5%;
}
.ml-six-eighths {
width: 75%;
}
.ml-seven-eighths {
width: 87.5%;
}
.ml-eight-eighths {
width: 100%;
}
.ml-one-tenth {
width: 10%;
}
.ml-two-tenths {
width: 20%;
}
.ml-three-tenths {
width: 30%;
}
.ml-four-tenths {
width: 40%;
}
.ml-five-tenths {
width: 50%;
}
.ml-six-tenths {
width: 60%;
}
.ml-seven-tenths {
width: 70%;
}
.ml-eight-tenths {
width: 80%;
}
.ml-nine-tenths {
width: 90%;
}
.ml-ten-tenths {
width: 100%;
}
.ml-one-twelfth {
width: 8.3333333333%;
}
.ml-two-twelfths {
width: 16.6666666667%;
}
.ml-three-twelfths {
width: 25%;
}
.ml-four-twelfths {
width: 33.3333333333%;
}
.ml-five-twelfths {
width: 41.6666666667%;
}
.ml-six-twelfths {
width: 50%;
}
.ml-seven-twelfths {
width: 58.3333333333%;
}
.ml-eight-twelfths {
width: 66.6666666667%;
}
.ml-nine-twelfths {
width: 75%;
}
.ml-ten-twelfths {
width: 83.3333333333%;
}
.ml-eleven-twelfths {
width: 91.6666666667%;
}
.ml-twelve-twelfths {
width: 100%;
}
.ml-one-twentieth {
width: 5%;
}
.ml-two-twentieths {
width: 10%;
}
.ml-three-twentieths {
width: 15%;
}
.ml-four-twentieths {
width: 20%;
}
.ml-five-twentieths {
width: 25%;
}
.ml-six-twentieths {
width: 30%;
}
.ml-seven-twentieths {
width: 35%;
}
.ml-eight-twentieths {
width: 40%;
}
.ml-nine-twentieths {
width: 45%;
}
.ml-ten-twentieths {
width: 50%;
}
.ml-evleven-twentieths {
width: 55%;
}
.ml-twelve-twentieths {
width: 60%;
}
.ml-thirteen-twentieths {
width: 65%;
}
.ml-fourteen-twentieths {
width: 70%;
}
.ml-fifteen-twentieths {
width: 75%;
}
.ml-sixteen-twentieths {
width: 80%;
}
.ml-seventeen-twentieths {
width: 85%;
}
.ml-eighteen-twentieths {
width: 90%;
}
.ml-nineteen-twentieths {
width: 95%;
}
.ml-twenty-twentieths {
width: 100%;
}
.ml-false {
display: none !important;
}
.ml-true {
display: inline-block !important;
}
.ml-block {
display: block !important;
}
}
@media screen and (max-width: 62.4375em) {
.n-full {
width: 100%;
}
.n-one-half {
width: 50%;
}
.n-two-halfs {
width: 100%;
}
.n-one-third {
width: 33.3333333333%;
}
.n-two-thirds {
width: 66.6666666667%;
}
.n-three-thirds {
width: 100%;
}
.n-one-quarter {
width: 25%;
}
.n-two-quarters {
width: 50%;
}
.n-three-quarters {
width: 75%;
}
.n-four-quarters {
width: 100%;
}
.n-one-fifth {
width: 20%;
}
.n-two-fifths {
width: 40%;
}
.n-three-fifths {
width: 60%;
}
.n-four-fifths {
width: 80%;
}
.n-five-fifths {
width: 100%;
}
.n-one-sixth {
width: 16.6666666667%;
}
.n-two-sixths {
width: 33.3333333333%;
}
.n-three-sixths {
width: 50%;
}
.n-four-sixths {
width: 66.6666666667%;
}
.n-five-sixths {
width: 83.3333333333%;
}
.n-six-sixths {
width: 100%;
}
.n-one-eighth {
width: 12.5%;
}
.n-two-eighths {
width: 25%;
}
.n-three-eighths {
width: 37.5%;
}
.n-four-eighths {
width: 50%;
}
.n-five-eighths {
width: 62.5%;
}
.n-six-eighths {
width: 75%;
}
.n-seven-eighths {
width: 87.5%;
}
.n-eight-eighths {
width: 100%;
}
.n-one-tenth {
width: 10%;
}
.n-two-tenths {
width: 20%;
}
.n-three-tenths {
width: 30%;
}
.n-four-tenths {
width: 40%;
}
.n-five-tenths {
width: 50%;
}
.n-six-tenths {
width: 60%;
}
.n-seven-tenths {
width: 70%;
}
.n-eight-tenths {
width: 80%;
}
.n-nine-tenths {
width: 90%;
}
.n-ten-tenths {
width: 100%;
}
.n-one-twelfth {
width: 8.3333333333%;
}
.n-two-twelfths {
width: 16.6666666667%;
}
.n-three-twelfths {
width: 25%;
}
.n-four-twelfths {
width: 33.3333333333%;
}
.n-five-twelfths {
width: 41.6666666667%;
}
.n-six-twelfths {
width: 50%;
}
.n-seven-twelfths {
width: 58.3333333333%;
}
.n-eight-twelfths {
width: 66.6666666667%;
}
.n-nine-twelfths {
width: 75%;
}
.n-ten-twelfths {
width: 83.3333333333%;
}
.n-eleven-twelfths {
width: 91.6666666667%;
}
.n-twelve-twelfths {
width: 100%;
}
.n-one-twentieth {
width: 5%;
}
.n-two-twentieths {
width: 10%;
}
.n-three-twentieths {
width: 15%;
}
.n-four-twentieths {
width: 20%;
}
.n-five-twentieths {
width: 25%;
}
.n-six-twentieths {
width: 30%;
}
.n-seven-twentieths {
width: 35%;
}
.n-eight-twentieths {
width: 40%;
}
.n-nine-twentieths {
width: 45%;
}
.n-ten-twentieths {
width: 50%;
}
.n-evleven-twentieths {
width: 55%;
}
.n-twelve-twentieths {
width: 60%;
}
.n-thirteen-twentieths {
width: 65%;
}
.n-fourteen-twentieths {
width: 70%;
}
.n-fifteen-twentieths {
width: 75%;
}
.n-sixteen-twentieths {
width: 80%;
}
.n-seventeen-twentieths {
width: 85%;
}
.n-eighteen-twentieths {
width: 90%;
}
.n-nineteen-twentieths {
width: 95%;
}
.n-twenty-twentieths {
width: 100%;
}
.n-false {
display: none !important;
}
.n-true {
display: inline-block !important;
}
.n-block {
display: block !important;
}
}
@media screen and (max-width: 62.4375em) {
.m-full, .product-gallery__image {
width: 100%;
}
.m-one-half {
width: 50%;
}
.m-two-halfs {
width: 100%;
}
.m-one-third {
width: 33.3333333333%;
}
.m-two-thirds {
width: 66.6666666667%;
}
.m-three-thirds {
width: 100%;
}
.m-one-quarter {
width: 25%;
}
.m-two-quarters {
width: 50%;
}
.m-three-quarters {
width: 75%;
}
.m-four-quarters {
width: 100%;
}
.m-one-fifth {
width: 20%;
}
.m-two-fifths {
width: 40%;
}
.m-three-fifths {
width: 60%;
}
.m-four-fifths {
width: 80%;
}
.m-five-fifths {
width: 100%;
}
.m-one-sixth {
width: 16.6666666667%;
}
.m-two-sixths {
width: 33.3333333333%;
}
.m-three-sixths {
width: 50%;
}
.m-four-sixths {
width: 66.6666666667%;
}
.m-five-sixths {
width: 83.3333333333%;
}
.m-six-sixths {
width: 100%;
}
.m-one-eighth {
width: 12.5%;
}
.m-two-eighths {
width: 25%;
}
.m-three-eighths {
width: 37.5%;
}
.m-four-eighths {
width: 50%;
}
.m-five-eighths {
width: 62.5%;
}
.m-six-eighths {
width: 75%;
}
.m-seven-eighths {
width: 87.5%;
}
.m-eight-eighths {
width: 100%;
}
.m-one-tenth {
width: 10%;
}
.m-two-tenths {
width: 20%;
}
.m-three-tenths {
width: 30%;
}
.m-four-tenths {
width: 40%;
}
.m-five-tenths {
width: 50%;
}
.m-six-tenths {
width: 60%;
}
.m-seven-tenths {
width: 70%;
}
.m-eight-tenths {
width: 80%;
}
.m-nine-tenths {
width: 90%;
}
.m-ten-tenths {
width: 100%;
}
.m-one-twelfth {
width: 8.3333333333%;
}
.m-two-twelfths {
width: 16.6666666667%;
}
.m-three-twelfths {
width: 25%;
}
.m-four-twelfths {
width: 33.3333333333%;
}
.m-five-twelfths {
width: 41.6666666667%;
}
.m-six-twelfths {
width: 50%;
}
.m-seven-twelfths {
width: 58.3333333333%;
}
.m-eight-twelfths {
width: 66.6666666667%;
}
.m-nine-twelfths {
width: 75%;
}
.m-ten-twelfths {
width: 83.3333333333%;
}
.m-eleven-twelfths {
width: 91.6666666667%;
}
.m-twelve-twelfths {
width: 100%;
}
.m-one-twentieth {
width: 5%;
}
.m-two-twentieths {
width: 10%;
}
.m-three-twentieths {
width: 15%;
}
.m-four-twentieths {
width: 20%;
}
.m-five-twentieths {
width: 25%;
}
.m-six-twentieths {
width: 30%;
}
.m-seven-twentieths {
width: 35%;
}
.m-eight-twentieths {
width: 40%;
}
.m-nine-twentieths {
width: 45%;
}
.m-ten-twentieths {
width: 50%;
}
.m-evleven-twentieths {
width: 55%;
}
.m-twelve-twentieths {
width: 60%;
}
.m-thirteen-twentieths {
width: 65%;
}
.m-fourteen-twentieths {
width: 70%;
}
.m-fifteen-twentieths {
width: 75%;
}
.m-sixteen-twentieths {
width: 80%;
}
.m-seventeen-twentieths {
width: 85%;
}
.m-eighteen-twentieths {
width: 90%;
}
.m-nineteen-twentieths {
width: 95%;
}
.m-twenty-twentieths {
width: 100%;
}
.m-false {
display: none !important;
}
.m-true {
display: inline-block !important;
}
.m-block {
display: block !important;
}
}
@media screen and (max-width: 42.5em) {
.ph-full {
width: 100%;
}
.ph-one-half {
width: 50%;
}
.ph-two-halfs {
width: 100%;
}
.ph-one-third {
width: 33.3333333333%;
}
.ph-two-thirds {
width: 66.6666666667%;
}
.ph-three-thirds {
width: 100%;
}
.ph-one-quarter {
width: 25%;
}
.ph-two-quarters {
width: 50%;
}
.ph-three-quarters {
width: 75%;
}
.ph-four-quarters {
width: 100%;
}
.ph-one-fifth {
width: 20%;
}
.ph-two-fifths {
width: 40%;
}
.ph-three-fifths {
width: 60%;
}
.ph-four-fifths {
width: 80%;
}
.ph-five-fifths {
width: 100%;
}
.ph-one-sixth {
width: 16.6666666667%;
}
.ph-two-sixths {
width: 33.3333333333%;
}
.ph-three-sixths {
width: 50%;
}
.ph-four-sixths {
width: 66.6666666667%;
}
.ph-five-sixths {
width: 83.3333333333%;
}
.ph-six-sixths {
width: 100%;
}
.ph-one-eighth {
width: 12.5%;
}
.ph-two-eighths {
width: 25%;
}
.ph-three-eighths {
width: 37.5%;
}
.ph-four-eighths {
width: 50%;
}
.ph-five-eighths {
width: 62.5%;
}
.ph-six-eighths {
width: 75%;
}
.ph-seven-eighths {
width: 87.5%;
}
.ph-eight-eighths {
width: 100%;
}
.ph-one-tenth {
width: 10%;
}
.ph-two-tenths {
width: 20%;
}
.ph-three-tenths {
width: 30%;
}
.ph-four-tenths {
width: 40%;
}
.ph-five-tenths {
width: 50%;
}
.ph-six-tenths {
width: 60%;
}
.ph-seven-tenths {
width: 70%;
}
.ph-eight-tenths {
width: 80%;
}
.ph-nine-tenths {
width: 90%;
}
.ph-ten-tenths {
width: 100%;
}
.ph-one-twelfth {
width: 8.3333333333%;
}
.ph-two-twelfths {
width: 16.6666666667%;
}
.ph-three-twelfths {
width: 25%;
}
.ph-four-twelfths {
width: 33.3333333333%;
}
.ph-five-twelfths {
width: 41.6666666667%;
}
.ph-six-twelfths {
width: 50%;
}
.ph-seven-twelfths {
width: 58.3333333333%;
}
.ph-eight-twelfths {
width: 66.6666666667%;
}
.ph-nine-twelfths {
width: 75%;
}
.ph-ten-twelfths {
width: 83.3333333333%;
}
.ph-eleven-twelfths {
width: 91.6666666667%;
}
.ph-twelve-twelfths {
width: 100%;
}
.ph-one-twentieth {
width: 5%;
}
.ph-two-twentieths {
width: 10%;
}
.ph-three-twentieths {
width: 15%;
}
.ph-four-twentieths {
width: 20%;
}
.ph-five-twentieths {
width: 25%;
}
.ph-six-twentieths {
width: 30%;
}
.ph-seven-twentieths {
width: 35%;
}
.ph-eight-twentieths {
width: 40%;
}
.ph-nine-twentieths {
width: 45%;
}
.ph-ten-twentieths {
width: 50%;
}
.ph-evleven-twentieths {
width: 55%;
}
.ph-twelve-twentieths {
width: 60%;
}
.ph-thirteen-twentieths {
width: 65%;
}
.ph-fourteen-twentieths {
width: 70%;
}
.ph-fifteen-twentieths {
width: 75%;
}
.ph-sixteen-twentieths {
width: 80%;
}
.ph-seventeen-twentieths {
width: 85%;
}
.ph-eighteen-twentieths {
width: 90%;
}
.ph-nineteen-twentieths {
width: 95%;
}
.ph-twenty-twentieths {
width: 100%;
}
.ph-false {
display: none !important;
}
.ph-true {
display: inline-block !important;
}
.ph-block {
display: block !important;
}
}
@media screen and (max-width: 34.375em) {
.s-full {
width: 100%;
}
.s-one-half {
width: 50%;
}
.s-two-halfs {
width: 100%;
}
.s-one-third {
width: 33.3333333333%;
}
.s-two-thirds {
width: 66.6666666667%;
}
.s-three-thirds {
width: 100%;
}
.s-one-quarter {
width: 25%;
}
.s-two-quarters {
width: 50%;
}
.s-three-quarters {
width: 75%;
}
.s-four-quarters {
width: 100%;
}
.s-one-fifth {
width: 20%;
}
.s-two-fifths {
width: 40%;
}
.s-three-fifths {
width: 60%;
}
.s-four-fifths {
width: 80%;
}
.s-five-fifths {
width: 100%;
}
.s-one-sixth {
width: 16.6666666667%;
}
.s-two-sixths {
width: 33.3333333333%;
}
.s-three-sixths {
width: 50%;
}
.s-four-sixths {
width: 66.6666666667%;
}
.s-five-sixths {
width: 83.3333333333%;
}
.s-six-sixths {
width: 100%;
}
.s-one-eighth {
width: 12.5%;
}
.s-two-eighths {
width: 25%;
}
.s-three-eighths {
width: 37.5%;
}
.s-four-eighths {
width: 50%;
}
.s-five-eighths {
width: 62.5%;
}
.s-six-eighths {
width: 75%;
}
.s-seven-eighths {
width: 87.5%;
}
.s-eight-eighths {
width: 100%;
}
.s-one-tenth {
width: 10%;
}
.s-two-tenths {
width: 20%;
}
.s-three-tenths {
width: 30%;
}
.s-four-tenths {
width: 40%;
}
.s-five-tenths {
width: 50%;
}
.s-six-tenths {
width: 60%;
}
.s-seven-tenths {
width: 70%;
}
.s-eight-tenths {
width: 80%;
}
.s-nine-tenths {
width: 90%;
}
.s-ten-tenths {
width: 100%;
}
.s-one-twelfth {
width: 8.3333333333%;
}
.s-two-twelfths {
width: 16.6666666667%;
}
.s-three-twelfths {
width: 25%;
}
.s-four-twelfths {
width: 33.3333333333%;
}
.s-five-twelfths {
width: 41.6666666667%;
}
.s-six-twelfths {
width: 50%;
}
.s-seven-twelfths {
width: 58.3333333333%;
}
.s-eight-twelfths {
width: 66.6666666667%;
}
.s-nine-twelfths {
width: 75%;
}
.s-ten-twelfths {
width: 83.3333333333%;
}
.s-eleven-twelfths {
width: 91.6666666667%;
}
.s-twelve-twelfths {
width: 100%;
}
.s-one-twentieth {
width: 5%;
}
.s-two-twentieths {
width: 10%;
}
.s-three-twentieths {
width: 15%;
}
.s-four-twentieths {
width: 20%;
}
.s-five-twentieths {
width: 25%;
}
.s-six-twentieths {
width: 30%;
}
.s-seven-twentieths {
width: 35%;
}
.s-eight-twentieths {
width: 40%;
}
.s-nine-twentieths {
width: 45%;
}
.s-ten-twentieths {
width: 50%;
}
.s-evleven-twentieths {
width: 55%;
}
.s-twelve-twentieths {
width: 60%;
}
.s-thirteen-twentieths {
width: 65%;
}
.s-fourteen-twentieths {
width: 70%;
}
.s-fifteen-twentieths {
width: 75%;
}
.s-sixteen-twentieths {
width: 80%;
}
.s-seventeen-twentieths {
width: 85%;
}
.s-eighteen-twentieths {
width: 90%;
}
.s-nineteen-twentieths {
width: 95%;
}
.s-twenty-twentieths {
width: 100%;
}
.s-false {
display: none !important;
}
.s-true {
display: inline-block !important;
}
.s-block {
display: block !important;
}
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.l-text-left {
text-align: left;
}
.l-text-center {
text-align: center;
}
.l-text-right {
text-align: right;
}
@media screen and (max-width: 87.5em) {
.ll-text-left {
text-align: left;
}
.ll-text-center {
text-align: center;
}
.ll-text-right {
text-align: right;
}
}
@media screen and (max-width: 75em) {
.ml-text-left {
text-align: left;
}
.ml-text-center {
text-align: center;
}
.ml-text-right {
text-align: right;
}
}
@media screen and (max-width: 62.4375em) {
.n-text-left {
text-align: left;
}
.n-text-center {
text-align: center;
}
.n-text-right {
text-align: right;
}
}
@media screen and (max-width: 62.4375em) {
.m-text-left {
text-align: left;
}
.m-text-center {
text-align: center;
}
.m-text-right {
text-align: right;
}
}
@media screen and (max-width: 42.5em) {
.ph-text-left {
text-align: left;
}
.ph-text-center {
text-align: center;
}
.ph-text-right {
text-align: right;
}
}
@media screen and (max-width: 34.375em) {
.s-text-left {
text-align: left;
}
.s-text-center {
text-align: center;
}
.s-text-right {
text-align: right;
}
}
.js .d3r-show,
.js .d3r-hide {
cursor: pointer;
}
.js .d3r-hidden {
display: none;
}
.js .d3r-shown {
display: block;
}
.d3r-chooser-option,
.d3r-multichooser-option {
display: none;
}
.wrap, .skinny-banner__content, .featured-collection-callout__header, .block--product-carousel .carousel__footer, .carousel__header ~ .carousel__footer, .carousel--favourites .carousel__content:not(.slick-initialized), .carousel--collection .carousel__content:not(.slick-initialized), .carousel__header, .hero__content {
width: 100%;
max-width: 1460px;
margin: 0 auto;
padding: 0 40px;
}
@media screen and (max-width: 62.4375em) {
.wrap, .skinny-banner__content, .featured-collection-callout__header, .block--product-carousel .carousel__footer, .carousel__header ~ .carousel__footer, .carousel--favourites .carousel__content:not(.slick-initialized), .carousel--collection .carousel__content:not(.slick-initialized), .carousel__header, .hero__content {
padding: 0 13px;
}
}
.wrap > :last-child:not(.grid), .skinny-banner__content > :last-child:not(.grid), .featured-collection-callout__header > :last-child:not(.grid), .block--product-carousel .carousel__footer > :last-child:not(.grid), .carousel__header ~ .carousel__footer > :last-child:not(.grid), .carousel--favourites .carousel__content:not(.slick-initialized) > :last-child:not(.grid), .carousel--collection .carousel__content:not(.slick-initialized) > :last-child:not(.grid), .carousel__header > :last-child:not(.grid), .hero__content > :last-child:not(.grid) {
margin-bottom: 0;
}
.wrap--narrow {
max-width: 680px;
}
@media (min-width: 1568px) {
.wrap--wide, .skinny-banner__content, .featured-collection-callout__header, .block .carousel__header ~ .carousel__footer, .carousel--favourites .carousel__content:not(.slick-initialized), .carousel--collection .carousel__content:not(.slick-initialized), .block .carousel__header, .hero__content {
width: 88.6%;
margin-left: auto;
margin-right: auto;
max-width: none;
padding-left: 0;
padding-right: 0;
}
}
.band {
margin: 50px 0;
}
.band--flush {
margin: 0;
}
.justify {
display: block;
width: 100%;
text-align: justify;
text-justify: distribute;
font-size: 0 !important;
letter-spacing: normal;
word-spacing: normal;
}
.justify > * {
display: inline-block;
font-size: 15px;
font-size: 0.9375rem;
}
.justify:after {
content: "";
display: inline-block;
width: 95%;
height: 0;
}
.justify > * {
display: inline-block;
width: auto;
text-align: left;
}
.justify--reverse {
direction: rtl;
}
.justify--reverse > * {
direction: ltr;
}
.justify--va > * {
vertical-align: middle;
}
.icon-padlock {
width: 15px;
height: 24px;
}
.icon-select {
width: 10px;
height: 6px;
}
.icon-tick {
width: 20px;
height: 17px;
}
.adaptive-placeholders .field:not(.field--radio):not(.radio):not(.field--radio-button):not(.field--checkbox),
.field:not(.field--radio):not(.radio):not(.field--radio-button).adaptive-placeholder {
position: relative;
}
.adaptive-placeholders .field:not(.field--radio):not(.radio):not(.field--radio-button):not(.field--checkbox) label,
.field:not(.field--radio):not(.radio):not(.field--radio-button).adaptive-placeholder label {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
font-weight: 300;
position: absolute;
top: 8px;
right: 0;
left: 0;
margin: 0;
padding: 0 10px;
color: #000000;
text-transform: none;
letter-spacing: 0.6px;
transition: all 0.3s;
z-index: 3;
pointer-events: none;
}
.adaptive-placeholders .field:not(.field--radio):not(.radio):not(.field--radio-button):not(.field--checkbox) .input,
.field:not(.field--radio):not(.radio):not(.field--radio-button).adaptive-placeholder .input {
padding-top: 23px;
padding-right: 10px;
padding-left: 10px;
}
.adaptive-placeholders .field:not(.field--radio):not(.radio):not(.field--radio-button):not(.field--checkbox)[disabled] label,
.field:not(.field--radio):not(.radio):not(.field--radio-button).adaptive-placeholder[disabled] label {
color: rgba(153, 153, 153, 0.4);
}
.adaptive-placeholders .field:not(.field--radio):not(.radio):not(.field--radio-button):not(.field--checkbox).adaptive-placeholder--active label,
.field:not(.field--radio):not(.radio):not(.field--radio-button).adaptive-placeholder--active label {
top: 8px;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
/* ======================= */
/* = Richtext stylesheet = */
/* ======================= */
/* This should only apply to the wysiwyg */
body.richtext {
font-size: 100%;
background: #FFF;
}
.richtext {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2857142857;
color: #000000;
}
@media screen and (max-width: 62.4375em) {
.richtext {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.3846153846;
}
}
.richtext h1 {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
color: #000000;
}
.richtext h2 {
font-family: Gotham Pro, Times new roman, serif;
line-height: 1.13;
font-weight: 400;
letter-spacing: 1.1px;
font-size: 20px;
font-size: 1.25rem;
color: #000000;
}
.richtext h3, .richtext h4, .richtext h5, .richtext h6 {
font-family: Gotham Pro, Times new roman, serif;
line-height: 1.13;
font-weight: 400;
letter-spacing: 1.1px;
font-size: 13px;
font-size: 0.8125rem;
line-height: 0.923;
letter-spacing: 2.6px;
font-weight: 500;
text-transform: uppercase;
color: #000000;
}
.richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6 {
line-height: 1.538;
}
.richtext p {
margin-bottom: 1.4285714286em;
letter-spacing: 0.68px;
}
@media screen and (max-width: 62.4375em) {
.richtext p {
margin-bottom: 1.5384615385em;
}
}
.richtext p[has-cta] {
margin-bottom: 1.4285714286em;
padding-bottom: 5px;
}
@media screen and (max-width: 62.4375em) {
.richtext p[has-cta] {
margin-bottom: 1.5384615385em;
}
}
.richtext p[has-cta] .cta {
display: inline-block;
margin-bottom: 7px;
}
.richtext p[has-cta] + * {
margin-top: -7px;
}
.richtext p[has-cta] .cta + .cta {
margin-left: 10px;
}
.richtext p[has-cta] .cta + .cta:before {
content: "|";
position: absolute;
left: -9px;
top: -1px;
font-weight: 400;
font-size: 1.2em;
}
@media screen and (max-width: 34.375em) {
.richtext p[has-cta] .cta + .cta {
margin-left: 0;
margin-right: 100%;
margin-top: 11px;
white-space: nowrap;
}
.richtext p[has-cta] .cta + .cta:before {
content: unset;
}
}
.richtext strong {
font-weight: 600;
}
.richtext blockquote {
border: 1px solid #BBB;
background-color: #EEE;
padding: 1em 2em;
margin: 0.5em 0 1em 0;
font-style: italic;
font-family: Georgia, Times, serif;
line-height: 1.4;
}
.richtext ul,
.richtext ol {
padding: 0;
margin: 0;
margin-bottom: 1.4285714286em;
}
@media screen and (max-width: 62.4375em) {
.richtext ul,
.richtext ol {
margin-bottom: 1.5384615385em;
}
}
.richtext ul ul,
.richtext ol ol {
margin-top: 0.5em;
}
.richtext ul {
list-style: disc;
padding-left: 10px;
position: relative;
}
.richtext ol {
list-style: decimal outside;
padding-left: 20px;
}
.richtext ol ol {
list-style-type: lower-alpha;
}
.richtext ol ol ol {
list-style-type: lower-roman;
}
.richtext li {
margin: 0;
letter-spacing: 0.68px;
}
.richtext dl {
margin: 0 2em 1em 2.5em;
}
.richtext dt {
font-weight: bold;
margin: 1em 0 0.4em 0;
}
.richtext dd {
line-height: 1.3em;
margin-bottom: 0.5em;
}
.richtext a {
color: inherit;
}
.richtext a:hover {
font-weight: 700;
}
.richtext hr {
border: 0;
height: 1px;
background-color: #b1b1b1;
margin: 1.875em 0;
}
.richtext blockquote {
margin: 0 0 1.875em;
}
.richtext blockquote p:last-child {
margin-bottom: 0;
}
.richtext--flush p:last-child,
.richtext--flush ul:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.richtext--small {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.3333333333;
}
}
@media screen and (max-width: 62.4375em) {
.richtext--small p {
margin-bottom: 1.6666666667em;
}
}
.richtext--rollout {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
list-style-position: inside;
}
@media screen and (max-width: 62.4375em) {
.richtext--rollout {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
}
}
.richtext--rollout p {
letter-spacing: 0.5px;
}
.richtext--rollout li {
margin: 0;
letter-spacing: 0.5px;
}
.richtext--chart table {
background: #fff;
width: 100%;
margin-top: 15px;
}
.richtext--chart table th,
.richtext--chart table td {
padding: 12px 15px;
}
.richtext--chart table th:not(:first-of-type),
.richtext--chart table td:not(:first-of-type) {
border-left: none;
}
.richtext--chart table thead tr th,
.richtext--chart table tbody:first-child tr:first-child td {
font-family: Gotham Pro, Times new roman, serif;
line-height: 1.13;
font-weight: 400;
letter-spacing: 1.1px;
font-size: 13px;
font-size: 0.8125rem;
line-height: 0.923;
letter-spacing: 2.6px;
font-weight: 500;
text-transform: uppercase;
color: #000000;
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
letter-spacing: 1.5px;
background: #F2F2F2;
}
.richtext--chart table thead tr th:not(:first-of-type),
.richtext--chart table tbody:first-child tr:first-child td:not(:first-of-type) {
border-left: 2px solid #FFF;
}
.richtext--chart table td {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4285714286;
}
.richtext--chart table thead + tbody:not(:first-child) tr:nth-of-type(even) td,
.richtext--chart table tbody:first-child tr:nth-of-type(odd) td {
background: #F2F2F2;
}
/* start buttons */
button {
width: auto;
white-space: nowrap;
vertical-align: top;
border: none;
}
button::-moz-focus-inner {
padding: 0;
border: none;
} /* FF Fix */
.button, .basket-popover-wrapper--redesign .button {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
margin: 0;
padding: 0;
outline: none;
cursor: pointer;
text-decoration: none;
color: #000000;
background: transparent;
border: 1px solid #000000;
-webkit-font-smoothing: antialiased; /*make it look nice in webkit*/
text-align: center;
transition: background-color 0.3s ease, color 0.3s ease;
white-space: nowrap;
}
a:hover .no-touch .button img, a:active .no-touch .button img, .no-touch .button:hover img, .no-touch .button.button--hover img, .no-touch .button:active img {
transform: translateX(25px);
}
.button[disabled], .button.button--disabled {
pointer-events: none;
cursor: default;
opacity: 0.5;
}
.button:after, .basket-popover-wrapper--redesign .button:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 0px;
height: 42px;
}
.button span, .basket-popover-wrapper--redesign .button span {
font-family: Grotesk, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
letter-spacing: 1.5px;
font-size: 12px;
font-size: 0.75rem;
font-weight: 500;
display: inline-flex;
align-items: center;
padding: 5px 30px;
}
.button img, .basket-popover-wrapper--redesign .button img {
margin-right: 10px;
margin-left: 15px;
transition: 0.3s ease;
}
.button--alt {
color: #FFFFFF;
background: #000000;
}
.button--light {
color: #FFFFFF;
border: 1px solid #FFFFFF !important;
}
.button--light.button--alt {
color: #000000;
background: #FFFFFF;
}
a:hover .button--lowercase span, a:active .button--lowercase span, .button--lowercase:hover span, .button--lowercase.button--hover span, .button--lowercase:active span {
font-weight: 700;
}
a:hover .button--lowercase img, a:active .button--lowercase img, .button--lowercase:hover img, .button--lowercase.button--hover img, .button--lowercase:active img {
transform: none;
}
.button--lowercase span {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
padding-right: 20px;
padding-left: 20px;
text-transform: none;
letter-spacing: 1px;
transition: text-shadow 0.3s ease;
}
.button--lowercase img {
margin-right: 5px;
margin-left: 10px;
}
.button--full {
width: 100%;
}
.button--padding {
padding: 10px 2em;
border: 1px solid #000 !important;
}
.button--narrow {
display: inline-flex;
align-items: center;
}
a:hover .no-touch .button--narrow img, a:active .no-touch .button--narrow img, .no-touch .button--narrow:hover img, .no-touch .button--narrow.button--hover img, .no-touch .button--narrow:active img {
transform: translateX(10px);
}
.button--narrow span {
padding-right: 17px;
padding-left: 17px;
background-color: transparent;
}
.button--narrow img {
margin-right: 0;
}
.button--skip-links {
position: absolute;
top: -9999px;
left: -9999px;
border: 2px solid #000000;
background-color: #FFFFFF;
color: #000000;
z-index: 5000;
text-transform: uppercase;
font-weight: 700;
}
.button--skip-links:focus {
top: 110px;
left: 40px;
}
.no-touch button.button--narrow > span:hover {
background-color: transparent;
}
.cta {
font-family: Grotesk, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
letter-spacing: 1.5px;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.0833333333;
position: relative;
color: #000000;
text-decoration: none;
transition: color 0.3s ease;
}
.cta:hover, a:hover .cta {
color: #b1b1b1;
}
.cta:after {
content: "";
position: absolute;
right: 0;
bottom: -5px;
left: 0;
height: 2px;
background: currentColor;
}
.cta--light {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #FFFFFF;
}
.cta--disabled {
pointer-events: none;
cursor: default;
opacity: 0.5;
}
.swatch-group {
display: flex;
align-items: flex-start;
}
.swatch-group__title {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
font-weight: 700;
margin-right: 15px;
letter-spacing: 0.5px;
min-width: 50px;
margin-top: 6px;
}
@media screen and (max-width: 34.375em) {
.swatch-group__title {
margin-right: 0;
}
}
.swatch-group__options {
display: flex;
flex-wrap: wrap;
margin: -2px;
min-width: 90px;
row-gap: 2px;
margin-right: 15px;
margin-top: -6px;
}
.swatch-group__options:last-child {
margin-right: 0;
}
@media screen and (max-width: 62.4375em) {
.swatch-group__options {
margin-left: 0;
margin-right: auto;
}
}
.swatch-group__options > * {
margin: 2px;
}
.styleguide-content__row .swatch-group__options > * {
margin: 2px;
}
.swatch-group__selection {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
margin-left: auto;
letter-spacing: 0.5px;
text-align: right;
margin-top: -5px;
height: 38px;
align-items: center;
display: inline-flex;
}
.swatch {
cursor: pointer;
margin-right: 5px;
}
.swatch[type=button] {
padding: 0;
background: transparent;
}
@media screen and (max-width: 62.4375em) {
.swatch--box {
width: 100%;
}
}
.swatch__input {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.swatch__display {
display: flex;
width: 38px;
height: 38px;
margin: 0;
padding: 0;
background: #FFFFFF;
border: 1px solid #b1b1b1;
border-radius: 100%;
transition: box-shadow 0.2s ease-in, border 0.2s ease-in;
font-size: 0;
opacity: 0.5;
}
.swatch--active .swatch__display, .swatch__input:checked ~ .swatch__display, .swatch:not(.swatch--readonly):hover .swatch__display {
border: 1px solid black;
opacity: 1;
}
.swatch--active .swatch__display img,
.swatch--active .swatch__display .colour-swatch,
.swatch--active .swatch__display .metal-swatch,
.swatch--active .swatch__display .stone-swatch, .swatch__input:checked ~ .swatch__display img,
.swatch__input:checked ~ .swatch__display .colour-swatch,
.swatch__input:checked ~ .swatch__display .metal-swatch,
.swatch__input:checked ~ .swatch__display .stone-swatch, .swatch:not(.swatch--readonly):hover .swatch__display img,
.swatch:not(.swatch--readonly):hover .swatch__display .colour-swatch,
.swatch:not(.swatch--readonly):hover .swatch__display .metal-swatch,
.swatch:not(.swatch--readonly):hover .swatch__display .stone-swatch {
overflow: hidden;
}
.swatch--active .swatch__display img, .swatch__input:checked ~ .swatch__display img, .swatch:not(.swatch--readonly):hover .swatch__display img {
height: auto;
}
.swatch--active .swatch__display, .swatch__input:checked ~ .swatch__display {
box-shadow: 0px 0px 0px 1px black;
}
.swatch--box .swatch__display {
width: 120px;
height: 66px;
margin: 0;
border-radius: 0;
border: 1px solid transparent;
}
@media screen and (max-width: 62.4375em) {
.swatch--box .swatch__display {
overflow: hidden;
position: relative;
width: 100%;
height: auto;
}
.swatch--box .swatch__display:before {
float: left;
content: "";
padding-bottom: 53.3333333333%;
margin-bottom: 0px;
}
.swatch--box .swatch__display:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
}
.swatch--box.swatch--active .swatch__display, .check-replace--active + .swatch--box .swatch__display, .swatch--box:not(.swatch--readonly):hover .swatch__display {
width: 120px;
height: 66px;
margin: 0;
border: 1px solid #000000;
}
@media screen and (max-width: 62.4375em) {
.swatch--box.swatch--active .swatch__display, .check-replace--active + .swatch--box .swatch__display, .swatch--box:not(.swatch--readonly):hover .swatch__display {
width: auto;
height: auto;
}
}
.swatch--box.swatch--active .swatch__display img,
.swatch--box.swatch--active .swatch__display .colour-swatch,
.swatch--box.swatch--active .swatch__display .metal-swatch,
.swatch--box.swatch--active .swatch__display .stone-swatch, .check-replace--active + .swatch--box .swatch__display img,
.check-replace--active + .swatch--box .swatch__display .colour-swatch,
.check-replace--active + .swatch--box .swatch__display .metal-swatch,
.check-replace--active + .swatch--box .swatch__display .stone-swatch, .swatch--box:not(.swatch--readonly):hover .swatch__display img,
.swatch--box:not(.swatch--readonly):hover .swatch__display .colour-swatch,
.swatch--box:not(.swatch--readonly):hover .swatch__display .metal-swatch,
.swatch--box:not(.swatch--readonly):hover .swatch__display .stone-swatch {
width: 100%;
height: 100%;
margin: 0;
}
.swatch__display img,
.swatch__display .colour-swatch,
.swatch__display .metal-swatch,
.swatch__display .stone-swatch {
border-radius: 100%;
width: 100%;
height: 100%;
overflow: hidden;
border: 4px solid white;
}
.swatch--box .swatch__display img,
.swatch--box .swatch__display .colour-swatch,
.swatch--box .swatch__display .metal-swatch,
.swatch--box .swatch__display .stone-swatch {
border-radius: 0;
}
@media screen and (max-width: 62.4375em) {
.swatch--box .swatch__display img,
.swatch--box .swatch__display .colour-swatch,
.swatch--box .swatch__display .metal-swatch,
.swatch--box .swatch__display .stone-swatch {
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
.swatch__display img.swatch--filter,
.swatch__display .colour-swatch.swatch--filter,
.swatch__display .metal-swatch.swatch--filter,
.swatch__display .stone-swatch.swatch--filter {
width: 100%;
}
.switch {
color: #000000;
}
.switch__label {
display: flex;
align-items: center;
cursor: pointer;
}
.switch__label img {
margin-right: 4px;
}
@media screen and (max-width: 62.4375em) {
.switch__label img {
margin-right: 7px;
}
}
.switch__text {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.0833333333;
margin-right: 10px;
letter-spacing: 0.7px;
}
.switch__input {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.switch__display {
flex: 0 0 auto;
display: flex;
width: 39px;
height: 20px;
padding: 3px;
border: 1px solid currentColor;
border-radius: 10px;
transition: background 0.3s;
}
@media screen and (max-width: 62.4375em) {
.switch__display {
margin-left: auto;
}
}
.switch__input:checked ~ .switch__display {
background: #000000;
}
.switch__input:checked ~ .switch__display:after {
transform: translateX(19px);
background: #FFFFFF;
}
.switch__display:after {
content: "";
width: 12px;
height: 12px;
background: currentColor;
border-radius: 100%;
transition: all 0.3s;
}
.field {
margin-bottom: 20px;
}
.field label {
display: block;
font-family: Grotesk, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
letter-spacing: 1.5px;
font-size: 11px;
font-size: 0.6875rem;
line-height: 1.1818181818;
color: #000000;
margin-bottom: 7px;
}
.field label span {
color: #970202;
}
.field--flush {
margin-bottom: 0;
}
.field--date-select {
display: flex;
align-items: center;
margin-right: -10px;
}
.field--date-select label {
display: none;
}
.field--date-select > * {
width: calc(33.3333% - 10px);
margin-right: 10px;
}
.field input.check_box {
margin-right: 15px;
display: inline-block;
vertical-align: top;
}
.field label.check_box {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 13px;
font-size: 0.8125rem;
text-transform: none;
letter-spacing: normal;
color: #000000;
}
.field label.check_box .check-replace, .field label.check_box input.check_box {
margin-right: -40px;
}
.field label.check_box .check_box__text {
display: inline-block;
vertical-align: top;
margin-top: 4px;
padding-left: 50px;
}
.input {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 15px;
font-size: 0.9375rem;
margin: 0;
color: #000000;
outline: none;
}
input.input,
textarea.input {
width: 100%;
border: 1px solid #dfdfdf;
transition: box-shadow 0.3s;
-webkit-appearance: none;
}
input.input:focus,
textarea.input:focus {
box-shadow: rgba(0, 0, 0, 0.1) 0 0 20px 0px;
}
input.input {
height: 40px;
padding: 4px 15px;
}
textarea.input {
padding: 8px 15px;
height: 200px;
max-width: 100%;
}
select {
width: 100%;
border: 1px solid #b1b1b1;
padding: 4px 15px;
height: 44px;
background-color: #FFFFFF;
border-radius: 0;
-webkit-appearance: none;
text-overflow: ellipsis;
}
select:focus {
box-shadow: rgba(0, 0, 0, 0.1) 0 0 20px 0px;
}
.select-replace, .select-wrapper {
display: block;
position: relative;
background: #FFFFFF;
overflow: hidden;
}
.select-replace select, .select-wrapper select {
position: relative;
width: 100%;
opacity: 0;
z-index: 2;
-webkit-appearance: menulist-button;
-moz-appearance: none;
}
.select-replace--focused, .select-wrapper--focused {
outline: none;
box-shadow: rgba(0, 0, 0, 0.1) 0 0 20px 0px;
}
.select-replace__value, .select-replace .value, .select-wrapper__value, .select-wrapper .value {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 12px;
font-size: 0.75rem;
border: 1px solid #dfdfdf;
text-align: left;
color: #000000;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
line-height: 36px;
z-index: 1;
vertical-align: middle;
display: block;
margin-bottom: 0;
box-sizing: border-box;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
padding: 4px 35px 4px 15px;
letter-spacing: 0.7px;
}
.select-replace svg, .select-wrapper svg {
display: block;
position: absolute;
right: 15px;
top: 50%;
margin-top: -3px;
}
.select-replace__icon {
position: absolute;
top: 50%;
right: 18px;
width: auto;
transform: translateY(-50%);
}
.field-inline {
font-size: 0;
}
.field.error .input,
.field.error .select-replace__value,
.field.error select,
.field-error .input,
.field-error .select-replace__value,
.field-error select {
border-color: #970202;
}
.field.error p.error,
.field-error p.error {
color: #970202;
margin-top: 5px;
font-size: 14px;
font-size: 0.875rem;
}
.check-replace {
display: inline-flex;
justify-content: center;
align-items: center;
width: 17px;
height: 17px;
border: 1px solid #000;
margin-right: 10px;
}
.check-replace img {
display: block;
opacity: 0;
width: 10px;
height: 10px;
}
.check-replace--active img {
opacity: 1;
}
.js .antispam-hide {
display: none;
}
.js .field--antispam {
display: none;
}
.field--mv2020 {
position: relative;
vertical-align: top;
margin-bottom: 10px;
}
.field--mv2020 .input {
border-radius: 0;
-webkit-appearance: none;
width: 100%;
padding: 18px 9px 0;
border: 1px solid #B1B1B1;
}
.field--mv2020 [type=radio] {
width: 0;
visibility: hidden;
}
.field--mv2020 textarea.input {
padding-top: 28px;
}
.field--mv2020:not(.field-radio):not(.field-checkbox).required label::after {
content: " *";
}
.field--mv2020 label {
display: block;
text-transform: uppercase;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
font-weight: normal;
cursor: pointer;
}
.field--mv2020 label:not(.radio):not(.check_box) {
position: absolute;
top: 8px;
left: 10px;
color: #808080;
text-transform: none;
white-space: nowrap;
pointer-events: none;
z-index: 1;
font-size: 12px;
font-size: 0.75rem;
}
.field--mv2020 .input:hover:not([type=checkbox]):not([type=radio]),
.field--mv2020 .input:focus:not([type=checkbox]):not([type=radio]) {
border-color: #000000 !important;
box-shadow: none !important;
}
.field--mv2020 input[type=text],
.field--mv2020 input[type=email],
.field--mv2020 input[type=tel],
.field--mv2020 input[type=number],
.field--mv2020 input[type=password] {
font-size: 12px;
font-size: 0.75rem;
}
.field--mv2020 input:focus {
box-shadow: none;
outline: none;
}
.field--mv2020 .field--checkbox label, .field--mv2020 .field-checkbox label {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
justify-content: flex-end;
line-height: 18px;
}
.field--mv2020 .field--checkbox input, .field--mv2020 .field-checkbox input {
display: none;
}
.field--mv2020 .field--checkbox .checkbox-replace, .field--mv2020 .field-checkbox .checkbox-replace {
background: white url(https://cfs3.monicavinader.com/static/images/2020/checkbox.5ed77.svg) no-repeat scroll left bottom;
vertical-align: middle;
min-height: 17px;
min-width: 17px;
margin-right: 11px;
}
.field--mv2020 .field--checkbox .checkbox-replace.checked, .field--mv2020 .field-checkbox .checkbox-replace.checked {
background-image: url(https://cfs3.monicavinader.com/static/images/2020/checkbox-checked.2d7d5.svg);
}
.field--mv2020.field--error input, .field--mv2020.field--error textarea, .field--mv2020.field--error .select-replace {
border: 1px solid #F5210E !important;
box-shadow: inset 0 0 0 1px #F5210E !important;
}
.field--mv2020 .error {
margin: 8px 0 0;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
color: #F5210E;
}
.field--otp {
text-align: center;
margin: 0;
}
.field--otp label.vh {
border: 0;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
}
.field--otp .input.input--otp,
.field--otp .input--otp {
height: 40px;
width: 40px;
padding: 8px;
text-align: center;
}
.page-intro {
max-width: 580px;
text-align: center;
}
.page-intro--padding-top {
padding-top: 30px;
}
.page-intro--padding-bottom {
padding-bottom: 30px;
}
.page-intro__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
color: #000000;
}
.page-intro__meta {
color: #999999;
margin: 12px 0 20px;
}
.page-intro__meta span:before {
content: " / ";
}
.page-intro__meta span:first-child:before {
display: none;
}
.page-intro__desc {
margin-top: 12px;
line-height: 1.7;
}
.page-intro__cta {
margin: 40px 0;
}
.hero {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 90px;
}
@media screen and (max-width: 62.4375em) {
.hero {
margin-bottom: 50px;
}
}
.hero:before {
float: left;
content: "";
padding-bottom: 50%;
margin-bottom: -0.5px;
}
@media screen and (max-width: 62.4375em) {
.hero:before {
padding-bottom: 150%;
}
}
@media screen and (max-width: 42.5em) {
.hero:before {
display: none;
}
}
.hero .hero__image img {
margin: 0 auto;
width: 100%;
height: auto;
max-width: none;
}
@media screen and (max-width: 42.5em) {
.hero .hero__image img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
height: 100vh;
min-height: 600px;
}
}
.hero-video {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 80px;
}
@media screen and (max-width: 62.4375em) {
.hero-video {
margin-bottom: 50px;
}
}
.hero--white, .hero--white .richtext * {
color: #FFFFFF;
}
.hero__container {
position: relative;
}
.hero__container:after {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 216px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
}
@media screen and (max-width: 62.4375em) {
.hero__container:after {
display: none;
}
}
.hero__content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: 80px;
z-index: 1;
}
@media screen and (max-width: 62.4375em) {
.hero__content {
margin-top: 0;
}
}
.hero__content.hero__content--center {
text-align: center;
transform: translateY(-50%);
left: unset;
top: 50%;
width: 100%;
}
.hero__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
margin-bottom: 20px;
}
@media screen and (max-width: 62.4375em) {
.hero__title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
margin-bottom: 40px;
}
}
.hero__title span {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1.1724137931;
display: block;
margin-top: 9px;
letter-spacing: 2.6px;
}
@media screen and (max-width: 62.4375em) {
.hero__title span {
font-size: 26px;
font-size: 1.625rem;
line-height: 1;
margin-top: 16px;
}
.hero__title span strong {
margin-top: 20px;
}
}
.hero__title span strong {
display: block;
text-transform: uppercase;
}
.hero__buttons {
display: flex;
margin: -10px -11px -11px -10px;
}
@media screen and (max-width: 62.4375em) {
.hero__buttons {
margin: -4px -5px -5px -4px;
}
}
@media screen and (max-width: 34.375em) {
.hero__buttons {
flex-flow: column;
max-width: -moz-fit-content;
max-width: fit-content;
}
}
.hero__buttons > .button {
margin: 10px 11px 11px 10px;
}
@media screen and (max-width: 62.4375em) {
.hero__buttons > .button {
margin: 4px 5px 5px 4px;
}
}
.hero-video .hero__content {
pointer-events: none;
margin: 0;
}
.hero__video {
max-height: 100vh;
width: 100%;
overflow: hidden;
}
@media screen and (max-width: 62.4375em) {
.hero__video {
max-height: 375px;
}
}
.hero__video video {
-o-object-fit: cover;
object-fit: cover;
height: 100vh;
width: 100%;
}
@media screen and (max-width: 62.4375em) {
.hero__video video {
max-height: 375px;
}
}
.hero__video-play {
display: block;
width: -moz-fit-content;
width: fit-content;
margin: 32px auto 0;
}
.hero__video-play span, .hero__video-play img {
display: block;
}
.hero__video-play span {
font-size: 0;
opacity: 0;
}
.hero__video-play--hidden {
opacity: 0;
}
.hero__video-title {
font-size: 60px;
font-weight: 500;
letter-spacing: 6px;
line-height: 47px;
text-transform: uppercase;
}
@media screen and (max-width: 62.4375em) {
.hero__video-title {
font-size: 38px;
letter-spacing: 4px;
line-height: 38px;
}
}
.hero__video-subtitle {
font-size: 22px;
letter-spacing: 1.5px;
line-height: 31px;
text-align: center;
margin-bottom: 25px;
}
.product-catalogue__pagination {
padding: 5px 0px 80px 0px;
}
.pagination.pagination--right-align {
float: right;
}
.pagination.pagination--right-align .pagination__links {
margin-right: 0;
}
.pagination__wrap {
display: flex;
align-items: center;
}
.pagination__links {
display: flex;
align-items: center;
margin: 0 18px;
}
.pagination__links.pagination__links--no-prev {
margin-left: 0px;
}
.pagination__link {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.0769230769;
margin: 0 5px;
color: inherit;
letter-spacing: 1.75px;
text-decoration: none;
}
@media screen and (max-width: 62.4375em) {
.pagination__link {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
}
}
.pagination__link:not(.cta) {
font-weight: 300;
}
.pagination__link--active:not(.cta) {
font-weight: 700;
}
.pagination--right-align .pagination__prev {
margin-left: auto;
}
.carousel--instagram {
position: relative;
}
@media screen and (max-width: 62.4375em) {
.carousel--get-the-look {
margin-right: -13px;
margin-left: -13px;
}
}
.carousel--get-the-look .carousel__nav {
margin-right: 10px;
}
.carousel--get-the-look .carousel__nav .slick-arrow {
width: auto;
height: 20px;
display: flex;
align-items: center;
align-content: center;
border-bottom: 2px solid black;
margin-bottom: 13px;
}
@media screen and (max-width: 62.4375em) {
.carousel--get-the-look .carousel__nav .slick-arrow {
border-bottom: none;
}
}
@media screen and (max-width: 62.4375em) {
.carousel--get-the-look .carousel__nav .slick-arrow {
margin-bottom: 5px;
}
}
.carousel--get-the-look .carousel__nav .slick-arrow img {
position: relative;
top: revert;
left: revert;
transform: revert;
height: 14px;
width: 14px;
padding-bottom: 3px;
}
@media screen and (max-width: 62.4375em) {
.carousel--get-the-look .carousel__nav .slick-arrow img {
width: revert;
height: revert;
}
}
.carousel--get-the-look .carousel__nav .slick-prev:after {
content: "Prev look";
text-transform: uppercase;
padding-left: 6px;
font-size: 12px;
line-height: 15px;
letter-spacing: 1.8px;
font-weight: bold;
}
@media screen and (max-width: 62.4375em) {
.carousel--get-the-look .carousel__nav .slick-prev:after {
content: "";
}
}
.carousel--get-the-look .carousel__nav .slick-next {
margin-left: 18px;
}
.carousel--get-the-look .carousel__nav .slick-next:before {
content: "Next look";
text-transform: uppercase;
padding-right: 6px;
font-size: 12px;
line-height: 15px;
letter-spacing: 1.8px;
font-weight: bold;
}
@media screen and (max-width: 62.4375em) {
.carousel--get-the-look .carousel__nav .slick-next:before {
content: "";
}
}
@media screen and (max-width: 62.4375em) {
.carousel--get-the-look .carousel__nav .slick-next {
margin-left: 0;
}
}
.carousel__header {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.block--get-the-look .carousel__header {
width: 100%;
}
@media screen and (max-width: 62.4375em) {
.carousel__header {
padding-right: 13px;
}
}
.carousel--large .carousel__header {
margin-bottom: 36px;
}
@media screen and (max-width: 62.4375em) {
.carousel--large .carousel__header {
margin-bottom: 24px;
}
}
.carousel--instagram .carousel__header {
padding-left: 0;
}
@media screen and (max-width: 62.4375em) {
.carousel--instagram .carousel__header {
padding-right: 98px;
}
}
.carousel--instagram .carousel__header {
position: absolute;
top: 50%;
left: 50%;
width: calc(20% - 24px);
margin: 0;
padding: 0;
transform: translate(-50%, -50%);
text-align: center;
}
@media screen and (max-width: 62.4375em) {
.carousel--instagram .carousel__header {
position: static;
width: auto;
margin-bottom: 20px;
padding-right: 98px;
transform: none;
text-align: left;
}
}
.carousel--get-the-look .carousel__header {
padding-right: 0;
padding-left: 0;
margin-bottom: 30px;
}
@media screen and (max-width: 62.4375em) {
.carousel--get-the-look .carousel__header {
padding-left: 13px;
}
}
.carousel__title, .instagram-title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
}
@media screen and (max-width: 62.4375em) {
.carousel__title, .instagram-title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
}
}
.carousel__title span, .instagram-title span {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 0.8620689655;
display: block;
margin-top: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}
@media screen and (max-width: 62.4375em) {
.carousel__title span, .instagram-title span {
font-size: 26px;
font-size: 1.625rem;
line-height: 0.9615384615;
margin-top: 9px;
}
}
.carousel__title .carousel__subtitle--collection, .instagram-title .carousel__subtitle--collection {
display: inline-block;
font-weight: 500;
}
.carousel__nav .slick-arrow {
margin-bottom: 6px;
}
.carousel__nav .slick-arrow:last-child {
margin-right: -10px;
}
@media screen and (max-width: 62.4375em) {
.carousel__nav .slick-arrow:last-child {
margin-right: 0;
}
}
.carousel__nav .slick-dots li:only-child {
display: none;
}
.carousel__nav--active {
display: flex;
align-items: flex-end;
justify-content: flex-end;
margin-bottom: 20px;
flex-grow: 1;
}
@media screen and (max-width: 62.4375em) {
.carousel__nav--active {
display: none;
}
}
.carousel--large .carousel__header ~ .carousel__nav--active {
margin-top: -76px;
}
.carousel--instagram .carousel__header ~ .carousel__nav--active {
margin-top: 0;
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.carousel--instagram .carousel__header ~ .carousel__nav--active {
margin-top: -60px;
margin-bottom: 20px;
}
}
.carousel--large .carousel__nav--active {
margin-bottom: 36px;
}
@media screen and (max-width: 62.4375em) {
.carousel--instagram .carousel__nav--active {
display: flex;
}
}
@media screen and (max-width: 62.4375em) {
.carousel--get-the-look .carousel__nav--active {
display: flex;
}
}
.carousel--get-the-look-components .carousel__nav--active {
justify-content: center;
}
@media screen and (max-width: 62.4375em) {
.carousel--get-the-look-components .carousel__nav--active {
display: none;
}
}
.carousel__nav--hidden {
display: none;
}
.carousel__content {
margin-bottom: 60px;
display: flex;
flex-wrap: wrap;
justify-content: start;
}
.carousel__content:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.carousel__content {
margin-bottom: 26px;
}
.carousel__content:last-child {
margin-bottom: 0;
}
.carousel__content.carousel__content--mobile {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.carousel__content.carousel__content--mobile.carousel__content--padding.slick-initialized:before {
content: "";
flex: 0 0 13px;
}
.carousel__content.carousel__content--mobile.carousel__content--padding.slick-initialized:after {
content: "";
flex: 0 0 40px;
}
.carousel__content.carousel__content--mobile.carousel__content--padding-end:after {
content: "";
flex: 0 0 60px;
}
.carousel__content.carousel__content--mobile::-webkit-scrollbar {
display: none;
}
.carousel__content.carousel__content--mobile > * {
flex: 0 0 auto;
}
}
.carousel--large .carousel__content {
margin-bottom: 45px;
}
.carousel--large .carousel__content:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.carousel--large .carousel__content {
margin-bottom: 26px;
}
.carousel--large .carousel__content:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 34.375em) {
.carousel__content.carousel__content--stacked {
flex-wrap: wrap;
padding-right: 8px;
padding-left: 9px;
margin-bottom: 15px;
}
.carousel__content.carousel__content--stacked::before {
flex: 0 !important;
}
.carousel__content.carousel__content--stacked article {
display: none;
padding: 4px 5px 5px 4px;
width: 50%;
}
.carousel__content.carousel__content--stacked article:nth-child(-n+6) {
display: block;
}
}
.carousel--instagram .carousel__content[data-carousel-active=false] {
flex-wrap: nowrap;
margin: -12px;
}
.carousel--instagram .carousel__content[data-carousel-active=false] > * {
width: calc(20% - 24px);
margin: 12px;
}
.carousel--instagram .carousel__content[data-carousel-active=false] > *:nth-child(3) {
margin-left: auto;
}
.carousel--get-the-look .carousel__content {
margin-bottom: 0;
}
.carousel--get-the-look .carousel__content > .get-the-look {
display: block;
}
.carousel--get-the-look .carousel__content > .get-the-look ~ .get-the-look {
display: none;
}
.carousel--get-the-look-components .carousel__content .slick-slide > div {
display: flex;
flex-wrap: wrap;
margin: -15px -15px 0;
}
@media screen and (max-width: 62.4375em) {
.carousel--get-the-look-components .carousel__content .slick-slide > div {
display: block;
margin: 0;
}
}
.carousel--favourites .carousel__content, .carousel--collection .carousel__content {
min-height: 406px;
}
.carousel--favourites .carousel__content:not(.slick-initialized), .carousel--collection .carousel__content:not(.slick-initialized) {
overflow: visible;
}
.carousel--favourites .carousel__content:not(.slick-initialized) .product-preview, .carousel--collection .carousel__content:not(.slick-initialized) .product-preview {
width: 306px;
}
@media screen and (max-width: 62.4375em) {
.carousel--favourites .carousel__content:not(.slick-initialized) .product-preview, .carousel--collection .carousel__content:not(.slick-initialized) .product-preview {
width: 225px;
}
}
@media screen and (max-width: 62.4375em) {
.carousel--favourites .carousel__content, .carousel--collection .carousel__content {
min-height: 343px;
}
}
.carousel--range .carousel__content {
max-height: 381px;
overflow: hidden;
}
@media screen and (max-width: 62.4375em) {
.carousel--range .carousel__content {
max-height: unset;
overflow: auto;
}
}
.carousel--plp .carousel__content {
max-height: 234px;
overflow: hidden;
}
@media screen and (max-width: 62.4375em) {
.carousel--plp .carousel__content {
max-height: unset;
overflow: auto;
}
}
.carousel--native .carousel__content {
flex-wrap: nowrap;
overflow: auto hidden;
scroll-snap-type: x mandatory;
scrollbar-width: none;
scroll-behavior: smooth;
overscroll-behavior: contain;
}
.carousel--native .carousel__content > * {
flex: 0 0 auto;
scroll-snap-align: start;
}
.carousel__footer {
/* Extra class .block specifier due to the .carousel_header ~ rule above */
}
.get-the-look .carousel__footer {
padding: 0 0 2px;
}
@media screen and (max-width: 62.4375em) {
.get-the-look .carousel__footer {
text-align: center;
}
}
.block .carousel--get-the-look > .carousel__footer {
margin-top: 26px;
width: 100%;
padding: 0;
padding: 0;
}
@media screen and (max-width: 62.4375em) {
.block .carousel--get-the-look > .carousel__footer {
padding: 0 13px;
}
}
.carousel__note {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.3571428571;
margin-bottom: 12px;
letter-spacing: 0.89px;
}
.block--get-the-look .carousel--get-the-look .carousel__header {
margin-left: 0;
}
.carousel__placeholder {
display: flex;
justify-content: center;
align-items: center;
min-height: 427px;
flex-direction: column;
}
.carousel__placeholder p {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 0.8620689655;
text-transform: uppercase;
letter-spacing: 2px;
}
@media screen and (max-width: 62.4375em) {
.carousel__placeholder p {
font-size: 26px;
font-size: 1.625rem;
line-height: 0.9615384615;
}
}
.carousel__placeholder img {
margin-top: 20px;
animation: spinner-rotation 0.25s infinite linear;
}
.pdp-carousel-wrap,
.pdp-carousel-wrap .carousel__header {
max-width: unset;
}
.carousel--favourites .carousel__content:not(.slick-initialized) {
flex-wrap: nowrap;
}
.carousel--favourites .carousel__content:not(.slick-initialized) .product-preview {
flex: 0 0 auto;
}
.slick-track {
font-size: 0;
}
.slick-arrow {
margin-right: 5px;
position: relative;
width: 40px;
height: 40px;
padding: 0;
background: transparent;
transform: translateY(11px);
cursor: pointer;
}
.slick-arrow:last-child {
margin-right: 0;
}
.carousel--instagram .slick-arrow {
transform: translateY(8px);
}
.slick-arrow img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.slick-disabled, .carousel__nav .slick-arrow[disabled], .carousel__nav .slick-arrow[aria-disabled=true] {
pointer-events: none;
cursor: default;
opacity: 0.3;
}
.slick-dots {
display: flex;
margin: 0 10px 14px;
font-size: 0;
}
.carousel--product-gallery .slick-dots {
position: absolute;
bottom: 0;
left: 0;
}
.slick-dots li {
margin-right: 6px;
}
.slick-dots .slick-active button::before {
background: #000000;
}
.slick-dots button {
padding: 4px;
background: transparent;
font-size: 0;
}
.slick-dots button::before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 1px solid #000000;
border-radius: 100%;
}
.product-catalogue-wrap--grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px 30px;
contain: content;
}
@media screen and (max-width: 42.5em) {
.product-catalogue-wrap--grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px 10px;
}
}
.product-catalogue-wrap--grid .product-card--w2 {
grid-column-end: span 2;
}
.product-catalogue-wrap--grid .product-card--h2 {
grid-row: span 2;
}
.product-catalogue-wrap--grid .product-card--h2.product-card--large .product-callout {
height: 100%;
}
#constructor-browse .product-catalogue-wrap--grid, #constructor-search .product-catalogue-wrap--grid {
margin-bottom: 30px;
}
@media screen and (max-width: 34.375em) {
#constructor-browse .product-catalogue-wrap--grid, #constructor-search .product-catalogue-wrap--grid {
margin-bottom: 10px;
}
}
.range-preview {
padding: 4px 5px;
}
.carousel .range-preview {
padding-right: 26px;
}
@media screen and (max-width: 62.4375em) {
.carousel .range-preview {
padding-right: 20px;
}
}
.range-preview__link {
display: block;
position: relative;
color: inherit;
text-decoration: none;
transition: transform 0.3s;
}
.carousel .range-preview__link {
max-width: 310px;
}
@media screen and (max-width: 62.4375em) {
.carousel .range-preview__link {
max-width: 225px;
}
}
.range-preview__link:hover {
transform: scale(1.025);
}
.range-preview__image {
overflow: hidden;
}
.range-preview__image:before {
float: left;
content: "";
padding-bottom: 120%;
margin-bottom: 0px;
}
.range-preview__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
.range-preview__image img {
max-width: 100%;
height: auto;
}
.range-preview--blend .range-preview__image {
background: #e8e7e4;
}
.range-preview--blend .range-preview__image img {
mix-blend-mode: multiply;
}
.range-preview__gradient-light:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 15px 30px;
height: 87px;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
}
.range-preview__gradient-dark:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 15px 30px;
height: 87px;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}
.range-preview__gradient-dark .range-preview__title {
color: #FFFFFF;
}
.range-preview__title {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
padding: 15px 30px;
height: 57px;
padding-bottom: 20px;
font-size: 14px;
font-size: 0.875rem;
line-height: 1;
margin-bottom: 10px;
font-family: Gotham Pro, Times new roman, serif;
text-transform: uppercase;
letter-spacing: 1.8px;
}
.range-preview__title:before {
content: "";
position: absolute;
top: 0;
right: 30px;
left: 30px;
height: 1px;
background: #dfdfdf;
}
.range-preview__title:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.range-preview__title {
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
}
}
.product-card {
overflow: hidden;
}
.product-card:before {
float: left;
content: "";
padding-bottom: 100%;
margin-bottom: 0px;
}
.product-card:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
.product-card--large {
overflow: hidden;
position: relative;
overflow: visible;
}
.product-card--large:before {
float: left;
content: "";
padding-bottom: 50%;
margin-bottom: 0px;
}
.product-card--large:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 42.5em) {
.product-card--large {
overflow: hidden;
margin: 0 -13px;
}
.product-card--large:before {
float: left;
content: "";
padding-bottom: 119.4805194805%;
margin-bottom: 0px;
}
.product-card--large:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
}
.product-card--large .product-callout {
position: absolute;
height: 200%;
}
.product-card--wide {
overflow: hidden;
position: relative;
overflow: visible;
}
.product-card--wide:before {
float: left;
content: "";
padding-bottom: 50%;
margin-bottom: 0px;
}
.product-card--wide:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 42.5em) {
.product-card--wide {
overflow: hidden;
margin: 0 -13px;
}
.product-card--wide:before {
float: left;
content: "";
padding-bottom: 119.4805194805%;
margin-bottom: 0px;
}
.product-card--wide:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
}
.product-card--wide .product-callout {
position: absolute;
height: 100%;
}
.product-card--empty {
background: transparent;
}
.product-card--empty:before, .product-card--empty:after {
display: none;
}
@media screen and (max-width: 42.5em) {
.product-card--empty {
margin: 0 -13px;
}
}
.product-catalogue-wrap .product-preview {
margin-bottom: 20px;
}
.product-preview {
overflow: hidden;
}
.product-preview:before {
float: left;
content: "";
padding-bottom: 100%;
margin-bottom: 0px;
}
.product-preview:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
.carousel .product-preview {
padding-right: 26px;
}
@media screen and (max-width: 62.4375em) {
.carousel .product-preview {
padding-right: 20px;
}
}
.product-catalogue-wrap .product-preview {
margin-bottom: 20px;
}
.product-preview--constructor {
contain: content;
}
.product-preview__link, .product-preview__images {
position: relative;
display: block;
color: inherit;
text-decoration: none;
}
.carousel .product-preview__link, .carousel .product-preview__images {
max-width: 280px;
}
@media screen and (max-width: 62.4375em) {
.carousel .product-preview__link, .carousel .product-preview__images {
max-width: 225px;
}
}
.product-preview__images {
display: flex;
flex-flow: row nowrap;
overflow-y: hidden;
overscroll-behavior-x: none;
scroll-snap-type: x mandatory;
margin-bottom: 20px;
width: 100%;
}
.product-preview__images--constructor {
aspect-ratio: auto 330/364;
}
.product-preview__image-indicators {
position: sticky;
bottom: 17px;
left: 10px;
display: block;
height: 8px;
width: 25px;
margin-top: -8px;
}
.product-preview__image-indicator {
width: 6px;
height: 6px;
border: 1px solid #000;
border-radius: 100%;
display: inline-block;
margin-right: 2px;
}
.product-preview__image-indicator--active {
background: #000;
}
.product-preview__image {
width: 100%;
flex: none;
scroll-snap-align: center;
background: #e8e7e4;
position: relative;
}
.product-preview__image img {
mix-blend-mode: multiply;
max-width: 95%;
margin: 2.5% auto;
height: auto;
display: block;
}
.product-preview__image--placeholder {
aspect-ratio: auto 330/364;
width: 280px;
}
@media screen and (max-width: 62.4375em) {
.product-preview__image--placeholder {
width: 225px;
}
}
.product-preview__image--no-blend {
background: inherit;
}
.product-preview__image--no-blend img {
mix-blend-mode: normal;
width: 100%;
margin: 0;
height: auto;
max-width: unset;
}
.product-preview__image--hover img {
mix-blend-mode: normal;
width: 100%;
margin: 0;
height: auto;
max-width: unset;
}
@media (hover: hover) {
.product-preview__images {
overflow: hidden;
}
.product-preview__image-indicators {
display: none;
}
.product-preview__image--hover {
transition: opacity 0.3s ease;
position: absolute;
left: 0;
opacity: 0;
}
.product-preview__image--hover:hover {
opacity: 1;
}
}
.carousel .product-preview__images {
overflow: hidden;
}
.carousel .product-preview__image-indicators {
display: none;
}
.product-preview__content {
display: flex;
flex-wrap: wrap;
align-items: center;
letter-spacing: 0.65px;
position: relative;
}
.product-preview__title {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2857142857;
margin-bottom: 10px;
flex: 0 0 100%;
letter-spacing: 0.7px;
}
.product-preview__title:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.product-preview__title {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.0769230769;
}
}
.swatch-wrap {
display: flex;
align-items: center;
}
.product-preview__swatch {
margin-right: 10px;
margin-bottom: 10px;
}
@media screen and (max-width: 62.4375em) {
.product-preview__swatch {
margin-right: 7px;
}
}
.product-preview__swatch .swatch-group__options {
min-width: inherit;
margin-top: -2px;
}
.product-preview__swatch .swatch__display,
.product-preview__swatch .swatch:not(.swatch--readonly):hover .swatch__display {
width: 19px;
height: 19px;
padding: 0px;
opacity: 1;
box-shadow: none;
}
.product-preview__swatch img,
.product-preview__swatch .colour-swatch,
.product-preview__swatch .metal-swatch,
.product-preview__swatch .stone-swatch {
border: 2px solid white;
}
.product-preview__swatch .swatch--active .swatch__display {
box-shadow: none;
}
.product-preview__description {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.0833333333;
font-weight: 300;
margin-bottom: 10px;
width: unset;
flex-grow: 1;
}
.product-preview__description:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.product-preview__description {
font-size: 11px;
font-size: 0.6875rem;
line-height: 1.1818181818;
}
}
.product-preview__description:last-child {
margin-bottom: 10px;
}
.product-preview__price {
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.2;
font-weight: 500;
flex: 0 0 100%;
letter-spacing: 1px;
}
@media screen and (max-width: 62.4375em) {
.product-preview__price {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2857142857;
font-weight: 400;
}
}
.product-preview__price--was {
color: #970202;
}
.product-preview__price--was span {
color: #000000;
text-decoration: line-through;
margin-right: 8px;
}
.product-preview__price--was span.product-preview__price--discount {
text-decoration: none;
font-size: 0.8em;
font-weight: 700;
}
.product-preview__price--was small {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
color: #000000;
letter-spacing: 0.72px;
}
.product-preview__price--bundle span {
text-decoration: line-through;
margin-left: 8px;
font-size: 12px;
font-weight: 500;
letter-spacing: 1px;
}
.product-preview__price--gtl {
padding-bottom: 15px;
}
.product-preview__engravable {
position: absolute;
top: 10px;
left: 7px;
}
.product-preview__engravable img {
display: block;
width: 20px;
height: 20px;
}
.product-catalogue__footer-block {
margin-bottom: 160px;
}
.product-catalogue__footer-block .basic-callout.basic-callout--plp .basic-callout__content.richtext h3, .product-catalogue__footer-block .basic-callout.basic-callout--plp .basic-callout__content.richtext h4 {
font-size: 0.6rem;
margin-bottom: 1em;
font-weight: 500;
letter-spacing: 1.6px;
}
.product-catalogue__footer-block .basic-callout.basic-callout--plp .basic-callout__content.richtext p {
font-weight: 200;
}
.product-preview__quickadd-button {
background: #FFF;
width: 42px;
height: 42px;
border-radius: 10px 0 0 0;
position: absolute;
right: 0;
top: -61px;
z-index: 3;
}
.get-the-look-preview .product-preview__quickadd-button {
top: -59px;
}
.product-preview__quickadd-button-icon {
position: relative;
pointer-events: none;
top: -3px; /* Visually centered */
}
.get-the-look-preview .product-preview__quickadd-button-icon {
display: inline;
top: 0px;
}
.carousel .product-preview__quickadd-button-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.quick-add-disabled .product-preview__quickadd-button {
display: none;
}
.product-preview--placeholder .product-preview__image {
animation-duration: 700ms;
animation-iteration-count: infinite;
animation-name: placeHolderFlash;
animation-timing-function: ease-in;
animation-direction: alternate;
}
@keyframes placeHolderFlash {
0% {
background-color: #e8e7e4;
}
100% {
background-color: #d3d1cb;
}
}
.product-preview--placeholder .swatch {
opacity: 0;
}
@media screen and (max-width: 46.25em) {
.product-preview--quickadd {
margin-top: 15px !important;
}
}
.product-preview--quickadd .product-preview__images {
margin-bottom: 0;
}
.product-preview--quickadd .product-preview__quickadd-button {
top: -54px;
background-color: #f1eee4;
}
@media screen and (max-width: 46.25em) {
.product-preview--quickadd .product-preview__quickadd-button {
top: -55px;
background-color: #FFFFFF;
}
}
@media screen and (max-width: 46.25em) {
.product-preview--quickadd .product-preview__title {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
letter-spacing: 0.5px;
}
}
.product-preview--quickadd .swatch-wrap {
display: flex;
align-items: center;
padding-bottom: 10px;
}
.product-preview--quickadd .product-preview__swatch {
margin-bottom: 0;
}
.product-preview--quickadd .swatch-wrap--stack {
flex-direction: column;
align-items: flex-start;
}
.product-preview--quickadd .swatch-wrap--stack .product-preview__swatch {
margin-bottom: 10px;
}
.product-preview--quickadd .swatch-group {
margin-right: 0;
}
.product-preview--quickadd .swatch-group__options {
flex-wrap: nowrap;
}
.product-preview--quickadd .product-preview__swatch {
margin-bottom: 0;
}
.product-preview--quickadd .product-preview__description {
width: unset;
text-wrap: pretty;
font-size: 11px;
margin-bottom: 0;
}
@media screen and (max-width: 46.25em) {
.product-preview--quickadd .product-preview__description {
letter-spacing: 0.5px;
}
}
@media screen and (max-width: 46.25em) {
.product-preview--quickadd .product-preview__price {
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.2;
font-weight: 500;
}
}
.product-preview--upgrade {
width: 155px;
padding-left: 15px;
}
.product-preview--upgrade .product-preview__quickadd-button {
top: -54px;
background-color: #f1eee4;
display: flex;
justify-content: center;
align-items: center;
}
.product-preview--upgrade .product-preview__title {
font-weight: 500;
}
.product-preview--upgrade .swatch-wrap {
display: flex;
align-items: center;
padding-bottom: 10px;
}
.product-preview--upgrade .product-preview__swatch {
margin-right: 7px;
margin-bottom: 0;
}
.product-preview--upgrade .swatch-wrap--stack {
flex-direction: column;
align-items: flex-start;
}
.product-preview--upgrade .swatch-wrap--stack .product-preview__swatch {
margin-bottom: 10px;
}
.product-preview--upgrade .swatch-group {
margin-right: 0;
}
.product-preview--upgrade .swatch-group__options {
flex-wrap: nowrap;
}
.product-preview--upgrade .swatch[type=button] {
margin-right: 2px;
}
.product-preview--upgrade .product-preview__description {
width: unset;
font-size: 11px;
}
@media screen and (max-width: 46.25em) {
.product-preview--upgrade .product-preview__description {
letter-spacing: 0.5px;
}
}
@media (hover: none) {
.product-preview--upgrade .product-preview__image-indicators,
.product-preview--upgrade .product-preview__image--hover {
display: none;
}
}
.product-callout {
position: relative;
height: 200%;
width: 100%;
background-size: cover;
background-position: center;
}
@media screen and (max-width: 42.5em) {
.product-callout {
height: 100% !important;
}
}
.product-callout .product-callout__content {
letter-spacing: 0.65px;
position: absolute;
display: block;
top: 0;
margin-top: 40%;
width: 100%;
text-align: center;
}
@media screen and (max-width: 34.375em) {
.product-callout .product-callout__content {
margin-top: 30%;
}
}
.product-callout .product-callout__title {
margin-bottom: 30px;
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
color: #000000;
line-height: 30px;
}
.product-callout .product-callout__title:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 34.375em) {
.product-callout .product-callout__title {
margin-bottom: 15px;
}
.product-callout .product-callout__title:last-child {
margin-bottom: 0;
}
}
.product-callout .product-callout__description {
font-family: Gotham Pro, Times new roman, serif;
line-height: 1.13;
font-weight: 400;
letter-spacing: 1.1px;
font-size: 20px;
font-size: 1.25rem;
color: #000000;
font-weight: 300;
margin-bottom: 10px;
letter-spacing: 4px;
line-height: 1.3em;
}
.product-callout .product-callout__description:last-child {
margin-bottom: 0;
}
.product-callout .product-callout__description.product-callout__description--narrow strong {
width: 250px;
text-align: center;
margin: auto;
}
.product-callout .product-callout__button {
position: absolute;
bottom: 10%;
text-align: center;
width: 100%;
}
@media screen and (max-width: 62.4375em) {
.product-callout .product-callout__button .button span {
padding: 5px 20px;
}
}
@media screen and (max-width: 23.75em) {
.product-callout .product-callout__button .button span {
padding: 5px 10px;
}
}
.product-card--interactive-full {
cursor: pointer;
}
.product-callout--small .cta--white,
.product-callout--last-card .cta--white {
color: #FFFFFF;
}
.product-callout--small .cta--white:hover,
.product-callout--last-card .cta--white:hover {
color: #000000;
}
.product-callout--small .cta--black,
.product-callout--last-card .cta--black {
color: #000000;
}
.product-callout--small .cta--black:hover,
.product-callout--last-card .cta--black:hover {
color: #FFFFFF;
}
.product-catalogue-wrap .product-preview.product-callout--last-card {
margin-bottom: -20px;
}
@media screen and (max-width: 62.4375em) {
.product-catalogue-wrap .product-preview.product-callout--last-card {
margin-bottom: inherit;
}
}
.product-callout--last-card {
background: transparent;
color: #FFFFFF;
height: 100%;
}
.product-callout--last-card .product-callout__video {
display: contents;
}
.product-callout--last-card .product-callout__video ~ picture {
visibility: hidden;
}
.product-callout--last-card .product-callout__content-wrap {
position: absolute;
bottom: -32px;
z-index: 10;
left: 30px;
}
@media screen and (max-width: 62.4375em) {
.product-callout--last-card .product-callout__content-wrap {
position: unset;
top: unset;
left: unset;
z-index: unset;
}
}
.product-callout--last-card .product-callout__content {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-content: flex-start;
padding: 25px 30px 44px;
margin: 0;
width: 100%;
bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.product-callout--last-card .product-callout__content {
padding: 0 15px 20px;
text-align: left;
}
}
.product-callout--last-card .product-callout__title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
color: #000000;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.4;
text-transform: uppercase;
font-weight: 500;
margin: 0;
position: relative;
top: -166px;
}
.product-callout--last-card .product-callout__title strong {
font-weight: 500;
}
@media screen and (max-width: 62.4375em) {
.product-callout--last-card .product-callout__title {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
top: -25px;
}
}
.product-callout--last-card .product-callout__description {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
color: #000000;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.4;
text-transform: uppercase;
font-weight: 500;
position: relative;
top: -166px;
}
.product-callout--last-card .product-callout__description strong {
font-weight: 500;
}
@media screen and (max-width: 62.4375em) {
.product-callout--last-card .product-callout__description {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
top: -25px;
}
}
.product-callout--last-card .product-callout__title--no-cta,
.product-callout--last-card .product-callout__description--no-cta {
top: -75px;
}
.product-callout--last-card .product-callout__image {
position: relative;
height: 100%;
}
.product-callout--last-card .product-callout__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-callout--last-card .product-callout__button {
text-align: left;
width: 80%;
bottom: 25%;
position: unset;
}
@media screen and (max-width: 62.4375em) {
.product-callout--last-card .product-callout__button {
position: relative;
bottom: 10px;
}
}
@media screen and (max-width: 34.375em) {
.product-callout--last-card .product-callout__button a.button::after {
height: 36px;
display: unset;
}
}
@media screen and (max-width: 34.375em) {
.product-callout--last-card .product-callout__button a.button > span {
padding: 10px 17px;
}
}
@media screen and (max-width: 62.4375em) {
.product-callout--last-card .product-callout__button a.button > span img {
display: none;
}
}
.product-callout--small {
position: relative;
height: 100%;
height: 100%;
}
@media screen and (max-width: 42.5em) {
.product-callout--small {
overflow: hidden;
}
.product-callout--small:before {
float: left;
content: "";
padding-bottom: 119.4805194805%;
margin-bottom: 0px;
}
.product-callout--small:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
}
.product-callout--small .product-callout__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.product-callout--small img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-callout--small .product-callout__content--with-video {
margin-top: 0;
height: 100%;
}
.product-callout--large .product-callout__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media screen and (max-width: 42.5em) {
.product-callout--large .product-callout__image {
overflow: hidden;
}
.product-callout--large .product-callout__image:before {
float: left;
content: "";
padding-bottom: 119.4805194805%;
margin-bottom: 0px;
}
.product-callout--large .product-callout__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
}
.product-callout--large .product-callout__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-callout--wide {
position: relative;
height: 100%;
}
.product-callout--wide .product-callout__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.product-callout--wide .product-callout__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-callout__content {
letter-spacing: 0.65px;
position: absolute;
display: block;
top: 0;
margin-top: 30%;
width: 100%;
text-align: center;
}
@media screen and (max-width: 34.375em) {
.product-callout__content {
margin-top: 20%;
}
}
.product-callout__title {
margin-bottom: 30px;
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
color: #000000;
}
.product-callout__title:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 34.375em) {
.product-callout__title {
margin-bottom: 15px;
}
.product-callout__title:last-child {
margin-bottom: 0;
}
}
.product-callout__description {
font-family: Gotham Pro, Times new roman, serif;
line-height: 1.13;
font-weight: 400;
letter-spacing: 1.1px;
font-size: 20px;
font-size: 1.25rem;
color: #000000;
font-weight: 300;
margin-bottom: 10px;
letter-spacing: 4px;
line-height: 1.3em;
}
.product-callout__description:last-child {
margin-bottom: 0;
}
.product-callout__button {
position: absolute;
bottom: 10%;
text-align: center;
width: 100%;
}
@media screen and (max-width: 62.4375em) {
.product-callout__button .button span {
padding: 5px 20px;
}
}
@media screen and (max-width: 23.75em) {
.product-callout__button .button span {
padding: 5px 10px;
}
}
.js-callout__full-width {
padding-left: 0;
margin-left: 30px;
}
.product-callout--white {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.product-callout--white .product-callout__title,
.product-callout--white .product-callout__description,
.product-callout--white .product-callout__button a,
.product-callout--white .product-callout__form,
.product-callout--white .product-callout__ctas {
color: #FFFFFF;
}
.product-callout--white .product-callout__button .button {
border-color: #FFFFFF;
}
.product-callout--black-friday {
text-align: center;
}
.product-callout--black-friday .product-callout__container {
display: none;
}
.product-callout--black-friday[data-step="1"] .product-callout__container[data-step="1"] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 55px;
background: rgba(0, 0, 0, 0.55);
}
@media screen and (max-width: 62.4375em) {
.product-callout--black-friday[data-step="1"] .product-callout__container[data-step="1"] {
padding: 12px;
}
}
.product-callout--black-friday[data-step="2"] .product-callout__container[data-step="2"] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 55px;
background: rgba(0, 0, 0, 0.55);
}
@media screen and (max-width: 62.4375em) {
.product-callout--black-friday[data-step="2"] .product-callout__container[data-step="2"] {
padding: 12px;
}
}
.product-callout--black-friday[data-step="3"] .product-callout__container[data-step="3"] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 55px;
background: rgba(0, 0, 0, 0.55);
}
@media screen and (max-width: 62.4375em) {
.product-callout--black-friday[data-step="3"] .product-callout__container[data-step="3"] {
padding: 12px;
}
}
.product-callout--black-friday .product-callout__content {
position: static;
margin-top: 0;
margin-bottom: 140px;
}
@media screen and (max-width: 62.4375em) {
.product-callout--black-friday .product-callout__content {
margin-bottom: 68px;
}
}
.product-callout--black-friday[data-step="3"] .product-callout__content {
margin-bottom: 15px;
}
.product-callout--black-friday .product-callout__title {
margin-bottom: 20px;
}
.product-callout--black-friday .product-callout__title:last-child {
margin-bottom: 0;
}
.product-callout--black-friday .product-callout__description {
font-size: 29px;
font-size: 1.8125rem;
line-height: 1;
letter-spacing: 3px;
}
.product-callout--black-friday .product-callout__description strong {
display: block;
text-transform: uppercase;
}
.product-callout--black-friday .product-callout__form {
margin-bottom: 25px;
width: 100%;
}
.product-callout--black-friday .product-callout__form:last-child {
margin-bottom: 0;
}
.product-callout--black-friday .product-callout__form .button img {
flex: 0 0 19px;
}
.product-callout--black-friday .product-callout__form--dob {
margin-bottom: 50px;
}
.product-callout--black-friday .product-callout__form--dob:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.product-callout--black-friday .product-callout__form--dob {
margin-bottom: 30px;
}
.product-callout--black-friday .product-callout__form--dob:last-child {
margin-bottom: 0;
}
}
.product-callout--black-friday .product-callout__form--dob label {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.product-callout--black-friday .product-callout__form--dob .select-replace__icon {
width: auto;
height: auto;
}
.product-callout--black-friday .product-callout__text {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4285714286;
margin-bottom: 20px;
letter-spacing: 1px;
}
.product-callout--black-friday .product-callout__fieldset {
display: flex;
align-items: center;
max-width: 440px;
margin: 0 auto;
}
.product-callout--black-friday .product-callout__fieldset .field {
flex: 1 1 auto;
margin-right: 19px;
}
@media screen and (max-width: 62.4375em) {
.product-callout--black-friday .product-callout__fieldset .field {
margin-right: 12px;
}
}
.product-callout--black-friday .product-callout__fieldset .input {
font-size: 10px;
font-size: 0.625rem;
line-height: 1.3;
width: 100%;
min-width: 0;
height: 44px;
padding-right: 20px;
padding-left: 20px;
border: none;
text-transform: uppercase;
letter-spacing: 1.5px;
}
@media screen and (max-width: 62.4375em) {
.product-callout--black-friday .product-callout__fieldset .input {
height: 41px;
}
}
@media screen and (max-width: 62.4375em) {
.product-callout--black-friday .product-callout__fieldset select {
height: 41px;
}
}
.product-callout--black-friday .product-callout__fieldset .select-replace__icon {
display: none;
}
.product-callout--black-friday .product-callout__fieldset .select-replace__value {
padding-right: 15px;
}
.product-callout--black-friday .product-callout__fieldset .button {
flex: 0 0 auto;
}
@media screen and (max-width: 62.4375em) {
.product-callout--black-friday .product-callout__fieldset .button:after {
height: 39px;
}
}
.product-callout--black-friday .product-callout__form--dob .product-callout__fieldset .field {
margin-right: 3px;
}
.product-callout--black-friday .product-callout__ctas {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: calc(100% + 30px);
margin: 0 -15px -15px;
padding-bottom: 5px;
}
.product-callout--black-friday .product-callout__ctas p {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
width: 100%;
}
@media screen and (max-width: 62.4375em) {
.product-callout--black-friday .product-callout__ctas p {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
}
}
.product-callout--black-friday .product-callout__ctas > .cta {
margin: 15px;
}
.product-callout__image--signup {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.product-callout__video {
position: relative;
width: 100%;
height: 100% !important;
display: block;
}
.product-callout__video ~ picture {
visibility: visible !important;
}
.product-callout__video .cloudflare-stream-video__iframe {
position: absolute;
top: 0;
margin: 0 auto;
min-width: 100%;
min-height: 100%;
border: none;
aspect-ratio: 1.7777777778;
left: 50%;
transform: translateX(-50%);
}
@media (prefers-reduced-motion: reduce) {
.product-callout__video {
display: none !important;
}
.product-callout__video ~ picture {
display: block;
}
.product-callout__video ~ picture.product-callout__image--signup {
display: inline;
}
}
.listing-banner--with-background {
position: relative;
}
.listing-banner--with-background:after {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 216px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
z-index: 1;
}
@media screen and (max-width: 62.4375em) {
.listing-banner--with-background:after {
display: none;
}
}
.listing-banner--with-background .wrap, .listing-banner--with-background .skinny-banner__content, .listing-banner--with-background .featured-collection-callout__header, .listing-banner--with-background .hero__content, .listing-banner--with-background .carousel__header, .listing-banner--with-background .carousel--favourites .carousel__content:not(.slick-initialized), .carousel--favourites .listing-banner--with-background .carousel__content:not(.slick-initialized), .listing-banner--with-background .carousel--collection .carousel__content:not(.slick-initialized), .carousel--collection .listing-banner--with-background .carousel__content:not(.slick-initialized), .listing-banner--with-background .carousel__header ~ .carousel__footer, .listing-banner--with-background .block--product-carousel .carousel__footer, .block--product-carousel .listing-banner--with-background .carousel__footer {
display: flex;
}
@media screen and (max-width: 62.4375em) {
.listing-banner--with-background .wrap, .listing-banner--with-background .skinny-banner__content, .listing-banner--with-background .featured-collection-callout__header, .listing-banner--with-background .hero__content, .listing-banner--with-background .carousel__header, .listing-banner--with-background .carousel--favourites .carousel__content:not(.slick-initialized), .carousel--favourites .listing-banner--with-background .carousel__content:not(.slick-initialized), .listing-banner--with-background .carousel--collection .carousel__content:not(.slick-initialized), .carousel--collection .listing-banner--with-background .carousel__content:not(.slick-initialized), .listing-banner--with-background .carousel__header ~ .carousel__footer, .listing-banner--with-background .block--product-carousel .carousel__footer, .block--product-carousel .listing-banner--with-background .carousel__footer {
display: block;
}
}
.listing-banner--with-image {
min-height: 550px;
margin-bottom: 20px;
position: relative;
}
@media screen and (max-width: 42.5em) {
.listing-banner--with-image {
min-height: 300px;
}
}
.listing-banner__content {
margin: 0 auto;
position: relative;
z-index: 2;
padding-top: 44px;
}
.listing-banner--blank .listing-banner__content {
padding-top: 0;
}
.listing-banner--with-background .listing-banner__content {
display: flex;
flex-direction: column;
width: 41.6666666667%;
min-height: 550px;
margin-left: -40px;
padding-right: 40px;
padding-left: 40px;
background: #f1eee4;
}
@media screen and (max-width: 62.4375em) {
.listing-banner--with-background .listing-banner__content {
width: calc(100% + 26px);
margin-right: -13px;
margin-left: -13px;
padding-right: 13px;
padding-bottom: 28px;
padding-left: 13px;
background: transparent;
}
}
@media screen and (max-width: 42.5em) {
.listing-banner--with-background .listing-banner__content {
min-height: 300px;
}
}
.listing-banner--with-background.listing-banner--white .listing-banner__content {
background: #000000;
}
@media screen and (max-width: 62.4375em) {
.listing-banner--with-background.listing-banner--white .listing-banner__content {
background: rgba(0, 0, 0, 0.37);
}
}
.listing-banner__content--padded {
padding-bottom: 32px;
}
.listing-banner__title--centre {
text-align: center;
}
.listing-banner__title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
color: #000000;
line-height: 1.2;
font-weight: 500;
margin-bottom: 12px;
}
.listing-banner__title strong {
font-weight: 500;
}
.listing-banner--with-signup .listing-banner__title {
margin-bottom: 20px;
}
@media screen and (max-width: 42.5em) {
.listing-banner--with-signup .listing-banner__title {
font-size: 26px;
font-size: 1.625rem;
line-height: 1.0769230769;
margin-bottom: 15px;
}
}
.listing-banner--with-background .listing-banner__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
margin: auto;
}
@media screen and (max-width: 62.4375em) {
.listing-banner--with-background .listing-banner__title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
margin: auto 0 0 0;
}
}
.listing-banner--with-background .listing-banner__title span {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1.2413793103;
display: block;
margin-top: 20px;
letter-spacing: 2px;
text-transform: uppercase;
}
@media screen and (max-width: 62.4375em) {
.listing-banner--with-background .listing-banner__title span {
font-size: 26px;
font-size: 1.625rem;
line-height: 1;
}
}
.listing-banner--with-background .listing-banner__title span strong {
display: block;
letter-spacing: normal;
}
.listing-banner--with-image .listing-banner__content {
padding-top: 160px;
}
@media screen and (max-width: 42.5em) {
.listing-banner--with-image .listing-banner__content {
padding-top: 30px;
}
}
.listing-banner--with-background .listing-banner__content {
padding-top: 0;
}
.listing-banner__description {
max-width: 75%;
}
@media screen and (max-width: 62.4375em) {
.listing-banner__description {
max-width: none;
}
}
.listing-banner--with-signup .listing-banner__description {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
margin-bottom: 12px;
}
.listing-banner--with-signup .listing-banner__description:last-child {
margin-bottom: 0;
}
.listing-banner--with-signup .listing-banner__description a {
text-decoration: underline;
}
.listing-banner--with-image .listing-banner__description {
max-width: 350px;
}
@media screen and (max-width: 62.4375em) {
.listing-banner--with-image .listing-banner__description {
max-width: 350px;
}
}
@media screen and (max-width: 34.375em) {
.listing-banner--with-image .listing-banner__description {
max-width: none;
}
}
.listing-banner__form {
display: flex;
align-items: center;
}
.listing-banner__form .field {
flex: 1 1 auto;
max-width: 324px;
margin-right: 10px;
}
@media screen and (max-width: 62.4375em) {
.listing-banner__form .field {
margin-right: 4px;
}
}
.listing-banner__form .input {
font-size: 10px;
font-size: 0.625rem;
line-height: 1.3;
height: 44px;
padding-right: 25px;
padding-left: 25px;
border: none;
text-transform: uppercase;
letter-spacing: 1.5px;
}
@media screen and (max-width: 62.4375em) {
.listing-banner__form .input {
height: 41px;
}
}
.listing-banner__form .button {
display: inline-flex;
align-items: center;
}
a:hover .listing-banner__form .button img, a:active .listing-banner__form .button img, .listing-banner__form .button:hover img, .listing-banner__form .button.button--hover img, .listing-banner__form .button:active img {
transform: translateX(10px);
}
@media screen and (max-width: 62.4375em) {
.listing-banner__form .button:after {
height: 39px;
}
}
.listing-banner__form .button span {
padding-right: 24px;
padding-left: 24px;
}
.listing-banner__form .button img {
margin-right: 0;
}
.listing-banner__thanks {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
}
@media screen and (max-width: 42.5em) {
.listing-banner__thanks {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
}
}
.listing-banner__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
}
.listing-banner--with-background .listing-banner__image {
position: static;
height: auto;
margin-right: -40px;
}
@media screen and (max-width: 62.4375em) {
.listing-banner--with-background .listing-banner__image {
position: absolute;
height: 100%;
margin-right: 0;
}
}
.listing-banner__image img {
width: 100%;
min-width: 1400px;
height: auto;
}
@media screen and (max-width: 42.5em) {
.listing-banner__image img {
width: 100%;
min-width: 400px;
}
}
.listing-banner--with-background .listing-banner__image img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
min-width: 0;
height: 100%;
}
.listing-banner.listing-banner--black .listing-banner__title {
color: #000;
}
.listing-banner.listing-banner--black p {
color: #000;
}
.listing-banner.listing-banner--white {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.listing-banner.listing-banner--white .listing-banner__title {
color: #fff;
}
.listing-banner.listing-banner--white p {
color: #fff;
}
.listing-banner.listing-banner--gold .listing-banner__title {
color: #ffd700;
}
.listing-banner.listing-banner--gold p {
color: #ffd700;
}
.listing-banner.listing-banner--purple .listing-banner__title {
color: #4d2f40;
}
.listing-banner.listing-banner--purple p {
color: #4d2f40;
}
.get-the-look {
overflow: hidden;
width: 100%;
}
.get-the-look .product-preview__images {
margin-bottom: 0px;
}
@media not (hover: hover) {
.get-the-look .product-preview__images .product-preview__image--hover {
display: none;
}
}
.get-the-look .product-preview__image {
margin-bottom: 17px;
}
.get-the-look__image {
overflow: hidden;
position: relative;
overflow: visible;
}
.get-the-look__image:before {
float: left;
content: "";
padding-bottom: 104.0372670807%;
margin-bottom: 0px;
}
.get-the-look__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 62.4375em) {
.get-the-look__image {
margin-bottom: 19px;
}
}
.get-the-look__image img {
width: 100%;
max-width: 100%;
height: auto;
}
.get-the-look__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.1;
position: absolute;
right: 20px;
bottom: 24px;
left: 20px;
}
@media screen and (max-width: 62.4375em) {
.get-the-look__title {
right: 13px;
bottom: 30px;
left: 13px;
}
}
.hotspots_position__points {
display: none;
}
.get-the-look-components {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.get-the-look-preview {
width: calc(33.3333% - 30px) !important;
margin: 15px;
}
@media screen and (max-width: 62.4375em) {
.get-the-look-preview {
width: 225px !important;
margin: 0 6px 0 13px;
}
}
.get-the-look-preview__link {
position: relative;
display: block;
color: inherit;
text-decoration: none;
}
.get-the-look-preview__image {
overflow: hidden;
margin-bottom: 17px;
background: #e8e7e4;
width: 100%;
}
.get-the-look-preview__image:before {
float: left;
content: "";
padding-bottom: 110.2564102564%;
margin-bottom: 0px;
}
.get-the-look-preview__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
.get-the-look-preview__image:last-child {
margin-bottom: 0;
}
.get-the-look-preview__image img {
width: 100%;
height: auto;
mix-blend-mode: multiply;
}
.get-the-look-preview__image--no-blend img {
mix-blend-mode: normal;
}
.mosaic-callout {
display: grid;
grid-template-rows: 1fr 100%;
grid-template-columns: 1.5fr 1fr;
width: 95%;
max-width: 1120px;
margin: 0 auto;
}
@media screen and (max-width: 62.4375em) {
.mosaic-callout {
display: block;
width: auto;
max-width: none;
margin: 0 13px;
padding: 0;
}
}
.mosaic-callout > * {
padding: 15px;
}
@media screen and (max-width: 62.4375em) {
.mosaic-callout > * {
padding: 0;
}
}
.mosaic-callout__image img {
width: 100%;
max-width: 100%;
height: auto;
}
.mosaic-callout__image--1 {
overflow: hidden;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1 / span 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1 / span 1;
position: relative;
overflow: visible;
top: -130px;
}
.mosaic-callout__image--1:before {
float: left;
content: "";
padding-bottom: 100%;
margin-bottom: 0px;
}
.mosaic-callout__image--1:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 62.4375em) {
.mosaic-callout__image--1 {
position: static;
top: 0;
margin: 0 -13px;
background: #dfdfdf;
}
}
.mosaic-callout__image--1 img {
position: absolute;
right: 15px;
bottom: 15px;
width: 100%;
max-width: 645px;
}
@media screen and (max-width: 62.4375em) {
.mosaic-callout__image--1 img {
position: static;
right: 0;
bottom: 0;
width: 100%;
max-width: 100%;
}
}
.mosaic-callout__image--2 {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1 / span 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2 / span 1;
align-self: flex-end;
}
@media screen and (max-width: 62.4375em) {
.mosaic-callout__image--2 {
position: relative;
left: 50%;
width: calc(50% + 140px);
transform: translateX(-140px);
}
}
.mosaic-callout__image--3 {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2 / span 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1 / span 1;
justify-self: flex-end;
margin-top: -130px;
}
@media screen and (max-width: 62.4375em) {
.mosaic-callout__image--3 {
position: relative;
width: calc((50% + 140px) * 0.75);
}
}
@media screen and (max-width: 62.4375em) {
.mosaic-callout__image--3 img {
margin-top: -82px;
margin-left: -7px;
border: 7px solid #FFFFFF;
}
}
.mosaic-callout__container {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2 / span 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2 / span 1;
max-width: 310px;
padding-top: 45px;
}
@media screen and (max-width: 62.4375em) {
.mosaic-callout__container {
position: relative;
max-width: 280px;
margin: 0 auto 45px;
padding-top: 0;
}
}
.mosaic-callout__header {
margin-bottom: 22px;
}
@media screen and (max-width: 62.4375em) {
.mosaic-callout__header {
position: absolute;
margin-bottom: 0;
transform: translateY(-100%);
}
}
.mosaic-callout__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
}
@media screen and (max-width: 62.4375em) {
.mosaic-callout__title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
margin-bottom: 27px;
}
}
.mosaic-callout__title span {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1;
display: block;
margin-top: 25px;
letter-spacing: 2px;
}
@media screen and (max-width: 62.4375em) {
.mosaic-callout__title span {
font-size: 26px;
font-size: 1.625rem;
line-height: 1;
margin-top: 15px;
}
}
.mosaic-callout__title span strong {
display: block;
text-transform: uppercase;
letter-spacing: normal;
}
@media screen and (max-width: 62.4375em) {
.mosaic-callout__title--white {
color: #FFFFFF !important;
}
}
.mosaic-callout__content {
margin-bottom: 30px;
}
@media screen and (max-width: 62.4375em) {
.mosaic-callout__content {
padding-top: 23px;
}
}
.block--double-callout {
max-width: 1460px;
margin: 0 auto;
padding: 0 40px;
}
@media screen and (max-width: 62.4375em) {
.block--double-callout {
max-width: none;
text-align: center;
padding: 0;
}
}
.side-by-side-callout .grid .side-by-side-callout__column {
margin-bottom: 25px;
}
@media screen and (max-width: 62.4375em) {
.side-by-side-callout .grid .side-by-side-callout__column {
margin-bottom: 50px;
}
}
.side-by-side-callout .grid .side-by-side-callout__column--alt {
display: inline-flex;
flex-direction: column;
padding-top: 52px;
}
@media screen and (max-width: 62.4375em) {
.side-by-side-callout .grid .side-by-side-callout__column--alt {
display: inline-block;
padding-top: 0;
}
}
.side-by-side-callout .grid .side-by-side-callout__column--alt .cta {
align-self: flex-start;
}
.side-by-side-callout .grid .side-by-side-callout__column--alt .side-by-side-callout__image {
order: 1;
margin-top: 40px;
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.side-by-side-callout .grid .side-by-side-callout__column--alt .side-by-side-callout__image {
margin-top: 0;
margin-bottom: 23px;
}
}
.side-by-side-callout .grid .side-by-side-callout__image {
margin-bottom: 30px;
}
@media screen and (max-width: 62.4375em) {
.side-by-side-callout .grid .side-by-side-callout__image {
margin-bottom: 23px;
}
}
.side-by-side-callout .grid .side-by-side-callout__image img {
width: 100%;
height: auto;
}
.side-by-side-callout .grid .side-by-side-callout__header {
margin-bottom: 30px;
}
@media screen and (max-width: 62.4375em) {
.side-by-side-callout .grid .side-by-side-callout__header {
margin-bottom: 25px;
}
}
.side-by-side-callout .grid .side-by-side-callout__header .side-by-side-callout__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
}
@media screen and (max-width: 62.4375em) {
.side-by-side-callout .grid .side-by-side-callout__header .side-by-side-callout__title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
}
}
.side-by-side-callout .grid .side-by-side-callout__header .side-by-side-callout__title span {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1.2413793103;
display: block;
margin-top: 20px;
letter-spacing: 2px;
}
@media screen and (max-width: 62.4375em) {
.side-by-side-callout .grid .side-by-side-callout__header .side-by-side-callout__title span {
font-size: 26px;
font-size: 1.625rem;
line-height: 1;
}
}
.side-by-side-callout .grid .side-by-side-callout__header .side-by-side-callout__title span strong {
display: block;
text-transform: uppercase;
letter-spacing: normal;
}
.featured-collection-callout {
position: relative;
color: #FFFFFF;
}
@media screen and (max-width: 62.4375em) {
.featured-collection-callout {
margin-bottom: 25px !important;
}
}
.featured-collection-callout__image {
overflow: hidden;
}
.featured-collection-callout__image:before {
float: left;
content: "";
padding-bottom: 39.2857142857%;
margin-bottom: 0px;
}
.featured-collection-callout__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 62.4375em) {
.featured-collection-callout__image {
overflow: hidden;
}
.featured-collection-callout__image:before {
float: left;
content: "";
padding-bottom: 125.3333333333%;
margin-bottom: 0px;
}
.featured-collection-callout__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
}
.featured-collection-callout__image img {
max-width: 100%;
height: auto;
width: 100%;
}
.featured-collection-callout__subtitle {
color: #000000;
margin-bottom: 20px;
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
margin-right: 40px;
margin-left: 40px;
}
@media (min-width: 1568px) {
.featured-collection-callout__subtitle {
margin-left: 5.7%;
margin-right: 5.7%;
}
}
@media screen and (max-width: 62.4375em) {
.featured-collection-callout__subtitle {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
margin-right: 13px;
margin-left: 13px;
}
}
.featured-collection-callout__subtitle span {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 0.8620689655;
display: block;
margin-top: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}
@media screen and (max-width: 62.4375em) {
.featured-collection-callout__subtitle span {
font-size: 26px;
font-size: 1.625rem;
line-height: 0.9615384615;
margin-top: 9px;
}
}
.featured-collection-callout__header {
position: absolute;
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%);
}
@media screen and (max-width: 62.4375em) {
.featured-collection-callout__header {
top: auto;
bottom: 30px;
transform: none;
}
}
.featured-collection-callout__title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1;
letter-spacing: 2px;
}
.featured-collection-callout__title strong {
text-transform: uppercase;
}
.feature-callout__container {
position: relative;
}
.feature-callout--white .feature-callout__container {
color: #FFFFFF;
}
.feature-callout__image {
overflow: hidden;
}
.feature-callout__image:before {
float: left;
content: "";
padding-bottom: 63.0136986301%;
margin-bottom: 0px;
}
.feature-callout__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 62.4375em) {
.feature-callout__image {
overflow: hidden;
}
.feature-callout__image:before {
float: left;
content: "";
padding-bottom: 142.6666666667%;
margin-bottom: 0px;
}
.feature-callout__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
}
.feature-callout__image img {
max-width: 100%;
height: auto;
}
.feature-callout__content {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
top: 70px;
right: 60px;
}
@media screen and (max-width: 62.4375em) {
.feature-callout__content {
top: auto;
right: 0;
bottom: 32px;
left: 0;
}
}
.feature-callout__header {
margin-bottom: 30px;
}
.feature-callout__header:last-child {
margin-bottom: 0;
}
.feature-callout__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
margin-bottom: 20px;
}
@media screen and (max-width: 62.4375em) {
.feature-callout__title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
}
}
.feature-callout__header .feature-callout__title {
margin-bottom: 0;
text-align: center;
}
.feature-callout__title span {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1;
display: block;
letter-spacing: 2px;
}
@media screen and (max-width: 62.4375em) {
.feature-callout__title span {
font-size: 30px;
font-size: 1.875rem;
line-height: 1;
margin-top: 20px;
letter-spacing: 3px;
}
}
.feature-callout__title span strong {
display: block;
text-transform: uppercase;
letter-spacing: normal;
}
.banner-callout--half {
max-width: 1170px;
padding: 0 40px;
margin: 0 auto;
}
@media screen and (max-width: 62.4375em) {
.banner-callout--half {
padding: 0;
}
}
.banner-callout__image {
overflow: hidden;
background: #dfdfdf;
}
.banner-callout__image:before {
float: left;
content: "";
padding-bottom: 75%;
margin-bottom: 0px;
}
.banner-callout__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 62.4375em) {
.banner-callout__image {
overflow: hidden;
}
.banner-callout__image:before {
float: left;
content: "";
padding-bottom: 100%;
margin-bottom: 0px;
}
.banner-callout__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
}
.banner-callout__image img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 62.4375em) {
.banner-callout__image img {
width: 100%;
}
}
.banner-callout__container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 30px 80px;
background: #f1eee4;
}
@media screen and (max-width: 62.4375em) {
.banner-callout__container {
display: block;
padding: 44px 13px;
text-align: center;
}
}
.banner-callout__header {
margin-bottom: 33px;
}
.banner-callout__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
}
@media screen and (max-width: 62.4375em) {
.banner-callout__title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
margin-bottom: 40px;
}
}
.banner-callout__title span {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1;
display: block;
margin-top: 25px;
letter-spacing: 2px;
}
@media screen and (max-width: 62.4375em) {
.banner-callout__title span {
font-size: 26px;
font-size: 1.625rem;
line-height: 1;
margin-top: 24px;
}
}
.banner-callout__title span strong {
display: block;
text-transform: uppercase;
letter-spacing: normal;
}
.sitewide-notices {
width: 100%;
justify-content: center;
align-items: center;
padding: 11px;
margin: 0 auto;
min-height: 40px;
height: -moz-max-content;
height: max-content;
}
.sitewide-notices--light {
background: #f1eee4;
color: #000000;
}
.sitewide-notices--dark {
background: #000000;
color: #FFFFFF;
}
.sitewide-notices--dark .slick-arrow img {
filter: invert(1);
}
.sitewide-notice__text + .sitewide-notice__text {
display: none;
}
.slick-track .sitewide-notice__text {
display: initial;
}
.sitewide-notices__carousel {
align-items: center;
width: 100%;
max-width: min(896px, 100vw - 26px);
margin: 0 auto;
color: inherit;
}
.sitewide-notices__carousel .slick-track {
display: flex;
align-items: center;
}
.sitewide-notices__carousel .slick-arrow {
top: 50%;
width: 15px;
height: 15px;
margin: 0;
padding: 0;
position: static;
}
.sitewide-notices__carousel .slick-arrow img {
padding: 5px;
}
.sitewide-notices__carousel .slick-prev {
transform: rotate(90deg);
margin-right: 7px;
}
.sitewide-notices__carousel .slick-next {
transform: rotate(-90deg);
margin-left: 7px;
}
.sitewide-notices__carousel.carousel--has-arrows {
display: flex;
}
.siteweide-notice {
width: -moz-max-content;
width: max-content;
}
.sitewide-notice__text {
text-align: center;
font-family: "Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.25px;
margin: 0;
width: 100%;
}
.sitewide-notice__text a, .sitewide-notice__text a:hover {
color: inherit;
text-decoration: underline;
}
/* Legacy frame - I can't get this to build using the legacy/frame folder - so specifying using the body.newresponsive class */
.newresponsive .sitewide-notices__carousel .slick-list.draggable {
padding: 0 !important;
}
.newresponsive .sitewide-notices .slick-arrow:before {
content: none;
}
.newresponsive .sitewide-notices .slick-arrow {
width: 15px;
height: 15px;
}
.newresponsive .sitewide-notices .slick-arrow img {
padding: 5px;
width: 19px;
height: 16px;
max-width: 19px;
box-sizing: border-box;
}
.basic-callout--double {
max-width: 1170px;
padding: 0 40px;
margin: 0 auto;
}
@media screen and (max-width: 62.4375em) {
.basic-callout--double {
padding: 0;
}
}
.basic-callout--double .basic-callout__image:before {
display: none;
}
@media screen and (max-width: 62.4375em) {
.basic-callout--double .basic-callout__image img {
width: 100%;
}
}
@media screen and (max-width: 62.4375em) {
.basic-callout__end-content {
order: 2;
}
.basic-callout__end-content .basic-callout__image {
max-width: 280px;
margin: 0 auto;
}
}
.basic-callout--offset {
max-width: 850px;
margin: 0 auto 105px;
}
@media screen and (max-width: 62.4375em) {
.basic-callout--offset {
margin-bottom: 0;
}
}
.basic-callout__image {
overflow: hidden;
}
.basic-callout__image:before {
float: left;
content: "";
padding-bottom: 99.2467043315%;
margin-bottom: 0px;
}
.basic-callout__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 62.4375em) {
.basic-callout__image {
overflow: hidden;
}
.basic-callout__image:before {
float: left;
content: "";
padding-bottom: 151.2%;
margin-bottom: 0px;
}
.basic-callout__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
}
.basic-callout--offset .basic-callout__image {
background: none;
overflow: visible;
}
.basic-callout--offset .basic-callout__image:before {
display: none;
}
@media screen and (max-width: 62.4375em) {
.basic-callout--offset .basic-callout__image {
text-align: right;
margin-bottom: 40px;
}
}
.basic-callout__image img {
max-width: 100%;
height: auto;
}
.basic-callout--offset .basic-callout__image img {
width: 142%;
max-width: none;
transform: translateX(-29%);
}
@media screen and (max-width: 62.4375em) {
.basic-callout--offset .basic-callout__image img {
transform: translateX(13px);
width: auto;
max-width: calc(100vw - (100vw - 280px) / 2);
}
}
@media screen and (max-width: 34.375em) {
.basic-callout--offset .basic-callout__image img {
transform: none;
}
}
.basic-callout--offset-large {
max-width: none;
}
.basic-callout--offset-large .basic-callout__offset-large-content {
padding-top: 120px;
z-index: 3;
}
.basic-callout--offset-large .basic-callout__image img {
width: 136%;
transform: translateX(-26%);
}
.basic-callout--offset-large .basic-callout__offset-image {
width: 100%;
transform: translateX(10%);
margin-top: 50px;
}
.basic-callout--offset-large .basic-callout__offset-image img {
width: 100%;
height: auto;
}
.basic-callout--offset-large .basic-callout__content {
width: 75%;
}
.basic-callout__container {
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 62.4375em) {
.basic-callout__container {
position: relative;
display: block;
width: 100%;
max-width: 280px;
margin: 0 auto 45px;
padding-top: 0;
}
}
.basic-callout--offset .basic-callout__container {
z-index: 1;
}
@media screen and (max-width: 62.4375em) {
.basic-callout--offset .basic-callout__container {
max-width: calc(100vw - (100vw - 280px) / 2);
margin-right: -13px;
margin-bottom: 0;
}
}
@media screen and (max-width: 34.375em) {
.basic-callout--offset .basic-callout__container {
margin-right: 0;
}
}
@media screen and (max-width: 62.4375em) {
.basic-callout--offset .basic-callout__container > * {
max-width: 280px;
}
}
.basic-callout__container .cta {
align-self: flex-start;
}
.basic-callout__header {
margin-bottom: 20px;
}
@media screen and (max-width: 62.4375em) {
.basic-callout__header {
position: absolute;
margin-bottom: 0;
transform: translateY(-100%);
}
}
@media screen and (max-width: 62.4375em) {
.basic-callout--double .basic-callout__header {
right: 0;
}
}
@media screen and (max-width: 62.4375em) {
.basic-callout--offset .basic-callout__header {
position: static;
margin-bottom: 34px;
transform: none;
}
}
.basic-callout__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
}
@media screen and (max-width: 62.4375em) {
.basic-callout__title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
margin-bottom: 40px;
color: #FFFFFF;
}
}
@media screen and (max-width: 62.4375em) {
.basic-callout--offset .basic-callout__title {
margin-bottom: 0;
color: inherit;
}
}
.basic-callout__title span {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1.2068965517;
display: block;
margin-top: 8px;
letter-spacing: 2.6px;
}
@media screen and (max-width: 62.4375em) {
.basic-callout__title span {
font-size: 26px;
font-size: 1.625rem;
line-height: 1;
margin-top: 16px;
}
}
.basic-callout__title span strong {
display: block;
text-transform: uppercase;
letter-spacing: normal;
}
@media screen and (max-width: 62.4375em) {
.basic-callout__title--black {
color: #000000 !important;
}
}
.basic-callout__content {
margin-bottom: 27px;
}
@media screen and (max-width: 62.4375em) {
.basic-callout__content {
padding-top: 26px;
}
}
@media screen and (max-width: 62.4375em) {
.basic-callout--double .basic-callout__content {
margin-bottom: 0;
}
}
.block--offset .basic-callout--offset .basic-callout__content {
margin-bottom: 3px;
}
@media screen and (max-width: 62.4375em) {
.basic-callout--offset .basic-callout__content {
padding-top: 0;
}
}
.basic-callout--plp {
max-width: 1032px;
padding: 0 80px;
margin: 0 auto;
}
@media screen and (max-width: 62.4375em) {
.basic-callout--plp {
padding: 0;
}
}
.basic-callout--plp .basic-callout__image img {
width: 100%;
}
.basic-callout--plp.basic-callout--plp-centered {
text-align: center;
}
.basic-callout--plp.basic-callout--plp-centered .basic-callout__content {
margin-bottom: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
@media screen and (max-width: 62.4375em) {
.order-1, .order-2, .order-3 {
order: unset;
}
}
.image-grid__header {
max-width: 520px;
margin: auto;
text-align: center;
padding-top: 90px;
margin-bottom: 40px;
}
@media screen and (max-width: 62.4375em) {
.image-grid__header {
max-width: none;
text-align: left;
margin-bottom: 20px;
padding-top: 55px;
}
}
.image-grid__heading {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1.0689655172;
letter-spacing: 2.5px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 20px;
}
@media screen and (max-width: 62.4375em) {
.image-grid__heading {
letter-spacing: 2px;
margin-bottom: 15px;
}
}
.image-grid__item {
margin-bottom: 50px;
}
.image-grid__item img {
width: 100%;
height: auto;
}
.image-grid__item .cta {
align-self: baseline;
}
.image-grid-item__title {
letter-spacing: 2.5px;
margin-bottom: 0.75rem;
}
.image-grid-item__content:last-child {
margin-bottom: 0;
}
.block {
margin-bottom: 90px;
overflow: hidden;
}
@media screen and (max-width: 62.4375em) {
.block {
margin-bottom: 50px;
}
}
.block .block__wrap {
max-width: 1460px;
margin: 0 auto;
padding: 0 40px;
}
@media screen and (max-width: 62.4375em) {
.block .block__wrap {
padding: 0;
}
}
.block--hidden {
display: none;
}
.block > * {
margin-bottom: 0;
}
.block--overflow {
position: relative;
overflow: visible;
}
.block .side-by-side-callout__column {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.block .side-by-side-callout__column {
margin-bottom: 2px;
}
}
@media screen and (max-width: 62.4375em) {
.block .side-by-side-callout__column--alt {
margin-bottom: 50px;
}
}
.block .testimonials {
padding-bottom: 0;
}
.block--debug {
background: yellow;
}
@media screen and (max-width: 34.375em) {
.block--competition {
padding: 13px;
}
}
.block--track {
margin-top: 30px;
}
.block--faq {
background: #f1eee4;
padding: 120px 150px;
}
@media screen and (max-width: 34.375em) {
.block--faq {
padding: 13px;
padding-top: 57px;
}
}
.block--faq .cta--breathe {
margin-top: 25px;
}
@media screen and (max-width: 34.375em) {
.block--faq .block-faq__accordion {
margin-top: -30px;
}
}
.block--usp-messaging {
background: #f1eee4;
}
.block--usp-messaging .usp_messages {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 100px 0;
-moz-column-gap: 30px;
column-gap: 30px;
row-gap: 50px;
}
@media screen and (max-width: 34.375em) {
.block--usp-messaging .usp_messages {
padding: 60px 0;
-moz-column-gap: 10px;
column-gap: 10px;
row-gap: 50px;
}
}
.block--usp-messaging .usp_message_row {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
-moz-column-gap: 30px;
column-gap: 30px;
row-gap: 50px;
}
@media screen and (max-width: 34.375em) {
.block--usp-messaging .usp_message_row {
-moz-column-gap: 10px;
column-gap: 10px;
row-gap: 50px;
}
}
@media screen and (max-width: 42.5em) {
.block--usp-messaging .usp_message_row:last-of-type {
padding-bottom: 20px;
}
}
.block--usp-messaging .usp_message_item {
color: #000000;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 80px;
min-height: 80px;
text-align: center;
max-width: 317px;
width: 317px;
}
@media screen and (max-width: 42.5em) {
.block--usp-messaging .usp_message_item {
max-width: 170px;
width: 170px;
}
}
.block--usp-messaging .usp_message__title {
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.5px;
margin-top: 17px;
}
.block--usp-messaging .usp_message__title--hover {
position: relative;
}
.block--usp-messaging .usp_message__title--hover:after {
background: #000000;
content: "";
position: absolute;
right: 0;
bottom: -5px;
left: 0;
height: 2px;
}
.block--text-only .richtext > p {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4285714286;
letter-spacing: 0.5px;
}
.block--text-only .button-as-cta {
padding-bottom: 5px;
}
.block--text-only .button-as-cta .cta {
margin-top: 1.25rem;
letter-spacing: 1.5px;
display: inline-block;
}
.sample-notice {
position: relative;
background: #970202;
}
.sample-notice:nth-child(2n) {
background: brown;
}
.sample-notice p {
margin-bottom: 0;
}
.header-marker {
position: relative;
}
.header-marker__height {
position: absolute;
top: 0;
left: 0;
}
.header-marker__height--active {
position: relative;
}
.header {
position: sticky;
background: #FFFFFF;
transition: color 0.3s ease, background 0.3s ease, border-bottom-color 0.3s ease;
z-index: 100;
top: 0;
}
.header--fixed {
top: 0;
right: 0;
left: 0;
}
@media screen and (max-width: 79.1875em) {
.header--fixed {
top: 0;
}
}
@media screen and (max-width: 62.4375em) {
.header--fixed {
top: 0;
}
}
@media screen and (max-width: 42.5em) {
.header--fixed {
top: 0;
}
}
.body--debug .header--fixed, body.debug .header--fixed {
top: 20px;
}
@media screen and (max-width: 79.1875em) {
.body--debug .header--fixed, body.debug .header--fixed {
top: 20px;
}
}
@media screen and (max-width: 62.4375em) {
.body--debug .header--fixed, body.debug .header--fixed {
top: 0;
}
}
.body--admin .header--fixed, body.admin .header--fixed {
top: 44px;
}
@media screen and (max-width: 79.1875em) {
.body--admin .header--fixed, body.admin .header--fixed {
top: 44px;
}
}
@media screen and (max-width: 62.4375em) {
.body--admin .header--fixed, body.admin .header--fixed {
top: 44px;
}
}
@media screen and (max-width: 42.5em) {
.body--admin .header--fixed, body.admin .header--fixed {
top: 0;
}
}
.body--debug.body--admin .header--fixed, body.debug.admin .header--fixed {
top: 64px;
}
@media screen and (max-width: 79.1875em) {
.body--debug.body--admin .header--fixed, body.debug.admin .header--fixed {
top: 64px;
}
}
@media screen and (max-width: 62.4375em) {
.body--debug.body--admin .header--fixed, body.debug.admin .header--fixed {
top: 44px;
}
}
@media screen and (max-width: 42.5em) {
.body--debug.body--admin .header--fixed, body.debug.admin .header--fixed {
top: 0;
}
}
.header--alt + * {
margin-top: -79px;
}
@media screen and (max-width: 79.1875em) {
.header--alt + * {
margin-top: 0;
}
}
.header--clear {
color: #FFFFFF;
background: transparent;
border-bottom: 0;
padding-bottom: 1px;
}
@media screen and (max-width: 79.1875em) {
.header--clear {
color: #000000;
padding-bottom: 0;
}
}
@media screen and (max-width: 79.1875em) {
.header--clear + * {
margin-top: -49px;
}
}
.header__container {
position: static;
display: flex;
align-items: center;
padding: 0 40px;
}
@media screen and (max-width: 79.1875em) {
.header__container {
padding: 15px 13px;
}
}
.header__logo {
position: relative;
margin-right: 40px;
display: block;
transition: filter 0.3s ease;
filter: invert(0);
}
.header--clear .header__logo {
filter: invert(1);
}
.header__logo img, .header__logo h1, .header__logo h6 {
display: block;
width: 260px;
height: 16px;
}
@media screen and (max-width: 79.1875em) {
.header__logo img, .header__logo h1, .header__logo h6 {
width: 212px;
height: 13px;
}
}
.header__logo h1, .header__logo h6 {
text-indent: -9999px;
font-size: 12px;
position: relative;
}
.header__logo h1 img, .header__logo h6 img {
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 79.1875em) {
.header__logo {
margin-right: 0;
}
}
.header__content {
flex: 1 1 auto;
display: flex;
align-items: center;
}
@media screen and (max-width: 79.1875em) {
.header__content {
align-items: stretch;
position: fixed;
right: 0;
bottom: 0;
left: 0;
background: #000000;
z-index: 12;
padding-bottom: env(safe-area-inset-bottom);
}
}
.header__nav {
align-self: stretch;
margin-right: 1em;
}
@media screen and (max-width: 79.1875em) {
.header__nav {
width: 25%;
margin-right: 0;
}
}
.header__actions {
margin-left: auto;
padding: 27px 0 28px;
}
@media screen and (max-width: 79.1875em) {
.header__actions {
display: flex;
align-items: stretch;
width: 75%;
margin-left: 0;
padding: 0;
}
}
.header-nav {
margin: 0;
}
.alt-header__logo,
.alt-header__basket {
display: none;
}
.header-nav--active-a .header-nav__background {
top: 0;
}
@media screen and (max-width: 79.1875em) {
.header-nav--active-a .header-nav__background {
top: 0;
}
}
@media screen and (max-width: 62.4375em) {
.header-nav--active-a .header-nav__background {
top: 0;
}
}
@media screen and (max-width: 42.5em) {
.header-nav--active-a .header-nav__background {
top: 0;
}
}
.body--debug .header-nav--active-a .header-nav__background, body.debug .header-nav--active-a .header-nav__background {
top: 20px;
}
@media screen and (max-width: 79.1875em) {
.body--debug .header-nav--active-a .header-nav__background, body.debug .header-nav--active-a .header-nav__background {
top: 20px;
}
}
@media screen and (max-width: 62.4375em) {
.body--debug .header-nav--active-a .header-nav__background, body.debug .header-nav--active-a .header-nav__background {
top: 0;
}
}
.body--admin .header-nav--active-a .header-nav__background, body.admin .header-nav--active-a .header-nav__background {
top: 44px;
}
@media screen and (max-width: 79.1875em) {
.body--admin .header-nav--active-a .header-nav__background, body.admin .header-nav--active-a .header-nav__background {
top: 44px;
}
}
@media screen and (max-width: 62.4375em) {
.body--admin .header-nav--active-a .header-nav__background, body.admin .header-nav--active-a .header-nav__background {
top: 44px;
}
}
@media screen and (max-width: 42.5em) {
.body--admin .header-nav--active-a .header-nav__background, body.admin .header-nav--active-a .header-nav__background {
top: 0;
}
}
.body--debug.body--admin .header-nav--active-a .header-nav__background, body.debug.admin .header-nav--active-a .header-nav__background {
top: 64px;
}
@media screen and (max-width: 79.1875em) {
.body--debug.body--admin .header-nav--active-a .header-nav__background, body.debug.admin .header-nav--active-a .header-nav__background {
top: 64px;
}
}
@media screen and (max-width: 62.4375em) {
.body--debug.body--admin .header-nav--active-a .header-nav__background, body.debug.admin .header-nav--active-a .header-nav__background {
top: 44px;
}
}
@media screen and (max-width: 42.5em) {
.body--debug.body--admin .header-nav--active-a .header-nav__background, body.debug.admin .header-nav--active-a .header-nav__background {
top: 0;
}
}
@media screen and (max-width: 79.1875em) {
.header-nav--active-a .header-nav__background {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.68);
opacity: 0;
transition: opacity 0.3s ease;
}
}
.header-nav__top {
display: none;
}
.header-nav--active-a .header-nav__top {
top: 0;
}
@media screen and (max-width: 79.1875em) {
.header-nav--active-a .header-nav__top {
top: 0;
}
}
@media screen and (max-width: 62.4375em) {
.header-nav--active-a .header-nav__top {
top: 0;
}
}
@media screen and (max-width: 42.5em) {
.header-nav--active-a .header-nav__top {
top: 0;
}
}
.body--debug .header-nav--active-a .header-nav__top, body.debug .header-nav--active-a .header-nav__top {
top: 20px;
}
@media screen and (max-width: 79.1875em) {
.body--debug .header-nav--active-a .header-nav__top, body.debug .header-nav--active-a .header-nav__top {
top: 20px;
}
}
@media screen and (max-width: 62.4375em) {
.body--debug .header-nav--active-a .header-nav__top, body.debug .header-nav--active-a .header-nav__top {
top: 0;
}
}
.body--admin .header-nav--active-a .header-nav__top, body.admin .header-nav--active-a .header-nav__top {
top: 44px;
}
@media screen and (max-width: 79.1875em) {
.body--admin .header-nav--active-a .header-nav__top, body.admin .header-nav--active-a .header-nav__top {
top: 44px;
}
}
@media screen and (max-width: 62.4375em) {
.body--admin .header-nav--active-a .header-nav__top, body.admin .header-nav--active-a .header-nav__top {
top: 44px;
}
}
@media screen and (max-width: 42.5em) {
.body--admin .header-nav--active-a .header-nav__top, body.admin .header-nav--active-a .header-nav__top {
top: 0;
}
}
.body--debug.body--admin .header-nav--active-a .header-nav__top, body.debug.admin .header-nav--active-a .header-nav__top {
top: 64px;
}
@media screen and (max-width: 79.1875em) {
.body--debug.body--admin .header-nav--active-a .header-nav__top, body.debug.admin .header-nav--active-a .header-nav__top {
top: 64px;
}
}
@media screen and (max-width: 62.4375em) {
.body--debug.body--admin .header-nav--active-a .header-nav__top, body.debug.admin .header-nav--active-a .header-nav__top {
top: 44px;
}
}
@media screen and (max-width: 42.5em) {
.body--debug.body--admin .header-nav--active-a .header-nav__top, body.debug.admin .header-nav--active-a .header-nav__top {
top: 0;
}
}
@media screen and (max-width: 79.1875em) {
.header-nav--active-a .header-nav__top {
display: block;
position: fixed;
left: 0;
width: 85%;
max-width: 320px;
padding: 25px 27px 20px;
background: #F7F2EC;
border-bottom: 1px solid #b1b1b1;
opacity: 0;
transition: opacity 0.3s 0.2s ease;
}
}
@media screen and (max-width: 79.1875em) {
.header-nav--active-b .header-nav__top {
opacity: 1;
}
}
[data-nav-item-active=true] .header-nav__top {
padding: 0;
}
[data-nav-item-active=true] .header-nav__top a {
display: none;
}
.header-nav__top a img {
display: block;
width: 166px;
height: 10px;
}
.header-nav__back {
display: none;
}
@media screen and (max-width: 79.1875em) {
[data-nav-item-active=true] .header-nav__back {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.0714285714;
font-weight: 500;
display: block;
width: 100%;
padding: 22px 27px 17px;
letter-spacing: 1.5px;
text-align: left;
text-transform: uppercase;
text-decoration: none;
color: inherit;
background: transparent;
cursor: pointer;
}
}
[data-nav-item-active=true] .header-nav__back img {
margin-right: 10px;
}
.header-nav__back-content {
display: flex;
align-items: center;
}
.header-nav__toggle {
display: none;
}
@media screen and (max-width: 79.1875em) {
.header-nav__toggle {
display: block;
width: 100%;
padding: 18px 0;
background: transparent;
}
}
.header-nav__toggle .header-nav__toggle-open {
display: block;
width: 29px;
height: 14px;
margin: 0 auto;
padding: 0;
}
.header-nav--active-a .header-nav__toggle .header-nav__toggle-open {
display: none;
}
.header--clear .header-nav__toggle .header-nav__toggle-open[icon-color=black] {
display: none;
}
.header--clear .header-nav__toggle .header-nav__toggle-open[icon-color=white] {
display: block;
}
.header-nav__toggle .header-nav__toggle-closed {
display: none;
width: 14px;
height: 14px;
margin: 0 auto;
}
.header-nav--active-a .header-nav__toggle .header-nav__toggle-closed {
display: block;
}
.header-nav__toggle img {
display: block;
margin: 0 auto;
}
.header-nav__toggle img[src*="/2020/hamburger"] {
width: 29px;
height: 14px;
}
.header-nav__toggle img[src*="/2020/cross-white"] {
width: 14px;
height: 14px;
}
@media screen and (max-width: 79.1875em) {
.header-nav__items {
display: none;
}
}
.header-nav--active-a .header-nav__items {
top: 56px;
}
@media screen and (max-width: 79.1875em) {
.header-nav--active-a .header-nav__items {
top: 56px;
}
}
@media screen and (max-width: 62.4375em) {
.header-nav--active-a .header-nav__items {
top: 56px;
}
}
@media screen and (max-width: 42.5em) {
.header-nav--active-a .header-nav__items {
top: 56px;
}
}
.body--debug .header-nav--active-a .header-nav__items, body.debug .header-nav--active-a .header-nav__items {
top: 76px;
}
@media screen and (max-width: 79.1875em) {
.body--debug .header-nav--active-a .header-nav__items, body.debug .header-nav--active-a .header-nav__items {
top: 76px;
}
}
@media screen and (max-width: 62.4375em) {
.body--debug .header-nav--active-a .header-nav__items, body.debug .header-nav--active-a .header-nav__items {
top: 56px;
}
}
.body--admin .header-nav--active-a .header-nav__items, body.admin .header-nav--active-a .header-nav__items {
top: 100px;
}
@media screen and (max-width: 79.1875em) {
.body--admin .header-nav--active-a .header-nav__items, body.admin .header-nav--active-a .header-nav__items {
top: 100px;
}
}
@media screen and (max-width: 62.4375em) {
.body--admin .header-nav--active-a .header-nav__items, body.admin .header-nav--active-a .header-nav__items {
top: 100px;
}
}
@media screen and (max-width: 42.5em) {
.body--admin .header-nav--active-a .header-nav__items, body.admin .header-nav--active-a .header-nav__items {
top: 56px;
}
}
.body--debug.body--admin .header-nav--active-a .header-nav__items, body.debug.admin .header-nav--active-a .header-nav__items {
top: 120px;
}
@media screen and (max-width: 79.1875em) {
.body--debug.body--admin .header-nav--active-a .header-nav__items, body.debug.admin .header-nav--active-a .header-nav__items {
top: 120px;
}
}
@media screen and (max-width: 62.4375em) {
.body--debug.body--admin .header-nav--active-a .header-nav__items, body.debug.admin .header-nav--active-a .header-nav__items {
top: 100px;
}
}
@media screen and (max-width: 42.5em) {
.body--debug.body--admin .header-nav--active-a .header-nav__items, body.debug.admin .header-nav--active-a .header-nav__items {
top: 56px;
}
}
@media screen and (max-width: 79.1875em) {
.header-nav--active-a .header-nav__items {
display: block;
position: fixed;
bottom: 0;
left: 0;
width: 85%;
max-width: 320px;
min-height: 0;
background: #FFFFFF;
overflow: hidden;
transition: min-height 0.3s ease;
}
}
@media screen and (max-width: 79.1875em) {
.header-nav--active-c .header-nav__items {
overflow: auto;
}
}
.header-nav__items-wrap {
display: flex;
align-items: center;
}
@media screen and (max-width: 79.1875em) {
.header-nav--active-a .header-nav__items-wrap {
display: flex;
flex-direction: column;
align-items: stretch;
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
padding: 0 20px;
opacity: 0;
transition: opacity 0.3s ease;
}
}
@media screen and (max-width: 79.1875em) {
.header-nav--active-b .header-nav__items-wrap {
opacity: 1;
}
}
@media screen and (max-width: 79.1875em) {
.header-nav--active-c .header-nav__items-wrap {
position: static;
}
}
@media screen and (max-width: 79.1875em) {
[data-nav-item] .header-nav__items-wrap {
padding: 22px 27px;
}
}
.header-nav__indicator {
position: absolute;
bottom: 27px;
height: 2px;
background: currentColor;
opacity: 0;
transition: left 0.3s, width 0.3s, opacity 0.3s;
pointer-events: none;
}
@media screen and (max-width: 79.1875em) {
.header-nav__indicator {
display: none;
}
}
.header-nav__indicator--active {
opacity: 1;
}
.header-nav__item {
flex: 0 0 auto;
display: flex;
padding: 31px 0 30px;
}
.header-nav__item:first-of-type > .header-nav__button {
padding-left: 0;
}
@media screen and (max-width: 79.1875em) {
.header-nav__item {
padding: 0;
}
}
.header-nav__items[data-nav-item="0"] .header-nav__item:not([data-nav-item="0"]) {
display: none;
}
.header-nav__items[data-nav-item="1"] .header-nav__item:not([data-nav-item="1"]) {
display: none;
}
.header-nav__items[data-nav-item="2"] .header-nav__item:not([data-nav-item="2"]) {
display: none;
}
.header-nav__items[data-nav-item="3"] .header-nav__item:not([data-nav-item="3"]) {
display: none;
}
.header-nav__items[data-nav-item="4"] .header-nav__item:not([data-nav-item="4"]) {
display: none;
}
.header-nav__items[data-nav-item="5"] .header-nav__item:not([data-nav-item="5"]) {
display: none;
}
.header-nav__items[data-nav-item="6"] .header-nav__item:not([data-nav-item="6"]) {
display: none;
}
.header-nav__items[data-nav-item="7"] .header-nav__item:not([data-nav-item="7"]) {
display: none;
}
.header-nav__items[data-nav-item="8"] .header-nav__item:not([data-nav-item="8"]) {
display: none;
}
.header-nav__items[data-nav-item="9"] .header-nav__item:not([data-nav-item="9"]) {
display: none;
}
.header-nav__item--mobile {
display: none;
}
@media screen and (max-width: 79.1875em) {
.header-nav__item--mobile {
display: flex;
}
}
.header-nav__top-link {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 14px;
font-size: 0.875rem;
line-height: 1;
font-weight: 500;
padding: 0 25px;
letter-spacing: 2.1px;
text-transform: uppercase;
text-decoration: none;
color: inherit;
}
@media screen and (max-width: 79.1875em) {
.header-nav__top-link {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 21px 7px 19px;
border-top: 1px solid #b1b1b1;
text-align: left;
letter-spacing: 1.5px;
}
}
.header-nav__top-link img {
display: none;
}
@media screen and (max-width: 79.1875em) {
.header-nav__top-link img {
display: block;
width: 15px;
height: 10px;
margin-left: 20px;
}
}
.header-nav__button {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2142857143;
letter-spacing: 0.25px;
font-weight: 400;
text-transform: capitalize;
padding: 0 12px;
text-decoration: none;
color: inherit;
background: transparent;
cursor: default;
}
@media screen and (max-width: 79.1875em) {
.header-nav__button {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.1333333333;
width: 100%;
padding: 21px 7px 19px;
border-top: 1px solid #b1b1b1 !important;
text-align: left;
letter-spacing: 1.5px;
cursor: pointer;
}
}
@media screen and (max-width: 79.1875em) {
.header-nav__item:first-child > .header-nav__button {
border-top: none !important;
}
}
.header-nav__item--active-a .header-nav__button {
position: relative;
}
@media screen and (max-width: 79.1875em) {
.header-nav__item--active-a .header-nav__button {
display: none;
}
}
.header-nav__item--active-b .header-nav__button {
position: relative;
}
.header-nav__button .header-nav__country-selector {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
font-weight: 400;
display: flex;
align-items: center;
text-decoration: none;
color: #000000;
letter-spacing: 1.5px;
}
.header-nav__button .header-nav__country-selector img {
width: initial;
height: initial;
margin: 0 10px 0 0;
}
@media screen and (max-width: 79.1875em) {
.header-nav__button-content {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.header-nav__button-content img {
display: none;
}
@media screen and (max-width: 79.1875em) {
.header-nav__button-content img {
display: block;
width: 14px;
height: 10px;
margin-left: 20px;
}
}
.header-nav__content {
display: none;
transform: translateY(1px);
z-index: 1000;
}
.header-nav__item--active-a .header-nav__content {
display: block;
position: absolute;
top: 100%;
right: 0;
left: 0;
min-height: 0;
background: #FFFFFF;
border-top: 1px solid #b1b1b1;
transform: none;
}
@media screen and (max-width: 79.1875em) {
.header-nav__item--active-a .header-nav__content {
position: static;
width: 100%;
margin-bottom: -30px;
border-top: none;
transform: translateX(-100%);
transition: background 0.3s ease, transform 0.3s ease;
}
}
@media screen and (max-width: 79.1875em) {
.header-nav__item--active-b .header-nav__content {
transform: none;
}
}
.header-nav__item--active-a .header-nav__content-wrap {
display: flex;
padding: 48px 40px 54px;
}
@media screen and (max-width: 79.1875em) {
.header-nav__item--active-a .header-nav__content-wrap {
position: static;
display: block;
padding: 0;
opacity: 1;
transform: none;
}
}
.header-nav__group {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 16.6666%;
padding-right: 40px;
}
@media screen and (max-width: 79.1875em) {
.header-nav__group {
width: auto;
margin-bottom: 30px;
padding-right: 0;
}
}
.header-nav__title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.3076923077;
font-weight: 500;
display: flex;
align-items: center;
margin-bottom: 20px;
color: inherit;
text-decoration: none;
letter-spacing: 1.5px;
transition: color 0.3s ease;
}
@media screen and (max-width: 79.1875em) {
.header-nav__title {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.0714285714;
margin-bottom: 15px;
text-transform: capitalize;
letter-spacing: 1.5px;
}
}
.header-nav__link-item {
margin-bottom: 15px;
display: block;
}
.header-nav__link-item:last-child {
margin-bottom: 0;
}
.header-nav__link {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.3333333333;
font-weight: 400;
display: flex;
align-items: center;
color: inherit;
text-decoration: none;
letter-spacing: 1.5px;
transition: color 0.3s ease;
}
@media screen and (max-width: 79.1875em) {
.header-nav__link {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.0714285714;
font-weight: 300;
}
}
.header-nav__link:hover {
color: #8D8D8D;
text-decoration: underline;
}
.header-nav__link:hover img {
transform: translateX(25px);
}
.header-nav__link img {
width: 12px;
height: 9px;
margin-left: 5px;
transition: transform 0.3s ease;
}
.header-nav__callout {
width: 33.3333%;
margin-left: auto;
}
@media screen and (max-width: 79.1875em) {
.header-nav__callout {
display: none;
}
}
.header-actions {
display: flex;
align-items: center;
margin-right: -30px;
}
@media screen and (max-width: 79.1875em) {
.header-actions {
align-items: stretch;
width: 100%;
}
}
@media screen and (max-width: 79.1875em) {
.header-actions.wishlist-enabled .header-actions__item {
width: 25%;
}
}
button.header-actions__item span {
padding: 0;
background: transparent;
font-size: inherit;
line-height: inherit;
}
.no-touch button.header-actions__item span:hover {
background: transparent;
}
.header-actions__item {
position: relative;
margin-right: 25px;
padding: 0;
background: transparent;
}
@media screen and (max-width: 79.1875em) {
.header-actions__item {
width: 33.3333%;
margin-right: 0;
}
}
@media screen and (max-width: 79.1875em) {
.header-actions__item > * {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.header-actions__item .icon-black {
transition: filter 0.3s ease;
}
.header--clear .header-actions__item .icon-black {
filter: invert(1);
}
@media screen and (max-width: 79.1875em) {
.header-actions__item:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 1px;
height: 40px;
background: #424242;
transform: translateY(-50%);
}
}
.header-actions__item img {
display: block;
margin: 0 auto;
}
.header-actions__item img[src*="/2020/search"] {
width: 20px;
height: 20px;
}
.header-actions__item img[src*="/2020/mobile-chat"] {
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
}
.header-actions__item img[src*="/2020/basket"] {
width: 20px;
height: 19px;
}
.header-actions__item img[src*="/2020/account"] {
width: 21px;
height: 19px;
}
.header-actions__item img[src*="/2020/heart"] {
width: 20px;
height: 18px;
}
.header-actions__item img[src*="/2020/mobile-chat"] {
width: 24px;
height: 24px;
}
.header-actions__item img[src*="/2020/help"] {
width: 24px;
height: 24px;
}
.action-link {
position: relative;
}
@media screen and (max-width: 79.1875em) {
.action-link {
position: absolute;
display: inline-block;
}
}
.action-link__count {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 10px;
font-size: 0.625rem;
font-weight: 700;
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
min-width: 16px;
padding: 4px;
color: #FFFFFF;
background: #000000;
border-radius: 100%;
letter-spacing: 0.4px;
transform: translate(6px, -6px);
}
@media screen and (max-width: 79.1875em) {
.action-link__count {
color: #000000;
background: #FFFFFF;
}
}
.action-link__count[data-count="0"] {
display: none;
}
.action-link__count.site-header__basket-count {
padding-top: 6px;
padding-left: 5px;
}
.header-callout {
position: relative;
color: #FFFFFF;
}
.header-callout__link {
display: block;
color: inherit;
text-decoration: none;
}
.header-callout__header {
position: absolute;
bottom: 0;
left: 0;
padding: 20px 25px;
}
.header-callout__header--dark-text p, .header-callout__header--dark-text span {
color: #000000;
}
.header-callout__image {
overflow: hidden;
}
.header-callout__image:before {
float: left;
content: "";
padding-bottom: 57.1428571429%;
margin-bottom: 0px;
}
.header-callout__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
.header-callout__image img {
width: 100%;
max-width: 100%;
height: auto;
}
.header-callout__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
margin-bottom: 5px;
}
.home-blog {
max-width: 872px;
margin: 0 auto;
padding-bottom: 100px;
border-top: 1px solid #b1b1b1;
border-bottom: 1px solid #b1b1b1;
}
@media screen and (max-width: 34.375em) {
.home-blog {
padding-bottom: 0;
border-top: none;
border-bottom: none;
}
}
@media screen and (max-width: 34.375em) {
.home-blog:before, .home-blog:after {
content: "";
display: block;
width: 189px;
height: 1px;
margin: 0 auto;
background: #b1b1b1;
}
}
.home-blog:after {
margin-top: 60px;
}
.home-blog__content__link {
display: block;
color: inherit;
text-decoration: none;
}
.home-blog__header {
margin: 95px auto 72px;
}
@media screen and (max-width: 34.375em) {
.home-blog__header {
margin: 57px auto 51px;
}
}
.home-blog__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
text-align: center;
}
@media screen and (max-width: 34.375em) {
.home-blog__title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
}
}
.home-blog__title span {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 0.8620689655;
display: block;
margin-top: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}
@media screen and (max-width: 34.375em) {
.home-blog__title span {
font-size: 26px;
font-size: 1.625rem;
line-height: 0.9615384615;
margin-top: 9px;
}
}
.home-blog__content-wrap {
display: flex;
align-items: center;
}
.home-blog__content-wrap:nth-child(1) {
align-items: flex-start;
}
@media screen and (max-width: 34.375em) {
.home-blog__content-wrap:nth-child(1) {
align-items: center;
}
}
.home-blog__content-wrap:nth-child(3) {
align-items: flex-end;
}
@media screen and (max-width: 34.375em) {
.home-blog__content-wrap:nth-child(3) {
align-items: center;
}
}
.home-blog__content {
margin-bottom: 129px;
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 195px;
}
.home-blog__content:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 34.375em) {
.home-blog__content {
margin-bottom: 69px;
max-width: 170px;
}
.home-blog__content:last-child {
margin-bottom: 0;
}
}
.home-blog__content .cta {
margin-top: auto;
}
.home-blog__content-image {
margin-bottom: 19px;
}
@media screen and (max-width: 34.375em) {
.home-blog__content-image {
margin-bottom: 13px;
}
.home-blog__content-image:last-child {
margin-bottom: 0;
}
}
.home-blog__content-image img {
max-width: 100%;
height: auto;
}
.home-blog__content-title {
font-family: Grotesk, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
letter-spacing: 1.5px;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4285714286;
font-weight: 300;
margin-bottom: 15px;
letter-spacing: 2;
}
.home-blog__content-title:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 34.375em) {
.home-blog__content-title {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
margin-bottom: 25px;
}
.home-blog__content-title:last-child {
margin-bottom: 0;
}
}
.accordion:not(.accordion--bare) + .accordion:not(.accordion--bare) {
margin-top: 1px;
}
.accordion:not(.accordion--invalid):not(.accordion--bare) .accordion__head {
padding: 10px 20px;
cursor: pointer;
background: #fff;
}
.accordion--invalid:not(.accordion--retain-head) .accordion__head {
display: none;
}
.accordion:not(.accordion--invalid) .accordion__wrap {
display: none;
}
.accordion:not(.accordion--invalid) .accordion__wrap {
display: block;
max-height: 0;
overflow: hidden;
}
.accordion--animate:not(.accordion--invalid) .accordion__wrap {
transition: max-height 0.5s ease;
}
.accordion--active .accordion__wrap {
display: block;
}
.accordion--animate .accordion--active .accordion__wrap {
max-height: none;
}
.accordion:not(.accordion--invalid):not(.accordion--bare) .accordion__body {
margin-top: 1px;
padding: 20px;
background: #fff;
}
.accordion.accordion--invalid .accordion__body {
transform: none;
opacity: 1;
transition: none;
}
.accordion.accordion--active .accordion__body {
transform: none;
opacity: 1;
}
.accordion .accordion__body {
opacity: 0;
transform: translateX(-25px);
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.accordion--product-details .accordion__button {
width: 100%;
padding: 7px 0;
background: transparent;
outline: none;
}
.accordion--product-details .accordion__button-content {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
display: flex;
align-items: center;
letter-spacing: 0.5px;
pointer-events: none;
}
.accordion--product-details .accordion__button-content > * {
margin-right: 8px;
}
.accordion--product-details .accordion__button-content > *:last-child {
margin-right: 0;
}
@media screen and (max-width: 62.4375em) {
.accordion--product-details .accordion__button-content > * {
margin-right: 20px;
}
.accordion--product-details .accordion__button-content > *:last-child {
margin-right: 0;
}
}
.accordion--product-details .accordion__button-content > *:nth-child(3) {
margin-left: auto;
}
.accordion--product-details .accordion__icon {
min-width: 20px;
}
@media screen and (max-width: 62.4375em) {
.accordion--product-details .accordion__icon {
min-width: 30px;
}
}
.accordion--product-details .accordion__icon img {
display: block;
}
.accordion--product-details .accordion__icon img.usp__icon {
display: block;
}
@media screen and (max-width: 62.4375em) {
.accordion--product-details .accordion__icon img.usp__icon {
display: none;
}
}
.accordion--product-details .accordion__icon img.usp__icon-sm {
display: none;
}
@media screen and (max-width: 62.4375em) {
.accordion--product-details .accordion__icon img.usp__icon-sm {
display: block;
}
}
.accordion--product-details .accordion__icon img[src*="2020/recycled-silver-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/recycled-silver-black"] {
width: 21px;
height: 18px;
}
@media screen and (max-width: 62.4375em) {
.accordion--product-details .accordion__icon img[src*="2020/recycled-silver-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/recycled-silver-black"] {
width: 22px;
height: auto;
}
}
.accordion--product-details .accordion__icon img[src*="2020/ethical-diamonds-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/ethical-diamonds-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/heart-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/repair-black"] {
width: 21px;
height: 18px;
}
@media screen and (max-width: 62.4375em) {
.accordion--product-details .accordion__icon img[src*="2020/ethical-diamonds-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/ethical-diamonds-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/heart-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/repair-black"] {
width: 22px;
height: auto;
}
}
.accordion--product-details .accordion__icon img[src*="2020/usp-icons/handmade"] {
width: 21px;
height: 18px;
}
@media screen and (max-width: 62.4375em) {
.accordion--product-details .accordion__icon img[src*="2020/usp-icons/handmade"] {
width: 16px;
height: auto;
margin-left: 2px;
}
}
.accordion--product-details .accordion__icon img[src*="2020/ethical-sourcing-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/ethical-sourcing-black"] {
width: 21px;
height: 19px;
}
@media screen and (max-width: 62.4375em) {
.accordion--product-details .accordion__icon img[src*="2020/ethical-sourcing-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/ethical-sourcing-black"] {
width: 22px;
height: auto;
}
}
.accordion--product-details .accordion__icon img[src*="2020/sustainable-leather-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/sustainable-leather-black"] {
width: 18px;
height: 19px;
}
@media screen and (max-width: 62.4375em) {
.accordion--product-details .accordion__icon img[src*="2020/sustainable-leather-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/sustainable-leather-black"] {
width: 22px;
height: auto;
}
}
.accordion--product-details .accordion__icon img[src*="2020/free-delivery-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/free-delivery-black"] {
width: 26px;
height: 18px;
}
@media screen and (max-width: 62.4375em) {
.accordion--product-details .accordion__icon img[src*="2020/free-delivery-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/free-delivery-black"] {
width: 30px;
height: 20px;
}
}
.accordion--product-details .accordion__icon img[src*="2020/returns-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/returns-black"] {
width: 27px;
height: 19px;
}
@media screen and (max-width: 62.4375em) {
.accordion--product-details .accordion__icon img[src*="2020/returns-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/returns-black"] {
width: 28px;
height: auto;
}
}
.accordion--product-details .accordion__icon img[src*="2020/warranty-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/warranty-black"] {
width: 17px;
height: 19px;
}
@media screen and (max-width: 62.4375em) {
.accordion--product-details .accordion__icon img[src*="2020/warranty-black"], .accordion--product-details .accordion__icon img[src*="2020/usp-icons/warranty-black"] {
width: 24px;
height: auto;
}
}
.accordion--product-details .accordion__status {
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.accordion--product-details .accordion__status img {
display: block;
}
.accordion--product-details .accordion__status img[src*="2020/dropdown-black"] {
width: 9px;
height: 7px;
}
.accordion--product-details .accordion__status img[src*="2020/plus-black"] {
width: 9px;
height: 9px;
}
.accordion--product-details.accordion--active .accordion__status {
transform: rotate(45deg);
}
.accordion--product-details .accordion__body {
font-size: 11px;
font-size: 0.6875rem;
line-height: 1.3636363636;
font-weight: 300;
padding-left: 36px;
transition: none;
}
@media screen and (max-width: 62.4375em) {
.accordion--product-details .accordion__body {
padding-left: 48px;
}
}
.accordion--block-faq.accordion--active .accordion__head {
border-bottom: 1px solid #000000;
}
.accordion--block-faq .accordion__head {
border-bottom: 1px solid #dfdfdf;
padding: 15px 0;
}
.accordion--block-faq .accordion__button {
width: 100%;
padding: 0;
background: transparent;
outline: none;
}
.accordion--block-faq .accordion__button-content {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5555555556;
letter-spacing: 0.5px;
font-weight: 500;
display: flex;
align-items: center;
pointer-events: none;
justify-content: space-between;
}
.accordion--block-faq .accordion__button-content > * {
margin-right: 8px;
}
.accordion--block-faq .accordion__button-content > *:last-child {
margin-right: 0;
}
@media screen and (max-width: 62.4375em) {
.accordion--block-faq .accordion__button-content > * {
margin-right: 20px;
}
.accordion--block-faq .accordion__button-content > *:last-child {
margin-right: 0;
}
}
.accordion--block-faq .accordion__button-content > *:nth-child(3) {
margin-left: auto;
}
@media screen and (max-width: 34.375em) {
.accordion--block-faq .accordion__button-content {
font-size: 14px;
font-size: 0.875rem;
line-height: 2;
font-weight: 600;
}
}
.accordion--block-faq .accordion__icon {
min-width: 20px;
}
@media screen and (max-width: 62.4375em) {
.accordion--block-faq .accordion__icon {
min-width: 30px;
}
}
.accordion--block-faq .accordion__icon img {
display: block;
}
.accordion--block-faq .accordion__status {
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.accordion--block-faq .accordion__status img {
display: block;
}
.accordion--block-faq .accordion__status img[src*="2020/minus"] {
width: 13px;
height: 7px;
}
.accordion--block-faq .accordion__status img[src*="2020/plus"] {
width: 13px;
height: 13px;
}
.accordion--block-faq.accordion--active .accordion__status {
transform: rotate(45deg);
}
.accordion--block-faq .accordion__body {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
letter-spacing: 0.5px;
font-weight: 300;
padding: 20px 0;
transition: none;
}
.site-footer {
padding-top: 40px;
}
@media screen and (max-width: 62.4375em) {
.site-footer {
padding-top: 35px !important;
padding-bottom: 50px;
}
}
.site-footer__wrap {
padding-left: 40px;
padding-right: 40px;
margin-bottom: 70px;
}
@media screen and (max-width: 62.4375em) {
.site-footer__wrap {
margin-bottom: 40px;
padding-left: 13px;
padding-right: 13px;
}
}
@media screen and (max-width: 34.375em) {
.site-footer__wrap {
padding-left: 12px;
padding-right: 12px;
}
}
.site-footer__columns {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.site-footer__section {
margin-top: 20px;
padding-right: 10px;
}
@media screen and (max-width: 62.4375em) {
.site-footer__section {
width: auto;
}
}
@media screen and (max-width: 34.375em) {
.site-footer__section {
width: 100%;
margin-top: 0px;
padding-right: 0;
border-bottom: solid 1px #b1b1b1;
}
}
.site-footer__section-title {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
font-weight: 700;
padding-bottom: 15px;
text-transform: uppercase;
color: #000000;
letter-spacing: 1.9px;
outline: none;
border-top: none !important;
}
@media screen and (max-width: 34.375em) {
.site-footer__section-title {
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: 20px 15px 15px;
cursor: pointer;
}
}
.js-accordion__group {
display: flex;
flex-direction: column;
}
@media screen and (max-width: 34.375em) {
.site-footer__nav-list {
padding: 0 15px 15px;
}
}
.site-footer__nav-list-item {
margin-bottom: 15px;
display: flex;
}
.site-footer__nav-list-item:last-child {
margin-bottom: 0;
}
.site-footer__nav-list-item a {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
text-decoration: none;
color: #000000;
letter-spacing: 1.5px;
transition: color 0.3s ease;
}
.site-footer__nav-list-item a:hover {
color: #8D8D8D;
text-decoration: underline;
}
.site-footer__section-title--expandable-ui {
position: relative;
}
.site-footer__section .site-footer__section-title--expandable-ui:after {
content: "";
display: none;
position: absolute;
top: 7px;
right: 0;
width: 0;
height: 0;
text-indent: -99999px;
background: url(https://cfs3.monicavinader.com/static/images/2020/plus-black.c7534.svg) no-repeat center;
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 34.375em) {
.site-footer__section .site-footer__section-title--expandable-ui:after {
height: 35px;
width: 35px;
display: block;
}
}
.accordion--active .site-footer__section-title--expandable-ui {
position: relative;
}
.accordion--active .site-footer__section-title--expandable-ui:after {
content: "";
transform: rotate(45deg);
}
.site-footer__payment-icons {
display: flex;
gap: 12px;
justify-content: center;
max-width: 280px;
margin: 2.5rem auto 0;
}
@media screen and (max-width: 34.375em) {
.site-footer__payment-icons {
margin-top: 1rem;
max-width: unset;
}
}
.site-footer__payment-icons img {
width: 38px;
height: 24px;
border-radius: 2px;
border: 0.9px solid #DDDDDD;
}
.site-footer__logo-panel {
text-align: center;
padding-top: 22px;
}
.site-footer__logo-panel a {
display: block;
}
.site-footer__logo {
margin-bottom: 50px;
}
.site-footer__footer-logo {
font-size: 12px;
text-align: center !important;
margin-top: 20px;
}
@media screen and (max-width: 62.4375em) {
.site-footer__footer-logo {
order: 6;
margin-top: 30px;
}
}
@media screen and (max-width: 34.375em) {
.site-footer__footer-logo {
order: unset;
margin-top: 0;
}
}
.site-footer__country-selector {
margin-bottom: 20px;
font-size: 12px;
text-decoration: none;
color: #000000;
line-height: 22px;
}
.site-footer__country-selector span {
padding: 0 5px;
}
.footer-logo {
width: 200px;
}
.site-footer__section--right .js-accordion__group {
align-self: end;
}
@media screen and (max-width: 34.375em) {
.site-footer__section--right .js-accordion__group {
align-self: unset;
}
}
@media screen and (max-width: 34.375em) {
.site-footer__section--last {
margin-bottom: 32px;
border-bottom: none;
}
}
.newsletter {
width: 100%;
min-height: 340px;
padding: 40px 0;
border-top: solid 2px #000;
position: relative;
background-position: center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
}
.newsletter figure {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
height: 100%;
}
.newsletter figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 34.375em) {
.newsletter {
min-height: 220px;
}
}
.newsletter__body {
width: auto;
text-align: center;
margin-bottom: -20px;
padding: 20px;
}
@media screen and (max-width: 34.375em) {
.newsletter__body {
width: 100%;
padding: 13px;
}
}
.newsletter__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
color: #000000;
margin-bottom: 25px;
line-height: 1;
}
.newsletter__form {
width: 420px;
margin: 30px auto 37px;
display: none;
}
@media screen and (max-width: 34.375em) {
.newsletter__form {
width: 100%;
margin: 23px auto 29px;
}
}
.newsletter__form.active {
display: block;
}
.newsletter__form--1.active {
display: flex;
align-items: flex-start;
}
@media screen and (max-width: 42.5em) {
.newsletter__form--1.active {
flex-direction: row;
align-items: stretch;
}
.newsletter__form--1.active button {
height: 44px;
margin-left: 10px;
}
}
.newsletter__form--error .input {
border: 1px solid #970202;
}
.newsletter__control {
flex: 1 1 auto;
margin-right: 10px;
}
@media screen and (max-width: 42.5em) {
.newsletter__control {
margin-right: 0;
margin-bottom: 10px;
}
}
.newsletter__control input {
height: 44px;
border: none;
}
.newsletter__control input::-moz-placeholder {
text-transform: uppercase;
font-size: 10px;
line-height: 13px;
letter-spacing: 1.5px;
}
.newsletter__control input::placeholder {
text-transform: uppercase;
font-size: 10px;
line-height: 13px;
letter-spacing: 1.5px;
}
.newsletter__control--dob {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-right: 0;
}
@media screen and (max-width: 42.5em) {
.newsletter__control--dob {
margin-bottom: 0;
}
}
.newsletter__control--dob p {
width: 100%;
margin-bottom: 10px;
}
.newsletter__control--dob .field--date-select {
width: 75%;
margin-right: 0;
margin-bottom: 0;
}
@media screen and (max-width: 42.5em) {
.newsletter__control--dob .field--date-select {
width: calc(100% + 10px);
margin-right: -10px;
margin-bottom: 10px;
}
}
.newsletter__control--dob .field__row {
display: flex;
}
@media screen and (max-width: 42.5em) {
.newsletter__control--dob .field__row {
width: 100%;
}
}
.newsletter__control--dob select {
height: 44px;
flex-shrink: 0;
}
@media screen and (max-width: 42.5em) {
.newsletter__control--dob select {
width: 33.333%;
}
}
.newsletter__control--dob .button {
width: 25%;
}
@media screen and (max-width: 42.5em) {
.newsletter__control--dob .button {
width: 100%;
}
}
.newsletter__error {
font-size: 9px;
font-size: 0.5625rem;
line-height: 1.2222222222;
display: flex;
align-items: flex-start;
text-align: right;
color: #970202;
letter-spacing: 0.9px;
margin-top: 10px;
order: 1;
}
@media screen and (max-width: 42.5em) {
.newsletter__error {
padding-right: 22px;
text-align: center;
}
}
.newsletter__error img {
width: 18px;
height: 20px;
margin-top: -5px;
margin-right: 4px;
}
.newsletter__footer p {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
margin-bottom: 10px;
letter-spacing: 0.5px;
color: #353535;
}
.newsletter__footer a {
color: inherit;
text-decoration: underline;
}
.newsletter-copy span {
display: block;
}
.newsletter__form-container {
display: flex;
}
.legal-bar {
display: flex;
background: #f0efeb;
padding: 12px 40px;
}
@media screen and (max-width: 62.4375em) {
.legal-bar {
display: block;
padding-left: 10px;
padding-right: 10px;
}
}
.legal-bar p,
.legal-bar a,
.legal-bar button {
font-size: 11px;
font-size: 0.6875rem;
line-height: 1;
}
.legal-bar__section {
display: flex;
flex-direction: row;
align-items: center;
color: #5C5C5C;
letter-spacing: 1.35px;
flex-shrink: 1;
}
@media screen and (max-width: 62.4375em) {
.legal-bar__section {
margin-bottom: 11px;
justify-content: center;
}
.legal-bar__section:last-child {
margin-bottom: 0;
}
}
.legal-bar__section.legal-bar__section--right {
margin-left: auto;
}
.legal-bar__nav-items {
display: flex;
flex-direction: row;
align-items: center;
}
@media screen and (max-width: 34.375em) {
.legal-bar__nav-items {
display: none;
}
}
.legal-bar__nav-item {
padding-right: 25px;
}
@media screen and (max-width: 62.4375em) {
.legal-bar__nav-item {
padding-right: 10px;
}
}
.legal-bar__nav-item:last-of-type {
padding-right: 0;
}
.legal-bar__nav-item a, .legal-bar__nav-item button {
display: block;
text-decoration: none;
color: #5C5C5C;
letter-spacing: 1.35px;
transition: color 0.3s ease;
}
.legal-bar__nav-item a:hover, .legal-bar__nav-item button:hover {
color: #8D8D8D;
text-decoration: underline;
}
a {
text-decoration: none;
color: #5C5C5C;
}
@media screen and (max-width: 34.375em) {
.legal-bar__item {
display: none;
}
}
.legal-bar__item.legal-bar__item--mobile {
display: none;
}
@media screen and (max-width: 34.375em) {
.legal-bar__item.legal-bar__item--mobile {
display: flex;
}
}
.testimonials {
padding-bottom: 60px;
text-align: center;
}
.testimonials__title {
margin-bottom: 20px;
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
}
.testimonials__images {
display: flex;
justify-content: center;
margin-bottom: 25px;
}
.testimonials__image {
display: flex;
flex-shrink: 1;
opacity: 0.5;
}
@media screen and (max-width: 34.375em) {
.testimonials__image {
display: none;
}
}
.testimonials__image.testimonials__image--active {
opacity: 1;
}
@media screen and (max-width: 34.375em) {
.testimonials__image.testimonials__image--active {
display: flex;
}
}
.testimonials__image img {
max-width: 100%;
}
.testimonial {
display: none;
max-width: 870px;
margin: 0 auto;
}
.testimonial.testimonial--active {
display: block;
}
.testimonials__quote-section {
display: flex;
width: 100%;
}
.testimonials__quote-section:before {
content: "โ";
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 68px;
font-size: 4.25rem;
line-height: 1.0294117647;
}
.testimonials__quote-section:after {
content: "โ";
display: inline-block;
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 68px;
font-size: 4.25rem;
line-height: 1.0294117647;
transform: scaleX(-1);
}
.testimonials__quote {
margin: 0 auto;
max-width: 70%;
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
}
@media screen and (max-width: 62.4375em) {
.testimonials__quote {
font-size: 13px;
font-size: 0.8125rem;
}
}
.overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
}
.overlay__bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
}
.overlay__container {
position: absolute;
z-index: 100;
width: 100%;
max-width: 480px;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
transform: translate(-50%, -50%);
box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 760px) {
.overlay__container {
max-width: none;
}
}
.overlay__close {
position: absolute;
top: -24px;
left: auto;
right: -24px;
}
@media screen and (max-width: 760px) {
.overlay__close {
right: 10px;
top: -34px;
}
}
.overlay__close svg {
display: block;
width: 18px;
height: 18px;
stroke: #FFFFFF;
stroke-width: 5px;
}
@media screen and (max-width: 760px) {
.overlay__close svg {
width: 14px;
height: 14px;
}
}
.overlay__content {
background: #FFFFFF;
height: auto;
margin-left: 0;
max-height: calc(100vh - 60px);
margin-bottom: -40px;
}
.overlay--wide .overlay__container {
max-width: 620px;
}
.overlay--extra-wide .overlay__container {
max-width: 850px;
}
.overlay--takeover .overlay__bg {
background: #efefef;
}
.overlay--takeover .overlay__container {
box-shadow: none;
max-width: none;
height: 100%;
}
.overlay--takeover .overlay__content {
background-color: transparent;
height: auto;
max-height: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
right: 0;
margin-left: 0;
overflow: auto;
}
.overlay--takeover .overlay__close {
position: absolute;
top: 42px;
right: 42px;
left: auto;
z-index: 10;
}
@media screen and (max-width: 1080px) {
.overlay--takeover .overlay__close {
top: 0px;
right: 0px;
}
}
.overlay--takeover .overlay__close svg {
stroke: #000000;
}
.overlay--sidebar .overlay__bg {
background: rgba(239, 239, 239, 0.8);
}
.overlay--sidebar .overlay__container {
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 100%;
transform: none;
}
@media screen and (max-width: 760px) {
.overlay--sidebar .overlay__container {
max-width: calc(100% - 42px);
}
}
@media screen and (max-width: 640px) {
.overlay--sidebar .overlay__container {
max-width: calc(100% - 32px);
}
}
.overlay--sidebar .overlay__content {
height: 100%;
overflow: auto;
max-height: 100vh;
}
.overlay--sidebar .overlay__close {
top: 24px;
left: -42px;
right: auto;
}
@media screen and (max-width: 760px) {
.overlay--sidebar .overlay__close {
top: 13px;
left: -32px;
}
}
.overlay-transition--fade .overlay__bg {
opacity: 0;
transition: opacity 0.3s ease;
}
.overlay-transition--fade.overlay--opening .overlay__bg, .overlay-transition--fade.overlay--active .overlay__bg, .overlay-transition--fade.overlay--cross .overlay__bg {
opacity: 1;
}
.overlay-transition--fade .overlay__container {
opacity: 0;
transition: opacity 0.3s ease;
}
.overlay-transition--fade.overlay--opening .overlay__container, .overlay-transition--fade.overlay--active .overlay__container {
opacity: 1;
}
.overlay.d3r-hidden:not(.d3r-shown) {
display: none;
}
@media screen and (max-width: 34.375em) {
.overlay__container {
height: 100%;
padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
background: #FFFFFF;
}
}
.overlay__header {
padding-bottom: 22px;
margin-bottom: 28px;
border-bottom: 1px solid #EEE;
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 0.7407407407;
color: #000000;
text-align: center;
}
.overlay__close {
top: 30px;
right: 30px;
padding: 5px;
background: transparent;
}
@media screen and (max-width: 34.375em) {
.overlay__close {
top: 22px;
right: 12px;
}
}
.overlay__close svg {
width: 10px;
height: 10px;
}
.overlay__close--hidden {
display: none;
}
.overlay__content {
padding: 30px;
}
@media screen and (max-width: 34.375em) {
.overlay__content {
height: auto;
max-height: 100%;
margin: 0;
padding: 22px 12px;
background: transparent;
}
}
.mfp--filters .mfp-container {
padding: 0;
}
.mfp-fade.mfp-bg {
opacity: 0;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
transition: all 0.15s ease-out;
}
.mfp--filters .mfp-content {
height: 100%;
}
.popup, .black-friday-popup {
position: relative;
max-width: 575px;
margin: 0 auto;
padding: 40px 45px;
background: #FFFFFF;
border: 0;
}
.popup--wide {
max-width: 900px;
}
.popup--tight {
padding: 0;
}
.popup--side {
min-height: 100vh;
width: 100vw;
z-index: 100000;
max-width: 492px;
transform: translateX(100%);
transition: transform 0.3s ease-in;
}
@media screen and (max-width: 34.375em) {
.popup--side {
max-width: none;
margin-left: -6px;
}
}
.admin .popup--side {
top: 22px;
min-height: calc(100vh - 44px);
}
.size-guide__popup,
.popup--rollout {
opacity: 0;
transition: transform 0.3s ease-in, opacity 0.15s ease-in 0.15s;
padding-bottom: 56px;
}
.popup--open {
transform: translateX(0%);
opacity: 1;
}
.mfp-removing .popup--open {
transform: translateX(100%);
}
.popup--side .popup__close, .popup--side button.black-friday-popup__close, .popup--side .locale-close {
top: 17px;
right: 15px;
opacity: 1;
}
/* deal with magnific padding */
.popup--side {
margin-right: -8px;
}
@media all and (max-width: 900px) {
.popup--side {
margin-right: -6px;
}
}
.size-guide__header,
.popup__header {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 11px;
font-size: 0.6875rem;
line-height: 1.3636363636;
padding: 29px 0;
margin: 0 30px;
border-bottom: 1px solid #eee;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 34.375em) {
.size-guide__header,
.popup__header {
padding: 25px 0 23px;
margin: 0 15px;
}
}
.popup__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
color: #000000;
line-height: 71px;
text-align: center;
margin: 0 30px;
border-bottom: 1px solid #eee;
}
.size-guide__popup .popup__title, .popup--rollout .popup__title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 18px;
font-size: 1.125rem;
line-height: 0.6111111111;
letter-spacing: 1.8px;
font-weight: 500;
align-items: center;
text-transform: uppercase;
border: none;
}
@media screen and (max-width: 34.375em) {
.size-guide__popup .popup__title, .popup--rollout .popup__title {
font-size: 14px;
font-size: 0.875rem;
line-height: 0.7857142857;
letter-spacing: 1px;
}
}
.popup__close, button.black-friday-popup__close, .locale-close {
width: 40px;
height: 40px;
padding: 13px;
line-height: 14px;
top: 28px;
right: 28px;
}
.popup__close img, button.black-friday-popup__close img, .locale-close img {
pointer-events: none;
}
.popup__close:active, button.black-friday-popup__close:active, .locale-close:active {
top: 42px;
}
.size-guide__popup .popup__close, .size-guide__popup button.black-friday-popup__close, .size-guide__popup .locale-close, .popup--rollout .popup__close, .popup--rollout button.black-friday-popup__close, .popup--rollout .locale-close {
top: 11px;
}
@media screen and (max-width: 34.375em) {
.size-guide__popup .popup__close, .size-guide__popup button.black-friday-popup__close, .size-guide__popup .locale-close, .popup--rollout .popup__close, .popup--rollout button.black-friday-popup__close, .popup--rollout .locale-close {
top: 6px;
right: 0px;
}
}
.loading-spinner {
position: absolute;
top: 0;
right: 0;
bottom: 20px;
left: 0;
background: rgba(255, 255, 255, 0.8);
z-index: 1000;
display: none;
}
.popup .loading-spinner, .black-friday-popup .loading-spinner {
display: block;
}
.loading-spinner__container {
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -110px;
width: 200px;
text-align: center;
}
.loading-spinner__text {
text-transform: uppercase;
}
.loading-spinner__spinner {
width: 40px;
height: 40px;
position: relative;
margin: 0 auto 20px;
}
.loading-spinner__circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.loading-spinner__circle:before {
content: "";
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
animation: loading-spinner-circle-bounce-delay 1.2s infinite ease-in-out both;
}
.loading-spinner__circle--circle2 {
transform: rotate(30deg);
}
.loading-spinner__circle--circle3 {
transform: rotate(60deg);
}
.loading-spinner__circle--circle4 {
transform: rotate(90deg);
}
.loading-spinner__circle--circle5 {
transform: rotate(120deg);
}
.loading-spinner__circle--circle6 {
transform: rotate(150deg);
}
.loading-spinner__circle--circle7 {
transform: rotate(180deg);
}
.loading-spinner__circle--circle8 {
transform: rotate(210deg);
}
.loading-spinner__circle--circle9 {
transform: rotate(240deg);
}
.loading-spinner__circle--circle10 {
transform: rotate(270deg);
}
.loading-spinner__circle--circle11 {
transform: rotate(300deg);
}
.loading-spinner__circle--circle12 {
transform: rotate(330deg);
}
.loading-spinner__circle--circle2:before {
animation-delay: -1.1s;
}
.loading-spinner__circle--circle3:before {
animation-delay: -1s;
}
.loading-spinner__circle--circle4:before {
animation-delay: -0.9s;
}
.loading-spinner__circle--circle5:before {
animation-delay: -0.8s;
}
.loading-spinner__circle--circle6:before {
animation-delay: -0.7s;
}
.loading-spinner__circle--circle7:before {
animation-delay: -0.6s;
}
.loading-spinner__circle--circle8:before {
animation-delay: -0.5s;
}
.loading-spinner__circle--circle9:before {
animation-delay: -0.4s;
}
.loading-spinner__circle--circle10:before {
animation-delay: -0.3s;
}
.loading-spinner__circle--circle11:before {
animation-delay: -0.2s;
}
.loading-spinner__circle--circle12:before {
animation-delay: -0.1s;
}
@keyframes loading-spinner-circle-bounce-delay {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
.rollout-block, .size-guide__block {
margin: 40px 30px;
}
.rollout-block:first-of-type, .size-guide__block:first-of-type {
margin-top: 26px;
}
.rollout-block:last-of-type, .size-guide__block:last-of-type {
margin-bottom: 40px;
}
@media screen and (max-width: 34.375em) {
.rollout-block, .size-guide__block {
margin: 56px 15px;
}
.rollout-block:first-of-type, .size-guide__block:first-of-type {
margin-top: 15px;
}
.rollout-block:last-child, .size-guide__block:last-child {
margin-bottom: 15px;
}
}
.size-guide__form div.field {
position: relative;
vertical-align: top;
margin-bottom: 10px;
}
.size-guide__form div.field .input {
border-radius: 0;
-webkit-appearance: none;
width: 100%;
padding: 18px 9px 0;
border: 1px solid #B1B1B1;
}
.size-guide__form .field .input {
height: 50px;
color: #000000;
border-radius: 2px;
box-shadow: inset 0 0 0 1px transparent;
}
.size-guide__form .field {
margin-bottom: 10px;
}
.size-guide__form .field {
/* Hide validation tick/cross visual for some inputs */
/* For radios */
/* For country because always forced to a country selection */
}
.size-guide__form .field.field-radio::before, .size-guide__form .field.field--country::before {
visibility: hidden;
}
.size-guide__form .field::before {
content: "";
top: 0.75em;
right: 1.5em;
position: absolute;
color: transparent;
font-size: 1.5rem;
line-height: 1em;
opacity: 0;
pointer-events: none;
z-index: 1;
}
.size-guide__form form label {
display: block;
text-transform: uppercase;
font-size: 10px;
font-size: 0.625rem;
cursor: pointer;
}
.size-guide__form form label.check_box,
.size-guide__form form label .lines {
text-transform: none;
font-size: 12px;
font-size: 0.75rem;
}
.size-guide__form form label.radio {
font-size: 13px;
font-size: 0.8125rem;
}
.size-guide__form form label p {
display: inline-block;
}
.size-guide__form form label label {
display: inline-block;
margin: 0;
}
.size-guide__form form label img {
margin-right: 20px;
vertical-align: middle;
}
.size-guide__form legend {
width: 100%;
}
.size-guide__form input[type=text],
.size-guide__form input[type=email],
.size-guide__form input[type=tel],
.size-guide__form input[type=number],
.size-guide__form input[type=password] {
font-size: 13px;
font-size: 0.8125rem;
}
.size-guide__form input:focus {
box-shadow: 0 0 8px #5B9DD9;
outline: none;
}
.size-guide__form input[type=radio] {
width: 0px;
vertical-align: top;
}
.size-guide__form input[type=radio]:focus {
box-shadow: none;
outline: none;
}
.size-guide__form .floating-labels .field label:not(.radio):not(.check_box) {
position: absolute;
top: 8px;
left: 10px;
color: #000000;
text-transform: none;
white-space: nowrap;
pointer-events: none;
z-index: 1;
font-size: 12px;
font-size: 0.75rem;
font-weight: 300;
}
.size-guide__form .floating-labels .field .field__icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
z-index: 1;
line-height: 0;
}
.size-guide__form .floating-labels .field.field-textarea label {
background: white;
padding: 6px 0 0 8px;
top: 2px !important;
left: 2px !important;
}
.size-guide__form .field__optional {
font-size: inherit;
line-height: inherit;
}
.size-guide__form .field__optional:before {
content: "(";
}
.size-guide__form .field__optional:after {
content: ")";
}
.size-guide__form .error {
color: #F5210E;
margin: 8px 0 0;
}
.size-guide__form .error .error__dismiss {
color: #047eb6;
transition: 0.2s;
}
.size-guide__form .error .error__dismiss:hover, .size-guide__form .error .error__dismiss:focus {
color: #05a9f4;
}
.size-guide__form .field-error input,
.size-guide__form .field-error textarea,
.size-guide__form .field-error .select-replace {
border: 1px solid #F5210E !important;
box-shadow: inset 0 0 0 1px #F5210E !important;
}
.size-guide__form .field-error .select-replace {
box-shadow: inset 0 0 0 2px #F5210E !important;
}
.size-guide__form .field-error .select-replace .select-replace__value {
border: 1px solid #F5210E !important;
}
.size-guide__form .field-error .select-replace:hover, .size-guide__form .field-error .select-replace.select-replace--focused {
box-shadow: inset 0 0 0 2px #05a9f4 !important;
}
.size-guide__form .field-error .select-replace:hover .select-replace__value, .size-guide__form .field-error .select-replace.select-replace--focused .select-replace__value {
border-color: #05a9f4;
}
.size-guide__form .field--checkbox label, .size-guide__form .field-checkbox label {
display: flex;
align-items: flex-start;
justify-content: flex-end;
line-height: 18px;
}
.size-guide__form .field--checkbox input, .size-guide__form .field-checkbox input {
display: none;
}
.size-guide__form .field--checkbox label.check_box .check-replace, .size-guide__form .field-checkbox label.check_box .check-replace {
margin-right: 11px;
}
.size-guide__form .field--checkbox label.check_box .check-replace img, .size-guide__form .field-checkbox label.check_box .check-replace img {
margin: 0 3px;
}
.size-guide__form .order-ring-sizer__spinner {
display: none;
}
.size-guide__form .order-ring-sizer__spinner img {
filter: invert(1);
animation: spinner-rotation 1s infinite linear;
}
.size-guide__form label.check_box {
font-size: 12px;
font-size: 0.75rem;
letter-spacing: 0.68px;
line-height: 18px;
font-weight: 400;
}
.size-guide__form button[type=submit] {
margin-top: 15px;
margin-bottom: 40px;
}
.size-guide__form details * {
box-sizing: border-box;
}
.size-guide__form details > summary {
list-style: none;
}
.size-guide__form details > summary::marker, .size-guide__form details > summary::-webkit-details-marker {
display: none;
}
.floating-labels {
box-sizing: initial;
}
.title-block__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
color: #000000;
line-height: 1;
margin-bottom: 20px;
}
.size-guide__subtitle {
font-family: Gotham Pro, Times new roman, serif;
line-height: 1.13;
font-weight: 400;
letter-spacing: 1.1px;
font-size: 13px;
font-size: 0.8125rem;
line-height: 0.923;
letter-spacing: 2.6px;
font-weight: 500;
text-transform: uppercase;
color: #000000;
line-height: 1;
margin-top: 30px;
margin-bottom: 12px;
}
.size-guide__content p {
margin-bottom: 10px;
}
.size-guide__order-form {
margin-top: 10px;
}
.size-guide .button.button--secondary span {
padding: 14px 20px;
}
#size-chart table {
width: 100%;
}
.size-guide__blocks {
overflow-y: scroll;
}
.size-guide__block-title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 1.13;
font-weight: 400;
letter-spacing: 1.1px;
font-size: 13px;
font-size: 0.8125rem;
line-height: 0.923;
letter-spacing: 2.6px;
font-weight: 500;
text-transform: uppercase;
color: #000000;
font-size: 16px;
font-size: 1rem;
line-height: 11px;
letter-spacing: 1.5px;
margin-bottom: 17px;
}
.size-guide__thank-you {
display: none;
color: #009900;
font-size: 14px;
font-size: 0.875rem;
letter-spacing: 1px;
line-height: 20px;
font-weight: 300;
}
.size-guide__thank-you-tick {
display: inline-block;
border: 1px solid #009900;
height: 26px;
width: 26px;
border-radius: 50%;
position: relative;
margin-right: 15px;
}
.size-guide__thank-you-tick:before {
position: absolute;
content: "";
border: 1px solid #009900;
border-bottom: none;
border-right: none;
width: 5px;
height: 10.67px;
transform: rotate(225deg);
top: 6px;
left: 9px;
}
.size-guide__accordian {
margin-top: 15px;
}
.size-guide__accordian > .size-guide__accordian-title {
display: inline-flex;
align-items: center;
font-family: Grotesk, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
text-transform: uppercase;
color: #000000;
font-weight: 600;
letter-spacing: 2.16px;
line-height: 15px;
border-bottom: 1px solid #B1B1B1;
padding-bottom: 19px;
margin-bottom: 20px;
cursor: pointer;
width: 100%;
justify-content: space-between;
}
.size-guide__accordian[open] > .size-guide__accordian-title {
border-color: black;
}
.size-guide__accordian > .size-guide__accordian-title img {
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.size-guide__accordian[open] > .size-guide__accordian-title img {
transform: rotate(45deg);
}
.size-guide__accordian > .size-guide__accordian-subtitle {
border-bottom: 1px solid black;
padding-bottom: 4px;
width: auto;
}
.size-guide__accordian-title img {
margin-left: 7px;
}
.size-guide__block-title:not(:first-child) {
margin-top: 40px;
}
.size-guide__block:last-of-type {
margin-bottom: 0;
}
.size-guide__body {
font-size: 14px;
font-size: 0.875rem;
letter-spacing: 1px;
line-height: 20px;
margin-bottom: 20px;
}
.size-guide #js-address {
display: none;
}
.size-guide .check_box {
margin-right: 0 !important;
}
.size-guide__lookup-form {
display: flex;
}
.size-guide__lookup-form-button-wrap {
padding-left: 15px;
}
.size-guide .select-wrapper select {
opacity: 1;
}
.size-guide__image img {
height: auto;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.size-guide__ring-sizer-image {
margin-top: 24px;
margin-bottom: 17px;
}
.presentation-table {
background: #fff;
border: 1px solid #EEE;
}
.presentation-table th, .presentation-table td {
padding: 15px;
border-bottom: 1px solid #EEE;
border-left: 1px solid #EEE;
font-weight: normal;
}
.presentation-table tr > th:first-of-type, .presentation-table tr > td:first-of-type {
border-left: none;
}
.presentation-table th {
display: table-cell;
}
.presentation-table thead {
background: #f1eee4;
}
.presentation-table--zebra tbody tr:nth-of-type(even) td {
background: #EEE;
}
.max-width-table-wrap {
width: 100%;
overflow: auto;
}
.locale-modal__confirm {
float: right;
}
.locale-close {
position: absolute;
background: url(https://cfs3.monicavinader.com/static/images/2020/cross.77769.svg) no-repeat center;
}
.locale-selector-small .mfp-modal__wrap {
max-width: 575px;
margin: 0 auto;
position: relative;
background: white;
}
/* TODO: Move into legacy css only */
.locale-selector-small .mfp-content {
border: none !important;
}
.detail-callout {
background: #f1eee4;
}
@media screen and (max-width: 62.4375em) {
.detail-callout .wrap, .detail-callout .skinny-banner__content, .detail-callout .hero__content, .detail-callout .carousel__header, .detail-callout .carousel--favourites .carousel__content:not(.slick-initialized), .carousel--favourites .detail-callout .carousel__content:not(.slick-initialized), .detail-callout .carousel--collection .carousel__content:not(.slick-initialized), .carousel--collection .detail-callout .carousel__content:not(.slick-initialized), .detail-callout .carousel__header ~ .carousel__footer, .detail-callout .block--product-carousel .carousel__footer, .block--product-carousel .detail-callout .carousel__footer, .detail-callout .featured-collection-callout__header {
padding: 0;
}
}
.detail-callout__column--text {
align-self: baseline;
}
.detail-callout__column--image {
position: relative;
align-self: stretch;
}
.detail-callout__content {
max-width: 342px;
padding: 50px 30px;
}
@media screen and (max-width: 62.4375em) {
.detail-callout__content {
max-width: none;
}
}
.detail-callout__content--left {
align-self: flex-end;
padding-left: 0;
}
@media screen and (max-width: 62.4375em) {
.detail-callout__content--left {
padding: 60px 33px 70px;
}
}
.detail-callout__content--right {
padding-right: 0;
}
@media screen and (max-width: 62.4375em) {
.detail-callout__content--right {
padding: 70px 33px 60px;
}
}
.detail-callout__header {
margin-bottom: 14px;
}
.detail-callout__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
}
.detail-callout__text, .detail-callout__code {
margin-bottom: 25px;
}
.detail-callout__text:last-child, .detail-callout__code:last-child {
margin-bottom: 0;
}
.detail-callout__image {
overflow: hidden;
}
.detail-callout__image:before {
float: left;
content: "";
padding-bottom: 100%;
margin-bottom: 0px;
}
.detail-callout__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
.detail-callout__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 62.4375em) {
.detail-callout__image img {
position: static;
width: 100%;
height: auto;
-o-object-fit: normal;
object-fit: normal;
}
}
.callout-quad:last-child:last-child {
margin-bottom: 50px;
}
@media screen and (max-width: 42.5em) {
.callout-quad {
margin-bottom: 30px;
overflow: hidden;
margin-right: -13px;
}
.callout-quad:last-child:last-child {
margin-bottom: 60px;
}
.callout-quad .slick-list {
margin: 0 -12px;
padding-right: 35%;
}
.callout-quad .slick-slide {
margin: 0 12px;
}
}
.callout-quad__title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 22px;
font-size: 1.375rem;
line-height: 1.5454545455;
font-weight: 300;
letter-spacing: 1.5px;
color: #000000;
margin-bottom: 24px;
}
@media screen and (max-width: 42.5em) {
.callout-quad__title {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.7222222222;
letter-spacing: 1.25px;
margin-bottom: 12px;
}
}
.callout-quad img {
width: 100%;
height: auto;
margin-bottom: 24px;
}
@media screen and (max-width: 42.5em) {
.callout-quad img {
min-width: 224px;
min-height: 224px;
}
}
.callout--quad__cta-title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.1111111111;
font-weight: 500;
text-transform: uppercase;
color: #000000;
margin-bottom: 12px;
}
@media screen and (max-width: 42.5em) {
.callout--quad__cta-title {
letter-spacing: 1.25px;
}
}
.callout--quad__cta-subtitle {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
border-bottom: 1px solid #000000;
font-weight: 600;
display: inline-block;
text-transform: uppercase;
color: #000000;
letter-spacing: 2px;
}
.instagram-image {
overflow: hidden;
background: #f1eee4;
}
.instagram-image:before {
float: left;
content: "";
padding-bottom: 100%;
margin-bottom: 0px;
}
.instagram-image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
.instagram-image img {
width: 100%;
height: auto;
}
.instagram-title {
text-align: center;
margin-bottom: 26px;
}
.instagram-container {
height: 307px;
}
/**
standard applepay button
*/
@supports (-webkit-appearance: -apple-pay-button) {
.apple-pay-button {
display: inline-block;
-webkit-appearance: -apple-pay-button;
}
.apple-pay-button-black {
-apple-pay-button-style: black;
}
.apple-pay-button-white {
-apple-pay-button-style: white;
}
.apple-pay-button-white-with-line {
-apple-pay-button-style: white-outline;
}
}
@supports not (-webkit-appearance: -apple-pay-button) {
.apple-pay-button {
display: inline-block;
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 5px;
padding: 0px;
box-sizing: border-box;
min-width: 200px;
min-height: 32px;
max-height: 64px;
}
.apple-pay-button-black {
background-image: -webkit-named-image(apple-pay-logo-white);
background-color: black;
}
.apple-pay-button-white {
background-image: -webkit-named-image(apple-pay-logo-black);
background-color: white;
}
.apple-pay-button-white-with-line {
background-image: -webkit-named-image(apple-pay-logo-black);
background-color: white;
border: 0.5px solid black;
}
}
/**
"Pay with..." applepay button
*/
@supports (-webkit-appearance: -apple-pay-button) {
.apple-pay-button-with-text {
display: inline-block;
-webkit-appearance: -apple-pay-button;
-apple-pay-button-type: buy;
}
.apple-pay-button-with-text > * {
display: none;
}
.apple-pay-button-black-with-text {
-apple-pay-button-style: black;
}
.apple-pay-button-white-with-text {
-apple-pay-button-style: white;
}
.apple-pay-button-white-with-line-with-text {
-apple-pay-button-style: white-outline;
}
}
@supports not (-webkit-appearance: -apple-pay-button) {
.apple-pay-button-with-text {
--apple-pay-scale: 1; /* (height / 32) */
display: inline-flex;
justify-content: center;
font-size: 12px;
border-radius: 5px;
padding: 0px;
box-sizing: border-box;
min-width: 200px;
min-height: 32px;
max-height: 64px;
}
.apple-pay-button-black-with-text {
background-color: black;
color: white;
}
.apple-pay-button-white-with-text {
background-color: white;
color: black;
}
.apple-pay-button-white-with-line-with-text {
background-color: white;
color: black;
border: 0.5px solid black;
}
.apple-pay-button-with-text.apple-pay-button-black-with-text > .logo {
background-image: -webkit-named-image(apple-pay-logo-white);
background-color: black;
}
.apple-pay-button-with-text.apple-pay-button-white-with-text > .logo {
background-image: -webkit-named-image(apple-pay-logo-black);
background-color: white;
}
.apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo {
background-image: -webkit-named-image(apple-pay-logo-black);
background-color: white;
}
.apple-pay-button-with-text > .text {
font-family: -apple-system;
font-size: calc(1em * var(--apple-pay-scale));
font-weight: 300;
align-self: center;
margin-right: calc(2px * var(--apple-pay-scale));
}
.apple-pay-button-with-text > .logo {
width: calc(35px * var(--scale));
height: 100%;
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: 0 50%;
margin-left: calc(2px * var(--apple-pay-scale));
border: none;
}
}
.pdp-options__group .apple-pay-button-with-text {
width: 100%;
height: 44px;
}
.pdp-options__group #js-applepay > button {
width: 100%;
padding: 0;
background: none;
}
.pdp-breadcrumb {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
padding: 40px 40px 15px 56px;
letter-spacing: 1px;
}
@media screen and (max-width: 62.4375em) {
.pdp-breadcrumb {
padding: 40px 16px 15px 16px;
}
}
@media screen and (max-width: 42.5em) {
.pdp-breadcrumb {
position: relative;
padding: 0;
}
}
.pdp-breadcrumb a {
color: #000000;
}
@media screen and (max-width: 42.5em) {
.pdp-breadcrumb a {
position: absolute;
top: 17px;
right: 48px;
left: 14px;
z-index: 1;
}
}
.pdp-breadcrumb img {
margin-right: 10px;
}
.product-page-block {
position: relative;
}
.product-page-block .product-gallery {
margin-right: 0;
background-color: white;
}
@media screen and (max-width: 42.5em) {
.product-page-block .product-gallery {
margin: 0;
}
}
.product-page-block .product-gallery .product-gallery__image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-page-block .pdp-breadcrumb {
position: absolute;
z-index: 10;
}
.product-page-block .pdp-breadcrumb a {
color: #000000;
position: unset;
top: initial;
left: initial;
}
.product-page-block .pdp-breadcrumb a img {
transition: 0.3s ease;
}
.product-page-block .pdp-breadcrumb a:hover img {
transform: translateX(-5px);
}
.product-page-block .pdp-breadcrumb--alt a {
color: #FFFFFF;
}
.product-page-block .pdp-breadcrumb--desktop {
display: block;
left: -15px;
}
@media screen and (max-width: 79.1875em) {
.product-page-block .pdp-breadcrumb--desktop {
left: -32px;
}
}
@media screen and (max-width: 62.4375em) {
.product-page-block .pdp-breadcrumb--desktop {
display: none;
}
}
.product-page-block .pdp-breadcrumb--mobile {
display: none;
}
@media screen and (max-width: 62.4375em) {
.product-page-block .pdp-breadcrumb--mobile {
display: block;
left: 6px;
}
}
@media screen and (max-width: 42.5em) {
.product-page-block .pdp-breadcrumb--mobile {
top: 13px;
left: 12px;
}
}
.product-page-block .pdp__video-wrap {
line-height: 0;
}
.product-details {
margin: 40px 60px 0;
}
.product-details--landing {
margin-top: 20px;
}
@media screen and (max-width: 75em) {
.product-details {
margin: 40px 40px 0;
}
.product-details--landing {
margin-top: 20px;
}
}
@media screen and (max-width: 42.5em) {
.product-details {
margin: 0 12px;
margin-top: 20px;
}
}
.product-details__header {
display: flex;
flex-wrap: wrap;
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 1px solid #b1b1b1;
}
@media screen and (max-width: 62.4375em) {
.product-details__header {
display: block;
padding-bottom: 28px;
margin: 31px 0 25px 0;
}
}
@media screen and (max-width: 34.375em) {
.product-details__header {
margin-top: 0;
}
}
.product-details__header .lightning-deal {
display: none;
flex-basis: 100%;
font-size: 11px;
font-size: 0.6875rem;
line-height: 1.2727272727;
margin-left: auto;
letter-spacing: 1px;
}
.product-details__header .lightning-deal.lightning-deal--is-active {
display: block;
}
.product-details--landing .product-details__header {
padding-bottom: 10px;
}
@media screen and (max-width: 42.5em) {
.product-details--landing .product-details__header {
margin-bottom: 0px;
padding-bottom: 0;
border-bottom: none;
}
}
.product-details__subheader {
width: 100%;
}
.product-details__header-top {
flex: 0 0 100%;
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}
.product-details__title {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
font-weight: 400;
flex: 0 0 100%;
margin-bottom: 8px;
letter-spacing: 1.1px;
}
@media screen and (max-width: 62.4375em) {
.product-details__title {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.4;
margin-bottom: 6px;
letter-spacing: 0.5px;
}
}
.product-details__subtitle {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.0833333333;
font-weight: 300;
flex: 0 0 100%;
margin-bottom: 10px;
letter-spacing: 0.75px;
}
@media screen and (max-width: 62.4375em) {
.product-details__subtitle {
letter-spacing: 0.8px;
}
}
.product-details__badge {
font-size: 11px;
font-size: 0.6875rem;
line-height: 1;
font-weight: 500;
margin-bottom: 12px;
display: inline-block;
padding: 8px 12px;
color: #FFFFFF;
background: #5C5C5C;
text-transform: uppercase;
letter-spacing: 2.1px;
}
.product-details__badge:last-child {
margin-bottom: 0;
}
.product-details__price-and-stock {
display: flex;
align-items: baseline;
justify-content: start;
width: 100%;
}
.product-details__price {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.25;
margin-right: 15px;
letter-spacing: 1px;
}
@media screen and (max-width: 62.4375em) {
.product-details__price {
font-size: 22px;
font-size: 1.375rem;
line-height: 1.2727272727;
margin-bottom: 10px;
letter-spacing: 0.2px;
}
}
.product-details__price--was {
color: #5C5C5C;
background-image: linear-gradient(to right, currentColor, currentColor);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 2px;
transition: background-size 0.5s ease;
}
@media screen and (max-width: 62.4375em) {
.product-details__price--was {
display: inline-block;
}
}
.product-details__price--now {
color: #970202;
margin-right: 10px;
}
.product-details__price--discount {
font-size: 0.8em;
font-weight: 700;
}
.product-details__saving {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
font-weight: 700;
letter-spacing: 0.72px;
}
.product-details__stock-container {
position: relative;
display: inline-flex;
width: 100%;
margin-bottom: 20px;
}
.product-details__stock {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 15px;
color: black;
text-align: center;
background: #f7f2ec;
display: inline-block;
padding: 9px 20px;
border-radius: 25px;
margin-left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.product-details__stock--in-stock {
color: #2A7F13;
}
.product-details__stock--in-stock:after {
content: "";
display: inline-block;
width: 11.25px;
height: 9px;
margin-left: 7px;
background-image: url("https://cfs3.monicavinader.com/static/images/2020/tick-green.2f24d.svg");
background-size: 100%;
}
.product-details__stock--selected {
color: #2A7F13;
}
.product-details__stock--in-stock:after {
content: "";
display: inline-block;
width: 11.25px;
height: 9px;
margin-left: 7px;
background-image: url("https://cfs3.monicavinader.com/static/images/2020/tick-green.2f24d.svg");
background-size: 100%;
}
.product-details__stock-container .size-selector__guide {
position: absolute;
right: 0;
align-items: center;
margin: 0;
margin-left: auto;
padding: 0;
}
@media screen and (max-width: 42.5em) {
.product-details__stock-container .size-selector__guide {
display: none;
}
}
.size-selector__guide.size-selector__guide--no-sizes {
display: none;
width: 100%;
margin-bottom: 20px;
}
@media screen and (max-width: 42.5em) {
.size-selector__guide.size-selector__guide--no-sizes {
display: inline-flex;
margin-bottom: 25px;
}
}
.size-selector__guide.size-selector__guide--no-sizes a {
margin-left: auto;
}
.product-details__stock--error {
background: #8A1B12;
color: white;
white-space: break-spaces;
}
.product-details__stock--oos {
background: #f1eee4;
color: #8A1B12;
}
.product-details__swatches {
margin-bottom: 17px;
}
.product-details__swatches > * {
margin-bottom: 17px;
}
.product-details__swatches > *:last-child {
margin-bottom: 0;
}
.colour-swatch,
.metal-swatch,
.stone-swatch {
position: relative;
width: 100%;
}
.metal-swatch:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.3;
background: linear-gradient(135deg, #fff 0, rgba(0, 0, 0, 0.25) 17%, #fff 26%, #fff 39%, rgba(0, 0, 0, 0.25) 53%, #fff 61%, rgba(0, 0, 0, 0.25) 71%, #fff 84%, #fff 93%, rgba(0, 0, 0, 0.25) 100%);
}
.metal-swatch--ss {
background: #d4d3d2;
}
.metal-swatch--gp {
background: #e4cc8c;
}
.metal-swatch--rp {
background: #efd0bb;
}
.product-details__buttons {
margin-bottom: 12px;
}
@media screen and (max-width: 62.4375em) {
.product-details__buttons {
margin-bottom: 14px;
}
}
.product-details__buttons > * {
margin-bottom: 10px;
}
.product-details__buttons > *:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 42.5em) {
.product-details__buttons--hidden-atb .product-details__add-to-basket-container {
display: none !important;
}
}
.product-details__help {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.4166666667;
margin-bottom: 34px;
min-height: 26px;
letter-spacing: 0.7px;
}
.product-details__help:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 34.375em) {
.product-details__help {
margin-bottom: 25px;
}
.product-details__help:last-child {
margin-bottom: 0;
}
}
.product-details__help > * {
margin-bottom: 13px;
}
.product-details__help > *:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 34.375em) {
.product-details__help > * {
margin-bottom: 19px;
}
.product-details__help > *:last-child {
margin-bottom: 0;
}
}
.product-details__help a {
font-weight: 700;
color: inherit;
text-decoration: none;
}
.product-details__delivery-message {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.6666666667;
letter-spacing: 1.5px;
text-align: center;
}
.product-details__delivery-message strong {
font-weight: 400;
color: #2A7F13;
}
.product-details__delivery-message--expired {
display: none;
}
.product-details__info {
margin-bottom: 33px;
}
.product-details__info:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 34.375em) {
.product-details__info {
margin-bottom: 40px;
}
.product-details__info:last-child {
margin-bottom: 0;
}
}
.product-details__benefits {
margin-bottom: 25px;
}
.product-details__benefits:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.product-details__benefits {
margin-bottom: 27px;
}
.product-details__benefits:last-child {
margin-bottom: 0;
}
}
.product-details__stylist {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.0833333333;
margin-bottom: 24px;
letter-spacing: 0.7px;
}
.product-details__stylist:last-child {
margin-bottom: 0;
}
.product-details__stylist > * {
margin-bottom: 13px;
}
.product-details__stylist > *:last-child {
margin-bottom: 0;
}
.product-details__stylist a {
font-weight: 700;
color: inherit;
text-decoration: none;
}
.product-details__sticky-content {
position: sticky;
top: 77px;
}
.product-details__add-to-basket {
width: 100%;
}
.product-details__add-to-basket .add-to-basket__spinner {
display: none;
}
.product-details__add-to-basket .add-to-basket__spinner img {
filter: invert(1);
animation: spinner-rotation 1s infinite linear;
}
.product-details__marks {
display: flex;
}
#pl-passport-iframe-v1 {
border-left: 1px solid #dfdfdf !important;
background-color: #FFFFFF !important;
}
#pl-passport-widget-trigger-v1 {
width: 50px;
height: 50px;
z-index: 1000;
}
#pl-passport-widget-trigger-v1-container {
max-width: 50px !important;
max-height: 50px !important;
padding: 0 !important;
border: none !important;
}
#pl-passport-widget-trigger-v1-container img {
max-width: 50px;
max-height: 50px;
}
.topl-traceability-mark {
position: relative;
top: -4px;
width: 60px;
height: 60px;
background-image: url("https://cfs3.monicavinader.com/static/images/2020/TraceMe_Final.377aa.svg");
cursor: pointer;
margin-right: 10px;
}
@keyframes spinner-rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.product-details__crosssell {
margin-bottom: 20px;
}
@media screen and (max-width: 62.4375em) {
.product-details__crosssell {
margin-bottom: 15px;
}
}
.product-details__crosssell-details {
display: flex;
align-items: baseline;
margin-bottom: 17px;
margin-top: -4px;
}
@media screen and (max-width: 42.5em) {
.product-details__crosssell-details {
margin-top: 0;
}
}
@media screen and (max-width: 34.375em) {
.product-details__crosssell-details {
flex-wrap: wrap;
margin-bottom: 0;
}
}
.product-details__crosssell-selection {
line-height: 20px;
margin-left: auto;
}
@media screen and (max-width: 62.4375em) {
.product-details__crosssell-selection {
margin-right: 0;
}
}
@media screen and (max-width: 34.375em) {
.product-details__crosssell-selection {
margin-left: 0;
}
}
@media screen and (max-width: 34.375em) {
.product-details__crosssell-title {
flex-basis: 100%;
}
}
.product-details__crosssell-price {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2857142857;
letter-spacing: 1px;
text-align: right;
font-weight: 600;
margin-left: 5px;
}
.product-details__crosssell-price--sale {
display: inline-flex;
}
.product-details__crosssell-price--sale .product-details__crosssell-price--was {
color: #5C5C5C;
background-image: linear-gradient(to right, currentColor, currentColor);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 2px;
transition: background-size 0.5s ease;
margin-right: 8px;
}
@media screen and (max-width: 62.4375em) {
.product-details__crosssell-price--sale .product-details__crosssell-price--was {
display: inline-block;
}
}
.product-details__crosssell-price--sale .product-details__crosssell-price--now {
color: #970202;
margin-right: 10px;
text-wrap: nowrap;
}
@media screen and (max-width: 62.4375em) {
.product-details__crosssell-price--sale .product-details__crosssell-price--now {
display: inline-block;
}
}
.product-details__crosssell-options {
display: flex;
overflow-x: scroll;
transition: -webkit-mask-image 0.25s;
transition: mask-image 0.25s;
transition: mask-image 0.25s, -webkit-mask-image 0.25s;
scroll-snap-type: x proximity;
height: 95px;
scrollbar-width: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-mask-image: linear-gradient(to right, black calc(100% - 95px), transparent 100%);
mask-image: linear-gradient(to right, black calc(100% - 95px), transparent 100%);
}
.product-details__crosssell-grabbing * {
cursor: grabbing !important;
}
.product-details__crosssell-option__title,
.product-details__crosssell-option__no-selection {
border: 0;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
display: none !important;
}
.product-details__crosssell-options::-webkit-scrollbar {
display: none;
}
.product-details__crosssell-option {
display: inline-flex;
position: relative;
height: 95px;
width: 95px;
flex-shrink: 0;
margin-right: 10px;
cursor: pointer;
scroll-snap-align: start;
}
.product-details__crosssell-option:last-child {
margin-right: 0;
}
.product-details__crosssell-option input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: absolute;
top: 10px;
left: 10px;
border-radius: 50%;
width: 22px;
height: 22px;
background-color: white;
background-repeat: no-repeat;
border: 1px solid #DDDDDD;
transition: border 0.2s ease-in;
}
.product-details__crosssell-option:hover input[type=radio],
.product-details__crosssell-option input[type=radio]:checked {
border-color: black;
}
.product-details__crosssell-option input[type=radio]:checked {
background-image: url("https://cfs3.monicavinader.com/static/images/2020/tick.74cd1.svg");
background-size: 10px;
background-position: center;
}
.product-details__crosssell-option img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
/* Overrides for quick add */
.product-details--quick-add {
margin: 20px 30px 0;
}
@media screen and (max-width: 34.375em) {
.product-details--quick-add {
margin: 20px 15px 0;
}
}
.product-details--quick-add .product-details__image {
width: 90px;
margin-right: 20px;
}
.product-details--quick-add .product-details__image img {
width: 100%;
height: auto;
}
.product-details--quick-add .product-details__swatches {
margin-bottom: 20px;
}
.product-details--quick-add .product-details__subheader {
flex: 1 1 0;
}
.product-details--quick-add .product-details__title {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5555555556;
font-family: Grotesk, Helvetica, sans-serif;
}
.product-details--quick-add .product-details__header {
display: flex;
margin: 0 0 20px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid #EEE;
}
.product-details--quick-add .size-selector__guide {
width: auto;
text-align: right;
top: 6px;
right: 0;
margin-top: 5px;
}
@media screen and (min-width: 88.75em) {
.product-details--quick-add .size-selector {
position: relative;
}
.product-details--quick-add .size-selector__content {
width: 100%;
}
}
.product-details--quick-add .size-selector__options--quick-add {
justify-content: initial;
}
.product-details--quick-add .product-sticky-add__size-button {
font-weight: 700;
color: #000;
}
.product-details__add-to-basket-container.wishlist-enabled {
width: 100%;
display: inline-flex;
justify-content: space-evenly;
}
.product-details__add-to-basket-container.wishlist-enabled .product-details__add-to-basket {
width: calc(100% - 44px);
}
.product-details__add-to-basket-container.wishlist-enabled .product-details__add-to-wishlist.button--disabled {
pointer-events: all;
}
.add-to-wishlist__button {
position: relative;
width: 44px;
margin-left: 1px;
}
.add-to-wishlist__icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 0;
}
.add-to-wishlist__icon img {
margin: 0;
width: 18px;
height: 16px;
}
.add-to-wishlist__icon--adding img {
animation: add-to-wishlist__icon--shrink 0.25s forwards ease-out;
}
.add-to-wishlist__icon--added img {
animation: add-to-wishlist__icon--grow 0.25s ease-in-out;
animation-fill-mode: both, fowards, backwards;
}
.add-to-wishlist__button.button:hover img {
transform: initial;
}
.product-details--wishlist-edit.product-details--quick-add .product-details__title {
margin-top: 7px;
line-height: 22px;
}
.product-details--wishlist-edit.product-details--quick-add:not(.giftset-product-details--wishlist-edit) .product-details__image:not(.product-details__image--mobile) {
display: none;
}
@media screen and (max-width: 62.4375em) {
.product-details--wishlist-edit.product-details--quick-add .swatch-group-options {
margin-left: 0;
margin-right: auto;
}
}
.product-details--wishlist-edit .product-details__header {
display: flex;
}
@keyframes add-to-wishlist__icon--shrink {
from {
transform: scale(1);
}
to {
transform: scale(0.66);
}
}
@keyframes add-to-wishlist__icon--grow {
from {
transform: scale(1);
}
50% {
transform: scale(1.33);
}
to {
transform: scale(1);
}
}
.product-details__gift-packaging-signpost {
display: flex;
align-items: center;
gap: 15px;
width: 100%;
padding: 15px;
margin-bottom: 10px;
border-radius: 3px;
overflow: hidden;
background: #f9f6f2;
}
.product-details__gift-packaging-signpost .product-details__gift-packaging-signpost-image {
width: 80px;
height: 64px;
}
.product-details__gift-packaging-signpost .product-details__gift-packaging-signpost-image img {
height: 64px;
width: auto;
}
.product-details__gift-packaging-signpost .product-details__gift-packaging-signpost-content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
min-height: 64px;
width: 100%;
gap: 6px;
}
.product-details__gift-packaging-signpost .product-details__gift-packaging-signpost-title {
font-family: Grotesk, Helvetica, sans-serif;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4285714286;
font-weight: 600;
letter-spacing: 0.5px;
color: #000000;
}
.product-details__gift-packaging-signpost .product-details__gift-packaging-signpost-text {
font-family: Grotesk, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
font-weight: 400;
letter-spacing: 0.5px;
color: #000000;
}
.product-details__retail-experience {
display: flex;
width: 100%;
border-radius: 3px;
overflow: hidden;
}
.product-details__retail-experience .product-details__retail-experience-image {
width: 80px;
height: 80px;
}
.product-details__retail-experience .product-details__retail-experience-image img {
height: 100%;
width: auto;
}
.product-details__retail-experience .product-details__retail-experience-content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
background: #f1eee4;
min-height: 80px;
max-height: 80px;
width: 100%;
padding: 20px;
}
.product-details__retail-experience .product-details__retail-experience-title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 20px;
font-size: 1.25rem;
line-height: 1;
letter-spacing: 0;
color: #000000;
margin-bottom: 8px;
}
.product-details__retail-experience .product-details__retail-experience-cta {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
font-weight: 600;
text-decoration: underline;
color: #000000;
}
.product-details__upgrade-block {
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
background: #f1eee4;
padding: 15px 0px 15px 15px;
margin: 15px 0;
border-radius: 3px;
container-type: inline-size;
}
.product-details__upgrade-block .upgrade__placeholder {
width: 100%;
min-height: 272px;
}
.product-details__upgrade-block .flash-badge, .product-details__upgrade-block .product-preview__engravable {
display: none !important;
}
.product-details__upgrade-block .product-details__upgrade-block-header-wrap {
display: flex;
justify-content: space-between;
}
.product-details__upgrade-block .product-details__upgrade-block-header {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 22px;
font-size: 1.375rem;
line-height: 0.9090909091;
letter-spacing: 0;
color: #000000;
margin: 6px 0 15px 0;
width: 1px;
flex-grow: 1;
}
.product-details__upgrade-block .carousel__nav {
float: right;
margin: 3px 15px 0 0;
}
.product-details__upgrade-block .carousel__nav .slick-arrow {
height: auto;
}
@media screen and (max-width: 68.5em) {
.product-details__upgrade-block .carousel__nav .slick-arrow {
width: 32px;
}
}
@container (width > 480px) {
.product-details__upgrade-block:not(.js-br-upgrade-block) .carousel__nav {
display: none;
}
}
.product-details__upgrade-block .product-details__upgrade-block-carousel-outer {
overflow: hidden;
clear: both;
margin-left: -15px;
}
.product-details__upgrade-block .product-details__upgrade-block-carousel-wrap {
width: 480px;
overflow: hidden;
}
.product-details__upgrade-block .product-details__upgrade-block-carousel-wrap--fit {
width: 100%;
}
.product-details__upgrade-block .product-details__upgrade-block-cards {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.product-details__upgrade-block .product-details__upgrade-block-empty-card {
width: 155px;
min-width: 155px;
height: 100%;
}
.product-details__upgrade-block .product-preview {
padding-left: 15px;
}
.product-details--landing .swatch-group__title, .product-details--landing .size-selector__title {
min-width: 40px;
}
.product-details--landing .pdp-options__group, .product-details--landing .product-details__buttons {
margin: 0;
}
.product-details--landing .product-details__add-to-basket-container {
display: flex;
gap: 10px;
}
.product-details--landing .product-details__add-to-basket-container > * {
flex: 1 1 50%;
}
.product-details--landing .product-details__add-to-basket-container > * span {
padding-inline: 0px;
margin-inline: auto;
}
.product-details--landing .product-details__add-to-basket-container > * img {
margin-left: 10px;
margin-right: 0px;
}
.product-details--landing .product-details__add-to-basket-container > *:hover img, .product-details--landing .product-details__add-to-basket-container > *:focus img {
transform: translateX(15px);
}
@media screen and (max-width: 42.5em) {
.product-details--landing .product-details__subtitle {
display: none;
}
.product-details--landing .size-selector, .product-details--landing .product-details__stock-container {
display: none;
}
.product-details--landing .product-details__marks {
display: none;
}
.product-details--landing .product-details__swatches {
margin-bottom: 12px;
}
.product-details--landing .product-details__buttons .button:hover img, .product-details--landing .product-details__buttons .button:focus img {
transform: translateX(25px);
}
.product-details--landing .swatch-group__title {
display: none;
}
.product-details--landing .swatch-group__options {
margin-right: 0;
margin-top: 2px;
min-width: 48px;
}
.product-details--landing .swatch-group__options .swatch__display {
width: 20px;
height: 20px;
box-shadow: none;
}
.product-details--landing .swatch-group__options .swatch__display > div {
border-width: 2px;
}
.product-details--landing .swatch-group__selection {
margin-left: 4px;
}
}
@media screen and (max-width: 34.375em) {
.product-details--landing .product-details__buttons .button:hover img, .product-details--landing .product-details__buttons .button:focus img {
transform: translateX(10px);
}
}
.product-details__upsell-block {
font-family: Grotesk, Helvetica, sans-serif;
width: 100%;
background: #f1eee4;
padding: 15px;
margin: 15px 0;
border-radius: 3px;
height: -moz-fit-content;
height: fit-content;
}
.product-details__upsell-block .product-details__upsell-block-content {
display: flex;
}
.product-details__upsell-block img {
width: 80px;
height: auto;
max-height: 87px;
}
.product-details__upsell-block .product-details__upsell-block-details-container {
container-name: upsell-details;
width: 100%;
}
.product-details__upsell-block .product-details__upsell-block-details {
margin-left: 15px;
height: -moz-fit-content;
height: fit-content;
min-height: 87px;
display: flex;
flex-direction: column;
justify-content: center;
}
@container upsell-details (height > 87px) {
.product-details__upsell-block .product-details__upsell-block-details {
justify-content: flex-start;
}
}
.product-details__upsell-block .product-details__upsell-block-saving {
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 7px;
}
.product-details__upsell-block .product-details__upsell-block-title {
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 142.857% */
letter-spacing: 0.5px;
margin-bottom: 7px;
}
.product-details__upsell-block .product-details__upsell-block-footer {
display: flex;
justify-content: space-between;
}
.product-details__upsell-block .product-details__upsell-block-price {
color: #970202;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.5px;
}
.product-details__upsell-block .product-details__upsell-block-price span {
color: #000000;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.5px;
text-decoration: line-through;
}
.product-details__upsell-block .product-details__upsell-block-atb {
text-align: right;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 17px; /* 141.667% */
letter-spacing: 0.5px;
text-decoration-line: underline;
}
.product-details__stock-check {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.product-details__stock-check img {
margin-right: 6px;
}
.product-details__stock-check p {
font-weight: 400;
color: #000000;
font-size: 12px;
letter-spacing: 0.5px;
}
.product-details__stock-check a {
text-decoration: underline;
font-weight: 600;
color: #000000;
cursor: pointer;
}
.product-details--stock-check .product-details__header {
margin-bottom: 17px;
}
.stock-check__rollout--notice {
border-bottom: 1px solid #EEE;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.6666666667;
padding-bottom: 17px;
margin-bottom: 19px;
letter-spacing: 0.5px;
}
#stock-check__rollout {
max-width: 505px;
}
#stock-check__rollout .popup__back {
font-size: 12px;
line-height: normal;
color: #000000;
font-family: Grotesk, Helvetica, sans-serif !important;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
position: absolute;
top: 24px;
left: 30px;
opacity: 1;
width: -moz-fit-content;
width: fit-content;
height: auto;
padding: 0;
cursor: pointer;
}
@media screen and (max-width: 34.375em) {
#stock-check__rollout .popup__back {
top: 22px;
left: 15px;
}
}
.stock-check__rollout--search,
.stock-check__rollout--detail,
.stock-check__rollout--results {
font-family: Grotesk, Helvetica, sans-serif !important;
}
.stock-check__rollout--search h3,
.stock-check__rollout--detail h3,
.stock-check__rollout--results h3 {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
line-height: 24px;
margin-bottom: 10px;
}
.stock-check__rollout--search .product-details__stock,
.stock-check__rollout--detail .product-details__stock,
.stock-check__rollout--results .product-details__stock {
margin: 0;
transform: none;
line-height: normal;
}
.stock-check__rollout--results p.stock-check__no-results {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4285714286;
text-align: left;
margin-inline: auto;
margin-top: 15px;
letter-spacing: 0.5px;
color: #000000;
}
.stock-check__rollout--search p {
margin-bottom: 17px;
letter-spacing: 0.5px;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
}
.stock-check__rollout--search input {
height: 50px;
}
.stock-check__rollout--search .field__icon {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
background: none;
}
.stock-check__store-detail {
display: flex;
justify-content: space-between;
align-items: stretch;
border-bottom: 1px solid #EEE;
padding: 19px 0 15px;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.6666666667;
letter-spacing: 0.5px;
font-weight: 400;
}
.stock-check__store-detail:first-of-type {
padding-top: 15px;
}
.stock-check__store-detail > div {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.stock-check__store-detail .stock-check__store-detail--left {
text-align: left;
gap: 2px;
}
.stock-check__store-detail .stock-check__store-detail--left h4 {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4285714286;
letter-spacing: 1px;
}
.stock-check__store-detail .stock-check__store-detail--left a {
text-decoration: underline;
color: #000000;
line-height: normal;
cursor: pointer;
font-weight: 600;
letter-spacing: 0.5px;
}
.stock-check__store-detail .stock-check__store-detail--right {
text-align: right;
}
.stock-check__store-detail .stock-check__store-detail--right p:not(.product-details__stock) {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4285714286;
font-weight: 600;
}
.stock-check__rollout--detail ul {
display: flex;
flex-direction: column;
gap: 10px;
}
.stock-check__rollout--detail li {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.6666666667;
color: #000000;
font-weight: 400;
letter-spacing: 0.5px;
}
.stock-check__rollout--detail li.stock-check__detail--address {
display: flex;
justify-content: space-between;
}
.stock-check__rollout--detail li.stock-check__detail--address a {
text-decoration: underline;
font-weight: 600;
white-space: nowrap;
margin-left: 4px;
}
.stock-check__rollout--detail li span {
display: flex;
justify-content: flex-start;
gap: 10px;
}
.stock-check__detail--header {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 0;
}
.stock-check__rollout--detail .stock-check__detail--header {
padding-bottom: 19px;
}
.stock-check__rollout--search .stock-check__detail--header {
padding-bottom: 10px;
}
.stock-check__detail--header h3 {
margin: 0;
}
.stock-check__detail--info a {
text-decoration: underline;
color: #000000;
}
.stock-check__detail--map {
aspect-ratio: 2/1;
width: 100%;
margin-bottom: 19px;
}
.stock-check__detail--map .stock-check__detail--map-container,
.stock-check__detail--map #map {
height: 100%;
}
.product-info-list__item {
font-size: 12px;
font-weight: 500;
letter-spacing: 1.5px;
line-height: 15px;
font-family: Grotesk, Helvetica, sans-serif;
text-transform: uppercase;
color: #000000;
}
.product-info-list__item a {
display: flex;
padding: 17px 0;
color: #000000;
border-bottom: 1px solid #DDD;
transition: box-shadow 0.2s ease-in, border 0.2s ease-in;
}
.product-info-list__item a:hover, .product-info-list__item a:focus {
border-bottom: 1px solid #000000;
}
.product-info-list__item span {
flex: 1 1 auto;
}
.product-info-list__item img {
flex: 0 0 auto;
}
.product-page-block {
margin-bottom: 120px;
}
.product-page-block--landing {
margin-bottom: 40px;
}
.product-page-block--landing > div:not(.product-details__sticky-content) {
position: relative;
}
.product-page-block--landing .pdp-breadcrumb {
padding-top: 20px;
}
@media screen and (max-width: 62.4375em) {
.product-page-block {
margin-bottom: 70px;
overflow: hidden;
}
.product-page-block--landing {
margin-bottom: 30px;
}
}
.product-page-block .pswp__img {
-o-object-fit: cover;
object-fit: cover;
}
.product-gallery {
margin: 0 40px;
justify-content: left;
margin-left: 0;
}
@media screen and (max-width: 42.5em) {
.product-gallery {
margin: 0;
}
}
@media screen and (max-width: 62.4375em) {
.product-gallery > figure {
display: none;
}
.product-gallery > figure:first-of-type {
display: block;
}
}
.product-gallery .slick-dots {
flex-direction: row;
}
.product-gallery__image {
padding: 0;
margin: 0;
position: relative;
}
.product-gallery__image:nth-of-type(2) {
order: -1;
}
@media screen and (max-width: 62.4375em) {
.product-gallery__image:nth-of-type(2) {
order: unset;
}
}
.product-gallery__image p:nth-of-type(1) {
overflow: hidden;
position: relative;
display: block;
cursor: pointer;
}
.product-gallery__image p:nth-of-type(1):before {
float: left;
content: "";
padding-bottom: 108.8992974239%;
margin-bottom: 0px;
}
.product-gallery__image p:nth-of-type(1):after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 62.4375em) {
.product-gallery__image p:nth-of-type(1) {
overflow: hidden;
}
.product-gallery__image p:nth-of-type(1):before {
float: left;
content: "";
padding-bottom: 100%;
margin-bottom: 0px;
}
.product-gallery__image p:nth-of-type(1):after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
}
.product-gallery__image p:nth-of-type(1) img {
width: 100%;
height: auto;
}
.product-gallery__image p:nth-of-type(1) a.product-gallery__cta {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.0833333333;
font-family: Grotesk, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
letter-spacing: 1.5px;
display: flex;
align-items: center;
position: absolute;
bottom: 0;
color: inherit;
text-decoration: none;
text-transform: uppercase;
pointer-events: all;
margin: 17px;
transition: 0.3s ease;
background: transparent;
}
.product-gallery__image p:nth-of-type(1) a.product-gallery__cta:hover {
color: #b1b1b1;
}
.product-gallery__image p:nth-of-type(1) a.product-gallery__cta > svg * {
fill: currentcolor;
}
.product-gallery__image p:nth-of-type(1) a.product-gallery__cta:after {
content: "";
position: absolute;
right: 0;
bottom: -5px;
left: 0;
height: 2px;
background: currentColor;
}
.product-gallery__image p:nth-of-type(1) a.product-gallery__cta svg {
width: 9px;
height: 7px;
margin-left: 5px;
}
@media screen and (max-width: 62.4375em) {
.product-gallery__image p:nth-of-type(1) a.product-gallery__cta {
right: 0;
}
}
.product-gallery__image .js-video-thumbnail > img {
width: 100%;
}
.product-gallery__image--overlay a:nth-of-type(1) {
background: #e8e7e4;
}
.product-gallery__image--overlay a:nth-of-type(1) img {
mix-blend-mode: multiply;
max-width: 100%;
height: auto;
}
.product-gallery__image--grey-blend p:nth-of-type(1) {
background: #e8e7e4;
}
.product-gallery__image--grey-blend p:nth-of-type(1) img {
mix-blend-mode: multiply;
max-width: 100%;
height: auto;
}
.product-gallery__image--full {
width: 100%;
}
.product-gallery__zoom {
width: 23px;
height: 25px;
position: absolute;
top: 10px;
right: 12px;
background: transparent;
}
.product-gallery__zoom img {
width: 100%;
height: auto;
}
.product-mobile-zoom {
background: #fff;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
overflow: auto;
z-index: 100000;
display: none;
}
.product-mobile-zoom__image {
background-image: none;
background-size: cover;
position: absolute;
background-color: #fff;
overflow: visible;
width: 1000px;
height: 1000px;
}
.product-mobile-zoom__close {
position: fixed;
width: 100%;
bottom: 50px;
left: calc((100% - 40px) / 2);
}
.product-mobile-zoom__close-button {
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50% 50%;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.product-mobile-zoom__close-button img {
width: 20px;
height: 20px;
}
.carousel--pdp-landing {
position: relative;
margin-bottom: 0px;
}
.carousel--pdp-landing .carousel__arrows {
position: absolute;
top: 0rem;
right: 1.25rem;
z-index: 1;
}
.product-gallery--landing {
position: relative;
height: 26.66666vw;
}
.product-gallery--landing .product-gallery__slider-wrapper {
position: absolute;
width: 80vw;
min-height: 100%;
right: 0;
max-height: 26.66666vw;
}
.product-gallery--landing .product-gallery__image {
max-height: 26.66666vw;
}
.product-gallery--landing.hide-desktop {
display: none;
}
@media screen and (max-width: 87.5em) {
.product-gallery--landing {
height: 25vw;
}
.product-gallery--landing .product-gallery__slider-wrapper {
width: 50vw;
max-height: 25vw;
position: unset;
min-height: unset;
}
.product-gallery--landing .product-gallery__image {
height: 25vw;
max-height: 25vw;
}
}
@media screen and (max-width: 62.4375em) {
.product-gallery--landing {
height: 50vw;
position: static;
}
.product-gallery--landing.hide-desktop {
display: block;
}
.product-gallery--landing .carousel__content {
display: block;
margin-bottom: 0;
}
.product-gallery--landing .product-gallery__slider-wrapper {
width: 50vw;
max-height: 50vw;
position: unset;
min-height: unset;
}
.product-gallery--landing .carousel__dots {
position: absolute;
bottom: 0;
left: 0;
}
.product-gallery--landing .product-gallery__image {
height: 50vw;
max-height: 50vw;
}
}
@media screen and (max-width: 42.5em) {
.product-gallery--landing .product-gallery__slider-wrapper {
width: 100vw;
}
}
.product-gallery__thumbnails {
display: none;
overflow-x: scroll;
padding: 12px 7px 0px;
-ms-overflow-style: none;
scrollbar-width: none;
}
.product-gallery__thumbnails::-webkit-scrollbar {
display: none;
}
@media screen and (max-width: 42.5em) {
.product-gallery__thumbnails {
display: block;
}
}
.product-gallery__thumbnails-inner {
min-width: calc(var(--pdp-thumbnail-count) * 70px);
touch-action: auto !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
user-select: none !important;
}
.product-gallery__thumbnails-inner .slick-track {
transform: translate3d(0, 0, 0) !important;
}
.product-gallery__thumbnail, .product-gallery__thumbnail--video, .product-gallery__thumbnail--image {
display: inline-block;
width: 60px !important;
height: 65px !important;
margin: 0 5px;
position: relative;
}
.product-gallery__thumbnail picture, .product-gallery__thumbnail--video picture, .product-gallery__thumbnail--image picture, .product-gallery__thumbnail img:not(.product-gallery__thumbnail--video-icon), .product-gallery__thumbnail--video img:not(.product-gallery__thumbnail--video-icon), .product-gallery__thumbnail--image img:not(.product-gallery__thumbnail--video-icon) {
width: 60px;
height: 65px;
-o-object-fit: cover;
object-fit: cover;
}
.product-gallery__thumbnail img, .product-gallery__thumbnail--video img, .product-gallery__thumbnail--image img {
pointer-events: none;
}
.product-gallery__thumbnail::after, .product-gallery__thumbnail--video::after, .product-gallery__thumbnail--image::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: #000;
opacity: 0;
transition: opacity 0.2s;
}
.product-gallery__thumbnail.slick-current::after, .slick-current.product-gallery__thumbnail--video::after, .slick-current.product-gallery__thumbnail--image::after {
opacity: 1;
}
.product-gallery__thumbnail--video-icon {
position: absolute;
bottom: 5px;
right: 5px;
}
.cloudflare-stream-video {
height: 100%;
aspect-ratio: 680/741;
}
.size-selector {
margin-bottom: 12px;
display: flex;
align-items: flex-start;
}
.size-selector:last-child {
margin-bottom: 0;
}
.size-selector.size-selector__alphabet {
flex-wrap: nowrap;
align-items: flex-start;
}
.size-selector.size-selector__alphabet .options-wrap {
display: flex;
flex-wrap: wrap;
margin-top: -5px;
margin-left: -4px;
}
@media screen and (max-width: 42.5em) {
.size-selector.size-selector__alphabet .options-wrap {
margin-left: 5px;
}
}
@media screen and (max-width: 62.4375em) {
.size-selector {
margin-bottom: 25px;
}
.size-selector:last-child {
margin-bottom: 0;
}
}
.size-selector__title {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
font-weight: 700;
margin-top: 6px;
margin-right: 15px;
letter-spacing: 0.5px;
min-width: 50px;
}
@media screen and (max-width: 34.375em) {
.size-selector__title {
margin-right: 5px;
min-width: 50px;
}
}
.size-selector__content {
flex: 1 1 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: -5px;
}
.size-selector__content > * {
margin: 5px;
}
.size-selector__options {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: 0;
}
@media screen and (max-width: 62.4375em) {
.size-selector__options {
margin-left: 3px;
margin-right: 0;
}
}
.size-selector__item {
padding-top: 9px;
box-sizing: border-box;
height: 38px;
width: 38px;
border: 1px solid #DDDDDD;
border-radius: 25px;
background-color: #FFFFFF;
font-size: 14px;
font-weight: 400;
letter-spacing: 1.08px;
line-height: 18px;
text-align: center;
color: inherit;
text-decoration: none;
margin-right: 7px;
margin-bottom: 8px;
transition: box-shadow 0.2s ease-in, border 0.2s ease-in;
}
.size-selector__item:first-child {
margin-left: 0;
}
.size-selector__item:last-child {
margin-right: 0;
}
.size-selector__item.size-selector__item--pill {
width: unset;
padding: 9px 20px;
font-size: 12px;
letter-spacing: 0.5px;
white-space: nowrap;
}
@media screen and (max-width: 42.5em) {
.size-selector__item.size-selector__item--pill {
padding: 9px 15px;
}
}
.size-selector__item:hover,
.size-selector__item--selected {
display: inline-block;
border: 1px solid black;
}
.size-selector__item--selected {
font-weight: 700;
box-shadow: 0px 0px 0px 1px black;
}
.size-selector__error {
display: none;
}
.size-selector__error--active {
display: block;
flex-basis: 100%;
}
.size-selector__guide {
letter-spacing: 1px;
color: #000000;
margin-top: 7px;
margin-left: auto;
padding: 0;
text-decoration: underline;
display: inline-flex;
white-space: nowrap;
}
.size-selector__guide a {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 15px;
text-align: right;
color: #000000;
margin-left: 0;
text-decoration: none;
}
.size-selector__guide.size-selector__guide--mobile {
display: none;
text-align: center;
margin-top: -17px;
margin-bottom: 14px;
}
@media screen and (max-width: 62.4375em) {
.product-details--quick-add .size-selector__guide.size-selector__guide--mobile {
display: block;
}
}
@media screen and (max-width: 62.4375em) {
.product-details--quick-add .size-selector__guide:not(.size-selector__guide--mobile) {
display: none;
}
}
.product-details--quick-add .product-details__swatches + .size-selector {
margin-top: -3px;
}
.size-selector__rollout-select {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
font-weight: 600;
letter-spacing: 0.5px;
border-radius: 5px;
padding: 18px 20px;
border: 1px solid #d7d8db;
background: white;
width: 100%;
text-align: left;
display: inline-flex;
color: #000000;
transition: border 0.2s ease-in;
}
.size-selector__rollout-select:hover, .size-selector__rollout-select:focus {
border: 1px solid #000000;
}
.size-selector__rollout-select-arrow {
width: 19px;
margin-left: auto;
transition: transform 0.3s ease-in-out;
}
.size-selector__rollout-select:hover .size-selector__rollout-select-arrow {
transform: translateX(12px);
}
.size-selector-rollout__options {
padding: 30px;
display: flex;
flex-direction: column;
row-gap: 10px;
}
@media screen and (max-width: 42.5em) {
.size-selector-rollout__options {
padding: 15px;
}
}
.size-selector-rollout__item {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.25;
font-weight: 500;
letter-spacing: 0;
padding: 9px 11px 10px 21px;
border-radius: 30px;
border: 1px solid #d7d8db;
display: inline-flex;
width: 100%;
align-items: center;
transition: box-shadow 0.2s ease-in, border 0.2s ease-in;
color: #000000;
}
.size-selector-rollout__item:hover,
.size-selector-rollout__item--selected {
border-color: black;
}
.size-selector-rollout__item--selected {
border-width: 2px;
}
@media screen and (max-width: 42.5em) {
.size-selector-rollout__item--selected {
border-width: 1px;
}
}
.size-selector-rollout__stock-message {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
font-weight: 600;
letter-spacing: 0.5px;
text-align: right;
align-self: center;
margin-left: auto;
border-radius: 18px;
background-color: #F7F2EC;
color: #2A7F13;
padding: 9px 19px 8px 18px;
}
.size-selector--disabled {
cursor: default;
pointer-events: none;
}
.product-sticky-add__container {
display: none;
position: fixed;
bottom: 0;
right: 0;
left: 0;
padding: 15px 40px;
background-color: white;
z-index: 1000;
transition: opacity 0.2s ease-in;
display: flex;
opacity: 0;
pointer-events: none;
}
@media screen and (max-width: 1100px) {
.product-sticky-add__container {
display: block;
background-color: #F7F2EC;
padding: 5px 13px max(env(safe-area-inset-bottom, 0px), 13px) 13px;
}
}
.product-sticky-add__container.product-sticky-add__container--active {
pointer-events: initial;
opacity: 1;
}
.product-sticky-add__details-container {
width: 100%;
display: flex;
flex-direction: row;
overflow: hidden;
}
@media screen and (max-width: 1100px) {
.product-sticky-add__details-container {
display: none;
}
}
.product-sticky-add__piece-count {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
}
.product-details__swatches--sticky-add {
padding-left: 15px;
}
.product-details__swatches--sticky-add,
.product-sticky-add__piece-count,
.product-sticky-add__engraving {
display: flex;
margin-left: auto;
margin-bottom: 0;
align-items: center;
}
.product-sticky-add__engraving {
margin-right: 13px;
display: flex;
}
@media screen and (max-width: 1100px) {
.product-sticky-add__engraving {
display: none;
}
}
.product-details__swatches--sticky-add .swatch-group {
margin-bottom: 0;
align-items: center;
}
.product-details__swatches--sticky-add .swatch-group__options {
margin: 0;
min-width: unset;
flex-wrap: nowrap;
}
.product-details__swatches--sticky-add .swatch-group__title {
margin-top: 0;
margin-right: 0;
}
.product-details__swatches--sticky-add .swatch-group:after,
.product-sticky-add__piece-count:after {
content: "";
width: 1px;
height: 50px;
background-color: #DDDDDD;
margin: 0 25px;
}
.product-sticky-add__title {
white-space: nowrap;
flex-shrink: 1;
max-width: calc(33vw - 40px);
overflow: hidden;
position: relative;
}
.product-sticky-add__title--fade:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to left, white 0, transparent 117px);
}
.product-sticky-add__title h1 {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.4;
font-weight: 500;
letter-spacing: 0.5px;
margin-bottom: 5px;
}
.product-sticky-add__subtitle {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
line-height: 15px;
letter-spacing: 0.5px;
}
.product-sticky-add__price-container {
display: flex;
flex-wrap: nowrap;
}
@media screen and (max-width: 1100px) {
.product-sticky-add__price-container {
margin-top: 8px;
justify-content: center;
}
}
.product-sticky-add__size-container {
display: none;
}
.product-sticky-add__info {
display: flex;
justify-content: space-between;
}
.product-sticky-add__price {
font-size: 20px;
font-size: 1.25rem;
line-height: 2.5;
margin: 0;
letter-spacing: 1px;
font-weight: 500;
margin-right: 25px;
}
@media screen and (max-width: 1100px) {
.product-sticky-add__price {
font-size: 18px;
font-size: 1.125rem;
line-height: 2.2777777778;
margin-right: 18px;
}
}
.product-sticky-add__price--now {
color: #c62121;
line-height: 23px;
letter-spacing: 0.9px;
font-weight: 500;
}
.product-sticky-add__price--was {
font-size: 14px;
font-size: 0.875rem;
line-height: 18px;
color: #000000;
letter-spacing: 0.7px;
background-image: none;
text-decoration: line-through;
font-weight: 500;
}
.product-sticky-add__price--inline {
margin: 0 3px;
}
.product-sticky-add__stock {
font-size: 14px;
font-size: 0.875rem;
line-height: 23px;
}
.product-sticky-add__size-label {
font-size: 14px;
font-size: 0.875rem;
}
.product-sticky-add__size-wrap {
display: flex;
flex-wrap: wrap;
}
.product-sticky-add__size-button {
background: none;
border: 1px solid #AAA;
padding: 0;
margin-right: 10px;
margin-top: 10px;
}
.product-sticky-add__size-button > span {
font-size: 16px;
font-size: 1rem;
font-family: Gotham Pro, Times new roman, serif;
font-weigt: 500;
line-height: 46px;
min-width: 46px;
display: inline-block;
text-align: center;
}
.product-sticky-add__size-button--long > span {
font-size: 14px;
font-size: 0.875rem;
padding: 0 18px;
}
.product-sticky-add__size-button--selected {
border: 1px solid #000;
box-shadow: 0px 0px 0px 1px #000;
}
.product-sticky-add__size-guide {
margin-top: 10px;
margin-left: 10px;
align-self: end;
flex-grow: 1;
text-align: right;
}
.product-sticky-add__size-guide a {
color: #000;
font-size: 14px;
font-size: 0.875rem;
}
.product-sticky-add__close {
width: 10px;
height: 10px;
position: absolute;
top: 5px;
right: 15px;
background: none;
}
.product-sticky-add__current-size {
border-bottom: 1px solid #000;
color: #000;
margin-right: 10px;
font-weight: 500;
}
.product-sticky-add__buttons {
width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
.product-sticky-add__buttons {
max-width: 60%;
}
}
.product-sticky-add__quick-atb {
width: 100%;
}
.product-sticky-add__quick-atb .add-to-basket__default {
padding: 17px 25px 17px 35px;
}
@media screen and (max-width: 1100px) {
.product-sticky-add__quick-atb .add-to-basket__default {
padding: inherit;
}
}
.product-sticky-add__buttons.wishlist-enabled {
display: inline-flex;
justify-content: space-evenly;
}
.product-sticky-add__buttons.wishlist-enabled .product-sticky-add__quick-atb:not(.button--full), .product-sticky-add__buttons.wishlist-enabled .product-details__add-to-basket {
width: calc(100% - 44px);
}
.product-sticky-add__buttons.wishlist-enabled .product-details__add-to-wishlist {
position: relative;
margin-left: 1px;
width: 52px;
}
@media screen and (max-width: 1100px) {
.product-sticky-add__buttons.wishlist-enabled .product-details__add-to-wishlist {
width: 44px;
}
}
.product-sticky-add__buttons.wishlist-enabled [data-item-selected=false] {
display: none;
}
.product-sticky-add__container:before {
content: "";
height: 20px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
position: fixed;
bottom: 82px;
left: 0;
right: 0;
}
@media screen and (max-width: 1100px) {
.product-sticky-add__container:before {
display: none;
}
}
@media screen and (max-width: 42.5em) {
.product-sticky-add__container--constant {
pointer-events: initial;
opacity: 1;
}
}
.filters {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.filters__group {
display: flex;
}
@media screen and (max-width: 62.4375em) {
.filters__group {
display: none;
}
}
.mfp-content .filters__group, .facet-dialog .filters__group {
padding-top: 0;
position: relative;
display: flex;
flex-direction: column;
min-height: 100%;
padding: 20px;
background: #FFFFFF;
}
@media screen and (max-width: 79.1875em) {
.mfp-content .filters__group, .facet-dialog .filters__group {
padding-top: 0;
}
}
@media screen and (max-width: 62.4375em) {
.mfp-content .filters__group, .facet-dialog .filters__group {
padding-top: 0;
}
}
@media screen and (max-width: 42.5em) {
.mfp-content .filters__group, .facet-dialog .filters__group {
padding-top: 0;
}
}
.body--debug .mfp-content .filters__group, body.debug .mfp-content .filters__group, .body--debug .facet-dialog .filters__group, body.debug .facet-dialog .filters__group {
padding-top: 20px;
}
@media screen and (max-width: 79.1875em) {
.body--debug .mfp-content .filters__group, body.debug .mfp-content .filters__group, .body--debug .facet-dialog .filters__group, body.debug .facet-dialog .filters__group {
padding-top: 20px;
}
}
@media screen and (max-width: 62.4375em) {
.body--debug .mfp-content .filters__group, body.debug .mfp-content .filters__group, .body--debug .facet-dialog .filters__group, body.debug .facet-dialog .filters__group {
padding-top: 0;
}
}
.body--admin .mfp-content .filters__group, body.admin .mfp-content .filters__group, .body--admin .facet-dialog .filters__group, body.admin .facet-dialog .filters__group {
padding-top: 44px;
}
@media screen and (max-width: 79.1875em) {
.body--admin .mfp-content .filters__group, body.admin .mfp-content .filters__group, .body--admin .facet-dialog .filters__group, body.admin .facet-dialog .filters__group {
padding-top: 44px;
}
}
@media screen and (max-width: 62.4375em) {
.body--admin .mfp-content .filters__group, body.admin .mfp-content .filters__group, .body--admin .facet-dialog .filters__group, body.admin .facet-dialog .filters__group {
padding-top: 44px;
}
}
@media screen and (max-width: 42.5em) {
.body--admin .mfp-content .filters__group, body.admin .mfp-content .filters__group, .body--admin .facet-dialog .filters__group, body.admin .facet-dialog .filters__group {
padding-top: 0;
}
}
.body--debug.body--admin .mfp-content .filters__group, body.debug.admin .mfp-content .filters__group, .body--debug.body--admin .facet-dialog .filters__group, body.debug.admin .facet-dialog .filters__group {
padding-top: 64px;
}
@media screen and (max-width: 79.1875em) {
.body--debug.body--admin .mfp-content .filters__group, body.debug.admin .mfp-content .filters__group, .body--debug.body--admin .facet-dialog .filters__group, body.debug.admin .facet-dialog .filters__group {
padding-top: 64px;
}
}
@media screen and (max-width: 62.4375em) {
.body--debug.body--admin .mfp-content .filters__group, body.debug.admin .mfp-content .filters__group, .body--debug.body--admin .facet-dialog .filters__group, body.debug.admin .facet-dialog .filters__group {
padding-top: 44px;
}
}
@media screen and (max-width: 42.5em) {
.body--debug.body--admin .mfp-content .filters__group, body.debug.admin .mfp-content .filters__group, .body--debug.body--admin .facet-dialog .filters__group, body.debug.admin .facet-dialog .filters__group {
padding-top: 0;
}
}
.filters__group .filter--hide {
display: none;
}
.filters--active .filters__group .filter--hide, .mfp-content .filters__group .filter--hide, .facet-dialog .filters__group .filter--hide {
display: block;
}
.filters__group .button {
display: none;
}
@media screen and (max-width: 62.4375em) {
.filters__group .button {
display: block;
margin-top: auto;
}
}
.filter--placeholder {
min-height: 20px;
}
.filters__banner {
display: none;
}
@media screen and (max-width: 62.4375em) {
.filters__banner {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
font-weight: 700;
display: flex;
justify-content: space-between;
margin-right: -20px;
margin-left: -20px;
padding: 20px 30px 20px 35px;
background: #F7F2EC;
text-transform: uppercase;
letter-spacing: 2.2px;
}
}
.filters__close {
padding: 0;
background: transparent;
}
.filters__close img {
width: 14px;
height: 14px;
}
.filters__personalisation {
display: none;
}
@media screen and (max-width: 62.4375em) {
.filters__personalisation {
display: block;
border-bottom: 1px solid #b1b1b1;
}
}
.filters-loading {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFF;
opacity: 0.6;
z-index: 3;
display: none;
}
.filters-loading--active {
display: block;
}
.filters-loading--active.filters-loading--mobile {
display: none;
}
@media screen and (max-width: 62.4375em) {
.filters-loading--active.filters-loading--mobile {
display: block;
}
}
.product-highlights {
max-width: 952px;
margin: 100px auto;
padding-right: 40px;
padding-left: 40px;
}
@media screen and (max-width: 62.4375em) {
.product-highlights {
padding-right: 13px;
padding-left: 13px;
}
}
@media screen and (max-width: 34.375em) {
.product-highlights {
margin: 30px auto;
}
}
.product-highlights:before {
content: "";
display: block;
width: 100%;
height: 1px;
margin: 0 auto 130px;
background: #000000;
}
@media screen and (max-width: 42.5em) {
.product-highlights:before {
width: 190px;
margin-bottom: 56px;
}
}
@media screen and (max-width: 62.4375em) {
.product-highlights .product-highlights__wrap {
margin: 0 0 40px;
}
}
.product-highlights .product-highlights__item {
text-align: center;
}
.product-highlights .product-highlights__image {
display: flex;
justify-content: center;
}
.product-highlights .product-highlights__image img {
width: 65px !important;
height: 65px !important;
}
.product-highlights .product-highlights__title {
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.6px;
margin: 40px 0 20px;
}
@media screen and (max-width: 62.4375em) {
.product-highlights .product-highlights__title {
margin: 30px 0 10px;
}
}
.product-highlights .product-highlights__text {
width: 230px;
margin: auto;
}
@media screen and (max-width: 42.5em) {
.product-highlights .product-highlights__text {
width: 190px;
}
}
.set-ring-info {
margin-bottom: 22px;
font-size: 10px;
font-size: 0.625rem;
line-height: 1.3;
font-weight: 500;
letter-spacing: 0.68px;
color: #000000;
}
.set-ring-info a {
color: #000000;
}
.set-ring-info__separator {
display: inline;
margin: 0 10px;
}
.set-ring-info__separator:before {
content: "|";
}
.set-product-detail {
display: flex;
flex-direction: row;
margin-bottom: 25px;
}
.set-product-detail[data-inactive=true] .set-product-detail__stock-message {
color: #970202;
background: #f1eee4;
font-weight: 600;
}
.set-product-detail__image {
margin-right: 20px;
background: #e8e7e4;
align-self: center;
}
.set-product-detail__image span {
border: 0;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
}
.set-product-detail__image img {
mix-blend-mode: multiply;
}
.set-product-detail__image--no-blend img {
mix-blend-mode: normal;
}
.set-product-detail__separator {
margin: 0 10px;
}
.set-product-detail__separator:before {
content: "|";
}
.set-product-detail__info {
width: 100%;
}
.set-product-detail__title {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
color: #000000;
letter-spacing: 0.9px;
margin-bottom: 6px;
}
.set-product-detail__subtitle {
font-size: 10px;
font-size: 0.625rem;
line-height: 1.5;
color: #000000;
letter-spacing: 0.8px;
font-weight: lighter;
margin-bottom: 6px;
}
.set-product-detail__info-row {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.6px;
}
.set-product-detail__prices {
display: inline;
}
.set-product-detail__price {
display: inline;
}
.set-product-detail__price--was {
background-image: linear-gradient(to right, #000000, #000000);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 1px;
transition: background-size 0.5s ease;
}
.set-product-detail__price--now,
.set-product-detail__price--bundle-now {
color: #970202;
}
.set-product-detail__personalisation {
font-size: 10px;
font-size: 0.625rem;
line-height: 1.5;
letter-spacing: 1.5px;
}
.set-product-detail__personalisation button {
text-transform: uppercase;
background: unset;
padding: 0;
}
.set-product-detail__personalisation--secondary {
flex-basis: 100%;
}
.set-product-detail__add-engraving {
display: inline;
}
.set-product-detail__option-selector {
display: flex;
flex-direction: row;
}
.set-product-detail__option-selector label {
border: 0;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
}
.set-product-detail__option-selector select {
height: auto;
padding: 0 10px 0 0;
border: 0;
}
.set-product-detail__option-selector p {
border: none;
display: inline;
padding: 0;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
width: auto;
max-width: calc(100% - 10px);
}
.set-product-detail__option-selector .select-replace__icon {
right: 0;
}
.option-selector__label {
margin-right: 5px;
}
.set-product-detail__option-error,
.set-product-detail__engraving-error {
display: none;
color: #970202;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.6px;
}
.pdp-price-button__price-block--event {
display: flex;
flex-direction: row;
}
.set-product-detail__stock-message {
font-size: 10px;
font-size: 0.625rem;
line-height: 1.5;
font-weight: bold;
color: #2a7f13;
letter-spacing: 0.8px;
}
.set-product-detail__stock-message--error {
color: white;
background: #8A1B12;
padding: 4px 12px;
border-radius: 25px;
}
.set-product-detail__size-guide {
position: relative;
right: -18px;
}
.giftset-product-details--quick-add .product-details__header-top {
flex-shrink: 1;
align-content: flex-start;
}
.giftset-product-details--quick-add .product-details__title {
line-height: 28px;
}
.giftset-product-details--quick-add .product-details__subtitle {
color: #000000;
font-size: 12px;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 15px;
display: inline-block;
}
.giftset-product-details--quick-add .product-details__header {
margin-bottom: 13px;
flex-wrap: nowrap;
}
.giftset-product-details--quick-add .product-details__image {
width: 90px;
flex-shrink: 0;
}
.giftset-product-details--quick-add .set-product-detail__title {
color: #000000;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 22px;
}
.giftset-product-details--quick-add .set-product-detail__separator {
margin: 0 7px;
}
.giftset-product-details--quick-add .product-details__subtitle.set-product-detail__separator {
margin-left: 5px;
}
.giftset-product-details--quick-add .product-details__subtitle.set-product-detail__separator:before {
margin-right: 5px;
}
@media screen and (max-width: 34.375em) {
.giftset-product-details--quick-add .product-details__subtitle.set-product-detail__separator {
margin-left: 0;
margin-top: -8px;
margin-bottom: 5px;
display: block;
}
.giftset-product-details--quick-add .product-details__subtitle.set-product-detail__separator:before {
content: " ";
margin-right: 0;
}
}
.giftset-product-details--quick-add .set-product-detail__selected field label.check_box .check-replace {
top: 15px;
}
/** REDESIGN **/
.product-page-block .product-details__header,
.giftset-product-details--quick-add .product-details__header,
.giftset-product-details--wishlist-edit .product-details__header {
border-bottom-color: #dddddd;
}
.product-page-block .product-details__title,
.giftset-product-details--quick-add .product-details__title,
.giftset-product-details--wishlist-edit .product-details__title {
font-size: 26px;
font-size: 1.625rem;
line-height: 1.3076923077;
letter-spacing: 1px;
font-weight: 500;
}
@media screen and (max-width: 34.375em) {
.product-page-block .product-details__title,
.giftset-product-details--quick-add .product-details__title,
.giftset-product-details--wishlist-edit .product-details__title {
font-size: 22px;
font-size: 1.375rem;
line-height: 1.2727272727;
letter-spacing: 0.5px;
}
}
.product-page-block .product-details__subtitle,
.giftset-product-details--quick-add .product-details__subtitle,
.giftset-product-details--wishlist-edit .product-details__subtitle {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
}
.product-page-block .product-details__price,
.giftset-product-details--quick-add .product-details__price,
.giftset-product-details--wishlist-edit .product-details__price {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.25;
letter-spacing: 1px;
font-weight: 500;
}
.product-page-block .set-ring-info a,
.giftset-product-details--quick-add .set-ring-info a,
.giftset-product-details--wishlist-edit .set-ring-info a {
text-decoration: underline;
}
.product-page-block .set-product-detail,
.giftset-product-details--quick-add .set-product-detail,
.giftset-product-details--wishlist-edit .set-product-detail {
display: flex;
justify-content: flex-start;
align-items: center;
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
position: relative;
width: 100%;
margin-bottom: 17px;
color: #000000;
}
.product-page-block .set-product-detail.set-product-detail--removed .set-product-detail__selected, .product-page-block .set-product-detail.set-product-detail--removed .set-product-detail-wrap > *:not(.set-product-detail__stock-messages), .product-page-block .set-product-detail.set-product-detail--removed .set-product-detail__stock-message,
.giftset-product-details--quick-add .set-product-detail.set-product-detail--removed .set-product-detail__selected,
.giftset-product-details--quick-add .set-product-detail.set-product-detail--removed .set-product-detail-wrap > *:not(.set-product-detail__stock-messages),
.giftset-product-details--quick-add .set-product-detail.set-product-detail--removed .set-product-detail__stock-message,
.giftset-product-details--wishlist-edit .set-product-detail.set-product-detail--removed .set-product-detail__selected,
.giftset-product-details--wishlist-edit .set-product-detail.set-product-detail--removed .set-product-detail-wrap > *:not(.set-product-detail__stock-messages),
.giftset-product-details--wishlist-edit .set-product-detail.set-product-detail--removed .set-product-detail__stock-message {
display: block;
opacity: 0.5;
}
.product-page-block .set-product-detail.set-product-detail--removed .set-product-detail__bundle-message,
.giftset-product-details--quick-add .set-product-detail.set-product-detail--removed .set-product-detail__bundle-message,
.giftset-product-details--wishlist-edit .set-product-detail.set-product-detail--removed .set-product-detail__bundle-message {
display: block;
}
.product-page-block .set-product-detail.set-product-detail--removed .set-product-detail__stock-messages,
.giftset-product-details--quick-add .set-product-detail.set-product-detail--removed .set-product-detail__stock-messages,
.giftset-product-details--wishlist-edit .set-product-detail.set-product-detail--removed .set-product-detail__stock-messages {
flex-wrap: wrap;
position: static;
justify-content: flex-end;
}
.product-page-block .set-product-detail.set-product-detail--removed .set-product-detail-wrap,
.giftset-product-details--quick-add .set-product-detail.set-product-detail--removed .set-product-detail-wrap,
.giftset-product-details--wishlist-edit .set-product-detail.set-product-detail--removed .set-product-detail-wrap {
flex-direction: row;
justify-content: space-between;
container-type: inline-size;
flex-wrap: wrap;
}
.product-page-block .set-product-detail.set-product-detail--removed .set-product-detail-wrap .set-product-detail__title, .product-page-block .set-product-detail.set-product-detail--removed .set-product-detail-wrap .set-product-detail__subtitle,
.giftset-product-details--quick-add .set-product-detail.set-product-detail--removed .set-product-detail-wrap .set-product-detail__title,
.giftset-product-details--quick-add .set-product-detail.set-product-detail--removed .set-product-detail-wrap .set-product-detail__subtitle,
.giftset-product-details--wishlist-edit .set-product-detail.set-product-detail--removed .set-product-detail-wrap .set-product-detail__title,
.giftset-product-details--wishlist-edit .set-product-detail.set-product-detail--removed .set-product-detail-wrap .set-product-detail__subtitle {
width: 100%;
}
.product-page-block .set-product-detail.set-product-detail--removed .set-product-detail-wrap .set-product-detail__info-row,
.giftset-product-details--quick-add .set-product-detail.set-product-detail--removed .set-product-detail-wrap .set-product-detail__info-row,
.giftset-product-details--wishlist-edit .set-product-detail.set-product-detail--removed .set-product-detail-wrap .set-product-detail__info-row {
flex-shrink: 1;
}
@media screen and (max-width: 34.375em) {
.product-page-block .set-product-detail:last-of-type,
.giftset-product-details--quick-add .set-product-detail:last-of-type,
.giftset-product-details--wishlist-edit .set-product-detail:last-of-type {
margin-bottom: 29px;
}
}
.product-page-block .set-product-detail-wrap,
.giftset-product-details--quick-add .set-product-detail-wrap,
.giftset-product-details--wishlist-edit .set-product-detail-wrap {
display: flex;
width: 100%;
flex-direction: column;
margin-bottom: 0;
position: relative;
}
.product-page-block .set-product-detail__selected,
.giftset-product-details--quick-add .set-product-detail__selected,
.giftset-product-details--wishlist-edit .set-product-detail__selected {
margin-left: unset;
position: relative;
}
.product-page-block .set-product-detail__selected .field,
.giftset-product-details--quick-add .set-product-detail__selected .field,
.giftset-product-details--wishlist-edit .set-product-detail__selected .field {
margin-bottom: 0;
}
.product-page-block .set-product-detail__selected .field label,
.giftset-product-details--quick-add .set-product-detail__selected .field label,
.giftset-product-details--wishlist-edit .set-product-detail__selected .field label {
margin-bottom: 0;
}
.product-page-block .set-product-detail__selected .field label.check_box .check-replace,
.giftset-product-details--quick-add .set-product-detail__selected .field label.check_box .check-replace,
.giftset-product-details--wishlist-edit .set-product-detail__selected .field label.check_box .check-replace {
position: absolute;
z-index: 5;
left: 7px;
top: 7px;
border-radius: 50%;
background: white;
margin: 0;
padding: 10px;
cursor: pointer;
}
.product-page-block .check-replace,
.giftset-product-details--quick-add .check-replace,
.giftset-product-details--wishlist-edit .check-replace {
margin-left: auto;
border-color: #FFFFFF;
}
.product-page-block .check-replace--active,
.giftset-product-details--quick-add .check-replace--active,
.giftset-product-details--wishlist-edit .check-replace--active {
border-color: #000000;
}
.product-page-block .select-replace .value,
.giftset-product-details--quick-add .select-replace .value,
.giftset-product-details--wishlist-edit .select-replace .value {
display: none;
}
.product-page-block .select-replaced,
.giftset-product-details--quick-add .select-replaced,
.giftset-product-details--wishlist-edit .select-replaced {
padding-left: 20px;
cursor: pointer;
}
.product-page-block .select-replace--focused,
.giftset-product-details--quick-add .select-replace--focused,
.giftset-product-details--wishlist-edit .select-replace--focused {
box-shadow: none;
}
.product-page-block .select-replace__icon,
.giftset-product-details--quick-add .select-replace__icon,
.giftset-product-details--wishlist-edit .select-replace__icon {
transform: translateY(-45%);
}
.product-page-block .select-replace__value,
.giftset-product-details--quick-add .select-replace__value,
.giftset-product-details--wishlist-edit .select-replace__value {
margin-right: 5px;
letter-spacing: 0.5px;
}
.product-page-block .set-product-detail__image,
.giftset-product-details--quick-add .set-product-detail__image,
.giftset-product-details--wishlist-edit .set-product-detail__image {
align-self: flex-start;
height: 84px;
width: 76px;
margin-right: 16px;
}
@media screen and (max-width: 34.375em) {
.product-page-block .set-product-detail__image,
.giftset-product-details--quick-add .set-product-detail__image,
.giftset-product-details--wishlist-edit .set-product-detail__image {
margin-right: 12px;
}
}
.product-page-block .set-product-detail__image > img,
.giftset-product-details--quick-add .set-product-detail__image > img,
.giftset-product-details--wishlist-edit .set-product-detail__image > img {
height: 100%;
width: 100%;
mix-blend-mode: unset;
cursor: pointer;
}
.product-page-block .set-product-detail__title,
.giftset-product-details--quick-add .set-product-detail__title,
.giftset-product-details--wishlist-edit .set-product-detail__title {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4285714286;
letter-spacing: 0.5px;
font-weight: 600;
margin-bottom: 0;
padding-bottom: 2px;
color: unset;
}
.product-page-block .set-product-detail__subtitle,
.giftset-product-details--quick-add .set-product-detail__subtitle,
.giftset-product-details--wishlist-edit .set-product-detail__subtitle {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.8333333333;
font-weight: 400;
letter-spacing: 0.5px;
margin-bottom: 0;
color: unset;
}
.product-page-block .set-product-detail__prices,
.giftset-product-details--quick-add .set-product-detail__prices,
.giftset-product-details--wishlist-edit .set-product-detail__prices {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
letter-spacing: 0.5px;
font-weight: 600;
}
.product-page-block .set-product-detail__option-selector,
.giftset-product-details--quick-add .set-product-detail__option-selector,
.giftset-product-details--wishlist-edit .set-product-detail__option-selector {
display: block;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
letter-spacing: 0.5px;
border-bottom: 1px solid #000000;
font-weight: 600;
margin: 4px 0;
}
.product-page-block .set-product-detail__option-selector p,
.giftset-product-details--quick-add .set-product-detail__option-selector p,
.giftset-product-details--wishlist-edit .set-product-detail__option-selector p {
min-width: -moz-fit-content;
min-width: fit-content;
max-width: unset;
}
.product-page-block .set-product-detail__personalisation,
.giftset-product-details--quick-add .set-product-detail__personalisation,
.giftset-product-details--wishlist-edit .set-product-detail__personalisation {
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
letter-spacing: 0.5px;
font-weight: 600;
}
.product-page-block .set-product-detail__personalisation button,
.giftset-product-details--quick-add .set-product-detail__personalisation button,
.giftset-product-details--wishlist-edit .set-product-detail__personalisation button {
text-transform: none;
text-decoration: none;
background: unset;
padding: 0;
}
.product-page-block .set-product-detail__add-engraving,
.giftset-product-details--quick-add .set-product-detail__add-engraving,
.giftset-product-details--wishlist-edit .set-product-detail__add-engraving {
border-bottom: 1px solid #000000;
max-width: -moz-fit-content;
max-width: fit-content;
margin: 5px 0;
}
.product-page-block .set-product-detail__add-engraving img,
.giftset-product-details--quick-add .set-product-detail__add-engraving img,
.giftset-product-details--wishlist-edit .set-product-detail__add-engraving img {
vertical-align: text-top;
margin-left: 6px;
}
.product-page-block .set-product-detail__engraving-list-action,
.giftset-product-details--quick-add .set-product-detail__engraving-list-action,
.giftset-product-details--wishlist-edit .set-product-detail__engraving-list-action {
border-bottom: 1px solid #000000;
max-width: -moz-fit-content;
max-width: fit-content;
margin: 5px 0;
}
.product-page-block .set-product-detail__engraving-list-action button,
.giftset-product-details--quick-add .set-product-detail__engraving-list-action button,
.giftset-product-details--wishlist-edit .set-product-detail__engraving-list-action button {
letter-spacing: 0.5px;
text-transform: none;
text-decoration: none;
background: unset;
padding: 0;
}
.product-page-block .set-product-detail__engraving-list-action img,
.giftset-product-details--quick-add .set-product-detail__engraving-list-action img,
.giftset-product-details--wishlist-edit .set-product-detail__engraving-list-action img {
vertical-align: text-top;
margin-left: 6px;
}
.product-page-block .set-product-detail__stock-messages,
.giftset-product-details--quick-add .set-product-detail__stock-messages,
.giftset-product-details--wishlist-edit .set-product-detail__stock-messages {
position: absolute;
bottom: 0;
right: 0;
display: flex;
gap: 10px;
}
.product-page-block .set-product-detail__stock-message,
.giftset-product-details--quick-add .set-product-detail__stock-message,
.giftset-product-details--wishlist-edit .set-product-detail__stock-message {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.3333333333;
letter-spacing: 0.5px;
color: #2A7F13;
font-weight: 400;
text-align: center;
background: #F7F2EC;
padding: 4px 12px;
border-radius: 25px;
white-space: nowrap;
}
.product-page-block .set-product-detail__stock-message:empty,
.giftset-product-details--quick-add .set-product-detail__stock-message:empty,
.giftset-product-details--wishlist-edit .set-product-detail__stock-message:empty {
display: none;
}
.product-page-block .set-product-detail__bundle-message,
.giftset-product-details--quick-add .set-product-detail__bundle-message,
.giftset-product-details--wishlist-edit .set-product-detail__bundle-message {
display: none;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.3333333333;
letter-spacing: 0.5px;
color: #FFFFFF;
font-weight: 400;
text-align: center;
background: #2A7F13;
padding: 4px 12px;
border-radius: 4px;
white-space: nowrap;
}
.product-page-block .set-product-detail__bundle-message:empty,
.giftset-product-details--quick-add .set-product-detail__bundle-message:empty,
.giftset-product-details--wishlist-edit .set-product-detail__bundle-message:empty {
display: none;
}
.product-page-block .set-product-detail__stock-message--error,
.giftset-product-details--quick-add .set-product-detail__stock-message--error,
.giftset-product-details--wishlist-edit .set-product-detail__stock-message--error {
color: white;
background: #8A1B12;
}
.set-product-detail.set-product-detail--no-product-selection .field--checkbox {
pointer-events: none;
}
.set-product-detail.set-product-detail--no-product-selection .field--checkbox .check-replace {
visibility: hidden;
}
.giftset-product-details--landing .product-details__add-to-basket-container {
display: flex;
gap: 10px;
}
.giftset-product-details--landing .product-details__add-to-basket-container > * {
flex: 1 1 50%;
}
.giftset-product-details--landing .product-details__add-to-basket-container > * span {
padding-inline: 0px;
margin-inline: auto;
}
.giftset-product-details--landing .product-details__add-to-basket-container > * img {
margin-left: 10px;
margin-right: 0px;
}
.giftset-product-details--landing ul {
padding-left: 20px;
position: relative;
}
.giftset-product-details--landing ul li.set-product-detail {
display: list-item;
list-style: disc;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2857142857;
margin-bottom: 6px;
letter-spacing: 0.7px;
font-weight: 300;
}
.giftset-product-details--landing ul li.set-product-detail:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.giftset-product-details--landing ul li.set-product-detail {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.0769230769;
}
}
.giftset-product-details--landing ul li.set-product-detail::marker {
color: #000000;
}
.giftset-product-details--landing .product-details__includes {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2857142857;
letter-spacing: 0.7px;
font-weight: 300;
}
@media screen and (max-width: 62.4375em) {
.giftset-product-details--landing .product-details__includes {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.0769230769;
}
}
.giftset-product-details--landing .product-details__buttons {
margin-top: 20px;
margin-bottom: 0px;
}
.giftset-product-details--landing .product-details__buttons .button:hover img, .giftset-product-details--landing .product-details__buttons .button:focus img {
transform: translateX(15px);
}
@media screen and (max-width: 42.5em) {
.giftset-product-details--landing {
margin-top: 14px;
}
.giftset-product-details--landing .set-product-details {
display: none;
}
.giftset-product-details--landing #pl-passport-widget-trigger-v1 {
display: none;
}
.giftset-product-details--landing .product-details__header {
border: none;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.giftset-product-details--landing .product-details__container {
display: flex;
flex-direction: column-reverse;
}
.giftset-product-details--landing .product-details__buttons {
margin-top: 8px;
}
.giftset-product-details--landing .product-details__buttons .button:hover img, .giftset-product-details--landing .product-details__buttons .button:focus img {
transform: translateX(25px);
}
}
@media screen and (max-width: 34.375em) {
.giftset-product-details--landing .product-details__buttons .button:hover img, .giftset-product-details--landing .product-details__buttons .button:focus img {
transform: translateX(10px);
}
}
.bundle-product-details .pdp-price-button__price-block--event {
align-items: baseline;
}
.bundle-product-details .pdp-price-button__price-block--event .product-details__price--bundle {
color: #970202;
margin-right: 10px;
}
.bundle-product-details .pdp-price-button__price-block--event .product-details__price--bundle ~ .product-details__price--was {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
color: #000000;
}
.product-details__bundle {
margin-bottom: 17px;
background: #f1eee4;
text-decoration: underline;
color: #2A7F13;
}
.product-details__bundle:hover {
cursor: pointer;
}
.product-details__bundle--complete {
color: #970202;
text-decoration: none;
}
.product-details__bundle--complete:hover {
cursor: default;
}
.flash-badge {
font-family: Grotesk, Helvetica, sans-serif;
font-size: 11px;
font-size: 0.6875rem;
line-height: 1;
font-weight: 500;
letter-spacing: 2.2px;
height: 28px;
background-color: #666666;
color: white;
display: flex;
align-items: center;
padding: 0 14px;
}
.flash-badge.flash-badge--listing {
position: absolute;
top: 0;
right: 0;
}
.flash-badge.flash-badge--detail {
margin-top: 10px;
margin-bottom: 6px;
}
@media screen and (max-width: 62.4375em) {
.flash-badge.flash-badge--detail {
margin-top: 0;
}
}
.flash-badge.flash-badge--hidden {
display: none;
}
.flash-badge.flash-badge--giftset {
margin: 10px 0;
max-width: 114px;
}
.product-details .flash-badge {
font-family: Grotesk, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
font-weight: 600;
letter-spacing: 1.5px;
background-color: #F7F2EC;
border-radius: 18px;
color: #970202;
display: inline-flex;
align-items: center;
padding: 17px 20px;
white-space: nowrap;
}
.filter {
position: relative;
}
.mfp-content .filter, .facet-dialog .filter {
margin-bottom: 20px;
line-height: 0;
}
.mfp-content .filter + .filter, .facet-dialog .filter + .filter {
margin-top: -20px;
}
.mfp-content .filter--switch, .facet-dialog .filter--switch {
margin-bottom: 0;
padding: 15px 10px 15px 15px;
}
.filter--active:after {
content: "";
position: absolute;
top: 27px;
right: 0;
left: 0;
height: 1px;
background: #000000;
}
.mfp-content .filter--active:after, .facet-dialog .filter--active:after {
display: none;
}
.filter--active .filter__button {
font-weight: 700;
}
.filters--active .filter--more {
display: none;
}
@media screen and (max-width: 62.4375em) {
.filters--active .filter--more {
display: block;
}
}
@media screen and (max-width: 62.4375em) {
.filter--clear {
align-self: flex-end;
}
}
.filter__button {
padding: 0;
background: transparent;
}
.mfp-content .filter__button, .facet-dialog .filter__button {
width: 100%;
border-bottom: 1px solid #b1b1b1;
}
@media screen and (max-width: 62.4375em) {
.filter--clear .filter__button {
border-bottom: none;
}
}
.filter__button-content {
display: flex;
align-items: center;
}
.mfp-content .filter__button-content, .facet-dialog .filter__button-content {
justify-content: space-between;
padding: 15px 10px 15px 15px;
}
@media screen and (max-width: 62.4375em) {
.filter--clear .filter__button-content {
padding-right: 0;
padding-left: 0;
}
}
.filter__button-content img {
margin-left: 7px;
}
.filter--more .filter__button-content img {
width: 9px;
height: 9px;
}
@media screen and (max-width: 62.4375em) {
.filter--more .filter__button-content img {
width: 10px;
height: 10px;
}
}
.filter__name {
font-size: 14px;
font-size: 0.875rem;
line-height: 1;
position: relative;
letter-spacing: 1px;
}
@media screen and (max-width: 62.4375em) {
.filter__name {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.2307692308;
}
}
.mfp-content .filter__name, .facet-dialog .filter__name {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.1428571429;
font-weight: 500;
letter-spacing: 1.7px;
}
.filter--clear .filter__name {
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
font-weight: 500;
letter-spacing: 0.5px;
text-decoration: underline;
}
@media screen and (max-width: 62.4375em) {
.filter--clear .filter__name {
letter-spacing: 0.7px;
}
}
.filter--more .filter__name {
display: flex;
align-items: center;
}
.filter--pagination .filter__name, .filter--sort .filter__name {
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
}
.filter__count {
font-size: 9px;
font-size: 0.5625rem;
line-height: 1.2222222222;
font-weight: 700;
position: absolute;
top: 0;
right: 0;
color: #919191;
letter-spacing: 0.8px;
transform: translate(100%, -50%);
}
.mfp-content .filter__count, .facet-dialog .filter__count {
display: none;
}
@media screen and (max-width: 62.4375em) {
.filter__icon--constant {
display: none;
}
}
.filter__icon--inactive {
display: none;
}
@media screen and (max-width: 62.4375em) {
.filter__icon--inactive {
display: block;
}
}
@media screen and (max-width: 62.4375em) {
.filter--active .filter__icon--inactive {
display: none;
}
}
.filter__icon--active {
display: none;
}
@media screen and (max-width: 62.4375em) {
.filter--active .filter__icon--active {
display: block;
}
}
.filter__content {
display: none;
}
.filter--active .filter__content {
display: block;
position: absolute;
top: 28px;
}
.mfp-content .filter--active .filter__content, .facet-dialog .filter--active .filter__content {
position: static;
}
.filter--disabled {
opacity: 0.5;
pointer-events: none;
}
.product-catalogue {
position: relative;
}
@media screen and (max-width: 62.4375em) {
.product-catalogue__top {
display: flex;
justify-content: space-between;
padding: 20px 0;
}
}
@media screen and (max-width: 62.4375em) {
.product-catalogue__filter-wrap {
background-color: #FFFFFF;
flex-wrap: wrap;
position: sticky;
top: 49px;
z-index: 12;
margin-top: -12px;
}
}
@media screen and (max-width: 42.5em) {
.product-catalogue__filter-wrap {
margin: -12px -13px 0;
padding: 0 13px;
}
}
@media screen and (max-width: 62.4375em) {
.product-catalogue__filter-wrap .carousel__content.carousel__content--mobile {
padding-top: 12px;
}
}
@media screen and (max-width: 42.5em) {
.product-catalogue__filter-wrap--sticky {
position: sticky;
top: 107px;
}
.product-catalogue__filter-wrap--sticky .product-catalogue__top {
padding: 5 0 15px;
}
}
.product-catalogue__top--search {
width: 100%;
}
.product-catalogue__title--search {
padding: 30px 0;
text-align: center;
}
@media screen and (max-width: 62.4375em) {
.product-catalogue__title--search {
padding: 10px 0;
}
}
.search-breadcrumb {
padding: 15px 0;
}
.product-catalog__button-filters button {
font-size: 11px;
font-size: 0.6875rem;
line-height: 1.2727272727;
padding: 18px 20px;
text-transform: uppercase;
}
.product-catalog__filters {
position: relative;
z-index: 2;
padding: 10px 0;
}
@media screen and (max-width: 62.4375em) {
.product-catalog__filters {
padding: 0;
}
}
.product-catalog__filters .filter {
margin-right: 40px;
line-height: 0;
}
@media screen and (max-width: 75em) {
.product-catalog__filters .filter {
margin-right: 30px;
}
}
.product-catalog__filters .filter.filter--more {
margin-right: 30px;
}
.product-catalog__filters .filter.filter--clear {
margin-right: 30px;
}
.product-catalog__filters .filter.filter--clear button {
border-left: solid 1px #b1b1b1;
padding-left: 30px;
}
.product-catalog__filters > .filter--switch {
margin-right: 0;
margin-left: auto;
}
.product-catalog__filters > .filter--switch ~ .filter--switch {
margin-left: 20px;
}
.product-catalogue__sorter {
position: relative;
z-index: 1;
padding: 13px 0px 5px 0px;
min-height: 50px;
border-top: 1px solid #dfdfdf;
}
@media screen and (max-width: 62.4375em) {
.product-catalogue__sorter {
min-height: 0;
padding: 0;
border-top: none;
line-height: 0;
}
}
.product-catalogue__sorter .filter {
display: inline-block;
position: absolute;
}
@media screen and (max-width: 62.4375em) {
.product-catalogue__sorter .filter {
position: static;
}
}
.product-catalogue__sorter .filter.filter--sort {
right: 0;
padding-top: 5px;
}
@media screen and (max-width: 62.4375em) {
.product-catalogue__sorter .filter.filter--sort {
padding-top: 0;
}
}
@media screen and (max-width: 62.4375em) {
.product-catalogue__sorter .filter.filter--sort:after {
display: none;
}
}
.product-catalogue__sorter .filter.filter--pagination {
left: 0;
}
@media screen and (max-width: 62.4375em) {
.product-catalogue__sorter .filter.filter--pagination {
display: none;
}
}
.product-catalogue__sorter .filter .filter__content {
right: 0px;
}
.product-catalogue__sorter .filter .filter__content .filter-group {
padding: 20px;
}
.product-catalogue__sorter .filter .filter__content .sorter-list .sorter-list__item {
font-size: 11px;
font-size: 0.6875rem;
line-height: 1.2727272727;
white-space: nowrap;
margin-bottom: 0.6rem;
}
.product-catalogue__sorter .filter .filter__content .sorter-list .sorter-list__item.sorter-list__item--active {
font-weight: 700;
}
.product-catalogue__sorter .filter .filter__content .sorter-list .sorter-list__item a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease;
}
.product-catalogue__sorter .filter .filter__content .sorter-list .sorter-list__item a:hover {
color: #8D8D8D;
text-decoration: underline;
}
.product-catalogue__sorter .filter .filter__content .sorter-list .sorter-list__item:last-child {
margin-bottom: 0;
}
.filter__content--full-width {
box-sizing: border-box;
width: calc(100vw - 80px);
max-width: 1460px;
}
.facet-dialog .filter__content--full-width {
width: auto;
max-height: auto;
}
.filter__content--full-width .filter-group {
box-sizing: border-box;
max-width: 90vw;
margin: 0 auto;
}
@media screen and (max-width: 62.4375em) {
.filter__content--full-width .filter-group {
max-width: 100%;
}
}
.filter-group {
padding: 26px;
background: #FFFFFF;
box-shadow: -7px 5px 12px -7px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 62.4375em) {
.filter-group {
padding: 17px 14px;
}
}
@media screen and (max-width: 62.4375em) {
.mfp-content .filter-group, .facet-dialog .filter-group {
box-shadow: none;
}
}
.filter-group__button {
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
font-weight: 500;
position: relative;
margin-bottom: 20px;
padding: 0;
letter-spacing: 0.5px;
background: transparent;
}
.filter-group__button:after {
content: "";
position: absolute;
right: 0;
bottom: -1px;
left: 0;
height: 1px;
background: currentColor;
}
.filter-group--active .filter-group__button--select-all {
display: none;
}
.filter-group__button--clear {
display: none;
}
.filter-group--active .filter-group__button--clear {
display: block;
}
.filter-group__button--clear:after {
right: 13px;
}
.filter-group__button-content {
display: flex;
align-items: center;
}
.filter-group__button-content img {
width: 7px;
height: 7px;
margin-left: 6px;
}
.filter-group--b .filter-group__fields, .filter-group--e .filter-group__fields {
display: flex;
/* margin-right: -25px; */
}
@media screen and (max-width: 62.4375em) {
.filter-group--b .filter-group__fields, .filter-group--e .filter-group__fields {
margin-right: 0;
}
}
@media screen and (max-width: 62.4375em) {
.filter-group--b .filter-group__fields {
display: block;
}
}
.filter-group--e .filter-group__fields {
flex-wrap: wrap;
margin-bottom: -12px;
}
.filter-group--c .filter-group__fields {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-bottom: -22px;
}
@media screen and (max-width: 62.4375em) {
.filter-group--c .filter-group__fields {
margin-right: -10px;
margin-bottom: -15px;
}
}
.filter-group--f .filter-group__fields {
display: flex;
flex-wrap: wrap;
margin-right: -34px;
margin-bottom: -12px;
}
.filter-group--constructor {
box-sizing: border-box;
}
.filter-group--constructor .filter-group__fields {
display: grid;
margin: 0;
}
.filter-group--constructor.filter-group--a .filter-group__fields {
grid-template-columns: 1fr;
gap: 17px 5px;
}
.filter-group--constructor.filter-group--b .filter-group__fields {
grid-template-columns: repeat(2, 1fr);
gap: 7px 5px;
}
@media screen and (max-width: 62.4375em) {
.filter-group--constructor.filter-group--b .filter-group__fields {
grid-template-columns: 1fr;
}
}
@media (min-width: calc(475px + 4 * 125px)) {
.filter-group--constructor.filter-group--c {
max-width: calc(4 * 120px + 5px * 3 + 52px);
}
}
@media (min-width: calc(475px + 5 * 125px)) {
.filter-group--constructor.filter-group--c {
max-width: calc(5 * 120px + 5px * 4 + 52px);
}
}
@media (min-width: calc(475px + 6 * 125px)) {
.filter-group--constructor.filter-group--c {
max-width: calc(6 * 120px + 5px * 5 + 52px);
}
}
@media (min-width: calc(475px + 7 * 125px)) {
.filter-group--constructor.filter-group--c {
max-width: calc(7 * 120px + 5px * 6 + 52px);
}
}
@media (min-width: calc(475px + 8 * 125px)) {
.filter-group--constructor.filter-group--c {
max-width: calc(8 * 120px + 5px * 7 + 52px);
}
}
.filter-group--constructor.filter-group--c .filter-group__fields {
grid-template-columns: repeat(auto-fit, 120px);
gap: 22px 5px;
}
@media screen and (max-width: 62.4375em) {
.filter-group--constructor.filter-group--c .filter-group__fields {
grid-template-columns: repeat(5, 1fr);
gap: 15px 20px;
}
}
@media screen and (max-width: 42.5em) {
.filter-group--constructor.filter-group--c .filter-group__fields {
grid-template-columns: repeat(3, 1fr);
gap: 15px 20px;
}
}
@media screen and (max-width: 34.375em) {
.filter-group--constructor.filter-group--c .filter-group__fields {
grid-template-columns: repeat(2, 1fr);
}
}
.filter-group--constructor.filter-group--d {
max-width: 976px;
}
@media screen and (max-width: 62.4375em) {
.filter-group--constructor.filter-group--d {
max-width: 100%;
}
}
.filter-group--constructor.filter-group--d .filter-group__fields {
grid-template-columns: repeat(4, 1fr);
gap: 17px 5px;
}
@media screen and (max-width: 62.4375em) {
.filter-group--constructor.filter-group--d .filter-group__fields {
grid-template-columns: 1fr;
}
}
.filter-group--constructor.filter-group--e {
max-width: 927px;
}
@media screen and (max-width: 62.4375em) {
.filter-group--constructor.filter-group--e {
max-width: 100%;
}
}
.filter-group--constructor.filter-group--e .filter-group__fields {
grid-template-columns: repeat(4, 1fr);
gap: 12px 5px;
}
@media screen and (max-width: 62.4375em) {
.filter-group--constructor.filter-group--e .filter-group__fields {
grid-template-columns: repeat(2, 1fr);
}
}
.filter-group--constructor.filter-group--f {
max-width: 628px;
}
@media screen and (max-width: 62.4375em) {
.filter-group--constructor.filter-group--f {
max-width: 100%;
}
}
.filter-group--constructor.filter-group--f .filter-group__fields {
grid-template-columns: repeat(auto-fit, 40px);
gap: 12px 34px;
}
.filter-group--constructor .filter-group__field {
margin: 0;
width: -moz-fit-content;
width: fit-content;
}
.filter-group--constructor.filter-group--b {
min-width: 352px;
}
.filter-group__sub-group {
margin-bottom: 30px;
}
.filter-group__sub-group:last-child {
margin-bottom: 0;
}
.filter-group--b .filter-group__sub-group {
width: 50%;
margin-bottom: 0;
padding-right: 5px;
min-width: 150px;
}
@media screen and (max-width: 62.4375em) {
.filter-group--b .filter-group__sub-group {
margin-bottom: 16px;
}
.filter-group--b .filter-group__sub-group:last-child {
margin-bottom: 0;
}
}
.filter-group--d .filter-group__sub-group {
display: flex;
flex-wrap: wrap;
margin-bottom: 23px;
}
@media screen and (max-width: 62.4375em) {
.filter-group--d .filter-group__sub-group {
display: block;
}
}
.filter-group--d .filter-group__sub-group:last-child {
margin-bottom: 0;
}
.filter-group__field:not(.filter-group__field--constructor) {
margin-bottom: 17px;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
display: flex;
align-items: center;
letter-spacing: 0.6px;
cursor: pointer;
}
.filter-group__field:not(.filter-group__field--constructor):last-child {
margin-bottom: 0;
}
.filter-group--b .filter-group__field:not(.filter-group__field--constructor) {
margin-bottom: 7px;
}
.filter-group--b .filter-group__field:not(.filter-group__field--constructor):last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.filter-group--b .filter-group__field:not(.filter-group__field--constructor) {
margin-bottom: 16px;
}
.filter-group--b .filter-group__field:not(.filter-group__field--constructor):last-child {
margin-bottom: 0;
}
}
.filter-group--c .filter-group__field:not(.filter-group__field--constructor) {
flex-direction: column;
align-items: flex-start;
margin-right: 5px;
margin-bottom: 22px;
}
@media screen and (max-width: 62.4375em) {
.filter-group--c .filter-group__field:not(.filter-group__field--constructor) {
width: calc(20% - 10px);
margin-right: 10px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 42.5em) {
.filter-group--c .filter-group__field:not(.filter-group__field--constructor) {
width: calc(33.333% - 10px);
}
}
@media screen and (max-width: 34.375em) {
.filter-group--c .filter-group__field:not(.filter-group__field--constructor) {
width: calc(50% - 10px);
}
}
.filter-group--d .filter-group__field:not(.filter-group__field--constructor), .filter-group--e .filter-group__field:not(.filter-group__field--constructor) {
width: 25%;
padding-right: 5px;
}
@media screen and (max-width: 62.4375em) {
.filter-group--d .filter-group__field:not(.filter-group__field--constructor) {
width: 100%;
padding-right: 0;
}
}
.filter-group--d .filter-group__field:not(.filter-group__field--constructor):last-child {
margin-bottom: 17px;
}
.filter-group--e .filter-group__field:not(.filter-group__field--constructor) {
margin-bottom: 12px;
}
@media screen and (max-width: 62.4375em) {
.filter-group--e .filter-group__field:not(.filter-group__field--constructor) {
width: 50%;
}
}
.filter-group--f .filter-group__field:not(.filter-group__field--constructor) {
min-width: 40px;
margin-right: 34px;
margin-bottom: 12px;
}
.filter-group__field:not(.filter-group__field--constructor) .check-replace {
flex: 0 0 auto;
margin-right: 14px;
}
.filter-group--b .filter-group__field:not(.filter-group__field--constructor) .check-replace {
margin-right: 12px;
}
.filter-group--c .filter-group__field:not(.filter-group__field--constructor) .check-replace {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
margin-right: 0;
}
.filter-group--d .filter-group__field:not(.filter-group__field--constructor) .check-replace {
margin-right: 7px;
}
.filter-group__field:not(.filter-group__field--constructor) .swatch {
margin: -2px 7px -2px -2px;
}
.filter-group--c .filter-group__field:not(.filter-group__field--constructor) .swatch {
margin: 0 0 5px;
}
.filter-group--d .filter-group__field:not(.filter-group__field--constructor) .swatch {
margin-right: 7px;
}
.filter-group--e .filter-group__field:not(.filter-group__field--constructor)[for=colour-white] .swatch__display img {
border: 1px solid #b1b1b1;
}
.filter-group__field--constructor {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
display: flex;
align-items: center;
letter-spacing: 0.6px;
cursor: pointer;
}
.filter-group--c .filter-group__field--constructor {
flex-direction: column;
width: 100%;
align-items: flex-start;
}
.filter-group--f .filter-group__field--constructor {
min-width: 40px;
}
.filter-group__field--constructor .check-replace {
flex: 0 0 auto;
}
.filter-group--c .filter-group__field--constructor .check-replace {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.filter-group__field--constructor .swatch {
margin: -2px 7px -2px -2px;
}
.filter-group--c .filter-group__field--constructor .swatch {
margin: 0 0 5px;
}
.filter-group--d .filter-group__field--constructor .swatch {
margin-right: 7px;
}
.filter-group__field--constructor .swatch--white .swatch__display img {
border: 1px solid #b1b1b1;
}
.filter-group--a .filter-group__name {
white-space: nowrap;
}
.filter-group--b .filter-group__name {
white-space: nowrap;
}
.filter-group--g .filter-group__name {
white-space: nowrap;
}
@media screen and (max-width: 62.4375em) {
.filter-group--g .filter-group__name {
white-space: inherit;
}
}
.filter-group--b .check-replace--active ~ .filter-group__name {
font-weight: 700;
}
.filter-group--c .check-replace--active ~ .filter-group__name {
font-weight: 700;
}
.filter-group__range {
padding-right: 15px;
width: 400px;
}
@media screen and (max-width: 62.4375em) {
.filter-group__range {
width: 100%;
}
}
.ot-sdk-cookie-policy-title {
font-weight: normal !important;
font-size: 20px !important;
}
.ot-sdk-cookie-policy-group {
font-weight: normal !important;
font-size: 16px !important;
}
#cookie-policy-description,
.ot-sdk-cookie-policy-group-desc {
color: #000 !important;
font-weight: normal !important;
font-size: 16px !important;
line-height: 1.5 !important;
}
#ot-sdk-cookie-policy-v2 table {
border-radius: 0 !important;
}
#ot-sdk-cookie-policy-v2 table th,
#ot-sdk-cookie-policy-v2 table td {
padding: 10px;
}
#onetrust-accept-btn-handler,
#onetrust-reject-all-handler,
#accept-recommended-btn-handler,
.save-preference-btn-handler,
.ot-pc-refuse-all-handler,
#ot-sdk-btn {
line-height: 1 !important;
float: none !important;
font-weight: normal !important;
border-radius: 0px !important;
font-size: 0.75rem !important;
border: none !important;
letter-spacing: 1.5px !important;
white-space: nowrap !important;
transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
min-width: 0 !important;
text-transform: uppercase !important;
padding: 13px 24px !important;
width: auto !important;
}
#onetrust-accept-btn-handler.ot-sdk-show-settings,
#onetrust-reject-all-handler.ot-sdk-show-settings,
#accept-recommended-btn-handler.ot-sdk-show-settings,
.save-preference-btn-handler.ot-sdk-show-settings,
.ot-pc-refuse-all-handler.ot-sdk-show-settings,
#ot-sdk-btn.ot-sdk-show-settings {
background: black !important;
color: white !important;
}
#onetrust-accept-btn-handler:hover, #onetrust-accept-btn-handler:focus, #onetrust-accept-btn-handler.ot-sdk-show-settings:hover, #onetrust-accept-btn-handler.ot-sdk-show-settings:focus,
#onetrust-reject-all-handler:hover,
#onetrust-reject-all-handler:focus,
#onetrust-reject-all-handler.ot-sdk-show-settings:hover,
#onetrust-reject-all-handler.ot-sdk-show-settings:focus,
#accept-recommended-btn-handler:hover,
#accept-recommended-btn-handler:focus,
#accept-recommended-btn-handler.ot-sdk-show-settings:hover,
#accept-recommended-btn-handler.ot-sdk-show-settings:focus,
.save-preference-btn-handler:hover,
.save-preference-btn-handler:focus,
.save-preference-btn-handler.ot-sdk-show-settings:hover,
.save-preference-btn-handler.ot-sdk-show-settings:focus,
.ot-pc-refuse-all-handler:hover,
.ot-pc-refuse-all-handler:focus,
.ot-pc-refuse-all-handler.ot-sdk-show-settings:hover,
.ot-pc-refuse-all-handler.ot-sdk-show-settings:focus,
#ot-sdk-btn:hover,
#ot-sdk-btn:focus,
#ot-sdk-btn.ot-sdk-show-settings:hover,
#ot-sdk-btn.ot-sdk-show-settings:focus {
background: black !important;
color: white !important;
opacity: 1 !important;
}
#onetrust-pc-btn-handler {
font-size: 0.75rem !important;
text-decoration: none !important;
float: none !important;
font-weight: normal !important;
border-radius: 0px !important;
border: none !important;
letter-spacing: 1.5px !important;
white-space: nowrap !important;
min-width: 0 !important;
text-transform: uppercase !important;
padding: 0 !important;
margin: 0 !important;
}
#onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob {
border: 1px solid #FFF !important;
background-color: #000 !important;
}
#onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob:before {
border-color: #FFF !important;
background-color: #FFF !important;
}
#onetrust-pc-sdk .ot-cat-grp .ot-always-active {
color: #000 !important;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a {
background: none !important;
}
#onetrust-banner-sdk {
padding: 0px !important;
overflow: hidden !important;
}
@media screen and (max-width: 62.4375em) {
#onetrust-banner-sdk {
padding: 0px !important;
}
}
#onetrust-banner-sdk #onetrust-policy-title {
font-size: 18px !important;
font-weight: normal !important;
}
.otFlat #onetrust-banner-sdk,
.otFlat .ot-sdk-container,
.otFlat .ot-sdk-row,
.otFlat #onetrust-group-container,
.otFlat #onetrust-policy,
.otFlat #onetrust-policy-text,
.otFlat #onetrust-policy-title,
.otFlat #onetrust-button-group-parent,
.otFlat #onetrust-button-group,
.otFlat #onetrust-close-btn-handler,
.otFlat .onetrust-close-btn-handler {
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
font-size: 100% !important;
font: inherit !important;
font-weight: normal !important;
float: none !important;
line-height: 1 !important;
vertical-align: baseline !important;
width: auto !important;
height: auto !important;
box-sizing: border-box !important;
opacity: 1 !important;
transform: translate(0, 0) !important;
}
.otFlat #onetrust-banner-sdk:not(#onetrust-banner-sdk),
.otFlat .ot-sdk-container:not(#onetrust-banner-sdk),
.otFlat .ot-sdk-row:not(#onetrust-banner-sdk),
.otFlat #onetrust-group-container:not(#onetrust-banner-sdk),
.otFlat #onetrust-policy:not(#onetrust-banner-sdk),
.otFlat #onetrust-policy-text:not(#onetrust-banner-sdk),
.otFlat #onetrust-policy-title:not(#onetrust-banner-sdk),
.otFlat #onetrust-button-group-parent:not(#onetrust-banner-sdk),
.otFlat #onetrust-button-group:not(#onetrust-banner-sdk),
.otFlat #onetrust-close-btn-handler:not(#onetrust-banner-sdk),
.otFlat .onetrust-close-btn-handler:not(#onetrust-banner-sdk) {
position: static !important;
}
.otFlat #onetrust-banner-sdk::after, .otFlat #onetrust-banner-sdk::before,
.otFlat .ot-sdk-container::after,
.otFlat .ot-sdk-container::before,
.otFlat .ot-sdk-row::after,
.otFlat .ot-sdk-row::before,
.otFlat #onetrust-group-container::after,
.otFlat #onetrust-group-container::before,
.otFlat #onetrust-policy::after,
.otFlat #onetrust-policy::before,
.otFlat #onetrust-policy-text::after,
.otFlat #onetrust-policy-text::before,
.otFlat #onetrust-policy-title::after,
.otFlat #onetrust-policy-title::before,
.otFlat #onetrust-button-group-parent::after,
.otFlat #onetrust-button-group-parent::before,
.otFlat #onetrust-button-group::after,
.otFlat #onetrust-button-group::before,
.otFlat #onetrust-close-btn-handler::after,
.otFlat #onetrust-close-btn-handler::before,
.otFlat .onetrust-close-btn-handler::after,
.otFlat .onetrust-close-btn-handler::before {
position: static !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.otFlat .ot-sdk-row::after {
display: none !important;
}
.otFlat .ot-sdk-row {
display: flex !important;
max-width: none !important;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 42.5em) {
.otFlat .ot-sdk-row {
flex-wrap: wrap;
}
}
#ot-pc-content .otFlat .ot-sdk-row {
display: block !important;
margin-bottom: 5px !important;
}
.otFlat #onetrust-group-container {
flex: 0 10 auto;
}
@media screen and (max-width: 42.5em) {
.otFlat #onetrust-group-container {
flex-basis: 100%;
}
}
.otFlat #onetrust-button-group-parent {
flex: 0 0 auto;
padding-right: 30px !important;
flex-flow: row nowrap;
justify-content: center;
}
@media screen and (max-width: 42.5em) {
.otFlat #onetrust-button-group-parent {
flex-basis: 100%;
margin-top: 10px !important;
padding-right: 0px !important;
}
}
.otFlat #onetrust-button-group-parent > * {
flex: 1 0 auto;
}
.otFlat #onetrust-button-group {
display: flex !important;
flex: 0 0 auto;
flex-flow: row nowrap;
justify-content: flex-end;
align-items: center;
}
.otFlat #onetrust-button-group #onetrust-pc-btn-handler {
margin: 10px !important;
flex: 0 0 auto;
width: auto !important;
}
.otFlat #onetrust-button-group #onetrust-accept-btn-handler,
.otFlat #onetrust-button-group #onetrust-reject-all-handler {
flex: 0 0 auto;
margin: 0 0 0 5px !important;
}
@media screen and (max-width: 42.5em) {
.otFlat #onetrust-button-group {
justify-content: center;
flex-wrap: wrap-reverse;
}
}
.otFlat #onetrust-close-btn-container {
position: absolute !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
right: 5px !important;
}
@media screen and (max-width: 42.5em) {
.otFlat #onetrust-close-btn-container {
top: 5px !important;
transform: translate(0, 0) !important;
}
}
.otFloatingRoundedCorner {
max-width: 375px !important;
}
.otFloatingRoundedCorner #onetrust-policy {
margin: 0 !important;
}
.otFloatingRoundedCorner #onetrust-policy > * {
float: none !important;
}
.otFloatingRoundedCorner #onetrust-policy .banner-header {
margin: 0 0 1em !important;
}
.otFloatingRoundedCorner #onetrust-policy .banner-header:empty {
display: none;
}
.otFloatingRoundedCorner #onetrust-policy-text {
padding: 0 !important;
margin: 0 0 10px !important;
}
.otFloatingRoundedCorner .ot-sdk-container {
position: static !important;
}
.otFloatingRoundedCorner #onetrust-group-container,
.otFloatingRoundedCorner #onetrust-button-group-parent {
padding: 0 !important;
}
.otFloatingRoundedCorner #onetrust-accept-btn-handler {
margin: 10px 0 0 !important;
width: 100% !important;
}
.otFloatingRoundedCorner #onetrust-pc-btn-handler {
margin: 10px 0 0 !important;
width: auto !important;
}
.otFloatingRoundedCorner #onetrust-banner-sdk button {
margin: 0 !important;
}
.otFloatingRoundedCorner #onetrust-close-btn-container {
top: 10px !important;
right: 10px !important;
}
.otFloatingRoundedCorner #onetrust-button-group {
display: flex !important;
flex-flow: row-reverse wrap;
justify-content: center;
align-items: center;
}
.otFloatingRoundedCorner #onetrust-button-group > * {
float: none !important;
flex: 1 0 auto;
width: auto !important;
white-space: nowrap;
}
#onetrust-banner-sdk.otFloatingFlat {
padding: 0;
}
#onetrust-banner-sdk.otFloatingFlat #onetrust-policy {
margin: 0 !important;
padding: 0 !important;
}
#onetrust-banner-sdk.otFloatingFlat #onetrust-policy .banner-header {
margin: 0 0 1em !important;
}
#onetrust-banner-sdk.otFloatingFlat #onetrust-policy .banner-header:empty {
display: none;
}
#onetrust-banner-sdk.otFloatingFlat #onetrust-policy #onetrust-policy-text {
padding: 0 !important;
margin: 0 !important;
}
#onetrust-banner-sdk.otFloatingFlat .ot-sdk-container {
padding: 0px !important;
}
@media screen and (max-width: 62.4375em) {
#onetrust-banner-sdk.otFloatingFlat .ot-sdk-container {
padding: 0px !important;
}
}
#onetrust-banner-sdk.otFloatingFlat .banner-close-btn-container {
position: absolute;
top: 10px !important;
right: 10px !important;
}
#onetrust-banner-sdk.otFloatingFlat .onetrust-close-btn-handler {
height: 12px !important;
width: 12px !important;
margin: 0 !important;
}
#onetrust-banner-sdk.otFloatingFlat .ot-sdk-row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#onetrust-banner-sdk.otFloatingFlat .ot-sdk-row .ot-sdk-eight {
width: auto !important;
flex: 2 2 300px;
margin: 0 5px 0 0 !important;
}
#onetrust-banner-sdk.otFloatingFlat .ot-sdk-row .ot-sdk-four {
width: auto !important;
flex: 1 0 35%;
margin: 0 !important;
}
#onetrust-banner-sdk.otFloatingFlat #onetrust-button-group {
display: flex !important;
position: static !important;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 5px 0 !important;
}
#onetrust-banner-sdk.otFloatingFlat #onetrust-button-group button {
margin: 10px 0 !important;
}
#onetrust-banner-sdk.otFloatingFlat #onetrust-button-group #onetrust-pc-btn-handler {
width: auto !important;
margin-left: 10px !important;
margin-right: 10px !important;
}
#onetrust-banner-sdk.otCenterRounded {
top: 50% !important;
transform: translateY(-50%) !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
#onetrust-banner-sdk.otCenterRounded #onetrust-policy-title {
font-size: 18px !important;
font-weight: normal !important;
}
#onetrust-banner-sdk.otCenterRounded #onetrust-policy-text {
font-size: 0.85rem !important;
line-height: 1.5 !important;
padding-right: 10px !important;
}
@media screen and (max-width: 42.5em) {
#onetrust-banner-sdk.otCenterRounded #onetrust-policy-text {
padding-right: 0px !important;
}
}
#onetrust-banner-sdk.otCenterRounded #onetrust-policy-text a {
transition: color, 0.3s ease;
}
#onetrust-banner-sdk.otCenterRounded #onetrust-policy-text a:hover {
color: #000 !important;
}
#onetrust-banner-sdk.otCenterRounded #onetrust-button-group {
display: flex !important;
flex-direction: row-reverse;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
#onetrust-banner-sdk.otCenterRounded button {
margin: 5px !important;
}
#onetrust-banner-sdk.otCenterRounded .banner-actions-container {
width: auto !important;
margin: 5px !important;
}
#onetrust-banner-sdk #onetrust-policy-text {
font-size: 0.85rem !important;
line-height: 1.5 !important;
padding-right: 10px !important;
}
@media screen and (max-width: 42.5em) {
#onetrust-banner-sdk #onetrust-policy-text {
padding-right: 0px !important;
}
}
#onetrust-banner-sdk .onetrust-close-btn-handler {
height: 20px !important;
width: 20px !important;
}
#onetrust-banner-sdk .save-preference-btn-handler,
#onetrust-banner-sdk .ot-pc-refuse-all-handler {
height: auto !important;
width: auto !important;
margin: 20px 33px 20px 22px !important;
}
#onetrust-banner-sdk:focus {
outline: none !important;
}
#onetrust-banner-sdk #onetrust-policy-text a,
#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link {
display: inline !important;
margin: 0 !important;
font-weight: normal !important;
}
#ot-pc-content.ot-pc-scrollbar {
padding-bottom: 40px !important;
}
#ot-pc-title,
#ot-category-title,
#ot-pvcy-hdr,
.ot-cat-header,
#ot-pvcy-txt,
[id^=ot-header-id] {
text-transform: none !important;
font-weight: normal !important;
}
#ot-pc-title,
#ot-category-title,
#ot-pvcy-hdr,
.ot-cat-header {
font-size: 16px !important;
}
#ot-pc-desc,
.ot-grp-desc,
#ot-pc-desc,
#ot-pvcy-txt,
[id^=ot-header-id] {
font-size: 0.85rem !important;
font-weight: normal !important;
}
#ot-pvcy-txt,
[id^=ot-header-id] {
font-size: 0.85rem !important;
}
body.debug #onetrust-banner-sdk.otFlat.top {
top: 20px;
}
body.admin #onetrust-banner-sdk.otFlat.top {
top: 44px;
}
body.debug.admin #onetrust-banner-sdk.otFlat.top {
top: 64px;
}
#onetrust-banner-sdk.otFlat.top .ot-sdk-container {
padding: 10px 30px 10px 40px !important;
}
@media screen and (max-width: 79.1875em) {
#onetrust-banner-sdk.otFlat.top .ot-sdk-container {
padding: 10px !important;
}
}
#onetrust-banner-sdk.otFlat.top #onetrust-button-group-parent {
padding: 0 !important;
}
#onetrust-banner-sdk {
box-shadow: none !important;
}
#onetrust-banner-sdk .cookie-setting-link {
text-transform: none !important;
font-size: 0.8rem !important;
letter-spacing: normal !important;
}
#onetrust-banner-sdk .ot-cookie-policy-link {
text-decoration: underline !important;
cursor: pointer !important;
}
#ot-sdk-cookie-policy .ot-sdk-container {
padding: 0 !important;
}
#ot-sdk-cookie-policy #cookie-policy-title {
font-family: Gotham Pro, Times new roman, serif !important;
font-weight: 500 !important;
margin-bottom: 0.5em !important;
margin-top: 2em;
text-transform: uppercase;
}
#ot-sdk-cookie-policy h4 {
font-family: Gotham Pro, Times new roman, serif !important;
letter-spacing: 0.1em !important;
margin-bottom: 1em !important;
margin-top: 2em !important;
text-transform: uppercase !important;
font-weight: 500 !important;
}
#ot-sdk-cookie-policy p, #ot-sdk-cookie-policy #cookie-policy-description, #ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc {
font-family: Grotesk, Helvetica, sans-serif;
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px !important;
line-height: 1.5 !important;
margin-bottom: 1.25em !important;
color: #000000 !important;
}
#ot-sdk-btn {
padding-top: 16px !important;
padding-bottom: 16px !important;
padding: 16px 30px !important;
cursor: pointer !important;
}
.cookie-audit__prefs {
margin-bottom: 2em;
}
.header-search {
display: none;
}
.header-search--active {
display: block;
position: absolute;
background-color: #FFFFFF;
border-top: 1px solid #b1b1b1;
}
@media screen and (max-width: 79.1875em) {
.header-search--active {
top: 0;
position: fixed;
right: 0;
bottom: 50px;
left: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 12;
}
}
@media screen and (max-width: 79.1875em) and (max-width: 79.1875em) {
.header-search--active {
top: 0;
}
}
@media screen and (max-width: 79.1875em) and (max-width: 62.4375em) {
.header-search--active {
top: 0;
}
}
@media screen and (max-width: 79.1875em) and (max-width: 42.5em) {
.header-search--active {
top: 0;
}
}
@media screen and (max-width: 79.1875em) {
.body--debug .header-search--active, body.debug .header-search--active {
top: 20px;
}
}
@media screen and (max-width: 79.1875em) and (max-width: 79.1875em) {
.body--debug .header-search--active, body.debug .header-search--active {
top: 20px;
}
}
@media screen and (max-width: 79.1875em) and (max-width: 62.4375em) {
.body--debug .header-search--active, body.debug .header-search--active {
top: 0;
}
}
@media screen and (max-width: 79.1875em) {
.body--admin .header-search--active, body.admin .header-search--active {
top: 44px;
}
}
@media screen and (max-width: 79.1875em) and (max-width: 79.1875em) {
.body--admin .header-search--active, body.admin .header-search--active {
top: 44px;
}
}
@media screen and (max-width: 79.1875em) and (max-width: 62.4375em) {
.body--admin .header-search--active, body.admin .header-search--active {
top: 44px;
}
}
@media screen and (max-width: 79.1875em) and (max-width: 42.5em) {
.body--admin .header-search--active, body.admin .header-search--active {
top: 0;
}
}
@media screen and (max-width: 79.1875em) {
.body--debug.body--admin .header-search--active, body.debug.admin .header-search--active {
top: 64px;
}
}
@media screen and (max-width: 79.1875em) and (max-width: 79.1875em) {
.body--debug.body--admin .header-search--active, body.debug.admin .header-search--active {
top: 64px;
}
}
@media screen and (max-width: 79.1875em) and (max-width: 62.4375em) {
.body--debug.body--admin .header-search--active, body.debug.admin .header-search--active {
top: 44px;
}
}
@media screen and (max-width: 79.1875em) and (max-width: 42.5em) {
.body--debug.body--admin .header-search--active, body.debug.admin .header-search--active {
top: 0;
}
}
.header-search--active input {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2857142857;
flex: 1 1 auto;
width: 0;
border: none;
padding: 8px 0;
letter-spacing: 1px;
}
@media screen and (max-width: 79.1875em) {
.header-search--active input {
padding: 9px 31px 9px 0;
}
}
.header-search--active:after {
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 100vh;
display: block;
content: "";
}
.header-search__top {
display: none;
}
@media screen and (max-width: 79.1875em) {
.header-search__top {
display: block;
padding: 25px 27px 21px;
background: #F7F2EC;
}
}
.header-search__top img {
display: block;
width: 166px;
height: 10px;
}
.header-search__close {
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
height: 56px;
width: 54px;
}
@media screen and (max-width: 34.375em) {
.header-search__close {
right: 0;
}
}
.header-search__close img {
display: block;
width: 14px;
height: 14px;
}
.header-search__form {
padding: 26px 30%;
overflow: auto;
}
@media screen and (max-width: 79.1875em) {
.header-search__form {
position: relative;
padding: 20px;
background: #FFFFFF;
}
}
.header-search__form:after {
content: "";
display: block;
width: 10px;
height: 26px;
}
@media screen and (max-width: 79.1875em) {
.header-search__form:after {
height: 20px;
}
}
.header-search__form img {
display: none;
}
@media screen and (max-width: 79.1875em) {
.header-search__form img {
display: block;
position: absolute;
top: 39px;
right: 20px;
width: 21px;
height: 21px;
transform: translateY(-50%);
}
}
.header-search__fieldset {
display: flex;
flex-wrap: wrap;
align-items: stretch;
border-bottom: 1px solid #b1b1b1;
}
.header-search__submit {
font-size: 10px;
font-size: 0.625rem;
line-height: 1.3;
font-weight: 700;
padding: 0;
background: transparent;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.search-results {
position: relative;
margin-top: 30px;
}
@media screen and (max-width: 79.1875em) {
.search-results {
margin-top: 32px;
}
}
.searchandise-partial .search-results {
margin-top: 0px;
}
@media screen and (max-width: 79.1875em) {
.searchandise-partial .search-results {
margin-top: 0px;
}
}
.search-results__list {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 16px;
font-size: 1rem;
line-height: 2;
text-align: left;
}
.search-results__list a {
color: #000000;
text-decoration: none;
}
.search-results__title {
font-weight: 700;
}
@media screen and (max-width: 79.1875em) {
.search-results__title {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
margin-bottom: 15px;
letter-spacing: 1.6px;
}
}
@media screen and (max-width: 79.1875em) {
.search-results__item {
margin-bottom: 15px;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
letter-spacing: 1.5px;
}
.search-results__item:last-child {
margin-bottom: 0;
}
}
.search-results__loading {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #FFFFFF url("../images/ajax-loaderbw.gif") no-repeat scroll center center;
opacity: 0.9;
filter: alpha(opacity=90);
}
.header-search--hidden {
display: none;
}
.header--searchandise.header--clear {
padding-bottom: 0 !important;
}
@media screen and (max-width: 79.1875em) {
.header--searchandise .header__content {
min-height: 60px;
}
}
.header--searchandise .header__actions {
padding: 16px 0 19px !important;
}
@media screen and (max-width: 79.1875em) {
.header--searchandise .header__actions {
padding: unset !important;
}
}
.header--searchandise .header-nav__item {
padding: 32px 0 30px;
}
@media screen and (max-width: 79.1875em) {
.header--searchandise .header-nav__item {
padding: unset !important;
}
}
@media screen and (max-width: 86.875em) {
.header--searchandise .header-nav__item .header-nav__button {
padding: 0 9px;
}
}
@media screen and (max-width: 83.75em) {
.header--searchandise .header-nav__item .header-nav__button {
padding: 0 7px;
}
}
@media screen and (max-width: 79.1875em) {
.header--searchandise .header-nav__item .header-nav__button {
padding: 21px 7px 19px;
}
}
.header__logo--searchandise {
height: 12px;
width: 200px;
}
@media screen and (max-width: 79.1875em) {
.header__logo--searchandise {
z-index: 15;
}
}
.header__logo--searchandise img {
width: 200px !important;
height: 12px !important;
}
@media screen and (max-width: 79.1875em) {
.header__logo--searchandise img {
width: 188px !important;
}
}
.header-actions.header-actions--searchandise .header-actions__item {
top: 2px;
transition: opacity 0.3s;
}
.header-actions.header-actions--searchandise .header-actions__item img[src*="/2020/search"] {
width: 17px;
height: 17px;
}
.header-actions.header-actions--searchandise .header-actions__item img[src*="/2020/basket"] {
width: 16px;
height: 18px;
}
.header-actions.header-actions--searchandise .header-actions__item img[src*="/2020/account"] {
width: 17px;
height: 18px;
}
.header-actions.header-actions--searchandise .header-actions__item img[src*="/2020/heart"] {
width: 18px;
height: 16px;
}
.header-actions.header-actions--searchandise .header-actions__item:hover {
opacity: 0.6;
}
.header-actions.header-actions--searchandise .header-actions__item--wishlist-desktop-ordered {
order: 1;
}
@media screen and (max-width: 79.1875em) {
.header__actions--searchandise {
width: 40% !important;
}
}
@media screen and (max-width: 79.1875em) {
.header-nav__wrapper--searchandise .alt-header__logo {
margin-left: 13px !important;
}
}
@media screen and (max-width: 79.1875em) {
.header-nav__wrapper--searchandise .alt-header__basket {
right: 56px !important;
}
}
@media screen and (max-width: 79.1875em) {
.header-nav__wrapper--searchandise .header-nav__toggle-open,
.header-nav__wrapper--searchandise .header-nav__toggle-close {
position: absolute !important;
left: unset !important;
right: 13px;
top: 18px !important;
}
.header-nav__wrapper--searchandise .header-nav__toggle-open img,
.header-nav__wrapper--searchandise .header-nav__toggle-close img {
width: 20px !important;
}
}
/** Form input and overrides **/
.header-searchandise {
margin-right: 20px;
position: relative;
}
@media screen and (max-width: 79.1875em) {
.header-searchandise {
background: #FFFFFF;
position: relative;
top: 30px;
justify-content: center;
width: 100%;
padding: 5px 13px 15px;
}
}
.header-searchandise form {
width: 100%;
max-width: 350px;
max-height: 34px;
}
@media screen and (max-width: 83.75em) {
.header-searchandise form {
max-width: 180px;
}
}
@media screen and (max-width: 79.1875em) {
.header-searchandise form {
max-width: unset;
max-height: unset;
min-height: 37px;
}
}
.header-searchandise form input {
white-space: nowrap;
text-overflow: ellipsis;
}
.header-searchandise--desktop {
display: flex;
order: 1;
}
@media screen and (max-width: 79.1875em) {
.header-searchandise--desktop {
display: none;
}
}
.header-searchandise--mobile {
display: none;
}
@media screen and (max-width: 79.1875em) {
.header-searchandise--mobile {
display: flex;
z-index: 20;
}
}
.header-searchandise__close {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.6666666667;
letter-spacing: 1.5px;
font-weight: 500;
text-transform: uppercase;
display: none;
position: absolute;
top: 15px;
right: 24px;
}
.header-searchandise__close img {
margin-left: 10px;
position: relative;
top: -6px;
}
.header-searchandise__action {
position: absolute;
display: none;
}
.header-searchandise__action img[src*="/2020/search"] {
width: 14px;
height: 17px;
}
.header-searchandise__action img[src*="/2020/basket"] {
width: 16px;
height: 18px;
}
.header-searchandise__action img[src*="/2020/account"] {
width: 17px;
height: 18px;
}
.header-searchandise__action img[src*="/2020/heart"] {
width: 18px;
height: 16px;
}
@media screen and (max-width: 79.1875em) {
.header-searchandise__action {
display: block;
}
}
.header-searchandise__action--wishlist {
right: 128px;
top: 12px;
}
.header-searchandise__action--account {
right: 93px;
top: 12px;
}
.header-searchandise__fieldset {
display: flex;
border-radius: 20px;
background: #f1eee4;
padding: 10px 10px 10px 20px;
width: 230px;
align-items: center;
justify-content: space-between;
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
letter-spacing: 0.25px;
}
@media screen and (max-width: 83.75em) {
.header-searchandise__fieldset {
width: auto;
}
}
@media screen and (max-width: 79.1875em) {
.header-searchandise__fieldset {
width: 100%;
}
}
.header-searchandise__fieldset > input {
border: none;
background: none;
width: inherit;
color: #000000;
letter-spacing: 0.5px;
}
@media screen and (max-width: 83.75em) {
.header-searchandise__fieldset > input {
width: calc(100% - 29px);
overflow: hidden;
}
}
.header-searchandise__fieldset > input::-moz-placeholder {
color: #999999;
letter-spacing: 0.5px;
}
.header-searchandise__fieldset > input::placeholder {
color: #999999;
letter-spacing: 0.5px;
}
.header-searchandise__fieldset > span {
margin-left: 12px;
}
.header-searchandise__fieldset > span img {
display: block;
margin: 0 auto;
}
.header-searchandise__fieldset > span img[src*="/2020/search"] {
width: 17px;
height: 17px;
}
.header-searchandise__fieldset .icon-black {
transition: filter 0.3s ease;
}
.header--clear .header-searchandise__fieldset .icon-black {
filter: invert(1);
}
.header--clear .header-searchandise__fieldset {
background-color: rgba(247, 242, 236, 0.15);
}
.header--clear .header-searchandise__fieldset > input {
color: #FFFFFF;
letter-spacing: 0.5px;
}
.header--clear .header-searchandise__fieldset > input::-moz-placeholder {
color: #FFFFFF;
letter-spacing: 0.5px;
}
.header--clear .header-searchandise__fieldset > input::placeholder {
color: #FFFFFF;
letter-spacing: 0.5px;
}
/** Search Results **/
.searchandise-content {
display: none;
background: #FFFFFF;
width: 100% !important;
min-height: -moz-fit-content;
min-height: fit-content;
/* Carousel overrides */
}
@media screen and (max-width: 79.1875em) {
.searchandise-content {
height: 100vH;
position: absolute;
z-index: 15;
top: 95px;
padding-bottom: 30px;
}
}
.searchandise-content.searchandise-content--active-a {
display: block;
opacity: 0;
transition: opacity 0.3s ease-in;
}
.searchandise-content.searchandise-content--active-b {
opacity: 1;
}
.searchandise-content .carousel__content {
margin-bottom: 5px;
}
@media screen and (max-width: 79.1875em) {
.searchandise-content .carousel__content {
margin-bottom: 25px;
margin-right: -13px;
}
}
.searchandise-content .carousel__header {
margin-bottom: 25px;
padding: 0;
}
@media screen and (max-width: 79.1875em) {
.searchandise-content .carousel__header {
padding-bottom: 20px;
}
}
.searchandise-content .carousel__nav {
align-items: baseline;
}
.searchandise-content .carousel__nav .slick-arrow {
height: unset;
}
.searchandise-content .carousel__footer {
margin: 40px 0;
padding: 0;
}
.searchandise-content__tile-image img {
width: 227px;
height: 273px;
}
@media screen and (max-width: 79.1875em) {
.searchandise-content__tile-image img {
width: 224px;
height: 272px;
}
}
.searchandise-content__close {
min-height: 100vh;
border: 1px solid red;
}
.searchandise-content-wrap {
padding: 15px 40px;
}
@media screen and (max-width: 79.1875em) {
.searchandise-content-wrap {
margin-top: 0;
padding: 0 13px 15px;
}
}
.searchandise-content__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
margin-bottom: 25px;
}
@media screen and (max-width: 79.1875em) {
.searchandise-content__title {
margin-bottom: 20px;
}
}
.searchandise-content__no-results {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.4;
letter-spacing: 0.5px;
display: none;
justify-content: center;
align-items: center;
padding: 20px 0 30px;
margin-bottom: 35px;
border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 79.1875em) {
.searchandise-content__no-results {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3888888889;
padding: 35px 0 30px;
margin-bottom: 10px;
justify-content: flex-start;
}
}
.searchandise-content__no-results span {
font-weight: 600;
}
.searchandise-content__no-results.searchandise-content__no-results--show {
display: flex;
}
@media screen and (max-width: 79.1875em) {
.searchandise-content__with-results {
-webkit-overflow-scrolling: touch;
overflow: scroll;
margin: 30px 0;
height: 70vH;
overscroll-behavior-y: contain;
}
}
/* .searchandise-content--left {} */
.searchandise-content__popular,
.searchandise-content__related,
.searchandise-content__explore,
.searchandise-content__results {
display: none;
}
.searchandise-content__popular.searchandise-content--panel--active,
.searchandise-content__related.searchandise-content--panel--active,
.searchandise-content__explore.searchandise-content--panel--active,
.searchandise-content__results.searchandise-content--panel--active {
display: block;
}
.searchandise-content__list {
margin-left: -10px;
}
@media screen and (max-width: 79.1875em) {
.searchandise-content__list {
display: flex;
flex-wrap: wrap;
}
}
.searchandise-content__list-link {
width: -moz-fit-content;
width: fit-content;
transition: transform 0.3s;
}
.searchandise-content__list-link a {
display: block;
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2857142857;
letter-spacing: 0.5px;
color: #000000;
margin: 10px;
background: #f1eee4;
padding: 10px 15px;
width: -moz-fit-content;
width: fit-content;
}
@media screen and (max-width: 79.1875em) {
.searchandise-content__list-link a {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
padding: 9px 12px;
margin: 5px;
}
}
.searchandise-content__list-link:hover {
transform: scale(1.025);
}
@media screen and (max-width: 62.4375em) {
.searchandise-content__right {
padding-top: 35px;
}
}
.searchandise-content__carousel-title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
}
.searchandise-content__carousel-tile {
margin-right: 25px;
}
.searchandise-content__tile {
margin-right: 25px;
}
.searchandise-content__tile-link {
position: relative;
display: block;
color: inherit;
text-decoration: none;
transition: transform 0.3s;
}
.searchandise-content__tile-link:hover {
transform: scale(1.025);
}
.searchandise-content__tile-title {
position: relative;
}
.searchandise-content__tile-title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.0714285714;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 500;
color: #000000;
position: relative;
z-index: 55;
bottom: 31px;
left: 27px;
}
@media screen and (max-width: 79.1875em) {
.searchandise-content__tile-title {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.0714285714;
left: 25px;
}
}
.searchandise-content__results-count {
padding: 0 !important;
}
.searchandise-content__loading {
min-height: 510px;
width: 100%;
display: none;
align-items: center;
justify-content: center;
}
.searchandise-content__loading--active {
display: flex;
}
.searchandise-content__loading-spinner img {
animation: spinner-rotation 5s infinite linear;
}
.locale-close {
display: none;
}
.locale-modal__main {
margin-top: 37px;
min-height: 300px;
max-width: 480px;
}
.locale-modal__main--no-margin {
margin-top: 0;
}
.locale-modal__select {
margin: 27px 0;
}
.title-block__title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.4;
}
.title-block--padding-sides {
padding-left: 20px;
padding-right: 20px;
}
.title-block__line {
border-top: 1px solid #b1b1b1;
margin: 0 -5px;
}
.button-brand--right {
float: right;
}
.locale-modal__body {
margin-bottom: 20px;
}
.locale-modal__content {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5833333333;
letter-spacing: 0.68px;
}
.locale-modal__content .bag-total {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.3571428571;
letter-spacing: 0.79px;
margin-bottom: 25px;
}
.locale-modal__action {
border-top: 1px solid #dfdfdf;
padding-top: 31px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 34.375em) {
.locale-modal__action {
flex-direction: row;
}
}
@media screen and (max-width: 34.375em) {
.locale-modal__action .button--cancel {
margin-bottom: 10px;
}
}
@media screen and (max-width: 34.375em) {
.mfp-modal__inner-wrap .locale-modal__action .button--confirm {
width: auto;
}
}
.locale-modal__action .button--confirm:after {
display: inline-block;
}
.locale-modal__body {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5833333333;
}
.locale-modal__body .richtext h6 {
font-family: Grotesk, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
letter-spacing: 1.5px;
font-size: 10.5px;
font-size: 0.65625rem;
line-height: 1.0476190476;
letter-spacing: 1.5px;
margin-bottom: 17px;
}
.locale-modal__body .button--confirm:after {
display: inline-block;
}
@media screen and (max-width: 34.375em) {
.title-block__line {
display: none;
}
.mfp-modal__inner-wrap .locale-modal__main {
margin-top: 0px;
}
.mfp-modal__inner-wrap .title-block {
display: none;
}
.mfp-modal__inner-wrap .button--brand {
width: 100%;
display: block;
}
.mfp-modal__inner-wrap .locale-modal__content {
margin-left: 20px;
margin-right: 20px;
}
.mfp-modal__inner-wrap .select-replace,
.mfp-modal__inner-wrap .locale-modal__body,
.mfp-modal__inner-wrap .locale-modal__body ul {
font-size: 13px;
font-size: 0.8125rem;
}
}
.grid--static {
position: static;
}
html:not(.chat-enabled) .chat-toggle--enabled,
html:not(.chat-enabled) .chat-toggle--open,
html:not(.chat-enabled) .chat-toggle--closed,
html:not(.chat-enabled) .chat-link {
display: none !important;
}
html.chat-enabled .chat-toggle--disabled {
display: none !important;
}
html:not(.chat-open) .chat-toggle--open,
html.chat-open .chat-toggle--closed {
display: none !important;
}
.chat-link .action-link__count {
display: none;
}
.chat-counter--zero {
display: none;
}
.chat-counter--not-zero {
display: flex;
}
.klarna-block__info img.klarna-transparent {
width: 60px;
padding: 0 5px;
vertical-align: unset;
display: inline;
}
.klarna-block__info a {
text-decoration: underline;
}
.klarna-white-popup .mfp-content {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px !important;
margin: 20px auto;
border-radius: 0 !important;
}
.klarna-white-popup .mfp-content img.klarna-transparent {
width: 100px;
margin: auto;
}
.klarna-white-popup .mfp-content .klarna-white-popup__header {
margin-bottom: 10px;
}
.klarna-white-popup .mfp-content .klarna-white-popup__header h2 {
font-weight: 700;
}
.klarna-white-popup .mfp-content .klarna-white-popup__content {
font-size: 11px;
font-size: 0.6875rem;
line-height: 1.2727272727;
}
.klarna-white-popup .mfp-content .klarna-white-popup__content img.klarna-logo {
width: 80px;
margin: unset;
margin-top: -26px;
margin-left: 198px;
}
@media (max-width: 360px) {
.klarna-white-popup .mfp-content .klarna-white-popup__content img.klarna-logo {
width: 60px;
margin-top: -30px;
}
}
.klarna-white-popup .mfp-content .klarna-white-popup__content .klarna-steps {
margin-bottom: 10px;
}
.klarna-white-popup .mfp-content .klarna-white-popup__content .klarna-steps li {
text-indent: -17px;
margin-left: 20px;
}
.klarna-white-popup .mfp-content .klarna-white-popup__content .klarna-steps li::before {
content: " ";
display: inline-block;
width: 10px;
height: 10px;
background-color: #000;
border: solid 2px white;
border-radius: 5px;
}
.klarna-white-popup .mfp-content .klarna-white-popup__content .klarna-steps li::after {
content: " ";
display: block;
width: 4px;
height: 35px;
background-color: #000;
margin-left: -14px;
}
.klarna-white-popup .mfp-content .klarna-white-popup__content .klarna-steps li:last-of-type::after {
display: none;
}
.klarna-white-popup .mfp-content .klarna-white-popup__content .klarna-steps li.klarna-steps__logo::after {
margin-top: -16px;
}
@media (max-width: 360px) {
.klarna-white-popup .mfp-content .klarna-white-popup__content .klarna-steps li.klarna-steps__logo::after {
margin-top: unset;
}
}
.klarna-white-popup .mfp-content .klarna-white-popup__footer {
padding: 20px 0;
}
.klarna-white-popup .mfp-content .klarna-white-popup__footer .button--black {
width: 100%;
margin: auto;
background: 0 0;
border: 1px solid #000;
font-size: 11px;
font-size: 0.6875rem;
line-height: 1.2727272727;
padding: 10px;
text-transform: uppercase;
}
@media screen and (max-width: 34.375em) {
.mfp-wrap.klarna-white-popup.mfp-ready {
top: 0 !important;
position: fixed !important;
}
}
.pdp-pay-later-container {
margin-bottom: 0;
}
.pdp-pay-later-container > *:first-child {
--pdp-osm-border-top-left-radius: 3px;
--pdp-osm-border-top-right-radius: 3px;
}
.pdp-pay-later-container > *:last-child {
--pdp-osm-margin-bottom: 0;
--pdp-osm-border-bottom-left-radius: 3px;
--pdp-osm-border-bottom-right-radius: 3px;
}
.paypal-block__info {
box-sizing: border-box;
margin-bottom: var(--pdp-osm-margin-bottom, 1px);
padding: 12px 16px;
border: 0;
border-top-left-radius: var(--pdp-osm-border-top-left-radius, 0);
border-top-right-radius: var(--pdp-osm-border-top-right-radius, 0);
border-bottom-left-radius: var(--pdp-osm-border-bottom-left-radius, 0);
border-bottom-right-radius: var(--pdp-osm-border-bottom-right-radius, 0);
background: #f9f6f2;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
min-height: 39px;
}
.paypal-block__info a {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
text-decoration: underline;
}
.paypal-block__info a:hover {
text-decoration: underline;
}
.checkout__payment-options .paypal-block__info {
--pdp-osm-border-top-left-radius: 3px;
--pdp-osm-border-top-right-radius: 3px;
--pdp-osm-margin-bottom: 0;
--pdp-osm-border-bottom-left-radius: 3px;
--pdp-osm-border-bottom-right-radius: 3px;
margin-top: 1rem;
min-height: 39px;
}
.product-details__paypal-message:not(:empty) {
margin-bottom: -5px;
}
.product-details__paypal-message > * {
display: none;
}
.product-details__paypal-message > *:first-child {
display: block;
}
klarna-placement {
display: block;
margin: 0;
min-height: 58.3333px;
}
klarna-placement::part(osm-container) {
box-sizing: border-box;
margin-bottom: var(--pdp-osm-margin-bottom, 1px);
padding: 12px 16px;
border: 0;
border-top-left-radius: var(--pdp-osm-border-top-left-radius, 0);
border-top-right-radius: var(--pdp-osm-border-top-right-radius, 0);
border-bottom-left-radius: var(--pdp-osm-border-bottom-left-radius, 0);
border-bottom-right-radius: var(--pdp-osm-border-bottom-right-radius, 0);
background: #f9f6f2;
}
klarna-placement::part(osm-message) {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
}
klarna-placement::part(osm-cta) {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
text-decoration: underline;
}
klarna-placement::part(osm-cta):hover {
text-decoration: underline;
}
klarna-placement::part(osm-legal) {
margin-top: 5px;
font-size: 10px;
font-size: 0.625rem;
line-height: 1.3;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
letter-spacing: normal;
text-align: left;
color: #787471;
}
.klarna-block__info {
box-sizing: border-box;
margin-bottom: var(--pdp-osm-margin-bottom, 1px);
padding: 12px 16px;
border: 0;
border-top-left-radius: var(--pdp-osm-border-top-left-radius, 0);
border-top-right-radius: var(--pdp-osm-border-top-right-radius, 0);
border-bottom-left-radius: var(--pdp-osm-border-bottom-left-radius, 0);
border-bottom-right-radius: var(--pdp-osm-border-bottom-right-radius, 0);
background: #f9f6f2;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
}
.klarna-block__info a {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1666666667;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
text-decoration: underline;
font-weight: normal;
}
.klarna-block__info a:hover {
text-decoration: underline;
}
.newsletter-popup .main_content {
margin-bottom: 30px;
}
.newsletter-popup .main_content h1 {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.4;
margin-bottom: 30px;
}
.newsletter-popup .main_content p {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5833333333;
letter-spacing: 0.68px;
}
.newsletter-popup .main_content p em {
display: inline-block;
margin-top: 20px;
}
@media (max-width: 550px) {
.newsletter-popup .main_content > .m-hidden {
display: block !important;
}
}
.newsletter-popup .modal-newsletter__button-wrap .button {
background: none !important;
color: #000000;
padding: 0;
}
.newsletter-popup .modal-newsletter__button-wrap .button:hover {
background: none !important;
color: #000000;
}
.newsletter-popup .field--date-select {
margin: 20px 0;
justify-content: space-between;
}
@media (max-width: 550px) {
.newsletter-popup .content-modal__body .m-hidden,
.newsletter-popup .modal-newsletter__input-wrap .m-hidden {
display: block !important;
margin-bottom: 20px;
}
}
@media (max-width: 550px) {
.newsletter-popup .content-modal__body .date-fix,
.newsletter-popup .modal-newsletter__input-wrap .date-fix {
width: 100%;
}
}
.newsletter-popup .modal-newsletter__error {
font-size: 9px;
font-size: 0.5625rem;
line-height: 1.2222222222;
display: flex;
align-items: flex-start;
text-align: right;
color: #970202;
letter-spacing: 0.9px;
margin-top: 15px;
}
@media screen and (max-width: 42.5em) {
.newsletter-popup .modal-newsletter__error {
padding-right: 22px;
text-align: center;
}
}
@media (max-width: 550px) {
.newsletter-popup .modal-newsletter__error.m-hidden:not([style="display: none;"]) {
display: block !important;
margin-bottom: 15px;
}
}
.newsletter-popup .modal-newsletter__error img {
width: 18px;
height: 20px;
margin-top: -5px;
margin-right: 4px;
}
.newsletter-popup .popup__close, .newsletter-popup button.black-friday-popup__close, .newsletter-popup .locale-close,
.newsletter-popup .popup__close:active {
top: 4px;
right: 4px;
}
.basket-popover-wrapper--redesign {
position: absolute;
right: 1em;
top: 3.5em;
width: 350px;
background: white;
z-index: 250;
}
.basket-popover-wrapper--redesign img {
display: unset;
height: unset;
max-width: unset;
}
.basket-popover-wrapper--redesign .basket-summary .basket-summary__points li {
text-indent: unset;
}
.basket-popover-wrapper--redesign .basket-popover {
position: relative;
border: 1px solid #b1b1b1;
text-align: left;
background: white;
}
.basket-popover-wrapper--redesign .basket-popover__close {
position: absolute;
padding: 18px;
top: 0px;
right: 0px;
background: url(https://cfs3.monicavinader.com/static/images/2020/cross.77769.svg) no-repeat center;
}
@media screen and (max-width: 34.375em) {
.basket-popover-wrapper--redesign .basket-popover__close {
padding: 12px;
}
}
.basket-popover-wrapper--redesign .basket-popover__products {
max-height: 300px;
overflow: scroll;
}
.basket-popover-wrapper--redesign .basket-popover__product:not(:last-of-type) {
border-bottom: 1px solid #eee;
padding-bottom: 12px;
margin-bottom: 12px;
}
.basket-popover-wrapper--redesign .basket-popover__title {
font-size: 16px;
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.6px;
margin-bottom: 4px;
font-weight: bold;
letter-spacing: 0.1em;
}
.basket-popover-wrapper--redesign .basket-popover__subtitle {
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 1em;
text-transform: none;
letter-spacing: 0;
}
.basket-popover-wrapper--redesign .popover-item {
font-size: 0 !important;
letter-spacing: normal;
word-spacing: normal;
}
.basket-popover-wrapper--redesign .popover-item > * {
display: inline-block;
font-size: 15px;
font-size: 0.9375rem;
}
.basket-popover-wrapper--redesign .popover-items {
max-height: 14.5em;
overflow-y: auto;
}
.basket-popover-wrapper--redesign .popover-item__image,
.basket-popover-wrapper--redesign .popover-item__content {
vertical-align: top;
}
.basket-popover-wrapper--redesign .popover-item__image {
width: 30%;
padding-right: 10px;
}
.basket-popover-wrapper--redesign .popover-item__image img {
width: 100%;
height: auto;
}
.basket-popover-wrapper--redesign .popover-item__content {
width: 70%;
padding-right: 0.5em;
}
.basket-popover-wrapper--redesign .popover-item__title,
.basket-popover-wrapper--redesign .popover-item__availability,
.basket-popover-wrapper--redesign .popover-item__price {
margin-bottom: 2px;
font-size: 12px;
font-size: 0.75rem;
}
.basket-popover-wrapper--redesign .popover-item__title {
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
}
.basket-popover-wrapper--redesign .popover-item__title a {
color: #000000;
}
.basket-popover-wrapper--redesign .popover-item__title:hover a {
text-decoration: underline;
}
.basket-popover-wrapper--redesign .popover-item__subtitle {
font-size: 12px;
font-size: 0.75rem;
margin-bottom: 5px;
}
.basket-popover-wrapper--redesign .inline-dot::before {
content: "ยท";
font-style: normal;
margin: 0 0.5em;
}
.basket-popover-wrapper--redesign .popover-item__remove {
font-size: 12px;
font-size: 0.75rem;
text-decoration: underline;
color: #333;
transition: 0.15s ease-in-out;
}
.basket-popover-wrapper--redesign .popover-item__remove:hover {
color: #000;
}
.basket-popover-wrapper--redesign .basket-popover .basket-summary {
padding: 16px;
font-size: 0.8rem;
background: #EFEFEF;
margin-bottom: 0;
}
.basket-popover-wrapper--redesign .basket-popover .basket-summary .basket-summary__title {
letter-spacing: 2px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0.5em;
}
.basket-popover-wrapper--redesign .basket-popover .basket-summary .basket-summary__subtitle {
font-size: 1em;
margin-bottom: 0.5em;
}
.basket-popover-wrapper--redesign .basket-popover .basket-summary .basket-summary__points {
-moz-columns: 2;
columns: 2;
}
.basket-popover-wrapper--redesign .basket-popover .basket-summary .basket-summary__points li {
padding: 6px 6px 6px 0;
display: inline-block;
}
.basket-popover-wrapper--redesign .basket-popover .basket-summary .basket-summary__points li img {
width: 15px;
height: 16px;
}
.basket-popover-wrapper--redesign .basket-popover .basket-summary .basket-summary__points li span {
margin-right: 0.9em;
vertical-align: middle;
}
.basket-popover-wrapper--redesign .basket-summary--separator {
border-bottom: 2px solid white;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover--mobile {
display: none;
text-align: center;
padding: 0.75em;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover--mobile p {
margin-bottom: 0;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover-container {
padding: 16px;
padding-bottom: 0;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover__subtotal {
font-size: 0.875em;
text-align: right;
display: block;
padding: 8px 16px;
font-weight: bold;
margin-bottom: 0;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover__subtotal span {
font-weight: normal;
padding-left: 0.5em;
}
.basket-popover-wrapper--redesign .basket-popover .button--checkout {
display: none !important;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover__buttons {
padding: 8px 16px;
text-transform: uppercase;
letter-spacing: 2px;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover__secure {
font-size: 0.75em;
background: #EFEFEF;
text-transform: uppercase;
letter-spacing: 0.125em;
line-height: 3em;
display: flex;
justify-content: center;
align-items: center;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover__secure span {
margin-left: 5px;
}
@media screen and (max-width: 34.375em) {
#js-added-item-container.basket-popover-wrapper--redesign {
width: 100%;
border: 0;
position: fixed;
top: unset;
right: 0;
bottom: 50px;
}
.basket-popover-wrapper--redesign .basket-mobile-popover__close {
vertical-align: middle;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover--mobile {
display: block;
animation: goldFlashIn 5s;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover--mobile .basket-popover-mobile-container {
display: flex;
padding: 15px;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover--mobile .basket-popover-mobile-container p {
white-space: nowrap;
font-size: 0.8rem;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover--mobile .basket-popover-mobile-container {
padding: 0 !important;
margin: 0 20px;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover--mobile .basket-popover-mobile-container .popover-item__image {
width: 20%;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover--mobile .basket-popover-mobile-container .popover-item__content p {
white-space: nowrap;
padding: 18px 5px;
font-size: 0.8rem;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover__subtotal,
.basket-popover-wrapper--redesign .basket-popover .basket-popover__buttons,
.basket-popover-wrapper--redesign .basket-popover .basket-popover__secure,
.basket-popover-wrapper--redesign .basket-popover .basket-summary,
.basket-popover-wrapper--redesign .basket-popover .basket-popover-container {
display: none;
}
.basket-popover-wrapper--redesign .basket-popover .basket-popover--mobile--image {
padding: 0;
}
}
@keyframes goldFlashIn {
0% {
background: #f1eee4;
color: white;
}
100% {
background: white;
color: black;
}
}
#js-added-wishlist-container {
width: 300px;
}
#wishlist-popover {
padding: 20px;
}
#wishlist-popover .basket-popover__title {
font-weight: unset;
margin-bottom: 15px;
}
#wishlist-popover .popover-item__title {
font-weight: unset;
}
#wishlist-popover .basket-popover__product {
margin-bottom: 1em;
}
.basket-summary .basket-summary__points li {
display: block !important;
}
span.voucher-item-group {
padding-left: 20px;
}
span.basket-subtotal__price {
padding-right: 20px;
}
.button--brand:after,
.button--secondary:after {
display: none;
}
.button--brand,
.account-main .toggle-button__off,
.account-main .toggle-button__input:checked + .toggle-button__wrap .toggle-button__on {
background-color: #000000 !important;
font-size: 0.625rem !important;
}
.toggle-button__wrap .toggle-button__on {
font-size: 0.625rem !important;
}
.account-main .toggle-button__input:checked + .toggle-button__wrap .toggle-button__off {
background-color: #FFFFFF !important;
}
.button--small, .button--small > * {
font-size: 0.625rem !important;
}
div.field-radio .radio-replace__value.checked::after {
background-color: #000000 !important;
}
a.account-choice__primary-action span {
padding: 0 !important;
}
.account-form .timeline__marker {
background-color: #000000 !important;
}
.account-main .button > span {
padding: 1em !important;
font-size: 0.625rem !important;
background-color: transparent !important;
}
.account-main .button--brand:hover {
background-color: #333 !important;
}
.account-main .button--secondary:hover {
background-color: #000 !important;
color: #fff !important;
}
.account-main .field-info label .info {
background-color: #000 !important;
}
.account-main .checkbox-replace {
top: -2.5px;
left: -2.5px;
}
.account-main .field--checkbox--text-before .checkbox-replace {
left: 10px;
}
.account-main .radio-option-selected .radio-option-wrap,
.account-main .radio-option-selected input {
background-color: #f1eee4 !important;
}
.account-main .radio-option-wrap {
border: 1px solid #f1eee4 !important;
}
.account-main .radio-block__price span {
color: #000000;
}
.account-main .pagination__item-content {
color: #000000 !important;
}
.account-main .pagination__item--active {
color: #333 !important;
}
.account-main .pagination__item:not(.pagination__item--active, .pagination__item--ellipsis):hover, .account-main .pagination__item:not(.pagination__item--active, .pagination__item--ellipsis):focus {
color: #333 !important;
}
.account-main .panel__detail--highlight {
color: #666 !important;
}
.account-sidebar .ui-icon__badge,
.account-welcome__initials {
background-color: #666 !important;
}
.ui-icon--mv-circle {
width: 26px;
height: auto;
}
.create-account__intro .richtext p {
font-size: 14px;
}
.create-account__form [id=customer_optin_wrap] label {
float: left !important;
font-size: 14px !important;
margin-bottom: 8px;
}
p.error a {
text-decoration: underline;
color: #333;
}
.panel__title {
font-size: 14px !important;
}
.panel__title:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 22px;
}
.account-nav__cursive {
flex-grow: 0 !important;
font-family: "Caslon";
text-transform: none;
font-size: 20px;
font-weight: normal;
letter-spacing: 0;
}
@media screen and (max-width: 62.4375em) {
.account-nav__cursive {
flex-grow: 1 !important;
}
}
.account-nav__list-item-content {
flex-wrap: wrap;
}
.account-nav__list-item-content__right-text {
text-transform: none;
padding-left: 15px;
letter-spacing: 0.5px;
font-size: 12px;
line-height: 15px;
}
.account-nav__list-item-subtitle_text {
flex: 1 0 100%;
text-transform: none;
padding-left: 50px;
padding-top: 13px;
}
.account-nav__list-item-content--active {
border-right: 2px solid #666 !important;
}
.account-nav__list:nth-child(2) {
margin-top: 0;
}
.returns-account-choice__primary-action span {
background-color: #000 !important;
}
.account-main #shipping_service_wrap label span {
color: #333;
font-weight: bold;
}
#amend-order-gift-options-block {
padding: 25px;
}
#amend-order-gift-options-block .button {
background: #000000;
color: #FFFFFF;
}
#amend-order-gift-options-block .button span {
background: transparent;
}
@media screen and (max-width: 34.375em) {
#amend-order-gift-options-block label.radio {
display: block;
margin-bottom: 10px;
}
}
/*
* Order gift options amendment modal
*/
.mfp-content {
/* Hide scrollbar for IE, Edge and Firefox */
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
/* Hide scrollbar for Chrome, Safari and Opera */
}
.mfp-content::-webkit-scrollbar {
display: none;
}
.mfp-content #amend-order-gift-options-block .snippet-content, .mfp-content #amend-order-gift-options-block label, .mfp-content #amend-order-gift-options-block h4, .mfp-content #amend-order-gift-options-block textarea {
color: #000000;
}
.mfp-content #amend-order-gift-options-block .button span {
font-size: 1rem;
line-height: 1.5;
}
#order_included_giftbags_wrap label.field__label,
#order_include_giftmessage_wrap label.field__label {
margin-bottom: -10px;
}
#order_included_giftbags_wrap label.radio,
#order_include_giftmessage_wrap label.radio {
margin-top: 10px;
}
.floating-chat-button {
display: block;
position: fixed;
bottom: 100px;
right: 0;
padding: 1em;
font-size: 14px;
transform: rotate(-90deg) translate(50%, 50%) translateZ(0);
background: #000 !important;
color: #fff;
text-transform: uppercase;
letter-spacing: 4px;
z-index: 9999;
line-height: 1;
box-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 34.375em) {
.floating-chat-button--not-mobile {
display: none;
}
}
#zowieShadow {
z-index: 1000 !important;
}
#zowieFloatingButton, #zowieFloatingButtonMobile {
z-index: 1001 !important;
}
#zowieCallToAction, #zowieProactiveButtons, #zowieAlternativeChannels {
z-index: 1002 !important;
}
#zowieChatBar {
z-index: 1003 !important;
}
#zowieImagePreview {
z-index: 1004 !important;
}
#zowieImagePreviewCloseBar, #zowieChatbotWrapper {
z-index: 1005 !important;
}
#zowieBadgeStyled {
z-index: 1006 !important;
}
#zowieImagePreviewModal {
z-index: 1007 !important;
}
.progress-wrap {
display: none;
text-align: center;
background-color: #f1eee4;
}
.progress-wrap .progress-message {
padding: 16px 0 0;
font-size: 12px;
letter-spacing: 0.5px;
line-height: 1.25;
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
text-align: center;
}
@media screen and (max-width: 34.375em) {
.progress-wrap .progress-message {
padding: 22px 0 0;
}
}
.progress-wrap .progress-message img {
width: 18px;
display: inline;
margin-left: 10px;
}
.progress-wrap .progress {
display: block;
width: 50%;
background: #fff;
margin: auto;
min-width: 200px;
background-color: #F6F2ED;
border-radius: 10px;
}
.progress-wrap .progress .progress-value {
background: #000;
height: 100%;
border-right: solid 1px #000;
border-radius: 10px;
transition: width 1s;
float: left;
display: inline-block;
}
.basket-rollout {
position: fixed;
z-index: -1;
top: 0;
right: 0;
background: none;
height: 100vh;
width: 100%;
display: flex;
justify-content: flex-end;
transition: z-index 0.3s linear;
height: -webkit-fill-available;
/* Product preview card overrides for rec engine */
}
.basket-rollout .basket-rollout--wrap {
display: flex;
height: 100%;
position: absolute;
transform: translateX(100%);
transition: transform 0.3s ease-in;
}
.basket-rollout--active {
z-index: 5000;
background: rgba(0, 0, 0, 0.68);
}
.basket-rollout--active .basket-rollout--wrap {
transform: translateX(0%);
}
.basket-rollout .basket-rollout--close {
max-width: 50px;
height: 100%;
display: flex;
align-content: flex-start;
}
.basket-rollout .basket-rollout--close button {
padding: 18px;
background: none;
display: flex;
align-items: flex-start;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-rollout--close {
width: 50px;
padding-top: 10px 0;
}
}
.basket-rollout .basket-rollout__contents-wrap {
display: flex;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-rollout__contents-wrap {
display: block;
}
}
.basket-rollout .basket-rollout--content {
background: rgb(255, 255, 255);
height: 100%;
width: 491px;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-rollout--content {
width: calc(100vw - 25px);
padding: unset;
}
}
.basket-rollout .basket-rollout--content-rec-engine {
width: 721px;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-rollout--content-rec-engine {
width: calc(100vw - 25px);
}
}
.basket-rollout .js-basket-rollout--content {
height: 100%;
}
.basket-rollout .basket-rollout-basket {
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.basket-rollout .basket-rollout-header {
position: relative;
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 11px;
font-size: 0.6875rem;
line-height: 1.3636363636;
padding: 25px 30px 24px 20px;
flex-shrink: 0;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: -2px;
}
.basket-rollout .basket-rollout-header:after {
content: "";
position: absolute;
height: 1px;
background: #eee;
left: 30px;
right: 30px;
bottom: 0;
}
@media screen and (max-width: 46.25em) {
.basket-rollout .basket-rollout-header:after {
left: 15px;
right: 15px;
}
}
.basket-rollout .basket-rollout-header--right {
justify-content: flex-end;
}
.basket-rollout .basket-rollout-header--title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 18px;
font-size: 1.125rem;
line-height: 0.6111111111;
letter-spacing: 1.8px;
font-weight: 500;
align-items: center;
text-transform: uppercase;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-rollout-header--title {
font-size: 14px;
font-size: 0.875rem;
line-height: 0.7857142857;
letter-spacing: 1px;
}
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-rollout-header {
padding-bottom: 17px;
padding-top: 4px;
margin-top: 0;
}
}
@media screen and (max-width: 46.25em) {
.basket-rollout .basket-rollout-header {
padding: 19px 15px 17px;
}
}
.basket-rollout .progress-wrap {
display: block;
text-align: left;
background: none;
}
.basket-rollout .progress {
height: 4px;
width: 100%;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .progress {
min-width: initial;
}
}
.basket-rollout .header-actions__item {
margin-right: 0;
cursor: pointer;
flex: 0 0 auto;
padding-bottom: 4px;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .header-actions__item {
flex: 0 0 8%;
}
}
@media screen and (max-width: 79.1875em) {
.basket-rollout .header-actions__item {
width: unset;
}
.basket-rollout .header-actions__item > * {
left: unset;
transform: unset;
display: block;
position: relative;
}
.basket-rollout .header-actions__item--close {
text-align: right;
}
}
@media screen and (max-width: 79.1875em) and (max-width: 34.375em) {
.basket-rollout .header-actions__item--close {
margin-top: -5px;
}
}
@media screen and (max-width: 79.1875em) {
.basket-rollout .header-actions__item--close img {
margin: 0;
display: inline-block;
}
}
@media screen and (max-width: 34.375em) {
.basket-rollout .header-actions__item--close a {
margin-bottom: 2px;
}
}
@media screen and (max-width: 79.1875em) {
.basket-rollout .header-actions__item [icon-color=black] {
display: revert;
}
}
.basket-rollout .header-actions__item--display-only {
cursor: revert;
}
.basket-rollout .header-actions__item:before {
background: transparent;
}
@media screen and (max-width: 79.1875em) {
.basket-rollout .action-link__count {
color: #fff;
background: #000;
}
}
.basket-rollout .basket-message--error {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
color: #970202;
padding: 10px 0;
}
.basket-rollout .basket-message--error img {
margin-right: 6px;
}
.basket-rollout .basket-message--error-hide {
display: none;
}
.basket-rollout .basket-rollout-items {
padding: 0 40px 0 0;
margin-right: -40px;
flex-shrink: 1;
flex-grow: 1;
overflow-x: hidden;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-rollout-items {
padding: 0 20px 0 0;
margin-right: -20px;
}
}
.basket-rollout .basket-item {
display: flex;
flex: 1 1 0;
flex-flow: row wrap;
padding: 20px 30px;
position: relative;
color: #000000;
transition: min-height 0.15s ease-in-out;
align-items: center;
}
@media screen and (max-width: 46.25em) {
.basket-rollout .basket-item {
padding: 20px 15px;
}
}
.basket-rollout .basket-item:not(:first-child):not(.basket-item--upsell):not(.basket-item--upsell + .basket-item):before {
content: "";
position: absolute;
height: 1px;
background: #eee;
left: 30px;
right: 30px;
top: 0;
}
@media screen and (max-width: 46.25em) {
.basket-rollout .basket-item:not(:first-child):not(.basket-item--upsell):not(.basket-item--upsell + .basket-item):before {
left: 15px;
right: 15px;
}
}
.basket-rollout .basket-item:last-child:after {
content: "";
position: absolute;
height: 1px;
background: #eee;
left: 30px;
right: 30px;
bottom: 0;
}
@media screen and (max-width: 46.25em) {
.basket-rollout .basket-item:last-child:after {
left: 15px;
right: 15px;
}
}
.basket-rollout .basket-item .basket-item__thumbnail {
width: 90px;
height: 100px;
background: #F5F5F5;
align-self: flex-start;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-item .basket-item__thumbnail {
width: 60px;
height: 67px;
}
}
.basket-rollout .basket-item .basket-item__thumbnail img {
width: 100%;
height: 100%;
mix-blend-mode: multiply;
}
.basket-rollout .basket-item .basket-item__details {
padding: 0;
}
.basket-rollout .basket-item .basket-item__title {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
font-weight: 600;
display: flex;
justify-content: space-between;
padding-top: 2px;
letter-spacing: 0.5px;
}
.basket-rollout .basket-item .basket-item__title--offer {
color: #2A7F13;
}
.basket-rollout .basket-item .basket-item__controls-remove {
opacity: 0.3;
}
.basket-rollout .basket-item .basket-item__controls-remove:hover {
opacity: 1;
}
.basket-rollout .basket-item .basket-item__controls-remove img {
vertical-align: baseline;
}
.basket-rollout .basket-item .basket-size-stock-block {
margin: 0;
}
.basket-rollout .basket-item .basket-item__size,
.basket-rollout .basket-item .basket-item__description,
.basket-rollout .basket-item .basket-item__stock {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.6666666667;
letter-spacing: 0.5px;
padding: 2px 0;
display: inline;
font-weight: 400;
}
.basket-rollout .basket-item .basket-item__stock {
font-weight: 600;
}
.basket-rollout .basket-item .basket-item__size:after {
content: "ยท";
font-weight: 900;
font-size: 20px;
font-size: 1.25rem;
line-height: 0.8;
margin: auto 8px auto 10px;
vertical-align: middle;
}
.basket-rollout .basket-item .basket-item__style,
.basket-rollout .basket-item .basket-item__offer {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.8333333333;
letter-spacing: 0.5px;
padding: 2px 0;
font-weight: 400;
}
.basket-rollout .basket-item .basket-item__engraving-rollout {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.basket-rollout .basket-item .basket-item__engraving-trigger-wrap {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
display: flex;
}
.basket-rollout .basket-item .basket-item__engraving-trigger-wrap span {
text-decoration: underline;
}
.basket-rollout .basket-item .basket-item__engraving-trigger-wrap img {
width: 8px;
margin-left: 5px;
vertical-align: middle;
opacity: 0.3;
}
.basket-rollout .basket-item .basket-item__engraving-trigger-wrap img:hover {
opacity: 1;
}
.basket-rollout .basket-item .rollout--open .rollout__trigger--view {
display: none;
}
.basket-rollout .basket-item .rollout--open .rollout__trigger--close {
display: revert;
}
.basket-rollout .basket-item .rollout--open img {
transform: rotateX(180deg);
}
.basket-rollout .basket-item .rollout--closed .rollout__trigger--view {
display: revert;
}
.basket-rollout .basket-item .rollout--closed .rollout__trigger--close {
display: none;
}
.basket-rollout .basket-item .basket-item__engraving-trigger {
color: #000;
font-weight: 600;
}
.basket-rollout .basket-item .basket-item__engraving-rollout-details {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-item .basket-item__engraving-rollout-details {
margin-left: -72px;
}
}
.basket-rollout .basket-item .basket-item__engraving-rollout-details table {
background: #F5F5F5;
width: 100%;
}
.basket-rollout .basket-item .basket-item__engraving-rollout-details th {
font-weight: 900;
width: 20%;
padding: 15px 0 0 15px;
text-align: left;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-item .basket-item__engraving-rollout-details th span {
display: none;
}
}
.basket-rollout .basket-item .basket-item__engraving-rollout-details tr th:nth-of-type(2) {
width: 45%;
}
.basket-rollout .basket-item .basket-item__engraving-rollout-details tr th:nth-of-type(4) {
width: 15%;
}
.basket-rollout .basket-item .basket-item__engraving-rollout-details td {
padding: 5px 0 0 15px;
text-align: left;
}
.basket-rollout .basket-item .basket-item__engraving-rollout-details tr:last-of-type td {
padding-bottom: 15px;
}
.basket-rollout .basket-item .basket-item__engraving-rollout-details tr td:nth-of-type(n+3),
.basket-rollout .basket-item .basket-item__engraving-rollout-details tr th:nth-of-type(n+3) {
display: revert;
}
.basket-rollout .basket-item .basket-item__personalise {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
color: #000;
font-weight: 600;
padding: 4px 0;
}
.basket-rollout .basket-item .basket-item__personalise span {
color: #000;
text-decoration: underline;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-item .basket-item__engraving-add-another {
margin: 0;
}
}
.basket-rollout .basket-item .basket-item__personalised {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
color: #000;
font-weight: 400;
padding: 4px 0;
}
.basket-rollout .basket-item .basket-item__personalised a {
color: #000000;
font-weight: 600;
text-decoration: underline;
}
.basket-rollout .basket-item .basket-item__price-quantity-block {
justify-content: space-between;
margin: 0 0 -5px;
}
.basket-rollout .basket-item .basket-item__price-quantity-block--gwp {
padding-top: 6px;
}
.basket-rollout .basket-item .basket-item__price {
display: flex;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2857142857;
letter-spacing: 0.7px;
font-weight: 400;
}
.basket-rollout .basket-item .price--was {
margin-top: 1px;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
margin-right: 10px;
text-decoration: line-through;
}
.basket-rollout .basket-item .price--in-sale {
font-weight: 500;
color: #970202;
}
.basket-rollout .basket-item .basket-item__quantity {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2857142857;
letter-spacing: 0.7px;
font-weight: 500;
text-align: center;
border: none;
border-radius: unset;
margin-right: -7px;
width: 75px;
}
.basket-rollout .basket-item .basket-item__quantity input {
color: #000000;
}
.basket-rollout .basket-item .basket-item__quantity .button:after {
height: 25px;
}
.basket-rollout .basket-item .button {
border: none;
transition: none;
display: flex;
align-items: center;
justify-content: center;
}
.basket-rollout .basket-item .button:hover {
background: none;
}
.basket-rollout .basket-item .basket-item__remove-dialog {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-weight: 400;
background-color: #f1eee4;
color: #000000;
border-left: 30px;
border-right: 30px;
border-color: #FFFFFF;
border-style: solid;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-item .basket-item__remove-dialog {
position: absolute;
z-index: unset;
}
.basket-rollout .basket-item .basket-item__remove-dialog--first .heading {
margin-top: 12px !important;
}
.basket-rollout .basket-item .basket-item__remove-dialog--first .button-block {
margin: 8px 0 10px !important;
}
}
@media screen and (max-width: 46.25em) {
.basket-rollout .basket-item .basket-item__remove-dialog {
border-left: 15px;
border-right: 15px;
border-color: #FFFFFF;
border-style: solid;
}
}
.basket-rollout .basket-item .basket-item__remove-dialog .heading {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
max-width: 30em;
padding: 0 1em;
text-align: center;
margin-bottom: 0;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-item .basket-item__remove-dialog .heading {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
margin-top: 18px;
}
}
.basket-rollout .basket-item .basket-item__remove-dialog .button-block {
margin-top: 20px;
}
.basket-rollout .basket-item .basket-item__remove-dialog .button--wireframe {
padding: 1px 2em 0 2em !important;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
color: #000000;
display: inline-block;
}
.basket-rollout .basket-item .basket-item__remove-dialog .button--wireframe:after {
height: 30px;
}
.basket-rollout .basket-item .basket-item__remove-dialog .button--wireframe:hover {
background: black;
color: white;
}
.basket-rollout .basket-rollout-footer {
padding: 0 30px 20px;
flex-shrink: 0;
position: relative;
}
.basket-rollout .basket-rollout-footer:before {
content: " ";
display: block;
position: absolute;
left: -30px;
right: -30px;
bottom: 100%;
height: 30px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%);
pointer-events: none;
}
@media screen and (max-width: 46.25em) {
.basket-rollout .basket-rollout-footer {
padding: 0 15px 15px;
}
}
.basket-rollout .basket-rollout-delivery {
font-size: 12px;
font-size: 0.75rem;
line-height: 0.8333333333;
padding: 18px 0 15px;
display: block;
}
@media screen and (max-width: 46.25em) {
.basket-rollout .basket-rollout-delivery {
padding: 12px 0 10px;
}
}
.basket-rollout .basket-rollout-delivery-notice a {
color: #000000;
font-weight: 600;
letter-spacing: 0.5px;
}
.basket-rollout .basket-rollout-delivery-notice img {
width: 18px;
height: auto;
vertical-align: middle;
margin: 0 3px;
}
.basket-rollout .basket-rollout-voucher {
display: flex;
padding: 0;
}
@media (max-height: 820px) {
.basket-rollout .basket-rollout-voucher {
padding: 0;
}
}
.basket-rollout .basket-offers {
width: 100%;
}
.basket-rollout .basket-offers .basket-offers__heading {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
display: flex;
align-content: center;
}
.basket-rollout .basket-offers .rollout__icon {
margin-right: 8px;
}
.basket-rollout .basket-offers .rollout__icon img {
width: 10px;
margin-top: -1px;
}
.basket-rollout .basket-offers .offer-code-form {
padding: 0;
}
.basket-rollout .rollout--closed .rollout__icon--closed {
display: inline;
}
.basket-rollout .rollout--closed .rollout__icon--open {
display: none;
}
.basket-rollout .rollout--open .rollout__icon--closed {
display: none;
}
.basket-rollout .rollout--open .rollout__icon--open {
display: inline;
}
.basket-rollout .basket-subtotal--offer-list-item {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
align-items: center;
padding-top: 15px;
}
.basket-rollout .voucher-item-group {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
padding-left: 0;
font-weight: 500;
}
.basket-rollout .voucher-item-group .remove-button-outer {
margin: 0;
}
.basket-rollout .voucher-item-group .basket-item__remove {
margin: 0;
opacity: 0.3;
}
.basket-rollout .voucher-item-group .basket-item__remove:hover {
opacity: 1;
}
.basket-rollout .voucher-item-group .basket-item__remove img {
vertical-align: middle;
opacity: 0.6;
margin-top: -3px;
}
.basket-rollout .voucher-item-group .voucher-item-name {
color: #970202;
}
.basket-rollout .voucher-item-price {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
color: #970202;
}
.basket-rollout .basket-item__remove {
float: left;
height: 2em;
}
.basket-rollout .rollout__contents {
padding: 7px 0;
}
.basket-rollout .rollout__contents .voucher-input {
height: 44px;
border: 1px solid #aeaeae;
border-radius: 0;
border-right: none;
padding: 0 9px;
}
.basket-rollout .rollout__contents .voucher-input::-moz-placeholder {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
}
.basket-rollout .rollout__contents .voucher-input::placeholder {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
}
.basket-rollout .rollout__contents .button--field-clear {
padding: 0 10px;
border-right: 0 !important;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
}
.basket-rollout .rollout__contents .inline-button-wrapper button {
top: 0;
right: 0;
bottom: 0;
}
.basket-rollout .rollout__contents .inline-button-wrapper button[disabled] {
opacity: 0.31;
}
.basket-rollout .rollout__contents .inline-button-wrapper button:after {
display: none;
}
.basket-rollout .rollout__contents .inline-button-wrapper button.button--promo {
margin-left: 0 !important;
}
.basket-rollout .rollout__contents .inline-button-wrapper button span {
border: none;
}
.basket-rollout .basket-offer-items {
padding: 15px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-offer-items {
padding: 13px 0;
}
}
.basket-rollout .basket-rollout-totals {
padding: 15px 0 0 0;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
margin-bottom: 17px;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-rollout-totals {
padding-top: 12px;
margin-bottom: 12px;
}
}
.basket-rollout .basket-subtotal--paragraph {
margin-bottom: 15px;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .basket-subtotal--paragraph {
margin-bottom: 10px;
}
}
.basket-rollout .basket-subtotal__price {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
font-weight: 500;
letter-spacing: 1px;
padding-right: 0;
}
.basket-rollout .basket-total__price {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
font-weight: 600;
letter-spacing: 1px;
padding-right: 0;
}
.basket-rollout .basket-rollout__rec-engine {
display: none;
}
.basket-rollout .basket-rollout--content-rec-engine .basket-rollout__rec-engine--desktop {
display: block;
padding: 25px 30px 0;
width: 231px;
min-width: 231px;
background-color: #f1eee4;
height: 100%;
float: left;
}
@media screen and (max-width: 46.25em) {
.basket-rollout .basket-rollout--content-rec-engine .basket-rollout__rec-engine--desktop {
display: none;
}
}
.basket-rollout .basket-rollout--content-rec-engine .basket-rollout__rec-engine--mobile {
display: none;
}
@media screen and (max-width: 46.25em) {
.basket-rollout .basket-rollout--content-rec-engine .basket-rollout__rec-engine--mobile {
display: block;
padding: 25px 0 0 15px;
}
}
.basket-rollout .rec-engine-placeholder {
display: none;
position: relative;
top: 25%;
left: 35%;
}
@media screen and (max-width: 46.25em) {
.basket-rollout .rec-engine-placeholder {
top: auto;
left: auto;
}
}
.basket-rollout .rec-engine-placeholder img {
animation: spinner-rotation 0.25s infinite linear;
}
.basket-rollout .basket-rollout__rec-engine--loading .rec-engine-placeholder {
display: flex;
}
.basket-rollout .rec-engine-recommendations {
display: none;
margin-top: 20px;
overflow-y: scroll;
height: calc(100% - 61px);
margin-inline-end: -15px; /* styled scrollbar offset */
}
.basket-rollout .basket-rollout--content-rec-engine .rec-engine-recommendations {
display: block;
}
.basket-rollout .rec-engine-recommendations::-webkit-scrollbar {
width: 1px;
}
.basket-rollout .rec-engine-recommendations::-webkit-scrollbar-thumb {
background: #000;
}
.basket-rollout .rec-engine-recommendations::-webkit-scrollbar-track {
background: #DED9D4;
margin-bottom: 26px;
}
.basket-rollout .rec-engine-recommendations::-webkit-scrollbar {
width: 1px;
margin-left: 10px;
}
@-moz-document url-prefix() {
.basket-rollout .rec-engine-recommendations {
scrollbar-width: thin;
scrollbar-color: #000 #DED9D4;
}
}
.basket-rollout .rec-engine-header {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 22px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
line-height: 20px;
}
@media screen and (max-width: 46.25em) {
.basket-rollout .rec-engine-header {
justify-content: flex-start;
padding-bottom: 0px;
border-bottom: none;
}
}
.basket-rollout .rec-engine-header__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 22px;
font-size: 1.375rem;
line-height: 0.9090909091;
padding-top: 4px;
}
.basket-rollout .carousel--basket-rec-engine {
margin-right: -15px;
}
.basket-rollout .carousel--basket-rec-engine > .carousel__header {
display: none;
}
.basket-rollout .flash-badge,
.basket-rollout .product-preview__engravable {
display: none;
}
.basket-rollout .product-preview {
margin: 25px 15px 10px 0;
padding-bottom: 10px;
}
@media screen and (max-width: 46.25em) {
.basket-rollout .product-preview {
width: 155px;
padding-right: 15px;
margin-right: 0;
}
}
.basket-rollout .product-preview__link {
margin-bottom: 13px;
}
.basket-rollout .product-preview__image {
margin-bottom: 13px;
}
.basket-rollout .product-preview:first-of-type {
margin-top: 0;
}
@media screen and (max-width: 46.25em) {
.basket-rollout .product-preview:first-of-type {
margin-top: 25px;
}
}
.basket-rollout .product-preview:last-of-type {
margin-bottom: 30px;
padding-bottom: 2px;
}
@media screen and (max-width: 46.25em) {
.basket-rollout .product-preview:last-of-type {
margin-bottom: unset;
padding-bottom: unset;
}
}
.basket-rollout .carousel__placeholder {
justify-content: start;
}
.basket-rollout .carousel__placeholder p {
display: none;
}
.basket-rollout .carousel__content.carousel__content--mobile.carousel__content--padding:before {
content: unset;
}
.basket-rollout .engraving-action--desktop {
display: inline-block;
}
@media screen and (max-width: 62.4375em) {
.basket-rollout .engraving-action--desktop {
display: none;
}
}
.basket-rollout .engraving-action--mobile {
display: none;
margin-left: -3px;
}
@media screen and (max-width: 62.4375em) {
.basket-rollout .engraving-action--mobile {
display: inline-block;
}
}
.basket-rollout .basket__applepay-button button {
margin-top: 10px;
padding-top: 0;
padding-bottom: 0;
line-height: 1;
height: 44px;
}
.basket-rollout .basket__applepay-button .apple-pay-button-black-with-text {
height: 44px;
}
.basket-rollout .basket-empty {
display: flex;
flex-direction: column;
margin-top: 20px;
margin-bottom: -20px;
overflow-y: scroll;
scrollbar-width: none;
}
.basket-rollout .basket-empty::-webkit-scrollbar {
width: 0px;
background: transparent;
}
.basket-rollout .basket-empty__title {
font-family: "Gotham Pro";
font-size: 22px;
font-weight: 300;
letter-spacing: 2px;
line-height: 25px;
text-transform: uppercase;
}
.basket-rollout .basket-empty__discover {
font-family: "Caslon";
font-size: 24px;
font-style: italic;
letter-spacing: 0;
line-height: 26px;
margin-bottom: 10px;
}
.basket-rollout .empty-blocks {
display: flex;
flex-wrap: wrap;
margin-top: 13px;
padding: 0 30px;
}
.basket-rollout .empty-block {
position: relative;
display: flex;
width: 47%;
margin-bottom: 6%;
transition: transform 0.3s;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .empty-block {
width: 48.4%;
margin-bottom: 3%;
}
}
.basket-rollout .empty-block:nth-child(odd) {
margin-right: 6%;
}
@media screen and (max-width: 34.375em) {
.basket-rollout .empty-block:nth-child(odd) {
margin-right: 3%;
}
}
.basket-rollout .empty-block:hover {
transform: scale(1.025);
}
.basket-rollout .empty-block img {
width: 100%;
height: auto;
}
.basket-rollout .empty-block__title {
position: absolute;
left: 20px;
bottom: 18px;
font-family: "Gotham Pro";
font-size: 14px;
letter-spacing: 1.5px;
line-height: 13px;
color: black;
text-transform: uppercase;
}
.basket-rollout .button:hover .checkout-secure__icon {
transform: translateX(0) translateY(-2px) scale(1.125);
}
.basket-rollout .button .checkout-secure__icon {
margin-left: 0;
vertical-align: middle;
padding-left: 30px;
box-sizing: content-box;
transform: translateY(-2px) scale(1.125);
}
.basket-rollout .button .checkout-secure__icon ~ span {
padding-left: 0px;
}
.basket-rollout .rec-engine-header:has(~ .rec-engine-recommendations > .product-preview--quickadd) {
padding-bottom: 12px;
}
.basket-rollout-header--messages {
flex: 1 1 auto;
padding: 0 30px;
}
.basket-rollout-header--messages .basket-message {
background-color: unset;
}
.floating-chat-button {
z-index: 200 !important;
}
.offscreen-label {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.no-basket-rec-engine .basket-rollout__rec-engine {
display: none !important;
}
.no-basket-rec-engine .basket-rollout--content-rec-engine {
width: 491px;
}
@media screen and (max-width: 34.375em) {
.no-basket-rec-engine .basket-rollout--content-rec-engine {
width: calc(100vw - 25px);
padding: unset;
}
}
.basket-item--upsell {
background: #f9f6f2;
}
@media screen and (max-width: 46.25em) {
.basket-item--upsell .basket-item__title {
padding-top: 0;
margin-top: -5px;
}
}
.basket-item--upsell .basket-item__details {
margin-top: -3px;
}
@media screen and (max-width: 46.25em) {
.basket-item--upsell .basket-item__details {
margin-top: 0;
}
}
.basket-item__upsell-retrigger {
display: flex;
cursor: pointer;
}
.basket-item__upsell-retrigger a {
color: #000000;
font-size: 12px;
font-size: 0.75rem;
line-height: 2.1666666667;
font-weight: 600;
letter-spacing: 0.5px;
}
.basket-item__upsell-message {
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0.5px;
text-align: left;
}
@media screen and (max-width: 34.375em) {
.basket-item__upsell-message {
font-size: 12px;
}
}
.basket-upsell-message-block {
margin-top: 5px;
margin-bottom: 5px;
}
@media screen and (max-width: 34.375em) {
.basket-upsell-message-block {
margin-bottom: -3px;
}
}
.basket-item__upsell-atb {
cursor: pointer;
}
@media screen and (max-width: 46.25em) {
.basket-item__upsell-offset {
display: none;
}
}
.basket-item--upsell-aligned .basket-item__details {
display: flex;
flex-direction: column;
}
.basket-item--upsell-aligned .basket-item__details .basket-item__title {
padding-top: 0;
line-height: 1;
}
@media screen and (max-width: 46.25em) {
.basket-item--upsell-aligned .basket-item__details .basket-item__title {
margin-top: 0;
}
}
.basket-upsell-rollout {
position: relative;
padding-bottom: 0;
}
@media screen and (max-width: 46.25em) {
.basket-upsell-rollout .popup__header {
margin-inline: 15px;
}
}
.basket-upsell-rollout .popup__back {
font-size: 12px;
line-height: normal;
color: #000000;
font-family: Grotesk, Helvetica, sans-serif !important;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
position: absolute;
top: 23px;
left: 30px;
opacity: 1;
width: -moz-fit-content;
width: fit-content;
height: auto;
padding: 0;
cursor: pointer;
}
@media screen and (max-width: 34.375em) {
.basket-upsell-rollout .popup__back {
top: 20px;
}
}
@media screen and (max-width: 46.25em) {
.basket-upsell-rollout .popup__back {
left: 15px;
}
}
@media screen and (max-width: 46.25em) {
.basket-upsell-rollout .popup__close, .basket-upsell-rollout button.black-friday-popup__close, .basket-upsell-rollout .locale-close {
right: 0px;
}
}
.rollout-item {
display: flex;
flex: 1 1 0;
flex-flow: row wrap;
position: relative;
font-size: 0.75rem;
padding: 20px 30px;
align-items: center;
}
@media screen and (max-width: 46.25em) {
.rollout-item {
padding-inline: 15px;
}
}
.rollout-item:after {
content: "";
position: absolute;
height: 1px;
background: #eee;
left: 30px;
right: 30px;
bottom: 0;
}
@media screen and (max-width: 46.25em) {
.rollout-item:after {
left: 15px;
right: 15px;
}
}
.rollout-item:hover input[type=radio], .rollout-item input[type=radio]:checked {
border-color: #000000;
}
.rollout-item input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: absolute;
top: 10px;
left: 10px;
border-radius: 50%;
width: 22px;
height: 22px;
background-color: white;
background-repeat: no-repeat;
border: 1px solid #DDDDDD;
transition: border 0.2s ease-in;
}
.rollout-item input[type=radio]:checked {
background-image: url("https://cfs3.monicavinader.com/static/images/2020/tick.74cd1.svg");
background-size: 10px;
background-position: center;
}
.rollout-item__thumbnail {
width: 90px;
height: 100px;
background: #F5F5F5;
align-self: flex-start;
margin-right: 2em;
position: relative;
}
.rollout-item__thumbnail span {
display: none;
}
.rollout-item__thumbnail img {
width: 100%;
height: 100%;
}
.rollout-item__thumbnail input {
position: absolute;
top: 0;
}
.rollout-item__details {
padding: 0;
flex: 1 1 0;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.6666666667;
font-weight: 400;
letter-spacing: 0.5px;
color: #000000;
}
.rollout-item__price {
display: flex;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2857142857;
letter-spacing: 0.7px;
font-weight: 400;
}
.rollout-item__price .price--was {
margin-top: 1px;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
margin-right: 10px;
text-decoration: line-through;
}
.rollout-item__bold {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
font-weight: 600;
display: flex;
justify-content: space-between;
padding-top: 2px;
letter-spacing: 0.5px;
}
.basket-upsell-rollout__gift-message-container {
padding: 20px 30px;
}
@media screen and (max-width: 46.25em) {
.basket-upsell-rollout__gift-message-container {
padding-inline: 15px;
}
}
.basket-upsell-rollout__gift-message-container label.gift-card__checkbox-label .check-replace {
margin-right: 10px;
}
.basket-upsell-rollout__gift-message-container div.field textarea.input {
padding: 9px;
min-height: 125px;
height: unset;
resize: none;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
}
.basket-upsell-rollout__gift-message-container .field__label {
display: none;
}
.basket-upsell-rollout__footer {
padding: 20px 30px;
flex-shrink: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
@media screen and (max-width: 46.25em) {
.basket-upsell-rollout__footer {
padding: 15px;
}
}
.basket-upsell-rollout__footer:before {
content: " ";
display: block;
position: absolute;
left: -30px;
right: -30px;
bottom: 100%;
height: 30px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%);
pointer-events: none;
}
@media screen and (max-width: 46.25em) {
.basket-upsell-rollout__footer:before {
left: -15px;
right: -15px;
}
}
.gift-card__checkbox-label {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
letter-spacing: 0.68px;
font-weight: 400 !important;
}
.gift-card__message {
display: none;
}
p.gift-card__message-label {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
letter-spacing: 0.68px;
color: #000000;
}
.checkout fieldset p.gift-card__message-label {
margin: 10px 0;
}
p.gift-card__message-label span {
color: #666666;
}
.gift-card__message-wrap {
position: relative;
}
.gift-card__message-count {
position: absolute;
right: 10px;
top: 102px;
z-index: 1;
color: #666666;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
letter-spacing: 0.68px;
}
.rollout-loading {
position: absolute;
top: 0;
right: 0;
width: 460px;
height: 100%;
background: #FFF;
opacity: 0.7;
z-index: 3;
display: none;
}
.js-rollout-loading--message {
position: absolute;
top: 45%;
width: 100%;
text-align: center;
}
.rollout-loading--spinner {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
}
.rollout-loading--spinner img {
animation: spinner-rotation 5s infinite linear;
}
.rollout-loading--active {
display: block;
}
.rollout-loading--active.rollout-loading--mobile {
display: none;
}
@media screen and (max-width: 62.4375em) {
.rollout-loading--active.rollout-loading--mobile {
display: block;
}
}
@media screen and (max-width: 34.375em) {
.rollout-loading--active {
width: calc(100vw - 50px);
}
}
.header-search__top--alt {
display: none;
}
.alt-header__search {
display: none;
}
@media screen and (max-width: 79.1875em) {
body.header-search-7594 .alt-header__search {
display: block !important;
}
body.header-search-7594 .alt-header__logo {
width: 180px !important;
}
body.header-search-7594 .alt-header__logo img, body.header-search-7594 .alt-header__logo h1 {
width: 180px !important;
}
body.header-search-7594 #cookie_policy_banner.temporary-hidden {
display: none;
}
body.header-search-7594 .header-banners.temporary-hidden {
display: none;
}
}
@media screen and (max-width: 79.1875em) {
.header__container--mobile-alt {
width: 100%;
background-color: #fff;
height: 107px;
position: relative;
}
.header__container--mobile-alt.header--fixed {
position: static;
top: 0;
width: 100%;
}
.header--clear .header__container--mobile-alt {
background-color: transparent;
}
.header__container--mobile-alt [icon-color=black] {
display: block;
}
.header__container--mobile-alt [icon-color=white] {
display: none;
}
.header__container--mobile-alt .header__content {
background: transparent;
position: absolute;
top: 0;
}
.header__container--mobile-alt .header__logo {
position: absolute;
top: 18px;
}
.header__container--mobile-alt .header-nav__logo,
.header__container--mobile-alt .header-nav__button--my-account {
display: none;
}
.header__container--mobile-alt .alt-header__logo {
position: relative;
margin-right: 0;
}
.header__container--mobile-alt .alt-header__logo [icon-color=black],
.header__container--mobile-alt .alt-header__logo [icon-color=white] {
display: block;
transition: opacity 0.3s ease;
}
.header--clear .header__container--mobile-alt .alt-header__logo [icon-color=black] {
display: none;
}
.header__container--mobile-alt .alt-header__logo [icon-color=white] {
display: none;
}
.header--clear .header__container--mobile-alt .alt-header__logo [icon-color=white] {
display: block;
}
.header__container--mobile-alt .alt-header__logo img {
width: 212px;
height: 13px;
display: block;
}
.header__container--mobile-alt .alt-header__logo h1, .header__container--mobile-alt .alt-header__logo h6 {
opacity: 0;
font-size: 0;
}
.header__container--mobile-alt .header__nav {
width: 100%;
padding-top: 18px;
}
.header__container--mobile-alt .header-nav__wrapper {
position: absolute;
top: 0;
width: 100%;
}
.header__container--mobile-alt .header-nav__wrapper .alt-header__logo {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 212px;
padding: 18px 0;
}
.header__container--mobile-alt .header-nav__wrapper .alt-header__search {
display: none;
position: absolute;
top: 0;
right: 60px;
padding: 13px 0;
}
.header__container--mobile-alt .header-nav__wrapper .alt-header__search img {
display: block;
margin: 0 auto;
}
.header__container--mobile-alt .header-nav__wrapper .alt-header__search img[src*="/2020/search-black"] {
width: 20px;
height: 19px;
}
.header__container--mobile-alt .header-nav__wrapper .alt-header__basket {
display: block;
position: absolute;
top: 0;
right: 20px;
padding: 16px 0;
}
.header__container--mobile-alt .header-nav__wrapper .alt-header__basket .basket-link {
position: relative;
}
.header--clear .header__container--mobile-alt .header-nav__wrapper .alt-header__basket .basket-link [icon-color=black] {
display: none;
}
.header--clear .header__container--mobile-alt .header-nav__wrapper .alt-header__basket .basket-link [icon-color=white] {
display: block;
}
.header__container--mobile-alt .header-nav__wrapper .alt-header__basket img {
display: block;
margin: 0 auto;
}
.header__container--mobile-alt .header-nav__wrapper .alt-header__basket img[src*="/2020/basket-black"] {
width: 20px;
height: 19px;
}
.header__container--mobile-alt .header-nav__top {
width: 0;
opacity: 1;
padding: 0;
overflow: hidden;
}
.header__container--mobile-alt .header-nav--active-a .header-nav__wrapper {
display: none;
}
.header__container--mobile-alt .header-nav--active-a .header-nav__top {
transition: none;
}
.header__container--mobile-alt .header-nav__toggle {
position: relative;
padding: 0;
}
.header__container--mobile-alt .header-nav__toggle .header-nav__toggle-open {
position: absolute;
top: 0;
left: 24px;
padding: 0;
}
.header__container--mobile-alt .header-nav__toggle .header-nav__toggle-closed {
position: absolute;
top: 0;
right: 24px;
padding: 0;
}
.header__container--mobile-alt .header-nav__toggle .header-nav__toggle-open,
.header__container--mobile-alt .header-nav__toggle .header-nav__toggle-closed {
width: auto;
margin: 0;
}
.header__container--mobile-alt .header__actions {
display: none;
}
.header__container--mobile-alt .action-link__count {
color: #FFFFFF;
background: #000000;
}
.header__container--mobile-alt .header-nav--active-a .header-nav__top {
height: 56px;
z-index: 10;
}
.header__container--mobile-alt .header-nav--active-a .header-nav__top .header__actions {
display: inline-flex !important;
width: 63%;
position: absolute;
right: 5px;
top: 23px;
}
.header__container--mobile-alt .header-nav--active-a .header-nav__top .header-actions {
flex-direction: row-reverse;
padding: 5px 0;
}
.header__container--mobile-alt .header-nav--active-a .header-nav__top .header-actions .header-actions__item:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 0;
height: 0;
background: transparent;
transform: translateY(-50%);
}
.header__container--mobile-alt .header-nav--active-a .header-nav__top .header-actions .header-actions__item--account {
display: block !important;
}
}
@media screen and (max-width: 79.1875em) and (max-width: 1267px) {
.header__container--mobile-alt .header-nav--active-a .header-nav__top .header-actions .header-actions__item--basket-desktop-ordered {
flex: 1;
order: 3;
}
}
@media screen and (max-width: 79.1875em) and (max-width: 1267px) {
.header__container--mobile-alt .header-nav--active-a .header-nav__top .header-actions .header-actions__item--wishlist-desktop-ordered {
flex: 1;
order: 2;
}
}
@media screen and (max-width: 79.1875em) {
.header__container--mobile-alt .header-nav--active-a .header-nav__top .header-actions .chat-link,
.header__container--mobile-alt .header-nav--active-a .header-nav__top .header-actions .chat-toggle {
display: none !important;
}
}
@media screen and (max-width: 23.75em) {
.header__container--mobile-alt .header-nav__wrapper .alt-header__logo {
width: 170px;
padding-top: 20px;
padding-bottom: 19px;
}
.header__container--mobile-alt .header-nav__wrapper .alt-header__logo img, .header__container--mobile-alt .header-nav__wrapper .alt-header__logo h1 {
width: 170px;
height: 10px;
}
}
.header__content .header-actions {
flex-direction: row-reverse;
}
@media screen and (max-width: 34.375em) {
.body--mobile-alt-nav #js-added-item-container.basket-popover-wrapper--redesign, .body--mobile-alt-nav .header-search--active {
bottom: 0;
}
.body--mobile-alt-nav .header-search {
width: 85%;
}
.body--mobile-alt-nav .header-search.searchandise-partial {
width: 100% !important;
}
}
@media screen and (max-width: 34.375em) and (max-width: 34.375em) {
.body--mobile-alt-nav .header-search.searchandise-partial {
position: fixed !important;
}
}
@media screen and (max-width: 34.375em) {
.body--mobile-alt-nav .search-results {
margin-top: 0;
}
.body--mobile-alt-nav .header-search__submit img {
height: 18px;
width: 18px;
}
.body--mobile-alt-nav .header-search__top {
display: none;
}
.body--mobile-alt-nav .header-search__fieldset {
display: none;
}
.body--mobile-alt-nav .header-search__top--alt {
display: flex;
padding-top: 15px;
padding-right: 20px;
}
.body--mobile-alt-nav .header-search__top--alt form {
display: flex;
width: 100%;
}
.body--mobile-alt-nav .header-search__top--alt .header-search__fieldset--alt {
display: flex;
flex-grow: 1;
}
.body--mobile-alt-nav .header-search__top--alt .header-search__fieldset--alt .header-search__input {
background: unset;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.86px;
padding-right: 8px;
}
.body--mobile-alt-nav .header-search__top--alt .basket-link {
width: auto;
align-self: center;
margin-left: 20px;
position: relative;
}
.body--mobile-alt-nav .header-search__top--alt .basket-link img {
height: 19px;
width: 20px;
}
.body--mobile-alt-nav .header-search__top--alt .basket-link .action-link__count {
color: #FFFFFF;
background: #000000;
}
.body--mobile-alt-nav .header-search__close {
display: none;
}
}
.body--mobile-alt-nav .searchandise-partial .header-search__close {
display: flex;
z-index: 1;
}
.skinny-banner {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 90px;
}
@media screen and (max-width: 62.4375em) {
.skinny-banner {
margin-bottom: 50px;
}
}
.skinny-banner .skinny-banner__image img {
margin: 0 auto;
width: 100%;
height: auto;
aspect-ratio: 5/2;
}
@media screen and (max-width: 62.4375em) {
.skinny-banner .skinny-banner__image img {
aspect-ratio: 430/480;
}
}
.block--skinny-banner .skinny-banner {
margin-bottom: 0;
}
.skinny-banner--gradient {
position: relative;
margin-bottom: 80px;
}
@media screen and (max-width: 62.4375em) {
.skinny-banner--gradient {
margin-bottom: 60px;
}
}
.skinny-banner--gradient::after {
content: "";
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 175px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
}
.skinny-banner--white, .skinny-banner--white .richtext {
color: #FFFFFF;
}
.skinny-banner__container {
position: relative;
}
.skinny-banner__content {
position: absolute;
bottom: 26px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
@media screen and (max-width: 62.4375em) {
.skinny-banner__content {
margin-top: 0;
}
.skinny-banner__content p {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4285714286;
letter-spacing: 0.7px;
font-weight: 300;
}
}
.skinny-banner__content p:not(:last-child) {
margin-bottom: 16px;
}
@media screen and (max-width: 62.4375em) {
.skinny-banner__content p:not(:last-child) {
margin-bottom: 13px;
}
}
.skinny-banner__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
font-weight: 300;
margin-bottom: 15px;
}
@media screen and (max-width: 62.4375em) {
.skinny-banner__title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
margin-bottom: 18px;
}
}
.skinny-banner__title span {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1.1724137931;
display: block;
margin-top: 9px;
letter-spacing: 3px;
font-weight: 700;
}
@media screen and (max-width: 62.4375em) {
.skinny-banner__title span {
font-size: 26px;
font-size: 1.625rem;
line-height: 1;
font-weight: 500;
margin-top: 16px;
}
}
.skinny-banner__title span strong {
display: block;
text-transform: uppercase;
}
.skinny-banner--central .skinny-banner__content {
text-align: center;
bottom: initial;
top: 50%;
padding-top: 60px;
transform: translate(-50%, -50%);
}
.skinny-banner--central .skinny-banner__title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 22px;
font-size: 1.375rem;
line-height: 1.5454545455;
}
.skinny-banner--central .skinny-banner__title span {
font-size: 60px;
font-size: 3.75rem;
line-height: 1;
font-weight: 700;
}
.skinny-banner--gradient .skinny-banner__title {
letter-spacing: 1.5px;
}
.skinny-banner--gradient .skinny-banner__title span {
text-transform: uppercase;
letter-spacing: 6px;
}
@media screen and (max-width: 62.4375em) {
.skinny-banner--gradient .skinny-banner__title {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.7222222222;
letter-spacing: 1.25px;
}
.skinny-banner--gradient .skinny-banner__title span {
font-size: 38px;
font-size: 2.375rem;
line-height: 1;
letter-spacing: 4px;
}
}
.skinny-banner__buttons {
display: flex;
margin: -10px -11px -11px -10px;
}
@media screen and (max-width: 62.4375em) {
.skinny-banner__buttons {
margin: -4px -5px -5px -4px;
}
}
@media screen and (max-width: 34.375em) {
.skinny-banner__buttons {
flex-flow: column;
max-width: -moz-fit-content;
max-width: fit-content;
}
}
.skinny-banner__buttons > .button {
max-width: -moz-fit-content;
max-width: fit-content;
margin: 10px 11px 11px 10px;
}
@media screen and (max-width: 62.4375em) {
.skinny-banner__buttons > .button {
margin: 4px 5px 5px 4px;
}
}
.skinny-banner__buttons > .button span {
padding-left: 26px;
padding-right: 12px;
}
.skinny-banner__buttons > .button:hover img {
transform: translateX(12px);
}
.wrap .carousel.listing-tiles__carousel, .hero__content .carousel.listing-tiles__carousel, .carousel__header .carousel.listing-tiles__carousel, .carousel--favourites .carousel__content:not(.slick-initialized) .carousel.listing-tiles__carousel, .carousel--collection .carousel__content:not(.slick-initialized) .carousel.listing-tiles__carousel, .carousel__header ~ .carousel__footer .carousel.listing-tiles__carousel, .block--product-carousel .carousel__footer .carousel.listing-tiles__carousel, .featured-collection-callout__header .carousel.listing-tiles__carousel, .skinny-banner__content .carousel.listing-tiles__carousel {
margin: 0 0 40px;
}
@media screen and (max-width: 62.4375em) {
.wrap .carousel.listing-tiles__carousel, .hero__content .carousel.listing-tiles__carousel, .carousel__header .carousel.listing-tiles__carousel, .carousel--favourites .carousel__content:not(.slick-initialized) .carousel.listing-tiles__carousel, .carousel--collection .carousel__content:not(.slick-initialized) .carousel.listing-tiles__carousel, .carousel__header ~ .carousel__footer .carousel.listing-tiles__carousel, .block--product-carousel .carousel__footer .carousel.listing-tiles__carousel, .featured-collection-callout__header .carousel.listing-tiles__carousel, .skinny-banner__content .carousel.listing-tiles__carousel {
margin: 0 0 35px;
}
}
.wrap .carousel.listing-tiles__carousel.carousel--pdp, .hero__content .carousel.listing-tiles__carousel.carousel--pdp, .carousel__header .carousel.listing-tiles__carousel.carousel--pdp, .carousel--favourites .carousel__content:not(.slick-initialized) .carousel.listing-tiles__carousel.carousel--pdp, .carousel--collection .carousel__content:not(.slick-initialized) .carousel.listing-tiles__carousel.carousel--pdp, .carousel__header ~ .carousel__footer .carousel.listing-tiles__carousel.carousel--pdp, .block--product-carousel .carousel__footer .carousel.listing-tiles__carousel.carousel--pdp, .featured-collection-callout__header .carousel.listing-tiles__carousel.carousel--pdp, .skinny-banner__content .carousel.listing-tiles__carousel.carousel--pdp {
margin-bottom: 24px;
}
@media screen and (max-width: 62.4375em) {
.wrap .carousel.listing-tiles__carousel.carousel--pdp, .hero__content .carousel.listing-tiles__carousel.carousel--pdp, .carousel__header .carousel.listing-tiles__carousel.carousel--pdp, .carousel--favourites .carousel__content:not(.slick-initialized) .carousel.listing-tiles__carousel.carousel--pdp, .carousel--collection .carousel__content:not(.slick-initialized) .carousel.listing-tiles__carousel.carousel--pdp, .carousel__header ~ .carousel__footer .carousel.listing-tiles__carousel.carousel--pdp, .block--product-carousel .carousel__footer .carousel.listing-tiles__carousel.carousel--pdp, .featured-collection-callout__header .carousel.listing-tiles__carousel.carousel--pdp, .skinny-banner__content .carousel.listing-tiles__carousel.carousel--pdp {
margin-bottom: 24px;
}
}
.wrap .carousel.listing-tiles__carousel.listing-tiles__carousel--no-images.listing-tiles__carousel--no-images, .hero__content .carousel.listing-tiles__carousel.listing-tiles__carousel--no-images.listing-tiles__carousel--no-images, .carousel__header .carousel.listing-tiles__carousel.listing-tiles__carousel--no-images.listing-tiles__carousel--no-images, .carousel--favourites .carousel__content:not(.slick-initialized) .carousel.listing-tiles__carousel.listing-tiles__carousel--no-images.listing-tiles__carousel--no-images, .carousel--collection .carousel__content:not(.slick-initialized) .carousel.listing-tiles__carousel.listing-tiles__carousel--no-images.listing-tiles__carousel--no-images, .carousel__header ~ .carousel__footer .carousel.listing-tiles__carousel.listing-tiles__carousel--no-images.listing-tiles__carousel--no-images, .block--product-carousel .carousel__footer .carousel.listing-tiles__carousel.listing-tiles__carousel--no-images.listing-tiles__carousel--no-images, .featured-collection-callout__header .carousel.listing-tiles__carousel.listing-tiles__carousel--no-images.listing-tiles__carousel--no-images, .skinny-banner__content .carousel.listing-tiles__carousel.listing-tiles__carousel--no-images.listing-tiles__carousel--no-images {
margin-bottom: 20px;
}
.listing-tiles__carousel .carousel__header {
display: flex;
align-items: flex-end;
padding: 0;
margin-bottom: 32px;
}
@media screen and (max-width: 62.4375em) {
.listing-tiles__carousel .carousel__header {
margin-bottom: 15px;
}
}
.listing-tiles__carousel .listing-banner__content {
margin: 0;
margin-right: auto;
max-width: 75%;
}
@media screen and (max-width: 62.4375em) {
.listing-tiles__carousel .listing-banner__content {
max-width: none;
}
}
.listing-tiles__carousel .listing-banner__description {
max-width: 100%;
}
.listing-tiles__carousel.listing-tiles__carousel--subtitle .listing-banner__description > *:last-child {
margin-bottom: 0;
}
.listing-tiles__carousel .listing-tiles__carousel--title .listing-banner__title {
margin-bottom: 0;
}
.listing-tiles__carousel .listing__title {
font-size: 27px;
font-size: 1.6875rem;
line-height: 0.5185185185;
font-style: italic;
letter-spacing: 0;
font-family: Caslon, Times new roman, serif;
align-self: center;
margin-top: -5px;
}
@media screen and (max-width: 62.4375em) {
.listing-tiles__carousel .listing__title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
margin-bottom: 10px;
margin-top: 15px;
}
}
.listing-tiles__carousel .slick-arrow {
transform: none;
}
/* Compact tile overrides */
.wrap .carousel.listing-tiles__carousel, .hero__content .carousel.listing-tiles__carousel, .carousel__header .carousel.listing-tiles__carousel, .carousel--favourites .carousel__content:not(.slick-initialized) .carousel.listing-tiles__carousel, .carousel--collection .carousel__content:not(.slick-initialized) .carousel.listing-tiles__carousel, .carousel__header ~ .carousel__footer .carousel.listing-tiles__carousel, .block--product-carousel .carousel__footer .carousel.listing-tiles__carousel, .featured-collection-callout__header .carousel.listing-tiles__carousel, .skinny-banner__content .carousel.listing-tiles__carousel {
margin: 0 0 24px;
}
@media screen and (max-width: 62.4375em) {
.wrap .carousel.listing-tiles__carousel, .hero__content .carousel.listing-tiles__carousel, .carousel__header .carousel.listing-tiles__carousel, .carousel--favourites .carousel__content:not(.slick-initialized) .carousel.listing-tiles__carousel, .carousel--collection .carousel__content:not(.slick-initialized) .carousel.listing-tiles__carousel, .carousel__header ~ .carousel__footer .carousel.listing-tiles__carousel, .block--product-carousel .carousel__footer .carousel.listing-tiles__carousel, .featured-collection-callout__header .carousel.listing-tiles__carousel, .skinny-banner__content .carousel.listing-tiles__carousel {
margin: 0 0 20px;
}
}
@media screen and (max-width: 62.4375em) {
.listing-tiles-compact__carousel .carousel__content--mobile {
margin: 0 -13px;
}
}
.listing-tiles-compact__carousel .carousel__header {
margin-bottom: 22px;
}
@media screen and (max-width: 62.4375em) {
.listing-tiles-compact__carousel .carousel__header {
margin-bottom: 15px;
}
}
/* Compact tile overrides end */
.carousel .listing-tile {
margin-right: 16px;
}
@media screen and (max-width: 62.4375em) {
.carousel .listing-tile {
margin-right: 10px;
}
}
.carousel--pdp .listing-tile {
margin-right: 20px;
}
@media screen and (max-width: 42.5em) {
.carousel--pdp .listing-tile {
margin-right: 12px;
}
}
.carousel--pdp .carousel__header {
margin-bottom: 16px;
}
@media screen and (max-width: 42.5em) {
.carousel--pdp .carousel__header {
margin-bottom: 8px;
}
}
.listing-tile__link {
display: block;
position: relative;
color: inherit;
text-decoration: none;
transition: transform 0.3s;
}
.carousel .listing-tile__link {
max-width: 196px;
}
@media screen and (max-width: 62.4375em) {
.carousel .listing-tile__link {
max-width: 140px;
}
}
.listing-tile__link:hover {
transform: scale(1.025);
}
.listing-tile__image img {
max-width: 100%;
height: auto;
}
.listing-tile--blend .listing-tile__image {
background: #e8e7e4;
}
.listing-tile--blend .listing-tile__image img {
mix-blend-mode: multiply;
}
.listing-tile__image--hover {
position: absolute;
top: 0;
right: 0;
left: 0;
transition: opacity 0.3s ease;
display: none;
background: transparent;
z-index: 1;
}
@media screen and (max-width: 62.4375em) {
.listing-tile__image--hover {
margin-right: 10px;
}
}
@media only screen and (min-width: 1000px) {
.listing-tile__link:hover .listing-tile__image--hover, .listing-tile__link--active .listing-tile__image--hover {
display: block;
}
}
.listing-tile__image--hover img {
mix-blend-mode: multiply;
width: 100%;
margin: 0;
height: auto;
max-width: unset;
}
.listing-tile__fade {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 57px;
z-index: 2;
}
.listing-tile__content {
padding: 15px 15px;
z-index: 3;
}
.listing-tile--with-image .listing-tile__content {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
/* Compact tile overrides */
@media screen and (max-width: 62.4375em) {
.listing-tile--with-image-compact:first-of-type {
padding-left: 13px;
}
}
.listing-tile--with-image-compact .listing-tile__content {
position: relative;
padding: 15px 0;
}
@media screen and (max-width: 62.4375em) {
.listing-tile--with-image-compact .listing-tile__content {
padding: 8px 0 15px 0;
}
}
.listing-tile--with-image-compact .listing-tile__content .listing-tile__title {
font-size: 0.75rem;
letter-spacing: 1px;
white-space: initial;
line-height: 1rem;
}
.listing-tile--with-image-compact .listing-tile__link:hover {
transform: none;
}
.listing-tile--with-image-compact .listing-tile__link .listing-tile__image {
transition: transform 0.3s;
}
.listing-tile--with-image-compact .listing-tile__link .listing-tile__image:hover {
transform: scale(1.025);
}
/* Compact tile overrides end */
.listing-tile:not(.listing-tile--with-image) {
margin-right: 24px;
}
@media screen and (max-width: 42.5em) {
.listing-tile:not(.listing-tile--with-image) {
margin-right: 12px;
}
}
.listing-tile:not(.listing-tile--with-image) .listing-tile__link {
background: #E9E8E4;
}
.carousel .listing-tile:not(.listing-tile--with-image) .listing-tile__link {
max-width: unset;
}
.listing-tile:not(.listing-tile--with-image) .listing-tile__content {
padding: 11px 15px;
}
.listing-tile:not(.listing-tile--with-image) .listing-tile__title {
line-height: 1.5;
font-size: 0.75rem;
letter-spacing: 1px;
white-space: nowrap;
}
.listing-tile__title {
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
margin-bottom: 10px;
font-family: Gotham Pro, Times new roman, serif;
text-transform: uppercase;
letter-spacing: 1.8px;
}
.listing-tile__title:last-child {
margin-bottom: 0;
}
.listing-tile__title--white {
color: #FFFFFF;
}
.whatsapp__title {
background: url("https://cfs3.monicavinader.com/static/images/2020/WhatsApp.4ee71.svg") right no-repeat;
background-size: 60px 60px;
padding: 4px 50px 4px 0px;
display: inline;
color: black;
font-weight: bold;
}
.whatsapp__title--highlight {
color: #2a7f13;
}
.whatsapp__message {
color: black;
font-size: 14px;
}
.whatsapp_number {
font-weight: bold;
}
.whatsapp__number_container {
display: flex;
align-items: stretch;
max-width: 450px;
max-height: 50px;
}
.whatsapp__number_container #whatsapp__dialling_code_wrap {
min-width: 112px;
}
.whatsapp__number_container #whatsapp__dialling_code_wrap label {
display: none;
}
.whatsapp__number_container .field {
margin-bottom: 0;
}
.whatsapp__number_container #whatsapp__number_wrap {
position: relative;
}
.whatsapp__number_container #whatsapp__number_wrap label {
position: absolute;
font-size: 10px;
font-size: 0.625rem;
line-height: 12px;
top: 5px;
left: 12px;
color: #808080;
}
.whatsapp__number_container #whatsapp__number_wrap label span {
color: #970202;
}
.whatsapp__number_container #whatsapp__number_wrap input {
border-color: #CCCBCB;
height: 50px;
box-sizing: border-box;
padding: 17px 12px 5px;
font-size: 13px;
font-size: 0.8125rem;
line-height: 16px;
}
.whatsapp__number_container #whatsapp__dialling_code_replace img {
height: unset;
width: unset;
padding: unset;
display: inline;
vertical-align: middle;
margin-right: 5px;
}
.whatsapp__number_container #whatsapp__dialling_code_replace .select-replace__value {
font-size: 0.8rem;
padding: 0.7em 1.1em;
}
.whatsapp__number_container button {
padding: 4px 20px !important;
}
@media screen and (max-width: 34.375em) {
.whatsapp__number_container button {
padding: 4px 10px !important;
}
}
.whatsapp__number_container #whatsapp__dialling_code_selectreplace {
background-color: #CCCBCB;
}
.whatsapp__number_container #whatsapp__dialling_code_selectreplace p {
padding: 6px 5px;
border-color: transparent;
}
.whatsapp__number_container #whatsapp__dialling_code_selectreplace p img {
width: 30px;
display: inline;
vertical-align: middle;
margin-right: 10px;
}
.black-friday-popup {
display: flex;
max-width: 650px;
padding: 0;
background: #f1eee4;
}
@media screen and (max-width: 62.4375em) {
.black-friday-popup {
display: block;
}
}
.black-friday-popup--dark {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #FFFFFF;
background: #000000;
}
.black-friday-popup__image {
overflow: hidden;
flex: 0 0 auto;
width: 282px;
}
.black-friday-popup__image:before {
float: left;
content: "";
padding-bottom: 129.7872340426%;
margin-bottom: 0px;
}
.black-friday-popup__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 62.4375em) {
.black-friday-popup__image {
overflow: hidden;
width: 100%;
}
.black-friday-popup__image:before {
float: left;
content: "";
padding-bottom: 75.7142857143%;
margin-bottom: 0px;
}
.black-friday-popup__image:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
}
.black-friday-popup__image img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
max-width: 100%;
height: 100%;
}
@media screen and (max-width: 62.4375em) {
.black-friday-popup__image img {
width: 100%;
height: auto;
}
}
.black-friday-popup__content {
display: none;
}
.black-friday-popup[data-step="1"] .black-friday-popup__content[data-step="1"] {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 52px 22px 24px 22px;
text-align: right;
}
@media screen and (max-width: 62.4375em) {
.black-friday-popup[data-step="1"] .black-friday-popup__content[data-step="1"] {
display: block;
min-height: 300px;
padding: 29px 15px 15px;
text-align: center;
}
}
.black-friday-popup[data-step="2"] .black-friday-popup__content[data-step="2"] {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 52px 22px 24px 22px;
text-align: right;
}
@media screen and (max-width: 62.4375em) {
.black-friday-popup[data-step="2"] .black-friday-popup__content[data-step="2"] {
display: block;
min-height: 300px;
padding: 29px 15px 15px;
text-align: center;
}
}
.black-friday-popup[data-step="3"] .black-friday-popup__content[data-step="3"] {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 52px 22px 24px 22px;
text-align: right;
}
@media screen and (max-width: 62.4375em) {
.black-friday-popup[data-step="3"] .black-friday-popup__content[data-step="3"] {
display: block;
min-height: 300px;
padding: 29px 15px 15px;
text-align: center;
}
}
.black-friday-popup[data-step="2"] .black-friday-popup__content[data-step="2"] {
padding-left: 0;
}
.black-friday-popup[data-step="3"] .black-friday-popup__content[data-step="3"] .black-friday-popup__text {
margin-top: unset;
}
button.black-friday-popup__close {
top: 0;
right: 0;
opacity: 1;
}
button.black-friday-popup__close:active {
top: 0;
}
.black-friday-popup__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
margin-bottom: 20px;
max-width: 100%;
}
.black-friday-popup__title:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.black-friday-popup__title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
margin-bottom: 27px;
}
.black-friday-popup__title:last-child {
margin-bottom: 0;
}
}
.black-friday-popup__title span {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1.1034482759;
display: block;
margin-top: 14px;
letter-spacing: 1.3px;
}
@media screen and (max-width: 62.4375em) {
.black-friday-popup__title span {
font-size: 26px;
font-size: 1.625rem;
line-height: 1.0769230769;
letter-spacing: 2.6px;
}
}
.black-friday-popup__title span strong {
display: block;
text-transform: uppercase;
letter-spacing: normal;
}
.black-friday-popup__text {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4285714286;
margin-bottom: 15px;
margin-top: auto;
letter-spacing: 1px;
flex-shrink: 0;
width: 100%;
}
.black-friday-popup__text:last-child {
margin-bottom: 0;
}
.black-friday-popup__text a {
color: inherit;
text-decoration: underline;
white-space: nowrap;
}
.black-friday-popup__text a.cta {
text-decoration: none;
}
.black-friday-popup__form {
margin-bottom: 25px;
display: flex;
align-items: center;
}
.black-friday-popup__form:last-child {
margin-bottom: 0;
}
.black-friday-popup__form .field {
flex: 1 1 auto;
margin-right: 18px;
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.black-friday-popup__form .field {
margin-right: 4px;
}
}
.black-friday-popup__form .input {
font-size: 10px;
font-size: 0.625rem;
line-height: 1.3;
height: 44px;
padding-right: 20px;
padding-left: 20px;
border: none;
letter-spacing: 1.5px;
}
@media screen and (max-width: 62.4375em) {
.black-friday-popup__form .input {
height: 41px;
}
}
.black-friday-popup__form .input::-moz-placeholder {
text-transform: uppercase;
}
.black-friday-popup__form .input::placeholder {
text-transform: uppercase;
}
@media screen and (max-width: 62.4375em) {
.black-friday-popup__form .button:after {
height: 39px;
}
}
.black-friday-popup__form--email {
width: calc(100% + 93px);
margin-left: -93px;
}
@media screen and (max-width: 62.4375em) {
.black-friday-popup__form--email {
width: 100%;
margin-left: 0;
}
}
.black-friday-popup__form--phone {
width: calc(100% + 32px);
margin-left: -32px;
}
@media screen and (max-width: 62.4375em) {
.black-friday-popup__form--phone {
width: 100%;
margin-left: 0;
}
}
.black-friday-popup__ctas {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
width: calc(100% + 30px);
margin: -15px;
padding-bottom: 5px;
}
@media screen and (max-width: 62.4375em) {
.black-friday-popup__ctas {
justify-content: center;
}
}
.black-friday-popup__ctas > .cta {
margin: 15px;
}
.black-friday-signup-form {
max-width: 420px;
margin: 0 auto;
}
.black-friday-signup-form__container {
display: none;
}
[data-step="1"] .black-friday-signup-form__container[data-step="1"] {
display: block;
}
[data-step="2"] .black-friday-signup-form__container[data-step="2"] {
display: block;
}
[data-step="3"] .black-friday-signup-form__container[data-step="3"] {
display: block;
}
.black-friday-signup-form__title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1;
margin-bottom: 25px;
letter-spacing: 2px;
text-align: center;
}
.black-friday-signup-form__title:last-child {
margin-bottom: 0;
}
.black-friday-signup-form__subtitle + .black-friday-signup-form__title {
margin-top: -15px;
}
.black-friday-signup-form__container[data-step="2"] .black-friday-signup-form__title {
margin-bottom: 17px;
}
.black-friday-signup-form__container[data-step="2"] .black-friday-signup-form__title:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.black-friday-signup-form__container[data-step="2"] .black-friday-signup-form__title {
text-align: center;
}
}
.black-friday-signup-form__container[data-step="3"] .black-friday-signup-form__title {
margin-bottom: 15px;
}
.black-friday-signup-form__container[data-step="3"] .black-friday-signup-form__title:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.black-friday-signup-form__container[data-step="3"] .black-friday-signup-form__title {
text-align: center;
}
}
@media screen and (max-width: 62.4375em) {
.black-friday-signup-form__title {
font-size: 26px;
font-size: 1.625rem;
line-height: 1.1153846154;
margin-bottom: 16px;
letter-spacing: 1px;
text-align: left;
}
.black-friday-signup-form__title:last-child {
margin-bottom: 0;
}
}
.black-friday-signup-form__title strong {
display: block;
text-transform: uppercase;
}
.black-friday-signup-form__text {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4285714286;
margin-bottom: 40px;
letter-spacing: 1px;
text-align: center;
}
.black-friday-signup-form__text:last-child {
margin-bottom: 0;
}
.black-friday-signup-form__container[data-step="2"] .black-friday-signup-form__text {
margin-bottom: 25px;
}
.black-friday-signup-form__container[data-step="2"] .black-friday-signup-form__text:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.black-friday-signup-form__text {
text-align: left;
}
}
.black-friday-signup-form__subtitle {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
margin-bottom: 22px;
text-align: center;
}
.black-friday-signup-form__subtitle:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.black-friday-signup-form__container[data-step="2"] .black-friday-signup-form__subtitle, .black-friday-signup-form__container[data-step="3"] .black-friday-signup-form__subtitle {
text-align: center;
}
}
@media screen and (max-width: 62.4375em) {
.black-friday-signup-form__subtitle {
margin-bottom: 20px;
text-align: left;
}
.black-friday-signup-form__subtitle:last-child {
margin-bottom: 0;
}
}
.black-friday-signup-form__container .black-friday-signup-form__form div:not(.black-friday-signup-form__dob-container) .field {
margin-bottom: 22px;
}
.black-friday-signup-form__container .black-friday-signup-form__form div:not(.black-friday-signup-form__dob-container) .field:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.black-friday-signup-form__container .black-friday-signup-form__form div:not(.black-friday-signup-form__dob-container) .field {
margin-bottom: 13px;
}
.black-friday-signup-form__container .black-friday-signup-form__form div:not(.black-friday-signup-form__dob-container) .field:last-child {
margin-bottom: 0;
}
}
.black-friday-signup-form__container .black-friday-signup-form__form div:not(.black-friday-signup-form__dob-container) .field + .field {
margin-top: -12px;
}
@media screen and (max-width: 62.4375em) {
.black-friday-signup-form__container .black-friday-signup-form__form div:not(.black-friday-signup-form__dob-container) .field + .field {
margin-top: -3px;
}
}
.black-friday-signup-form__container .black-friday-signup-form__form div:not(.black-friday-signup-form__dob-container) .input {
height: 50px;
}
.black-friday-signup-form__form .black-friday-signup-form__fields-container .field {
margin-bottom: 22px !important;
}
@media screen and (max-width: 62.4375em) {
.black-friday-signup-form__form .black-friday-signup-form__fields-container .field {
margin-bottom: 13px !important;
}
}
.black-friday-signup-form__form .black-friday-signup-form__dob-container {
margin-bottom: 49px;
}
.black-friday-signup-form__form .black-friday-signup-form__dob-container:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.black-friday-signup-form__form .black-friday-signup-form__dob-container {
margin-bottom: 40px;
}
.black-friday-signup-form__form .black-friday-signup-form__dob-container:last-child {
margin-bottom: 0;
}
}
.black-friday-signup-form__form .black-friday-signup-form__dob-container label {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.black-friday-signup-form__form .black-friday-signup-form__dob-container .select-replace__icon {
display: none;
}
.black-friday-signup-form__form .black-friday-signup-form__dob-container .select-replace__value {
padding-right: 15px;
}
@media screen and (max-width: 23.75em) {
.black-friday-signup-form__form .black-friday-signup-form__dob-container .select-replace__value {
padding-right: 10px;
padding-left: 10px;
}
}
.black-friday-signup-form__form .black-friday-signup-form__dropdowns .select-replace {
margin-bottom: 20px;
}
.black-friday-signup-form__form .black-friday-signup-form__dropdowns .select-replace__value {
padding-top: 15px;
padding-left: 10px;
}
.black-friday-signup-form__fieldset .black-friday-signup-form__dob-container {
display: flex;
align-items: flex-start;
}
.black-friday-signup-form__fieldset .black-friday-signup-form__dob-container > * {
margin-right: 3px;
}
.black-friday-signup-form__fieldset .black-friday-signup-form__dob-container > *:last-child {
margin-right: 0;
}
.black-friday-signup-form__note {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
margin-bottom: 13px;
letter-spacing: 0.6px;
}
.black-friday-signup-form__note:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 62.4375em) {
.black-friday-signup-form__note {
letter-spacing: 0.8px;
}
}
.black-friday-signup-form__buttons {
text-align: right;
}
.black-friday-signup-form__ctas {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: calc(100% + 30px);
margin: 0 -15px -15px;
margin-top: 24px;
padding-bottom: 5px;
text-align: center;
}
.black-friday-signup-form__ctas p {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
width: 100%;
}
@media screen and (max-width: 62.4375em) {
.black-friday-signup-form__ctas p {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
}
}
.black-friday-signup-form__ctas > .cta {
margin: 15px;
}
#parcellab-track-and-trace .pl-order-no {
font-family: Gotham Pro, Times new roman, serif;
font-size: 29px;
font-weight: 300;
opacity: 1;
}
#parcellab-track-and-trace .pl-order-sub {
font-size: 12px;
}
#parcellab-track-and-trace .pl-tab-text-tno {
font-weight: 700;
}
#parcellab-track-and-trace .pl-button {
background-color: #F7F7F7;
}
#parcellab-track-and-trace div.pl-tab {
padding: 20px 25px;
}
#parcellab-track-and-trace .pl-box-address .pl-box-address-caption {
padding-bottom: 10px;
}
#parcellab-track-and-trace .pl-box, #parcellab-track-and-trace .pl-tab {
border-radius: 0;
}
#parcellab-track-and-trace .pl-box-heading {
font-family: Caslon, Times new roman, serif;
font-weight: 400;
font-size: 27px;
}
#parcellab-track-and-trace .pl-article-list .pl-col-row {
display: flex;
flex-direction: column;
align-items: center;
}
#parcellab-track-and-trace .pl-article-list .pl-col-row .pl-article-description {
display: flex;
flex-wrap: wrap;
}
#parcellab-track-and-trace .pl-article-list .pl-col-row .pl-article-description .pl-article-list-no {
order: 1;
}
/**
Factory detail page
**/
.factory-detail {
padding: 0 10%;
margin-top: -40px;
}
@media screen and (max-width: 62.4375em) {
.factory-detail {
padding: 0 13px;
margin-left: auto;
margin-right: auto;
max-width: 700px;
}
}
.factory-detail__back {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.1538461538;
color: #000000;
letter-spacing: 1px;
font-weight: 500;
}
.factory-detail__back img {
vertical-align: middle;
margin-right: 6px;
}
.factory-detail__sidebar {
position: relative;
top: -100px;
}
@media screen and (max-width: 62.4375em) {
.factory-detail__sidebar {
top: initial;
margin-bottom: 20px;
}
}
.factory-detail__sidebar--mobile {
display: none;
}
@media screen and (max-width: 62.4375em) {
.factory-detail__sidebar--mobile {
margin-top: 15px;
margin-bottom: 40px;
display: block;
}
}
.factory-detail__sidebar-img img {
width: 100%;
height: auto;
margin-bottom: 20px;
}
@media screen and (max-width: 62.4375em) {
.factory-detail__sidebar-img {
display: none;
}
.factory-detail__sidebar--mobile .factory-detail__sidebar-img {
display: block;
margin: 0 -13px;
}
}
@media screen and (max-width: 42.5em) {
.factory-detail__images {
margin-left: -13px;
margin-right: -13px;
}
}
.factory-detail__images img {
width: 100%;
height: auto;
margin-bottom: 30px;
}
.richtext--quality-promise-factory p {
line-height: 20px;
}
.richtext--quality-promise-factory h3 {
text-transform: none;
letter-spacing: 1px;
}
.richtext--quality-promise-factory ul {
-moz-column-count: 2;
column-count: 2;
padding-left: 0;
list-style: none;
}
@media screen and (max-width: 62.4375em) {
.richtext--quality-promise-factory ul {
-moz-column-count: 1;
column-count: 1;
}
}
.richtext--quality-promise-factory ul ~ ul {
list-style: disc;
padding-left: 10px;
}
.richtext--quality-promise-factory li {
margin-bottom: 12px;
}
.richtext--quality-promise-factory h3 {
margin-bottom: 10px;
}
@media screen and (max-width: 62.4375em) {
.factory-grid.factory-grid {
padding: 0 13px;
}
}
.factory-grid__item {
color: #000000;
}
.factory-grid__item img {
width: 100%;
height: auto;
}
.factory-grid__supplier-title {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.0714285714;
display: block;
letter-spacing: 1px;
margin-top: 20px;
margin-bottom: 10px;
}
@media screen and (max-width: 62.4375em) {
.factory-grid__supplier-title {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.6666666667;
margin-top: 10px;
margin-bottom: 0;
}
}
.factory-grid__location-title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.1111111111;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
}
@media screen and (max-width: 62.4375em) {
.factory-grid__location-title {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
margin-bottom: 15px;
}
}
.quality-promise-subtitle {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 22px;
font-size: 1.375rem;
line-height: 1.4090909091;
font-weight: 300;
margin-bottom: 10px;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-subtitle {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.7222222222;
letter-spacing: 1.25px;
margin-bottom: 0;
max-width: none;
}
}
.quality-promise-subtitle--center {
text-align: center;
max-width: none;
}
.quality-promise-subtitle--center-desktop {
text-align: center;
max-width: none;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-subtitle--center-desktop {
text-align: left;
}
}
.quality-promise-title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1.0689655172;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 20px;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-title {
letter-spacing: 2px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 62.4375em) {
.quality-promise-threecolumn .quality-promise-title, .factory-grid .quality-promise-title {
margin-bottom: 30px;
}
}
.quality-promise-title--center {
text-align: center;
}
.quality-promise-title--center-desktop {
text-align: center;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-title--center-desktop {
text-align: left;
}
}
.quality-promise-title--small {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
letter-spacing: 2px;
margin-bottom: 5px;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-title--small {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.1111111111;
letter-spacing: 1.25px;
}
}
a.cta {
font-size: 12px;
font-weight: 600;
letter-spacing: 2.16px;
line-height: 15px;
}
.quality-promise-quote {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 22px;
font-size: 1.375rem;
line-height: 1.4545454545;
position: absolute;
top: 50%;
transform: translateY(-50%);
max-width: 450px;
margin-left: 20px;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-quote {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
position: relative;
max-width: none;
width: 75%;
margin-left: auto;
margin-right: auto;
text-align: center;
letter-spacing: 1px;
}
}
.quality-promise-quote:before {
content: "โ";
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 68px;
font-size: 4.25rem;
line-height: 1.0294117647;
opacity: 0.15;
position: absolute;
left: -45px;
top: 0;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-quote:before {
left: -35px;
}
}
.quality-promise-quote:after {
content: "โ";
display: inline-block;
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 68px;
font-size: 4.25rem;
line-height: 1.0294117647;
transform: rotate(180deg);
opacity: 0.15;
position: absolute;
right: -20px;
bottom: 60px;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-quote:after {
right: 10px;
bottom: 55px;
}
}
@media screen and (max-width: 62.4375em) {
.quality-promise-quote__img.quality-promise-quote__img {
margin-bottom: 20px;
}
}
.quality-promise-quote__img.quality-promise-quote__img img {
width: 60%;
margin-right: auto;
}
@media screen and (max-width: 42.5em) {
.quality-promise-quote__monica {
max-width: 70%;
margin: 0 auto;
}
}
.quality-promise-quote__monica img {
width: 100%;
height: auto;
}
.quality-promise-mosaic.quality-promise-mosaic {
position: relative;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-mosaic.quality-promise-mosaic {
padding-top: 20px;
}
}
.quality-promise-mosaic__cutout-1 {
position: absolute;
max-width: 320px;
top: -150px;
z-index: -1;
right: 0;
}
@media screen and (max-width: 75em) {
.quality-promise-mosaic__cutout-1 {
max-width: 200px;
}
}
@media screen and (max-width: 62.4375em) {
.quality-promise-mosaic__cutout-1 {
max-width: 150px;
top: -110px;
right: calc((100vw - 700px) / -2);
}
}
@media screen and (max-width: 42.5em) {
.quality-promise-mosaic__cutout-1 {
right: 0;
}
}
.quality-promise-mosaic__cutout-1 img {
width: 100%;
height: auto;
}
.quality-promise-mosaic__cutout-2 {
position: absolute;
max-width: 350px;
top: 110px;
left: 40px;
z-index: -1;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-mosaic__cutout-2 {
display: none;
}
}
.quality-promise-mosaic__cutout-2 img {
width: 100%;
height: auto;
}
.quality-promise-mosaic__intro {
max-width: 600px;
margin: 0 auto 130px;
text-align: center;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-mosaic__intro {
max-width: 70%;
margin-bottom: 80px;
}
}
.quality-promise-mosaic img {
width: 100%;
height: auto;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-mosaic__rightcol {
margin-left: auto;
width: 85%;
}
}
.quality-promise-mosaic__leftcol {
padding-top: 220px;
}
.quality-promise-mosaic__body2 {
margin-top: 66px;
max-width: 420px;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-mosaic__body2 {
margin-top: 40px;
max-width: 270px;
}
}
.quality-promise-mosaic__tiles {
display: flex;
padding-right: 100px;
justify-content: flex-end;
}
@media screen and (max-width: 75em) {
.quality-promise-mosaic__tiles {
padding-right: 0;
}
}
@media screen and (max-width: 62.4375em) {
.quality-promise-mosaic__tiles {
padding: 0;
justify-content: flex-start;
}
}
.quality-promise-mosaic__tile {
overflow: hidden;
max-width: 195px;
}
.quality-promise-mosaic__tile:before {
float: left;
content: "";
padding-bottom: 133.3333333333%;
margin-bottom: 0px;
}
.quality-promise-mosaic__tile:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 42.5em) {
.quality-promise-mosaic__tile {
max-width: 155px;
}
}
.quality-promise-mosaic__tile:not(:last-child) {
margin-right: 30px;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-mosaic__tile:not(:last-child) {
margin-right: 15px;
}
}
.quality-promise-mosaic__tile-large {
overflow: hidden;
max-width: 260px;
}
.quality-promise-mosaic__tile-large:before {
float: left;
content: "";
padding-bottom: 100%;
margin-bottom: 0px;
}
.quality-promise-mosaic__tile-large:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 42.5em) {
.quality-promise-mosaic__tile-large {
display: none;
}
}
.quality-promise-mosaic__tile-title {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
margin-top: 15px;
}
@media screen and (max-width: 42.5em) {
.quality-promise-mosaic__tile-title {
display: none;
}
}
.blocks--quality-promise {
width: 100%;
overflow: hidden;
}
.block--quality-promise {
padding: 0 10%;
position: relative;
overflow: visible;
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise {
max-width: 700px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
}
.block--quality-promise-banded-image {
overflow: initial;
background: #F7F2EC;
position: relative;
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-single-image-wide + .block--quality-promise-three-column, .block--quality-promise-single-image-wide + .block--quality-promise-single-image-overlap {
margin-top: -50px;
}
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-single-image + .block--quality-promise-two-column {
margin-top: -50px;
}
}
.quality-promise-mosaic-banded {
background: #F7F2EC;
}
.quality-promise-mosaic-banded-text {
position: relative;
z-index: 2;
padding-top: 140px;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-mosaic-banded-text {
padding-top: 70px;
max-width: 70%;
margin-left: auto;
margin-right: auto;
}
}
.quality-promise-mosaic-banded__cutout-1 {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 60%;
z-index: 1;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-mosaic-banded__cutout-1 {
height: 55%;
width: 100%;
}
}
.quality-promise-mosaic-banded__cutout-1 img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.quality-promise-mosaic-banded__images {
text-align: right;
padding: 120px 0;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-mosaic-banded__images {
padding: 170px 0 80px;
max-width: 70%;
margin-left: auto;
margin-right: auto;
}
}
.quality-promise-mosaic-banded__images img {
width: 100%;
height: auto;
}
.quality-promise-overlapping {
position: relative;
margin-bottom: 80px;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-overlapping {
margin-bottom: -70px;
z-index: 2;
}
}
.quality-promise-overlapping__cutout {
position: absolute;
max-width: 550px;
right: 0;
bottom: -200px;
z-index: 1;
}
@media screen and (max-width: 75em) {
.quality-promise-overlapping__cutout {
max-width: 400px;
}
}
@media screen and (max-width: 62.4375em) {
.quality-promise-overlapping__cutout {
bottom: initial;
top: -150px;
right: -13px;
max-width: 200px;
}
}
.quality-promise-overlapping__cutout img {
width: 100%;
height: auto;
}
.quality-promise-overlapping img {
width: 100%;
height: auto;
}
.quality-promise-overlapping__main {
position: relative;
width: 90%;
margin-left: 10%;
}
.quality-promise-overlapping__main::after {
content: "";
position: absolute;
bottom: 0;
height: 100%;
right: 0;
width: 55%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
}
@media screen and (max-width: 62.4375em) {
.quality-promise-overlapping__main::after {
display: none;
}
}
@media screen and (max-width: 62.4375em) {
.quality-promise-overlapping__main {
margin-left: 0;
margin-bottom: 30px;
width: 85%;
}
}
.quality-promise-overlapping__small {
width: 30%;
position: absolute;
left: 0;
bottom: -80px;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-overlapping__small {
display: none;
}
}
@media screen and (max-width: 34.375em) {
.block--quality-promise-overlapping-images .quality-promise-subtitle {
text-align: left;
padding-left: 54px;
}
.block--quality-promise-overlapping-images .quality-promise-title {
text-align: left;
padding-left: 54px;
}
}
.quality-promise-action {
margin-bottom: 70px;
}
@media screen and (max-width: 42.5em) {
.quality-promise-action {
padding: 0 13px;
}
}
.quality-promise-overlapping__body {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
font-weight: 500;
color: #FFFFFF;
text-transform: uppercase;
width: 30%;
position: absolute;
top: 50px;
right: 10%;
text-align: right;
letter-spacing: 1px;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-overlapping__body {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.4615384615;
font-weight: 400;
position: relative;
color: #000000;
max-width: 70%;
width: 100%;
right: initial;
top: initial;
margin-left: auto;
margin-right: auto;
text-transform: none;
text-align: left;
}
}
.quality-promise-singleimage--cutouts.quality-promise-singleimage--cutouts {
padding: 100px 0 20px;
}
.quality-promise-singleimage__content {
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-singleimage__content {
margin-bottom: 30px;
}
.quality-promise-singleimage--cutouts .quality-promise-singleimage__content {
max-width: 70%;
z-index: 2;
}
}
@media screen and (max-width: 42.5em) {
.quality-promise-singleimage__content {
padding: 0 13px;
}
.quality-promise-singleimage--cutouts .quality-promise-singleimage__content {
padding: 0;
}
}
.quality-promise-singleimage__cutout-0 {
max-width: 250px;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 75em) {
.quality-promise-singleimage__cutout-0 {
max-width: 200px;
}
}
@media screen and (max-width: 62.4375em) {
.quality-promise-singleimage__cutout-0 {
max-width: 160px;
left: initial;
right: -40px;
top: -25px;
}
}
.quality-promise-singleimage__cutout-0 img {
width: 100%;
height: auto;
}
.quality-promise-singleimage__cutout-1 {
max-width: 320px;
position: absolute;
right: -150px;
bottom: -150px;
}
@media screen and (max-width: 75em) {
.quality-promise-singleimage__cutout-1 {
max-width: 200px;
right: -100px;
bottom: -100px;
}
}
@media screen and (max-width: 62.4375em) {
.quality-promise-singleimage__cutout-1 {
max-width: 160px;
right: initial;
left: -60px;
bottom: -70px;
}
}
.quality-promise-singleimage__cutout-1 img {
width: 100%;
height: auto;
}
.quality-promise-singleimage__img {
position: relative;
}
.quality-promise-singleimage__img img {
width: 100%;
height: auto;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-singleimage--cutouts .quality-promise-singleimage__img {
width: 85%;
margin-left: auto;
}
}
.block .quality-promise-threecolumn {
margin-top: -40px;
padding: 70px 0 60px;
}
@media screen and (max-width: 62.4375em) {
.block .quality-promise-threecolumn {
margin-top: 0;
}
}
.quality-promise-threecolumn img {
width: 100%;
height: auto;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-threecolumn .richtext {
margin-bottom: 35px;
}
}
.quality-promise-threecolumn .richtext :first-child {
margin-top: 32px;
}
.quality-promise-threecolumn .richtext h3,
.quality-promise-threecolumn .richtext h4 {
margin-top: 32px;
margin-bottom: 20px;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-threecolumn .richtext h3,
.quality-promise-threecolumn .richtext h4 {
margin-top: 25px;
margin-bottom: 10px;
}
}
.block--quality-promise-three-column:nth-child(even) .quality-promise-threecolumn {
padding: 20px 0 10px;
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-three-column:nth-child(even) .quality-promise-threecolumn {
padding: 0;
}
}
@media screen and (max-width: 42.5em) {
.block--quality-promise-three-column:nth-child(even) .quality-promise-threecolumn {
padding: 0 13px 10px;
}
}
.block--quality-promise-three-column:nth-child(odd) {
overflow: initial;
}
.block--quality-promise-three-column:nth-child(odd) .quality-promise-threecolumn {
background: #f1eee4;
position: relative;
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-three-column:nth-child(odd) .quality-promise-threecolumn {
padding: 50px 0 60px;
}
}
@media screen and (max-width: 42.5em) {
.block--quality-promise-three-column:nth-child(odd) .quality-promise-threecolumn {
padding: 50px 13px 60px;
}
}
.block--quality-promise-three-column:nth-child(odd) .quality-promise-threecolumn:before, .block--quality-promise-three-column:nth-child(odd) .quality-promise-threecolumn:after {
content: " ";
position: absolute;
top: 0;
right: 100%;
width: 100%;
height: 100%;
background: #f1eee4;
}
.block--quality-promise-three-column:nth-child(odd) .quality-promise-threecolumn:after {
left: 100%;
}
.block--quality-promise-two-column {
overflow: initial;
}
.block--quality-promise-two-column .quality-promise-twocolumn {
background: #f1eee4;
position: relative;
padding-bottom: 40px;
}
.block--quality-promise-two-column .quality-promise-twocolumn:before, .block--quality-promise-two-column .quality-promise-twocolumn:after {
content: " ";
position: absolute;
top: 0;
right: 100%;
width: 100%;
height: 100%;
background: #f1eee4;
}
.block--quality-promise-two-column .quality-promise-twocolumn:after {
left: 100%;
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-two-column .quality-promise-twocolumn {
padding: 0;
}
}
.block--quality-promise-two-column .quality-promise-twocolumn .grid .richtext :first-child {
margin-top: 32px;
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-two-column .quality-promise-twocolumn .grid .richtext {
padding: 0 13px;
}
}
.quality-promise-twocolumn__intro {
max-width: 520px;
margin: auto;
text-align: center;
padding-top: 90px;
margin-bottom: 40px;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-twocolumn__intro {
max-width: none;
text-align: left;
margin-bottom: 35px;
padding-top: 55px;
}
}
.quality-promise-twocolumn__intro .richtext {
text-align: center;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-twocolumn__intro .richtext {
text-align: left;
}
}
.grid .richtext :first-child {
margin-top: 32px;
}
.quality-promise-twocolumn img {
width: 100%;
height: auto;
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-offset-large .grid--flush {
flex-direction: column-reverse;
margin-left: 0px;
}
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-offset-large .basic-callout__image {
display: none;
}
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-offset-large .basic-callout__offset-image {
margin-top: 30px;
transform: none;
}
}
@media screen and (max-width: 42.5em) {
.block--quality-promise-offset-large .basic-callout__offset-image {
margin-left: -13px;
margin-right: -13px;
width: calc(100% + 26px);
}
}
.block--quality-promise-offset-large .basic-callout__offset-large-content {
padding-left: 75px;
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-offset-large .basic-callout__offset-large-content {
padding: 0;
}
}
@media screen and (max-width: 42.5em) {
.block--quality-promise-offset-large .basic-callout__offset-large-content {
padding: 0 13px;
}
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-offset-large .basic-callout__offset-large-content .quality-promise-subtitle {
font-size: 18px;
letter-spacing: 1.25px;
}
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-offset-large .basic-callout__offset-large-content .basic-callout__content {
width: 100%;
}
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-offset-large .basic-callout__image {
margin-left: 0px;
padding-left: 0px;
}
.block--quality-promise-offset-large .basic-callout__image img {
max-width: -moz-fit-content;
max-width: fit-content;
}
}
.block--quality-promise-offset-image {
overflow: initial;
}
.block--quality-promise-offset-image .quality-promise-offsetimage {
background: #f1eee4;
position: relative;
padding-bottom: 30px;
padding-top: 90px;
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-offset-image .quality-promise-offsetimage {
padding-top: 30px;
padding-bottom: 0;
}
}
.block--quality-promise-offset-image .quality-promise-offsetimage:before, .block--quality-promise-offset-image .quality-promise-offsetimage:after {
content: " ";
position: absolute;
top: 0;
right: 100%;
width: 100%;
height: 100%;
background: #f1eee4;
}
.block--quality-promise-offset-image .quality-promise-offsetimage:after {
left: 100%;
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-offset-image .quality-promise-offsetimage .m-order-last {
order: 1;
}
}
@media screen and (max-width: 42.5em) {
.block--quality-promise-offset-image .quality-promise-offsetimage .m-order-last {
margin: 0;
}
}
@media screen and (max-width: 62.4375em) {
.quality-promise-offsetimage__content {
padding: 20px 13px 0;
}
}
.quality-promise-offsetimage img {
width: 100%;
height: auto;
}
.quality-promise-singleimage--overlap {
display: grid;
grid-template-columns: repeat(10, 1fr);
align-items: center;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-singleimage--overlap {
grid-template-columns: 1fr;
}
}
.quality-promise-singleimageoverlap__img {
overflow: hidden;
grid-column: 3/10;
grid-row: 1/2;
position: relative;
}
.quality-promise-singleimageoverlap__img:before {
float: left;
content: "";
padding-bottom: 80%;
margin-bottom: 0px;
}
.quality-promise-singleimageoverlap__img:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-singleimageoverlap__img {
grid-column: 1/2;
grid-row: 1/2;
}
}
@media screen and (max-width: 42.5em) {
.quality-promise-singleimageoverlap__img {
overflow: hidden;
}
.quality-promise-singleimageoverlap__img:before {
float: left;
content: "";
padding-bottom: 120%;
margin-bottom: 0px;
}
.quality-promise-singleimageoverlap__img:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility: hidden;
}
}
.quality-promise-singleimageoverlap__img img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
position: absolute;
width: 100%;
height: 100%;
}
.quality-promise-singleimageoverlap__content {
position: relative;
grid-column: 2/6;
grid-row: 1/2;
z-index: 1;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-singleimageoverlap__content {
grid-column: 1/2;
grid-row: 2/3;
padding: 40px 13px 0;
}
}
.quality-promise-singleimageoverlap__content .richtext {
max-width: 300px;
}
@media screen and (max-width: 62.4375em) {
.quality-promise-singleimageoverlap__content .richtext {
max-width: none;
}
}
.block--quality-promise-single-image-wide {
overflow: initial;
}
.block--quality-promise-single-image-wide .quality-promise-singleimage--wide-alt {
background: #f1eee4;
position: relative;
padding-bottom: 30px;
padding-top: 90px;
}
.block--quality-promise-single-image-wide .quality-promise-singleimage--wide-alt:before, .block--quality-promise-single-image-wide .quality-promise-singleimage--wide-alt:after {
content: " ";
position: absolute;
top: 0;
right: 100%;
width: 100%;
height: 100%;
background: #f1eee4;
}
.block--quality-promise-single-image-wide .quality-promise-singleimage--wide-alt:after {
left: 100%;
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-single-image-wide .quality-promise-singleimage--wide-alt {
padding-top: 0;
}
.block--quality-promise-single-image-wide .quality-promise-singleimage--wide-alt .grid--reverse {
flex-direction: column;
}
.block--quality-promise-single-image-wide .quality-promise-singleimage--wide-alt .quality-promise-singleimage__content {
padding-top: 35px;
padding-bottom: 0;
}
}
.block--quality-promise-single-image-wide .quality-promise-singleimage__img img {
width: 100%;
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-single-image-wide .grid--left {
flex-direction: column-reverse;
margin-left: 0px;
}
}
.quality-promise-singleimage--wide__title {
margin-top: 20px;
}
.block--quality-promise-quote img {
width: 100%;
height: auto;
}
@media screen and (max-width: 62.4375em) {
.block--quality-promise-journey {
padding: 0 13px;
}
}
.journey {
width: 80%;
margin: 30px auto 0;
}
@media screen and (max-width: 62.4375em) {
.journey {
width: 100%;
}
}
.journey__block {
display: flex;
margin-bottom: 80px;
position: relative;
}
@media screen and (max-width: 62.4375em) {
.journey__block {
flex-wrap: wrap;
}
.journey__block:last-child {
margin-bottom: 40px;
}
.journey__block:not(:first-child):not(:last-child) {
padding: 10px 0;
}
.journey__block:first-child {
padding-bottom: 10px;
}
.journey__block:last-child {
padding-top: 10px;
}
}
.journey__block:nth-child(even) {
flex-direction: row-reverse;
}
.journey__block-image {
width: 50%;
}
@media screen and (max-width: 62.4375em) {
.journey__block-image {
width: 75%;
margin-bottom: 15px;
}
}
.journey__block-image img {
width: 100%;
height: auto;
}
.journey__text {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 90px;
}
@media screen and (max-width: 62.4375em) {
.journey__text {
width: 75%;
padding: 0;
}
}
.journey__line-top,
.journey__line-bottom {
width: 50%;
height: 40px;
position: absolute;
left: 25%;
}
.journey__line-bottom {
top: 100%;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.journey__line-top {
bottom: 100%;
border-right: 1px solid #ccc;
}
.journey__block:nth-child(odd) .journey__line-top {
border-right: none;
border-left: 1px solid #ccc;
}
.journey__block:nth-child(even) .journey__line-bottom {
border-left: none;
border-right: 1px solid #ccc;
}
.journey__block:first-child .journey__line-top {
display: none;
}
.journey__block:last-child .journey__line-bottom {
display: none;
}
.topl-passport__block,
.topl-passport__attribution {
margin: 0 40px;
}
@media screen and (max-width: 42.5em) {
.topl-passport__block,
.topl-passport__attribution {
margin: 0;
margin-top: 20px;
}
}
.topl-passport__block {
position: relative;
}
.topl-passport__content {
text-align: center;
max-width: 83.2%;
margin: 0 8.4%;
padding-bottom: 10.66%;
}
.topl-passport__title {
font-size: 16px;
font-size: 1rem;
font-weight: 700;
font-family: Gotham Pro, Times new roman, serif;
text-transform: uppercase;
letter-spacing: 3.13px;
line-height: 16px;
font-weight: 500;
}
.topl-passport__body {
display: block;
font-size: 14px;
font-size: 0.875rem;
letter-spacing: 1px;
line-height: 20px;
margin: 23px 0px 17px 0px;
}
.topl-passport__view-button {
width: 100%;
display: inline-flex;
justify-content: center;
white-space: normal;
padding-left: 9px;
}
.topl-passport__view-button span {
font-size: 12px;
font-size: 0.75rem;
font-weight: 500;
font-family: Gotham Pro, Times new roman, serif;
letter-spacing: 1.5px;
line-height: 12px;
padding: 0;
align-self: center;
}
.topl-passport__view-button img {
align-self: center;
margin-left: 17px;
margin-right: 8px;
}
.product-details__passport button.topl-passport__view-button:hover img {
transform: translateX(13px);
}
.topl-passport__tray {
width: 385px;
height: 100vh;
}
.topl-passport__tray iframe {
height: 100%;
}
@media all and (max-width: 900px) {
.topl-passport__tray.popup--side {
margin-left: auto;
margin-right: -8px;
}
}
.topl-passport__tray .mfp-close {
display: none;
}
.topl-passport__bg {
padding-bottom: 8.5%;
}
.topl-passport__bg img {
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
-o-object-fit: cover;
object-fit: cover;
}
.topl-passport__close-btn {
position: absolute;
height: 23px;
right: 27px;
background: transparent;
}
.topl-passport__attribution {
display: block;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.55px;
line-height: 10px;
text-align: center;
margin-top: 20px;
margin-bottom: 5px;
}
.topl-passport__attribution-logo {
position: relative;
top: 4px;
}
.block--text-only:first-child {
margin-top: 70px;
}
.text-only__container .text-only__content {
max-width: 871px;
margin: 0 auto;
}
.text-only__container .text-only__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
margin-bottom: 19px;
}
.text-only__container .text-only__title span {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1.0344827586;
display: block;
margin-top: 9px;
letter-spacing: 2.6px;
}
@media screen and (max-width: 62.4375em) {
.text-only__container .text-only__title span {
font-size: 26px;
font-size: 1.625rem;
line-height: 1;
margin-top: 16px;
}
}
.text-only__container .text-only__title span strong {
display: block;
text-transform: uppercase;
}
.text-only__container .text-only__header {
font-size: 29px;
}
.text-only__container .text-only__header2 {
font-size: 29px;
margin: 51px 0 20px 0;
}
.text-only__container .text-only__subheader {
font-size: 16px;
}
.text-only__container .richtext p {
margin-bottom: 16px;
}
.text-only__container .button {
margin-top: 10px;
}
.cloudflare-stream-video {
position: relative;
overflow: hidden;
}
.cloudflare-stream-video iframe {
position: absolute;
top: 0;
margin: 0 auto;
min-width: 100%;
min-height: 100%;
border: none;
}
.cloudflare-stream-video--16x9 {
padding-top: 38.8888888889%;
}
@supports (aspect-ratio: 1.7777777778) {
.cloudflare-stream-video--16x9 {
padding-top: 0;
aspect-ratio: 1.7777777778;
}
.cloudflare-stream-video--16x9 iframe {
aspect-ratio: 1.7777777778;
}
}
.cloudflare-stream-video--square {
padding-top: 38.8888888889%;
}
@supports (aspect-ratio: 1) {
.cloudflare-stream-video--square {
padding-top: 0;
aspect-ratio: 1;
}
.cloudflare-stream-video--square iframe {
aspect-ratio: 1.7777777778;
}
}
.cloudflare-stream-video--hero {
width: 100%;
height: 100vh;
}
.cloudflare-stream-video--hero iframe {
aspect-ratio: 1.7777777778;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 62.4375em) {
.cloudflare-stream-video--hero {
height: 100%;
padding-top: 38.8888888889%;
}
@supports (aspect-ratio: 1.7777777778) {
.cloudflare-stream-video--hero {
padding-top: 0;
aspect-ratio: 1.7777777778;
}
.cloudflare-stream-video--hero iframe {
aspect-ratio: 1.7777777778;
}
}
}
@media screen and (max-width: 34.375em) {
.cloudflare-stream-video--hero {
padding-top: 38.8888888889%;
}
@supports (aspect-ratio: 1) {
.cloudflare-stream-video--hero {
padding-top: 0;
aspect-ratio: 1;
}
.cloudflare-stream-video--hero iframe {
aspect-ratio: 1.7777777778;
}
}
}
.video-content {
max-width: 1460px;
margin: 0 auto;
padding: 0 40px;
}
@media screen and (max-width: 62.4375em) {
.video-content {
max-width: none;
padding: 0;
}
}
.video-content .grid {
margin-left: -25px;
}
.video-content .grid.video-content--align-left {
flex-direction: row;
}
.video-content .grid.video-content--align-left .video-content__column--content {
align-items: start;
justify-content: center;
}
.video-content .grid.video-content--align-right {
flex-direction: row-reverse;
}
.video-content .grid.video-content--align-right .video-content__column--content {
align-items: start;
justify-content: center;
}
.video-content .grid.video-content--align-center {
flex-direction: column-reverse;
}
.video-content .grid.video-content--align-center .video-content__column {
width: 100%;
}
.video-content .grid.video-content--align-center .video-content__column.video-content__column--content {
padding-bottom: 30px;
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
}
.video-content .grid.video-content--align-center .video-content__column.video-content__column--content .video-content__title,
.video-content .grid.video-content--align-center .video-content__column.video-content__column--content .video-content__body {
display: flex;
flex-direction: column;
align-items: center;
max-width: 500px;
text-align: center;
}
@media screen and (max-width: 62.4375em) {
.video-content .grid.video-content--align-left, .video-content .grid.video-content--align-center, .video-content .grid.video-content--align-right {
flex-direction: column-reverse;
}
.video-content .grid.video-content--align-left .video-content__column, .video-content .grid.video-content--align-center .video-content__column, .video-content .grid.video-content--align-right .video-content__column {
width: 100%;
margin-bottom: 30px;
}
.video-content .grid.video-content--align-left .video-content__column.video-content__column--content, .video-content .grid.video-content--align-center .video-content__column.video-content__column--content, .video-content .grid.video-content--align-right .video-content__column.video-content__column--content {
padding-bottom: 30px;
align-items: center;
display: flex;
flex-direction: column;
padding-right: 30px;
}
.video-content .grid.video-content--align-left .video-content__column.video-content__column--content .video-content__title,
.video-content .grid.video-content--align-left .video-content__column.video-content__column--content .video-content__body, .video-content .grid.video-content--align-center .video-content__column.video-content__column--content .video-content__title,
.video-content .grid.video-content--align-center .video-content__column.video-content__column--content .video-content__body, .video-content .grid.video-content--align-right .video-content__column.video-content__column--content .video-content__title,
.video-content .grid.video-content--align-right .video-content__column.video-content__column--content .video-content__body {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
max-width: 500px;
width: 100%;
}
}
@media screen and (max-width: 34.375em) {
.video-content .grid.video-content--align-left .video-content__column.video-content__column--content, .video-content .grid.video-content--align-center .video-content__column.video-content__column--content, .video-content .grid.video-content--align-right .video-content__column.video-content__column--content {
align-items: start;
margin: 13px;
}
.video-content .grid.video-content--align-left .video-content__column.video-content__column--content .video-content__title,
.video-content .grid.video-content--align-left .video-content__column.video-content__column--content .video-content__body, .video-content .grid.video-content--align-center .video-content__column.video-content__column--content .video-content__title,
.video-content .grid.video-content--align-center .video-content__column.video-content__column--content .video-content__body, .video-content .grid.video-content--align-right .video-content__column.video-content__column--content .video-content__title,
.video-content .grid.video-content--align-right .video-content__column.video-content__column--content .video-content__body {
align-items: start;
text-align: left;
}
}
.video-content__column {
padding-left: 25px;
margin-bottom: 25px;
}
@media screen and (max-width: 62.4375em) {
.video-content__column {
margin-bottom: 50px;
}
}
.video-content__column .video-content__video {
height: 100%;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 62.4375em) {
.video-content__column .video-content__video {
margin-bottom: 23px;
}
}
.video-content__column .video-content__video video {
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
.video-content__column .video-content__video .video-content__video-play {
display: block;
position: absolute;
bottom: 32px;
left: 32px;
margin: 0;
width: 100px;
height: 100px;
}
@media screen and (max-width: 34.375em) {
.video-content__column .video-content__video .video-content__video-play {
width: 80px;
height: 80px;
left: 0;
bottom: 15px;
}
}
.video-content__column .video-content__video .video-content__video-play span {
display: block;
font-size: 0;
opacity: 0;
}
.video-content__column .video-content__video .video-content__video-play:after {
content: "";
background-image: url("https://cfs3.monicavinader.com/static/images/2020/play-border.cad52.png");
background-size: contain;
background-repeat: no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
.video-content__column .video-content__video .cloudflare-stream-video ~ .video-content__video-play {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
bottom: auto;
}
.video-content__column .video-content__video .video-content__video-play--hidden {
opacity: 0;
}
.video-content__column .video-content__header {
margin-bottom: 20px;
}
.video-content__column .video-content__header .video-content__title {
font-family: Caslon, Times new roman, serif;
line-height: 0.518;
font-weight: 400;
letter-spacing: normal;
font-style: italic;
font-size: 27px;
font-size: 1.6875rem;
line-height: 1.1111111111;
}
@media screen and (max-width: 62.4375em) {
.video-content__column .video-content__header .video-content__title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.0833333333;
}
}
.video-content__column .video-content__header .video-content__title span {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 1.2068965517;
display: block;
margin-top: 8px;
letter-spacing: 2.6px;
}
@media screen and (max-width: 62.4375em) {
.video-content__column .video-content__header .video-content__title span {
font-size: 26px;
font-size: 1.625rem;
line-height: 1;
margin-top: 16px;
}
}
.video-content__column .video-content__header .video-content__title span strong {
display: block;
text-transform: uppercase;
letter-spacing: normal;
}
.video-content__column .video-content__body {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2857142857;
color: #000000;
}
@media screen and (max-width: 62.4375em) {
.video-content__column .video-content__body {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.3846153846;
}
}
.video-content__column .video-content__body a {
display: inline-block;
margin-top: 25px;
}
.carousel--category-links .carousel__content:before {
display: none;
}
@media screen and (max-width: 62.4375em) {
.carousel--category-links .carousel__header {
padding: 0;
}
}
.carousel--category-links .carousel__header .carousel__title, .carousel--category-links .carousel__header .instagram-title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 0.8620689655;
display: block;
margin-top: 12px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
}
@media screen and (max-width: 62.4375em) {
.carousel--category-links .carousel__header .carousel__title, .carousel--category-links .carousel__header .instagram-title {
font-size: 26px;
font-size: 1.625rem;
line-height: 0.9615384615;
margin-top: 9px;
}
}
@media screen and (max-width: 62.4375em) {
.carousel--category-links {
margin-right: 13px;
margin-left: 13px;
}
}
.carousel--category-links .slick-track {
display: flex;
align-items: center;
}
.carousel--category-links .slick-track .slick-slide {
display: inline-block;
}
.carousel--category-links .category-link {
transition: transform 0.3s;
}
.carousel--category-links .category-link a {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2857142857;
font-family: Gotham Pro, Times new roman, serif;
text-transform: uppercase;
line-height: 1;
letter-spacing: 1.5px;
font-weight: 300;
background-color: #E9E8E4;
color: #000000;
padding: 20px 25px;
margin: 15px 26px 15px 0;
display: inline-block;
}
@media screen and (max-width: 62.4375em) {
.carousel--category-links .category-link a {
padding: 15px 19px;
}
}
.carousel--category-links .category-link:hover {
transform: scale(1.025);
}
@media screen and (max-width: 62.4375em) {
.stockists .wrap, .stockists .hero__content, .stockists .carousel__header, .stockists .carousel--favourites .carousel__content:not(.slick-initialized), .carousel--favourites .stockists .carousel__content:not(.slick-initialized), .stockists .carousel--collection .carousel__content:not(.slick-initialized), .carousel--collection .stockists .carousel__content:not(.slick-initialized), .stockists .carousel__header ~ .carousel__footer, .stockists .block--product-carousel .carousel__footer, .block--product-carousel .stockists .carousel__footer, .stockists .featured-collection-callout__header, .stockists .skinny-banner__content {
width: 100%;
}
}
@media screen and (max-width: 62.4375em) {
.stockists .skinny-banner--central .skinny-banner__content {
padding-top: 0;
}
}
.stockists .stockist-intro {
display: flex;
justify-content: center;
flex-direction: column;
}
.stockists .stockist-intro__content {
font-family: Grotesk, Helvetica, sans-serif;
font-weight: 600;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
text-align: center;
letter-spacing: 0.5px;
font-weight: 400;
max-width: 650px;
margin: -15px auto 20px;
}
@media screen and (max-width: 62.4375em) {
.stockists .stockist-intro__content {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.5384615385;
letter-spacing: 0.5px;
text-align: left;
}
}
.stockists .stockist-nav__list {
display: flex;
justify-content: center;
margin: 15px auto 30px;
}
.stockists .stockist-nav__list ul {
display: flex;
justify-content: space-between;
}
.stockists .stockist-nav__list li {
margin: 0 10px;
}
.stockists .stockist-nav__list li .cta:after {
background: #b1b1b1;
}
.stockists .stockist-nav__list li .cta--active:after {
background: #000000;
}
@media screen and (max-width: 34.375em) {
.stockists .stockist-nav__list {
display: none;
}
}
.stockists .stockist-nav__select {
display: none;
}
@media screen and (max-width: 34.375em) {
.stockists .stockist-nav__select {
display: block;
}
}
.stockists .stockist-content {
display: flex;
flex-direction: row;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
padding: 58px 0 30px;
margin-left: 0;
margin-right: 0;
}
@media screen and (max-width: 88.6875em) {
.stockists .stockist-content {
margin-left: 5%;
margin-right: 5%;
}
}
@media screen and (max-width: 62.4375em) {
.stockists .stockist-content {
border: none;
flex-direction: column-reverse;
padding-top: 30px;
margin-left: 50px;
margin-right: 50px;
}
}
@media screen and (max-width: 34.375em) {
.stockists .stockist-content {
margin-left: -18px;
margin-right: 13px;
}
}
.stockists .stockist-stores-nav {
display: flex;
padding-left: 0;
}
@media screen and (max-width: 62.4375em) {
.stockists .stockist-stores-nav {
padding-left: 30px;
}
}
.stockists .stockist-stores-nav__title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 29px;
font-size: 1.8125rem;
line-height: 0.8620689655;
letter-spacing: 3px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 15px;
}
@media screen and (max-width: 62.4375em) {
.stockists .stockist-stores-nav__title {
font-size: 26px;
font-size: 1.625rem;
line-height: 0.9615384615;
letter-spacing: 2px;
margin-bottom: 0;
}
}
.stockists .stockist-stores-nav__title--center {
text-align: center;
}
@media screen and (max-width: 62.4375em) {
.stockists .stockist-stores-nav__title--center {
text-align: inherit;
}
}
.stockists .stockist-stores-nav__stores {
display: flex;
flex-direction: column;
width: 100%;
padding-right: 10px;
}
@media screen and (max-width: 62.4375em) {
.stockists .stockist-stores-nav__stores {
padding-right: 0;
}
}
.stockists .stockist-stores-nav__store {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #eeeeee;
transition: border 500ms ease-out;
}
.stockists .stockist-stores-nav__store:hover {
border-bottom: 1px solid #000;
}
.stockists .stockist-stores-nav__store--hover {
border-bottom: 1px solid #000;
}
.stockists .stockist-stores-nav__store-detail {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 16px;
font-size: 1rem;
line-height: 1.5625;
letter-spacing: 1.5px;
font-weight: 500;
padding: 15px 0;
text-transform: uppercase;
color: black;
}
.stockists .stockist-stores-nav__store-detail span {
display: block;
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
letter-spacing: 0.25px;
text-transform: initial;
font-weight: 400;
}
.stockists .stockist-stores-nav__store-arrow {
display: flex;
min-width: 30px;
max-width: 30px;
margin-left: 10px;
justify-content: flex-end;
}
.stockists .stockist-stores-nav__store-arrow img {
width: 20px;
}
.stockists .stockist-stores-map {
padding-right: 0;
min-height: 400px;
}
.stockists .stockist-other-stores {
margin: 58px 0 60px !important;
}
@media screen and (max-width: 62.4375em) {
.stockists .stockist-other-stores {
margin: 0 0 45px !important;
}
}
.stockists .stockist-other-stores__list {
margin-top: 40px;
}
.stockists .stockist-other {
text-align: left;
}
.stockists .stockist-other__title {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 16px;
font-size: 1rem;
line-height: 1.5625;
letter-spacing: 1.5px;
font-weight: 500;
margin-bottom: 5px;
text-transform: uppercase;
color: #000000;
}
.stockists .stockist-other__title a {
color: #000000;
}
.stockists .stockist-other__detail {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6428571429;
letter-spacing: 0.25px;
}
.stockists .stockist-pagination {
margin-bottom: 60px;
}
.stockists .stockist-online-list-wrap {
display: flex;
justify-content: center;
margin: 20px auto 20px;
}
@media screen and (max-width: 62.4375em) {
.stockists .stockist-online-list-wrap {
justify-content: flex-start;
}
}
.stockists .stockist-online-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 30px 0;
max-width: 650px;
width: 100%;
}
@media screen and (max-width: 62.4375em) {
.stockists .stockist-online-list {
margin: 0;
}
}
.stockists .stockist-online {
font-family: Grotesk, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
letter-spacing: 1.5px;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 1.8px;
font-weight: 600;
margin-bottom: 20px;
}
@media screen and (max-width: 62.4375em) {
.stockists .stockist-online {
min-width: 50%;
}
}
.stockists div.field {
position: relative;
vertical-align: top;
margin-bottom: 10px;
}
.stockists div.select-replace {
position: relative;
display: block;
background-color: #fff;
width: auto;
margin: 0 auto;
overflow: hidden;
border: 0.5px solid #eeeeee;
}
.stockists div.select-replace select {
display: block;
z-index: 10;
width: 100%;
padding-right: 1em;
height: 38px;
position: relative;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: 0;
border: none;
background: #fff;
opacity: 0;
}
.stockists div.select-replace select:hover {
cursor: pointer;
}
.stockists div.select-replace p {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
display: block;
position: absolute;
color: #000;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-bottom: 0;
line-height: 30px;
padding: 18px 9px 0;
}
.stockists div.select-replace .select-replace__icon {
position: absolute;
top: 26px;
right: 23px;
}
.stockists .field .input {
height: 42px;
color: #000000;
border-radius: 2px;
box-shadow: inset 0 0 0 1px transparent;
}
.stockists .field {
margin-bottom: 10px;
}
.stockists .field::before {
content: "";
top: 0.75em;
right: 1.5em;
position: absolute;
color: transparent;
font-size: 1.5rem;
line-height: 1em;
opacity: 0;
pointer-events: none;
z-index: 1;
}
.stockists .field label:not(.radio):not(.check_box) {
position: absolute;
top: 8px;
left: 10px;
color: #000000;
text-transform: none;
white-space: nowrap;
pointer-events: none;
z-index: 1;
font-size: 12px;
font-size: 0.75rem;
font-weight: 300;
}
.stockists .floating-labels {
box-sizing: initial;
}
.stockists .floating-labels .field label:not(.radio):not(.check_box) {
position: absolute;
top: 8px;
left: 10px;
color: #000000;
text-transform: none;
white-space: nowrap;
pointer-events: none;
z-index: 1;
font-size: 12px;
font-size: 0.75rem;
font-weight: 300;
}
@media screen and (max-width: 62.4375em) {
.stockist .skinny-banner--central .skinny-banner__content {
padding-top: 0;
}
}
.stockist .stockist-content {
padding: 0 10%;
margin-top: -40px;
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content {
padding: 0 13px;
margin-left: auto;
margin-right: auto;
max-width: 700px;
}
}
.stockist .stockist-content__map {
position: relative;
top: -100px;
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__map {
top: initial;
}
}
.stockist #map {
height: 500px;
}
@media screen and (max-width: 62.4375em) {
.stockist #map {
height: 195px;
}
}
.stockist .stockist-content__links {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__links {
justify-content: center;
}
}
.stockist .stockist-content__links--mobile {
display: none;
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__links--mobile {
display: flex;
}
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__links--mobile-left {
justify-content: left;
}
}
.stockist .stockist-content__links--desktop {
display: flex;
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__links--desktop {
display: none;
}
}
.stockist .stockist-content__link {
margin-top: 25px;
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
color: #000000;
letter-spacing: 0.5px;
font-weight: 600;
text-decoration: underline;
}
@media screen and (max-width: 34.375em) {
.stockist .stockist-content__link {
margin-top: 0;
justify-self: left;
}
}
.stockist .stockist-content__link img {
width: 11px;
height: 8px;
display: inline;
vertical-align: middle;
margin-right: 6px;
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__link.stockist-content__link--map {
margin-top: 15px;
}
}
.stockist .stockist-content__detail {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4285714286;
letter-spacing: 0.5px;
display: flex;
flex-direction: column;
margin-top: 12px;
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__detail {
margin-top: 0;
}
}
.stockist .stockist-content__detail ul {
margin: 0;
padding: 0;
}
.stockist .stockist-content__detail li {
margin-bottom: 12px;
}
.stockist .stockist-content__detail li a {
text-decoration: underline;
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__detail div:first-of-type {
margin-top: 0;
}
}
.stockist .stockist-content__detail hr {
border: 0;
height: 1px;
background: #eeeeee;
margin: 25px 0 22px;
}
.stockist .stockist-content__detail--mobile {
display: none;
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__detail--mobile {
display: flex;
margin: 30px 0 18px;
justify-self: center;
}
}
.stockist .stockist-content__detail--title {
font-weight: 500;
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__detail--title {
font-weight: 600;
}
}
.stockist .stockist-content__detail--title--centre {
text-align: center;
}
.stockist .stockist-content__detail-row {
display: flex;
flex-direction: row;
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__detail-row {
flex-direction: column;
}
}
.stockist .stockist-content__detail-row div:first-of-type {
width: 60%;
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__detail-row div:first-of-type {
width: auto;
}
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__detail-row div:last-of-type {
margin-top: 25px;
}
}
.stockist .stockist-content__detail--piercing {
font-family: Gotham Pro, Times new roman, serif;
line-height: 0.689;
font-weight: 300;
letter-spacing: 3px;
font-style: normal;
font-size: 16px;
font-size: 1rem;
line-height: 1.5625;
letter-spacing: 1.5px;
text-transform: uppercase;
align-items: center;
padding-top: 10px;
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__detail--piercing {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7857142857;
letter-spacing: 1px;
margin-top: 25px;
}
}
.stockist .stockist-content__detail--piercing p > span {
font-weight: 500;
margin-right: 25px;
}
@media screen and (max-width: 62.4375em) {
.stockist .stockist-content__detail--piercing .button {
margin-top: 10px;
}
}
.stockist .blocks {
margin-top: -50px;
}
@media screen and (max-width: 62.4375em) {
.stockist .blocks {
margin-top: 40px;
}
}
.stockist .block__wrap {
padding: 0 10%;
}
@media screen and (max-width: 62.4375em) {
.stockist .block__wrap {
padding: 0;
}
}
.stockist .block__wrap.block--skinny-banner {
padding: unset;
}
.stockist .quality-promise-twocolumn__intro {
display: none;
}
@media screen and (max-width: 62.4375em) {
.stockist .quality-promise-twocolumn__image {
margin-bottom: 30px;
}
}
.gm-style .gm-style-iw-c {
border-radius: 0;
border: 1px solid black;
max-height: revert !important;
}
.gm-style .gm-style-iw-c button {
display: none !important;
}
.gm-style-iw.gm-style-iw-c {
padding: 20px !important;
}
.gm-style-iw-d {
max-height: revert !important;
overflow: hidden !important;
}
.gm-style-iw-tc {
filter: drop-shadow(0px 1px 0 #000) !important;
}
.stockist__map-content {
display: flex;
}
@media screen and (max-width: 62.4375em) {
.stockist__map-content {
flex-direction: column;
}
}
.stockist__map-content figure {
padding-right: 20px;
}
@media screen and (max-width: 62.4375em) {
.stockist__map-content figure {
padding-bottom: 20px;
padding-right: 0;
}
}
.stockist__map-content figure img {
width: 150px;
height: 150px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 62.4375em) {
.stockist__map-content figure img {
width: 100%;
}
}
.stockist__map-content ul {
display: flex;
flex-direction: column;
list-style: none;
}
.stockist__map-content ul li {
display: flex;
font-family: Grotesk;
font-size: 12px;
line-height: 20px;
padding-bottom: 5px;
letter-spacing: 0.25px;
}
.stockist__map-content ul li span {
padding-left: 10px;
}
.stockist__map-content ul li a {
font-family: Grotesk;
color: black;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.6666666667;
letter-spacing: 0.25px;
margin-bottom: 10px;
text-decoration: underline;
}
.stockist__map-content ul li a:after {
color: black;
}
.stockist__map-content ul li.stockist__map-content__title {
font-family: "Gotham Pro";
font-size: 14px;
line-height: 25px;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 3px;
letter-spacing: 1px;
}
.wishlist {
max-width: 1170px;
padding: 0 40px;
margin: 0 auto;
}
@media screen and (max-width: 62.4375em) {
.wishlist {
padding: 0 13px;
}
}
.wishlist__header {
margin-top: 47px;
}
.wishlist__title {
font-family: "Gotham Pro";
font-size: 29px;
font-weight: 500;
letter-spacing: 2px;
line-height: 22px;
text-align: center;
margin-bottom: 32px;
text-transform: capitalize;
}
@media screen and (max-width: 34.375em) {
.wishlist__title {
text-align: start;
font-size: 26px;
letter-spacing: 1px;
line-height: 28px;
margin-bottom: 17px;
}
}
.wishlist--shared .wishlist__title {
margin-bottom: 58px;
}
.wishlist__subtitle p {
font-size: 14px;
letter-spacing: 0.79px;
line-height: 14px;
text-align: center;
margin-bottom: 1.25em;
}
@media screen and (max-width: 34.375em) {
.wishlist__subtitle p {
text-align: start;
font-size: 13px;
letter-spacing: 0.5px;
line-height: 20px;
}
}
.wishlist__updates-optin {
max-width: 600px;
background-color: #F7F2EC;
display: flex;
margin: auto;
padding: 16px 30px;
margin-bottom: 30px;
}
@media screen and (max-width: 62.4375em) {
.wishlist__updates-optin {
flex-direction: column;
text-align: center;
}
}
.wishlist__updates-optin p {
font-family: "Gotham Pro";
font-size: 14px;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 22px;
margin-bottom: 0;
}
@media screen and (max-width: 34.375em) {
.wishlist__updates-optin p {
font-size: 12px;
line-height: 18px;
margin-bottom: 8px;
}
}
.wishlist__updates-optin a.wishlist__updates-optin-accept {
white-space: nowrap;
margin-left: 20px;
font-size: 12px;
font-weight: 500;
letter-spacing: 1.5px;
line-height: 15px;
color: white;
text-transform: uppercase;
padding: 10px 20px;
}
.wishlist__details {
display: flex;
border-top: 1px solid #EEE;
justify-content: space-between;
padding-top: 30px;
margin-bottom: 22px;
}
.wishlist__header + .wishlist__details {
margin-top: 27px;
}
.wishlist__share-button {
display: inline-flex;
border: 1px solid black;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
letter-spacing: 1.5px;
line-height: 15px;
padding: 16px 30px;
}
.wishlist__share-button img {
display: inline-block;
height: 15px;
width: 14px;
margin-left: 13px;
filter: brightness(0) saturate(100%);
}
.wishlist__pagination {
align-self: center;
font-size: 12px;
font-weight: 500;
letter-spacing: 1.14px;
line-height: 15px;
}
.wishlist__items {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
-moz-column-gap: 31px;
column-gap: 31px;
row-gap: 47px;
}
@media screen and (max-width: 62.4375em) {
.wishlist__items {
-moz-column-gap: unset;
column-gap: unset;
}
}
.wishlist-item {
max-width: 532px;
width: 48%;
display: flex;
flex-grow: 1;
}
@media screen and (max-width: 62.4375em) {
.wishlist-item {
width: 100%;
}
.wishlist-item .button-wrap {
margin-left: 0;
}
.wishlist-item .button {
width: 100%;
max-width: 226px;
}
}
.wishlist-item:nth-child(odd):last-child {
margin-right: auto;
}
.wishlist-item__image {
flex-basis: 47.4%;
min-width: 103px;
text-align: center;
flex-shrink: 0;
}
@media screen and (max-width: 62.4375em) {
.wishlist-item__image {
flex-basis: 29.66%;
}
}
.wishlist-item__image img {
width: 100%;
height: auto;
}
.wishlist-item__content {
margin-top: 17px;
margin-left: 30px;
flex-grow: 1;
}
@media screen and (max-width: 62.4375em) {
.wishlist-item__content {
margin-top: unset;
margin-left: 20px;
}
}
.wishlist-item__title {
color: black;
font-size: 16px;
letter-spacing: 1px;
line-height: 22px;
margin-bottom: 3px;
}
@media screen and (max-width: 34.375em) {
.wishlist-item__title {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 22px;
}
}
.wishlist--shared .wishlist-item__title {
margin-bottom: 6px;
}
.wishlist-item__details {
display: block;
margin-bottom: 6px;
}
.wishlist-item__details--giftset {
font-size: 12px;
letter-spacing: 0.5px;
line-height: 22px;
}
@media screen and (max-width: 34.375em) {
.wishlist-item__details--giftset {
display: none;
}
}
.wishlist--shared .wishlist-item__details {
margin-bottom: 9px;
}
.wishlist-item__giftset-details--mobile {
display: none;
}
@media screen and (max-width: 34.375em) {
.wishlist-item__giftset-details--mobile {
display: block;
}
}
.wishlist-item__details p {
margin-bottom: 0px;
line-height: 22px;
}
.wishlist-item__detail-size {
font-size: 12px;
letter-spacing: 0.5px;
}
.wishlist-item__detail-name {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 22px;
}
.wishlist-item__detail-availability {
color: #2A7F13;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
}
.wishlist-item__detail-availability:before {
content: "ยท";
font-size: 18px;
color: black;
position: relative;
top: 2px;
margin-left: 4px;
margin-right: 8px;
}
.wishlist-item__edit {
display: inline-block;
margin-bottom: 18px;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
line-height: 15px;
}
a.wishlist-item__edit {
letter-spacing: 1.8px;
}
.wishlist-item__remove {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 15px;
display: inline-block;
margin-top: 15px;
text-decoration: underline;
color: black;
}
.wishlist-item__price {
margin-bottom: 20px;
}
.wishlist--shared .wishlist-item__price {
margin-bottom: 14px;
}
.wishlist-item__price span {
font-size: 14px;
letter-spacing: 0.5px;
line-height: 18px;
}
.wishlist-item__add-to-basket {
max-width: 200px;
}
@media screen and (max-width: 62.4375em) {
.wishlist-item__add-to-basket {
max-width: unset;
}
}
.wishlist-item__price .wishlist-item__price--was {
text-decoration: line-through;
}
.wishlist-item__price .wishlist-item__price--discounted {
margin-left: 7px;
color: #970202;
}
.wishlist-item__add-to-basket span {
white-space: nowrap;
font-size: 12px;
font-weight: 500;
letter-spacing: 1.5px;
line-height: 15px;
}
.wishlist-item__add-to-basket img {
width: 14px;
height: 16px;
}
.wishlist-item__add-to-basket.button span {
background: none;
display: inline-flex;
width: auto;
margin: auto;
}
.wishlist-item__add-to-basket.button span:hover {
background: none;
}
.wishlist-item__add-to-basket.button.button--added span:after {
content: unset;
}
.wishlist-item__add-to-basket.button span.add-to-basket__spinner {
display: none;
}
.wishlist-item__add-to-basket.button span.add-to-basket__spinner img {
filter: invert(1);
animation: spinner-rotation 1s infinite linear;
}
.wishlist-item--inactive .wishlist-item__image > :not(.wishlist-item__remove),
.wishlist-item--inactive .wishlist-item__content > :not(.wishlist-item__edit--has-alternative):not(.wishlist-item__not-available) {
opacity: 0.4;
pointer-events: none;
}
.wishlist-item__not-available {
color: #970202;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 22px;
display: flex;
}
.wishlist-item__not-available img {
height: 15px;
width: 15px;
position: relative;
top: 3px;
margin-right: 6px;
}
.wishlist__empty-message {
font-family: Gotham Pro, Times new roman, serif;
font-size: 22px;
font-weight: 500;
letter-spacing: 1px;
line-height: 28px;
text-align: center;
margin-top: 30px;
margin-bottom: 100px;
}
@media screen and (max-width: 34.375em) {
.wishlist__empty-message {
text-align: start;
margin-bottom: 50px;
}
}
@media screen and (max-width: 62.4375em) {
#wishlist-share-modal {
max-width: calc(100vw - 25px);
margin-left: auto;
}
}
.wishlist-share-modal__link-wrapper {
display: flex;
height: 48px;
margin-top: 20px;
}
input.wishlist-share-modal__share-link {
height: 100%;
}
@media screen and (max-width: 62.4375em) {
.wishlist__share-title {
font-size: 24px;
margin: 0 15px;
line-height: 50px;
padding-bottom: 1.5px;
padding-top: 6.5px;
}
}
.wishlist-share-modal__copy-button {
height: 100%;
padding: 0 28px;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
letter-spacing: 1.5px;
line-height: 15px;
}
.wishlist-share-modal__content {
text-align: center;
padding: 0 30px;
margin-top: 20px;
}
@media screen and (max-width: 62.4375em) {
.wishlist-share-modal__content {
padding: 0 15px;
}
}
.wishlist-share-modal__content p {
font-size: 14px;
letter-spacing: 0.5px;
}
#wishlist-share-modal .popup__close, #wishlist-share-modal .locale-close, #wishlist-share-modal button.black-friday-popup__close {
margin-top: -10.5px;
margin-right: -15px;
}
#wishlist-share-modal .popup__close:active, #wishlist-share-modal .locale-close:active, #wishlist-share-modal button.black-friday-popup__close:active {
top: 17px;
}
.wishlist-shared-optin__actions {
display: flex;
justify-content: center;
margin-bottom: 12px;
}
.wishlist-shared-optin__button {
font-size: 12px;
font-weight: 500;
letter-spacing: 1.5px;
line-height: 15px;
text-transform: uppercase;
padding: 1px 41px;
margin: 0 10px;
}
.wishlist-shared-optin__title {
font-size: 27px;
letter-spacing: 0;
line-height: 20px;
margin-left: 0;
margin-right: 0;
padding-bottom: 18px;
border-bottom: 1px solid #eee;
margin-bottom: 28px;
}
#wishlist-shared-optin-modal {
max-width: 490px;
padding: 30px;
border: none;
transform: translateY(-50%);
}
@media screen and (max-width: 88.6875em) {
#wishlist-shared-optin-modal {
transform: none;
}
}
#wishlist-shared-optin-modal p {
font-size: 14px;
letter-spacing: 0.5px;
line-height: 20px;
text-align: center;
margin-top: 22px;
margin-bottom: 25px;
}
#wishlist-shared-optin-modal div.field {
position: relative;
vertical-align: top;
margin-bottom: 10px;
}
#wishlist-shared-optin-modal div.field .input {
border-radius: 0;
-webkit-appearance: none;
width: 100%;
padding: 18px 9px 0;
border: 1px solid #B1B1B1;
}
#wishlist-shared-optin-modal .field .input {
height: 50px;
color: #000000;
border-radius: 2px;
box-shadow: inset 0 0 0 1px transparent;
}
#wishlist-shared-optin-modal .field {
margin-bottom: 10px;
}
#wishlist-shared-optin-modal .field::before {
content: "";
top: 0.75em;
right: 1.5em;
position: absolute;
color: transparent;
font-size: 1.5rem;
line-height: 1em;
opacity: 0;
pointer-events: none;
z-index: 1;
}
#wishlist-shared-optin-modal input[type=text] {
font-size: 13px;
font-size: 0.8125rem;
}
#wishlist-shared-optin-modal input:focus {
box-shadow: 0 0 8px #5B9DD9;
outline: none;
}
#wishlist-shared-optin-modal .field label:not(.radio):not(.check_box) {
position: absolute;
top: 8px;
left: 10px;
color: #000000;
text-transform: none;
white-space: nowrap;
pointer-events: none;
z-index: 1;
font-size: 12px;
font-size: 0.75rem;
font-weight: 300;
}
.product-details__update-wishlist {
width: 100%;
}
.product-details__update-wishlist .update-wishlist__spinner {
display: none;
}
@media screen and (max-width: 62.4375em) {
.wishlist-edit__popup {
max-width: calc(100vw - 25px);
margin-left: auto;
}
}
.giftset-product-details--wishlist-edit .product-details__header {
flex-wrap: nowrap;
}
.giftset-product-details--wishlist-edit .product-details__image {
flex-shrink: 0;
}
.giftset-product-details--wishlist-edit .product-details__header-top {
flex-shrink: 1;
}
.giftset-product-details--wishlist-edit .set-product-detail a:not(.js-size-guide) {
pointer-events: none;
}
.giftset-product-details--wishlist-edit .set-product-detail__personalisation {
display: none;
}
.giftset-product-details--wishlist-edit.product-details--quick-add .size-selector__guide {
position: unset;
}
.sign-in-form__prompt {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
letter-spacing: 0.5px;
text-align: center;
margin-top: 27px;
margin-bottom: 24px;
}
.sign-in-form .field--mv2020 .input,
.register-form .field--mv2020 .input {
height: 50px;
}
.sign-in-form .field--mv2020 .field__label {
font-weight: 300;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.6px;
}
.sign-in-form .button {
margin-top: 10px;
}
.sign-in-form__magic-link {
position: relative;
margin: 20px 0 10px 0;
padding: 20px;
background-color: #f1eee4;
}
.sign-in-form__magic-link:before {
content: "";
position: absolute;
top: 0;
left: 15px;
width: 0;
height: 0;
border: 10px solid transparent;
border-bottom: 10px solid #f1eee4;
border-top: 0;
margin-top: -10px;
}
.sign-in-form__magic-link__title {
font-size: 13px;
font-size: 0.8125rem;
line-height: 0.9230769231;
letter-spacing: 1.5px;
font-family: "Gotham Pro", "Times New Roman", serif;
font-weight: 500;
text-transform: uppercase;
float: left;
width: 100%;
margin: 0 0 10px 0;
}
@media screen and (max-width: 47.5em) {
.sign-in-form__magic-link__title {
line-height: 16px;
}
}
.sign-in-form__magic-link__message {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
letter-spacing: 0.5px;
text-align: left;
margin-top: 9px;
margin-bottom: 17px;
}
.sign-in-form .sign-in-form__magic-link .input--otp {
height: 40px;
width: 40px;
}
.sign-in-form__magic-link__resend-message {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.8333333333;
text-align: center;
letter-spacing: 0.25px;
font-weight: 600px;
margin-top: 12px;
}
.otp-resend--disabled {
opacity: 0.5;
}
.otp-resend--disabled, .otp-resend--disabled * {
cursor: wait;
}
.otp-resend__link {
text-decoration: underline;
color: #000000;
font-weight: 600;
}
.otp-resend--disabled .otp-resend__link {
text-decoration: none;
}
.register-form__optin-wrap {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
letter-spacing: 0.5px;
margin-bottom: 16px;
}
@media screen and (max-width: 34.375em) {
.register-form__optin-wrap {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.6666666667;
}
}
.register-form__optin-wrap p {
margin-bottom: 6px;
}
.register-form__optin-wrap .register-form__optin {
display: none;
margin: 13px 0 10px;
}
.register-form__optin-wrap .register-form__optin--show {
display: block;
}
.register-form__optin-wrap .register-form__checkbox-label {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1.5;
font-size: 14px !important;
line-height: 22px !important;
letter-spacing: 0.5px !important;
}
.register-form__optin-wrap .register-form__checkbox-label .check-replace {
margin-right: 0 !important;
}
.register-form__exception {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5714285714;
letter-spacing: 0.5px;
text-align: center;
margin-top: 27px;
margin-bottom: 24px;
color: #F5210E;
font-weight: 600;
}
.register-form__exception a {
color: #F5210E;
text-decoration: underline;
}
.register-form__exception--flush {
margin-bottom: -24px;
}
.register-form__password-hint {
margin: 8px 0 0;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
letter-spacing: 0.5px;
color: #000000;
opacity: 0.6;
}
.register-form__link {
text-decoration: underline;
font-weight: 600;
cursor: pointer;
color: #000000;
}
.register-form__footer {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.8333333333;
letter-spacing: 0.5px;
text-align: center;
margin-top: 22px;
}
.auth-success {
display: flex;
width: 118px;
height: 118px;
margin: 40px auto 10px;
border-radius: 50%;
background: #f1eee4;
align-items: center;
justify-content: center;
}
.auth-success__icon {
width: 55.58px;
height: 44.46px;
fill: #2A7F13;
}
.sign-in-form .button span {
font-family: Grotesk, Helvetica, sans-serif;
line-height: 1;
letter-spacing: 1.5px;
font-size: 12px;
font-size: 0.75rem;
font-weight: normal;
}
.sign-in-form .button img {
margin-right: 10px;
margin-left: 15px;
transition: 0.3s ease;
}
.sign-in-form .button:hover img {
transform: translateX(25px);
}
.crosssell-rollout {
padding-bottom: 0;
height: 100vh;
overflow: scroll;
display: flex;
flex-direction: column;
scrollbar-width: none;
}
.crosssell-rollout::-webkit-scrollbar {
display: none;
}
@media screen and (max-width: 34.375em) {
.crosssell-rollout {
width: calc(100vw - 25px);
margin-left: auto;
}
}
.crosssell-rollout .rollout-content {
flex-grow: 1;
}
.crosssell-rollout .popup__header {
position: sticky;
top: 0;
z-index: 1;
background: white;
}
.crosssell-rollout .popup__close, .crosssell-rollout .locale-close, .crosssell-rollout button.black-friday-popup__close {
right: -13px;
}
.crosssell-rollout .crosssell-rollout__options {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
margin-bottom: 20px;
padding: 0 30px;
-moz-column-gap: 21px;
column-gap: 21px;
row-gap: 30px;
}
@media screen and (max-width: 34.375em) {
.crosssell-rollout .crosssell-rollout__options {
padding: 0 15px;
row-gap: 15px;
-moz-column-gap: 4.25%;
column-gap: 4.25%;
}
}
.crosssell-rollout .crosssell-rollout__options::-webkit-scrollbar {
display: none;
}
.crosssell-rollout .crosssell-rollout__option {
position: relative;
display: flex;
flex-direction: column;
width: 47.5%;
flex-shrink: 0;
cursor: pointer;
scroll-snap-align: start;
}
.crosssell-rollout .crosssell-rollout__option img {
width: 100%;
height: auto;
}
.crosssell-rollout .crosssell-rollout__option-no-selection {
border: 0;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
display: none !important;
}
.crosssell-rollout .crosssell-rollout__option input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: absolute;
top: 15px;
left: 15px;
border-radius: 50%;
width: 30px;
height: 30px;
background-color: white;
background-repeat: no-repeat;
border: 1px solid #DDDDDD;
transition: border 0.2s ease-in;
}
.crosssell-rollout .crosssell-rollout__option:hover input[type=radio],
.crosssell-rollout .crosssell-rollout__option input[type=radio]:checked {
border-color: black;
}
.crosssell-rollout .crosssell-rollout__option input[type=radio]:checked {
background-image: url("https://cfs3.monicavinader.com/static/images/2020/tick.74cd1.svg");
background-size: 12px;
background-position: center;
}
.crosssell-rollout .crosssell-rollout__option a {
display: flex;
flex-direction: column;
}
.crosssell-rollout .crosssell-rollout__option img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 82.6%;
flex-grow: 1;
}
@media screen and (max-width: 34.375em) {
.crosssell-rollout .crosssell-rollout__option img {
height: 71%;
}
}
.crosssell-rollout .crosssell-rollout__option-details {
margin-top: 15px;
font-size: 14px;
font-family: Grotesk, Helvetica, sans-serif;
color: black;
line-height: 22px;
letter-spacing: 0.5px;
text-align: left;
}
.crosssell-rollout .crosssell-rollout__option-title, .crosssell-rollout .crosssell-rollout__option-price {
display: block;
font-weight: 600;
}
.crosssell-rollout .crosssell-rollout__option-price-from {
font-weight: 400;
}
.crosssell-rollout .crosssell-rollout__option-price--was {
color: #5C5C5C;
background-image: linear-gradient(to right, currentColor, currentColor);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 2px;
transition: background-size 0.5s ease;
}
.crosssell-rollout .crosssell-rollout__option-price--now {
color: #970202;
}
.crosssell-rollout .crosssell-rollout__option:not(.crosssell-rollout__option--multiple) .crosssell-rollout__option-price-from {
display: none;
}
.crosssell-rollout .crosssell-rollout__cta {
position: sticky;
bottom: 0;
padding: 20px 15px;
background: white;
display: flex;
}
.crosssell-rollout .crosssell-rollout__cta:before {
content: " ";
background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, transparent 100%);
height: 35px;
position: absolute;
left: 0;
right: 0;
top: -35px;
pointer-events: none;
}
.crosssell-rollout .crosssell-rollout__cta .button {
width: 100%;
}
.crosssell-rollout .product-details__marks {
display: none;
}
.crosssell-rollout .crosssell-rollout__price {
display: flex;
font-size: 20px;
font-weight: 500;
line-height: 25.08px;
letter-spacing: 1px;
text-align: left;
align-self: center;
margin-right: 30px;
}
.crosssell-rollout .crosssell-rollout__price:before {
content: "+";
}
.crosssell-rollout .crosssell-rollout .popup__close, .crosssell-rollout .crosssell-rollout .locale-close, .crosssell-rollout .crosssell-rollout button.black-friday-popup__close {
right: -4px;
}
.crosssell-rollout .crosssell-rollout__back-btn {
position: absolute;
left: 0;
font-size: 12px;
font-weight: 600;
line-height: 15.05px;
letter-spacing: 1.5px;
cursor: pointer;
}
.crosssell-rollout .product-details__buttons {
display: none;
}
.product-details__crosssell-rollout-block {
background: #f9f6f2;
padding: 15px;
display: flex;
margin-bottom: 20px;
border-radius: 3px;
}
.product-details__crosssell-rollout-block .js-cross-sell-item:not([data-key]),
.product-details__crosssell-rollout-block .js-cross-sell-item[data-key] + .js-cross-sell-default {
display: none;
}
.product-details__crosssell-rollout-block .product-details__crosssell-item {
display: flex;
width: 100%;
position: relative;
}
.product-details__crosssell-rollout-block .product-details__crosssell-item__details {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
justify-content: center;
row-gap: 3px;
}
.product-details__crosssell-rollout-block .product-details__crosssell-item__image {
width: 80px;
height: 87px;
overflow: hidden;
flex-shrink: 0;
margin-right: 15px;
border-radius: 3px;
}
.product-details__crosssell-rollout-block .product-details__crosssell-item__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-details__crosssell-rollout-block .product-details__crosssell-item__label {
font-size: 14px;
font-weight: 600;
line-height: 17.56px;
letter-spacing: 0.5px;
margin-bottom: 2px;
}
.product-details__crosssell-rollout-block .product-details__crosssell-item__price {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.5px;
}
.product-details__crosssell-rollout-block .product-details__crosssell-item__price:before {
content: "+";
}
.product-details__crosssell-rollout-block .product-details__crosssell-item__price--was {
color: #5C5C5C;
background-image: linear-gradient(to right, currentColor, currentColor);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 2px;
transition: background-size 0.5s ease;
}
.product-details__crosssell-rollout-block .product-details__crosssell-item__price--was:empty {
display: none;
}
.product-details__crosssell-rollout-block :not(.product-details__crosssell-item__price--was:empty) + .product-details__crosssell-item__price--now {
color: #970202;
}
.product-details__crosssell-rollout-block .product-details__crosssell-item__title-wrap {
font-size: 12px;
font-weight: 500;
letter-spacing: 0.5px;
line-height: 17px;
}
.product-details__crosssell-rollout-block .js-cross-sell-item:not([data-chain-extender-key]) .product-details__crosssell-item__with-chain-extender {
display: none;
}
.product-details__crosssell-rollout-block .product-details__crosssell-item__remove-cta {
position: absolute;
bottom: 0;
right: 0;
font-size: 12px;
font-weight: 600;
line-height: 15.05px;
letter-spacing: 0.5px;
text-transform: none;
color: black;
text-decoration: underline;
cursor: pointer;
}
.product-details__crosssell-rollout-block .product-details__crosssell-item__default-title {
font-size: 14px;
font-weight: 600;
line-height: 17.56px;
letter-spacing: 0.5px;
}
.product-details__crosssell-rollout-block .product-details__crosssell-item__default-subtitle {
font-size: 12px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.5px;
}
.product-details__crosssell-rollout-block .product-details__crosssell-item__default-title,
.product-details__crosssell-rollout-block .product-details__crosssell-item__default-subtitle {
max-width: calc(100% - 30px);
}
.product-details__crosssell-rollout-block .product-details__crosssell-item__details-default {
justify-content: center;
cursor: pointer;
row-gap: 5px;
}
.product-details__crosssell-rollout-block .product-details__crosssell-default__arrow {
position: absolute;
width: 19px;
height: 13px;
right: 7px;
top: 50%;
transform: translateY(-50%);
transition: 0.3s ease;
}
.product-details__crosssell-rollout-block .product-details__crosssell-rollout-block:hover .product-details__crosssell-default__arrow {
right: 0;
}
.product-details__chain-extender-upsell {
background: #f9f6f2;
display: flex;
padding: 15px;
}
.product-details__chain-extender-upsell-image {
max-height: 50px;
max-width: 80px;
margin-right: 15px;
}
.product-details__chain-extender-upsell-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 34.375em) {
.product-details__chain-extender-upsell-image {
max-width: 60px;
max-height: 50px;
margin-right: 10px;
}
}
.product-details__chain-extender-upsell-details {
display: flex;
flex-direction: column;
justify-content: space-around;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.5px;
}
@media screen and (max-width: 34.375em) {
.product-details__chain-extender-upsell-details {
font-size: 12px;
}
}
.product-details__chain-extender-upsell-details--remove {
display: none;
}
.product-details__chain-extender-upsell-cta {
font-weight: 600;
cursor: pointer;
text-decoration: underline;
color: black;
}
.account__customer-dob {
border: 1px solid #808080 !important;
}
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
touch-action: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
}
.noUi-target {
position: relative;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
/* Wrapper for all connect elements.
*/
.noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
transform-style: flat;
}
/* Offset direction
*/
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
* connect elements.
*/
.noUi-vertical .noUi-origin {
top: -100%;
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
backface-visibility: hidden;
position: absolute;
}
.noUi-touch-area {
height: 100%;
width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
transition: transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
/* Slider size and handle placement;
*/
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
right: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
right: -6px;
bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -17px;
right: auto;
}
/* Styling;
* Giving the connect element a border radius causes issues with using transform: scale
*/
.noUi-target {
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #3FB8AF;
}
/* Handles and cursors;
*/
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
*/
.noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
/* Disabled state;
*/
[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
}
/* Base;
*
*/
.noUi-pips,
.noUi-pips * {
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
/* Values;
*
*/
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
/* Markings;
*
*/
.noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-sub {
background: #AAA;
}
.noUi-marker-large {
background: #AAA;
}
/* Horizontal layout;
*
*/
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
/* Vertical layout;
*
*/
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
transform: translate(0, -50%);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
transform: translate(50%, 0);
left: auto;
bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
transform: translate(0, -18px);
top: auto;
right: 28px;
}
body.gift-sets--2020 {
font-family: Grotesk, Helvetica, sans-serif;
}
body.gift-sets--2020 .gift-set__personalise-button {
padding: 0 !important;
background-color: white !important;
color: black !important;
}
body.gift-sets--2020 .pdp-layout--2020 {
position: relative;
}
body.gift-sets--2020 .pdp-layout--2020 .pdp-layout__gallery-col {
width: 60%;
display: inline-block;
margin-bottom: 20px;
}
@media (max-width: 999px) {
body.gift-sets--2020 .pdp-layout--2020 .pdp-layout__gallery-col {
width: 100%;
}
}
@media (max-width: 550px) {
body.gift-sets--2020 .pdp-layout--2020 .pdp-layout__gallery-col {
width: 100vw;
margin-right: calc(-5.6% - 13px);
margin-left: calc(-5.6% - 13px);
padding-right: 0;
}
}
body.gift-sets--2020 .pdp-layout--2020 .pdp-layout__desc-col {
width: 39%;
display: inline-block;
padding-right: 0;
}
@media (max-width: 999px) {
body.gift-sets--2020 .pdp-layout--2020 .pdp-layout__desc-col {
width: 100%;
}
}
body.gift-sets--2020 .gift-set__title {
font-size: 1.4375rem;
line-height: 1.21739;
margin-bottom: 8px;
letter-spacing: 1.1px;
}
body.gift-sets--2020 .gift-set__add-to-bag {
background-color: #000;
}
body.gift-sets--2020 .pdp-price-button {
border: none;
width: 100%;
}
body.gift-sets--2020 .set-product__metal {
color: #000;
}
body.gift-sets--2020 .set-product {
border: none;
}
body.gift-sets--2020 .set-product--removed .set-product__remove {
top: 50%;
}
body.gift-sets--2020 .pdp-price-button button span {
font-size: 0.625rem;
padding: 14px 20px;
}
body.gift-sets--2020 .klarna-block__info {
background: #fff;
padding: 0;
border: none;
}
body.gift-sets--2020 .klarna-block__info p {
font-size: 0.625rem;
line-height: 1.3;
margin-bottom: 17px;
min-height: 26px;
}
body.gift-sets--2020 .klarna-block__info a {
text-decoration: none;
font-size: 0.625rem;
font-weight: 700;
color: #000;
}
body.gift-sets--2020 .klarna-block__info img.klarna-transparent {
width: 60px;
}
body.gift-sets--2020 h3.gift-set__piece-count, body.gift-sets--2020 h3.gift-set__material {
font-size: 0.625rem;
line-height: 1.3;
margin-bottom: 0;
min-height: 26px;
}
body.gift-sets--2020 .breadcrumb-img {
display: inline-block;
max-width: 12px;
height: 12px;
}
body.gift-sets--2020 .set-product__title {
color: #000;
}
body.gift-sets--2020 .set-product-metal {
font-size: 0.625rem;
}
body.gift-sets--2020 .set-product__size select {
height: 26px;
font-size: 0.625rem;
line-height: 1.3;
}
body.gift-sets--2020 .set-product__size .select-replace__value {
font-size: 0.625rem;
}
body.gift-sets--2020 .pdp-section__heading {
border-top: 1px solid #b1b1b1;
}
body.gift-sets--2020 .pdp-gallery__slide {
background: #f2f2f2;
}
body.gift-sets--2020 .pdp-gallery__slide img {
mix-blend-mode: multiply;
}
body.gift-sets--2020 .pdp-gallery__thumbnails {
margin-top: 10px;
}
body.gift-sets--2020 .pdp-gallery__thumbnails .pdp-gallery__thumbnail {
background: #f2f2f2;
border: none;
}
body.gift-sets--2020 .pdp-gallery__thumbnails .pdp-gallery__thumbnail img {
mix-blend-mode: multiply;
}
body.gift-sets--2020 .grid--pdp {
width: auto;
}
body.gift-sets--2020 .basket-popover img {
display: inline-block;
height: auto;
}
body.gift-sets--2020 .basket-popover .basket-popover__close {
padding: 10px;
}
body.gift-sets--2020 .basket-popover .basket-popover__secure img {
width: unset;
}
body.gift-sets--2020 .header__actions nav.header-actions {
margin-right: -20px;
}
body.gift-sets--2020 .section.section--gift-set {
padding-top: 0;
}
body.gift-sets--2020 .pdp-price-button__price-block {
border-bottom: 1px solid #b1b1b1;
}
body.gift-sets--2020 .gift-set__products {
padding-bottom: 0;
}
body.gift-sets--2020 .gift-set__products div.set-product:not(:first-child) {
padding-top: 0;
}
body.gift-sets--2020 .pdp-section__content a {
color: #000;
}
body.gift-sets--2020 .pdp-section__content a:hover {
color: #000;
font-weight: normal;
}
body.gift-sets--2020 .basket-popover .basket-popover__close {
margin: 10px;
}
body.gift-sets--2020 .basket-popover .basket-summary {
background: rgb(239, 239, 239);
color: #000;
}
body.gift-sets--2020 .basket-popover .basket-popover__secure {
background: rgb(239, 239, 239);
}
body.gift-sets--2020 .basket-popover .basket-popover__buttons a {
color: rgb(0, 0, 0);
background: 0px 0px;
border: 1px solid rgb(0, 0, 0);
padding: 0;
}
body.gift-sets--2020 .basket-popover .popover-item__subtitle {
color: #000;
}
body.gift-sets--2020 .gift-set .set-product .button--edit {
padding-top: 0;
padding-bottom: 0;
background: #000;
color: #fff;
}
body.gift-sets--2020 .set-product__add-engraving {
color: #fff;
background: #000;
}
body.gift-sets--2020 .set-product__add-engraving:hover {
background: #000;
}
body.gift-sets--2020 .engraving-step-options-nav__item--selected {
color: #fff;
background: #000;
}
body.jwb--2020 .builder-modal .mfp-content {
padding: 30px 20px;
}
body.jwb--2020 .builder-modal .mfp-content .builder-modal__buttons .button {
margin-bottom: 10px;
}
body.jwb--2020 .builder-modal .mfp-content .builder-modal__buttons .button span {
padding: 15px 40px;
}
body.jwb--2020 .builder-modal .mfp-content .builder-modal__buttons .button:after {
height: 0;
}
body.jwb--2020 .builder-modal .mfp-content .button--brand-outline span {
color: #000;
font-size: 10px;
line-height: 14px;
letter-spacing: 1.5px;
border: 1px solid #000;
}
body.jwb--2020 .builder-modal .mfp-content .button--brand-outline:hover span {
color: #fff;
background-color: #000;
font-size: 10px;
line-height: 14px;
letter-spacing: 1.5px;
border: 1px solid #000;
}
body.jwb--2020 .banner__actions a.button {
background-color: #000;
font-size: 0.7rem !important;
font-weight: 500;
padding: 0.6rem;
}
body.jwb--2020 .listing-top-actions-wrap {
padding: 0;
}
body.jwb--2020 .listing-top-actions-wrap .listing-top-actions__variant-buttons button.variant-buttons__sort-by span {
padding: 0;
}
body.jwb--2020 .listing-top-actions__variant-wrap-buttons {
height: 3.75rem;
}
body.jwb--2020 .listing-top-actions .listing-top-actions__variant-buttons button.js-listing-filters-variant-toggle span {
padding: 2.5em;
}
body.jwb--2020 .listing-top-actions .listing-filters__section .select-replace__value {
display: none;
}
body.jwb--2020 .builder__footer {
height: 200px;
}
body.jwb--2020 .builder__footer .add-bag__button {
max-height: 50px;
padding: 8px 0;
}
body.jwb--2020 .builder__footer .add-bag__button .button span {
background-color: #000;
padding: 15px 40px;
}
@media screen and (max-width: 379px) {
body.jwb--2020 .builder__footer {
height: 160px;
}
body.jwb--2020 .builder__footer button.builder__round-button {
margin-bottom: 0;
}
}
body.jwb--2020 .builder .builder__inventory-item .builder__charm-add-overlay span {
color: #fff;
}
body.jwb--2020 .builder .builder__inventory-item:hover .builder__charm-add-overlay {
background-color: #000;
opacity: 0.8;
}
body.jwb--2020 .builder .builder__inventory-item .builder__charm-add-overlay {
background-color: #000;
opacity: 0;
}
body.jwb--2020 .builder .builder__inventory-item .builder__charm-add-overlay p {
font-size: 0.5em;
}
body.jwb--2020 .price-filter-container {
display: none !important;
}
body.jwb--2020 .add-bag__summary_item label {
font-size: 0.6rem;
}
body.jwb--2020 .builder__inventory {
z-index: 90;
}
body.jwb--2020 .builder__inventory .product-catalogue__item-single {
font-family: Grotesk, Helvetica, sans-serif;
font-size: 0.625rem;
}
body.jwb--2020 .builder__inventory .product-catalogue__item-single .product-listing__name {
line-height: 1.230077;
}
body.jwb--2020 .builder__inventory .product-catalogue__item-single .product-listing__finish {
font-size: 0.625rem;
line-height: 1.3;
color: #666;
}
body.jwb--2020 .builder__inventory .product-catalogue__item-single .product-listing-price {
font-weight: 700;
color: #000;
}
body.jwb--2020 .builder {
font-family: Grotesk, Helvetica, sans-serif;
}
body.jwb--2020 .listing-filters__header span {
font-family: Grotesk, Helvetica, sans-serif;
}
body.jwb--2020 .listing-filters-variant .filter-options__title {
font-size: 1rem;
font-family: Grotesk, Helvetica, sans-serif;
color: #000;
}
body.jwb--2020 .listing-filters-variant .listing-filters .listing-filters__section-clear {
bottom: 20px;
}
@media screen and (max-width: 549px) {
body.jwb--2020 .listing-filters-variant .listing-filters .listing-filters__section-clear {
bottom: 0;
}
}
body.jwb--2020 .filter-options__apply span {
color: #fff;
background: #000;
font-size: 10px;
line-height: 14px;
letter-spacing: 1.5px;
}
body.jwb--2020 button.filter-options__apply:hover span {
color: #fff;
background: #000;
font-size: 10px;
line-height: 14px;
letter-spacing: 1.5px;
}
body.jwb--2020 button.filter-options__apply:disabled span {
background: #ebebeb;
color: #b8b8b8;
}
body.jwb--2020 span.product-listing__finish {
color: #000;
}
body.jwb--2020 h2.product-listing__name {
color: #000;
}
body.jwb--2020 p.product-listing-price {
color: #000;
font-weight: 500;
}
body.jwb--2020 .category-header.toggled {
font-weight: 700;
}
.events--2020 .basic-callout--plp .basic-callout__container {
margin-top: 80px;
margin-bottom: 40px;
}
.events--2020 .basic-callout--plp .basic-callout__container .basic-callout__title p {
font-size: unset;
font-weight: 300;
margin-bottom: 0;
}
.events--2020 .basic-callout--plp .basic-callout__container .basic-callout__content p {
font-size: 12px;
font-weight: 200;
}
.events--2020 .basic-callout--plp-centered .l-five-eighths.m-full, .events--2020 .basic-callout--plp-centered .l-five-eighths.product-gallery__image {
margin: auto;
}
.events--2020 .basic-callout--plp-centered .basic-callout__container {
text-align: center;
margin-top: 80px;
margin-bottom: 40px;
}
.events--2020 .basic-callout--plp-centered .basic-callout__container .basic-callout__title p {
font-size: unset;
font-weight: 300;
margin-bottom: 0;
}
.events--2020 .basic-callout--plp-centered .basic-callout__container .basic-callout__content p {
font-size: 12px;
font-weight: 200;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
.pswp__bg {
background: white;
}
/*
1. Buttons
*/
/* <button> css reset */
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
transition: opacity 0.2s;
box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
opacity: 1;
}
.pswp__button:active {
outline: none;
opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(https://cfs3.monicavinader.com/static/images/default-skin.ec9af.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(https://cfs3.monicavinader.com/static/images/default-skin.ac8c5.svg);
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none;
}
}
.pswp__button--close {
background-position: 0 -44px;
}
.pswp__button--share {
background-position: -44px -44px;
}
.pswp__button--fs {
display: none;
}
.pswp--supports-fs .pswp__button--fs {
display: block;
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0;
}
.pswp__button--zoom {
display: none;
background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden;
}
/*
Arrow buttons hit area
(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
}
.pswp__button--arrow--left {
left: 0;
}
.pswp__button--arrow--right {
right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: "";
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute;
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px;
}
/*
2. Share modal/popup and links
*/
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__share-modal--hidden {
display: none;
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
transform: translateY(6px);
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000;
}
.pswp__share-tooltip a:first-child {
/* round corners on the first/last list item */
border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px;
}
a.pswp__share--facebook:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid rgba(0, 0, 0, 0);
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF;
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF;
}
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D;
}
a.pswp__share--download:hover {
background: #DDD;
}
/*
3. Index indicator ("1 of X" counter)
*/
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px;
}
/*
4. Caption
*/
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
}
.pswp__caption small {
font-size: 11px;
color: #BBB;
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC;
}
.pswp__caption--empty {
display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
visibility: hidden;
}
/*
5. Loading indicator (preloader)
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
*/
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr;
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active {
opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
/* We use .gif in browsers that don't support CSS animation */
background: url(https://cfs3.monicavinader.com/static/images/preloader.85a96.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
/*
The idea of animating inner circle is based on Polymer ("material") loading indicator
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
*/
position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@keyframes clockwise {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes donut-rotate {
0% {
transform: rotate(0);
}
50% {
transform: rotate(-140deg);
}
100% {
transform: rotate(0);
}
}
/*
6. Additional styles
*/
/* root element of UI */
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
}
/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
/* Force paint & create composition layer for controls. */
opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none;
}
.pswp__element--disabled {
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
background: none;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
transform-origin: left top;
/* for open/close transition */
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #fff;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}
.overlay {
z-index: 1100;
}