/** Shopify CDN: Minification failed Line 1795:27 The "+" operator only works if there is whitespace on both sides Line 3399:30 The "+" operator only works if there is whitespace on both sides Line 3441:29 The "+" operator only works if there is whitespace on both sides Line 3907:29 The "+" operator only works if there is whitespace on both sides Line 4536:29 The "+" operator only works if there is whitespace on both sides Line 4617:28 The "+" operator only works if there is whitespace on both sides Line 4651:29 The "+" operator only works if there is whitespace on both sides Line 4666:25 The "+" operator only works if there is whitespace on both sides Line 6023:29 The "+" operator only works if there is whitespace on both sides Line 6122:29 The "+" operator only works if there is whitespace on both sides ... and 7 more hidden warnings **/ /*================ Media Query Mixin ================*/ /*================ Responsive Show/Hide Helper ================*/ /*================ Responsive Text Alignment Helper ================*/ /* Skip to main content button */ a.skip-main { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; } a.skip-main:focus, a.skip-main:active { color: #fff; background-color: #000; left: auto; top: auto; width: 30%; height: auto; overflow: auto; margin: 10px 35%; padding: 5px; border-radius: 15px; border: 4px solid yellow; text-align: center; font-size: 1.2em; z-index: 999; }/* Skip to main content button */ /*============================================================================ Grid Breakpoints and Class Names - Do not change breakpoint variable names - Medium breakpoint is also set in theme.js.liquid and inline throughout some templates. Be weary of changing unless you know what you're doing. ==============================================================================*/:root { --color-btn-primary: #d71472; --color-btn-primary-text: #ffffff; --color-link: #0c2038; --color-text: #0c2038; --color-text-alt: #414141; --color-background: #fdfded; --color-background-alt: #ffffff; --color-border: #0c2038; --disabled-grey: #c0c0c0; --error-red: #ef4a3a; --color-image-overlay: #0c2038; } @media only screen and (max-width: 1024px) { .desktop-only { display: none !important; } } @media only screen and (max-width: 959px) { .large-up-only { display: none !important; } } @media only screen and (min-width: 1025px) { .large-down-only { display: none !important; } } @media only screen and (max-width: 767px) { .medium-up-only { display: none !important; } } @media only screen and (min-width: 960px) { .medium-down-only { display: none !important; } } @media only screen and (min-width: 960px) { .medium-only { display: none !important; } } @media only screen and (max-width: 767px) { .medium-only { display: none !important; } } @media only screen and (min-width: 768px) { .mobile-only { display: none !important; } } /* Helper Styles */ @font-face { font-family: 'Affogato'; src: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/Affogato-Medium-_1.woff?v=90393726284208088911690300797'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Affogato'; src: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/Affogato-Bold.woff?v=30760218922447830341690300797'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Cassannet'; src: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/Cassannet.woff?v=86025715779202549531690300797'); font-weight: normal; font-style: normal; } .black-text { color: #0c2038; } .white-text { color: white; } .orange-text { color: #f79f2e; } .pink-text { color: #d71472; } .red-text { color: #ef4a3a !important; } .bg-yellow { background-color: #ffc90c; } .bg-orange { background-color: #f79f2e; } .bg-pink, .blog-nav { background-color: #d71472; } .bg-lightpink { background-color: #ef76ab; } .bg-green { background-color: #d5df28; } .bg-blue { background-color: #12b1b9; } .bg-indigo { background-color: #5656a5; } .bg-white { background-color: white; } .bg-mint { background-color: #85cb97; } .underline { text-decoration: underline; } .border-all, .grid-item-header .grid-item-image, .grid-item-header .product-grid-item .product-grid-image, .product-grid-item .grid-item-header .product-grid-image, .custom-select--options, .variant--swatch label, .product-swatch input[type="radio"]:not(:checked) + label, .product-swatch input[type="radio"]:checked + label, .product-specs-title:after, .product-specs-item.bubble, .image-hover__container, .form-quantity-control, #shopify-product-reviews .spr-container .spr-header, .bundler-selected { border: 1px solid #0c2038; } .border.left, .custom-select.open .custom-select--options .select-option.left, .custom-select.open .custom-select--options #insta-feed .instafeed-container.select-option, #insta-feed .custom-select.open .custom-select--options .instafeed-container.select-option, .custom-select.open .custom-select--options .product-grid-item .product-grid-dropdown-menu.select-option, .product-grid-item .custom-select.open .custom-select--options .product-grid-dropdown-menu.select-option, .custom-select.open .custom-select--options .product-specs.select-option, .custom-select.open .custom-select--options #shopify-product-reviews .spr-container .spr-form.select-option, #shopify-product-reviews .spr-container .custom-select.open .custom-select--options .spr-form.select-option, .custom-select.open .custom-select--options #shopify-product-reviews .spr-container .spr-review.select-option, #shopify-product-reviews .spr-container .custom-select.open .custom-select--options .spr-review.select-option, .navigation-mobile .navigation-search.left, .navigation-mobile #insta-feed .instafeed-container.navigation-search, #insta-feed .navigation-mobile .instafeed-container.navigation-search, .navigation-mobile .product-grid-item .product-grid-dropdown-menu.navigation-search, .product-grid-item .navigation-mobile .product-grid-dropdown-menu.navigation-search, .navigation-mobile .product-specs.navigation-search, .navigation-mobile #shopify-product-reviews .spr-container .spr-form.navigation-search, #shopify-product-reviews .spr-container .navigation-mobile .spr-form.navigation-search, .navigation-mobile #shopify-product-reviews .spr-container .spr-review.navigation-search, #shopify-product-reviews .spr-container .navigation-mobile .spr-review.navigation-search, .mega-menu-link .third-level.left, .mega-menu-link #insta-feed .instafeed-container.third-level, #insta-feed .mega-menu-link .instafeed-container.third-level, .mega-menu-link .product-grid-item .product-grid-dropdown-menu.third-level, .product-grid-item .mega-menu-link .product-grid-dropdown-menu.third-level, .mega-menu-link .product-specs.third-level, .mega-menu-link #shopify-product-reviews .spr-container .spr-form.third-level, #shopify-product-reviews .spr-container .mega-menu-link .spr-form.third-level, .mega-menu-link #shopify-product-reviews .spr-container .spr-review.third-level, #shopify-product-reviews .spr-container .mega-menu-link .spr-review.third-level, .mega-menu-bottom.left, #insta-feed .instafeed-container.mega-menu-bottom, .product-grid-item .product-grid-dropdown-menu.mega-menu-bottom, .product-specs.mega-menu-bottom, #shopify-product-reviews .spr-container .spr-form.mega-menu-bottom, #shopify-product-reviews .spr-container .spr-review.mega-menu-bottom, .shop-all-link.left, #insta-feed .instafeed-container.shop-all-link, .product-grid-item .product-grid-dropdown-menu.shop-all-link, .product-specs.shop-all-link, #shopify-product-reviews .spr-container .spr-form.shop-all-link, #shopify-product-reviews .spr-container .spr-review.shop-all-link, #insta-feed .instafeed-container.left, #insta-feed .instafeed-container, #insta-feed .product-grid-item .product-grid-dropdown-menu.instafeed-container, .product-grid-item #insta-feed .product-grid-dropdown-menu.instafeed-container, #insta-feed .product-specs.instafeed-container, #insta-feed #shopify-product-reviews .spr-container .spr-form.instafeed-container, #shopify-product-reviews .spr-container #insta-feed .spr-form.instafeed-container, #insta-feed #shopify-product-reviews .spr-container .spr-review.instafeed-container, #shopify-product-reviews .spr-container #insta-feed .spr-review.instafeed-container, .product-grid-item .product-grid-dropdown-menu.left, .product-grid-item #insta-feed .instafeed-container.product-grid-dropdown-menu, #insta-feed .product-grid-item .instafeed-container.product-grid-dropdown-menu, .product-grid-item .product-grid-item .product-grid-dropdown-menu, .product-grid-item .product-specs.product-grid-dropdown-menu, .product-grid-item #shopify-product-reviews .spr-container .spr-form.product-grid-dropdown-menu, #shopify-product-reviews .spr-container .product-grid-item .spr-form.product-grid-dropdown-menu, .product-grid-item #shopify-product-reviews .spr-container .spr-review.product-grid-dropdown-menu, #shopify-product-reviews .spr-container .product-grid-item .spr-review.product-grid-dropdown-menu, .product-grid-item .product-grid-variant-item input + label.left, .product-grid-item .product-grid-variant-item #insta-feed input + label.instafeed-container, #insta-feed .product-grid-item .product-grid-variant-item input + label.instafeed-container, .product-grid-item .product-grid-variant-item .product-grid-item input + label.product-grid-dropdown-menu, .product-grid-item .product-grid-item .product-grid-variant-item input + label.product-grid-dropdown-menu, .product-grid-item .product-grid-variant-item input + label.product-specs, .product-grid-item .product-grid-variant-item #shopify-product-reviews .spr-container input + label.spr-form, #shopify-product-reviews .spr-container .product-grid-item .product-grid-variant-item input + label.spr-form, .product-grid-item .product-grid-variant-item #shopify-product-reviews .spr-container input + label.spr-review, #shopify-product-reviews .spr-container .product-grid-item .product-grid-variant-item input + label.spr-review, .product-specs.left, #insta-feed .instafeed-container.product-specs, .product-grid-item .product-grid-dropdown-menu.product-specs, .product-specs, #shopify-product-reviews .spr-container .spr-form.product-specs, #shopify-product-reviews .spr-container .spr-review.product-specs, .product-recommendations.left, #insta-feed .instafeed-container.product-recommendations, .product-grid-item .product-grid-dropdown-menu.product-recommendations, .product-specs.product-recommendations, #shopify-product-reviews .spr-container .spr-form.product-recommendations, #shopify-product-reviews .spr-container .spr-review.product-recommendations, #shopify-product-reviews .spr-container .spr-form.left, #shopify-product-reviews .spr-container #insta-feed .instafeed-container.spr-form, #insta-feed #shopify-product-reviews .spr-container .instafeed-container.spr-form, #shopify-product-reviews .spr-container .product-grid-item .product-grid-dropdown-menu.spr-form, .product-grid-item #shopify-product-reviews .spr-container .product-grid-dropdown-menu.spr-form, #shopify-product-reviews .spr-container .product-specs.spr-form, #shopify-product-reviews .spr-container #shopify-product-reviews .spr-container .spr-form, #shopify-product-reviews .spr-container #shopify-product-reviews .spr-container .spr-review.spr-form, #shopify-product-reviews .spr-container .spr-review.left, #shopify-product-reviews .spr-container #insta-feed .instafeed-container.spr-review, #insta-feed #shopify-product-reviews .spr-container .instafeed-container.spr-review, #shopify-product-reviews .spr-container .product-grid-item .product-grid-dropdown-menu.spr-review, .product-grid-item #shopify-product-reviews .spr-container .product-grid-dropdown-menu.spr-review, #shopify-product-reviews .spr-container .product-specs.spr-review, #shopify-product-reviews .spr-container #shopify-product-reviews .spr-container .spr-form.spr-review, #shopify-product-reviews .spr-container #shopify-product-reviews .spr-container .spr-review, .blog-nav.left, #insta-feed .instafeed-container.blog-nav, .product-grid-item .product-grid-dropdown-menu.blog-nav, .product-specs.blog-nav, #shopify-product-reviews .spr-container .spr-form.blog-nav, #shopify-product-reviews .spr-container .spr-review.blog-nav, .blog-nav a + div.left, .blog-nav #insta-feed a + div.instafeed-container, #insta-feed .blog-nav a + div.instafeed-container, .blog-nav .product-grid-item a + div.product-grid-dropdown-menu, .product-grid-item .blog-nav a + div.product-grid-dropdown-menu, .blog-nav a + div.product-specs, .blog-nav #shopify-product-reviews .spr-container a + div.spr-form, #shopify-product-reviews .spr-container .blog-nav a + div.spr-form, .blog-nav #shopify-product-reviews .spr-container a + div.spr-review, #shopify-product-reviews .spr-container .blog-nav a + div.spr-review, .blog-pagination.left, #insta-feed .instafeed-container.blog-pagination, .product-grid-item .product-grid-dropdown-menu.blog-pagination, .product-specs.blog-pagination, #shopify-product-reviews .spr-container .spr-form.blog-pagination, #shopify-product-reviews .spr-container .spr-review.blog-pagination, #insta-feed .instafeed-container.border, #insta-feed .custom-select.open .custom-select--options .select-option.instafeed-container, .custom-select.open .custom-select--options #insta-feed .select-option.instafeed-container, #insta-feed .navigation-mobile .navigation-search.instafeed-container, .navigation-mobile #insta-feed .navigation-search.instafeed-container, #insta-feed .mega-menu-link .third-level.instafeed-container, .mega-menu-link #insta-feed .third-level.instafeed-container, #insta-feed .mega-menu-bottom.instafeed-container, #insta-feed .shop-all-link.instafeed-container, #insta-feed .product-recommendations.instafeed-container, #insta-feed .blog-nav.instafeed-container, #insta-feed .blog-pagination.instafeed-container, .product-grid-item .product-grid-dropdown-menu.border, .product-grid-item .custom-select.open .custom-select--options .select-option.product-grid-dropdown-menu, .custom-select.open .custom-select--options .product-grid-item .select-option.product-grid-dropdown-menu, .product-grid-item .navigation-mobile .navigation-search.product-grid-dropdown-menu, .navigation-mobile .product-grid-item .navigation-search.product-grid-dropdown-menu, .product-grid-item .mega-menu-link .third-level.product-grid-dropdown-menu, .mega-menu-link .product-grid-item .third-level.product-grid-dropdown-menu, .product-grid-item .mega-menu-bottom.product-grid-dropdown-menu, .product-grid-item .shop-all-link.product-grid-dropdown-menu, .product-grid-item .product-recommendations.product-grid-dropdown-menu, .product-grid-item .blog-nav.product-grid-dropdown-menu, .product-grid-item .blog-pagination.product-grid-dropdown-menu, .product-specs.border, .custom-select.open .custom-select--options .select-option.product-specs, .navigation-mobile .navigation-search.product-specs, .mega-menu-link .third-level.product-specs, .mega-menu-bottom.product-specs, .shop-all-link.product-specs, .product-recommendations.product-specs, .blog-nav.product-specs, .blog-pagination.product-specs, #shopify-product-reviews .spr-container .spr-form.border, #shopify-product-reviews .spr-container .custom-select.open .custom-select--options .select-option.spr-form, .custom-select.open .custom-select--options #shopify-product-reviews .spr-container .select-option.spr-form, #shopify-product-reviews .spr-container .navigation-mobile .navigation-search.spr-form, .navigation-mobile #shopify-product-reviews .spr-container .navigation-search.spr-form, #shopify-product-reviews .spr-container .mega-menu-link .third-level.spr-form, .mega-menu-link #shopify-product-reviews .spr-container .third-level.spr-form, #shopify-product-reviews .spr-container .mega-menu-bottom.spr-form, #shopify-product-reviews .spr-container .shop-all-link.spr-form, #shopify-product-reviews .spr-container .product-recommendations.spr-form, #shopify-product-reviews .spr-container .blog-nav.spr-form, #shopify-product-reviews .spr-container .blog-pagination.spr-form, #shopify-product-reviews .spr-container .spr-review.border, #shopify-product-reviews .spr-container .custom-select.open .custom-select--options .select-option.spr-review, .custom-select.open .custom-select--options #shopify-product-reviews .spr-container .select-option.spr-review, #shopify-product-reviews .spr-container .navigation-mobile .navigation-search.spr-review, .navigation-mobile #shopify-product-reviews .spr-container .navigation-search.spr-review, #shopify-product-reviews .spr-container .mega-menu-link .third-level.spr-review, .mega-menu-link #shopify-product-reviews .spr-container .third-level.spr-review, #shopify-product-reviews .spr-container .mega-menu-bottom.spr-review, #shopify-product-reviews .spr-container .shop-all-link.spr-review, #shopify-product-reviews .spr-container .product-recommendations.spr-review, #shopify-product-reviews .spr-container .blog-nav.spr-review, #shopify-product-reviews .spr-container .blog-pagination.spr-review { border-left: 1px solid #0c2038; } .border.right, .custom-select.open .custom-select--options .select-option.right, .custom-select.open .custom-select--options .mega-menu-link .third-level.select-option, .mega-menu-link .custom-select.open .custom-select--options .third-level.select-option, .custom-select.open .custom-select--options .mega-menu-bottom.select-option, .custom-select.open .custom-select--options #insta-feed .instafeed-container.select-option, #insta-feed .custom-select.open .custom-select--options .instafeed-container.select-option, .custom-select.open .custom-select--options .product-grid-item .product-grid-dropdown-menu.select-option, .product-grid-item .custom-select.open .custom-select--options .product-grid-dropdown-menu.select-option, .custom-select.open .custom-select--options .product-specs.select-option, .custom-select.open .custom-select--options #shopify-product-reviews .spr-container .spr-form.select-option, #shopify-product-reviews .spr-container .custom-select.open .custom-select--options .spr-form.select-option, .custom-select.open .custom-select--options #shopify-product-reviews .spr-container .spr-review.select-option, #shopify-product-reviews .spr-container .custom-select.open .custom-select--options .spr-review.select-option, .navigation-mobile .navigation-search.right, .navigation-mobile .mega-menu-link .third-level.navigation-search, .mega-menu-link .navigation-mobile .third-level.navigation-search, .navigation-mobile .mega-menu-bottom.navigation-search, .navigation-mobile #insta-feed .instafeed-container.navigation-search, #insta-feed .navigation-mobile .instafeed-container.navigation-search, .navigation-mobile .product-grid-item .product-grid-dropdown-menu.navigation-search, .product-grid-item .navigation-mobile .product-grid-dropdown-menu.navigation-search, .navigation-mobile .product-specs.navigation-search, .navigation-mobile #shopify-product-reviews .spr-container .spr-form.navigation-search, #shopify-product-reviews .spr-container .navigation-mobile .spr-form.navigation-search, .navigation-mobile #shopify-product-reviews .spr-container .spr-review.navigation-search, #shopify-product-reviews .spr-container .navigation-mobile .spr-review.navigation-search, .mega-menu-link .third-level.right, .mega-menu-link .mega-menu-link .third-level, .mega-menu-link .mega-menu-bottom.third-level, .mega-menu-link #insta-feed .instafeed-container.third-level, #insta-feed .mega-menu-link .instafeed-container.third-level, .mega-menu-link .product-grid-item .product-grid-dropdown-menu.third-level, .product-grid-item .mega-menu-link .product-grid-dropdown-menu.third-level, .mega-menu-link .product-specs.third-level, .mega-menu-link #shopify-product-reviews .spr-container .spr-form.third-level, #shopify-product-reviews .spr-container .mega-menu-link .spr-form.third-level, .mega-menu-link #shopify-product-reviews .spr-container .spr-review.third-level, #shopify-product-reviews .spr-container .mega-menu-link .spr-review.third-level, .mega-menu-bottom.right, .mega-menu-link .third-level.mega-menu-bottom, .mega-menu-bottom, #insta-feed .instafeed-container.mega-menu-bottom, .product-grid-item .product-grid-dropdown-menu.mega-menu-bottom, .product-specs.mega-menu-bottom, #shopify-product-reviews .spr-container .spr-form.mega-menu-bottom, #shopify-product-reviews .spr-container .spr-review.mega-menu-bottom, .shop-all-link.right, .mega-menu-link .third-level.shop-all-link, .mega-menu-bottom.shop-all-link, #insta-feed .instafeed-container.shop-all-link, .product-grid-item .product-grid-dropdown-menu.shop-all-link, .product-specs.shop-all-link, #shopify-product-reviews .spr-container .spr-form.shop-all-link, #shopify-product-reviews .spr-container .spr-review.shop-all-link, #insta-feed .instafeed-container.right, #insta-feed .mega-menu-link .third-level.instafeed-container, .mega-menu-link #insta-feed .third-level.instafeed-container, #insta-feed .mega-menu-bottom.instafeed-container, #insta-feed .instafeed-container, #insta-feed .product-grid-item .product-grid-dropdown-menu.instafeed-container, .product-grid-item #insta-feed .product-grid-dropdown-menu.instafeed-container, #insta-feed .product-specs.instafeed-container, #insta-feed #shopify-product-reviews .spr-container .spr-form.instafeed-container, #shopify-product-reviews .spr-container #insta-feed .spr-form.instafeed-container, #insta-feed #shopify-product-reviews .spr-container .spr-review.instafeed-container, #shopify-product-reviews .spr-container #insta-feed .spr-review.instafeed-container, .product-grid-item .product-grid-dropdown-menu.right, .product-grid-item .mega-menu-link .third-level.product-grid-dropdown-menu, .mega-menu-link .product-grid-item .third-level.product-grid-dropdown-menu, .product-grid-item .mega-menu-bottom.product-grid-dropdown-menu, .product-grid-item #insta-feed .instafeed-container.product-grid-dropdown-menu, #insta-feed .product-grid-item .instafeed-container.product-grid-dropdown-menu, .product-grid-item .product-grid-item .product-grid-dropdown-menu, .product-grid-item .product-specs.product-grid-dropdown-menu, .product-grid-item #shopify-product-reviews .spr-container .spr-form.product-grid-dropdown-menu, #shopify-product-reviews .spr-container .product-grid-item .spr-form.product-grid-dropdown-menu, .product-grid-item #shopify-product-reviews .spr-container .spr-review.product-grid-dropdown-menu, #shopify-product-reviews .spr-container .product-grid-item .spr-review.product-grid-dropdown-menu, .product-grid-item .product-grid-variant-item input + label.right, .product-grid-item .product-grid-variant-item .mega-menu-link input + label.third-level, .mega-menu-link .product-grid-item .product-grid-variant-item input + label.third-level, .product-grid-item .product-grid-variant-item input + label.mega-menu-bottom, .product-grid-item .product-grid-variant-item #insta-feed input + label.instafeed-container, #insta-feed .product-grid-item .product-grid-variant-item input + label.instafeed-container, .product-grid-item .product-grid-variant-item .product-grid-item input + label.product-grid-dropdown-menu, .product-grid-item .product-grid-item .product-grid-variant-item input + label.product-grid-dropdown-menu, .product-grid-item .product-grid-variant-item input + label.product-specs, .product-grid-item .product-grid-variant-item #shopify-product-reviews .spr-container input + label.spr-form, #shopify-product-reviews .spr-container .product-grid-item .product-grid-variant-item input + label.spr-form, .product-grid-item .product-grid-variant-item #shopify-product-reviews .spr-container input + label.spr-review, #shopify-product-reviews .spr-container .product-grid-item .product-grid-variant-item input + label.spr-review, .product-specs.right, .mega-menu-link .third-level.product-specs, .mega-menu-bottom.product-specs, #insta-feed .instafeed-container.product-specs, .product-grid-item .product-grid-dropdown-menu.product-specs, .product-specs, #shopify-product-reviews .spr-container .spr-form.product-specs, #shopify-product-reviews .spr-container .spr-review.product-specs, .product-recommendations.right, .mega-menu-link .third-level.product-recommendations, .mega-menu-bottom.product-recommendations, #insta-feed .instafeed-container.product-recommendations, .product-grid-item .product-grid-dropdown-menu.product-recommendations, .product-specs.product-recommendations, #shopify-product-reviews .spr-container .spr-form.product-recommendations, #shopify-product-reviews .spr-container .spr-review.product-recommendations, #shopify-product-reviews .spr-container .spr-form.right, #shopify-product-reviews .spr-container .mega-menu-link .third-level.spr-form, .mega-menu-link #shopify-product-reviews .spr-container .third-level.spr-form, #shopify-product-reviews .spr-container .mega-menu-bottom.spr-form, #shopify-product-reviews .spr-container #insta-feed .instafeed-container.spr-form, #insta-feed #shopify-product-reviews .spr-container .instafeed-container.spr-form, #shopify-product-reviews .spr-container .product-grid-item .product-grid-dropdown-menu.spr-form, .product-grid-item #shopify-product-reviews .spr-container .product-grid-dropdown-menu.spr-form, #shopify-product-reviews .spr-container .product-specs.spr-form, #shopify-product-reviews .spr-container #shopify-product-reviews .spr-container .spr-form, #shopify-product-reviews .spr-container #shopify-product-reviews .spr-container .spr-review.spr-form, #shopify-product-reviews .spr-container .spr-review.right, #shopify-product-reviews .spr-container .mega-menu-link .third-level.spr-review, .mega-menu-link #shopify-product-reviews .spr-container .third-level.spr-review, #shopify-product-reviews .spr-container .mega-menu-bottom.spr-review, #shopify-product-reviews .spr-container #insta-feed .instafeed-container.spr-review, #insta-feed #shopify-product-reviews .spr-container .instafeed-container.spr-review, #shopify-product-reviews .spr-container .product-grid-item .product-grid-dropdown-menu.spr-review, .product-grid-item #shopify-product-reviews .spr-container .product-grid-dropdown-menu.spr-review, #shopify-product-reviews .spr-container .product-specs.spr-review, #shopify-product-reviews .spr-container #shopify-product-reviews .spr-container .spr-form.spr-review, #shopify-product-reviews .spr-container #shopify-product-reviews .spr-container .spr-review, .blog-nav.right, .mega-menu-link .third-level.blog-nav, .mega-menu-bottom.blog-nav, #insta-feed .instafeed-container.blog-nav, .product-grid-item .product-grid-dropdown-menu.blog-nav, .product-specs.blog-nav, #shopify-product-reviews .spr-container .spr-form.blog-nav, #shopify-product-reviews .spr-container .spr-review.blog-nav, .blog-nav a + div.right, .blog-nav .mega-menu-link a + div.third-level, .mega-menu-link .blog-nav a + div.third-level, .blog-nav a + div.mega-menu-bottom, .blog-nav #insta-feed a + div.instafeed-container, #insta-feed .blog-nav a + div.instafeed-container, .blog-nav .product-grid-item a + div.product-grid-dropdown-menu, .product-grid-item .blog-nav a + div.product-grid-dropdown-menu, .blog-nav a + div.product-specs, .blog-nav #shopify-product-reviews .spr-container a + div.spr-form, #shopify-product-reviews .spr-container .blog-nav a + div.spr-form, .blog-nav #shopify-product-reviews .spr-container a + div.spr-review, #shopify-product-reviews .spr-container .blog-nav a + div.spr-review, .blog-pagination.right, .mega-menu-link .third-level.blog-pagination, .mega-menu-bottom.blog-pagination, #insta-feed .instafeed-container.blog-pagination, .product-grid-item .product-grid-dropdown-menu.blog-pagination, .product-specs.blog-pagination, #shopify-product-reviews .spr-container .spr-form.blog-pagination, #shopify-product-reviews .spr-container .spr-review.blog-pagination, .mega-menu-link .third-level.border, .mega-menu-link .custom-select.open .custom-select--options .select-option.third-level, .custom-select.open .custom-select--options .mega-menu-link .select-option.third-level, .mega-menu-link .navigation-mobile .navigation-search.third-level, .navigation-mobile .mega-menu-link .navigation-search.third-level, .mega-menu-link .shop-all-link.third-level, .mega-menu-link .product-recommendations.third-level, .mega-menu-link .blog-nav.third-level, .mega-menu-link .blog-pagination.third-level, .mega-menu-bottom.border, .custom-select.open .custom-select--options .select-option.mega-menu-bottom, .navigation-mobile .navigation-search.mega-menu-bottom, .shop-all-link.mega-menu-bottom, .product-recommendations.mega-menu-bottom, .blog-nav.mega-menu-bottom, .blog-pagination.mega-menu-bottom, #insta-feed .instafeed-container.border, #insta-feed .custom-select.open .custom-select--options .select-option.instafeed-container, .custom-select.open .custom-select--options #insta-feed .select-option.instafeed-container, #insta-feed .navigation-mobile .navigation-search.instafeed-container, .navigation-mobile #insta-feed .navigation-search.instafeed-container, #insta-feed .shop-all-link.instafeed-container, #insta-feed .product-recommendations.instafeed-container, #insta-feed .blog-nav.instafeed-container, #insta-feed .blog-pagination.instafeed-container, .product-grid-item .product-grid-dropdown-menu.border, .product-grid-item .custom-select.open .custom-select--options .select-option.product-grid-dropdown-menu, .custom-select.open .custom-select--options .product-grid-item .select-option.product-grid-dropdown-menu, .product-grid-item .navigation-mobile .navigation-search.product-grid-dropdown-menu, .navigation-mobile .product-grid-item .navigation-search.product-grid-dropdown-menu, .product-grid-item .shop-all-link.product-grid-dropdown-menu, .product-grid-item .product-recommendations.product-grid-dropdown-menu, .product-grid-item .blog-nav.product-grid-dropdown-menu, .product-grid-item .blog-pagination.product-grid-dropdown-menu, .product-specs.border, .custom-select.open .custom-select--options .select-option.product-specs, .navigation-mobile .navigation-search.product-specs, .shop-all-link.product-specs, .product-recommendations.product-specs, .blog-nav.product-specs, .blog-pagination.product-specs, #shopify-product-reviews .spr-container .spr-form.border, #shopify-product-reviews .spr-container .custom-select.open .custom-select--options .select-option.spr-form, .custom-select.open .custom-select--options #shopify-product-reviews .spr-container .select-option.spr-form, #shopify-product-reviews .spr-container .navigation-mobile .navigation-search.spr-form, .navigation-mobile #shopify-product-reviews .spr-container .navigation-search.spr-form, #shopify-product-reviews .spr-container .shop-all-link.spr-form, #shopify-product-reviews .spr-container .product-recommendations.spr-form, #shopify-product-reviews .spr-container .blog-nav.spr-form, #shopify-product-reviews .spr-container .blog-pagination.spr-form, #shopify-product-reviews .spr-container .spr-review.border, #shopify-product-reviews .spr-container .custom-select.open .custom-select--options .select-option.spr-review, .custom-select.open .custom-select--options #shopify-product-reviews .spr-container .select-option.spr-review, #shopify-product-reviews .spr-container .navigation-mobile .navigation-search.spr-review, .navigation-mobile #shopify-product-reviews .spr-container .navigation-search.spr-review, #shopify-product-reviews .spr-container .shop-all-link.spr-review, #shopify-product-reviews .spr-container .product-recommendations.spr-review, #shopify-product-reviews .spr-container .blog-nav.spr-review, #shopify-product-reviews .spr-container .blog-pagination.spr-review { border-right: 1px solid #0c2038; } .border.top, .custom-select.open .custom-select--options .select-option.top, .custom-select.open .custom-select--options .navigation-mobile .navigation-search.select-option, .navigation-mobile .custom-select.open .custom-select--options .navigation-search.select-option, .custom-select.open .custom-select--options .shop-all-link.select-option, .custom-select.open .custom-select--options #insta-feed .instafeed-container.select-option, #insta-feed .custom-select.open .custom-select--options .instafeed-container.select-option, .custom-select.open .custom-select--options .product-grid-item .product-grid-variant-item input + label.select-option, .product-grid-item .product-grid-variant-item .custom-select.open .custom-select--options input + label.select-option, .custom-select.open .custom-select--options .product-specs.select-option, .custom-select.open .custom-select--options .product-recommendations.select-option, .custom-select.open .custom-select--options .blog-nav.select-option, .custom-select.open .custom-select--options .blog-nav a + div.select-option, .blog-nav .custom-select.open .custom-select--options a + div.select-option, .custom-select.open .custom-select--options .blog-pagination.select-option, .navigation-mobile .navigation-search.top, .navigation-mobile .navigation-mobile .navigation-search, .navigation-mobile .shop-all-link.navigation-search, .navigation-mobile #insta-feed .instafeed-container.navigation-search, #insta-feed .navigation-mobile .instafeed-container.navigation-search, .navigation-mobile .product-grid-item .product-grid-variant-item input + label.navigation-search, .product-grid-item .product-grid-variant-item .navigation-mobile input + label.navigation-search, .navigation-mobile .product-specs.navigation-search, .navigation-mobile .product-recommendations.navigation-search, .navigation-mobile .blog-nav.navigation-search, .navigation-mobile .blog-nav a + div.navigation-search, .blog-nav .navigation-mobile a + div.navigation-search, .navigation-mobile .blog-pagination.navigation-search, .mega-menu-link .third-level.top, .mega-menu-link .navigation-mobile .navigation-search.third-level, .navigation-mobile .mega-menu-link .navigation-search.third-level, .mega-menu-link .shop-all-link.third-level, .mega-menu-link #insta-feed .instafeed-container.third-level, #insta-feed .mega-menu-link .instafeed-container.third-level, .mega-menu-link .product-grid-item .product-grid-variant-item input + label.third-level, .product-grid-item .product-grid-variant-item .mega-menu-link input + label.third-level, .mega-menu-link .product-specs.third-level, .mega-menu-link .product-recommendations.third-level, .mega-menu-link .blog-nav.third-level, .mega-menu-link .blog-nav a + div.third-level, .blog-nav .mega-menu-link a + div.third-level, .mega-menu-link .blog-pagination.third-level, .mega-menu-bottom.top, .navigation-mobile .navigation-search.mega-menu-bottom, .shop-all-link.mega-menu-bottom, #insta-feed .instafeed-container.mega-menu-bottom, .product-grid-item .product-grid-variant-item input + label.mega-menu-bottom, .product-specs.mega-menu-bottom, .product-recommendations.mega-menu-bottom, .blog-nav.mega-menu-bottom, .blog-nav a + div.mega-menu-bottom, .blog-pagination.mega-menu-bottom, .shop-all-link.top, .navigation-mobile .navigation-search.shop-all-link, .shop-all-link, #insta-feed .instafeed-container.shop-all-link, .product-grid-item .product-grid-variant-item input + label.shop-all-link, .product-specs.shop-all-link, .product-recommendations.shop-all-link, .blog-nav.shop-all-link, .blog-nav a + div.shop-all-link, .blog-pagination.shop-all-link, #insta-feed .instafeed-container.top, #insta-feed .navigation-mobile .navigation-search.instafeed-container, .navigation-mobile #insta-feed .navigation-search.instafeed-container, #insta-feed .shop-all-link.instafeed-container, #insta-feed .instafeed-container, #insta-feed .product-grid-item .product-grid-variant-item input + label.instafeed-container, .product-grid-item .product-grid-variant-item #insta-feed input + label.instafeed-container, #insta-feed .product-specs.instafeed-container, #insta-feed .product-recommendations.instafeed-container, #insta-feed .blog-nav.instafeed-container, #insta-feed .blog-nav a + div.instafeed-container, .blog-nav #insta-feed a + div.instafeed-container, #insta-feed .blog-pagination.instafeed-container, .product-grid-item .product-grid-dropdown-menu.top, .product-grid-item .navigation-mobile .navigation-search.product-grid-dropdown-menu, .navigation-mobile .product-grid-item .navigation-search.product-grid-dropdown-menu, .product-grid-item .shop-all-link.product-grid-dropdown-menu, .product-grid-item #insta-feed .instafeed-container.product-grid-dropdown-menu, #insta-feed .product-grid-item .instafeed-container.product-grid-dropdown-menu, .product-grid-item .product-grid-item .product-grid-variant-item input + label.product-grid-dropdown-menu, .product-grid-item .product-grid-variant-item .product-grid-item input + label.product-grid-dropdown-menu, .product-grid-item .product-specs.product-grid-dropdown-menu, .product-grid-item .product-recommendations.product-grid-dropdown-menu, .product-grid-item .blog-nav.product-grid-dropdown-menu, .product-grid-item .blog-nav a + div.product-grid-dropdown-menu, .blog-nav .product-grid-item a + div.product-grid-dropdown-menu, .product-grid-item .blog-pagination.product-grid-dropdown-menu, .product-grid-item .product-grid-variant-item input + label.top, .product-grid-item .product-grid-variant-item inputinput + label, .product-grid-item .product-grid-variant-item .product-grid-item .product-grid-variant-item input + input + label, .product-grid-item .product-grid-variant-item input + label.product-specs, .product-grid-item .product-grid-variant-item input + label.product-recommendations, .product-grid-item .product-grid-variant-item input + label.blog-nav, .product-grid-item .product-grid-variant-item input + label.blog-pagination, .product-specs.top, .navigation-mobile .navigation-search.product-specs, .shop-all-link.product-specs, #insta-feed .instafeed-container.product-specs, .product-specs, .product-recommendations.product-specs, .blog-nav.product-specs, .blog-nav a + div.product-specs, .blog-pagination.product-specs, .product-recommendations.top, .navigation-mobile .navigation-search.product-recommendations, .shop-all-link.product-recommendations, #insta-feed .instafeed-container.product-recommendations, .product-specs.product-recommendations, .product-recommendations, .blog-nav.product-recommendations, .blog-nav a + div.product-recommendations, .blog-pagination.product-recommendations, #shopify-product-reviews .spr-container .spr-form.top, #shopify-product-reviews .spr-container .navigation-mobile .navigation-search.spr-form, .navigation-mobile #shopify-product-reviews .spr-container .navigation-search.spr-form, #shopify-product-reviews .spr-container .shop-all-link.spr-form, #shopify-product-reviews .spr-container #insta-feed .instafeed-container.spr-form, #insta-feed #shopify-product-reviews .spr-container .instafeed-container.spr-form, #shopify-product-reviews .spr-container .product-grid-item .product-grid-variant-item input + label.spr-form, .product-grid-item .product-grid-variant-item #shopify-product-reviews .spr-container input + label.spr-form, #shopify-product-reviews .spr-container .product-specs.spr-form, #shopify-product-reviews .spr-container .product-recommendations.spr-form, #shopify-product-reviews .spr-container .blog-nav.spr-form, #shopify-product-reviews .spr-container .blog-nav a + div.spr-form, .blog-nav #shopify-product-reviews .spr-container a + div.spr-form, #shopify-product-reviews .spr-container .blog-pagination.spr-form, #shopify-product-reviews .spr-container .spr-review.top, #shopify-product-reviews .spr-container .navigation-mobile .navigation-search.spr-review, .navigation-mobile #shopify-product-reviews .spr-container .navigation-search.spr-review, #shopify-product-reviews .spr-container .shop-all-link.spr-review, #shopify-product-reviews .spr-container #insta-feed .instafeed-container.spr-review, #insta-feed #shopify-product-reviews .spr-container .instafeed-container.spr-review, #shopify-product-reviews .spr-container .product-grid-item .product-grid-variant-item input + label.spr-review, .product-grid-item .product-grid-variant-item #shopify-product-reviews .spr-container input + label.spr-review, #shopify-product-reviews .spr-container .product-specs.spr-review, #shopify-product-reviews .spr-container .product-recommendations.spr-review, #shopify-product-reviews .spr-container .blog-nav.spr-review, #shopify-product-reviews .spr-container .blog-nav a + div.spr-review, .blog-nav #shopify-product-reviews .spr-container a + div.spr-review, #shopify-product-reviews .spr-container .blog-pagination.spr-review, .blog-nav.top, .navigation-mobile .navigation-search.blog-nav, .shop-all-link.blog-nav, #insta-feed .instafeed-container.blog-nav, .product-specs.blog-nav, .product-recommendations.blog-nav, .blog-nav, .blog-nav a + div.blog-nav, .blog-pagination.blog-nav, .blog-nav a + div.top, .blog-nav aa + div, .blog-nav .blog-nav a + a + div, .blog-nav a + div.blog-pagination, .blog-pagination.top, .navigation-mobile .navigation-search.blog-pagination, .shop-all-link.blog-pagination, #insta-feed .instafeed-container.blog-pagination, .product-specs.blog-pagination, .product-recommendations.blog-pagination, .blog-nav.blog-pagination, .blog-pagination, .navigation-mobile .navigation-search.border, .navigation-mobile .custom-select.open .custom-select--options .select-option.navigation-search, .custom-select.open .custom-select--options .navigation-mobile .select-option.navigation-search, .navigation-mobile .mega-menu-link .third-level.navigation-search, .mega-menu-link .navigation-mobile .third-level.navigation-search, .navigation-mobile .mega-menu-bottom.navigation-search, .navigation-mobile .product-grid-item .product-grid-dropdown-menu.navigation-search, .product-grid-item .navigation-mobile .product-grid-dropdown-menu.navigation-search, .navigation-mobile #shopify-product-reviews .spr-container .spr-form.navigation-search, #shopify-product-reviews .spr-container .navigation-mobile .spr-form.navigation-search, .navigation-mobile #shopify-product-reviews .spr-container .spr-review.navigation-search, #shopify-product-reviews .spr-container .navigation-mobile .spr-review.navigation-search, .shop-all-link.border, .custom-select.open .custom-select--options .select-option.shop-all-link, .mega-menu-link .third-level.shop-all-link, .mega-menu-bottom.shop-all-link, .product-grid-item .product-grid-dropdown-menu.shop-all-link, #shopify-product-reviews .spr-container .spr-form.shop-all-link, #shopify-product-reviews .spr-container .spr-review.shop-all-link, #insta-feed .instafeed-container.border, #insta-feed .custom-select.open .custom-select--options .select-option.instafeed-container, .custom-select.open .custom-select--options #insta-feed .select-option.instafeed-container, #insta-feed .mega-menu-link .third-level.instafeed-container, .mega-menu-link #insta-feed .third-level.instafeed-container, #insta-feed .mega-menu-bottom.instafeed-container, #insta-feed .product-grid-item .product-grid-dropdown-menu.instafeed-container, .product-grid-item #insta-feed .product-grid-dropdown-menu.instafeed-container, #insta-feed #shopify-product-reviews .spr-container .spr-form.instafeed-container, #shopify-product-reviews .spr-container #insta-feed .spr-form.instafeed-container, #insta-feed #shopify-product-reviews .spr-container .spr-review.instafeed-container, #shopify-product-reviews .spr-container #insta-feed .spr-review.instafeed-container, .product-grid-item .product-grid-variant-item input + label.border, .product-specs.border, .custom-select.open .custom-select--options .select-option.product-specs, .mega-menu-link .third-level.product-specs, .mega-menu-bottom.product-specs, .product-grid-item .product-grid-dropdown-menu.product-specs, #shopify-product-reviews .spr-container .spr-form.product-specs, #shopify-product-reviews .spr-container .spr-review.product-specs, .product-recommendations.border, .custom-select.open .custom-select--options .select-option.product-recommendations, .mega-menu-link .third-level.product-recommendations, .mega-menu-bottom.product-recommendations, .product-grid-item .product-grid-dropdown-menu.product-recommendations, #shopify-product-reviews .spr-container .spr-form.product-recommendations, #shopify-product-reviews .spr-container .spr-review.product-recommendations, .blog-nav.border, .custom-select.open .custom-select--options .select-option.blog-nav, .mega-menu-link .third-level.blog-nav, .mega-menu-bottom.blog-nav, .product-grid-item .product-grid-dropdown-menu.blog-nav, #shopify-product-reviews .spr-container .spr-form.blog-nav, #shopify-product-reviews .spr-container .spr-review.blog-nav, .blog-nav a + div.border, .blog-pagination.border, .custom-select.open .custom-select--options .select-option.blog-pagination, .mega-menu-link .third-level.blog-pagination, .mega-menu-bottom.blog-pagination, .product-grid-item .product-grid-dropdown-menu.blog-pagination, #shopify-product-reviews .spr-container .spr-form.blog-pagination, #shopify-product-reviews .spr-container .spr-review.blog-pagination { border-top: 1px solid #0c2038; } .border.bottom, .custom-select.open .custom-select--options .select-option.bottom, .custom-select.open .custom-select--options .custom-select.open .custom-select--options .select-option, .custom-select.open .custom-select--options .navigation-mobile .navigation-search.select-option, .navigation-mobile .custom-select.open .custom-select--options .navigation-search.select-option, .custom-select.open .custom-select--options .mega-menu-link .third-level.select-option, .mega-menu-link .custom-select.open .custom-select--options .third-level.select-option, .custom-select.open .custom-select--options .mega-menu-bottom.select-option, .custom-select.open .custom-select--options .shop-all-link.select-option, .custom-select.open .custom-select--options #insta-feed .instafeed-container.select-option, #insta-feed .custom-select.open .custom-select--options .instafeed-container.select-option, .custom-select.open .custom-select--options .product-grid-item .product-grid-dropdown-menu.select-option, .product-grid-item .custom-select.open .custom-select--options .product-grid-dropdown-menu.select-option, .custom-select.open .custom-select--options .product-specs.select-option, .custom-select.open .custom-select--options #shopify-product-reviews .spr-container .spr-form.select-option, #shopify-product-reviews .spr-container .custom-select.open .custom-select--options .spr-form.select-option, .custom-select.open .custom-select--options #shopify-product-reviews .spr-container .spr-review.select-option, #shopify-product-reviews .spr-container .custom-select.open .custom-select--options .spr-review.select-option, .custom-select.open .custom-select--options .blog-nav.select-option, .custom-select.open .custom-select--options .blog-nav a + div.select-option, .blog-nav .custom-select.open .custom-select--options a + div.select-option, .navigation-mobile .navigation-search.bottom, .navigation-mobile .custom-select.open .custom-select--options .select-option.navigation-search, .custom-select.open .custom-select--options .navigation-mobile .select-option.navigation-search, .navigation-mobile .navigation-mobile .navigation-search, .navigation-mobile .mega-menu-link .third-level.navigation-search, .mega-menu-link .navigation-mobile .third-level.navigation-search, .navigation-mobile .mega-menu-bottom.navigation-search, .navigation-mobile .shop-all-link.navigation-search, .navigation-mobile #insta-feed .instafeed-container.navigation-search, #insta-feed .navigation-mobile .instafeed-container.navigation-search, .navigation-mobile .product-grid-item .product-grid-dropdown-menu.navigation-search, .product-grid-item .navigation-mobile .product-grid-dropdown-menu.navigation-search, .navigation-mobile .product-specs.navigation-search, .navigation-mobile #shopify-product-reviews .spr-container .spr-form.navigation-search, #shopify-product-reviews .spr-container .navigation-mobile .spr-form.navigation-search, .navigation-mobile #shopify-product-reviews .spr-container .spr-review.navigation-search, #shopify-product-reviews .spr-container .navigation-mobile .spr-review.navigation-search, .navigation-mobile .blog-nav.navigation-search, .navigation-mobile .blog-nav a + div.navigation-search, .blog-nav .navigation-mobile a + div.navigation-search, .mega-menu-link .third-level.bottom, .mega-menu-link .custom-select.open .custom-select--options .select-option.third-level, .custom-select.open .custom-select--options .mega-menu-link .select-option.third-level, .mega-menu-link .navigation-mobile .navigation-search.third-level, .navigation-mobile .mega-menu-link .navigation-search.third-level, .mega-menu-link .mega-menu-link .third-level, .mega-menu-link .mega-menu-bottom.third-level, .mega-menu-link .shop-all-link.third-level, .mega-menu-link #insta-feed .instafeed-container.third-level, #insta-feed .mega-menu-link .instafeed-container.third-level, .mega-menu-link .product-grid-item .product-grid-dropdown-menu.third-level, .product-grid-item .mega-menu-link .product-grid-dropdown-menu.third-level, .mega-menu-link .product-specs.third-level, .mega-menu-link #shopify-product-reviews .spr-container .spr-form.third-level, #shopify-product-reviews .spr-container .mega-menu-link .spr-form.third-level, .mega-menu-link #shopify-product-reviews .spr-container .spr-review.third-level, #shopify-product-reviews .spr-container .mega-menu-link .spr-review.third-level, .mega-menu-link .blog-nav.third-level, .mega-menu-link .blog-nav a + div.third-level, .blog-nav .mega-menu-link a + div.third-level, .mega-menu-bottom.bottom, .custom-select.open .custom-select--options .select-option.mega-menu-bottom, .navigation-mobile .navigation-search.mega-menu-bottom, .mega-menu-link .third-level.mega-menu-bottom, .mega-menu-bottom, .shop-all-link.mega-menu-bottom, #insta-feed .instafeed-container.mega-menu-bottom, .product-grid-item .product-grid-dropdown-menu.mega-menu-bottom, .product-specs.mega-menu-bottom, #shopify-product-reviews .spr-container .spr-form.mega-menu-bottom, #shopify-product-reviews .spr-container .spr-review.mega-menu-bottom, .blog-nav.mega-menu-bottom, .blog-nav a + div.mega-menu-bottom, .shop-all-link.bottom, .custom-select.open .custom-select--options .select-option.shop-all-link, .navigation-mobile .navigation-search.shop-all-link, .mega-menu-link .third-level.shop-all-link, .mega-menu-bottom.shop-all-link, .shop-all-link, #insta-feed .instafeed-container.shop-all-link, .product-grid-item .product-grid-dropdown-menu.shop-all-link, .product-specs.shop-all-link, #shopify-product-reviews .spr-container .spr-form.shop-all-link, #shopify-product-reviews .spr-container .spr-review.shop-all-link, .blog-nav.shop-all-link, .blog-nav a + div.shop-all-link, #insta-feed .instafeed-container.bottom, #insta-feed .custom-select.open .custom-select--options .select-option.instafeed-container, .custom-select.open .custom-select--options #insta-feed .select-option.instafeed-container, #insta-feed .navigation-mobile .navigation-search.instafeed-container, .navigation-mobile #insta-feed .navigation-search.instafeed-container, #insta-feed .mega-menu-link .third-level.instafeed-container, .mega-menu-link #insta-feed .third-level.instafeed-container, #insta-feed .mega-menu-bottom.instafeed-container, #insta-feed .shop-all-link.instafeed-container, #insta-feed .instafeed-container, #insta-feed .product-grid-item .product-grid-dropdown-menu.instafeed-container, .product-grid-item #insta-feed .product-grid-dropdown-menu.instafeed-container, #insta-feed .product-specs.instafeed-container, #insta-feed #shopify-product-reviews .spr-container .spr-form.instafeed-container, #shopify-product-reviews .spr-container #insta-feed .spr-form.instafeed-container, #insta-feed #shopify-product-reviews .spr-container .spr-review.instafeed-container, #shopify-product-reviews .spr-container #insta-feed .spr-review.instafeed-container, #insta-feed .blog-nav.instafeed-container, #insta-feed .blog-nav a + div.instafeed-container, .blog-nav #insta-feed a + div.instafeed-container, .product-grid-item .product-grid-dropdown-menu.bottom, .product-grid-item .custom-select.open .custom-select--options .select-option.product-grid-dropdown-menu, .custom-select.open .custom-select--options .product-grid-item .select-option.product-grid-dropdown-menu, .product-grid-item .navigation-mobile .navigation-search.product-grid-dropdown-menu, .navigation-mobile .product-grid-item .navigation-search.product-grid-dropdown-menu, .product-grid-item .mega-menu-link .third-level.product-grid-dropdown-menu, .mega-menu-link .product-grid-item .third-level.product-grid-dropdown-menu, .product-grid-item .mega-menu-bottom.product-grid-dropdown-menu, .product-grid-item .shop-all-link.product-grid-dropdown-menu, .product-grid-item #insta-feed .instafeed-container.product-grid-dropdown-menu, #insta-feed .product-grid-item .instafeed-container.product-grid-dropdown-menu, .product-grid-item .product-grid-item .product-grid-dropdown-menu, .product-grid-item .product-specs.product-grid-dropdown-menu, .product-grid-item #shopify-product-reviews .spr-container .spr-form.product-grid-dropdown-menu, #shopify-product-reviews .spr-container .product-grid-item .spr-form.product-grid-dropdown-menu, .product-grid-item #shopify-product-reviews .spr-container .spr-review.product-grid-dropdown-menu, #shopify-product-reviews .spr-container .product-grid-item .spr-review.product-grid-dropdown-menu, .product-grid-item .blog-nav.product-grid-dropdown-menu, .product-grid-item .blog-nav a + div.product-grid-dropdown-menu, .blog-nav .product-grid-item a + div.product-grid-dropdown-menu, .product-grid-item .product-grid-variant-item input + label.bottom, .product-grid-item .product-grid-variant-item .custom-select.open .custom-select--options input + label.select-option, .custom-select.open .custom-select--options .product-grid-item .product-grid-variant-item input + label.select-option, .product-grid-item .product-grid-variant-item .navigation-mobile input + label.navigation-search, .navigation-mobile .product-grid-item .product-grid-variant-item input + label.navigation-search, .product-grid-item .product-grid-variant-item .mega-menu-link input + label.third-level, .mega-menu-link .product-grid-item .product-grid-variant-item input + label.third-level, .product-grid-item .product-grid-variant-item input + label.mega-menu-bottom, .product-grid-item .product-grid-variant-item input + label.shop-all-link, .product-grid-item .product-grid-variant-item #insta-feed input + label.instafeed-container, #insta-feed .product-grid-item .product-grid-variant-item input + label.instafeed-container, .product-grid-item .product-grid-variant-item .product-grid-item input + label.product-grid-dropdown-menu, .product-grid-item .product-grid-item .product-grid-variant-item input + label.product-grid-dropdown-menu, .product-grid-item .product-grid-variant-item input + label.product-specs, .product-grid-item .product-grid-variant-item #shopify-product-reviews .spr-container input + label.spr-form, #shopify-product-reviews .spr-container .product-grid-item .product-grid-variant-item input + label.spr-form, .product-grid-item .product-grid-variant-item #shopify-product-reviews .spr-container input + label.spr-review, #shopify-product-reviews .spr-container .product-grid-item .product-grid-variant-item input + label.spr-review, .product-grid-item .product-grid-variant-item input + label.blog-nav, .product-specs.bottom, .custom-select.open .custom-select--options .select-option.product-specs, .navigation-mobile .navigation-search.product-specs, .mega-menu-link .third-level.product-specs, .mega-menu-bottom.product-specs, .shop-all-link.product-specs, #insta-feed .instafeed-container.product-specs, .product-grid-item .product-grid-dropdown-menu.product-specs, .product-specs, #shopify-product-reviews .spr-container .spr-form.product-specs, #shopify-product-reviews .spr-container .spr-review.product-specs, .blog-nav.product-specs, .blog-nav a + div.product-specs, .product-recommendations.bottom, .custom-select.open .custom-select--options .select-option.product-recommendations, .navigation-mobile .navigation-search.product-recommendations, .mega-menu-link .third-level.product-recommendations, .mega-menu-bottom.product-recommendations, .shop-all-link.product-recommendations, #insta-feed .instafeed-container.product-recommendations, .product-grid-item .product-grid-dropdown-menu.product-recommendations, .product-specs.product-recommendations, #shopify-product-reviews .spr-container .spr-form.product-recommendations, #shopify-product-reviews .spr-container .spr-review.product-recommendations, .blog-nav.product-recommendations, .blog-nav a + div.product-recommendations, #shopify-product-reviews .spr-container .spr-form.bottom, #shopify-product-reviews .spr-container .custom-select.open .custom-select--options .select-option.spr-form, .custom-select.open .custom-select--options #shopify-product-reviews .spr-container .select-option.spr-form, #shopify-product-reviews .spr-container .navigation-mobile .navigation-search.spr-form, .navigation-mobile #shopify-product-reviews .spr-container .navigation-search.spr-form, #shopify-product-reviews .spr-container .mega-menu-link .third-level.spr-form, .mega-menu-link #shopify-product-reviews .spr-container .third-level.spr-form, #shopify-product-reviews .spr-container .mega-menu-bottom.spr-form, #shopify-product-reviews .spr-container .shop-all-link.spr-form, #shopify-product-reviews .spr-container #insta-feed .instafeed-container.spr-form, #insta-feed #shopify-product-reviews .spr-container .instafeed-container.spr-form, #shopify-product-reviews .spr-container .product-grid-item .product-grid-dropdown-menu.spr-form, .product-grid-item #shopify-product-reviews .spr-container .product-grid-dropdown-menu.spr-form, #shopify-product-reviews .spr-container .product-specs.spr-form, #shopify-product-reviews .spr-container #shopify-product-reviews .spr-container .spr-form, #shopify-product-reviews .spr-container #shopify-product-reviews .spr-container .spr-review.spr-form, #shopify-product-reviews .spr-container .blog-nav.spr-form, #shopify-product-reviews .spr-container .blog-nav a + div.spr-form, .blog-nav #shopify-product-reviews .spr-container a + div.spr-form, #shopify-product-reviews .spr-container .spr-review.bottom, #shopify-product-reviews .spr-container .custom-select.open .custom-select--options .select-option.spr-review, .custom-select.open .custom-select--options #shopify-product-reviews .spr-container .select-option.spr-review, #shopify-product-reviews .spr-container .navigation-mobile .navigation-search.spr-review, .navigation-mobile #shopify-product-reviews .spr-container .navigation-search.spr-review, #shopify-product-reviews .spr-container .mega-menu-link .third-level.spr-review, .mega-menu-link #shopify-product-reviews .spr-container .third-level.spr-review, #shopify-product-reviews .spr-container .mega-menu-bottom.spr-review, #shopify-product-reviews .spr-container .shop-all-link.spr-review, #shopify-product-reviews .spr-container #insta-feed .instafeed-container.spr-review, #insta-feed #shopify-product-reviews .spr-container .instafeed-container.spr-review, #shopify-product-reviews .spr-container .product-grid-item .product-grid-dropdown-menu.spr-review, .product-grid-item #shopify-product-reviews .spr-container .product-grid-dropdown-menu.spr-review, #shopify-product-reviews .spr-container .product-specs.spr-review, #shopify-product-reviews .spr-container #shopify-product-reviews .spr-container .spr-form.spr-review, #shopify-product-reviews .spr-container #shopify-product-reviews .spr-container .spr-review, #shopify-product-reviews .spr-container .blog-nav.spr-review, #shopify-product-reviews .spr-container .blog-nav a + div.spr-review, .blog-nav #shopify-product-reviews .spr-container a + div.spr-review, .blog-nav.bottom, .custom-select.open .custom-select--options .select-option.blog-nav, .navigation-mobile .navigation-search.blog-nav, .mega-menu-link .third-level.blog-nav, .mega-menu-bottom.blog-nav, .shop-all-link.blog-nav, #insta-feed .instafeed-container.blog-nav, .product-grid-item .product-grid-dropdown-menu.blog-nav, .product-specs.blog-nav, #shopify-product-reviews .spr-container .spr-form.blog-nav, #shopify-product-reviews .spr-container .spr-review.blog-nav, .blog-nav, .blog-nav a + div.blog-nav, .blog-nav a + div.bottom, .blog-nav aa + div, .blog-nav .blog-nav a + a + div, .blog-pagination.bottom, .custom-select.open .custom-select--options .select-option.blog-pagination, .navigation-mobile .navigation-search.blog-pagination, .mega-menu-link .third-level.blog-pagination, .mega-menu-bottom.blog-pagination, .shop-all-link.blog-pagination, #insta-feed .instafeed-container.blog-pagination, .product-grid-item .product-grid-dropdown-menu.blog-pagination, .product-specs.blog-pagination, #shopify-product-reviews .spr-container .spr-form.blog-pagination, #shopify-product-reviews .spr-container .spr-review.blog-pagination, .blog-nav.blog-pagination, .blog-nav a + div.blog-pagination, .custom-select.open .custom-select--options .select-option.border, .custom-select.open .custom-select--options .product-recommendations.select-option, .custom-select.open .custom-select--options .blog-pagination.select-option, .navigation-mobile .navigation-search.border, .navigation-mobile .product-recommendations.navigation-search, .navigation-mobile .blog-pagination.navigation-search, .mega-menu-link .third-level.border, .mega-menu-link .product-recommendations.third-level, .mega-menu-link .blog-pagination.third-level, .mega-menu-bottom.border, .product-recommendations.mega-menu-bottom, .blog-pagination.mega-menu-bottom, .shop-all-link.border, .product-recommendations.shop-all-link, .blog-pagination.shop-all-link, #insta-feed .instafeed-container.border, #insta-feed .product-recommendations.instafeed-container, #insta-feed .blog-pagination.instafeed-container, .product-grid-item .product-grid-dropdown-menu.border, .product-grid-item .product-recommendations.product-grid-dropdown-menu, .product-grid-item .blog-pagination.product-grid-dropdown-menu, .product-specs.border, .product-recommendations.product-specs, .blog-pagination.product-specs, #shopify-product-reviews .spr-container .spr-form.border, #shopify-product-reviews .spr-container .product-recommendations.spr-form, #shopify-product-reviews .spr-container .blog-pagination.spr-form, #shopify-product-reviews .spr-container .spr-review.border, #shopify-product-reviews .spr-container .product-recommendations.spr-review, #shopify-product-reviews .spr-container .blog-pagination.spr-review, .blog-nav.border, .product-recommendations.blog-nav, .blog-pagination.blog-nav, .blog-nav a + div.border { border-bottom: 1px solid #0c2038; } .expanded { letter-spacing: 0.08em; } .page-width, .page-width__small, .page-width__medium { max-width: 1340px; margin: 0 auto; } @media screen and (max-width: 1420px) and(min-width: 960px) { .page-width, .page-width__small, .page-width__medium { margin-left: 40px; margin-right: 40px; } } @media only screen and (min-width: 768px) and(max-width: 959px) { .page-width, .page-width__small, .page-width__medium { margin-left: 40px; margin-right: 40px; } } @media only screen and (max-width: 767px) { .page-width, .page-width__small, .page-width__medium { margin-left: 25px; margin-right: 25px; } } .container, .page-width__small, .page-width__medium { padding-top: 60px; padding-bottom: 60px; } @media only screen and (max-width: 767px) { .container, .page-width__small, .page-width__medium { padding-top: 40px; padding-bottom: 40px; } } .section { position: relative; padding-top: 130px; padding-bottom: 130px; } @media only screen and (max-width: 767px) { .section { padding-top: 65px; padding-bottom: 65px; } } .section-title { font-family: 'Cassannet', sans-serif; font-size: 1.625em; letter-spacing: 0.08em; text-transform: lowercase; font-weight: 700; } .container-bottom { padding-bottom: 60px; } @media only screen and (max-width: 767px) { .container-bottom { padding-bottom: 40px; } } .container-top { padding-top: 60px; } @media only screen and (max-width: 767px) { .container-top { padding-top: 40px; } } .section-top { padding-top: 130px; } @media only screen and (max-width: 767px) { .section-top { padding-top: 65px; } } .section-bottom { padding-bottom: 130px; } @media only screen and (max-width: 767px) { .section-bottom { padding-bottom: 65px; } } .page-width__small { max-width: 750px; } @media only screen and (min-width: 960px) { .page-width__small { margin-left: auto; margin-right: auto; } } .page-width__medium { max-width: 900px; } @media only screen and (min-width: 960px) { .page-width__medium { margin-left: auto; margin-right: auto; } } .page { margin-top: 60px; margin-bottom: 60px; } /* #Base CSS3 Grid ✨ ================================================== */ .grid { display: grid; width: 100%; align-items: flex-start; } .grid-half { display: grid; width: 100%; align-items: flex-start; grid-template-columns: repeat(2, 1fr); } @media only screen and (max-width: 959px) { .grid-half { grid-template-columns: 1fr; } } .grid-thirds { display: grid; width: 100%; align-items: flex-start; grid-template-columns: repeat(3, 1fr); } @media only screen and (max-width: 959px) { .grid-thirds { grid-template-columns: 1fr; grid-template-rows: 1fr; grid-template-rows: repeat(3, 1fr); } } .grid-fourths { display: grid; width: 100%; align-items: flex-start; grid-template-columns: repeat(4, 1fr); } @media only screen and (max-width: 959px) { .grid-fourths { grid-template-columns: 50% 50%; grid-template-rows: 50% 50%; } } .grid-column-reverse .item { order: 1; } .grid-column-reverse .first { order: 0; } @media only screen and (max-width: 959px) { .unreverse-medium-down.grid-column-reverse .item { order: 0; } } @media only screen and (max-width: 767px) { .unreverse-small.grid-column-reverse .item { order: 0; } } .grid--align-center { align-items: center; } .grid--align-self-center { align-self: center; } .grid-gap-small { grid-column-gap: 15px; grid-row-gap: 15px; } .grid-gap-large { grid-column-gap: 30px; grid-row-gap: 30px; } .grid-gap-xl { grid-column-gap: 40px; grid-row-gap: 40px; } .flex { display: flex; } @media only screen and (max-width: 959px) { .unflex--medium-down { display: inherit !important; } } @media only screen and (max-width: 767px) { .unflex--small { display: inherit !important; } } .flex--all-center, .product-press-grid, .product-press-grid .product-press-item, .form-quantity-control, #shopify-product-reviews .spr-container .spr-header .spr-summary-starrating, .blog-nav ul { display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 767px) { .flex--all-center.mobile-stack, .product-press-grid.mobile-stack, .product-press-grid .product-press-item.mobile-stack, .form-quantity-control.mobile-stack, #shopify-product-reviews .spr-container .spr-header .spr-summary-starrating.mobile-stack, .blog-nav ul.mobile-stack { flex-direction: column; } } .flex--align-center, .product-grid-item .product-grid-meta, .product-grid-item .product-grid-variant-item input + label, .product-meta { display: flex; align-items: center; } .flex--justify-center { display: flex; justify-content: center; } .flex--align-start { align-items: flex-start; } .flex--align-end { align-items: flex-end; } .flex--justify-start { justify-content: flex-start; } .flex--justify-end { justify-content: flex-end; } .flex--space-between { justify-content: space-between; } .flex--space-around { justify-content: space-around; } .flex--wrap { flex-wrap: wrap; } .flex--column, .product-press-grid .product-press-item { flex-direction: column; } /*================ Grid items ================*/ .grid-wrapper, .blog-grid { display: grid; gap: 60px; grid-template-columns: repeat(auto-fill, 300px); padding: 45px 30px; justify-content: center; } .grid-item-header a, .product-grid-item .product-grid-header a, .blog-grid-header a { display: block; } .grid-item-header .grid-item-image, .product-grid-item .product-grid-header .grid-item-image, .product-grid-item .product-grid-header .product-grid-item .product-grid-image, .product-grid-item .product-grid-item .product-grid-header .product-grid-image, .blog-grid-header .grid-item-image, .blog-grid-header .product-grid-item .product-grid-image, .product-grid-item .blog-grid-header .product-grid-image, .grid-item-header .product-grid-item .product-grid-image, .product-grid-item .grid-item-header .product-grid-image { display: block; } .grid-item-header + .grid-item-title, .product-grid-item .product-grid-header + .grid-item-title, .product-grid-item .product-grid-header + .search-result-title, .product-grid-item .product-grid-item .product-grid-header + .product-grid-title, .product-grid-item .product-grid-header + .blog-grid-title, .blog-grid-header + .grid-item-title, .blog-grid-header + .search-result-title, .product-grid-item .blog-grid-header + .product-grid-title, .blog-grid-header + .blog-grid-title, .grid-item-header + .search-result-title, .product-grid-item .grid-item-header + .product-grid-title, .grid-item-header + .blog-grid-title { margin-top: 20px; } .grid-item-meta, .product-grid-item .product-grid-meta, .blog-grid-meta { text-transform: uppercase; margin: 10px 0 5px; } .grid-item-title, .search-result-title, .product-grid-item .product-grid-title, .blog-grid-title { font-family: 'Affogato', sans-serif; font-size: 1.15em; font-weight: 700; line-height: 1.2; margin-top: 0; text-transform: capitalize; margin-bottom: 5px; } *, input,:before ,:after { box-sizing: border-box; } html { -ms-touch-action: manipulation; touch-action: manipulation; } html, body { background-color: #fdfded; padding: 0; margin: 0; scroll-behavior: smooth; } html.no-scroll { scroll-behavior: auto; } body.no-scroll { max-width: 100vw; position: fixed; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type=text]::-ms-clear { display: none; width: 0; height: 0; } input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } input[type=number] { -moz-appearance: textfield; } select::-ms-expand { display: none; } input[type=radio] { position: absolute; top: -10000px; left: -10000px; } input[type=radio]:checked + label:before { background-color: #0c2038; } input[type=radio]:checked + label:after { content: ""; display: inline-block; background-color: #0c2038; background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/icon-checkmark.svg?v=178171324553393275351690300797'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; -moz-border-radius: 7.5px; -webkit-border-radius: 7.5px; border-radius: 50%; border: 1px solid #0c2038; margin-right: 5px; } img { border: 0 none; width: 100%; max-width: 100%; transition: opacity 0.2s ease; } img.lazyload, img.lazyloading { opacity: 0; } img.lazyloaded { opacity: 1; } svg:not(:root) { overflow: hidden; } img, iframe { max-width: 100%; scrolling: yes; } img[data-sizes="auto"] { display: block; width: 100%; height: 100%; } .lazyload { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 0.4s ease; } hr { height: 1px; border: 0; border-top: 1px solid var(--color-border); } /*================ Shopify Specific Rules ================*/ main { min-height: 80vh; } /*================ Prevent zoom on touch devices in active inputs ================*/ @media only screen and (max-width: 959px) { input, textarea, select { font-size: 16px !important; } } button, input, textarea { -webkit-appearance: none; -moz-appearance: none; } button { background: none; border: none; display: inline-block; cursor: pointer; } legend { border: 0; padding: 0; } button, input[type="submit"] { cursor: pointer; } /*================ Scrollbars ================*/ * { scrollbar-color: #f79f2e #fdfded; scrollbar-width: 10px; } *::-webkit-scrollbar { width: 10px; } *::-webkit-scrollbar-track { background: #fdfded; } *::-webkit-scrollbar-thumb { background-color: #f79f2e; border: 1px solid var(--color-border); border-left: 0; } @media only screen and (max-width: 959px) { * { scrollbar-width: 0; } *::-webkit-scrollbar { width: 0; } *::-webkit-scrollbar-track { border-left: 0; } *::-webkit-scrollbar-thumb { border: 0; } } /*================ Text Highlight / Selection ================*/ *:-moz-selection { color: white; background: var(--color-btn-primary); } *::selection { color: white; background: var(--color-btn-primary); } .will-animate { transition: transform 0.6s cubic-bezier(0, 0.7, 0.7, 1) 0s, opacity 0.5s linear 0s; } .will-animate.fade-in { opacity: 0; } @media only screen and (max-width: 767px) { .will-animate.fade-in.mobile-footer { opacity: 1; } } .will-animate.slide-up { transform: translate(0, 40px); } @media only screen and (max-width: 767px) { .will-animate.slide-up.mobile-footer { transform: translate(0, 0); } } .delay { transition-delay: 200ms; } .cta-delay { transition-delay: 400ms; } .animate.fade-in { opacity: 1; } .animate.slide-up { transform: translate(0, 0); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, #shopify-product-reviews .spr-container .spr-review .spr-review-header .spr-review-header-title, .spr-form-title, .h5, .h6 { margin-top: 0.3em; } h1, .h1 { font-family: 'Cassannet', sans-serif; text-transform: lowercase; font-weight: normal; font-size: calc(2.625rem + ((1vw - 3.9px) * 0.9221311475)); line-height: 1em; margin-bottom: 30px; letter-spacing: 0.08em; } h2, .h2 { font-family: 'Cassannet', sans-serif; text-transform: lowercase; font-weight: normal; line-height: 1em; font-size: calc(2.125rem + ((1vw - 3.9px) * 0.6147540984)); margin-bottom: 30px; letter-spacing: 0.08em; } h3, .h3 { font-family: 'Affogato', sans-serif; font-weight: 700; font-size: calc(1.875rem + ((1vw - 3.9px) * 0.4098360656)); line-height: 1.3; margin-bottom: 1em; } h4, .h4, #shopify-product-reviews .spr-container .spr-review .spr-review-header .spr-review-header-title, .spr-form-title { font-family: 'Affogato', sans-serif; font-weight: 400; font-size: calc(1.5rem + ((1vw - 3.9px) * 0.7172131148)); line-height: 1.5; letter-spacing: 0; font-weight: normal; } h5, .h5 { font-family: 'Cassannet', sans-serif; font-weight: normal; line-height: 100%; margin-bottom: 0.3em; font-size: calc(1.5rem + ((1vw - 3.9px) * 0.7172131148)); letter-spacing: 0.08em; text-transform: lowercase; } h6, .h6 { font-family: 'Affogato', sans-serif; font-weight: 500; font-size: calc(1rem + ((1vw - 3.9px) * 0.6147540984)); line-height: 1.3em; margin-bottom: 0.3em; letter-spacing: 0.1em; text-transform: uppercase; color: var(var(--color-text)-alt); } h6.black-text, .h6.black-text { color: #0c2038; } .page__headings h2, .page__headings h3, .page__headings h4, .page__headings h5, .page__headings h6 { margin-top: 1.5em; margin-bottom: 0.25em; } .large, .large p { font-size: 1.3em; line-height: 1.4; } small, .small, .small p { font-weight: 500; font-size: 15px; line-height: 156%; } body, input, textarea, button, select { font-size: 16px; font-family: 'Affogato', sans-serif; letter-spacing: normal; line-height: 150%; font-weight: 400; color: var(--color-text); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; text-rendering: optimizeSpeed; } @media only screen and (min-width: 768px) and(max-width: 959px) { body, input, textarea, button, select { font-size: 16px; line-height: 140%; } } @media only screen and (max-width: 767px) { body, input, textarea, button, select { font-size: 15px; line-height: 140%; } } p:not(:last-of-type) { margin: 0 0 10px; } p:not(:last-of-type) img { margin: 0; } a { text-decoration: none; font-weight: bold; color: var(--color-link); cursor: pointer; transition: all ease-in-out 0.2s; } a:hover, a:focus, a:active { color: #ef4a3a; } em, .italic { font-style: oblique; } b, strong, .bold { font-weight: bold; } .light { font-weight: 500; } sup, sub { position: relative; font-size: 60%; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.5em; } blockquote { margin: 0; padding: 20px 40px 40px; } blockquote p { margin-bottom: 0; } blockquote p + cite { margin-top: 20px; } blockquote cite { display: block; } .button, .btn, #wsg-spof-link a, button, input[type="submit"], input[type="reset"], input[type="button"] { background: var(--color-btn-primary); font-family: 'Cassannet', sans-serif; color: var(--color-btn-primary-text); border: 1px solid var(--color-border); padding: 15px 30px 20px; text-align: center; cursor: pointer; line-height: 1.1em; vertical-align: center; font-weight: 500; font-size: calc(1.5rem +((1vw - 3.9px) * 0.6147540984)); min-width: 100px; text-transform: lowercase; text-decoration: none; letter-spacing: 0.05em; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .button:hover, .btn:hover, #wsg-spof-link a:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:active, .btn:active, #wsg-spof-link a:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .button:focus, .btn:focus, #wsg-spof-link a:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { background: #ef4a3a; color: var(--color-btn-primary-text); } .button:disabled, .btn:disabled, #wsg-spof-link a:disabled, button:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="button"]:disabled { cursor: default; background: var(--disabled-grey); border-color: var(--disabled-grey); } .button.btn-primary, .image-text.bg-yellow .image-text-button.button, .btn.btn-primary, #wsg-spof-link a.btn-primary, #wsg-spof-link .image-text.bg-yellow a.image-text-button, .image-text.bg-yellow #wsg-spof-link a.image-text-button, .image-text.bg-yellow .image-text-button.btn, button.btn-primary, .image-text.bg-yellow button.image-text-button, input[type="submit"].btn-primary, .image-text.bg-yellow input.image-text-button[type="submit"], input[type="reset"].btn-primary, .image-text.bg-yellow input.image-text-button[type="reset"], input[type="button"].btn-primary, .image-text.bg-yellow input.image-text-button[type="button"] { background-color: #d71472; color: white; } .button.btn-primary:disabled, .image-text.bg-yellow .image-text-button.button:disabled, .btn.btn-primary:disabled, #wsg-spof-link a.btn-primary:disabled, #wsg-spof-link .image-text.bg-yellow a.image-text-button:disabled, .image-text.bg-yellow #wsg-spof-link a.image-text-button:disabled, .image-text.bg-yellow .image-text-button.btn:disabled, button.btn-primary:disabled, .image-text.bg-yellow button.image-text-button:disabled, input[type="submit"].btn-primary:disabled, .image-text.bg-yellow input.image-text-button[type="submit"]:disabled, input[type="reset"].btn-primary:disabled, .image-text.bg-yellow input.image-text-button[type="reset"]:disabled, input[type="button"].btn-primary:disabled, .image-text.bg-yellow input.image-text-button[type="button"]:disabled { cursor: default; background: var(--disabled-grey); border-color: #000; } .button.btn-primary:hover, .image-text.bg-yellow .image-text-button.button:hover, .btn.btn-primary:hover, #wsg-spof-link a.btn-primary:hover, #wsg-spof-link .image-text.bg-yellow a.image-text-button:hover, .image-text.bg-yellow #wsg-spof-link a.image-text-button:hover, .image-text.bg-yellow .image-text-button.btn:hover, button.btn-primary:hover, .image-text.bg-yellow button.image-text-button:hover, input[type="submit"].btn-primary:hover, .image-text.bg-yellow input.image-text-button[type="submit"]:hover, input[type="reset"].btn-primary:hover, .image-text.bg-yellow input.image-text-button[type="reset"]:hover, input[type="button"].btn-primary:hover, .image-text.bg-yellow input.image-text-button[type="button"]:hover { background-color: #ec328c; } .btn-secondary, #wsg-spof-link a { background: #f79f2e; color: var(--color-text); } .btn-secondary:hover, #wsg-spof-link a:hover, .btn-secondary:active, #wsg-spof-link a:active, .btn-secondary:focus, #wsg-spof-link a:focus { background: #ffc90c; color: var(--color-text); } .btn-article { width: 250px; padding-inline: 15px; padding-top: 11px; padding-bottom: 12px; border: 2px solid; font-size: 18px; } .btn-transparent { background-color: transparent; padding: 0; min-width: 0; border: 0; } .btn-transparent:hover, .btn-transparent:active, .btn-transparent:focus { background-color: transparent; color: inherit; } .btn-outline { background-color: transparent; border: 1px solid var(--color-border); color: var(--color-text); } .btn-outline:hover, .btn-outline:active, .btn-outline:focus { background-color: transparent; color: white; background: var(--color-btn-primary); } @media only screen and (max-width: 767px) { .btn--mobile-wide { width: 100%; } } .btn-large { min-height: 60px; } .btn-wide { padding: 15px 40px 20px; } form { margin-bottom: 30px; } .input-number-no-arrows::-webkit-inner-spin-button, .form-quantity-control input[type="number"]::-webkit-inner-spin-button, .input-number-no-arrows::-webkit-outer-spin-button, .form-quantity-control input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .input-number-no-arrows, .form-quantity-control input[type="number"] { -moz-appearance: textfield; } input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="range"], input[type="color"], select, textarea { display: block; width: 100%; padding: 10px 15px; margin: 0 0 20px; line-height: 1em; border: 1px solid var(--color-border); border-radius: 0; outline: none; background: var(--color-background); color: var(--color-text); -webkit-appearance: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="search"]::placeholder, input[type="url"]::placeholder, input[type="tel"]::placeholder, input[type="number"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="week"]::placeholder, input[type="time"]::placeholder, input[type="range"]::placeholder, input[type="color"]::placeholder, select::placeholder, textarea::placeholder { color: #0c2038; text-transform: uppercase; } input[type="text"]:active, input[type="text"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="week"]:active, input[type="week"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="range"]:active, input[type="range"]:focus, input[type="color"]:active, input[type="color"]:focus, select:active, select:focus, textarea:active, textarea:focus { border: 1px solid var(--color-border); } label, legend { display: block; font-weight: bold; text-align: left; margin-bottom: 5px; } input, textarea, select { max-width: 100%; } input[disabled], textarea[disabled], select[disabled], input.disabled, textarea.disabled, select.disabled { cursor: default; background-color: var(--disabled-grey); border-color: var(--disabled-grey); } input.input-full, textarea.input-full, select.input-full { width: 100%; } select { -moz-appearance: none; appearance: none; background-position: right center; background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/icon-down-arrow.svg?26179'); background-repeat: no-repeat; background-position: right 10px center; background-color: transparent; } input[type=checkbox] + label { display: block; margin: 0.2em; cursor: pointer; padding: 0.2em; } input[type=checkbox] { position: absolute; left: -9999px; } input[type=checkbox] + label:before { content: "\2714"; border: 0.1em solid var(--color-text); border-radius: 0.2em; display: inline-block; width: 1em; height: 1em; padding-left: 0.2em; padding-bottom: 0.3em; margin-right: 0.2em; vertical-align: bottom; color: transparent; transition: 0.2s; } input[type=checkbox] + label:active:before { transform: scale(0); } input[type=checkbox]:checked + label:before { background-color: var(--color-text); border-color: var(--color-text); color: var--color-background); } input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: gray; } input[type=checkbox]:checked:disabled + label:before { transform: scale(1); background-color: var(--disabled-grey); border-color: var(--disabled-grey); } [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; } [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 2em; cursor: pointer; display: inline-block; } [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid var(--color-text); border-radius: 100%; background: transparent; } [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: var(--color-text); position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } textarea { min-height: 100px; } fieldset { border: 1px solid var(--color-border); padding: 20px; margin-bottom: 30px; } .hidden-select { display: none; } .custom-select { position: relative; height: 60px; margin-bottom: 30px; width: 100%; } .custom-select.open .custom-select--options { padding-right: 0; } .custom-select.open .custom-select--options .custom-select--arrow { transform: rotate(180deg); } .custom-select.open .custom-select--options .select-option { display: flex; transition: background-color 0.1s ease; } .custom-select.open .custom-select--options .select-option.active, .custom-select.open .custom-select--options .icon-close.select-option { background-color: #ffc90c; } .custom-select.open .custom-select--options .select-option:hover { font-weight: bold; } .custom-select.open .custom-select--options .select-option:last-of-type { border-bottom: 0; } .custom-select.open .custom-select--options .select-option-disabled { background-color: #bababa; font-weight: 400 !important; } .custom-select--options { position: absolute; z-index: 1; width: 100%; cursor: pointer; padding-right: 50px; background: var--color-background); width: 100%; } .custom-select--arrow { position: absolute; z-index: 1; top: 0; right: 0; width: 64px; height: 56px; background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/icon-arrow-down-fancy.svg?v=153341047655880936691690300797'); background-repeat: no-repeat; background-position: center; background-size: 30%; padding: 0 22px; transition: all 0.2s ease; transform-origin: 32px center; } .custom-select--arrow:after { position: relative; top: auto; right: auto; } .select-option { display: none; padding: 16px 20px; height: 56px; } .select-option.active, .icon-close.select-option { display: flex; } @media only screen and (max-width: 959px) { .select-option { padding: 16px 10px; } } .variant--swatches { margin-bottom: 30px; } .variant--swatch-disabled label { background-color: #bababa !important; cursor: default !important; } .variant--swatch { position: relative; } .variant--swatch label { font-weight: normal; color: var(--color-text); line-height: 1em; min-width: 7em; text-align: center; padding: 0.75em !important; cursor: pointer; margin: 0 10px 0 0 !important; transition: all 0.2s ease-in-out; } .variant--swatch label:before, .variant--swatch label:after { display: none !important; } .variant--swatch input[type=radio] { position: absolute; top: -10000px; left: -10000px; visibility: hidden; } .variant--swatch input[type=radio]:checked + label, .variant--swatch label:hover { background-color: #ffc90c; } /*================ Error styles ================*/ input.error, textarea.error { border-color: var(--error-red); background-color: var(--error-red); color: var(--error-red); } label.error { color: var(--error-red); } ul, ol { margin-bottom: 30px; } ul ul li, ol ul li, ul ol li, ol ol li { margin-bottom: 10px; } ul li, ol li { margin-bottom: 10px; } ul { list-style: disc outside; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul.none { list-style: none outside; margin-left: 0; } ul.border, .custom-select.open .custom-select--options ul.select-option, .navigation-mobile ul.navigation-search, .mega-menu-link ul.third-level, ul.mega-menu-bottom, ul.shop-all-link, #insta-feed ul.instafeed-container, .product-grid-item ul.product-grid-dropdown-menu, ul.product-specs, ul.product-recommendations, #shopify-product-reviews .spr-container ul.spr-form, #shopify-product-reviews .spr-container ul.spr-review, ul.blog-nav, ul.blog-pagination { list-style: none outside; } ul.border li, .custom-select.open .custom-select--options ul.select-option li, .navigation-mobile ul.navigation-search li, .mega-menu-link ul.third-level li, ul.mega-menu-bottom li, ul.shop-all-link li, #insta-feed ul.instafeed-container li, .product-grid-item ul.product-grid-dropdown-menu li, ul.product-specs li, ul.product-recommendations li, #shopify-product-reviews .spr-container ul.spr-form li, #shopify-product-reviews .spr-container ul.spr-review li, ul.blog-nav li, ul.blog-pagination li { border-bottom: 1px solid var(--color-border); list-style: none outside none; padding: 10px 0; margin-bottom: 0; } ol { list-style: decimal; } ol.unlist, .product-grid-item ol.product-grid-meta, ul.unlist, .product-grid-item ul.product-grid-meta, .bundler-selected ul, .blog-nav ul { padding-left: 0; margin-left: 0; } ol.unlist li, .product-grid-item ol.product-grid-meta li, ul.unlist li, .product-grid-item ul.product-grid-meta li, .bundler-selected ul li, .blog-nav ul li { list-style-type: none; } .sr-only, .form-quantity-control button span, .visually-hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } *:active, *:focus { outline-color: var--color-background-alt); } .no-outline { outline: none !important; } .relative { position: relative; } .hide { display: none !important; } .hidden { display: none; } .overflow-hidden { overflow: hidden; } .w-min { width: min-content; } .no-padding { padding: 0 !important; } .pb-none { padding-bottom: 0; } .pb-sm { padding-bottom: 10px; } .pb-md { padding-bottom: 30px; } .pb-lg { padding-bottom: 40px; } .pb-xl { padding-bottom: 80px; } .pt-sm { padding-top: 10px; } .pt-md { padding-top: 30px; } .pt-lg { padding-top: 40px; } .pt-xl { padding-top: 80px; } .pr-sm { padding-right: 10px; } .pr-md { padding-right: 30px; } .pr-lg { padding-right: 40px; } .pr-xl { padding-right: 80px; } .pl-sm { padding-left: 10px; } .pl-md { padding-left: 30px; } .pl-lg { padding-left: 40px; } .pl-xl { padding-left: 80px; } .no-margin { margin: 0 !important; } .mt-none { margin-top: 0 !important; } .mb-none { margin-bottom: 0 !important; } .mb-sm { margin-bottom: 10px; } .mb-md { margin-bottom: 30px; } .mb-lg { margin-bottom: 40px; } .mb-xl { margin-bottom: 80px; } .mt-sm { margin-top: 10px; } .mt-md { margin-top: 30px; } .mt-lg { margin-top: 40px; } .mt-xl { margin-top: 80px; } .mt-auto { margin-top: auto; } .mb-auto { margin-bottom: auto; } .mr-none { margin-right: 0; } .mr-sm { margin-right: 10px; } .mr-md { margin-right: 30px; } .mr-lg { margin-right: 40px; } .ml-none { margin-left: 0; } .ml-sm { margin-left: 10px; } .ml-md { margin-left: 30px; } .ml-lg { margin-left: 40px; } .full-width { width: 100%; } .full-height { height: 100%; } .width-50 { width: 50%; } .fit-content { width: fit-content; min-width: fit-content; } .left-align, .text-align--left { text-align: left; } .right-align, .text-align--right { text-align: right; } .capitalize { text-transform: capitalize; } .center, .center-align, .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } div.center, div.center-align { margin: 0 auto; } div.gift-card-wrapper { margin-left: 20px; margin-right: auto; margin-top: 30px; position: relative; max-width: 450px; display: block; } div.video-wrapper { margin-left: 20%; margin-right: 20%; } @media only screen and (min-device-width: 320px) and(max-device-width: 480px) { div.video-wrapper { margin-left: 7%; margin-right: 7%; } } div.wrapper { margin-left: 20px; margin-right: 20px; } div.giftcard__actions { margin-top: 15px; } div.giftcard__actions { margin-top: 15px; } a.action-link { font-size: 2rem; } @media only screen and (min-device-width: 320px) and(max-device-width: 480px) { div.gift-card-wrapper img { max-width: 150px; } .klaviyo-form-SjjHvB { max-width: 500px; } } .uppercase, .blog-nav ul { text-transform: uppercase; } .lowercase { text-transform: lowercase; } /* Slick Slider from slick.scss */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-arrow { padding: 0; position: absolute; z-index: 1; top: 50%; margin-top: -7px; cursor: pointer; font-size: 0; min-width: 0; background-color: transparent; } .slick-arrow img { width: 26px; height: 14px; } .slick-arrow-prev, .slick-prev { left: 10px; } @media only screen and (min-width: 768px) { .slick-arrow-prev, .slick-prev { left: 25px; } } .slick-arrow-prev img, .slick-prev img { transform: rotate(-90deg); } .slick-arrow-next, .slick-next { right: 10px; } @media only screen and (min-width: 768px) { .slick-arrow-next, .slick-next { right: 25px; } } .slick-arrow-next img, .slick-next img { transform: rotate(90deg); } ul.slick-dots { padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 20px; right: 45px; width: fit-content; } ul.slick-dots li { list-style-type: none; margin: 0 10px; padding: 0; } ul.slick-dots li.slick-active button { position: relative; background-color: #0c2038; } ul.slick-dots li.slick-active button:before { content: ''; position: absolute; z-index: 2; width: 26px; height: 26px; background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/icon-star.svg?v=86687977345906558181690300797'); background-size: 100%; background-position: center; } ul.slick-dots button { border-radius: 100%; border: 1px solid #0c2038; background-color: transparent; width: 20px; height: 20px; font-size: 0; padding: 0; min-width: 0; } ul.slick-dots button:focus, ul.slick-dots button:active { outline: 0; } @media only screen and (max-width: 959px) { ul.slick-dots { right: auto; width: 100%; padding: 0 25px; left: auto; } } .slick-prev, .slick-next { position: absolute; display: block; min-width: auto; cursor: pointer; background: transparent; font-size: 0; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 15px 10px; border: none; outline: none; z-index: 1; } .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.8; } .slick-prev:before, .slick-next:before { content: ''; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; height: 30px; width: 18px; opacity: 0.95; } .slick-prev { left: -5px; } [dir="rtl"] .slick-prev { left: auto; right: -15px; } .slick-prev:before { background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/slick-prev.svg?v=119449603039781797531690300797'); } [dir="rtl"] .slick-prev:before { content: '→'; } .slick-next { right: -5px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/slick-next.svg?v=125940514744278814961690300797'); right: 0; left: unset; } [dir="rtl"] .slick-next:before { content: '←'; } .slick-arrow-prev { transform: rotateY(180deg); transform-origin: center; } .slick-arrow { width: 30px; height: 30px; } @media only screen and (max-width: 767px) { .slick-arrow { width: 20px; height: 20px; } } .slick-arrow .background { opacity: 0; fill: #ffc90c; transform-origin: center; transform: rotate(45deg) scale(0.9); transition: all 0.3s; } .slick-arrow .arrow-line, .slick-arrow .arrow-head { fill: none; stroke: var(--color-text); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 2px; } .slick-arrow .arrow-line { transform: scaleX(0); transform-origin: right; transition: all 0.2s; } .slick-arrow .arrow-head { transform: scale(1.7); stroke-width: 1.3; transform-origin: center; transition: all 0.2s; } .slick-arrow:hover .background, .slick-arrow:active .background, .slick-arrow:focus .background { opacity: 1; transform: rotate(0) scale(1); } .slick-arrow:hover .arrow-line, .slick-arrow:active .arrow-line, .slick-arrow:focus .arrow-line { transform: scaleX(1); } .slick-arrow:hover .arrow-head, .slick-arrow:active .arrow-head, .slick-arrow:focus .arrow-head { transform: scale(1); stroke-width: 2; } .navigation { height: 110px; width: 100%; } .navigation--cart-link { width: 22px; } @media only screen and (max-width: 959px) { .navigation--cart-link { width: 22px; } } .navigation--sticky { position: sticky; width: 100%; top: 0; z-index: 15; background-color: transparent; transition: background-color 0.2s ease-in-out; } .navigation--sticky.is-stuck { background-color: var(--color-background); } .navigation--background { background-color: #ffc90c; } .navigation--left, .navigation--center, .navigation--right { width: 33%; } @media only screen and (max-width: 959px) { .navigation--left, .navigation--center, .navigation--right { width: 20%; } } @media only screen and (max-width: 959px) { .navigation--center { width: 100%; } } .navigation-logo { max-height: 65px; width: auto; padding: 10px 0; } .navigation-link { color: var(--color-text); margin: 0 20px; font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: 0.1em; } .navigation-link:active, .navigation-link:focus { color: var(--color-text); } .cart-icon { position: relative; } .cart-icon img { min-width: 20px; } .cart__images { max-width: 300px; } .navigation--cart-count { height: 20px; width: 20px; background: #ffc90c; color: #0c2038; border: 2px solid #0c2038; font-weight: bold; border-radius: 100%; font-size: 12px; line-height: 1; cursor: pointer; position: absolute; top: -10px; right: -10px; padding-left: 2px; } @media only screen and (min-width: 768px) and(max-width: 959px) { .navigation--cart-count { top: 15px; right: 33px; } } @media only screen and (max-width: 767px) { .navigation--cart-count { top: 15px; right: 7px; } } .navigation--list, .navigation--list li { margin-top: 0; margin-bottom: 0; } .navigation--list li { margin-left: 22.5px; margin-right: 22.5px; } .nav-search, .navigation-mobile .navigation-search, .navigation--list li, .navigation--right a { letter-spacing: 0.08em; } .nav-menu { flex: 1; padding: 0 20px; } .nav-menu li { border: 0 !important; line-height: 1; } .main-nav { padding: 0 20px; } .navigation-offset { padding-top: 110px; } .nav-search form, .navigation-mobile .navigation-search form { margin-bottom: 0; } .nav-search input, .navigation-mobile .navigation-search input { font-size: 1.125rem; background-color: transparent; border: 0; margin-bottom: 0; max-width: 800px; font-family: 'Affogato', sans-serif; } .nav-search input::placeholder, .navigation-mobile .navigation-search input::placeholder { color: #0c2038; } .nav-search input:focus, .navigation-mobile .navigation-search input:focus, .nav-search input:active, .navigation-mobile .navigation-search input:active { border: 0; } .nav-search button, .navigation-mobile .navigation-search button { background-color: transparent; border: 0; min-width: 18px; padding: 0 10px 0 0; } .navigation-mobile { width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; height: auto; } .navigation-mobile .navigation-search { padding-left: 10px; padding-right: 10px; } @media only screen and (max-width: 959px) { .navigation-mobile .navigation-search { width: 100%; } } .navigation-mobile .navigation-search input { padding-left: 0; padding-right: 0; } .hamburger, .icon-close { height: 16px; width: 24px; position: relative; } .hamburger span, .icon-close span { position: absolute; height: 2px; width: 25px; background-color: var(--color-text); transition: all 0.2s ease-in-out; } .hamburger span:first-of-type, .icon-close span:first-of-type { top: 0; } .hamburger span:nth-of-type(2), .icon-close span:nth-of-type(2) { top: 50%; } .hamburger span:last-of-type, .icon-close span:last-of-type { top: 100%; } .hamburger.active span:first-of-type, .icon-close.active span:first-of-type, .icon-close span:first-of-type, .icon-close.hamburger span:first-of-type { top: 50%; transform: rotate(45deg); } .hamburger.active span:nth-of-type(2), .icon-close.active span:nth-of-type(2), .icon-close span:nth-of-type(2), .icon-close.hamburger span:nth-of-type(2) { display: none; } .hamburger.active span:last-of-type, .icon-close.active span:last-of-type, .icon-close span:last-of-type, .icon-close.hamburger span:last-of-type { top: 50%; transform: rotate(-45deg); } .icon { max-width: 20px; } .mega-menu { position: absolute; top: 100%; left: 0; display: none; background-color: transparent; transition: transform 0.3s ease, transform: translateY(-50%); opacity: 0; } .mega-menu.active, .icon-close.mega-menu { position: absolute; display: flex; transform: translateY(0); opacity: 1; } ul.navigation--list li { position: relative; } @media only screen and (max-width: 959px) { .mega-menu { height: 100%; width: 100vw; position: fixed; top: auto; bottom: 0; left: 0; display: none; background-color: #ffc90c; z-index: 15; } .mega-menu.active {} .mega-menu.mega-submenu { background-color: #fff; } } .mega-menu--container { min-height: 70vh; height: auto; transition: transform 0.4s ease-in-out; position: relative; } @media only screen and (max-width: 959px) { .mega-menu--container { border: 1px solid #000; width: 94%; padding-bottom: 12px; background-color: #ffc90c; min-height: 60vh; height: auto; /*display: none;*/ } .mega-menu--container li { display: block; } } .mega-menu--list-wrapper { padding: 25px; } .mega-menu--bottom { position: absolute; bottom: 0; padding: 20px 25px; } .mega-menu-link { letter-spacing: 1.36px; font-weight: bold; cursor: pointer; } .mega-menu-link.sidebar-link { /*padding: 10px;*/ align-items: center; justify-content: center; } @media only screen and (max-width: 959px) { .mega-menu-link.pb-sm { ; padding: 15px 0; } } .mega-menu-link.sidebar-link:after { /*content: "";*/ /*position: absolute;*/ left: 0; height: 45px; width: 250px; transform: translateY(-12px); } .mega-menu-link * { transition: all ease-in-out 0.2s; } .mega-menu-link .menu-arrow { content: ""; width: 12px; height: 10px; display: inline-block; transform: rotate(-90deg); } .mega-menu-link:hover { color: #d71472; } .mega-menu-link:hover .menu-arrow { transform: rotate(-90deg) translateY(15px); } .mega-menu-link:hover .menu-arrow path { stroke: #d71472; } .mega-menu-link:hover a.mega-menu-link { color: #d71472; } .mega-menu-link:hover .third-level { transform: translateX(0); } /* .mega-menu-link .third-level { display: flex; position: absolute; right: 0; top: 0; z-index: 0; left: 340px; height: 100%; background-color: white; width: calc(100vw - 341px); transform: translateX(-100vw); z-index: -1; } .mega-menu-link .third-level .third-level-links { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 36px; height: calc(100% - 60px); padding: 50px; } */ .rotate180 { transform: rotate(180deg); transition: transform 600ms linear; } .nav-menu-arrow { display: inline-block; vertical-align: middle; } .menu-products { overflow-y: auto; } .menu-product { margin-bottom: 25px; } .menu-collection-title { color: #d71472; letter-spacing: 1.36px; margin-bottom: 25px; } .menu-collection-title:hover { color: #d71472; opacity: 0.7; } .menu-collection-title:hover svg { transition: all 0.2s ease; transform: translateX(15px); } .mega-menu-list { padding: 30px 0 30px 30px; width: 340px; min-height: 30vh; background-color: #ffc90c; } .mega-menu-bottom { background-color: #ffc90c; width: 340px; padding: 30px 0 30px 40px; } .bottom-menu-link { font-weight: 500; } .bottom-menu-link:first-of-type { margin-bottom: 20px; } .grandchildren-list { /*max-width: 220px; */ /**/ /*min-width: 25%; */ /**/ padding-right: 36px; border-right: 1px solid #ffc90c; } .grandchildren-list:last-of-type { border: 0; padding-right: 0; } .shop-all-link { position: relative; background-color: #d71472; color: white; font-family: 'Affogato', sans-serif; font-size: 1.25em; font-weight: 700; letter-spacing: 0.08em; line-height: 60px; text-align: center; text-transform: uppercase; /*padding: $spacing-xsmall*1.5 0; */ /**/ } .shop-all-link .shop-all-arrow { display: flex; height: 30px; width: 30px; position: absolute; right: 15px; top: calc(50% - 15px); align-items: center; justify-content: center; } .shop-all-link .shop-all-arrow svg { height: 100%; width: 100%; } @media only screen and (max-width: 959px) { .shop-all-link .shop-all-arrow { right: 25px; } } .shop-all-link a { color: white; line-height: 60px; display: block; } @media only screen and (max-width: 959px) { .shop-all-link { border: 1px solid #000; position: absolute; width: 100%; bottom: 0; font-size: 1em; } } .mobile-submenu--header { background-color: #ffc90c; padding: 20px 25px; } .mobile-submenu--header .submenu-arrow { transform: rotate(90deg); } .mobile-submenu--container { background: #fff; max-height: 80vh; height: 338px; } @media only screen and (max-width: 799px) { .mobile-submenu--container { background: #fff; max-height: 80vh; height: 300px; } } @media only screen and (min-width: 960px) and(max-width: 1440px) { .mobile-submenu--container { background: #fff; max-height: 80vh; height: 300px; } } .mobile-submenu--container .mega-menu-link { color: #d71472; } .mobile-submenu--container .mega-menu-link path { stroke: #d71472; } .mobile-submenu--container .mega-menu-link:not(:first-of-type) { border-top: 1px solid #ffc90c; } .mobile-submenu--container .mega-menu-link:hover svg.menu-arrow, .mobile-submenu--container .mega-menu-link svg.menu-arrow { transform: rotate(-180deg); } .mobile-submenu--container .mega-menu-link[aria-expanded="true"] svg.menu-arrow { transform: rotate(0deg) !important; } .mobile-submenu--container .menu-collection-title { color: #0c2038; } .announcement--bar { height: 30px; } .announcement--bar p { font-size: 13px; text-align: center; margin: 0; } @media only screen and (max-width: 767px) { .announcement--bar p { font-size: 10px; } } .announcement--bar a { color: white; text-decoration: underline; } .annoucement--section { position: relative; z-index: 6; } .overlay { position: fixed; top: 0; left: 0; height: 0; width: 0; background: var(--color-image-overlay); opacity: 0; z-index: 5; transition: opacity 0.2s ease-in-out; } .overlay.active, .icon-close.overlay { height: 100vh; width: 100vw; opacity: 0.1; } .ajaxcart-container { position: fixed; right: 0; bottom: 0; height: 100%; width: 40vw; z-index: 16; background: #fdfded; transform: translateX(40vw); transition: transform 0.2s ease-in-out; max-width: 650px; } .ajaxcart-container.active, .icon-close.ajaxcart-container { transform: translateX(0); } @media only screen and (max-width: 959px) { .ajaxcart-container { width: 100vw; transform: translateX(100vw); max-width: 100vw; top: auto; bottom: 0; height: 100%; } } .ajaxcart { height: 100%; border-right: 1px solid #0c2038; border-bottom: 1px solid #0c2038; } .ajaxcart input[type=number]::-webkit-inner-spin-button, .ajaxcart input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } @media only screen and (max-width: 959px) { .ajaxcart { height: 100%; } } .ajaxcart--header { height: 70px; min-height: 70px; position: relative; background-color: #fdfded; border-bottom: 1px solid #0c2038; border-top: 1px solid #0c2038; } .cart-heading { font-family: 'Cassannet', sans-serif; text-transform: lowercase; font-size: calc(2.1875rem +((1vw - 3.9px) * 0.512295082)); font-weight: normal; } .ajaxcart--cart-count { width: 70px; border-right: 1px solid #0c2038; height: 100%; font-family: 'Affogato', sans-serif; } .ajaxcart-close { width: 70px; border-left: 1px solid #0c2038; height: 100%; } .ajaxcart-close img { width: 13px; height: 13px; } input.ajaxcart--item-qty { background-color: #fdfded; padding: 0; } .ajaxcart--items-container { height: 100%; overflow: scroll; scrollbar-width: none; } .ajaxcart--items-container::-webkit-scrollbar { width: 0; display: none; } .ajaxcart--items-container::-webkit-scrollbar-track { border-left: 0; } .ajaxcart--items-container::-webkit-scrollbar-thumb { border: 0; } .ajaxcart--item-title { line-height: 1.3; } .ajaxcart--item-variant { line-height: 1.3; font-size: calc(0.625rem +((1vw - 3.9px) * 0.2049180328)); } .ajaxcart--item-name { padding: 10px 15px; } .ajaxcart--item-remove { position: absolute; top: -10px; left: -10px; } .ajaxcart--items { padding: 25px 35px; height: 100%; overflow: auto; } @media only screen and (max-width: 959px) { .ajaxcart--items { padding: 15px; } } .ajaxcart--item { display: grid; grid-template-columns: 75px 1fr 75px 75px; position: relative; } .ajaxcart--item:not(:last-of-type) { margin-bottom: 30px; } @media only screen and (max-width: 959px) { .ajaxcart--item { grid-template-columns: 75px 1fr 60px 60px; } .ajaxcart--item:not(:last-of-type) { margin-bottom: 15px; } } .ajaxcart--item-image { width: 75px; height: 100%; display: flex; align-items: center; } .ajaxcart--item-image img { width: 100%; height: 75px; object-fit: cover; } @media only screen and (max-width: 767px) { .ajaxcart--item-image { height: 100%; min-height: 75px; } } .ajaxcart--item-list { grid-row: 2; grid-column: span 4; border-right: 1px solid #0c2038; border-left: 1px solid #0c2038; border-bottom: 1px solid #0c2038; padding: 10px 15px; } .ajaxcart--item-list li { font-size: 14px; line-height: 16px; } @media only screen and (max-width: 959px) { .ajaxcart--item-list li { font-size: 12px; line-height: 14px; } } .ajaxcart--footer-shipping { font-size: 15px; letter-spacing: 1.2px; } .ajaxcart--empty-cart-buttons .btn:first-child, .ajaxcart--empty-cart-buttons #wsg-spof-link a:first-child, #wsg-spof-link .ajaxcart--empty-cart-buttons a:first-child { margin-right: 10px; } @media only screen and (max-width: 767px) { .ajaxcart--empty-cart-buttons { flex-direction: column; } .ajaxcart--empty-cart-buttons .btn, .ajaxcart--empty-cart-buttons #wsg-spof-link a, #wsg-spof-link .ajaxcart--empty-cart-buttons a { width: 100%; margin-bottom: 10px; } .ajaxcart--empty-cart-buttons .btn:first-child, .ajaxcart--empty-cart-buttons #wsg-spof-link a:first-child, #wsg-spof-link .ajaxcart--empty-cart-buttons a:first-child { margin-right: 0; } .ajaxcart--empty-cart-buttons .btn + .btn, .ajaxcart--empty-cart-buttons #wsg-spof-link a + .btn, .ajaxcart--empty-cart-buttons #wsg-spof-link #wsg-spof-link a + a, #wsg-spof-link .ajaxcart--empty-cart-buttons #wsg-spof-link a + a, #wsg-spof-link .ajaxcart--empty-cart-buttons a + .btn, .ajaxcart--empty-cart-buttons #wsg-spof-link .btn + a, #wsg-spof-link .ajaxcart--empty-cart-buttons .btn + a { border-left: 1px solid #000; } } .checkout-btn { padding: 10px 30px; text-align: center; cursor: pointer; font-size: 20px; font-family: 'Cassannet', sans-serif; text-transform: lowercase; font-weight: normal; letter-spacing: 1.6px; } .checkout-btn:hover { color: #fff; background-color: #ec328c; } .ajax--cart-note { padding: 15px; height: 100%; width: 60%; } .ajax--cart-note span { font-size: 16px; color: var(--color-text); } .ajax--cart-note-save { border-right: 0; border-left: 0; border-bottom: 0; } .ajax--cart-note-save span { font-size: 20px; } .ajax--cart-note-close { position: absolute; right: 20px; } .ajax--cart-note-close svg { width: 13px; } .ajax--cart-note-container { background-color: #f5adcd; display: none; position: absolute; width: 100%; bottom: 0; border-right: 1px solid #0c2038; border-bottom: 1px solid #0c2038; } .ajax--cart-note-container.active, .icon-close.ajax--cart-note-container { display: block; } .ajax--cart-note-header input[type=radio]:checked + label, .ajax--cart-note-header input[type=radio]:not(:checked) + label { padding-left: 1.5em; color: #0c2038; } .ajax--cart-note-header input[type=radio]:checked + label:before, .ajax--cart-note-header input[type=radio]:not(:checked) + label:before { top: 5px; } .ajax--cart-note-header input[type=radio]:checked + label:after, .ajax--cart-note-header input[type=radio]:not(:checked) + label:after { top: 8px; left: 3px; background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/icon-checkmark-white.svg?v=131890187026420901331690300797'); } .ajax--cart-note-header input[type=radio]:not(:checked) + label { font-weight: 500; } .ajax--cart-note-header input[type=radio]:not(:checked) + label:before { background-color: transparent; } .ajax--cart-note-header input[type=radio]:checked + label { font-weight: 700; } .ajax--cart-note-header input[type=radio]:checked + label:before { background-color: #d71472; } .ajax--cart-note-header input[type=radio]:checked + label:after { background-color: #d71472; border: 0; } @media only screen and (max-width: 959px) { .ajax--cart-note-header input[type=radio]:checked + label:before, .ajax--cart-note-header input[type=radio]:not(:checked) + label:before { top: 3px; } .ajax--cart-note-header input[type=radio]:checked + label:after, .ajax--cart-note-header input[type=radio]:not(:checked) + label:after { top: 6px; } } .ajax--cart-note-textarea textarea { background-color: transparent; resize: none; border: 0; text-align: center; font-size: 18px; } .ajax--cart-note-textarea textarea::placeholder { text-transform: lowercase; } .ajax--cart-total { width: 40%; padding: 15px; } .cart--page { width: 60%; margin: 0 auto; } .cart--page .ajaxcart { height: auto; overflow: visible; } @media only screen and (max-width: 767px) { .cart--page { width: 100%; } } .upsell--container { margin-bottom: 25px; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom { margin: 0 35px; width: calc(100% - 70px); border-radius: 0; padding: 0 0 45px; position: relative; background-color: transparent; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom .offer-collection { background-color: #ddb7d5; border: 1px solid #0c2038; margin: 0; display: flex; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom .offer-collection form { border-color: black; border-style: solid; border-width: 0 1px 1px 1px; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom .product-wrapper { margin: 0; width: 100%; display: flex; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom .product-image-wrapper { display: flex; width: 75px; height: 100%; border-right: 1px solid #0c2038; padding: 0; box-sizing: content-box; grid-column: 1; grid-row: 1; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom .product-image-wrapper img { width: 75px; min-height: 75px; height: 100%; object-fit: cover; padding: 0; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom .product-title-wrapper { margin: 0; display: grid; height: 100%; grid-template-columns: 1fr 75px; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom .product-price-wrapper { padding: 25px 10px; font-weight: 500; display: flex; height: 100%; justify-content: center; align-items: center; border-left: 1px solid #0c2038; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom .product-title { padding: 25px 15px; height: 100%; display: flex; align-items: center; font-size: 16px; margin-bottom: 0; text-align: left; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom .details { padding: 0; display: block; width: 100%; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom form.variants { position: absolute; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; bottom: 0; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom form.variants button.bttn { background: #b17ab5; color: #0c2038; font-family: 'Cassannet', sans-serif; text-transform: lowercase; width: 100%; height: 45px; border-radius: 0; margin-bottom: 0; border-top: 1px solid #0c2038; font-size: 22px; font-weight: 500; letter-spacing: 0.08em; } @media only screen and (max-width: 959px) { .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom { width: calc(100% - 30px); margin: 0 15px; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom .product-title-wrapper { grid-template-columns: 1fr 60px; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom .product-title { padding: 15px; } .upsell--container.upsell--container.upsell--container.upsell--container .nudge-offer.custom .product-price-wrapper { padding: 15px 2px; } } .hero-image { position: relative; display: block; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } @media only screen and (max-width: 767px) { .hero-image.stack { display: flex; flex-direction: column-reverse; } .hero-image.stack .hero-image__content { position: unset; transform: none; margin: 2em auto 3em; } } @media only screen and (min-width: 1025px) { .hero-image--full-size { height: 80vh; } } @media only screen and (max-width: 767px) { .hero-image--full-size .hero-image__content { position: absolute; top: 145px; } .hero-image--full-size p { margin: 10px 0; } } @media only screen and (min-width: 960px) { .hero-image--medium { height: 634px; } } @media only screen and (min-width: 768px) and(max-width: 959px) { .hero-image--medium { height: 400px; } } @media only screen and (max-width: 767px) { .hero-image--medium { display: flex; flex-direction: column-reverse; } .hero-image--medium .hero-image__content { margin-top: 40px; } .hero-image--medium .hero-image__image { min-height: 375px; } } .hero-image__content { z-index: 2; position: absolute; width: 40vw; } .hero-image__content.full-width { width: 100%; } .hero-image__content.position--left { left: 60px; align-items: flex-start; text-align: left; } .hero-image__content.position--center { left: 20%; align-items: center; text-align: center; } .hero-image__content.position--right { right: 60px; align-items: flex-end; text-align: right; } .hero-image__content p { margin: 0; } @media only screen and (min-width: 768px) { .hero-image__content { position: absolute; top: 50%; transform: translateY(-50%); text-align: left; } } @media only screen and (max-width: 959px) { .hero-image__content, .hero-image__content.position--left, .hero-image__content.position--center, .hero-image__content.position--right { text-align: center; width: calc(100vw - 20px); margin-top: 13vh; align-items: center; left: unset; right: unset; } } .hero-image__image { width: 100%; height: 100%; max-width: 100%; margin: 0 auto; display: block; object-fit: cover; font-family: "object-fit: cover"; overflow: hidden; } @media only screen and (max-width: 767px) { .hero-image__image { min-height: 470px; } } @media only screen and (max-width: 1024px) { .slick-slide .hero-image__image { height: 56vh; } } @media only screen and (max-width: 767px) { .slick-slide .hero-image__image { height: 70vh; } } .dynamic-hero-image { position: relative; width: 100%; } .dynamic-hero-image img { object-fit: cover; } .dynamic-hero-image__text:not(.large) { font-size: calc(1.125rem +((1vw - 3.9px) * 0.4098360656)); line-height: 1.4; } .hero-parent { position: relative; z-index: 1; } .hero-parent.tea-tiger:after { bottom: 0; left: -25px; } @media only screen and (max-width: 1024px) { .hero-parent.tea-tiger:after { bottom: -80px; width: 100px; height: 100px; } } @media only screen and (max-width: 767px) { .hero-parent.tea-tiger:after { display: none; } } .hero-parent.quote:after { top: 0; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 1024px) { .hero-parent.quote:after { top: -10px; } } @media only screen and (max-width: 767px) { .hero-parent.quote:after { top: -30px; } } .hero-parent.peace-tiger:after { bottom: 0; right: 0; } @media only screen and (max-width: 1024px) { .hero-parent.peace-tiger:after { width: 100px; height: 100px; } } @media only screen and (max-width: 767px) { .hero-parent.peace-tiger:after { bottom: -20px; } } .hero-parent:after { content: ''; position: absolute; display: block; background-size: contain; background-position: center; background-repeat: no-repeat; z-index: -1; height: 150px; width: 150px; } .dynamic-hero-image__content { width: 100; padding: 30px 40px; } .dynamic-hero-image__content.restrict-width { margin: 0 auto; max-width: 700px; } .dynamic-hero-image__content .h2 p { margin: 0; } @media only screen and (max-width: 767px) { .dynamic-hero-image__content { padding: 30px 25px; } } .dynamic-hero-image .dynamic-hero-image__image { width: 100%; height: clamp(400px, 75vh, 700px); max-width: 100%; margin: 0 auto; flex-shrink: 0; object-fit: cover; font-family: "object-fit: cover"; overflow: hidden; } @media only screen and (max-width: 1024px) { .dynamic-hero-image .dynamic-hero-image__image { height: clamp(470px, 50vh, 600px); } } .hero--image-caption { max-width: 200px; position: absolute; } .hero--image-caption.caption-left { left: calc(70vw - 200px); bottom: -60px; } .hero--image-caption.caption-left .hero--image-caption-swoop { position: absolute; top: -40px; right: -25px; } .hero--image-caption.caption-right { left: calc(30vw - 230px); bottom: 30px; text-align: right; } .hero--image-caption.caption-right .hero--image-caption-swoop { position: absolute; bottom: -30px; right: -60px; transform: rotate(45deg); } .image-text { min-height: 80vh; } .image-text__content { width: 25vw; } .image-text__content a { color: #ef4a3a; } .image-text__content.content--right { margin: auto auto auto 0; } .image-text__content.content--left { margin: auto 0 auto auto; } .image-text__content.content--center { margin: auto; } .image-text__content.no-image { width: 50vw; } .image-text__image { width: 40vw; height: 100%; margin: auto; position: relative; z-index: 1; } .image-text__image.content--left { margin: auto auto auto 0; } .image-text__image.content--right { margin: auto 0 auto auto; } .image-text__image.content--center { margin: auto; } .image-text__image img { margin: -30px auto 0; height: calc(100% + 60px); width: auto; object-fit: contain; } .pxFormGenerator { padding-top: 30px; } .product-section { max-width: 100vw; } .product--images { max-width: 50vw; position: relative; } .product--thumbnail-container { position: absolute; bottom: 30px; } .product--thumbnail-container .slick-track { display: flex; align-items: center; width: auto !important; } .product--thumbnail-container .slick-current img { border: 2px solid #e6e6e6; } .product--thumbnail-container ul { width: 100%; } .product--thumbnail { display: block; margin: 0 10px; width: auto !important; cursor: pointer; } .product--thumbnail img { width: 60px; height: 50px; object-fit: cover; border: 2px solid #fff; background-color: #fff; } .product--panel { padding-right: 30px; } .qty-box { display: grid; grid-template-columns: 2fr 1fr 2fr; } .qty-box input { border: 0; margin: 0; } .qty-box button { color: inherit; font-size: 18px; } .nutrition-facts__popup .modal--close-btn { top: -30px; right: -30px; } img.nutrition-facts__image { max-height: 70vh; max-width: 80vw; min-width: 50vw; } .nutrition-facts__link { letter-spacing: 0.08em; } /* Search Page */ .search-wrapper { border-bottom: 1px solid #0c2038; background-color: #70cdd5; } .search-wrapper.no-border { border: 0; } .search-wrapper form { margin-bottom: 0; } .search-wrapper input { background-color: transparent; border: 0; margin-bottom: 0; max-width: 800px; font-family: 'Affogato', sans-serif; font-size: 1.375rem; width: 50vw; } .search-wrapper input::placeholder { color: #0c2038; } .search-wrapper input:active, .search-wrapper input:focus { border: 0; } .search-wrapper button { background-color: transparent; border: 0; min-width: 18px; padding: 0 10px 0 0; } .search-results-grid { padding: 22.5px; background-color: #fdfded; display: grid; grid-gap: 45px; grid-template-columns: repeat(5, 1fr); } .search-title { background-color: #fdfded; font-family: 'Cassannet', sans-serif; text-align: center; padding: 20px 0 14px; flex: 1; } @media only screen and (max-width: 767px) { .search-title { border-top: #0c2038 0 solid !important; border-right: #0c2038 0 solid !important; border-bottom: #0c2038 1px solid !important; border-left: #0c2038 0 solid !important; } } .search-filters { background-color: #fdfded; border-bottom: 1px solid #0c2038; align-items: stretch; position: sticky; top: 108px; z-index: 1; } .search-result-container { width: 100%; height: 100%; margin: 0 auto; } .search-result-image { width: 100%; margin-bottom: 15px; display: block; overflow: hidden; } .search-result-image img { display: block; width: 100%; height: calc(20vw - 45px); object-fit: cover; transition: 0.2s ease; } .search-result-link { display: block; } .search-result-link:hover .search-result-image img { transform: scale(1.1); } .search-result-link:hover .search-result-title { color: #d71472; } .search-result-title { font-weight: bold; margin-bottom: 0; } .search-result-price { margin-top: 10px; } .search-bar { height: 100px; } .search-icon-btn img { width: 18px; height: 18px; } /* Filters */ .filter-wrapper { min-width: 250px; position: relative; } .filter-wrapper img { width: 16px; height: 12px; pointer-events: none; } @media only screen and (min-width: 768px) and(max-width: 959px) { .filter-wrapper { min-width: 180px; } } @media only screen and (max-width: 767px) { .filter-wrapper { min-width: 0; padding: 15px 25px; min-width: 40%; position: unset; } } .filter-title { font-size: 1.125rem; font-weight: bold; letter-spacing: 1.44px; font-family: 'Affogato', sans-serif; margin-bottom: 15px; } .filter-dropdown { position: absolute; left: 0; right: -1px; bottom: 0; transform: translate(0px, 100.3%); display: none; background-color: #fdfded; z-index: 2; } @media only screen and (max-width: 767px) { .filter-dropdown { width: 100vw; top: unset; bottom: 0; position: fixed; transform: none; border-top: 1px solid #0c2038; } } .filter-dropdown input[type=checkbox] + label { display: flex; padding-bottom: 10px; font-weight: 500; } .filter-dropdown input[type=checkbox] + label.active:before, .filter-dropdown input[type=checkbox] + label.icon-close:before { background-color: #0c2038; background-repeat: no-repeat; background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/icon-checkmark.svg?v=178171324553393275351690300797'); background-position: 50% 50%; } .filter-dropdown input[type=checkbox] + label:before { content: ""; display: inline-block; width: 15px; height: 15px; -moz-border-radius: 7.5px; -webkit-border-radius: 7.5px; border-radius: 50%; border: 1px solid #0c2038; margin-right: 5px; } .filters { padding: 20px 20px 5px 25px; } .sort-wrapper { min-width: 250px; position: relative; } @media only screen and (min-width: 768px) and(max-width: 959px) { .sort-wrapper { min-width: 180px; } } @media only screen and (max-width: 767px) { .sort-wrapper { min-width: 60%; border-left: 1px solid #0c2038; padding: 15px 25px; } } .sort-wrapper img { width: 22px; height: 12px; transform: rotate(180deg); pointer-events: none; transition: 0.2s ease; } .sort, .filter { height: 100%; padding: 15px 25px 15px 40px; } @media only screen and (max-width: 767px) { .sort, .filter { padding: 0; } } .filter-close { padding: 20px 20px 20px 25px; } .sort.active img, .icon-close.sort img { transform: rotate(0); } .sort-dropdown { position: absolute; left: 0; right: -1px; bottom: 0; transform: translate(-1px, 100.5%); display: none; z-index: 2; } .sort-dropdown a { padding: 20px 40px 20px 25px; background-color: #fdfded; display: flex; } @media only screen and (max-width: 767px) { .sort-dropdown { width: 100vw; top: unset; bottom: 0; position: fixed; transform: none; } } .wholesale-wrapper { min-width: 0; } .wholesale-wrapper img { width: 16px; } .wholesale-wrapper .sort { padding: 18px 0; } .wholesale-wrapper .sort-dropdown { min-width: 210px; border: 1px solid #0c2038; left: auto; right: 0; } .wholesale-wrapper .sort-dropdown a { padding: 10px 20px; background-color: #ffc90c; } /* Collection Page */ .collection-wrapper { background-color: #fdfded; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-column-gap: 50px; grid-row-gap: 60px; padding: 45px 40px; } @media only screen and (max-width: 767px) { .collection-wrapper { padding: 30px 25px; } } @media only screen and (max-width: 500px) { .collection-wrapper { grid-template-columns: repeat(auto-fill, minmax(auto, 300px)); } } .product-card-title { font-weight: bold; font-size: 1.25rem; text-transform: capitalize; } .bundle-btn { font-family: 'Cassannet', sans-serif; text-transform: lowercase; transition: all ease-in-out 0.2s; } .bundle-btn.added { background-color: #e981ab; color: white; } .collection-atc.added { background-color: #e981ab; color: white; } .bundle-variants { position: relative; } .variant-atc { position: absolute; top: 0; display: none; background-color: #fdfded; z-index: 1; } .variant-atc form:nth-of-type(1n + 2) button { border-top: 0; } .variant-atc button { text-align: left; } .variant-atc button span { position: relative; } .variant-atc button span:before { content: ''; width: 14px; height: 14px; top: 50%; transform: translateY(-50%); left: -20px; border: 1px solid #0c2038; position: absolute; border-radius: 50%; } .variant-atc button:not(:disabled):hover { background-color: #ffc90c; } .variant-atc button:not(:disabled):hover span:before { background-color: #0c2038; background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/icon-checkmark.svg?v=178171324553393275351690300797'); background-repeat: no-repeat; background-position: 50% 50%; } .variant-atc button:disabled { border-color: #0c2038; } .sold-out-price { color: #b17ab5; text-transform: uppercase; margin-left: 10px; } .product-card-image-wrapper { position: relative; } .sold-out-banner { background-color: #b17ab5; position: absolute; top: 10px; left: 0; padding: 5px 10px; } /* Pagination */ ul.pagination { list-style: none; background-color: #fdfded; padding: 15px 0; } ul.pagination li { width: 27px; height: 27px; } ul.pagination li.active, ul.pagination li.icon-close { content: ""; background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/icon-starburst.svg?v=17853627593729771391690300797'); background-repeat: no-repeat; } /* Footer */ .footer { background-color: #f5adcd; } .footer-wrapper { display: grid; grid-template-columns: 3fr 1fr 3fr; padding: 0 45px; grid-gap: 45px; } @media only screen and (max-width: 959px) { .footer-wrapper { grid-template-columns: 1fr; grid-template-rows: auto; padding: 0; } } .footer--main-links { height: 100%; align-items: center; padding: 25px 0; font-family: 'Cassannet', sans-serif; text-transform: lowercase; letter-spacing: 0.08em; display: grid; grid-template-columns: repeat(3, auto); } .footer--main-links a { font-weight: 400; font-size: calc(1.125rem +((1vw - 3.9px) * 0.1024590164)); } @media only screen and (min-width: 768px) and(max-width: 959px) { .footer--main-links { padding: 25px; grid-gap: 25px; } .footer--main-links li { text-align: center; } } @media only screen and (max-width: 767px) { .footer--main-links { grid-template-columns: repeat(2, 1fr); grid-row: 2; grid-gap: 20px; padding: 25px; } } @media only screen and (min-width: 960px) { .footer--main-links { grid-gap: 60px; } } /* .footer--main-links{ display: grid; grid-template-rows: 1fr 1fr 1fr 1fr; grid-auto-flow: column; grid-column-gap: $spacing-small*2; @include media-query($large-down){ padding: $spacing-small 0; } } */ .footer-wrapper .footer-image { text-align: center; } .footer-wrapper .footer-image img { width: auto; height: 187px; margin: 30px 0; } @media only screen and (min-width: 960px) { .footer-wrapper .footer-image { width: 380px; margin: 0 auto; } } @media only screen and (max-width: 959px) { .footer-wrapper .footer-image { grid-row: 3; padding: 0 25px; border-left: 0; border-right: 0; border-top: 1px solid #0c2038; } } .footer-menu { justify-content: center; height: 100%; } @media only screen and (max-width: 959px) { .footer-menu { grid-row: 1; width: 100%; padding: 0 25px; } } @media only screen and (max-width: 959px) { .social-icons { padding: 30px 25px; border-bottom: 1px solid #0c2038; width: 100%; } } .social-text { font-family: 'Cassannet', sans-serif; font-weight: normal; margin-bottom: 15px; text-align: center; letter-spacing: 0.08em; font-size: calc(1.25rem +((1vw - 3.9px) * 0.3073770492)); } .social-divider { height: 10px; width: 80px; margin-bottom: 20px; } .social-icon { margin: 0 12.5px; height: 25px; width: auto; } /*================ Newsletter form ================*/ @media only screen and (max-width: 959px) { .newsletter--form-container { flex-direction: column; } } .svg.go2395196920 { display: none; } .klaviyo-form-5jjHvB { margin-top: 20px; } .newsletter-form { background-color: #85cb97; padding: 40px 0; } .newsletter-form form { margin-bottom: 0; } .newsletter-title { font-family: 'Cassannet', sans-serif; text-transform: lowercase; font-size: calc(2.125rem +((1vw - 3.9px) * 0.6147540984)); line-height: 1.3; margin-bottom: 5px; } .newsletter-description { font-size: 18px; line-height: 1.3; margin: 0 0 30px; } .newsletter-input-group input[type="email"] { background-color: transparent; font-family: 'Affogato', sans-serif; color: #0c2038; margin-bottom: 0; font-weight: 600; font-size: calc(1rem +((1vw - 3.9px) * 0.4098360656)); letter-spacing: 0.08em; border-top: #0c2038 0 solid !important; border-right: #0c2038 0 solid !important; border-bottom: #0c2038 1px solid !important; border-left: #0c2038 0 solid !important; } .newsletter-input-group input[type="email"]::placeholder { color: #0c2038; } @media only screen and (max-width: 959px) { .newsletter-input-group { flex-direction: column; width: 100%; } } @media only screen and (max-width: 767px) { .newsletter-input-group .flex { flex-direction: column; } } @media only screen and (min-width: 960px) { .newsletter-content { width: 50%; } .newsletter-description { font-size: 20px; margin-bottom: 0; } .newsletter-input-group { width: clamp(420px, 40vw, 510px); } } body { border: 1px solid #0c2038; background-color: #fdfded; } .navigation--sticky { background-color: #ffc90c; } @media only screen and (max-width: 1024px) { div[class^="page"] button { width: 100%; margin-top: -1px; } } /*================ Instagram feed ================*/ #insta-feed { display: flex; align-items: center; justify-content: flex-start; width: 100% !important; } @media only screen and (max-width: 1024px) { #insta-feed { overflow-x: scroll; scroll-snap-type: x mandatory; scrollbar-width: none; } #insta-feed::-webkit-scrollbar { width: 0; display: none; } #insta-feed::-webkit-scrollbar-track { border-left: 0; } #insta-feed::-webkit-scrollbar-thumb { border: 0; } } #insta-feed a { width: calc(20% - 50px) !important; min-width: calc(20% - 50px) !important; margin: 0 25px; z-index: 1 !important; } @media only screen and (max-width: 1024px) { #insta-feed a { width: calc(40% - 50px) !important; min-width: calc(40% - 50px) !important; scroll-snap-align: center; } } @media only screen and (max-width: 500px) { #insta-feed a { width: calc(80% - 50px) !important; min-width: calc(80% - 50px) !important; } } #insta-feed .instafeed-container { width: calc(100%) !important; padding-top: calc(100%) !important; margin: 0; } #insta-feed .instafeed-container img, #insta-feed .instafeed-container .instafeed-overlay { width: 100% !important; height: 100% !important; } /*================ Section divider ================*/ .section-divider { display: flex; align-items: center; justify-content: center; height: 50px; } .section-divider:before, .section-divider:after { content: ""; background-color: #0c2038; display: block; height: 1px; flex-grow: 1; } .section-divider-icon { width: auto; max-height: 45px; max-width: 100%; height: auto; margin: 0 -8px; position: relative; z-index: 1; } .section-divider__top { position: absolute; top: -25px; width: 100%; } /*================ Featured blog ================*/ .featured-articles-view-all { font-size: 1.125em; font-weight: 700; text-transform: uppercase; display: inline-block; margin-bottom: 10px; position: relative; } .featured-articles-view-all:after { content: ""; background: white; display: block; width: 94%; height: 2px; position: absolute; bottom: -5px; left: 3%; } .featured-article-list { display: grid; width: 100%; align-items: flex-start; grid-template-columns: repeat(var(--post-count), 1fr); } @media only screen and (max-width: 767px) { .featured-article-list { overflow-x: scroll; scroll-snap-type: x mandatory; grid-template-columns: repeat(var(--post-count), 70%); } } @media only screen and (max-width: 767px) { .featured-article-item { scroll-snap-align: start; } } /*================ Featured collection ================*/ .featured-collection { background-color: #fdfded; } .featured-collection-list { display: grid; width: 100%; align-items: flex-start; grid-template-columns: repeat(var(--item-count), 1fr); } @media only screen and (max-width: 767px) { .featured-collection-list { overflow-x: scroll; scroll-snap-type: x mandatory; grid-template-columns: repeat(var(--item-count), 70%); } } @media only screen and (max-width: 767px) { .featured-collection-list .product-grid-item { scroll-snap-align: start; } } @media only screen and (max-width: 959px) { .product-grid-item.slick-slide { margin: 0 25px; } } /*================ Scroll snap helper ================*/ /*================ Image with text ================*/ .image-text.bg-pink, .blog-nav.image-text { background-color: #e3529f; } @media only screen and (max-width: 767px) { .image-text .image-text-inner { flex-direction: column; } } @media only screen and (min-width: 768px) { .image-text:not(.image-text--reverse) .image-text-media { order: 2; } } @media only screen and (min-width: 768px) { .image-text .image-text-media, .image-text .image-text-content { width: 50%; } } .image-text img { display: block; width: auto; max-width: 100%; } .image-text .image-text-content { padding: 40px 25px; } @media only screen and (min-width: 768px) { .image-text .image-text-content { padding-left: 40px; padding-right: 40px; } } @media only screen and (min-width: 768px) { .image-text .image-text-content .image-text-content-inner { max-width: 420px; margin: 0 auto; } } .image-text .image-text-subtitle { font-size: 1em; font-weight: 700; text-transform: uppercase; margin-top: 0; margin-bottom: 10px; } .image-text .image-text-title { font-family: 'Cassannet', sans-serif; text-transform: lowercase; font-size: 25px; line-height: 1.4; margin-top: 0; margin-bottom: 10px; } @media only screen and (min-width: 768px) { .image-text .image-text-title { font-size: 34px; } } .image-text .image-text-description { font-family: 'Affogato', sans-serif; font-size: 17px; line-height: 1.6; margin-top: 0; margin-bottom: 20px; } @media only screen and (min-width: 768px) { .image-text .image-text-description { font-size: 21px; line-height: 1.4; } } .image-text .image-text-button { padding-left: 40px; padding-right: 40px; } @media only screen and (min-width: 768px) { .image-text.bg-yellow .image-text-button { padding-left: 60px; padding-right: 60px; } } /*================ Collection grid ================*/ .compare-at { text-decoration: line-through; } .featured--collection-grid .slick-arrow-next { right: 0; } .featured--collection-grid .slick-arrow-prev { left: 0; transform: rotateX(0deg); } @media only screen and (max-width: 767px) { .featured--collection-grid .slick-arrow { top: calc(37vw + 20px); } } @media only screen and (min-width: 768px) and(max-width: 959px) { .featured--collection-grid { margin-left: 25px; margin-right: 25px; } .featured--collection-grid .slick-arrow-next { right: -15px; } .featured--collection-grid .slick-arrow-prev { left: -15px; } } .featured--blog-grid .slick-arrow-next { right: 0; } .featured--blog-grid .slick-arrow-prev { left: 0; transform: rotateX(0deg); } @media only screen and (min-width: 768px) and(max-width: 959px) { .featured--blog-grid { margin-left: 25px; margin-right: 25px; } .featured--blog-grid .slick-arrow-next { right: -15px; } .featured--blog-grid .slick-arrow-prev { left: -15px; } } @media only screen and (max-width: 767px) { .featured--blog-grid .slick-arrow { top: calc(50vw + 20px); } } .collection--empty-results { grid-column: 0.2; } .collection-grid { display: grid; width: 100%; align-items: flex-start; min-height: 30vh; grid-template-columns: repeat(auto-fill, 300px); gap: 60px; justify-content: center; padding: 45px 30px; } @media only screen and (min-width: 960px) { .collection-grid { grid-template-columns: repeat(4, 1fr); } } @media only screen and (max-width: 959px) { .collection-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } .collection-grid.slick-slider { padding-left: 0; padding-right: 0; margin: 0; } } @media only screen and (max-width: 767px) { .collection-grid { grid-template-columns: 1fr; padding: 30px; } } .product-grid-item form { margin-bottom: 0; } .product-grid-item.on-sale .product-grid-price .price, .product-grid-item.on-sale .product-grid-price .from { color: #d71472; } .product-grid-item.show-button .product-grid-price { margin-top: auto; } .product-grid-item .product-grid-header { position: relative; } .product-grid-item .product-grid-banner.sold-out { background-color: #b17ab5; width: 100px; height: 30px; position: absolute; top: 5px; left: 1px; } .product-grid-item .product-grid-banner.on-sale { background-color: transparent; width: 70px; height: 30px; position: absolute; top: 5px; left: 1px; } .product-grid-item .product-grid-meta { color: #f79f2e; letter-spacing: 0.08em; text-transform: uppercase; } .product-grid-item .product-grid-meta li { margin-bottom: 0; } .product-grid-item .product-grid-meta li:not(:first-child):not(:last-child) { background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/icon-star-bullet.svg?v=64912369182716429091690300797'); background-repeat: no-repeat; background-position: left center; background-size: 6px 6px; margin-left: 6px; padding-left: 14px; } .product-grid-item .product-grid-meta li:last-child { margin-left: 4px; } .product-grid-item .product-grid-price { margin-bottom: 15px; } .product-grid-item .product-grid-buy { position: relative; } .product-grid-item .product-grid-dropdown-menu { background-color: #fdfded; display: none; width: 100%; position: absolute; top: 0; z-index: 1; } .product-grid-item .product-grid-dropdown-menu.active, .product-grid-item .icon-close.product-grid-dropdown-menu { display: block; } .product-grid-item .product-grid-variant-item { width: 100%; } .product-grid-item .product-grid-variant-item input + label { color: #0c2038; font-size: 15px; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; width: 100%; min-height: 60px; line-height: 1.3; padding: 10px 10px 10px 2.5em; } .product-grid-item .product-grid-variant-item input + label:hover { background-color: #ffc90c; } .product-grid-item .product-grid-variant-item input + label:before, .product-grid-item .product-grid-variant-item input + label:after { width: 18px; height: 18px; top: 50%; left: 10px; transform: translateY(-50%); } .product-grid-item .product-grid-variant-item input[disabled] + label { opacity: 0.7; } .product-grid-item .product-grid-variant-item input[disabled] + label:hover { background-color: #bababa; } .product-grid-item .product-grid-btn { font-size: 1.3em; width: 100%; } .product-grid-item .product-grid-btn:hover { background-color: #d71472; } .product-grid-item .product-grid-btn.adding { background-color: #e981ab; } .product-grid-item .product-grid-header:hover + .product-grid-title a, .product-grid-item .product-grid-title a:hover { color: #d71472; } /*================ Strip banner ================*/ .strip-banner { line-height: 1.5; text-align: center; } .strip-banner p { display: inline-block; margin: 0; padding: 20px 0; } .strip-banner .strip-banner-link { background: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/icon-next.png?v=102329244734297912941690300797') right center/30px 30px no-repeat; display: inline-block; padding: 20px 40px 20px 0; } /*================ Page split ================*/ @media only screen and (min-width: 1025px) { .page-split { display: grid; grid-template-columns: 50% 50%; } } .page-split .page-split-content, .page-split .page-split-image { height: 100%; } .page-split .page-split-content { padding: 60px 40px; } @media only screen and (max-width: 959px) { .page-split .page-split-content { padding: 30px; } } .page-split .page-split-content .page-split-inner { max-width: 630px; } @media only screen and (min-width: 960px) { .page-split .page-split-content .page-split-inner { margin-left: auto; } } .page-split .page-split-image { background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 350px; } /*================ Product page ================*/ @media only screen and (min-width: 768px) { .product-header { display: flex; } } .product-gallery { width: 100%; position: relative; } @media only screen and (min-width: 1450px) { .product-gallery { width: 40% !important; } } @media only screen and (min-width: 768px) { .product-gallery { width: 50%; flex-shrink: 0; position: sticky; position: -webkit-sticky; top: 0; height: auto; align-self: flex-start; border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }; .product-gallery img, .product-video-wrapper video { height: auto; max-height: 750px; min-height: 500px; } } @media only screen and (max-width: 767px) { .product-gallery { border-bottom: 1px solid var(--color-border); } .product-gallery img, .product-video-wrapper video { height: auto; min-height: 300px; } } .product-gallery img { object-fit: cover; } .product-video-wrapper video { object-fit: cover; height: auto; width: inherit; } .product-gallery .slick-track { max-height: 700px; overflow: hidden; } @media only screen and (min-width: 1450px) { .product-info { display: flex; align-items: center; width: 45%; } } @media only screen and (min-width: 2000px) { .product-info { display: flex; align-items: center; width: 60%; } } .product-gallery, .product-info { width: 100%; } @media only screen and (min-width: 768px) { .product-gallery, .product-info, .product-video-wrapper { width: 50%; } } .production-info-inner { max-width: 500px; padding: 40px 0 40px 60px; } @media only screen and (max-width: 959px) { .production-info-inner { padding: 30px; } } @media only screen and (min-width: 768px) { .production-info-inner.has-specs { padding-bottom: 80px; } } .product-badges { text-align: right; margin-bottom: 10px; } .product-badges:empty { margin: 0; } .product-badges .most-popular { width: 165px; height: auto; } .product-title { font-family: 'Affogato', sans-serif; font-weight: normal; text-transform: capitalize; margin-bottom: 10px; letter-spacing: 0; line-height: 1.2; } .product-title .product-sale-text { color: #d71472; } .product-description { font-size: 1.125em; line-height: 1.4; margin-top: 30px; } .product-image { width: 100%; height: 100%; object-fit: cover; } .product-meta { margin-bottom: 15px; padding-bottom: 15px; } .product-price { font-family: 'Affogato', sans-serif; font-size: 1.5em; display: inline-block; vertical-align: middle; } .product-container.on-sale .product-price .price { color: #d71472; } .product-swatch-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .product-swatch input[type="radio"]:not(:checked) + label, .product-swatch input[type="radio"]:checked + label { color: #0c2038; font-family: 'Affogato', sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 0.08em; text-align: center; text-transform: uppercase; display: block; margin: 0; padding: 10px 5px; } .product-swatch input[type="radio"]:not(:checked) + label:before, .product-swatch input[type="radio"]:checked + label:before, .product-swatch input[type="radio"]:not(:checked) + label:after, .product-swatch input[type="radio"]:checked + label:after { display: none; } .product-swatch input[type="radio"]:checked + label { background-color: #ffc90c; } .product-buy { width: 100%; } .product-buy form { display: flex; flex-wrap: wrap; justify-content: space-between; } .product-buy .form-label { width: 100%; margin-bottom: 0.5em; } .product-buy .form-select { width: 100%; margin-bottom: 20px; } .product-buy .product-buy-btn { flex-grow: 1; margin-left: 20px; } .product-buy .product-buy-btn button { white-space: nowrap; display: block; width: 100%; height: 100%; padding-left: 0; padding-right: 0; } .product-announcement-bar { background-color: #70cdd5; font-family: 'Affogato', sans-serif; font-size: 1.125em; font-weight: 700; line-height: 1.4; text-align: center; padding: 20px; color: var(--color-text); } .product-announcement-bar.green { background-color: #d5df28; } .product-announcement-bar .slick-next { position: relative; display: inline; transform: none; top: -13px; right: unset; } .product-announcement-bar .slick-next:before { display: none; } .product-announcement-bar:hover .slick-next .background, .product-announcement-bar:active .slick-next .background, .product-announcement-bar:focus .slick-next .background { opacity: 1; transform: rotate(0) scale(1); } .product-announcement-bar:hover .slick-next .arrow-line, .product-announcement-bar:active .slick-next .arrow-line, .product-announcement-bar:focus .slick-next .arrow-line { transform: scaleX(1); } .product-announcement-bar:hover .slick-next .arrow-head, .product-announcement-bar:active .slick-next .arrow-head, .product-announcement-bar:focus .slick-next .arrow-head { transform: scale(1); stroke-width: 2; } .product-specs { background-color: #d5df28; } .product-specs-title { font-size: 18px; letter-spacing: 0.08em; text-align: center; text-transform: uppercase; display: inline-block; width: 240px; height: 80px; margin: -80px 0 0; position: absolute; left: 50%; transform: translateX(-50%); overflow: hidden; } .product-specs-title div { position: absolute; top: 60%; left: 0; right: 0; } .product-specs-title:after { content: ""; display: block; background: #d5df28; border-radius: 100%; width: 240px; height: 240px; } .product-specs-grid { display: flex; justify-content: center; } .product-specs-grid { display: flex; justify-content: center; padding: 30px 0; } .product-specs-item { padding: 40px; max-width: 675px; } .product-specs-item p:first-child { margin-top: 5px; } .product-specs-item p:last-child { margin-bottom: 0; } .product-specs-item .product-specs-item__title { font-weight: bold; font-size: 1.1rem; margin: 0; overflow-wrap: break-word; text-align: center; } .product-specs-item.bubble { border-width: 2px; background-color: #fff; border-radius: 50%; font-family: 'Cassannet', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0.08em; line-height: 1; text-align: center; text-transform: lowercase; width: 145px; height: 145px; position: relative; margin: 30px; } .product-specs-item.bubble div { width: 100%; padding: 0 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.4rem; font-weight: normal; } .product-specs-spices { max-height: 297.5px; margin: 0; padding: 40px 25px; overflow: hidden; position: relative; transition: all 0.4s ease-in-out; } .product-specs-spices:after { content: ""; background: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(213, 223, 40, 0.5) 60%, rgba(213, 223, 40, 1) 100%); display: block; height: 85px; position: absolute; bottom: 0; left: 0; right: 0; } .product-specs-spices.show { max-height: 1000px; } .product-specs-spices.show .product-specs-grid__collapse-button:before { transform: rotate(180deg); } .product-specs-grid__collapse-button { color: var(--color-text); font-size: 1rem; background: none; padding: 0; margin: 0; border: none; min-width: unset; position: absolute; z-index: 1; bottom: 40px; left: 50%; transform-origin: left; transform: translateX(-50%); transition: all 0.2s ease; } .product-specs-grid__collapse-button:before { position: absolute; content: ''; width: 50px; height: 50px; background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/icon-arrow-starburst.svg?v=114937287061134243451690300797'); background-size: contain; background-repeat: no-repeat; top: -4em; transform: rotate(0deg); transition: all 0.4s ease; } .product-specs-grid__collapse-button:hover, .product-specs-grid__collapse-button:active, .product-specs-grid__collapse-button:focus { background: none; color: var(--color-text); transform: scale(1.1) translateX(-50%); } .product-extra-content, .collection--description { font-size: 22px; line-height: 1.4; max-width: 725px; margin: 0 auto; text-align: center; } .collection--description.collection--description-small { font-size: 16px; } @media only screen and (max-width: 767px) { .collection--description { font-size: 16px; padding-top: 25px; padding-bottom: 0; } } .product-section-recipes { display: flex; flex-direction: column-reverse; position: relative; } .image-hover__trigger:hover img, .image-hover__trigger:active img, .image-hover__trigger:focus img { transform: scale(1.1); } .image-hover__container { display: block; width: 100%; height: 0; overflow: hidden; padding-bottom: 100%; position: relative; } .image-hover__container img { display: block; position: absolute; width: 100%; height: 100%; object-fit: cover; font-family: "object-fit: cover"; transform: scale(1); transition: all 0.3s ease-in-out; } .product-recipe-grid { display: flex; justify-content: center; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .product-recipe-grid::-webkit-scrollbar { display: none; } .product-recipe-grid .article-item { width: 25%; } .product-recipe-grid .article-item:not(:first-of-type) { margin-left: 2%; } .product-recipe-grid .article-item:not(:last-of-type) { margin-right: 2%; } .product-recipe-grid .article-item:hover *, .product-recipe-grid .article-item:active *, .product-recipe-grid .article-item:focus * { color: #ef4a3a; } @media only screen and (max-width: 767px) { .product-recipe-grid { overflow-x: scroll; justify-content: space-between; width: calc(100% + 50px); margin-left: -25px; padding: 0 25px; } .product-recipe-grid .article-item { width: 70vw; max-width: 100%; flex-shrink: 0; margin: 0 auto; } } .product-section-reviews { position: relative; } .product-press-grid .product-press-item { width: 250px; padding: 25px; } .product-press-grid .product-press-logo { display: block; width: 155px; height: 100px; margin: 0 auto 25px; object-fit: contain; mix-blend-mode: darken; } .product-press-grid .product-press-title { font-size: 1rem; font-weight: 400; line-height: 1.4; text-align: center; margin: 0; letter-spacing: 0; } @media only screen and (max-width: 767px) { .product-press-grid .product-press-title { max-width: 70%; margin: 0 auto; } } .product-recommendations { background-color: #ffc90c; padding: 40px 0; } .product-recommendations .product-recommendations-grid { padding: 0 60px; } .product-recommendations .product-recommendations-grid .product-grid-item { margin: 0 30px; } .product-recommendations .section-title { text-align: center; } .recommendation--prev { width: 30px; height: 30px; position: absolute; display: block; min-width: auto; cursor: pointer; background: 0 0; font-size: 0; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 15px 10px; border: none; outline: 0; z-index: 1; left: 15px; } .recommendation--prev svg { transform: rotate(90deg); } .recommendation--next { width: 30px; height: 30px; position: absolute; display: block; min-width: auto; cursor: pointer; background: 0 0; font-size: 0; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 15px 10px; border: none; outline: 0; z-index: 1; right: 45px; } .recommendation--next svg { transform: rotate(-90deg); } /*================ Product page videos================*/ .video-column-container { display: flex; flex-wrap: wrap; justify-content: center; padding-top: 20px; } .video-column { flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); padding: 0.5em; box-sizing: border-box; } .video-title { text-align: center; font-size: 2rem; } @media(max-width: 768px) { .video-column { flex: 0 0 100%; max-width: 100%; padding-left: 4rem; padding-right: 4rem; } .video-title { font-size: 2rem; margin-top: 20px; } .video-column-container { padding-top: 30px; } } /*================ Article grid ================*/ .article-item-header { margin-bottom: 20px; } .article-item-header a { display: block; } .article-item-header .article-item-image { display: block; } .article-item-title { font-family: 'Affogato', sans-serif; font-size: 1.25em; font-weight: 700; margin-bottom: 0; letter-spacing: 0; } /*================ Form styling ================*/ .form-control, .form-select, .variant--swatch { font-family: 'Affogato', sans-serif; font-size: 1.125em; letter-spacing: 0.08em; text-transform: uppercase; font-weight: normal; } .form-control:not(textarea) { height: 60px; } .form-label { font-size: 1.125em; font-family: 'Affogato', sans-serif; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 0.5em; } .form-quantity-control { width: 120px; height: 60px; padding: 1em; } .form-quantity-control input { background: transparent; border: none; font-family: 'Cassannet', sans-serif; font-size: 1.5em; text-align: center; display: block; width: 60px; height: 100%; margin: 0; padding-left: 0; padding-right: 0; } .form-quantity-control input:focus { border: none; outline: none; } .form-quantity-control button { background-color: transparent; background-repeat: no-repeat; background-position: center; border: none; min-width: 0; width: 40px; height: 100%; padding: 0; position: relative; } .form-quantity-control button[disabled] { background-color: transparent; border: none; } .form-quantity-control button:active, .form-quantity-control button:hover, .form-quantity-control button:focus { background-color: inherit; border: none; outline: none; } .form-quantity-control button:first-child { background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/icon-minus.svg?v=28839978248702997961690300797'); background-size: contain; } .form-quantity-control button:last-child { background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/icon-plus.svg?v=81727851288141985471690300797'); background-size: contain; } /*#preview-bar-iframe { display: none !important; } */ /*================ Page content ================*/ .page-content { font-family: 'Affogato', sans-serif; font-size: 1.125em; line-height: 1.4; } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { margin-top: 30px; margin-bottom: 15px; } .page-content .page-title, .page-content h1 { font-size: 2em; margin-top: 0; margin-bottom: 10px; } .page-content * > img { max-width: 100%; height: auto; } .page-content p:not(:last-of-type) img { margin-top: 20px; margin-bottom: 20px; } /*================ Contact form ================*/ .page-content .contact-form { display: grid; grid-template-columns: 50% 50%; margin: 0 -10px; } .page-content .contact-form .form-group { margin-bottom: 20px; padding: 0 10px; position: relative; } .page-content .contact-form .form-control, .page-content .contact-form .form-select { background-color: transparent; margin: 0; } .page-content .contact-form .form-group:nth-of-type(3), .page-content .contact-form .form-group:nth-of-type(4) { grid-column: span 2; } /*================ Featured content (home) ================*/ .home-slideshow { position: relative; overflow: hidden; max-height: 80vh; } .home-welcome { background-color: #f79f2e; padding: 30px 0; position: relative; } @media only screen and (max-width: 767px) { .home-welcome { padding-bottom: 0; height: 220px; margin-bottom: 100px; } } img.home-welcome-logo { display: block; width: auto; height: auto; width: clamp(150px, 13vw, 200px); margin: 0 auto; position: relative; z-index: 1; } .home-welcome-wave { width: 100%; height: 120px; position: absolute; bottom: -1px; left: 0; right: 0; fill: #fdfded; } @media only screen and (max-width: 959px) { .home-welcome-wave { height: 40px; } } .home-icons { position: relative; padding-bottom: 130px; } .home-collection-icons img { margin: auto; height: clamp(140px, 18vw, 180px); width: auto; object-fit: contain; transform: scale(1); transform-origin: center; transition: all 0.3s ease; } .home-collection-icons p { font-family: 'Affogato', sans-serif; font-size: 1.2em; } .home-collection-icons a:hover img { transform: scale(1.05); } @media only screen and (max-width: 959px) { .home-collection-icon { padding: 0; margin: 0 auto; } } .featured-article-list { display: grid; width: 100%; align-items: flex-start; grid-template-columns: repeat(var(--post-count), 1fr); } @media only screen and (max-width: 767px) { .featured-article-list { overflow-x: scroll; scroll-snap-type: x mandatory; grid-template-columns: repeat(var(--post-count), 70%); } } @media only screen and (max-width: 767px) { .featured-article-item { scroll-snap-align: start; } } .home-featured-content { position: relative; } .home-featured-content-inner { width: clamp(500px, 38vw, 600px); margin: auto; height: 100%; } .home-featured-content-inner img { width: 100%; height: auto; } .home-featured-content-inner:first-of-type { margin-right: 0; } .home-featured-content-inner:last-of-type { margin-left: 0; } .home-featured-content-inner p:not(.large) { font-size: calc(1.125rem +((1vw - 3.9px) * 0.4098360656)); line-height: 1.4; } @media only screen and (min-width: 960px) and(max-width: 1024px) { .home-featured-content-inner { width: clamp(250px, 40vw, 450px); } } @media only screen and (max-width: 959px) { .home-featured-content-inner { width: 90vw; } } @media only screen and (max-width: 959px) { .home-featured-content--wrapper { width: calc(100vw - 50px); margin: auto; } } .home-featured-content--wrapper.grid-layout--reverse .home-featured-content-inner:first-of-type { grid-row: 1; grid-column: 2; margin-right: auto; margin-left: 0; } .home-featured-content--wrapper.grid-layout--reverse .home-featured-content-inner:last-of-type { grid-row: 1; grid-column: 1; margin-right: 0; margin-left: auto; } @media only screen and (max-width: 959px) { .home-featured-content--wrapper.grid-layout--reverse .home-featured-content-inner:first-of-type, .home-featured-content--wrapper.grid-layout--reverse .home-featured-content-inner:last-of-type { grid-row: auto; grid-column: auto; margin-right: auto; margin-left: auto; } } .home-featured--image-caption { position: absolute; left: -20px; bottom: -20px; display: flex; flex-direction: column; max-width: 180px; line-height: 1.1em; } @media only screen and (max-width: 767px) { .home-featured--image-caption { max-width: 300px; padding: 0 25px; bottom: -30px; } } .hp-testimonial--content { padding: 150px 0; } @media only screen and (max-width: 959px) { .hp-testimonial--content { padding: 150px 0 60px; } } .hp-testimonial--container { background-color: #3866b3; } .hp-testimonial--container .slick-arrow-prev img, .hp-testimonial--container .slick-arrow-next img { width: 40px; height: auto; } .hp-testimonial--container .slick-arrow-prev { left: 40px; } .hp-testimonial--container .slick-arrow-prev img { transform: rotate(180deg); } .hp-testimonial--container .slick-arrow-next { right: 40px; } .hp-testimonial--container .slick-arrow-next img { transform: rotate(0deg); } @media only screen and (max-width: 959px) { .hp-testimonial--container .slick-arrow { top: 80px; } .hp-testimonial--container .slick-arrow-prev { left: 25px; } .hp-testimonial--container .slick-arrow-next { right: 25px; } } .hp-testimonial { padding: 0 25vw; } .hp-testimonial p { font-size: calc(1.375rem +((1vw - 3.9px) * 0.3073770492)); line-height: 150%; } @media only screen and (max-width: 959px) { .hp-testimonial { padding: 0 25px; } } .hp-testimonial--quote { position: absolute; top: 45px; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 959px) { .hp-testimonial--quote { top: 60px; } } ul.hp-testimonial--nav-icons { background: #5695cf; padding: 40px; } @media only screen and (min-width: 960px) { ul.hp-testimonial--nav-icons .slick-track { transform: translate3d(0, 0, 0) !important; } } ul.hp-testimonial--nav-icons li { cursor: pointer; } ul.hp-testimonial--nav-icons .slick-slide { opacity: 0.6; } ul.hp-testimonial--nav-icons .slick-current.slick-active { opacity: 1; } img.hp-testimonial--nav-icon, img.hp-testimonial--content-icon { height: 50px; width: auto; margin: auto; } img.hp-testimonial--content-icon { margin-bottom: 1em; } @media only screen and (max-width: 767px) { .section-wholesale-page .wholeseale-page__section:first-of-type { padding-top: 60px; } } .wholesale-page__header img { height: 400px; object-fit: cover; } .wholesale-page__section--orange-border { border-right: 1px solid #f79f2e; } @media only screen and (max-width: 959px) { .wholesale-page__section--orange-border { border-right: unset; border-bottom: 1px solid #f79f2e; } } .wholeseale-page__section { padding: 40px 0; } @media only screen and (min-width: 960px) { .wholeseale-page__section { padding-top: 100px; padding-bottom: 130px; height: 100%; } .wholeseale-page__section:first-of-type { padding-right: 40px; } .wholeseale-page__section:last-of-type { padding-left: 40px; } } @media only screen and (max-width: 959px) { .wholeseale-page__section { margin-left: -40px; width: calc(100% + 80px); padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width: 767px) { .wholeseale-page__section { margin-left: -25px; width: calc(100% + 50px); padding-left: 25px; padding-right: 25px; } } .wholeseale-page__section .pxFormGenerator { padding-top: 0; } .wholesale-page__icons-text .icon { max-width: 90px; max-height: 150px; object-fit: contain; margin-right: 40px; } @media only screen and (max-width: 767px) { .wholesale-page__icons-text .icon { margin: 0 auto 30px; } } @media only screen and (min-width: 960px) { .wholesale-page__icons-text .title { font-size: 30px; } } @media only screen and (max-width: 767px) { .wholesale-page__icons-text li { flex-wrap: wrap; } } .wholesale-page__icons-text .icon-text__item { margin: 0; } .wholesale-page__icons-text .icon-text__item p { margin-top: 0; } @media only screen and (max-width: 767px) { .wholesale-page__button { width: 100%; } } .wholeseale-page__section-buttons .btn:first-of-type, .wholeseale-page__section-buttons #wsg-spof-link a:first-of-type, #wsg-spof-link .wholeseale-page__section-buttons a:first-of-type { margin-right: 1em; } @media only screen and (max-width: 767px) { .wholeseale-page__section-buttons .btn:first-of-type, .wholeseale-page__section-buttons #wsg-spof-link a:first-of-type, #wsg-spof-link .wholeseale-page__section-buttons a:first-of-type { margin-right: 0; margin-bottom: 1em; } } @media only screen and (max-width: 767px) { .wholeseale-page__section-buttons .btn, .wholeseale-page__section-buttons #wsg-spof-link a, #wsg-spof-link .wholeseale-page__section-buttons a { width: 100%; } } .wholesale-page__banner-items { overflow: hidden; width: 100%; margin: 0 auto !important; } .wholesale-page__banner-items a { padding: 0 30px; color: var(--color-text); font-weight: inherit; } @media only screen and (min-width: 960px) and(max-width: 1024px) { .wholesale-page__banner-items a { padding: 0 5px; } } @media only screen and (max-width: 959px) { .wholesale-page__banner-items a { padding: 10px 0; } } .wholesale-page__banner-items img { width: 6vw; height: 6vw; min-width: 40px; min-height: 40px; max-width: 90px; max-height: 90px; object-fit: contain; margin-right: 30px; } @media only screen and (max-width: 767px) { .wholesale-page__banner-items img { width: 60px; height: 60px; margin-right: 1em; } } .wholesale-page__banner-items .title { margin-bottom: 0; } @media only screen and (min-width: 960px) { .wholesale-page__banner-items .title { font-size: 40px; } } .wholesale-page__banner-items p { margin: 0; text-transform: uppercase; letter-spacing: 0.08em; } @media only screen and (max-width: 767px) { .wholesale-page__banner-items p { font-size: 0.9em !important; } } @media only screen and (max-width: 959px) { .wholesale-page__banner-items { flex-wrap: wrap; justify-content: flex-start; width: min-content; margin: 0 auto; } } .about-banner { margin-top: -6.5%; position: relative; z-index: 1; } .about-gutters { padding-left: 5%; padding-right: 5%; } .image-text__item .icon { width: 85px; height: 85px; object-fit: contain; margin-right: 15px; display: flex; } .image-text__item .icon-alignment { margin: 12px auto; width: 150px; height: 150px; object-fit: contain; display: flex; } @media only screen and (max-width: 959px) { .image-text__item .image { max-width: 400px; max-height: 35vh; margin-left: auto; display: block; margin-right: auto; object-fit: contain; margin-bottom: 1em; } } .image-text__item-grid { display: grid; grid-template-columns: auto; } @media only screen and (max-width: 767px) { .image-text__item-grid { grid-template-columns: auto 1fr; } } .item-text__content { grid-column: 2; grid-row: 0.6666666667; } .item-text__content p { margin: 0; } @media only screen and (max-width: 767px) { .item-text__content { grid-column: span 2; margin-top: 1em; } } .home-featured-content.has-bg:after { content: ''; position: absolute; height: 200px; width: 200px; background-size: contain; background-repeat: no-repeat; background-position: center; right: 40px; top: -120px; } @media only screen and (max-width: 767px) { .home-featured-content.has-bg:after { height: 120px; width: 120px; right: 0; top: -70px; } } /*================ Shopify product reviews ================*/ [id^="spr_badge_"].spr-badge { color: #ffc90c; display: inline-block; margin-left: 20px; vertical-align: middle; position: relative; top: 1px; } [id^="spr_badge_"].spr-badge .spr-badge-starrating { font-size: 16px; } [id^="spr_badge_"].spr-badge .spr-badge-starrating .spr-icon { margin: 0 2px; } [id^="spr_badge_"].spr-badge .spr-badge-caption { display: none; } #shopify-product-reviews { margin-top: 0 !important; margin-bottom: 0 !important; overflow: visible !important; } #shopify-product-reviews .spr-container { border: none; max-width: 675px; margin: 0 auto; padding: 0; } #shopify-product-reviews .spr-container .spr-header { padding: 20px; } #shopify-product-reviews .spr-container .spr-header:before, #shopify-product-reviews .spr-container .spr-header:after { display: none; } #shopify-product-reviews .spr-container .spr-header .spr-header-title { display: none; } #shopify-product-reviews .spr-container .spr-header .spr-summary { display: flex; flex-wrap: wrap; justify-content: center; } #shopify-product-reviews .spr-container .spr-header .spr-summary-starrating { width: 100%; margin-top: -35px; margin-bottom: 5px; } #shopify-product-reviews .spr-container .spr-header .spr-summary-starrating .spr-icon { background-color: #fdfded; font-size: 28px; text-align: center; width: 1.6em; } #shopify-product-reviews .spr-container .spr-header .spr-summary-starrating .spr-icon:first-child:after, #shopify-product-reviews .spr-container .spr-header .spr-summary-starrating .spr-icon:last-child:after { content: ""; background-color: #fdfded; display: block; width: 4px; position: absolute; top: 0; bottom: 0; } #shopify-product-reviews .spr-container .spr-header .spr-summary-starrating .spr-icon:first-child:after { left: -4px; } #shopify-product-reviews .spr-container .spr-header .spr-summary-starrating .spr-icon:last-child:after { right: -4px; } #shopify-product-reviews .spr-container .spr-header .spr-summary-starrating .spr-icon-star { color: #ffc90c; } #shopify-product-reviews .spr-container .spr-header .spr-summary-caption { text-transform: lowercase; } #shopify-product-reviews .spr-container .spr-header .spr-summary-actions:before { content: "|"; display: inline-block; margin: 0 10px; } #shopify-product-reviews .spr-container .spr-header .spr-summary-actions-newreview { color: #d71472; } #shopify-product-reviews .spr-container .spr-form { margin: 0; padding: 30px; } #shopify-product-reviews .spr-container .spr-form .spr-form-input .spr-icon { color: #0c2038; transition: none; opacity: 1; } #shopify-product-reviews .spr-container .spr-form .spr-form-input .spr-icon:not(.spr-icon-star-empty), #shopify-product-reviews .spr-container .spr-form .spr-form-input .spr-icon.spr-icon-star-hover { color: #f79f2e; } #shopify-product-reviews .spr-container .spr-form .spr-form-input .spr-icon:hover, #shopify-product-reviews .spr-container .spr-form .spr-form-input .spr-icon:focus, #shopify-product-reviews .spr-container .spr-form .spr-form-input .spr-icon:active { color: #f79f2e; } #shopify-product-reviews .spr-container .spr-reviews { margin: 0; } #shopify-product-reviews .spr-container .spr-review:first-child { margin: 0; } #shopify-product-reviews .spr-container .spr-review { padding: 30px; } #shopify-product-reviews .spr-container .spr-review .spr-review-header { text-align: center; } #shopify-product-reviews .spr-container .spr-review .spr-review-header .spr-review-header-starratings { color: #ffc90c; font-size: 14px; text-align: center; display: block; } #shopify-product-reviews .spr-container .spr-review .spr-review-header .spr-review-header-starratings .spr-icon { margin: 0 3.5px; } #shopify-product-reviews .spr-container .spr-review .spr-review-header .spr-review-header-title { margin-bottom: 5px; margin-top: -8px; line-height: 1.3; } #shopify-product-reviews .spr-container .spr-review .spr-review-header .spr-review-header-byline { font-size: 1.1em; font-style: normal; display: block; margin-bottom: 25px; opacity: 0.75; } #shopify-product-reviews .spr-container .spr-review .spr-review-header .spr-review-header-byline strong { font-weight: 400; } #shopify-product-reviews .spr-container .spr-review .spr-review-content { margin-bottom: 25px; } #shopify-product-reviews .spr-container .spr-review .spr-review-content .spr-review-content-body { font-size: 1.1em; line-height: 1.5; } #shopify-product-reviews .spr-container .spr-review .spr-review-reply { background: transparent; margin-bottom: 25px; padding: 0; color: #5656a5; } #shopify-product-reviews .spr-container .spr-review .spr-review-reply .spr-review-reply-body { background-color: #f1dfed; border-radius: 10px; font-size: inherit; line-height: 1.4em; padding: 20px; } @media only screen and (min-width: 768px) { #shopify-product-reviews .spr-container .spr-review .spr-review-reply .spr-review-reply-body { max-width: 95%; margin-right: 0; margin-left: auto; } } #shopify-product-reviews .spr-container .spr-review .spr-review-reply .spr-review-reply-shop { font-family: 'Cassannet', sans-serif; letter-spacing: 0.08em; text-transform: lowercase; font-style: normal; font-weight: bold; } #shopify-product-reviews .spr-container .spr-review .spr-review-footer { text-align: center; display: block; } #shopify-product-reviews .spr-container .spr-review .spr-review-footer .spr-review-reportreview { color: #0c2038; font-size: 16px; font-weight: 400; display: inline; margin: 0; float: none; opacity: 0.6; } @media only screen and (max-width: 767px) { #shopify-product-reviews { padding: 0 25px; } #shopify-product-reviews .spr-container { margin-top: 25px; } #shopify-product-reviews .spr-container .spr-header .spr-summary-caption, #shopify-product-reviews .spr-container .spr-header .spr-summary-actions { width: 100%; } #shopify-product-reviews .spr-container .spr-header .spr-summary-actions:before { display: none; } #shopify-product-reviews .spr-container .spr-review { padding: 25px 15px; } #shopify-product-reviews .spr-review-reply .spr-review-reply-body { margin-left: 0; } } .spr-form-title { font-size: 1.2em; font-weight: bold; } .spr-container .spr-form .spr-form-input .spr-icon.spr-icon-star-hover, .spr-container .spr-form .spr-form-input .spr-icon:not(.spr-icon-star-empty), .spr-icon:hover { color: #ffc90c !important; } /*================ Bundler ================*/ .bundler-container { display: flex; align-items: flex-start; justify-content: center; padding: 40px 25px; } @media only screen and (max-width: 959px) { .bundler-container { display: block; } } .bundler-grid { display: grid; grid-template-columns: repeat(5, 155px); gap: 25px; } @media only screen and (max-width: 1024px) { .bundler-grid { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 959px) { .bundler-grid { margin-top: 20px; max-width: 100vw; grid-template-columns: repeat(3, 1fr); grid-column-gap: 15px; grid-row-gap: 30px; } } img.bundler-item-image { height: 10vw; object-fit: cover; } @media only screen and (max-width: 959px) { img.bundler-item-image { height: 26vw; } } .bundler-item { display: flex; flex-direction: column; } @media only screen and (max-width: 959px) { .bundler-item { max-width: calc(33.33vw -(80px / 3)); } } .bundler-item .bundler-item-quantity { width: 38px; height: 38px; margin-top: auto; justify-content: space-between; } .bundler-item .bundler-item-quantity input[type="number"] { font-size: 18px; } .bundler-item .bundler-item-quantity button:first-of-type, .bundler-item .bundler-item-quantity input[type="number"] { display: none; } .bundler-item.active .bundler-item-image, .icon-close.bundler-item .bundler-item-image { border: 2px solid #ffc90c; } .bundler-item.active .bundler-item-quantity, .icon-close.bundler-item .bundler-item-quantity { background-color: #ffc90c; width: 100%; } .bundler-item.active .bundler-item-quantity button:first-of-type, .icon-close.bundler-item .bundler-item-quantity button:first-of-type, .bundler-item.active .bundler-item-quantity input[type="number"], .icon-close.bundler-item .bundler-item-quantity input[type="number"] { display: block; } .bundler-item.disabled { opacity: 0.7; } .bundler-item.disabled .bundler-item-image { border: 2px solid var(--disabled-grey); } .bundler-item-title { font-family: 'Affogato', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0.08em; line-height: 1.2; text-align: center; margin: 10px 0; } .bundler-item-quantity { margin: 0 auto; transition: 0.2s ease; padding: 0; } .bundler-item button.bundler-qty-btn { height: 100%; width: 100%; background-size: 12px; } .bundler-sidebar { max-width: 370px; margin-left: 100px; } @media only screen and (max-width: 1024px) { .bundler-sidebar { margin-left: 45px; } } @media only screen and (max-width: 959px) { .bundler-sidebar { max-width: 100%; margin-left: 0; } } .bundler--footer { padding: 25px; border-top: 1px solid #000; position: fixed; bottom: 0; width: 100vw; background-color: #fdfded; } .bundler-selected { background-color: #f1dfed; margin: 25px 0; padding: 30px; } .bundler-selected h3 { font-family: 'Cassannet', sans-serif; font-size: calc(1.375rem +((1vw - 3.9px) * 0.6147540984)); text-transform: lowercase; margin: 0; } .bundler-selected ul { margin: 0; } .bundler-selected ul.active, .bundler-selected ul.icon-close { margin-top: 15px; } .bundler-selected ul:empty { display: none; } /*================ Blog ================*/ .blog-hero { display: flex; height: 575px; } .blog-hero-content { background-color: #991e5c; color: #fff; position: relative; } .blog-hero-inner { padding: 40px; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); } @media only screen and (max-width: 767px) { .blog-hero-inner { width: 100vw; } } .blog-hero-tag { letter-spacing: 0.08em; text-transform: uppercase; } .blog-hero-title { margin-bottom: 40px; } .blog-hero-title a { color: #fff; } .blog-hero-media { flex-grow: 1; } .blog-hero-media img { width: 100%; height: 100%; object-fit: cover; } @media only screen and (min-width: 768px) { .blog-hero-content { width: 455px; border-right: 1px solid #0c2038; } } .blog-nav { padding: 0 25px; position: relative; /* Sub-menu */ } .blog-nav ul { margin: 0; } .blog-nav ul li { font-size: 20px; font-weight: 400; letter-spacing: 0.08em; margin: 0 25px; } @media only screen and (max-width: 767px) { .blog-nav ul { overflow-x: auto; max-width: 100vw; justify-content: flex-start; scrollbar-color: transparent; scrollbar-width: 0; } .blog-nav ul::-webkit-scrollbar { width: 0; } .blog-nav ul::-webkit-scrollbar-track { background: transparent; border-left: 0; } .blog-nav ul::-webkit-scrollbar-thumb { background-color: transparent; border: 0; } .blog-nav ul li { min-width: fit-content; } } .blog-nav a { color: #fff; display: block; padding: 25px 0; font-weight: 500; } .blog-nav .submenu-toggle { position: relative; padding-right: 25px; } .blog-nav .submenu-toggle img { width: auto; height: 8px; position: absolute; right: 0; top: 50%; margin-top: -4px; transition: 0.2s ease; } .blog-nav .submenu-toggle.active img, .blog-nav .icon-close.submenu-toggle img { transform: rotate(180deg); } .blog-nav a + div { background-color: #fff; display: none; z-index: 1; flex-wrap: wrap; /* 'View All' link */ } @media only screen and (max-width: 767px) { .blog-nav a + div { padding: 20px 0 0; } } .blog-nav a + div ul { border-right: 1px solid #ffc90c; flex-direction: column; justify-content: start; align-items: start; margin: 40px 0; } .blog-nav a + div ul:last-of-type { border-right: none; } .blog-nav a + div ul li { font-size: 17px; margin: 0; /* Sub-menu title */ } .blog-nav a + div ul li:first-child { font-weight: 700; padding: 0 40px; } .blog-nav a + div ul li a { color: #0c2038; font-weight: normal; text-transform: none; padding: 10px 40px; } @media only screen and (max-width: 767px) { .blog-nav a + div ul { margin: 20px 0; border-right: 0; } } .blog-nav a + div ul + a { background-color: #f79f2e; border-top: 1px solid #0c2038; color: #0c2038; text-align: center; display: block; width: 100%; } .blog-nav .active + div, .blog-nav .icon-close + div { display: flex; justify-content: center; position: absolute; top: 100%; left: 0; right: 0; } @media only screen and (max-width: 767px) { .blog-nav .active + div, .blog-nav .icon-close + div { flex-direction: column; } } @media only screen and (min-width: 768px) and(max-width: 959px) { .featured--blog-grid { display: flex; } } .blog-grid { grid-template-columns: repeat(4, 1fr); gap: 45px; } @media only screen and (max-width: 959px) { .blog-grid { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 500px) { .blog-grid { grid-template-columns: 1fr; } } .blog-grid-item * { transition: all 0.3s ease; } .blog-grid-item:hover .blog-grid-title, .blog-grid-item:active .blog-grid-title, .blog-grid-item:focus .blog-grid-title { color: #ffc90c; } @media only screen and (max-width: 959px) { .blog-grid-item.slick-slide { margin-left: 25px; margin-right: 25px; } } .blog-grid-meta { font-weight: 500; } .blog-pagination { background-color: #d71472; color: #fff; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; padding: 10px 25px; } .blog-pagination a { color: #fff; font-weight: 400; } .blog-pagination-parts > * { margin: 0 5px; } /*================ Article: recipe ================*/ @media print { .announcement--bar, .navigation, .footer, .newsletter-form, #Comments, #FeaturedImage-article, #preview-bar-iframe, .article--recipe-products, .article--next-prev-container, .grecaptcha-badge { display: none; } } .recipe-hero { height: 70vh; } .recipe-hero-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .article-grid { grid-template-columns: 2fr 3fr; grid-gap: 45px; display: grid; } @media only screen and (max-width: 959px) { .article-grid { grid-template-columns: 1fr; grid-gap: 30px; } } .article--author { letter-spacing: 0.08em; } .article--date { color: #0c2038 99; } .article--column-title { text-transform: uppercase; color: #0c2038 !important; font-size: 17px; font-weight: 600; letter-spacing: 1.3px; margin-bottom: 15px; } #FeaturedImage-article { max-height: 60vh; border-bottom: 1px solid #0c2038; } #FeaturedImage-article img { max-height: calc(60vh - 1px); height: 100%; width: 100%; object-fit: cover; } .article--column { line-height: 1.7; } .article--column a { color: #d71472; font-weight: normal; } a.article--product-title { font-size: 20px; font-weight: 300; color: #0c2038; } img.article--product-image { height: 75px; width: 75px; object-fit: cover; } input.btn.article--product-atc { font-size: 20px; width: 100%; } .article__tag { background-color: #f5adcd; height: 40px; padding: 10px 20px; } .article__tag:hover { color: #0c2038; background-color: #f5adcd; } .share__link { height: 20px; } .share__link-icon { width: 20px; height: 20px; object-fit: contain; } .comment-list { margin-bottom: 0; margin-top: 0; } .comment-list li { margin: 0; } .comment-list .yellow-text { color: #f79f2e; } .article--print-button { color: #d71472; font-size: 17px; font-family: 'Affogato', sans-serif; position: absolute; right: 0; top: 5px; } .article--print-button svg { margin-left: 5px; } @media only screen and (max-width: 959px) { .article--next-prev-container { flex-direction: column-reverse; padding: 0; } } .article--next img, .article--prev img { max-width: 20px; } .article--next:hover, .article--prev:hover { color: #fff; } @media only screen and (max-width: 959px) { .article--next, .article--prev { max-width: 100%; width: 100%; } } .article--next img { transform: rotate(-90deg); } @media only screen and (max-width: 959px) { .article--next { margin-left: auto; margin-right: 0; padding: 15px 15px 15px 25%; border-bottom: 1px solid #0c2038; display: flex; justify-content: flex-end; } } .article--prev img { transform: rotate(90deg); } @media only screen and (max-width: 959px) { .article--prev { margin-left: 0; margin-right: auto; padding: 15px 25% 15px 15px; display: flex; justify-content: flex-start; } } /*================ FAQ ================*/ .faq-heading { font-family: 'Cassannet', sans-serif; text-transform: lowercase; font-size: 1.7em; margin-top: 60px !important; margin-bottom: 10px !important; padding-bottom: 15px; } .collapse-header { margin: 0; } .collapse-content:not(.show) { display: none; } .collapse-button { font-size: 0.7em; font-weight: 700; letter-spacing: 0; line-height: 1em; text-transform: none; display: flex; align-items: center; width: 100%; padding: 0 45px 0 0; position: relative; cursor: pointer; } @media only screen and (max-width: 767px) { .collapse-button { font-size: 0.75em; line-height: 1.3em; } } .collapse-button:after { content: ""; background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24.959' height='13.479'%3E%3Cpath d='M22.443 11.221C17.9 9.76 14.04 6.346 11.221 0 8.4 6.346 4.547 9.76 0 11.221' fill='none' stroke='%230c2038' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 15px; height: 15px; margin-left: auto; margin-right: -35px; flex-shrink: 0; transition: transform 0.2s ease-in-out; transform: rotate(180deg); } .collapse-button[aria-expanded="true"]:after { transform: rotate(0); } .collapse-body { line-height: 1.4; padding: 10px 0; } .collapse-body p:first-of-type { margin-top: 0; } .collapse-body p:last-of-type { margin-bottom: 0; } .video-cover { position: relative; cursor: pointer; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-cover:before { content: ''; position: absolute; top: 0; left: 0; background-image: url('//cdn.shopify.com/s/files/1/3105/3020/t/81/assets/icon-play.svg?v=47719857337947617921690300797'); background-size: 90px; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; z-index: 2; opacity: 1; transition: all ease-in-out 0.2s; } .video-cover:hover:before { opacity: 0.8; } .video-cover.fadeOut-before:before { opacity: 0; z-index: -1; } @media only screen and (min-width: 960px) { .video-cover.cover-fit .video__image { height: 100% !important; } } .video-cover iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-cover .video__image { position: absolute; object-fit: cover; z-index: 1; top: 0; } @media only screen and (min-width: 960px) { .video-cover .video__image { height: 100%; top: 50%; transform: translateY(-50%); } } @media only screen and (min-width: 768px) { .video-cover { width: 100%; } } @media only screen and (min-width: 768px) and(max-width: 959px) { .video-cover { min-height: 30vh; } .video-cover + .video__content { max-width: 40%; } } .predictive-search--container { position: fixed; top: 0; left: 0; z-index: 100; width: 100vw; max-height: 100vh; overflow: auto; background-color: #fff; } .predictive-search--header.predictive-search--header { background-color: #70cdd5; border-bottom: 0; } @media only screen and (max-width: 959px) { .predictive-search--header.predictive-search--header { padding: 25px; } } .search-results--column:not(:first-of-type) { margin-left: 40px; padding-left: 40px; border-left: 1px solid #70cdd5; } @media only screen and (max-width: 959px) { .search-results--column:not(:first-of-type) { border-left: 0; margin-left: 0; padding-left: 0; } } @media only screen and (max-width: 959px) { .search-results--column:not(:last-of-type) { border-bottom: 1px solid #70cdd5; margin-bottom: 30px; padding-bottom: 30px; } } .search-result-item { grid-template-columns: 75px 1fr; grid-gap: 15px; } .search-result-item img { height: 75px; width: 75px; object-fit: cover; } @media only screen and (max-width: 959px) { .predictive-search--content { border: 0; padding: 25px; } } @keyframes modal-in { 0% { transform: scale(0) translate(-50%, -50%); opacity: 0; } 100% { transform: scale(1) translate(-50%, -50%); opacity: 1; } } .modal { position: relative; display: none; } .modal.active, .icon-close.modal { display: block; } .modal--content { position: fixed; top: 50%; left: 50%; margin: 0 auto; z-index: 260; transform-origin: center; transform: scale(1) translate(-50%, -50%); animation: modal-in 0.3s ease; } .modal--close-btn { position: absolute; right: 12px; top: 12px; height: 20px; width: 20px; } .modal--close-btn svg { height: 20px; width: 20px; color: var(--color-text); } .modal-box { padding: 13px 10px 10px; } .overlay[data-modal] { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background: var(--color-text); opacity: 0.2; z-index: 255; } .press-page__container { grid-template-columns: repeat(2, auto); grid-gap: 40px; } @media only screen and (max-width: 767px) { .press-page__container { grid-column-gap: 25px; } } .press-page__years { text-align: right; height: 100%; border-right: 1px dashed #f79f2e; padding-right: 40px; position: relative; } @media only screen and (max-width: 767px) { .press-page__years { padding-right: 60px; } .press-page__years .year { transform: rotate(-90deg); transform-origin: bottom; position: absolute; top: -8px; left: 1.3rem; } .press-page__years .press { transform: rotate(-90deg); transform-origin: bottom; position: absolute; left: 0; top: 0; } } .press-page__year { letter-spacing: 0.08em; font-size: calc(2.5rem +((1vw - 3.9px) * 1.0245901639)); } .press-page__item { margin-bottom: 40px; } .press-page__item .source { color: orange; } .press-page__item .article-title { font-weight: normal; } .press-page__item .date { font-size: 0.9rem; } .press-page__item a:hover .article-title { color: #d71472; } @media only screen and (max-width: 959px) { .contact-page__container .item { order: 1; } .contact-page__container .first { order: 0; } } @media only screen and (max-width: 959px) { .contact-form__container { border-right: none !important; border-top: 1px solid var(--color-border); } } address { font-style: normal; } .account-grid { grid-template-columns: 3fr 2fr; grid-gap: 60px; } @media only screen and (max-width: 767px) { .account-grid { display: flex; flex-direction: column-reverse; } } .account--item { display: grid; grid-template-columns: 75px 1fr 75px auto; position: relative; } #rc_login { display: none !important; } #wsg-spof-link a { width: 100%; line-height: 0.9; } .featured-blog .all-link { border-bottom: 2px solid white; padding-bottom: 0.4em; transition: all 0.3s ease; } .featured-blog .all-link:hover, .featured-blog .all-link:active, .featured-blog .all-link:focus { color: #ffc90c; border-color: #ffc90c; } .featured-blog h2 { margin-top: 0.2em; margin-bottom: 0; } .instafeed-title a { font-weight: normal; } .products-specs-item__text { text-align: center; } .product-specs-spices.show { max-height: 1500px; padding-bottom: 100px; } @media only screen and (min-device-width: 320px) and(max-device-width: 480px) { .unlist.no-margin, .product-grid-item .product-grid-meta.no-margin, .bundler-selected ul.no-margin, .blog-nav ul.no-margin { text-align: center; } .unlist.no-margin.unlist3, .product-grid-item .product-grid-meta.no-margin.unlist3, .bundler-selected ul.no-margin.unlist3, .blog-nav ul.no-margin.unlist3 { grid-column-start: 1 !important; grid-column-end: 3 !important; } .product-specs-item { padding: 10px; } .product-specs-item.bubble { width: 90px; height: 90px; margin: 10px 5px; } .product-specs-item.bubble div { font-size: 0.9rem; } .product-specs-item__title { overflow-wrap: break-word; } .products-specs-item__text { text-align: center; } .product-specs-spices { padding: 20px 5px; } a.btn.btn-outline.wholesale-page__button, #wsg-spof-link a.btn-outline.wholesale-page__button { margin-top: 80px; } } .partners-page-container { margin: 70px 45px; } .partners-page-container h1 { text-align: center; } @media screen and (max-width: 1024px) { .partners-page-container { margin: 35px 25px 70px; } .partners-page-container h1 { margin-bottom: 10px; } } @media screen and (max-width: 576px) { .partners-page-container { margin: 25px 15px 70px; } .partners-page-container h1 { margin-bottom: 0; } } .partners-page-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 50px; border-bottom: 2px solid #0c2038; } @media screen and (max-width: 1024px) { .partners-page-grid { grid-template-columns: 1fr 1fr; padding: 20px; } } @media screen and (max-width: 576px) { .partners-page-grid { grid-template-columns: 1fr; padding: 0; } } .partner-card-container { padding: 30px; } .partner-card-container .partner-logo { height: 75px; width: auto; object-fit: contain; mix-blend-mode: multiply; } .partner-card-container .partner-type { font-family: 'Affogato', sans-serif; font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: 1.6px; text-align: left; color: #0c2038; text-transform: uppercase; margin-bottom: 9px; } .partner-card-container .partner-divider { width: 81px; height: 2px; background-color: #0c2038; } .partner-card-container .partner-header { font-family: 'Affogato', sans-serif; font-size: 30px; font-weight: 500; color: #0c2038; text-transform: capitalize; margin-bottom: 10px; } .partner-card-container .partner-content { font-family: 'Affogato', sans-serif; font-size: 18px; font-weight: 500; line-height: 1.39; color: #0c2038; margin-top: 10px; } .partner-card-container .partner-link { font-size: 17px; font-weight: bold; letter-spacing: 1.36px; color: #d71472; text-transform: uppercase; } .partner-card-container .partner-link:hover { color: #ec328c; } .partners-page-cta-container { display: flex; flex-direction: column; margin-top: 40px; align-items: center; } .partners-page-cta-container .partner-cta-header { font-family: 'Cassannet', sans-serif; font-size: 40px; letter-spacing: 3.2px; color: #0c2038; margin: 30px 0; } .partners-page-cta-container .partner-cta-button { font-size: 30px; font-weight: normal; line-height: normal; letter-spacing: 2.4px; padding: 13px 59px 16px; } .rc_subscription-only { display: none !important; } body#recharge-novum main #recharge-te { position: static; background-color: transparent; } body#recharge-novum main #recharge-te * { font-family: 'Affogato', sans-serif; color: #0c2038; } body#recharge-novum main #recharge-te input { background-color: #fdfded; } body#recharge-novum main #recharge-te select { background-color: #fdfded; border-radius: 0; border: 1px solid #0c2038; } body#recharge-novum main #recharge-te .rc_purchase_type { background-color: #fdfded; border: 0; } body#recharge-novum main #recharge-te input[type=radio] + label { padding: 0 0 0 24px !important; } body#recharge-novum main #recharge-te #rc_te-template-wrapper h1, body#recharge-novum main #recharge-te #rc_te-template-wrapper h3, body#recharge-novum main #recharge-te #rc_te-template-wrapper h5 { font-family: 'Cassannet', sans-serif; text-transform: lowercase; letter-spacing: 0.08em; font-weight: 500; } body#recharge-novum main #recharge-te #rc_te-template-wrapper h1 { font-size: calc(2.625rem +((1vw - 3.9px) * 0.9221311475)); } body#recharge-novum main #recharge-te #rc_te-template-wrapper h2 { font-family: 'Affogato', sans-serif; font-weight: 700; font-size: calc(1.25rem +((1vw - 3.9px) * 0.4098360656)); line-height: 1.3; margin-bottom: 1em; } body#recharge-novum main #recharge-te #rc_te-template-wrapper h3 { font-size: calc(2.125rem +((1vw - 3.9px) * 0.6147540984)); } body#recharge-novum main #recharge-te #rc_te-template-wrapper h5 { font-size: calc(1.5rem +((1vw - 3.9px) * 0.7172131148)); } body#recharge-novum main #recharge-te #rc_te-template-wrapper a:hover { color: #ef4a3a; } body#recharge-novum main #recharge-te #rc_te-template-wrapper p.large { font-size: 16px; line-height: 1.2; } body#recharge-novum main #recharge-te #rc_te-template-wrapper .rc_order_title, body#recharge-novum main #recharge-te #rc_te-template-wrapper .upsells-title { font-family: 'Affogato', sans-serif; font-size: 20px; line-height: 1.2; } body#recharge-novum main #recharge-te #rc_te-template-wrapper .rc_subscription_next_charge_date p { text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 0; } body#recharge-novum main #recharge-te #rc_te-template-wrapper .rc_btn, body#recharge-novum main #recharge-te #rc_te-template-wrapper .rc_btn--secondary, body#recharge-novum main #recharge-te #rc_te-template-wrapper button, body#recharge-novum main #recharge-te #rc_te-template-wrapper [type="button"] { border-radius: 0 !important; border-color: #0c2038; font-family: 'Cassannet', sans-serif; text-transform: lowercase; font-size: 1.3em; font-weight: 500 !important; line-height: 1em; } body#recharge-novum main #recharge-te #rc_te-template-wrapper .rc_subscription_container, body#recharge-novum main #recharge-te #rc_te-template-wrapper .rc-card, body#recharge-novum main #recharge-te #rc_te-template-wrapper .rc_single_product_card-wrapper, body#recharge-novum main #recharge-te #rc_te-template-wrapper .rc_schedule_container, body#recharge-novum main #recharge-te #rc_te-template-wrapper .rc_product_card, body#recharge-novum main #recharge-te #rc_te-template-wrapper .rc_subscription_card_element_wrapper { border: 1px solid #0c2038; border-radius: 0; background-color: #fdfded; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body#recharge-novum main #recharge-te #rc_te-template-wrapper .rc-card h3, body#recharge-novum main #recharge-te #rc_te-template-wrapper .rc-card h5 { font-size: 30px !important; line-height: 0.9; } body#recharge-novum main #recharge-te #rc_te-template-wrapper .rc_subscription_info_container { border-color: #0c2038; border-width: 1px; } body#recharge-novum main #recharge-te .nav__list--mobile li { background-color: #f5adcd; border-top: 0; border-bottom: 1px solid #0c2038; } body#recharge-novum main #recharge-te .nav__list--mobile li a { color: #0c2038 !important; } body#recharge-novum main #recharge-te .nav--wrapper { background-color: #f5adcd; border-bottom: 1px solid #0c2038; padding: 1em; } body#recharge-novum main #recharge-te .nav--wrapper a { font-size: 16px; font-weight: 500 !important; letter-spacing: 0.04em; } body#recharge-novum main #recharge-te .nav--wrapper a:hover { color: #ef4a3a; } body#recharge-novum main #recharge-te #search-container { border: 1px solid #0c2038; } body#recharge-novum main #recharge-te #search-container input { border: 0; } body#recharge-novum main #recharge-te #rc_search { border: 0 !important; } body#recharge-novum main #recharge-te #te-modal { background-color: #fdfded; border-left: 1px solid #0c2038; } body#recharge-novum main #recharge-te #te-modal .rc_product_quantity { border-radius: 0; border: 1px solid #0c2038; } body#recharge-novum main #recharge-te #te-modal .rc_product_card { border: 1px solid #0c2038; border-radius: 0; background-color: #fdfded; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body#recharge-novum main #recharge-te #te-modal .rc_input_container input, body#recharge-novum main #recharge-te #te-modal input:not([type=number]), body#recharge-novum main #recharge-te #te-modal select { background-color: #fdfded; border-radius: 0; border: 1px solid #0c2038; } body#recharge-novum main #recharge-te #te-modal .rc_btn, body#recharge-novum main #recharge-te #te-modal .rc_btn--secondary, body#recharge-novum main #recharge-te #te-modal button, body#recharge-novum main #recharge-te #te-modal [type="button"] { border-radius: 0 !important; border-color: #0c2038; font-family: 'Cassannet', sans-serif; text-transform: lowercase; font-size: 1.3em; line-height: 1em; font-weight: 500 !important; } body#recharge-novum main #recharge-te #te-modal-heading { border-bottom: 1px solid #0c2038; } body#recharge-novum main #recharge-te #v-cal .vcal-date { background-color: #fdfded; } body#recharge-novum main #recharge-te #v-cal .vcal-date.vcal-date--selected span { background-color: #d71472; color: #fff; } body#recharge-novum main #recharge-te .rc_btn[onclick*=shipNowHandler], body#recharge-novum main #recharge-te .rc_btn.js-skip-handler, body#recharge-novum main #recharge-te .js-skip-btn { display: none !important; } body#recharge-novum main .pointer-cursor { cursor: default !important; } .variant-selector-container { display: flex; flex-direction: column; align-items: flex-start !important; } .variant-selector-container p { margin: 0; } .variant-selector-container .compare-at { text-decoration: line-through; color: #535125; } .custom-padding-1 { padding-top: 30px; } .custom-margin-1 { margin-top: 40px; margin-bottom: 40px; padding-bottom: 40px; } .custom-margin-2 { padding-bottom: 20px; } .custom-padding-2 { padding-left: 15px; padding-right: 15px; font-size: 20px; } .custom-margin-3 { margin-left: 30px; margin-right: 30px; margin-bottom: 40px; } .collection-img { height: 300px; width: 300px; padding: 80px; } .will-animate.fade-in.slide-up.product-grid-item.full-height.sold-out.animate { padding-bottom: 88px; } .js-product-grid-dropdown-menu.active { border: 3px #202c5d; border-style: dashed; position: relative; } /*================ prop 65 popup ================*/ .popup-overlay { display: none; position: fixed; /* Position the overlay fixed on the screen */ z-index: 1000; /* Ensure it's above other content */ left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */ } .popup-content { position: absolute; /* Position the content box absolutely within the overlay */ top: 50%; /* Position it in the middle vertically */ left: 50%; /* Position it in the middle horizontally */ transform: translate(-50%, -50%); /* Adjust the position to be centered */ background-color: #fff; padding: 20px; border: 1px solid #888; width: 80%; max-width: 500px; /* Set a max-width for the content box */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow for better visibility */ } @media only screen and (max-width: 767px) { .popup-content { max-width: 400px; } } .close-popup { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close-popup:hover, .close-popup:focus { color: black; text-decoration: none; cursor: pointer; }