/** Shopify CDN: Minification failed Line 2662:2 Unexpected "}" Line 4399:0 Unexpected "}" **/ h4, .h4, h5, .h5, h6, .h6 { font-weight:500; } /* --------------- BUTTONS --------------- */ .btn.btn--primary, .btn.btn--secondary, .btn.add-to-cart { font-size:110% !important; font-weight: 400 !important; } /* --------------- HEADER --------------- */ header.header:before { background-color: #fff; } /* header.header:before { background-color: #f8f3ec; } */ /* --------------- MEGA MENU --------------- */ .mega-menu .mega-menu__item, .mega-menu .promotion-item, .mega-menu .mega-menu__promotions--carousel { transition: none; transition-delay: unset; } @media (min-width: 1024px) { .header--left-center { --header-grid-template: "logo navigation icons" / minmax(0, 1fr) fit-content(70%) minmax(0, 6fr); } .header__navigation { margin-top: 5px; } } @media (min-width: 1024px) { .mega-menu__promotions-grid { gap: 1.5rem; } } .mega-menu__wrapper { background-color: #f8f3ec; border-top:none; } nav.header__menu .mega-menu .card-media__content-wrapper .card-media__button { display:none !important; } nav.header__menu details .mega-menu__promotions .card-media__content .card-media__text .card-media__description p { font-size:13px; line-height:140%; } nav.header__menu .mega-menu .card-media__content-wrapper .rich-text__heading span.reversed-link, nav.header__menu .mega-menu .card-media__content-wrapper .rich-text__heading span.reversed-link:hover { background:none; } nav.header__menu details span.menu__item span.reversed-link svg { display:none !important; } nav.header__menu details span.menu__item span.reversed-link, nav.header__menu ul a.menu__item span.reversed-link { font-size:18px; } nav.header__menu details span.menu__item span.reversed-link:hover, nav.header__menu ul a.menu__item span.reversed-link:hover { color:#ff5601; } nav.header__menu details .promotion-item .card-media { border-radius:7px; overflow:hidden; } nav.header__menu details .promotion-item .card-media .card-media__content { padding:15px; } nav.header__menu details .promotion-item .card-media .card-media__content .h5 span.reversed-link { font-size:15px; } .header__icons #end-nav-menu { width: 100%; display: flex; gap: 10px; } .header__icons #end-nav-menu li { border: 1px solid #000; border-radius: 3px; padding: 2px 10px 0px; font-size: 16px; text-transform: lowercase; transition:0.3s all; } .header__icons #end-nav-menu li:last-child { border-color:#ffd45d; background-color:#ffd45d; } .header__icons #end-nav-menu li:last-child:hover { color:#fff !important; background-color:#000; border-color:#000; transition:0.3s all; } .header__icons #end-nav-menu li:hover { color:#ff5601; transition:0.3s all; } @media only screen and (max-width: 768px) { .header__icons #end-nav-menu { display:none; } #shopify-section-sticky-atc-bar .sticky-atc-bar .product-form__buttons { flex-wrap: wrap; gap: 0 2rem; } } /* Custom Menu */ .mega-menu__beast.mega-menu__beast-grid { display: grid; width:100%; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } .mega-menu__beast.mega-menu__beast-grid .beast-menu-item { position: relative; width:100%; } .mega-menu__beast.mega-menu__beast-grid .beast-menu-item.beast__spacer { visibility:hidden; } .mega-menu__beast.mega-menu__beast-grid .beast-menu-item .rich-text__heading { cursor:default; margin: 10px 0 0; } .mega-menu__beast.mega-menu__beast-grid .beast__menu_list ul { margin:0; } .mega-menu__beast.mega-menu__beast-grid .beast__menu_list ul li { padding:4px 0; } .mega-menu__beast.mega-menu__beast-grid .beast__menu_list ul li:hover { background: #EFE8DF; position: relative; left:-10px; padding-left: 10px; } .mega-menu__beast.mega-menu__beast-grid .beast__menu_list ul li a { font-size: 17px; font-weight: 400; } .mega-menu__beast.mega-menu__beast-grid .beast__img_card .custom-card__media img { max-height:412px; object-fit: fill; } .mega-menu__beast.mega-menu__beast-grid .product-card .product-card__info { padding: 1.5rem 2.4rem 0.5rem; min-height: auto; } .mega-menu__beast.mega-menu__beast-grid .product-card .product-card__info .f-price { position: inherit; margin:0; font-size: 17px; font-weight: 600; } .mega-menu__beast.mega-menu__beast-grid .product-card .product-card__info .f-price .product-card__badge { display:none; } .mega-menu__beast.mega-menu__beast-grid .product-card .product-card__image-wrapper { max-height: 300px; overflow: hidden; margin: 0 1.2rem; } .mega-menu__beast.mega-menu__beast-grid .product-card .product-card__image-wrapper .product-card__badge { right: 2rem !important; left: auto !important; z-index:1; position: absolute; inset-inline-start: 1.2rem; top: 1.2rem; display: flex; flex-wrap: wrap; align-items: flex-start; gap: .6rem; } .mega-menu__beast.mega-menu__beast-grid .product-card .product-card__image-wrapper .product-card__badge .f-badge--hot, .mega-menu__beast.mega-menu__beast-grid .product-card .product-card__image-wrapper .product-card__badge .f-badge--new, .mega-menu__beast.mega-menu__beast-grid .product-card .product-card__image-wrapper .product-card__badge .f-badge--soldout { display:block !important; } .mega-menu__beast.mega-menu__beast-grid .product-card .product-card__image-wrapper .product-card__image img { max-height: 300px; background:#fff; } .mega-menu__beast.mega-menu__beast-grid .product-card .product-card__info .product-card__title { padding: 0; margin: 0; line-height: 125%; font-size: 16px; font-weight: 400; } .mega-menu__beast.mega-menu__beast-grid .product-card .product-card__wrapper .product-card__title-wrapper { font-weight: 600; font-size: 16px; padding: 0.8rem 1.5rem 0.2rem; } .mega-menu__beast.mega-menu__beast-grid:has(.beast__blogs) .beast-menu-item:last-child { display:none; } .mega-menu__beast.mega-menu__beast-grid .beast__blog_card { display: none; } .mega-menu__beast.mega-menu__beast-grid .beast__blog_card.beast__blogs { display: block !important; } .mega-menu__beast.mega-menu__beast-grid .beast_blog_wrap { display: flex; flex-direction: column; gap:10.5px; max-height:824px; height:100%; } .mega-menu__beast.mega-menu__beast-grid .beast_blog_wrap .featured-article { position: relative; } .mega-menu__beast.mega-menu__beast-grid .beast_blog_wrap .featured-article img { max-height: 200px; height:100%; width: 100%; object-fit: cover; } .mega-menu__beast.mega-menu__beast-grid .beast_blog_wrap .featured-article .article-title { position: absolute; top:30px; left:0; right:0; margin:0 auto; text-align: center; font-size: 20px; font-weight: 500; color:#fff; } @media only screen and (max-width: 1366px) { .mega-menu__beast.mega-menu__beast-grid .beast__img_card .card-media, .mega-menu__beast.mega-menu__beast-grid .beast__img_card .custom-card__wrapper, .mega-menu__beast.mega-menu__beast-grid .beast__img_card .custom-card__media { height:100%; } .mega-menu__beast.mega-menu__beast-grid .beast__img_card .custom-card__media img { object-fit: cover; height: 100%; } .mega-menu__beast.mega-menu__beast-grid .product-card .product-card__image-wrapper .product-card__badge { right: 1rem; top: 1rem; } } /* --------------- GENERAL --------------- */ /* Page */ .page-template .site-wrapper #MainContent:not(.default) section[id*="__main"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .page-template .image-with-text .image-with-text__wrapper .image-with-text__content .multi_button_wrap { display: inline-flex; } .page-template .image-with-text .image-with-text__wrapper .image-with-text__content .multi_button_wrap:last-child { margin-left:5px; } @media only screen and (max-width: 820px) { .page-template .image-with-text .image-with-text__wrapper .image-with-text__content .multi_button_wrap:last-child { margin-left:0; margin-top: 10px; } } @media only screen and (max-width: 767px) { .page-template .image-with-text .image-with-text__wrapper .image-with-text__content .multi_button_wrap:last-child { margin-left:5px; margin-top: 0; } } @media only screen and (max-width:540px) { .page-template .image-with-text .image-with-text__wrapper .image-with-text__content .multi_button_wrap { display: block; width:100%; } .page-template .image-with-text .image-with-text__wrapper .image-with-text__content .multi_button_wrap:last-child { margin-left:0; margin-top: 10px; } } /* Product Card*/ .product-card__image { transition: .3s cubic-bezier(.4,0,.2,1); } .product-card__image--main { transition: opacity 0.3s ease;} /* --------------- SEARCH (PREDICITIVE SEARCH) --------------- */ #SearchDrawer .search__content #predictive-search-results-products-list li.predictive-search__list-item a, #SearchDrawer .search__content #predictive-search-results-products-list li.predictive-search__list-item a img { max-width:60px; } #SearchDrawer .search__content #predictive-search-results-recipes-list li.predictive-search-result__list-item a.media-wrapper, #SearchDrawer .search__content #predictive-search-results-recipes-list li.predictive-search-result__list-item a.media-wrapper img { max-width:60px; } #SearchDrawer .search__content #predictive-search-results-journal-list li.predictive-search-result__list-item a.media-wrapper, #SearchDrawer .search__content #predictive-search-results-journals-list li.predictive-search-result__list-item a.media-wrapper img { max-width:60px; } #SearchDrawer .search__content .predictive-search-result--article { padding-block-start: 1.5rem; } #SearchDrawer .search__content .predictive-search-result--article #predictive-search-results-recipes-list, #SearchDrawer .search__content .predictive-search-result--article #predictive-search-results-journal-list { margin-bottom: 1.3rem; } #SearchDrawer .search__content .predictive-search-result--article h4.search__box-item { padding-block-start: 1.5rem; } .search-template #MainContent .collection__content #ProductGridContainer grid-list .search-grid-title { grid-column: 1 / -1; border-bottom: 1px solid #ededed; padding-bottom: 5px; margin-bottom: 10px; } .search-template #MainContent .collection__content #ProductGridContainer grid-list:not(:first-of-type) .search-grid-title { margin-top:4rem; } .search-template #MainContent .collection__content #ProductsList_products .product-card .compatibility_wrap { display:none; } .search-template #MainContent .collection__content #ProductsList_products .product-card .product-card__info .f-price .f-price__sale .f-price-item--sale, .search-template #MainContent .collection__content #ProductsList_products .product-card .product-card__info .f-price .f-price__regular .f-price-item--regular { font-weight: 700; color: currentColor; font-size: 18px; } .search-template #MainContent .collection__content #ProductGridContainer .f-column .article-card { display: flex; flex-direction: row; gap: 15px; align-items: center; } .search-template #MainContent .collection__content #ProductGridContainer .f-column .article-card .article-card__media { width:60px; min-width: 60px; margin:0; } .search-template #MainContent .collection__content #ProductGridContainer .f-column .article-card .article-card__content .article-card__title { font-size: 16px; font-weight: 400; line-height: 125%; } .search-template #MainContent .collection__content #ProductsList_products .product-card .product-card__info .f-price .f-price__sale .f-price-item--regular { font-weight: 500; color: #bbb; font-size: 18px; line-height: 100%; } .search-template #MainContent .collection__content #ProductsList_products .product-card .product-card__image-wrapper .product-card__badge { z-index:1; } .search-template #MainContent .collection__content #ProductsList_products .product-card .product-card__info .f-price .product-card__badge { display:none; } .search-template #MainContent .collection__content #ProductsList_products .product-card .product-card__info .product-card__title { min-height:55px; } .search-template #MainContent .collection__content #ProductsList_products .product-card .product-card__info button.add-to-cart { position: absolute; bottom: 0; left: 0; right: 0; } .search-template #MainContent .collection__content #ProductsList_products .product-card .product-card__info .product-card__swatches { margin-bottom: 1rem; } .search-template #MainContent .collection__content #ProductsList_products .product-card .product-card__info .product-card__swatches .swatches--product-card .swatch-color { border: none; transition: transform 0.2s; } .search-template #MainContent .collection__content #ProductsList_products .product-card .product-card__info .product-card__swatches .swatches--product-card .swatch-color:after, .search-template #MainContent .collection__content #ProductsList_products .product-card .product-card__info .product-card__swatches .swatches--product-card .swatch-color:before { box-shadow: none; } .search-template #MainContent .collection__content #ProductsList_products .product-card .product-card__info button.add-to-cart { background-color: #243e55; color: #fff; font-weight: 400; border-radius: 3px; height: auto; border: none; padding: 5px 0 2px; transition: 0.3s all; position: relative; width: 100%; bottom: 0; } .search-template #MainContent .collection__content form.face-form #filter_category { display:none; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Size"] .accordion-details__content li { display:none; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Size"] .accordion-details__content li:has([value="Compact"]), .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Size"] .accordion-details__content li:has([value="Cordless"]), .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Size"] .accordion-details__content li:has([value="Full"]) { display:flex !important; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Size"] show-more-button { display:none; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input { border: none; border-radius: 22px; width: 22px; height: 22px; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input:after { content:none; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input[value="Terra"] { background:#be6b43; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input[value="Sand"] { background:#e7c8ab; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input[value="Lilac"] { background:#cca2ac; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input[value="Navy"] { background:#294268; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input[value="Mist"] { background:#809cb3; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input[value="Forest Green"] { background:#1f5b3e; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input[value="Sage"] { background:#98aa87; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input[value="Cloud White"] { background:#f1f1f1; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input[value="Pebble Grey"] { background:#d9d9d9; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input[value="Charcoal"] { background:#777777; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input[value="Carbon Black"] { background:#2b2b2b; } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input[value="Black / Steel"] { background: 2B2B2B; background: -webkit-linear-gradient(150deg,rgba(0, 0, 0, 1) 53%, rgba(241, 241, 241, 1) 52%); background: -moz-linear-gradient(150deg,rgba(0, 0, 0, 1) 53%, rgba(241, 241, 241, 1) 52%); background: linear-gradient(150deg,rgba(0, 0, 0, 1) 53%, rgba(241, 241, 241, 1) 52%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#F1F1F1", GradientType=0 ); } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input[value="Grey / Steel"] { background: #D9D9D9; background: -webkit-linear-gradient(150deg,rgba(217, 217, 217, 1) 53%, rgba(241, 241, 241, 1) 52%); background: -moz-linear-gradient(150deg,rgba(217, 217, 217, 1) 53%, rgba(241, 241, 241, 1) 52%); background: linear-gradient(150deg,rgba(217, 217, 217, 1) 53%, rgba(241, 241, 241, 1) 52%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#D9D9D9", endColorstr="#F1F1F1", GradientType=0 ); } .search-template #MainContent .collection__content form.face-form .facet-accordion-details[data-filter-type="Color"] .accordion-details__content li input[value="White / Steel"] { background: #F8F8F8; background: -webkit-linear-gradient(150deg,rgba(248, 248, 248, 1) 53%, rgba(241, 241, 241, 1) 52%); background: -moz-linear-gradient(150deg,rgba(248, 248, 248, 1) 53%, rgba(241, 241, 241, 1) 52%); background: linear-gradient(150deg,rgba(248, 248, 248, 1) 53%, rgba(241, 241, 241, 1) 52%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#F8F8F8", endColorstr="#F1F1F1", GradientType=0 ); } .swatch__terra { background:#be6b43; } .swatch__sand { background:#e7c8ab; } .swatch__lilac { background:#cca2ac; } .swatch__navy { background:#294268; } .swatch__mist { background:#809cb3; } .swatch__forest-green{ background:#1f5b3e; } .swatch__sage { background:#98aa87; } .swatch__cloud-white { background:#f1f1f1; } .swatch__pebble-grey { background:#d9d9d9; } .swatch__charcoal { background:#777777; } .swatch__carbon-black { background:#2b2b2b; } /* --------------- AMP CART --------------- .amp-cart-drawer__overlay { background-color: #00000096; display: block !important; } .amp-cart-drawer__inner { background-color: #f8f3ec !important; } .amp-cart__footer { position: sticky; width: 100%; bottom: 0; z-index:1; } .amp-cart-drawer--scrollable { scroll-behavior: smooth; } .amp-cart__cart-line-properties { padding:0 !important; margin: 0 0 5px; } .amp-cart__cart-line-properties-item { display: inline-block !important; font-weight: 400; font-size: 12px !important; opacity: 1 !important; } .amp-cart__cart-line-properties-item-key { display:none !important; } .amp-cart__cart-line-properties-item-value { background: #e7f2e6; border-radius: 5px; padding: 0 10px; font-size: 10px; letter-spacing: 0.2px; color: #161616 !important; } .amp-cart__cart-line-variant-details { padding:0 !important; margin: 0 0 5px; } .amp-cart__cart-line-variant-details-item { margin-bottom: 0; opacity: 1 !important; } .amp-cart__cart-line-variant-details-item-key, .amp-cart__cart-line-variant-details-item-value { color: #161616 !important; font-size: 12px; font-weight: 500 !important; margin-left: 2px; } .amp-cart__cart-line-variant-details { padding: 0; line-height: 100%; } span.amp-cart__cart-line-title { margin-bottom: 5px !important; display: block; } .amp-cart__upsell:empty { display: none; } .amp-cart__cart-lines:empty:before { content:"Your Cart Is Empty"; position: relative; display: block; text-align: center; font-size: 34px; font-weight: 800; color: #161616; margin-top:40px; } .amp-cart__cart-lines:empty:after { content:"Check out our shop to see what's available"; position: relative; display: block; text-align: center; font-size: 17px; font-weight: 500; color: #161616; } .amp-cart__cart-lines:empty ~ .amp-cart__footer { display: none; } .amp-cart__upsell-header { font-size: 20px !important; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px !important; width: 100%; } .amp-cart__upsell-item-title { font-weight: 500 !important; font-size: 14px !important; line-height: 125% !important; } .amp-cart__variant-selector-option-select select { padding: 5px; font-size: 14px !important; line-height: 100%; } .amp-cart__footer-checkout-button, .amp-cart__variant-selector-button { background-color: #ffd45d !important; color:#000 !important; font-size: 20px !important; font-weight:600 !important; } .amp-cart__variant-selector-button { border:none !important; } .amp-cart__variant-selector-button:focus, .amp-cart__upsell-item-button:focus, .amp-cart__footer-checkout-button:focus { outline:none !important; } .amp-cart__footer-checkout-button { font-size:20px !important; transition:0.3s all; } .amp-cart__footer-checkout-button:hover { background:#000 !important; color:#fff !important; transition:0.3s all; } .amp-cart__variant-selector-option-select select:focus-visible { outline:none !important; } .amp-cart__footer-row { border-bottom:none !important; } .amp-cart__upsell-item-details-bottom { align-items: start !important; } .amp-cart__upsell-item-button { font-size: 15px !important; font-weight: 600 !important; } @media only screen and (min-width: 989px) { .amp-cart__header { display:none !important; } } */ /* --------------- PDP (GENERAL) --------------- */ /* Temp Target Button */ #target__buynow { width:100%; margin-top:1rem; background:#cc0100 !important; border:none; color:#fff; font-size:110%; } #target__buynow.btn:not(.btn--plain):not(.btn--underline, #target__buynow.btn--inherit):after, #target__buynow.btn--bordered-icon .button-icon:after { background-color: #000; } #target__buynow img { margin-left: 0px; width: 30px; height: 30px; mix-blend-mode: screen; filter: invert(1) grayscale(1) contrast(2.2); } .product-template .product__block--title .short_description { margin:5px 0 20px; line-height: 135%; } .product-template .product__block { --product-blocks-gap: 1rem; --product-blocks-gap-large: 1.5rem; } .product-template #shop-pay-wrapper { display: flex; width: 100%; margin: 20px 0 0; justify-content: center; } .product-template .shopify-payment-button { display:none !important; } .product-template .product__block--buy_buttons { margin-bottom:0; } .product-template .product-form__input--color .swatch-color:before, .product-template .product-form__input--swatch .swatch-color:before { box-shadow: 0 0 0 0.2rem rgb(var(--color-background)), 0 0 0 0.3rem var(--active-shadow-color) !important; } .product-template .product-form__input--color .swatch-color:before { box-shadow:none; } .product-template .product-form__input--color input[type=radio]:is(.disabled):checked+label .swatch-color:before { top:0; right:0; bottom:0; left:0; } .product-template .product-form__submit { background: #f5d067; border-color: #f5d067; display:flex !important; } .product-template shopify-payment-terms { display:flex; font-size:14px; } .product-template .hide-swatch { display:none !important; } .product-template .swatch-color { border:none !important; } .product-template .product-card__badge { display: block; top: -4px; position: relative; } .product-template .f-badge--sale { background: none; color: #777; border: 1px solid #777; border-radius: 20px; font-weight: 400; font-size: 12px; padding: 3px 7px 1px; line-height: 110%; position: relative; } .product-template .f-price__sale .f-price-item--sale, .product-template .f-price__regular .f-price-item--regular { font-weight:700; color: currentColor; font-size:20px; } .product-template .f-price__sale .f-price-item--regular { font-weight:500; color: #bbb; font-size:20px; } .product__tab_price { display:none; } div[id*="__product_tabs_"] .product__tab_price { display: flex !important; } .product-template .product-card__badge .f-badge--hot, .product-template .product-card__badge .f-badge--new, .product-template .product-card__badge .f-badge--soldout, .product-template .product__badges .f-badge--soldout, .product-template .product__block--badges:has(.f-badge--soldout) { display:none !important; } .product-template .product__badges .f-badge--sale { display:none !important; } .product-template .product__badges .f-badge--hot, .product-template .product__badges .f-badge--new { padding: 3px 10px 0px; font-weight: 500; border-radius: 2px; z-index:1; text-transform: lowercase; /* Temp disable */ display:none !important; } .product-template .product__block--badges:not(.review--badges) { display:none; } .product-template .product__badges .f-badge--bubble { background-color:#ff5601; padding: 3px 10px 0px; font-weight: 500; border-radius: 2px; z-index:1; text-transform: capitalize; } /* Breadcrumbs */ @media only screen and (max-width: 767px) { .product-template .breadcrumbs { display:none; } } /* Free Gift / Custom Data */ .product-template .product__block--line-item { width: 100%; padding: 8px 5px 6px; line-height: 100%; font-size: 13px; display: flex; justify-content: center; margin-bottom: -10px; background: #243e55; color: #fff; cursor: default; text-transform: capitalize; } /* Swiper Gallery */ .product-template #MainContent .swiper-button-prev, .product-template #MainContent .swiper-button-next { visibility:hidden; width: auto; border: none; background: none; background-color: unset; color: #000000; } .product-template #MainContent .swiper-button-prev:hover:after, .product-template #MainContent .swiper-button-next:hover:after, .product-template #MainContent .swiper-button-prev:hover:before, .product-template #MainContent .swiper-button-next:hover:before { border: none; background: none; background-color: unset; transition: none; } .product-template #MainContent .swiper-button-prev:after, .product-template #MainContent .swiper-button-next:after, .product-template #MainContent .swiper-button-prev:before, .product-template #MainContent .swiper-button-next:before { border: none; background: none; background-color: unset; transition: none; } .product-template #MainContent media-gallery:hover .swiper-button-prev, .product-template #MainContent media-gallery:hover .swiper-button-next { visibility:visible; } /* Product Color Swatch */ .product-template .color_wrap { display: flex; gap:10px; } /* Product Bundle Switcher */ .product-template #product-bundle { width: 100%; padding: 5px 15px; margin-bottom: 1.6em; border: 1px solid #f2eee8; border-radius: 7px; background: #fdfcfa; } .product-template #product-bundle ul { display: flex; flex-flow: column; } .product-template #product-bundle li.primary_product:first-child { border-bottom: 1px solid #f2eee8; } .product-template #product-bundle .compare_price_wrap { margin-left: auto; } .product-template #product-bundle span:not(.strikeout_price) { font-size: 16px; font-weight: 700; } .product-template #product-bundle span.strikeout_price { font-size: 16px; font-weight: 500; color: #bbb; line-height: 100%; text-decoration: line-through; margin-left:5px; } .product-template #product-bundle li { position:relative; display:flex; width:100%; padding: 10px 0 8px; font-weight:600; } .product-template #product-bundle li:last-child { border:none !important } .product-template #product-bundle li input[type=radio] { position: relative; top: 1.5px; margin-right: 4px; } .product-template #product-bundle li input[type=radio]:checked { --b: rgb(255 255 255); } .product-template #product-bundle li input[type=radio]:focus { box-shadow:none; } .product-template #product-bundle li input[type=radio]:checked:after { width: 1.2rem !important; height: 1.2rem !important; inset-inline-start: 0.2rem !important; inset-block-start: 0.2rem !important; background: rgb(36 0 0) !important; } /* Back In Stock (Klaviyo BIS) */ .product-template .klaviyo-bis-trigger { display: flex; background: #000; width: 100% !important; padding: 11px 0 8px; margin-top: -0.5rem !important; justify-content: center; color: #fff; } /* Buy With Prime */ .product-template .bwp-widget-loaded ~ .or-separator { color: #b8a997;} .product-template .bwp-widget-loaded ~ .or-separator::after, .product-template .bwp-widget-loaded ~ .or-separator::before { border-bottom: 1px solid #f3eee8; } /* Complementary Products */ .product-template .complementary-products__container .accordion-details { border-block-end: none; border-block-start: 1px solid #f3eee8; } /* Value Proposition Bar */ .product-template .product__block--icon-with-text-horizontal { padding: 15px 0; } .product-template .product__block--icon-with-text .icon-with-text__item span { font-size: 14px; font-weight: 400 !important; } @media only screen and (max-width: 767px) { .product-template .product__block--icon-with-text .icon-with-text { justify-content: space-around; background: #fdfcfa; padding: 25px 0; border: 1px solid #f3eee8; border-radius: 7px; } .product-template .product__block--icon-with-text .icon-with-text__item span { font-size: 17px; } } /* Product Tabs */ .product-template .product__block--collapsible_tab[data-block="description"] { border-top: 1px solid #f3eee8; } .product-template .product__block.product__block--collapsible_tab strong, .product-template .product__block.product__block--collapsible_tab b { font-weight:600; } .product-template .product__block summary h2.h4 { font-size:20px; } .product-template .accordion-details__content .video-container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ } .product-template .accordion-details__content:has(p) .video-container { margin-top: 20px; } .product-template .video-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* Product AddOns */ .product-template .product__block--addons { margin-top: 10px; } /* Description */ .product-template .product__blocks .product__block[data-block="description"] details .accordion-details__content-wrapper { position: relative; overflow: hidden; transition: max-height 0.4s ease; max-height: 130px; } .product-template .product__blocks .product__block[data-block="description"] details .accordion-details__content-wrapper.expanded { max-height: 100vh; } .product-template .product__block--collapsible_tab:first-child .accordion-details__summary { margin-top:0; } .product-template .product__blocks .product__block[data-block="description"] details .accordion-details__content { padding-block-end:0; } .product-template .product__blocks .product__block[data-block="description"] details .accordion-details__content-wrapper:not(.expanded) .accordion-details__content:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; z-index: 9; top: 0; background: ; background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 65%, rgba(255, 255, 255, 1) 97%); background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 65%, rgba(255, 255, 255, 1) 97%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 65%, rgba(255, 255, 255, 1) 97%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#FFFFFF", GradientType=0); } .product-template .product__blocks .product__block[data-block="description"] details .read-more-toggle { display: inline-block; margin-top: 10px; color: #797169; cursor: pointer; font-size: 14px; font-weight: 500; margin-bottom: 10px; text-decoration: underline; } /* Whats In The Box */ .product-template .included_product_wrap { list-style: none; width: 100%; display: flex; flex-direction: row; align-items: center; border: 1px solid #ededed; margin: -1px 0; padding: 10px 10px 0 0; cursor:default; transition:0.3s all; } .product-template .included_product_wrap:hover { background:#f9f9f9; transition:0.3s all; } .product-template .included_product-image { width: 65px; } .product-template .included_product-text-container { width: calc(100% - 70px); margin-left:5px; } .product-template span.included_product-title { width: 100%; display: flex; font-weight: 500; line-height: 120%; } .product-template span.included_product-description { font-size: 13px; } .product-template details#Details-collapsible_tab_witb__main[aria-expanded="true"] { border-bottom:none; } .product-template .included_product_wrap.included_product--free { position:relative; border-color: #000; margin: 30px 0 -1px; border-width: 1px; border-radius: 0 5px 0 0; } .product-template .included_product_wrap.included_product--free:before { position: absolute; background: #000; color: #fff; content: "Bonus"; display: block; top: -20px; font-size: 11px; font-weight: 600; padding: 5px 8px 4px; left: -1px; border-radius: 5px 5px 0 0; line-height: 100%; } .product-template .included_product_wrap.included_product--free .included_product-text-container .included_product-free-content-label { display:none; } .product-template .included_product_wrap.included_product--free .included_product-free-top-label { background: #3ba974; color: #fff; border-radius: 15px; font-size: 11px; font-weight: 600; white-space: nowrap; padding: 4px 10px 2px; margin-right: 10px; } /* Specifications */ .product-template .product__specifications ul { padding:0; } .product-template .product__specifications ul li { list-style:none; margin: 2.5px 0; font-size: 14px; cursor:default; transition:0.3s all; } .product-template .product__specifications ul li:hover { background:#f9f9f9; transition:0.3s all; } .product-template .product__specifications ul li:even { background:#ededed !important; } .product-template .product__specifications ul li strong { font-weight: 600; } .product-template .product__specifications { border-top: 1px solid #ededed; padding: 15px 0 20px; } .product-template .product__specifications .beast_user_guide { padding: 5px 0 10px; } .product-template .product__specifications .beast_user_guide a.user_guide_btn { background-color: #000; color: #fff; padding: 8px 15px; text-decoration: none; border-radius: 2px; transition:0.3s all; } .product-template .product__specifications .beast_user_guide a.user_guide_btn:hover { background-color: #ff5601; transition:0.3s all; } /* Product Features (Below the fold) */ .product-template .multicolumn-card--image-full img { max-width: 80%; } .product-template .multicolumn-card__image:hover .hover-scale-up { --scale-x: 1; --scale-y: 1; } /* OKENDO Reviews */ .product-template .okeReviews-widget-holder { background:none; padding-top: 30px; } .product-template .okeReviews.okeReviews--theme .okeReviews-reviewsWidget .okeReviews-reviewsAggregate-side, .product-template .okeReviews.okeReviews--theme .okeReviews-reviewsWidget .okeReviews-reviewsAggregate-primary, .product-template.product-template .okeReviews.okeReviews--theme .okeReviews-reviewsWidget .okeReviews-review-primary, .product-template .okeReviews.okeReviews--theme .okeReviews-select-input, .product-template .okeReviews.okeReviews--theme .okeReviews-review-side { background-color:#fdfcfa; } .product-template .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-large .okeReviews-review-primary, .product-template .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-large .okeReviews-review-side, .product-template .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-large .okeReviews-reviewsAggregate-primary, .product-template .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-large .okeReviews-reviewsAggregate-side, .product-template .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-review-primary, .product-template .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-review-side, .product-template .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-reviewsAggregate-primary, .product-template .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-reviewsAggregate-side, .product-template.okeReviews .okeReviews-select{ border-color:#f0eeeb; } .product-template .okeReviews.okeReviews--theme .okeReviews-button, .product-template .okeReviews.okeReviews--theme .okeReviews-reviews-showMore { font-weight: 500; border-radius:0; } .product-template .okeReviews .okeReviews-review-main-heading { font-weight: 500; font-size: 1.1em; letter-spacing: normal; } .product-template .okeReviews .okeReviews-review-main-content p { line-height: 1.6; } @media only screen and (max-width: 767px) { .product-template .okeReviews-widget-holder { padding: 50px 0; } } /* Parts & Accessories */ .page-template .section--product-tabs .tabs__nav-wrap, .product-template .section--product-tabs .tabs__nav-wrap { display:none; } .page-template .section--product-tabs .section__header, .product-template .section--product-tabs .section__header { width: 100% !important; display: block; } .page-template .section--product-tabs .section__header .section__header--text, .product-template .section--product-tabs .section__header .section__header--text { text-align: center; } .page-template .section--product-tabs .compatibility_wrap, .product-template .section--product-tabs .compatibility_wrap { display:none; } .page-template .section--product-tabs .swatch-color:before, .product-template .section--product-tabs .swatch-color:before { --shadow-width: .25rem; } .page-template .section--product-tabs button.add-to-cart, .product-template .section--product-tabs button.add-to-cart { background: #243e55; color: #fff; border: none; line-height: 100%; padding: 10px 10px 8px; margin-top: 15px; transition:0.3s all; position: absolute; bottom: -42px; left: 0; right: 0; } .page-template .section--product-tabs .product-card:hover button.add-to-cart, .product-template .section--product-tabs .product-card:hover button.add-to-cart { background: #ffd45d; color: #000; transition:0.3s all; } .page-template .section--product-tabs .tabs .section__btn, .product-template .section--product-tabs .tabs .section__btn { margin:0 auto; } .page-template .section--product-tabs .product-card__wrapper .product-card__info .product-card__badge { position: relative; top: -3px; } .page-template .section--product-tabs .product-card__wrapper .f-price__sale .f-price-item--sale, .page-template .section--product-tabs .product-card__wrapper .f-price__regular .f-price-item--regular { font-weight: 700; color: currentColor; font-size: 18px; } .page-template .section--product-tabs .product-card__wrapper .f-price__sale .f-price-item--regular { font-weight: 500; color: #bbb; font-size: 18px; line-height: 100%; } .page-template .section--product-tabs .product-card__wrapper .product-card__info .product-card__badge .f-badge.f-badge--sale { background: none; color: #777; border: 1px solid #777; border-radius: 20px; font-weight: 400; font-size: 11px; padding: 3px 7px 1px; line-height: 110%; position: relative; top:1px; } .page-template .section--product-tabs .product-card__wrapper .product-card__info .product-card__badge .f-badge.f-badge--hot { display:none; } .page-template .section--product-tabs .product-card__wrapper .product-card__image-wrapper .product-card__badge .f-badge { z-index: 2; } .page-template .section--product-tabs .product-card__wrapper .product-card__swatches label.swatch-color { border:none; } @media only screen and (min-width: 768px) { .page-template .section--product-tabs .product-card-style-card .product-card__info, .product-template .section--product-tabs .product-card-style-card .product-card__info { padding: 2.4rem 1rem; } } @media only screen and (max-width: 768px) { .page-template .section--product-tabs button.add-to-cart, .product-template .section--product-tabs button.add-to-cart { position: relative; bottom: 0; } } /* Sticky Bottom Cart */ .product-template .product-form__submit { color:#000; } .product-template .sticky-atc-bar .sticky-atc-bar__product-info .f-price__sale .f-price-item--regular { text-decoration: line-through; } .product-template .sticky-atc-bar .sticky-atc-bar__product-info .product-card__badge { top: 0; } /* TryNow Button */ .product-template .product-form__buttons div[id*="trynow_try_before_you_buy_trynow_cta_button"] { width:100%; } .product-template .product-form__buttons div[id*="trynow_try_before_you_buy_trynow_cta_button"] button#trynow-cta-button { color: #fff; margin: -12px 0 5px !important; background: #000; border-color: #000; } .product-template .product-form__buttons div[id*="trynow_try_before_you_buy_trynow_cta_button"] a#trynow-cta-powered-by { display:none !important; } .product-template .product-form__buttons div[id*="trynow_try_before_you_buy_trynow_cta_button"] a#trynow-cta-powered-by { display:none !important; } .product-template trynow-hiw-modal div[class*="hiw-modal-container"] div[class*="hiw-modal-header"] { display: none !important; } /* AMP Upsell */ .product-template div[id*="__upsell_by_amp_embedded_product_"] #amp-embedded-product-upsell { margin: 3rem 0; } .product-template div[id*="__upsell_by_amp_embedded_product_"] .amp-embedded-product-upsells { border:none; border-radius: 0; } .product-template div[id*="__upsell_by_amp_embedded_product_"] .amp-embedded-product-upsells .amp-embedded-product-upsells__header { display: none; } .product-template div[id*="__upsell_by_amp_embedded_product_"] .amp-embedded-product-upsells .amp-embedded-product-upsells__upsell-item { border: 1px solid #f2eee8; border-radius: 2px 2px 0 0; background: #fdfcfa !important; } .product-template div[id*="__upsell_by_amp_embedded_product_"] .amp-embedded-product-upsells .amp-embedded-product-upsells__upsell-item-actions .amp-button { border-radius: 0 0 2px 2px; background: #243e55 !important; color:#fff !important; text-transform: capitalize; transition: 0.3s all; } .product-template div[id*="__upsell_by_amp_embedded_product_"] .amp-embedded-product-upsells .amp-embedded-product-upsells__upsell-item-actions .amp-button:hover { background: #000 !important; transition: 0.3s all; } .product-template div[id*="__upsell_by_amp_embedded_product_"] .amp-embedded-product-upsells .amp-embedded-product-upsells__upsell-item .amp-embedded-product-upsells__upsell-item-checkbox { border-color: rgb(148 140 130) !important; } .product-template div[id*="__upsell_by_amp_embedded_product_"] .amp-embedded-product-upsells .amp-embedded-product-upsells__upsell-item .amp-embedded-product-upsells__upsell-item-details-bottom .amp-star-rating__review-count { color: rgb(149 140 130) !important; } .product-template div[id*="__upsell_by_amp_embedded_product_"] .amp-embedded-product-upsells .amp-embedded-product-upsells__upsell-item .amp-embedded-product-upsells__upsell-item-details-bottom .amp-embedded-product-upsells__upsell-item-variant-selector { border-color: rgb(243 238 232) !important; } .product-template div[id*="__upsell_by_amp_embedded_product_"] .amp-embedded-product-upsells .amp-embedded-product-upsells__upsell-item .amp-embedded-product-upsells__upsell-item-details-bottom .amp-embedded-product-upsells__upsell-item-variant-selector:focus-visible { outline: none; border-color: #243f55 !important; } /* Product Features */ .page-template section.beast_product_features .multicolumn h2.rich-text__heading, .page-template section.beast_product_features .multicolumn .rich-text__text, .product-template section.beast_product_features .multicolumn h2.rich-text__heading, .product-template section.beast_product_features .multicolumn .rich-text__text { text-align: center; } .product-template section.beast_product_features .multicolumn .f-column h3.multicolumn-card__title, .page-template section.beast_product_features .multicolumn .f-column h3.multicolumn-card__title { font-weight:600; } .product-template section.beast_product_features .multicolumn .multicolumn-card .multicolumn-card__image motion-element, .page-template section.beast_product_features .multicolumn .multicolumn-card .multicolumn-card__image motion-element { max-width:270px; margin: 0 auto; } .product-template section.beast_product_features .multicolumn .multicolumn-card .multicolumn-card__info, .page-template section.beast_product_features .multicolumn .multicolumn-card .multicolumn-card__info { margin-top: 10px; } /* specific to Beast Health™ Glass Hydration System */ .hydration-system-template .beast_product_features .multicolumn { background:#f8f3ec; } @media only screen and (max-width: 768px) { .product-template section.beast_product_features .multicolumn-card, .page-template section.beast_product_features .multicolumn-card { display:flex; gap:15px; } .product-template section.beast_product_features .multicolumn-card .multicolumn-card__image, .product-template section.beast_product_features .multicolumn-card .multicolumn-card__image img, .page-template section.beast_product_features .multicolumn-card .multicolumn-card__image, .page-template section.beast_product_features .multicolumn-card .multicolumn-card__image img { min-width: 100px; width:100px; max-width: 100%; } .product-template section.beast_product_features .multicolumn-card__title, .product-template section.beast_product_features .multicolumn-card__text, .page-template section.beast_product_features .multicolumn-card__title, .page-template section.beast_product_features .multicolumn-card__text { text-align: left !important; } } /* Steel or Glass */ .product-template .beast_steel_glass .multicolumn .page-width, .page-template .beast_steel_glass .multicolumn .page-width{ max-width:840px; padding:0 } .product-template .beast_steel_glass .multicolumn .f-column, .page-template .beast_steel_glass .multicolumn .f-column{ background: #fff; padding: 20px; cursor: default; } .product-template .beast_steel_glass .multicolumn .f-column .multicolumn-card__text h6, .page-template .beast_steel_glass .multicolumn .f-column .multicolumn-card__text h6{ width: fit-content; width: moz-fit-content; font-weight: 500; padding: 5px 20px 2px; border: 1px solid #000; border-radius: 30px; text-transform: uppercase; font-size: 11px; line-height: 100%; display: inline-flex; margin-right: 10px; letter-spacing: 0.2px; } .product-template .beast_steel_glass .multicolumn .f-column .multicolumn-card__text, .page-template .beast_steel_glass .multicolumn .f-column .multicolumn-card__text{ line-height: 140%; font-size: 14px; } .product-template .beast_steel_glass .multicolumn .f-column .multicolumn-card__text strong, .page-template .beast_steel_glass .multicolumn .f-column .multicolumn-card__text strong{ width: 100%; display: block; font-weight: 600; font-size: 16px; padding: 12px 0 3px; border-top:1px solid #000; } .product-template .beast_steel_glass .section__header, .page-template .beast_steel_glass .section__header { text-align: center; padding-bottom: 5rem; } .product-template .beast_steel_glass .section__header .rich-text__text, .page-template .beast_steel_glass .section__header .rich-text__text { margin-top:1rem; } .product-template .beast_steel_glass .multicolumn-card--image-full img, .page-template .beast_steel_glass .multicolumn-card--image-full img { max-width:100%; } /* FAQ */ .beast-bottle-glass-template .section--collapsible-tabs .section__header--text h2.section__heading, .beast-bottle-template .section--collapsible-tabs .section__header--text h2.section__heading { text-align: center; } @media only screen and (max-width: 768px) { .product-template .beast_steel_glass .multicolumn .f-column, .page-template .beast_steel_glass .multicolumn .f-column { margin: auto 20px; } .product-template .beast_steel_glass .multicolumn .f-column h3.multicolumn-card__title, .page-template .beast_steel_glass .multicolumn .f-column h3.multicolumn-card__title { font-weight: 600;} } /* --------------- PDP (MIGHTY 850) --------------- */ /* Video with Text */ .beast-mighty-850-template .video-with-text:has(.color-scheme-2), .beast-mighty-850-plus-template .video-with-text:has(.color-scheme-2) { background: #f8f3ec; } @media only screen and (max-width: 767px) { .beast-mighty-850-template .video-with-text, .beast-mighty-850-plus-template .video-with-text { padding-top: 30px; padding-bottom: 0; } .beast-mighty-850-template .video-with-text__content, .beast-mighty-850-plus-template .video-with-text__content { padding: 2.4rem 1.5rem; } .beast-mighty-850-template .image-with-text__content, .beast-mighty-850-plus-template .image-with-text__content { padding: 0 1.5rem 2.4rem; } } /* FAQ */ .beast-mighty-850-template .section--collapsible-tabs .section__header--text h2.section__heading, .beast-mighty-850-plus-template .section--collapsible-tabs .section__header--text h2.section__heading { text-align: center; } /* --------------- PDP (MEGA 1200) --------------- */ /* Video with Text */ .beast-mega-1200-template .video-with-text:has(.color-scheme-3), .beast-mega-1200-plus-template .video-with-text:has(.color-scheme-3) { background: #f7f2ef; } .beast-mega-1200-template .video-with-text .video-with-text__content motion-element.rich-text__text, .beast-mega-1200-plus-template .video-with-text .video-with-text__content motion-element.rich-text__text { margin-top: 1rem; } @media only screen and (max-width: 767px) { .beast-mega-1200-template .video-with-text, .beast-mega-1200-plus-template .video-with-text { padding-top: 30px; padding-bottom: 0; } .beast-mega-1200-template .video-with-text__content, .beast-mega-1200-plus-template .video-with-text__content { padding: 2.4rem 1.5rem; } .beast-mega-1200-template .image-with-text__content, .beast-mega-1200-plus-template .image-with-text__content { padding: 0 1.5rem 2.4rem; } } /* FAQ */ .beast-mega-1200-template .section--collapsible-tabs .section__header--text h2.section__heading, .beast-mega-1200-plus-template .section--collapsible-tabs .section__header--text h2.section__heading { text-align: center; } /* --------------- PDP (MINI) --------------- */ .the-mini-by-beast-plus-template section[id*="__multicolumn_"] .multicolumn h2.rich-text__heading, .the-mini-by-beast-plus-template section[id*="__multicolumn_"] .multicolumn .rich-text__text { text-align: center; } /* FAQ */ .the-mini-by-beast-template .section--collapsible-tabs .section__header--text h2.section__heading, .the-mini-by-beast-plus-template .section--collapsible-tabs .section__header--text h2.section__heading { text-align: center; } /* --------------- PDP (B10) --------------- */ .beast-blender-tonal-template .section-testimonials, .b10-health-blender-template .section-testimonials { padding: 0 var(--gap-x);} .beast-blender-tonal-template .section-testimonials .swiper-controls, .b10-health-blender-template .section-testimonials .swiper-controls { display:none; } .beast-blender-tonal-template .section-testimonials .page-width, .b10-health-blender-template .section-testimonials .page-width { padding: 0; } .beast-blender-tonal-template .testimonial--layout-1.testimonial--has-bg .testimonial__inner, .b10-health-blender-template .testimonial--layout-1.testimonial--has-bg .testimonial__inner { padding: 3rem 0 2rem; } .beast-blender-tonal-template .section-testimonials .section__header, .b10-health-blender-template .section-testimonials .section__header { padding-inline: var(--page-padding); } .beast-blender-tonal-template .section-testimonials .section__header .rich-text, .b10-health-blender-template .section-testimonials .section__header .rich-text { width:100%; text-align: center; } .beast-blender-tonal-template .section-testimonials .testimonial, .b10-health-blender-template .section-testimonials .testimonial { padding:20px; } .beast-blender-tonal-template .section-testimonials .testimonial .testimonial__name, .b10-health-blender-template .section-testimonials .testimonial .testimonial__name { font-weight: 600; } .beast-blender-tonal-template .section-testimonials .testimonial .testimonial__content, .b10-health-blender-template .section-testimonials .testimonial .testimonial__content { font-size: 15px; line-height: 160%; margin: 8px 0 0; } .beast-blender-tonal-template .section-testimonials .testimonial .testimonial__content strong, .b10-health-blender-template .section-testimonials .testimonial .testimonial__content strong { font-weight: 600; } .beast-blender-tonal-template .section-testimonials .testimonial .testimonial__content h6:not(strong), .b10-health-blender-template .section-testimonials .testimonial .testimonial__content h6:not(strong) { color: #fac836; letter-spacing: 2px; } .beast-blender-tonal-template .section-testimonials .testimonial .testimonial__content h6 strong, .b10-health-blender-template .section-testimonials .testimonial .testimonial__content h6 strong { color: rgb(var(--color-foreground)); font-size: 15px; letter-spacing: normal; } .beast-blender-tonal-template .testimonials-wrapper--slider .section__content, .b10-health-blender-template .testimonials-wrapper--slider .section__content { margin-inline-start: 20px; } /* FAQ */ .beast-blender-tonal-template .section--collapsible-tabs .section__header--text h2.section__heading, .b10-health-blender-template .section--collapsible-tabs .section__header--text h2.section__heading { text-align: center; } @media (min-width: 768px) { .beast-blender-tonal-template .testimonials-wrapper--slider .section__content, .b10-health-blender-template .testimonials-wrapper--slider .section__content { margin-inline-end: calc(-0.5 * var(--page-padding)); } } @media (max-width: 768px) { .beast-blender-tonal-template .testimonials-wrapper--slider .section__content, .b10-health-blender-template .testimonials-wrapper--slider .section__content { margin-inline-start: 10px; } } /* --------------- PDP (ACCESSORIES) --------------- */ .beast-e-gift-card-template .color_wrap { flex-wrap: wrap; margin-top: 10px; } .beast-e-gift-card-template .color_wrap label { padding: 0.2rem 0.8rem 0; min-height: 32px !important; } /* --------------- PDP (FUEL UP) --------------- */ .fuel-up-template .witb_tab { display:none !important; } .fuel-up-template .spec_tab { display:none !important; } .fuel-up-template section[id*="__multicolumn_"] .section__header { text-align:center; } .fuel-up-template section[id*="__multicolumn_"] .page-width { padding:0; max-width: 960px; } .fuel-up-template section[id*="__multicolumn_"] .multicolumn__items .f-column motion-element { min-height: 85px; align-content: center; } .fuel-up-template section[id*="__multicolumn_"] .multicolumn__items .f-column:first-child .multicolumn-card--image-full img { max-width: 125px; } .fuel-up-template section[id*="__image_width_text_columns_"] h3.multicolumn-card__title { letter-spacing: 1px; color: #ffd152; } .fuel-up-template section[id*="__image_width_text_columns_"] .multicolumn-card__text strong { font-weight: 500; } .fuel-up-template section[id*="__image_width_text_columns_"] .multicolumn-card__text h6 { display: flex; font-size: 13px !important; color: #555 !important; } /* Styling in sections/image-width-text-columns.liquid */ .fuel-up-template section[id*="__meet_the_authors_"] .section__header { text-align:center; } .fuel-up-template section[id*="__meet_the_authors_"] .page-width { padding:0; max-width: 860px; } .fuel-up-template section[id*="__meet_the_authors_"] .multicolumn__items .f-column .multicolumn-card--image-full img { max-width: 300px; } .fuel-up-template section[id*="__testimonials_"] .section__header .rich-text__heading { text-align:center; } .fuel-up-template section[id*="__testimonials_"] .testimonials__items .f-column .testimonial__inner { flex-direction: column-reverse; justify-content: center; } .fuel-up-template section[id*="__testimonials_"] .testimonials__items .f-column .testimonial__inner .testimonial__name { font-size: 1.4rem; font-weight: 500; } .fuel-up-template section[id*="__testimonials_"] .testimonials__items .f-column .testimonial__inner .testimonial__content { margin: 0 auto 1.6rem; font-size: 1.5rem; line-height: 2.4rem; } @media (max-width: 768px) { .fuel-up-template section[id*="__multicolumn_"] .multicolumn__items .f-column { max-width: 85%; margin-left: auto; margin-right: auto; } .fuel-up-template section[id*="__meet_the_authors_"] .multicolumn__items .f-column { max-width: 85%; margin-left: auto; margin-right: auto; } .fuel-up-template section[id*="__meet_the_authors_"] .multicolumn__items .f-column .multicolumn-card--image-full img { max-width: 50%; } } /* --------------- PLP (GENERAL) --------------- */ .collection-template .collection__content { --facet-width: clamp(300px, 18vw, 300px); gap: 7rem; } .collection-template .product-card__image-wrapper .product-card__badge { display: flex; top: 1.2rem; position: absolute; inset-inline-end: 1.2rem; inset-inline-start: unset; } .collection-template .product-card__image-wrapper .product-card__badge .f-badge--sale { display:none !important; } .collection-template .product-card__image-wrapper .product-card__badge .f-badge--hot, .collection-template .product-card__image-wrapper .product-card__badge .f-badge--new, .collection-template .product-card__image-wrapper .product-card__badge .f-badge--soldout { padding: 3px 10px 0px; font-weight: 500; border-radius: 2px; z-index:1; text-transform: lowercase; } .collection-template .product-card__image-wrapper .product-card__badge .f-badge--hot[data-badge="Deal"], .collection-template .product-card__image-wrapper .product-card__badge .f-badge--hot[data-badge="deal"]{ background-color:#f5d167; color:#000; } .collection-template .product-card__info .product-card__badge { display: block; top: -3px; position: relative; } .collection-template .product-card__info .product-card__badge .f-badge--hot, .collection-template .product-card__info .product-card__badge .f-badge--new, .collection-template .product-card__info .product-card__badge .f-badge--soldout { display:none !important; } .collection-template .f-badge--sale { background: none; color: #777; border: 1px solid #777; border-radius: 20px; font-weight: 400; font-size: 11px; padding: 3px 7px 1px; line-height: 110%; position: relative; top:1px; } .collection-template .f-price__sale .f-price-item--sale, .collection-template .f-price__regular .f-price-item--regular{ font-weight:700; color: currentColor; font-size:18px; } .collection-template .f-price__sale .f-price-item--regular { font-weight:500; color: #bbb; font-size:18px; line-height:100%; } .collection-template .no-trasition { transition:unset !important; } .collection-template motion-element:has(.no-trasition) .product-card__image--main { transition:unset !important; } .collection-template .product-card__wrapper:hover .product-card__image--second img { transform: scale(1.05); } .collection-template motion-element { border-radius: 7px; overflow: hidden; } /* Collection Hero */ .collection-template .collection-hero__title { font-weight: 600; font-size:40px; } .collection-template .collection-hero__description { margin-top: 5px; margin-bottom: 20px; font-size: 15px; font-weight: 400; line-height: 140%; } .collection-template .product-card-style-card ul.swatches--product-card li[data-stock="false"] input { cursor: not-allowed; opacity: .6; pointer-events:none; } .collection-template .product-card-style-card ul.swatches--product-card li[data-stock="false"] label.swatch-color { opacity: .5; } .collection-template .product-card-style-card ul.swatches--product-card li[data-stock="false"] label:before { background: linear-gradient(to bottom left, transparent calc(50% - .5px), var(--color-foreground-lighten-19) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)); opacity: 1; top: 0; right: 0; bottom: 0; left: 0; } @media (min-width: 768px) { .collection-template .product-card-style-card .product-card__info { padding: 2.4rem 1rem; } } /* Filter General */ .collection-template form.face-form details summary span.h4 { font-size: 20px; } /* Filter Category */ .collection-template #filter_category ul li { width: 100%; display: block; text-align: center; padding: 5px 5px; margin: 2px 0; border-radius: 5px; transition: 0.3s all; } .collection-template #filter_category ul li:hover { background-color: #f5f5f7; transition: 0.3s all; } .collection-template #filter_category ul li.category-active { color:#fff; background: #243e55; transition: 0.3s all; } /* Filter Color Swatches */ .collection-template .swatch-color:after, .collection-template .swatch-color:before { box-shadow: none; } .collection-template .swatch-color { border: none; transition: transform 0.2s; } .collection-template .swatch-color:hover { transform: scale(1.1); } /* Filter Size */ .collection-template .accordion-details__content li.flex { display: none; } .collection-template .accordion-details__content li.flex:has(input[value="Compact"]), .collection-template .accordion-details__content li.flex:has(input[value="Cordless"]), .collection-template .accordion-details__content li.flex:has(input[value="Full"]) { display: flex !important; } .collection-template show-more-button { display: none; } .collection-template .accordion-details__content--price .form-control { line-height:40px; } /* Lifestyle / Merchandising Tile */ .collection-template .merch_collm_img { height: 100%; width: 100%; object-fit: cover; overflow: hidden; border-radius: 10px; display: none; } .collection-template .merch_colld_img { height: 100%; width: 100%; object-fit: cover; overflow: hidden; border-radius: 10px; } /* Product Card */ @media (min-width: 768px) { .collection-template .product-card-style-card .product-card__info { padding: 2.4rem 1.5rem; } } .collection-template .f-column.accessories__group .product-card .product-card__info, .collection-template .f-column.all-store-products__group .product-card .product-card__info { min-height:205px; } .collection-template .f-column .product-card .product-card__info .product-card__title { position: relative; overflow: scroll; white-space: nowrap; } /* Product Card Compatilbility */ .collection-template .product-card .compatibility_wrap:not(:has(.compatibility_tab)) { display:none; } .collection-template .product-card .compatibility_wrap { width: 100%; display: flex; cursor: default; margin-top:15px; align-items: center; } .collection-template .product-card .compatibility_title { font-size: 12px; white-space: nowrap; color: #1d1d1d; margin:0; } .collection-template .product-card .compatibility_inner_wrap { position: relative; width: 100%; display: flex; overflow-x: scroll; margin-left: 3px; top: -1px; } .collection-template .f-column .product-card .compatibility_inner_wrap .compatibility_tab { font-size: 10px; color: #1d1d1d; line-height: 100%; padding: 5px 8px 3px; border-radius: 10px; background: #f5f5f5; height: fit-content; height: -moz-fit-content; margin: 0 2px; } /* Product Card ATC Button */ .collection-template .f-column.accessories__group .product-card button.add-to-cart, .collection-template .f-column.all-store-products__group .product-card button.add-to-cart { background-color: #243e55; color: #fff; font-weight: 400; border-radius: 3px; height: auto; border: none; margin-top: 15px; padding: 5px 0 2px; transition: 0.3s all; position: absolute; width: calc(100% - 3rem); bottom: 0; } .collection-template .f-column .product-card button.add-to-cart { background-color: #243e55; color: #fff; font-weight: 400; border-radius: 3px; height: auto; border: none; margin-top: 15px; padding: 5px 0 2px; transition: 0.3s all; position: relative; width: 100%; bottom: 0; } .collection-template .f-column .product-card button.add-to-cart:hover { background-color: #fed45c; color: #000; transition: 0.3s all; } /* Product Card Animations */ .collection-template .product-card__image { transition: .3s cubic-bezier(.4,0,.2,1); } .collection-template .media-wrapper>img { object-fit: cover; object-position: center center; transition: .3s cubic-bezier(.4,0,.2,1); } @media (max-width: 768px) { .collection-template layout-switcher { display:none; } } /* Multicolum - 5 Icons (Smooth blends, Leak-Resitant) */ @media (max-width: 768px) { .product-template section[id*="__multicolumn_"] .f-column:nth-child(1n+5) { left: 50%; position: relative; } } /* --------------- SECTIONS --------------- */ /* COMPARE BEAST BLENDERS */ #beast-compare-blenders { cursor:default; background-color: #ffffff; padding-bottom:50px; } #beast-compare-blenders #shopify-section-beast-compare { background-color: #ffffff; position: relative; z-index: 1; padding-bottom: 80px; cursor: default; } #beast-compare-blenders a { transition:0.3s all; } #beast-compare-blenders a:hover { font-weight:500; transition:0.3s all; color: #ff5701; } #beast-compare-blenders #select_wrap_bc { width: 900px; max-width: calc(100% - 30px); margin: 0 auto; padding: 0 0 30px; display: none; gap: 15px; flex-direction: row; justify-content: space-around; z-index:1; } #beast-compare-blenders select#compare_1_select, #beast-compare-blenders select#compare_2_select, #beast-compare-blenders select#compare_3_select { width:fit-content; width:moz-fit-content; border-radius: 5px; padding: 5px; border-color: #f0eae0; text-align:center; } #beast-compare-blenders select#compare_1_select, #beast-compare-blenders select#compare_2_select, #beast-compare-blenders select#compare_3_select, #beast-compare-blenders select#compare_1_select:focus, #beast-compare-blenders select#compare_2_select:focus, #beast-compare-blenders select#compare_3_select:focus, #beast-compare-blenders select#compare_1_select:focus-visible, #beast-compare-blenders select#compare_2_select:focus-visible, #beast-compare-blenders select#compare_3_select:focus-visible{ outline: none; box-shadow: none; } #beast-compare-blenders #compare_title { padding: 3rem 0; } #beast-compare-blenders #compare_title h2,#compare_title p { font-family: 'Sofia Pro', sans-serif; font-size: 36px; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: center; color: #0c0404; margin:0; } #beast-compare-blenders #beast_compare { display:none; max-width: calc(100% - 30px); margin: 0 auto; display: flex; gap: 15px; flex-direction: row; font-size: 14px; font-weight: 400; } #beast-compare-blenders #beast_compare.one_ccol { width:400px; max-width: calc(100% - 30px); } #beast-compare-blenders #beast_compare.two_ccol { width:960px; max-width: calc(100% - 30px); } #beast-compare-blenders #beast_compare .beast_compare_col { display: flex; flex-direction: column; width: calc(33.33% - 10px); align-items: stretch; flex-grow: 1; } #beast-compare-blenders #beast_compare .beast_compare_col:first-of-type { order:0; } #beast-compare-blenders #beast_compare .beast_compare_col:nth-child(2) { order:1; } #beast-compare-blenders #beast_compare .beast_compare_col:nth-child(3) { order:3; } #beast-compare-blenders #beast_compare .grid_line { border-bottom: 1px solid #f0eeeb; padding: 15px 0; text-align: center; font-weight:300; font-size: var(--font-body-size); } #beast-compare-blenders #beast_compare .product_imgs { display: flex; justify-content: center; align-items: center; } #beast-compare-blenders #beast_compare .product_imgs { padding: 0; } #beast-compare-blenders #beast_compare .grid_line p { margin: 0; font-weight:300; } #beast-compare-blenders #beast_compare .grid_line p b, #beast_compare .grid_line p strong { font-weight:500; } #beast-compare-blenders #beast_compare .grid_line p.grid_header { margin-bottom: 5px; display: block; } #beast-compare-blenders #beast_compare .product_warranty img { width: 18px; height: 18px; position: relative; left: 7px; border-radius: 18px; } #beast-compare-blenders #beast_compare .product_imgs img { max-height:350px; margin: 0 auto 15px; } #beast-compare-blenders #beast_compare .product_title h3 { font-size: var(--font-h4-size); margin-bottom: 0; } #beast-compare-blenders #beast_compare .btn.btn--primary { min-width: auto; padding: 10px 25px; background-color: #243e55; font-size: 16px; color: #fff; font-weight: 400; border-radius: 3px; transition: .3s all; } #beast-compare-blenders #beast_compare .btn.btn--primary:hover, #beast-compare-blenders #beast_compare .btn.btn--primary:after { background-color: #ffd45d !important; color: #000; transition: .3s all; } #beast-compare-blenders #beast_compare .grid_line h4 { font-size: 2.2rem; font-weight: 600; margin: 0; } #beast-compare-blenders #beast_compare .grid_line h5 { font-size: 1.8rem; font-weight: 600; margin: 0 0 5px; } #beast-compare-blenders #beast_compare .product_vessel .vessel_img img { max-height: 180px; } #beast-compare-blenders #beast_compare .product_vessel_text { border:none; padding-bottom:0; } /* COLOR SWATCHES */ #beast-compare-blenders #beast_compare .beast_color_block { width: 22px; height: 22px; border-radius: 22px; position: relative; margin:0 2px 4px; display: inline-block; cursor:pointer; } #beast-compare-blenders #beast_compare .beast_color_block:after { position:absolute; display: block; content: ""; height: 100%; width: 100%; border-radius: 27px; background: radial-gradient(circle at 30% 30%, #ffffff00, #0000001c); top: 0; } #beast-compare-blenders #beast_compare .beast_color_block:hover:before { position: relative; margin: 1px; border-radius: 100%; border: 2px solid #fff; content: ""; height: 20px; width: 20px; display: block; z-index:1; } #beast-compare-blenders #beast_compare .ccolur_actv:before { position: relative; margin: 1px; border-radius: 100%; border: 2px solid #fff; content: ""; height: 20px; width: 20px; display: block; position:relative; z-index:1; } #beast-compare-blenders #beast_compare .mist_swatch { background-color:#809cb3; } #beast-compare-blenders #beast_compare .terra_swatch { background-color:#be6b43; } #beast-compare-blenders #beast_compare .sand_swatch { background-color:#e7c8ab; } #beast-compare-blenders #beast_compare .cloud_white_swatch { background-color:#f1f1f1; } #beast-compare-blenders #beast_compare .pebble_grey_swatch { background-color:#d9d9d9; } #beast-compare-blenders #beast_compare .carbon_black_swatch { background-color:#555555; } #beast-compare-blenders #beast_compare .forest_green_swatch { background-color:#1f5b3e; } #beast-compare-blenders #beast_compare .lilac_swatch { background-color:#cca2ac; } #beast-compare-blenders #beast_compare .navy_swatch { background-color:#294268; } #beast-compare-blenders #beast_compare .charcoal_swatch { background-color:#777777; } #beast-compare-blenders #beast_compare .sage_swatch { background-color:#98aa87; } /* COMPARE IMAGES */ #beast-compare-blenders #beast_compare .cb_img { display:none; } #beast-compare-blenders #beast_compare .bpc_active { display:block !important; } @media only screen and (max-width: 768px) { #beast-compare-blenders #compare_title { max-width: 90%; margin: 0 5%; } #beast-compare-blenders #compare_title h2 { font-size:30px; } #beast-compare-blenders #beast_compare .beast_compare_col { width: calc(50% - 10px);} #beast-compare-blenders #beast_compare .beast_color_block { width: 26px; height: 26px; border-radius: 26px; margin:5px; } #beast-compare-blenders #beast_compare .beast_color_block:hover:before { height: 24px; width: 24px; } #beast-compare-blenders #beast_compare .ccolur_actv:before { margin: 1px; height: 24px; width: 24px; } #beast-compare-blenders .shopify-section #compare_title { max-width: 90%; margin: 0 auto; } } @media only screen and (max-width: 767px) { #beast-compare-blenders #select_wrap_bc { display:flex; } #beast-compare-blenders #beast_compare .beast_compare_col:nth-child(3) { display:none; } } @media only screen and (max-width: 580px) { #beast-compare-blenders select#compare_1_select, #beast-compare-blenders select#compare_2_select, #beast-compare-blenders select#compare_3_select { width: 100%;} } /* SLIDESHOW */ .page-template .section--slideshow .slideshow__buttons motion-element:has(.btn__2) { display:flex; gap:10px; } @media (max-width: 768px) { .page-template.beast-next-generation .section--slideshow .slideshow__content { height:100%; justify-content: flex-start; } .page-template.beast-next-generation .section--slideshow .slideshow__buttons { position: absolute; width: calc(100% - 30px); bottom: 20px; left: 15px; } .page-template.beast-next-generation .section--slideshow .slideshow__description p { font-size: 15px; } .page-template.beast-next-generation .section--slideshow .slideshow__buttons motion-element { flex-direction: column; } } /* IMAGE 50-50 SLIDER */ .image-50-50-slider motion-element { display:flex; flex-direction:column; gap:15px; letter-spacing: normal; } .image-50-50-slider motion-element .collection-media__desc { font-weight: var(--font-body-weight); } .image-50-50-slider motion-element a.btn { font-size: var(--font-body-size); font-weight: var(--font-body-weight); width: fit-content; width: -moz-fit-content; padding: 0.5rem 2.5rem; height: auto; } .image-50-50-slider .collection-cta motion-element.block { cursor: pointer;} .image-50-50-slider .swiper-pagination-bullets-animate .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 10px; } @media (min-width: 1024px) { .image-50-50-slider .collections-slider .collection-cta { gap: 3rem; } } /* ACCESSORIES HERO (Filter) */ .collection-template.accessories #accessories_hero { width: 90%; max-width: 500px; text-align: center; margin: 40px auto; } .collection-template.accessories #acc_select { background: #ffd45d; border: none; padding: 12px 10px 10px; border-radius: 1px; color: #000; font-size: 15px; margin-top: 10px; border-right: 10px solid transparent !important; font-family: 'Sofia Pro'; font-weight: 600; } .collection-template.accessories #acc_select:focus { border:none; outline:none; } .collection-template.accessories .accessories_title { text-align: center; margin: 40px auto; } .collection-template.accessories .collection .collection__content .accessories__group { display:none; } @media (max-width: 600px) { .collection-template.accessories #accessories_hero { margin: 20px auto 30px; } .collection-template.accessories .accessories_title { width:90%; margin: 30px auto; } } /* FEATURED PRODUCT */ .page-template product-info .product__block { --product-blocks-gap: 1rem; --product-blocks-gap-large: 1.5rem; } .page-template product-info .product-form__input .color_wrap { display:flex; gap: 8px; } .page-template product-info .product-form__input label span.swatch-color { border:none; box-shadow: none; } .page-template product-info .product-form__input--color .swatch-color:before, .page-template product-info .product-form__input--swatch .swatch-color:before { box-shadow: 0 0 0 0.2rem rgb(var(--color-background)), 0 0 0 0.3rem var(--active-shadow-color) !important; } .page-template product-info .product__block--collapsible_tab, .page-template product-info .product__view-details { display:none; } .page-template product-info media-gallery .product__media-gallery-viewer-wrap .swiper-button-prev, .page-template product-info media-gallery .product__media-gallery-viewer-wrap .swiper-button-next { width:40px; height:40px; background: none; border: none; color: #000; } .page-template product-info .main-product-form { margin-bottom: 20px; } .page-template product-info .product-form__input .form__label { justify-content: flex-start; gap: 0 2rem; align-items: end; } .page-template product-info #shop-pay-wrapper { text-align: center; } .page-template product-info .product__block--title .short_description { margin-top: 0;} .page-template product-info .product__block--text { margin: 0 0 2.5rem; } .page-template product-info .product__block--text ul { padding-inline-start: 0.2rem; } .page-template product-info .product__block--text ul li { list-style: none; padding: 2px 0px; } .page-template product-info .product__block--text ul li:before { content: ''; height: 9px; width: 12px; position: relative; display: inline-block; background-image: url('data:image/svg+xml,'); background-size: contain; background-repeat: no-repeat; margin-right: 10px; top: 0; } .page-template product-info .product__badges:not(.review--badges), .page-template product-info .product__block--price .product-card__badge { display:none; } .page-template product-info .review--badges .f-badge--bubble { background-color: #ff5601; padding: 3px 10px 0px; font-weight: 500; border-radius: 2px; z-index: 1; text-transform: capitalize; } /* FAQ SECTION */ .beast_help_faq .faq-main { max-width:768px; margin:0 auto; cursor: default; } .beast_help_faq .faq__container { margin:40px 0 60px; } .beast_help_faq .faq-item div[data-accordion-content] p { width: calc(100% - 45px); } .beast_help_faq .faq-item+.faq-item { margin-top: -20px; } .beast_help_faq #shopify-section-ea-section-faq { padding-top: 0 !important; padding-bottom: 80px; } .beast_help_faq .accordion .accordion__title .icon-minus, .beast_help_faq .accordion .accordion__title.accordion__open .icon-plus { display: none; } .beast_help_faq .accordion .accordion__title.accordion__open .icon-minus { display: flex; left: 5px; position: relative; } .beast_help_faq .faq-item .faq-item__title i { color: #000; } .beast_help_faq .accordion .accordion__title i { font-size: 10px; } .beast_help_faq #shopify-section-ea-section-faq .faq-main:has(.accordion:not([data--hidden])) { padding-top: 80px; } .beast_help_faq #shopify-section-ea-section-faq .faq-main:has(.accordion:not([data--hidden])) .faq-item__sub { display: none; } .beast_help_faq #shopify-section-ea-section-faq .faq-main .faq-item__sub { display: block; padding-top: 50px; } .beast_help_faq .faq-item.accordion.subfaq:hover .copy_faq { opacity:1 !important; } .beast_help_faq .faq-item.accordion .copy_faq { position: absolute; top: 20px; right: 0; font-size: 12px; font-weight: 400; padding: 2px 10px 1px; border-radius: 5px; transition: 0.3s all; color: #fff; background: #ff5602; cursor: pointer; opacity: 0; } .beast_help_faq .faq-item.accordion.subfaq { position:relative; border-bottom: 1px solid #eae3db; margin-bottom: 20px; } .beast_help_faq .faq-item div[data-accordion-content] p { width:calc( 100% - 45px); margin-top:0; font-weight: 200; } .beast_help_faq .faq-item .faq-item__subtitle { display: flex; align-items: center; justify-content: space-between; font-size: 18px; font-weight: 500; text-align: left; color: #171516; position: relative; padding: 20px 0; cursor: pointer; } .beast_help_faq .faq-item .faq-item__content { font-size: 16px; font-weight: 400; text-align: left; color: #0c0c0c; text-decoration: none; } .beast_help_faq .faq-item .faq-item__content ul, .beast_help_faq .faq-item .faq-item__content ol { margin-bottom: 20px; list-style: decimal; list-style-position: inside; } .beast_help_faq .faq-item .faq-item__content em { font-weight: 500; font-size: 15px; } .beast_help_faq .faq-item .faq-item__content a { color:#ff5602; } .beast_help_faq .faq-search { width: 100%; text-align: center; margin-bottom: 0; margin-top: -30px; position: relative; padding: 30px 0; z-index: 1; background: #eae3db; } .beast_help_faq .faq-search input { border: 1px solid #e9e0d7; padding: 10px 15px; border-radius: 7px; } .beast_help_faq .faq-search input:focus { outline: none; box-shadow: none; } .beast_help_faq .faq-search input[type="text"]::placeholder { color:#b0a191; font-size: 15px; font-weight: 400; } .beast_help_faq .faq-search button[data-faq-search-btn] { border: none; padding: 3px 15px; background: #ff5602; color: #fff; cursor: pointer; transition: 0.3s all; border-radius: 7px; height: auto; position: relative; top: -1px; } .beast_help_faq .faq-search button[data-faq-search-btn]:hover { background-color: #000; transition: 0.3s all; } .beast_help_faq .faq-search button[data-faq-search-btn]:focus { outline: none; box-shadow: none; } .beast_help_faq .faq-search button.search-close { border:none; padding: 3px 15px; background: #b0a191; color: #fff; cursor: pointer; transition: 0.3s all; border-radius: 7px; height: auto; position: relative; top: -1px; } .beast_help_faq .faq-search button.search-close:hover { background-color: #000; transition: 0.3s all; } .beast_help_faq .faq-search button.search-close:focus { outline: none; box-shadow: none; } .beast_help_faq .faq-item .faq-item__title { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; font-size: 30px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.62; letter-spacing: normal; text-align: left; color: #0c0404; position: relative; cursor: pointer; } @media only screen and (max-width:1025px) { #shopify-section-ea-faq-banner { padding: 50px 0 10px !important; } #shopify-section-ea-faq-banner .hero__info { width: 100%; max-width: unset; } .beast_help_faq .faq-search { margin-top: 0;} .beast_help_faq #shopify-section-ea-section-faq .faq-main:has(.accordion:not([data--hidden])) { padding-top: 40px; } } @media only screen and (max-width:768px) { .beast_help_faq .faq__container { padding: 0 15px; } .beast_help_faq .faq-item .faq-item__title { font-size: 22px; padding: 20px 0; gap: 20px; } .beast_help_faq .faq-item .faq-item__subtitle { max-width: calc(100% - 60px);} .beast_help_faq .faq-item .icon-plus svg { width: 25px; height: 25px; } .beast_help_faq .faq-item .icon-minus svg { width: 36px; height: 36px; } } @media only screen and (max-width:580px) { .beast_help_faq #shopify-section-ea-faq-banner { padding: 40px 0 35px !important; } .beast_help_faq #shopify-section-ea-section-faq .faq-main:has(.accordion:not([data--hidden])) { padding-top: 25px; } } /* RECIPE CAROUSEL */ .section-recipe-carousel .section__header .rich-text__text { margin-top: 1rem; } .section-recipe-carousel .testimonials__items .testimonial { border-radius: 4px; } .section-recipe-carousel .testimonials__items .testimonial .testimonial__inner { padding: 1rem 1rem; } .section-recipe-carousel .testimonials__items .testimonial__footer { align-items: center; justify-content: space-between; } .section-recipe-carousel .testimonials__items .testimonial__product { display:block; width:100%; border:none; text-align: center; margin:0; padding:0; } .section-recipe-carousel .testimonials__items .testimonial__product span { width:100%; } .section-recipe-carousel .testimonials__items .testimonial__product .recipe__title { font-size: 1.4rem; font-weight: 600; margin:0; padding: 2rem 0; background: #f9f7f5; } .section-recipe-carousel .testimonials__items .testimonial__product .recipe__excerpt { font-size: 1.1rem; font-weight: 400; } .section-recipe-carousel .testimonials__items .recipe__blog { font-size: 1.2rem; font-weight: 500; margin-bottom: 0; border-top: 1px solid #ebe7e2; width: 100%; text-align: center; padding-top: 10px; } /* CUSTOM CONTENT BLOG BLOCK */ .blog-template div[id*="__custom_content_iq9LaM"] .custom-content-block--blog .custom__block--blog .featured__blog:not(:has(.blog__title)) { padding:30px; } .blog-template div[id*="__custom_content_iq9LaM"] .custom-content-block--blog .custom__block--blog .featured__blog:has(.blog__title) { padding:30px 20px 30px ; } .blog-template div[id*="__custom_content_iq9LaM"] .custom-content-block--blog .custom__block--blog .featured__blog .blog__title { line-height: 100%; margin-bottom:25px; } .blog-template div[id*="__custom_content_iq9LaM"] .custom-content-block--blog .custom__block--blog .f-column:not(.featured__blog) .blog__title { line-height: 100%; margin-bottom:25px; } @media only screen and (max-width:768px) { .blog-template div[id*="__custom_content_iq9LaM"] .section--custom-content { padding-bottom: 10px; } .blog-template div[id*="__custom_content_iq9LaM"] .custom-content-block--blog:not(:first-of-type) .custom__block--blog .article-card { background-color: #f9f7f4; } .blog-template div[id*="__custom_content_iq9LaM"] .custom-content-block--blog:last-of-type .custom__block--blog .article-card { margin-top:10px; } .blog-template div[id*="__custom_content_iq9LaM"] .custom-content-block--blog:not(:first-of-type) .custom__block--blog .article-card .article-card__content { padding: 0 15px 15px; } } /* --------------- LANDING PAGE (HOMEPAGE) --------------- */ /* Hero video */ .index-template .shopify-section:has(.video-hero) { overflow: hidden; position: relative; margin-top:-100px; } .index-template .shopify-section:has(.video-hero) .video-hero__content .content-overlay--bottom-left { bottom:80px; } .index-template .shopify-section:has(.video-hero) .video-hero__content .rich-text__heading, .index-template .shopify-section:has(.video-hero) .video-hero__content .rich-text__text { color: #fff; margin-top: 0.5rem; } .index-template .shopify-section:has(.video-hero) .video-hero__content .block:has(a.btn) { margin-top: 1.8rem; } /* 3 Product category cards */ .index-template section[id*="__multicolumn_779BG3"] .multicolumn .multicolumn__items .multicolumn-card .multicolumn-card__image { margin:0; } .index-template section[id*="__multicolumn_779BG3"] .multicolumn .multicolumn__items .multicolumn-card .multicolumn-card__info { background:#2D2F45; padding: 10px 0; } .index-template section[id*="__multicolumn_779BG3"] .multicolumn .multicolumn__items .multicolumn-card .multicolumn-card__info .multicolumn-card__title { color:#fff; } /* Image + 2 products */ .index-template div[id*="__custom_content_"] .custom-content-block--collections .collection-list__sliders .product-card .product-card__swatches { margin-bottom: 1.5rem; } .index-template div[id*="__custom_content_"] .custom-content-block--collections .collection-list__sliders .product-card .product-card__swatches .swatch-color { border:none; box-shadow: none; } .index-template div[id*="__custom_content_"] .custom-content-block--collections .collection-list__sliders .product-card .swatches--product-card input[type=radio]:is(.disabled)+label .swatch-color { opacity:0.5; } .index-template div[id*="__custom_content_"] .custom-content-block--collections .collection-list__sliders .product-card .product-card__swatches .swatch-color:before, .index-template div[id*="__custom_content_"] .custom-content-block--collections .collection-list__sliders .product-card .product-card__swatches .swatch-color:after { box-shadow: 0 0 0 0.2rem rgb(var(--swatch-background)), 0 0 0 0.3rem var(--swatch-background) !important; } .index-template div[id*="__custom_content_"] .custom-content-block--collections .collection-list__sliders .product-card .product-card__badge, .index-template div[id*="__custom_content_"] .custom-content-block--collections .collection-list__sliders .product-card .compatibility_wrap { display: none; } .index-template div[id*="__custom_content_"] .custom-content-block--collections .collection-list__sliders .product-card button.add-to-cart { background: rgb(var(--color-secondary-button)); color: rgb(var(--color-secondary-button-text)); border-color: rgb(var(--color-secondary-button-border)); } /* Beast Image with Text */ .index-template section[id*="__beast_image_with_text_column_"] .image-with-text-columns .page-width { padding-right:0 !important; } /* Why Beast is Better */ .index-template div[id*="__custom_content_WciAQA"] .custom_block_wrap:has(.better_beast_icon) { justify-content: center; } .index-template div[id*="__custom_content_WciAQA"] .better_beast_block .custom-text-card-with-image .rich-text { padding:0; } .index-template div[id*="__custom_content_WciAQA"] .better_beast_text .rich-text__text { margin-top:1rem; } .index-template div[id*="__custom_content_WciAQA"] .custom__block--text_card_with_image .rich-text__heading:after { content: ''; color: #ddd; border-bottom: 4px solid #ddd; width: 40px; position: relative; display: flex; margin: 0 auto; margin-bottom: 1rem; margin-top: 1rem; } .index-template div[id*="__custom_content_WciAQA"] .custom__block--text_card_with_image .rich-text__heading p { margin-bottom:0; letter-spacing: 0.5px; line-height: 125%; } .index-template div[id*="__custom_content_WciAQA"] .custom__block--text_card_with_image .rich-text__heading p strong { font-weight: 600; } .index-template div[id*="__custom_content_WciAQA"] .custom__block--text_card_with_image .rich-text__text { margin:0; } .index-template div[id*="__custom_content_WciAQA"] .custom-content-block--text .rich-text__heading { text-align:center; text-transform: uppercase; } .index-template div[id*="__custom_content_WciAQA"] .custom-content-block--text .rich-text__heading strong { font-weight: 800; font-size: 4.45vw; letter-spacing: 0.5px; } /* Recipes for every occasion */ @media only screen and (min-width:600px) { .index-template div[id*="__custom_content_8bwJWi"] .section--custom-content { padding-right:0; } } .index-template div[id*="__custom_content_8bwJWi"] .section__header { padding:0; } .index-template div[id*="__custom_content_8bwJWi"] .section__header .section__header--text .section__description { margin-top:1.4rem; } .index-template div[id*="__custom_content_8bwJWi"] .custom-content-block--blog .article-card__content { padding:2rem 0; text-align: center; } /* It's not a blender, it's a lifestyle */ .index-template div[id*="__custom_content_KBrMkp"] .section__header { padding:0 0 20px; } .index-template div[id*="__custom_content_KBrMkp"] .section__content { margin-top:30px; } .index-template div[id*="__custom_content_KBrMkp"] .custom-content-block--product.custom_product .product-card .product-card__info { padding:2.4rem 0; } .index-template div[id*="__custom_content_KBrMkp"] .custom-content-block--product.custom_product .product-card .compatibility_wrap { display:none; } .index-template div[id*="__custom_content_KBrMkp"] .custom__block.custom__block--article_list { height: 100%; display: flex; flex-direction: column; gap: 15px; } .index-template div[id*="__custom_content_KBrMkp"] .custom-content-block--article_list .custom__block--article_list .article-card:hover .article-card__media img { --scale-x: 1.03; --scale-y: 1.03; transition: var(--animation-default); transition-property: transform; transform: scaleX(var(--scale-x)) scaleY(var(--scale-y)); } .index-template div[id*="__custom_content_KBrMkp"] .custom-content-block--article_list .custom__block--article_list .article-card { display: flex; flex-direction: row; background: #F9F7F4; width: 100%; justify-content: normal; align-items: center; gap: 20px; padding: 0 20px 0 0; } .index-template div[id*="__custom_content_KBrMkp"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__content { display: flex; flex-direction: column; justify-content: space-between; padding:10px 0; } .index-template div[id*="__custom_content_KBrMkp"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__content .article-card__title { line-height: 150%; } .index-template div[id*="__custom_content_KBrMkp"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__content .article-card__excerpt { font-weight: 200; font-size: 14px; margin:1rem 0 0; } .index-template div[id*="__custom_content_KBrMkp"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__media { width:100%; min-width: 165px; max-width: 165px; } .index-template div[id*="__custom_content_KBrMkp"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__content .article-card__author { font-weight: 200; font-size: 13px; color:#857f7f; margin-bottom:0; } @media only screen and (max-width:767px) { .index-template div[id*="__custom_content_KBrMkp"] .section__content { margin-top:0; } } /* Icon scroller */ .index-template section[id*="__multicolumn_iYyMtG"] .section__content { max-width: 960px; margin: 0 auto; } @media only screen and (min-width:1367px) { /* Beast Image with Text */ .index-template div[id*="__custom_content_WciAQA"] .custom-content-block--text .rich-text__heading strong { font-size: 3.45vw; } } @media only screen and (max-width:1024px) { /* Beast Image with Text */ .index-template div[id*="__custom_content_WciAQA"] .custom-content-block--text .rich-text__heading { font-size: 3.2vw; } .index-template div[id*="__custom_content_WciAQA"] .custom-content-block--text .rich-text__heading strong { font-size: 4.45vw; } } @media only screen and (max-width:850px) { /* Beast Image with Text */ .index-template div[id*="__custom_content_WciAQA"] .section--custom-content { padding-top:0; padding-bottom:50px; } .index-template div[id*="__custom_content_WciAQA"] .custom-content-block--text { width:100%; margin-top: 3.6rem; } .index-template div[id*="__custom_content_WciAQA"] .section--custom-content .custom_block_wrap .custom-content-block--text { grid-column: 1 / -1; } .index-template div[id*="__custom_content_WciAQA"] .section--custom-content .custom_block_wrap .f-column:last-child { order:0; margin-top: 50px; margin-bottom: 20px; } .index-template div[id*="__custom_content_WciAQA"] .section--custom-content .custom_block_wrap .f-column:nth-child(1) { order:1; } .index-template div[id*="__custom_content_WciAQA"] .section--custom-content .custom_block_wrap .f-column:nth-child(2) { order:2; } .index-template div[id*="__custom_content_WciAQA"] .section--custom-content .custom_block_wrap .f-column:nth-child(3) { order:3; } .index-template div[id*="__custom_content_WciAQA"] .section--custom-content .custom_block_wrap .f-column:nth-child(4) { order:4; } .index-template div[id*="__custom_content_WciAQA"] .custom__block--text_card_with_image .rich-text__heading { font-size:2rem; } .index-template div[id*="__custom_content_WciAQA"] .custom-content-block--text .rich-text__heading { font-size: 6vw; } .index-template div[id*="__custom_content_WciAQA"] .custom-content-block--text .rich-text__heading strong { font-size: 9vw; position: relative; display: block; } .index-template div[id*="__custom_content_WciAQA"] .better_beast_block .custom-text-card-with-image .rich-text { text-align: center; display: flex; align-items: center; flex-direction: column; } .index-template div[id*="__custom_content_WciAQA"] .better_beast_block .custom-text-card-with-image .custom-text-card-with-image__image { max-width: 80%; margin: 0 auto; padding: 0; } } @media only screen and (max-width:600px) { .index-template .section .section__heading, .index-template .section .rich-text { text-align: center; } /* Video Hero */ .index-template .shopify-section:has(.video-hero) .video-hero__content .video-hero__content-wrapper { width: 100%; text-align: center; } .index-template .shopify-section:has(.video-hero) .video-hero__content .content-overlay--bottom-left { bottom:0; } /* Beast Image with Text */ .index-template div[id*="__custom_content_WciAQA"] .section--custom-content .custom_block_wrap { display: grid !important; grid-template-columns: 1fr 1fr; } .index-template section[id*="__beast_image_with_text_column_"] .beast-image-text-section { padding-bottom:40px; } /* Scrolling Logos */ .index-template div[id*="__scrolling_promotion_Rp4YRA"] .section--scrolling-promotion { padding-top:50px; } /* Recipes for every occasion */ .index-template div[id*="__custom_content_8bwJWi"] .section__header { padding-bottom: 30px; } .index-template div[id*="__custom_content_8bwJWi"] .custom_block_wrap .custom-content-block--image { height: 52vh; } .index-template div[id*="__custom_content_8bwJWi"] .custom_block_wrap .custom-content-block--image:last-of-type { height: 100%; } .index-template div[id*="__custom_content_8bwJWi"] .custom_block_wrap .custom-content-block--image .custom__block--image img { width: auto; display: flex; justify-self: right; align-items: baseline; height: 90%; position: relative; margin-top: 5%; } .index-template div[id*="__custom_content_8bwJWi"] .custom-content-block--image .section--custom-content .section__header { padding-bottom:0; } } @media only screen and (max-width:480px) { /* Recipes for every occasion */ .index-template div[id*="__custom_content_8bwJWi"] .custom_block_wrap .custom-content-block--image { height: 28vh; } } @media only screen and (max-width:400px) { /* Recipes for every occasion */ .index-template div[id*="__custom_content_8bwJWi"] .custom_block_wrap .custom-content-block--image { height: 24vh; } /* Beast Image with Text */ .index-template div[id*="__custom_content_WciAQA"] .custom-content-block--text .rich-text__heading { font-size: 9vw; } .index-template div[id*="__custom_content_WciAQA"] .custom-content-block--text .rich-text__heading strong { font-size: 13vw; position: relative; display: block; } } /* --------------- LANDING PAGE (FUEL UP) --------------- */ .page-template.fuel-up div[id*="__slideshow_"] .slideshow-wrapper .slideshow__content .slideshow__text .slideshow__description[class*="rich-text__"] { margin-top:1.2rem; } .page-template.fuel-up div[id*="__slideshow_"] .slideshow-wrapper .slideshow__content .slideshow__text .slideshow__title { font-size: 6rem } .page-template.fuel-up div[id*="__slideshow_"] .slideshow-wrapper .slideshow__content .slideshow__text .slideshow__title p { margin:0; } .page-template.fuel-up div[id*="__slideshow_"] .slideshow-wrapper .slideshow__content .slideshow__text .slideshow__description { font-size: 2.4rem; line-height: 150%; } .page-template.fuel-up div[id*="__slideshow_"] .slideshow-wrapper .slideshow__content .slideshow__text .slideshow__buttons[class*="rich-text__"] { margin-top:2rem; } .page-template.fuel-up div[id*="__slideshow_"] .slideshow-wrapper .slideshow__content .slideshow__text a.btn { font-weight:500; } .page-template.fuel-up div[id*="__slideshow_"] .slideshow-wrapper .slideshow__item-wrap { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; background: #e1dabb; } .page-template.fuel-up div[id*="__slideshow_"] .slideshow-wrapper .slideshow__content .slideshow__text .slideshow__title { font-size: 3.9rem; } .page-template.fuel-up div[id*="__slideshow_"] .slideshow-wrapper .slideshow__content .slideshow__text .slideshow__description { font-size: 2rem; } } .page-template.fuel-up section[id*="__beast_product_features_"] .multicolumn .section__content .multicolumn__items .f-column .multicolumn-card__image:hover img { --scale-x: 1.0; --scale-y: 1.0; } .page-template.fuel-up section[id*="__multicolumn_"] .multicolumn .section__content { max-width: 1020px; margin: 0 auto; } .page-template.fuel-up section[id*="__multicolumn_"] .multicolumn .rich-text__heading { text-align: center; } .page-template.fuel-up section[id*="__multicolumn_"] .multicolumn .section__content .multicolumn__items .f-column .multicolumn-card__image motion-element { mix-blend-mode: darken; } .page-template.fuel-up section[id*="__multicolumn_"] .multicolumn .section__content .multicolumn__items .f-column .multicolumn-card__image img { max-height: 250px; width: auto; mix-blend-mode: darken; } .page-template.fuel-up section[id*="__multicolumn_"] .multicolumn .section__content .multicolumn__items .f-column .multicolumn-card__image:hover img { --scale-x: 1.0; --scale-y: 1.0; } .page-template.fuel-up section[id*="__multicolumn_"] .multicolumn .section__content .multicolumn__items .f-column { position:relative; } .page-template.fuel-up section[id*="__multicolumn_"] .multicolumn .section__content .multicolumn__items .f-column:not(:last-child)::after { content: "+"; font-size: 60px; font-weight: 600; position: absolute; right: -16px; top: calc(50% - 50px); line-height: 100%; } .page-template.fuel-up section[id*="__testimonials_"] .section__header h2.rich-text__heading { text-align:center; } .page-template.fuel-up section[id*="__testimonials_"] .section__content .testimonials__items .f-column .testimonial { background: #fcfaf8; text-align: left; border: 1px solid #DDD5CA; padding: 20px; border-radius: 7px; } .page-template.fuel-up section[id*="__testimonials_"] .section__content .testimonials__items .f-column .testimonial .testimonial__name { font-size: 1.5rem; color: #555; } .page-template.fuel-up section[id*="__testimonials_"] .section__content .testimonials__items .f-column .testimonial .testimonial__icon { font-size: 1.5rem; letter-spacing: 1px; color: #ffd45d; } .page-template.fuel-up section[id*="__testimonials_"] .section__content .testimonials__items .f-column .testimonial .testimonial__icon .icon--small { width: 2rem; height: 2rem; } .page-template.fuel-up section[id*="__testimonials_"] .section__content .testimonials__items .f-column .testimonial .testimonial__content p { font-size: 1.7rem; line-height: 150%; } .page-template.fuel-up section[id*="__testimonials_"] .section__content .testimonials__items .f-column .testimonial .testimonial__content h6 { font-size: 1.4rem; font-weight: 400; color: #555; } .page-template.fuel-up section[id*="__testimonials_"] .section__content .testimonials__items .f-column .testimonial .testimonial__content h6::before { content: "✔"; color: #fff; margin-right: 5px; background: #3eb500; border-radius: 20px; padding: 5px 5px 3px; font-size: 10px; position: relative; top: -1px; } @media (max-width: 768px) { .page-template.fuel-up div[id*="__slideshow_"] .slideshow-wrapper .slideshow__content { margin: 0 auto; padding: 0; max-width: 90%; } .page-template.fuel-up section.beast_product_features .multicolumn .multicolumn-card .multicolumn-card__info { margin-top:0; } } /* --------------- LANDING PAGE (MIGHTY 850) --------------- */ .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h5 { color: #fff; font-size: 4rem; font-weight: 600; width: 100%; display: block; text-shadow: 0 0 20px #00000024; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h2 { color: #fff; font-size: 12rem; font-weight: 700; width: 100%; display: block; text-shadow: 0 0 20px #00000024; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 h2 { color: #fff; font-size: 7rem; font-weight: 600; width: 100%; display: block; text-shadow: 0 0 20px #00000024; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { column-gap: 20vw; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content .section-3-content-left, .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content .section-3-content-right { max-width: 350px; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { color: #fff; font-size: 20px; line-height: var(--font-body-line-height); font-weight: var(--font-body-weight); text-shadow: 0 0 20px #00000024; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content h4 { color: #fff; font-size: var(--font-hd3-size); font-weight: var(--font-heading-weight); text-shadow: 0 0 20px #00000024; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content h4:not(:first-of-type) { margin-top: 20px; } /* mighty-50 class set in the section > text (admin customizer)*/ .beast-mighty-lp .mighty-50 { max-width: 500px; cursor: default; } .beast-mighty-lp .mighty-50 h2 { margin-bottom: 0; --reversed-link-gap: .1rem; background: linear-gradient(to var(--transform-origin-end), currentColor, currentColor) 0 var(--reversed-link-gap) / 0 var(--reversed-link-gap) no-repeat; background-position-x: var(--transform-origin-end); background-position-y: bottom; transition: background-size var(--animation-default); } .beast-mighty-lp .mighty-50 h2:hover { background-position-x: var(--transform-origin-start); background-size: 100% var(--reversed-link-gap); background-position-y: bottom; } .beast-mighty-lp .mighty-50 p { margin-top: 0.5rem; } @media (max-width: 820px) { .beast-mighty-lp .mighty-50 { margin-top:20px; } } @media (max-width: 1080px) { .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 { height: calc(100vh - 150px); } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 .section-1-content, .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 .section-2-content { max-width: 90%; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h2 { font-size: 9rem; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 h2 { font-size: 5rem; } } @media (max-width: 820px) { .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { max-width: 95%; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { column-gap: 23vw; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 .section-1-content, .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 .section-2-content { max-width: 90%; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h5 { text-align: center; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h2 { text-align: center; line-height: 12rem; font-size: 11rem; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 h2 { font-size: 5.5rem; line-height: 7rem; text-align: center; } } @media (max-width: 600px) { .shopify-section .btn--secondary, .shopify-section .btn--primary { width:100%; } } @media (max-width: 480px) { .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { max-width: 90%; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] { background: #00000014; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h2 { line-height: 7rem; font-size: 6rem; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 h2 { font-size: 5.5rem; line-height: 7rem; text-align: center; text-shadow: 0 0 20px #0000005c; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content .section-3-content-right { margin-top:20px; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { font-size: 18px; } .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content, .beast-mighty-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content h4 { text-align: center; text-shadow: 0 0 20px #0000005c; } } /* --------------- LANDING PAGE (MEGA 1200) --------------- */ .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h5 { color: #fff; font-size: 4rem; font-weight: 600; width: 100%; display: block; text-shadow: 0 0 20px #00000024; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h2 { color: #fff; font-size: 12rem; font-weight: 700; width: 100%; display: block; text-shadow: 0 0 20px #00000024; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 h2 { color: #fff; font-size: 7rem; font-weight: 600; width: 100%; display: block; text-shadow: 0 0 20px #00000024; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { column-gap: 20vw; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content .section-3-content-left, .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content .section-3-content-right { max-width: 350px; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { color: #fff; font-size: 20px; line-height: var(--font-body-line-height); font-weight: var(--font-body-weight); text-shadow: 0 0 20px #00000024; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content h4 { color: #fff; font-size: var(--font-hd3-size); font-weight: var(--font-heading-weight); text-shadow: 0 0 20px #00000024; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content h4:not(:first-of-type) { margin-top: 20px; } /* mighty-50 class set in the section > text (admin customizer)*/ .beast-mega-lp .mighty-50 { max-width: 500px; cursor: default; } .beast-mega-lp .mighty-50 h2 { margin-bottom: 0; --reversed-link-gap: .1rem; background: linear-gradient(to var(--transform-origin-end), currentColor, currentColor) 0 var(--reversed-link-gap) / 0 var(--reversed-link-gap) no-repeat; background-position-x: var(--transform-origin-end); background-position-y: bottom; transition: background-size var(--animation-default); } .beast-mega-lp .mighty-50 h2:hover { background-position-x: var(--transform-origin-start); background-size: 100% var(--reversed-link-gap); background-position-y: bottom; } .beast-mega-lp .mighty-50 p { margin-top: 0.5rem; } @media (max-width: 820px) { .beast-mega-lp .mighty-50 { margin-top:20px; } } @media (max-width: 1080px) { .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 { height: calc(100vh - 150px); } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 .section-1-content, .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 .section-2-content { max-width: 90%; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h2 { font-size: 9rem; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 h2 { font-size: 5rem; } } @media (max-width: 820px) { .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { max-width: 95%; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { column-gap: 23vw; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 .section-1-content, .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 .section-2-content { max-width: 90%; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h5 { text-align: center; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h2 { text-align: center; line-height: 12rem; font-size: 11rem; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 h2 { font-size: 5.5rem; line-height: 7rem; text-align: center; } } @media (max-width: 480px) { .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { max-width: 90%; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] { background: #00000014; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h2 { line-height: 7rem; font-size: 6rem; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 h2 { font-size: 5.5rem; line-height: 7rem; text-align: center; text-shadow: 0 0 20px #0000005c; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content .section-3-content-right { margin-top:20px; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { font-size: 18px; } .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content, .beast-mega-lp div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content h4 { text-align: center; text-shadow: 0 0 20px #0000005c; } } /* --------------- LANDING PAGE (GO CORDLESS) --------------- */ .beast-go-cordless .mighty-50 h2 { margin-bottom: 0; --reversed-link-gap: .1rem; background: linear-gradient(to var(--transform-origin-end), currentColor, currentColor) 0 var(--reversed-link-gap) / 0 var(--reversed-link-gap) no-repeat; background-position-x: var(--transform-origin-end); background-position-y: bottom; transition: background-size var(--animation-default); } .beast-go-cordless .mighty-50 h2:hover { background-position-x: var(--transform-origin-start); background-size: 100% var(--reversed-link-gap); background-position-y: bottom; } .beast-go-cordless .mighty-50 p { margin-top: 0.5rem; } .beast-go-cordless div[id*="__slideshow_"] .slideshow__subtitle { color: #fff; font-size: 2.4rem; } .beast-go-cordless div[id*="__slideshow_"] .slideshow__title { color: #fff; font-size: 8rem; line-height: 8rem; } .beast-go-cordless section[id*="__slideshow_"] a.btn--primary { font-weight: 600; } .beast-go-cordless section[id*="__multicolumn_"] .multicolumn .multicolumn__items { max-width: 860px; margin:0 auto; } .beast-go-cordless section[id*="__multicolumn_"] .multicolumn h2.rich-text__heading { text-align: center; } .beast-go-cordless section[id*="__multicolumn_"] .multicolumn .multicolumn-card__image { max-height: 120px; } .beast-go-cordless section[id*="__multicolumn_"] .multicolumn .f-column img { max-height: 105px; width: auto; } @media (max-width: 820px) { .beast-go-cordless .mighty-50 { margin-top:20px; } .beast-go-cordless div[id*="__slideshow_"] .slideshow__title { font-size: 6rem; line-height: 7rem; } } @media (max-width: 767px) { .beast-go-cordless .mighty-50 { margin-top:20px; } .beast-go-cordless div[id*="__slideshow_"] .content-overlay--middle-left { justify-content: flex-start; } .beast-go-cordless div[id*="__slideshow_"] .slideshow__buttons { position: absolute; bottom: 30px; left: 0; right: 0; } .beast-go-cordless section[id*="__multicolumn_"] .multicolumn .multicolumn-card { display: flex; flex-direction: row; text-align: left; align-items: center; gap: 15px; } .beast-go-cordless section[id*="__multicolumn_"] .multicolumn .multicolumn-card__image { margin:0; } .beast-go-cordless section[id*="__multicolumn_"] .multicolumn .f-column img { max-height: 65px; } } /* --------------- LANDING PAGE (MINI) --------------- */ .beast-mini section[id*="__multicolumn_"] .multicolumn h2.rich-text__heading { text-align: center; } .beast-mini section[id*="__multicolumn_"] .multicolumn-card--image-full img { max-width: 90%; } .beast-mini div[id*="__image_with_text_overlay_"] .image-with-text-ovelay__content-wrapper { margin-left:7%; } @media (max-width: 1024px) { .beast-mini div[id*="__image_with_text_overlay_"] .image-with-text-ovelay__content-wrapper { margin-left:2%; } } @media (max-width: 820px) { .beast-mini div[id*="__image_with_text_overlay_"] .image-with-text-ovelay__content-wrapper { margin-left:6%; } } @media (max-width: 768px) { .beast-mini section[id*="__multicolumn_"] .multicolumn .multicolumn__items { gap:0; } .beast-mini section[id*="__multicolumn_"] .multicolumn .multicolumn-card { display: flex; align-items: center; text-align: left; gap: 10px; } .beast-mini section[id*="__multicolumn_"] .multicolumn-card--image-full img { max-width: 100%; } .beast-mini section[id*="__multicolumn_"] .multicolumn .multicolumn-card .multicolumn-card__image.media-wrapper { max-width: 45%; } .beast-mini section[id*="__video_with_text_"] .video-with-text { padding-bottom:0; } } @media (max-width: 600px) { .beast-mini div[id*="__image_with_text_overlay_"] .image-with-text-ovelay__content-wrapper { margin-left: unset; justify-content: flex-start; align-items: center; } .beast-mini div[id*="__image_with_text_overlay_"] .image-with-text-ovelay__content-wrapper div.rich-text.relative { height: 100%; } .beast-mini div[id*="__image_with_text_overlay_"] .image-with-text-ovelay__content-wrapper div.rich-text.relative motion-element { margin-top:0; } .beast-mini div[id*="__image_with_text_overlay_"] .image-with-text-ovelay__content-wrapper div.rich-text.relative motion-element p { margin:0; } .beast-mini div[id*="__image_with_text_overlay_"] .image-with-text-ovelay__content-wrapper motion-element.block:has(.btn) { position: absolute; bottom:0; left:0; right:0; } } /* --------------- LANDING PAGE (BEASTMODE) --------------- */ .page-template.beastmode header.header:before { background-color: unset; } .page-template.beastmode header img.logo { filter:invert(1);} .page-template.beastmode header .font-navigation { color:#fff; } .page-template.beastmode header .mega-menu__container { background:#000; } .page-template.beastmode header .header__icons #end-nav-menu li { border-color: #fff; color:#fff; } .page-template.beastmode header .header__icons #end-nav-menu li:last-child { border-color: #ffd45d; } .page-template.beastmode header .header__icons #end-nav-menu li:last-child:hover { border-color: #000; } .page-template.beastmode header .header__icons .header__buttons a svg path, .page-template.beastmode header .header__icons .header__buttons button svg path { stroke:#fff; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 .section-1-content { position:relative; display: flex; flex-direction: column-reverse; z-index: 0; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 .section-1-content .beastmode_sig { position: absolute; right:0; max-width:280px; z-index: -1; opacity: 0.15; bottom: -50%; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 .section-1-content .beastmode_sig img { filter: saturate(6); } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h5 { color: #cbae69; font-size: 3.3rem; font-weight: 600; width: 100%; display: block; text-shadow: 0 0 20px #00000024; text-align: right; margin-top: -4rem; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h2 { background: linear-gradient( to right, #C8A965 0%, #A2781A 40%, #F3CE7B 50%, #A2781A 60%, #C8A965 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shimmer 3.5s linear infinite; font-size: 14rem; font-weight: 700; width: 100%; display: block; } @keyframes shimmer { 0% { background-position: 100% center; } 100% { background-position: -100% center; } 0% { background-position: 100% center; } } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 h2 { background: #C8A965; background: linear-gradient(to right, #C8A965 0%, #A2781A 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 6rem; font-weight: 600; width: 100%; max-width: 1200px; display: block; text-align: center; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { column-gap: 20vw; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content .section-3-content-left, .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content .section-3-content-right { max-width: 350px; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { color: #fff; font-size: 20px; line-height: var(--font-body-line-height); font-weight: var(--font-body-weight); text-shadow: 0 0 20px #00000024; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content h4 { background: #C8A965; background: linear-gradient(to right, #C8A965 0%, #A2781A 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: var(--font-hd3-size); font-weight: var(--font-heading-weight); } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content h4:not(:first-of-type) { margin-top: 20px; } .page-template.beastmode div[id*="__custom_content_"] h2.section__heading { text-align: center; width: fit-content; width:-moz-fit-content; margin:0 auto; } .page-template.beastmode div[id*="__custom_content_"] h2.section__heading motion-element { background: #C8A965; background: linear-gradient(to right, #C8A965 0%, #A2781A 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .page-template.beastmode div[id*="__custom_content_"] .custom-text-card-with-image h2.rich-text__heading motion-element { background: #C8A965; background: linear-gradient(to right, #C8A965 0%, #A2781A 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .page-template.beastmode section[id*="__rich_text_"] .rich-text-section { background: #ecf0f3; } .page-template.beastmode section[id*="__rich_text_"] .rich-text-section h2.rich-text__heading, .page-template.beastmode section[id*="__rich_text_"] .rich-text-section p { color: #1a351e; } @media (max-width: 1080px) { .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 { height: calc(100vh - 150px); } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 .section-1-content, .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 .section-2-content { max-width: 90%; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h2 { font-size: 12rem; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h5 { font-size: 4rem; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 h2 { font-size: 6rem; } } @media (max-width: 820px) { .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { max-width: 95%; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { column-gap: 23vw; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 .section-1-content, .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 .section-2-content { max-width: 90%; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h5 { text-align: center; margin-top: 0; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h2 { text-align: center; line-height: 11rem; font-size: 10rem; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 h2 { font-size: 5rem; line-height: 6.5rem; text-align: center; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 .section-1-content .beastmode_sig { left:0; margin: 0 auto; } } @media (max-width: 600px) { .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { max-width: 90%; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] { background: #00000014; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h2 { line-height: 7rem; font-size: 5rem; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 h5 { font-size: 2rem; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-1 .section-1-content .beastmode_sig { max-width:200px; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-2 h2 { font-size: 2.5rem; line-height: 3.5rem; text-align: center; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content h4 { font-size: 2.2rem; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content .section-3-content-right { margin-top:20px; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content { font-size: 18px; } .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content, .page-template.beastmode div[id*="__beast_mighty_hero_gsap_"] .gsap-section-3 .section-3-content h4 { text-align: center; } } /* --------------- LANDING PAGE (DRINKWARE) --------------- */ .page-template.drinkware div[id*="__slideshow_"] .slideshow__item-wrap .slideshow__content .slideshow__buttons { justify-items: center; } @media only screen and (max-width:768px) { .page-template.drinkware div[id*="__slideshow_"] .slideshow__item-wrap { flex-direction: column-reverse; background: #eee9d3; } .page-template.drinkware div[id*="__slideshow_"] .slideshow__item-wrap .slideshow__content { padding: 0; margin-bottom: 40px; max-width: 90%; } } .page-template.drinkware section[id*="__multicolumn_"] .multicolumn__items .f-column .multicolumn-card__image img { max-width:220px; margin:0 auto; } @media only screen and (max-width:768px) { .page-template.drinkware section[id*="__multicolumn_"] .multicolumn__items .f-column .multicolumn-card { display: flex; align-items: center; gap: 20px; } .page-template.drinkware section[id*="__multicolumn_"] .multicolumn__items .f-column .multicolumn-card__image { max-width:40%; } } .page-template.drinkware div[id*="__lookbook_cards_"] .section__header--text { text-align: center; } .page-template.drinkware div[id*="__lookbook_cards_"] .section__header--text .section__description { margin-top: 1rem; } .page-template.drinkware div[id*="__lookbook_cards_"] grid-list.section__content { max-width: 960px; margin: 0 auto; } .page-template.drinkware div[id*="__lookbook_cards_"] grid-list.section__content .grid-and-slider .media-wrapper img { object-fit: contain; } .page-template.drinkware div[id*="__lookbook_cards_"] .lbcard__popup .drawer__inner { margin-bottom:30px; } .page-template.drinkware div[id*="__lookbook_cards_"] .btn--primary { width:48px !important; } .page-template.drinkware section[id*="__rich_text_"] .rich-text-section .rich-text { max-width: 640px; margin: 0 auto; text-align: center; } .page-template.drinkware section[id*="__rich_text_"] .rich-text-section .rich-text .rich-text__heading motion-element strong { font-size: 2.5rem; bottom: 3px; position: relative; letter-spacing: 2px; color: #ffd152; margin-left: 5px; } .page-template.drinkware .section-testimonials { padding: 0 var(--gap-x);} .page-template.drinkware .section-testimonials .swiper-controls { display:none; } .page-template.drinkware .section-testimonials .page-width { padding: 0; } .page-template.drinkware .testimonial--layout-1.testimonial--has-bg .testimonial__inner { padding: 3rem 0 2rem; } .page-template.drinkware .section-testimonials .section__header { padding-inline: var(--page-padding); } .page-template.drinkware .section-testimonials .section__header .rich-text { width:100%; text-align: center; } .page-template.drinkware .section-testimonials .testimonial { padding:20px; } .page-template.drinkware .section-testimonials .testimonial .testimonial__name { font-weight: 600; } .page-template.drinkware .section-testimonials .testimonial .testimonial__content { font-size: 15px; line-height: 160%; margin: 8px 0 0; } .page-template.drinkware .section-testimonials .testimonial .testimonial__content strong { font-weight: 600; } .page-template.drinkware .section-testimonials .testimonial .testimonial__content h6:not(strong) { color: #fac836; letter-spacing: 2px; } .page-template.drinkware .section-testimonials .testimonial .testimonial__content h6 strong { color: rgb(var(--color-foreground)); font-size: 15px; letter-spacing: normal; } .page-template.drinkware .testimonials-wrapper--slider .section__content { margin-inline-start: 20px; } @media (min-width: 768px) { .page-template.drinkware .section-testimonials .section__content { max-width: 1360px; margin: 0 auto; } .page-template.drinkware .testimonials-wrapper--slider .section__content { margin-inline-end: calc(-0.5 * var(--page-padding)); } } @media (max-width: 768px) { .page-template .testimonials-wrapper--slider .section__content { margin-inline-start: 10px; } } /* --------------- LANDING PAGE (BEAST RENEW) --------------- */ .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content h2.slideshow__title { font-size: 7rem; } .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content h2.slideshow__title p { margin:0; } .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content .slideshow__subtitle { font-size: 2rem; margin: 0; } .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content .slideshow__description { font-size: 2rem; margin: 0; } .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content .slideshow__buttons { margin-top: 2rem; } @media (max-width: 960px) { .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content h2.slideshow__title { font-size: 5rem; } .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content .slideshow__subtitle, .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content .slideshow__description { font-size: 1.7rem; } } @media (max-width: 768px) { .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__text { width: 100%; } .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content { justify-content: flex-start; } } @media (max-width: 600px) { .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content h2.slideshow__title { font-size: 6rem; } .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content .slideshow__subtitle, .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content .slideshow__description { font-size: 2.2rem; } } @media (max-width: 420px) { .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content h2.slideshow__title { font-size: 5rem; } .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content .slideshow__subtitle, .page-template.refurbished div[id*="__slideshow_"] .swiper-wrapper .slideshow__item-wrap .slideshow__content .slideshow__description { font-size: 1.9rem; } } .page-template.refurbished section[id*="__multicolumn_"] .section__content { max-width:960px; margin:0 auto; } @media (max-width: 768px) { .page-template.refurbished section[id*="__multicolumn_"] .section__content .multicolumn-card { display: flex; gap: 20px; } .page-template.refurbished section[id*="__multicolumn_"] .section__content .multicolumn-card .multicolumn-card__image { width: 40%; } .page-template.refurbished section[id*="__multicolumn_"] .section__content .multicolumn-card .multicolumn-card__info { text-align:left; } } .page-template.refurbished div[id*="__product_tabs_"] .tabs__panel .products-list .product-card__info .f-price__sale .product__tab_price { display:none !important; } .page-template.refurbished div[id*="__product_tabs_"] .section__header { margin-bottom:0; } .page-template.refurbished div[id*="__product_tabs_"] .section__footer { margin-top: 90px; } /* --------------- LANDING PAGE (BEAST IN STORES / STORE LOCATOR) --------------- */ .page-template.beast-in-stores .section-testimonials { padding: 0 var(--gap-x);} .page-template.beast-in-stores .section-testimonials .swiper-controls { display:none; } .page-template.beast-in-stores .section-testimonials .page-width { padding: 0; } .page-template.beast-in-stores .testimonial--layout-1.testimonial--has-bg .testimonial__inner { padding: 3rem 0 2rem; } .page-template.beast-in-stores .section-testimonials .section__header { padding-inline: var(--page-padding); } .page-template.beast-in-stores .section-testimonials .section__header .rich-text { width:100%; text-align: center; } .page-template.beast-in-stores .section-testimonials .testimonial { padding:20px; } .page-template.beast-in-stores .section-testimonials .testimonial .testimonial__name { font-weight: 600; } .page-template.beast-in-stores .section-testimonials .testimonial .testimonial__content { font-size: 15px; line-height: 160%; margin: 8px 0 0; } .page-template.beast-in-stores .section-testimonials .testimonial .testimonial__content strong { font-weight: 600; } .page-template.beast-in-stores .section-testimonials .testimonial .testimonial__content h6:not(strong) { color: #fac836; letter-spacing: 2px; } .page-template.beast-in-stores .section-testimonials .testimonial .testimonial__content h6 strong { color: rgb(var(--color-foreground)); font-size: 15px; letter-spacing: normal; } .page-template.beast-in-stores .testimonials-wrapper--slider .section__content { margin-inline-start: 20px; } @media (min-width: 768px) { .page-template.beast-in-stores .section-testimonials .section__content { max-width: 1360px; margin: 0 auto; } .page-template.beast-in-stores .testimonials-wrapper--slider .section__content { margin-inline-end: calc(-0.5 * var(--page-padding)); } } @media (max-width: 768px) { .page-template.beast-in-stores .testimonials-wrapper--slider .section__content { margin-inline-start: 10px; } } /* --------------- LANDING PAGE (ABOUT) --------------- */ .page-template.about-us .section-recipe-carousel .page-width { padding:0; } .page-template.about-us section[id*="__multicolumn_RmhnL8"] .rich-text__heading, .page-template.about-us section[id*="__multicolumn_RmhnL8"] .rich-text__text { text-align: center; } .page-template.about-us section[id*="__multicolumn_RmhnL8"] .rich-text__text { max-width:768px; margin-left:auto; margin-right:auto; } .page-template.about-us section[id*="__multicolumn_RmhnL8"] .section__content { max-width:1020px; margin:0 auto; } /* Blog carousel */ .page-template.about-us section[id*="__beast_blog_carousel_J848Em"] .section__header { position: relative; width: 90%; margin: 0 auto; } .page-template.about-us section[id*="__beast_blog_carousel_J848Em"] .section__header div.rich-text { text-align: center; margin: 0 auto; } .page-template.about-us section[id*="__beast_blog_carousel_J848Em"] .section__header .swiper-controls { position: absolute; right: 0; top: 50%; bottom: 50%; } @media (max-width: 1200px) { .page-template.about-us section[id*="__beast_blog_carousel_J848Em"] .section__header div.rich-text { max-width: 600px; } } @media (max-width: 820px) { .page-template.about-us section[id*="__beast_blog_carousel_J848Em"] .section__header { display:block; } .page-template.about-us section[id*="__beast_blog_carousel_J848Em"] .section__header .swiper-controls { position: relative; display: flex; justify-content: center; margin: 20px 0 0; } } @media (max-width: 600px) { .page-template.about-us section[id*="__beast_blog_carousel_J848Em"] .section__header .swiper-controls { display:none; } } /* --------------- LANDING PAGE (WELCOME / GETTING STARTED) --------------- */ /* Hero */ .page-template.welcome div[id*="__slideshow_AxHhbA"] .slideshow-wrapper .slideshow__content .slideshow__subtitle { margin-bottom: 1rem; } .page-template.welcome div[id*="__slideshow_AxHhbA"] .slideshow-wrapper .slideshow__content .slideshow__subtitle motion-element { font-size: var(--font-h3-size); color: #fff; text-shadow: 0 0 20px #0000003b; } .page-template.welcome div[id*="__slideshow_AxHhbA"] .slideshow-wrapper .slideshow__content .slideshow__title h1 { font-size: var(--font-hd1-size); color: #fff; text-shadow: 0 0 20px #0000003b; } .page-template.welcome div[id*="__slideshow_AxHhbA"] .slideshow-wrapper .slideshow__content .slideshow__buttons { font-size: calc(var(--font-heading-scale) * var(--font-h5-size)); } /* Rich text */ .page-template.welcome section[id*="__rich_text_VFkYEe"] .rich-text-section .rich-text { max-width: 840px; margin: 0 auto; } /* Custom content (Tips for smoothest results)*/ .page-template.welcome div[id*="__custom_content_fyYFpD"] .custom-content-block--text_card_with_image .rich-text__text { max-width: 95%; margin: var(--child-margin-top, 3.2rem) auto 0; } .page-template.welcome div[id*="__custom_content_fyYFpD"] .custom-content-block--text_card_with_image .rich-text__heading { text-align: left; max-width: 95%; margin: var(--child-margin-top, 3.2rem) auto 0; } .page-template.welcome div[id*="__custom_content_fyYFpD"] .custom-content-block--text_card_with_image .rich-text__text ul { text-align: left; list-style-position: outside; } .page-template.welcome div[id*="__custom_content_fyYFpD"] .custom-content-block--text_card_with_image .rich-text__text p { text-align: left; } .page-template.welcome div[id*="__custom_content_fyYFpD"] .custom-content-block--text_card_with_image .rich-text__text p em { font-style: normal; font-size: small; } .page-template.welcome div[id*="__custom_content_fyYFpD"] .custom-content-block--text_card_with_image .rich-text__button .btn { width: 95%; } /* Custom content (Featured Blogs) */ .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list { display: flex; flex-direction: row; gap: 10px; } .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list .f-column { width:33.33%; } .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list .article-card { display: flex; height:100%; } .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__media { min-width: 200px; width:40%; } .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__media a.media-wrapper, .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__media a.media-wrapper motion-element { height:100%;} .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__content { width:60%; display: flex; flex-direction: column; justify-content: start; background: #F9F7F4; padding: 20px; } .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__content .article-card__author { margin: 0;} .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__content .article-card__title { font-size: calc(var(--font-heading-scale) * var(--font-h5-size)); line-height: calc(1 + .5556 / max(1, var(--font-heading-scale))); } .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__content .article-card__author { color:#A9A9A9; font-size: 13px; } .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__content:not(:has(.card__excerpt)) .article-card__author { margin-top: 1.5rem; } /* Custom content (Featured Recipes) */ .page-template.welcome div[id*="__custom_content_9aGQ33"] .custom-content-block--blog .article-card .article-card__content { text-align: center; padding: 20px 0; } /* Nutritional Guidance */ .page-template.welcome div[id*="__slideshow_N4GaDQ"] .slideshow-wrapper .slideshow__content { padding-left:8rem; } .page-template.welcome div[id*="__slideshow_N4GaDQ"] .slideshow-wrapper .slideshow__content h2.slideshow__title p { color:#fff; margin-bottom: 1rem; } .page-template.welcome div[id*="__slideshow_N4GaDQ"] .slideshow-wrapper .slideshow__content .slideshow__description { color:#fff; max-width: 420px; margin-top:0; } /* Starter Recipes */ .page-template.welcome div[id*="__slideshow_c4e8Y4"] .slideshow-wrapper .slideshow__content { padding-left:8rem; } .page-template.welcome div[id*="__slideshow_c4e8Y4"] .section--slideshow { padding-top:5rem; } .page-template.welcome div[id*="__slideshow_c4e8Y4"] .slideshow-wrapper .slideshow__content h2.slideshow__title p { color:#fff; margin-bottom: 1rem; } .page-template.welcome div[id*="__slideshow_c4e8Y4"] .slideshow-wrapper .slideshow__content .slideshow__description { color:#fff; max-width: 420px; margin-top:0; } @media (max-width: 768px) { /* Nutritional Guidance */ .page-template.welcome div[id*="__slideshow_N4GaDQ"] .slideshow-wrapper.slideshow-content-mobile--below .slideshow__text { padding-top: 0; } .page-template.welcome div[id*="__slideshow_N4GaDQ"] .slideshow-wrapper .slideshow__content { padding:0; } /* Starter Recipes */ .page-template.welcome div[id*="__slideshow_c4e8Y4"] .section--slideshow { padding-top:3rem; } .page-template.welcome div[id*="__slideshow_c4e8Y4"] .slideshow-wrapper.slideshow-content-mobile--below .slideshow__text { padding-top: 0; } .page-template.welcome div[id*="__slideshow_c4e8Y4"] .slideshow-wrapper .slideshow__content { padding:0; } .page-template.welcome div[id*="__slideshow_c4e8Y4"] .slideshow-wrapper .slideshow__content h2.slideshow__title p, .page-template.welcome div[id*="__slideshow_c4e8Y4"] .slideshow-wrapper .slideshow__content .slideshow__description { color:#000; } /* Custom content (Tips for smoothest results)*/ .page-template.welcome div[id*="__custom_content_fyYFpD"] .section--custom-content { padding-top:0; } .page-template.welcome div[id*="__custom_content_fyYFpD"] .custom-content-block--text_card_with_image .rich-text__heading { text-align: center; } .page-template.welcome div[id*="__custom_content_fyYFpD"] .custom-content-block--text_card_with_image .custom-text-card-with-image div.rich-text { padding:4.8rem 0 0; } .page-template.welcome div[id*="__custom_content_fyYFpD"] .custom-content-block--text_card_with_image:last-child .custom-text-card-with-image div.rich-text { padding:3rem 0 2rem; } /* Custom content (Accessories & Parts)*/ .page-template.welcome div[id*="__custom_content_PVPNpc"] .section--custom-content { padding-top:0; } .page-template.welcome div[id*="__custom_content_PVPNpc"] .custom-content-block--text_card_with_image .rich-text__heading { text-align: center; } .page-template.welcome div[id*="__custom_content_PVPNpc"] .custom-content-block--text_card_with_image .custom-text-card-with-image div.rich-text { padding:2rem 0; } /* Custom content (Featured Blogs) */ .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list { flex-direction: column; gap:20px; } .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list .f-column { width:unset; } .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list .article-card { flex-direction: column; } .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__media, .page-template.welcome div[id*="__custom_content_7yeCrB"] .custom-content-block--article_list .custom__block--article_list .article-card .article-card__content { width: 100%; } } /* --------------- LANDING PAGE (NEXT GEN) --------------- */ .page-template.beast-next-generation div[id*="__slideshow_"] .slideshow__text, .page-template.beast-next-generation div[id*="__slideshow_"] .slideshow__text .slideshow__title { color:#fff; } .page-template.beast-next-generation div[id*="__slideshow_"] .slideshow__text .slideshow__title p { margin:0; } .page-template.beast-next-generation div[id*="__slideshow_"] .slideshow__text .slideshow__description { margin-top: 1.4rem; } .page-template.beast-next-generation div[id*="__slideshow_"] .slideshow__text .slideshow__description p em { font-style: normal; color: #ffd45d; letter-spacing: 2px; } .page-template.beast-next-generation div[id*="__featured_collection_"] .featured-collection__items .product-card .product-card__badge { z-index:2; } .page-template.beast-next-generation div[id*="__featured_collection_"] .featured-collection__items .product-card .product-card__info .product-card__badge .f-badge--hot, .page-template.beast-next-generation div[id*="__featured_collection_"] .featured-collection__items .product-card .product-card__info .product-card__badge .f-badge--new { display:none; } .page-template.beast-next-generation div[id*="__featured_collection_"] .featured-collection__items .product-card .product-card__info .product-card__badge .f-badge--sale { background: none; color: #777; border: 1px solid #777; border-radius: 20px; font-weight: 400; font-size: 11px; padding: 3px 7px 1px; line-height: 110%; position: relative; top: 1px; } .page-template.beast-next-generation div[id*="__featured_collection_"] .featured-collection__items .product-card h3.product-card__title { font-size: 2rem; } .page-template.beast-next-generation div[id*="__featured_collection_"] .featured-collection__items .product-card .f-price__regular, .page-template.beast-next-generation div[id*="__featured_collection_"] .featured-collection__items .product-card .f-price__sale .f-price-item--sale { font-weight: 700; font-size: 1.8rem; } .page-template.beast-next-generation div[id*="__featured_collection_"] .featured-collection__items .product-card .f-price__sale .f-price-item--regular { font-weight: 500; color: #bbb; font-size: 1.8rem; } .page-template.beast-next-generation div[id*="__featured_collection_"] .featured-collection__items .product-card .compatibility_wrap { display:none; } .page-template.beast-next-generation div[id*="__featured_collection_"] .featured-collection__items .product-card .add-to-cart { margin-top: 15px; } .page-template.beast-next-generation div[id*="__featured_collection_"] .featured-collection__items .product-card .product-card__info .product-card__swatches .swatch-color { border:none; } .page-template.beast-next-generation div[id*="__featured_collection_"] .featured-collection__items .product-card .product-card__info .product-card__swatches .swatch-color:before { --shadow-width: .25rem; } .page-template.beast-next-generation div[id*="__featured_collection_"] .featured-collection__items .product-card .product-card__info .product-card__swatches .swatch-color:after { --shadow-color: rgb(var(--color-foreground)); --shadow-width: .1rem; } /* --------------- LANDING PAGE (STUDENTS DISCOUNT) --------------- */ .page-template.students section[id*="__multicolumn_"] .section__header { text-align:center; } .page-template.students section[id*="__multicolumn_"] .multicolumn__items .multicolumn-card .multicolumn-card__image:hover img { --scale-x: 1.0; --scale-y: 1.0; } .page-template.students div[id*="__image_with_text_"] .image-with-text .image-with-text__wrapper .image-with-text__media:hover img { --scale-x: 1; --scale-y: 1; } .page-template.students div[id*="__custom_content_"] .custom__block--text .rich-text__text { margin-top: 1.4rem; } .page-template.students .section-testimonials { padding: 0 var(--gap-x);} .page-template.students .section-testimonials .swiper-controls { display:none; } .page-template.students .section-testimonials .page-width { padding: 0; } .page-template.students .testimonial--layout-1.testimonial--has-bg .testimonial__inner { padding: 3rem 0 2rem; } .page-template.students .section-testimonials .section__header { padding-inline: var(--page-padding); } .page-template.students .section-testimonials .section__header .rich-text { width:100%; text-align: center; } .page-template.students .section-testimonials .testimonial { padding:20px; } .page-template.students .section-testimonials .testimonial .testimonial__name { font-weight: 600; } .page-template.students .section-testimonials .testimonial .testimonial__content { font-size: 15px; line-height: 160%; margin: 8px 0 0; } .page-template.students .section-testimonials .testimonial .testimonial__content strong { font-weight: 600; } .page-template.students .section-testimonials .testimonial .testimonial__content h6:not(strong) { color: #fac836; letter-spacing: 2px; } .page-template.students .section-testimonials .testimonial .testimonial__content h6 strong { color: rgb(var(--color-foreground)); font-size: 15px; letter-spacing: normal; } .page-template.students .testimonials-wrapper--slider .section__content { margin-inline-start: 20px; } @media (min-width: 768px) { .page-template.students .section-testimonials .section__content { max-width: 1360px; margin: 0 auto; } .page-template.students .testimonials-wrapper--slider .section__content { margin-inline-end: calc(-0.5 * var(--page-padding)); } } @media (max-width: 768px) { .page-template.students .testimonials-wrapper--slider .section__content { margin-inline-start: 10px; } } /* --------------- LANDING PAGE (HEALTH HUB) --------------- */ .page-template.health-hub section[id*="__main"] { background:#EDEFF4; padding-bottom:200px; } .page-template.health-hub .main-page-title { margin-bottom: 20px; } .page-template.health-hub .page__content { max-width: 700px; margin: 0 auto; text-align: center; } .page-template.health-hub section[id*="__rich_text_LgBexC"] .rich-text__subheading { text-transform: uppercase; letter-spacing: 1px; } .page-template.health-hub section[id*="__rich_text_LgBexC"] .rich-text__text { max-width: 700px; margin-left:auto; margin-right:auto; text-align: center; } .page-template.health-hub div[id*="__custom_content_Q3BazG"] { margin-top:-140px; } .page-template.health-hub div[id*="__custom_content_Q3BazG"] .section--custom-content { background:none; } .page-template.health-hub div[id*="__custom_content_Q3BazG"] .custom_block_wrap { justify-content: center; } .page-template.health-hub .expert-video { max-width: 854px; width:100%; margin: 0 auto; } .page-template.health-hub .video-wrap { position: relative; padding-bottom: 56.25%; /* 16:9 ratio */ height: 0; overflow: hidden; max-width: 100%; } .page-template.health-hub .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page-template.health-hub .article__share_link { position:absolute; right:20px; top:20px; background: #e5e6ed; border-radius: 30px; padding: 10px 20px 7px; width: fit-content; font-size:13px; line-height: 100%; display: flex; gap: 10px; align-items: center; cursor:pointer; transition:0.3s all; } .page-template.health-hub .article__share_link:hover { background:#000; color:#fff; transition:0.3s all; } .page-template.health-hub #hh_disclaimer p { font-size: 12px; font-weight: 200; } .page-template.health-hub #health-hub-wrap .health-hub_hero img { width:100%; } .page-template.health-hub #health-hub-wrap .health-hub_hero.hh_hero_desktop { display:block; } .page-template.health-hub #health-hub-wrap .health-hub_hero.hh_hero_mobile { display:none; } .page-template.health-hub #health-hub-wrap .health__content .health__page { position:relative; background: #EDEFF4; } .page-template.health-hub #health-hub-wrap .health__content .health__page .health__page_wrap { max-width:640px; padding:7rem 0 17rem; margin: 0 auto; } .page-template.health-hub #health-hub-wrap .health__content .health__expert { margin-top: -12.5rem;} .page-template.health-hub #health-hub-wrap .health__content .health__expert .health__expert_wrap { max-width:640px; margin: 0 auto 6rem; } .page-template.health-hub #health-hub-wrap .health__content .health__expert .health__expert_wrap .expert_subtitle { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; margin-top: 3.6rem; } .page-template.health-hub #health-hub-wrap .health__content .health__expert .health__expert_wrap .expert_name { margin-top: 1rem; } .page-template.health-hub #health-hub-wrap .health__content .health__expert img { max-height:250px; width:auto; } .page-template.health-hub #health-hub-wrap .health__articles { display:flex; flex-direction: column; gap:6rem; margin:8rem auto 4rem; } @media only screen and (max-width: 767px) { .page-template.health-hub .article__share_link { position: relative; top:0; left:0; right:0; margin: 0 auto; } } /* Health Hub Break */ .page-template.health-hub .hh__break { position: relative; text-transform: uppercase; text-align: center; letter-spacing: 1px; font-size: 15px; font-weight: 400; width:100%; } .page-template.health-hub .hh__break span { display:block; position:relative; padding:1.3rem 0 1rem; } .page-template.health-hub .hh__break:before { content: ""; width: 100%; border-bottom: 1px solid #d5d5d5; position: relative; display: block; } .page-template.health-hub .hh__break:after { content: ""; width: 100%; border-bottom: 1px solid #d5d5d5; position: relative; display: block; } /* Health Hub Journal */ .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal { width:100%; max-width: 960px; padding:0; margin: 0 auto; position:relative; display: flex; flex-direction: row; text-align: left; gap: 4rem; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__excerpt { position:relative; transition: max-height 0.3s ease; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__excerpt.show__less .excerpt_overlay { width: 100%; height: 100%; z-index: 9; position: absolute; display: block; background: ; background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#FFFFFF", GradientType=0); } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__excerpt.show__more .excerpt_overlay { display:none; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__excerpt.show__less { max-height:263px; overflow:hidden; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__excerpt.show__more { max-height:100%; overflow:visible; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal div.journal__button { margin: 2rem 0 0; display: flex; justify-self: left; bottom: 0; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__image { float: left; margin: 0 3rem 3rem 0; max-width: 380px; width:100%; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__image img { width: 100%; height: auto; display: block; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__content::after { content: ""; display: table; clear: both; /* clear the float */ } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__content .journal__excerpt h2 { padding: 5px 0; font-weight: 600; font-size: 27px; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__content .journal__excerpt h3 { padding: 15px 0 5px; font-weight: 500; font-size: 23px; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__content .journal__excerpt h4 { padding: 15px 0 5px; font-weight: 500; font-size: 20px; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__content .journal__excerpt ul, .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__content .journal__excerpt ol { list-style: disc; list-style-position: outside; position: relative; left: 15px; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__content .journal__excerpt p a { text-decoration: underline; } /* Health Hub Recipe */ .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe { width:100%; padding:0; margin: 0 auto; position:relative; display: block; text-align: left; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .health-hub_details { width:100%; max-width: 1020px; padding:0; margin: 0 auto; position:relative; display: flex; gap:6rem; text-align: left; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__wrap { width:50%; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__wrap .recipe__title { margin-top: 3rem;} .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__wrap .recipe__excerpt { margin-top: 1.5rem;} .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__image { width:50%; margin: 0 auto 2.4rem; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__image img { border-radius: 50% 50% 0 0; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe div.recipe__button { margin: 1rem 0; position: absolute; display: flex; justify-self: anchor-center; bottom: 0; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data { position: relative; width: 100%; background: #F5F3F8; padding-top: 14rem; padding-bottom: 6rem; margin-top: -10rem; z-index: -1; display: flex; gap: 6rem; justify-content: center; text-align:center; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data h4 { background: #243f55; color: #fff; font-weight: 200; padding: 10px; text-transform: uppercase; letter-spacing: 0.5px; font-size: 18px; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_ingredients { width:100%; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_ingredients .ingredients_wrap { display:flex; flex-direction:row; gap:3rem; text-align:left; justify-content: center; margin-top: 3rem; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_ingredients .ingredients_wrap ul { text-transform: capitalize; font-weight: 200; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_ingredients .ingredients_wrap ul:first-child { padding-right:3rem; border-right:1px dotted #c7ced4; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_ingredients .ingredients_wrap ul li { padding: 0 0 1rem; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_prep { width:100%; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_prep .prep_wrap { text-align:left; margin-top:3rem; font-weight: 200; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_prep .prep_wrap ol, .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_prep .prep_wrap ul { list-style: auto; list-style-position: outside; margin-left: 2.5rem; position: relative; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_nutrition { width:100%; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_nutrition:not(:has(li)) { display:none; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_nutrition .nutri_serves { display: flex; flex-direction: row; justify-content: center; padding: 3rem 1rem 0; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_nutrition .nutri_wrap { display:flex; flex-direction:row; gap:3rem; text-align:left; justify-content: center; border-top: 1px dotted #c7ced4; padding: 2.5rem 1rem; margin-top: 1.5rem; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_nutrition .nutri_wrap ul { text-transform: capitalize; font-weight: 200; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_nutrition .nutri_wrap ul:first-child { padding-right:3rem; border-right:1px dotted #c7ced4; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_nutrition .nutri_wrap ul li { padding: 0 0 1rem; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_prep { width:100%; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data .recipe_prep .prep_wrap { text-align:left; margin-top:3rem; } /* Health Hub Disclaimer */ .page-template.health-hub #hh_disclaimer .rich-text { max-width: 760px; margin:0 auto; padding:0 10px; color:#555; } /* Health Hub Beast-Seller */ .page-template.health-hub #hh_best-seller .tabs__panel .products-list .product-card .product-card__info .f-badge--new { display:none; } @media only screen and (max-width: 768px) { .page-template.health-hub #health-hub-wrap .health-hub_hero.hh_hero_desktop { display:none; } .page-template.health-hub #health-hub-wrap .health-hub_hero.hh_hero_mobile { display:block; } .page-template.health-hub #health-hub-wrap .health__articles { margin:4rem auto; gap: 3rem; } .page-template.health-hub #health-hub-wrap .health__content .health__expert .health__expert_wrap { margin: 0 auto 3rem; } .page-template.health-hub #health-hub-wrap .health__content .health__page .health__page_wrap { padding: 4rem 0 15rem; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .health-hub_details { flex-direction: column; padding: 0 4rem; text-align: center; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__wrap { width: 100%; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__image { width: 40rem; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__wrap .recipe__title { margin-top: 0; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__content { margin: 0 3rem; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data { flex-direction: column; gap:3rem; padding: 14rem 4rem 0; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal div.journal__button { width:100%; } } @media only screen and (max-width: 680px) { .page-template.health-hub #health-hub-wrap .health__articles .health-hub_journal .journal__image { margin: 0 0 3rem 0; max-width: 100%; } } @media only screen and (max-width: 480px) { .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .health-hub_details { padding: 0 2rem; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__image { width: 100%; } .page-template.health-hub #health-hub-wrap .health__articles .health-hub_recipe .recipe__data { padding: 12rem 2rem 0; gap:5rem } } /* --------------- LANDING PAGE (DESIGN + TECH) --------------- */ .page-template.technology { background:#F5F5F7; } .page-template.technology .text-xl { font-size: 2rem; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text { background:#F5F5F7; } .page-template.technology div[id*="__custom_image_with_text_"]:first-of-type .image-with-text__wrapper { border-top:none; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper { text-align: center; border-top: 1px solid #D5D5D6; background-color:#F5F5F7; padding-block-start: var(--section-padding-top, 0px); /* align-items: flex-start; */ } .page-template.technology div[id*="__custom_image_with_text_"]:first-of-type .image-with-text__wrapper h2 { font-size: 7rem; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper h2 p { margin:0; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper .rich-text__text { margin-top:1.8rem; } .page-template.technology div[id*="__custom_image_with_text_"]:first-of-type .image-with-text__wrapper .rich-text__text:last-of-type { position: relative; margin-top: 5rem; } .page-template.technology div[id*="__custom_image_with_text_"]:first-of-type .image-with-text__wrapper .rich-text__text.link:last-of-type p { padding: 5px 0; } .page-template.technology div[id*="__custom_image_with_text_"]:first-of-type .image-with-text__wrapper .rich-text__text.link:last-of-type:before, .page-template.technology div[id*="__custom_image_with_text_"]:first-of-type .image-with-text__wrapper .rich-text__text.link:last-of-type:after { content:''; position: relative; width:calc(50% - 1px); height: 2rem; border-right:1px solid #C9C9C9; display: block; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper .hero__media { margin-top:3.2rem; background:#F5F5F7; } .page-template.technology div[id*="__custom_image_with_text_"]:first-of-type .image-with-text__wrapper .hero__media { max-height: calc(100vh - 150px); } .page-template.technology div[id*="__custom_image_with_text_"]:first-of-type .image-with-text__wrapper .hero__media img { max-height: calc(100vh - 150px); } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper .hero__media img { object-fit: contain; object-position: top center; max-width: 95%; margin:0 auto; mix-blend-mode: darken; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper .image-with-text__inner .image-with-text__media { margin: 2.4rem 0; max-width:480px; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper .image-with-text__inner .image-with-text__media:has(.video-container) { max-width:100%; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper .image-with-text__inner .image-with-text__media:has(img):has(.video-container) .video-container { margin-top:2.4rem; } .page-template.technology div[id*="__custom_image_with_text_"]:first-of-type .image-with-text__wrapper .image-with-text__inner { padding:0; } .page-template.technology div[id*="__custom_image_with_text_"]:first-of-type .image-with-text__wrapper .image-with-text__inner.items-center { justify-content: center; } .page-template.technology div[id*="__custom_image_with_text_"]:first-of-type .image-with-text__wrapper .image-with-text__inner { text-align: center; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper .image-with-text__inner { background:#F5F5F7; text-align: left; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper .image-with-text__inner .image-with-text__content .rich-text__text:first-child { margin-top:0; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper .image-with-text__inner .image-with-text__content .multiple-img { width: calc(50% - 5px); float: left; margin-right: 10px; margin-top: 3.2rem; margin-bottom: 3.2rem; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper .image-with-text__inner .image-with-text__content .multiple-img:nth-of-type(3) { margin-right: 0; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper .image-with-text__inner .image-with-text__media .video-container { position: relative; overflow: hidden; width: 100%; height: 100%; aspect-ratio: 16 / 9; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper .image-with-text__inner .image-with-text__media .video-container iframe.video-iframe { width: 100%; height: 100%; } @media (min-width: 1681px) { .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text div[id*="tech-section-"] { min-height:calc(100vh - 160px); } .page-template.technology div[id*="__custom_image_with_text_"]:first-of-type .image-with-text__wrapper .hero__media { max-height: 100vh; } .page-template.technology div[id*="__custom_image_with_text_"]:first-of-type .image-with-text__wrapper .hero__media img { max-height: 100vh; } } @media (max-width: 480px) { .page-template.technology div[id*="__custom_image_with_text_"]:first-of-type .image-with-text__wrapper h2 { font-size: 5.5rem; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper .hero__media img { max-width:100%; } .page-template.technology div[id*="__custom_image_with_text_"] .image-with-text__wrapper .technology-last-text { padding-bottom: 30px; } .page-template.technology div[id*="__custom_content_"] .custom_block_wrap .custom-content-block--text { margin: 1rem 0 2rem; } .page-template.technology div[id*="__custom_content_"] .custom_block_wrap .custom-content-block--text .rich-text .h1 { font-size: 4rem; } } /* Product Grid */ .page-template.technology .technology_product_card .product-card__image-wrapper .product-card__badge { z-index: 1; } .page-template.technology .technology_product_card .product-card__info .product-card__badge { display:none; } .page-template.technology .technology_product_card .product-card__info .compatibility_wrap { display:none; } .page-template.technology .technology_product_card .product-card__info .product-card__swatches { margin-bottom: 2rem; } .page-template.technology .technology_product_card .product-card__info .swatches--product-card label.swatch-color { border: none !important; box-shadow: none; } /* --------------- LANDING PAGE (BEAST IN THE PRESS) TEMOP PAGE, WILL USE BLOG --------------- */ .page-template.beast-in-the-press-temp section[id*="__multicolumn_"] .section__content .multicolumn__items .f-column { align-content: center; padding: 30px 20px; background: #fdfcfa; border: 1px solid #f6f1ea; border-radius: 3px; } .page-template.beast-in-the-press-temp section[id*="__multicolumn_"] .section__content .multicolumn__items .f-column .multicolumn-card__image img { max-height:75px; width:auto; } /* --------------- BLOG (JOURNAL) --------------- */ .blog-template.beast-journal .section__header { display:none; } .blog-template.beast-journal .main-blog__tags { display:none; } .article-template.journal-template .article__content ol, .article-template.journal-template .article__content ul { list-style-position: inside; padding: 0; } .article-template.journal-template .article__content ol li, .article-template.journal-template .article__content ul li { padding: 5px 0; list-style: disc; list-style-position: outside; left: 20px; position: relative; } .article-template.journal-template .article__content ol li p { display: inline; } .article-template.journal-template .article__content h4 span { margin-right:5px; } .article-template.journal-template .article__content h4 span:last-child { margin-right:0; } .article-template.journal-template .article__footer .article-tags { display:none; } .article-template.journal-template .hero, .article-template.journal-template .hero img { max-width: 400px; width: 100%; float: left; height: auto; margin: 0 15px 15px 0; } .article-template.journal-template .article__wrapper { margin-top:0; } .article-template.journal-template .article__metas { display:none; } .article-template.journal-template .article__content h6 { font-size: 17px; font-weight: 200; } .article-template.journal-template .article__content h6 strong { font-weight: 400; } .article-template.journal-template .article__content h5 { font-size: 18px; font-weight: 400; } .article-template.journal-template .article__content h5 strong { font-weight: 500; } .article-template.journal-template .article__content h4 { font-size: 20px; font-weight: 400; } .article-template.journal-template .article__content h4 strong { font-weight: 500; } .article-template.journal-template .article__content h3 { font-size: 22px; font-weight: 400; } .article-template.journal-template .article__content h3 strong { font-weight: 600; } .article-template.journal-template .article__content h2 { font-size: 27px; font-weight: 400; } .article-template.journal-template .article__content h2 strong { font-weight: 600; } /* Journal Featured Products */ .article-template.journal-template #journal_featured_products .section__header { margin-top: 8rem; padding-bottom: 3.6rem; } .article-template.journal-template #journal_featured_products .product-card-wrapper .product-card__badge { z-index:1; } .article-template.journal-template #journal_featured_products .product-card-wrapper .product-card__info .f-price .product-card__badge, .article-template.journal-template #journal_featured_products .product-card-wrapper .product-card__info .compatibility_wrap { display:none; } .article-template.journal-template #journal_featured_products .product-card-wrapper .product-card__info .f-price .f-price__sale .f-price-item--sale, .article-template.journal-template #journal_featured_products .product-card-wrapper .product-card__info .f-price .f-price__regular .f-price-item--regular { font-weight: 700; color: currentColor; font-size: 18px; } .article-template.journal-template #journal_featured_products .product-card-wrapper .product-card__info .f-price .f-price__sale .f-price-item--regular { font-weight: 500; color: #bbb; font-size: 18px; line-height: 100%; } .article-template.journal-template #journal_featured_products .product-card-wrapper .product-card__info button.add-to-cart { background-color: #243e55; color: #fff; font-weight: 400; border-radius: 3px; height: auto; border: none; padding: 5px 0 2px; transition: 0.3s all; position: relative; width: 100%; bottom: 0; } .article-template.journal-template #journal_featured_products .product-card-wrapper .product-card__info .product-card__title { min-height:55px; } .article-template.journal-template #journal_featured_products .product-card-wrapper .product-card__info .product-card__swatches { margin-bottom: 1rem; } .article-template.journal-template #journal_featured_products .product-card-wrapper .product-card__info .product-card__swatches .swatches--product-card .swatch-color { border: none; transition: transform 0.2s; } .article-template.journal-template #journal_featured_products .product-card-wrapper .product-card__info .product-card__swatches .swatches--product-card .swatch-color:after, .article-template.journal-template #journal_featured_products .product-card-wrapper .product-card__info .product-card__swatches .swatches--product-card .swatch-color:before { box-shadow: none; } .article-template.journal-template #journal_featured_products .product_wrap { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, calc(33.33% - 12px))); justify-content: center; gap: 1.5rem; } @media (min-width: 768px) { .article-template.journal-template .article__content.rte p { margin: 1rem 0; } .article-template.journal-template .article__content li p { margin: 0 !important; } } /* --------------- BLOG (BEAST IN THE PRESS) --------------- */ .blog-template.beast-in-the-press div[id*="__slideshow_"] .slideshow__content .slideshow__description { margin: 0.5rem 0 3.5rem; color: #fff; } .blog-template.beast-in-the-press div[id*="__slideshow_"] .slideshow__content .slideshow__title p { margin: 0; color: #fff; } @media (max-width: 640px) { .blog-template.beast-in-the-press div[id*="__slideshow_"] .slideshow__content { justify-content: flex-start; } .blog-template.beast-in-the-press div[id*="__slideshow_"] .slideshow__content .slideshow__text { padding:2.4rem 0; } } .blog-template.beast-in-the-press .section__header { text-align: center; } .blog-template.beast-in-the-press .main-blog { background-color: rgb(var(--color-background)); } .blog-template.beast-in-the-press .bitp_wrap .main-blog__items .article-card { background: #fff; padding: 25px; border-radius: 5px; cursor: default; box-shadow:2px 2px 5px #00000005; } .blog-template.beast-in-the-press .bitp_wrap .main-blog__items .article-card .article-card__media { max-height: 30px; } .blog-template.beast-in-the-press .bitp_wrap .main-blog__items .article-card .article-card__media img { max-height: 30px; object-fit: contain; width: fit-content; } } /* --------------- BLOG (RECIPES) --------------- */ .blog-template.smoothies .recipes-blog .section__header, .blog-template.recipes-blog .section__header { text-align: center; } .blog-template.recipes section.recipe-category-carousel .recipe-card { cursor: pointer; } .blog-template.recipes section.recipes-blog .article-card .article-card__media { margin-bottom:1.2rem; } .blog-template.recipes section.recipes-blog .article-card .article-card__content p.article-card__excerpt { margin-top: 0.2rem; } .blog-template.recipes section.recipes-blog .article-card .article-card__content p.tag_temp { color: #d8d2c9; } .blog-template.recipes section.recipes-blog .recipe_filter_wrap { margin-bottom: 30px; min-height: 55px; display: inline-flex; align-items: center; width: 100%; justify-content: space-between; } .blog-template.recipes section.recipes-blog .recipe_filter_wrap .filter_wrap #total-articles { font-weight: 200; font-size: 14px; } .blog-template.recipes section.recipes-blog .recipe_filter_wrap .filter_wrap:not(:has(.recipe__tags)) .filters_applied { display:none; } .blog-template.recipes section.recipes-blog .recipe_filter_wrap .filter_wrap:has(.recipe__tags) #total-articles { display:none; } .blog-template.recipes:not(.recipe_tagged) section.recipes-blog .recipe_filter_wrap .filters_applied { display: flex; align-items: center; gap: 20px; flex-direction: row; } .blog-template.recipes section.recipes-blog .recipe_filter_wrap .filter_wrap .recipe_filter_tags { display: flex; gap: 10px; align-items: center; font-weight: 200; font-size: 14px; } .blog-template.recipes section.recipes-blog .recipe_filter_wrap .filter_wrap .recipe_filter_tags #selectedTagsDisplay { display: flex; flex-direction: row; gap: 10px; } .blog-template.recipes section.recipes-blog .recipe_filter_wrap .filter_wrap p.recipe__tags { border: 1px solid #243f55; border-radius: 20px; font-size: 13px; padding: 3px 15px 2px; font-weight: 400; background: #ffffffb5; cursor: default; } .blog-template.recipes section.recipe-category-carousel .recipe-blog-card { cursor: pointer; } .blog-template.recipes section.recipe-category-carousel .multicolumn .beast_cat_navigation { position: absolute; top: -35px; right:0; display: flex; min-width: 110px; } .blog-template.recipes section.recipe-category-carousel .multicolumn .swiper-button-next, .blog-template.recipes section.recipe-category-carousel .multicolumn .swiper-button-prev { display: block !important; width: 38px; height: 38px; padding: 7px; border-color: #ddd; color: #111; transition: 0.3s all; } .blog-template.recipes section.recipe-category-carousel .multicolumn .swiper-button-next:hover, .blog-template.recipes section.recipe-category-carousel .multicolumn .swiper-button-prev:hover { border-color: #000; color: #fff; transition: 0.3s all; } .blog-template.recipes section.recipe-category-carousel .multicolumn .swiper-button-next:after, .blog-template.recipes section.recipe-category-carousel .multicolumn .swiper-rtl .swiper-button-prev:after { content: "next"; } .blog-template.recipes section.recipe-category-carousel .multicolumn .swiper-button-prev:after, .blog-template.recipes section.recipe-category-carousel .multicolumn .swiper-rtl .swiper-button-next:after { content: "prev"; } .blog-template.recipes section.recipe-blog-carousel .recipe-blog-card { cursor: pointer; } .blog-template.recipes section.recipe-blog-carousel .multicolumn .beast_blog_navigation { position: absolute; top: -35px; right:0; display: flex; min-width: 110px; } .blog-template.recipes section.recipe-blog-carousel .multicolumn .swiper-button-next, .blog-template.recipes section.recipe-blog-carousel .multicolumn .swiper-button-prev { display: block !important; width: 38px; height: 38px; padding: 7px; border-color: #ddd; color: #111; transition: 0.3s all; } .blog-template.recipes section.recipe-blog-carousel .multicolumn .swiper-button-next:hover, .blog-template.recipes section.recipe-blog-carousel .multicolumn .swiper-button-prev:hover { border-color: #000; color: #fff; transition: 0.3s all; } .blog-template.recipes section.recipe-blog-carousel .multicolumn .swiper-button-next:after, .blog-template.recipes section.recipe-blog-carousel .multicolumn .swiper-rtl .swiper-button-prev:after { content: "next"; } .blog-template.recipes section.recipe-blog-carousel .multicolumn .swiper-button-prev:after, .blog-template.recipes section.recipe-blog-carousel .multicolumn .swiper-rtl .swiper-button-next:after { content: "prev"; } .blog-template.recipes section.recipes-blog .recipe_filter_block { display: flex; flex-direction: row; justify-self: center; gap: 40px; } .blog-template.recipes section.recipes-blog .recipe_filter_block ul li { padding: 7px 0; } .blog-template.recipes section.recipes-blog .recipe_filter_block ul li input { position: relative; top: 2px; margin-right: 6px; } .blog-template.recipes section.recipes-blog .recipe__filter { display: block; background-color: #f2ece3; border-bottom: 1px solid #f9f6f2; width: 100%; padding: 10px 0; margin: 0 auto; } .blog-template.recipes section.recipes-blog .accordion-content { overflow: hidden; max-height: 0; transition: max-height 0.3s ease-out; list-style: none; margin: 20px 0 0; position: absolute; background:#fff; padding: 0 25px; margin-top: 11px; margin-left: -22px; z-index: 1; } .blog-template.recipes section.recipes-blog .accordion-content li:first-child { padding-top:15px; } .blog-template.recipes section.recipes-blog .accordion-content li:last-child { padding-bottom:15px; } .blog-template.recipes section.recipes-blog .accordion-content input[type="checkbox"]:checked { accent-color: #243e55;} .blog-template.recipes section.recipes-blog .accordion-toggle { position: relative; cursor: pointer; margin: 0; user-select: none; } .blog-template.recipes section.recipes-blog .filter-group:has(input[type="checkbox"]:checked) .accordion-toggle:before { content: '\2714'; color: #d35656; position: absolute; left: -14px; top: 14px; font-size: 12px; line-height: 100%; } .blog-template.recipes section.recipes-blog .accordion-toggle:after { content: '\203A'; transition: transform 0.3s ease; font-size: 22px; font-weight: 300; display: inline-flex; left: 10px; top: 1px; position: relative; } .blog-template.recipes section.recipes-blog .accordion-toggle.filter__by { cursor: default; left: 10px; position: relative; top: 1px; } .blog-template.recipes section.recipes-blog .accordion-toggle.filter__by:after { color: transparent; width: 0; cursor: default; } .blog-template.recipes section.recipes-blog .accordion-toggle.open::after { transform: rotate(90deg); } .blog-template.recipes section.recipes-blog .main-blog #pagination { position:relative; margin: 40px 0; display: flex; justify-content: center; gap: 5px; } .blog-template.recipes section.recipes-blog .main-blog #pagination .page-btn { background: #e4ded6; border-bottom: 1px solid #f9f6f2; border: none; padding: 20px; font-size: 17px; border-radius: 2px; } .blog-template.recipes section.recipes-blog .main-blog #pagination .page-btn.active { font-weight: 700; background: #243E55; color: #fff; } .blog-template.recipes section.recipes-blog .main-blog #pagination .current-page-label { position: absolute; bottom: -30px; font-size: 12px; text-transform: uppercase; color: #ffffff; background: #b4ada3; width: fit-content; padding: 3px 20px 0px; border-radius: 1px; } @media (max-width: 820px) { .blog-template.recipes section.recipe-category-carousel { margin-top:30px; } .blog-template.recipes section.recipe-blog-carousel { margin-top:30px; } } @media (max-width: 767px) { .blog-template.recipes section.recipes-blog .recipe__filter { float:left; padding:2rem 0; } .blog-template.recipes section.recipes-blog .recipe_filter_block { display: block; width: 100%; padding: 0 2.5rem 1rem; } .blog-template.recipes section.recipes-blog .accordion-toggle.filter__by { left:0; margin-bottom: 1rem; font-size: 17px; } .blog-template.recipes section.recipes-blog .recipe_filter_block .filter-group { width: 33.33%; float: left; } .blog-template.recipes section.recipes-blog .accordion-content { margin-left:0; margin-top:0; } .blog-template.recipes section.recipes-blog .recipe_filter_wrap { margin-top: 3rem; flex-direction: column; } .blog-template.recipes section.recipes-blog .recipe_filter_wrap .filter_wrap { width:100%; } .blog-template.recipes:not(.recipe_tagged) section.recipes-blog .recipe_filter_wrap .filters_applied { flex-direction: column; } .blog-template.recipes section.recipes-blog .recipe_filter_wrap .filter_wrap .recipe_filter_tags { flex-direction: column; } .blog-template.recipes section.recipes-blog .recipe_filter_wrap .filter_wrap .recipe_filter_tags #selectedTagsDisplay { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 1rem; } .blog-template.recipes section.recipes-blog .recipe_filter_wrap .filter_wrap .recipe_filter_tags .recipe_filter_reset { margin-top: 1rem; } .blog-template.recipes section.recipes-blog .recipe_filter_wrap .filter_wrap p.recipe__tags { white-space: nowrap; margin: 7px 0 0; } .blog-template.recipes section.recipes-blog .main-blog #pagination { max-width:100%; width:100%; } .blog-template div[id*="__custom_content_6qJqLJ"] .custom_block_wrap .recipe-fuelup-hero .card-media__content { justify-content: start; top: 2rem; } } @media (max-width: 600px) { .blog-template.recipes section.recipes-blog .recipe_filter_wrap .filters_applied { display: block; } } @media (max-width: 460px) { .blog-template.recipes section.recipes-blog .recipe_filter_block .filter-group { width: 50%; } } /* --------------- FOOTER --------------- */ footer.footer { background: #000; color:#fff; } footer.footer .footer-block__heading { color:#fff; font-weight: 600; } footer.footer .footer__copyright-content { color:#fff; } footer.footer .footer-block--menu ul.linklist li a[data-name="accessibility"], footer.footer .footer-block--menu ul.linklist li a[data-name="email-us"] { display:flex; } footer.footer .footer-block--menu ul.linklist li a[data-name="accessibility"]::before { content: ''; display: inline-block; width: 19.46px; height: 19.46px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.46' height='19.46' viewBox='0 0 19.46 19.46'%3E%3Cpath fill='%23f8f3ec' d='M32.562 22.832a9.73 9.73 0 1 0-9.73 9.73 9.74 9.74 0 0 0 9.73-9.73zm-9.73-6.777a1.477 1.477 0 1 1-1.477 1.477 1.491 1.491 0 0 1 1.477-1.477zM21.355 28.95a.74.74 0 0 1-.686.448.7.7 0 0 1-.316-.079.759.759 0 0 1-.369-1.028 41.567 41.567 0 0 0 1.716-4.536 16.506 16.506 0 0 0 .184-2.083.405.405 0 0 0-.264-.4l-3.269-.95a.783.783 0 0 1-.527-.975.8.8 0 0 1 .975-.475 22.929 22.929 0 0 0 4.035.95 23.281 23.281 0 0 0 4.087-.975.768.768 0 1 1 .422 1.477L24.1 21.3a.374.374 0 0 0-.264.4 16.682 16.682 0 0 0 .184 2.083 41.466 41.466 0 0 0 1.714 4.535.783.783 0 0 1-.369 1.028.7.7 0 0 1-.316.079.717.717 0 0 1-.686-.448l-1.53-3.191z' transform='translate(-13.102 -13.102)'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; margin-right: 8px; vertical-align: middle; } footer.footer .footer-block--menu ul.linklist li a[data-name="email-us"]::before { content: ''; display: inline-block; width: 19.46px; height: 19.46px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.46' height='19.46' viewBox='0 0 19.46 19.46'%3E%3Cpath d='M41.891 43.59c0 .663.308 1.092.986 1.092.924 0 1.788-.968 2-2.171l.277-1.431a2.6 2.6 0 0 0-.878-.123 2.461 2.461 0 0 0-2.388 2.633z' fill='%23f8f3ec' transform='translate(-33.876 -33.141)'/%3E%3Cpath d='M12.457 2.727a9.73 9.73 0 1 0 9.73 9.73 9.742 9.742 0 0 0-9.73-9.73zm2.326 12.64a1.139 1.139 0 0 1-1.241-1.242 2.467 2.467 0 0 1-2.14 1.242c-.911 0-1.659-.749-1.659-2.049a3.715 3.715 0 0 1 3.666-3.83 3.935 3.935 0 0 1 1.675.344L14.515 13c-.162.928.03 1.2.479 1.211.689.015 1.676-.851 1.676-2.767 0-2.2-1.5-3.531-3.83-3.531-2.468 0-4.579 1.826-4.579 5a3.778 3.778 0 0 0 3.905 4.055 4.978 4.978 0 0 0 2.333-.494l.33 1.061a5.432 5.432 0 0 1-2.8.629A4.828 4.828 0 0 1 7.214 13c0-3.471 2.259-6.254 5.774-6.254a4.433 4.433 0 0 1 4.712 4.61c0 2.635-1.482 4.01-2.919 4.01z' fill='%23f8f3ec' transform='translate(-2.727 -2.727)'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; margin-right: 8px; vertical-align: middle; } .acsb-trigger { display: none !important; /* hide the default floating widget completely */ } /* --------------- COOKIE BAR --------------- */ #cookie_consent { display:none; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 99999999999999; border-top: 1px solid #ffffff; } #cookie_consent .cc_innerwrap { max-width: 1020px; width: calc(100% - 75px); text-align: left; padding: 20px 30px; } #cookie_consent .cc_innerwrap h3 { font-weight: 400; font-size: 18px; } #cookie_consent .cc_innerwrap p { font-size: 14px; font-weight: 400; } #cookie_consent .cc_innerwrap button.cookie_btn { position: absolute; top: 20px; right: 30px; color: #000000; font-size: 18px; background: #ffd45d; border: none; outline: none; padding: 8px 15px 3px; border-radius: 4px; font-weight: 500; width: fit-content; width: -moz-fit-content; transition: 0.3s all; animation: wiggle 0.7s forwards; } #cookie_consent .cc_innerwrap button.cookie_btn:hover { transition: 0.3s all; background-color: #ff5602; color: #fff; } @keyframes wiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(10deg); } 50% { transform: rotate(-10deg); } 75% { transform: rotate(5deg); } } @media only screen and (max-width:580px) { #cookie_consent .cc_innerwrap { width:100%; margin-bottom: 30px; } #cookie_consent .cc_innerwrap button.cookie_btn { position: relative; width: 100%; right: unset; } #cookie_consent .cc_innerwrap p { margin-bottom:5px; } #cookie_consent .cc_innerwrap button.cookie_btn { font-size: 0;} #cookie_consent .cc_innerwrap button.cookie_btn:before { display: block; content: "Close"; font-size: 20px; } @keyframes wiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(2deg); } 50% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } } } /* Mobile Sticky Bar */ mobile-sticky-bar { display:none !important; } /* --------------- APPS --------------- */ /* Gorgias */ /* body.index-template #gorgias-chat-container { display:none; } */ #gorgias-chat-container { display:none; }