@charset "UTF-8";
/* Fonts */@font-face {
font-family: "Roboto Slab";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto_slab/robotoslab_n7.15c9dc2f130358d3904e80fa82ada8658e75e7d6.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=15aac48b3cfb27f0e4b72ed2701e5d3855141e555d6089d5a0e414751e8d678f") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto_slab/robotoslab_n7.8d4b1a130a26c0ec36e899a9072fa3d0e2fafcca.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=c749ff6239e25b3cd42952ce46a401ae1d95722e997fce72059d0784f494970f") format("woff");
}
@font-face {
font-family: "Roboto Slab";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto_slab/robotoslab_n4.a7a5e34524361944b6c4bd1ad75572c099737d1d.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=e536a94d26bd5dbdad1f33103b064bcd6408bedfef4b9630f59ffd752aea7507") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto_slab/robotoslab_n4.cc6dd5c63e3c2a3aa2f7c8e66333895206673046.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=bc5bafb9d5ea00d2265ecd392b11f2d8c5d3f3625cd8b1f26b5cd5f0cba831be") format("woff");
}
@font-face {
font-family: "Roboto Condensed";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto_condensed/robotocondensed_n7.a8dcc495520a7cc0e796688956d83e7a5274e247.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=e8daa8d80047ad74b1d00b1944003ef9578608a77a2e102fd5de40fb5517d604") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto_condensed/robotocondensed_n7.42ef03157aa2a002e25bb3dfa99c3e6719fa428a.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=e812255111fb095eeec04fc0f739437f19c6faf2873299f99e290a4963c96eb9") format("woff");
}
@font-face {
font-family: "Roboto Condensed";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto_condensed/robotocondensed_i7.7565ef358b998b657e7f441948127f8a7c9be773.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=f74b8065b78e021920da051634c6e5edd10afb6a74168ca33796a89a3ae5fb36") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto_condensed/robotocondensed_i7.06cb4516964ff08b914525b41601e86f4330c9c3.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=008372aaaf32626b9b10f749688f0b261d9eca62d4235a78e2b79544cafa84f8") format("woff");
}
@font-face {
font-family: "Roboto Condensed";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto_condensed/robotocondensed_n4.901867ac1fae62a138ed9ec7898623d714425105.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=fea154e9048c89483e495f56f368b41623b6f8452264154c17c840faa9b717ac") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto_condensed/robotocondensed_n4.c3228efde738d250ea3586f81d19645b192589ab.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=e615ac568e42b14cd28ac5bf96f31f1329836e20383063cf15389d7df192ea75") format("woff");
}
@font-face {
font-family: "Roboto Condensed";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto_condensed/robotocondensed_i4.13fc127c668f1ef2c693593d70d747d31984e2fb.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=ee9aa96f0901d4bb302d2b37588d75bed38893e88ce0c331cc8351099e6be5b8") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto_condensed/robotocondensed_i4.c9f77c83bde6a8505d7622ece139952798a4f56a.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=75245d5d3858ff03fed7f7dd4ea6915510fad56f5bead35acaf19e693af68d39") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_n5.126dd24093e910b23578142c0183010eb1f2b9be.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=ef8dfe91e3cb2ad3933018b6ae22af408f7844dfb5e1a575bea0c06384adc616") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_n5.ef0ac6b5ed77e19e95b9512154467a6fb9575078.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=d9a86d1faaa02d9cc7ffae8998aaee2016477d96e2849df761723faa62722906") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 500;
font-style: italic;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_i5.f36fc99adea860c14560731a265eca6bf8df6add.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=3f943a43713250652f267063187baf3ee826690389ab24b9b339e6843dce2db0") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_i5.cfb884f4c639e5d79041e9a98ea9ebe9ef79543c.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=4173fe7f35fcde7dd9e83228247812530ace4063ee1fc9bc576bcc6a56d96541") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=cf4d6b1900d48afad6781115cf89b4e99a630dd00f94beccea817beba8450ea5") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=87bf0bc97557943ce0f83c88df70c38b0b6548ab449d7b62c15c065660298c16") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_i7.9c922c35bb84952cfb17e8c1d42e440e75aa8ccf.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=8ef29cf9c9977f4e301faa451734136088d47a58f8aa3ec4cc8155dde81f55e2") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_i7.c50b5683f5731edb8040ff2110a54947108434de.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=9582a123dd393ec821bb9a70ef982cb6c2832fc2289b130a8e9496ed2fa5effb") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 100;
font-style: normal;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_n1.c0eade3702dbcdaf6bcfe2c3bb8a2cfd92b00f0a.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=71a61f49466b9b947db287876c5ed606d4a03c7b5975382370a05a5f34b0e40e") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_n1.ba6a9df663e398c6d3f0837aeb2fa362341c7a09.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=0c3b7117fc53ab8e0d785ee42fe9fb1e4e3c083e463af9397e32c2fb85985064") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 100;
font-style: italic;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_i1.14768b9c4382559e9f188f7918f75430d72ee651.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=89061ee8dcbfd178a4d694c92cd2038f598b41010f57224953e32de1b9567b89") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_i1.15073f8149268ef52c7756457a9c09b213557c20.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=98bb7323375967a6b7bf3c8c3a60b78bf577e1c11ac4a30c64dc1e29f7c4f605") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=64c1eff1c0cc3c7f1b8edf088c4f7168e410494253cf7ed898da7f08c5b3e6ee") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_n4.a512c7b68cd7f12c72e1a5fd58e7f7315c552e93.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=9cc1633b4dac9f56121ceafbfaa87247d8d69e459d466a7634237df54ef97201") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_i4.f98951b4b9b6e1096fc799cd05debd098bd422ac.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=14739aa2078ff2e40868695fb6cd51d4cdba4d10501e5f37ea0052d88de57f62") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_i4.688a26691d45bc4053b6ae24a196cabdeedbc25c.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=7d27cd1048cfafc4ce207c5c5e49dd00ca98bea9fdd91f1344b2919125abff9d") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=cf4d6b1900d48afad6781115cf89b4e99a630dd00f94beccea817beba8450ea5") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=87bf0bc97557943ce0f83c88df70c38b0b6548ab449d7b62c15c065660298c16") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_i7.9c922c35bb84952cfb17e8c1d42e440e75aa8ccf.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=8ef29cf9c9977f4e301faa451734136088d47a58f8aa3ec4cc8155dde81f55e2") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_i7.c50b5683f5731edb8040ff2110a54947108434de.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=9582a123dd393ec821bb9a70ef982cb6c2832fc2289b130a8e9496ed2fa5effb") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 100;
font-style: normal;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_n1.c0eade3702dbcdaf6bcfe2c3bb8a2cfd92b00f0a.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=71a61f49466b9b947db287876c5ed606d4a03c7b5975382370a05a5f34b0e40e") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_n1.ba6a9df663e398c6d3f0837aeb2fa362341c7a09.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=0c3b7117fc53ab8e0d785ee42fe9fb1e4e3c083e463af9397e32c2fb85985064") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 100;
font-style: italic;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_i1.14768b9c4382559e9f188f7918f75430d72ee651.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=89061ee8dcbfd178a4d694c92cd2038f598b41010f57224953e32de1b9567b89") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_i1.15073f8149268ef52c7756457a9c09b213557c20.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=98bb7323375967a6b7bf3c8c3a60b78bf577e1c11ac4a30c64dc1e29f7c4f605") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=cf4d6b1900d48afad6781115cf89b4e99a630dd00f94beccea817beba8450ea5") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=87bf0bc97557943ce0f83c88df70c38b0b6548ab449d7b62c15c065660298c16") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_i7.9c922c35bb84952cfb17e8c1d42e440e75aa8ccf.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=8ef29cf9c9977f4e301faa451734136088d47a58f8aa3ec4cc8155dde81f55e2") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_i7.c50b5683f5731edb8040ff2110a54947108434de.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=9582a123dd393ec821bb9a70ef982cb6c2832fc2289b130a8e9496ed2fa5effb") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 900;
font-style: normal;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_n9.53d38598fbfdff3d54f7424818da582af4f7d230.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=707e07bb6e195a07435bb3d8a6c02ed1886329a24b20910f7da58ac15b148e3d") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_n9.f3669795f8a2d1263fcc5f16bb1988525e54c56f.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=2e7e223a0857a1bf38d7df4b3fd16f7fdb9369cac6f0542a55bdfe6d48232e49") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 900;
font-style: italic;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_i9.dc8c05346a6e851c6b22fb4806fb90cf5d43836a.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=8beeea5cbf0c75ed47b0b82936665f146ec3c64be64143a8b34f17023bcbeb80") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_i9.10f4df810ca3b4d1e239548592583b15c580d51f.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=99eeb0c3323cd05aa51e7c2d00eaee48eb986175192974775c3622c9cb9bb8dd") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=64c1eff1c0cc3c7f1b8edf088c4f7168e410494253cf7ed898da7f08c5b3e6ee") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_n4.a512c7b68cd7f12c72e1a5fd58e7f7315c552e93.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=9cc1633b4dac9f56121ceafbfaa87247d8d69e459d466a7634237df54ef97201") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//biohydro.com/cdn/fonts/roboto/roboto_i4.f98951b4b9b6e1096fc799cd05debd098bd422ac.woff2?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=14739aa2078ff2e40868695fb6cd51d4cdba4d10501e5f37ea0052d88de57f62") format("woff2"),
url("//biohydro.com/cdn/fonts/roboto/roboto_i4.688a26691d45bc4053b6ae24a196cabdeedbc25c.woff?h1=YmlvaHlkcm9rdy5jb20&h2=YmlvaHlkcm8uY29t&h3=YmlvcGhpbGlhLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h4=YWNjb3VudC5iaW9oeWRyby5jb20&hmac=7d27cd1048cfafc4ce207c5c5e49dd00ca98bea9fdd91f1344b2919125abff9d") format("woff");
}
@font-face {
font-family: "chiko-icons";
font-style: normal;
font-weight: normal;
font-display: block;
src: url(//biohydro.com/cdn/shop/t/40/assets/chiko-icons.woff?v=12666650156901059331750775589) format("woff");
}
@font-face {
font-family: "pxu-social-icons";
font-style: normal;
font-weight: normal;
font-display: block;
src: url(//biohydro.com/cdn/shop/t/40/assets/pxu-social-icons.woff?v=75149173774959108441750775589) format("woff");
}
/* Settings */
/* User Settings
------------------------- */
/* General */
/* Section specific
------------------------- */
/* Header */
/* Slideshow */
/* General Settings
------------------------- */
/* Utilities */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1, .age-gate__heading {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
figure {
margin: 0;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type=checkbox],
input[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type=search] {
-webkit-appearance: textfield; /* 1 */ /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/**
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* contenteditable attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.header-tools:before, .product-images:before, .product:before, .blog-sidebar:before,
.blog-promo:before, .blog-wrapper:before, .template-article .article:before,
.template-article .main-content:before, .blog-wrapper-masonry:before, .rte:before,
.header-tools:after,
.product-images:after,
.product:after,
.blog-sidebar:after,
.blog-promo:after,
.blog-wrapper:after,
.template-article .article:after,
.template-article .main-content:after,
.blog-wrapper-masonry:after,
.rte:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.header-tools:after, .product-images:after, .product:after, .blog-sidebar:after,
.blog-promo:after, .blog-wrapper:after, .template-article .article:after,
.template-article .main-content:after, .blog-wrapper-masonry:after, .rte:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.header-tools, .product-images, .product, .blog-sidebar,
.blog-promo, .blog-wrapper, .template-article .article,
.template-article .main-content, .blog-wrapper-masonry, .rte {
*zoom: 1;
}
/* General */
.hidden {
opacity: 0;
visibility: hidden;
}
/* Small caps */
.product-list-item-unavailable::after,
.product-list-item-on-sale::after, .product-list-item-unavailable.product-icons::after,
.product-list-item-on-sale.product-icons::after, th {
text-transform: uppercase;
letter-spacing: 0.05em;
}
/* Typography */
.quick-shop-modal-trigger, .product-list-item-inventory, .mega-nav-list .mega-nav-list-title .mega-nav-list-title-link, .navigation.navigation-desktop .mega-nav-list .mega-nav-list-title-link, .product-title, .home-masonry-feature-title, th, .section-title, .page-title,
.shopify-policy__title h1,
.shopify-policy__title .age-gate__heading, h1, .age-gate__heading, h2, h3, h4, h5, h6, .home-slideshow-slide-heading, .home-promotion-title {
font-family: "Roboto Slab",serif;
font-style: normal;
font-weight: 700;
color: #262626;
}.quick-shop-modal-trigger, .product-list-item-inventory, .mega-nav-list .mega-nav-list-title .mega-nav-list-title-link, .navigation.navigation-desktop .mega-nav-list .mega-nav-list-title-link, .product-title, .home-masonry-feature-title, th, .section-title, .page-title,
.shopify-policy__title h1,
.shopify-policy__title .age-gate__heading, h1, .age-gate__heading, h2, h3, h4, h5, h6, .home-slideshow-slide-heading, .home-promotion-title {
text-transform: uppercase;
letter-spacing: 0.05em;
}.product-list-item-vendor, .product-list-item-unavailable::after,
.product-list-item-on-sale::after, .product-list-item-unavailable.product-icons::after,
.product-list-item-on-sale.product-icons::after, .product-vendor, .cart-item-properties, .cart-brand, .cart-item .price:before,
.cart-item .quantity:before,
.cart-item .total:before, .search-result-date, .search-result-vendor, .post-comment-date, .post-author-name:before, .order-vendor, .customer-logout-link, .meta {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 700;
color: #656565;
}.shopify-payment-button .shopify-payment-button__button--unbranded, .navigation-toggle-open, .shopify-payment-button__button--unbranded, .age-gate__confirm_btn, noscript .shopify-localization-form .disclosure__submit, .predictive-search-footer__button, .pxs-newsletter-form-button, .pxs-image-with-text-button, .button,
.submit,
input[type=submit],
input[type=button] {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 400;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
appearance: none;
}
#coin-container:after, #infiniteoptions-container .spb-select:after, #bouncer_modal_datepicker span:after, .pagination .next,
.pagination .previous,
.single-post-pagination .next,
.single-post-pagination .previous, .navigation-submenu-toggle, .navigation.navigation-desktop .has-dropdown > a:after,
.navigation.navigation-desktop .has-dropdown summary:after,
.navigation.navigation-desktop .has-mega-nav > a:after,
.navigation.navigation-desktop .has-mega-nav summary:after, .product-thumbnails-navigation-previous,
.product-thumbnails-navigation-next, .cart-item .remove, .select-wrapper:after {
font-family: "chiko-icons";
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.navigation-toggle-icon svg, .navigation-toggle-close svg, .modal-close svg, .home-testimonials-icon svg, .home-masonry-feature-video-trigger svg {
display: inline-block;
max-width: 100%;
max-height: 100%;
}
.header-branding .logo-link, .template-password .password-branding .logo-link {
display: inline-block;
max-width: 100%;
font-size: 0;
color: #262626;
word-break: break-word;
}
.header-branding .logo-image, .template-password .password-branding .logo-image {
display: block;
margin: 0;
}
.header-branding h1, .header-branding .age-gate__heading, .template-password .password-branding h1, .template-password .password-branding .age-gate__heading {
font-family: "Roboto Slab",serif;
font-style: normal;
font-weight: 700;
margin: 0;
font-size: 2.1428571429rem;
}.header-branding h1, .header-branding .age-gate__heading, .template-password .password-branding h1, .template-password .password-branding .age-gate__heading {
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 1.9285714286rem;
}.home-slideshow-slide-heading, .home-promotion-title {
margin: 0;
font-size: 1.8571428571rem;
}@media (min-width: 770px) {
.home-slideshow-slide-heading, .home-promotion-title {
font-size: 2rem;
}
}@media (min-width: 1080px) {
.home-slideshow-slide-heading, .home-promotion-title {
font-size: 3.2142857143rem;
}
}@media (min-width: 1280px) {
.home-slideshow-slide-heading, .home-promotion-title {
font-size: 4.2857142857rem;
}
}.home-slideshow-slide-subheading, .home-promotion-subtitle {
margin-top: 5px;
margin-bottom: 0;
font-size: 1.1428571429rem;
}
.home-slideshow-slide-subheading:first-child, .home-promotion-subtitle:first-child {
margin-top: 0;
}
@media (min-width: 770px) {
.home-slideshow-slide-subheading, .home-promotion-subtitle {
font-size: 1.5rem;
}
}
.home-slideshow-slide-cta, .home-promotion-button {
margin-top: 15px;
font-size: 1.1428571429rem;
}.home-slideshow-slide-cta, .home-promotion-button {
text-transform: uppercase;
letter-spacing: 0.05em;
}@media (max-width: 539px) {
.home-slideshow-slide-cta, .home-promotion-button {
padding: 10px 15px;
}
}
@media (min-width: 540px) {
.home-slideshow-slide-cta, .home-promotion-button {
margin-top: 20px;
}
}
@media (min-width: 770px) {
.home-slideshow-slide-cta, .home-promotion-button {
margin-top: 30px;
}
}
/* Masonry features */
.color-white .home-masonry-feature-subtitle, .color-white .home-masonry-feature-title, .color-white .home-masonry-feature-subtitle a, .color-white .home-masonry-feature-title a {
color: #fff;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.color-black .home-masonry-feature-subtitle, .color-black .home-masonry-feature-title, .color-black .home-masonry-feature-subtitle a, .color-black .home-masonry-feature-title a {
color: #000;
text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);
}
.post-title, .blog-post-masonry-title {
font-size: 2.5714285714rem;
}.post-title, .blog-post-masonry-title {
font-size: 2.2857142857rem;
}.post-title a, .blog-post-masonry-title a {
color: currentColor;
}
.post-date, .blog-post-masonry-content-date {
color: #656565;
}
.post-date a, .blog-post-masonry-content-date a {
color: currentColor;
}
.product-list-item .product-price__unit-price, .product-grid-masonry-sizer .product-price__unit-price, .mini-cart-item-details .product-price__unit-price, .complementary-product__unit-price, .product .product-price__tax, .product .product-price__unit-price, .cart-item .product-price__unit-price, .predictive-search-results-list__product-item-content .product-price__unit-price, .order-price .product-price__unit-price {
font-size: 13px;
color: #939393;
}
.pagination li,
.pagination .next,
.pagination .previous,
.single-post-pagination li,
.single-post-pagination .next,
.single-post-pagination .previous, .complementary-products .flickity-prev-next-button {
margin: 0 2px;
display: inline-block;
border-radius: 2px;
border: 1px solid #ebebeb;
background: #ffffff;
color: #494949;
text-align: center;
font-size: 0.9285714286rem;
}
.pagination li.active,
.pagination .active.next,
.pagination .active.previous,
.single-post-pagination li.active,
.single-post-pagination .active.next,
.single-post-pagination .active.previous, .complementary-products .active.flickity-prev-next-button, .pagination li:hover,
.pagination .next:hover,
.pagination .previous:hover,
.single-post-pagination li:hover,
.single-post-pagination .next:hover,
.single-post-pagination .previous:hover, .complementary-products .flickity-prev-next-button:hover {
border-color: #b8b8b8;
}
.placeholder-svg {
position: relative;
width: 100%;
height: 100%;
background-color: #e4e4e4;
fill: rgba(38, 38, 38, 0.2);
}
.spinner {
position: absolute;
top: 50%;
left: 50%;
margin-top: -11px;
margin-left: -24px;
-webkit-backface-visibility: hidden;
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.spinner.visible {
transform: translateX(200%);
}
.lt-ie10 .spinner {
display: none;
}
.spinner span {
height: 10px;
width: 10px;
display: inline-block;
margin: 0 2px;
background-color: #1d2349;
border-radius: 50%;
opacity: 0.4;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.spinner span:nth-of-type(1) {
animation: 1.2s blink infinite 0.4s;
}
.spinner span:nth-of-type(2) {
animation: 1.2s blink infinite 0.8s;
}
.spinner span:nth-of-type(3) {
animation: 1.2s blink infinite 1.2s;
}
@keyframes blink {
50% {
opacity: 1;
transform: scale(1.15);
}
}
/* External */
.shopify-cross-border {
display: flex;
}
.no-js .selectors-form--no-js-hidden {
display: none;
}
.disclosure {
--disclosure-max-height: 300px;
--disclosure-min-height: 92px;
--disclosure-toggle-text-color: black;
--disclosure-toggle-background-color: transparent;
--disclosure-toggle-border-color: black;
--disclosure-toggle-svg: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
--disclosure-toggle-svg-color: black;
--disclosure-text-color: black;
--disclosure-background-color: white;
--disclosure-border-color: black;
position: relative;
display: inline-block;
}
.disclosure > summary {
list-style: none;
}
.disclosure > summary::-webkit-details-marker {
display: none;
}
.disclosure__toggle {
width: auto;
padding: 5px 32px 4px 11px;
color: black;
background-color: transparent;
border: 1px solid black;
-webkit-appearance: none;
appearance: none;
}
@supports (color: var(--disclosure-toggle-text-color)) {
.disclosure__toggle {
color: var(--disclosure-toggle-text-color);
background-color: var(--disclosure-toggle-background-color);
border: 1px solid var(--disclosure-toggle-border-color);
}
}
.disclosure__toggle:hover {
cursor: pointer;
}
.disclosure__toggle::after {
position: absolute;
top: 50%;
right: 11px;
width: 10px;
height: 7.5px;
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
content: "";
transform: translateY(-50%);
}
@supports ((-webkit-mask-image: var(--disclosure-toggle-svg)) or (mask-image: var(--disclosure-toggle-svg))) {
.disclosure__toggle::after {
background-color: var(--disclosure-toggle-svg-color);
background-image: none;
-webkit-mask-image: var(--disclosure-toggle-svg);
mask-image: var(--disclosure-toggle-svg);
-webkit-mask-size: cover;
mask-size: cover;
}
}
.disclosure-list {
position: absolute;
bottom: 115%;
display: none;
max-height: 300px;
min-height: 92px;
max-width: 250px;
min-width: 200px;
padding: 11px 0;
margin: 0;
overflow-y: auto;
list-style: outside none;
background-color: white;
border: 1px solid black;
border-radius: 0;
}
@supports (max-height: var(--disclosure-max-height)) {
.disclosure-list {
max-height: var(--disclosure-max-height);
min-height: var(--disclosure-min-height);
background-color: var(--disclosure-background-color);
border: 1px solid var(--disclosure-border-color);
}
}
noscript .disclosure-list {
width: -webkit-max-content;
width: max-content;
}
.disclosure-list--visible {
display: block;
}
.disclosure-list--alternate-drop {
right: 0;
}
.disclosure-list__item-wrapper {
display: flex;
align-items: center;
margin-top: 1rem;
}
.disclosure-list__item-wrapper:first-child {
margin-top: 0;
}
.disclosure-list__item--label {
word-break: keep-all;
margin-left: 5px;
}
.disclosure__submit {
margin-top: 1rem;
}
.disclosure-list__item {
display: block;
padding: 5px 25px 4px 15px;
text-align: left;
text-decoration: none;
border-bottom: 1px solid transparent;
}
.disclosure-list__item.disclosure-list__item-wrapper {
display: flex;
}
.disclosure-list__item:focus, .disclosure-list__item:hover {
color: black;
text-decoration: underline;
}
@supports (color: var(--disclosure-text-color)) {
.disclosure-list__item:focus, .disclosure-list__item:hover {
color: var(--disclosure-text-color);
}
}
.disclosure-list__item--current {
text-decoration: underline;
}
.disclosure-list__option {
color: inherit;
text-decoration: inherit;
}
.disclosure-list__option-code {
white-space: nowrap;
}
.surface-pick-up-embed {
--surface-pick-up-embed-theme-success-color: rgb(50, 205, 50);
--surface-pick-up-embed-theme-error-color: rgb(179, 58, 58);
--surface-pick-up-embed-theme-paragraph-font-size: 16px;
--surface-pick-up-embed-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-embed-theme-paragraph-font-size) - 4px);
--surface-pick-up-embed-theme-body-font-weight-bold: 600;
--surface-pick-up-embed-theme-body-text-color: #808080;
--surface-pick-up-embed-theme-link-text-decoration: underline;
--surface-pick-up-embed-row-gap: 10px;
--surface-pick-up-embed-column-gap: 10px;
display: grid;
grid-template-columns: -webkit-min-content auto;
grid-template-columns: min-content auto;
row-gap: var(--surface-pick-up-embed-row-gap);
column-gap: var(--surface-pick-up-embed-column-gap);
justify-content: flex-start;
text-align: left;
}
.surface-pick-up-embed__in-stock-icon,
.surface-pick-up-embed__out-of-stock-icon {
grid-column-start: 1;
grid-column-end: 2;
margin-top: 3px;
}
.surface-pick-up-embed__in-stock-icon {
fill: var(--surface-pick-up-embed-theme-success-color);
}
.surface-pick-up-embed__out-of-stock-icon {
fill: var(--surface-pick-up-embed-theme-error-color);
}
.surface-pick-up-embed__location-info,
.surface-pick-up-embed__modal-btn {
grid-column-start: 2;
grid-column-end: 3;
}
.surface-pick-up-embed__location-info {
grid-row-start: 1;
grid-row-end: 2;
}
.surface-pick-up-embed__location-availability {
margin-top: 0;
margin-bottom: 0;
font-family: inherit;
font-size: var(--surface-pick-up-embed-theme-paragraph-font-size);
font-weight: inherit;
color: var(--surface-pick-up-embed-theme-body-text-color);
}
.surface-pick-up-embed__location-availability b {
font-weight: var(--surface-pick-up-embed-theme-body-font-weight-bold);
}
.surface-pick-up-embed__location-pick-up-time {
font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
color: var(--surface-pick-up-embed-theme-body-text-color);
}
.surface-pick-up-embed__modal-btn {
grid-row-start: 2;
grid-row-end: 3;
justify-self: start;
padding: 0;
font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
color: var(--surface-pick-up-embed-theme-body-text-color);
text-align: left;
-webkit-text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
cursor: pointer;
background-color: initial;
border: 0;
}
.surface-pick-up-items {
padding: 0;
margin: 0;
}
.surface-pick-up-item {
--surface-pick-up-item-theme-success-color: rgb(50, 205, 50);
--surface-pick-up-item-theme-error-color: rgb(179, 58, 58);
--surface-pick-up-item-theme-paragraph-font-size: 16px;
--surface-pick-up-item-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-item-theme-paragraph-font-size) - 4px);
--surface-pick-up-item-theme-body-font-weight-bold: 600;
--surface-pick-up-item-theme-body-text-color: #808080;
--surface-pick-up-item-theme-border-color: #d9d9d9;
--surface-pick-up-item-theme-link-text-decoration: underline;
--surface-pick-up-item-row-gap: 10px;
--surface-pick-up-item-column-gap: 5px;
--surface-pick-up-item-gap: 28px;
display: grid;
grid-template-columns: repeat(2, auto) 1fr;
row-gap: var(--surface-pick-up-item-row-gap);
column-gap: var(--surface-pick-up-item-column-gap);
justify-content: flex-start;
padding-bottom: var(--surface-pick-up-item-gap);
margin: var(--surface-pick-up-item-gap) 0 0;
text-align: left;
border-bottom: 1px solid var(--surface-pick-up-item-theme-border-color);
}
.surface-pick-up-item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.surface-pick-up-item__header {
display: flex;
grid-column: span 3;
align-items: flex-end;
}
.surface-pick-up-item__pick-up-location {
margin-top: 0;
margin-bottom: 0;
font-family: inherit;
font-size: var(--surface-pick-up-item-theme-paragraph-font-size);
font-weight: var(--surface-pick-up-item-theme-body-font-weight-bold);
color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__pick-up-distance {
padding-left: 2rem;
margin: 0 0 0 auto;
}
.surface-pick-up-item__in-stock-icon,
.surface-pick-up-item__out-of-stock-icon {
grid-row-start: 2;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 2;
margin-top: 1px;
}
.surface-pick-up-item__in-stock-icon {
fill: var(--surface-pick-up-item-theme-success-color);
}
.surface-pick-up-item__out-of-stock-icon {
fill: var(--surface-pick-up-item-theme-error-color);
}
.surface-pick-up-item__availability {
grid-row-start: 2;
grid-row-end: 3;
grid-column-start: 2;
grid-column-end: 3;
font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__address-info {
grid-row-start: 3;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 3;
font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
font-style: normal;
line-height: 1.4;
color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__address-info p {
margin: 0;
}
.surface-pick-up-item__address-info a,
.surface-pick-up-item__address-info a:visited {
color: inherit;
text-decoration: none;
}
.surface-pick-up-item__address-info a:focus,
.surface-pick-up-item__address-info a:active,
.surface-pick-up-item__address-info a:hover {
color: inherit;
}
.surface-pick-up-item__confirm-address {
margin-top: var(--surface-pick-up-item-row-gap);
}
.surface-pick-up-item__confirm-address-icon {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px;
}
/* Layout */
body {
overflow-x: hidden;
}
@media (max-width: 769px) {
input,
select,
textarea {
font-size: 16px;
}
}
* {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.visually-hidden, .age-gate__select-label {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
border: 0;
}
/*! Flickity v1.0.0
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
-webkit-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: grabbing;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
position: absolute;
top: 50%;
min-width: 0;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: transparent;
cursor: pointer;
transform: translateY(-50%);
}
@media (max-width: 769px) {
.flickity-prev-next-button {
display: none;
}
}
.flickity-prev-next-button:hover {
background: transparent;
}
.flickity-prev-next-button.previous {
left: 40px;
}
.home-slideshow-layout-full-width .flickity-prev-next-button.previous {
left: 20px;
}
.flickity-prev-next-button.next {
right: 40px;
}
.home-slideshow-layout-full-width .flickity-prev-next-button.next {
right: 20px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button:disabled {
cursor: auto;
opacity: 0.3;
}
.flickity-prev-next-button svg {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
.flickity-prev-next-button .arrow {
fill: #000;
}
/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
color: #000;
font-size: 1.8571428571rem;
}
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
right: 0;
bottom: 2.5rem;
left: 0;
width: 100%;
padding: 0;
margin: 0;
text-align: center;
line-height: 1;
list-style: none;
}
@media (max-width: 769px) {
.flickity-page-dots {
display: none;
}
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #000;
border-radius: 50%;
cursor: pointer;
opacity: 0.25;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
color: #262626;
background-color: #ffffff;
background-size: 100% auto;
}body.scroll-locked {
overflow: hidden;
}
.main-content {
max-width: 1260px;
margin: 0 auto 65px;
}
.main-content .shopify-section {
margin: 40px 0;
}
.main-content .customer-section,
.main-content .shopify-policy__container {
margin-top: 40px;
}
.main-content .shopify-section--main {
padding: 0 30px;
}
.main-content .shopify-section--video:first-child,
.main-content .shopify-section--promotion:first-child,
.main-content .shopify-section--masonry:first-child,
.main-content .shopify-section--slideshow:first-child {
margin-top: 0;
}
.main-content .shopify-section--video:first-child .layout-content-width,
.main-content .shopify-section--masonry:first-child .home-masonry-layout-content-width,
.main-content .shopify-section--promotion:first-child .home-promotion-layout-content-width,
.main-content .shopify-section--slideshow:first-child .home-slideshow-layout-content-width {
margin-top: 40px;
}
.main-header,
.masonry-features-wrapper,
.main-content,
.main-footer {
transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.loading:not(.no-js) .main-header,
.loading:not(.no-js) .masonry-features-wrapper,
.loading:not(.no-js) .main-content,
.loading:not(.no-js) .main-footer {
opacity: 0;
}
.navigation-wrapper,
.home-slideshow {
transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.loading:not(.no-js) .navigation-wrapper,
.loading:not(.no-js) .home-slideshow {
opacity: 0;
}
.onboarding .slide-image {
background: #e4e4e4;
height: 600px;
}
@media (max-width: 769px) {
.onboarding .slide-image {
height: 300px;
}
}
@media (max-width: 769px) {
.onboarding .slide-content {
padding: 30px 0;
}
}
.onboarding .masonry-feature .no-image {
background: #e4e4e4;
}
.onboarding .featured-collection-image {
height: auto !important;
}
.onboarding .featured-collection-overlay a {
color: inherit;
}
.onboarding .featured-collections-list .no-image,
.onboarding .featured-products-list .no-image {
display: block;
padding-bottom: 100%;
background: #e4e4e4;
}
/* General
-------------------------------- */
html {
font-size: 14px;
}
body {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
color: #262626;
font-size: 14px;
line-height: 1.625;
}
/* Block elements */
address,
article,
aside,
audio,
blockquote,
dd,
dl,
fieldset,
figcaption,
form,
hgroup,
hr,
ol,
p,
pre,
table,
ul,
video {
margin-top: 1.6em;
margin-bottom: 1.6em;
}
/* Links */
a {
color: #1d2349;
text-decoration: none;
}
a:hover {
color: #414fa4;
}
/* Headers */
h1, .age-gate__heading, h2, h3, h4, h5, h6 {
line-height: 1.25;
}
h1 b, .age-gate__heading b,
h1 strong,
.age-gate__heading strong, h2 b,
h2 strong, h3 b,
h3 strong, h4 b,
h4 strong, h5 b,
h5 strong, h6 b,
h6 strong {
font-weight: 700;
}
h1 em, .age-gate__heading em, h2 em, h3 em, h4 em, h5 em, h6 em {
font-style: italic;
}
h1 b em, .age-gate__heading b em,
h1 strong em,
.age-gate__heading strong em,
h1 em b,
.age-gate__heading em b,
h1 em strong,
.age-gate__heading em strong, h2 b em,
h2 strong em,
h2 em b,
h2 em strong, h3 b em,
h3 strong em,
h3 em b,
h3 em strong, h4 b em,
h4 strong em,
h4 em b,
h4 em strong, h5 b em,
h5 strong em,
h5 em b,
h5 em strong, h6 b em,
h6 strong em,
h6 em b,
h6 em strong {
font-style: italic;
}h1, .age-gate__heading {
font-size: 2.5714285714rem;
}h2 {
font-size: 1.7142857143rem;
}h3 {
font-size: 1.1428571429rem;
}h4 {
font-size: 1rem;
}h5 {
font-size: 1rem;
}h6 {
font-size: 0.8571428571rem;
letter-spacing: 0.3em;
}.page-title,
.shopify-policy__title h1,
.shopify-policy__title .age-gate__heading {
margin: 0 0 10px 0;
padding: 0 30px;
text-align: center;
font-size: 1.7142857143rem;
-webkit-font-smoothing: antialiased;
word-break: break-word;
}.page-title,
.shopify-policy__title h1,
.shopify-policy__title .age-gate__heading {
font-size: 1.7142857143rem;
}.section-title {
display: block;
width: 100%;
font-size: 1.2857142857rem;
}.section-title {
font-size: 1.1428571429rem;
}.meta {
font-size: 1rem;
}/* Basic elements */
img {
max-width: 100%;
}
ul, ol, dl {
padding-left: 0;
}
ul {
list-style: outside none;
}
ol {
list-style: outside decimal;
}
hr {
height: 2px;
background: #e4e4e4;
border: none;
}
blockquote > *:first-child {
margin-top: 0;
}
blockquote > *:last-child {
margin-bottom: 0;
}
b,
strong {
font-weight: 700;
}
em {
font-style: italic;
}
b em,
strong em,
em b,
em strong {
font-style: italic;
}
cite {
color: #656565;
}
/* Tables */
table {
background: transparent;
color: #262626;
border: 1px solid #e4e4e4;
border-top: none;
border-radius: 2px;
border-collapse: separate;
}
table.clean {
border: none;
border-radius: 0;
}
th {
font-size: 1.1428571429rem;
background: #ffffff;
color: #494949;
}
tr td, tr th {
border-top: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;
padding: 30px 40px;
}
.clean tr td, .clean tr th {
border: none;
}
tr td:first-child, tr th:first-child {
border-left: none;
}
table.mobile-layout {
border-bottom: none;
}
table.mobile-layout thead {
display: none;
}
table.mobile-layout tr td {
width: 100%;
display: block;
text-align: left;
border-top: 1px solid #e4e4e4 !important;
border-left: none;
/* < IE 10 fix */
float: left;
clear: left;
}
table.mobile-layout td:last-child {
border-bottom: none;
}
table.mobile-layout tr:last-child td:last-child {
border-bottom: 1px solid #e4e4e4 !important;
}
/* Buttons */
.age-gate__confirm_btn, noscript .shopify-localization-form .disclosure__submit, .predictive-search-footer__button, .pxs-newsletter-form-button, .pxs-image-with-text-button, .button,
.submit,
input[type=submit],
input[type=button] {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 400;
background: #1d2349;
color: #ffffff;
display: inline-block;
text-align: center;
line-height: normal;
padding: 15px 20px;
border-radius: 2px;
font-size: 1rem;
transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}.age-gate__confirm_btn, noscript .shopify-localization-form .disclosure__submit, .predictive-search-footer__button, .pxs-newsletter-form-button, .pxs-image-with-text-button, .button,
.submit,
input[type=submit],
input[type=button] {
font-size: 0.9285714286rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}.js body:not(.user-is-tabbing) .age-gate__confirm_btn:focus, .js body:not(.user-is-tabbing) noscript .shopify-localization-form .disclosure__submit:focus, noscript .shopify-localization-form .js body:not(.user-is-tabbing) .disclosure__submit:focus, .js body:not(.user-is-tabbing) .predictive-search-footer__button:focus, .js body:not(.user-is-tabbing) .pxs-newsletter-form-button:focus, .js body:not(.user-is-tabbing) .pxs-image-with-text-button:focus, .js body:not(.user-is-tabbing) .button:focus,
.js body:not(.user-is-tabbing) .submit:focus,
.js body:not(.user-is-tabbing) input[type=submit]:focus,
.js body:not(.user-is-tabbing) input[type=button]:focus {
outline: none;
}
.age-gate__confirm_btn:hover, noscript .shopify-localization-form .disclosure__submit:hover, .predictive-search-footer__button:hover, .pxs-newsletter-form-button:hover, .pxs-image-with-text-button:hover, .button:hover,
.submit:hover,
input[type=submit]:hover,
input[type=button]:hover {
color: #ffffff;
background: #262d5f;
}
.secondary.age-gate__confirm_btn, noscript .shopify-localization-form .secondary.disclosure__submit, .secondary.predictive-search-footer__button, .secondary.pxs-newsletter-form-button, .secondary.pxs-image-with-text-button, .secondary.button,
.secondary.submit,
input.secondary[type=submit],
input.secondary[type=button] {
background: #e0e3f5;
color: #080808;
}
.secondary.age-gate__confirm_btn:hover, noscript .shopify-localization-form .secondary.disclosure__submit:hover, .secondary.predictive-search-footer__button:hover, .secondary.pxs-newsletter-form-button:hover, .secondary.pxs-image-with-text-button:hover, .secondary.button:hover,
.secondary.submit:hover,
input.secondary[type=submit]:hover,
input.secondary[type=button]:hover {
color: #080808;
background: ;
}
.disabled.age-gate__confirm_btn, noscript .shopify-localization-form .disabled.disclosure__submit, .disabled.predictive-search-footer__button, .disabled.pxs-newsletter-form-button, .disabled.pxs-image-with-text-button, .disabled.button,
.disabled.submit,
input.disabled[type=submit],
input.disabled[type=button] {
background: #cccccc;
color: #888888;
cursor: not-allowed;
}
/* Forms & buttons */
label {
display: block;
color: #262626;
margin-top: 32px;
margin-bottom: 22px;
}
.inline-input-wrapper label {
margin-left: 5px;
margin-top: 22px;
display: inline-block;
vertical-align: middle;
}
.input-wrapper {
margin-bottom: 20px;
}
input {
margin-top: 10px;
margin-bottom: 10px;
}
input[type=text],
input[type=date],
input[type=email],
input[type=password],
input[type=search],
input[type=telephone],
input[type=tel],
input[type=number],
textarea {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
display: block;
width: 100%;
max-width: 340px;
padding: 10px 12px;
font-size: 1rem;
color: #262626;
background: #ffffff;
border: 1px solid #e4e4e4;
border-radius: 2px;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}
input[type=text]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=telephone]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: ligthen(#262626, 30%);
}
input[type=text]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=telephone]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
textarea::-moz-placeholder {
color: ligthen(#262626, 30%);
}
input[type=text]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=telephone]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
textarea:-moz-placeholder {
color: ligthen(#262626, 30%);
}
input[type=text]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=telephone]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: ligthen(#262626, 30%);
}
input[type=text].error,
input[type=date].error,
input[type=email].error,
input[type=password].error,
input[type=search].error,
input[type=telephone].error,
input[type=tel].error,
input[type=number].error,
textarea.error {
color: #d60000;
border: 1px solid #d60000;
}
input[type=text].error::-webkit-input-placeholder,
input[type=date].error::-webkit-input-placeholder,
input[type=email].error::-webkit-input-placeholder,
input[type=password].error::-webkit-input-placeholder,
input[type=search].error::-webkit-input-placeholder,
input[type=telephone].error::-webkit-input-placeholder,
input[type=tel].error::-webkit-input-placeholder,
input[type=number].error::-webkit-input-placeholder,
textarea.error::-webkit-input-placeholder {
color: #ff7070;
}
input[type=text].error::-moz-placeholder,
input[type=date].error::-moz-placeholder,
input[type=email].error::-moz-placeholder,
input[type=password].error::-moz-placeholder,
input[type=search].error::-moz-placeholder,
input[type=telephone].error::-moz-placeholder,
input[type=tel].error::-moz-placeholder,
input[type=number].error::-moz-placeholder,
textarea.error::-moz-placeholder {
color: #ff7070;
}
input[type=text].error:-moz-placeholder,
input[type=date].error:-moz-placeholder,
input[type=email].error:-moz-placeholder,
input[type=password].error:-moz-placeholder,
input[type=search].error:-moz-placeholder,
input[type=telephone].error:-moz-placeholder,
input[type=tel].error:-moz-placeholder,
input[type=number].error:-moz-placeholder,
textarea.error:-moz-placeholder {
color: #ff7070;
}
input[type=text].error:-ms-input-placeholder,
input[type=date].error:-ms-input-placeholder,
input[type=email].error:-ms-input-placeholder,
input[type=password].error:-ms-input-placeholder,
input[type=search].error:-ms-input-placeholder,
input[type=telephone].error:-ms-input-placeholder,
input[type=tel].error:-ms-input-placeholder,
input[type=number].error:-ms-input-placeholder,
textarea.error:-ms-input-placeholder {
color: #ff7070;
}
.inline-input-wrapper input[type=text],
.inline-input-wrapper input[type=date],
.inline-input-wrapper input[type=email],
.inline-input-wrapper input[type=password],
.inline-input-wrapper input[type=search],
.inline-input-wrapper input[type=telephone],
.inline-input-wrapper input[type=tel],
.inline-input-wrapper input[type=number],
.inline-input-wrapper textarea {
display: inline-block;
vertical-align: middle;
}
input[type=date] {
display: inline-flex;
}
input[type=checkbox],
input[type=radio] {
margin-right: 5px;
}
.error-message, .errors {
color: #d60000;
}
textarea {
min-height: 170px;
}
.select-wrapper {
background-color: #ffffff;
cursor: pointer;
border: 1px solid #ebebeb;
color: #494949;
position: relative;
padding: 6px 10px;
max-width: 220px;
width: 100%;
border-radius: 2px;
font-size: 1rem;
}
.select-wrapper:after {
content: "\e602";
font-size: 0.3571428571rem;
position: absolute;
right: 12px;
top: 50%;
margin-top: -2px;
}
.select-wrapper:focus-within {
outline: 1px solid #1d2349;
}
.select-wrapper .selected-text {
font-size: 0.9285714286rem;
}
.select-wrapper select {
color: black;
opacity: 0;
filter: alpha(opacity=0); /* IE8 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: pointer;
z-index: 2;
width: 100%; /* needed for Firefox */
height: 100%; /* needed for IE */
-webkit-appearance: none;
}
/* iframes and embeds */
iframe {
border: none;
}
/* RTE areas */
.rte > *:first-child {
margin-top: 0;
}
.rte > *:last-child {
margin-bottom: 0;
}
.rte ul {
list-style: disc;
}
.rte ul, .rte ol {
list-style-position: inside;
}
.rte ul, .rte ol, .rte dl {
padding-left: 20px;
}
.rte ul li, .rte ol li, .rte dl li {
margin: 5px 0;
}
.rte img {
height: auto;
}
.rte blockquote {
border-left: 2px solid #262626;
padding-left: 50px;
}
.rte blockquote cite {
display: block;
color: #262626;
margin-top: 15px;
}
.rte table {
display: block;
border-collapse: collapse;
overflow-x: auto;
white-space: nowrap;
}
@media (min-width: 770px) {
.rte table {
display: table;
overflow-x: visible;
white-space: normal;
}
}
@media (max-width: 769px) {
.rte table td {
width: 100%;
}
}
.rte .tabs {
display: block;
width: 100%;
padding: 0;
margin: 0;
white-space: nowrap;
position: relative;
z-index: 10;
font-size: 0;
overflow-y: hidden;
}
.rte .tabs li {
font-size: 1rem;
display: inline-block;
padding: 10px;
margin: 0;
border: 1px solid transparent;
border-bottom: none;
cursor: pointer;
color: #262626;
}
.rte .tabs li.active {
border-color: #e4e4e4;
background: transparent;
}.rte .tabs-content {
display: block;
width: 100%;
position: relative;
top: -1px;
z-index: 5;
padding: 20px 0 0;
margin: 0 0 30px;
overflow: hidden;
border-top: 1px solid #e4e4e4;
}
.rte .tabs-content > li {
display: none;
margin: 0;
}
.rte .tabs-content > li > *:first-child {
margin-top: 0;
}
.rte .tabs-content > li > *:last-child {
margin-bottom: 0;
}
.rte .tabs-content > li.active {
display: block;
}
/* Templates */
.template-404 .main-content {
margin-bottom: 65px;
}
.template-404 .four-oh-four {
margin-top: 40px;
padding: 0 30px;
text-align: center;
}
.customer-wrapper {
margin: 40px 0 65px;
padding: 0 30px;
}
.template-addresses .customer-wrapper {
font-size: 0;
}
.customer-logout-link a {
font-size: 0.7857142857rem;
color: #656565;
}
.successful-reset,
.recover-password {
display: none;
}
.successful-reset.visible,
.recover-password.visible {
display: block;
}
.successful-reset,
.customer-login,
.recover-password,
.guest-checkout,
.new-customer,
.customer-register,
.activate-account,
.customer-address-edit-form,
.customer-new-address {
margin: 0 auto;
max-width: 340px;
}
.toggle-forgetfulness,
.active-account-decline {
display: inline-block;
vertical-align: middle;
margin-left: 12px;
cursor: pointer;
color: #1d2349;
}
.toggle-forgetfulness:hover,
.active-account-decline:hover {
color: #414fa4;
}
.guest-checkout {
margin-top: 30px;
padding-top: 10px;
border-top: 1px solid #e4e4e4;
}
.guest-checkout p {
margin-bottom: 15px;
}
.new-customer {
margin-top: 50px;
}
.template-account .customer-wrapper,
.template-order .customer-wrapper {
font-size: 0;
}
.template-account th,
.template-account td,
.template-order th,
.template-order td {
padding: 20px 2vw;
border: 0;
}
.template-account th.order-product-item,
.template-account td.order-product-item,
.template-order th.order-product-item,
.template-order td.order-product-item {
padding-right: 0;
}
.template-account th,
.template-order th {
font-size: 0.8571428571rem;
text-align: left;
border-bottom: 1px solid #e4e4e4;
}
.account-info,
.account-history,
.order-history,
.shipping-info,
.customer-addresses,
.customer-address-form-wrapper {
display: inline-block;
vertical-align: top;
font-size: 1rem;
}
.account-info,
.shipping-info {
width: 25%;
padding-right: 35px;
}
@media (max-width: 769px) {
.account-info,
.shipping-info {
width: 100%;
padding-right: 0;
text-align: center;
border-bottom: none;
margin-bottom: 50px;
}
}
@media (max-width: 1023px) and (min-width: 768px) {
.shipping-info {
display: flex;
flex-direction: row;
justify-content: space-evenly;
width: 100%;
margin-bottom: 50px;
text-align: center;
border-bottom: none;
}
.shipping-info .shipping-address {
padding-top: 0;
margin-top: 0;
border-top: none;
}
}
.account-history,
.order-history {
width: 75%;
}
@media (max-width: 769px) {
.account-history,
.order-history {
width: 100%;
}
}
.account-history .empty,
.order-history .empty {
padding: 30px;
margin: 0;
border: 1px solid #e4e4e4;
border-radius: 2px;
}
@media (max-width: 1023px) and (min-width: 768px) {
.order-history {
width: 100%;
}
}
.account-orders,
.order {
width: 100%;
margin: 0;
border: 1px solid #e4e4e4;
}
.account-orders td.order-price,
.order td.order-price {
width: 20%;
}
.account-orders td.order-quantity,
.order td.order-quantity {
width: 10%;
}
.account-orders td.order-total,
.order td.order-total {
width: 20%;
}
.account-orders td.order-total .original-price ~ .final-price,
.order td.order-total .original-price ~ .final-price {
color: #da4833;
}
@media (max-width: 769px) {
.account-orders td,
.order td {
display: block;
width: 100%;
padding: 12px 4vw;
}
.lt-ie10 .account-orders td,
.lt-ie10 .order td {
float: left;
}
.account-orders td.last,
.order td.last {
padding-bottom: 20px;
}
.account-orders td:before,
.order td:before {
display: inline-block;
width: 20%;
padding-right: 35px;
color: #262626;
}
.account-orders td.order-price, .account-orders td.order-quantity, .account-orders td.order-total,
.order td.order-price,
.order td.order-quantity,
.order td.order-total {
display: flex;
flex-direction: row;
width: 100%;
}
.account-orders td.order-price:before, .account-orders td.order-quantity:before, .account-orders td.order-total:before,
.order td.order-price:before,
.order td.order-quantity:before,
.order td.order-total:before {
flex: 1;
}
.account-orders td.order-price span, .account-orders td.order-quantity span, .account-orders td.order-total span,
.order td.order-price span,
.order td.order-quantity span,
.order td.order-total span {
flex: 1;
text-align: right;
}
.account-orders td .final-price-container,
.order td .final-price-container {
text-align: right;
}
}
.account-orders td.first,
.order td.first {
width: 50%;
}
.account-orders td.first .cart-item-discount,
.order td.first .cart-item-discount {
margin-top: 7px;
line-height: 1.4;
}
@media (max-width: 769px) {
.account-orders td.first,
.order td.first {
padding-top: 20px;
border-top: 1px solid #e4e4e4;
width: 100%;
}
}
@media (max-width: 769px) {
.account-orders thead,
.order thead {
display: none;
}
.account-orders tr.first td.first,
.order tr.first td.first {
border-top: 0;
}
}
@media (max-width: 539px) {
.account-orders td:before,
.order td:before {
display: block;
width: 100%;
padding-right: 0;
}
}
@media (max-width: 769px) {
.account-order-number:before,
.account-order-payment-status:before,
.account-order-fulfillment-status:before,
.account-order-total:before,
.order-price:before,
.order-quantity:before,
.order-total:before {
content: attr(data-title);
}
}
.order-product-item {
font-size: 0;
}
.order-image,
.order-details {
display: inline-block;
font-size: 1rem;
vertical-align: middle;
}
.order-price .order-discount-container .final-price {
color: #da4833;
}
@media (max-width: 769px) {
.order-price .order-discount-container {
display: inline-grid;
}
}
.order-image {
width: 15%;
}
.order-image img {
display: block;
}
.order-details {
width: 85%;
padding: 0 30px 0 20px;
}
.order-vendor,
.order-title,
.order-variant {
display: block;
}.order-title {
font-size: 1.1428571429rem;
}
.account-order-totals,
.order-totals {
float: right;
font-size: 1rem;
border: 0;
}
.account-order-totals td,
.order-totals td {
padding: 6px 30px;
}
.account-order-totals td:first-child,
.order-totals td:first-child {
color: #262626;
text-align: right;
}
.order-totals .order-discount-title,
.order-totals .order-discount-price {
color: #da4833;
line-height: 1.4;
}
.order-totals .order-discount-title svg,
.order-totals .order-discount-price svg {
margin-right: 3px;
width: 10px;
height: 10px;
color: #da4833;
}
@media (max-width: 769px) {
.order-totals {
width: 100%;
}
.order-totals td {
width: 40%;
text-align: right;
padding: 6px 4vw;
}
.order-totals td:first-child {
width: 60%;
text-align: left;
}
}
.customer-addresses {
width: 25%;
padding-right: 35px;
}
@media (max-width: 1079px) {
.customer-addresses {
width: 50%;
}
}
@media (max-width: 769px) {
.customer-addresses {
display: block;
width: 100%;
padding-right: 0;
text-align: center;
}
}
.customer-address {
padding-top: 35px;
margin-top: 35px;
border-top: 1px solid #e4e4e4;
}
.customer-address.hidden {
display: none;
}
.customer-address:first-child {
padding-top: 0;
margin-top: 0;
border-top: 0;
}
.customer-address .section-title {
display: block;
margin: 0 0 15px;
}
.customer-address > p:first-child {
margin-top: 0;
}
.add-new-address-wrapper {
margin-top: 35px;
padding-top: 35px;
border-top: 1px solid #e4e4e4;
}
.customer-addresses ~ .customer-address-form-wrapper {
width: 50%;
}
@media (max-width: 769px) {
.customer-addresses ~ .customer-address-form-wrapper {
width: 100%;
border-top: 1px solid #e4e4e4;
margin-top: 40px;
padding-top: 40px;
}
}
@media (max-width: 1079px) {
.customer-addresses ~ .customer-address-form-wrapper .customer-address-edit-form,
.customer-addresses ~ .customer-address-form-wrapper .customer-new-address {
left: 0;
transform: translateX(0%);
}
}
@media (max-width: 769px) {
.customer-addresses ~ .customer-address-form-wrapper .customer-address-edit-form,
.customer-addresses ~ .customer-address-form-wrapper .customer-new-address {
top: 40px;
left: 50%;
transform: translateX(-50%);
}
}
.customer-address-form-wrapper {
position: relative;
width: 100%;
height: 1280px;
}
@media (max-width: 769px) {
.customer-address-form-wrapper {
width: 100%;
}
}
.customer-address-edit-form,
.customer-new-address {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 100%;
transform: translateX(-50%);
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.customer-address-edit-form form,
.customer-address-edit-form form .first,
.customer-new-address form,
.customer-new-address form .first {
margin-top: 0;
}
.customer-address-editing-message {
font-family: Roboto,sans-serif;
font-style: italic;
font-weight: 500;
display: none;
}
.editing .customer-address-editing-message {
display: block;
}
.addresses-pagination {
margin: 1.6em 0;
}
.addresses-pagination span.previous, .addresses-pagination span.next {
color: #656565;
}
.addresses-pagination .previous {
margin-right: 8px;
}
.addresses-pagination .next {
margin-left: 8px;
}
.addresses-pagination .page {
font-family: Roboto,sans-serif;
font-style: italic;
font-weight: 500;
}
.blog-wrapper-masonry {
padding: 0 30px;
margin: 40px 0 65px;
}
.blog-post-masonry-image {
display: block;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.blog-post-masonry-image img {
display: block;
max-width: 100%;
opacity: 0;
}
.blog-post-masonry-content-date {
display: block;
margin-bottom: 0.8571428571rem;
}
.blog-post-masonry-title {
margin-top: 0.8571428571rem;
margin-bottom: 0.8571428571rem;
line-height: 1.15;
}
.blog-post-masonry-content {
padding: 1.4285714286rem 2.1428571429rem;
border: 1px solid #e4e4e4;
}
.blog-post-masonry-image + .blog-post-masonry-content {
border-top: 0;
}
.blog-post-masonry-text {
margin-top: 0.8571428571rem;
}
.template-article .blog-post-wrapper {
margin-top: 40px;
}
.template-article .blog-sidebar,
.template-article .blog-promo {
margin-top: 40px;
}
@media (max-width: 1079px) {
.template-article .blog-sidebar,
.template-article .blog-promo {
margin-top: 0;
}
}
@media (max-width: 769px) {
.template-article .blog-promo {
margin-top: 55px;
}
}
.blog-wrapper {
margin: 40px 0 65px;
padding: 0 30px;
}
.blog-sidebar,
.blog-promo {
float: left;
width: 19.2%;
margin: 0;
}
.blog-sidebar {
padding-right: 35px;
}
@media (max-width: 1079px) {
.blog-sidebar {
width: 100%;
padding-right: 0;
text-align: center;
}
}
@media (max-width: 769px) {
.blog-sidebar {
float: none;
width: 100%;
text-align: center;
}
}
.blog-sidebar > *:last-child {
border-bottom: 0;
}
.blog-sidebar .section-title {
font-size: 1.0714285714rem;
}.blog-sidebar .section-title {
font-size: 1rem;
}.blog-recent-posts {
border-bottom: 1px solid #e4e4e4;
}
.blog-recent-posts .section-title {
margin-top: 0;
}
@media (max-width: 1079px) {
.blog-recent-posts {
display: inline-block;
width: 50%;
border-bottom: 0;
}
}
@media (max-width: 769px) {
.blog-recent-posts {
float: none;
width: 100%;
}
}
.blog-recent-post {
margin: 30px 0 35px;
}
.blog-recent-post-title {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
margin: 0 0 2px;
text-transform: none;
letter-spacing: 0;
}
.blog-recent-post-title a {
color: #262626;
}
.blog-recent-post-date {
margin: 0;
}
.blog-recent-post-date a {
color: #656565;
}
.blog-tag-filter {
margin: 35px 0 0;
padding-bottom: 40px;
border-bottom: 1px solid #e4e4e4;
}
@media (max-width: 1079px) {
.blog-tag-filter {
margin-top: 0;
float: left;
width: 50%;
border-bottom: 0;
padding-right: 35px;
}
}
@media (max-width: 769px) {
.blog-tag-filter {
float: none;
width: 100%;
margin-top: 55px;
padding-right: 0;
}
}
.blog-tag-filter .select-wrapper {
text-align: left;
}
@media (max-width: 769px) {
.blog-tag-filter .select-wrapper {
margin: 0 auto;
}
}
.blog-tag-filter-title {
margin: 0 0 25px;
}
.blog-subscribe {
display: block;
margin-top: 35px;
}
@media (max-width: 769px) {
.blog-subscribe {
margin-top: 0;
}
}
.blog-promo {
position: relative;
padding-left: 35px;
}
@media (max-width: 1079px) {
.blog-promo {
width: 33.333%;
}
}
@media (max-width: 769px) {
.blog-promo {
float: none;
width: 100%;
max-width: 285px;
margin: 55px auto 0;
padding-left: 0;
}
}
.blog-promo-image {
display: block;
width: 100%;
}
.blog-promo-details {
max-width: 90%;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
padding-left: 35px;
transform: translate(-50%, -50%);
}
@media (max-width: 769px) {
.blog-promo-details {
padding-left: 0;
}
}
.blog-promo-title,
.blog-promo-subtitle {
color: #fff;
margin: 0;
}
.blog-promo-title a,
.blog-promo-subtitle a {
color: #fff;
}
.blog-promo-title {
margin-bottom: 7px;
font-size: 1.5rem;
}
.blog-promo-subtitle {
margin-top: 7px;
font-size: 1.1428571429rem;
line-height: 1.4;
}
.blog-posts,
.blog-post-wrapper {
float: left;
margin: 0 auto;
width: 61.6%;
}
@media (max-width: 1079px) {
.blog-posts,
.blog-post-wrapper {
width: 100%;
margin-bottom: 70px;
padding-bottom: 50px;
border-bottom: 1px solid #e4e4e4;
}
}
@media (max-width: 1079px) {
.blog-posts,
.blog-post-wrapper {
float: none;
width: 100%;
}
}
.blog-post {
position: relative;
margin-bottom: 50px;
padding-top: 70px;
border-top: 1px solid #e4e4e4;
}
.blog-post:first-child {
border-top: 0;
margin-top: 0;
padding-top: 0;
}
.blog-post .highlight {
position: absolute;
width: 100%;
}
@media (max-width: 1079px) {
.blog-post .highlight {
position: static;
max-width: 705px;
margin: 0 auto;
display: block;
}
}
@media (max-width: 769px) {
.blog-post .highlight {
width: calc(100% + 60px);
max-width: none;
margin-left: -30px;
}
}
@media (max-width: 1079px) {
.blog-post-inner {
padding-top: 0 !important;
}
}
.post-title,
.post-date,
.post-content {
position: relative;
z-index: 500;
display: block;
margin: 0 auto;
max-width: 560px;
width: 100%;
}
.post-title {
text-align: center;
}
.has-featured-image .post-title {
background: #ffffff;
padding: 45px 45px 0;
}
@media (max-width: 1079px) {
.has-featured-image .post-title {
padding: 25px 0 0;
}
}
.post-date {
margin-top: 27px;
margin-bottom: 30px;
text-align: center;
color: #656565;
}
.post-content .highlight {
position: static;
}
.post-content .full-width {
position: relative;
max-width: none;
}
@media (max-width: 1079px) {
.post-content .full-width {
max-width: 705px !important;
left: 50% !important;
margin-left: -352.5px !important;
}
}
@media (max-width: 769px) {
.post-content .full-width {
max-width: 100% !important;
left: 0 !important;
margin-left: 0 !important;
}
}
.post-meta {
margin: 60px 0 0;
text-align: center;
}
.post-meta .share-buttons {
margin-bottom: 20px;
}
.post-meta .post-tags {
margin-bottom: 40px;
}
.post-meta .post-tags a {
color: #656565;
}
.post-meta .post-tags .title {
margin-right: 5px;
color: #262626;
}
.post-author-avatar {
vertical-align: middle;
border-radius: 50%;
width: 75px;
margin-right: 25px;
}
.post-author-name {
display: inline-block;
vertical-align: middle;
font-size: 1.1428571429rem;
color: #656565;
text-align: center;
}.post-author-name:before {
content: attr(data-title);
display: block;
color: #262626;
font-size: 0.9285714286rem;
}.share-buttons,
.single-post-pagination,
.post-comments {
max-width: 560px;
margin: 0 auto;
}
.single-post-pagination {
margin-bottom: 40px;
font-family: "chiko-icons";
}
.post-comments {
padding-top: 30px;
border-top: 1px solid #e4e4e4;
}
.post-comments .pagination {
margin: 0;
}
.post-comments-list {
padding-bottom: 40px;
border-bottom: 1px solid #e4e4e4;
}
.post-comment {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #e4e4e4;
}
.post-comment.last {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.post-comment-date {
display: block;
margin-bottom: 20px;
}
.post-comment-details {
margin-top: 20px;
}
.post-comment-author-avatar {
margin-right: 10px;
width: 40px;
border-radius: 50%;
vertical-align: middle;
}
.post-comment-author-name {
color: #262626;
vertical-align: middle;
}
.post-comments-submit {
padding-top: 30px;
}
.post-comments-submit label {
display: block;
margin-top: 32px;
margin-bottom: 22px;
}
.post-comments-submit input[type=submit] {
margin-top: 30px;
}
@media (max-width: 1079px) {
.blog-sidebar {
float: none;
}
}
@media (max-width: 1079px) {
.blog-promo {
display: block;
float: none;
width: 33.333%;
margin: 35px auto 0 !important;
padding-left: 0;
}
}
.collection {
padding: 0 10px;
margin-top: 20px;
font-size: 0;
}
.collection:first-child {
margin-top: 0;
}
.collection .empty {
font-size: 1rem;
text-align: center;
}
.collection-header {
margin-bottom: 40px;
}
.collection-header.collection-header-alternate {
padding: 0 20px;
font-size: 0;
}
@media (min-width: 770px) {
.collection-header.collection-header-alternate {
display: flex;
flex-wrap: wrap;
row-gap: 0.5rem;
}
.collection-header.collection-header-alternate .collection-sorting__wrapper:only-child {
margin-right: auto;
margin-left: 0;
}
.collection-header.collection-header-alternate .collection-sorting__wrapper:only-child .collection-dropdown--sort {
margin-left: 0;
}
}
.collection-header.collection-header-alternate .collection-featured-image,
.collection-header.collection-header-alternate .collection-header-content {
font-size: 1rem;
}
@media (min-width: 770px) {
.collection-header.collection-header-alternate .collection-featured-image,
.collection-header.collection-header-alternate .collection-header-content {
width: calc(100% - 10px);
margin-bottom: 0;
vertical-align: top;
}
.collection-header.collection-header-alternate .collection-featured-image:only-child,
.collection-header.collection-header-alternate .collection-header-content:only-child {
display: block;
width: 100%;
min-width: 500px;
margin-right: auto;
margin-left: auto;
}
}
@media (min-width: 1080px) {
.collection-header.collection-header-alternate .collection-featured-image,
.collection-header.collection-header-alternate .collection-header-content {
width: calc(100% - 15px);
}
.collection-header.collection-header-alternate .collection-featured-image:only-child,
.collection-header.collection-header-alternate .collection-header-content:only-child {
width: 100%;
margin-right: auto;
margin-left: auto;
}
}
@media (min-width: 770px) {
.collection-image--true .collection-header.collection-header-alternate .collection-featured-image,
.collection-image--true .collection-header.collection-header-alternate .collection-header-content {
width: calc(50% - 10px);
}
}
@media (min-width: 1080px) {
.collection-image--true .collection-header.collection-header-alternate .collection-featured-image,
.collection-image--true .collection-header.collection-header-alternate .collection-header-content {
width: calc(50% - 15px);
}
}
@media (min-width: 770px) {
.collection-header.collection-header-alternate .collection-header-content:nth-child(2) {
margin-left: 20px;
}
.collection-header.collection-header-alternate .collection-header-content:nth-child(2) .breadcrumbs,
.collection-header.collection-header-alternate .collection-header-content:nth-child(2) .page-title,
.collection-header.collection-header-alternate .collection-header-content:nth-child(2) .collection-description,
.collection-header.collection-header-alternate .collection-header-content:nth-child(2) .faceted-filters {
text-align: left;
}
}
@media (min-width: 1080px) {
.collection-header.collection-header-alternate .collection-header-content:nth-child(2) {
margin-left: 30px;
}
}
.collection-featured-image {
margin-bottom: 20px;
}
.collection-featured-image img {
display: block;
margin: 0 auto;
}
.collection-header-content {
text-align: center;
}
.collection-header-alternate .collection-header-content .breadcrumbs,
.collection-header-alternate .collection-header-content .page-title {
padding-right: 0;
padding-left: 0;
}
.collection-header-alternate .collection-header-content .breadcrumbs {
margin-bottom: 1.4285714286rem;
}
.collection-header-alternate .collection-header-content .page-title {
margin-bottom: 1.7857142857rem;
}
.collection-header-alternate .collection-header-content .page-title:last-child {
margin-bottom: 0;
}
.collection-description {
max-width: 600px;
margin: 0 auto 20px;
font-size: 1rem;
}
.collection-header-alternate .collection-description {
max-width: 100%;
}
@media (min-width: 770px) {
.collection-sorting__wrapper:only-child {
margin-right: 0;
margin-left: auto;
}
}
[data-collection-sorting]:focus {
outline: 5px auto -webkit-focus-ring-color;
}
.collection-dropdown {
display: inline-block;
max-width: 200px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin: 10px;
text-align: left;
}
.collection-dropdown:first-child {
margin-top: 0;
}
.collection-dropdown:last-child {
margin-bottom: 0;
}
@media (min-width: 1080px) {
.collection-dropdown {
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 770px) {
.collection-header--filters-sort-enabled .collection-dropdown {
margin: 0;
}
}
.collections-list-content {
padding: 0 10px;
margin-top: 20px;
font-size: 0;
}
.collections-list-content .masonry-grid {
margin-top: 40px;
}
.collections-list-content .rows-of-1 .masonry-grid-sizer,
.collections-list-content .rows-of-1 .collections-list-item {
width: 100%;
}
@media (min-width: 770px) {
.collections-list-content .rows-of-1 .masonry-grid-sizer,
.collections-list-content .rows-of-1 .collections-list-item {
width: 100%;
}
}
@media (min-width: 1080px) {
.collections-list-content .rows-of-1 .masonry-grid-sizer,
.collections-list-content .rows-of-1 .collections-list-item {
width: 100%;
}
}
@media (min-width: 770px) {
.collections-list-content .rows-of-2 .masonry-grid-sizer,
.collections-list-content .rows-of-2 .collections-list-item {
width: 50%;
}
}
@media (min-width: 1080px) {
.collections-list-content .rows-of-2 .masonry-grid-sizer,
.collections-list-content .rows-of-2 .collections-list-item {
width: 50%;
}
}
@media (min-width: 770px) {
.collections-list-content .rows-of-3 .masonry-grid-sizer,
.collections-list-content .rows-of-3 .collections-list-item {
width: 33.3333333333%;
}
}
@media (min-width: 770px) {
.collections-list-content .rows-of-4 .masonry-grid-sizer,
.collections-list-content .rows-of-4 .collections-list-item {
width: 25%;
}
}
.collections-list-content .pagination {
width: 100%;
}
.collections-list-item {
display: inline-block;
width: 100%;
padding: 0 20px;
margin-top: 20px;
margin-bottom: 0;
font-size: 1rem;
text-align: center;
vertical-align: top;
}
.masonry-grid .collections-list-item {
margin-top: 0;
}
.masonry-grid .collections-list-item .collection-description {
margin-bottom: 0;
}
.collections-list-item .thumbnail a {
display: block;
}
.collections-list-item .thumbnail img {
display: block;
margin: 0 auto;
}
.collections-list-item .collection-title {
margin-bottom: 10px;
word-break: break-word;
}
.collections-list-item .collection-title a {
color: #262626;
}
.template-page .main-content {
margin-bottom: 65px;
}
.template-page .page-content {
padding: 0 30px;
max-width: 710px;
margin: 40px auto 0;
}
.template-page .page-content > *:not(.highlight) {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.template-page .page-content .contact-form {
margin: 40px auto;
padding: 0 30px;
max-width: 400px;
}
.template-page .page-content .contact-form label {
display: block;
margin: 32px 0 22px;
}
.template-page .page-content .contact-form input[type=submit] {
display: block;
margin-top: 32px;
}
.success-message,
.error-message {
font-family: Roboto,sans-serif;
font-style: italic;
font-weight: 500;
margin-top: 25px;
}
.template-password {
height: 100vh;
text-align: center;
}
.template-password .form-title {
margin-bottom: 15px;
font-size: 1.1428571429rem;
}
.template-password div.errors {
margin-top: 8px;
margin-bottom: 8px;
}
.template-password .password-branding {
padding-bottom: 0;
border-bottom: 0;
}
.password-page {
display: table;
width: 100%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding: 0 30px;
}
.password-page-footer,
.password-page-header {
display: table-row;
height: 1px;
}
.password-page-header {
font-size: 1rem;
text-align: right;
}
.password-page-footer {
font-size: 1rem;
}
.password-page-content {
display: table-row;
width: 100%;
height: 100%;
margin: 0 auto;
}
.password-page-content h2 {
font-size: 2rem;
line-height: 1.8;
}
.password-page-inner {
display: table-cell;
padding: 10px 0;
}
.password-page-content .password-page-inner {
vertical-align: middle;
}
.password-page-header .password-page-inner, .password-page-footer .password-page-inner {
font-size: 95%;
line-height: 1.2;
vertical-align: bottom;
}
.password-login-text {
text-align: right;
}
.password-page-logo {
padding-bottom: 15px;
}
.password-page-form-header {
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #e4e4e4;
}
.password-page-form-header:after {
content: "";
display: block;
max-width: 50px;
margin: 15px auto 0;
border-bottom: 1px solid #e4e4e4;
}
.password-page-message {
margin-top: 1em;
margin-bottom: 0;
}
.password-page-modal-wrapper {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
visibility: hidden;
z-index: 5001;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.password-page-modal-wrapper.visible {
visibility: visible;
opacity: 1;
}
.password-page-modal {
position: absolute;
top: 50%;
left: 50%;
z-index: 1000;
width: 100%;
max-width: 960px;
max-height: 90%;
padding: 70px;
overflow-y: auto;
background: #ffffff;
opacity: 0;
transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform: translate(-50%, -50%);
}
.visible .password-page-modal {
visibility: visible;
opacity: 1;
}
.password-page-modal .header {
position: relative;
padding-bottom: 15px;
}
.password-page-modal .admin-login {
font-size: 1rem;
}
.password-page-field-wrap {
position: relative;
display: inline-block;
width: 75%;
max-width: 350px;
padding-right: 65px;
margin: 0 auto;
border: 1px solid #e4e4e4;
}
@media (max-width: 539px) {
.password-page-field-wrap {
width: 100%;
}
}
.password-page-field-wrap .password-page-input,
.password-page-field-wrap .submit {
padding: 0;
margin: 0;
font-size: 1rem;
border: 0;
outline: none;
}
.password-page-field-wrap .password-page-input {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 700;
width: 100%;
padding: 8px 0 8px 8px;
background: transparent;
}
.password-page-field-wrap .submit {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
padding-right: 15px;
padding-left: 15px;
letter-spacing: 0.1em;
text-align: center;
border-radius: 0 5px 5px 0;
}
.search {
padding: 0 10px;
margin-top: 20px;
}
.search:first-child {
margin-top: 0;
}
.search .empty {
font-size: 1rem;
text-align: center;
}
.template-search .main-content {
margin-bottom: 65px;
}
.search-results-wrapper {
padding: 0 10px;
margin-top: 40px;
}
.search-results-text {
padding: 0 20px;
margin: 0 0 40px;
font-size: 16px;
color: #262626;
text-align: center;
}
.search-results-products {
font-size: 0;
}
.search-results-products .product-list-item, .search-results-products .product-grid-masonry-sizer {
width: 20%;
}
@media (max-width: 1079px) {
.search-results-products .product-list-item, .search-results-products .product-grid-masonry-sizer {
width: 33.333%;
}
}
@media (max-width: 769px) {
.search-results-products .product-list-item, .search-results-products .product-grid-masonry-sizer {
width: 50%;
}
}
@media (max-width: 539px) {
.search-results-products .product-list-item, .search-results-products .product-grid-masonry-sizer {
width: 100%;
}
}
.search-results-products ~ .search-results-other .section-title {
border-top: 1px solid #e4e4e4;
padding-top: 40px;
}
.search-results-other {
padding: 0 20px;
margin: 40px 0 20px;
}
.search-results-other .section-title {
margin-bottom: 40px;
text-align: center;
}
.search-results-list {
max-width: 560px;
margin: 0 auto;
}
.search-results-item {
border-bottom: 1px solid #e4e4e4;
padding-bottom: 20px;
margin-bottom: 20px;
}
.search-results-item:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.search-result-title {
text-transform: none;
letter-spacing: 0;
margin-bottom: 5px;
font-size: 1rem;
}
.search-result-link {
color: #262626;
}
.search-result-link:hover {
color: #353535;
}
.search-result-summary {
margin-top: 10px;
}
.search-result-summary p {
margin-top: 1em;
margin-bottom: 1em;
}
.search-result-image {
margin-top: 10px;
margin-bottom: 10px;
}
/* Dynamic sections */
.shopify-section--blog-posts {
position: relative;
width: 100%;
overflow: hidden;
}
.home-blog {
padding: 30px 8px;
margin: 0;
font-size: 0;
text-align: center;
border-top: 1px solid #e4e4e4;
}
@media (max-width: 769px) {
.home-blog {
margin-bottom: 0;
}
}
.home-blog .flickity-viewport {
overflow: visible;
transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.home-blog.flickity-enabled {
padding-right: 0;
padding-left: 0;
}
.home-blog > *:first-child {
margin-top: 0;
}
.home-blog .section-title {
margin-bottom: 30px;
}
.home-blog-post {
display: inline-block;
width: 17.8571428571rem;
padding: 0 22px;
margin: 0;
font-size: 1rem;
vertical-align: top;
}
.home-blog-columns-1 .home-blog-post {
width: 100%;
}
@media (min-width: 540px) {
.home-blog-post {
width: 21.4285714286rem;
}
.home-blog-columns-1 .home-blog-post {
width: 100%;
}
}
@media (min-width: 770px) {
.home-blog-columns-1 .home-blog-post {
width: 100%;
}
.home-blog-columns-2 .home-blog-post {
width: 50%;
}
.home-blog-columns-3 .home-blog-post {
width: 33.333%;
}
.home-blog-columns-4 .home-blog-post {
width: 25%;
}
}
.home-blog-post-image {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
.home-blog-post-image:hover img,
.home-blog-post-image:hover svg {
transform: scale(1.02);
}
.home-blog-post-image img,
.home-blog-post-image svg {
display: block;
width: 100%;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.home-blog-post-title {
margin: 0 0 15px;
font-size: 1.4285714286rem;
}
.home-blog-post-date {
margin: 0;
}
.home-blog-post-date a {
color: #656565;
}
.home-blog-post-read-more {
margin: 1em 0;
line-height: 1;
}
.home-collections {
display: block;
padding: 0;
text-align: center;
margin-top: 30px;
margin-bottom: -30px;
font-size: 0;
}
@media (min-width: 770px) {
.home-collections {
margin-bottom: -40px;
}
}
.home-collections > *:first-child {
margin-top: 0;
}
.home-collections .section-title {
margin-bottom: 30px;
}
.home-collection {
display: inline-block;
width: 100%;
padding: 0 30px;
margin-top: 0;
margin-bottom: 30px;
font-size: 1rem;
vertical-align: top;
}
.home-collection:last-child {
margin-bottom: 0;
}
@media (max-width: 769px) and (min-width: 540px) {
.home-collection {
width: 50%;
}
.home-collections-has-remainder .home-collection:first-child {
width: 100%;
}
}
@media (min-width: 770px) {
.home-collection {
margin-bottom: 40px;
}
.home-collections-columns-1 .home-collection {
width: 100%;
}
.home-collections-columns-2 .home-collection {
width: 50%;
}
.home-collections-columns-3 .home-collection {
width: 33.3333333333%;
}
}
.home-collection-image {
position: relative;
width: 100%;
margin: 0;
overflow: hidden;
aspect-ratio: var(--home-collection-image-aspect-ratio);
}
.home-collection-image:hover .home-collection-overlay-wrapper.home-collection-overlay-color-white {
background: rgba(0, 0, 0, 0.5);
}
.home-collection-image:hover .home-collection-overlay-wrapper.home-collection-overlay-color-black {
background: rgba(255, 255, 255, 0.5);
}
.home-collection-image:hover img {
transform: scale(1.02);
}
.home-collection-image img {
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
}
.ie9 .home-collection-image img {
top: 50%;
right: auto;
bottom: auto;
left: 50%;
width: 100%;
height: auto;
transform: translate(-50%, -50%);
}
.home-collection__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.home-collection-overlay-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.home-collection-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.home-collection-overlay-color-white .home-collection-overlay {
color: #fff;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.home-collection-overlay-color-white .home-collection-overlay a {
color: #fff;
}
.home-collection-overlay-color-black .home-collection-overlay {
color: #000;
text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);
}
.home-collection-overlay-color-black .home-collection-overlay a {
color: #000;
}
.home-collection-title {
margin: 0;
color: inherit;
font-size: 1.7857142857rem;
}
.home-collection-subtitle {
font-size: 1.1428571429rem;
}
.home-collection-description {
border: 1px solid #e4e4e4;
padding: 30px 35px 35px;
}
.home-collection-description > *:first-child {
margin-top: 0;
}
.home-collection-description > *:last-child {
margin-bottom: 0;
}
.home-collection-description p {
margin: 1em 0;
}
.home-masonry {
padding-right: 25px;
padding-left: 25px;
font-size: 0;
}
.home-masonry.home-masonry-gutters {
margin-left: -5px;
}
@media (min-width: 770px) {
.home-masonry.home-masonry-gutters {
width: calc(100% + 10px);
}
}
.home-masonry.home-masonry-layout-content-width {
margin-left: 0;
padding-right: 30px;
padding-left: 30px;
}
.home-masonry.home-masonry-layout-full-width {
padding-right: 0;
padding-left: 0;
margin-top: 0;
overflow: hidden;
}
@media (min-width: 1260px) {
.home-masonry.home-masonry-layout-full-width {
width: 100vw;
margin-left: calc(-50vw + 630px);
}
.home-masonry.home-masonry-layout-full-width.home-masonry-gutters {
width: calc(100vw + 10px);
margin-left: calc(-50vw + 630px - 5px);
}
}
@media (max-width: 769px) {
.home-masonry {
margin-bottom: 0;
}
.home-masonry .home-masonry-feature-1,
.home-masonry .home-masonry-feature-2,
.home-masonry .home-masonry-feature-3,
.home-masonry .home-masonry-feature-4,
.home-masonry .home-masonry-feature-5,
.home-masonry .home-masonry-feature-6 {
display: none;
width: 100%;
height: auto;
padding: 0;
padding-bottom: 0;
}
.home-masonry .home-masonry-feature-1.home-masonry-feature-mobile,
.home-masonry .home-masonry-feature-2.home-masonry-feature-mobile,
.home-masonry .home-masonry-feature-3.home-masonry-feature-mobile,
.home-masonry .home-masonry-feature-4.home-masonry-feature-mobile,
.home-masonry .home-masonry-feature-5.home-masonry-feature-mobile,
.home-masonry .home-masonry-feature-6.home-masonry-feature-mobile {
display: block;
margin-right: 0;
margin-left: 0;
}
}
.home-masonry-feature {
position: relative;
display: inline-block;
height: 0;
margin: 0;
overflow: hidden;
vertical-align: top;
}
.home-masonry-feature.home-masonry-feature-has-url {
cursor: pointer;
}
.home-masonry-feature.home-masonry-feature-gutters {
margin: 0 5px 10px;
}
@media (max-width: 769px) {
.home-masonry-feature {
text-align: center;
}
}
.home-masonry-feature.has-link {
cursor: pointer;
}
.home-masonry-hover-animation .home-masonry-feature:hover .home-masonry-feature-image {
transform: scale(1.02);
}
.home-masonry-hover-animation .home-masonry-feature:hover.color-black.home-masonry-feature-has-content figure:after {
background: rgba(255, 255, 255, 0.5);
}
.home-masonry-hover-animation .home-masonry-feature:hover.color-white.home-masonry-feature-has-content figure:after {
background: rgba(0, 0, 0, 0.5);
}
.home-masonry-feature .no-image {
width: 100%;
background: #f7f7f7;
}
@media (max-width: 769px) {
.home-masonry-feature .no-image {
padding-bottom: 30% !important;
}
}
@media (min-width: 770px) {
.home-masonry-feature-count-1 .home-masonry-feature-1 {
width: 100%;
padding-bottom: 100%;
}
.home-masonry-feature-count-1 .home-masonry-feature-1.home-masonry-feature-gutters {
width: calc(100% - 10px);
padding-bottom: calc(100% - 10px);
}
}
@media (min-width: 770px) {
.home-masonry-feature-count-2 .home-masonry-feature-1 {
width: 50%;
padding-bottom: 30%;
}
.home-masonry-feature-count-2 .home-masonry-feature-1.home-masonry-feature-gutters {
width: calc(50% - 10px);
padding-bottom: calc(30% - 10px);
}
.home-masonry-feature-count-2 .home-masonry-feature-2 {
width: 50%;
padding-bottom: 30%;
}
.home-masonry-feature-count-2 .home-masonry-feature-2.home-masonry-feature-gutters {
width: calc(50% - 10px);
padding-bottom: calc(30% - 10px);
}
}
@media (min-width: 770px) {
.home-masonry-feature-count-3 .home-masonry-feature-1 {
width: 33.33%;
padding-bottom: 25%;
}
.home-masonry-feature-count-3 .home-masonry-feature-1.home-masonry-feature-gutters {
width: calc(33.33% - 10px);
padding-bottom: calc(25% - 10px);
}
.home-masonry-feature-count-3 .home-masonry-feature-2 {
width: 33.33%;
padding-bottom: 25%;
}
.home-masonry-feature-count-3 .home-masonry-feature-2.home-masonry-feature-gutters {
width: calc(33.33% - 10px);
padding-bottom: calc(25% - 10px);
}
.home-masonry-feature-count-3 .home-masonry-feature-3 {
width: 33.33%;
padding-bottom: 25%;
}
.home-masonry-feature-count-3 .home-masonry-feature-3.home-masonry-feature-gutters {
width: calc(33.33% - 10px);
padding-bottom: calc(25% - 10px);
}
}
@media (min-width: 770px) {
.home-masonry-feature-count-4 .home-masonry-feature-1 {
width: 50%;
padding-bottom: 20.6%;
}
.home-masonry-feature-count-4 .home-masonry-feature-1.home-masonry-feature-gutters {
width: calc(50% - 10px);
padding-bottom: calc(20.6% - 10px);
}
.home-masonry-feature-count-4 .home-masonry-feature-2 {
width: 50%;
padding-bottom: 29.4%;
}
.home-masonry-feature-count-4 .home-masonry-feature-2.home-masonry-feature-gutters {
width: calc(50% - 10px);
padding-bottom: calc(29.4% - 10px);
}
.home-masonry-feature-count-4 .home-masonry-feature-3 {
width: 50%;
padding-bottom: 29.4%;
margin-top: calc(-8.8%);
}
.home-masonry-feature-count-4 .home-masonry-feature-3.home-masonry-feature-gutters {
width: calc(50% - 10px);
padding-bottom: calc(29.4% - 10px);
margin-top: calc(-8.8%);
}
.home-masonry-feature-count-4 .home-masonry-feature-4 {
width: 50%;
padding-bottom: 20.6%;
}
.home-masonry-feature-count-4 .home-masonry-feature-4.home-masonry-feature-gutters {
width: calc(50% - 10px);
padding-bottom: calc(20.6% - 10px);
}
}
@media (min-width: 770px) {
.home-masonry-feature-count-5 .home-masonry-feature-1 {
width: 30%;
padding-bottom: 20.6%;
}
.home-masonry-feature-count-5 .home-masonry-feature-1.home-masonry-feature-gutters {
width: calc(30% - 10px);
padding-bottom: calc(20.6% - 10px);
}
.home-masonry-feature-count-5 .home-masonry-feature-2 {
width: 70%;
padding-bottom: 29.4%;
}
.home-masonry-feature-count-5 .home-masonry-feature-2.home-masonry-feature-gutters {
width: calc(70% - 10px);
padding-bottom: calc(29.4% - 10px);
}
.home-masonry-feature-count-5 .home-masonry-feature-3 {
width: 30%;
padding-bottom: 29.4%;
margin-top: calc(-8.8%);
}
.home-masonry-feature-count-5 .home-masonry-feature-3.home-masonry-feature-gutters {
width: calc(30% - 10px);
padding-bottom: calc(29.4% - 10px);
margin-top: calc(-8.8%);
}
.home-masonry-feature-count-5 .home-masonry-feature-4 {
width: 40%;
padding-bottom: 20.6%;
}
.home-masonry-feature-count-5 .home-masonry-feature-4.home-masonry-feature-gutters {
width: calc(40% - 10px);
padding-bottom: calc(20.6% - 10px);
}
.home-masonry-feature-count-5 .home-masonry-feature-5 {
width: 30%;
padding-bottom: 20.6%;
}
.home-masonry-feature-count-5 .home-masonry-feature-5.home-masonry-feature-gutters {
width: calc(30% - 10px);
padding-bottom: calc(20.6% - 10px);
}
}
@media (min-width: 770px) {
.home-masonry-feature-count-6 .home-masonry-feature-1 {
width: 30%;
padding-bottom: 20.6%;
}
.home-masonry-feature-count-6 .home-masonry-feature-1.home-masonry-feature-gutters {
width: calc(30% - 10px);
padding-bottom: calc(20.6% - 10px);
}
.home-masonry-feature-count-6 .home-masonry-feature-2 {
width: 30%;
padding-bottom: 29.4%;
}
.home-masonry-feature-count-6 .home-masonry-feature-2.home-masonry-feature-gutters {
width: calc(30% - 10px);
padding-bottom: calc(29.4% - 10px);
}
.home-masonry-feature-count-6 .home-masonry-feature-3 {
width: 40%;
padding-bottom: 29.4%;
}
.home-masonry-feature-count-6 .home-masonry-feature-3.home-masonry-feature-gutters {
width: calc(40% - 10px);
padding-bottom: calc(29.4% - 10px);
}
.home-masonry-feature-count-6 .home-masonry-feature-4 {
width: 30%;
padding-bottom: 29.4%;
margin-top: calc(-8.8%);
}
.home-masonry-feature-count-6 .home-masonry-feature-4.home-masonry-feature-gutters {
width: calc(30% - 10px);
padding-bottom: calc(29.4% - 10px);
margin-top: calc(-8.8%);
}
.home-masonry-feature-count-6 .home-masonry-feature-5 {
width: 40%;
padding-bottom: 20.6%;
}
.home-masonry-feature-count-6 .home-masonry-feature-5.home-masonry-feature-gutters {
width: calc(40% - 10px);
padding-bottom: calc(20.6% - 10px);
}
.home-masonry-feature-count-6 .home-masonry-feature-6 {
width: 30%;
padding-bottom: 20.6%;
}
.home-masonry-feature-count-6 .home-masonry-feature-6.home-masonry-feature-gutters {
width: calc(30% - 10px);
padding-bottom: calc(20.6% - 10px);
}
}
.home-masonry-feature-image {
transform-style: preserve-3d;
transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
margin: 0;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 770px) {
.home-masonry-feature-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
.home-masonry-feature-image .overlay {
width: 100%;
height: 100%;
}
.home-masonry-onboard .home-masonry-feature-image {
overflow: visible;
border: 1px solid rgba(0, 0, 0, 0.5);
}
@media (max-width: 769px) {
.home-masonry-feature-image {
display: inline-block;
height: auto !important;
width: 100%;
}
.home-masonry-feature-image:not(.no-image) {
padding-bottom: 0 !important;
}
}
.home-masonry-feature-image::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.home-masonry-feature-count-1 .home-masonry-feature-image {
height: auto;
}
.home-masonry-feature-image .home-masonry-feature-placeholder {
width: 100%;
height: 100%;
margin: 0;
}
.home-masonry-feature-image img {
pointer-events: none;
opacity: 0;
}
.home-masonry-feature-text {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 85%;
font-size: 1rem;
text-align: center;
transform: translate(-50%, -50%);
}
.home-masonry-feature-text p {
margin-bottom: 0;
}
.no-touch .home-masonry-hover .home-masonry-feature-text {
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform: translate(-50%, -50%) scale(0.95);
}
.no-touch .home-masonry-hover .home-masonry-feature:hover .home-masonry-feature-text {
opacity: 1;
transform: translate(-50%, -50%) scale(0.95);
}
.home-masonry-feature-title {
margin-top: 0;
font-size: 1.5714285714rem;
line-height: 1.2;
}
@media (max-width: 1079px) and (min-width: 770px) {
.home-masonry-feature-title {
font-size: 1.2857142857rem;
}
}
.home-masonry-feature-subtitle {
margin-top: 0;
margin-bottom: 0;
font-size: 1.1428571429rem;
line-height: 1.2;
}
@media (max-width: 1079px) and (min-width: 770px) {
.home-masonry-feature-subtitle {
font-size: 1rem;
}
}
.home-masonry-feature-video-trigger {
display: inline-block;
height: 40px;
color: #1d2349;
cursor: pointer;
transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.home-masonry-feature-video-trigger:hover {
color: #262d5f;
}
@media (max-width: 769px) and (min-width: 375px) {
.home-masonry-feature-video-trigger {
height: 50px;
}
}
@media (max-width: 1079px) and (min-width: 770px) {
.home-masonry-feature-video-trigger {
height: 30px;
}
}
.home-masonry-feature-video-trigger,
.home-masonry-feature-title,
.home-masonry-feature-subtitle {
margin-top: 15px;
}
.home-masonry-feature-video-trigger:first-child,
.home-masonry-feature-title:first-child,
.home-masonry-feature-subtitle:first-child {
margin-top: 0;
}
@media (max-width: 769px) and (min-width: 540px) {
.home-masonry-feature-video-trigger,
.home-masonry-feature-title,
.home-masonry-feature-subtitle {
margin-top: 30px;
}
}
@media (max-width: 1079px) and (min-width: 770px) {
.home-masonry-feature-video-trigger,
.home-masonry-feature-title,
.home-masonry-feature-subtitle {
margin-top: 10px;
}
}
.home-masonry-video-modal .modal-inner {
overflow: hidden;
transform: translate(-50%, -50%);
}
.home-message {
margin: 30px;
text-align: center;
}
.home-message-content {
padding: 30px;
}
.home-message-content.home-message-content-border {
border: 1px solid #e4e4e4;
}
.home-message-content h2,
.home-message-content h3 {
display: block;
max-width: 840px;
margin: 0 auto 16px;
}
.shopify-section--featured-collection {
position: relative;
width: 100%;
overflow: hidden;
}
.home-products .section-title {
margin-top: 0;
text-align: center;
}
.home-products-content {
padding: 0 10px;
font-size: 0;
}
@media (max-width: 539px) {
.home-products-content {
padding-left: 30px;
white-space: nowrap;
}
}
.home-products-content .product-list-item, .home-products-content .product-grid-masonry-sizer {
width: 100%;
}
@media (max-width: 539px) {
.home-products-content .product-list-item, .home-products-content .product-grid-masonry-sizer {
width: 230px;
padding-right: 0;
padding-left: 0;
margin-right: 15px;
}
}
@media (max-width: 539px) and (min-width: 375px) {
.home-products-content .product-list-item, .home-products-content .product-grid-masonry-sizer {
width: 260px;
}
}
@media (max-width: 539px) and (min-width: 540px) {
.home-products-content .product-list-item, .home-products-content .product-grid-masonry-sizer {
width: calc(50% - 15px);
}
}
@media (min-width: 540px) {
.home-products-content .product-list-item, .home-products-content .product-grid-masonry-sizer {
width: 50%;
}
}
@media (min-width: 770px) {
.home-products-columns-4 .home-products-content .product-list-item, .home-products-columns-4 .home-products-content .product-grid-masonry-sizer {
width: 25%;
}
.home-products-columns-3 .home-products-content .product-list-item, .home-products-columns-3 .home-products-content .product-grid-masonry-sizer {
width: 33.3333333333%;
}
.home-products-columns-2 .home-products-content .product-list-item, .home-products-columns-2 .home-products-content .product-grid-masonry-sizer {
width: 50%;
}
}
.home-products-content .flickity-viewport {
overflow: visible;
transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.template-index .main-content .shopify-section--promotion + .shopify-section--promotion {
margin-top: -40px;
}
.home-promotion {
position: relative;
max-width: 1260px;
margin: 0 auto;
}
.home-promotion.home-promotion-layout-content-width {
padding-right: 30px;
padding-left: 30px;
}
.home-promotion.home-promotion-layout-content-width.home-promotion-align-center .home-promotion-content {
padding-left: 20%;
padding-right: 20%;
}
@media (max-width: 1079px) {
.home-promotion.home-promotion-layout-content-width.home-promotion-align-center .home-promotion-content {
padding-left: 30px;
padding-right: 30px;
}
}
.home-promotion.home-promotion-layout-full-screen, .home-promotion.home-promotion-layout-full-width {
width: 100%;
max-width: 100vw;
min-width: 100%;
margin: 0;
overflow: hidden;
}
@media (min-width: 1260px) {
.home-promotion.home-promotion-layout-full-screen, .home-promotion.home-promotion-layout-full-width {
width: 100vw;
margin-left: calc(-50vw + 630px);
}
}
.home-promotion.home-promotion-layout-full-screen {
height: 100vh;
}
.home-promotion-align-left {
text-align: left;
}
.home-promotion-align-center {
text-align: center;
}
.home-promotion-align-right {
text-align: right;
}
.home-promotion-content {
position: relative;
z-index: 100;
padding: 120px 30px;
transition: padding 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.home-promotion-layout-full-screen .home-promotion-content, .home-promotion-image-container + .home-promotion-content {
position: absolute;
top: 50%;
right: 0;
left: 0;
padding-top: 60px;
padding-bottom: 60px;
transform: translateY(-50%);
}
.home-promotion-image-container {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.home-promotion-layout-full-screen .home-promotion-image-container {
height: 100%;
}
.home-promotion-image {
display: block;
height: auto;
max-width: 100%;
min-height: 150px;
margin-right: auto;
margin-left: auto;
}
.home-promotion-has-content .home-promotion-image {
opacity: 0;
}
.home-slideshow {
margin: 0 auto;
max-width: 1260px;
}
.home-slideshow.home-slideshow-layout-content-width {
padding-right: 30px;
padding-left: 30px;
}
@media (max-width: 769px) {
.home-slideshow.home-slideshow-layout-content-width {
padding-right: 0;
padding-left: 0;
}
}
.home-slideshow.home-slideshow-layout-full-width {
width: 100%;
min-width: 100%;
max-width: 100vw;
margin: 0;
overflow: hidden;
}
@media (min-width: 1260px) {
.home-slideshow.home-slideshow-layout-full-width {
width: 100vw;
margin-left: calc(-50vw + 630px);
}
}
.home-slideshow-slide {
position: relative;
width: 100%;
margin: 0;
}
.home-slideshow-slide-image {
position: relative;
margin: 0;
overflow: hidden;
}
.home-slideshow-slide-image img {
display: block;
width: 100%;
height: auto;
}
.home-slideshow-slide-content {
position: absolute;
top: 50%;
right: 70px;
left: 70px;
text-align: left;
transform: translateY(-50%);
}
@media (max-width: 769px) {
.home-slideshow-slide-content {
position: relative;
top: auto;
right: auto;
left: auto;
padding: 50px 30px;
text-align: left;
transform: none;
}
}
.home-slideshow-slide-alignment-center .home-slideshow-slide-content {
text-align: center;
}
.home-slideshow-slide-alignment-right .home-slideshow-slide-content {
text-align: right;
}
.home-slideshow-slide-content-inner {
margin: 0 auto;
max-width: 1260px;
}
@media (max-width: 769px) {
.home-slideshow-slide-heading {
color: #262626 !important;
}
}
@media (max-width: 769px) {
.home-slideshow-slide-subheading {
color: #656565 !important;
}
}
.shopify-section--testimonials {
position: relative;
width: 100%;
overflow: hidden;
}
.home-testimonials {
padding: 0;
margin: 0 30px 0;
}
@media (min-width: 770px) {
.home-testimonials {
margin-right: 15px;
margin-left: 15px;
}
}
.home-testimonials .section-title {
margin-top: 0;
margin-bottom: 30px;
text-align: center;
}
@media (min-width: 770px) {
.home-testimonials .section-title {
padding-right: 15px;
padding-left: 15px;
}
}
.home-testimonials-list {
padding-right: 15px;
padding-left: 15px;
font-size: 0;
}
.home-testimonials-list .flickity-viewport {
overflow: visible;
transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.home-testimonials-list.flickity-enabled {
padding-right: 0;
padding-left: 0;
}
@media (min-width: 770px) {
.home-testimonials-list {
padding-right: 0;
padding-left: 0;
}
}
.home-testimonials-item {
display: inline-block;
width: 20rem;
min-width: 20rem;
padding: 2.5rem;
margin: 30px 15px 0;
font-size: 1rem;
text-align: center;
vertical-align: top;
}
@media (max-width: 374px) {
.home-testimonials-item {
width: 16.4285714286rem;
min-width: 16.4285714286rem;
padding-right: 8px;
padding-left: 8px;
margin-right: 8px;
margin-left: 8px;
}
.home-testimonials-item:first-child {
margin-left: 15px;
}
.home-testimonials-item:last-child {
margin-right: 15px;
}
}
@media (max-width: 769px) {
.home-testimonials-item:not(:first-child) {
position: absolute;
visibility: hidden;
}
.flickity-enabled .home-testimonials-item:not(:first-child) {
position: relative;
visibility: visible;
}
}
.home-testimonials-item:first-child {
margin-top: 0;
}
.style-filled .home-testimonials-item {
background-color: #f7f7f7;
}
.style-bordered .home-testimonials-item {
border: 1px solid #e4e4e4;
}
.flickity-enabled .home-testimonials-item {
margin-top: 0;
}
@media (min-width: 770px) {
.home-testimonials-item {
min-width: inherit;
}
.rows-of-2 .home-testimonials-item {
width: calc(50% - 30px);
}
.rows-of-2 .home-testimonials-item:nth-child(-n+2) {
margin-top: 0;
}
.rows-of-3 .home-testimonials-item {
width: calc(33.3333333333% - 30px);
}
.rows-of-3 .home-testimonials-item:nth-child(-n+3) {
margin-top: 0;
}
.rows-of-4 .home-testimonials-item {
width: calc(25% - 30px);
}
.rows-of-4 .home-testimonials-item:nth-child(-n+4) {
margin-top: 0;
}
}
.home-testimonials-icon {
display: inline-block;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
color: #1d2349;
}
.home-testimonials-content {
font-size: 1.1428571429rem;
}
.home-testimonials-content + span {
margin-top: 20px;
}
.home-testimonials-name,
.home-testimonials-role {
display: block;
line-height: 1.15;
color: #262626;
}
.home-testimonials-name {
font-size: 1.1428571429rem;
}
.home-testimonials-role {
margin-top: 2px;
font-size: 1.1428571429rem;
opacity: 0.75;
}
.pxs-announcement-bar {
display: block;
padding: 16px 15px;
font-size: 14px;
line-height: 1.5;
text-align: center;
text-decoration: none;
}
@media (min-width: 770px) {
.pxs-announcement-bar {
padding-right: 30px;
padding-left: 30px;
}
}
.pxs-announcement-bar-text-mobile + .pxs-announcement-bar-text-desktop {
display: none;
}
@media (min-width: 770px) {
.pxs-announcement-bar-text-mobile + .pxs-announcement-bar-text-desktop {
display: block;
}
}
@media (min-width: 770px) {
.pxs-announcement-bar-text-mobile {
display: none;
}
}
.pxs-announcement-bar {
display: block;
position: relative;
z-index: 5000;
font-size: 14px;
}
.shopify-section-group-header-group ~ .shopify-section-group-header-group .pxs-announcement-bar {
z-index: 0;
}
.pxs-image-with-text:not(.pxs-image-with-text-section-height-original) .pxs-image-with-text-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.pxs-image-with-text:not(.pxs-image-with-text-section-height-original) .pxs-image-with-text-image {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
}
.pxs-image-with-text:not(.pxs-image-with-text-section-height-original) .pxs-image-with-text-image[data-rimg=noscript] {
width: 100%;
height: 100%;
opacity: 1;
object-fit: cover;
}
@media (min-width: 480px) {
.pxs-image-with-text.pxs-image-with-text-section-height-original .pxs-image-with-text-content-wrapper {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
}
}
.pxs-image-with-text-wrapper {
position: relative;
}
.pxs-image-with-text-background {
background-size: cover;
}
.pxs-image-with-text-background svg {
width: 100%;
height: 100%;
max-height: 100%;
}
.pxs-image-with-text-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media (max-width: 480px) {
.pxs-image-with-text-section-height-original .pxs-image-with-text-overlay {
display: none;
}
}
.pxs-image-with-text-content-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 36px;
text-align: center;
}
@media (max-width: 480px) {
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-wrapper {
align-items: center;
justify-content: center;
padding: 20px;
text-align: center;
}
}
.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-top {
align-items: flex-start;
padding-bottom: 100px;
}
@media (min-width: 720px) {
.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-top {
padding-bottom: 180px;
}
}
.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-center {
padding: 60px 36px;
}
@media (min-width: 720px) {
.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-center {
padding: 100px 36px;
}
}
.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-bottom {
align-items: flex-end;
padding-top: 100px;
}
@media (min-width: 720px) {
.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-y-bottom {
padding-top: 180px;
}
}
.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-x-left {
justify-content: flex-start;
text-align: left;
}
.pxs-image-with-text-section-height-small .pxs-image-with-text-content-position-x-right {
justify-content: flex-end;
text-align: right;
}
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-top {
align-items: flex-start;
padding-bottom: 160px;
}
@media (min-width: 720px) {
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-top {
padding-bottom: 280px;
}
}
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-center {
padding: 90px 36px;
}
@media (min-width: 720px) {
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-center {
padding: 150px 36px;
}
}
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-bottom {
align-items: flex-end;
padding-top: 160px;
}
@media (min-width: 720px) {
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-y-bottom {
padding-top: 280px;
}
}
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-x-left {
justify-content: flex-start;
text-align: left;
}
.pxs-image-with-text-section-height-medium .pxs-image-with-text-content-position-x-right {
justify-content: flex-end;
text-align: right;
}
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-top {
align-items: flex-start;
padding-bottom: 220px;
}
@media (min-width: 720px) {
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-top {
padding-bottom: 380px;
}
}
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-center {
padding: 120px 36px;
}
@media (min-width: 720px) {
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-center {
padding: 200px 36px;
}
}
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-bottom {
align-items: flex-end;
padding-top: 220px;
}
@media (min-width: 720px) {
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-y-bottom {
padding-top: 380px;
}
}
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-x-left {
justify-content: flex-start;
text-align: left;
}
.pxs-image-with-text-section-height-large .pxs-image-with-text-content-position-x-right {
justify-content: flex-end;
text-align: right;
}
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-top {
align-items: flex-start;
padding-bottom: -20px;
}
@media (min-width: 720px) {
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-top {
padding-bottom: -20px;
}
}
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-center {
padding: 0 36px;
}
@media (min-width: 720px) {
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-center {
padding: 0 36px;
}
}
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-bottom {
align-items: flex-end;
padding-top: -20px;
}
@media (min-width: 720px) {
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-y-bottom {
padding-top: -20px;
}
}
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-x-left {
justify-content: flex-start;
text-align: left;
}
.pxs-image-with-text-section-height-original .pxs-image-with-text-content-position-x-right {
justify-content: flex-end;
text-align: right;
}
.pxs-image-with-text-content {
width: 85%;
padding: 8px 0;
}
@media (min-width: 720px) {
.pxs-image-with-text-content {
width: 60%;
padding: 12px 0;
}
.pxs-image-with-text-content-position-x-left .pxs-image-with-text-content, .pxs-image-with-text-content-position-x-right .pxs-image-with-text-content {
width: 45%;
}
}
.pxs-image-with-text-text-alignment-left {
text-align: left;
}
.pxs-image-with-text-text-alignment-center {
text-align: center;
}
.pxs-image-with-text-text-alignment-right {
text-align: right;
}
.pxs-image-with-text-heading,
.pxs-image-with-text-subheading {
color: inherit;
}
@media (max-width: 480px) {
.pxs-image-with-text-section-height-original .pxs-image-with-text-heading,
.pxs-image-with-text-section-height-original .pxs-image-with-text-subheading {
color: #262626;
}
}
.pxs-image-with-text-heading {
margin-top: 0;
margin-bottom: 4px;
}
@media (min-width: 720px) {
.pxs-image-with-text-heading {
margin-bottom: 12px;
}
}
.pxs-image-with-text-subheading {
margin: 0;
}
.pxs-image-with-text-subheading p {
margin-top: 0;
}
.pxs-image-with-text-subheading p:last-child {
margin-bottom: 0;
}
.pxs-image-with-text-button {
margin-top: 20px;
}
@media (min-width: 720px) {
.pxs-image-with-text-button {
margin-top: 28px;
}
}
@media (min-width: 1024px) {
.pxs-image-with-text-button {
margin-top: 36px;
}
}
.pxs-image-with-text-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pxs-image-with-text {
margin: 0 30px;
}
.pxs-map {
position: relative;
display: flex;
justify-content: space-between;
margin-top: 50px;
}
@media (max-width: 770px) {
.pxs-map {
flex-wrap: wrap;
}
}
.pxs-map-wrapper {
position: relative;
width: 100%;
height: 280px;
padding: 0;
background-size: cover;
}
@media (min-width: 770px) {
.pxs-map-wrapper {
height: 400px;
}
.pxs-map-section-layout-x-outside-left .pxs-map-wrapper, .pxs-map-section-layout-x-outside-right .pxs-map-wrapper {
width: calc(50% - 10px);
}
}
.pxs-map-wrapper.pxs-map-wrapper-height-medium {
height: 350px;
}
@media (min-width: 770px) {
.pxs-map-wrapper.pxs-map-wrapper-height-medium {
height: 500px;
}
}
.pxs-map-wrapper.pxs-map-wrapper-height-large {
height: 420px;
}
@media (min-width: 770px) {
.pxs-map-wrapper.pxs-map-wrapper-height-large {
height: 600px;
}
}
.pxs-map-wrapper .pxs-map-image {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
}
.pxs-map-wrapper .pxs-map-image[data-rimg=noscript] {
position: relative;
width: 100%;
height: 100%;
opacity: 1;
object-fit: cover;
}
.pxs-map-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.pxs-map-section-layout-x-outside-left .pxs-map-overlay, .pxs-map-section-layout-x-outside-right .pxs-map-overlay {
display: none;
}
@media (max-width: 770px) {
.pxs-map-overlay {
display: none;
}
}
.pxs-map-container {
position: relative;
width: 100%;
height: 100%;
}
.pxs-map-error-message {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
padding: 20px;
}
.pxs-map-error-message p {
margin: 0;
text-align: center;
}
.pxs-map-error-message a {
color: inherit;
}
.pxs-map-card-wrapper {
width: 100%;
}
@media (max-width: 770px) {
.pxs-map-section-layout-mobile-above .pxs-map-card-wrapper {
order: -1;
margin-bottom: 20px;
}
.pxs-map-section-layout-mobile-below .pxs-map-card-wrapper {
margin-top: 20px;
}
}
@media (min-width: 770px) {
.pxs-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;
}
.pxs-map-section-layout-x-outside-left .pxs-map-card-wrapper, .pxs-map-section-layout-x-outside-right .pxs-map-card-wrapper {
position: static;
width: calc(50% - 10px);
padding: 0;
background-color: #fff;
}
.pxs-map-section-layout-x-outside-left .pxs-map-card-wrapper {
order: -1;
}
.pxs-map-section-layout-y-outside-center .pxs-map-card-wrapper, .pxs-map-section-layout-y-overlay-center .pxs-map-card-wrapper {
align-items: center;
}
.pxs-map-section-layout-y-outside-bottom .pxs-map-card-wrapper, .pxs-map-section-layout-y-overlay-bottom .pxs-map-card-wrapper {
align-items: flex-end;
}
.pxs-map-section-layout-x-overlay-center .pxs-map-card-wrapper {
justify-content: center;
}
.pxs-map-section-layout-x-overlay-right .pxs-map-card-wrapper {
justify-content: flex-end;
}
}
@media (min-width: 1280px) {
.pxs-map-card-wrapper {
top: 25px;
bottom: 25px;
padding: 0 25px;
}
}
.pxs-map-card {
width: 100%;
padding: 25px;
background-color: #fff;
}
@media (max-width: 770px) {
.pxs-map-card {
max-width: 100%;
}
}
@media (min-width: 770px) {
.pxs-map-card {
right: auto;
bottom: 25px;
left: 25px;
width: auto;
max-width: 40%;
min-width: 280px;
}
.pxs-map-section-layout-x-outside-left .pxs-map-card, .pxs-map-section-layout-x-outside-right .pxs-map-card {
width: 100%;
max-width: 100%;
}
}
.pxs-map-card-text-alignment-left {
text-align: left;
}
.pxs-map-card-text-alignment-center {
text-align: center;
}
.pxs-map-card-text-alignment-right {
text-align: right;
}
.pxs-map-card-heading {
margin: 0 0 26px;
}
.pxs-map-card-content p:last-child {
margin-bottom: 0;
}
.pxs-map {
margin: 0 30px;
}
.video-section--content-width {
max-width: 1260px;
padding: 0 30px 50px;
margin-right: auto;
margin-left: auto;
}
.video-section--content-width .video-section__wrapper:first-child {
margin-top: 50px;
}
@media (min-width: 1260px) {
.video-section--full-width {
width: 100vw;
margin-left: calc(-50vw + 630px);
}
}
.video-section__wrapper {
position: relative;
width: 100%;
height: 100%;
}
.video-section__wrapper.video-section__wrapper--aspect-ratio-16-9 {
padding-bottom: 56.25%;
}
.video-section__wrapper.video-section__wrapper--aspect-ratio-21-9 {
padding-bottom: 42.8571428571%;
}
.video-section__video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
}
.video-section__video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-section__overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
overflow: hidden;
}
[data-video-transitioning=true] .video-section__overlay, [data-video-playing=true] .video-section__overlay {
pointer-events: none;
visibility: none;
opacity: 0;
}
.video-section__overlay-header {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 0.5rem;
margin: auto;
text-align: center;
background-color: var(--overlay-color);
}
.video-section__overlay-header.video-section__overlay-header--text-position-below-button .video-section__overlay-heading, .video-section__overlay-header.video-section__overlay-header--text-position-below-button .video-section__overlay-subheading {
order: 2;
}
[data-video-transitioning=true] .video-section__wrapper--show-text-while-playing-false .video-section__overlay-header, [data-video-playing=true] .video-section__wrapper--show-text-while-playing-false .video-section__overlay-header {
opacity: 0;
transition: opacity 200ms ease-in-out;
}
[data-video-playing=true] .video-section__wrapper--show-text-while-playing-false .video-section__overlay-header {
z-index: 0;
}
.video-section__overlay-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.video-section__overlay-image-wrapper {
height: 100%;
}
[data-video-transitioning=true] .video-section__overlay-image-wrapper, [data-video-playing=true] .video-section__overlay-image-wrapper {
opacity: 0;
transition: opacity 200ms ease-in-out;
}
[data-video-playing=true] .video-section__overlay-image-wrapper {
z-index: 0;
}
.video-section__play-button {
position: relative;
width: 50px;
height: 50px;
padding: 0;
margin: 0;
cursor: pointer;
border: 0;
border-radius: 25px;
outline: none;
}
[data-video-transitioning=true] .video-section__play-button, [data-video-playing=true] .video-section__play-button {
opacity: 0;
transition: opacity 200ms ease-in-out;
}
[data-video-playing=true] .video-section__play-button {
display: none;
}
.video-section__play-button .video-section__play-icon svg path {
fill: currentColor;
}
.video-section__play-button--primary {
color: #ffffff;
background-color: var(--shopify-editor-setting-accent-color);
}
.video-section__play-button-text {
display: none;
}
.video-section__play-icon svg {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 10px;
height: auto;
margin-left: 2px;
color: inherit;
opacity: 1;
transform: translate(-50%, -50%);
}
[data-video-loading=true] .video-section__play-icon {
opacity: 0;
transition: opacity 200ms ease-in-out;
}
.video-section__loading-icon {
position: absolute;
top: 50%;
left: 50%;
display: block;
opacity: 0;
transform: translate(-50%, -50%);
}
[data-video-loading=true] .video-section__loading-icon {
opacity: 1;
transition: opacity 200ms ease-in-out;
}
.video-section__overlay-heading {
font-family: "Roboto Slab",serif;
font-style: normal;
font-weight: 700;
margin: 20px 0;
font-size: 2.5rem;
line-height: 1.25;
color: var(--overlay-text-color);
}.video-section__overlay-heading {
text-transform: uppercase;
letter-spacing: 0.05em;
}@media (max-width: 769px) {
.video-section__overlay-heading {
font-size: 1.875rem;
}
}
.video-section__overlay-subheading {
margin-bottom: 20px;
font-size: 1.25rem;
color: var(--overlay-text-color);
}
@media (max-width: 769px) {
.video-section__overlay-subheading {
display: none;
font-size: 1.125rem;
}
}
.video-section__overlay-subheading p {
max-width: 640px;
margin-right: auto;
margin-left: auto;
}
.video-section__overlay-subheading p:first-child {
margin-top: 0;
}
.video-section__overlay-subheading p:last-child {
margin-bottom: 0;
}
.pxs-newsletter-section {
position: relative;
width: 100%;
}
.pxs-newsletter-section .newsletter-success {
font-weight: bold;
text-align: center;
}
.pxs-newsletter {
position: relative;
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
padding: 50px 0 20px;
margin: 0 auto;
}
@media screen and (max-width: 680px) {
.pxs-newsletter {
flex-direction: column;
}
}
@media (min-width: 1080px) {
.pxs-newsletter {
max-width: 100%;
padding-top: 68px;
}
}
.pxs-newsletter-figure {
position: relative;
flex-shrink: 1;
order: 0;
margin: 0;
background-size: cover;
}
@media screen and (max-width: 680px) {
.pxs-newsletter-mobile-alignment-bottom .pxs-newsletter-figure {
order: 1;
}
}
@media screen and (min-width: 680px) {
.pxs-newsletter-desktop-alignment-right .pxs-newsletter-figure {
order: 1;
}
}
.pxs-newsletter-content {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
order: 0;
padding: 0 20px;
}
@media screen and (min-width: 680px) {
.pxs-newsletter-content {
padding: 0 50px;
}
}
.pxs-newsletter-image {
display: block;
width: 100%;
opacity: 0;
}
.pxs-newsletter-image[data-rimg=noscript] {
opacity: 1;
}
.pxs-newsletter-header {
margin: 0 auto;
text-align: center;
}
@media (min-width: 680px) {
.pxs-newsletter-header {
max-width: 80%;
}
}
.pxs-newsletter-heading {
margin-top: 0;
margin-bottom: 12px;
}
.pxs-newsletter-text {
margin-top: 0;
margin-bottom: 36px;
}
.pxs-newsletter-form .contact-form {
margin: 0;
}
.pxs-newsletter-form-fields {
display: flex;
align-items: stretch;
justify-content: center;
}
.pxs-newsletter-form-label {
display: none;
}
.pxs-newsletter-form-input {
height: 100%;
margin: 0;
}
.pxs-newsletter-form-button {
height: 100%;
}
.pxs-newsletter {
padding: 0;
align-items: stretch;
justify-content: space-between;
margin: 0 30px;
}
.pxs-newsletter-figure,
.pxs-newsletter-content {
border: 1px solid #e4e4e4;
}
.pxs-newsletter-content {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
@media (min-width: 770px) {
.pxs-newsletter-content {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media (min-width: 770px) {
.pxs-newsletter-figure {
width: 50%;
}
.pxs-newsletter-figure + .pxs-newsletter-content {
width: 50%;
}
}
@media (max-width: 769px) {
.pxs-newsletter-mobile-alignment-top .pxs-newsletter-figure {
border-bottom: 0;
}
.pxs-newsletter-mobile-alignment-bottom .pxs-newsletter-figure {
border-top: 0;
}
}
@media (min-width: 770px) {
.pxs-newsletter-desktop-alignment-left .pxs-newsletter-figure {
border-right: 0;
}
.pxs-newsletter-desktop-alignment-right .pxs-newsletter-figure {
border-left: 0;
}
}
.pxs-newsletter-heading {
font-family: "Roboto Slab",serif;
font-style: normal;
font-weight: 700;
margin-bottom: 17px;
}
@media (min-width: 770px) {
.pxs-newsletter-heading {
margin-bottom: 28px;
}
}
.pxs-newsletter-text {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
margin-bottom: 20px;
font-size: 1.1428571429rem;
}
@media (min-width: 770px) {
.pxs-newsletter-text {
margin-bottom: 32px;
}
}
.custom-liquid__wrapper {
display: flex;
margin: 0 30px;
}
.predictive-search-results {
position: relative;
display: grid;
grid-template-columns: 1fr;
row-gap: 30px;
}
.predictive-search-results.predictive-search-results--multi-column {
grid-template-columns: 1fr 1fr;
gap: 30px;
}
@media (max-width: 769px) {
.predictive-search-results.predictive-search-results--multi-column {
grid-template-columns: 1fr;
}
}
[data-loading=true] .predictive-search-results {
display: none;
}
.predictive-search-heading {
padding-bottom: 8px;
margin: 0;
font-size: 14px;
border-bottom: 1px solid #e4e4e4;
}
.predictive-search-heading + .predictive-search-results-list {
margin-top: 12px;
}
.predictive-search-results-list {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
word-break: break-word;
list-style: none;
}
.predictive-search-results-list__item-result {
display: block;
color: #262626;
}
.predictive-search-query-suggestions .predictive-search-results-list__item-result mark {
color: inherit;
background: none;
}
.predictive-search-query-suggestions .predictive-search-results-list__item-result span {
font-weight: bold;
}
.predictive-search-results-list__item-result-container {
display: flex;
gap: 18px;
}
.predictive-search-results-list__product-item-image-container {
flex: 0 0 80px;
}
.predictive-search-results-list__product-item-content {
display: flex;
flex-direction: column;
gap: 4px;
color: #262626;
}
.predictive-search-results-list__product-item-vendor {
font-size: 13px;
}
.predictive-search-results-list__product-item-heading {
margin: 0;
font-size: 15px;
text-transform: none;
letter-spacing: 0;
}
.predictive-search-results-list__product-item-price {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin: 0;
font-size: 14px;
}
.predictive-search-results-list__product-item-price .original {
color: #939393;
text-decoration: line-through;
}
.predictive-search-no-results,
.predictive-search-query-suggestions {
grid-column: span 2;
}
@media (max-width: 769px) {
.predictive-search-no-results,
.predictive-search-query-suggestions {
grid-column: span 1;
}
}
.predictive-search-no-results__text {
text-align: center;
}
.predictive-search-footer {
position: sticky;
bottom: 0;
grid-column: span 2;
padding: 20px 0;
margin-top: -20px; /* Account for grid-gap and sticky footer button */
background-color: #ffffff;
}
@media (max-width: 769px) {
.predictive-search-footer {
grid-column: span 1;
}
}
.predictive-search-footer__button {
width: 100%;
word-break: break-word;
}
/* Static sections */
.template-cart .main-content {
margin-bottom: 65px;
}
.template-cart .empty {
padding: 0 30px;
text-align: center;
word-wrap: break-word;
}
.cart-form {
max-width: 1260px;
margin: 40px auto;
padding: 0 30px;
}
.cart-items {
width: 100%;
border-top: 1px solid #e4e4e4;
transition: height 0.3s ease-in;
}
.cart-items.empty {
height: 0;
overflow: hidden;
}
@media (max-width: 769px) {
.cart-items thead {
display: none;
}
}
.cart-items th,
.cart-items td {
padding: 30px 2vw;
border: 0;
}
.cart-items td.first {
padding-left: 30px;
}
@media (max-width: 769px) {
.cart-items td {
padding: 30px 5vw;
}
.cart-items td.first {
padding: 30px 5vw;
}
}
.cart-items th {
padding: 20px 30px 20px 0;
font-size: 0.8571428571rem;
text-align: right;
border-bottom: 1px solid #e4e4e4;
}
.cart-items th.first {
text-align: left;
padding-left: 30px;
}
.cart-item {
transition: opacity 0.3s ease-in, height 0.3s ease-in;
}
.cart-item.removing {
opacity: 0;
}
.cart-item .removed {
text-align: center;
}
@media (max-width: 769px) {
.cart-item.first .product-item,
.cart-item.first .remove {
border-top: 0;
}
}
.cart-item .product-item {
position: relative;
width: 50%;
font-size: 0;
padding-right: 0;
}
@media (max-width: 769px) {
.cart-item .product-item {
display: block;
border-top: 1px solid #e4e4e4;
width: 100%;
padding: 30px 30px 12px;
}
.lt-ie10 .cart-item .product-item {
float: left;
}
}
.cart-item .image,
.cart-item .product-item-details {
display: inline-block;
vertical-align: middle;
font-size: 1rem;
}
.cart-item .image {
width: 25%;
}
@media (max-width: 769px) {
.cart-item .image {
width: 50%;
}
}
@media (max-width: 769px) {
.cart-item .image img {
float: left;
width: 100%;
}
}
.cart-item .product-item-details {
width: 75%;
padding: 0 30px 0 20px;
}
@media (max-width: 769px) {
.cart-item .product-item-details {
width: 50%;
padding: 0 0px 0 5vw;
}
}
.cart-item .product-item-details span {
display: block;
}
.cart-item .original-price {
display: block;
color: #666666;
}
.cart-item .original-price ~ .final-price {
color: #da4833;
}
.cart-item .cart-item-discounts {
color: #da4833;
margin: 0;
line-height: 1.4;
}
.cart-item .cart-item-discounts svg {
color: #da4833;
margin-right: 4px;
height: 0.7142857143rem;
width: 0.7142857143rem;
}
.cart-item .cart-item-discounts .cart-item-discount {
margin-top: 7px;
}
.cart-item .price {
width: 20%;
}
.cart-item .quantity,
.cart-item .total {
width: 15%;
}
@media (max-width: 769px) {
.cart-item .quantity:before {
align-self: center;
}
}
.cart-item .price,
.cart-item .quantity,
.cart-item .total {
padding-left: 0;
text-align: right;
}
@media (max-width: 769px) {
.cart-item .price,
.cart-item .quantity,
.cart-item .total {
display: flex;
flex-direction: row;
width: 100%;
padding: 10px 5vw;
text-align: right;
}
.lt-ie10 .cart-item .price,
.lt-ie10 .cart-item .quantity,
.lt-ie10 .cart-item .total {
float: left;
}
.cart-item .price:before,
.cart-item .quantity:before,
.cart-item .total:before {
flex: 1;
text-align: left;
margin-right: 20px;
color: #262626;
}
.cart-item .price .price-container,
.cart-item .quantity .price-container,
.cart-item .total .price-container {
flex: 1;
}
.cart-item .price .price-container .cart-item-discounts,
.cart-item .quantity .price-container .cart-item-discounts,
.cart-item .total .price-container .cart-item-discounts {
margin-top: 0;
}
.cart-item .price input,
.cart-item .quantity input,
.cart-item .total input {
width: 68px;
margin-top: 0;
margin-bottom: 0;
}
}
@media (max-width: 769px) {
.cart-item .price:before,
.cart-item .quantity:before,
.cart-item .total:before {
content: attr(data-title);
}
.cart-item .price .price-container,
.cart-item .total .price-container {
display: inline-grid;
justify-items: flex-end;
}
.cart-item .price .cart-item-discounts,
.cart-item .total .cart-item-discounts {
margin-top: 15px;
}
.cart-item .total {
padding-bottom: 30px;
}
}
.cart-item .quantity input {
display: inline-block;
width: 68px;
text-align: center;
}
.cart-item .remove {
position: absolute;
top: 30px;
font-size: 0.7142857143rem;
color: #656565;
cursor: pointer;
-webkit-font-smoothing: antialiased;
}
@media (min-width: 770px) {
.cart-item .remove {
left: 10px;
}
}
@media (max-width: 769px) {
.cart-item .remove {
top: 12px;
right: 10px;
}
}
.cart-brand {
font-size: 0.8571428571rem;
}.cart-brand a {
color: #656565;
}
.cart-title {
margin: 5px 0;
font-size: 1.1428571429rem;
}
@media (max-width: 769px) {
.cart-title {
line-height: 1.4;
}
}
@media (max-width: 769px) {
.cart-variant {
line-height: 1.4;
}
}
.cart-item-properties {
margin-top: 5px;
font-size: 1rem;
color: #262626;
word-break: break-word;
}
@media (max-width: 769px) {
.cart-item-property {
margin-top: 5px;
}
}
.cart-item-property-label,
.cart-item-property-value {
display: inline !important;
}
.cart-undo {
cursor: pointer;
color: #1d2349;
}
.cart-tools {
margin-top: 40px;
font-size: 0;
}
.cart-instructions,
.cart-totals {
display: inline-block;
vertical-align: top;
font-size: 1rem;
}
.cart-instructions {
width: 50%;
}
@media (max-width: 769px) {
.cart-instructions {
width: 100%;
}
}
.cart-instructions h2 {
margin: 0 0 20px;
font-size: 1rem;
}
.cart-instructions textarea {
width: 100%;
max-width: 100%;
}
.cart-totals {
width: 100%;
text-align: right;
}
.has-special-instructions .cart-totals {
padding-left: 40px;
width: 50%;
}
.has-special-instructions .cart-totals .cart-discount {
margin-left: 0;
}
@media (max-width: 769px) {
.has-special-instructions .cart-totals {
padding-left: 0px;
width: 100%;
}
}
.cart-totals .cart-discount {
display: flex;
flex-direction: row;
margin-bottom: 10px;
margin-left: 50%;
line-height: 1.4;
color: #da4833;
}
@media (max-width: 769px) {
.cart-totals .cart-discount {
margin-left: 20%;
}
}
.cart-totals .cart-discount .cart-discount-title {
flex: 3;
padding: 0 10px 10px 0;
}
.cart-totals .cart-discount .cart-discount-title svg {
margin-right: 3px;
height: 0.7142857143rem;
width: 0.7142857143rem;
}
.cart-totals .cart-discount .cart-discount-price {
padding-left: 10px;
text-align: right;
}
@media (max-width: 769px) {
.cart-totals {
width: 100%;
padding: 0;
margin-top: 40px;
}
}
.cart-price {
font-family: "Roboto Slab",serif;
font-style: normal;
font-weight: 700;
margin: 0;
font-size: 2.1428571429rem;
line-height: 1;
color: #262626;
}
.cart-message {
margin: 8px 0 0;
}
.cart-buttons-container {
display: flex;
justify-content: flex-end;
margin-top: 20px;
margin-bottom: 10px;
}
.cart-buttons-container .button {
margin-top: 0;
margin-bottom: 0;
}
.cart-checkout {
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
}
.cart-checkout svg {
width: 16px;
height: 16px;
margin: -10px 10px -10px 0;
}
@media (max-width: 769px) {
.cart-buttons-container {
display: block;
}
.cart-buttons-container .button {
width: 100%;
}
.cart-buttons-container .cart-checkout {
margin-top: 10px;
margin-left: 0px;
}
}
.cart-shipping-calculator {
max-width: 1260px;
padding: 0 30px;
margin: 0 auto;
font-size: 0;
}
.cart-shipping-calculator h2 {
margin: 0 0 20px;
font-size: 1rem;
}
.cart-shipping-calculator label {
display: block;
margin: 20px 0 10px;
}
.cart-shipping-calculator .get-rates {
margin-top: 24px;
}
.cart-shipping-calculator .wrapper-setup,
.cart-shipping-calculator .cart-shipping-calculator-response {
display: inline-block;
vertical-align: top;
font-size: 1rem;
}
@media (max-width: 539px) {
.cart-shipping-calculator .wrapper-setup,
.cart-shipping-calculator .cart-shipping-calculator-response {
width: 100%;
padding: 0;
}
}
.cart-shipping-calculator .wrapper-setup {
width: 340px;
}
@media (max-width: 1079px) {
.cart-shipping-calculator .wrapper-setup {
width: 300px;
}
}
@media (max-width: 769px) {
.cart-shipping-calculator .wrapper-setup {
max-width: 300px;
}
}
.no-js .cart-shipping-calculator {
display: none;
}
.cart-shipping-calculator-response {
padding-left: 40px;
width: 400px;
}
@media (max-width: 1079px) {
.cart-shipping-calculator-response {
width: 370px;
}
}
@media (max-width: 769px) {
.cart-shipping-calculator-response {
padding-left: 0;
max-width: 370px;
}
}
.shopify-apple-pay-button {
margin-left: 0 !important;
margin-right: 10px !important;
vertical-align: top;
}
.zip-code {
max-width: 220px;
}
.additional-checkout-buttons {
display: flex;
justify-content: flex-end;
}
@media (max-width: 769px) {
.additional-checkout-buttons {
display: inline-block;
width: 100%;
}
}
[data-shopify-buttoncontainer] {
justify-content: flex-end;
}
@media (max-width: 769px) {
[data-shopify-buttoncontainer] {
justify-content: center;
}
}
.main-footer {
max-width: 1260px;
margin: 0 auto 30px;
padding: 0 30px;
font-size: 0;
}
@media (max-width: 1079px) {
.main-footer {
border-top: 1px solid #e4e4e4;
padding: 0;
}
}
.main-footer .section-title {
margin: 0 0 20px;
font-size: 1.1428571429rem;
}.main-footer .section-title {
text-transform: uppercase;
letter-spacing: 0.05em;
}.main-footer a {
color: #262626;
}
.masonry-features-wrapper + .main-footer {
border: 0;
}
.masonry-features-wrapper + .main-footer .upper-footer {
border: 0;
}
.upper-footer {
display: flex;
flex-wrap: wrap;
padding: 40px 0 50px;
border-top: 1px solid #e4e4e4;
}
@media (max-width: 1079px) {
.upper-footer {
border: 0;
padding: 40px 30px;
}
}
@media (max-width: 769px) {
.upper-footer > *:last-child {
margin-bottom: 0;
}
}
.upper-footer a:hover {
color: #262626;
}
.upper-footer-item {
flex-basis: auto;
flex-grow: 1;
width: auto;
max-width: 20%;
}
@media (max-width: 1079px) {
.upper-footer-item {
max-width: 25%;
}
}
@media (max-width: 769px) {
.upper-footer-item {
max-width: 100%;
}
}
.upper-footer-item-count-1 .upper-footer-item {
max-width: 100%;
}
@media (max-width: 1079px) {
.upper-footer-item-count-1 .upper-footer-item {
max-width: 25%;
}
}
@media (max-width: 769px) {
.upper-footer-item-count-1 .upper-footer-item {
max-width: 100%;
}
}
.upper-footer-has-newsletter .upper-footer-item-count-1 .upper-footer-item {
max-width: 100%;
}
@media (max-width: 1079px) {
.upper-footer-has-newsletter .upper-footer-item-count-1 .upper-footer-item {
max-width: 25%;
}
}
@media (max-width: 769px) {
.upper-footer-has-newsletter .upper-footer-item-count-1 .upper-footer-item {
max-width: 100%;
}
}
.upper-footer-item-count-2 .upper-footer-item {
max-width: 50%;
}
@media (max-width: 1079px) {
.upper-footer-item-count-2 .upper-footer-item {
max-width: 25%;
}
}
@media (max-width: 769px) {
.upper-footer-item-count-2 .upper-footer-item {
max-width: 100%;
}
}
.upper-footer-has-newsletter .upper-footer-item-count-2 .upper-footer-item {
max-width: 74%;
}
@media (max-width: 1079px) {
.upper-footer-has-newsletter .upper-footer-item-count-2 .upper-footer-item {
max-width: 25%;
}
}
@media (max-width: 769px) {
.upper-footer-has-newsletter .upper-footer-item-count-2 .upper-footer-item {
max-width: 100%;
}
}
.upper-footer-item-count-3 .upper-footer-item {
max-width: 33.33%;
}
@media (max-width: 1079px) {
.upper-footer-item-count-3 .upper-footer-item {
max-width: 25%;
}
}
@media (max-width: 769px) {
.upper-footer-item-count-3 .upper-footer-item {
max-width: 100%;
}
}
.upper-footer-has-newsletter .upper-footer-item-count-3 .upper-footer-item {
max-width: 37%;
}
@media (max-width: 1079px) {
.upper-footer-has-newsletter .upper-footer-item-count-3 .upper-footer-item {
max-width: 25%;
}
}
@media (max-width: 769px) {
.upper-footer-has-newsletter .upper-footer-item-count-3 .upper-footer-item {
max-width: 100%;
}
}
.upper-footer-item-count-4 .upper-footer-item {
max-width: 25%;
}
@media (max-width: 1079px) {
.upper-footer-item-count-4 .upper-footer-item {
max-width: 25%;
}
}
@media (max-width: 769px) {
.upper-footer-item-count-4 .upper-footer-item {
max-width: 100%;
}
}
.upper-footer-has-newsletter .upper-footer-item-count-4 .upper-footer-item {
max-width: 24.67%;
}
@media (max-width: 1079px) {
.upper-footer-has-newsletter .upper-footer-item-count-4 .upper-footer-item {
max-width: 25%;
}
}
@media (max-width: 769px) {
.upper-footer-has-newsletter .upper-footer-item-count-4 .upper-footer-item {
max-width: 100%;
}
}
.upper-footer-item-count-5 .upper-footer-item {
max-width: 20%;
}
@media (max-width: 1079px) {
.upper-footer-item-count-5 .upper-footer-item {
max-width: 25%;
}
}
@media (max-width: 769px) {
.upper-footer-item-count-5 .upper-footer-item {
max-width: 100%;
}
}
.upper-footer-has-newsletter .upper-footer-item-count-5 .upper-footer-item {
max-width: 18.5%;
}
@media (max-width: 1079px) {
.upper-footer-has-newsletter .upper-footer-item-count-5 .upper-footer-item {
max-width: 25%;
}
}
@media (max-width: 769px) {
.upper-footer-has-newsletter .upper-footer-item-count-5 .upper-footer-item {
max-width: 100%;
}
}
.footer-linklist {
display: inline-block;
vertical-align: top;
padding-right: 30px;
font-size: 1rem;
}
@media (max-width: 1079px) {
.footer-linklist {
width: 22%;
}
}
@media (max-width: 769px) {
.footer-linklist {
width: 100%;
text-align: center;
margin-bottom: 40px;
padding: 0;
}
}
.footer-linklist ul {
margin: 0;
padding: 0;
}
.footer-linklist .social-link svg {
width: 16px;
height: 16px;
vertical-align: text-bottom;
}
.footer-blurb {
display: inline-block;
vertical-align: top;
padding-right: 30px;
font-size: 1rem;
color: #262626;
word-wrap: break-word;
}
@media (max-width: 1079px) {
.footer-blurb {
width: 34%;
}
}
@media (max-width: 769px) {
.footer-blurb {
width: 100%;
text-align: center;
margin-bottom: 40px;
padding: 0;
}
}
.footer-blurb a {
color: #1d2349;
}
.footer-blurb a:hover {
color: #414fa4;
}
.mailing-list {
display: inline-block;
max-width: 305px;
width: 26%;
padding-right: 30px;
font-size: 1rem;
}
@media (max-width: 1079px) {
.mailing-list {
float: none;
margin: 40px auto;
text-align: center;
width: 100%;
max-width: 100%;
padding-right: 0;
}
}
.mailing-list form {
position: relative;
font-size: 0;
max-width: 380px;
margin: 0 auto;
}
.mailing-list .section-title {
letter-spacing: 0;
}.mailing-list .section-title {
text-transform: uppercase;
letter-spacing: 0.05em;
}.mailing-list-success,
.mailing-list-error {
display: block;
margin: 5px 0;
font-size: 1rem;
text-align: left;
}
.mailing-list-input {
position: relative;
text-align: left;
}
input.mailing-list-email {
display: inline-block;
vertical-align: top;
height: 39px;
margin: 5px 0;
padding: 9px 101px 9px 12px;
font-size: 1rem;
}
input.mailing-list-email::placeholder {
color: #262626;
}
.mailing-list-submit {
position: absolute;
top: 0;
right: 0;
width: auto;
height: 39px;
}
.mailing-list-submit .submit {
width: auto;
height: 39px;
margin: 5px 0;
padding: 1px 10px 0;
font-size: 0.9285714286rem;
line-height: 39px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}.mailing-list-submit .submit {
font-size: 0.8571428571rem;
}.subfooter {
margin-top: 40px;
font-size: 0;
display: flex;
flex-direction: column;
gap: 25px;
}
@media (min-width: 1080px) {
.subfooter {
padding-top: 25px;
gap: 20px;
border-top: 1px solid #e4e4e4;
}
}
.subfooter:first-child {
margin-top: 30px;
}
.upper-footer ~ .subfooter {
border-top: 0;
padding-top: 0;
}
@media (max-width: 1079px) {
.subfooter {
padding-left: 30px;
padding-right: 30px;
}
}
.sub-footer__row {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
}
@media (max-width: 1079px) {
.sub-footer__row {
gap: 25px;
}
}
@media (max-width: 769px) {
.sub-footer__row {
flex-direction: column-reverse;
text-align: center;
}
}
.sub-footer__row > :nth-child(1) {
flex: 1 1 50%;
}
@media (max-width: 769px) {
.sub-footer__row > :nth-child(1) {
flex: initial;
}
}
.sub-footer__row > :nth-child(2) {
margin-left: auto;
text-align: right;
}
@media (max-width: 769px) {
.sub-footer__row > :nth-child(2) {
margin-inline: auto;
text-align: center;
}
}
.subfooter--layout-column .sub-footer__row {
align-items: flex-end;
}
@media (max-width: 1079px) {
.subfooter--layout-column .sub-footer__row {
flex-direction: column-reverse;
align-items: center;
}
.subfooter--layout-column .sub-footer__row > :nth-child(1) {
flex: initial;
}
.subfooter--layout-column .sub-footer__row > :nth-child(2) {
margin-inline: auto;
text-align: center;
}
}
@media (max-width: 1079px) {
.subfooter--layout-copyright-only .sub-footer__row {
text-align: center;
}
}
.sub-footer-right {
font-size: 1rem;
}
.sub-footer-right .shopify-cross-border {
justify-content: center;
gap: 5px;
}
@media (min-width: 770px) {
.sub-footer-right .shopify-cross-border {
justify-content: flex-end;
}
}
@media (min-width: 770px) {
.sub-footer__row--first .sub-footer-right > :nth-child(1) {
display: flex;
justify-content: flex-end;
}
}
.sub-footer__row--first .sub-footer-right > :nth-child(2):not(:only-child) {
display: none;
}
.sub-footer__row--first .sub-footer-right--selectors-only {
display: none;
}
@media (max-width: 769px) {
.sub-footer__row--first .sub-footer-right--selectors-only {
display: block;
}
}
.sub-footer__row--first .sub-footer-right--payments-only {
display: none;
}
@media (min-width: 770px) {
.sub-footer__row--second .sub-footer-right > :nth-child(1) {
display: flex;
justify-content: flex-end;
}
}
.sub-footer__row--second .sub-footer-right > :nth-child(1):not(:only-child) {
display: none;
}
.sub-footer__row--second .sub-footer-right--selectors-only {
display: block;
}
@media (max-width: 769px) {
.sub-footer__row--second .sub-footer-right--selectors-only {
display: none;
}
}
.sub-footer__row--second .sub-footer-right--payments-only {
display: block;
}
.copyright-wrapper {
margin: 0;
font-size: 1rem;
word-break: break-word;
color: #5c5c5c;
-webkit-font-smoothing: antialiased;
}
.copyright-wrapper p {
margin: 0;
}
.subfooter__payment-types {
margin-top: -5px;
margin-left: -5px;
}
.subfooter__payment-types svg {
display: inline-block;
width: 41px;
height: 26px;
margin-top: 5px;
margin-left: 5px;
color: #e4e4e4;
}
.shopify-localization-form {
margin: 0;
}
.shopify-localization-form .selectors-form__item {
display: inline-block;
}
.no-js .shopify-localization-form .selectors-form--no-js-hidden {
display: none;
}
noscript .shopify-localization-form {
margin-right: 2px;
margin-left: 2px;
}
noscript .shopify-localization-form .disclosure__submit {
color: #080808;
background-color: #e0e3f5;
border-radius: 2px;
}
noscript .shopify-localization-form .disclosure__submit:hover {
color: #080808;
background: ;
}
noscript .shopify-localization-form .disclosure__toggle {
position: relative;
}
noscript .shopify-localization-form .disclosure-list {
right: 0;
z-index: 1;
padding: 1rem;
}
noscript .shopify-localization-form .disclosure-list__item--label {
margin: 0 0 0 5px;
}
.main-header {
position: relative;
z-index: 5000;
font-size: 0;
background-color: #ffffff;
}
.header-border .main-header {
border-bottom: 1px solid #e4e4e4;
}
.header-main-content {
position: relative;
display: block;
padding-right: 30px;
padding-left: 30px;
font-size: 0;
transition: height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.header-content-width .header-main-content {
max-width: 1260px;
margin: 0 auto;
}
.header-layout-default .navigation-wrapper {
display: block;
width: 100%;
}
@media (min-width: 1080px) {
.header-layout-default .header-content-right {
position: absolute;
top: 30px;
right: 30px;
}
.header-layout-default .header-content-right.sticky-header {
position: relative;
}
.header-layout-default .header-branding .logo-link {
max-width: 200px;
}
}
@media (min-width: 1080px) {
.header-layout-compact-left .header-content-right {
position: relative;
max-width: 100%;
}
.header-layout-compact-left .header-branding-desktop,
.header-layout-compact-left .navigation-wrapper,
.header-layout-compact-left .header-content-right {
display: inline-block;
vertical-align: middle;
}
.header-layout-compact-left .header-branding-desktop,
.header-layout-compact-left .header-content-right {
width: 200px;
}
.header-layout-compact-left .navigation-wrapper {
width: calc(100% - 400px);
}
.header-layout-compact-left .header-branding-desktop {
text-align: left;
}
}
@media (min-width: 1080px) {
.header-layout-compact-center {
position: relative;
}
.header-layout-compact-center .header-main-content {
vertical-align: middle;
}
.header-layout-compact-center .header-branding-desktop {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
width: auto;
padding-top: 0;
padding-bottom: 0;
transform: translateX(-50%) translateY(-50%);
transition-delay: 0s;
}
.header-layout-compact-center .header-branding .logo-link {
max-width: 200px;
}
.header-layout-compact-center .header-content-right {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
}
.header-layout-compact-center .navigation-wrapper {
display: inline-block;
width: calc(50% - 100px);
}
.header-layout-compact-center .navigation.navigation-desktop {
text-align: left;
}
.header-layout-compact-center .mega-nav,
.header-layout-compact-center .navigation-menu {
margin-left: -25px;
}
.header-layout-compact-center .mega-nav {
left: 0;
transform: translateX(0);
}
}
.header-branding {
position: relative;
padding: 20px 0;
font-size: 0;
}
@media (max-width: 769px) {
.header-branding {
padding: 36px 0;
}
}
.header-branding-mobile {
display: block;
padding-right: 30px;
padding-left: 30px;
text-align: center;
border-bottom: 1px solid #e4e4e4;
}
@media (min-width: 1080px) {
.header-branding-mobile {
display: none;
}
}
.header-branding-mobile .logo-link {
display: inline-block;
max-width: 200px;
margin-right: auto;
margin-left: auto;
}
.header-branding-desktop {
z-index: 100;
display: block;
width: 100%;
text-align: center;
}
@media (max-width: 1079px) {
.header-branding-desktop {
width: calc(100% - 80px);
margin: 0 auto;
}
.header-search-expanded-closing .header-branding-desktop {
transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.header-logo-covered .header-branding-desktop {
opacity: 0;
transform: translateX(-40px);
transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.header-search-expanded .header-branding-desktop {
z-index: 50;
}
}
@media (min-width: 1080px) {
.header-branding-desktop {
padding-top: 30px;
padding-bottom: 15px;
}
.header-layout-compact-center .header-branding-desktop, .header-layout-compact-left .header-branding-desktop {
padding-top: 25px;
padding-bottom: 25px;
}
}
.header-branding-desktop .navigation-toggle-close {
display: none;
}
.header-content-left {
position: absolute;
top: 50%;
left: 30px;
z-index: 100;
display: inline-block;
text-align: left;
transform: translateY(-50%);
}
@media (min-width: 1080px) {
.header-content-left {
display: none;
}
}
.header-content-right {
z-index: 100;
display: inline-block;
text-align: right;
}
@media (max-width: 1079px) {
.header-content-right {
position: absolute;
top: 50%;
right: 30px;
display: block;
width: 40px;
transform: translateY(-50%);
}
}
@media (min-width: 1080px) {
.header-content-right {
display: flex;
justify-content: flex-end;
width: 33.3333333333%;
}
}
.header-content-right .search-toggle {
padding: 0.5rem;
background: none;
border: none;
}
@media (min-width: 1080px) {
.header-content-right .search-toggle {
display: none;
}
}
.product-recommendations-wrapper--section {
margin-right: 10px;
margin-left: 10px;
clear: both;
font-size: 0;
}
.product-recommendations-wrapper--section::before {
display: block;
padding-top: 1px;
content: "";
}
.product-recommendations-wrapper--section .section-title {
text-align: center;
}
.product-recommendations-wrapper--section .product-recommendations:first-child {
padding-top: 70px;
margin-top: 100px;
border-top: 1px solid #e4e4e4;
}
.product-recommendations-wrapper--section .rows-of-4 .product-list-item, .product-recommendations-wrapper--section .rows-of-4 .product-grid-masonry-sizer {
width: 25%;
}
@media (max-width: 839px) {
.product-recommendations-wrapper--section .rows-of-4 .product-list-item, .product-recommendations-wrapper--section .rows-of-4 .product-grid-masonry-sizer {
width: 50%;
}
}
@media (max-width: 539px) {
.product-recommendations-wrapper--section .rows-of-4 .product-list-item, .product-recommendations-wrapper--section .rows-of-4 .product-grid-masonry-sizer {
width: 100%;
}
}
.product-recommendations-wrapper--section .flickity-viewport {
transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product-recommendations-position-section + .product-recommendations-wrapper--right {
display: none;
}
.product-recommendations-wrapper--right {
margin-top: 35px;
border-left: 1px solid #e4e4e4;
padding: 0 30px;
}
@media (max-width: 1079px) {
.product-recommendations-wrapper--right {
position: static;
width: 100%;
margin-top: 0;
border-left: 0;
font-size: 0;
padding: 0;
}
.product-recommendations-wrapper--right:before {
content: "";
display: block;
padding-top: 1px;
}
}
.product-recommendations-wrapper--right .section-title {
margin: 0 0 25px;
font-size: 1rem;
}
@media (max-width: 1079px) {
.product-recommendations-wrapper--right .section-title {
width: auto;
padding-top: 50px;
margin: 70px 30px 20px;
border-top: 1px solid #e4e4e4;
}
}
@media (max-width: 1079px) {
.product-recommendations-wrapper--right .product-recommendations {
padding: 0 10px;
}
}
.product-recommendations-wrapper--right a {
display: block;
margin-bottom: 25px;
}
.product-recommendations-wrapper--right a:last-child {
margin-bottom: 0;
}
@media (max-width: 1079px) {
.product-recommendations-wrapper--right a {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 0 20px;
}
.product-recommendations-wrapper--right a:last-child {
margin-bottom: 25px;
}
}
@media (max-width: 539px) {
.product-recommendations-wrapper--right a {
width: 50%;
}
}
.product-recommendations-wrapper--right img {
display: block;
width: 100%;
}
@media (max-width: 1079px) {
.product-recommendations-wrapper--right img {
margin: 0 auto;
width: auto;
}
}
.template-product .main-content {
position: relative;
margin-bottom: 65px;
}
.template-product .share-buttons {
margin: 30px 0 0;
}
.template-product .share-buttons .section-title {
display: inline-block;
width: auto;
}
.product-section .shopify-section:nth-child(2) section .section-title {
width: auto;
padding-top: 70px;
margin: 0 20px 20px;
border-top: 1px solid #e4e4e4;
}
@media (min-width: 1080px) {
.product-section .shopify-section:nth-child(2) section .section-title {
margin: 100px 20px 20px;
}
}
.product-container {
margin-top: 35px;
}
.product-container.product-recommendations-position-right {
display: grid;
grid-template-columns: 22fr 3fr;
}
@media (max-width: 1079px) {
.product-container.product-recommendations-position-right {
grid-template-columns: 1fr;
}
}
.product {
position: relative;
overflow: hidden;
font-size: 1rem;
}
.product .product-price__unit-price {
display: inline-block;
margin-left: 10px;
}
.product .product-price__unit-price.hidden {
display: none;
}
.product .product-price__tax {
display: block;
margin: 5px 0 0;
}
.product .product-price__tax.hidden {
height: 0;
margin: 0;
}
.product-images {
position: relative;
padding: 0 30px 0 30px;
}
@media (min-width: 770px) {
.product-images {
float: left;
width: 50%;
}
}
.product-images img {
display: block;
margin: 0 auto;
}
.product-images-masonry {
float: none;
padding-right: 0;
padding-left: 0;
margin-right: 30px;
margin-left: 30px;
}
.product-images-masonry:before, .product-images-masonry:after {
display: none;
}
@media (max-width: 769px) {
.product-images-masonry:not(.flickity-enabled) .product-image:not(:first-child) {
position: absolute;
}
.product-images-masonry.flickity-enabled {
padding-right: 30px;
padding-left: 30px;
margin-right: 0;
margin-left: 0;
}
.product-images-masonry .flickity-viewport {
overflow: visible;
transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product-images-masonry .product-gallery--viewport--figure {
display: block;
width: 80%;
margin-right: 30px;
}
.product-images-masonry .product-gallery--viewport--figure img {
width: 100%;
height: auto;
}
.product-images-masonry .product-gallery--viewport--figure:only-child {
width: 100%;
}
}
@media (min-width: 770px) {
.product-images-masonry {
width: calc(100% - (50px));
margin-right: 25px;
margin-left: 25px;
}
.product-images-masonry .product-image-masonry-sizer,
.product-images-masonry .product-gallery--viewport--figure {
width: 33.33%;
}
.quickshop .product-images-masonry .product-image-masonry-sizer,
.quickshop .product-images-masonry .product-gallery--viewport--figure {
width: 33.33%;
}
.product-images-masonry.product-images-masonry-2 .product-image-masonry-sizer,
.product-images-masonry.product-images-masonry-2 .product-gallery--viewport--figure {
width: 50%;
}
.quickshop .product-images-masonry.product-images-masonry-2 .product-image-masonry-sizer,
.quickshop .product-images-masonry.product-images-masonry-2 .product-gallery--viewport--figure {
width: 50%;
}
.product-images-masonry.product-images-masonry-3 .product-image-masonry-sizer,
.product-images-masonry.product-images-masonry-3 .product-gallery--viewport--figure {
width: 33.33%;
}
.product-images-masonry .product-image-wide {
width: 50%;
}
.quickshop .product-images-masonry .product-image-wide {
width: 50%;
}
.product-images-masonry .product-gallery--viewport--figure {
padding: 0 5px;
margin-bottom: 10px;
margin-inline-start: 0;
margin-inline-end: 0;
}
.product-images-masonry .product-gallery--viewport--figure:only-child {
width: 50%;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.product-images-masonry img {
margin-right: auto;
margin-left: auto;
}
}
@media (min-width: 1080px) {
.product-images-masonry .product-image-masonry-sizer,
.product-images-masonry .product-gallery--viewport--figure {
width: 25%;
}
.quickshop .product-images-masonry .product-image-masonry-sizer,
.quickshop .product-images-masonry .product-gallery--viewport--figure {
width: 33.33%;
}
}
.product-main-image {
position: relative;
transition: height 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product-main-image img {
z-index: 100;
display: block;
margin: 0 auto;
transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product-main-image.zoom-enabled {
cursor: pointer;
cursor: zoom-in;
}
.product-zoom {
position: absolute;
background-color: white;
background-repeat: no-repeat;
display: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
cursor: pointer;
cursor: zoom-out;
}
.product-zoom.active {
display: block;
}
.product-gallery-navigation-outer-wrapper {
position: relative;
margin: 20px auto 0;
font-size: 0;
text-align: center;
}
.product-gallery--navigation-wrapper {
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: 80%;
overflow: hidden;
position: relative;
}
@media (max-width: 769px) {
.product-gallery--navigation-wrapper {
width: 90%;
}
}
.product-gallery--navigation {
display: flex;
align-items: start;
justify-content: center;
margin: 0 auto;
font-size: 0;
transition: left 0.2s ease-in-out;
}
.product-gallery--navigation.has-side-scroll {
position: absolute;
left: 0;
display: block;
text-align: left;
}
.product-gallery--media-thumbnail {
position: relative;
display: inline-block;
width: 25%;
height: auto;
padding: 0 6px;
vertical-align: top;
cursor: pointer;
}
.product-gallery--media-thumbnail.active:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 6px;
right: 6px;
border: 2px solid #e4e4e4;
}
.product-gallery--media-thumbnail img {
display: block;
margin: 0 auto;
}
.product-thumbnails-navigation-previous,
.product-thumbnails-navigation-next {
font-size: 1.1428571429rem;
cursor: pointer;
width: 10%;
vertical-align: middle;
}
.product-thumbnails-navigation-previous {
text-align: right;
padding-right: 20px;
}
@media (max-width: 769px) {
.product-thumbnails-navigation-previous {
padding-right: 15px;
}
}
.product-thumbnails-navigation-next {
text-align: left;
padding-left: 20px;
}
@media (max-width: 769px) {
.product-thumbnails-navigation-next {
padding-left: 15px;
}
}
.product-details-wrapper {
float: right;
width: 50%;
padding: 0 30px 0 25px;
text-align: left;
}
@media (max-width: 769px) {
.product-details-wrapper {
width: 100%;
text-align: center;
}
}
.product-details-wrapper .shopify-product-form {
margin-top: 0;
}
.product-images-masonry ~ .product-details-wrapper {
float: none;
width: 100%;
max-width: 600px;
margin-top: 50px;
margin-right: auto;
margin-left: auto;
}
.product-images-masonry ~ .product-details-wrapper .product-description,
.product-images-masonry ~ .product-details-wrapper .product-details {
text-align: center;
}
@media (max-width: 769px) {
.product-details-wrapper .product-details {
margin-top: 40px;
}
}
.product-details-wrapper .product-details.product-details-fixed {
position: fixed;
top: 0;
}
.product-details-wrapper .product-details.product-details-absolute {
position: absolute;
bottom: 0;
}
.product-details-wrapper .no-options {
display: none;
}
.product-details-wrapper .selector-wrapper {
margin-bottom: 24px;
}
.product-details-wrapper .selector-wrapper label {
display: inline-block;
margin: 0 15px 10px 0;
}
.product-details-wrapper .inline-field-wrapper {
margin-bottom: 10px;
}
.product-details-wrapper .inline-field-wrapper label {
display: inline-block;
margin: 0 15px 10px 0;
}
.product-details-wrapper .select-wrapper {
display: inline-block;
text-align: left;
}
.product-details-wrapper .select-wrapper label {
display: inline-block;
margin: 0 15px 10px 0;
}
.product-form-content-wrapper > *:first-child {
margin-top: 0;
}
.product-vendor {
display: block;
font-size: 1.2857142857rem;
}.product-title {
margin: 5px 0;
font-size: 2.5rem;
font-size: 2.2857142857rem;
}
.product-title a {
font-size: inherit;
color: inherit;
text-decoration: inherit;
}
.product__custom-liquid {
margin: 1rem 0;
}
.collapsible-tab {
text-align: left;
border-bottom: 1px solid #e4e4e4;
}
.collapsible-tab svg {
width: 12px;
height: 12px;
transform: rotate(90deg);
}
.collapsible-tab[open] svg {
transform: rotate(270deg);
}
.collapsible-tab__heading {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
font-size: 1rem;
padding: 1rem 1rem 1rem 0;
}
.collapsible-tab__heading::-webkit-details-marker {
display: none;
}
.collapsible-tab__text {
margin-bottom: 1rem;
word-break: break-word;
}
.collapsible-tab__text p {
margin-top: 0;
}
.collapsible-tab__text p:last-child {
margin-bottom: 0;
}
.product-tabs {
display: flex;
flex-wrap: wrap;
margin: 2rem 0;
}
.product-tabs__radio {
position: absolute;
opacity: 0;
width: 0;
height: 0;
margin: 0;
}
.product-tabs__radio:checked + .product-tabs__label + .product-tabs__panel {
display: block;
}
.product-tabs__radio:checked + .product-tabs__label {
border-color: #e4e4e4;
}
.no-js .product-tabs__radio:focus + .product-tabs__label,
.user-is-tabbing .product-tabs__radio:focus + .product-tabs__label {
outline: auto 5px Highlight;
outline: auto 5px -webkit-focus-ring-color;
}
.product-tabs__label {
word-break: break-word;
padding: 10px;
margin: 0;
border: 1px solid transparent;
border-bottom: none;
cursor: pointer;
font-size: 1rem;
}
.product-tabs__panel {
order: 1;
width: 100%;
display: none;
word-break: break-word;
text-align: left;
white-space: normal;
padding-top: 20px;
border-top: 1px solid #e4e4e4;
}
.product-tabs__panel p {
margin-top: 0;
}
.product-tabs__panel p:last-child {
margin-bottom: 0;
}
.product-masonry .product__rating {
justify-content: center;
}
@media (max-width: 769px) {
.product__rating {
justify-content: center;
}
}
.product-price {
display: inline-block;
margin: 0;
font-size: 1.2857142857rem;
}
.product-price-compare {
margin-left: 8px;
display: none;
color: #939393;
text-decoration: line-through;
}
.product-price-compare.visible {
display: inline-block;
}
.product-quantity label {
margin: 0 15px 0 0;
}
.product-quantity input {
margin: 0;
max-width: 50px;
text-align: center;
}
.product-quantity input[type=number]::-webkit-inner-spin-button,
.product-quantity input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-description {
margin-top: 40px;
text-align: left;
}
.product-description table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.product-description table td {
width: 100%;
}
.selector-wrapper.no-js-required,
.product-select {
display: none;
}
.no-js .selector-wrapper.no-js-required,
.no-js .product-select {
display: block;
}
.product-options {
display: grid;
grid-template-columns: -webkit-max-content minmax(220px, -webkit-max-content);
grid-template-columns: max-content minmax(220px, max-content);
align-items: center;
width: auto;
margin-top: 40px;
}
.product-options.product-options-default-only {
grid-template-columns: -webkit-max-content minmax(-webkit-min-content, -webkit-max-content);
grid-template-columns: max-content minmax(min-content, max-content);
}
.product-masonry .product-options {
justify-content: center;
}
@media (max-width: 769px) {
.product-options {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
max-width: 220px;
margin: 40px auto 0;
}
.product-options .selected-text {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media (min-width: 770px) {
.product-options .product-option-column-1 {
display: flex;
align-items: center;
margin: 0 10px 10px 0;
grid-column: 1;
}
.product-options .product-option-column-1 + * {
margin: 0 0 10px;
grid-column: 2;
}
.product-options .product-option-column-1.product-option-row-1, .product-options .product-option-column-1.product-option-row-1 + * {
grid-row: 1;
}
.product-options .product-option-column-1.product-option-row-2, .product-options .product-option-column-1.product-option-row-2 + * {
grid-row: 2;
}
.product-options .product-option-column-1.product-option-row-3, .product-options .product-option-column-1.product-option-row-3 + * {
grid-row: 3;
}
.product-options .product-option-column-1.product-option-row-4, .product-options .product-option-column-1.product-option-row-4 + * {
grid-row: 4;
}
}
.product-options .product-option-quantity-label {
margin: 0 10px 0 0;
}
@media (max-width: 769px) {
.product-options .product-option-quantity-label {
margin: 10px 10px 0 0;
}
}
.product-options .product-option-quantity {
max-width: 60px;
margin: 0;
text-align: center;
}
@media (max-width: 769px) {
.product-options .product-option-quantity {
margin: 10px 0 0;
}
}
.no-js .product-options .product-option-row-1,
.no-js .product-options .product-option-row-1 + *,
.no-js .product-options .product-option-row-2,
.no-js .product-options .product-option-row-2 + *,
.no-js .product-options .product-option-row-3,
.no-js .product-options .product-option-row-3 + * {
display: none;
}
.product-add-to-cart {
display: flex;
flex-wrap: wrap;
width: calc(100% + 15px);
margin-top: 45px;
margin-right: -15px;
}
@media (max-width: 769px) {
.product-add-to-cart {
justify-content: center;
}
}
.product-masonry .product-add-to-cart {
justify-content: center;
}
.product-add-to-cart .add-to-cart {
width: 230px;
margin: 0 15px 10px 0;
}
.product-add-to-cart .add-to-cart:disabled + .shopify-payment-button {
display: none;
}
.product-add-to-cart .shopify-payment-button {
width: auto;
min-width: 230px;
margin-right: 15px;
margin-bottom: 10px;
}
.product-add-to-cart .add-to-cart,
.product-add-to-cart .shopify-payment-button {
flex-grow: 1;
max-width: 230px;
}
@media (max-width: 769px) {
.product-add-to-cart .add-to-cart,
.product-add-to-cart .shopify-payment-button {
width: 100%;
}
}
.product-add-to-cart .add-to-cart,
.product-add-to-cart .shopify-payment-button__button {
height: 49px;
}.product-add-to-cart .add-to-cart,
.product-add-to-cart .shopify-payment-button__button {
font-size: 0.9285714286rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}.product-smart-payments .add-to-cart {
color: #080808;
background-color: #e0e3f5;
}
.product-smart-payments .add-to-cart:hover:not(:disabled) {
color: #080808;
background: ;
}
.shopify-payment-button__button {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 400;
overflow: hidden;
border-radius: 2px;
}
.shopify-payment-button__button--unbranded {
color: #ffffff;
background: #1d2349;
}
.shopify-payment-button__button--unbranded:hover:not(:disabled) {
color: #ffffff;
background: #262d5f;
}
.shopify-payment-button__more-options {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
color: #262626;
}
.shopify-payment-button__more-options:hover:not(:disabled) {
text-decoration: none;
}
.shopify-payment-button__button--hidden {
display: none;
}
.product-message form {
display: inline-block;
margin: 0;
}
.product-message button[type=submit] {
padding: 0;
margin: 0;
font: inherit;
font-size: inherit;
font-style: inherit;
color: #1d2349;
text-decoration: none;
cursor: pointer;
background: none;
border: 0;
-webkit-appearance: none;
appearance: none;
}
.product-message button[type=submit]:hover {
color: #414fa4;
}
:root {
--color-body-text: #262626;
--color-body: #ffffff;
--color-bg: #ffffff;
}
shopify-payment-terms {
display: block;
margin-top: 8px;
}
.template-suffix-quickshop {
background-color: rgba(0, 0, 0, 0.8);
}
.template-suffix-quickshop #shopify-section-header,
.template-suffix-quickshop #shopify-section-pxs-announcement-bar,
.template-suffix-quickshop #shopify-section-footer {
display: none;
}
.template-suffix-quickshop .product {
padding: 70px;
background-color: #ffffff;
max-width: 960px;
margin: 0 auto;
}
.template-suffix-quickshop .shopify-section:not(.shopify-section--quick-shop) {
display: none;
}
.product-app--container {
text-align: left;
}
.surface-pick-up-embed {
--surface-pick-up-embed-theme-success-color: #108144;
--surface-pick-up-embed-theme-error-color: #d60000;
--surface-pick-up-embed-theme-paragraph-font-size: 14px;
--surface-pick-up-embed-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-embed-theme-paragraph-font-size) - 1px);
--surface-pick-up-embed-theme-body-font-weight-bold: 700;
--surface-pick-up-embed-theme-body-text-color: #262626;
--surface-pick-up-embed-theme-link-text-decoration: none;
--surface-pick-up-embed-row-gap: 10px;
--surface-pick-up-embed-column-gap: 10px;
margin-top: 25px;
}
@media (max-width: 1079px) {
.surface-pick-up-embed {
justify-content: center;
text-align: center;
}
}
.product-masonry .surface-pick-up-embed {
justify-content: center;
text-align: center;
}
.surface-pick-up-item {
--surface-pick-up-item-theme-success-color: #108144;
--surface-pick-up-item-theme-error-color: #d60000;
--surface-pick-up-item-theme-paragraph-font-size: 14px;
--surface-pick-up-item-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-item-theme-paragraph-font-size) - 1px);
--surface-pick-up-item-theme-body-font-weight-bold: 700;
--surface-pick-up-item-theme-body-text-color: #262626;
--surface-pick-up-item-theme-border-color: #e4e4e4;
--surface-pick-up-item-theme-link-text-decoration: none;
--surface-pick-up-item-row-gap: 10px;
--surface-pick-up-item-column-gap: 5px;
--surface-pick-up-item-gap: 28px;
align-items: center;
}
@media (max-width: 1079px) {
.surface-pick-up-embed__modal-btn {
justify-self: center;
}
}
.product-masonry .surface-pick-up-embed__modal-btn {
justify-self: center;
}
.surface-pick-up-item__in-stock-icon,
.surface-pick-up-item__out-of-stock-icon {
margin-top: 0;
}
.surface-pick-up-item__address-info {
margin-top: 5px;
margin-bottom: 0;
font-size: var(--surface-pick-up-item-theme-paragraph-font-size);
}
.surface-pick-up-modal {
align-items: center;
justify-content: center;
padding: 20px;
text-align: left;
}
.surface-pick-up-modal.modal-opened {
display: flex;
}
.surface-pick-up-modal .modal-inner {
position: relative;
top: 0;
left: 0;
width: -webkit-max-content;
width: max-content;
max-width: 500px;
max-height: 100%;
padding-top: 26px;
padding-right: 26px;
padding-bottom: 26px;
padding-left: 26px;
}
.surface-pick-up-modal .modal-close {
top: 28px;
right: 28px;
width: 16px;
height: 16px;
}
.surface-pick-up-modal .modal-close svg {
padding: 0;
}
.surface-pick-up-modal .modal-header {
padding-right: 80px;
padding-bottom: 18px;
border-bottom: 1px solid #e4e4e4;
}
.surface-pick-up-modal__header {
font-family: "Roboto Slab",serif;
font-style: normal;
font-weight: 700;
display: block;
margin-top: 0;
margin-bottom: 0;
color: #262626;
}.surface-pick-up-modal__header {
font-size: 1.5rem;
}.surface-pick-up-modal__subtitle {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 1.625;
color: #656565;
}
.surface-pick-up-embed__location-availability {
text-transform: uppercase;
letter-spacing: 0.05em;
}
/* Components */
.breadcrumbs {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
margin: 0;
padding: 0 30px;
text-align: center;
color: #656565;
font-size: 1rem;
}
.breadcrumbs a {
color: #656565;
}
.breadcrumbs a:hover {
color: #1d2349;
}
.filter-form {
display: flex;
}
.collection-header--filters-sort-enabled {
padding: 0;
}
@media (min-width: 770px) {
.collection-header--filters-sort-enabled {
padding: 0 20px;
}
}
.collection-sorting__wrapper {
margin-top: 10px;
text-align: center;
}
@media (min-width: 770px) {
.collection-sorting__wrapper {
min-width: 25%;
margin-top: 0;
text-align: right;
}
}
.collection-filters__title {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
display: block;
margin: 0;
font-size: 14px;
color: inherit;
text-align: center;
}
@media (min-width: 770px) {
.collection-filters__title {
position: absolute !important; /* Visually hide label */
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
border: 0;
}
}
.faceted-filters {
display: block;
margin-top: 10px;
}
@media (min-width: 770px) {
.collection-header-alternate .faceted-filters:only-child .collection-dropdown--filter {
justify-content: left;
}
}
@media (min-width: 770px) {
.collection-header--filters-sort-enabled .faceted-filters {
display: flex;
margin-top: 0;
}
}
.collection-dropdown--filter {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
margin-top: 10px;
}
.collection-dropdown--filter:only-child {
width: auto;
}
@media (min-width: 770px) {
.collection-header--filters-sort-enabled .collection-dropdown--filter {
justify-content: left;
margin-top: 0;
}
}
.collection-filters {
display: flex;
flex-direction: column-reverse;
row-gap: 10px;
}
@media (min-width: 770px) {
.collection-filters {
flex-direction: row;
row-gap: 0;
width: 100%;
margin-top: 10px;
}
.collection-header--filters-sort-enabled .collection-filters {
justify-content: space-between;
}
}
.collection-filters__filter {
position: absolute;
left: var(--mobile-left);
z-index: 1;
box-sizing: border-box;
display: none;
width: var(--mobile-width);
max-height: 500px;
padding: 0.75rem;
margin-top: 4px;
overflow-y: auto;
list-style-type: none;
background-color: #ffffff;
border: 1px solid #ebebeb;
border-radius: 3px;
opacity: 0;
}
.collection-filters__filter[data-animation] {
display: block;
}
.collection-filters__filter[data-animation="closed=>open"] {
transition: opacity 200ms, height 300ms;
}
.collection-filters__filter[data-animation="open=>closed"] {
transition: opacity 150ms, height 150ms;
}
.collection-filters__filter[data-animation-state=open] {
display: block;
height: var(--open-height);
opacity: 1;
}
@media (min-width: 540px) {
.collection-filters__filter {
right: auto;
left: 0;
width: -webkit-max-content;
width: max-content;
min-width: 100%;
}
.collection-filters__filter.filters--overflow-right {
right: 0;
left: auto;
}
}
.collection-filters__details-wrapper {
position: unset;
height: auto;
margin: 0 4px 4px 0;
overflow: visible;
}
.collection-filters__details-wrapper:last-child {
margin: 0 0 4px 0;
}
@media (min-width: 540px) {
.collection-filters__details-wrapper {
position: relative;
height: var(--closed-filter-height);
}
}
.collection-filters__filter-group {
background-color: #ffffff;
border: 1px solid #ebebeb;
border-radius: 3px;
transition: border-color 0.2s ease-out;
}
.collection-filters__filter-group::after {
display: none;
}
.collection-filters__filter-group .collection-filters__filter-group-title::-webkit-details-marker {
display: none;
}
.collection-filters__filter-title-wrapper {
display: flex;
align-items: center;
}
.collection-filters__filter-group-title {
display: flex;
align-items: center;
width: auto;
padding-right: 2.5rem;
margin-top: 0;
margin-bottom: 0;
list-style: none;
border: none;
max-width: unset;
}
.collection-filters__filter-group-title::after {
position: absolute;
top: 50%;
right: 0;
width: 10.5px;
padding: 4px 10px;
margin: 0;
pointer-events: none;
transform: rotate(0) translateY(-50%);
}
.collection-filters__filter-group[open] .collection-filters__filter-group-title::after {
transform: rotate(180deg) translateY(50%);
}
.collection-filters__active-filter-indicator {
display: flex;
align-items: center;
justify-content: center;
width: 15px;
height: 15px;
padding: 2px;
margin-left: 1rem;
font-size: 0.75rem;
color: #080808;
background-color: #e0e3f5;
border-radius: 50%;
}
.collection-filters__filter-checkbox {
width: 12px;
min-width: 12px;
height: 12px;
color: #1d2349;
cursor: pointer;
border: 1px solid #e4e4e4;
}
.collection-filters__filter-checkbox svg {
display: none;
}
.collection-filters__filter-checkbox[data-checked] svg {
display: block;
}
[data-disabled] .collection-filters__filter-checkbox {
cursor: not-allowed;
}
.collection-filters__filter-range {
display: flex;
flex-direction: row;
justify-content: center;
color: #494949;
}
.collection-filters__filter-range--from,
.collection-filters__filter-range--to {
position: relative;
display: grid;
grid-template-rows: auto auto;
grid-template-columns: -webkit-min-content auto;
grid-template-columns: min-content auto;
align-items: center;
width: 100%;
margin: 4px 0;
}
.collection-filters__filter-range--from .collection-filters__filter-range-input,
.collection-filters__filter-range--to .collection-filters__filter-range-input {
margin: 0;
color: currentColor;
}
.collection-filters__filter-range--to {
margin-right: 0;
margin-left: 1rem;
}
.collection-filters__filter-range-label {
grid-row: 1/span 1;
grid-column: 1/span 2;
justify-self: start;
font-size: 1rem;
margin: 0;
color: currentColor;
}
.collection-filters__filter-range-currency {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
margin-right: 4px;
color: currentColor;
}
.collection-filters__filter-title {
margin: 0;
text-transform: none;
letter-spacing: 0;
pointer-events: none;
}
.collection-filters__filter-icon-wrapper {
position: relative;
width: 0.5714285714rem;
height: 0.5714285714rem;
margin: 0 4px;
outline: none;
}
.collection-filters__filter-icon {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
margin-top: -3px;
transform: translateX(-50%);
}
.collection-filters__filter-list-item {
display: flex;
row-gap: 0.25rem;
align-items: center;
margin-top: 0.5rem;
font-size: 1rem;
color: #494949;
}
.collection-filters__filter-list-item:first-child {
margin-top: 0;
}
.collection-filters__filter-link {
display: flex;
flex: 1;
column-gap: 0.375rem;
align-items: center;
padding: 0.2142857143rem;
margin: 0;
line-height: 1.15;
color: currentColor;
text-decoration: none;
outline-offset: -4px;
}
.collection-filters__filter-link[data-disabled] {
cursor: not-allowed;
opacity: 50%;
}
.collection-filters__filter-link[data-disabled]:hover {
color: currentColor;
}
.collection-filters__filter-link:hover {
z-index: 101;
color: currentColor;
}
.modal .collection-filters__filter-link {
width: 100%;
padding: 4px;
}
.collection-filters__filter-list-item-text {
display: inline-block;
padding: 0.2142857143rem;
margin: 0;
line-height: 1.15;
color: currentColor;
text-decoration: none;
vertical-align: middle;
text-align: left;
word-break: break-word;
}
.collection-page__filters--active {
margin-top: 20px;
}
.active-filter-group {
display: flex;
flex-wrap: wrap;
gap: 4px;
align-items: center;
justify-content: center;
padding: 0;
margin-top: 16px;
list-style-type: none;
}
@media (min-width: 770px) {
.collection-header--filters-sort-enabled .active-filter-group {
justify-content: left;
}
}
.active-filter-group__item-wrapper {
display: inline-block;
margin: 0;
}
.active-filter-group__item-wrapper .active-filter-group__item {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 400;
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 6px;
color: #080808;
cursor: pointer;
background-color: #e0e3f5;
border-radius: 2px;
word-break: break-word;
}
.active-filter-group__item-wrapper .filter-icon--remove {
padding: 4px;
border-radius: 100%;
}
.active-filter-group__item-wrapper .filter-icon--remove svg {
position: relative;
display: block;
width: 8px;
height: 8px;
}
.active-filter-group__item-wrapper .filter-icon--remove path {
stroke-width: 1px;
}
.active-filter-group__item-wrapper a {
font-size: 14px;
}
.filter-text,
.filter-icon--checkbox {
display: inline-block;
vertical-align: middle;
}
.active-filter-text {
font-size: 14px;
}
.complementary-products {
--slide-item-padding: 1rem;
--slide-item-outer-gap: 1rem;
--slide-item-inner-gap: 1rem;
--slide-item-border-color: black;
--slide-item-border-thickness: 1px;
--slider-dot-gap: 0.5rem;
--slider-dot-size: 0.5rem;
--slider-dot-color: #cacaca;
--slider-active-dot-color: #787878;
}
.complementary-products__slider [data-slide] {
position: absolute;
display: flex;
flex-direction: column;
margin: 0 1rem;
gap: var(--slide-item-outer-gap);
width: 100%;
height: auto;
}
.complementary-products__slider .flickity-page-dots {
list-style-type: none;
display: flex;
justify-content: center;
gap: var(--slider-dot-gap);
}
.complementary-products__slider .flickity-page-dots .dot {
margin: 0;
border-radius: 50%;
background: var(--slider-dot-color);
height: var(--slider-dot-size);
width: var(--slider-dot-size);
}
.complementary-products__slider .flickity-page-dots .dot.is-selected {
background: var(--slider-active-dot-color);
}
.complementary-products__grid {
display: flex;
flex-direction: column;
gap: var(--slide-item-outer-gap);
}
.complementary-product {
display: flex;
flex-direction: row;
gap: var(--slide-item-inner-gap);
padding: var(--slide-item-padding);
border: var(--slide-item-border-thickness) solid var(--slide-item-border-color);
}
.complementary-product__name,
.complementary-product__price-text {
margin: 0;
}
.complementary-product__price-text {
display: inline-block;
}
.complementary-product__image-link {
display: block;
position: relative;
line-height: 0;
}
.complementary-products {
--slide-item-outer-gap: 1.5rem;
--slide-item-inner-gap: 1.125rem;
--slide-item-padding: 0;
--slide-item-border-thickness: 0;
--slider-dot-color: #262626;
--slider-active-dot-color: #262626;
--slider-dot-size: 10px;
--slider-dot-gap: 1rem;
}
.complementary-products:first-child > *:first-child {
margin-top: 0;
}
.complementary-products.complementary-products--no-recommendations {
margin: 0;
}
.complementary-products__title {
margin: 40px 0 20px;
}
@media (max-width: 769px) {
.complementary-products__title {
margin-bottom: 32px;
}
}
.complementary-products__container {
margin-bottom: 60px;
}
@media (max-width: 769px) {
.complementary-products__container {
margin-bottom: 40px;
}
}
.complementary-products .flickity-prev-next-button {
top: 100%;
z-index: 1;
padding: 0;
margin: 0;
}
@media (max-width: 769px) {
.complementary-products .flickity-prev-next-button {
display: none;
}
}
.complementary-products .flickity-prev-next-button.active, .complementary-products .flickity-prev-next-button:hover {
background: #ffffff;
}
.complementary-products .flickity-prev-next-button svg {
top: 50%;
left: 50%;
width: 40%;
height: 40%;
}
.complementary-products .flickity-prev-next-button svg .arrow {
fill: #494949;
}
.complementary-products .flickity-prev-next-button.previous {
left: 0;
}
.complementary-products .flickity-prev-next-button.previous svg {
transform: translate(-45%, -50%);
}
.complementary-products .flickity-prev-next-button.next {
right: 0;
}
.complementary-products .flickity-prev-next-button.next svg {
transform: translate(-55%, -50%);
}
.complementary-products .flickity-page-dots {
position: relative;
bottom: 0;
margin: 2rem 0 1.5rem;
}
.complementary-products .flickity-page-dots .dot {
transform: translateY(50%);
}
.complementary-product__image {
display: flex;
flex: 0 0 20%;
}
@media (max-width: 769px) {
.complementary-product__image {
flex-basis: 15%;
}
}
@media (max-width: 539px) {
.complementary-product__image {
flex-basis: 25%;
}
}
.complementary-product__details {
display: flex;
flex-direction: column;
text-align: left;
}
.complementary-product__name {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
}
.complementary-product__price-wrapper {
margin-top: 0.25rem;
}
.complementary-product__price-compare {
color: #939393;
text-decoration: line-through;
}
.complementary-product__price-text--now {
display: none;
}
.complementary-product__link {
margin-top: 0.75rem;
}
.shopify-localization-form {
display: inline-flex;
align-items: stretch;
flex-wrap: wrap;
justify-content: center;
}
.shopify-cross-border {
flex-direction: column;
}
.shopify-cross-border .disclosure-list--alternate-drop {
transform: translateX(25%);
}
@media (min-width: 540px) {
.shopify-cross-border {
flex-direction: row;
}
.shopify-cross-border .disclosure-list--alternate-drop {
transform: translateX(0);
}
}
.disclosure {
--disclosure-max-height: 300px;
--disclosure-min-height: 92px;
--disclosure-toggle-text-color: #494949;
--disclosure-toggle-background-color: #ffffff;
--disclosure-toggle-border-color: #ebebeb;
--disclosure-toggle-svg: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M6.667 15.96l.576.603 6.482-6.198-6.482-6.198-.576.602 5.853 5.596z'/%3E%3C/svg%3E");
--disclosure-toggle-svg-color: #494949;
--disclosure-text-color: #262626;
--disclosure-background-color: #ffffff;
--disclosure-border-color: #e4e4e4;
height: 100%;
}
.disclosure summary:focus {
outline: 5px auto -webkit-focus-ring-color;
}
.disclosure__toggle {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
height: 100%;
padding: 9px 30px 9px 10px;
font-size: 14px;
border-radius: 2px;
}
.disclosure__toggle::after {
width: 13px;
height: 13px;
transform: translateY(-50%) rotate(90deg);
}
.disclosure-list {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
}
.faceted-filter-swatch {
--faceted-filter-swatch-size: 20px;
flex-shrink: 0;
width: var(--faceted-filter-swatch-size);
height: var(--faceted-filter-swatch-size);
line-height: 0;
border-radius: 50%;
}
.search-filters__filter-link:not([data-disabled]):hover .faceted-filter-swatch, .collection-filters__filter-link:not([data-disabled]):hover .faceted-filter-swatch {
box-shadow: 0 0 0 1.5px #ffffff, 0 0 0 3px rgba(38, 38, 38, 0.5);
}
.search-filters__filter-list-item--active .faceted-filter-swatch, .collection-filters__filter-list-item--active .faceted-filter-swatch {
box-shadow: 0 0 0 1.5px #ffffff, 0 0 0 3px #262626;
}
.faceted-filter-swatch__color,
.faceted-filter-swatch__image {
width: 100%;
height: 100%;
border: 1px solid #d9d9d9;
border-radius: 50%;
}
.faceted-filter-swatch__color {
background-color: var(--faceted-filter-swatch-color, transparent);
}
.faceted-filter-swatch__image {
object-fit: cover;
}
.faceted-filter-image__image {
width: 50px;
height: auto;
}
.search-filters__filter-list-item--active .faceted-filter-image__image, .collection-filters__filter-list-item--active .faceted-filter-image__image {
box-shadow: 0 0 0 1.5px #ffffff, 0 0 0 3px #262626;
}
.recipient-disclosure {
--recipient-disclosure-top-margin: 0;
--recipient-disclosure-bottom-margin: 0;
--recipient-form-field-gap: 0;
--recipient-form-label-gap: 0;
--recipient-form-label-margin: 6px;
--recipient-form-checkbox-width: 12px;
--recipient-form-checkbox-border-width: 1px;
--recipient-form-checkbox-border-color: #000000;
--recipient-form-checkbox-border-radius: 0;
--recipient-form-checkbox-svg-color: inherit;
--recipient-form-error-color: #cc3333;
margin: var(--recipient-disclosure-top-margin) 0 var(--recipient-disclosure-bottom-margin);
}
.recipient-disclosure__summary {
position: relative;
list-style: none;
}
.recipient-disclosure__summary::-webkit-details-marker {
display: none;
}
.recipient-disclosure__checkbox {
position: absolute;
-webkit-appearance: none;
appearance: none;
width: var(--recipient-form-checkbox-width);
height: var(--recipient-form-checkbox-width);
border: var(--recipient-form-checkbox-border-width) solid var(--recipient-form-checkbox-border-color);
border-radius: var(--recipient-form-checkbox-border-radius);
}
.recipient-disclosure__checkbox:checked ~ svg {
visibility: visible;
}
.recipient-disclosure__checkbox-label {
display: flex;
align-items: center;
}
.recipient-disclosure__checkbox-label svg {
visibility: hidden;
position: absolute;
width: var(--recipient-form-checkbox-width);
height: var(--recipient-form-checkbox-width);
color: var(--recipient-form-checkbox-svg-color);
}
.recipient-disclosure__checkbox,
.recipient-disclosure__checkbox-label {
cursor: pointer;
}
.recipient-disclosure__checkbox-label-text {
flex: 1;
margin-left: calc(var(--recipient-form-checkbox-width) + var(--recipient-form-label-margin));
}
.recipient-form {
display: flex;
flex-direction: column;
gap: var(--recipient-form-field-gap);
margin-top: 1rem;
}
.recipient-form__input-wrapper {
position: relative;
display: flex;
flex-direction: column;
gap: var(--recipient-form-label-gap);
}
.recipient-form__input {
box-sizing: border-box;
}
.recipient-form__error-message {
display: none;
}
.recipient-form--has-errors .recipient-form__error-message {
display: block;
}
.recipient-form__max-characters-message {
display: block;
margin-top: 0.25rem;
}
.recipient-disclosure {
--recipient-disclosure-top-margin: 25px;
--recipient-disclosure-bottom-margin: 25px;
--recipient-form-field-gap: 16px;
--recipient-form-label-margin: 8px;
--recipient-form-checkbox-width: 14px;
--recipient-form-checkbox-border-color: #e4e4e4;
--recipient-form-checkbox-svg-color: #1d2349;
--recipient-form-error-color: #d60000;
max-width: 340px;
text-align: left;
}
.recipient-disclosure + .product-add-to-cart {
margin-top: 0;
}
@media (max-width: 769px) {
.recipient-disclosure {
--recipient-disclosure-top-margin: 16px;
--recipient-disclosure-bottom-margin: 16px;
margin: var(--recipient-disclosure-top-margin) auto;
}
}
@media (max-width: 769px) {
.recipient-disclosure__summary {
display: flex;
justify-content: center;
}
}
@media (max-width: 769px) {
.recipient-disclosure__checkbox-label-text {
padding: 12px 0;
}
}
.recipient-form {
padding-top: 15px;
margin: 15px 0 20px;
border-top: 1px solid #e4e4e4;
}
@media (max-width: 769px) {
.recipient-form {
margin: 7px 0 20px;
}
}
.recipient-form__label,
.recipient-form__input,
.recipient-disclosure__checkbox,
.recipient-disclosure__checkbox-label,
input[type=checkbox].recipient-disclosure__checkbox {
margin: 0;
}
.recipient-form--has-errors .recipient-form__input--email {
color: var(--recipient-form-error-color);
border: 1px solid var(--recipient-form-error-color);
}
.recipient-form__error-message {
margin-top: 5px;
color: var(--recipient-form-error-color);
}
.recipient-form__max-characters-message {
margin-top: 5px;
}
.header-tools-wrapper {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
position: relative;
width: 100%;
color: #262626;
background: #ffffff;
}
.header-tools {
padding: 0 30px;
}
.header-content-width .header-tools {
max-width: 1260px;
margin: 0 auto;
}
.header-tools .customer-links {
color: #494949;
-webkit-font-smoothing: antialiased;
}
.header-tools .customer-links > a {
color: #494949;
-webkit-font-smoothing: antialiased;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.header-tools .customer-links > a:hover {
color: #898989;
}
.header-tools .checkout-link,
.header-tools .cart-count {
color: #262626;
}
.header-tools .checkout-link:hover,
.header-tools .cart-count:hover {
color: #666666;
}
.header-tools .checkout-link,
.header-tools .customer-links,
.header-tools .cart-count {
display: inline-block;
font-size: 1rem;
}.header-tools .checkout-link,
.header-tools .customer-links,
.header-tools .cart-count {
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 0.9285714286rem;
}.header-tools .checkout-link,
.header-tools .mini-cart-wrapper {
padding: 11px 20px;
background: #ffffff;
}
.header-tools .aligned-left {
float: left;
padding: 10px 0;
}
.header-tools .aligned-right {
position: relative;
float: right;
text-align: right;
}
.header-tools .aligned-right > *:first-child {
margin-left: 0;
}
@media (max-width: 1079px) {
.header-tools .aligned-right .cart-count {
margin-left: 0;
}
}
.header-tools .customer-links {
margin: 0 25px;
}
.header-tools .mini-cart-wrapper {
position: relative;
display: inline-block;
}
.header-tools .checkout-link {
margin-left: 0;
}
@media (max-width: 1079px) {
.header-tools {
vertical-align: middle;
}
.header-tools .customer-links,
.header-tools .checkout-link {
display: none;
}
}
.checkout-link {
margin: 0;
}
.checkout-link__button {
display: block;
font-size: 1rem;
color: #262626;
background: none;
border: 0;
padding-top: 0;
padding-bottom: 0;
}.checkout-link__button {
font-size: 0.9285714286rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}.checkout-link__button:hover {
color: #666666;
}
.customer-links {
position: relative;
}
.customer-links:hover > .customer-links-inner {
display: block;
}
.customer-links li {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
margin: 5px 0;
text-transform: none;
letter-spacing: 0;
font-size: 1rem;
}
.customer-links .arrow {
position: absolute;
top: -8px;
left: 50%;
margin-left: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #ffffff;
}
.customer-links .arrow:before {
content: "";
display: block;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #e4e4e4;
z-index: -1;
left: 50%;
position: absolute;
margin-left: -9px;
top: -1px;
}
.customer-links-inner {
display: none;
position: absolute;
top: 35px;
left: 50%;
z-index: 3000;
background: #ffffff;
border: 1px solid #e4e4e4;
text-align: center;
padding: 0 30px;
transform: translateX(-50%);
}
.customer-links-inner:before {
content: "";
position: absolute;
top: -20px;
left: 0;
height: 20px;
width: 100%;
}
.loading-animation {
position: absolute;
top: 50%;
left: 50%;
margin: -7px 0 0 -35px;
width: 70px;
height: 15px;
text-align: center;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.loading-animation > div {
width: 5px;
height: 5px;
margin: 5px;
color: #939393;
background-color: #656565;
border-radius: 100%;
display: inline-block;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
animation-fill-mode: both;
}
.loading-animation .loading-animation-1 {
animation-delay: -0.32s;
}
.loading-animation .loading-animation-2 {
animation-delay: -0.16s;
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0);
-webkit-transform: scale(0);
}
40% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
.masonry-grid {
margin-right: -10px;
margin-left: -10px;
}
@media (min-width: 770px) {
.masonry-grid {
margin-right: -15px;
margin-left: -15px;
}
}
@media (min-width: 1080px) {
.masonry-grid {
margin-right: -20px;
margin-left: -20px;
}
}
.masonry-grid .pagination {
width: 100%;
}
.masonry-grid-item,
.masonry-grid-sizer {
width: 100%;
padding-right: 10px;
padding-left: 10px;
margin-top: 0;
margin-bottom: 20px;
background-color: #ffffff;
}
@media (min-width: 770px) {
.masonry-grid-item,
.masonry-grid-sizer {
width: 50%;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 30px;
}
.masonry-grid-item.masonry-grid-item-wide,
.masonry-grid-sizer.masonry-grid-item-wide {
width: 100%;
}
}
@media (min-width: 1080px) {
.masonry-grid-item,
.masonry-grid-sizer {
width: 33.3333333333%;
padding-right: 20px;
padding-left: 20px;
margin-bottom: 40px;
}
.masonry-grid-item.masonry-grid-item-wide,
.masonry-grid-sizer.masonry-grid-item-wide {
width: 66.6666666667%;
}
}
.masonry-grid-sizer {
position: absolute;
top: 0;
left: 0;
height: 0;
margin-bottom: 0;
visibility: hidden;
}
@media (min-width: 770px) {
.masonry-grid-sizer {
margin-bottom: 0;
}
}
@media (min-width: 1080px) {
.masonry-grid-sizer {
margin-bottom: 0;
}
}
.mini-cart-wrapper:hover .mini-cart {
display: block;
}
@media (max-width: 1079px) {
.mini-cart-wrapper:hover .mini-cart {
display: none;
}
}
.mini-cart-wrapper:hover .mini-cart.empty {
display: none;
}
.mini-cart {
display: none;
position: absolute;
top: 45px;
right: -75px;
z-index: 5000;
width: 410px;
background: #ffffff;
border: 1px solid #e4e4e4;
text-align: left;
}
.mini-cart:before {
content: "";
position: absolute;
top: -20px;
height: 20px;
width: 100%;
}
.mini-cart .arrow {
position: absolute;
top: -8px;
right: 117px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #ffffff;
}
.mini-cart .arrow:before {
content: "";
display: block;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #e4e4e4;
z-index: -1;
left: 50%;
position: absolute;
margin-left: -9px;
top: -1px;
}
.template-cart .mini-cart {
display: none !important;
}
.mini-cart-item {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
position: relative;
margin: 0 30px;
padding: 20px 0;
border-bottom: 1px solid #e4e4e4;
}
.mini-cart-item:last-of-type {
border-bottom: 0;
}
.mini-cart-item-image {
display: inline-block;
width: 90px;
margin-right: 30px;
margin-left: 0;
vertical-align: top;
}
.mini-cart-item-image img {
display: block;
margin: 0 auto;
}
.mini-cart-item-details {
display: inline-block;
width: 225px;
font-size: 1rem;
}
.mini-cart-item-details p {
margin: 0;
}
.original-price {
display: block;
color: #666666;
}
.original-price ~ .mini-cart-item-price .final-price {
color: #da4833;
}
.cart-item-discounts {
color: #da4833;
margin: 0;
}
.cart-item-discounts svg {
color: #da4833;
margin-right: 2px;
height: 0.7142857143rem;
width: 0.7142857143rem;
}
.cart-item-discounts .cart-item-discount {
line-height: 1.4em;
margin-top: 7px;
}
.mini-cart-item-quantity,
.mini-cart-item-subscriptions {
font-size: 0.8571428571rem;
}
.mini-cart-item-title a {
display: block;
margin: 6px 0;
color: #262626;
}
.mini-cart-item-property {
display: block;
margin: 6px 0 !important;
color: #262626;
}
.subtotal-row {
display: flex;
flex-direction: row;
}
.subtotal-row .cart-subtotal-group:nth-child(odd) {
flex: 2;
}
.subtotal-row .cart-subtotal-group:nth-child(even) {
flex: 1;
}
.mini-cart__taxes-shipping-text {
margin: 0;
}
.cart-subtotal {
font-size: 14px;
}
.cart-subtotal .price {
text-align: right;
}
.cart-subtotal .cart-discount-title {
color: #da4833;
line-height: 1.4em;
padding-bottom: 10px;
}
.cart-subtotal .cart-discount-title svg {
margin-right: 1px;
height: 0.7142857143rem;
width: 0.7142857143rem;
}
.cart-subtotal .discount-value {
color: #da4833;
padding-bottom: 10px;
}
.mini-cart-footer {
display: flex;
justify-content: space-between;
padding: 22px 24px;
border-top: 1px solid #e4e4e4;
}
.mini-cart-footer .button {
width: 170px;
}
.mini-cart-footer .mini-cart-checkout-button {
display: flex;
align-items: center;
justify-content: center;
}
.mini-cart-footer .mini-cart-checkout-button svg {
width: 16px;
height: 16px;
margin: -10px 10px -10px 0;
}
.modal-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 4000;
display: none;
visibility: hidden;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.modal-opened {
display: block;
}
.modal-visible {
visibility: visible;
opacity: 1;
}
.modal-inner {
position: absolute;
top: 50%;
left: 50%;
z-index: 1000;
width: 100%;
max-width: 960px;
max-height: 90%;
padding: 30px;
overflow-y: scroll;
background: #ffffff;
opacity: 0;
transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
aspect-ratio: var(--video-feature-aspect-ratio);
}
.modal-active .modal-inner {
opacity: 1;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (min-width: 770px) {
.modal-inner {
padding: 70px;
}
}
.modal-header:empty {
display: none;
}
.modal-close {
position: absolute;
top: 6px;
right: 6px;
width: 18px;
height: 18px;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.modal-close svg {
padding: 4px;
}
@media (min-width: 770px) {
.modal-close {
top: 26px;
right: 26px;
}
.modal-close svg {
padding: 0;
}
}
.navigation.navigation-desktop {
position: relative;
display: none;
width: 100%;
font-size: 0;
-webkit-font-smoothing: antialiased;
text-align: center;
}
@media (min-width: 1080px) {
.navigation.navigation-desktop {
display: table;
}
}
.navigation.navigation-desktop li {
display: inline-block;
}
.navigation.navigation-desktop .navigation-menu a,
.navigation.navigation-desktop .navigation-menu summary {
position: relative;
top: 1px;
display: block;
padding: 15px 25px 14px;
font-size: 1.2142857143rem;
border: 1px solid transparent;
transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}.navigation.navigation-desktop .navigation-menu a,
.navigation.navigation-desktop .navigation-menu summary {
padding: 17px 25px;
font-size: 1rem;
}.navigation.navigation-desktop .navigation-menu a:hover,
.navigation.navigation-desktop .navigation-menu summary:hover {
color: #898989;
}
.navigation.navigation-desktop .navigation-menu summary {
list-style: none;
cursor: pointer;
}
.navigation.navigation-desktop .navigation-menu summary::-webkit-details-marker {
display: none;
}
.navigation.navigation-desktop .has-dropdown > a,
.navigation.navigation-desktop .has-dropdown summary,
.navigation.navigation-desktop .has-mega-nav > a,
.navigation.navigation-desktop .has-mega-nav summary {
padding-right: 36px;
}
.navigation.navigation-desktop .has-dropdown > a:after,
.navigation.navigation-desktop .has-dropdown summary:after,
.navigation.navigation-desktop .has-mega-nav > a:after,
.navigation.navigation-desktop .has-mega-nav summary:after {
content: "\e602";
font-size: 0.2857142857rem;
position: absolute;
top: 50%;
right: 15px;
}.navigation.navigation-desktop .has-dropdown > a:after,
.navigation.navigation-desktop .has-dropdown summary:after,
.navigation.navigation-desktop .has-mega-nav > a:after,
.navigation.navigation-desktop .has-mega-nav summary:after {
margin-top: -1px;
}.navigation.navigation-desktop .has-dropdown.has-dropdown--active,
.navigation.navigation-desktop .has-mega-nav.has-dropdown--active {
z-index: 4000;
}
.navigation.navigation-desktop .has-dropdown.has-dropdown--active > a,
.navigation.navigation-desktop .has-dropdown.has-dropdown--active summary,
.navigation.navigation-desktop .has-mega-nav.has-dropdown--active > a,
.navigation.navigation-desktop .has-mega-nav.has-dropdown--active summary {
z-index: 3000;
background: #ffffff;
border: 1px solid #e4e4e4;
border-bottom-color: #ffffff;
}
.navigation.navigation-desktop .has-dropdown {
position: relative;
}
.navigation.navigation-desktop .has-dropdown .navigation-submenu.visible {
display: block;
}
.navigation.navigation-desktop .has-dropdown > details .navigation-submenu {
position: absolute;
top: 100%;
z-index: 2500;
background: #ffffff;
border: 1px solid #e4e4e4;
min-width: 200px;
text-align: left;
padding: 15px 0;
}
.navigation.navigation-desktop .has-dropdown > details .navigation-submenu li {
display: block;
}
.navigation.navigation-desktop .has-dropdown > details .navigation-submenu a,
.navigation.navigation-desktop .has-dropdown > details .navigation-submenu summary {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
display: block;
border: 0;
padding: 1px 25px;
line-height: 1.6em;
text-transform: none;
letter-spacing: 0;
font-size: 1rem;
border: 0;
}
.navigation.navigation-desktop .has-dropdown > details .navigation-submenu a:hover,
.navigation.navigation-desktop .has-dropdown > details .navigation-submenu summary:hover {
color: #939393;
}
.navigation.navigation-desktop .has-dropdown > details .navigation-submenu-tier2 .has-dropdown > a::after,
.navigation.navigation-desktop .has-dropdown > details .navigation-submenu-tier2 .has-dropdown > details summary::after {
transform: rotate(-90deg);
}
.navigation.navigation-desktop .has-dropdown > details .navigation-submenu-tier3 {
top: -16px;
}
.navigation.navigation-desktop .has-dropdown .navigation-submenu-tier3 {
left: 100%;
}
.navigation.navigation-desktop .has-dropdown .navigation-submenu-tier3.navigation-submenu-open-left {
right: 100%;
left: auto;
}
.navigation.navigation-desktop .mobile-link,
.navigation.navigation-desktop .enter-linklist {
display: none;
}
.navigation.navigation-desktop .navigation-menu .has-mega-nav details[open] .mega-nav {
display: block;
}
.mega-nav {
position: absolute;
left: 50%;
z-index: 2500;
display: none;
width: 100vw;
max-width: 1260px;
padding: 35px;
font-size: 0;
text-align: left;
background: #ffffff;
border: 1px solid #e4e4e4;
transform: translateX(-50%);
}
@media (max-width: 1079px) {
.mega-nav {
display: none;
}
}
.mega-nav.visible {
display: block;
}
.mega-nav-list-wrapper {
display: inline-block;
width: 100%;
vertical-align: top;
}
.mega-nav-image + .mega-nav-list-wrapper {
width: 65%;
}
.navigation.navigation-desktop .mega-nav-list-wrapper {
margin-bottom: -40px;
}
.navigation.navigation-desktop .mega-nav-list {
display: inline-block;
width: 33.333%;
padding-right: 30px;
margin-bottom: 40px;
vertical-align: top;
}
.navigation.navigation-desktop .mega-nav-list li {
display: block;
}
.navigation.navigation-desktop .mega-nav-list a {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
padding: 1px 0;
font-size: 1rem;
line-height: 1.6;
letter-spacing: 0;
text-transform: none;
border: 0;
}
.navigation.navigation-desktop .mega-nav-list a:hover {
color: #262626;
}
.navigation.navigation-desktop .mega-nav-list .mega-nav-list-title-link {
font-weight: 700;
}
.mega-nav-list .mega-nav-list-title .mega-nav-list-title-link {
margin-bottom: 10px;
font-size: 1.1428571429rem;
font-weight: 700;
}
.mobile-mega-nav .mega-nav-list .mega-nav-list-title .mega-nav-list-title-link {
margin-bottom: 0;
font-size: inherit;
}.mega-nav-list .mega-nav-list-title .mega-nav-list-title-link {
font-size: 1rem;
}.mega-nav-image {
display: inline-block;
width: 35%;
padding-right: 45px;
margin: 0;
vertical-align: top;
}
.mega-nav-image img {
display: block;
margin: 0 auto;
}
.mobile-mega-nav {
display: none;
}
@media (max-width: 1079px) {
.mobile-mega-nav {
display: block;
}
}
.navigation.navigation-mobile {
position: absolute;
top: 0;
bottom: 0;
z-index: 3000;
display: block;
width: 100%;
max-width: 450px;
overflow-x: hidden;
overflow-y: scroll;
background: #ffffff;
transform: translateX(-450px);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-overflow-scrolling: touch;
}
@media (max-width: 539px) {
.navigation.navigation-mobile {
max-width: 300px;
}
}
@media (min-width: 1080px) {
.navigation.navigation-mobile {
display: none;
}
}
.navigation.navigation-mobile.visible {
transform: translateX(0);
}
.navigation.navigation-mobile .mobile-link {
display: block;
}
.navigation.navigation-mobile .navigation-menu {
position: relative;
padding: 0 20px;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.navigation.navigation-mobile .navigation-menu li {
width: 100%;
}
.navigation.navigation-mobile .navigation-menu > li {
border-bottom: 1px solid #e4e4e4;
}
.navigation.navigation-mobile .navigation-menu > li:last-child {
border-bottom: 0;
}
.navigation.navigation-mobile .navigation-menu a {
display: block;
padding: 18px 0;
}
.navigation.navigation-mobile .navigation-menu a + .navigation-submenu {
padding-bottom: 0;
}
.navigation.navigation-mobile .navigation-menu a + .navigation-submenu-visible {
padding-bottom: 18px;
}
.navigation.navigation-mobile .has-dropdown > a {
margin-right: 40px;
}
.navigation.navigation-mobile .has-mobile-dropdown--active > .navigation-submenu {
max-height: 100%;
}
.navigation.navigation-mobile .navigation-submenu {
display: block;
width: 100%;
max-height: 0;
overflow: auto;
transition: max-height 0.25s ease, padding 0.25s ease;
}
.navigation.navigation-mobile .navigation-submenu a {
padding-top: 12px;
padding-bottom: 12px;
}
.navigation.navigation-mobile .navigation-submenu a + .navigation-submenu {
padding-bottom: 0;
}
.navigation.navigation-mobile .navigation-submenu a + .navigation-submenu-visible {
padding-bottom: 12px;
}
.navigation.navigation-mobile .navigation-submenu .navigation-submenu {
padding-right: 12px;
padding-left: 12px;
}
.navigation.navigation-mobile .navigation-submenu .navigation-submenu a {
padding-top: 6px;
padding-bottom: 6px;
}
.navigation.navigation-mobile .navigation-submenu .navigation-submenu a + .navigation-submenu {
padding-bottom: 0;
}
.navigation.navigation-mobile .navigation-submenu .navigation-submenu a + .navigation-submenu-visible {
padding-bottom: 6px;
}
@media (min-width: 1080px) {
.sticky-header .header-main-content {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 2000;
display: table;
width: 100%;
max-width: 100%;
background: #ffffff;
border-bottom: 1px solid #e4e4e4;
}
.sticky-header .header-layout-compact-center .header-main-content {
display: block;
}
.sticky-header .header-layout-compact-center .header-branding-desktop--has-logo {
max-height: calc(100% - 10px);
}
.sticky-header .header-layout-compact-center .header-branding-desktop--has-logo .logo-link {
height: 100%;
}
.sticky-header .header-layout-compact-center .header-branding-desktop--has-logo .logo-image {
max-height: auto;
}
.sticky-header .header-branding h1, .sticky-header .header-branding .age-gate__heading {
font-size: 1rem;
}
.sticky-header .header-branding-desktop {
width: 130px;
padding: 0;
border-bottom: 0;
}
.sticky-header .header-branding-desktop .logo-link {
max-width: 100%;
visibility: hidden;
}
.sticky-header .header-branding-desktop .logo-image {
height: auto;
max-height: 48px;
}
.sticky-header .header-sticky-show-logo .logo-link {
visibility: visible;
}
.sticky-header .header-content-right {
width: 130px;
}
.sticky-header .header-search-form {
display: none;
}
.sticky-header .header-layout-default .header-branding-desktop,
.sticky-header .header-layout-default .navigation-wrapper,
.sticky-header .header-layout-default .header-content-right {
display: table-cell;
vertical-align: middle;
}
.sticky-header .header-layout-default .header-branding-desktop {
padding-left: 30px;
}
.sticky-header .header-layout-default .header-content-right {
position: relative;
top: 0;
right: 0;
}
.sticky-header .header-layout-compact-left .navigation-wrapper,
.sticky-header .header-layout-default .navigation-wrapper {
width: calc(100% - 260px);
}
}
.sticky-header-cart-count {
font-family: "Roboto Slab",serif;
font-style: normal;
font-weight: 700;
position: absolute;
font-size: 0.9285714286rem;
line-height: 0.9285714286rem;
color: #262626;
text-align: right;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.sticky-header-cart-count:hover {
color: #666666;
}.sticky-header-cart-count {
font-size: 0.8571428571rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}.sticky-header .sticky-header-cart-count {
position: relative;
top: 0;
right: 0;
padding-right: 30px;
opacity: 1;
visibility: visible;
}
.navigation-toggle-close,
.navigation-submenu-toggle {
color: #262626;
}
.navigation-submenu-toggle {
display: inline-block;
float: right;
width: 30px;
height: 30px;
padding: 5px;
margin-top: -5px;
margin-right: -40px;
color: #262626;
}
@media (min-width: 1080px) {
.navigation-submenu-toggle {
display: none;
}
}
.navigation-submenu-toggle svg {
width: -5px;
height: -5px;
transform: rotate(0);
transition: transform 0.25s ease;
transform-origin: 50% 50%;
}
.has-mobile-dropdown--active > a .navigation-submenu-toggle svg {
transform: rotate(-90deg);
}
.navigation-toggle {
display: inline-block;
margin: 0;
cursor: pointer;
}
@media (min-width: 1080px) {
.navigation-toggle {
display: none;
}
}
.navigation-toggle-close {
position: absolute;
top: 50%;
right: 20px;
padding: 3px;
margin-top: -12px;
color: #262626;
}
.navigation-toggle-close svg {
width: 18px;
height: 18px;
}
.navigation-toggle-open {
padding: 3px;
}
.header-search-expanded-closing .navigation-toggle-open {
transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.header-nav-toggle-covered .navigation-toggle-open {
opacity: 0;
transform: translateX(-40px);
transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.navigation-toggle-icon {
position: relative;
display: inline-block;
width: 18px;
height: 12px;
color: #494949;
}
body.lock-scroll {
height: 100%;
overflow: hidden;
width: 100%;
position: fixed;
}
@media (max-width: 1079px) {
.mobile-nav-open .main-header,
.mobile-nav-open .home-slideshow,
.mobile-nav-open .masonry-features-wrapper,
.mobile-nav-open .main-content,
.mobile-nav-open .main-footer {
transform: translateX(450px);
}
}
@media (max-width: 539px) {
.mobile-nav-open .main-header,
.mobile-nav-open .home-slideshow,
.mobile-nav-open .masonry-features-wrapper,
.mobile-nav-open .main-content,
.mobile-nav-open .main-footer {
transform: translateX(300px);
}
}
.header-search {
display: none;
}
@media (min-width: 1080px) {
.header-search {
display: inline-block;
}
}
.navigation.full-width {
border-bottom: 0;
}
.navigation-wrapper {
background: transparent;
transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.navigation-wrapper.visible {
position: fixed;
top: 0;
right: 0;
bottom: 0px;
left: 0;
z-index: 5001;
overflow: hidden;
}
.navigation-wrapper.background {
background: rgba(0, 0, 0, 0.6);
}
.navigation {
position: relative;
}
.navigation ul {
padding: 0;
margin: 0;
}
.navigation li {
display: inline-block;
}
.navigation .has-dropdown > ul {
display: none;
}
.navigation .navigation-menu a,
.navigation .navigation-menu summary {
font-family: "Roboto Condensed",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 1rem;
color: #262626;
}.navigation .navigation-menu a,
.navigation .navigation-menu summary {
text-transform: uppercase;
letter-spacing: 0.05em;
}.pagination,
.single-post-pagination {
margin-top: 10px;
padding: 0 30px;
text-align: center;
}
.pagination li,
.single-post-pagination li {
font-family: "Roboto Slab",serif;
font-style: normal;
font-weight: 700;
}
.pagination .next,
.pagination .previous,
.single-post-pagination .next,
.single-post-pagination .previous {
width: 36px;
padding: 13px 0 12px;
color: #ffffff;
vertical-align: top;
background: #1d2349;
cursor: pointer;
}
.pagination .next a,
.pagination .previous a,
.single-post-pagination .next a,
.single-post-pagination .previous a {
color: #ffffff;
line-height: 1;
}
.pagination a,
.single-post-pagination a {
display: block;
width: 36px;
line-height: 38px;
color: #494949;
}
.pagination .ellipsis,
.single-post-pagination .ellipsis {
background: transparent;
width: 36px;
border: 0;
color: #656565;
color: #939393;
font-size: 1.3571428571rem;
font-family: "Helvetica", "Arial", sans-serif;
vertical-align: top;
}
@media (max-width: 769px) {
.pagination li:not(.next):not(.previous),
.single-post-pagination li:not(.next):not(.previous) {
display: none;
}
}
.product-gallery {
overflow: hidden;
}
body:not(.user-is-tabbing) .product-gallery--viewport {
outline: none;
}
.product-gallery--viewport--figure {
position: relative;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-end: 0;
margin-inline-start: 0;
}
body:not(.user-is-tabbing) .product-gallery--viewport--figure {
outline: none;
}
.product-gallery--viewport--figure:not([data-product-gallery-selected=true]) {
display: none;
}
[data-product-gallery-layout=masonry] .product-gallery--viewport--figure, [data-product-gallery-layout=list] .product-gallery--viewport--figure {
display: block;
}
[data-product-gallery-layout=list] .product-gallery--viewport--figure {
margin: 10px 0 0;
}
[data-product-gallery-layout=list] .product-gallery--viewport--figure:first-of-type {
margin-top: 0;
}
.product-gallery--viewport--figure img {
display: block;
width: 100%;
height: auto;
max-width: 100%;
}
.product-gallery--viewport--figure img .zoom-enabled {
cursor: zoom-in;
}
.product-gallery--viewport--figure video {
display: block;
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.product-gallery--viewport--figure .product-gallery--media-wrapper {
position: relative;
}
.product-gallery--viewport--figure .product-gallery--media-wrapper.zoom-enabled {
cursor: zoom-in;
}
.product-gallery--viewport--figure[data-media-type=model] .product-gallery--media-wrapper {
height: 0;
padding-bottom: 100%;
}
.product-gallery--viewport--figure[data-media-type=model] .product-gallery--media-wrapper model-viewer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: start;
}
.product-gallery--viewport--figure[data-media-type=external_video] .product-gallery--media-wrapper {
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.product-gallery--viewport--figure[data-media-type=external_video] .product-gallery--media-wrapper > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.product-gallery--viewport--figure .product-gallery--border-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
pointer-events: none;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.product-gallery--viewport--figure[data-media-type=video] .product-gallery--media-wrapper > video {
visibility: hidden;
}
.product-gallery--media-thumbnail {
position: relative;
max-width: 100%;
padding: 2px;
margin: 0 6px;
background: none;
border: none;
}
@media (max-width: 769px) {
.product-gallery--media-thumbnail {
margin: 0 2px;
}
}
body:not(.user-is-tabbing) .product-gallery--media-thumbnail {
outline: none;
}
.product-gallery--media-thumbnail::after {
transition: box-shadow 200ms;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
box-shadow: none;
}
.product-gallery--media-borders .product-gallery--media-thumbnail::after {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.product-gallery--media-thumbnail[data-product-gallery-selected=true] {
border: 1px solid #262626;
}
.product-gallery--media-thumbnail img {
display: block;
width: 100%;
height: auto;
max-width: 100%;
}
.product-gallery--media-thumbnail svg {
position: absolute;
top: 5px;
right: 5px;
width: 20px;
height: 20px;
color: #262626;
background-color: #ffffff;
box-shadow: 0 0 0 1px rgba(38, 38, 38, 0.05);
}
.product-gallery--viewinyourspace {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 60%;
height: auto;
padding: 0;
color: #262626;
background-color: rgba(38, 38, 38, 0.08);
border: 0;
margin: 30px auto 0;
}
[data-product-gallery-layout=slideshow] .product-gallery--viewinyourspace, [data-product-gallery-layout=list] .product-gallery--viewinyourspace {
margin: 0 0 10px 0;
width: 100%;
}
.product-gallery--viewinyourspace[data-shopify-xr-hidden] {
display: none;
}
@media (min-width: 770px) {
.product-gallery--viewinyourspace[data-shopify-xr-hidden] {
display: none;
}
}
.product-gallery--viewinyourspace svg {
width: 44px;
height: 44px;
pointer-events: none;
}
[data-mobile-slider-navigation] {
display: none;
}
@media (max-width: 769px) {
.product-masonry .mobile-slider-nav-wrapper {
display: block;
width: 100%;
}
.product-masonry [data-mobile-slider-navigation] {
display: flex;
flex-direction: row;
justify-content: center;
max-width: 80%;
margin: 30px auto 0;
}
.product-masonry [data-mobile-slider-navigation] .mobile-slider-prev-next {
padding: 0;
color: #262626;
cursor: pointer;
background: transparent;
border: none;
}
.product-masonry [data-mobile-slider-navigation] .mobile-slider-prev-next[data-mobile-slider-button=prev] {
margin-right: 30px;
}
.product-masonry [data-mobile-slider-navigation] .mobile-slider-prev-next[data-mobile-slider-button=next] {
margin-left: 30px;
}
.product-masonry [data-mobile-slider-navigation] .mobile-slider-prev-next:disabled {
cursor: default;
opacity: 0.2;
}
.product-masonry [data-mobile-slider-navigation] .mobile-slider-prev-next svg {
width: 17px;
height: 17px;
vertical-align: middle;
fill: #262626;
}
.product-masonry [data-mobile-slider-navigation] [data-mobile-slider-dots] {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
list-style-type: none;
cursor: pointer;
margin: 0;
}
.product-masonry [data-mobile-slider-navigation] [data-mobile-slider-dots] .dot {
width: 10px;
height: 10px;
margin: 4px 8px 4px 8px;
background-color: #262626;
border-radius: 10px;
opacity: 0.2;
}
.product-masonry [data-mobile-slider-navigation] [data-mobile-slider-dots] .dot.selected {
opacity: 1;
}
}
.plyr.plyr--video {
color: #262626;
background-color: #ffffff;
}
body:not(.user-is-tabbing) .plyr.plyr--video {
outline: none;
}
.plyr.plyr--video .plyr__control {
color: #262626;
background: #ffffff;
border: 0;
}
.plyr.plyr--video > .plyr__control {
width: 60px;
height: 60px;
padding: 0;
background: #ffffff;
box-shadow: 0 0 0 1px rgba(38, 38, 38, 0.05);
}
.plyr.plyr--video > .plyr__control > svg {
width: 100%;
height: 100%;
margin: 0;
border: 0;
transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.plyr.plyr--video > .plyr__control:hover > svg {
opacity: 0.55;
}
.plyr.plyr--video > .plyr__control:active {
opacity: 0.7;
}
.plyr.plyr--video .plyr__progress__buffer {
background: rgba(38, 38, 38, 0.06);
opacity: 0.6;
}
.plyr.plyr--video .plyr__control--overlaid.plyr__tab-focus,
.plyr.plyr--video .plyr__control--overlaid:hover {
color: #262626;
}
.plyr.plyr--video .plyr__video-wrapper,
.plyr.plyr--video .plyr__poster {
background-color: #ffffff;
}
.plyr.plyr--video .plyr__controls {
background: #ffffff;
border: 0;
box-shadow: 0 0 0 1px rgba(38, 38, 38, 0.05);
}
.plyr.plyr--video .plyr__tooltip {
color: #ffffff;
background: #262626;
}
.plyr.plyr--video .plyr__tooltip:before {
border-top: 4px solid #262626;
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background-image: linear-gradient(to right, #262626 var(--value, 0%), rgba(38, 38, 38, 0.06) 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(38, 38, 38, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 4px rgba(38, 38, 38, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(38, 38, 38, 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(38, 38, 38, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range]:active::-moz-range-track {
box-shadow: 0 0 0 3px rgba(38, 38, 38, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range]:active::-ms-thumb {
box-shadow: 0 0 0 3px rgba(38, 38, 38, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume {
background-color: #262626;
}
.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 #262626;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track {
color: #ffffff;
box-shadow: 2px 0 0 0 #262626;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb {
color: #ffffff;
box-shadow: 2px 0 0 0 #262626;
}
.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);
}
.product-list-item, .product-grid-masonry-sizer {
margin: 20px 0 30px;
display: inline-block;
vertical-align: top;
padding: 0 20px;
font-size: 1rem;
}
.rows-of-2 .product-list-item, .rows-of-2 .product-grid-masonry-sizer {
width: 50%;
}
@media (max-width: 539px) {
.rows-of-2 .product-list-item, .rows-of-2 .product-grid-masonry-sizer {
width: 100%;
}
}
.rows-of-3 .product-list-item, .rows-of-3 .product-grid-masonry-sizer {
width: 33.333%;
}
@media (max-width: 769px) {
.rows-of-3 .product-list-item, .rows-of-3 .product-grid-masonry-sizer {
width: 50%;
}
}
@media (max-width: 539px) {
.rows-of-3 .product-list-item, .rows-of-3 .product-grid-masonry-sizer {
width: 100%;
}
}
.rows-of-4 .product-list-item, .rows-of-4 .product-grid-masonry-sizer {
width: 25%;
}
@media (max-width: 1079px) {
.rows-of-4 .product-list-item, .rows-of-4 .product-grid-masonry-sizer {
width: 33.333%;
}
}
@media (max-width: 769px) {
.rows-of-4 .product-list-item, .rows-of-4 .product-grid-masonry-sizer {
width: 50%;
}
}
@media (max-width: 539px) {
.rows-of-4 .product-list-item, .rows-of-4 .product-grid-masonry-sizer {
width: 100%;
}
}
.product-grid-masonry-sizer {
position: absolute;
top: 0;
left: 0;
height: 0;
margin-top: 0;
margin-bottom: 0;
visibility: hidden;
}
.product-list-item-thumbnail {
position: relative;
margin: 0;
cursor: pointer;
}
.product-list-item-thumbnail.has-secondary-image {
background-size: 0%;
background-position: center;
}
.product-list-item-thumbnail:before {
transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
pointer-events: none;
}
.has-quick-shop .product-list-item-thumbnail:hover::before, .has-stock-indicator .product-list-item-thumbnail:hover::before {
background: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1079px) {
.has-quick-shop .product-list-item-thumbnail:hover::before, .has-stock-indicator .product-list-item-thumbnail:hover::before {
background: transparent;
}
}
.product-list-item-thumbnail img,
.product-list-item-thumbnail svg {
display: block;
margin: 0 auto;
}
.no-touch .product-list-item-thumbnail.has-secondary-image:hover {
background-size: cover;
}
.no-touch .product-list-item-thumbnail.has-secondary-image:hover img,
.no-touch .product-list-item-thumbnail.has-secondary-image:hover svg {
opacity: 0;
}
.product-list-item-thumbnail:hover .product-list-item-inventory {
opacity: 1;
}
.product-list-item-inventory {
cursor: pointer;
background: #ffffff;
border: 1px solid #e4e4e4;
font-size: 0.9285714286rem;
text-align: center;
padding: 12px;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
transform: translateX(-50%) translateY(-50%);
}.product-list-item-inventory {
font-size: 0.8571428571rem;
}.product-list-item-inventory:hover {
color: #262626;
}
.product-list-item-unavailable,
.product-list-item-on-sale {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -10px;
right: -10px;
background: #da4833;
padding: 10px;
width: 62px;
height: 62px;
border-radius: 50%;
text-align: center;
line-height: 1.4;
}
.product-list-item-unavailable.product-icons::after,
.product-list-item-on-sale.product-icons::after {
font-family: "chiko-icons";
font-size: 1.7857142857rem;
letter-spacing: 0;
line-height: 0;
color: #ffffff;
-webkit-font-smoothing: antialiased;
}
.product-list-item-unavailable::after,
.product-list-item-on-sale::after {
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
font-size: 0.6428571429rem;
color: #ffffff;
-webkit-font-smoothing: antialiased;
}
.product-list-item-unavailable::after,
.product-list-item-on-sale::after {
content: attr(data-title);
}
.product-list-item-unavailable.product-icons::after {
content: "\e607";
}
.product-list-item-on-sale.product-icons::after {
content: "\e605";
}
.product-list-item-details {
text-align: center;
}
.product-list-item-details p {
margin: 0;
}
.product-list-item-details > *:first-child {
margin-top: 18px;
}
.product-list-item-vendor {
font-size: 0.9285714286rem;
}.product-list-item-vendor a {
color: #656565;
}
.product-list-item-title {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
margin: 7px 0;
font-size: 1.0714285714rem;
text-transform: none;
letter-spacing: 0;
word-break: break-word;
}
.product-list-item-title a {
color: #262626;
white-space: normal;
}
.product-list-item-price .original {
text-decoration: line-through;
color: #939393;
margin-left: 2px;
}
.shopify-model-viewer-ui {
--progress-bar-color: #262626;
--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;
transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.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 {
cursor: pointer;
}
.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: #262626;
background-color: #ffffff;
border: 1px solid rgba(38, 38, 38, 0.05);
transition: background-color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
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.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.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(38, 38, 38, 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.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:first-child {
border-bottom: 0;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:last-child {
border-top: 0;
}
.quick-shop-modal-trigger {
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: absolute;
top: 50%;
left: 50%;
padding: 12px;
font-size: 0.9285714286rem;
text-align: center;
cursor: pointer;
background: #ffffff;
border: 1px solid #e4e4e4;
transform: translateX(-50%) translateY(-50%);
}.quick-shop-modal-trigger {
font-size: 0.8571428571rem;
}.quick-shop-modal-trigger:hover {
color: #666666;
}
@media (max-width: 1079px) {
.quick-shop-modal-trigger {
display: none;
}
}
.product-list-item > figure:hover .quick-shop-modal-trigger, .product-grid-masonry-sizer > figure:hover .quick-shop-modal-trigger {
opacity: 1;
}
.quickshop {
opacity: 0;
transition: all, 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 4000;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.8);
visibility: hidden;
}
@media (max-width: 1079px) {
.quickshop {
display: none;
}
}
.quickshop.quickshop-visible {
opacity: 1;
visibility: visible;
}
.quickshop-content {
position: relative;
display: flex;
width: 100%;
max-width: 960px;
max-height: 90%;
padding: 70px;
overflow: hidden;
background: #ffffff;
opacity: 0;
}
.quickshop-loaded .quickshop-content {
opacity: 1;
}
.quickshop-close {
position: absolute;
top: 40px;
right: 40px;
width: 19px;
height: 18px;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.quickshop-spinner {
opacity: 1;
}
.quickshop-loaded .quickshop-spinner {
opacity: 0;
}
.quickshop-product {
width: 100%;
height: auto;
overflow-y: auto;
}
.shopify-payment-button .shopify-payment-button__button {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 400;
overflow: hidden;
border-radius: 2px;
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
color: #ffffff;
background: #1d2349;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not(:disabled) {
color: #ffffff;
background: #262d5f;
}
.rating {
display: flex;
align-items: center;
}
.rating__star-wrapper {
display: flex;
margin-bottom: 3px;
}
.icon-star-background {
transform: scaleX(var(--rating-scale, 0));
}
.icon-star-reference {
position: absolute;
left: -9999;
width: 0;
height: 0;
}
.rating__star {
width: 20px;
height: auto;
}
.rating__star-1 {
--rating-scale: calc(var(--rating-value));
}
.rating__star-2 {
--rating-scale: calc(var(--rating-value) - 1);
}
.rating__star-3 {
--rating-scale: calc(var(--rating-value) - 2);
}
.rating__star-4 {
--rating-scale: calc(var(--rating-value) - 3);
}
.rating__star-5 {
--rating-scale: calc(var(--rating-value) - 4);
}
.rating__text {
display: none;
}
.rating__count {
margin: 0 0 0 5px;
}
@media (forced-colors: active) {
.rating__star-wrapper {
display: none;
}
.rating__text {
display: block;
}
}
.search-filters__title {
display: none;
}
.search-dropdown--filter {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
margin-top: 10px;
}
.search-dropdown--filter:only-child {
width: auto;
}
.search-filters__filter {
position: absolute;
left: var(--mobile-left);
z-index: 1;
box-sizing: border-box;
display: none;
width: var(--mobile-width);
max-height: 500px;
padding: 0.75rem;
margin-top: 4px;
overflow-y: auto;
list-style-type: none;
background-color: #ffffff;
border: 1px solid #ebebeb;
border-radius: 3px;
opacity: 0;
}
.search-filters__filter[data-animation] {
display: block;
}
.search-filters__filter[data-animation="closed=>open"] {
transition: opacity 200ms, height 300ms;
}
.search-filters__filter[data-animation="open=>closed"] {
transition: opacity 150ms, height 150ms;
}
.search-filters__filter[data-animation-state=open] {
display: block;
height: var(--open-height);
opacity: 1;
}
@media (min-width: 540px) {
.search-filters__filter {
right: auto;
left: 0;
width: -webkit-max-content;
width: max-content;
min-width: 100%;
}
.search-filters__filter.filters--overflow-right {
right: 0;
left: auto;
}
}
.search-filters__price-range-form {
margin: 0;
}
.search-filters__details-wrapper {
position: unset;
height: auto;
margin: 0 4px 4px 0;
overflow: visible;
}
.search-filters__details-wrapper:last-child {
margin: 0 0 4px 0;
}
@media (min-width: 540px) {
.search-filters__details-wrapper {
position: relative;
height: var(--closed-filter-height);
}
}
.search-filters__filter-group {
background-color: #ffffff;
border: 1px solid #ebebeb;
border-radius: 3px;
transition: border-color 0.2s ease-out;
}
.search-filters__filter-group::after {
display: none;
}
.search-filters__filter-group .search-filters__filter-group-title::-webkit-details-marker {
display: none;
}
.search-filters__filter-group-title {
display: flex;
align-items: center;
width: auto;
padding-right: 2.5rem;
margin-top: 0;
margin-bottom: 0;
list-style: none;
border: none;
}
.search-filters__filter-group-title::after {
position: absolute;
top: 50%;
right: 0;
width: 10.5px;
padding: 4px 10px;
margin: 0;
pointer-events: none;
transform: rotate(0) translateY(-50%);
}
.search-filters__filter-group[open] .search-filters__filter-group-title::after {
transform: rotate(180deg) translateY(50%);
}
.search-filters__active-filter-indicator {
display: flex;
align-items: center;
justify-content: center;
width: 15px;
height: 15px;
padding: 2px;
margin-left: 1rem;
font-size: 0.75rem;
color: #080808;
background-color: #e0e3f5;
border-radius: 50%;
}
.search-filters__filter-checkbox {
width: 12px;
min-width: 12px;
height: 12px;
color: #1d2349;
cursor: pointer;
border: 1px solid #e4e4e4;
}
.search-filters__filter-checkbox svg {
display: none;
}
.search-filters__filter-checkbox[data-checked] svg {
display: block;
}
[data-disabled] .search-filters__filter-checkbox {
cursor: not-allowed;
}
.search-filters__filter-range {
display: flex;
flex-direction: row;
justify-content: center;
color: #494949;
}
.search-filters__filter-range--from,
.search-filters__filter-range--to {
position: relative;
display: grid;
grid-template-rows: auto auto;
grid-template-columns: -webkit-min-content auto;
grid-template-columns: min-content auto;
align-items: center;
width: 100%;
margin: 4px 0;
}
.search-filters__filter-range--from .search-filters__filter-range-input,
.search-filters__filter-range--to .search-filters__filter-range-input {
margin: 0;
color: currentColor;
}
.search-filters__filter-range--to {
margin-right: 0;
margin-left: 1rem;
}
.search-filters__filter-range-label {
grid-row: 1/span 1;
grid-column: 1/span 2;
justify-self: start;
font-size: 1rem;
margin: 0;
color: currentColor;
}
.search-filters__filter-range-currency {
font-family: Roboto,sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
margin-right: 4px;
color: currentColor;
}
.search-filters__filter-title-wrapper {
display: flex;
align-items: center;
}
.search-filters__filter-title {
margin: 0;
text-transform: none;
letter-spacing: 0;
pointer-events: none;
}
.search-filters__filter-icon-wrapper {
position: relative;
width: 0.5714285714rem;
height: 0.5714285714rem;
margin: 0 4px;
outline: none;
}
.search-filters__filter-icon {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
margin-top: -3px;
transform: translateX(-50%);
}
.search-filters__filter-list-item {
display: flex;
row-gap: 0.25rem;
align-items: center;
margin-top: 0.5rem;
font-size: 1rem;
color: #494949;
}
.search-filters__filter-list-item:first-child {
margin-top: 0;
}
.search-filters__filter-link {
display: flex;
flex: 1;
column-gap: 0.375rem;
align-items: center;
padding: 0.2142857143rem;
margin: 0;
line-height: 1.15;
color: currentColor;
text-decoration: none;
outline-offset: -4px;
}
.search-filters__filter-link[data-disabled] {
cursor: not-allowed;
opacity: 50%;
}
.search-filters__filter-link[data-disabled]:hover {
color: currentColor;
}
.search-filters__filter-link:hover {
z-index: 101;
color: currentColor;
}
.modal .search-filters__filter-link {
width: 100%;
padding: 4px;
}
.search-filters__filter-list-item-text {
display: inline-block;
padding: 0.2142857143rem;
margin: 0;
line-height: 1.15;
color: currentColor;
text-decoration: none;
vertical-align: middle;
text-align: left;
word-break: break-word;
}
.search-page__filters--active {
margin-top: 20px;
}
.search-form {
position: relative;
width: 100%;
}
.search-form.search-form--header {
max-width: 225px;
}
@media (max-width: 1079px) {
.search-form.search-form--header {
display: none;
}
}
.sticky-header .search-form.search-form--header {
display: none;
}
@media (max-width: 769px) {
.search-form.search-form--mobile {
position: static;
}
}
.search-form.search-form--search-page {
max-width: 675px;
padding: 0 20px;
margin: 24px auto;
}
.search-form__results-container {
position: absolute;
right: 0;
display: none;
width: 650px;
max-height: var(--results-container-height);
padding: 20px 30px 0;
margin-top: 4px;
overflow-y: auto;
font-size: initial;
text-align: left;
background-color: #ffffff;
border: 1px solid #e4e4e4;
opacity: 0;
}
.search-form__results-container[data-animation] {
display: block;
transition: opacity 0.2s;
}
.search-form__results-container[data-animation-state=open] {
display: block;
opacity: 1;
}
.search-form__results-container[data-loading=true] {
padding: 20px 30px;
}
@media (max-width: 769px) {
.search-form__results-container {
padding: 24px 30px 0;
border: none;
}
}
.search-form--mobile .search-form__results-container {
width: 100%;
margin-top: -1px; /* Account for border overlap */
}
@media (max-width: 769px) {
.search-form--mobile .search-form__results-container {
top: 100%;
padding-top: 0;
}
}
.search-form__results-container-loading-state {
display: flex;
justify-content: center;
padding: 1rem 0;
}
[data-loading=false] .search-form__results-container-loading-state {
display: none;
}
.search-form__results-container-loading-state svg path:first-child {
opacity: 0.125;
}
.search-form__results-container-loading-state svg path:last-child {
fill: #1d2349;
}
[data-loading=true] .search-form__results-container-loading-state svg path:last-child {
transform-origin: center;
animation: rotate 0.75s infinite linear;
}
@keyframes rotate {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.search-form__field {
position: relative;
}
input.search-form__input {
max-width: 100%;
padding: 16px 52px 16px 18px;
margin: 0;
}
.search-form--header input.search-form__input {
padding: 10px 40px 10px 12px;
font-size: 13px;
}
@media (max-width: 1079px) {
input.search-form__input {
font-size: 16px;
}
}
.search-form__submit-button {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 12px 16px;
background: none;
border: none;
}
.search-form--header .search-form__submit-button {
padding: 12px;
}
.search-form--header .search-form__submit-button svg {
width: 15px;
height: 15px;
}
.search-takeover {
position: absolute;
top: 0;
left: 0;
z-index: 200;
display: none;
align-items: center;
width: 100%;
height: 100%;
padding: 0 30px;
background-color: #ffffff;
opacity: 0;
}
.search-takeover[data-animation] {
display: flex;
transition: opacity 0.2s;
}
.search-takeover[data-animation-state=open] {
display: flex;
opacity: 1;
}
.search-takeover__wrapper {
display: flex;
flex: 1;
gap: 18px;
}
@media (min-width: 540px) {
.search-takeover__wrapper {
gap: 30px;
}
}
@media (min-width: 770px) {
.search-takeover__wrapper {
padding-left: 64px;
}
}
.search-takeover__close-button {
padding: 0.5rem;
background: none;
border: none;
}
.search-takeover__close-button svg {
display: block;
width: 20px;
height: 20px;
}
.share-buttons {
margin: 30px auto 40px;
cursor: pointer;
}
.share-buttons .section-title {
margin-right: 12px;
font-size: 0.9285714286rem;
}
.share-buttons a {
display: inline-block;
height: 22px;
margin: 0 5px;
vertical-align: text-top;
}
.share-buttons a svg {
height: 13px;
}
.share-buttons a.share-pinterest svg {
height: 14px;
}
.share-buttons a.share-fancy svg {
width: 13px;
height: 13px;
}
.share-buttons a .share-email svg {
height: 11px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
ShopPad App: Tracktor
https://apps.shopify.com/tracktor-2
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#tracktorContainer {
max-width: 1260px;
margin: 0 auto 30px;
padding: 0 30px;
}
#tracktorOrderForm {
padding: 0 30px !important;
max-width: 710px;
margin: 0 auto;
float: none !important;
width: auto !important;
text-align: center;
}
#tracktorOrderForm label {
margin: 0;
color: #262626;
}
#tracktorOrderForm input {
background-color: #ffffff;
}
@media screen and (max-width: 797px) {
#tracktorOrderStatus div {
height: auto !important;
background-color: rgba(0, 0, 0, 0) !important;
}
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
ShopPad App: Bouncer
https://apps.shopify.com/bouncer
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#bouncer_modal_datepicker span {
position: relative;
display: inline-block;
margin: 0;
}
#bouncer_modal_datepicker span:after {
content: "\e602";
font-size: 0.3571428571rem;
position: absolute;
right: 12px;
top: 50%;
margin-top: -2px;
}
#bouncer_modal_datepicker span select {
background-color: #ffffff;
cursor: pointer;
border: 1px solid #ebebeb;
color: #494949;
position: relative;
padding: 6px 30px 6px 10px;
width: 100%;
border-radius: 2px;
font-size: 1rem;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
ShopPad App: Uploadery
https://apps.shopify.com/uploadery
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#uploadery-container:empty {
display: none !important;
}
#uploadery-container form {
display: inline-block;
width: 100%;
background-color: inherit;
margin: 30px 0 0 0;
}
#uploadery-container form:last-child {
margin-bottom: 30px;
}
#uploadery-container label {
position: relative;
line-height: 1.6;
color: #262626;
width: 100%;
display: inline-block;
margin: 0;
color: #262626;
overflow: hidden;
}
#uploadery-container label .spb-fileupload {
margin-top: 5px;
}
#uploadery-container input[type=file] {
-webkit-appearance: none;
-o-appearance: none;
appearance: none;
outline: none;
font-size: 1rem;
color: #262626;
padding: 0;
border: 0;
}
#uploadery-container input[type=file]::-webkit-file-upload-button {
font-size: 1rem;
color: #262626;
background-color: #ffffff;
border: 1px solid #ebebeb;
border-radius: 4px;
color: #262626;
box-sizing: border-box;
padding: 4px 6px;
outline: none;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
ShopPad App: Infinite Options
https://apps.shopify.com/custom-options
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#infiniteoptions-container > div {
margin-bottom: 16px;
display: inline-block;
width: 100%;
}
#infiniteoptions-container > div > label {
color: #262626;
width: 100%;
display: inline-block;
margin: 0;
color: #262626;
}
#infiniteoptions-container > div > span {
width: 100%;
display: inline-block;
}
#infiniteoptions-container > div > span label {
/* radio button labels */
color: #262626;
margin: 0;
margin-bottom: 5px;
width: 100%;
display: inline-block;
vertical-align: middle;
cursor: pointer;
position: relative;
}
#infiniteoptions-container > div > span label input[type=radio] {
position: relative;
margin: 0;
margin-right: 10px;
display: inline-block;
background-color: #ffffff;
border: 1px solid #ebebeb;
width: 20px;
height: 20px;
border-radius: 10px;
vertical-align: bottom;
-webkit-appearance: none;
-o-appearance: none;
appearance: none;
outline: none;
}
#infiniteoptions-container > div > span label input[type=radio]:checked:after {
content: "";
position: relative;
display: block;
width: 10px;
height: 10px;
background-color: #262626;
border-radius: 10px;
top: 4px;
left: 4px;
}
#infiniteoptions-container .spb-select {
position: relative;
width: 100%;
max-width: 340px;
}
@media (max-width: 769px) {
#infiniteoptions-container .spb-select {
margin: 0 auto;
}
}
#infiniteoptions-container .spb-select:after {
content: "\e602";
font-size: 0.3571428571rem;
position: absolute;
right: 12px;
top: 50%;
margin-top: -2px;
pointer-events: none;
}
#infiniteoptions-container .spb-select select {
background-color: #ffffff;
cursor: pointer;
border: 1px solid #ebebeb;
color: #494949;
position: relative;
padding: 6px 30px 6px 10px;
width: 100%;
border-radius: 2px;
font-size: 1rem;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
}
#infiniteoptions-container input[type=text],
#infiniteoptions-container input[type=number],
#infiniteoptions-container input[type=url],
#infiniteoptions-container input[type=password],
#infiniteoptions-container input[type=email],
#infiniteoptions-container textarea {
background-color: #ffffff;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
}
@media (max-width: 769px) {
#infiniteoptions-container input[type=text],
#infiniteoptions-container input[type=number],
#infiniteoptions-container input[type=url],
#infiniteoptions-container input[type=password],
#infiniteoptions-container input[type=email],
#infiniteoptions-container textarea {
margin: 0 auto;
}
}
#infiniteoptions-container textarea {
min-height: 5px;
}
#infiniteoptions-container fieldset {
border: 0;
margin: 0;
padding: 0;
}
#infiniteoptions-container fieldset label {
color: #262626;
margin-bottom: 5px;
width: 100%;
display: inline-block;
margin: 0;
}
#infiniteoptions-container fieldset input[type=checkbox] {
position: relative;
margin: 0;
margin-right: 10px;
display: inline-block;
background-color: #ffffff;
border: 1px solid #ebebeb;
width: 20px;
height: 20px;
border-radius: 4px;
vertical-align: bottom;
-webkit-appearance: none;
-o-appearance: none;
appearance: none;
outline: none;
}
#infiniteoptions-container fieldset input[type=checkbox]:checked:after {
font-family: arial;
content: "✓";
position: relative;
width: 20px;
height: 20px;
color: #262626;
top: 0;
left: 4px;
text-align: center;
line-height: 20px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
ShopPad App: Coin
https://apps.shopify.com/coin
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#coin-container {
position: relative;
}
#coin-container:empty {
display: none !important;
}
#coin-container:after {
content: "\e602";
font-size: 0.3571428571rem;
position: absolute;
right: 5px;
bottom: 5px;
pointer-events: none;
}
#coin-container select {
background-color: transparent;
cursor: pointer;
border: 1px solid #e4e4e4;
color: #262626;
padding: 8px 30px 8px 5px;
max-width: 220px;
width: 100%;
border-radius: 2px;
font-size: 0.9285714286rem;
-webkit-appearance: none;
-o-appearance: none;
appearance: none;
}
#coin-container select::-ms-expand {
display: none;
}
.main-header #coin-container {
display: inline-block;
}
.main-header #coin-container label {
display: inline-block;
margin: 0;
font-size: 1rem;
line-height: 36px;
color: #494949;
}
.main-header #coin-container label select {
margin-left: 10px;
}
.main-header #coin-container select {
display: inline-block;
background: transparent;
border: 0;
max-width: none;
width: auto;
float: right;
line-height: 18px;
color: #494949;
}
.site-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 4000;
display: none;
height: 100vh;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
}
.site-overlay[data-animation] {
display: block;
transition: opacity 250ms;
}
.site-overlay[data-animation-state=open] {
display: block;
opacity: 1;
}
.no-js [data-rimg-noscript] + [data-rimg=lazy] {
display: none;
}
.no-js [data-rimg=lazy] {
opacity: 1;
}
.age-gate {
position: fixed;
top: 0;
left: 0;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
text-align: center;
}
.age-gate::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--background-color, #ffffff);
content: "";
}
.age-gate__header {
margin-bottom: 32px;
}
.age-gate__logo-wrapper {
position: relative;
display: block;
max-width: 100px;
margin: 0 auto;
}
.age-gate__logo-wrapper + .age-gate__heading,
.age-gate__logo-wrapper + .age-gate__description {
margin-top: 32px;
}
.age-gate__logo {
width: auto;
height: auto;
max-width: 100%;
}
.age-gate__heading {
margin-top: 0;
margin-bottom: 0;
}
.age-gate__heading + .age-gate__description {
margin-top: 12px;
}
.age-gate__description {
margin-top: 0;
margin-bottom: 0;
}
.age-gate__content {
position: relative;
z-index: 1;
/* Extra small devices (phones, 768px and down) */
max-width: 75%;
/* Medium devices (landscape tablets, 768px and up) */
}
@media only screen and (min-width: 768px) {
.age-gate__content {
max-width: 50%;
}
}
.age-gate__form {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.age-gate__select-wrapper {
/* Extra small devices (phones, 768px and down) */
grid-column: 1/4;
/* Medium devices (landscape tablets, 768px and up) */
}
@media only screen and (min-width: 768px) {
.age-gate__select-wrapper {
grid-column: unset;
}
}
.age-gate__select {
margin-top: 0;
margin-bottom: 0;
/* Medium devices (landscape tablets, 768px and up) */
}
@media only screen and (min-width: 768px) {
.age-gate__select {
margin-top: inherit;
margin-bottom: inherit;
}
}
.age-gate__confirm_btn {
grid-column: 1/4;
}
.age-gate__error {
grid-column: 1/4;
margin-top: 10px;
color: var(--color-error, #ea555c);
}
.age-gate {
z-index: 9999;
}
.age-gate__select-wrapper {
text-align: left;
}
.age-gate__select-wrapper .select-wrapper {
max-width: none;
}