/** Shopify CDN: Minification failed Line 733:1 Unexpected ";" Line 10475:1 Expected identifier but found "." Line 10486:38 Unexpected "{" **/ @charset "UTF-8"; /* Normalize */ /*! 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 */ } @font-face { font-family: 'BabyForestFont'; src: url(NarzissText-Medium-Drops.woff); } h1, h2, h3, h4, h5, h6 { font-family: 'BabyForestFont' !important; font-weight: 500 !important; letter-spacing: normal !important; } :root { --section-bg-color: #fff7e2; --section-padding: 1% 0 5%; --content-font-color: #333; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; letter-spacing: 0.1rem; } /** * 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 */ -webkit-text-decoration: underline dotted; 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, 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; } /* Common */ html::before { display: none; content: "XS,S,M,L"; } html::after { display: none; content: "XS"; } @media screen and (min-width: 576px) { html::after { content: "S"; } } @media screen and (min-width: 768px) { html::after { content: "M"; } } @media screen and (min-width: 960px) { html::after { content: "L"; } } :root { --font-size-heading-1: 2.25rem; --font-size-heading-2: 1.875rem; --font-size-heading-3: 1.471875rem; --font-size-heading-4: 1.209375rem; --font-size-heading-5: 1.003125rem; --font-size-heading-6: 0.871875rem; --font-size-banner-heading: 2.8125rem; } @media screen and (max-width: 575px) { :root { --font-size-heading-1: 1.7578125rem; --font-size-heading-2: 1.5234375rem; --font-size-heading-3: 1.40625rem; --font-size-heading-4: 1.2890625rem; --font-size-heading-5: 1.171875rem; --font-size-heading-6: 1.0546875rem; } }@font-face { font-family: "Playfair Display"; font-weight: 400; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_n4.9cf7fc4f6a5a48eb27738cad395f0eba18922755.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=8aa1fba5004a6475ad9d3298c352b1f3166d3d6773e5eae15e26380868fa1f24") format("woff2"), url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_n4.8a3fef162b1f576396eb89e46872ef50eeb08158.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=5423abdaaf2fee9c43e9581c4a687726102396a35cdb15b9d1906381dbbc54df") format("woff"); } @font-face { font-family: "Playfair Display"; font-weight: 400; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_i4.a6b31dd7985a500dee50e8e9792e48b71014b51d.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f26a7fe4b070989ae9c0774ec32ada85981602d2f35cd8820ed83948bb4bfd29") format("woff2"), url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_i4.efdf7bd924b2180e5d0c4a2d40be7412ab667d60.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=60a6c7a45507d2c64b9c4016bad1300c5ec12af0ffa9a4bd8a867f9ddc5ed50d") format("woff"); } @font-face { font-family: "Playfair Display"; font-weight: 700; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_n7.1e0ea1cc7a9e4ffdfd6c80b1742be1b89bbe2665.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f4a74b2ed3b0f6612ec133de1e0f4764120b457baec11250f1a07a8e561b3683") format("woff2"), url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_n7.40a558d0a1f7faa9f18d658a9ad541610d181d3b.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=3db2e9cefcaae538276cf26cc582e453432fbc6cce91659a6f68df6123fdc36c") format("woff"); } @font-face { font-family: "Playfair Display"; font-weight: 700; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_i7.7b5eb632a605dbb99140d4e15db5828adc5a093e.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=ccea3453e702d74621819c42b6b6fec3da4be9fa032f69543612c56dd8ba36ed") format("woff2"), url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_i7.d164241d6fe16befc328a085280a1ffcaa6c95cc.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=d44fbd87a19186fa3e174e6e5f1b7b6c79063fe15d0b726c04418328533a1b66") format("woff"); } @font-face { font-family: "Playfair Display"; font-weight: 400; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_n4.9cf7fc4f6a5a48eb27738cad395f0eba18922755.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=8aa1fba5004a6475ad9d3298c352b1f3166d3d6773e5eae15e26380868fa1f24") format("woff2"), url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_n4.8a3fef162b1f576396eb89e46872ef50eeb08158.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=5423abdaaf2fee9c43e9581c4a687726102396a35cdb15b9d1906381dbbc54df") format("woff"); } @font-face { font-family: "Playfair Display"; font-weight: 400; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_i4.a6b31dd7985a500dee50e8e9792e48b71014b51d.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f26a7fe4b070989ae9c0774ec32ada85981602d2f35cd8820ed83948bb4bfd29") format("woff2"), url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_i4.efdf7bd924b2180e5d0c4a2d40be7412ab667d60.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=60a6c7a45507d2c64b9c4016bad1300c5ec12af0ffa9a4bd8a867f9ddc5ed50d") format("woff"); } @font-face { font-family: "Playfair Display"; font-weight: 700; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_n7.1e0ea1cc7a9e4ffdfd6c80b1742be1b89bbe2665.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f4a74b2ed3b0f6612ec133de1e0f4764120b457baec11250f1a07a8e561b3683") format("woff2"), url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_n7.40a558d0a1f7faa9f18d658a9ad541610d181d3b.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=3db2e9cefcaae538276cf26cc582e453432fbc6cce91659a6f68df6123fdc36c") format("woff"); } @font-face { font-family: "Playfair Display"; font-weight: 700; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_i7.7b5eb632a605dbb99140d4e15db5828adc5a093e.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=ccea3453e702d74621819c42b6b6fec3da4be9fa032f69543612c56dd8ba36ed") format("woff2"), url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_i7.d164241d6fe16befc328a085280a1ffcaa6c95cc.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=d44fbd87a19186fa3e174e6e5f1b7b6c79063fe15d0b726c04418328533a1b66") format("woff"); } @font-face { font-family: Lato; font-weight: 500; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_n5.10bc1bd2bdb4c0ac35363745e79901b69a0be29a.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=78d0d49fde6b7497d9424f773ebe4790c0d9b9d2138f45eed9b89053de42d9b0") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_n5.f7f0195bc06ce869daac4bf73d242fb9b37734db.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=ecf86e325293d3a442f3939d55ba0776afdfef84fc38fef9a4534446ede0e3fd") format("woff"); } @font-face { font-family: Lato; font-weight: 500; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_i5.34a1281e461a2dbf339c6340939aff4fa5a02ce4.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=ca8670059513e32ca7cb2aacc98dcaf2f480f5bc407ced0c0144871386fd9c07") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_i5.dfa979b4c6c5c096432f0742c70ca73f045a9465.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=24713868903dc856341c38d6f5739f455b13464770ec9def602f739c169e90d7") format("woff"); } @font-face { font-family: Lato; font-weight: 700; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_n7.f0037142450bd729bdf6ba826f5fdcd80f2787ba.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=10b9b0d51736bf5b1b3aed216e59ee7a6569010ac306d8ac7eb3d349c2b66d64") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_n7.50161a3d4f05d049b7407d86c5a8834e4d6e29bf.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=8cd1dc96495f140a82c225ff53cc3ad7c2d3d9c7a9b0a31905786e26f5db9a5d") format("woff"); } @font-face { font-family: Lato; font-weight: 700; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_i7.86965a52f2ddabac45abc106c3d0cc22ac7b57bb.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=6587ab701e5938e3ebd8289a5e8c53d325a58cc668b676e9bda2d8bcaa9bc169") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_i7.34d7f5a12391e5532b516b8bb3974f4cc3ee25ae.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=37fd89829ed01dff10a8acb1d5499bb7ec35a7acb0123ff23595cf1754c61bac") format("woff"); } @font-face { font-family: Lato; font-weight: 100; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_n1.e49f480ba5e9b0fa42a5317bc54131cafd9c40b7.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=344e6489028f90ea5eb357de772f75f47e462be3bb03a1851e9db3aeb5f86925") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_n1.f54ae865ead23d25f6f16ac022ce6185dac59e69.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=7663dc3a25a22ddb2871f2ac8f0f9bfcfb16033d91706cb4e486ca805d605fee") format("woff"); } @font-face { font-family: Lato; font-weight: 100; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_i1.05d83819820a3ea8339443049f6c4a551481f9c6.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f1dbc1e0be8cc4358ee2f9b7f88eda5d5becf0552e0999cb18b72571fb375053") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_i1.bae1aff2f7c450a62d15eb61ef9304e44eafe140.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=7dc1c83f555857ac25147ef1c172ced737dfaaaa503b31ad1f45fdd2659f4f07") format("woff"); } @font-face { font-family: Lato; font-weight: 500; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_n5.10bc1bd2bdb4c0ac35363745e79901b69a0be29a.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=78d0d49fde6b7497d9424f773ebe4790c0d9b9d2138f45eed9b89053de42d9b0") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_n5.f7f0195bc06ce869daac4bf73d242fb9b37734db.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=ecf86e325293d3a442f3939d55ba0776afdfef84fc38fef9a4534446ede0e3fd") format("woff"); } @font-face { font-family: Lato; font-weight: 500; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_i5.34a1281e461a2dbf339c6340939aff4fa5a02ce4.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=ca8670059513e32ca7cb2aacc98dcaf2f480f5bc407ced0c0144871386fd9c07") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_i5.dfa979b4c6c5c096432f0742c70ca73f045a9465.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=24713868903dc856341c38d6f5739f455b13464770ec9def602f739c169e90d7") format("woff"); } @font-face { font-family: Lato; font-weight: 700; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_n7.f0037142450bd729bdf6ba826f5fdcd80f2787ba.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=10b9b0d51736bf5b1b3aed216e59ee7a6569010ac306d8ac7eb3d349c2b66d64") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_n7.50161a3d4f05d049b7407d86c5a8834e4d6e29bf.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=8cd1dc96495f140a82c225ff53cc3ad7c2d3d9c7a9b0a31905786e26f5db9a5d") format("woff"); } @font-face { font-family: Lato; font-weight: 700; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_i7.86965a52f2ddabac45abc106c3d0cc22ac7b57bb.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=6587ab701e5938e3ebd8289a5e8c53d325a58cc668b676e9bda2d8bcaa9bc169") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_i7.34d7f5a12391e5532b516b8bb3974f4cc3ee25ae.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=37fd89829ed01dff10a8acb1d5499bb7ec35a7acb0123ff23595cf1754c61bac") format("woff"); } @font-face { font-family: Lato; font-weight: 100; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_n1.e49f480ba5e9b0fa42a5317bc54131cafd9c40b7.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=344e6489028f90ea5eb357de772f75f47e462be3bb03a1851e9db3aeb5f86925") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_n1.f54ae865ead23d25f6f16ac022ce6185dac59e69.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=7663dc3a25a22ddb2871f2ac8f0f9bfcfb16033d91706cb4e486ca805d605fee") format("woff"); } @font-face { font-family: Lato; font-weight: 100; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_i1.05d83819820a3ea8339443049f6c4a551481f9c6.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f1dbc1e0be8cc4358ee2f9b7f88eda5d5becf0552e0999cb18b72571fb375053") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_i1.bae1aff2f7c450a62d15eb61ef9304e44eafe140.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=7dc1c83f555857ac25147ef1c172ced737dfaaaa503b31ad1f45fdd2659f4f07") format("woff"); } @font-face { font-family: "Playfair Display"; font-weight: 700; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_n7.1e0ea1cc7a9e4ffdfd6c80b1742be1b89bbe2665.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f4a74b2ed3b0f6612ec133de1e0f4764120b457baec11250f1a07a8e561b3683") format("woff2"), url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_n7.40a558d0a1f7faa9f18d658a9ad541610d181d3b.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=3db2e9cefcaae538276cf26cc582e453432fbc6cce91659a6f68df6123fdc36c") format("woff"); } @font-face { font-family: "Playfair Display"; font-weight: 700; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_i7.7b5eb632a605dbb99140d4e15db5828adc5a093e.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=ccea3453e702d74621819c42b6b6fec3da4be9fa032f69543612c56dd8ba36ed") format("woff2"), url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_i7.d164241d6fe16befc328a085280a1ffcaa6c95cc.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=d44fbd87a19186fa3e174e6e5f1b7b6c79063fe15d0b726c04418328533a1b66") format("woff"); } @font-face { font-family: "Playfair Display"; font-weight: 900; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_n9.267b1449bb95446a9885c7a4e1aca57eb7b38e4c.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=91525f51ba3fd3cd2df26dffc75216025d5da673a3ea1c621a5508befd8740a6") format("woff2"), url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_n9.16eb75baebc7df60476691a5485d03579d63f9a0.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=c567104742e600abe1fe03de36acb1236fd74f9e1e3056e8b6b08e66ba8999be") format("woff"); } @font-face { font-family: "Playfair Display"; font-weight: 900; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_i9.103340fce940b847c3554d99c0d99467f01520d4.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=135d57f751b43ad041dfd5fabbbde994e4d037ac75b26f554d35a2035f59fac8") format("woff2"), url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_i9.fdbb7fe6323de5808e85412c26b522959fc3dd99.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=dba285dec2f8baae6bdfb20e704de54f3d49141e928eee07c1dafd5c7dfe97f0") format("woff"); } @font-face { font-family: "Playfair Display"; font-weight: 400; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_n4.9cf7fc4f6a5a48eb27738cad395f0eba18922755.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=8aa1fba5004a6475ad9d3298c352b1f3166d3d6773e5eae15e26380868fa1f24") format("woff2"), url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_n4.8a3fef162b1f576396eb89e46872ef50eeb08158.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=5423abdaaf2fee9c43e9581c4a687726102396a35cdb15b9d1906381dbbc54df") format("woff"); } @font-face { font-family: "Playfair Display"; font-weight: 400; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_i4.a6b31dd7985a500dee50e8e9792e48b71014b51d.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f26a7fe4b070989ae9c0774ec32ada85981602d2f35cd8820ed83948bb4bfd29") format("woff2"), url("//www.babyforest.in/cdn/fonts/playfair_display/playfairdisplay_i4.efdf7bd924b2180e5d0c4a2d40be7412ab667d60.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=60a6c7a45507d2c64b9c4016bad1300c5ec12af0ffa9a4bd8a867f9ddc5ed50d") format("woff"); } @font-face { font-family: Lato; font-weight: 500; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_n5.10bc1bd2bdb4c0ac35363745e79901b69a0be29a.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=78d0d49fde6b7497d9424f773ebe4790c0d9b9d2138f45eed9b89053de42d9b0") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_n5.f7f0195bc06ce869daac4bf73d242fb9b37734db.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=ecf86e325293d3a442f3939d55ba0776afdfef84fc38fef9a4534446ede0e3fd") format("woff"); } @font-face { font-family: Lato; font-weight: 500; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_i5.34a1281e461a2dbf339c6340939aff4fa5a02ce4.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=ca8670059513e32ca7cb2aacc98dcaf2f480f5bc407ced0c0144871386fd9c07") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_i5.dfa979b4c6c5c096432f0742c70ca73f045a9465.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=24713868903dc856341c38d6f5739f455b13464770ec9def602f739c169e90d7") format("woff"); } @font-face { font-family: Lato; font-weight: 700; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_n7.f0037142450bd729bdf6ba826f5fdcd80f2787ba.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=10b9b0d51736bf5b1b3aed216e59ee7a6569010ac306d8ac7eb3d349c2b66d64") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_n7.50161a3d4f05d049b7407d86c5a8834e4d6e29bf.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=8cd1dc96495f140a82c225ff53cc3ad7c2d3d9c7a9b0a31905786e26f5db9a5d") format("woff"); } @font-face { font-family: Lato; font-weight: 700; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_i7.86965a52f2ddabac45abc106c3d0cc22ac7b57bb.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=6587ab701e5938e3ebd8289a5e8c53d325a58cc668b676e9bda2d8bcaa9bc169") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_i7.34d7f5a12391e5532b516b8bb3974f4cc3ee25ae.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=37fd89829ed01dff10a8acb1d5499bb7ec35a7acb0123ff23595cf1754c61bac") format("woff"); } @font-face { font-family: Lato; font-weight: 100; font-style: normal; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_n1.e49f480ba5e9b0fa42a5317bc54131cafd9c40b7.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=344e6489028f90ea5eb357de772f75f47e462be3bb03a1851e9db3aeb5f86925") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_n1.f54ae865ead23d25f6f16ac022ce6185dac59e69.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=7663dc3a25a22ddb2871f2ac8f0f9bfcfb16033d91706cb4e486ca805d605fee") format("woff"); } @font-face { font-family: Lato; font-weight: 100; font-style: italic; font-display: auto; src: url("//www.babyforest.in/cdn/fonts/lato/lato_i1.05d83819820a3ea8339443049f6c4a551481f9c6.woff2?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f1dbc1e0be8cc4358ee2f9b7f88eda5d5becf0552e0999cb18b72571fb375053") format("woff2"), url("//www.babyforest.in/cdn/fonts/lato/lato_i1.bae1aff2f7c450a62d15eb61ef9304e44eafe140.woff?h1=YmFieWZvcmVzdC5pbg&h2=YmFieWZvcmVzdC1pbi5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=7dc1c83f555857ac25147ef1c172ced737dfaaaa503b31ad1f45fdd2659f4f07") format("woff"); } ; /* Header */ /* General */ /* Sidebar */ /* Stickers */ /* Buttons */ /* Borders */ /* Swatches */ /* Background */ /* Popup */ /* Footer */ /* Password Page */ :root { --scrollbar-width: 15px; } .signpost { display: inline-block; padding-bottom: 0.25rem; color: #a25636; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1rem; transition: color 0.2s ease-in-out; } .signpost::after { position: relative; display: block; width: 100%; height: 1px; cursor: pointer; content: ""; background-color: #a25636; transform: translateY(0.25rem); } .signpost:hover { color: #a25636; } .signpost:hover::after { background-color: #a25636; } .js body:not(.user-is-tabbing) a:focus, .js body:not(.user-is-tabbing) button:focus { outline: none; } /* gift box css start */ .product-is-gift { display: flex; flex-direction: column; gap: 10px; padding-bottom: 14px; } #product_gridsec .product-thumbnail__info{ font-size: 12px; } #input-field-message{ height: 50px; width: 100%; padding: 12px 16px; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 0.5rem; } .additional_properties dd{ margin:0; } .additional_properties .product-option{ display:flex; font-size:13px; gap:10px; } #char-count { padding-left: 7px; padding-top: 10px; } /* gift box css end */ label { font-weight: 700; cursor: default; } input[type=text], input[type=email], input[type=password], input[type=search], input[type=telephone], input[type=tel], input[type=number], textarea { font-family: Lato,sans-serif; font-style: normal; font-weight: 500; padding: 0.25rem 0.5rem; font-size: 0.9375rem; margin-top: 0.5rem; margin-bottom: 1rem; line-height: 1.4; color: #000000; background: #fffded; border: 1px solid rgba(0, 0, 0, 0.4); transition: border-color 0.2s ease-out; display: block; width: 100%; line-height: 1.4; border-radius: 0.25rem; -webkit-appearance: none; } input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=telephone]::placeholder, input[type=tel]::placeholder, input[type=number]::placeholder, textarea::placeholder { color: rgba(0, 0, 0, 0.4); } input[type=text]:active, input[type=email]:active, input[type=password]:active, input[type=search]:active, input[type=telephone]:active, input[type=tel]:active, input[type=number]:active, textarea:active { border-color: #000000; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=telephone]:focus, input[type=tel]:focus, input[type=number]:focus, textarea:focus { border-color: #000000; outline: #000000; } input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; position: absolute; top: 50%; right: 0.75rem; width: 1rem; height: 1rem; margin: 0; cursor: pointer; background-image: url('data:image/svg+xml;utf8, %3Csvg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM4.04588 3.33875C3.85061 3.14348 3.53403 3.14348 3.33877 3.33875C3.14351 3.53401 3.14351 3.85059 3.33877 4.04585L5.29291 5.99999L3.33877 7.95413C3.14351 8.14939 3.14351 8.46597 3.33877 8.66124C3.53403 8.8565 3.85061 8.8565 4.04588 8.66124L6.00001 6.7071L7.95415 8.66124C8.14942 8.8565 8.466 8.8565 8.66126 8.66124C8.85652 8.46597 8.85652 8.14939 8.66126 7.95413L6.70712 5.99999L8.66126 4.04585C8.85652 3.85059 8.85652 3.53401 8.66126 3.33875C8.466 3.14348 8.14942 3.14348 7.95415 3.33875L6.00001 5.29288L4.04588 3.33875Z" fill="%23ffffff"/%3E%3C/svg%3E'); background-repeat: no-repeat; background-size: 1rem 1rem; opacity: 0.6; transform: translateY(-50%); } @media screen and (min-width: 960px) { input[type=search]::-webkit-search-cancel-button { width: 0.75rem; height: 0.75rem; background-size: 0.75rem 0.75rem; } } textarea { font-family: Lato,sans-serif; font-style: normal; font-weight: 500; } select { font-family: Lato,sans-serif; font-style: normal; font-weight: 500; padding: 0.75rem 1rem; font-size: 0.9375rem; margin-top: 0.5rem; margin-bottom: 1rem; line-height: 1.4; color: #000000; background: #fffded; border: 1px solid rgba(0, 0, 0, 0.4); transition: border-color 0.2s ease-out; position: relative; width: 100%; text-align: left; cursor: pointer; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 0.5rem; -webkit-appearance: none; appearance: none; } select::placeholder { color: rgba(0, 0, 0, 0.4); } select:active { border-color: #000000; } select:focus { border-color: #000000; outline: #000000; } @media screen and (min-width: 768px) { select { min-width: 20px; } } .select-wrapper { position: relative; } .select-wrapper::after { position: absolute; pointer-events: none; content: url('data:image/svg+xml,%3Csvg viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 0.75L8 7.75L15 0.75" stroke="%23ffffff" stroke-width="1.75"/%3E%3C/svg%3E'); transform: translate(-100%, 25%); width: 13.25px; height: 7.5px; padding: 0.75rem 1rem; } .form__required { color: #ee575a; } ::selection { color: #fff; text-shadow: none; background: #36a2a2; } .visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); border: 0; } .skip-to-main { position: absolute; top: 0; left: -9999px; padding: 1em; font-size: 0.9375rem; text-decoration: none; background-color: #fffded; } .skip-to-main:focus, .skip-to-main:active { left: 0; z-index: 901; } .errors, .success { padding: 12px 0; margin-bottom: 30px; text-align: center; } .errors { color: #ea555c; background-color: #fcecec; border: 1px solid #edabb9; } .errors ul { padding: 0; margin: 0; list-style-type: none; } .errors li { margin: 0; } .field-error { border: 1px solid #ee575a; box-shadow: 0 0 10px rgba(238, 87, 90, 0.8); } .success { color: #108144; background-color: #f0fbdb; border: 1px solid #c2cc98; } .placeholder-svg { background-color: rgba(0, 0, 0, 0.1); fill: rgba(0, 0, 0, 0.35); } .main__wrapper .shopify-challenge__container { max-width: 800px; margin: 3rem auto; } @media screen and (min-width: 576px) { .main__wrapper .shopify-challenge__container { margin: 3.5rem auto; } } .static-page--width-wide .main__wrapper .shopify-challenge__container { max-width: 1200px; } .static-page--width-narrow .main__wrapper .shopify-challenge__container { max-width: 680px; } .text-align-center { text-align: center; } .text-align-left, .text-align-start { text-align: left; } .text-align-right, .text-align-end { text-align: right; } .text-align-justify { text-align: justify; } .font-weight--light { font-weight: 300; } .font-weight--bold { font-weight: 700; } .hidden { display: none; } [data-rimg=lazy], [data-rimg=loading], [data-rimg=loaded] { background-color: rgba(0, 0, 0, 0.1); transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-rimg=lazy], [data-rimg=loading] { opacity: 0; } [data-rimg=loaded] { background-color: transparent; opacity: 1; } [data-rimg-canvas] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* background: rgba(0, 0, 0, 0.1); */ transition: visibility 0s linear 0.1s, opacity 0.1s linear; } [data-rimg=loaded] + [data-rimg-canvas], [data-rimg=""] + [data-rimg-canvas] { visibility: hidden; opacity: 0; } .no-js [data-rimg-canvas] { display: none; } .no-js [data-rimg-noscript] + [data-rimg=lazy] { display: none; } .no-js [data-rimg=lazy] { opacity: 1; } * { box-sizing: border-box; } html, body { overflow-x: hidden; } html { font-size: 16px; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; } body { font-family: Lato,sans-serif; font-style: normal; font-weight: 500; font-size: 0.9375rem; line-height: 1.5; color: #000000; text-align: left; word-break: break-word; background-color: #fffded; } .scroll-locked body { overflow: hidden; touch-action: manipulation; }header, main, footer { width: 100%; margin: 0; } main, footer { z-index: 1; } /* START customisation */ i.icon-swym-wishlist { font-family: 'swym-font'; font-style: normal; vertical-align: middle; } i.icon-swym-wishlist+span { vertical-align: middle; } i.icon-swym-wishlist:after { content: ''; font-size: 1.3rem; line-height: 18px; text-align: center; display: inline; } /*content rendered after swym is ready to avoid showing block/invalid chars*/ .swym-ready i.icon-swym-wishlist:after { content: '\f004'; } .swym-ui-component .swym-wishlist-grid { max-width: unset !important; } .swym-ui-component .swym-wishlist-grid .swym-wishlist-item { border: none !important; } .swym-ui-component .swym-wishlist-grid .swym-wishlist-image-wrapper { height: unset !important; } .swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-add-to-cart-btn { font-family: Lato,sans-serif !important; font-style: normal !important; font-weight: 700; display: inline-block !important; line-height: 1.4 !important; color: #ffffff; text-decoration: none !important; text-transform: uppercase !important; letter-spacing: 2px; cursor: pointer; background-color: #ff9a83; border: 1px solid #ff9a83; border-radius: 0; outline: none; transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out; padding: 0.75rem 1rem !important; font-size: 1.0rem !important; text-align: center; border-radius: 0.25rem; } .swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-add-to-cart-btn:hover, .swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-add-to-cart-btn:active { color: #FFFFFF; background-color: #ff9a83; border: 1px solid #ff9a83; box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25); } .key-ingredients__wrapper { background-color: var(--section-bg-color); /*padding: var(--section-padding);*/ position: relative; width: 100%; margin: 4.25rem 0 0 0; padding: 2.5rem 0; } .key-ingredients__wrapper .shopify-section{ max-width: 1200px; margin: 0 auto; } .ingredients__wrapper { display: flex; flex-wrap:wrap; gap:10%; margin-top: 2.5rem; } @media screen and (max-width: 576px) { .ingredients__wrapper { grid-template-columns: 1fr; gap: 2%; } } .ingredient { display: grid; width: 45%; max-width: 45%; grid-template-columns: 15% 80%; gap: 5%; margin-bottom:2.5rem; } .ingredient img{max-width: 84%;} .ingredient__text { display: grid; border-bottom: 2px solid #a25636; align-content: baseline; } .shopify-section--product-template{ padding-bottom:0 !important; } .product-app--container{ max-width: 1200px; margin-left: auto; margin-right: auto; } .footer-top__block-menu li { margin-bottom: 0.3rem !important; } .patch__color { color: #666 !important; } section { margin: 3rem 24px; } @media screen and (min-width: 576px) { section { margin: 3rem 32px; } } @media screen and (min-width: 768px) { section { margin: 3.5rem 40px; } } @media screen and (min-width: 960px) { section { margin: 3.5rem 56px; } } .collection-list-page, .collection-page, .shopify-section--product-template, #shopify-section-account, #shopify-section-addresses, .static-page__wrapper { padding-top: 1%; padding-bottom: 4%; } .step__footer__continue-btn { color: #fff !important; } .static-page.static-page--width-wide { margin: 0; } /* END customisation */ .section__wrapper { position: relative; max-width: 1200px; margin: 0 auto; } .template-article .shopify-section:nth-child(2) section, .template-collection .shopify-section:nth-child(2) section, .template-product .shopify-section:nth-child(2) section { border-top: 0; } h1, h2, h3, h4, h5, h6 { font-family: "Playfair Display",serif; font-style: normal; font-weight: 400; line-height: 1.3; color: #a25636; text-decoration: none; text-transform: none; letter-spacing: 2px; margin: 2.5rem 0 1rem; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; } h1 a:visited, h1 a:hover, h1 a:focus, h1 a:active, h2 a:visited, h2 a:hover, h2 a:focus, h2 a:active, h3 a:visited, h3 a:hover, h3 a:focus, h3 a:active, h4 a:visited, h4 a:hover, h4 a:focus, h4 a:active, h5 a:visited, h5 a:hover, h5 a:focus, h5 a:active, h6 a:visited, h6 a:hover, h6 a:focus, h6 a:active { color: inherit; } h1 { font-size: var(--font-size-heading-1); } h2 { font-size: var(--font-size-heading-2); } h3 { font-size: var(--font-size-heading-3); } h4 { font-size: var(--font-size-heading-4); } h5 { font-size: var(--font-size-heading-5); } h6 { font-size: var(--font-size-heading-6); } a { color: #a25636; transition: color 0.2s ease-out; } a:visited { color: #a25636; } a:hover, a:focus, a:active { color: #a25636; } p { margin: 0 0 1.5rem; } p:last-child { margin-bottom: 0; } img { width: auto; max-width: 100%; height: auto; } ol, ul { padding-left: 1rem; margin: 1rem 0 1.5rem; } ol > ol, ol > ul, ul > ol, ul > ul { margin: 0; } ol { list-style-type: decimal; } ul { list-style-type: disc; } li { margin-bottom: 0.75rem; } table { display: block; max-width: 100%; margin-bottom: 1.5rem; overflow-x: auto; white-space: nowrap; border-collapse: collapse; border: none; } @media screen and (min-width: 576px) { table { display: table; overflow-x: visible; white-space: normal; } } tr { border-bottom: 1px solid #a25636; } th { padding: 0.75rem 0.75rem 0.75rem 0; color: #a25636; } td { padding: 0.75rem 0.75rem 0.75rem 0; font-size: 0.9375rem; } blockquote { font-family: Lato,sans-serif; font-style: normal; font-weight: 500; position: relative; padding-left: 1.5rem; margin: 1rem 0; font-size: 1.171875rem; border-left: 0.5rem solid #a25636; opacity: 0.8; } iframe { max-width: 100%; } b, strong { font-weight: 700; } em { font-style: italic; } b em, strong em, em b, em strong { font-style: italic; } hr { height: 0; border: solid #a25636; border-width: 1px 0 0; } .breadcrumbs { display: flex; flex-wrap: wrap; margin: 1.5rem 0; font-size: 0.8203125rem; } .breadcrumbs__separator { margin: 0 0.5rem; } .breadcrumbs__separator::after { display: inline-block; content: url('data:image/svg+xml,%3Csvg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM5 5L5.35355 5.35355C5.54882 5.15829 5.54882 4.84171 5.35355 4.64645L5 5ZM0.646447 8.64645C0.451184 8.84171 0.451184 9.15829 0.646447 9.35355C0.841709 9.54882 1.15829 9.54882 1.35355 9.35355L0.646447 8.64645ZM0.646447 1.35355L4.64645 5.35355L5.35355 4.64645L1.35355 0.646447L0.646447 1.35355ZM4.64645 4.64645L0.646447 8.64645L1.35355 9.35355L5.35355 5.35355L4.64645 4.64645Z" fill="%23ffffff"/%3E%3C/svg%3E'); } .breadcrumbs__link { color: #000000; text-decoration: none; } .breadcrumbs__link:visited { color: #000000; } .breadcrumbs__link:hover { color: #a25636; text-decoration: underline; } .breadcrumbs__current { opacity: 0.5; } .pagination { display: flex; align-items: center; justify-content: center; margin: 2.5rem 0; text-align: center; } @media screen and (min-width: 768px) { .pagination { margin: 4rem; } } .pagination__previous-button, .pagination__next-button { display: flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; } .pagination__previous-button { margin-right: 0.5rem; } @media screen and (min-width: 768px) { .pagination__previous-button { margin-right: rem; } } .pagination__next-button { margin-left: 0.5rem; } @media screen and (min-width: 768px) { .pagination__next-button { margin-left: 2rem; } } .pagination__page-list { /* display: none; */ align-items: center; padding: 0; margin: 0; list-style-type: none; } @media screen and (min-width: 576px) { .pagination__page-list { display: flex; } } .pagination__page { display: inline-block; margin: 0 12px; } .pagination__page a { color: #000000; text-decoration: none; border-bottom: 1px solid #fffded; } .pagination__page a:hover { color: #a25636; border-bottom: 1px solid #a25636; } .pagination__page--current { font-weight: bold; } @keyframes dotTyping { 0% { box-shadow: 16px 0 0 0 var(--loading-icon-color), 32px 0 0 0 var(--loading-icon-color), 48px 0 0 0 var(--loading-icon-color); } 16.667% { box-shadow: 16px -10px 0 0 var(--loading-icon-color), 32px 0 0 0 var(--loading-icon-color), 48px 0 0 0 var(--loading-icon-color); } 33.333% { box-shadow: 16px 0 0 0 var(--loading-icon-color), 32px 0 0 0 var(--loading-icon-color), 48px 0 0 0 var(--loading-icon-color); } 50% { box-shadow: 16px 0 0 0 var(--loading-icon-color), 32px -10px 0 0 var(--loading-icon-color), 48px 0 0 0 var(--loading-icon-color); } 66.667% { box-shadow: 16px 0 0 0 var(--loading-icon-color), 32px 0 0 0 var(--loading-icon-color), 48px 0 0 0 var(--loading-icon-color); } 83.333% { box-shadow: 16px 0 0 0 var(--loading-icon-color), 32px 0 0 0 var(--loading-icon-color), 48px -10px 0 0 var(--loading-icon-color); } 100% { box-shadow: 16px 0 0 0 var(--loading-icon-color), 32px 0 0 0 var(--loading-icon-color), 48px 0 0 0 var(--loading-icon-color); } } .loading-icon { position: absolute; top: 50%; left: 50%; display: block; transform: translate(-50%, -50%); } .loading-icon__animation { position: relative; left: -32px; width: 10px; height: 10px; color: var(--loading-icon-color); border-radius: 5px; box-shadow: 16px 0 0 0 var(--loading-icon-color), 32px 0 0 0 var(--loading-icon-color), 48px 0 0 0 var(--loading-icon-color); animation: dotTyping 1.5s infinite linear; } .section-with-sidebar { margin: 3rem 24px; } @media screen and (min-width: 576px) { .section-with-sidebar { margin: 3rem 32px; } } @media screen and (min-width: 768px) { .section-with-sidebar { margin: 3.5rem 40px; } } @media screen and (min-width: 960px) { .section-with-sidebar { margin: 3.5rem 56px; } } .section-with-sidebar__wrapper { width: 100%; max-width: 1200px; margin: 1rem auto; } /* deepali menu blog */ .sidebar__block-menu-list ul{ margin-top: -16px; } @media screen and (min-width: 768px) { .section-with-sidebar__wrapper { display: flex; flex-direction: column; } ul.sidebar__block-menu-list{ display: flex; flex-direction: row; gap: 45px; text-align: center; flex-wrap: wrap; } } .sidebar { width: 100%; } @media screen and (min-width: 768px) { .sidebar { flex: 0 0 25%; margin: 0; } } .sidebar__block { border-bottom: 1px solid #a25636; } .sidebar__block-toggle { position: relative; display: block; padding: 0; margin: 0; text-decoration: none; } .sidebar__block-toggle::after { position: absolute; top: 50%; right: 1rem; display: block; width: 1rem; height: 1rem; content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 13.5C7 13.7761 7.22386 14 7.5 14C7.77614 14 8 13.7761 8 13.5V9H12.5C12.7761 9 13 8.77614 13 8.5C13 8.22386 12.7761 8 12.5 8H8V3.5C8 3.22386 7.77614 3 7.5 3C7.22386 3 7 3.22386 7 3.5V8H2.5C2.22386 8 2 8.22386 2 8.5C2 8.77614 2.22386 9 2.5 9H7V13.5Z" fill="%23ffffff"/%3E%3C/svg%3E'); transform: translateY(-50%); } .sidebar__block-toggle[data-open=true]::after { content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2 8.5C2 8.22386 2.22386 8 2.5 8H12.5C12.7761 8 13 8.22386 13 8.5C13 8.77614 12.7761 9 12.5 9H2.5C2.22386 9 2 8.77614 2 8.5Z" fill="%23ffffff"/%3E%3C/svg%3E'); } .sidebar__block-heading { font-family: Lato,sans-serif; font-style: normal; font-weight: 500; padding: 1.5rem 2.5rem 1.5rem 0; margin: 0; font-size: 0.9375rem; font-weight: 700; line-height: 1.5; color: #000000; text-transform: none; letter-spacing: 0; } .sidebar__block-content p { margin-bottom: 1rem; } .sidebar__block-content a { position: relative; color: #a25636; } .sidebar__block-content a:visited { color: #a25636; } .sidebar__block-content a:hover, .sidebar__block-content a:focus { color: #a25636; } .sidebar__block-content > .sidebar__block-menu-list > li:last-child { padding-bottom: 0.5rem; } .sidebar__block-content[data-animation-state=closed] { display: none; height: 0; opacity: 0; } .sidebar__block-content[data-animation] { display: block; overflow: hidden; transition: opacity 200ms, height 200ms; } .sidebar__block-content[data-animation-state=open] { display: block; height: auto; opacity: 1; } .sidebar__block-content[data-animation][data-animation-state=open] { height: var(--open-height); } .sidebar__block-menu-list, .sidebar__tag-list { padding: 0; margin: 0; list-style-type: none; } .sidebar__block-menu-list li, .sidebar__tag-list li { margin: 0; } .sidebar__block-menu-list ul, .sidebar__tag-list ul { margin-left: 1rem; } .sidebar__block-link, .sidebar__tag-link { display: inline-block; margin: 0 0 0.5rem; color: #a25636; text-decoration: none; cursor: pointer; } .sidebar__block-link:visited, .sidebar__tag-link:visited { color: #a25636; } .sidebar__block-link:hover, .sidebar__block-link:focus, .sidebar__tag-link:hover, .sidebar__tag-link:focus { color: #a25636; text-decoration: underline; } .sidebar__blog-tags { display: flex; flex-wrap: wrap; padding: 0 0 0.5rem; margin: 0; list-style-type: none; } .sidebar__blog-tags li { margin: 0; } a.sidebar__blog-tag { display: inline-block; padding: 0.25rem 0.75rem; margin: 0; font-size: 0.76171875rem; color: #000000; text-decoration: none; background-color: rgba(0, 0, 0, 0.1); border-radius: 1.25rem; margin: 0 0.5rem 0.5rem 0; color: #000000; } a.sidebar__blog-tag:visited { color: #000000; } a.sidebar__blog-tag:visited { color: #000000; } a.sidebar__blog-tag:hover, a.sidebar__blog-tag:focus { color: #000000; } .sidebar__blog-date { display: block; font-size: 0.76171875rem; } .sidebar__search-form { position: relative; padding-bottom: 1rem; } .sidebar__search-box[type=text] { padding-right: 2.5rem; margin: 0; word-wrap: normal; } .sidebar__search-submit { position: absolute; top: 0.75rem; right: 1rem; padding: 0; cursor: pointer; background-color: #fffded; border: none; } .sidebar__search-submit svg { display: block; color: #000000; } .sidebar__newsletter-form { padding-bottom: 1rem; } .sidebar__newsletter-form .sidebar__newsletter-first-name, .sidebar__newsletter-form .sidebar__newsletter-last-name, .sidebar__newsletter-form .sidebar__newsletter-email { margin-bottom: 1rem; } .sidebar__newsletter-submit { font-family: Lato,sans-serif; font-style: normal; font-weight: 500; display: inline-block; line-height: 1.4; color: #ffffff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; background-color: #fc9f90; border: 1px solid #fc9f90; border-radius: 0; outline: none; transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out; padding: 0.75rem 1rem; font-size: 0.875rem; width: 100%; } .sidebar__newsletter-submit:visited { color: #ffffff; } .sidebar__newsletter-submit:hover:not(:disabled), .sidebar__newsletter-submit:focus, .sidebar__newsletter-submit:active { color: #FFFFFF; background-color: #fc9f90; border: 1px solid #fc9f90; box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25); } .sidebar__newsletter-submit:disabled, .sidebar__newsletter-submit.disabled { cursor: not-allowed !important; opacity: 0.4; }.sidebar__newsletter-submit { border-radius: 0.25rem; }.sidebar__tag-list { padding-bottom: 0.75rem; } .sidebar__tag-list li { position: relative; padding-left: 1.5rem; } .sidebar__tag-link::before { position: absolute; top: 0.1875rem; left: -1.5rem; content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="8" cy="8" r="7.5" fill="white" stroke="%23a25636"/%3E%3C/svg%3E'); } .sidebar__tag-link.sidebar__tag-link--active::before { content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="8" cy="8" r="7.5" stroke="%23a25636"/%3E%3Ccircle cx="7.99996" cy="7.99996" r="5.33333" fill="%23a25636"/%3E%3C/svg%3E'); } .sidebar__block-faceted-search--hidden { display: none; } .static-page .row, .collection-page__description .row, .product__description .row, .page-section .row { position: relative; left: -1rem; display: flex; flex-wrap: wrap; width: calc(100% + 1rem); margin-bottom: 1rem; } @media screen and (max-width: 767px) { .static-page .row, .collection-page__description .row, .product__description .row, .page-section .row { left: 0; width: 100%; } .registration-form__wrapper{ padding: 10px; } section.login-template{ padding: 10px; } .login-template__heading{ margin: 0; margin-bottom: 0rem; } } .static-page .row .column, .static-page .row .columns, .collection-page__description .row .column, .collection-page__description .row .columns, .product__description .row .column, .product__description .row .columns, .page-section .row .column, .page-section .row .columns { margin-left: 1rem; } @media screen and (max-width: 767px) { .static-page .row .column, .static-page .row .columns, .collection-page__description .row .column, .collection-page__description .row .columns, .product__description .row .column, .product__description .row .columns, .page-section .row .column, .page-section .row .columns { left: 0; width: 100%; margin: 0 0 1rem; } } .static-page [class*=offset-by], .collection-page__description [class*=offset-by], .product__description [class*=offset-by], .page-section [class*=offset-by] { position: relative; } .static-page .hidden, .collection-page__description .hidden, .product__description .hidden, .page-section .hidden { display: none !important; } .static-page .visible, .collection-page__description .visible, .product__description .visible, .page-section .visible { display: block !important; } .static-page .one, .collection-page__description .one, .product__description .one, .page-section .one { width: calc(6.25% - 1rem); } .static-page .two, .collection-page__description .two, .product__description .two, .page-section .two { width: calc(12.5% - 1rem); } .static-page .three, .collection-page__description .three, .product__description .three, .page-section .three { width: calc(18.75% - 1rem); } .static-page .four, .collection-page__description .four, .product__description .four, .page-section .four { width: calc(25% - 1rem); } .static-page .five, .collection-page__description .five, .product__description .five, .page-section .five { width: calc(31.25% - 1rem); } .static-page .six, .collection-page__description .six, .product__description .six, .page-section .six { width: calc(37.5% - 1rem); } .static-page .seven, .collection-page__description .seven, .product__description .seven, .page-section .seven { width: calc(43.75% - 1rem); } .static-page .eight, .collection-page__description .eight, .product__description .eight, .page-section .eight { width: calc(50% - 1rem); } .static-page .nine, .collection-page__description .nine, .product__description .nine, .page-section .nine { width: calc(56.25% - 1rem); } .static-page .ten, .collection-page__description .ten, .product__description .ten, .page-section .ten { width: calc(62.5% - 1rem); } .static-page .eleven, .collection-page__description .eleven, .product__description .eleven, .page-section .eleven { width: calc(68.75% - 1rem); } .static-page .twelve, .collection-page__description .twelve, .product__description .twelve, .page-section .twelve { width: calc(75% - 1rem); } .static-page .thirteen, .collection-page__description .thirteen, .product__description .thirteen, .page-section .thirteen { width: calc(81.25% - 1rem); } .static-page .fourteen, .collection-page__description .fourteen, .product__description .fourteen, .page-section .fourteen { width: calc(87.5% - 1rem); } .static-page .fifteen, .collection-page__description .fifteen, .product__description .fifteen, .page-section .fifteen { width: calc(93.75% - 1rem); } .static-page .sixteen, .collection-page__description .sixteen, .product__description .sixteen, .page-section .sixteen { width: calc(100% - 1rem); } .static-page .one-whole, .collection-page__description .one-whole, .product__description .one-whole, .page-section .one-whole { width: calc(100% - 1rem); } .static-page .one-half, .collection-page__description .one-half, .product__description .one-half, .page-section .one-half { width: calc(50% - 1rem); } .static-page .one-third, .collection-page__description .one-third, .product__description .one-third, .page-section .one-third { width: calc(33.3333333333% - 1rem); } .static-page .two-thirds, .collection-page__description .two-thirds, .product__description .two-thirds, .page-section .two-thirds { width: calc(66.6666666667% - 1rem); } .static-page .one-fourth, .collection-page__description .one-fourth, .product__description .one-fourth, .page-section .one-fourth { width: calc(25% - 1rem); } .static-page .two-fourths, .collection-page__description .two-fourths, .product__description .two-fourths, .page-section .two-fourths { width: calc(50% - 1rem); } .static-page .three-fourths, .collection-page__description .three-fourths, .product__description .three-fourths, .page-section .three-fourths { width: calc(75% - 1rem); } .static-page .one-fifth, .collection-page__description .one-fifth, .product__description .one-fifth, .page-section .one-fifth { width: calc(20% - 1rem); } .static-page .two-fifths, .collection-page__description .two-fifths, .product__description .two-fifths, .page-section .two-fifths { width: calc(40% - 1rem); } .static-page .three-fifths, .collection-page__description .three-fifths, .product__description .three-fifths, .page-section .three-fifths { width: calc(60% - 1rem); } .static-page .four-fifths, .collection-page__description .four-fifths, .product__description .four-fifths, .page-section .four-fifths { width: calc(80% - 1rem); } .static-page .one-sixth, .collection-page__description .one-sixth, .product__description .one-sixth, .page-section .one-sixth { width: calc(16.6666666667% - 1rem); } .static-page .two-sixths, .collection-page__description .two-sixths, .product__description .two-sixths, .page-section .two-sixths { width: calc(33.3333333333% - 1rem); } .static-page .three-sixths, .collection-page__description .three-sixths, .product__description .three-sixths, .page-section .three-sixths { width: calc(50% - 1rem); } .static-page .four-sixths, .collection-page__description .four-sixths, .product__description .four-sixths, .page-section .four-sixths { width: calc(66.6666666667% - 1rem); } .static-page .five-sixths, .collection-page__description .five-sixths, .product__description .five-sixths, .page-section .five-sixths { width: calc(83.3333333333% - 1rem); } .static-page .one-seventh, .collection-page__description .one-seventh, .product__description .one-seventh, .page-section .one-seventh { width: calc(14.2857142857% - 1rem); } .static-page .two-sevenths, .collection-page__description .two-sevenths, .product__description .two-sevenths, .page-section .two-sevenths { width: calc(28.5714285714% - 1rem); } .static-page .three-sevenths, .collection-page__description .three-sevenths, .product__description .three-sevenths, .page-section .three-sevenths { width: calc(42.8571428571% - 1rem); } .static-page .four-sevenths, .collection-page__description .four-sevenths, .product__description .four-sevenths, .page-section .four-sevenths { width: calc(57.1428571429% - 1rem); } .static-page .five-sevenths, .collection-page__description .five-sevenths, .product__description .five-sevenths, .page-section .five-sevenths { width: calc(71.4285714286% - 1rem); } .static-page .one-eighth, .collection-page__description .one-eighth, .product__description .one-eighth, .page-section .one-eighth { width: calc(12.5% - 1rem); } .static-page .two-eighths, .collection-page__description .two-eighths, .product__description .two-eighths, .page-section .two-eighths { width: calc(25% - 1rem); } .static-page .three-eighths, .collection-page__description .three-eighths, .product__description .three-eighths, .page-section .three-eighths { width: calc(37.5% - 1rem); } .static-page .four-eighths, .collection-page__description .four-eighths, .product__description .four-eighths, .page-section .four-eighths { width: calc(50% - 1rem); } .static-page .five-eighths, .collection-page__description .five-eighths, .product__description .five-eighths, .page-section .five-eighths { width: calc(62.5% - 1rem); } .static-page .six-eighths, .collection-page__description .six-eighths, .product__description .six-eighths, .page-section .six-eighths { width: calc(75% - 1rem); } .static-page .seven-eighths, .collection-page__description .seven-eighths, .product__description .seven-eighths, .page-section .seven-eighths { width: calc(87.5% - 1rem); } .static-page .one-tenth, .collection-page__description .one-tenth, .product__description .one-tenth, .page-section .one-tenth { width: calc(10% - 1rem); } .static-page .two-tenths, .collection-page__description .two-tenths, .product__description .two-tenths, .page-section .two-tenths { width: calc(20% - 1rem); } .static-page .three-tenths, .collection-page__description .three-tenths, .product__description .three-tenths, .page-section .three-tenths { width: calc(30% - 1rem); } .static-page .four-tenths, .collection-page__description .four-tenths, .product__description .four-tenths, .page-section .four-tenths { width: calc(40% - 1rem); } .static-page .five-tenths, .collection-page__description .five-tenths, .product__description .five-tenths, .page-section .five-tenths { width: calc(50% - 1rem); } .static-page .six-tenths, .collection-page__description .six-tenths, .product__description .six-tenths, .page-section .six-tenths { width: calc(60% - 1rem); } .static-page .seven-tenths, .collection-page__description .seven-tenths, .product__description .seven-tenths, .page-section .seven-tenths { width: calc(70% - 1rem); } .static-page .eight-tenths, .collection-page__description .eight-tenths, .product__description .eight-tenths, .page-section .eight-tenths { width: calc(80% - 1rem); } .static-page .nine-tenths, .collection-page__description .nine-tenths, .product__description .nine-tenths, .page-section .nine-tenths { width: calc(90% - 1rem); } .static-page .one-twelfth, .collection-page__description .one-twelfth, .product__description .one-twelfth, .page-section .one-twelfth { width: calc(8.3333333333% - 1rem); } .static-page .two-twelfths, .collection-page__description .two-twelfths, .product__description .two-twelfths, .page-section .two-twelfths { width: calc(16.6666666667% - 1rem); } .static-page .three-twelfths, .collection-page__description .three-twelfths, .product__description .three-twelfths, .page-section .three-twelfths { width: calc(25% - 1rem); } .static-page .four-twelfths, .collection-page__description .four-twelfths, .product__description .four-twelfths, .page-section .four-twelfths { width: calc(33.3333333333% - 1rem); } .static-page .five-twelfths, .collection-page__description .five-twelfths, .product__description .five-twelfths, .page-section .five-twelfths { width: calc(41.6666666667% - 1rem); } .static-page .six-twelfths, .collection-page__description .six-twelfths, .product__description .six-twelfths, .page-section .six-twelfths { width: calc(50% - 1rem); } .static-page .seven-twelfths, .collection-page__description .seven-twelfths, .product__description .seven-twelfths, .page-section .seven-twelfths { width: calc(58.3333333333% - 1rem); } .static-page .eight-twelfths, .collection-page__description .eight-twelfths, .product__description .eight-twelfths, .page-section .eight-twelfths { width: calc(66.6666666667% - 1rem); } .static-page .nine-twelfths, .collection-page__description .nine-twelfths, .product__description .nine-twelfths, .page-section .nine-twelfths { width: calc(75% - 1rem); } .static-page .ten-twelfths, .collection-page__description .ten-twelfths, .product__description .ten-twelfths, .page-section .ten-twelfths { width: calc(83.3333333333% - 1rem); } .static-page .eleven-twelfths, .collection-page__description .eleven-twelfths, .product__description .eleven-twelfths, .page-section .eleven-twelfths { width: calc(91.6666666667% - 1rem); } .static-page .offset-by-one, .collection-page__description .offset-by-one, .product__description .offset-by-one, .page-section .offset-by-one { left: calc(6.25%); } .static-page .offset-by-two, .collection-page__description .offset-by-two, .product__description .offset-by-two, .page-section .offset-by-two { left: calc(12.5%); } .static-page .offset-by-three, .collection-page__description .offset-by-three, .product__description .offset-by-three, .page-section .offset-by-three { left: calc(18.75%); } .static-page .offset-by-four, .collection-page__description .offset-by-four, .product__description .offset-by-four, .page-section .offset-by-four { left: calc(25%); } .static-page .offset-by-five, .collection-page__description .offset-by-five, .product__description .offset-by-five, .page-section .offset-by-five { left: calc(31.25%); } .static-page .offset-by-six, .collection-page__description .offset-by-six, .product__description .offset-by-six, .page-section .offset-by-six { left: calc(37.5%); } .static-page .offset-by-seven, .collection-page__description .offset-by-seven, .product__description .offset-by-seven, .page-section .offset-by-seven { left: calc(43.75%); } .static-page .offset-by-eight, .collection-page__description .offset-by-eight, .product__description .offset-by-eight, .page-section .offset-by-eight { left: calc(50%); } .static-page .offset-by-nine, .collection-page__description .offset-by-nine, .product__description .offset-by-nine, .page-section .offset-by-nine { left: calc(56.25%); } .static-page .offset-by-ten, .collection-page__description .offset-by-ten, .product__description .offset-by-ten, .page-section .offset-by-ten { left: calc(62.5%); } .static-page .offset-by-eleven, .collection-page__description .offset-by-eleven, .product__description .offset-by-eleven, .page-section .offset-by-eleven { left: calc(68.75%); } .static-page .offset-by-twelve, .collection-page__description .offset-by-twelve, .product__description .offset-by-twelve, .page-section .offset-by-twelve { left: calc(75%); } .static-page .offset-by-thirteen, .collection-page__description .offset-by-thirteen, .product__description .offset-by-thirteen, .page-section .offset-by-thirteen { left: calc(81.25%); } .static-page .offset-by-fourteen, .collection-page__description .offset-by-fourteen, .product__description .offset-by-fourteen, .page-section .offset-by-fourteen { left: calc(87.5%); } .static-page .offset-by-fifteen, .collection-page__description .offset-by-fifteen, .product__description .offset-by-fifteen, .page-section .offset-by-fifteen { left: calc(93.75%); } .static-page .equal-columns--outside-trim .one-half:nth-of-type(2n), .static-page .equal-columns--outside-trim .eight:nth-of-type(2n), .static-page .equal-columns--outside-trim .one-third:nth-of-type(3n), .static-page .equal-columns--outside-trim .one-fourth:nth-of-type(4n), .static-page .equal-columns--outside-trim .four:nth-of-type(4n), .static-page .equal-columns--outside-trim .one-fifth:nth-of-type(5n), .static-page .equal-columns--outside-trim .one-sixth:nth-of-type(6n), .static-page .equal-columns--outside-trim .one-seventh:nth-of-type(7n), .static-page .equal-columns--outside-trim .two:nth-of-type(8n), .collection-page__description .equal-columns--outside-trim .one-half:nth-of-type(2n), .collection-page__description .equal-columns--outside-trim .eight:nth-of-type(2n), .collection-page__description .equal-columns--outside-trim .one-third:nth-of-type(3n), .collection-page__description .equal-columns--outside-trim .one-fourth:nth-of-type(4n), .collection-page__description .equal-columns--outside-trim .four:nth-of-type(4n), .collection-page__description .equal-columns--outside-trim .one-fifth:nth-of-type(5n), .collection-page__description .equal-columns--outside-trim .one-sixth:nth-of-type(6n), .collection-page__description .equal-columns--outside-trim .one-seventh:nth-of-type(7n), .collection-page__description .equal-columns--outside-trim .two:nth-of-type(8n), .product__description .equal-columns--outside-trim .one-half:nth-of-type(2n), .product__description .equal-columns--outside-trim .eight:nth-of-type(2n), .product__description .equal-columns--outside-trim .one-third:nth-of-type(3n), .product__description .equal-columns--outside-trim .one-fourth:nth-of-type(4n), .product__description .equal-columns--outside-trim .four:nth-of-type(4n), .product__description .equal-columns--outside-trim .one-fifth:nth-of-type(5n), .product__description .equal-columns--outside-trim .one-sixth:nth-of-type(6n), .product__description .equal-columns--outside-trim .one-seventh:nth-of-type(7n), .product__description .equal-columns--outside-trim .two:nth-of-type(8n), .page-section .equal-columns--outside-trim .one-half:nth-of-type(2n), .page-section .equal-columns--outside-trim .eight:nth-of-type(2n), .page-section .equal-columns--outside-trim .one-third:nth-of-type(3n), .page-section .equal-columns--outside-trim .one-fourth:nth-of-type(4n), .page-section .equal-columns--outside-trim .four:nth-of-type(4n), .page-section .equal-columns--outside-trim .one-fifth:nth-of-type(5n), .page-section .equal-columns--outside-trim .one-sixth:nth-of-type(6n), .page-section .equal-columns--outside-trim .one-seventh:nth-of-type(7n), .page-section .equal-columns--outside-trim .two:nth-of-type(8n) { margin-right: 0; } .static-page .equal-columns--outside-trim .one-half:nth-of-type(2n+1), .static-page .equal-columns--outside-trim .eight:nth-of-type(2n+1), .static-page .equal-columns--outside-trim .one-third:nth-of-type(3n+1), .static-page .equal-columns--outside-trim .one-fourth:nth-of-type(4n+1), .static-page .equal-columns--outside-trim .four:nth-of-type(4n+1), .static-page .equal-columns--outside-trim .one-fifth:nth-of-type(5n+1), .static-page .equal-columns--outside-trim .one-sixth:nth-of-type(6n+1), .static-page .equal-columns--outside-trim .one-seventh:nth-of-type(7n+1), .static-page .equal-columns--outside-trim .two:nth-of-type(8n+1), .collection-page__description .equal-columns--outside-trim .one-half:nth-of-type(2n+1), .collection-page__description .equal-columns--outside-trim .eight:nth-of-type(2n+1), .collection-page__description .equal-columns--outside-trim .one-third:nth-of-type(3n+1), .collection-page__description .equal-columns--outside-trim .one-fourth:nth-of-type(4n+1), .collection-page__description .equal-columns--outside-trim .four:nth-of-type(4n+1), .collection-page__description .equal-columns--outside-trim .one-fifth:nth-of-type(5n+1), .collection-page__description .equal-columns--outside-trim .one-sixth:nth-of-type(6n+1), .collection-page__description .equal-columns--outside-trim .one-seventh:nth-of-type(7n+1), .collection-page__description .equal-columns--outside-trim .two:nth-of-type(8n+1), .product__description .equal-columns--outside-trim .one-half:nth-of-type(2n+1), .product__description .equal-columns--outside-trim .eight:nth-of-type(2n+1), .product__description .equal-columns--outside-trim .one-third:nth-of-type(3n+1), .product__description .equal-columns--outside-trim .one-fourth:nth-of-type(4n+1), .product__description .equal-columns--outside-trim .four:nth-of-type(4n+1), .product__description .equal-columns--outside-trim .one-fifth:nth-of-type(5n+1), .product__description .equal-columns--outside-trim .one-sixth:nth-of-type(6n+1), .product__description .equal-columns--outside-trim .one-seventh:nth-of-type(7n+1), .product__description .equal-columns--outside-trim .two:nth-of-type(8n+1), .page-section .equal-columns--outside-trim .one-half:nth-of-type(2n+1), .page-section .equal-columns--outside-trim .eight:nth-of-type(2n+1), .page-section .equal-columns--outside-trim .one-third:nth-of-type(3n+1), .page-section .equal-columns--outside-trim .one-fourth:nth-of-type(4n+1), .page-section .equal-columns--outside-trim .four:nth-of-type(4n+1), .page-section .equal-columns--outside-trim .one-fifth:nth-of-type(5n+1), .page-section .equal-columns--outside-trim .one-sixth:nth-of-type(6n+1), .page-section .equal-columns--outside-trim .one-seventh:nth-of-type(7n+1), .page-section .equal-columns--outside-trim .two:nth-of-type(8n+1) { margin-left: 0; } .static-page .equal-columns--outside-trim .one-whole:nth-of-type(1n+1), .collection-page__description .equal-columns--outside-trim .one-whole:nth-of-type(1n+1), .product__description .equal-columns--outside-trim .one-whole:nth-of-type(1n+1), .page-section .equal-columns--outside-trim .one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } .static-page .equal-columns--outside-trim .one-half, .collection-page__description .equal-columns--outside-trim .one-half, .product__description .equal-columns--outside-trim .one-half, .page-section .equal-columns--outside-trim .one-half { width: calc(50% - (1rem - (1rem / 2))); } .static-page .equal-columns--outside-trim .one-third, .collection-page__description .equal-columns--outside-trim .one-third, .product__description .equal-columns--outside-trim .one-third, .page-section .equal-columns--outside-trim .one-third { width: calc(33.3333333333% - (1rem - (1rem / 3))); } .static-page .equal-columns--outside-trim .one-fifth, .collection-page__description .equal-columns--outside-trim .one-fifth, .product__description .equal-columns--outside-trim .one-fifth, .page-section .equal-columns--outside-trim .one-fifth { width: calc(20% - (1rem - (1rem / 5))); } .static-page .equal-columns--outside-trim .one-fourth, .collection-page__description .equal-columns--outside-trim .one-fourth, .product__description .equal-columns--outside-trim .one-fourth, .page-section .equal-columns--outside-trim .one-fourth { width: calc(25% - (1rem - (1rem / 4))); } .static-page .equal-columns--outside-trim .one-sixth, .collection-page__description .equal-columns--outside-trim .one-sixth, .product__description .equal-columns--outside-trim .one-sixth, .page-section .equal-columns--outside-trim .one-sixth { width: calc(16.6666666667% - (1rem - (1rem / 6))); } .static-page .equal-columns--outside-trim .one-seventh, .collection-page__description .equal-columns--outside-trim .one-seventh, .product__description .equal-columns--outside-trim .one-seventh, .page-section .equal-columns--outside-trim .one-seventh { width: calc(14.2857142857% - (1rem - (1rem / 7))); } .static-page .equal-columns--outside-trim .two, .collection-page__description .equal-columns--outside-trim .two, .product__description .equal-columns--outside-trim .two, .page-section .equal-columns--outside-trim .two { width: calc(12.5% - (1rem - (1rem / 8))); } .static-page .equal-columns--outside-trim .four, .collection-page__description .equal-columns--outside-trim .four, .product__description .equal-columns--outside-trim .four, .page-section .equal-columns--outside-trim .four { width: calc(25% - (1rem - (1rem / 4))); } .static-page .equal-columns--outside-trim .seven, .collection-page__description .equal-columns--outside-trim .seven, .product__description .equal-columns--outside-trim .seven, .page-section .equal-columns--outside-trim .seven { width: calc(43.75% - (1rem - (1rem / 2))); } .static-page .equal-columns--outside-trim .eight, .collection-page__description .equal-columns--outside-trim .eight, .product__description .equal-columns--outside-trim .eight, .page-section .equal-columns--outside-trim .eight { width: calc(50% - (1rem / 2)); } .static-page .equal-columns--outside-trim .nine, .collection-page__description .equal-columns--outside-trim .nine, .product__description .equal-columns--outside-trim .nine, .page-section .equal-columns--outside-trim .nine { width: calc(56.25% - (1rem - (1rem / 2))); } .static-page .has-no-side-gutter.has-background, .collection-page__description .has-no-side-gutter.has-background, .product__description .has-no-side-gutter.has-background, .page-section .has-no-side-gutter.has-background { padding-right: 0; padding-left: 0; } .static-page .has-no-side-gutter .one-whole, .static-page .has-no-side-gutter .one-half, .static-page .has-no-side-gutter .eight, .static-page .has-no-side-gutter .one-third, .static-page .has-no-side-gutter .two-thirds, .static-page .has-no-side-gutter .one-fourth, .static-page .has-no-side-gutter .four, .static-page .has-no-side-gutter .one-fifth, .static-page .has-no-side-gutter .three-fifths, .static-page .has-no-side-gutter .two-fifths, .static-page .has-no-side-gutter .one-sixth, .static-page .has-no-side-gutter .one-seventh, .static-page .has-no-side-gutter .one-eighth, .static-page .has-no-side-gutter .two, .collection-page__description .has-no-side-gutter .one-whole, .collection-page__description .has-no-side-gutter .one-half, .collection-page__description .has-no-side-gutter .eight, .collection-page__description .has-no-side-gutter .one-third, .collection-page__description .has-no-side-gutter .two-thirds, .collection-page__description .has-no-side-gutter .one-fourth, .collection-page__description .has-no-side-gutter .four, .collection-page__description .has-no-side-gutter .one-fifth, .collection-page__description .has-no-side-gutter .three-fifths, .collection-page__description .has-no-side-gutter .two-fifths, .collection-page__description .has-no-side-gutter .one-sixth, .collection-page__description .has-no-side-gutter .one-seventh, .collection-page__description .has-no-side-gutter .one-eighth, .collection-page__description .has-no-side-gutter .two, .product__description .has-no-side-gutter .one-whole, .product__description .has-no-side-gutter .one-half, .product__description .has-no-side-gutter .eight, .product__description .has-no-side-gutter .one-third, .product__description .has-no-side-gutter .two-thirds, .product__description .has-no-side-gutter .one-fourth, .product__description .has-no-side-gutter .four, .product__description .has-no-side-gutter .one-fifth, .product__description .has-no-side-gutter .three-fifths, .product__description .has-no-side-gutter .two-fifths, .product__description .has-no-side-gutter .one-sixth, .product__description .has-no-side-gutter .one-seventh, .product__description .has-no-side-gutter .one-eighth, .product__description .has-no-side-gutter .two, .page-section .has-no-side-gutter .one-whole, .page-section .has-no-side-gutter .one-half, .page-section .has-no-side-gutter .eight, .page-section .has-no-side-gutter .one-third, .page-section .has-no-side-gutter .two-thirds, .page-section .has-no-side-gutter .one-fourth, .page-section .has-no-side-gutter .four, .page-section .has-no-side-gutter .one-fifth, .page-section .has-no-side-gutter .three-fifths, .page-section .has-no-side-gutter .two-fifths, .page-section .has-no-side-gutter .one-sixth, .page-section .has-no-side-gutter .one-seventh, .page-section .has-no-side-gutter .one-eighth, .page-section .has-no-side-gutter .two { margin-right: 0; margin-left: 0; } .static-page .has-no-side-gutter .one-whole, .collection-page__description .has-no-side-gutter .one-whole, .product__description .has-no-side-gutter .one-whole, .page-section .has-no-side-gutter .one-whole { width: 100%; } .static-page .has-no-side-gutter .one-half, .collection-page__description .has-no-side-gutter .one-half, .product__description .has-no-side-gutter .one-half, .page-section .has-no-side-gutter .one-half { width: 50%; } .static-page .has-no-side-gutter .one-third, .collection-page__description .has-no-side-gutter .one-third, .product__description .has-no-side-gutter .one-third, .page-section .has-no-side-gutter .one-third { width: 33.3333333333%; } .static-page .has-no-side-gutter .one-fourth, .collection-page__description .has-no-side-gutter .one-fourth, .product__description .has-no-side-gutter .one-fourth, .page-section .has-no-side-gutter .one-fourth { width: 25%; } .static-page .has-no-side-gutter .one-fifth, .collection-page__description .has-no-side-gutter .one-fifth, .product__description .has-no-side-gutter .one-fifth, .page-section .has-no-side-gutter .one-fifth { width: 20%; } .static-page .has-no-side-gutter .two-fifths, .collection-page__description .has-no-side-gutter .two-fifths, .product__description .has-no-side-gutter .two-fifths, .page-section .has-no-side-gutter .two-fifths { width: 40%; } .static-page .has-no-side-gutter .three-fifths, .collection-page__description .has-no-side-gutter .three-fifths, .product__description .has-no-side-gutter .three-fifths, .page-section .has-no-side-gutter .three-fifths { width: 60%; } .static-page .has-no-side-gutter .one-sixth, .collection-page__description .has-no-side-gutter .one-sixth, .product__description .has-no-side-gutter .one-sixth, .page-section .has-no-side-gutter .one-sixth { width: 16.6666666667%; } .static-page .has-no-side-gutter .one-seventh, .collection-page__description .has-no-side-gutter .one-seventh, .product__description .has-no-side-gutter .one-seventh, .page-section .has-no-side-gutter .one-seventh { width: 14.2857142857%; } .static-page .has-no-side-gutter .one-eighth, .collection-page__description .has-no-side-gutter .one-eighth, .product__description .has-no-side-gutter .one-eighth, .page-section .has-no-side-gutter .one-eighth { width: 12.5%; } .static-page .has-no-side-gutter .two-thirds, .collection-page__description .has-no-side-gutter .two-thirds, .product__description .has-no-side-gutter .two-thirds, .page-section .has-no-side-gutter .two-thirds { width: 66.6666666667%; } .static-page .has-no-side-gutter .two, .collection-page__description .has-no-side-gutter .two, .product__description .has-no-side-gutter .two, .page-section .has-no-side-gutter .two { width: 12.5%; } .static-page .has-no-side-gutter .four, .collection-page__description .has-no-side-gutter .four, .product__description .has-no-side-gutter .four, .page-section .has-no-side-gutter .four { width: 25%; } .static-page .has-no-side-gutter .seven, .collection-page__description .has-no-side-gutter .seven, .product__description .has-no-side-gutter .seven, .page-section .has-no-side-gutter .seven { width: 43.75%; } .static-page .has-no-side-gutter .eight, .collection-page__description .has-no-side-gutter .eight, .product__description .has-no-side-gutter .eight, .page-section .has-no-side-gutter .eight { width: 50%; } .static-page .has-no-side-gutter .nine, .collection-page__description .has-no-side-gutter .nine, .product__description .has-no-side-gutter .nine, .page-section .has-no-side-gutter .nine { width: 56.25%; } .product-thumbnail { position: relative; } .product-thumbnail__media-wrapper { position: relative; margin-bottom: 0.5rem; text-align: center; }.product-thumbnail__media-wrapper .placeholder-svg { display: block; width: auto; height: auto; max-height: 100%; }.product-thumbnail__media { display: block; width: 100%; height: 100%; transition: opacity 0.2s ease; } .product-thumbnail__media img { display: block; width: 100%; height: 100%; object-fit: cover; } .product-thumbnail__media.hidden { visibility: hidden; opacity: 0; } .product-thumbnail__secondary-media { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .product-thumbnail__secondary-media img { display: block; max-height: 100%; } .product-thumbnail__secondary-media.hidden { visibility: hidden; opacity: 0; } .product-thumbnail__video .plyr__controls, .product-thumbnail__video .plyr__control--overlaid { opacity: 0; } .product-thumbnail__video .plyr__controls > *, .product-thumbnail__video .plyr__control--overlaid > * { pointer-events: none; cursor: auto; } .product-thumbnail__video .plyr--video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .product-thumbnail__video .plyr__video-wrapper { height: 100%; } .product-thumbnail__video .plyr video { height: 100%; object-fit: cover; } .product-thumbnail__info { padding-top: 0.5rem; font-size: 0.9375rem; text-align: left; } .product-thumbnail__info--center { text-align: center; } .product-thumbnail__header { display: flex; } .product-thumbnail__title { flex: 1 1 auto; color: #000000; text-decoration: none; min-height:48px; } .product-thumbnail__title:hover { color: #000000; } .product-thumbnail__title:visited { color: #000000; } .product-thumbnail__link { display: block; text-decoration: none; }.product-thumbnail__price { display: block; margin: 0.25rem 0; opacity: 0.7; } .product-thumbnail__info--center .product-thumbnail__price { text-align: center; } @media screen and (min-width: 768px) { .product-thumbnail__info--right .product-thumbnail__price { display: none; } .product-thumbnail__info--center .product-thumbnail__price { min-height: 50px; } .product__add-to-cart-button{ padding: 1rem; } } .product-thumbnail__header .product-thumbnail__price { display: none; } @media screen and (min-width: 768px) { .product-thumbnail__header .product-thumbnail__price { display: block; flex: 0 0 auto; margin: 0 0 0 1.5rem; } } .product-thumbnail__price .money { opacity: 100%; } .product-item__unit-price { font-size: 0.76171875rem; } .product-thumbnail__product-stickers { position: absolute; top: 0; left: 0; display: flex; margin: 0.5rem 0 0 0.5rem; } .product-thumbnail__product-sticker { display: block; padding: 0.25rem; margin-right: 0.5rem; font-size: 0.8203125rem; font-weight: bold; color: #fff; text-align: center; } .product-thumbnail__product-sticker--sale { background: #8a9d9c; } .product-thumbnail__product-sticker--new { background: #2a2a2a; } .product-thumbnail__product-sticker--coming-soon { background: #2a2a2a; } .product-thumbnail__product-sticker--pre-order { background: #2a2a2a; } .product-thumbnail--has-secondary-media-swap img { visibility: visible; } .product-thumbnail--has-secondary-media-swap .product-thumbnail__media-hidden { height: 0 !important; visibility: hidden; opacity: 0; } .product-thumbnail__compare-price { font-weight: normal; color: #8a9d9c; text-decoration: line-through; text-shadow: none; opacity: 0.5; } .product-thumbnail__coming-soon-text, .product-thumbnail__sold-out-text { color: #000000; opacity: 0.7; } .product-thumbnail__quickshop-button { font-family: Lato,sans-serif; font-style: normal; font-weight: 500; display: inline-block; line-height: 1.4; color: #ffffff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; background-color: #fc9f90; border: 1px solid #fc9f90; border-radius: 0; outline: none; transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out; padding: 0.75rem 1rem; font-size: 0.875rem; position: absolute; right: 0; bottom: 0; left: 0; z-index: 10; display: none; justify-content: center; width: calc(100% - 1rem); margin: 0 0.5rem 0.5rem 0.5rem; font-size: 0.8203125rem; text-align: center; border-radius: 0; opacity: 100%; } .product-thumbnail__quickshop-button:visited { color: #ffffff; } .product-thumbnail__quickshop-button:hover:not(:disabled), .product-thumbnail__quickshop-button:focus, .product-thumbnail__quickshop-button:active { color: #FFFFFF; background-color: #fc9f90; border: 1px solid #fc9f90; box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25); } .product-thumbnail__quickshop-button:disabled, .product-thumbnail__quickshop-button.disabled { cursor: not-allowed !important; opacity: 0.4; }.product-thumbnail__quickshop-button { border-radius: 0.25rem; }@media screen and (min-width: 768px) { .product-thumbnail:hover .product-thumbnail__quickshop-button, .product-thumbnail:focus .product-thumbnail__quickshop-button { display: flex; } } .mobile-carousel__pagination { position: absolute; bottom: 0; display: flex; justify-content: center; width: 100%; padding: 0; margin: 0; list-style-type: none; } .mobile-carousel__pagination-item { margin: 0 0.5rem 0 0; } .mobile-carousel__pagination-item:last-child { margin-right: 0; } .mobile-carousel__pagination-button { display: block; width: 0.5rem; height: 0.5rem; padding: 0; margin: 0; cursor: pointer; background-color: #000000; border: none; border-radius: 50%; opacity: 0.5; transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; } .mobile-carousel__pagination-button[data-selected=true] { opacity: 1; transform: scale(1.25); } .product-form__quantity-box-wrapper { margin-bottom: 1.5rem; } .product-form__quantity-box { display: flex; flex-direction: row; flex-wrap: nowrap; max-height: 3rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 0.5rem; justify-content: center; max-width: 6.25rem; margin-top: 0.5rem; margin-bottom: 1rem; } .product-form__quantity-box input { width: 33.3333%; padding: 0.75rem 0; margin: 0.5rem 0; text-align: center; border: 0; -moz-appearance: textfield; } .product-form__quantity-box input::-webkit-inner-spin-button, .product-form__quantity-box input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .product-form__quantity-box button { position: relative; display: flex; justify-content: center; width: 33.3333%; font-size: 0; cursor: pointer; background-color: #fc9f90; border: 0; border-radius: 0.5rem; } .product-form__quantity-box button::after { position: absolute; top: 50%; height: 11px; transform: translateY(-50%); } .product-form__quantity-box .quantity--plus::after { content: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5 10.5C5 10.7761 5.22386 11 5.5 11C5.77614 11 6 10.7761 6 10.5V6H10.5C10.7761 6 11 5.77614 11 5.5C11 5.22386 10.7761 5 10.5 5H6V0.5C6 0.223858 5.77614 0 5.5 0C5.22386 0 5 0.223858 5 0.5V5H0.5C0.223858 5 0 5.22386 0 5.5C0 5.77614 0.223858 6 0.5 6H5V10.5Z" fill="%23ffffff"/%3E%3C/svg%3E'); } .no-js .product-form__quantity-box .quantity--plus { display: none; } .product-form__quantity-box .quantity--minus::after { padding-top: 11px; content: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5C0 0.223858 0.223858 0 0.5 0H10.5C10.7761 0 11 0.223858 11 0.5C11 0.776142 10.7761 1 10.5 1H0.5C0.223858 1 0 0.776142 0 0.5Z" fill="%23ffffff"/%3E%3C/svg%3E'); } .no-js .product-form__quantity-box .quantity--minus { display: none; } .product-form__quantity-box input { padding: 0.75rem 0; margin: 0; } [data-product-quantity-box][data-enabled=false] { display: none; } .product-form__inventory-remaining { /* margin-bottom: 2rem; */ font-size: 0.76171875rem; color: #000000; opacity: 0.6; } [data-inventory-remaining][data-enabled=false] { display: none; } .product__add-to-cart-button { font-family: Lato,sans-serif; font-style: normal; font-weight: 500; display: inline-block; line-height: 1.4; color: #ffffff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; background-color: #fc9f90; border: 1px solid #fc9f90; border-radius: 0; outline: none; transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out; padding: 0.75rem 1rem; font-size: 0.875rem; position: relative; width: 100%; padding: 1rem 1.5rem; } .product__add-to-cart-button:visited { color: #ffffff; } .product__add-to-cart-button:hover:not(:disabled), .product__add-to-cart-button:focus, .product__add-to-cart-button:active { color: #FFFFFF; background-color: #fc9f90; border: 1px solid #fc9f90; box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25); } .product__add-to-cart-button:disabled, .product__add-to-cart-button.disabled { cursor: not-allowed !important; opacity: 0.4; }.product__add-to-cart-button { border-radius: 0.25rem; }.product__add-to-cart-button .loading-icon { display: none; } .product__add-to-cart-button:disabled + .shopify-payment-button, .product__add-to-cart-button:disabled ~ .surface-pick-up { display: none; } .product__add-to-cart-button.cart-drawer--loading { --loading-icon-color: #ffffff; color: transparent; } .product__add-to-cart-button.cart-drawer--loading .loading-icon { display: block; } .product__add-to-cart-button.cart-drawer--loading:hover, .product__add-to-cart-button.cart-drawer--loading:focus { --loading-icon-color: #FFFFFF; color: transparent; } .product__add-to-cart-button--secondary { font-family: Lato,sans-serif; font-style: normal; font-weight: 500; display: inline-block; line-height: 1.4; color: #ffffff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; background-color: #fc9f90; border: 1px solid #fc9f90; border-radius: 0; outline: none; transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out; padding: 0.75rem 1rem; font-size: 0.875rem; color: #fc9f90; background-color: transparent; border: 1px solid #fc9f90; margin: 0 0 0.75rem; } .product__add-to-cart-button--secondary:visited { color: #ffffff; } .product__add-to-cart-button--secondary:hover:not(:disabled), .product__add-to-cart-button--secondary:focus, .product__add-to-cart-button--secondary:active { color: #FFFFFF; background-color: #fc9f90; border: 1px solid #fc9f90; box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25); } .product__add-to-cart-button--secondary:disabled, .product__add-to-cart-button--secondary.disabled { cursor: not-allowed !important; opacity: 0.4; } .product__add-to-cart-button--secondary:visited { color: #fc9f90; } .product__add-to-cart-button--secondary:hover:not(:disabled), .product__add-to-cart-button--secondary:focus, .product__add-to-cart-button--secondary:active { color: #ffffff; background-color: #fc9f90; border: 1px solid #fc9f90; }.product__add-to-cart-button--secondary { border-radius: 0.25rem; }.product__add-to-cart-button--secondary.cart-drawer--loading { --loading-icon-color: #fc9f90; color: transparent; } .product__add-to-cart-button--secondary.cart-drawer--loading:hover, .product__add-to-cart-button--secondary.cart-drawer--loading:focus { --loading-icon-color: #ffffff; color: transparent; } .shopify-payment-button__button.shopify-payment-button__button--unbranded { font-family: Lato,sans-serif; font-style: normal; font-weight: 500; display: inline-block; line-height: 1.4; color: #ffffff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; background-color: #fc9f90; border: 1px solid #fc9f90; border-radius: 0; outline: none; transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out; padding: 0.75rem 1rem; font-size: 0.875rem; } .shopify-payment-button__button.shopify-payment-button__button--unbranded:visited { color: #ffffff; } .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not(:disabled), .shopify-payment-button__button.shopify-payment-button__button--unbranded:focus, .shopify-payment-button__button.shopify-payment-button__button--unbranded:active { color: #FFFFFF; background-color: #fc9f90; border: 1px solid #fc9f90; box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25); } .shopify-payment-button__button.shopify-payment-button__button--unbranded:disabled, .shopify-payment-button__button.shopify-payment-button__button--unbranded.disabled { cursor: not-allowed !important; opacity: 0.4; }.shopify-payment-button__button.shopify-payment-button__button--unbranded { border-radius: 0.25rem; }.shopify-payment-button__button.shopify-payment-button__button--branded button, .shopify-payment-button__button.shopify-payment-button__button--branded div[role=button] { border-radius: 0.25rem !important; }.shopify-payment-button__more-options[aria-hidden=true] { display: none; } .product__title { margin: 0; } .product__vendor { font-size: 0.8203125rem; } .product__collection-link { display: inline-block; padding-bottom: 0.25rem; color: #a25636; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1rem; transition: color 0.2s ease-in-out; font-size: 0.9375rem; text-transform: none; letter-spacing: 0; } .product__collection-link::after { position: relative; display: block; width: 100%; height: 1px; cursor: pointer; content: ""; background-color: #a25636; transform: translateY(0.25rem); } .product__collection-link:hover { color: #a25636; } .product__collection-link:hover::after { background-color: #a25636; } .product__sku { font-size: 0.76171875rem; } .product__collections, .product__tags, .product__types { margin-bottom: 0; } .product__collections a, .product__tags a, .product__types a { display: inline-block; padding: 0.25rem 0.75rem; margin: 0; font-size: 0.76171875rem; color: #000000; text-decoration: none; background-color: rgba(0, 0, 0, 0.1); border-radius: 1.25rem; margin: 0 0.5rem 0.75rem 0; } .product__collections a:visited, .product__tags a:visited, .product__types a:visited { color: #000000; } .product__tags { display: flex; flex-wrap: wrap; } .product__description a { color: #a25636; transition: color 0.2s ease-out; } .product__description a:visited { color: #a25636; } .product__description a:hover, .product__description a:focus, .product__description a:active { color: #a25636; } .product__sku--empty { display: none; } .product-notify-form[data-form-enabled=false] { display: none; } .product-notify-form label { visibility: hidden; } .product-notify-form p { margin-bottom: 0.5rem; } .product-notify-form__button { font-family: Lato,sans-serif; font-style: normal; font-weight: 500; display: inline-block; line-height: 1.4; color: #ffffff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; background-color: #fc9f90; border: 1px solid #fc9f90; border-radius: 0; outline: none; transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out; padding: 0.75rem 1rem; font-size: 0.875rem; width: 100%; } .product-notify-form__button:visited { color: #ffffff; } .product-notify-form__button:hover:not(:disabled), .product-notify-form__button:focus, .product-notify-form__button:active { color: #FFFFFF; background-color: #fc9f90; border: 1px solid #fc9f90; box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25); } .product-notify-form__button:disabled, .product-notify-form__button.disabled { cursor: not-allowed !important; opacity: 0.4; }.product-notify-form__button { border-radius: 0.25rem; }[data-sale=true] [data-product-price] { color: #a25636; } .product__sale-price { color: #a25636; } .price-container { display: flex; display: grid; flex-wrap: wrap; align-items: center; margin-bottom: 0.5rem; } .price-container .product__sold-out-text, .price-container .product__unavailable-text { margin-left: 0.3rem; } .price-container__price { margin-bottom: 0; font-size: 1.2890625rem; } .product__compare-price { font-weight: normal; color: #8a9d9c; text-decoration: line-through; text-shadow: none; opacity: 0.5; } [data-compare-price-visible=false] [data-product-price-compare] { display: none; } .product__sold-out-text, .product__unavailable-text { font-size: 1.2890625rem; } [data-sold-out=false] .product__sold-out-text { display: none; } [data-unavailable=false] .product__unavailable-text { display: none; } .product-form__cart-buttons { padding-top: 0.5rem; } .spr-badge { margin: 0.5rem 0; } .product__size-chart-button { display: inline-block; padding-bottom: 0.25rem; color: #a25636; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1rem; transition: color 0.2s ease-in-out; margin-left: auto; font-size: 0.9375rem; text-transform: none; letter-spacing: 0; cursor: pointer; background: transparent; border: 0; padding: 0; } .product__size-chart-button::after { position: relative; display: block; width: 100%; height: 1px; cursor: pointer; content: ""; background-color: #a25636; transform: translateY(0.25rem); } .product__size-chart-button:hover { color: #a25636; } .product__size-chart-button:hover::after { background-color: #a25636; } .product__size-chart { display: none; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; } .product__size-chart-modal .product__size-chart { display: flex; } .product__size-chart-modal { padding: 3rem 24px; } @media screen and (min-width: 576px) { .product__size-chart-modal { padding: 3rem 32px; } } @media screen and (min-width: 768px) { .product__size-chart-modal { padding: 3.5rem 40px; } } @media screen and (min-width: 960px) { .product__size-chart-modal { padding: 3.5rem 56px; } } .product__size-chart-modal .modal__window { max-width: 800px; max-height: 100vh; height: 100vh; } .product__size-chart-heading { font-size: var(--font-size-heading-5); } [data-selected-variant=false] { display: none; } [data-variant-error-message] { display: none; margin-bottom: 0.5rem; font-size: 0.9375rem; font-weight: bold; color: #ea555c; } .product-form--error-option-unselected .option-name[data-variant-option-chosen-value=false] { color: #ea555c; } .product-form--error-option-unselected [data-variant-error-message] { display: block; } .product__unit-price { display: block; width: 100%; padding-top: 0.25rem; font-size: 0.76171875rem; } .product__unit-price.product__unit-price--hidden { display: none; } .variant-selection[variant=not-selected] ~ .product-form__cart-buttons .shopify-payment-button, .variant-selection[variant=not-selected] ~ .product-form__cart-buttons .surface-pick-up { display: none; } .product-block { margin: 0.75rem 0; } .product-block.product-block--first { margin-top: 0; /* Always remove the top margin from the first product block */ } .options-selection__select-wrapper, .options-selection__radios, .options-selection__swatches { padding: 0; margin-right: 0; margin-left: 0; border: none; } .no-js .options-selection__select-wrapper, .no-js .options-selection__radios, .no-js .options-selection__swatches { display: none; } .options-selection__option-header { margin-bottom: 0.5rem; } .options-selection__option-name { font-weight: bold; } .options-selection__option-name span { font-weight: normal; } .options-selection__option-values { display: flex; flex-wrap: wrap; margin-bottom: 0.75rem; } .options-selection__option-value { margin-right: 0.75rem; margin-bottom: 0.75rem; } .options-selection__option-value-name { display: block; padding: 0.75rem 1rem; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 8px; } .options-selection__option-value-input:disabled + .options-selection__option-value-name { cursor: default; background-image: url('data:image/svg+xml,'); background-size: 100% 100%; outline: none; opacity: 0.5; } .options-selection__option-value-name:focus { outline: 0; } .options-selection__option-value:last-child .options-selection__option-value-name { margin-right: 0; } .options-selection__option-value-input { position: absolute; opacity: 0; } .options-selection__option-value-input:checked + .options-selection__option-value-name { border-color: #000000; } .options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper .options-selection__option-swatch { border-color: #000000; } .options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper .options-selection__option-swatch-inner { background: #fff !important; border-color: #000000; } .options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper .options-selection__option-swatch-inner::after { position: absolute; top: 0.3125rem; left: 0.3125rem; box-sizing: border-box; width: calc(100% - 0.625rem); height: calc(100% - 0.625rem); content: ""; background-color: var(--swatch-color); background-image: var(--swatch-image); background-position: center; background-size: cover; border: 1px solid #e2e2e2; border-radius: 50%; } .options-selection__swatches--variant_image .options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper .options-selection__option-swatch-inner { background: transparent !important; } .options-selection__swatches--variant_image .options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper .options-selection__option-swatch-inner::after { background-color: var(--swatch-color); background-image: none; } .options-selection__swatches--variant_image .options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper [data-variant-image] .options-selection__option-swatch-inner::after { background-color: transparent; background-image: var(--swatch-variant-image); } .options-selection__swatches--variant_image .options-selection__option-swatch-wrapper [data-variant-image] .options-selection__option-swatch-inner { background-color: transparent !important; } .options-selection__option-swatch-wrapper { position: relative; display: block; height: 32px; } [data-variant-option-available=false] .options-selection__option-swatch-wrapper { opacity: 0.6; } .options-selection__option-swatch-wrapper:focus { outline: 0; } .options-selection__option-swatch-wrapper::before { position: absolute; top: 1.5rem; left: 0.375rem; z-index: 3; box-sizing: border-box; display: block; width: auto; padding: 0.25rem 0.5rem; font-size: 0.76171875rem; color: #000000; text-align: center; white-space: nowrap; visibility: hidden; background: #fffded; border-radius: 0.25rem; box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.2); opacity: 0; transition: all 250ms ease-out; transform: translate(-50%, 10px); top: 2.5rem; left: 1.5rem; content: attr(data-swatch-tooltip); } .options-selection__option-swatch-wrapper:hover::before { visibility: visible; opacity: 1; transform: translate(-50%, 0); } .options-selection__option-swatch { height: 100%; } .options-selection__option-value-input:disabled + .options-selection__option-swatch-wrapper .options-selection__option-swatch { position: relative; overflow: hidden; border-radius: 50%; opacity: 0.8; } .options-selection__option-value-input:disabled + .options-selection__option-swatch-wrapper .options-selection__option-swatch::before { cursor: default; background-image: url('data:image/svg+xml,'); background-size: 100% 100%; outline: none; opacity: 0.5; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; opacity: 1; } .options-selection__option-value-input:disabled + .options-selection__option-swatch-wrapper .options-selection__option-swatch-inner { border: 1px solid var(--swatch-color); opacity: 0.8; } .options-selection__option-swatch-inner { width: 0.75rem; height: 0.75rem; margin-top: 0; background-position: center; background-size: cover; border-color: #e2e2e2; border-style: solid; border-width: 1px !important; border-radius: 50%; width: 32px; height: 100%; } .options-selection__select, .form-field-select-wrapper { position: relative; display: flex; flex-direction: column; margin-bottom: 0.5rem; } .options-selection__select .form-field-title, .form-field-select-wrapper .form-field-title { order: 1; } .options-selection__select .form-field-select, .form-field-select-wrapper .form-field-select { order: 2; } .options-selection__select svg, .form-field-select-wrapper svg { display: none; } .options-selection__select::after, .form-field-select-wrapper::after { position: absolute; right: 1.5rem; bottom: 1.5rem; width: 0.5rem; height: auto; pointer-events: none; content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAVElEQVQ4jWNgGAUwoMvAwGBOgnpzqB4UgVcMDAwORGh2gKrFsNCGgYHhJQMDgxMezbaE1OAzhBgLcCokWjM2DSRrhgEHBkhgERu4WIE5A2nROyIBABduEYYDU0uQAAAAAElFTkSuQmCC'); } .user-is-tabbing .variant-selection fieldset:focus-within .options-selection__option-values { align-items: center; } .user-is-tabbing .variant-selection fieldset:focus-within .options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper .options-selection__option-swatch-inner, .user-is-tabbing .variant-selection fieldset:focus-within .options-selection__option-value-input:checked + .options-selection__option-value-name { border: 3px solid #a25636; } ul.tabs { display: block; margin: 0; padding: 0; list-style: none outside; } ul.tabs li { display: inline-block; width: auto; padding: 0; margin: 0; } ul.tabs li a { font-family: "Playfair Display",serif; font-style: normal; font-weight: 400; line-height: 1.3; color: #a25636; text-decoration: none; text-transform: none; letter-spacing: 2px; display: block; text-decoration: none; width: auto; padding-top: 0.75rem; padding-bottom: 0.5rem; margin-right: 1.5rem; font-size: var(--font-size-heading-4); opacity: 0.6; } ul.tabs li a a { color: inherit; text-decoration: none; } ul.tabs li a a:visited, ul.tabs li a a:hover, ul.tabs li a a:focus, ul.tabs li a a:active { color: inherit; } ul.tabs li a.active { opacity: 1; border-bottom: 1px solid #a25636; } ul.tabs-content { margin: 0; padding: 0; display: block; } ul.tabs-content > li { display: none; } ul.tabs-content > li.active { display: block; padding: 1.5rem 0 0; } /* Clearfixing tabs for beautiful stacking */ ul.tabs:before, ul.tabs:after { content: " "; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } ul.tabs:after { clear: both; } ul.tabs { zoom: 1; } .accordion { position: relative; } .accordion dt { border-top: 1px solid #a25636; } .accordion dt a { position: relative; display: flex; align-items: center; padding: 1rem 0; padding-right: 4rem; color: #a25636; text-decoration: none; background: #fffded; padding: 16px 32px 16px 16px; } .accordion dt a.active small::after { content: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5C0 0.223858 0.223858 0 0.5 0H10.5C10.7761 0 11 0.223858 11 0.5C11 0.776142 10.7761 1 10.5 1H0.5C0.223858 1 0 0.776142 0 0.5Z" fill="%23ffffff"/%3E%3C/svg%3E'); } .accordion small { position: absolute; right: 0; padding-right: 0.75rem; padding-left: 2.5rem; font-size: 0; } .accordion small::after { display: block; content: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5 10.5C5 10.7761 5.22386 11 5.5 11C5.77614 11 6 10.7761 6 10.5V6H10.5C10.7761 6 11 5.77614 11 5.5C11 5.22386 10.7761 5 10.5 5H6V0.5C6 0.223858 5.77614 0 5.5 0C5.22386 0 5 0.223858 5 0.5V5H0.5C0.223858 5 0 5.22386 0 5.5C0 5.77614 0.223858 6 0.5 6H5V10.5Z" fill="%23ffffff"/%3E%3C/svg%3E'); } .accordion dd { max-height: 0; margin-left: 0; visibility: hidden; opacity: 0; transition: ease-in-out 0.5s all; } .accordion dd a { color: #a25636; transition: color 0.2s ease-out; } .accordion dd a:visited { color: #a25636; } .accordion dd a:hover, .accordion dd a:focus, .accordion dd a:active { color: #a25636; } .accordion dd.active { max-height: 100vh; padding-bottom: 1rem; visibility: visible; opacity: 1; background: #fffded; padding: 15px 15px; padding-top: 0px; } .collection-swatches { text-align: left; } .product-thumbnail__info--center .collection-swatches { text-align: center; } .collection-swatches__container { display: flex; flex-wrap: wrap; margin: 0.5rem 0 0; } .product-thumbnail__info--center .collection-swatches__container { justify-content: center; } .collection-swatches__swatch { position: relative; margin: 0 0.5rem 0.5rem 0; } .collection-swatches__swatch-inner { width: 0.75rem; height: 0.75rem; margin-top: 0; background-position: center; background-size: cover; border-color: #e2e2e2; border-style: solid; border-width: 1px !important; border-radius: 50%; width: 12px; height: 12px; } /* Tooltips */ .collection-swatches__tooltip { position: absolute; top: 1.5rem; left: 0.375rem; z-index: 3; box-sizing: border-box; display: block; width: auto; padding: 0.25rem 0.5rem; font-size: 0.76171875rem; color: #000000; text-align: center; white-space: nowrap; visibility: hidden; background: #fffded; border-radius: 0.25rem; box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.2); opacity: 0; transition: all 250ms ease-out; transform: translate(-50%, 10px); } .collection-swatches__swatch:hover .collection-swatches__tooltip { visibility: visible; opacity: 1; transform: translate(-50%, 0); } .featured-collection__wrapper--layout-slideshow .collection-swatches__swatch:first-child .collection-swatches__tooltip, .product-recommendations__wrapper--slider-layout .collection-swatches__swatch:first-child .collection-swatches__tooltip { left: 0; transform: translateY(10px); } .featured-collection__wrapper--layout-slideshow .collection-swatches__swatch:first-child:hover .collection-swatches__tooltip, .product-recommendations__wrapper--slider-layout .collection-swatches__swatch:first-child:hover .collection-swatches__tooltip { transform: translateY(0); } .modal--quickshop { padding: 3rem 24px; } @media screen and (min-width: 576px) { .modal--quickshop { padding: 3rem 32px; } } @media screen and (min-width: 768px) { .modal--quickshop { padding: 3.5rem 40px; } } @media screen and (min-width: 960px) { .modal--quickshop { padding: 3.5rem 56px; } } .modal--quickshop .product-content { width: 100%; } .product-quickshop__container { padding: 1.5rem 1rem; } @media screen and (min-width: 768px) { .product-quickshop__container { padding: 1.5rem; } } .product-quickshop__container .surface-pick-up { display: 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; transform: translateZ(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; 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; } .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: #222; } .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; } /*! 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.) */ /* 1. Buttons */ /*