/** Shopify CDN: Minification failed
Line 10822:8 Comments in CSS use "/* ... */" instead of "//"
Line 10895:8 Comments in CSS use "/* ... */" instead of "//"
Line 20556:13 Expected identifier but found whitespace
Line 20557:2 Unexpected "{"
Line 20558:25 Expected ":"
Line 20562:12 Expected identifier but found whitespace
Line 20563:2 Unexpected "{"
Line 20564:24 Expected ":"
Line 20568:13 Expected identifier but found whitespace
Line 20569:2 Unexpected "{"
... and 15 more hidden warnings
**/
@font-face {
font-family: Futura;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n5.5632c6d8a6da9141ef40e51d14264a007bcae7e5.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=3d3d3076a2183f4fe7a771c520aa0dce55ace94379070508b71a77adcea88076") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n5.ea788239cf399e57dbdfe80e24bba751e5c2a36c.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=d1987e53f9f20d5e484d00ba26e399a02974f008128cd96dd62289664ca61d77") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o5.2374ce1c635b408a1f07994a3de4a936fc50f767.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c1991ed22eb49d4ed28f9754f5fec754a54acb530ad3e3dfd90f56fb0259cbbe") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o5.1bf4df2c089a877c3ba2d33a9d4c7908742bfc89.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=57697f169f43806288f2ddf58f508e3679457c70e7b7ee91e1e9a9dc4b05dbfc") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 700;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n7.153f8fffad8e901382179997bbb87aa7a5ff33b3.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=784f29b9f423bb0095e9018ede3707dea695c902d6db9c1928b567d3f08860b0") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n7.711e9243b3eccc2745ecf4731eba61651a122376.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=9046f77118cbd008d7dd303045e15dd8b12f0d4d18f7d0f81baf22b6b2d51939") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 700;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o7.ece1472e1fefbb598873ba72dc2bfa2e050347c1.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=bfc751c6415008d4d4e33c60be92bdd430bfa19ead46ade5d4c952d0e3cef94d") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o7.7028291332320745f0217c346c800da7522a22b2.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=342cc4d8438d759e1abe0e9d685e3c46ad877ddeab9e87dfa7a1218c517ba1a1") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 300;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n3.cc9b68efd1cfa8296b0ec7d463066804b6bcc72b.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=60f1a5807c898189dbc3cea15a2a36372f741362fecf85b80a5d6cacbf1f4635") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n3.a0515e293e4a21f6855788bdc01458bdc41f88f1.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=4dc0838a2e55c620852e46247c871785835bd63542c9bc87a5e8e772042010f1") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 300;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o3.85ebc2abc77adc404b00ffcd2edb39e8509c5c99.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=e3ca8fd6413b6bf495b1af4b3c890726ac639678a48bdd5b8506633b00e5f11c") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o3.e50e5ae30cf042c6a9210d4b805f668a60504ba6.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c244fb62e094604dcce55e347569db1805637c807f855850584967ded782fa00") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n5.5632c6d8a6da9141ef40e51d14264a007bcae7e5.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=3d3d3076a2183f4fe7a771c520aa0dce55ace94379070508b71a77adcea88076") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n5.ea788239cf399e57dbdfe80e24bba751e5c2a36c.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=d1987e53f9f20d5e484d00ba26e399a02974f008128cd96dd62289664ca61d77") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o5.2374ce1c635b408a1f07994a3de4a936fc50f767.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c1991ed22eb49d4ed28f9754f5fec754a54acb530ad3e3dfd90f56fb0259cbbe") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o5.1bf4df2c089a877c3ba2d33a9d4c7908742bfc89.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=57697f169f43806288f2ddf58f508e3679457c70e7b7ee91e1e9a9dc4b05dbfc") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 700;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n7.153f8fffad8e901382179997bbb87aa7a5ff33b3.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=784f29b9f423bb0095e9018ede3707dea695c902d6db9c1928b567d3f08860b0") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n7.711e9243b3eccc2745ecf4731eba61651a122376.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=9046f77118cbd008d7dd303045e15dd8b12f0d4d18f7d0f81baf22b6b2d51939") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 700;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o7.ece1472e1fefbb598873ba72dc2bfa2e050347c1.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=bfc751c6415008d4d4e33c60be92bdd430bfa19ead46ade5d4c952d0e3cef94d") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o7.7028291332320745f0217c346c800da7522a22b2.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=342cc4d8438d759e1abe0e9d685e3c46ad877ddeab9e87dfa7a1218c517ba1a1") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 300;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n3.cc9b68efd1cfa8296b0ec7d463066804b6bcc72b.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=60f1a5807c898189dbc3cea15a2a36372f741362fecf85b80a5d6cacbf1f4635") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n3.a0515e293e4a21f6855788bdc01458bdc41f88f1.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=4dc0838a2e55c620852e46247c871785835bd63542c9bc87a5e8e772042010f1") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 300;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o3.85ebc2abc77adc404b00ffcd2edb39e8509c5c99.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=e3ca8fd6413b6bf495b1af4b3c890726ac639678a48bdd5b8506633b00e5f11c") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o3.e50e5ae30cf042c6a9210d4b805f668a60504ba6.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c244fb62e094604dcce55e347569db1805637c807f855850584967ded782fa00") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n5.5632c6d8a6da9141ef40e51d14264a007bcae7e5.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=3d3d3076a2183f4fe7a771c520aa0dce55ace94379070508b71a77adcea88076") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n5.ea788239cf399e57dbdfe80e24bba751e5c2a36c.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=d1987e53f9f20d5e484d00ba26e399a02974f008128cd96dd62289664ca61d77") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o5.2374ce1c635b408a1f07994a3de4a936fc50f767.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c1991ed22eb49d4ed28f9754f5fec754a54acb530ad3e3dfd90f56fb0259cbbe") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o5.1bf4df2c089a877c3ba2d33a9d4c7908742bfc89.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=57697f169f43806288f2ddf58f508e3679457c70e7b7ee91e1e9a9dc4b05dbfc") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 700;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n7.153f8fffad8e901382179997bbb87aa7a5ff33b3.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=784f29b9f423bb0095e9018ede3707dea695c902d6db9c1928b567d3f08860b0") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n7.711e9243b3eccc2745ecf4731eba61651a122376.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=9046f77118cbd008d7dd303045e15dd8b12f0d4d18f7d0f81baf22b6b2d51939") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 700;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o7.ece1472e1fefbb598873ba72dc2bfa2e050347c1.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=bfc751c6415008d4d4e33c60be92bdd430bfa19ead46ade5d4c952d0e3cef94d") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o7.7028291332320745f0217c346c800da7522a22b2.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=342cc4d8438d759e1abe0e9d685e3c46ad877ddeab9e87dfa7a1218c517ba1a1") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 400;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n4.df36ce3d9db534a4d7947f4aa825495ed740e410.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=ad0f97d83de39ffbe2eb3f0787b0f85b8ebfab97d0868a125365c35b0a34b66e") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n4.6bce24beb4ba1ff4ddeb20f7cd6e2fa513a3d6ec.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=9576d27288c2c359c0e70dd3fb3d062468615c8b7511c71e010c23095d15ec18") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 400;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o4.9747e2e6ed2f11b894984527c927b42234e48815.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=59e8a077b5ad977e90aa6107dfbd23a965bf34eea2b7defe630499cfceba8b93") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o4.d5edc6b1d9a050bbe0beb9093d73b883bf18c6c1.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=4d77ad2be4249bc975d7abfcc75ee1d4dd7b44b07362ab1c11f711ef4f611da2") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 700;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n7.153f8fffad8e901382179997bbb87aa7a5ff33b3.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=784f29b9f423bb0095e9018ede3707dea695c902d6db9c1928b567d3f08860b0") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n7.711e9243b3eccc2745ecf4731eba61651a122376.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=9046f77118cbd008d7dd303045e15dd8b12f0d4d18f7d0f81baf22b6b2d51939") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 700;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o7.ece1472e1fefbb598873ba72dc2bfa2e050347c1.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=bfc751c6415008d4d4e33c60be92bdd430bfa19ead46ade5d4c952d0e3cef94d") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o7.7028291332320745f0217c346c800da7522a22b2.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=342cc4d8438d759e1abe0e9d685e3c46ad877ddeab9e87dfa7a1218c517ba1a1") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 300;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n3.cc9b68efd1cfa8296b0ec7d463066804b6bcc72b.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=60f1a5807c898189dbc3cea15a2a36372f741362fecf85b80a5d6cacbf1f4635") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n3.a0515e293e4a21f6855788bdc01458bdc41f88f1.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=4dc0838a2e55c620852e46247c871785835bd63542c9bc87a5e8e772042010f1") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 300;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o3.85ebc2abc77adc404b00ffcd2edb39e8509c5c99.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=e3ca8fd6413b6bf495b1af4b3c890726ac639678a48bdd5b8506633b00e5f11c") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o3.e50e5ae30cf042c6a9210d4b805f668a60504ba6.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c244fb62e094604dcce55e347569db1805637c807f855850584967ded782fa00") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n5.5632c6d8a6da9141ef40e51d14264a007bcae7e5.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=3d3d3076a2183f4fe7a771c520aa0dce55ace94379070508b71a77adcea88076") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n5.ea788239cf399e57dbdfe80e24bba751e5c2a36c.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=d1987e53f9f20d5e484d00ba26e399a02974f008128cd96dd62289664ca61d77") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o5.2374ce1c635b408a1f07994a3de4a936fc50f767.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c1991ed22eb49d4ed28f9754f5fec754a54acb530ad3e3dfd90f56fb0259cbbe") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o5.1bf4df2c089a877c3ba2d33a9d4c7908742bfc89.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=57697f169f43806288f2ddf58f508e3679457c70e7b7ee91e1e9a9dc4b05dbfc") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 700;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n7.153f8fffad8e901382179997bbb87aa7a5ff33b3.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=784f29b9f423bb0095e9018ede3707dea695c902d6db9c1928b567d3f08860b0") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n7.711e9243b3eccc2745ecf4731eba61651a122376.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=9046f77118cbd008d7dd303045e15dd8b12f0d4d18f7d0f81baf22b6b2d51939") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 700;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o7.ece1472e1fefbb598873ba72dc2bfa2e050347c1.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=bfc751c6415008d4d4e33c60be92bdd430bfa19ead46ade5d4c952d0e3cef94d") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o7.7028291332320745f0217c346c800da7522a22b2.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=342cc4d8438d759e1abe0e9d685e3c46ad877ddeab9e87dfa7a1218c517ba1a1") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n5.5632c6d8a6da9141ef40e51d14264a007bcae7e5.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=3d3d3076a2183f4fe7a771c520aa0dce55ace94379070508b71a77adcea88076") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n5.ea788239cf399e57dbdfe80e24bba751e5c2a36c.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=d1987e53f9f20d5e484d00ba26e399a02974f008128cd96dd62289664ca61d77") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o5.2374ce1c635b408a1f07994a3de4a936fc50f767.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c1991ed22eb49d4ed28f9754f5fec754a54acb530ad3e3dfd90f56fb0259cbbe") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o5.1bf4df2c089a877c3ba2d33a9d4c7908742bfc89.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=57697f169f43806288f2ddf58f508e3679457c70e7b7ee91e1e9a9dc4b05dbfc") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n5.5632c6d8a6da9141ef40e51d14264a007bcae7e5.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=3d3d3076a2183f4fe7a771c520aa0dce55ace94379070508b71a77adcea88076") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n5.ea788239cf399e57dbdfe80e24bba751e5c2a36c.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=d1987e53f9f20d5e484d00ba26e399a02974f008128cd96dd62289664ca61d77") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o5.2374ce1c635b408a1f07994a3de4a936fc50f767.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c1991ed22eb49d4ed28f9754f5fec754a54acb530ad3e3dfd90f56fb0259cbbe") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o5.1bf4df2c089a877c3ba2d33a9d4c7908742bfc89.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=57697f169f43806288f2ddf58f508e3679457c70e7b7ee91e1e9a9dc4b05dbfc") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n5.5632c6d8a6da9141ef40e51d14264a007bcae7e5.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=3d3d3076a2183f4fe7a771c520aa0dce55ace94379070508b71a77adcea88076") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n5.ea788239cf399e57dbdfe80e24bba751e5c2a36c.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=d1987e53f9f20d5e484d00ba26e399a02974f008128cd96dd62289664ca61d77") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o5.2374ce1c635b408a1f07994a3de4a936fc50f767.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c1991ed22eb49d4ed28f9754f5fec754a54acb530ad3e3dfd90f56fb0259cbbe") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o5.1bf4df2c089a877c3ba2d33a9d4c7908742bfc89.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=57697f169f43806288f2ddf58f508e3679457c70e7b7ee91e1e9a9dc4b05dbfc") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n5.5632c6d8a6da9141ef40e51d14264a007bcae7e5.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=3d3d3076a2183f4fe7a771c520aa0dce55ace94379070508b71a77adcea88076") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n5.ea788239cf399e57dbdfe80e24bba751e5c2a36c.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=d1987e53f9f20d5e484d00ba26e399a02974f008128cd96dd62289664ca61d77") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o5.2374ce1c635b408a1f07994a3de4a936fc50f767.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c1991ed22eb49d4ed28f9754f5fec754a54acb530ad3e3dfd90f56fb0259cbbe") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o5.1bf4df2c089a877c3ba2d33a9d4c7908742bfc89.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=57697f169f43806288f2ddf58f508e3679457c70e7b7ee91e1e9a9dc4b05dbfc") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 400;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n4.df36ce3d9db534a4d7947f4aa825495ed740e410.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=ad0f97d83de39ffbe2eb3f0787b0f85b8ebfab97d0868a125365c35b0a34b66e") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n4.6bce24beb4ba1ff4ddeb20f7cd6e2fa513a3d6ec.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=9576d27288c2c359c0e70dd3fb3d062468615c8b7511c71e010c23095d15ec18") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 400;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o4.9747e2e6ed2f11b894984527c927b42234e48815.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=59e8a077b5ad977e90aa6107dfbd23a965bf34eea2b7defe630499cfceba8b93") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o4.d5edc6b1d9a050bbe0beb9093d73b883bf18c6c1.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=4d77ad2be4249bc975d7abfcc75ee1d4dd7b44b07362ab1c11f711ef4f611da2") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n5.5632c6d8a6da9141ef40e51d14264a007bcae7e5.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=3d3d3076a2183f4fe7a771c520aa0dce55ace94379070508b71a77adcea88076") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n5.ea788239cf399e57dbdfe80e24bba751e5c2a36c.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=d1987e53f9f20d5e484d00ba26e399a02974f008128cd96dd62289664ca61d77") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o5.2374ce1c635b408a1f07994a3de4a936fc50f767.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c1991ed22eb49d4ed28f9754f5fec754a54acb530ad3e3dfd90f56fb0259cbbe") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o5.1bf4df2c089a877c3ba2d33a9d4c7908742bfc89.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=57697f169f43806288f2ddf58f508e3679457c70e7b7ee91e1e9a9dc4b05dbfc") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n5.5632c6d8a6da9141ef40e51d14264a007bcae7e5.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=3d3d3076a2183f4fe7a771c520aa0dce55ace94379070508b71a77adcea88076") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n5.ea788239cf399e57dbdfe80e24bba751e5c2a36c.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=d1987e53f9f20d5e484d00ba26e399a02974f008128cd96dd62289664ca61d77") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o5.2374ce1c635b408a1f07994a3de4a936fc50f767.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c1991ed22eb49d4ed28f9754f5fec754a54acb530ad3e3dfd90f56fb0259cbbe") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o5.1bf4df2c089a877c3ba2d33a9d4c7908742bfc89.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=57697f169f43806288f2ddf58f508e3679457c70e7b7ee91e1e9a9dc4b05dbfc") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: normal;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_n5.5632c6d8a6da9141ef40e51d14264a007bcae7e5.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=3d3d3076a2183f4fe7a771c520aa0dce55ace94379070508b71a77adcea88076") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_n5.ea788239cf399e57dbdfe80e24bba751e5c2a36c.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=d1987e53f9f20d5e484d00ba26e399a02974f008128cd96dd62289664ca61d77") format("woff");
}
@font-face {
font-family: Futura;
font-weight: 500;
font-style: oblique;
font-display: auto;
src: url("//kaicollective.com/cdn/fonts/futura/futura_o5.2374ce1c635b408a1f07994a3de4a936fc50f767.woff2?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c1991ed22eb49d4ed28f9754f5fec754a54acb530ad3e3dfd90f56fb0259cbbe") format("woff2"),
url("//kaicollective.com/cdn/fonts/futura/futura_o5.1bf4df2c089a877c3ba2d33a9d4c7908742bfc89.woff?h1=a2FpY29sbGVjdGl2ZS5jb20&h2=a2FpY29sbGVjdGl2ZTEuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=57697f169f43806288f2ddf58f508e3679457c70e7b7ee91e1e9a9dc4b05dbfc") format("woff");
}
:root {--font-size-heading-large: 1.5975rem;
--font-size-heading-large-base: 16;
--font-size-heading-large-fcscale: 2.125;
--font-size-heading-large-fscale: 0.84;
--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: 0.936;
--font-size-heading-large-mfadjust: 0.0;
--font-size-heading-medium: 1.3875rem;
--font-size-heading-medium-base: 16;
--font-size-heading-medium-fcscale: 1.875;
--font-size-heading-medium-fscale: 0.84;
--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: 0.936;
--font-size-heading-medium-mfadjust: 0.0;
--font-size-heading-1: 1.2825rem;
--font-size-heading-1-base: 16;
--font-size-heading-1-fcscale: 1.75;
--font-size-heading-1-fscale: 0.84;
--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: 0.936;
--font-size-heading-1-mfadjust: 0.0;
--font-size-heading-2: 1.24rem;
--font-size-heading-2-base: 16;
--font-size-heading-2-fcscale: 1.625;
--font-size-heading-2-fscale: 0.84;
--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: 0.936;
--font-size-heading-2-mfadjust: 0.0;
--font-size-heading-3: 1.1975rem;
--font-size-heading-3-base: 16;
--font-size-heading-3-fcscale: 1.5;
--font-size-heading-3-fscale: 0.84;
--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: 0.936;
--font-size-heading-3-mfadjust: 0.0;
--font-size-heading-4: 0.925rem;
--font-size-heading-4-base: 16;
--font-size-heading-4-fcscale: 1.25;
--font-size-heading-4-fscale: 0.84;
--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: 0.936;
--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.375rem;
--font-size-section-heading-base: 16;
--font-size-section-heading-fcscale: 1.5;
--font-size-section-heading-fscale: 1.0;
--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: 1.0;
--font-size-section-heading-mfadjust: 0.0;
--font-size-highlight-banner-heading: 1.125rem;
--font-size-highlight-banner-heading-base: 16;
--font-size-highlight-banner-heading-fcscale: 1.125;
--font-size-highlight-banner-heading-fscale: 1.0;
--font-size-highlight-banner-heading-fadjust: 0.0;
--font-size-highlight-banner-heading-mbase: 15.0;
--font-size-highlight-banner-heading-mfcscale: 1.125;
--font-size-highlight-banner-heading-mfscale: 1.0;
--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.0rem;
--font-size-product-card-base: 16;
--font-size-product-card-fcscale: 1.0;
--font-size-product-card-fscale: 1.0;
--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.0;
--font-size-product-card-mfadjust: 0.0;
--font-size-button-small: 0.875rem;
--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: 0.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: 1.0rem;
--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: 0.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.125rem;
--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: 0.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.3125rem;
--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: 0.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: 1.0rem;
--font-size-menu-base: 16;
--font-size-menu-fcscale: 1.0;
--font-size-menu-fscale: 1.0;
--font-size-menu-fadjust: 0.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.8875rem;
--font-size-footer-heading-base: 16;
--font-size-footer-heading-fcscale: 1.125;
--font-size-footer-heading-fscale: 0.9;
--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.96;
--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.6771875rem;
--font-size-heading-large-base: 16;
--font-size-heading-large-fcscale: 2.125;
--font-size-heading-large-fscale: 0.84;
--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: 0.936;
--font-size-heading-large-mfadjust: 0.0;}}
@media screen and (max-width: 859px) {
:root {--font-size-heading-medium: 1.4578125rem;
--font-size-heading-medium-base: 16;
--font-size-heading-medium-fcscale: 1.875;
--font-size-heading-medium-fscale: 0.84;
--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: 0.936;
--font-size-heading-medium-mfadjust: 0.0;
--font-size-heading-1: 1.348125rem;
--font-size-heading-1-base: 16;
--font-size-heading-1-fcscale: 1.75;
--font-size-heading-1-fscale: 0.84;
--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: 0.936;
--font-size-heading-1-mfadjust: 0.0;
--font-size-heading-2: 1.3009375rem;
--font-size-heading-2-base: 16;
--font-size-heading-2-fcscale: 1.625;
--font-size-heading-2-fscale: 0.84;
--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: 0.936;
--font-size-heading-2-mfadjust: 0.0;
--font-size-heading-3: 1.25375rem;
--font-size-heading-3-base: 16;
--font-size-heading-3-fcscale: 1.5;
--font-size-heading-3-fscale: 0.84;
--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: 0.936;
--font-size-heading-3-mfadjust: 0.0;
--font-size-heading-4: 0.971875rem;
--font-size-heading-4-base: 16;
--font-size-heading-4-fcscale: 1.25;
--font-size-heading-4-fscale: 0.84;
--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: 0.936;
--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.28125rem;
--font-size-section-heading-base: 16;
--font-size-section-heading-fcscale: 1.5;
--font-size-section-heading-fscale: 1.0;
--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: 1.0;
--font-size-section-heading-mfadjust: 0.0;
--font-size-highlight-banner-heading: 1.0546875rem;
--font-size-highlight-banner-heading-base: 16;
--font-size-highlight-banner-heading-fcscale: 1.125;
--font-size-highlight-banner-heading-fscale: 1.0;
--font-size-highlight-banner-heading-fadjust: 0.0;
--font-size-highlight-banner-heading-mbase: 15.0;
--font-size-highlight-banner-heading-mfcscale: 1.125;
--font-size-highlight-banner-heading-mfscale: 1.0;
--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.9375rem;
--font-size-product-card-base: 16;
--font-size-product-card-fcscale: 1.0;
--font-size-product-card-fscale: 1.0;
--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.0;
--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: 0.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: 0.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: 0.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: 0.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.9375rem;
--font-size-menu-base: 16;
--font-size-menu-fcscale: 1.0;
--font-size-menu-fscale: 1.0;
--font-size-menu-fadjust: 0.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.8875rem;
--font-size-footer-heading-base: 16;
--font-size-footer-heading-fcscale: 1.125;
--font-size-footer-heading-fscale: 0.9;
--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.96;
--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 v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
/* Document
========================================================================== */
html {
font-family: sans-serif;
/* 1 */
line-height: 1.15;
/* 2 */
-ms-text-size-adjust: 100%;
/* 3 */
-webkit-text-size-adjust: 100%;
/* 3 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 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
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/**
* 1. Remove the bottom border in Firefox 39-.
* 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 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* 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 style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* 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
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
/* 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;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */
}
/**
* 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;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 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 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
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 and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[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 IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
.disclosure {
--disclosure-max-height: 300px;
--disclosure-min-height: 92px;
--disclosure-toggle-text-color: black;
--disclosure-toggle-background-color: transparent;
--disclosure-toggle-border-color: black;
--disclosure-toggle-svg: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
--disclosure-toggle-svg-color: black;
--disclosure-text-color: black;
--disclosure-background-color: white;
--disclosure-border-color: black;
position: relative;
display: inline-block;
}
.disclosure__toggle {
padding: 5px 32px 4px 11px;
color: black;
white-space: nowrap;
background-color: transparent;
border: 1px solid black;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@supports (color: var(--disclosure-toggle-text-color)) {
.disclosure__toggle {
color: var(--disclosure-toggle-text-color);
background-color: var(--disclosure-toggle-background-color);
border: 1px solid var(--disclosure-toggle-border-color);
}
}
.disclosure__toggle:hover {
cursor: pointer;
}
.disclosure__toggle::after {
position: absolute;
top: 50%;
right: 11px;
width: 10px;
height: 7.5px;
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
content: "";
transform: translateY(-50%);
}
@supports ((-webkit-mask-image: var(--disclosure-toggle-svg)) or (mask-image: var(--disclosure-toggle-svg))) {
.disclosure__toggle::after {
background-color: var(--disclosure-toggle-svg-color);
background-image: none;
-webkit-mask-image: var(--disclosure-toggle-svg);
mask-image: var(--disclosure-toggle-svg);
-webkit-mask-size: cover;
mask-size: cover;
}
}
.disclosure-list {
position: absolute;
bottom: 115%;
display: none;
max-height: 300px;
min-height: 92px;
padding: 11px 0;
margin: 0;
overflow-y: auto;
list-style: outside none;
background-color: white;
border: 1px solid black;
border-radius: 0;
}
@supports (max-height: var(--disclosure-max-height)) {
.disclosure-list {
max-height: var(--disclosure-max-height);
min-height: var(--disclosure-min-height);
background-color: var(--disclosure-background-color);
border: 1px solid var(--disclosure-border-color);
}
}
.disclosure-list--visible {
display: block;
}
.disclosure-list--alternate-drop {
right: 0;
}
.disclosure-list__item {
display: block;
padding: 5px 45px 4px 15px;
text-align: left;
white-space: nowrap;
border-bottom: 1px solid transparent;
}
.disclosure-list__item:active {
background-color: white;
}
@supports (background-color: var(--disclosure-background-color)) {
.disclosure-list__item:active {
background-color: var(--disclosure-background-color);
}
}
.disclosure-list__option {
color: black;
}
@supports (color: var(--disclosure-text-color)) {
.disclosure-list__option {
color: var(--disclosure-text-color);
}
}
.disclosure-list__item:focus .disclosure-list__option,
.disclosure-list__item:hover .disclosure-list__option {
color: black;
border-bottom: black;
}
@supports (color: var(--disclosure-text-color)) {
.disclosure-list__item:focus .disclosure-list__option,
.disclosure-list__item:hover .disclosure-list__option {
color: var(--disclosure-text-color);
border-bottom: 1px solid var(--disclosure-text-color);
}
}
.disclosure-list__item--current .disclosure-list__option {
border-bottom: 1px solid black;
}
@supports (border-bottom: 1px solid var(--disclosure-text-color)) {
.disclosure-list__item--current .disclosure-list__option {
border-bottom: 1px solid var(--disclosure-text-color);
}
}
/* Setting abstracted libraries */
/* Internal libraries */
*
*
*
*
*
*
*
h1, .slideshow-slide-heading, h2, h3, h4, h5, .small-promo-heading, .rte .tabs li,
.rte .tabs li > a, h6, .navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
letter-spacing: 0.06em;
}h1, .slideshow-slide-heading, h2, h3, h4, h5, .small-promo-heading, .rte .tabs li,
.rte .tabs li > a, h6, .navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text {
text-transform: uppercase;
}h1 b, .slideshow-slide-heading b, h2 b, h3 b, h4 b, h5 b, .small-promo-heading b, .rte .tabs li b, h6 b, .navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text b,
h1 strong,
.slideshow-slide-heading strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
.small-promo-heading strong,
.rte .tabs li strong,
h6 strong,
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text strong {
font-weight: 700;
}
h1 em, .slideshow-slide-heading em, h2 em, h3 em, h4 em, h5 em, .small-promo-heading em, .rte .tabs li em, h6 em, .navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text em {
font-style: oblique;
}
h1 b em, .slideshow-slide-heading b em, h2 b em, h3 b em, h4 b em, h5 b em, .small-promo-heading b em, .rte .tabs li b em, h6 b em, .navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text b em,
h1 strong em,
.slideshow-slide-heading strong em,
h2 strong em,
h3 strong em,
h4 strong em,
h5 strong em,
.small-promo-heading strong em,
.rte .tabs li strong em,
h6 strong em,
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text strong em,
h1 em b,
.slideshow-slide-heading em b,
h2 em b,
h3 em b,
h4 em b,
h5 em b,
.small-promo-heading em b,
.rte .tabs li em b,
h6 em b,
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text em b,
h1 em strong,
.slideshow-slide-heading em strong,
h2 em strong,
h3 em strong,
h4 em strong,
h5 em strong,
.small-promo-heading em strong,
.rte .tabs li em strong,
h6 em strong,
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text em strong {
font-style: oblique;
}
h1, .slideshow-slide-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);
}
h5, .small-promo-heading, .rte .tabs li,
.rte .tabs li > a {
font-size: var(--font-size-heading-5);
}
h6 {
font-size: var(--font-size-heading-6);
}
.site-navigation a, .site-navigation .navmenu-depth-1 > li > a, .site-header-actions, .mobile-nav-content .navmenu-depth-1 > .navmenu-item > .navmenu-link {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-menu);
letter-spacing: 0.03em;
}.site-navigation a, .site-navigation .navmenu-depth-1 > li > a, .site-header-actions {
text-transform: none;
}
#site-mobile-nav .mobile-nav-content .navmenu-depth-1 > .navmenu-item > .navmenu-link {
text-transform: capitalize;
}.productgrid--no-results-button, .button-primary, .shopify-challenge__container .btn, .image-with-text-button, .product-form--atc-button, .shopify-payment-button .shopify-payment-button__button--unbranded, .shortcode--product-cta:not([hidden])[button-style="primary"], .button-secondary, .rte button,
.dynamic-newsletter-text button, .article--excerpt-wrapper--featured .article--excerpt-button, .utils-sortby--modal-button, .product-reviews--content .spr-summary-actions-newreview, .smart-payment-enabled .product-form--atc-button, .shortcode--product-cta:not([hidden]):not([button-style]), .shortcode--product-cta:not([hidden])[button-style="secondary"], .live-search-button {
font-size: var(--font-size-button-small);
padding: 0.6875rem 1.375rem;
letter-spacing: 0.03em;
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
display: inline-block;
text-decoration: none;
cursor: pointer;
border-radius: 0px;
transition: border-color 0.2s ease, background-color 0.2s ease, width 0.2s ease, height 0.2s ease;
}.productgrid--no-results-button, .button-primary, .shopify-challenge__container .btn, .image-with-text-button, .product-form--atc-button, .shopify-payment-button .shopify-payment-button__button--unbranded, .shortcode--product-cta:not([hidden])[button-style="primary"], .button-secondary, .rte button,
.dynamic-newsletter-text button, .article--excerpt-wrapper--featured .article--excerpt-button, .utils-sortby--modal-button, .product-reviews--content .spr-summary-actions-newreview, .smart-payment-enabled .product-form--atc-button, .shortcode--product-cta:not([hidden]):not([button-style]), .shortcode--product-cta:not([hidden])[button-style="secondary"], .live-search-button {
text-transform: none;
}.disabled.productgrid--no-results-button, .disabled.button-primary, .shopify-challenge__container .disabled.btn, .disabled.image-with-text-button, .disabled.product-form--atc-button, .shopify-payment-button .disabled.shopify-payment-button__button--unbranded, .disabled.shortcode--product-cta:not([hidden])[button-style="primary"], .disabled.button-secondary, .rte button.disabled,
.dynamic-newsletter-text button.disabled, .article--excerpt-wrapper--featured .disabled.article--excerpt-button, .disabled.utils-sortby--modal-button, .product-reviews--content .disabled.spr-summary-actions-newreview, .disabled.shortcode--product-cta:not([hidden]):not([button-style]), .disabled.shortcode--product-cta:not([hidden])[button-style="secondary"], .cart-checkout .button-primary:disabled, .cart-checkout .button-primary:disabled:hover, .disabled.productgrid--no-results-button:active, .disabled.button-primary:active, .shopify-challenge__container .disabled.btn:active, .disabled.image-with-text-button:active, .disabled.product-form--atc-button:active, .shopify-payment-button .disabled.shopify-payment-button__button--unbranded:active, .disabled.shortcode--product-cta:active:not([hidden])[button-style="primary"], .disabled.button-secondary:active, .rte button.disabled:active,
.dynamic-newsletter-text button.disabled:active, .article--excerpt-wrapper--featured .disabled.article--excerpt-button:active, .disabled.utils-sortby--modal-button:active, .product-reviews--content .disabled.spr-summary-actions-newreview:active, .disabled.shortcode--product-cta:active:not([hidden]):not([button-style]), .disabled.shortcode--product-cta:active:not([hidden])[button-style="secondary"], .cart-checkout .button-primary:active:disabled, .disabled.productgrid--no-results-button:focus, .disabled.button-primary:focus, .shopify-challenge__container .disabled.btn:focus, .disabled.image-with-text-button:focus, .disabled.product-form--atc-button:focus, .shopify-payment-button .disabled.shopify-payment-button__button--unbranded:focus, .disabled.shortcode--product-cta:focus:not([hidden])[button-style="primary"], .disabled.button-secondary:focus, .rte button.disabled:focus,
.dynamic-newsletter-text button.disabled:focus, .article--excerpt-wrapper--featured .disabled.article--excerpt-button:focus, .disabled.utils-sortby--modal-button:focus, .product-reviews--content .disabled.spr-summary-actions-newreview:focus, .disabled.shortcode--product-cta:focus:not([hidden]):not([button-style]), .disabled.shortcode--product-cta:focus:not([hidden])[button-style="secondary"], .cart-checkout .button-primary:focus:disabled {
color: #696969;
cursor: default;
background-color: #ebebeb;
border: 1px solid #ebebeb;
}
.productgrid--no-results-button, .button-primary, .shopify-challenge__container .btn, .image-with-text-button, .product-form--atc-button, .shopify-payment-button .shopify-payment-button__button--unbranded, .shortcode--product-cta:not([hidden])[button-style="primary"] {
color: #ffffff;
background-color: #ff9900;
border: 1px solid #ff9900;
}
.productgrid--no-results-button:not(.disabled):hover, .button-primary:not(.disabled):hover, .shopify-challenge__container .btn:not(.disabled):hover, .image-with-text-button:not(.disabled):hover, .product-form--atc-button:not(.disabled):hover, .shopify-payment-button .shopify-payment-button__button--unbranded:not(.disabled):hover, .shortcode--product-cta:not(.disabled):hover:not([hidden])[button-style="primary"] {
background: #000000;
border: 1px solid #000000;
}
.productgrid--no-results-button:active, .button-primary:active, .shopify-challenge__container .btn:active, .image-with-text-button:active, .product-form--atc-button:active, .shopify-payment-button .shopify-payment-button__button--unbranded:active, .shortcode--product-cta:active:not([hidden])[button-style="primary"], .productgrid--no-results-button:focus, .button-primary:focus, .shopify-challenge__container .btn:focus, .image-with-text-button:focus, .product-form--atc-button:focus, .shopify-payment-button .shopify-payment-button__button--unbranded:focus, .shortcode--product-cta:focus:not([hidden])[button-style="primary"] {
background: #000000;
border: 1px solid #000000;
}
.button-secondary, .rte button,
.dynamic-newsletter-text button, .article--excerpt-wrapper--featured .article--excerpt-button, .utils-sortby--modal-button, .product-reviews--content .spr-summary-actions-newreview, .smart-payment-enabled .product-form--atc-button, .shortcode--product-cta:not([hidden]):not([button-style]), .shortcode--product-cta:not([hidden])[button-style="secondary"] {
color: #ffffff;
background-color: #000000;
border: 1px solid rgba(0,0,0,0);
}
.button-secondary:not(.disabled):hover, .rte button:not(.disabled):hover,
.dynamic-newsletter-text button:not(.disabled):hover, .article--excerpt-wrapper--featured .article--excerpt-button:not(.disabled):hover, .utils-sortby--modal-button:not(.disabled):hover, .product-reviews--content .spr-summary-actions-newreview:not(.disabled):hover, .smart-payment-enabled .product-form--atc-button:not(.disabled):hover, .shortcode--product-cta:not(.disabled):hover:not([hidden]):not([button-style]), .shortcode--product-cta:not(.disabled):hover:not([hidden])[button-style="secondary"] {
color: #ffffff;
background: #ff9900;
border: 1px solid rgba(0,0,0,0);
}
.button-secondary:active, .rte button:active,
.dynamic-newsletter-text button:active, .article--excerpt-wrapper--featured .article--excerpt-button:active, .utils-sortby--modal-button:active, .product-reviews--content .spr-summary-actions-newreview:active, .smart-payment-enabled .product-form--atc-button:active, .shortcode--product-cta:active:not([hidden]):not([button-style]), .shortcode--product-cta:active:not([hidden])[button-style="secondary"], .button-secondary:focus, .rte button:focus,
.dynamic-newsletter-text button:focus, .article--excerpt-wrapper--featured .article--excerpt-button:focus, .utils-sortby--modal-button:focus, .product-reviews--content .spr-summary-actions-newreview:focus, .smart-payment-enabled .product-form--atc-button:focus, .shortcode--product-cta:focus:not([hidden]):not([button-style]), .shortcode--product-cta:focus:not([hidden])[button-style="secondary"] {
background: #ff9900;
border: 1px solid rgba(0,0,0,0);
}
.site-header-main, .site-navigation, .site-header--basic-navigation-below .site-navigation-wrapper .site-navigation, .account-page-masthead, .account-page-content, .highlights-banners-container, .fourohfour--container, .announcement-bar-text, .announcement-bar-text-mobile, .article--container, .article--inner, .blog--container, .cart--section, .listcollections--container, .password-page-content--inner, .password-page-footer, .product--container, .utility-bar-content, .page-masthead, .page-content, .navmenu-meganav--scroller, .navmenu-meganav--scroller.has-meganav-image, .breadcrumbs-container, .pagination__wrapper, .atc-banner--outer, .message-banner--outer, .productgrid--outer, .product-row--container, .product-section--container {
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) {
.site-header-main, .site-navigation, .site-header--basic-navigation-below .site-navigation-wrapper .site-navigation, .account-page-masthead, .account-page-content, .highlights-banners-container, .fourohfour--container, .announcement-bar-text, .announcement-bar-text-mobile, .article--container, .article--inner, .blog--container, .cart--section, .listcollections--container, .password-page-content--inner, .password-page-footer, .product--container, .utility-bar-content, .page-masthead, .page-content, .navmenu-meganav--scroller, .navmenu-meganav--scroller.has-meganav-image, .breadcrumbs-container, .pagination__wrapper, .atc-banner--outer, .message-banner--outer, .productgrid--outer, .product-row--container, .product-section--container {
padding-right: 1.75rem;
padding-left: 1.75rem;
}
}
@media screen and (min-width: 1080px) {
.site-header-main, .site-navigation, .site-header--basic-navigation-below .site-navigation-wrapper .site-navigation, .account-page-masthead, .account-page-content, .highlights-banners-container, .fourohfour--container, .announcement-bar-text, .announcement-bar-text-mobile, .article--container, .article--inner, .blog--container, .cart--section, .listcollections--container, .password-page-content--inner, .password-page-footer, .product--container, .utility-bar-content, .page-masthead, .page-content, .navmenu-meganav--scroller, .navmenu-meganav--scroller.has-meganav-image, .breadcrumbs-container, .pagination__wrapper, .atc-banner--outer, .message-banner--outer, .productgrid--outer, .product-row--container, .product-section--container {
padding-right: 40px;
padding-left: 40px;
}
}
.blogposts--container, .dynamic-collection-list--container, .featured-collection--container, .featured-collections--container, .featured-product--container, .image-with-text, .alt-img-with-text--container, .logolist--container, .dynamic-map, .menulist--container, .dynamic-newsletter, .promo-grid--container, .promo-mosaic--container, .rich-text--container, .search-section-content, .testimonials-section, .twitter--container, .dynamic-video-wrapper {
max-width: 1600px;
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
}
@media screen and (min-width: 720px) {
.blogposts--container, .dynamic-collection-list--container, .featured-collection--container, .featured-collections--container, .featured-product--container, .image-with-text, .alt-img-with-text--container, .logolist--container, .dynamic-map, .menulist--container, .dynamic-newsletter, .promo-grid--container, .promo-mosaic--container, .rich-text--container, .search-section-content, .testimonials-section, .twitter--container, .dynamic-video-wrapper {
padding-right: 1.75rem;
padding-left: 1.75rem;
}
.accordion-product-section.new_acc {
width: calc(100% - 0.75rem - 7.1875rem);
}
.product-description-box {
width: calc(100% - 0.75rem - 7.1875rem);
}
}
@media screen and (min-width: 1080px) {
.blogposts--container, .dynamic-collection-list--container, .featured-collection--container, .featured-collections--container, .featured-product--container, .image-with-text, .alt-img-with-text--container, .logolist--container, .dynamic-map, .menulist--container, .dynamic-newsletter, .promo-grid--container, .promo-mosaic--container, .rich-text--container, .search-section-content, .testimonials-section, .twitter--container, .dynamic-video-wrapper {
padding-right: calc(40px);
padding-left: calc(40px);
}
}
.productgrid--outer .pagination--container,
.productgrid--outer .breadcrumbs-container {
max-width: 100%;
padding-right: 0;
padding-left: 0;
}
@media screen and (min-width: 1024px) {
.productgrid--outer .pagination--container,
.productgrid--outer .breadcrumbs-container {
padding-right: 0;
padding-left: 0;
}
}
.account-page, .account-page-masthead, .account-page-content, .site-page, .page-masthead, .page-content {
margin-top: 30px;
margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
.account-page, .account-page-masthead, .account-page-content, .site-page, .page-masthead, .page-content {
margin-top: 50px;
margin-bottom: 50px;
}
}
.form-fields-columns::before, .site-navigation-wrapper::before, .site-header-main::before, .account-page--two-column::before, .dynamic-collection-list--inner::before, .article--pagination::before, .listcollections--inner::before, .productgrid--outer::before, .productgrid--footer::before, .product-reviews--content .spr-content .spr-reviews::before, .form-fields-columns::after, .site-navigation-wrapper::after, .site-header-main::after, .account-page--two-column::after, .dynamic-collection-list--inner::after, .article--pagination::after, .listcollections--inner::after, .productgrid--outer::after, .productgrid--footer::after, .product-reviews--content .spr-content .spr-reviews::after {
display: table;
content: "";
}
.form-fields-columns::after, .site-navigation-wrapper::after, .site-header-main::after, .account-page--two-column::after, .dynamic-collection-list--inner::after, .article--pagination::after, .listcollections--inner::after, .productgrid--outer::after, .productgrid--footer::after, .product-reviews--content .spr-content .spr-reviews::after {
clear: both;
}
.menulist--menu-link, .tweet--header-screenname, .tweet--footer, .site-navigation .navmenu-meganav--image-link, .cart-item--remove-link, .utils-showby-item, .filter-item, .productgrid--sidebar-menu .navmenu-link, .productitem--title a {
color: #111111;
text-decoration: none;
transition: color 0.1s ease;
}
.menulist--menu-link:hover, .tweet--header-screenname:hover, .tweet--footer:hover, .site-navigation .navmenu-meganav--image-link:hover, .cart-item--remove-link:hover, .utils-showby-item:hover, .filter-item:hover, .productgrid--sidebar-menu .navmenu-link:hover, .productitem--title a:hover {
color: #111111;
}
.rte a,
.dynamic-newsletter-text a, .account-page-content a, .dynamic-collection-list--item-title,
.dynamic-collection-list--item-title-mobile, .menulist--menu-item-trigger .menulist--menu-link, .testimonial-blockquote-quote a, .tweet--content a, .article--tags a, .article--pagination .article--pagination-item-left > a,
.article--pagination .article--pagination-item-right > a, .cart-shipping .cart-shipping-toggle, .cart-continue, .password-page-footer--item a, .passwordentry-contents a, .product-link, .collection--item-title, .article--excerpt-readmore, .breadcrumbs-container a, .pagination__item--link, .productgrid--footer-results-list a, .productgrid-listview .productitem--link, .utils-sortby-button,
.utils-filter-button, .utils-showby-item.utils-showby-item--active, .filter-item a.filter-text--link, .filter-item--active, .filter-item--grid-simple a, .productgrid--sidebar-menu .navmenu-link--active, .product-vendor a, .product-reviews--content .spr-summary-caption a.spr-summary-actions-togglereviews, .product-reviews--content .spr-content .spr-review .spr-review-footer a, .product-reviews--content .spr-content .spr-pagination a, .product-recently-viewed-clear, .shopify-payment-button .shopify-payment-button__more-options, .live-search-takeover-cancel, .search-flydown--continue, .search-flydown--content-item a {
color: #111111;
text-decoration: none;
transition: color 0.1s ease;
}
.rte a:hover,
.dynamic-newsletter-text a:hover, .account-page-content a:hover, .dynamic-collection-list--item-title:hover,
.dynamic-collection-list--item-title-mobile:hover, .menulist--menu-item-trigger .menulist--menu-link:hover, .testimonial-blockquote-quote a:hover, .tweet--content a:hover, .article--tags a:hover, .article--pagination .article--pagination-item-left > a:hover,
.article--pagination .article--pagination-item-right > a:hover, .cart-shipping .cart-shipping-toggle:hover, .cart-continue:hover, .password-page-footer--item a:hover, .passwordentry-contents a:hover, .product-link:hover, .collection--item-title:hover, .article--excerpt-readmore:hover, .breadcrumbs-container a:hover, .pagination__item--link:hover, .productgrid--footer-results-list a:hover, .productgrid-listview .productitem--link:hover, .utils-sortby-button:hover,
.utils-filter-button:hover, .utils-showby-item.utils-showby-item--active:hover, .filter-item a.filter-text--link:hover, .filter-item--active:hover, .filter-item--grid-simple a:hover, .productgrid--sidebar-menu .navmenu-link--active:hover, .product-vendor a:hover, .product-reviews--content .spr-summary-caption a.spr-summary-actions-togglereviews:hover, .product-reviews--content .spr-content .spr-review .spr-review-footer a:hover, .product-reviews--content .spr-content .spr-pagination a:hover, .product-recently-viewed-clear:hover, .shopify-payment-button .shopify-payment-button__more-options:hover, .live-search-takeover-cancel:hover, .search-flydown--continue:hover, .search-flydown--content-item a:hover {
color: #ff9900;
}
.button-icon, .button-signpost .signpost-icon, .blogposts--footer-icon, .article--pagination .article--pagination-chevron-right,
.article--pagination .article--pagination-chevron-left, .article--excerpt-readmore--icon, .breadcrumbs-delimiter, .pagination__previous-chevron,
.pagination__next-chevron {
display: inline-block;
margin-left: 0.3125rem;
vertical-align: middle;
}
.button-icon svg, .button-signpost .signpost-icon svg, .blogposts--footer-icon svg, .article--pagination .article--pagination-chevron-right svg, .article--pagination .article--pagination-chevron-left svg, .article--excerpt-readmore--icon svg, .breadcrumbs-delimiter svg, .pagination__previous-chevron svg, .pagination__next-chevron svg {
display: block;
margin-top: -0.125rem;
transform: rotate(-90deg);
}
.form-field-checkbox .form-icon--checkbox, .filter-item .filter-icon--checkbox {
display: inline-block;
width: 13px;
height: 13px;
color: #ffffff;
vertical-align: middle;
}
.form-field-checkbox .form-icon--checkbox svg, .filter-item .filter-icon--checkbox svg {
display: block;
width: 100%;
height: 100%;
background-color: #ffffff;
border: 1px solid #a1a6a4;
border-radius: 0.0px;
fill: currentColor;
}
.form-field-checkbox input:checked ~ .form-icon--checkbox, .filter-item--active a .filter-icon--checkbox {
color: #111111;
}
.form-field-checkbox input:checked ~ .form-icon--checkbox svg, .filter-item--active a .filter-icon--checkbox svg {
background-color: transparent;
border: 0;
border-radius: 0.0px;
fill: currentColor;
}
.flickity-prev-next-button, .cart-shipping .cart-shipping-toggle, .modal-close, .atc-banner--close, .message-banner--close, .utils-sortby-button,
.utils-filter-button, .productgrid--search-button, .product-gallery--media-thumbnail, .live-search-takeover-cancel {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 700;
padding: 0;
letter-spacing: 0.0em;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: normal;
-moz-appearance: normal;
appearance: normal;
}
.productitem--action-trigger.productitem--action-atc, .product-form--atc-button, .smart-payment-enabled .product-form--atc-button, .shopify-payment-button .shopify-payment-button__button--unbranded {
position: relative;
}
.productitem--action-trigger.productitem--action-atc .atc-button--text, .product-form--atc-button .atc-button--text, .shopify-payment-button .shopify-payment-button__button--unbranded .atc-button--text {
opacity: 1;
}
.productitem--action-trigger.productitem--action-atc .atc-button--icon, .product-form--atc-button .atc-button--icon, .shopify-payment-button .shopify-payment-button__button--unbranded .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;
}
.productitem--action-trigger.productitem--action-atc .atc-button--icon svg, .product-form--atc-button .atc-button--icon svg, .shopify-payment-button .shopify-payment-button__button--unbranded .atc-button--icon svg {
display: block;
width: 26px;
height: 26px;
}
.processing.productitem--action-trigger.productitem--action-atc .atc-button--text, .processing.product-form--atc-button .atc-button--text, .shopify-payment-button .processing.shopify-payment-button__button--unbranded .atc-button--text {
opacity: 0;
}
.processing.productitem--action-trigger.productitem--action-atc .atc-button--icon, .processing.product-form--atc-button .atc-button--icon, .shopify-payment-button .processing.shopify-payment-button__button--unbranded .atc-button--icon {
opacity: 1;
visibility: visible;
}
.productgrid--search-button, .live-search-button {
position: relative;
padding-left: 15px;
padding-right: 15px;
}
.productgrid--search-button .search-icon--inactive, .live-search-button .search-icon--inactive,
.productgrid--search-button .search-icon--active,
.live-search-button .search-icon--active {
display: inline-block;
}
.productgrid--search-button svg, .live-search-button svg {
display: block;
width: 100%;
height: 100%;
}
.productgrid--search-button .search-icon--inactive, .live-search-button .search-icon--inactive {
height: 23px;
opacity: 1;
transition: opacity 0.1s ease;
}
.productgrid--search-button .search-icon--active,
.live-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.productgrid--search-button .search-icon--inactive, .search-icon--processing.live-search-button .search-icon--inactive {
opacity: 0;
transition-delay: 0s;
}
.search-icon--processing.productgrid--search-button .search-icon--active, .search-icon--processing.live-search-button .search-icon--active {
opacity: 1;
visibility: visible;
}
.message--error.account-message, .page-content-contact .message--error.contact-message, .passwordentry-contents .message--error.passwordentry-message,
.form-message.message--error, .article--comments-message.message--error, .message-banner--container.message--error, .product-message--error, .product-reviews--content .spr-form-message-error, .message--success.account-message, .page-content-contact .message--success.contact-message, .passwordentry-contents .message--success.passwordentry-message,
.form-message.message--success, .article--comments-message.message--success, .article--comments-message p {
font-style: normal;
font-weight: 700;
font-size: var(--font-size-body);
letter-spacing: 0.0em;
}
.message--error.account-message a, .page-content-contact .message--error.contact-message a, .passwordentry-contents .message--error.passwordentry-message a, .form-message.message--error a, .article--comments-message.message--error a, .message-banner--container.message--error a, .product-message--error a, .product-reviews--content .spr-form-message-error a, .message--success.account-message a, .page-content-contact .message--success.contact-message a, .passwordentry-contents .message--success.passwordentry-message a, .form-message.message--success a, .article--comments-message.message--success a, .article--comments-message p a {
color: currentColor;
}
.message--error.account-message, .page-content-contact .message--error.contact-message, .passwordentry-contents .message--error.passwordentry-message,
.form-message.message--error, .article--comments-message.message--error, .message-banner--container.message--error, .product-message--error, .product-reviews--content .spr-form-message-error {
color: #f05d5d;
background-color: #fce2e2;
}
.message--success.account-message, .page-content-contact .message--success.contact-message, .passwordentry-contents .message--success.passwordentry-message,
.form-message.message--success, .article--comments-message.message--success {
color: #51a551;
background-color: #e0efe0;
}
.animating.atc-banner--container, .animating.message-banner--container, .visible.atc-banner--container:not(.animating), .visible.message-banner--container:not(.animating) {
display: block;
}
.visible.atc-banner--container:not(.animating), .visible.message-banner--container:not(.animating) {
opacity: 1;
transform: translate(0);
}
.animating-in.atc-banner--container, .animating-in.message-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.atc-banner--container, .animating-out.message-banner--container {
opacity: 0;
transform: translateY(-5px);
transition: all 0.12s cubic-bezier(1, 0, 0.7, 1);
}
.blog--no-results, .productgrid--no-results {
width: 100%;
margin-top: 3.125rem;
text-align: center;
}
@media screen and (min-width: 720px) {
.blog--no-results, .productgrid--no-results {
margin-top: calc(3.125rem - 1.75rem);
}
}
.blog--no-results-title, .productgrid--no-results-title {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-heading-4);
margin-top: 0;
margin-bottom: 0;
letter-spacing: 0.0em;
color: #1b2120;
}
.productgrid--no-results-button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.03em;
margin-top: 1.25rem;
}.productgrid--no-results-button {
text-transform: none;
}.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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;
}
.form-field-input,
.form-field-select, .rte input,
.dynamic-newsletter-text input, .productgrid--sidebar-item-grid .filter-item:not(.filter-item--toggle-more), .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, .option-value-input + .option-value-name {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-form);
z-index: 1;
width: 100%;
padding: 0.9375rem 0.875rem 0.9375rem;
letter-spacing: 0.0em;
color: #1b2120;
background-color: #ffffff;
border: 1px solid #a1a6a4;
border-radius: 0px;
}
.form-field-input:focus,
.form-field-select:focus, .rte input:focus,
.dynamic-newsletter-text input:focus, .productgrid--sidebar-item-grid .filter-item:focus:not(.filter-item--toggle-more), .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, .option-value-input + .option-value-name:focus {
border-color: #1b2120;
outline: 0;
}
.form-field-error.form-field-input,
.form-field-error.form-field-select, .rte input.form-field-error,
.dynamic-newsletter-text input.form-field-error, .productgrid--sidebar-item-grid .form-field-error.filter-item:not(.filter-item--toggle-more), .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, .option-value-input + .form-field-error.option-value-name {
border-color: #f05d5d;
}
.form-field-title, .form-field-title--inline, .product-reviews--content .spr-form .spr-form-label {
font-size: var(--font-size-body);
line-height: 1;
color: #1b2120;
}
.no-label .form-field-input,
.no-label .form-field-select, .no-label .rte input, .rte .no-label input,
.no-label .dynamic-newsletter-text input, .dynamic-newsletter-text .no-label input, .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 .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 .option-value-input + .option-value-name {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
.form-field-input, .rte input,
.dynamic-newsletter-text input, .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 {
width: 100%;
}
.form-field-input:-ms-input-placeholder, .rte input:-ms-input-placeholder, .dynamic-newsletter-text input:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-textarea:-ms-input-placeholder {
color: currentColor;
opacity: 0;
-ms-transition: opacity 0.12s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: opacity 0.12s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.form-field-input::placeholder, .rte input::placeholder,
.dynamic-newsletter-text input::placeholder, .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: currentColor;
opacity: 0;
transition: opacity 0.12s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.form-field-input + .form-field-title::before, .rte input + .form-field-title::before, .dynamic-newsletter-text input + .form-field-title::before, .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 {
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 .form-field-input:-ms-input-placeholder, .no-js .rte input:-ms-input-placeholder, .rte .no-js input:-ms-input-placeholder, .no-js .dynamic-newsletter-text input:-ms-input-placeholder, .dynamic-newsletter-text .no-js input:-ms-input-placeholder, .no-js .product-reviews--content .spr-form .spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .no-js .spr-form-input-text:-ms-input-placeholder, .no-js .product-reviews--content .spr-form .spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .no-js .spr-form-input-email:-ms-input-placeholder, .no-js .product-reviews--content .spr-form .spr-form-input-textarea:-ms-input-placeholder, .product-reviews--content .spr-form .no-js .spr-form-input-textarea:-ms-input-placeholder, .form-field-input:focus:-ms-input-placeholder, .rte input:focus:-ms-input-placeholder, .dynamic-newsletter-text input:focus:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-text:focus:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-email:focus:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-textarea:focus:-ms-input-placeholder, .form-field-filled.form-field-input:-ms-input-placeholder, .rte input.form-field-filled:-ms-input-placeholder, .dynamic-newsletter-text input.form-field-filled:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-filled.spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-filled.spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-filled.spr-form-input-textarea:-ms-input-placeholder, .form-field-select.form-field-input:-ms-input-placeholder, .rte input.form-field-select:-ms-input-placeholder, .dynamic-newsletter-text input.form-field-select:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-select.spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-select.spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .form-field-select.spr-form-input-textarea:-ms-input-placeholder {
z-index: 3;
opacity: 0.6;
transition-delay: 0.12s;
}
.no-js .form-field-input::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 .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, .form-field-input:focus::placeholder, .rte input:focus::placeholder,
.dynamic-newsletter-text input:focus::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, .form-field-filled.form-field-input::placeholder, .rte input.form-field-filled::placeholder,
.dynamic-newsletter-text input.form-field-filled::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, .form-field-select.form-field-input::placeholder, .rte input.form-field-select::placeholder,
.dynamic-newsletter-text input.form-field-select::placeholder, .product-reviews--content .spr-form .form-field-select.spr-form-input-text::placeholder,
.product-reviews--content .spr-form .form-field-select.spr-form-input-email::placeholder,
.product-reviews--content .spr-form .form-field-select.spr-form-input-textarea::placeholder {
z-index: 3;
opacity: 0.6;
transition-delay: 0.12s;
}
.no-js .form-field-input + .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 .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, .form-field-input:focus + .form-field-title, .rte input:focus + .form-field-title, .dynamic-newsletter-text input:focus + .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, .form-field-filled.form-field-input + .form-field-title, .rte input.form-field-filled + .form-field-title, .dynamic-newsletter-text input.form-field-filled + .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, .form-field-select.form-field-input + .form-field-title, .rte input.form-field-select + .form-field-title, .dynamic-newsletter-text input.form-field-select + .form-field-title, .product-reviews--content .spr-form .form-field-select.spr-form-input-text + .form-field-title, .product-reviews--content .spr-form .form-field-select.spr-form-input-email + .form-field-title, .product-reviews--content .spr-form .form-field-select.spr-form-input-textarea + .form-field-title {
top: -0.5em;
z-index: 3;
font-size: 0.8125rem;
transition-delay: 0.12s;
transition-property: top, font-size;
}
.no-js .form-field-input + .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 .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, .form-field-input:focus + .form-field-title::before, .rte input:focus + .form-field-title::before, .dynamic-newsletter-text input:focus + .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, .form-field-filled.form-field-input + .form-field-title::before, .rte input.form-field-filled + .form-field-title::before, .dynamic-newsletter-text input.form-field-filled + .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, .form-field-select.form-field-input + .form-field-title::before, .rte input.form-field-select + .form-field-title::before, .dynamic-newsletter-text input.form-field-select + .form-field-title::before, .product-reviews--content .spr-form .form-field-select.spr-form-input-text + .form-field-title::before, .product-reviews--content .spr-form .form-field-select.spr-form-input-email + .form-field-title::before, .product-reviews--content .spr-form .form-field-select.spr-form-input-textarea + .form-field-title::before {
position: absolute;
top: 0.5em;
left: -4px;
z-index: -1;
width: calc(100% + 8px);
height: 1px;
background-color: #ffffff;
content: "";
transition-delay: 0s;
}
.form-field-input:focus + .form-field-title, .rte input:focus + .form-field-title, .dynamic-newsletter-text input:focus + .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 {
color: #1b2120;
}
.no-label .form-field-input:-ms-input-placeholder, .no-label .rte input:-ms-input-placeholder, .rte .no-label input:-ms-input-placeholder, .no-label .dynamic-newsletter-text input:-ms-input-placeholder, .dynamic-newsletter-text .no-label input:-ms-input-placeholder, .no-label .product-reviews--content .spr-form .spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .no-label .spr-form-input-text:-ms-input-placeholder, .no-label .product-reviews--content .spr-form .spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .no-label .spr-form-input-email:-ms-input-placeholder, .no-label .product-reviews--content .spr-form .spr-form-input-textarea:-ms-input-placeholder, .product-reviews--content .spr-form .no-label .spr-form-input-textarea:-ms-input-placeholder {
opacity: 0.4;
}
.no-label .form-field-input::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 .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 {
opacity: 0.4;
}
.form-field-textarea,
.product-reviews--content .spr-form .spr-form-input-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: #1b2120;
}
.form-field-select-wrapper {
position: relative;
}
.form-field-select-wrapper .form-field-select {
z-index: 2;
width: 100%;
height: 100%;
padding-right: calc(0.875rem * 2 + 0.5rem);
color: #1b2120;
cursor: pointer;
background-color: #ffffff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-field-select-wrapper .form-field-select::-ms-expand {
display: none;
}
.form-field-select-wrapper svg {
position: absolute;
top: 50%;
right: 0.875rem;
margin-top: -3px;
pointer-events: none;
color: #1b2120;
}
.form-fields--qty {
position: relative;
}
.form-fields--qty .form-field {
opacity: 0;
transition: opacity 0.15s ease;
}
.no-js .form-fields--qty .form-field.form-field--qty-input {
z-index: 1;
opacity: 1;
visibility: visible;
}
.js .form-fields--qty .form-field.form-field--qty-select {
z-index: 1;
opacity: 1;
visibility: visible;
}
.form-fields--qty .hidden {
z-index: 0;
opacity: 0;
visibility: hidden;
}
.form-fields--qty .visible {
z-index: 1;
opacity: 1;
visibility: visible;
}
.form-fields--qty .form-field--qty-select .form-field-select-wrapper {
position: absolute;
width: 100%;
}
.form-field-checkbox {
position: relative;
display: block;
margin-top: 0.9375rem;
cursor: pointer;
}
.form-field-checkbox input {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
width: 100%;
cursor: pointer;
opacity: 0;
}
.form-field-checkbox .form-icon--checkbox {
margin-top: -2px;
}
.message--success.account-message, .page-content-contact .message--success.contact-message, .passwordentry-contents .message--success.passwordentry-message,
.form-message.message--success {
padding: 0.5rem 0.75rem;
}
.message--error.account-message, .page-content-contact .message--error.contact-message, .passwordentry-contents .message--error.passwordentry-message,
.form-message.message--error {
padding: 0.5rem 0.75rem;
}
.account-message ul, .page-content-contact .contact-message ul, .passwordentry-contents .passwordentry-message ul,
.account-message p,
.page-content-contact .contact-message p,
.passwordentry-contents .passwordentry-message p,
.form-message ul,
.form-message p {
font-style: normal;
font-weight: 500;
margin-top: 0;
margin-bottom: 0;
letter-spacing: 0.0em;
}
.account-message li:not(:first-child), .page-content-contact .contact-message li:not(:first-child), .passwordentry-contents .passwordentry-message li:not(:first-child),
.form-message li:not(:first-child) {
margin-top: 0.5rem;
}
.account-message ul, .page-content-contact .contact-message ul, .passwordentry-contents .passwordentry-message ul,
.form-message ul {
padding-left: 0;
list-style-type: none;
}
.rte,
.dynamic-newsletter-text {
font-size: var(--font-size-body);
line-height: 1.625;
}
.rte h1,
.dynamic-newsletter-text h1 {
font-size: var(--font-size-heading-1);
}
.rte h2,
.dynamic-newsletter-text h2 {
font-size: var(--font-size-heading-2);
}
.rte h3,
.dynamic-newsletter-text h3 {
font-size: var(--font-size-heading-3);
}
.rte h4,
.dynamic-newsletter-text h4 {
font-size: var(--font-size-heading-4);
}
.rte h5,
.dynamic-newsletter-text h5 {
font-size: var(--font-size-heading-5);
}
.rte h6,
.dynamic-newsletter-text h6 {
font-size: var(--font-size-heading-6);
}
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6,
.dynamic-newsletter-text h1,
.dynamic-newsletter-text h2,
.dynamic-newsletter-text h3,
.dynamic-newsletter-text h4,
.dynamic-newsletter-text h5,
.dynamic-newsletter-text h6 {
margin-top: calc(1.0rem * 2);
margin-bottom: 1.0rem;
color: #1b2120;
}.rte blockquote,
.dynamic-newsletter-text blockquote {
padding-left: 1.0rem;
margin-left: 0;
border-left: 2px solid #ff9900;
}
.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;
}
@media screen and (max-width: 719px) {
.rte td,
.dynamic-newsletter-text td {
display: block;
width: 100%;
}
}
.rte input,
.dynamic-newsletter-text input {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
margin-bottom: 0;
}
.rte input:-ms-input-placeholder, .dynamic-newsletter-text input:-ms-input-placeholder {
color: #1b2120;
opacity: 0.4;
}
.rte input::placeholder,
.dynamic-newsletter-text input::placeholder {
color: #1b2120;
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: #757977;
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: #1b2120;
}
.spr-icon:not(:last-child) {
margin-right: 0.1em;
}
.spr-icon.spr-icon-star-empty {
color: #a1a6a4;
}
.spr-icon.spr-icon-star-empty.spr-icon-star-hover, .spr-icon.spr-icon-star-empty.spr-icon-star-hover:hover {
color: #1b2120;
}
.spr-starrating.spr-form-input-error .spr-icon {
color: #f05d5d;
}
.flickity-prev-next-button {
position: absolute;
top: 40%;
width: 40px;
height: 40px;
padding: 5px;
transform: translateY(-50%);
opacity: 0.6;
cursor: pointer;
}
.flickity-prev-next-button svg {
top: 5px;
left: 5px;
width: 30px;
height: 30px;
}
.flickity-prev-next-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F;
}
.flickity-prev-next-button:hover {
background-color: transparent;
}
.flickity-prev-next-button:hover:not([disabled]) {
opacity: 0.8;
}
.flickity-prev-next-button.previous {
left: 2.1875rem;
}
.flickity-prev-next-button.next {
right: 2.1875rem;
}
.flickity-page-dots {
position: absolute;
width: 100%;
padding: 0;
margin: 0;
bottom: 25px;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
.promo-block-mosaic,
.promo-block-grid,
.navmenu-meganav--image {
background: #ececec;
}
.article-image,
.article--excerpt-image {
background: #ececec;
}
.article--excerpt-wrapper--featured .article-image, .article--excerpt-wrapper--featured
.article--excerpt-image {
background-color: transparent;
}
[data-rimg="lazy"],
[data-rimg="loading"],
[data-rimg="loaded"] {
transition: opacity 0.1s ease-in;
}
img[data-rimg="lazy"].slideshow-image,
.product-gallery--image img[data-rimg="lazy"],
img[data-rimg="loading"].slideshow-image,
.product-gallery--image
img[data-rimg="loading"] {
opacity: 0;
}
[data-rimg="loaded"] {
opacity: 1;
}
.promo-block-mosaic [data-rimg-canvas],
.promo-block-grid [data-rimg-canvas] {
border-radius: 0px;
}
@media screen and (min-width: 720px) {
.promo-block-grid--content-wrapper,
.promo-block-mosaic--content-wrapper {
position: relative;
z-index: 1;
}
}
[data-rimg-canvas] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
animation: shimmer-background 1s ease-in-out infinite;
animation-fill-mode: forwards;
transition: opacity 0.1s ease-out, visibility 0s linear 0.1s;
animation-direction: alternate;
}
[data-rimg="loaded"] + [data-rimg-canvas],
[data-rimg="loaded"] > [data-rimg-canvas],
.no-js [data-rimg-canvas] {
opacity: 0;
visibility: hidden;
}
.no-js [data-rimg-canvas] {
display: none;
}
.no-js noscript + img[data-rimg="lazy"] {
display: none;
}
.article--excerpt-image img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
visibility: hidden;
object-fit: cover;
}
.no-js .article--excerpt-image img {
visibility: visible;
}
.promo-block-mosaic img,
.promo-block-grid img,
.video-cover img,
.featured-collection--banner img,
.search-section-background img,
.search-section-overlay img,
.article-image img {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
}
.promo-block-mosaic img[data-rimg="noscript"],
.promo-block-grid img[data-rimg="noscript"],
.video-cover img[data-rimg="noscript"],
.featured-collection--banner img[data-rimg="noscript"],
.search-section-background img[data-rimg="noscript"],
.search-section-overlay img[data-rimg="noscript"],
.article-image img[data-rimg="noscript"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
object-fit: cover;
}
.slideshow-image {
width: 100%;
height: 100%;
opacity: 0;
}
.slideshow-slide:not(.slideshow-height-original) .slideshow-image[data-rimg="noscript"] {
opacity: 1;
object-fit: cover;
}
.productitem--swatches-input:disabled + .productitem--swatches-swatch-wrapper, .option-value-input:disabled + .option-value-swatch-wrapper {
cursor: not-allowed;
}
.productgrid--sidebar-item-swatches-grid .filter-item--active .filter-item--swatch-wrapper, .productitem--swatches-input:checked + .productitem--swatches-swatch-wrapper, .option-value-input:checked + .option-value-swatch-wrapper {
box-shadow: 0 0 0 0.0625rem #1b2120;
}
.productitem--swatches-input:disabled:checked + .productitem--swatches-swatch-wrapper, .option-value-input:disabled:checked + .option-value-swatch-wrapper {
box-shadow: 0 0 0 0.0625rem rgba(27, 33, 32, 0.5);
}
.productitem--swatches-input:disabled + .productitem--swatches-swatch-wrapper .productitem--swatches-swatch, .option-value-input:disabled + .option-value-swatch-wrapper .swatch {
position: relative;
}
.productitem--swatches-input:disabled + .productitem--swatches-swatch-wrapper .productitem--swatches-swatch::before, .option-value-input:disabled + .option-value-swatch-wrapper .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);
}
.filter-item--swatch-inner, .productitem--swatches-swatch-inner, .option-value-input + .option-value-swatch-wrapper .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;
}
.productitem--swatches-input:disabled + .productitem--swatches-swatch-wrapper .productitem--swatches-swatch-inner, .option-value-input:disabled + .option-value-swatch-wrapper .swatch-inner {
opacity: 0.6;
}
.productgrid--sidebar-item-swatches-grid .filter-item--swatch-wrapper:hover::after, .productitem--swatches-swatch-wrapper:hover::after, .option-value-input + .option-value-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;
}.productgrid--sidebar-item-swatches-grid .filter-item--swatch-wrapper:hover::after, .productitem--swatches-swatch-wrapper:hover::after, .option-value-input + .option-value-swatch-wrapper:hover::after {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}@media screen and (min-width: 720px) {
.productgrid--sidebar-item-swatches-grid .filter-item--swatch-wrapper:hover::after, .productitem--swatches-swatch-wrapper:hover::after, .option-value-input + .option-value-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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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 {
height: 100vh;
overflow: hidden;
touch-action: manipulation;
}
th,
b,
strong {
letter-spacing: 0.0em;
}th,
b,
strong {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}em {
font-style: oblique;
}
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: Futura,sans-serif;
font-style: oblique;
font-weight: 500;
}[data-product-gallery-image-crop][data-product-gallery-aspect-ratio="short"] .product-gallery--media img[data-rimg="lazy"], [data-product-gallery-image-crop][data-product-gallery-aspect-ratio="short"] .product-gallery--media img[data-rimg="loading"], [data-product-gallery-image-crop][data-product-gallery-aspect-ratio="short"] .product-gallery--media img[data-rimg="loaded"],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio="square"] .product-gallery--media img[data-rimg="lazy"],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio="square"] .product-gallery--media img[data-rimg="loading"],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio="square"] .product-gallery--media img[data-rimg="loaded"],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio="tall"] .product-gallery--media img[data-rimg="lazy"],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio="tall"] .product-gallery--media img[data-rimg="loading"],
[data-product-gallery-image-crop][data-product-gallery-aspect-ratio="tall"] .product-gallery--media img[data-rimg="loaded"],
.visually-hidden {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
border: 0;
}
.skip-to-main {
font-size: var(--font-size-body);
position: absolute;
top: 0;
left: -9999px;
color: #111111;
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 */
.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 {
box-shadow: 0 1px 4px rgba(255, 255, 255, 0.25);
}.site-header-wrapper.site-header--sticky {
position: -webkit-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: Futura,sans-serif;
font-style: normal;
font-weight: 700;
font-size: var(--font-size-heading-5);
display: block;
letter-spacing: 0.0em;
color: #1b2120;
text-decoration: none;
text-transform: none;
}
.desktop-logo-text:not(.visually-hidden),
.mobile-logo-text:not(.visually-hidden) {
width: 100%;
}
@media screen and (max-width: 1023px) {
.desktop-logo-image,
.desktop-logo-text {
display: none;
}
}
@media screen and (min-width: 1024px) {
.mobile-logo-image,
.mobile-logo-text {
display: none;
}
}
.site-header-button {
z-index: 125;
display: inline-block;
height: 46px;
background-color: transparent;
border: none;
cursor: pointer;
}
.site-header-icon {
display: inline-block;
position: relative;
padding: 10px;
color: #313534;
outline: none;
}
.site-header-icon:hover {
color: rgba(49, 53, 52, 0.7);
}
.site-header-icon:hover .toggle-icon--bar {
background-color: rgba(49, 53, 52, 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: #313534;
}
.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: #ff9900;
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;
}
#shopify-section-static-basic-header .site-navigation a {
position: relative;
display: inline-block;
padding: 12px 0 12px 20px;
line-height: calc(1.0rem + 2px);
color: #1b2120;
text-decoration: none;
color: #000;
text-transform: uppercase ;
letter-spacing: 2.5px ;
font-size: 15px ;
}
.template-index #shopify-section-static-basic-header .site-navigation a {
color: #fff;
font-size: 13px;
}
.site-navigation a:hover {
color: #494e4d;
}
.site-navigation a:focus {
outline: solid rgba(27, 33, 32, 0.5);
outline-offset: -5px;
}
.site-navigation a.navmenu-item-active:focus {
outline: 0;
}
.site-navigation .navmenu-item-highlighted > a {
color: #ff9900;
}
.site-navigation .navmenu-item-highlighted > a:hover {
color: rgba(255, 153, 0, 0.7);
}
.site-navigation .navmenu-icon {
position: absolute;
top: 50%;
right: 20px;
display: inline-block;
height: 6px;
margin-top: -3px;
}
.site-navigation .navmenu-icon.navmenu-icon-depth-1 {
position: relative;
top: -1px;
right: -3px;
transform: rotate(90deg);
}
.site-navigation .navmenu-icon svg {
display: block;
width: 8px;
height: 6px;
transform: rotate(-90deg);
fill: currentColor;
}
.site-navigation .navmenu-icon .icon-chevron-down-left,
.site-navigation .navmenu-icon .icon-chevron-down-right {
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), fill 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform-origin: 50% 50%;
}
.site-navigation .navmenu {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.site-navigation .navmenu-depth-1 {
display: inline-block;
height: 100%;
max-width: 100%;
flex: 1 1 auto;
margin-left: -15px;
}
.site-navigation .navmenu-depth-1 > li {
display: inline-block;
padding-top: 8px;
padding-bottom: 8px;
vertical-align: top;
}
.site-navigation .navmenu-submenu {
position: absolute;
top: 100%;
z-index: 100;
display: none;
width: 240px;
padding-top: 15px;
padding-bottom: 15px;
background-color: #ffffff;
box-shadow: 0 3px 4px rgba(128, 128, 128, 0.25);
}
.site-navigation .navmenu-submenu.navmenu-submenu-inline-children {
overflow-x: hidden;
overflow-y: auto;
}
.site-navigation .navmenu-submenu.navmenu-submenu-inline-children .navmenu-icon svg {
transform: rotate(0deg);
}
.site-navigation .navmenu-submenu.navmenu-submenu-inline-children .navmenu-depth-3 {
position: relative;
top: 0;
left: 0;
padding-top: 0;
margin-left: 0;
box-shadow: none;
}
.site-navigation .navmenu-depth-2 {
margin-left: -0.625rem;
}
.site-navigation .navmenu-depth-2 .navmenu-link {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-body);
z-index: 2;
display: block;
padding: 0.4375rem 2rem 0.4375rem 1.5625rem;
letter-spacing: 0.0em;
color: #1b2120;
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: #494e4d;
}
.site-navigation .navmenu-depth-2 .navmenu-link:focus {
outline: solid rgba(27, 33, 32, 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(17, 17, 17, 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: #1b2120;
opacity: 0.8;
}
.site-navigation-wrapper .site-header-actions a:hover {
color: #494e4d;
}
.site-mobile-nav .site-header-actions {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 300;
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(49, 53, 52, 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: #313534;
vertical-align: middle;
}
.site-mobile-nav .site-header-actions a {
padding-right: 8px;
padding-left: 8px;
color: #1b2120;
}
.site-mobile-nav .site-header-actions .site-header-account-link {
margin-left: -6px;
color: #1b2120;
}
.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;
}.template-index .site-header-main {
position: absolute!important;
top: 50px;
width: 100%;
}
.template-index div#shopify-section-static-announcement {
position: absolute;
width: 100%;
color: #fff;
}
.site-announcement.site-header--sticky {
position: sticky!important;
top: 0;
z-index:999;
background-color: #fff;
}
.site-header-wrapper.site-header--sticky .site-header-main {
background-color: #fff;
top: 0;
}
.site-header-wrapper.site-header--sticky .home_logo img {
filter: invert(1);
}
.site-header-wrapper.site-header--sticky ul.navmenu.navmenu-depth-1 li a {
color: #000 !important;
}
.site-header-wrapper.site-header--sticky .site-header-main svg {
color: #000;
}
.site-header-wrapper.site-header--sticky .heart-icon i {
color: #000;
}
html , body {
scroll-behavior: smooth !important;
}
.site-header-main {
display: flex;
min-height: 4.5rem;
padding-top: 30px;
padding-bottom: 0.5rem;
flex-wrap: wrap;
justify-content: flex-start;
position: relative;
align-items: center;
box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
.site-header-main.site-header-stacked {
padding-top: 1.25rem;
}
}
@media screen and (min-width: 1024px) {
.site-header-accounts-enabled .site-header-main.site-header-stacked {
align-items: center;
justify-content: space-between;
}
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.site-header--desktop-logo-center .site-header-main {
padding-right: 1.75rem;
}
}
@media screen and (min-width: 1024px) {
.site-header--desktop-logo-center .site-header-main {
padding-right: 2.5rem;
}
}
.site-header-menu-button {
display: flex;
padding: 0;
margin-left: -10px;
}
@media screen and (min-width: 1024px) {
.site-header-menu-button {
display: none;
}
}
@media screen and (max-width: 1023px) {
.site-header--mobile-logo-center .site-header-menu-button {
position: absolute;
margin-left: 0;
}
}
.site-header-menu-button .site-header-menu-icon {
padding-top: 0.6875rem;
padding-bottom: 0.75rem;
}
.site-logo {
display: flex;
justify-content: center;
margin-left: calc(10px / 2);
}
@media screen and (min-width: 1024px) {
.site-logo {
position: absolute;
height: auto;
margin-left: 0;
padding-right: 25px;
}
}
.site-logo .site-logo-link {
display: flex;
text-decoration: none;
}
@media screen and (min-width: 1024px) {
.site-header--desktop-logo-center .site-logo {
position: static;
width: 100%;
margin-left: 0;
padding: 0;
text-align: center;
}
}
@media screen and (min-width: 1024px) {
.site-header--desktop-logo-center .site-logo .desktop-logo-text {
display: inline-block;
width: auto;
}
}
@media screen and (max-width: 1023px) {
.site-header--mobile-logo-center .site-logo {
display: flex;
justify-content: center;
flex: 1 0 auto;
margin-left: 0;
text-align: center;
}
}
@media screen and (min-width: 1024px) {
.site-header-stacked .site-logo {
position: absolute;
padding-top: 0.25rem;
}
}
@media screen and (max-width: 719px) {
.site-logo .mobile-logo-image {
max-width: 12.5rem;
}
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
.site-logo .mobile-logo-image {
max-width: 25rem;
}
}
.site-navigation {
display: none;
flex: 0 0 auto;
max-width: 100%;
padding: 0;
margin: 0 auto;
background: transparent;
transition: opacity 0.4s;
}
.site-header-loading .site-navigation {
position: absolute;
opacity: 0;
}
@media screen and (min-width: 1024px) {
.site-navigation {
display: block;
}
}
.site-header--full-width .site-navigation {
width: auto;
}
.site-header-stacked .site-navigation {
width: 100%;
margin: 0 0 0 -15px;
text-align: center;
padding-top: 0.5rem;
}
.site-header--desktop-logo-center .site-navigation {
position: absolute;
margin-left: -15px;
}
.site-header--desktop-logo-center .site-header-stacked .site-navigation {
position: static;
margin-left: 0;
text-align: center;
}
.site-header--basic-navigation-below .site-navigation-wrapper {
background: #ffffff;
}
.site-header--basic-navigation-below .site-navigation-wrapper .site-navigation {
position: static;
margin-left: auto;
text-align: center;
}
.site-navigation > .navmenu {
display: inline-block;
max-width: 100%;
padding: 0;
margin: 0;
text-align: left;
list-style-type: none;
}
.site-navigation > .navmenu > .navmenu-item > .navmenu-submenu:not(.navmenu-meganav) {
margin-top: 0.5rem;
}
.site-header--basic-navigation-below .site-navigation > .navmenu > .navmenu-item > .navmenu-submenu:not(.navmenu-meganav) {
margin-top: 0;
}
.site-navigation > .navmenu > .navmenu-item {
display: inline-block;
margin: 0;
}
.site-navigation > .navmenu > .navmenu-item:first-child {
padding-left: 0;
}
.site-header--basic .site-header-search {
display: block;
}
.site-header--basic .site-header-search-wrapper {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-right: 54px;
padding-left: 10px;
opacity: 1;
z-index: 150;
background-color: #ffffff;
transition: opacity 0.2s;
}
@media screen and (min-width: 720px) {
.site-header--basic .site-header-search-wrapper {
padding-right: 64px;
padding-left: 10px;
}
}
.site-header--basic .live-search {
display: block;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
margin-top: 0;
}
@media screen and (min-width: 720px) {
.site-header--basic .live-search {
position: absolute;
width: 37.5rem;
}
}
.site-header--basic .live-search.live-search--takeover {
transform: none;
}
.site-header--basic .live-search--hidden .site-header-search {
visibility: hidden;
}
.site-header--basic .live-search--hidden .site-header-search-wrapper {
opacity: 0;
}
.site-header--basic .live-search--hidden .live-search {
display: none;
}
.site-header-search-close {
position: absolute;
top: 50%;
right: 10px;
color: #313534;
transform: translateY(-50%);
}
.site-header-search-close:hover {
color: rgba(49, 53, 52, 0.7);
}
@media screen and (min-width: 720px) {
.site-header-search-close {
left: 50%;
right: auto;
transform: translate(-50%, -50%);
margin-left: 18.75rem1.75rem;
}
}
.site-header-main-actions {
position: absolute;
display: flex;
right: 0;
padding-left: 1.25rem;
justify-content: center;
transition: opacity 0.4s;
}
.site-header-loading .site-header-main-actions {
opacity: 0;
}
@media screen and (min-width: 720px) {
.site-header-main-actions {
margin-right: 1.0rem;
}
}
@media screen and (min-width: 1024px) {
.site-header-main-actions {
margin-right: 1.75rem;
}
}
.site-header-main-actions > * {
display: flex;
justify-content: center;
align-items: center;
}
.site-header-account-button {
display: none;
}
@media screen and (min-width: 1024px) {
.site-header-account-button {
display: inline-block;
}
}
.site-header-search-button {
padding: 0 3px;
}
@media screen and (max-width: 719px) {
.site-header--mobile-logo-center .site-header-search-button {
margin-left: 6.4375rem;
}
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
.site-header--mobile-logo-center .site-header-search-button {
margin-left: 6.75rem1.75rem;
}
}
@media screen and (max-width: 1023px) {
.site-header--mobile-logo-center .site-header-search-button {
position: absolute;
left: -100vw;
}
}
@media screen and (min-width: 1024px) {
.site-header--basic-navigation-below.site-header--desktop-logo-center .site-header-search-button {
position: absolute;
left: calc(-100vw + 100% + 2.5rem);
}
}
@media (min-width: 1600px) {
.site-header--basic-navigation-below.site-header--desktop-logo-center .site-header-main:not(.site-header--full-width) .site-header-search-button {
left: calc(-1600px + 100% + 2.5rem);
}
}/* Templates */
.account-page-masthead {
text-align: center;
}
.account-page-content .form-field {
margin-bottom: 1.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: #1b2120;
}
@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: #1b2120;
}
.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.03em;
}.account-recovery .account-recovery--submit,
.account-recovery .account-recovery--cancel {
text-transform: none;
}.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.03em;
vertical-align: middle;
}.account-page-login .form-action--submit,
.account-page-register .form-action--submit {
text-transform: none;
}.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;
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 0;
margin-block-end: 0;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
-webkit-padding-start: 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: 0px;
}
.account-address:first-child {
margin-top: 0;
}
@media screen and (min-width: 680px) {
.account-address {
width: calc(50% - 10px);
margin-right: 10px;
}
.account-address:nth-child(2) {
margin-top: 0;
}
.account-address:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (min-width: 1024px) {
.account-address {
width: calc(50% - 10px);
margin-top: 20px;
margin-right: 20px;
}
.account-address:nth-child(2) {
margin-top: 0;
}
.account-address:nth-child(2n) {
margin-right: 0;
}
}
.account-info-item,
.account-address-item {
margin-top: 1.0rem;
margin-bottom: 1.0rem;
}.account-address-item--default {
font-style: oblique;
}
.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.03em;
}.account-address-form .address-form--submit,
.account-address-form .address-form--cancel {
text-transform: none;
}.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.03em;
}.page-content-contact .contact-form-button {
text-transform: none;
}/* 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;
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 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.33333%;
}
.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.03em;
}.blogposts--footer-button {
text-transform: none;
}@media screen and (min-width: 720px) {
.blogposts--footer-button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.03em;
}.blogposts--footer-button {
text-transform: none;
}}
@media screen and (min-width: 1024px) {
.blogposts--footer-button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.03em;
}.blogposts--footer-button {
text-transform: none;
}}
.blogposts--footer-icon {
margin-left: 0.0625rem;
}
.dynamic-collection-list--container {
text-align: center;
width: 100%;
}
.dynamic-collection-list--inner {
list-style-type: none;
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 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.33333% - 13.33333px);
}
.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.66667% - 16.66667px);
}
.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.33333% - 6.66667px);
}
.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}@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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-body);
letter-spacing: 0.06em;
color: #1b2120;
}.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: #111111;
}
@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.03em;
display: none;
margin: 1.25rem 0 auto;
}.dynamic-collection-list--show-more-button {
text-transform: none;
}@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.03em;
}.dynamic-collection-list--show-more-button {
text-transform: none;
}}
@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.03em;
}.dynamic-collection-list--show-more-button {
text-transform: none;
}}
@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.03em;
margin-top: 0.5rem;
}.dynamic-collection-list--show-more-button {
text-transform: none;
}.js .dynamic-collection-list--show-more-button.active-mobile {
display: inline-block;
}
}
.featured-collection--wrapper {
position: relative;
width: 100%;
}
.featured-collection--wrapper .featured-collection--overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
}
.featured-collection--wrapper.featured-collection--background-image {
background-size: cover;
}
.featured-collection--wrapper.featured-collection--background-image.left {
background-position-x: 0;
}
.featured-collection--wrapper.featured-collection--background-image.middle {
background-position-x: 50%;
}
.featured-collection--wrapper.featured-collection--background-image.right {
background-position-x: 100%;
}
.featured-collection--wrapper.featured-collection--background-image.top {
background-position-y: 0;
}
.featured-collection--wrapper.featured-collection--background-image.center {
background-position-y: 50%;
}
.featured-collection--wrapper.featured-collection--background-image.bottom {
background-position-y: 100%;
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.featured-collection--container {
padding-right: 10px;
padding-left: 10px;
}
}
@media screen and (max-width: 719px) {
.featured-collection--container .home-section--title {
padding-right: 10px;
padding-left: 10px;
}
}
@media screen and (max-width: 1023px) and (min-width: 720px) {
.featured-collection--container .home-section--title {
padding-right: 15px;
padding-left: 15px;
}
}
.featured-collection--container .featured-collection--cta-wrapper {
margin: 3.125rem 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.03em;
}.featured-collection--container .featured-collection--cta-wrapper .featured-collection--cta {
text-transform: none;
}@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.03em;
}.featured-collection--container .featured-collection--cta-wrapper .featured-collection--cta {
text-transform: none;
}}
@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.03em;
}.featured-collection--container .featured-collection--cta-wrapper .featured-collection--cta {
text-transform: none;
}}
.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: 50px;
grid-column-gap: 20px;
column-gap: 20px;
row-gap: 50px;
padding: 0;
}
.featured-collection--container .featured-collection--content[data-layout="grid"] .productgrid--item {
width: 100%;
margin-right: 0;
}
.featured-collection--container .featured-collection--content[data-layout="grid"] .productgrid--item:nth-child(n + 6) {
margin-top: 0;
}
}
}
.featured-collection--container .featured-collection--content[data-layout="slideshow"] .productgrid--item {
width: calc(214px - 10px);
}
@media screen and (min-width: 1080px) {
.featured-collection--container .featured-collection--content[data-layout="slideshow"] .productgrid--item {
width: calc(100% / 4 - calc(3 * 20px) / 4);
margin-right: 20px;
}
}
@media screen and (min-width: 1280px) {
.featured-collection--container .featured-collection--content[data-layout="slideshow"] .productgrid--item {
width: calc(100% / 5 - calc(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;
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: 0;
}
.featured-collection--container .featured-collection--content .flickity-prev-next-button.previous {
margin-left: 0;
}
}@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: Futura,sans-serif;
font-style: normal;
font-weight: 300;
font-size: var(--font-size-body-smaller);
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
}
.featured-collection--banner-title {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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.03em;
display: inline-block;
opacity: 1;
}.featured-collections--content .promo-block-mosaic--button {
text-transform: none;
}@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.03em;
}.featured-collections--content .promo-block-mosaic--button {
text-transform: none;
}}
@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.03em;
}.featured-collections--content .promo-block-mosaic--button {
text-transform: none;
}}
.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--grid-items-container {
display: flex;
flex-grow: 0;
flex-shrink: 0;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
@media screen and (max-width: 719px) {
.featured-collections--grid-items-container {
margin-top: 10px;
}
}
@media screen and (min-width: 720px) {
.featured-collections--grid-items-container {
width: 45%;
}
.featured-collections--grid-items-container.featured-collections--lte-2-grid-items {
width: 27%;
}
}
@media screen and (min-width: 1080px) {
.featured-collections--grid-items-container {
margin-bottom: -20px;
}
}
.featured-collections--grid-item {
width: 100%;
padding-bottom: 15px;
border-radius: 0px;
}
@media screen and (max-width: 719px) {
.featured-collections--grid-item {
width: 50%;
}
.featured-collections--grid-item:nth-child(even) {
padding-left: 5px;
}
.featured-collections--grid-item:nth-child(odd) {
padding-right: 5px;
}
}
@media screen and (min-width: 1080px) {
.featured-collections--grid-item {
padding-bottom: 30px;
}
}
.featured-collections--grid-items-container:not(.featured-collections--lte-2-grid-items) .featured-collections--grid-item:not(.featured-collections--lte-2-grid-items) {
width: 50%;
}
.featured-collections--grid-items-container:not(.featured-collections--lte-2-grid-items) .featured-collections--grid-item:not(.featured-collections--lte-2-grid-items):nth-child(even) {
padding-left: 5px;
}
.featured-collections--grid-items-container:not(.featured-collections--lte-2-grid-items) .featured-collections--grid-item:not(.featured-collections--lte-2-grid-items):nth-child(odd) {
padding-right: 5px;
}
@media screen and (min-width: 1080px) {
.featured-collections--grid-items-container:not(.featured-collections--lte-2-grid-items) .featured-collections--grid-item:not(.featured-collections--lte-2-grid-items):nth-child(even) {
padding-left: 10px;
}
.featured-collections--grid-items-container:not(.featured-collections--lte-2-grid-items) .featured-collections--grid-item:not(.featured-collections--lte-2-grid-items):nth-child(odd) {
padding-right: 10px;
}
}
.featured-collections--grid-item-image-wrapper {
position: relative;
display: block;
line-height: 0;
border-radius: 0px;
}
.featured-collections--grid-item-image-wrapper.featured-collections--grid-item-image-placeholder {
padding-bottom: 81.5%;
}
.featured-collections--grid-item-image-wrapper .placeholder--image, .featured-collections--grid-item-image-wrapper .image-with-text-background svg, .image-with-text-background .featured-collections--grid-item-image-wrapper svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0px;
}
.featured-collections--grid-item-image-wrapper .featured-collections--grid-item-image {
width: 100%;
height: auto;
border-radius: 0px;
}
.featured-collections-grid-item-title {
font-size: var(--font-size-body);
margin-top: 10px;
margin-bottom: 0;
line-height: 1.4;
}
.featured-collections-grid-item-title.align-center {
text-align: center;
}
.featured-collections-grid-item-title.align-right {
text-align: right;
}
.featured-collections-grid-item-title.style-heading {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
letter-spacing: 0.06em;
color: #1b2120;
}.featured-collections-grid-item-title.style-heading {
text-transform: uppercase;
}.featured-collections-grid-item-title.style-body {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
letter-spacing: 0.0em;
color: #111111;
text-transform: initial;
}
.featured-collections-grid-item-title:hover {
color: #111111;
}
.featured-collections-grid-item-title a {
color: currentColor;
text-decoration: none;
}
@media screen and (max-width: 719px) {
.featured-collections-item-title-desktop {
display: none;
}
}
.featured-collections-item-title-mobile {
display: none;
}
@media screen and (max-width: 719px) {
.featured-collections-item-title-mobile {
display: inline;
}
}
.featured-product--container .featured-product--inner {
padding: 25px;
border-radius: 0px;
background-color: #ffffff;
}
.featured-product--container .featured-product--inner .video iframe {
left: 0;
}
.featured-product--container .product-main,
.featured-product--container .product-gallery--slider {
text-align: center;
}
@media screen and (max-width: 719px) {
.featured-product--container .product-main,
.featured-product--container .product-gallery--slider {
padding-right: 0;
padding-left: 0;
}
}
@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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
letter-spacing: 0.03em;
margin: 0;
}.highlights-banners-heading {
text-transform: none;
}.highlights-banners-block-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.flickity-viewport,
.flickity-slider {
width: 100%;
}
.image-with-text {
margin-top: 0;
margin-bottom: 0;
}
.image-with-text:not(.image-with-text-section-height-original) .image-with-text-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.image-with-text:not(.image-with-text-section-height-original) .image-with-text-image {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
}
.image-with-text:not(.image-with-text-section-height-original) .image-with-text-image[data-rimg="noscript"] {
width: 100%;
height: 100%;
opacity: 1;
object-fit: cover;
}
@media (min-width: 480px) {
.image-with-text.image-with-text-section-height-original .image-with-text-content-wrapper {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
}
}
.image-with-text-wrapper {
position: relative;
}
.image-with-text-background {
background-size: cover;
border-radius: 0px;
}
.image-with-text-background svg {
width: 100%;
height: 100%;
max-height: 100%;
border-radius: 0px;
}
.image-with-text-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 0px;
}
@media (max-width: 480px) {
.image-with-text-section-height-original .image-with-text-overlay {
display: none;
}
}
.image-with-text-content-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
@media (max-width: 480px) {
.image-with-text-section-height-original .image-with-text-content-wrapper {
align-items: center;
justify-content: center;
text-align: center;
}
}
@media screen and (max-width: 719px) {
.image-with-text-content-wrapper,
.image-with-text-section-height-original .image-with-text-content-wrapper {
padding: 1.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.03em;
}.image-with-text-button {
text-transform: none;
}}
@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.03em;
}.image-with-text-button {
text-transform: none;
}}
@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: #1b2120;
text-decoration: none;
}
.alt-img-with-text--content {
display: flex;
border-radius: 0px;
}
.alt-img-with-text--content.image-top {
flex-direction: column-reverse;
}
.alt-img-with-text--content.image-top .alt-img-with-text--image.image-mobile {
border-radius: 0px 0px 0 0;
}
.alt-img-with-text--content.image-bottom {
flex-direction: column;
}
.alt-img-with-text--content.image-bottom .alt-img-with-text--image.image-mobile {
border-radius: 0 0 0px 0px;
}
@media screen and (min-width: 720px) {
.alt-img-with-text--content.image-right {
flex-direction: row;
}
.alt-img-with-text--content.image-right .alt-img-with-text--image.image-desktop {
border-radius: 0 0px 0px 0;
}
.alt-img-with-text--content.image-left {
flex-direction: row-reverse;
}
.alt-img-with-text--content.image-left .alt-img-with-text--image.image-desktop {
border-radius: 0px 0 0 0px;
}
}
.alt-img-with-text--content .alt-img-with-text--image {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
flex-basis: auto;
}
.alt-img-with-text--content .alt-img-with-text--image.image-mobile {
display: block;
width: 100%;
}
@media screen and (min-width: 720px) {
.alt-img-with-text--content .alt-img-with-text--image.image-mobile {
display: none;
}
}
.alt-img-with-text--content .alt-img-with-text--image.image-desktop {
display: none;
}
@media screen and (min-width: 720px) {
.alt-img-with-text--content .alt-img-with-text--image.image-desktop {
display: block;
}
}
.alt-img-with-text--content .alt-img-with-text--text {
flex: 1 1 auto;
max-width: 85%;
padding: 1.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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;
}
}
@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.03em;
margin-top: 1.25rem;
}.alt-img-with-text--content .alt-img-with-text--text .alt-img-with-text--button:not(.button-signpost) {
text-transform: none;
}@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.03em;
margin-top: 1.75rem;
}.alt-img-with-text--content .alt-img-with-text--text .alt-img-with-text--button:not(.button-signpost) {
text-transform: none;
}}
.alt-img-with-text--content.onboarding .alt-img-with-text--image {
height: 31.25rem;
background: #ececec;
background-position: center;
background-size: cover;
}
.logolist--inner {
margin-right: -0.625rem;
margin-left: -0.625rem;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.logolist--inner > * {
margin-right: 0.625rem;
margin-left: 0.625rem;
}
@media screen and (min-width: 720px) {
.logolist--inner {
margin-right: -0.9375rem;
margin-left: -0.9375rem;
}
.logolist--inner > * {
margin-right: 0.9375rem;
margin-left: 0.9375rem;
}
}
@media screen and (min-width: 1280px) {
.logolist--inner {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
.logolist--inner > * {
margin-right: 1.25rem;
margin-left: 1.25rem;
}
}
.logolist--item {
font-size: var(--font-size-body);
position: relative;
width: 90px;
margin-top: 1.25rem;
margin-right: 0.625rem;
margin-left: 0.625rem;
transition: width 0.1s ease, margin 0.1s ease;
}
@media screen and (max-width: 344px) {
.logolist--item:nth-child(-n + 2) {
margin-top: 0;
}
}
@media screen and (max-width: 454px) and (min-width: 345px) {
.logolist--item:nth-child(-n + 3) {
margin-top: 0;
}
}
@media screen and (min-width: 455px) and (max-width: 564px), screen and (min-width: 720px) and (max-width: 754px) {
.logolist--item:nth-child(-n + 4) {
margin-top: 0;
}
}
@media screen and (min-width: 565px) and (max-width: 674px), screen and (min-width: 755px) and (max-width: 904px), screen and (min-width: 1024px) and (max-width: 1174px) {
.logolist--item:nth-child(-n + 5) {
margin-top: 0;
}
}
@media screen and (min-width: 675px) and (max-width: 719px), screen and (min-width: 905px) and (max-width: 1023px), screen and (min-width: 1175px) {
.logolist--item:nth-child(-n + 6) {
margin-top: 0;
}
}
@media screen and (min-width: 720px) {
.logolist--item {
width: 120px;
margin-top: 1.875rem;
margin-right: 0.9375rem;
margin-left: 0.9375rem;
}
}
@media screen and (min-width: 1024px) {
.logolist--item {
width: 160px;
}
}
@media screen and (min-width: 1280px) {
.logolist--item {
margin-top: 2.5rem;
margin-right: 1.25rem;
margin-left: 1.25rem;
}
.logolist--item:nth-child(-n + 6) {
margin-top: 0;
}
}
.logolist--link {
display: block;
}
.logolist--image {
display: block;
max-width: 100%;
max-height: 90px;
margin: 0 auto;
}
@media screen and (min-width: 720px) {
.logolist--image {
max-height: 120px;
}
}
@media screen and (min-width: 1024px) {
.logolist--image {
max-height: 160px;
}
}
.dynamic-map {
position: relative;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 679px) {
.dynamic-map {
flex-wrap: wrap;
}
}
.dynamic-map-wrapper {
position: relative;
height: 280px;
padding: 0;
background-size: cover;
border: 0;
border-radius: 0px;
}
@media screen and (min-width: 680px) {
.dynamic-map-wrapper {
height: 400px;
}
}
.dynamic-map-wrapper.dynamic-map-wrapper-height-medium {
height: 350px;
}
@media screen and (min-width: 680px) {
.dynamic-map-wrapper.dynamic-map-wrapper-height-medium {
height: 500px;
}
}
.dynamic-map-wrapper.dynamic-map-wrapper-height-large {
height: 420px;
}
@media screen and (min-width: 680px) {
.dynamic-map-wrapper.dynamic-map-wrapper-height-large {
height: 600px;
}
}
@media screen and (max-width: 679px) {
.dynamic-map-section-layout-mobile-above .dynamic-map-wrapper {
border-radius: 0 0 0px 0px;
}
.dynamic-map-section-layout-mobile-below .dynamic-map-wrapper {
border-radius: 0px 0px 0 0;
}
}
.dynamic-map-wrapper .dynamic-map-image {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
border-radius: 0px;
}
.dynamic-map-wrapper .dynamic-map-image[data-rimg="noscript"] {
position: relative;
width: 100%;
height: 100%;
opacity: 1;
object-fit: cover;
}
.dynamic-map-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 0px;
}
.dynamic-map-section-layout-x-outside-left .dynamic-map-overlay,
.dynamic-map-section-layout-x-outside-right .dynamic-map-overlay {
display: none;
}
@media screen and (max-width: 679px) {
.dynamic-map-overlay {
display: none;
}
}
.dynamic-map-container {
position: relative;
width: 100%;
height: 100%;
}
.dynamic-map-error-message {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 20px;
line-height: 1.5;
}
.dynamic-map-error-message p {
margin: 0;
text-align: center;
}
.dynamic-map-error-message a {
color: inherit;
}
@media screen and (max-width: 679px) {
.dynamic-map-section-layout-mobile-above .dynamic-map-card-wrapper {
order: -1;
margin-bottom: 0;
}
.dynamic-map-section-layout-mobile-below .dynamic-map-card-wrapper {
margin-top: 0;
}
}
@media screen and (min-width: 680px) {
.dynamic-map-card-wrapper {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 0;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding: 0 20px;
}
.dynamic-map-section-layout-outside .dynamic-map-card-wrapper {
position: static;
padding: 0;
background-color: #ffffff;
}
.dynamic-map-section-layout-x-outside-left .dynamic-map-card-wrapper {
order: -1;
}
.dynamic-map-section-layout-y-outside-center .dynamic-map-card-wrapper,
.dynamic-map-section-layout-y-overlay-center .dynamic-map-card-wrapper {
align-items: center;
}
.dynamic-map-section-layout-y-outside-bottom .dynamic-map-card-wrapper,
.dynamic-map-section-layout-y-overlay-bottom .dynamic-map-card-wrapper {
align-items: flex-end;
}
.dynamic-map-section-layout-x-overlay-center .dynamic-map-card-wrapper {
justify-content: center;
}
.dynamic-map-section-layout-x-overlay-right .dynamic-map-card-wrapper {
justify-content: flex-end;
}
}
@media screen and (min-width: 1080px) {
.dynamic-map-card-wrapper {
top: 25px;
bottom: 25px;
padding: 0 25px;
}
}
.dynamic-map-card {
width: 100%;
padding: 25px;
background-color: #fff;
border: 0;
word-wrap: break-word;
}
.dynamic-map-section-layout-outside .dynamic-map-card {
background-color: #ffffff;
border-radius: 0px;
}
@media screen and (max-width: 679px) {
.dynamic-map-card {
max-width: 100%;
}
.dynamic-map-section-layout-mobile-above .dynamic-map-card {
border-radius: 0px 0px 0 0;
}
.dynamic-map-section-layout-mobile-below .dynamic-map-card {
border-radius: 0 0 0px 0px;
}
}
@media screen and (min-width: 680px) {
.dynamic-map-card {
right: auto;
bottom: 25px;
left: 25px;
width: auto;
min-width: 280px;
max-width: 40%;
}
.dynamic-map-section-layout-x-outside-left .dynamic-map-card,
.dynamic-map-section-layout-x-outside-right .dynamic-map-card {
width: 100%;
max-width: 100%;
}
}
.dynamic-map-card-text-alignment-left {
text-align: left;
}
.dynamic-map-card-text-alignment-center {
text-align: center;
}
.dynamic-map-card-text-alignment-right {
text-align: right;
}
.dynamic-map-card-heading {
font-size: var(--font-size-heading-3);
margin: 0 0 26px;
line-height: 1.2;
color: #1b2120;
}
.dynamic-map-card-content p:last-child {
margin-bottom: 0;
}
.dynamic-map-card-item-link {
text-decoration: none;
}
.dynamic-map-wrapper,
.dynamic-map-card-wrapper {
width: 100%;
}
@media screen and (min-width: 680px) {
.dynamic-map-section-layout-outside .dynamic-map-wrapper, .dynamic-map-section-layout-outside
.dynamic-map-card-wrapper {
border-radius: 0px;
}
}
@media screen and (max-width: 1079px) and (min-width: 680px) {
.dynamic-map-section-layout-outside .dynamic-map-wrapper, .dynamic-map-section-layout-outside
.dynamic-map-card-wrapper {
width: calc(50% - 5px);
}
}
@media screen and (min-width: 1080px) {
.dynamic-map-section-layout-outside .dynamic-map-wrapper, .dynamic-map-section-layout-outside
.dynamic-map-card-wrapper {
width: calc(50% - 10px);
}
}
.menulist--inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.menulist--item {
position: relative;
flex-grow: 0;
flex-shrink: 0;
width: 100%;
background-color: #ffffff;
border-bottom: 1px solid #eaeaea;
}
.menulist--item:last-child {
border-bottom: 0;
border-radius: 0 0 0px 0px;
}
.menulist--item:first-child {
border-radius: 0px 0px 0 0;
}
.menulist--item:only-child {
border-radius: 0px;
}
@media screen and (min-width: 720px) {
.menulist--item {
padding: 1.25rem;
border: 0;
border-radius: 0px;
}
.menulist--item:first-child, .menulist--item:last-child {
border-radius: 0px;
}
}
@media screen and (max-width: 859px) and (min-width: 720px) {
.menulist--item {
width: calc(50% - 5px);
margin-right: 10px;
margin-bottom: 10px;
}
.menulist--item:nth-child(2n), .menulist--item:last-child {
margin-right: 0;
}
.menulist--blocks-count-1 .menulist--item,
.menulist--blocks-count-2 .menulist--item {
margin-bottom: 0;
}
.menulist--blocks-count-3 .menulist--item:nth-child(n+3),
.menulist--blocks-count-4 .menulist--item:nth-child(n+3) {
margin-bottom: 0;
}
.menulist--blocks-count-5 .menulist--item:nth-child(n+5),
.menulist--blocks-count-6 .menulist--item:nth-child(n+5) {
margin-bottom: 0;
}
}
@media screen and (min-width: 860px) {
.menulist--item {
width: calc(33.333% - 6.66667px);
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.33333px);
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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-heading-5);
position: relative;
padding: 1.5rem 1.25rem;
margin: 0;
color: #1b2120;
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: #1b2120;
}
@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-top: 0;
margin-bottom: 36px;
line-height: 1.5625;
}
.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: 0px;
}
.promo-grid--inner .promo-block-grid.desktop-block {
display: none;
}
.promo-grid--inner .promo-block-grid.mobile-block {
display: block;
}
@media screen and (min-width: 720px) {
.promo-grid--inner .promo-block-grid {
flex-shrink: 0;
margin-top: 10px;
}
.promo-grid--inner .promo-block-grid.mobile-block {
display: none;
}
.promo-grid--inner .promo-block-grid.desktop-block {
display: block;
}
.promo-grid--inner .promo-block-grid.desktop-block.promo-grid--half-width {
flex-grow: 0;
width: calc(50% - 5px);
}
.promo-grid--inner .promo-block-grid.desktop-block.promo-grid--half-width:nth-of-type(-n + 2) {
margin-top: 0;
}
.promo-grid--inner .promo-block-grid.promo-grid--full-width {
flex-grow: 1;
width: 100%;
}
.promo-grid--inner .promo-block-grid.promo-grid--full-width:first-child {
margin-top: 0;
}
.promo-grid--inner .promo-block-grid.promo-grid--full-width:first-child + .promo-grid--half-width {
margin-top: 10px;
}
}
@media screen and (min-width: 1080px) {
.promo-grid--inner .promo-block-grid {
margin-top: 20px;
}
.promo-grid--inner .promo-block-grid.promo-grid--half-width.desktop-block {
width: calc(50% - 10px);
}
.promo-grid--inner .promo-block-grid.promo-grid--half-width.desktop-block:nth-of-type(-n + 2) {
margin-top: 0;
}
.promo-grid--inner .promo-block-grid.promo-grid--full-width:first-child {
margin-top: 0;
}
.promo-grid--inner .promo-block-grid.promo-grid--full-width:first-child + .promo-grid--half-width {
margin-top: 20px;
}
}
.promo-block-grid--content {
position: relative;
display: block;
height: 100%;
padding: 1.75rem 1.25rem;
color: currentColor;
text-decoration: none;
border-radius: 0px;
transition: height 0.23s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (min-width: 720px) {
.promo-block-grid--content.onboarding {
min-height: 300px;
}
}
.promo-block-grid--content .promo-block-grid--content-wrapper {
padding: 1.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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--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.03em;
margin-top: 2.0rem;
}.promo-block-grid--button:not(.button-signpost) {
text-transform: none;
}@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.03em;
}.promo-block-grid--button:not(.button-signpost) {
text-transform: none;
}.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.03em;
}.promo-grid--full-width .promo-block-grid--button:not(.button-signpost) {
text-transform: none;
}}
@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.03em;
}.promo-grid--container .promo-block-grid--button:not(.button-signpost) {
text-transform: none;
}.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.03em;
}.promo-grid--full-width .promo-block-grid--button:not(.button-signpost) {
text-transform: none;
}}
.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.03em;
margin-top: 1.875rem;
}.promo-mosaic--inner .promo-block-mosaic--button {
text-transform: none;
}}
@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.03em;
}.promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic--button {
text-transform: none;
}}
@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.03em;
}.promo-mosaic--inner.promo-mosaic--layout-1 .promo-block-mosaic--button {
text-transform: none;
}}
@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.03em;
}.promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic--index-1 .promo-block-mosaic--button {
text-transform: none;
}}
@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.03em;
}.promo-mosaic--inner.promo-mosaic--layout-2 .promo-block-mosaic--index-1 .promo-block-mosaic--button {
text-transform: none;
}}
@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.03em;
}.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic--index-1 .promo-block-mosaic--button {
text-transform: none;
}}
@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.03em;
}.promo-mosaic--inner.promo-mosaic--layout-3 .promo-block-mosaic--index-1 .promo-block-mosaic--button {
text-transform: none;
}}
@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.03em;
}.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: none;
}}
@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.03em;
}.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: none;
}}
@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.03em;
}.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: none;
}.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.03em;
}.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: none;
}}
@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.03em;
}.promo-mosaic--inner .promo-block-mosaic .promo-block-mosaic--button {
text-transform: none;
}}
@media screen and (-ms-high-contrast: active) and (min-width: 1080px), screen and (-ms-high-contrast: none) and (min-width: 1080px) {
.promo-mosaic--inner .promo-block-mosaic {
width: calc(50% - 10px);
margin-top: 20px;
}
.promo-mosaic--inner .promo-block-mosaic:nth-child(2n - 1) {
margin-right: 10px;
}
.promo-mosaic--inner .promo-block-mosaic:nth-child(2n) {
margin-left: 10px;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.promo-mosaic--inner .promo-block-mosaic--content {
min-height: inherit;
}
}
.promo-block-mosaic {
position: relative;
height: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
border-radius: 0px;
}
.promo-block-mosaic--content {
position: relative;
display: block;
height: 100%;
padding: 2.0rem 1.25rem;
color: currentColor;
text-decoration: none;
border-radius: 0px;
transition: height 0.23s cubic-bezier(0.3, 0, 0, 1);
}
@media screen and (max-width: 719px) {
.promo-block-mosaic--content {
height: 120px;
padding-right: calc(4.375rem + 1.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--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.03em;
}.promo-mosaic--column-narrow .promo-block-mosaic--button {
text-transform: none;
}}
.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;
-webkit-margin-before: 0;
margin-block-start: 0;
line-height: 1.5;
color: #1b2120;
}
.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 {
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 0;
margin-block-end: 0;
}
.search-section {
margin: 0 auto;
position: relative;
}
.search-section .live-search-form {
border: none;
}
.search-section .live-search-form-field {
color: #1b2120;
background-color: #ffffff;
}
.search-section .live-search-form-field:-ms-input-placeholder {
color: #1b2120;
}
.search-section .live-search-form-field::placeholder {
color: #1b2120;
}
.search-section .live-search-button {
color: #ffffff;
background-color: #ff9900;
}.search-section .live-search-button {
border-color: #a1a6a4;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
}.search-section .live-search-button:hover {
background-color: #000000;
}.search-section .form-field .live-search-form-field {
border-color: #a1a6a4;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}.search-section .form-field .live-search-form-field:focus {
border-color:
#949997
;
outline: 0;
}
.search-section .form-field .live-search-form-field:focus ~ .live-search-button {
border-color:
#949997
;
outline: 0;
}
.search-section-background,
.search-section-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
}
.search-section-position-top-left {
background-position: left top;
}
.search-section-position-top-center {
background-position: center top;
}
.search-section-position-top-right {
background-position: right top;
}
.search-section-position-center-left {
background-position: left center;
}
.search-section-position-center-center {
background-position: center;
}
.search-section-position-center-right {
background-position: right center;
}
.search-section-position-bottom-left {
background-position: left bottom;
}
.search-section-position-bottom-center {
background-position: center bottom;
}
.search-section-position-bottom-right {
background-position: right bottom;
}
.search-section-content {
position: relative;
}
.search-section-overlay + .search-section-content,
.search-section-overlay + .search-section-content .search-section-heading {
color: inherit;
}
.search-section-form {
max-width: 85%;
padding: 0;
margin: 0 auto;
}
@media screen and (min-width: 1080px) {
.search-section-form {
max-width: 65%;
}
}
.search-section-header {
margin: 0 auto;
text-align: center;
}
@media screen and (min-width: 680px) {
.search-section-header {
max-width: 80%;
}
}
.search-section-header p {
margin-top: 0;
}
.search-section-heading {
font-size: var(--font-size-heading-3);
margin-top: 0;
margin-bottom: 0.75rem;
color: #1b2120;
}
.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: 0px;
}
@media screen and (max-width: 859px) {
.testimonial {
min-height: 100%;
margin-right: 5px;
}
}
@media screen and (min-width: 860px) {
.testimonial {
flex-grow: 1;
width: 100%;
max-width: 80%;
}
.testimonial:not(:first-child) {
margin-left: 20px;
}
.testimonials-1 .testimonial {
max-width: 75%;
padding: 2.5rem;
}
.testimonials-2 .testimonial {
width: calc(50% - 20px);
padding: 2rem;
}
.testimonials-3 .testimonial {
width: calc(33.33% - 20px);
padding: 1.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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: "\201C";
}
.testimonial-show-quotations .testimonial-blockquote-quote p:last-child::after {
content: "\201D";
}
.testimonial-blockquote-citation {
font-size: var(--font-size-body);
font-style: normal;
line-height: 1.4;
}
.testimonials-3 .testimonial-blockquote-citation,
.testimonials-4 .testimonial-blockquote-citation,
.testimonials-5 .testimonial-blockquote-citation {
font-size: var(--font-size-body-small);
}
.testimonial-blockquote-citation p {
margin: 0;
}
.testimonial-blockquote-citation a {
text-decoration: none;
color: #111111;
}.twitter--container {
position: relative;
overflow: hidden;
}
.twitter--inner {
outline: 0;
}
.twitter--inner:not(.flickity-enabled),
.twitter--inner .flickity-slider {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
transition: width 0.1s ease;
}
@media screen and (max-width: 859px) {
.twitter--inner:not(.flickity-enabled) {
flex-direction: column;
}
}
.twitter--inner.flickity-enabled {
display: block;
width: 100%;
cursor: grab;
}
@media screen and (max-width: 859px) {
.tweet--count-1 .twitter--inner .flickity-slider {
width: 17.25rem;
}
.tweet--count-2 .twitter--inner .flickity-slider {
width: 34.5rem;
}
.tweet--count-3 .twitter--inner .flickity-slider {
width: 51.75rem;
}
}
.tweet--wrapper {
display: flex;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
align-items: flex-start;
justify-content: flex-start;
min-width: 276px;
min-height: 100%;
padding: 1.25rem;
margin-right: 10px;
overflow: hidden;
white-space: normal;
background-color: #ffffff;
border-radius: 0px;
transition: width 0.15s ease, padding 0.15s ease;
}
@media screen and (max-width: 859px) {
.twitter--inner:not(.flickity-enabled) .tweet--wrapper {
display: block;
width: 100%;
border-right: 0;
}
.twitter--inner:not(.flickity-enabled) .tweet--wrapper:not(:first-child) {
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
}
@media screen and (min-width: 1080px) {
.tweet--wrapper {
margin-right: 20px;
padding: 1.5625rem;
}
}
.tweet--count-1 .tweet--wrapper {
width: 100%;
}
.tweet--count-2 .tweet--wrapper {
width: 50%;
}
@media screen and (min-width: 1024px) {
.tweet--count-2 .tweet--wrapper {
width: calc(50% - 10px);
}
}
@media screen and (min-width: 1080px) {
.tweet--count-2 .tweet--wrapper {
width: calc(50% - 20px);
}
}
.tweet--count-3 .tweet--wrapper {
width: 33.33333%;
}
@media screen and (min-width: 1024px) {
.tweet--count-3 .tweet--wrapper {
width: calc(33.33333% - 6.66667px);
}
}
@media screen and (min-width: 1080px) {
.tweet--count-3 .tweet--wrapper {
width: calc(33.33333% - 13.33333px);
}
}
.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: #1b2120;
text-decoration: none;
}
.tweet--header-screenname {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-heading-6);
display: block;
line-height: 1.5;
letter-spacing: 0.0em;
color: #757977;
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: #757977;
}
.tweet--footer--posted:hover {
color: #111111;
}
.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 {
margin-top: 0;
color: #1b2120;
}
.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.03em;
}.fourohfour--inner .button-primary {
text-transform: none;
}.announcement-bar {
font-style: normal;
font-weight: 700;
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);
}
@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: #757977;
}
@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: #1b2120;
}
.article--meta + .article--title {
margin-top: 0.75rem;
font-weight: 600;
}
.article--tags {
font-style: normal;
font-weight: 500;
font-size: var(--font-size-body-smaller);
margin-top: 3.125rem;
letter-spacing: 0.0em;
color: #757977;
}
.article--tags .article--tags-title {
color: #111111;
}
.article--tags a {
margin-left: 0.25rem;
color: #757977;
}
.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}.article--pagination .article--pagination-title {
font-family: Futura,sans-serif;
font-style: oblique;
font-weight: 500;
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: #1b2120;
text-align: center;
}
@media screen and (min-width: 1024px) {
.blog-title {
margin-top: 1.75rem;
margin-bottom: 1.0rem;
}
}
.blog-title h1,
.blog-title a {
display: inline-block;
}
.blog-title a {
padding: 0.125rem 0.625rem;
color: inherit;
}
.blog-title svg {
display: block;
}
.blog--inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
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.33333% - 6.66667px);
}
}
@media screen and (min-width: 1080px) {
.blog--inner .article--excerpt-wrapper {
width: calc(33.33333% - 13.33333px);
margin-right: 20px;
}
}
.cart {
display: block;
max-width: 860px;
margin: 0 auto;
}
@media screen and (min-width: 860px) {
.cart.has-sidebar {
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);
}
}
.cart-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1.75rem;
margin-bottom: 1.75rem;
color: #1b2120;
}
@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 {
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.03em;
display: flex;
align-items: center;
}.cart-title-button {
text-transform: none;
}@media screen and (min-width: 480px) {
.cart-title-button {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.03em;
}.cart-title-button {
text-transform: none;
}}
.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: #757977;
}
.cart-title-total span {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
display: inline-block;
margin-left: 0.25rem;
color: #1b2120;
}
.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;
}
@media screen and (min-width: 860px) {
.cart.has-sidebar .cartitems--container {
display: flex;
}
}
@media screen and (min-width: 860px) {
.cart.has-sidebar .cartitems--container .cartitems {
width: calc(100% - (280px + 1.25rem));
margin-right: 1.25rem;
}
}
@media screen and (min-width: 1024px) {
.cart.has-sidebar .cartitems--container .cartitems {
width: calc(100% - (280px + 2.0rem));
margin-right: 2.0rem;
}
}
@media screen and (min-width: 1280px) {
.cart.has-sidebar .cartitems--container .cartitems {
width: calc(100% - (280px + 3.125rem));
margin-right: 3.125rem;
}
}
.cartitems .cartitems--list {
padding-left: 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.03em;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}.cartitems-empty--inner .button-primary {
text-transform: none;
}.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 > * {
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 > * {
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: #1b2120;
border-top: 1px solid #eaeaea;
}
.cart-subtotal span {
display: table-cell;
vertical-align: middle;
}
.cart-subtotal .money {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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.33333% - 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.03em;
}.cart-shippingcalc-form .button-primary {
text-transform: none;
}.cart-shippingcalc-none {
margin-top: 0;
}
.cart-shippingcalc-response {
display: none;
padding: 1.25rem;
color: #111111;
background-color: #fafafa;
border-radius: 0px;
}
.cart-shippingcalc-response.visible {
display: block;
}
.cart-shippingcalc-response > *:first-child {
margin-top: 0;
}
.cart-shippingcalc-response > *:last-child {
margin-bottom: 0;
}
.cart-shippingcalc-rates {
margin-top: 1.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.03em;
width: 100%;
}.cart-checkout .button-primary {
text-transform: none;
}.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: 0px;
}
.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: 0px;
}
.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: #1b2120;
}
.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: #111111;
}
@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;
}
.click-to-load ~ .pagination--container {
display: none;
}
.click-to-load .button-primary {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.03em;
margin: 3.125rem auto;
display: block;
}.click-to-load .button-primary {
text-transform: none;
}.productgrid--outer {
/*
* Additional display: grid styles are located in:
* source/styles/components/product-grid/_product-grid-layout.scss
*
*/
}
.productgrid--outer .pagination--container: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: #000000;
background-color: #ff9900;
}
.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-information {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 3.125rem;
text-align: left;
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment="centered"] .site-footer-information {
text-align: center;
}
}
@media screen and (min-width: 1024px) {
.site-footer-information {
flex-wrap: nowrap;
width: 100%;
max-width: 1600px;
margin-top: 4.25rem;
margin-right: auto;
margin-left: auto;
}
}
.site-footer-information-nav-credits {
flex-grow: 1;
flex-shrink: 0;
max-width: 100%;
font-size: 0.8125rem;
}
@media screen and (min-width: 1024px) {
.site-footer-information-nav-credits:not(:only-child) {
padding-right: 12.5px;
}
}
.site-footer-navigation .navmenu {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment="centered"] .site-footer-navigation .navmenu {
justify-content: center;
}
}
.site-footer-navigation .navmenu .navmenu-item {
display: block;
margin-bottom: 6px;
font-size: 0.8125rem;
}
.site-footer-navigation .navmenu .navmenu-item:not(:last-child) {
padding-right: 11px;
margin-right: 10px;
border-right: 1px solid rgba(0, 0, 0, 0.5);
}
.site-footer-navigation .navmenu-link {
color: #ffffff;
}
.site-footer-navigation .navmenu-link:hover {
color: #f4f8f7;
}
.site-footer-credits {
margin-bottom: 0;
color: #000000;
overflow-wrap: break-word;
letter-spacing: 1.5px;
}
.site-footer-credits a {
color: #000000;
}
.site-footer-credits p {
margin: 0.375rem 0;
}
.site-footer-credits:not(:first-child) {
margin-top: 6px;
}
.site-footer-information__payment-icons-cross-border {
display: flex;
align-items: flex-start;
flex-grow: 1;
flex-shrink: 1;
flex-wrap: wrap;
order: -1;
width: 100%;
padding-left: 0;
margin-bottom: 2.0rem;
list-style: none;
}
@media screen and (min-width: 1024px) {
.site-footer-information__payment-icons-cross-border {
justify-content: flex-end;
order: 1;
width: 40%;
padding-left: 25px;
margin-bottom: 0;
}
}
.site-footer-information__payment-icons-cross-border :first-child {
margin-top: 0;
}
.payment-icons {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
padding: 0;
margin-top: 1.0rem;
margin-right: -5px;
margin-bottom: -10px;
margin-left: -5px;
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment="centered"] .payment-icons {
justify-content: center;
width: calc(100% + 10px);
}
}
@media screen and (min-width: 1024px) {
.payment-icons {
justify-content: flex-end;
}
}
.payment-icons-item {
font-size: var(--font-size-body);
display: block;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
}
.payment-icons-item svg {
display: block;
width: auto;
height: 30px;
}
.shopify-localization-form {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
margin-right: -5px;
margin-bottom: -0.75rem;
margin-left: -5px;
}
@media screen and (max-width: 1023px) {
[data-mobile-alignment="centered"] .shopify-localization-form {
justify-content: center;
width: calc(100% + 10px);
}
}
@media screen and (min-width: 1024px) {
.shopify-localization-form {
justify-content: flex-end;
}
}
.listcollections--container {
margin-top: 1.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: 20px;
}
@media screen and (min-width: 720px) {
.password-mailinglist--container,
.password-social--container {
margin-top: 20px;
}
}
.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: 100%;
margin-top: 50px;
text-align: center;
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: #1b2120;
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: #000;
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-page-content--inner {
padding-top: 0;
padding-bottom:0;
}
}
.password-title {
margin-top: 0;
margin-bottom: 1.25rem;
color: #1b2120;
}
.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: #1b2120;
}
.password-mailinglist--container .password-mailinglist-title h1 {
margin-top: 0;
margin-bottom: 0;
}
.password-mailinglist--container .password-mailinglist-text {
font-size: var(--font-size-body-small);
}
.password-mailinglist--container .newsletter {
margin: 0 auto;
}
.password-social--title {
font-style: normal;
font-weight: 500;
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: #1b2120;
}
.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.03em;
display: block;
width: 100%;
white-space: nowrap;
}.passwordentry-contents .button-primary {
text-transform: none;
}@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: 45%;
}
.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;
}.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: #111111;
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;
}
.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;
}
}
.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: #1b2120;
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.03em;
}.slideshow-button {
text-transform: none;
}}
@media screen and (min-width: 1024px) {
.slideshow-button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.03em;
}.slideshow-button {
text-transform: none;
}}
@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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-body-smallest);
text-decoration: none;
}
.utility-bar-left,
.utility-bar-right {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.utility-bar-left {
justify-content: flex-start;
margin-right: auto;
}
.utility-bar-left a {
margin-right: 1.5rem;
}
.utility-bar-right {
justify-content: flex-end;
margin-left: auto;
}
.utility-bar-right a {
margin-left: 1.5rem;
}
/* Components */
@media screen and (min-width: 1024px) {
.site-footer-blocks {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
width: 100%;
max-width: 1600px;
margin-right: auto;
margin-left: auto;
}
}
.site-footer-block-item {
font-size: var(--font-size-body);
display: flex;
flex-direction: column;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1024px) {
.site-footer-block-item {
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
width: calc(25% - 1.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: Futura,sans-serif;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-footer-heading);
position: relative;
padding-top: 1.0rem;
padding-bottom: 1.0rem;
margin-top: 0;
margin-bottom: 0;
color: #000000;
letter-spacing: 0.03em;
}.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: #000000;
text-decoration: underline;
}
.site-footer-block-content.rte a:hover {
color: #ff9900;
}
.site-footer-block-content .navmenu-link {
color: #000000;
}
.site-footer-block-content .navmenu-link:hover {
color: #ff9900;
}
.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: #000000;
background: none;
border-color: #000000;
}
.site-footer-block-newsletter .newsletter .newsletter-input .form-field-title {
color: rgba(0, 0, 0, 0.6);
}
.site-footer-block-newsletter .newsletter .newsletter-input .form-field-title::before {
background: #ff9900;
}
.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(27, 33, 32, 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.03em;
padding-right: 1.0rem;
padding-left: 1.0rem;
}.newsletter .button-primary,
.newsletter .button-secondary {
text-transform: none;
}.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(810px + 2 * 10px);
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.page-content,
.page-masthead {
max-width: calc(810px + 2 * 1.75rem);
}
}
@media screen and (min-width: 1080px) {
.page-content,
.page-masthead {
max-width: calc(810px + 4 * 20px);
}
}
.page-title {
font-size: var(--font-size-heading-1);
color: #1b2120;
}
@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;
}
}
.navmenu-meganav.navmenu-meganav--desktop {
position: absolute;
left: 0;
float: left;
width: 100vw;
max-width: 100%;
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.33333%;
}
.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: #1b2120;
}
.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: #1b2120;
}
.site-navigation .navmenu-meganav--image-link {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-body);
display: block;
padding: 0;
letter-spacing: 0.0em;
color: #1b2120;
}
.site-navigation .navmenu-meganav--image-link:hover {
color: #494e4d;
}
.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: 99999;
display: none;
width: 100%;
height: 100%;
max-width: 325px;
overflow-x: hidden;
overflow-y: scroll;
color: #1b2120;
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: Futura,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(27, 33, 32, 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: 700;
font-size: var(--font-size-body-medium);
letter-spacing: 0.0em;
}
.mobile-nav-content .navmenu-item-highlighted > a {
color: #ff9900;
}
.mobile-nav-content .navmenu-item-highlighted > a:hover {
color: rgba(255, 153, 0, 0.7);
}
.mobile-nav-content .navmenu-depth-2 {
font-style: normal;
font-weight: 500;
font-size: var(--font-size-body);
letter-spacing: 0.0em;
background-color: #faf9f9;
}
.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: #1b2120;
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: #494e4d;
}
.mobile-nav-content .navmenu-link-parent-active ~ .navmenu-button {
color: #494e4d;
background: #faf9f9;
}
.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: #eeebeb;
}
.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: Futura,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.03em;
color: #1b2120;
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 {
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 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: #1b2120;
margin-top: 1.25rem;
margin-right: 1.75rem;
border-bottom: 2px solid transparent;
transition: border-color .15s ease, opacity .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 #1b2120;
}
.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 h2:first-child, .rte .tabs-content > li .grid > div h3:first-child, .rte .tabs-content > li .grid > div h4:first-child, .rte .tabs-content > li .grid > div h5:first-child, .rte .tabs-content > li .grid > div h6:first-child {
margin-top: 0;
}
.cart-item {
position: relative;
display: flex;
padding: 0.9375rem;
margin-bottom: 5px;
overflow: hidden;
background-color: transparent;
border-radius: 0px;
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(50px * 2 / 3);
}
}
@media screen and (min-width: 1080px) {
.cart-item {
margin-bottom: 50px;
}
}
.cart-item.removing {
height: 0 !important;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
border-top-width: 0;
border-bottom-width: 0;
}
.cartitems--no-spacing .cart-item {
padding: 0 0.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.5rem;
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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-product-card);
margin-top: 0;
margin-bottom: 0.5rem;
color: #1b2120;
}
.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: 700;
letter-spacing: 0.0em;
}
.cart-item--sale-price {
color: #757977;
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: #757977;
}
.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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--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.33333%;
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.33333% - 6.66667px);
}
.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.33333% - 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: 0px;
}
.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;
}
.disclosure {
--disclosure-toggle-text-color: #000000;
--disclosure-toggle-background-color: #ff9900;
--disclosure-toggle-border-color: rgba(0, 0, 0, 0.4);
--disclosure-toggle-svg-color: #000000;
--disclosure-text-color: #111111;
--disclosure-background-color: #ffffff;
}
.disclosure__toggle {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-body-small);
padding: 5px 28px 4px 10px;
border-radius: 0px;
}
.disclosure__toggle:focus {
border-color: #000000;
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: 0px;
box-shadow: 0 3px 4px rgba(128, 128, 128, 0.25);
}
.disclosure-list--visible {
animation: menu-animation 0.15s ease;
animation-fill-mode: forwards;
}
.disclosure-list__item {
font-size: var(--font-size-body-small);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.disclosure-list__item:hover {
background-color: #ececec;
}
.disclosure-list__item:hover .disclosure-list__option {
border-bottom-color: transparent;
}
.disclosure-list__item--current:hover .disclosure-list__option {
border-bottom-color: #111111;
}
.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: oblique;
color: #757977;
}
.article--comments-item cite strong {
font-size: var(--font-size-heading-5);
color: #1b2120;
}
.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: #1b2120;
}
.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.03em;
margin-top: 1.75rem;
}.article--comments-form .article-comment--submit {
text-transform: none;
}.article--comments-moderated {
font-family: Futura,sans-serif;
font-style: oblique;
font-weight: 500;
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: 500;
padding-left: 1.25rem;
margin-top: 0;
margin-bottom: 0;
letter-spacing: 0.0em;
}
.article--comments-message p {
font-style: normal;
font-weight: 500;
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: #757977;
}
.article--excerpt-wrapper {
flex-grow: 0;
flex-shrink: 0;
text-align: center;
background-color: #ffffff;
border-radius: 0px;
transition: width 0.1s ease;
}
.article--excerpt-wrapper .article-list-item {
width: 100%;
word-wrap: break-word;
}
.article--excerpt-wrapper.article--excerpt-wrapper--centered {
display: flex;
}
.article--excerpt-wrapper.article--excerpt-wrapper--centered .article-list-item {
display: flex;
}
.article--excerpt-wrapper.article--excerpt-wrapper--centered .article-list-item .article--excerpt-content {
vertical-align: middle;
}
.article--excerpt-image {
position: relative;
display: block;
height: 12.5rem;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0px 0px 0 0;
}
@media screen and (min-width: 720px) {
.article--excerpt-image {
height: 15.625rem;
}
}
@media screen and (min-width: 1024px) {
.blogposts--count-2 .article--excerpt-image {
height: 18.75rem;
}
}
.article--excerpt-content {
width: 100%;
padding: 1.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: #757977;
}
.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 #757977;
}
@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: #1b2120;
}
.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: #111111;
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 0px 0px 0;
}
@media screen and (min-width: 680px) {
.article--excerpt-wrapper--featured .article--excerpt-image {
height: 22.5rem;
}
}
@media screen and (min-width: 720px) {
.article--excerpt-wrapper--featured .article--excerpt-image {
height: 26.875rem;
}
}
@media screen and (min-width: 860px) {
.article--excerpt-wrapper--featured .article--excerpt-image {
height: 29.1875rem;
}
}
@media screen and (min-width: 1024px) {
.article--excerpt-wrapper--featured .article--excerpt-image {
height: 32.875rem;
}
}
.no-js .article--excerpt-wrapper--featured .article--excerpt-image {
height: auto;
}
.article--excerpt-wrapper--featured .article--excerpt-content {
font-size: var(--font-size-body);
padding: 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: #757977;
}
.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: #111111;
}
.processing--pagination .pagination__wrapper .button-primary {
/* display: none; */
}
.processing--pagination .pagination__wrapper .icon-loading {
height: 60px;
width: 60px;
opacity: 1;
color: #111111;
z-index: 11;
position: relative;
display: block;
top: 0;
left: calc(50% - 60px/ 2);
}
.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}.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: 800;
display: none;
width: 100%;
background-color: #ffffff;
outline: 0;
box-shadow: 0 3px 3px rgba(128, 128, 128, 0.15);
transition: text-shadow 0.275s linear;
}
.site-header--sticky .atc-banner--container {
position: absolute;
top: 100%;
}
.atc-banner--outer {
position: relative;
padding-top: 1.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: #1b2120;
}
.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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: #757977;
}
.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-banner--cart-subtotal {
font-size: var(--font-size-heading-4);
}
.atc-subtotal--label {
color: #757977;
}
.atc-subtotal--price {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
display: inline-block;
margin-left: 0.5rem;
color: #1b2120;
}
.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.03em;
margin-bottom: 0.5rem;
margin-left: 0.5rem;
}.atc-button--viewcart,
.atc-button--checkout {
text-transform: none;
}.atc-button--checkout {
display: flex;
align-items: center;
justify-content: center;
}
.atc-button--checkout svg {
margin: -10px 10px -10px 0;
}
.atc-banner--close {
position: absolute;
top: 15px;
right: 15px;
color: #111111;
}
@media screen and (min-width: 1024px) {
.atc-banner--close {
right: 25px;
}
}
.message-banner--container {
position: fixed;
top: 0;
z-index: 800;
display: none;
width: 100%;
transition: text-shadow 0.275s linear;
}
.site-header--sticky .message-banner--container {
position: absolute;
top: 100%;
}
.message-banner--outer {
position: relative;
}
.message-banner--inner {
width: 100%;
max-width: 820px;
padding-top: 0.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: #000000;
}
.social-icons-dark-light .social-link svg {
background-color: rgba(0, 0, 0, 0.15);
}
.social-icons-inverted .social-link {
color: #ff9900;
}
.social-icons-inverted .social-link svg {
background-color: #000000;
}
.social-icons-colored .social-link {
color: #fff;
}
.social-icons-colored .social-link svg {
background-color: #000;
}
.social-icons-colored .social-link.social-link-facebook svg {
background-color: #4267b1;
}
.social-icons-colored .social-link.social-link-twitter svg {
background-color: #1da1f2;
}
.social-icons-colored .social-link.social-link-pinterest svg {
background-color: #cc2129;
}
.social-icons-colored .social-link.social-link-instagram svg {
background-color: #000;
}
.social-icons-colored .social-link.social-link-tumblr svg {
background-color: #001935;
}
.social-icons-colored .social-link.social-link-vimeo svg {
background-color: #1eb8ea;
}
.social-icons-colored .social-link.social-link-youtube svg {
background-color: #ff0000;
}
.social-icons-colored .social-link.social-link-linkedin svg {
background-color: #0077b5;
}
@media screen and (max-width: 859px) {
.productgrid--sidebar {
display: none;
}
}
@media screen and (min-width: 860px) {
.productgrid--sidebar {
float: left;
width: 185px;
}
}
.productgrid--sidebar.processing--filter .filter-item a {
cursor: default;
}
.productgrid--sidebar-section,
.productgrid--sidebar-title {
margin-top: 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: #1b2120;
}
.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}.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;
}
}
@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: 0.0px;
}
.processing--filter .productgrid--utils * {
cursor: default;
}
@media screen and (max-width: 859px) {
.productgrid--utils.productgrid--utils--visible-mobile {
display: table;
}
}
@media screen and (min-width: 860px) {
.productgrid--utils {
display: table;
}
.productgrid--utils.productgrid--utils--hidden-desktop {
display: none;
}
}
.productgrid--items {
display: flex;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 1.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, 1fr);
grid-gap: 5px 10px;
}
@media screen and (max-width: 859px) and (min-width: 680px) {
.productgrid--items {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 860px) {
.productgrid--items {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 1079px) and (min-width: 720px) {
.productgrid--items {
grid-gap: calc(50px * 2 / 3) calc(20px * 2 / 3);
}
}
@media screen and (min-width: 1080px) {
.productgrid--items {
grid-gap: 50px 20px;
}
}
@media screen and (max-width: 1023px) and (min-width: 860px) {
.layout--has-sidebar .productgrid--items {
grid-template-columns: repeat(3, 1fr);
}
}
}
.productgrid--item {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
justify-content: flex-start;
border-radius: 0px;
transition: text-shadow 0.25s linear;
}
.productgrid--no-spacing .productgrid--item {
border-radius: 0;
}
.productgrid--no-spacing .productgrid--item .productitem--image {
border-radius: 0px;
}
@media screen and (min-width: 1024px) {
.productgrid--item.animating, .productgrid--item.visible {
z-index: 200;
}
.productgrid--item:hover {
z-index: 300;
}
}
@media screen and (max-width: 679px) {
.productgrid--items .productgrid--item {
width: calc(50% - 5px);
margin-top: 10px;
margin-left: 10px;
}
.productgrid--items .productgrid--item:nth-child(2n + 1) {
margin-left: 0;
}
.productgrid--items .productgrid--item:nth-child(-n + 2) {
margin-top: 0;
}
}
@media screen and (max-width: 859px) and (min-width: 680px) {
.productgrid--items .productgrid--item {
width: calc(33.33333% - 6.66667px);
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.33333% - 13.33333px);
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: 1.25rem;
}
}
@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: #1b2120;
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: rgba(0,0,0,0);
}
.productgrid-listview .productgrid--item .productitem--action-qs:not(.disabled):hover {
border-color: rgba(0,0,0,0);
}
@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: 0px;
}
.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: 7.5rem;
}
}
@media screen and (min-width: 860px) {
.no-touch .productgrid-listview .productitem--actions,
.productgrid-listview .productitem--actions {
display: block;
flex: 0 0 200px;
}
.no-touch .productgrid-listview .productitem--actions .productitem--image-link,
.productgrid-listview .productitem--actions .productitem--image-link {
width: 25%;
}
.no-touch .productgrid-listview .productitem--actions .productitem--listview-price,
.productgrid-listview .productitem--actions .productitem--listview-price {
display: block;
}
.no-touch .productgrid-listview .productitem--actions .productitem--listview-badge,
.productgrid-listview .productitem--actions .productitem--listview-badge {
display: flex;
}
.no-touch .productgrid-listview .productitem--actions .productitem--action,
.productgrid-listview .productitem--actions .productitem--action {
width: 100%;
margin-top: 0.5rem;
margin-right: 0;
padding: 0;
}
}
.productgrid-listview .productitem--swatches {
position: relative;
order: 1;
opacity: 1;
visibility: visible;
}
.productgrid-listview .productitem--swatches-show-on-hover {
padding: 0;
}
.productgrid-listview .productitem--description {
order: 2;
}
.productgrid-listview .productitem {
display: grid;
grid-template-columns: 25% 75%;
grid-template-rows: auto minmax(0, 1fr);
}
@media screen and (min-width: 860px) {
.productgrid-listview .productitem {
display: flex;
justify-content: space-between;
}
}
.productgrid-listview .productitem--info,
.productgrid-listview .productgrid--no-spacing .productitem--info {
display: flex;
flex-direction: column;
padding: 0;
margin: 0 0 0 25px;
}
@media screen and (min-width: 860px) {
.productgrid-listview .productitem--info,
.productgrid-listview .productgrid--no-spacing .productitem--info {
width: 50%;
margin: 0 50px 0 25px;
}
}
@media screen and (min-width: 860px) {
.productgrid-listview .productitem--info .productitem--price,
.productgrid-listview .productgrid--no-spacing .productitem--info .productitem--price {
display: none;
}
}
@media screen and (max-width: 859px) and (min-width: 680px) {
.productgrid-listview .productitem--info .productitem--price,
.productgrid-listview .productgrid--no-spacing .productitem--info .productitem--price {
margin-top: 0.5rem;
}
}
@media screen and (min-width: 860px) {
.productgrid-listview .productitem--title {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-product-card);
color: #1b2120;
}
}
.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: 700;
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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}@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: 700;
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 {
font-size: var(--font-size-body-smaller);
max-width: 100%;
padding-top: 0;
padding-bottom: 0;
background-color: transparent;
color: #111111;
border: 0;
box-shadow: none;
}
.utils-sortby-select .form-field-select:focus {
outline: 5px auto -webkit-focus-ring-color;
}
.utils-sortby-select svg {
color: #111111;
}
.utils-sortby--modal {
display: none;
}
.utils-sortby--modal-title {
font-style: normal;
font-weight: 700;
font-size: var(--font-size-heading-5);
display: block;
margin-bottom: 1.25rem;
letter-spacing: 0.0em;
color: #1b2120;
}
.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: #111111;
}
.utils-showby {
display: flex;
margin-top: 0;
margin-bottom: 0;
text-align: right;
}
@media screen and (max-width: 859px) {
.utils-showby {
display: none;
}
}
.utils-showby li {
display: block;
list-style: none;
}
.utils-showby li:not(:first-child) {
margin-left: 1.0rem;
}
.utils-showby-title {
font-size: var(--font-size-body-small);
letter-spacing: 0.0em;
}.utils-showby-title {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}.utils-showby-item {
font-size: var(--font-size-body-smaller);
}
.utils-showby-item:hover {
color: #111111;
}
.processing--filter .utils-showby-item:hover {
color: #111111;
}
.processing--filter .utils-showby-item.utils-showby-item--active:hover {
color: #111111;
}
.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}@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 .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: #111111;
}
.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: #111111;
}
.utils-viewtoggle-button:focus {
box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.2);
}
.utils-viewtoggle-button:focus.active {
border-color: #ff9900;
box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.4);
}
.results--container:not(.processing--filter) .utils-viewtoggle-button:hover:not(.active) {
color: #444444;
}
.utils-viewtoggle-button.active {
color: #ffffff;
background: #111111;
}
@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: #111111;
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: center;
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.5rem 0 0.25rem;
}
.featured-collection--container .product-row {
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 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% - calc(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% - calc(20px * 3 / 4));
}
}
@media screen and (min-width: 1080px) {
.product-row .productgrid--item {
width: calc(20% - calc(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: 0px;
}
.product-row.product-row--no-spacing .productitem--info,
.product-row.product-row--no-spacing .productitem--swatches-container {
background-color: transparent;
}
@media screen and (min-width: 1024px) {
.no-touch .product-row:not(.product-row--no-spacing) .productitem--action-trigger {
border-radius: 0;
}
.no-touch .product-row:not(.product-row--no-spacing) .productitem--action-trigger.productitem--action-qs {
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
.no-touch .product-row:not(.product-row--no-spacing) .productitem--action-trigger.productitem--action-qs:not(.disabled):hover {
border-right-color: #ff9900;
border-bottom-color: #ff9900;
border-left-color: #ff9900;
}
}
.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(27, 33, 32, 0);
transition: box-shadow 0.15s ease;
}.filter-item--swatch-wrapper {
border-radius: calc(0.0px * 0.75);
}.filter-item--swatch {
height: 100%;
overflow: hidden;
pointer-events: none;
transition: transform 0.15s ease;
}.filter-item--swatch {
border-radius: calc(0.0px * 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% - calc(0.5625rem + 0.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: #111111;
background-color: rgba(17, 17, 17, 0.1);
border-color: rgba(17, 17, 17, 0.8);
}
.filter-item--inactive a:hover {
color: #111111;
}
.filter-item--active {
transition-duration: 0s;
}
.filter-item--active a {
letter-spacing: 0.0em;
}.filter-item--active a {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}.filter-item--active a, .filter-item--active a:hover {
color: #111111;
}
.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: #111111;
}
.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}.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;
}
}
.productgrid--sidebar-menu .navmenu-link--active {
font-style: normal;
font-weight: 700;
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: #1b2120;
}
@media screen and (max-width: 719px) {
.productgrid--search-form-field {
height: 3.125rem;
font-size: 1.25rem;
}
}
.productgrid--search-form-field:-ms-input-placeholder {
color: currentColor;
opacity: rgba(27, 33, 32, 0.6);
}
.productgrid--search-form-field::placeholder {
color: currentColor;
opacity: rgba(27, 33, 32, 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: #ff9900;
}
.productgrid--search-button .search-icon--active {
color: rgba(27, 33, 32, 0.2);
}
.productitem {
position: relative;
flex-grow: 1;
width: 100%;
min-height: 100%;
padding: 0.9375rem;
background: #f7f7f7;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
border-radius: 0px;
transition: height 0.25s ease, box-shadow 0.25s ease;
}
.productgrid--no-spacing .productitem {
flex-grow: 0;
min-height: auto;
padding: 0;
background: transparent;
border-radius: 0;
}
@media screen and (min-width: 1024px) {
/*
.productgrid--item.animating .productitem,
.productgrid--item.visible .productitem {
position: absolute;
}
*/
.productgrid--items:not(.productgrid--no-spacing) .productgrid--item.animating .productitem {
overflow: hidden;
}
}
.no-touch .productitem:hover, .no-touch .productitem:focus, .no-touch
.visible .productitem {
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
}
.productgrid--no-spacing .productitem:hover, .productgrid--no-spacing .productitem:focus, .productgrid--no-spacing
.visible .productitem {
box-shadow: none;
}
.productitem:hover .productitem--image-alternate ~ .productitem--image-primary, .productitem:focus .productitem--image-alternate ~ .productitem--image-primary,
.visible .productitem .productitem--image-alternate ~ .productitem--image-primary {
visibility: hidden;
}
.productitem:hover .productitem--image-alternate, .productitem:focus .productitem--image-alternate,
.visible .productitem .productitem--image-alternate {
visibility: visible;
}
.productitem--badge {
position: absolute;
bottom: 0;
left: 0;
width: auto;
height: auto;
font-size: 0.8125rem;
}
.productitem--info {
position: relative;
z-index: 100;
padding: 0.75rem 0.9375rem 0;
margin-right: -0.9375rem;
margin-left: -0.9375rem;
background-color: #f7f7f7;
}
.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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: #ff9900;
}
.productitem--title {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-body-smallest);
margin: 0.25rem 0 0;
display: block;
line-height: 1.3125;
letter-spacing: 0.03em;
color: #494e4d;
white-space: normal;
}.productitem--vendor {
text-transform: none;
}.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: 0 -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 0px 0px;
}
}
.productgrid--no-spacing .productitem--actions {
background: #ffffff;
}
@media screen and (min-width: 1024px) {
.product-row--no-spacing .productitem--actions,
.productgrid--no-spacing .productitem--actions {
margin-right: -2.5%;
border-radius: 0;
}
}
.productitem--actions,
.productitem--swatches-show-on-hover {
transition: opacity 0.20s 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: 0px;
}
@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: 0px;
}
.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.5rem 0 0.25rem;
}
@media screen and (min-width: 1024px) {
.no-touch .productgrid--outer.productgrid-gridview .productgrid--items:not(.productgrid--no-spacing) .productitem--action-trigger {
border-radius: 0;
}
.no-touch .productgrid--outer.productgrid-gridview .productgrid--items:not(.productgrid--no-spacing) .productitem--action-trigger.productitem--action-qs {
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
.no-touch .productgrid--outer.productgrid-gridview .productgrid--items:not(.productgrid--no-spacing) .productitem--action-trigger.productitem--action-qs:not(.disabled):hover {
border-right-color: #ff9900;
border-bottom-color: #ff9900;
border-left-color: #ff9900;
}
}
.productgrid--outer.productgrid-listview .productitem--listview-stock-level {
display: block;
text-align: left;
}
.productgrid--outer.productgrid-listview .productitem--listview-stock-level .product--stock-level {
justify-content: flex-end;
margin-top: 0.5rem;
}
.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: #ff9900;
border: 1px solid #ff9900;
}
.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: #f7f7f7;
}
.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(27, 33, 32, 0);
transition: box-shadow 0.15s ease;
margin-right: 6px;
margin-bottom: 6px;
overflow: hidden;
}.productitem--swatches-swatch-wrapper {
border-radius: calc(0.0px * 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: Futura,sans-serif;
font-style: normal;
font-weight: 700;
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(0.0px * 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 #1b2120;
}
.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(0.0px * 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: #757977;
}
.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;
}
}
.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: #1b2120;
line-height: 1.2;
}
@media screen and (min-width: 720px) {
.product-title {
font-size: var(--font-size-heading-1);
}
}
.product-title a {
color: #1b2120;
text-decoration: none;
}
.product-vendor {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-body);
letter-spacing: 0.03em;
margin-top: 0.25rem;
line-height: 1.6;
color: #757977;
}.product-vendor {
text-transform: none;
}.product-vendor a {
color: #494e4d;
}
.product-vendor a:hover {
color:
#3f4343
;
}
.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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: 1.0rem 0 1.25rem;
font-size: 0.875rem;
line-height: 1.5;
color: #757977;
}
.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: #ff9900;
}
.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: #1b2120;
}
@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;
}
.price--compare-at {
display: none;
font-size: 0.8125rem;
line-height: 1.38;
color: #959897;
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: #1b2120;
}
.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;
}
.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}.badge--soldout {
color: #ffffff;
background-color: #1b2120;
border: 0;
}
.badge--sale {
color: #ffffff;
background-color: #ff9900;
}
.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: #1b2120;
}
@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: #757977;
}
.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: #1b2120;
}
.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:-ms-input-placeholder {
transform: translateY(0);
}
.product-reviews--content .spr-form .spr-form-input::placeholder {
transform: translateY(0);
}
.product-reviews--content .spr-form .spr-form-input-text,
.product-reviews--content .spr-form .spr-form-input-email,
.product-reviews--content .spr-form .spr-form-input-textarea {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
margin-bottom: 0;
}
.product-reviews--content .spr-form .spr-form-input-text:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-email:-ms-input-placeholder, .product-reviews--content .spr-form .spr-form-input-textarea:-ms-input-placeholder {
color: #1b2120;
opacity: 0.4;
}
.product-reviews--content .spr-form .spr-form-input-text::placeholder,
.product-reviews--content .spr-form .spr-form-input-email::placeholder,
.product-reviews--content .spr-form .spr-form-input-textarea::placeholder {
color: #1b2120;
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.03em;
float: none;
}.product-reviews--content .spr-form .spr-button-primary {
text-transform: none;
}.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: #1b2120;
}
.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: #757977;
opacity: 1;
}
.product-reviews--content .spr-content .spr-review .spr-review-header-byline strong {
font-style: normal;
font-weight: 500;
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: 0px;
}
@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: #1b2120;
}
@media screen and (max-width: 859px) {
.product-recently-viewed-heading {
margin-bottom: 0.25rem;
}
}
.product-recently-viewed-clear {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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: #111111;
}
.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: #1b2120;
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;
vertical-align: middle;
border-radius: 0;
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 rgba(17, 17, 17, 0.7);
}
.product-gallery--media-thumbnail[data-gallery-selected="true"] {
box-shadow: 0 0 0 2px #111111;
}
.product-gallery--media-thumbnail[data-gallery-selected="true"]:focus {
box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.8), 0 0 10px 0 #111111;
}
.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: #1b2120;
z-index: 1;
border-radius: calc(0px / 2);
box-shadow: 0 0 0 1px rgba(27, 33, 32, 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;
align-items: center;
margin-right: 0.5rem;
}
}
@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-height: 35rem;
max-width: 4.875rem;
}
}
@media screen and (min-width: 720px) {
[data-product-gallery-thumbnails="left"] .gallery-navigation--scroller {
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 34.375rem;
}
[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;
}
[data-product-gallery-thumbnails="left"] .product-gallery--media-thumbnail-img {
width: 100%;
max-width: auto;
max-height: 100%;
height: 90px;
object-fit: cover;
}
[data-product-gallery-thumbnails="left"] .product-gallery--viewer {
padding: 0;
}
[data-product-gallery-thumbnails="left"] .product-gallery--thumbnail {
width: 100%;
}
[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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
color: #111111;
background-color: rgba(27, 33, 32, 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: -webkit-sticky;
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=\"%23liquid-object(\"settings.color_text_headings | color_to_hex | replace: '#', '' \")\" fill-opacity=\"0.16\"/><path opacity=\"0.9\" d=\"M38.5 75C58.658 75 75 58.658 75 38.5\" stroke=\"%23liquid-object(\"settings.color_text_headings | color_to_hex | replace: '#', '' \")\" 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;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
transform-origin: left top;
/* for open/close transition */
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/* <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;
-ms-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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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: 0px;
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: #1b2120;
--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(27, 33, 32, 0.05);
border-radius: 0px;
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: 0px;
}
.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: #1b2120;
background-color: #ffffff;
border: 1px solid rgba(27, 33, 32, 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(27, 33, 32, 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(27, 33, 32, 0.05);
border-radius: 0;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:last-child {
border-bottom: 0;
}
.plyr.plyr--video {
color: #1b2120;
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: #1b2120;
background: #ffffff;
border: none;
}
.plyr.plyr--video .plyr__control[data-plyr="play"] {
border-radius: 0px 0 0 0px;
overflow: hidden;
}
.plyr.plyr--video .plyr__control[data-plyr="fullscreen"] {
border-radius: 0 0px 0px 0;
overflow: hidden;
}
.plyr.plyr--video > .plyr__control[data-plyr="play"] {
height: 3.75rem;
width: 3.75rem;
padding: 0;
background: #ffffff;
border-radius: 0px;
box-shadow: 0 0 0 1px rgba(27, 33, 32, 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(27, 33, 32, 0.6);
opacity: 0.6;
}
.plyr.plyr--video .plyr__control--overlaid.plyr__tab-focus,
.plyr.plyr--video .plyr__control--overlaid:hover {
color: #1b2120;
}
.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: 0px;
box-shadow: 0 0 0 1px rgba(27, 33, 32, 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: #1b2120;
}
.plyr.plyr--video .plyr__tooltip:before {
border-top: 4px solid #1b2120;
}
.plyr.plyr--video.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
background-image: linear-gradient(to right, #1b2120 var(--value, 0%), rgba(27, 33, 32, 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(27, 33, 32, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 4px rgba(27, 33, 32, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(27, 33, 32, 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(27, 33, 32, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type="range"]:active::-moz-range-track {
box-shadow: 0 0 0 3px rgba(27, 33, 32, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type="range"]:active::-ms-thumb {
box-shadow: 0 0 0 3px rgba(27, 33, 32, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume {
background-color: #1b2120;
}
.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 #1b2120;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type="range"]::-moz-range-track {
color: #ffffff;
box-shadow: 2px 0 0 0 #1b2120;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type="range"]::-ms-thumb {
color: #ffffff;
box-shadow: 2px 0 0 0 #1b2120;
}
.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: calc(100% - .75rem - 7.1875rem);
}
.product-form--atc-button {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.03em;
width: calc(100% - 0.75rem - 7.1875rem);
padding-right: 0.3125rem;
padding-left: 0.3125rem;
margin-left: 0.75rem;
}.product-form--atc-button {
text-transform: none;
}.product-form--atc-button.disabled {
color: #ffffff;
background-color: #ff9900;
border: 1px solid #ff9900;
}
@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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
letter-spacing: 0.0em;
}
.product-options-style-radio .option-name {
letter-spacing: 0.0em;
}.product-options-style-radio .option-name {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}@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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}.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 {
box-shadow: #1b2120 0 0 0 1px;
}
.option-value-input:checked + .option-value-name {
color: #1b2120;
background-color: rgba(27, 33, 32, 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(27, 33, 32, 0);
transition: box-shadow 0.15s ease;
}.option-value-input + .option-value-swatch-wrapper {
border-radius: calc(0.0px * 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(0.0px * 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 {
box-shadow: 0 0 2px 2px #1b2120;
}
.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.03em;
width: 100%;
margin-top: 1.25rem;
}.in-stock-notification-form button {
text-transform: none;
}.product--stock-level {
font-size: var(--font-size-body-small);
display: flex;
align-items: center;
margin: 1.25rem 0;
}
.product--stock-level .stock-level--availability {
padding-right: 0.35rem;
}.product--stock-level .stock-level--availability {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
}.product--stock-level.stock-level--in-stock .stock-level--text, .product--stock-level.stock-level--in-stock svg {
color: #494e4d;
}
.product--stock-level.stock-level--in-stock svg {
margin-right: 0.25rem;
}
.product--stock-level.stock-level--low-stock .stock-level--text {
color: #d2d2d2;
}
.product--stock-level.stock-level--low-stock svg {
display: none;
}
.product--stock-level.stock-level--no-stock .stock-level--text {
color: #ff9900;
}
.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.03em;
width: 100%;
margin-top: 1.0rem;
margin-left: 0;
}.smart-payment-enabled .product-form--atc-button {
text-transform: none;
}.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.03em;
}.shopify-payment-button .shopify-payment-button__button--unbranded {
text-transform: none;
}.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-heading-6);
padding-bottom: 1.0rem;
color: #1b2120;
}
.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: Futura,sans-serif;
font-style: normal;
font-weight: 500;
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: 700;
letter-spacing: 0.0em;
}
.video {
position: relative;
width: 100%;
padding-bottom: 56.25%;
z-index: 2;
}
.video.video-aspect-ratio-21-9 {
padding-bottom: 42.85714%;
}
.video iframe {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
background-color: #000;
border-radius: 0px;
}
.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: 0px;
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: 0px;
}
.video-play-button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 3.75rem;
height: 3.75rem;
padding: 0;
margin: 0;
color: #1b2120;
background: #ffffff;
cursor: pointer;
border: none;
border-radius: 0px;
box-shadow: 0 0 0 1px rgba(27, 33, 32, 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;
}
.live-search {
position: relative;
z-index: 150;
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: var(--font-size-input);
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
width: calc(100% - 53px);
padding-top: 0.875rem;
padding-bottom: 0.875rem;
color: #313534;
vertical-align: top;
background-color: #ffffff;
border-color: #757977;
border-style: solid;
border-top-width: 1px;
border-right-width: 0;
border-bottom-width: 1px;
border-left-width: 1px;
border-radius: 0px 0 0 0px;
transition: border 0.1s ease, box-shadow 0.1s ease;
}.form-field .live-search-form-field:-ms-input-placeholder {
color: rgba(49, 53, 52, 0.6);
transform: translateY(0);
opacity: 1;
}
.form-field .live-search-form-field::placeholder {
color: rgba(49, 53, 52, 0.6);
transform: translateY(0);
opacity: 1;
}
.form-field .live-search-form-field:focus {
border-color: #757977;
}
.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: 200;
width: 100%;
padding-right: 100px;
border: none;
color: #1b2120;
background-color: #ffffff;
}
.live-search--takeover .form-field .live-search-form-field:-ms-input-placeholder {
color: #1b2120;
}
.live-search--takeover .form-field .live-search-form-field::placeholder {
color: #1b2120;
}
@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: #ff9900;
vertical-align: top;
background-color: #ffffff;
border-color: #757977;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0;
border-radius: 0 0px 0px 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: 700;
font-size: var(--font-size-body);
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 250;
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(17, 17, 17, 0.5);
outline-offset: -3px;
}
.search-flydown {
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);
}
.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: 700;
margin-top: 0;
margin-bottom: 0;
margin-left: 15px;
font-size: 1.0625rem;
letter-spacing: 0.0em;
color: #1b2120;
}
.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: #111111;
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: #ececec;
}
.search-flydown--quicklinks-link:focus {
outline: none;
}
.search-flydown--product-items--none,
.search-flydown--product-items {
display: block;
}
.search-flydown--results--content-enabled .search-flydown--product-items--none, .search-flydown--results--content-enabled
.search-flydown--product-items {
display: inline-block;
width: 64%;
vertical-align: top;
}
.live-search--takeover .search-flydown--results--content-enabled .search-flydown--product-items--none, .live-search--takeover .search-flydown--results--content-enabled
.search-flydown--product-items {
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: #ececec;
}
.search-flydown--product:focus {
outline: solid rgba(17, 17, 17, 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;
}
.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-title .highlight {
background-color: #fffbd9;
}
.search-flydown--product-price {
font-size: var(--font-size-body-small);
font-style: normal;
font-weight: 700;
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: #1b2120;
}
.search-flydown--product-price-has-sale .search-flydown--product-price--main {
margin-right: 0.4375rem;
color: #ff9900;
}
.search-flydown--product-price--compare-at {
color: #959897;
text-decoration: line-through;
}
.search-flydown--swatches {
font-size: var(--font-size-body-smallest);
color: #757977;
line-height: 1.5;
}
.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: #1b2120;
}
.search-flydown--product-items--none p {
margin-top: 1.25rem;
margin-bottom: 0;
}.search-flydown--continue:focus {
outline: solid rgba(17, 17, 17, 0.5);
outline-offset: 4px;
}
.search-flydown--content-items {
display: inline-block;
width: 36%;
padding: 1.25rem 25px 1.75rem;
vertical-align: top;
}
.live-search--takeover .search-flydown--content-items {
display: none;
}
.search-flydown--content-title {
font-size: var(--font-size-body-smaller);
margin-top: 0;
margin-bottom: 0;
color: #757977;
}
.search-flydown--content-items-list {
font-size: var(--font-size-body);
padding-left: 0;
margin-top: 0.75rem;
list-style: none;
}
.search-flydown--content-item {
font-size: var(--font-size-body);
margin-top: 0.5rem;
line-height: 1.56;
}
.search-flydown--content-item a:focus {
outline: solid rgba(17, 17, 17, 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;
}
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.03em;
}.shortcode--product-cta:not([hidden]):not([button-size]) {
text-transform: none;
}.shortcode--product-cta:not([hidden])[button-size="small"] {
font-size: var(--font-size-button-small);
padding: 0.6875rem 1.375rem;
letter-spacing: 0.03em;
}.shortcode--product-cta:not([hidden])[button-size="small"] {
text-transform: none;
}.shortcode--product-cta:not([hidden])[button-size="medium"] {
font-size: var(--font-size-button-medium);
padding: 0.875rem 1.375rem;
letter-spacing: 0.03em;
}.shortcode--product-cta:not([hidden])[button-size="medium"] {
text-transform: none;
}.shortcode--product-cta:not([hidden])[button-size="large"] {
font-size: var(--font-size-button-large);
padding: 0.875rem 2.125rem;
letter-spacing: 0.03em;
}.shortcode--product-cta:not([hidden])[button-size="large"] {
text-transform: none;
}.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 {
margin-top: 1.75rem;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
details + details {
margin-top: 0;
border-top: none;
}
.rte details + p,
.rte details + div {
margin-top: 1.75rem;
}
details[open] {
padding-bottom: 1.0rem;
}
@media screen and (min-width: 720px) {
details[open] {
padding-bottom: 1.75rem;
}
}
details[open] summary ~ * {
animation: sneak-in 0.4s ease-in-out;
}
details[open] summary::after {
transform: translateY(-50%) rotateX(180deg);
}
details > div > h1:first-child, details > div > h2:first-child, details > div > h3:first-child, details > div > h4:first-child, details > div > h5:first-child, details > div > h6:first-child {
margin-top: 1.0rem;
}
details .grid {
width: auto;
}
details .grid:not(.mobile-stacked) > div h1:first-child, details .grid:not(.mobile-stacked) > div h2:first-child, details .grid:not(.mobile-stacked) > div h3:first-child, details .grid:not(.mobile-stacked) > div h4:first-child, details .grid:not(.mobile-stacked) > div h5:first-child, details .grid:not(.mobile-stacked) > div h6:first-child {
margin-top: 0;
}
details .grid:not(.mobile-stacked) div:nth-child(1) h1:first-child, details .grid:not(.mobile-stacked) div:nth-child(1) h2:first-child, details .grid:not(.mobile-stacked) div:nth-child(1) h3:first-child, details .grid:not(.mobile-stacked) div:nth-child(1) h4:first-child, details .grid:not(.mobile-stacked) div:nth-child(1) h5:first-child, details .grid:not(.mobile-stacked) div:nth-child(1) h6:first-child,
details .grid:not(.mobile-stacked) div:nth-child(2) h1:first-child,
details .grid:not(.mobile-stacked) div:nth-child(2) h2:first-child,
details .grid:not(.mobile-stacked) div:nth-child(2) h3:first-child,
details .grid:not(.mobile-stacked) div:nth-child(2) h4:first-child,
details .grid:not(.mobile-stacked) div:nth-child(2) h5:first-child,
details .grid:not(.mobile-stacked) div:nth-child(2) h6:first-child {
margin-top: 1.0rem;
}
@media screen and (min-width: 720px) {
details .grid.mobile-stacked > div h1:first-child, details .grid.mobile-stacked > div h2:first-child, details .grid.mobile-stacked > div h3:first-child, details .grid.mobile-stacked > div h4:first-child, details .grid.mobile-stacked > div h5:first-child, details .grid.mobile-stacked > div h6:first-child {
margin-top: 0;
}
}
details .grid.mobile-stacked div:nth-child(1) h1:first-child, details .grid.mobile-stacked div:nth-child(1) h2:first-child, details .grid.mobile-stacked div:nth-child(1) h3:first-child, details .grid.mobile-stacked div:nth-child(1) h4:first-child, details .grid.mobile-stacked div:nth-child(1) h5:first-child, details .grid.mobile-stacked div:nth-child(1) h6:first-child {
margin-top: 1.0rem;
}
@media screen and (min-width: 720px) {
details .grid.mobile-stacked div:nth-child(2) h1:first-child, details .grid.mobile-stacked div:nth-child(2) h2:first-child, details .grid.mobile-stacked div:nth-child(2) h3:first-child, details .grid.mobile-stacked div:nth-child(2) h4:first-child, details .grid.mobile-stacked div:nth-child(2) h5:first-child, details .grid.mobile-stacked div:nth-child(2) h6:first-child {
margin-top: 1.0rem;
}
}
summary {
font-family: Futura,sans-serif;
font-style: normal;
font-weight: 500;
font-size: var(--font-size-heading-4);
position: relative;
display: block;
color: #1b2120;
cursor: pointer;
}
summary .summary-wrapper {
padding: 1.0rem 1.75rem 1.0rem 0;
outline: none;
}
@media screen and (min-width: 720px) {
summary .summary-wrapper {
padding: 1.75rem 1.75rem 1.75rem 0;
}
}
summary .headline {
margin: 0;
}
summary .sub-headline {
font-family: {
{
fonts_type_body_family
}
}
;
font-style: {
{
fonts_type_body_style
}
}
;
font-weight: {
{
fonts_type_body_weight
}
}
;
font-size: var(--font-size-body);
display: block;
color: {
{
settings.color_text_light_text
}
}
;
}
summary::-webkit-details-marker {
display: none;
}
summary::before {
display: none;
}
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=\"%23liquid-object(\"settings.color_text_headings | color_to_hex | replace: '#', '' \")\" stroke-width=\"1.75\" stroke-linecap=\"square\"/><path d=\"M7 6.75L1.5 1.25\" stroke=\"%23liquid-object(\"settings.color_text_headings | color_to_hex | replace: '#', '' \")\" 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);
}
.site-header-icon.site-header-cart-icon i {
font-size: 22px;
}
.template-index .announcement-bar {
transform: inherit;
}
.announcement-bar-text {
padding: 10px 0;
position: relative;
z-index: 999;
font-weight: 100;
letter-spacing: 2.5px;
font-size: 12px;
max-width: 100%;
}
.template-index .announcement-bar-text {
background-color: #00000042;
}
.announcement-bar-text {
background-color: #fff;
}
.template-collection .announcement-bar-text {
background-color: #fff !important;
}
.template-index .productitem--info {
text-align: center;
}
.site-footer .site-footer-block-newsletter .newsletter .newsletter-input .form-field-input {
border: none;
border-bottom: 1px solid #ff9900;
}
.site-footer button.form-field.newsletter-submit.button-primary {
display: none;
}
.site-footer input#footer_newsletter_email:focus+label {
display: none;
}
.site-footer .site-footer-block-content.rte {
text-align: right;
font-size: 12px;
letter-spacing: 1.5px;
font-weight: 600;
}
.site-footer .social-icons {
justify-content: flex-end;
}
.site-footer .social-icons-inverted .social-link svg {
color: #000 !important;
background-color: transparent !important;
}
.site-footer .social-icons-inverted .social-link svg:hover {
color: #f90 !important
}
.site-footer .site-footer-block-newsletter .newsletter {
padding-bottom: 10px;
}
.site-footer .site-footer-block-newsletter .site-footer-block-content {
margin-bottom: 10px;
}
.site-footer-block-item.site-footer-block-newsletter {
width: 50%;
}
form#footer_newsletter_0e0f7366-c57e-4f59-bb06-8d89caecf692 {
max-width: 300px;
}
.site-footer .main-news {
max-width: 300px;
width: 100%;
}
h2.site-footer-block-title {
visibility: hidden;
padding: 0;
}
.site-footer li.navmenu-item a {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2.1px;
font-weight: 600;
font-family: Futura, sans-serif;
}
.site-footer-information__payment-icons-cross-border {
display: none;
}
.site-footer-information-nav-credits {
text-align: center;
}
.footer-logo {
margin: 0 0 20px;
}
.footer-logo img {
max-width: 100px;
}
.template-index .site-navigation a {
color: #fff!important;
}
.template-index .site-header-icon {
color: #ffff;
}
.site-footer {
background-color: transparent!important;
}
.site-footer .form-field-title {
z-index: auto;
}
.template-index .productitem--actions {
display: none;
}
body {
background-image: url(/cdn/shop/files/DE.txt.jpg?v=1626334752);
background-size: contain;
background-position: center;
}
#shopify-section-1626258188a2124faa .featured-collection--container .home-section--title {
color: #000;
font-weight: 500;
}
.site-navigation a:focus {
outline: none;
}
.template-index article.productitem {
height: auto !important;
}
.template-index li.productgrid--item {
height: auto !important;
}
.template-index span.product--stock-level.stock-level--low-stock {
justify-content: center;
}
.announcement-bar {
color: #ff9900 !important;
background: #cb927400 !important;
padding: 0 0;
}
.template-index .announcement-bar {
color: #fff !important;
}
.site-navigation a:hover {
color: #ff9900 !important;
}
.template-collection .collection--information {
display: none;
}
.template-collection span.breadcrumbs-delimiter+span,
.template-product span.breadcrumbs-delimiter+span {
color: #f90!important;
}
button.product-form--atc-button:hover {
color: #fff;
background-color: #ff9900 !important;
border: 1px solid #ff9900 !important;
}
.site-footer-block-content .navmenu-link:hover {
color: #ff9900;
}
button.product-form--atc-button {
background-color: transparent;
color: #000;
border: 1px solid #a1a6a4;
}
.template-product h1.product-title {
font-weight: 500;
text-transform: uppercase;
font-size: 22px;
}
.product-form--regular a.product-link {
display: none;
}
.no-touch .productitem:focus,
.no-touch .productitem:hover,
.no-touch .visible .productitem {
box-shadow: none;
}
.template-index .stock-level--wrapper {
display: none;
}
.stock-level--in-stock.hidden {
display: none;
}
.stock-level--wrapper {
color: #f90!important;
}
.product--stock-level.stock-level--low-stock .stock-level--text {
color: #f90!important;
}
.template-index .box-laurens {
display: none;
}
.template-index .productitem,
.template-index .productitem--info {
background: #f7f7f700;
}
#insta-feed h2 {
display: none;
}
#shopify-section-1626959637d4032df5 h3 {
text-transform: capitalize;
font-size: 16px;
letter-spacing: 2.1px;
font-weight: 500;
font-family: Futura, sans-serif;
}
.box-laurens, .box-edition {
display: flex;
}
.box-laurens h3, .box-edition h3 {
font-size: 16px;
border: 1px solid #00000073;
display: inline-block;
padding: 5px 10px;
margin: 0 auto 0;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
background: #fff;
}
.product-main.GREETING.CARD .form-field-select-wrapper label {
display: none;
}
.box-message {
margin: 10px 0;
}
.box-message textarea#card-message {
min-height: 100px;
}
ul.navmenu.navmenu-depth-2.navmenu-submenu>li>a {
color: #000 !important;
}
ul.navmenu.navmenu-depth-2.navmenu-submenu>li>a:hover {
color: #f90!important;
}
.site-navigation a:focus {
outline: none !important;
}
.template-collection .productitem--gridview-stock-level,
.template-product .productitem--gridview-stock-level {
opacity: 1;
}
.save_btn span {
display: none !important;
}
.bold-bundle.bold-bundle-loaded {
margin-top: 70px !important;
}
}
.video_section {
width: 100%;
padding-bottom: 40px;
}
a#smartwishlist_desktop_link {
display: none;
}
.template-collection ul.productgrid--items {
max-width: 1000px;
margin: 0 auto;
}
.template-collection .productitem,
#shopify-section-static-product-recommendations .productitem {
padding: 0 0!important;
}
.template-collection .productitem--info,
#shopify-section-static-product-recommendations .productitem--info {
padding: 12px 15px 0px 15px !important;
margin-right: 0!important;
margin-left: 0!important;
}
.template-product h2.product-section--title.product-recommendations--title {
text-align: center;
color: #4d4d4d;
font-size: 22px;
margin: 0;
}
.template-product .video_section {
margin-bottom: 50px;
}
.template-product .product-form--atc {
display: block;
}
.template-product button.product-form--atc-button {
margin: 15px 0;
}
.template-product .form-field-select-wrapper {
position: relative;
width: calc(100% - .75rem - 7.1875rem);
}
.template-collection .productitem--actions {
position: absolute;
bottom: 0 !important;
width: 100%;
}
.template-collection .productitem--actions .productitem--action{
margin: 0 ;
}
.template-collection .productgrid--utils {
background-color: #fafafa00;
}
.template-product .form-field-select-wrapper .form-field-select {
padding-right: initial;
}
.collection_handle {
text-align: center;
}
.collection_handle h2 {
text-transform: capitalize;
}
#shopify-section-static-product-recommendations .product-row {
justify-content: center;
}
.template-index .site-announcement.site-header--sticky .announcement-bar-text {
background-color: transparent !important;
}
.site-announcement.site-header--sticky .announcement-bar {
color: #f90 !important;
}
#shopify-section-static-footer button.form-field.newsletter-submit.button-secondary {
background-color: transparent;
color: #000;
font-size: 12px;
font-weight: 500;
letter-spacing: 1.2px;
}
#shopify-section-static-product-recommendations .productitem--info {
background-color: transparent;
}
#shopify-section-static-product-recommendations article.productitem {
background-color: transparent;
}
#shopify-section-static-collection .productitem--info,
#shopify-section-static-collection article.productitem {
background-color: transparent;
}
.bundle_btn a.product-form--atc-button {
margin-left: 0;
text-align: center;
}
@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: 980px) {
#shopify-section-1626258188a2124faa .featured-collection--container .featured-collection--content[data-layout=grid] {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 680px) {
.product-readmore summary .summary-wrapper .sub-headline {
margin-left: {
{
settings.type_size_base | times: 1.75 | divided_by: 16.0 | append: 'rem'
}
}
;
}
}
@media screen and (min-width: 680px) {
.product-readmore .indent-content {
margin-left: 9.375rem;
padding-left: {
{
settings.type_size_base | times: 1.75 | divided_by: 16.0 | append: 'rem'
}
}
;
}
}
@media screen and (min-width: 720px) {
.product-readmore .indent-content {
margin-left: 15.625rem;
}
}
@media all and (-ms-high-contrast: none) {
summary::after {
content: "\203A";
height: auto;
width: auto;
font-size: 2rem;
transform: translateY(-50%) rotate(90deg);
}
details[open] summary::after {
transform: translateY(-50%) rotate(-90deg);
}
}
@media screen and (max-width: 1025px) {
.site-footer-block-item.site-footer-block-newsletter {
width: auto;
}
.site-footer .site-footer-block-content.rte {
text-align: center;
}
.site-footer .social-icons {
justify-content: center;
}
.template-index .site-header-main {
top: 30px;
}
.announcement-bar-text {
display: block !important;
padding: 5px 0 !important;
font-size: 9px !important;
}
}
@media screen and (max-width: 767px) {
.announcement-bar-text-mobile {
display: none !important;
}
}
.site-footer li.navmenu-item a {
font-weight: 400 !important;
font-size: 12px;
}
.site-footer-block-content.rte p {
font-weight: 400;
font-size: 12px;
}
.productitem--info .smartwishlist_product {
margin-top: .25rem;
}
.template-index .productitem--actions {
display: block!important;
display: flex !important;
bottom: 0;
max-width: 100%;
margin: 0px auto;
}
#shopify-section-static-basic-header .site-navigation a {
text-transform: capitalize;
}
.productitem--info {
text-align: center;
}
.box-laurens {
display: flex;
position: absolute;
top: 0;
color: #000;
}
.box-edition {
display: flex;
position: absolute;
top: 0;
right: 0;
color: #000;
}
.template-collection .badge--soldout {
color: #fff;
background-color: #1b2120;
border: 0;
position: absolute;
top: 0;
height: 23px;
left: 82%;
}
#shopify-section-static-basic-header .site-header nav.site-navigation ul.navmenu.navmenu-depth-1 li a {
font-size: 13px ;
letter-spacing: 2.5px;
text-transform: uppercase ;
}
.site-footer li.navmenu-item a {
font-weight: 400!important;
font-size: 13px;
letter-spacing: 2.5px;
text-transform: uppercase;
}
.product-form--atc-qty.form-fields--qty {
display: none;
}
.cart-item--quantity.form-fields--qty {
display: none;
}
.form-options .option-value-input:checked+.option-value-name {
color: #1b2120;
background-color: transparent;
border-color: #ff9900;
}
.product-options-style-radio .option-value .option-value-input+.option-value-name {
border: none;
}
.option-values .option-value-input:checked+.option-value-name {
border: 1px solid #ff9900 !important;
}
.product-options-style-radio .option-value-input {
display: none !important;
}
.template-product .product-gallery img.product-gallery--loaded-image {
height: auto;
//aspect-ratio: 5/7;
}
#shopify-section-static-product-recommendations .box-full:hover .productitem--actions {
position: absolute;
bottom: 0!important;
visibility: visible !important;
opacity: 1 !important;
}
span.option-value-name {
background: none !important;
}
.productgrid--outer.productgrid-gridview .productitem--gridview-stock-level .product--stock-level {
margin: 0.3rem 0 .25rem 0.3rem;
}
.template-collection .productitem--gridview-stock-level {
height: 25px;
margin-top: 5px;
}
.template-product .productitem--gridview-stock-level {
height: 25px;
margin-top: 10px;
}
form#stock-notification-form-static-product {
width: calc(100% - 0.75rem - 7.1875rem);
margin: 10px 0;
}
.template-collection .productitem:hover .productitem--image-alternate {
height: 100%;
object-fit: cover;
}
#shopify-section-static-product-recommendations .productitem:hover .productitem--image-alternate {
height: 100%;
object-fit: cover;
}
.template-collection .badge--soldout {
display: none;
}
.template-page h1.page-title {
font-family: Futura, sans-serif;
font-style: normal;
font-weight: 500;
letter-spacing: .06em;
text-transform: capitalize;
font-size: 22px;
Display: none
}
.template-page .page-content.rte {
//text-transform: capitalize;
font-family: Futura, sans-serif;
font-style: normal;
font-weight: 500;
letter-spacing: 0.5px;
}
.product-gallery--media-thumbnail[data-gallery-selected=true] {
border: 1px solid #f90 !important;
box-shadow: none !important;
}
a.navmenu-linknavmenu-link-parent.navmenu-link-active,
a.navmenu-link.navmenu-link-active {
color: #f90 !important;
}
body.template-collection.Gifting h2.collection_handing {
display: none;
}
body.template-collection.Gifting video.products_page_video {
max-width: 100%;
}
.Gfting-form input,
.Gfting-form textarea#message {
width: calc(100% - 0.75rem - 7.1875rem);
height: 35px;
margin: 0 0;
border-radius: 0;
border: 1px solid #f90;
padding: 5px 10px;
font-size: 14px;
font-weight: 100;
}
.Gfting-form {
margin: 20px 0 30px;
}
.Gfting-form input#lname:focus-visible,
.Gfting-form textarea#message:focus-visible {
outline: none;
}
.Gfting-form label {
display: none;
}
.template-collection .stock-level--wrapper,
#shopify-section-static-product-recommendations .stock-level--wrapper {
color: #f90!important;
display: flex;
justify-content: center;
}
#smartwishlist div#bookmarkit {
padding: 10px 10px!important;
}
.product-recommendations--container .stock-level--wrapper {
display: none !important;
}
h3.bundle-builder-app--bundle--product-name {
font-size: 16px;
}
img.bundle-builder-app--bundle--product-image {
height: 100% !important;
}
.template-article .article--meta {
justify-content: center;
}
.template-article h1.article--title {
text-align: center;
}
@media screen and (min-width: 720px) {
[data-product-gallery-thumbnails=left] .gallery-navigation--scroller {
max-height: initial!important;
}
}
select#product_grid_sort {
padding-top: 5px;
padding-bottom: 5px;
outline: 0;
border: 1px solid transparent;
}
.utils-sortby-select .form-field-select:focus {
outline: none;
border: 1px solid #000!important;
padding-top: 5px;
padding-bottom: 5px;
}
@media screen and (min-width: 1024px) {
.template-collection .productitem--image {
height: 39vw;
}
.template-collection .productitem--image img,
.template-product .productitem--image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.template-product .productitem--image {
height: 26vw!important;
}
}
@media screen and (max-width: 1024px) {
.template-collection .productitem--actions {
position: relative;
bottom: 0 !important;
}
.template-product .productitem--actions {
position: relative!important;
bottom: 0 !important;
}
#shopify-section-static-product-recommendations .productitem--info,
.template-collection .productitem--info {
padding: 12px 10px 0 10px!important;
}
}
@media screen and (max-width: 600px) {
.site-header-main {
padding-top: 40px!important;
}
.template-product h2.product-section--title.product-recommendations--title {
font-size: 16px;
margin-bottom: 15px;
margin-top: 20px;
}
}
.option-values.Color .color_prourl .swatch-inner {
width: 30px;
height: 30px;
display: inline-block;
border: 0.5px solid #000;
border-radius: 100%;
}
.option-values.Color a.color_prourl {
margin-right: 10px;
}
.option-values.Color {
margin-top: 10px;
display: flex;
}
@media screen and (min-width:1650px) {
.template-collection ul.productgrid--items,
section.product--container,
section.product-section--container.product-row--container.product-recommendations--container,
.product-row--container,
.product-section--container {
max-width: 100%;
margin: 0 auto;
}
.productgrid--outer.productgrid-gridview {
position: relative;
max-width: 80%;
}
}
.box-full {
position: relative !important;
}
.modal-inner .product-description-box {
display: none;
}
.shipping .page-content.rte strong,
.returns-exchanges .page-content.rte strong,
.careers .page-content.rte strong {
font-size: 20px;
color: #000;
font-weight: 500;
}
.faq .page-content.page-content-contact {
display: none!important;
}
.bundle-builder-app--content--add-margin:not(.bundle-builder-app--bundle--description):not(.bundle-builder-app--bundle--section-description) {
max-width: 1000px!important;
margin: 0 auto!important;
padding: 0!important;
}
div#shopify-section-returns-exchanges {
max-width: 1000px;
margin: 0 auto;
}
#shopify-section-shipping,
#shopify-section-privacy-policy,
#shopify-section-cookie-policy ,
#shopify-section-terms-conditions {
max-width: 1000px;
margin: 0 auto;
}
@media screen and (max-width:650px) {
.slideshow-height-fullscreen {
height: auto !important;
cursor: pointer;
}
.slideshow-image {
opacity: 1 !important;
}
}
@media screen and (min-width: 1280px) {
.featured-collection--container .featured-collection--content[data-layout=slideshow] .productgrid--item {
width: calc(25% - 20px) !important;
margin-right: 20px;
}
}
i.icon-swym-wishlist {
font-family: 'swym-font';
font-style: normal;
vertical-align: middle;
}
i.icon-swym-wishlist+span {
vertical-align: middle;
}
i.icon-swym-wishlist:after {
content: '';
font-size: 130%;
line-height: 18px;
text-align: center;
display: inline;
}
/*content rendered after swym is ready to avoid showing block/invalid chars*/
.swym-ready i.icon-swym-wishlist:after {
content: '\f004';
}
a.swym-wishlist {
text-decoration: none;
}
.swym-wishlist i.fa.fa-heart {
font-size: 22px;
}
.site-header-wrapper.site-header--sticky .site-header-main i {
color: #000;
}
.product-gallery--navigation {
overflow: scroll;
}
.swym-btn-container .swym-button:after {
width: 30px !important;
font-size: 22px !important;
}
.swym-btn-container[data-position=default] .swym-button {
width: 30px!important;
}
h3.swym-product-name.swym-heading.swym-heading-1 {
font-family: Futura, sans-serif !important;
font-weight: 500 !important;
font-size: 16px !important;
}
span.swym-wishlist-text {
font-family: Futura, sans-serif !important;
}
button.swym-new-wishlist-btn {
color: #fff !important;
background: #ff9900 !important;
border: 1px solid #ff9900 !important;
font-family: Futura, sans-serif;
font-weight: 500 !important;
letter-spacing: 0.8px;
}
button.swym-add-to-list-btn {
color: #000000 !important;
background: #fff !important;
border: 1px solid #000000 !important;
font-family: Futura, sans-serif !important;
font-weight: 500 !important;
letter-spacing: 0.8px;
}
.swym-wishlist-container-content {
background-image: url(/cdn/shop/files/DE.txt.jpg?v=1626334752)!important;
}
.swym-wishlist-header .swym-wishlist-name,
h2.swym-wishlist-list-header,
.swym-wishlist-product-count,
.swym-wishlist-link-action {
font-family: Futura, sans-serif !important;
font-weight: 500 !important;
}
.swym-selected-wishlist-text,
span.swym-selected-wishlist-name.swym-value.swym-value-1.swym-icon,
.swym-wishlist-main-title.swym-heading.swym-heading-1,
.swym-wishlist-grid .swym-title.swym-title-1,
.swym-variant-title.swym-text.swym-title-2,
.swym-wishlist-grid .swym-add-to-cart-btn,
.swym-product-final-price.swym-value {
font-family: Futura, sans-serif !important;
font-weight: 500 !important;
}
h3.swym-wishlist-product-title.swym-title.swym-title-1,
.swym-product-final-price.swym-value {
font-family: Futura, sans-serif !important;
font-weight: 500 !important;
}
tracking-page#root h2,
tracking-page#root form,
tracking-page#root button {
font-family: Futura, sans-serif !important;
font-weight: 500 !important;
}
tracking-page#root {
background-image: url(/cdn/shop/files/DE.txt.jpg?v=1626334752)!important;
}
.loyalty-page .page-content.rte {
max-width: 100%!important;
}
span.swym-user-text.swym-value.swym-value-1,
.swym-clear-wishlist-modal-dialog h2.swym-text-heading.swym-heading.swym-heading-1,
.swym-wishlist-items-title.swym-title.swym-title-1,
.swym-bg-2,
input.swym-new-wishlist-name.swym-no-zoom-fix.swym-input,
h3.swym-empty-wishlist-title.swym-heading.swym-heading-1,
p.swym-empty-wishlist-text.swym-text.swym-text-1,
button.swym-empty-wishlist-continue-btn.swym-button.swym-button-1.swym-is-button.swym-bg-2.swym-color-4 {
font-family: Futura, sans-serif!important;
}
.swym-modal-content .swym-wishlist-container-title-bar.swym-bg-1.swym-bg-2.swym-color-4,
button.swym-close-btn.swym-bg-1.swym-bg-4.swym-color-4.swym-is-button,
.swym-modal-content button.swym-empty-wishlist-continue-btn.swym-button.swym-button-1.swym-is-button.swym-bg-2.swym-color-4 {
background: #ff9900!important;
}
.swym-ui-component .swym-add-wishlist-modal .swym-modal-content .swym-new-wishlist-item .swym-new-wishlist-name:focus,
.swym-ui-component .swym-add-wishlist-modal .swym-modal-content .swym-new-wishlist-item .swym-new-wishlist-name:focus-visible {
border: 1px solid #ff9900!important;
}
span.swym-wishlist-badge.swym-bg-1.swym-bg-2.swym-color-4 {
display: none;
}
.swym-clear-wishlist-modal-dialog .swym-bg-2 {
background: #ff9900!important;
font-family: Futura, sans-serif!important;
}
.standalone .cALOKu {
background: transparent !important;
}
button.c9h9rb-0.kiZShD.sc-1cry2da-0.jerWpe {
background: #ff9900!important;
border: 1px solid #ff9900!important;
}
.swym-wishlist-modal-container .swym-wishlist-container-title-bar.swym-bg-1.swym-bg-2.swym-color-4 {
background: #000 !important;
}
.swym-wishlist-modal-container .swym-close-btn.swym-bg-1.swym-bg-4.swym-color-4.swym-is-button {
background: #000 !important;
}
.password-page-content {
//background-image: url(/cdn/shop/files/IMG_8534-scaled.jpg?v=1645856207);
//background-color: rgb(255, 255, 255);
width: 100%;
max-width: 100%;
background-size: cover;
background-repeat: no-repeat;
padding: 0;
}
.password__img img {
max-width: 100%;
}
.password-social--container .social-icons {
justify-content: center;
}
.password-social--container .social-icons-inverted .social-link svg {
background-color: #fff;
}
.password__img {
padding-top: 15px;
}
div#mergeRow-gdpr {
display: none;
}
#mc_embed_signup form {
max-width: 400px;
padding: 10px 0 10px 3%;
margin: 20px auto 0;
}
#shopify-section-static-password #mc_embed_signup {
background: transparent;
}
#shopify-section-static-password input#mce-EMAIL ,
#shopify-section-static-password input#mce-FNAME ,
#shopify-section-static-password input#mc-embedded-subscribe {
font-family: Futura,sans-serif;
}
input#mce-EMAIL:focus-visible ,
input#mce-FNAME:focus-visible {
outline: none;
}
#shopify-section-static-password #mc_embed_signup .button {
background-color: #ff9900;
border-radius: 0px;
color: #fff;
font-size: 18px;
height: 40px;
}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
border: none;
}
#shopify-section-static-password #mc_embed_signup .clear {
text-align: center;
}
#shopify-section-static-password #mc_embed_signup .mc-field-group input {
padding: 10px 0;
border-radius: 0;
}
.form-options .option-value-input:disabled + .option-value-name {
text-decoration: unset;
cursor: pointer;
opacity: 1;
}
#shopify-section-static-footer #mc_embed_signup .mc-field-group input {
display: block;
width: 100%;
padding: 8px 0;
text-indent: 2%;
border: none;
border-bottom: 1px solid #ff9900;
border-radius: 0px;
}
#shopify-section-static-footer #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
border: none;
border-bottom: 1px solid #ff9900;
border-radius: 0px;
margin: 0;
padding: 10px 0;
letter-spacing: 1px;
font-size: 14px;
letter-spacing: 1px;
font-family: Futura,sans-serif;
}
#shopify-section-static-footer #mc_embed_signup form {
padding: 0;
}
#shopify-section-static-footer #mc_embed_signup .button {
border-radius: 0px;
color: #000;
cursor: pointer;
font-size: 12px;
letter-spacing: 1px;
margin: 0;
padding: 0;
font-family: Futura,sans-serif;
background: transparent;
}
#shopify-section-static-footer #mc_embed_signup .clear {
text-align: right;
}
@media screen and (min-width: 767px) {
.password__img img {
max-width: 75%;
}
}
@media screen and (max-width: 767px) {
.password-page-content--inner {
max-width: 100%
}
body.template-page.manifesto .slideshow-slide-content {
position: absolute;
z-index: 1;
width: 100%;
max-width: 100%;
margin: 0px auto;
text-align: center;
top: 50%;
color: #fff;
transform: translate(-50%, -50%);
left: 50%;
}
h2.slideshow-slide-heading {
font-size: 38px;
}
}
footer.password-page-footer a {
text-decoration: none;
color: #000;
}
span.stock-level--texts {
display: none;
}
.custom-newsletter-section .newsletter{
display:block;
}
.custom-newsletter-section .newsletter .form-fields-inline{
display:block;
}
.custom-newsletter-section .newsletter .form-field{
display:block;
}
#HCB_comment_box .hcb-icon{
display: none;
}
#HCB_comment_box #hcb_form .home-desc{
display: none;
}