html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, h1.debug, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
/**
* z-index sass map
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
h1.debug,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/**
* Normalize custom
*
* Box sizing
* Microsoft Surface viewport hack
* Focus for keyboard vs input
*/
/**
* Box sizing
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
/**
* Microsoft Surface viewport hack
*/
@-ms-viewport {
width: device-width;
}
/**
* Intrinsic Ratio Full
* @param $ratio Aspect ratio (ex. 16/9)
* @param $width Custom width (Optional)
*/
/**
* Intrinsic Ratio Base
*/
/**
* Intrinsic ratio padding
* @param $ratio Aspect ratio (ex. 16/9)
* @param $width Custom width (Optional)
*/
form .checkbox input, form textarea, .dk-selected, form input .text {
font-family: "Johnston", sans-serif;
}
.size-guide table.sizes th, .size-guide table.measurements th, strong.hint.important, strong.final-sale, strong.hint, a.alert.strong, h1 {
font-family: "Johnston", sans-serif;
font-weight: 500;
}
.mg-sans, .mg-sans--medium {
font-family: "MGSans";
}
.mg-sans--medium {
font-weight: 500;
}
.mg-sans.medium {
font-weight: 500;
}
.mg-script {
font-family: "MGScript";
margin-bottom: -0.2em;
}
h1 {
font-size: 16px;
text-align: center;
}
@media (min-width: 668px) {
h1 {
font-size: 16px;
}
}
h1 {
margin: 14px 0;
}
@media (min-width: 668px) {
h1 {
margin: 34px 0;
}
}
.admin {
font-family: monospace;
color: #af1122;
}
.admin a {
display: inline !important;
}
form .pimped select, form .checkbox input, form textarea, .dk-selected, form input .text, .shopify-challenge__button, .customer [type=submit], .contact-form [type=submit], .back-in-stock-form__button-wrap-button, .back-in-stock-wrap__button {
text-transform: uppercase;
}
.back-in-stock-form__email {
margin-bottom: 14px;
}
@media (min-width: 668px) {
.back-in-stock-form__email {
margin-bottom: 17px;
}
}
.back-in-stock-wrap__status {
margin-top: 14px;
}
@media (min-width: 668px) {
.back-in-stock-wrap__status {
margin-top: 17px;
}
}
.size-guide table.sizes, .size-guide table.measurements {
margin-bottom: 28px;
margin-top: 28px;
}
@media (min-width: 668px) {
.size-guide table.sizes, .size-guide table.measurements {
margin-bottom: 34px;
margin-top: 34px;
}
}
.shopify-challenge__button, .customer [type=submit], .contact-form [type=submit], .back-in-stock-form__button-wrap-button, .back-in-stock-wrap__button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-transition: background 0.1s linear, border 0.1s linear, color 0.1s linear;
-moz-transition: background 0.1s linear, border 0.1s linear, color 0.1s linear;
-o-transition: background 0.1s linear, border 0.1s linear, color 0.1s linear;
transition: background 0.1s linear, border 0.1s linear, color 0.1s linear;
border: 0;
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
cursor: pointer;
font-family: "Johnston", sans-serif;
font-size: 14px;
font-weight: 500;
height: 47px;
letter-spacing: 0.2px;
line-height: 47px;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.shopify-challenge__button:hover, .customer [type=submit]:hover, .contact-form [type=submit]:hover, .back-in-stock-form__button-wrap-button:hover, .back-in-stock-wrap__button:hover, .shopify-challenge__button:active, .customer [type=submit]:active, .contact-form [type=submit]:active, .back-in-stock-form__button-wrap-button:active, .back-in-stock-wrap__button:active {
background: rgba(0, 0, 0, 0.7);
color: #fff;
}
[disabled].shopify-challenge__button, .customer [disabled][type=submit], .contact-form [disabled][type=submit], [disabled].back-in-stock-form__button-wrap-button, [disabled].back-in-stock-wrap__button, .disabled.shopify-challenge__button, .customer .disabled[type=submit], .contact-form .disabled[type=submit], .disabled.back-in-stock-form__button-wrap-button, .disabled.back-in-stock-wrap__button {
background: rgba(0, 0, 0, 0.2);
color: #fff;
}
[disabled].shopify-challenge__button, .customer [disabled][type=submit], .contact-form [disabled][type=submit], [disabled].back-in-stock-form__button-wrap-button, [disabled].back-in-stock-wrap__button, .disabled.shopify-challenge__button, .customer .disabled[type=submit], .contact-form .disabled[type=submit], .disabled.back-in-stock-form__button-wrap-button, .disabled.back-in-stock-wrap__button {
cursor: default;
}
form .checkbox input, form textarea, .dk-selected, form input .text {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 1px solid #000;
font-size: 14px;
letter-spacing: 0.2px;
margin: 0;
outline: 0;
padding: 0 10px;
text-align: center;
}
form .checkbox input:focus, form textarea:focus, .dk-selected:focus, form input .text:focus, form .checkbox input:hover, form textarea:hover, .dk-selected:hover, form input .text:hover {
border-color: #bababa;
}
.dk-selected, form input .text {
line-height: 38px;
min-height: 42px;
width: 100%;
}
@media (min-width: 668px) {
.dk-selected, form input .text {
line-height: 47px;
min-height: 51px;
}
}
.swatch {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 1px solid transparent;
float: left;
height: 32px;
overflow: hidden;
padding: 1px;
width: 32px;
}
.swatch:hover, .selected.swatch {
border-color: #000;
}
.swatch span {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-clip: content-box;
background-size: contain;
display: block;
font-size: 0;
height: 28px;
line-height: 28px;
text-align: center;
vertical-align: middle;
width: 28px;
}
.swatch.antico span {
background-color: #b99c96;
background-image: none;
}
.swatch.argento span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-argento_small.png?v=3487957466456016642');
}
.swatch.avion span {
background-color: #53677a;
background-image: none;
}
.swatch.azzurro span {
background-color: #0081bc;
background-image: none;
}
.swatch.ballerina span {
background-color: #e1ad9d;
background-image: none;
}
.swatch.beige span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-beige_small.png?v=17933232405240752226');
}
.swatch.beige-blush span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-beige-blush_small.png?v=888146964924616326');
}
.swatch.beige-checker span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-beige-checker_small.png?v=874403957638389768');
}
.swatch.beige-melange span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-beige-melange_small.png?v=4652974701853639121');
}
.swatch.biscotto span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-biscotto_small.png?v=8819660255478480828');
}
.swatch.black span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-black_small.png?v=9184606785761328265');
}
.swatch.black-black span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-black-black_small.png?v=9184606785761328265');
}
.swatch.black-boucle span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-black-boucle_small.png?v=5952044634470184898');
}
.swatch.black-flamma span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-black-flamma_small.png?v=12711964953077982404');
}
.swatch.black-raw span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-black-raw_small.png?v=4943207345981551936');
}
.swatch.black-toostripe span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-black-toostripe_small.png?v=4262353227529047832');
}
.swatch.blu span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blu_small.png?v=12016953414679684559');
}
.swatch.blu-cammello span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blu-cammello_small.png?v=5680538337951093759');
}
.swatch.blu-creme span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blu-creme_small.png?v=18269398023590766576');
}
.swatch.blu-creme-cammello span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blu-creme-cammello_small.png?v=18269398023590766576');
}
.swatch.blu-multi span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blu-multi_small.png?v=13769477385577405670');
}
.swatch.blu-royal span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blu-royal_small.png?v=13400998043114788528');
}
.swatch.blu-white span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blu-white_small.png?v=14762592690979863571');
}
.swatch.blue-color-block span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blue-color-block_small.png?v=7170408020232084057');
}
.swatch.blue-silver span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blue-silver_small.png?v=12737967836339706210');
}
.swatch.blue-white-sheer span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blue-white-sheer_small.png?v=6460592238196047106');
}
.swatch.blue-white-stripe span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blue-white-stripe_small.png?v=13120719693292906281');
}
.swatch.blush span {
background-color: #dc938f;
background-image: none;
}
.swatch.blush-brandy span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blush-brandy_small.png?v=17096192367391069884');
}
.swatch.blush-moss span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blush-moss_small.png?v=5193043140927537470');
}
.swatch.bordo span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-bordo_small.png?v=17000985511674657014');
}
.swatch.brandy span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-brandy_small.png?v=1116859509881366659');
}
.swatch.brandy-raw span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-brandy-raw_small.png?v=477936126955942981');
}
.swatch.brick span {
background-color: #c3653c;
background-image: none;
}
.swatch.bright-yellow span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-bright-yellow_small.png?v=3252017884454748489');
}
.swatch.burgundy span {
background-color: #503130;
background-image: none;
}
.swatch.burgundy span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-burgundy_small.png?v=10592537008132995606');
}
.swatch.camel span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-camel_small.png?v=9702794178984350117');
}
.swatch.cammello span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-cammello_small.png?v=10231497035131909848');
}
.swatch.cammello-orange span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-cammello-orange_small.png?v=11020361396809760823');
}
.swatch.cammello-raw span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-cammello-raw_small.png?v=4517968301884762424');
}
.swatch.cammello-with-edge-paint-raw span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-cammello-with-edge-paint-raw_small.png?v=4517968301884762424');
}
.swatch.candy-pink span {
background-color: #E8B6C5;
background-image: none;
}
.swatch.caramel span {
background-color: #966e4b;
background-image: none;
}
.swatch.chocolate span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-chocolate_small.png?v=5600242416182375211');
}
.swatch.chocolate-black span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-chocolate-black_small.png?v=18096822538842560064');
}
.swatch.chocolate-paisley span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-chocolate-paisley_small.png?v=15202397925989831531');
}
.swatch.cipria span {
background-color: #ad6b4e;
background-image: none;
}
.swatch.citrus span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-citrus_small.png?v=641591531359593929');
}
.swatch.classic-croc span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-classic-croc_small.png?v=7863276097619045535');
}
.swatch.cleo span {
background-color: #e8e1c7;
background-image: none;
}
.swatch.coral span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-coral_small.png?v=10251429888708660216');
}
.swatch.cotto span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-cotto_small.png?v=15003424447899028098');
}
.swatch.cream span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-cream_small.png?v=11097407321425253299');
}
.swatch.cream-boucle span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-cream-boucle_small.png?v=10458528387470254897');
}
.swatch.creme span {
background-color: #efead7;
background-image: none;
}
.swatch.creme-black span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-creme-black_small.png?v=6951895818652990316');
}
.swatch.creme-brandy span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-creme-brandy_small.png?v=7770891907385473721');
}
.swatch.creme-cammello span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-creme-cammello_small.png?v=3086143723567108896');
}
.swatch.creme-chocolate span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-creme-chocolate_small.png?v=16689371005756786039');
}
.swatch.creme-with-bird-detail span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-creme-with-bird-detail_small.png?v=11585590590325683422');
}
.swatch.crimson span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-crimson_small.png?v=17439215851952534765');
}
.swatch.crimson-toostripe span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-crimson-toostripe_small.png?v=17439215851952534765');
}
.swatch.dark-brown span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-dark-brown_small.png?v=11645182098873098221');
}
.swatch.dark-grey span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-dark-grey_small.png?v=6152622072575853326');
}
.swatch.dark-grey-melange span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-dark-grey-melange_small.png?v=18131473110831760057');
}
.swatch.dark-purple span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-dark-purple_small.png?v=184952282837161763');
}
.swatch.dolly span {
background-color: #bb466f;
background-image: none;
}
.swatch.dusty-rose span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-dusty-rose_small.png?v=4853527212473393400');
}
.swatch.ebony span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-ebony_small.png?v=11133445040858413429');
}
.swatch.elefante span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-elefante_small.png?v=2440650236773088911');
}
.swatch.flamma span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-flamma_small.png?v=844357047402480206');
}
.swatch.flamma-calf span {
background-color: #bc2731;
background-image: none;
}
.swatch.flamma-cammello span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-flamma-cammello_small.png?v=13221389614547988296');
}
.swatch.flamma-creme span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-flamma-creme_small.png?v=8659902288973828974');
}
.swatch.flamma-warm-yellow span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-flamma-warm-yellow_small.png?v=4338986003719531974');
}
.swatch.flamma-white span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-flamma-white_small.png?v=12073180299471099488');
}
.swatch.fuchsia span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-fuchsia_small.png?v=17990759846195043649');
}
.swatch.ginger span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-ginger_small.png?v=14475921129337908439');
}
.swatch.gold span {
background-color: #b49b57;
background-image: none;
}
.swatch.graffite span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-graffite_small.png?v=17761167305238148937');
}
.swatch.green span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-green_small.png?v=3077062782460219134');
}
.swatch.green-green span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-green-green_small.png?v=6475280201674280049');
}
.swatch.grey-blue span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-grey-blue_small.png?v=10044046981567492546');
}
.swatch.grey-blue-blu span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-grey-blue-blu_small.png?v=320231130680315171');
}
.swatch.grey-melange span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-grey-melange_small.png?v=4635041619637310083');
}
.swatch.khaki span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-khaki_small.png?v=14653233657807494693');
}
.swatch.lavender span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-lavender_small.png?v=14185050007204741940');
}
.swatch.lavender-with-white-detail span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-lavender-with-white-detail_small.png?v=17266586893562045611');
}
.swatch.leaf span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-leaf_small.png?v=17676017005096425084');
}
.swatch.light-blue span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-light-blue_small.png?v=4552875576032338824');
}
.swatch.lime span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-lime_small.png?v=9948355327215891524');
}
.swatch.marina span {
background-color: #4ea4ba;
background-image: none;
}
.swatch.marine span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-marine_small.png?v=7073343516985266128');
}
.swatch.midnight-blue span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-midnight-blue_small.png?v=5759499203708399572');
}
.swatch.moss span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-moss_small.png?v=9391571195908915992');
}
.swatch.moss-white span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-moss-white_small.png?v=18110159491886701352');
}
.swatch.multicolor-stripe span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-multicolor-stripe_small.png?v=15777108118902872653');
}
.swatch.mustard span {
background-color: #ce942d;
background-image: none;
}
.swatch.mustard-boucle span {
background-color: #ce942d;
background-image: none;
}
.swatch.mustard-green span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-mustard-green_small.png?v=3844828687260607293');
}
.swatch.natural span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-natural_small.png?v=10504425149139745868');
}
.swatch.olive span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-olive_small.png?v=11359639885347624797');
}
.swatch.orange span {
background-color: #e9693d;
background-image: none;
}
.swatch.orange-cammello span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-orange-cammello_small.png?v=3328876963173396564');
}
.swatch.orange-olive-stripe span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-orange-olive-stripe_small.png?v=17413049363214895716');
}
.swatch.orange-sun-stripe span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-orange-sun-stripe_small.png?v=11641214297332488889');
}
.swatch.oro span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-oro_small.png?v=17088403407063819616');
}
.swatch.oxblood span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-oxblood_small.png?v=1192115148828475197');
}
.swatch.peony span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-peony_small.png?v=5342469707185788730');
}
.swatch.pink-mikado span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-pink-mikado_small.png?v=12290522104780210829');
}
.swatch.pink-multi span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-pink-multi_small.png?v=17070645189834562524');
}
.swatch.pistacchio span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-pistacchio_small.png?v=4116846673108313413');
}
.swatch.plum span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-plum_small.png?v=17258327863982140111');
}
.swatch.purple-feather span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-purple-feather_small.png?v=7442402132909668557');
}
.swatch.purple-with-white-geometric span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-purple-with-white-geometric_small.png?v=11413882893543592868');
}
.swatch.raw span {
background-color: #f5caa7;
background-image: none;
}
.swatch.rococo span {
background-color: #6a282c;
background-image: none;
}
.swatch.rococo-calf span {
background-color: #6a282c;
background-image: none;
}
.swatch.rosa span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-rosa_small.png?v=2831697728824337222');
}
.swatch.rosa_mens span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-rosa_mens_small.png?v=10798769374326494178');
}
.swatch.rosa-blush span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-rosa-blush_small.png?v=12205278125800506002');
}
.swatch.rouge span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-rouge_small.png?v=8729805987853624139');
}
.swatch.royal span {
background-color: #1d4e89;
background-image: none;
}
.swatch.royal-blue-leaf span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-royal-blue-leaf_small.png?v=5683053514115587164');
}
.swatch.rust span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-rust_small.png?v=12468084758780470504');
}
.swatch.saddle span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-saddle_small.png?v=15131272740457744577');
}
.swatch.sand span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-sand_small.png?v=10504425149139745868');
}
.swatch.sea-blue span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-sea-blue_small.png?v=66840216033427477');
}
.swatch.sienna span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-sienna_small.png?v=469439290495656286');
}
.swatch.sienna-toostripe span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-sienna-toostripe_small.png?v=469439290495656286');
}
.swatch.silver span {
background-color: #999b9b;
background-image: none;
}
.swatch.silver-argento span {
background-color: #999b9b;
background-image: none;
}
.swatch.sky-blue span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-sky-blue_small.png?v=8140980989115015998');
}
.swatch.sun span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-sun_small.png?v=13691297628407949526');
}
.swatch.sun-cammello span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-sun-cammello_small.png?v=6664418242347644931');
}
.swatch.sun-color-block span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-sun-color-block_small.png?v=4142212229082151845');
}
.swatch.sun-rosa span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-sun-rosa_small.png?v=7406592152103042854');
}
.swatch.taupe span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-taupe_small.png?v=7108680775707648375');
}
.swatch.taupe-with-sailboat-detail span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-taupe-with-sailboat-detail_small.png?v=14888787925577788993');
}
.swatch.teal span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-teal_small.png?v=16409470219736161986');
}
.swatch.verde span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-verde_small.png?v=18177200981962742174');
}
.swatch.white span {
background-color: #ffffff;
background-image: none;
}
.swatch.white-blu span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-white-blu_small.png?v=17899587426246457294');
}
.swatch.white-silver span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-white-silver_small.png?v=12294375568166981674');
}
.swatch.white-with-blu-stripe span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-white-with-blu-stripe_small.png?v=13489958132056895995');
}
.swatch.yellow span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-yellow_small.png?v=17317579267995153450');
}
.swatch.yellow-camel span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-yellow-camel_small.png?v=2446981082383235472');
}
.swatch.yellow-color-block span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-yellow-color-block_small.png?v=11762458901141106420');
}
.swatch.azzurro-terrazzo span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-azzurro-terrazzo_small.png?v=14185481072682779144');
}
.swatch.blu-fluer-de-lis span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blu-fluer-de-lis_small.png?v=14627053533736072597');
}
.swatch.blu-fleur-de-lis span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blu-fleur-de-lis_small.png?v=14627053533736072597');
}
.swatch.burnt-floral span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-burnt-floral_small.png?v=12681581977325041247');
}
.swatch.brick-floral span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-brick-floral_small.png?v=12681581977325041247');
}
.swatch.ceramic-rosa span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-ceramic-rosa_small.png?v=8253096391326275609');
}
.swatch.flamma-fleur-de-lis span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-flamma-fleur-de-lis_small.png?v=17646731876963607276');
}
.swatch.murano-blu span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-murano-blu_small.png?v=12811618177788110961');
}
.swatch.murano-blue span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-murano-blue_small.png?v=6968504819094685610');
}
.swatch.murano-clear span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-murano-clear_small.png?v=16585539060461410145');
}
.swatch.murano-detailed-clear span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-murano-detailed-clear_small.png?v=10077761425953594795');
}
.swatch.murano-green span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-murano-green_small.png?v=9438505939748188093');
}
.swatch.murano-rosa span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-murano-rosa_small.png?v=1256625668827617711');
}
.swatch.murano-sun span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-murano-sun_small.png?v=9344640142333947001');
}
.swatch.murano-turquoise span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-murano-turquoise_small.png?v=7024232671358512131');
}
.swatch.murano-white span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-murano-white_small.png?v=17737200975755287001');
}
.swatch.orange-terrazzo span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-orange-terrazzo_small.png?v=4845616786113167164');
}
.swatch.rosa-daisy span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-rosa-daisy_small.png?v=486405619808384442');
}
.swatch.rush span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-rush_small.png?v=12129237950108285238');
}
.swatch.sky-blue-terrazzo span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-sky-blue-terrazzo_small.png?v=15530243150502212370');
}
.swatch.straw span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-straw_small.png?v=6955771334687426580');
}
.swatch.sun-fan span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-sun-fan_small.png?v=14963044537695708540');
}
.swatch.sun-floral span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-sun-floral_small.png?v=14739723036291935598');
}
.swatch.wicker span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-wicker_small.png?v=8449501827745132590');
}
.swatch.cammello-creme-print span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-cammello-creme-print_small.png?v=14262070287244683360');
}
.swatch.peony-cleo-print span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-peony-cleo-print_small.png?v=8613912196773918040');
}
.swatch.rosa-saddle-print span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-rosa-saddle-print_small.png?v=792311134971850760');
}
.swatch.mustard-floral-pattern span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-mustard-floral-pattern_small.png?v=18284212294071647548');
}
.swatch.sailboat span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-sailboat_small.png?v=15476826901355012225');
}
.swatch.royal-floral-pattern span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-royal-floral-pattern_small.png?v=16233017566821400385');
}
.swatch.school-of-fish span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-school-of-fish_small.png?v=11423624613902961067');
}
.swatch.turquoise span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-turquoise_small.png?v=16543731525459810104');
}
.swatch.agretti-guava span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-agretti-guava_small.png?v=13166807284910060655');
}
.swatch.cabernet-cleo span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-cabernet-cleo_small.png?v=411762850850738227');
}
.swatch.agretti span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-agretti_small.png?v=3515863935193603032');
}
.swatch.cabernet span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-cabernet_small.png?v=4635406780484792097');
}
.swatch.wine span {
background-color: #5e1224;
background-image: none;
}
.swatch.white-croc span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-white-croc_small.png?v=561956362004934966');
}
.swatch.wine-ginham span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-wine-ginham_small.png?294689');
}
.swatch.blu-croc span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blu-croc_small.png?v=1752587752518836332');
}
.swatch.blu-gingham span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-blu-gingham_small.png?v=4055004320492521567');
}
.swatch.coral-croc span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-coral-croc_small.png?v=10203319222135020759');
}
.swatch.wine-ginham span {
background-color: transparent;
background-image: url('//www.mansurgavriel.com/cdn/shop/files/color-wine-ginham_small.png?294689');
}
.swatch.grass span {
background-color: #6a8128;
background-image: none;
}
.swatch.x span {
background-color: #000;
background-image: none;
}
.swatch.white span {
border: 1px solid #bababa;
}
.back-in-stock-wrap {
background-color: #51a5dc;
bottom: 0;
display: none;
left: 0;
font-size: 11px;
position: fixed;
width: 100vw;
}
@media (min-width: 1025px) {
.back-in-stock-wrap {
background-color: transparent;
bottom: initial;
padding: 0;
position: relative;
width: 100%;
left: initial;
}
}
.back-in-stock-wrap__headline {
align-items: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
color: #fff;
display: flex;
flex-direction: column;
flex-wrap: wrap;
font-size: 14px;
font-weight: 500;
height: 60px;
justify-content: center;
letter-spacing: 0.2px;
margin: 0;
min-width: 100%;
text-align: center;
text-transform: uppercase;
}
@media (min-width: 1025px) {
.back-in-stock-wrap__headline {
display: none;
}
}
.back-in-stock-wrap .icon--close {
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
}
@media (min-width: 1025px) {
.back-in-stock-wrap .icon--close {
display: none;
}
}
.back-in-stock-wrap__status {
display: none;
}
.back-in-stock-wrap__status.error {
color: #cd3737;
}
.back-in-stock-wrap__button {
line-height: 60px;
font-size: 13px;
height: 47px;
line-height: 47px;
display: none;
}
.back-in-stock-wrap__button.added {
color: #000;
background-color: #51a5dc;
}
.back-in-stock-wrap__button.added:hover {
color: #000;
background-color: #51a5dc;
}
.sticky-configurables .back-in-stock-wrap__button {
width: 340px;
}
.back-in-stock-form {
padding: 20px 20px 0 20px;
color: #fff;
}
@media (min-width: 1025px) {
.back-in-stock-form {
padding: 0;
color: #000;
}
}
.back-in-stock-form__email {
background: transparent;
border: 1px solid;
color: #fff;
font-size: 16px;
height: 50px;
letter-spacing: 0;
line-height: 50px;
margin-bottom: 0;
padding: 0 0 0 15px;
transition: border 0.3s ease-in-out;
width: 100%;
}
@media (min-width: 1025px) {
.back-in-stock-form__email {
color: #000;
margin-bottom: 0;
}
}
.back-in-stock-form__email::placeholder {
font-size: 16px;
color: #fff;
letter-spacing: 0;
line-height: 50px;
}
@media (min-width: 1025px) {
.back-in-stock-form__email::placeholder {
color: rgba(0, 0, 0, 0.6);
}
}
.back-in-stock-form__email:-webkit-autofill, .back-in-stock-form__email:-webkit-autofill:hover, .back-in-stock-form__email:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #f4f1ee inset;
transition: background-color 5000s ease-in-out 0s;
}
.back-in-stock-form__email.error {
border: 1px solid #cd3737;
}
.back-in-stock-form__button-wrap {
background: #f8f7f5;
padding: 12px 19px;
width: calc(100% + 38px);
margin-left: -19px;
}
@media (min-width: 1025px) {
.back-in-stock-form__button-wrap {
background: transparent;
padding: 0;
margin-left: 0;
width: 100%;
}
}
.back-in-stock-form__button-wrap-button {
display: block;
height: 60px;
line-height: 60px;
}
@media (min-width: 1025px) {
.back-in-stock-form__button-wrap-button {
margin-left: 0;
width: 100%;
}
}
.back-in-stock-form__button-wrap-button.added {
color: #000;
background-color: #51a5dc;
}
.back-in-stock-form__button-wrap-button.added:hover {
color: #000;
background-color: #51a5dc;
}
.back-in-stock-form__checkbox {
align-items: center;
display: flex;
font-size: 14px;
letter-spacing: 0;
margin: 10px 0;
text-align: left;
text-transform: none;
position: relative;
}
.back-in-stock-form .back-in-stock-form__checkbox {
text-align: left;
}
.back-in-stock-form__checkbox .icon--tick {
width: 10px;
height: 10px;
position: absolute;
left: 4px;
top: 7px;
display: none;
}
.back-in-stock-form__checkbox .icon--tick g {
fill: #fff;
}
@media (min-width: 1025px) {
.back-in-stock-form__checkbox .icon--tick g {
fill: #000;
}
}
.back-in-stock-form__checkbox-input.back-in-stock-form__checkbox-input {
border: 1px solid #fff;
background-color: transparent;
background-image: none;
margin-right: 12px;
}
@media (min-width: 1025px) {
.back-in-stock-form__checkbox-input.back-in-stock-form__checkbox-input {
border: 1px solid #000;
background-color: transparent;
background-image: none;
margin-right: 12px;
}
}
.back-in-stock-form__checkbox-input.back-in-stock-form__checkbox-input:checked {
background: transparent;
border: 1px solid #fff;
}
@media (min-width: 1025px) {
.back-in-stock-form__checkbox-input.back-in-stock-form__checkbox-input:checked {
border: 1px solid #000;
}
}
.back-in-stock-form__checkbox-input.back-in-stock-form__checkbox-input:checked + .icon--tick {
display: block;
}
.back-in-stock-status {
text-align: left;
padding-bottom: 5px;
opacity: 0;
transition: opacity 0.3s ease-in-out 0.1s;
}
.back-in-stock-status.is-visible {
opacity: 1;
}
.back-in-stock-status.error {
color: #cd3737;
}
.back-in-stock-status.error {
color: #cd3737;
}
.back-in-stock-poistion {
position: absolute;
top: -160px;
}
.flickity-enabled.is-fade .flickity-slider > * {
pointer-events: none;
z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: auto;
z-index: 1;
}
.flickity-page-dots {
bottom: 45px;
line-height: 1;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
text-align: center;
}
@media (min-width: 1025px) {
.flickity-page-dots {
bottom: 65px;
}
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
border-radius: 50%;
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
height: 16px;
margin: 0 15px;
opacity: 1;
position: relative;
transition: all 0.3s ease-in-out;
width: 16px;
}
.flickity-page-dots .dot::after {
border-radius: 50%;
border: 3px solid;
content: "";
height: 0;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 0;
}
.flickity-page-dots .dot button:focus, .flickity-page-dots .dot button:focus-visible {
border: 1px solid red;
display: block;
clip: initial;
width: 130%;
height: 130%;
background: transparent;
border-radius: 50%;
margin: 0;
top: -2px;
left: 50%;
transform: translateX(-50%);
}
.flickity-page-dots .dot.is-selected {
border: 1px solid;
opacity: 1;
}
.lazyload,
.lazyloading {
opacity: 0;
transition: opacity 0.5s;
}
.lazyloaded {
opacity: 1;
transition: opacity 0.5s;
}
.lazyloaded.collection-image--hover-cover, .lazyloaded.collection-image--hover {
opacity: 0;
}
.gradient-overlay {
bottom: -100%;
transition: bottom 0.5s 0.2s;
display: none !important;
}
.image-lazyloaded .gradient-overlay {
top: auto;
bottom: 0;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
}
.overlay {
transition: background-color 0.5s 0.2s;
background-color: transparent;
}
.image-lazyloaded .overlay {
top: auto;
bottom: 0;
background-color: black;
}
.hero-launcher-container {
transition: transform 0.4s ease-in-out !important, opacity 0.2s;
}
.template-product .hero-launcher-container {
transform: translate(0, -200px) !important;
}
@media (min-width: 1025px) {
.template-product .hero-launcher-container {
transform: translate(0, -60px) !important;
}
}
.template-product.scrolled .hero-launcher-container {
transform: translate(0, -90px) !important;
}
@media (min-width: 1025px) {
.template-product.scrolled .hero-launcher-container {
transform: translate(0, -60px) !important;
}
}
.monogram-modal-is-visible .hero-launcher-container, .zoom-is-open .hero-launcher-container {
transform: scale(0) translate(0, -90px) !important;
}
@media (min-width: 1025px) {
.monogram-modal-is-visible .hero-launcher-container, .zoom-is-open .hero-launcher-container {
transform: scale(0) translate(0, -60px) !important;
}
}
.template-product.scrolled.monogram-modal-is-visible .hero-launcher-container, .template-product.scrolled.zoom-is-open .hero-launcher-container {
transform: scale(0) translate(0, -90px) !important;
}
@media (min-width: 1025px) {
.template-product.scrolled.monogram-modal-is-visible .hero-launcher-container, .template-product.scrolled.zoom-is-open .hero-launcher-container {
transform: scale(0) translate(0, -60px) !important;
}
}
@media (min-width: 0) and (max-width: 1024px) {
.search-is-open .hero-launcher-container, .mobile-nav-is-open .hero-launcher-container {
transform: translate(0, 80px) !important;
}
}
@media (min-width: 0) and (max-width: 1024px) {
.scrolled.search-is-open .hero-launcher-container, .scrolled.mobile-nav-is-open .hero-launcher-container {
transform: translate(0, 80px) !important;
}
}
@media (min-width: 0) and (max-width: 1024px) {
.template-product.scrolled.search-is-open .hero-launcher-container, .template-product.scrolled.mobile-nav-is-open .hero-launcher-container {
transform: translate(0, 80px) !important;
}
}
@media (min-width: 0) and (max-width: 1024px) {
.select-is-open .hero-launcher-container, .scrolled.select-is-open .hero-launcher-container, .template-product.scrolled.select-is-open .hero-launcher-container {
opacity: 0;
transform: translate(0, -280px) !important;
pointer-events: none;
}
}
@media (min-width: 0) and (max-width: 1024px) {
.mini-bag-is-open .hero-launcher-container {
opacity: 0 !important;
pointer-events: none !important;
}
}
@media (min-width: 1025px) {
.mini-bag-is-open .hero-launcher-container {
opacity: 0 !important;
pointer-events: none !important;
}
}
@media (min-width: 1025px) {
.template-product .hero-plugin-container.active {
transform: translate(0, -60px) !important;
}
}
@media (min-width: 576px) and (max-height: 950px) {
.template-product .hero-plugin-container.active {
height: 70vh !important;
}
}
#hero-container,
#hero-iframe-container {
display: none;
}
.mini-bag-is-open #hero-container,
.mini-bag-is-open #hero-iframe-container {
display: none;
}
body.show-klarna-hero #hero-container,
body.show-klarna-hero #hero-iframe-container {
display: block !important;
}
.hero-modal {
background-color: #51a5dc;
color: #fff;
font-size: 16px;
left: 50%;
max-width: 500px;
opacity: 0;
padding: 50px 30px 30px;
pointer-events: none;
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
transition: visibility 0.1s, opacity 0.25s;
visibility: hidden;
width: calc(100% - 50px);
z-index: 120;
}
.hero-modal.is-visible {
opacity: 1;
pointer-events: all;
visibility: visible;
}
.hero-modal .icon--close {
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
}
.hero-modal__text {
color: #fff;
}
.globaleSwitcher {
display: none;
margin: 0 0 0 25px;
}
.global-hide {
display: none;
opacity: 0;
}
.country-switcher {
cursor: pointer;
display: inherit;
margin: 0 0 0 25px;
background: transparent;
border: 0;
text-align: left;
color: inherit;
}
@media (min-width: 0) and (max-width: 1024px) {
.country-switcher {
display: none;
}
}
.mobile-nav .country-switcher {
color: rgba(0, 0, 0, 0.3);
margin: 0;
opacity: 0;
padding: 0 0 0 20px;
transition: opacity 0.3s ease 0.2s;
}
@media (min-width: 0) and (max-width: 1024px) {
.mobile-nav .country-switcher {
display: block;
}
}
.mobile-nav-is-open .mobile-nav .country-switcher {
line-height: 60px;
min-height: 60px;
opacity: 1;
}
.mobile-nav-is-open .mobile-nav.nested-is-in-view .country-switcher {
transform: translateX(-100%);
transition-delay: 0s;
}
.mobile-nav .country-switcher__country {
color: rgba(0, 0, 0, 0.7);
cursor: pointer;
display: inline-block;
margin: 0 8px 0 0;
text-transform: uppercase;
}
@media (min-width: 1025px) {
.country-switcher__country {
display: block;
margin: 0 4px 0 0;
}
}
.country-switcher__currency {
cursor: pointer;
margin: 0 0 0 4px;
}
.mobile-nav .country-switcher__currency {
color: rgba(0, 0, 0, 0.7);
}
img.globaleSwitcher {
margin: -2px 0 0 4px !important;
}
.globale_overlay {
background-color: #000 !important;
opacity: 0.3 !important;
}
.gePopupsContainer {
background-color: #dec3ba !important;
border: 0 !important;
color: #fff !important;
font-family: "Johnston", sans-serif !important;
}
.gePopupsContainer .glPopupContent {
padding: 50px 18px 25px 18px !important;
}
@media (min-width: 1025px) {
.gePopupsContainer .glPopupContent {
padding: 60px 32px 47px 32px !important;
}
}
.glDefaultPopupContainer .changeShipping {
color: #fff !important;
display: inline-block !important;
margin-top: 15px !important;
position: relative !important;
text-decoration: none !important;
}
.glDefaultPopupContainer .changeShipping::after {
border-bottom: 1px solid;
bottom: -1px;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.glControls {
width: 100% !important;
}
.glMainContent {
margin: 0 auto 20px !important;
width: 100% !important;
}
@media (min-width: 1025px) {
.glMainContent {
margin: 20px 0 !important;
}
}
.glMainContent ul {
margin: 0 0 0 20px !important;
font-size: 16px !important;
line-height: 1;
}
.glMainContent ul li {
margin: 0 0 8px;
}
.glMainContent .extraText {
font-size: 16px !important;
line-height: 1 !important;
}
.gle_mobile,
.gle_desktop {
bottom: 0 !important;
left: 0 !important;
position: fixed !important;
top: initial !important;
width: 100% !important;
}
@media (min-width: 0) and (max-width: 1024px) {
.gle_mobile,
.gle_desktop {
margin: 0 !important;
}
}
@media (min-width: 1025px) {
.gle_mobile,
.gle_desktop {
bottom: initial !important;
left: 50% !important;
position: absolute !important;
top: 50% !important;
width: auto !important;
}
}
.glDefaultPopupContainer {
display: flex !important;
min-height: auto !important;
width: 100% !important;
}
@media (min-width: 1025px) {
.glDefaultPopupContainer {
min-height: 450px !important;
width: 780px !important;
}
}
.glDefaultPopupContainer ul,
.glDefaultPopupContainer .extraText {
color: #fff !important;
font-family: "Johnston", sans-serif !important;
}
.glDefaultPopupContainer .leftside {
width: 100% !important;
}
@media (min-width: 1025px) {
.glDefaultPopupContainer .leftside {
width: 50% !important;
order: 1 !important;
}
}
.glDefaultPopupContainer .rightside {
display: none;
}
@media (min-width: 1025px) {
.glDefaultPopupContainer .rightside {
display: block;
}
}
.glDefaultPopupContainer .glTitle {
color: #fff !important;
font-family: "Johnston", sans-serif !important;
font-size: 22px !important;
font-weight: 500 !important;
letter-spacing: 0.2px !important;
line-height: 34px !important;
text-align: center !important;
margin-bottom: 45px !important;
}
@media (min-width: 1025px) {
.glDefaultPopupContainer .glTitle {
font-size: 30px !important;
letter-spacing: 1.01px !important;
line-height: 34px !important;
margin-bottom: 0 !important;
}
}
.glDefaultPopupContainer .dropDownRow {
margin-bottom: 25px !important;
}
.glDefaultPopupContainer .caption {
color: #fff !important;
font-family: "Johnston", sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 0.2px;
line-height: 14px;
margin-bottom: 17px !important;
text-align: center;
}
.glDefaultPopupContainer .dropdown {
position: relative !important;
}
.glDefaultPopupContainer .dropdown::after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #fff;
content: "";
height: 0;
position: absolute;
right: 20px;
top: 19px;
width: 0;
transform: rotate(-90deg);
}
@media (min-width: 1025px) {
.glDefaultPopupContainer .dropdown::after {
transform: rotate(0deg);
top: 20px;
}
}
.glDefaultPopupContainer select {
height: 45px !important;
background: transparent !important;
border: 1px solid #fff !important;
padding-left: 15px !important;
color: #fff !important;
font-family: "Johnston", sans-serif !important;
font-size: 17px !important;
letter-spacing: 0.2px !important;
line-height: 29px !important;
}
.glClose {
background-image: none !important;
height: 19px !important;
width: 19px !important;
right: 15px !important;
top: 15px !important;
}
@media (min-width: 1025px) {
.glClose {
right: 20px !important;
top: 20px !important;
}
}
.glClose::before, .glClose::after {
background-color: white;
content: "";
height: 1px;
position: absolute;
top: 10px;
width: 19px;
}
.glClose::before {
transform: rotate(45deg);
right: 0;
}
.glClose::after {
transform: rotate(-45deg);
right: 0;
}
.glDefaultPopupContainer .backToShop,
.CustomSwitcherPopup .glCancelBtn {
background-color: #fff !important;
border: 0 !important;
color: rgba(0, 0, 0, 0.8) !important;
font-family: "Johnston", sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
height: 50px !important;
letter-spacing: 0.2px !important;
line-height: 50px !important;
text-align: center !important;
width: 100% !important;
}
@media (min-width: 1025px) {
.glDefaultPopupContainer .backToShop,
.CustomSwitcherPopup .glCancelBtn {
height: 45px !important;
line-height: 45px !important;
}
}
.Backtoshop {
display: none !important;
}
.international-checkout {
background: #fff !important;
}
.international-checkout .header-wrap .logo {
margin: 0 !important;
}
@media (min-width: 1025px) {
.international-checkout .header-wrap .logo {
margin: 0 18px 0 30px !important;
}
}
.international-checkout .notification-banner-wrap {
display: none !important;
}
.international-checkout .main {
padding-top: 90px !important;
min-height: calc(100vh - 90px);
}
#pre-order {
border-width: 0 !important;
font-family: "Helvetica W01 Light", Helvetica, sans-serif !important;
font-weight: normal !important;
line-height: 34px;
padding: 0 !important;
}
body #iubenda-cs-banner .iubenda-cs-container {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15) !important;
}
body #iubenda-cs-banner .iubenda-cs-opt-group button {
border-radius: 0 !important;
border: 1px solid #333333 !important;
}
body #iubenda-cs-banner .iubenda-banner-content {
padding: 20px 20px 14px !important;
}
body #iubenda-cs-banner .iubenda-cs-opt-group {
margin: 0 !important;
padding: 0 16px 14px !important;
width: 100% !important;
}
@media screen and (min-width: 640px) {
body #iubenda-cs-banner .iubenda-cs-rationale {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
}
body #iubenda-cs-banner .iubenda-banner-content,
body #iubenda-cs-banner .iubenda-cs-opt-group {
padding: 20px !important;
}
body #iubenda-cs-banner .iubenda-banner-content {
padding-bottom: 8px !important;
}
body #iubenda-cs-banner .iubenda-cs-opt-group {
padding-top: 8px !important;
}
body #iubenda-cs-banner .iubenda-cs-opt-group-custom,
body #iubenda-cs-banner .iubenda-cs-opt-group-consent {
align-self: auto !important;
}
body #iubenda-cs-banner .iubenda-cs-opt-group-consent {
margin-left: 8px !important;
}
}
@media screen and (min-width: 992px) {
body #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale {
width: 960px !important;
}
body #iubenda-cs-banner .iubenda-cs-rationale {
flex-wrap: nowrap !important;
align-items: center !important;
}
body #iubenda-cs-banner .iubenda-cs-opt-group {
width: auto !important;
}
body #iubenda-cs-banner .iubenda-banner-content,
body #iubenda-cs-banner .iubenda-cs-opt-group {
padding: 0 !important;
}
body #iubenda-cs-banner.iubenda-cs-scrollable .iubenda-banner-content {
mask-image: none !important;
-webkit-mask-image: none !important;
}
}
@media screen and (min-width: 1052px) {
body #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale {
width: 1022px !important;
}
}
body #iubenda-iframe #iubFooterBtnContainer button {
border-radius: 0 !important;
border: 1px solid #333333 !important;
font-size: 14px !important;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*::selection {
background: #dec3ba;
color: #fff;
}
html,
body {
height: 100%;
}
html {
-webkit-text-size-adjust: none;
}
body {
font-family: "Johnston", sans-serif !important;
background: #fff;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 1.75;
padding: 0;
}
kbd, h1.debug {
background: rgba(255, 219, 202, 0.5);
color: #ff0000;
font-family: monospace;
text-transform: none;
}
kbd.image, h1.image.debug {
-webkit-transform: rotate(-45deg) translate(0, -50%);
-moz-transform: rotate(-45deg) translate(0, -50%);
-ms-transform: rotate(-45deg) translate(0, -50%);
-o-transform: rotate(-45deg) translate(0, -50%);
transform: rotate(-45deg) translate(0, -50%);
left: 0;
position: absolute;
text-align: center;
top: 50%;
transform-origin: 50% 50%;
width: 100%;
z-index: 1;
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a.simple {
color: #000;
}
a.simple:hover, a.simple.active {
color: #bababa;
}
a.white-simple {
color: #fff;
}
a.white-simple:hover, a.white-simple.active {
color: #bababa;
}
a.simple-and-bold {
color: #000;
}
a.simple-and-bold:hover, a.simple-and-bold.hover {
color: #bababa;
}
a.simple-and-bold.active {
font-family: "Johnston", sans-serif;
}
a.white-simple-and-bold {
color: #fff;
}
a.white-simple-and-bold:hover {
color: #bababa;
}
a.white-simple-and-bold.active {
font-family: "Johnston", sans-serif;
}
a.alert {
color: #e39390;
}
a.alert:hover, a.alert.active {
color: #000;
}
a.underlined {
text-decoration: underline;
}
a.underlined:hover {
color: #bababa;
}
strong.hint.important, strong.final-sale {
color: #ff0000;
text-transform: none;
}
span.status {
background-color: #f9f9f9;
color: #000;
font-size: 11px;
padding: 0 5px;
}
span.status.unfulfilled, span.status.unauthorized {
background: #ffdbca;
color: #fff;
}
span.status.fulfilled, span.status.authorized, span.status.paid {
background: #74b237;
color: #fff;
}
span.disabled {
color: #bababa;
}
i {
color: #e39390;
}
s,
strike {
color: #bababa;
}
img {
display: block;
color: transparent;
max-width: 100%;
}
.image img {
width: 100%;
}
h1 {
display: none;
margin-top: 0;
}
h1.debug {
-webkit-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
background: rgba(255, 219, 202, 0.2);
display: block;
padding: 0 18px;
position: absolute;
right: 0;
}
form {
margin: 0 auto;
}
form label {
word-break: break-word;
}
form label.newsletter-label {
cursor: pointer;
display: inline-flex;
}
form label.newsletter-label::before {
content: "";
border: 1px solid;
display: block;
flex: 1 0 20px;
width: 20px;
height: 20px;
margin-right: 10px;
margin-top: 1px;
}
form input {
border-radius: 0;
}
form input.placeholder {
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
transition: color 0.1s linear;
color: #bababa;
}
form input:-moz-placeholder {
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
transition: color 0.1s linear;
color: #bababa;
}
form input::-moz-placeholder {
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
transition: color 0.1s linear;
color: #bababa;
}
form input:-ms-input-placeholder {
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
transition: color 0.1s linear;
color: #bababa;
}
form input::-webkit-input-placeholder {
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
transition: color 0.1s linear;
color: #bababa;
}
form input:focus.placeholder {
color: #bababa;
}
form input:focus:-moz-placeholder {
color: #bababa;
}
form input:focus::-moz-placeholder {
color: #bababa;
}
form input:focus:-ms-input-placeholder {
color: #bababa;
}
form input:focus::-webkit-input-placeholder {
color: #bababa;
}
form select {
width: 100%;
}
form textarea {
height: 42px;
padding: 14px 10px;
width: 100%;
}
form textarea:focus {
min-height: 84px;
}
form input[type=checkbox] {
height: 18px;
width: 18px;
}
form .field {
*zoom: 1;
margin: 34px 0;
text-align: center;
}
form .field:after {
content: "";
display: table;
clear: both;
}
form .field--newsletter {
display: flex;
justify-content: center;
position: relative;
}
form .field--newsletter__input {
opacity: 0;
}
form .field--newsletter__input:focus-visible {
opacity: 1;
}
form .field--newsletter__input[type=checkbox]:checked + label:before {
content: "";
background: no-repeat center center url("../assets/close.svg");
background-size: 12px;
}
form .field--newsletter .screenreader {
left: -18px;
top: 5px;
}
form .checkbox {
text-align: center;
}
form .checkbox label {
display: inline;
}
form .checkbox input {
cursor: pointer;
height: 18px;
margin: 0;
padding: 0;
vertical-align: top;
width: 18px;
}
form .checkbox input:checked {
background-color: #000;
background-image: url('//www.mansurgavriel.com/cdn/shop/t/993/assets/checkbox-checked-tick.svg?v=169392761045823659551703106744');
background-position: center;
background-repeat: no-repeat;
border-color: #000;
}
form .errors {
color: #e39390;
text-align: center;
}
form .actions {
text-align: center;
margin: 0 0 30px;
}
form .actions input {
margin-bottom: 17px;
min-width: 200px;
}
form .actions span {
display: block;
font-size: 11px;
margin-bottom: 17px;
}
@media (min-width: 668px) {
form textarea {
height: 51px;
padding: 17px 10px;
}
form textarea:focus {
min-height: 102px;
}
}
.with-validation input .text:invalid, .contact-form input .text:invalid {
border-color: #af1122;
color: #af1122;
}
.contact-form__form {
line-height: 1;
max-width: 690px;
margin: 0;
}
.contact-form .fields {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 1025px) {
.contact-form .fields {
justify-content: space-between;
}
}
.contact-form .fields__col {
display: flex;
flex-direction: column;
flex: 0 0 100%;
flex-wrap: wrap;
}
@media (min-width: 1025px) {
.contact-form .fields__col {
flex: 0 0 calc(50% - 10px);
}
}
.contact-form .label {
opacity: 0.5;
letter-spacing: 0;
line-height: 1.8;
}
.contact-form .field {
text-align: left;
margin: 0 0 20px;
}
.contact-form .field .dk-select {
background-color: transparent;
height: 50px;
line-height: 50px;
letter-spacing: 0;
text-transform: none;
}
.contact-form .field .dk-selected {
color: black !important;
text-align: left;
height: 50px;
line-height: 50px;
letter-spacing: 0;
text-transform: none;
}
.contact-form .field .dk-selected ~ span {
display: block;
position: relative;
}
.contact-form .field .dk-selected ~ span::before {
border-bottom: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #000;
color: #000;
content: "";
margin: -1.75em 0.5em 0 0;
right: 15px;
top: 50%;
position: absolute;
}
.contact-form .field .dk-selected::before {
border-bottom: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #000;
color: #000;
content: "";
margin: -0.25em 0.5em 0 0;
right: 15px;
top: 50%;
position: absolute;
}
.contact-form .field .dk-select-open-down .dk-selected::before {
transform: scale(-1);
}
.contact-form input {
background: transparent;
width: 100%;
height: 50px;
border-radius: 0;
border: 1px solid #000;
padding: 0 20px;
font-size: 16px;
}
.contact-form input::-webkit-input-placeholder {
color: transparent;
}
.contact-form input:-webkit-autofill, .contact-form input:-webkit-autofill:hover, .contact-form input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #f4f1ee inset;
transition: background-color 5000s ease-in-out 0s;
}
.contact-form input:focus::placeholder {
color: #6B6B6B;
}
.contact-form textarea {
background: transparent;
height: 145px;
}
.contact-form textarea:hover, .contact-form textarea:focus {
border: 1px solid #000;
}
.contact-form textarea::-webkit-input-placeholder {
color: transparent;
}
.contact-form [type=submit] {
height: 60px;
line-height: 60px;
}
.contact-form .dk-select-options {
background: #f4f1ee;
}
.contact-form .dk-option-selected {
background-color: rgba(0, 0, 0, 0.8);
}
.shopify-challenge__container {
margin-top: 20vh;
padding: 0 20px;
}
.image {
background-position: center;
background-repeat: no-repeat;
}
.image a {
display: block;
overflow: hidden;
}
.image img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
html[data-env=test][data-debug-mode=true] .image img {
outline: 1px solid #af1122;
}
.image img.blur-up {
-webkit-filter: blur(5px);
filter: blur(5px);
transition: filter 400ms, -webkit-filter 400ms;
}
.image img.blur-up.lazyloaded {
-webkit-filter: blur(0);
filter: blur(0);
}
/**
* intrinsic ratios
*/
.ir {
position: relative;
width: 100%;
height: 0;
overflow: hidden;
}
.ir img {
display: block;
min-height: 1px;
width: 100%;
}
html.no-js .image img.lazyload {
display: none;
}
html.js img.lazyload:not([src]) {
visibility: hidden;
}
.caption {
font-size: 11px;
margin-top: 9px;
text-align: center;
text-transform: none;
}
@media (min-width: 668px) {
.caption {
font-size: 11px;
margin-top: 12px;
}
}
.icon {
display: inline-block;
height: 12px;
width: 12px;
}
.icon svg {
display: block;
fill: #000;
height: 100%;
}
.icon:hover svg {
fill: #757575;
}
.icon.close svg {
width: 100%;
}
.embed.video {
margin: 0 auto;
position: relative;
width: 100%;
}
.embed.video > iframe,
.embed.video > video,
.embed.video > .video-js,
.embed.video > .plyr--video,
.embed.video > .plyr--ready {
position: absolute;
width: 100%;
height: 100%;
}
.embed.video > .plyr--ready .plyr {
height: 100%;
width: 100%;
}
.embed.video:after {
content: "";
display: block;
padding-top: 56.25%;
}
.size-guide .table {
overflow-x: auto;
}
.size-guide table.sizes, .size-guide table.measurements {
margin-left: auto;
margin-right: auto;
}
.size-guide table.sizes th, .size-guide table.sizes td, .size-guide table.measurements th, .size-guide table.measurements td {
padding-left: 4em;
vertical-align: middle;
}
.size-guide table.sizes th:first-child, .size-guide table.measurements th:first-child {
padding-left: 0;
text-align: left;
white-space: nowrap;
}
.size-guide table.sizes td, .size-guide table.measurements td {
text-align: center;
}
.size-guide table.sizes thead th, .size-guide table.measurements thead th {
padding-bottom: 2em;
text-align: center;
}
.size-guide table.sizes tbody tr th, .size-guide table.sizes tbody tr td, .size-guide table.measurements tbody tr th, .size-guide table.measurements tbody tr td {
padding-top: 2em;
}
.size-guide table.sizes tbody tr:first-child th, .size-guide table.sizes tbody tr:first-child td, .size-guide table.measurements tbody tr:first-child th, .size-guide table.measurements tbody tr:first-child td {
padding-top: 0;
}
.size-guide table.sizes.shoes th, .size-guide table.sizes.shoes td, .size-guide table.measurements.shoes th, .size-guide table.measurements.shoes td {
padding-left: 1em;
}
@media (min-width: 0) and (max-width: 667px) {
.size-guide table.sizes th, .size-guide table.sizes td, .size-guide table.measurements th, .size-guide table.measurements td {
padding-left: 2em;
}
}
.size-guide .disclaimer {
color: #e39390;
font-size: 11px;
text-transform: none;
margin-top: 34px;
}
.pagination {
text-align: center;
}
.pagination.endless a {
display: none;
}
.mobile-only {
display: block;
}
@media (min-width: 1025px) {
.mobile-only {
display: none;
}
}
.desktop-only {
display: none;
}
@media (min-width: 1025px) {
.desktop-only {
display: block;
}
}
picture img {
max-width: 100%;
min-width: 100%;
}
.screenreader {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.screenreader:focus {
background-color: #fff;
clip: auto !important;
color: #000;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.dk-select,
.dk-select-multi {
background: #fff;
cursor: pointer;
display: inline-block;
line-height: 1.5em;
position: relative;
vertical-align: middle;
width: 100%;
}
.dk-selected {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
position: relative;
white-space: nowrap;
width: 100%;
}
.dk-selected:before, .dk-selected:after {
content: "";
display: block;
position: absolute;
right: 0;
}
.dk-selected:before {
border-color: transparent;
border-style: solid;
border-top-color: #bababa;
border-width: 0.5em 0.5em 0;
margin: -0.25em 0.5em 0 0;
top: 50%;
}
.dk-select-open-up .dk-select-options {
margin-bottom: -1px;
bottom: 100%;
}
.dk-select-open-down .dk-select-options {
margin-top: -1px;
top: 100%;
}
.dk-select-multi .dk-select-options {
max-height: 10em;
}
.dk-option {
line-height: 25.5px;
text-align: center;
padding: 0 10;
}
.dk-option-selected {
background-color: #000;
color: #fff;
}
.dk-select-options {
background-color: white;
border: 1px solid #bababa;
list-style: none;
max-height: 178.5px;
overflow-x: hidden;
overflow-y: auto;
width: auto;
z-index: 100;
}
.dk-select-options .dk-option-highlight {
background-color: #bababa;
color: #fff;
}
.dk-select-options .dk-option-disabled {
color: #bababa;
background-color: transparent;
}
.dk-select-options .dk-option-hidden {
display: none;
}
.dk-select .dk-select-options {
display: none;
left: 0;
margin-top: -1px;
position: absolute;
right: 0;
}
.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
display: block;
border-color: #000;
}
.dk-select-open-up .dk-selected:before,
.dk-select-open-down .dk-selected:before {
border-width: 0 0.5em 0.5em;
border-bottom-color: #000;
}
.dk-select-open-up .dk-selected:after,
.dk-select-open-down .dk-selected:after {
border-left-color: #000;
}
.dk-select-open-up .dk-selected {
border-color: #000;
}
.dk-select-open-up .dk-select-options {
margin-bottom: -1px;
}
.dk-select-open-down .dk-selected {
border-color: #000;
}
.dk-select-open-down .dk-select-options {
margin-top: -1px;
}
.dk-select-multi:hover {
outline: none;
}
.dk-selected:hover, .dk-selected:focus {
border-color: #000;
}
.dk-selected:hover:before, .dk-selected:focus:before {
border-top-color: #000;
}
.dk-selected:hover:after, .dk-selected:focus:after {
border-left-color: #000;
}
.dk-selected:hover {
outline: none;
}
select[data-dkcacheid] {
display: none;
}
.tiny-form {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.tiny-form form {
border-bottom: 3px solid #bababa;
}
.tiny-form p {
text-align: center;
}
.tiny-form a {
text-decoration: underline;
}
@media (min-width: 668px) {
.tiny-form {
max-width: 66%;
}
}
@media (min-width: 1025px) {
.tiny-form {
max-width: 50%;
}
}
.tiny-form a {
text-decoration: underline;
}
.customer input {
width: 100%;
height: 50px;
border-radius: 0;
border: 1px solid #000;
padding: 0 20px;
font-size: 16px;
}
.customer [type=submit] {
height: 60px;
line-height: 60px;
}
.shopify-challenge__button {
height: 60px;
line-height: 60px;
margin-bottom: 20px;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
cursor: pointer;
}
@media (min-width: 0) and (max-width: 667px) {
.embed-container {
padding-bottom: 177.9%;
}
}
.hero-video-shopify,
.hero-video-shopify-mobile,
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 0) and (max-width: 667px) {
.hero-video-shopify {
display: none;
}
}
@media (min-width: 668px) {
.hero-video-shopify-mobile {
display: none;
}
}
@media (min-width: 1025px) {
.hero-video-shopify-mobile {
display: none;
}
}