/*----------------------- Variables ---------------------------*/ :root { --new-header-bg: #F6F5ED; --new-font-family:"Libre Franklin"; } .fade-image { opacity: 1; // GSAP will handle the opacity animation width: 100%; height: auto; } // Optional: Add different delays based on heading importance h1 { --stagger-delay: 0; } h2 { --stagger-delay: 0.1; } h3 { --stagger-delay: 0.2; } p { --stagger-delay: 0.3; } span { --stagger-delay: 0.4; } a:visited { color:inherit; } #loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #f6f5ec; /* Change to match your site's background */ z-index: 25; display: flex; align-items: center; justify-content: center; } #loader.hidden { opacity: 0; visibility: hidden; transition: opacity 0.5s ease-out, visibility 0.5s ease-out; } .spinner { position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; margin:-100px 0 0 -100px; -webkit-animation:spin 8s linear infinite; -moz-animation:spin 8s linear infinite; animation:spin 8s linear infinite; } @-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } } @keyframes spin 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } /*----------------------- Inital ---------------------------*/ h1, h2, h3, h4, h5, h6 { font-family: var(--new-font-family) !important; font-weight: normal; letter-spacing:0.01em; } .grid__wrapper { max-width:100%; } .dynamic-section { display:block; } .button, button:not(.shopify-pc__prefs__header-close,.slideout__trigger-mobile-menu,.slideout__trigger-ajax-cart,.ajax-cart__qty-control--down,.ajax-cart__qty-control--up,.button-as-link,.product__quantity-up,.product__quantity-down), a.sp-comp-add-to-cart, button.AirReviews-Modal__ReviewDetails--ShopButton { background:#97BD79; border-radius:50px; fill:#fff; margin-top: 2.03vw; color:#fff; &:hover { color:#000; fill:#000; } span { font-weight: 500; letter-spacing: 0; display: flex; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: space-between; height: 100%; white-space: nowrap; overflow: hidden; column-gap: 0; text-transform:uppercase; svg { width: 5.22vw; } } } button[type=button]:not(.js-slideout-close,.ajax-cart__qty-control--down,.ajax-cart__qty-control--up,.button-as-link,.button-as-link,.product__quantity-up,.product__quantity-down,.slideout__trigger-mobile-menu):before, button[type=submit]:not(.btn-as-link):not(.btn-border-link):before, .button:not(.js-slideout-open):before, .shopify-payment-button__button--unbranded:before, a.sp-comp-add-to-cart:before, button.AirReviews-Modal__ReviewDetails--ShopButton:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all .25s; z-index: -1; background: var(--button-hover); width: 0; } button[type=button]:not(.slideout__trigger-mobile-menu,.js-slideout-close,.ajax-cart__qty-control--down,.ajax-cart__qty-control--up,.button-as-link,.product__quantity-up,.product__quantity-down):before, button[type=submit]:not(.btn-as-link):not(.btn-border-link):before, .button:not(.js-slideout-open):before, .shopify-payment-button__button--unbranded:before, a.sp-comp-add-to-cart:before, button.AirReviews-Modal__ReviewDetails--ShopButton:before { background: #BEE19C; border-radius: 50px; height:0; top:50%; left:50%; } button[type=button]:not(.slideout__trigger-mobile-menu,.js-slideout-close,.ajax-cart__qty-control--down,.product__quantity-up,.product__quantity-down):hover:before, button[type=submit]:not(.btn-border-link):hover:before, .button:hover:before, .shopify-payment-button__button--unbranded:hover:before, a.sp-comp-add-to-cart:hover:before, button.AirReviews-Modal__ReviewDetails--ShopButton:hover:before { height:100%; top:0%; left:0%; width:100%; } button#shopify-pc__banner__btn-accept, button#shopify-pc__prefs__header-accept, button#shopify-pc__prefs__header-save, button#shopify-pc__prefs__header-decline, button#shopify-pc__banner__btn-decline { background:#97BD79; border-radius:50px; border:none; color:#fff; &:hover { color:#000; } font-weight: 500; letter-spacing: 0; display: flex; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center; height: 100%; white-space: nowrap; overflow: hidden; column-gap: 0; text-transform:uppercase; position:relative; z-index:1; } button#shopify-pc__prefs__header-accept, button#shopify-pc__prefs__header-save, button#shopify-pc__prefs__header-decline { margin-top:0; } button#shopify-pc__banner__btn-decline, button#shopify-pc__prefs__header-decline { background:#E83A06; &:before { background:#FFA793 !important; } } section.shopify-pc__banner__dialog { border-radius: 50px !important; bottom: 2.5vh; background: #F6F5ED; } button#shopify-pc__banner__btn-accept:before, button#shopify-pc__prefs__header-accept:before, button#shopify-pc__prefs__header-save:before, button#shopify-pc__prefs__header-decline:before, button#shopify-pc__banner__btn-decline:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all .25s; z-index: -1; background: var(--button-hover); width: 0; } button#shopify-pc__banner__btn-accept:before, button#shopify-pc__prefs__header-accept:before, button#shopify-pc__prefs__header-save:before, button#shopify-pc__prefs__header-decline:before, button#shopify-pc__banner__btn-decline:before { background: #BEE19C; border-radius: 50px; height:0; top:50%; left:50%; } button#shopify-pc__banner__btn-accept:hover:before, button#shopify-pc__prefs__header-accept:hover:before, button#shopify-pc__prefs__header-save:hover:before, button#shopify-pc__prefs__header-decline:hover:before, button#shopify-pc__banner__btn-decline:hover:before { height:100%; top:0%; left:0%; width:100%; } button#shopify-pc__banner__btn-manage-prefs { &:before { content:unset; } } .ajax-cart__button-view_cart { display:none; } button.ajax-cart__button-submit.button.w50 { width:100%; font-size:var(--font-size)); text-transform:uppercase; letter-spacing:0; font-weight:500; } #CollectionFilterForm { .filter-drawer__wrapper { .js-slideout-close { display:none; } } } .slideout--active { .slideout__trigger-quickview__wrapper { left: 35px !important; top: -25px !important; } } .button.w100, .inline-block.w100 { width: 100%; max-width: 100%; display: flex; justify-content: center; margin:0; } .sp-compare-custom-collection { margin-bottom:.5vw; div.sp-compare-main .sp-compare-wrap { position: relative; width: fit-content; padding: 0.27vw 0.57vw; padding-left: 35px; font-family: inherit; display: flex; align-content: center; align-items: center; background:#87A7EB; border-radius:6px; transition:all .2s ease; label { span { color:#fff; text-transform:capitalize; } &:before { top:calc(50% - 5px); left:15px; } &:after { top:calc(50% - 11px); left:0.57vw; border:solid 2px #BEE19C; } } input:checked+label:before { border-color: #BEE19C; } input:checked+label:after { background-color: transparent; } &:hover { background:#FFA793; } } } /*----------------------- Header ---------------------------*/ header, .section-header__main-bar { background-color:var(--new-header-bg) !important; border-bottom:1px solid #000; .header__logo-wrapper { padding:0 !important; a.header__img-logo { width: 100%; max-width: 100%; img { max-width: 100%; } } } } .section-header__main-bar .grid__wrapper.block-layout { padding-left: 9.9vw; padding-right: 4.58vw; } .navigation__menu { display: flex; align-content: center; align-items: center; justify-content: space-between; } .navigation__menulink { color:#000; transition: all 0.4s ease-out; } .navigation__menulink:hover { border-bottom: 1px solid #000 !important; } .navigation__menuitem:hover { background:transparent !important; } .site-logo.visible { display: block; margin: 0 2.5vw; } article.header-inline__cart-links-wrapper { display:none; } #main-nav .navigation__menulink { font-family: var(--new-font-family); font-weight: 400; text-transform: uppercase; letter-spacing: .01em; } .header-block__cart-links-wrapper { display:none; } .bar-link { .section-top-bar__wrapper, p { transition:all.5s ease; } &:hover { .section-top-bar__wrapper { background:#FFA793 !important; p { color:#000; } } } } /*----------------------- Announcement Bar ---------------------------*/ .section-top-bar__wrapper { padding:1.25vw 0; background: #87a7eb !important; p { font-size: 1.04vw !important; } } /*----------------------- Shop Nav ---------------------------*/ #shopify-section-template--17359480422572__shop_nav_XytzUb, #shopify-section-template--17359480062124__shop_nav_LdMiV3, #shopify-section-template--17359480783020__shop_nav_BBj9LL, #shopify-section-template--17359480553644__shop_nav_KRjpnj, #shopify-section-template--17359480684716__shop_nav_TjRXq3, #shopify-section-template--17359480094892__shop_nav_jbqWJm, #shopify-section-template--17359480127660__shop_nav_4VLGww, #shopify-section-template--17359480062124__shop_nav_LdMiV3 { background-color: var(--scheme-1-bg) !important; position: sticky; top: 0; z-index: 10; } .shop-navbar { &.simple-linklist-section { margin:0; padding:0; background: #FFA793; } .linklist-section__container { display: flex; justify-content: space-between; align-items: center; align-content: center; padding-right: 9.08vw; } .shop-nav-title { letter-spacing:0; } .shop-nav-title-block { padding: 1.46vw 2.5vw; border-radius: 0 50px 50px 0; background: #FFF5C5; /*margin-right:5.21vw;*/ } .shop-nav-title-block h4.shop-nav-title { margin:0; font-size:1.56vw !important); font-family: var(--new-font-family) !important; font-weight: 400; line-height: 1.88vw !important; } .linklist-section__wrapper.a-center { display: flex; justify-content: space-between; align-content: center; align-items: center; flex-wrap: nowrap; column-gap: 4.27vw; } .fa-brands:before, .fa-regular:before, .fa-solid:before, .fa:before, .fab:before, .far:before, .fas:before { content: var(--fa); font-size: 1.54vw; color: #fff; transition: all .4s ease; } } /*----------------------- Homepage ---------------------------*/ .template-index { .section-txt-icons__item.a-center .section-txt-icons__text-icon--icon, .section-txt-icons__item.a-center .section-txt-icons__text-icon--image { margin-left: auto; margin-right: auto; min-height: 75px; display: flex; align-content: center; align-items: center; } @media (max-width: 767px) { .section-txt-icons__item.a-center .section-txt-icons__text-icon--icon, .section-txt-icons__item.a-center .section-txt-icons__text-icon--image { max-width:75%; } .text-icons-template--17359480422572__b8cbda8a-d0c0-407a-ab0b-ceb45c605d03 .section-txt-icons__inner-wrapper { display: flex; flex-wrap: wrap; } .text-icons-template--17359480422572__b8cbda8a-d0c0-407a-ab0b-ceb45c605d03 .section-txt-icons__inner-wrapper .section-txt-icons__item { width: 100%; } } } /*----------------------- Image With Text ---------------------------*/ .hero-section { .info { background-color: var(--new-header-bg)!important; } .info__inner-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; row-gap: 0; } h2 { font-size: max(32px,3.39vw)!important; line-height: 4.69vw; margin:0; } h6 { font-weight:500; font-size:1.04vw; line-height: 1.25vw; margin:0; margin-top:1.09vw; } .rte { p { font-size: 2.08vw; line-height:1.25em; margin:4.58vw 0 5.58vw; } } .button { background:#97BD79; border-radius:50px; fill:#fff; margin-top: 0; &:hover { color:#000; fill:#000; } span { font-weight: 500; letter-spacing: 0; column-gap: 4.93vw; font-size: 1.3vw; line-height:1.56vw; svg { width: 5.22vw; } } } button[type=submit]:not(.btn-as-link):not(.btn-border-link):before, .button:not(.js-slideout-open):before, .shopify-payment-button__button--unbranded:before { background: #BEE19C; border-radius: 50px; height:0; top:50%; left:50%; } button[type=submit]:not(.btn-border-link):hover:before, .button:hover:before, .shopify-payment-button__button--unbranded:hover:before { height:100%; top:0%; left:0%; } } /*----------------------- Image With Buttons ---------------------------*/ .buttons-with-image { h2 { font-size: 2.6vw; line-height: 3.13vw; margin-bottom:2.66vw; } h6 { font-weight:500; font-size:1.04vw; line-height: 1.25vw; margin:0; margin-bottom:0.94vw; } .buttons-wrapper { display: grid; grid-template-columns: 1fr 1fr; column-gap: 2.5vw; } .button { background:transparent; fill:#6092FF; border: 3px solid #6092FF; margin-top: 2.03vw; &:hover { span { color:#fff; fill:#fff; } } span { color:#000000; font-size:0.94vw; line-height: 1.09vw; column-gap: 0; justify-content: space-between; svg { width: 3.5vw; } } } button[type=submit]:not(.btn-as-link):not(.btn-border-link):before, .button:not(.js-slideout-open):before, .shopify-payment-button__button--unbranded:before { background: #6092FF; } button[type=submit]:not(.btn-border-link):hover:before, .button:hover:before, .shopify-payment-button__button--unbranded:hover:before { height:100%; top:0%; left:0%; } .sp-compare-checkbox { display:none; } } /*----------------------- Marquee ---------------------------*/ .marquee-wrapper { padding:1.25vw 0; } .marquee-line { font-size:1.04vw; line-height:1.25vw; font-weight:500; letter-spacing:0.01em; } /*----------------------- Custom Featured Product ---------------------------*/ .custom-featured-product { background-color:#FFF5C5; .info { padding-top:4.27vw; padding-bottom:2.66vw; } .info__inner-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; row-gap: 1.88vw; } h2 { font-size: 2.86vw; line-height:3.49vw; margin:0; max-width:75%; } h6 { font-weight:500; font-size: 1.04vw; line-height: 1.25vw; margin:0; } p { font-weight:300; font-size: 1.04vw; line-height:1.56vw; letter-spacing:0; } .button { margin:0; background:#FFA793; &:hover { span { color:#fff; fill:#fff; } } } button[type=submit]:not(.btn-as-link):not(.btn-border-link):before, .button:not(.js-slideout-open):before, .shopify-payment-button__button--unbranded:before { background: #E83A06; } .sp-compare-checkbox { display:none; } } /*----------------------- Text With Icons ---------------------------*/ .section-txt-icons { h2, h4, h6 { color:inherit; } } .section-txt-icons__outer-wrapper { h2#brands-that-love-reveal-s-resources, p { color:#fff !important; } svg { path, g, circle { fill:#fff; } } } /*----------------------- Hover Info Section ---------------------------*/ .hover-info-section { margin:0; padding:0; padding-top:6.93vw; padding-bottom: 1.29vw; .main-content-wrapper { height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-start; align-items: flex-start; } h2 { letter-spacing: 0; font-size:2.86vw; line-height:3.49vw; max-width: 25.94vw; text-align: center; margin-bottom:0.63vw; } h6 { width:100%; text-align:Center; font-weight:500; font-size:1.04vw; line-height:1.25vw; letter-spacing:0; margin-bottom:3.43vw; } .steps-wrapper { width:36.77vw; .step_block { cursor:default; padding: 3.26vw 0; border-bottom: 1px solid #E83A06; display: flex; justify-content: center; position: relative; align-content: center; align-items: center; .step_heading { letter-spacing:0; font-size:2.08vw; line-height:2.55vw; position:relative; display:inline-block; margin:0; text-transform:capitalize; } &:first-of-type { padding-top:0; } .cover { position: absolute; top: auto; left: auto; right: auto; bottom: auto; width: 0; height: 0; overflow: hidden; justify-content: center; align-items: center; background: #fff; padding: 0; align-content: center; border-radius: 50px; display: flex; opacity:0; transition: all .5s ease; p { margin:0; text-align: center; opacity:0; transition: all 1.5s ease; color:#fff; font-weight:500; letter-spacing:0; font-size:1.04vw; line-height:1.25vw; } &.open-ht { animation: tv-open 0.5s ease forwards; p { opacity:1; } } } } } } @keyframes tv-open { 0% { height:0; width:0; opacity:0; } 25% { height:100%; width:1px; opacity:1; } 26% { width:1px; padding:0; opacity:1; height:100% } 100% { width:100%; padding:1rem 5rem; opacity:1; height:auto; } } @keyframes mobile-tv-open { 0% { height:0; width:0; opacity:0; } 25% { height:100%; width:1px; opacity:1; } 26% { width:1px; padding:0; opacity:1; height:100% } 100% { width:100%; padding:.5rem 2rem; opacity:1; height:auto; } } /*----------------------- Image With FAQ ---------------------------*/ .image-with-faq { h2, p { letter-spacing:0; } h2 { font-size:2.86vw; line-height:3.49vw; max-width: 67.5%; margin-bottom: 1.04vw; } h6 { letter-spacing:.01em; font-size:1.04vw; line-height:1.25vw; margin-bottom: 1.04vw; font-weight:500; } .rte { margin-bottom:2.4vw; p { font-weight:300; font-size:1.3vw; line-height:1.82vw; } } .info__inner-wrapper { padding-top:3.54vw; padding-bottom:5.1vw; } .eachFaq { padding:0.57vw 0; padding-left:2.45vw; .accordion-content { padding-left:0.78vw; padding-top:0.89vw; padding-right:2.6vw; } h4{ font-size:1.04vw; line-height:1.25vw; margin: 0; padding: 0 0 0 1em; position: relative; transition:all .5s ease; } p { transition:all .5s ease; } &.close, &.open { h4 { &:before { width: 20px; height: 20px; position: absolute; top: 0; left: 0; font-size:1.54vw; align-content: center; align-items: center; justify-content: flex-start; } } } &.open { h4 { &:before { content: '-'; } } p { opacity:1 !important; transform: translateY(0px) !important; } } &.close { h4 { &:before { content: '+'; } } p { opacity:0 !important; transform: translateY(30px) !important; } } } .accordion-content{ padding: 0 0 0 2em; margin: 0 0 2em 0; font-size:1.25em); } .accordion-content p{ margin: 0; } .eachFaq .title{ cursor: pointer; } .eachFaq .title:hover{ color: #E83A06; } } /*----------------------- Subscribe ---------------------------*/ .subscribe { background-color: #87A7EB; .info__inner-wrapper { padding-top:8.13vw; padding-bottom:7.24vw; padding-right: 9.69vw; } [data-ff-el="root"].ff-64a593fc25d40372b8b3f9e6 .ff-64a593fc25d40372b8b3f9e6__form { padding:0; } [data-ff-el="root"].ff-64a593fc25d40372b8b3f9e6 .ff-64a593fc25d40372b8b3f9e6__title, [data-ff-el="root"].ff-64a593fc25d40372b8b3f9e6 .ff-64a593fc25d40372b8b3f9e6__subtitle { display:none; } [data-ff-el="root"].ff-64a593fc25d40372b8b3f9e6 .ff-64a593fc25d40372b8b3f9e6__content { margin: 0; align-items: center; flex-direction: row; justify-content: center; width: 100%; align-content: center; } [data-ff-el="root"].ff-64a593fc25d40372b8b3f9e6 .ff-64a593fc25d40372b8b3f9e6__fields { justify-content: space-between; flex-grow: 1; } [data-ff-el="root"].ff-64a593fc25d40372b8b3f9e6 .ff-64a593fc25d40372b8b3f9e6__button { background:#ffa793; border-radius:50px; fill:#fff; border:none; width: 27.5vw; margin-top: 1.5vw; &:hover { color:#000; fill:#000; } span { font-weight: 500; letter-spacing: 0; display: flex; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center; height: 100%; white-space: nowrap; overflow: hidden; column-gap: 0; text-transform:uppercase; font-family:var(--main-family); svg { width: 5.22vw; } } &:before { background: #e83a06; } &:hover { color:#fff; } } [data-ff-el="root"].ff-64a593fc25d40372b8b3f9e6 .ff-64a593fc25d40372b8b3f9e6__field { max-width:none; background: #fff; border-radius: 46px; font-family: var(--main-family); input { border:none; } } h2 { letter-spacing:0; font-size: 3.91vw; line-height:4.69vw; color:#fff; margin-bottom:1.72vw; position:relative; .abs-sub-icon { position: absolute; top: -30%; right: 15%; letter-spacing: 0; font-size:1.56vw; line-height: 1.88vw; font-weight: 500; text-align: center; border-radius: 17px; color: #fff; padding: 0 .52vw; white-space: nowrap; transform: rotateZ(-7deg); } } .rte { margin-bottom:2.92vw; p { color:#fff; font-weight:300; font-size:1.56vw; line-height:1.88vw; } } } /*----------------------- Product Grid Adjustments ---------------------------*/ .product-loop__item { padding:2.08vw 1.56vw; border: 1px solid #000000; } .product-image{ &:hover { .overlay-block { z-index:2; opacity:1; } } } .overlay-block { opacity: 0; display: flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transition: all .5s ease; justify-content: center; align-items: center; align-content: center; background: #00000069; } button.product-listing__quickview-trigger.add-to-cart-btn, button.product-listing__quickview-trigger.quickview-btn, a.details-btn { position:relative; bottom: 0; right: 0; text-align: center; background: #6092FF; color: #fff; width: auto; height: auto; margin: 0; margin-top:1.56vw; -webkit-appearance: none; z-index: 5; display: flex; justify-content: center; align-items: center; padding:0.57vw 0.5vw; border-radius:9px; flex-wrap: nowrap; align-content: center; white-space: nowrap; font-weight:500; font-size:0.73vw; line-height:0.89vw; transition:all .2s ease; svg { margin-right:0.14vw; width:0.78vw; height:0.78vw; } &:hover { color:#000; svg .hover-fill{ fill:#000; } } &:before { border-radius:9px; } } button.product-listing__quickview-trigger.quickview-btn, a.details-btn { svg.icon--apollo-search { display:block; } } button.product-listing__quickview-trigger.quickview-btn { background-color:#fff; color:#000; padding:0.99vw 1.15vw; border-radius:13px; svg { margin-right:0.34vw; .hover-fill { fill:#000; } } &:hover { color:#fff; &:before { border-radius:13px; background-color:#000; } svg .hover-fill { fill:#fff; } } } a.details-btn { background-color:#FFA793; &:hover { color:#fff !important; svg .hover-fill{ fill:#fff !important; } &:before { background-color:#E83A06; } } } .btn-wrapper-right { align-items: flex-end; justify-content: flex-end; display: flex; } .product-grid-flexbox { display: flex; flex-direction: column; justify-content: space-between; align-content: center; align-items: center; min-height: 10.34vw; .grid__wrapper.edge { display:flex; flex-wrap:wrap; } } .prod-btns-wrapper { max-width: 100%; display: flex; align-content: center; justify-content: flex-start; align-items: center; column-gap: 0.83vw; .sp-compare-checkbox { display:none; } } .product-loop__title { a { font-weight:500; letter-spacing:.01em; font-size:0.94vw; line-height:1.09vw; } } div.product-loop__price, div.product-loop__price span, span.product-loop__price--sale, .product-loop__price--compare.was { font-weight:bold; letter-spacing:.01em; font-size: 1.04vw; line-height:1.25vw; color:#000 !important; } .product-loop__price--compare.was { color:#E83A06 !important; } div.product-loop__badge-icon.icon-type--sale-item, div.product-loop__badge-icon.icon-type--savings { background-color: #E83A06; color: #fff; border-radius: 15px; padding: 0.5vw 1vw; height: auto; line-height: 1em; left: 2.5%; top: 2.5%; text-transform: uppercase; font-weight: 500; letter-spacing: 0; } div.product-loop__badge-icon.icon-type--sale-item { animation:twist-n-shout 3s infinite ease; } div.product-loop__badge-icon.icon-type--savings { left:auto; right:2.5%; } @keyframes twist-n-shout { 0% { transform: rotateZ(5deg); } 50% { transform: rotateZ(-5deg); } 100% { transform: rotateZ(5deg); } } /*----------------------- Favorites Collection ---------------------------*/ .favorites-collection-section { padding:7.14vw 8.65vw 6.56vw 8.65vw !important; background-color: #F6F5ED; .grid__wrapper.edge.product-grid { grid-column-gap: 2.86vw; } .rte { font-size: 1.25vw; line-height:1.51vw; letter-spacing:.01em; font-weight:500; margin-bottom:1.3vw; } h2 { font-size:2.86vw; line-height:3.49vw; margin-bottom:3.8vw; } } /*----------------------- Bundle Collection ---------------------------*/ .bundle-collection { padding:7.14vw 8.65vw 6.56vw 8.65vw !important; .grid__wrapper.edge.product-grid { grid-column-gap: 2.86vw; } h6 { font-size: 1.04vw; line-height:1.25vw; letter-spacing:.01em; font-weight:500; margin-bottom:0.21vw; text-align:center; } .title-wrap { display:flex; justify-content:center; align-content:center; align-items:center; h2 { font-size: 3.13vw; line-height:3.8vw; margin-bottom:2.03vw; text-align:center; display:inline-block; position:relative; span { &.intentionally, &.curated { position:absolute; left:0; font-weight:500; font-size: 1.56vw; line-height:1.88vw; letter-spacing:.01em; color:#fff; border-radius:1.15vw; text-transform:uppercase; padding:.1vw 0.78vw; } &.intentionally { background-color:#FBE99F; left: -14vw; top: -10%; } &.curated { background-color:#BEE19C; transform: rotateZ(-7deg); left: -8.75vw; top: 45%; } } } } .rte { margin:auto; margin-bottom:7.08vw; max-width:42.03vw; text-align:center; p { font-weight:300; font-size: 1.3vw; line-height:2.08vw; } } } /*----------------------- Free Resources Collection ---------------------------*/ .image-with-collection.grid__wrapper.edge { padding:11.51vw 8.18vw 8.07vw 8.18vw; .image { height:100%; div:first-child { position:sticky; top:90px; } h6 { letter-spacing:.01em; font-weight:500; font-size: 1.04vw; line-height:1.3vw; margin-bottom:1.67vw; } h2 { margin-bottom:0; letter-spacing:0; font-size: 2.86vw; line-height:3.49vw; } .background-image { height:42.46vw; margin-top:-7.49vw; } .rte { margin-top: -9.5vw; font-weight:300; font-size: 0.94vw; line-height:1.56vw; } } article.product-loop__item { width:18.33vw; .prod-btns-wrapper { justify-content: space-around; } } } /*----------------------- Shop All ---------------------------*/ div#CollectionProductGrid { padding-left: 4.17vw; padding-right: 9.11vw; .js-current-filter { text-transform:uppercase; } .collection__page--description { display:none; } .filter-drawer__filtering__results { a { &:visited { color:initial; } } } } .section-wrapper-shop-all { display: flex; column-gap: 9.61vw; .filters-wrap { max-width: 16.33vw; display: flex; flex-wrap: wrap; width: 100%; align-content: flex-start; justify-content: flex-start; align-items: stretch; flex-direction: column; #predictiveSearch { margin-bottom:3.72vw; width:100%; } .searchbox__form { padding-left: 0; padding-bottom: .6vw; border-color: #000; background-image: url('/cdn/shop/files/Icon_core-magnifying-glass.svg?v=1735176126'); background-repeat: no-repeat; background-position: 95% 50%; background-size: 20px; #quest { line-height: 1.25vw; font-size:1.04vw; height: auto; font-weight:500; letter-spacing:0; &::placeholder { text-transform:uppercase; font-weight:500; font-size: 1.04vw; line-height:1.25vw; letter-spacing:0; } } } .filter-drawer__menu-block { display:block !important; .js-collection-side-filter { text-transform:uppercase; } .filter-drawer__header { display:none; } .filter-section-header { color: #000; letter-spacing: .01em; font-size:1.04vw; line-height: 1.25vw; position: relative; border-radius: 0; background: transparent; margin: 0; border-bottom:1px solid #000; &:hover { :before { content:; } } } .sidebar__filter-block, .filter-drawer__header { border-bottom: none; margin-bottom: 2.16vw; padding-bottom:0; .filter-item { margin-top: 1.21vw; a.js-collection-side-filter { &:before { width: 12px; height: 12px; border: 2px solid #000; position: absolute; border-radius: 2px; } &.current { &:before { background:#000; } &:after { display:block; } } label { margin-left:25px; span { text-align: left; font-size:0.83vw; white-space:normal; line-height:1em; } } &:after { content: ""; border-left: 2px solid #fff; position: absolute; left: 7px; width: 7px; transform: rotate(-45deg); border-bottom: 2px solid #fff; height: 3px; top: calc(45% - 3px); display:none; } } } } } } #main-collection-product-grid { width: 60.78vw; #predictive-search-results { display:block; } .search__product-loop { &.grid__wrapper { column-gap: 2.86vw; grid-row-gap: var(--space-9); } } } #predictive-search-results, .search__product-loop.grid__wrapper { padding:0; } .product-loop { &.grid__wrapper { column-gap: 2.86vw; } } } /*----------------------- Slideout Drawer ---------------------------*/ .filter-drawer__wrapper { .filter-drawer__header { p { font-weight: 500; letter-spacing:0; } } .slide-nav__first-level--wrapper { label { font-weight:400; letter-spacing:0; font-size: .84vw; line-height:.99vw; } } } /*----------------------- Collection Page ---------------------------*/ .collection-header { background:#FFF5C5; padding:0; .section__banner-image { max-width: 41.35vw; height: 41.35vw; } .section__banner-caption { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: flex; align-content: center; justify-content: center; align-items: center; .text-wrapper { max-width: 30.42vw; h6 { font-weight:500; font-size: 1.04vw; line-height:1.25vw; margin-bottom:0.73vw; } h2 { font-size: 3.39vw; line-height:4.11vw; margin-bottom:0.73vw; letter-spacing:0; } .rte { p { font-weight:300; font-size: 1.04vw; line-height:1.82vw; letter-spacing:0; } } } } } .filter-drawer__wrapper { .filter-drawer__filtering__results { display:none; a { &:visited { color:initial; } } } } .collection-description { padding:0; margin:0; padding:6.09vw 23.07vw 5.68vw; .rte { p { font-weight: 300; font-size: max(18px,1.56vw) !important; line-height: 1.25em; letter-spacing: 0; text-align:center; } } @media (max-width:767px) { padding:6.09vw 7.07vw 5.68vw; } } /*----------------------- FAQ Page ---------------------------*/ .faq-section { padding: 4rem 1rem; margin: 0 auto; padding:5.21vw 20.25vw 5.84vw 28.73vw; position:relative; .faq-title { font-size:3.39vw; line-height:4.11vw; margin-bottom: 2rem; text-align: center; font-weight: normal; letter-spacing:0; } .faq-container { max-width: 800px; margin: 0 auto; } .faq-item { border-bottom: 1px solid #000; transition:all .2s ease; &.active { border:none; } } .faq-question { width: 100%; background: none; border: none; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 500; color: #000; padding: 0; margin: 0; padding-top: 2.21vw; padding-bottom: 2.21vw; text-transform: uppercase; font-weight: 500; font-size:1.04vw; line-height: 1.25vw; } .faq-question:hover { opacity: 0.8; } .faq-answer { padding-bottom: 1.25rem; display: none; color: #666; line-height: 1.6; transition:all .5s ease; p { font-weight:300; font-size: 1.04vw; line-height:1.25vw; letter-spacing:0; } } .faq-answer.active { display: block; } .faq-icon { width: 1.35vw; height: 1.35vw; transition: transform 0.3s ease; } .faq-icon.active { transform: rotate(180deg); } } @media (max-width: 768px) { .faq-section { padding: 2rem 1rem; .faq-title { font-size:1.875rem; } } } /*----------------------- Affiliate Page ---------------------------*/ .affiliate-header { margin:0; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; padding:3.18vw 24.9vw; h2 { color:inherit; margin:0; letter-spacing:0; font-size: 3.91vw; line-height:4.69vw; margin-bottom:0.26vw; padding:0; } h6 { color:inherit; font-weight: 500; font-size:1.04vw; line-height: 1.25vw; } } .affiliate-hero { margin:0; &.grid__wrapper.edge { padding:7.24vw 7.08vw 12.76vw 53.49vw; background-repeat: no-repeat; background-size: cover; background-position: top; .info__inner-wrapper { padding:0; h2 { color:#fff; letter-spacing:0; font-size: 3.91vw; line-height:4.69vw; margin-bottom:1.93vw; } h6 { color:#fff; font-weight:500; font-size: 1.04vw; line-height:1.25vw; margin-bottom:2.5vw; } .rte { margin-bottom:1.93vw; p { color:#fff; letter-spacing:0; font-weight:300; font-size: 1.3vw; line-height:2.08vw; } } .button { background:#FFA793; &:before { background:#E83A06; } &:hover { span { color:#fff; } svg { fill:#fff; } } } } } } .who-can-be { &.grid__wrapper.edge { padding:5.77vw 5.83vw 5.77vw 7.92vw; margin:0; .affiliate-who-can-wrapper { display: flex; justify-content: space-between; align-content: center; align-items: center; .info-rotated-text { writing-mode: vertical-rl; h4 { letter-spacing:0; font-size: 3.91vw; line-height:4.69vw; margin:0; } } article.info { max-width: 31.15vw; .info__inner-wrapper { h2 { letter-spacing:0; font-size: 2.6vw; line-height:3.13vw; margin-bottom:2.14vw; } h6 { font-weight:500; font-size: 1.04vw; line-height:1.25vw; margin-bottom:4.04vw; } .blocks-wrapper { margin-bottom:2.93vw; .who-can-block { &:first-of-type { border-top:1px solid #000; } display: flex; justify-content: flex-start; align-content: center; align-items: center; column-gap:1.2vw; padding:2.27vw 1.09vw; border-bottom:1px solid #000; svg { width:1.2vw; height:1.2vw; min-width:1.2vw; } h3 { margin:0; font-weight:500; font-size: 1.04vw; line-height:1.25vw; } } } .button { margin:0; } } } } } } .insider-peek { &.grid__wrapper.edge { margin:0; padding:5.78vw 9.32vw 6.2vw 8.49vw; .affiliate-insider-peek-wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; column-gap:19.79vw; margin-bottom:7.19vw; .insider-peek-title-wrapper { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; width:100%; margin-bottom:7.92vw; h6 { font-weight:500; font-size: 1.04vw; line-height:1.25vw; margin-bottom:1.25vw; color:inherit; } h2 { width:100%; letter-spacing:0; font-size: 2.86vw; line-height:3.49vw; text-align:center; color:inherit; margin-bottom:2.19vw; } .rte { color:inherit; p { color:inherit; letter-spacing:0; font-weight:300; font-size: 1.3vw; line-height:2.08vw; max-width:50.1vw; margin:auto; text-align:center; } } } .articles-wrapper { display: flex; justify-content: space-between; column-gap: 19.79vw; article.info.auto.relative { max-width: 31.15vw; .insider-peek-block { margin-bottom:2.86vw; .insider-peek-heading { font-weight:500; font-size: 1.82vw; line-height:2.24vw; margin-bottom:1.04vw; color:#000; display: flex; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: flex-start; column-gap: .5rem; .insider-icon { width: 2rem; height: 2rem; display: inline-block; } } .block-content { p { letter-spacing:0; font-weight:300; font-size: 1.04vw; line-height:1.82vw; color:#000; } } } .button { background:#FFA793; &:before { background:#E83A06; } &:hover { span { color:#fff; } svg { fill:#fff; } } } } article.image.auto.relative { width:31.25vw; } } } .final-par { p { color:#000; max-width:50.1vw; margin:auto; letter-spacing:0; font-weight:300; font-size: 1.3vw; line-height:2.08vw; } } } } .what-happens-next { .affiliate-signup__container { display: grid; grid-template-columns: 53.65vw 1fr; gap: 2.18vw; align-items: center; } .affiliate-signup__image { position: relative; aspect-ratio: 4/5; overflow: hidden; padding-top: 2.4vw; height: 100%; width: 100%; } .affiliate-signup__img { width: 100%; height: 100%; object-fit: cover; } .affiliate-signup__content { padding: 6.77vw 0; height:100%; .button { margin-top:2.89vw; } } .affiliate-signup__heading { margin-bottom: 3.75vw; color: #000; font-size:3.91vw; line-height: 4.69vw; } .affiliate-signup__steps { display: flex; flex-direction: column; } .affiliate-signup__step { display: flex; align-items: center; gap: 1rem; padding: 2.42vw 0; padding-right: 12.4vw; border-bottom:1px solid #000; .step-wrapper { position: relative; .affiliate-signup__step-number { color: #000; width: 2.49vw; height: 1.56vw; border-radius: 17px; display: flex; align-items: center; justify-content: center; position:absolute; letter-spacing:0; font-size: 1.04vw; line-height:1.25vw; color:#fff; z-index:-1; transform:rotateZ(-6deg); } .affiliate-signup__cta { display: inline-block; background-color: #98B37E; color: #fff; padding: 1rem 2rem; border-radius: 2rem; text-decoration: none; font-weight: 600; transition: background-color 0.3s ease; &:hover { background-color: #7a9263; } } } h6 { font-size:1.56vw; line-height:1.88vw; margin: 0; font-weight:500; } &:first-of-type { padding-top:0; } &:nth-of-type(1) { .affiliate-signup__step-number { right: 2vw; top: -1vw; } } &:nth-of-type(2) { .affiliate-signup__step-number { z-index:0; left: 2.5vw; top: -1vw; } } &:nth-of-type(3) { .affiliate-signup__step-number { right: 9vw; top: -1vw; } } &:nth-of-type(4) { .affiliate-signup__step-number { z-index:0; left: 1.5vw; bottom: -1vw; } } &:nth-of-type(5) { .affiliate-signup__step-number { right: -1vw; top: -1vw; } } &:nth-of-type(6) { .affiliate-signup__step-number { left: 1.5vw; top: -1vw; } } } @media screen and (max-width: 768px) { .affiliate-signup__container { grid-template-columns: 1fr; gap: 2rem; } .affiliate-signup__heading { font-size:2rem; margin-bottom: 2rem; } .affiliate-signup__content { padding: 1rem 0; } .affiliate-signup__steps { gap: 1rem; } } } /*----------------------- Product Page ---------------------------*/ .product-main-section { .full-width--true.product-top.grid__wrapper { padding:5.52vw 10.68vw 10.68vw !important; gap:0; .product__section-images .scroll--gallery_item { width: 25.16vw; height: 30.26vw; padding:0; .product-gallery__media-container { height:100%; img { height:100%; object-fit:cover; } } } #product-description { h1 { font-size: 3.91vw; line-height:4.09vw; font-weight:400; letter-spacing:0; margin-bottom:1.41vw; } #product-price { .price-item { font-weight:500; font-size: 1.82vw; line-height:2.24vw; letter-spacing: .01em; margin-bottom:1.41vw; } } .metafield-rich_text_field { p { font-weight:300; font-size: 1.56vw; line-height:2.34vw; } } } } } .product-description-section { &.grid__wrapper.edge { margin:0; padding: 5.47vw 12.81vw 2.03vw; .info { padding:6.93vw 4.06vw 12.55vw; background:#FFF5C5; h2 { font-size: 2.86vw; line-height:3.49vw; letter-spacing: 0px; margin-bottom:1.41vw; text-align:center; } h6 { font-weight:500; font-size: 1.04vw; line-height:1.25vw; margin-bottom:3.02vw; text-align:center; } .rte { p { letter-spacing: 0px; font-size: 2.08vw; line-height:2.86vw; text-align:center; } } } } } .what-you-get { &.grid__wrapper.edge { padding:11.04vw 10.31vw 11.35vw; margin:0; .affiliate-who-can-wrapper { display: flex; justify-content: space-between; align-content: center; align-items: center; .info-rotated-text { writing-mode: vertical-rl; h4 { letter-spacing:0; font-size: 3.91vw; line-height:4.69vw; margin:0; } } article.info { max-width: 31.15vw; .info__inner-wrapper { h2 { letter-spacing:0; font-size: 2.6vw; line-height:3.13vw; margin-bottom:2.14vw; } h6 { font-weight:500; font-size: 1.04vw; line-height:1.25vw; margin-bottom:4.04vw; } .blocks-wrapper { margin-bottom:2.93vw; .who-can-block { display: flex; justify-content: flex-start; align-content: center; align-items: center; column-gap:1.2vw; padding-bottom:2.24vw; svg { width:1.2vw; height:1.2vw; min-width:1.2vw; } h3 { margin:0; font-weight:500; font-size: 1.04vw; line-height:1.25vw; } } } .button { margin:0; } } } } } } .product-list { .affiliate-signup__container { display: grid; grid-template-columns: 55.6vw 1fr; gap: 6.29vw; align-items: center; } .affiliate-signup__image { position: relative; aspect-ratio: 4/5; overflow: hidden; height: 100%; width: 100%; } .affiliate-signup__img { width: 100%; height: 100%; object-fit: cover; } .affiliate-signup__content { padding: 6.77vw 0; height:100%; padding-right:5vw; .button { margin-top:2.89vw; } } .affiliate-signup__heading { margin-bottom: 1.41vw; color: #000; font-size:2.6vw; line-height:3.13vw; } .subheading { font-weight:500; font-size: 1.04vw; line-height:1.25vw; margin-bottom:4.71vw; } .affiliate-signup__steps { display: flex; flex-direction: column; h2 { &.hide { display:none !important; } } .blocks-wrapper { margin-bottom:2.93vw; .who-can-block { &:first-of-type { border-top:1px solid #000; } display: flex; justify-content: flex-start; align-content: center; align-items: center; column-gap:1.2vw; padding:2.27vw 1.09vw; border-bottom:1px solid #000; svg { width:1.2vw; height:1.2vw; min-width:1.2vw; } h3 { margin:0; font-weight:500; font-size: 1.04vw; line-height:1.25em; } } } } .affiliate-signup__step { display: flex; align-items: center; gap: 1rem; padding: 2.42vw 0; padding-right: 12.4vw; border-bottom:1px solid #000; .step-wrapper { position: relative; .affiliate-signup__step-number { color: #000; width: 2.49vw; height: 1.56vw; border-radius: 17px; display: flex; align-items: center; justify-content: center; position:absolute; letter-spacing:0; font-size: 1.04vw; line-height:1.25vw; color:#fff; z-index:-1; transform:rotateZ(-6deg); } .affiliate-signup__cta { display: inline-block; background-color: #98B37E; color: #fff; padding: 1rem 2rem; border-radius: 2rem; text-decoration: none; font-weight: 600; transition: background-color 0.3s ease; &:hover { background-color: #7a9263; } } } h6 { font-size:1.56vw; line-height:1.88vw; margin: 0; font-weight:500; } &:first-of-type { padding-top:0; } &:nth-of-type(1) { .affiliate-signup__step-number { right: 2vw; top: -1vw; } } &:nth-of-type(2) { .affiliate-signup__step-number { z-index:0; left: 2.5vw; top: -1vw; } } &:nth-of-type(3) { .affiliate-signup__step-number { right: 9vw; top: -1vw; } } &:nth-of-type(4) { .affiliate-signup__step-number { z-index:0; left: 1.5vw; bottom: -1vw; } } &:nth-of-type(5) { .affiliate-signup__step-number { right: -1vw; top: -1vw; } } &:nth-of-type(6) { .affiliate-signup__step-number { left: 1.5vw; top: -1vw; } } } @media screen and (max-width: 768px) { .affiliate-signup__container { grid-template-columns: 1fr; gap: 2rem; } .affiliate-signup__heading { font-size:2rem; margin-bottom: 2rem; } .affiliate-signup__content { padding: 1rem 0; } .affiliate-signup__steps { gap: 1rem; } } } .how-it-works { .section-txt-icons__inner-wrapper.grid__wrapper { gap:3.13vw; padding:1.35vw; padding-top:0; padding-bottom:11.67vw; h2 { padding:0; margin:0; margin-bottom:1.93vw; font-size: 2.86vw; line-height:3.49vw; letter-spacing:0; } .subheading { width:100%; color:#fff; font-weight:500; font-size: 1.04vw; line-height:1.25vw; text-align:center; margin-bottom:3.54vw; } .section-txt-icons__item { .section-txt-icons__image { margin-bottom:3.18vw; } .section-txt-icons__block-heading { font-size: 2.08vw; line-height:2.55vw; margin-bottom:2.55vw; } .section-txt-icons__block-subheading { p { letter-spacing:0; font-weight:300; font-size: 1.56vw; line-height:2.34vw; } } img { width:5.21vw; height:5.21vw; } } } .grid__wrapper { gap:0; h2 { padding:0; margin:0; margin-bottom:1.93vw; font-size: 2.86vw; line-height:3.49vw; letter-spacing:0; } .subheading { width:100%; color:#fff; font-weight:500; font-size: 1.04vw; line-height:1.25vw; text-align:center; margin-bottom:3.54vw; } .section-txt-icons__item { .section-txt-icons__image { margin-bottom:3.18vw; } .section-txt-icons__block-heading { font-size: 2.08vw; line-height:2.55vw; margin-bottom:2.55vw; } .section-txt-icons__block-subheading { p { letter-spacing:0; font-weight:300; font-size: 1.56vw; line-height:2.34vw; } } img { width:5.21vw; height:5.21vw; } } } } .product-recommendations__wrapper { padding:9.09vw 7.6vw 10.73vw; margin:0; .product-recommendations__wrapper--loop { padding:0; .product-loop__item { margin-bottom:0; } } .section-product-recommendations__section-heading { font-size: 1.82vw; line-height:2.24vw; font-weight:500; margin-bottom:5.23vw; } } /*----------------------- Cart ---------------------------*/ .ajax-cart__header-wrapper { .span-4.auto { height: 100%; display: flex; align-content: center; align-items: center; justify-content: flex-end; span { letter-spacing: 0; text-transform: uppercase; font-size:.83vw; line-height: .99vw; font-weight: 500; } } } /*----------------------- Product Comparison ---------------------------*/ div.sp-com-w { .sp-com-w-btn { background-color: #97BD79; p { color:#fff; font-weight:500; letter-spacing:0; text-transform:uppercase; } } } div.sp-com-w.sp-com-w-2.sp-com-w-h-bottom-right { right: auto; left: 0; z-index:4; .sp-com-w-btn { margin-left:15px; } } div.sp-comp-main { .sp-com-pop { .sp-pop-comp-main-loader { top: 50% !important; left: 50% !important; max-width: 50vw !important; height: 50vw !important; transform: translate(-50%, -50%); } .sp-com-pop-header { .sp-comp-main-title { letter-spacing: 0; font-size:2.86vw; line-height: 3.49vw; color:#000; } .sp-comp-count-title { font-size:1.04vw; line-height: 1.25vw; color: #000; text-transform: uppercase; } } .selection-cell.sp-comp-t-box { display:none; } .sp-com-pop-body { .sp-comp-t-box { max-width:none; } .sp-comp-remove-item { margin-top: 0; height: auto; } .sp-comp-t-img-cont-wrap { h3 { a { font-weight: 500; font-size:.83vw; line-height: 1.25em; letter-spacing: 0; color: #000; transition:all .2s ease; &:hover { color:#97BD79; } } } .sp-comp-old-price { color:#E83A06; font-weight:500; } .sp-comp-price-off { color:#6092FF; font-weight:500; } .sp-comp-add-to-cart { margin:auto; } } .sp-comp-t-row { margin:auto; div { word-break: normal; } &.sp-comp-t-row-meta { div { padding: 1vw 2vw; } } li { display:flex; background-image:url('data:image/svg+xml,'); align-content: center; align-items: center; justify-content: flex-start; padding-left: 30px !important; background-repeat: no-repeat; background-position: left 50%; background-size: 20px 20px; margin-bottom: 1rem; h3 { display:inline-block; } } } .sp-comp-t-row:not(:has(.sp-comp-add-to-cart)) { p, i, span, strong, em, b, a, h1, h2, h3, h4, h5, h6, li, div { color:#000; padding:0; } &.sp-comp-t-row-disparate { div { padding: 1vw 2vw; white-space: normal; word-break: normal; border: .5px solid #000; } .sp-comp-t-row-title { padding:1vw; } } } .sp-comp-t-row-head { .sp-comp-t-row-title { visibility:hidden; } } .sp-comp-add-to-cart { font-weight: 500; letter-spacing: 0; display: flex; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: space-between; height: 100%; white-space: nowrap; overflow: hidden; column-gap: 0; text-transform:uppercase; padding:0 var(--space-5); height: var(--space-8); transition:all .5s ease; &:hover { background:#FFA793; } } } } } /*----------------------- Homepage Reviews ---------------------------*/ #shopify-section-template--17359480422572__1735602845978f4828 .global__section { margin:0; padding:0; background:#FFF5C5; } .AirReviews-Widget.AirReviews-Widget--Stars > * { cursor: default !important; } .AirReviews-StarRate .Avada_Star-Icon { font-size:25px !important; } .AirReviews-Widget .AirReviews-StarRatingWrapper .AirReviews-StarRate--Count, #AirReviews-BlockWrapper .AirReviews-Widget__V2 .AirReviews-Blocks__Date, .AirReviews-PreviewWrapper__Mobile .AirReviews-Widget__V2 .AirReviews-Blocks__Date, #AirReviews-Preview__Desktop .AirReviews-Widget__V2 .AirReviews-Blocks__Date, #AirReviews-Modal__Details.AirReviews-Widget__V2 .AirReviews-Blocks__Date, #AirReviews-Modal__Details.AirReviews-Widget__V2 .AirReviews-Modal__ReviewDetails .AirReviews-Modal__Details--Product .AirReviews-Thumbnail { display:none; } div#shopify-block-Aazh1eEkray82Y0VrQ__air_product_reviews_app_carousel_review_list_ngywxb { padding: 0 2.19vw; } .AirReviews-Carousel .AirReviews-Carousel__Container .AirReviews-Carousel__Card .AirReviews-Carousel__CardContent .AirReviews-Pop__Content.AirReviews-Pop__Content-Line { width:100%; } #AirReviews-Modal__Details .AirReviews-Modal__ReviewDetails .AirReviews-Modal__Details--Product .AirReviews-Link__Product { color: #000 !important; font-size: max(15px,1.04vw) !important; line-height: 1.25em !important; font-family: var(--main-family) !important; font-weight: 500 !important; letter-spacing: 0 !important; span { max-width: 100% !important; text-overflow: unset !important; } } .AirReviews-StarRate .AirReviews-StarRate--Icon.AirReviews-StarRate--Icon-negative>.Avada_Star-Icon--empty span:first-child::before, .AirReviews-StarRate .AirReviews-StarRate--Icon.AirReviews-StarRate--Icon-negative .Avada_Star-Icon::before { font-size:25px; } div.AirReviews-StarRate .Avada_Star-Icon.AirReviews-Star--Icon .Avada_Star-Icon__Star:before { content: ""; color: #FFA793 !important; display: inline-block; position: absolute; font-size:25px; } .AirReviews-StarRate .AirReviews-StarRate--Icon.AirReviews-StarRate-single-star>.Avada_Star-Icon span:first-child:before { color: transparent; font-size: 25px; } .AirReviews-StarRate .AirReviews-StarRate--Icon.AirReviews-StarRate-single-star .Avada_Star-Icon:before { font-size:25px; color: #FBE99F !important; } .AirReviews-Carousel .AirReviews-Carousel__Container .AirReviews-Carousel__Card .AirReviews-Carousel__Media .AirReviews-Carousel__RateWrapper { position: relative !important; bottom: -10px !important; left: 0 !important; transform: none !important; background-color: #fff !important; display: flex; justify-content: flex-start !important; align-items: center; border: none !important; } AirReviews-StarRate .Avada_Star-Icon.AirReviews-Star--Icon.Avada_Star-Icon--empty .Avada_Star-Icon__Star:before { color: var(--air-empty-star-color) !important; } .AirReviews-StarRate .AirReviews-StarRate--Icon { margin-right: 0; line-height: initial; } .AirReviews-CarouselWrapper .AirReviews-Carousel.AirReviews-Widget__V2 .AirReviews-Carousel__Card, .AirReviews-CarouselWrapper__OldTheme .AirReviews-Carousel.AirReviews-Widget__V2 .AirReviews-Carousel__Card { border-radius:60px !important; } .AirReviews-CarouselWrapper .AirReviews-Carousel.AirReviews-Widget__V2 .AirReviews-Carousel__Card .AirReviews-Carousel__Media .AirReviews-Carousel__Image, .AirReviews-CarouselWrapper__OldTheme .AirReviews-Carousel.AirReviews-Widget__V2 .AirReviews-Carousel__Card .AirReviews-Carousel__Media .AirReviews-Carousel__Image { border-radius: 60px 60px 0 0 !important; } .AirReviews-CarouselWrapper .AirReviews-Carousel.AirReviews-Widget__V2 .AirReviews-Carousel__Card .AirReviews-Carousel__CardContent, .AirReviews-CarouselWrapper__OldTheme .AirReviews-Carousel.AirReviews-Widget__V2 .AirReviews-Carousel__Card .AirReviews-Carousel__CardContent { padding: var(--air-spacing-8) var(--air-spacing-4) 0; display: flex; flex-wrap: wrap; justify-content: flex-end; } .AirReviews-CarouselWrapper .AirReviews-Widget__V2 .AirReviews-Blocks__ReviewDetails--Heading, .AirReviews-PreviewWrapper__Mobile .AirReviews-Widget__V2 .AirReviews-Blocks__ReviewDetails--Heading, .AirReviews-CarouselWrapper__OldTheme .AirReviews-Widget__V2 .AirReviews-Blocks__ReviewDetails--Heading { display: flex; flex-direction: column; gap: var(--air-spacing-3); margin-bottom: var(--air-spacing-2); order: 1; } .AirReviews-Carousel .AirReviews-Carousel__Container .AirReviews-Carousel__Card .AirReviews-Carousel__CardContent .AirReviews-Pop__Content--SeeMore { width:100%; } .AirReviews-CarouselWrapper .AirReviews-Carousel.AirReviews-Widget__V2 .AirReviews-Carousel__Card .AirReviews-Blocks__Avatar, .AirReviews-CarouselWrapper__OldTheme .AirReviews-Carousel.AirReviews-Widget__V2 .AirReviews-Carousel__Card .AirReviews-Blocks__Avatar, .AirReviews-CarouselWrapper .AirReviews-Widget__V2 .AirReviews-Blocks__Carousel--BadgeAndDate, .AirReviews-PreviewWrapper__Mobile .AirReviews-Widget__V2 .AirReviews-Blocks__Carousel--BadgeAndDate, .AirReviews-CarouselWrapper__OldTheme .AirReviews-Widget__V2 .AirReviews-Blocks__Carousel--BadgeAndDate{ display:none !important; } .custom-heading { padding-top:7.81vw; padding-bottom:6.09vw; display: flex; flex-wrap: wrap; justify-content: center; margin:0; h6 { font-weight:500; letter-spacing:.01em; font-size:max(15px, 1.04vw) !important; line-height:1.25vw; margin-bottom:1.15vw; } h2 { letter-spacing:0; font-size: max(32px, 2.6vw) !important; line-height:3.13vw; } } .custom-heading{ &.product-page { padding-top:7.81vw; padding-bottom:0; display: flex; flex-wrap: wrap; justify-content: center; margin:0; h2 { font-weight:400; letter-spacing:.01em; font-size:max(20px, 1.74vw) !important; line-height:1.25vw; margin-bottom:1.15vw; } h6 { letter-spacing:0; font-size: max(32px, 2.6vw) !important; line-height:3.13vw; font-weight:500; @media (max-width:767px) { padding:0 12.6vw; text-align:center; } } } } button.AirReviews-Modal__ReviewDetails--ShopButton{ background: #97bd79 !important; border-radius: 50px !important; fill: #fff; margin-top: 2.03vw; color: #fff !important; font-weight: 500 !important; letter-spacing: 0; height: 100% !important; white-space: nowrap !important; overflow: hidden; column-gap: 0; text-transform: uppercase; position:relative; margin:0; line-height:1.25em; font-size:max(15px,1.04vw) !important; } /*----------------------- Product Reviews ---------------------------*/ #AirReviews-BlockWrapper .AirReviews-Widget__V2:has(.AirReviews-Blocks__PresetModern) .AirReviews-Blocks__LayoutCarousel.AirReviews-Blocks__PresetModern .AirReviews-Blocks__ReviewDetails, #AirReviews-BlockWrapper .AirReviews-Widget__V2:has(.AirReviews-Blocks__PresetModern) .AirReviews-Blocks__LayoutCarouselInner.AirReviews-Blocks__PresetModern .AirReviews-Blocks__ReviewDetails { border-radius: 40px; overflow: hidden; } #AirReviews-BlockWrapper .AirReviews-Widget__V2:has(.AirReviews-Blocks__PresetModern) .AirReviews-Blocks__LayoutCarousel.AirReviews-Blocks__PresetModern .AirReviews-Carousel__Information, #AirReviews-BlockWrapper .AirReviews-Widget__V2:has(.AirReviews-Blocks__PresetModern) .AirReviews-Blocks__LayoutCarouselInner.AirReviews-Blocks__PresetModern .AirReviews-Carousel__Information { padding: 1rem 2rem !important; } .AirReviews-StarRate .AirReviews-StarRate--Icon.AirReviews-StarRate-single-star.medium .Avada_Star-Icon.AirReviews-Star--Icon-slim:before { color:#FFA793 !important } #AirReviews-BlockWrapper .AirReviews-Widget__V2:has(.AirReviews-Blocks__PresetModern) .AirReviews-Blocks__LayoutGrid .AirReviews-Blocks--Title, #AirReviews-BlockWrapper .AirReviews-Widget__V2:has(.AirReviews-Blocks__PresetModern) .AirReviews-Blocks__LayoutCarousel .AirReviews-Blocks--Title { line-height: 1.25em; padding-bottom: 5vw !important; text-align: center; font-size: max(32px, 3.91vw) !important; font-weight: bold; letter-spacing: 0; } .AirReviews-Blocks .AirReviews-Blocks__Summary .AirReviews-Blocks--List .AirReviews-Blocks--ListItem .AirReviews-Blocks-Star>svg { width: 25px !important; height: 25px !important; path { fill: #FBE99F !important; stroke: #fbe99f; } } .AirReviews-Blocks .AirReviews-Blocks__Summary .AirReviews-Blocks--List .AirReviews-Blocks--ListItem .AirReviews-Blocks-ProcessBar { background:#FBE99F !important; } .pagination .page-number.current, .pagination .page-number:hover { background-color:#97BD79 !important; } #AirReviews-BlockWrapper .AirReviews-Widget__V2:has(.AirReviews-Blocks__PresetModern) .AirReviews-Blocks__LayoutCarousel.AirReviews-Blocks__PresetModern .AirReviews-Blocks__ReviewDetails, #AirReviews-BlockWrapper .AirReviews-Widget__V2:has(.AirReviews-Blocks__PresetModern) .AirReviews-Blocks__LayoutCarouselInner.AirReviews-Blocks__PresetModern .AirReviews-Blocks__ReviewDetails { max-width:35%; margin:auto !important; } #AirReviews-BlockWrapper .AirReviews-Widget__V2 .AirReviews-Blocks__AuthorRight, .AirReviews-PreviewWrapper__Mobile .AirReviews-Widget__V2 .AirReviews-Blocks__AuthorRight, #AirReviews-Preview__Desktop .AirReviews-Widget__V2 .AirReviews-Blocks__AuthorRight { width:100% !important; max-width:100% !important; } #AirReviews-BlockWrapper .AirReviews-Widget__V2 .AirReviews-Blocks__LayoutCarousel .AirReviews-Blocks__Carousel--Small .AirReviews-Blocks__AuthorName, .AirReviews-PreviewWrapper__Mobile .AirReviews-Widget__V2 .AirReviews-Blocks__LayoutCarousel .AirReviews-Blocks__Carousel--Small .AirReviews-Blocks__AuthorName, #AirReviews-Preview__Desktop .AirReviews-Widget__V2 .AirReviews-Blocks__LayoutCarousel .AirReviews-Blocks__Carousel--Small .AirReviews-Blocks__AuthorName, .AirReviews-CarouselWrapper .AirReviews-Widget__V2 .AirReviews-Blocks__AuthorName, .AirReviews-PreviewWrapper__Mobile .AirReviews-Widget__V2 .AirReviews-Blocks__AuthorName, .AirReviews-CarouselWrapper__OldTheme .AirReviews-Widget__V2 .AirReviews-Blocks__AuthorName { max-width: 100% !important; text-overflow: unset !important; } #AirReviews-Modal__Details.AirReviews-Widget__V2 .AirReviews-Modal__Container .AirReviews-Modal__Wrapper { width: 85% !important; } .AirReviews-Thumbnail>img, .AirReviews-Thumbnail--selected>img { object-fit:cover !important; } #AirReviews-BlockWrapper .AirReviews-Widget__V2:has(.AirReviews-Blocks__PresetModern) .AirReviews-Blocks__LayoutGrid .AirReviews-Blocks--Title, #AirReviews-BlockWrapper .AirReviews-Widget__V2:has(.AirReviews-Blocks__PresetModern) .AirReviews-Blocks__LayoutCarousel .AirReviews-Blocks--Title { display:none; } /*----------------------- Account ---------------------------*/ #account, #create-account { h1 { font-size: max(32px, 3.91vw) !important; line-height:1.25em; } button.button, a.button { font-weight: 500; letter-spacing: 0; text-transform:uppercase; } a.button { align-content:center; align-items:center; } button.button { background:#FFA793; &:before { background:#E83A06; } } } /*#provesrc-widget-area { display:none !important; }*/ div#AirReviews-FloatButtonWrapper { display:none; } /*----------------------- Responsiveness ---------------------------*/ /* Media Queries for ADA Compliant Font Sizes */ @media screen and (max-width: 1440px) { /* Base typography adjustments */ h1, h2, h3, h4, h5, h6, p:not(.copyright-text), span, a:not(.footer-link), button, input, label { &:where(:not(.icon, .fa, .fas, .far, .fab)) { font-size: max(15px, 1.04vw) !important; line-height:1.25em; } } .collection-header { h1 { font-size:max(32px, 3.94vw) !important; } } @media (max-width:1230px) { /* Add To Compare */ .sp-compare-checkbox { label span { font-size: max(12px, 1.04vw) !important; line-height:1.25em; } } } .section-top-bar__wrapper p { font-size: max(15px, 1.04vw) !important; } /* Hero Section */ .hero-section, .affiliate-hero, .affiliate-header, .faq-section, .affiliate-signup__container { h2 { font-size: max(32px, 3.91vw) !important;} h6 { font-size: max(18px, 1.04vw) !important; line-height:1.25em; } p { font-size: max(16px, 2.08vw) !important; &:nth-of-type(2) { font-size: max(15px, 1.04vw) !important; } } .button span { font-size: max(16px, 1.3vw) !important; } } .hero-section { h2 { font-size:max(32px,3.39vw)!important; } } .faq-section { p { font-size: max(16px, 1.04vw) !important; } } /* Buttons with Image */ .buttons-with-image, .who-can-be, .insider-peek, .what-happens-next, .what-you-get, .product-description-section { h2 { font-size: max(28px, 2.6vw) !important; } h6 { font-size: max(15px, 1.04vw) !important; line-height:1.25em; } .button span { font-size: max(15px, 0.94vw) !important; } } .who-can-be { h4 { font-size: max(32px, 3.91vw) !important; } } /* Marquee */ .marquee-line { font-size: max(15px, 1.04vw) !important; line-height:1.25em; } /* Custom Featured Product */ .custom-featured-product { h2 { font-size: max(28px, 2.86vw) !important; } h6 { font-size: max(15px, 1.04vw) !important; line-height:1.25em; } p { font-size: max(15px, 1.04vw) !important; } } /* Hover Info Section */ .hover-info-section { h2 { font-size: max(28px, 2.86vw) !important; } h6 { font-size: max(15px, 1.04vw) !important; line-height:1.25em; } .step_heading { font-size: max(20px, 2.08vw) !important; } .cover p { font-size: max(15px, 1.04vw) !important; } } /* Image With FAQ */ .image-with-faq, .featured-collection__text-wrapper, .image-with-collection { h2 { font-size: max(28px, 2.86vw) !important; } h6 { font-size: max(15px, 1.04vw) !important; line-height:1.25em;} .rte p { font-size: max(16px, 1.3vw) !important; } h4 { font-size: max(15px, 1.04vw) !important; line-height:1.25em; } } .section-txt-icons { h2 { font-size: max(28px, 2.86vw) !important; } h6 { font-size: max(20px, 1.26vw) !important; line-height:1.25em; } .rte p, p { font-size: max(16px, 1.1vw) !important; } h4 { font-size: max(22px, 1.46vw) !important; line-height:1.25em; } } span { &.intentionally, &.curated { font-size: max(18px, 1.56vw) !important; } } .featured-collection__text-wrapper { h2 { font-size: max(32px, 3.13vw) !important; } } /* Subscribe Section */ .subscribe { h2 { font-size: max(32px, 3.91vw) !important; } .abs-sub-icon { font-size: max(16px, 1.56vw) !important; } .rte p { font-size: max(16px, 1.56vw) !important; } } /* Product Grid */ .product-loop__title a { font-size: max(15px, 0.94vw) !important; } div.product-loop__price, div.product-loop__price span, span.product-loop__price--sale, .product-loop__price--compare.was { font-size: max(16px, 1.04vw) !important; line-height:1.25em; } /* Navigation */ #main-nav .navigation__menulink { font-size: max(15px, 1.04vw) !important; line-height:1.25em; } /* Shop Nav */ .shop-nav-title-block h4.shop-nav-title { font-size: max(18px, 1.56vw) !important; } /* Product Page */ .product-main-section { #product-description { h1 { font-size: max(32px, 3.91vw) !important; } #product-price .price-item { font-size: max(18px, 1.82vw) !important; } .metafield-rich_text_field p { font-size: max(16px, 1.56vw) !important; } } } .filter-drawer__wrapper { & .slide-nav__first-level--wrapper { label { font-size: max(15px, .83vw) !important; line-height: 1.25em; } } } } /* Mobile Specific Adjustments */ @media screen and (max-width: 768px) { /* Reset vw units to px for mobile */ .hero-section { h2 { font-size: 28px !important; } h6 { font-size: 16px !important; } p { font-size: 16px !important; &:nth-of-type(2) { font-size: 15px !important; } } .button span { font-size: 15px !important; } } .buttons-with-image { h2 { font-size: 24px !important; } .button span { font-size: 15px !important; } } .custom-featured-product { h2 { font-size: 28px !important; } p { font-size: 15px !important; } } .hover-info-section { h2 { font-size: 24px !important; } .step_heading { font-size: 18px !important; } } .image-with-faq { h2 { font-size: 24px !important; } .rte p { font-size: 15px !important; } } .subscribe { h2 { font-size: 28px !important; } .abs-sub-icon { font-size: 16px !important; } .rte p { font-size: 16px !important; } } /* Product Grid Mobile Adjustments */ .product-loop__title a, div.product-loop__price, div.product-loop__price span, span.product-loop__price--sale, .product-loop__price--compare.was { font-size: 15px !important; } /* Navigation Mobile */ #main-nav .navigation__menulink { font-size: 16px !important; } /* Shop Nav Mobile */ .shop-nav-title-block h4.shop-nav-title { font-size: 18px !important; } /* Product Page Mobile */ .product-main-section { #product-description { h1 { font-size: 28px !important; } #product-price .price-item { font-size: 18px !important; } .metafield-rich_text_field p { font-size: 16px !important; } } } } /* Print styles - ensuring minimum font size for printed pages */ @media print { body { font-size: 12pt; /* Standard print size */ } h1 { font-size: 24pt !important; } h2 { font-size: 20pt !important; } h3 { font-size: 18pt !important; } h4, h5, h6 { font-size: 16pt !important; } p, span, a { font-size: 12pt !important; } } .mobile { display:none; } @media (max-width:1440px) { #preview-bar-iframe { display:none !important; } .section-featured-collection, .image-with-collection, #CollectionProductGrid, .product-recommendations__wrapper--loop { .product-loop__item { .product-grid-flexbox { height:17.5vw; .grid__wrapper.edge { display: flex; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; } .prod-btns-wrapper { flex-wrap:wrap; button.product-listing__quickview-trigger.add-to-cart-btn, button.product-listing__quickview-trigger.quickview-btn, a.details-btn { width:100%; svg { width: 1.78vw; height: 1.78vw; } } } } } } .custom-heading { h6 { font-size:max(15px, 1.04vw) !important; } h2 { font-size: max(32px, 2.6vw) !important; line-height:1.25em; } } .hover-info-section { .step_block { span { &.abs-step-icon { width:auto; padding:.51vw 0.52vw; } } :nth-child(odd) { span.abs-step-icon { top: -1.15vw; } } :nth-child(even) { span.abs-step-icon { top: -1.15vw; } } } } .sp-compare-custom-collection div.sp-compare-main .sp-compare-wrap { padding:.87vw .57vw; padding-left:35px; label:before { left:calc(50% - 42.5%); } } .filter-section-header .icon-toggle .plus, .filter-section-header .icon-toggle .minus { font-size:max(18px, 2vw) !important; } div.product-loop__badge-icon.icon-type--savings { bottom: 2.5%; top: auto; } .faq-section { .faq-answer { p { line-height:1.25em; } } button.faq-question { line-height:1.25em; } } .who-can-be.grid__wrapper.edge .affiliate-who-can-wrapper article.info .info__inner-wrapper .blocks-wrapper .who-can-block svg, .what-you-get.grid__wrapper.edge .affiliate-who-can-wrapper article.info .info__inner-wrapper .blocks-wrapper .who-can-block svg, .product-list .affiliate-signup__steps .blocks-wrapper .who-can-block svg { width: 1.5rem; height: 1.5rem; min-width:1.5rem; } .what-you-get.grid__wrapper.edge .affiliate-who-can-wrapper article.info .info__inner-wrapper .blocks-wrapper .who-can-block h3 { line-height:1.25em; } .affiliate-signup__heading { line-height:1.25em !important; } .buttons-with-image { article { &.image.span-6 { grid-column: auto / span 4; } &.info.span-6 { grid-column: auto / span 8; } } .button { span { line-height:1.15em; } } } } @media (max-width:1230px) { .shop-navbar .linklist-section__container { padding-right:2.5vw; } .image-with-collection { .product-loop__item { .product-grid-flexbox { height:17.5vw; } } } #main-collection-product-grid, .section-featured-collection { .product-loop__item { .product-grid-flexbox { height:20vw; } } } } @media (max-width:1200px) { .image-with-faq .eachFaq { padding: 1.57vw 0 1.57vw 2.45vw; } .sp-compare-custom-collection { div.sp-compare-main { .sp-compare-wrap { label:before { left:11px; } } } } } @media (max-width:1100px) { .shop-navbar { .linklist-section__wrapper { &.a-center { column-gap: 2.27vw; } } } div.sp-comp-main .sp-com-pop .sp-com-pop-body .sp-comp-t-img-cont-wrap h3 a { line-height:1.25em; } } @media (max-width:1023px) { .desktop {display:none;} .mobile {display:block;} body#products { #shopify-section-template--17359480062124__shop_nav_LdMiV3 { z-index:10; } } body.slideout-mobile-navigation--open .section-header__mobile.mobile-nav__mobile-header { background-color: #f6f5ed !important; } aside#mobile-slideout { background-color: #f6f5ed; } aside.slideout.slideout--close.slideout__drawer-left { transform: translate(-100%) !important; } aside.slideout.slideout--close.slideout__drawer-right { transform: translate(100%) !important; } .shop-navbar { .slideout__trigger-mobile-menu { svg { g { fill:#fff; stroke:#fff; } } } .linklist-section__container { padding-right:5vw; height:65px; .shop-nav-title-block { height: 100%; display: flex; align-content: center; align-items: center; } } #mobile-slideout { background:#ffa793; svg { g { fill:#fff; stroke:#fff; } } } } .bar-link {display:none;} .mobile-nav__wrapper .c-accordion__top-level .c-accordion__link, .mobile-nav__wrapper .c-accordion__second-level .c-accordion__link, .mobile-nav__wrapper .c-accordion__third-level .c-accordion__link { font-size: max(16px, 3vw) !important; text-align: center; display: block; font-family: 'Libre Franklin'; font-weight: 500; letter-spacing: 0; text-transform: uppercase; } section.section-header__mobile { background:#F6F5ED !important; padding:0; .grid__wrapper.narrow { padding-left: 0; padding-right: 5vw; } .cart-link { display:none; } .site-logo { display:block; } .bar-link { display:block; margin:0; } } .buttons-with-image { .button { padding: 0.5vw 2vw; height: auto; span { line-height: 1.25em; max-height:2.5em; overflow:hidden; svg { width:7.5vw; } } } } .bundle-collection .title-wrap h2 span.intentionally { left: -15.5vw; } .bundle-collection .title-wrap h2 span.curated { left:-9.75vw; } .section-featured-collection, .image-with-collection, #CollectionProductGrid, .product-recommendations__wrapper--loop { .product-loop__item .product-grid-flexbox { height: 22.5vw; } } .collection-header .section__banner-caption .text-wrapper h1 { font-size:max(32px,3.39vw) !important; } .collection-header .section__banner-caption .text-wrapper h6, .collection-header .section__banner-caption .text-wrapper .rte p { line-height:1.25em; } .who-can-be.grid__wrapper.edge .affiliate-who-can-wrapper article.info .info__inner-wrapper .blocks-wrapper .who-can-block h3 { line-height:1.25em; } .product-page { .flickity-viewport { min-height: 650px; height: 100% !important; } } .product-main-section .full-width--true.product-top.grid__wrapper .product__section-images .scroll--gallery_item { width: 100%; height: 100%; padding: 0; } .sticky--content { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; align-content: center; } .product-main-section .full-width--true.product-top.grid__wrapper #product-description h1 { width: 100%; text-align: center; margin-top:5vw; } .product-form__prices.mb2.animate--text.delay--3 { width: 100%; text-align: center; } .buttons-with-image { article { &.image.span-6 { grid-column: auto / span 12; height:500px; } &.info.span-6 { grid-column: auto / span 12; } } .button { span { line-height:1.15em; } } } .image-with-faq .eachFaq { padding: 1rem 0 1rem 1.5rem; } .template-product { h1,h2,h3,h4,h5,h6,span,p { line-height:1.25em !important; } } } @media (max-width:967px) { .section-featured-collection { .product-loop__item { grid-column: auto / span 6; } } .buttons-with-image, .section-image-with-faq, .image-with-collection { article { &.span-6 { width: 100%; grid-column: auto / span 12; &.image { height:65vw; } &.info { .buttons-wrapper { grid-template-columns: 1fr 1fr; } } } } } .image-with-collection.grid__wrapper.edge article.product-loop__item { width: 100%; grid-column: auto / span 6; } .bundle-collection .title-wrap h2 span.curated { left: -10.25vw; } .bundle-collection .title-wrap h2 span.intentionally { left: -16.5vw; } .image-with-collection.grid__wrapper.edge { .image { height:auto; justify-content: center; align-content: center; align-items: center; h2 { margin-bottom:3vw; } .background-image { height: 75vw; } .button { margin-bottom:5vw !important; } } } .section-wrapper-shop-all { flex-wrap:wrap; .filters-wrap { max-width:100%; .searchbox__form { background-position:97.5% 50%; #quest { &::placeholder { font-size:max(15px,1.04vw); } } } } #main-collection-product-grid { width:100%; max-width:100%; } } .filter-section-header .icon-toggle .plus, .filter-section-header .icon-toggle .minus { font-size:max(32px, 2vw) !important; } } @media (max-width:767px) { .site-wrap { overflow-x: unset; } .hero-section { .image { display:none; } .info { background-color: var(--new-header-bg) !important; background-image: url(//shoprevealstudioco.com/cdn/shop/files/kailimarch24finals-118_1.jpg?v=1735346080&width=800); background-position: 30% 0%; height: 100vh; display: flex; align-content: center; align-items: center; padding: 5vw; &:before { content: ""; position: absolute; width: 100%; height: 100%; background: #000; opacity: .4; left:0; top:0; } h2, h6, p { color:#fff; } p { line-height:1.5em; } } .button { span { overflow:hidden; svg { width:15vw; } } } } .mobile-nav__wrapper .c-accordion__top-level .c-accordion__link, .mobile-nav__wrapper .c-accordion__second-level .c-accordion__link, .mobile-nav__wrapper .c-accordion__third-level .c-accordion__link { font-size: max(32px, 3vw) !important; } .shop-navbar { .linklist-section__container { .linklist-section__wrapper.a-center { justify-content: flex-end; ul.inline-block { width:auto; } .cart-link { .fa-solid { &:before { font-size:max(16px,1.54vw); } } } } } } div.buttons-with-image { article.span-6.info { .buttons-wrapper { grid-template-columns: 1fr; .button { span { overflow:hidden; svg { width:15vw; } } } } } } .custom-featured-product { .image { margin-top: -35%; } .info { margin-top:-20%; .info__inner-wrapper { row-gap: 3.88vw; h6 { width:100%; } } } .button { span { overflow:hidden; svg { width:15vw; } } } } .hover-info-section { padding-top: 5.93vw; padding-bottom: 5.29vw; .main-content-wrapper { justify-content: flex-end; padding: 0 10vw; h2 { font-size: max(28px, 3vw) !important; max-width: 60%; margin-bottom:5vw; } h6 { &.mobile { width: 65%; } } .steps-wrapper { width:auto; margin-right: auto; margin-left: 0; z-index:1; margin-top:10vw; .step_block { padding:2em 0; .step_heading { font-size: max(24px, 2vw) !important; line-height: 1.25em; text-transform: capitalize; span { &.abs-step-icon { padding: .251em .5em; font-size: max(13px, 1.04vw) !important; line-height: 1.25em; top: -3.15vw; } } } .cover { p { line-height:1.25em; } &.open-ht { animation: mobile-tv-open 0.5s ease forwards; p { opacity:1; } } } } } .background-image.right { z-index:0; } } } .favorites-collection-section .rte { font-size: max(14px, 1.25vw); line-height: 1.25em; margin-bottom: 3.3vw; } .slideout--active .slideout__trigger-quickview__wrapper { top: -5px !important; } button.btn-as-link, [type=button].btn-as-link { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-content: center; align-items: center; } .ajax-cart__header-wrapper .span-4.auto span { line-height: 1.25em; white-space: nowrap; } .section-featured-collection, .image-with-collection, #CollectionProductGrid, .product-recommendations__wrapper--loop { a.button { span { overflow:hidden; svg { width:15vw; } } } .product-loop__item { padding:2rem 1.5rem; grid-column: auto / span 12 !important; .sp-compare-custom-collection { margin-bottom: 1rem; div.sp-compare-main { .sp-compare-wrap { padding: .87rem .57rem; padding-left: 2rem; label { &:before { } &:after { left: .35rem; } } } } } button.quickview-btn { line-height:1.25em; margin: 0; padding: .5rem 1rem; svg { width: 1rem !important; height: 1rem !important; margin-right: .5rem; } } .product-grid-flexbox { height:12.5rem; .prod-btns-wrapper { gap:1rem; .button, button { line-height:1.25em; padding:.5rem 0; svg { width: 1rem !important; height: 1rem !important; margin-right: .5rem; } } } } } } .AirReviews-Carousel .AirReviews-Carousel__Container { margin-top:0 !important; } .bundle-collection { .title-wrap { h2 { line-height:1.25em; span { &.intentionally, &.curated { font-size: max(15px, 2vw) !important; line-height: 1.25em; padding: .125rem .25rem; border-radius: 50px; } &.intentionally { left: -30vw; } &.curated { left: -18.25vw; } } } } .rte { margin: auto; margin-bottom: 2rem; max-width: 100%; text-align: center; margin-top: 1rem; p { line-height:1.25em; } } } .image-with-faq { .info__inner-wrapper { display: flex; flex-wrap: wrap; gap: .75rem; h2 { font-size: max(28px, 2.86vw) !important; max-width: 100%; line-height: 1.25em; } .rte { p { font-size: max(15px, 2vw) !important; line-height: 1.25em; } } .faq-wrapper { display: block; width: 100%; .eachFaq { h4 { line-height:1.25em; padding:0 0 0 1.5em; &:before { font-size: max(25px, 1.54vw); } } } } } } .image-with-collection { &.grid__wrapper.edge { .image { h2, h6, p { line-height:1.25em; } } a.button.inline-block { margin-top: 2rem; } } } .subscribe { .rte { p { font-size: max(16px, 1.56vw) !important; line-height:1.25em; } } span { &.abs-sub-icon { font-size: max(16px, 1.56vw) !important; line-height:1.25em; top: -52.5%; right: 10%; padding:0 .5rem; } } [data-ff-el=root].ff-64a593fc25d40372b8b3f9e6 .ff-64a593fc25d40372b8b3f9e6__button { width: 100%; margin-top: 0; } } footer { &.section-footer { .sm-span-6.auto { grid-column: auto / span 12 !important; } .span-12.auto.a-left.mt10 {display:none;} .copyright-bar { grid-template-columns: 1fr; .copyright-right { padding:3vw 2vw; p, a { line-height:1.25em; } .se-icon { width: .51rem; height: .51rem; margin: 0.25rem; } } } } } .collection-template { #CollectionProductGrid { padding:0 10vw; .filters-wrap { padding-bottom:10vw; } } } div.collection-header { .section__banner-image { max-width: 50%; height: 41.35vw; position: absolute; top: 0; opacity: 1; overflow: hidden; } .section__banner-caption { position: relative; padding: 45vw 10vw; .text-wrapper { width:100%; max-width:100%; } } .background-image.right { top: auto; bottom: 0; position: absolute; background-size: cover; width:50%; } } .affiliate-header { padding:3.18vw 2vw; } .affiliate-hero { &.grid__wrapper.edge { padding:45.24vw 7.08vw 12.76vw 6.49vw; background-position: 35% 100%; .info__inner-wrapper { h2, h6, .rte p { line-height:1.25em; } a.button { margin-top:5vw; span { overflow:hidden; svg { width:15vw; } } } } } } .who-can-be { &.grid__wrapper.edge { .background-image { height: 500px; grid-column: 1 / 13; width: 100%; position:relative; right:auto; } .affiliate-who-can-wrapper { flex-wrap:wrap; article.info { order:2; width:100%; max-width:100%; .info__inner-wrapper { padding: 10vw 2.5vw; display: flex; flex-wrap: wrap; justify-content: center; h2, h6 { line-height:1.25em; text-align:center; } .blocks-wrapper { .who-can-block { column-gap:1rem; h3 { max-width:85%; } } } a.button { margin-top:5vw; span { overflow:hidden; svg { width:15vw; } } } } } .info-rotated-text { writing-mode: unset; order: 1; width:100%; margin-top:5vw; h4 { line-height:1.25em; text-align:center; } } } } } .insider-peek { &.grid__wrapper.edge { .affiliate-insider-peek-wrapper { margin-bottom:0; .insider-peek-title-wrapper { h2,h6,.rte p { line-height:1.25em; max-width:100%; } } .articles-wrapper { column-gap:0; flex-wrap:wrap; article.image.auto.relative { width: 100%; order: 1; height: 500px; max-width: 100%; } article.info.auto.relative { max-width: 100%; order: 2; .info__inner-wrapper { display: flex; flex-wrap: wrap; justify-content: center; } .insider-peek-block { h3.insider-peek-heading { line-height:1.25em; } .block-content { p { line-height:1.25em; } } } a.button { margin-top:5vw; span { overflow:hidden; svg { width:15vw; } } } } } } .final-par { p { max-width:100%; line-height:1.25em; } } } } .affiliate-signup { .affiliate-signup__content { padding:1rem 10vw; display: flex; flex-wrap: wrap; justify-content: center; .affiliate-signup__heading { line-height:1.25em; text-align:center; } h6 { line-height:1.25em; } .affiliate-signup__step { .step-wrapper { .affiliate-signup__step-number { width: auto; height: auto; border-radius: 50px; font-size: max(12px, 1.04vw) !important; line-height: 1.25em; padding: .15rem .25rem; } } &:nth-of-type(1) { .affiliate-signup__step-number { top: -3vw; } } &:nth-of-type(2) { .affiliate-signup__step-number { top: -3.5vw; } } &:nth-of-type(3) { .affiliate-signup__step-number { top: -3.5vw; } } &:nth-of-type(4) { .affiliate-signup__step-number { bottom: -3vw; } } &:nth-of-type(5) { .affiliate-signup__step-number { top: -3vw; } } &:nth-of-type(6) { .affiliate-signup__step-number { top: -3.5vw; } } } a.button { margin-top:5vw; span { overflow:hidden; svg { width:15vw; } } } } } div.faq-section { padding:17.5rem 1rem; h2.faq-title { line-height:1.25em; } .background-image.left { width: 50%; height: 55.06vw; } button.faq-question { padding:1rem 1rem 1rem 0; height:auto; .faq-icon { width: 1.5rem; height: 1.5rem; min-width: 1.5rem; } } .background-image.right { width: 50%; height: 55.64vw; bottom:5.61vw; } } div.what-you-get { .background-image { order:1; width: 100%; height: 650px; background-position:top; } &.grid__wrapper.edge { .affiliate-who-can-wrapper { order: 2; article.info { max-width:100%; } } } } .what-you-get.grid__wrapper.edge .affiliate-who-can-wrapper article.info .info__inner-wrapper .blocks-wrapper .who-can-block { padding-bottom:2rem; } .product-description-section.grid__wrapper.edge { padding:5.47vw 5.81vw 2.03vw; h2, h6, p { line-height:1.25em !important; } } .product-recommendations__wrapper { h2 { font-size:max(28px, 1.82vw) !important; } } .template-product { .product-list { .affiliate-signup__content { h2 { text-align:center; } .who-can-block { column-gap:1rem; } } } .how-it-works .section-txt-icons__inner-wrapper.grid__wrapper { padding: 0 2rem; padding-top: 0; padding-bottom: 11.67vw; display: flex; flex-wrap: wrap; .section-txt-icons__item img { width: 10.21vw; height: 10.21vw; } } } .product-main-section { .button { span { overflow:hidden; svg { width:15vw; } } } } }