/** Shopify CDN: Minification failed
Line 1343:19 Expected identifier but found whitespace
Line 1343:21 Unexpected "{"
Line 1343:27 Expected ":"
Line 1344:9 Expected identifier but found whitespace
Line 1344:10 Unexpected "1px"
Line 1344:21 Unexpected "{"
Line 1344:27 Expected ":"
Line 2204:14 Expected identifier but found whitespace
Line 2204:15 Unexpected "2px"
Line 2204:26 Unexpected "{"
... and 10 more hidden warnings
**/
@charset "UTF-8";
@font-face {
font-family: Slate;
font-weight: 200;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/slate/slate_n2.6938b26d0842012527f8ebdeae2c8a6d8c4c7f33.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=dffbe9da0a0e159205d71b98a8c1a26a398bebf1ae39d7b026dc1cac960bddb6") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/slate/slate_n2.88f5964c512eb93a41751495ba3f975d44414106.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=56dac3e88a816397c1c1c5e0dd969a348b450c448ddcd1e231ee3cda07acb82a") format("woff");
}
@font-face {
font-family: Slate;
font-weight: 200;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/slate/slate_i2.43e931ade9797bb754cacad6f0253e1196be688c.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=712346b8c2b8f1b533d789ee1cfc8a79a113bfe603e4ae0e819fe6a8b6c1997e") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/slate/slate_i2.ce3aed1818e3ff367ffcf2c5835e95004bdfc4dc.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=d5432745fe090bb08b0014659bb4fbc150006c700f81e08facb889510e797474") format("woff");
}
@font-face {
font-family: Slate;
font-weight: 400;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/slate/slate_n4.faa35720632c2e0584b79394c950a1330379d438.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=68d55cc55408488f22494d73c5e72602cce52c02ff43255cc3d511aa5e2b0750") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/slate/slate_n4.39937dd01f008e721ee0d671d98c76d5486c4fe2.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=04f67c6d8560512a0c97b46c4361267a5bc00f7f30f9ba0ad0874c08b09ea517") format("woff");
}
@font-face {
font-family: Slate;
font-weight: 400;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/slate/slate_i4.92c270cab6020b468d822f033bafa8e4f679dec5.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=9d13191dbd149a2069510dd4d02d0110d25a3241b7ec5876d649b45bb9a0e9fc") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/slate/slate_i4.ec2f912a0970fed2874fda8d8d3af7d91df6df66.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=737aafa12dc28e430fdc2384ba60b2b681ecc6a6a1cc97425ef7e57f6aabed08") format("woff");
}
@font-face {
font-family: Slate;
font-weight: 400;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/slate/slate_n4.faa35720632c2e0584b79394c950a1330379d438.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=68d55cc55408488f22494d73c5e72602cce52c02ff43255cc3d511aa5e2b0750") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/slate/slate_n4.39937dd01f008e721ee0d671d98c76d5486c4fe2.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=04f67c6d8560512a0c97b46c4361267a5bc00f7f30f9ba0ad0874c08b09ea517") format("woff");
}
@font-face {
font-family: Slate;
font-weight: 400;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/slate/slate_i4.92c270cab6020b468d822f033bafa8e4f679dec5.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=9d13191dbd149a2069510dd4d02d0110d25a3241b7ec5876d649b45bb9a0e9fc") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/slate/slate_i4.ec2f912a0970fed2874fda8d8d3af7d91df6df66.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=737aafa12dc28e430fdc2384ba60b2b681ecc6a6a1cc97425ef7e57f6aabed08") format("woff");
}
@font-face {
font-family: Slate;
font-weight: 700;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/slate/slate_n7.44dd0ad8af665e8eb61c329806c8f1fb23216de5.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=7a7f3a98b1fab9f4643c801790fc9a352e66e8eea9c4577fe53e4701e365e5e2") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/slate/slate_n7.cbed0054b50c5df7cfdad012cfa08f2e74972e87.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=ba41427855e155ed375d70431f97eabc1a730f443cec440678ea0ebb389b1e7e") format("woff");
}
@font-face {
font-family: Slate;
font-weight: 700;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/slate/slate_i7.aa42ffb250ded5368f621c28745bf015f5786d98.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=a054acdc9a88fe497667c8425b1ee6e226b6f5056087bfe05307407f4c603590") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/slate/slate_i7.6c511ee07d0f6186c306c79850e429eb496386d4.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=5bfabf06506db98e13b0e83c817a700a95b8b985aa5ecd59a0b9ce76270dcbd6") format("woff");
}
@font-face {
font-family: Slate;
font-weight: 200;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/slate/slate_n2.6938b26d0842012527f8ebdeae2c8a6d8c4c7f33.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=dffbe9da0a0e159205d71b98a8c1a26a398bebf1ae39d7b026dc1cac960bddb6") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/slate/slate_n2.88f5964c512eb93a41751495ba3f975d44414106.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=56dac3e88a816397c1c1c5e0dd969a348b450c448ddcd1e231ee3cda07acb82a") format("woff");
}
@font-face {
font-family: Slate;
font-weight: 200;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/slate/slate_i2.43e931ade9797bb754cacad6f0253e1196be688c.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=712346b8c2b8f1b533d789ee1cfc8a79a113bfe603e4ae0e819fe6a8b6c1997e") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/slate/slate_i2.ce3aed1818e3ff367ffcf2c5835e95004bdfc4dc.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=d5432745fe090bb08b0014659bb4fbc150006c700f81e08facb889510e797474") format("woff");
}
@font-face {
font-family: "Optima nova";
font-weight: 600;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_n6.8cdcaeab0019e7f81e4e77a155957e3c90f35776.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=8c83feca1dd2f93ef4bc3c57aa28a563c8b3d769276a694da3de07b9c941f5d8") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_n6.b7e286a97895b50f1f9d0210b97f58de9add54c8.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=b506ada93e72e886adc01beb57851302dac7b0245a7a43db2ae0717af0da6e1b") format("woff");
}
@font-face {
font-family: "Optima nova";
font-weight: 600;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_i6.fd309aba84c57ab370bb5eb57237957a6885453e.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=d67de4a45137cb6d85171420eadb8b0265346a549a64289dc23643765f07b11b") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_i6.d2f4a228b92be4d3549459277c6a551c9be80072.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=2fa4e458569bb64b9f744d6eb6c1bc3579ce546decc98719d5d1c4f8e7867af1") format("woff");
}
@font-face {
font-family: "Optima nova";
font-weight: 900;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_n9.86ac16d6bd4a0c7c3f7f2d26cfa1b233b279f2fa.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=1875e9f72720192c2f020df2e3ae3f9b563202d76a22caa026db78ca2db52830") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_n9.71c1fa0bb77b5d1f7043154e698e46ce9fc99394.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=665b111adef8211e8277e0bc3e90a4e739a9c15f97d837cb42fc12238ef12e06") format("woff");
}
@font-face {
font-family: "Optima nova";
font-weight: 900;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_i9.6f8995fe857558bd8031af62e0238e835b788a3f.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=5ffa46b7994086c7d2dc94ca00e7a841587f9461ef73ca366d2534573700bd6f") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_i9.7a2e88fad66bb61a6d65caabcbc13bffb8be8f82.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=58b3d095b386995216999536cd9cb22d039fac5810bcbfc5b5f2978399906f27") format("woff");
}
@font-face {
font-family: "Twentieth Century";
font-weight: 400;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_n4.1a7b2b68023505e1927302cc60a155187098ca59.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=5191ba11449003dd9df81c131de4b819b0efd4341ba4e95a0ec2b9023385de4c") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_n4.2bd9ba3193feaaeabefe6059cf0ba7e11c41e810.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=bc99ee2fa8cd75adf52cb0ba5d10e51a661cc058595983cc20b5dde8873d1cdd") format("woff");
}
@font-face {
font-family: "Twentieth Century";
font-weight: 700;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_n7.0345f20fc1ba30e898808840fdfdbdb88635f97b.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=d36b5f0e6808ef4293c541de5075934dcbba053e3b966d6955df46e444a4dca8") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_n7.53ff26015a8c423e8d42b243e8855593260b9cd8.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=cc67adc05bc27669d50cb941bb1e405ab15b9cb821ce1c5b4ea532f9f4bb30f1") format("woff");
}
@font-face {
font-family: "Twentieth Century";
font-weight: 700;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_i7.659fe0647f07d7c9f56635015a82d315d68c7b2a.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=98fb74aee825e2626690c16fb7fff61c04d9045c8ef335f166f06fe498482275") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_i7.26df823babe3ada227e71f824ca9dffbfa793b82.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=ec1541b6aaf1f762fe9633b420cd3c7d05af40b7e6b1935fcb1a0c22014c9710") format("woff");
}
@font-face {
font-family: "Twentieth Century";
font-weight: 300;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_n3.86e59a220b99538e6d65d71e24ce660a8ee4d965.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=b367cc8fd1b1b1e08804aee5f3a2e66ea23a322173b27d9759d547943edcc030") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_n3.34ec1fd22f3f6492e06c8e9cbb979146e410af63.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=77c29fa31f2e7523f54ad76f86c3b18d758c192e10eedc9cd95e4ed20473c657") format("woff");
}
@font-face {
font-family: "Twentieth Century";
font-weight: 300;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_i3.0053f3718225e27d210d71fce1d5b9595680817b.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=a0e31c60ed18d5bb9f2f7cce7088d6da5270aa5c0d4d0939a36cfbf02acd86a0") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_i3.142ba5c619df6baab691aeab9e711ed220935706.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=31285b82128c977b3d5b4be5e5936ca7a844310f95a63286973047559e618fa9") format("woff");
}
@font-face {
font-family: "Optima nova";
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_n5.e2a058371e39fb7beb17b9c2986ad33e46962848.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=b42e19fb179f2c91c2e2989ad7f170d70c8036ec51e62291d155700703fbef70") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_n5.5c9abb88838a85b3464876c70b4c832db80829f5.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=5be553a2a79079e0786ad487e3cdb24a5f8ef75a3f90a6d393c10ac9b2c3574b") format("woff");
}
@font-face {
font-family: "Optima nova";
font-weight: 500;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_i5.d073a02267652d930f0543f4aae363f6ec64cb2d.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=49d3c69b51e08ec3ce50457a80600d2bd40ecb46d864bd5204378444ada726ad") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_i5.8f454781b3c63d07b0e5429c191498f36b45943b.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=98d2e978210d2b6dfbee077053072ebe6d1df093d83cac4d9a1036fae964893c") format("woff");
}
@font-face {
font-family: "Optima nova";
font-weight: 700;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_n7.b492ee6969a95d8817c08f489386ebda6565b577.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=9e61a2884af34bb6315f7913c55e0de7faa7ecb363d4974c0896e45dd987a1c3") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_n7.51d238ff7eb88f28d3fd5c87e45068db78677605.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=d9857bae1b379b3a8949c813d56d52c8e0f4bbf77d05a6c378fa15714829be43") format("woff");
}
@font-face {
font-family: "Optima nova";
font-weight: 700;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_i7.7aa21132ff95d4f96c33386430767b98949df452.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=8eb1e94ba48e495bca67471ab2b73e285688e3c79e106374f4fe236f544fefdf") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_i7.1051539b46fa8d52e6086e2de2ba3c037a645fa2.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=5de77bab40ee2d1ef830fdf61c747cd56c7767e62cdbccbf6e3115e41aac703f") format("woff");
}
@font-face {
font-family: "Twentieth Century";
font-weight: 400;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_n4.1a7b2b68023505e1927302cc60a155187098ca59.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=5191ba11449003dd9df81c131de4b819b0efd4341ba4e95a0ec2b9023385de4c") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_n4.2bd9ba3193feaaeabefe6059cf0ba7e11c41e810.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=bc99ee2fa8cd75adf52cb0ba5d10e51a661cc058595983cc20b5dde8873d1cdd") format("woff");
}
@font-face {
font-family: "Humanist 521";
font-weight: 200;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/humanist_521/humanist521_n2.a4bc5644b2418cf03a0b42f46f6a1332e50dd69a.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=03a1fd027e688fd908e656ec72bebcd7a4131b0af820c4eb05820ec59a206861") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/humanist_521/humanist521_n2.6d9699c8b0e1a95f5def5893ccee96210cb4f76f.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=f5278c543073118bf996d9e95f11736e2c7048cc553274fb806182e8dd6f6f79") format("woff");
}
@font-face {
font-family: "Humanist 521";
font-weight: 200;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/humanist_521/humanist521_i2.b7bd16876652389c396d6df72f0c242e058c6c80.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=7919c62f6e5aa4dad2952a138ed4765c324d4d55fbc75486f4b6fce5e4fcbc1c") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/humanist_521/humanist521_i2.ad448d2307aa5648549b67c800f8fae697a84d02.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=25b9e636a6fb48770de0341b9504f14df78e69b6c1f32023e9f22ec0b4f116e9") format("woff");
}
@font-face {
font-family: "Optima nova";
font-weight: 300;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_n3.5e0a384c85c85cb4fd318b431596751607a4caed.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=1ea897ffefbc5b3e64ea01261884ceafafc0347a905afbfed7e56455fef56354") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_n3.9e1ee0544fbdd30606e9f2fc95aed8d9c68e72e3.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=4d96afe8a6ea0f3cee6e632dde5417cf5b6be52b4cf089b001833465081c58d8") format("woff");
}
@font-face {
font-family: "Optima nova";
font-weight: 300;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_i3.50f83f5e70122ba0a24a2be01e12bb9273d71d26.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=6c981a2da0f319a22ed764704d36360fdf088f485348983d7d7639a2bae94ef7") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_i3.c07548be2a7983ff36a99892b4846dce1b8ab6b6.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=beb5aff1749806d78d99e5f4ffd342f01d1f241dca00b0facd5f8dea84440ac4") format("woff");
}
@font-face {
font-family: "Twentieth Century";
font-weight: 400;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_n4.1a7b2b68023505e1927302cc60a155187098ca59.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=5191ba11449003dd9df81c131de4b819b0efd4341ba4e95a0ec2b9023385de4c") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_n4.2bd9ba3193feaaeabefe6059cf0ba7e11c41e810.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=bc99ee2fa8cd75adf52cb0ba5d10e51a661cc058595983cc20b5dde8873d1cdd") format("woff");
}
@font-face {
font-family: "Optima nova";
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_n5.e2a058371e39fb7beb17b9c2986ad33e46962848.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=b42e19fb179f2c91c2e2989ad7f170d70c8036ec51e62291d155700703fbef70") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_n5.5c9abb88838a85b3464876c70b4c832db80829f5.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=5be553a2a79079e0786ad487e3cdb24a5f8ef75a3f90a6d393c10ac9b2c3574b") format("woff");
}
@font-face {
font-family: "Optima nova";
font-weight: 500;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_i5.d073a02267652d930f0543f4aae363f6ec64cb2d.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=49d3c69b51e08ec3ce50457a80600d2bd40ecb46d864bd5204378444ada726ad") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/optima_nova/optimanova_i5.8f454781b3c63d07b0e5429c191498f36b45943b.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=98d2e978210d2b6dfbee077053072ebe6d1df093d83cac4d9a1036fae964893c") format("woff");
}
@font-face {
font-family: "Twentieth Century";
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_n5.b4da30ebed0d40c4346db26613438fb2522c7cc0.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=f1a696d15538a99b3dd1a7193880ea424663b4f608cc0958c5567923a5f2863a") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_n5.662a279e22fd2388a2e24afe8c25091125c92f02.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=d727af43cfffce9a76e0e8325f63de082c6b1f18c7ac7647edac853b195783e1") format("woff");
}
@font-face {
font-family: "Twentieth Century";
font-weight: 500;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_i5.bd08672ca520961f22796fa30b8eb990cdae9e66.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=91a918d7dd6c51822e8003550fbf3d8cecc5077117e720c22d75fefde5a12e84") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/twentieth_century/twentiethcentury_i5.2c821961205eeb5cf15a2c8625fcabf280db1c72.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=facd45b1bb3c68c48fada8eb6bd2e64f074a152dac746ebf08d5aba808772377") format("woff");
}
@font-face {
font-family: Helvetica;
font-weight: 400;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/helvetica/helvetica_n4.fe093fe9ca22a15354813c912484945a36b79146.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=2800100ce99136893f4067431cecd4e715aefc73ce1bb040956f4116d3e7c4af") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/helvetica/helvetica_n4.8bddb85c18a0094c427a9bf65dee963ad88de4e8.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=24ea096b934630acae6844bc16c1413664f7d59a58d54c581d02ef5dd8de03fa") format("woff");
}
@font-face {
font-family: Helvetica;
font-weight: 400;
font-style: oblique;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/helvetica/helvetica_o4.f9832a0fc1ee8fc5a359636e410d6941e1e4ca03.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=da4dca9967c88db7d81fbd785c5fecfd90e1bce3f1c71f4933568487ccbee812") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/helvetica/helvetica_o4.0063286aec443697ebae04eeb9c78b820f9f7805.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=4314be3bf1e3be2eee09c082c2e4af04c2536deeeceb80fffdb0bc62789932a8") format("woff");
}
@font-face {
font-family: Slate;
font-weight: 400;
font-style: normal;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/slate/slate_n4.faa35720632c2e0584b79394c950a1330379d438.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=68d55cc55408488f22494d73c5e72602cce52c02ff43255cc3d511aa5e2b0750") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/slate/slate_n4.39937dd01f008e721ee0d671d98c76d5486c4fe2.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=04f67c6d8560512a0c97b46c4361267a5bc00f7f30f9ba0ad0874c08b09ea517") format("woff");
}
@font-face {
font-family: Slate;
font-weight: 400;
font-style: italic;
font-display: auto;
src: url("//mywinecoolerworld.com/cdn/fonts/slate/slate_i4.92c270cab6020b468d822f033bafa8e4f679dec5.woff2?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=9d13191dbd149a2069510dd4d02d0110d25a3241b7ec5876d649b45bb9a0e9fc") format("woff2"),
url("//mywinecoolerworld.com/cdn/fonts/slate/slate_i4.ec2f912a0970fed2874fda8d8d3af7d91df6df66.woff?h1=MTY4NWQ5LTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bXl3aW5lY29vbGVyd29ybGQuY29t&hmac=737aafa12dc28e430fdc2384ba60b2b681ecc6a6a1cc97425ef7e57f6aabed08") format("woff");
}
:root {--font-size-heading-large: 1.9375rem;
--font-size-heading-large-base: 16;
--font-size-heading-large-fcscale: 2.125;
--font-size-heading-large-fscale: 1.0;
--font-size-heading-large-fadjust: -3.0;
--font-size-heading-large-mbase: 15.0;
--font-size-heading-large-mfcscale: 2.125;
--font-size-heading-large-mfscale: 1.0;
--font-size-heading-large-mfadjust: 0.0;
--font-size-heading-medium: 1.6875rem;
--font-size-heading-medium-base: 16;
--font-size-heading-medium-fcscale: 1.875;
--font-size-heading-medium-fscale: 1.0;
--font-size-heading-medium-fadjust: -3.0;
--font-size-heading-medium-mbase: 15.0;
--font-size-heading-medium-mfcscale: 1.875;
--font-size-heading-medium-mfscale: 1.0;
--font-size-heading-medium-mfadjust: 0.0;
--font-size-heading-1: 1.5625rem;
--font-size-heading-1-base: 16;
--font-size-heading-1-fcscale: 1.75;
--font-size-heading-1-fscale: 1.0;
--font-size-heading-1-fadjust: -3.0;
--font-size-heading-1-mbase: 15.0;
--font-size-heading-1-mfcscale: 1.75;
--font-size-heading-1-mfscale: 1.0;
--font-size-heading-1-mfadjust: 0.0;
--font-size-heading-2: 1.5rem;
--font-size-heading-2-base: 16;
--font-size-heading-2-fcscale: 1.625;
--font-size-heading-2-fscale: 1.0;
--font-size-heading-2-fadjust: -2.0;
--font-size-heading-2-mbase: 15.0;
--font-size-heading-2-mfcscale: 1.625;
--font-size-heading-2-mfscale: 1.0;
--font-size-heading-2-mfadjust: 0.0;
--font-size-heading-3: 1.4375rem;
--font-size-heading-3-base: 16;
--font-size-heading-3-fcscale: 1.5;
--font-size-heading-3-fscale: 1.0;
--font-size-heading-3-fadjust: -1.0;
--font-size-heading-3-mbase: 15.0;
--font-size-heading-3-mfcscale: 1.5;
--font-size-heading-3-mfscale: 1.0;
--font-size-heading-3-mfadjust: 0.0;
--font-size-heading-4: 1.125rem;
--font-size-heading-4-base: 16;
--font-size-heading-4-fcscale: 1.25;
--font-size-heading-4-fscale: 1.0;
--font-size-heading-4-fadjust: -2.0;
--font-size-heading-4-mbase: 15.0;
--font-size-heading-4-mfcscale: 1.25;
--font-size-heading-4-mfscale: 1.0;
--font-size-heading-4-mfadjust: 0.0;
--font-size-heading-5: 1.0rem;
--font-size-heading-5-base: 16;
--font-size-heading-5-fcscale: 1.125;
--font-size-heading-5-fscale: 1.0;
--font-size-heading-5-fadjust: -2.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.0rem;
--font-size-heading-6-base: 16;
--font-size-heading-6-fcscale: 1.125;
--font-size-heading-6-fscale: 1.0;
--font-size-heading-6-fadjust: -2.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.255rem;
--font-size-section-heading-base: 16;
--font-size-section-heading-fcscale: 1.5;
--font-size-section-heading-fscale: 0.92;
--font-size-section-heading-fadjust: -2.0;
--font-size-section-heading-mbase: 15.0;
--font-size-section-heading-mfcscale: 1.5;
--font-size-section-heading-mfscale: 0.968;
--font-size-section-heading-mfadjust: 0.0;
--font-size-highlight-banner-heading: 1.045rem;
--font-size-highlight-banner-heading-base: 16;
--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.375rem;
--font-size-body-larger-base: 16;
--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.25rem;
--font-size-body-large-base: 16;
--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.125rem;
--font-size-body-medium-base: 16;
--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: 1.0rem;
--font-size-body-base: 16;
--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: 16;
--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.9375rem;
--font-size-body-small-base: 16;
--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.875rem;
--font-size-body-smaller-base: 16;
--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.8125rem;
--font-size-body-smallest-base: 16;
--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.75rem;
--font-size-body-tiny-base: 16;
--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: 1.04rem;
--font-size-product-card-base: 16;
--font-size-product-card-fcscale: 1.0;
--font-size-product-card-fscale: 1.04;
--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: 1.024;
--font-size-product-card-mfadjust: 0.0;
--font-size-button-small: 0.75rem;
--font-size-button-small-base: 16;
--font-size-button-small-fcscale: 0.875;
--font-size-button-small-fscale: 1.0;
--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.0;
--font-size-button-small-mfadjust: 0.0;
--font-size-button-medium: 0.875rem;
--font-size-button-medium-base: 16;
--font-size-button-medium-fcscale: 1.0;
--font-size-button-medium-fscale: 1.0;
--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.0;
--font-size-button-medium-mfadjust: -1.0;
--font-size-button-large: 1.0rem;
--font-size-button-large-base: 16;
--font-size-button-large-fcscale: 1.125;
--font-size-button-large-fscale: 1.0;
--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.0;
--font-size-button-large-mfadjust: -1.0;
--font-size-button-x-large: 1.1875rem;
--font-size-button-x-large-base: 16;
--font-size-button-x-large-fcscale: 1.3125;
--font-size-button-x-large-fscale: 1.0;
--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.0;
--font-size-button-x-large-mfadjust: -1.0;
--font-size-button-signpost: 1.0rem;
--font-size-button-signpost-base: 16;
--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: 1.0625rem;
--font-size-menu-large-base: 16;
--font-size-menu-large-fcscale: 1.0625;
--font-size-menu-large-fscale: 1.0;
--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: 1.0;
--font-size-menu-large-mfadjust: -1.0;
--font-size-menu: 0.9375rem;
--font-size-menu-base: 16;
--font-size-menu-fcscale: 1.0;
--font-size-menu-fscale: 1.0;
--font-size-menu-fadjust: -1.0;
--font-size-menu-mbase: 15.0;
--font-size-menu-mfcscale: 1.0;
--font-size-menu-mfscale: 1.0;
--font-size-menu-mfadjust: 0.0;
--font-size-footer-heading: 0.9775rem;
--font-size-footer-heading-base: 16;
--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: 16;
--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: 1.8046875rem;
--font-size-heading-large-base: 16;
--font-size-heading-large-fcscale: 2.125;
--font-size-heading-large-fscale: 1.0;
--font-size-heading-large-fadjust: -3.0;
--font-size-heading-large-mbase: 15.0;
--font-size-heading-large-mfcscale: 2.125;
--font-size-heading-large-mfscale: 1.0;
--font-size-heading-large-mfadjust: 0.0;}}
@media screen and (max-width: 859px) {
:root {--font-size-heading-medium: 1.5703125rem;
--font-size-heading-medium-base: 16;
--font-size-heading-medium-fcscale: 1.875;
--font-size-heading-medium-fscale: 1.0;
--font-size-heading-medium-fadjust: -3.0;
--font-size-heading-medium-mbase: 15.0;
--font-size-heading-medium-mfcscale: 1.875;
--font-size-heading-medium-mfscale: 1.0;
--font-size-heading-medium-mfadjust: 0.0;
--font-size-heading-1: 1.453125rem;
--font-size-heading-1-base: 16;
--font-size-heading-1-fcscale: 1.75;
--font-size-heading-1-fscale: 1.0;
--font-size-heading-1-fadjust: -3.0;
--font-size-heading-1-mbase: 15.0;
--font-size-heading-1-mfcscale: 1.75;
--font-size-heading-1-mfscale: 1.0;
--font-size-heading-1-mfadjust: 0.0;
--font-size-heading-2: 1.3984375rem;
--font-size-heading-2-base: 16;
--font-size-heading-2-fcscale: 1.625;
--font-size-heading-2-fscale: 1.0;
--font-size-heading-2-fadjust: -2.0;
--font-size-heading-2-mbase: 15.0;
--font-size-heading-2-mfcscale: 1.625;
--font-size-heading-2-mfscale: 1.0;
--font-size-heading-2-mfadjust: 0.0;
--font-size-heading-3: 1.34375rem;
--font-size-heading-3-base: 16;
--font-size-heading-3-fcscale: 1.5;
--font-size-heading-3-fscale: 1.0;
--font-size-heading-3-fadjust: -1.0;
--font-size-heading-3-mbase: 15.0;
--font-size-heading-3-mfcscale: 1.5;
--font-size-heading-3-mfscale: 1.0;
--font-size-heading-3-mfadjust: 0.0;
--font-size-heading-4: 1.046875rem;
--font-size-heading-4-base: 16;
--font-size-heading-4-fcscale: 1.25;
--font-size-heading-4-fscale: 1.0;
--font-size-heading-4-fadjust: -2.0;
--font-size-heading-4-mbase: 15.0;
--font-size-heading-4-mfcscale: 1.25;
--font-size-heading-4-mfscale: 1.0;
--font-size-heading-4-mfadjust: 0.0;
--font-size-heading-5: 0.9296875rem;
--font-size-heading-5-base: 16;
--font-size-heading-5-fcscale: 1.125;
--font-size-heading-5-fscale: 1.0;
--font-size-heading-5-fadjust: -2.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: 0.9296875rem;
--font-size-heading-6-base: 16;
--font-size-heading-6-fcscale: 1.125;
--font-size-heading-6-fscale: 1.0;
--font-size-heading-6-fadjust: -2.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.23625rem;
--font-size-section-heading-base: 16;
--font-size-section-heading-fcscale: 1.5;
--font-size-section-heading-fscale: 0.92;
--font-size-section-heading-fadjust: -2.0;
--font-size-section-heading-mbase: 15.0;
--font-size-section-heading-mfcscale: 1.5;
--font-size-section-heading-mfscale: 0.968;
--font-size-section-heading-mfadjust: 0.0;
--font-size-highlight-banner-heading: 0.955rem;
--font-size-highlight-banner-heading-base: 16;
--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: 16;
--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: 16;
--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: 16;
--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: 16;
--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: 16;
--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: 16;
--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: 16;
--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: 16;
--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: 16;
--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.96rem;
--font-size-product-card-base: 16;
--font-size-product-card-fcscale: 1.0;
--font-size-product-card-fscale: 1.04;
--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: 1.024;
--font-size-product-card-mfadjust: 0.0;
--font-size-button-small: 0.8203125rem;
--font-size-button-small-base: 16;
--font-size-button-small-fcscale: 0.875;
--font-size-button-small-fscale: 1.0;
--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.0;
--font-size-button-small-mfadjust: 0.0;
--font-size-button-medium: 0.875rem;
--font-size-button-medium-base: 16;
--font-size-button-medium-fcscale: 1.0;
--font-size-button-medium-fscale: 1.0;
--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.0;
--font-size-button-medium-mfadjust: -1.0;
--font-size-button-large: 0.9921875rem;
--font-size-button-large-base: 16;
--font-size-button-large-fcscale: 1.125;
--font-size-button-large-fscale: 1.0;
--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.0;
--font-size-button-large-mfadjust: -1.0;
--font-size-button-x-large: 1.16796875rem;
--font-size-button-x-large-base: 16;
--font-size-button-x-large-fcscale: 1.3125;
--font-size-button-x-large-fscale: 1.0;
--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.0;
--font-size-button-x-large-mfadjust: -1.0;
--font-size-button-signpost: 0.9375rem;
--font-size-button-signpost-base: 16;
--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.93359375rem;
--font-size-menu-large-base: 16;
--font-size-menu-large-fcscale: 1.0625;
--font-size-menu-large-fscale: 1.0;
--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: 1.0;
--font-size-menu-large-mfadjust: -1.0;
--font-size-menu: 0.875rem;
--font-size-menu-base: 16;
--font-size-menu-fcscale: 1.0;
--font-size-menu-fscale: 1.0;
--font-size-menu-fadjust: -1.0;
--font-size-menu-mbase: 15.0;
--font-size-menu-mfcscale: 1.0;
--font-size-menu-mfscale: 1.0;
--font-size-menu-mfadjust: 0.0;
--font-size-footer-heading: 0.92125rem;
--font-size-footer-heading-base: 16;
--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: 16;
--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, .age-gate__heading {
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;
}
/* 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, .age-gate__heading {
font-family: "Optima nova",sans-serif;
font-style: normal;
font-weight: 600;
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, .age-gate__heading {
text-transform: uppercase;
}.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, .age-gate__heading 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,
.age-gate__heading 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, .age-gate__heading 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, .age-gate__heading 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,
.age-gate__heading 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,
.age-gate__heading 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,
.age-gate__heading em strong {
font-style: italic;
}
.slideshow-slide-heading, h1, .age-gate__heading {
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: "Twentieth Century",sans-serif;
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], .age-gate__confirm_btn, .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: "Twentieth Century",sans-serif;
font-style: normal;
font-weight: 400;
display: inline-block;
text-decoration: none;
cursor: pointer;
border-radius: 3px;
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], .age-gate__confirm_btn, .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]), .disabled.age-gate__confirm_btn, .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], .age-gate__confirm_btn, .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: #000000;
background-color: {{ shop.brand.colors.primary[0].foreground }};
border: 1px solid {{ shop.brand.colors.primary[0].foreground }};
}
.shortcode--product-cta[button-style=primary]:not(.disabled):hover:not([hidden]), .age-gate__confirm_btn:not(.disabled):hover, .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: #ffffff;
border: 1px solid #ffffff;
}
.shortcode--product-cta[button-style=primary]:active:not([hidden]), .age-gate__confirm_btn:active, .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]), .age-gate__confirm_btn:focus, .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: #ffffff;
border: 1px solid #ffffff;
}
.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: #111111;
background-color: #86d1cd;
border: 1px solid #86d1cd;
}
.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: #313131;
background: #86d1cd;
border: 1px solid #86d1cd;
}
.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: #86d1cd;
border: 1px solid #86d1cd;
}
.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.75rem;
padding-left: 1.75rem;
}
}
@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.75rem;
padding-left: 1.75rem;
}
}
@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;
}
.complementary-product__name a, .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;
}
.complementary-product__name a:hover, .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: #777777;
}
.search-flydown__content-item a, .search-flydown__continue, .search-flydown__query-suggestion mark, .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, .complementary-product__link, .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:not(.button-secondary), .rte a,
.dynamic-newsletter-text a {
color: #777777;
text-decoration: none;
transition: color 0.1s ease;
}
.search-flydown__content-item a:hover, .search-flydown__continue:hover, .search-flydown__query-suggestion mark: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, .complementary-product__link: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:not(.button-secondary), .rte a:hover,
.dynamic-newsletter-text a:hover {
color: #000000;
}
.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: 1.5px;
fill: currentColor;
}
.filter-item--active .filter-icon--checkbox, .form-field-checkbox input:checked ~ .form-icon--checkbox {
color: #777777;
}
.filter-item--active .filter-icon--checkbox svg, .form-field-checkbox input:checked ~ .form-icon--checkbox svg {
background-color: transparent;
border: 0;
border-radius: 1.5px;
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: Slate,sans-serif;
font-style: normal;
font-weight: 400;
padding: 0;
letter-spacing: 0.0em;
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.0em;
}
.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: 3.125rem;
text-align: center;
}
@media screen and (min-width: 720px) {
.productgrid--no-results, .blog--no-results {
margin-top: calc(3.125rem - 1.75rem);
}
}
.productgrid--no-results-title, .blog--no-results-title {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 200;
font-size: var(--font-size-heading-4);
margin-top: 0;
margin-bottom: 0;
letter-spacing: 0.0em;
color: #212121;
}
.productgrid--no-results-button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
margin-top: 1.25rem;
}.productgrid--no-results-button {
text-transform: uppercase;
}.button-icon {
margin-left: 3px;
}
.button-icon svg {
width: calc(14px * 1.0);
height: calc(14px * 1.0);
margin-top: -0.1875rem;
}
.button-signpost {
font-family: Helvetica,'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-button-signpost);
display: block;
padding: 0;
margin-top: 1.25rem;
letter-spacing: 0;
text-decoration: none;
text-transform: none;
}
@media screen and (min-width: 860px) {
.button-signpost {
margin-top: 1.75rem;
}
}
.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,
.age-gate__select {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 200;
font-size: var(--font-size-form);
z-index: 1;
width: 100%;
padding: 0.9375rem 0.875rem 0.9375rem;
letter-spacing: 0.0em;
color: #212121;
background-color: #ffffff;
border: 1px solid #212121;
border-radius: 3px;
}
.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,
.age-gate__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,
.form-field-error.age-gate__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,
.no-label .age-gate__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::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,
.product-reviews--content .spr-form .spr-form-input-text + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .spr-form-input-email + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .spr-form-input-textarea + .recipient-form__error-message + .form-field-title::before,
.rte input + .recipient-form__error-message + .form-field-title::before,
.dynamic-newsletter-text input + .recipient-form__error-message + .form-field-title::before,
.form-field-input + .recipient-form__error-message + .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::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 .spr-form-input-text.age-gate__select::placeholder,
.product-reviews--content .spr-form .form-field-select.spr-form-input-email::placeholder,
.product-reviews--content .spr-form .spr-form-input-email.age-gate__select::placeholder,
.product-reviews--content .spr-form .form-field-select.spr-form-input-textarea::placeholder,
.product-reviews--content .spr-form .spr-form-input-textarea.age-gate__select::placeholder, .rte input.form-field-select::placeholder, .rte input.age-gate__select::placeholder,
.dynamic-newsletter-text input.form-field-select::placeholder,
.dynamic-newsletter-text input.age-gate__select::placeholder, .form-field-select.form-field-input::placeholder, .form-field-input.age-gate__select::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,
.no-js .product-reviews--content .spr-form .spr-form-input-text + .recipient-form__error-message + .form-field-title,
.product-reviews--content .spr-form .no-js .spr-form-input-text + .recipient-form__error-message + .form-field-title,
.no-js .product-reviews--content .spr-form .spr-form-input-email + .recipient-form__error-message + .form-field-title,
.product-reviews--content .spr-form .no-js .spr-form-input-email + .recipient-form__error-message + .form-field-title,
.no-js .product-reviews--content .spr-form .spr-form-input-textarea + .recipient-form__error-message + .form-field-title,
.product-reviews--content .spr-form .no-js .spr-form-input-textarea + .recipient-form__error-message + .form-field-title,
.no-js .rte input + .recipient-form__error-message + .form-field-title,
.rte .no-js input + .recipient-form__error-message + .form-field-title,
.no-js .dynamic-newsletter-text input + .recipient-form__error-message + .form-field-title,
.dynamic-newsletter-text .no-js input + .recipient-form__error-message + .form-field-title,
.no-js .form-field-input + .recipient-form__error-message + .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 .spr-form-input-text:focus + .recipient-form__error-message + .form-field-title,
.product-reviews--content .spr-form .spr-form-input-email:focus + .recipient-form__error-message + .form-field-title,
.product-reviews--content .spr-form .spr-form-input-textarea:focus + .recipient-form__error-message + .form-field-title,
.rte input:focus + .recipient-form__error-message + .form-field-title,
.dynamic-newsletter-text input:focus + .recipient-form__error-message + .form-field-title,
.form-field-input:focus + .recipient-form__error-message + .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-filled.spr-form-input-text + .recipient-form__error-message + .form-field-title,
.product-reviews--content .spr-form .form-field-filled.spr-form-input-email + .recipient-form__error-message + .form-field-title,
.product-reviews--content .spr-form .form-field-filled.spr-form-input-textarea + .recipient-form__error-message + .form-field-title,
.rte input.form-field-filled + .recipient-form__error-message + .form-field-title,
.dynamic-newsletter-text input.form-field-filled + .recipient-form__error-message + .form-field-title,
.form-field-filled.form-field-input + .recipient-form__error-message + .form-field-title, .product-reviews--content .spr-form .form-field-select.spr-form-input-text + .form-field-title, .product-reviews--content .spr-form .spr-form-input-text.age-gate__select + .form-field-title,
.product-reviews--content .spr-form .form-field-select.spr-form-input-email + .form-field-title,
.product-reviews--content .spr-form .spr-form-input-email.age-gate__select + .form-field-title,
.product-reviews--content .spr-form .form-field-select.spr-form-input-textarea + .form-field-title,
.product-reviews--content .spr-form .spr-form-input-textarea.age-gate__select + .form-field-title, .rte input.form-field-select + .form-field-title, .rte input.age-gate__select + .form-field-title,
.dynamic-newsletter-text input.form-field-select + .form-field-title,
.dynamic-newsletter-text input.age-gate__select + .form-field-title, .form-field-select.form-field-input + .form-field-title, .form-field-input.age-gate__select + .form-field-title,
.product-reviews--content .spr-form .form-field-select.spr-form-input-text + .recipient-form__error-message + .form-field-title,
.product-reviews--content .spr-form .spr-form-input-text.age-gate__select + .recipient-form__error-message + .form-field-title,
.product-reviews--content .spr-form .form-field-select.spr-form-input-email + .recipient-form__error-message + .form-field-title,
.product-reviews--content .spr-form .spr-form-input-email.age-gate__select + .recipient-form__error-message + .form-field-title,
.product-reviews--content .spr-form .form-field-select.spr-form-input-textarea + .recipient-form__error-message + .form-field-title,
.product-reviews--content .spr-form .spr-form-input-textarea.age-gate__select + .recipient-form__error-message + .form-field-title,
.rte input.form-field-select + .recipient-form__error-message + .form-field-title,
.rte input.age-gate__select + .recipient-form__error-message + .form-field-title,
.dynamic-newsletter-text input.form-field-select + .recipient-form__error-message + .form-field-title,
.dynamic-newsletter-text input.age-gate__select + .recipient-form__error-message + .form-field-title,
.form-field-select.form-field-input + .recipient-form__error-message + .form-field-title,
.form-field-input.age-gate__select + .recipient-form__error-message + .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,
.no-js .product-reviews--content .spr-form .spr-form-input-text + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .no-js .spr-form-input-text + .recipient-form__error-message + .form-field-title::before,
.no-js .product-reviews--content .spr-form .spr-form-input-email + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .no-js .spr-form-input-email + .recipient-form__error-message + .form-field-title::before,
.no-js .product-reviews--content .spr-form .spr-form-input-textarea + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .no-js .spr-form-input-textarea + .recipient-form__error-message + .form-field-title::before,
.no-js .rte input + .recipient-form__error-message + .form-field-title::before,
.rte .no-js input + .recipient-form__error-message + .form-field-title::before,
.no-js .dynamic-newsletter-text input + .recipient-form__error-message + .form-field-title::before,
.dynamic-newsletter-text .no-js input + .recipient-form__error-message + .form-field-title::before,
.no-js .form-field-input + .recipient-form__error-message + .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 .spr-form-input-text:focus + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .spr-form-input-email:focus + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .spr-form-input-textarea:focus + .recipient-form__error-message + .form-field-title::before,
.rte input:focus + .recipient-form__error-message + .form-field-title::before,
.dynamic-newsletter-text input:focus + .recipient-form__error-message + .form-field-title::before,
.form-field-input:focus + .recipient-form__error-message + .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-filled.spr-form-input-text + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .form-field-filled.spr-form-input-email + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .form-field-filled.spr-form-input-textarea + .recipient-form__error-message + .form-field-title::before,
.rte input.form-field-filled + .recipient-form__error-message + .form-field-title::before,
.dynamic-newsletter-text input.form-field-filled + .recipient-form__error-message + .form-field-title::before,
.form-field-filled.form-field-input + .recipient-form__error-message + .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 .spr-form-input-text.age-gate__select + .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 .spr-form-input-email.age-gate__select + .form-field-title::before,
.product-reviews--content .spr-form .form-field-select.spr-form-input-textarea + .form-field-title::before,
.product-reviews--content .spr-form .spr-form-input-textarea.age-gate__select + .form-field-title::before, .rte input.form-field-select + .form-field-title::before, .rte input.age-gate__select + .form-field-title::before,
.dynamic-newsletter-text input.form-field-select + .form-field-title::before,
.dynamic-newsletter-text input.age-gate__select + .form-field-title::before, .form-field-select.form-field-input + .form-field-title::before, .form-field-input.age-gate__select + .form-field-title::before,
.product-reviews--content .spr-form .form-field-select.spr-form-input-text + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .spr-form-input-text.age-gate__select + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .form-field-select.spr-form-input-email + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .spr-form-input-email.age-gate__select + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .form-field-select.spr-form-input-textarea + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .spr-form-input-textarea.age-gate__select + .recipient-form__error-message + .form-field-title::before,
.rte input.form-field-select + .recipient-form__error-message + .form-field-title::before,
.rte input.age-gate__select + .recipient-form__error-message + .form-field-title::before,
.dynamic-newsletter-text input.form-field-select + .recipient-form__error-message + .form-field-title::before,
.dynamic-newsletter-text input.age-gate__select + .recipient-form__error-message + .form-field-title::before,
.form-field-select.form-field-input + .recipient-form__error-message + .form-field-title::before,
.form-field-input.age-gate__select + .recipient-form__error-message + .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,
.product-reviews--content .spr-form .spr-form-input-text:focus + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .spr-form-input-email:focus + .recipient-form__error-message + .form-field-title::before,
.product-reviews--content .spr-form .spr-form-input-textarea:focus + .recipient-form__error-message + .form-field-title::before,
.rte input:focus + .recipient-form__error-message + .form-field-title::before,
.dynamic-newsletter-text input:focus + .recipient-form__error-message + .form-field-title::before,
.form-field-input:focus + .recipient-form__error-message + .form-field-title::before {
color: #212121;
}
.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.25rem;
}
.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.5rem;
}
.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.25rem;
vertical-align: middle;
}
.form-field-checkbox .form-field-title--inline {
color: #212121;
}
.form-field-select-wrapper, .age-gate__select-wrapper {
position: relative;
}
.form-field-select-wrapper .form-field-select, .form-field-select-wrapper .age-gate__select, .age-gate__select-wrapper .form-field-select, .age-gate__select-wrapper .age-gate__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, .form-field-select-wrapper .age-gate__select::-ms-expand, .age-gate__select-wrapper .form-field-select::-ms-expand, .age-gate__select-wrapper .age-gate__select::-ms-expand {
display: none;
}
.form-field-select-wrapper svg, .age-gate__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, .form-fields--qty .form-field--qty-select .age-gate__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.5rem 0.75rem;
}
.passwordentry-contents .message--error.passwordentry-message, .page-content-contact .message--error.contact-message, .message--error.account-message,
.form-message.message--error {
padding: 0.5rem 0.75rem;
}
.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: 200;
margin-top: 0;
margin-bottom: 0;
letter-spacing: 0.0em;
}
.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.5rem;
}
.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, .rte .age-gate__heading,
.dynamic-newsletter-text h1,
.dynamic-newsletter-text .age-gate__heading {
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 .age-gate__heading,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6,
.dynamic-newsletter-text h1,
.dynamic-newsletter-text .age-gate__heading,
.dynamic-newsletter-text h2,
.dynamic-newsletter-text h3,
.dynamic-newsletter-text h4,
.dynamic-newsletter-text h5,
.dynamic-newsletter-text h6 {
margin-top: calc(1.0rem * 2);
margin-bottom: 1.0rem;
color: #212121;
}.rte blockquote,
.dynamic-newsletter-text blockquote {
padding-left: 1.0rem;
margin-left: 0;
border-left: 2px solid {{ shop.brand.colors.primary[0].foreground }};
}
.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: 1.0rem;
margin-bottom: 1.0rem;
}
.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: 1.0rem;
}
.rte dl dd,
.dynamic-newsletter-text dl dd {
margin-left: 20px;
}
.rte img,
.dynamic-newsletter-text img {
height: auto;
max-width: 100%;
margin-top: 1.0rem;
margin-bottom: 1.0rem;
}
.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;
}
.rte table,
.dynamic-newsletter-text table {
display: block;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
height: auto;
border-collapse: collapse;
white-space: nowrap;
overflow: auto;
box-shadow: 0 1px 4px rgba(128, 128, 128, 0.11);
}
.rte table th,
.rte table td,
.dynamic-newsletter-text table th,
.dynamic-newsletter-text table td {
border: 1px solid rgba(128, 128, 128, 0.16);
}
.rte table th,
.dynamic-newsletter-text table th {
font-family: "Optima nova",sans-serif;
font-style: normal;
font-weight: 600;
padding: 1.0rem;
font-size: var(--font-size-body);
text-align: left;
color: #212121;
}
.rte table td,
.dynamic-newsletter-text table td {
padding: 0.75rem 1rem;
font-size: var(--font-size-body);
}
.rte input,
.dynamic-newsletter-text input {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
margin-bottom: 0;
}
.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.75rem;
margin-bottom: 1.75rem;
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.25rem;
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: #000000;
}
.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: #000000;
}
.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: 3px;
}
@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.0em;
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: Slate,sans-serif;
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: Slate,sans-serif;
font-style: normal;
font-weight: 200;
font-size: var(--font-size-body);
width: 100%;
letter-spacing: 0.0em;
color: #111111;
}@media screen and (max-width: 719px) {
body {
font-size: var(--font-size-body-small);
}
}
body.scroll-lock {
overflow: hidden;
touch-action: manipulation;
}
th,
b,
strong {
letter-spacing: 0.0em;
}th,
b,
strong {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 400;
}em {
font-style: italic;
}
th em,
b em,
strong em,
em b,
em strong {
letter-spacing: 0.0em;
}th em,
b em,
strong em,
em b,
em strong {
font-family: Slate,sans-serif;
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,
.age-gate__select-label {
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: #777777;
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: #ffffff;
transition: top 0.15s cubic-bezier(0.3, 0, 0, 1);
z-index: 700;
}.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: Slate,sans-serif;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-heading-5);
display: block;
letter-spacing: 0.0em;
color: #000000;
text-decoration: none;
text-transform: none;
text-align: center;
}
.desktop-logo-text:not(.visually-hidden):not(.age-gate__select-label),
.mobile-logo-text:not(.visually-hidden):not(.age-gate__select-label) {
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.75rem - 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.75rem;
}
}
@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.75rem - 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.visible + svg {
margin-right: 5px;
}
.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: {{ shop.brand.colors.secondary[0].background }};
border: 1px solid #ffffff;
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(1.0rem + 2px);
color: #212121;
text-decoration: none;
}
.site-navigation a:hover {
color: #a60c13;
}
.site-navigation a:focus {
outline: solid rgba(33, 33, 33, 0.5);
outline-offset: -5px;
}
.site-navigation a.navmenu-item-active:focus {
outline: 0;
}
.site-navigation .navmenu-item-highlighted > a {
color: #ca003d;
}
.site-navigation .navmenu-item-highlighted > a:hover {
color: rgba(202, 0, 61, 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: Slate,sans-serif;
font-style: normal;
font-weight: 200;
font-size: var(--font-size-body);
z-index: 2;
display: block;
padding: 0.4375rem 2rem 0.4375rem 1.5625rem;
letter-spacing: 0.0em;
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: #111111;
}
.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(119, 119, 119, 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: Slate,sans-serif;
font-style: normal;
font-weight: 200;
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: #212121;
}
.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 {
position: relative;
padding-top: 10px;
padding-bottom: 10px;
background-color: #ffffff;
transition: padding 0.15s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (min-width: 1024px) {
.site-header-main {
padding-top: 20px;
padding-bottom: 10px;
}
}
.site-header-main::before {
position: absolute;
top: 0;
left: 50%;
z-index: -1;
display: block;
width: calc(100vw - var(--scrollbar-width));
height: 100%;
pointer-events: none;
background-color: #ffffff;
content: "";
transform: translate(-50%);
}
.site-header-main-content {
margin-right: auto;
margin-left: auto;
font-size: 0;
letter-spacing: 0;
transition: margin 0.15s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (min-width: 1024px) {
.site-header-main-content {
display: flex;
align-items: center;
margin-right: 125px;
margin-left: 0;
}
}
.site-header-button {
position: absolute;
top: 10px;
bottom: auto;
}
@media screen and (min-width: 1024px) {
.site-header-button {
top: 50%;
bottom: 66px;
margin-top: -18px;
}
}
@media screen and (min-width: 1024px) {
.site-header-menu-button {
left: -50px;
width: auto;
opacity: 0;
visibility: hidden;
transition: opacity 0.15s cubic-bezier(0.3, 0, 0, 1), left 0.15s cubic-bezier(0.3, 0, 0, 1);
}
}
.site-header-logo {
margin-right: auto;
margin-left: auto;
text-align: center;
vertical-align: middle;
}
@media screen and (max-width: 1023px) and (min-width: 375px) {
.site-header-logo {
max-width: calc(100% - 88px);
}
}
@media screen and (max-width: 1023px) {
.site-header-logo {
display: table;
min-height: 46px;
}
}
@media screen and (min-width: 1024px) {
.site-header-logo {
display: inline-block;
height: auto;
margin-right: 25px;
margin-left: 0;
text-align: left;
}
}
.desktop-logo-image,
.mobile-logo-image {
margin-right: auto;
margin-left: auto;
}
@media screen and (min-width: 1024px) {
.desktop-logo-image,
.mobile-logo-image {
margin-left: 0;
}
}
@media screen and (min-width: 1024px) {
.traditional-header--scrolled .site-header-main {
padding-top: 10px;
padding-bottom: 10px;
}
.traditional-header--scrolled .site-header-main-content {
margin-left: 50px;
}
.traditional-header--scrolled .site-header-button {
margin-top: -23px;
}
.traditional-header--scrolled .site-header-menu-button {
visibility: visible;
left: calc(1.75rem - 0.625rem);
opacity: 1;
}
}
@media screen and (min-width: 1080px) {
.traditional-header--scrolled .site-header-menu-button {
left: 1.875rem;
}
}
.intersection-target {
position: absolute;
top: 30vh;
pointer-events: none;
}
@media screen and (min-width: 1024px) {
.small-promo-enabled {
margin-right: 4.25rem;
}
}
.small-promo {
font-size: var(--font-size-body-smaller);
position: relative;
display: flex;
align-items: flex-start;
justify-content: center;
order: 1;
text-decoration: none;
transform: translate3d(0, 0, 0) scale(1);
color: #000000;
}
@media screen and (max-width: 1023px) {
.small-promo {
padding-top: 1.0rem;
padding-right: 10px;
padding-bottom: 1.0rem-0.625rem;
padding-left: 10px;
}
}
@media screen and (min-width: 1024px) {
.small-promo {
align-items: center;
justify-content: flex-start;
margin-left: 2.1875rem;
}
}
.small-promo-icon {
flex-shrink: 0;
height: 1rem;
margin-right: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
color: #000000;
}
.small-promo-icon svg {
width: 100%;
height: 100%;
max-width: 3.75rem;
max-height: 3.75rem;
}
.small-promo-icon img {
height: 100%;
}
@media screen and (min-width: 1024px) {
.small-promo-icon {
width: auto;
height: 1.75rem;
}
}
@media screen and (max-width: 1023px) {
.small-promo-icon--svg {
width: 1rem;
}
}
@media screen and (max-width: 1023px) {
.small-promo-icon--custom {
width: auto;
}
}
@media screen and (max-width: 1023px) {
.small-promo-text-desktop,
.small-promo-text-mobile {
font-size: var(--font-size-body-smaller);
display: inline;
}
.small-promo-text-desktop p,
.small-promo-text-mobile p {
display: inline;
}
}
.small-promo-heading {
font-family: "Optima nova",sans-serif;
font-style: normal;
font-weight: 600;
display: inline;
margin: 0;
}
@media screen and (max-width: 1023px) {
.small-promo-heading {
font-size: var(--font-size-body-smaller);
}
}
@media screen and (min-width: 1024px) {
.small-promo-heading {
font-size: var(--font-size-body-small);
display: block;
}
}
.small-promo-content {
line-height: 1.3;
text-align: center;
}
@media screen and (min-width: 1024px) {
.small-promo-content {
max-width: 200px;
text-align: left;
}
}
.small-promo-content p {
margin: 0;
}
.small-promo-content a {
position: relative;
z-index: 1;
font-size: inherit;
color: inherit;
}
.small-promo-text-desktop {
display: inline;
}
@media screen and (min-width: 1024px) {
.small-promo-text-desktop {
display: block;
}
}
@media screen and (max-width: 1023px) {
.small-promo-text-mobile + .small-promo-text-desktop {
display: none;
}
}
@media screen and (min-width: 1024px) {
.small-promo-text-mobile {
display: none;
}
}/* Templates */
.account-page-masthead {
text-align: center;
}
.account-page-content .form-field {
margin-bottom: 1.25rem;
}
@media screen and (min-width: 720px) {
.account-page-content .form-fields-columns {
margin-bottom: calc(-1 * 1.25rem);
}
}
.account-page--two-column .account-page--column-half {
margin-top: 3.125rem;
}
.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: 2.0rem;
}
@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: #212121;
}
@media screen and (min-width: 1024px) {
.account-page-title {
font-size: 1.875rem;
}
}
.account-page-subtitle {
font-size: var(--font-size-heading-4);
margin-top: 0;
margin-bottom: 1.0rem;
color: #212121;
}
.account-page-subtitle:not(:first-child) {
margin-top: 2.0rem;
}
.account-message {
margin-bottom: 1.25rem;
}
.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.75rem;
}
.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: 1.0rem;
}
@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.5rem;
}
.account-page-register .account-page-content {
max-width: 640px;
}
.shopify-challenge__container {
margin-top: 1.75rem;
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.25rem;
margin-top: 10px;
background-color: #ffffff;
border-radius: 3px;
}
.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: 1.0rem;
margin-bottom: 1.0rem;
}.account-address-item--default {
font-style: italic;
}
.account-address-list {
padding-left: 0;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
list-style: none;
}
.account-address-list li {
margin-top: 0.5rem;
}
.account-address-list-footer {
margin-top: calc(1.25rem / 2);
}
.account-address-list-footer button {
margin-top: calc(1.25rem / 2);
}
.account-address-list-footer button:first-child {
margin-right: 0.5rem;
}
@media screen and (max-width: 1023px) and (min-width: 860px) {
.account-address-list-footer button:first-child {
margin-right: calc(0.5rem/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.25rem;
}
@media screen and (min-width: 720px) {
.page-content-contact .form-fields-columns {
margin-bottom: calc(-1 * 1.25rem);
}
}
.page-content-contact .contact-message {
margin-bottom: 1.25rem;
}
.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.75rem;
}
}
.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.75rem;
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.75rem;
line-height: 1.4;
letter-spacing: 0.0em;
text-decoration: none;
}.dynamic-collection-list--item-title,
.dynamic-collection-list--item-title-mobile {
font-family: Slate,sans-serif;
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.25rem * 2);
}
}
.label-style-heading .dynamic-collection-list--item-title,
.label-style-heading .dynamic-collection-list--item-title-mobile {
font-family: "Optima nova",sans-serif;
font-style: normal;
font-weight: 600;
font-size: var(--font-size-body);
letter-spacing: 0.0em;
color: #212121;
}.label-style-heading .dynamic-collection-list--item-title,
.label-style-heading .dynamic-collection-list--item-title-mobile {
text-transform: uppercase;
}.label-style-heading .dynamic-collection-list--item-title:hover,
.label-style-heading .dynamic-collection-list--item-title-mobile:hover {
color: #777777;
}
@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.25rem;
margin-bottom: 1.75rem;
}
}
.dynamic-collection-list--item-title {
margin-top: 0.75rem;
}
@media screen and (max-width: 719px) {
.dynamic-collection-list--item-title {
display: none;
}
}
.dynamic-collection-list--item-title-mobile {
margin-top: 0.5rem;
}
@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.25rem 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.5rem;
}.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: 4.25rem 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 - 20px);
margin-right: 20px;
}
.featured-collection--container .featured-collection--content[data-layout=grid] .productgrid--item:nth-child(n+6) {
margin-top: 20px;
}
.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: 20px;
grid-column-gap: 20px;
column-gap: 20px;
row-gap: 20px;
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(25% - (3 * 20px) / 4);
margin-right: 20px;
}
}
@media screen and (min-width: 1280px) {
.featured-collection--container .featured-collection--content[data-layout=slideshow] .productgrid--item {
width: calc(20% - (4 * 20px) / 5);
margin-right: 20px;
}
}
.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% + 20px);
height: inherit;
min-height: 200%;
padding-right: 10px;
padding-left: 10px;
margin-left: -10px;
overflow: hidden;
pointer-events: none;
}
.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: Slate,sans-serif;
font-style: normal;
font-weight: 200;
font-size: var(--font-size-body-smaller);
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
}
.featured-collection--banner-title {
font-family: "Optima nova",sans-serif;
font-style: normal;
font-weight: 600;
font-size: var(--font-size-heading-3);
margin-top: 0.5rem;
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.25rem;
}
}
.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: 3px;
}
@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: 3px;
}
.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: 3px;
}
.featured-collections--grid-item-image-wrapper .featured-collections--grid-item-image {
width: 100%;
height: auto;
border-radius: 3px;
}
.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: "Optima nova",sans-serif;
font-style: normal;
font-weight: 600;
letter-spacing: 0.0em;
color: #212121;
}.featured-collections-grid-item-title.style-heading {
text-transform: uppercase;
}.featured-collections-grid-item-title.style-body {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 200;
letter-spacing: 0.0em;
color: #111111;
text-transform: initial;
}
.featured-collections-grid-item-title:hover {
color: #777777;
}
.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: 3px;
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.25rem 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.75rem;
padding-bottom: 1.75rem;
}
.highlights-banners:before, .highlights-banners:after {
display: none;
}
}
.highlights-banners-block {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 0 1.25rem;
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: 1.0rem;
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.25rem;
}
}
.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.75rem;
}
@media screen and (min-width: 1024px) {
.highlight-banners-align-center .highlights-banners-icon {
margin-bottom: 1.0rem;
}
}
.highlight-banners-align-right .highlights-banners-icon {
margin-right: 0;
margin-left: 1.25rem;
}
.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: "Twentieth Century",sans-serif;
font-style: normal;
font-weight: 500;
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: 3px;
}
.image-with-text-background svg {
width: 100%;
height: 100%;
max-height: 100%;
border-radius: 3px;
}
.image-with-text-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 3px;
}
@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.25rem;
}
}
@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.75rem;
}
}
@media screen and (min-width: 1080px) {
.image-with-text-content-wrapper,
.image-with-text-section-height-original .image-with-text-content-wrapper {
padding: 2.0rem;
}
}
@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.25rem;
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.875rem;
}
}
@media (min-width: 720px) {
.image-with-text-heading {
margin-bottom: 12px;
}
}
@media screen and (min-width: 1024px) {
.image-with-text-heading {
font-size: 2.125rem;
}
}
.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.75rem;
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: #212121;
text-decoration: none;
}
.alt-img-with-text--content {
display: flex;
align-items: center;
border-radius: 3px;
}
.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: 3px 3px 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 3px 3px;
}
@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 3px 3px 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: 3px 0 0 3px;
}
}
.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.75rem 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: Slate,sans-serif;
font-style: normal;
font-weight: 200;
font-size: var(--font-size-body-medium);
margin: 0 0 0.75rem;
letter-spacing: 0.0em;
}
.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.75rem 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: 1.0rem 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.75rem;
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: 0.6875rem 1.375rem;
letter-spacing: 0.01em;
margin-top: 1.25rem;
}.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.75rem;
}.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 {
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 720px) {
.logolist--inner {
gap: 1.75rem;
}
}
@media screen and (min-width: 1280px) {
.logolist--inner {
gap: 2.0rem;
}
}
.logolist--item {
position: relative;
width: 90px;
font-size: var(--font-size-body);
transition: width 0.1s ease, margin 0.1s ease;
}
@media screen and (min-width: 720px) {
.logolist--item {
width: 120px;
}
}
@media screen and (min-width: 1024px) {
.logolist--item {
width: 160px;
}
}
.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: 3px;
}
@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 3px 3px;
}
.dynamic-map-section-layout-mobile-below .dynamic-map-wrapper {
border-radius: 3px 3px 0 0;
}
}
.dynamic-map-wrapper .dynamic-map-image {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
border-radius: 3px;
}
.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: 3px;
}
.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: 3px;
}
@media screen and (max-width: 679px) {
.dynamic-map-card {
max-width: 100%;
}
.dynamic-map-section-layout-mobile-above .dynamic-map-card {
border-radius: 3px 3px 0 0;
}
.dynamic-map-section-layout-mobile-below .dynamic-map-card {
border-radius: 0 0 3px 3px;
}
}
@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: #212121;
}
.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: 3px;
}
}
@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 3px 3px;
}
.menulist--item:first-child {
border-radius: 3px 3px 0 0;
}
.menulist--item:only-child {
border-radius: 3px;
}
@media screen and (min-width: 720px) {
.menulist--item {
padding: 1.25rem;
border: 0;
border-radius: 3px;
}
.menulist--item:first-child, .menulist--item:last-child {
border-radius: 3px;
}
}
@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: "Optima nova",sans-serif;
font-style: normal;
font-weight: 600;
font-size: var(--font-size-heading-5);
position: relative;
padding: 1.5rem 1.25rem;
margin: 0;
color: #212121;
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: 2.0rem;
padding-bottom: 0;
}
.dynamic-newsletter-mobile-alignment-bottom .dynamic-newsletter-figure + .dynamic-newsletter-content {
padding-top: 0;
padding-bottom: 2.0rem;
}
}
.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: #212121;
}
@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: 2.0rem;
margin-bottom: -2.0rem;
}
@media screen and (min-width: 1024px) {
.promo-grid--static .promo-grid--container {
margin-top: 3.125rem;
margin-bottom: -3.125rem;
}
}
.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.75rem;
}
}
.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: 3px;
}
.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.75rem 1.25rem;
color: currentColor;
text-decoration: none;
border-radius: 3px;
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.75rem 1.25rem;
}
.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: 2.0rem;
padding-bottom: 2.0rem;
}
@media screen and (max-width: 719px) {
.promo-block-grid--content {
height: 120px;
padding-right: calc(4.375rem + 1.25rem);
margin-top: 10px;
cursor: pointer;
}
.promo-block-grid--content .promo-block-grid--content-wrapper {
padding-right: calc(4.375rem + 1.25rem);
}
.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.75rem;
padding-bottom: 1.75rem;
}
.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.75rem;
}
.promo-block-grid--content .promo-block-grid--content-wrapper {
padding: 1.75rem;
}
}
.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: Slate,sans-serif;
font-style: normal;
font-weight: 200;
font-size: var(--font-size-body-medium);
margin: 0 0 0.5rem;
letter-spacing: 0.0em;
}
@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.5rem;
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: 2.0rem;
}.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;
}
}
@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.875rem;
}.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: 3px;
}
.promo-block-mosaic--content {
position: relative;
display: block;
height: 100%;
padding: 2.0rem 1.25rem;
color: currentColor;
text-decoration: none;
border-radius: 3px;
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.25rem);
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.75rem;
}
}
.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.25rem;
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.25rem;
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: 3.125rem;
}
.rich-text-block:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 860px) {
.rich-text-block {
margin-bottom: calc(3.125rem * 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.25rem;
margin-block-start: 0;
line-height: 1.5;
color: #212121;
}
.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 {
z-index: unset;
}
.search-section .live-search-form-field {
color: #212121;
background-color: #ffffff;
}
.search-section .live-search-form-field::placeholder {
color: #333333;
}
.search-section .live-search-button {
color: #000000;
background-color: {{ shop.brand.colors.primary[0].foreground }};
}.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: #ffffff;
}.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-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.75rem;
color: #212121;
}
.search-section-text {
margin-top: 0;
margin-bottom: 2.0rem;
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.25rem;
}
.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.25rem;
}
.testimonials .dot {
width: 6px;
height: 6px;
}
.testimonials .dot:not(.is-selected) {
opacity: 0.25;
}
.testimonial {
display: flex;
align-items: center;
width: 100%;
padding: 2.0rem;
background-color: #ffffff;
border-radius: 3px;
}
@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.75rem;
}
.testimonials-4 .testimonial {
width: calc(50% - 20px);
padding: 1.75rem;
}
.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.75rem;
}
.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.75rem - 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(2.0rem - 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: Slate,sans-serif;
font-style: normal;
font-weight: 200;
position: relative;
letter-spacing: 0.0em;
}.testimonial-blockquote-quote p {
margin-top: 1.0rem;
margin-bottom: 1.0rem;
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: 3px;
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: #212121;
text-decoration: none;
}
.tweet--header-screenname {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 200;
font-size: var(--font-size-heading-6);
display: block;
line-height: 1.5;
letter-spacing: 0.0em;
color: #7c7873;
text-transform: none;
}
.tweet--content {
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
max-height: 100%;
margin-top: 1.75rem;
}
.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 * 1.0rem) - 1.0rem) / 2);
margin-bottom: 0;
line-height: 1.6;
text-overflow: ellipsis;
word-wrap: break-word;
}
.tweet--content .tweet img {
display: inline-block;
height: calc(1.0rem + 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: 1.0rem;
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: #777777;
}
.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.125rem;
}
.twitter--placeholder-screenname {
width: 100px;
height: 1.0rem;
}
.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(3.125rem * 2);
margin-bottom: calc(4.25rem * 3);
text-align: center;
}
.fourohfour--container .fourohfour-title h1, .fourohfour--container .fourohfour-title .age-gate__heading {
margin-top: 0;
color: #212121;
}
.fourohfour--inner p {
margin-bottom: 1.75rem;
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;
position: relative;
font-size: var(--font-size-body-smaller);
display: block;
padding: 15px 0;
line-height: 1.3;
letter-spacing: 0.0em;
text-align: center;
text-decoration: none;
transform: translate3d(0, 0, 0) scale(1);
z-index: 502;
}
.site-header-wrapper ~ .shopify-section-group-header-group-minimal .announcement-bar, .site-header-wrapper ~ .shopify-section-group-header-group-basic .announcement-bar, .site-header-wrapper ~ .shopify-section-group-header-group-traditional .announcement-bar {
z-index: 500;
}
@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: 2.0rem;
}
@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.25rem;
}
@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.75rem;
}
}
.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.5rem;
margin-left: 0 !important;
}
}
.article--share-buttons {
margin-top: 2.0rem;
}
@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: 2.0rem;
color: #212121;
}
.article--meta + .article--title {
margin-top: 0.75rem;
}
.article--tags {
font-style: normal;
font-weight: 200;
font-size: var(--font-size-body-smaller);
margin-top: 3.125rem;
letter-spacing: 0.0em;
color: #7c7873;
}
.article--tags .article--tags-title {
color: #111111;
}
.article--tags a {
margin-left: 0.25rem;
color: #7c7873;
}
.article--tags a:hover {
color: rgba(17, 17, 17, 0.6);
}
.article--pagination {
width: 100%;
margin-top: 4.25rem;
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.0em;
vertical-align: top;
}.article--pagination .article--pagination-text {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 400;
}.article--pagination .article--pagination-title {
font-family: Slate,sans-serif;
font-style: italic;
font-weight: 200;
font-size: var(--font-size-body-small);
display: none;
margin-top: 0.25rem;
line-height: 1.46;
letter-spacing: 0.0em;
color: #111111;
}
@media screen and (min-width: 680px) {
.article--pagination .article--pagination-title {
display: block;
}
}
.blog-title {
margin-top: 0.75rem;
margin-bottom: 1.0rem;
color: #212121;
}
@media screen and (min-width: 1024px) {
.blog-title {
margin-top: 1.75rem;
margin-bottom: 1.0rem;
}
}
.blog-title h1, .blog-title .age-gate__heading,
.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.75rem;
}
}
@media screen and (min-width: 720px) {
.blog--inner .article--excerpt-wrapper {
margin-bottom: 3.125rem;
}
}
@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.25rem);
}
}
@media screen and (min-width: 1024px) {
.cart.has-sidebar {
max-width: calc(860px + 280px + 2.0rem);
}
}
@media screen and (min-width: 1280px) {
.cart.has-sidebar {
max-width: calc(860px + 280px + 3.125rem);
}
}
@media screen and (min-width: 860px) {
.cart.has-sidebar .cart-flow {
width: calc(100% - (280px + 1.25rem));
margin-right: 1.25rem;
}
}
@media screen and (min-width: 1024px) {
.cart.has-sidebar .cart-flow {
width: calc(100% - (280px + 2.0rem));
margin-right: 2.0rem;
}
}
@media screen and (min-width: 1280px) {
.cart.has-sidebar .cart-flow {
width: calc(100% - (280px + 3.125rem));
margin-right: 3.125rem;
}
}
.cart-title {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-top: 1.75rem;
margin-bottom: 1.75rem;
color: #212121;
}
@media screen and (min-width: 720px) {
.cart-title {
margin-bottom: 2.0rem;
}
}
@media screen and (min-width: 1024px) {
.cart-title {
margin-top: 3.125rem;
margin-bottom: 3.125rem;
}
}
.cart-title h1, .cart-title .age-gate__heading {
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.25rem;
color: #7c7873;
}
.cart-title-total span {
font-family: "Humanist 521",sans-serif;
font-style: normal;
font-weight: 200;
display: inline-block;
margin-left: 0.25rem;
color: #212121;
}
.cart-title-total--small {
width: 100%;
}
.cart-title-total--large .cart-title-total {
margin-top: 0;
margin-right: 1.25rem;
text-align: right;
}
.cart-title-total--large span {
font-size: var(--font-size-heading-4);
display: block;
margin-top: 0.25rem;
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.25rem;
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.25rem;
}
.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: 2.0rem;
margin-bottom: 1.75rem;
}
.cart-notifications {
display: flex;
flex-direction: column;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.cart-notifications:empty {
margin: 0;
}
.cart-notifications > * {
padding: 1.25rem;
margin-bottom: 1.25rem;
font-size: 0.9375rem;
color: #111111;
background-color: #fafafa;
}
.cart-notifications > *:last-child {
margin-bottom: 0;
}
.cart-tools {
display: flex;
flex-direction: column;
margin-top: 1.25rem;
margin-bottom: 1.0rem;
}
.cart-tools:empty {
margin: 0;
}
.cart-tools > * {
margin-bottom: 1.0rem;
}
.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.75rem;
color: #111111;
}
.cart-subtotal {
display: table;
width: 100%;
padding-top: 1.75rem;
margin-top: 2.0rem;
margin-bottom: 1.0rem;
font-size: 1.375rem;
color: #212121;
border-top: 1px solid #eaeaea;
}
.cart-subtotal span {
display: table-cell;
vertical-align: middle;
}
.cart-subtotal .money {
font-family: "Humanist 521",sans-serif;
font-style: normal;
font-weight: 200;
font-size: 1.75rem;
text-align: right;
}
.cart-shipping {
font-size: var(--font-size-body);
margin-bottom: 1.75rem;
color: #111111;
line-height: 1.56;
}
.cart-shipping .cart-shipping-toggle {
display: block;
line-height: 1.56;
}.cart-shippingcalc--container {
display: none;
margin-bottom: 4.25rem;
}
.cart-shippingcalc--container.open {
display: block;
}
.cart-shippingcalc-form {
margin-top: 1.75rem;
margin-bottom: 1.75rem;
}
.cart-shippingcalc-form .cart-shippingcalc--inner {
margin-bottom: 1.0rem;
}
@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: 1.0rem;
}
.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% - 1.0rem/2 - 2px);
margin-right: 1.0rem;
}
.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.25rem;
color: #111111;
background-color: #fafafa;
border-radius: 3px;
}
.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.25rem;
}
.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.25rem;
}
.additional-checkout-buttons {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
[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.75rem;
}
}
@media screen and (max-width: 859px) and (min-width: 480px) {
.cart-sidebar {
display: flex;
margin-top: 3.125rem;
}
}
@media screen and (min-width: 860px) {
.cart-sidebar {
width: 280px;
}
}
.cart-sidebar-item {
position: relative;
margin-bottom: 1.25rem;
}
@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.25rem/2);
}
.cart-sidebar-item:first-child {
margin-right: 1.25rem;
}
}
@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: 3px;
}
.cart-sidebar-item--text {
padding: 1.25rem;
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.25rem;
}
@media screen and (min-width: 720px) {
.collection--section {
margin-top: 1.75rem;
}
}
.collection--section .productgrid--masthead.no-breadcrumbs {
margin-top: 0;
}
@media screen and (min-width: 720px) {
.collection--section .productgrid--masthead.no-breadcrumbs {
margin-top: 0.5rem;
}
}
.collection--image {
position: relative;
margin: 0;
}
.collection--image img {
display: block;
width: 100%;
height: auto;
border-radius: 3px;
}
.collection--information {
margin-top: 1.75rem;
}
.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: #212121;
}
.collection--description {
margin-top: 0.5rem;
}
.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: #777777;
}
@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: 3.125rem 0;
text-align: center;
}
@media screen and (min-width: 720px) {
.productgrid--outer .collection--information.collection--minimal {
margin: 4.25rem 0;
}
}
.productgrid--outer .collection--information.collection--minimal.has-image-with-text {
margin-bottom: 1.75rem;
}
@media screen and (min-width: 720px) {
.productgrid--outer .collection--information.collection--minimal.has-image-with-text {
margin-bottom: 2.0rem;
}
}
.productgrid--outer .collection--information.collection--minimal .collection--description.rte {
max-width: 34.375rem;
margin: 1.25rem 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: #ffffff;
background-color: #212121;
}
.site-footer a {
text-decoration: none;
transition: color 0.1s ease;
}
@media screen and (min-width: 1024px) {
.site-footer {
padding-top: calc(4.25rem - 1.0rem);
padding-bottom: 3.125rem;
}
}
.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.75rem;
padding-left: 1.75rem;
}
}
@media screen and (min-width: 1080px) {
.site-footer-item {
padding-right: calc(40px);
padding-left: calc(40px);
}
}
.site-footer-item--information {
margin: 2.0rem auto 0;
width: 100%;
display: flex;
flex-direction: column;
gap: 40px;
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment=centered] .site-footer-item--information {
text-align: center;
}
}
.site-footer__row {
display: flex;
flex-direction: column-reverse;
gap: 40px;
}
@media screen and (min-width: 1024px) {
.site-footer__row {
flex-direction: row;
gap: 20px;
}
}
@media screen and (min-width: 1024px) {
.site-footer__row > :nth-child(1) {
flex: 1 1 50%;
}
}
@media screen and (min-width: 1024px) {
.site-footer__row > :nth-child(2) {
margin-left: auto;
}
}
.site-footer__row--first .site-footer-right > :nth-child(2):not(:only-child) {
display: none;
}
.site-footer__row--first .site-footer-right--selectors-only {
display: none;
}
@media screen and (max-width: 1023px) {
.site-footer__row--first .site-footer-right--selectors-only {
display: block;
}
}
.site-footer__row--first .site-footer-right--payments-only {
display: none;
}
.site-footer__row--second .site-footer-right > :nth-child(1):not(:only-child) {
display: none;
}
.site-footer__row--second .site-footer-right--selectors-only {
display: block;
}
@media screen and (max-width: 1023px) {
.site-footer__row--second .site-footer-right--selectors-only {
display: none;
}
}
.site-footer__row--second .site-footer-right--payments-only {
display: block;
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment=centered] .site-footer-left__follow-on-shop {
text-align: center;
}
}
.site-footer__row-inner-wrapper-left {
font-size: 0.8125rem;
}
@media screen and (max-width: 1023px) {
.site-footer__row-inner-wrapper-left {
text-align: center;
}
}
.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(255, 255, 255, 0.5);
}
.site-footer-navigation .navmenu-link {
color: #ffffff;
}
.site-footer-navigation .navmenu-link:hover {
color: #ede3d5;
}
.site-footer-credits {
margin-block: 0;
color: #999999;
text-align: left;
overflow-wrap: break-word;
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment=centered] .site-footer-credits {
text-align: center;
}
}
.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;
flex-grow: 1;
flex-shrink: 1;
flex-wrap: wrap;
align-items: flex-end;
order: -1;
width: 100%;
padding-left: 0;
margin-bottom: 2.0rem;
list-style: none;
}
[data-mobile-alignment=centered] .site-footer-information__payment-icons-cross-border {
justify-content: center;
}
@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;
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: auto;
margin-right: -5px;
margin-bottom: -0.75rem;
margin-left: -5px;
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment=centered] .shopify-localization-form {
justify-content: center;
width: auto;
}
}
@media screen and (min-width: 1024px) {
.shopify-localization-form {
justify-content: flex-end;
}
}
.listcollections--container {
margin-top: 1.25rem;
}
@media screen and (min-width: 720px) {
.listcollections--container {
margin-top: 1.75rem;
}
.listcollections--container.no-breadcrumbs {
margin-top: 2.0rem;
}
}
.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: 2.0rem;
}
.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: 4.25rem;
}
}
.password-page-header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: auto;
padding: 10px 10px;
background-color: #ffffff;
}
@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: #212121;
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: 2.0rem;
padding-bottom: 2.0rem;
text-align: center;
}
@media screen and (min-width: 720px) {
.password-page-content--inner {
padding-top: 4.25rem;
padding-bottom: 4.25rem;
}
}
.password-title {
margin-top: 0;
margin-bottom: 1.25rem;
color: #212121;
}
.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.25rem;
color: #212121;
}
.password-mailinglist--container .password-mailinglist-title h1, .password-mailinglist--container .password-mailinglist-title .age-gate__heading {
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: 200;
font-size: var(--font-size-body);
letter-spacing: 0.0em;
}
.password-page-footer {
padding-top: 1.0rem;
padding-bottom: 1.0rem;
text-align: center;
}
.password-page-footer--item {
display: block;
}
.password-page-footer--item:not(:first-child) {
margin-top: 0.5rem;
}
@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.75rem;
color: #212121;
}
.passwordentry-contents .passwordentry-message {
margin-bottom: 1.25rem;
}
.passwordentry-contents .form-fields-inline {
display: table;
width: 100%;
}
.passwordentry-contents .passwordentry-input {
display: table-cell;
width: 100%;
padding-right: 0.75rem;
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: 1.0rem;
padding-left: 1.0rem;
}
}
.passwordentry-owner {
margin-top: 1.75rem;
margin-bottom: 0;
color: #111111;
}
.modal--passwordentry .modal-inner {
max-width: 450px;
padding: 1.75rem 1.25rem;
text-align: center;
white-space: normal;
}
@media screen and (min-width: 680px) {
.modal--passwordentry .modal-inner {
padding: 3.125rem;
}
}
.product--container {
margin-top: 1.25rem;
}
@media screen and (min-width: 720px) {
.product--container {
margin-top: 1.75rem;
}
.product--container.no-breadcrumbs {
margin-top: 2.0rem;
}
}
@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.75rem;
}
.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: #777777;
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: 2.0rem;
}
}
.search-filter__form {
margin-top: 1.25rem;
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: 1.0rem;
}
@media screen and (min-width: 860px) {
.search-filters__details-wrapper {
position: relative;
}
}
.search-filters__filter-group {
padding-right: 0.75rem;
margin-top: 1.0rem;
border: 1px solid #212121;
border-radius: 3px;
}
.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.75rem;
margin-top: 0.25rem;
margin-block-end: 0;
overflow-y: auto;
list-style-type: none;
background-color: #ffffff;
border: 1px solid #212121;
border-radius: 3px;
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.75rem 2.0rem 0.75rem 0.75rem;
}
.search-filters__filter-range--from,
.search-filters__filter-range--to {
display: flex;
align-items: center;
padding: 0.25rem 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.25rem;
}
.search-filter-item__label {
display: flex;
}
.filter-group--grid {
position: relative;
z-index: 1;
}
.filter-group--grid.search-filters__active {
margin-top: 1.25rem;
}
.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.75rem;
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.75rem;
}
}
.slideshow-link {
color: #212121;
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.75rem;
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.25rem - 0.75rem);
}
@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.25rem;
grid-column-gap: 0.75rem;
grid-row-gap: 0.75rem;
}
.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.875rem - 0.75rem);
}
}
.slideshow-button {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0.75rem calc(0.75rem / 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;
}}
.utility-bar {
position: relative;
z-index: 502;
}
.site-header-wrapper ~ .shopify-section-group-header-group-minimal .utility-bar, .site-header-wrapper ~ .shopify-section-group-header-group-basic .utility-bar, .site-header-wrapper ~ .shopify-section-group-header-group-traditional .utility-bar {
z-index: 500;
}
@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.75rem;
padding-bottom: 0.75rem;
}
.utility-bar-full-width .utility-bar-content {
width: 100%;
max-width: 100%;
}
.utility-bar-content a {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 200;
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(255, 255, 255, 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.25rem * 3 / 4);
padding-right: 1.25rem;
margin-right: 1.25rem;
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.25rem * 4 / 5);
}
.site-footer-block-item.site-footer-block-newsletter {
width: calc(24% - 1.25rem * 4 / 5);
}
}
.site-footer-block-title {
font-family: "Optima nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-footer-heading);
position: relative;
padding-top: 1.0rem;
padding-bottom: 1.0rem;
margin-top: 0;
margin-bottom: 0;
color: #ffffff;
letter-spacing: 0.0em;
}.site-footer-block-title {
text-transform: uppercase;
}@media screen and (max-width: 1023px) {
.site-footer-block-title {
padding-top: 1.25rem;
}
.site-footer-block-menu .site-footer-block-title {
padding-top: 1.0rem;
}
}
.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.25rem;
line-height: 1.6;
}
.site-footer-block-newsletter .site-footer-block-content {
padding-bottom: 0;
margin-bottom: 1.25rem;
}
.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: #c7b7a0;
text-decoration: underline;
}
.site-footer-block-content.rte a:hover {
color: #ede3d5;
}
.site-footer-block-content .navmenu-link {
color: #ffffff;
}
.site-footer-block-content .navmenu-link:hover {
color: #ede3d5;
}
.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.25rem;
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment=centered] .site-footer-block-social-accounts {
align-items: center;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
}
.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.75rem;
padding-bottom: 0.75rem;
}
}
.site-footer-block-newsletter .newsletter {
padding-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
.site-footer-block-newsletter .newsletter {
margin-top: calc(1.25rem - 1.0rem);
}
}
.site-footer-block-newsletter .newsletter .newsletter-input .form-field-input {
color: #ffffff;
background: none;
border-color: #ffffff;
}
.site-footer-block-newsletter .newsletter .newsletter-input .form-field-title {
color: rgba(255, 255, 255, 0.6);
}
.site-footer-block-newsletter .newsletter .newsletter-input .form-field-title::before {
background: #212121;
}
.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: 1.0rem;
padding-left: 1.0rem;
}.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(600px + 2 * 10px);
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.page-content,
.page-masthead {
max-width: calc(600px + 2 * 1.75rem);
}
}
@media screen and (min-width: 1080px) {
.page-content,
.page-masthead {
max-width: calc(600px + 4 * 20px);
}
}
.page-title {
font-size: var(--font-size-heading-1);
color: #212121;
}
@media screen and (min-width: 1024px) {
.page-title {
font-size: 1.875rem;
}
}
.site-main {
position: relative;
z-index: 500;
outline: none;
}
body:not(.template-index) .site-main {
padding-bottom: 2.0rem;
}
@media screen and (min-width: 1024px) {
body:not(.template-index) .site-main {
padding-bottom: 3.125rem;
}
}
.site-main-dimmer {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 501;
display: none;
background: rgba(33, 33, 33, 0.5);
opacity: 0;
}
.site-main-dimmer[data-animation] {
display: block;
}
.site-main-dimmer[data-animation="closed=>open"] {
transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1) 75ms;
}
.site-main-dimmer[data-animation="open=>closed"] {
transition: opacity 125ms cubic-bezier(0.4, 0, 1, 1) 75ms;
}
.site-main-dimmer[data-animation-state=open] {
display: block;
opacity: 1;
}
.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: 100%;
}
.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.75rem;
margin-bottom: 0;
color: #313131;
}
.site-navigation .navmenu-meganav--image-link {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 200;
font-size: var(--font-size-body);
display: block;
padding: 0;
text-transform: none;
letter-spacing: 0.0em;
color: #313131;
}
.site-navigation .navmenu-meganav--image-link:hover {
color: #111111;
}
.site-navigation .navmenu-meganav--image-link:hover .navmenu-meganav--image-text {
color: #111111;
}
.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: #ffffff;
}
.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: "Twentieth Century",sans-serif;
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.0em;
}
.mobile-nav-content .navmenu-item-highlighted > a {
color: #ca003d;
}
.mobile-nav-content .navmenu-item-highlighted > a:hover {
color: rgba(202, 0, 61, 0.7);
}
.mobile-nav-content .navmenu-depth-2 {
font-style: normal;
font-weight: 200;
font-size: var(--font-size-body);
letter-spacing: 0.0em;
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.75rem auto;
background-color: #eaeaea;
border: 0;
}
.mobile-nav-content .navmenu + .navmenu-hr {
margin-top: calc(1.75rem - 0.8125rem);
}
.mobile-nav-content .navmenu-utility-bar + .navmenu-hr {
margin-top: calc(1.75rem - 0.75rem);
}
.mobile-nav-content .navmenu-hr + .navmenu {
margin-top: -0.8125rem;
}
.mobile-nav-content .navmenu-hr + .navmenu-utility-bar {
margin-top: -0.75rem;
}
.mobile-nav-content .navmenu-utility-bar .navmenu-item > .navmenu-link {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
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: #111111;
}
.mobile-nav-content .navmenu-link-parent-active ~ .navmenu-button {
color: #111111;
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;
}
.recipient-disclosure {
--recipient-disclosure-top-margin: 0;
--recipient-disclosure-bottom-margin: 0;
--recipient-form-field-gap: 0;
--recipient-form-label-gap: 0;
--recipient-form-label-margin: 6px;
--recipient-form-checkbox-width: 12px;
--recipient-form-checkbox-border-width: 1px;
--recipient-form-checkbox-border-color: #000000;
--recipient-form-checkbox-border-radius: 0;
--recipient-form-checkbox-svg-color: inherit;
--recipient-form-error-color: #cc3333;
margin: var(--recipient-disclosure-top-margin) 0 var(--recipient-disclosure-bottom-margin);
}
.recipient-disclosure__summary {
position: relative;
list-style: none;
}
.recipient-disclosure__summary::-webkit-details-marker {
display: none;
}
.recipient-disclosure__checkbox {
position: absolute;
-webkit-appearance: none;
appearance: none;
width: var(--recipient-form-checkbox-width);
height: var(--recipient-form-checkbox-width);
border: var(--recipient-form-checkbox-border-width) solid var(--recipient-form-checkbox-border-color);
border-radius: var(--recipient-form-checkbox-border-radius);
}
.recipient-disclosure__checkbox:checked ~ svg {
visibility: visible;
}
.recipient-disclosure__checkbox-label {
display: flex;
align-items: center;
}
.recipient-disclosure__checkbox-label svg {
visibility: hidden;
position: absolute;
width: var(--recipient-form-checkbox-width);
height: var(--recipient-form-checkbox-width);
color: var(--recipient-form-checkbox-svg-color);
}
.recipient-disclosure__checkbox,
.recipient-disclosure__checkbox-label {
cursor: pointer;
}
.recipient-disclosure__checkbox-label-text {
flex: 1;
margin-left: calc(var(--recipient-form-checkbox-width) + var(--recipient-form-label-margin));
}
.recipient-form {
display: flex;
flex-direction: column;
gap: var(--recipient-form-field-gap);
margin-top: 1rem;
}
.recipient-form__input-wrapper {
position: relative;
display: flex;
flex-direction: column;
gap: var(--recipient-form-label-gap);
}
.recipient-form__input {
box-sizing: border-box;
}
.recipient-form__error-message {
display: none;
}
.recipient-form--has-errors .recipient-form__error-message {
display: block;
}
.recipient-form__max-characters-message {
display: block;
margin-top: 0.25rem;
}
.recipient-disclosure {
--recipient-disclosure-top-margin: 1.25rem;
--recipient-disclosure-bottom-margin: 1.25rem;
--recipient-form-field-gap: 1.25rem;
--recipient-form-label-margin: 0.5rem;
--recipient-form-checkbox-width: 13px;
--recipient-form-checkbox-border-color: #212121;
--recipient-form-checkbox-border-radius: 1.5px;
--recipient-form-checkbox-svg-color: #777777;
--recipient-form-error-color: #f05d5d;
width: 100%;
border: none;
}
.smart-payment-enabled .recipient-disclosure + .product-form--atc-button {
margin: 0;
}
@media screen and (max-width: 859px) {
.recipient-disclosure {
--recipient-disclosure-top-margin: 0.75rem;
--recipient-disclosure-bottom-margin: 0.75rem;
}
}
@media screen and (max-width: 859px) {
.recipient-form {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
.recipient-disclosure__checkbox-label svg {
border-radius: 1.5px;
}
@media screen and (max-width: 859px) {
.recipient-disclosure__checkbox-label-text {
padding: 1.0rem 0;
}
}
.recipient-form--has-errors .recipient-form__input--email {
border-color: var(--recipient-form-error-color);
}
.recipient-form__error-message {
margin-top: 0.5rem;
color: var(--recipient-form-error-color);
}
.recipient-form__max-characters-message {
margin-top: 0.5rem;
}
.home-section--title-container {
padding: 0 0.5rem;
margin-top: 0;
margin-bottom: 2.625rem;
text-align: center;
}
@media screen and (max-width: 719px) {
.home-section--title-container {
margin-bottom: 1.75rem;
}
}
.home-section--title {
font-family: "Optima nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-section-heading);
margin-top: 0;
margin-bottom: 1.25rem;
letter-spacing: 0.0em;
color: #212121;
text-align: center;
}.home-section--title {
text-transform: uppercase;
}.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.75rem;
margin-bottom: 0;
}
.rte .tabs li {
display: inline-block;
line-height: 1;
cursor: pointer;
color: #212121;
margin-top: 1.25rem;
margin-right: 1.75rem;
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 #212121;
}
.rte .tabs li span {
display: inline-block;
padding-bottom: 0.375rem;
outline: none;
}
.rte .tabs-content {
margin-top: 1.25rem;
}
.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 .age-gate__heading: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: 10px;
overflow: hidden;
background-color: #ffffff;
border-radius: 3px;
transition: all 0.2s ease-out;
}
@media screen and (min-width: 720px) {
.cart-item {
padding: 1.25rem;
}
}
@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(20px * 2 / 3);
}
}
@media screen and (min-width: 1080px) {
.cart-item {
margin-bottom: 20px;
}
}
.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.75rem 1.75rem 0;
margin-bottom: 1.75rem;
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.25rem;
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.25rem;
}
@media screen and (max-width: 1023px) and (min-width: 860px) {
.cart.has-sidebar .cart-item--content {
margin-bottom: 1.75rem;
}
}
.cart-item--content-title {
font-family: "Optima nova",sans-serif;
font-style: normal;
font-weight: 300;
font-size: var(--font-size-product-card);
margin-top: 0;
margin-bottom: 0.5rem;
color: #212121;
}
.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.0em;
}
.cart-item--sale-price {
color: #7c7873;
text-decoration: line-through;
}
.cart-item--info {
position: relative;
padding-right: 0;
padding-left: 1.25rem;
margin-top: calc(1.75rem - 0.75rem);
}
@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.75rem;
}
.cart-item--quantity {
width: 100%;
max-width: calc(7.1875rem + 1.25rem);
min-width: calc(7.1875rem + 1.25rem);
padding-right: 1.25rem;
padding-left: 0;
}
.cart-item--total {
font-family: "Humanist 521",sans-serif;
font-style: normal;
font-weight: 200;
font-size: var(--font-size-heading-5);
padding-right: calc(1.25rem + 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.25rem;
text-align: right;
}
@media screen and (min-width: 560px) {
.cart-item--remove {
position: relative;
right: auto;
bottom: auto;
flex-grow: 0;
width: calc(1.25rem * 2 + 1.25rem);
max-width: 33.3333333333%;
padding-left: calc(1.25rem * 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: 3.125rem;
}
.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: 3.125rem;
}
.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: 3.125rem;
}
.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: 3px;
}
.collection--item-info {
font-size: var(--font-size-body);
margin-top: 1.25rem;
margin-bottom: 0;
text-align: center;
}
.collection--item-title {
font-weight: 700;
display: inline-block;
line-height: 1.4;
text-decoration: none;
}
.shopify-cross-border {
display: flex;
}
.no-js .selectors-form--no-js-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 > summary {
list-style: none;
}
.disclosure > summary::-webkit-details-marker {
display: none;
}
.disclosure__toggle {
width: auto;
padding: 5px 32px 4px 11px;
color: black;
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;
max-width: 250px;
min-width: 200px;
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);
}
}
noscript .disclosure-list {
width: max-content;
}
.disclosure-list--visible {
display: block;
}
.disclosure-list--alternate-drop {
right: 0;
}
.disclosure-list__item-wrapper {
display: flex;
align-items: center;
margin-top: 1rem;
}
.disclosure-list__item-wrapper:first-child {
margin-top: 0;
}
.disclosure-list__item--label {
word-break: keep-all;
margin-left: 5px;
}
.disclosure__submit {
margin-top: 1rem;
}
.disclosure-list__item {
display: block;
padding: 5px 25px 4px 15px;
text-align: left;
text-decoration: none;
border-bottom: 1px solid transparent;
}
.disclosure-list__item.disclosure-list__item-wrapper {
display: flex;
}
.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;
}
.disclosure-list__option-code {
white-space: nowrap;
}
.disclosure {
--disclosure-toggle-text-color: #ffffff;
--disclosure-toggle-background-color: #212121;
--disclosure-toggle-border-color: rgba(255, 255, 255, 0.4);
--disclosure-toggle-svg-color: #ffffff;
--disclosure-text-color: #777777;
--disclosure-background-color: #ffffff;
}
.shopify-cross-border {
gap: 0.75rem;
justify-content: flex-end;
margin-right: 0.75rem;
}
@media screen and (max-width: 1023px) {
.shopify-cross-border {
justify-content: flex-start;
}
}
@media screen and (max-width: 524px) {
.shopify-cross-border {
flex-direction: column;
}
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment=centered] .shopify-cross-border {
margin-inline: auto;
justify-content: center;
}
}
.disclosure-list__option-code {
margin-left: 0.25rem;
}
.disclosure__toggle {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 200;
padding: 5px 28px 4px 10px;
font-size: var(--font-size-body-small);
text-align: left;
border-radius: 3px;
}
.disclosure__toggle:focus {
border-color: #ffffff;
outline: 0;
}
.selectors-form__item {
margin-right: 5px;
margin-bottom: 0.75rem;
margin-left: 5px;
}
.disclosure-list {
bottom: 125%;
z-index: 5;
border: 0;
border-radius: 3px;
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 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: var(--font-size-body-small);
color: var(--disclosure-text-color);
}
.disclosure-list__item:hover {
background-color: #f4f4f4;
}
.disclosure-list__item:hover .disclosure-list__option {
border-bottom-color: transparent;
}
.disclosure-list__item.disclosure-list__item--current {
text-decoration: underline;
}
.disclosure-list__item.disclosure-list__item--current:hover .disclosure-list__option {
border-bottom-color: #777777;
}
.article--comments-item {
margin: 0 0 3.125rem;
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: #212121;
}
.article--comments-item .rte {
margin-top: 0.5rem;
}
.article--comments-item .rte > *:first-child {
margin-top: 0;
}
.article--comments-item .rte > *:last-child {
margin-bottom: 0;
}
.article--comments {
margin-top: 4.25rem;
}
.article--comments-title {
font-size: var(--font-size-heading-3);
margin-top: 0;
margin-bottom: 2.0rem;
color: #212121;
}
.article--comments-form .article--comments-title {
margin-bottom: 1.25rem;
}
.article--comments-form {
margin-top: 4.25rem;
}
.article--comments-form .form-field--half {
margin-bottom: 1.25rem;
}
.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.75rem;
}.article--comments-form .article-comment--submit {
text-transform: uppercase;
}.article--comments-moderated {
font-family: Slate,sans-serif;
font-style: italic;
font-weight: 200;
margin-bottom: 2.0rem;
line-height: 1.6;
letter-spacing: 0.0em;
}
.article--comments-message {
margin-bottom: 1.25rem;
}
.article--comments-message.message--success {
padding: 0.5rem 0.75rem;
}
.article--comments-message.message--error {
padding: 0.5rem 0.75rem;
}
.article--comments-message ul {
font-style: normal;
font-weight: 200;
padding-left: 1.25rem;
margin-top: 0;
margin-bottom: 0;
letter-spacing: 0.0em;
}
.article--comments-message p {
font-style: normal;
font-weight: 200;
margin-top: 0;
margin-bottom: 0;
letter-spacing: 0.0em;
}
.article--comments-message p + .article--comments-error {
margin-top: 0.67em;
}
.article--comments-required {
font-size: var(--font-size-body-smallest);
margin-top: 1.25rem;
margin-bottom: 0;
color: #7c7873;
}
.article--excerpt-wrapper {
flex-grow: 0;
flex-shrink: 0;
text-align: center;
background-color: #ffffff;
border-radius: 3px;
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: 3px 3px 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.25rem;
white-space: normal;
}
.article--excerpt-wrapper--centered .article--excerpt-content {
align-self: center;
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
@media screen and (min-width: 1024px) {
.article--excerpt-wrapper--centered .article--excerpt-content {
padding-top: 4.25rem;
padding-bottom: 4.25rem;
}
}
.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.5rem;
margin-bottom: 1.0rem;
line-height: 1.3;
color: #212121;
}
.article--excerpt-title:first-child {
margin-top: 0;
}
.article--excerpt-title a {
color: currentColor;
text-decoration: none;
}
.article--excerpt-text {
margin-bottom: 1.0rem;
}
.article--excerpt-readmore {
margin-top: 1.0rem;
line-height: 1;
}
.article--excerpt-readmore--icon {
margin-left: 0.0625rem;
}
.article--excerpt-wrapper--featured {
width: 100%;
margin-right: 0;
margin-bottom: 3.125rem;
color: #ffffff;
background-color: #777777;
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: 4.25rem;
}
}
.article--excerpt-wrapper--featured .article--excerpt-image {
height: 15.625rem;
border-radius: 0 3px 3px 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: 2.0rem;
}
@media screen and (min-width: 1024px) {
.article--excerpt-wrapper--featured .article--excerpt-content {
padding: 3.125rem;
}
}
.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.5rem;
margin-bottom: 1.25rem;
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.25rem;
margin-bottom: 1.75rem;
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.75rem;
bottom: 1.75rem;
}
}
@media screen and (min-width: 1024px) {
.article--excerpt-wrapper--featured.article--excerpt-wrapper--no-image .article--excerpt-button {
right: 3.125rem;
bottom: 3.125rem;
}
}
@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.25rem;
margin-bottom: 1.25rem;
}
@media screen and (min-width: 720px) {
.breadcrumbs-container {
margin-top: 1.75rem;
margin-bottom: 1.75rem;
}
}
.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: 3.125rem;
margin-bottom: 1.75rem;
}
#shopify-section-static-blog .pagination__wrapper {
margin-top: 0;
}
.pagination__wrapper .icon-loading {
opacity: 0;
color: #777777;
}
.processing--pagination .pagination__wrapper .button-primary {
display: none;
}
.processing--pagination .pagination__wrapper .icon-loading {
height: 60px;
width: 60px;
opacity: 1;
color: #777777;
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.0em;
color: #111111;
}.pagination__item--active {
font-family: Slate,sans-serif;
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.75rem;
}
@media screen and (min-width: 720px) {
.share-buttons {
margin-top: 2.0rem;
}
}
.share-buttons .share-buttons--title {
font-size: var(--font-size-body-smaller);
margin-top: 0;
margin-bottom: 0;
letter-spacing: 0.0em;
color: #111111;
}.share-buttons .share-buttons--title {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 400;
}.share-buttons .share-buttons--list {
display: flex;
margin-top: 1.0rem;
}
.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.75rem;
}
}
.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.5rem;
}
@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: 700;
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.25rem;
padding-bottom: 1.25rem;
}
@media screen and (max-width: 719px) {
.atc-banner--outer {
padding: 1.25rem;
}
}
.atc-banner--inner {
width: 100%;
max-width: 920px;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
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: 2.0rem;
}
}
@media screen and (min-width: 1024px) {
.atc-banner--product {
padding-right: 2.0rem;
}
}
.atc-banner--cart {
margin-top: 3.125rem;
vertical-align: middle;
}
@media screen and (min-width: 720px) {
.atc-banner--cart {
display: table-cell;
width: 48%;
padding-left: 1.75rem;
margin-top: 0;
border-left: 1px solid #eaeaea;
}
}
@media screen and (min-width: 1024px) {
.atc-banner--cart {
padding-left: 3.125rem;
}
}
.atc-banner--product-title {
font-size: var(--font-size-heading-4);
margin-top: 0;
color: #212121;
}
.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: 2.0rem auto 0;
text-align: left;
vertical-align: middle;
}
@media screen and (min-width: 720px) {
.atc--product {
max-width: 100%;
margin-top: 1.75rem;
}
}
.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.75rem - 6.25rem);
margin-left: 1.75rem;
vertical-align: middle;
}
.atc--product-details--title {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 200;
font-size: var(--font-size-body);
margin-top: 0;
margin-bottom: 0;
line-height: 1.3125;
letter-spacing: 0.0em;
text-transform: inherit;
}
.atc--product-details--options {
font-size: var(--font-size-body-smaller);
display: block;
margin-top: 0.25rem;
line-height: 1.4;
color: #7c7873;
}
.atc--product-details--price {
font-size: var(--font-size-body-small);
display: block;
margin-top: 0.25rem;
line-height: 1.2;
}
.atc--product-details--unit-price {
display: block;
margin-top: 0.25rem;
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.25rem;
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: "Humanist 521",sans-serif;
font-style: normal;
font-weight: 200;
display: inline-block;
margin-left: 0.5rem;
color: #212121;
}
.atc-banner--cart-footer {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 1.75rem;
margin-bottom: calc(-1 * 0.5rem);
margin-left: calc(-1 * 0.5rem);
}
@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.5rem;
margin-left: 0.5rem;
}.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: 700;
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.75rem;
padding-bottom: 0.75rem;
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: #ffffff;
}
.social-icons-dark-light .social-link svg {
background-color: rgba(255, 255, 255, 0.15);
}
.social-icons-inverted .social-link {
color: #212121;
}
.social-icons-inverted .social-link svg {
background-color: #ffffff;
}
.social-icons-colored .social-link {
color: #fff;
}
.social-icons-colored .social-link svg {
background-color: #000;
}
.social-icons-colored .social-link.social-link-behance svg {
background-color: #1769ff;
}
.social-icons-colored .social-link.social-link-clubhouse svg {
background-color: #fee25d;
}
.social-icons-colored .social-link.social-link-discord svg {
background-color: #7289da;
}
.social-icons-colored .social-link.social-link-dribbble svg {
background-color: #ea4c89;
}
.social-icons-colored .social-link.social-link-facebook svg {
background-color: #4267b1;
}
.social-icons-colored .social-link.social-link-flickr svg {
background-color: #ff0084;
}
.social-icons-colored .social-link.social-link-houzz svg {
background-color: #7ac142;
}
.social-icons-colored .social-link.social-link-instagram svg {
background-color: #c13584;
}
.social-icons-colored .social-link.social-link-kickstarter svg {
background-color: #2bde73;
}
.social-icons-colored .social-link.social-link-linkedin svg {
background-color: #0077b5;
}
.social-icons-colored .social-link.social-link-medium svg {
background-color: #191919;
}
.social-icons-colored .social-link.social-link-messenger svg {
background-color: #0084ff;
}
.social-icons-colored .social-link.social-link-opensea svg {
background-color: #2081e2;
}
.social-icons-colored .social-link.social-link-pinterest svg {
background-color: #cc2129;
}
.social-icons-colored .social-link.social-link-reddit svg {
background-color: #ff4500;
}
.social-icons-colored .social-link.social-link-rss svg {
background-color: #f26522;
}
.social-icons-colored .social-link.social-link-snapchat svg {
background-color: #fffc00;
}
.social-icons-colored .social-link.social-link-spotify svg {
background-color: #1db954;
}
.social-icons-colored .social-link.social-link-tiktok svg {
background-color: #161823;
}
.social-icons-colored .social-link.social-link-tumblr svg {
background-color: #001935;
}
.social-icons-colored .social-link.social-link-twitch svg {
background-color: #9146ff;
}
.social-icons-colored .social-link.social-link-twitter svg {
background-color: #1da1f2;
}
.social-icons-colored .social-link.social-link-vimeo svg {
background-color: #1eb8ea;
}
.social-icons-colored .social-link.social-link-whatsapp svg {
background-color: #25d366;
}
.social-icons-colored .social-link.social-link-youtube svg {
background-color: #ff0000;
}
@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: 3.125rem;
}
.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.25rem;
color: #212121;
}
.productgrid--sidebar-title--small {
font-size: var(--font-size-body-small);
margin-top: 1.75rem;
margin-bottom: 0.25rem;
letter-spacing: 0.0em;
color: #111111;
text-transform: none;
}.productgrid--sidebar-title--small {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 400;
}.productgrid--sidebar-item {
padding-left: 0;
margin-top: 0.5rem;
margin-left: 0;
list-style: none;
}
.productgrid--sidebar-item:first-child {
margin-top: 0;
}
.productgrid--sidebar-filters--current {
margin-bottom: 1.75rem;
}
@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.75rem - 0.5rem);
margin-bottom: 1.75rem;
}
}
.productgrid--utils {
display: none;
width: 100%;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-top: 1.75rem;
margin-bottom: 1.75rem;
background-color: #fafafa;
table-layout: fixed;
border-radius: 1.5px;
}
.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.75rem;
padding: 0;
}
@media screen and (max-width: 719px) {
.search--section .productgrid--items {
margin-top: 1.25rem;
}
}
@supports (display: grid) {
.productgrid--items {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 10px 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(20px * 2 / 3) calc(20px * 2 / 3);
}
}
@media screen and (min-width: 1080px) {
.productgrid--items {
grid-gap: 20px 20px;
}
}
@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: 3px;
transition: text-shadow 0.25s linear;
}
.productgrid--no-spacing .productgrid--item {
border-radius: 0;
}
.productgrid--no-spacing .productgrid--item .productitem--image {
border-radius: 3px;
}
@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: 3.125rem;
margin-top: 3.125rem;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 719px) {
.productgrid--footer-item:not(:first-child) {
margin-top: 30px;
}
}
@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: #212121;
text-transform: uppercase;
}
.productgrid--footer-results-list {
padding-left: 0;
margin-top: 1.25rem;
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.5rem;
}
.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: #86d1cd;
}
.productgrid-listview .productgrid--item .productitem--action-qs:not(.disabled):hover {
border-color: #86d1cd;
}
@media screen and (min-width: 860px) {
.productgrid-listview .productgrid--item .productitem--action-qs {
margin-top: 0.5rem;
}
}
.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.5rem;
margin-right: 0.5rem;
}
.no-touch .productgrid-listview .productitem--actions .productitem--action .productitem--action-trigger,
.productgrid-listview .productitem--actions .productitem--action .productitem--action-trigger {
border-radius: 3px;
}
.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;
flex-direction: row;
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.5rem;
}
}
@media screen and (min-width: 860px) {
.productgrid-listview .productitem--title {
font-family: "Optima nova",sans-serif;
font-style: normal;
font-weight: 300;
font-size: var(--font-size-product-card);
color: #212121;
}
}
.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.5rem 1.0rem;
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.0em;
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.0em;
cursor: pointer;
}.utils-sortby-title {
font-family: Slate,sans-serif;
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.0em;
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.5rem;
}
}
.utils-sortby-select .form-field-select, .utils-sortby-select .age-gate__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, .utils-sortby-select .age-gate__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.25rem;
letter-spacing: 0.0em;
color: #212121;
}
.utils-sortby--modal-list {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none;
}
.utils-sortby--modal-item {
margin-top: 0.75rem;
}
.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: #777777;
}
.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.5rem 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.0em;
}.utils-viewtoggle-label {
font-family: Slate,sans-serif;
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: #777777;
}
.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: #777777;
}
.utils-viewtoggle-button:focus {
box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.2);
}
.utils-viewtoggle-button:focus.active {
border-color: #000000;
box-shadow: 0 0 0 2px rgba(119, 119, 119, 0.4);
}
.results--container:not(.processing--filter) .utils-viewtoggle-button:hover:not(.active) {
color: #444444;
}
.utils-viewtoggle-button.active {
color: #ffffff;
background: #777777;
}
@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: #777777;
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.25rem;
}
.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(20px * 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% - (20px * (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% - (20px * 3 / 4));
}
}
@media screen and (min-width: 1080px) {
.product-row .productgrid--item {
width: calc(20% - (20px * 4 / 5));
margin-right: 20px;
}
.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: 3px;
}
.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: #86d1cd;
border-bottom-color: #86d1cd;
border-left-color: #86d1cd;
}
.no-touch .product-row:not(.product-row--no-spacing) .productitem--action-trigger.productitem--action-qs:not(.disabled):hover {
border-right-color: #86d1cd;
border-bottom-color: #86d1cd;
border-left-color: #86d1cd;
}
}
.productgrid--sidebar-item.filter-group {
margin-top: calc(0.5rem - 0.1875rem);
}
.productgrid--sidebar-item.filter-group.productgrid--sidebar-item-swatches-grid, .productgrid--sidebar-item.filter-group.productgrid--sidebar-item-grid {
margin: 1.0rem -0.5rem -0.5rem 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.5rem;
}
.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.5rem 0.5rem 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.25rem;
}
.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: calc(1.5px * 0.75);
}.filter-item--swatch {
height: 100%;
overflow: hidden;
pointer-events: none;
transition: transform 0.15s ease;
}.filter-item--swatch {
border-radius: calc(1.5px * 0.75);
}.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.25rem;
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.5rem;
}
.modal .filter-item:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.modal .filter-item.filter-item--toggle {
padding-top: 0.5rem;
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% - (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: #777777;
background-color: rgba(119, 119, 119, 0.1);
border-color: rgba(119, 119, 119, 0.8);
}
.filter-item--inactive:hover {
color: unset;
}
.filter-item--inactive a:hover {
color: #777777;
}
.filter-item--active {
transition-duration: 0s;
}
.filter-item--active a {
letter-spacing: 0.0em;
}.filter-item--active a {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 400;
}.filter-item--active a, .filter-item--active a:hover {
color: #777777;
}
.filter-item--disabled a {
opacity: 0.5;
pointer-events: none;
}
.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.5rem;
margin-right: 0.5rem;
}
.filter-item--grid a {
display: block;
color: #ffffff;
background: #777777;
}
.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.0em;
}.filter-item--grid .filter-text {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 400;
}.filter-item--grid .filter-icon--remove {
padding: 0.625rem 0.625rem 0.625rem 0.5rem;
}
.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: 1.0rem;
}
}
.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.25rem 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.5rem;
}
.faceted-filter__form .collection-filters__filter-range--from,
.faceted-filter__form .collection-filters__filter-range--to {
display: flex;
align-items: center;
padding: 0.25rem 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.25rem;
}
.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.0em;
}
.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: 2.125rem;
line-height: 1;
color: #212121;
}
@media screen and (max-width: 719px) {
.productgrid--search-form-field {
height: 3.125rem;
font-size: 1.25rem;
}
}
.productgrid--search-form-field::placeholder {
color: currentColor;
opacity: rgba(33, 33, 33, 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: {{ shop.brand.colors.primary[0].foreground }};
}
.productgrid--search-button .search-icon--active {
color: rgba(33, 33, 33, 0.2);
}
.productitem {
position: relative;
flex-grow: 1;
width: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
padding: 0.9375rem;
background: #ffffff;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
border-radius: 3px;
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.75rem 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.75rem 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: "Humanist 521",sans-serif;
font-style: normal;
font-weight: 200;
letter-spacing: 0;
}
.productitem--price,
.productitem--price + .productitem--title {
margin-top: 0.25rem;
}
.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.25rem;
}
.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: #a12f18;
}
.productitem--title {
font-family: "Optima nova",sans-serif;
font-style: normal;
font-weight: 300;
font-size: var(--font-size-product-card);
margin: 0.25rem 0 0;
line-height: 1.3125;
text-transform: none;
letter-spacing: normal;
white-space: normal;
}
.productitem--vendor {
font-family: "Twentieth Century",sans-serif;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body-smallest);
margin: 0.25rem 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.25rem;
}
.productitem--ratings .spr-badge {
margin-top: 0.375rem;
margin-bottom: 0.25rem;
line-height: 1;
}
.productitem--info .productitem--ratings .spr-badge {
margin-bottom: 0;
}
.productitem--actions {
display: flex;
flex-wrap: wrap;
z-index: 50;
margin: auto -2.5% 0 0;
padding-top: 0.75rem;
text-align: center;
overflow: hidden;
}
.productitem--actions .product--stock-level {
margin: 1.0rem 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 3px 3px;
}
}
.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: 3px;
}
@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.25rem;
padding-left: 0.25rem;
text-align: center;
vertical-align: middle;
}
.productgrid-listview .productitem--action-trigger {
border-radius: 3px;
}
.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.25rem 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: #86d1cd;
border-bottom-color: #86d1cd;
border-left-color: #86d1cd;
}
.no-touch .productgrid--outer.productgrid-gridview .productgrid--items:not(.productgrid--no-spacing) .productitem--action-trigger.productitem--action-qs:not(.disabled):hover {
border-right-color: #86d1cd;
border-bottom-color: #86d1cd;
border-left-color: #86d1cd;
}
}
.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.25rem;
}
@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.25rem;
margin-bottom: 1.0rem;
overflow: hidden;
}
.productgrid--outer:not(.productgrid-listview) .productitem--emphasis .productitem--swatches {
margin-top: 0.75rem;
}
.productitem--swatches-summary + .productitem--swatches {
margin-top: 0.5rem;
}
.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.75rem;
}
.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: calc(1.5px * 0.75);
}.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: Slate,sans-serif;
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: calc(1.5px * 0.75);
}.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: calc(1.5px * 0.75);
}.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.5rem;
}
.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.5rem;
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 1.0rem 1.75rem;
}
.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.25rem;
padding-right: 1.25rem;
}
}
@media screen and (min-width: 680px) {
.modal--quickshop-full .modal-inner {
padding: 2.5rem 2.0rem 1.75rem;
}
.modal--quickshop-full .product-gallery,
.modal--quickshop-full .product-main {
display: block;
width: 100%;
}
.modal--quickshop-full .product-main {
margin: 1.75rem 0 0;
}
}
@media screen and (min-width: 1024px) {
.modal--quickshop-full .modal-inner {
max-width: 52.5rem;
padding: 3.125rem;
}
.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.75rem 1.0rem;
}
.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.75rem 1.25rem;
}
}
@media screen and (min-width: 680px) {
.modal--quickshop-slim .modal-inner {
padding: 2.0rem;
}
}
@media screen and (min-width: 1024px) {
.modal--quickshop-slim {
padding: 0.625rem;
}
.modal--quickshop-slim .modal-inner {
padding: 3.125rem;
}
}
.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: 3.125rem;
margin: 0 auto;
}
.template-quickshop .site-main {
padding: 3.125rem;
}
.product-details {
color: #111111;
}
@media screen and (max-width: 719px) {
.product-details {
margin-top: 1.75rem;
margin-bottom: 1.25rem;
}
}
.product-title {
font-size: var(--font-size-heading-3);
margin-top: 0;
margin-bottom: 0;
color: #212121;
line-height: 1.2;
}
@media screen and (min-width: 720px) {
.product-title {
font-size: var(--font-size-heading-1);
}
}
.product-title a {
color: #212121;
text-decoration: none;
}
.product-vendor {
font-family: "Twentieth Century",sans-serif;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body);
letter-spacing: 0.01em;
margin-top: 0.25rem;
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.5rem;
}
.product-ratings .spr-badge .spr-badge-caption {
margin-left: 0.5rem;
}
.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(1.0rem + 1px);
}
}
.product-pricing {
font-family: "Humanist 521",sans-serif;
font-style: normal;
font-weight: 200;
margin-top: 0.75rem;
margin-bottom: calc(-1 * 0.25rem);
letter-spacing: 0;
}
@media screen and (min-width: 720px) {
.product-pricing {
margin-top: 1.0rem;
}
}
.product-sku {
margin-top: 0.25rem;
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.5rem;
margin-bottom: 0.5rem;
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.25rem;
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(1.0rem * 1.25);
}
}
.product--price .price--main {
display: inline-block;
}
.product--price .price--compare-at {
margin-right: 0.5rem;
}
.product--price .price--compare-at.visible + .price--main {
color: #a12f18;
}
.product-section--container {
margin-top: 3.125rem;
}
@media screen and (min-width: 1024px) {
.product-section--container {
margin-top: 4.25rem;
}
}
.product-section--title {
font-size: var(--font-size-heading-4);
margin-bottom: 1.25rem;
color: #212121;
}
@media screen and (min-width: 860px) {
.product-section--title {
margin-bottom: 1.75rem;
}
}
.product-section--content {
margin-top: 1.25rem;
}
@media screen and (min-width: 860px) {
.product-section--content {
margin-top: 1.75rem;
}
}
.product-message--container {
display: none;
max-height: 200px;
overflow: hidden;
}
.product-message--container.visible {
display: block;
}
.product-message--container div {
padding: 0.75rem;
}
.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.75rem;
margin-top: 0.5rem;
}
@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.25rem;
font-size: var(--font-size-body);
line-height: 1.4375rem;
color: #212121;
}
.product__unit-price {
display: inline-block;
margin-bottom: 0.25rem;
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.25rem;
}
.product__tax {
margin-top: 0.25rem;
margin-bottom: 1.75rem;
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;
}
.complementary-products {
--slide-item-padding: 1rem;
--slide-item-outer-gap: 1rem;
--slide-item-inner-gap: 1rem;
--slide-item-border-color: black;
--slide-item-border-thickness: 1px;
--slider-dot-gap: 0.5rem;
--slider-dot-size: 0.5rem;
--slider-dot-color: #cacaca;
--slider-active-dot-color: #787878;
}
.complementary-products__slider [data-slide] {
position: absolute;
display: flex;
flex-direction: column;
margin: 0 1rem;
gap: var(--slide-item-outer-gap);
width: 100%;
height: auto;
}
.complementary-products__slider .flickity-page-dots {
list-style-type: none;
display: flex;
justify-content: center;
gap: var(--slider-dot-gap);
}
.complementary-products__slider .flickity-page-dots .dot {
margin: 0;
border-radius: 50%;
background: var(--slider-dot-color);
height: var(--slider-dot-size);
width: var(--slider-dot-size);
}
.complementary-products__slider .flickity-page-dots .dot.is-selected {
background: var(--slider-active-dot-color);
}
.complementary-products__grid {
display: flex;
flex-direction: column;
gap: var(--slide-item-outer-gap);
}
.complementary-product {
display: flex;
flex-direction: row;
gap: var(--slide-item-inner-gap);
padding: var(--slide-item-padding);
border: var(--slide-item-border-thickness) solid var(--slide-item-border-color);
}
.complementary-product__name,
.complementary-product__price-text {
margin: 0;
}
.complementary-product__price-text {
display: inline-block;
}
.complementary-product__image-link {
display: block;
position: relative;
line-height: 0;
}
.complementary-products {
--slide-item-padding: 0;
--slide-item-border-thickness: 0;
--slider-dot-gap: 0.938rem;
--slider-dot-size: 0.438rem;
--slider-dot-color: #111111;
--slider-active-dot-color: #111111;
}
.complementary-products__container.complementary-products__container--grid {
margin: 2.0rem 0 1.75rem;
}
.complementary-products__container.complementary-products__container--slider {
margin: 2.0rem 0 4.25rem;
}
.product-block--first .complementary-products__container {
margin-top: 0;
}
.complementary-products__slider {
position: relative;
}
@media screen and (min-width: 1080px) {
.complementary-products__slider.flickity-enabled {
--slide-item-padding: 0 25px;
}
}
@media screen and (min-width: 1280px) {
.complementary-products__slider.flickity-enabled {
--slide-item-padding: 0 15px;
}
}
.complementary-products__slider .flickity-viewport {
overflow: hidden;
cursor: grab;
}
.complementary-products__slider .flickity-button {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background-color: transparent;
color: #212121;
border-radius: 24px;
opacity: 1;
transition: transform 150ms ease, box-shadow 150ms ease, opacity 150ms ease, background-color 150ms ease;
}
@media screen and (max-width: 1079px) {
.complementary-products__slider .flickity-button {
display: none;
}
}
.complementary-products__slider .flickity-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);
}
.complementary-products__slider .flickity-button.next {
right: -25px;
}
.complementary-products__slider .flickity-button.next svg {
height: auto;
transform: translateX(1px);
}
@media screen and (max-width: 1279px) {
.complementary-products__slider .flickity-button.next {
right: -15px;
}
}
.complementary-products__slider .flickity-button.previous {
left: -25px;
}
.complementary-products__slider .flickity-button.previous svg {
height: auto;
transform: translateX(-1px);
}
@media screen and (max-width: 1279px) {
.complementary-products__slider .flickity-button.previous {
left: -15px;
}
}
.complementary-products__slider .flickity-button .flickity-button-icon {
fill: currentColor;
transition: fill 100ms ease;
}
.complementary-products__slider .flickity-page-dots {
bottom: -2.0rem;
z-index: 1;
}
.complementary-products__title {
color: #212121;
font-size: var(--font-size-heading-4);
margin: 2.0rem 0 1.25rem;
}
.product-block--first .complementary-products__title,
.complementary-products__title + .complementary-products__container {
margin-top: 0;
}
.complementary-product__details {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.complementary-product__name {
font-family: "Optima nova",sans-serif;
font-style: normal;
font-weight: 300;
font-size: var(--font-size-product-card);
margin: 0;
line-height: 1.3125;
text-transform: none;
letter-spacing: normal;
white-space: normal;
}
.complementary-products--emphasized .complementary-product__name {
order: 2;
margin: 0.25rem 0 0;
}
.complementary-product--on-sale .complementary-product__price-text--from {
order: 2;
color: #a12f18;
margin-right: 0.25rem;
}
.complementary-product__price-text--now {
display: none;
}
.complementary-product__price {
line-height: 1.4375rem;
}
.complementary-product__price:only-of-type {
font-size: var(--font-size-body);
color: #212121;
}
.complementary-product--on-sale .complementary-product__price {
order: 2;
color: #a12f18;
}
.complementary-products--emphasized .complementary-product__price {
font-size: var(--font-size-body-larger);
margin-top: 0.25rem;
}
.complementary-product__unit-price {
margin: 0.25rem 0;
font-size: var(--font-size-body-smallest);
color: rgba(17, 17, 17, 0.8);
}
.complementary-product--on-sale .complementary-product__unit-price {
order: 3;
flex-basis: 100%;
}
.complementary-product__price-wrapper {
margin-top: 0.25rem;
}
.complementary-products--emphasized .complementary-product__price-wrapper {
order: 1;
margin-top: 0;
}
.complementary-product--on-sale .complementary-product__price-wrapper {
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.complementary-product__price-compare {
display: block;
font-size: 0.8125rem;
line-height: 1.38;
color: #b4b4b4;
text-decoration: line-through;
}
.complementary-product--on-sale .complementary-product__price-compare {
order: 1;
flex-basis: 100%;
}
.complementary-product__link {
margin-top: 0.75rem;
}
.complementary-products--emphasized .complementary-product__link {
order: 3;
}
.complementary-product__image {
flex: 0 0 25%;
}
@media screen and (min-width: 525px) {
.complementary-product__image {
flex-basis: 15%;
}
}
@media screen and (min-width: 720px) {
.layout--two-col .complementary-product__image {
flex-basis: 22%;
}
}
@media screen and (min-width: 1080px) {
.layout--two-col .complementary-product__image {
flex-basis: 17%;
}
}
@media screen and (min-width: 720px) {
.layout--two-col-medium .complementary-product__image {
flex-basis: 25%;
}
}
@media screen and (min-width: 1080px) {
.layout--two-col-medium .complementary-product__image {
flex-basis: 20%;
}
}
@media screen and (min-width: 720px) {
.layout--two-col-large .complementary-product__image {
flex-basis: 25%;
}
}
@media screen and (min-width: 720px) {
.layout--three-col .complementary-product__image {
flex-basis: 20%;
}
}
.complementary-product__image-element {
width: 100%;
height: auto;
}
.complementary-product__image-placeholder {
background: #ececec;
fill: #acacac;
}
.complementary-product__details {
flex-grow: 1;
}
.badge--soldout,
.badge--sale {
padding: 0.25rem 0.3125rem;
letter-spacing: 0.0em;
text-decoration: none;
vertical-align: middle;
}.badge--soldout,
.badge--sale {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 400;
}.badge--soldout {
color: #ffffff;
background-color: #000000;
border: 0;
}
.badge--sale {
color: #ffffff;
background-color: #a12f18;
}
.product-reviews--content .spr-container {
padding: 0;
border: 0;
}
.product-reviews--content .spr-header {
padding: 1.75rem 0;
}
.product-reviews--content .spr-header-title {
font-size: var(--font-size-heading-4);
margin-bottom: 0;
color: #212121;
}
@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.75rem;
}
.product-reviews--content .spr-summary .spr-starrating {
display: block;
margin-right: 0.25rem;
}
@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.75rem;
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.5rem - 1.0rem) / 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.75rem;
}
@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.75rem 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: 3.125rem;
padding-bottom: 3.125rem;
}
}
.product-reviews--content .spr-form .spr-form-title {
font-size: var(--font-size-heading-4);
color: #212121;
}
.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.75rem;
letter-spacing: 0.0em;
color: #111111;
}
.product-reviews--content .spr-form .spr-form-contact-name .spr-form-label {
margin-top: 1.0rem;
}
.product-reviews--content .spr-form .spr-form-input {
display: block;
margin-top: 0.75rem;
}
.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::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.75rem;
}
.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(2.0rem / 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(2.0rem / 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.25rem);
}
.product-reviews--content .spr-content .spr-review:nth-child(2n+1) {
margin-right: calc(1.25rem * 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.25rem;
}
.product-reviews--content .spr-content .spr-review .spr-review-header-title {
font-size: var(--font-size-heading-4);
margin-top: 0.5rem;
color: #212121;
}
.product-reviews--content .spr-content .spr-review .spr-review-header-byline {
font-size: var(--font-size-body-small);
display: block;
margin-top: 0.5rem;
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: 200;
letter-spacing: 0.0em;
}
.product-reviews--content .spr-content .spr-review .spr-review-content {
margin-top: 0.75rem;
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: 1.0rem;
margin-top: 1.25rem;
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.25rem;
}
.product-reviews--content .spr-content .spr-review .spr-review-footer a {
font-size: 0.75rem;
}
.product-reviews--content .spr-content .spr-pagination {
padding: 1.75rem 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.75rem 25px 0;
background-color: #fafafa;
border-radius: 3px;
}
@media screen and (min-width: 860px) {
.product-recently-viewed-wrapper {
padding: 2.0rem 40px 0;
}
}
.product-recently-viewed--content {
display: flex;
width: 100%;
padding: 0;
padding-bottom: 1.75rem;
margin: 2.0rem auto 0;
overflow: hidden;
outline: 0;
}
@media screen and (min-width: 860px) {
.product-recently-viewed--content {
padding-bottom: 2.0rem;
}
}
@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: #212121;
}
@media screen and (max-width: 859px) {
.product-recently-viewed-heading {
margin-bottom: 0.25rem;
}
}
.product-recently-viewed-clear {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 200;
padding: 0;
font-size: 0.875rem;
letter-spacing: 0.0em;
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(20px * 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: 20px;
}
}
.product-recently-viewed-card-time {
font-size: var(--font-size-body-smallest);
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.75rem;
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: #777777;
}
.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.5rem;
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.5rem;
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.5rem;
margin-right: 0;
margin-left: 0;
}
}
.gallery-navigation--scroll-button {
position: absolute;
height: 100%;
width: 2rem;
display: none;
background: #ffffff;
color: #212121;
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.25rem;
padding-bottom: 0.25rem;
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: #212121;
z-index: 1;
border-radius: calc(3px / 2);
box-shadow: 0 0 0 1px rgba(33, 33, 33, 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.75rem;
}
}
@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.5rem;
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: Slate,sans-serif;
font-style: normal;
font-weight: 200;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
color: #111111;
background-color: rgba(33, 33, 33, 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, <svg width="50" height="50" viewBox="0 0 77 77" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38.5 76.5C17.513 76.5 0.5 59.487 0.5 38.5C0.5 17.513 17.513 0.5 38.5 0.5C59.487 0.5 76.5 17.513 76.5 38.5C76.5 59.487 59.487 76.5 38.5 76.5ZM38.5 73.5C57.83 73.5 73.5 57.83 73.5 38.5C73.5 19.17 57.83 3.5 38.5 3.5C19.17 3.5 3.5 19.17 3.5 38.5C3.5 57.83 19.17 73.5 38.5 73.5Z" fill="%23212121" fill-opacity="0.16"/><path opacity="0.9" d="M38.5 75C58.658 75 75 58.658 75 38.5" stroke="%23212121" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
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;
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
*/
/* <button> css reset */
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
transition: opacity 0.2s;
box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
opacity: 1;
}
.pswp__button:active {
outline: none;
opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(default-skin.svg);
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none;
}
}
.pswp__button--close {
background-position: 0 -44px;
}
.pswp__button--share {
background-position: -44px -44px;
}
.pswp__button--fs {
display: none;
}
.pswp--supports-fs .pswp__button--fs {
display: block;
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0;
}
.pswp__button--zoom {
display: none;
background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden;
}
/*
Arrow buttons hit area
(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
}
.pswp__button--arrow--left {
left: 0;
}
.pswp__button--arrow--right {
right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: "";
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute;
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px;
}
/*
2. Share modal/popup and links
*/
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
user-select: none;
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__share-modal--hidden {
display: none;
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
transform: translateY(6px);
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000;
}
.pswp__share-tooltip a:first-child {
/* round corners on the first/last list item */
border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px;
}
a.pswp__share--facebook:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid rgba(0, 0, 0, 0);
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF;
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF;
}
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D;
}
a.pswp__share--download:hover {
background: #DDD;
}
/*
3. Index indicator ("1 of X" counter)
*/
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px;
}
/*
4. Caption
*/
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
}
.pswp__caption small {
font-size: 11px;
color: #BBB;
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC;
}
.pswp__caption--empty {
display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
visibility: hidden;
}
/*
5. Loading indicator (preloader)
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
*/
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr;
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active {
opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
/* We use .gif in browsers that don't support CSS animation */
background: url(preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
/*
The idea of animating inner circle is based on Polymer ("material") loading indicator
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
*/
position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@keyframes clockwise {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes donut-rotate {
0% {
transform: rotate(0);
}
50% {
transform: rotate(-140deg);
}
100% {
transform: rotate(0);
}
}
/*
6. Additional styles
*/
/* root element of UI */
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
}
/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
/* Force paint & create composition layer for controls. */
opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none;
}
.pswp__element--disabled {
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
background: none;
}
.product-gallery--expand {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 200;
font-size: var(--font-size-body-smaller);
position: absolute;
right: 0;
bottom: 0;
margin: 0 0.75rem 0.75rem 0;
padding: 0.375rem 0.625rem 0.375rem 0.5625rem;
background: rgba(255, 255, 255, 0.9);
color: #111111;
border: none;
border-radius: 3px;
font-weight: normal;
cursor: pointer;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
z-index: 501;
}
@media screen and (max-width: 719px) {
.product-gallery--expand.expand--hide-mobile {
display: none;
}
}
@media screen and (min-width: 720px) {
.product-gallery--expand.expand--hide-desktop {
display: none;
}
}
@media screen and (min-width: 720px) {
.product-gallery--expand {
margin-right: 0.75rem;
}
}
[data-selected-media-type=video] .product-gallery--expand, [data-selected-media-type=external_video] .product-gallery--expand, [data-selected-media-type=model] .product-gallery--expand {
display: none;
}
.product-gallery--expand span {
display: flex;
align-items: center;
outline: none;
}
.product-gallery--expand span svg {
margin-right: 0.3125rem;
}
.product-gallery--expand .tap-text {
display: none;
}
.has-touch .product-gallery--expand .click-text {
display: none;
}
.has-touch .product-gallery--expand .tap-text {
display: flex;
}
.pswp .pswp__bg {
background: #ffffff;
transition: opacity 0.2s ease-out;
}
.pswp .pswp__img--placeholder {
animation: shimmer-background 1s ease-in-out infinite;
animation-fill-mode: forwards;
animation-direction: alternate;
}
.pswp .pswp__top-bar {
background: transparent;
opacity: 1;
}
.pswp .pswp__button--close {
width: 2.5rem;
height: 2.5rem;
margin: 12px;
color: #000;
background: #fff;
border-radius: 100%;
box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.03), 0 2px 5px rgba(127, 127, 127, 0.3);
transition: transform 0.15s ease, opacity 0.15s ease, box-shadow 0.15s ease;
opacity: 0;
}
@media screen and (min-width: 720px) {
.pswp .pswp__button--close {
width: 3rem;
height: 3rem;
margin: 25px;
}
}
.pswp .pswp__button--close:hover {
box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.04), 0 3px 10px rgba(127, 127, 127, 0.4);
transform: scale(1.125);
}
.pswp .pswp__button--close:hover span {
opacity: 0.8;
transition: opacity 0.15s ease;
}
.pswp .pswp__button--close span {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
opacity: 0.6;
outline: none;
}
.pswp .product-zoom--thumbnails {
position: absolute;
bottom: 0;
width: 100%;
margin: 0.5rem 0;
padding: 0.25rem 0.5rem;
white-space: nowrap;
overflow: auto;
opacity: 0;
background: #ffffff;
transition: opacity 0.2s ease-out;
scroll-behavior: smooth;
}
@media screen and (min-width: 720px) {
.pswp .product-zoom--thumbnails {
top: 0;
bottom: auto;
width: auto;
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 31.25rem;
margin: 25px;
padding: 0 0 0.1875rem;
background: transparent;
overflow: visible;
}
}
.pswp .gallery-navigation--scroll-button {
top: 0;
padding: 0 0.5rem;
}
.pswp .product-zoom--thumb-scroller {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
white-space: nowrap;
overflow: auto;
scroll-behavior: smooth;
}
@media screen and (min-width: 720px) {
.pswp .product-zoom--thumb-scroller {
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding: 0;
max-height: 31.25rem;
overflow: visible;
}
}
.pswp.pswp--animated-in .product-zoom--thumbnails,
.pswp.pswp--animated-in .pswp__button--close {
opacity: 1;
}
@media screen and (max-width: 719px) {
.pswp .product-gallery--media-thumbnail {
margin-top: 0;
}
}
@media screen and (min-width: 720px) {
.pswp .product-gallery--media-thumbnail {
width: 51px;
height: auto;
}
.pswp .product-gallery--media-thumbnail-img {
width: 100%;
}
}
.shopify-model-viewer-ui {
--progress-bar-color: #212121;
--progress-bar-height: 2px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--fullscreen) .shopify-model-viewer-ui__control-icon.shopify-model-viewer-ui__control-icon--exit-fullscreen {
display: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon.shopify-model-viewer-ui__control-icon--enter-fullscreen {
display: none;
}
.shopify-model-viewer-ui model-viewer {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled {
pointer-events: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: pointer;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
position: absolute;
right: 10px;
bottom: 10px;
z-index: 1;
display: flex;
flex-direction: column;
width: 46px;
height: auto;
opacity: 0;
border: 1px solid rgba(33, 33, 33, 0.05);
border-radius: 3px;
overflow: hidden;
transition: opacity 0.3s ease-in;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:focus-within {
opacity: 1;
}
.shopify-model-viewer-ui:hover .shopify-model-viewer-ui__controls-area {
opacity: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
border-radius: 3px;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button:focus {
z-index: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--zoom-out,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--zoom-in,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--fullscreen {
cursor: pointer;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
width: 46px;
height: 46px;
padding: 0;
color: #212121;
background-color: #ffffff;
border: 1px solid rgba(33, 33, 33, 0.05);
transition: background-color 0.2s ease-in;
}
body:not(.user-is-tabbing) .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster,
body:not(.user-is-tabbing) .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
outline: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster svg,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control svg {
width: 46px;
height: 46px;
opacity: 1;
transition: opacity 0.2s ease-in;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover svg,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover svg {
opacity: 0.55;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:active,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
background-color: #f4f4f4;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
position: absolute;
top: calc(50% - 60px/2);
left: calc(50% - 60px/2);
z-index: 1;
width: 60px;
height: 60px;
background-color: #ffffff;
border: none;
box-shadow: 0 0 0 1px rgba(33, 33, 33, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover svg {
opacity: 0.55;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster svg {
width: 100%;
height: 100%;
border: none;
opacity: 1;
transition: opacity 0.6s ease-in-out;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
border: none;
border-bottom: 1px solid rgba(33, 33, 33, 0.05);
border-radius: 0;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:last-child {
border-bottom: 0;
}
.plyr.plyr--video {
color: #212121;
background-color: #ececec;
}
[data-product-gallery-aspect-ratio=short] .plyr.plyr--video, [data-product-gallery-aspect-ratio=square] .plyr.plyr--video, [data-product-gallery-aspect-ratio=tall] .plyr.plyr--video, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .plyr.plyr--video, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .plyr.plyr--video, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .plyr.plyr--video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
[data-product-gallery-aspect-ratio=short] .plyr.plyr--video .plyr__video-wrapper, [data-product-gallery-aspect-ratio=square] .plyr.plyr--video .plyr__video-wrapper, [data-product-gallery-aspect-ratio=tall] .plyr.plyr--video .plyr__video-wrapper, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .plyr.plyr--video .plyr__video-wrapper, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .plyr.plyr--video .plyr__video-wrapper, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .plyr.plyr--video .plyr__video-wrapper {
height: 100%;
}
[data-product-gallery-aspect-ratio=short] .plyr.plyr--video video, [data-product-gallery-aspect-ratio=square] .plyr.plyr--video video, [data-product-gallery-aspect-ratio=tall] .plyr.plyr--video video, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=short] .plyr.plyr--video video, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=square] .plyr.plyr--video video, [data-product-gallery-image-crop][data-product-gallery-aspect-ratio=tall] .plyr.plyr--video video {
height: 100%;
}
.plyr.plyr--video .plyr__control {
color: #212121;
background: #ffffff;
border: none;
}
.plyr.plyr--video .plyr__control[data-plyr=play] {
border-radius: 3px 0 0 3px;
overflow: hidden;
}
.plyr.plyr--video .plyr__control[data-plyr=fullscreen] {
border-radius: 0 3px 3px 0;
overflow: hidden;
}
.plyr.plyr--video > .plyr__control[data-plyr=play] {
height: 3.75rem;
width: 3.75rem;
padding: 0;
background: #ffffff;
border-radius: 3px;
box-shadow: 0 0 0 1px rgba(33, 33, 33, 0.05);
}
.plyr.plyr--video > .plyr__control[data-plyr=play] > svg {
height: 100%;
width: 100%;
margin: 0;
border: none;
transition: opacity 0.6s ease-in-out;
}
.plyr.plyr--video > .plyr__control[data-plyr=play]:hover > svg {
opacity: 0.55;
}
.plyr.plyr--video > .plyr__control[data-plyr=play]:active {
opacity: 0.7;
}
.plyr.plyr--video .plyr__progress__buffer {
background: rgba(33, 33, 33, 0.6);
opacity: 0.6;
}
.plyr.plyr--video .plyr__control--overlaid.plyr__tab-focus,
.plyr.plyr--video .plyr__control--overlaid:hover {
color: #212121;
}
.plyr.plyr--video .plyr__video-wrapper,
.plyr.plyr--video .plyr__poster {
background-color: #ececec;
}
.plyr.plyr--video .plyr__controls {
background: transparent;
border: none;
border-radius: 3px;
box-shadow: 0 0 0 1px rgba(33, 33, 33, 0.05);
}
.plyr.plyr--video .plyr__progress__container {
height: 44px;
background: #ffffff;
}
.plyr.plyr--video .plyr__progress__container .plyr__progress {
top: 50%;
transform: translateY(-50%);
}
.plyr.plyr--video .plyr__tooltip {
color: #ffffff;
background: #212121;
}
.plyr.plyr--video .plyr__tooltip:before {
border-top: 4px solid #212121;
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background-image: linear-gradient(to right, #212121 var(--value, 0%), rgba(33, 33, 33, 0.6) var(--value, 0%));
}
.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 4px rgba(33, 33, 33, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 4px rgba(33, 33, 33, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(33, 33, 33, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-webkit-slider-thumb {
box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-moz-range-track {
box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-ms-thumb {
box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--video.plyr--full-ui input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 0 0 3px rgba(33, 33, 33, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range]:active::-moz-range-track {
box-shadow: 0 0 0 3px rgba(33, 33, 33, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range]:active::-ms-thumb {
box-shadow: 0 0 0 3px rgba(33, 33, 33, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume {
background-color: #212121;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track {
background-image: linear-gradient(to right, #ffffff var(--value, 0%), rgba(255, 255, 255, 0.6) var(--value, 0%));
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb {
color: #ffffff;
box-shadow: 2px 0 0 0 #212121;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track {
color: #ffffff;
box-shadow: 2px 0 0 0 #212121;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb {
color: #ffffff;
box-shadow: 2px 0 0 0 #212121;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-track {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.form-options {
z-index: 0;
padding: 0;
margin-top: 1.0rem;
margin-right: 0;
margin-left: 0;
border: 0;
}
.no-js .form-options.no-js-required {
display: block;
width: 100%;
}
.no-js .form-options.js-required {
display: none;
}
.js .form-options.no-js-required {
display: none;
}
.js .form-options.js-required {
display: block;
}
.product-form--alt .form-options-first {
margin-top: 0;
}
@media screen and (min-width: 1024px) {
.product-form--alt .product--stock-level {
margin-top: 0;
}
.product-form--alt .product-options-style-select + .stock-level--wrapper .product--stock-level {
margin-top: 1.25rem;
}
}
.form-options-swatches {
z-index: 5;
}
.product-form--atc {
position: relative;
z-index: 0;
display: flex;
align-items: center;
margin-top: 1.0rem;
}
.product-sold-out .product-form--atc {
display: none;
}
.smart-payment-enabled .product-form--atc {
align-items: flex-start;
flex-direction: column;
}
.product-form--alt input[type=hidden] + .product-form--atc {
margin-top: 0;
}
.product-form--atc-qty {
width: 7.1875rem;
margin-right: 0.75rem;
}
.product-form--atc-button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
width: calc(100% - 0.75rem - 7.1875rem);
padding-right: 0.3125rem;
padding-left: 0.3125rem;
margin-left: 0;
}.product-form--atc-button {
text-transform: uppercase;
}.product-form--atc-button.disabled {
color: #ffffff;
background-color: #000000;
border: 1px solid #000000;
}
@media screen and (max-width: 1279px) {
.product-form--alt .product-form--atc-button {
font-size: 1.0rem;
}
}
.product-options-style-select .option-name {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 200;
letter-spacing: 0.0em;
}
.product-options-style-radio .option-name {
letter-spacing: 0.0em;
}.product-options-style-radio .option-name {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 400;
}@media screen and (min-width: 720px) {
.option-name {
font-size: var(--font-size-body-smaller);
}
}
.option-swatch-value {
letter-spacing: 0.0em;
}.option-swatch-value {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 400;
}.option-values {
margin-top: 10px;
}
.option-value {
display: inline-block;
}
.option-value-input {
position: absolute;
opacity: 0;
}
.option-value-input + .option-value-name {
display: inline-block;
width: auto;
padding: 7.5px 10px;
margin: 0 5px 10px 0;
cursor: pointer;
}
@media screen and (min-width: 720px) {
.option-value-input + .option-value-name {
font-size: var(--font-size-body-smaller);
}
}
.option-value-input:focus ~ .option-value-name {
outline: Highlight auto 5px;
outline: -webkit-focus-ring-color auto 5px;
}
.option-value-input:checked + .option-value-name {
color: #212121;
background-color: rgba(33, 33, 33, 0.1);
}
.option-value-input:disabled + .option-value-name {
text-decoration: line-through;
cursor: default;
opacity: 0.5;
}
.option-value-input + .option-value-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;
}.option-value-input + .option-value-swatch-wrapper {
border-radius: calc(1.5px * 0.75);
}.option-value-input + .option-value-swatch-wrapper::after {
position: absolute;
bottom: 0;
left: 50%;
pointer-events: none;
content: "";
will-change: transform;
}
.option-value-input + .option-value-swatch-wrapper:hover {
z-index: 5;
}
.option-value-input + .option-value-swatch-wrapper .swatch {
height: 100%;
overflow: hidden;
pointer-events: none;
transition: transform 0.15s ease;
}.option-value-input + .option-value-swatch-wrapper .swatch {
border-radius: calc(1.5px * 0.75);
}.option-value-input + .option-value-swatch-wrapper .swatch-inner {
width: 16px;
}
.option-value-input:checked + .option-value-swatch-wrapper {
background-color: transparent;
}.option-value-input:checked + .option-value-swatch-wrapper .swatch {
transform: scale(0.8);
transform: scale(var(--swatch-inner-transform-x, 0.8), 0.8);
}.option-value-input:disabled + .option-value-swatch-wrapper {
cursor: not-allowed;
opacity: 1;
}
.user-is-tabbing .option-value-input:focus ~ .option-value-swatch-wrapper {
outline: Highlight auto 5px;
outline: -webkit-focus-ring-color auto 5px;
}
.in-stock-notification-form {
display: none;
margin-top: 1.25rem;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.product-sold-out .in-stock-notification-form {
display: block;
}
.in-stock-notification-form .form-title {
font-size: var(--font-size-heading-4);
margin: 1.25rem 0;
}
.layout--three-col .in-stock-notification-form.no-variants {
margin-top: 0;
border-top: 0;
}
.layout--three-col .in-stock-notification-form.no-variants .form-title {
margin-top: 0;
}
.in-stock-notification-form p {
margin: 1.25rem 0;
}
.in-stock-notification-form .success-message {
color: #51a551;
}
.in-stock-notification-form .success-message svg {
margin-right: 0.75rem;
}
.in-stock-notification-form .error-message {
color: #f05d5d;
}
.in-stock-notification-form button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
width: 100%;
margin-top: 1.25rem;
}.in-stock-notification-form button {
text-transform: uppercase;
}.product--stock-level {
font-size: var(--font-size-body-small);
display: flex;
align-items: center;
margin: 0.25rem 0;
}
.product--stock-level .stock-level--availability {
padding-right: 0.35rem;
}.product--stock-level .stock-level--availability {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 400;
}.product--stock-level.stock-level--in-stock .stock-level--text, .product--stock-level.stock-level--in-stock svg {
color: #3C9342;
}
.product--stock-level.stock-level--in-stock svg {
margin-right: 0.25rem;
}
.product--stock-level.stock-level--low-stock .stock-level--text {
color: #CB9C22;
}
.product--stock-level.stock-level--low-stock svg {
display: none;
}
.product--stock-level.stock-level--no-stock .stock-level--text {
color: #BF262F;
}
.product--stock-level.stock-level--no-stock svg {
display: none;
}
.smart-payment-enabled .product-form--atc-button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
width: 100%;
margin-top: 1.0rem;
margin-left: 0;
}.smart-payment-enabled .product-form--atc-button {
text-transform: uppercase;
}.shopify-payment-button {
margin-top: 1.0rem;
}
.product-sold-out .shopify-payment-button {
display: none;
}
.shopify-payment-button .shopify-payment-button__button {
margin-right: auto;
margin-left: auto;
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.shopify-payment-button .shopify-payment-button__button--unbranded {
text-transform: uppercase;
}.shopify-payment-button .shopify-payment-button__button--branded {
min-height: 48px;
overflow: hidden;
border-radius: 0;
}
.shopify-payment-button .shopify-payment-button__more-options {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 200;
font-size: var(--font-size-body-small);
padding: 0;
letter-spacing: 0.0em;
}
.shopify-payment-button .shopify-payment-button__more-options:hover {
text-decoration: none;
}
.account-order,
.order-footer {
width: 100%;
text-align: left;
border-collapse: collapse;
}
.account-order tr,
.account-order .order-footer-item,
.order-footer tr,
.order-footer .order-footer-item {
border-bottom: 1px solid #eaeaea;
}
.account-order th,
.order-footer th {
font-family: "Optima nova",sans-serif;
font-style: normal;
font-weight: 600;
font-size: var(--font-size-heading-6);
padding-bottom: 1.0rem;
color: #212121;
}
.account-order td,
.account-order .order-footer-value,
.account-order .order-footer-label,
.order-footer td,
.order-footer .order-footer-value,
.order-footer .order-footer-label {
font-size: var(--font-size-body-small);
padding-top: 1.0rem;
padding-bottom: 1.0rem;
padding-left: 20px;
}
.account-order td:first-child,
.account-order .order-footer-value:first-child,
.account-order .order-footer-label:first-child,
.order-footer td:first-child,
.order-footer .order-footer-value:first-child,
.order-footer .order-footer-label:first-child {
padding-left: 0;
}
.account-order .order-footer-value,
.account-order .order-item-price,
.account-order .order-item-quantity,
.account-order .order-item-total,
.order-footer .order-footer-value,
.order-footer .order-item-price,
.order-footer .order-item-quantity,
.order-footer .order-item-total {
width: 20%;
text-align: right;
}
@media screen and (min-width: 720px) {
.account-order .order-footer-value,
.account-order .order-item-price,
.account-order .order-item-quantity,
.account-order .order-item-total,
.order-footer .order-footer-value,
.order-footer .order-item-price,
.order-footer .order-item-quantity,
.order-footer .order-item-total {
width: 16%;
}
}
.account-order .order-item-placeholder,
.order-footer .order-item-placeholder {
display: block;
}
.account-order .order-item-title,
.order-footer .order-item-title {
font-family: "Optima nova",sans-serif;
font-style: normal;
font-weight: 600;
display: inline-block;
width: calc(60% - 64px);
padding-left: 20px;
vertical-align: middle;
}
.account-order .order-item-title a,
.order-footer .order-item-title a {
display: inline-block;
}
.account-order .order-item-title .order-item-options,
.order-footer .order-item-title .order-item-options {
font-size: var(--font-size-body-smaller);
display: block;
margin-top: 0.5rem;
}
@media screen and (max-width: 719px) {
.account-order .order-item-title,
.order-footer .order-item-title {
width: auto;
padding-left: 10px;
}
}
.account-order .order-item,
.order-footer .order-item {
width: 50px;
}
.account-order .order-item a,
.order-footer .order-item a {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.account-order .order-item img,
.order-footer .order-item img {
display: block;
width: auto;
height: auto;
max-width: 100%;
}
.account-order .order-item svg,
.order-footer .order-item svg {
display: block;
width: 50px;
height: auto;
max-width: 100%;
}
@media screen and (max-width: 719px) {
.account-order .order-item,
.order-footer .order-item {
width: 50%;
}
}
.account-order .order-item-price,
.order-footer .order-item-price {
display: table-cell;
}
@media screen and (max-width: 719px) {
.account-order .order-item-price,
.order-footer .order-item-price {
display: none;
position: absolute;
visibility: hidden;
}
}
.account-order .order-item-total .cart-item__unit-price,
.order-footer .order-item-total .cart-item__unit-price {
display: none;
}
@media screen and (max-width: 719px) {
.account-order .order-item-total,
.order-footer .order-item-total {
width: 30%;
}
.account-order .order-item-total .cart-item__unit-price,
.order-footer .order-item-total .cart-item__unit-price {
display: block;
}
}
.order-footer {
display: table;
}
.order-footer .order-footer-item {
display: table-row;
}
.order-footer .order-footer-item:last-child {
border-bottom: 0;
}
.order-footer .order-footer-item .order-footer-label {
display: table-cell;
}
.order-footer .order-footer-item .order-footer-value {
display: table-cell;
}
.account-order-attributes {
padding-left: 0;
list-style: none;
}
.account-order-attributes li:not(:first-child) {
margin-top: 0.5rem;
}
.account-order-attribute-title {
font-style: normal;
font-weight: 400;
letter-spacing: 0.0em;
}
.dynamic-video-wrapper {
overflow: auto;
}
.video {
position: relative;
width: 100%;
padding-bottom: 56.25%;
z-index: 2;
}
.video.video-aspect-ratio-21-9 {
padding-bottom: 42.8571428571%;
}
.video iframe {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
background-color: #000;
border-radius: 3px;
}
.video.video-playing .fluid-width-video-wrapper {
z-index: 1;
}
.video .hide-player {
visibility: hidden;
opacity: 0;
transition: opacity 200ms ease-in-out;
}
.video.video-transitioning .hide-player, .video.video-playing .hide-player {
visibility: visible;
opacity: 1;
}
.video-cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
border-radius: 3px;
opacity: 1;
}
.video-transitioning .video-cover, .video-playing .video-cover {
opacity: 0;
transition: opacity 200ms ease-in-out;
}
.video-playing .video-cover {
z-index: 0;
}
.video-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 3px;
}
.video-play-button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 3.75rem;
height: 3.75rem;
padding: 0;
margin: 0;
color: #212121;
background: #ffffff;
cursor: pointer;
border: none;
border-radius: 3px;
box-shadow: 0 0 0 1px rgba(33, 33, 33, 0.05);
transition: transform 0.12s cubic-bezier(0.3, 0, 0, 1), background-color 0.12s cubic-bezier(0.3, 0, 0, 1);
}
.video-play-button.no-cover {
opacity: 0;
}
.video-play-button.no-cover:active {
opacity: 0;
}
.video-play-button:hover .icon-play {
opacity: 0.55;
}
.video-play-button:active {
opacity: 0.7;
outline: none;
}
.video-loading .video-play-button {
background-color: transparent;
box-shadow: none;
}
.video-playing .video-play-button {
display: none;
}
.icon-play {
position: absolute;
top: 0;
left: 0;
display: block;
height: auto;
opacity: 1;
outline: none;
transition: opacity 200ms ease-in-out;
}
.video-loading .icon-play {
opacity: 0;
}
.icon-loading {
position: absolute;
top: 0;
left: 0;
display: none;
height: 100%;
opacity: 0;
outline: none;
animation: 0.6s rotate linear infinite both;
}
.product-gallery--media .icon-loading {
display: none;
}
.video-loading .icon-loading {
display: block;
opacity: 1;
transition: opacity 200ms ease-in-out;
}
.video-loading .icon-loading path {
stroke: #FFFFFF;
}
.live-search {
position: relative;
z-index: 502;
display: block;
height: 46px;
margin-top: 10px;
}
@media screen and (min-width: 1024px) {
.live-search {
display: flex;
flex-basis: auto;
flex-grow: 1;
flex-shrink: 1;
margin-top: 0;
vertical-align: middle;
}
}
.live-search.live-search--takeover {
position: fixed;
display: block;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100vh;
margin-top: 0;
background-color: #ffffff;
}
.live-search-form {
position: absolute;
right: -1px;
left: -1px;
border-radius: 0;
transition: border 0.1s ease, box-shadow 0.1s ease;
}
.live-search-form:hover, .live-search--focused .live-search-form {
border-color: rgba(128, 128, 128, 0.25);
}
.live-search--takeover .live-search-form {
border-color: transparent;
border-radius: 0;
box-shadow: none;
}
.live-search-form .form-field {
position: relative;
z-index: 100;
display: flex;
height: 46px;
}
.live-search--takeover .live-search-form .form-field {
height: 52px;
border: 0;
border-radius: 0;
}
.form-field .live-search-form-field {
font-size: 16px;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
width: calc(100% - 53px);
padding-top: 0.875rem;
padding-bottom: 0.875rem;
color: #000000;
vertical-align: top;
background-color: #ffffff;
border-color: #777777;
border-style: solid;
border-top-width: 1px;
border-right-width: 0;
border-bottom-width: 1px;
border-left-width: 1px;
border-radius: 3px 0 0 3px;
transition: border 0.1s ease, box-shadow 0.1s ease;
}.form-field .live-search-form-field::placeholder {
color: rgba(0, 0, 0, 0.6);
transform: translateY(0);
opacity: 1;
}
.form-field .live-search-form-field:focus {
border-color: #777777;
}
.live-search--active .form-field .live-search-form-field {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.live-search--takeover .form-field .live-search-form-field {
z-index: 552;
width: 100%;
padding-right: 100px;
border: none;
color: #212121;
background-color: #ffffff;
}
.live-search--takeover .form-field .live-search-form-field::placeholder {
color: #333333;
}
@media screen and (max-width: 719px) {
.live-search--takeover .form-field .live-search-form-field {
border-bottom: 0;
}
}
.live-search-button {
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
width: 53px;
color: #000000;
vertical-align: top;
background-color: #ffffff;
border-color: #777777;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0;
border-radius: 0 3px 3px 0;
}.live-search-button:hover {
background-color: #ffffff;
}
.live-search--active .live-search-button {
border-bottom-right-radius: 0;
}
.live-search--takeover .live-search-button {
display: none;
visibility: hidden;
}
.live-search-takeover-cancel {
font-style: normal;
font-weight: 400;
font-size: var(--font-size-body);
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 602;
display: none;
padding: 0.9375rem;
letter-spacing: 0.0em;
visibility: hidden;
}
.live-search--takeover .live-search-takeover-cancel {
display: inline-block;
visibility: visible;
}
.live-search-takeover-cancel:focus {
outline: solid rgba(119, 119, 119, 0.5);
outline-offset: -3px;
}
.search-flydown {
position: relative;
font-size: var(--font-size-body);
position: relative;
z-index: 50;
display: none;
width: 100%;
background-color: #ffffff;
box-shadow: 0 3px 7px rgba(127, 127, 127, 0.25);
transition: border 0.1s ease, box-shadow 0.1s ease;
}
@media screen and (max-width: 719px) {
.search-flydown {
box-shadow: none;
}
}
.live-search--active .search-flydown {
z-index: 200;
display: block;
}
.live-search--takeover .search-flydown {
height: calc(100vh - 46px);
overflow: auto;
}
.predictive-search {
position: relative;
height: var(--open-height);
max-height: calc(95vh - 46px);
overflow: auto;
}
.site-header--traditional .predictive-search {
max-height: calc(90vh - 46px);
}
.site-header--basic .predictive-search {
max-height: calc(80vh - 46px);
}
@media screen and (max-width: 859px) {
.predictive-search {
padding-bottom: 50px;
}
}
.search-flydown--placeholder,
.search-flydown--results,
.search-flydown--quicklinks {
display: none;
}
.search-flydown--placeholder.visible,
.search-flydown--results.visible,
.search-flydown--quicklinks.visible {
display: block;
}
.search-flydown--quicklinks {
padding-top: 15px;
padding-bottom: 10px;
}
.search-flydown--quicklinks-title {
font-style: normal;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
margin-left: 15px;
font-size: 1.0625rem;
letter-spacing: 0.0em;
color: #212121;
}
.search-flydown--quicklinks-list {
padding-left: 0;
margin-top: 0.5rem;
margin-bottom: 0;
list-style: none;
}
.search-flydown--quicklinks-item {
display: block;
}
.search-flydown--quicklinks-link {
display: block;
padding: 7px 15px;
color: #777777;
text-decoration: none;
transition: color 0.1s ease, background-color 0.1s ease;
}
.search-flydown--quicklinks-link:hover, .search-flydown--quicklinks-link:focus {
background-color: #f4f4f4;
}
.search-flydown--quicklinks-link:focus {
outline: none;
}
.predictive-search {
padding-top: 15px;
}
.predictive-search--empty {
padding-top: 0;
}
.search-flydown__no-results {
padding: 40px 0 30px;
color: #111111;
text-align: center;
}
.search-flydown__result-list {
margin-block: 0;
padding-inline: 0;
padding: 0 0 0.75rem;
}
@media screen and (max-width: 859px) {
.search-flydown__result-list {
padding-bottom: 7.5px;
}
}
.search-flydown__list-item {
list-style: none;
}
.search-flydown__group-title {
padding-left: 15px;
}
.search-flydown__content-items .search-flydown__group-title {
padding-left: 15px;
}
.search-flydown__results-group--two-column {
display: flex;
flex-direction: row;
}
@media screen and (max-width: 859px) {
.search-flydown__results-group--two-column {
flex-direction: column;
gap: 30px;
}
}
.search-flydown__results-group--suggestions {
width: 100%;
margin-bottom: 30px;
}
.search-flydown__results-group--suggestions .search-flydown__result-list {
padding: 0;
}
.search-flydown__results-group--suggestions .search-flydown__result-list:first-of-type .search-flydown__list-item:first-of-type {
margin-top: 0;
}
.search-flydown__query-suggestion,
.search-flydown__collection-result,
.search-flydown__content-item-link {
display: block;
width: 100%;
padding: 7px 15px;
color: #777777;
text-decoration: none;
transition: color 0.1s ease, background-color 0.1s ease;
}
.search-flydown__query-suggestion:hover, .search-flydown__query-suggestion:focus,
.search-flydown__collection-result:hover,
.search-flydown__collection-result:focus,
.search-flydown__content-item-link:hover,
.search-flydown__content-item-link:focus {
background-color: #f4f4f4;
}
.search-flydown__query-suggestion:focus,
.search-flydown__collection-result:focus,
.search-flydown__content-item-link:focus {
outline: none;
}
.search-flydown__query-suggestion span {
font-style: normal;
font-weight: 400;
background-color: transparent;
}
.search-flydown__query-suggestion mark {
background-color: transparent;
}
.search-flydown--product-items--none,
.search-flydown__products {
display: block;
}
.search-flydown__results-group--two-column .search-flydown--product-items--none,
.search-flydown__results-group--two-column .search-flydown__products {
width: 64%;
vertical-align: top;
}
.live-search--takeover .search-flydown__results-group--two-column .search-flydown--product-items--none,
.live-search--takeover .search-flydown__results-group--two-column .search-flydown__products {
display: block;
width: 100%;
}
.search-flydown__product {
display: flex;
align-items: center;
padding: 10px 15px;
color: #111111;
text-decoration: none;
transition: color 0.1s ease-in, background-color 0.1s ease-in;
}
.search-flydown__product:hover, .search-flydown__product:focus {
background-color: #f4f4f4;
}
.search-flydown__product:focus {
outline: solid rgba(119, 119, 119, 0.5);
}
.search-flydown--placeholder .search-flydown__product {
cursor: default;
}
.search-flydown--placeholder .search-flydown__product:hover, .search-flydown--placeholder .search-flydown__product:focus {
background-color: inherit;
}
.placeholder--content-text,
.placeholder--content-image {
animation: shimmer 1s ease-in-out infinite;
animation-fill-mode: forwards;
animation-direction: alternate;
}
.search-flydown__product-text,
.search-flydown__product-image {
display: inline-block;
vertical-align: middle;
margin-block: 0;
margin-inline: 0;
}
.search-flydown__product-image {
font-size: var(--font-size-body);
display: inline-block;
width: 3rem;
height: 3rem;
}
.search-flydown__product-image img {
background-color: rgba(0,0,0,0);
}
.search-flydown__product-image img,
.search-flydown__product-image svg {
display: block;
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
.search-flydown__product-image + .search-flydown__product-text {
max-width: calc(100% - 3rem - 1.0rem);
margin-left: 1.0rem;
}
.search-flydown__product-text {
font-size: var(--font-size-body);
}
.search-flydown__product-text .placeholder--content-text {
height: 0.6em;
max-width: 100%;
}
.search-flydown__product-title {
font-size: var(--font-size-body);
display: block;
line-height: 1.3;
}
.search-flydown__product-title.placeholder--content-text {
width: 240px;
}
.search-flydown__product-price {
font-size: var(--font-size-body-small);
font-style: normal;
font-weight: 400;
display: block;
line-height: 1.5;
}
.search-flydown__product-price.placeholder--content-text {
width: 70px;
margin-top: 0.44em;
}
.search-flydown__product-price--main {
display: inline-block;
color: #212121;
}
.search-flydown__product-price-has-sale .search-flydown__product-price--main {
margin-right: 0.4375rem;
color: #a12f18;
}
.search-flydown__product-price--compare-at {
color: #b4b4b4;
text-decoration: line-through;
}
.search-flydown__swatches {
font-size: var(--font-size-body-smallest);
color: #7c7873;
line-height: 1.5;
}
@media screen and (max-width: 859px) {
.search-flydown__product-items {
padding-bottom: 0;
}
}
.search-flydown__product-items--none {
font-size: var(--font-size-body);
padding: 1.25rem 15px 1.75rem;
color: #111111;
vertical-align: top;
}
.search-flydown__product-items--none h5 {
font-size: var(--font-size-heading-5);
margin-top: 0;
margin-bottom: 0;
color: #212121;
}
.search-flydown__product-items--none p {
margin-top: 1.25rem;
margin-bottom: 0;
}
.search-flydown__continue {
font-style: normal;
font-weight: 200;
border: none;
background-color: transparent;
cursor: pointer;
}.search-flydown__continue:focus {
outline: solid rgba(119, 119, 119, 0.5);
outline-offset: 4px;
}
.search-flydown__content-items {
display: inline-block;
width: 36%;
padding: 0 0 1.75rem;
vertical-align: top;
}
.search-flydown__content-items.search-flydown__no-products {
width: 100%;
padding: 0 0 1.75rem;
}
@media screen and (max-width: 859px) {
.search-flydown__content-items {
display: block;
width: 100%;
padding: 0 0 1.75rem;
}
}
.search-flydown__group-title {
font-size: var(--font-size-body-smaller);
margin-top: 0;
margin-bottom: 7.5px;
color: #7c7873;
}
.search-flydown__content-items-list {
font-size: var(--font-size-body);
padding-left: 0;
list-style: none;
}
.search-flydown__content-item {
font-size: var(--font-size-body);
}
.search-flydown__content-item:first-of-type {
margin-top: 0;
}
.search-flydown__content-item a:focus {
outline: solid rgba(119, 119, 119, 0.5);
outline-offset: 4px;
}
.search-flydown__content-items-none {
font-size: var(--font-size-body);
margin-top: 0.5rem;
margin-bottom: 0;
color: #111111;
}
.search-flydown__footer {
display: block;
width: 100%;
padding: 10px 15px 15px;
text-align: center;
}
.cross-sell {
position: relative;
display: grid;
grid-template-columns: 2fr 1fr;
column-gap: 20px;
padding: 1.25rem;
background-color: #fafafa;
}
.cross-sell::after {
position: absolute;
top: 0;
left: 10%;
width: 0;
height: 0;
margin-top: -25px;
content: "";
border-right: solid 20px transparent;
border-bottom: solid 25px #fafafa;
border-left: solid 20px transparent;
}
.cross-sell__title {
grid-column-start: 1;
grid-column-end: 3;
margin-top: 0;
margin-bottom: 1.0rem;
font-size: var(--font-size-heading-4);
line-height: 1.3;
color: #212121;
}
@media screen and (max-width: 1023px) {
.cross-sell__description {
grid-column-start: 1;
grid-column-end: 3;
}
}
.age-gate {
position: fixed;
top: 0;
left: 0;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
text-align: center;
}
.age-gate::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--background-color, #ffffff);
content: "";
}
.age-gate__header {
margin-bottom: 32px;
}
.age-gate__logo-wrapper {
position: relative;
display: block;
max-width: 100px;
margin: 0 auto;
}
.age-gate__logo-wrapper + .age-gate__heading,
.age-gate__logo-wrapper + .age-gate__description {
margin-top: 32px;
}
.age-gate__logo {
width: auto;
height: auto;
max-width: 100%;
}
.age-gate__heading {
margin-top: 0;
margin-bottom: 0;
}
.age-gate__heading + .age-gate__description {
margin-top: 12px;
}
.age-gate__description {
margin-top: 0;
margin-bottom: 0;
}
.age-gate__content {
position: relative;
z-index: 1;
/* Extra small devices (phones, 768px and down) */
max-width: 75%;
/* Medium devices (landscape tablets, 768px and up) */
}
@media only screen and (min-width: 768px) {
.age-gate__content {
max-width: 50%;
}
}
.age-gate__form {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.age-gate__select-wrapper {
/* Extra small devices (phones, 768px and down) */
grid-column: 1/4;
/* Medium devices (landscape tablets, 768px and up) */
}
@media only screen and (min-width: 768px) {
.age-gate__select-wrapper {
grid-column: unset;
}
}
.age-gate__select {
margin-top: 0;
margin-bottom: 0;
/* Medium devices (landscape tablets, 768px and up) */
}
@media only screen and (min-width: 768px) {
.age-gate__select {
margin-top: inherit;
margin-bottom: inherit;
}
}
.age-gate__confirm_btn {
grid-column: 1/4;
}
.age-gate__error {
grid-column: 1/4;
margin-top: 10px;
color: var(--color-error, #ea555c);
}
.age-gate__select-wrapper::after {
position: absolute;
top: 50%;
right: 7px;
display: block;
width: 20px;
height: 20px;
background: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 6.75L12.5 1.25" stroke="%23212121" stroke-width="1.75" stroke-linecap="square"/><path d="M7 6.75L1.5 1.25" stroke="%23212121" stroke-width="1.75" stroke-linecap="square"/></svg>') no-repeat 50% 50%;
transform: translateY(-50%);
transition: transform 0.2s ease-in-out;
pointer-events: none;
content: "";
}
.age-gate__confirm_btn {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.age-gate__confirm_btn {
text-transform: uppercase;
}product-cta {
display: none;
}
.product-readmore {
width: 100%;
margin: 0.5rem 10px 0;
}
@media screen and (min-width: 720px) {
.product-readmore {
margin: 3.125rem 0 0;
}
}
@media screen and (min-width: 1024px) {
.product-readmore {
margin: 4.25rem 0 0;
}
}
.shortcode--product-cta:not([hidden]) {
width: 100%;
margin-top: 1.0rem;
text-align: center;
}
.shortcode--product-cta:not([hidden]):not([button-size]) {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.shortcode--product-cta:not([hidden]):not([button-size]) {
text-transform: uppercase;
}.shortcode--product-cta:not([hidden])[button-size=small] {
font-size: var(--font-size-button-small);
padding: 0.6875rem 1.375rem;
letter-spacing: 0.01em;
}.shortcode--product-cta:not([hidden])[button-size=small] {
text-transform: uppercase;
}.shortcode--product-cta:not([hidden])[button-size=medium] {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.01em;
}.shortcode--product-cta:not([hidden])[button-size=medium] {
text-transform: uppercase;
}.shortcode--product-cta:not([hidden])[button-size=large] {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.01em;
}.shortcode--product-cta:not([hidden])[button-size=large] {
text-transform: uppercase;
}.shortcode--product-cta .button-icon {
height: 0.7em;
width: 0.7em;
margin-left: 0.25em;
}
.shortcode--product-cta .button-icon svg {
height: 0.7em;
width: 0.7em;
margin-top: -0.1em;
transform: rotate(0);
}
.product-description.rte .grid,
.product-readmore.rte .grid,
.page-content.rte .grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-row-gap: 1.0rem;
grid-column-gap: 5%;
width: 100%;
}
.product-description.rte .grid div:not(:first-child),
.product-readmore.rte .grid div:not(:first-child),
.page-content.rte .grid div:not(:first-child) {
margin-top: 0;
}
@media screen and (max-width: 719px) {
.product-description.rte .grid.mobile-stacked,
.product-readmore.rte .grid.mobile-stacked,
.page-content.rte .grid.mobile-stacked {
display: block;
}
.product-description.rte .grid.mobile-stacked div:not(:first-child),
.product-readmore.rte .grid.mobile-stacked div:not(:first-child),
.page-content.rte .grid.mobile-stacked div:not(:first-child) {
margin-top: 1.0rem;
}
}
details:not(.recipient-disclosure) {
margin-top: 1.75rem;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
details:not(.recipient-disclosure) + details {
margin-top: 0;
border-top: none;
}
.rte details:not(.recipient-disclosure) + p,
.rte details:not(.recipient-disclosure) + div {
margin-top: 1.75rem;
}
details:not(.recipient-disclosure)[open] {
padding-bottom: 1.0rem;
}
@media screen and (min-width: 720px) {
details:not(.recipient-disclosure)[open] {
padding-bottom: 1.75rem;
}
}
details:not(.recipient-disclosure)[open] summary ~ * {
animation: sneak-in 0.4s ease-in-out;
}
details:not(.recipient-disclosure)[open] summary::after {
transform: translateY(-50%) rotateX(180deg);
}
details:not(.recipient-disclosure) > div > h1:first-child, details:not(.recipient-disclosure) > div > .age-gate__heading:first-child, details:not(.recipient-disclosure) > div > h2:first-child, details:not(.recipient-disclosure) > div > h3:first-child, details:not(.recipient-disclosure) > div > h4:first-child, details:not(.recipient-disclosure) > div > h5:first-child, details:not(.recipient-disclosure) > div > h6:first-child {
margin-top: 1.0rem;
}
details:not(.recipient-disclosure) .grid {
width: auto;
}
details:not(.recipient-disclosure) .grid:not(.mobile-stacked) > div h1:first-child, details:not(.recipient-disclosure) .grid:not(.mobile-stacked) > div .age-gate__heading:first-child, details:not(.recipient-disclosure) .grid:not(.mobile-stacked) > div h2:first-child, details:not(.recipient-disclosure) .grid:not(.mobile-stacked) > div h3:first-child, details:not(.recipient-disclosure) .grid:not(.mobile-stacked) > div h4:first-child, details:not(.recipient-disclosure) .grid:not(.mobile-stacked) > div h5:first-child, details:not(.recipient-disclosure) .grid:not(.mobile-stacked) > div h6:first-child {
margin-top: 0;
}
details:not(.recipient-disclosure) .grid:not(.mobile-stacked) div:nth-child(1) h1:first-child, details:not(.recipient-disclosure) .grid:not(.mobile-stacked) div:nth-child(1) .age-gate__heading:first-child, details:not(.recipient-disclosure) .grid:not(.mobile-stacked) div:nth-child(1) h2:first-child, details:not(.recipient-disclosure) .grid:not(.mobile-stacked) div:nth-child(1) h3:first-child, details:not(.recipient-disclosure) .grid:not(.mobile-stacked) div:nth-child(1) h4:first-child, details:not(.recipient-disclosure) .grid:not(.mobile-stacked) div:nth-child(1) h5:first-child, details:not(.recipient-disclosure) .grid:not(.mobile-stacked) div:nth-child(1) h6:first-child,
details:not(.recipient-disclosure) .grid:not(.mobile-stacked) div:nth-child(2) h1:first-child,
details:not(.recipient-disclosure) .grid:not(.mobile-stacked) div:nth-child(2) .age-gate__heading:first-child,
details:not(.recipient-disclosure) .grid:not(.mobile-stacked) div:nth-child(2) h2:first-child,
details:not(.recipient-disclosure) .grid:not(.mobile-stacked) div:nth-child(2) h3:first-child,
details:not(.recipient-disclosure) .grid:not(.mobile-stacked) div:nth-child(2) h4:first-child,
details:not(.recipient-disclosure) .grid:not(.mobile-stacked) div:nth-child(2) h5:first-child,
details:not(.recipient-disclosure) .grid:not(.mobile-stacked) div:nth-child(2) h6:first-child {
margin-top: 1.0rem;
}
@media screen and (min-width: 720px) {
details:not(.recipient-disclosure) .grid.mobile-stacked > div h1:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked > div .age-gate__heading:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked > div h2:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked > div h3:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked > div h4:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked > div h5:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked > div h6:first-child {
margin-top: 0;
}
}
details:not(.recipient-disclosure) .grid.mobile-stacked div:nth-child(1) h1:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked div:nth-child(1) .age-gate__heading:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked div:nth-child(1) h2:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked div:nth-child(1) h3:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked div:nth-child(1) h4:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked div:nth-child(1) h5:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked div:nth-child(1) h6:first-child {
margin-top: 1.0rem;
}
@media screen and (min-width: 720px) {
details:not(.recipient-disclosure) .grid.mobile-stacked div:nth-child(2) h1:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked div:nth-child(2) .age-gate__heading:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked div:nth-child(2) h2:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked div:nth-child(2) h3:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked div:nth-child(2) h4:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked div:nth-child(2) h5:first-child, details:not(.recipient-disclosure) .grid.mobile-stacked div:nth-child(2) h6:first-child {
margin-top: 1.0rem;
}
}
summary:not(.recipient-disclosure__summary) {
font-family: "Optima nova",sans-serif;
font-style: normal;
font-weight: 600;
font-size: var(--font-size-heading-4);
position: relative;
display: block;
color: #212121;
cursor: pointer;
}
summary:not(.recipient-disclosure__summary) .summary-wrapper {
padding: 1.0rem 1.75rem 1.0rem 0;
outline: none;
}
@media screen and (min-width: 720px) {
summary:not(.recipient-disclosure__summary) .summary-wrapper {
padding: 1.75rem 1.75rem 1.75rem 0;
}
}
summary:not(.recipient-disclosure__summary) .headline {
margin: 0;
}
summary:not(.recipient-disclosure__summary) .sub-headline {
font-family: Slate,sans-serif;
font-style: normal;
font-weight: 200;
font-size: var(--font-size-body);
display: block;
color: #7c7873;
}
summary:not(.recipient-disclosure__summary)::-webkit-details-marker {
display: none;
}
summary:not(.recipient-disclosure__summary)::before {
display: none;
}
summary:not(.recipient-disclosure__summary)::after {
content: "";
background: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 6.75L12.5 1.25" stroke="%23212121" stroke-width="1.75" stroke-linecap="square"/><path d="M7 6.75L1.5 1.25" stroke="%23212121" stroke-width="1.75" stroke-linecap="square"/></svg>') no-repeat 50% 50%;
display: block;
height: 20px;
width: 20px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: transform 0.2s ease-in-out;
z-index: -1;
}
.product-readmore.rte .grid {
width: auto;
}
.product-readmore summary {
font-size: var(--font-size-heading-3);
}
@media screen and (min-width: 680px) {
.product-readmore summary .summary-wrapper {
display: flex;
align-items: center;
}
}
@media screen and (min-width: 680px) {
.product-readmore summary .summary-wrapper .headline {
flex: 0 0 9.375rem;
}
}
@media screen and (min-width: 720px) {
.product-readmore summary .summary-wrapper .headline {
flex: 0 0 15.625rem;
}
}
@media screen and (min-width: 680px) {
.product-readmore summary .summary-wrapper .sub-headline {
margin-left: 1.75rem;
}
}
@media screen and (min-width: 680px) {
.product-readmore .indent-content {
margin-left: 9.375rem;
padding-left: 1.75rem;
}
}
@media screen and (min-width: 720px) {
.product-readmore .indent-content {
margin-left: 15.625rem;
}
}
@media all and (-ms-high-contrast: none) {
summary::after {
content: "›";
height: auto;
width: auto;
font-size: 2rem;
transform: translateY(-50%) rotate(90deg);
}
details[open] summary::after {
transform: translateY(-50%) rotate(-90deg);
}
}