/** Shopify CDN: Minification failed
Line 13:0 "@charset" must be the first rule in the file
Line 23015:4 Unexpected "}"
Line 23914:12 Expected identifier but found whitespace
Line 23914:13 Unexpected "("
**/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@1&display=swap');
@charset "UTF-8";
@font-face {
font-family: Raleway;
font-weight: 300;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n3.8b41f9f76b3ea43a64923d0e171aec8d8d64ca51.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n3.0f52cef63575e7aefb853e37056ce58cecface1a.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 300;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i3.732a842f1e4ed33e866d15a6a2d610cca4357b52.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i3.0408a5932dd3b98d37ef870ff904abe87b8fc722.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 400;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n4.2c76ddd103ff0f30b1230f13e160330ff8b2c68a.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n4.c057757dddc39994ad5d9c9f58e7c2c2a72359a9.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 400;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i4.aaa73a72f55a5e60da3e9a082717e1ed8f22f0a2.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i4.650670cc243082f8988ecc5576b6d613cfd5a8ee.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 100;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n1.e5d980f641f072b71e801d4ed82074f4e1965216.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n1.23f758de30d1665f040919c8e41031f943997a1e.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 100;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i1.a8b193dcaf1a8f33db5ed26c557db28e8bcc2dee.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i1.13c9dbb53f1ed073534133fd154b7c25f07f4b0e.woff") format("woff");
}
@font-face {
font-family: "type_body_custom";
font-weight: 400;
font-style: normal;
font-display: auto;
src:
url("//dermtodoor.com/cdn/shop/files/ppneuemontreal-book.woff?v=17138988281059106060")
format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 700;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n7.740cf9e1e4566800071db82eeca3cca45f43ba63.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n7.84943791ecde186400af8db54cf3b5b5e5049a8f.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 700;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i7.6d68e3c55f3382a6b4f1173686f538d89ce56dbc.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i7.ed82a5a5951418ec5b6b0a5010cb65216574b2bd.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 900;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n9.259346ec38ffc48d01e8e17ed4cc049b1f170535.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n9.99d512687b4137f65e71bdf1ce52a546b399ea1a.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 900;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i9.78e3fc385fa8e4cbdeb4270bb9732c7bebef95ab.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i9.2e82488dbbc2b805837d082d6ac2fe85b4e2afd1.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 400;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n4.2c76ddd103ff0f30b1230f13e160330ff8b2c68a.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n4.c057757dddc39994ad5d9c9f58e7c2c2a72359a9.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 400;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i4.aaa73a72f55a5e60da3e9a082717e1ed8f22f0a2.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i4.650670cc243082f8988ecc5576b6d613cfd5a8ee.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 600;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n6.87db7132fdf2b1a000ff834d3753ad5731e10d88.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n6.ad26493e9aeb22e08a6282f7bed6ea8ab7c3927f.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 600;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i6.3ca54d7a36de0718dd80fae3527e1a64a421eeb8.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i6.b468b8770307bd25eee5b284ea3424978349afe2.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 900;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n9.259346ec38ffc48d01e8e17ed4cc049b1f170535.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n9.99d512687b4137f65e71bdf1ce52a546b399ea1a.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 900;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i9.78e3fc385fa8e4cbdeb4270bb9732c7bebef95ab.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i9.2e82488dbbc2b805837d082d6ac2fe85b4e2afd1.woff") format("woff");
}
@font-face {
font-family: "type_heading_custom";
font-weight: 400;
font-style: normal;
font-display: auto;
src:
url("//dermtodoor.com/cdn/shop/files/ppneuemontreal-book.woff?v=17138988281059106060")
format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 300;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n3.8b41f9f76b3ea43a64923d0e171aec8d8d64ca51.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n3.0f52cef63575e7aefb853e37056ce58cecface1a.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 300;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i3.732a842f1e4ed33e866d15a6a2d610cca4357b52.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i3.0408a5932dd3b98d37ef870ff904abe87b8fc722.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 400;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n4.2c76ddd103ff0f30b1230f13e160330ff8b2c68a.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n4.c057757dddc39994ad5d9c9f58e7c2c2a72359a9.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 400;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i4.aaa73a72f55a5e60da3e9a082717e1ed8f22f0a2.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i4.650670cc243082f8988ecc5576b6d613cfd5a8ee.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 100;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n1.e5d980f641f072b71e801d4ed82074f4e1965216.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n1.23f758de30d1665f040919c8e41031f943997a1e.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 100;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i1.a8b193dcaf1a8f33db5ed26c557db28e8bcc2dee.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i1.13c9dbb53f1ed073534133fd154b7c25f07f4b0e.woff") format("woff");
}
@font-face {
font-family: "type_menu_custom";
font-weight: 400;
font-style: normal;
font-display: auto;
src:
url("//dermtodoor.com/cdn/shop/files/ppneuemontreal-book.woff?v=17138988281059106060")
format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 600;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n6.87db7132fdf2b1a000ff834d3753ad5731e10d88.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n6.ad26493e9aeb22e08a6282f7bed6ea8ab7c3927f.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 600;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i6.3ca54d7a36de0718dd80fae3527e1a64a421eeb8.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i6.b468b8770307bd25eee5b284ea3424978349afe2.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 900;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n9.259346ec38ffc48d01e8e17ed4cc049b1f170535.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n9.99d512687b4137f65e71bdf1ce52a546b399ea1a.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 900;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i9.78e3fc385fa8e4cbdeb4270bb9732c7bebef95ab.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i9.2e82488dbbc2b805837d082d6ac2fe85b4e2afd1.woff") format("woff");
}
@font-face {
font-family: "type_section_custom";
font-weight: 400;
font-style: normal;
font-display: auto;
src:
url("//dermtodoor.com/cdn/shop/files/ppneuemontreal-book.woff?v=17138988281059106060")
format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 600;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n6.87db7132fdf2b1a000ff834d3753ad5731e10d88.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n6.ad26493e9aeb22e08a6282f7bed6ea8ab7c3927f.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 600;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i6.3ca54d7a36de0718dd80fae3527e1a64a421eeb8.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i6.b468b8770307bd25eee5b284ea3424978349afe2.woff") format("woff");
}
@font-face {
font-family: "type_button_custom";
font-weight: 400;
font-style: normal;
font-display: auto;
src:
url("//dermtodoor.com/cdn/shop/files/ppneuemontreal-book.woff?v=17138988281059106060")
format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n5.0f898fcb9d16ae9a622ce7e706bb26c4a01b5028.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n5.c754eb57a4de1b66b11f20a04a7e3f1462e000f4.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 500;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i5.7c1179a63f760a1745604b586a712edb951beff6.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i5.0c656ad447ea049e85281d48394058c7bfca3cd7.woff") format("woff");
}
@font-face {
font-family: "type_product_price_custom";
font-weight: 400;
font-style: normal;
font-display: auto;
src:
url("//dermtodoor.com/cdn/shop/files/ppneuemontreal-book.woff?v=17138988281059106060")
format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n5.0f898fcb9d16ae9a622ce7e706bb26c4a01b5028.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n5.c754eb57a4de1b66b11f20a04a7e3f1462e000f4.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 500;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i5.7c1179a63f760a1745604b586a712edb951beff6.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i5.0c656ad447ea049e85281d48394058c7bfca3cd7.woff") format("woff");
}
@font-face {
font-family: "type_product_card_title_custom";
font-weight: 400;
font-style: normal;
font-display: auto;
src:
url("//dermtodoor.com/cdn/shop/files/ppneuemontreal-book.woff?v=17138988281059106060")
format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n5.0f898fcb9d16ae9a622ce7e706bb26c4a01b5028.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n5.c754eb57a4de1b66b11f20a04a7e3f1462e000f4.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 500;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i5.7c1179a63f760a1745604b586a712edb951beff6.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i5.0c656ad447ea049e85281d48394058c7bfca3cd7.woff") format("woff");
}
@font-face {
font-family: "type_product_vendor_custom";
font-weight: 400;
font-style: normal;
font-display: auto;
src:
url("//dermtodoor.com/cdn/shop/files/ppneuemontreal-book.woff?v=17138988281059106060")
format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n5.0f898fcb9d16ae9a622ce7e706bb26c4a01b5028.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n5.c754eb57a4de1b66b11f20a04a7e3f1462e000f4.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 500;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i5.7c1179a63f760a1745604b586a712edb951beff6.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i5.0c656ad447ea049e85281d48394058c7bfca3cd7.woff") format("woff");
}
@font-face {
font-family: "type_footer_heading_custom";
font-weight: 400;
font-style: normal;
font-display: auto;
src:
url("//dermtodoor.com/cdn/shop/files/ppneuemontreal-book.woff?v=17138988281059106060")
format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 300;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n3.8b41f9f76b3ea43a64923d0e171aec8d8d64ca51.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n3.0f52cef63575e7aefb853e37056ce58cecface1a.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 300;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i3.732a842f1e4ed33e866d15a6a2d610cca4357b52.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i3.0408a5932dd3b98d37ef870ff904abe87b8fc722.woff") format("woff");
}
@font-face {
font-family: "type_highlights_bar_custom";
font-weight: 400;
font-style: normal;
font-display: auto;
src:
url("//dermtodoor.com/cdn/shop/files/ppneuemontreal-book.woff?v=17138988281059106060")
format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n5.0f898fcb9d16ae9a622ce7e706bb26c4a01b5028.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n5.c754eb57a4de1b66b11f20a04a7e3f1462e000f4.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 500;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i5.7c1179a63f760a1745604b586a712edb951beff6.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i5.0c656ad447ea049e85281d48394058c7bfca3cd7.woff") format("woff");
}
@font-face {
font-family: "type_signpost_custom";
font-weight: 400;
font-style: normal;
font-display: auto;
src:
url("//dermtodoor.com/cdn/shop/files/ppneuemontreal-book.woff?v=17138988281059106060")
format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 700;
font-style: normal;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_n7.740cf9e1e4566800071db82eeca3cca45f43ba63.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_n7.84943791ecde186400af8db54cf3b5b5e5049a8f.woff") format("woff");
}
@font-face {
font-family: Raleway;
font-weight: 700;
font-style: italic;
font-display: auto;
src: url("//dermtodoor.com/cdn/fonts/raleway/raleway_i7.6d68e3c55f3382a6b4f1173686f538d89ce56dbc.woff2") format("woff2"),
url("//dermtodoor.com/cdn/fonts/raleway/raleway_i7.ed82a5a5951418ec5b6b0a5010cb65216574b2bd.woff") format("woff");
}
:root {--font-size-heading-large: 2.03203125rem;
--font-size-heading-large-base: 15;
--font-size-heading-large-fcscale: 2.125;
--font-size-heading-large-fscale: 1.02;
--font-size-heading-large-fadjust: 0.0;
--font-size-heading-large-mbase: 15.0;
--font-size-heading-large-mfcscale: 2.125;
--font-size-heading-large-mfscale: 1.008;
--font-size-heading-large-mfadjust: 0.0;
--font-size-heading-medium: 1.79296875rem;
--font-size-heading-medium-base: 15;
--font-size-heading-medium-fcscale: 1.875;
--font-size-heading-medium-fscale: 1.02;
--font-size-heading-medium-fadjust: 0.0;
--font-size-heading-medium-mbase: 15.0;
--font-size-heading-medium-mfcscale: 1.875;
--font-size-heading-medium-mfscale: 1.008;
--font-size-heading-medium-mfadjust: 0.0;
--font-size-heading-1: 1.6734375rem;
--font-size-heading-1-base: 15;
--font-size-heading-1-fcscale: 1.75;
--font-size-heading-1-fscale: 1.02;
--font-size-heading-1-fadjust: 0.0;
--font-size-heading-1-mbase: 15.0;
--font-size-heading-1-mfcscale: 1.75;
--font-size-heading-1-mfscale: 1.008;
--font-size-heading-1-mfadjust: 0.0;
--font-size-heading-2: 1.55390625rem;
--font-size-heading-2-base: 15;
--font-size-heading-2-fcscale: 1.625;
--font-size-heading-2-fscale: 1.02;
--font-size-heading-2-fadjust: 0.0;
--font-size-heading-2-mbase: 15.0;
--font-size-heading-2-mfcscale: 1.625;
--font-size-heading-2-mfscale: 1.008;
--font-size-heading-2-mfadjust: 0.0;
--font-size-heading-3: 1.434375rem;
--font-size-heading-3-base: 15;
--font-size-heading-3-fcscale: 1.5;
--font-size-heading-3-fscale: 1.02;
--font-size-heading-3-fadjust: 0.0;
--font-size-heading-3-mbase: 15.0;
--font-size-heading-3-mfcscale: 1.5;
--font-size-heading-3-mfscale: 1.008;
--font-size-heading-3-mfadjust: 0.0;
--font-size-heading-4: 1.1953125rem;
--font-size-heading-4-base: 15;
--font-size-heading-4-fcscale: 1.25;
--font-size-heading-4-fscale: 1.02;
--font-size-heading-4-fadjust: 0.0;
--font-size-heading-4-mbase: 15.0;
--font-size-heading-4-mfcscale: 1.25;
--font-size-heading-4-mfscale: 1.008;
--font-size-heading-4-mfadjust: 0.0;
--font-size-heading-5: 1.0546875rem;
--font-size-heading-5-base: 15;
--font-size-heading-5-fcscale: 1.125;
--font-size-heading-5-fscale: 1.0;
--font-size-heading-5-fadjust: 0.0;
--font-size-heading-5-mbase: 15.0;
--font-size-heading-5-mfcscale: 1.125;
--font-size-heading-5-mfscale: 1.0;
--font-size-heading-5-mfadjust: 0.0;
--font-size-heading-6: 1.0546875rem;
--font-size-heading-6-base: 15;
--font-size-heading-6-fcscale: 1.125;
--font-size-heading-6-fscale: 1.0;
--font-size-heading-6-fadjust: 0.0;
--font-size-heading-6-mbase: 15.0;
--font-size-heading-6-mfcscale: 1.125;
--font-size-heading-6-mfscale: 1.0;
--font-size-heading-6-mfadjust: 0.0;
--font-size-section-heading: 1.209375rem;
--font-size-section-heading-base: 15;
--font-size-section-heading-fcscale: 1.5;
--font-size-section-heading-fscale: 0.86;
--font-size-section-heading-fadjust: 0.0;
--font-size-section-heading-mbase: 15.0;
--font-size-section-heading-mfcscale: 1.5;
--font-size-section-heading-mfscale: 0.944;
--font-size-section-heading-mfadjust: 0.0;
--font-size-highlight-banner-heading: 0.971875rem;
--font-size-highlight-banner-heading-base: 15;
--font-size-highlight-banner-heading-fcscale: 1.125;
--font-size-highlight-banner-heading-fscale: 1.04;
--font-size-highlight-banner-heading-fadjust: -2.0;
--font-size-highlight-banner-heading-mbase: 15.0;
--font-size-highlight-banner-heading-mfcscale: 1.125;
--font-size-highlight-banner-heading-mfscale: 1.024;
--font-size-highlight-banner-heading-mfadjust: 0.0;
--font-size-body-larger: 1.2890625rem;
--font-size-body-larger-base: 15;
--font-size-body-larger-fcscale: 1.375;
--font-size-body-larger-fscale: 1.0;
--font-size-body-larger-fadjust: 0.0;
--font-size-body-larger-mbase: 15.0;
--font-size-body-larger-mfcscale: 1.375;
--font-size-body-larger-mfscale: 1.0;
--font-size-body-larger-mfadjust: 0.0;
--font-size-body-large: 1.171875rem;
--font-size-body-large-base: 15;
--font-size-body-large-fcscale: 1.25;
--font-size-body-large-fscale: 1.0;
--font-size-body-large-fadjust: 0.0;
--font-size-body-large-mbase: 15.0;
--font-size-body-large-mfcscale: 1.25;
--font-size-body-large-mfscale: 1.0;
--font-size-body-large-mfadjust: 0.0;
--font-size-body-medium: 1.0546875rem;
--font-size-body-medium-base: 15;
--font-size-body-medium-fcscale: 1.125;
--font-size-body-medium-fscale: 1.0;
--font-size-body-medium-fadjust: 0.0;
--font-size-body-medium-mbase: 15.0;
--font-size-body-medium-mfcscale: 1.125;
--font-size-body-medium-mfscale: 1.0;
--font-size-body-medium-mfadjust: 0.0;
--font-size-body: 0.9375rem;
--font-size-body-base: 15;
--font-size-body-fcscale: 1.0;
--font-size-body-fscale: 1.0;
--font-size-body-fadjust: 0.0;
--font-size-body-mbase: 15.0;
--font-size-body-mfcscale: 1.0;
--font-size-body-mfscale: 1.0;
--font-size-body-mfadjust: 0.0;
--font-size-form: 0.9375rem;
--font-size-form-base: 15;
--font-size-form-fcscale: 1.0;
--font-size-form-fscale: 1.0;
--font-size-form-fadjust: 0.0;
--font-size-form-mbase: 16.0;
--font-size-form-mfcscale: 1.0;
--font-size-form-mfscale: 1.0;
--font-size-form-mfadjust: 0.0;
--font-size-body-small: 0.87890625rem;
--font-size-body-small-base: 15;
--font-size-body-small-fcscale: 0.9375;
--font-size-body-small-fscale: 1.0;
--font-size-body-small-fadjust: 0.0;
--font-size-body-small-mbase: 15.0;
--font-size-body-small-mfcscale: 0.9375;
--font-size-body-small-mfscale: 1.0;
--font-size-body-small-mfadjust: 0.0;
--font-size-body-smaller: 0.8203125rem;
--font-size-body-smaller-base: 15;
--font-size-body-smaller-fcscale: 0.875;
--font-size-body-smaller-fscale: 1.0;
--font-size-body-smaller-fadjust: 0.0;
--font-size-body-smaller-mbase: 15.0;
--font-size-body-smaller-mfcscale: 0.875;
--font-size-body-smaller-mfscale: 1.0;
--font-size-body-smaller-mfadjust: 0.0;
--font-size-body-smallest: 0.76171875rem;
--font-size-body-smallest-base: 15;
--font-size-body-smallest-fcscale: 0.8125;
--font-size-body-smallest-fscale: 1.0;
--font-size-body-smallest-fadjust: 0.0;
--font-size-body-smallest-mbase: 15.0;
--font-size-body-smallest-mfcscale: 0.8125;
--font-size-body-smallest-mfscale: 1.0;
--font-size-body-smallest-mfadjust: 0.0;
--font-size-body-tiny: 0.703125rem;
--font-size-body-tiny-base: 15;
--font-size-body-tiny-fcscale: 0.75;
--font-size-body-tiny-fscale: 1.0;
--font-size-body-tiny-fadjust: 0.0;
--font-size-body-tiny-mbase: 15.0;
--font-size-body-tiny-mfcscale: 0.75;
--font-size-body-tiny-mfscale: 1.0;
--font-size-body-tiny-mfadjust: 0.0;
--font-size-product-card: 0.91875rem;
--font-size-product-card-base: 15;
--font-size-product-card-fcscale: 1.0;
--font-size-product-card-fscale: 0.98;
--font-size-product-card-fadjust: 0.0;
--font-size-product-card-mbase: 15.0;
--font-size-product-card-mfcscale: 1.0;
--font-size-product-card-mfscale: 0.988;
--font-size-product-card-mfadjust: 0.0;
--font-size-button-small: 0.859375rem;
--font-size-button-small-base: 15;
--font-size-button-small-fcscale: 0.875;
--font-size-button-small-fscale: 1.2;
--font-size-button-small-fadjust: -2.0;
--font-size-button-small-mbase: 15.0;
--font-size-button-small-mfcscale: 0.875;
--font-size-button-small-mfscale: 1.2;
--font-size-button-small-mfadjust: 0.0;
--font-size-button-medium: 1.0rem;
--font-size-button-medium-base: 15;
--font-size-button-medium-fcscale: 1.0;
--font-size-button-medium-fscale: 1.2;
--font-size-button-medium-fadjust: -2.0;
--font-size-button-medium-mbase: 15.0;
--font-size-button-medium-mfcscale: 1.0;
--font-size-button-medium-mfscale: 1.2;
--font-size-button-medium-mfadjust: -1.0;
--font-size-button-large: 1.140625rem;
--font-size-button-large-base: 15;
--font-size-button-large-fcscale: 1.125;
--font-size-button-large-fscale: 1.2;
--font-size-button-large-fadjust: -2.0;
--font-size-button-large-mbase: 15.0;
--font-size-button-large-mfcscale: 1.125;
--font-size-button-large-mfscale: 1.2;
--font-size-button-large-mfadjust: -1.0;
--font-size-button-x-large: 1.3515625rem;
--font-size-button-x-large-base: 15;
--font-size-button-x-large-fcscale: 1.3125;
--font-size-button-x-large-fscale: 1.2;
--font-size-button-x-large-fadjust: -2.0;
--font-size-button-x-large-mbase: 15.0;
--font-size-button-x-large-mfcscale: 1.3125;
--font-size-button-x-large-mfscale: 1.2;
--font-size-button-x-large-mfadjust: -1.0;
--font-size-button-signpost: 0.9375rem;
--font-size-button-signpost-base: 15;
--font-size-button-signpost-fcscale: 1.0;
--font-size-button-signpost-fscale: 1.0;
--font-size-button-signpost-fadjust: 0.0;
--font-size-button-signpost-mbase: 15.0;
--font-size-button-signpost-mfcscale: 1.0;
--font-size-button-signpost-mfscale: 1.0;
--font-size-button-signpost-mfadjust: 0.0;
--font-size-menu-large: 0.976171875rem;
--font-size-menu-large-base: 15;
--font-size-menu-large-fcscale: 1.0625;
--font-size-menu-large-fscale: 0.98;
--font-size-menu-large-fadjust: 0.0;
--font-size-menu-large-mbase: 15.0;
--font-size-menu-large-mfcscale: 1.0625;
--font-size-menu-large-mfscale: 0.99;
--font-size-menu-large-mfadjust: -1.0;
--font-size-menu: 0.85625rem;
--font-size-menu-base: 15;
--font-size-menu-fcscale: 1.0;
--font-size-menu-fscale: 0.98;
--font-size-menu-fadjust: -1.0;
--font-size-menu-mbase: 15.0;
--font-size-menu-mfcscale: 1.0;
--font-size-menu-mfscale: 0.99;
--font-size-menu-mfadjust: 0.0;
--font-size-footer-heading: 0.90859375rem;
--font-size-footer-heading-base: 15;
--font-size-footer-heading-fcscale: 1.125;
--font-size-footer-heading-fscale: 0.98;
--font-size-footer-heading-fadjust: -2.0;
--font-size-footer-heading-mbase: 15.0;
--font-size-footer-heading-mfcscale: 1.125;
--font-size-footer-heading-mfscale: 0.992;
--font-size-footer-heading-mfadjust: 0.0;
--font-size-input: 0.9375rem;
--font-size-input-base: 15;
--font-size-input-fcscale: 1.0;
--font-size-input-fscale: 1.0;
--font-size-input-fadjust: 0.0;
--font-size-input-mbase: 15.0;
--font-size-input-mfcscale: 1.0;
--font-size-input-mfscale: 1.0;
--font-size-input-mfadjust: 0.0;}
@media screen and (max-width: 719px) {
:root {--font-size-heading-large: 2.008125rem;
--font-size-heading-large-base: 15;
--font-size-heading-large-fcscale: 2.125;
--font-size-heading-large-fscale: 1.02;
--font-size-heading-large-fadjust: 0.0;
--font-size-heading-large-mbase: 15.0;
--font-size-heading-large-mfcscale: 2.125;
--font-size-heading-large-mfscale: 1.008;
--font-size-heading-large-mfadjust: 0.0;}}
@media screen and (max-width: 859px) {
:root {--font-size-heading-medium: 1.771875rem;
--font-size-heading-medium-base: 15;
--font-size-heading-medium-fcscale: 1.875;
--font-size-heading-medium-fscale: 1.02;
--font-size-heading-medium-fadjust: 0.0;
--font-size-heading-medium-mbase: 15.0;
--font-size-heading-medium-mfcscale: 1.875;
--font-size-heading-medium-mfscale: 1.008;
--font-size-heading-medium-mfadjust: 0.0;
--font-size-heading-1: 1.65375rem;
--font-size-heading-1-base: 15;
--font-size-heading-1-fcscale: 1.75;
--font-size-heading-1-fscale: 1.02;
--font-size-heading-1-fadjust: 0.0;
--font-size-heading-1-mbase: 15.0;
--font-size-heading-1-mfcscale: 1.75;
--font-size-heading-1-mfscale: 1.008;
--font-size-heading-1-mfadjust: 0.0;
--font-size-heading-2: 1.535625rem;
--font-size-heading-2-base: 15;
--font-size-heading-2-fcscale: 1.625;
--font-size-heading-2-fscale: 1.02;
--font-size-heading-2-fadjust: 0.0;
--font-size-heading-2-mbase: 15.0;
--font-size-heading-2-mfcscale: 1.625;
--font-size-heading-2-mfscale: 1.008;
--font-size-heading-2-mfadjust: 0.0;
--font-size-heading-3: 1.4175rem;
--font-size-heading-3-base: 15;
--font-size-heading-3-fcscale: 1.5;
--font-size-heading-3-fscale: 1.02;
--font-size-heading-3-fadjust: 0.0;
--font-size-heading-3-mbase: 15.0;
--font-size-heading-3-mfcscale: 1.5;
--font-size-heading-3-mfscale: 1.008;
--font-size-heading-3-mfadjust: 0.0;
--font-size-heading-4: 1.18125rem;
--font-size-heading-4-base: 15;
--font-size-heading-4-fcscale: 1.25;
--font-size-heading-4-fscale: 1.02;
--font-size-heading-4-fadjust: 0.0;
--font-size-heading-4-mbase: 15.0;
--font-size-heading-4-mfcscale: 1.25;
--font-size-heading-4-mfscale: 1.008;
--font-size-heading-4-mfadjust: 0.0;
--font-size-heading-5: 1.0546875rem;
--font-size-heading-5-base: 15;
--font-size-heading-5-fcscale: 1.125;
--font-size-heading-5-fscale: 1.0;
--font-size-heading-5-fadjust: 0.0;
--font-size-heading-5-mbase: 15.0;
--font-size-heading-5-mfcscale: 1.125;
--font-size-heading-5-mfscale: 1.0;
--font-size-heading-5-mfadjust: 0.0;
--font-size-heading-6: 1.0546875rem;
--font-size-heading-6-base: 15;
--font-size-heading-6-fcscale: 1.125;
--font-size-heading-6-fscale: 1.0;
--font-size-heading-6-fadjust: 0.0;
--font-size-heading-6-mbase: 15.0;
--font-size-heading-6-mfcscale: 1.125;
--font-size-heading-6-mfscale: 1.0;
--font-size-heading-6-mfadjust: 0.0;
--font-size-section-heading: 1.3275rem;
--font-size-section-heading-base: 15;
--font-size-section-heading-fcscale: 1.5;
--font-size-section-heading-fscale: 0.86;
--font-size-section-heading-fadjust: 0.0;
--font-size-section-heading-mbase: 15.0;
--font-size-section-heading-mfcscale: 1.5;
--font-size-section-heading-mfscale: 0.944;
--font-size-section-heading-mfadjust: 0.0;
--font-size-highlight-banner-heading: 0.955rem;
--font-size-highlight-banner-heading-base: 15;
--font-size-highlight-banner-heading-fcscale: 1.125;
--font-size-highlight-banner-heading-fscale: 1.04;
--font-size-highlight-banner-heading-fadjust: -2.0;
--font-size-highlight-banner-heading-mbase: 15.0;
--font-size-highlight-banner-heading-mfcscale: 1.125;
--font-size-highlight-banner-heading-mfscale: 1.024;
--font-size-highlight-banner-heading-mfadjust: 0.0;
--font-size-body-larger: 1.2890625rem;
--font-size-body-larger-base: 15;
--font-size-body-larger-fcscale: 1.375;
--font-size-body-larger-fscale: 1.0;
--font-size-body-larger-fadjust: 0.0;
--font-size-body-larger-mbase: 15.0;
--font-size-body-larger-mfcscale: 1.375;
--font-size-body-larger-mfscale: 1.0;
--font-size-body-larger-mfadjust: 0.0;
--font-size-body-large: 1.171875rem;
--font-size-body-large-base: 15;
--font-size-body-large-fcscale: 1.25;
--font-size-body-large-fscale: 1.0;
--font-size-body-large-fadjust: 0.0;
--font-size-body-large-mbase: 15.0;
--font-size-body-large-mfcscale: 1.25;
--font-size-body-large-mfscale: 1.0;
--font-size-body-large-mfadjust: 0.0;
--font-size-body-medium: 1.0546875rem;
--font-size-body-medium-base: 15;
--font-size-body-medium-fcscale: 1.125;
--font-size-body-medium-fscale: 1.0;
--font-size-body-medium-fadjust: 0.0;
--font-size-body-medium-mbase: 15.0;
--font-size-body-medium-mfcscale: 1.125;
--font-size-body-medium-mfscale: 1.0;
--font-size-body-medium-mfadjust: 0.0;
--font-size-body: 0.9375rem;
--font-size-body-base: 15;
--font-size-body-fcscale: 1.0;
--font-size-body-fscale: 1.0;
--font-size-body-fadjust: 0.0;
--font-size-body-mbase: 15.0;
--font-size-body-mfcscale: 1.0;
--font-size-body-mfscale: 1.0;
--font-size-body-mfadjust: 0.0;
--font-size-form: 1.0rem;
--font-size-form-base: 15;
--font-size-form-fcscale: 1.0;
--font-size-form-fscale: 1.0;
--font-size-form-fadjust: 0.0;
--font-size-form-mbase: 16.0;
--font-size-form-mfcscale: 1.0;
--font-size-form-mfscale: 1.0;
--font-size-form-mfadjust: 0.0;
--font-size-body-small: 0.87890625rem;
--font-size-body-small-base: 15;
--font-size-body-small-fcscale: 0.9375;
--font-size-body-small-fscale: 1.0;
--font-size-body-small-fadjust: 0.0;
--font-size-body-small-mbase: 15.0;
--font-size-body-small-mfcscale: 0.9375;
--font-size-body-small-mfscale: 1.0;
--font-size-body-small-mfadjust: 0.0;
--font-size-body-smaller: 0.8203125rem;
--font-size-body-smaller-base: 15;
--font-size-body-smaller-fcscale: 0.875;
--font-size-body-smaller-fscale: 1.0;
--font-size-body-smaller-fadjust: 0.0;
--font-size-body-smaller-mbase: 15.0;
--font-size-body-smaller-mfcscale: 0.875;
--font-size-body-smaller-mfscale: 1.0;
--font-size-body-smaller-mfadjust: 0.0;
--font-size-body-smallest: 0.76171875rem;
--font-size-body-smallest-base: 15;
--font-size-body-smallest-fcscale: 0.8125;
--font-size-body-smallest-fscale: 1.0;
--font-size-body-smallest-fadjust: 0.0;
--font-size-body-smallest-mbase: 15.0;
--font-size-body-smallest-mfcscale: 0.8125;
--font-size-body-smallest-mfscale: 1.0;
--font-size-body-smallest-mfadjust: 0.0;
--font-size-body-tiny: 0.703125rem;
--font-size-body-tiny-base: 15;
--font-size-body-tiny-fcscale: 0.75;
--font-size-body-tiny-fscale: 1.0;
--font-size-body-tiny-fadjust: 0.0;
--font-size-body-tiny-mbase: 15.0;
--font-size-body-tiny-mfcscale: 0.75;
--font-size-body-tiny-mfscale: 1.0;
--font-size-body-tiny-mfadjust: 0.0;
--font-size-product-card: 0.92625rem;
--font-size-product-card-base: 15;
--font-size-product-card-fcscale: 1.0;
--font-size-product-card-fscale: 0.98;
--font-size-product-card-fadjust: 0.0;
--font-size-product-card-mbase: 15.0;
--font-size-product-card-mfcscale: 1.0;
--font-size-product-card-mfscale: 0.988;
--font-size-product-card-mfadjust: 0.0;
--font-size-button-small: 0.984375rem;
--font-size-button-small-base: 15;
--font-size-button-small-fcscale: 0.875;
--font-size-button-small-fscale: 1.2;
--font-size-button-small-fadjust: -2.0;
--font-size-button-small-mbase: 15.0;
--font-size-button-small-mfcscale: 0.875;
--font-size-button-small-mfscale: 1.2;
--font-size-button-small-mfadjust: 0.0;
--font-size-button-medium: 1.0625rem;
--font-size-button-medium-base: 15;
--font-size-button-medium-fcscale: 1.0;
--font-size-button-medium-fscale: 1.2;
--font-size-button-medium-fadjust: -2.0;
--font-size-button-medium-mbase: 15.0;
--font-size-button-medium-mfcscale: 1.0;
--font-size-button-medium-mfscale: 1.2;
--font-size-button-medium-mfadjust: -1.0;
--font-size-button-large: 1.203125rem;
--font-size-button-large-base: 15;
--font-size-button-large-fcscale: 1.125;
--font-size-button-large-fscale: 1.2;
--font-size-button-large-fadjust: -2.0;
--font-size-button-large-mbase: 15.0;
--font-size-button-large-mfcscale: 1.125;
--font-size-button-large-mfscale: 1.2;
--font-size-button-large-mfadjust: -1.0;
--font-size-button-x-large: 1.4140625rem;
--font-size-button-x-large-base: 15;
--font-size-button-x-large-fcscale: 1.3125;
--font-size-button-x-large-fscale: 1.2;
--font-size-button-x-large-fadjust: -2.0;
--font-size-button-x-large-mbase: 15.0;
--font-size-button-x-large-mfcscale: 1.3125;
--font-size-button-x-large-mfscale: 1.2;
--font-size-button-x-large-mfadjust: -1.0;
--font-size-button-signpost: 0.9375rem;
--font-size-button-signpost-base: 15;
--font-size-button-signpost-fcscale: 1.0;
--font-size-button-signpost-fscale: 1.0;
--font-size-button-signpost-fadjust: 0.0;
--font-size-button-signpost-mbase: 15.0;
--font-size-button-signpost-mfcscale: 1.0;
--font-size-button-signpost-mfscale: 1.0;
--font-size-button-signpost-mfadjust: 0.0;
--font-size-menu-large: 0.9236328125rem;
--font-size-menu-large-base: 15;
--font-size-menu-large-fcscale: 1.0625;
--font-size-menu-large-fscale: 0.98;
--font-size-menu-large-fadjust: 0.0;
--font-size-menu-large-mbase: 15.0;
--font-size-menu-large-mfcscale: 1.0625;
--font-size-menu-large-mfscale: 0.99;
--font-size-menu-large-mfadjust: -1.0;
--font-size-menu: 0.865625rem;
--font-size-menu-base: 15;
--font-size-menu-fcscale: 1.0;
--font-size-menu-fscale: 0.98;
--font-size-menu-fadjust: -1.0;
--font-size-menu-mbase: 15.0;
--font-size-menu-mfcscale: 1.0;
--font-size-menu-mfscale: 0.99;
--font-size-menu-mfadjust: 0.0;
--font-size-footer-heading: 0.92125rem;
--font-size-footer-heading-base: 15;
--font-size-footer-heading-fcscale: 1.125;
--font-size-footer-heading-fscale: 0.98;
--font-size-footer-heading-fadjust: -2.0;
--font-size-footer-heading-mbase: 15.0;
--font-size-footer-heading-mfcscale: 1.125;
--font-size-footer-heading-mfscale: 0.992;
--font-size-footer-heading-mfadjust: 0.0;
--font-size-input: 0.9375rem;
--font-size-input-base: 15;
--font-size-input-fcscale: 1.0;
--font-size-input-fscale: 1.0;
--font-size-input-fadjust: 0.0;
--font-size-input-mbase: 15.0;
--font-size-input-mfcscale: 1.0;
--font-size-input-mfscale: 1.0;
--font-size-input-mfadjust: 0.0;}}
/* External libraries */
/*! 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;
}
.disclosure {
--disclosure-max-height: 300px;
--disclosure-min-height: 92px;
--disclosure-toggle-text-color: black;
--disclosure-toggle-background-color: transparent;
--disclosure-toggle-border-color: black;
--disclosure-toggle-svg: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
--disclosure-toggle-svg-color: black;
--disclosure-text-color: black;
--disclosure-background-color: white;
--disclosure-border-color: black;
position: relative;
display: inline-block;
}
.disclosure__toggle {
padding: 5px 32px 4px 11px;
color: black;
white-space: nowrap;
background-color: transparent;
border: 1px solid black;
-webkit-appearance: none;
appearance: none;
}
@supports (color: var(--disclosure-toggle-text-color)) {
.disclosure__toggle {
color: var(--disclosure-toggle-text-color);
background-color: var(--disclosure-toggle-background-color);
border: 1px solid var(--disclosure-toggle-border-color);
}
}
.disclosure__toggle:hover {
cursor: pointer;
}
.disclosure__toggle::after {
position: absolute;
top: 50%;
right: 11px;
width: 10px;
height: 7.5px;
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
content: "";
transform: translateY(-50%);
}
@supports ((-webkit-mask-image: var(--disclosure-toggle-svg)) or (mask-image: var(--disclosure-toggle-svg))) {
.disclosure__toggle::after {
background-color: var(--disclosure-toggle-svg-color);
background-image: none;
-webkit-mask-image: var(--disclosure-toggle-svg);
mask-image: var(--disclosure-toggle-svg);
-webkit-mask-size: cover;
mask-size: cover;
}
}
.disclosure-list {
position: absolute;
bottom: 115%;
display: none;
max-height: 300px;
min-height: 92px;
padding: 11px 0;
margin: 0;
overflow-y: auto;
list-style: outside none;
background-color: white;
border: 1px solid black;
border-radius: 0;
}
@supports (max-height: var(--disclosure-max-height)) {
.disclosure-list {
max-height: var(--disclosure-max-height);
min-height: var(--disclosure-min-height);
background-color: var(--disclosure-background-color);
border: 1px solid var(--disclosure-border-color);
}
}
.disclosure-list--visible {
display: block;
}
.disclosure-list--alternate-drop {
right: 0;
}
.disclosure-list__item {
display: block;
padding: 5px 45px 4px 15px;
text-align: left;
text-decoration: none;
white-space: nowrap;
border-bottom: 1px solid transparent;
}
.disclosure-list__item:focus, .disclosure-list__item:hover {
color: black;
text-decoration: underline;
}
@supports (color: var(--disclosure-text-color)) {
.disclosure-list__item:focus, .disclosure-list__item:hover {
color: var(--disclosure-text-color);
}
}
.disclosure-list__item--current {
text-decoration: underline;
}
.disclosure-list__option {
color: inherit;
text-decoration: inherit;
}
/* Setting abstracted libraries */
/* Internal libraries */
*
*
*
*
*
*
*
*
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text, h6, .rte .tabs li,
.rte .tabs li > a, .small-promo-heading, h5, h4, h3, h2, .slideshow-slide-heading, h1 {
font-family: type_heading_custom;
font-style: normal;
font-weight: 400;
letter-spacing: 0.0em;
}.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text, h6, .rte .tabs li,
.rte .tabs li > a, .small-promo-heading, h5, h4, h3, h2, .slideshow-slide-heading, h1 {
text-transform: none;
}.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text b, h6 b, .rte .tabs li b, .small-promo-heading b, h5 b, h4 b, h3 b, h2 b, .slideshow-slide-heading b, h1 b,
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text strong,
h6 strong,
.rte .tabs li strong,
.small-promo-heading strong,
h5 strong,
h4 strong,
h3 strong,
h2 strong,
.slideshow-slide-heading strong,
h1 strong {
font-weight: 900;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text em, h6 em, .rte .tabs li em, .small-promo-heading em, h5 em, h4 em, h3 em, h2 em, .slideshow-slide-heading em, h1 em {
font-style: italic;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text b em, h6 b em, .rte .tabs li b em, .small-promo-heading b em, h5 b em, h4 b em, h3 b em, h2 b em, .slideshow-slide-heading b em, h1 b em,
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text strong em,
h6 strong em,
.rte .tabs li strong em,
.small-promo-heading strong em,
h5 strong em,
h4 strong em,
h3 strong em,
h2 strong em,
.slideshow-slide-heading strong em,
h1 strong em,
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text em b,
h6 em b,
.rte .tabs li em b,
.small-promo-heading em b,
h5 em b,
h4 em b,
h3 em b,
h2 em b,
.slideshow-slide-heading em b,
h1 em b,
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text em strong,
h6 em strong,
.rte .tabs li em strong,
.small-promo-heading em strong,
h5 em strong,
h4 em strong,
h3 em strong,
h2 em strong,
.slideshow-slide-heading em strong,
h1 em strong {
font-style: italic;
}
.slideshow-slide-heading, 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);
}
.rte .tabs li,
.rte .tabs li > a, .small-promo-heading, h5 {
font-size: var(--font-size-heading-5);
}
h6 {
font-size: var(--font-size-heading-6);
}
.mobile-nav-content .navmenu-depth-1 > .navmenu-item > .navmenu-link, .site-header-actions, .site-navigation .navmenu-depth-1 > li > a, .site-navigation a {
font-family: type_menu_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-menu);
letter-spacing: 0.01em;
}.mobile-nav-content .navmenu-depth-1 > .navmenu-item > .navmenu-link, .site-header-actions, .site-navigation .navmenu-depth-1 > li > a, .site-navigation a {
text-transform: uppercase;
}.live-search-button, .shortcode--product-cta:not([hidden])[button-style=secondary], .shortcode--product-cta:not([hidden]):not([button-style]), .smart-payment-enabled .product-form--atc-button, .product-reviews--content .spr-summary-actions-newreview, .utils-sortby--modal-button, .article--excerpt-wrapper--featured .article--excerpt-button, .rte button,
.dynamic-newsletter-text button, .button-secondary, .shortcode--product-cta:not([hidden])[button-style=primary], .shopify-payment-button .shopify-payment-button__button--unbranded, .product-form--atc-button, .image-with-text-button, .shopify-challenge__container .btn, .button-primary, .productgrid--no-results-button {
font-size: var(--font-size-button-small);
padding: 0.6875rem 1.375rem;
letter-spacing: 0.01em;
font-family: type_button_custom;
font-style: normal;
font-weight: 400;
display: inline-block;
text-decoration: none;
cursor: pointer;
border-radius: 10px;
transition: border-color 0.2s ease, background-color 0.2s ease, width 0.2s ease, height 0.2s ease;
}.live-search-button, .shortcode--product-cta:not([hidden])[button-style=secondary], .shortcode--product-cta:not([hidden]):not([button-style]), .smart-payment-enabled .product-form--atc-button, .product-reviews--content .spr-summary-actions-newreview, .utils-sortby--modal-button, .article--excerpt-wrapper--featured .article--excerpt-button, .rte button,
.dynamic-newsletter-text button, .button-secondary, .shortcode--product-cta:not([hidden])[button-style=primary], .shopify-payment-button .shopify-payment-button__button--unbranded, .product-form--atc-button, .image-with-text-button, .shopify-challenge__container .btn, .button-primary, .productgrid--no-results-button {
text-transform: uppercase;
}.cart-checkout .button-primary:disabled:hover, .cart-checkout .button-primary:disabled, .disabled.shortcode--product-cta[button-style=secondary]:not([hidden]), .disabled.shortcode--product-cta:not([hidden]):not([button-style]), .product-reviews--content .disabled.spr-summary-actions-newreview, .disabled.utils-sortby--modal-button, .article--excerpt-wrapper--featured .disabled.article--excerpt-button, .rte button.disabled,
.dynamic-newsletter-text button.disabled, .disabled.button-secondary, .disabled.shortcode--product-cta[button-style=primary]:not([hidden]), .shopify-payment-button .disabled.shopify-payment-button__button--unbranded, .disabled.product-form--atc-button, .disabled.image-with-text-button, .shopify-challenge__container .disabled.btn, .disabled.button-primary, .disabled.productgrid--no-results-button {
color: #696969;
cursor: default;
background-color: #ebebeb;
border: 1px solid #ebebeb;
}
.shortcode--product-cta:not([hidden])[button-style=primary], .shopify-payment-button .shopify-payment-button__button--unbranded, .product-form--atc-button, .image-with-text-button, .shopify-challenge__container .btn, .button-primary, .productgrid--no-results-button {
color: #ffffff;
background-color: #000000;
border: 1px solid #000000;
}
.shortcode--product-cta[button-style=primary]:not(.disabled):hover:not([hidden]), .shopify-payment-button .shopify-payment-button__button--unbranded:not(.disabled):hover, .product-form--atc-button:not(.disabled):hover, .image-with-text-button:not(.disabled):hover, .shopify-challenge__container .btn:not(.disabled):hover, .button-primary:not(.disabled):hover, .productgrid--no-results-button:not(.disabled):hover {
background: #f0e7e0;
border: 1px solid #f0e7e0;
}
.shortcode--product-cta[button-style=primary]:active:not([hidden]), .shopify-payment-button .shopify-payment-button__button--unbranded:active, .product-form--atc-button:active, .image-with-text-button:active, .shopify-challenge__container .btn:active, .button-primary:active, .productgrid--no-results-button:active, .shortcode--product-cta[button-style=primary]:focus:not([hidden]), .shopify-payment-button .shopify-payment-button__button--unbranded:focus, .product-form--atc-button:focus, .image-with-text-button:focus, .shopify-challenge__container .btn:focus, .button-primary:focus, .productgrid--no-results-button:focus {
background: #f0e7e0;
border: 1px solid #f0e7e0;
}
.shortcode--product-cta:not([hidden])[button-style=secondary], .shortcode--product-cta:not([hidden]):not([button-style]), .smart-payment-enabled .product-form--atc-button, .product-reviews--content .spr-summary-actions-newreview, .utils-sortby--modal-button, .article--excerpt-wrapper--featured .article--excerpt-button, .rte button,
.dynamic-newsletter-text button, .button-secondary {
color: #ffffff;
background-color: #000000;
border: 1px solid #000000;
}
.shortcode--product-cta[button-style=secondary]:not(.disabled):hover:not([hidden]), .shortcode--product-cta:not(.disabled):hover:not([hidden]):not([button-style]), .smart-payment-enabled .product-form--atc-button:not(.disabled):hover, .product-reviews--content .spr-summary-actions-newreview:not(.disabled):hover, .utils-sortby--modal-button:not(.disabled):hover, .article--excerpt-wrapper--featured .article--excerpt-button:not(.disabled):hover, .rte button:not(.disabled):hover,
.dynamic-newsletter-text button:not(.disabled):hover, .button-secondary:not(.disabled):hover {
color: #000000;
background: #ffffff;
border: 1px solid #000000;
}
.shortcode--product-cta[button-style=secondary]:active:not([hidden]), .shortcode--product-cta:active:not([hidden]):not([button-style]), .smart-payment-enabled .product-form--atc-button:active, .product-reviews--content .spr-summary-actions-newreview:active, .utils-sortby--modal-button:active, .article--excerpt-wrapper--featured .article--excerpt-button:active, .rte button:active,
.dynamic-newsletter-text button:active, .button-secondary:active, .shortcode--product-cta[button-style=secondary]:focus:not([hidden]), .shortcode--product-cta:focus:not([hidden]):not([button-style]), .smart-payment-enabled .product-form--atc-button:focus, .product-reviews--content .spr-summary-actions-newreview:focus, .utils-sortby--modal-button:focus, .article--excerpt-wrapper--featured .article--excerpt-button:focus, .rte button:focus,
.dynamic-newsletter-text button:focus, .button-secondary:focus {
background: #ffffff;
border: 1px solid #000000;
}
.product-section--container, .product-row--container, .productgrid--outer, .message-banner--outer, .atc-banner--outer, .pagination__wrapper, .breadcrumbs-container, .navmenu-meganav--scroller.has-meganav-image, .navmenu-meganav--scroller, .page-content, .page-masthead, .utility-bar-content, .product--container, .password-page-footer, .password-page-content--inner, .listcollections--container, .cart--section, .blog--container, .article--inner, .article--container, .announcement-bar-text-mobile, .announcement-bar-text, .fourohfour--container, .highlights-banners-container, .account-page-content, .account-page-masthead, .site-header--basic-navigation-below .site-navigation-wrapper .site-navigation, .site-navigation, .site-header-main {
max-width: 1600px;
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.product-section--container, .product-row--container, .productgrid--outer, .message-banner--outer, .atc-banner--outer, .pagination__wrapper, .breadcrumbs-container, .navmenu-meganav--scroller.has-meganav-image, .navmenu-meganav--scroller, .page-content, .page-masthead, .utility-bar-content, .product--container, .password-page-footer, .password-page-content--inner, .listcollections--container, .cart--section, .blog--container, .article--inner, .article--container, .announcement-bar-text-mobile, .announcement-bar-text, .fourohfour--container, .highlights-banners-container, .account-page-content, .account-page-masthead, .site-header--basic-navigation-below .site-navigation-wrapper .site-navigation, .site-navigation, .site-header-main {
padding-right: 1.640625rem;
padding-left: 1.640625rem;
}
}
@media screen and (min-width: 1080px) {
.product-section--container, .product-row--container, .productgrid--outer, .message-banner--outer, .atc-banner--outer, .pagination__wrapper, .breadcrumbs-container, .navmenu-meganav--scroller.has-meganav-image, .navmenu-meganav--scroller, .page-content, .page-masthead, .utility-bar-content, .product--container, .password-page-footer, .password-page-content--inner, .listcollections--container, .cart--section, .blog--container, .article--inner, .article--container, .announcement-bar-text-mobile, .announcement-bar-text, .fourohfour--container, .highlights-banners-container, .account-page-content, .account-page-masthead, .site-header--basic-navigation-below .site-navigation-wrapper .site-navigation, .site-navigation, .site-header-main {
padding-right: 40px;
padding-left: 40px;
}
}
.dynamic-video-wrapper, .twitter--container, .testimonials-section, .search-section-content, .rich-text--container, .promo-mosaic--container, .promo-grid--container, .dynamic-newsletter, .menulist--container, .dynamic-map, .logolist--container, .alt-img-with-text--container, .image-with-text, .featured-product--container, .featured-collections--container, .featured-collection--container, .custom-liquid, .dynamic-collection-list--container, .blogposts--container {
max-width: 1600px;
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
}
@media screen and (min-width: 720px) {
.dynamic-video-wrapper, .twitter--container, .testimonials-section, .search-section-content, .rich-text--container, .promo-mosaic--container, .promo-grid--container, .dynamic-newsletter, .menulist--container, .dynamic-map, .logolist--container, .alt-img-with-text--container, .image-with-text, .featured-product--container, .featured-collections--container, .featured-collection--container, .custom-liquid, .dynamic-collection-list--container, .blogposts--container {
padding-right: 1.640625rem;
padding-left: 1.640625rem;
}
}
@media screen and (min-width: 1080px) {
.dynamic-video-wrapper, .twitter--container, .testimonials-section, .search-section-content, .rich-text--container, .promo-mosaic--container, .promo-grid--container, .dynamic-newsletter, .menulist--container, .dynamic-map, .logolist--container, .alt-img-with-text--container, .image-with-text, .featured-product--container, .featured-collections--container, .featured-collection--container, .custom-liquid, .dynamic-collection-list--container, .blogposts--container {
padding-right: calc(40px);
padding-left: calc(40px);
}
}
.productgrid--outer .pagination__wrapper,
.productgrid--outer .breadcrumbs-container {
max-width: 100%;
padding-right: 0;
padding-left: 0;
}
@media screen and (min-width: 1024px) {
.productgrid--outer .pagination__wrapper,
.productgrid--outer .breadcrumbs-container {
padding-right: 0;
padding-left: 0;
}
}
.site-page,
.page-masthead,
.page-content, .account-page,
.account-page-masthead,
.account-page-content {
margin-top: 30px;
margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
.site-page,
.page-masthead,
.page-content, .account-page,
.account-page-masthead,
.account-page-content {
margin-top: 50px;
margin-bottom: 50px;
}
}
.product-reviews--content .spr-content .spr-reviews::before, .productgrid--footer::before, .productgrid--outer::before, .listcollections--inner::before, .article--pagination::before, .dynamic-collection-list--inner::before, .account-page--two-column::before, .site-header-main::before, .site-navigation-wrapper::before, .form-fields-columns::before, .product-reviews--content .spr-content .spr-reviews::after, .productgrid--footer::after, .productgrid--outer::after, .listcollections--inner::after, .article--pagination::after, .dynamic-collection-list--inner::after, .account-page--two-column::after, .site-header-main::after, .site-navigation-wrapper::after, .form-fields-columns::after {
display: table;
content: "";
}
.product-reviews--content .spr-content .spr-reviews::after, .productgrid--footer::after, .productgrid--outer::after, .listcollections--inner::after, .article--pagination::after, .dynamic-collection-list--inner::after, .account-page--two-column::after, .site-header-main::after, .site-navigation-wrapper::after, .form-fields-columns::after {
clear: both;
}
.productitem--title a, .productgrid--sidebar-menu .navmenu-link, .filter-item, .cart-item--remove-link, .site-navigation .navmenu-meganav--image-link, .tweet--footer, .tweet--header-screenname, .menulist--menu-link {
color: #111111;
text-decoration: none;
transition: color 0.1s ease;
}
.productitem--title a:hover, .productgrid--sidebar-menu .navmenu-link:hover, .filter-item:hover, .cart-item--remove-link:hover, .site-navigation .navmenu-meganav--image-link:hover, .tweet--footer:hover, .tweet--header-screenname:hover, .menulist--menu-link:hover {
color: #000000;
}
.search-flydown--content-item a, .search-flydown--continue, .live-search-takeover-cancel, .shopify-payment-button .shopify-payment-button__more-options, .product-recently-viewed-clear, .product-reviews--content .spr-content .spr-pagination a, .product-reviews--content .spr-content .spr-review .spr-review-footer a, .product-reviews--content .spr-summary-caption a.spr-summary-actions-togglereviews, .product-vendor a, .productgrid--sidebar-menu .navmenu-link--active, .filter-item--grid-simple a, .filter-item--active, .filter-item a.filter-text--link, .utils-sortby-button,
.utils-filter-button, .productgrid-listview .productitem--link, .productgrid--footer-results-list a, .pagination__item--link, .breadcrumbs-container a, .article--excerpt-readmore, .collection--item-title, .product-link, .passwordentry-contents a, .password-page-footer--item a, .cart-continue, .cart-shipping .cart-shipping-toggle, .article--pagination .article--pagination-item-left > a,
.article--pagination .article--pagination-item-right > a, .article--tags a, .tweet--content a, .testimonial-blockquote-quote a, .menulist--menu-item-trigger .menulist--menu-link, .dynamic-collection-list--item-title,
.dynamic-collection-list--item-title-mobile, .account-page-content a, .rte a,
.dynamic-newsletter-text a {
color: #000000;
text-decoration: none;
transition: color 0.1s ease;
}
.search-flydown--content-item a:hover, .search-flydown--continue:hover, .live-search-takeover-cancel:hover, .shopify-payment-button .shopify-payment-button__more-options:hover, .product-recently-viewed-clear:hover, .product-reviews--content .spr-content .spr-pagination a:hover, .product-reviews--content .spr-content .spr-review .spr-review-footer a:hover, .product-reviews--content .spr-summary-caption a.spr-summary-actions-togglereviews:hover, .product-vendor a:hover, .productgrid--sidebar-menu .navmenu-link--active:hover, .filter-item--grid-simple a:hover, .filter-item--active:hover, .filter-item a.filter-text--link:hover, .utils-sortby-button:hover,
.utils-filter-button:hover, .productgrid-listview .productitem--link:hover, .productgrid--footer-results-list a:hover, .pagination__item--link:hover, .breadcrumbs-container a:hover, .article--excerpt-readmore:hover, .collection--item-title:hover, .product-link:hover, .passwordentry-contents a:hover, .password-page-footer--item a:hover, .cart-continue:hover, .cart-shipping .cart-shipping-toggle:hover, .article--pagination .article--pagination-item-left > a:hover,
.article--pagination .article--pagination-item-right > a:hover, .article--tags a:hover, .tweet--content a:hover, .testimonial-blockquote-quote a:hover, .menulist--menu-item-trigger .menulist--menu-link:hover, .dynamic-collection-list--item-title:hover,
.dynamic-collection-list--item-title-mobile:hover, .account-page-content a:hover, .rte a:hover,
.dynamic-newsletter-text a:hover {
color: #cf7455;
}
.pagination__previous-chevron,
.pagination__next-chevron, .breadcrumbs-delimiter, .article--excerpt-readmore--icon, .article--pagination .article--pagination-chevron-right,
.article--pagination .article--pagination-chevron-left, .blogposts--footer-icon, .button-signpost .signpost-icon, .button-icon {
display: inline-block;
margin-left: 0.3125rem;
vertical-align: middle;
}
.pagination__previous-chevron svg,
.pagination__next-chevron svg, .breadcrumbs-delimiter svg, .article--excerpt-readmore--icon svg, .article--pagination .article--pagination-chevron-right svg,
.article--pagination .article--pagination-chevron-left svg, .blogposts--footer-icon svg, .button-signpost .signpost-icon svg, .button-icon svg {
display: block;
margin-top: -0.125rem;
transform: rotate(-90deg);
}
.filter-item .filter-icon--checkbox, .form-field-checkbox .form-icon--checkbox {
display: inline-block;
width: 13px;
height: 13px;
color: #ffffff;
vertical-align: middle;
}
.filter-item .filter-icon--checkbox svg, .form-field-checkbox .form-icon--checkbox svg {
display: block;
width: 100%;
height: 100%;
background-color: #ffffff;
border: 1px solid #212121;
border-radius: 0.0px;
fill: currentColor;
}
.filter-item--active .filter-icon--checkbox, .form-field-checkbox input:checked ~ .form-icon--checkbox {
color: #000000;
}
.filter-item--active .filter-icon--checkbox svg, .form-field-checkbox input:checked ~ .form-icon--checkbox svg {
background-color: transparent;
border: 0;
border-radius: 0.0px;
fill: currentColor;
}
.live-search-takeover-cancel, .product-gallery--media-thumbnail, .productgrid--search-button, .utils-sortby-button,
.utils-filter-button, .message-banner--close, .atc-banner--close, .modal-close, .cart-shipping .cart-shipping-toggle, .flickity-prev-next-button {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
padding: 0;
letter-spacing: -0.005em;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: normal;
appearance: normal;
}
.shopify-payment-button .shopify-payment-button__button--unbranded, .smart-payment-enabled .product-form--atc-button, .product-form--atc-button, .productitem--action-trigger.productitem--action-atc {
position: relative;
}
.shopify-payment-button .shopify-payment-button__button--unbranded .atc-button--text, .product-form--atc-button .atc-button--text, .productitem--action-trigger.productitem--action-atc .atc-button--text {
opacity: 1;
}
.shopify-payment-button .shopify-payment-button__button--unbranded .atc-button--icon, .product-form--atc-button .atc-button--icon, .productitem--action-trigger.productitem--action-atc .atc-button--icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
opacity: 0;
visibility: hidden;
animation: rotate 0.6s linear infinite;
transition: opacity 0.1s ease 0.1s;
}
.shopify-payment-button .shopify-payment-button__button--unbranded .atc-button--icon svg, .product-form--atc-button .atc-button--icon svg, .productitem--action-trigger.productitem--action-atc .atc-button--icon svg {
display: block;
width: 26px;
height: 26px;
}
.shopify-payment-button .processing.shopify-payment-button__button--unbranded .atc-button--text, .processing.product-form--atc-button .atc-button--text, .processing.productitem--action-trigger.productitem--action-atc .atc-button--text {
opacity: 0;
}
.shopify-payment-button .processing.shopify-payment-button__button--unbranded .atc-button--icon, .processing.product-form--atc-button .atc-button--icon, .processing.productitem--action-trigger.productitem--action-atc .atc-button--icon {
opacity: 1;
visibility: visible;
}
.live-search-button, .productgrid--search-button {
position: relative;
padding-left: 15px;
padding-right: 15px;
}
.live-search-button .search-icon--inactive, .productgrid--search-button .search-icon--inactive,
.live-search-button .search-icon--active,
.productgrid--search-button .search-icon--active {
display: inline-block;
}
.live-search-button svg, .productgrid--search-button svg {
display: block;
width: 100%;
height: 100%;
}
.live-search-button .search-icon--inactive, .productgrid--search-button .search-icon--inactive {
height: 23px;
opacity: 1;
transition: opacity 0.1s ease;
}
.live-search-button .search-icon--active, .productgrid--search-button .search-icon--active {
position: absolute;
top: 50%;
left: 50%;
width: 26px;
height: 26px;
margin-top: -13px;
margin-left: -13px;
opacity: 0;
visibility: hidden;
animation: rotate 0.7s cubic-bezier(0.69, 0.31, 0.56, 0.83) infinite;
}
.search-icon--processing.live-search-button .search-icon--inactive, .search-icon--processing.productgrid--search-button .search-icon--inactive {
opacity: 0;
transition-delay: 0s;
}
.search-icon--processing.live-search-button .search-icon--active, .search-icon--processing.productgrid--search-button .search-icon--active {
opacity: 1;
visibility: visible;
}
.article--comments-message p, .article--comments-message.message--success, .passwordentry-contents .message--success.passwordentry-message, .page-content-contact .message--success.contact-message, .message--success.account-message,
.form-message.message--success, .product-reviews--content .spr-form-message-error, .product-message--error, .message-banner--container.message--error, .article--comments-message.message--error, .passwordentry-contents .message--error.passwordentry-message, .page-content-contact .message--error.contact-message, .message--error.account-message,
.form-message.message--error {
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body);
letter-spacing: -0.005em;
}
.article--comments-message p a, .article--comments-message.message--success a, .passwordentry-contents .message--success.passwordentry-message a, .page-content-contact .message--success.contact-message a, .message--success.account-message a,
.form-message.message--success a, .product-reviews--content .spr-form-message-error a, .product-message--error a, .message-banner--container.message--error a, .article--comments-message.message--error a, .passwordentry-contents .message--error.passwordentry-message a, .page-content-contact .message--error.contact-message a, .message--error.account-message a,
.form-message.message--error a {
color: currentColor;
}
.product-reviews--content .spr-form-message-error, .product-message--error, .message-banner--container.message--error, .article--comments-message.message--error, .passwordentry-contents .message--error.passwordentry-message, .page-content-contact .message--error.contact-message, .message--error.account-message,
.form-message.message--error {
color: #f05d5d;
background-color: #fce2e2;
}
.article--comments-message.message--success, .passwordentry-contents .message--success.passwordentry-message, .page-content-contact .message--success.contact-message, .message--success.account-message,
.form-message.message--success {
color: #51a551;
background-color: #e0efe0;
}
.animating.message-banner--container, .animating.atc-banner--container, .visible.message-banner--container:not(.animating), .visible.atc-banner--container:not(.animating) {
display: block;
}
.visible.message-banner--container:not(.animating), .visible.atc-banner--container:not(.animating) {
opacity: 1;
transform: translate(0);
}
.animating-in.message-banner--container, .animating-in.atc-banner--container {
animation-delay: 0s;
animation-duration: 0.27s;
animation-name: sneak-in;
animation-timing-function: linear;
animation-fill-mode: both;
animation-direction: normal;
}
.animating-out.message-banner--container, .animating-out.atc-banner--container {
opacity: 0;
transform: translateY(-5px);
transition: all 0.12s cubic-bezier(1, 0, 0.7, 1);
}
.productgrid--no-results, .blog--no-results {
width: 100%;
margin-top: 2.9296875rem;
text-align: center;
}
@media screen and (min-width: 720px) {
.productgrid--no-results, .blog--no-results {
margin-top: calc(2.9296875rem - 1.640625rem);
}
}
.productgrid--no-results-title, .blog--no-results-title {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-heading-4);
margin-top: 0;
margin-bottom: 0;
letter-spacing: -0.005em;
color: #000000;
}
.productgrid--no-results-button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
margin-top: 1.171875rem;
}.productgrid--no-results-button {
text-transform: uppercase;
}.button-icon {
margin-left: 3px;
}
.button-icon svg {
width: calc(14px * 1.2);
height: calc(14px * 1.2);
margin-top: -0.1875rem;
}
.button-signpost {
font-family: type_signpost_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-button-signpost);
display: block;
padding: 0;
margin-top: 1.171875rem;
letter-spacing: 0;
text-decoration: none;
text-transform: none;
}
@media screen and (min-width: 860px) {
.button-signpost {
margin-top: 1.640625rem;
}
}
.button-signpost .signpost-icon {
margin-left: 2px;
}
.button-signpost .signpost-icon svg {
width: 0.75rem;
height: 0.75rem;
margin-top: 0;
}
#messageus_button {
z-index: 9999;
}
.option-value-input + .option-value-name, .product-reviews--content .spr-form .spr-form-input-text,
.product-reviews--content .spr-form .spr-form-input-email,
.product-reviews--content .spr-form .spr-form-input-textarea, .productgrid--sidebar-item-grid .filter-item:not(.filter-item--toggle-more), .rte input,
.dynamic-newsletter-text input, .form-field-input,
.form-field-select {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-form);
z-index: 1;
width: 100%;
padding: 0.9375rem 0.875rem 0.9375rem;
letter-spacing: -0.005em;
color: #212121;
background-color: #ffffff;
border: 1px solid #212121;
border-radius: 0px;
}
.option-value-input + .option-value-name:focus, .product-reviews--content .spr-form .spr-form-input-text:focus,
.product-reviews--content .spr-form .spr-form-input-email:focus,
.product-reviews--content .spr-form .spr-form-input-textarea:focus, .productgrid--sidebar-item-grid .filter-item:focus:not(.filter-item--toggle-more), .rte input:focus,
.dynamic-newsletter-text input:focus, .form-field-input:focus,
.form-field-select:focus {
border-color: #212121;
}
.option-value-input + .form-field-error.option-value-name, .product-reviews--content .spr-form .form-field-error.spr-form-input-text,
.product-reviews--content .spr-form .form-field-error.spr-form-input-email,
.product-reviews--content .spr-form .form-field-error.spr-form-input-textarea, .productgrid--sidebar-item-grid .form-field-error.filter-item:not(.filter-item--toggle-more), .rte input.form-field-error,
.dynamic-newsletter-text input.form-field-error, .form-field-error.form-field-input,
.form-field-error.form-field-select {
border-color: #f05d5d;
}
.product-reviews--content .spr-form .spr-form-label, .form-field-title--inline, .form-field-title {
font-size: var(--font-size-body);
line-height: 1;
color: #333333;
}
.no-label .option-value-input + .option-value-name, .no-label .product-reviews--content .spr-form .spr-form-input-text, .product-reviews--content .spr-form .no-label .spr-form-input-text,
.no-label .product-reviews--content .spr-form .spr-form-input-email,
.product-reviews--content .spr-form .no-label .spr-form-input-email,
.no-label .product-reviews--content .spr-form .spr-form-input-textarea,
.product-reviews--content .spr-form .no-label .spr-form-input-textarea, .no-label .productgrid--sidebar-item-grid .filter-item:not(.filter-item--toggle-more), .productgrid--sidebar-item-grid .no-label .filter-item:not(.filter-item--toggle-more), .no-label .rte input, .rte .no-label input,
.no-label .dynamic-newsletter-text input,
.dynamic-newsletter-text .no-label input, .no-label .form-field-input,
.no-label .form-field-select {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
.product-reviews--content .spr-form .spr-form-input-text,
.product-reviews--content .spr-form .spr-form-input-email,
.product-reviews--content .spr-form .spr-form-input-textarea, .rte input,
.dynamic-newsletter-text input, .form-field-input {
width: 100%;
}
.product-reviews--content .spr-form .spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-textarea:-ms-input-placeholder, .rte input:-ms-input-placeholder, .dynamic-newsletter-text input:-ms-input-placeholder, .form-field-input:-ms-input-placeholder {
color: currentColor;
opacity: 0;
-ms-transition: opacity 0.12s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: opacity 0.12s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product-reviews--content .spr-form .spr-form-input-text::placeholder,
.product-reviews--content .spr-form .spr-form-input-email::placeholder,
.product-reviews--content .spr-form .spr-form-input-textarea::placeholder, .rte input::placeholder,
.dynamic-newsletter-text input::placeholder, .form-field-input::placeholder {
color: currentColor;
opacity: 0;
transition: opacity 0.12s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product-reviews--content .spr-form .spr-form-input-text + .form-field-title::before,
.product-reviews--content .spr-form .spr-form-input-email + .form-field-title::before,
.product-reviews--content .spr-form .spr-form-input-textarea + .form-field-title::before, .rte input + .form-field-title::before,
.dynamic-newsletter-text input + .form-field-title::before, .form-field-input + .form-field-title::before {
position: absolute;
top: 50%;
left: -4px;
z-index: -1;
width: calc(100% + 8px);
height: 1px;
background-color: #ffffff;
content: "";
transform: scaleY(1.1);
transition-delay: 0.12s;
}
.no-js .product-reviews--content .spr-form .spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .no-js .spr-form-input-text:-ms-input-placeholder, .no-js .product-reviews--content .spr-form .spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .no-js .spr-form-input-email:-ms-input-placeholder, .no-js .product-reviews--content .spr-form .spr-form-input-textarea:-ms-input-placeholder, .product-reviews--content .spr-form .no-js .spr-form-input-textarea:-ms-input-placeholder, .no-js .rte input:-ms-input-placeholder, .rte .no-js input:-ms-input-placeholder, .no-js .dynamic-newsletter-text input:-ms-input-placeholder, .dynamic-newsletter-text .no-js input:-ms-input-placeholder, .no-js .form-field-input:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-text:focus:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-email:focus:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-textarea:focus:-ms-input-placeholder, .rte input:focus:-ms-input-placeholder, .dynamic-newsletter-text input:focus:-ms-input-placeholder, .form-field-input:focus:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-filled.spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-filled.spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-filled.spr-form-input-textarea:-ms-input-placeholder, .rte input.form-field-filled:-ms-input-placeholder, .dynamic-newsletter-text input.form-field-filled:-ms-input-placeholder, .form-field-filled.form-field-input:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-select.spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-select.spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-select.spr-form-input-textarea:-ms-input-placeholder, .rte input.form-field-select:-ms-input-placeholder, .dynamic-newsletter-text input.form-field-select:-ms-input-placeholder, .form-field-select.form-field-input:-ms-input-placeholder {
z-index: 3;
opacity: 0.6;
transition-delay: 0.12s;
}
.no-js .product-reviews--content .spr-form .spr-form-input-text::placeholder, .product-reviews--content .spr-form .no-js .spr-form-input-text::placeholder,
.no-js .product-reviews--content .spr-form .spr-form-input-email::placeholder,
.product-reviews--content .spr-form .no-js .spr-form-input-email::placeholder,
.no-js .product-reviews--content .spr-form .spr-form-input-textarea::placeholder,
.product-reviews--content .spr-form .no-js .spr-form-input-textarea::placeholder, .no-js .rte input::placeholder, .rte .no-js input::placeholder,
.no-js .dynamic-newsletter-text input::placeholder,
.dynamic-newsletter-text .no-js input::placeholder, .no-js .form-field-input::placeholder, .product-reviews--content .spr-form .spr-form-input-text:focus::placeholder,
.product-reviews--content .spr-form .spr-form-input-email:focus::placeholder,
.product-reviews--content .spr-form .spr-form-input-textarea:focus::placeholder, .rte input:focus::placeholder,
.dynamic-newsletter-text input:focus::placeholder, .form-field-input:focus::placeholder, .product-reviews--content .spr-form .form-field-filled.spr-form-input-text::placeholder,
.product-reviews--content .spr-form .form-field-filled.spr-form-input-email::placeholder,
.product-reviews--content .spr-form .form-field-filled.spr-form-input-textarea::placeholder, .rte input.form-field-filled::placeholder,
.dynamic-newsletter-text input.form-field-filled::placeholder, .form-field-filled.form-field-input::placeholder, .product-reviews--content .spr-form .form-field-select.spr-form-input-text::placeholder,
.product-reviews--content .spr-form .form-field-select.spr-form-input-email::placeholder,
.product-reviews--content .spr-form .form-field-select.spr-form-input-textarea::placeholder, .rte input.form-field-select::placeholder,
.dynamic-newsletter-text input.form-field-select::placeholder, .form-field-select.form-field-input::placeholder {
z-index: 3;
opacity: 0.6;
transition-delay: 0.12s;
}
.no-js .product-reviews--content .spr-form .spr-form-input-text + .form-field-title, .product-reviews--content .spr-form .no-js .spr-form-input-text + .form-field-title,
.no-js .product-reviews--content .spr-form .spr-form-input-email + .form-field-title,
.product-reviews--content .spr-form .no-js .spr-form-input-email + .form-field-title,
.no-js .product-reviews--content .spr-form .spr-form-input-textarea + .form-field-title,
.product-reviews--content .spr-form .no-js .spr-form-input-textarea + .form-field-title, .no-js .rte input + .form-field-title, .rte .no-js input + .form-field-title,
.no-js .dynamic-newsletter-text input + .form-field-title,
.dynamic-newsletter-text .no-js input + .form-field-title, .no-js .form-field-input + .form-field-title, .product-reviews--content .spr-form .spr-form-input-text:focus + .form-field-title,
.product-reviews--content .spr-form .spr-form-input-email:focus + .form-field-title,
.product-reviews--content .spr-form .spr-form-input-textarea:focus + .form-field-title, .rte input:focus + .form-field-title,
.dynamic-newsletter-text input:focus + .form-field-title, .form-field-input:focus + .form-field-title, .product-reviews--content .spr-form .form-field-filled.spr-form-input-text + .form-field-title,
.product-reviews--content .spr-form .form-field-filled.spr-form-input-email + .form-field-title,
.product-reviews--content .spr-form .form-field-filled.spr-form-input-textarea + .form-field-title, .rte input.form-field-filled + .form-field-title,
.dynamic-newsletter-text input.form-field-filled + .form-field-title, .form-field-filled.form-field-input + .form-field-title, .product-reviews--content .spr-form .form-field-select.spr-form-input-text + .form-field-title,
.product-reviews--content .spr-form .form-field-select.spr-form-input-email + .form-field-title,
.product-reviews--content .spr-form .form-field-select.spr-form-input-textarea + .form-field-title, .rte input.form-field-select + .form-field-title,
.dynamic-newsletter-text input.form-field-select + .form-field-title, .form-field-select.form-field-input + .form-field-title {
top: -0.5em;
z-index: 3;
font-size: 0.8125rem;
transition-delay: 0.12s;
transition-property: top, font-size;
}
.no-js .product-reviews--content .spr-form .spr-form-input-text + .form-field-title::before, .product-reviews--content .spr-form .no-js .spr-form-input-text + .form-field-title::before,
.no-js .product-reviews--content .spr-form .spr-form-input-email + .form-field-title::before,
.product-reviews--content .spr-form .no-js .spr-form-input-email + .form-field-title::before,
.no-js .product-reviews--content .spr-form .spr-form-input-textarea + .form-field-title::before,
.product-reviews--content .spr-form .no-js .spr-form-input-textarea + .form-field-title::before, .no-js .rte input + .form-field-title::before, .rte .no-js input + .form-field-title::before,
.no-js .dynamic-newsletter-text input + .form-field-title::before,
.dynamic-newsletter-text .no-js input + .form-field-title::before, .no-js .form-field-input + .form-field-title::before, .product-reviews--content .spr-form .spr-form-input-text:focus + .form-field-title::before,
.product-reviews--content .spr-form .spr-form-input-email:focus + .form-field-title::before,
.product-reviews--content .spr-form .spr-form-input-textarea:focus + .form-field-title::before, .rte input:focus + .form-field-title::before,
.dynamic-newsletter-text input:focus + .form-field-title::before, .form-field-input:focus + .form-field-title::before, .product-reviews--content .spr-form .form-field-filled.spr-form-input-text + .form-field-title::before,
.product-reviews--content .spr-form .form-field-filled.spr-form-input-email + .form-field-title::before,
.product-reviews--content .spr-form .form-field-filled.spr-form-input-textarea + .form-field-title::before, .rte input.form-field-filled + .form-field-title::before,
.dynamic-newsletter-text input.form-field-filled + .form-field-title::before, .form-field-filled.form-field-input + .form-field-title::before, .product-reviews--content .spr-form .form-field-select.spr-form-input-text + .form-field-title::before,
.product-reviews--content .spr-form .form-field-select.spr-form-input-email + .form-field-title::before,
.product-reviews--content .spr-form .form-field-select.spr-form-input-textarea + .form-field-title::before, .rte input.form-field-select + .form-field-title::before,
.dynamic-newsletter-text input.form-field-select + .form-field-title::before, .form-field-select.form-field-input + .form-field-title::before {
position: absolute;
top: 0.5em;
left: -4px;
z-index: -1;
width: calc(100% + 8px);
height: 1px;
background-color: #ffffff;
content: "";
transition-delay: 0s;
}
.product-reviews--content .spr-form .spr-form-input-text:focus + .form-field-title,
.product-reviews--content .spr-form .spr-form-input-email:focus + .form-field-title,
.product-reviews--content .spr-form .spr-form-input-textarea:focus + .form-field-title, .rte input:focus + .form-field-title,
.dynamic-newsletter-text input:focus + .form-field-title, .form-field-input:focus + .form-field-title {
color: #212121;
}
.no-label .product-reviews--content .spr-form .spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .no-label .spr-form-input-text:-ms-input-placeholder, .no-label .product-reviews--content .spr-form .spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .no-label .spr-form-input-email:-ms-input-placeholder, .no-label .product-reviews--content .spr-form .spr-form-input-textarea:-ms-input-placeholder, .product-reviews--content .spr-form .no-label .spr-form-input-textarea:-ms-input-placeholder, .no-label .rte input:-ms-input-placeholder, .rte .no-label input:-ms-input-placeholder, .no-label .dynamic-newsletter-text input:-ms-input-placeholder, .dynamic-newsletter-text .no-label input:-ms-input-placeholder, .no-label .form-field-input:-ms-input-placeholder {
opacity: 0.4;
}
.no-label .product-reviews--content .spr-form .spr-form-input-text::placeholder, .product-reviews--content .spr-form .no-label .spr-form-input-text::placeholder,
.no-label .product-reviews--content .spr-form .spr-form-input-email::placeholder,
.product-reviews--content .spr-form .no-label .spr-form-input-email::placeholder,
.no-label .product-reviews--content .spr-form .spr-form-input-textarea::placeholder,
.product-reviews--content .spr-form .no-label .spr-form-input-textarea::placeholder, .no-label .rte input::placeholder, .rte .no-label input::placeholder,
.no-label .dynamic-newsletter-text input::placeholder,
.dynamic-newsletter-text .no-label input::placeholder, .no-label .form-field-input::placeholder {
opacity: 0.4;
}
.product-reviews--content .spr-form .spr-form-input-textarea, .form-field-textarea {
line-height: 1.5;
max-width: 100%;
max-height: 500px;
min-width: 100%;
min-height: 150px;
}
@media screen and (min-width: 720px) {
.form-fields-columns {
margin-right: -10px;
margin-left: -10px;
}
.form-fields-columns .form-field {
float: left;
margin-right: 10px;
margin-left: 10px;
}
.form-fields-columns .form-field--half {
width: calc(50% - 20px);
}
}
.form-fields-columns + .form-field {
clear: left;
}
.form-action-row {
margin-top: 1.171875rem;
}
.form-action-row .button-primary + .button-primary,
.form-action-row .button-primary + .button-secondary,
.form-action-row .button-secondary + .button-primary,
.form-action-row .button-secondary + .button-secondary {
margin-left: 0.46875rem;
}
.form-field {
position: relative;
}
input[name="address[default]"]:focus ~ .form-icon--checkbox {
outline: 1px dotted #212121;
outline: 5px auto -webkit-focus-ring-color;
}
.form-field-title {
position: absolute;
top: 1.0625rem;
left: 0.875rem;
z-index: 2;
pointer-events: none;
transition: 0.12s;
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.form-field-textarea + .form-field-title {
top: 0.9375rem;
}
.form-field-title--inline {
display: inline-block;
margin-left: 0.234375rem;
vertical-align: middle;
}
.form-field-checkbox .form-field-title--inline {
color: #212121;
}
.form-field-select-wrapper {
position: relative;
}
.form-field-select-wrapper .form-field-select {
z-index: 2;
width: 100%;
height: 100%;
padding-right: calc(0.875rem * 2 + 0.5rem);
color: #212121;
cursor: pointer;
background-color: #ffffff;
-webkit-appearance: none;
appearance: none;
}
.form-field-select-wrapper .form-field-select::-ms-expand {
display: none;
}
.form-field-select-wrapper svg {
position: absolute;
top: 50%;
right: 0.875rem;
margin-top: -3px;
pointer-events: none;
color: #212121;
}
.form-fields--qty {
position: relative;
}
.form-fields--qty .form-field {
opacity: 0;
transition: opacity 0.15s ease;
}
.no-js .form-fields--qty .form-field.form-field--qty-input {
z-index: 1;
opacity: 1;
visibility: visible;
}
.js .form-fields--qty .form-field.form-field--qty-select {
z-index: 1;
opacity: 1;
visibility: visible;
}
.form-fields--qty .hidden {
z-index: 0;
opacity: 0;
visibility: hidden;
}
.form-fields--qty .visible {
z-index: 1;
opacity: 1;
visibility: visible;
}
.form-fields--qty .form-field--qty-select .form-field-select-wrapper {
position: absolute;
width: 100%;
}
.form-field-checkbox {
position: relative;
display: block;
margin-top: 0.9375rem;
cursor: pointer;
}
.form-field-checkbox input {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
width: 100%;
cursor: pointer;
opacity: 0;
}
.form-field-checkbox .form-icon--checkbox {
margin-top: -2px;
}
.passwordentry-contents .message--success.passwordentry-message, .page-content-contact .message--success.contact-message, .message--success.account-message,
.form-message.message--success {
padding: 0.46875rem 0.703125rem;
}
.passwordentry-contents .message--error.passwordentry-message, .page-content-contact .message--error.contact-message, .message--error.account-message,
.form-message.message--error {
padding: 0.46875rem 0.703125rem;
}
.passwordentry-contents .passwordentry-message ul, .page-content-contact .contact-message ul, .account-message ul,
.passwordentry-contents .passwordentry-message p,
.page-content-contact .contact-message p,
.account-message p,
.form-message ul,
.form-message p {
font-style: normal;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
letter-spacing: -0.005em;
}
.passwordentry-contents .passwordentry-message li:not(:first-child), .page-content-contact .contact-message li:not(:first-child), .account-message li:not(:first-child),
.form-message li:not(:first-child) {
margin-top: 0.46875rem;
}
.passwordentry-contents .passwordentry-message ul, .page-content-contact .contact-message ul, .account-message ul,
.form-message ul {
padding-left: 0;
list-style-type: none;
}
.rte,
.dynamic-newsletter-text {
font-size: var(--font-size-body);
line-height: 1.625;
}
.rte h1,
.dynamic-newsletter-text h1 {
font-size: var(--font-size-heading-1);
}
.rte h2,
.dynamic-newsletter-text h2 {
font-size: var(--font-size-heading-2);
}
.rte h3,
.dynamic-newsletter-text h3 {
font-size: var(--font-size-heading-3);
}
.rte h4,
.dynamic-newsletter-text h4 {
font-size: var(--font-size-heading-4);
}
.rte h5,
.dynamic-newsletter-text h5 {
font-size: var(--font-size-heading-5);
}
.rte h6,
.dynamic-newsletter-text h6 {
font-size: var(--font-size-heading-6);
}
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6,
.dynamic-newsletter-text h1,
.dynamic-newsletter-text h2,
.dynamic-newsletter-text h3,
.dynamic-newsletter-text h4,
.dynamic-newsletter-text h5,
.dynamic-newsletter-text h6 {
margin-top: calc(0.9375rem * 2);
margin-bottom: 0.9375rem;
color: #000000;
}.rte blockquote,
.dynamic-newsletter-text blockquote {
padding-left: 0.9375rem;
margin-left: 0;
border-left: 2px solid #000000;
}
.rte dl,
.rte ul,
.rte ol,
.rte p,
.rte blockquote,
.rte img:not([style]),
.dynamic-newsletter-text dl,
.dynamic-newsletter-text ul,
.dynamic-newsletter-text ol,
.dynamic-newsletter-text p,
.dynamic-newsletter-text blockquote,
.dynamic-newsletter-text img:not([style]) {
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
}
.rte ul,
.rte ol,
.dynamic-newsletter-text ul,
.dynamic-newsletter-text ol {
padding-left: 20px;
}
.rte dl dt,
.dynamic-newsletter-text dl dt {
margin-top: 0.9375rem;
}
.rte dl dd,
.dynamic-newsletter-text dl dd {
margin-left: 20px;
}
.rte img,
.dynamic-newsletter-text img {
height: auto;
max-width: 100%;
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
}
.rte img[style*=left],
.dynamic-newsletter-text img[style*=left] {
margin-top: 0;
margin-right: 1.25rem;
}
.rte img[style*=right],
.dynamic-newsletter-text img[style*=right] {
margin-top: 0;
margin-left: 1.25rem;
}
@media screen and (max-width: 719px) {
.rte td,
.dynamic-newsletter-text td {
display: block;
width: 100%;
}
}
.rte input,
.dynamic-newsletter-text input {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
margin-bottom: 0;
}
.rte input:-ms-input-placeholder, .dynamic-newsletter-text input:-ms-input-placeholder {
color: #212121;
opacity: 0.4;
}
.rte input::placeholder,
.dynamic-newsletter-text input::placeholder {
color: #212121;
opacity: 0.4;
}
.rte hr,
.dynamic-newsletter-text hr {
width: 100%;
height: 1px;
margin-top: 1.640625rem;
margin-bottom: 1.640625rem;
background-color: #eaeaea;
border: 0;
}
.accordion--icon svg {
display: block;
fill: currentColor;
}
.accordion--icon .icon-chevron-down-left,
.accordion--icon .icon-chevron-down-right {
transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), fill 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform-origin: 50% 50%;
}
.accordion--icon .icon-chevron-down-left {
transform: rotate(0);
}
.accordion--icon .icon-chevron-down-right {
transform: rotate(0);
}
.accordion--active .accordion--icon .icon-chevron-down-left {
transform: rotate(45deg);
}
.accordion--active .accordion--icon .icon-chevron-down-right {
transform: rotate(-45deg);
}
.accordion--content {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.25s ease, padding-bottom 0.25s ease, opacity 0.15s ease;
}
.accordion--active .accordion--content {
max-height: 999999px;
opacity: 1;
}
.placeholder--image, .image-with-text-background svg {
display: block;
background-color: #ececec;
fill: #acacac;
}
.placeholder--content-image {
fill: #ececec;
}
.placeholder--content-text {
background-color: #ececec;
}
.spr-badge .spr-badge-starrating {
margin-right: 0;
}
.spr-badge .spr-badge-starrating .spr-icon {
font-size: var(--font-size-body-tiny);
}
.spr-badge .spr-badge-caption {
font-size: var(--font-size-body-tiny);
display: inline-block;
margin-left: 0.234375rem;
color: #7c7873;
white-space: nowrap;
}
.spr-starratings,
.spr-starrating {
display: inline-block;
font-size: 0;
letter-spacing: 0;
vertical-align: middle;
}
.spr-starratings .spr-icon,
.spr-starrating .spr-icon {
top: auto;
display: inline-block;
width: auto;
height: auto;
font-size: 0.875rem;
vertical-align: middle;
}
.spr-starratings .spr-icon:before,
.spr-starrating .spr-icon:before {
font-size: 100%;
}
.spr-icon {
color: #d9b79e;
}
.spr-icon:not(:last-child) {
margin-right: 0.1em;
}
.spr-icon.spr-icon-star-empty {
color: #7c7873;
}
.spr-icon.spr-icon-star-empty.spr-icon-star-hover, .spr-icon.spr-icon-star-empty.spr-icon-star-hover:hover {
color: #d9b79e;
}
.spr-starrating.spr-form-input-error .spr-icon {
color: #f05d5d;
}
.flickity-prev-next-button {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
padding: 5px;
transform: translateY(-50%);
opacity: 0.6;
cursor: pointer;
}
.flickity-prev-next-button svg {
top: 5px;
left: 5px;
width: 30px;
height: 30px;
}
.flickity-prev-next-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F;
}
.flickity-prev-next-button:hover {
background-color: transparent;
}
.flickity-prev-next-button:hover:not([disabled]) {
opacity: 0.8;
}
.flickity-prev-next-button.previous {
left: 2.1875rem;
}
.flickity-prev-next-button.next {
right: 2.1875rem;
}
.flickity-page-dots {
position: absolute;
width: 100%;
padding: 0;
margin: 0;
bottom: 25px;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
.promo-block-mosaic,
.promo-block-grid,
.navmenu-meganav--image {
background: #ececec;
}
.article-image,
.article--excerpt-image {
background: #ececec;
}
.article--excerpt-wrapper--featured .article-image,
.article--excerpt-wrapper--featured .article--excerpt-image {
background-color: transparent;
}
[data-rimg=lazy],
[data-rimg=loading],
[data-rimg=loaded] {
transition: opacity 0.1s ease-in;
}
img[data-rimg=lazy].slideshow-image, .product-gallery--image img[data-rimg=lazy],
img[data-rimg=loading].slideshow-image,
.product-gallery--image img[data-rimg=loading] {
opacity: 0;
}
[data-rimg=loaded] {
opacity: 1;
}
.promo-block-mosaic [data-rimg-canvas],
.promo-block-grid [data-rimg-canvas] {
border-radius: 0px;
}
@media screen and (min-width: 720px) {
.promo-block-grid--content-wrapper,
.promo-block-mosaic--content-wrapper {
position: relative;
z-index: 1;
}
}
[data-rimg-canvas] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
animation: shimmer-background 1s ease-in-out infinite;
animation-fill-mode: forwards;
transition: opacity 0.1s ease-out, visibility 0s linear 0.1s;
animation-direction: alternate;
}
[data-rimg=loaded] + [data-rimg-canvas], [data-rimg=loaded] > [data-rimg-canvas], .no-js [data-rimg-canvas] {
opacity: 0;
visibility: hidden;
}
.no-js [data-rimg-canvas] {
display: none;
}
.no-js noscript + img[data-rimg=lazy] {
display: none;
}
.article--excerpt-image img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
visibility: hidden;
object-fit: cover;
}
.no-js .article--excerpt-image img {
visibility: visible;
}
.promo-block-mosaic img,
.promo-block-grid img,
.video-cover img,
.featured-collection--banner img,
.search-section-background img,
.search-section-overlay img,
.article-image img {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
}
.promo-block-mosaic img[data-rimg=noscript],
.promo-block-grid img[data-rimg=noscript],
.video-cover img[data-rimg=noscript],
.featured-collection--banner img[data-rimg=noscript],
.search-section-background img[data-rimg=noscript],
.search-section-overlay img[data-rimg=noscript],
.article-image img[data-rimg=noscript] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
object-fit: cover;
}
.slideshow-image {
width: 100%;
height: 100%;
opacity: 0;
}
.slideshow-slide:not(.slideshow-height-original) .slideshow-image[data-rimg=noscript] {
opacity: 1;
object-fit: cover;
}
.option-value-input:disabled + .option-value-swatch-wrapper, .productitem--swatches-input:disabled + .productitem--swatches-swatch-wrapper {
cursor: not-allowed;
}
.option-value-input:checked + .option-value-swatch-wrapper, .productitem--swatches-input:checked + .productitem--swatches-swatch-wrapper, .productgrid--sidebar-item-swatches-grid .filter-item--active .filter-item--swatch-wrapper {
box-shadow: 0 0 0 0.0625rem #212121;
}
.option-value-input:disabled:checked + .option-value-swatch-wrapper, .productitem--swatches-input:disabled:checked + .productitem--swatches-swatch-wrapper {
box-shadow: 0 0 0 0.0625rem rgba(33, 33, 33, 0.5);
}
.option-value-input:disabled + .option-value-swatch-wrapper .swatch, .productitem--swatches-input:disabled + .productitem--swatches-swatch-wrapper .productitem--swatches-swatch {
position: relative;
}
.option-value-input:disabled + .option-value-swatch-wrapper .swatch::before, .productitem--swatches-input:disabled + .productitem--swatches-swatch-wrapper .productitem--swatches-swatch::before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 150%;
height: 2.5px;
background: rgba(0, 0, 0, 0.5);
content: "";
transform: translate(-50%, -50%) rotate(-45deg);
}
.option-value-input + .option-value-swatch-wrapper .swatch-inner, .productitem--swatches-swatch-inner, .filter-item--swatch-inner {
height: 100%;
pointer-events: none;
background-position: center;
background-size: cover;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: inherit;
background-origin: border-box;
}
.option-value-input:disabled + .option-value-swatch-wrapper .swatch-inner, .productitem--swatches-input:disabled + .productitem--swatches-swatch-wrapper .productitem--swatches-swatch-inner {
opacity: 0.6;
}
.option-value-input + .option-value-swatch-wrapper:hover::after, .productitem--swatches-swatch-wrapper:hover::after, .productgrid--sidebar-item-swatches-grid .filter-item--swatch-wrapper:hover::after {
position: absolute;
bottom: 0;
left: 50%;
left: calc(50% + var(--swatch-tooltip-offset, 0px));
z-index: 1;
padding: 6px 9px;
letter-spacing: -0.005em;
color: #111111;
white-space: nowrap;
pointer-events: none;
background: #ffffff;
content: attr(data-swatch-tooltip);
transform: translateX(-50%) translateY(100%) translateY(7px);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
animation: slide-swatch-tooltip 0.2s;
}.option-value-input + .option-value-swatch-wrapper:hover::after, .productitem--swatches-swatch-wrapper:hover::after, .productgrid--sidebar-item-swatches-grid .filter-item--swatch-wrapper:hover::after {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
}@media screen and (min-width: 720px) {
.option-value-input + .option-value-swatch-wrapper:hover::after, .productitem--swatches-swatch-wrapper:hover::after, .productgrid--sidebar-item-swatches-grid .filter-item--swatch-wrapper:hover::after {
font-size: var(--font-size-body-smaller);
}
}
/* Global styles */
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
* {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
background-color: #ffffff;
}
html {
height: 100%;
}
html::before {
display: none;
content: "XS,S,M,L,L+,XL,XXL";
}
html::after {
display: none;
content: "XS";
}
@media screen and (min-width: 720px) {
html::after {
content: "S";
}
}
@media screen and (min-width: 860px) {
html::after {
content: "M";
}
}
@media screen and (min-width: 1024px) {
html::after {
content: "L";
}
}
@media screen and (min-width: 1080px) {
html::after {
content: "L+";
}
}
@media screen and (min-width: 1280px) {
html::after {
content: "XL";
}
}@media screen and (min-width: 1660px) {
html::after {
content: "XXL";
}
}body {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body);
width: 100%;
letter-spacing: -0.005em;
color: #111111;
}@media screen and (max-width: 719px) {
body {
font-size: var(--font-size-body-small);
}
}
body.scroll-lock {
height: 100vh;
overflow: hidden;
touch-action: manipulation;
}
th,
b,
strong {
letter-spacing: -0.005em;
}th,
b,
strong {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
}em {
font-style: italic;
}
th em,
b em,
strong em,
em b,
em strong {
letter-spacing: -0.005em;
}th em,
b em,
strong em,
em b,
em strong {
font-family: type_body_custom;
font-style: italic;
font-weight: 400;
}[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--media img[data-rimg=lazy], [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--media img[data-rimg=loading], [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--media img[data-rimg=loaded],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--media img[data-rimg=lazy],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--media img[data-rimg=loading],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--media img[data-rimg=loaded],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--media img[data-rimg=lazy],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--media img[data-rimg=loading],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--media img[data-rimg=loaded],
.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 {
font-size: var(--font-size-body);
position: absolute;
top: 0;
left: -9999px;
color: #000000;
background: #ffffff;
text-decoration: none;
padding: 1em;
}
.skip-to-main:focus, .skip-to-main:active {
left: 0;
z-index: 702;
}
@keyframes fade-in {
0% {
opacity: 0;
animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
}
76.92% {
opacity: 1;
animation-timing-function: linear;
}
to {
opacity: 1;
}
}
@keyframes sneak-in {
0% {
opacity: 0;
transform: translateY(-10px);
animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
}
76.92% {
opacity: 1;
transform: translateY(0);
animation-timing-function: linear;
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes overlay-fade-in {
0% {
opacity: 0;
animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
}
76.92% {
opacity: 1;
animation-timing-function: linear;
}
to {
opacity: 1;
}
}
@keyframes overlay-fade-out {
0% {
opacity: 1;
animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
}
76.92% {
opacity: 0;
animation-timing-function: linear;
}
to {
opacity: 0;
}
}
@keyframes sneak-in-mobilenav {
0% {
transform: translateX(-100px);
opacity: 0;
animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
}
76.92% {
transform: translate3d(0, 0, 0);
opacity: 1;
animation-timing-function: linear;
}
to {
left: 0;
opacity: 1;
}
}
@keyframes sneak-out-mobilenav {
0% {
transform: translate3d(0, 0, 0);
opacity: 1;
animation-timing-function: cubic-bezier(1, 0, 0.7, 1);
}
to {
transform: translateX(-100px);
opacity: 0;
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes shimmer {
from {
opacity: 1;
}
to {
opacity: 0.5;
}
}
@keyframes shimmer-background {
from {
background-color: #ececec;
}
to {
background-color: #f5f5f5;
}
}
@keyframes loading-video {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes hide-zoom {
0% {
pointer-events: all;
opacity: 1;
}
100% {
pointer-events: none;
opacity: 0;
}
}
@keyframes slide-swatch-tooltip {
0% {
opacity: 0;
transform: translateX(-50%) translateY(110%) translateY(7px);
}
100% {
opacity: 1;
transform: translateX(-50%) translateY(100%) translateY(7px);
}
}
/* Header */
:root {
--scrollbar-width: 15px;
}
.site-header-wrapper {
width: 100%;
background-color: #f7f2ee;
transition: top 0.15s cubic-bezier(0.3, 0, 0, 1);
z-index: 700;
}.site-header-wrapper {
box-shadow: 0 1px 4px rgba(186, 192, 190, 0.25);
}.site-header-wrapper.site-header--sticky {
position: sticky;
top: 0;
}
.search-takeover-active .site-header-wrapper {
display: none;
}
.site-header-main {
z-index: 701;
}
.site-header-main.site-header--full-width {
width: 100%;
max-width: 100%;
}
.site-header-logo {
display: table;
height: auto;
}
.site-logo {
display: table-cell;
height: 100%;
vertical-align: middle;
color: currentColor;
text-decoration: none;
}
.desktop-logo-text,
.mobile-logo-text {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-heading-5);
display: block;
letter-spacing: -0.005em;
color: #000000;
text-decoration: none;
text-transform: none;
text-align: center;
}
.desktop-logo-text:not(.visually-hidden),
.mobile-logo-text:not(.visually-hidden) {
width: 100%;
}
@media screen and (max-width: 1023px) {
.desktop-logo-image,
.desktop-logo-text {
display: none;
}
}
@media screen and (min-width: 1024px) {
.mobile-logo-image,
.mobile-logo-text {
display: none;
}
}
.site-header-button {
z-index: 125;
display: inline-block;
height: 46px;
background-color: transparent;
border: none;
cursor: pointer;
}
.site-header-icon {
display: inline-block;
position: relative;
padding: 10px;
color: #000000;
outline: none;
}
.site-header-icon:hover {
color: rgba(0, 0, 0, 0.7);
}
.site-header-icon:hover .toggle-icon--bar {
background-color: rgba(0, 0, 0, 0.7);
}
.site-header-icon svg {
display: block;
}
.site-header-menu-button {
left: 0rem;
}
@media screen and (min-width: 720px) {
.site-header-menu-button {
left: calc(1.640625rem - 0.625rem);
}
}
@media screen and (min-width: 1080px) {
.site-header-menu-button {
left: 1.875rem;
}
}
.site-header-menu-icon {
padding-top: 15px;
padding-bottom: 15px;
background-color: transparent;
color: #000000;
}
.site-header-menu-icon:focus {
outline: none;
}
.site-header-menu-icon path {
transition: transform 0.2s, opacity 0.2s;
transition-timing-function: cubic-bezier(0.3, 0, 0, 1);
}
.site-header-menu-icon path:nth-of-type(1) {
transform-origin: 2.5px 3.5px;
}
.site-header-menu-icon path:nth-of-type(3) {
transform-origin: 1px 14px;
}
.site-header-menu-icon .nav-toggle-ie-11 {
display: none;
}
.site-header-menu-button.active .site-header-menu-icon path:nth-of-type(1) {
transform: rotate(45deg);
}
.site-header-menu-button.active .site-header-menu-icon path:nth-of-type(2) {
opacity: 0;
}
.site-header-menu-button.active .site-header-menu-icon path:nth-of-type(3) {
transform: rotate(-45deg);
}
@media all and (-ms-high-contrast: none) {
.site-header-menu-button.active .site-header-menu-icon .icon-menu {
display: none;
}
.site-header-menu-button.active .site-header-menu-icon .nav-toggle-ie-11 {
display: inline-block;
}
.site-header-menu-button.active .site-header-menu-icon .nav-toggle-ie-11 .icon-search-close {
display: inline-block;
}
.site-header-menu-button.active .site-header-menu-icon .nav-toggle-ie-11 .icon-search-close path {
opacity: 1;
transform: none;
transform-origin: 0;
}
}
.site-header-cart-button {
right: 0px;
transition: right 0.15s cubic-bezier(0.3, 0, 0, 1), top 0.15s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (min-width: 720px) {
.site-header-cart-button {
right: 1.640625rem;
}
}
@media screen and (min-width: 1080px) {
.site-header-cart-button {
right: calc(40px);
}
}
.site-header-cart-button.count-hidden {
right: calc(10px - 10px);
}
@media screen and (min-width: 720px) {
.site-header-cart-button.count-hidden {
right: calc(1.640625rem - 10px);
}
}
@media screen and (min-width: 1080px) {
.site-header-cart-button.count-hidden {
right: calc(40px - 10px);
}
}
.site-header-cart-button svg {
transition: margin 0.15s;
}
.site-header-cart--count {
position: absolute;
top: 2px;
right: 2px;
display: block;
opacity: 0;
transition: opacity 0.15s linear;
}
.site-header-cart--count.visible {
opacity: 1;
}
.site-header-cart--count:after {
display: block;
height: 20px;
min-width: 20px;
padding: 3px;
font-size: 0.6875rem;
line-height: 12px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #ad8371;
border: 1px solid #f7f2ee;
border-radius: 50%;
content: attr(data-header-cart-count);
}
.announcement-bar--link,
.small-promo--link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.announcement-bar-text a,
.announcement-bar-text-mobile a {
position: relative;
z-index: 1;
}
.site-navigation-wrapper {
display: none;
position: relative;
z-index: 700;
width: 100%;
background-color: #ffffff;
transition: margin-top 0.2s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (min-width: 1024px) {
.site-header-nav--open .site-navigation-wrapper {
display: block;
}
}
.site-navigation {
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.site-navigation ul {
padding: 0;
margin: 0;
list-style: none;
}
.site-navigation a {
position: relative;
display: inline-block;
padding: 12px 15px;
line-height: calc(0.9375rem + 2px);
color: #000000;
text-decoration: none;
}
.site-navigation a:hover {
color: #ad8371;
}
.site-navigation a:focus {
outline: solid rgba(0, 0, 0, 0.5);
outline-offset: -5px;
}
.site-navigation a.navmenu-item-active:focus {
outline: 0;
}
.site-navigation .navmenu-item-highlighted > a {
color: #ff0000;
}
.site-navigation .navmenu-item-highlighted > a:hover {
color: rgba(255, 0, 0, 0.7);
}
.site-navigation .navmenu-icon {
position: absolute;
top: 50%;
right: 20px;
display: inline-block;
height: 6px;
margin-top: -3px;
}
.site-navigation .navmenu-icon.navmenu-icon-depth-1 {
position: relative;
top: -1px;
right: -3px;
transform: rotate(90deg);
}
.site-navigation .navmenu-icon svg {
display: block;
width: 8px;
height: 6px;
transform: rotate(-90deg);
fill: currentColor;
}
.site-navigation .navmenu-icon .icon-chevron-down-left,
.site-navigation .navmenu-icon .icon-chevron-down-right {
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), fill 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform-origin: 50% 50%;
}
.site-navigation .navmenu {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.site-navigation .navmenu-depth-1 {
display: inline-block;
height: 100%;
max-width: 100%;
flex: 1 1 auto;
margin-left: -15px;
}
.site-navigation .navmenu-depth-1 > li {
display: inline-block;
padding-top: 8px;
padding-bottom: 8px;
vertical-align: top;
}
.site-navigation .navmenu-submenu {
position: absolute;
top: 100%;
z-index: 100;
display: none;
width: 240px;
padding-top: 15px;
padding-bottom: 15px;
background-color: #ffffff;
box-shadow: 0 3px 4px rgba(128, 128, 128, 0.25);
}
.site-navigation .navmenu-submenu.navmenu-submenu-inline-children {
overflow-x: hidden;
overflow-y: auto;
}
.site-navigation .navmenu-submenu.navmenu-submenu-inline-children .navmenu-icon svg {
transform: rotate(0deg);
}
.site-navigation .navmenu-submenu.navmenu-submenu-inline-children .navmenu-depth-3 {
position: relative;
top: 0;
left: 0;
padding-top: 0;
margin-left: 0;
box-shadow: none;
}
.site-navigation .navmenu-depth-2 {
margin-left: -0.625rem;
}
.site-navigation .navmenu-depth-2 .navmenu-link {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body);
z-index: 2;
display: block;
padding: 0.4375rem 2rem 0.4375rem 1.5625rem;
letter-spacing: -0.005em;
color: #313131;
text-decoration: none;
text-transform: none;
transition: color 0.1s ease;
}
.site-navigation .navmenu-depth-2 .navmenu-link:hover, .site-navigation .navmenu-depth-2 .navmenu-link.navmenu-active {
color: #e9ded6;
}
.site-navigation .navmenu-depth-2 .navmenu-link:focus {
outline: solid rgba(49, 49, 49, 0.5);
outline-offset: -3px;
}
.site-navigation .navmenu-depth-2 .navmenu-submenu, .site-navigation .navmenu-depth-2 .navmenu-submenu > li {
animation-name: none;
transition: none;
}
.site-navigation .navmenu-depth-3 {
top: -15px;
left: 100%;
min-height: 100%;
margin-left: -1px;
}
.site-navigation .navmenu-depth-3 > li a {
font-size: var(--font-size-body);
letter-spacing: 0;
text-transform: none;
}
.site-navigation .navmenu-link-parent,
.site-navigation .navmenu-item-parent:not(.navmenu-meganav-item-parent) {
position: relative;
}
.site-navigation .navmenu-meganav-item-parent > a {
position: inherit;
}
.site-navigation .navmenu-meganav-item > a:focus,
.site-navigation .navmenu-meganav--image-text > a:focus {
outline: solid rgba(0, 0, 0, 0.5);
outline-offset: -2px;
}
.site-header--full-width .site-navigation {
width: 100%;
max-width: 100%;
}
@keyframes menu-animation {
0% {
z-index: 90000;
opacity: 0;
}
20% {
opacity: 0;
}
100% {
z-index: 90000;
opacity: 1;
}
}
.open .navmenu-submenu {
opacity: 1;
}
.open .navmenu-submenu .navmenu-meganav-items {
display: flex;
}
.open .navmenu-submenu.animating-in {
animation: menu-animation 0.15s ease;
animation-fill-mode: forwards;
}
.open .navmenu-submenu.animating-out {
animation: menu-animation 0.15s ease;
animation-direction: reverse;
animation-fill-mode: forwards;
}
.navmenu-item-parent .meganav-editing-block, .navmenu-item-parent.open > .navmenu-submenu {
z-index: 1;
display: block;
}
.navmenu-item-parent .navmenu-submenu.meganav-editing-block {
animation: none;
}
.navmenu-item-parent.alternate-drop .navmenu {
left: calc(-100% + 1px);
}
.site-header-actions {
flex: 1 0 auto;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none;
}
.site-header-actions li {
display: inline-block;
}
.site-header-actions li a {
padding-right: 12px;
padding-left: 12px;
}
.site-navigation-wrapper .site-header-actions {
display: inline-block;
max-width: 305px;
margin-top: 8px;
text-align: right;
}
.site-navigation-wrapper .site-header-actions a {
color: #212121;
opacity: 0.8;
}
.site-navigation-wrapper .site-header-actions a:hover {
color: #000000;
}
.site-mobile-nav .site-header-actions {
font-family: type_body_custom;
font-style: normal;
font-weight: 100;
display: flex;
align-items: center;
align-self: start;
flex-direction: row;
height: 32px;
margin-top: 12px;
margin-bottom: 12px;
margin-left: 24px;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.site-mobile-nav .site-header-actions li {
line-height: 46px;
opacity: 0.8;
}
.site-mobile-nav .site-header-actions li svg {
width: 22px;
height: 22px;
color: #000000;
vertical-align: middle;
}
.site-mobile-nav .site-header-actions a {
padding-right: 8px;
padding-left: 8px;
color: #313131;
}
.site-mobile-nav .site-header-actions .site-header-account-link {
margin-left: -6px;
color: #000000;
}
.site-mobile-nav .site-header-actions .site-header-account-link a {
vertical-align: middle;
}
.site-mobile-nav .site-header-actions .site-header-account-link svg {
margin-right: 4px;
}
.site-header--traditional .site-header-actions .site-header-account-link svg {
width: 17px;
height: 17px;
vertical-align: middle;
transform: translateY(-2px);
}
.site-header--traditional .site-header-actions .site-header-account-link a {
padding-left: 3px;
}
.site-header-actions .site-header-account-link:last-child {
margin-left: 0;
}.site-header-main {
display: flex;
min-height: 4.5rem;
padding-top: 0.46875rem;
padding-bottom: 0.46875rem;
justify-content: flex-start;
position: relative;
align-items: center;
box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
.site-header-main {
flex-wrap: wrap;
}
}
@media screen and (min-width: 1024px) {
.site-header-main.site-header-stacked {
padding-top: 1.171875rem;
}
}
@media screen and (min-width: 1024px) {
.site-header-accounts-enabled .site-header-main.site-header-stacked {
align-items: baseline;
}
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.site-header--desktop-logo-center .site-header-main {
padding-right: 1.640625rem;
}
}
@media screen and (min-width: 1024px) {
.site-header--desktop-logo-center .site-header-main {
padding-right: 2.5rem;
}
}
.site-header-menu-button {
display: flex;
padding: 0;
margin-left: -10px;
}
@media screen and (min-width: 1024px) {
.site-header-menu-button {
display: none;
}
}
@media screen and (max-width: 1023px) {
.site-header--mobile-logo-center .site-header-menu-button {
position: absolute;
margin-left: 0;
}
}
.site-header-menu-button .site-header-menu-icon {
padding-top: 0.6875rem;
padding-bottom: 0.75rem;
}
.site-logo {
display: flex;
justify-content: center;
margin-left: calc(10px / 2);
padding: 0px 68px;
width: 100%;
}
@media screen and (min-width: 1024px) {
.site-logo {
position: absolute;
height: auto;
margin-left: 0;
padding-right: 25px;
}
}
@media screen and (max-width: 1023px) {
.site-header--mobile-logo-left .site-logo {
padding-left: 0;
text-align: left;
width: auto;
}
}
.site-logo .site-logo-link {
display: flex;
text-decoration: none;
}
@media screen and (min-width: 1024px) {
.site-header--desktop-logo-center .site-logo {
left: 0;
width: 100%;
margin-left: 0;
padding: 0;
text-align: center;
}
}
@media screen and (min-width: 1024px) {
.site-header--desktop-logo-center .site-logo .desktop-logo-text {
display: inline-block;
width: auto;
}
}
@media screen and (max-width: 1023px) {
.site-header--mobile-logo-center .site-logo {
display: flex;
justify-content: center;
flex: 1 0 auto;
margin-left: 0;
text-align: center;
}
}
@media screen and (min-width: 1024px) {
.site-header-stacked .site-logo {
position: static;
padding-top: 0.234375rem;
}
}
@media screen and (max-width: 719px) {
.site-logo .mobile-logo-image {
max-width: 12.5rem;
}
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
.site-logo .mobile-logo-image {
max-width: 25rem;
}
}
.site-navigation {
display: none;
flex: 0 0 auto;
max-width: 100%;
padding: 0;
margin: 0 auto;
background: transparent;
transition: opacity 0.4s;
}
.site-header-loading .site-navigation {
position: absolute;
opacity: 0;
}
@media screen and (min-width: 1024px) {
.site-navigation {
display: block;
}
}
.site-header--full-width .site-navigation {
width: auto;
}
.site-header-stacked .site-navigation {
width: 100%;
margin: 0 0 0 -15px;
padding-top: 0.46875rem;
}
.site-header--desktop-logo-center .site-navigation {
position: absolute;
margin-left: -15px;
width:auto;
display:flex;
}
/* .site-header--desktop-logo-center .site-header-stacked .site-navigation {
position: static;
margin-left: 0;
text-align: center;
} */
.site-header--basic-navigation-below .site-navigation-wrapper {
background: #ffffff;
}
.site-header--basic-navigation-below .site-navigation-wrapper .site-navigation {
position: static;
margin-left: auto;
text-align: center;
}
.site-navigation > .navmenu {
display: inline-block;
max-width: 100%;
padding: 0;
margin: 0;
text-align: left;
list-style-type: none;
}
.site-navigation > .navmenu > .navmenu-item > .navmenu-submenu:not(.navmenu-meganav) {
margin-top: 0.46875rem;
}
.site-header--basic-navigation-below .site-navigation > .navmenu > .navmenu-item > .navmenu-submenu:not(.navmenu-meganav) {
margin-top: 0;
}
.site-navigation > .navmenu > .navmenu-item {
display: inline-block;
margin: 0;
}
.site-navigation > .navmenu > .navmenu-item:first-child {
padding-left: 0;
}
.site-header--basic .site-header-search {
display: block;
}
.site-header--basic .site-header-search-wrapper {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-right: 54px;
padding-left: 10px;
opacity: 1;
z-index: 150;
background-color: #f7f2ee;
transition: opacity 0.2s;
}
@media screen and (min-width: 720px) {
.site-header--basic .site-header-search-wrapper {
padding-right: 64px;
padding-left: 10px;
}
}
.site-header--basic .live-search {
display: block;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
margin-top: 0;
}
@media screen and (min-width: 720px) {
.site-header--basic .live-search {
position: absolute;
width: 37.5rem;
}
}
.site-header--basic .live-search.live-search--takeover {
transform: none;
}
.site-header--basic .live-search--hidden .site-header-search {
visibility: hidden;
}
.site-header--basic .live-search--hidden .site-header-search-wrapper {
opacity: 0;
}
.site-header--basic .live-search--hidden .live-search {
display: none;
}
.site-header-search-close {
position: absolute;
top: 50%;
right: 10px;
color: #000000;
transform: translateY(-50%);
}
.site-header-search-close:hover {
color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 720px) {
.site-header-search-close {
left: 50%;
right: auto;
transform: translate(-50%, -50%);
margin-left: 18.75rem1.640625rem;
}
}
.site-header-main-actions {
position: absolute;
display: flex;
right: 0;
padding-left: 1.171875rem;
justify-content: center;
transition: opacity 0.4s;
}
.site-header-loading .site-header-main-actions {
opacity: 0;
}
@media screen and (min-width: 720px) {
.site-header-main-actions {
margin-right: 0.9375rem;
}
}
@media screen and (min-width: 1024px) {
.site-header-main-actions {
margin-right: 1.640625rem;
}
}
.site-header-main-actions > * {
display: flex;
justify-content: center;
}
.site-header-account-button {
display: none;
}
@media screen and (min-width: 1024px) {
.site-header-account-button {
display: inline-block;
}
}
.site-header-search-button {
padding: 0 3px;
}
@media screen and (max-width: 719px) {
.site-header--mobile-logo-center .site-header-search-button {
margin-right: 100px;
}
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
.site-header--mobile-logo-center .site-header-search-button {
margin-left: 6.75rem1.640625rem;
}
}
@media screen and (max-width: 1023px) {
.site-header--mobile-logo-center .site-header-search-button {
position: absolute;
left: -100vw;
}
}
@media screen and (max-width:767px){
.site-header--mobile-logo-center .site-header-search-button {
left:inherit;
}
.site-header-search-button {
display: block !important;
}
.site-header--basic .site-header-search-wrapper {
display: none;
}
.mobile-nav-panel .site-header-searchn {
display:none
}
body#template-collection .productitem--emphasis .productitem--price .price--main {
font-size: 15px;
}
body#template-collection .productgrid--items .productitem--vendor {
font-size: 10px;
max-width:60px;
}
}
@media screen and (min-width: 1024px) {
.site-header--basic-navigation-below.site-header--desktop-logo-center .site-header-search-button {
position: absolute;
left: calc(-100vw + 100% + 2.5rem);
}
}
@media (min-width: 1600px) {
.site-header--basic-navigation-below.site-header--desktop-logo-center .site-header-main:not(.site-header--full-width) .site-header-search-button {
left: calc(-1600px + 100% + 2.5rem);
}
}/* Templates */
.account-page-masthead {
text-align: center;
}
.account-page-content .form-field {
margin-bottom: 1.171875rem;
}
@media screen and (min-width: 720px) {
.account-page-content .form-fields-columns {
margin-bottom: calc(-1 * 1.171875rem);
}
}
.account-page--two-column .account-page--column-half {
margin-top: 2.9296875rem;
}
.account-page--two-column .account-page--column-half:first-child {
margin-top: 0;
}
@media screen and (min-width: 860px) {
.account-page--two-column .account-page--column-half {
float: left;
width: calc(50% - 20px);
margin-top: 0;
}
.account-page--two-column .account-page--column-half:nth-child(2) {
margin-left: 40px;
}
}
@media screen and (min-width: 860px) {
.account-page--two-column .account-page--column-large {
float: left;
width: calc(70% - 20px);
}
}
@media screen and (min-width: 1280px) {
.account-page--two-column .account-page--column-large {
float: left;
width: calc(80% - 20px);
}
}
.account-page--two-column .account-page--column-small {
margin-top: 1.875rem;
}
@media screen and (min-width: 860px) {
.account-page--two-column .account-page--column-small {
float: left;
width: calc(30% - 20px);
margin-top: 0;
margin-left: 40px;
}
}
@media screen and (min-width: 1280px) {
.account-page--two-column .account-page--column-small {
width: calc(20% - 20px);
}
}
.account-page-title {
font-size: var(--font-size-heading-1);
margin-top: 0;
margin-bottom: 0;
color: #000000;
}
@media screen and (min-width: 1024px) {
.account-page-title {
font-size: 1.7578125rem;
}
}
.account-page-subtitle {
font-size: var(--font-size-heading-4);
margin-top: 0;
margin-bottom: 0.9375rem;
color: #000000;
}
.account-page-subtitle:not(:first-child) {
margin-top: 1.875rem;
}
.account-message {
margin-bottom: 1.171875rem;
}
.account-login,
.account-recovery {
display: none;
}
.account-login.visible,
.account-recovery.visible {
display: block;
}
.account-recovery .account-recovery--submit, .account-recovery .account-recovery--cancel {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.account-recovery .account-recovery--submit, .account-recovery .account-recovery--cancel {
text-transform: uppercase;
}.account-page-login .account-page-content {
max-width: 500px;
}
.account-page-login .account-register {
margin-top: 1.640625rem;
}
.account-page-login .form-action--submit,
.account-page-register .form-action--submit {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
vertical-align: middle;
}.account-page-login .form-action--submit,
.account-page-register .form-action--submit {
text-transform: uppercase;
}.account-page-login .form-action-row--helper,
.account-page-register .form-action-row--helper {
margin-top: 0.9375rem;
}
@media screen and (min-width: 720px) {
.account-page-login .form-action-row--helper,
.account-page-register .form-action-row--helper {
display: inline-block;
margin-top: 0;
margin-left: 20px;
vertical-align: middle;
}
}.account-page-login .form-action-row--helper-item,
.account-page-register .form-action-row--helper-item {
font-size: var(--font-size-body-small);
display: block;
}
.account-page-login .form-action-row--helper-item:not(:first-child),
.account-page-register .form-action-row--helper-item:not(:first-child) {
margin-top: 0.46875rem;
}
.account-page-register .account-page-content {
max-width: 640px;
}
.shopify-challenge__container {
margin-top: 1.640625rem;
text-align: center;
}
.account-order-list {
font-size: var(--font-size-body-smaller);
width: 100%;
max-width: 600px;
table-layout: fixed;
border-spacing: 0 20px;
border-collapse: collapse;
}
.account-order-list tr {
text-align: left;
}
.account-order-list td:not(:last-child) {
padding-right: 10px;
}
.account-order-list tbody td {
padding-top: 10px;
}.account-address-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
list-style-type: none;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 0;
}
.account-address {
font-size: var(--font-size-body);
flex-grow: 0;
flex-shrink: 0;
width: 100%;
padding: 1.171875rem;
margin-top: 10px;
background-color: #ffffff;
border-radius: 0px;
}
.account-address:first-child {
margin-top: 0;
}
@media screen and (min-width: 680px) {
.account-address {
width: calc(50% - 10px);
margin-right: 10px;
}
.account-address:nth-child(2) {
margin-top: 0;
}
.account-address:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (min-width: 1024px) {
.account-address {
width: calc(50% - 10px);
margin-top: 20px;
margin-right: 20px;
}
.account-address:nth-child(2) {
margin-top: 0;
}
.account-address:nth-child(2n) {
margin-right: 0;
}
}
.account-info-item,
.account-address-item {
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
}.account-address-item--default {
font-style: italic;
}
.account-address-list {
padding-left: 0;
margin-top: 1.171875rem;
margin-bottom: 1.171875rem;
list-style: none;
}
.account-address-list li {
margin-top: 0.46875rem;
}
.account-address-list-footer {
margin-top: calc(1.171875rem / 2);
}
.account-address-list-footer button {
margin-top: calc(1.171875rem / 2);
}
.account-address-list-footer button:first-child {
margin-right: 0.46875rem;
}
@media screen and (max-width: 1023px) and (min-width: 860px) {
.account-address-list-footer button:first-child {
margin-right: calc(0.46875rem/2);
}
}
.account-address-form {
display: none;
}
.account-address-form.visible {
display: block;
}
.account-address-form .address-form--submit, .account-address-form .address-form--cancel {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.account-address-form .address-form--submit, .account-address-form .address-form--cancel {
text-transform: uppercase;
}.account-page-activate .account-page-content,
.account-page-reset-password .account-page-content {
max-width: 500px;
}
.page-content-contact .form-field {
margin-bottom: 1.171875rem;
}
@media screen and (min-width: 720px) {
.page-content-contact .form-fields-columns {
margin-bottom: calc(-1 * 1.171875rem);
}
}
.page-content-contact .contact-message {
margin-bottom: 1.171875rem;
}
.page-content-contact .contact-form-button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.page-content-contact .contact-form-button {
text-transform: uppercase;
}/* Sections */
.blogposts--container {
position: relative;
}
@media screen and (max-width: 1023px) {
.blogposts--container {
overflow: hidden;
}
}
.blogposts--inner {
padding: 0;
list-style-type: none;
outline: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.blogposts--inner:not(.flickity-enabled),
.blogposts--inner .flickity-slider {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
transition: width 0.1s ease;
}
.blogposts--inner.flickity-enabled {
display: block;
width: 100%;
cursor: grab;
}
@media screen and (max-width: 859px) {
.blogposts--inner:not(.flickity-enabled) {
flex-direction: column;
}
}
@media screen and (max-width: 859px) and (max-width: 1023px) {
.blogposts--inner:not(.flickity-enabled) .article--excerpt-wrapper:not(:first-child) {
margin-top: 1.640625rem;
}
}
.blogposts--inner .article--excerpt-wrapper {
font-size: var(--font-size-body);
width: 100%;
min-width: 280px;
min-height: 100%;
flex: 1 1 auto;
}
.blogposts--count-2 .blogposts--inner .article--excerpt-wrapper {
width: 50%;
}
.blogposts--count-3 .blogposts--inner .article--excerpt-wrapper {
width: 33.3333333333%;
}
.blogposts--inner .article--excerpt-wrapper:not(:last-child) {
margin-right: 10px;
}
@media screen and (min-width: 1080px) {
.blogposts--inner .article--excerpt-wrapper:not(:last-child) {
margin-right: 20px;
}
}
.blogposts--footer {
margin-top: 1.640625rem;
text-align: center;
}
@media screen and (min-width: 720px) {
.blogposts--footer {
margin-top: 2.5rem;
}
}
.blogposts--footer-button {
font-size: var(--font-size-button-small);
padding: 0.6875rem 1.375rem;
letter-spacing: 0.01em;
}.blogposts--footer-button {
text-transform: uppercase;
}@media screen and (min-width: 720px) {
.blogposts--footer-button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.blogposts--footer-button {
text-transform: uppercase;
}}
@media screen and (min-width: 1024px) {
.blogposts--footer-button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.blogposts--footer-button {
text-transform: uppercase;
}}
.blogposts--footer-icon {
margin-left: 0.0625rem;
}
.dynamic-collection-list--container {
text-align: center;
width: 100%;
}
.dynamic-collection-list--inner {
list-style-type: none;
margin-block-start: 0;
margin-block-end: 0;
padding-left: 0;
margin: 0 auto;
}
.dynamic-collection-list--item {
float: left;
width: calc(50% - 5px);
margin-left: 20px;
display: none;
}
@media screen and (min-width: 720px) {
.dynamic-collection-list--item.active {
display: block;
}
}
@media screen and (max-width: 719px) {
.dynamic-collection-list--item.active-mobile {
display: block;
}
}
@media screen and (min-width: 720px) {
.desktop-collections-per-row-3 .dynamic-collection-list--item {
width: calc(33.3333333333% - 13.3333333333px);
}
.desktop-collections-per-row-3 .dynamic-collection-list--item:nth-child(3n+1) {
margin-left: 0;
clear: left;
}
.desktop-collections-per-row-4 .dynamic-collection-list--item {
width: calc(25% - 15px);
}
.desktop-collections-per-row-4 .dynamic-collection-list--item:nth-child(4n+1) {
margin-left: 0;
clear: left;
}
.desktop-collections-per-row-5 .dynamic-collection-list--item {
width: calc(20% - 16px);
}
.desktop-collections-per-row-5 .dynamic-collection-list--item:nth-child(5n+1) {
margin-left: 0;
clear: left;
}
.desktop-collections-per-row-6 .dynamic-collection-list--item {
width: calc(16.6666666667% - 16.6666666667px);
}
.desktop-collections-per-row-6 .dynamic-collection-list--item:nth-child(6n+1) {
margin-left: 0;
clear: left;
}
}
@media screen and (max-width: 719px) {
.dynamic-collection-list--item {
margin-left: 10px;
}
.mobile-collections-per-row-1 .dynamic-collection-list--item {
margin-left: 0;
clear: left;
width: 100%;
}
.mobile-collections-per-row-2 .dynamic-collection-list--item {
width: calc(50% - 5px);
}
.mobile-collections-per-row-2 .dynamic-collection-list--item:nth-child(2n+1) {
margin-left: 0;
clear: left;
}
.mobile-collections-per-row-3 .dynamic-collection-list--item {
width: calc(33.3333333333% - 6.6666666667px);
}
.mobile-collections-per-row-3 .dynamic-collection-list--item:nth-child(3n+1) {
margin-left: 0;
clear: left;
}
}
.no-js .dynamic-collection-list--item.active, .no-js .dynamic-collection-list--item.active-mobile {
display: block;
}
.dynamic-collection-list--item-title,
.dynamic-collection-list--item-title-mobile {
font-size: var(--font-size-body);
display: inline-block;
margin-bottom: 1.640625rem;
line-height: 1.4;
letter-spacing: -0.005em;
text-decoration: none;
}.dynamic-collection-list--item-title,
.dynamic-collection-list--item-title-mobile {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
}@media screen and (min-width: 1024px) {
.dynamic-collection-list--item-title,
.dynamic-collection-list--item-title-mobile {
margin-bottom: calc(1.171875rem * 2);
}
}
.label-style-heading .dynamic-collection-list--item-title,
.label-style-heading .dynamic-collection-list--item-title-mobile {
font-family: type_heading_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body);
letter-spacing: 0.0em;
color: #000000;
}.label-style-heading .dynamic-collection-list--item-title,
.label-style-heading .dynamic-collection-list--item-title-mobile {
text-transform: none;
}.label-style-heading .dynamic-collection-list--item-title:hover,
.label-style-heading .dynamic-collection-list--item-title-mobile:hover {
color: #000000;
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.desktop-collections-per-row-5 .dynamic-collection-list--item-title, .desktop-collections-per-row-6 .dynamic-collection-list--item-title,
.desktop-collections-per-row-5 .dynamic-collection-list--item-title-mobile,
.desktop-collections-per-row-6 .dynamic-collection-list--item-title-mobile {
font-size: var(--font-size-body-small);
}
}
@media screen and (max-width: 719px) {
.dynamic-collection-list--item-title,
.dynamic-collection-list--item-title-mobile {
margin-top: 0.234375rem;
margin-bottom: 1.640625rem;
}
}
.dynamic-collection-list--item-title {
margin-top: 0.703125rem;
}
@media screen and (max-width: 719px) {
.dynamic-collection-list--item-title {
display: none;
}
}
.dynamic-collection-list--item-title-mobile {
margin-top: 0.46875rem;
}
@media screen and (min-width: 720px) {
.dynamic-collection-list--item-title-mobile {
display: none;
}
}
.dynamic-collection-list--item-info {
margin: 0 auto;
}
.dynamic-collection-list--show-more-button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
display: none;
margin: 1.171875rem 0 auto;
}.dynamic-collection-list--show-more-button {
text-transform: uppercase;
}@media screen and (min-width: 720px) {
.js .dynamic-collection-list--show-more-button.active {
display: inline-block;
}
}
@media screen and (min-width: 1024px) {
.dynamic-collection-list--show-more-button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.dynamic-collection-list--show-more-button {
text-transform: uppercase;
}}
@media screen and (max-width: 1023px) and (min-width: 720px) {
.dynamic-collection-list--show-more-button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.dynamic-collection-list--show-more-button {
text-transform: uppercase;
}}
@media screen and (max-width: 719px) {
.dynamic-collection-list--show-more-button {
font-size: var(--font-size-button-small);
padding: 0.6875rem 1.375rem;
letter-spacing: 0.01em;
margin-top: 0.46875rem;
}.dynamic-collection-list--show-more-button {
text-transform: uppercase;
}.js .dynamic-collection-list--show-more-button.active-mobile {
display: inline-block;
}
}
.featured-collection--wrapper {
position: relative;
width: 100%;
}
.featured-collection--wrapper .featured-collection--overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
}
.featured-collection--wrapper.featured-collection--background-image {
background-size: cover;
}
.featured-collection--wrapper.featured-collection--background-image.left {
background-position-x: 0;
}
.featured-collection--wrapper.featured-collection--background-image.middle {
background-position-x: 50%;
}
.featured-collection--wrapper.featured-collection--background-image.right {
background-position-x: 100%;
}
.featured-collection--wrapper.featured-collection--background-image.top {
background-position-y: 0;
}
.featured-collection--wrapper.featured-collection--background-image.center {
background-position-y: 50%;
}
.featured-collection--wrapper.featured-collection--background-image.bottom {
background-position-y: 100%;
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.featured-collection--container {
padding-right: 10px;
padding-left: 10px;
}
}
@media screen and (max-width: 719px) {
.featured-collection--container .home-section--title {
padding-right: 10px;
padding-left: 10px;
}
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
.featured-collection--container .home-section--title {
padding-right: 15px;
padding-left: 15px;
}
}
.featured-collection--container .featured-collection--cta-wrapper {
margin: 3.984375rem auto 0;
text-align: center;
}
.featured-collection--container .featured-collection--cta-wrapper .featured-collection--cta {
font-size: var(--font-size-button-small);
padding: 0.6875rem 1.375rem;
letter-spacing: 0.01em;
}.featured-collection--container .featured-collection--cta-wrapper .featured-collection--cta {
text-transform: uppercase;
}@media screen and (min-width: 720px) {
.featured-collection--container .featured-collection--cta-wrapper .featured-collection--cta {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.featured-collection--container .featured-collection--cta-wrapper .featured-collection--cta {
text-transform: uppercase;
}}
@media screen and (min-width: 1080px) {
.featured-collection--container .featured-collection--cta-wrapper .featured-collection--cta {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.featured-collection--container .featured-collection--cta-wrapper .featured-collection--cta {
text-transform: uppercase;
}}
.featured-collection--container .featured-collection--content {
position: relative;
display: flex;
width: 100%;
padding: 0;
margin-bottom: 16px;
outline: none;
}
.featured-collection--container .featured-collection--content .productgrid--item {
width: calc(214px - 10px);
margin-right: 10px;
}
@media screen and (min-width: 1080px) {
.featured-collection--container .featured-collection--content {
padding: 0 20px;
}
}@media screen and (min-width: 1660px) {
.featured-collection--container .featured-collection--content {
padding: 0;
}
}.featured-collection--container .featured-collection--content[data-layout=grid] {
flex-wrap: nowrap;
padding: 0;
}
@media screen and (max-width: 1079px) {
.featured-collection--container .featured-collection--content[data-layout=grid]:not(.flickity-enabled) {
overflow: hidden;
}
}
@media screen and (min-width: 1080px) {
.featured-collection--container .featured-collection--content[data-layout=grid] {
flex-wrap: wrap;
}
.featured-collection--container .featured-collection--content[data-layout=grid] .productgrid--item {
flex-grow: 1;
width: calc(100% / 5 - 10px);
margin-right: 10px;
}
.featured-collection--container .featured-collection--content[data-layout=grid] .productgrid--item:nth-child(n+6) {
margin-top: 10px;
}
.featured-collection--container .featured-collection--content[data-layout=grid] .productgrid--item:nth-child(5n) {
margin-right: 0;
}
@supports (display: grid) {
.featured-collection--container .featured-collection--content[data-layout=grid] {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-row-gap: 50px;
grid-column-gap: 10px;
column-gap: 10px;
row-gap: 50px;
padding: 0;
}
.featured-collection--container .featured-collection--content[data-layout=grid] .productgrid--item {
width: 100%;
margin-right: 0;
}
.featured-collection--container .featured-collection--content[data-layout=grid] .productgrid--item:nth-child(n+6) {
margin-top: 0;
}
}
}
.featured-collection--container .featured-collection--content[data-layout=slideshow] .productgrid--item {
width: calc(214px - 10px);
}
@media screen and (min-width: 1080px) {
.featured-collection--container .featured-collection--content[data-layout=slideshow] .productgrid--item {
width: calc(100% / 4 - calc(3 * 10px) / 4);
margin-right: 10px;
}
}
@media screen and (min-width: 1280px) {
.featured-collection--container .featured-collection--content[data-layout=slideshow] .productgrid--item {
width: calc(100% / 4 - calc(4 * 10px) / 4);
margin-right: 10px;
}
}
.featured-collection--container .featured-collection--content.flickity-enabled {
cursor: grab;
}
.featured-collection--container .featured-collection--content.flickity-enabled .productgrid--item {
height: inherit;
}
.featured-collection--container .featured-collection--content .flickity-viewport {
position: relative;
}
.featured-collection--container .featured-collection--content .flickity-slider--wrapper {
position: absolute;
top: 0;
left: 0;
width: calc(100%);
height: inherit;
min-height: 200%;
padding-right: 0;
padding-left: 0;
margin-left: 0;
overflow: hidden;
pointer-events: none;
padding-top: 0;
}
.featured-collection--container .featured-collection--content .flickity-slider {
height: inherit;
pointer-events: auto;
}
.featured-collection--container .featured-collection--content .flickity-prev-next-button {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background-color: transparent;
border-radius: 24px;
opacity: 1;
transition: transform 150ms ease, box-shadow 150ms ease, opacity 150ms ease, background-color 150ms ease;
}
.featured-collection--container .featured-collection--content .flickity-prev-next-button.next {
right: 0;
}
.featured-collection--container .featured-collection--content .flickity-prev-next-button.next svg {
height: auto;
transform: translateX(1px);
}
.featured-collection--container .featured-collection--content .flickity-prev-next-button.previous {
left: 0;
}
.featured-collection--container .featured-collection--content .flickity-prev-next-button.previous svg {
height: auto;
transform: translateX(-1px);
}
.featured-collection--container .featured-collection--content .flickity-prev-next-button .flickity-button-icon {
transition: fill 100ms ease;
}
@media screen and (max-width: 1079px) {
.featured-collection--container .featured-collection--content .flickity-prev-next-button {
display: none;
}
}
@media screen and (min-width: 1080px) {
.featured-collection--container .featured-collection--content .flickity-prev-next-button.next {
margin-right: -25px;
}
.featured-collection--container .featured-collection--content .flickity-prev-next-button.previous {
margin-left: -25px;
}
}@media screen and (min-width: 1660px) {
.featured-collection--container .featured-collection--content .flickity-prev-next-button.next {
margin-right: -45px;
}
.featured-collection--container .featured-collection--content .flickity-prev-next-button.previous {
margin-left: -45px;
}
}.featured-collection--container .featured-collection--content .flickity-prev-next-button:disabled {
cursor: initial;
opacity: 0.5;
}
.featured-collection--container .featured-collection--content .flickity-prev-next-button:disabled svg {
opacity: 0.3;
}
.featured-collection--container .featured-collection--content .flickity-prev-next-button:not(:disabled):hover {
background-color: #fff;
box-shadow: 0 0 0 1px rgba(128, 128, 128, 0.04), 0 3px 10px rgba(128, 128, 128, 0.4);
transform: translateY(-50%) scale(1.125);
}
.product-row--no-spacing .productitem--swatches-show-on-hover .productitem--swatches-container {
margin-bottom: 0;
}
.featured-collection--banner {
height: auto;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
min-height: 275px;
}
.featured-collection--banner.featured-collection--banner-placeholder {
background-color: #ececec;
}
.featured-collection--banner.featured-collection--banner-placeholder svg {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
fill: #acacac;
transform: translate(-50%, -50%);
}
.featured-collection--banner-outer {
display: flex;
flex-grow: 1;
align-items: center;
width: 100%;
height: 100%;
padding: 15px;
color: currentColor;
text-decoration: none;
}
@media screen and (min-width: 860px) {
.featured-collection--banner-outer {
padding: 20px;
}
}
.featured-collection--banner-inner {
z-index: 1;
flex-grow: 0;
align-self: center;
width: 100%;
text-align: center;
vertical-align: middle;
}
.featured-collection--banner-subtitle {
font-family: type_body_custom;
font-style: normal;
font-weight: 100;
font-size: var(--font-size-body-smaller);
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
}
.featured-collection--banner-title {
font-family: type_heading_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-heading-3);
margin-top: 0.46875rem;
margin-bottom: 0;
white-space: normal;
}
.featured-collections--content {
display: flex;
align-items: flex-start;
flex-direction: column;
overflow-wrap: break-word;
}
@media screen and (min-width: 720px) {
.featured-collections--content {
flex-direction: row;
}
}
.featured-collections--content .promo-block-mosaic {
flex-grow: 1;
flex-shrink: 1;
width: 100%;
}
@media screen and (min-width: 720px) {
.featured-collections--content .promo-block-mosaic {
margin-right: 10px;
}
}
@media screen and (min-width: 1080px) {
.featured-collections--content .promo-block-mosaic {
margin-right: 20px;
}
}
.featured-collections--content .promo-block-mosaic--background {
position: static;
width: 100%;
height: auto;
}
.featured-collections--content .promo-block-mosaic--content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top: 0;
}
@media screen and (max-width: 719px) {
.featured-collections--content .promo-block-mosaic--content {
padding-right: 1.171875rem;
}
}
.featured-collections--content .promo-block-mosaic--button {
font-size: var(--font-size-button-small);
padding: 0.6875rem 1.375rem;
letter-spacing: 0.01em;
display: inline-block;
opacity: 1;
}.featured-collections--content .promo-block-mosaic--button {
text-transform: uppercase;
}@media screen and (max-width: 1079px) and (min-width: 720px) {
.featured-collections--content .promo-block-mosaic--button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.featured-collections--content .promo-block-mosaic--button {
text-transform: uppercase;
}}
@media screen and (min-width: 1080px) {
.featured-collections--content .promo-block-mosaic--button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.featured-collections--content .promo-block-mosaic--button {
text-transform: uppercase;
}}
.featured-collections--content .promo-block-mosaic--text,
.featured-collections--content .promo-block-mosaic--header {
max-width: 80%;
}
.featured-collections--content .promo-block-mosaic--header {
font-size: var(--font-size-heading-1);
}
@media screen and (min-width: 720px) {
.featured-collections--content .promo-block-mosaic--header {
font-size: var(--font-size-heading-medium);
}
}
@media screen and (min-width: 1080px) {
.featured-collections--content .promo-block-mosaic--header {
font-size: var(--font-size-heading-large);
}
}
.featured-collections--content .promo-block-mosaic--text {
font-size: var(--font-size-body-medium);
}
@media screen and (max-width: 719px) {
.featured-collections--content .promo-block-mosaic--text {
max-width: 85%;
white-space: normal;
}
}
@media screen and (min-width: 1080px) {
.featured-collections--content .promo-block-mosaic--text {
font-size: var(--font-size-body-large);
}
}
.featured-collections--content .promo-block-mosaic--text p {
margin-top: 0;
}
.featured-collections--grid-items-container {
display: flex;
flex-grow: 0;
flex-shrink: 0;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
@media screen and (max-width: 719px) {
.featured-collections--grid-items-container {
margin-top: 10px;
}
}
@media screen and (min-width: 720px) {
.featured-collections--grid-items-container {
width: 45%;
}
.featured-collections--grid-items-container.featured-collections--lte-2-grid-items {
width: 27%;
}
}
@media screen and (min-width: 1080px) {
.featured-collections--grid-items-container {
margin-bottom: -20px;
}
}
.featured-collections--grid-item {
width: 100%;
padding-bottom: 15px;
border-radius: 0px;
}
@media screen and (max-width: 719px) {
.featured-collections--grid-item {
width: 50%;
}
.featured-collections--grid-item:nth-child(even) {
padding-left: 5px;
}
.featured-collections--grid-item:nth-child(odd) {
padding-right: 5px;
}
}
@media screen and (min-width: 1080px) {
.featured-collections--grid-item {
padding-bottom: 30px;
}
}
.featured-collections--grid-items-container:not(.featured-collections--lte-2-grid-items) .featured-collections--grid-item:not(.featured-collections--lte-2-grid-items) {
width: 50%;
}
.featured-collections--grid-items-container:not(.featured-collections--lte-2-grid-items) .featured-collections--grid-item:not(.featured-collections--lte-2-grid-items):nth-child(even) {
padding-left: 5px;
}
.featured-collections--grid-items-container:not(.featured-collections--lte-2-grid-items) .featured-collections--grid-item:not(.featured-collections--lte-2-grid-items):nth-child(odd) {
padding-right: 5px;
}
@media screen and (min-width: 1080px) {
.featured-collections--grid-items-container:not(.featured-collections--lte-2-grid-items) .featured-collections--grid-item:not(.featured-collections--lte-2-grid-items):nth-child(even) {
padding-left: 10px;
}
.featured-collections--grid-items-container:not(.featured-collections--lte-2-grid-items) .featured-collections--grid-item:not(.featured-collections--lte-2-grid-items):nth-child(odd) {
padding-right: 10px;
}
}
.featured-collections--grid-item-image-wrapper {
position: relative;
display: block;
line-height: 0;
border-radius: 0px;
}
.featured-collections--grid-item-image-wrapper.featured-collections--grid-item-image-placeholder {
padding-bottom: 81.5%;
}
.featured-collections--grid-item-image-wrapper .placeholder--image, .featured-collections--grid-item-image-wrapper .image-with-text-background svg, .image-with-text-background .featured-collections--grid-item-image-wrapper svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0px;
}
.featured-collections--grid-item-image-wrapper .featured-collections--grid-item-image {
width: 100%;
height: auto;
border-radius: 0px;
}
.featured-collections-grid-item-title {
font-size: var(--font-size-body);
margin-top: 10px;
margin-bottom: 0;
line-height: 1.4;
}
.featured-collections-grid-item-title.align-center {
text-align: center;
}
.featured-collections-grid-item-title.align-right {
text-align: right;
}
.featured-collections-grid-item-title.style-heading {
font-family: type_heading_custom;
font-style: normal;
font-weight: 400;
letter-spacing: 0.0em;
color: #000000;
}.featured-collections-grid-item-title.style-heading {
text-transform: none;
}.featured-collections-grid-item-title.style-body {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
letter-spacing: -0.005em;
color: #111111;
text-transform: initial;
}
.featured-collections-grid-item-title:hover {
color: #000000;
}
.featured-collections-grid-item-title a {
color: currentColor;
text-decoration: none;
}
@media screen and (max-width: 719px) {
.featured-collections-item-title-desktop {
display: none;
}
}
.featured-collections-item-title-mobile {
display: none;
}
@media screen and (max-width: 719px) {
.featured-collections-item-title-mobile {
display: inline;
}
}
.featured-product--container .featured-product--inner {
padding: 25px;
border-radius: 0px;
background-color: #ffffff;
}
.featured-product--container .featured-product--inner .video iframe {
left: 0;
}
.featured-product--container .product-main, .featured-product--container .product-gallery--slider {
text-align: center;
}
@media screen and (max-width: 719px) {
.featured-product--container .product-main, .featured-product--container .product-gallery--slider {
padding-right: 0;
padding-left: 0;
}
}
.featured-product--container .form-options-swatches,
.featured-product--container .product-options-style-radio {
text-align: left;
}
@media screen and (max-width: 719px) {
.featured-product--container .product-gallery--navigation {
margin-left: 0;
}
.featured-product--container .product-gallery--thumbnail-trigger:last-child {
margin-right: 0;
}
}
.featured-product--container .product-pricing {
justify-content: center;
}
@media screen and (min-width: 720px) {
.featured-product--container .product--outer {
display: flex;
align-items: center;
}
}
.highlights-banners {
position: relative;
display: flex;
justify-content: center;
padding: 1.171875rem 0;
outline: 0;
}
.highlights-banners .flickity-slider {
height: 100%;
display: flex;
align-items: center;
}
.highlights-banners:before, .highlights-banners:after {
position: absolute;
top: 0;
right: calc(100% - 20px);
bottom: 0;
left: 0;
z-index: 2;
content: "";
}
.highlights-banners:after {
right: 0;
left: calc(100% - 20px);
}
@media screen and (max-width: 1023px) {
.highlights-banners {
overflow: hidden;
}
}
@media screen and (min-width: 1024px) {
.highlights-banners {
height: auto;
padding-top: 1.640625rem;
padding-bottom: 1.640625rem;
}
.highlights-banners:before, .highlights-banners:after {
display: none;
}
}
.highlights-banners-block {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 0 1.171875rem;
color: #111111;
text-decoration: none;
}
.highlight-banners-align-center .highlights-banners-block {
flex-direction: column;
justify-content: center;
text-align: center;
}
.highlight-banners-align-right .highlights-banners-block {
justify-content: flex-end;
text-align: right;
}
@media screen and (max-width: 1023px) {
.highlights-banners-block {
max-width: 17.1875rem;
min-width: 12.5rem;
height: auto;
}
.flickity-slider .highlights-banners-block {
top: 0;
}
.highlight-banners-count-2 .highlights-banners-block {
width: 50%;
}
.highlight-banners-count-3 .highlights-banners-block {
width: 33%;
}
.highlight-banners-count-4 .highlights-banners-block {
width: 25%;
}
}
@media screen and (min-width: 1024px) {
.highlight-banners-count-2 .highlights-banners-block, .highlight-banners-count-3 .highlights-banners-block {
width: 33%;
max-width: 21.25rem;
}
.highlight-banners-count-4 .highlights-banners-block {
width: 25%;
}
}
.highlights-banners-block:not(:last-of-type)::after {
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
content: "";
}
.highlights-banners-icon {
width: auto;
height: 2.25rem;
margin-right: 0.9375rem;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (min-width: 680px) {
.highlights-banners-icon {
height: 2.5rem;
}
}
@media screen and (min-width: 1024px) {
.highlights-banners-icon {
height: 2.875rem;
margin-right: 1.171875rem;
}
}
.highlights-banners-icon svg {
height: 100%;
max-width: 3.75rem;
}
.highlights-banners-icon .highlights-banners-custom-icon {
width: auto;
height: 100%;
}
.highlight-banners-align-center .highlights-banners-icon {
margin-right: 0;
margin-bottom: 0.703125rem;
}
@media screen and (min-width: 1024px) {
.highlight-banners-align-center .highlights-banners-icon {
margin-bottom: 0.9375rem;
}
}
.highlight-banners-align-right .highlights-banners-icon {
margin-right: 0;
margin-left: 1.171875rem;
}
.highlights-banners-text {
font-size: var(--font-size-body-smaller);
max-width: 100%;
line-height: 1.4;
}
.highlights-banners-text p {
margin: 0;
}
@media screen and (min-width: 1024px) {
.highlights-banners-text {
font-size: var(--font-size-body);
}
}
.highlights-banners-text a {
position: relative;
z-index: 1;
color: inherit;
text-decoration: underline;
}
.highlights-banners-heading {
font-size: var(--font-size-highlight-banner-heading);
font-family: type_highlights_bar_custom;
font-style: normal;
font-weight: 400;
letter-spacing: 0.01em;
margin: 0;
}.highlights-banners-heading {
text-transform: uppercase;
}.highlights-banners-block-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.flickity-viewport,
.flickity-slider {
width: 100%;
}
.image-with-text {
margin-top: 0;
margin-bottom: 0;
}
.image-with-text:not(.image-with-text-section-height-original) .image-with-text-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.image-with-text:not(.image-with-text-section-height-original) .image-with-text-image {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
}
.image-with-text:not(.image-with-text-section-height-original) .image-with-text-image[data-rimg=noscript] {
width: 100%;
height: 100%;
opacity: 1;
object-fit: cover;
}
@media (min-width: 480px) {
.image-with-text.image-with-text-section-height-original .image-with-text-content-wrapper {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
}
}
.image-with-text-wrapper {
position: relative;
}
.image-with-text-background {
background-size: cover;
border-radius: 0px;
}
.image-with-text-background svg {
width: 100%;
height: 100%;
max-height: 100%;
border-radius: 0px;
}
.image-with-text-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 0px;
}
@media (max-width: 480px) {
.image-with-text-section-height-original .image-with-text-overlay {
display: none;
}
}
.image-with-text-content-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
@media (max-width: 480px) {
.image-with-text-section-height-original .image-with-text-content-wrapper {
align-items: center;
justify-content: center;
text-align: center;
}
}
@media screen and (max-width: 719px) {
.image-with-text-content-wrapper,
.image-with-text-section-height-original .image-with-text-content-wrapper {
padding: 1.171875rem;
}
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.image-with-text-content-wrapper,
.image-with-text-section-height-original .image-with-text-content-wrapper {
padding: 1.640625rem;
}
}
@media screen and (min-width: 1080px) {
.image-with-text-content-wrapper,
.image-with-text-section-height-original .image-with-text-content-wrapper {
padding: 1.875rem;
}
}
@media screen and (max-width: 479px) {
.image-with-text.image-with-text-section-height-original .image-with-text-content-wrapper {
justify-content: center;
padding-bottom: 0;
padding-top: 1.171875rem;
text-align: center;
}
}
@media screen and (min-width: 480px) {
.image-with-text.image-with-text-section-height-original .image-with-text-content-wrapper {
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
.image-with-text-section-height-small .image-with-text-content-position-y-top {
align-items: flex-start;
padding-bottom: 100px;
}
@media (min-width: 720px) {
.image-with-text-section-height-small .image-with-text-content-position-y-top {
padding-bottom: 172px;
}
}
@media (min-width: 1080px) {
.image-with-text-section-height-small .image-with-text-content-position-y-top {
padding-bottom: 168px;
}
}
.image-with-text-section-height-small .image-with-text-content-position-y-center {
padding-top: 100px;
padding-bottom: 100px;
}
@media (min-width: 720px) {
.image-with-text-section-height-small .image-with-text-content-position-y-center {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media (min-width: 1080px) {
.image-with-text-section-height-small .image-with-text-content-position-y-center {
padding-top: 100px;
padding-bottom: 100px;
}
}
.image-with-text-section-height-small .image-with-text-content-position-y-bottom {
align-items: flex-end;
padding-top: 100px;
}
@media (min-width: 720px) {
.image-with-text-section-height-small .image-with-text-content-position-y-bottom {
padding-top: 172px;
}
}
@media (min-width: 1080px) {
.image-with-text-section-height-small .image-with-text-content-position-y-bottom {
padding-top: 168px;
}
}
.image-with-text-section-height-small .image-with-text-content-position-x-left {
justify-content: flex-start;
text-align: left;
}
.image-with-text-section-height-small .image-with-text-content-position-x-right {
justify-content: flex-end;
text-align: right;
}
.image-with-text-section-height-medium .image-with-text-content-position-y-top {
align-items: flex-start;
padding-bottom: 160px;
}
@media (min-width: 720px) {
.image-with-text-section-height-medium .image-with-text-content-position-y-top {
padding-bottom: 272px;
}
}
@media (min-width: 1080px) {
.image-with-text-section-height-medium .image-with-text-content-position-y-top {
padding-bottom: 268px;
}
}
.image-with-text-section-height-medium .image-with-text-content-position-y-center {
padding-top: 150px;
padding-bottom: 150px;
}
@media (min-width: 720px) {
.image-with-text-section-height-medium .image-with-text-content-position-y-center {
padding-top: 150px;
padding-bottom: 150px;
}
}
@media (min-width: 1080px) {
.image-with-text-section-height-medium .image-with-text-content-position-y-center {
padding-top: 150px;
padding-bottom: 150px;
}
}
.image-with-text-section-height-medium .image-with-text-content-position-y-bottom {
align-items: flex-end;
padding-top: 160px;
}
@media (min-width: 720px) {
.image-with-text-section-height-medium .image-with-text-content-position-y-bottom {
padding-top: 272px;
}
}
@media (min-width: 1080px) {
.image-with-text-section-height-medium .image-with-text-content-position-y-bottom {
padding-top: 268px;
}
}
.image-with-text-section-height-medium .image-with-text-content-position-x-left {
justify-content: flex-start;
text-align: left;
}
.image-with-text-section-height-medium .image-with-text-content-position-x-right {
justify-content: flex-end;
text-align: right;
}
.image-with-text-section-height-large .image-with-text-content-position-y-top {
align-items: flex-start;
padding-bottom: 220px;
}
@media (min-width: 720px) {
.image-with-text-section-height-large .image-with-text-content-position-y-top {
padding-bottom: 372px;
}
}
@media (min-width: 1080px) {
.image-with-text-section-height-large .image-with-text-content-position-y-top {
padding-bottom: 368px;
}
}
.image-with-text-section-height-large .image-with-text-content-position-y-center {
padding-top: 200px;
padding-bottom: 200px;
}
@media (min-width: 720px) {
.image-with-text-section-height-large .image-with-text-content-position-y-center {
padding-top: 200px;
padding-bottom: 200px;
}
}
@media (min-width: 1080px) {
.image-with-text-section-height-large .image-with-text-content-position-y-center {
padding-top: 200px;
padding-bottom: 200px;
}
}
.image-with-text-section-height-large .image-with-text-content-position-y-bottom {
align-items: flex-end;
padding-top: 220px;
}
@media (min-width: 720px) {
.image-with-text-section-height-large .image-with-text-content-position-y-bottom {
padding-top: 372px;
}
}
@media (min-width: 1080px) {
.image-with-text-section-height-large .image-with-text-content-position-y-bottom {
padding-top: 368px;
}
}
.image-with-text-section-height-large .image-with-text-content-position-x-left {
justify-content: flex-start;
text-align: left;
}
.image-with-text-section-height-large .image-with-text-content-position-x-right {
justify-content: flex-end;
text-align: right;
}
.image-with-text-section-height-original .image-with-text-content-position-y-top {
align-items: flex-start;
padding-bottom: -20px;
}
@media (min-width: 720px) {
.image-with-text-section-height-original .image-with-text-content-position-y-top {
padding-bottom: -28px;
}
}
@media (min-width: 1080px) {
.image-with-text-section-height-original .image-with-text-content-position-y-top {
padding-bottom: -32px;
}
}
.image-with-text-section-height-original .image-with-text-content-position-y-center {
padding-top: 0;
padding-bottom: 0;
}
@media (min-width: 720px) {
.image-with-text-section-height-original .image-with-text-content-position-y-center {
padding-top: 0;
padding-bottom: 0;
}
}
@media (min-width: 1080px) {
.image-with-text-section-height-original .image-with-text-content-position-y-center {
padding-top: 0;
padding-bottom: 0;
}
}
.image-with-text-section-height-original .image-with-text-content-position-y-bottom {
align-items: flex-end;
padding-top: -20px;
}
@media (min-width: 720px) {
.image-with-text-section-height-original .image-with-text-content-position-y-bottom {
padding-top: -28px;
}
}
@media (min-width: 1080px) {
.image-with-text-section-height-original .image-with-text-content-position-y-bottom {
padding-top: -32px;
}
}
.image-with-text-section-height-original .image-with-text-content-position-x-left {
justify-content: flex-start;
text-align: left;
}
.image-with-text-section-height-original .image-with-text-content-position-x-right {
justify-content: flex-end;
text-align: right;
}
.image-with-text-content {
width: 85%;
padding: 8px 0;
}
@media (min-width: 720px) {
.image-with-text-content {
width: 60%;
padding: 12px 0;
}
}
.image-with-text-text-alignment-left {
text-align: left;
}
.image-with-text-text-alignment-center {
text-align: center;
}
.image-with-text-text-alignment-right {
text-align: right;
}
.image-with-text-heading,
.image-with-text-subheading {
color: inherit;
}
@media (max-width: 480px) {
.image-with-text-section-height-original .image-with-text-heading,
.image-with-text-section-height-original .image-with-text-subheading {
color: #000;
}
}
.image-with-text-heading {
font-size: var(--font-size-heading-3);
margin-top: 0;
margin-bottom: 4px;
line-height: 1.2;
}
@media screen and (min-width: 720px) {
.image-with-text-heading {
font-size: 1.7578125rem;
}
}
@media (min-width: 720px) {
.image-with-text-heading {
margin-bottom: 12px;
}
}
@media screen and (min-width: 1024px) {
.image-with-text-heading {
font-size: 1.9921875rem;
}
}
.image-with-text-subheading {
font-size: var(--font-size-body);
margin: 0;
line-height: 1.5625;
}
.image-with-text-subheading p {
margin-top: 0;
}
.image-with-text-subheading p:last-child {
margin-bottom: 0;
}
.image-with-text-button {
margin-top: 20px;
}
@media (min-width: 720px) {
.image-with-text-button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.image-with-text-button {
text-transform: uppercase;
}}
@media screen and (min-width: 1024px) {
.image-with-text-button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.image-with-text-button {
text-transform: uppercase;
}}
@media (min-width: 720px) {
.image-with-text-button {
margin-top: 28px;
}
}
@media (min-width: 1024px) {
.image-with-text-button {
margin-top: 36px;
}
}
.image-with-text-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.alt-img-with-text--container .home-section--title-container {
padding: 0 5%;
margin-top: 0;
margin-bottom: 1.640625rem;
text-align: center;
}
@media screen and (min-width: 720px) {
.alt-img-with-text--container .home-section--title-container {
margin-bottom: 2.625rem;
}
}
.alt-img-with-text--container .home-section--title-container .home-section--title {
margin-bottom: 0.625rem;
}
.alt-img-with-text--container .home-section--title-container .home-section--subheading {
line-height: 1.5;
text-align: center;
}
.alt-img-with-text--container .block-link {
color: #000000;
text-decoration: none;
}
.alt-img-with-text--content {
display: flex;
align-items: center;
border-radius: 0px;
}
.alt-img-with-text--content.image-top {
flex-direction: column-reverse;
}
.alt-img-with-text--content.image-top .alt-img-with-text--image.image-mobile {
border-radius: 0px 0px 0 0;
}
.alt-img-with-text--content.image-bottom {
flex-direction: column;
}
.alt-img-with-text--content.image-bottom .alt-img-with-text--image.image-mobile {
border-radius: 0 0 0px 0px;
}
@media screen and (min-width: 720px) {
.alt-img-with-text--content.image-right {
flex-direction: row;
}
.alt-img-with-text--content.image-right .alt-img-with-text--image.image-desktop {
border-radius: 0 0px 0px 0;
}
.alt-img-with-text--content.image-left {
flex-direction: row-reverse;
}
.alt-img-with-text--content.image-left .alt-img-with-text--image.image-desktop {
border-radius: 0px 0 0 0px;
}
}
.alt-img-with-text--content .alt-img-with-text--image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
flex-basis: auto;
}
.alt-img-with-text--content .alt-img-with-text--image.image-mobile {
display: block;
width: 100%;
}
@media screen and (min-width: 720px) {
.alt-img-with-text--content .alt-img-with-text--image.image-mobile {
display: none;
}
}
.alt-img-with-text--content .alt-img-with-text--image.image-desktop {
display: none;
}
@media screen and (min-width: 720px) {
.alt-img-with-text--content .alt-img-with-text--image.image-desktop {
display: block;
}
}
.alt-img-with-text--content .alt-img-with-text--text {
flex: 1 1 auto;
max-width: 85%;
padding: 1.640625rem 0 2.5rem;
margin-right: auto;
margin-left: auto;
text-align: center;
}
@media screen and (min-width: 860px) {
.alt-img-with-text--content .alt-img-with-text--text {
max-width: none;
margin: 0 10px;
}
}
.alt-img-with-text--content .alt-img-with-text--text .preheading {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body-medium);
margin: 0 0 0.703125rem;
letter-spacing: -0.005em;
}
.alt-img-with-text--content .alt-img-with-text--text .heading {
margin: 0;
line-height: 1.3;
}
.alt-img-with-text--content .alt-img-with-text--text .heading.small {
font-size: var(--font-size-heading-4);
}
.alt-img-with-text--content .alt-img-with-text--text .heading.medium {
font-size: var(--font-size-heading-3);
}
.alt-img-with-text--content .alt-img-with-text--text .heading.large {
font-size: var(--font-size-heading-1);
}
.alt-img-with-text--content .alt-img-with-text--text .heading.xlarge {
font-size: var(--font-size-heading-large);
}
.alt-img-with-text--content .alt-img-with-text--text .text-content {
font-size: var(--font-size-body);
margin: 0.703125rem 0 0;
line-height: 1.5;
}
@media screen and (min-width: 860px) {
.alt-img-with-text--content .alt-img-with-text--text .text-content {
margin: 0.9375rem 0 0;
}
}
.alt-img-with-text--content .alt-img-with-text--text .text-content p {
margin-top: 0;
}
@media screen and (min-width: 720px) {
.alt-img-with-text--content .alt-img-with-text--text {
padding: 2.75rem 1.640625rem;
margin: 0;
}
.alt-img-with-text--content .alt-img-with-text--text.position-top {
align-self: flex-start;
}
.alt-img-with-text--content .alt-img-with-text--text.position-middle {
align-self: center;
}
.alt-img-with-text--content .alt-img-with-text--text.position-bottom {
align-self: flex-end;
}
.alt-img-with-text--content .alt-img-with-text--text.alignment-left {
text-align: left;
}
.alt-img-with-text--content .alt-img-with-text--text.alignment-center {
text-align: center;
}
.alt-img-with-text--content .alt-img-with-text--text.alignment-right {
text-align: right;
}
}
.alt-img-with-text--content .alt-img-with-text--text .button-link {
text-decoration: none;
}
.alt-img-with-text--content .alt-img-with-text--text .alt-img-with-text--button:not(.button-signpost) {
font-size: var(--font-size-button-small);
padding: 1.094rem 1.565rem;
letter-spacing: 0.01em;
margin-top: 1.171875rem;
}.alt-img-with-text--content .alt-img-with-text--text .alt-img-with-text--button:not(.button-signpost) {
text-transform: uppercase;
}@media screen and (min-width: 860px) {
.alt-img-with-text--content .alt-img-with-text--text .alt-img-with-text--button:not(.button-signpost) {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
margin-top: 1.640625rem;
}.alt-img-with-text--content .alt-img-with-text--text .alt-img-with-text--button:not(.button-signpost) {
text-transform: uppercase;
}}
.alt-img-with-text--content.onboarding .alt-img-with-text--image {
height: 31.25rem;
background: #ececec;
background-position: center;
background-size: cover;
}
.logolist--inner {
margin-right: -0.625rem;
margin-left: -0.625rem;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.logolist--inner > * {
margin-right: 0.625rem;
margin-left: 0.625rem;
}
@media screen and (min-width: 720px) {
.logolist--inner {
margin-right: -0.9375rem;
margin-left: -0.9375rem;
}
.logolist--inner > * {
margin-right: 0.9375rem;
margin-left: 0.9375rem;
}
}
@media screen and (min-width: 1280px) {
.logolist--inner {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
.logolist--inner > * {
margin-right: 1.25rem;
margin-left: 1.25rem;
}
}
.logolist--item {
font-size: var(--font-size-body);
position: relative;
width: 90px;
margin-top: 1.25rem;
margin-right: 0.625rem;
margin-left: 0.625rem;
transition: width 0.1s ease, margin 0.1s ease;
}
@media screen and (max-width: 344px) {
.logolist--item:nth-child(-n+2) {
margin-top: 0;
}
}
@media screen and (max-width: 454px) and (min-width: 345px) {
.logolist--item:nth-child(-n+3) {
margin-top: 0;
}
}
@media screen and (min-width: 455px) and (max-width: 564px), screen and (min-width: 720px) and (max-width: 754px) {
.logolist--item:nth-child(-n+4) {
margin-top: 0;
}
}
@media screen and (min-width: 565px) and (max-width: 674px), screen and (min-width: 755px) and (max-width: 904px), screen and (min-width: 1024px) and (max-width: 1174px) {
.logolist--item:nth-child(-n+5) {
margin-top: 0;
}
}
@media screen and (min-width: 675px) and (max-width: 719px), screen and (min-width: 905px) and (max-width: 1023px), screen and (min-width: 1175px) {
.logolist--item:nth-child(-n+6) {
margin-top: 0;
}
}
@media screen and (min-width: 720px) {
.logolist--item {
width: 120px;
margin-top: 1.875rem;
margin-right: 0.9375rem;
margin-left: 0.9375rem;
}
}
@media screen and (min-width: 1024px) {
.logolist--item {
width: 160px;
}
}
@media screen and (min-width: 1280px) {
.logolist--item {
margin-top: 2.5rem;
margin-right: 1.25rem;
margin-left: 1.25rem;
}
.logolist--item:nth-child(-n+6) {
margin-top: 0;
}
}
.logolist--link {
display: block;
}
.logolist--image {
display: block;
max-width: 100%;
max-height: 90px;
margin: 0 auto;
}
@media screen and (min-width: 720px) {
.logolist--image {
max-height: 120px;
}
}
@media screen and (min-width: 1024px) {
.logolist--image {
max-height: 160px;
}
}
.dynamic-map {
position: relative;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 679px) {
.dynamic-map {
flex-wrap: wrap;
}
}
.dynamic-map-wrapper {
position: relative;
height: 280px;
padding: 0;
background-size: cover;
border: 0;
border-radius: 0px;
}
@media screen and (min-width: 680px) {
.dynamic-map-wrapper {
height: 400px;
}
}
.dynamic-map-wrapper.dynamic-map-wrapper-height-medium {
height: 350px;
}
@media screen and (min-width: 680px) {
.dynamic-map-wrapper.dynamic-map-wrapper-height-medium {
height: 500px;
}
}
.dynamic-map-wrapper.dynamic-map-wrapper-height-large {
height: 420px;
}
@media screen and (min-width: 680px) {
.dynamic-map-wrapper.dynamic-map-wrapper-height-large {
height: 600px;
}
}
@media screen and (max-width: 679px) {
.dynamic-map-section-layout-mobile-above .dynamic-map-wrapper {
border-radius: 0 0 0px 0px;
}
.dynamic-map-section-layout-mobile-below .dynamic-map-wrapper {
border-radius: 0px 0px 0 0;
}
}
.dynamic-map-wrapper .dynamic-map-image {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
border-radius: 0px;
}
.dynamic-map-wrapper .dynamic-map-image[data-rimg=noscript] {
position: relative;
width: 100%;
height: 100%;
opacity: 1;
object-fit: cover;
}
.dynamic-map-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 0px;
}
.dynamic-map-section-layout-x-outside-left .dynamic-map-overlay, .dynamic-map-section-layout-x-outside-right .dynamic-map-overlay {
display: none;
}
@media screen and (max-width: 679px) {
.dynamic-map-overlay {
display: none;
}
}
.dynamic-map-container {
position: relative;
width: 100%;
height: 100%;
}
.dynamic-map-error-message {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 20px;
line-height: 1.5;
}
.dynamic-map-error-message p {
margin: 0;
text-align: center;
}
.dynamic-map-error-message a {
color: inherit;
}
@media screen and (max-width: 679px) {
.dynamic-map-section-layout-mobile-above .dynamic-map-card-wrapper {
order: -1;
margin-bottom: 0;
}
.dynamic-map-section-layout-mobile-below .dynamic-map-card-wrapper {
margin-top: 0;
}
}
@media screen and (min-width: 680px) {
.dynamic-map-card-wrapper {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 0;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding: 0 20px;
}
.dynamic-map-section-layout-outside .dynamic-map-card-wrapper {
position: static;
padding: 0;
background-color: #ffffff;
}
.dynamic-map-section-layout-x-outside-left .dynamic-map-card-wrapper {
order: -1;
}
.dynamic-map-section-layout-y-outside-center .dynamic-map-card-wrapper, .dynamic-map-section-layout-y-overlay-center .dynamic-map-card-wrapper {
align-items: center;
}
.dynamic-map-section-layout-y-outside-bottom .dynamic-map-card-wrapper, .dynamic-map-section-layout-y-overlay-bottom .dynamic-map-card-wrapper {
align-items: flex-end;
}
.dynamic-map-section-layout-x-overlay-center .dynamic-map-card-wrapper {
justify-content: center;
}
.dynamic-map-section-layout-x-overlay-right .dynamic-map-card-wrapper {
justify-content: flex-end;
}
}
@media screen and (min-width: 1080px) {
.dynamic-map-card-wrapper {
top: 25px;
bottom: 25px;
padding: 0 25px;
}
}
.dynamic-map-card {
width: 100%;
padding: 25px;
background-color: #fff;
border: 0;
word-wrap: break-word;
}
.dynamic-map-section-layout-outside .dynamic-map-card {
background-color: #ffffff;
border-radius: 0px;
}
@media screen and (max-width: 679px) {
.dynamic-map-card {
max-width: 100%;
}
.dynamic-map-section-layout-mobile-above .dynamic-map-card {
border-radius: 0px 0px 0 0;
}
.dynamic-map-section-layout-mobile-below .dynamic-map-card {
border-radius: 0 0 0px 0px;
}
}
@media screen and (min-width: 680px) {
.dynamic-map-card {
right: auto;
bottom: 25px;
left: 25px;
width: auto;
min-width: 280px;
max-width: 40%;
}
.dynamic-map-section-layout-x-outside-left .dynamic-map-card, .dynamic-map-section-layout-x-outside-right .dynamic-map-card {
width: 100%;
max-width: 100%;
}
}
.dynamic-map-card-text-alignment-left {
text-align: left;
}
.dynamic-map-card-text-alignment-center {
text-align: center;
}
.dynamic-map-card-text-alignment-right {
text-align: right;
}
.dynamic-map-card-heading {
font-size: var(--font-size-heading-3);
margin: 0 0 26px;
line-height: 1.2;
color: #000000;
}
.dynamic-map-card-content p:last-child {
margin-bottom: 0;
}
.dynamic-map-card-item-link {
text-decoration: none;
}
.dynamic-map-wrapper,
.dynamic-map-card-wrapper {
width: 100%;
}
@media screen and (min-width: 680px) {
.dynamic-map-section-layout-outside .dynamic-map-wrapper,
.dynamic-map-section-layout-outside .dynamic-map-card-wrapper {
border-radius: 0px;
}
}
@media screen and (max-width: 1079px) and (min-width: 680px) {
.dynamic-map-section-layout-outside .dynamic-map-wrapper,
.dynamic-map-section-layout-outside .dynamic-map-card-wrapper {
width: calc(50% - 5px);
}
}
@media screen and (min-width: 1080px) {
.dynamic-map-section-layout-outside .dynamic-map-wrapper,
.dynamic-map-section-layout-outside .dynamic-map-card-wrapper {
width: calc(50% - 10px);
}
}
.menulist--inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.menulist--item {
position: relative;
flex-grow: 0;
flex-shrink: 0;
width: 100%;
background-color: #ffffff;
border-bottom: 1px solid #eaeaea;
}
.menulist--item:last-child {
border-bottom: 0;
border-radius: 0 0 0px 0px;
}
.menulist--item:first-child {
border-radius: 0px 0px 0 0;
}
.menulist--item:only-child {
border-radius: 0px;
}
@media screen and (min-width: 720px) {
.menulist--item {
padding: 1.171875rem;
border: 0;
border-radius: 0px;
}
.menulist--item:first-child, .menulist--item:last-child {
border-radius: 0px;
}
}
@media screen and (max-width: 859px) and (min-width: 720px) {
.menulist--item {
width: calc(50% - 5px);
margin-right: 10px;
margin-bottom: 10px;
}
.menulist--item:nth-child(2n), .menulist--item:last-child {
margin-right: 0;
}
.menulist--blocks-count-1 .menulist--item, .menulist--blocks-count-2 .menulist--item {
margin-bottom: 0;
}
.menulist--blocks-count-3 .menulist--item:nth-child(n+3), .menulist--blocks-count-4 .menulist--item:nth-child(n+3) {
margin-bottom: 0;
}
.menulist--blocks-count-5 .menulist--item:nth-child(n+5), .menulist--blocks-count-6 .menulist--item:nth-child(n+5) {
margin-bottom: 0;
}
}
@media screen and (min-width: 860px) {
.menulist--item {
width: calc(33.333% - 6.6666666667px);
margin-right: 10px;
margin-bottom: 10px;
}
.menulist--item:nth-child(3n), .menulist--item:last-child {
margin-right: 0;
}
.menulist--blocks-count-1 .menulist--item, .menulist--blocks-count-2 .menulist--item, .menulist--blocks-count-3 .menulist--item {
margin-bottom: 0;
}
.menulist--blocks-count-4 .menulist--item:nth-child(n+4), .menulist--blocks-count-5 .menulist--item:nth-child(n+4), .menulist--blocks-count-6 .menulist--item:nth-child(n+4) {
margin-bottom: 0;
}
}
@media screen and (min-width: 1080px) {
.menulist--item {
width: calc(33.333% - 13.3333333333px);
margin-right: 20px;
margin-bottom: 20px;
}
.menulist--blocks-count-1 .menulist--item, .menulist--blocks-count-2 .menulist--item, .menulist--blocks-count-3 .menulist--item {
margin-bottom: 0;
}
.menulist--blocks-count-4 .menulist--item:nth-child(n+4), .menulist--blocks-count-5 .menulist--item:nth-child(n+4), .menulist--blocks-count-6 .menulist--item:nth-child(n+4) {
margin-bottom: 0;
}
}
@media screen and (min-width: 720px) {
.menulist--item--inner {
display: flex;
width: 100%;
max-width: 32.5rem;
margin-right: auto;
margin-left: auto;
}
}
.menulist--image {
position: relative;
}
@media screen and (max-width: 719px) {
.menulist--image {
position: absolute;
top: 0.625rem;
right: 2.75rem;
width: 3rem;
height: 3rem;
}
}
@media screen and (min-width: 720px) {
.menulist--image {
font-size: var(--font-size-body);
display: inline-block;
width: 35%;
vertical-align: top;
}
}
.menulist--image img,
.menulist--image svg {
max-width: 100%;
}
@media screen and (min-width: 720px) {
.menulist--content {
font-size: var(--font-size-body);
display: inline-block;
width: 55%;
margin-left: 10%;
vertical-align: top;
}
}
.menulist--title {
font-family: type_heading_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-heading-5);
position: relative;
padding: 1.5rem 1.25rem;
margin: 0;
color: #000000;
cursor: pointer;
}
@media screen and (max-width: 719px) {
.menulist--title {
padding-right: 5.75rem;
}
}
@media screen and (min-width: 720px) {
.menulist--title {
padding: 0;
cursor: inherit;
}
}
.menulist-title-icon {
position: absolute;
top: 50%;
right: 0.9375rem;
display: block;
width: 0.875rem;
height: 8px;
margin-top: -4px;
opacity: 0.5;
}
@media screen and (min-width: 720px) {
.menulist-title-icon {
display: none;
}
}
.menulist-title-icon .icon-chevron-down-left,
.menulist-title-icon .icon-chevron-down-right {
transition-duration: 0s;
}
.menulist--menu {
font-size: var(--font-size-body-small);
padding: 0;
margin-top: 0;
margin-bottom: 0;
line-height: 1.5;
list-style: none;
}
.accordion--active .menulist--menu {
padding-bottom: 1.875rem;
}
@media screen and (min-width: 720px) {
.menulist--menu {
max-height: inherit;
padding: 0;
margin-top: 0.5rem;
opacity: 1;
}
}
.menulist--menu-item {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.menulist--menu-item:not(:first-child) {
margin-top: 0.125rem;
}
@media screen and (min-width: 720px) {
.menulist--menu-item {
padding-right: 0;
padding-left: 0;
}
}
.menulist--menu-item.menulist--menu-item-hidden {
display: none;
}
.menulist--menu-item.menulist--menu-item-trigger {
margin-top: 0.5rem;
}
.menulist--menu-link {
display: inline-block;
text-decoration: none;
}
@media screen and (max-width: 719px) {
.menulist--menu-link {
display: block;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
}.dynamic-newsletter-section .form-fields-inline {
text-align: center;
}
.dynamic-newsletter-section .newsletter-success {
font-weight: bold;
text-align: center;
}
.dynamic-newsletter {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
@media screen and (max-width: 679px) {
.dynamic-newsletter {
flex-direction: column;
}
}
.dynamic-newsletter-figure {
position: relative;
flex-shrink: 1;
order: 0;
margin: 0;
background-size: cover;
}
@media screen and (max-width: 679px) {
.dynamic-newsletter-mobile-alignment-bottom .dynamic-newsletter-figure {
order: 1;
}
}
@media screen and (min-width: 680px) {
.dynamic-newsletter-desktop-alignment-right .dynamic-newsletter-figure {
order: 1;
}
}
.dynamic-newsletter-content {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
order: 0;
width: 100%;
}
@media screen and (min-width: 1024px) {
.dynamic-newsletter-content {
padding: 0 50px;
}
}
@media screen and (min-width: 680px) {
.dynamic-newsletter-figure,
.dynamic-newsletter-figure + .dynamic-newsletter-content {
width: 50%;
}
}
@media screen and (max-width: 679px) {
.dynamic-newsletter-mobile-alignment-top .dynamic-newsletter-figure + .dynamic-newsletter-content {
padding-top: 1.875rem;
padding-bottom: 0;
}
.dynamic-newsletter-mobile-alignment-bottom .dynamic-newsletter-figure + .dynamic-newsletter-content {
padding-top: 0;
padding-bottom: 1.875rem;
}
}
.dynamic-newsletter-image {
display: block;
width: 100%;
opacity: 0;
}
.dynamic-newsletter-image[data-rimg=noscript] {
opacity: 1;
}
.dynamic-newsletter-header {
margin: 0 auto;
text-align: center;
}
@media screen and (min-width: 680px) {
.dynamic-newsletter-header {
max-width: 80%;
}
}
.dynamic-newsletter-heading {
font-size: var(--font-size-heading-4);
margin-top: 0;
margin-bottom: 12px;
color: #000000;
}
@media screen and (min-width: 1024px) {
.dynamic-newsletter-heading {
font-size: var(--font-size-heading-3);
}
}
.dynamic-newsletter-text {
font-size: var(--font-size-body);
margin: 0;
line-height: 1.5625;
}
.dynamic-newsletter-text.home-section--subheading {
margin: 0;
}
.dynamic-newsletter-text.home-section--subheading a {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.dynamic-newsletter-form .contact-form {
margin: 0;
}
.dynamic-newsletter-form-fields {
display: flex;
align-items: stretch;
justify-content: center;
}
.dynamic-newsletter-form-label {
display: none;
}
.dynamic-newsletter-form-input {
height: 100%;
margin: 0;
}
.dynamic-newsletter-form-button {
height: 100%;
}
.promo-grid--static .promo-grid--container {
margin-top: 1.875rem;
margin-bottom: -1.875rem;
}
@media screen and (min-width: 1024px) {
.promo-grid--static .promo-grid--container {
margin-top: 2.9296875rem;
margin-bottom: -2.9296875rem;
}
}
.promo-grid--container .home-section--title-container {
margin-top: 0;
margin-bottom: 2.625rem;
text-align: center;
}
@media screen and (max-width: 719px) {
.promo-grid--container .home-section--title-container {
margin-bottom: 1.640625rem;
}
}
.promo-grid--container .home-section--title-container .home-section--title {
margin-bottom: 0.625rem;
}
.promo-grid--container .home-section--title-container .home-section--subheading {
text-align: center;
}
.promo-grid--inner {
width: 100%;
}
@media screen and (min-width: 720px) {
.promo-grid--inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
}
.promo-grid--inner .promo-block-grid {
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
border-radius: 0px;
}
.promo-grid--inner .promo-block-grid.desktop-block {
display: none;
}
.promo-grid--inner .promo-block-grid.mobile-block {
display: block;
}
@media screen and (min-width: 720px) {
.promo-grid--inner .promo-block-grid {
flex-shrink: 0;
margin-top: 10px;
}
.promo-grid--inner .promo-block-grid.mobile-block {
display: none;
}
.promo-grid--inner .promo-block-grid.desktop-block {
display: block;
}
.promo-grid--inner .promo-block-grid.desktop-block.promo-grid--half-width {
flex-grow: 0;
width: calc(50% - 5px);
}
.promo-grid--inner .promo-block-grid.desktop-block.promo-grid--half-width:nth-of-type(-n + 2) {
margin-top: 0;
}
.promo-grid--inner .promo-block-grid.promo-grid--full-width {
flex-grow: 1;
width: 100%;
}
.promo-grid--inner .promo-block-grid.promo-grid--full-width:first-child {
margin-top: 0;
}
.promo-grid--inner .promo-block-grid.promo-grid--full-width:first-child + .promo-grid--half-width {
margin-top: 10px;
}
}
@media screen and (min-width: 1080px) {
.promo-grid--inner .promo-block-grid {
margin-top: 20px;
}
.promo-grid--inner .promo-block-grid.promo-grid--half-width.desktop-block {
width: calc(50% - 10px);
}
.promo-grid--inner .promo-block-grid.promo-grid--half-width.desktop-block:nth-of-type(-n + 2) {
margin-top: 0;
}
.promo-grid--inner .promo-block-grid.promo-grid--full-width:first-child {
margin-top: 0;
}
.promo-grid--inner .promo-block-grid.promo-grid--full-width:first-child + .promo-grid--half-width {
margin-top: 20px;
}
}
.promo-block-grid--content {
position: relative;
display: block;
height: 100%;
padding: 1.640625rem 1.171875rem;
color: currentColor;
text-decoration: none;
border-radius: 0px;
transition: height 0.23s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (min-width: 720px) {
.promo-block-grid--content.onboarding {
min-height: 300px;
}
}
.promo-block-grid--content .promo-block-grid--content-wrapper {
padding: 1.640625rem 1.171875rem;
}
.promo-block-grid--content.promo-block-grid--content-align-top-center, .promo-block-grid--content.promo-block-grid--content-align-bottom-center,
.promo-block-grid--content .promo-block-grid--content-wrapper {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
@media screen and (max-width: 719px) {
.promo-block-grid--content {
height: 120px;
padding-right: calc(4.375rem + 1.171875rem);
margin-top: 10px;
cursor: pointer;
}
.promo-block-grid--content .promo-block-grid--content-wrapper {
padding-right: calc(4.375rem + 1.171875rem);
}
.promo-block-grid--index-1 .promo-block-grid--content {
margin-top: 0;
}
.promo-block-grid--content.promo-block-grid--content-align-top-center, .promo-block-grid--content.promo-block-grid--content-align-bottom-center,
.promo-block-grid--content .promo-block-grid--content-wrapper {
padding-top: 1.640625rem;
padding-bottom: 1.640625rem;
}
.promo-block-grid--content.animating, .promo-block-grid--content.promo-block-grid--expanded {
overflow: hidden;
}
.promo-block-grid--content.animating-in, .promo-block-grid--content.promo-block-grid--expanded:not(.animating-out) {
height: 270px;
}
.promo-block-grid--content.promo-block-grid--expanded, .promo-block-grid--content.promo-block-grid--expanded:not(.animating-out) {
padding-right: 1.25em;
}
.promo-block-grid--content.promo-block-grid--expanded .promo-block-grid--content-wrapper, .promo-block-grid--content.promo-block-grid--expanded:not(.animating-out) .promo-block-grid--content-wrapper {
padding-right: 1.25em;
}
.promo-block-grid--content.promo-block-grid--expanded.promo-block-grid--unlinked {
cursor: default;
}
}
@media screen and (min-width: 1080px) {
.promo-block-grid--content {
padding: 1.640625rem;
}
.promo-block-grid--content .promo-block-grid--content-wrapper {
padding: 1.640625rem;
}
}
.promo-block-grid--content-wrapper {
position: absolute;
left: 0;
width: 100%;
transition: font-size 0.23s cubic-bezier(0.3, 0, 0, 1);
}
.promo-block-grid--content-align-top-center .promo-block-grid--content-wrapper, .promo-block-grid--content-align-center-center .promo-block-grid--content-wrapper, .promo-block-grid--content-align-bottom-center .promo-block-grid--content-wrapper {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.promo-block-grid--content-align-top-center .promo-block-grid--content-wrapper .promo-block-grid--preheading,
.promo-block-grid--content-align-top-center .promo-block-grid--content-wrapper .promo-block-grid--header,
.promo-block-grid--content-align-top-center .promo-block-grid--content-wrapper .promo-block-grid--text, .promo-block-grid--content-align-center-center .promo-block-grid--content-wrapper .promo-block-grid--preheading,
.promo-block-grid--content-align-center-center .promo-block-grid--content-wrapper .promo-block-grid--header,
.promo-block-grid--content-align-center-center .promo-block-grid--content-wrapper .promo-block-grid--text, .promo-block-grid--content-align-bottom-center .promo-block-grid--content-wrapper .promo-block-grid--preheading,
.promo-block-grid--content-align-bottom-center .promo-block-grid--content-wrapper .promo-block-grid--header,
.promo-block-grid--content-align-bottom-center .promo-block-grid--content-wrapper .promo-block-grid--text {
max-width: 75%;
margin-right: auto;
margin-left: auto;
}
.promo-block-grid--content-align-top-right .promo-block-grid--content-wrapper, .promo-block-grid--content-align-center-right .promo-block-grid--content-wrapper, .promo-block-grid--content-align-bottom-right .promo-block-grid--content-wrapper {
text-align: right;
left: 0;
}
.promo-block-grid--content-align-top-right .promo-block-grid--content-wrapper .promo-block-grid--preheading,
.promo-block-grid--content-align-top-right .promo-block-grid--content-wrapper .promo-block-grid--header,
.promo-block-grid--content-align-top-right .promo-block-grid--content-wrapper .promo-block-grid--text, .promo-block-grid--content-align-center-right .promo-block-grid--content-wrapper .promo-block-grid--preheading,
.promo-block-grid--content-align-center-right .promo-block-grid--content-wrapper .promo-block-grid--header,
.promo-block-grid--content-align-center-right .promo-block-grid--content-wrapper .promo-block-grid--text, .promo-block-grid--content-align-bottom-right .promo-block-grid--content-wrapper .promo-block-grid--preheading,
.promo-block-grid--content-align-bottom-right .promo-block-grid--content-wrapper .promo-block-grid--header,
.promo-block-grid--content-align-bottom-right .promo-block-grid--content-wrapper .promo-block-grid--text {
max-width: 60%;
margin-right: 0;
margin-left: auto;
}
.promo-block-grid--content-align-top-left .promo-block-grid--content-wrapper .promo-block-grid--preheading,
.promo-block-grid--content-align-top-left .promo-block-grid--content-wrapper .promo-block-grid--header,
.promo-block-grid--content-align-top-left .promo-block-grid--content-wrapper .promo-block-grid--text, .promo-block-grid--content-align-center-left .promo-block-grid--content-wrapper .promo-block-grid--preheading,
.promo-block-grid--content-align-center-left .promo-block-grid--content-wrapper .promo-block-grid--header,
.promo-block-grid--content-align-center-left .promo-block-grid--content-wrapper .promo-block-grid--text, .promo-block-grid--content-align-bottom-left .promo-block-grid--content-wrapper .promo-block-grid--preheading,
.promo-block-grid--content-align-bottom-left .promo-block-grid--content-wrapper .promo-block-grid--header,
.promo-block-grid--content-align-bottom-left .promo-block-grid--content-wrapper .promo-block-grid--text {
max-width: 60%;
}
.promo-block-grid--content-align-center-left .promo-block-grid--content-wrapper, .promo-block-grid--content-align-center-center .promo-block-grid--content-wrapper, .promo-block-grid--content-align-center-right .promo-block-grid--content-wrapper {
top: 50%;
transform: translateY(-50%);
}
.promo-block-grid--content-align-bottom-left .promo-block-grid--content-wrapper, .promo-block-grid--content-align-bottom-center .promo-block-grid--content-wrapper, .promo-block-grid--content-align-bottom-right .promo-block-grid--content-wrapper {
top: 100%;
transform: translateY(-100%);
}
.promo-block-grid--content-align-top-left .promo-block-grid--content-wrapper, .promo-block-grid--content-align-top-center .promo-block-grid--content-wrapper, .promo-block-grid--content-align-top-right .promo-block-grid--content-wrapper {
top: 0;
}
@media screen and (max-width: 719px) {
.promo-block-grid--content-wrapper {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.promo-block-grid--expanded:not(.animating-out) .promo-block-grid--content-wrapper {
white-space: normal;
}
}
.promo-block-grid--background {
position: absolute;
width: 100%;
height: 100%;
}
.promo-block-grid--expander {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 4.375rem;
color: #fff;
cursor: pointer;
background-color: transparent;
border: 0;
outline: 0;
transition: opacity 0.23s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (min-width: 720px) {
.promo-block-grid--expander {
display: none;
}
}
.promo-block-grid--expanded .promo-block-grid--expander {
visibility: hidden;
}
.promo-block-grid--expanded.animating-out .promo-block-grid--expander {
visibility: visible;
}
.animating-in .promo-block-grid--expander, .promo-block-grid--expanded:not(.animating-out) .promo-block-grid--expander {
opacity: 0;
transition-delay: 0s;
}
.promo-block-grid--expander svg {
position: absolute;
bottom: 50%;
left: 50%;
display: block;
width: 20px;
height: 12px;
margin-bottom: -7px;
margin-left: -10px;
overflow: visible;
filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.6));
transform-origin: 50% 50%;
}
.promo-block-grid--preheading,
.promo-block-grid--text,
.promo-block-grid--header {
transition: font-size 0.23s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (max-width: 719px) {
.promo-block-grid--preheading,
.promo-block-grid--text,
.promo-block-grid--header {
max-width: 75%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.promo-block-grid--preheading .promo-block-grid--expanded, .promo-block-grid--expanded:not(.animating-out) .promo-block-grid--preheading,
.promo-block-grid--text .promo-block-grid--expanded,
.promo-block-grid--expanded:not(.animating-out) .promo-block-grid--text,
.promo-block-grid--header .promo-block-grid--expanded,
.promo-block-grid--expanded:not(.animating-out) .promo-block-grid--header {
max-width: 85%;
}
.promo-block-grid--expanded:not(.animating-out) .promo-block-grid--preheading,
.promo-block-grid--expanded:not(.animating-out) .promo-block-grid--text,
.promo-block-grid--expanded:not(.animating-out) .promo-block-grid--header {
white-space: normal;
}
}
@media screen and (max-width: 859px) and (min-width: 720px) {
.promo-grid--container .promo-block-grid--preheading,
.promo-grid--container .promo-block-grid--text,
.promo-grid--container .promo-block-grid--header {
max-width: 80%;
}
}
.promo-block-grid--expander {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 4.375rem;
color: #fff;
cursor: pointer;
background-color: transparent;
border: 0;
outline: 0;
transition: opacity 0.23s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (min-width: 720px) {
.promo-block-grid--expander {
display: none;
}
}
.promo-block-grid--expanded .promo-block-grid--expander {
visibility: hidden;
}
.promo-block-grid--expanded.animating-out .promo-block-grid--expander {
visibility: visible;
}
.animating-in .promo-block-grid--expander, .promo-block-grid--expanded:not(.animating-out) .promo-block-grid--expander {
opacity: 0;
transition-delay: 0s;
}
.promo-block-grid--expander svg {
position: absolute;
bottom: 50%;
left: 50%;
display: block;
width: 20px;
height: 12px;
margin-bottom: -7px;
margin-left: -10px;
overflow: visible;
filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.6));
transform-origin: 50% 50%;
}
.promo-block-grid--text,
.promo-block-grid--header,
.promo-block-grid--preheading {
transition: font-size 0.23s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (max-width: 719px) {
.promo-block-grid--text,
.promo-block-grid--header,
.promo-block-grid--preheading {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 75%;
}
.promo-block-grid--text .promo-block-grid--expanded, .promo-block-grid--expanded:not(.animating-out) .promo-block-grid--text,
.promo-block-grid--header .promo-block-grid--expanded,
.promo-block-grid--expanded:not(.animating-out) .promo-block-grid--header,
.promo-block-grid--preheading .promo-block-grid--expanded,
.promo-block-grid--expanded:not(.animating-out) .promo-block-grid--preheading {
max-width: 85%;
}
.promo-block-grid--expanded:not(.animating-out) .promo-block-grid--text,
.promo-block-grid--expanded:not(.animating-out) .promo-block-grid--header,
.promo-block-grid--expanded:not(.animating-out) .promo-block-grid--preheading {
white-space: normal;
}
}
@media screen and (max-width: 859px) and (min-width: 720px) {
.promo-grid--container .promo-block-grid--text,
.promo-grid--container .promo-block-grid--header,
.promo-grid--container .promo-block-grid--preheading {
max-width: 80%;
}
}
.promo-block-grid--preheading {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body-medium);
margin: 0 0 0.46875rem;
letter-spacing: -0.005em;
}
@media screen and (min-width: 720px) {
.promo-block-grid--preheading {
font-size: var(--font-size-body-medium);
}
}
.promo-block-grid--header {
font-size: var(--font-size-heading-3);
margin-top: 0;
margin-bottom: 0;
line-height: 1.4;
}
@media screen and (max-width: 719px) {
.animating-in .promo-block-grid--header, .promo-block-grid--expanded:not(.animating-out) .promo-block-grid--header {
font-size: var(--font-size-heading-1);
}
}
@media screen and (min-width: 720px) {
.promo-grid--half-width .promo-block-grid--header {
font-size: var(--font-size-heading-3);
}
.promo-grid--full-width .promo-block-grid--header {
font-size: var(--font-size-heading-medium);
}
}
@media screen and (min-width: 1080px) {
.promo-grid--half-width .promo-block-grid--header {
font-size: var(--font-size-heading-3);
}
.promo-grid--full-width .promo-block-grid--header {
font-size: var(--font-size-heading-large);
}
}
.promo-block-grid--text {
font-size: var(--font-size-body);
margin-top: 0.46875rem;
margin-bottom: 0;
line-height: 1.4;
}
@media screen and (max-width: 719px) {
.promo-block-grid--text {
font-size: var(--font-size-body-small);
}
.animating-in .promo-block-grid--text, .promo-block-grid--expanded .promo-block-grid--text {
font-size: var(--font-size-body);
}
}
@media screen and (min-width: 1080px) {
.promo-grid--full-width .promo-block-grid--text {
font-size: var(--font-size-body-medium);
}
}
.promo-block-grid--text p {
margin-top: 0;
}
.promo-block-grid--button {
display: none;
opacity: 0;
transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), font-size 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.23s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (min-width: 720px) {
.promo-block-grid--button {
position: relative;
display: inline-block;
opacity: 1;
}
}
.promo-block-grid--button:not(.button-signpost) {
font-size: var(--font-size-button-small);
padding: 0.6875rem 1.375rem;
letter-spacing: 0.01em;
margin-top: 1.875rem;
}.promo-block-grid--button:not(.button-signpost) {
text-transform: uppercase;
}@media screen and (min-width: 720px) {
.promo-block-grid--button:not(.button-signpost) {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.promo-block-grid--button:not(.button-signpost) {
text-transform: uppercase;
}.promo-grid--full-width .promo-block-grid--button:not(.button-signpost) {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.promo-grid--full-width .promo-block-grid--button:not(.button-signpost) {
text-transform: uppercase;
}}
@media screen and (min-width: 1080px) {
.promo-grid--container .promo-block-grid--button:not(.button-signpost) {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.promo-grid--container .promo-block-grid--button:not(.button-signpost) {
text-transform: uppercase;
}.promo-grid--full-width .promo-block-grid--button:not(.button-signpost) {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.promo-grid--full-width .promo-block-grid--button:not(.button-signpost) {
text-transform: uppercase;
}}
.animating-in .promo-block-grid--button, .promo-block-grid--expanded .promo-block-grid--button {
display: inline-block;
}
.promo-block-grid--expanded:not(.animating-out) .promo-block-grid--button {
opacity: 1;
}
.promo-mosaic--inner {
transition: height 0.2s cubic-bezier(0.33, 0.81, 0.585, 0.99);
}
@media screen and (min-width: 720px) {
.promo-mosaic--inner {
display: grid;
grid-gap: 10px;
}
}
@media screen and (min-width: 1080px) {
.promo-mosaic--inner {
grid-gap: 20px;
}
}
@media screen and (max-width: 719px) {
html body .home-section--content .promo-mosaic--inner.promo-mosaic--compressed .promo-block-mosaic {
min-height: unset;
}
}
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic {
min-height: 374px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic {
min-height: 440px;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-1.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(440 / 1600 * 0.01vw);
}
}
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic {
min-height: 459px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic {
min-height: 540px;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-1.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(540 / 1600 * 0.01vw);
}
}
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic {
min-height: 544px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic {
min-height: 640px;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-1.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(640 / 1600 * 0.01vw);
}
}
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic {
min-height: 374px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic {
min-height: 440px;
background-position:center;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-2.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(440 / 1600 * 0.01vw);
}
}
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic {
min-height: 459px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic {
min-height: 540px;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-2.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(540 / 1600 * 0.01vw);
}
}
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic {
min-height: 544px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic {
min-height: 640px;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-2.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(640 / 1600 * 0.01vw);
}
}
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic {
min-height: 238px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic {
min-height: 280px;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-3.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(280 / 1600 * 0.01vw);
}
}
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic {
min-height: 280.5px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic {
min-height: 330px;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-3.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(330 / 1600 * 0.01vw);
}
}
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic {
min-height: 323px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic {
min-height: 380px;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-3.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(380 / 1600 * 0.01vw);
}
}
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic {
min-height: 365.5px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic {
min-height: 430px;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-4.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(430 / 1600 * 0.01vw);
}
}
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic {
min-height: 408px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic {
min-height: 480px;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-4.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(480 / 1600 * 0.01vw);
}
}
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic {
min-height: 450.5px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic {
min-height: 530px;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-4.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(530 / 1600 * 0.01vw);
}
}
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic {
min-height: 238px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic {
min-height: 280px;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-5.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(280 / 1600 * 0.01vw);
}
}
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic {
min-height: 280.5px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic {
min-height: 330px;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-medium .promo-mosaic--inner.promo-mosaic--layout-5.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(330 / 1600 * 0.01vw);
}
}
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic {
min-height: 323px;
}
@media screen and (min-width: 860px) {
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic {
min-height: 380px;
}
}
@media screen and (max-width: 1600px-1) and (min-width: 720px) {
.promo-mosaic--height-large .promo-mosaic--inner.promo-mosaic--layout-5.promo-mosaic--maintain-aspect-ratio .promo-block-mosaic {
min-height: calc(380 / 1600 * 0.01vw);
}
}
@media screen and (min-width: 1080px) {
.promo-mosaic--inner .promo-block-mosaic--header {
font-size: var(--font-size-heading-2);
}
.promo-mosaic--inner .promo-block-mosaic--text {
font-size: var(--font-size-body-medium);
}
.promo-mosaic--inner .promo-block-mosaic--button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
margin-top: 1.7578125rem;
}.promo-mosaic--inner .promo-block-mosaic--button {
text-transform: uppercase;
}}
@media screen and (min-width: 720px) {
.promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic--header {
font-size: var(--font-size-heading-medium);
}
.promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic--text {
font-size: var(--font-size-body-medium);
}
.promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic--button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic--button {
text-transform: uppercase;
}}
@media screen and (min-width: 1080px) {
.promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic--header {
font-size: var(--font-size-heading-large);
}
.promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic--text {
font-size: var(--font-size-body-large);
}
.promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic--button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic--button {
text-transform: uppercase;
}}
@media screen and (min-width: 720px) {
.promo-mosaic--inner.promo-mosaic--layout-2 {
grid-template-columns: 2fr 1fr;
}
.promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic--index-1 .promo-block-mosaic--header {
font-size: var(--font-size-heading-medium);
}
.promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic--index-1 .promo-block-mosaic--text {
font-size: var(--font-size-body-medium);
}
.promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic--index-1 .promo-block-mosaic--button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic--index-1 .promo-block-mosaic--button {
text-transform: uppercase;
}}
@media screen and (min-width: 1080px) {
.promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic--index-1 .promo-block-mosaic--header {
font-size: var(--font-size-heading-large);
}
.promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic--index-1 .promo-block-mosaic--text {
font-size: var(--font-size-body-large);
}
.promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic--index-1 .promo-block-mosaic--button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic--index-1 .promo-block-mosaic--button {
text-transform: uppercase;
}}
@media screen and (min-width: 720px) {
.promo-mosaic--inner.promo-mosaic--layout-3 {
grid-template-columns: 2fr 1fr;
}
.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic--index-1 {
grid-row-start: span 2;
}
.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic--index-1 .promo-block-mosaic--header {
font-size: var(--font-size-heading-medium);
}
.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic--index-1 .promo-block-mosaic--text {
font-size: var(--font-size-body-medium);
}
.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic--index-1 .promo-block-mosaic--button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic--index-1 .promo-block-mosaic--button {
text-transform: uppercase;
}}
@media screen and (min-width: 1080px) {
.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic--index-1 .promo-block-mosaic--header {
font-size: var(--font-size-heading-large);
}
.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic--index-1 .promo-block-mosaic--text {
font-size: var(--font-size-body-large);
}
.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic--index-1 .promo-block-mosaic--button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic--index-1 .promo-block-mosaic--button {
text-transform: uppercase;
}}
@media screen and (min-width: 720px) {
.promo-mosaic--inner.promo-mosaic--layout-4 {
grid-template-columns: 1fr 1fr 1fr;
}
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-1,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-4 {
grid-column-start: span 2;
}
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-1 .promo-block-mosaic--header,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-4 .promo-block-mosaic--header {
font-size: var(--font-size-heading-medium);
}
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-1 .promo-block-mosaic--text,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-4 .promo-block-mosaic--text {
font-size: var(--font-size-body-medium);
}
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-1 .promo-block-mosaic--button,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-4 .promo-block-mosaic--button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-1 .promo-block-mosaic--button,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-4 .promo-block-mosaic--button {
text-transform: uppercase;
}}
@media screen and (min-width: 1080px) {
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-1 .promo-block-mosaic--header,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-4 .promo-block-mosaic--header {
font-size: var(--font-size-heading-large);
}
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-1 .promo-block-mosaic--text,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-4 .promo-block-mosaic--text {
font-size: var(--font-size-body-large);
}
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-1 .promo-block-mosaic--button,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-4 .promo-block-mosaic--button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-1 .promo-block-mosaic--button,
.promo-mosaic--inner.promo-mosaic--layout-4 .promo-block-mosaic--index-4 .promo-block-mosaic--button {
text-transform: uppercase;
}}
@media screen and (min-width: 720px) {
.promo-mosaic--inner.promo-mosaic--layout-5 {
grid-template-columns: 2fr 1fr;
}
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-1,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-4 {
grid-row-start: span 3;
}
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-1 .promo-block-mosaic--header,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-4 .promo-block-mosaic--header {
font-size: var(--font-size-heading-medium);
}
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-1 .promo-block-mosaic--text,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-4 .promo-block-mosaic--text {
font-size: var(--font-size-body-medium);
}
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-1 .promo-block-mosaic--button,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-4 .promo-block-mosaic--button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-1 .promo-block-mosaic--button,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-4 .promo-block-mosaic--button {
text-transform: uppercase;
}.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-2,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-3,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-5 {
grid-row-start: span 2;
}
}
@media screen and (min-width: 1080px) {
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-1 .promo-block-mosaic--header,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-4 .promo-block-mosaic--header {
font-size: var(--font-size-heading-large);
}
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-1 .promo-block-mosaic--text,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-4 .promo-block-mosaic--text {
font-size: var(--font-size-body-large);
}
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-1 .promo-block-mosaic--button,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-4 .promo-block-mosaic--button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-1 .promo-block-mosaic--button,
.promo-mosaic--inner.promo-mosaic--layout-5 .promo-block-mosaic--index-4 .promo-block-mosaic--button {
text-transform: uppercase;
}}
@media screen and (-ms-high-contrast: active) and (min-width: 720px), screen and (-ms-high-contrast: none) and (min-width: 720px) {
.promo-mosaic--inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
}
@media screen and (-ms-high-contrast: active) and (min-width: 720px), screen and (-ms-high-contrast: none) and (min-width: 720px) {
.promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic {
width: 100%;
margin: 0;
}
}
@media screen and (-ms-high-contrast: active) and (min-width: 720px), screen and (-ms-high-contrast: none) and (min-width: 720px) {
.promo-mosaic--inner .promo-block-mosaic {
flex: 0 1 auto;
width: calc(50% - 5px);
margin-top: 10px;
}
.promo-mosaic--inner .promo-block-mosaic:nth-child(1), .promo-mosaic--inner .promo-block-mosaic:nth-child(2) {
margin-top: 0;
}
.promo-mosaic--inner .promo-block-mosaic:nth-child(2n-1) {
margin-right: 5px;
}
.promo-mosaic--inner .promo-block-mosaic:nth-child(2n) {
margin-left: 5px;
}
.promo-mosaic--inner .promo-block-mosaic .promo-block-mosaic--header {
font-size: var(--font-size-heading-medium);
}
.promo-mosaic--inner .promo-block-mosaic .promo-block-mosaic--text {
font-size: var(--font-size-body-medium);
}
.promo-mosaic--inner .promo-block-mosaic .promo-block-mosaic--button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.promo-mosaic--inner .promo-block-mosaic .promo-block-mosaic--button {
text-transform: uppercase;
}}
@media screen and (-ms-high-contrast: active) and (min-width: 1080px), screen and (-ms-high-contrast: none) and (min-width: 1080px) {
.promo-mosaic--inner .promo-block-mosaic {
width: calc(50% - 10px);
margin-top: 20px;
}
.promo-mosaic--inner .promo-block-mosaic:nth-child(2n-1) {
margin-right: 10px;
}
.promo-mosaic--inner .promo-block-mosaic:nth-child(2n) {
margin-left: 10px;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.promo-mosaic--inner .promo-block-mosaic--content {
min-height: inherit;
}
}
.promo-block-mosaic {
position: relative;
height: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
border-radius: 0px;
}
.promo-block-mosaic--content {
position: relative;
display: block;
height: 100%;
padding: 1.875rem 1.171875rem;
color: currentColor;
text-decoration: none;
border-radius: 0px;
transition: height 0.23s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (max-width: 719px) {
.promo-block-mosaic--content {
height: 120px;
padding-right: calc(4.375rem + 1.171875rem);
margin-top: 10px;
cursor: pointer;
}
.promo-block-mosaic--index-1 .promo-block-mosaic--content {
margin-top: 0;
}
.promo-block-mosaic--content.animating, .promo-block-mosaic--content.promo-block-mosaic--expanded {
overflow: hidden;
}
.promo-block-mosaic--content.animating-in, .promo-block-mosaic--content.promo-block-mosaic--expanded:not(.animating-out) {
height: 270px;
min-height: inherit;
}
.promo-block-mosaic--content .promo-block-mosaic--expanded, .promo-block-mosaic--content.promo-block-mosaic--expanded:not(.animating-out) {
padding-right: 1.25em;
}
.promo-block-mosaic--content.promo-block-mosaic--expanded.promo-block-mosaic--unlinked {
cursor: default;
}
}
@media screen and (min-width: 1080px) {
.promo-block-mosaic--content {
padding: 1.640625rem;
}
}
.promo-block-mosaic--content-wrapper {
position: relative;
width: 100%;
transition: font-size 0.23s cubic-bezier(0.3, 0, 0, 1);
}
.promo-block-mosaic--content-align-top-center .promo-block-mosaic--content-wrapper, .promo-block-mosaic--content-align-center-center .promo-block-mosaic--content-wrapper, .promo-block-mosaic--content-align-bottom-center .promo-block-mosaic--content-wrapper {
text-align: center;
}
.promo-block-mosaic--content-align-top-center .promo-block-mosaic--content-wrapper .promo-block-mosaic--header,
.promo-block-mosaic--content-align-top-center .promo-block-mosaic--content-wrapper .promo-block-mosaic--text, .promo-block-mosaic--content-align-center-center .promo-block-mosaic--content-wrapper .promo-block-mosaic--header,
.promo-block-mosaic--content-align-center-center .promo-block-mosaic--content-wrapper .promo-block-mosaic--text, .promo-block-mosaic--content-align-bottom-center .promo-block-mosaic--content-wrapper .promo-block-mosaic--header,
.promo-block-mosaic--content-align-bottom-center .promo-block-mosaic--content-wrapper .promo-block-mosaic--text {
margin-right: auto;
margin-left: auto;
}
.promo-block-mosaic--content-align-top-right .promo-block-mosaic--content-wrapper, .promo-block-mosaic--content-align-center-right .promo-block-mosaic--content-wrapper, .promo-block-mosaic--content-align-bottom-right .promo-block-mosaic--content-wrapper {
text-align: right;
}
.promo-block-mosaic--content-align-top-right .promo-block-mosaic--content-wrapper .promo-block-mosaic--header,
.promo-block-mosaic--content-align-top-right .promo-block-mosaic--content-wrapper .promo-block-mosaic--text, .promo-block-mosaic--content-align-center-right .promo-block-mosaic--content-wrapper .promo-block-mosaic--header,
.promo-block-mosaic--content-align-center-right .promo-block-mosaic--content-wrapper .promo-block-mosaic--text, .promo-block-mosaic--content-align-bottom-right .promo-block-mosaic--content-wrapper .promo-block-mosaic--header,
.promo-block-mosaic--content-align-bottom-right .promo-block-mosaic--content-wrapper .promo-block-mosaic--text {
margin-right: 0;
margin-left: auto;
}
.promo-block-mosaic--content-align-center-left .promo-block-mosaic--content-wrapper, .promo-block-mosaic--content-align-center-center .promo-block-mosaic--content-wrapper, .promo-block-mosaic--content-align-center-right .promo-block-mosaic--content-wrapper {
top: 50%;
transform: translateY(-50%);
}
.promo-block-mosaic--content-align-bottom-left .promo-block-mosaic--content-wrapper, .promo-block-mosaic--content-align-bottom-center .promo-block-mosaic--content-wrapper, .promo-block-mosaic--content-align-bottom-right .promo-block-mosaic--content-wrapper {
top: 100%;
transform: translateY(-100%);
}
@media screen and (max-width: 719px) {
.promo-block-mosaic--content-wrapper {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.promo-block-mosaic--expanded:not(.animating-out) .promo-block-mosaic--content-wrapper {
white-space: normal;
}
}
.promo-block-mosaic--background {
position: absolute;
width: 100%;
height: 100%;
}
.promo-block-mosaic--expander {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 4.375rem;
color: #fff;
cursor: pointer;
background-color: transparent;
border: 0;
outline: 0;
transition: opacity 0.23s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (min-width: 720px) {
.promo-block-mosaic--expander {
display: none;
}
}
.promo-block-mosaic--expanded .promo-block-mosaic--expander {
visibility: hidden;
}
.promo-block-mosaic--expanded.animating-out .promo-block-mosaic--expander {
visibility: visible;
}
.animating-in .promo-block-mosaic--expander, .promo-block-mosaic--expanded:not(.animating-out) .promo-block-mosaic--expander {
opacity: 0;
transition-delay: 0s;
}
.promo-block-mosaic--expander svg {
position: absolute;
bottom: 50%;
left: 50%;
display: block;
width: 20px;
height: 12px;
margin-bottom: -7px;
margin-left: -10px;
overflow: visible;
filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.6));
transform-origin: 50% 50%;
}
.promo-block-mosaic--text,
.promo-block-mosaic--header {
max-width: 60%;
transition: font-size 0.23s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (max-width: 719px) {
.promo-block-mosaic--text,
.promo-block-mosaic--header {
max-width: 75%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.promo-block-mosaic--text .promo-block-mosaic--expanded, .promo-block-mosaic--expanded:not(.animating-out) .promo-block-mosaic--text,
.promo-block-mosaic--header .promo-block-mosaic--expanded,
.promo-block-mosaic--expanded:not(.animating-out) .promo-block-mosaic--header {
max-width: 85%;
}
.promo-block-mosaic--expanded:not(.animating-out) .promo-block-mosaic--text,
.promo-block-mosaic--expanded:not(.animating-out) .promo-block-mosaic--header {
white-space: normal;
}
}
.promo-block-mosaic--header {
font-size: var(--font-size-heading-3);
margin-top: 0;
margin-bottom: 0;
line-height: 1.2;
}
@media screen and (max-width: 719px) {
.animating-in .promo-block-mosaic--header, .promo-block-mosaic--expanded:not(.animating-out) .promo-block-mosaic--header {
font-size: var(--font-size-heading-1);
}
}
@media screen and (min-width: 1080px) {
.promo-block-mosaic--header {
line-height: 1.4;
}
.promo-block-mosaic--header .promo-mosaic--column-narrow {
font-size: var(--font-size-heading-medium);
}
}
.promo-block-mosaic--text {
font-size: var(--font-size-body-small);
margin-top: 0.234375rem;
margin-bottom: 0;
line-height: 1.4;
}
@media screen and (max-width: 719px) {
.animating-in .promo-block-mosaic--text, .promo-block-mosaic--expanded .promo-block-mosaic--text {
font-size: var(--font-size-body-medium);
}
}
@media screen and (min-width: 720px) {
.promo-grid--full-width .promo-block-mosaic--text {
font-size: var(--font-size-body-medium);
}
}
@media screen and (min-width: 1080px) {
.promo-mosaic--column-narrow .promo-block-mosaic--text, .promo-grid--container .promo-block-mosaic--text {
font-size: var(--font-size-body-medium);
}
.promo-grid--full-width .promo-block-mosaic--text {
font-size: var(--font-size-body-large);
}
}
.promo-block-mosaic--text p {
margin-top: 0;
}
.promo-block-mosaic--button {
display: none;
margin-top: 1.171875rem;
opacity: 0;
transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), font-size 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.23s cubic-bezier(0.3, 0, 0, 1);
}
.animating-in .promo-block-mosaic--button, .promo-block-mosaic--expanded .promo-block-mosaic--button {
display: inline-block;
}
.promo-block-mosaic--expanded:not(.animating-out) .promo-block-mosaic--button {
opacity: 1;
}
@media screen and (min-width: 720px) {
.promo-block-mosaic--button {
position: relative;
display: inline-block;
opacity: 1;
}
}
@media screen and (min-width: 1080px) {
.promo-mosaic--column-narrow .promo-block-mosaic--button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.promo-mosaic--column-narrow .promo-block-mosaic--button {
text-transform: uppercase;
}}
.rich-text--container {
margin: 0 auto;
}
.rich-text-regular {
max-width: 40.625rem;
}
.rich-text-wide {
max-width: 53.125rem;
}
.rich-text-block {
margin-bottom: 2.9296875rem;
}
.rich-text-block:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 860px) {
.rich-text-block {
margin-bottom: calc(2.9296875rem * 1.5);
}
}
.rich-text-alignment-left {
text-align: left;
}
.rich-text-alignment-center {
text-align: center;
}
.rich-text-alignment-right {
text-align: right;
}
.rich-text-heading {
font-size: var(--font-size-heading-4);
margin-bottom: 1.171875rem;
margin-block-start: 0;
line-height: 1.5;
color: #000000;
}
.rich-text-heading-medium {
font-size: var(--font-size-heading-3);
}
.rich-text-heading-large {
font-size: var(--font-size-heading-1);
}
.rich-text-content {
line-height: 1.5;
word-wrap: break-word;
}
.rich-text-content p {
margin-block-start: 0;
margin-block-end: 0;
}
.search-section {
margin: 0 auto;
position: relative;
}
.search-section .live-search-form {
border: none;
}
.search-section .live-search-form-field {
color: #212121;
background-color: #ffffff;
}
.search-section .live-search-form-field:-ms-input-placeholder {
color: #333333;
}
.search-section .live-search-form-field::placeholder {
color: #333333;
}
.search-section .live-search-button {
color: #ffffff;
background-color: #000000;
}.search-section .live-search-button {
border-color: #212121;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
}.search-section .live-search-button:hover {
background-color: #f0e7e0;
}.search-section .form-field .live-search-form-field {
border-color: #212121;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}.search-section .form-field .live-search-form-field:focus {
border-color:
#2a2a2a
;
outline: 0;
}
.search-section .form-field .live-search-form-field:focus ~ .live-search-button {
border-color:
#2a2a2a
;
outline: 0;
}
.search-section-background,
.search-section-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
}
.search-section-position-top-left {
background-position: left top;
}
.search-section-position-top-center {
background-position: center top;
}
.search-section-position-top-right {
background-position: right top;
}
.search-section-position-center-left {
background-position: left center;
}
.search-section-position-center-center {
background-position: center;
}
.search-section-position-center-right {
background-position: right center;
}
.search-section-position-bottom-left {
background-position: left bottom;
}
.search-section-position-bottom-center {
background-position: center bottom;
}
.search-section-position-bottom-right {
background-position: right bottom;
}
.search-section-content {
position: relative;
}
.search-section-overlay + .search-section-content,
.search-section-overlay + .search-section-content .search-section-heading {
color: inherit;
}
.search-section-form {
max-width: 85%;
padding: 0;
margin: 0 auto;
}
@media screen and (min-width: 1080px) {
.search-section-form {
max-width: 65%;
}
}
.search-section-header {
margin: 0 auto;
text-align: center;
}
@media screen and (min-width: 680px) {
.search-section-header {
max-width: 80%;
}
}
.search-section-header p {
margin-top: 0;
}
.search-section-heading {
font-size: var(--font-size-heading-3);
margin-top: 0;
margin-bottom: 0.703125rem;
color: #000000;
}
.search-section-text {
margin-top: 0;
margin-bottom: 1.875rem;
line-height: 1.5625;
}
.testimonials-section {
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.testimonials-header {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
margin-top: 0;
margin-bottom: 2.625rem;
}
.testimonials-header .testimonials-heading {
margin-top: 0;
margin-bottom: 0;
}
.testimonials-heading + .testimonials-subheading {
margin-top: 1.171875rem;
}
.testimonials-subheading p:first-child {
margin-top: 0;
}
.testimonials-subheading p:last-child {
margin-bottom: 0;
}
.testimonials {
position: relative;
display: block;
}
.testimonials:focus {
outline: none;
}
@media screen and (min-width: 860px) {
.testimonials {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 0 auto;
}
}
.testimonials .flickity-viewport {
position: relative;
}
.testimonials .flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.testimonials .flickity-page-dots {
position: relative;
bottom: 0;
margin-top: 1.171875rem;
}
.testimonials .dot {
width: 6px;
height: 6px;
}
.testimonials .dot:not(.is-selected) {
opacity: 0.25;
}
.testimonial {
display: flex;
align-items: center;
width: 100%;
padding: 1.875rem;
background-color: #ffffff;
border-radius: 0px;
}
@media screen and (max-width: 859px) {
.testimonial {
min-height: 100%;
margin-right: 5px;
}
}
@media screen and (min-width: 860px) {
.testimonial {
flex-grow: 1;
width: 100%;
max-width: 80%;
}
.testimonial:not(:first-child) {
margin-left: 20px;
}
.testimonials-1 .testimonial {
max-width: 75%;
padding: 2.5rem;
}
.testimonials-2 .testimonial {
width: calc(50% - 20px);
padding: 2rem;
}
.testimonials-3 .testimonial {
width: calc(33.33% - 20px);
padding: 1.640625rem;
}
.testimonials-4 .testimonial {
width: calc(50% - 20px);
padding: 1.640625rem;
}
.testimonials-4 .testimonial:nth-child(3) {
margin-left: 0;
}
.testimonials-4 .testimonial:nth-child(n+3) {
margin-top: 20px;
}
.testimonials-5 .testimonial {
width: calc(33.33% - 20px);
padding: 1.640625rem;
}
.testimonials-5 .testimonial:nth-child(n+4) {
width: calc(50% - 20px);
}
.testimonials-5 .testimonial:nth-child(4) {
margin-left: 0;
}
.testimonials-5 .testimonial:nth-child(n+4) {
margin-top: 20px;
}
}
.testimonial-inner {
display: flex;
}
.testimonial-figure {
font-size: var(--font-size-heading-4);
flex-shrink: 0;
width: 60px;
height: auto;
margin-top: 0;
margin-right: calc(1.640625rem - 0.5em);
margin-bottom: 0;
margin-left: 0;
}
@media screen and (min-width: 720px) {
.testimonials-1 .testimonial-figure, .testimonials-2 .testimonial-figure, .testimonials-3 .testimonial-figure, .testimonials-4 .testimonial-figure, .testimonials-5 .testimonial-figure {
width: 90px;
}
}
@media screen and (min-width: 860px) {
.testimonial-figure {
width: 70px;
margin-right: calc(1.875rem - 0.5em);
}
.testimonials-1 .testimonial-figure {
font-size: var(--font-size-heading-1);
width: 120px;
}
.testimonials-2 .testimonial-figure {
font-size: var(--font-size-heading-3);
width: 70px;
}
.testimonials-3 .testimonial-figure, .testimonials-4 .testimonial-figure, .testimonials-5 .testimonial-figure {
font-size: var(--font-size-heading-4);
width: 70px;
}
}
.testimonial-image {
display: block;
width: 100%;
}
.testimonial-blockquote {
font-size: var(--font-size-heading-4);
padding-left: 0.5em;
margin: 0;
}
@media screen and (min-width: 860px) {
.testimonials-1 .testimonial-blockquote {
font-size: var(--font-size-heading-1);
}
.testimonials-2 .testimonial-blockquote {
font-size: var(--font-size-heading-3);
}
.testimonials-3 .testimonial-blockquote, .testimonials-4 .testimonial-blockquote, .testimonials-5 .testimonial-blockquote {
font-size: var(--font-size-heading-4);
}
}
.testimonial-blockquote-quote {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
position: relative;
letter-spacing: -0.005em;
}.testimonial-blockquote-quote p {
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
line-height: 1.35;
}
.testimonial-blockquote-quote p:first-child {
margin-top: 0;
}
.testimonial-show-quotations .testimonial-blockquote-quote p:first-child::before {
position: absolute;
top: 0;
left: -0.5em;
content: "“";
}
.testimonial-show-quotations .testimonial-blockquote-quote p:last-child::after {
content: "”";
}
.testimonial-blockquote-citation {
font-size: var(--font-size-body);
font-style: normal;
line-height: 1.4;
}
.testimonials-3 .testimonial-blockquote-citation, .testimonials-4 .testimonial-blockquote-citation, .testimonials-5 .testimonial-blockquote-citation {
font-size: var(--font-size-body-small);
}
.testimonial-blockquote-citation p {
margin: 0;
}
.testimonial-blockquote-citation a {
text-decoration: none;
color: #111111;
}.twitter--container {
position: relative;
overflow: hidden;
}
.twitter--inner {
outline: 0;
}
.twitter--inner:not(.flickity-enabled),
.twitter--inner .flickity-slider {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
transition: width 0.1s ease;
}
@media screen and (max-width: 859px) {
.twitter--inner:not(.flickity-enabled) {
flex-direction: column;
}
}
.twitter--inner.flickity-enabled {
display: block;
width: 100%;
cursor: grab;
}
@media screen and (max-width: 859px) {
.tweet--count-1 .twitter--inner .flickity-slider {
width: 17.25rem;
}
.tweet--count-2 .twitter--inner .flickity-slider {
width: 34.5rem;
}
.tweet--count-3 .twitter--inner .flickity-slider {
width: 51.75rem;
}
}
.tweet--wrapper {
display: flex;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
align-items: flex-start;
justify-content: flex-start;
min-width: 276px;
min-height: 100%;
padding: 1.25rem;
margin-right: 10px;
overflow: hidden;
white-space: normal;
background-color: #ffffff;
border-radius: 0px;
transition: width 0.15s ease, padding 0.15s ease;
}
@media screen and (max-width: 859px) {
.twitter--inner:not(.flickity-enabled) .tweet--wrapper {
display: block;
width: 100%;
border-right: 0;
}
.twitter--inner:not(.flickity-enabled) .tweet--wrapper:not(:first-child) {
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
}
@media screen and (min-width: 1080px) {
.tweet--wrapper {
margin-right: 20px;
padding: 1.5625rem;
}
}
.tweet--count-1 .tweet--wrapper {
width: 100%;
}
.tweet--count-2 .tweet--wrapper {
width: 50%;
}
@media screen and (min-width: 1024px) {
.tweet--count-2 .tweet--wrapper {
width: calc(50% - 10px);
}
}
@media screen and (min-width: 1080px) {
.tweet--count-2 .tweet--wrapper {
width: calc(50% - 20px);
}
}
.tweet--count-3 .tweet--wrapper {
width: 33.3333333333%;
}
@media screen and (min-width: 1024px) {
.tweet--count-3 .tweet--wrapper {
width: calc(33.3333333333% - 6.6666666667px);
}
}
@media screen and (min-width: 1080px) {
.tweet--count-3 .tweet--wrapper {
width: calc(33.3333333333% - 13.3333333333px);
}
}
.tweet--wrapper:last-child {
margin-right: 0;
}
.tweet--wrapper a {
text-decoration: none;
word-wrap: break-word;
}
.tweet--header {
display: block;
flex-grow: 0;
flex-shrink: 0;
}
.tweet--header-image,
.tweet--header-authorinfo {
display: inline-block;
vertical-align: middle;
}
.tweet--header-image {
display: none;
}
.tweet--header-authorinfo {
max-width: 100%;
margin-top: 1px;
margin-bottom: 0;
}
.tweet--header-name {
font-size: var(--font-size-heading-5);
display: block;
color: #000000;
text-decoration: none;
}
.tweet--header-screenname {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-heading-6);
display: block;
line-height: 1.5;
letter-spacing: -0.005em;
color: #7c7873;
text-transform: none;
}
.tweet--content {
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
max-height: 100%;
margin-top: 1.640625rem;
}
.tweet--content a {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
vertical-align: top;
}
.tweet--content .tweet {
font-size: var(--font-size-body);
margin-top: calc(-1 * ((1.6 * 0.9375rem) - 0.9375rem) / 2);
margin-bottom: 0;
line-height: 1.6;
text-overflow: ellipsis;
word-wrap: break-word;
}
.tweet--content .tweet img {
display: inline-block;
height: calc(0.9375rem + 6px);
margin-top: -0.3125rem;
vertical-align: baseline;
}
.tweet--content .media {
display: inline-block;
float: left;
width: 35%;
max-width: 140px;
margin-right: 1.5625rem;
margin-bottom: 0.4375rem;
}
.tweet--content .media img {
display: block;
max-width: 100%;
}
.tweet--footer {
display: flex;
align-items: center;
padding-top: 0.9375rem;
margin-top: auto;
clear: left;
}
.tweet--footer--posted,
.tweet--footer--icon {
font-size: var(--font-size-body-small);
display: inline-block;
vertical-align: middle;
}
.tweet--footer--posted {
margin-left: 0.5rem;
color: #7c7873;
}
.tweet--footer--posted:hover {
color: #000000;
}
.tweet--footer--icon svg {
display: block;
color: #1da1f2;
}
.twitter--placeholder-posted,
.twitter--placeholder-name,
.twitter--placeholder-screenname {
display: inline-block;
vertical-align: middle;
}
.twitter--placeholder-name {
width: 100px;
height: 1.0546875rem;
}
.twitter--placeholder-screenname {
width: 100px;
height: 0.9375rem;
}
.twitter--placeholder-tweet {
width: 100%;
}
.twitter--placeholder-tweet-line {
display: block;
height: 1em;
max-width: 100%;
margin-top: 0.44em;
}
.twitter--placeholder-tweet-line:nth-child(1) {
width: 204px;
}
.twitter--placeholder-tweet-line:nth-child(2) {
width: 180px;
}
.twitter--placeholder-tweet-line:nth-child(3) {
width: 160px;
}
.twitter--placeholder-posted {
width: 80px;
height: 1em;
}
.fourohfour--container {
margin-top: calc(2.9296875rem * 2);
margin-bottom: calc(3.984375rem * 3);
text-align: center;
}
.fourohfour--container .fourohfour-title h1 {
margin-top: 0;
color: #000000;
}
.fourohfour--inner p {
margin-bottom: 1.640625rem;
color: #111111;
}
.fourohfour--inner p:last-child {
margin-bottom: 0;
}
.fourohfour--inner .button-primary {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.fourohfour--inner .button-primary {
text-transform: uppercase;
}.announcement-bar {
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body-smaller);
display: block;
padding: 15px 0;
line-height: 1.3;
letter-spacing: -0.005em;
text-align: center;
text-decoration: none;
transform: translate3d(0, 0, 0) scale(1);
}
@media screen and (min-width: 720px) {
.announcement-bar.only-mobile {
display: none;
}
}
.announcement-bar p {
margin: 0;
}
.announcement-bar a {
color: currentColor;
}
@media screen and (min-width: 720px) {
.announcement-bar {
font-size: var(--font-size-body-small);
}
}
.announcement-bar-text {
display: none;
}
@media screen and (min-width: 720px) {
.announcement-bar-text {
display: block;
}
}
@media screen and (min-width: 720px) {
.announcement-bar-text-mobile {
display: none;
}
}
.announcement-bar-link {
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
}
.announcement-bar-text a,
.announcement-bar-text-mobile a {
position: relative;
z-index: 1;
}
.article-image {
position: relative;
width: 100%;
height: 250px;
margin: 0;
overflow: hidden;
background-position: 50% 50%;
background-size: cover;
}
@media screen and (min-width: 680px) {
.article-image {
height: 350px;
}
}
@media screen and (min-width: 860px) {
.article-image {
height: 400px;
}
}
@media screen and (min-width: 1024px) {
.article-image {
height: 500px;
}
}
.article--container {
position: relative;
margin-top: 1.875rem;
}
@media screen and (max-width: 1023px) {
.article--container {
margin-right: auto;
margin-left: auto;
}
}
@media screen and (max-width: 1023px) and (min-width: 680px) {
.article--container {
display: flex;
}
}
@media screen and (min-width: 1024px) {
.article--container {
padding-right: 0;
padding-left: 0;
}
}
.article--sidebar {
padding-right: 1.171875rem;
}
@media screen and (max-width: 679px) {
.article--sidebar {
display: none;
}
}
@media screen and (max-width: 1023px) and (min-width: 680px) {
.article--sidebar {
width: 18%;
}
}
@media screen and (min-width: 1024px) {
.article--sidebar {
position: absolute;
left: 1.640625rem;
}
}
.article--sidebar .share-buttons {
margin-top: 0;
}
@media screen and (max-width: 1279px) and (min-width: 680px) {
.article--sidebar .share-buttons .share-buttons--button {
display: block;
margin-bottom: 0.46875rem;
margin-left: 0 !important;
}
}
.article--share-buttons {
margin-top: 1.875rem;
}
@media screen and (min-width: 680px) {
.article--share-buttons {
display: none;
}
}
.article--inner {
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 679px) {
.article--inner {
width: 100%;
}
}
@media screen and (max-width: 1023px) and (min-width: 680px) {
.article--inner {
width: 82%;
}
}
@media screen and (min-width: 1024px) {
.article--inner {
max-width: 700px;
}
}
.article--meta {
display: flex;
align-items: center;
color: #7c7873;
}
@media screen and (max-width: 719px) {
.article--meta-item {
font-size: var(--font-size-body-small);
}
}
.article--meta-item:nth-child(2) {
padding-left: 11px;
margin-left: 10px;
border-left: 1px solid rgba(128, 128, 128, 0.35);
}
@media screen and (max-width: 719px) {
.article--meta-item:nth-child(2) {
padding-left: 6px;
margin-left: 5px;
}
}
.article--title {
font-size: var(--font-size-heading-1);
margin-top: 0;
margin-bottom: 1.875rem;
color: #000000;
}
.article--meta + .article--title {
margin-top: 0.703125rem;
}
.article--tags {
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body-smaller);
margin-top: 2.9296875rem;
letter-spacing: -0.005em;
color: #7c7873;
}
.article--tags .article--tags-title {
color: #111111;
}
.article--tags a {
margin-left: 0.234375rem;
color: #7c7873;
}
.article--tags a:hover {
color: rgba(17, 17, 17, 0.6);
}
.article--pagination {
width: 100%;
margin-top: 3.984375rem;
font-size: 0;
letter-spacing: 0;
}
.article--pagination .article--pagination-item-left,
.article--pagination .article--pagination-item-right {
position: relative;
display: inline-block;
max-width: 40%;
width: 100%;
}
.article--pagination .article--pagination-item-right {
float: right;
text-align: right;
}
.article--pagination .article--pagination-chevron-right,
.article--pagination .article--pagination-chevron-left {
margin-top: 0.5rem;
}
.article--pagination .article--pagination-chevron-left {
margin-right: 0.3125rem;
margin-left: 0;
}
.article--pagination .article--pagination-chevron-left svg {
transform: rotate(90deg);
}
@media screen and (min-width: 680px) {
.article--pagination .article--pagination-chevron-left {
position: absolute;
left: calc(-8px - 0.3125rem);
}
}
.article--pagination .article--pagination-text {
font-size: var(--font-size-body);
display: inline-block;
width: calc(100% - (8px + 0.3125rem));
letter-spacing: -0.005em;
vertical-align: top;
}.article--pagination .article--pagination-text {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
}.article--pagination .article--pagination-title {
font-family: type_body_custom;
font-style: italic;
font-weight: 400;
font-size: var(--font-size-body-small);
display: none;
margin-top: 0.234375rem;
line-height: 1.46;
letter-spacing: -0.005em;
color: #111111;
}
@media screen and (min-width: 680px) {
.article--pagination .article--pagination-title {
display: block;
}
}
.blog-title {
margin-top: 0.703125rem;
margin-bottom: 0.9375rem;
color: #000000;
}
@media screen and (min-width: 1024px) {
.blog-title {
margin-top: 1.640625rem;
margin-bottom: 0.9375rem;
}
}
.blog-title h1,
.blog-title a {
display: inline-block;
}
.blog-title a {
padding: 0.125rem 0.625rem;
color: inherit;
}
.blog-title svg {
display: block;
}
.blog--inner {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding: 0;
list-style-type: none;
}
@media screen and (max-width: 679px) {
.blog--inner .article--excerpt-wrapper {
width: 100%;
margin-right: 0;
}
}
@media screen and (min-width: 680px) {
.blog--inner .article--excerpt-wrapper {
width: calc(50% - 5px);
margin-right: 10px;
}
}
@media screen and (max-width: 859px) and (min-width: 680px) {
.blog--inner .article--excerpt-wrapper:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width: 719px) {
.blog--inner .article--excerpt-wrapper {
margin-bottom: 1.640625rem;
}
}
@media screen and (min-width: 720px) {
.blog--inner .article--excerpt-wrapper {
margin-bottom: 2.9296875rem;
}
}
@media screen and (min-width: 860px) {
.blog--inner .article--excerpt-wrapper:nth-child(3n) {
margin-right: 0;
}
}
@media screen and (max-width: 1079px) and (min-width: 860px) {
.blog--inner .article--excerpt-wrapper {
width: calc(33.3333333333% - 6.6666666667px);
}
}
@media screen and (min-width: 1080px) {
.blog--inner .article--excerpt-wrapper {
width: calc(33.3333333333% - 13.3333333333px);
margin-right: 20px;
}
}
.cart {
max-width: 860px;
margin: 0 auto;
}
@media screen and (min-width: 860px) {
.cart.has-sidebar {
display: flex;
flex-wrap: wrap;
max-width: calc(860px + 280px + 1.171875rem);
}
}
@media screen and (min-width: 1024px) {
.cart.has-sidebar {
max-width: calc(860px + 280px + 1.875rem);
}
}
@media screen and (min-width: 1280px) {
.cart.has-sidebar {
max-width: calc(860px + 280px + 2.9296875rem);
}
}
@media screen and (min-width: 860px) {
.cart.has-sidebar .cart-flow {
width: calc(100% - (280px + 1.171875rem));
margin-right: 1.171875rem;
}
}
@media screen and (min-width: 1024px) {
.cart.has-sidebar .cart-flow {
width: calc(100% - (280px + 1.875rem));
margin-right: 1.875rem;
}
}
@media screen and (min-width: 1280px) {
.cart.has-sidebar .cart-flow {
width: calc(100% - (280px + 2.9296875rem));
margin-right: 2.9296875rem;
}
}
.cart-title {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-top: 1.640625rem;
margin-bottom: 1.640625rem;
color: #000000;
}
@media screen and (min-width: 720px) {
.cart-title {
margin-bottom: 1.875rem;
}
}
@media screen and (min-width: 1024px) {
.cart-title {
margin-top: 2.9296875rem;
margin-bottom: 2.9296875rem;
}
}
.cart-title h1 {
margin-top: 0;
margin-bottom: 0;
}
.cart-title-right {
display: flex;
align-items: center;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
}
.cart-title-button {
font-size: var(--font-size-button-small);
padding: 0.6875rem 1.375rem;
letter-spacing: 0.01em;
display: flex;
align-items: center;
}.cart-title-button {
text-transform: uppercase;
}@media screen and (min-width: 480px) {
.cart-title-button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.cart-title-button {
text-transform: uppercase;
}}
.cart-title-button svg {
display: block;
width: 19px;
height: 18px;
margin-right: 10px;
}
.cart-title-total {
font-size: var(--font-size-body-smaller);
margin-top: 0.234375rem;
color: #7c7873;
}
.cart-title-total span {
font-family: type_product_price_custom;
font-style: normal;
font-weight: 400;
display: inline-block;
margin-left: 0.234375rem;
color: #000000;
}
.cart-title-total--small {
width: 100%;
}
.cart-title-total--large .cart-title-total {
margin-top: 0;
margin-right: 1.171875rem;
text-align: right;
}
.cart-title-total--large span {
font-size: var(--font-size-heading-4);
display: block;
margin-top: 0.234375rem;
margin-left: 0;
}
.cart-form {
margin: 15px 0;
}
.cart-items-wrapper {
padding: 0;
margin: 0;
}
.cartitems-empty {
font-size: var(--font-size-body);
display: flex;
align-items: center;
justify-content: center;
height: 358px;
padding: 1.171875rem;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
}
.cartitems-empty--inner p {
margin-top: 0;
margin-bottom: 1.171875rem;
}
.cartitems-empty--inner .button-primary {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}.cartitems-empty--inner .button-primary {
text-transform: uppercase;
}.cartitems-empty--inner .button-primary svg {
display: block;
width: 19px;
height: 18px;
margin-right: 6px;
margin-bottom: 1px;
}
.cart-total {
margin-top: 1.875rem;
margin-bottom: 1.640625rem;
}
.cart-notifications {
display: flex;
flex-direction: column;
margin-top: 1.171875rem;
margin-bottom: 1.171875rem;
}
.cart-notifications:empty {
margin: 0;
}
.cart-notifications > * {
padding: 1.171875rem;
margin-bottom: 1.171875rem;
font-size: 0.875rem;
color: #111111;
background-color: #fafafa;
}
.cart-notifications > *:last-child {
margin-bottom: 0;
}
.cart-tools {
display: flex;
flex-direction: column;
margin-top: 1.171875rem;
margin-bottom: 0.9375rem;
}
.cart-tools:empty {
margin: 0;
}
.cart-tools > * {
margin-bottom: 0.9375rem;
}
.cart-tools > *:last-child {
margin-bottom: 0;
}
.cart-ordernote .form-field {
max-width: 450px;
}
.cart-ordernote textarea {
min-height: 118px;
}
.cart-ordernote-heading {
display: block;
margin-bottom: 0.703125rem;
color: #111111;
}
.cart-subtotal {
display: table;
width: 100%;
padding-top: 1.640625rem;
margin-top: 1.875rem;
margin-bottom: 0.9375rem;
font-size: 1.375rem;
color: #000000;
border-top: 1px solid #eaeaea;
}
.cart-subtotal span {
display: table-cell;
vertical-align: middle;
}
.cart-subtotal .money {
font-family: type_product_price_custom;
font-style: normal;
font-weight: 400;
font-size: 1.75rem;
text-align: right;
}
.cart-shipping {
font-size: var(--font-size-body);
margin-bottom: 1.640625rem;
color: #111111;
line-height: 1.56;
}
.cart-shipping .cart-shipping-toggle {
display: block;
line-height: 1.56;
}.cart-shippingcalc--container {
display: none;
margin-bottom: 3.984375rem;
}
.cart-shippingcalc--container.open {
display: block;
}
.cart-shippingcalc-form {
margin-top: 1.640625rem;
margin-bottom: 1.640625rem;
}
.cart-shippingcalc-form .cart-shippingcalc--inner {
margin-bottom: 0.9375rem;
}
@media screen and (min-width: 480px) {
.cart-shippingcalc-form .cart-shippingcalc--inner {
display: flex;
}
}
.cart-shippingcalc-form .form-field {
width: 100%;
}
@media screen and (max-width: 479px) {
.cart-shippingcalc-form .form-field {
margin-bottom: 0.9375rem;
}
.cart-shippingcalc-form .form-field:last-child {
margin-bottom: 0;
}
}
@media screen and (min-width: 480px) {
.cart-shippingcalc-form .form-field {
width: calc(33.3333333333% - 0.9375rem/2 - 2px);
margin-right: 0.9375rem;
}
.cart-shippingcalc-form .form-field:last-child {
margin-right: 0;
}
}
.cart-shippingcalc-form .button-primary {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.cart-shippingcalc-form .button-primary {
text-transform: uppercase;
}.cart-shippingcalc-none {
margin-top: 0;
}
.cart-shippingcalc-response {
display: none;
padding: 1.171875rem;
color: #111111;
background-color: #fafafa;
border-radius: 0px;
}
.cart-shippingcalc-response.visible {
display: block;
}
.cart-shippingcalc-response > *:first-child {
margin-top: 0;
}
.cart-shippingcalc-response > *:last-child {
margin-bottom: 0;
}
.cart-shippingcalc-rates {
margin-top: 1.171875rem;
}
.cart-shippingcalc-rates:empty {
display: none;
}
.cart-checkout {
text-align: center;
}
.cart-checkout .button-primary {
font-size: var(--font-size-button-x-large);
padding: 0.875rem 2.625rem;
letter-spacing: 0.01em;
width: 100%;
}.cart-checkout .button-primary {
text-transform: uppercase;
}.cart-checkout .button-primary svg {
display: inline-block;
width: 21px;
height: 21px;
margin-right: 5px;
margin-bottom: 2px;
vertical-align: top;
}
.cart-checkout .cart-continue {
margin-top: 1.171875rem;
}
.additional-checkout-buttons {
margin-top: 1.171875rem;
margin-bottom: 1.171875rem;
}
[data-shopify-buttoncontainer] {
justify-content: center;
}
.cart-continue {
font-size: var(--font-size-body);
display: block;
}
.cart-continue svg {
position: relative;
top: -1px;
margin-left: 2px;
transform: rotate(-90deg);
}
.cart-sidebar {
width: 100%;
}
@media screen and (max-width: 479px) {
.cart-sidebar {
margin-top: 1.640625rem;
}
}
@media screen and (max-width: 859px) and (min-width: 480px) {
.cart-sidebar {
display: flex;
margin-top: 2.9296875rem;
}
}
@media screen and (min-width: 860px) {
.cart-sidebar {
width: 280px;
}
}
.cart-sidebar-item {
position: relative;
margin-bottom: 1.171875rem;
}
@media screen and (max-width: 479px) {
.cart-sidebar-item {
width: 100%;
}
}
@media screen and (max-width: 859px) and (min-width: 480px) {
.cart-sidebar-item {
width: calc(50% - 1.171875rem/2);
}
.cart-sidebar-item:first-child {
margin-right: 1.171875rem;
}
}
@media screen and (min-width: 860px) {
.cart-sidebar-item:last-child {
margin-bottom: 0;
}
}
.cart-sidebar-item .cart-sidebar-item-image {
display: block;
width: 100%;
max-width: 100%;
border-radius: 0px;
}
.cart-sidebar-item--text {
padding: 1.171875rem;
background-color: #fafafa;
}
.cart-sidebar-item--text > *:first-child {
margin-top: 0;
}
.cart-sidebar-item--text > *:last-child {
margin-bottom: 0;
}
.collection--section {
margin-top: 1.171875rem;
}
@media screen and (min-width: 720px) {
.collection--section {
margin-top: 1.640625rem;
}
}
.collection--section .productgrid--masthead.no-breadcrumbs {
margin-top: 0;
}
@media screen and (min-width: 720px) {
.collection--section .productgrid--masthead.no-breadcrumbs {
margin-top: 0.46875rem;
}
}
.collection--image {
position: relative;
margin: 0;
}
.collection--image img {
display: block;
width: 100%;
height: auto;
border-radius: 0px;
}
.collection--information {
margin-top: 1.640625rem;
}
.collection--information:first-child {
margin-top: 0;
}
.collection--title {
font-size: var(--font-size-heading-large);
margin-top: 0;
margin-bottom: 0;
line-height: 1.3;
color: #000000;
}
.collection--description {
margin-top: 0.46875rem;
}
.collection--description > *:first-child {
margin-top: 0;
}
.results--container {
position: relative;
}
.results--container .processing-overlay {
opacity: 0;
height: 100%;
width: 100%;
z-index: 0;
transition: opacity 0.2s;
}
.results--container .icon-loading {
position: absolute;
display: block;
height: 77px;
width: 77px;
top: 7.5rem;
left: calc(50% - 77px / 2);
opacity: 0;
color: #000000;
}
@media screen and (min-width: 860px) {
.results--container .icon-loading {
top: 11.875rem;
}
}
.results--container.processing--filter .processing-overlay {
position: absolute;
opacity: 0.7;
background-color: #ffffff;
z-index: 10;
}
.results--container.processing--filter .icon-loading {
opacity: 1;
transition: opacity 200ms ease-in-out;
z-index: 11;
animation: 0.6s rotate linear infinite both;
}
.click-to-load ~ .pagination__wrapper {
display: none;
}
.click-to-load .button-primary {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
margin: 3.125rem auto;
display: block;
}.click-to-load .button-primary {
text-transform: uppercase;
}.productgrid--outer {
/*
* Additional display: grid styles are located in:
* source/styles/components/product-grid/_product-grid-layout.scss
*
*/
}
.productgrid--outer .pagination__wrapper:empty {
margin-top: 0;
margin-bottom: 0;
}
.productgrid--outer .collection--information.collection--minimal {
margin: 2.9296875rem 0;
text-align: center;
}
@media screen and (min-width: 720px) {
.productgrid--outer .collection--information.collection--minimal {
margin: 3.984375rem 0;
}
}
.productgrid--outer .collection--information.collection--minimal.has-image-with-text {
margin-bottom: 1.640625rem;
}
@media screen and (min-width: 720px) {
.productgrid--outer .collection--information.collection--minimal.has-image-with-text {
margin-bottom: 1.875rem;
}
}
.productgrid--outer .collection--information.collection--minimal .collection--description.rte {
max-width: 34.375rem;
margin: 1.171875rem auto 0;
text-align: center;
}
.productgrid--outer .alt-img-with-text--container {
padding-right: 0;
padding-left: 0;
}
@supports (display: grid) {
.productgrid--outer.products-per-row--3 .productgrid--items {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 680px) {
.productgrid--outer.products-per-row--3 .productgrid--items {
grid-template-columns: repeat(3, 1fr);
}
}
.productgrid--outer.products-per-row--4 .productgrid--items {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 525px) {
.productgrid--outer.products-per-row--4 .productgrid--items {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1024px) {
.productgrid--outer.products-per-row--4 .productgrid--items {
grid-template-columns: repeat(4, 1fr);
}
}
.productgrid--outer.products-per-row--5 .productgrid--items {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 525px) {
.productgrid--outer.products-per-row--5 .productgrid--items {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 720px) {
.productgrid--outer.products-per-row--5 .productgrid--items {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 1024px) {
.productgrid--outer.products-per-row--5 .productgrid--items {
grid-template-columns: repeat(5, 1fr);
}
}
.productgrid--outer.products-per-row--6 .productgrid--items {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 525px) {
.productgrid--outer.products-per-row--6 .productgrid--items {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 720px) {
.productgrid--outer.products-per-row--6 .productgrid--items {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 1024px) {
.productgrid--outer.products-per-row--6 .productgrid--items {
grid-template-columns: repeat(5, 1fr);
}
}
@media screen and (min-width: 1280px) {
.productgrid--outer.products-per-row--6 .productgrid--items {
grid-template-columns: repeat(6, 1fr);
}
}
}
.site-footer {
z-index: 500;
display: flex;
flex-direction: column;
padding-top: 0.75rem;
padding-bottom: 1.75rem;
color: #000000;
background-color: #ffffff;
}
.site-footer a {
text-decoration: none;
transition: color 0.1s ease;
}
@media screen and (min-width: 1024px) {
.site-footer {
padding-top: calc(3.984375rem - 0.9375rem);
padding-bottom: 2.9296875rem;
}
}
.site-footer-item {
max-width: 1600px;
padding-right: 10px;
padding-left: 10px;
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.site-footer-item {
padding-right: 1.640625rem;
padding-left: 1.640625rem;
}
}
@media screen and (min-width: 1080px) {
.site-footer-item {
padding-right: calc(40px);
padding-left: calc(40px);
}
}
.site-footer-information {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 2.9296875rem;
text-align: left;
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment=centered] .site-footer-information {
text-align: center;
}
}
@media screen and (min-width: 1024px) {
.site-footer-information {
flex-wrap: nowrap;
width: 100%;
max-width: 1600px;
margin-top: 3.984375rem;
margin-right: auto;
margin-left: auto;
}
}
.site-footer-information-nav-credits {
flex-grow: 1;
flex-shrink: 0;
max-width: 100%;
font-size: 0.8125rem;
}
@media screen and (min-width: 1024px) {
.site-footer-information-nav-credits:not(:only-child) {
padding-right: 12.5px;
}
}
.site-footer-navigation .navmenu {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment=centered] .site-footer-navigation .navmenu {
justify-content: center;
}
}
.site-footer-navigation .navmenu .navmenu-item {
display: block;
margin-bottom: 6px;
font-size: 0.8125rem;
}
.site-footer-navigation .navmenu .navmenu-item:not(:last-child) {
padding-right: 11px;
margin-right: 10px;
border-right: 1px solid rgba(0, 0, 0, 0.5);
}
.site-footer-navigation .navmenu-link {
color: #000000;
}
.site-footer-navigation .navmenu-link:hover {
color: #e8b5ab;
}
.site-footer-credits {
margin-bottom: 0;
color: #999999;
overflow-wrap: break-word;
}
.site-footer-credits a {
color: #999999;
}
.site-footer-credits p {
margin: 0.375rem 0;
}
.site-footer-credits:not(:first-child) {
margin-top: 6px;
}
.site-footer-information__payment-icons-cross-border {
display: flex;
align-items: flex-start;
flex-grow: 1;
flex-shrink: 1;
flex-wrap: wrap;
order: -1;
width: 100%;
padding-left: 0;
margin-bottom: 1.875rem;
list-style: none;
}
@media screen and (min-width: 1024px) {
.site-footer-information__payment-icons-cross-border {
justify-content: flex-end;
order: 1;
width: 40%;
padding-left: 25px;
margin-bottom: 0;
}
}
.site-footer-information__payment-icons-cross-border :first-child {
margin-top: 0;
}
.payment-icons {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
padding: 0;
margin-top: 0.9375rem;
margin-right: -5px;
margin-bottom: -10px;
margin-left: -5px;
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment=centered] .payment-icons {
justify-content: center;
width: calc(100% + 10px);
}
}
@media screen and (min-width: 1024px) {
.payment-icons {
justify-content: flex-end;
}
}
.payment-icons-item {
font-size: var(--font-size-body);
display: block;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
}
.payment-icons-item svg {
display: block;
width: auto;
height: 30px;
}
.shopify-localization-form {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
margin-right: -5px;
margin-bottom: -0.703125rem;
margin-left: -5px;
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment=centered] .shopify-localization-form {
justify-content: center;
width: calc(100% + 10px);
}
}
@media screen and (min-width: 1024px) {
.shopify-localization-form {
justify-content: flex-end;
}
}
.listcollections--container {
margin-top: 1.171875rem;
}
@media screen and (min-width: 720px) {
.listcollections--container {
margin-top: 1.640625rem;
}
.listcollections--container.no-breadcrumbs {
margin-top: 1.875rem;
}
}
.listcollections--inner {
list-style-type: none;
padding-left: 0;
}
.template-password,
.template-password .site-main,
.template-password .password--section {
height: 100%;
}
.password--section {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.password-page-header,
.password-page-content,
.password-page-footer {
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
}
.password-mailinglist--container,
.password-social--container {
margin-top: 1.875rem;
}
.password-mailinglist--container .social-icons,
.password-social--container .social-icons {
justify-content: center;
}
@media screen and (min-width: 720px) {
.password-mailinglist--container,
.password-social--container {
margin-top: 3.984375rem;
}
}
.password-page-header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: auto;
padding: 10px 10px;
background-color: #f7f2ee;
}
@media screen and (min-width: 720px) {
.password-page-header {
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (min-width: 1024px) {
.password-page-header {
padding-right: 25px;
padding-left: 25px;
}
}
.password-header-logo {
width: 50%;
padding-right: 10px;
line-height: 1.1;
color: currentColor;
text-decoration: none;
vertical-align: middle;
}
.password-header-logo .desktop-logo-image,
.password-header-logo .mobile-logo-image {
margin: 0;
}
.password-header-logo-image {
display: block;
max-width: 100px;
max-height: 100%;
}
.password-header-logo-text {
font-size: var(--font-size-body);
display: block;
width: 100%;
color: #000000;
text-decoration: none;
}
.password-header-login {
width: 50%;
height: 46px;
padding-left: 10px;
text-align: right;
}
.password-header-lock {
display: inline-block;
padding: 8px 10px;
margin-top: 4px;
margin-right: -10px;
color: #000000;
cursor: pointer;
background-color: transparent;
border: 0;
}
.password-header-lock svg {
display: block;
}
.password-page-content--inner {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 600px;
padding-top: 1.875rem;
padding-bottom: 1.875rem;
text-align: center;
}
@media screen and (min-width: 720px) {
.password-page-content--inner {
padding-top: 3.984375rem;
padding-bottom: 3.984375rem;
}
}
.password-title {
margin-top: 0;
margin-bottom: 1.171875rem;
color: #000000;
}
.password-message {
margin-bottom: 0;
line-height: 1.56;
color: #111111;
}
.password-mailinglist--container .password-mailinglist-title {
font-size: var(--font-size-heading-4);
margin-top: 0;
margin-bottom: 1.171875rem;
color: #000000;
}
.password-mailinglist--container .password-mailinglist-title h1 {
margin-top: 0;
margin-bottom: 0;
}
.password-mailinglist--container .password-mailinglist-text {
font-size: var(--font-size-body-small);
}
.password-mailinglist--container .newsletter {
margin: 0 auto;
}
.password-social--title {
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body);
letter-spacing: -0.005em;
}
.password-page-footer {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
text-align: center;
}
.password-page-footer--item {
display: block;
}
.password-page-footer--item:not(:first-child) {
margin-top: 0.46875rem;
}
@media screen and (min-width: 680px) {
.password-page-footer--item {
display: inline-block;
margin-top: 0;
}
}
.passwordentry-container {
display: none;
}
.passwordentry-title {
font-size: var(--font-size-heading-4);
margin-top: 0;
margin-bottom: 1.640625rem;
color: #000000;
}
.passwordentry-contents .passwordentry-message {
margin-bottom: 1.171875rem;
}
.passwordentry-contents .form-fields-inline {
display: table;
width: 100%;
}
.passwordentry-contents .passwordentry-input {
display: table-cell;
width: 100%;
padding-right: 0.703125rem;
vertical-align: middle;
}
.passwordentry-contents .passwordentry-submit {
display: table-cell;
vertical-align: middle;
}
.passwordentry-contents .button-primary {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
display: block;
width: 100%;
white-space: nowrap;
}.passwordentry-contents .button-primary {
text-transform: uppercase;
}@media screen and (max-width: 719px) {
.passwordentry-contents .button-primary {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
.passwordentry-owner {
margin-top: 1.640625rem;
margin-bottom: 0;
color: #111111;
}
.modal--passwordentry .modal-inner {
max-width: 450px;
padding: 1.640625rem 1.171875rem;
text-align: center;
white-space: normal;
}
@media screen and (min-width: 680px) {
.modal--passwordentry .modal-inner {
padding: 2.9296875rem;
}
}
.product--container {
margin-top: 1.171875rem;
}
@media screen and (min-width: 720px) {
.product--container {
margin-top: 1.640625rem;
}
.product--container.no-breadcrumbs {
margin-top: 1.875rem;
}
}
@media screen and (max-width: 719px) {
.product--container {
padding-right: 0;
padding-left: 0;
}
.product--container.no-breadcrumbs {
margin-top: 10px;
}
}
.product--outer {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 719px) {
.product-gallery,
.product-main {
padding-right: 10px;
padding-left: 10px;
}
}
.product-gallery,
.product-form--alt,
.product-main {
font-size: var(--font-size-body);
width: 100%;
}
.product-form--alt,
.product-main,
.product-readmore,
.product--section ~ .shopify-section {
transition: opacity 0.2s ease;
}
.product-gallery--fade .product-form--alt,
.product-gallery--fade .product-main,
.product-gallery--fade .product-readmore,
.product-gallery--fade .product--section ~ .shopify-section {
opacity: 0.3;
}
@media screen and (min-width: 720px) {
.product-gallery {
width: 50%;
}
.layout--two-col-medium .product-gallery, .layout--two-col-large .product-gallery {
width: 56%;
}
}
@media screen and (min-width: 860px) {
.layout--two-col-large .product-gallery {
width: 62%;
}
}
@media screen and (min-width: 1024px) {
.layout--three-col .product-gallery {
width: 35%;
}
}
@media screen and (min-width: 720px) {
.product-main {
width: 47.5%;
margin-left: 2.5%;
}
.layout--two-col-medium .product-main, .layout--two-col-large .product-main {
width: 41.5%;
}
}
@media screen and (min-width: 860px) {
.layout--two-col-large .product-main {
width: 35.5%;
}
}
@media screen and (min-width: 1024px) {
.layout--three-col .product-main {
width: 36.5%;
}
}
.product-description {
margin-top: 1.640625rem;
}
.product-form--alt {
font-size: var(--font-size-body);
display: none;
}
@media screen and (min-width: 1024px) {
.product-form--alt {
display: block;
width: 23.5%;
margin-left: 2.5%;
}
}
@media screen and (min-width: 1280px) {
.product-form--alt {
width: 22%;
margin-left: 4%;
}
}
.product-link {
display: inline-block;
margin-top: 25px;
}.custom-liquid {
margin: 1rem 0;
}
.search--section .processing-overlay {
z-index: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.2s;
}
.search--section .icon-loading {
position: absolute;
top: 7.5rem;
left: 50%;
display: block;
height: auto;
color: #000000;
opacity: 0;
transform: translateX(-50%);
}
@media screen and (min-width: 860px) {
.search--section .icon-loading {
top: 11.875rem;
}
}
.search--section .processing * {
cursor: default;
}
.search--section .processing .processing-overlay {
position: absolute;
z-index: 10;
background-color: #ffffff;
opacity: 0.7;
}
.search--section .processing .icon-loading {
z-index: 11;
opacity: 1;
transition: opacity 200ms ease-in-out;
animation: 0.6s rotate linear infinite both;
}
.search--section .productgrid--masthead.no-breadcrumbs {
margin-top: 10px;
}
@media screen and (min-width: 720px) {
.search--section .productgrid--masthead.no-breadcrumbs {
margin-top: 1.875rem;
}
}
.search-filter__form {
margin-top: 1.171875rem;
display: grid;
width: 100%;
grid-template-columns: 50% 50%;
}
@media screen and (min-width: 860px) {
.search-filter__form {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
.search-filters__details-wrapper {
position: unset;
margin-right: 0.9375rem;
}
@media screen and (min-width: 860px) {
.search-filters__details-wrapper {
position: relative;
}
}
.search-filters__filter-group {
padding-right: 0.703125rem;
margin-top: 0.9375rem;
border: 1px solid #212121;
border-radius: 0px;
}
.search-filters__filter-group[open] {
padding-bottom: 0;
}
.search-filters__filters {
position: absolute;
right: auto;
left: 0;
z-index: 1;
box-sizing: border-box;
display: none;
width: var(--mobile-width);
max-height: 500px;
padding: 0.703125rem;
margin-top: 0.234375rem;
margin-block-end: 0;
overflow-y: auto;
list-style-type: none;
background-color: #ffffff;
border: 1px solid #212121;
border-radius: 0px;
opacity: 0;
animation: none !important;
}
.search-filters__filters[data-animation] {
display: block;
}
.search-filters__filters[data-animation="closed=>open"] {
transition: opacity 200ms, height 200ms;
}
.search-filters__filters[data-animation="open=>closed"] {
transition: opacity 150ms, height 150ms;
}
.search-filters__filters[data-animation-state=open] {
z-index: 2001;
display: block;
height: var(--open-height);
opacity: 1;
}
@media screen and (min-width: 860px) {
.search-filters__filters {
right: auto;
left: 0;
width: max-content;
min-width: 100%;
}
.search-filters__filters.filters--overflow-right {
right: 0;
left: auto;
}
}
.search-filters__filter-group-title {
padding: 0.703125rem 1.875rem 0.703125rem 0.703125rem;
}
.search-filters__filter-range--from,
.search-filters__filter-range--to {
display: flex;
align-items: center;
padding: 0.234375rem 0;
}
.search-filters__filter-range--from .form-field,
.search-filters__filter-range--to .form-field {
width: 100%;
min-width: 8rem;
}
@media screen and (min-width: 860px) {
.search-filters__filter-range--from .form-field,
.search-filters__filter-range--to .form-field {
min-width: 6rem;
}
}
.search-filters__filter-range-currency {
margin-right: 0.234375rem;
}
.search-filter-item__label {
display: flex;
}
.filter-group--grid.search-filters__active {
margin-top: 1.171875rem;
}
.filter-group--grid.search-filters__active .filter-item--grid-simple {
width: auto;
}
@media screen and (min-width: 860px) {
.filter-group--grid.search-filters__active {
justify-content: center;
}
}
.slideshow {
position: relative;
overflow: hidden;
}
.slideshow .flickity-viewport {
transition: height 0.2s linear;
}
.slideshow .flickity-slider {
height: 100%;
}
.slideshow .flickity-page-dots {
bottom: 20px;
}
@media screen and (max-width: 719px) {
.slideshow .flickity-page-dots {
bottom: auto;
}
}
.slideshow .flickity-page-dots .dot {
width: 5px;
height: 5px;
margin: 0 4px;
transition: background 0.3s;
}
@media screen and (min-width: 720px) {
.slideshow .flickity-page-dots .dot {
width: 7px;
height: 7px;
margin: 0 7.5px;
}
}
.slideshow .flickity-prev-next-button {
opacity: 1;
}
.slideshow .flickity-prev-next-button svg {
transform: scale(1);
transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1), fill 0.3s;
}
@media screen and (max-width: 719px) {
.slideshow .flickity-prev-next-button {
display: none;
}
}
.slideshow .flickity-prev-next-button:disabled {
cursor: default;
opacity: 0.25;
}
.slideshow .flickity-prev-next-button:hover:not([disabled]) {
opacity: 1;
}
.slideshow .flickity-prev-next-button:hover:not([disabled]) svg {
transform: scale(1.2);
}
.slideshow .flickity-prev-next-button:active:not([disabled]) {
opacity: 0.5;
}
.slideshow.flickity-enabled:focus {
outline: none;
}
.slideshow-height-small {
height: 42vw;
}
@media screen and (min-width: 1024px) {
.slideshow-height-small {
height: 440px;
}
}
.slideshow-height-medium {
height: 48vw;
}
@media screen and (min-width: 1024px) {
.slideshow-height-medium {
height: 500px;
}
}
.slideshow-height-large {
height: 54vw;
}
@media screen and (min-width: 1024px) {
.slideshow-height-large {
height: 560px;
}
}
.slideshow-height-fullscreen {
height: 100vh;
}
.slideshow-slide:not(.slideshow-height-original) {
height: auto;
}
.slideshow-slide {
width: 100%;
display: none;
}
.flickity-enabled .slideshow-slide, .slideshow-slide:nth-of-type(1) {
display: block;
}
.slideshow-slide.slideshow-height-fullscreen {
height: 100%;
}
.slideshow-slide:focus .slideshow-background {
box-shadow: inset 0 0 3px 3px #19F;
}
.slideshow-background {
position: relative;
width: 100%;
font-size: 0;
letter-spacing: 0;
background-position: center;
background-size: cover;
}
.slideshow-slide-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media screen and (max-width: 719px) {
.slideshow-height-small .slideshow-slide-overlay, .slideshow-height-medium .slideshow-slide-overlay, .slideshow-height-large .slideshow-slide-overlay {
display: none;
}
}
.slideshow-slide-content {
position: relative;
z-index: 1;
width: 100%;
max-width: 100%;
margin: 50px auto;
text-align: center;
}
.slideshow-height-fullscreen + .slideshow-slide-content {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 719px) {
.slideshow-slide-content {
max-width: 90%;
text-align: center;
}
}
@media screen and (min-width: 720px) {
.slideshow-slide-content {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
transform: translate(-50%, -50%);
}
.slideshow-slide-content.text-align-left {
padding-right: 40%;
padding-left: 6.25em;
text-align: left;
}
.slideshow-slide-content.text-align-left .slideshow-button {
margin-right: 0.703125rem;
margin-left: 0;
}
.slideshow-slide-content.text-align-center {
max-width: 60%;
text-align: center;
}
.slideshow-slide-content.text-align-right {
padding-right: 6.25em;
padding-left: 40%;
text-align: right;
}
.slideshow-slide-content.text-align-right .slideshow-button {
margin-right: 0;
margin-left: 0.703125rem;
}
}
.slideshow-link {
color: #000000;
text-decoration: none;
}
.slideshow-background-link {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
}
.slideshow-slide-heading {
margin-top: 0;
margin-bottom: 0;
line-height: 1.2;
}
@media screen and (min-width: 720px) {
.slideshow-slide-heading {
font-size: var(--font-size-heading-large);
}
}
.slideshow-slide-text {
font-size: var(--font-size-body-medium);
margin-top: 0.703125rem;
margin-bottom: 0;
line-height: 1.4;
}
@media screen and (min-width: 1024px) {
.slideshow-slide-text {
font-size: var(--font-size-body-large);
}
}
.slideshow-button-wrapper {
margin-top: calc(1.171875rem - 0.703125rem);
}
@media screen and (max-width: 719px) {
.slideshow-button-wrapper {
display: inline-grid;
grid-template-columns: repeat(2, 1fr);
}
@supports (grid-column-gap: 1rem) {
.slideshow-button-wrapper {
margin-top: 1.171875rem;
grid-column-gap: 0.703125rem;
grid-row-gap: 0.703125rem;
}
.slideshow-button-wrapper .slideshow-button {
margin: 0;
}
.slideshow-button-wrapper .slideshow-button:only-child {
grid-column: span 2;
}
}
}
@media screen and (min-width: 1024px) {
.slideshow-button-wrapper {
margin-top: calc(1.7578125rem - 0.703125rem);
}
}
.slideshow-button {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0.703125rem calc(0.703125rem / 2) 0;
}
@media screen and (min-width: 720px) {
.slideshow-button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.slideshow-button {
text-transform: uppercase;
}}
@media screen and (min-width: 1024px) {
.slideshow-button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.slideshow-button {
text-transform: uppercase;
}}
@media screen and (max-width: 1023px) {
.utility-bar {
display: none;
}
}
.utility-bar-content {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 0.703125rem;
padding-bottom: 0.703125rem;
}
.utility-bar-full-width .utility-bar-content {
width: 100%;
max-width: 100%;
}
.utility-bar-content a {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body-smallest);
text-decoration: none;
}
.utility-bar-left,
.utility-bar-right {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.utility-bar-left {
justify-content: flex-start;
margin-right: auto;
}
.utility-bar-left a {
margin-right: 1.5rem;
}
.utility-bar-right {
justify-content: flex-end;
margin-left: auto;
}
.utility-bar-right a {
margin-left: 1.5rem;
}
/* Components */
@media screen and (min-width: 1024px) {
.site-footer-blocks {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
width: 100%;
max-width: 1600px;
margin-right: auto;
margin-left: auto;
}
}
.site-footer-block-item {
font-size: var(--font-size-body);
display: flex;
flex-direction: column;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1024px) {
.site-footer-block-item {
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
width: calc(25% - 1.171875rem * 3 / 4);
padding-right: 1.171875rem;
margin-right: 1.171875rem;
border-bottom: 0;
}
.site-footer-block-item:last-child {
padding-right: 0;
margin-right: 0;
}
.column-count-5 .site-footer-block-item {
width: calc(19% - 1.171875rem * 4 / 5);
}
.site-footer-block-item.site-footer-block-newsletter {
width: calc(24% - 1.171875rem * 4 / 5);
}
}
.site-footer-block-title {
font-family: type_footer_heading_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-footer-heading);
position: relative;
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
margin-top: 0;
margin-bottom: 0;
color: #000000;
letter-spacing: 0.1em;
}.site-footer-block-title {
text-transform: uppercase;
}@media screen and (max-width: 1023px) {
.site-footer-block-title {
padding-top: 1.171875rem;
}
.site-footer-block-menu .site-footer-block-title {
padding-top: 0.9375rem;
}
}
.site-footer-block-icon {
position: absolute;
top: 50%;
right: 10px;
display: block;
height: 8px;
margin-top: -4px;
}
.site-footer-block-icon svg {
display: block;
}
.site-footer-block-icon .icon-chevron-down-left,
.site-footer-block-icon .icon-chevron-down-right {
transition-duration: 0s;
}
@media screen and (min-width: 1024px) {
.site-footer-block-icon {
display: none;
}
}
.site-footer-block-content {
font-size: var(--font-size-body-small);
padding-bottom: 1.171875rem;
line-height: 1.6;
}
.site-footer-block-newsletter .site-footer-block-content {
padding-bottom: 0;
margin-bottom: 1.171875rem;
}
.site-footer-block-newsletter .site-footer-block-content > *:first-child, .site-footer-block-rich-text .site-footer-block-content > *:first-child {
margin-top: 0;
}
.site-footer-block-newsletter .site-footer-block-content > *:last-child, .site-footer-block-rich-text .site-footer-block-content > *:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
.site-footer-block-content {
padding-bottom: 0;
}
}
.site-footer-block-content.rte a {
color: #e8b5ab;
text-decoration: underline;
}
.site-footer-block-content.rte a:hover {
color: #cf7455;
}
.site-footer-block-content .navmenu-link {
color: #000000;
}
.site-footer-block-content .navmenu-link:hover {
color: #e8b5ab;
}
.site-footer-block-menu .navmenu {
padding-bottom: 0;
padding-left: 0;
margin: 0;
list-style: none;
}
.site-footer-block-menu .navmenu-item:not(:first-child) {
margin-top: 0.5rem;
}
@media screen and (min-width: 720px) {
.site-footer-block-menu .navmenu-item:not(:first-child) {
margin-top: 0.3125rem;
}
}
@media screen and (max-width: 1023px) {
.site-footer-block-menu .site-footer-block-title {
cursor: pointer;
}
}
.site-footer-block-menu .site-footer-block-content {
padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
.site-footer-block-menu .site-footer-block-content {
max-height: 1500px;
opacity: 1;
}
}
.site-footer-block-menu.accordion--active .site-footer-block-content {
padding-bottom: 1.171875rem;
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment=centered] .site-footer-block-social-accounts {
align-items: center;
padding-top: 0.703125rem;
padding-bottom: 0.703125rem;
}
}
.site-footer-block-social-accounts .social-icons {
display: flex;
flex-wrap: wrap;
margin-top: -4px;
margin-right: -4px;
margin-left: -4px;
}
.site-footer-block-social-accounts .social-link {
width: 36px;
height: 36px;
padding: 4px;
overflow: hidden;
line-height: 1.8;
vertical-align: top;
}
.site-footer-block-social-accounts .social-link svg {
width: 28px;
height: 28px;
border-radius: 100%;
transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment=centered] .site-footer-block-newsletter {
align-items: center;
padding-top: 0.703125rem;
padding-bottom: 0.703125rem;
}
}
.site-footer-block-newsletter .newsletter {
padding-bottom: 1.171875rem;
}
@media screen and (min-width: 1024px) {
.site-footer-block-newsletter .newsletter {
margin-top: calc(1.171875rem - 0.9375rem);
}
}
.site-footer-block-newsletter .newsletter .newsletter-input .form-field-input {
color: #000000;
background: none;
border-color: #000000;
}
.site-footer-block-newsletter .newsletter .newsletter-input .form-field-title {
color: rgba(0, 0, 0, 0.6);
}
.site-footer-block-newsletter .newsletter .newsletter-input .form-field-title::before {
background: #ffffff;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
display: none;
padding: 10px;
overflow: hidden;
overflow-y: auto;
white-space: nowrap;
background-color: rgba(33, 33, 33, 0.5);
content: "";
opacity: 0;
visibility: hidden;
transition: opacity 0.15s ease;
-webkit-overflow-scrolling: touch;
outline-style: auto;
}
@media screen and (min-width: 720px) {
.modal {
padding: 15px;
}
}
@media screen and (min-width: 1024px) {
.modal {
padding: 25px;
}
}
.modal-loaded .modal {
display: block;
}
.modal-loaded.modal-visible .modal {
z-index: 899;
opacity: 1;
visibility: visible;
}
.modal-inner {
position: relative;
z-index: -1;
padding: 15px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
background-color: #ffffff;
opacity: 0;
transform: translateY(-50px);
transition: transform 0.25s cubic-bezier(0.3, 0, 0, 1) 0.1s, opacity 0.15s cubic-bezier(0.3, 0, 0, 1) 0.15s;
}
@media screen and (min-width: 720px) {
.modal-inner {
padding: 15px;
}
}
@media screen and (min-width: 1024px) {
.modal-inner {
padding: 25px;
}
}
.modal-visible .modal-inner {
z-index: 900;
opacity: 1;
transform: translate3d(0, 0, 0);
}
.modal-close {
position: absolute;
top: 0;
right: 0;
padding: 0.9375rem;
color: #111111;
}
@media screen and (min-width: 1024px) {
.modal-close {
top: 10px;
right: 10px;
}
}
.modal-close svg {
display: block;
color: currentColor;
}
.newsletter {
font-size: var(--font-size-body);
display: flex;
width: 100%;
max-width: 28.4375rem;
}
@media screen and (max-width: 1023px) {
.newsletter {
max-width: 85%;
}
}
.newsletter .button-primary,
.newsletter .button-secondary {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}.newsletter .button-primary,
.newsletter .button-secondary {
text-transform: uppercase;
}.newsletter .form-fields-inline {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-bottom: -10px;
}
.newsletter .form-field {
display: inline-block;
margin-bottom: 10px;
vertical-align: middle;
}
.newsletter .newsletter-input {
flex-grow: 1;
flex-shrink: 1;
margin-right: 10px;
}
.newsletter .newsletter-submit {
flex-grow: 0;
flex-shrink: 0;
white-space: nowrap;
}
.page-masthead {
text-align: center;
}
.page-content,
.page-masthead {
max-width: calc(705px + 2 * 10px);
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.page-content,
.page-masthead {
max-width: calc(705px + 2 * 1.640625rem);
}
}
@media screen and (min-width: 1080px) {
.page-content,
.page-masthead {
max-width: calc(705px + 4 * 20px);
}
}
.page-title {
font-size: var(--font-size-heading-1);
color: #000000;
}
@media screen and (min-width: 1024px) {
.page-title {
font-size: 1.7578125rem;
}
}
.site-main {
position: relative;
z-index: 500;
outline: none;
}
body:not(.template-index) .site-main {
padding-bottom: 1.875rem;
}
@media screen and (min-width: 1024px) {
body:not(.template-index) .site-main {
padding-bottom: 2.9296875rem;
}
}
.navmenu-meganav.navmenu-meganav--desktop {
position: absolute;
left: 0;
float: left;
width: 100vw;
max-width: calc(100vw - var(--scrollbar-width));
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.navmenu-meganav.navmenu-meganav--desktop a:focus {
outline-offset: -2px;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-items {
position: relative;
z-index: 1;
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
justify-content: flex-start;
padding-top: 18px;
padding-bottom: 25px;
margin-right: -27px;
margin-left: -27px;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-icon.navmenu-icon-depth-2 {
display: none;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-icon.navmenu-icon-depth-3 {
position: relative;
top: -1px;
right: -2px;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-icon svg {
transform: rotate(0deg);
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-item {
flex-basis: 225px;
flex-grow: 1;
flex-shrink: 0;
justify-content: space-between;
min-width: 225px;
padding-right: 2px;
padding-left: 2px;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-item.navmenu-item-count-1 {
width: 100%;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-item.navmenu-item-count-2 {
width: 50%;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-item.navmenu-item-count-3 {
width: 33.3333333333%;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-item.navmenu-item-count-4 {
width: 25%;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-meganav-item.navmenu-item-count-5-up {
width: 20%;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-depth-4,
.navmenu-meganav.navmenu-meganav--desktop .navmenu-depth-3 {
position: relative;
top: 0;
left: auto;
z-index: 1;
width: 100%;
transform: translate(0);
box-shadow: none;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-depth-3 {
display: block;
height: auto;
padding: 0;
margin-top: 0.25rem;
margin-left: 0;
opacity: 1;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-depth-3 .navmenu-submenu {
padding-top: 0.15625rem;
padding-bottom: 7.5px;
padding-left: 12px;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text {
font-size: var(--font-size-body-medium);
display: block;
padding: 0.4375rem 1.5625rem;
color: #313131;
}
.navmenu-meganav.navmenu-meganav--desktop .navmenu-link {
padding: 0.4375rem 1.4375rem 0.4375rem 1.5625rem;
white-space: normal;
}
.navmenu-meganav--scroller {
position: relative;
}
.navmenu-meganav--scroller.has-meganav-image {
margin: 0 20px;
}
.site-mobile-nav .navmenu-meganav--scroller {
padding-right: 0;
padding-left: 0;
}
.site-header--full-width .navmenu-meganav--scroller {
width: 100%;
max-width: 1700px;
padding-right: 2.5rem;
padding-left: 2.5rem;
}
.navmenu-meganav--scroller::before, .navmenu-meganav--scroller::after {
position: absolute;
top: 0;
bottom: 0;
z-index: 2;
display: block;
width: 32px;
pointer-events: none;
background-color: transparent;
content: "";
opacity: 0;
transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.navmenu-meganav--scroller::before {
left: -2px;
background-image: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.navmenu-meganav--scroller::after {
right: -2px;
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.meganav--overflows-right .navmenu-meganav--scroller::after, .meganav--overflows-left .navmenu-meganav--scroller::before {
opacity: 1;
}
.site-mobile-nav .navmenu-meganav--image {
width: 100%;
}
.navmenu-meganav--image-size-small {
display: block;
width: 200px;
}
.navmenu-meganav--image-size-medium {
width: 300px;
}
.navmenu-meganav--image-size-large {
width: 400px;
}
li.navmenu-meganav--image-container {
position: relative;
margin: 10px 25px 20px;
}
.site-mobile-nav li.navmenu-meganav--image-container {
margin: 20px 0;
padding: 0 20px 0 25px;
}
.navmenu-meganav--image-text {
margin-top: 0.703125rem;
margin-bottom: 0;
color: #313131;
}
.site-navigation .navmenu-meganav--image-link {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body);
display: block;
padding: 0;
letter-spacing: -0.005em;
color: #313131;
}
.site-navigation .navmenu-meganav--image-link:hover {
color: #e9ded6;
}
.navmenu-meganav--image-last {
order: 1;
}
.site-mobile-nav {
display: none;
opacity: 0;
}
.site-mobile-nav.animating-in {
transition: text-shadow 0.4s linear;
}
.site-mobile-nav.animating-out {
transition: text-shadow 0.3s linear;
}
.site-mobile-nav.animating, .site-mobile-nav.visible {
display: block;
opacity: 1;
}
.mobile-nav-panel {
position: fixed;
top: 0;
bottom: 0;
z-index: 802;
display: none;
width: 100%;
height: 100%;
max-width: 325px;
overflow-x: hidden;
overflow-y: scroll;
color: #313131;
background-color: #ffffff;
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-overflow-scrolling: touch;
}
.animating-in .mobile-nav-panel, .visible .mobile-nav-panel {
display: block;
transform: translate3d(0, 0, 0);
}
.animating-in .mobile-nav-panel {
animation-delay: 0s;
animation-duration: 0.4s;
animation-name: sneak-in-mobilenav;
animation-timing-function: linear;
animation-fill-mode: both;
animation-direction: normal;
}
.animating-out .mobile-nav-panel {
animation-delay: 0s;
animation-duration: 0.2s;
animation-name: sneak-out-mobilenav;
animation-timing-function: linear;
animation-fill-mode: both;
animation-direction: normal;
}
.mobile-nav-panel a {
color: currentColor;
text-decoration: none;
}
.mobile-nav-panel .header-actions-wrapper {
display: flex;
flex-direction: row;
align-items: center;
background-color: #f7f2ee;
}
.mobile-nav-panel .header-actions-wrapper .account-link {
padding-right: 4px;
padding-left: 0;
}
.mobile-nav-panel .header-actions-wrapper .mobile-logout {
padding: 0;
text-transform: none;
}
.mobile-nav-panel .header-actions-wrapper .mobile-nav-close {
padding: 14px 16px;
}
.mobile-nav-panel .header-actions-wrapper .mobile-nav-close svg {
display: block;
width: 18px;
height: 18px;
vertical-align: middle;
}
.mobile-nav-panel .header-actions-wrapper a {
font-family: type_menu_custom;
font-style: normal;
font-weight: 400;
}
.mobile-nav-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 801;
display: block;
height: 100%;
background-color: rgba(33, 33, 33, 0.5);
}
.animating-out .mobile-nav-overlay, .visible .mobile-nav-overlay {
display: block;
}
.animating-in .mobile-nav-overlay {
animation-delay: 0s;
animation-duration: 0.4s;
animation-name: overlay-fade-in;
animation-timing-function: linear;
animation-direction: normal;
}
.animating-out .mobile-nav-overlay {
opacity: 0;
animation-delay: 0.1s;
animation-duration: 0.2s;
animation-name: overlay-fade-out;
animation-timing-function: linear;
animation-fill-mode: both;
animation-direction: normal;
}
.mobile-nav-content {
padding-top: 20px;
padding-bottom: 60px;
}
.site-header-actions ~ .mobile-nav-content {
min-height: calc(100% - 46px);
}
.mobile-nav-content .navmenu {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
}
.mobile-nav-content li {
position: relative;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.mobile-nav-content .navmenu-depth-1 {
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body-medium);
letter-spacing: -0.005em;
}
.mobile-nav-content .navmenu-item-highlighted > a {
color: #ff0000;
}
.mobile-nav-content .navmenu-item-highlighted > a:hover {
color: rgba(255, 0, 0, 0.7);
}
.mobile-nav-content .navmenu-depth-2 {
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body);
letter-spacing: -0.005em;
background-color: #faf9f7;
}
.mobile-nav-content .navmenu-depth-2 .navmenu-submenu {
padding: 0 0.625rem;
}
.mobile-nav-content .navmenu-depth-1 .navmenu-submenu,
.mobile-nav-content .navmenu-depth-2 .navmenu-submenu,
.mobile-nav-content .navmenu-depth-3 .navmenu-submenu {
display: none;
}
.mobile-nav-content .navmenu-submenu {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.25s ease, opacity 0.15s ease;
}
.mobile-nav-content .navmenu-submenu.visible {
max-height: 999999px;
opacity: 1;
}
.mobile-nav-content .navmenu-link,
.mobile-nav-content .navmenu-item-text {
position: relative;
display: block;
padding: 0.8125rem 1.5625rem;
cursor: pointer;
transition: color 0.1s ease-in;
}
.mobile-nav-content .navmenu-link.navmenu-link-parent,
.mobile-nav-content .navmenu-item-text.navmenu-link-parent {
padding-right: 1.4375rem;
}
.mobile-nav-content .navmenu-link:focus {
outline-offset: -3px;
}
.mobile-nav-content .navmenu-hr {
display: block;
width: calc(100% - 3.125rem);
height: 1px;
margin: 1.640625rem auto;
background-color: #eaeaea;
border: 0;
}
.mobile-nav-content .navmenu + .navmenu-hr {
margin-top: calc(1.640625rem - 0.8125rem);
}
.mobile-nav-content .navmenu-utility-bar + .navmenu-hr {
margin-top: calc(1.640625rem - 0.703125rem);
}
.mobile-nav-content .navmenu-hr + .navmenu {
margin-top: -0.8125rem;
}
.mobile-nav-content .navmenu-hr + .navmenu-utility-bar {
margin-top: -0.703125rem;
}
.mobile-nav-content .navmenu-utility-bar .navmenu-item > .navmenu-link {
padding-top: 0.703125rem;
padding-bottom: 0.703125rem;
letter-spacing: initial;
text-transform: initial;
}
.mobile-nav-content .navmenu-depth-1 > .navmenu-item > .navmenu-link {
font-size: var(--font-size-menu-large);
}
.mobile-nav-content .navmenu-button {
position: absolute;
top: 0.25rem;
right: 0;
width: 2.25rem;
height: 2.25rem;
padding: 0;
margin-right: 0.375rem;
color: #313131;
cursor: pointer;
background: none;
border: 0;
border-radius: 0.2rem;
transition: color 0.1s ease-in;
}
.mobile-nav-content .navmenu-button:focus {
outline-offset: -3px;
}
.mobile-nav-content .navmenu-button-wrapper {
width: 100%;
height: 100%;
outline: none;
}
.mobile-nav-content .navmenu-icon {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
margin-top: -3px;
transform: translateX(-50%);
}
.mobile-nav-content .navmenu-icon svg {
display: block;
width: 8px;
height: 6px;
transform: scale(1.25);
fill: currentColor;
}
.mobile-nav-content .navmenu-icon .icon-chevron-down-left,
.mobile-nav-content .navmenu-icon .icon-chevron-down-right {
transform: rotate(0);
transition: transform 0s, fill 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform-origin: 50% 50%;
}
.mobile-nav-content .navmenu-link-parent-active {
color: #e9ded6;
}
.mobile-nav-content .navmenu-link-parent-active ~ .navmenu-button {
color: #e9ded6;
background: #faf9f7;
}
.mobile-nav-content .navmenu-link-parent-active ~ .navmenu-button .navmenu-icon {
margin-top: 0.125rem;
}
.mobile-nav-content .navmenu-link-parent-active ~ .navmenu-button svg {
transform: scale(1.75);
}
.mobile-nav-content .navmenu-link-parent-active ~ .navmenu-button .icon-chevron-down-left,
.mobile-nav-content .navmenu-link-parent-active ~ .navmenu-button .icon-chevron-down-right {
transform: rotate(-45deg);
transform-origin: 0 0;
}
.mobile-nav-content .navmenu-depth-2 .navmenu-link-parent-active ~ .navmenu-button {
background: #f0ede7;
}
.home-section--title-container {
padding: 0 0.46875rem;
margin-top: 0;
margin-bottom: 2.625rem;
text-align: center;
}
@media screen and (max-width: 719px) {
.home-section--title-container {
margin-bottom: 1.640625rem;
}
}
.home-section--title {
font-family: type_section_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-section-heading);
margin-top: 0;
margin-bottom: 1.171875rem;
letter-spacing: 0.01em;
color: #000000;
text-align: center;
}.home-section--title {
text-transform: none;
}.home-section--subheading {
margin: 0 5vw;
font-size: var(--font-size-body);
line-height: 1.5;
text-align: center;
}
@media screen and (min-width: 860px) {
.home-section--subheading {
margin: 0 15vw;
}
}
.home-section--subheading p {
margin-block-start: 0;
margin-block-end: 0;
}
.rte .tabs,
.rte .tabs-content {
padding-left: 0;
margin-left: 0;
list-style: none;
}
.rte .tabs {
margin-top: 1.640625rem;
margin-bottom: 0;
}
.rte .tabs li {
display: inline-block;
line-height: 1;
cursor: pointer;
color: #000000;
margin-top: 1.171875rem;
margin-right: 1.640625rem;
border-bottom: 2px solid transparent;
transition: border-color 0.15s ease, opacity 0.15s ease;
}
.rte .tabs li,
.rte .tabs li > a {
opacity: 0.4;
}
.rte .tabs li:hover {
opacity: 0.6;
}
.rte .tabs li.active, .rte .tabs li.active a {
opacity: 1;
border-bottom: 2px solid #000000;
}
.rte .tabs li span {
display: inline-block;
padding-bottom: 0.375rem;
outline: none;
}
.rte .tabs-content {
margin-top: 1.171875rem;
}
.rte .tabs-content > li {
display: none;
}
.rte .tabs-content > li.active {
display: block;
}
.rte .tabs-content > li :first-child {
margin-top: 0;
}
.rte .tabs-content > li .grid > div h1:first-child, .rte .tabs-content > li .grid > div h2:first-child, .rte .tabs-content > li .grid > div h3:first-child, .rte .tabs-content > li .grid > div h4:first-child, .rte .tabs-content > li .grid > div h5:first-child, .rte .tabs-content > li .grid > div h6:first-child {
margin-top: 0;
}
.cart-item {
position: relative;
display: flex;
padding: 0.9375rem;
margin-bottom: 5px;
overflow: hidden;
background-color: #ffffff;
border-radius: 0px;
transition: all 0.2s ease-out;
}
@media screen and (min-width: 720px) {
.cart-item {
padding: 1.171875rem;
}
}
@media screen and (min-width: 1024px) {
.cart-item {
align-items: center;
}
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.cart-item {
margin-bottom: calc(50px * 2 / 3);
}
}
@media screen and (min-width: 1080px) {
.cart-item {
margin-bottom: 50px;
}
}
.cart-item.removing {
height: 0 !important;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
border-top-width: 0;
border-bottom-width: 0;
}
.cartitems--no-spacing .cart-item {
padding: 0 0.703125rem 1.640625rem 0;
margin-bottom: 1.640625rem;
border-bottom: 1px solid #eaeaea;
border-radius: 0;
background-color: transparent;
}
.cart-item--image-wrapper {
width: 75px;
margin: 0;
}
@media screen and (min-width: 480px) {
.cart-item--image-wrapper {
width: 120px;
}
}
.cart-item--image-wrapper img {
background-color: rgba(0,0,0,0);
}
.cart-item--image-wrapper svg,
.cart-item--image-wrapper img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.cart-item--inner {
width: calc(100% - 75px);
}
@media screen and (min-width: 480px) {
.cart-item--inner {
width: calc(100% - 120px);
}
}
.cart-item--inner .product--stock-level {
font-size: var(--font-size-body-smaller);
margin-top: 0.234375rem;
margin-bottom: 0;
}
@media screen and (min-width: 720px) {
.cart:not(.has-sidebar) .cart-item--inner {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 120px);
}
}
@media screen and (max-width: 479px) {
.cart:not(.has-sidebar) .cart-item--inner {
width: calc(100% - 75px);
}
}
@media screen and (max-width: 479px) {
.cart.has-sidebar .cart-item--inner {
width: calc(100% - 75px);
}
}
@media screen and (max-width: 859px) and (min-width: 720px) {
.cart.has-sidebar .cart-item--inner {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 120px);
}
}
@media screen and (min-width: 1024px) {
.cart.has-sidebar .cart-item--inner {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 120px);
}
}
.cart-item--content {
padding-left: 1.171875rem;
}
@media screen and (max-width: 1023px) and (min-width: 860px) {
.cart.has-sidebar .cart-item--content {
margin-bottom: 1.640625rem;
}
}
.cart-item--content-title {
font-family: type_product_card_title_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-product-card);
margin-top: 0;
margin-bottom: 0.46875rem;
color: #000000;
}
.cart-item--content-title a {
color: currentColor;
text-decoration: none;
}
.cart-item--product-options,
.cart-item--content-price,
.cart-item__unit-price {
font-size: var(--font-size-body-smaller);
line-height: 1.5;
color: rgba(17, 17, 17, 0.8);
}
.cart-item__unit-price {
font-size: var(--font-size-body-smallest);
}
.cart-item--option-name,
.cart-item--price-title {
font-style: normal;
font-weight: 400;
letter-spacing: -0.005em;
}
.cart-item--sale-price {
color: #7c7873;
text-decoration: line-through;
}
.cart-item--info {
position: relative;
padding-right: 0;
padding-left: 1.171875rem;
margin-top: calc(1.640625rem - 0.703125rem);
}
@media screen and (min-width: 560px) {
.cart-item--info {
display: flex;
align-items: center;
}
}
@media screen and (min-width: 720px) {
.cart-item--info {
margin-top: 0;
}
}
.cart-item--sku {
font-size: 0.8125rem;
line-height: 1.5;
color: #7c7873;
}
.cart-item--sku-empty {
display: none;
}
.cart-item--quantity,
.cart-item--total,
.cart-item--remove {
flex-basis: auto;
flex-grow: 1;
flex-shrink: 1;
margin-top: 0.703125rem;
}
.cart-item--quantity {
width: 100%;
max-width: calc(7.1875rem + 1.171875rem);
min-width: calc(7.1875rem + 1.171875rem);
padding-right: 1.171875rem;
padding-left: 0;
}
.cart-item--total {
font-family: type_product_price_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-heading-5);
padding-right: calc(1.171875rem + 1.25rem);
color: #111111;
text-align: left;
white-space: nowrap;
}
@media screen and (min-width: 560px) {
.cart-item--total {
padding-right: 0;
text-align: right;
}
}
@media screen and (min-width: 720px) {
.cart-item--total {
min-width: 7.5rem;
}
}
.cart-item__selling-plan {
font-size: var(--font-size-body-smaller);
}
.cart-item--remove {
position: absolute;
right: 0;
bottom: 0;
width: 1.171875rem;
text-align: right;
}
@media screen and (min-width: 560px) {
.cart-item--remove {
position: relative;
right: auto;
bottom: auto;
flex-grow: 0;
width: calc(1.171875rem * 2 + 1.25rem);
max-width: 33.3333333333%;
padding-left: calc(1.171875rem * 2);
}
}
.cart-item--remove-link {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
padding: 5px;
background-color: rgba(17, 17, 17, 0.2);
border-radius: 100%;
}
.cart-item--remove-link:hover {
color: currentColor;
}
.cart-item--remove-link svg {
display: block;
fill: currentColor;
}
.collection--item {
float: left;
width: calc(50% - 5px);
margin-left: 10px;
text-align: center;
}
@media screen and (max-width: 639px) {
.collection--item:nth-child(n+3) {
margin-top: 2.9296875rem;
}
.collection--item:nth-child(2n+1) {
margin-left: 0;
clear: left;
}
}
@media screen and (max-width: 859px) and (min-width: 640px) {
.collection--item:nth-child(n+4) {
margin-top: 2.9296875rem;
}
.collection--item:nth-child(3n+1) {
margin-left: 0;
clear: left;
}
}
@media screen and (max-width: 719px) and (min-width: 640px) {
.collection--item {
width: calc(33.3333333333% - 6.6666666667px);
}
.collection--item:nth-child(3n+1) {
margin-left: 0;
clear: left;
}
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
.collection--item {
margin-left: 15px;
}
}
@media screen and (max-width: 859px) and (min-width: 720px) {
.collection--item {
width: calc(33.3333333333% - 10px);
}
}
@media screen and (min-width: 860px) {
.collection--item:nth-child(n+5) {
margin-top: 2.9296875rem;
}
.collection--item:nth-child(4n+1) {
margin-left: 0;
clear: left;
}
}
@media screen and (max-width: 1023px) and (min-width: 860px) {
.collection--item {
width: calc(25% - 11.25px);
}
}
@media screen and (min-width: 1024px) {
.collection--item {
width: calc(25% - 15px);
margin-left: 20px;
}
}
.collection--item-image {
position: relative;
height: auto;
margin: 0 auto;
}
.collection--item-image a {
display: block;
}
.collection--item-image img,
.collection--item-image svg {
display: block;
width: 100%;
max-width: 100%;
margin: 0 auto;
border-radius: 0px;
}
.collection--item-info {
font-size: var(--font-size-body);
margin-top: 1.171875rem;
margin-bottom: 0;
text-align: center;
}
.collection--item-title {
font-weight: 700;
display: inline-block;
line-height: 1.4;
text-decoration: none;
}
.disclosure {
--disclosure-toggle-text-color: #000000;
--disclosure-toggle-background-color: #ffffff;
--disclosure-toggle-border-color: rgba(0, 0, 0, 0.4);
--disclosure-toggle-svg-color: #000000;
--disclosure-text-color: #000000;
--disclosure-background-color: #ffffff;
}
.disclosure__toggle {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body-small);
padding: 5px 28px 4px 10px;
border-radius: 10px;
}
.disclosure__toggle:focus {
border-color: #000000;
outline: 0;
}
.selectors-form__item {
margin-right: 5px;
margin-bottom: 0.703125rem;
margin-left: 5px;
}
.disclosure-list {
bottom: 125%;
z-index: 5;
border: 0;
border-radius: 10px;
box-shadow: 0 3px 4px rgba(128, 128, 128, 0.25);
}
.disclosure-list--visible {
animation: menu-animation 0.15s ease;
animation-fill-mode: forwards;
}
.disclosure-list__item {
font-size: var(--font-size-body-small);
padding-top: 0.46875rem;
padding-bottom: 0.46875rem;
}
.disclosure-list__item:hover {
background-color: #ebebeb;
}
.disclosure-list__item:hover .disclosure-list__option {
border-bottom-color: transparent;
}
.disclosure-list__item--current:hover .disclosure-list__option {
border-bottom-color: #000000;
}
.article--comments-item {
margin: 0 0 2.9296875rem;
line-height: 1.6;
}
.article--comments-item cite {
font-size: var(--font-size-body-small);
font-style: italic;
color: #7c7873;
}
.article--comments-item cite strong {
font-size: var(--font-size-heading-5);
color: #000000;
}
.article--comments-item .rte {
margin-top: 0.46875rem;
}
.article--comments-item .rte > *:first-child {
margin-top: 0;
}
.article--comments-item .rte > *:last-child {
margin-bottom: 0;
}
.article--comments {
margin-top: 3.984375rem;
}
.article--comments-title {
font-size: var(--font-size-heading-3);
margin-top: 0;
margin-bottom: 1.875rem;
color: #000000;
}
.article--comments-form .article--comments-title {
margin-bottom: 1.171875rem;
}
.article--comments-form {
margin-top: 3.984375rem;
}
.article--comments-form .form-field--half {
margin-bottom: 1.171875rem;
}
.article--comments-form .form-field-textarea {
display: block;
min-height: 200px;
}
.article--comments-form .article-comment--submit {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
margin-top: 1.640625rem;
}.article--comments-form .article-comment--submit {
text-transform: uppercase;
}.article--comments-moderated {
font-family: type_body_custom;
font-style: italic;
font-weight: 400;
margin-bottom: 1.875rem;
line-height: 1.6;
letter-spacing: -0.005em;
}
.article--comments-message {
margin-bottom: 1.171875rem;
}
.article--comments-message.message--success {
padding: 0.46875rem 0.703125rem;
}
.article--comments-message.message--error {
padding: 0.46875rem 0.703125rem;
}
.article--comments-message ul {
font-style: normal;
font-weight: 400;
padding-left: 1.171875rem;
margin-top: 0;
margin-bottom: 0;
letter-spacing: -0.005em;
}
.article--comments-message p {
font-style: normal;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
letter-spacing: -0.005em;
}
.article--comments-message p + .article--comments-error {
margin-top: 0.67em;
}
.article--comments-required {
font-size: var(--font-size-body-smallest);
margin-top: 1.171875rem;
margin-bottom: 0;
color: #7c7873;
}
.article--excerpt-wrapper {
flex-grow: 0;
flex-shrink: 0;
text-align: center;
background-color: #ffffff;
border-radius: 0px;
transition: width 0.1s ease;
}
.article--excerpt-wrapper .article-list-item {
width: 100%;
word-wrap: break-word;
}
.article--excerpt-wrapper.article--excerpt-wrapper--centered {
display: flex;
}
.article--excerpt-wrapper.article--excerpt-wrapper--centered .article-list-item {
display: flex;
}
.article--excerpt-wrapper.article--excerpt-wrapper--centered .article-list-item .article--excerpt-content {
vertical-align: middle;
}
.article--excerpt-image {
position: relative;
display: block;
height: 12.5rem;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0px 0px 0 0;
}
@media screen and (min-width: 720px) {
.article--excerpt-image {
height: 15.625rem;
}
}
@media screen and (min-width: 1024px) {
.blogposts--count-2 .article--excerpt-image {
height: 18.75rem;
}
}
.article--excerpt-content {
width: 100%;
padding: 1.171875rem;
white-space: normal;
}
.article--excerpt-wrapper--centered .article--excerpt-content {
align-self: center;
padding-top: 2.9296875rem;
padding-bottom: 2.9296875rem;
}
@media screen and (min-width: 1024px) {
.article--excerpt-wrapper--centered .article--excerpt-content {
padding-top: 3.984375rem;
padding-bottom: 3.984375rem;
}
}
.article--excerpt-meta {
display: flex;
justify-content: center;
color: #7c7873;
}
.article--excerpt-meta-item {
font-size: var(--font-size-body-small);
}
@media screen and (max-width: 719px) {
.article--excerpt-meta-item {
font-size: var(--font-size-body-smallest);
}
}
.article--excerpt-meta-item:nth-child(2) {
padding-left: 11px;
margin-left: 10px;
border-left: 1px solid #7c7873;
}
@media screen and (max-width: 719px) {
.article--excerpt-meta-item:nth-child(2) {
padding-left: 6px;
margin-left: 5px;
}
}
.article--excerpt-title {
font-size: var(--font-size-heading-4);
margin-top: 0.46875rem;
margin-bottom: 0.9375rem;
line-height: 1.3;
color: #000000;
}
.article--excerpt-title:first-child {
margin-top: 0;
}
.article--excerpt-title a {
color: currentColor;
text-decoration: none;
}
.article--excerpt-text {
margin-bottom: 0.9375rem;
}
.article--excerpt-readmore {
margin-top: 0.9375rem;
line-height: 1;
}
.article--excerpt-readmore--icon {
margin-left: 0.0625rem;
}
.article--excerpt-wrapper--featured {
width: 100%;
margin-right: 0;
margin-bottom: 2.9296875rem;
color: #ffffff;
background-color: #000000;
border: 0;
box-shadow: none;
}
@media screen and (min-width: 860px) {
.article--excerpt-wrapper--featured {
display: flex;
align-items: center;
flex-direction: row-reverse;
margin-bottom: 3.984375rem;
}
}
.article--excerpt-wrapper--featured .article--excerpt-image {
height: 15.625rem;
border-radius: 0 0px 0px 0;
}
@media screen and (min-width: 680px) {
.article--excerpt-wrapper--featured .article--excerpt-image {
height: 22.5rem;
}
}
@media screen and (min-width: 720px) {
.article--excerpt-wrapper--featured .article--excerpt-image {
height: 26.875rem;
}
}
@media screen and (min-width: 860px) {
.article--excerpt-wrapper--featured .article--excerpt-image {
height: 29.1875rem;
}
}
@media screen and (min-width: 1024px) {
.article--excerpt-wrapper--featured .article--excerpt-image {
height: 32.875rem;
}
}
.no-js .article--excerpt-wrapper--featured .article--excerpt-image {
height: auto;
}
.article--excerpt-wrapper--featured .article--excerpt-content {
font-size: var(--font-size-body);
padding: 1.875rem;
}
@media screen and (min-width: 1024px) {
.article--excerpt-wrapper--featured .article--excerpt-content {
padding: 2.9296875rem;
}
}
.article--excerpt-wrapper--featured .article--excerpt-meta {
color: rgba(255, 255, 255, 0.6);
}
.article--excerpt-wrapper--featured .article--excerpt-meta-item {
font-size: var(--font-size-body);
}
.article--excerpt-wrapper--featured .article--excerpt-meta-item:nth-child(2) {
border-left-color: rgba(255, 255, 255, 0.5);
}
.article--excerpt-wrapper--featured .article--excerpt-title {
font-size: var(--font-size-heading-1);
margin-top: 0.46875rem;
margin-bottom: 1.171875rem;
color: currentColor;
}
.article--excerpt-wrapper--featured .article--excerpt-title:first-child {
margin-top: 0;
}
@media screen and (min-width: 680px) {
.article--excerpt-wrapper--featured .article--excerpt-title {
margin-bottom: 0;
}
}
.article--excerpt-wrapper--featured .article--excerpt-text {
margin-top: 1.171875rem;
margin-bottom: 1.640625rem;
line-height: 1.56;
}
.article--excerpt-wrapper--featured .article--excerpt-text a {
color: currentColor;
text-decoration: underline;
}
.article--excerpt-wrapper--featured .article--excerpt-text a:hover {
color: currentColor;
}
.article--excerpt-wrapper--featured .article--excerpt-button {
border-color: transparent;
}
.article--excerpt-wrapper--featured .article--excerpt-button:not(.disabled):hover {
border-color: transparent;
}
@media screen and (min-width: 680px) {
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-content {
width: 70%;
text-align: right;
}
}
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-meta,
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-title,
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-meta-item,
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-text {
max-width: 43.75rem;
}
@media screen and (min-width: 680px) {
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-meta,
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-title,
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-meta-item,
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-text {
text-align: left;
}
}
@media screen and (min-width: 680px) {
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-text {
margin-bottom: 0;
}
}
@media screen and (min-width: 680px) {
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-button {
position: absolute;
right: 1.640625rem;
bottom: 1.640625rem;
}
}
@media screen and (min-width: 1024px) {
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-button {
right: 2.9296875rem;
bottom: 2.9296875rem;
}
}
@media screen and (min-width: 860px) {
.article--excerpt-wrapper--featured.article--excerpt-wrapper--has-image .article--excerpt-image,
.article--excerpt-wrapper--featured.article--excerpt-wrapper--has-image .article--excerpt-content {
width: 50%;
text-align: left;
}
}
.breadcrumbs-container {
display: flex;
align-items: center;
margin-top: 1.171875rem;
margin-bottom: 1.171875rem;
}
@media screen and (min-width: 720px) {
.breadcrumbs-container {
margin-top: 1.640625rem;
margin-bottom: 1.640625rem;
}
}
.breadcrumbs-container a,
.breadcrumbs-container span {
font-size: var(--font-size-body);
display: inline-block;
vertical-align: middle;
}
.breadcrumbs-container span {
color: #7c7873;
}
.breadcrumbs-container span.breadcrumbs-tag:not(:last-child) {
margin-right: 2px;
}
.breadcrumbs-delimiter {
margin-right: 0.4375rem;
margin-left: 0.4375rem;
}
.breadcrumbs-delimiter svg {
margin-top: 0;
}
.pagination__wrapper {
margin-top: 2.9296875rem;
margin-bottom: 1.640625rem;
}
#shopify-section-static-blog .pagination__wrapper {
margin-top: 0;
}
.pagination__wrapper .icon-loading {
opacity: 0;
color: #000000;
}
.processing--pagination .pagination__wrapper .button-primary {
display: none;
}
.processing--pagination .pagination__wrapper .icon-loading {
height: 60px;
width: 60px;
opacity: 1;
color: #000000;
z-index: 11;
position: relative;
display: block;
top: 0;
left: calc(50% - 60px/ 2);
animation: 0.6s rotate linear infinite both;
}
.pagination {
display: flex;
justify-content: center;
padding-left: 0;
margin-right: -0.5625rem;
margin-left: -0.5625rem;
color: #111111;
}
.pagination li {
display: block;
}
.pagination li:not(:last-child) {
margin-right: 0.3125rem;
}
.pagination__previous,
.pagination__page,
.pagination__ellipsis,
.pagination__next {
display: inline-block;
padding: 0.5625rem 0.6875rem;
}
.pagination__previous:not(:last-child),
.pagination__page:not(:last-child),
.pagination__ellipsis:not(:last-child),
.pagination__next:not(:last-child) {
margin-right: 0.3125rem;
}
.pagination__item--active {
letter-spacing: -0.005em;
color: #111111;
}.pagination__item--active {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
}.pagination__item--active:hover {
color: currentColor;
}
@media screen and (max-width: 719px) {
.pagination__previous-text,
.pagination__next-text {
display: none;
}
}
.pagination__previous-chevron {
margin-left: 0;
}
.pagination__previous-chevron svg {
transform: rotate(90deg);
}
.share-buttons {
margin-top: 1.640625rem;
}
@media screen and (min-width: 720px) {
.share-buttons {
margin-top: 1.875rem;
}
}
.share-buttons .share-buttons--title {
font-size: var(--font-size-body-smaller);
margin-top: 0;
margin-bottom: 0;
letter-spacing: -0.005em;
color: #111111;
}.share-buttons .share-buttons--title {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
}.share-buttons .share-buttons--list {
display: flex;
margin-top: 0.9375rem;
}
.featured-product--container .share-buttons .share-buttons--list {
justify-content: center;
}
@media screen and (min-width: 720px) {
.share-buttons .share-buttons--list {
margin-top: 0.703125rem;
}
}
.share-buttons .share-buttons--button {
display: inline-block;
width: 30px;
height: 30px;
padding: 2px;
border-radius: 100%;
}
.share-buttons .share-buttons--button:not(:first-child) {
margin-left: 0.46875rem;
}
@media screen and (min-width: 720px) {
.share-buttons .share-buttons--button {
width: 24px;
height: 24px;
padding: 1px;
}
}
.share-buttons .share-buttons--button svg {
display: block;
width: 100%;
height: 100%;
fill: currentColor;
}
.share-buttons-dark-light .share-buttons--button {
color: #111111;
background-color: rgba(17, 17, 17, 0.15);
}
.share-buttons-inverted .share-buttons--button {
color: #ffffff;
background-color: #111111;
}
.modal--quickshop-slim .share-buttons-inverted .share-buttons--button, .modal--quickshop-full .share-buttons-inverted .share-buttons--button {
color: #ffffff;
}
.featured-product--container .share-buttons-inverted .share-buttons--button {
color: #ffffff;
}
.share-buttons-colored .share-buttons--button {
color: #fff;
background-color: #000;
}
.share-buttons-colored .share-buttons--facebook {
background-color: #4267b1;
}
.share-buttons-colored .share-buttons--twitter {
background-color: #1da1f2;
}
.share-buttons-colored .share-buttons--linkedin {
background-color: #0077b5;
}
.share-buttons-colored .share-buttons--pinterest {
background-color: #cc2129;
}
.atc-banner--container {
position: fixed;
top: 0;
z-index: 800;
display: none;
width: 100%;
background-color: #ffffff;
outline: 0;
box-shadow: 0 3px 3px rgba(128, 128, 128, 0.15);
transition: text-shadow 0.275s linear;
}
.site-header--sticky .atc-banner--container {
position: absolute;
top: 100%;
}
.atc-banner--outer {
position: relative;
padding-top: 1.171875rem;
padding-bottom: 1.171875rem;
}
@media screen and (max-width: 719px) {
.atc-banner--outer {
padding: 1.171875rem;
}
}
.atc-banner--inner {
width: 100%;
max-width: 920px;
padding-top: 1.171875rem;
padding-bottom: 1.171875rem;
margin-right: auto;
margin-left: auto;
table-layout: fixed;
text-align: center;
}
@media screen and (min-width: 720px) {
.atc-banner--inner {
display: table;
text-align: left;
}
}
.atc-banner--product {
font-size: var(--font-size-body);
vertical-align: middle;
}
@media screen and (min-width: 720px) {
.atc-banner--product {
display: table-cell;
width: 52%;
padding-right: 1.875rem;
}
}
@media screen and (min-width: 1024px) {
.atc-banner--product {
padding-right: 1.875rem;
}
}
.atc-banner--cart {
margin-top: 2.9296875rem;
vertical-align: middle;
}
@media screen and (min-width: 720px) {
.atc-banner--cart {
display: table-cell;
width: 48%;
padding-left: 1.640625rem;
margin-top: 0;
border-left: 1px solid #eaeaea;
}
}
@media screen and (min-width: 1024px) {
.atc-banner--cart {
padding-left: 2.9296875rem;
}
}
.atc-banner--product-title {
font-size: var(--font-size-heading-4);
margin-top: 0;
color: #000000;
}
.atc-banner--product-title--icon {
display: inline-block;
width: 18px;
height: 13px;
margin-top: -3px;
margin-right: 5px;
vertical-align: middle;
}
.atc-banner--product-title--icon svg {
display: block;
width: 100%;
height: 100%;
}
.atc--product {
display: flex;
align-items: center;
max-width: 19.375rem;
margin: 1.875rem auto 0;
text-align: left;
vertical-align: middle;
}
@media screen and (min-width: 720px) {
.atc--product {
max-width: 100%;
margin-top: 1.640625rem;
}
}
.atc--product-image {
display: inline-block;
width: 100px;
vertical-align: middle;
}
.atc--product-image svg,
.atc--product-image img {
max-width: 100%;
}
.atc--product-details {
font-size: var(--font-size-body);
display: inline-block;
width: calc(100% - 1.640625rem - 6.25rem);
margin-left: 1.640625rem;
vertical-align: middle;
}
.atc--product-details--title {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body);
margin-top: 0;
margin-bottom: 0;
line-height: 1.3125;
letter-spacing: -0.005em;
text-transform: inherit;
}
.atc--product-details--options {
font-size: var(--font-size-body-smaller);
display: block;
margin-top: 0.234375rem;
line-height: 1.4;
color: #7c7873;
}
.atc--product-details--price {
font-size: var(--font-size-body-small);
display: block;
margin-top: 0.234375rem;
line-height: 1.2;
}
.atc--product-details--unit-price {
display: block;
margin-top: 0.234375rem;
font-size: var(--font-size-body-smallest);
color: rgba(17, 17, 17, 0.8);
}
.atc--product-details--unit-price.hidden {
display: none;
}
.atc--line-item-subscriptions {
font-size: var(--font-size-body-small);
display: block;
margin-top: 0.234375rem;
line-height: 1.2;
}
.atc-banner--cart-subtotal {
font-size: var(--font-size-heading-4);
}
.atc-subtotal--label {
color: #7c7873;
}
.atc-subtotal--price {
font-family: type_product_price_custom;
font-style: normal;
font-weight: 400;
display: inline-block;
margin-left: 0.46875rem;
color: #000000;
}
.atc-banner--cart-footer {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 1.640625rem;
margin-bottom: calc(-1 * 0.46875rem);
margin-left: calc(-1 * 0.46875rem);
}
@media screen and (min-width: 720px) {
.atc-banner--cart-footer {
justify-content: flex-start;
}
}
.atc-button--viewcart,
.atc-button--checkout {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
margin-bottom: 0.46875rem;
margin-left: 0.46875rem;
}.atc-button--viewcart,
.atc-button--checkout {
text-transform: uppercase;
}.atc-button--checkout {
display: flex;
align-items: center;
justify-content: center;
}
.atc-button--checkout svg {
margin: -10px 10px -10px 0;
}
.atc-banner--close {
position: absolute;
top: 15px;
right: 15px;
color: #111111;
}
@media screen and (min-width: 1024px) {
.atc-banner--close {
right: 25px;
}
}
.message-banner--container {
position: fixed;
top: 0;
z-index: 800;
display: none;
width: 100%;
transition: text-shadow 0.275s linear;
}
.site-header--sticky .message-banner--container {
position: absolute;
top: 100%;
}
.message-banner--outer {
position: relative;
}
.message-banner--inner {
width: 100%;
max-width: 820px;
padding-top: 0.703125rem;
padding-bottom: 0.703125rem;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.message-banner--close {
position: absolute;
top: 50%;
right: 10px;
margin-top: -6.5px;
}
@media screen and (min-width: 720px) {
.message-banner--close {
right: 15px;
}
}
@media screen and (min-width: 1024px) {
.message-banner--close {
right: 25px;
}
}
.message--error .message-banner--close {
color: #f05d5d;
}
.social-icons {
display: flex;
flex-wrap: wrap;
margin-top: -4px;
margin-right: -4px;
margin-left: -4px;
}
.social-link {
width: 36px;
height: 36px;
padding: 4px;
overflow: hidden;
line-height: 1.8;
vertical-align: top;
}
.social-link svg {
width: 28px;
height: 28px;
border-radius: 100%;
transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.social-icons-dark-light .social-link {
color: #000000;
}
.social-icons-dark-light .social-link svg {
background-color: rgba(0, 0, 0, 0.15);
}
.social-icons-inverted .social-link {
color: #ffffff;
}
.social-icons-inverted .social-link svg {
background-color: #000000;
}
.social-icons-colored .social-link {
color: #fff;
}
.social-icons-colored .social-link svg {
background-color: #000;
}
.social-icons-colored .social-link.social-link-facebook svg {
background-color: #4267b1;
}
.social-icons-colored .social-link.social-link-twitter svg {
background-color: #1da1f2;
}
.social-icons-colored .social-link.social-link-pinterest svg {
background-color: #cc2129;
}
.social-icons-colored .social-link.social-link-instagram svg {
background-color: #000;
}
.social-icons-colored .social-link.social-link-tumblr svg {
background-color: #001935;
}
.social-icons-colored .social-link.social-link-vimeo svg {
background-color: #1eb8ea;
}
.social-icons-colored .social-link.social-link-youtube svg {
background-color: #ff0000;
}
.social-icons-colored .social-link.social-link-linkedin svg {
background-color: #0077b5;
}
@media screen and (max-width: 859px) {
.productgrid--sidebar {
display: none;
}
}
@media screen and (min-width: 860px) {
.productgrid--sidebar {
float: left;
width: 185px;
}
}
.productgrid--sidebar.processing--filter .filter-item a {
cursor: default;
}
.productgrid--sidebar-section,
.productgrid--sidebar-title {
margin-top: 2.9296875rem;
}
.productgrid--sidebar-section:first-child,
.productgrid--sidebar-title:first-child {
margin-top: 0;
}
.productgrid--sidebar-title {
font-size: var(--font-size-heading-5);
margin-bottom: 1.171875rem;
color: #000000;
}
.productgrid--sidebar-title--small {
font-size: var(--font-size-body-small);
margin-top: 1.640625rem;
margin-bottom: 0.234375rem;
letter-spacing: -0.005em;
color: #111111;
text-transform: none;
}.productgrid--sidebar-title--small {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
}.productgrid--sidebar-item {
padding-left: 0;
margin-top: 0.46875rem;
margin-left: 0;
list-style: none;
}
.productgrid--sidebar-item:first-child {
margin-top: 0;
}
.productgrid--sidebar-filters--current {
margin-bottom: 1.640625rem;
}
@media screen and (min-width: 860px) {
.productgrid--sidebar-filters--current {
display: none;
}
}
.productgrid--wrapper {
position: relative;
}
@media screen and (min-width: 860px) {
.layout--has-sidebar .productgrid--wrapper {
float: left;
width: calc(100% - 185px - 25px);
margin-left: 25px;
}
}
@media screen and (max-width: 859px) {
.productgrid--filters {
display: none;
}
}
@media screen and (min-width: 860px) {
.productgrid--filters {
margin-top: calc(1.640625rem - 0.46875rem);
margin-bottom: 1.640625rem;
}
}
.productgrid--utils {
display: none;
width: 100%;
padding-top: 0.46875rem;
padding-bottom: 0.46875rem;
margin-top: 1.640625rem;
margin-bottom: 1.640625rem;
background-color: #fafafa;
table-layout: fixed;
border-radius: 0.0px;
}
.processing--filter .productgrid--utils * {
cursor: default;
}
@media screen and (max-width: 859px) {
.productgrid--utils.productgrid--utils--visible-mobile {
display: table;
}
}
@media screen and (min-width: 860px) {
.productgrid--utils {
display: table;
}
.productgrid--utils.productgrid--utils--hidden-desktop {
display: none;
}
}
.productgrid--items {
display: flex;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 1.640625rem;
padding: 0;
}
@media screen and (max-width: 719px) {
.search--section .productgrid--items {
margin-top: 1.171875rem;
}
}
@supports (display: grid) {
.productgrid--items {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 5px 10px;
}
@media screen and (max-width: 859px) and (min-width: 680px) {
.productgrid--items {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (min-width: 860px) {
.productgrid--items {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.productgrid--items {
grid-gap: calc(50px * 2 / 3) calc(10px * 2 / 3);
}
}
@media screen and (min-width: 1080px) {
.productgrid--items {
grid-gap: 50px 10px;
}
}
@media screen and (max-width: 1023px) and (min-width: 860px) {
.layout--has-sidebar .productgrid--items {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
}
.productgrid--item {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
justify-content: flex-start;
border-radius: 0px;
transition: text-shadow 0.25s linear;
}
.productgrid--no-spacing .productgrid--item {
border-radius: 0;
}
.productgrid--no-spacing .productgrid--item .productitem--image {
border-radius: 0px;
}
@media screen and (min-width: 1024px) {
.productgrid--item.animating, .productgrid--item.visible {
z-index: 200;
}
.productgrid--item:hover {
z-index: 300;
}
}
@media screen and (max-width: 679px) {
.productgrid--items .productgrid--item {
width: calc(50% - 5px);
margin-top: 10px;
margin-left: 10px;
}
.productgrid--items .productgrid--item:nth-child(2n+1) {
margin-left: 0;
}
.productgrid--items .productgrid--item:nth-child(-n+2) {
margin-top: 0;
}
}
@media screen and (max-width: 859px) and (min-width: 680px) {
.productgrid--items .productgrid--item {
width: calc(33.3333333333% - 6.6666666667px);
margin-top: 10px;
margin-left: 10px;
}
.productgrid--items .productgrid--item:nth-child(3n+1) {
margin-left: 0;
}
.productgrid--items .productgrid--item:nth-child(-n+3) {
margin-top: 0;
}
}
@media screen and (max-width: 1023px) and (min-width: 860px) {
.layout--has-sidebar .productgrid--items .productgrid--item {
width: calc(33.3333333333% - 13.3333333333px);
margin-top: 20px;
margin-left: 20px;
}
.layout--has-sidebar .productgrid--items .productgrid--item:nth-child(3n+1) {
margin-left: 0;
}
.layout--has-sidebar .productgrid--items .productgrid--item:nth-child(-n+3) {
margin-top: 0;
}
}
@media screen and (min-width: 1024px) {
.layout--has-sidebar .productgrid--items .productgrid--item {
width: calc(25% - 15px);
margin-top: 20px;
margin-left: 20px;
}
.layout--has-sidebar .productgrid--items .productgrid--item:nth-child(4n+1) {
margin-left: 0;
}
.layout--has-sidebar .productgrid--items .productgrid--item:nth-child(-n+4) {
margin-top: 0;
}
}
@media screen and (min-width: 860px) {
.layout--no-sidebar .productgrid--items .productgrid--item {
width: calc(25% - 15px);
margin-top: 20px;
margin-left: 20px;
}
.layout--no-sidebar .productgrid--items .productgrid--item:nth-child(4n+1) {
margin-left: 0;
}
.layout--no-sidebar .productgrid--items .productgrid--item:nth-child(-n+4) {
margin-top: 0;
}
}
@supports (display: grid) {
.productgrid--items .productgrid--item {
width: auto;
margin: 0;
}
.layout--has-sidebar .productgrid--items .productgrid--item, .layout--no-sidebar .productgrid--items .productgrid--item {
width: auto;
margin: 0;
}
}
.productgrid--footer {
padding-top: 2.9296875rem;
margin-top: 2.9296875rem;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 719px) {
.productgrid--footer-item:not(:first-child) {
margin-top: 1.171875rem;
}
}
@media screen and (min-width: 720px) {
.productgrid--footer-item {
float: left;
width: calc(50% - 20px);
}
.productgrid--footer-item:not(:first-child) {
margin-left: 40px;
}
}
.productgrid--footer-title {
font-size: var(--font-size-heading-5);
margin-top: 0;
margin-bottom: 0;
color: #000000;
text-transform: uppercase;
}
.productgrid--footer-results-list {
padding-left: 0;
margin-top: 1.171875rem;
margin-bottom: 0;
list-style: none;
}
.productgrid--footer-results-list li {
font-size: var(--font-size-body);
line-height: 1.56;
color: #111111;
}
.productgrid--footer-results-list li:not(:first-child) {
margin-top: 0.46875rem;
}
.productitem--description {
display: none;
margin-bottom: 20px;
line-height: 1.5;
}
.productgrid-listview .productgrid--items .productgrid--item {
width: 100%;
}
.productgrid-listview .productgrid--items .productgrid--item:nth-of-type(n + 1) {
margin: 20px 0 0;
}
.productgrid-listview .productgrid--items {
display: block;
}
@supports (display: grid) {
.productgrid-listview .productgrid--items {
display: grid;
grid-template-columns: 1fr;
}
.productgrid-listview .productgrid--items .productgrid--item {
margin-top: 0;
}
.productgrid-listview .productgrid--items .productgrid--item:nth-of-type(n + 1) {
margin-top: 0;
}
}
.productgrid-listview .productgrid--item {
width: 100%;
margin: 20px 0 0;
}
.productgrid-listview .productgrid--item .productitem--gridview-stock-level {
display: none;
}
.productgrid-listview .productgrid--item .productitem--action-qs {
border-color: #000000;
}
.productgrid-listview .productgrid--item .productitem--action-qs:not(.disabled):hover {
border-color: #000000;
}
@media screen and (min-width: 860px) {
.productgrid-listview .productgrid--item .productitem--action-qs {
margin-top: 0.46875rem;
}
}
.productgrid-listview .productitem--image-link {
grid-row-end: span 2;
}
@media screen and (min-width: 860px) {
.productgrid-listview .productitem--image-link {
width: 25%;
}
}
.productgrid-listview .productitem--image-link .productitem--badge {
display: none;
}
.no-touch .productgrid-listview .productitem--actions,
.productgrid-listview .productitem--actions {
position: static;
display: flex;
flex-wrap: wrap;
max-width: 300px;
margin-right: 0;
margin-top: 0;
padding-top: 0;
padding-left: 25px;
opacity: 1;
visibility: visible;
}
.no-touch .productgrid-listview .productitem--actions .productitem--action,
.productgrid-listview .productitem--actions .productitem--action {
display: block;
flex: 1 0 auto;
min-width: 47%;
padding: 0;
margin-top: 0.46875rem;
margin-right: 0.46875rem;
}
.no-touch .productgrid-listview .productitem--actions .productitem--action .productitem--action-trigger,
.productgrid-listview .productitem--actions .productitem--action .productitem--action-trigger {
border-radius: 10px;
}
.no-touch .productgrid-listview .productitem--actions .productitem--action:nth-of-type(2n),
.productgrid-listview .productitem--actions .productitem--action:nth-of-type(2n) {
order: 1;
}
@media screen and (max-width: 1023px) {
.no-touch .productgrid-listview .productitem--actions .productitem--action.productitem-action--desktop,
.productgrid-listview .productitem--actions .productitem--action.productitem-action--desktop {
display: none;
}
}
.no-touch .productgrid-listview .productitem--actions .productitem--listview-price,
.productgrid-listview .productitem--actions .productitem--listview-price {
display: none;
width: 100%;
margin-bottom: 20px;
text-align: right;
}
.no-touch .productgrid-listview .productitem--actions .productitem--listview-badge,
.productgrid-listview .productitem--actions .productitem--listview-badge {
display: none;
justify-content: flex-end;
width: 100%;
margin-bottom: 0.75rem;
}
.no-touch .productgrid-listview .productitem--actions .productitem--listview-badge .productitem--badge,
.productgrid-listview .productitem--actions .productitem--listview-badge .productitem--badge {
position: relative;
top: -0.375rem;
}
@media screen and (max-width: 859px) {
.no-touch .productgrid-listview .productitem--actions,
.productgrid-listview .productitem--actions {
max-height: 9.375rem;
}
}
@media screen and (min-width: 860px) {
.no-touch .productgrid-listview .productitem--actions,
.productgrid-listview .productitem--actions {
display: block;
flex: 0 0 200px;
}
.no-touch .productgrid-listview .productitem--actions .productitem--image-link,
.productgrid-listview .productitem--actions .productitem--image-link {
width: 25%;
}
.no-touch .productgrid-listview .productitem--actions .productitem--listview-price,
.productgrid-listview .productitem--actions .productitem--listview-price {
display: block;
}
.no-touch .productgrid-listview .productitem--actions .productitem--listview-badge,
.productgrid-listview .productitem--actions .productitem--listview-badge {
display: flex;
}
.no-touch .productgrid-listview .productitem--actions .productitem--action,
.productgrid-listview .productitem--actions .productitem--action {
width: 100%;
margin-top: 0.5rem;
margin-right: 0;
padding: 0;
}
}
.productgrid-listview .productitem--swatches {
position: relative;
order: 1;
opacity: 1;
visibility: visible;
}
.productgrid-listview .productitem--swatches-show-on-hover {
padding: 0;
}
.productgrid-listview .productitem--description {
order: 2;
}
.productgrid-listview .productitem {
display: grid;
grid-template-columns: 25% 75%;
grid-template-rows: auto minmax(0, 1fr);
}
@media screen and (min-width: 860px) {
.productgrid-listview .productitem {
display: flex;
justify-content: space-between;
}
}
.productgrid-listview .productitem--info,
.productgrid-listview .productgrid--no-spacing .productitem--info {
display: flex;
flex-direction: column;
padding: 0;
margin: 0 0 0 25px;
}
@media screen and (min-width: 860px) {
.productgrid-listview .productitem--info,
.productgrid-listview .productgrid--no-spacing .productitem--info {
width: 50%;
margin: 0 50px 0 25px;
}
}
@media screen and (min-width: 860px) {
.productgrid-listview .productitem--info .productitem--price,
.productgrid-listview .productgrid--no-spacing .productitem--info .productitem--price {
display: none;
}
}
@media screen and (max-width: 859px) and (min-width: 680px) {
.productgrid-listview .productitem--info .productitem--price,
.productgrid-listview .productgrid--no-spacing .productitem--info .productitem--price {
margin-top: 0.46875rem;
}
}
@media screen and (min-width: 860px) {
.productgrid-listview .productitem--title {
font-family: type_product_card_title_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-product-card);
color: #000000;
}
}
.productgrid-listview .price--compare-at.visible {
display: block;
}
.productgrid-listview .price--compare-at.visible .price--spacer {
display: none;
}
@media screen and (min-width: 860px) {
.productgrid-listview .productitem--description {
display: block;
}
}
.shopify-section.collection--section .breadcrumbs-container {
margin-top: 0;
}
.utils-filter,
.utils-sortby,
.utils-view {
font-size: var(--font-size-body-small);
display: table-cell;
width: 40%;
padding: 0.46875rem 0.9375rem;
vertical-align: middle;
}
.utils-filter {
text-align: left;
}
@media screen and (min-width: 860px) {
.utils-filter {
display: none;
}
}
.utils-filter-button {
display: table;
transition: color 0.1s ease;
}
.utils-filter-icon {
display: table-cell;
padding-right: 11px;
vertical-align: middle;
}
.utils-filter-icon svg {
display: block;
width: 19px;
height: 13px;
transition: fill 0.1s ease;
}
.utils-filter-text {
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body-small);
display: table-cell;
letter-spacing: -0.005em;
vertical-align: middle;
}
.utils-sortby {
font-size: 0;
letter-spacing: 0;
text-align: right;
}
@media screen and (min-width: 860px) {
.utils-sortby {
text-align: left;
}
}
.utils-sortby-select,
.utils-sortby-title {
display: inline-block;
vertical-align: middle;
}
.utils-sortby-title {
letter-spacing: -0.005em;
cursor: pointer;
}.utils-sortby-title {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
}@media screen and (min-width: 860px) {
.utils-sortby-title {
font-size: var(--font-size-body-small);
display: inline-block;
}
}
.utils-sortby-button {
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body-small);
display: inline-block;
letter-spacing: -0.005em;
vertical-align: middle;
}
@media screen and (min-width: 860px) {
.utils-sortby-button {
display: none;
}
}
.utils-sortby-select {
display: none;
width: auto;
max-width: 100%;
}
@media screen and (min-width: 860px) {
.utils-sortby-select {
display: inline-block;
margin-left: 0.46875rem;
}
}
.utils-sortby-select .form-field-select {
font-size: var(--font-size-body-smaller);
max-width: 100%;
padding-top: 0;
padding-bottom: 0;
background-color: transparent;
color: #111111;
border: 0;
box-shadow: none;
}
.utils-sortby-select .form-field-select:focus {
outline: 5px auto -webkit-focus-ring-color;
}
.utils-sortby-select svg {
color: #111111;
}
.utils-sortby--modal {
display: none;
}
.utils-sortby--modal-title {
font-style: normal;
font-weight: 400;
font-size: var(--font-size-heading-5);
display: block;
margin-bottom: 1.171875rem;
letter-spacing: -0.005em;
color: #000000;
}
.utils-sortby--modal-list {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none;
}
.utils-sortby--modal-item {
margin-top: 0.703125rem;
}
.utils-sortby--modal-item:first-child {
margin-top: 0;
}
.utils-sortby--modal-button {
display: block;
width: 100%;
transition-duration: 0s;
}
.utils-sortby--modal-button:active, .utils-sortby--modal-button:active:hover, .utils-sortby--modal-button:focus, .utils-sortby--modal-button:focus:hover, .utils-sortby--modal-button.utils-sortby--modal-button--active, .utils-sortby--modal-button.utils-sortby--modal-button--active:hover {
color: #ffffff;
background: #000000;
}
.modal--productgrid-sort .modal-inner,
.modal--productgrid-filters .modal-inner {
max-width: 31.25rem;
}
.productgrid--outer:not(.layout--has-sidebar) .utils-sortby {
text-align: left;
}
.utils-view {
width: 6.375rem;
}
@media screen and (max-width: 859px) {
.utils-view {
padding: 0 0.46875rem 0 0;
}
.utils-view.utils-hide {
display: none;
}
}
@media screen and (min-width: 860px) {
.utils-view {
width: 60%;
}
}
.utils-view-container {
display: flex;
justify-content: flex-end;
align-items: center;
}
.utils-viewtoggle {
display: flex;
align-items: center;
}
@media screen and (min-width: 860px) {
.utils-viewtoggle {
margin-left: 40px;
}
}
.utils-viewtoggle-label {
display: none;
margin-right: 10px;
letter-spacing: -0.005em;
}.utils-viewtoggle-label {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
}@media screen and (min-width: 860px) {
.utils-viewtoggle-label {
display: block;
}
}
.utils-viewtoggle-button {
padding: 5px 13px 2px;
margin-left: 0;
color: #777777;
cursor: pointer;
background: #ffffff;
border: 0;
border-top: 1px solid #777777;
border-bottom: 1px solid #777777;
outline: 0;
transition: color 0.1s ease;
-webkit-appearance: none;
}
.utils-viewtoggle-button:nth-of-type(1) {
border-left: 1px solid #777777;
border-radius: 3px 0 0 3px;
}
.utils-viewtoggle-button:nth-of-type(1).active {
border-color: #000000;
}
.utils-viewtoggle-button:nth-of-type(2) {
border-right: 1px solid #777777;
border-radius: 0 3px 3px 0;
}
.utils-viewtoggle-button:nth-of-type(2).active {
border-color: #000000;
}
.utils-viewtoggle-button:focus {
box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.2);
}
.utils-viewtoggle-button:focus.active {
border-color: #cf7455;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4);
}
.results--container:not(.processing--filter) .utils-viewtoggle-button:hover:not(.active) {
color: #444444;
}
.utils-viewtoggle-button.active {
color: #ffffff;
background: #000000;
}
@media screen and (min-width: 860px) {
.utils-viewtoggle-button {
height: 20px;
padding: 0;
margin-left: 6px;
background-color: transparent;
}
.utils-viewtoggle-button:nth-of-type(1) {
border: 0;
border-radius: 2px;
}
.utils-viewtoggle-button:nth-of-type(2) {
border: 0;
border-radius: 2px;
}
.utils-viewtoggle-button.active {
color: #000000;
background-color: transparent;
}
}
.product-row--container {
position: relative;
}
@media screen and (max-width: 1023px) {
.product-row--container {
margin-bottom: -10px;
overflow: hidden;
}
}
.product-row {
display: flex;
align-items: stretch;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
padding: 0;
outline: 0;
}
.product-recommendations--container .product-row .stock-level--text {
font-size: var(--font-size-body-smaller);
}
.product-recommendations--container .product-row .product--stock-level {
margin: 0.234375rem;
}
.featured-collection--container .product-row {
margin-block-start: 0;
margin-block-end: 0;
margin-bottom: 0;
}
.product-row.flickity-enabled {
cursor: grab;
}
.product-row .flickity-slider .productgrid--item {
min-height: 100%;
}
.product-row .productgrid--item {
width: 220px;
margin-top: 0;
margin-right: 10px;
}
.product-row .productgrid--item:last-child {
margin-right: 0;
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.product-row .productgrid--item {
margin-right: calc(10px * 2 / 3);
}
.product-row .productgrid--item:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 1079px) and (min-width: 1024px) {
.product-row .productgrid--item {
width: calc(25% - calc(10px * (2 / 3) * (3 / 4)));
}
.featured-collection--container .product-row .productgrid--item:nth-child(4):nth-last-child(2) {
display: none;
}
.product-recommendations--container .product-row .productgrid--item:nth-child(5) {
display: none;
}
}
@media screen and (min-width: 1024px) {
.product-row .productgrid--item {
width: calc(25% - calc(10px * 3 / 4));
}
}
@media screen and (min-width: 1080px) {
.product-row .productgrid--item {
width: calc(20% - calc(10px * 4 / 5));
margin-right: 10px;
}
.product-row .productgrid--item:last-child {
margin-right: 0;
}
}
.product-row.product-row--no-spacing .productgrid--item.animating-in .productitem--actions {
transition: opacity 0.2s ease 0.1s;
}
.product-row.product-row--no-spacing .productgrid--item.animating-out .productitem {
transition: height 0.2s ease 0.2s, box-shadow 0.25s ease;
}
.product-row.product-row--no-spacing .productgrid--item {
border-radius: 0;
}
.product-row.product-row--no-spacing .productitem {
flex-grow: 0;
min-height: auto;
padding: 0;
background-color: transparent;
overflow: visible;
border-radius: 0;
}
.product-row.product-row--no-spacing .productitem:hover, .product-row.product-row--no-spacing .productitem:focus {
box-shadow: none;
}
.product-row.product-row--no-spacing .productitem--image,
.product-row.product-row--no-spacing .featured-collection--banner {
border-radius: 0px;
}
.product-row.product-row--no-spacing .productitem--info,
.product-row.product-row--no-spacing .productitem--swatches-container {
background-color: transparent;
}
@media screen and (min-width: 1024px) {
.no-touch .product-row:not(.product-row--no-spacing) .productitem--action-trigger {
border-radius: 0;
}
.no-touch .product-row:not(.product-row--no-spacing) .productitem--action-trigger.productitem--action-qs {
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
.no-touch .product-row:not(.product-row--no-spacing) .productitem--action-trigger.productitem--action-qs:not(.disabled):hover {
border-right-color: #ffffff;
border-bottom-color: #ffffff;
border-left-color: #ffffff;
}
}
.productgrid--sidebar-item.filter-group {
margin-top: calc(0.46875rem - 0.1875rem);
}
.productgrid--sidebar-item.filter-group.productgrid--sidebar-item-swatches-grid, .productgrid--sidebar-item.filter-group.productgrid--sidebar-item-grid {
margin: 0.9375rem -0.46875rem -0.46875rem 0;
}
.modal .productgrid--sidebar-item.filter-group.productgrid--sidebar-item-swatches-grid, .modal .productgrid--sidebar-item.filter-group.productgrid--sidebar-item-grid {
margin-top: 0.46875rem;
}
.productgrid--sidebar-item-swatches-grid,
.productgrid--sidebar-item-grid {
display: flex;
flex-wrap: wrap;
}
.productgrid--sidebar-item-swatches-grid .filter-item,
.productgrid--sidebar-item-grid .filter-item {
margin: 0 0.46875rem 0.46875rem 0;
}
.modal .productgrid--sidebar-item-swatches-grid .filter-item:first-child,
.modal .productgrid--sidebar-item-grid .filter-item:first-child {
margin-top: 0;
}
.modal .productgrid--sidebar-item-swatches-grid .filter-item.filter-item--toggle-more,
.modal .productgrid--sidebar-item-grid .filter-item.filter-item--toggle-more {
border: 0;
}
.productgrid--sidebar-item-swatches-grid .filter-item--toggle-more,
.productgrid--sidebar-item-grid .filter-item--toggle-more {
width: 100%;
margin-top: 0.234375rem;
}
.productgrid--sidebar-item-swatches-grid {
line-height: 0;
}
.productgrid--sidebar-item-swatches-grid .filter-item a {
padding: 0;
margin: 0;
}
.modal .productgrid--sidebar-item-swatches-grid .filter-item {
border-top: 0;
}
.modal .productgrid--sidebar-item-swatches-grid .filter-item a {
padding: 0;
}
.modal .productgrid--sidebar-item-swatches-grid .filter-item:last-child {
border-bottom: 0;
}
.productgrid--sidebar-item-swatches-list .filter-item a {
display: flex;
align-items: center;
}
.productgrid--sidebar-item-swatches-list .filter-item--swatch-wrapper {
margin-left: 0.5625rem;
}
.filter-item--swatch-wrapper {
position: relative;
height: 24px;
padding: 0;
cursor: pointer;
border: 0;
box-shadow: 0 0 0 0.0625rem rgba(33, 33, 33, 0);
transition: box-shadow 0.15s ease;
}.filter-item--swatch-wrapper {
border-radius: 50%;
}.filter-item--swatch {
height: 100%;
overflow: hidden;
pointer-events: none;
transition: transform 0.15s ease;
}.filter-item--swatch {
border-radius: 50%;
}.productgrid--sidebar-item-swatches-grid .filter-item--active .filter-item--swatch {
transform: scale(0.8);
transform: scale(var(--swatch-inner-transform-x, 0.8), 0.8);
}.filter-item--swatch-inner {
width: 24px;
}
.filter-item {
position: relative;
margin-top: 0.234375rem;
transition-duration: 0s;
}
.modal .filter-item {
margin-top: 0;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.modal .filter-item:first-child {
margin-top: 0.46875rem;
}
.modal .filter-item:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.modal .filter-item.filter-item--toggle {
padding-top: 0.46875rem;
border-bottom: 0;
}
.filter-item.filter-item--hidden {
display: none;
}
.filter-item a {
font-size: var(--font-size-body-small);
position: relative;
z-index: 100;
display: inline-block;
padding: 0.1875rem;
margin-left: -0.1875rem;
line-height: 1.15;
color: currentColor;
text-decoration: none;
}
.filter-item a:hover {
z-index: 101;
}
.modal .filter-item a {
padding: 0.5625rem 0.1875rem;
}.filter-item .filter-text,
.filter-item .filter-icon--checkbox {
display: inline-block;
vertical-align: middle;
}
.filter-item .filter-text {
max-width: calc( 100% - calc(0.5625rem0.8125rem) );
margin-left: 0.5625rem;
}
.modal .filter-item .filter-text {
white-space: normal;
}
.filtered-product-count {
font-size: var(--font-size-body-smallest);
vertical-align: middle;
}
.productgrid--sidebar-item-swatches-list .filtered-product-count {
margin-left: 3px;
}
.productgrid--sidebar-item-grid .filter-item:not(.filter-item--toggle-more) {
width: auto;
min-width: 40px;
padding: 0;
text-align: center;
cursor: pointer;
transition: 0.2s;
}
.productgrid--sidebar-item-grid .filter-item:not(.filter-item--toggle-more) .filter-text {
max-width: 100%;
margin-left: 0;
}
.productgrid--sidebar-item-grid .filter-item:not(.filter-item--toggle-more) a {
width: 100%;
padding: 9px 10px;
margin: 0;
}
.productgrid--sidebar-item-grid .filter-item:not(.filter-item--toggle-more).filter-item--active {
color: #000000;
background-color: rgba(0, 0, 0, 0.1);
border-color: rgba(0, 0, 0, 0.8);
}
.filter-item--inactive a:hover {
color: #111111;
}
.filter-item--active {
transition-duration: 0s;
}
.filter-item--active a {
letter-spacing: -0.005em;
}.filter-item--active a {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
}.filter-item--active a, .filter-item--active a:hover {
color: #000000;
}
.filter-group--grid {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 0;
margin: 0;
white-space: normal;
}
.filter-group--grid .active-tag-group {
margin-right: 10px;
}
.filter-group--grid .active-tag-group .filter-item--grid {
margin-right: 1px;
margin-left: 0;
}
.filter-item--grid-simple,
.filter-item--grid {
display: inline-block;
margin-top: 0.46875rem;
margin-right: 0.46875rem;
}
.filter-item--grid a {
display: block;
color: #ffffff;
background: #000000;
}
.filter-item--grid .filter-icon--remove,
.filter-item--grid .filtered-product-count,
.filter-item--grid .filter-text {
font-size: var(--font-size-body-small);
display: inline-block;
color: currentColor;
vertical-align: middle;
}
.filter-item--grid .filter-text {
padding: 0.4375rem 0.3125rem 0.4375rem 0.625rem;
letter-spacing: -0.005em;
}.filter-item--grid .filter-text {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
}.filter-item--grid .filter-icon--remove {
padding: 0.625rem 0.625rem 0.625rem 0.46875rem;
}
.filter-item--grid .filter-icon--remove svg {
display: block;
width: 16px;
height: 16px;
fill: currentColor;
}
@media screen and (max-width: 859px) {
.filter-item--grid-simple {
width: 100%;
margin-top: 0.9375rem;
}
}
.filter-item--grid-simple a {
font-size: var(--font-size-body-small);
padding: 0.3125rem;
background-color: transparent;
}
@media screen and (max-width: 859px) {
.filter-item--grid-simple a {
padding-right: 0;
padding-left: 0;
}
}
.faceted-filter__form .filter-item {
padding: 0.234375rem 0;
}
.faceted-filter__form .faceted-filter__checkbox {
opacity: 0;
}
.faceted-filter__form .faceted-filter__checkbox:focus + .filter-icon--checkbox .icon-checkbox {
outline: Highlight auto 5px;
outline: -webkit-focus-ring-color auto 5px;
}
.faceted-filter__form .filter-icon--checkbox {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.faceted-filter__form .faceted-filter__label-text {
margin-left: 0.46875rem;
}
.faceted-filter__form .collection-filters__filter-range--from,
.faceted-filter__form .collection-filters__filter-range--to {
display: flex;
align-items: center;
padding: 0.234375rem 0;
}
.faceted-filter__form .collection-filters__filter-range--from .form-field,
.faceted-filter__form .collection-filters__filter-range--to .form-field {
width: 100%;
}
.faceted-filter__form .collection-filters__filter-range-currency {
margin-right: 0.234375rem;
}
.faceted-filter__form .filter-item__label {
display: flex;
flex-wrap: nowrap;
word-break: break-word;
white-space: normal;
cursor: pointer;
}
.faceted-filter__form .filter-item--disabled:hover {
color: #111111;
}
.faceted-filter__form .filter-item__label--disabled {
cursor: default;
opacity: 0.5;
}
.productgrid--sidebar-menu .navmenu-link--active {
font-style: normal;
font-weight: 400;
letter-spacing: -0.005em;
}
.productgrid--sidebar-menu .navmenu-item {
display: block;
margin-top: 0.5rem;
line-height: 1.375;
}
.productgrid--sidebar-menu .navmenu {
padding-left: 0;
margin-left: 0;
list-style: none;
}
.productgrid--sidebar-menu .navmenu .navmenu {
padding-left: 0.8125rem;
}
.productgrid--sidebar-menu .navmenu-depth-3 {
border-left: 2px solid rgba(0, 0, 0, 0.15);
}
.productgrid--sidebar-menu .navmenu-depth-3 .navmenu-item {
font-size: var(--font-size-body-smaller);
margin-top: 0.4375rem;
}
.productgrid--search {
position: relative;
z-index: 1;
}
.no-breadcrumbs .productgrid--search {
margin-top: 10px;
}
.productgrid--search-form-field {
height: 4.125rem;
padding-top: 0.5rem;
padding-right: 3rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.9921875rem;
line-height: 1;
color: #000000;
}
@media screen and (max-width: 719px) {
.productgrid--search-form-field {
height: 3.125rem;
font-size: 1.171875rem;
}
}
.productgrid--search-form-field:-ms-input-placeholder {
color: currentColor;
opacity: rgba(0, 0, 0, 0.6);
}
.productgrid--search-form-field::placeholder {
color: currentColor;
opacity: rgba(0, 0, 0, 0.6);
}
.productgrid--search-button {
position: absolute;
top: 50%;
right: 1rem;
width: 2rem;
height: 2rem;
padding: 0.125rem;
margin-top: -1rem;
}
.productgrid--search-button .search-icon--inactive {
width: 100%;
height: 100%;
color: #000000;
}
.productgrid--search-button .search-icon--active {
color: rgba(0, 0, 0, 0.2);
}
.productitem {
position: relative;
flex-grow: 1;
width: 100%;
min-height: 100%;
padding: 0.9375rem;
background: #ffffff;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
border-radius: 0px;
transition: height 0.25s ease, box-shadow 0.25s ease;
}
.productgrid--no-spacing .productitem {
flex-grow: 0;
min-height: auto;
padding: 0;
background: transparent;
border-radius: 0;
}
@media screen and (min-width: 1024px) {
.productgrid--item.animating .productitem, .productgrid--item.visible .productitem {
position: absolute;
}
.productgrid--items:not(.productgrid--no-spacing) .productgrid--item.animating .productitem {
overflow: hidden;
}
}
.no-touch .productitem:hover, .no-touch .productitem:focus, .no-touch .visible .productitem {
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
}
.productgrid--no-spacing .productitem:hover, .productgrid--no-spacing .productitem:focus, .productgrid--no-spacing .visible .productitem {
box-shadow: none;
}
.productitem:hover .productitem--image-alternate ~ .productitem--image-primary, .productitem:focus .productitem--image-alternate ~ .productitem--image-primary, .visible .productitem .productitem--image-alternate ~ .productitem--image-primary {
visibility: hidden;
}
.productitem:hover .productitem--image-alternate, .productitem:focus .productitem--image-alternate, .visible .productitem .productitem--image-alternate {
visibility: visible;
}
.productitem--badge {
position: absolute;
bottom: 0;
left: 0;
width: auto;
height: auto;
font-size: 0.8125rem;
}
.productitem--info {
position: relative;
z-index: 100;
padding: 0.703125rem 0.9375rem 0;
margin-right: -0.9375rem;
margin-left: -0.9375rem;
word-break: break-word;
background-color: #ffffff;
}
.productgrid--no-spacing .productitem--info {
padding: 0.703125rem 0 0;
margin-right: 0;
margin-left: 0;
background-color: transparent;
}
.productgrid--no-spacing .productitem--info .productitem--swatches-container {
background-color: transparent;
}
.productitem--emphasis .productitem--info {
padding-top: 0;
}
.productitem--price {
font-family: type_product_price_custom;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
}
.productitem--price,
.productitem--price + .productitem--title {
margin-top: 0.234375rem;
}
.productitem--price .price--spacer {
display: block;
height: 1.12125rem;
}
.productitem--emphasis .productitem--price .price--main {
font-size: var(--font-size-body-larger);
margin-top: 0.234375rem;
}
.price--varies .productitem--emphasis .productitem--price .price--main {
font-size: var(--font-size-body-large);
}
.productitem--emphasis .productitem--price .price--main .price--label {
font-size: var(--font-size-body-medium);
}
.productitem--sale .productitem--price .price--main {
color: #111111;
}
.productitem--title {
font-family: type_product_card_title_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-product-card);
margin: 0.234375rem 0 0;
line-height: 1.3125;
text-transform: none;
letter-spacing: normal;
white-space: normal;
}
.productitem--vendor {
font-family: type_product_vendor_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body-smallest);
margin: 0.234375rem 0 0;
display: block;
line-height: 1.3125;
letter-spacing: 0.01em;
color: #555555;
white-space: normal;
}.productitem--vendor {
text-transform: uppercase;
}.productitem--emphasis .productitem--vendor {
margin-top: 0.234375rem;
}
.productitem--ratings .spr-badge {
margin-top: 0.375rem;
margin-bottom: 0.234375rem;
line-height: 1;
}
.productitem--info .productitem--ratings .spr-badge {
margin-bottom: 0;
}
.productitem--actions {
display: flex;
flex-wrap: wrap;
z-index: 50;
margin: 0 -2.5% 0 0;
padding-top: 0.703125rem;
text-align: center;
overflow: hidden;
}
.productitem--actions .product--stock-level {
margin: 0.9375rem 0;
}
.productitem--actions .productitem--listview-price,
.productitem--actions .productitem--listview-stock-level,
.productitem--actions .productitem--listview-badge {
display: none;
}
@media screen and (min-width: 1024px) {
.no-touch .productitem--actions {
/* position: absolute;
right: 0;
bottom: 0;
left: 0;
margin: 0;
visibility: hidden;
opacity: 0; */
border-radius: 0 0 0px 0px;
}
}
.productgrid--no-spacing .productitem--actions {
background: #ffffff;
}
@media screen and (min-width: 1024px) {
.product-row--no-spacing .productitem--actions, .productgrid--no-spacing .productitem--actions {
margin-right: -2.5%;
border-radius: 0;
}
}
.productitem--actions,
.productitem--swatches-show-on-hover {
transition: opacity 0.2s ease 0s;
}
@media screen and (min-width: 1024px) {
.productitem--actions .productgrid--item:hover, .productgrid--item.animating .productitem--actions, .productgrid--item.visible .productitem--actions,
.productitem--swatches-show-on-hover .productgrid--item:hover,
.productgrid--item.animating .productitem--swatches-show-on-hover,
.productgrid--item.visible .productitem--swatches-show-on-hover {
visibility: visible;
}
.productgrid--item.animating-in:not(.animating-out) .productitem--actions,
.productgrid--item.animating-in:not(.animating-out) .productitem--swatches-show-on-hover {
transition: opacity 0.2s ease 0.05s;
}
.productgrid--item.animating-in:not(.animating-out) .productitem--actions, .productgrid--item.visible:not(.animating-out) .productitem--actions, .productgrid--item.visible.animating-out:hover .productitem--actions,
.productgrid--item.animating-in:not(.animating-out) .productitem--swatches-show-on-hover,
.productgrid--item.visible:not(.animating-out) .productitem--swatches-show-on-hover,
.productgrid--item.visible.animating-out:hover .productitem--swatches-show-on-hover {
opacity: 1;
}
.productgrid--item.animating-in.animating-out .productitem--actions,
.productgrid--item.animating-in.animating-out .productitem--swatches-show-on-hover {
opacity: 0;
}
}
.productitem--action {
flex: 1 0 auto;
min-width: 47.5%;
margin-right: 2.5%;
margin-bottom: 2.5%;
overflow: hidden;
border-radius: 10px;
}
@media screen and (min-width: 1024px) {
.no-touch .productgrid--items:not(.productgrid--no-spacing) .productitem--action, .no-touch .product-row:not(.product-row--no-spacing) .productitem--action {
min-width: 50%;
margin-right: 0;
margin-bottom: 0;
overflow: visible;
border-radius: 0;
}
}
@media screen and (max-width: 1023px) {
.productitem--action.productitem-action--desktop {
display: none;
}
}
.productitem--action-trigger {
display: block;
width: 100%;
padding-right: 0.234375rem;
padding-left: 0.234375rem;
text-align: center;
vertical-align: middle;
}
.productgrid-listview .productitem--action-trigger {
border-radius: 10px;
}
.productgrid--items.productgrid--no-spacing .productgrid--item.animating-in .productitem--actions {
transition: opacity 0.2s ease 0.1s;
}
.productgrid--items.productgrid--no-spacing .productgrid--item.animating-out .productitem {
background: transparent;
transition: background-color 0.2s ease, height 0.2s ease 0.3s, box-shadow 0.25s ease;
}
.productgrid--outer.productgrid-gridview .productitem--gridview-stock-level svg {
display: none;
}
.productgrid--outer.productgrid-gridview .productitem--gridview-stock-level .stock-level--text {
font-size: var(--font-size-body-smaller);
}
.productgrid--outer.productgrid-gridview .productitem--gridview-stock-level .product--stock-level {
margin: 0.234375rem 0;
}
@media screen and (min-width: 1024px) {
.no-touch .productgrid--outer.productgrid-gridview .productgrid--items:not(.productgrid--no-spacing) .productitem--action-trigger {
border-radius: 0;
}
.no-touch .productgrid--outer.productgrid-gridview .productgrid--items:not(.productgrid--no-spacing) .productitem--action-trigger.productitem--action-qs {
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
.no-touch .productgrid--outer.productgrid-gridview .productgrid--items:not(.productgrid--no-spacing) .productitem--action-trigger.productitem--action-qs:not(.disabled):hover {
border-right-color: #ffffff;
border-bottom-color: #ffffff;
border-left-color: #ffffff;
}
}
.productgrid--outer.productgrid-listview .productitem--listview-stock-level {
display: block;
text-align: left;
width: 100%;
}
.productgrid--outer.productgrid-listview .productitem--listview-stock-level .product--stock-level {
margin-top: 0.234375rem;
}
@media screen and (min-width: 1024px) {
.productgrid--outer.productgrid-listview .productitem--listview-stock-level .product--stock-level {
justify-content: flex-end;
}
}
.productgrid--outer.productgrid-listview .productitem--listview-stock-level .stock-level--text {
font-size: var(--font-size-body-small);
}
.productitem--action-atc.disabled {
color: #ffffff;
background-color: #000000;
border: 1px solid #000000;
}
.productitem--swatches {
position: relative;
z-index: 1;
display: flex;
align-items: start;
justify-content: flex-start;
height: 16px;
margin-top: 0.234375rem;
margin-bottom: 0.9375rem;
overflow: hidden;
}
.productgrid--outer:not(.productgrid-listview) .productitem--emphasis .productitem--swatches {
margin-top: 0.703125rem;
}
.productitem--swatches-summary + .productitem--swatches {
margin-top: 0.46875rem;
}
.productitem--swatches.processed {
overflow: visible;
}
.productitem--swatches-container {
display: flex;
flex-wrap: wrap;
width: 100%;
padding-right: calc(16px * 1.5);
margin-bottom: -6px;
background: #ffffff;
}
.productitem--swatches-expanded .productitem--swatches-container {
padding-bottom: 0.703125rem;
}
.productitem--swatches-swatch-wrapper {
position: relative;
height: 16px;
padding: 0;
cursor: pointer;
border: 0;
box-shadow: 0 0 0 0.0625rem rgba(33, 33, 33, 0);
transition: box-shadow 0.15s ease;
margin-right: 6px;
margin-bottom: 6px;
overflow: hidden;
}.productitem--swatches-swatch-wrapper {
border-radius: 50%;
}.productitem--swatches-input:checked + .productitem--swatches-swatch-wrapper .productitem--swatches-swatch {
transform: scale(0.8);
transform: scale(var(--swatch-inner-transform-x, 0.8), 0.8);
}.productitem--swatches-count-button {
font-size: var(--font-size-body-smaller);
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
display: none;
position: absolute;
align-items: center;
justify-content: center;
min-width: calc(16px * 1.5);
min-height: 16px;
color: #111111;
cursor: pointer;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
}.productitem--swatches-count-button {
border-radius: 50%;
}.productitem--swatches-count {
text-align: center;
outline: none;
}
.productitem--swatches-expanded .productitem--swatches-count-button::before {
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 2px;
background: #111111;
content: "";
transform: translate(-50%, -50%);
}
.productitem--swatches-expanded .productitem--swatches-count {
display: none;
}
.productitem--swatches-swatch-hidden {
display: none;
}
.productitem--swatches-expanded .productitem--swatches-swatch-hidden {
display: block;
}
.user-is-tabbing .productitem--swatches-input:focus ~ .productitem--swatches-swatch-wrapper {
box-shadow: 0 0 2px 2px #212121;
}
.productitem--swatches-input {
position: absolute;
opacity: 0;
}
.productitem--swatches-swatch {
height: 100%;
overflow: hidden;
pointer-events: none;
transition: transform 0.15s ease;
}.productitem--swatches-swatch {
border-radius: 50%;
}.productitem--swatches-swatch-inner {
width: 16px;
}
.productitem--swatches-show-on-hover {
position: absolute;
left: 0;
width: 100%;
height: auto;
padding: 0 0.9375rem;
margin: 0;
opacity: 0;
visibility: hidden;
overflow: visible;
}
.productgrid--no-spacing .productitem--swatches-show-on-hover {
padding: 0 0 0.46875rem;
}
.productgrid--no-spacing .productitem--swatches-show-on-hover.productitem--swatches {
background: #ffffff;
}
.productitem--swatches-show-on-hover .productitem--swatches-container {
width: 100%;
padding-right: 0;
padding-bottom: 0;
}
.productitem--swatches-summary {
font-size: var(--font-size-body-tiny);
margin-top: 0.46875rem;
line-height: 1.3125;
color: #7c7873;
}
.productitem--image-link {
display: block;
}
.productitem--image {
position: relative;
width: 100%;
height: auto;
padding: 0;
margin: 0;
overflow: hidden;
background-size: 0;
}
.imagestyle--no-image .productitem--image {
height: 0;
padding-bottom: 100%;
}
.productitem--image img {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
background-color: rgba(0,0,0,0);
visibility: hidden;
}
.productitem--image .productitem--image-alternate,
.productitem--image .productitem--image-swatch {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.productitem--image .productitem--image-primary {
visibility: visible;
}
.productitem--image svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.in-theme-editor .imagestyle--small .productitem--image, .in-theme-editor .imagestyle--medium .productitem--image, .in-theme-editor .imagestyle--large .productitem--image {
background-color: #fafafa;
}
.imagestyle--small .productitem--image img,
.imagestyle--small .productitem--image svg, .imagestyle--medium .productitem--image img,
.imagestyle--medium .productitem--image svg, .imagestyle--large .productitem--image img,
.imagestyle--large .productitem--image svg {
position: absolute;
top: 50%;
left: 50%;
height: 100%;
transform: translate(-50%, -50%);
object-fit: contain;
}
.imagestyle--small .productitem--image.product-item-image-no-objectfit, .imagestyle--medium .productitem--image.product-item-image-no-objectfit, .imagestyle--large .productitem--image.product-item-image-no-objectfit {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.imagestyle--small .productitem--image.product-item-image-no-objectfit img, .imagestyle--medium .productitem--image.product-item-image-no-objectfit img, .imagestyle--large .productitem--image.product-item-image-no-objectfit img {
display: none;
}
.imagestyle--small .productitem--image.product-item-image-no-objectfit [data-rimg-canvas], .imagestyle--medium .productitem--image.product-item-image-no-objectfit [data-rimg-canvas], .imagestyle--large .productitem--image.product-item-image-no-objectfit [data-rimg-canvas] {
display: none;
}
.imagestyle--small .productitem--image, .imagestyle--medium .productitem--image, .imagestyle--large .productitem--image, .imagestyle--cropped-small .productitem--image, .imagestyle--cropped-medium .productitem--image, .imagestyle--cropped-large .productitem--image {
height: 0;
}
.imagestyle--small .productitem--image, .imagestyle--cropped-small .productitem--image {
padding-bottom: 75%;
}
.imagestyle--medium .productitem--image, .imagestyle--cropped-medium .productitem--image {
padding-bottom: 100%;
}
.imagestyle--large .productitem--image, .imagestyle--cropped-large .productitem--image {
padding-bottom: 150%;
}
.imagestyle--cropped-small .productitem--image img,
.imagestyle--cropped-small .productitem--image svg, .imagestyle--cropped-medium .productitem--image img,
.imagestyle--cropped-medium .productitem--image svg, .imagestyle--cropped-large .productitem--image img,
.imagestyle--cropped-large .productitem--image svg {
position: absolute;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.imagestyle--cropped-small .productitem--image .productitem--image-alternate,
.imagestyle--cropped-small .productitem--image .productitem--image-swatch, .imagestyle--cropped-medium .productitem--image .productitem--image-alternate,
.imagestyle--cropped-medium .productitem--image .productitem--image-swatch, .imagestyle--cropped-large .productitem--image .productitem--image-alternate,
.imagestyle--cropped-large .productitem--image .productitem--image-swatch {
transform: translate(-50%, 0);
}
.imagestyle--cropped-small .productitem--image.product-item-image-no-objectfit, .imagestyle--cropped-medium .productitem--image.product-item-image-no-objectfit, .imagestyle--cropped-large .productitem--image.product-item-image-no-objectfit {
background-position: center;
background-size: cover;
}
.imagestyle--cropped-small .productitem--image.product-item-image-no-objectfit img, .imagestyle--cropped-medium .productitem--image.product-item-image-no-objectfit img, .imagestyle--cropped-large .productitem--image.product-item-image-no-objectfit img {
display: none;
}
.imagestyle--cropped-small .productitem--image.product-item-image-no-objectfit [data-rimg-canvas], .imagestyle--cropped-medium .productitem--image.product-item-image-no-objectfit [data-rimg-canvas], .imagestyle--cropped-large .productitem--image.product-item-image-no-objectfit [data-rimg-canvas] {
display: none;
}
.productitem-quickshop {
display: none;
}
.modal--quickshop-full {
display: none;
padding: 1.875rem;
}
.modal--quickshop-full .modal-inner {
max-width: 37.5rem;
padding: 2.5rem 0.9375rem 1.640625rem;
}
.modal--quickshop-full .product--outer {
display: block;
}
@media screen and (min-width: 1024px) {
.modal--quickshop-full .product--outer {
display: flex;
}
}
.modal--quickshop-full .product-gallery,
.modal--quickshop-full .product-main {
display: block;
padding: 0;
white-space: normal;
}
.modal--quickshop-full .product-gallery--slider {
position: relative;
width: 100%;
padding: 0;
}
.modal--quickshop-full .product-galley--image-background {
width: 100%;
position: relative;
}
.modal--quickshop-full .product-gallery--navigation {
margin-left: 0;
}
@media screen and (max-width: 719px) {
.modal--quickshop-full .product-gallery--navigation {
padding-left: 1px;
}
}
@media screen and (min-width: 375px) {
.modal--quickshop-full .modal-inner {
padding-left: 1.171875rem;
padding-right: 1.171875rem;
}
}
@media screen and (min-width: 680px) {
.modal--quickshop-full .modal-inner {
padding: 2.5rem 1.875rem 1.640625rem;
}
.modal--quickshop-full .product-gallery,
.modal--quickshop-full .product-main {
display: block;
width: 100%;
}
.modal--quickshop-full .product-main {
margin: 1.640625rem 0 0;
}
}
@media screen and (min-width: 1024px) {
.modal--quickshop-full .modal-inner {
max-width: 52.5rem;
padding: 2.9296875rem;
}
.modal--quickshop-full.quickshop-thumbs-left .modal-inner {
max-width: 60rem;
}
.modal--quickshop-full .product-gallery {
display: inline-block;
width: 47%;
}
.modal--quickshop-full .product-main {
display: inline-block;
width: 46%;
margin-top: 0;
margin-left: 7%;
}
}
.modal--quickshop-slim {
padding: 1.875rem;
}
.modal--quickshop-slim .product-ratings,
.modal--quickshop-slim .product-vendor,
.modal--quickshop-slim .product-gallery,
.modal--quickshop-slim .product-description,
.modal--quickshop-slim .share-buttons {
display: none;
}
.modal--quickshop-slim .modal-inner {
max-width: 31.25rem;
padding: 1.640625rem 0.9375rem;
}
.modal--quickshop-slim .product-main {
width: 100%;
margin-left: 0;
padding-left: 0;
padding-right: 0;
white-space: normal;
}
.modal--quickshop-slim .product-details {
margin-top: 0;
}
.modal--quickshop-slim .product-title {
padding-right: 1rem;
}
@media screen and (min-width: 375px) {
.modal--quickshop-slim .modal-inner {
padding: 1.640625rem 1.171875rem;
}
}
@media screen and (min-width: 680px) {
.modal--quickshop-slim .modal-inner {
padding: 1.875rem;
}
}
@media screen and (min-width: 1024px) {
.modal--quickshop-slim {
padding: 0.625rem;
}
.modal--quickshop-slim .modal-inner {
padding: 2.9296875rem;
}
}
.template-quickshop {
background-color: rgba(33, 33, 33, 0.5);
}
.template-quickshop .shopify-section:not(.product--section) {
display: none;
}
.template-quickshop .product--outer {
max-width: 60rem;
background: white;
padding: 2.9296875rem;
margin: 0 auto;
}
.template-quickshop .site-main {
padding: 2.9296875rem;
}
.product-details {
color: #111111;
}
@media screen and (max-width: 719px) {
.product-details {
margin-top: 1.640625rem;
margin-bottom: 1.171875rem;
}
}
.product-title {
font-size: var(--font-size-heading-3);
margin-top: 0;
margin-bottom: 0;
color: #000000;
line-height: 1.2;
}
@media screen and (min-width: 720px) {
.product-title {
font-size: var(--font-size-heading-1);
}
}
.product-title a {
color: #000000;
text-decoration: none;
}
.product-vendor {
font-family: type_product_vendor_custom;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body);
letter-spacing: 0.01em;
margin-top: 0.234375rem;
line-height: 1.6;
color: #7c7873;
}.product-vendor {
text-transform: uppercase;
}.product-vendor a {
color: #555555;
}
.product-vendor a:hover {
color:
#4a4a4a
;
}
.product-ratings {
margin-top: 0.46875rem;
}
.product-ratings .spr-badge .spr-badge-caption {
margin-left: 0.46875rem;
}
.product-ratings .spr-badge .spr-badge-starrating {
position: relative;
top: -1px;
}
.product-ratings .spr-badge .spr-badge-starrating .spr-icon {
font-size: 0;
letter-spacing: 0;
}
.product-ratings .spr-badge .spr-badge-starrating .spr-icon::before {
font-size: var(--font-size-body-smaller);
}
@media screen and (min-width: 720px) {
.product-ratings .spr-badge .spr-badge-starrating .spr-icon::before {
font-size: calc(0.9375rem + 1px);
}
}
.product-pricing {
font-family: type_product_price_custom;
font-style: normal;
font-weight: 400;
margin-top: 0.703125rem;
margin-bottom: calc(-1 * 0.234375rem);
letter-spacing: 0;
}
@media screen and (min-width: 720px) {
.product-pricing {
margin-top: 0.9375rem;
}
}
.product-sku {
margin-top: 0.234375rem;
font-size: 0.875rem;
line-height: 1.5;
color: #7c7873;
}
.product-sku.product-sku--empty {
display: none;
}
.modal .product-sku {
margin-bottom: 10px;
}
.product--badge {
display: inline-block;
height: 100%;
margin-right: 0.46875rem;
margin-bottom: 0.46875rem;
font-size: 0.8125rem;
white-space: nowrap;
}
.product--price {
display: inline;
}
.product--price .price--compare-at,
.product--price .price--main {
font-size: var(--font-size-heading-4);
margin-bottom: 0.234375rem;
line-height: 1.15;
white-space: nowrap;
}
@media screen and (min-width: 720px) {
.product--price .price--compare-at,
.product--price .price--main {
font-size: calc(0.9375rem * 1.25);
}
}
.product--price .price--main {
display: inline-block;
}
.product--price .price--compare-at {
margin-right: 0.46875rem;
}
.product--price .price--compare-at.visible + .price--main {
color: #111111;
}
.product-section--container {
margin-top: 2.9296875rem;
}
@media screen and (min-width: 1024px) {
.product-section--container {
margin-top: 3.984375rem;
}
}
.product-section--title {
font-size: var(--font-size-heading-4);
margin-bottom: 1.171875rem;
color: #000000;
}
@media screen and (min-width: 860px) {
.product-section--title {
margin-bottom: 1.640625rem;
}
}
.product-section--content {
margin-top: 1.171875rem;
}
@media screen and (min-width: 860px) {
.product-section--content {
margin-top: 1.640625rem;
}
}
.product-message--container {
display: none;
max-height: 200px;
overflow: hidden;
}
.product-message--container.visible {
display: block;
}
.product-message--container div {
padding: 0.703125rem;
}
.product-message--error {
outline: none;
}
:root {
--color-body-text: #111111;
--color-body: #ffffff;
--color-bg: #ffffff;
}
.modal--quickshop-full {
--payment-terms-background-color: #ffffff;
}
shopify-payment-terms {
display: block;
padding-bottom: 0.703125rem;
margin-top: 0.46875rem;
}
@media screen and (min-width: 1024px) {
.layout--three-col shopify-payment-terms {
padding-bottom: 0;
}
}
.price--compare-at {
display: none;
font-size: 0.8125rem;
line-height: 1.38;
color: #b4b4b4;
text-decoration: line-through;
}
.price--compare-at.visible {
display: inline-block;
}
.price--main {
margin-right: 0.234375rem;
font-size: var(--font-size-body);
line-height: 1.4375rem;
color: #000000;
}
.product__unit-price {
display: inline-block;
margin-bottom: 0.234375rem;
font-size: var(--font-size-body-smallest);
color: rgba(17, 17, 17, 0.8);
}
.product__unit-price.hidden {
display: none;
}
.productgrid--item .product__unit-price {
margin-top: 0.234375rem;
}
.product__tax {
margin-top: 0.234375rem;
margin-bottom: 1.640625rem;
font-size: var(--font-size-body-smallest);
color: rgba(17, 17, 17, 0.8);
}
.product__tax a {
color: rgba(17, 17, 17, 0.8);
}
.product__tax.hidden {
display: none;
}
.badge--soldout,
.badge--sale {
padding: 0.234375rem 0.3125rem;
letter-spacing: -0.005em;
text-decoration: none;
vertical-align: middle;
}.badge--soldout,
.badge--sale {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
}.badge--soldout {
color: #ffffff;
background-color: #000000;
border: 0;
}
.badge--sale {
color: #111111;
background-color: #f0e7e0;
}
.product-reviews--content .spr-container {
padding: 0;
border: 0;
}
.product-reviews--content .spr-header {
padding: 1.640625rem 0;
}
.product-reviews--content .spr-header-title {
font-size: var(--font-size-heading-4);
margin-bottom: 0;
color: #000000;
}
@media only screen and (max-width: 480px) {
.product-reviews--content .spr-summary,
.product-reviews--content .spr-header-title {
text-align: left;
}
}
.product-reviews--content .spr-summary {
position: relative;
margin-top: 0.703125rem;
}
.product-reviews--content .spr-summary .spr-starrating {
display: block;
margin-right: 0.234375rem;
}
@media screen and (min-width: 720px) {
.product-reviews--content .spr-summary .spr-starrating {
display: inline-block;
}
}
.product-reviews--content .spr-summary .spr-starrating .spr-icon {
font-size: 0;
letter-spacing: 0;
}
.product-reviews--content .spr-summary .spr-starrating .spr-icon::before {
font-size: var(--font-size-body-medium);
line-height: 1.333;
}
.product-reviews--content .spr-summary-caption {
font-size: var(--font-size-body);
display: block;
margin-top: 0.703125rem;
line-height: 1.5;
color: #111111;
vertical-align: bottom;
}
@media screen and (min-width: 720px) {
.product-reviews--content .spr-summary-caption {
display: inline-block;
margin-top: calc((1.40625rem - 0.9375rem) / 2);
}
}
.product-reviews--content .spr-summary-caption span.spr-summary-actions-togglereviews {
color: #7c7873;
}
.product-reviews--content .spr-summary-caption a.spr-summary-actions-togglereviews {
opacity: 1;
}
.product-reviews--content .spr-summary-actions {
display: block;
margin-top: 1.640625rem;
}
@media screen and (min-width: 720px) {
.product-reviews--content .spr-summary-actions {
position: absolute;
right: 0;
bottom: 0;
margin-top: 0;
}
}
.product-reviews--content .spr-summary-actions-newreview {
float: none;
}
.product-reviews--content .spr-form {
padding: 1.640625rem 0;
margin-top: 0;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 720px) {
.product-reviews--content .spr-form {
padding-top: 2.9296875rem;
padding-bottom: 2.9296875rem;
}
}
.product-reviews--content .spr-form .spr-form-title {
font-size: var(--font-size-heading-4);
color: #000000;
}
.product-reviews--content .spr-form form {
max-width: 40rem;
margin-right: auto;
margin-left: auto;
}
.product-reviews--content .spr-form .spr-form-label {
font-style: normal;
display: block;
margin-top: 1.640625rem;
letter-spacing: -0.005em;
color: #111111;
}
.product-reviews--content .spr-form .spr-form-contact-name .spr-form-label {
margin-top: 0.9375rem;
}
.product-reviews--content .spr-form .spr-form-input {
display: block;
margin-top: 0.703125rem;
}
.product-reviews--content .spr-form .spr-form-input:-ms-input-placeholder {
transform: translateY(0);
}
.product-reviews--content .spr-form .spr-form-input::placeholder {
transform: translateY(0);
}
.product-reviews--content .spr-form .spr-form-input-text,
.product-reviews--content .spr-form .spr-form-input-email,
.product-reviews--content .spr-form .spr-form-input-textarea {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
margin-bottom: 0;
}
.product-reviews--content .spr-form .spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-textarea:-ms-input-placeholder {
color: #212121;
opacity: 0.4;
}
.product-reviews--content .spr-form .spr-form-input-text::placeholder,
.product-reviews--content .spr-form .spr-form-input-email::placeholder,
.product-reviews--content .spr-form .spr-form-input-textarea::placeholder {
color: #212121;
opacity: 0.4;
}
.product-reviews--content .spr-form .spr-form-input-text.spr-form-input-error,
.product-reviews--content .spr-form .spr-form-input-email.spr-form-input-error,
.product-reviews--content .spr-form .spr-form-input-textarea.spr-form-input-error {
border-color: #f05d5d;
}
.product-reviews--content .spr-form .spr-form-review-rating .spr-icon {
font-size: 0;
letter-spacing: 0;
}
.product-reviews--content .spr-form .spr-form-review-rating .spr-icon::before {
font-size: var(--font-size-heading-3);
}
.product-reviews--content .spr-form .spr-form-actions {
margin-top: 1.640625rem;
}
.product-reviews--content .spr-form .spr-button-primary {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
float: none;
}.product-reviews--content .spr-form .spr-button-primary {
text-transform: uppercase;
}.product-reviews--content .spr-form .spr-form-contact-name,
.product-reviews--content .spr-form .spr-form-contact-email,
.product-reviews--content .spr-form .spr-form-contact-location,
.product-reviews--content .spr-form .spr-form-review-rating,
.product-reviews--content .spr-form .spr-form-review-title,
.product-reviews--content .spr-form .spr-form-review-body {
margin-bottom: 0;
}
.product-reviews--content .spr-content .spr-reviews {
padding: calc(1.875rem / 2) 0;
margin-top: 0;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.product-reviews--content .spr-content .spr-review {
padding: calc(1.875rem / 2) 0;
margin: 0;
border: 0;
}
@media screen and (min-width: 720px) {
.product-reviews--content .spr-content .spr-review {
float: left;
width: calc(50% - 1.171875rem);
}
.product-reviews--content .spr-content .spr-review:nth-child(2n+1) {
margin-right: calc(1.171875rem * 2);
clear: left;
}
}
.product-reviews--content .spr-content .spr-review:first-child {
margin-top: 0;
}
.product-reviews--content .spr-content .spr-review .spr-review-header-starratings {
margin-bottom: 0.234375rem;
}
.product-reviews--content .spr-content .spr-review .spr-review-header-title {
font-size: var(--font-size-heading-4);
margin-top: 0.46875rem;
color: #000000;
}
.product-reviews--content .spr-content .spr-review .spr-review-header-byline {
font-size: var(--font-size-body-small);
display: block;
margin-top: 0.46875rem;
margin-bottom: 0;
font-style: normal;
color: #7c7873;
opacity: 1;
}
.product-reviews--content .spr-content .spr-review .spr-review-header-byline strong {
font-style: normal;
font-weight: 400;
letter-spacing: -0.005em;
}
.product-reviews--content .spr-content .spr-review .spr-review-content {
margin-top: 0.703125rem;
margin-bottom: 0;
}
.product-reviews--content .spr-content .spr-review .spr-review-content .spr-review-content-body {
font-size: var(--font-size-body);
line-height: 1.625;
}
.product-reviews--content .spr-content .spr-review .spr-review-reply {
padding: 0.9375rem;
margin-top: 1.171875rem;
margin-bottom: 0;
background-color: #fafafa;
}
.product-reviews--content .spr-content .spr-review .spr-review-reply .spr-review-reply-body {
font-size: var(--font-size-body-smaller);
}
.product-reviews--content .spr-content .spr-review .spr-review-footer {
margin-top: 1.171875rem;
}
.product-reviews--content .spr-content .spr-review .spr-review-footer a {
font-size: 0.75rem;
}
.product-reviews--content .spr-content .spr-pagination {
padding: 1.640625rem 0 0;
clear: both;
border-top: 0;
}
.product-reviews--content .spr-content .spr-pagination a {
padding: 0 0.5625rem;
}
.product-reviews--content .spr-content .spr-pagination-page {
display: inline-block;
color: #111111;
}
.product-reviews--content .spr-content .spr-pagination-page.is-active {
padding: 0.5625rem;
}
.product-reviews--content .spr-content .spr-pagination-prev,
.product-reviews--content .spr-content .spr-pagination-next {
position: relative;
right: auto;
left: auto;
display: inline-block;
}
.product-recently-viewed--section {
position: relative;
}
.product-recently-viewed--section.hide {
display: none;
}
.product-recently-viewed--section .flickity-prev-next-button {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.07);
border-radius: 50%;
opacity: 1;
transform: scale(1);
transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1), fill 0.3s;
background-clip: padding-box;
}
@media screen and (max-width: 719px) {
.product-recently-viewed--section .flickity-prev-next-button {
display: none;
}
}
.product-recently-viewed--section .flickity-prev-next-button svg {
top: 10px;
left: 10px;
display: block;
width: 16px;
height: 16px;
fill: #111111;
}
.product-recently-viewed--section .flickity-prev-next-button:disabled {
display: none;
}
.product-recently-viewed--section .flickity-prev-next-button:hover {
opacity: 1;
transform: scale(1.2);
}
.product-recently-viewed--section .flickity-prev-next-button.next {
right: -18px;
}
.product-recently-viewed--section .flickity-prev-next-button.previous {
left: -18px;
}
.product-recently-viewed-wrapper {
position: relative;
padding: 1.640625rem 25px 0;
background-color: #fafafa;
border-radius: 0px;
}
@media screen and (min-width: 860px) {
.product-recently-viewed-wrapper {
padding: 1.875rem 40px 0;
}
}
.product-recently-viewed--content {
display: flex;
width: 100%;
padding: 0;
padding-bottom: 1.640625rem;
margin: 1.875rem auto 0;
overflow: hidden;
outline: 0;
}
@media screen and (min-width: 860px) {
.product-recently-viewed--content {
padding-bottom: 1.875rem;
}
}
@media screen and (max-width: 719px) {
.product-recently-viewed--content {
width: calc(100% + 2 * 25px);
margin-right: -25px;
margin-left: -25px;
}
}
.product-recently-viewed--content.product-recently-viewed--no-spacing .product-recently-viewed-card {
background-color: transparent;
}
.product-recently-viewed--content.product-recently-viewed--no-spacing .productitem {
padding: 0;
background-color: transparent;
}
.product-recently-viewed--content.product-recently-viewed--no-spacing .productitem:hover, .product-recently-viewed--content.product-recently-viewed--no-spacing .productitem:focus {
box-shadow: none;
}
.product-recently-viewed--content.product-recently-viewed--no-spacing .productitem--info,
.product-recently-viewed--content.product-recently-viewed--no-spacing .productitem--swatches-container {
background-color: transparent;
}
.product-recently-viewed-header {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.product-recently-viewed-heading {
font-size: var(--font-size-heading-4);
margin: 0;
margin-right: 10px;
color: #000000;
}
@media screen and (max-width: 859px) {
.product-recently-viewed-heading {
margin-bottom: 0.234375rem;
}
}
.product-recently-viewed-clear {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
padding: 0;
font-size: 0.8203125rem;
letter-spacing: -0.005em;
cursor: pointer;
background-color: transparent;
border: none;
}.product-recently-viewed-card {
font-size: var(--font-size-body-small);
width: 10.9375rem;
padding: 0;
height: auto;
margin-right: 10px;
margin-bottom: 4px;
background: #fff;
transition: transform 0s, opacity 0.25s;
list-style-type: none;
}
.product-recently-viewed-card .productitem {
padding-top: 10px;
}
.product-recently-viewed-card.hide-card {
opacity: 0;
}
.product-recently-viewed-card.move-card {
transform: translateX(calc(-100% - 10px));
transition: transform 0.5s, opacity 0.25s;
}
@media screen and (max-width: 719px) {
.product-recently-viewed-card:first-child {
width: 12.5rem;
padding-left: 25px;
background-clip: content-box;
}
.product-recently-viewed-card:last-child {
width: 12.5rem;
padding-right: 25px;
background-clip: content-box;
}
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.product-recently-viewed-card {
margin-right: calc(10px * 2 / 3);
}
}
@media screen and (min-width: 860px) {
.product-recently-viewed-card {
width: 12.5rem;
}
}
@media screen and (min-width: 1080px) {
.product-recently-viewed-card {
margin-right: 10px;
}
}
.product-recently-viewed-card-time {
font-size: var(--font-size-body-smallest);
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.703125rem;
line-height: 1;
opacity: 0.7;
}
@media screen and (min-width: 860px) {
.product-recently-viewed-card-time {
font-size: var(--font-size-body-smaller);
}
}
.product-recently-viewed-card-remove {
padding: 5px;
margin-right: -5px;
color: #111111;
cursor: pointer;
background-color: transparent;
border: 0;
}
.product-recently-viewed-card-remove svg {
display: block;
fill: currentColor;
}
.product-recently-viewed-card-image.product-recently-viewed-card-image-placeholder {
background-color: #ececec;
}
.product-recently-viewed-card-price {
padding: 20px 0 5px;
}
.product-recently-viewed-card-price .price--main {
color: #000000;
}
.product-recently-viewed-card-price .product--badge {
font-size: var(--font-size-body-smaller);
}
.product-recently-viewed-card-title {
position: relative;
display: block;
height: 45px;
color: #111111;
font-size: var(--font-size-body-small);
line-height: 1.5;
text-decoration: none;
overflow: hidden;
}
.product-recently-viewed-card-title:after {
content: "";
position: absolute;
width: 40%;
height: 1.25rem;
right: 0;
bottom: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%);
text-align: right;
}
.product-gallery {
position: relative;
}
.product-gallery--viewer {
position: relative;
width: 100%;
overflow: hidden;
transition: height 0.2s ease;
}
@media screen and (min-width: 720px) {
.product-gallery--viewer {
margin-top: 0;
}
}
@media screen and (min-width: 1024px) {
.hover-zoom-enabled .product-gallery--viewer {
cursor: crosshair;
}
}
.click-to-zoom-enabled .product-gallery--viewer {
cursor: pointer;
}
.product-gallery--viewer.product-gallery--has-media .product-gallery--media:not([data-gallery-selected=true]) {
position: absolute;
opacity: 0;
}
.product-gallery:not([data-product-gallery-aspect-ratio=natural]) .product-gallery--image-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
}
[data-product-gallery-aspect-ratio=natural] .product-gallery--image-background {
background-size: 0;
}
[data-product-gallery-aspect-ratio=natural] .product-gallery--external_video {
padding-bottom: 56.25%;
}
[data-product-gallery-aspect-ratio=short] .product-gallery--media,
[data-product-gallery-aspect-ratio=square] .product-gallery--media,
[data-product-gallery-aspect-ratio=tall] .product-gallery--media,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--media,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--media,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--media {
height: 0;
}
[data-product-gallery-aspect-ratio=short] .product-gallery--loaded-image,
[data-product-gallery-aspect-ratio=square] .product-gallery--loaded-image,
[data-product-gallery-aspect-ratio=tall] .product-gallery--loaded-image {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
margin: 0 auto;
transform: translate(-50%, -50%);
}
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--media img,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--media img,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--media img {
position: absolute;
top: 0;
left: 0;
overflow-x: hidden;
transform: none;
}
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--media img[data-rimg=noscript],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--media img[data-rimg=noscript],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--media img[data-rimg=noscript] {
width: 100%;
height: 100%;
object-fit: cover;
}
[data-product-gallery-aspect-ratio=short] .product-gallery--media,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--media {
padding-bottom: 75%;
}
[data-product-gallery-aspect-ratio=square] .product-gallery--loaded-image,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--loaded-image {
height: 100%;
}
[data-product-gallery-aspect-ratio=square] .gallery-image-wide .product-gallery--loaded-image,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .gallery-image-wide .product-gallery--loaded-image {
height: auto;
width: 100%;
}
[data-product-gallery-aspect-ratio=square] .product-gallery--media,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--media {
padding-bottom: 100%;
}
[data-product-gallery-aspect-ratio=tall] .product-gallery--media,
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--media {
padding-bottom: 150%;
}
.product-gallery--media {
width: 100%;
margin: 0;
overflow: hidden;
outline: none;
opacity: 0;
transition: opacity 0.2s ease;
}
.product-gallery--media video,
.product-gallery--media .video,
.product-gallery--media .shopify-model-viewer-ui {
display: none;
}
.product-gallery--media[data-gallery-selected=true] video,
.product-gallery--media[data-gallery-selected=true] .video,
.product-gallery--media[data-gallery-selected=true] .shopify-model-viewer-ui {
display: block;
}
@media screen and (max-width: 719px) {
.flickity-enabled .product-gallery--media, .product-gallery--media[data-gallery-selected=true] {
opacity: 1;
}
}
@media screen and (min-width: 720px) {
.product-gallery--media {
left: 0 !important;
z-index: -1;
opacity: 0;
}
.product-gallery--media.product-gallery--image-placeholder, .product-gallery--media[data-gallery-selected=true], .product-gallery--media.is-selected {
z-index: 0;
opacity: 1;
}
}
.product-gallery--media img {
background-color: rgba(0,0,0,0);
}
[data-product-gallery-aspect-ratio=natural] .product-gallery--media img,
.product-gallery--media svg {
display: block;
width: 100%;
margin: 0 auto;
transform: none;
}
[data-lazy-loading-disabled] [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .product-gallery--loaded-image,
[data-lazy-loading-disabled] [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .product-gallery--loaded-image,
[data-lazy-loading-disabled] [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .product-gallery--loaded-image {
opacity: 0;
}
.product-gallery--navigation {
position: relative;
width: 100%;
margin-top: 0.46875rem;
margin-left: -0.125rem;
padding-bottom: 0.125rem;
font-size: 0;
text-align: left;
transition: opacity 0.2s ease;
}
.product-gallery--navigation.loading {
position: absolute;
opacity: 0;
}
.product-gallery--navigation::-webkit-scrollbar {
display: none;
}
@media screen and (min-width: 720px) {
.product-gallery--navigation {
margin-top: 0.46875rem;
margin-right: -0.3125rem;
margin-left: -0.3125rem;
}
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
.modal--quickshop-full .product-gallery--navigation {
margin-top: 0.46875rem;
margin-right: 0;
margin-left: 0;
}
}
.gallery-navigation--scroll-button {
position: absolute;
height: 100%;
width: 2rem;
display: none;
background: #ffffff;
color: #000000;
border-top: none;
border-bottom: none;
outline: none;
z-index: 2;
transform: translate3d(0, 0, 0);
cursor: pointer;
}
.gallery-navigation--scroll-button.visible {
display: block;
}
.gallery-navigation--scroll-button.scroll-left {
left: 0;
padding-left: 0;
border-right: 1px solid rgba(128, 128, 128, 0.3);
border-left: none;
}
.gallery-navigation--scroll-button.scroll-left svg {
transform: rotate(90deg);
}
.gallery-navigation--scroll-button.scroll-right {
right: 0;
padding-right: 0;
border-right: none;
border-left: 1px solid rgba(128, 128, 128, 0.3);
}
.gallery-navigation--scroll-button.scroll-right svg {
transform: rotate(270deg);
}
.modal--quickshop-full .gallery-navigation--scroll-button {
background: #ffffff;
}
.featured-product--container .gallery-navigation--scroll-button {
background: #ffffff;
}
.gallery-navigation--scroller {
padding-top: 0.234375rem;
padding-bottom: 0.234375rem;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
scroll-behavior: smooth;
}
.gallery-navigation--scroller .product-gallery--media-thumbnail:last-child {
margin-right: 10px;
}
.gallery-navigation--scroller::-webkit-scrollbar {
display: none;
}
@media screen and (min-width: 720px) {
.gallery-navigation--scroller {
overflow: visible;
white-space: normal;
}
.gallery-navigation--scroller .product-gallery--media-thumbnail:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
.modal--quickshop-full .gallery-navigation--scroller {
overflow: scroll;
white-space: nowrap;
}
.modal--quickshop-full .gallery-navigation--scroller .product-gallery--media-thumbnail:last-child {
margin-right: 10px;
}
}
.product-gallery--media-thumbnail {
position: relative;
display: inline-block;
height: 4rem;
padding: 2px;
margin-right: 0.1875rem;
margin-left: 0.1875rem;
vertical-align: middle;
border-radius: 2px;
box-shadow: 0 0 2px transparent;
transition: box-shadow 0.1s linear;
}
@media screen and (min-width: 720px) {
.product-gallery--media-thumbnail {
margin-top: 0.375rem;
}
}
@media screen and (min-width: 1280px) {
.product-gallery--media-thumbnail {
height: 4.9375rem;
}
.modal--quickshop-full .product-gallery--media-thumbnail {
height: 4rem;
}
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
.modal--quickshop-full .product-gallery--media-thumbnail {
margin-top: 0;
}
}
.no-js .product-gallery--media-thumbnail {
cursor: default;
}
.product-gallery--media-thumbnail:focus {
outline: none;
box-shadow: 0 0 0 2px #d7d7d7;
}
.product-gallery--media-thumbnail[data-gallery-selected=true] {
box-shadow: 0 0 0 2px #d7d7d7;
}
.product-gallery--media-thumbnail[data-gallery-selected=true]:focus {
box-shadow: 0 0 0 2px #d7d7d7, 0 0 10px 0 #d7d7d7;
}
.product-gallery--media-thumbnail .icon-play-thumb,
.product-gallery--media-thumbnail .icon-model-thumb {
position: absolute;
top: 0.3125rem;
right: 0.3125rem;
width: 1.25rem;
height: 1.25rem;
background: #ffffff;
color: #000000;
z-index: 1;
border-radius: calc(10px / 2);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
pointer-events: none;
}
.no-js .product-gallery--media-thumbnail .icon-play-thumb,
.no-js .product-gallery--media-thumbnail .icon-model-thumb {
display: none;
}
.product-gallery--media-thumbnail-img {
display: block;
max-width: 100%;
height: 100%;
pointer-events: none;
}
.product-gallery--media-thumbnail:focus,
.product-gallery--media-thumbnail-img-wrapper:focus {
outline: none;
}
@media screen and (min-width: 720px) {
[data-product-gallery-thumbnails=left] {
display: flex;
}
[data-product-gallery-thumbnails=left] .product-gallery--navigation {
flex: 1 0 auto;
max-width: 4.375rem;
max-height: 34.375rem;
padding: 0;
margin-top: 0;
margin-right: 1.640625rem;
}
}
@media screen and (min-width: 720px) and (min-width: 720px) {
.layout--two-col-medium [data-product-gallery-thumbnails=left] .product-gallery--navigation, .layout--two-col-large [data-product-gallery-thumbnails=left] .product-gallery--navigation {
max-height: 30rem;
max-width: 4.25rem;
}
}
@media screen and (min-width: 720px) and (min-width: 860px) {
.layout--two-col-large [data-product-gallery-thumbnails=left] .product-gallery--navigation {
max-width: 4.875rem;
max-height: 35rem;
}
}
@media screen and (min-width: 720px) {
[data-product-gallery-thumbnails=left] .gallery-navigation--scroller {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 4.75rem;
max-height: 34.375rem;
overflow-x: hidden;
overflow-y: auto;
}
[data-product-gallery-thumbnails=left] .gallery-navigation--scroller::-webkit-scrollbar {
display: block;
width: 8px;
}
[data-product-gallery-thumbnails=left] .gallery-navigation--scroller::-webkit-scrollbar-track {
background-color: #fafafa;
}
[data-product-gallery-thumbnails=left] .gallery-navigation--scroller::-webkit-scrollbar-thumb {
background-color: #eaeaea;
}
}
@media screen and (min-width: 720px) {
[data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail {
width: 4rem;
height: auto;
margin-top: -2px;
margin-bottom: 0.375rem;
}
}
@media screen and (min-width: 720px) and (min-width: 720px) {
.layout--two-col-medium [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail, .layout--two-col-large [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail {
width: 4.25rem;
}
}
@media screen and (min-width: 720px) and (min-width: 860px) {
.layout--two-col-large [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail {
width: 4.875rem;
}
}
@media screen and (min-width: 720px) {
[data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail-img-wrapper {
width: 100%;
height: auto;
}
}
@media screen and (min-width: 720px) {
[data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail-img {
width: 100%;
height: auto;
max-width: auto;
max-height: 100%;
}
}
@media screen and (min-width: 720px) {
[data-product-gallery-thumbnails=left] .product-gallery--viewer {
padding: 0;
}
}
@media screen and (min-width: 720px) {
[data-product-gallery-thumbnails=left] .product-gallery--thumbnail {
width: 100%;
}
}
@media screen and (min-width: 720px) {
[data-product-gallery-thumbnails=left] .product-gallery--slider {
padding: 0;
}
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
.modal--quickshop-full [data-product-gallery-thumbnails=left] {
display: block;
}
.modal--quickshop-full [data-product-gallery-thumbnails=left] .product-gallery--navigation {
max-width: none;
max-height: none;
margin-top: 0.46875rem;
margin-right: 0;
}
.modal--quickshop-full [data-product-gallery-thumbnails=left] .gallery-navigation--scroller {
display: block;
max-height: none;
}
.modal--quickshop-full [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail {
width: auto;
height: 4rem;
margin-top: 0;
margin-bottom: 0;
}
.modal--quickshop-full [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail-img-wrapper {
width: auto;
height: 100%;
}
.modal--quickshop-full [data-product-gallery-thumbnails=left] .product-gallery--media-thumbnail-img {
height: 100%;
width: auto;
max-width: 100%;
max-height: auto;
}
}
@media screen and (min-width: 1024px) {
.modal--quickshop-full [data-product-gallery-thumbnails=left] {
display: flex;
}
}
.product-gallery--external-video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.product-gallery--external-video .video {
width: 100%;
height: 100%;
padding-bottom: 0;
}
.product-gallery--video video {
width: 100%;
}
.product-gallery--model {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
}
.product-gallery--viewinyourspace {
font-family: type_body_custom;
font-style: normal;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
color: #111111;
background-color: rgba(0, 0, 0, 0.08);
border: 0;
}
.product-gallery--viewinyourspace[data-shopify-xr-hidden] {
visibility: hidden;
}
@media screen and (min-width: 720px) {
.product-gallery--viewinyourspace[data-shopify-xr-hidden] {
display: none;
}
}
.product-gallery--viewinyourspace svg {
width: 44px;
height: 44px;
}
@keyframes drift-fadeZoomIn {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes drift-fadeZoomOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes drift-fadeIn {
0% {
transform: scale(1);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes drift-fadeOut {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
@keyframes drift-loader-rotate {
0% {
transform: translate(-50%, -50%) rotate(0);
}
50% {
transform: translate(-50%, -50%) rotate(180deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.product-gallery--zoomed-image {
position: sticky;
display: block;
bottom: 100%;
left: 100%;
height: 0;
width: 0;
z-index: 1;
}
.drift-zoom-pane {
background: #fff;
/* This is required because of a bug that causes border-radius to not
work with child elements in certain cases. */
transform: translate3d(0, 0, 0);
z-index: 3;
box-shadow: 0 1px 5px rgba(127, 127, 127, 0.02), 0 5px 18px rgba(127, 127, 127, 0.2);
}
.product-gallery--zoomed-image .drift-zoom-pane {
height: 34.375rem;
width: 34.375rem;
left: 25px;
}
@media screen and (max-width: 1279px) {
.layout--two-col .product-gallery--zoomed-image .drift-zoom-pane {
height: 28.125rem;
width: 28.125rem;
}
}
.layout--two-col-medium .product-gallery--zoomed-image .drift-zoom-pane {
height: 25rem;
width: 25rem;
}
@media screen and (min-width: 1280px) {
.layout--two-col-medium .product-gallery--zoomed-image .drift-zoom-pane {
height: 31.25rem;
width: 31.25rem;
}
}
.layout--two-col-large .product-gallery--zoomed-image .drift-zoom-pane {
height: 21.875rem;
width: 21.875rem;
}
@media screen and (min-width: 1280px) {
.layout--two-col-large .product-gallery--zoomed-image .drift-zoom-pane {
height: 28.125rem;
width: 28.125rem;
}
}
.drift-zoom-pane img {
top: 0;
left: 0;
}
.drift-zoom-pane.drift-opening {
animation: drift-fadeZoomIn 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.product-gallery--image .drift-zoom-pane.drift-opening {
animation: drift-fadeIn 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.drift-zoom-pane.drift-closing {
animation: drift-fadeZoomOut 150ms cubic-bezier(0, 0, 0.2, 1);
}
.product-gallery--image .drift-zoom-pane.drift-closing {
animation: drift-fadeOut 150ms cubic-bezier(0, 0, 0.2, 1);
}
.drift-zoom-pane.drift-inline {
position: absolute;
width: 150px;
height: 150px;
border-radius: 75px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
.drift-zoom-pane-loader {
position: absolute;
top: 50%;
left: 50%;
display: none;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
animation: drift-loader-rotate 0.6s infinite linear;
}
.drift-loading .drift-zoom-pane-loader {
display: block;
}
.drift-zoom-pane-loader::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
font-size: 0;
content: url('data:image/svg+xml;utf8, ');
transform: translate(-50%, -50%);
}
.drift-bounding-box {
background: rgba(255, 255, 255, 0.25);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4) inset;
z-index: 500;
}
/*! 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;
-ms-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
*/
/*