/** Shopify CDN: Minification failed Line 64:6 Expected identifier but found "48%" Line 767:2 Expected identifier but found "*" Line 3607:0 Unexpected "}" Line 3611:0 Expected identifier but found "." Line 9396:31 Unexpected ";" **/ /* Fonts */@font-face { font-family: Futura; font-weight: 400; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_n4.8d5ea8f8dbd5e45b7bf0cf03509f92cd808e9bf8.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=19c5cfa1200d3ca25a4b2511626097df52764bec693a869a1cf39ab1370bf98a") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_n4.fbbbab6182a17cd4a47d065345c58484632cb8ce.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=e9670d1deb9d0f11ac0e6fabb6b53c4472061f8753320fe6081f4f7cbfa5ae40") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: oblique; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_o4.cf89e9284be8003a8f69599791ab0f67f4658ed2.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=9ae555698e5759305e828bb5080aa4e88c4461fdb1f47b48768b2f68ad9a2ae8") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_o4.abc6a52d7023f11db53e6bd8e4a66d69b30074eb.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=23e006feac0aff2aba4d0d650ee9624ccd1de3d05716c2a70e2e064c6dab882f") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_n7.d75f4bd016f5bb3ab5321fd59677c1bd786a6949.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=7befed24d7de58f9214a308287ccee16275517543b2e4bac254c3a9508e36924") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_n7.a78efca6dcacbbc5112f379d9a427b6f900d8999.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=196b818a211e9ba71511778cd41888d1c3120b395a93ec1f62bbb38e32aa45b2") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: oblique; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_o7.77a9d96581d9dc81cdde6326e4d9c5c27bdc9dcd.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=94e6d0a7d9eadb6186d22213b4496b5127441f21332743b001979c61da9a1075") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_o7.cd0fb46cbb87b28288e7319ded222ff6daa0d04e.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=db1f0b047b1ea0f12a4675396af37c8a65899ba09ed81c0c04220dbe8170d434") format("woff"); } @font-face { font-family: Futura; font-weight: 300; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_n3.82d67988e6a6101d6aea967fc7203856f271c159.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=9127fa2d50e458bfe292e402683c46ec1cd7c5ae3e56d2bfe5cd099a446f292d") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_n3.7ceb4ca6c4914d401e18b1d6c5a7377296dcf2ff.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=4bc57d2afeb59e267a01c899e5903c5f39ceffba18e43cf335c91e17e4368a1f") format("woff"); } @font-face { font-family: Futura; font-weight: 300; font-style: oblique; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_o3.1d47c539172bd175c56c7b42592d2e7c4f5b78fa.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=a520b7cc14815dbdd66ffec608e8d6ff7e190df769f4848d217cd7366e040fac") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_o3.04f493040e40a422faacb2565586ed5611f21dea.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=a2b45ab43ea9cbbe305e91f40abea345f84888db7336e1927412364eb884c89b") format("woff"); } width:48%; float:left; } .one-half-column-right { width:48%; float:right; } @media only screen and (max-width: 600px) { .one-half-column-left, .one-half-column-right, .one-third-column, .one-third-column-last { float:none; width:100%; margin-right:0; } }@font-face { font-family: Futura; font-weight: 400; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_n4.8d5ea8f8dbd5e45b7bf0cf03509f92cd808e9bf8.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=19c5cfa1200d3ca25a4b2511626097df52764bec693a869a1cf39ab1370bf98a") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_n4.fbbbab6182a17cd4a47d065345c58484632cb8ce.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=e9670d1deb9d0f11ac0e6fabb6b53c4472061f8753320fe6081f4f7cbfa5ae40") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: oblique; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_o4.cf89e9284be8003a8f69599791ab0f67f4658ed2.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=9ae555698e5759305e828bb5080aa4e88c4461fdb1f47b48768b2f68ad9a2ae8") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_o4.abc6a52d7023f11db53e6bd8e4a66d69b30074eb.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=23e006feac0aff2aba4d0d650ee9624ccd1de3d05716c2a70e2e064c6dab882f") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_n7.d75f4bd016f5bb3ab5321fd59677c1bd786a6949.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=7befed24d7de58f9214a308287ccee16275517543b2e4bac254c3a9508e36924") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_n7.a78efca6dcacbbc5112f379d9a427b6f900d8999.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=196b818a211e9ba71511778cd41888d1c3120b395a93ec1f62bbb38e32aa45b2") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: oblique; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_o7.77a9d96581d9dc81cdde6326e4d9c5c27bdc9dcd.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=94e6d0a7d9eadb6186d22213b4496b5127441f21332743b001979c61da9a1075") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_o7.cd0fb46cbb87b28288e7319ded222ff6daa0d04e.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=db1f0b047b1ea0f12a4675396af37c8a65899ba09ed81c0c04220dbe8170d434") format("woff"); } @font-face { font-family: Futura; font-weight: 300; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_n3.82d67988e6a6101d6aea967fc7203856f271c159.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=9127fa2d50e458bfe292e402683c46ec1cd7c5ae3e56d2bfe5cd099a446f292d") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_n3.7ceb4ca6c4914d401e18b1d6c5a7377296dcf2ff.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=4bc57d2afeb59e267a01c899e5903c5f39ceffba18e43cf335c91e17e4368a1f") format("woff"); } @font-face { font-family: Futura; font-weight: 300; font-style: oblique; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_o3.1d47c539172bd175c56c7b42592d2e7c4f5b78fa.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=a520b7cc14815dbdd66ffec608e8d6ff7e190df769f4848d217cd7366e040fac") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_o3.04f493040e40a422faacb2565586ed5611f21dea.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=a2b45ab43ea9cbbe305e91f40abea345f84888db7336e1927412364eb884c89b") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_n4.8d5ea8f8dbd5e45b7bf0cf03509f92cd808e9bf8.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=19c5cfa1200d3ca25a4b2511626097df52764bec693a869a1cf39ab1370bf98a") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_n4.fbbbab6182a17cd4a47d065345c58484632cb8ce.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=e9670d1deb9d0f11ac0e6fabb6b53c4472061f8753320fe6081f4f7cbfa5ae40") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: oblique; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_o4.cf89e9284be8003a8f69599791ab0f67f4658ed2.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=9ae555698e5759305e828bb5080aa4e88c4461fdb1f47b48768b2f68ad9a2ae8") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_o4.abc6a52d7023f11db53e6bd8e4a66d69b30074eb.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=23e006feac0aff2aba4d0d650ee9624ccd1de3d05716c2a70e2e064c6dab882f") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_n7.d75f4bd016f5bb3ab5321fd59677c1bd786a6949.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=7befed24d7de58f9214a308287ccee16275517543b2e4bac254c3a9508e36924") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_n7.a78efca6dcacbbc5112f379d9a427b6f900d8999.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=196b818a211e9ba71511778cd41888d1c3120b395a93ec1f62bbb38e32aa45b2") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: oblique; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_o7.77a9d96581d9dc81cdde6326e4d9c5c27bdc9dcd.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=94e6d0a7d9eadb6186d22213b4496b5127441f21332743b001979c61da9a1075") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_o7.cd0fb46cbb87b28288e7319ded222ff6daa0d04e.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=db1f0b047b1ea0f12a4675396af37c8a65899ba09ed81c0c04220dbe8170d434") format("woff"); } @font-face { font-family: Futura; font-weight: 300; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_n3.82d67988e6a6101d6aea967fc7203856f271c159.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=9127fa2d50e458bfe292e402683c46ec1cd7c5ae3e56d2bfe5cd099a446f292d") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_n3.7ceb4ca6c4914d401e18b1d6c5a7377296dcf2ff.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=4bc57d2afeb59e267a01c899e5903c5f39ceffba18e43cf335c91e17e4368a1f") format("woff"); } @font-face { font-family: Futura; font-weight: 300; font-style: oblique; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_o3.1d47c539172bd175c56c7b42592d2e7c4f5b78fa.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=a520b7cc14815dbdd66ffec608e8d6ff7e190df769f4848d217cd7366e040fac") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_o3.04f493040e40a422faacb2565586ed5611f21dea.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=a2b45ab43ea9cbbe305e91f40abea345f84888db7336e1927412364eb884c89b") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_n4.8d5ea8f8dbd5e45b7bf0cf03509f92cd808e9bf8.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=19c5cfa1200d3ca25a4b2511626097df52764bec693a869a1cf39ab1370bf98a") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_n4.fbbbab6182a17cd4a47d065345c58484632cb8ce.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=e9670d1deb9d0f11ac0e6fabb6b53c4472061f8753320fe6081f4f7cbfa5ae40") format("woff"); } @font-face { font-family: Futura; font-weight: 400; font-style: oblique; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_o4.cf89e9284be8003a8f69599791ab0f67f4658ed2.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=9ae555698e5759305e828bb5080aa4e88c4461fdb1f47b48768b2f68ad9a2ae8") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_o4.abc6a52d7023f11db53e6bd8e4a66d69b30074eb.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=23e006feac0aff2aba4d0d650ee9624ccd1de3d05716c2a70e2e064c6dab882f") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_n7.d75f4bd016f5bb3ab5321fd59677c1bd786a6949.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=7befed24d7de58f9214a308287ccee16275517543b2e4bac254c3a9508e36924") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_n7.a78efca6dcacbbc5112f379d9a427b6f900d8999.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=196b818a211e9ba71511778cd41888d1c3120b395a93ec1f62bbb38e32aa45b2") format("woff"); } @font-face { font-family: Futura; font-weight: 700; font-style: oblique; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_o7.77a9d96581d9dc81cdde6326e4d9c5c27bdc9dcd.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=94e6d0a7d9eadb6186d22213b4496b5127441f21332743b001979c61da9a1075") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_o7.cd0fb46cbb87b28288e7319ded222ff6daa0d04e.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=db1f0b047b1ea0f12a4675396af37c8a65899ba09ed81c0c04220dbe8170d434") format("woff"); } @font-face { font-family: Futura; font-weight: 300; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_n3.82d67988e6a6101d6aea967fc7203856f271c159.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=9127fa2d50e458bfe292e402683c46ec1cd7c5ae3e56d2bfe5cd099a446f292d") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_n3.7ceb4ca6c4914d401e18b1d6c5a7377296dcf2ff.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=4bc57d2afeb59e267a01c899e5903c5f39ceffba18e43cf335c91e17e4368a1f") format("woff"); } @font-face { font-family: Futura; font-weight: 300; font-style: oblique; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/futura/futura_o3.1d47c539172bd175c56c7b42592d2e7c4f5b78fa.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=a520b7cc14815dbdd66ffec608e8d6ff7e190df769f4848d217cd7366e040fac") format("woff2"), url("//otheroptions.ph/cdn/fonts/futura/futura_o3.04f493040e40a422faacb2565586ed5611f21dea.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=a2b45ab43ea9cbbe305e91f40abea345f84888db7336e1927412364eb884c89b") format("woff"); } @font-face { font-family: Slate; font-weight: 400; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/slate/slate_n4.2f7bc4a6028b441c35b69c36612098104b1dec22.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=282af51bedb41d3036f6df415f8488a01b1390fa51bd01ea6a3553a63bc00b84") format("woff2"), url("//otheroptions.ph/cdn/fonts/slate/slate_n4.019feae30a832125bbf58c92d8287580e3b8341e.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=f558888ab0f1348581d2564bd25d413b54a76462418f25e53c0acc1c76d3d43b") format("woff"); } @font-face { font-family: Slate; font-weight: 400; font-style: italic; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/slate/slate_i4.0d8cfbef2646d5aec34ad986c02148236fc4ca40.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=44c0fcfa1eb9ee65024b7b7e8df4fbed5dc70f69ca1f6821bb3ec6b0f6f60f38") format("woff2"), url("//otheroptions.ph/cdn/fonts/slate/slate_i4.f4915f427844f3c324fe57d4473ff0f1b9958601.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=b9c78a3fb030491bac39d470a6d7934c2fdf13e499dc51993052fa1bb97e5e1b") format("woff"); } @font-face { font-family: Slate; font-weight: 700; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/slate/slate_n7.02b7ceead4e2fea171610e094b2729e873d6838b.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=09205110a343eaefa93e141c391219e9fffa4f155550495f1ca5feafa9c9b837") format("woff2"), url("//otheroptions.ph/cdn/fonts/slate/slate_n7.ee39b4f9c6852b58046880bc203e4fb5e723e18a.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=06c5e182cf7886f26a703dacd635f4884ceefce908995b91b4b9ad60c6f3abd9") format("woff"); } @font-face { font-family: Slate; font-weight: 700; font-style: italic; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/slate/slate_i7.0897a69b677deafcdee8500f1fe1259e998b9000.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=906e0548dfd32189b1b7f8070cb422b18abdc86d13f51791c1a3d8f64526cc12") format("woff2"), url("//otheroptions.ph/cdn/fonts/slate/slate_i7.40d89c2c5d97ec7536acae9d1869434a5e442971.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=98f189b10aaa39c38dd2d39260ab5d0ec0a73f9a306c1f35a600cbd5a3fa0fcf") format("woff"); } @font-face { font-family: Slate; font-weight: 200; font-style: normal; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/slate/slate_n2.d735e877bffc83265eebbf9c5a62ab630250369e.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=08b7e9322141ad09945bf9f13a5568b340840ee50c8287b6d6cfea433815cb43") format("woff2"), url("//otheroptions.ph/cdn/fonts/slate/slate_n2.e5cb1c52a549b56860117e9308ef149320f3bdba.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=47f1f2e5d4bfaf98be3168636c0b6ca7ba3e4dcf0cadbe913850c799950552da") format("woff"); } @font-face { font-family: Slate; font-weight: 200; font-style: italic; font-display: auto; src: url("//otheroptions.ph/cdn/fonts/slate/slate_i2.3304168e8d8b26c4572f9b03b906c2197938958c.woff2?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=da3faeaba466d1896f690f21af5f39ca2ec1161c9f831a69ba22d286e6357028") format("woff2"), url("//otheroptions.ph/cdn/fonts/slate/slate_i2.e1aabf65fb59b0eb684601bba8a3d325496b5170.woff?h1=b3RoZXItb3B0aW9ucy1saWZlc3R5bGUuYWNjb3VudC5teXNob3BpZnkuY29t&h2=b29sd2VsbG5lc3MubXlzaG9waWZ5LmNvbQ&h3=b3RoZXJvcHRpb25zLnBo&hmac=71d1ed40d43f003044cacec9da0d2d6cd0427504b8f39c9a2d08ebbc92aef60c") format("woff"); } @font-face { font-family: "chiko-icons"; font-style: normal; font-weight: normal; src: url(//otheroptions.ph/cdn/shop/t/5/assets/chiko-icons.eot?v=13197954549357166981606925490); src: url(//otheroptions.ph/cdn/shop/t/5/assets/chiko-icons.eot?%23iefix&v=13197954549357166981606925490) format("embedded-opentype"), url(//otheroptions.ph/cdn/shop/t/5/assets/chiko-icons.woff?v=12666650156901059331606925490) format("woff"); } @font-face { font-family: "pxu-social-icons"; font-style: normal; font-weight: normal; src: url(//otheroptions.ph/cdn/shop/t/5/assets/pxu-social-icons.eot?v=176150189953419884441606925496); src: url(//otheroptions.ph/cdn/shop/t/5/assets/pxu-social-icons.eot?%23iefix&v=176150189953419884441606925496) format("embedded-opentype"), url(//otheroptions.ph/cdn/shop/t/5/assets/pxu-social-icons.woff?v=75149173774959108441606925497) 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 { 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. */ .rte:before, .blog-wrapper-masonry:before, .template-article .main-content:before, .blog-wrapper:before, .blog-sidebar:before, .blog-promo:before, .subfooter:before, .product:before, .product-images:before, .header-tools:before, .rte:after, .blog-wrapper-masonry:after, .template-article .main-content:after, .blog-wrapper:after, .blog-sidebar:after, .blog-promo:after, .subfooter:after, .product:after, .product-images:after, .header-tools:after { content: " "; /* 1 */ display: table; /* 2 */ } .rte:after, .blog-wrapper-masonry:after, .template-article .main-content:after, .blog-wrapper:after, .blog-sidebar:after, .blog-promo:after, .subfooter:after, .product:after, .product-images:after, .header-tools:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .rte, .blog-wrapper-masonry, .template-article .main-content, .blog-wrapper, .blog-sidebar, .blog-promo, .subfooter, .product, .product-images, .header-tools { *zoom: 1; } /* General */ .hidden { opacity: 0; visibility: hidden; } /* Small caps */ th, .product-list-item-unavailable.product-icons::after, .product-list-item-on-sale.product-icons::after, .product-list-item-unavailable::after, .product-list-item-on-sale::after { text-transform: uppercase; letter-spacing: 0.05em; } /* Typography */ .home-promotion-title, .home-slideshow-slide-heading, .home-video-with-text-content .video-title, h1, h2, h3, h4, h5, h6, .page-title, .section-title, th, .home-masonry-feature-title, .product-title, .navigation.navigation-desktop .mega-nav-list .mega-nav-list-title-link, .mega-nav-list .mega-nav-list-title .mega-nav-list-title-link, .product-list-item-inventory, .quick-shop-modal-trigger { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; color: #262626; }.meta, .customer-logout-link, .order-vendor, .post-author-name:before, .post-comment-date, .search-result-vendor, .search-result-date, .cart-item .price:before, .cart-item .quantity:before, .cart-item .total:before, .cart-brand, .cart-item-properties, .product-vendor, .product-list-item-unavailable.product-icons::after, .product-list-item-on-sale.product-icons::after, .product-list-item-unavailable::after, .product-list-item-on-sale::after, .product-list-item-vendor { font-family: Slate,sans-serif; font-style: normal; font-weight: 400; color: #656565; }.button, .submit, input[type="submit"], input[type="button"], .pxs-image-with-text-button, .pxs-newsletter-form-button, .shopify-payment-button__button--unbranded, input.header-search-button[type="submit"], .header-search-button-close, .navigation-toggle-open, .shopify-payment-button .shopify-payment-button__button--unbranded { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select-wrapper:after, .cart-item .remove, .product-thumbnails-navigation-previous, .product-thumbnails-navigation-next, input.header-search-button[type="submit"], .navigation.navigation-desktop .has-dropdown > a:after, .navigation.navigation-desktop .has-mega-nav > a:after, .navigation-submenu-toggle, .pagination .next, .pagination .previous, .single-post-pagination .next, .single-post-pagination .previous, #bouncer_modal_datepicker span:after, #infiniteoptions-container .spb-select:after, #coin-container: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; } .home-masonry-feature-video-trigger svg, .home-testimonials-icon svg, .home-video-with-text-icon svg, .header-search-button-close svg, .modal-close svg, .navigation-toggle-close svg, .navigation-toggle-icon svg { display: inline-block; max-width: 100%; max-height: 100%; } .template-password .password-branding .logo-link, .header-branding .logo-link { display: inline-block; max-width: 100%; font-size: 0; color: #262626; } .template-password .password-branding .logo-image, .header-branding .logo-image { display: block; margin: 0; } .template-password .password-branding h1, .header-branding h1 { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; margin: 0; font-size: 2.14286rem; }.home-promotion-title, .home-slideshow-slide-heading, .home-video-with-text-content .video-title { margin: 0; font-size: 1.85714rem; }@media (min-width: 770px) { .home-promotion-title, .home-slideshow-slide-heading, .home-video-with-text-content .video-title { font-size: 2.28571rem; } }@media (min-width: 1080px) { .home-promotion-title, .home-slideshow-slide-heading, .home-video-with-text-content .video-title { font-size: 3.57143rem; } }@media (min-width: 1280px) { .home-promotion-title, .home-slideshow-slide-heading, .home-video-with-text-content .video-title { font-size: 4.57143rem; } }.home-promotion-subtitle, .home-slideshow-slide-subheading { margin-top: 5px; margin-bottom: 0; font-size: 1.14286rem; } .home-promotion-subtitle:first-child, .home-slideshow-slide-subheading:first-child { margin-top: 0; } @media (min-width: 770px) { .home-promotion-subtitle, .home-slideshow-slide-subheading { font-size: 1.5rem; } } .home-promotion-button, .home-slideshow-slide-cta { margin-top: 15px; font-size: 1.14286rem; }.home-promotion-button, .home-slideshow-slide-cta { text-transform: uppercase; letter-spacing: 0.05em; }@media (max-width: 539px) { .home-promotion-button, .home-slideshow-slide-cta { padding: 10px 15px; } } @media (min-width: 540px) { .home-promotion-button, .home-slideshow-slide-cta { margin-top: 20px; } } @media (min-width: 770px) { .home-promotion-button, .home-slideshow-slide-cta { margin-top: 30px; } } /* Masonry features */ .color-white .home-masonry-feature-title, .color-white .home-masonry-feature-subtitle, .color-white .home-masonry-feature-title a, .color-white .home-masonry-feature-subtitle a { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); } .color-black .home-masonry-feature-title, .color-black .home-masonry-feature-subtitle, .color-black .home-masonry-feature-title a, .color-black .home-masonry-feature-subtitle a { color: #000; text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3); } .home-video-with-text-overlay img { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .blog-post-masonry-title, .post-title { font-size: 2.57143rem; }.blog-post-masonry-title a, .post-title a { color: currentColor; } .blog-post-masonry-content-date, .post-date { color: #656565; } .blog-post-masonry-content-date a, .post-date a { color: currentColor; } .order-price .product-price__unit-price, .cart-item .product-price__unit-price, .product .product-price__unit-price, .product .product-price__tax, .mini-cart-item-details .product-price__unit-price, .product-list-item .product-price__unit-price, .product-grid-masonry-sizer .product-price__unit-price { font-size: 13px; color: #909090; } .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: #dcbf7d; 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 */ .disclosure { --disclosure-max-height: 300px; --disclosure-min-height: 92px; --disclosure-toggle-text-color: black; --disclosure-toggle-background-color: transparent; --disclosure-toggle-border-color: black; --disclosure-toggle-svg: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E"); --disclosure-toggle-svg-color: black; --disclosure-text-color: black; --disclosure-background-color: white; --disclosure-border-color: black; position: relative; display: inline-block; } .disclosure__toggle { padding: 5px 32px 4px 11px; color: black; white-space: nowrap; background-color: transparent; border: 1px solid black; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @supports (color: var(--disclosure-toggle-text-color)) { .disclosure__toggle { color: var(--disclosure-toggle-text-color); background-color: var(--disclosure-toggle-background-color); border: 1px solid var(--disclosure-toggle-border-color); } } .disclosure__toggle:hover { cursor: pointer; } .disclosure__toggle::after { position: absolute; top: 50%; right: 11px; width: 10px; height: 7.5px; background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E"); content: ""; transform: translateY(-50%); } @supports ((-webkit-mask-image: var(--disclosure-toggle-svg)) or (mask-image: var(--disclosure-toggle-svg))) { .disclosure__toggle::after { background-color: var(--disclosure-toggle-svg-color); background-image: none; -webkit-mask-image: var(--disclosure-toggle-svg); mask-image: var(--disclosure-toggle-svg); -webkit-mask-size: cover; mask-size: cover; } } .disclosure-list { position: absolute; bottom: 115%; display: none; max-height: 300px; min-height: 92px; padding: 11px 0; margin: 0; overflow-y: auto; list-style: outside none; background-color: white; border: 1px solid black; border-radius: 0; } @supports (max-height: var(--disclosure-max-height)) { .disclosure-list { max-height: var(--disclosure-max-height); min-height: var(--disclosure-min-height); background-color: var(--disclosure-background-color); border: 1px solid var(--disclosure-border-color); } } .disclosure-list--visible { display: block; } .disclosure-list--alternate-drop { right: 0; } .disclosure-list__item { display: block; padding: 5px 45px 4px 15px; text-align: left; text-decoration: none; white-space: nowrap; border-bottom: 1px solid transparent; } .disclosure-list__item:focus, .disclosure-list__item:hover { color: black; text-decoration: underline; } @supports (color: var(--disclosure-text-color)) { .disclosure-list__item:focus, .disclosure-list__item:hover { color: var(--disclosure-text-color); } } .disclosure-list__item--current { text-decoration: underline; } .disclosure-list__option { color: inherit; text-decoration: inherit; } .surface-pick-up-embed { --surface-pick-up-embed-theme-success-color: rgba(50, 205, 50, 1); --surface-pick-up-embed-theme-error-color: rgba(179, 58, 58, 1); --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-theme-embed-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: rgba(50, 205, 50, 1); --surface-pick-up-item-theme-error-color: rgba(179, 58, 58, 1); --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); } /*! 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; -ms-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.85714rem; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; right: 0; bottom: 12px; 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: #fafafa; background-size: 100% auto; }body.scroll-locked { overflow: hidden; } .main-content { max-width: 1260px; margin: 40px auto; } .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: 16px; } body { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; color: #262626; font-size: 16px; 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: #dcbf7d; text-decoration: none; } a:hover { color: #d6b365; } /* Headers */ h1, h2, h3, h4, h5, h6 { line-height: 1.25; } h1 b, h1 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, h2 em, h3 em, h4 em, h5 em, h6 em { font-style: oblique; } h1 b em, h1 strong em, h1 em b, h1 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: oblique; }h1 { font-size: 2.85714rem; }h2 { font-size: 1rem; }h3 { font-size: 1.28571rem; }h4 { font-size: 1.14286rem; }h5 { font-size: 1.14286rem; }h6 { font-size: 1rem; }.page-title { margin: 0 0 10px 0; padding: 0 30px; text-align: center; font-size: 1.71429rem; -webkit-font-smoothing: antialiased; }.section-title { display: block; width: 100%; font-size: 1.28571rem; }.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: oblique; } b em, strong em, em b, em strong { font-style: oblique; } cite { color: #656565; } /* Tables */ table { background: transparent; color: #262626; border-top: none; border-radius: 2px; border-collapse: separate; } table.clean { border: none; border-radius: 0; } th { font-size: 1.14286rem; background: #ffffff; color: #494949; } tr td, tr th { 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: 48%; 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 */ .button, .submit, input[type="submit"], input[type="button"], .pxs-image-with-text-button, .pxs-newsletter-form-button { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; background: #dcbf7d; 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); }.button, .submit, input[type="submit"], input[type="button"], .pxs-image-with-text-button, .pxs-newsletter-form-button { font-size: 0.92857rem; text-transform: uppercase; letter-spacing: 0.05em; }.button:focus, .submit:focus, input:focus[type="submit"], input:focus[type="button"], .pxs-image-with-text-button:focus, .pxs-newsletter-form-button:focus { outline: 0; } .button:hover, .submit:hover, input:hover[type="submit"], input:hover[type="button"], .pxs-image-with-text-button:hover, .pxs-newsletter-form-button:hover { color: #ffffff; background: #d7b569; } .secondary.button, .secondary.submit, input.secondary[type="submit"], input.secondary[type="button"], .secondary.pxs-image-with-text-button, .secondary.pxs-newsletter-form-button { background: #e4e4e4; color: #080808; } .secondary.button:hover, .secondary.submit:hover, input.secondary:hover[type="submit"], input.secondary:hover[type="button"], .secondary.pxs-image-with-text-button:hover, .secondary.pxs-newsletter-form-button:hover { color: #080808; background: ; } .disabled.button, .disabled.submit, input.disabled[type="submit"], input.disabled[type="button"], .disabled.pxs-image-with-text-button, .disabled.pxs-newsletter-form-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:focus, textarea:focus { outline: 1px solid #dcbf7d; } input { margin-top: 10px; margin-bottom: 10px; } input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="telephone"], input[type="tel"], input[type="number"], textarea { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; display: block; width: 100%; max-width: 340px; padding: 10px 12px; font-size: 1rem; color: #262626; background: #fafafa; border: 1px solid #e4e4e4; border-radius: 2px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="text"]::-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="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="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="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="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="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="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="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="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="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="checkbox"], input[type="radio"] { margin-right: 5px; } .error-message, .errors { color: #d60000; } .lt-ie9 input[type="password"] { font-family: Arial, sans-serif; } 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.35714rem; position: absolute; right: 12px; top: 50%; margin-top: -2px; } .select-wrapper .selected-text { font-size: 0.92857rem; } .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; padding-left: 100px; } .rte blockquote { border-left: 2px solid #262626; padding-left: 50px; } .rte blockquote cite { display: block; color: #262626; margin-top: 15px; } .rte table { width: 100%; } .rte .tabs { display: block; width: 100%; height: 54px; padding: 0; margin: 0; white-space: nowrap; position: relative; z-index: 10; font-size: 0; overflow-y: hidden; } @media (max-width: 769px) { .rte .tabs { text-align: center; } } .rte .tabs li { font-size: 1rem; display: inline-block; height: 55px; line-height: 55px; padding: 0 30px; margin: 0; border: 1px solid transparent; border-bottom: none; cursor: pointer; color: #262626; } .rte .tabs li.active { border-color: #e4e4e4; height: 54px; background: transparent; }.rte .tabs-content { display: block; width: 100%; position: relative; top: -1px; z-index: 5; padding: 30px 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-customers-addresses .customer-wrapper { font-size: 0; } .customer-logout-link a { font-size: 0.78571rem; 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: #dcbf7d; } .toggle-forgetfulness:hover, .active-account-decline:hover { color: #d6b365; } .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-customers-account .customer-wrapper, .template-customers-order .customer-wrapper { font-size: 0; } .template-customers-account th, .template-customers-account td, .template-customers-order th, .template-customers-order td { padding: 20px 2vw; border: 0; } .template-customers-account th.order-product-item, .template-customers-account td.order-product-item, .template-customers-order th.order-product-item, .template-customers-order td.order-product-item { padding-right: 0; } .template-customers-account th, .template-customers-order th { font-size: 0.85714rem; 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.14286rem; } .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); } .lt-ie9 .customer-address-edit-form, .lt-ie9 .customer-new-address { margin-left: -170px; } .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: Futura,sans-serif; font-style: oblique; font-weight: 400; 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: Futura,sans-serif; font-style: oblique; font-weight: 400; } .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.85714rem; } .blog-post-masonry-title { margin-top: 0.85714rem; margin-bottom: 0.85714rem; line-height: 1.15; } .blog-post-masonry-content { padding: 1.42857rem 2.14286rem; border: 1px solid #e4e4e4; } .blog-post-masonry-image + .blog-post-masonry-content { border-top: 0; } .blog-post-masonry-text { margin-top: 0.85714rem; } .template-article .main-content { padding: 0 30px; margin-bottom: 65px; } .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.07143rem; }.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: Futura,sans-serif; font-style: normal; font-weight: 400; 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.14286rem; 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: #fafafa; 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.14286rem; color: #656565; text-align: center; }.post-author-name:before { content: attr(data-title); display: block; color: #262626; font-size: 0.92857rem; }.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; width: 100%; 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; } .collection-header.collection-header-alternate .collection-featured-image, .collection-header.collection-header-alternate .collection-header-content { font-size: 1rem; } @media (min-width: 300px) { .collection-header.collection-header-alternate .collection-featured-image, .collection-header.collection-header-alternate .collection-header-content, .one-half-column-left, .one-half-column-right { display: inline-block; width: calc(50% - 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: inline-block; width: 100%; } } @media (min-width: 1080px) { .collection-header.collection-header-alternate .collection-featured-image, .collection-header.collection-header-alternate .collection-header-content { width: calc(50% - 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-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) .collection-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.42857rem; } .collection-header-alternate .collection-header-content .page-title { margin-bottom: 1.78571rem; } .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%; } .collection-filters { margin-right: -10px; margin-left: -10px; } .collection-dropdown { display: inline-block; max-width: 200px; 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; } } .template-index .navigation.full-width { border-bottom: 0; } .template-index .main-content { margin-top: 0; margin-bottom: 65px; text-align: center; } .template-index .main-content .shopify-section { margin: 40px 0; } .template-index .main-content .shopify-section:first-child { margin-top: 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: 200px) { .collections-list-content .rows-of-3 .masonry-grid-sizer, .collections-list-content .rows-of-3 .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%; } } @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: inline-block; margin: 0 auto; } .collections-list-item .collection-title { margin-bottom: 10px; } .collections-list-item .collection-title a { color: #262626; } .template-page .main-content { margin-bottom: 65px; } .template-page .page-content { padding: 0 3%; max-width: inherit; margin: 40px auto 0; } .template-page .page-content > *:not(.highlight) { max-width: inherit; 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; } .logo { width: 100%; } .column { float: left; padding: 3%; } .left { width: 25%; margin: 0 auto; } .logo img{ padding: 0; max-width: 100%; } .right { width: 75%; } @media screen and (max-width:600px){ /* Mobile */ .column { float: none; width: 100%; } .logo { width: 50%; margin: 0 auto; } .logo img{ width: 100%; } } } @media screen and (min-width:1000px){ /* Desktop */ .row{ /* Intro page rows */ . display: block; } .row { width: 100% } } .row:after{ /* Intro page rows */ content: ""; display: table; clear: both; } .success-message, .error-message { font-family: Futura,sans-serif; font-style: oblique; font-weight: 400; margin-top: 25px; } .template-password { height: 100vh; text-align: center; } .lt-ie9 .template-password { height: 100%; min-height: 100%; } .template-password .form-title { margin-bottom: 15px; font-size: 1.14286rem; } .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; } .lt-ie9 .password-page { min-width: 100%; min-height: 100%; } .password-page-footer, .password-page-header { display: table-row; height: 1px; } .password-page-header { font-size: 1rem; text-align: right; } .lt-ie9 .admin-login-modal { display: none; } .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 15px; } .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: 4000; background: rgba(0, 0, 0, 0.8); opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lt-ie9 .password-page-modal-wrapper { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgOAMAAM8AzbfAeUUAAAAASUVORK5CYII="); } .password-page-modal-wrapper.visible { visibility: visible; opacity: 1; } .password-page-modal { position: absolute; top: 50%; left: 50%; max-height: 90%; max-width: 960px; width: 100%; padding: 70px; background: #fafafa; overflow-y: auto; z-index: 1000; opacity: 0; transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .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: Slate,sans-serif; font-style: normal; font-weight: 400; 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; } .plist p img{ padding: 0 3em 0; } .template-search .main-content { margin-bottom: 65px; } .no-search { text-align: center; padding: 0 20px; } .search-results-wrapper { margin-top: 40px; padding: 0 10px; } .search-results-count { padding: 0 20px; 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: 50%; } } .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 */ .home-blog-posts-section { position: relative; width: 100%; overflow: hidden; } .home-blog { padding: 30px 8px; margin: 30px 0; font-size: 0; 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.85714rem; 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.42857rem; } .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.42857rem; } .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; 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.33333%; } } .home-collection-image { position: relative; width: 100%; margin: 0; overflow: hidden; } .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-overlay-wrapper { cursor: pointer; 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; font-size: 1.78571rem; } .home-collection-subtitle { font-size: 1.14286rem; } .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; } .template-index .main-content .section-masonry { margin-top: 10px; } .home-masonry { padding-right: 25px; padding-left: 25px; margin-top: 10px; 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); } } .home-masonry.home-masonry-alternative { padding-right: 0; padding-left: 0; margin-top: 0; } .home-masonry.home-masonry-alternative.home-masonry-gutters { width: 100vw; height: 100vh; padding: 10px; margin: 0 -5px; } @media (min-width: 770px) { .home-masonry.home-masonry-alternative.home-masonry-gutters { width: calc(100vw + 10px); } } @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-alternative-logo { position: absolute; top: 30px; left: 50%; z-index: 1000; transform: translateX(-50%); } .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: #f3f3f3; } @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); } .home-masonry-feature-count-1.home-masonry-alternative .home-masonry-feature-1 { width: 100%; padding-bottom: calc(1 * 100vh); } .home-masonry-feature-count-1.home-masonry-alternative .home-masonry-feature-1.home-masonry-feature-gutters { width: calc(100% - 10px); padding-bottom: calc(1 * 100vh - 20px); } } @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); } .home-masonry-feature-count-2.home-masonry-alternative .home-masonry-feature-1 { width: 50%; padding-bottom: calc(1 * 100vh); } .home-masonry-feature-count-2.home-masonry-alternative .home-masonry-feature-1.home-masonry-feature-gutters { width: calc(50% - 10px); padding-bottom: calc(1 * 100vh - 20px); } .home-masonry-feature-count-2.home-masonry-alternative .home-masonry-feature-2 { width: 50%; padding-bottom: calc(1 * 100vh); } .home-masonry-feature-count-2.home-masonry-alternative .home-masonry-feature-2.home-masonry-feature-gutters { width: calc(50% - 10px); padding-bottom: calc(1 * 100vh - 20px); } } @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); } .home-masonry-feature-count-3.home-masonry-alternative .home-masonry-feature-1 { width: 33.33%; padding-bottom: calc(1 * 100vh); } .home-masonry-feature-count-3.home-masonry-alternative .home-masonry-feature-1.home-masonry-feature-gutters { width: calc(33.33% - 10px); padding-bottom: calc(1 * 100vh - 20px); } .home-masonry-feature-count-3.home-masonry-alternative .home-masonry-feature-2 { width: 33.33%; padding-bottom: calc(1 * 100vh); } .home-masonry-feature-count-3.home-masonry-alternative .home-masonry-feature-2.home-masonry-feature-gutters { width: calc(33.33% - 10px); padding-bottom: calc(1 * 100vh - 20px); } .home-masonry-feature-count-3.home-masonry-alternative .home-masonry-feature-3 { width: 33.33%; padding-bottom: calc(1 * 100vh); } .home-masonry-feature-count-3.home-masonry-alternative .home-masonry-feature-3.home-masonry-feature-gutters { width: calc(33.33% - 10px); padding-bottom: calc(1 * 100vh - 20px); } } @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); } .home-masonry-feature-count-4.home-masonry-alternative .home-masonry-feature-1 { width: 50%; padding-bottom: calc(0.412 * 100vh); } .home-masonry-feature-count-4.home-masonry-alternative .home-masonry-feature-1.home-masonry-feature-gutters { width: calc(50% - 10px); padding-bottom: calc(0.412 * 100vh - 15px); } .home-masonry-feature-count-4.home-masonry-alternative .home-masonry-feature-2 { width: 50%; padding-bottom: calc(0.588 * 100vh); } .home-masonry-feature-count-4.home-masonry-alternative .home-masonry-feature-2.home-masonry-feature-gutters { width: calc(50% - 10px); padding-bottom: calc(0.588 * 100vh - 15px); } .home-masonry-feature-count-4.home-masonry-alternative .home-masonry-feature-3 { width: 50%; padding-bottom: calc(0.588 * 100vh); margin-top: calc(-0.176 * 100vh); } .home-masonry-feature-count-4.home-masonry-alternative .home-masonry-feature-3.home-masonry-feature-gutters { width: calc(50% - 10px); padding-bottom: calc(0.588 * 100vh - 15px); margin-top: calc(-0.176 * 100vh); } .home-masonry-feature-count-4.home-masonry-alternative .home-masonry-feature-4 { width: 50%; padding-bottom: calc(0.412 * 100vh); } .home-masonry-feature-count-4.home-masonry-alternative .home-masonry-feature-4.home-masonry-feature-gutters { width: calc(50% - 10px); padding-bottom: calc(0.412 * 100vh - 15px); } } @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); } .home-masonry-feature-count-5.home-masonry-alternative .home-masonry-feature-1 { width: 30%; padding-bottom: calc(0.412 * 100vh); } .home-masonry-feature-count-5.home-masonry-alternative .home-masonry-feature-1.home-masonry-feature-gutters { width: calc(30% - 10px); padding-bottom: calc(0.412 * 100vh - 15px); } .home-masonry-feature-count-5.home-masonry-alternative .home-masonry-feature-2 { width: 70%; padding-bottom: calc(0.588 * 100vh); } .home-masonry-feature-count-5.home-masonry-alternative .home-masonry-feature-2.home-masonry-feature-gutters { width: calc(70% - 10px); padding-bottom: calc(0.588 * 100vh - 15px); } .home-masonry-feature-count-5.home-masonry-alternative .home-masonry-feature-3 { width: 30%; padding-bottom: calc(0.588 * 100vh); margin-top: calc(-0.176 * 100vh); } .home-masonry-feature-count-5.home-masonry-alternative .home-masonry-feature-3.home-masonry-feature-gutters { width: calc(30% - 10px); padding-bottom: calc(0.588 * 100vh - 15px); margin-top: calc(-0.176 * 100vh); } .home-masonry-feature-count-5.home-masonry-alternative .home-masonry-feature-4 { width: 40%; padding-bottom: calc(0.412 * 100vh); } .home-masonry-feature-count-5.home-masonry-alternative .home-masonry-feature-4.home-masonry-feature-gutters { width: calc(40% - 10px); padding-bottom: calc(0.412 * 100vh - 15px); } .home-masonry-feature-count-5.home-masonry-alternative .home-masonry-feature-5 { width: 30%; padding-bottom: calc(0.412 * 100vh); } .home-masonry-feature-count-5.home-masonry-alternative .home-masonry-feature-5.home-masonry-feature-gutters { width: calc(30% - 10px); padding-bottom: calc(0.412 * 100vh - 15px); } } @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-count-6.home-masonry-alternative .home-masonry-feature-1 { width: 30%; padding-bottom: calc(0.412 * 100vh); } .home-masonry-feature-count-6.home-masonry-alternative .home-masonry-feature-1.home-masonry-feature-gutters { width: calc(30% - 10px); padding-bottom: calc(0.412 * 100vh - 15px); } .home-masonry-feature-count-6.home-masonry-alternative .home-masonry-feature-2 { width: 30%; padding-bottom: calc(0.588 * 100vh); } .home-masonry-feature-count-6.home-masonry-alternative .home-masonry-feature-2.home-masonry-feature-gutters { width: calc(30% - 10px); padding-bottom: calc(0.588 * 100vh - 15px); } .home-masonry-feature-count-6.home-masonry-alternative .home-masonry-feature-3 { width: 40%; padding-bottom: calc(0.588 * 100vh); } .home-masonry-feature-count-6.home-masonry-alternative .home-masonry-feature-3.home-masonry-feature-gutters { width: calc(40% - 10px); padding-bottom: calc(0.588 * 100vh - 15px); } .home-masonry-feature-count-6.home-masonry-alternative .home-masonry-feature-4 { width: 30%; padding-bottom: calc(0.588 * 100vh); margin-top: calc(-0.176 * 100vh); } .home-masonry-feature-count-6.home-masonry-alternative .home-masonry-feature-4.home-masonry-feature-gutters { width: calc(30% - 10px); padding-bottom: calc(0.588 * 100vh - 15px); margin-top: calc(-0.176 * 100vh); } .home-masonry-feature-count-6.home-masonry-alternative .home-masonry-feature-5 { width: 40%; padding-bottom: calc(0.412 * 100vh); } .home-masonry-feature-count-6.home-masonry-alternative .home-masonry-feature-5.home-masonry-feature-gutters { width: calc(40% - 10px); padding-bottom: calc(0.412 * 100vh - 15px); } .home-masonry-feature-count-6.home-masonry-alternative .home-masonry-feature-6 { width: 30%; padding-bottom: calc(0.412 * 100vh); } .home-masonry-feature-count-6.home-masonry-alternative .home-masonry-feature-6.home-masonry-feature-gutters { width: calc(30% - 10px); padding-bottom: calc(0.412 * 100vh - 15px); } } .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.57143rem; line-height: 1.2; } @media (max-width: 1079px) and (min-width: 770px) { .home-masonry-feature-title { font-size: 1.28571rem; } } .home-masonry-feature-subtitle { margin-top: 0; margin-bottom: 0; font-size: 1.14286rem; 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: #dcbf7d; cursor: pointer; transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .home-masonry-feature-video-trigger:hover { color: #d7b569; } @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; } .home-message { margin: 30px; } .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; } .home-products-section { position: relative; width: 100%; overflow: hidden; } .home-products { margin-top: 40px; } .home-products .section-title { margin-top: 0; } .home-products-content { padding: 0 10px; font-size: 0; } .home-products-content .product-list-item, .home-products-content .product-grid-masonry-sizer { width: 100%; } @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.33333%; } .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); } .home-products-content.flickity-enabled { padding-right: 0; padding-left: 0; } .home-products-content.flickity-enabled .product-list-item, .home-products-content.flickity-enabled .product-grid-masonry-sizer { width: 230px; padding-right: 0; padding-left: 0; margin-right: 15px; margin-left: 15px; } @media (min-width: 375px) { .home-products-content.flickity-enabled .product-list-item, .home-products-content.flickity-enabled .product-grid-masonry-sizer { width: 260px; } } @media (min-width: 540px) { .home-products-content.flickity-enabled .product-list-item, .home-products-content.flickity-enabled .product-grid-masonry-sizer { width: calc(50% - 15px); } } .home-products-content.flickity-enabled .flickity-slider { margin-right: 30px; margin-left: 30px; } .template-index .main-content .home-promotion-section + .home-promotion-section { 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; } } .lt-ie9 .home-promotion.home-promotion-layout-content-width { width: 1260px; } .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; } .template-index .main-content .section-slideshow { margin-bottom: 10px; } .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; } } .lt-ie9 .home-slideshow.home-slideshow-layout-content-width { width: 1260px; } .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; } } .home-testimonials-section { position: relative; width: 100%; overflow: hidden; } .home-testimonials { padding: 0; margin: 40px 30px 0; } @media (min-width: 770px) { .home-testimonials { margin-right: 15px; margin-left: 15px; } } .home-testimonials .section-title { margin-top: 0; margin-bottom: 30px; } @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.42857rem; min-width: 16.42857rem; 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: #f4f4f4; } .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.33333% - 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: #dcbf7d; } .home-testimonials-content { font-size: 1.14286rem; } .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.14286rem; } .home-testimonials-role { margin-top: 2px; font-size: 1.14286rem; opacity: 0.5; } .home-video-with-text { position: relative; max-width: 1260px; margin: 0 auto; } .home-video-with-text.layout-content-width { padding-right: 0; padding-left: 0; } @media (min-width: 770px) { .home-video-with-text.layout-content-width { padding-right: 30px; padding-left: 30px; } } .lt-ie9 .home-video-with-text.layout-content-width { width: 1260px; } .home-video-with-text.layout-full-width { width: 100%; max-width: 100vw; min-width: 100%; margin: 0; overflow: hidden; } @media (min-width: 1260px) { .home-video-with-text.layout-full-width { width: 100vw; margin-left: calc(-50vw + 630px); } } @media (min-width: 770px) { .home-video-with-text.overlay-style-dark .video-title, .home-video-with-text.overlay-style-dark .video-subtitle { color: #fff; } .home-video-with-text.overlay-style-light .video-title, .home-video-with-text.overlay-style-light .video-subtitle { color: #000; } .home-video-with-text.overlay-style-accent .home-video-with-text-icon, .home-video-with-text.overlay-style-accent .video-title, .home-video-with-text.overlay-style-accent .video-subtitle { color: #ffffff; } .home-video-with-text.overlay-style-accent .home-video-with-text-icon:hover { color: rgba(255, 255, 255, 0.9); } } .home-video-with-text-video { position: relative; height: 0; max-width: 100%; padding-bottom: 56.25%; overflow: hidden; } .home-video-with-text-video iframe, .home-video-with-text-video object, .home-video-with-text-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .home-video-with-text-overlay, .home-video-with-text-content { opacity: 1; transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } @media (min-width: 770px) { .home-video-with-text-overlay.overlay-inactive, .home-video-with-text-content.overlay-inactive { opacity: 0; } } .home-video-with-text-overlay.overlay-inactive { pointer-events: none; opacity: 0; } @media (min-width: 770px) { .home-video-with-text-content.overlay-inactive { pointer-events: none; opacity: 0; } } .home-video-with-text-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .home-video-with-text-overlay-color { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; } .overlay-style-dark .home-video-with-text-overlay-color { background-color: rgba(0, 0, 0, 0.7); } .overlay-style-light .home-video-with-text-overlay-color { background-color: rgba(255, 255, 255, 0.7); } .overlay-style-accent .home-video-with-text-overlay-color { background-color: rgba(220, 191, 125, 0.7); } .home-video-with-text-content { width: 100%; max-width: 1260px; padding: 40px 30px; margin-right: auto; margin-left: auto; } @media (min-width: 770px) { .home-video-with-text-content { position: absolute; top: 50%; left: 50%; z-index: 200; padding-right: 70px; padding-left: 70px; transform: translateY(-50%) translateX(-50%); } } .content-align-left .home-video-with-text-content { text-align: left; } .content-align-center .home-video-with-text-content { text-align: center; } .content-align-right .home-video-with-text-content { text-align: right; } @media (max-width: 769px) { .home-video-with-text-content .video-title { color: #262626; } } .home-video-with-text-content .video-subtitle { margin: 5px 0 0; font-size: 1.14286rem; } @media (max-width: 769px) { .home-video-with-text-content .video-subtitle { color: #656565; } } @media (min-width: 770px) { .home-video-with-text-content .video-subtitle { font-size: 1.5rem; } } .home-video-with-text-icon { display: inline-block; color: #dcbf7d; cursor: pointer; transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .home-video-with-text-icon:hover { color: #ffffff; } .home-video-with-text-icon:first-child { margin-top: 0; } .overlay-style-accent .home-video-with-text-icon { color: #ffffff; } .home-video-with-text-icon svg { display: block; } .home-video-with-text-icon-mobile { position: absolute; top: 50%; left: 50%; z-index: 150; transform: translate(-50%, -50%); } @media (min-width: 770px) { .home-video-with-text-icon-mobile { display: none; } } .home-video-with-text-icon-desktop { margin-top: 30px; } @media (max-width: 769px) { .home-video-with-text-icon-desktop { display: none; } } .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; } .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; } .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: 20px; } @media screen and (min-width: 680px) { .pxs-newsletter-content { padding: 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 { 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: Futura,sans-serif; font-style: normal; font-weight: 400; margin-bottom: 17px; } @media (min-width: 770px) { .pxs-newsletter-heading { margin-bottom: 28px; } } .pxs-newsletter-text { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; margin-bottom: 20px; font-size: 1.14286rem; } @media (min-width: 770px) { .pxs-newsletter-text { margin-bottom: 32px; } } /* Static sections */ .template-cart .main-content { margin-bottom: 65px; } .template-cart .empty { padding: 0 30px; text-align: center; } .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.85714rem; 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.71429rem; width: 0.71429rem; } .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.71429rem; 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.85714rem; }.cart-brand a { color: #656565; } .cart-title { margin: 5px 0; font-size: 1.14286rem; } @media (max-width: 769px) { .cart-title { line-height: 1.4; } } @media (max-width: 769px) { .cart-variant { line-height: 1.4; } } .cart-item-properties { font-size: 0.85714rem; } .cart-item-property { margin-top: 5px; } .cart-item-property-label, .cart-item-property-value { display: inline !important; } .cart-undo { cursor: pointer; color: #dcbf7d; } .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.71429rem; width: 0.71429rem; } .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: Futura,sans-serif; font-style: normal; font-weight: 400; margin: 0; font-size: 2.14286rem; 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; } } .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.14286rem; }.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%; } .main-footer .upper-footer-item footer-linklist .section-title ul li a{ color:#dcbf7d; } @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: left; 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: left; margin-bottom: 40px; padding: 0; } } .footer-blurb a { color: #dcbf7d; } .footer-blurb a:hover { color: #d6b365; } .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: left; 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-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:-ms-input-placeholder { color: #262626; } 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.92857rem; line-height: 39px; border-top-left-radius: 0; border-bottom-left-radius: 0; }.mailing-list-submit .submit { font-size: 0.85714rem; }.subfooter { margin-top: 40px; font-size: 0; } @media (min-width: 1080px) { .subfooter { padding-top: 25px; 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; } } .copyright-wrapper { float: left; margin: 0; width: 50%; font-size: 1rem; color: #5b5b5b; -webkit-font-smoothing: antialiased; } @media (max-width: 1079px) { .copyright-wrapper { float: none; width: 100%; text-align: center; } } .copyright-wrapper p { margin: 0; } .subfooter__payments-cross-border { float: right; width: 50%; padding: 0; margin: 0; clear: right; font-size: 1rem; text-align: right; } @media (max-width: 1079px) { .subfooter__payments-cross-border { float: none; width: 100%; margin: 0 0 20px; text-align: center; } } @media (max-width: 769px) { .subfooter__payments-cross-border { margin-top: 0; } } .subfooter__cross-border { display: block; margin-bottom: 20px; text-align: right; } @media (max-width: 1079px) { .subfooter__cross-border { text-align: center; } } .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-top: -5px; margin-left: -5px; } .shopify-localization-form .selectors-form__item { display: inline-block; margin-top: 5px; margin-left: 5px; } .main-header { position: relative; font-size: 0; } .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); } @media (max-width: 979px) { .header-main-content { overflow: hidden; } } .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; } } @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-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-top: 20px; padding-bottom: 20px; font-size: 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; } .brandspage table tbody tr td p img{ padding: 0px; } @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: inline-block; width: 33.33333%; } } .product-recommendations-position-below + .product-recommendations-wrapper { margin-right: 10px; margin-left: 10px; clear: both; font-size: 0; } .product-recommendations-position-below + .product-recommendations-wrapper:before { display: block; padding-top: 1px; content: ''; } .product-recommendations-position-below + .product-recommendations-wrapper .section-title { padding-top: 70px; margin: 100px 20px 20px; text-align: center; border-top: 1px solid #e4e4e4; width: auto; } .product-recommendations-position-below + .product-recommendations-wrapper .product-recommendations { margin-bottom: -30px; } .product-recommendations-position-below + .product-recommendations-wrapper .product-recommendations:first-child { padding-top: 70px; margin-top: 100px; border-top: 1px solid #e4e4e4; } .product-recommendations-position-below + .product-recommendations-wrapper .rows-of-4 .product-list-item, .product-recommendations-position-below + .product-recommendations-wrapper .rows-of-4 .product-grid-masonry-sizer { width: 25%; } @media (max-width: 839px) { .product-recommendations-position-below + .product-recommendations-wrapper .rows-of-4 .product-list-item, .product-recommendations-position-below + .product-recommendations-wrapper .rows-of-4 .product-grid-masonry-sizer { width: 50%; } } @media (max-width: 539px) { .product-recommendations-position-below + .product-recommendations-wrapper .rows-of-4 .product-list-item, .product-recommendations-position-below + .product-recommendations-wrapper .rows-of-4 .product-grid-masonry-sizer { width: 100%; } } .product-recommendations-position-below + .product-recommendations-wrapper .flickity-viewport { transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .product-recommendations-position-right + .product-recommendations-wrapper { display: inline-block; margin-top: 35px; width: 12%; border-left: 1px solid #e4e4e4; padding: 0 30px; } @media (max-width: 1079px) { .product-recommendations-position-right + .product-recommendations-wrapper { position: static; width: 100%; margin-top: 0; border-left: 0; font-size: 0; padding: 0; } .product-recommendations-position-right + .product-recommendations-wrapper:before { content: ''; display: block; padding-top: 1px; } } .product-recommendations-position-right + .product-recommendations-wrapper .section-title { margin: 0 0 25px; font-size: 1rem; text-align: center; } @media (max-width: 1079px) { .product-recommendations-position-right + .product-recommendations-wrapper .section-title { width: auto; padding-top: 50px; margin: 70px 30px 20px; border-top: 1px solid #e4e4e4; } } @media (max-width: 1079px) { .product-recommendations-position-right + .product-recommendations-wrapper .product-recommendations { padding: 0 10px; } } .product-recommendations-position-right + .product-recommendations-wrapper a { display: block; margin-bottom: 25px; } .product-recommendations-position-right + .product-recommendations-wrapper a:last-child { margin-bottom: 0; } @media (max-width: 1079px) { .product-recommendations-position-right + .product-recommendations-wrapper a { display: inline-block; vertical-align: top; width: 25%; padding: 0 20px; } .product-recommendations-position-right + .product-recommendations-wrapper a:last-child { margin-bottom: 25px; } } @media (max-width: 539px) { .product-recommendations-position-right + .product-recommendations-wrapper a { width: 50%; } } .product-recommendations-position-right + .product-recommendations-wrapper img { display: block; width: 100%; } @media (max-width: 1079px) { .product-recommendations-position-right + .product-recommendations-wrapper img { margin: 0 auto; width: auto; } } .template-product .main-content { position: relative; margin-bottom: 65px; font-size: 0; } .template-product .share-buttons { margin-top: 30px; } .template-product .share-buttons .section-title { display: inline-block; width: auto; } .product-container { margin-top: 35px; } .product { position: relative; overflow: hidden; font-size: 1rem; } .product.product-recommendations-position-right { display: inline-block; width: 88%; vertical-align: top; } @media (max-width: 1079px) { .product.product-recommendations-position-right { width: 100%; } } .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: 0 0 40px; } .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 { margin: 0 auto; font-size: 0; transition: left 0.2s ease-in-out; } .product-gallery--navigation.has-side-scroll { position: absolute; left: 0; 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.42857rem; 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; } .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-vendor { display: block; font-size: 1.28571rem; }.product-title { margin: 5px 0; font-size: 2.5rem; font-size: 2.28571rem; } .product-title a { font-size: inherit; color: inherit; text-decoration: inherit; } .product-price { display: inline-block; margin: 0 0 40px; font-size: 1.28571rem; } .has-tax-line .product-price { margin: 0 0 5px; } .product-price-compare { margin-left: 8px; display: none; color: #909090; 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; } .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: inline-grid; align-items: center; width: auto; grid-template-columns: -webkit-max-content minmax(220px, -webkit-max-content); grid-template-columns: max-content minmax(220px, max-content); } .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: 0 auto; } .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.92857rem; text-transform: uppercase; letter-spacing: 0.05em; }.product-smart-payments .add-to-cart { color: #080808; background-color: #e4e4e4; } .product-smart-payments .add-to-cart:hover:not(:disabled) { color: #080808; background: ; } .shopify-payment-button__button { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; overflow: hidden; border-radius: 2px; } .shopify-payment-button__button--unbranded { color: #ffffff; background: #dcbf7d; } .shopify-payment-button__button--unbranded:hover:not(:disabled) { color: #ffffff; background: #d7b569; } .shopify-payment-button__more-options { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; 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: #dcbf7d; text-decoration: none; cursor: pointer; background: none; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .product-message button[type="submit"]:hover { color: #d6b365; } .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: 16px; --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; } @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: 16px; --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: Futura,sans-serif; font-style: normal; font-weight: 400; display: block; margin-top: 0; margin-bottom: 0; color: #262626; }.surface-pick-up-modal__header { font-size: 1.71429rem; }.surface-pick-up-modal__subtitle { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 1.625; color: #656565; } /* Components */ .breadcrumbs { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; margin: 0; padding: 0 30px; text-align: center; color: #656565; font-size: 1rem; } .breadcrumbs a { color: #656565; } .breadcrumbs a:hover { color: #dcbf7d; } .shopify-localization-form { display: inline-flex; align-items: stretch; flex-wrap: wrap; justify-content: center; } .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: #fafafa; --disclosure-border-color: #e4e4e4; height: 100%; } .disclosure__toggle { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; height: 100%; padding: 9px 30px 9px 10px; font-size: 13px; border-radius: 2px; outline: 0; } .disclosure__toggle::after { width: 13px; height: 13px; transform: translateY(-50%) rotate(90deg); } .disclosure-list { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; font-size: 14px; } .header-search-form { display: block; min-width: 40px; margin-top: 0; margin-bottom: 0; font-size: 0; } .header-search-expanded .header-search-form { padding-right: 40px; } @media (min-width: 1080px) { .header-search-form { display: inline-block; } } input.header-search-input { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; display: inline-block; width: 100%; padding: 10px 40px 10px 10px; margin: 0; font-size: 0.92857rem; vertical-align: middle; border: 1px solid #e4e4e4; border-radius: 2px; outline-offset: 0; opacity: 1; } @media (max-width: 1079px) { input.header-search-input { position: relative; right: -40px; opacity: 0; transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .header-search-expanded input.header-search-input { right: 0; opacity: 1; transition-duration: 0.2s; } } input[type="submit"].header-search-button, .header-search-button-close { position: absolute; top: 0; right: 0; bottom: 0; display: inline-block; width: 40px; height: 100%; padding: 0 12px; margin: 0; } input[type="submit"].header-search-button { font-size: 1.14286rem; line-height: 1; color: #262626; vertical-align: middle; background: transparent; } .header-search-expanded input[type="submit"].header-search-button { right: 40px; } .header-search-button-close { right: -40px; opacity: 0; visibility: hidden; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .header-search-button-close svg { display: block; } .header-search-expanded .header-search-button-close { right: 0; opacity: 1; visibility: visible; } .header-tools-wrapper { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; 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 .mini-cart-wrapper { padding: 11px 20px; background: #fafafa; } .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:hover { color: #666666; } .customer-links { position: relative; } .customer-links:hover > .customer-links-inner { display: block; } .customer-links li { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; 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 #fafafa; } .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: #fafafa; 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: #909090; 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: #fafafa; } @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.33333%; 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.66667%; } } .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: 3000; width: 410px; background: #fafafa; 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 #fafafa; } .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: Futura,sans-serif; font-style: normal; font-weight: 400; 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.71429rem; width: 0.71429rem; } .cart-item-discounts .cart-item-discount { line-height: 1.4em; margin-top: 7px; } .mini-cart-item-quantity { font-size: 0.85714rem; } .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; } .cart-subtotal { font-size: 16px; } .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.71429rem; width: 0.71429rem; } .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: relative; top: 8%; z-index: 4000; width: 100%; max-width: 960px; max-height: 90%; margin: auto; padding: 50px; overflow-y: scroll; background: #fafafa; opacity: 0; transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .modal-active .modal-inner { opacity: 1; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } @media (max-width: 400px) { .modal-inner { padding: 7%; top: 27%; } } .modal-contents{ max-height: 90%; max-width: 960px; } .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 { z-index: 100; display: inline-block; border-bottom: 1px solid #e4e4e4; } .navigation.navigation-desktop .navigation-menu a { position: relative; top: 1px; z-index: 2000; display: block; padding: 15px 25px 14px; font-size: 1.21429rem; border: 1px solid transparent; transition: line-height 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }.navigation.navigation-desktop .has-dropdown > a, .navigation.navigation-desktop .has-mega-nav > a { z-index: 2501; padding-right: 36px; } .has-mega-nav:hover {opacity:1}; .navigation.navigation-desktop .has-dropdown > a:after, .navigation.navigation-desktop .has-mega-nav > a:after { content: "\e602"; font-size: 0.28571rem; position: absolute; top: 50%; right: 20px; }.navigation.navigation-desktop .has-dropdown.has-dropdown--active, .navigation.navigation-desktop .has-mega-nav.has-dropdown--active { z-index: 3000; } .navigation.navigation-desktop .has-dropdown.has-dropdown--active > a, .navigation.navigation-desktop .has-mega-nav.has-dropdown--active > a { background: #fafafa; border: 1px solid #e4e4e4; border-bottom-color: #fafafa; } .navigation.navigation-desktop .has-dropdown { position: relative; } .navigation.navigation-desktop .has-dropdown .navigation-submenu.visible { display: block; } .navigation.navigation-desktop .has-dropdown > .navigation-submenu { position: absolute; top: 100%; z-index: 2500; background: #fafafa; border: 1px solid #e4e4e4; min-width: 200px; text-align: left; padding: 15px 0; } .navigation.navigation-desktop .has-dropdown > .navigation-submenu li { display: block; } .navigation.navigation-desktop .has-dropdown > .navigation-submenu a { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; 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 > .navigation-submenu a:hover { color: #909090; } .navigation.navigation-desktop .has-dropdown > .navigation-submenu-tier2 .has-dropdown > a:after { transform: rotate(-90deg); } .navigation.navigation-desktop .has-dropdown > .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; } .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: #fafafa; 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: Futura,sans-serif; font-style: normal; font-weight: 400; 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.14286rem; 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-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; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-overflow-scrolling: touch; } } .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: #fafafa; 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; transform: translateX(-300px); } } .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 { 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; border-bottom: 1px solid #e4e4e4; } .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: 900px; } .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: #fafafa; border-bottom: 1px solid #e4e4e4; } .sticky-header .header-layout-compact-center .header-main-content { display: block; } .sticky-header .header-branding-desktop { width: 130px; padding: 0; border-bottom: 0; opacity: 0; } .sticky-header .header-branding-desktop .logo-link { max-width: 100%; } .sticky-header .header-branding-desktop .logo-image { height: auto; max-height: 48px; } .sticky-header .header-sticky-show-logo .header-branding-desktop { opacity: 1; } .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: Futura,sans-serif; font-style: normal; font-weight: 400; position: absolute; font-size: 0.92857rem; line-height: 0.92857rem; 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 .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: -20px; 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-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: 1000; overflow: hidden; } .navigation-wrapper.background { background: rgba(0, 0, 0, 0.8); } .navigation { position: relative; } .navigation ul { padding: 0; margin: 0; } .navigation .has-dropdown > ul { display: none; } .navigation .navigation-menu a { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; font-size: 1rem; color: #262626; }.pagination, .single-post-pagination { margin-top: 10px; padding: 0 30px; text-align: center; } .pagination li, .pagination .next, .pagination .previous, .single-post-pagination li, .single-post-pagination .next, .single-post-pagination .previous { display: inline-block; margin: 0 2px; text-align: center; border-radius: 2px; border: 1px solid #ebebeb; background: #ffffff; color: #494949; font-size: 0.92857rem; } .pagination li.active, .pagination li:hover, .pagination .next.active, .pagination .next:hover, .pagination .previous.active, .pagination .previous:hover, .single-post-pagination li.active, .single-post-pagination li:hover, .single-post-pagination .next.active, .single-post-pagination .next:hover, .single-post-pagination .previous.active, .single-post-pagination .previous:hover { border-color: #b8b8b8; } .pagination li, .single-post-pagination li { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; } .pagination .next, .pagination .previous, .single-post-pagination .next, .single-post-pagination .previous { width: 36px; padding: 13px 0 12px; vertical-align: top; background: #dcbf7d; 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: #909090; font-size: 1.35714rem; 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; } .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[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: #fafafa; box-shadow: 0 0 0 1px rgba(38, 38, 38, 0.05); } .product-gallery--viewinyourspace { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; 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; 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: #fafafa; } body:not(.user-is-tabbing) .plyr.plyr--video { outline: none; } .plyr.plyr--video .plyr__control { color: #262626; background: #fafafa; border: 0; } .plyr.plyr--video > .plyr__control { width: 60px; height: 60px; padding: 0; background: #fafafa; 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: #fafafa; } .plyr.plyr--video .plyr__controls { background: #fafafa; border: 0; box-shadow: 0 0 0 1px rgba(38, 38, 38, 0.05); } .plyr.plyr--video .plyr__tooltip { color: #fafafa; 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 #fafafa; } .plyr.plyr--video.plyr--full-ui input[type="range"]::-moz-range-track { box-shadow: 2px 0 0 0 #fafafa; } .plyr.plyr--video.plyr--full-ui input[type="range"]::-ms-thumb { box-shadow: 2px 0 0 0 #fafafa; } .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, #fafafa var(--value, 0%), rgba(250, 250, 250, 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(250, 250, 250, 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(250, 250, 250, 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(250, 250, 250, 0.25); } .plyr.plyr--video.plyr--full-ui .plyr__volume input[type="range"]::-webkit-slider-thumb { color: #fafafa; box-shadow: 2px 0 0 0 #262626; } .plyr.plyr--video.plyr--full-ui .plyr__volume input[type="range"]::-moz-range-track { color: #fafafa; box-shadow: 2px 0 0 0 #262626; } .plyr.plyr--video.plyr--full-ui .plyr__volume input[type="range"]::-ms-thumb { color: #fafafa; 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(250, 250, 250, 0.25); } .plyr.plyr--video.plyr--full-ui .plyr__volume input[type="range"]:active::-moz-range-track { box-shadow: 0 0 0 3px rgba(250, 250, 250, 0.25); } .plyr.plyr--video.plyr--full-ui .plyr__volume input[type="range"]:active::-ms-thumb { box-shadow: 0 0 0 3px rgba(250, 250, 250, 0.25); } .product-list-item, .product-grid-masonry-sizer { margin: 10px 0 10px; display: inline-block; vertical-align: top; padding: 0 10px; font-size: 0.8rem; } .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: 259px) { .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 { background: rgba(250, 250, 250, 0.5); } @media (max-width: 1079px) { .has-quick-shop .product-list-item-thumbnail:hover:before { background: transparent; } } .product-list-item-thumbnail img, .product-list-item-thumbnail svg { display: block; margin: 0 auto; } .product-list-item-thumbnail.has-secondary-image:hover { background-size: cover; } .product-list-item-thumbnail.has-secondary-image:hover img, .product-list-item-thumbnail.has-secondary-image:hover svg { opacity: 0; } .product-list-item-inventory { cursor: pointer; background: #fafafa; border: 1px solid #e4e4e4; font-size: 0.92857rem; text-align: center; padding: 12px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }.product-list-item-inventory:hover { color: #262626; } .product-list-item-unavailable, .product-list-item-on-sale { 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 { position: relative; top: 4px; left: 1px; font-family: "chiko-icons"; font-size: 1.78571rem; color: #fafafa; -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.64286rem; color: #fafafa; -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.92857rem; }.product-list-item-vendor a { color: #656565; } .product-list-item-title { font-family: Futura,sans-serif; font-style: normal; font-weight: 400; margin: 7px 0; font-size: 1.07143rem; text-transform: none; letter-spacing: 0; } .product-list-item-title a { color: #262626; } .product-list-item-price .original { text-decoration: line-through; color: #909090; 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: #fafafa; 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: #efefef; } .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: #fafafa; 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.92857rem; text-align: center; cursor: pointer; background: #fafafa; border: 1px solid #e4e4e4; transform: translateX(-50%) translateY(-50%); }.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: #fafafa; 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: Futura,sans-serif; font-style: normal; font-weight: 400; overflow: hidden; border-radius: 2px; } .shopify-payment-button .shopify-payment-button__button--unbranded { color: #ffffff; background: #dcbf7d; } .shopify-payment-button .shopify-payment-button__button--unbranded:hover:not(:disabled) { color: #ffffff; background: #d7b569; } .share-buttons { margin: 30px auto 40px; cursor: pointer; } .share-buttons .section-title { margin-right: 12px; font-size: 0.92857rem; } .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.35714rem; 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; -moz-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; -moz-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.35714rem; 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; -moz-appearance: none; -o-appearance: none; appearance: none; outline: none; } #infiniteoptions-container fieldset input[type=checkbox]:checked:after { font-family: arial; content: '\2713'; 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.35714rem; 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.92857rem; -webkit-appearance: none; -moz-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; }