/** Shopify CDN: Minification failed Line 746:4 Unexpected ";" **/ /* ========================================================================================================================================= *\ #Original Styles - Start \* ========================================================================================================================================= */ @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 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -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: 1.48572rem; --font-size-heading-2: 1.2381rem; --font-size-heading-3: 0.9719085rem; --font-size-heading-4: 0.7985745rem; --font-size-heading-5: 0.6623835rem; --font-size-heading-6: 0.5757165rem; --font-size-banner-heading: 1.4762rem; } @media screen and (max-width: 575px) { :root { --font-size-heading-1: 1.5178125rem; --font-size-heading-2: 1.3154375rem; --font-size-heading-3: 1.21425rem; --font-size-heading-4: 1.1130625rem; --font-size-heading-5: 1.011875rem; --font-size-heading-6: 0.9106875rem; } }@font-face { font-family: "Open Sans"; font-weight: 400; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n4.c32e4d4eca5273f6d4ee95ddf54b5bbb75fc9b61.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n4.5f3406f8d94162b37bfa232b486ac93ee892406d.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n7.a9393be1574ea8606c68f4441806b2711d0d13e4.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n7.7b8af34a6ebf52beb1a4c1d8c73ad6910ec2e553.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 300; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n3.b10466eda05a6b2d1ef0f6ba490dcecf7588dd78.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n3.056c4b5dddadba7018747bd50fdaa80430e21710.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 300; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i3.853ebda1c5f31329bb2a566ea7797548807a48bf.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i3.3359d7c8c5a869c65cb7df3aa76a8d52237b1b65.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 300; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i3.853ebda1c5f31329bb2a566ea7797548807a48bf.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i3.3359d7c8c5a869c65cb7df3aa76a8d52237b1b65.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 300; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i3.853ebda1c5f31329bb2a566ea7797548807a48bf.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i3.3359d7c8c5a869c65cb7df3aa76a8d52237b1b65.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n4.c32e4d4eca5273f6d4ee95ddf54b5bbb75fc9b61.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n4.5f3406f8d94162b37bfa232b486ac93ee892406d.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n7.a9393be1574ea8606c68f4441806b2711d0d13e4.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n7.7b8af34a6ebf52beb1a4c1d8c73ad6910ec2e553.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 300; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n3.b10466eda05a6b2d1ef0f6ba490dcecf7588dd78.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n3.056c4b5dddadba7018747bd50fdaa80430e21710.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 300; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i3.853ebda1c5f31329bb2a566ea7797548807a48bf.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i3.3359d7c8c5a869c65cb7df3aa76a8d52237b1b65.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n4.c32e4d4eca5273f6d4ee95ddf54b5bbb75fc9b61.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n4.5f3406f8d94162b37bfa232b486ac93ee892406d.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n7.a9393be1574ea8606c68f4441806b2711d0d13e4.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n7.7b8af34a6ebf52beb1a4c1d8c73ad6910ec2e553.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 300; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n3.b10466eda05a6b2d1ef0f6ba490dcecf7588dd78.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n3.056c4b5dddadba7018747bd50fdaa80430e21710.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 300; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i3.853ebda1c5f31329bb2a566ea7797548807a48bf.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i3.3359d7c8c5a869c65cb7df3aa76a8d52237b1b65.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n4.c32e4d4eca5273f6d4ee95ddf54b5bbb75fc9b61.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n4.5f3406f8d94162b37bfa232b486ac93ee892406d.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n7.a9393be1574ea8606c68f4441806b2711d0d13e4.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n7.7b8af34a6ebf52beb1a4c1d8c73ad6910ec2e553.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 300; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n3.b10466eda05a6b2d1ef0f6ba490dcecf7588dd78.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n3.056c4b5dddadba7018747bd50fdaa80430e21710.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 300; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i3.853ebda1c5f31329bb2a566ea7797548807a48bf.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i3.3359d7c8c5a869c65cb7df3aa76a8d52237b1b65.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n4.c32e4d4eca5273f6d4ee95ddf54b5bbb75fc9b61.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n4.5f3406f8d94162b37bfa232b486ac93ee892406d.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n7.a9393be1574ea8606c68f4441806b2711d0d13e4.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n7.7b8af34a6ebf52beb1a4c1d8c73ad6910ec2e553.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 300; font-style: normal; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_n3.b10466eda05a6b2d1ef0f6ba490dcecf7588dd78.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_n3.056c4b5dddadba7018747bd50fdaa80430e21710.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 300; font-style: italic; font-display: auto; src: url("//brlequine.com/cdn/fonts/open_sans/opensans_i3.853ebda1c5f31329bb2a566ea7797548807a48bf.woff2") format("woff2"), url("//brlequine.com/cdn/fonts/open_sans/opensans_i3.3359d7c8c5a869c65cb7df3aa76a8d52237b1b65.woff") 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: #b75100; 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: #b75100; transform: translateY(0.25rem); } .signpost:hover { color: #282631; } .signpost:hover::after { background-color: #282631; } .js body:not(.user-is-tabbing) a:focus, .js body:not(.user-is-tabbing) button:focus { outline: none; } 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: "Open Sans",sans-serif; font-style: normal; font-weight: 400; padding: 0.75rem 1rem; font-size: 0.8095rem; margin-top: 0.5rem; margin-bottom: 1rem; line-height: 1.4; color: #444444; background: #ffffff; border: 1px solid #dce0e0; transition: border-color 0.2s ease-out; display: block; width: 100%; line-height: 1.4; -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(68, 68, 68, 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: #444444; } 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: #444444; outline: #444444; } 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="%23444444"/%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: "Open Sans",sans-serif; font-style: normal; font-weight: 400; } select { font-family: "Open Sans",sans-serif; font-style: normal; font-weight: 400; padding: 0.75rem 1rem; font-size: 0.8095rem; margin-top: 0.5rem; margin-bottom: 1rem; line-height: 1.4; color: #444444; background: #ffffff; border: 1px solid rgba(68, 68, 68, 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(68, 68, 68, 0.4); } select:active { border-color: #444444; } select:focus { border-color: #444444; outline: #444444; } @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="%23444444" 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: #00b7b7; } .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.8095rem; text-decoration: none; background-color: #ffffff; } .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(68, 68, 68, 0.1); fill: rgba(68, 68, 68, 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(68, 68, 68, 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(68, 68, 68, 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 { font-size: 16px; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; } body { font-family: "Open Sans",sans-serif; font-style: normal; font-weight: 400; font-size: 0.8095rem; line-height: 1.5; color: #444444; text-align: left; word-break: break-word; background-color: #ffffff; } .scroll-locked body { overflow: hidden; touch-action: manipulation; }header, main, footer { width: 100%; margin: 0; } main, footer { z-index: 1; } 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; } } .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: "Open Sans",sans-serif; font-style: normal; font-weight: 400; line-height: 1.3; color: #444444; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; 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: #b75100; transition: color 0.2s ease-out; } a:visited { color: #b75100; } a:hover, a:focus, a:active { color: #282631; } p { margin: 0 0 1.5rem; } p:last-child { margin-bottom: 0; } img { width: auto; max-width: 100%; height: auto; } ol, ul { padding-left: 30px; 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 #e7e7e7; } th { padding: 0.75rem 0.75rem 0.75rem 0; color: #444444; } td { padding: 0.75rem 0.75rem 0.75rem 0; font-size: 0.8095rem; } blockquote { font-family: "Open Sans",sans-serif; font-style: normal; font-weight: 400; position: relative; padding-left: 1.5rem; margin: 1rem 0; font-size: 1.011875rem; border-left: 0.5rem solid #e7e7e7; 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 #e7e7e7; border-width: 1px 0 0; } .breadcrumbs { display: flex; flex-wrap: wrap; margin: 1.5rem 0; font-size: 0.7083125rem; } .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="%23444444"/%3E%3C/svg%3E'); } .breadcrumbs__link { color: #444444; text-decoration: none; } .breadcrumbs__link:visited { color: #444444; } .breadcrumbs__link:hover { color: #282631; 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: 2.75rem; height: 2.75rem; } .pagination__previous-button { margin-right: 1.5rem; } @media screen and (min-width: 768px) { .pagination__previous-button { margin-right: 2rem; } } .pagination__next-button { margin-left: 1.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 1rem; } .pagination__page a { color: #444444; text-decoration: none; border-bottom: 1px solid #ffffff; } .pagination__page a:hover { color: #282631; border-bottom: 1px solid #282631; } .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; } @media screen and (min-width: 768px) { .section-with-sidebar__wrapper { display: flex; } } .sidebar { width: 100%; } @media screen and (min-width: 768px) { .sidebar { flex: 0 0 25%; margin: 0; } } .sidebar__block { border-bottom: 1px solid #e7e7e7; } .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="%23444444"/%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="%23444444"/%3E%3C/svg%3E'); } .sidebar__block-heading { font-family: "Open Sans",sans-serif; font-style: normal; font-weight: 400; padding: 1.5rem 2.5rem 1.5rem 0; margin: 0; font-size: 0.8095rem; font-weight: 700; line-height: 1.5; color: #444444; text-transform: none; letter-spacing: 0; } .sidebar__block-content p { margin-bottom: 1rem; } .sidebar__block-content a { position: relative; color: #713434; } .sidebar__block-content a:visited { color: #713434; } .sidebar__block-content a:hover, .sidebar__block-content a:focus { color: #602a2a; } .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: #713434; text-decoration: none; cursor: pointer; } .sidebar__block-link:visited, .sidebar__tag-link:visited { color: #713434; } .sidebar__block-link:hover, .sidebar__block-link:focus, .sidebar__tag-link:hover, .sidebar__tag-link:focus { color: #602a2a; 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.65771875rem; color: #444444; text-decoration: none; background-color: rgba(68, 68, 68, 0.1); border-radius: 1.25rem; margin: 0 0.5rem 0.5rem 0; color: #444444; } a.sidebar__blog-tag:visited { color: #444444; } a.sidebar__blog-tag:visited { color: #444444; } a.sidebar__blog-tag:hover, a.sidebar__blog-tag:focus { color: #444444; } .sidebar__blog-date { display: block; font-size: 0.65771875rem; } .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: #ffffff; border: none; } .sidebar__search-submit svg { display: block; color: #444444; } .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: "Open Sans",sans-serif; font-style: normal; font-weight: 400; display: inline-block; line-height: 1.4; color: #404040; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; cursor: pointer; background-color: #ffd100; border: 1px solid #ffd100; 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.8095rem; width: 100%; } .sidebar__newsletter-submit:visited { color: #404040; } .sidebar__newsletter-submit:hover:not(:disabled), .sidebar__newsletter-submit:focus, .sidebar__newsletter-submit:active { color: #404040; background-color: #ffee00; border: 1px solid #ffee00; 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__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="%23713434"/%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="%23713434"/%3E%3Ccircle cx="7.99996" cy="7.99996" r="5.33333" fill="%23713434"/%3E%3C/svg%3E'); } .sidebar__block-faceted-search--hidden { display: none; } .static-page .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, .page-section .row { left: 0; width: 100%; } } .static-page .row .column, .static-page .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, .page-section .row .column, .page-section .row .columns { left: 0; width: 100%; margin: 0 0 1rem; } } .static-page [class*=offset-by], .page-section [class*=offset-by] { position: relative; } .static-page .hidden, .page-section .hidden { display: none !important; } .static-page .visible, .page-section .visible { display: block !important; } .static-page .one, .page-section .one { width: calc(6.25% - 1rem); } .static-page .two, .page-section .two { width: calc(12.5% - 1rem); } .static-page .three, .page-section .three { width: calc(18.75% - 1rem); } .static-page .four, .page-section .four { width: calc(25% - 1rem); } .static-page .five, .page-section .five { width: calc(31.25% - 1rem); } .static-page .six, .page-section .six { width: calc(37.5% - 1rem); } .static-page .seven, .page-section .seven { width: calc(43.75% - 1rem); } .static-page .eight, .page-section .eight { width: calc(50% - 1rem); } .static-page .nine, .page-section .nine { width: calc(56.25% - 1rem); } .static-page .ten, .page-section .ten { width: calc(62.5% - 1rem); } .static-page .eleven, .page-section .eleven { width: calc(68.75% - 1rem); } .static-page .twelve, .page-section .twelve { width: calc(75% - 1rem); } .static-page .thirteen, .page-section .thirteen { width: calc(81.25% - 1rem); } .static-page .fourteen, .page-section .fourteen { width: calc(87.5% - 1rem); } .static-page .fifteen, .page-section .fifteen { width: calc(93.75% - 1rem); } .static-page .sixteen, .page-section .sixteen { width: calc(100% - 1rem); } .static-page .one-whole, .page-section .one-whole { width: calc(100% - 1rem); } .static-page .one-half, .page-section .one-half { width: calc(50% - 1rem); } .static-page .one-third, .page-section .one-third { width: calc(33.3333333333% - 1rem); } .static-page .two-thirds, .page-section .two-thirds { width: calc(66.6666666667% - 1rem); } .static-page .one-fourth, .page-section .one-fourth { width: calc(25% - 1rem); } .static-page .two-fourths, .page-section .two-fourths { width: calc(50% - 1rem); } .static-page .three-fourths, .page-section .three-fourths { width: calc(75% - 1rem); } .static-page .one-fifth, .page-section .one-fifth { width: calc(20% - 1rem); } .static-page .two-fifths, .page-section .two-fifths { width: calc(40% - 1rem); } .static-page .three-fifths, .page-section .three-fifths { width: calc(60% - 1rem); } .static-page .four-fifths, .page-section .four-fifths { width: calc(80% - 1rem); } .static-page .one-sixth, .page-section .one-sixth { width: calc(16.6666666667% - 1rem); } .static-page .two-sixths, .page-section .two-sixths { width: calc(33.3333333333% - 1rem); } .static-page .three-sixths, .page-section .three-sixths { width: calc(50% - 1rem); } .static-page .four-sixths, .page-section .four-sixths { width: calc(66.6666666667% - 1rem); } .static-page .five-sixths, .page-section .five-sixths { width: calc(83.3333333333% - 1rem); } .static-page .one-seventh, .page-section .one-seventh { width: calc(14.2857142857% - 1rem); } .static-page .two-sevenths, .page-section .two-sevenths { width: calc(28.5714285714% - 1rem); } .static-page .three-sevenths, .page-section .three-sevenths { width: calc(42.8571428571% - 1rem); } .static-page .four-sevenths, .page-section .four-sevenths { width: calc(57.1428571429% - 1rem); } .static-page .five-sevenths, .page-section .five-sevenths { width: calc(71.4285714286% - 1rem); } .static-page .one-eighth, .page-section .one-eighth { width: calc(12.5% - 1rem); } .static-page .two-eighths, .page-section .two-eighths { width: calc(25% - 1rem); } .static-page .three-eighths, .page-section .three-eighths { width: calc(37.5% - 1rem); } .static-page .four-eighths, .page-section .four-eighths { width: calc(50% - 1rem); } .static-page .five-eighths, .page-section .five-eighths { width: calc(62.5% - 1rem); } .static-page .six-eighths, .page-section .six-eighths { width: calc(75% - 1rem); } .static-page .seven-eighths, .page-section .seven-eighths { width: calc(87.5% - 1rem); } .static-page .one-tenth, .page-section .one-tenth { width: calc(10% - 1rem); } .static-page .two-tenths, .page-section .two-tenths { width: calc(20% - 1rem); } .static-page .three-tenths, .page-section .three-tenths { width: calc(30% - 1rem); } .static-page .four-tenths, .page-section .four-tenths { width: calc(40% - 1rem); } .static-page .five-tenths, .page-section .five-tenths { width: calc(50% - 1rem); } .static-page .six-tenths, .page-section .six-tenths { width: calc(60% - 1rem); } .static-page .seven-tenths, .page-section .seven-tenths { width: calc(70% - 1rem); } .static-page .eight-tenths, .page-section .eight-tenths { width: calc(80% - 1rem); } .static-page .nine-tenths, .page-section .nine-tenths { width: calc(90% - 1rem); } .static-page .one-twelfth, .page-section .one-twelfth { width: calc(8.3333333333% - 1rem); } .static-page .two-twelfths, .page-section .two-twelfths { width: calc(16.6666666667% - 1rem); } .static-page .three-twelfths, .page-section .three-twelfths { width: calc(25% - 1rem); } .static-page .four-twelfths, .page-section .four-twelfths { width: calc(33.3333333333% - 1rem); } .static-page .five-twelfths, .page-section .five-twelfths { width: calc(41.6666666667% - 1rem); } .static-page .six-twelfths, .page-section .six-twelfths { width: calc(50% - 1rem); } .static-page .seven-twelfths, .page-section .seven-twelfths { width: calc(58.3333333333% - 1rem); } .static-page .eight-twelfths, .page-section .eight-twelfths { width: calc(66.6666666667% - 1rem); } .static-page .nine-twelfths, .page-section .nine-twelfths { width: calc(75% - 1rem); } .static-page .ten-twelfths, .page-section .ten-twelfths { width: calc(83.3333333333% - 1rem); } .static-page .eleven-twelfths, .page-section .eleven-twelfths { width: calc(91.6666666667% - 1rem); } .static-page .offset-by-one, .page-section .offset-by-one { left: calc(6.25%); } .static-page .offset-by-two, .page-section .offset-by-two { left: calc(12.5%); } .static-page .offset-by-three, .page-section .offset-by-three { left: calc(18.75%); } .static-page .offset-by-four, .page-section .offset-by-four { left: calc(25%); } .static-page .offset-by-five, .page-section .offset-by-five { left: calc(31.25%); } .static-page .offset-by-six, .page-section .offset-by-six { left: calc(37.5%); } .static-page .offset-by-seven, .page-section .offset-by-seven { left: calc(43.75%); } .static-page .offset-by-eight, .page-section .offset-by-eight { left: calc(50%); } .static-page .offset-by-nine, .page-section .offset-by-nine { left: calc(56.25%); } .static-page .offset-by-ten, .page-section .offset-by-ten { left: calc(62.5%); } .static-page .offset-by-eleven, .page-section .offset-by-eleven { left: calc(68.75%); } .static-page .offset-by-twelve, .page-section .offset-by-twelve { left: calc(75%); } .static-page .offset-by-thirteen, .page-section .offset-by-thirteen { left: calc(81.25%); } .static-page .offset-by-fourteen, .page-section .offset-by-fourteen { left: calc(87.5%); } .static-page .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), .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), .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), .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, .page-section .equal-columns--outside-trim .one-half { width: calc(50% - (1rem - (1rem / 2))); } .static-page .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, .page-section .equal-columns--outside-trim .one-fifth { width: calc(20% - (1rem - (1rem / 5))); } .static-page .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, .page-section .equal-columns--outside-trim .one-sixth { width: calc(16.6666666667% - (1rem - (1rem / 6))); } .static-page .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, .page-section .equal-columns--outside-trim .two { width: calc(12.5% - (1rem - (1rem / 8))); } .static-page .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, .page-section .equal-columns--outside-trim .seven { width: calc(43.75% - (1rem - (1rem / 2))); } .static-page .equal-columns--outside-trim .eight, .page-section .equal-columns--outside-trim .eight { width: calc(50% - (1rem / 2)); } .static-page .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, .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, .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, .page-section .has-no-side-gutter .one-whole { width: 100%; } .static-page .has-no-side-gutter .one-half, .page-section .has-no-side-gutter .one-half { width: 50%; } .static-page .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, .page-section .has-no-side-gutter .one-fourth { width: 25%; } .static-page .has-no-side-gutter .one-fifth, .page-section .has-no-side-gutter .one-fifth { width: 20%; } .static-page .has-no-side-gutter .two-fifths, .page-section .has-no-side-gutter .two-fifths { width: 40%; } .static-page .has-no-side-gutter .three-fifths, .page-section .has-no-side-gutter .three-fifths { width: 60%; } .static-page .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, .page-section .has-no-side-gutter .one-seventh { width: 14.2857142857%; } .static-page .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, .page-section .has-no-side-gutter .two-thirds { width: 66.6666666667%; } .static-page .has-no-side-gutter .two, .page-section .has-no-side-gutter .two { width: 12.5%; } .static-page .has-no-side-gutter .four, .page-section .has-no-side-gutter .four { width: 25%; } .static-page .has-no-side-gutter .seven, .page-section .has-no-side-gutter .seven { width: 43.75%; } .static-page .has-no-side-gutter .eight, .page-section .has-no-side-gutter .eight { width: 50%; } .static-page .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 { display: flex; align-items: center; justify-content: center; height: 210px; } .product-thumbnail__media-wrapper .product-thumbnail__media img { width: 100%; height: 100%; }.product-thumbnail__media-wrapper .placeholder-svg { display: block; width: auto; height: auto; max-height: 100%; }.product-thumbnail__media-wrapper .placeholder-svg { width: 100%; 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.8095rem; text-align: left; } .product-thumbnail__info--center { text-align: center; } .product-thumbnail__header { display: initial; } .product-thumbnail__title { flex: 1 1 auto; color: #444444; text-decoration: none; } .product-thumbnail__title:hover { color: #444444; } .product-thumbnail__title:visited { color: #444444; } .product-thumbnail__link { display: block; text-decoration: none; }.product-thumbnail__link { height: 100%; }.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__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.65771875rem; } .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.7083125rem; font-weight: bold; color: #2d2d2d; text-align: center; } .product-thumbnail__product-sticker--sale { background: #ffffff; } .product-thumbnail__product-sticker--new { background: #ffffff; } .product-thumbnail__product-sticker--coming-soon { background: #ffffff; } .product-thumbnail__product-sticker--pre-order { background: #ffffff; } .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: #444444; text-decoration: line-through; text-shadow: none; opacity: 0.5; } .product-thumbnail__coming-soon-text, .product-thumbnail__sold-out-text { color: #444444; opacity: 0.7; } .product-thumbnail__quickshop-button { font-family: "Open Sans",sans-serif; font-style: normal; font-weight: 400; display: inline-block; line-height: 1.4; color: #404040; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; cursor: pointer; background-color: #ffd100; border: 1px solid #ffd100; 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.8095rem; 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.7083125rem; text-align: center; border-radius: 0; opacity: 100%; } .product-thumbnail__quickshop-button:visited { color: #404040; } .product-thumbnail__quickshop-button:hover:not(:disabled), .product-thumbnail__quickshop-button:focus, .product-thumbnail__quickshop-button:active { color: #404040; background-color: #ffee00; border: 1px solid #ffee00; 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; }@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: #444444; 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(68, 68, 68, 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: transparent; 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="%23444444"/%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="%23444444"/%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.65771875rem; color: #444444; opacity: 0.6; } [data-inventory-remaining][data-enabled=false] { display: none; } .product__add-to-cart-button { font-family: "Open Sans",sans-serif; font-style: normal; font-weight: 400; display: inline-block; line-height: 1.4; color: #404040; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; cursor: pointer; background-color: #ffd100; border: 1px solid #ffd100; 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.8095rem; position: relative; width: 100%; padding: 1rem 1.5rem; } .product__add-to-cart-button:visited { color: #404040; } .product__add-to-cart-button:hover:not(:disabled), .product__add-to-cart-button:focus, .product__add-to-cart-button:active { color: #404040; background-color: #ffee00; border: 1px solid #ffee00; 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 .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: #404040; 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: #404040; color: transparent; } .product__add-to-cart-button--secondary { font-family: "Open Sans",sans-serif; font-style: normal; font-weight: 400; display: inline-block; line-height: 1.4; color: #404040; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; cursor: pointer; background-color: #ffd100; border: 1px solid #ffd100; 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.8095rem; color: #ffd100; background-color: transparent; border: 1px solid #ffd100; margin: 0 0 0.75rem; } .product__add-to-cart-button--secondary:visited { color: #404040; } .product__add-to-cart-button--secondary:hover:not(:disabled), .product__add-to-cart-button--secondary:focus, .product__add-to-cart-button--secondary:active { color: #404040; background-color: #ffee00; border: 1px solid #ffee00; 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: #ffd100; } .product__add-to-cart-button--secondary:hover:not(:disabled), .product__add-to-cart-button--secondary:focus, .product__add-to-cart-button--secondary:active { color: #404040; background-color: #ffd100; border: 1px solid #ffd100; }.product__add-to-cart-button--secondary.cart-drawer--loading { --loading-icon-color: #ffd100; 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: #404040; color: transparent; } .shopify-payment-button__button.shopify-payment-button__button--unbranded { font-family: "Open Sans",sans-serif; font-style: normal; font-weight: 400; display: inline-block; line-height: 1.4; color: #404040; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; cursor: pointer; background-color: #ffd100; border: 1px solid #ffd100; 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.8095rem; } .shopify-payment-button__button.shopify-payment-button__button--unbranded:visited { color: #404040; } .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: #404040; background-color: #ffee00; border: 1px solid #ffee00; 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__more-options[aria-hidden=true] { display: none; } .product__title { margin: 0; } .product__vendor { font-size: 0.7083125rem; } .product__collection-link { display: inline-block; padding-bottom: 0.25rem; color: #b75100; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1rem; transition: color 0.2s ease-in-out; font-size: 0.8095rem; text-transform: none; letter-spacing: 0; } .product__collection-link::after { position: relative; display: block; width: 100%; height: 1px; cursor: pointer; content: ""; background-color: #b75100; transform: translateY(0.25rem); } .product__collection-link:hover { color: #282631; } .product__collection-link:hover::after { background-color: #282631; } .product__sku { font-size: 0.65771875rem; } .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.65771875rem; color: #444444; text-decoration: none; background-color: rgba(68, 68, 68, 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: #444444; } .product__tags { display: flex; flex-wrap: wrap; } .product__description a { color: #b75100; transition: color 0.2s ease-out; } .product__description a:visited { color: #b75100; } .product__description a:hover, .product__description a:focus, .product__description a:active { color: #282631; } .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: "Open Sans",sans-serif; font-style: normal; font-weight: 400; display: inline-block; line-height: 1.4; color: #404040; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; cursor: pointer; background-color: #ffd100; border: 1px solid #ffd100; 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.8095rem; width: 100%; } .product-notify-form__button:visited { color: #404040; } .product-notify-form__button:hover:not(:disabled), .product-notify-form__button:focus, .product-notify-form__button:active { color: #404040; background-color: #ffee00; border: 1px solid #ffee00; 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; }[data-sale=true] [data-product-price] { color: #413d1f; } .product__sale-price { color: #413d1f; } .price-container { display: flex; 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.1130625rem; } .product__compare-price { font-weight: normal; color: #444444; 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.1130625rem; } [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: #b75100; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1rem; transition: color 0.2s ease-in-out; margin-left: auto; font-size: 0.8095rem; 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: #b75100; transform: translateY(0.25rem); } .product__size-chart-button:hover { color: #282631; } .product__size-chart-button:hover::after { background-color: #282631; } .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; } .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: 1.011875rem; 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.65771875rem; } .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(68, 68, 68, 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: #444444; } .options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper .options-selection__option-swatch { border-color: #444444; } .options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper .options-selection__option-swatch-inner { background: #fff !important; border-color: #444444; } .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: 45px; } [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.65771875rem; color: #444444; text-align: center; white-space: nowrap; visibility: hidden; background: #ffffff; 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: 45px; 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: 1rem; bottom: 1.8rem; width: 0.5rem; height: auto; pointer-events: none; content: url('data:image/svg+xml,%3Csvg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM5 5L4.64645 5.35355C4.84171 5.54882 5.15829 5.54882 5.35355 5.35355L5 5ZM1.35355 0.646447C1.15829 0.451184 0.841708 0.451184 0.646446 0.646447C0.451184 0.841709 0.451184 1.15829 0.646446 1.35355L1.35355 0.646447ZM8.64645 0.646447L4.64645 4.64645L5.35355 5.35355L9.35355 1.35355L8.64645 0.646447ZM5.35355 4.64645L1.35355 0.646447L0.646446 1.35355L4.64645 5.35355L5.35355 4.64645Z" fill="%23444444"/%3E%3C/svg%3E'); } .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 #b75100; } 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: "Open Sans",sans-serif; font-style: normal; font-weight: 400; line-height: 1.3; color: #444444; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; 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 #444444; } 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 #e7e7e7; } .accordion dt a { position: relative; display: flex; align-items: center; padding: 1rem 0; padding-right: 4rem; font-weight: 700; color: #444444; text-decoration: none; } .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="%23444444"/%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="%23444444"/%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: #b75100; transition: color 0.2s ease-out; } .accordion dd a:visited { color: #b75100; } .accordion dd a:hover, .accordion dd a:focus, .accordion dd a:active { color: #282631; } .accordion dd.active { max-height: 100vh; padding-bottom: 1rem; visibility: visible; opacity: 1; } .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.65771875rem; color: #444444; text-align: center; white-space: nowrap; visibility: hidden; background: #ffffff; 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 */ /*