/** Shopify CDN: Minification failed Line 2633:0 Unexpected "}" Line 8114:2 "align-item" is not a known CSS property **/ /* Typography Homepage Slideshow AnnouncementBar Styles Footer Styles Logo Bar Styles Featured Blog Styles Homepage Accordion Countdown Timer Icon with text Testimonials Header Buttons Featured collections Collection list Featured blog Rich text Featured blocks Search Form Newsletter Timeline Image with text Product NAV BAR DROPDOWN MENU MEGA MENU Custom page header Breadcrumbs Product Card Product Item List PRODUCT LABEL Mosaic Sections overlay Social sharing Search Page Card Drawer Customer Pages Faq Section Page 404 Collection grid Blog page Article page Shop the look Video Popups Animation Quick view MODAL Local pickup Other styles */ @font-face { font-family: "iconfont"; src: url('iconfont.woff2?v=116818041923037914261669194479') format('woff2'), url('iconfont.woff?v=159897524912735815191669194466') format('woff'), url('iconfont.ttf?v=15218303758982514491669194465') format('truetype'); } @font-face { font-family: 'HelveticaNeueForEco-MdEx'; src: url('HelveticaNeueForEco-MdEx.eot'); src: url('HelveticaNeueForEco-MdEx.eot?#iefix') format('embedded-opentype'), url('HelveticaNeueForEco-MdEx.woff2') format('woff2'), url('HelveticaNeueForEco-MdEx.woff') format('woff'), url('HelveticaNeueForEco-MdEx.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeueForEco-Roman'; src: url('HelveticaNeueForEco-Roman.eot'); src: url('HelveticaNeueForEco-Roman.eot?#iefix') format('embedded-opentype'), url('HelveticaNeueForEco-Roman.woff2') format('woff2'), url('HelveticaNeueForEco-Roman.woff') format('woff'), url('HelveticaNeueForEco-Roman.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeueForEco-LtEx'; src: url('HelveticaNeueForEco-LtEx.eot'); src: url('HelveticaNeueForEco-LtEx.eot?#iefix') format('embedded-opentype'), url('HelveticaNeueForEco-LtEx.woff2') format('woff2'), url('HelveticaNeueForEco-LtEx.woff') format('woff'), url('HelveticaNeueForEco-LtEx.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeueForEco-Md'; src: url('HelveticaNeueForEco-Md.eot'); src: url('HelveticaNeueForEco-Md.eot?#iefix') format('embedded-opentype'), url('HelveticaNeueForEco-Md.woff2') format('woff2'), url('HelveticaNeueForEco-Md.woff') format('woff'), url('HelveticaNeueForEco-Md.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeueForEco-Lt'; src: url('HelveticaNeueForEco-Lt.eot'); src: url('HelveticaNeueForEco-Lt.eot?#iefix') format('embedded-opentype'), url('HelveticaNeueForEco-Lt.woff2') format('woff2'), url('HelveticaNeueForEco-Lt.woff') format('woff'), url('HelveticaNeueForEco-Lt.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeueForEco-Ex'; src: url('HelveticaNeueForEco-Ex.eot'); src: url('HelveticaNeueForEco-Ex.eot?#iefix') format('embedded-opentype'), url('HelveticaNeueForEco-Ex.woff2') format('woff2'), url('HelveticaNeueForEco-Ex.woff') format('woff'), url('HelveticaNeueForEco-Ex.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } .visuallyhidden { position: absolute; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; } /* Typography */ .rte h1, .rte .h1 { font-size: calc(((var(--font-h1-desktop))/ (var(--font-size-base))) * 1em / 1.5); } .rte h2, .rte .h2 { font-size: calc(((var(--font-h2-desktop))/ (var(--font-size-base))) * 1em / 1.5); } .rte h3, .rte .h3 { font-size: calc(((var(--font-size-header)) / (var(--font-size-base))) * .8em / 1.2); } .rte h4, .rte .h4 { font-size: calc(((var(--font-h4-desktop)) / (var(--font-size-base))) * 1em ); } .rte h5, .rte .h5 { font-size: calc(((var(--font-h5-desktop)) / (var(--font-size-base))) * 1em ); } .rte h6, .rte .h6 { font-size: calc(((var(--font-h6-desktop)) / (var(--font-size-base))) * 1em ); } h1, .h1 { letter-spacing: var(--heading1-letter-spacing); } h2, .h2 { letter-spacing: var(--heading2-letter-spacing); } h3, .h3 { letter-spacing: var(--heading3-letter-spacing); } h4, .h4 { letter-spacing: var(--heading4-letter-spacing); } h5, .h5 { letter-spacing: var(--heading5-letter-spacing); } h6, .h6 { letter-spacing: var(--heading6-letter-spacing); } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { line-height: var(--heading-line-height); } .no-padding { padding: 0 !important; } .Form__Select select, .Form__Input { border: 0; border-radius: 20px; padding: 16px 30px; font-size: 14px; background-color: var(--color-blankstate-background); width: 100%; } select { background-position: right 20px center; } .grid { display: flex; flex-wrap: wrap; align-items: flex-start; } .grid.grid--view-items.grid--uniform { align-items: inherit; } .grid.grid--view-items.grid--uniform:not(.enable_list_mode) .product-item-block:not(.view-mode-list) .product-item-block .product-card { height:100%; display: flex; flex-direction: column; } .grid.grid--uniform .grid__item { margin-bottom: 20px; } .flickity-page-dots { position: relative; bottom: 0; padding-top: 20px; } .custom_page_header_opacity { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .section-header .h5, .section-header h5 { font-size: calc(var(--font-size-base) * 1px - 2px); text-transform: uppercase; position: relative; display: inline-flex; align-items: center; } .section-header .h5:before, .section-header h5:before { content: " "; color: inherit; height: 2px; width: 25px; margin-right: 7px; display: block; } .heading_block.section-header .h5:before, .heading_block.section-header h5:before { background: var(--color-text); } .section-header.homepage_subtitle_style_primary .h5, .section-header.homepage_subtitle_style_primary h5 { color: var(--color-btn-primary); } .section-header.homepage_subtitle_style_primary .h5:before, .section-header.homepage_subtitle_style_primary h5:before { background: var(--color-btn-primary); } .section-header.homepage_subtitle_style_secondary .h5, .section-header.homepage_subtitle_style_secondary h5 { color: var(--color-btn-secondary); } .section-header.homepage_subtitle_style_secondary .h5:before, .section-header.homepage_subtitle_style_secondary h5:before { background: var(--color-btn-secondary); } .section-header.homepage_subtitle_style_match_header h5, .section-header.homepage_subtitle_style_match_header .h5 { color: var(--color-text); } .section-header.homepage_subtitle_style_match_header h5:before, .section-header.homepage_subtitle_style_match_header .h5:before { background: var(--color-text); } /* Homepage Slideshow */ .slideshow__controls { justify-content: center; width:100%; align-items:center; bottom:50px; margin-bottom:0; top:auto; } .slideshow__controls .slick-dots { display: flex; align-items: center; justify-content: center; flex-wrap:wrap; } .slideshow__controls.arrows_only { justify-content: flex-end; } .slideshow__controls:after { display:none; } .slideshow .flickity-page-dots{ bottom: 30px; position: absolute; padding-top: 0; } .slideshow__controls .slick-dots li, .slideshow .flickity-page-dots li { display: inline-block; width: 10px; height: 10px; margin: 5px; opacity:1; background: rgba(255, 255, 255, 0.5); border-radius: 20px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } @media screen and (max-width:749px) { .slideshow__controls .slick-dots li, .slideshow .flickity-page-dots li { margin:10px 5px; } } .slideshow__controls .slick-dots li.slick-active, .slideshow .flickity-page-dots li.is-selected { background: #fff; border: solid 1px rgba(33, 100, 255, 0.3); } .slideshow__controls .slick-dots li a { display:block; width:100%; height:auto; background:transparent; } .slideshow__controls .slick-dots li a:before { display:none; } .slideshow__arrows { background: transparent !important; justify-content: flex-end; height:auto; padding:0; } .slideshow__controls .slideshow__arrows .slideshow__arrow { background-color: var(--white-color); border-radius:50%; color:#8d8d8d; margin:0 10px; top:auto; } .slideshow__controls .slideshow__arrows .slideshow__arrow:hover { background-color: var(--color-btn-primary); color:var(--white-color); } .flickity-prev-next-button { background:transparent !important; width:20px; height:20px; border-radius:0; opacity:1; } .flickity-button:disabled { opacity:0; } .flickity-page-dots .dot { display: inline-block; width: 65px; height: 4px; margin: 0 5px; opacity:1; background: var(--color-border); border-radius: 20px; } .flickity-page-dots .dot.is-selected { background: var(--color-btn-primary); } .slideshow__text-wrap { z-index:3; } .slideshow__text-wrap--desktop .slideshow__text-content .slideshow__text-content-list { display:inline-block; width:auto; } .slideshow__text-wrap--desktop .slideshow__text-content.text-left .slideshow__text-content-list { margin-right: auto; } .slideshow__text-wrap--desktop .slideshow__text-content.text-right .slideshow__text-content-list { margin-left: auto; } .slideshow__text-wrap--desktop .slideshow__text-content .slideshow__title { margin-bottom: 8px; font-size: 46px; line-height: 1.26; } .slideshow__text-wrap--desktop .slideshow__text-content .slideshow__btn-wrapper .slideshow__btn + .slideshow__btn { margin-left: 30px; } .slideshow__controls { bottom: 30px; } .slideshow:not(.slideshow--adapt) { max-height: calc(100vh - var(--announcement-bar-height)); } .slideshow__slide { padding: 50px 0; } @media screen and (max-width: 1239px) { .slideshow:not(.mobile-slideshow--adapt) .slideshow__slide:before{ display:none; } .slideshow.mobile-slideshow--small { height: 300px; } .slideshow.mobile-slideshow--medium { height: 500px; } .slideshow.mobile-slideshow--fix { height: calc(var(--slideshow-mobile-height) * 1); } .slideshow.mobile-slideshow--large { height: calc(100vh - var(--announcement-bar-height)); } .no-overlap-header .slideshow.mobile-slideshow--large { height: calc(100vh - var(--header-height) - var(--announcement-bar-height)); } .slideshow__slide { padding: 0 0 100px 0; } .slideshow__text-wrap--desktop .slideshow__text-content .slideshow__btn-wrapper .slideshow__btn + .slideshow__btn { margin: 15px 0 0 0; } .slideshow__text-wrap--desktop .slideshow__text-content .slideshow__title { margin-bottom: 4px; font-size: 28px; line-height: 1.14; } .slideshow__btn-wrapper { margin-top: 16px; } .slideshow__controls, .slideshow .flickity-page-dots { bottom: 15px; } } .slideshow__image_wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: 1; } .slideshow__slide.block_type__video { position: absolute; } .slideshow__slide.block_type__video .video-section-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .slideshow__slide.block_type__video video { width: 100%; height: 100%; object-fit: cover; } .slideshow__slide.block_type__video video::-webkit-media-controls { display: none; } @media only screen and (min-width: 750px) { .slideshow.slideshow--adapt .slideshow__slide { position: absolute; padding: 0; } .slideshow.slideshow--adapt .slideshow__slide.slideshow__slide--active { position: relative; } .slideshow.slideshow--adapt .slideshow__slide .slideshow__text-wrap { position: absolute; top: 50%; width: 100%; height: 100%; left: 50%; transform: translate(-50%,-50%); } .slideshow.slideshow--adapt .slideshow__slide .slideshow__text-wrap--desktop .slideshow__text-content { padding:150px 0; } body:not(.no-overlap-header) .slideshow.slideshow--adapt .slideshow__slide .slideshow__text-wrap--desktop .slideshow__text-content { padding-top:calc(var(--header-height) + 10px); padding-bottom: 100px; } } @media screen and (max-width: 749px) { .slideshow.mobile-slideshow--adapt .slideshow__slide { position: absolute; padding: 0; } .slideshow.mobile-slideshow--adapt .slideshow__slide.slideshow__slide--active { position: relative; } .slideshow.mobile-slideshow--adapt .slideshow__slide .slideshow__text-wrap { position: absolute; top: 50%; width: 100%; height: 100%; left: 50%; transform: translate(-50%,-50%); } .slideshow.mobile-slideshow--adapt .slideshow__slide .slideshow__text-wrap--desktop .slideshow__text-content { padding:50px 0; } } @media screen and (min-width:750px) and (max-width:989px) { .slideshow__text-wrap--desktop .slideshow__text-content .slideshow__text-content-list { max-width: 90%; } .mega-title--large { font-size: calc( ((var(--font-mega-title-large-desktop)) / (var(--font-size-base))) * 0.65em); } .mega-subtitle--large { font-size: calc(((var(--font-size-base) + 8) / (var(--font-size-base))) * 0.7em); } } @media screen and (min-width:750px) { body:not(.no-overlap-header) .slideshow:not(.slideshow--adapt) .slideshow__slide { padding-top: calc(var(--header-height) + 10px); } } /* AnnouncementBar Styles */ .AnnouncementBar { position:relative; display:block; width:100%; } .AnnouncementBar__close_button { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; cursor: pointer; padding: 5px; display: flex; align-items: center; justify-content: center; color:inherit; } .AnnouncementBar__close_button svg { width:10px; height:10px; } .AnnouncementBar__Content .AnnouncementBar__Content a { display:block; } .AnnouncementBar__Wrapper { margin:0 auto; position:relative; } .AnnouncementBar__Content { width:100%; display:block; } .AnnouncementBar__Content .AnnouncementBar__Text_Content{ max-width: 750px; padding: 0 20px; display: flex; align-items: center; } .AnnouncementBar__Slide .star_countdown .block{ width: 35px; height: 35px; font-size: 16px; margin: 0 8px; } .AnnouncementBar__Slide a{ display: block; width: 100%; } .AnnouncementBar__Slide .star_countdown>div>div span:last-child{ position: unset; transform: unset; font-size: 14px; line-height: 1.14; } .AnnouncementBar__Slide .star_countdown>div>div{ display: flex; align-items: center; } .AnnouncementBar__Slide .countdown_wrapper{ margin-left: 8px; display: none; } .AnnouncementBar__Slider:not(.flickity-enabled) { opacity:0; } .AnnouncementBar__Slider:not(.flickity-enabled) .AnnouncementBar__Content:not(:first-child) { position:absolute; } .AnnouncementBar .flickity-prev-next-button { opacity:0; transition:all 0.3s; visibility:hidden; z-index: 2; } .AnnouncementBar:hover .flickity-prev-next-button { visibility:visible; opacity:1; } .AnnouncementBar__Content p { margin: 0; font-size: 16px; line-height: 1.375; font-weight: bold; } .flickity-viewport .AnnouncementBar__Content { display: flex; align-items: center; justify-content: center; flex-wrap:wrap; width: auto; } @media screen and (max-width:1239px) { .AnnouncementBar .flickity-prev-next-button.previous { left: 0; } .AnnouncementBar .flickity-prev-next-button.next { right: 0; } .AnnouncementBar .AnnouncementBar__close_button { right: 5px; } .AnnouncementBar .flickity-prev-next-button { opacity: 1; visibility: visible; } .AnnouncementBar__Content p { font-size: 14px; } } @media screen and (max-width:749px) { .AnnouncementBar__Content .AnnouncementBar__Text_Content{ padding: 0; display: block; } .AnnouncementBar__Slide .star_countdown .block{ width: 24px; height: 24px; margin: 0 6px; font-size: 14px; } .AnnouncementBar__Slide .countdown_wrapper{ margin-left: 0; margin-top: 6px; } } /* Footer Styles */ .call-to-action { display: flex; justify-content: center; margin-bottom:70px; } .call-to-action__block { width:25%; margin:0 5px; border-radius:10px; display: flex; align-items: center; justify-content: center; padding: 30px 20px; } @media screen and (min-width:1651px) { .call-to-action__block { padding: 50px 40px; } } .call-to-action__block .image { width:48px; height:48px; margin-right:30px; } .call-to-action .call-to-action__block img { display:block; margin: 0 auto; height: 100%; width: 100%; object-fit: cover; max-width:100%; } .call-to-action .call-to-action__block svg { width:100%; height:100%; } .call-to-action__block .content { text-align:left; width:70%; } .call-to-action__block .content .h6 { color: var(--white-color); margin-bottom: 10px; font-size:inherit; } .call-to-action__block .content p { margin:0; font-size: calc(var(--font-size-base) * 1px - 2px); } .call-to-action__block .content a { color: inherit; text-decoration: underline; } .footer_bg { width: 100%; display: block; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; object-fit:cover; } .site-footer { position:relative; padding-top:90px; margin-top: 65px; } .site-footer-wrapper { position:relative; } .site-footer__content .site-footer__item-inner .h5 { color: var(--white-color); } .site-footer__social-icons { text-align:left; } footer .localization_form { margin-top:15px; } .site-footer__content .site-footer__social-icons { display: flex; flex-wrap: wrap; padding-top:10px; } .site-footer__content .site-footer__social-icons .social-icons__item { border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 20px 10px 0; padding: 0; } .site-footer__content .site-footer__social-icons .social-icons__item svg{ display: block; } .site-footer__content .site-footer__social-icons .social-icons__item:hover svg { fill: #c0c1c2; } .payment-icons.site-footer__icon-list { padding-bottom: 0; } .site-footer__item .selectors-form { margin: 15px 0; } .site-footer__item .selectors-form .disclosure__toggle { color: #8d8d8d; border-radius: 50px; background: none; padding: 17px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--color-border-form); } .site-footer__item .selectors-form .disclosure__toggle svg { width: 12px; height: 12px; margin-left: 12px; transition:all 0.3s; } .site-footer__item .selectors-form .disclosure__toggle[aria-expanded=true] svg { transform:rotate(180deg); } .site-footer__item .selectors-form .disclosure-list { width: 100%; } .site-footer__item .selectors-form .disclosure-list__item { padding: 5px 15px; } .site-footer__item .selectors-form .disclosure-list__item .disclosure-list__option { text-decoration: none; font-size: 13px; } .site-footer__item-inner--newsletter .contact-form .input-group { flex-wrap: nowrap; } .site-footer__item-inner--newsletter .contact-form .input-group .newsletter__input { min-height: 1px; height: 49px; border-radius: 8px 0 0 8px; color: var(--white-color); border: 0; margin: 0; padding: 14px; border: 1px solid #e6e6e6; border-right: 0; flex-grow: 99; outline: 0; } .site-footer__item-inner--newsletter .contact-form .input-group .newsletter__input::placeholder{ color: var(--white-color); } .site-footer__item-inner--newsletter .contact-form .input-group .newsletter__submit { border-radius: 0 8px 8px 0; width: 49px; height: 49px; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; background: #fff; border: 0; } .site-footer__item-inner--newsletter .contact-form .input-group .newsletter__submit svg { margin: 0; display: block; } .site-footer__item-inner--newsletter .site-footer__rte + .site-footer__newsletter { padding-top: 30px; max-width: 350px; position: relative; } @media screen and (max-width: 1199px) { .site-footer-wrapper .call-to-action { flex-wrap: wrap; } .site-footer-wrapper .call-to-action .call-to-action__block { padding: 35px 30px; margin-bottom: 10px; width: calc(50% - 10px); } .site-footer-wrapper .site-footer__content { flex-wrap: wrap; } } @media screen and (max-width: 1239px) { .site-footer-wrapper .call-to-action .call-to-action__block { width: 100%; margin-left: 0; margin-right: 0; } .call-to-action { margin-bottom: 40px; } .site-footer { padding-top: 40px; } .site-footer__content { padding: 0; } .site-footer__bottom_content { padding-top: 30px; } .site-footer__content .site-footer__social-icons { padding-bottom:0; } } /* Logo Bar Styles */ .logo-bar { list-style: none; text-align: center; } .logo-bar__item { display: inline-block; vertical-align: middle; } .logo-bar__image { display: block; width: auto; max-width: 100%; max-height: 100%; margin: 0 auto; } .logo-bar__link { display: flex; align-items: center; justify-content: center; height: 100%; } .logo-bar--slider { width:100%; display:block; max-width:100%; } .logo-bar--slider .logo-bar { width:calc(100% + 15px); display:flex; flex-wrap:wrap; margin:0; } .logo-bar--slider .logo-bar.full_logo_bar { display:block; width: 100%; } .logo-bar--slider .logo-bar.full_logo_bar .logo-bar__item { padding-right:0; width:100%; } .logo-bar .logo-bar__item { padding-right:15px; } .logo-bar .logo-bar__item .grid-view-item { margin-bottom:10px; border-radius: 10px; overflow: hidden; height: 140px; padding: 15px; background: var(--white-color); box-shadow: 0 0 4px 2px var(--color-border); } .logos_style_full .logo-bar .logo-bar__item .grid-view-item { height: auto; } .logos_style_full .logo-bar .logo-bar__item .grid-view-item .placeholder-svg, .logos_style_full .logo-bar .logo-bar__item .grid-view-item .logo-bar__image { position: relative; } @media screen and (max-width:749px) { .logo-bar .logo-bar__item { padding-right:0; } .logo-bar .logo-bar__item .grid-view-item { margin-bottom:22px; } } [data-section-type="logo-bar"] .section-header { position: relative; } @media screen and (min-width: 1200px) { [data-section-type="logo-bar"] .section-header-wrapper { padding: 0 155px; } } [data-section-type="logo-bar"] .slider_custom_arrows { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; } @media screen and (max-width: 1199px) { [data-section-type="logo-bar"] .slider_custom_arrows { position: relative; justify-content: center; } } [data-section-type="logo-bar"] .slider_custom_arrows .btn { border-radius: 50%; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; cursor: pointer; background: var(--white-color); margin: 0 10px; transition: all 0.3s; } [data-section-type="logo-bar"] .slider_custom_arrows .btn svg { transition: all 0.3s; } [data-section-type="logo-bar"] .slider_custom_arrows .btn:hover { background: var(--color-btn-primary); } [data-section-type="logo-bar"] .slider_custom_arrows .btn:hover svg { color: var(--white-color); } .logo-bar__image-container { position: relative; height: 100%; } .logo-bar__image-container .logo-bar__image { position: absolute; margin: 0 auto; top: 0; right: 0; left: 0; bottom: 0; height: 100%; object-fit: cover; } @media screen and (min-width:750px) { .hover_opacity_true .grid-view-item { opacity:0.3; transition:all 0.3s; } .hover_opacity_true .grid-view-item:hover { opacity:1; } } @media screen and (max-width:749px) { .logo-bar--slider .logo-bar__item { width: 50%; } .logo-bar--slider .logo-bar__item img { width: 100%; } .logo-bar--slider .grid-view-item { opacity: 1; } } /* Featured Blog Styles */ .grid--blog { margin-bottom:20px; } @media screen and (min-width:750px) { .grid--blog { margin-bottom:50px; } } .grid--blog > .grid__item article { background:var(--white-color); border-radius:10px; } .grid--blog > .grid__item article .article__grid-image-container img { border-radius:10px; } .grid--blog > .grid__item article { height: 100%; } .grid.grid--blog { align-items: inherit; } .article__grid-image, .grid-view-item__image { height: auto; } .article__grid-image-wrapper { height: 100%; } .article__grid-image-wrapper .article__grid-image { object-fit: cover; height: 100%; } .article__grid-image-container { position: relative; width: 100%; } .article__grid-image-container .placeholder-svg { position: absolute; top: 0; width: 100%; left: 0; } .article__grid-image-container:after { content: ""; display: block; padding-bottom: 100%; } /* Homepage Accordion */ .bg_image_with_custom_content { position:relative; width:100%; display:block; } .bg_image_with_custom_content .section_bg { width:100%; display:block; position:absolute; top:0; right:0; left:0; bottom:0; height:100%; overflow:hidden; } .section_grid__bg .section_bg_image , .section_bg .section_bg_image { width:100%; display:block; max-width:100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height:100%; object-fit:cover; } .section_bg-wrapper, .section_bg_image-container { display:block; width:100%; max-width:100%; position: relative; } .section_content { width: 100%; display: flex; max-width: 100%; align-items: center; padding:150px 0; position: relative; } .section_content .page-width-small, .section_content .page-width { width:100%; } .section_content__wrapper { text-align: left; } .homepage_accordion .homepage_accordion__block:not(:last-child) { border-bottom: solid 1px #ebe9e9; } .homepage_accordion .answer { transition: height 0.35s ease-in-out; overflow: hidden; } .answer_content { padding-left: 0; padding-right: 118px; padding-bottom: 27px; } .answer_content, .answer_content p { color: #666666!important; font-size: 14px; font-weight: 500; } .homepage_accordion .answer:not(.active) { height:0; } [data-page="river-solar-generator"] .section-8 .question { border-top: 2px solid #1d1d1d; padding: 64px 40px; text-align: left; display: block; } [data-page="river-solar-generator"] .section-8 .question p { line-height: 1.2em; font-size: 20px; color: #1d1d1d; font-family: var(--font-stack-body); font-style: var(--font-style-body); } [data-page="river-solar-generator"] .question-container { display: flex; justify-content: space-between; cursor: pointer; align-items: baseline; column-gap: 10px; } [data-page="river-solar-generator"] .question-container .plus, [data-page="river-solar-generator"] .question-container .minus { display: none; } [data-page="river-solar-generator"] .question-container .plus.active, [data-page="river-solar-generator"] .question-container .minus.active { display: inline; } [data-page="river-solar-generator"] .section-8__title { font-size: 36px!important; line-height: 1.1em; color: #1d1d1d!important; } [data-page="river-solar-generator"] .faq-block .question .title-h3 { color: #1d1d1d!important; font-size: 38px; line-height: 1.3em; cursor: pointer; } [data-page="river-solar-generator"] .bsection-container { max-width: 1616px; margin: 0 auto; } .question { position:relative; cursor:pointer; display:flex; align-items:center; justify-content: space-between; color:inherit; margin: 0; padding: 28px 0; font-size: 17px; font-weight: 500; } @media screen and (max-width: 1680px) { [data-page="river-solar-generator"] .faq-block .question .title-h3 { font-size: 34px; } } @media screen and (max-width: 1560px) { [data-page="river-solar-generator"] .faq-block .question .title-h3 { font-size: 32px; } [data-page="river-solar-generator"] .section-8 .question p { font-size: 20px; } } @media screen and (max-width: 1440px) { [data-page="river-solar-generator"] .faq-block .question .title-h3 { font-size: 28px; } [data-page="river-solar-generator"] .section-8 .question p { font-size: 18px; } } @media screen and (max-width: 1250px) { [data-page="river-solar-generator"] .faq-block .question .title-h3 { font-size: 24px; } [data-page="river-solar-generator"] .section-8 .question { padding: 40px 30px; } } @media screen and (max-width: 1023px) { [data-page="river-solar-generator"] .section-8 { padding-top: 41px; padding-bottom: 41px; } [data-page="river-solar-generator"] .section-8 .question { padding: 30px 20px; } [data-page="river-solar-generator"] .faq-block .show-me { margin: 52px 0; } [data-page="river-solar-generator"] .faq-block .question .title-h3 { font-size: 22px; } } @media (max-width: 767px) { [data-page="river-solar-generator"] .section-8 { padding: 41px 24px; } .question { font-size: 15px; padding: 14px 0px; line-height: 1.53; } .question span{ margin-right: 14px; } .question.active { padding-bottom: 10px; } .answer_content { padding-left: 0; padding-right: 0; padding-bottom: 0; } } .bg_image_with_custom_content.bg_image_with_custom_content--index-accordion { margin-bottom: 0!important; min-height: auto!important; } [data-section-type="index-accordion"] { display: flex; min-height: auto!important; } [data-section-type="index-accordion"] .section_content { padding: 0; } [data-section-type="index-accordion"] .section_content .page-width-small { height: 100%; } [data-section-type="index-accordion"] .section_content .page-width-small .section_content__wrapper { height: 100%; padding: 150px 0; } @media screen and (max-width: 1199px) { [data-section-type="index-accordion"] .section_content .page-width-small .section_content__wrapper { padding: 80px 0; } } @media screen and (max-width: 749px) { [data-section-type="index-accordion"] .section_content .page-width-small .section_content__wrapper { padding: 50px 0; } } [data-section-type="index-accordion"] .section_content .page-width-small .section_content__wrapper .section_main_content { height: 100%; display: flex; flex-direction: column; justify-content: center; } @media screen and (max-width: 749px) { [data-section-type="index-accordion"] .section_content .page-width-small .section_content__wrapper .section_main_content { height: auto; } } /* Countdown Timer */ .countdown_timer { display: flex; align-items: center; width: 100%; margin-bottom:50px; } .timer-time { text-align:center; } .timer-label { display:block; width:100%; margin:5px 0 0 0; } .timer-value { border-radius:10px; background:var(--white-color); min-width:90px; padding:0 5px; height:96px; display:flex; align-items:center; justify-content:center; font-size:60px; font-weight:bold; position:relative; } .timer-value:after { content:''; display:block; position:absolute; top:50%; bottom:0; left:0; right:0; background: var(--color-btn-primary); opacity: 0.15; border-top: 2px solid var(--color-btn-primary); } .time-divider { display:inline-block; padding:0 4px; font-size:30px; text-align: center; top: -16px; position: relative; } .bg_image_with_custom_content .overlay_behaviour_full .section_content .section_main_content .countdown_timer_btn, .bg_image_with_custom_content .overlay_behaviour_full .section_content .section_main_content .countdown_timer, .bg_image_with_custom_content .overlay_behaviour_full .section_content .section_main_content .section-header { position: relative; z-index: 2; } .countdown_timer_btn { min-width: 270px; } @media screen and (max-width:749px) { .countdown_timer { margin-bottom: 40px; } .countdown_timer .timer-value { font-size: 40px; min-width: 63px; height: 70px; } .countdown_timer .timer-label { font-size: calc(var(--font-size-base) * 1px - 2px); } } /* Icon with text */ .icon-with-text--blocks { display: flex; flex-wrap: wrap; margin-left:-30px; } .icon-with-text--block { width:33.33%; display: flex; padding-left:30px; } .icon-with-text--block:nth-child(n+4) { margin-top:30px; } .icon-with-text--block_link { display: flex; } .block_icon { min-width:100px; width:100px; height:100px; padding:25px; border-radius:50%; box-shadow:0 0 4px 2px var(--color-border); display:flex; overflow:hidden; align-items:center; justify-content:center; background:var(--white-color); margin-right:30px; transition:all 0.3s; } .block_icon .placeholder-svg { border: 0; } .block_icon .icon { display: block; width: 100%; height: 100%; margin: 0 auto; } .block_icon a { display:block; } .block_icon img { max-width:100%; height:auto; } .block_info { text-align:left; } .block_info .block_content { border-top: 3px solid var(--color-border); padding-top: 30px; margin-top: 30px; line-height: 30px; transition: all 0.3s; padding-right: 10px; } .block_info .block_content a { text-decoration:underline; } .block_info .block_content p { opacity:0.6; } .block_info .h4 { padding-right:20px; margin:0; } .icon-with-text--block_link:hover .block_icon { box-shadow: 0 0 4px 2px var(--color-btn-primary); } .icon-with-text--block_link:hover .block_info .block_content { border-color: var(--color-btn-primary); } @media screen and (min-width: 750px) and (max-width: 989px) { .icon-with-text--block { width: 50%; margin-bottom: 30px; } } @media screen and (min-width: 750px) and (max-width: 1199px) { .icon-with-text--block .block_icon { min-width: 70px; width: 70px; padding: 0; height: 70px; margin-right: 20px; } .icon-with-text--block .block_icon .icon { max-width: 35px; } .icon-with-text--block .block_icon img { max-width: 35px; } .icon-with-text--block .block_info h4 { padding: 0; } .icon-with-text--block .block_info .block_content { padding-top: 20px; margin-top: 20px; line-height: 24px; padding-right: 0; } } @media screen and (max-width:749px) { .icon-with-text--blocks { margin-left: -40px; } .icon-with-text--blocks .icon-with-text--block { width: 100%; padding-left: 40px; margin-bottom: 30px; flex-direction: column; align-items: center; justify-content: center; } .icon-with-text--blocks .icon-with-text--block .icon-with-text--block_link { flex-direction: column; align-items: center; justify-content: center; } .icon-with-text--blocks .icon-with-text--block .block_icon { margin: 0 0 30px 0; } .icon-with-text--blocks .icon-with-text--block .block_info { text-align: center; } .icon-with-text--blocks .icon-with-text--block .block_info h4 { padding: 0; } .icon-with-text--blocks .icon-with-text--block .block_info .block_content { border-width: 2px; padding-top: 10px; margin-top: 15px; line-height: 1.6; padding-right: 0; } } /* Testimonials */ [data-section-type="quotes"] { position: relative; } [data-section-type="quotes"] .testimonials_slider .testimonial_block { width: 22%; background: var(--white-color); border-radius: 0px; margin-right: 10px; text-align: left; padding: 60px 10px 0; display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } [data-section-type="quotes"] .testimonials_slider .testimonial_block .author_image { width: 48px; margin-left: 0; margin-right: auto; margin-bottom: 14px; height: 48px; border-radius: 50%; position: relative; } [data-section-type="quotes"] .testimonials_slider .testimonial_block .author_image img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; } [data-section-type="quotes"] .testimonials_slider .testimonial_block .quote p { color: #757575; font-weight: 500; } [data-section-type="quotes"] .testimonials_slider .testimonial_block .title { margin-bottom: 8px; font-size: 17px; line-height: 1.35; } [data-section-type="quotes"] .testimonials_slider .testimonial_block .author_name { margin-top: auto; color: var(--color-text); } [data-section-type="quotes"] .section_bg-wrapper { margin-left: auto; margin-right: 0; } [data-section-type="quotes"] .flickity-page-dots { text-align: left; bottom: -15px; } [data-section-type="quotes"] .section_content { flex-direction: column; justify-content: center; } [data-section-type="quotes"] .testimonials_row { width: 100%; display: block; } [data-section-type="quotes"] .section-header { position: relative; margin: 0 7px 28px 7px; } [data-section-type="quotes"] .section-header .slider_custom_arrows { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; } [data-section-type="quotes"] .section-header .slider_custom_arrows .btn { border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; background: var(--white-color); margin: 0 10px; transition: all 0.3s; } [data-section-type="quotes"] .section-header .slider_custom_arrows .btn svg { margin:0; transition: all 0.3s; } [data-section-type="quotes"] .section-header .slider_custom_arrows .btn:hover { background: var(--color-btn-primary); } [data-section-type="quotes"] .section-header .slider_custom_arrows .btn:hover svg { color: var(--white-color); } [data-section-type=quotes] .testimonials_slider.rendered .flickity-viewport .flickity-slider .testimonial_block { height: 100%; } .quotes-section .section_with_bg { padding-top: 150px; padding-bottom: 150px; } @media screen and (max-width: 1199px) { .quotes-section .section_with_bg { padding-top: 80px; padding-bottom: 80px; } } .quotes-section .section_with_bg .section-header .slider_custom_arrows { left: calc(100% - 500px); right: auto; } @media screen and (max-width: 1650px) { .quotes-section .section_with_bg .section-header .slider_custom_arrows { left: auto; right: 0; } } .quotes-section .image_style_right .section_bg_image { left: auto; width: 500px; } @media screen and (min-width: 750px) and (max-width: 1199px) { [data-section-type="quotes"] .testimonials_slider .testimonial_block { width: 33.33%; padding: 30px; } } @media screen and (max-width:749px) { [data-section-type="quotes"] .section-header .slider_custom_arrows { position: relative; } [data-section-type="quotes"] .section-header .slider_custom_arrows .btn:first-child { margin-left: 0; } [data-section-type="quotes"] .testimonials_slider .testimonial_block { width: 85%; padding: 30px 40px; } [data-section-type="quotes"] .testimonials_row { padding-left: 22px; } .quotes-section .section_with_bg { padding-top: 50px; padding-bottom: 50px; } .quotes-section .image_style_right .section_bg_image { width: 100%; left: 0; } } /* Header */ #shopify-section-header header.site-header .mobile-nav-wrapper { left: 0; right: -999px; transform: none; z-index: 22; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; height: 100vh; width: 100%; } #shopify-section-header header.site-header .mobile-nav-wrapper.js-menu--is-open { height: calc(var(--doc-height) - var(--header-height, 0px) - var(--announcement-bar-height, 0px) + 4px); } .mobile_menu_overlay, .mega_menu_overlay { background: rgba(46, 45, 43, 0.8); z-index: 8; left: 0; right: 0; overflow: hidden; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; display: none; } .mega_menu_overlay { background: rgba(0, 0, 0, 0.5); } body.js-menu--is-open { overflow: hidden; height: 100%; position: fixed; width: 100%; } #MobileNav .mobile-nav__return-btn { display: flex; width: 100%; padding: 15px; font-size: 16px; align-items: center; } #MobileNav .mobile-nav__return-btn .icon { position: relative; top: auto; left: auto; margin: 0 15px 0 0; } #shopify-section-header { position: absolute; top: var(--announcement-bar-height); } #shopify-section-header { padding: 0; width: 100%; z-index: 9999; left: 0; } .header_top a:not(.disclosure-list__option), #shopify-section-header .header_top span, #shopify-section-header .site-nav__label { color: var(--secondary_nav_color_text); } .site-header { padding: 0; z-index:1; background: transparent; border-bottom: 1px solid #efefef; } .site-header .site-header__mobile-nav { background: inherit; } .header_top__row, .header_top { padding: 7.5px 0px; display: flex; align-items: center; flex-wrap: wrap; } .header_top .grid{ align-items: center; } .top_navigation_links { display: flex; align-items: center; font-size: 12px; font-weight: 600; } .top_navigation_links .icon { width: 12px; height: 12px; margin-top: -2px; } .top_navigation_links li + li:not(.disclosure-list__item) { margin-left: 16px; } .top_navigation_links .selectors-form { margin: 0; } .top_navigation_links .selectors-form .selectors-form__item { padding: 0; margin: 0; } .top_navigation_links .selectors-form .selectors-form__item + .selectors-form__item { margin-left: 10px; } .top_navigation_links .selectors-form .selectors-form__item + .selectors-form__item .disclosure-list { right: 0; left: auto; transform: none; } .header_top .right_column { justify-content: flex-end; } .site-header #AccessibleNav .site-nav { text-align: left; } .site-header .site-header__icons .search-bar__interior { /*max-width: 515px; width: 100%;*/ border-radius: 50px; background: var(--white-color); padding: 0 0 0 16px; } .site-header .site-header__icons .search-bar__interior .search-form__container { padding: 0; display: flex; align-items: center; background: transparent; transition: all 0.5s cubic-bezier(0,1,0.5,1); } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form { border: 0; /*max-width: 100%; width:100%;*/ position: static; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper{ max-height: 0; transition: all 0.5s cubic-bezier(0,1,0.5,1); } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper.visible { width: 100%; border-radius: 0px; overflow: auto; padding-bottom: 0; max-height:310px; z-index:12; border-radius: 0 0 8px 8px; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper.added_results .search_popular_products, .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper.added_results .search_popular_searches_menu { display: none; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper .predictive-search-title { padding: 11px 36px; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper .predictive-search-title .predictive-search-title__content { text-transform: none; font-weight: 400; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper .predictive-search__list .predictive-search-item .predictive-search-item__title-text { border: 0; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper .predictive-search__list .predictive-search-item .predictive-search-item__link { padding: 10px 30px; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper .predictive-search__list .predictive-search-item .predictive-search-item__link .predictive-search__column--image { height: auto; width: auto; margin-right: 20px; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-bar__input { overflow: hidden; /*min-height: 55px;*/ font-size: var(--font-size-base); border: 0; width: 0; padding: 20px; outline: none; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-bar__input::placeholder{ color: #919191; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-button__submit { padding: 0; overflow: hidden; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-button__submit svg, .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-button__submit path { color: var(--color-btn-primary) !important; } .site-header .top_navigation_menu { display: flex; align-items: center; justify-content: flex-start; } .site-header .top_navigation_menu li a { display: block; padding: 3px 10px; font-size: 12px; } .site-nav__dropdown { background: var(--header_nav_2_bg); color: var(--header_nav_2_color_text); } @media screen and (min-width: 750px) and (max-width: 1199px) { .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper { max-height: 48vh; overflow:auto; } .site-header .predictive-search .search_popular_menu a { font-size: 13px; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper .predictive-search__list .predictive-search-item .predictive-search-item__link, .search-bar__result-linklist.predictive-search__list .predictive-search-item__link { padding:10px 20px; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper .predictive-search__list .predictive-search-item .predictive-search-item__link .predictive-search__column--image { margin-right:10px; } } @media screen and (max-width: 1239px) { .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper { max-height: calc(100vh - 60px); overflow: auto; padding-top: 10px; margin-top: 0; } .site-header__icons .btn--link, .site-header__icons .site-header__cart { color: var(--color-btn-primary); } } .search_categories_menu { margin-right: 20px; } .search_categories_menu .search_categories_button { border-radius: 50px; padding: 9px 20px; font-size: 14px; font-weight: bold; width: 185px; display: flex; align-items: center; justify-content: space-between; max-height: 38px; } .search_categories_menu .search_categories_button span { border: 0; } .site-header .site-nav__dropdown.small_dropdown { max-width: 225px; left: 0; border-radius: 0 0 10px 10px; border: 0; /* margin-top:10px; */ z-index: 12; box-shadow: 0 22px 24px -20px rgb(0 0 0 / 7%) } .site-header .site-nav__dropdown.small_dropdown.site-nav__dropdown--right { right:0; left:auto; } .site-header .site-nav__dropdown.small_dropdown ul { padding: 10px 0; } .site-header .site-nav__dropdown.small_dropdown ul li { margin: 0; padding: 0; } .site-header .site-nav__dropdown.small_dropdown ul li a { padding: 9px 24px; display: flex; align-items: center; font-size: 14px; border-radius: 50px; transition: all 0.3s; } .search_categories_dropdown { background: var(--header_search_categories_bg); color: var(--header_search_categories_color_text); } .search_categories_dropdown ul#search-product-type li { display: flex; align-items: center; padding: 0; } .search_categories_dropdown ul#search-product-type li a { padding: 9px 30px; display: block; width: 100%; margin: 0; border-radius: 50px; transition: all 0.3s; cursor: pointer; text-align: left; font-size: calc(var(--font-size-navigation) * 1px - 1px); font-family: var(--font-stack-navigation); font-style: var(--font-style-navigation); font-weight: var(--font-weight-navigation); color: var(--header_search_categories_color_text); } .search_categories_dropdown ul#search-product-type li a:hover { color: var(--color-btn-primary); } .customer_nav_dropdown ul li a { justify-content: center; color: var(--color-body-text) !important; } .customer_nav_dropdown ul li a:hover { color: var(--color-btn-primary) !important; } .customer_nav_menu__wrapper { position: relative; margin-left: 16px; } .site-header__logo { margin: 0; } .navigation_wrapper { display: flex; align-items: center; } .categories_menu .categories_main_link { display: flex; align-items: center; justify-content: space-around; border:none; } .categories_menu .nav-dropdown__link svg { color: var(--color-btn-primary); } .categories_menu ul { width: 100%; } .categories_menu .first_lvl.nav-dropdown { border-radius: 10px; border: 0; } .categories_menu .second_lvl.nav-dropdown { display: flex !important; flex-wrap: wrap; min-width: 760px; padding: 16px; border-radius: 20px; margin-left: 5px; } .categories_menu .second_lvl.nav-dropdown > ul { display: flex; flex-wrap: wrap; } .categories_menu .second_lvl.nav-dropdown > ul > .nav-dropdown__item { width: 25%; margin-bottom: 30px; padding-right: 2px; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image > ul > .nav-dropdown__item { width: 33.33%; } .categories_menu .second_lvl.nav-dropdown > ul > .nav-dropdown__item .nav-dropdown__link { padding: 14px 15px; word-break: break-word; margin-bottom: 3px; } .categories_menu .second_lvl.nav-dropdown > ul > .nav-dropdown__item .label_link { font-weight: 600; } .categories_menu .second_lvl.nav-dropdown .third_lvl.nav-dropdown { position: relative; visibility: visible; opacity: 1; left: auto; top: auto; border-radius: 0; border: 0; width: 100%; max-width: 100%; display: block; padding: 0; pointer-events: all; } .categories_menu .second_lvl.nav-dropdown .third_lvl.nav-dropdown .nav-dropdown__item .link { padding: 5px 15px; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image { min-width: 1095px; flex-wrap: nowrap; padding: 10px; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image > ul { width: 60%; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image .nav-dropdown-image-block { width: 40%; position: relative; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image .nav-dropdown-image-block a { display: block; height: 100%; width: 100%; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image .nav-dropdown-image-block .menu_block-image { height: 100%; object-fit: cover; display: flex; align-items: flex-end; justify-content: flex-start; width: 100%; border-radius: 10px; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image .nav-dropdown-image-block .menu_block-image_heading { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; color: var(--white-color); padding: 30px; position: absolute; bottom: 0; left: 0; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image .nav-dropdown-image-block .menu_block-image_heading .image_link_icon { width: 20%; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image .nav-dropdown-image-block .menu_block-image_heading h3 { margin: 0; max-width: 80%; white-space: normal; word-wrap: inherit; display: block; width: 100%; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image .nav-dropdown-image-block .menu_block-image_heading span { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--color-btn-primary); margin-left: 20px; } @media screen and (min-width: 750px) { .mobile-logo-element-wrapper { display: none !important; } } .logo--left .logo_element-wrapper { margin-right: 15px; width: auto; } .logo--left .top_navigation_menu { float: left; } .header-search-button { align-items: center; justify-content: center; background: var(--white-color); color: var(--color-btn-primary); position: relative; border: 0; padding: 0; display: block; } .header-search-button svg{ width: 24px; height: 24px; display: block; } @media screen and (max-width: 1650px) { .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image { min-width: 785px; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image .nav-dropdown-image-block .menu_block-image .menu_block-image_heading { padding: 20px; } } @media screen and (max-width: 1199px) { .navigation_wrapper .categories_menu { position: relative; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image { min-width: 385px; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image > ul { width: 100%; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image > ul > .nav-dropdown__item { width: 50%; } .categories_menu .second_lvl.nav-dropdown.nav-has-menu_image .nav-dropdown-image-block { display: none; } header.site-header .header_cart_info .cart_total_info { display: none; } header.site-header .header_cart_info.show_cart_subtotal { padding: 0; width:auto; background:transparent; } .site-header .mega-menu__promo { display: none; } .site-header .top_navigation_links .customer_nav_menu__wrapper .customer_nav_button .site-nav__label { display: none; } .navigation_wrapper .nav-bar__item { margin-right: 25px; } .navigation_wrapper .nav-bar__item:last-child { margin: 0; } .navigation_wrapper .categories_menu .nav-bar__item { padding: 0; margin: 0; position: static; } .navigation_wrapper .categories_menu .nav-bar__item .first_lvl.nav-dropdown { max-width: 220px; left: 0; } .site-header.logo--left .header_top__wrapper .site-header__icons-wrapper .search-bar__interior { margin-left: auto; margin-right: 10px; padding-left: 0; } .site-header.logo--left .header_top__wrapper .site-header__icons-wrapper .search-bar__interior .header-search-button { margin:0 auto; } .site-header.logo--left .header_top__wrapper .site-header__icons-wrapper .search-bar__interior + .header_cart_info { margin-left:0; } } @media screen and (min-width: 750px) and (max-width: 1199px) { .site-header.logo--left .header_top__wrapper .site-header__icons-wrapper .search-bar__interior { min-width: 55px; } .site-header:not(.logo--left) .site-header__icons-wrapper .search-form__container.show_form { padding: 5px 10px; top: -5px; } .site-header .header_top__wrapper .site-header__icons .search-bar__interior { padding:5px 0 5px 10px; } } @media screen and (max-width: 1023px) { .site-header:not(.logo--left) .site-header__icons-wrapper .search-form__container.show_form { justify-content: flex-start; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 9; padding: 0 24px; transform: unset; border-radius: 0; margin-top: 0; opacity: 1; visibility: visible; } .site-header { border-color: #ededed; } .site-header .site-header__mobile-nav{ padding-top: 8px; padding-bottom: 8px; } .header_top { display: none; } .site-header .site-header__logo { padding: 0; } .site-header .header_cart_info { margin-left: 15px; } .site-header .site-header__menu.js-mobile-nav-toggle { background: var(--white-color); padding: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; outline: unset; } .site-header .site-header__menu.js-mobile-nav-toggle span{ position: absolute; width: 3px; height: 2px; border-radius: 0.8px; background: #03060b; left: 2px; } .site-header .site-header__menu.js-mobile-nav-toggle span:first-child{ top: 5px; } .site-header .site-header__menu.js-mobile-nav-toggle span:nth-child(2){ top: 11px; } .site-header .site-header__menu.js-mobile-nav-toggle span:nth-child(3){ top: 17px; } .site-header .site-header__icons { position: static; width: 40%; } .site-header .site-header__icons .site-header__icons-wrapper { position: static; } .site-header .site-header__icons .search-bar__interior { position: static; } .site-header .site-header__icons .search-bar__interior .search-form__container { min-width: 1px; right: auto; left: 50%; width: calc(100% - 40px); transform: translateX(-50%); margin-top: 40px; } .site-header .header-search-button { display: flex; } .site-header .site-header__icons-wrapper .search-form__container { pointer-events: none; position: absolute; right: 0; width: 100%; border-radius: 50px; opacity: 0; visibility: hidden; padding: 0 10px; top: 0; right: -1px; bottom: auto; left: auto; transition: opacity 0.3s; } .site-header.logo--center .search-bar__interior .search-form__container .search-bar__form .search-bar__input { min-height:45px; } .site-header .site-header__icons-wrapper .search-bar__interior { width: auto; max-width: 100%; border-radius: 0; display: inline-block; flex: none; border-radius:50%; } .site-header .site-header__icons-wrapper .search-form__container.show_form { opacity: 1; visibility: visible; pointer-events: all; background: var(--search_bar_bg); padding: 0 0 0 5px; } .site-header .site-header__icons-wrapper .search-form__container .search-bar__form { width: 100%; position: relative; } } .categories_menu .second_lvl.nav-dropdown.withoutMegamenuLvl { min-width: 1px; } .categories_menu .second_lvl.nav-dropdown.withoutMegamenuLvl > ul > .nav-dropdown__item { margin-bottom: 0; padding-right: 0; width: 100%; } .categories_menu .second_lvl.nav-dropdown.withoutMegamenuLvl > ul > .nav-dropdown__item .nav-dropdown__link { padding:5px 15px; } body.show_search_overlay #shopify-section-header { z-index: 20; } body.show_search_overlay:after { opacity: 1; background: unset; z-index: 9; } .predictive-search-item { border-bottom: 1px solid var(--color-border); } .predictive-search__list .predictive-search-item:last-child { border-bottom:0; } .predictive-search__column--content { font-size: calc(((var(--font-size-base)) / (var(--font-size-base))) * 1em - 2px); } .search_popular_menu a { display: block; width: auto; font-size: 14px; line-height: 1.57; padding: 14px 20px 14px 36px; transition: .3s all; border-radius: 0px; line-height: 1.2; margin: 0; } .search_popular_menu a:hover { background: #f8f8f8; } .predictive-search__column--image { max-width: 100px; max-height: 100px; } .site-nav__link--button:not(.search_categories_button) span, .site-nav__link--button:not(.search_categories_button) { fill: var(--secondary_nav_color_text); color: var(--secondary_nav_color_text); transition:all 0.3s; } .site-nav__link--button:not(.search_categories_button):hover { fill: var(--header_nav_hover_link); color: var(--header_nav_hover_link); } #shopify-section-header .header_top .site-nav__link--button:not(.search_categories_button):hover span { color: var(--header_nav_hover_link); } .predictive-search-wrapper[aria-hidden="false"] { display: block; } .search-bar__view-all-button-wrapper { text-align: center; width: 100%; padding: 10px 30px; border-top: 1px solid var(--color-border); opacity:0.5; margin-top: 10px; } .search-bar__view-all-button-wrapper .search-bar__view-all { padding-top: 10px; padding-bottom: 10px; font-size: calc(var(--font-size-base) * 1px - 2px); } #shopify-section-header.showAlternateHeader { padding: 0; position: sticky; top: 0; background-color: var(--alternateHeader_bg_color); } .template-product #shopify-section-header.showAlternateHeader, #shopify-section-header.showAlternateHeader.no-overlap{ position: relative; } #shopify-section-header.showAlternateHeader + #PageContainer.marginTop { padding-top: 50px; } @media screen and (max-width: 749px) { #shopify-section-header.showAlternateHeader + #PageContainer.marginTop { padding-top: 30px; } } @media screen and (min-width: 750px) { .template-product #shopify-section-header.showAlternateHeader + #PageContainer.marginTop { padding-top: 50px; } } .top_navigation_links .icon { fill: inherit; } #shopify-section-header.showAlternateHeader .logo_element .site-header__logo-link, .header_top .disclosure__toggle, #shopify-section-header.showAlternateHeader select, .header_top a:not(.disclosure-list__option), #shopify-section-header.showAlternateHeader .header_top span, #shopify-section-header.showAlternateHeader .site-nav__label { color: var(--alternateHeader_text_color); border-color: var(--alternateHeader_text_color); } #shopify-section-header.showAlternateHeader .nav-bar__link{ color: var(--alternateHeader_nav_color); } #shopify-section-header.showAlternateHeader .nav-bar__link.link-active, #shopify-section-header.showAlternateHeader .nav-bar__link.sublink-active{ color: var(--color-text); } #shopify-section-header.showAlternateHeader .categories_main_link.nav-bar__link.btn--primary { color: var(--color-btn-primary-text); border-color: var(--color-btn-primary-text); } .template-index #shopify-section-header.showAlternateHeader + #PageContainer { margin-top: 0; } #shopify-section-header .customer_nav_dropdown__wrapper .site-nav__label { color: inherit; } .site-header .site-header__mobile-nav.without_categories_linklist { justify-content: flex-end; } #shopify-section-header header.site-header .mobile-nav-wrapper { background: #fff; height:0; overflow-y:auto; border-top: 1px solid #ededed; } #shopify-section-header header.site-header .mobile-nav-wrapper a, #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav__link, #shopify-section-header header.site-header .mobile-nav-wrapper .btn--link { color: var(--color-btn-primary); } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer { padding: 20px 0 50px; text-align: center; background: #f8f8f8; border-top: 1px solid #f5f5f5; } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer .disclosure__toggle, #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer select, #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer a{ color: #4A4A48; } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer .disclosure__toggle{ padding: 0; font-size: var(--font-size-base); font-weight: 500; display: block; width: 100%; position: relative; } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer .disclosure__toggle .mobile-nav__label{ display: flex; align-items: center; } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer .disclosure__toggle .mobile-nav__label svg{ margin-right: 5px; } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer .mobile-nav-footer-block { background: #fff; border-radius: 0px; padding: 0 0 20px 0; display: block; width: auto; font-size: 14px; margin: 0; font-weight: 400; text-align: left; position: relative; } .mobile-nav__label{ position: relative; } .mobile-nav-wrapper .mobile-nav-footer .mobile-nav-footer-block form#mobile_nav_language__localization .mobile-nav__label{ margin-left: -3px; } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer .mobile-nav-footer-block .icon { width: 15px; height: 15px; } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer .mobile-nav-footer-block .weglot-container { margin-top: 20px; } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer .mobile-nav-footer-block .selectors-form { margin: 0; } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer .mobile-nav-footer-block .selectors-form .selectors-form__item { padding: 0; margin: 0; width: 100%; } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer .bottom_navigation_menu { margin-top: 30px; } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer .localization_form { margin: 0; } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer .localization_form .selectors-form__item { padding: 0; margin: 0; } .site-header .site-nav__dropdown.small_dropdown { max-height: 400px; overflow: auto; } .header_top.show_top_line_separator { border-bottom: 1px solid var(--secondary_nav_color_lighter); } /* @media screen and (max-width: 1199px) { .navigation_wrapper .categories_menu { margin-right: 25px; } } */ .site-header.logo--center:not(.enable_emphasize_category_menu) .site-header__mobile-nav { justify-content: space-between; } @media screen and (min-width: 750px) and (max-width: 1199px) { .site-header.logo--center:not(.enable_emphasize_category_menu) .site-header__mobile-nav #AccessibleNav { width: 85%; } } /* .site-header__icons-wrapper { padding-left: 20px; } */ header.site-header .categories_menu.emphasize_link .nav-bar__item { padding: 0; } header.site-header .categories_menu.emphasize_link .nav-bar__item .categories_main_link span:before { display:none; } header.site-header .categories_menu.emphasize_link .nav-bar__item .categories_main_link { width: 185px; padding:10px 20px 10px 23px; min-height:45px; margin-right:20px; color: var(--color-btn-primary-text); justify-content: space-between; } @media screen and (min-width:1200px) { header.site-header .categories_menu.emphasize_link .nav-bar__item .categories_main_link { min-height:55px; font-size:14px; } } .nav-dropdown:not(.nav-dropdown--floating) { left: 50%; transform: translateX(-50%); min-width: 100%; width: auto; } .nav-dropdown.right_side:not(.nav-dropdown--floating) { left:auto; right:0; } .categories_menu .first_lvl.nav-dropdown { top: calc(100% + 5px); } .site-header.logo--inline .navigation_wrapper .categories_menu { margin-left: 15px; } .site-header .top_navigation_links > li { display: flex; align-items: center; } .site-header .site-nav__dropdown.small_dropdown { min-width: 160px; } .site-header .top_navigation_links .disclosure-list { left: 50%; transform: translateX(-50%); top:39px; bottom: auto; } .site-header .top_navigation_links .disclosure-list .disclosure-list__item a.disclosure-list__option { border-radius: 0; border: 0; padding: 0; width: 100%; } .site-header .top_navigation_links .site-nav__dropdown.small_dropdown.customer_nav_dropdown ul li a { padding: 5px 10px; } .site-header.logo--center .site-header__logo { text-align: center; } @media screen and (max-width: 749px) { .site-header.logo--center .site-header__logo { text-align: left; } } .site-header.logo--center .search_categories_menu .search_categories_button { width: 165px; } .site-header.logo--center .search_categories_menu { margin-right: 10px; } .site-header.logo--center .search-bar__interior .search-form__container .search-bar__form .search-bar__input { min-width: 180px; } @media screen and (max-width: 1650px) { .site-header.logo--center .site-header__mobile-nav .categories_menu_item { width: auto; margin-right: 25px; min-width: 190px; } .site-header.logo--center .site-header__mobile-nav .site-header__icons { margin-left: auto; } .site-header.logo--center .site-header__mobile-nav #AccessibleNav .mega-menu .page-width { padding: 0 20px; } .site-header.logo--center .site-header__mobile-nav #AccessibleNav .mega-menu .page-width .mega-menu__column { margin: 0 20px 20px 20px; } } header .top_navigation_links .disclosure__toggle { font-weight: 600; } /* .navigation_wrapper .categories_menu { margin-right: 35px; } */ @media screen and (max-width: 1199px) { .site-header .customer_nav_menu__wrapper .site-nav__dropdown.small_dropdown { min-width: 150px; right: 50%; left: auto; transform: translateX(50%); } } header.site-header .icon--hamburger-mobile { display: block; min-width:16px; width: 16px; height: 16px; } #shopify-section-header header.site-header .logo_element .site-header__logo-link { color: var(--logo_text_color); } .mobile-nav__link, .categories_menu .first_lvl.nav-dropdown > .nav-dropdown__item > .nav-dropdown__link, .nav-bar__link { font-size: calc(var(--font-size-navigation) * 1px); font-family: var(--font-stack-navigation); font-style: var(--font-style-navigation); font-weight: var(--font-weight-navigation); } .nav-bar__linklist .nav-bar__item.item-has-mega-menu .nav-dropdown__link, .categories_menu .first_lvl.nav-dropdown > .nav-dropdown__item > .nav-dropdown__link, .nav-dropdown__link { font-size: var(--font-size-navigation); } .mega-menu__linklist > .mega-menu__item > .mega-menu__link { font-size: calc(var(--font-size-navigation) * 1px - 1px); } .header_top .top_navigation_links button, .header_top .top_navigation_links a { font-size:12px; font-weight: 400; } .header_top .top_navigation_links a{ padding: 1px 16px 3px 0px; } .header_top .top_navigation_links button{ padding-left: 16px; display: flex; align-items: center; } .header_top .top_navigation_links button svg{ margin-right: 4px; } .categories_menu .first_lvl.nav-dropdown > .nav-dropdown__item > .nav-dropdown__link { white-space:normal; padding: 6px 10px; } .site-header.logo--left .header_top .top_navigation_links button, .site-header.logo--left .header_top .top_navigation_links a, .site-header.logo--center .header_top .top_navigation_links button, .site-header.logo--center .header_top .top_navigation_links a { border: 1px solid var(--secondary_nav_color_text); border-radius: 20px; } .site-header.logo--left .header_top .top_navigation_links button:hover, .site-header.logo--left .header_top .top_navigation_links a:hover, .site-header.logo--center .header_top .top_navigation_links button:hover, .site-header.logo--center .header_top .top_navigation_links a:hover { border-color: var(--header_nav_hover_link); } @media screen and (max-width: 1439px) { .site-header .site-header__icons .search-bar__interior .search-form__container { padding: 0; background: 0 0; flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 100%; top: auto; } .site-header .site-header__icons .search-bar__interior .search-form__container .search_categories_menu { width: 100%; margin: 0 0 10px 0; text-align: center; } .site-header .site-header__icons .search-bar__interior .search-form__container .search_categories_menu .search_categories_button { margin: 0 auto; width: 100%; padding: 13px 30px; max-height: 100%; } .site-header .site-header__icons .search-bar__interior .search-form__container .search_categories_menu .search_categories_dropdown { max-width: 100%; max-height: 300px; margin-top: 10px; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-bar__input { padding-left: 50px; } .search_popular_menu a{ font-weight: 400; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-button__submit { padding: 0; height: unset; transform: translateY(-50%); top: 50%; left: 16px; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper { position: relative; } } .feature-row__image-wrapper .feature-row__image, .site-header__logo img { height: auto; } @media screen and (min-width:1200px) { header.site-header.logo--center .site-header__mobile-nav { flex-wrap:nowrap; } header.site-header.logo--center .site-header__mobile-nav .site-header__icons { min-width:550px; } } .header_cart_info { cursor: pointer; position: relative; display: flex; align-items: center; justify-content: space-between; margin-left: 16px; } .header_cart_info:not(.show_cart_subtotal) { padding:0; width:auto; } .header_cart_info .cart_total_info { white-space:nowrap; display: flex; flex-direction: column; align-items: flex-start; margin-right: 30px; margin-left: 10px; line-height: normal; color: var(--color-btn-primary-text); } .header_cart_info .cart_total_info .cart_total_label { text-transform: uppercase; font-size: 10px; letter-spacing: 0.5px; } .header_cart_info .cart_total_info .cart_total_price { margin: 0; } .header_cart_info.show_cart_subtotal .cart_icon { min-width: 45px; width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--color-btn-primary); color: var(--white-color); position: relative; } .header_cart_info .cart_icon svg { margin:0; width:24px; height:24px; } .site-header.logo--inline .header_cart_info.show_cart_subtotal .cart_icon, .header_cart_info.show_cart_subtotal .cart_icon { width:43px; height:43px; } .site-header.logo--left .header_cart_info.show_cart_subtotal .cart_icon { width:43px; height:43px; } } @media screen and (min-width:750px) { .site-header.logo--inline .header_cart_info.show_cart_subtotal .cart_icon { width:53px; height:53px; } } @media screen and (max-width: 749px) { .header_cart_info .cart_icon { color: var(--color-btn-primary); background: var(--white-color); } } .header_cart_info .header_cart_count { position: absolute; font-size: 12px; font-weight: 600; top: -6px; right: -10px; z-index: 1; border-radius: 50%; width: 16px; height: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; color: var(--color-btn-primary); background: var(--white-color); } .header_cart_info.show_cart_subtotal .header_cart_count{ top:-5px; right: -5px; } .header_cart_info.show_cart_subtotal { background: var(--color-btn-primary); padding: 5px 10px; border-radius: 50px; } .header_cart_info.show_cart_subtotal .cart_icon { color: var(--color-btn-primary); background: var(--white-color); } .header_cart_info.show_cart_subtotal .cart_icon:hover { color: var(--white-color); } .header_cart_info.show_cart_subtotal .header_cart_count { background: var(--color-btn-primary); color: var(--white-color); } .section-header .section-header-wrapper { display: flex; align-items: center; justify-content: space-between; } .search-bar__result-linklist.predictive-search__list .predictive-search-item__link { padding: 10px 60px; } .search-page-form { position: relative; max-width: 500px; margin: 0 auto 30px; } .header_top_left_side { display: flex; align-items: center; flex-wrap: wrap; } .customer_nav_button { background: transparent; } .header_top__wrapper { display: flex; align-items: center; width: 100%; position:relative; } .site-header .header_top__wrapper .site-header__icons-wrapper { padding:0; justify-content: flex-start; } .site-header .header_top__wrapper .site-header__icons .search-bar__interior { max-width: 1000px; margin: 0 20px 0 0; padding-right:0; } @media screen and (min-width:1200px) { .site-header .header_top__wrapper .site-header__icons-wrapper .header_cart_info.show_cart_subtotal { min-width:195px; } } .site-header .header_top__wrapper .site-header__icons-wrapper .header_cart_info { margin-left:auto; } .site-header .header_top.header_top_navigation_wrapper { width: 100%; padding: 0 0 13px 0; } .site-header .header_top.header_top_navigation_wrapper .top_navigation_menu, .site-header .header_top.header_top_navigation_wrapper .top_navigation_links { width:50%; float:none; } .site-header.logo--left .site-header__icons .search-bar__interior .search-form__container .search-bar__form { width:100%; } .site-header.logo--left .header_top .top_navigation_links button, .site-header.logo--left .header_top .top_navigation_links a { line-height: normal; } .site-header .site-header__mobile-nav .site-header__icons .header_top { padding: 0; } @media screen and (max-width:749px) { .site-header.logo--left .site-header__mobile-nav { display:none; } .site-header.logo--left .header_cart_info .cart_total_info { margin-right: 5px; margin-left: 5px; } } .showAlternateHeader .header__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } @media screen and (min-width:750px) and (max-width:989px) { nav .mega-menu .mega-menu__inner { flex-wrap: wrap; justify-content: flex-start; } nav .mega-menu .mega-menu__inner .mega-menu__column { flex: none; margin-left: 0; } } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-bar__input, .site-header .site-header__icons .search-bar__interior { background: var(--search_bar_bg); } #shopify-section-header .site-header.logo--center .top_navigation_links a:hover, #shopify-section-header .site-header.logo--center .top_navigation_links button.disclosure__toggle:hover { border-color:var(--header_nav_hover_link); } .top_navigation_links a:hover { color: var(--header_nav_hover_link); border-color:var(--header_nav_hover_link); } .top_navigation_links a[href]:hover, .top_navigation_links button.disclosure__toggle:hover { text-decoration: underline; } /* Buttons */ .btn, .shopify-payment-button .shopify-payment-button__button--unbranded { border-radius: 50px; padding: 13px 20px 13px 23px; line-height: 1.4; display: inline-flex; align-items: center; text-transform: none; justify-content: space-between; } .btn span + svg, .shopify-payment-button .shopify-payment-button__button--unbranded span + svg { margin-left: 15px; display: inline-block; } .btn-gray { background: var(--white-color); color: #8d8d8d; border-color: #8d8d8d; width: 100%; justify-content: center; max-width: 265px; margin-top: 11px; font-size: 14px; padding: 13px; } .btn-gray:not([disabled]):hover { background: #8d8d8d; } .slider_custom_arrows .btn { background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; color: #8d8d8d; margin: 0 10px; top: auto; height: 52px; width: 52px; position: relative; cursor: pointer; transition: color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87); border: none; display: flex; align-items: center; justify-content: center; } .slider_custom_arrows .btn .icon { width: 1rem; height: 1rem; transition: color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87); } .slider_custom_arrows .btn:hover { background-color: var(--color-btn-primary); color: var(--white-color); } .back-to-top { position: fixed !important; bottom: 272px; right: var(--icon-offset-right); text-decoration: none; color: #8d8d8d; background-color: unset; font-size: 16px; padding: 0; z-index: 5; width: 48px; height: 48px; border-radius: 50%; box-shadow: rgb(36 36 36 / 15%) 0px 20px 30px 0px; border: unset; display: flex; align-items: center; justify-content: center; } .template-product .back-to-top { bottom: calc(var(--icon-offset-bottom) + 2*(var(--icon-size) + var(--icon-gap)) + var(--sticky-form-height)) !important; } #BackToTop.back-to-top svg { width: 17px; height: 17px; margin:0;} @media screen and (min-width: 750px) and (max-width: 989px) { .btn, .shopify-payment-button .shopify-payment-button__button--unbranded { padding: 13px; } .btn svg, .shopify-payment-button .shopify-payment-button__button--unbranded svg { margin-left: 15px; width: 15px; height: 15px; } } .product-single__media__carousel .flickity-prev-next-button { background: var(--white-color) !important; box-shadow: 0 2px 4px 0px #8d8d8d; width: 50px; height: 50px; border-radius: 50%; color: #8d8d8d; display: flex; align-items: center; justify-content: center; transition: all 0.3s; } .product-single__media__carousel .flickity-prev-next-button:hover { background: var(--color-btn-primary) !important; color: var(--white-color); } .product-single__media__carousel .flickity-prev-next-button .flickity-button-icon { top: auto; right: auto; left: auto; bottom: auto; position: relative; width: 20px; height: 20px; } .btn { position: relative; } .btn * { position: relative; z-index: 1; } .btn:after { border-radius: 50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height: 0; left: 50%; top: 50%; width: 0; content: ''; position: absolute; } .btn:not([disabled]):hover:after { height: calc(100% + 2px); left: -1px; top: -1px; width: calc(100% + 2px); } .btn--primary:after { background: var(--color-btn-primary-focus); } .btn--primary:not([disabled]):hover { background-color: var(--color-btn-primary); } .btn--white:after { background: var(--color-btn-white-focus); } .btn--white:not([disabled]):hover { background-color: var(--white-color); } .btn--secondary:after { background: var(--color-btn-secondary-focus); } .btn--secondary:not([disabled]):hover { background-color: var(--color-btn-secondary); } .btn--transparent_primary:after { background: var(--color-btn-primary-focus); } .btn--transparent_primary:not([disabled]):hover { background-color: transparent; } .btn--transparent_secondary:after { background: var(--color-btn-secondary-focus); } .btn--transparent_secondary:not([disabled]):hover { background-color: transparent; } .btn--circle-arrow:after { background: var(--color-btn-primary-focus); } .btn--circle-arrow:not([disabled]):hover { background-color: var(--white-color); } .btn--align-center { justify-content:center; } .header_cart_info .cart_icon, .slider_custom_arrows .btn { padding: 0; } .slider_custom_arrows .btn svg { margin:0 auto; } .product-single__media__slide[aria-hidden="true"] { visibility: hidden; } .product-single__media__carousel .flickity-prev-next-button { visibility: visible; } .product-single__media__carousel .flickity-prev-next-button:focus, .product-single__media__carousel .flickity-prev-next-button:hover, .product-single__media__carousel .flickity-prev-next-button:focus-visible, .product-single__media__carousel .flickity-prev-next-button:focus-within { opacity: 1; } .product-single__media__carousel .flickity-prev-next-button:disabled { display: none; } .contact-form .btn { max-width: 225px; width: 100%; } .open-quick-view--btn { margin-top:auto; } form.product-item__action-list { margin-top:16px; text-align: center; } form.product-item__action-list + .open-quick-view--btn { margin-top:12px; } .grid.Collection-wrapper .product-item-block.view-mode-grid .product-card form.product-item__action-list + .open-quick-view--btn { margin-top:12px; } @media screen and (max-width: 749px) { .open-quick-view--btn { display:none; } } /* Featured collections */ .grid-view-item__image-wrapper.placeholder_image_wrapper { margin-bottom:15px; } .index-tabs-collections-wrapper .index-tabs_nav { display: flex; align-items: center; width: 100%; white-space: nowrap; overflow-x: auto; overflow-y: hidden; padding-bottom: 10px; margin-bottom: -10px; } .index-tabs-collections-wrapper .index-tabs_nav .index-tabs_nav--item { margin-right: 90px; opacity: 0.5; cursor: pointer; } .index-tabs-collections-wrapper .index-tabs_nav .index-tabs_nav--item:last-child { margin-right: 0; } .index-tabs-collections-wrapper .index-tabs_nav .index-tabs_nav--item h2 { margin: 0; } .index-tabs-collections-wrapper .index-tabs_nav .index-tabs_nav--item.active { opacity: 1; pointer-events: none; } .index-tabs-collections-wrapper .index-tabs_nav__wrapper { display: flex; align-items: center; } .index-tabs-collections-wrapper .index-tabs_nav__wrapper.navigation_style_normal .index-tabs_nav { border-bottom: 2px solid var(--color-border); overflow: visible; } @media screen and (max-width: 749px) { .index-tabs-collections-wrapper .index-tabs_nav__wrapper.navigation_style_normal .index-tabs_nav { border: 0; overflow: auto; } } .index-tabs-collections-wrapper .index-tabs_nav__wrapper.navigation_style_normal .index-tabs_nav .index-tabs_nav--item { position: relative; } .index-tabs-collections-wrapper .index-tabs_nav__wrapper.navigation_style_normal .index-tabs_nav .index-tabs_nav--item:after { content: ""; position: absolute; height: 4px; background: transparent; transition: all 0.3s; width: calc(100% + 20px); left: -10px; bottom: -13px; } @media screen and (max-width: 749px) { .index-tabs-collections-wrapper .index-tabs_nav__wrapper.navigation_style_normal .index-tabs_nav .index-tabs_nav--item:after { bottom: -10px; } } .index-tabs-collections-wrapper .index-tabs_nav__wrapper.navigation_style_normal .index-tabs_nav .index-tabs_nav--item.active:after { background: var(--color-btn-primary); } .index-tabs-collections-wrapper .index-tabs_nav__wrapper.navigation_style_normal .index-tabs_nav .index-tabs_nav--item h3 { margin: 0; text-transform: uppercase; font-size: calc(((var(--font-size-header)) / (var(--font-size-base))) * .5em); } .index-tabs-collections-wrapper .section-tabs-content { width: 100%; display: block; padding-top: 0px; padding-bottom: 10px; overflow: hidden; } .index-tabs-collections-wrapper .section-tabs-content .index-tabs-content_block { display: none; } .index-tabs-collections-wrapper .section-tabs-content .index-tabs-content_block.active { display: block; } .index-tabs-collections-wrapper .flickity-page-dots { text-align: left; } @media screen and (max-width: 749px) { .index-tabs-collections-wrapper .flickity-page-dots { padding-left: 22px; padding-right:22px; } } [data-section-type="featured-products"] .index-tabs-collections-wrapper .section-header { position: relative; } @media screen and (min-width: 750px) { [data-section-type="featured-products"] .index-tabs-collections-wrapper .section-header .single_collection_wrapper { position: absolute; right: 0; bottom: 0; margin: 0; } } [data-section-type="featured-products"] .index-tabs-collections-wrapper .section-header .single_collection_wrapper .index-tabs_nav { display: none; } [data-section-type="featured-products"] .index-tabs-collections-wrapper .section-header .single_collection_wrapper .slider_custom_arrows { margin: 0; width: 100%; } @media screen and (min-width: 750px) { .index-tabs-collections-wrapper .index-tabs_nav::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: var(--color-body); border-radius: 10px; cursor: pointer; } .index-tabs-collections-wrapper .index-tabs_nav::-webkit-scrollbar { height: 5px; cursor: pointer; background-color: var(--color-body); border-radius: 10px; } .index-tabs-collections-wrapper .index-tabs_nav::-webkit-scrollbar-thumb { background-color: #8d8d8d; border-radius: 10px; cursor: pointer; } } @media screen and (max-width: 1199px) { .index-tabs-collections-wrapper .index-tabs_nav { width: 80%; } .index-tabs-collections-wrapper .index-tabs_nav.single_collection { white-space: normal; } .index-tabs-collections-wrapper .index-tabs_nav .index-tabs_nav--item { margin-right: 35px; } .index-tabs-collections-wrapper .slider_custom_arrows { margin-left: 20px; width: 20%; } .index-tabs-collections-wrapper .section-tabs-content { padding-top: 0; padding-bottom: 0; } } @media screen and (max-width: 749px) { .index-tabs-collections-wrapper .index-tabs_nav .index-tabs_nav--item { margin-right: 40px; } .index-tabs-collections-wrapper .index-tabs_nav__wrapper { flex-direction: column; align-items: flex-start; } .index-tabs-collections-wrapper .index-tabs_nav { width: 100%; } .slider_custom_arrows .btn:first-child { margin-left: 0; } .index-tabs-collections-wrapper .section-tabs-content .index-tabs-content_block__slider .product-item-block.small--one-whole { padding:0; } } .index-tabs-content_block__slider.slides_1 .flickity-page-dots { display: none; } .index-tabs-content_block__slider .product-item-block { margin-bottom: 0; } .index-tabs-content_block__slider:after { content: ''; } @media only screen and (min-width: 1240px) { .index-tabs-content_block__slider .product-item-block.medium-up--one-quarter { width: 22%; flex: 1 0 22%; } .index-tabs-content_block__slider .product-item-block.medium-up--one-third { width: 472px; flex: 1 0 472px; padding-left: 16px; padding-bottom: 15px; } .index-tabs-content_block__slider .product-item-block.medium-up--one-third:first-child{ width: calc(456px + calc(max(1280px, 100vw)/2 - 560px)); flex: 1 0 calc(456px + calc(max(1280px, 100vw)/2 - 560px)); padding-left: calc(max(1280px, 100vw)/2 - 560px); } .index-tabs-content_block__slider .product-item-block.medium-up--one-third:last-child{ width: 488px; flex: 1 0 488px; padding-right: 16px; } } .grid-view-item__link-image { display: block; width: 100%; } @media screen and (max-width:749px) { /*.index-tabs-content_block__slider { display: flex; width: 100%; white-space: nowrap; overflow-x: auto; overflow-y: hidden; padding-bottom: 20px; margin-bottom: -20px; } .index-tabs-content_block__slider .product-item-block:last-child { margin-right:0; }*/ } /* Collection list */ .collection-list-section h2 { width: 100%; margin-bottom: 65px; color: inherit; } .collection-list-section .h5, .collection-list-section h5 { width: 100%; color: inherit; } .collection-list-section .section_content { top: auto; } .collection-list-section .slider_custom_arrows { color: var(--white-color); } .collection-list-section .section-header { display: flex; width: 100%; align-items: flex-end; } @media screen and (min-width: 1200px) { .collection-list-section .section-header { margin-bottom: 90px; } } .collection-list-section .section-header .section-header-content { width: 100%; } .collection-list-section .section-header .slider_custom_arrows { margin-left: 30px; display: flex; align-items: center; } .collection-list-section .collection-grid-item { padding: 40px 20px; margin: 0; } .collection-list-section .collection-grid-item .placeholder-svg, .collection-list-section .collection-grid-item img { overflow: hidden; margin: 0 auto 50px; display: block; position: relative; object-fit: cover; } .collection-list-section .split_screen__type { max-width: 100%; padding-bottom: 55px; position: relative; } .collection-list-section .split_screen__type .section-header { justify-content: center; align-items: center; flex-direction: column; } .collection-list-section .split_screen__type .section-header h2 { margin-bottom: 0; } .collection-list-section .split_screen__type .collection-list-btn-wrapper { margin-top: 50px; } .collection-list-section .grid-type { position: relative; z-index: 1; padding-top: 55px; padding-bottom: 55px; } .collection-list-section .grid-type .section-header { justify-content: center; align-items: center; flex-direction: column; } .collection-list-section .grid-type .section-header .h5, .collection-list-section .grid-type .section-header h5 { align-items: center; justify-content: center; } .collection-list-section .grid-type .section-header h2 { margin-bottom: 0; } .collection-list-section .section_grid__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; display: block; z-index: 0; } .collection-list-section .section_grid__bg .box { height: 100%; background-size: cover; width: 100%; } .collection-list-section .split_screen__type { position: relative; z-index: 1; } .collection-list-section .split_screen__type .collection-grid-item { padding: 20px 30px; margin-bottom: 11px; } .collection-list-section .split_screen__type .collection-grid-item .collection-grid-item__link { display: flex; align-items: center; height: 100%; } .collection-list-section .split_screen__type .collection-grid-item .collection-grid-item__link svg, .collection-list-section .split_screen__type .collection-grid-item .collection-grid-item__link img { min-width: 60px; width: 60px; height: 60px; margin: 0; } .collection-list-section .split_screen__type .collection-grid-item .collection-grid-item__link .collection-grid-item__title { width: auto; text-align:left; margin-left: 30px; } .collection-list-section .section_content { padding-bottom: 0; } .collection-list-section .carousel_section_content { margin-bottom: 110px; top: 55px; } .collection-list-section .collection-grid-item .collection-grid-item__overlay { margin-bottom: 15px; } .collection-list-section .section_style_split_screen:not(.image_style_background) .collection-grid-item .collection-grid-item__overlay { margin: 0; width: 60px; height: 60px; } .collection-list-section .section_style_split_screen.image_style_background .collection-grid-item .collection-grid-item__overlay { margin:0; } .collection-list-section .split_screen__type .collection-list-grid .collection-grid-item .collection-grid-item__image-wrapper { width: auto; position:relative; } .collection-list-section .grid.grid--uniform { align-items: inherit; } .collection-list-section .image_style_circle .collection-grid-item .placeholder-svg, .collection-list-section .image_style_circle .collection-grid-item img { border-radius: 50%; width: 120px; height: 120px; margin-left: auto; margin-right: auto; } .collection-list-section .image_style_square:not(.section_style_split_screen) .collection-grid-item { padding: 0; overflow: hidden; height: 100%; } .collection-list-section .image_style_square .collection-grid-item .collection-grid-item__link .collection-grid-item__overlay { margin-bottom: 0; } .collection-list-section .image_style_square .collection-grid-item .collection-grid-item__link svg, .collection-list-section .image_style_square .collection-grid-item .collection-grid-item__link img { max-height: 200px; margin: 0; } .collection-list-section .image_style_square .collection-grid-item .collection-grid-item__info { padding: 30px 20px 50px; margin-top: auto; } @media only screen and (min-width: 750px) and (max-width: 1199px) { .collection-list-section .image_style_square .collection-grid-item .collection-grid-item__info { padding: 20px 20px 30px; } } .collection-list-section .image_style_square .split_screen__type .collection-grid-item { height: 100px; } .collection-list-section .image_style_square .split_screen__type .collection-grid-item .collection-grid-item__image-wrapper, .collection-list-section .image_style_square .split_screen__type .collection-grid-item .collection-grid-item__link svg, .collection-list-section .image_style_square .split_screen__type .collection-grid-item .collection-grid-item__link img { height: 100%; object-fit: cover; padding:0; min-width: 80px; width: 80px; } .collection-list-section [data-section-type="collection-list"].image_style_background .collection-grid-item { padding: 0; height: 280px; } .collection-list-section [data-section-type="collection-list"].image_style_background .collection-grid-item .collection-grid-item__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 20px; overflow: hidden; } .collection-list-section [data-section-type="collection-list"].image_style_background .collection-grid-item .collection-grid-item__image-wrapper, .collection-list-section [data-section-type="collection-list"].image_style_background .collection-grid-item .collection-grid-item__link svg, .collection-list-section [data-section-type="collection-list"].image_style_background .collection-grid-item .collection-grid-item__link img { margin: 0; width: 100%; height: 100%; } .collection-list-section [data-section-type="collection-list"].image_style_background .collection-grid-item .collection-grid-item__info { position: absolute; z-index: 2; color: var(--white-color); width: 100%; text-align: center; left: 0; bottom: 50px; padding: 0 20px; } .collection-list-section [data-section-type="collection-list"].image_style_background .split_screen__type .collection-grid-item { height: 100px; } .collection-list-section [data-section-type="collection-list"].image_style_background .split_screen__type .collection-grid-item .collection-grid-item__title { position: absolute; top: 50%; z-index: 2; color: var(--white-color); transform: translateY(-50%); } .site-header.logo--left .site-header__mobile-nav { padding-top: 5px; } @media screen and (max-width: 1199px) and (min-width: 750px) { .collection-list-section .carousel_section_content { padding-top: 120px; } .bg_image_with_custom_content.collection-list-section { margin-bottom: 90px; } } @media screen and (max-width: 749px) { .collection-list-section .section-header { flex-direction: column; align-items: flex-start; margin-bottom: 50px; } .collection-list-section .section-header .slider_custom_arrows { margin: 100px 0 0 0; } .collection-list__slider { margin: 0; } .collection-list__slider .grid__item { padding: 0; width: 85%; margin-right: 11px; } } .collection-list__slider.rendered .flickity-slider .collection-grid-item { height: 100%; } .rendered.flickity-enabled .collection-list__slide { height: 100%; } .collection-list__slide { overflow: hidden; } .collection-list__btn { min-width: 270px; } .carousel_section_content .collection-list__slider .collection-list__slide { margin-bottom: 0; } .collection-list__slide { padding: 4px 4px 4px 0; } .collection-grid-btn-wrapper { margin-top: 30px; } .collection-grid-item__image-wrapper-overlay { position: absolute; top: 0; left: 0; width: 100%; right: 0; bottom: 0; } [data-section-type="collection-list"] .collection-list-grid .collection-grid-item { height:100%; } .collection-list-section .image_style_square .collection-grid-item .collection-grid-item__image-wrapper { padding-bottom: 100%; position: relative; width: 100%; display: block; } .collection-list-section .image_style_square .collection-grid-item .collection-grid-item__image-wrapper img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-height: none; height: 100%; width: 100%; } .carousel_section_content .collection-list__slider:after { content: 'flickity'; display: none; } @media screen and (min-width: 1200px) { .slider_custom_arrows.desktopHide { opacity:0; visibility:hidden; } .collection-list-section .collection-list__slider:not(.flickity-enabled) .grid.grid--uniform .collection-list__slide { height:auto; } .collection-list-section .collection-list__slider:not(.flickity-enabled) .collection-grid-item { height:100%; } .collection-list-section .image_style_background .collection-list__slider:not(.flickity-enabled) .collection-list__slide { height: 280px; } .carousel_section_content .collection-list__slider:after { content: ""; } } /* Featured blog */ .featured-blog__slider { margin-bottom: 50px; } .featured-blog__slider.disabled_desktop_slider:after { content: 'flickity'; display: none; } @media screen and (min-width: 750px) { .featured-blog__slider.disabled_desktop_slider { display: flex; flex-wrap: wrap; } .featured-blog__slider.disabled_desktop_slider:after { content: ''; } } .featured-blog__slider .article_block { height: 100%; } .article_block { border-radius: 10px; overflow: hidden; background: var(--white-color); } .article_block .article_block_info { padding: 40px 45px; position: relative; } @media screen and (max-width: 1650px) { .article_block .article_block_info { padding: 30px 20px; } } .article_block .article_block_info .article__author { position: absolute; top: -35px; right: 25px; z-index: 2; } .article_block .article_block_info .article__author img { display: block; width: 65px; height: 65px; border-radius: 50%; overflow: hidden; border: 5px solid var(--white-color); } .article_block .article_block_info .article__author.text_name { top: 0; right: 0; width:100%; margin-bottom:5px; font-size: calc(var(--font-size-base) * 1px - 3px); position: relative; opacity: 0.6; } .article_block .article_block_info .article__grid-meta { display: flex; align-items: center; opacity: 0.6; margin-top:5px; font-size: calc(var(--font-size-base) * 1px - 3px); } .article_block .article_block_info .article__grid-meta .article__date + .article__comment_info { position: relative; } .article_block .article_block_info .article__grid-meta .article__date + .article__comment_info:before { content: "|"; display: inline-block; padding: 0 15px; } @media screen and (max-width:1650px) { .article_block .article_block_info .article__grid-meta .article__date + .article__comment_info:before { padding:0 7px; } } .article_block .article_block_info .article__title a:hover { color: var(--color-btn-primary); } [data-section-type="featured-blog"] .section-header { position: relative; } [data-section-type="featured-blog"] .section-header .slider_custom_arrows { position: absolute; bottom: 0; right: 0; display: flex; align-items: center; } @media screen and (min-width: 750px) { [data-section-type="featured-blog"] .section-header.disabled_desktop_slider .slider_custom_arrows { display: none; } } [data-section-type="featured-blog"] a.btn:not(.btn--circle-arrow) { min-width: 270px; } .featured-blog__slide { padding: 0 6px; } .rendered .flickity-slider .featured-blog__slide { height: 100%; } .rendered .flickity-slider .featured-blog__slide .article_block { height: 100%; } @media screen and (min-width: 750px) and (max-width: 1199px) { .featured-blog__slider .flickity-slider .grid__item { width: 33.33%; } .article_block .article_block_info { padding: 40px 11px 25px; } .article_block .article_block_info .article__grid-meta { flex-direction: column; align-items: flex-start; } .article_block .article_block_info .article__grid-meta .article__date { width: 100%; } .article_block .article_block_info .article__grid-meta .article__comment_info { width: 100%; } .article_block .article_block_info .article__grid-meta .article__comment_info:before { display: none !important; } } @media screen and (max-width:749px) { [data-section-type="featured-blog"] .section-header .slider_custom_arrows { position: relative; } .featured-blog__slider .grid__item { padding: 0; width: 85%; margin-right: 11px; } .article_block .article_block_info { padding: 35px 20px 25px; } .article__grid-meta { flex-direction: column; align-items: flex-start; } .article__grid-meta .article__date { width: 100%; } .article__grid-meta .article__comment_info { width: 100%; } .article__grid-meta .article__comment_info:before { display: none !important; } .featured-blog__slide { width: 100%; } } /* Rich text */ .rich-text { position: relative; width: 100%; padding: 55px 0; } .rich-text .section_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .rich-text .page-width-small { position: relative; z-index: 1; } .rich-text .rich-text-wrapper { margin: 0 auto; text-align: center; } .rich-text .rich-text-wrapper .section-header { margin:0; } .rich-text .rte_icon { max-width: 100px; width:100%; margin: 0 auto 10px; text-align: center; } .rich-text .rte_icon img { height: auto; } @media screen and (min-width: 750px) and (max-width: 1199px) { .rich-text .rich-text-wrapper { max-width: 100% !important; } } @media screen and (max-width:749px) { .rich-text .rich-text-wrapper { max-width: 100% !important; } } /* Featured blocks */ [data-section-type="featured-blocks"] .featured-block-image-container { position: relative; width: 100%; border-radius: 20px; overflow: hidden; } [data-section-type="featured-blocks"] .featured-block-image-container:after { content: ""; display: block; padding-bottom: 100%; } [data-section-type="featured-blocks"] .featured-block-image { width: 100%; display: block; max-width: 100%; margin: 0 auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; height: 100%; border: 0; } [data-section-type="featured-blocks"] .featured-block { padding-left: 11px; margin-bottom: 11px; } [data-section-type="featured-blocks"] .featured-block .featured-block-wrapper { display: flex; flex-direction: column; background: var(--white-color); border-radius: 20px; overflow: hidden; height:100%; position: relative; } [data-section-type="featured-blocks"] .featured-block .featured-block-wrapper .featured-block_link { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } [data-section-type="featured-blocks"] .featured-block.layout_mosaic:nth-child(even) .featured-block-wrapper { flex-direction: column-reverse; } [data-section-type="featured-blocks"] .featured-block .featured-block-content-wrapper { position: relative; } [data-section-type="featured-blocks"] .featured-block .featured-block-content-wrapper .featured-block-content { width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px; } [data-section-type="featured-blocks"] .featured-blocks-wrapper { display: flex; flex-wrap: wrap; margin-left: -11px; } [data-section-type="featured-blocks"] .featured-blocks-wrapper.mobile_carousel .featured-block { display: inline-block; } [data-section-type="featured-blocks"] .featured-blocks-wrapper.mobile_carousel .featured-block .featured-block-content-wrapper { white-space: normal; } @media screen and (max-width: 1199px) { [data-section-type="featured-blocks"] .featured-block .featured-block-content-wrapper .featured-block-content { padding: 30px; } } @media only screen and (max-width: 989px) { [data-section-type="featured-blocks"] .featured-blocks-wrapper.mobile_carousel { white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding-bottom: 30px; margin-bottom: -30px; flex-wrap: nowrap; } [data-section-type="featured-blocks"] .featured-blocks-wrapper.mobile_carousel .featured-block { width: 48%; min-width: 48%; } [data-section-type="featured-blocks"] .featured-blocks-wrapper.mobile_carousel .featured-block:first-child { margin-left: 26%; } } @media only screen and (max-width: 749px) { [data-section-type="featured-blocks"] .featured-blocks-wrapper.mobile_carousel .featured-block { width: 62%; min-width: 62%; } [data-section-type="featured-blocks"] .featured-blocks-wrapper.mobile_carousel .featured-block:first-child { margin-left: 19%; } [data-section-type="featured-blocks"] .featured-blocks-wrapper:not(.mobile_carousel) .featured-block .featured-block-wrapper { flex-direction: column; } [data-section-type="featured-blocks"] .featured-blocks-wrapper.mobile_carousel .featured-block { min-width: 85%; width: 85%; } [data-section-type="featured-blocks"] .featured-blocks-wrapper.mobile_carousel .featured-block:first-child { margin: 0; } } @media only screen and (max-width: 989px) and (min-width: 750px) { [data-section-type=featured-blocks] .featured-blocks-wrapper .featured-block { width: 50%; } } .featured-block.layout_grid.image_style_circle .featured-block-image-container { max-width: 50% !important; margin: 0 auto; border-radius: 50%; margin-top: 40px; } .featured-block.layout_grid.image_style_background .featured-block-wrapper { position: relative; height: 600px; } @media screen and (max-width: 1650px) { .featured-block.layout_grid.image_style_background .featured-block-wrapper { height: 500px; } } @media screen and (max-width: 749px) { .featured-block.layout_grid.image_style_background .featured-block-wrapper { height: 400px; } } .featured-block.layout_grid.image_style_background .featured-block-wrapper .featured-block-image-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; } .featured-block.layout_grid.image_style_background .featured-block-wrapper .featured-block-content-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; height: 50%; top: auto; color: var(--white-color); } .featured-block.layout_grid.image_style_background .featured-block-wrapper .featured-block-content-wrapper h4, .featured-block.layout_grid.image_style_background .featured-block-wrapper .featured-block-content-wrapper p { color: inherit; } /* Search Form */ .search-form .input-group__field .search-form__input { background: transparent; border-radius: 20px; padding-left: 50px; } .search-form .input-group__field ::-webkit-input-placeholder { color: inherit; } .search-form .input-group__field ::-moz-placeholder { color: inherit; } .search-form .input-group__field :-ms-input-placeholder { color: inherit; } .search-form .input-group__field :-moz-placeholder { color: inherit; } .search-form .search-form__connected-submit { position: relative; display: flex; width: 50%; margin-top: 30px; } .search-form .search-form__connected-submit * { color: inherit !important; } .search-form__select { margin-top: 20px; } .advanced-search-wrapper .search-form__input, .advanced-search-wrapper .search-form__select { font-size: calc(var(--font-size-base) * 1px - 2px); } .search-form__select { min-height: 46px; width: 100%; border-radius: 20px; width: 100%; border: 1px solid var(--color-border-form); padding: 10px 18px; } .advanced-search-wrapper .search-form__select { background-image: var(--svg-select-white-icon); } @media screen and (min-width: 990px) { .advanced-search-wrapper.full_width .search-form { display: flex; align-items: center; } .advanced-search-wrapper.full_width .search-form .search-form__connected-submit { margin: 0 0 0 15px; max-width: 300px; padding: 10px 20px; } .advanced-search-wrapper.full_width .search-form .search-form__input-wrapper { display: flex; align-items: center; } .advanced-search-wrapper.full_width .search-form .search-form__input-wrapper .search-form__select { margin: 0 0 0 15px; } } @media screen and (max-width:749px) { .advanced-search-wrapper .search-form .search-form__connected-submit { width: 100%; } } /* Newsletter */ .index-newsletter { position: relative; width: 100%; } .index-newsletter .section_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .index-newsletter .newsletter-section { position: relative; z-index: 1; } .index-newsletter .newsletter-section .contact-form { max-width: 570px; margin: 0 auto; } .index-newsletter .newsletter-section .contact-form [type="submit"] { min-width: 270px; } .index-newsletter .input-group__btn-wrapper { display: flex; align-items: center; justify-content: center; width: 100%; } .index-newsletter .input-group__btn-wrapper .btn { max-width: 225px; width: 100%; } .newsletter-section label { width:100%; } /* Timeline */ [data-section-type="timeline"] .timeline_wrapper { display: flex; } [data-section-type="timeline"] .timeline_wrapper .timeline_nav { max-width: 180px; width: 100%; padding: 0 30px 0 75px; } [data-section-type="timeline"] .timeline_wrapper .timeline_nav .timeline_nav_item { padding: 4px 9px; border-radius: 20px; text-align: center; border: 1px solid var(--white-color); position: relative; width: 100%; line-height: normal; margin-bottom: 75px; cursor: pointer; } [data-section-type="timeline"] .timeline_wrapper .timeline_nav .timeline_nav_item:last-child { margin-bottom:0; } [data-section-type="timeline"] .timeline_wrapper .timeline_nav .timeline_nav_item:before { width: 1px; height: 75px; background: var(--white-color); display: inline-block; content: ""; position: absolute; left: 17px; bottom: 100%; } [data-section-type="timeline"] .timeline_wrapper .timeline_nav .timeline_nav_item:first-child:before { display: none; } [data-section-type="timeline"] .timeline_wrapper .timeline_nav .timeline_nav_item.active { background: var(--white-color); color: #000 !important; pointer-events: none; } [data-section-type="timeline"] .timeline_wrapper .timeline_blocks { width: 100%; max-width: calc(100% - 180px); overflow: auto; } [data-section-type="timeline"] .timeline_wrapper .timeline_blocks .timeline_block { display: none; } [data-section-type="timeline"] .timeline_wrapper .timeline_blocks .timeline_block.active { display: block; } .timeline_blocks { padding-right: 20px; } .timeline_blocks::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: var(--color-body); border-radius: 10px; } .timeline_blocks::-webkit-scrollbar { width: 8px; background-color: var(--color-body); border-radius: 10px; } .timeline_blocks::-webkit-scrollbar-thumb { background-color: #8d8d8d; border-radius: 10px; } .bg_image_with_custom_content [data-section-type="timeline"] .section_content .content_side_left .section_content__wrapper .section_main_content { padding-right: 50px; } [data-section-type="timeline"] .section_content { padding-bottom:50px; } @media screen and (max-width:749px) { [data-section-type="timeline"] .timeline_wrapper .timeline_nav { max-width: 100px; padding: 0 30px 0 0; } [data-section-type="timeline"] .timeline_wrapper .timeline_nav .timeline_nav_item { font-size: calc(var(--font-size-base) * 1px - 2px); margin-bottom: 55px; } [data-section-type="timeline"] .timeline_wrapper .timeline_nav .timeline_nav_item:before { height: 55px; } [data-section-type="timeline"] .timeline_wrapper .timeline_blocks { max-width: calc(100% - 100px); height:auto !important; max-height:450px; } } /* Image with text */ .page-width-full { width: 100%; clear: both; display: block; } .feature-row__image-wrapper { border-radius: 20px; overflow: hidden; } .page-width-full .feature-row__item.layout_left .feature-row__image-wrapper { border-top-left-radius: 0; border-bottom-left-radius: 0; } .page-width-full .feature-row__item.layout_right .feature-row__image-wrapper { border-top-right-radius: 0; border-bottom-right-radius: 0; } .feature-row__text { max-width: calc(1280px / 2); margin: 0 auto; } .feature-row__text.feature-row__text--left { margin-left: 0; margin-right: auto; } .feature-row__text.feature-row__text--right { margin-right: 0; margin-left: auto; } .feature-row-section + .feature-row-section { padding-top:0 !important; margin-top: -35px; } .feature-row-section + .feature-row-section .feature-row__text { padding-top: 35px; padding-bottom: 35px; } .feature-row__text .btn { min-width: 270px; } .feature-row__image-wrapper .feature-row__image { height: auto; } @media only screen and (min-width: 750px) { .feature-row-section + .feature-row-section { margin-top: -55px; } .feature-row-section + .feature-row-section .feature-row__text { padding-top: 55px; padding-bottom: 55px; } } @media screen and (min-width: 750px) and (max-width: 1199px) { .slider_custom_arrows .btn { margin: 0 5px; } .feature-row__text--left { padding-left: 45px; } .feature-row__text--right { padding-right: 45px; } } @media screen and (max-width:749px) { .feature-row__text { padding: 20px 40px; } } .featured-row__subtext.rte p:last-child { margin-bottom:0; } /* Product */ .section-product-template + .shopify-section { padding-top:80px; } .section-product-template + .shopify-section.pdp-text-with-image-section { padding-top:40px; } .product-single__media__carousel { position: relative; width: 100%; display: block; } .product-single__media__carousel .product-single__media__slide { width: 100%; visibility: hidden; } .product-single__media__carousel .product-single__media__slide.is-selected{ visibility: visible; } .product-single__media__carousel .flickity-prev-next-button { opacity: 0; visibility: hidden; transition: all 0.3s; } .product-single__media__carousel:hover .flickity-prev-next-button:not([disabled]) { opacity: 1; visibility: visible; } .product_image__zoom .image_type { cursor: zoom-in; } .qty { display: flex; align-items: center; justify-content: space-between; border-radius: 50px; margin: 0 0 0 20px; border-radius: 4px; border: 0.8px solid #ededed; } .qty .qty_btn { height: 40px; width: 40px; min-width: 30px; background-color: #f8f8f8; cursor: pointer; display: block; } .qty_btn.disabled { color: #EBE9E9; cursor: default; } .qty .product-form__input--quantity { border: 0; text-align: center; padding: 0; max-width: 40px; height: 40px; min-height: 1px; border-radius: 0; width: 100%; font-weight: 600; font-size: 16px; background: transparent; border-left: solid 0.8px #ededed; border-right: solid 0.8px #ededed; color: var(--color-text); } .product-single__thumbnail-image {padding:0;} .product-single__thumbnail-image, .product-single__media img { height: auto; overflow: hidden; } .thumbnails-wrapper { margin-top: -56px; z-index: 1; position: relative; } .thumbnails-wrapper .product-single__thumbnails { margin-left: -11px; } .thumbnails-wrapper .product-single__thumbnails.thumbnails-grid { display: flex; flex-wrap: wrap; justify-content: center; } .thumbnails-wrapper .product-single__thumbnails.thumbnails-grid .product-single__thumbnails-block { margin-bottom: 8px; width: 48px; height: 48px; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; background-color: rgba(255, 255, 255, 0.5); display: flex; align-items: center; cursor: pointer; } .thumbnails-wrapper .product-single__thumbnails.thumbnails-grid .product-single__thumbnails-block img{ opacity: 0.4; } .thumbnails-wrapper .product-single__thumbnails-block { margin: 0 4px; display: inline-block; position: relative; float: left; } .thumbnails-wrapper .product-single__thumbnails.thumbnails-grid .product-single__thumbnails-block:nth-child(7n) { clear: both; } .product-single__meta { padding-left: 40px; } .product-single__meta .product_sku { margin: 0; } .product-single__meta .product-form { padding-bottom: 15px; } .product-single__meta .form_bg_row { background: var(--white-color); padding: 10px 0px; border-radius: 50px; margin: 0 0 10px 0; position: relative; } @media screen and (min-width: 750px){ .product-single__meta .form_bg_row .qty__error-message{ position: absolute; top: 50px; left: 0; } } .product-single__meta .form_bg_row.section_onboarding_row { margin-top: 30px; } .product-single__meta .header { font-weight: 600; font-size: 20px; margin-bottom: 0; } .product-single__meta .swatch .swatch-element { margin: 5px 0; position: relative; display: flex; align-items: center; padding: 2px; } .product-single__meta .swatch .swatch-element:not(.color) { width: 100%; } .product-single__meta .swatch .color.swatch-element { margin: 5px 24px 5px 0; } .product-single__meta .swatch .swatch-element .color-swatch-title { position: absolute; top: 100%; font-size: 12px; white-space: nowrap; text-align: center; width: 100px; left: 50%; transform: translateX(-50%); } .product-single__meta .swatch .header { margin: 0 0 10px 0; font-size: 20px; line-height: 1; font-weight: 600; } .product-single__meta .swatch .color label .swatch-bg { position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; border-radius: 50%; } .product-single__meta .swatch .color label { border-radius: 50%; overflow: hidden; position: relative; } .swatch .swatch_check_icon { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: all 0.3s; } .swatch .swatch_check_icon svg { width:13px; height:13px; color: var(--white-color); } .swatch .swatch-element.white .swatch_check_icon svg { color:#000; } .product-single__meta .swatch .tooltip { text-align: center; background: var(--color-btn-primary); color: var(--white-color); bottom: 100%; border-radius: 50px; padding: 7px 10px; display: block; position: absolute; white-space: nowrap; min-width: 100px; width: auto; max-width: none; right: 50%; left: auto; transform: translate(50%,10px); transition: transform .25s ease-out; margin-bottom: 15px; filter: alpha(opacity=0); opacity: 0; visibility: hidden; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3); z-index: 10000; box-sizing: border-box; } .product-single__meta .swatch .tooltip:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } .product-single__meta .swatch .tooltip:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid var(--color-btn-primary) 10px; bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -10px; position: absolute; width: 0; } .product-single__meta .swatch input:checked + label .swatch_check_icon { opacity: 1; visibility: visible; } .product-single__meta .swatch .swatch-element:hover .tooltip { filter: alpha(opacity=100); opacity: 1; visibility: visible; transform: translate(50%,0px); } .product-single__meta .product_quantity_info_container .qty_container { display: flex; align-items: center; justify-content: space-between; } .product-form__item--payment-button { display: flex; align-items: flex-start; padding: 0; flex-wrap: wrap; justify-content: center; } .product-form__cart-submit_wrap{ flex: 0 0 auto; width: 100%; } .product-form__item--payment-button .shopify-payment-button, .product-form__item--payment-button .product-form__cart-submit_wrap, .product-form__item--payment-button .member_only_login_btn, .product-form__item--payment-button .product-form-external-btn { width: calc(50% - 8px); } .product-form__item--payment-button .product-form-external-btn{ margin-left: 16px; } .product-form__external_buttons .product-form-external-btn:first-child{ margin-left: 0; } .product-form__item--payment-button .amazon-btn { flex-direction: column; padding: 1px 20px 9px 20px; } .product-form__item--payment-button .amazon-btn span{ font-size: 12px; line-height: 2; } @media screen and (min-width: 750px) and (max-width: 1024px){ .product-form__item--payment-button{ flex-direction: column; } .product-form__item--payment-button .shopify-payment-button, .product-form__item--payment-button .product-form-blue-btn, .product-form__item--payment-button .product-form-external-btn { width: 100%; } .product-form__item--payment-button .product-form-external-btn{ margin-left: 0; } .sticky-price-wrapper .shop-now-btn{ text-align: right; } .shop-now-btn .btn{ margin-top: 5px; margin-bottom: 5px; } .product-sticky-bar .sticky-product-info-bar{ padding: 5px 0 !important; } } .image_with_text_blocks { clear: both; width: calc(100% + 30px); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-left: -30px; margin-top: 15px; } .image_with_text_blocks .block { width: 33.33%; padding-left: 30px; text-align: center; margin-bottom: 15px; } .image_with_text_blocks .block svg { width:100%; height:100%; } .image_with_text_blocks .block svg, .image_with_text_blocks .block img { max-width: 40px; display:block; margin: 0 auto; height: 40px; object-fit: cover; } .image_with_text_blocks .block a { display: block; } .image_with_text_blocks .block .block_content p { margin-top: 5px; } .product-single.product-single--large-media .product-single__meta .product-form__controls-group .product-form__item { flex-basis: 100%; padding: 0; } .product-single.product-single--large-media .product-single__meta .product-form__item--payment-button { flex-direction: column; } .product-single.product-single--large-media .product-single__meta .product-form__item--payment-button .shopify-payment-button, .product-single.product-single--large-media .product-single__meta .product-form__item--payment-button .product-form-blue-btn { width: 100%; } .product-single.product-single--large-media .product-single__meta .image_with_text_blocks { flex-direction: column; } .product-single.product-single--large-media .product-single__meta .image_with_text_blocks .block { width: 100%; } .inventory_qty_info { padding:5px 0; margin-bottom:10px; width:100%; } .inventory_qty_info .product-form__inventory { display: flex; align-items: center; gap: 1rem; margin-left: 5px; } .product-form__inventory-icon { position:relative; } .inventory_qty_info .product-form__inventory .product-form__inventory-icon-base svg { width: 38px; height: 38px; display: flex; color: inherit; fill: currentColor; vertical-align: top; } .product-form__inventory-icon-status { border: 2px solid #ededed; bottom: -0.4rem; right: -0.4rem; position: absolute; padding: 3px; border-radius: 50%; background: currentColor; } .text-success { color: green; } .text-warning { color: orange; } .text-danger { color: red; } .product-form__inventory-icon-status svg { width:11px; height:11px; display: block; color: var(--white-color); } .product-form__inventory-text { margin:0; } .thumbnails-block_wrapper { position: relative; } .product-single__thumbnail-badge { top: 50%; right: auto; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; overflow: hidden; } .tabing { margin-top: 50px; } .tabing .nav-tabs { display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px solid var(--color-border-form); white-space: nowrap; } .tabing .nav-tabs li { margin-right: 40px; color: var(--color-border-form); border-bottom: 2px solid transparent; transition: all 0.3s; padding-bottom: 30px; font-size: 24px; font-weight: bold; padding-right: 10px; position: relative; top: 1px; } .tabing .nav-tabs li:last-child { margin-right: 0; } .tabing .nav-tabs li a { display: block; color: inherit; } .tabing .nav-tabs li.active { color: #000; border-color: var(--color-btn-primary); pointer-events: none; } .tabing .tab-content { padding-top: 50px; } .tabing .tab-content .tab-pane:not(.active) { display: none; } .product_description_accrordion { width: 100%; clear: both; } .product_description_accrordion .product_accordion__block { width: 100%; position: relative; padding: 20px 10px 20px 0; border-bottom: 1px solid var(--color-border); } .product_description_accrordion .product_accordion__block .product_accordion__heading { position: relative; cursor: pointer; display: flex; align-items: center; margin: 0; justify-content: space-between; } .product_description_accrordion .product_accordion__block .product_accordion__heading:after { content: "+"; display: inline-block; font-size: 25px; margin-left: 10px; } .product_description_accrordion .product_accordion__block .product_accordion__heading.active:after { content: "-"; } .product_description_accrordion .product_accordion__block .product_accordion__content { transition: height 0.35s ease-in-out; overflow: hidden; margin-top: 20px; } .product_description_accrordion .product_accordion__block .product_accordion__content:not(.active) { display: none; } .inventory--high { color: green; } .inventory--low { color: red; } select.single-option-selector { border: 0; border-radius: 20px; color: var(--color-text-field-text); padding: 16px 30px; font-size: 14px; background-color: var(--white-color); width: 100%; } .swatch-element.hidden { opacity: 0.1 !important; } .swatch-element:not(.color) input:checked + label { box-shadow: 0 0 0 1.5px rgba(33, 100, 255, 0.5), inset 0 0 0 1px #2164ff; color: var(--color-text); font-weight: 600; border: 0; outline: 0; } .swatch-element:not(.color) input:focus+label, .swatch-element:not(.color) input:focus-visible+label, .swatch-element:not(.color) input:focus-within+label { outline: 0 !important; } .swatch-element.color input:checked + label { border-color: #2164ff; color: var(--color-text); font-weight: 600; } .swatch-element.color input:checked + label + .color-swatch-title { font-weight: 600; } .shopify-payment-terms { width: 100%; display: block; margin-bottom: 20px; } .product-single__meta .product_sku, .product-item__vendor { opacity: 0.6; font-size: calc(var(--font-size-base) * 1px - 3px); position: relative; } .product-single__meta .product_sku { font-size: calc(var(--font-size-base) * 1px - 2px); } .back_in_stock_row { margin: 0 0 40px 0; width: 100%; clear: both; } .back_in_stock_row .h5, .back_in_stock_row h5 { display: block; width: 100%; text-align: left; } .back_in_stock_row .back_in_stock_custom_form { display: flex; } .back_in_stock_row .input-group__field { background-color: var(--color-body); border: 1px solid var(--color-blankstate-background); border-radius: 50px; margin: 0; flex-basis: auto; } .back_in_stock_row .input-group__btn-wrapper { margin: 0 0 0 10px; } .back_in_stock_row .input-group__btn-wrapper button.btn { border-radius: 50%; width: 49px; height: 49px; padding: 0; justify-content: center; align-items: center; } .back_in_stock_row .input-group__btn-wrapper button.btn svg { margin:0; width:20px; height:20px; } .back_in_stock_response.active { margin-bottom: 10px; } .back_in_stock_response.active.success_response + .h5, .back_in_stock_response.active.success_response + h5 { display: none; } .back_in_stock_response.active.success_response + .h5 + .back_in_stock_custom_form, .back_in_stock_response.active.success_response + h5 + .back_in_stock_custom_form { display: none; } .back_in_stock_response .form-message--error { padding: 0; border: 0; background: transparent; line-height: 1.3; color: var(--color-body-text); font-size: calc(((var(--font-size-base) - 2) / (var(--font-size-base))) * 1em); margin-bottom: 11.66667px; } .back_in_stock_response .form-message--error .form-message__link, .back_in_stock_response .form-message--error a { color: inherit; text-decoration: none; } body.hide_prices .custom_free_text, body.hide_prices .product__policies, body.hide_prices .predictive-search-item__price, body.hide_prices .tax-note, body.hide_prices .price { display: none; } body.hide_cart_icon .header_cart_info { display: none; } body.hide_cart_buttons .product-form__item--submit, body.hide_cart_buttons .back_in_stock_row, body.hide_cart_buttons .product-single__meta .product_quantity_info_container .qty_container, body.hide_cart_buttons .product-form__controls-group, body.hide_cart_buttons .product-single__meta .quantity_block, body.hide_cart_buttons .product-card .product-item__action-list { display: none; } [aria-disabled="true"] { pointer-events: none; } .swatch_elements_wrapper { display: flex; flex-wrap: wrap; } .pre_order_text { display: block; width: 100%; clear: both; color: var(--color-sale-text); margin: 10px 0; } @media screen and (max-width: 749px) { .product-single__meta.enabled_mobile_sticky_btns .product-form .product-form__controls-group--submit { position: fixed; bottom: 0; z-index: 999; width: 100%; flex-direction: row; background: var(--white-color); border-top: 1px solid #efefef; left: 0; right: 0; margin: 0; align-items: flex-start; justify-content: space-between; padding: 16px 24px 16px; display: block; border-radius: 0; } .product-single__meta.enabled_mobile_sticky_btns .product-form .product-form__controls-group--submit .price-wrapper{ padding-bottom: 0; border-bottom: 0; margin-bottom: 10px; } .product-single__meta.enabled_mobile_sticky_btns .product-form__item--submit{ margin-bottom: 0; } /*.product-single__meta.enabled_mobile_sticky_btns .product-form .product-form__item--payment-button .shopify-payment-button, .product-single__meta.enabled_mobile_sticky_btns .product-form .product-form__item--payment-button .product-form__cart-submit { margin: 0; width: 100%; }*/ .product-single__meta.enabled_mobile_sticky_btns .product-form .product-form__item--payment-button .shopify-payment-button .shopify-payment-button__button--unbranded { padding: 12px; } .product-single__meta.enabled_mobile_sticky_btns .product-form-blue-btn{ margin-bottom: 0; font-size: 14px; font-weight: 600; padding: 12px 10px; border: 0; } .product-single__meta.enabled_mobile_sticky_btns .product-form__item--payment-button .product-form-blue-btn{ font-size: 11px; } .product-single__meta.enabled_mobile_sticky_btns .product-form .product-form__item--payment-button .product-form-blue-btn { padding: 12px; } } .price-item--sale { margin-right:10px; } .product-recommendations__inner .grid { align-items: inherit; } .product-recommendations__inner .grid .product-card { height:100%; display: flex; flex-direction: column; } .product-recommendations__inner .grid .product-card .product-item__action-list { margin-top:auto; } .product-recommendations__inner .grid .product-card .product-item__action-list + .open-quick-view--btn { margin-top:10px; } .spr-container .spr-form-input-text, .spr-container .spr-form-input-email, .spr-container .spr-form-input-textarea { font-size: 14px; padding: 15px 30px; border: 0; border-radius: 20px; color: #626262; background: #e0e0e0; display: block; width: 100%; max-width: 100%; line-height: 1.2; } .spr-container .spr-form-label { font-size: calc(var(--font-size-base) * 1px); font-family: var(--font-stack-body); font-style: var(--font-style-body); font-weight: var(--font-weight-body); color: var(--color-text); line-height: 1.5; } .spr-container .spr-form-title { font-size:18px; } .spr-container .spr-button { min-width:270px; } /** * -------------------------------------------------------------------- * NAV BAR (this one is the inline navigation used on desktop) * -------------------------------------------------------------------- */ .nav-bar__item { position: relative; display: inline-block; /*margin-right: 30px; padding: 20px 15px;*/ } .navigation_wrapper > ul > li > .nav-bar__link { flex: 1; } .nav-bar__item:last-child { margin-right: 0; } .nav-bar__item--static { position: static; } .nav-bar__item > .nav-dropdown { min-width: calc(100% + 100px); } .nav-bar__link { display: flex; align-items: center; cursor: pointer; color: var(--header_color_text); position: relative; padding: 15px 8px; } .nav-bar__link span{ flex: 1; } .nav-bar__link .icon--arrow-bottom { width: 12px; height: 8px; margin-left: 5px; } .nav-bar__link .icon--nav-triangle { opacity: 0; position: absolute; bottom: -1px; width: 20px; height: 9px; margin-left: -16px; z-index: 2; transition: 0.2s ease-in-out; } .nav-bar__link[aria-expanded="true"] { color: var(--color-btn-primary); } .nav-bar__link[aria-expanded="true"] .icon--nav-triangle { opacity: 1; } .nav-bar__linklist .nav-bar__item.item-has-mega-menu .nav-dropdown__link { color: inherit; } .mega-menu { background: var(--header_megamenu_bg); } .nav-dropdown__link { text-align: left; } /** * -------------------------------------------------------------------- * DROPDOWN MENU * -------------------------------------------------------------------- */ .nav-dropdown { position: absolute; /*top: calc(100% + 20px);*/ top: 100%; list-style: none; z-index:0; pointer-events:none; white-space: nowrap; transition: all 0.5s cubic-bezier(0,1,0.5,1); } .nav-dropdown ul{ padding: 14px 0; } .nav-dropdown.categories-nav-dropdown { display:none; } .nav-dropdown--floating { margin-top: 7px; border: none; border-radius: 3px; } .nav-dropdown--floating::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.1), 5px 0 5px -2px rgba(0, 0, 0, 0.1), 0 -5px 5px -2px rgba(0, 0, 0, 0.1); z-index: -1; } .nav-dropdown--glued:not(.nav-dropdown--inverse) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .nav-dropdown--glued.nav-dropdown--inverse { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .nav-dropdown--restrict { max-height: 0; overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; } .visible.nav-bar__item .nav-dropdown--restrict { max-height: calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 40px); border: 1px solid var(--color-border); border-radius: 8px; box-shadow: 0 16px 30px -12px rgb(0 0 0 / 14%), 0 -6px 16px -5px rgb(0 0 0 / 5%); background: var(--header_nav_2_bg); color: var(--header_nav_2_color_text); overflow: unset; } .nav-bar .nav-dropdown .nav-dropdown { max-height: calc(100vh - var(--distance-to-top, 0px) - 40px); overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; } .nav-dropdown[aria-hidden="false"] { visibility: visible; opacity: 1; display: block; } .nav-dropdown .icon--nav-triangle-borderless { position: absolute; bottom: 100%; left: 16px; width: 20px; height: 9px; z-index: 1; } .nav-dropdown .icon--nav-triangle-left { position: absolute; top: 23px; right: 100%; height: 20px; width: 9px; z-index: 1; } .nav-dropdown__item:not(.has-mega-menu) { position: relative; } .has-mega-menu, .item-has-mega-menu { position: relative; } .has-mega-menu.visible > .mega-menu, .has-mega-menu.visible > .nav-dropdown, .item-has-mega-menu.visible > .mega-menu, .item-has-mega-menu.visible > .nav-dropdown { opacity: 1; pointer-events:all; z-index:11; visibility: visible; display: block; } .item-has-mega-menu.mega_menu_main_parent { z-index: 5; position: static; } li.nav-dropdown__item .nav-dropdown__link { padding: 11px 20px 11px 24px; font-weight: 500; } .nav-dropdown__link { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .nav-dropdown__link:hover{ color: var(--header_nav_2_color_text_hover) !important; background-color: #f8faff; } .nav-dropdown__link svg { position: relative; width: 8px; height: 12px; min-width:8px; top: 1px; margin-left: auto; } .nav-dropdown__link span { padding-right:3px; } .nav-dropdown__link[aria-expanded="true"] { color: var(--color-btn-primary); } .nav-dropdown .nav-dropdown { left: 100%; top: -17px; margin-top: 0; min-width: 0; border-radius: 3px; } .nav-dropdown--inverse .nav-dropdown { right: 100%; left: auto; border-radius: 3px 0 0 3px; } .nav-dropdown--inverse .nav-dropdown .icon--nav-triangle-left { right: auto; left: 100%; -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } .nav-dropdown .nav-dropdown--floating { top: -16px; border-left: 1px solid var(--color-border); } .categories_menu .first_lvl.nav-dropdown { min-width:1px; width: 185px; } .categories_menu .second_lvl.nav-dropdown { left: 100%; } .nav-bar__item .nav-dropdown .nav-dropdown { width:100%; left: 100%; transform: none; display: none; box-shadow: 0 16px 30px -12px rgb(0 0 0 / 14%), 0 -6px 16px -5px rgb(0 0 0 / 5%); background: var(--header_nav_2_bg); color: var(--header_nav_2_color_text); } .nav-bar__item .nav-dropdown .nav-dropdown.right_side { width:100%; left:auto; right: calc(100% + 10px); } .nav-dropdown__item.visible .nav-dropdown{ display: block; } .item-has-mega-menu:hover > .nav-dropdown, .item-has-mega-menu:focus-within > .nav-dropdown { opacity: 1; visibility: visible; z-index:11; pointer-events:all; display: block; } .has-mega-menu:hover > .nav-dropdown, .has-mega-menu:focus-within > .nav-dropdown { opacity: 1; visibility: visible; z-index:11; pointer-events:all; display: block; } .has-mega-menu.visible > .nav-dropdown__link span, .item-has-mega-menu.visible > .nav-dropdown__link span { transition: all 0.15s ease-out; } .has-mega-menu.visible > .nav-dropdown__link span:before, .item-has-mega-menu.visible > .nav-dropdown__link span:before { visibility: visible; transform: scaleX(1); } /** * -------------------------------------------------------------------- * MEGA MENU * -------------------------------------------------------------------- */ .mega-menu { position: absolute; width: 100%; left: 0; top: 100%; background: var(--white-color); transition: all 0.3s cubic-bezier(0.25,0.1,0.25,1); z-index: 11; } .mega-menu .mega-menu-wrapper{ border-radius: 0px; border-top: 1px solid var(--color-border); } .mega-menu--floating { max-width: 0; } .mega-menu[aria-hidden="false"] { visibility: visible; opacity: 1; } .mega-menu__inner { /*display: flex; justify-content: space-between; align-items: flex-start;*/ padding: 40px 0 50px; max-height: 100%; min-height: 100%; overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: none; position: relative; } .mega-menu__inner .close-mega-menu{ position: absolute; top: 10px; right: 0; cursor: pointer; } .mega-menu__inner .close-mega-menu svg{ width: 24px; height: 24px; display: block; color: var(--color-text) !important; } .mega-menu__inner--center { justify-content: center; } .mega-menu__inner--center .mega_menu_columns__wrapper { justify-content: center; } .mega-menu__promo { display: block; flex: 0 1 230px; width: 230px; min-width: 200px; margin: 0 0 30px 10px; white-space: normal; text-align: center; } .mega-menu__promo + .mega-menu__promo { margin-left: 20px; } .mega-menu__column-list { display: flex; flex: 1 1 auto; flex-wrap: wrap; margin: 0 -40px; min-width: 0; } @supports (display: grid) { .mega-menu__column-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); } } .mega-menu__column { display: block; flex: 0 1 auto; margin: 0 30px 30px 30px; } .mega-menu:not(.mega-menu--floating) .mega-menu__column:first-child { margin-left: 0 !important; } .mega-menu:not(.mega-menu--floating) .mega-menu__column:last-child { margin-right: 0 !important; } .mega-menu__title { display: block; margin-bottom: 20px; font-weight: bold; } .mega-menu__linklist { list-style: none; } .mega-menu__link { display: block; padding: 5px 0 6px 0; line-height: 1.4; } .mega-menu__image-wrapper { margin: 5px 0 22px 0; border-radius: 3px; overflow: hidden; } .mega-menu__promo .aspect-ratio { -webkit-transform: scale(1.01); transform: scale(1.01); transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } .mega-menu__promo:hover .mega-menu__image-heading { color: var(--color-btn-primary); } .mega-menu__image-heading { display: block; margin-bottom: 7px; transition: color 0.2s ease-in-out; } .mega-menu__image-text { line-height: 1.5; } nav .mega-menu { /*max-height: 0;*/ max-height: calc(100vh - var(--header-height, 0px) - var(--header-offset, 0px) - var(--announcement-bar-height, 0px) - 100px); /* opacity: 0; visibility: hidden; transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; */ overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; pointer-events: none; display: none; } nav .mega-menu.mega_menu_product_cards{ height: 634px; } nav .visible .mega-menu{ /* max-height: calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 40px); */ /* opacity: 1; visibility: visible; */ z-index: 5; display: block; } .mega_menu_columns__wrapper { display: flex; flex-wrap: wrap; width: 100%; } .mega_menu_columns__wrapper .mega-menu__column { max-width:calc(100% / 4 - 50px); width:100%; } .mega-menu__inner.mega-menu__inner--left .mega_menu_columns__wrapper .mega-menu__column { margin-left:0; margin-right:50px; } @media screen and (max-width:989px) { .mega-menu__inner--large .mega_menu_columns__wrapper .mega-menu__column { max-width:calc(100% / 4 - 50px); } } @media screen and (min-width: 1280px) { .mega_menu_columns__wrapper .mega-menu__column { max-width:calc(100% / 4 - 60px); } .mega-menu__inner--large .mega_menu_columns__wrapper .mega-menu__column { max-width:calc(100% / 6 - 60px); } .mega-menu__inner.mega-menu__inner--left .mega_menu_columns__wrapper .mega-menu__column { margin-right:60px; } .mega-menu__column { margin-left: 40px; margin-right: 40px; } .mega-menu__inner--large .mega-menu__column { margin-left: 50px; margin-right: 50px; } .mega-menu__promo { min-width: 290px; flex-basis: 290px; width: 290px; } } @media screen and (min-width: 1440px) { .mega-menu__inner--center .mega-menu__column { margin-left: 45px; margin-right: 45px; } .mega-menu__inner--large .mega-menu__column { margin-left: 60px; margin-right: 60px; } .mega-menu__promo { min-width: 240px; } } .mega-menu--floating { width: 100vw; height: 100%; left: 100%; top: 0; border: none; border-radius: 0 3px 3px 0; border-left: 1px solid var(--color-border); } .mega-menu--floating::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.1), 5px 0 5px -2px rgba(0, 0, 0, 0.1), 0 -5px 5px -2px rgba(0, 0, 0, 0.1); z-index: -1; } .mega-menu--floating .mega-menu__inner { margin: 0; padding-right: 30px; padding-left: 25px; } .mega-menu--floating .mega-menu__title { margin-bottom: 5px; } .mega-menu--floating .mega-menu__column { display: block; flex: 0 0 170px; margin-right: 30px; margin-left: 30px; white-space: normal; } .mega-menu--floating .mega-menu__column-list { margin: 0 -30px; } .aspect-ratio img, .aspect-ratio video { position: absolute; height: 100%; width: 100%; max-width: 100%; max-height: 100%; top: 0; left: 0; } .main-content { padding: 0; } .template-collection .main-content-spacing, .template-product .main-content-spacing{ padding-top: 0; } /* Custom page header */ .custom_page_header_section { width: 100%; position: relative; min-height: 400px; display: flex; align-items: center; padding-top: calc(var(--header-height) + 50px); padding-bottom: 50px; margin-bottom: 15px; } body.no-overlap-header .custom_page_header_section { padding-top:50px; } .custom_page_header_section img { height: 100%; position: absolute; top: 0; left: 0; width: 100%; right: 0; bottom: 0; } .custom_page_header_section .page-width { position: relative; z-index: 1; text-align: left; width: 100%; color: var(--white-color); } .custom_page_header_section .page-width .breadcrumbs { color: inherit; } .custom_page_header_section .page-width .breadcrumbs__link { color: inherit; text-decoration: none; } .custom_page_header_section.breadcrumbs_without_margin .breadcrumbs { margin-bottom:0; } @media screen and (min-width:750px) { .custom_page_header_section .page-width .page_header_heading { margin-bottom: 0px; font-size: 48px; line-height: 1.16; max-width: 450px; margin-left: 5%; } } .custom_page_header_section img { object-fit: cover; } .custom_page_header_section .article-page { padding-bottom:0; } .custom_page_header_section.article_custom_header_with_author_info { padding-bottom:30px; } .custom_page_header_section .article-page .article_header_meta-info .author .author_label { color:inherit; } .custom_page_header_section .article__comment-count { color:inherit; } /* Breadcrumbs */ .breadcrumbs { margin: 0 0 2em; color: var(--breadcrumbs_color); } .template-product .breadcrumbs{ padding-top: 20px; margin-bottom: 0; } .breadcrumbs__list { list-style-type: none; margin: 0; padding: 0; } .breadcrumbs__item { display: inline-block; color: #757575; font-weight: 500; } .breadcrumbs__item + .breadcrumbs__item { margin-left: .2em; } .breadcrumbs__item a { color: inherit; } .breadcrumbs__item a:hover{ color: #444; } .breadcrumbs__item.current_tag__item:after { display: none !important; } .breadcrumbs__item:last-child{ color: var(--color-text); } .breadcrumbs__link[aria-current="page"] { color: inherit; text-decoration: none; } .section-header_without_image .breadcrumbs { margin: 1em 0; } @media screen and (max-width:749px) { .breadcrumbs__item { font-size: calc(var(--font-size-base) * 1px - 2px); } } /* Product Card */ .spr-badge, .shopify-product-reviews-badge { min-height: 21px; } .product-card { padding: 20px; border-radius: 8px; position: relative; background: var(--white-color); height: 100%; display: flex; flex-direction: column; transition: all 0.3s; } .product-card .product-item__action-list .btn { border: 0; margin-bottom: 0; margin-top: 0px; padding: 11px 20px; font-size: 14px; line-height: 1.3; min-height: auto; min-width: 116px; text-transform: uppercase; background-color: var(--checkout-btn-bg); color: var(--checkout-btn-color); justify-content: center; } .CollectionGrid .product-card .product-item__action-list button.btn{ background-color: #adadad; opacity: 1; } .featured_collection_cart_page .product-card .product-item__action-list .btn { padding: 7px 15px; font-size: 12px; font-weight: 600; height: 30px; width: 118px; justify-content: center; } .featured_collection_cart_page .product-card .product-item__action-list .btn.sold-out-btn{ background-color: #adadad; opacity: 1; } .featured_collection_cart_page .product-card .product-item__action-list .btn.added{ background-color: rgba(33, 100, 255, 0.8); } .rendered .product-item-block { height: 100%; } .rendered .product-item-block .product-card { display: flex; flex-direction: column; } .rendered .product-item-block .product-card .product-item__action-list { margin-top: auto; } .rendered .product-item-block .product-card { height: 100%; } .product-item-block .product-card--list-wrapper.product-card { display: none; } .product-item-block { margin-bottom: 30px; } .use_align_height .collection-grid-item__image-with-placeholder-wrapper, .use_align_height .product-card .product-card__image-with-placeholder-wrapper { height: auto !important; max-height: var(--product-image-height) !important; min-height: var(--product-image-height) !important; margin-bottom: 15px; } .use_align_height .collection-grid-item__image-with-placeholder-wrapper[data-image-loading-animation] .collection-grid-item__image-wrapper, .use_align_height .product-card .product-card__image-with-placeholder-wrapper[data-image-loading-animation] .product-card__image-wrapper { height: 100%; } .use_align_height .collection-grid-item__image-with-placeholder-wrapper[data-image-loading-animation] .collection-grid-item__image-wrapper .placeholder-svg, .use_align_height .product-card .product-card__image-with-placeholder-wrapper[data-image-loading-animation] .product-card__image-wrapper .placeholder-svg { object-fit: cover; height: 100%; } .use_align_height .collection-grid-item__image-wrapper, .use_align_height .product-card .product-card__image-wrapper { max-width: 100% !important; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .use_align_height .collection-grid-item__image-wrapper div, .use_align_height .product-card .product-card__image-wrapper div { padding: 0 !important; } .use_align_height .collection-grid-item__image-wrapper img, .use_align_height .collection-grid-item__image-wrapper .placeholder-svg, .use_align_height .product-card .placeholder-svg, .use_align_height .product-card img { position: relative !important; left: 0 !important; max-height: var(--product-image-height) !important; height: auto; object-fit: contain; width: 100%; } .product-card__image-wrapper { width: 100%; margin:0 auto; display:block; } .product-hover-content { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; opacity: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; transition: opacity 0.2s ease-in; } .product-card-hover-text{ position: absolute; bottom: 0; background: rgba(0,0,0,0.5); padding: 15px 36px; font-size: 14px; color: #fff; line-height: 1.28; } .product-card-hover-text *{ color: #fff; } .use_align_height .product-card .product-card__image--alternate { position: absolute !important; top: 50%; left: 50% !important; transform: translate(-50%, -50%); right: 50%; } .product-card .product-card__image--alternate.product-card__media--alternate { object-fit: cover; height: 100%; width: 100%; } .use_image_height .product-item-block .product-card__image { object-fit: cover; height: 100%; width: 100%; display:block; } .use_image_height .product-item-block.view-mode-grid .product-card__image { margin-bottom:0px; max-width: 100% !important; width: 368px; height: 368px; object-fit: cover; margin-left: auto; margin-right: auto; border-radius: 8px 8px 0 0; } /*.use_image_height .product-item-block.view-mode-grid .product-card__image.product-card__image--alternate{ width: 100%; }*/ @media screen and (max-width: 749px){ .use_image_height .product-item-block.view-mode-grid .product-card__image { width: 268px; height: 268px; } .grid.Collection-wrapper .use_image_height .product-item-block.view-mode-grid .product-card__image{ width: 238px; height: 238px; } .product-hover-content{ display: none; } } .card-hover-shop-now-btn{ opacity: 0; visibility: hidden; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); } .card-hover-shop-now-btn:hover{ opacity: 0.8 !important; } .product-item-block.product-item-block--withAlternateImage img { transition: opacity 0.1s linear; } .grid.Collection-wrapper .product-item-block.view-mode-grid .product-card { display: flex; flex-direction: column; } .grid.Collection-wrapper .product-item-block.view-mode-grid .product-card form.product-item__action-list { margin-top: auto; } .product-item__price_and_reviews_row { display: flex; align-items: center; justify-content: space-between; margin: auto 0 8px 0; flex-wrap: wrap; } .product-item__price_and_reviews_row .price { font-weight:bold; margin-bottom: 0; } .product-item__price_and_reviews_row .product-item__reviews-badge { margin-bottom: 5px; width: 100%; display: block; } .product-item__price_and_reviews_row .spr-badge-caption { display: none; } .product-item__swatches { position: absolute; display: flex; right: 20px; top: 20px; } .product-item__swatches .color-swatch-list { display: flex; flex-direction: column; align-items: center; justify-content: center; } .product-item__swatches .color-swatch { position: relative; display: inline-block; margin: 6px; vertical-align: middle; } .product-item__swatches .color-swatch__radio { position: absolute; height: 0; width: 0; opacity: 0; } .product-item__swatches .color-swatch__item { position: relative; display: block; width: 18px; height: 18px; cursor: pointer; background-position:center; background-repeat:no-repeat; background-size: contain; border-radius: 50%; } .product-item__swatches .color-swatch__item:after { position: absolute; content: ''; width: calc(100% + 10px); height: calc(100% + 10px); top: -5px; left: -5px; border-radius: 50%; border: 2px solid #eee; } .product-item__swatches .color-swatch__radio:checked + .color-swatch__item:after { border-color: var(--color-btn-primary); } .product-item__swatches .color-swatch__item-link { display: none; position: relative; padding-left: 8px; padding-right: 8px; height: 18px; background-color: white; box-shadow: 0 0 0 1px #d4d6d8 inset; border-radius: 10px; width: auto; line-height: 18px; font-size: 12px; } .product-item__swatches .color-swatch--white .color-swatch__item { box-shadow: 0 0 0 1px var(--color-border-form) inset; } .product-item__swatches .color-swatch--view-more .color-swatch__item-link { display: block; } .product-item__swatches .color-swatch--view-more .color-swatch__item { display: none; } .product-item-block.view-mode-grid .product-item__desc { display: none; } .product-item--info { height: 100%; display: flex; flex-direction: column; } /* Product Item List */ .product-item__label-list { position: absolute; z-index: 1; top: 20px; left: 20px; } .product-item-block.view-mode-list .product-card-wrapper { display: flex; flex-direction:row; } .product-item-block.view-mode-list .product-item__label-list { position: absolute; z-index: 2; top: 20px; left: 20px; } .product-item-block.view-mode-list .product-item--media { width: 30%; position: relative; } .use_align_height .product-item-block.view-mode-list .product-item--media .list-view-item__image { max-width: 100%; width: 100%; display: block; margin: 0 auto; } .product-item-block.view-mode-list .product-item--media .list-view-item__image-wrapper { width: 100%; margin: 0 auto; } .product-item-block.view-mode-list .product-item--media .product-item__swatches { top: 0; right: 0; } .product-item-block.view-mode-list .product-item--info { width: 70%; padding-left: 50px; } .product-item-block.view-mode-list .product-item--info .product-item__action-list .product-form__cart-submit { max-width: 400px; } .product-item-block.view-mode-list .product-item--info .open-quick-view--btn { max-width:400px; } .product-item-block.view-mode-list .product-item--info .open-quick-view--btn { margin-top:10px; } .product-item-block.view-mode-list { width: 100%; padding-right: 0; padding-top: 0; padding-bottom: 0; } .use_align_height .product-item-block.view-mode-list .product-card .product-list--media .product-card__image-with-placeholder-wrapper { top: 50%; transform: translateY(-50%); margin: 0; } @media screen and (min-width: 750px) { .product-item-block.view-mode-list .product-card--list-wrapper.product-card { display: block; } .product-item-block.view-mode-list .product-card-grid-wrapper.product-card { display: none; } } @media screen and (max-width: 749px) { .product-item-block.view-mode-list .product-card-wrapper { flex-direction: column; } .product-item-block.view-mode-list .product-item--media { width: 100%; } .product-item-block.view-mode-list .product-item--info { width: 100%; padding: 0; } .search-page-wrapper .product-item-block.view-mode-list .product-item--info { padding: 0 20px; text-align: center; } .product-item-block.view-mode-list .product-item--info .product-item__action-list .product-form__cart-submit { max-width: 100%; } } /** * -------------------------------------------------------------------- * PRODUCT LABEL * -------------------------------------------------------------------- */ .product-label { display: inline-block; padding: 5px 15px; color: var(--white-color); border-radius: 20px; font-size: 13px; line-height: 1; width: -webkit-max-content; width: -moz-max-content; width: max-content; background: var(--white-color); border: 2px solid transparent; min-width: 90px; text-align: center; } .product-label--on-sale { border-color: var(--product_label_sale_color); color: var(--product_label_sale_color); } .product-label--custom1 { color: var(--product_label_1_color); border-color: var(--product_label_1_color); } .product-label--custom2 { color: var(--product_label_2_color); border-color: var(--product_label_2_color); } .product-label--soldout { border-color: var(--product_label_sold_out_color); color: var(--product_label_sold_out_color); } .product-label + .product-label { margin-left: 5px; } /* Mosaic */ /*.mosaic_section_wrapper { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 11px; grid-row-gap: 11px; }*/ .mosaic_section_wrapper{ display: block; margin: calc(var(--column-gap) * -1)px; } .mosaic_section_wrapper:not(.use_stacked_layout) { padding: 0 11px; } @media screen and (max-width: 749px) { .mosaic_section_wrapper { display: block; } } .mosaic_section_wrapper .mosaic_block { /*grid-row: 1;*/ border-radius: 8px; overflow: hidden; position: relative; height: 300px; transition: all 0.3s; width: calc(var(--column-width) - calc(var(--column-gap))); float: left; margin: var(--column-gap); } .mosaic_section_wrapper .mosaic_block a { color: inherit; } .mosaic_section_wrapper .mosaic_block.height_1 { height: 100%; } .template-index .mosaic_section_wrapper .mosaic_block.height_1{ grid-row: 1/3; } @media screen and (min-width:750px) { .mosaic_section_wrapper .mosaic_block.height_1 { min-height:622px; } } @media screen and (max-width: 749px) { .mosaic_section_wrapper .mosaic_block { width: 100%; grid-row: auto !important; } } .mosaic_section_wrapper .mosaic_block:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; } .mosaic_section_wrapper .mosaic_block .mosaic_image { height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; max-width: 100%; transition: .6s; } .mosaic_section_wrapper .mosaic_block .mosaic_block-caption { position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 1; margin: 32px; } .mosaic_section_wrapper .mosaic_block .mosaic_block-caption.title-present{ margin: 32px 52px; } @media screen and (min-width: 750px) { .mosaic_section_wrapper .mosaic_block .mosaic_block-caption.text-left { align-items: flex-start; } .mosaic_section_wrapper .mosaic_block .mosaic_block-caption.text-right { align-items: flex-end; } .mosaic_section_wrapper .mosaic_block .mosaic_block-caption.-bottom { justify-content: flex-end; } .mosaic_section_wrapper .mosaic_block .mosaic_block-caption.-top { justify-content: flex-start; } } .mosaic_section_wrapper.use_lightbox .mosaic_block-caption, .mosaic_section_wrapper.use_lightbox .mosaic_image { cursor: zoom-in; } @media (min-width: 750px) { .-animate--zoom-in:hover .mosaic_image { transform: scale(1.2); } .-animate--zoom-out .mosaic_image { transform: scale(1.2); } .-animate--zoom-out:hover .mosaic_image { transform: scale(1); } .-animate--fade-in .mosaic_image { opacity: .64; } .-animate--fade-in:hover .mosaic_image { opacity: 1; } .-animate--fade-out .mosaic_image { opacity: 1; } .-animate--fade-out:hover .mosaic_image { opacity: .64; } .-animate--grayscale-in .mosaic_image { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .-animate--grayscale-in:hover .mosaic_image { -webkit-filter: grayscale(0); filter: grayscale(0); } .-animate--grayscale-out .mosaic_image { -webkit-filter: grayscale(0); filter: grayscale(0); } .-animate--grayscale-out:hover .mosaic_image { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .-animate--blur-in .mosaic_image, .-animate--blur-out .mosaic_image { transform: scale(1.1); } .-animate--blur-in:hover .mosaic_image { -webkit-filter: blur(10px); filter: blur(10px); } .-animate--blur-out .mosaic_image { -webkit-filter: blur(10px); filter: blur(10px); } .-animate--blur-out:hover .mosaic_image { -webkit-filter: blur(0); filter: blur(0); } } @media (max-width: 749px) { .mobile-redability .mosaic_block-caption { top: auto !important; bottom: 0 !important; transform: none !important; text-align: center !important; color: white !important; left: 0 !important; right: auto !important; padding-top: 70px !important; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); } .mobile-redability .mosaic_block-caption h3 { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } } /* Sections overlay */ .section_content__wrapper { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; } .section_content__wrapper .section_main_content { width: 50%; } .bg_image_with_custom_content { position: relative; } .bg_image_with_custom_content:not(.bg_image_with_custom_content--index-accordion) { padding: 0; min-height: 700px; margin-bottom: 35px; } @media screen and (max-width:749px) { .bg_image_with_custom_content:not(.bg_image_with_custom_content--index-accordion) { min-height: 500px; } } @media only screen and (min-width: 750px) { .bg_image_with_custom_content { margin-bottom: 55px; } } .bg_image_with_custom_content .section_content { z-index: 1; } .bg_image_with_custom_content .section_content .content_side_right .section_content__wrapper { flex-direction: row-reverse; } .bg_image_with_custom_content .section_content .content_side_right .section_content__wrapper .section_main_content { padding-left: 100px; } .bg_image_with_custom_content .section_content .content_side_left .section_content__wrapper .section_main_content { padding-right: 100px; } .bg_image_with_custom_content .section_overlay { position: absolute; top: 0; bottom: 0; width: 51%; height: 100%; background: var(--color-btn-primary-darker); opacity: 0.7; } .bg_image_with_custom_content .section_overlay.content_side_left { left: 0; right: auto; } .bg_image_with_custom_content .section_overlay.content_side_right { left: auto; right: 0; } .section_with_bg { position: relative; } .section_with_bg .section_main_content { position: relative; z-index: 1; } .section_with_bg .section_bg { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; } @media screen and (max-width: 1239px) { .section_content { padding: 80px 0; } .section_content .section_content__wrapper { align-items: center; justify-content: center; flex-wrap: wrap; } .section_content .section_content__wrapper .section_main_content { width: 100%; padding: 0 !important; } .section_overlay { width: 100% !important; left: 0 !important; right: 0 !important; } .product-single__meta { padding-left: 0; } /*.product-single__meta .product-form__item--payment-button { display: block; } .product-single__meta .product-form__item--payment-button .shopify-payment-button, .product-single__meta .product-form__item--payment-button .product-form__cart-submit { width: 100%; margin-left: 0; }*/ .custom_payment_icons{ margin-top: 10px; } } @media screen and (max-width: 749px) { .bg_image_with_custom_content .section_bg { height: 100%; } .section_content { padding: 50px 0; } .back-to-top { bottom: 15px; right: 15px; } .bg_image_with_custom_content .section_overlay { height: 100%; } .btn span + svg, .shopify-payment-button .shopify-payment-button__button--unbranded span + svg { margin-left: 30px; } .product-single__meta { padding: 0; } } /* Social sharing */ .social-sharing { display: flex; align-items: center; justify-content: center; margin-top:15px; } .social-sharing li { margin-right: 11px; } .social-sharing li:last-child { margin-right: 0; } .social-sharing .btn--share { border-radius: 50%; margin: 0; padding: 0; width: 49px; height: 49px; display: flex; align-items: center; justify-content: center; background: var(--white-color); } .social-sharing li { margin-right: 30px; } .social-sharing li:last-child { margin: 0; } .social-sharing .btn--share { width: 40px; height: 40px; background: transparent; border-radius: 0; } .social-sharing .btn--share svg { width: 27px; height: 27px; fill: #8d8d8d; transition: all 0.3s; } .social-sharing .btn--share:hover svg { fill: #000; } /* Search Page */ .Search_Section { display: flex; } .Search_Section.EmptySearch_Section { padding: 25px 0 45px; } .Search_Section #Collection { width: 100%; } .Search_Section.filters_view_mode_off_canvas_sidebar { flex-direction: column; } @media screen and (min-width: 1200px) { .Search_Section.filters_view_mode_off_canvas_sidebar .collection-sidebar { max-width: 100%; margin: 0 0 50px 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; } .Search_Section.filters_view_mode_off_canvas_sidebar .collection-sidebar .search-form { margin: 0 50px 0 0; width: 100%; max-width: 300px; } .Search_Section.filters_view_mode_off_canvas_sidebar .collection-sidebar .category-filters-area { display: flex; align-items: center; justify-content: flex-start; width: 100%; border-bottom: 2px solid var(--color-border); } .Search_Section.filters_view_mode_off_canvas_sidebar .collection-sidebar .category-filters-area .filter-form { display: flex; align-items: center; justify-content: flex-start; width: 100%; } .Search_Section.filters_view_mode_off_canvas_sidebar .collection-sidebar .category-filters-area .category-filters-area-section { padding: 0; margin-right: 90px; border: 0; } .Search_Section.filters_view_mode_off_canvas_sidebar .collection-sidebar .category-filters-area .category-filters-area-section:last-child { margin-right: 0; } .Search_Section.filters_view_mode_off_canvas_sidebar .collection-sidebar .category-filters-area .category-filters-area-section .category-filters-section-title { margin: 0; transition: all 0.3s; border-bottom: 2px solid transparent; padding: 0 0 12px 0; margin-bottom: -2px; } .Search_Section.filters_view_mode_off_canvas_sidebar .collection-sidebar .category-filters-area .category-filters-area-section .category-filters-section-title.active { border-color: var(--color-btn-primary); } .Search_Section.filters_view_mode_off_canvas_sidebar .collection-sidebar .category-filters-area .category-filters-area-section .category-filters-section-title.active svg { color: var(--color-btn-primary); } .Search_Section.filters_view_mode_off_canvas_sidebar .collection-sidebar .category-filters-area .category-filters-area-section .category-filters-area-list { position: absolute; background: var(--white-color); z-index: 2; margin-top: 15px; border: 1px solid var(--color-border); padding: 10px 15px; height: auto !important; max-height: none !important; min-width: 200px; width: auto; } .Search_Section.filters_view_mode_off_canvas_sidebar .collection-sidebar .category-filters-area .category-filters-area-section .show_more_options { display: none !important; } } .show_overlay { overflow: hidden; position: relative; } .show_overlay:after { background: #000; content: ""; display: block; position: absolute; width: 100%; left: 0; right: 0; bottom: 0; top: 0; opacity: 0.5; z-index: 999999999; } @media screen and (max-width: 749px) { .section-header-wrapper { flex-wrap: wrap; } .section-header-wrapper .filters-toolbar { width: 100%; flex-wrap: wrap; } } .search-page-wrapper { width: 100%; padding-top: 48px; } .search-page--open-sidebar-btn { margin-bottom:11px; max-width: 100%; } @media only screen and (min-width: 1200px) { .search-page--open-sidebar-btn { display: none; } } .SearchGrid.grid .list-view-items { width:100%; } /* Card Drawer */ .Cart-Drawer { position: fixed; top: 0; visibility: hidden; width: 100vw; height: 100%; max-height: none; z-index: 9999999999; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); background: var(--white-color); box-shadow: none; touch-action: manipulation; transform: translateX(100%); right: 0; left: auto; } .Cart-Drawer.show { visibility: visible; transform: translateX(0); } @media screen and (min-width: 750px) { .Cart-Drawer { width: 522px; } .Cart-Drawer .CartItem__Info{ width: 220px; } .Cart-Drawer .CartItem__Price{ flex: auto; } } .Cart-Drawer .Drawer__Header { padding: 20px 0 10px; } .Cart-Drawer .Drawer__Title { padding-right: 30px; margin: 0; font-size: 20px; line-height: 1.6; letter-spacing: normal; color: #000; } .Cart-Drawer .Drawer__Close { position: absolute; margin-left: 0; right: 30px; background: 0; padding: 0px; top: 26px; border: 0; color: #919191; } .Cart-Drawer .Drawer__Close:hover{ color: var(--color-text); } .Cart-Drawer .Drawer__Close svg { width: 20px; height: 20px; display: block; } .Cart-Drawer .Drawer__Close svg.hideDesktop{ display: none; } .Cart-Drawer .Drawer__Content { padding: 0; height: calc(max(100% - var(--header-height),100% - 73px)); max-height: calc(max(100% - var(--header-height),100% - 73px)); position: relative; display: flex; flex-direction: column; overflow: hidden; } .Cart-Drawer .Drawer__Content .Drawer__Main { flex: 1 1 auto; overflow: auto; } .Cart-Drawer .Drawer__Content .Drawer__Main { display: flex; flex-direction: column; } .Cart-Drawer .cart-drawer-container.empty_cart_buttons { margin-top:auto; } .Cart-Drawer .Drawer__Content .Drawer__Footer { padding: 5px 0 0 0; flex: none; position: relative; } .Cart-Drawer .Drawer__Content .Drawer__Footer .Cart__Checkout.btn, .fs-checkout-btn-custom, .keep_shopping__btn { width: 100% !important; justify-content: center; background-color: var(--checkout-btn-bg) !important; color: var(--checkout-btn-color) !important; height: 56px !important; font-weight: bold !important; text-transform: uppercase !important; font-size: 17px !important; } .cart__block .cart__submit { width: 100%; justify-content: center; background-color: var(--checkout-btn-bg); color: var(--checkout-btn-color); height: 56px; font-weight: bold; text-transform: uppercase; font-size: 17px; } .fs-checkout-btn-custom span{ color: var(--checkout-btn-color) !important; margin: auto !important; visibility: visible !important; font-weight: bold !important; text-transform: uppercase !important; font-size: 17px !important; width: auto !important; } .keep_shopping__btn:after{ content: unset; } .fs-checkout-btn-custom:hover, .Cart__Checkout.btn:hover, .keep_shopping__btn:hover{ opacity: 0.8 !important; background-color: var(--checkout-btn-bg) !important; color: var(--checkout-btn-color) !important; } .Cart-Drawer .Drawer__Content .Drawer__Footer .Cart__Checkout + .Cart__Checkout { margin-top: 24px; text-align: center; font-size: 16px; text-transform: uppercase; font-weight: bold; cursor: pointer; } .Cart-Drawer .Drawer__Content .Drawer__Footer .Cart__Checkout + .Cart__Checkout:hover{ opacity: 0.6; } .Cart-Drawer .Drawer__Content .Cart__ShippingNotice .Drawer__Container { border-radius: 20px; padding: 10px 15px; text-align: center; background: var(--color-body); } .Cart-Drawer .Cart__Empty { margin: 90px 0; text-align: center; } .Cart-Drawer .Cart__Empty.with_empty_cart_buttons { margin: 63px 0; } .Cart-Drawer .Cart__Empty span { width: 55px; height: 55px; border-radius: 50%; background: var(--color-body); display: flex; align-items: center; justify-content: center; margin: 0 auto 25px; } .Cart-Drawer .cart-drawer-container { padding-left: 30px; padding-right: 30px; position: relative; } .CartItemWrapper{ position: relative; } .Cart-Drawer .Drawer__Header:after, .CartItemWrapper:after, .Cart-Drawer .Drawer__Content .Drawer__Footer:before{ content: ''; position: absolute; top: 100%; left: 30px; width: calc(100% - 60px); height: 1px; background: #ebe9e9; } .CartItemWrapper:last-child:after{ content: unset; } .Cart-Drawer .Drawer__Content .Drawer__Footer:before{ width: calc(100% - 66px); top: 0; } .Cart__ShippingNotice{ margin-top: 20px; } .Cart-Drawer .cart-drawer-container .cart__block .cart_block__title { margin-bottom:10px; } .Cart-Drawer .cart-drawer-container .cart_block__content .cart-note__input { display: block; min-height: 105px; width: 100%; margin-bottom: 20px; background: var(--color-body); resize: none; border: 0; border-radius: 20px; padding: 20px 25px; font-size: 14px; } .Cart-Drawer .cart_related_products { display: flex; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding-bottom: 10px; margin-bottom: -10px; } .Cart-Drawer .cart_related_product { min-width:75%; width:75%; white-space: normal; } .Cart-Drawer .cart_related_product .cart-drawer-container { margin:0; padding-bottom:0; } .QuantitySelector { display: flex; align-items: center; justify-content: center; border-radius: 0.8px; border: solid 0.8px #ededed; } .QuantitySelector .QuantitySelector__Button { width: 33px; height: 33px; display: flex; align-items: center; justify-content: center; background: var(--color-body); border: 0; padding: 0; } .QuantitySelector .QuantitySelector__Button.Button_disabled{ color: #EBE9E9; } .QuantitySelector__CurrentQuantity { border: 0; color: var(--color-text); padding: 0; background: #fff; min-width: 1px; width: 33px; height: 33px; text-align: center; font-weight: 600; font-size: 13px; } .CartItem__Remove { position: absolute; bottom: 30px; right: 30px; text-decoration: underline; } .CartItem__Actions { display: flex; align-items: flex-end; justify-content: space-between; } .CartItem__Actions .CartItem__QuantitySelector + .CartItem__PriceList { margin-left: 45px; } .cart-drawer-ecocredits-msg__wrapper{ display: flex; align-items: center; justify-content: center; margin-top: 12px; gap: 4px} .cart-drawer-ecocredits-msg__logo{ width: 20px; height: 20px; } .cart-drawer-ecocredits-msg__text{ color: #919191; text-align: center; font-family: Manrope; font-size: 12px; font-weight: 500; line-height: normal; } .cart-drawer-ecocredits-msg__text strong { color: #000; font-weight: 700; } @media screen and (max-width:749px) { .CartItem__Actions .CartItem__QuantitySelector + .CartItem__PriceList { margin-left: 20px; } .cart-upsell-accessories-button { padding: 17px 20px; font-size: 16px; line-height: 20.8px; max-width: 350px; } } .CartItem__Actions .CartItem__PriceList { font-weight: 600; font-size: calc(var(--font-size-base) * 1px - 2px); } .CartItem__Title { margin-bottom: 9px; color: #333; font-size: 17px; line-height: 1.35; } .Drawer__Content .product-small-desc{ margin-bottom: 8px; } .cart-subtotal-row .line-items-discount{ font-size: 12px; padding: 2px 8px 2px 6px; margin-left: 8px; } .cart-subtotal-row{ padding: 14px 0 8px; display: flex; align-items: center; } .cart-subtotal__compare_price{ font-size: 12px; font-weight: 500; margin-left: 8px; line-height: 1.3; color: #757575; text-decoration: line-through!important; } .cart__block .cart-subtotal-row{ justify-content: space-between; } .cart__block .cart-subtotal-row .line-items-discount{ padding: 8px 11px; } .cart-subtotal-alter { display: flex; align-items: center; margin: 0; font-size: 20px; line-height: 1.4; } .cart-upsell-accessories-button { display: none; padding: 17px 20px; border: 1px solid #000000; border-radius: 8px; color: #000; font-size: 16px; font-weight: 500; line-height: 20.8px; text-decoration-line: underline; background-color: transparent; outline: none; margin: auto auto 20px auto; } .cart-upsell-accessories-button:focus { outline: none; } .cart-upsell-accessories-button strong { font-weight: 700; } .line-items-discount, .best-seller-label{ border-radius: 17px; background: rgba(250, 69, 0, 0.06); padding: 8px 12px 8px 12px; font-weight: bold; color: #fa4500; line-height: 1.35; } .best-seller-label{ background-color: rgba(0, 25, 191, 0.06); padding: 8px 12px 8px 12px; color: #2164ff; margin-left: 10px; } .CartItem { margin: 20px 0 0 0; padding: 0 30px 30px; width: 100%; display: flex; flex-wrap:wrap; position: relative; } .CartItem .CartItem__ImageWrapper { max-width: 100px; width: 80%; text-align: center; margin-left: -4px; } .CartItem .CartItem__ImageWrapper .CartItem__Image { max-height: 100px; height: auto; width: 100%; object-fit: contain; display: block; } .CartItem .CartItem__Info__Wrapper { width: 100%; max-width:calc(100% - 96px); padding-left: 16px; padding-top: 17px; display: flex; } .CartItem__PriceList{ padding-left: 15px; white-space: nowrap; text-align: right; } .CartItem__PriceList .CartItem__Price, .CartItem__PriceList .CartItem__OriginalPrice, .CartItem__Info .product-small-desc, .CartItem__Info .CartItem__Variant, .CartItem__Remove{ /*white-space: nowrap;*/ font-size: 14px; font-weight: 500; line-height: 1.28; color: #757575; margin-top: 8px; display: block; } .CartItem__PriceList .CartItem__Price{ font-weight: bold; color: #000; margin-top: 0px; } .cart_related_collection { background: var(--color-body); padding: 15px 0 0 0; } .cart_related_collection__heading { margin-bottom: 23px; } .cart_related_products .cart_related_product:last-child .CartItem { border-bottom:0; } .cart_related_collection .cart_related_product:last-child .CartItem { margin-bottom: 0; } .cart__error-message-wrapper { margin: 15px 0; } .Cart-Drawer .cart-drawer-container [data-cart-discount-wrapper] { padding-left:0; padding-right:0; } [data-cart-discount-wrapper] { background: var(--white-color); border-bottom: 1px solid var(--color-border-form); padding: 20px 30px; } .Cart-Drawer .Drawer__Content .Drawer__Footer > .cart-drawer-container { padding-bottom: 24px; padding-left:34px; padding-right:34px; } .cart_related_collection .CartItem { margin: 10px 0 0 0; padding: 0 15px 5px; } .cart_related_collection .CartItem .CartItem__ImageWrapper { width:auto; max-width:100%; } .cart_related_collection .CartItem .CartItem__ImageWrapper .CartItem__Image { width: 50px; height: 50px; overflow: hidden; border-radius: 50%; max-width: 100%; max-height: none; object-fit: cover; } .cart_related_collection .CartItem .CartItem__Info { max-width: calc(100% - 50px); } .cart_related_collection .CartItem .CartItem__Info .CartItem__Title { padding: 0; margin-bottom: 6px; } .CartItem__Info .CartItem__Variant { margin-bottom: 15px; white-space: unset; } .CartItem__Info .CartItem__DiscountList { margin-bottom:10px; } .CartItem__Variant + .CartItem__Meta { margin-top:10px; } .CartItem__DiscountList { font-size:12px; } .CartItem__DiscountList svg { width:12px; height:12px; } .CartItem__PriceList .unit-price { font-size:12px; margin-top:5px; } .CartItem .Price--compareAt { text-decoration: line-through; } .Cart-Drawer .cart__drawer-policy { text-align: center; margin-top: 8px; } .Cart-Drawer .cart__drawer-policy p { color: #919191; font-size: 12px; line-height: 1.36; } .Cart-Drawer .cart__drawer-policy p a { color: #919191; } /* Customer Pages */ .form-vertical .btn--full, .btn--full { width: 100%; max-width: 100%; } .link--primary { color: var(--color-btn-primary); } .form-vertical .disclosure__toggle, .form-vertical input:not([type="submit"]), .form-vertical select, .form-vertical textarea { margin-bottom: 11px; font-size: 14px; padding: 15px 30px; border: 0; border-radius: 20px; color: #626262; background: #e0e0e0; } .customer-forms-wrapper { padding: 50px 0; max-width: 380px; margin: 0 auto; font-size: calc(var(--font-size-base) * 1px - 2px); } .customer-forms-wrapper .account-breadcrumbs { margin-bottom: 45px; margin-top: 15px; } .customer-forms-wrapper .account-breadcrumbs .breadcrumbs__list { display: flex; align-items: center; justify-content: center; font-size: 14px; color: #626262; } .customer-forms-wrapper .account-breadcrumbs .breadcrumbs__list a { color: inherit; } #RecoverPassword { margin-top: 19px; display: inline-block; margin-left: auto; margin-right: auto; } .customer-forms-wrapper #RecoverPasswordForm .subtext { margin-bottom: 30px; } .customer-forms-wrapper .reset-password-buttons { display: flex; align-items: center; justify-content: space-between; margin-left: -12px; } .customer-forms-wrapper .reset-password-buttons .btn-wrap { width: 50%; padding-left: 12px; } .customer-forms-wrapper .reset-password-buttons .btn-wrap .btn { margin: 0; line-height: 1.2; min-height: 1px; height: auto; display: block; } .customer-forms-wrapper .reset-password-buttons .btn-wrap .btn#HideRecoverPasswordLink { color: inherit; border: 0; background: var(--white-color); } @media screen and (max-width:749px) { #shopify-section-header.showAlternateHeader+#PageContainer.marginTop .customer-forms-wrapper { padding-top:20px; } } .greeting_row { margin-top: 65px; } .greeting_row #customer_logout_link { color: var(--color-btn-primary); } @media screen and (max-width: 749px) { .myaccount__order-history { margin-top: 30px; } } .myaccount__order-history table { border-radius: 20px; overflow: hidden; background: var(--white-color); } .myaccount__order-history table th, .myaccount__order-history table td { padding: 15px 20px; border: 0; } @media screen and (min-width: 750px) { .myaccount__order-history table th, .myaccount__order-history table td { text-align: center; } } @media screen and (max-width: 749px) { .myaccount__order-history table th, .myaccount__order-history table td { font-size: calc(var(--font-size-base) * 1px - 2px); } } .myaccount__order-history table th a, .myaccount__order-history table td a { text-decoration: none; border: 0; } .myaccount__order-history table td { border-bottom: 1px solid var(--color-border-form); } .myaccount__order-history table thead tr th { background: #e0e0e0; text-align: center; } @media screen and (min-width: 750px) { .myaccount__order-history table tr:last-child td { border: 0; } } @media screen and (max-width: 749px) { .myaccount__order-history table tr:last-child td:last-child { border: 0; } } @media screen and (min-width: 750px) { .myaccount__order-history table td.order-table__product { text-align: left; } } .myaccount__order-history table .discount-heading { display: flex; align-items: center; } .myaccount__order-history table.order-table tbody tr:last-child td { border-bottom: 1px solid var(--color-border-form); } .return_with_icon_link { display: flex; align-items: center; } .return_with_icon_link .icon { margin-right: 5px; width: 15px; height: 15px; } .return_with_icon_link__row { margin-top: 20px; display: inline-block; } .address_buttons { display: flex; align-items: center; } .address_buttons .divider { margin: 0 10px; } .address_buttons button.address_button { border: 0; background: transparent; } .addresses-list { margin-top: 45px; border-top: 1px solid var(--color-border-form); padding-top: 50px; } @media screen and (max-width: 749px) { .addresses-list { margin-top: 25px; } } @media screen and (max-width: 749px) { .addresses-list { padding-top: 30px; } } .addresses-list > li { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid var(--color-border-form); } @media screen and (max-width: 749px) { .addresses-list > li { margin-bottom: 30px; padding-bottom: 30px; } } .address-new-toggle { line-height: 1.2; min-width: 185px; justify-content: center; } .customer-address-form { margin: 50px 0 0 0; } @media screen and (max-width: 749px) { .customer-address-form { margin-top: 30px; } } .customer-address-form .customer-address-form--header { margin-bottom: 50px; } @media screen and (max-width: 749px) { .customer-address-form .customer-address-form--header { margin-bottom: 30px; } } .customer-address-form .address_buttons { margin-top: 20px; } .customer-address-form .address_buttons .btn { margin: 0; line-height: 1.2; min-width: 190px; justify-content: center; } .customer-address-form .address_buttons .btn + .btn { margin-left: 12px; } .disclosure-list li.disclosure-list__item { padding: 10px ; margin: 0; text-align: center; } /* Faq Section */ .faq_accordion { max-width: 768px; width: 100%; margin: 0 auto; } .faq_accordion .heading_block { padding-top: 70px; border-top: 1px solid var(--color-border); margin-top: 70px; margin-bottom: 50px; text-align: center; } @media screen and (max-width: 749px) { .faq_accordion .heading_block { padding-top: 50px; margin-top: 50px; margin-bottom: 25px; } } .faq_accordion .heading_block:first-child { border: 0; margin-top: 0; padding-top: 0; } .faq_accordion .accordion__block .answer { transition: height 0.35s ease-in-out; overflow: hidden; padding-left: 35px; margin-bottom: 20px; } .faq_accordion .accordion__block .answer:not(.active) { display: none; } .faq_accordion .question { position: relative; cursor: pointer; display: flex; align-items: center; } .template-page .faq_accordion .accordion__block .answer { padding-left:0; } .template-page .answer_content { padding-left:0; } .question .icon { width:12px; min-width:12px; height:12px; margin-right:10px; } .question .icon--chevron-down, .question .icon--minus { color: var(--color-btn-primary); display:none; } .question.active .icon--chevron-down, .question.active .icon--minus { display:inline-block; } .question.active .icon-chevron-right, .question.active .icon--plus { display:none; } .main-faq-section-wrapper .custom_page_header_section + .faq-section { padding:50px 0; } /* Page 404 */ .page-404-content h1 { color: var(--color-btn-primary); text-shadow: none; margin-bottom: 30px; } .page-404-content .btn { width: 100%; justify-content: center; max-width: 225px; margin-top: 11px; font-size: 14px; padding: 13px; margin: 10px 10px 0 0; } .page-404-content .btn_wrapper { margin-top: 60px; } .page-404-content .social-sharing { justify-content: flex-start; margin-top: 50px; } .page-404-content .social-sharing li { margin-right: 11px; } .page-404-content .social-sharing .btn--share { border-radius: 50%; margin: 0; padding: 0; width: 49px; height: 49px; display: flex; align-items: center; justify-content: center; background: var(--white-color); } .page-404-content .page-404-footer { margin-top: 130px; } @media screen and (min-width:750px) { header.site-header.logo--inline .site-header__mobile-nav .site-header__icons { display: flex; align-items: center; } } @media screen and (min-width:1200px) { header.site-header.logo--inline .site-header__mobile-nav .site-header__icons .site-header__icons-wrapper .search-bar__interior { max-width:100%; } } /* Collection grid */ .collection-grid-item { background: var(--white-color); padding: 30px; border-radius: 20px; position: relative; text-align: center; } @media screen and (max-width: 749px) { .collection-grid-item { padding: 20px 15px; } } .collection-grid-item img { display: block; height: auto; margin: 0 auto; } .collection-grid-item .collections-grid-item__info { padding: 30px 20px; } @media screen and (max-width: 989px) { .collection-grid-item .collections-grid-item__info { padding: 30px 0; } } .template-list-collections .collection-grid-item.fixed_height_images .collections-grid-item__info { padding: 30px 0; } .collection-grid-item .collection-grid-item-products-count { margin-top: 10px; } .collection-grid-item .collection-grid-item__button_wrapper { margin-top: 50px; } @media screen and (max-width: 749px) { .collection-grid-item .collection-grid-item__button_wrapper { margin-top: 20px; } } .collection-grid-item .collection-grid-item__button_wrapper .btn { width: 100%; } .collection-grid-item.full_image { padding: 0; } .collection-grid-item.full_image img { border-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .collection-grid-item.full_image .collection-grid-item__info { padding: 50px 30px; } @media screen and (max-width: 1650px) { .collection-grid-item.full_image .collection-grid-item__info { padding: 30px 20px; } } .list-collections-grid.grid { align-items: inherit; } .list-collections-grid.grid .collection-grid-item { display: flex; flex-direction: column; height: 100%; } .list-collections-grid.grid .collection-grid-item .collection-grid-item__info { display: flex; flex-direction: column; height: 100%; } .list-collections-grid.grid .collection-grid-item__button_wrapper { margin-top:auto; } .list-collections-grid.grid .collection-grid-item .collection-grid-item__button_wrapper .btn { margin-top:50px; } @media screen and (max-width: 749px) { .list-collections-grid.grid .collection-grid-item .collection-grid-item__button_wrapper .btn { margin-top:20px; } } /* Blog page */ .blog_page_layout { display: flex; } @media screen and (max-width: 1199px) { .blog_page_layout { flex-direction: column-reverse; } } .blog_page_layout .blog-sidebar { max-width: 350px; width: 100%; margin-right: 95px; padding: 0 25px 20px; } @media screen and (max-width: 1650px) { .blog_page_layout .blog-sidebar { margin-right: 50px; } } @media screen and (max-width: 1199px) { .blog_page_layout .blog-sidebar { margin: 0; } } .blog_page_layout .blogs-wrapper { width: 100%; } .blog_page_layout .search-sidebar_form { margin: 0; position:relative; clear:both; } .blog_page_layout .search-sidebar_form .search-form__input { border-radius: 20px; } .blog_page_layout .search-sidebar_form .search-button__submit { color: var(--color-border-form); } .blog_page_layout .blog-sidebar__block-title { margin-bottom: 40px; } .blog_page_layout .blog-sidebar__post-list { margin: 0; } .blog_page_layout .blog-sidebar__post-list .blog-sidebar__post-item { width: 100%; display: flex; margin-bottom: 35px; } .blog_page_layout .blog-sidebar__post-list .blog-sidebar__post-item:last-child { margin: 0; } .blog_page_layout .blog-sidebar__post-list .blog-sidebar__post-item .blog-sidebar__post-image-wrapper { position: relative; display: flex; align-items: center; justify-content: center; margin-right: 20px; } .blog_page_layout .blog-sidebar__post-list .blog-sidebar__post-item .blog-sidebar__post-image-wrapper .blog-sidebar__post-placeholder, .blog_page_layout .blog-sidebar__post-list .blog-sidebar__post-item .blog-sidebar__post-image-wrapper .blog-sidebar__post-image { object-fit: cover; display: block; margin: 0 auto; border-radius: 50%; min-width: 60px; width: 60px; height: 60px; } .blog_page_layout .blog-sidebar__post-list .blog-sidebar__post-item .blog-sidebar__post-meta { display: flex; align-items: center; justify-content: space-between; font-size: 13px; } .blog_page_layout .blog-sidebar__post-list .blog-sidebar__post-item .blog-sidebar__post-meta .blog-sidebar__post-meta-item + .article__comment_info { margin-left: 20px; } .blog_page_layout .blog-sidebar__item { padding: 45px 0; border-bottom: 2px solid var(--color-border); } .blog_page_layout .blog-sidebar__item + .search-sidebar_form { margin-top:45px; } /* .blog_page_layout .blog-sidebar__categories ul li { margin-bottom: 15px; } .blog_page_layout .blog-sidebar__categories ul li:last-child { margin: 0; } */ .blog_page_layout .blog-sidebar__categories ul li a.selected { color: var(--color-text); font-weight: 600; } .blog_page_layout .article_block { margin-bottom: 10px; } .blog_page_layout .article__grid-meta { font-size: calc(var(--font-size-base) * 1px - 2px); } .blog_page_layout .article__list-excerpt { margin: 20px 0 0 0; text-align: left; font-size: calc(var(--font-size-base) * 1px - 2px); } .blog_page_layout .article__list-btn .btn { font-size: 14px; padding-top: 11px; padding-bottom: 11px; } .blog_page_layout .article__list-btn { display: none; } @media screen and (min-width: 750px) { .blog_page_layout.layout_list .article_block { display: flex; } .blog_page_layout.layout_list .article_block .article__link { width: 35%; } .blog_page_layout.layout_list .article_block .article__link img { border-radius: 10px; } .blog_page_layout.layout_list .article_block .article_block_info { width: 65%; padding-left: 60px; } .blog_page_layout.layout_list .article_block .article_block_info .article__list-excerpt, .blog_page_layout.layout_list .article_block .article_block_info .article__list-btn { margin-top:20px; display: block; } } .blog_page_layout .blogs-wrapper .grid.grid--uniform { align-items: inherit; } .blog_page_layout .blogs-wrapper .grid.grid--uniform .article_block { height:100%; } .blog_page_top_bar { display: flex; align-items: center; justify-content: flex-end; margin-bottom:30px; } .blog_page_top_bar-dropdowns-wrapper { width: 100%; display: flex; align-items: center; justify-content: flex-end; } .blog_page_top_bar-dropdown-wrapper { display: flex; align-items: center; position:relative; } .blog_page_top_bar-dropdown-wrapper + .blog_page_top_bar-dropdown-wrapper { margin-left:20px; } .blog_page_top_bar-dropdown-wrapper select { min-width: 130px; border-radius: 50px; border: 2px solid var(--color-border-form); padding: 0 30px 0 15px; font-size: calc(var(--font-size-base) * 1px - 2px); background:none; opacity:0.6; margin:0; min-height: 45px; } .blog_page_top_bar-dropdown-wrapper svg { width: 9px; height: 9px; height: 0.5em; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 0.5em; } @media screen and (max-width:749px) { .blog_page_top_bar { justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } .blog_page_top_bar-dropdowns-wrapper { margin: 0; justify-content: flex-end; display: inline-flex; width: auto; } } .blog_page_layout .blogs-wrapper { margin-bottom:30px; } [data-section-type="blog-page"] .open_mobile_sidebar { font-size: 14px; margin: 0 15px 0 0; min-width: 100px; width: auto; display:none; } .close-blog-sidebar { float: right; cursor: pointer; padding: 5px; position: relative; top: -20px; right: -20px; display:none; } @media screen and (max-width: 1199px) { [data-section-type="blog-page"] .open_mobile_sidebar { display:inline-block; } .close-blog-sidebar { display: inline-block; } .blog_page_layout .blog-sidebar { position: fixed; right: 0; top: 0; background: var(--white-color); left: auto; width: 400px; z-index: 20; margin: 0; height: 100vh; flex-direction: column; bottom: 0; justify-content: flex-start; padding: 30px; transform: translateX(400px); overflow: auto; transition: all 0.3s; } .blog_page_layout .blog-sidebar.show { transform: translateX(0); } } /* Article page */ .article-page { padding-bottom:55px; } .article-page .article_image_block { margin-bottom: 50px; } .article-page .article_image_block .article-image-container { position: relative; } .article-page .article_image_block .article-image { margin: 0 auto; width: 100%; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-radius: 20px; height: auto; } .article-page .article-image-wrapper { margin: 0 auto; } .article-page .article_header_meta-info { display: flex; align-items: flex-end; justify-content: space-between; margin-top:15px; } .article-page .article_header_meta-info .article__grid-meta { display: flex; align-items: center; } .article-page .article_header_meta-info .article__grid-meta .article__date + .article__comment_info { position: relative; } .article-page .article_header_meta-info .article__grid-meta .article__date + .article__comment_info:before { content: "|"; display: inline-block; padding: 0 15px; } .article-page .article_header_meta-info .author { display: flex; text-align: right; align-items: center; } .article-page .article_header_meta-info .author span { display: block; } .article-page .article_header_meta-info .author .article__author-image { margin-left: 20px; width: 80px; height: 80px; overflow: hidden; position: relative; border-radius: 50%; } @media screen and (max-width: 749px) { .article-page .article_header_meta-info .author .article__author-image { width: 60px; height: 60px; } } .article-page .article_header_meta-info .author .author_name { font-weight: 600; } .article-page .article_header_meta-info .author .author_label { font-size: calc(var(--font-size-base) * 1px - 2px); color: #888; } .article-page .article-content-wrapper { min-height:170px; position: relative; } .article-page .article-content-wrapper .article-social-sharing { position: absolute; top: 0; left: 100px; } @media screen and (max-width: 1199px) { .article-page .article-content-wrapper .article-social-sharing { left: 0; } } .article-page .article-content-wrapper .article-social-sharing .social-sharing { flex-direction: column; justify-content: center; } .article-page .article-content-wrapper .article-social-sharing .social-sharing li { margin: 0 0 11px 0; } .article-page .article-content-wrapper .article-social-sharing .social-sharing li:last-child { margin: 0; } .article-page .article-content-wrapper .article-social-sharing .social-sharing .btn--share { border-radius: 50%; width: 49px; height: 49px; display: flex; align-items: center; justify-content: center; padding: 0; background: #fff; } .article-page .article-content-wrapper .article-social-sharing .social-sharing .btn--share:hover { background: var(--color-btn-primary); } .article-page .article-content-wrapper .article-social-sharing .social-sharing .btn--share:hover svg { fill: var(--white-color); } @media screen and (max-width: 749px) { .article-page { padding-bottom:30px; } .article-page .article-content-wrapper .article-social-sharing .social-sharing li .btn--share { width: 40px; height: 40px; } .article-page .article-content-wrapper .article-social-sharing .social-sharing li .btn--share svg { width: 13px; height: 13px; } } .article-page:not(.show_full_rte) .article-content-wrapper .rte { padding: 0 200px; margin: 0 auto; } @media screen and (max-width: 1199px) { .article-page:not(.show_full_rte) .article-content-wrapper .rte { padding: 0 100px; } } @media screen and (max-width: 749px) { .article-page:not(.show_full_rte) .article-content-wrapper .rte { padding: 0; } } .article-page .article_tags { display: flex; align-items: center; font-size: calc(var(--font-size-base) * 1px - 2px); padding: 40px 0; } @media screen and (max-width: 749px) { .article-page .article_tags { flex-direction: column; padding: 20px 0; } } .article-page .article_tags label { margin: 0 20px 10px 0; font-weight: 600; color: #888; } @media screen and (max-width: 749px) { .article-page .article_tags label { margin-right: 0; } } .article-page .article_tags ul { display: flex; flex-wrap: wrap; align-items: center; list-style: none; margin: 0; } .article-page .article_tags ul li { margin: 0 10px 10px 0; border-radius: 20px; text-align: center; color: #888; border: 2px solid #888; padding: 5px 15px; } @media screen and (max-width: 749px) { .article-page .article_tags ul li { padding: 2px 12px; } } .article-page .article_tags ul li:last-child { margin-right: 0; } .article-page .article_tags ul li a { display: block; color: inherit; text-decoration: none; border: 0; } .article-page .article_footer_block { text-align: center; clear: both; width: 100%; } .article-page .article_footer_block .default_author_info { display:none; } .article-page .article_footer_block .author .article__author-image { position:relative; display: block; width: 80px; height: 80px; overflow: hidden; position: relative; border-radius: 50%; margin: 0 auto; } @media screen and (max-width: 749px) { .article-page .article_footer_block .author .article__author-image { width: 60px; height: 60px; } .article-page .article-content-wrapper .article-social-sharing { position: relative; left: auto; top: auto; } .article-page .article-content-wrapper .article-social-sharing .social-sharing { flex-direction: row; flex-wrap: wrap; align-items: center; } .article-page .article-content-wrapper .article-social-sharing .social-sharing li { margin:0 11px 0 0; } .article-page .article-content-wrapper .article-social-sharing .social-sharing li:last-child { margin:0; } } .article-page .article_header_meta-info .author .article__author-image img, .article-page .article_footer_block .author .article__author-image img { height: 100%; position: absolute; top: 0; left: 0; width: 100%; right: 0; bottom: 0; object-fit:cover; } .article-page .article_footer_block .author .author_info .author_name { font-weight: 600; } .article-page .article_footer_block .social-sharing { margin-top: 20px; margin-bottom:20px; } .article-page .article_footer_block .social-sharing .btn--share { background: 0; } .article-page .article_footer_block .author_info { margin-top:20px; } .article-page .article_footer_block .author_biography { margin-top:10px; } .comment-form textarea { height: 175px; resize: none; margin: 10px 0; } .comment-form .btn { max-width: 225px; width: 100%; margin-top: 10px; font-size: calc(var(--font-size-base) * 1px - 2px); } @media screen and (max-width: 749px) { .comment-form .btn { max-width: 100%; } } .comment-form .comment-reset-btn { margin-left: 10px; margin-top: 0; background: 0; } @media screen and (max-width: 749px) { .comment-form .comment-reset-btn { margin-left: 0; } } .comments .comment { display: flex; width: 100%; align-items: center; } .comments .comment .comment_logo { width: 60px; height: 60px; min-width: 60px; font-size: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #232323; color: #8d8d8d; text-transform: uppercase; margin-right: 20px; } .comments .comment .comment__meta-item { color: #888; font-size: calc(var(--font-size-base) * 1px - 2px); } .comments .comment .comment__meta-author { font-weight: 600; font-size: calc(var(--font-size-base) * 1px - 2px); } .article-page + .article_comments_wrapper > hr { margin-top:0; } /* Shop the look */ .content-btn { margin-top: 30px; min-width: 270px; } .primary_title { color: var(--color-btn-primary); } .shop-the-look-section.active_dot .static_block { opacity: 0; visibility: hidden; } @media screen and (max-width: 989px) { .shop-the-look-section.active_dot .section_block_content { padding-top: 30px; padding-bottom: 30px; } } .shop-the-look-section .product-item-block { margin: 0; padding: 0; } .shop-the-look-section .shop_the_look_product_carousel { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 100%; max-width: 500px; margin: 0 auto; opacity: 0; visibility: hidden; z-index: 0; } @media screen and (max-width: 749px) { .shop-the-look-section .shop_the_look_product_carousel { padding: 10px 0 10px 22px; } } .shop-the-look-section .shop_the_look_product_carousel.is-active { opacity: 1; visibility: visible; z-index: 2; } .shop-the-look-section .shop_the_look_product_carousel .flickity-page-dots { text-align: left; } .shop-the-look-section .shop_the_look_product { width: 100%; margin-right: 0; padding: 5px; } .shop-the-look-section .shop-the-look_overlay { width: 100%; position: absolute; height: 100%; left: 0; right: 0; top: 0; z-index: 3; bottom: 0; } .shop-the-look-section .shop-the-look_overlay.hotspot_size__small .shop_the_look_dot { width: 25px; height: 25px; } @media screen and (max-width: 749px) { .shop-the-look-section .shop-the-look_overlay.hotspot_size__small .shop_the_look_dot { width: 20px; height: 20px; } } .shop-the-look-section .shop-the-look_overlay.hotspot_size__medium .shop_the_look_dot { width: 35px; height: 35px; } @media screen and (max-width: 749px) { .shop-the-look-section .shop-the-look_overlay.hotspot_size__medium .shop_the_look_dot { width: 25px; height: 25px; } .shop-the-look-section .shop-the-look_overlay.hotspot_size__medium .shop_the_look_dot .icon { width: 14px; height: 12px; } } .shop-the-look-section .shop-the-look_overlay.hotspot_size__large .shop_the_look_dot { width: 55px; height: 55px; } @media screen and (max-width: 749px) { .shop-the-look-section .shop-the-look_overlay.hotspot_size__large .shop_the_look_dot { width: 35px; height: 35px; } } .shop-the-look-section .shop-the-look_overlay .shop_the_look_dot { position: absolute; background: var(--color-btn-primary); color: var(--white-color); border-radius: 20px; overflow: hidden; cursor: pointer; opacity: 0.7; z-index: 1; display: flex; align-items: center; justify-content: center; transition: all 0.3s; } .shop-the-look-section .shop-the-look_overlay .shop_the_look_dot .icon { width: 14px; height: 14px; } .shop-the-look-section .shop-the-look_overlay .shop_the_look_dot.is-active { transform: scale(1.3); opacity: 1; } .shop-the-look-section .content * { color: inherit; } .shop-the-look-section { display: flex; align-items: flex-start; position: relative; margin-top: 50px; } @media screen and (max-width: 989px) { .shop-the-look-section { margin-top: 0; flex-wrap: wrap; } } .shop-the-look-section .section_image_block { width: calc(50% + 100px); min-width: calc(50% + 100px); position: relative; top:-50px; border-radius: 20px; overflow: hidden; } @media screen and (max-width: 989px) { .shop-the-look-section .section_image_block { top: auto; position: relative; border-radius: 0; width: 100%; } } .shop-the-look-section .section_image_block img { width: 100%; height: auto; display: block; } .shop-the-look-section .section_image_block .section_image_block__option_text { position: absolute; bottom: 7%; left: 150px; width: 100%; } @media screen and (max-width: 989px) { .shop-the-look-section .section_image_block .section_image_block__option_text { bottom: 0; left: 22px; } } @media screen and (max-width: 749px) { .shop-the-look-section .section_image_block .section_image_block__option_text h2 { font-size: calc(((var(--font-h2-mobile))/ (var(--font-size-base))) * 1em); } } .shop-the-look-section .section_block_content { width: calc(50% + 100px); margin-left: -100px; padding: 170px 100px; position: relative; border-radius: 20px; overflow: hidden; } @media screen and (max-width: 1199px) { .shop-the-look-section .section_block_content { padding-left: 55px; padding-right:55px; } } @media screen and (max-width: 989px) { .shop-the-look-section .section_block_content { width: 100%; top:auto; margin:0; border-radius:0; padding:0 55px; } .shop-the-look-section.content_side_right .section_block_content .section_content__wrapper.empty_section_content__wrapper { padding:22px 0; } } @media screen and (max-width: 749px) { .shop-the-look-section .section_block_content { /* padding-right: 22px; padding-left: 22px; */ padding:0 22px; } } .shop-the-look-section .section_block_content .section_content_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .shop-the-look-section .section_block_content .section_content__wrapper { position: relative; z-index: 1; } .shop-the-look-section.content_side_left .section_block_content { border-top-left-radius: 0; border-bottom-left-radius: 0; } @media screen and (min-width: 1651px) { .shop-the-look-section.content_side_left .section_block_content { padding-left: calc((100% - 1170px)/ 2); } } .shop-the-look-section.content_side_left .section_image_block { border-top-right-radius: 0; border-bottom-right-radius: 0; right: 0; left: auto; } .shop-the-look-section.content_side_right { flex-direction: row; } .shop-the-look-section.content_side_right .section_block_content { border-top-right-radius: 0; border-bottom-right-radius: 0; } @media screen and (min-width: 1651px) { .shop-the-look-section.content_side_right .section_block_content { padding-right: calc((100% - 1170px)/ 2); } } .shop-the-look-section.content_side_right .section_image_block { border-top-left-radius: 0; border-bottom-left-radius: 0; left: 0; right: auto; } @media screen and (max-width: 989px) { .shop-the-look-section.content_side_left .section_block_content { border-radius:0; padding: 22px; position: relative; } .shop-the-look-section .section_block_content .section_content__wrapper:not(.empty_section_content__wrapper) { position: absolute; top: 50%; left: 0; width: 100%; padding: 0 22px; transform: translateY(-50%); } .shop-the-look-section .shop_the_look_product_carousel { position: relative; top: auto; left: auto; transform: none; padding: 0; } .shop-the-look-section .section_image_block img { width:100%; } } .shop-the-look-section .shop_the_look_product .open-quick-view--btn { margin-top:10px; } @media screen and (min-width: 990px) { body:not(.template-index) .shopify-section+.shopify-section .shop-the-look-section { margin-top:100px; } .shop-the-look-section.content_side_left { flex-direction:row-reverse; } .shop-the-look-section.content_side_left .section_block_content { margin-left:0; margin-right:-100px; } } /* Video */ .video-section { position: relative; width: 100%; } .video-section .section_bg .section_bg_image { left: auto; width: 500px; } @media screen and (max-width: 749px) { .video-section .section_bg .section_bg_image { width: 100%; } } .video-section .page-width { position: relative; z-index: 1; } .video-section .section-tabs-content .index-tabs-content_block { display: none; justify-content:center; } @media screen and (max-width: 749px) { .video-section .section-tabs-content .index-tabs-content_block { flex-direction: column; } } .video-section .section-tabs-content .index-tabs-content_block.active { display: flex; } .video-section .section-tabs-content .index-tabs-content_block .VideoWrapper { width: 100%; overflow: hidden; border-radius: 20px; position: relative; max-width: 1200px; min-height: 300px; } @media screen and (min-width: 750px) { .video-section .section-tabs-content .index-tabs-content_block .VideoWrapper.VideoContentWithoutText { min-height: 600px; } } .video-section .section-tabs-content .index-tabs-content_block .VideoWrapper .video_image_overlay { width: 100%; display: block; max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; object-fit: cover; } .video-section .section-tabs-content .index-tabs-content_block .VideoWrapper .play_video_btn { position: absolute; top: 50%; left: 50%; cursor: pointer; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; background: var(--white-color); border-radius: 50%; overflow: hidden; transform: translate(-50%, -50%); } @media screen and (max-width: 749px) { .video-section .section-tabs-content .index-tabs-content_block .VideoWrapper .play_video_btn { width: 75px; height: 75px; } } .video-section .section-tabs-content .index-tabs-content_block .VideoWrapper .play_video_btn svg { width: 40px; height: 40px; color: var(--color-btn-primary); } @media screen and (max-width: 749px) { .video-section .section-tabs-content .index-tabs-content_block .VideoWrapper .play_video_btn svg { width: 30px; height: 30px; } } .video-section .section-tabs-content .index-tabs-content_block .VideoWrapper .VideoContent { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; width: 100%; border-radius: 20px; } .video-section .section-tabs-content .index-tabs-content_block .VideoWrapper iframe, .video-section .section-tabs-content .index-tabs-content_block .VideoWrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-section .section-tabs-content .index-tabs-content_block .content_column { width: 50%; padding-right: 100px; } @media screen and (max-width: 749px) { .video-section .section-tabs-content .index-tabs-content_block .content_column { width: 100%; padding: 0 0 30px 0; } } .video-section .section-tabs-content .index-tabs-content_block .content_column + .VideoWrapper { width: 50%; } @media screen and (max-width: 749px) { .video-section .section-tabs-content .index-tabs-content_block .content_column + .VideoWrapper { width: 100%; } } .video-section .index-tabs_nav__wrapper { display: flex; align-items: center; margin-bottom: 50px; width: calc(50% - 30px); } .video-section .index-tabs_nav__wrapper.single_tab { display: none; } @media screen and (max-width: 749px) { .video-section .index-tabs_nav__wrapper { width: 100%; } } .video-section .index-tabs_nav__wrapper .index-tabs_nav { display: flex; align-items: center; width: 100%; white-space: nowrap; overflow: auto; padding-bottom: 10px; margin-bottom: -10px; } .video-section .index-tabs_nav__wrapper .index-tabs_nav .index-tabs_nav--item { margin-right: 90px; opacity: 0.5; cursor: pointer; } .video-section .index-tabs_nav__wrapper .index-tabs_nav .index-tabs_nav--item:last-child { margin-right: 0; } .video-section .index-tabs_nav__wrapper .index-tabs_nav .index-tabs_nav--item h2 { margin: 0; } .video-section .index-tabs_nav__wrapper .index-tabs_nav .index-tabs_nav--item.active { opacity: 1; pointer-events: none; } .video-section .index-tabs_nav__wrapper .index-tabs_nav { border-bottom: 2px solid var(--color-border); overflow: visible; } @media screen and (max-width: 749px) { .video-section .index-tabs_nav__wrapper .index-tabs_nav { border: 0; overflow: auto; } } .video-section .index-tabs_nav__wrapper .index-tabs_nav .index-tabs_nav--item { position: relative; } .video-section .index-tabs_nav__wrapper .index-tabs_nav .index-tabs_nav--item:after { content: ""; position: absolute; height: 4px; background: transparent; transition: all 0.3s; width: calc(100% + 20px); left: -10px; bottom: -13px; } @media screen and (max-width: 749px) { .video-section .index-tabs_nav__wrapper .index-tabs_nav .index-tabs_nav--item { margin-right:40px; } .video-section .index-tabs_nav__wrapper .index-tabs_nav .index-tabs_nav--item:last-child { margin-right:0; } .video-section .index-tabs_nav__wrapper .index-tabs_nav .index-tabs_nav--item:after { bottom: -10px; } } .video-section .index-tabs_nav__wrapper .index-tabs_nav .index-tabs_nav--item.active:after { background: var(--color-btn-primary); } .video-section .index-tabs_nav__wrapper .index-tabs_nav .index-tabs_nav--item h3 { margin: 0; text-transform: uppercase; font-size: calc(((var(--font-size-header)) / (var(--font-size-base))) * .5em); } .video-section .video_tab_link { margin-top: 50px; min-width: 270px; } @media screen and (max-width: 749px) { .video-section .video_tab_link { margin-top: 30px; } } .pswp__container iframe, .pswp__container video { display: block; max-width: 100%; margin: 0 auto; width: 100%; height: 100%; } .video-section-wrapper { position: relative; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; width: 100%; height: 100%; transition: height 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87); } @media only screen and (min-width: 750px) { .video-section-wrapper { overflow: hidden; } } @media only screen and (max-width: 749px) { .video-section-wrapper { overflow: visible !important; } .video-section-wrapper.video-is-playing { margin: 0; } .video-section-wrapper.video-is-loaded { transition: height 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87), margin 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87); } } .video { display: none; position: absolute; left: 0; top: 0; z-index: 2; } .video--background { position: absolute; visibility: hidden; opacity: 0; width: 100%; height: 100%; transition: all 0.2s ease-in; } .autoplay .video-is-loaded .video--background { display: block; visibility: visible; opacity: 1; } .video--image_with_play { display: none; opacity: 0; visibility: none; width: 100%; height: 100%; transition: all 0.2s ease-in; } .video-is-playing .video--image_with_play, .video-is-paused .video--image_with_play { display: block; visibility: visible; opacity: 1; } .video__overlay::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; } .video-is-playing .video__overlay { opacity: 0; } .video-is-playing .video__overlay:before { content: none; } /* Popups */ .entry_popup_wrapper, .cookie_popup_wrapper { display: none; } .cookie_popup_wrapper { position: fixed; bottom: 0; width: 100%; z-index: 10; } .cookie_popup_wrapper.show { display: block; } .cookie_popup_wrapper .cookie_popup { max-width: 100%; margin: 0 auto; background: var(--white-color); padding: 7px 60px 7px 30px; position: relative; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 749px) { .cookie_popup_wrapper .cookie_popup { flex-direction: column; padding: 15px 30px 10px; } .cookie_popup_wrapper .cookie_popup .modal_content { font-size:14px; } } .cookie_popup_wrapper .cookie_popup .modal_close_btn { position: absolute; top: 50%; right: 10px; display: flex; align-items: center; justify-content: center; padding: 5px; background: transparent; color: #000; border: 0; border-radius: 0; transform: translateY(-50%); } @media screen and (max-width: 749px) { .cookie_popup_wrapper .cookie_popup .modal_close_btn { right:5px; top: 5px; transform: none; } } .cookie_popup_wrapper .cookie_popup .modal_close_btn svg { width: 15px; height: 15px; } .cookie_popup_wrapper .cookie_popup .accept_cookie_popup { min-width: 190px; margin-left: 20px; padding-top:10px; padding-bottom:10px; } @media screen and (max-width: 749px) { .cookie_popup_wrapper .cookie_popup .accept_cookie_popup { min-width: auto; margin: 10px 0 0 0; width: auto; font-size: 14px; } } .entry-modal_wrapper .pswp__ui { display: none; } .entry-modal { border-radius: 20px; max-width: 700px; margin: 0 auto; background: var(--white-color); position: relative; width: 100%; overflow: hidden; text-align: center; } @media screen and (max-width: 749px) { .entry-modal { padding: 30px; } } .entry-modal .modal-content { display: flex; } .entry-modal .modal-content.flex-revers { flex-direction: row-reverse; } @media screen and (max-width: 749px) { .entry-modal .modal-content { flex-direction: column; } } .entry-modal .modal_close_btn { position: absolute; top: 10px; right: 13px; z-index:1; display: flex; align-items: center; justify-content: center; padding: 5px; background: transparent; color: #000; border: 0; border-radius: 0; } .entry-modal .modal_close_btn svg { width: 15px; height: 15px; } .entry-modal .image-content { width: 50%; position:relative;} @media screen and (max-width: 749px) { .entry-modal .image-content { display: none; } } .entry-modal .image-content .popup_logo { max-width: 100%; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; position: absolute; top: 0; bottom: 0; } .entry-modal .social-list { display: flex; flex-wrap: wrap; align-item: center; justify-content: center; margin: 30px 0 0 0; } .entry-modal .social-list li { margin: 0 10px 10px 0; } .entry-modal .social-list li:last-child { margin-right: 0; } .entry-modal .description-content { padding: 40px 20px 30px; width: 50%; } @media screen and (max-width: 749px) { .entry-modal .description-content { width: 100%; padding: 0; } } .entry-modal .description-content .btn { min-width: 270px; } .entry-modal .input-group__btn-wrapper { display: block; } .entry-modal .input-group { margin-bottom: 10px; } .entry-modal .input-error-message { margin-top: 10px; text-align: center; justify-content: center; } .entry-modal_wrapper .pswp__bg { opacity: 0.6 !important; } .entry-modal_wrapper .pswp__container .pswp__item .pswp__zoom-wrap { display: flex; align-items: center; justify-content: center; padding: 0 20px; } .active_modal { overflow: hidden; } form.successForm .input-group__btn-wrapper, form.successForm .input-group { display: none; } .entry-modal .modal-content .Form__Input { margin-bottom: 5px; } /* Animation */ a { transition:color .3s; } .rte a, .rte-setting a { color: var(--color-btn-primary); } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes zoom-fade { 0% { opacity: 0; transform: scale(1.25); } to { opacity: 1; transform: scale(1); } } .zoom-fade-animation{ transform: translateZ(0); } .shopify-section .fade-in-animation { opacity: 0; } .shopify-section .fade-in-animation.fadeIn-animation { animation-name: fadeIn; animation-duration: 1.2s; animation-fill-mode: both; } #MainContent .shopify-section:first-child { animation: none; opacity: 1; } #MainContent .shopify-section:first-child .fade-in-animation { opacity: 1; animation: none; } #MainContent .shopify-section:first-child .zoom-fade-animation { opacity: 1; animation: none; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element { opacity: 0; transform: scale(1.1); } .shopify-section .zoom-fade-animation.zoomFade-animation .zoom-fade-animation-element { animation: 0.5s cubic-bezier(0.26, 0.54, 0.32, 1) forwards; animation-name: zoom-fade; transition: none; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(2) .zoom-fade-animation-element { animation-delay: 100ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(3) .zoom-fade-animation-element { animation-delay: 200ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(4) .zoom-fade-animation-element { animation-delay: 300ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(5) .zoom-fade-animation-element { animation-delay: 400ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(6) .zoom-fade-animation-element { animation-delay: 500ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(7) .zoom-fade-animation-element { animation-delay: 600ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(8) .zoom-fade-animation-element { animation-delay: 700ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(9) .zoom-fade-animation-element { animation-delay: 800ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(10) .zoom-fade-animation-element { animation-delay: 900ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(11) .zoom-fade-animation-element { animation-delay: 1000ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(12) .zoom-fade-animation-element { animation-delay: 1100ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(13) .zoom-fade-animation-element { animation-delay: 1200ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(14) .zoom-fade-animation-element { animation-delay: 1300ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(15) .zoom-fade-animation-element { animation-delay: 1400ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(16) .zoom-fade-animation-element { animation-delay: 1500ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(17) .zoom-fade-animation-element { animation-delay: 1600ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(18) .zoom-fade-animation-element { animation-delay: 1700ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(19) .zoom-fade-animation-element { animation-delay: 1800ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(20) .zoom-fade-animation-element { animation-delay: 1900ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(21) .zoom-fade-animation-element { animation-delay: 2000ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(22) .zoom-fade-animation-element { animation-delay: 2100ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(23) .zoom-fade-animation-element { animation-delay: 2200ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(24) .zoom-fade-animation-element { animation-delay: 2300ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(25) .zoom-fade-animation-element { animation-delay: 2400ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(26) .zoom-fade-animation-element { animation-delay: 2500ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(27) .zoom-fade-animation-element { animation-delay: 2600ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(28) .zoom-fade-animation-element { animation-delay: 2700ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(29) .zoom-fade-animation-element { animation-delay: 2800ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(30) .zoom-fade-animation-element { animation-delay: 2900ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(31) .zoom-fade-animation-element { animation-delay: 3000ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(32) .zoom-fade-animation-element { animation-delay: 3100ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(33) .zoom-fade-animation-element { animation-delay: 3200ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(34) .zoom-fade-animation-element { animation-delay: 3300ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(35) .zoom-fade-animation-element { animation-delay: 3400ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(36) .zoom-fade-animation-element { animation-delay: 3500ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(37) .zoom-fade-animation-element { animation-delay: 3600ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(38) .zoom-fade-animation-element { animation-delay: 3700ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(39) .zoom-fade-animation-element { animation-delay: 3800ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(40) .zoom-fade-animation-element { animation-delay: 3900ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(41) .zoom-fade-animation-element { animation-delay: 4000ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(42) .zoom-fade-animation-element { animation-delay: 4100ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(43) .zoom-fade-animation-element { animation-delay: 4200ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(44) .zoom-fade-animation-element { animation-delay: 4300ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(45) .zoom-fade-animation-element { animation-delay: 4400ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(46) .zoom-fade-animation-element { animation-delay: 4500ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(47) .zoom-fade-animation-element { animation-delay: 4600ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(48) .zoom-fade-animation-element { animation-delay: 4700ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(49) .zoom-fade-animation-element { animation-delay: 4800ms; } .shopify-section .zoom-fade-animation .zoom-fade-animation-element-wrapper:nth-child(50) .zoom-fade-animation-element { animation-delay: 4900ms; } .load_media_spinner { margin: 0 auto; width: 50px; height: 40px; text-align: center; font-size: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; z-index: -1; transition: 0.5s all; } .load_media_spinner > div { background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .load_media_spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .load_media_spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .load_media_spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .load_media_spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } .zoom-fade-animation .load_media_spinner { opacity: 1; visibility: visible; z-index: 2; } .zoomFade-animation .load_media_spinner { opacity: 0; visibility: hidden; z-index: -1; } /** * -------------------------------------------------------------------- * Quick view MODAL * -------------------------------------------------------------------- */ body.modal-open { overflow: hidden; } .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; z-index: 20; visibility: hidden; pointer-events: none; opacity: 0; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; background:transparent; } .modal.show { opacity: 1; visibility: visible; display: flex !important; pointer-events: auto; } .modal::before { position: fixed; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); pointer-events: none; } .modal[aria-hidden=false] { visibility: visible; opacity: 1; pointer-events: auto; display: flex; justify-content: center; align-items: center; } .modal[aria-hidden=false] .modal__dialog { transform: scale(1); transition: transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear; } .modal__dialog { position: absolute; width: 100%; height: 100%; max-height: 100vh; background-color: var(--color-body); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); overflow: auto; -webkit-overflow-scrolling: touch; transform: scale(0.9); transition: transform 0.25s ease-in-out, visibility 0.25s ease-in-out; } .modal__loader { display: none; padding: 60px 0; text-align: center; } .modal__loader .icon--search-loader { width: 35px; height: 35px; color: var(--color-body-text); } .modal__close { color: var(--color-body-text); z-index: 1; } .modal__close svg { display: block; width: 20px; height: 20px; } .modal.is-loading .modal__loader { display: block; } .modal.is-loading .modal__inner { display: none; } @media screen and (min-width: 750px) { .modal { display: flex; justify-content: center; align-items: center; } .modal__dialog { width: 580px; height: auto; max-height: calc(100% - 80px); border-radius: 3px; } .modal__dialog--stretch { width: calc(100% - 80px); margin-left: auto; margin-right: auto; max-width: 1200px; } .modal__close { position: absolute; right: 28px; top: 28px; } } .modal .modal__inner { padding:55px 0; } .modal .modal__close { position: absolute; top: 10px; right: 13px; display: flex; align-items: center; justify-content: center; padding: 5px; background: transparent; color: #000; border: 0; border-radius: 0; } /* Local pickup */ .store-availability-small-text { font-size: calc(((var(--font-size-base) - 2) / (var(--font-size-base))) * 1em); } .store-availability-information { display: flex; margin-left: 5px; } .store-availability-information-container { margin-left: 5px; } .store-availability-information__title { margin-bottom: 0; } .store-availability-information__stock { margin-bottom: 0; } .store-availability-information__button { text-decoration: underline; cursor: pointer; border: none; padding: 0; background: transparent; margin-top: 8px; } .store-availability-container .icon { min-width: 12px; min-height: 12px; width: 12px; height: 12px; margin: 4px 4px 0 0; } .store-availability-container .icon-in-stock { fill: #00730B; } .store-availability-container .icon-out-of-stock { fill: #DD2200; } .store-availability-container .icon-close { width: 15px; height: 15px; margin: 0; } .store-availability-container .store-availability-list__stock .icon { margin: 0 2px 3px 0; } .store-availabilities-modal { display: flex; flex-direction: column; bottom: 0; top: 0; overflow-x:hidden; overflow-y:auto; justify-content: inherit; align-items: inherit; width: 375px; left: auto; height: 100vh; right:0; border: none; box-sizing: border-box; box-shadow: none; visibility: hidden; z-index: 20; pointer-events: all; opacity: 1; transform: translate(100%); transition: transform .5s cubic-bezier(.645,.045,.355,1),visibility .5s cubic-bezier(.645,.045,.355,1); background: var(--white-color); } .store-availabilities-modal:before { display:none; } .store-availabilities-modal.store-availabilities-modal--active { display: flex; flex-direction: column; visibility: visible; transform: translate(0); } body.store-availabilities-modal--active .Cart-Drawer { display:none; } @media only screen and (max-width: 749px) { .store-availabilities-modal.store-availabilities-modal--active { width: 100%; height: 100%; overflow: hidden; z-index: 9999; } } .store-availabilities-modal__header { width:100%; display: flex; justify-content: space-between; margin: 16px 0 16px 0; padding: 0 24px 0 24px; } .store-availabilities-modal__product-title { font-size: calc(((var(--font-size-base) + 2) / (var(--font-size-base))) * 1em); text-transform: none; margin-bottom: 0; letter-spacing: 0; } .store-availabilities-list { width:100%; overflow-y: auto; padding: 0 20px 0 20px; } .store-availabilities-modal__close { margin: -14px -14px 0 0; padding: 14px; align-self: start; } .store-availability-list__item { padding-bottom: 16px; } .store-availability-list__item::before { content: ""; display: block; margin: 0 0 16px 0; border-bottom: 1px solid var(--color-border); } .store-availability-list__address { font-size: calc(((var(--font-size-base) - 2) / (var(--font-size-base))) * 1em); font-style: normal; margin-bottom: 0; } .store-availability-list__location { font-size: var(--font-size-base); margin-bottom: 8px; } .store-availability-list__stock { margin-top: 8px; margin-bottom: 16px; } .store-availability-list__phone { margin-bottom: 0; } .template-product .page-container { transform:none; } /* Other styles */ .template-search .page-container, .template-collection .page-container { transform: none; } @media screen and (max-width: 749px) { .mobile-reverse { flex-direction: column-reverse; } } .flickity-enabled { display: block; } .advanced-search-section.auto_height { position:relative; } @media only screen and (min-width: 1200px) { .section_style_split_screen, .bg_image_with_custom_content:not(.collection-list-section) { margin-bottom: 100px; } .section_style_split_screen.full_overlay, .bg_image_with_custom_content:not(.collection-list-section).full_overlay { margin-bottom: 125px; } .section_style_split_screen .section_grid__bg, .section_style_split_screen .section_bg, .bg_image_with_custom_content:not(.collection-list-section) .section_grid__bg, .bg_image_with_custom_content:not(.collection-list-section) .section_bg { height: calc(100% + 50px); } .section_style_split_screen .section_overlay, .bg_image_with_custom_content:not(.collection-list-section) .section_overlay { top: 50px; } .section_style_split_screen .section_overlay.content_side_left, .bg_image_with_custom_content:not(.collection-list-section) .section_overlay.content_side_left { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .section_style_split_screen .section_overlay.content_side_right, .bg_image_with_custom_content:not(.collection-list-section) .section_overlay.content_side_right { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .section_style_split_screen .section_overlay_border_top, .bg_image_with_custom_content:not(.collection-list-section) .section_overlay_border_top { width: calc(50% - 100px); height: 50px; background: var(--color-body); position: absolute; top: 0; } .section_style_split_screen .section_overlay_border_top:after, .bg_image_with_custom_content:not(.collection-list-section) .section_overlay_border_top:after { content: ""; position: absolute; top: 0; width: 37px; height: 30px; border-bottom-right-radius: 20px; box-shadow: 18px 10px 0 10px var(--color-body); right: -37px; transform: rotate(180deg); top: 0; } .section_style_split_screen .section_overlay_border_top.content_side_right, .bg_image_with_custom_content:not(.collection-list-section) .section_overlay_border_top.content_side_right { right: 0; } .section_style_split_screen .section_overlay_border_top.content_side_right:after, .bg_image_with_custom_content:not(.collection-list-section) .section_overlay_border_top.content_side_right:after { border-bottom-left-radius: 20px; box-shadow: -23px 10px 0 10px var(--color-body); left: -37px; } .section_style_split_screen .section_overlay_border_bottom, .bg_image_with_custom_content:not(.collection-list-section) .section_overlay_border_bottom { width: 49%; height: 50px; background: var(--color-body); position: absolute; bottom: -50px; right: 0; } .section_style_split_screen .section_overlay_border_bottom:after, .bg_image_with_custom_content:not(.collection-list-section) .section_overlay_border_bottom:after { content: ""; position: absolute; width: 37px; left: -37px; bottom: 0; top: auto; height: 30px; border-bottom-right-radius: 20px; box-shadow: 18px 10px 0 10px var(--color-body); } .section_style_split_screen .section_overlay_border_bottom.content_side_right, .bg_image_with_custom_content:not(.collection-list-section) .section_overlay_border_bottom.content_side_right { right: auto; left: 0; } .section_style_split_screen .section_overlay_border_bottom.content_side_right:after, .bg_image_with_custom_content:not(.collection-list-section) .section_overlay_border_bottom.content_side_right:after { border-bottom-left-radius: 20px; box-shadow: -23px 10px 0 10px var(--color-body); left: auto; right: -37px; } } .category-filters-area .active-filters { margin: 10px 0; width: 100%; display: block; } .bg_image_with_custom_content .section_bg.full_height { height: 100%; } .bg_image_with_custom_content .section_overlay.full_width { width: 100%; top: 0; } .section_content__wrapper .section_main_content.full_width { width: 100%; } .bg_image_with_custom_content.auto_height { min-height: auto; } .bg_image_with_custom_content .section_content.without_image { padding: 0; top: 0; margin-bottom: 0; } .bg_image_with_custom_content .overlay_behaviour_full .section_bg { height: 100%; } .bg_image_with_custom_content .overlay_behaviour_full .section_content { padding-bottom: 50px; } .bg_image_with_custom_content .overlay_behaviour_full .section_content .section_main_content { position: relative; padding: 100px; bottom: -125px; } @media screen and (max-width: 1650px) { .bg_image_with_custom_content .overlay_behaviour_full .section_content .section_main_content { padding: 50px !important; } } @media screen and (max-width: 1199px) { .bg_image_with_custom_content .overlay_behaviour_full .section_content .section_main_content { bottom: -50px; } } @media screen and (max-width: 749px) { .bg_image_with_custom_content .overlay_behaviour_full .section_content .section_main_content { padding: 22px !important; margin-left: -22px; margin-right: -22px; width: calc(100% + 44px); bottom: 0; } } .bg_image_with_custom_content .overlay_behaviour_full .section_content .section_main_content:after { position: absolute; z-index: 1; content: ""; border-radius: 20px; display: block; left: 0; right: 0; top: 0; bottom: 0; } .bg_image_with_custom_content .overlay_behaviour_full .section_overlay { top: 20%; height: 90%; width: 39%; border-radius: 20px; bottom: -100px; display: none; } .bg_image_with_custom_content .overlay_behaviour_full .section_overlay.content_side_left { left: 100px; } .bg_image_with_custom_content .overlay_behaviour_full .section_overlay.content_side_right { right: 100px; } .bg_image_with_custom_content .overlay_behaviour_full .section_overlay_border_bottom, .bg_image_with_custom_content .overlay_behaviour_full .section_overlay_border_top { display: none; } .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 9999999999; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } /* .rte a:not(.btn) {border-bottom: 1px solid currentColor;padding-bottom: 1px;} */ .social-icons .icon { margin:0 auto; } @media screen and (min-width:750px) and (max-width:1199px) { .site-footer__item:last-child{ padding-right: 24px; } .site-footer-item-align-right { text-align:left; } .site-footer__content .site-footer__social-icons{ padding-left: 24px; } } .onsale-list .article-thumb a { display:block; text-align:center; } .onsale-list .article-thumb img { display: block; max-height: 140px; width: auto; margin: 0 auto; } .qty__error-message { font-size: 12px; width: 100%; text-align: left; display: flex; align-items: center; margin:5px 0 0 0; text-align:left; } .qty__error-message svg { margin:0 5px 0 0; } [data-section-type="cart-template"]:not(.Cart-Drawer) .qty__error-message { padding: 0; position: absolute; bottom: 5px; left: 10px; width: 100%; } @media screen and (max-width: 749px) { [data-section-type="cart-template"]:not(.Cart-Drawer) .qty__error-message { width: 100%; text-align: left; font-size: 11px; left: 0; padding: 0 5px; top: auto; bottom: 0; } } .nav-bar__link:not(.categories_main_link):hover, .mega-menu__link:hover { color: var(--header_nav_hover_link) !important; } .rte a, .rte-setting a { color: var(--rte__link_color); } .rte a:hover, .rte-setting a:hover { color: var(--rte_hover_link_color); } .site-header .top_navigation_links .disclosure-list { left: auto; right: 0; transform:none; min-width: 200px; } .disclosure-list li.disclosure-list__item { white-space: normal; } @media screen and (min-width: 750px) { header.site-header.logo--inline .site-header__mobile-nav .logo_element-wrapper .logo_element { min-width:185px; display: flex; align-items: center; } .product-single__media-wrapper, .product-single__media { border-radius: 10px; } } .product-single__media-wrapper, .product-single__media { max-height: 700px; overflow: hidden; } .product-single__media img { overflow: hidden; max-height: 700px; object-fit: contain; } .thumbnails-wrapper .product-single__thumbnails-block { max-height:150px; overflow: hidden; } .thumbnails-wrapper .product-single__thumbnails-block .product-single__thumbnail-image { object-fit: contain; max-height: 150px; } @media screen and (max-width: 749px) { .product-single__media-wrapper, .product-single__media img, .product-single__media { max-height: 500px; } .thumbnails-wrapper .product-single__thumbnails-block, .thumbnails-wrapper .product-single__thumbnails-block .product-single__thumbnail-image { max-height:100px; } } .empty_cart_buttons { display:flex; flex-direction:column; } .empty_cart_buttons .btn { justify-content:center; } .empty_cart_buttons .btn + .btn { margin-top:15px; } header .disclosure__toggle, .header_top .disclosure__toggle { transition:all 0.3s; } header .disclosure__toggle:hover, .header_top .disclosure__toggle:hover { color: var(--header_nav_hover_link); } .disclosure .disclosure-list__item a.disclosure-list__option { text-decoration:none; border:0; white-space: nowrap; } p > a { text-decoration:underline; } .shopify-challenge__container [type="submit"].shopify-challenge__button { margin: 15px auto; min-width: 185px; } .hidden_contactForm { opacity:0; visibility:hidden; z-index:0; position:absolute; width:1px; height:0px; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .pagination { margin-top:10px; text-align:center; font-weight:500; margin-bottom:15px; } .pagination li { margin:0 7px; } .pagination li.active, .pagination li.active a { color: var(--color-btn-primary); opacity:1; } .pagination li a { display:flex; align-items:center; opacity: 0.6; } .pagination li a svg { margin:0 2px; width:9px; height:9px; position: relative; display: block; top: 1px; } .pagination li:hover a { color: var(--color-btn-primary); opacity:1; } .page-width-xsmall { max-width: 1008px; margin: 0 auto; } .faq-section .page-width-small { padding-top:35px; padding-bottom:35px; } @media screen and (min-width:750px) { .faq-section .page-width-small { padding-top:50px; padding-bottom:50px; } } .page-contact-section .page-width { position: relative; z-index: 1; } .page-contact-section { position: relative; width: 100%; } .page-contact-section .section_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } @media screen and (max-width:749px) { .half_row_mobile .page-width { padding-left:10px; padding-right:10px; } .half_row_mobile .small--one-half { margin-bottom: 10px; padding-left: 10px; } .half_row_mobile .grid { margin-left:-10px; } .half_row_mobile .small--one-half .product-card { padding: 10px; } .half_row_mobile .small--one-half .product-card .product-item__vendor { line-height:1; } .index-tabs-collections-wrapper.half_row_mobile .section-tabs-content { padding-right:10px; padding-left: 10px !important; } .grid.grid--uniform .grid__item.small--one-half { margin-bottom:10px; } .half_row_mobile .use_align_height .collection-grid-item__image-with-placeholder-wrapper, .half_row_mobile .use_align_height .product-card .product-card__image-with-placeholder-wrapper { margin-bottom:10px; } .half_row_mobile .product-item__swatches { right: 12px; top: 15px; } .half_row_mobile .product-item__label-list { left: 12px; top: 15px; } .half_row_mobile .product-item__price_and_reviews_row { margin-top:15px; } } .spr-container .spr-summary-actions .spr-summary-actions-newreview { color: var(--color-text); } .spr-container .spr-summary-actions .spr-summary-actions-newreview:hover { color: var(--color-btn-primary); } .form_popup_link_wrapper { width:100%; clear:both; margin-bottom:10px; } .modal__inner_media_wrapper { display:block; width:100%; } .modal__inner_media_wrapper img { display:block; width:100%; max-width:100%; height: 100%; object-fit: cover; margin:0 auto; } .modal__inner_media_wrapper + .modal__inner_page_content { margin-top:30px; } .form_popup_link { display: inline-block; align-items: center; } .form_popup_link svg { width: 18px; height: 18px; display: inline-block; top: -2px; position: relative; margin-left: 5px; transition: color .3s; } .quantity_block + .form_popup_link_wrapper { margin-top: 20px; } .link_underline { text-decoration:underline; } .slideshow__arrows .slideshow__arrow{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; justify-content: center; background-color: transparent; } .slideshow__arrows .slideshow__arrow-previous{ left: 30px; } .slideshow__arrows .slideshow__arrow-next{ right: 30px; } .slideshow__arrows .slideshow__arrow:after{ content: unset; } .slideshow__arrows .slideshow__arrow:hover{ background-color: rgba(118, 118, 118, 0.2); } .section-tabs-content .product-card{ border-radius: 8px; padding: 40px 33px 0px 36px; } .section-tabs-content .index-tabs-content_block__slider.new-label-present .product-card{ padding-top: 65px; } .section-tabs-content .product-card:hover, .mosaic_section_wrapper .mosaic_block:hover, .featured_collection_cart_page .product-card:hover{ box-shadow: 0 22px 24px -20px rgb(0 0 0 / 7%); } .section-tabs-content .product-card .product-item--info, .featured_collection_cart_page .product-card .product-item--info{ height: var(--product-info-height); padding: 0 0 0 11px; } .section-tabs-content .product-card .product-item--info .discount-label, .featured_collection_cart_page .product-card .product-item--info .discount-label{ display: flex; gap: 4px; font-size: 12px; padding: 4px 6px; border-radius: 2px; background-color: rgba(248, 32, 12, 0.10); font-weight: bold; color: #F8200C; line-height: 1.4; margin-left: 0; width: fit-content;} .featured_collection_cart_page .product-card .product-card__link-title{ height: var(--product-title-height); } .section-tabs-content .grid__item{ padding-left: 0; } .product-card .new-label{ color: var(--product_label_1_color); margin-bottom: 4px; font-weight: 600; } .index-tabs-content_block__slider.new-label-present .new-label{ position: absolute; top: 40px; } .product-card .product-main-category{ font-size: 28px; line-height: 1.28; margin-bottom: 4px; } .product-card .product-small-desc{ color: #757575; font-weight: 500; line-height: 1.35; } .mosaic_images_section .mosaic_section_wrapper{ padding: 0; } .mosaic_images_section .section-header{ display: flex; justify-content: space-between; align-items: center; } .mosaic_images_section .section-header a svg{ margin-left: 5px; } .section-header{ margin-bottom: 28px; } .page-width.testimonials_row{ width: auto; } [data-section-type=quotes] .testimonials_slider .testimonial_block{ width: calc(25% - 10px); background-color: transparent; } .testimonials_slider{ padding: 0 45px 60px; border-radius: 8px; display: flex; flex-wrap: wrap; margin: 0 7px; } .template-index .section-header h2{ font-size: 28px; margin-bottom: 0; } .mosaic_block.color-light .mosaic_block-caption .h3, .mosaic_block.color-light .mosaic_block-caption .text{ color: #fff; } .mosaic_block.color-light .mosaic_block-caption .link_text{ color: rgba(255, 255, 255, 0.7); } .mosaic_block.color-dark .mosaic_block-caption .h3, .mosaic_block.color-dark .mosaic_block-caption .text{ color: #03060b; } .mosaic_block.color-dark .mosaic_block-caption .link_text{ color: #757575; } .mosaic_block-caption .text, .mosaic_block-caption .link_text{ max-width: 340px; } .mosaic_block-caption .h3{ font-size: 32px; line-height: 1; margin-bottom: 12px; } .mosaic_block-caption .text{ font-weight: 700; font-size: 20px; margin-bottom: 4px; } .mosaic_block-caption .link_text{ position: relative; font-weight: 500; } .mosaic_images_section.btn-enabled{ position: relative; padding-bottom: 54px; } .mosaic_images_section .section-header a{ position: absolute; bottom: 0; width: 100%; padding: 12px; background: #fff; left: 0; text-align: center; font-weight: 500; color: #2164ff; } .mosaic_images_section .section-header a:hover{ text-decoration: underline; } .index-tabs-collections-wrapper .flickity-page-dots{ display: none; } .index-tabs-content_block .slider_custom_arrows .btn, .pswp .pswp__ui .pswp__button.btn{ transition: none; position: absolute; top: 50%; transform: translateY(-50%); margin: 0; width: 48px; height: 48px; } .pswp .pswp__ui .pswp__button.btn{ top: calc(50% - 72px); } .index-tabs-content_block .slider_custom_arrows .btn.button-prev, .pswp .pswp__ui .pswp__button--arrow--left{ left: 30px; background: #000 url(arrow-left.png) no-repeat center center; background-size: cover; opacity: 0.1; } .index-tabs-content_block .slider_custom_arrows .btn.button-next, .pswp .pswp__ui .pswp__button--arrow--right{ right: 30px; background: #000 url(arrow-right.png) no-repeat center center; background-size: cover; opacity: 0.1; } .index-tabs-content_block .slider_custom_arrows .btn:hover, .pswp .pswp__ui .pswp__button.btn:hover{ background-color: rgba(0,0,0,0.3); opacity: 1; } .index-tabs-content_block .slider_custom_arrows .btn:after, .pswp .pswp__ui .pswp__button.btn:before{ content: unset; } .index-tabs-content_block{ position: relative; } .index-tabs-content_block .flickity-prev-next-button, .index-tabs-content_block .slider_custom_arrows .btn.disabled{ display: none; } .header_top{ background: #f5f7fa; } .header_top a{ color: #222222; } .top_navigation_links li{ border-right: 1px solid #7b7b7b; } .top_navigation_links li:last-child{ border-right: 0; display: flex; gap: 15px; } .top_navigation_links li .wgcurrent { width: 106.65px; } .top_navigation_links li .wg-drop.country-selector li { border-right: 1px solid #ebeef0; margin-left: 0; } .logo_element .store_text{ font-size: 16px; font-weight: bold; margin-left: 10px; padding-left: 10px; border-left: 1px solid #ebe9e9; line-height: 1; } .customer_nav_button svg, .customer_nav_button{ display: block; } .site-header__icons-wrapper{ padding: 7px 0; } .site-footer__newsletter{ margin-left: auto; position: relative; padding-top: 20px; margin-top: -20px; } .site-footer__bottom_content .selectors-form{ justify-content: flex-end; } .site-footer__bottom_content .selectors-form__item{ display: flex; align-items: center; } .site-footer__bottom_content .selectors-form__item .heading{ margin-right: 10px; } .site-footer__bottom_content .disclosure__toggle{ font-size: calc(var(--font-size-base) * 1px); } .site-footer__bottom_content .disclosure__toggle:hover{ text-decoration: underline; } .site-footer__item .h5{ font-size: 17px; line-height: 1.48; } .site-footer__linklist-item a:hover{ text-decoration: underline; } .search-bar__form .search-close{ position: absolute; top: 50%; right: 15px; transform: translateY(-50%); padding: 0; border: 0; display: block; background-color: transparent; } .search-bar__form .search-close svg, .search-form__submit svg{ display: block; } @media (min-width: 750px) { .section-tabs-content .product-card .product-item--info .discount-label, .featured_collection_cart_page .product-card .product-item--info .discount-label { font-size: 14px; } } /* Custom mega menu */ .custom_menu_left_side{ width: 24%; } .custom_menu_right_side{ width: 76%; padding-left: 50px; } .custom_menu_left_side .custom_menu_left_side_item{ padding: 14px 20px; font-weight: 400; cursor: pointer; transition: background-color 0.1s cubic-bezier(0.25,0.1,0.25,1); } .custom_menu_left_side .custom_menu_left_side_item.active:not(.custom_menu_item_dropdown_title), .custom_menu_left_side .custom_menu_item_dropdown_title.active{ background-color: #f4f4f4; } .custom_menu_right_side .custom_menu_tab_title{ cursor: pointer; color: #444; margin-right: 50px; font-weight: 400; line-height: 1.2; } .custom_menu_right_side .tab_row{ display: flex; justify-content: space-between; padding: 14px 0; margin-top: -10px; } .custom_menu_row{ position: relative; } .custom_menu_row.text-align-left .product_content{ text-align: left; padding: 0; } .custom_menu_tab_content_inner.negative-margin{ margin-top: -38px; } .custom_menu_row > a{ position: absolute; right: 0; top: -20px; color: #757575; font-weight: 500; } .custom_menu_row > a:hover{ text-decoration: underline; } .custom_menu_row > a.title-in-line{ top: 0px; } .custom_menu_row .block_btn svg{ margin-left: 12px; } .custom_menu_tab_content, .custom_menu_block_content{ display: none; opacity: 0; visibility: hidden; transition: visibility 0.1s linear, opacity 0.4s ease-in; } .custom_menu_tab_content.active, .custom_menu_block_content.active{ opacity: 1; visibility: visible; display: block; } .custom_menu_tab_title.active{ color: var(--color-text); } .custom_menu_tab_content_inner{ display: flex; margin-left: -12px; width: calc(100% + 12px); } .custom_menu_product{ position: relative; flex: 1 1 20%; margin: 0 0 10px 10px; background-color: #f4f4f4; border-radius: 6px; text-align: center; max-width: calc(20% - 12px); padding: 0 12px 12px; height: auto; } .custom_menu_tab_content_inner.block-2, .custom_menu_tab_content_inner.block-1{ margin-left: 0; gap: 20px; } .custom_menu_tab_content_inner.block-2 .custom_menu_product, .custom_menu_tab_content_inner.block-1 .custom_menu_product{ flex: 0 0 calc(50% - 10px); width: calc(50% - 10px); max-width: unset; margin-left: 0; background: unset; } .custom_menu_tab_content_inner.block-2 .custom_menu_product .image, .custom_menu_tab_content_inner.block-1 .custom_menu_product .image, .mobile-menu-products.block-2 .mobile-menu-product .image, .mobile-menu-products.block-1 .mobile-menu-product .image{ height: 220px; padding-top: 0; } .custom_menu_tab_content_inner.block-2 .custom_menu_product .image img, .custom_menu_tab_content_inner.block-1 .custom_menu_product .image img, .mobile-menu-products.block-2 .mobile-menu-product .image img, .mobile-menu-products.block-1 .mobile-menu-product .image img{ object-fit: cover; border-radius: 8px; } .custom_menu_product .product_content{ padding: 22px 10px 0; position: relative; } .custom_menu_product:hover{ background-color: #fbfbfb; } .custom_menu_product .product_content .discount-label { color: #F8200C; font-size: 12px; line-height: 1.36;} @media (max-width: 1023px) { .custom_menu_product .product_content .discount-label br { display: none; } } .custom_menu_product .title{ line-height: 1.2; font-weight: 500; margin-bottom: 4px; font-size: 14px; } .menu_item_custom_label{ position: absolute; bottom: calc(100% - 16px); color: #fff; background: var(--background-color); font-size: 7px; padding: 1px 3px; border-radius: 2px 2px 2px 0; right: 18px; -webkit-text-size-adjust: none; } .menu_item_custom_label:after{ content: ''; position: absolute; top: 100%; left: 0; border: 1.5px solid var(--background-color); border-right: 1.5px solid #fff; border-bottom: 1.5px solid #fff; } .custom_menu_product .small-desc, .custom_menu_product .title span{ line-height: 1.25; color: #666; font-weight: 500; font-size: 12px; max-width: 156px; margin: 0 auto 4px; display: block; } .custom_menu_tab_content_inner.block-2 .custom_menu_product .title, .custom_menu_tab_content_inner.block-1 .custom_menu_product .title, .mobile-menu-products.block-2 .mobile-menu-product .title, .mobile-menu-products.block-1 .mobile-menu-product .title{ margin-top: 12px; } .custom_menu_tab_content_inner.block-2 .custom_menu_product .title span, .custom_menu_tab_content_inner.block-1 .custom_menu_product .title span, .mobile-menu-products.block-2 .mobile-menu-product .title span, .mobile-menu-products.block-1 .mobile-menu-product .title span{ max-width: unset; margin-top: 4px; } .custom_menu_product .image, .mobile-menu-product .image{ position: relative; width: 100%; text-align: center; } .custom_menu_product .image, .mobile-menu-product .image{ max-width: 100%; width: 110px; height: 110px; object-fit: contain; margin: auto; } .custom_menu_product .new-label, .mobile-menu-product .new-label { position: absolute; left: 0; top: 0; width: 100%; color: var(--product_label_1_color); font-size: 12px; line-height: 1.2; font-weight: 500; } .custom_menu_product .product_content .discount-label { position: absolute; left: 0; top: 0; width: 100%; font-size: 12px; line-height: 1.2; font-weight: 500; } .mobile-nav__link .new-label{ font-size: 12px; margin-left: 8px; color: var(--product_label_1_color); line-height: 1.3; font-weight: 500; } .custom_menu_row_title{ font-weight: bold; } .mobile-nav__link{ font-size: 16px; font-weight: 500; line-height: 1.2; } .mobile-menu-tab-title, .mobile-nav-product-row, .mobile-nav__item{ position: relative; } .mobile-nav__sublink img{ margin-right: 12px; height: 42px; width: 42px; object-fit: contain; } .mobile-nav__sublink{ font-size: 14px; font-weight: 500; background-color: #fff !important; padding-top: 12px; padding-bottom: 12px; } .mobile-menu-products::-webkit-scrollbar{ display: none; } .mobile-menu-products{ display: flex; overflow-x: auto; } .mobile-menu-products .mobile-menu-product{ position: relative; width: 164px; flex: 0 0 164px; margin-right: 8px; text-align: center; padding: 3px 0 0 0; background: #fff; border-radius: 8px; margin-bottom: 40px; } .mobile-menu-products .mobile-menu-product:first-child{ margin-left: 25px; } .mobile-menu-products .mobile-menu-product .product_content{ padding: 0 12px; margin-bottom: 16px; } .mobile-menu-products-container.text-align-left .mobile-menu-product .product_content{ text-align: left; padding: 0; } .mobile-menu-products.block-2 .mobile-menu-product, .mobile-menu-products.block-1 .mobile-menu-product{ background: unset; } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav__sublink + .mobile-nav__dropdown{ padding: 28px 0 0 0; } .mobile-menu-products .mobile-menu-product .title{ font-size: 14px; font-weight: 600; color: #333; line-height: 1.35; margin-bottom: 4px; } .mobile-menu-products .mobile-menu-product .small-desc, .mobile-menu-products .mobile-menu-product .title span{ display: block; font-size: 12px; font-weight: 500; color: #757575; line-height: 1.3; } .mobile-nav__link.is-active .mobile-nav__icon{ transform: rotate(180deg); margin-top: -6px; } .mobile-nav-footer-block .selectors-form__item .disclosure{ position: unset; } .mobile-nav-footer-block .selectors-form__item .disclosure-list{ width: 100%; height: 100%; top: 0; bottom: 0; max-height: unset; left: 100%; border-radius: 0; transition: all 0.3s; } .mobile-nav-footer-block .selectors-form__item .disclosure-list--visible{ display: block; left: 0; } .mobile-nav-footer-block .selectors-form__item .disclosure-list li.disclosure-list__item{ padding: 15px 25px; } .return_to_currency svg{ transform: rotate(180deg); margin-right: 8px; margin-left: -5px; } .currency-dropdown-open{ overflow: hidden; } .currency-dropdown-open ul#MobileNav{ display: none; } /*.index-tabs-content_block .zoom-fade-animation{ overflow: hidden; }*/ .index-tabs-content_block .scroller-content{ position: relative; } .index-tabs-content_block .scroller-content::-webkit-scrollbar{ display: none; } .index-tabs-content_block .scroller-platter .product-item-block{ scroll-snap-align: start; display: inline-block; } .index-tabs-content_block .scroller-platter{ width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); -o-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); } .scroller-itemview{ /*transform: translateX(calc(max(1280px, 100vw)/2 - 560px)); height: 544px;*/ } .hideDesktop{ display: none; } #qab_container{ display: none !important; } #country-selector-popup{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 99; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; } #country-selector-popup.visible{ opacity: 1; visibility: visible; } #country-selector-popup .popup-overlay{ background: rgba(0,0,0,0.5); position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; } #country-selector-popup .popup-wrapper{ background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 90%; max-width: 960px; max-height: 815px; border-radius: 20px; padding: 48px 90px 0px; overflow-y: auto; z-index: 2; } #country-selector-popup .popup-close{ position: absolute; right: 20px; top: 20px; cursor: pointer; color: #919191; } #country-selector-popup .popup-close svg{ display: block; } #country-selector-popup .popup-close svg.hideDesktop{ display: none; } #country-selector-popup .popup-close:hover, .pswp__button.pswp__button--close:hover{ color: var(--color-text); } #country-selector-popup .popup-title{ font-size: 26px; line-height: 1.07; text-align: center; margin-bottom: 50px; } #country-selector-popup .countries-list .country-block-wrapper{ display: flex; flex-wrap: wrap; margin-bottom: 26px; } #country-selector-popup .countries-list .country-block-inner{ width: 25%; } #country-selector-popup .countries-list .country-block .region_title{ font-size: 18px; line-height: 1.55; padding-bottom: 7px; padding-right: 15px; border-bottom: 1px solid #ebe9e9; margin-bottom: 20px; color: #666; font-weight: 500; } #country-selector-popup .countries-list .country-block a{ margin-bottom: 34px; display: flex; padding-right: 15px; cursor: pointer; width: max-content; } #country-selector-popup .countries-list .country-block a .flag-image{ width: 30px; margin-right: 12px; } #country-selector-popup .countries-list .country-block a .flag-image img{ display: block; } #country-selector-popup .countries-list .country-block .country-title{ font-size: 14px; line-height: 1.35; font-weight: 700; } #country-selector-popup .countries-list .country-block .country-subtitle{ font-size: 12px; line-height: 1.4; color: #757575; } #country-selector-popup .countries-list .country-block a:hover .country-title, #country-selector-popup .countries-list .country-block a:hover .country-subtitle{ color: var(--header_nav_2_color_text_hover); } .sticky-header{ border-bottom: 1px solid #EDEDED; } body.overflow-hidden{ overflow: hidden; } /* Homepage submenu */ .submenu-wrapper{ padding: 14px 20px 24px 20px; background-color: #fff; } .submenu-wrapper .submenu-wrapper-inner{ display: flex; justify-content: center; overflow-x: auto; } .submenu-wrapper .submenu-wrapper-inner { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .submenu-wrapper .submenu-wrapper-inner::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .submenu-wrapper .submenu-wrapper-inner h3{ font-size: 12px; line-height: 1.33; font-weight: 400; margin-top: 4px; margin-bottom: 0; } .submenu-wrapper .submenu-wrapper-inner .submenu-block{ text-align: center; margin: 0 15px; min-width: 106px; } .submenu-wrapper .submenu-wrapper-inner .submenu-block:hover h3{ font-weight: 500; color: #2164FF; } .submenu-wrapper .submenu-wrapper-inner .submenu-block .submenu-block-image{ height: 52px; display: flex; } .submenu-wrapper .submenu-wrapper-inner .submenu-block .submenu-block-image img{ display: block; margin: auto; } @media screen and (max-width: 989px){ .submenu-wrapper{ padding: 14px 15px 24px 15px; } .submenu-wrapper .submenu-wrapper-inner .submenu-block{ margin: 0 8px; min-width: 80px; width: 80px; } } @media screen and (max-width: 749px){ .submenu-wrapper .submenu-wrapper-inner{ justify-content: left; } } /* Cart page */ .cart-page-width{ max-width: 1240px; padding: 0 20px; margin: 0 auto; } .cart-page-width h3{ margin-bottom: 32px; font-size: 28px; line-height: 1.14; } /* Product page */ .template-product{ background-color: #fff; } .template-product .product-container, .product-sticky-bar .page-width-small{ padding: 0 40px; } .main-content-spacing, .collection-page-spacer, .template-product .product-container{ padding-top: 55px; } .template-product .product-container.product-page-spacer{ padding-top: 0; } .collection-page-spacer-small{ padding-top: 15px; } @media only screen and (min-width: 750px) { .product-container .product-single__media-group{ width: 56%; position: sticky; position: -webkit-sticky; top: 0; }} .product-container .product-single__media-group{ width: 56%;} .product-container .product-single__description-group{ width: 44%; } .thumbnails-wrapper .product-single__thumbnails.thumbnails-grid .product-single__thumbnails-block.selected { /* box-shadow: 0 0 0 1px rgb(33 100 255 / 50%), inset 0 0 0 1px #2164ff; */ opacity: 1; border: solid 1.5px rgba(33, 100, 255, 0.5); background: #fff; } .thumbnails-wrapper .product-single__thumbnails.thumbnails-grid .product-single__thumbnails-block.selected img { opacity: 1; } .product-container .product-single__title{ font-size: 40px; line-height: 1.1; margin-bottom: 24px; } .product-container .price__pricing-group{ font-size: 22px; font-weight: bold; } .product-container .price-item--sale{ margin-right: 4px; } .product-container .price--on-sale .price-item--regular{ opacity: 1; color: #919191; margin-left: 8px; } .product-container .price__badges{ display: none; } .product-container .new-label{ font-size: 17px; font-weight: 600; line-height: 1.23; color: #fa4500; margin-bottom: 4px; } .product-container .product-single__description{ padding: 16px 24px 9px; background: #f8f8f8; margin-bottom: 35px; border-radius: 8px; } .product__media__arrows{ z-index: 2; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 48px; } .product__media__arrows button{ position: absolute; top: 0; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: rgba(0,0,0,0.1); } .product__media__arrows button:hover{ background: rgba(0,0,0,0.3); } .product__media__arrows button.btn-previous{ left: 20px; } .product__media__arrows button.btn-next{ right: 20px; } .thumbnails-wrapper .product-single__thumbnails.thumbnails-grid .product-single__thumbnails-block:not(.selected):hover{ border: solid 1px rgba(0, 0, 0, 0.3); } .product-single__media__carousel_wrapper{ position: relative; padding: 0; } .product-container .store-features{ position: relative; display: flex; justify-content: space-between; margin-top: 44px; margin-left: -10px; padding-top: 8px; } .product-container .store-features:before{ content: ''; position: absolute; top: 0; left: 10px; width: calc(100% - 10px); height: 1px; background: #efefef; } .product-container .store-features .store_feature{ display: flex; align-items: center; padding-left: 10px; } .product-container .store-features .store_feature img{ width: 38px; height: 38px; margin-right: 4px; } .product-container .store-features .store_feature .feature_title{ font-size: 11px; color: #000; line-height: 1.4; } .product-container .store-features .store_feature .feature_content{ font-size: 10px; } .product-container .contact-box{ margin-top: 34px; } .product-container .contact-box a{ display: flex; justify-content: center; align-items: flex-start; line-height: 1.28; color: #2164ff; } .product-container .contact-box a svg{ margin-right: 8px; } .product-container .contact-box .contact-box-text p{ color: #2164ff; font-weight: 500; text-align: center; margin-top: 3px; } .product-container .price--on-sale .price__sale{ align-items: center; } .product-accessories-wrapper{ margin-top: 40px; } .product-accessories-section{ margin-top: 14px; display: none; } .product-accessories-section.selected{ display: block; } .product-accessories-section .variant-accessory{ border-radius: 8px; border: solid 1px #c0c1c2; padding: 10px 24px 20px 2px; margin: 0 0 8px; display: flex; cursor: pointer; } .product-accessories-section .variant-accessory.selected{ border: 0; box-shadow: 0 0 0 1.5px rgba(33, 100, 255, 0.5), inset 0 0 0 1px #2164ff; } .product-accessories-section .variant-accessory .variant-accessory-image{ width: 84px; margin-right: 10px; } .product-accessories-section .variant-accessory .variant-accessory-content{ width: calc(100% - 94px); } .product-accessories-section .variant-accessory .variant-accessory-content .title{ margin-bottom: 7px; margin-top: 18px; font-size: 17px; font-weight: 600; line-height: 1.24; } .variant-accessory-price span.regular-price{ font-weight: 700; } .variant-accessory-price span.compare-price{ font-weight: 500; color: #757575; text-decoration: line-through; margin-left: 10px; } .variant-accessory-price{ padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #ebe9e9; } .variant-accessory-small-desc{ margin-top: 16px; margin-bottom: 7px; color: #757575; font-weight: 500; line-height: 1.28; } .variant-accessory-content a, .product-desc-expand{ line-height: 1.78; color: #2164ff; font-weight: 500; display: inline-flex; align-items: center; text-transform: uppercase; } .variant-accessory-content a span, .product-desc-expand span{ border: solid #2164ff; border-width: 0 1.5px 1.5px 0; padding: 3px; margin-left: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .product-desc-expand span{ border-width: 0 0 1.5px 1.5px; margin-left: 10px; margin-top: -2px; } .product-desc-expand.expanded span{ transform: rotate(-225deg); -webkit-transform: rotate(-225deg); margin-top: 6px; } .product-form__controls-group--submit{ display: block; margin-top: 48px; background-color: #f8f8f8; border-radius: 8px; padding: 30px 24px 10px; } .product-form__controls-group--submit .product-form__item{ padding: 0; margin-top: 12px; position: relative;} .custom_payment_icons{ display: flex; flex-wrap: wrap; margin-bottom: 16px; margin-right: -12px; } .custom_payment_icons.hideDesktop{ display: none; } .custom_payment_icons .payment_icon img{ margin-bottom: 4px; margin-right: 4px; height: 24px; display: block; } .product-form__controls-group .price-wrapper{ display: flex; align-items: center; padding-bottom: 10px; /*padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #ebe9e9; */width: 100%; } .product-form__controls-group .price-wrapper .regular-price{ font-size: 24px; font-weight: 700; } .product-form__controls-group .price-wrapper .compare-price{ color: #757575; margin-left: 18px; font-weight: 500; text-decoration: line-through; } .product-container .total-savings:not(:empty){ font-size: 14px; padding: 8px 12px; border-radius: 17px; background-color: rgba(250, 69, 0, 0.06); font-weight: bold; color: #fa4500; line-height: 1.4; margin-left: 16px; } .product-container .discount-label:not(:empty){ display: flex; gap: 4px; font-size: 12px; padding: 4px 6px; border-radius: 2px; background-color: rgba(248, 32, 12, 0.10); font-weight: bold; color: #F8200C; line-height: 1.4; margin-left: 0; } .product-form__controls-group .product-form-blue-btn{ background-color: var(--checkout-btn-bg); color: var(--checkout-btn-color); padding: 15px 10px; justify-content: center; font-size: 15px; line-height: 1.4; text-transform: uppercase; flex: 0 0 auto; display: inline-flex; width:100%; } .product-form__controls-group .product-form-blue-btn.blue-external-btn, .shop-now-btn .btn.blue-external-btn{ border: 1px solid var(--checkout-btn-bg); color: var(--checkout-btn-bg); background: #fff; } button.fs-buynow-btn-custom.fs-buynow-btn{ font-size: 17px !important; padding: 15px 10px !important; line-height: 1.4 !important; height: auto !important; width: 100% !important; text-transform: uppercase !important; } .product__media__pagination{ position: absolute; top: 16px; right: 16px; padding: 4px 12px 5px; opacity: 0.3; border-radius: 12px; background-color: #000; font-size: 11px; color: #fff; font-weight: 300; line-height: 1.4; } .product-desc-expand{ text-transform: none; display: none; cursor: pointer; } .product-single__description .rte{ height: 150px; overflow: hidden; transition: all ease-in-out; margin-bottom: 7px; } .product-single__description .rte.expanded{ height: unset; } .product-form__controls-group .product-form-blue-btn:after{ content: unset; } .product-form__controls-group .product-form-blue-btn:not(:disabled):hover{ opacity: 0.8; background-color: var(--checkout-btn-bg); } .product-form__controls-group .product-form-blue-btn.blue-external-btn:hover{ opacity: 0.8; background-color: #fff; } /*.disabled_btns .quantity_block, .disabled_btns .product-accessories-wrapper, .disabled_btns .product-form__controls-group{ opacity: 0.3; }*/ .site-header__logo-image img{ display: block; } .site-header__logo-image img.showLaptop, .sticky-header .header_top{ display: none; } .template-product .mosaic_section_wrapper .mosaic_block .mosaic_block-caption{ width: var(--text-max-width); max-width: calc(100% - 80px); } .template-product .mosaic_block-caption .text, .template-product .mosaic_block-caption .link_text{ max-width: unset; } .template-product .mosaic_images_section .section-header{ display: block; text-align: center; } .template-product .mosaic_images_section .section-header .h5:before{ content: unset; } .template-product .mosaic_images_section .section-header h2{ font-size: 40px; line-height: 1.1; margin-bottom: 16px; } .template-product .mosaic_images_section .section-header .h5{ font-size: 17px; color: #666; font-weight: 600; max-width: 800px; line-height: normal; text-transform: none; margin-bottom: 20px; } .template-product .mosaic_images_section .mosaic_section_wrapper{ display: flex; flex-wrap: wrap; margin: 0; } .template-product .mosaic_images_section .mosaic_section_wrapper .mosaic_block{ width: var(--column-width); border-radius: 16px; margin: 0; float: unset; } .template-product .mosaic_block-caption .h3{ font-size: 28px; line-height: 1.07; margin-bottom: 14px; } .template-product .mosaic_block-caption .text{ font-size: 15px; line-height: 1.4; font-weight: 500; } .template-product .mosaic_section_wrapper .mosaic_block .mosaic_block-caption.title-present{ margin: 28px 40px; } .product-sticky-bar{ position: fixed; top: var(--announcement-bar-height); width: 100%; z-index: 9; background: #fff; transform: translateY(-100%); opacity: 0; visibility: hidden; transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out; } .product-sticky-bar.active { opacity: 1; transform: none; visibility: visible; transform: translateY(0); } .product-sticky-bar .product-info-sticky-wrapper{ border-bottom: 1px solid #efefef; } .product-sticky-bar .sticky-tabs-wrapper{ box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%); } .product-sticky-bar .sticky-product-info-bar{ display: flex; align-items: center; justify-content: space-between; padding: 10px 0; } .product-sticky-bar .sticky-product-info-bar .product-name{ font-size: 18px; line-height: 1.5; font-weight: bold; margin-right: 30px; } .product-sticky-bar .sticky-price-wrapper, .product-sticky-bar .sticky-tabs-inner{ display: flex; align-items: center; } .product-sticky-bar .sticky-tabs-inner{ justify-content: center; padding: 14px 0; } .product-sticky-bar .sticky-tabs-inner a{ margin: 0 25px; color: #757575; font-weight: 500; font-size: 16px; line-height: normal; } .product-sticky-bar .sticky-tabs-inner a.active{ font-weight: bold; color: var(--color-text) } .product-sticky-bar .product-price{ font-size: 17px; font-weight: bold; line-height: 1.23; margin-right: 8px; } .shop-now-btn .btn{ display: inline-flex; margin-left: 8px; align-items: center; justify-content: center; min-width: 131px; font-size: 14px; line-height: 1.36; height: 40px; white-space: nowrap; text-transform: uppercase; padding: 10px 19px; background-color: var(--checkout-btn-bg); color: var(--checkout-btn-color); } .shop-now-btn .btn:focus { background-color: var(--checkout-btn-bg); color: var(--checkout-btn-color); } .product-sticky-bar .shop-now-btn .btn:not(.disabled):hover{ opacity: 0.8; background-color: var(--checkout-btn-bg); } .product-sticky-bar .shop-now-btn .btn.blue-external-btn:hover{ opacity: 0.8; background-color: #fff; } .product-item--media-relative{ position: relative; } .slideshow__text-content .slideshow_text_wrapper{ max-width: 550px; padding: 20px 0; } .text-right.slideshow__text-content .slideshow_text_wrapper{ margin-left: auto; } .text-center.slideshow__text-content .slideshow_text_wrapper{ margin: auto; } .slideshow__text-content .slideshow_text_wrapper .mega-subtitle{ font-size: 20px; font-weight: 600; line-height: 1.4; } .slideshow__text-content .slideshow_text_wrapper .slideshow__btn{ padding: 6px 24px; width: auto; min-width: unset; font-size: 17px; line-height: 2.12; font-weight: bold; text-transform: uppercase; transition: all 0.2s ease-in-out; } .slideshow__text-content .slideshow_text_wrapper .slideshow__btn:after{ content: unset; } .slideshow__text-content .slideshow_text_wrapper .slideshow__btn:hover{ background-color: #2164ff; color: #fff; } .photoSwipe_innerthumbs{ padding-top: 30px; margin-top: 30px; border-top: 1px solid #efefef; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); height: 114px; overflow-x: auto; width: 100%; text-align: center; white-space: nowrap; } .photoSwipe_innerthumbs .product_thumbnail{ display: inline-block; padding-top: 2px; cursor: pointer; } .photoSwipe_innerthumbs::-webkit-scrollbar{ display: none; } .photoSwipe_innerthumbs .product_thumbnail img{ width: 78px; height: 78px; margin: 0 6px; object-fit: cover; opacity: 0.4; border-radius: 6.5px; border: solid 1px rgba(0, 0, 0, 0.1); } .photoSwipe_innerthumbs .product_thumbnail.selected img{ box-shadow: 0 0 0 1.5px rgba(33, 100, 255, 0.5), inset 0 0 0 1px #2164ff; opacity: 1; } .pswp__button.pswp__button--close{ right: 44px; top: 44px; width: 20px; height: 20px; color: #919191; background-image: none !important; } .pswp__preloader{ display: none; } .product-badge-wrapper{ position: absolute; top: 24px; right: 24px; display: flex; } .scroller-platter .product-badge-wrapper{ display: none; top: 14px; right: 14px; } .nav-bar__linklist hr { height: 2px; margin: 0; background: #333; border: none; transition: all .3s ease-in-out, display .3s linear; display: none; position: absolute; top: calc(100% - 2px); } .collection-sticky-section{ position: sticky; top: var(--sticky-header-height); z-index: 9; border-bottom: 1px solid #ebe9e9;; } .nav-bar__linklist{ display: flex; align-items: center; } .product-form-blue-btn.btn--primary svg{ display: none; } .product-form-blue-btn.added svg{ display: block; width: 18px; height: 18px; margin-right: 6px; opacity: 0.8; } .site-footer__newsletter .input-message{ font-size: 14px; font-weight: 500; line-height: 1.57; margin-bottom: 10px; top: -12px; left: 0; } .site-footer__newsletter .input-error-message{ color: #ff1f33; display: none; } .site-footer__newsletter .input--error{ border-color: #ff1f33; } .site-footer__newsletter .form-message--success{ color: #fff; display: flex; background-color: unset; border: 0; padding: 0; outline: none; } .site-footer__newsletter .form-message--success .success_icon{ flex: 0 0 18px;width: 20px; height: 18px; border-radius: 50%; align-items: center; justify-content: center; margin-right: 6px; } .site-footer__newsletter .form-message--success .success_icon svg{ width: 16px; height: 20px; fill: #fff; } .site-footer__item_text{ width: 50%; flex: 1 1 50%; } .site-footer__newsletter .opt-in-checkbox-outer{ margin-top: 5px;white-space: nowrap; } .site-footer__newsletter .opt-in-checkbox-title{ display: inline-block; margin-left: 5px;white-space: normal; } .site-footer__newsletter .opt-in-checkbox-title a { color: #919191; } .site-footer__newsletter .opt-in-checkbox-title a:hover { color: #919191; } .site-footer__newsletter .opt-in-checkbox{ display: inline-block;vertical-align: top; -webkit-appearance: none; -moz-appearance: none; outline: none; width: 12px; height: 12px; top: 5px; background: black; position: relative; transition: background 0.1s; padding: 0; } .site-footer__newsletter .opt-in-checkbox:checked::after{ content:''; height: 4px; width: 7px; border: #FFFFFF solid 1px; position: absolute; top: 1px; left: 1px; border-top: none;border-right: none;transform:rotate(-45deg); } .footer-form-inner.is-success .input-group { display: none; } .footer-form-inner.is-success .opt-in-checkbox-outer { display: none; } .sms-error-message { width: 300px; } .subscribe-select-footer{ position: relative; width: 300px; } .subscribe-select-footer.is-success{ display: block; } .subscribe-form-phone-footer{ border-radius: 4px; width: 100%; padding-left: 52px; color: #fff; background: black; } .subscribe-form-phone-footer[type=text]:focus{ border:1px solid #fff; outline:none; } .subscribe-form-phone-footer::-webkit-input-placeholder{ color: #fff; } .subscribe-select-ab-footer{background-position: right 6px center; position: absolute; left: 1px; top: 50%; transform: translateY(-50%); width: 40px; outline: none; color: #fff; border-radius: 5px 0 0 5px; height: 93%; background: #222222; padding: 0 9px; } .subscribe-select-footer-svg{ position: absolute; top: 0; right: -2px; height: 100%; } .subscribe-select-footer-phone-text{ display: flex; flex-direction: row; width: 300px; margin-bottom: 10px; } .subscribe-select-footer-phone-title{ margin-left: 5px; color: #fff; } @media (max-width:1238px){ .subscribe-select-footer{ width: 374px; } .subscribe-form-phone-footer{ background: #fff; color: #222222; } .subscribe-select-ab-footer{ color: black; background: #fff; } .subscribe-form-phone-footer[type=text]:focus{ border:1px solid #919191; outline:none; } .subscribe-select-footer-svg { position: absolute; top: 2px; right: -1px; height: 93%; } .subscribe-select-footer-phone-title{ color: black; } .subscribe-form-phone-footer::-webkit-input-placeholder{ color: #bababa; } .site-footer__newsletter .form-message--success .success_icon svg>path:nth-child(1){ fill: black; } .site-footer__newsletter .form-message--success .success_icon svg>path:nth-child(2){ fill: #fff; } .site-footer__newsletter .opt-in-checkbox{ background: #919191; } } @media (max-width:420px){ .subscribe-select-footer{ width: 86.574074074vw; } .site-footer__newsletter .opt-in-checkbox{ background: #919191; } } @media screen and (max-width: 1239px){ .hideLaptop{ display: none; } .showLaptop{ display: block; } .slideshow__arrows{ display: none; } .slideshow__controls .slick-dots li, .slideshow .flickity-page-dots li{ width: 14px; height: 2px; background-color: rgba(255,255,255,0.5); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); margin:0 4px; } .index-tabs-content_block .scroller-platter:after{ content: 'flickity'; display: none; } .scroller-itemview, .index-tabs-content_block .scroller-platter{ transform: none; padding: 0; margin-right: 12px; } .scroller-itemview{ height: unset; margin-right: 0; padding-left: 12px; } .index-tabs-content_block .index-tabs-content_block__slider .scroller-platter .product-item-block:last-child{ width: 338px; padding-right: 18px !important; } .index-tabs-content_block .scroller-platter{ display: block; } .index-tabs-collections-wrapper .section-tabs-content { padding-left: 0 !important; } .index-tabs-collections-wrapper .flickity-page-dots{ display: block; text-align: center; } .index-tabs-collections-wrapper .flickity-page-dots .dot{ width: 8px; height: 8px; background: #ebe9e9; margin: 0 6px; } .index-tabs-collections-wrapper .flickity-page-dots .dot.is-selected{ background: #03060b; opacity: 0.6; } .section-tabs-content .product-card{ padding: 28px 20px 0; } .section-tabs-content .index-tabs-content_block__slider.new-label-present .product-card{ padding-top: 53px; } .index-tabs-content_block__slider.new-label-present .new-label{ top: 28px; } .product-card .product-main-category{ font-size: 20px; } .index-tabs-collections-wrapper .index-tabs-content_block__slider .product-item-block { padding:0; width: 320px; white-space: normal; height:auto; } .index-tabs-collections-wrapper .index-tabs-content_block__slider .product-item-block:first-child{ padding-left: 6px; width: 326px; } .index-tabs-collections-wrapper .slider_custom_arrows { display:none; } .mosaic_images_section .page-width-small, .quotes-section .page-width-small{ padding-left: 24px; padding-right: 24px; } .quotes-section .testimonials_row{ padding-top: 4px; padding-bottom: 26px; background-color: var(--section-bg); } .mosaic_section_wrapper{ margin: 0 -24px; } .mosaic_section_wrapper .mosaic_block .mosaic_block-caption{ position: absolute; top: 24px; bottom: unset; left: 24px; right: unset; padding: 0; display: block; width: calc(100% - 48px); margin: 0 !important; } .mosaic_section_wrapper .mosaic_block .mosaic_block-caption .h3, .mosaic_section_wrapper .mosaic_block .mosaic_block-caption .text{ margin-bottom: 4px; } .template-index .section-header h2{ font-size: 20px;} .template-index .section-header{ margin-bottom: 10px; } .mosaic_images_section .mosaic_section_wrapper{ display: flex; flex-wrap: wrap; } .mosaic_block-caption .h3, .mosaic_block-caption .text{ font-size: 17px; line-height: 1.24; } .mosaic_block-caption a{ font-size: 12px; } .mosaic_section_wrapper .mosaic_block{ border-radius: 0; margin: 0; } .testimonials_row .testimonials_slider{ background: unset !important; padding: 0; margin: 0; } [data-section-type="quotes"] .section-header{ margin: 0 0 10px 0; } [data-section-type=quotes] .testimonials_slider .testimonial_block{ background: transparent; padding: 28px 0 0; } [data-section-type="quotes"] .testimonials_slider .testimonial_block .title{ font-size: 14px; line-height: 1.28; } [data-section-type="quotes"] .testimonials_slider .testimonial_block .quote{ font-size: 12px; line-height: 1.33; } .site-footer{ margin-top: 20px; } .site-footer-wrapper .page-width-small{ padding: 0; } .site-footer .page-width{ padding: 0; } .site-footer__content .site-footer__item-inner .h5{ position: relative; padding: 18px 0; margin: 0 24px; margin-bottom: 0; border-bottom: 1px solid #ebe9e9; font-size: 14px; font-weight: 500; } .site-footer__content .site-footer__item-inner.active .h5{ border-bottom: 0; } .site-footer__content .site-footer__item-inner .h5 span{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .site-footer__item{ display: block; width: 100%; flex: 1 1 100%; margin-bottom: 0; padding-right: 0; } .site-footer__linklist{ background-color: #ededed; padding: 24px 24px 0 24px; } .site-footer__item-inner.active .site-footer__linklist{ display: block !important; } .site-footer__linklist-item{ padding: 0 0 24px; } .site-footer__item_newsletter, .site-footer__item_text{ width: 50%; flex: 1 1 50%; } .site-footer__item_newsletter{ padding-top: 34px; } .site-footer-wrapper .site-footer__content{ align-items: center; } .site-footer__newsletter{ max-width: 375px; margin: 0 auto 40px; } .grid--footer-float-left .site-footer-item-align-left{ text-align: center; } .site-footer__item-inner.active .h5 .plus-arrow, .site-footer__bottom_content .selectors-form{ display: none; } .site-footer__item-inner.active .h5 .minus-arrow{ display: block !important; } .site-header:not(.logo--left) .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-bar__input{ width: 100%; padding-left: 55px; border-bottom: 1px solid #ebe9e9;; font-size: 14px; color: #757575; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper .predictive-search-title .predictive-search-title__content{ font-size: 12px; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-bar__input::placeholder{ color: #757575; } .index-section{ padding-top: 35px; padding-bottom: 35px; } .index-section.quotes-section{ padding-bottom: 0; } .site-header__logo-image img.hideLaptop{ display: none; } .site-header__logo-image img.showLaptop, .scroller-platter .product-badge-wrapper{ display: block; } .template-product .mosaic_images_section .page-width-small{ padding-left: 18px; padding-right: 18px; } .template-product .mosaic_images_section .mosaic_section_wrapper{margin: 0; } .custom_menu_row_title{ margin-bottom: 16px; margin-left: 25px; } .slideshow__text-content .slideshow_text_wrapper{ margin: auto; max-width: 100%; } .slideshow__text-content .slideshow_text_wrapper .slideshow__btn{ font-size: 12px; font-weight: 600; line-height: 1.25; padding: 9px 14px; } .customer_nav_menu__wrapper{ margin-left: 15px; } .product-item__price_and_reviews_row{ margin-top: 20px; margin-bottom: 0; } .product-item__price_and_reviews_row .price{ margin-bottom: 0; } .scroller-platte .product-card .new-label{ line-height: 1; } .mosaic_block .mosaic_block-caption .link_text svg{ vertical-align: bottom; margin-left: 2px; } .mosaic_block.color-light .mosaic_block-caption .link_text svg{ fill: #fff; } .mosaic_block.color-dark .mosaic_block-caption .link_text svg{ fill: #757575; } [data-section-type="collection-template"]{ position: relative; } #country-selector-popup .popup-wrapper{ top: 0; left: 0; transform: unset; width: 100%; height: 100%; max-width: unset; max-height: 100%; border-radius: 0px; padding: 0; padding-bottom: 30px; } #country-selector-popup{ top: var(--header-height); height: calc(var(--doc-height) - var(--header-height)); left: 100%; transition: left 0.4s ease; } #country-selector-popup.visible{ left: 0; } #country-selector-popup .popup-overlay{ display: none; } #country-selector-popup .popup-title{ font-size: 16px; line-height: 2; padding: 7px 22px; text-align: left; border-bottom: 1px solid #ededed; margin-bottom: 34px; font-weight: 600; } #country-selector-popup .countries-list .country-block-inner{ width: 100%; } #country-selector-popup .popup-close{ right: 16px; top: 12px; } #country-selector-popup .popup-close svg.hideMobile, .Cart-Drawer .Drawer__Close svg.hideMobile{ display: none; } #country-selector-popup .popup-close svg.hideDesktop, .Cart-Drawer .Drawer__Close svg.hideDesktop{ display: block; } #country-selector-popup .countries-list{ padding: 0 30px; } #country-selector-popup .countries-list .country-block-wrapper{ flex-direction: column; margin-bottom: 30px; } #country-selector-popup .countries-list .country-block:first-child{ margin-top: 0; } #country-selector-popup .countries-list .country-block .region_title{ border-bottom: 0; padding-bottom: 10px; font-weight: bold; color: var(--color-text); } #country-selector-popup .countries-list .country-block a{ align-items: center; padding-right: 0; margin-bottom: 20px; width: 100%; } #country-selector-popup .countries-list .country-block a .flag-image{ margin-right: 14px; } #country-selector-popup .countries-list .country-block a .country-content{ display: flex; justify-content: space-between; align-items: center; width: calc(100% - 44px); } #country-selector-popup .countries-list .country-block .country-title{ margin-bottom: 0; line-height: 1; font-weight: 600; } #country-selector-popup .countries-list .country-block .country-subtitle{ font-size: 14px; line-height: 1; } .slideshow__text-content .slideshow_text_wrapper .mega-subtitle{ font-size: 16px; line-height: 1.13; font-weight: 500; } .site-footer__newsletter .form-message--success{ color: #919191; } /*.product-form__item--payment-button .product-form-external-btn{ width: 100%; margin-left: 0; }*/ } @media screen and (max-width: 749px){ .product-sticky-bar .page-width-small { padding: 0 0 0 18px; border-bottom: 1px solid #ebe9e9; } .product-sticky-bar .sticky-tabs-wrapper { box-shadow: none; position: relative; } .product-sticky-bar .sticky-tabs-wrapper::after { content: ''; position: absolute; top: 0; right: 0; z-index: 1; box-shadow: -11px 0 12px #fff; height: calc(100% - 1px); width: 18px; background: white; } .product-sticky-bar .sticky-product-info-bar{ flex-direction: column; } .product-sticky-bar .sticky-tabs-inner { justify-content: flex-start; overflow-x: auto; padding: 14px 0; } .product-sticky-bar .sticky-tabs-inner::-webkit-scrollbar{ display: none; } .product-sticky-bar .sticky-tabs-inner a { font-size: calc(var(--font-size-base) * 1px); line-height: 1.42; white-space: nowrap; color: #919191; font-weight: 600; margin: 0 30px 0 0; } /* .product-sticky-bar .sticky-tabs-wrapper, */ .product-sticky-bar .sticky-product-info-bar .product-name { display: none; } .product-sticky-bar .sticky-price-wrapper { justify-content: space-between; width: 100%; } .site-footer__item_newsletter{ order: 7; margin-top: 60px; padding: 0 24px; } .site-footer__item_text{ order: 8; } .site-footer__item_newsletter, .site-footer__item_text{ width: 100%; flex: 1 1 100%; } [data-section-type=quotes] .testimonials_slider .testimonial_block{ width: calc(50% - 18px); padding: 0; background: transparent; margin-right: 32px; margin-bottom: 26px; margin-top: 14px; } [data-section-type="quotes"] .testimonials_slider .testimonial_block .title{ margin-right: -10px; } [data-section-type=quotes] .testimonials_slider .testimonial_block:nth-child(2n){ margin-right: 0; } .page-width.testimonials_row{ margin: 0 24px; } .main-content-spacing{ padding-top: 30px; } .collection-page-spacer{ padding-top: 0; } .template-product .main-content-spacing{ padding: 0; } .site-header .site-header__mobile-nav .grid{ padding: 0 20px; } .site-header__logo img{ max-width: 156px !important; } .logo_element{ display: flex; align-items: center; } .logo_element .store_text{ font-size: 14px; margin-left: 0; border-left: 0; } /*.featured_collection_cart_page .scroller-platter:after{ content: 'flickity'; display: none; }*/ .hideMobile{ display: none; } .hideDesktop{ display: block; } .product-card .product-small-desc{ line-height: 1.28; } .Cart-Drawer .Drawer__Title{ font-size: 16px; line-height: 1.5; } .Cart-Drawer .Drawer__Close svg{ width: 44px; height: 44px; } .Cart-Drawer .Drawer__Header{ padding: 15px 0 10px 24px; } .Cart-Drawer .Drawer__Content .Drawer__Footer{ padding: 0; margin-top: 20px; box-shadow: 0 2px 12px -6px rgba(3, 6, 11, 0.06) !important; } .Cart-Drawer .Drawer__Content .Drawer__Footer > .cart-drawer-container{ padding-top: 10px; padding-left: 24px; padding-right: 24px; } .Drawer__Footer .promotion-message-wrapper.promotion-message--drawer.show{ padding-bottom: 10px; } .Cart-Drawer .Drawer__Content .Drawer__Footer .cart-subtotal-row{ padding-top: 16px; justify-content: space-between; } .Cart-Drawer .Drawer__Close{ padding: 0; right: 10px; top: 52%; transform: translateY(-50%); } .Cart-Drawer .Drawer__Header:after{ width: 100%; left: 0; } .CartItem{ margin-top: 4px; padding: 0 18px 22px 4px; } .CartItem .CartItem__ImageWrapper{ max-width: 120px; margin-left: 0; } .CartItem .CartItem__ImageWrapper .CartItem__Image{ max-height: 120px; } .CartItem .CartItem__Info__Wrapper{ max-width: calc(100% - 120px); padding-left: 4px; flex-direction: column; } .CartItem__Info .CartItem__Variant{ margin-bottom: 14px; } .CartItem__Info .CartItem__Variant.hideMobile{ display: none; } .CartItem__PriceList{ padding-left: 0; display: flex; align-items: center; margin-bottom: 12px; } .CartItem__QuantitySelector{ display: flex; align-items: flex-end; justify-content: space-between; width: 100%; } .CartItem__Remove{ position: relative; bottom: unset; right: unset; margin-top: 12px; } .Drawer__Main .rk-bought_together{ margin: 0 18px !important; } .Drawer__Footer{ box-shadow: 0 14px 24px 10px rgb(3 6 11 / 6%); padding-top: 2px; } .Drawer__Footer .promotion-message-wrapper.promotion-message--drawer.show p{ font-size: 12px; } .cart-subtotal-row{ padding-top: 0; } .cart-subtotal-alter{ font-size: 17px; } .cart-subtotal__price{ padding-left: 12px; } .cart__block .cart-subtotal-row .line-items-discount{ border-radius: 14px; padding: 0px; color: #fa4500; font-size: 14px; line-height: 2; } .Cart-Drawer .Drawer__Content .Drawer__Footer .Cart__Checkout.btn, .fs-checkout-btn-custom{ height: 44px !important; padding: 10px !important; width: 100% !important; } .CartItem__PriceList .CartItem__OriginalPrice{ margin-top: 0; margin-left: 4px; } .Cart-Drawer .Drawer__Content .Drawer__Footer .Cart__Checkout + .Cart__Checkout{ margin-top: 16px; color: #757575; } .CartItemWrapper:after{ width: calc(100% - 36px); left: 18px; } .fs-checkout-btn-custom span, .Cart-Drawer .Drawer__Content .Drawer__Footer .Cart__Checkout.btn{ font-size: 14px !important; font-weight: 600; } .product-container .product-single__media-group, .product-container .product-single__description-group{ width: 100%; } .template-product .product-container, .product-single__media__carousel_wrapper{ padding: 0; } .product-container .product-single__description-group .product-single__meta{ padding: 0 17px 0; } .product-container .product-single__title{ font-size: 24px; margin-bottom: 20px; } .product-container .price__pricing-group{ font-size: 19px; } .product-container .product-single__description{ margin: 20px -17px 30px -17px; padding: 22px 18px; border-radius: 0; } .product-single__meta .swatch .header, .product-single__meta .header{ font-size: 17px; } .qty .qty_btn, .qty .qty_btn svg, .qty .product-form__input--quantity, .QuantitySelector .QuantitySelector__Button{ width: 38px; height: 38px; } .qty .qty_btn svg *{ opacity: 1; } .QuantitySelector__CurrentQuantity, .qty .product-form__input--quantity{ font-size: 15px; } .QuantitySelector__CurrentQuantity{ width: 38px; height: 38px; } .variant-accessory-price{ padding-bottom: 12px; margin-bottom: 12px; } .variant-accessory-small-desc{ margin-top: 12px; } .product-container .store-features{ margin: 15px 0 0 0; padding-top: 30px; padding-bottom: 0; flex-wrap: wrap; } .product-container .store-features:after{ content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #efefef; } .product-container .store-features:after{ left: 0; width: 100%; } .product-container .store-features .store_feature{ flex-direction: column; align-items: baseline; margin-bottom: 30px; width: 50%; } .product-container .store-features .store_feature img{ width: 48px; height: 48px; } .product-container .store-features .store_feature .feature_title{ font-size: 14px; color: var(--color-text); font-weight: 500; } .product-container .contact-box{ margin-top: 25px; } .variant-accessory-content a{ text-transform: none; } .product__photos_text{ display: flex; align-items: center; justify-content: CENTER; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding: 4px 12px 3px; border-radius: 12px; background-color: #000; color: #fff; font-size: 12px; font-weight: 500; } .product__photos_text svg{ margin-right: 2px; } .product-single__description .rte{ height: 175px; } .site-footer__content .site-footer__social-icons{ justify-content: center; } .template-product .mosaic_images_section .mosaic_section_wrapper{ display: block; margin: 0 -18px; } .template-product .mosaic_images_section .mosaic_section_wrapper:after{ content: 'flickity'; display: none; } .template-product .mosaic_images_section .mosaic_section_wrapper .mosaic_block{ width: 330px !important; padding-left: 8px; border-radius: 0px; } .template-product .mosaic_images_section .mosaic_section_wrapper .mosaic_block:first-child{ width: 340px !important; padding-left: 18px; } .template-product .mosaic_images_section .mosaic_section_wrapper .mosaic_block:last-child{ width: 348px !important; padding-right: 18px; } .template-product .mosaic_section_wrapper .mosaic_block .mosaic_block-caption{ width: 262px; max-width: calc(100% - 48px); } .template-product .mosaic_images_section .mosaic_section_wrapper .mosaic_block .mosaic_block_inner{ position: relative; height: 100%; } .template-product .mosaic_images_section .mosaic_section_wrapper .mosaic_block .mosaic_block_inner .mosaic_image{ border-radius: 8px; } .template-product .mosaic_images_section .section-header{ text-align: left; margin-bottom: 0; } .template-product .mosaic_images_section .section-header .h5{ display: none; } .template-product .mosaic_images_section .section-header h2, .template-product .mosaic_block-caption .h3{ font-size: 24px; } .template-product .mosaic_section_wrapper .mosaic_block .mosaic_block-caption .h3{ margin-bottom: 16px; } .mosaic_section_wrapper .dot{ width: 8px; height: 8px; background-color: #ebe9e9; margin: 0 6px; border-radius: 50%; } .mosaic_section_wrapper .dot.is-selected{ background-color: #03060b; opacity: 0.6; } .mosaic_section_wrapper .flickity-page-dots{ padding-top: 15px; } .quotes-section .section-header h2{ font-weight: 800; } [data-section-type="quotes"] .testimonials_slider .testimonial_block .title{ font-weight: 600; } .site-footer{ padding-top: 0; } .pswp__button.pswp__button--close{ top: 20px; right: 20px; } .pswp .pswp__ui .pswp__button.btn.pswp__button--arrow--left{ left: 10px; } .pswp .pswp__ui .pswp__button.btn.pswp__button--arrow--right{ right: 10px; } .new-label-wrapper{ background-color: #fa4500; height: 98px; width: 100px; position: absolute; top: -50px; left: -50px; transform: rotate(-45deg); } .new-label-wrapper + .new-label{ margin-bottom: 0; color: #fff; font-size: 12px; font-weight: 600; position: absolute; top: 14px; left: 12px; transform: rotate(-45deg); line-height: normal; } .product-badge-wrapper .line-items-discount{ font-weight: 700; } .product-badge-wrapper .best-seller-label{ padding: 8px 16px; } .accessories-template .product-badge-wrapper .best-seller-label, .accessories-template .product-badge-wrapper .line-items-discount{ font-size: 12px; padding: 4px 10px; } .accessories-template .product-badge-wrapper{ top: 6px; right: 6px; } .accessories-template .product-card .new-label{ position: absolute; top: 32px; font-size: 12px; } .custom_payment_icons.hideDesktop{ display: flex; margin-top: 24px; } .custom_payment_icons .payment_icon img{ margin-bottom: 6px; height: 25px; } .product-form__controls-group .price-wrapper .regular-price{ font-size: 20px; } .product-form__item--payment-button .amazon-btn{ padding: 4px 20px 7.2px 20px; } .product-form__item--payment-button .amazon-btn span{ line-height: 1.4; } .product-form__item--payment-button .amazon-btn img{ height: 14px; } } @media screen and (min-width: 750px) and (max-width: 989px){ .slideshow__arrow.btn svg{ margin-left: 0; } #country-selector-popup .popup-wrapper{ padding-left: 40px; padding-right: 40px; } .product-container .product-single__media-group, .product-container .product-single__description-group{ width: 50%; } .product-single__media__carousel_wrapper{ padding: 0; } .product-container .product-single__title{ font-size: 26px; } .product-single__meta{ margin-left: 25px; } .product__media__arrows button.btn-previous{ left: 5px; } .product__media__arrows button.btn-next{ right: 5px; } .product-container .store-features .store_feature{ width: 50%; } .product-container .store-features{ flex-wrap: wrap; } .product-container .price__pricing-group{ font-size: 18px; } .product-form__controls-group .price-wrapper{ flex-wrap: wrap; justify-content: center; } .product-form__controls-group .price-wrapper .regular-price, .product-form__controls-group .price-wrapper .compare-price{ width: 100%; text-align: center; } } @media screen and (min-width: 750px) and (max-width: 1199px){ .page-width, .page-width-small{ padding-left: 55px; padding-right: 55px; } .page-width.testimonials_row{ margin: 0 55px; } .mega-menu .page-width{ padding-left: 30px; padding-right: 30px; } .logo_element .store_text{ display: none; } .header_cart_info{ margin-left: 15px; } .site-footer__bottom_content .disclosure__toggle{ font-size: calc(var(--font-size-base) * .9px); } } @media screen and (min-width: 1024px){ .site-header .site-header__icons .search-bar__interior .search-form__container, .mobile-nav-wrapper{ display: none; } .site-header .site-header__icons .search-bar__interior .search-form__container.show_form{ display: block; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width:730px; height: calc(100% + 1px); } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper { width: 100%; height: 100%; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .search-form__input{ width: 100%; height: 100%; padding: 15px 54px; border: 0; border-radius: 0; background: #ededed; outline: none; } .show_search_overlay .navigation_wrapper, .show_search_overlay .header-search-button, .show_search_overlay .customer_nav_menu__wrapper, .show_search_overlay .header_cart_info{ opacity: 0; visibility: hidden; } .product-item-block.product-item-block--withAlternateImage .product-card:hover .product-hover-content{ opacity: 1; } .product-item-block.product-item-block--withAlternateImage .product-card:hover .card-hover-shop-now-btn{ opacity: 1; visibility: visible; } .template-collection .product-item-block.product-item-block--withAlternateImage .product-card:hover .product-item__price_and_reviews_row{ visibility: hidden; } .qty .qty_btn:hover{ opacity: 0.5; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper.visible { box-shadow: 0 22px 24px -20px rgb(0 0 0 / 7%), 0 2px 20px 0 rgb(0 0 0 / 5%); } .CollectionGrid .product-item-block.product-item-block--withAlternateImage .product-card:hover .discount-label{ opacity: 0; visibility: hidden; } } @media screen and (min-width: 1240px){ .product-item-block.product-item-block--withAlternateImage .product-card:hover .product-card__image:not(.product-card__image--alternate) { opacity: 0; visibility: hidden; } .product-card:hover .product-badge-wrapper, .mosaic_block-caption .link_text svg{ display: none; } .CollectionGrid .product-item-block.product-item-block--withAlternateImage .product-card:hover .product-item__price_and_reviews_row{ opacity: 0; } .mosaic_block:hover .link_text{ text-decoration: underline; } .mosaic_block-caption .link_text:after{ content: ''; border-style: solid; border-width: 0 1.3px 1.3px 0; display: inline-block; padding: 2.8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; bottom: 5.5px; margin-left: 3px; } .mosaic_block.color-light .mosaic_block-caption .link_text:after{ border-color: rgba(255, 255, 255, 0.7); } .mosaic_block.color-dark .mosaic_block-caption .link_text:after{ border-color: #757575; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper.visible { box-shadow: 0 22px 24px -20px rgb(0 0 0 / 7%), 0 2px 20px 0 rgb(0 0 0 / 5%); } .product-container .contact-box a:hover, .product-desc-expand:hover, .variant-accessory-content a:hover{ text-decoration: underline; } } .template-product .index-section, .template-product .padding-section { padding-top: 40px; padding-bottom: 40px; } .template-product .mosaic_images_section { margin-top: 45px; } .section-header--subtitle {font-size: 17px;font-weight: 600;color: #666!important;max-width: 780px;margin: 0 auto;display: block;} .section-title {text-align: center; margin-bottom: 48px;} .section-title h2 {font-size: 40px; line-height: 1.1; margin-bottom: 16px;} .product-single__media__carousel .flickity-page-dots{ position: absolute; bottom: 10px; display: none; } .product-single__media__carousel .dot{ width: 8px; height: 8px; margin: 0 6px; background-color: #767676; opacity: 0.24; } .product-single__media__carousel .dot.is-selected{ opacity: 1; } @media (max-width: 749px) { .section-title {text-align: left; margin-bottom: 16px;} .section-title h2 {font-size: 24px;} .section-header--subtitle {font-size: 15px;font-weight: 500;line-height: 1.47;} .template-product .mosaic_images_section { margin-top: 5px; } .flickity-viewport .AnnouncementBar__Content{ max-width: 315px; } .product-single__media__carousel .flickity-page-dots{ display: block; } .template-product .index-section .page-width-small, .product-section .section-header { padding-left: 18px; padding-right: 18px; } .product-section .section-header h2{ margin-right: 38px; margin-bottom: 4px; font-weight: 900; } .product-section .section-title{ margin-bottom: 26px; } .template-product .index-section .product-section .page-width-small{ padding: 0; } .template-product .product-section .answer.active{ padding: 10px 47px 11px 33px; background-color: #f8f8f8; } .question .icon{ margin-top: 5px; margin-right: 0; } .question .icon.icon-chevron-right{ margin-top: 7px; } .question.active .icon--chevron-down{ transform: rotate(180deg); margin-top: 7px; } .product-section .question{ align-items: unset; position: relative; font-weight: 600; } .product-section .question span{ margin-right: 35px; } .product-section .answer_content, .product-section .answer_content p{ font-weight: 400; } .homepage_accordion .homepage_accordion__block:not(:last-child) { border-bottom: 0; } .product-section .question:after{ content: ''; position: absolute; left: 18px; top: 100%; background-color: #ebe9e9; height: 1px; width: calc(100% - 36px); } .product-section .question.active:after{ content: unset; } .enabled_mobile_sticky_btns .product-form-sticky-parent{ display: block; } .cart__buttons-wrapper{ display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; } .cart__buttons-wrapper .cart__submit, .fs-checkout-btn-custom{ height: 44px !important; padding: 12px 39px !important; width: auto !important; } .fs-checkout-btn-custom{ padding: 10px 39px !important; } .cart__buttons-wrapper .cart__submit, .fs-checkout-btn-custom{ width: 45% !important; } .Drawer__Footer .fs-checkout-btn-custom{ width: 100% !important; } .cart__buttons-wrapper .Continue__shopping{ width: 55%; margin-top: 0 !important; margin-right: 14px; } .cart__buttons-wrapper .cart__submit, .cart__buttons-wrapper .Continue__shopping a, .cart-drawer-container .Continue__shopping, .Cart-Drawer .Drawer__Content .Drawer__Footer .Cart__Checkout.btn, .fs-checkout-btn-custom{ font-size: 13px !important; font-weight: 600 !important; line-height: 1.54 !important; } .cart__buttons-wrapper .Continue__shopping a, .cart-drawer-container .Continue__shopping{ color: #757575; width: 100%; height: 44px; display: block; padding: 12px 10px; border: 1px solid #c0c1c2; border-radius: 28px; } } @media only screen and (min-width: 750px) { .template-product .index-section, .template-product .padding-section { padding-top: 80px; padding-bottom: 80px; } .product-container .product-single__description-group, .product-container .product-single__media-group{ padding-top: 20px; } } /* acsb icon & pushowl */ body .acsb-trigger.acsb-trigger-size-medium { width: 45px; height: 45px; right: 30px!important; left: auto!important; bottom: 70px!important; } body .acsb-trigger.acsb-trigger-size-small { width: 35px; height: 35px; z-index: 1000!important; } body .pushowl-simple-toast { bottom: 202px!important; right: 30px; left: auto!important; height: 45px !important; background: transparent !important; box-shadow: unset !important; outline: none; } body .pushowl-simple-toast.is-maximized{ border-radius: 12px !important; background: #212B36 !important; } body .pushowl-simple-toast__content{ background: #212B36 !important; } body .pushowl-simple-toast .pushowl-bell-button { width: 45px !important; border-radius: 50% !important; outline: none; } body .pushowl-simple-toast__action-buttons .pushowl-bell-button { border-radius: 50% !important; outline: none; } @media (max-width: 1023px) { .acsb-trigger.acsb-trigger-size-small { bottom: 70px !important; right: 30px!important; } body .pushowl-simple-toast { right: 14px!important; left: auto!important; height: 35px !important; bottom: 180px!important; } body .pushowl-simple-toast .pushowl-bell-button { width: 35px !important; } .back-to-top { width: 40px; height: 40px; bottom: 204px; right: 24px; } } @media (max-width: 749px) { .back-to-top { width: 40px; height: 40px; bottom: 204px; right: 24px; } } img.mobile-image { display: none; } @media (max-width: 600px){ img.mobile-image { display: block; } img.desktop-image { display: none; } } /* Make sure icons are not covered by Sticky PDP Form */ @media screen and (max-width: 749px) { .acsb-trigger.acsb-trigger-size-small, .icon-zendesk, .pushowl-simple-toast { right: 14px!important; } body.enabled-mobile-sticky .acsb-trigger.acsb-trigger-size-small { bottom: 320px!important; } body.enabled-mobile-sticky .icon-zendesk { bottom: 237px!important; } body.enabled-mobile-sticky .pushowl-simple-toast { bottom: 438px!important; } } /* Product recommendations page */ .page-white-bg{ background-color: #fff; } .product-recommendations-page-wrapper{ border-bottom: 1px solid #B9B9B9; padding: 0 20px; } .recommedation-container{ max-width: 1220px; color: #212121; margin: 0 auto; padding: 90px 0 60px 0; text-align: center; font-family: 'Montserrat', sans-serif; line-height: 1.2; } .recommedation-container h2{ font-family: 'Montserrat', sans-serif; font-size: 56px !important; font-weight: 700; letter-spacing: 0 !important; line-height: 1.22; margin-bottom: 24px; } .recommedation-container .recommendation-desc{ font-size: 18px; font-weight: 700; line-height: 1.2; } .recommedation-container .recommendation-desc p{ color: #212121; } .recommendation-wrapper{ margin-top: 30px; } .recommendation-row{ display: flex; width: 100%; padding-top: 60px; position: relative; } .recommendation-row .recommendation-column{ width: calc(50% - 9px); margin: 0 9px; } .recommendation-row .recommendation-column.left-column{ display: flex; flex-direction: column; justify-content: center; background: #F7F8F8; border-radius: 50px; padding: 50px 50px 58px; position: relative; } .recommendation-row .recommendation-column:first-child{ margin-left: 0; } .recommendation-row .recommendation-column h3{ font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; margin-bottom: 40px; } .power-station-dropdown{ width: 100%; background: transparent; border-radius: 6px; border: 1px solid #BFD6DE; font-size: 18px; font-weight: 700; padding: 14px 32px; background: url(select-arrow.svg) no-repeat 96% center; } .power-station-image{ max-width: 390px; margin: 98px auto 0; display: none; } .power-station-image.active{ display: block; } .recommendation-row .recommended_products.active{ display: flex; } .recommended_products{ display: none; flex-direction: column; height: 100%; } .recommended_products .recommended_product{ display: flex; background: #F7F8F8; border-radius: 50px; padding: 32px 42px 38px 42px; margin-bottom: 15px; height: 50%; align-items: center; } .recommended_products .recommended_product:last-child{ margin-bottom: 0; } .recommended_products .recommended_product .product-image{ width: 42%; } .recommended_products .recommended_product .product-info{ width: 58%; padding-left: 7%; text-align: left; } .recommended_products.count-1 .recommended_product{ height: 100%; flex-direction: column; justify-content: center; } .recommended_products.count-1 .recommended_product .product-info, .accessory-outer .product-info{ text-align: center; margin-top: 40px; } .recommended_products.count-1 .recommended_product .price-wrapper, .recommended_products.count-1 .recommended_product .qty-wrapper, .accessory-outer .price-wrapper, .accessory-outer .qty-wrapper{ justify-content: center; } .recommendation-row .recommendation-column .recommended_product h3{ margin-bottom: 28px; } .recommended_product .price-wrapper{ display: flex; align-items: center; } .recommended_product .product-price{ font-size: 25px; font-weight: 700; margin-right: 14px; } .recommended_product .product-compare-price{ font-size: 18px; font-weight: 700; color: #868685; text-decoration: line-through; } .recommended_product .qty-wrapper{ margin: 28px 0; display: flex; align-items: center; } .recommended_product .qty-minus, .recommended_product .qty-plus{ cursor: pointer; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: #d4d4d4; border-radius: 4px; } .recommended_product .qty-wrapper svg{ display: block; } .recommended_product .qty-wrapper .qty-value{ width: 70px; height: 30px; border: 0; background: transparent; padding: 10px; text-align: center; font-size: 18px; font-weight: 700; } .recommended_product .qty-wrapper .qty-value::-webkit-outer-spin-button, .recommended_product .qty-wrapper .qty-value::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ .recommended_product .qty-wrapper .qty-value[type=number] { -moz-appearance: textfield; } .add-to-cart button, .add-to-cart .atc_btn{ background: #212121; color: #fff; border-radius: 90px; width: 100%; max-width: 250px; height: 50px; line-height: 50px; border: 0; font-weight: 700; font-size: 18px; } .view-details-btn{ margin-top: 28px; font-size: 14px; text-decoration: underline; cursor: pointer; font-weight: 500; } .product-recommendation-wrapper{ height: 100%; } .add_more_btn_wrap{ text-align: left; } .add_more_btn_wrap .add_more_btn, .recommedation_btn a{ min-width: 250px; display: inline-block; margin-top: 28px; padding: 12px 32px; background: #0C87CC; color: #fff; border-radius: 32px; border: 0; font-size: 14px; font-weight: 700; } .add_more_btn_wrap .add_more_btn{ margin-left: 10px; } .add_more_btn_wrap .add_more_btn svg{ display: inline-block; margin-right: 16px; height: 16px; vertical-align: middle; } .recommendation-row .bundle-sign{ position: absolute; top: 50%; right: -54px; transform: translateY(-50%); width: 90px; height: 90px; background: #0C87CC; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .recommendation-row .bundle-sign svg{ width: 30px; height: 30px; } .view-details-popup{ z-index: 999999999; font-family: 'Montserrat', sans-serif; display: none; position: fixed; top: 0; left: 0; width: 100%; height: var(--doc-height); } .popup-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .view-details-popup .popup-content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; max-width: 1220px; padding: 50px; border-radius: 50px; background: #fff; height: 90%; overflow: scroll; } .view-details-popup .popup-close{ position: absolute; right: 45px; top: 45px; padding: 5px; cursor: pointer; } .view-details-popup .popup-title, .view-details-popup .product-title{ font-size: 32px; font-weight: 700; line-height: 1.2; } .view-details-popup .product-images-wrapper{ margin: 30px 30px 30px 6px; display: flex; align-items: center; } .view-details-popup .product-images-wrapper img{ width: 33.33%; padding-left: 24px; } .view-details-popup .product-title{ padding-bottom: 30px; border-bottom: 1px solid #B9B9B9; } .view-details-popup .desc-title{ font-size: 28px; font-weight: 700; line-height: 1.2; margin-bottom: 30px; } .view-details-popup .product-description{ margin-bottom: 30px; } .view-details-popup .product-specifications img{ width: 100%; margin-bottom: 20px; } .recommendation-row .recommendation-column.accessory-outer{ width: calc(33.33%); padding: 28px; margin: 0; } .accessories-wrapper .recommendation-row{ flex-wrap: wrap; } .add-to-cart [data-error-message]{ color: red; margin-top: 5px; } .suggestion-text{ margin-top: 8px; font-size: 14px; } html.removePadding{ padding-bottom: 0 !important; } .slick-dotted.slick-slider{ margin: 0 !important; } @media (min-width: 750px) { .product-container .discount-label:not(:empty) { font-size: 14px; } } @media screen and (min-width: 768px) and (max-width: 1024px){ .recommendation-row .recommendation-column.left-column, .recommended_products .recommended_product{ padding: 50px 20px; } .recommended_product .price-wrapper{ flex-direction: column; align-items: baseline; } } @media screen and (max-width: 767px){ .recommedation-container{ padding: 30px 10px 50px 10px; } .recommedation-container h2{ font-size: 35px !important; } .recommendation-wrapper{ margin-top: 15px; } .recommendation-row{ padding-top: 30px; flex-direction: column; } .recommendation-row .recommendation-column{ width: 100%; margin: 0; } .recommendation-row .recommendation-column h3{ margin-bottom: 30px; } .recommendation-row .recommendation-column.left-column{ border-radius: 20px; padding: 30px; margin-bottom: 20px; } .power-station-image{ margin-top: 60px; } .recommended_products .recommended_product{ padding: 30px; border-radius: 20px; } .recommended_products .recommended_product .product-image, .recommended_products .recommended_product .product-info{ width: 100%; padding: 0; text-align: center; } .recommended_products .recommended_product .product-image{ margin-bottom: 20px; } .power-station-image, .recommended_product .price-wrapper, .recommended_product .qty-wrapper{ justify-content: center; } .power-station-image img{ width: 240px; height: 240px; object-fit: contain; } .recommendation-row .bundle-sign{ width: 60px; height: 60px; z-index: 2; top: unset; bottom: -40px; left: 50%; transform: translateX(-50%); } .add_more_btn_wrap .add_more_btn{ margin-left: 0; } .view-details-popup .slick-arrow.slick-prev, .recommendation-row .slick-arrow.slick-prev { left: 30px; background: #212121 url(https://cdn.shopify.com/s/files/1/1996/9707/files/DT_ARROW.svg?v=1655543501) no-repeat center center; } .view-details-popup .slick-arrow.slick-next, .recommendation-row .slick-arrow.slick-next { right: 30px; background: #212121 url(https://cdn.shopify.com/s/files/1/1996/9707/files/DT_ARROW_1.svg?v=1655544682) no-repeat center center; } .view-details-popup .slick-arrow.slick-prev:before, .view-details-popup .slick-arrow.slick-next:before, .recommendation-row .slick-arrow.slick-prev:before, .recommendation-row .slick-arrow.slick-next:before, .recommendation-row .slick-dots button:before{ content: unset; } .view-details-popup .slick-dots, .recommendation-row .slick-dots{ bottom: 10px; } .view-details-popup .slick-dots li, .recommendation-row .slick-dots li { width: 7px; height: 7px; background: #8E8E8E; margin: 0 4px; border-radius: 50%; } .view-details-popup .slick-dots li.slick-active, .recommendation-row .slick-dots li.slick-active { background: #000; } .recommendation-row .slick-slider.count-2, .accessories-wrapper .slick-slider, .product-images-wrapper.slick-slider{ padding-bottom: 65px !important; } .add_more_btn_wrap{ text-align: center; } .more-accessories{ padding-top: 60px; } .accessories-wrapper .recommendation-row{ display: block; } .view-details-popup .popup-content{ top: 20%; bottom: 0; transform: unset; left: 0; width: 100%; height: auto; padding: 24px 22px; border-radius: 20px 20px 0 0; } .view-details-popup{ overflow:scroll; } .view-details-popup .popup-title, .view-details-popup .product-title{ font-size: 28px; } .view-details-popup .desc-title{ font-size: 20px; } .view-details-popup .product-images-wrapper{ display: block; } .view-details-popup .product-images-wrapper img{ padding-left: 0; } .view-details-popup .product-title { margin-top: 40px; } .view-details-popup .popup-close{ top: 26px; right: 26px; } .recommended_products .recommended_product .product-image img{ margin: auto; } .view-details-popup .product-images-wrapper{ opacity: 0; visibility: hidden; } .recommendation-row .bundle-sign svg{ transform: rotate(90deg); width: 24px; } } /* Ecosystem page */ .ecosystem-page-outer{ background: #1D1D1D; color: #F5F5F7; } .ecosystem-page-outer h2, .ecosystem-page-outer p{ color: #F5F5F7 !important; } .alternate-image--with-text-content .quote{ font-weight: 500; font-style: italic; } .ecosystem-page-outer p, .home-ecosystem-slideshow-navigation .ecosystem-slide-nav .nav-heading, .alternate-image--with-text-content .author{ font-weight: 500; } .ecosystem-container{ max-width: 1360px; margin: 0 auto; padding: 0 20px; } .ecosystem-banner{ position: relative; } .home-ecosystem-banner{ padding-bottom: 80px; } .home-ecosystem-banner img{ width: 100%; height: calc(100vh - var(--header-height)); object-fit: cover; } .ecosystem-banner .banner-inner{ width: 100%; position: absolute; padding-top: 50px; padding-bottom: 30px; left: 0; bottom: 0; display: flex; justify-content: center; background: rgba(29,29,29,.6); } .ecosystem-banner .banner-inner h2{ margin-bottom: 20px; padding-right: 60px; } .ecosystem-banner .banner-inner h2 p{ font-size: 40px; line-height: 1; } .ecosystem-banner .banner-inner h2, .ecosystem-banner .banner-inner p{ color: #F5F5F7; } .ecosystem-banner .banner-inner .banner-content div{ width: calc(565 / 1920 *100vw); } .ecosystem-banner .banner-inner p, .home-ecosystem-slideshow-inner .slide-desc, .home-ecosystem-slideshow-navigation .ecosystem-slide-nav .nav-subheading, .home-ecosystem-image-with-text .image-with-text-introduction p, .home-ecosystem-bundles-inner .bundle-box.odd .bundle-desc p { font-size: 16px; } .home-ecosystem-slideshow{ position: relative; margin: 100px 0 60px 0; } .home-ecosystem-slideshow .slideshow-introduction{ position: absolute; top: 0; left: 0; width: 500px; } .home-ecosystem-slideshow .slideshow-introduction h2{ font-size: 40px !important; line-height: 1.2; margin-bottom: 0; } .home-ecosystem-slideshow-inner .slide-desc{ width: calc(100% - 550px); margin-left: auto; margin-top: 25px; margin-bottom: 100px; } .home-ecosystem-slideshow-navigation{ display: flex; flex-wrap: wrap; margin-top: 60px; justify-content: flex-start; } .home-ecosystem-slideshow-navigation .ecosystem-slide-nav{ width: 200px; position: relative; margin-right: 20px; margin-bottom: 40px; cursor: pointer; } .home-ecosystem-slideshow-navigation .ecosystem-slide-nav .bar{ width: 100%; height: 2px; background-color: #F5F5F7; margin-bottom: 10px; } .home-ecosystem-slideshow-navigation .ecosystem-slide-nav .nav-heading{ font-size: 16px; line-height: 1; margin-bottom: 12px; } .home-ecosystem-slideshow-navigation .ecosystem-slide-nav.slide-active .bar{ background-color: #0FD0E2; height: 4px; margin-top: -1px; } .home-ecosystem-image-with-text{ padding: 150px 0 80px 0; } .home-ecosystem-image-with-text .image-with-text-introduction h2{ font-weight: bold; font-size: 40px !important; line-height: 1; max-width: 350px; margin-bottom: 25px; } .home-ecosystem-image-with-text .image-with-text-introduction p{ max-width: 550px; margin-bottom: 30px; } .home-ecosystem-image-with-text .image-with-text-introduction .image-text-line{ color: #7F7F81; font-weight: bold;} .home-ecosystem-image-with-text .image--with-text-image{ margin-top: -14%; text-align: right; } .home-ecosystem-bundles h2 p{ font-size: 88px; line-height: 0.9; text-align: center; padding: 0 20px; margin-bottom: 80px; } .home-ecosystem-bundles-inner .home-ecosystem-bundles-row{ display: flex; flex-wrap: wrap; } .home-ecosystem-bundles-inner .bundle-box{ height: 1080px; width: 50%; background-size: 90%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .home-ecosystem-bundles-inner .home-ecosystem-bundles-row:nth-child(2) .bundle-box:first-child{ background-size: 80%; } .home-ecosystem-bundles-inner .bundle-box.odd{ background-color: #fff; } .home-ecosystem-bundles-inner .bundle-box.even{ background-color: #1D1D1D; } .home-ecosystem-bundles-inner .bundle-box .bundle-title{ margin-top: 100px; text-align: center; } .home-ecosystem-bundles-inner .bundle-box .bundle-title p, .home-ecosystem-bundles-inner .bundle-box .bundle-subtitle{ font-weight: bold; font-size: 32px; line-height: 1; } .home-ecosystem-bundles-inner .bundle-box.odd .bundle-title p, .home-ecosystem-bundles-inner .bundle-box.odd .bundle-subtitle, .home-ecosystem-bundles-inner .bundle-box.odd .bundle-desc p{ color: #1d1d1d !important; } .home-ecosystem-bundles-inner .bundle-box.even .bundle-title p, .home-ecosystem-bundles-inner .bundle-box.even .bundle-subtitle, .home-ecosystem-bundles-inner .bundle-box.even .bundle-desc p{ color: #F5F5F7 !important; } .home-ecosystem-bundles-inner .bundle-box .bundle-content{ margin-bottom: 100px; text-align: center; padding: 0 16px; } .home-ecosystem-bundles-inner .bundle-box .bundle-subtitle{ margin-bottom: 20px; font-weight: bold; } .home-ecosystem-bundles-inner .bundle-box .bundle-content .btn{ width: 200px; border: 0; border-radius: 0; text-transform: none; font-size: 16px; padding: 8px 15px; margin-top: 25px; justify-content: center; } .home-ecosystem-bundles-inner .bundle-box.odd .bundle-content .btn{ background: #1d1d1d; color: #F5F5F7; } .home-ecosystem-bundles-inner .bundle-box.even .bundle-content .btn{ background: #F5F5F7; color: #1d1d1d; } .home-ecosystem-image-with-text-alternate{ padding: 100px 0; display: flex; flex-wrap: wrap; } .alternate-image--with-text-image-1, .alternate-image--with-text-content{ width: 50%; } .alternate-image--with-text-image-2{ width: 100%; text-align: right; margin-top: -22%; margin-left: -6%; } .alternate-image--with-text-image-2 img{ max-width: 50%; } .alternate-image--with-text-image-1{ z-index: 1; } .alternate-image--with-text-content{ padding: 50px 0 0 30px; } .alternate-image--with-text-content .quote{ font-size: 40px; line-height: 1.6; } .alternate-image--with-text-content .author{ font-size: 24px; margin-top: 25px; } @media screen and (min-width: 1320px) { [data-page="home-ecosystem"] .alternate-image--with-text-content .quote{ font-size: 32px; } } .home-ecosystem-bundles-alternate{ padding: 25px 0 150px 0; display: flex; flex-wrap: wrap; align-items: center; margin-left: -24px; } .home-ecosystem-bundles-alternate .bundle-grid{ width: 25%; padding-left: 24px; margin-bottom: 16px; } .home-ecosystem-bundles-alternate .bundle-grid.bundle-main-title{ width: 50%; text-align: right; } .home-ecosystem-bundles-alternate .bundle-grid.bundle-main-title h2{ display: inline-block; position: relative; width: 424px; max-width: 100%; text-align: left; } .home-ecosystem-bundles-alternate .bundle-grid.bundle-main-title p{ font-size: 40px; line-height: 1; padding-bottom: 20px; } .home-ecosystem-bundles-alternate .bundle-grid.bundle-main-title h2:after{ content: ' '; position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background-color: #0ECFE1; } .home-ecosystem-bundles-alternate .bundle-content { border-radius: 18px; padding: 35px 25px 25px 25px; } .section-ecosystem-images-grid .bundle-content {background-color: #f3f3f3;color: #1d1d1d;} .home-ecosystem-bundles-alternate .bundle-image{ height: 250px; position: relative; } .home-ecosystem-bundles-alternate .bundle-image img{ position: absolute; width: 100%; height: 100%; object-fit: contain; top: 0; left: 0; } .home-ecosystem-bundles-alternate .bundle-title{ font-size: 24px; font-weight: bold; line-height: 1; margin: 16px 0; color: #3a3a3a; } .home-ecosystem-bundles-alternate .bundle-btn{ font-size: 16px; color: #3a3a3a; } @media screen and (min-width: 1025px) and (max-width: 1320px){ .alternate-image--with-text-content .quote{ font-size: 30px; } .home-ecosystem-bundles-alternate .bundle-title{ font-size: 20px; } .home-ecosystem-bundles-alternate .bundle-content{ padding: 35px 20px 25px 20px; } .home-ecosystem-slideshow-navigation .ecosystem-slide-nav{ width: 175px; } } @media screen and (min-width: 768px) and (max-width: 1024px){ .home-ecosystem-slideshow-navigation .ecosystem-slide-nav{ width: 160px; } .home-ecosystem-bundles h2 p{ font-size: 50px; } .home-ecosystem-bundles-inner .bundle-box{ height: 725px; } .home-ecosystem-bundles-inner .bundle-box .bundle-title{ margin-top: 70px; padding: 50px;} .home-ecosystem-bundles-inner .bundle-box .bundle-content{ margin-bottom: 50px; } .home-ecosystem-bundles-inner .bundle-box .bundle-title p, .home-ecosystem-bundles-inner .bundle-box .bundle-subtitle{ font-size: 25px; } .home-ecosystem-bundles-inner .bundle-box .bundle-content .btn{ margin-top: 20px; } .alternate-image--with-text-content{ padding-top: 30px; } .alternate-image--with-text-content .quote{ font-size: 24px; line-height: 1.4; } .alternate-image--with-text-content .author{ font-size: 18px; margin-top: 15px; } .alternate-image--with-text-image-2{ margin-top: -20%; } .home-ecosystem-bundles-alternate .bundle-grid{ width: 50%; padding-left: 20px; margin-bottom: 20px; } .home-ecosystem-bundles-alternate{ margin-left: -20px; } } @media screen and (max-width: 1024px){ .home-ecosystem-slideshow{ margin: 40px 0; } .home-ecosystem-slideshow .slideshow-introduction{ position: relative; width: 100%; } .home-ecosystem-slideshow-inner .slide-desc{ width: 100%; margin-bottom: 50px; } .home-ecosystem-image-with-text{ padding-top: 50px; } .home-ecosystem-bundles-alternate .bundle-grid.bundle-main-title{ width: 100%; text-align: center; margin-bottom: 50px; } .home-ecosystem-bundles-alternate .bundle-grid.bundle-main-title h2{ text-align: center; } } @media screen and (max-width: 767px){ .ecosystem-container{ padding: 0; } .home-ecosystem-slideshow .slideshow-introduction, .home-ecosystem-slideshow-inner .slide-desc, .home-ecosystem-slideshow-navigation, .home-ecosystem-bundles-alternate .bundle-grid, .home-ecosystem-image-with-text .image-with-text-introduction{ padding: 0 16px; } .home-ecosystem-banner img{ height: auto; } .ecosystem-banner .banner-inner{ background: #000; height: auto; position: relative; flex-direction: column; padding: 0; padding-top: 6.4vw; } .ecosystem-banner .banner-inner h2{ width: 100%; padding-left: 0; text-align: center; margin-bottom: 0; } .ecosystem-banner .banner-inner .banner-content{ padding-top: 7.2vw; text-align: center; line-height: 1.4; padding-bottom: 5.0667vw; } .ecosystem-banner .banner-inner .banner-content div{ width: 100%; } .ecosystem-banner .banner-inner h2 p, .home-ecosystem-slideshow .slideshow-introduction h2, .home-ecosystem-bundles-inner .bundle-box .bundle-title p, .home-ecosystem-image-with-text .image-with-text-introduction h2{ font-size: 24px !important; } .home-ecosystem-slideshow-navigation .ecosystem-slide-nav{ width: 72px; margin-right: 40px; } .home-ecosystem-image-with-text .image--with-text-image{ margin: 20px auto 0; max-width: 75%; } .home-ecosystem-bundles{ margin-top: 30px; } .home-ecosystem-bundles h2 p{ font-size: 40px; line-height: 1; padding: 0 16px; text-align: left; } .home-ecosystem-bundles-inner .bundle-box{ width: 100%; height: 680px; } .home-ecosystem-bundles-inner .bundle-desc { height: auto !important; } .home-ecosystem-bundles-inner .bundle-box .bundle-content .btn { margin-top: 25px !important; } .home-ecosystem-bundles-inner .home-ecosystem-bundles-row:nth-child(2n) .bundle-box.even{ background-color: white; } .home-ecosystem-bundles-inner .home-ecosystem-bundles-row:nth-child(2n) .bundle-box.odd{ background-color: #1D1D1D; } .home-ecosystem-bundles-inner .home-ecosystem-bundles-row:nth-child(2n) .bundle-box.even .bundle-desc p { color: #1d1d1d !important; } .home-ecosystem-bundles-inner .home-ecosystem-bundles-row:nth-child(2n) .bundle-box.odd .bundle-desc p { color: #F5F5F7 !important; } .home-ecosystem-bundles-inner .home-ecosystem-bundles-row:nth-child(2n) .bundle-box.even .bundle-content .btn { background: #1d1d1d; color: #F5F5F7; } .home-ecosystem-bundles-inner .home-ecosystem-bundles-row:nth-child(2n) .bundle-box.odd .bundle-content .btn { background: #F5F5F7; color: #1d1d1d; } .home-ecosystem-bundles-inner .home-ecosystem-bundles-row:nth-child(2n) .bundle-box.even .bundle-subtitle, .home-ecosystem-bundles-inner .home-ecosystem-bundles-row:nth-child(2n) .bundle-box.even .bundle-title p { color: #1d1d1d !important; } .home-ecosystem-bundles-inner .home-ecosystem-bundles-row:nth-child(2n) .bundle-box.odd .bundle-subtitle, .home-ecosystem-bundles-inner .home-ecosystem-bundles-row:nth-child(2n) .bundle-box.odd .bundle-title p { color: #F5F5F7 !important; } .home-ecosystem-bundles-inner .bundle-box .bundle-title{ margin-top: 95px; } .home-ecosystem-bundles-inner .bundle-box .bundle-subtitle{ font-size: 16px; } .home-ecosystem-bundles-inner .bundle-box .bundle-content .btn{ margin-top: 25px; width: 160px; } .home-ecosystem-bundles-inner .bundle-box .bundle-content{ margin-bottom: 40px; } .alternate-image--with-text-image-1, .alternate-image--with-text-content{ width: 100%; } .home-ecosystem-image-with-text-alternate{ flex-direction: column-reverse; } .alternate-image--with-text-content{ padding: 16px; } .alternate-image--with-text-content .quote, .alternate-image--with-text-content .author{ font-size: 16px; } .alternate-image--with-text-image-2{ display: none; } .alternate-image--with-text-image-1{ margin-top: 25px; } .home-ecosystem-bundles-alternate .bundle-grid.bundle-main-title p{ padding-bottom: 30px; font-size: 32px; } .home-ecosystem-bundles-alternate{ margin-left: 0; padding-bottom: 50px; } .home-ecosystem-bundles-alternate .bundle-grid.bundle-main-title h2:after{ height: 2px; max-width: 216px; left: 50%; transform: translateX(-50%); } .home-ecosystem-bundles-alternate .bundle-grid{ width: 100%; padding: 0 16px; margin-bottom: 22px; } .home-ecosystem-bundles-alternate .bundle-image{ height: 290px; } .section-ecosystem-images-grid .bundle-content{ text-align: center; } .home-ecosystem-slideshow-navigation .ecosystem-slide-nav.slide-active .bar{ height: 2px; } .home-ecosystem-bundles-alternate .bundle-content{ padding: 32px 35px 40px 35px; } .home-ecosystem-slideshow .slideshow-introduction > * { display: block !important; } .home-ecosystem-slideshow .slideshow-introduction > div p { margin: 0; } .home-ecosystem-slideshow-navigation .ecosystem-slide-nav:nth-child(2) { width: 100px !important; } .home-ecosystem-slideshow-navigation .ecosystem-slide-nav:nth-child(4) { width: 100px !important; } .home-ecosystem-bundles-alternate .bundle-btn, .home-ecosystem-slideshow-navigation .ecosystem-slide-nav .nav-subheading {font-size: 16px; font-family: 'Gotham'; } .home-ecosystem-bundles h2 p { font-size: 40px; line-height: 1;padding: 0 16px; text-align: left; } .ecosystem-banner .banner-inner > h2, .ecosystem-banner .banner-content p { text-align: left; padding-right: 0; padding-left: 20px; padding-right: 20px} .home-ecosystem-banner { padding: 0;} .home-ecosystem-slideshow-navigation .ecosystem-slide-nav:nth-child(4) { width: 100px;} .home-ecosystem-slideshow .slideshow-introduction{ display: block; } } @media screen and (min-width: 568px) and (max-width: 767px){ .home-ecosystem-bundles-inner .bundle-box .bundle-content { margin-bottom: 40px; } .home-ecosystem-bundles-inner .bundle-box .bundle-content .btn { margin-top: 5px; } .home-ecosystem-bundles-inner .bundle-box .bundle-subtitle { margin-bottom: 5px; } } .trade-message{ padding: 25px; border-radius: 8px; background-color: #f8f8f8; margin-top: 44px; font-size: 16px; font-weight: 500; } .trade-message a, .affirm-message-item a{ color: #2164ff; } .product-main-video, .video-playing .product-single__media__carousel, .video-playing .product__media__arrows{ display: none; } .video-playing .product-main-video{ display: block; } .video-playing .thumbnails-wrapper{ margin-top: 20px; } .product-buttons-row{ display: flex; align-items: center; justify-content: center; } .product-buttons-row .youtube-video-trigger{ transition: all 0.2s linear; display: flex; align-items: center; font-size: 12px; font-weight: 500; color: #fff; background: #03060b; border-radius: 16px; padding: 5px 16px; margin-top: 26px; cursor: pointer; } .product-buttons-row .youtube-video-trigger svg{ width: 19px; height: auto; margin-right: 5px; fill: #fff; } .video-playing .product-buttons-row .youtube-video-trigger{ color: #fff; background-color: #2164FF; } .product-form__controls-group.affirm-message-enable .price-wrapper{ border-bottom: 0; padding-bottom: 0; margin-bottom: 10px; } .affirm-message-item{ font-weight: 500; color: #757575; font-size: 12px; } .product-single__meta .affirm-message-item{ font-size: 14px; color: var(--color-text); } .installation_text{ padding-top: 4px; margin-bottom: 6px; font-size: 14px; font-weight: 500; color: #757575; } .installation_text img{ margin-right: 4px; vertical-align: bottom; } .video-playing .thumbnails-wrapper .product-single__thumbnails.thumbnails-grid .product-single__thumbnails-block.selected{ border: 1px solid rgba(0,0,0,0.1); } .cbb-frequently-bought-container{ padding-top: 80px; margin-bottom: 0 !important; } .cbb-frequently-bought-title{ font-size: 40px !important; text-align: center !important; line-height: 1.1; font-weight: 700 !important; color: var(--color-text) !important; } .cbb-frequently-bought-recommendations-container{ padding: 30px; margin-top: 48px; background-color: #f8f8f8; display: flex; border-radius: 8px 8px 0 0; } .cbb-frequently-bought-selector-list{ background-color: #f8f8f8; padding: 0 30px 30px !important; border-radius: 0 0 8px 8px; } .cbb-frequently-bought-selector-list li{ margin-bottom: 10px; } .cbb-frequently-bought-total-price-text, .cbb-frequently-bought-total-price-sale-price{ font-weight: 700 !important; font-size: 20px; color: var(--color-text) !important; } .cbb-frequently-bought-total-price-sale-price{ margin: 0 0 0 8px !important; } .cbb-frequently-bought-total-price-was-price{ font-size: 16px; margin-left: 8px !important; font-weight: 500 !important; color: #919191 !important; } .cbb-frequently-bought-add-button{ text-transform: uppercase; font-weight: bold; width: auto !important; padding: 10px 32px !important; border-radius: 28px !important; border: 0 !important; font-size: 14px !important; background-color: #2164ff !important; } .cbb-frequently-bought-add-button span{ color: #fff !important; font-size: 14px; line-height: 1.7; } .cbb-frequently-bought-form .cbb-frequently-bought-add-button:hover{ border: 0 !important; opacity: 0.8; } .cbb-frequently-bought-products{ margin-right: 80px !important; margin-bottom: 0 !important; } .none-selected .cbb-frequently-bought-products{ margin-right: 0px !important; } .cbb-frequently-bought-plus-icon{ position: relative; width: 30px !important; height: 140px !important; display: inline-block; vertical-align: middle; float: none !important; font-size: 0 !important; padding: 0 55px; } .cbb-frequently-bought-plus-icon:before, .cbb-frequently-bought-plus-icon:after{ content: ''; width: 30px; height: 3px; background: #c0c1c2; border-radius: 1.5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cbb-frequently-bought-plus-icon:after{ transform: rotate(90deg); left: 37%; top: 49%; } .cbb-frequently-bought-selector-input{ width: 16px !important; height: 16px !important; margin-right: 8px; } .cbb-frequently-bought-selector-link{ margin-left: 3px; } .cbb-frequently-bought-selector-label-name{ font-size: 14px !important; color: #757575 !important; font-weight: 500 !important; margin-left: 3px; line-height: normal !important; margin-bottom: 0; } .cbb-frequently-bought-selector-label-sale-price{ color: var(--color-text) !important; } .cbb-frequently-bought-selector-label-compare-at-price{ color: #757575 !important; font-weight: 500 !important; } .cbb-frequently-bought-product-image{ display: inline-block; vertical-align: middle; } .cbb-frequently-bought-selector-list select{ background-position: right 10px center; } .cbb-frequently-bought-selector-list li .translatable, .cbb-frequently-bought-selector-list li .cbb-frequently-bought-selector-label-name, .cbb-frequently-bought-selector-list li .cbb-frequently-bought-selector-link{ margin-left: 0 !important; } @media screen and (min-width: 750px){ .cbb-frequently-bought-product, .cbb-frequently-bought-product-image-link, .cbb-frequently-bought-product-image{ width: 140px !important; height: 140px !important; } .cbb-frequently-bought-product:first-child{ width: 290px !important; } .cbb-frequently-bought-total-price-box, .cbb-frequently-bought-selector-list li{ display: flex; align-items: center; } .first-selected .cbb-frequently-bought-product{ width: 140px !important; } } @media screen and (min-width: 750px) and (max-width: 1060px){ .cbb-frequently-bought-products{ text-align: left !important; } .cbb-frequently-bought-product:first-child{ width: 230px !important; } .cbb-frequently-bought-plus-icon{ margin: 0; padding: 0 40px; } .cbb-frequently-bought-recommendations-container{ flex-direction: column; } .cbb-frequently-bought-plus-icon:after{ left: 31%; } } @media screen and (max-width: 749px){ .bought-together-container{ padding: 0 17px; } .cbb-frequently-bought-recommendations-container{ flex-direction: column; padding: 20px 20px 0 !important; margin-top: 20px; } .cbb-frequently-bought-selector-list{ padding: 0 20px 20px !important; } .cbb-frequently-bought-container{ padding-top: 40px; margin-top: 0 !important; } .cbb-frequently-bought-title{ font-size: 24px !important; text-align: left !important; } .cbb-frequently-bought-products{ margin-right: 0 !important; text-align: left !important; display: flex !important; align-items: center; justify-content: center; } .cbb-frequently-bought-plus-icon{ height: 30px !important; padding: 0 30px; } .cbb-frequently-bought-plus-icon:after{ left: 26%; } .cbb-frequently-bought-product-image, a.cbb-frequently-bought-product-image-link{ float: none !important; width: 100px !important; height: 100px !important; } .cbb-frequently-bought-product{ text-align: center; width: auto !important; height: 100px !important; align-items: center; justify-content: center; flex: 0 0 auto; } .cbb-frequently-bought-total-price-box{ display: flex; text-align: left !important; } .cbb-frequently-bought-total-price-text, .cbb-frequently-bought-total-price-sale-price{ font-size: 16px; } .cbb-frequently-bought-total-price-was-price{ font-size: 14px; } .video-playing .product-video-close{ display: block; cursor: pointer; position: absolute; right: 16px; top: 16px; background-color: rgba(255,255,255,0.2); padding: 4px; border-radius: 50%; } .video-playing .product-video-close svg{ display: block; width: 24px; height: 24px; } .trade-message{ margin-top: 24px; } .cbb-frequently-bought-selector-input{ vertical-align: middle; } } .tracking-iframe { position: relative; padding-bottom: 680%; } .tracking-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width: 440px) { .tracking-iframe { padding-bottom: 660%; } } @media screen and (min-width: 500px) { .tracking-iframe { padding-bottom: 640%; } } @media screen and (min-width: 640px) { .tracking-iframe { padding-bottom: 620%; } } @media screen and (min-width: 769px) { .tracking-iframe { padding-bottom: 100%; } } @media screen and (min-width: 992px) { .tracking-iframe { padding-bottom: 870px; } } .inner-carl .carousel-caption{ top: 50%; transform: translateY(-50%); font-size: 45px; padding: 20px; bottom: unset; left: 0; right: 0; } .inner-carl .carousel-caption p{ font-weight: 700; line-height: 1.3; } .template_advocate_signup_button{ justify-content: center; } [data-page="black-friday-referral"] .custom-html-section .referral-page-subtitle { font-size: 22px; line-height: 1.35; } [data-page="black-friday-referral"] .custom-html-section{ padding-top: 0; } #conjured_coupon_display { max-width: 1200px; margin: 75px auto 75px; padding: 0 24px; } .copy-gift-coupon { max-width: 800px; margin: auto; background: linear-gradient(to left,#1C78BE,#08B4CA); border-radius: 30px; padding: 30px 30px 15px; } .copy-gift-coupon .content-wrapper { max-width: 600px; margin: 0 auto; padding-top: 0; } .copy-gift-coupon label { color: #fff; font-size: 24px; margin-bottom: 12px; text-align: center; } .copy-gift-coupon .email-input { position: relative; display: flex; flex-direction: row; column-gap: 12px; row-gap: 18px; margin-bottom: 12px; } .copy-gift-coupon .email-input input { width: 100%; background: rgba(255, 255, 255, 0.2); border: none; border-radius: 6px; min-height: 49px; } .copy-gift-coupon .email-input button { width: 120px; background: #fff; text-transform: capitalize; font-size: 18px; border-radius: 6px; color: #000; } .copy-gift-coupon .note { color: #fff; border: none; font-size: 17px !important; padding: 0; width: 100%; max-width: 80%; } .copy-gift-coupon .share { width: 100%; text-align: center; margin-bottom: 0; } .copy-gift-coupon .share-now { color: #fff; margin-top: 20px; font-weight: 400; font-size: 18px; text-decoration: underline; } .page-sitemap h2 { margin-top: 20px !important; color: #0ecfe2 !important; } .page-sitemap .section-header{ margin: 55px 0; } .page-sitemap .section-header h1{ font-size: 38px; } /* Giving back LP page */ .recommendation-page-lp-outer .recommedation-container{ padding: 0 0 100px 0; max-width: 1200px; font-family: 'Gotham'; color: #000; } .recommendation-page-lp-outer .recommedation-container h2{ font-size: 45px !important; font-weight: bold; line-height: 1.29; } .recommendation-page-lp-outer .recommendation-row .recommendation-column h3{ color: #000 !important; font-weight: 500; } .recommendation-page-lp-outer .power-station-dropdown{ color: #000; font-weight: 500; } .recommendation-page-lp-outer .add-to-cart button{ background-color: #000; max-width: 200px; } .product-recommendations-ps-lp .recommendation-row{ padding-top: 40px; } .product-recommendations-ps-lp .recommendation-row .bundle-sign, .product-recommendations-ps-lp .recommendation-row .bundle-sign svg{ width: unset; height: unset; background-color: unset; transform: unset; right: -34px; } .product-recommendations-ps-lp .add_more_btn_wrap .add_more_btn{ background-color: #C0503B; margin-left: 0; outline: none; } .product-recommendations-ps-lp .product-recommendations-page-wrapper{ border-bottom: 0; } .recommendation-page-lp-outer .recommendation-row .recommendation-column.accessory-outer{ background: #f7f7f7; width: calc(33.33% - 14px); margin-left: 14px; margin-bottom: 14px; border-radius: 25px; } .recommendation-page-lp-outer .accessories-wrapper .recommendation-row{ margin-left: -14px; width: calc(100% + 14px); padding-top: 26px; } .recommendation-page-lp-outer .recommendation-row .recommendation-column.accessory-outer:nth-child(n+7){ display: none; } .recommendation-page-lp-outer .recommendation-row .recommendation-column.accessory-outer.active{ display: block; } .more-accessories .show-more-btn{ cursor: pointer; color: #C0503B; margin-top: 68px; font-size: 20px; font-family: 'Gotham-medium'; text-decoration: underline; text-underline-offset: 2px; } .recommendation-row .bundle-sign.hideDesktop, .recommended_product .title-for-mobile{ display: none; } .recommendation-page-lp-outer .more-accessories .recommended_product{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; height: 100%; } .recommendation-page-lp-outer .view-details-popup .popup-content{ padding: 30px; overflow: unset; } .recommendation-page-lp-outer .view-details-popup .popup-content .popup-inner{ padding: 20px; overflow-y: auto; height: 100%; } .recommendation-page-lp-outer .recommended_product .product-compare-price{ font-weight: 500; color: #838383; } .recommendation-page-lp-outer .accessory-outer .product-info{ width: 100%; } @media screen and (max-width: 749px){ .page-sitemap .section-header h1{ font-size: 30px; } .recommendation-row .bundle-sign.hideDesktop{ display: block; right: unset; transform: translateX(-50%); bottom:-44px; } .recommendation-row .bundle-sign.hideMobile{ display: none; } .recommendation-page-lp-outer .add-to-cart button{ background-color: #000; max-width: 284px; } .recommendation-page-lp-outer .recommended_product .title-for-mobile{ display: block; } .recommendation-page-lp-outer .recommended_product .hide-for-mobile{ display: none; } .recommendation-page-lp-outer .recommendation-row .bundle-sign svg{ transform: none; } .recommendation-page-lp-outer .recommended_products .recommended_product{ padding: 40px } .recommendation-page-lp-outer .recommendation-row .recommendation-column.left-column{ margin-bottom: 15px; } .recommendation-page-lp-outer .recommedation-container h2{ font-size: 25px !important; line-height: 1.2; letter-spacing: -1px !important; } .recommendation-page-lp-outer .recommedation-container.more-accessories h2{ font-size: 20px !important; } .product-recommendations-ps-lp .recommendation-row, .recommendation-page-lp-outer .accessories-wrapper .recommendation-row{ padding-top: 6px; } .recommendation-page-lp-outer .recommedation-container{ padding-bottom: 58px; } .recommendation-page-lp-outer .accessories-wrapper .recommendation-row{ width: 100%; padding-bottom: 52px !important; } .recommendation-page-lp-outer .recommendation-row .recommendation-column.accessory-outer{ margin-left: 0; margin-bottom: 0; } .recommendation-page-outer.recommendation-page-lp-outer .slick-arrow{ bottom: 0; } .recommendation-page-outer.recommendation-page-lp-outer .slick-dots{ bottom: 5px !important; } .recommendation-page-outer.recommendation-page-lp-outer .slick-dots li{ width: 11px; height: 11px; background-color: #D0D0D0; margin: 0 3px; } .recommendation-page-outer.recommendation-page-lp-outer .slick-dots li.slick-active{ background-color: #848484; } .product-recommendations-ps-lp .recommendation-row + .recommendation-row{ margin-top: 35px; } .recommendation-page-lp-outer .product-recommendations-page-wrapper{ padding: 0 14px; } } @media screen and (min-width: 981px){ [data-page="black-friday-referral"] .custom-html-section .referral-page-subtitle { font-size: 32px; } } .Drawer__Main .rk-bought_together{ margin: 0 30px 30px 30px; } /* Where to buy page */ [data-page="where-to-buy"]{ background-color: #fff; } .where-to-buy-banner{ position: relative; } .where-to-buy-banner img{ width: 100%; object-fit: cover; max-height: var(--image-height); } .where-to-buy-banner .where-to-buy-text-content{ font-weight: bold; position: absolute; top: 50%; left: 130px; transform: translateY(-50%); max-width: 600px; } .where-to-buy-banner .where-to-buy-text-content .title{ font-size: 80px; line-height: 1.2; margin-bottom: 0; } .where-to-buy-banner .where-to-buy-text-content .small-content{ margin-top: 16px; font-size: 18px; line-height: 1.3; } .where-to-buy-container{ padding: 0px 130px; margin: 100px 0; } .where-to-buy-container .section-title{ font-size: 24px; font-weight: bold; line-height: 1.3; color: #000; margin-bottom: 32px; position: relative; display: flex; } .where-to-buy-container .section-title span{ position: absolute; top: 50%; height: 1px; width: 100%; left: 0; background-color: #dcdcdc; z-index: 1; } .where-to-buy-container .section-title div{ z-index: 2; padding-right: 20px; background-color: #fff; } .where-to-buy-container .countries-blocks{ display: flex; flex-wrap: wrap; margin-left: -20px; } .where-to-buy-container .countries-blocks .country-block{ padding-left: 20px; margin-bottom: 20px; } .where-to-buy-container .countries-blocks.per-row-4 .country-block{ width: 25%; } .where-to-buy-container .countries-blocks.per-row-5 .country-block{ width: 20%; } .where-to-buy-container .countries-blocks.per-row-6 .country-block{ width: 16.67%; } .where-to-buy-container .countries-blocks.per-row-7 .country-block{ width: 14.28%; } .where-to-buy-container .countries-blocks .country-block .country-block-inner{ padding: 30px 45px; text-align: center; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15); border-radius: 10px; display: block; } .where-to-buy-container .countries-blocks .country-block .country-block-inner a{ display: block; } .where-to-buy-container .countries-blocks .country-block .country-block-inner img{ height: var(--image-height); width: 100%; object-fit: contain; } .where-to-buy-container .show-more-btn{ cursor: pointer; display: none; background: #000; border-radius: 50px; color: #fff; width: 180px; margin: 12px auto 0; padding: 14px; justify-content: center; font-size: 16px; line-height: 1.3; align-items: center; } .where-to-buy-container .show-more-btn svg{ margin-left: 10px; } .where-to-buy-container .countries-blocks .country-block .country-block-inner:hover{ opacity: 0.7; } @media screen and (max-width: 1600px){ .where-to-buy-container .countries-blocks .country-block .country-block-inner{ padding: 20px 30px; } .where-to-buy-banner .where-to-buy-text-content{ max-width: 400px; } .where-to-buy-banner .where-to-buy-text-content .title{ font-size: 50px; } } @media screen and (max-width: 1200px){ .where-to-buy-banner .where-to-buy-text-content{ left: 80px; } .where-to-buy-container{ padding: 0 80px; } .where-to-buy-banner .where-to-buy-text-content{ max-width: 300px; } .where-to-buy-banner .where-to-buy-text-content .title{ font-size: 40px; } .where-to-buy-container .countries-blocks.per-row-6 .country-block, .where-to-buy-container .countries-blocks.per-row-7 .country-block{ width: 20%; } } @media screen and (max-width: 992px){ .where-to-buy-container .countries-blocks .country-block .country-block-inner{ padding: 10px 20px; } .where-to-buy-banner .where-to-buy-text-content .title{ font-size: 40px; } .where-to-buy-banner .where-to-buy-text-content{ left: 40px; } .where-to-buy-container{ padding: 0 40px; margin: 60px 0; } } @media screen and (max-width: 767px){ .where-to-buy-container .countries-blocks .country-block{ width: 50% !important; } .where-to-buy-container .countries-blocks .country-block .country-block-inner{ padding: 15px 36px; } .where-to-buy-banner .where-to-buy-text-content .title{ font-size: 30px; } .where-to-buy-banner .where-to-buy-text-content .small-content{ font-size: 16px; } } @media screen and (max-width: 600px){ .where-to-buy-container{ padding: 0 24px; margin: 48px 0; } .where-to-buy-banner .where-to-buy-text-content{ max-width: 100%; width: 100%; left: 0px; top: 50px; transform: unset; padding: 0 24px; text-align: center; } .where-to-buy-banner .where-to-buy-text-content .title{ font-size: 40px; } .where-to-buy-banner .where-to-buy-text-content .small-content{ font-size: 16px; } .where-to-buy-banner img{ max-height: var(--image-height-mobile); } .where-to-buy-container .countries-blocks .country-block .country-block-inner img{ height: var(--image-height-mobile); } .where-to-buy-container .show-more-btn{ display: flex; ; } .where-to-buy-container .countries-blocks .country-block:nth-child(n+7){ display: none; transition: display 1s linear; } .where-to-buy-container .countries-blocks .country-block.active{ display: block !important; } } #swym-remind-email-auth-button { text-transform: none!important; } [data-page="delta-solar-generator"], [data-page="river-solar-generator"], [data-page="solar-powered-generator"], [data-page="black-friday-referral"], [data-page="help-me-choose"], [data-page="trade-in-online"], [data-page="portable-power-station-camping"], [data-page="river-portable-power-station"]{ background-color: #fff; } .ecosystem-page-outer * { font-family: 'Gotham'; } .template-page .site-footer{ margin-top: 0; } [data-page="r-2-referral-program"] .custom-content { justify-content: center; } [data-page="r-2-referral-program"] .custom-content .custom__item { padding-left: 0; margin-bottom: 65px; margin-top: 0px; } [data-page="r-2-referral-program"] .custom-content p { font-size: 24px; line-height: 31.2px; padding: 0 60px; } [data-page="r-2-referral-program"] .custom-content p, [data-page="black-friday-referral"] .custom-content p { font-family: 'Gotham-Medium'; font-weight: 400; max-width: 1000px; margin: 0 auto; } [data-page="r-2-referral-program"] .custom-content p span { color: #0ecfe2; } [data-page="r-2-referral-program"] .title { font-size: 36px !important; font-weight: 700; letter-spacing: 1px; font-family: 'Gotham'; } .terms-condition-subtitle .title { margin-bottom: 20px; } .terms-condition-subtitle { font-size: 16px; font-family: 'Gotham'; max-width: 1200px; margin: 0 auto; } .home-hero-slider, .terms-condition-subtitle { margin-bottom: 94px; } .home-hero-slider{ position: relative; } [data-page="r-2-referral-program"] .index-section { padding: 0 !important; } .terms-condition-subtitle { max-width: 1200px; margin-bottom: 94px; } [data-page="r-2-referral-program"] .index-section .page-width { padding-top: 0; } [data-page="r-2-referral-program"] .home-hero-slider .carousel-caption p, [data-page="black-friday-referral"] .home-hero-slider .carousel-caption p, [data-page="black-friday-referral"] .home-hero-slider .carousel-caption h5, .copy-gift-coupon label, .copy-gift-coupon .email-input p, .copy-gift-coupon .share { font-family: 'Gotham'; } [data-page="r-2-referral-program"] .home-hero-slider .carousel-caption p, [data-page="black-friday-referral"] .home-hero-slider .carousel-caption p, [data-page="black-friday-referral"] .home-hero-slider .carousel-caption h5 { color: #ffffff !important; font-weight: 700; line-height: 1.3; } @font-face { font-family: 'Gotham'; src: url('https://cdn.shopify.com/s/files/1/1996/9707/files/Gotham-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('https://cdn.shopify.com/s/files/1/1996/9707/files/Gotham-Book.woff2') format('woff2'), url('https://cdn.shopify.com/s/files/1/1996/9707/files/Gotham-Book.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('https://cdn.shopify.com/s/files/1/1996/9707/files/GothamMedium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('https://cdn.shopify.com/s/files/1/1996/9707/files/GothamBold.woff2?v=1656056073') format('woff2'), url('https://cdn.shopify.com/s/files/1/1996/9707/files/GothamBold.woff?v=1656056073') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } .swym-remind-me { background: transparent!important; padding: 0!important; } .swym-isa-inline-form { border: none!important; } .swym-button-bar, .swym-btn-container[data-position=default] { display: block!important; margin: 0!important; } .swym-remind-me input.swym-input { height: 54px!important; border-radius: 50px!important; border-radius: 8px!important; } .swym-remind-me .swym-title { margin-bottom: 16px!important; } .swym-remind-me .swym-title h2 { font-size: 20px!important; margin: 0!important; } .swym-remind-me .swym-privacy-info, .swym-remind-me p.swym-remind-description { display: none!important; } .swym-remind-me .swym-remind-auth-form-container { position: relative; } .swym-remind-me .swym-remind-auth-form-container #swym-remind-email-auth-button { position: absolute; top: 0; right: 0; left: auto; display: inline-block; width: auto!important; padding: 0 24px!important; height: 100%!important; margin: 0; border-radius: 7px!important; } .swym-button { font-family: manrope!important; font-weight: 700!important; padding: 15px 10px!important; font-size: 17px!important; line-height: 1.4!important; text-transform: uppercase!important; height: auto!important; width: 100%!important; background-color: #2164ff!important; color: #fff!important; border-radius: 50px!important; } .swym-button span { font-size: 15px!important; line-height: 1.4!important; } .product-form__controls-group .swym-button { margin-bottom: 24px!important; font-size: 15px!important; border: 1px solid transparent!important; display: flex!important; flex-direction: row-reverse; justify-content: center; text-indent: 0px!important; } .product-form__controls-group .swym-button span { font-family: inherit; } .product-form__controls-group .swym-btn-container .swym-button:after { position: unset!important; } .swym-inject .swym-ui-component .swym-empty-wishlist-container .swym-empty-wishlist-continue-btn { text-align: center; } .swym-button .swym-add-to-wishlist { text-align: center; } @media (max-width: 1023px) { .swym-button-bar { display: block!important; margin: 10px 0 0!important; } } @media (max-width: 749px) { .product-form__controls-group .swym-button { padding: 12px 10px!important; margin-bottom: 0!important; margin-top: 10px!important; font-size: 14px!important; border: 0!important; min-height: 44px!important; } } [data-page="customer-page"]{ padding-top: 50px; } #section-reviews:not(.disclainer_box_present){ padding-top: 160px; } .reviews_tab_wrapper{ display: flex; align-items: center; padding-bottom: 32px; border-bottom: 1px solid #d3d3d3; margin-bottom: 10px; } .reviews_tab_wrapper .bv-tab-title{ font-size: 20px; font-weight: 600; line-height: 1.8; color: #757575; position: relative; cursor: pointer; } .reviews_tab_wrapper .bv-tab-title.active{ font-size: 40px; line-height: 1.1; font-weight: bold; color: var(--color-text); } .reviews_tab_wrapper .separator{ width: 28px; height: 1px; margin: 24px 16px 19px 16px; transform: rotate(-270deg); background-color: #d3d3d3; } .bv-tab-content{ display: none; transition: all 0.3s ease-in-out; } .bv-tab-content.active{ display: block; } .site-header__gift_icon{ margin-left: 15px; } .product-single__meta .atc-button-message{ font-size: 14px; font-weight: 500; color: #757575; line-height: 1.35; margin-bottom: 24px; } .product-single__meta .atc-button-message b{ font-size: 18px; } .product-single__meta .atc-button-message a{ text-decoration: underline; color: inherit; } .disclaimer_box_wrapper .disclaimer_box{ background: #F8F8F8; border-radius: 8px; padding: 30px; font-size: 14px; font-weight: 500; color: #04060C; line-height: 1.28; margin-bottom: 48px; margin-top: 48px; } .slideshow_text_wrapper{ position: relative; } .slideshow__text-wrap{ position: unset; height: auto; } .slideshow__slide .block_disclaimer_box{ margin-top: 30px; background: rgba(4, 6, 12, 0.7); border: 1px solid #757575; border-radius: 8px; padding: 20px; color: #fff; font-weight: 500; line-height: 1.14; position: absolute; top: 90%; z-index: 4; cursor: default; } .disclaimer_container.text-right .block_disclaimer_box{ right: 0; } .slideshow__slide .disclaimer_first_line{ margin-bottom: 8px; display: flex; align-items: center; } .slideshow__slide .disclaimer_first_line strong{ font-size: 18px; line-height: 0.88; } .slideshow__slide .disclaimer_first_line svg{ margin-left: 8px; } .slideshow__slide .disclaimer_first_line p{ color: #fff; margin-bottom: 0; } .disclaimer_popup_box_wrap{ position: relative; } .disclaimer_popup_box_wrap .disclaimer_popup_box_inner{ position: absolute; bottom: 18px; left: 8px; width: 500px; z-index: 9; padding: 0 0 12px 0; display: none; transition: display 0.5s ease-in-out; } .block-right .disclaimer_popup_box_wrap .disclaimer_popup_box_inner{ right: 0; left: unset; } .disclaimer_popup_box_wrap .disclaimer_popup_box{ background: #FFFFFF; box-shadow: 4px 4px 10px rgb(0 0 0 / 45%); border-radius: 8px; color: #000; padding: 30px; } .slideshow__slide .disclaimer_popup_box p, .disclaimer_popup_box_m p{ color: #04060C; font-weight: 400; } .disclaimer_popup_box_wrap .disclaimer_popup_box .disclaimer_popup_close, .disclaimer_popup_box_m .disclaimer_popup_close{ position: absolute; right: 20px; top: 20px; cursor: pointer; } .disclaimer_popup_box_wrap .disclaimer_popup_box .disclaimer_popup_close svg{ margin: 0; } .disclaimer_popup_box .disclaimer_btn{ background: #0270E3; border-radius: 100px; padding: 10px 19px; margin-top: 24px; color: #fff; text-transform: uppercase; font-size: 12px; line-height: 1.3; } @media screen and (min-width: 1240px){ .disclaimer_popup_box_wrap.hidden .disclaimer_popup_box_inner{ display: none; } .disclaimer_container .disclaimer_popup_box_wrap:not(.hidden):hover .disclaimer_popup_box_inner{ display: block; } } @media screen and (max-width: 1239px){ html.add-overlay{ overflow-x: hidden; } html.add-overlay body{ position: relative; overflow-y: hidden; height: var(--doc-height); } html.add-overlay body:before{ content: ''; position: fixed; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 9999999999; } .slideshow__slide .block_disclaimer_box{ top: unset !important; right: unset !important; bottom: 30px; left: 50% !important; transform: translateX(-50%); width: 88%; max-width: 342px; } .block_disclaimer_box .block_disclaimer_box_close{ position: absolute; top: 10px; right: 10px; } .disclaimer_popup_box_m{ background: #FFFFFF; border-radius: 8px; position: fixed; left: 10px; z-index: 9999999999; width: calc(100% - 20px); bottom: 10px; padding: 30px; display: none; transition: display 0.5s ease-in-out; } .disclaimer_popup_box_m .disclaimer_btn{ width: auto; } .disclaimer_popup_box_m p{ margin-bottom: 0; } } @media screen and (max-width: 749px){ .product-single__meta .atc-button-message{ background-color: #F8F8F8; border-radius: 8px; padding: 20px; margin-top: 14px; } .disclaimer_box_wrapper .disclaimer_box{ margin-top: 32px; margin-bottom: 32px; } .disclaimer_box_wrapper, #section-reviews{ padding-left: 18px; padding-right: 18px; } } #ssw-widget-recommends-html { padding-top: 40px; } .custom .banner--btn .banner-button { display: flex; align-items: center; justify-content: center; column-gap: 7px; font-size: 16px; margin-top: 30px; } .custom .banner--btn .banner-button.left { justify-content: left; padding: 0 7px; } .custom .banner--btn .banner-button p { color: #0ecfe2; } div.shopify-policy__container { max-width: 1280px; padding-top: 55px; padding-bottom: 55px; } @media screen and (min-width: 1240px) { div.shopify-policy__container { padding-left: var(--container-padding); padding-right: var(--container-padding); } } @media screen and (max-width: 767px) { [data-page="solar-panel"] .custom .banner--btn .banner-button.left { justify-content: center; } } body > .weglot-container { display: none; } .header_top .top_navigation_links .weglot-container { margin-right: -15px; } .weglot-container .wg-drop.country-selector { background-color: transparent; } .weglot-container .wg-drop.country-selector .wgcurrent { border: 0; width: auto; padding-right: 30px; } .weglot-container .wg-drop.country-selector .wgcurrent a { padding-right: 0 !important; } .weglot-container .wg-drop.country-selector.closed .wgcurrent:after { height: 34px; top: 2px; } @media only screen and (max-width: 749px) { .weglot-container .wg-drop.country-selector .wgcurrent a { padding-right: 0; padding-left: 0; } } /* Remove * in PreOrder Globo | Back in Stock form */ .gBackInStock-Form-Control .gBackInStock-Text-Danger { display: none; } klarna-placement *::part(osm-container){ background: transparent; border: 0; text-align: left; padding: 0; font-family: var(--font-stack-body); font-size: 14px; } klarna-placement *::part(osm-message){ margin-left: -6px; } klarna-placement *::part(osm-cta){ font-family: var(--font-stack-body); font-size: 14px; } klarna-placement *::part(osm-badge){ width: 40px; height: 20px; } /* overrides */ .pdp-section-header__heading, .template-product .mosaic_images_section.mosaic_images_section--pdp .section-header h2 { color: var(--color-body-text); font-size: 35px; font-weight: 700; margin-bottom: 56px; } .pdp-section-header__subheading { display: block; } .pdp-section-header__subheading, .template-product .mosaic_images_section.mosaic_images_section--pdp .section-header .h5 { font-weight: var(--font-weight-body); max-width: none; text-transform: none; margin-bottom: 0; font-size: 20px; line-height: 28px; color: var(--color-body-text); padding: 0 18px; margin-bottom: 56px; } .pdp-rich-text h2, .pdp-image-text-horizontal-block .text-content h1, .pdp-slideshow-item .text-content h1, .pdp-what-in-box-container h2, .pdp-video-container h1{ font-size: 40px; line-height: 1.37; color: var(--color-text); margin-bottom: 16px; } .pdp-video-container .subtitle{ margin-bottom: 12px; } .pdp-what-in-box-container h2{ margin-bottom: 40px; } .pdp-rich-text .subtitle p, .pdp-image-text-horizontal-block .subtitle p, .pdp-slideshow-item .text-content .subtitle p, .pdp-video-container .subtitle p{ font-size: 24px; line-height: 1.37; color: var(--color-text); margin-bottom: 6px; font-weight: 600; } .pdp-image-text-horizontal-block a.pdp-button{ margin-top: 24px; } .pdp-rich-text .content p, .pdp-box-line .content p, .pdp-image-text-horizontal-block .content p, .pdp-slideshow-container-inner .text-content .content p, .pdp-video-container .content p, .pdp-image-text-one-column .pdp-content p{ font-size: 16px; line-height: 1.37; font-weight: 500; color: #757575; } .pdp-box-line{ margin-top: 16px; } .pdp-image-text .text-content .content p{ color: #757575; font-weight: 500; } .pdp.pdp-rich-text a.pdp-button, .pdp-slideshow-container-inner .text-content a.pdp-button{ margin-top: 16px; } .pdp-video-container .pdp-section-header .content{ margin-bottom: 16px; } .pdp-video-container .video-container a.pdp-button{ margin-top: 24px; } .content-align__center .content, .content-alignment-center .content{ margin: 0 auto; } .pdp-rich-text .content-align__right .content{ margin-left: auto; } .alignment--center, .content-alignment-center .text-content{ text-align: center; } .alignment--left, .content-alignment-left .text-content{ text-align: left; } .alignment--right, .content-alignment-right .text-content{ text-align: right; } .product-form__controls-group .klaviyo-bis-trigger{ background-color: var(--checkout-btn-bg); color: var(--checkout-btn-color); padding: 18px 10px; justify-content: center; font-size: 17px; line-height: 1; text-transform: uppercase; width: 100%; margin-bottom: 24px; } #klaviyo-bis-iframe{ z-index: 999999999 !important; } .pdp-image-text-horizontal-block{ display: flex; align-items: center; } .pdp-image-text-horizontal-block .image-content{ flex: 1 0 50%; padding-right: 10px; position: relative; } .pdp-image-text-horizontal-block .image-content img{ display: block; } .pdp video, .pdp-video-container img{ width: 100%; border-radius: 10px; } .pdp .play-video{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; } .pdp-video .pdp-section-header{ margin-bottom: 40px; } .pdp .play-video svg{ width: 50px; height: 50px; fill: #fff; } .pdp .play-video svg.pause-icon{ display: none; } .pdp .play-video.video-playing svg.play-icon{ display: none; } .pdp .play-video.video-playing svg.pause-icon{ display: block; } .pdp-image-text-horizontal-block.image-align-right{ flex-direction: row-reverse; } .pdp-image-text-horizontal-block .text-content{ padding: 0 64px 0 34px; } .pdp-image-text-horizontal-block.image-align-right .text-content{ padding: 0 34px 0 64px; } .pdp-image-text-horizontal-block.image-align-right .image-content{ padding-left: 10px; padding-right: 0; } .pdp-image-text-horizontal{ margin-bottom: 20px; } .pdp-slideshow-block-images{ margin-top: 40px; } .pdp-slideshow-block-images img{ border-radius: 10px; display: block; } .pdp-slideshow-item, .pdp-slideshow-item .flickity-button, .pdp-slideshow-bottom-item{ display: none; } .pdp-slideshow-item.active, .pdp-slideshow-bottom-item.active{ display: block; } .pdp-slideshow-block-image-wrapper{ width: 100%; } .slider-buttons .slider-button{ background: transparent; border: 0; padding: 0; position: absolute; top: calc(50% - 17px); transform: translateY(-50%); } .slider-buttons .slider-button.slider-button-prev{ left: 24px; } .slider-buttons .slider-button.slider-button-next{ right: 24px; } .slider-buttons .slider-button svg{ display: block; } .pdp-slideshow-item .pdp-slideshow-block-images-container{ position: relative; } .pdp-slideshow-item .flickity-page-dots .dot{ width: 8px; height: 8px; border-radius: 50%; margin: 0 3px; background: #dddddd; } .pdp-slideshow-item .flickity-page-dots .dot.is-selected{ background: #919191; } .pdp-slideshow-tabs{ overflow-x: auto; } .pdp-slideshow-tabs::-webkit-scrollbar{ display: none; } .pdp-slideshow-tabs-inner{ margin-top: 24px; width: auto; text-align: center; display: inline-flex; border-bottom: 1px solid #ddd; } .pdp-slideshow-tab-title { display: inline-block; padding: 16px 0; margin: 0 32px; font-size: 16px; line-height: 1.37; color: #757575; font-weight: 500; cursor: pointer; white-space: nowrap; } .pdp-slideshow-tab-title:first-child{ margin-left: 0; } .pdp-slideshow-tab-title:last-child{ margin-right: 0; } .pdp-slideshow-tab-title.active{ border-bottom: 2px solid var(--color-text); margin-bottom: -1px; font-weight: 700; color: var(--color-text); } .pdp-slideshow-bottom-item{ margin-top: 16px; } .pdp-what-in-box-container{ padding-top: 80px; } .pdp-what-in-box-container .mosaic_block{ background: #EAEAEA; height: auto; text-align: center; } .pdp-what-in-box-container .mosaic_block:after{ content: unset; } .pdp-what-in-box-container .mosaic_section_wrapper .mosaic_block .mosaic_block-caption{ padding: 24px 20px 24px 20px; margin: 0; width: 100%; max-width: 100%; display: block; top: 0; left: 0; bottom: unset; } .pdp-what-in-box-container .mosaic_section_wrapper .mosaic_block .mosaic_block-caption h3{ font-size: 14px; color: var(--color-text); font-weight: 600; text-align: left; } .pdp-what-in-box-container .mosaic_section_wrapper .mosaic_block:first-child .mosaic_block-caption{ padding-left: 32px; } .pdp-what-in-box-container .mosaic_section_wrapper .mosaic_block:first-child .mosaic_block-caption h3{ font-size: 20px; } .pdp-what-in-box-container .mosaic_section_wrapper .mosaic_block .mosaic_image{ bottom: 40px; top: unset; left: 50%; transform: translateX(-50%); object-fit: contain; } .pdp-what-in-box-container .mosaic_section_wrapper:not(.use_stacked_layout){ padding: 0; } .pdp-tabs .tab-content .pdp-title, .pdp-tabs .tab-content .pdp-content, .pdp-image-text-one-column .pdp-title, .pdp-image-text-one-column .pdp-content, .mosaic_images_section--pdp .section-header, .pdp-rich-text .content, .pdp-slideshow-container-inner .text-content{ max-width: 840px; padding: 0 20px; margin-left: auto; margin-right: auto; } .pdp-rich-text .content-align__right .content{ margin-left: auto; margin-right: 0; } .pdp-rich-text .content-align__left .content{ margin-left: 0; margin-right: auto; } .pdp-rich-text .pdp-container .content{ padding: 0; } .custom_payment_icons--footer { justify-content: flex-end; margin-right: 0; margin-bottom: 5px; } pdp.pdp-comparison-table{ padding: 110px 0; } .popup-content .pdp.pdp-comparison-table{ padding: 20px 0; } .pdp-compare-table-container{ max-width: 1348px; margin: 0 auto; padding: 0 24px; text-align: center; } .pdp-compare-table-container h1{ font-size: 46px; text-align: CENTER; color: #212121; line-height: 1.2; margin-bottom: 48px; } .comparison_table_wrapper{ border-radius: 8px; padding: 32px; text-align: center; } /*.comparison_table_row { display: flex; flex-wrap: nowrap; text-align: center; }*/ .pdp-compare-table-container .compare_column{ padding: 32px 10px; font-size: 16px; line-height: 1.5; color: #212121; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; } .pdp-compare-table-container .compare_column:last-child{ border-right: 0; } .comparison_table{ overflow-x: auto; } .comparison_table::-webkit-scrollbar{ display: none; } .compare_column.compare_feature_title{ width: 250px; flex: 0 0 250px; font-size: 18px; line-height: 1.2; font-weight: bold; word-break: break-word; } .compare_column.compare_feature_title a{ display: flex; align-items: center; justify-content: center; border: 0; } .compare_column.compare_feature_title a img{ width: 60px; } .compare_column.compare_feature_title a span{ padding-left: 10px; text-align: left; word-break: initial; } .compare_table_product_image img{ width: 150px; height: 150px; object-fit: contain; margin-bottom: 10px; } .compare_table_product_title{ height: var(--product-info-height); } .compare_table_product_title h3{ font-size: 18px; line-height: 1.2; color: #212121; } .compare_table_product_subtitle{ font-size: 12px; line-height: 1.5; color: #757575; margin-top: 4px; } .compare_table_product_btn .btn{ margin-top: 16px; padding: 11px 24px; background: #2164FF; font-size: 14px; letter-spacing: 0.1em; line-height: 1.3; border: 0; justify-content: center; } .comparison_table .comparison_feature_row{ display: flex; position: relative; justify-content: space-between; } .comparison_table .comparison_content_row .compare_column, .comparison_table .compare_column_wrapper{ display: flex; align-items: center; justify-content: center; } .comparison_table .compare_column_wrapper{ justify-content: flex-start; align-items: unset; } .comparison_table .comparison_content_row .compare_column.compare_feature_title{ justify-content: flex-start; } .comparison_table .comparison_feature_row{ transition: display 0.5s ease; } .comparison_table .comparison_feature_row:nth-child(n+5){ display: none; } .comparison_table.show-all .comparison_feature_row{ display: flex; } .view_features_link{ background: unset; border: 0; margin-top: 24px; font-size: 14px; letter-spacing: 0.1em; color: #2164FF; } .view_features_link.showing-all svg{ transform: rotate(180deg); } .comparison_table div{ padding: 0; border: 0; text-align: center; } .comparison_table .comparison_feature_row .compare_column_wrapper{ width: calc(100% - 250px); flex: 0 0 calc(100% - 250px); } .comparison_table .comparison_feature_row > div:first-child{ position: sticky; left: 0; z-index: 2; } .pdp-compare-table-header .popup-close-wrap{ display: none; } .pdp-popup-wrapper{ position: fixed; z-index: 9999999999; top: 0; left: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; font-size: 14px; display: none; transition: all .5s ease-in-out; } .pdp-popup-wrapper.shown{ display: block; } .pdp-popup-wrapper *{ font-size: inherit; } .pdp-popup-wrapper .popup-inner{ z-index: 2; position: absolute; max-width: 1200px; max-height: 800px; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0; } .pdp-popup-wrapper .popup-inner .popup-content, .pdp-popup-wrapper .popup-inner .pdp-comparison-table{ height: 100%; } .pdp-popup-wrapper .pdp-compare-table-container{ height: 100%; position: relative; overflow-y: auto; background: #fff; border-radius: 12px; } .pdp-popup-wrapper .popup-close-wrap{ position: absolute; top: 15px; right: 20px; z-index: 10; } .pdp-popup-wrapper .popup-close-wrap .popup-close{ cursor: pointer; } .pdp-popup-wrapper .popup-close-wrap .popup-close svg{ display: block; } .pdp-popup-wrapper .comparison_table{ overflow: unset; } .pdp-popup-wrapper .comparison_table .comparison_feature_row{ display: flex; background: unset; } .pdp-popup-wrapper .popup-content .pdp.pdp-comparison-table, .pdp-popup-wrapper .pdp-compare-table-container, .pdp-popup-wrapper .comparison_table_wrapper{ padding: 0; } .pdp-popup-wrapper .view_features_link{ display: none; } .variant_button_bottom{ margin-top: -15px; margin-bottom: 10px; } .variant_button_bottom a{ color: #2164FF; } .variant_button_bottom a svg{ vertical-align: middle; margin-left: 4px; } .pdp-popup-wrapper .pdp-compare-table-container .pdp-compare-table-header{ padding: 16px 24px; margin: 0; border-bottom: 1px solid #ddd; position: sticky; top: 0; z-index: 9; background: #fff; } .pdp-popup-wrapper .pdp-compare-table-container h1{ font-size: 16px; line-height: 1.45; text-align: left; margin-bottom: 0; } .pdp-popup-wrapper .pdp-compare-table-container .compare_column{ border: 0; } .pdp-popup-wrapper .comparison_table .comparison_feature_row > div{ background: transparent; } .pdp-popup-wrapper .pdp-compare-table-container .compare_column{ padding: 4px 10px; font-size: 14px; font-weight: 500; color: #03060B; } .pdp-popup-wrapper .pdp-compare-table-container .comparison_content_row .compare_column_wrapper .compare_column{ padding: 20px 10px; } .pdp-popup-wrapper .compare_table_product_inner{ margin-bottom: 20px; } .pdp-popup-wrapper .compare_table_product_image img{ width: 180px; height: 180px; } .pdp-popup-wrapper .compare_table_product_title h3{ font-size: 16px; color: #03060B; } .pdp-popup-wrapper .compare_table_product_subtitle{ margin-top: 12px; font-size: 14px; font-weight: 600; } .pdp-popup-wrapper .compare_table_product_subtitle p{ color: #03060B; } .pdp-popup-wrapper .compare_table_product_btn .btn{ background: unset; color: #2164FF; font-size: 14px; letter-spacing: 0; text-transform: capitalize; } .pdp-popup-wrapper .compare_column.compare_feature_title{ width: 275px; font-size: 14px; font-weight: 500; } .pdp-popup-wrapper .compare_column.compare_feature_title a{ color: #757575; } .pdp-popup-wrapper .compare_column.compare_feature_title a img{ width: 64px; height: 64px; } .pdp-popup-wrapper .comparison_title_row.sticky{ position: sticky; position: -webkit-sticky; top: 56px; z-index: 9; width: 100%; border-bottom: 1px solid #ddd; } .pdp-popup-wrapper .comparison_title_row.sticky .compare_table_product_image, .pdp-popup-wrapper .comparison_title_row.sticky .compare_table_product_btn, .pdp-popup-wrapper .comparison_title_row.sticky .compare_table_product_subtitle{ display: none; } .pdp-popup-wrapper .pdp-compare-table-container .comparison_title_row.sticky .compare_column_wrapper .compare_column{ padding: 8px 10px; } .pdp-popup-wrapper .comparison_title_row.sticky .compare_table_product_inner{ margin-bottom: 0; } .pdp-popup-wrapper .pdp-compare-table-header .popup-close-wrap{ display: block; } @media screen and (max-width: 1239px){ .pdp-what-in-box-container .mosaic_section_wrapper .mosaic_block{ margin: var(--column-gap); } .compare_column.compare_feature_title{ width: 150px; } .compare_table_product_btn .btn{ padding: 11px 10px; } } @media screen and (min-width: 750px){ .comparison_feature_row .flickity-button:not([disabled]){ width: 48px; height: 48px; background: #000 !important; border-radius: 50%; opacity: 0.2; color: #fff; display: flex; align-items: center; justify-content: center; } .comparison_feature_row .flickity-button svg{ width: 15px; height: 15px; position: relative; top: unset; left: unset; } .comparison_feature_row.sticky .flickity-button{ width: 30px; height: 30px; } .comparison_feature_row.sticky .flickity-button svg{ width: 12px; height: 12px; } .comparison_table .compare_column_wrapper.hideDesktop, .comparison_content_row.comparison_feature_row .flickity-button{ display: none; } .compare_column_wrapper.compare_column_slider:after { content: 'flickity'; display: none; } .comparison_table .compare_column_wrapper.compare_column_slider.flickity-enabled{ display: block; } .comparison_table .compare_column_wrapper.compare_column_slider .compare_column{ float: left; } .pdp-popup-wrapper .comparison_table .comparison_feature_row:nth-child(even) .compare_column{ background-color: #f5f5f5; } .comparison_table .comparison_feature_row.products-per-row-4 .compare_column:not(.compare_feature_title), .comparison_table .comparison_feature_row.products-per-row-5 .compare_column:not(.compare_feature_title), .comparison_table .comparison_feature_row.products-per-row-6 .compare_column:not(.compare_feature_title){ width: 25%; flex: 0 0 25%; } .comparison_table .comparison_feature_row.products-per-row-3 .compare_column:not(.compare_feature_title){ width: 33.33%; flex: 0 0 33.33%; } .comparison_table .comparison_feature_row.products-per-row-2 .compare_column:not(.compare_feature_title){ width: 50%; flex: 0 0 50%; } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="2"]{ width: calc(100% / var(--products-length) * 2); flex: 0 0 calc(100% / var(--products-length) * 2); } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="3"]{ width: calc(100% / var(--products-length) * 3); flex: 0 0 calc(100% / var(--products-length) * 3); } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="4"]{ width: calc(100% / var(--products-length) * 4); flex: 0 0 calc(100% / var(--products-length) * 4); } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="5"]{ width: calc(100% / var(--products-length) * 5); flex: 0 0 calc(100% / var(--products-length) * 5); } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="6"]{ width: calc(100% / var(--products-length) * 6); flex: 0 0 calc(100% / var(--products-length) * 6); } .pdp-popup-wrapper .compare_column_slider .compare_column{ height: var(--row-height); } } @media screen and (max-width: 749px){ .template-product .mosaic_images_section.mosaic_images_section--pdp .section-header{ text-align: center; margin-bottom: 0; } .template-product .mosaic_images_section.mosaic_images_section--pdp .section-header .h5{ display: block; } .pdp-section-header__heading, .pdp-rich-text h2, .template-product .mosaic_images_section.mosaic_images_section--pdp .section-header h2 { font-size: 20px; margin-bottom: 24px;} .pdp-section-header__subheading, .template-product .mosaic_images_section.mosaic_images_section--pdp .section-header .h5 { line-height: 17.76px; font-size: 13px; padding: 0; margin-bottom: 24px; } .template-product .mosaic_images_section.mosaic_images_section--pdp .page-width-small{ padding-left: 24px; padding-right: 24px; } .pdp-rich-text h2, .pdp-image-text-horizontal-block .text-content h1, .pdp-slideshow-item .text-content h1, .pdp-what-in-box-container h2, .pdp-video-container h1{ font-size: 24px; } .pdp-video-container .subtitle{ margin-bottom: 8px; } .pdp-what-in-box-container h2, .pdp-video-container .pdp-section-header:not(:empty){ margin-bottom: 20px; } .pdp-rich-text .subtitle p, .pdp-image-text-horizontal-block .subtitle p, .pdp-slideshow-item .text-content .subtitle p, .pdp-video-container .subtitle p{ font-size: 16px; } .pdp-rich-text .content p, .pdp-box-line .content p, .pdp-image-text-horizontal-block .content p, .pdp-slideshow-container-inner .text-content .content p, .pdp-video-container .content p, .pdp-image-text-one-column .pdp-content p{ font-size: 14px; } .pdp video, .pdp-video-container img, .pdp-image-text-horizontal-block img, .pdp-slideshow-block-images img{ width: 100%; border-radius: 4px; } .pdp-video .pdp-section-header{ margin-bottom: 20px; } .pdp-image-text-horizontal-block{ flex-direction: column !important; margin-bottom: 50px; } .pdp-image-text-horizontal-block .image-content, .pdp-image-text-horizontal-block.image-align-right .image-content{ padding: 0; } .pdp-image-text-horizontal-block .text-content, .pdp-image-text-horizontal-block.image-align-right .text-content{ padding: 20px 0 0 0; } .pdp-slideshow-container{ padding: 0 24px; } .slider-buttons .slider-button svg{ width: 28px; height: 28px; } .slider-buttons .slider-button.slider-button-prev{ left: 12px; } .slider-buttons .slider-button.slider-button-next{ right: 12px; } .pdp-slideshow-tab-title{ margin: 0 14px; font-size: 14px; } .pdp-what-in-box-container{ padding: 36px 24px 0; } .pdp-what-in-box-container .mosaic_block{ margin: var(--column-gap); border-radius: 4px; } .pdp-what-in-box-container .mosaic_section_wrapper .mosaic_block .mosaic_image{ bottom: 20px; } .pdp-what-in-box-container .mosaic_section_wrapper .mosaic_block .mosaic_block-caption{ padding: 16px; } .pdp-what-in-box-container .mosaic_section_wrapper .mosaic_block:first-child .mosaic_block-caption{ padding-left: 20px; } .pdp-what-in-box-container .mosaic_section_wrapper .mosaic_block .mosaic_block-caption h3{ font-size: 13px; } .pdp-what-in-box-container .mosaic_section_wrapper .mosaic_block:first-child .mosaic_block-caption h3{ font-size: 14px; } .pdp-slideshow-tab-title{ padding: 10px 0; } .pdp-slideshow-block-images{ margin-top: 24px; } .pdp-slideshow-tabs-inner{ margin-top: 12px; } .custom_payment_icons--footer { justify-content: center; } .pdp-compare-table-container h1{ font-size: 28px; text-align: left; margin-left: 20px; margin-bottom: 24px; } .comparison_table_inner{ padding: 0; position: relative; } .comparison_table_inner::-webkit-scrollbar{ display: none; } .comparison_table_wrapper table{ width: auto; } .pdp-compare-table-container .compare_column{ padding: 25px 10px; font-size: 14px; min-width: 120px; } .compare_column.compare_feature_title{ width: 120px; min-width: 120px; font-size: 14px; position: sticky; left: 0; z-index: 2; } .compare_table_product_image img{ width: 100px; height: 100px; } .compare_table_product_title h3{ font-size: 14px; } .compare_table_product_btn .btn{ font-size: 12px; padding: 9px 15px; } .comparison_table table{ overflow: scroll; width: -webkit-fill-available; margin-right: 20px; } .pdp-compare-table-container .comparison_table table .compare_column{ min-width: 120px; } .pdp-compare-table-container .comparison_table table .compare_column[colspan="2"]{ min-width: 240px; } .pdp-compare-table-container .comparison_table table .compare_column[colspan="3"]{ min-width: 360px; } .pdp-compare-table-container .comparison_table table .compare_column[colspan="4"]{ min-width: 480px; } .pdp-compare-table-container{ padding: 0; } .comparison_table_wrapper{ padding: 20px 0 20px 20px; } .comparison_table_wrapper table{ table-layout: unset; } .pdp-popup-wrapper{ bottom: -100%; transform: translateY(100%); display: block; } .pdp-popup-wrapper.shown{ bottom: 0; transform: translateY(0); } .pdp-popup-wrapper .popup-close-wrap{ top: 12px; right: 12px; } .pdp-popup-wrapper .popup-inner{ padding: 0; height: 100%; width: 100%; top: 0; transform: unset; left: 0; max-height: 100%; border-radius: 0; } .pdp-popup-wrapper .pdp-compare-table-container{ border-radius: 0; } .pdp-popup-wrapper .pdp-compare-table-container h1{ margin-left: 0; } .comparison_table .compare_column_wrapper.hideMobile{ display: none; } .comparison_table .comparison_feature_row.products-per-row-2 .compare_column_wrapper{ justify-content: center; } .pdp-popup-wrapper .pdp-compare-table-container .pdp-compare-table-header{ padding: 13px 24px; position: fixed; width: 100%; } .pdp-popup-wrapper .comparison_table{ width: fit-content; } .pdp-popup-wrapper .comparison_table_wrapper{ padding-top: 50px; } .pdp-popup-wrapper .compare_column.compare_feature_title, .pdp-popup-wrapper .comparison_table .comparison_feature_row .compare_column_wrapper{ width: 100%; flex: 0 0 100%; } .pdp-popup-wrapper .comparison_table .comparison_feature_row{ display: block; } .pdp-popup-wrapper .comparison_table .comparison_content_row .compare_column_wrapper .compare_column{ background-color: #f5f5f5; } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title){ width: 152px; flex: 0 0 152px; } .pdp-popup-wrapper .compare_table_product_image img{ width: 132px; height: 132px; } .pdp-popup-wrapper .compare_table_product_title h3, .pdp-popup-wrapper .compare_table_product_subtitle{ font-size: 14px; } .pdp-popup-wrapper .compare_table_product_btn .btn{ font-size: 12px; margin-top: 10px; } .pdp-popup-wrapper .comparison_table .comparison_feature_row.comparison_title_row:not(.sticky){ position: relative; } .pdp-popup-wrapper .comparison_table .comparison_feature_row.comparison_title_row .compare_column:not(.compare_feature_title){ border-bottom: 1px solid #ddd; } .pdp-popup-wrapper .comparison_table .comparison_feature_row.comparison_title_row:after{ content: ''; width: 100%; height: 1px; position: absolute; top: calc(100% - 1px); background: #ddd; left: 0; } .pdp-popup-wrapper .pdp-compare-table-container .compare_column{ padding: 4px 10px 4px 0; } .comparison_table .comparison_content_row .compare_column{ padding: 0 10px 0 0; } .pdp-popup-wrapper .pdp-compare-table-container .comparison_content_row .compare_column_wrapper .compare_column{ padding: 10px; min-height: 48px; } .pdp-popup-wrapper .pdp-compare-table-container .compare_column.compare_feature_title:not(:empty){ min-height: 48px; width: 100vw; } .pdp-popup-wrapper .compare_column.compare_feature_title a img{ width: 48px; height: 48px; } .pdp-popup-wrapper .comparison_title_row.sticky{ top: 50px; } .pdp-popup-wrapper .comparison_title_row.sticky .compare_feature_title{ display: none; } .pdp-popup-wrapper .comparison_title_row.sticky{ border-bottom: 0; } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="2"]{ width: 304px; flex: 0 0 304px; } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="3"]{ width: 456px; flex: 0 0 456px; } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="4"]{ width: 608px; flex: 0 0 608px; } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="5"]{ width: 760px; flex: 0 0 760px; } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="6"]{ width: 912px; flex: 0 0 912px; } } /* loader for POWR form */ .powr-contact-form { position: relative; min-height: 40vh; } .powr-contact-form iframe { z-index: 2!important; position: relative!important; } .powr-contact-form::after { content: ""; display: block; position: absolute; top: 10%; left: 50%; width: 164px; height: 164px; transform: translateX(-50%); background: url(https://cdn.shopify.com/s/files/1/0625/0718/8450/files/loader.gif?v=1680179676) no-repeat center center; z-index: 1; } /* Master Typography */ .heading-1, .heading-1 p { font-size: 28px; } .heading-2, .heading-2 p { font-size: 24px; } .heading-3, .heading-3 p { font-size: 20px; } .heading-4, .heading-3 p { font-size: 18px; } .heading-5, .heading-5 p { font-size: 14px; } .heading-6, .heading-6 p { font-size: 14px; } .body-1, .body-1 p { font-size: 16px; } .body-2, .body-2 p { font-size: 14px; } .body-3, .body-3 p { font-size: 13px; } .body-4, .body-4 p { font-size: 12px; } @media screen and (min-width: 750px) { .heading-1, .heading-1 p { font-size: 46px; } .heading-2, .heading-2 p { font-size: 40px; } .heading-3, .heading-3 p { font-size: 36px; } .heading-4, .heading-3 p { font-size: 28px; } .heading-5, .heading-5 p { font-size: 20px; } .heading-6, .heading-6 p { font-size: 18px; } .body-1, .body-1 p { font-size: 20px; } .body-2, .body-2 p { font-size: 16px; } .body-3, .body-3 p { font-size: 14px; } .body-4, .body-4 p { font-size: 12px; } } /* Swym wishlist */ .swym-wishlist-item { padding: 10px !important; border-color: #00000038 !important; } /* shipping time */ .shipping-time span { font-weight: bold; display: inline-block; color: #6392ff; font-size: 12px; } /* PDP Coupon block */ .product-coupon_block{ position: relative; margin-bottom: 25px; cursor: pointer; } .product-coupon_block img{ display: block; } .product-coupon_block-content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; width: 100%; justify-content: space-between; padding: 0 40px 0 55px; } .product-coupon_block-inner .coupon_off{ font-size: 28px; font-weight: 600; line-height: 1.3; } .product-coupon_block-inner .coupon_code{ font-size: 10px; } .product-coupon_block .copy_code_btn{ min-width: 115px; background: #000; color: #FFEFC4; border: 0; border-radius: 30px; font-size: 15px; line-height: 1.1; padding: 4px 8px 6px; margin-left: 15px; } @media screen and (min-width: 750px) and (max-width: 1024px){ .product-coupon_block-inner .coupon_off{ font-size: 20px; } .product-coupon_block-content{ padding: 0 30px; } } @media screen and (max-width: 749px){ .product-coupon_block-inner .coupon_off{ font-size: 20px; } .product-coupon_block-content{ padding: 0 40px; } .product-coupon_block{ margin-bottom: 20px; } } .remove_bundle_btn_wrap{ margin-top: 20px; } .remove_bundle_btn_wrap .btn{ width: auto; } .remove_bundle_btn_wrap .message{ font-size: 14px; font-weight: 500; line-height: 1.28; color: #757575; margin-top: 8px; } @media screen and (max-width: 1199px){ .remove_bundle_btn_wrap .message{ margin-bottom: 20px; } } .shake { animation: shake 800ms ease-in-out; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(+2px, 0, 0); } 30%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(+4px, 0, 0); } 50% { transform: translate3d(-4px, 0, 0); } } .product-custom-labels{ display: flex; gap: 10px; } .product-custom-labels .member-only{ display: none; color: var(--checkout-btn-bg); } .product-custom-labels{ display: flex; gap: 10px; } .product-custom-labels .member-only{ display: none; color: var(--checkout-btn-bg); } .featured_collection_cart_page .product-card .product-item__action-list .btn svg { display: none; } /* PDP compare popup */ .bundle-form{ position: relative; margin-bottom: 50px; } .variant_button_bottom{ margin-top: -15px; margin-bottom: 10px; } .variant_button_bottom a{ color: #2164FF; } .variant_button_bottom a svg{ vertical-align: middle; margin-left: 4px; } .bundle-form .variant_button_bottom{ position: absolute; bottom: -20px; margin: 0; } pdp.pdp-comparison-table{ padding: 110px 0; } .popup-content .pdp.pdp-comparison-table{ padding: 20px 0; } .pdp-compare-table-container{ max-width: 1348px; margin: 0 auto; padding: 0 24px; text-align: center; } .pdp-compare-table-container h1{ font-size: 46px; text-align: CENTER; color: #212121; line-height: 1.2; margin-bottom: 48px; } .comparison_table_wrapper{ border-radius: 8px; padding: 32px; text-align: center; } /*.comparison_table_row { display: flex; flex-wrap: nowrap; text-align: center; }*/ .pdp-compare-table-container .compare_column{ padding: 32px 10px; font-size: 16px; line-height: 1.5; color: #212121; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; } .pdp-compare-table-container .compare_column:last-child{ border-right: 0; } .comparison_table{ overflow-x: auto; } .comparison_table::-webkit-scrollbar{ display: none; } .compare_column.compare_feature_title{ width: 250px; flex: 0 0 250px; font-size: 18px; line-height: 1.2; font-weight: bold; word-break: break-word; } .compare_column.compare_feature_title a{ display: flex; align-items: center; justify-content: center; border: 0; } .compare_column.compare_feature_title a img{ width: 60px; } .compare_column.compare_feature_title a span{ padding-left: 10px; text-align: left; word-break: initial; } .compare_table_product_image img{ width: 150px; height: 150px; object-fit: contain; margin-bottom: 10px; } .compare_table_product_title{ height: var(--product-info-height); } .compare_table_product_title h3{ font-size: 18px; line-height: 1.2; color: #212121; } .compare_table_product_subtitle{ font-size: 12px; line-height: 1.5; color: #757575; margin-top: 4px; } .compare_table_product_btn .btn{ margin-top: 16px; padding: 11px 24px; background: #2164FF; font-size: 14px; letter-spacing: 0.1em; line-height: 1.3; border: 0; justify-content: center; } .comparison_table .comparison_feature_row{ display: flex; position: relative; justify-content: space-between; } .comparison_table .comparison_content_row .compare_column, .comparison_table .compare_column_wrapper{ display: flex; align-items: center; justify-content: center; } .comparison_table .compare_column_wrapper{ justify-content: flex-start; align-items: unset; } .comparison_table .comparison_content_row .compare_column.compare_feature_title{ justify-content: flex-start; } .comparison_table .comparison_feature_row{ transition: display 0.5s ease; } .comparison_table .comparison_feature_row:nth-child(n+5){ display: none; } .comparison_table.show-all .comparison_feature_row{ display: flex; } .view_features_link{ background: unset; border: 0; margin-top: 24px; font-size: 14px; letter-spacing: 0.1em; color: #2164FF; } .view_features_link.showing-all svg{ transform: rotate(180deg); } .comparison_table div{ padding: 0; border: 0; text-align: center; } .comparison_table .comparison_feature_row .compare_column_wrapper{ width: calc(100% - 250px); flex: 0 0 calc(100% - 250px); } .comparison_table .comparison_feature_row > div:first-child{ position: sticky; left: 0; z-index: 2; } .pdp-compare-table-header .popup-close-wrap{ display: none; } .pdp-popup-wrapper{ position: fixed; z-index: 9999999999; top: 0; left: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; font-size: 14px; display: none; transition: all .5s ease-in-out; } .pdp-popup-wrapper.shown{ display: block; } .pdp-popup-wrapper *{ font-size: inherit; } .pdp-popup-wrapper .popup-inner{ z-index: 2; position: absolute; max-width: 1200px; max-height: 800px; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0; } .pdp-popup-wrapper .popup-inner .popup-content, .pdp-popup-wrapper .popup-inner .pdp-comparison-table{ height: 100%; } .pdp-popup-wrapper .pdp-compare-table-container{ height: 100%; position: relative; overflow-y: auto; background: #fff; border-radius: 12px; } .pdp-popup-wrapper .popup-close-wrap{ position: absolute; top: 16px; right: 20px; z-index: 10; } .pdp-popup-wrapper .popup-close-wrap .popup-close{ cursor: pointer; } .pdp-popup-wrapper .popup-close-wrap .popup-close svg{ display: block; } .pdp-popup-wrapper .comparison_table{ overflow: unset; } .pdp-popup-wrapper .comparison_table .comparison_feature_row{ display: flex; background: unset; } .pdp-popup-wrapper .popup-content .pdp.pdp-comparison-table, .pdp-popup-wrapper .pdp-compare-table-container, .pdp-popup-wrapper .comparison_table_wrapper{ padding: 0; } .pdp-popup-wrapper .view_features_link{ display: none; } .pdp-popup-wrapper .pdp-compare-table-container .pdp-compare-table-header{ padding: 16px 24px; margin: 0; border-bottom: 1px solid #ddd; position: sticky; top: 0; z-index: 9; background: #fff; } .pdp-popup-wrapper .pdp-compare-table-container h1{ font-size: 16px; line-height: 1.45; text-align: left; margin-bottom: 0; } .pdp-popup-wrapper .pdp-compare-table-container .compare_column{ border: 0; } .pdp-popup-wrapper .comparison_table .comparison_feature_row > div{ background: transparent; } .pdp-popup-wrapper .pdp-compare-table-container .compare_column{ padding: 4px 10px; font-size: 14px; font-weight: 500; color: #03060B; } .pdp-popup-wrapper .pdp-compare-table-container .comparison_content_row .compare_column_wrapper .compare_column{ padding: 20px 10px; } .pdp-popup-wrapper .compare_table_product_inner{ margin-bottom: 20px; } .pdp-popup-wrapper .compare_table_product_image img{ width: 180px; height: 180px; } .pdp-popup-wrapper .compare_table_product_title h3{ font-size: 16px; color: #03060B; } .pdp-popup-wrapper .compare_table_product_subtitle{ margin-top: 12px; font-size: 14px; font-weight: 600; } .pdp-popup-wrapper .compare_table_product_subtitle p{ color: #03060B; } .pdp-popup-wrapper .compare_table_product_btn .btn{ background: unset; color: #2164FF; font-size: 14px; letter-spacing: 0; text-transform: capitalize; } .pdp-popup-wrapper .compare_column.compare_feature_title{ width: 275px; font-size: 14px; font-weight: 500; } .pdp-popup-wrapper .compare_column.compare_feature_title a{ color: #757575; } .pdp-popup-wrapper .compare_column.compare_feature_title a img{ width: 64px; height: 64px; } .pdp-popup-wrapper .comparison_title_row.sticky{ position: sticky; position: -webkit-sticky; top: 56px; z-index: 9; width: 100%; border-bottom: 1px solid #ddd; } .pdp-popup-wrapper .comparison_title_row.sticky .compare_table_product_image, .pdp-popup-wrapper .comparison_title_row.sticky .compare_table_product_btn, .pdp-popup-wrapper .comparison_title_row.sticky .compare_table_product_subtitle{ display: none; } .pdp-popup-wrapper .pdp-compare-table-container .comparison_title_row.sticky .compare_column_wrapper .compare_column{ padding: 8px 10px; } .pdp-popup-wrapper .comparison_title_row.sticky .compare_table_product_inner{ margin-bottom: 0; } .pdp-popup-wrapper .pdp-compare-table-header .popup-close-wrap{ display: block; } @media screen and (max-width: 1239px){ .compare_column.compare_feature_title{ width: 150px; } .compare_table_product_btn .btn{ padding: 11px 10px; } } @media screen and (min-width: 750px){ .comparison_feature_row .flickity-button:not([disabled]){ width: 48px; height: 48px; background: #000 !important; border-radius: 50%; opacity: 0.2; color: #fff; display: flex; align-items: center; justify-content: center; } .comparison_feature_row .flickity-button svg{ width: 15px; height: 15px; position: relative; top: unset; left: unset; } .comparison_feature_row.sticky .flickity-button{ width: 30px; height: 30px; } .comparison_feature_row.sticky .flickity-button svg{ width: 12px; height: 12px; } .comparison_table .compare_column_wrapper.hideDesktop, .comparison_content_row.comparison_feature_row .flickity-button{ display: none; } .compare_column_wrapper.compare_column_slider:after { content: 'flickity'; display: none; } .comparison_table .compare_column_wrapper.compare_column_slider.flickity-enabled{ display: block; } .comparison_table .compare_column_wrapper.compare_column_slider .compare_column{ float: left; } .pdp-popup-wrapper .comparison_table .comparison_feature_row:nth-child(even) .compare_column{ background-color: #f5f5f5; } .comparison_table .comparison_feature_row.products-per-row-4 .compare_column:not(.compare_feature_title), .comparison_table .comparison_feature_row.products-per-row-5 .compare_column:not(.compare_feature_title), .comparison_table .comparison_feature_row.products-per-row-6 .compare_column:not(.compare_feature_title){ width: 25%; flex: 0 0 25%; } .comparison_table .comparison_feature_row.products-per-row-3 .compare_column:not(.compare_feature_title){ width: 33.33%; flex: 0 0 33.33%; } .comparison_table .comparison_feature_row.products-per-row-2 .compare_column:not(.compare_feature_title){ width: 50%; flex: 0 0 50%; } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="2"]{ width: calc(100% / var(--products-length) * 2); flex: 0 0 calc(100% / var(--products-length) * 2); } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="3"]{ width: calc(100% / var(--products-length) * 3); flex: 0 0 calc(100% / var(--products-length) * 3); } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="4"]{ width: calc(100% / var(--products-length) * 4); flex: 0 0 calc(100% / var(--products-length) * 4); } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="5"]{ width: calc(100% / var(--products-length) * 5); flex: 0 0 calc(100% / var(--products-length) * 5); } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="6"]{ width: calc(100% / var(--products-length) * 6); flex: 0 0 calc(100% / var(--products-length) * 6); } .pdp-popup-wrapper .compare_column_slider .compare_column{ height: var(--row-height); } } @media screen and (max-width: 749px){ .pdp-compare-table-container h1{ font-size: 28px; text-align: left; margin-left: 20px; margin-bottom: 24px; } .comparison_table_inner{ padding: 0; position: relative; } .comparison_table_inner::-webkit-scrollbar{ display: none; } .comparison_table_wrapper table{ width: auto; } .pdp-compare-table-container .compare_column{ padding: 25px 10px; font-size: 14px; min-width: 120px; } .compare_column.compare_feature_title{ width: 120px; min-width: 120px; font-size: 14px; position: sticky; left: 0; z-index: 2; } .compare_table_product_image img{ width: 100px; height: 100px; } .compare_table_product_title h3{ font-size: 14px; } .compare_table_product_btn .btn{ font-size: 12px; padding: 9px 15px; } .comparison_table table{ overflow: scroll; width: -webkit-fill-available; margin-right: 20px; } .pdp-compare-table-container .comparison_table table .compare_column{ min-width: 120px; } .pdp-compare-table-container .comparison_table table .compare_column[colspan="2"]{ min-width: 240px; } .pdp-compare-table-container .comparison_table table .compare_column[colspan="3"]{ min-width: 360px; } .pdp-compare-table-container .comparison_table table .compare_column[colspan="4"]{ min-width: 480px; } .pdp-compare-table-container{ padding: 0; } .comparison_table_wrapper{ padding: 20px 0 20px 20px; } .comparison_table_wrapper table{ table-layout: unset; } .pdp-popup-wrapper{ bottom: -100%; transform: translateY(100%); display: block; } .pdp-popup-wrapper.shown{ bottom: 0; transform: translateY(0); } .pdp-popup-wrapper .popup-close-wrap{ top: 12px; right: 12px; } .pdp-popup-wrapper .popup-inner{ padding: 0; height: 100%; width: 100%; top: 0; transform: unset; left: 0; max-height: 100%; border-radius: 0; } .pdp-popup-wrapper .pdp-compare-table-container{ border-radius: 0; } .pdp-popup-wrapper .pdp-compare-table-container h1{ margin-left: 0; } .comparison_table .compare_column_wrapper.hideMobile{ display: none; } .comparison_table .comparison_feature_row.products-per-row-2 .compare_column_wrapper{ justify-content: center; } .pdp-popup-wrapper .pdp-compare-table-container .pdp-compare-table-header{ padding: 13px 24px; position: fixed; width: 100%; } .pdp-popup-wrapper .comparison_table{ width: fit-content; } .pdp-popup-wrapper .comparison_table_wrapper{ padding-top: 50px; } .pdp-popup-wrapper .compare_column.compare_feature_title, .pdp-popup-wrapper .comparison_table .comparison_feature_row .compare_column_wrapper{ width: 100%; flex: 0 0 100%; } .pdp-popup-wrapper .comparison_table .comparison_feature_row{ display: block; } .pdp-popup-wrapper .comparison_table .comparison_content_row .compare_column_wrapper .compare_column{ background-color: #f5f5f5; } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title){ width: 152px; flex: 0 0 152px; } .pdp-popup-wrapper .compare_table_product_image img{ width: 132px; height: 132px; } .pdp-popup-wrapper .compare_table_product_title h3, .pdp-popup-wrapper .compare_table_product_subtitle{ font-size: 14px; } .pdp-popup-wrapper .compare_table_product_btn .btn{ font-size: 12px; margin-top: 10px; } .pdp-popup-wrapper .comparison_table .comparison_feature_row.comparison_title_row:not(.sticky){ position: relative; } .pdp-popup-wrapper .comparison_table .comparison_feature_row.comparison_title_row .compare_column:not(.compare_feature_title){ border-bottom: 1px solid #ddd; } .pdp-popup-wrapper .comparison_table .comparison_feature_row.comparison_title_row:after{ content: ''; width: 100%; height: 1px; position: absolute; top: calc(100% - 1px); background: #ddd; left: 0; } .pdp-popup-wrapper .pdp-compare-table-container .compare_column{ padding: 4px 10px 4px 0; } .comparison_table .comparison_content_row .compare_column{ padding: 0 10px 0 0; } .pdp-popup-wrapper .pdp-compare-table-container .comparison_content_row .compare_column_wrapper .compare_column{ padding: 10px; min-height: 48px; } .pdp-popup-wrapper .pdp-compare-table-container .compare_column.compare_feature_title:not(:empty){ min-height: 48px; width: 100vw; } .pdp-popup-wrapper .compare_column.compare_feature_title a img{ width: 48px; height: 48px; } .pdp-popup-wrapper .comparison_title_row.sticky{ top: 50px; } .pdp-popup-wrapper .comparison_title_row.sticky .compare_feature_title{ display: none; } .pdp-popup-wrapper .comparison_title_row.sticky{ border-bottom: 0; } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="2"]{ width: 304px; flex: 0 0 304px; } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="3"]{ width: 456px; flex: 0 0 456px; } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="4"]{ width: 608px; flex: 0 0 608px; } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="5"]{ width: 760px; flex: 0 0 760px; } .comparison_table .comparison_feature_row .compare_column:not(.compare_feature_title)[colspan="6"]{ width: 912px; flex: 0 0 912px; } } .btn--disabled { background-color: #757575!important; opacity: 1; cursor: default; } /* Corporate purchase page */ [data-page*="corporate-purchase"]{ background-color: #F8F9FC; } .corporate-section{ margin-bottom: 110px; } .corporate-section.corporate-banner{ margin-bottom: 0; } [data-page*="corporate-purchase"] .index-section{ padding: 0; margin-bottom: 110px; } [data-page*="corporate-purchase"] .index-section.quotes-section{ margin-bottom: 0; } .image-banner .page-width-small{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .image-banner .image-banner-text-content{ max-width: 550px; } .image-banner .image-banner-text-content .title{ font-size: 46px; font-weight: 700; line-height: 1.22; margin-bottom: 24px; } .image-banner .image-banner-text-content .small-content p{ font-size: 20px; font-weight: 400; line-height: 1.5; margin-bottom: 32px; } .image-banner .image-banner-text-content .btn{ font-size: 17px; font-weight: 700; letter-spacing: 0.1em; line-height: 1.3; padding: 15px 24px; } .corporate-image-gallery-wrap .text-content, .corporate-product-grid-wrap .text-content{ max-width: 650px; text-align: center; margin: 0 auto 48px; } .corporate-image-gallery-wrap .text-content .title, .corporate-product-grid-wrap .text-content .title{ font-size: 36px; font-weight: 700; line-height: 1.22; margin-bottom: 24px; color: #212121; } .corporate-image-gallery-wrap .small-content p, .corporate-product-grid-wrap .small-content p{ font-size: 17px; line-height: 1.5; color: #212121; } .corporate-image-gallery, .corporate-product-grid-inner{ display: flex; flex-wrap: wrap; margin-left: -15px; } .corporate-image-gallery .corporate-image, .corporate-product-grid .corporate-product{ width: 25%; padding-left: 15px; } [data-page*="corporate-purchase"] .testimonials_slider{ padding-left: 15px; padding-right: 15px; margin: 0; } [data-page*="corporate-purchase"] .section-title h2, [data-page*="corporate-purchase"] .section-header h2{ font-size: 36px; line-height: 1.2; margin-bottom: 48px; } [data-page*="corporate-purchase"] [data-section-type=quotes] .testimonials_slider .testimonial_block{ width: 25%; padding-left: 32px; padding-right: 32px; margin: 0; } [data-page*="corporate-purchase"] .bg_image_with_custom_content--index-accordion .section_content{ padding: 100px 0; } [data-page*="corporate-purchase"] .bg_image_with_custom_content--index-accordion .page-width-xsmall{ max-width: unset; } [data-page*="corporate-purchase"] .bg_image_with_custom_content--index-accordion .section-header--subtitle{ text-align: left; } [data-page*="corporate-purchase"] .bg_image_with_custom_content--index-accordion .section-title h2{ margin-bottom: 24px; } [data-page*="corporate-purchase"] .bg_image_with_custom_content--index-accordion .section-header--subtitle{ max-width: unset; font-size: 14px; font-weight: 400; color: inherit !important; } [data-page*="corporate-purchase"] .homepage_accordion .homepage_accordion__block:not(:last-child){ border-bottom: 0; } .corporate-btn:hover, [data-page*="corporate-purchase"] .btn:not(.klaviyo_submit_button):hover{ opacity: 0.8; background-color: var(--checkout-btn-bg) !important; color: var(--checkout-btn-color) !important; border-color: var(--checkout-btn-bg); } .corporate-product-inner{ background: #fff; padding: 32px 32px 86px; text-align: center; border-radius: 8px; position: relative; } .corporate-product{ margin-bottom: 15px; } .corporate-product-inner .corporate-product-image{ margin-bottom: 24px; } .corporate-product-inner .corporate-product-image img{ width: 150px; height: 150px; object-fit: contain; } .corporate-product-inner .corporate-product-title-price{ height: var(--product-title-height); } .corporate-product-inner .corporate-product-title{ font-size: 24px; line-height: 1.2; color: #212121; font-weight: bold; margin-bottom: 10px; height: var(--title-height); } .corporate-product-inner .corporate-product-price{ font-size: 20px; line-height: 1.35; font-weight: 600; color: #2164FF; } .corporate-product-inner .corporate-product-discounts{ margin: 24px 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 15px 0; } .corporate-product-discount{ padding: 11px 0; display: flex; justify-content: space-between; gap: 10px; align-items: center; } .corporate-product-discount .corporate-product-discount-qty{ color: #212121; font-size: 14px; line-height: 1.5; } .corporate-product-discount .corporate-product-discount-percent{ padding: 5px 10px; border: 1px solid #2164FF; border-radius: 100px; font-size: 12px; line-height: 1.5; color: #2164FF; } .corporate-product-inner .corporate-product-atc{ position: absolute; bottom: 32px; left: 0; width: 100%; text-align: center; } .corporate-product-inner .corporate-atc-btn, .corporate-compare-btn button{ padding: 15px 24px; letter-spacing: 0.1em; font-size: 17px; font-weight: bold; line-height: 1.35; background-color: #2164FF; } .corporate-compare-btn{ text-align: center; } .corporate-compare-btn button{ background-color: transparent; color: #212121; border: 1px solid #212121; } .comparison_table td{ border: 0; text-align: center; border-bottom: 1px solid #ededed; padding: 17px 20px; font-size: 16px; color: #212121; } .comparison_table tr:first-child td{ padding: 24px; } .comparison_table tr:not(:first-child) td:first-child{ background-color: #f7f7f7; text-align: left; } .comparison_table tr:not(:first-child) td:first-child div.flexbox{ display: flex; align-items: center; } .comparison_table td:first-child svg{ width: 32px; height: 32px; display: block; margin-right: 20px; } .comparison_table td:first-child div{ font-size: 18px; font-weight: bold; line-height: 1.2; } .comparison_table td:first-child div span{ font-size: 14px; font-weight: 400; display: block; text-align: left; line-height: 1.5; } .compare_table_product_image img{ width: 100px; height: 100px; object-fit: contain; } .compare_table_product_title h3{ font-size: 18px; line-height: 1.2; color: #212121; margin-bottom: 0; } .compare_table_product_subtitle{ font-size: 12px; line-height: 1.5; color: #757575; margin-top: 4px; } .compare-popup-table{ border-top: 1px solid #ededed; } .compare-popup-table .comparison_table{ table-layout: fixed; } #corporate-atc-modal .modal__dialog{ max-width: 1040px; background-color: #fff; } #corporate-atc-modal .modal__dialog .product-container .product-single__title{ font-size: 28px; } .modal .product-single__meta .form_bg_row{ background: transparent; } .modal .discounts-wrapper{ padding: 8px 16px; background: #F8F9FC; border-radius: 8px; margin: 24px 0; } .modal .back_in_stock_row{ margin-top: 20px; } .modal .corporate-product-discount{ padding: 5px 0; } #corporate-atc-modal .product-container{ padding-left: 30px; padding-right: 30px; } #corporate-atc-modal .product-container .product-single__media-group, #corporate-atc-modal .product-container .product-single__description-group{ width: 50%; } #corporate-atc-modal .product-single__meta{ padding-left: 20px; } #corporate-atc-modal .product__price{ line-height: 1.19; } #corporate-atc-modal .product-single__meta .header, #corporate-atc-modal .swatch-title{ font-size: 14px; font-weight: 700; } #corporate-atc-modal .product-form__controls-group .price-wrapper .regular-price, #corporate-atc-modal .product-form__controls-group .price-wrapper .regular-price-d{ font-size: 20px; } #corporate-atc-modal .product-form__controls-group .product-form__cart-submit{ letter-spacing: 0.1em; } #corporate-atc-modal .product-form__controls-group .price-wrapper{ padding-bottom: 0; } #corporate-atc-modal .product-form__controls-group--submit{ padding-top: 24px; } #corporate-atc-modal .product-form__controls-group~.product-form__controls-group--submit{ margin-top: 14px; } #corporate-atc-modal .modal .product-single__meta .form_bg_row.quantity_block{ padding-top: 0; } #corporate-atc-modal.modal::before{ background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #FFFFFF; } #corporate-atc-modal .modal__dialog{ box-shadow: unset; border-radius: 4px; } .compare-modal{ background: #fff; padding: 30px 40px 40px; overflow: auto; } .compare-modal.modal .modal__close{ top: 35px; right: 35px; } .compare-modal:before{ content: unset; } .compare-modal .compare-modal__dialog{ width: 70%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 100px 30px; background: #fff; box-shadow: unset; overflow: unset; } .compare-popup-top-bar{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; } .compare-popup-title{ font-size: 28px; line-height: 1.2; font-weight: bold; padding-right: 24px; } .compare-popup-btn{ font-size: 17px; line-height: 1.3; font-weight: bold; padding: 15px 24px; letter-spacing: 0.1em; color: #2164FF; background: transparent; border: 1px solid #2164FF; margin-left: 10px; } .compare-popup-btn.active{ background-color: var(--checkout-btn-bg); color: var(--checkout-btn-color); } .compare-popup-table-inner{ display: none; } .compare-popup-table-inner.active{ display: block; } .klaviyo-form-section{ padding: 100px 0 !important; } .klaviyo-form-section .section-header h2{ margin-bottom: 24px; } .klaviyo-form-section .Form__Input{ background-color: transparent !important; color: #fff; border: 1px solid #979797; border-radius: 100px; padding: 16px; height: 56px; margin-bottom: 0; } .klaviyo-form-section .Form__Input::-webkit-input-placeholder{ color: #979797; opacity: 1; } .klaviyo-form-section .newsletter-section .contact-form{ position: relative; display: flex; justify-content: center; max-width: 550px; margin: 0 auto; } .klaviyo-form-section .newsletter-section .klaviyo_messages{ text-align: center; } .klaviyo-form-section .input-group__btn-wrapper{ width: auto; margin-left: 20px; } .klaviyo-form-section .input-group__btn-wrapper .btn{ min-width: unset !important; height: 56px; font-size: 17px; line-height: 1.3; font-weight: bold; padding: 15px 24px; letter-spacing: 0.1em; background-color: var(--checkout-btn-bg); color: var(--checkout-btn-color); } .klaviyo-form-section .input-group__btn-wrapper .btn svg{ display: none; } @media screen and (min-width: 750px) and (max-width: 1199px){ [data-page*="corporate-purchase"] .page-width.testimonials_row{ margin: 0; padding-left: 30px; padding-right: 30px; } [data-page*="corporate-purchase"] [data-section-type=quotes] .testimonials_slider .testimonial_block{ padding-left: 10px; padding-right: 10px; } .corporate-product-inner{ padding: 32px 15px 86px; } } @media screen and (min-width: 750px) and (max-width: 1024px){ .corporate-product-grid .corporate-product{ width: 33.33%; } .corporate-product-inner .corporate-product-title{ font-size: 18px; } .corporate-product-inner .corporate-product-price{ font-size: 16px; } } @media screen and (max-width: 749px){ .image-banner .page-width-small{ top: 25px; transform: translateX(-50%); text-align: center; } [data-page*="corporate-purchase"] .image-banner .image-banner-text-content .title{ font-size: 22px; margin-bottom: 10px; } [data-page*="corporate-purchase"] .image-banner .image-banner-text-content .small-content p{ font-size: 14px; margin-bottom: 15px; } [data-page*="corporate-purchase"] .image-banner .image-banner-text-content .btn, .corporate-btn{ width: auto; } .image-banner .image-banner-text-content .btn{ padding: 10px 24px; } .image-banner .image-banner-text-content{ max-width: 100%; } .corporate-section, [data-page*="corporate-purchase"] .index-section{ margin-bottom: 60px; } .corporate-image-gallery .corporate-image{ width: 100%; margin-top: 15px; } .corporate-image-gallery-wrap .text-content{ margin-bottom: 18px; } .corporate-product-grid-wrap .text-content{ padding-right: 24px; } .corporate-product-grid-inner{ overflow-x: auto; flex-wrap: nowrap; } .corporate-product-grid-inner::-webkit-scrollbar, .compare-popup-buttons::-webkit-scrollbar, .compare-popup-images::-webkit-scrollbar{ display: none; } .corporate-product-grid .corporate-product{ width: 308px; min-width: 308px; } .corporate-product-grid-wrap .page-width-small{ padding-right: 0; } .corporate-product-grid-wrap .corporate-product:last-child{ margin-right: 24px; } .corporate-product-inner .corporate-product-image img{ width: 120px; height: 120px; } .corporate-product-inner .corporate-product-title, .corporate-product-inner .corporate-product-price{ font-size: 18px; } .corporate-product-discount .corporate-product-discount-percent{ font-size: 13px; line-height: 1.3; } .corporate-product-discount .corporate-product-discount-qty{ font-size: 13px; } .corporate-product-grid-wrap .text-content .title, [data-page*="corporate-purchase"] .section-title h2, [data-page*="corporate-purchase"] .section-header h2{ font-size: 20px; } [data-page*="corporate-purchase"] .section-title h2, [data-page*="corporate-purchase"] .section-header h2, .corporate-image-gallery-wrap .text-content, .corporate-product-grid-wrap .text-content{ margin-bottom: 32px; } [data-page*="corporate-purchase"] .section-title{ text-align: center; } .template-page-product [data-page*="corporate-purchase"] .mosaic_images_section .mosaic_section_wrapper .mosaic_block{ width: 316px !important; } .template-page-product [data-page*="corporate-purchase"] .mosaic_images_section .mosaic_section_wrapper .mosaic_block:first-child{ width: 326px !important; } [data-page*="corporate-purchase"] .page-width.testimonials_row{ margin: 0; padding: 48px 12px 0; } [data-page*="corporate-purchase"] .testimonials_slider{ padding: 0; } [data-page*="corporate-purchase"] [data-section-type=quotes] .testimonials_slider .testimonial_block{ width: 50%; padding-left: 12px; padding-right: 12px; margin-bottom: 48px; text-align: center; } [data-page*="corporate-purchase"] [data-section-type="quotes"] .testimonials_slider .testimonial_block .author_image{ margin-left: auto; } .compare-modal .compare-modal__dialog{ padding: 40px 24px; width: 100%; } .compare-modal.modal .modal__close{ right: 20px; } .compare-popup-top-bar{ flex-direction: column; align-items: unset; } .compare-popup-title{ font-size: 18px; margin-bottom: 48px; } .compare-popup-buttons{ display: flex; flex-wrap: nowrap; overflow-x: auto; } .compare-popup-btn{ margin: 0 10px 0 0; white-space: nowrap; font-size: 14px; } .compare-popup-table{ overflow-x: auto; } .comparison_table tr td:first-child{ background-color: #f7f7f7 !important; } .comparison_table td{ padding: 20px 16px; white-space: nowrap; } .comparison_table td:first-child{ padding: 20px 10px; position: sticky; left: 0; z-index: 2; } .compare_table_product_image img{ width: 80px; height: 80px; } .compare_table_product_title h3, .comparison_table td:first-child div{ font-size: 14px; } .comparison_table td:first-child svg{ width: 24px; height: 24px; margin-right: 16px; } [data-page*="corporate-purchase"] .index-newsletter, [data-page*="corporate-purchase"] .bg_image_with_custom_content--index-accordion .section_content{ padding: 48px 0 !important; } [data-page*="corporate-purchase"] .input-group__btn-wrapper .btn, .corporate-image-gallery-wrap .small-content p, .corporate-product-grid-wrap .small-content p{ font-size: 14px; } [data-page*="corporate-purchase"] .bg_image_with_custom_content--index-accordion .section-title h2{ margin-bottom: 16px; } [data-page*="corporate-purchase"] .question{ padding: 14px 0; } [data-page*="corporate-purchase"] .homepage_accordion .homepage_accordion__block:not(:last-child){ border-bottom: solid 1px #ebe9e9; } .modal .product-single__description-group{ padding-left: 0; } #corporate-atc-modal .product-container .product-single__description-group .product-single__meta{ padding: 0; } .modal .product-container .grid{ margin-left: 0; } #corporate-atc-modal .modal__dialog .product-container .product-single__title{ font-size: 20px; } #corporate-atc-modal .product-container .product-single__media-group, #corporate-atc-modal .product-container .product-single__description-group{ width: 100%; } } .limoniapps-discountninja-cart-subtotal-price .cart-subtotal__compare_price{ text-decoration: unset; } .featured_collection_cart_page .product-card .product-item__action-list .btn svg { display: none; } .sticky-subscribe-bar *{ font-family: "Helvetica Neue ForEco"; } .sticky-subscribe-bar{ position: sticky; top: 0; z-index: 9; } .sticky-subscribe-bar .subscribe-bar-wrapper{ padding: 10px 20px; } .sticky-subscribe-bar .subscribe-bar-container{ max-width: 1070px; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .sticky-subscribe-bar .subscribe-text{ font-size: 22px; color: #fff; font-weight: 500; line-height: 1.2; display: flex; justify-content: flex-end; } .sticky-subscribe-bar .subscribe-form{ margin-left: 75px; width: 430px; } .sticky-subscribe-bar .contact-form{ display: flex; } .sticky-subscribe-bar .Form__Input{ padding: 12px 16px; font-size: 15px; border-radius: 6px 0 0 6px; background: #fff; color: #03060B; outline: none; } .sticky-subscribe-bar .Form__Input::placeholder{ color: #C6C6C6; } .sticky-subscribe-bar .emarsys-form-btn{ border-radius: 0 6px 6px 0; padding: 12px 15px; font-size: 15px; font-weight: 600; border: 0; outline: none; } .sticky-subscribe-bar .emarsys-form-btn:hover{ opacity: 0.7; } .sticky-subscribe-bar .policy_text p{ font-size: 12px; margin-top: 10px; text-transform: capitalize; line-height: 1.2; } .sticky-subscribe-bar .policy_text a{ color: inherit; } @media screen and (max-width: 1200px){ .sticky-subscribe-bar .subscribe-form{ margin-left: 20px; width: 330px; } .sticky-subscribe-bar .subscribe-text{ font-size: 18px; } } @media screen and (max-width: 749px){ .sticky-subscribe-bar .subscribe-bar-wrapper{ padding-top: 16px; padding-bottom: 16px; } .sticky-subscribe-bar .subscribe-bar-container{ flex-direction: column; } .sticky-subscribe-bar .subscribe-text{ font-size: 15px; margin-bottom: 8px; text-align: center; } .sticky-subscribe-bar .subscribe-form{ margin-left: 0; } .sticky-subscribe-bar .Form__Input{ padding-top: 12px; padding-bottom: 12px; font-size: 12px; border-radius: 2px 0 0 2px; } .sticky-subscribe-bar .emarsys-form-btn{ padding-top: 10px; padding-bottom: 10px; font-size: 14px; border-radius: 0 2px 2px 0; } .sticky-subscribe-bar .policy_text p, .sticky-subscribe-bar #successMessage{ font-size: 11px; text-align: center; } } .referral-page .image-banner .image-banner-text-content .title { font-family: 'HelveticaNeueForEco-Ex'; font-size: 28px; line-height: normal; letter-spacing: 1px; width: 100%; } .referral-page .image-banner .image-banner-text-content .btn { width: 100%; border-radius: 10px; max-width: 284px; justify-content: center; } .referral-page .image-banner .image-banner-text-content .small-content p { font-size: 14px; line-height: normal; max-width: 240px; margin-left: auto; margin-right: auto; } .referral-page p, .referral-page .step-subtitle, .referral-page .tabs-and-details .tabs-and-details__tab:before { font-family: 'HelveticaNeueForEco-Lt'; } .referral-page .image-with-page-content-wrapper { width: calc(100% - 38px); max-width: 1076px; } .referral-page .title-wrapper h2 { text-align: left; font-family: 'HelveticaNeueForEco-Ex'; } .referral-page .page-content-wrapper { padding: 0; display: flex; width: 100%; justify-content: space-between; } .referral-page .referral-process .step-title { font-family: 'HelveticaNeueForEco-Ex'; } .referral-page .page-content-wrapper>div { width: 48%; } .referral-page .title, .referral-page .feature-row__item .h3 { font-size: 48px; font-family: 'HelveticaNeueForEco-Ex'; letter-spacing: 1px; } .referral-page .image-with-page-content-wrapper .page-content-wrapper p { font-size: 16px; font-family: 'HelveticaNeueForEco-LtEx'; line-height: normal; letter-spacing: 1px; } .referral-page .image-with-page-content-wrapper .page-content-wrapper { padding: 0px; margin-left: 0 !important; } .referral-page .page-content { display: flex; align-items: center; } .referral-page .page-content #conjured_referral #conjured_save_advocate { width: 302px; height: 56px; padding: 10px 24px; border-radius: 10px; } .referral-page #conjured_referral #conjured_save_advocate { margin-bottom: 0; } .referral-page .page-content #conjured_referral { max-width: 457px; margin: 0 auto; text-align: center; } .referral-page .referral-process .process-wrapper { background: transparent; } .referral-page .feature-row__item.feature-row__text { margin: 0 auto; padding: 55px; } .referral-page .feature-row__item .h3 { margin-bottom: 24px; } .referral-page .feature-row__item.feature-row__text .featured-row__subtext { margin-bottom: 78px; } .referral-page .feature-row { padding: 0; } .referral-page .feature-row> .feature-row { background: #f4f4f4; } .referral-page .image-with-page-content-wrapper, .referral-page .feature-row-section, .referral-page .referral-process, .referral-page .tabs-and-details-wrapper { padding-top: 118px; margin-bottom: 0; padding-bottom: 0; } .referral-page .tabs-and-details-wrapper { padding-bottom: 118px; } #conjured_referral .form-wrapper { text-align: left; } @media screen and (min-width: 1261px) { .referral-page .image-banner .page-width-small { top: 30%; } .referral-page .feature-row__item.feature-row__text { padding: 70px 106px; } } @media screen and (min-width: 990px) { .referral-page .title, .referral-page .image-banner .image-banner-text-content .title{ font-size: 48px; line-height: 55.39px; } .referral-page .image-banner .image-banner-text-content .small-content p { font-size: 24px; max-width: unset; } } .referral-page .btn:after { border-radius: 10px; } @media screen and (max-width: 989px) { .referral-page .image-banner .image-banner-text-content .btn { padding: 10px 24px; max-width: 236px; } .referral-page .title, .referral-page .feature-row__item .h3 { font-size: 28px; letter-spacing: normal; } .referral-page .image-with-page-content-wrapper .page-content-wrapper { flex-direction: column; padding: 37px; border-radius: 10px; background: #F4F4F4; } .referral-page .page-content-wrapper>div, .referral-page .page-content #conjured_referral, .referral-page .page-content #conjured_referral #conjured_save_advocate { width: 100%; } .referral-page .page-content-wrapper .text-content { text-align: left; } .referral-page .image-with-page-content-wrapper .page-content-wrapper p { font-size: 14px; margin-bottom: 24px; } .referral-page .image-with-page-content-wrapper, .referral-page .feature-row-section, .referral-page .referral-process, .referral-page .tabs-and-details-wrapper { padding-top: 60px; margin-bottom: 0; padding-bottom: 0; } .referral-page .tabs-and-details-wrapper { padding-bottom: 60px; } } .referral-page .feature-row a.btn { max-width: 284px; height: 54px; } .referral-page .btn--primary:not([disabled]):hover { background-color: unset; } .referral-page .tabs-and-details__detail p { margin-bottom: 0px; } @media screen and (min-width: 750px) { .referral-page .layout_left { flex: 0 1 55.6%; } .referral-page .feature-row__text--left { flex: 0 1 44.4%; } } @media screen and (max-width: 749px) { .referral-page .image-banner .page-width-small { top: 35px; } .referral-page .feature-row__item.feature-row__text .featured-row__subtext { margin-bottom: 31px; } .referral-page .feature-row { background: unset; padding: 0; } .referral-page .feature-row__item .h3 { font-size: 32px; } .referral-page .feature-row__item.feature-row__text { padding: 24px 0px; } .referral-page .feature-row a.btn { max-width: 236px; width: 100%; height: 44px; } } html { scroll-behavior: smooth; } .referral-page-v2.referral-page .image-with-page-content-wrapper { justify-content: space-between; } .referral-page-v2.referral-page .image-with-page-content-wrapper>div { width: 50%; } .referral-page-v2.referral-page .page-content-wrapper { flex-direction: column; width: 50%; padding-left: 61px; } .referral-page-v2.referral-page .page-content-wrapper>div { width: 100%; margin-bottom: 24px; } .referral-page-v2.referral-page .title { font-size: 28px; line-height: normal; font-style: normal; } .referral-page-v2.referral-page .referral-process .process-wrapper { background: #FFFFFF; } .referral-page-v2.referral-page .page-content #conjured_referral { max-width: unset; } @media screen and (max-width: 989px) { .referral-page-v2.referral-page .image-with-page-content-wrapper>div { width: 100%; margin-bottom: 60px; } .referral-page-v2.referral-page .image-with-page-content-wrapper .page-content-wrapper{ background: unset; margin-bottom: 0px !important; padding: 0; text-align: center; } .referral-page-v2.referral-page .page-content-wrapper { width: 100%; padding: 0px; } .referral-page-v2.referral-page .page-content-wrapper>div { text-align: center; margin-bottom: 0; } .referral-page-v2.referral-page .title { font-size: 20px; font-style: normal; } } .Drawer__Footer klarna-placement{ margin-bottom: 5px; display: block; } .Cart klarna-placement *::part(osm-message), .Cart klarna-placement *::part(osm-cta){ font-size: 12px; color: #757575; } /* Promotion popup */ .promotion_popup_wrapper{ display: none; } .promotion_section{ position: fixed; bottom: 70px; left: 50px; width: 200px; color: #fff; font-family: Helvetica Neue ForEco; z-index: 9999999999; } .promotion_popup_countdown{ position: absolute; top: 65%; left: 50%; transform: translate(-50%, -50%); color: #fff; width: 100%; text-align: center; } .promotion_popup_trigger{ cursor: pointer; user-select: none; } .promotion_popup_countdown .ends_in{ font-size: 13px; font-weight: 500; font-family: Helvetica Neue ForEco; } .promotion_popup_countdown .block_wrap{ display: flex; align-items: center; } .promotion_popup_countdown .block_wrap .block{ width: 20px; height: 20px; background: rgba(0, 24, 102, 0.2); border-radius: 2px; font-size: 12px; font-weight: 500; text-align: center; } .promotion_popup_countdown .block_wrap span:nth-child(2){ font-size: 8px; margin: 0 2px; } .promotion_popup_countdown .block_wrap .dots{ margin: 0 6px; } .promotion_popup_countdown .promotion_countdown{ display: flex; justify-content: center; margin-top: 4px; } .promotion_popup_close{ position: absolute; top: 12px; right: 20px; cursor: pointer; } .promotion_popup_close svg{ display: block; } .promotion_popup_wrapper_inner{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999999; display: block; } .promotion_popup_wrapper_inner:before{ content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); } .promotion_popup_inner{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: contain; background-repeat: no-repeat; width: 90%; max-width: 600px; height: 90%; max-height: 400px; padding: 34px 85px 24px; border-radius: 12px; text-align: center; z-index: 2; color: #fff; font-family: Helvetica Neue ForEco; } .promotion_popup_inner .title{ font-size: 22px; font-weight: 500; line-height: 1.2; text-transform: capitalize; } .promotion_popup_inner .content{ font-size: 12px; line-height: 1.2; margin-top: 10px; margin-bottom: 16px; } .promotion_popup_inner .contact-form{ border-radius: 4px; display: flex; background: linear-gradient(321deg, #FF4D15 1.62%, #EC671C 23.97%, #FF975B 70.10%, #FFAB7A 79.64%); } .promotion_popup_inner .contact-form input{ width: 100%; border-radius: 4px 0 0 4px; margin: 2px; background: #fff; padding: 10px 15px; } .promotion_popup_inner .contact-form input::placeholder{ color: #E1E1E1; } .promotion_popup_inner .contact-form .btn{ border-radius: 0 4px 4px 0; background: transparent; font-size: 16px; font-weight: 500; line-height: 1.3; font-family: Helvetica Neue ForEco; padding: 10px 22px; } .promotion_popup_inner .popup_t_c{ margin-top: 5px; display: flex; align-items: baseline; justify-content: center; } .promotion_popup_inner .popup_t_c input{ border: 1px solid rgba(255,255,255,0.5); -webkit-appearance: none; width: 10px; height: 10px; padding: 0; border-radius: 2px; background: transparent; margin-right: 4px; position: relative; } .promotion_popup_inner .popup_t_c label p{ color: rgba(255,255,255,0.5); font-size: 12px; } .promotion_popup_inner .popup_t_c label p a{ color: rgba(255,255,255,0.5); text-decoration: underline; } .promotion_popup_inner .popup_t_c input:after{ content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; width: 10px; height: 5px; background-image: url(/cdn/shopifycloud/shopify/assets/checkout_2021-01-25/checkbox-tick-66a9a39f70a44a226223ef4c61a701d2d10afaa73ba8846a509fbe58a82f3f36.svg); background-size: contain; background-repeat: no-repeat; } .promotion_popup_inner .popup_t_c input:checked:after{ -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 1; width: 6px; } .promotion_popup_inner .popup_btn{ position: absolute; bottom: 24px; color: #fff; left: 50%; transform: translateX(-50%); font-size: 12px; text-decoration: underline; font-weight: 500; width: 100%; } .promotion_popup_inner .popup_btn svg{ vertical-align: middle; display: inline-block; } .promotion_popup_inner .promotion_poup_close{ position: absolute; top: 24px; right: 24px; cursor: pointer; } .promotion_popup_inner .promotion_poup_close svg{ display: block; } .promotion_popup_inner .form-success-wrap{ margin-top: 36px; display: none; } .promotion_popup_inner .form-success-wrap .content{ margin-left: auto; margin-right: auto; max-width: 370px; } .promotion_popup_inner.success .promotion-form-wrap{ display: none; } .promotion_popup_inner.success .form-success-wrap{ display: block; } @media screen and (max-width: 749px){ .promotion_section{ bottom: 24px; left: 24px; width: 90px; } .promotion_popup_close{ top: 0; right: 0; } .promotion_popup_close svg{ width: 18px; height: 18px; } .promotion_popup_inner{ max-width: 300px; max-height: 350px; padding: 30px 20px 20px; border-radius: 8px; } .promotion_popup_inner .title{ font-size: 20px; } .promotion_popup_inner .content{ line-height: 1.2; margin-top: 6px; } .promotion_popup_inner .promotion_poup_close{ top: 12px; right: 12px; } .promotion_popup_countdown{ top: 70%; } .promotion_popup_countdown .ends_in{ padding: 0 5px; font-size: 12px; line-height: 1; } .promotion_popup_countdown .promotion_countdown{ margin-top: 2px; } .promotion_popup_inner .contact-form .btn, .promotion_popup_inner .contact-form input{ padding: 10px 12px; } .promotion_popup_inner .popup_t_c label p{ line-height: 1.2; } .promotion_popup_inner .contact-form input{ font-size: 12px; } .promotion_popup_inner .popup_t_c{ margin: 5px 16px; } .promotion_popup_inner .popup_t_c label{ flex: 1; } .promotion_popup_inner .contact-form input{ padding-left: 12px; } .promotion_popup_inner .popup_btn{ bottom: 22px; } .promotion_popup_inner .popup_btn svg{ width: 15px; height: 15px; } .promotion_popup_inner .form-success-wrap{ margin-top: 28px; } } /*Membership section*/ .benefit_section{ display: flex; flex-wrap: wrap; justify-content: center; } .benefit_section .benefit_block{ padding: 0 12px; text-align: center; } .benefit_section.per-row-3 .benefit_block{ width: 33.33%; } .benefit_section.per-row-4 .benefit_block{ width: 25%; } .benefit_section.per-row-5 .benefit_block{ width: 20%; } .benefit_section.per-row-6 .benefit_block{ width: 16.66%; } .benefit_section .benefit_block .title{ font-size: 16px; font-weight: 400; line-height: 1.2; margin-top: 10px; margin-bottom: 0px; display: block; } .benefit_section .benefit_block .author_image img{ width: 100px; } @media screen and (max-width: 1024px){ .benefit_section .benefit_block{ width: 33.33% !important; margin: 14px 0; } } @media screen and (max-width: 749px){ .benefit_section{ justify-content: flex-start; } .benefit_section .benefit_block{ width: 50% !important; padding: 0 2px; } .benefit_section .benefit_block .title{ font-size: 14px; } .benefit_section .benefit_block .author_image img{ width: 60px; } } /* Gift card and flash section */ .gift-card-section{ padding: 50px 20px 30px; max-width: calc(100% - 36px); width: 1054px; margin: 10px auto 70px; border-radius: 10px; border: 1px solid #E08734; background: #FEEBD4; position: relative; } .gift-card-section .prime-day-container{ background-size: contain; background-repeat: no-repeat; text-align: center; } .gift-card-section .countdown_image{ position: absolute; left: 20%; bottom: 8px; } .gift-card-section .title{ font-size: 40px; line-height: 1; font-weight: 700; margin-bottom: 25px; } .gift-card-section .flexbox{ display: flex; justify-content: center; } .gift-card-section .countdown_image{ width: 140px; margin-right: 12px; } .gift-card-section .content{ font-size: 16px; line-height: 1.3; font-weight: 400; text-align: left; } .gift-card-section .btn{ margin-top: 20px; background: #E08734; color: #fff; font-size: 14px; font-family: 'Manrope'; min-width: 230px; justify-content: center; } .fall-sale-flash-section .klaviyo_signup{ margin-top: 8px; } .fall-sale-flash-section.prime-day-flash-section .flash-subtitle p{ font-family: "Helvetica Neue ForEco"; font-weight: 400; } .fall-sale-flash-section .form-success .form_text_content, .fall-sale-flash-section .form-success .klaviyo_field_group{ display: none; } .fall-sale-flash-section .form-success .success_message{ display: block !important; } .fall-sale-flash-section .success_message h5{ font-size: 40px; font-weight: 500; letter-spacing: -0.4px; margin-bottom: 5px; } .fall-sale-flash-section .success_message p{ font-size: 22px; line-height: 1.2; } .prime-day-flash-section .product-block .discount_tag_wrapper.align_right{ right: 0; } .prime-day-flash-section .product-block .discount-non-image{ border-radius: 15px 0px 20px 0px; } .prime-day-flash-section .product-block .discount-non-image .discount_tag_text{ padding: 9px; } .prime-day-flash-section .product-block .discount-non-image.align_right .discount_tag_text{ position: relative; padding: 9px; } .prime-day-flash-section .product-block .discount-non-image.align_right{ border-radius: 0px 14px 0px 20px; right: 0; left: unset; } .prime-day-flash-section.fall-sale-flash-section .product-block .discount_tag_wrapper{ width: auto; } .prime-day-flash-section.fall-sale-flash-section .prime-day-container .product-block .product-block-inner{ background: rgba(253, 231, 195, 0.50); border: 1px solid #E08734; } .prime-day-flash-section .product-block .product-title, .prime-day-flash-section .product-block .product-price{ color: inherit; } .fall-sale-flash-section.prime-day-flash-section .klaviyo_submit_button{ background: #E08734; } .text-in-top .products-grid.desktop-slider-disabled{ display: flex; justify-content: center; } @media screen and (min-width: 1024px) and (max-width: 1600px){ .fall-sale-flash-section .success_message h5{ font-size: 24px; } .fall-sale-flash-section .success_message p{ font-size: 16px; } } @media screen and (max-width: 1023px){ .gift-card-section .title{ font-size: 30px; } } @media screen and (max-width: 749px){ .gift-card-section{ padding: 30px 12px 20px 12px; margin-bottom: 20px; } .gift-card-section .countdown_image_mobile{ position: absolute; bottom: 0; right: 15px; width: 70px; } .gift-card-section .title{ font-size: 14px; margin-bottom: 6px; position: relative; display: flex; align-items: center; justify-content: center; } .gift-card-section .title .gift_title_image{ margin-right: 10px; } .gift-card-section .btn{ margin-top: 22px; width: auto; min-width: 100px; padding: 5px 22px; font-size: 13px; } .gift-card-section .content{ font-size: 12px; } .prime-day-flash-section.fall-sale-flash-section .flickity-page-dots{ display: none; } .prime-day-flash-section .products-grid:after{ content: 'flickity'; display: none; } .text-in-top .products-grid.desktop-slider-disabled{ display: block; } } [data-page*="black-friday"] { font-family: "Helvetica Neue ForEco"; --font-stack-header: "Helvetica Neue ForEco"; } [data-page*="bf-launch-2023"] *:not(path):not(svg){ font-family: "Helvetica Neue ForEco"; } [data-page*="bf-preheat-2023"] *:not(path):not(svg){ font-family: "Helvetica Neue ForEco"; } [data-page*="bf-preheat-2023"] .view_more_btn{ color: #fff; } [data-page*="bf-preheat-2023"] .view_more_btn path{ stroke: #fff; } .bf-banner .slideshow__text-content .slideshow_text_wrapper .slideshow__top__subtitle p{ font-size: 22px; font-weight: 200; margin-bottom: 36px; } .star-page-banner .bf-banner .slideshow__text-wrap--desktop .slideshow__text-content .slideshow__title{ margin-bottom: 0; } .star-page-banner .bf-banner .slideshow__text-wrap--desktop .slideshow__text-content .slideshow__title p{ font-size: 40px; line-height: 1; font-weight: 500; margin-bottom: 16px; } .bf-banner .slideshow__text-content .slideshow_text_wrapper .slideshow__bottom__subtitle p{ font-size: 35px; letter-spacing: 0.7px; } .bf-banner .slideshow__text-content .slideshow_text_wrapper .slideshow__bottom__subtitle h3{ font-size: 52px; font-weight: 500; } /* bf banner checkbox starts */ .bf-banner__disclaimer-wrapper { margin-top: 13px } .bf-banner__disclaimer { display: block; position: relative; padding-left: 20px; cursor: pointer; user-select: none; width: fit-content; font-family: 'Helvetica Neue ForEco'; font-size: 12px; font-weight: 600; line-height: 18px; } /* Hide the default checkbox */ .bf-banner__disclaimer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .bf-banner__disclaimer .checkmark { position: absolute; top: 1.5px; left: 0; height: 14px; width: 14px; background-color: transparent; border: 1px solid var(--text-color); /* This is the border color */ } /* When the checkbox is checked, add a black background */ .bf-banner__disclaimer input:checked~.checkmark { background-color: transparent; } /* Create the checkmark/indicator (hidden when not checked) */ .bf-banner__disclaimer .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .bf-banner__disclaimer input:checked~.checkmark:after { display: block; } /* Style the checkmark/indicator */ .bf-banner__disclaimer .checkmark:after { left: 4.1px; top: 0.3px; width: 4px; height: 10px; border: solid var(--text-color); border-width: 0 1px 1px 0; transform: rotate(45deg); } @media screen and (max-width: 749px){ .bf-banner__disclaimer { width: calc(100% - 24px); margin: auto; } .bf-banner__disclaimer .checkmark { height: 14px !important; } } /* bf banner checkbox end */ @media screen and (min-width: 1920px){ .star-page-banner .bf-banner .slideshow__text-content{ left: 360px; } } @media screen and (min-width: 1024px) and (max-width: 1919px){ .star-page-banner .bf-banner .slideshow__text-content{ left: 40px; max-width: 550px; } } @media screen and (max-width: 749px){ /* Specific to reset star banner background image content properties not to affect m12_ecocredits_week page start */ .star-page-banner .slideshow__text-wrap--desktop .slideshow__text-content, .star-page-banner .slideshow_text_wrapper{ position: inherit; top: 20px; } /* Specific to reset star banner background image content properties not to affect m12_ecocredits_week page end */ .star-page-banner .slideshow__text-wrap--desktop .text-content-mobile-top{ position: absolute; width: 100%; top: 40px; left: 0; padding: 0 20px; z-index: 2; } .star-page-banner .slideshow__text-wrap--desktop .text-content-mobile-bottom{ position: absolute; width: 100%; bottom: 0px; z-index: 2; left: 0; width: 100%; padding: 0 30px; } .star-page-banner.star-page-banner-flash-sale .slideshow__text-wrap--desktop .text-content-mobile-bottom{ padding: 0 12px; } .star-page-banner .slideshow__flash_sale{ text-align: left; width: 100%; } .star-page-banner .flash_sale_wrapper{ width: 260px; margin: 0 auto; } .star-page-banner .flash_sale_wrapper .flash_sale_icon{ width: 50px; } .star-page-banner .flash_sale_wrapper .flash_sale_content .flash_sale_title{ font-size: 20px; } .star-page-banner .flash_sale_wrapper .flash_sale_content .flash_sale_subtitle, .slideshow__klaviyo-form .klaviyo_bottom_line p, .star-page-banner .flash_sale_product_wrapper .product_subtitle, .star-page-banner .flash_sale_product_wrapper .product_price_wrap .product_compare_price, .star-page-banner .star_product_block .star_product_buttons a{ font-size: 12px; } .star-page-banner .flash_sale_product_wrapper{ padding: 20px 12px; } .star-page-banner .flash_sale_product_wrapper .product_image{ width: 105px; } .star-page-banner .bf-banner .slideshow_text_wrapper, .bf-banner .slideshow__text-wrap{ position: unset !important; } .star-page-banner .bf-banner .slideshow__text-wrap--desktop .slideshow__text-content{ top: unset; } .bf-banner .slideshow__text-content .slideshow_text_wrapper .slideshow__top__subtitle p{ font-size: 18px; font-weight: 300; margin-bottom: 22px; line-height: 1; } .star-page-banner .bf-banner .slideshow__text-wrap--desktop .slideshow__text-content .slideshow__title p{ font-size: 19px; margin-bottom: 6px; font-weight: 600; } .bf-banner .slideshow__text-content .slideshow_text_wrapper .slideshow__bottom__subtitle p{ font-size: 22px; } .bf-banner .slideshow__text-content .slideshow_text_wrapper .slideshow__bottom__subtitle h3{ font-size: 26px; font-weight: 600; } .bf-banner .slideshow__slide{ padding: 0; } .bf-banner .slideshow__text-wrap, .bf-banner .slideshow__text-content, .bf-banner .slideshow_text_wrapper{ height: 100%; } .star-page-banner .bf-banner .countdown_wrapper .ends_in{ font-size: 24px; } .star-page-banner .bf-banner .slideshow__text-wrap--desktop .text-content-mobile-bottom{ bottom: 50px; } .star-page-banner .bf-banner .slideshow__text-wrap--desktop .slideshow__text-content{ transform: unset !important; } .bf-banner .slideshow__image_wrapper{ position: unset; } /*.star-page-banner .bf-banner .slideshow, .star-page-banner .bf-banner .slideshow *{ height: unset; }*/ .star-page-banner .bf-banner .slideshow__slide, .star-page-banner .bf-banner .slideshow__image{ position: relative; } .star-page-banner .bf-banner .slideshow__image{ object-fit: cover; } } .star-page-banner .bf-banner .countdown_wrapper{ margin-top: 14px; } .star-page-banner .slideshow__image { object-fit: cover; background: black; } @media (min-width: 450px) { .star-page-banner .slideshow__image { object-position: bottom; } } /* Roman: 400 */ .star-page-banner .countdown_wrapper .star_countdown .countdown_text { font-weight: 400; } /* Medium: 500 */ .star_countdown .block, .klaviyo_signup .klaviyo_submit_button { font-weight: 500; } /* Ex: 600 */ .star-page-banner .slideshow__text-content .slideshow__bottom__subtitle p { font-weight: 500; } .pdp-rich-text .content-align__left { text-align: left; } .pdp-rich-text .content-align__right { text-align: right; } .pdp-rich-text .content-align__center { text-align: center; } .pdp-image-sec h1{ font-size: 34px; color: #232323; line-height: 1.35; margin-bottom: 20px; } .pdp-image-sec .pdp-container{ max-width: 1230px; padding: 0 15px; } @media screen and (max-width: 1024px){ .pdp-image-sec h1{ font-size: 28px; } } @media (max-width: 749px) { .pdp-rich-text .pdp-container { max-width: 100%; padding: 0 24px; } .pdp-image-sec h1{ font-size: 24px; margin-bottom: 10px; text-align: left; } .pdp-image-sec .pdp-image{ margin-top: 28px; overflow-x: auto; } .pdp-image-sec .pdp-image::-webkit-scrollbar{ display: none; } .pdp-image-sec .pdp-image img{ min-width: 100%; width: var(--mobile-image-width); max-width: unset; } } .bf-custom-section{ max-width: 1288px; padding: 0 24px; margin: 0 auto; } .bf-custom-section .star-page-container{ border-radius: 8px; background: linear-gradient(1deg, #152741 0.4%, rgba(20, 33, 52, 0.44) 98.86%); color: #FFC24D; padding: 25px; } .bf-custom-section .star-page-container .title{ display: flex; align-items: center; justify-content: center; margin-top: 6px; } .bf-custom-section .star-page-container .title svg{ width: 20px; } .bf-custom-section .star-page-container .title span{ padding: 0 7px; font-size: 40px; font-weight: 700; } .bf-custom-section .custom-section-inner{ margin-top: 40px; border-radius: 8px; background: #040D1C; padding: 10px 20px; } .bf-custom-section .custom-section-inner .bf-row{ display: flex; margin-bottom: 5px; gap: 5px; } .bf-custom-section .custom-section-inner .parent-column{ display: flex; align-items: center; position: relative; } .bf-custom-section .bf-row .column-1{ width: 15.6%; } .bf-custom-section .bf-row .column-2{ flex: auto; justify-content: space-between; } .bf-custom-section .bf-row .column-2 .column{ width: 9.58%; text-align: center; position: relative; } .bf-custom-section .row-1 span{ font-size: 20px; font-weight: 600; } .bf-custom-section .row-1 .column-1 span:first-child{ font-size: 22px; font-weight: 700; margin-right: 30px; } .bf-custom-section .row-1 .highlight-column span:first-child{ display: block; text-align: center; } .bf-custom-section .row-1 .highlight-column:not(.highlight-number-none) span:first-child{ width: 32px; height: 30px; line-height: 30px; margin: auto; background-color: #FFC24D; border-radius: 50%; color: #040D1C; } .bf-custom-section .row-1 .highlight-column span:last-child{ font-size: 12px; line-height: 1.8; } .bf-custom-section .row-2 .column-1, .bf-custom-section .row-2 .column{ border-radius: 8px; background: #363D49; height: 228px; } .bf-custom-section .custom-section-inner .parent-column .yellow-bar{ position: absolute; color: #040D1C; font-size: 16px; line-height: 0.95; z-index: 2; width: 100%; text-align: center; font-weight: 400; cursor: pointer; } .bf-custom-section .custom-section-inner .parent-column .yellow-bar .bf-popup-trigger{ border-radius: 0 0 10px 10px; background: rgba(255, 194, 77, 0.42); padding: 10px 0; text-decoration: underline; font-weight: 600; } .bf-custom-section .custom-section-inner .parent-column .yellow-bar.active .bf-popup-trigger { background: rgba(255, 194, 77) !important; } .bf-custom-section .custom-section-inner .parent-column .bf-popup-content{ border-radius: 8px; background: rgba(211, 213, 216, 0.90); display: none; padding: 11px 23px; text-align: left; width: 820px; position: absolute; right: -4px; font-size: 18px; font-weight: 300; line-height: 1.2; top: 26px; } .bf-custom-section .custom-section-inner .parent-column .bf-popup-content a{ color: #000; text-decoration: underline; font-size: 22px; font-weight: 500; } .bf-custom-section .custom-section-inner .parent-column .bf-popup-content .bf-popup-close{ position: absolute; top: 0; right: 0; cursor: pointer; } .bf-custom-section .custom-section-inner .parent-column .bf-popup-content.active{ display: block; } .bf-custom-section .row-2 .column-1 .column-inner{ background: rgba(255, 194, 77, 0.42); border-radius: 0 10px 10px 0; padding: 5px; } .bf-custom-section .row-2 .column-1 svg{ width: 48px; height: auto; display: block; } .bf-custom-section .row-2 .column-1 .column-inner div{ font-size: 20px; color: #1D2533; font-weight: 700; line-height: 1.2; padding: 0 6px 6px; } .bf-custom-section .row-2 .column .yellow-bar{ bottom: 0; } .bf-custom-section .row-2 .column .yellow-bar.top{ bottom: unset; top: 125px; } .bf-custom-section .row-2 .column .yellow-bar.top .bf-popup-trigger{ padding: 4px 0; border-radius: 0; } .bf-custom-section .row-2 .column .yellow-bar .bf-popup-content{ left: 50%; right: unset; transform: translateX(-50%); top: 56px; } .bf-custom-section .row-2 .column-2 .yellow-bar-1, .bf-custom-section .row-2 .column-2 .yellow-bar-2, .bf-custom-section .row-2 .column-2 .yellow-bar-3{ left: 0.4%; top: 9px; width: 94.5%; font-size: 20px; z-index: 9; } .bf-custom-section .row-2 .column-2 .yellow-bar-1 .bf-popup-trigger, .bf-custom-section .row-2 .column-2 .yellow-bar-2 .bf-popup-trigger, .bf-custom-section .row-2 .column-2 .yellow-bar-3 .bf-popup-trigger{ padding: 4px; border-radius: 0 5px 5px 0; } .bf-custom-section .row-2 .column-2 .yellow-bar-2{ top: 47px; left: 10.5%; width: 84.5%; z-index: 8; } .bf-custom-section .row-2 .column-2 .yellow-bar-3{ top: 86px; left: 50.3%; width: 44.7%; z-index: 7; } .pdp-slideshow-block-images .youtube_video_wrap{ position: relative; height: 0; padding-bottom: 56.25%; } .pdp-slideshow-block-images .youtube_video_wrap iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (max-width: 1400px){ .bf-custom-section .custom-section-inner .parent-column .yellow-bar{ font-size: 14px; } .bf-custom-section .custom-section-inner .parent-column .yellow-bar .bf-popup-trigger{ padding: 4px; } } @media screen and (min-width: 1024px) and (max-width: 1300px){ .bf-custom-section .star-page-container .title span{ font-size: 32px; } .bf-custom-section .row-2 .column-1 .column-inner div{ font-size: 18px; } .bf-custom-section .row-1 .highlight-column span:last-child{ font-size: 10px; } } @media screen and (min-width: 750px) and (max-width: 1023px){ .bf-custom-section .star-page-container, .bf-custom-section .custom-section-inner{ padding: 10px; } .bf-custom-section .star-page-container .title span{ font-size: 24px; } .bf-custom-section .row-1 span, .bf-custom-section .row-2 .column-1 .column-inner div{ font-size: 16px; } .bf-custom-section .row-1 .column-1 span:first-child{ font-size: 18px; } .bf-custom-section .row-1 .highlight-column span:last-child{ display: none; } .bf-custom-section .row-2 .column-1 svg{ width: 30px; } .bf-custom-section .row-2 .column-1, .bf-custom-section .row-2 .column{ height: 170px; border-radius: 5px; } .bf-custom-section .row-2 .column-1 .column-inner{ border-radius: 0 5px 5px 0; padding: 0; } .bf-custom-section .custom-section-inner .parent-column .bf-popup-content{ width: 600px; font-size: 14px; } .bf-custom-section .custom-section-inner .parent-column .bf-popup-content a{ font-size: 14px; } .bf-custom-section .row-2 .column-2 .yellow-bar-2{ top: 40px; } .bf-custom-section .row-2 .column-2 .yellow-bar-3{ top: 73px; } .bf-custom-section .custom-section-inner .parent-column .column .yellow-bar{ font-size: 10px; line-height: 1; } .bf-custom-section .row-2 .column .yellow-bar.top{ top: 104px; } } @media screen and (max-width: 749px){ .bf-custom-section .star-page-container{ margin: 0 15px; padding: 16px 5px 9px; } .bf-custom-section .star-page-container .title span{ text-align: center; font-size: 20px; } .bf-custom-section .star-page-container .title span svg{ display: inline-block; width: 10px; height: auto; vertical-align: middle; margin: 0 5px; } .bf-custom-section .custom-section-inner{ margin-top: 16px; padding: 10px 4px; } .bf-custom-section .custom-section-inner .parent-column.column-1{ flex-direction: column; justify-content: center; } .bf-custom-section .row-1 .column-1 span:first-child, .bf-custom-section .row-1 .column-1 span:last-child, .bf-custom-section .row-1 span, .bf-custom-section .row-2 .column-1 .column-inner div{ font-size: 12px; margin: 0; padding: 0; } .bf-custom-section .row-2 .column-1 svg{ width: 14px; } .bf-custom-section .bf-row .column-2 .column{ width: 5.7%; } .bf-custom-section .bf-row .column-2 .column.highlight-column:not(.highlight-number-none){ width: 21%; } .bf-custom-section .row-1 .highlight-column:not(.highlight-number-none) span:first-child{ width: 21px; height: 21px; line-height: 21px; } .bf-custom-section .row-2 .column-1, .bf-custom-section .row-2 .column{ border-radius: 2.7px; height: 140px; } .bf-custom-section .row-2 .column-1 .column-inner{ border-radius: 0 2.7px 2.7px 0; } .bf-custom-section .row-2 .column-1 .column-inner div{ line-height: 1; } .bf-custom-section .custom-section-inner .parent-column .yellow-bar{ font-size: 12px; } .bf-custom-section .custom-section-inner .bf-row{ gap: 2px; } .bf-custom-section .bf-row .column-1{ width: 17%; } .bf-custom-section .custom-section-inner .parent-column .yellow-bar .bf-popup-trigger{ padding: 2px; border-radius: 0 1.4px 1.4px 0; } .bf-custom-section .custom-section-inner .parent-column .column .yellow-bar{ font-size: 10px; line-height: 1; } .bf-custom-section .custom-section-inner .parent-column .column .yellow-bar.top{ line-height: 1.2; } .bf-custom-section .custom-section-inner .parent-column .bf-popup-content{ width: 280px; padding: 9px 7px; font-size: 12px; border-radius: 2.8px; } .bf-custom-section .custom-section-inner .parent-column .bf-popup-content a{ font-size: 12px; } .bf-custom-section .custom-section-inner .parent-column .bf-popup-content{ top: 16px; } .bf-custom-section .row-2 .column .yellow-bar .bf-popup-content{ top: 28px; } .bf-custom-section .custom-section-inner .parent-column .bf-popup-content .bf-popup-close svg{ width: 20px; height: 20px; } .bf-custom-section .row-2 .column-2 .yellow-bar-1{ top: 4px; width: 96.5%; } .bf-custom-section .row-2 .column-2 .yellow-bar-2{ top: 27px; width: 86.5%; } .bf-custom-section .row-2 .column-2 .yellow-bar-3{ top: 50px; left: 35.5%; width: 61.5%; } .bf-custom-section .row-2 .column .yellow-bar.top{ top: 75px; } } /* Fall sale page */ .camping-rule-section .prime-day-container { max-width: 1410px; margin: 0 auto; } .prime-day-section.camping-rule-section .prime-day-block { width: 25%; display: block; padding: 0 20px; } .prime-day-section.camping-rule-section .prime-day-block-content { margin-left: 0; text-align: center; border-radius: 10px; border: 1px solid #E08734; background: rgba(253, 231, 195, 0.50); padding: 30px 4px 25px; } .camping-rule-section .prime-day-block-content-title { display: block; position: unset; } .camping-rule-section .prime-day-block .product_info { top: 36px; bottom: unset; right: 4px; left: unset; } .camping-rule-section .prime-day-block-content-title p { font-size: 35px; color: #361B14; } .camping-rule-section .prime-day-block-content-yellow p { color: #fff; padding: 0; z-index: unset; } .camping-rule-section .prime-day-block-content-yellow { background: #E08734; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); border-radius: 5px; padding: 5px 10px; width: 225px; max-width: 100%; } .camping-rule-section .prime-day-block-content-yellow:after { content: unset; } .camping-rule-section .prime-day-block-content-subtitle p { font-size: 16px; color: #361B14; font-weight: 700; margin-bottom: 12px; } .camping-rule-section .prime-day-block-image img { height: 140px; object-fit: contain; } .camping-rule-section .product-info-svg { position: absolute; top: 10px; right: 30px; } .camping-rule-section .product-info-svg .question-icon { width: 20px; height: 20px; background: #FFA722; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .camping-rule-section .product_info .product_info_inner { border-radius: 10px; background: #f8e9d0; box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10); padding: 48px 22px 48px 32px; font-size: 13px; color: #361B14; text-align: left; } .camping-rule-section .product_info .info-close img { width: 20px; height: 20px; } @media screen and (min-width: 1024px) and (max-width: 1600px) { .prime-day-section.camping-rule-section .prime-day-block { padding: 0 10px; } } @media screen and (min-width: 1024px) { .prime-day-section.camping-rule-section .prime-day-block:after { content: unset; } } @media screen and (max-width: 1023px) { .prime-day-section.camping-rule-section .prime-day-block { width: 50%; padding: 15px; } .camping-rule-section .prime-day-block-image img { height: 60px; } .camping-rule-section .prime-day-block-content-yellow p { font-size: 18px; } .camping-rule-section .prime-day-block-content-title { margin-top: 4px; margin-bottom: 0; } .camping-rule-section .prime-day-block-content-title p { font-size: 20px; line-height: 1.2; margin: 0; } .camping-rule-section .prime-day-block-content-subtitle p { font-size: 14px; } .camping-rule-section .prime-day-block-content-yellow { min-width: unset; padding: 4px; border-radius: 2px; } .camping-rule-section .product-info-svg { top: 30px; } } @media screen and (max-width: 749px) { .camping-rule-section .prime-day-block-content-yellow p { font-size: 14px; font-weight: 500; } .camping-rule-section .product-info-svg { position: unset; display: flex; justify-content: flex-end; } .camping-rule-section .prime-day-block-image>img { margin-top: -10px; } .camping-rule-section .prime-day-block-image img { height: 38px; margin-bottom: 4px; } .camping-rule-section .prime-day-block-content-title p, .camping-rule-section .prime-day-block-content-subtitle p { font-size: 8px; line-height: 1.2; margin: 0; } .prime-day-section.camping-rule-section .prime-day-block-content { display: flex; flex-direction: column-reverse; align-items: center; padding: 9px; border-radius: 5px; } } /* Prime day page */ [data-page*="prime-day"] *:not(path):not(svg){ font-family: "Helvetica Neue ForEco"; color: #002055; } [data-page*="prime-day"] .star-page-banner .slideshow__text-content{ max-width: 580px; } .prime-day-section{ padding: 0px 50px 20px; } .prime-day-section .prime-day-block { padding: 70px 40px 70px 20px; display: flex; align-items: center; position: relative; } .prime-day-block-content-title{ display: flex; justify-content: flex-start; position: relative; margin-bottom: 15px; } .product-info-svg{ margin-top: -2px; } .prime-day-block-content-yellow p{ padding: 5px 0; font-size: 20px; line-height: 1.17; font-weight: 700; color: #002055; position: relative; z-index: 2; } .prime-day-block-content-subtitle p{ font-size: 18px; color: #002055; margin-top: 12px; font-weight: 600; line-height: 1.15; } .prime-day-block .product_info{ display: none; position: absolute; bottom: 100%; width: 100%; left: 0; min-width: 380px; color: #002055; font-size: 13px; font-weight: 500; padding-bottom: 20px } .prime-day-block .product_info.active{ display: block; } .prime-day-block .product_info .info-close{ position: absolute; right: 13px; top: 8px; cursor: pointer; } @media screen and (max-width: 1024px){ [data-page*="prime-day"] .star-page-banner .slideshow__text-content{ max-width: unset; } .prime-day-section{ padding-left: 25px; padding-right: 25px; } .prime-day-section .prime-day-container{ flex-wrap: wrap; } .prime-day-section .prime-day-block{ width: 50%; padding: 25px 20px; } .prime-day-block-content-title p{ font-size: 20px; } .product-info-svg{ margin-top: -6px; margin-left: 2px; } .prime-day-block-content-title{ margin-bottom: 10px; } .prime-day-block-content-yellow p{ font-size: 18px; } .prime-day-block-content-subtitle p{ margin-top: 10px; font-size: 16px; } .prime-day-section .prime-day-block:nth-child(1):before, .prime-day-section .prime-day-block:nth-child(2):before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border: 1px dashed #D8D4D4; } } /* Promotion common popup */ .promotion_common_section{ position: fixed; bottom: 70px; left: 50px; color: #fff; font-family: Helvetica Neue ForEco; z-index: 9999999999; cursor: pointer; } .promotion_popup_close { position: absolute; top: 6px; right: -22px; cursor: pointer; } .promotion_common_popup_wrapper{ display: none; } .promotion_common_popup_wrapper_inner{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: block; } .promotion_common_popup_wrapper_inner:before{ content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); } .promotion_common_popup_inner { position: absolute; top: 50%; left: 50%; width: 100%; width: 600px; height: 400px; padding: 34px 39px 24px; border-radius: 12px; text-align: center; transform: translate(-50%, -50%); z-index: 2; font-family: Helvetica Neue ForEco; } .promotion_common_popup_close_button { position: absolute; width: 36px; height: 36px; top: 9px; right: 12px; } .promotion_common_popup_inner .title > p { color: #FFF; text-align: center; font-family: Helvetica Neue ForEco; font-size: 22px; font-style: normal; font-weight: 500; line-height: 125%; text-transform: capitalize; } .promotion_common_popup_inner .title strong { color: #FFC24D; } .promotion_common_popup_inner .desc { width: 413px; color: #FFF; text-align: center; font-family: Helvetica Neue ForEco; font-size: 12px; font-style: normal; font-weight: 300; line-height: 110%; margin: 4px auto 8px; } .promotion_common_popup_inner .site-link p > a { display: inline-block; width: 258px; margin: 16px auto 0; color: #FFC24D; text-align: center; font-family: Helvetica Neue ForEco; font-size: 14.185px; font-style: normal; font-weight: 400; text-decoration: none; line-height: 125%; } .subscribe_content__submit { display: inline-flex; width: 412px; height: 36px; margin: 8px auto 20px; position: relative; } .subscribe_content__submit .phone_areacode_select { display: flex; align-items: center; box-sizing: border-box; width: 70px; background-color: #ffffff; border-radius: 6px 0 0 6px; text-align: left; padding: 0 5px; } .subscribe_content__submit .input-error-text { position: absolute; left: 2px; bottom: 0; transform: translateY(100%); color: red; font-size: 12px; } .nation-select-placeholder { color: #ddd; font-size: 13px; width: 110px; } .nation-select-search { display: none; width: 100%; } .nation-select-search input { width: 100%; height: 35px; } .subscribe_content__submit .nation-select-name{ margin-right: 2px; color: #03060B; padding: 0; border: 0 none; width: 44px; } .subscribe_content__submit .nation-select-item.active { background-color: #e6f4ff; } .subscribe_content__submit .nation-select-item.active:hover { background-color: #e6f4ff; } .subscribe_content__submit .nation-select-container { position: absolute; bottom: -20px; left: 0; width: 100%; z-index: 199; background: #fff; color: #04060C; text-align: left; font-size: 16px; border-radius: 0 0 8px 8px; max-height: 430px; overflow-y: auto; display: none; } .subscribe_content__submit .nation-select-container.active { display: block; } .nation-select-container .nation-name { margin-right: 10px; } .nation-select-value { display: flex; align-items: center; padding-right: 5px; } .nation-select-value input { padding-right: 20px; } .subscribe_content__submit .nation-select-name:focus, .nation-select-search input { outline: none; border: 0 none; } .nation-select-container .nation-select-item { padding: 8px 20px; border-bottom: 1px solid #eee; } .nation-select-container .nation-select-item:hover { background-color: rgba(0, 0, 0, 0.1); } .subscribe_content_input { box-sizing: border-box; margin: 0; padding: 13px 8px 17px; color: rgba(0, 0, 0, 0.88); font-size: 12px; line-height: 1.42; list-style: none; position: relative; display: inline-block; width: 100%; min-width: 0; background-color: #ffffff; transition: all 0.2s; } .subscribe_content_input:focus { outline: none; } .subscribe_content_button { display: flex; white-space: nowrap; padding: 13px 20px; align-items: center; justify-content: center; background-color: #FFC24D; border-radius: 0px 6px 6px 0px; cursor: pointer; user-select: none; touch-action: manipulation; color: #000; font-size: 15px; font-weight: 500; line-height: 24px; } .subscribe_content_button:hover { opacity: 0.8; } .subscribe_content_checkbox { display: flex; align-items: center; justify-content: center; } .subscribe_content_checkbox p { white-space: pre-line; text-align: left; color: #D0D0D0; font-size: 10px; } .subscribe_content_checkbox > input { margin-right: 6px; } .subscribe_content_checkbox label a { color: #fff; text-decoration: underline; } .subscribe_content_button.disabled { cursor: not-allowed; border-color: #d9d9d9; color: rgba(0, 0, 0, 0.25); background-color: #d9d9d9; box-shadow: none; } .promotion_common_popup_frame2 .promotion_common_popup_content_wrapper { width: 500px; margin: 38px auto 0; } .promotion_common_popup_frame2 .title { color: #FFC24D; text-align: center; font-family: Helvetica Neue ForEco Md Ext; font-size: 25px; font-style: normal; font-weight: 500; line-height: 125%; text-transform: capitalize; } .promotion_common_popup_frame2 .desc { width: 357px; margin: 10px auto; color: #fff; } .promotion_common_popup_frame2 .desc p { color: #FFF; font-family: Helvetica Neue ForEco Light Ext; font-size: 12px; line-height: 120%; text-transform: capitalize; margin-bottom: 0; } .promotion_common_popup_frame2 .subscribe_content_checkbox { align-items: flex-start; width: 408px; font-size: 12px; margin: 0 auto; line-height: 1.2; } .promotion_common_popup_frame2 .subscribe_content_checkbox>input { margin-right: 4px; } .promotion_common_popup_frame3 .title { width: 475px; color: #FFF; text-align: center; font-family: Helvetica Neue ForEco Md Ext; font-size: 22px; font-style: normal; font-weight: 500; line-height: 110%; } .promotion_common_popup_frame3 .desc { width: 475px; color: #FFF; text-align: center; font-family: Helvetica Neue ForEco Light Ext; font-size: 14px; line-height: 125%; } .promotion_common_popup_frame3 .desc2 { width: 436px; color: #FFC24D; text-align: center; font-family: Helvetica Neue ForEco Md Ext; font-size: 16px; font-weight: 500; line-height: 120%; margin: 13px auto 21px; } .promotion_common_popup_frame3 .lint_to_outer { margin-top: 18px; border-radius: 50px; padding: 4px 12px; border: 0.5px solid #FFF; color: #FFF; text-align: center; font-family: Helvetica Neue ForEco Ext; font-size: 14px; font-weight: 400; line-height: 125%; } @media screen and (max-width: 749px) { .promotion_common_section{ bottom: 45px; left: 25px; width: 90px; } .promotion_common_popup_inner { position: absolute; top: 50%; left: 50%; width: 300px; height: 350px; padding: 26px 14px 20px; border-radius: 8px; z-index: 2; } .promotion_common_popup_close_button { position: absolute; width: 23px; height: 23px; top: 9px; right: 12px; } .promotion_common_popup_inner .title { font-size: 20px; line-height: 110%; } .promotion_common_popup_inner .desc { width: 260px; font-size: 12px; line-height: 110%; } .promotion_common_popup_inner .subscribe_content__submit { width: 273px; height: 33px; } .promotion_common_popup_inner .subscribe_content_checkbox { font-size: 10px; line-height: 1.2; white-space: nowrap; } .promotion_common_popup_inner .site-link p { margin-top: 1px; font-size: 14px; line-height: 125%; } .promotion_common_popup_frame2 .promotion_common_popup_inner .title { width: 197px; margin: 10px auto; } .promotion_common_popup_frame2 .promotion_common_popup_content_wrapper { width: 100%; } .promotion_common_popup_frame2 .promotion_common_popup_inner .desc { width: 241px; margin: 0 auto 10px; font-size: 12px;; } .promotion_common_popup_frame2 .subscribe_content__submit { width: 246px; margin: 0 auto 10px; } .promotion_common_popup_frame2 .subscribe_content_button { font-size: 14px; padding: 6px 10px; } .promotion_common_popup_frame2 .subscribe_content_checkbox { width: 246px; } .promotion_common_popup_frame2 .subscribe_content_checkbox { white-space: pre-line; font-size: 8px; line-height: 1.1; } .promotion_common_popup_frame3 .title { font-size: 18px; line-height: 110%; width: 240px; } .promotion_common_popup_frame3 .desc { font-size: 12px; line-height: 115%; width: 240px; } .promotion_common_popup_frame3 .desc2 { font-size: 14px; font-weight: 500; line-height: 120%; width: 240px; } .promotion_common_popup_frame3 .lint_to_outer { font-size: 10px; } [data-page="xmas-preheat-2023"] .star-page-banner .bf-banner .slideshow__text-wrap--desktop .slideshow__text-content .slideshow__title p{ font-size: 22px; } } .center-content .klaviyo_signup .klaviyo_field_group{ justify-content: center; } .star-page-banner .star_product_block { min-height: unset; margin: 0 !important; display: block; } .star-page-banner .star_product_buttons{ margin-left: -12px; } .page-container .star-page-banner .star_product_block .star_btn{ margin-left: 12px; font-size: 14px; font-family: manrope; } .star-page-banner .star_product_block .star_product_buttons a span{ padding: 12px 18px 12px 20px; } .star-page-banner .star_product_block a span.btn_icon{ padding: 0 18px 0 12px; } /* Xmas - discount section */ .discount-products-wrapper{ font-family: 'Helvetica Neue ForEco'; display: flex; background: #fff url('discount-section-bg.png') no-repeat; background-size: 100% 100%; padding: 50px 40px 60px; justify-content: space-around; align-items: center; border-radius: 20px; margin: 12px 0; } .discount-products-wrapper .discount_product{ width: 220px; flex: 1 0 220px; text-align: center; position: relative; } .discount-products-wrapper .discount_product .product_title{ font-size: 20px; line-height: 1.2; font-weight: 500; color: #000; } .discount-products-wrapper .discount_product .product_subtitle{ font-size: 14px; line-height: 1.2; font-weight: 400; color: #000; margin-top: 8px; } .discount-products-wrapper .discount_product .product_image img{ width: 100%; height: 145px; object-fit: cover; } .discount-products-wrapper .plus_sign{ font-size: 30px; padding: 0 50px; font-weight: 500; font-family: 'Manrope'; } .discount-products-wrapper .discount-products{ display: flex; align-items: baseline; position: relative; } .discount-products-wrapper .discount_box{ max-width: 330px; } .discount-products-wrapper .discount-products .discount_badge{ position: absolute; right: -25px; top: 16px; } .discount-products-wrapper .discount-products .discount_badge img{ width: 60px; } .discount-products-wrapper .discount-products .discount_badge div{ position: absolute; top: 2px; font-size: 9px; color: #fff; left: 16px; line-height: 1; } .discount-products-wrapper .discount-products .discount_badge div b{ font-size: 13px; } .discount-products-wrapper .discount_box .discount_title{ font-size: 20px; line-height: 1.2; font-weight: 500; } .discount-products-wrapper .discount_box .discount_title span{ color: #FF8000; } .discount-products-wrapper .discount_box .add_discount_products{ margin-top: 16px; padding: 12px 47px; min-width: 200px; width: auto; justify-content: CENTER; background: #AD1500; font-size: 16px; line-height: 1.3; font-weight: 500; font-family: 'Helvetica Neue ForEco'; } .discount-sec-price-wrapper{ display: flex; align-items: center; margin-top: 30px; } .discount-sec-price-wrapper .discount_price{ font-size: 18px; font-weight: 700; line-height: 1.2; color: #FF8000; } .discount-sec-price-wrapper .compare_price{ font-size: 14px; font-weight: 600; line-height: 1.2; color: #6A6A6A; text-decoration: line-through; } @media screen and (min-width: 750px) and (max-width: 1023px){ .discount-products-wrapper .discount_box .add_discount_products{ min-width: unset; padding: 12px 25px; } .discount-products-wrapper .discount-products{ justify-content: center; } .discount-products-wrapper .plus_sign{ padding: 0 20px; } .discount-products-wrapper .discount_box{ margin-left: 30px; } .discount-products-wrapper .discount_product{ width: 180px; flex: 1 0 180px; } .discount-products-wrapper .discount_product .product_image img{ height: 130px; } } @media screen and (max-width: 749px){ .discount-products-wrapper{ display: block; width: 100%; background-image: url('discount-section-bg-M.png'); padding: 28px 30px 65px; border-radius: 8px; } .discount-products-container:after{ content: 'flickity'; display: none; } .discount-products-wrapper .discount-products{ flex-wrap: wrap; padding-bottom: 30px; position: relative; justify-content: center; } .discount-products-wrapper .discount-products:after{ content: ''; width: 100%; position: absolute; bottom: 0; left: 0; height: 1px; background: url(dash-line.png) repeat; } .discount-products-wrapper .discount_product{ width: 145px; flex: 0 1 145px; max-width: calc(50% - 20px); } .discount-products-wrapper .plus_sign{ padding: 0 10px; } .discount-products-wrapper .discount_box{ width: 100%; max-width: unset; margin-top: 25px; text-align: center; } .discount-products-wrapper .discount_product .product_image img{ height: 104px; } .discount-products-wrapper .discount_product .product_title{ font-size: 14px; margin-top: 10px; } .discount-products-wrapper .discount_product .product_subtitle{ font-size: 12px; } .discount-products-wrapper .discount-products .discount_badge{ right: -15px; top: 0; } .discount-products-wrapper .discount-products .discount_badge div{ font-size: 7px; } .discount-products-wrapper .discount-products .discount_badge div b{ font-size: 10px; } .discount-products-wrapper .discount-products .discount_badge img{ width: 50px; } .discount-products-wrapper .discount_box .discount_title{ font-size: 16px; max-width: 270px; margin: 0 auto; } .discount-products-container .flickity-page-dots{ padding-top: 5px; } .discount-products-container .flickity-page-dots .dot{ width: 10px; height: 10px; margin: 0 7px; background-color: #054634; opacity: 0.2; } .discount-products-container .flickity-page-dots .dot.is-selected{ opacity: 1; } .discount-sec-price-wrapper{ justify-content: center; } .discount-sec-price-wrapper .discount_price{ font-size: 16px; } } /* xmas popup */ .promotion_xmas_popup .promotion_common_popup_close_button { position: absolute; font-size: 36px; top: 8px; right: 10px; } .promotion_xmas_popup .promotion_common_popup_frame1 .promotion_common_popup_inner .title { width: 308px; color: #FFC24D; font-size: 24px; font-weight: 600; line-height: 28px; text-align: left; } .promotion_xmas_popup .promotion_common_popup_frame1 .desc { width: 413px; color: #fff; font-size: 14px; font-weight: 400; line-height: 120%; text-align: left; margin: 12px 0 0 0; } .promotion_xmas_popup .promotion_common_popup_frame1 .subscribe_content_input { border-radius: 5px 0px 0px 5px; border: 1px solid #FFC24D; } .promotion_xmas_popup .promotion_common_popup_frame1 .subscribe_content_checkbox { justify-content: flex-start; } .promotion_xmas_popup .subscribe_content_checkbox p, .promotion_xmas_popup .subscribe_content_checkbox a { color: #fff; font-size: 12px; } .promotion_xmas_popup .subscribe_content_checkbox label[for=signup] p { color: #454545; } .promotion_xmas_popup .subscribe_content_checkbox label[for=signup] a { color: #454545; } .promotion_xmas_popup .promotion_common_popup_inner .site-link p>a { color: #fff; font-size: 14px; line-height: 125%; font-weight: 500; } .promotion_xmas_popup .promotion_common_popup_frame2 .title { color: #000; text-align: center; font-size: 25px; font-weight: 500; line-height: 125%; } .promotion_xmas_popup .promotion_common_popup_frame2 .desc p { color: #000; font-family: Helvetica Neue ForEco Ext; font-weight: 400; text-align: center; font-size: 12px; line-height: 120%; } .promotion_xmas_popup .promotion_common_popup_frame2 .promotion_common_popup_inner { text-align: center;} .promotion_xmas_popup .promotion_common_popup_frame2 .subscribe_content__submit { border-radius: 5px; border: 1px solid #FFC24D; } .promotion_xmas_popup .promotion_common_popup_frame2 .subscribe_content_button { border-radius: 0;} .promotion_xmas_popup .promotion_common_popup_frame2 .subscribe_content_input {border: none} .promotion_xmas_popup .promotion_common_popup_frame3 .promotion_common_popup_inner .title { width: 475px; color: #FFC24D; font-size: 24px; font-weight: 600; line-height: 28px; text-align: left; } .promotion_xmas_popup .promotion_common_popup_frame3 .desc { width: 307px; color: #FFF; font-family: Helvetica Neue ForEco Light Ext; font-size: 14px; font-style: normal; font-weight: 300; line-height: 125%; text-transform: capitalize; text-align: left; margin: 12px 0 16px; } .promotion_xmas_popup .promotion_common_popup_frame3 .desc2 { width: 278px; color: #fff; font-family: Helvetica Neue ForEco Md Ext; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; text-align: left; margin: 0 0 25px; } .promotion_xmas_popup .promotion_common_popup_frame3 .lint_to_outer { color: #000; text-align: center; font-family: Helvetica Neue ForEco Ext; font-size: 14px; font-style: normal; font-weight: 400; line-height: 125%; border-radius: 50px; background: #FFC24D; } @media screen and (max-width: 749px) { .promotion_xmas_popup .promotion_common_popup_close_button { font-size: 23px; top: 6px; right: 6px; } .promotion_xmas_popup .promotion_common_popup_wrapper_inner .promotion_common_popup_inner .title { width: 100% !important; font-size: 20px; line-height: 22px; text-align: center; } .promotion_xmas_popup .promotion_common_popup_inner .desc { width: 100%; font-size: 12px; margin: 8px 0 0; text-align: center; } .promotion_xmas_popup .subscribe_content_checkbox p, .promotion_xmas_popup .subscribe_content_checkbox a { font-size: 10px;} .promotion_xmas_popup .promotion_common_popup_inner .site-link p>a { margin: 12px auto 0;} .promotion_xmas_popup .promotion_common_popup_frame2 .promotion_common_popup_content_wrapper { margin: 20px auto 0;} .promotion_xmas_popup .promotion_common_popup_frame2 .promotion_common_popup_inner {padding: 26px 18px 20px;} .promotion_xmas_popup .promotion_common_popup_frame2 .promotion_common_popup_inner .desc {margin: 8px 0;} .promotion_xmas_popup .promotion_common_popup_frame2 .title { font-size: 20px; line-height: 23px; margin: 8px auto; } .promotion_xmas_popup .promotion_common_popup_frame3 .promotion_common_popup_inner .title { width: 100%; font-family: Helvetica Neue ForEco Md Ext; font-size: 18px; font-weight: 500; line-height: 110%; text-align: center; } .promotion_xmas_popup .promotion_common_popup_frame3 .desc { width: 100%; text-align: center; font-family: Helvetica Neue ForEco Light Ext; font-size: 12px; font-weight: 400; line-height: 115%; margin: 10px 0; } .promotion_xmas_popup .promotion_common_popup_frame3 .desc2 { width: 100%; text-align: center; font-family: Helvetica Neue ForEco Md Ext; font-size: 14px; font-weight: 500; line-height: 120%; } .promotion_xmas_popup .promotion_common_popup_frame3 .promotion_common_popup_inner { text-align: center; } .promotion_xmas_popup .promotion_common_popup_frame3 .lint_to_outer { font-size: 10px; margin: 0 auto; } } /* Tax exemption LP */ .tax-exemption-subcategories.is-sticky{ display: none; } .tax-exemption-subcategories .sticky-row{ display: flex; justify-content: center; } .tax-exemption-subcategories.is-sticky.fixed{ display: block; } .star-page-tab-wrapper.tax-exemption-subcategories:not(.fixed) .sticky-row a{ margin: 0 12px; border-radius: 4px; background: linear-gradient(328deg, #FFF -3.92%, #DAE7F7 105.62%); padding: 0 10px 12px; font-size: 14px; line-height: 1.2; color: #0F0909; font-weight: 700; text-align: center; } .star-page-tab-wrapper.tax-exemption-subcategories:not(.fixed) .sticky-row a:hover img{ transform: scale(1.2); } .star-page-tab-wrapper.tax-exemption-subcategories .sticky-row a img{ width: 120px; max-width: 100%; height: 120px; object-fit: cover; } .tax-exemption-information .star-page-container{ max-width: 1000px; } .tax-exemption-information .title, .tax-exemption-information .content p{ margin-bottom: 20px; text-align: center; } .tax-exemption-information .title{ font-size: 40px; font-weight: bold; line-height: 1.1; color: #fff; } .tax-exemption-information .content p{ font-size: 18px; font-weight: 400; line-height: 1.2; color: #A3A3A3; } .tax-exemption-information .info-blocks-wrapper{ display: flex; gap: 24px; flex-wrap: wrap; justify-content: center; } .tax-exemption-information .info-blocks-wrapper .info-block{ width: calc(33.33% - 16px); } .tax-exemption-information .info-block { border-radius: 4px; border: 2px solid #617B93; background: linear-gradient(153deg, #3A444F -35.06%, #12222D 11.69%, #07121E 106.09%); box-shadow: 10px 10px 10px 0px rgba(64, 105, 224, 0.10) inset; padding: 24px; display: flex; align-items: center; } .tax-exemption-information .info-block p{ font-size: 14px; font-weight: 500; line-height: 1.3; text-transform: capitalize; color: #fff; } .tax-exemption-steps .title{ color: #F1CC86; font-size: 40px; text-align: center; line-height: 1.1; font-weight: 700; margin-bottom: 40px; } .tax-exemption-steps .info-blocks-wrapper{ display: flex; flex-wrap: wrap; justify-content: center; padding-left: 20px; } .tax-exemption-steps .info-blocks-wrapper .info-block{ flex: 33.33%; padding: 35px 35px 35px 64px; background: url('tax-step-bg.png') no-repeat; background-size: 100% 100%; margin-left: -20px; } .tax-exemption-steps .info-blocks-wrapper .info-block:nth-child(3n+1){ z-index: 2; padding-left: 50px; } .tax-exemption-steps .info-blocks-wrapper .info-block:nth-child(3n+2){ z-index: 1; } .tax-exemption-steps .info-blocks-wrapper .info-block:nth-child(3n){ background-image: url('tax-step-bg-last.png'); } .tax-exemption-steps .svg-icon{ padding: 10px; } .tax-exemption-steps .info-blocks-wrapper .info-block .title{ font-size: 24px; line-height: 1.2; margin-bottom: 12px; text-align: left; } .tax-exemption-steps .info-blocks-wrapper .info-block .content p, .tax-exemption-steps .info-blocks-wrapper .info-block a{ color: #A3A3A3; font-size: 14px; line-height: 1.2; font-weight: 500; } .tax-exemption-steps .info-blocks-wrapper .info-block a{ text-decoration: underline; margin-top: 12px; display: block; color: #fff; } @media screen and (min-width: 750px) and (max-width: 1023px){ .tax-exemption-steps .info-blocks-wrapper .info-block{ padding: 20px 20px 30px 50px; } } @media screen and (max-width: 749px){ .tax-exemption-information .title, .tax-exemption-information .content p{ text-align: left; } .tax-exemption-information .title{ font-size: 20px; margin-bottom: 8px; } .tax-exemption-information .content p{ font-size: 14px; margin-bottom: 16px; } .tax-exemption-information .info-blocks-wrapper{ flex-direction: column; gap: 10px; } .tax-exemption-information .info-blocks-wrapper .info-block{ width: 100%; } .tax-exemption-information .info-block p{ font-size: 12px; } .star-page-tab-wrapper.tax-exemption-subcategories .sticky-row{ max-width: unset; padding-left: 20px; } .star-page-tab-wrapper.tax-exemption-subcategories .star-page-container{ padding: 0; } .star-page-tab-wrapper.tax-exemption-subcategories .sticky-row::-webkit-scrollbar{ display: none; } .star-page-tab-wrapper.tax-exemption-subcategories:not(.fixed) .sticky-row a{ min-width: 104px; margin: 0 5px; padding: 0 8px 8px; font-size: 12px; font-weight: 500; line-height: 1.3; } .star-page-tab-wrapper.tax-exemption-subcategories .sticky-row a img{ width: 80px; height: 80px; } .tax-exemption-steps .title{ font-size: 20px; margin-bottom: 20px; } .tax-exemption-steps .info-blocks-wrapper{ flex-direction: column; } .tax-exemption-steps .info-blocks-wrapper .info-block{ flex: 100%; background-image: url('tax-step-bg-mobile.png'); margin-top: -20px; padding: 40px 18px 40px 22px; } .tax-exemption-steps .info-blocks-wrapper .info-block:first-child{ margin-top: 0; padding: 20px 18px 40px 22px; } .tax-exemption-steps .star-page-container, .tax-exemption-information .star-page-container{ padding: 0 24px; } .tax-exemption-steps .info-blocks-wrapper .svg_title{ display: flex; align-items: center; gap: 12px; margin-bottom: 10px; } .tax-exemption-steps .svg-icon{ padding: 0; width: 55px; } .tax-exemption-steps .info-blocks-wrapper .info-block .title{ font-size: 16px; margin-bottom: 0; } .tax-exemption-steps .svg-icon svg{ width: 35px; } .tax-exemption-steps .info-blocks-wrapper .info-block:nth-child(2) .svg-icon svg{ width: 100%; } .tax-exemption-steps .info-blocks-wrapper .info-block:nth-child(3n){ background-image: none; } .tax-exemption-steps .info-blocks-wrapper .info-block:last-child{ background-image: url('tax-step-bg-last-mobile.png'); padding-bottom: 20px; } .tax-exemption-steps .info-blocks-wrapper .info-block .content br{ display: none; } } /* Ecocredits popup */ .ecocredits-popup-trigger{ position: fixed; bottom: 200px; right: 56px; width: 48px; cursor: pointer; z-index: 999; } .ecocredits-popup-trigger img, .ecocredits-popup svg{ display: block; } .ecocredits-popup *:not(path):not(svg){ font-family: "Helvetica Neue ForEco"; } .ecocredits-popup *{ color: #000; } .ecocredits-popup{ display: none; position: fixed; bottom: 65px; z-index: 99999; right: 105px; width: 375px; border-radius: 4px; background: #FFF; box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.15); max-height: min(565px, 80vh); overflow-y: auto; transition: display 1s; } .ecocredits-popup-default-content, .ecocredits-section-content{ display: none; } .ecocredits-popup.active, .ecocredits-popup-default-content.active, .ecocredits-section-content.active{ display: block; } .ecocredits-popup .ecocredits-popup-default-content .ecocredits-popup-close{ position: absolute; top: 16px; right: 20px; cursor: pointer; } .ecocredits-popup .ecocredits-popup-close{ cursor: pointer; } .ecocredits-popup-default-content{ padding: 56px 0 0; } .ecocredits-popup .section { border-radius: 4px; border: 1px solid #CACAC8; padding: 20px; margin: 0 24px 16px; } .ecocredits-popup .section:last-child{ margin-bottom: 0; } .ecocredits-popup .section .sec-title, .ecocredits-section-content .title-row .title{ font-size: 18px; font-weight: 500; color: #000; line-height: 1.3; } .ecocredits-popup .section .sec-desc{ margin-top: 6px; } .ecocredits-popup .section .sec-desc, .earn-content-box-title-text .small-text, .earn-content-box-content{ font-size: 12px; font-weight: 400; color: #62625F; line-height: 1.2; } .ecocredits-popup .section .sec-links{ margin-top: 20px; margin-right: 20px; } .ecocredits-popup .section .sec-links .sec-link{ display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #000; line-height: 1.2; font-weight: 500; cursor: pointer; } .ecocredits-popup .section .sec-links .sec-link span:first-child{ display: flex; align-items: center; } .ecocredits-popup .sec-link-divider{ width: 100%; height: 1px; background-color: #CACAC8; margin: 12px 0; } .ecocredits-popup .section .sec-links .sec-link:last-child{ margin-bottom: 0; padding-bottom: 0; } .ecocredits-popup .section .sec-links .sec-link svg.link-icon{ display: inline-block; vertical-align: middle; margin-right: 14px; } .ecocredits-popup .section-2 .sec-links .sec-link, .ecocredits-popup .section-3 .sec-links .sec-link{ justify-content: flex-start; } .ecocredits-popup .section-2 svg, .ecocredits-popup .section-3 svg{ margin-left: 10px; } .ecocredits-popup-footer{ margin-top: 14px; padding: 14px 44px 20px; text-align: center; position: sticky; bottom: 0; background: #FFF; z-index: 4; } .ecocredits-popup-footer.add-shadow{ box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05); } .ecocredits-popup-footer .title{ font-size: 16px; font-weight: 500; color: #000; line-height: 1.13; margin-bottom: 8px; } .ecocredits-popup-footer .btn{ width: 100%; justify-content: center; border-radius: 4px; padding: 7px; font-size: 14px; font-weight: 500; line-height: normal; color: #fff; } .ecocredits-popup-footer .login-line{ margin-top: 4px; font-size: 12px; color: #949491; line-height: 1.2; } .ecocredits-popup-footer .login-line a{ color: #3F68E0; text-decoration: underline; } .ecocredits-section-content .title-row{ position: sticky; top: 0; background: #F4F4F2; display: flex; justify-content: space-between; padding: 15px 22px; align-items: center; z-index: 4; } .ecocredits-section-content .title-row.title-row--box-shadow { box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.15); } .ecocredits-section-content .back-btn{ cursor: pointer; } .ecocredits-section-content .earn-content-boxes{ margin-top: 12px; } .ecocredits-section-content .earn-content-box{ padding: 20px 0; margin: 0 30px; position: relative; border-bottom: 1px solid #CACAC8; } .ecocredits-section-content .earn-content-box .arrow{ position: absolute; right: 0; } .earn-content-box-title{ display: flex; gap: 16px; cursor: pointer; position: relative; z-index: 2; } .ecocredits-popup-refer-content .earn-content-box-title{ cursor: default; } .earn-content-box-title-text{ font-size: 14px; font-weight: 500; line-height: 1.2; color: #000; } .earn-content-box-title-text .small-text{ color: #3F68E0; } .earn-content-box-content{ color: #949491; margin-top: 10px; display: none; } .earn-content-box-content.open{ display: block; } .earn-content-box.open .arrow svg{ transform: rotate(180deg); } .ecocredits-section-content.ecocredits-popup-reward-content .title-row{ margin-bottom: 20px; } .ecocredits-popup-reward-content .reward-content-box { margin-top: 16px; margin: 16px 24px 0; padding: 16px; border-radius: 4px; border: 1px solid var(--EF-gray-2, #CACAC8); } .ecocredits-popup-reward-content .reward-content-box .title{ font-size: 16px; font-weight: 500; color: #000; line-height: 1.3; } .reward-coupon-boxes{ display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; } .reward-coupon-box{ width: 33.33%; position: relative; margin-top: 12px; } .reward-coupon-box svg{ margin: auto; } .reward-coupon-box span{ position: absolute; top: 6px; left: 50%; transform: translateX(-50%); font-size: 13px; font-weight: 500; line-height: 1.2; } .reward-coupon-box .text{ font-size: 12px; font-weight: 400; line-height: 1.2; margin-top: 8px; } .reward-gift-boxes{ margin-top: 16px; } .reward-gift-boxes .reward-gift-box{ display: flex; gap: 15px; align-items: self-end; margin-bottom: 20px; } .reward-gift-boxes .reward-gift-box:last-child{ margin-bottom: 2px; } .reward-gift-box-title-text{ font-size: 12px; line-height: 1.2; font-weight: 500; } .reward-gift-box-title-text .blue-text{ margin-top: 4px; color: #3F68E0; font-weight: 400; } .learn-more-box-content .title{ margin-top: 40px; margin-bottom: 20px; padding: 0 30px; font-size: 18px; color: #000; font-weight: 500; line-height: 1.2; } .learn-more-box-content .learn-more-box{ display: flex; align-items: center; padding: 14px 20px 14px 38px; gap: 12px; font-size: 12px; color: #000; line-height: 1.2; } .learn-more-form.emarsys__form{ margin-bottom: 26px; } .learn-more-form.emarsys__form form{ margin-top: 26px; padding: 0 44px; } .learn-more-form.emarsys__form .form{ margin-top: 26px; padding: 0 44px; } .learn-more-form .contact-form{ display: flex; } .learn-more-form .contact-form input{ border-radius: 4px 0 0 4px; background: #fff; border: 1px solid #000; padding: 9px; font-size: 16px; font-weight: 500; line-height: 1.3; outline: 0; } .learn-more-form .contact-form input::-webkit-input-placeholder{ color: #CACAC8; } .learn-more-form .contact-form .btn{ color: #fff; border-radius: 0 4px 4px 0; font-size: 16px; font-weight: 500; line-height: 1.3; padding: 9px; } .learn-more-form .t_c{ margin-top: 6px; font-size: 12px; font-weight: 200; text-align: center; } @media screen and (max-width: 1023px){ .ecocredits-popup-trigger{ width: 40px; right: 24px; bottom: 144px; } } @media screen and (max-width: 749px){ .ecocredits-popup-trigger{ width: 40px; right: 24px;} .ecocredits-popup{ width: 100%; right: 0; bottom: 0; z-index: 9999999; border-radius: 4px 0 0 4px; } .ecocredits-popup-footer .btn{ max-width: 300px; } body.ecocredit-popup-open{ overflow-y: hidden; position: relative; } body.ecocredit-popup-open:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 9999999; } } /* Mega menu restructure */ [data-header-section] *{ font-family: "Helvetica Neue ForEco"; } .header-container{ width: 100%; max-width: 1240px; padding: 0 20px; margin: 0 auto; flex-wrap: nowrap; align-items: center; justify-content: space-between; } .menu-icon-wrapper{ display: flex; justify-content: flex-end; } .menu-icon-wrapper .grid__item{ width: auto; } .nav-bar__item svg.arrow-icon { vertical-align: middle; margin-left: 4px; width: 13px; flex: 0 0 13px; transition: transform 0.5s; } .custom_menu_right_side .block_btn:hover, .menu_dropdown_link_content_item a[href]:hover{ text-decoration: underline; } .custom_menu_left_side .custom_menu_item_dropdown_title{ display: flex; justify-content: space-between; align-items: center; padding-left: 0; padding-right: 0; font-weight: 500; } .custom_menu_item_dropdown .custom_menu_item_dropdown_content{ display: none; } .custom_menu_item_dropdown.open .custom_menu_item_dropdown_content{ display: block; } .custom_menu_item_dropdown.open .custom_menu_item_dropdown_title .arrow_icon{ transform: rotate(180deg); } .custom_menu_right_side .block_btn svg, .mobile-nav-product-row .block_btn svg{ margin-left: 4px; } .custom_menu_right_side .block_btn, .mobile-nav-product-row .block_btn{ color: #444; display: flex; align-items: center; line-height: 1.2; font-size: 14px; } .image_links_block .custom_menu_tab_content_inner{ margin-left: -10px; flex-wrap: wrap; row-gap: 14px; } .image_links_block .mega_menu_image_box{ flex: 0 0 33.33%; padding-left: 14px; position: relative; } .image_links_block.level_1_image_links_block .mega_menu_image_box{ flex: 0 0 25%; } .image_links_block.level_1_image_links_block .custom_menu_tab_content_inner{ justify-content: center; } .custom_menu_tab_content_inner .mega_menu_image_box_image img{ border-radius: 4px; display: block; transition: transform 0.5s; } .custom_menu_tab_content_inner .mega_menu_image_box .mega_menu_image_box_content{ position: absolute; bottom: 12px; left: 0; padding: 0 12px; width: 100%; color: #fff; font-size: 14px; font-weight: 500; line-height: 1.2; } .custom_menu_tab_content_inner .mega_menu_image_box .mega_menu_image_box_content span{ font-size: 12px; font-weight: 400; margin-top: 3px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .mega_menu_dropdown__wrapper .custom_menu_tab_content_inner{ flex-wrap: wrap; justify-content: center; width: 100%; margin: 0; } .mega_menu_dropdown__wrapper .custom_menu_tab_content_inner .menu_dropdown{ flex: 0 0 auto; padding-right: 24px; max-width: 25%; } .menu_dropdown .menu_dropdown_link_title{ padding: 0 0 10px 0; } .menu_dropdown .menu_dropdown_link_title a{ color: #757575; } .menu_dropdown .menu_dropdown_link_content .menu_dropdown_link_content_item{ margin-top: 14px; } .custom_menu_product .new-badge{ color: var(--new-label-color); } .custom_menu_product .hot-badge{ color: var(--hot-label-color); } .custom_menu_product .sale-badge{ color: var(--sale-label-color); } .custom_menu_tab_content_inner::-webkit-scrollbar{ display: none; } .mega_menu_image_box_image{ border-radius: 4px; overflow: hidden; } .mega_menu_image_box_image img:hover{ transform: scale(1.1); } .nav-bar__link:after{ content: ''; width: 0; height: 2px; position: absolute; bottom: 0; left: 8px; background: #333; transition: width 0.3s linear; } .nav-bar__link.active:after, .nav-bar__link:hover:after{ width: calc(100% - 16px); } .nav-bar__link:hover svg.arrow-icon, .nav-bar__link.active svg.arrow-icon{ transform: rotate(180deg); } .swiper{ overflow: hidden; touch-action: pan-y; } .search-button__submit{ left: 16px; } .custom-mega-menu__inner .custom_menu_product{ margin-bottom: 15px; } .custom-mega-menu__inner .custom_menu_product .image{ padding-top: 100%; height: 0; position: relative; width: 100%; } .custom-mega-menu__inner .custom_menu_product .image img{ position: absolute; top: 0; width: 100%; height: 100%; left: 0; object-fit: contain; } .custom-mega-menu__inner .custom_menu_tab_content_inner.block-1, .custom-mega-menu__inner .custom_menu_tab_content_inner.block-2{ gap: 12px; } .custom_menu_tab_content_inner.block-2 .custom_menu_product, .custom_menu_tab_content_inner.block-1 .custom_menu_product { flex: 0 0 calc(50% - 10px); width: calc(50% - 10px); max-width: unset; margin-left: 0; background: unset; padding: 0 0 0 8px; } .custom_menu_tab_content_inner.block-2 .custom_menu_product .image, .custom_menu_tab_content_inner.block-1 .custom_menu_product .image{ height: 220px; padding-top: 0; } .custom_menu_tab_content_inner.block-2 .custom_menu_product .image img, .custom_menu_tab_content_inner.block-1 .custom_menu_product .image img, .mobile-menu-products.block-2 .mobile-menu-product .image img, .mobile-menu-products.block-1 .mobile-menu-product .image img{ object-fit: cover; border-radius: 8px; } .custom-mega-menu__inner .custom_menu_tab_content_inner.text-align-left .product_content{ text-align: left; } @media screen and (min-width: 1024px){ .site-header__icons-wrapper a:hover svg, .header-search-button:hover svg{ opacity: 0.7; } .custom_menu_left_side .custom_menu_left_side_hover_item:not(.custom_menu_item_dropdown_title):hover, .custom_menu_product:hover{ background-color: rgba(244,244,244,0.5); } .mobile-nav-wrapper.js-menu--is-open{ display: none !important; } } @media screen and (min-width: 1024px) and (max-width: 1439px){ .header-container{ max-width: 100%; padding: 0 40px !important; } .navigation_wrapper .nav-bar__item{ margin-right: 0; } .nav-bar__link{ padding: 12px; } .custom_menu_product{ min-width: 164px; } .custom_menu_right_side{ padding-left: 32px; } } @media screen and (min-width: 768px) and (max-width: 1023px){ .header-container{ padding: 0 48px; } } @media screen and (min-width: 1440px){ .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form{ max-width: 790px; } } @media screen and (max-width: 1023px){ :root{ --item-right-padding: 48px; --item-left-padding: 58px; } .mega_menu_overlay{ display: none !important; } .site-header .site-header__menu.js-mobile-nav-toggle svg{ width: 24px; height: 24px; outline: 0; } .navigation-toggle-btn{ margin-left: 14px; } nav#AccessibleNav{ display: none; } .mobile-nav__link, .mobile-nav__sublist-link{ padding: 15px var(--item-right-padding); justify-content: space-between; } .mobile-nav__sublist-link{ padding-left: var(--item-left-padding); font-weight: 400; } .mobile-nav__dropdown{ background-color: #f5f5f5; } .mobile-nav__dropdown .mobile-nav__sublist-link{ background-color: #fff; } .mobile-nav__dropdown.nav_product_cards .mobile-nav__sublist-link{ position: sticky; top: 0; z-index: 9; } .mobile-nav-product-row{ margin: 0 var(--item-right-padding) 0 var(--item-left-padding); padding: 24px 0 10px; border-top: 1px solid #d9d9d9 } .sublist-link-wrap.mobile-nav-product-row{ padding-bottom: 22px; } .mobile-nav-product-row:first-child{ padding-top: 0; border-top: 0; } .mobile-nav-product-row-title{ display: flex; justify-content: space-between; font-size: 14px; font-weight: 400; line-height: 1.2; color: #444; padding: 14px 0; } .mobile-nav-product-row-title .block_btn{ color: #444; } .mobile-nav__dropdown .custom_menu_product a{ display: flex; align-items: center; width: 100%; } .mobile-nav__dropdown .custom_menu_product a .image{ width: 80px; height: 80px; margin-left: 0; margin-right: 4px; padding: 7px; } .mobile-nav__dropdown .mobile-nav-product-row.add-padding{ padding-top: 24px; } .custom_menu_product{ max-width: 100%; margin: 0 0 12px 0; padding: 0; } .custom_menu_product .product_content{ padding: 0; text-align: left; flex: 1; } .custom_menu_product .new-label, .custom_menu_product .product_content .discount-label{ position: relative; margin-bottom: 4px; } .custom_menu_product .small-desc, .custom_menu_product .title span{ margin-bottom: 0; max-width: unset; font-size: 14px; font-weight: 400; } #shopify-section-header header.site-header .mobile-nav__dropdown .sublist-link{ line-height: 1.2; color: #3F68E0; font-size: 14px; justify-content: end; } .mobile-image-link-block{ padding-bottom: 44px; } .mobile-image-link-block-level-1{ padding-top: 44px; } .mobile-image-link-block .mobile-nav-product-row-title{ padding: 14px var(--item-right-padding) 14px var(--item-left-padding); } .mobile-image-link-block .custom_menu_tab_content_inner{ padding-left: var(--item-left-padding); margin-left: 0; overflow-x: auto; } .mobile-image-link-block .mega_menu_image_box{ width: 323px; flex: 0 0 323px; padding-right: 16px; } .mobile-image-link-block .mega_menu_image_box:last-child{ width: 355px; flex: 0 0 355px; padding-right: var(--item-right-padding); } .mobile-nav__dropdown_item .mobile-nav__dropdown .mobile-nav__sublist-link{ background-color: unset; } .mobile-nav__dropdown_item .mobile-nav-product-row-title{ padding: 14px 0; color: #757575 !important; font-weight: 500; } .mobile-nav__dropdown_item .mobile-nav-product-row .mobile-nav__dropdown .mobile-nav__sublist-link{ font-size: 16px; padding-left: 0; } #shopify-section-header header.site-header .mobile-nav-wrapper .mobile-nav-footer{ margin: 0 var(--item-right-padding); } body.show_search_overlay #shopify-section-header{ z-index: 9999999999; } .mobile-custom-menu-block .custom_menu_product .title p{ margin-bottom: 10px; text-align: left !important; padding-top: 0 !important; } .mobile-custom-menu-block .custom_menu_product .small-desc, .mobile-custom-menu-block .custom_menu_product .title span{ max-width: unset; } .mobile-menu-products-container.block-2{ display: flex; } .mobile-custom-menu-block .mobile-nav__dropdown .mobile-menu-products-container.block-2 .custom_menu_product{ position: relative; width: 164px; flex: 0 0 164px; margin-right: 8px; } .mobile-custom-menu-block .mobile-nav__dropdown .mobile-menu-products-container.block-2 .custom_menu_product a{ display: block; } .mobile-custom-menu-block .mobile-nav__dropdown .mobile-menu-products-container.block-2 .custom_menu_product .image{ height: 220px; width: 100%; border-radius: 8px; overflow: hidden; } .mobile-custom-menu-block .mobile-nav__dropdown .mobile-menu-products-container.block-2 .custom_menu_product img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .menu_item_custom_label{ bottom: 100%; right: -12px; } } @media screen and (max-width: 767px){ :root{ --item-right-padding: 24px; --item-left-padding: 34px; } .mobile-image-link-block .mega_menu_image_box:last-child{ margin-right: 24px; } .mobile-image-link-block .mega_menu_image_box:last-child{ width: 331px; flex: 0 0 331px; } .site-header .site-header__icons .search-bar__interior .search-form__container .search-bar__form .search-form__input-wrapper .predictive-search-wrapper .predictive-search-title, .search_popular_menu a{ padding: 10px 0; } } .product-form__item--submit:not(.product-form__item--payment-button) .product-form-external-btn{ width: 100%; } /* Spring sale LP - Round section */ .spring-round-section{ padding: 10px 0; } .spring-round-section .round-section-header{ display: flex; justify-content: center; align-items: center; font-size: 20px; line-height: 1.2; } .spring-round-section .round-section-header .round_number{ font-weight: 500; margin: 0 6px 0 20px; } .spring-round-section-blocks{ display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; padding-top: 20px; } .spring-round-section-blocks .spring-round-section-block{ width: 25%; padding: 2.5px;} .spring-round-section-block-inner { height: 100%; } .spring-round-section-block-inner a{ display: block; background-color: #fff; padding: 0 25px 35px; position: relative; border-radius: 6px; overflow: hidden; height: 100%; } .spring-round-section-block-image{ text-align: center; } .spring-round-section-block-image img{ width: 200px; height: 200px; object-fit: cover; } .spring-round-section-block-content{ padding-top: 22px; } .spring-round-section-block-content h3{ font-size: 16px; font-weight: 400; color: #707070; line-height: 1.16; } .spring-round-section-block-content h2{ font-size: 18px; font-weight: 500; color: #000; line-height: 1.16; } .spring-round-section-block-price{ display: flex; align-items: center; gap: 9px; margin-top: 10px; } .spring-round-section-block-price-amount{ font-size: 24px; font-weight: 500; color: #000; } .spring-round-section-block-price-c{ font-size: 12px; font-weight: 500; color: #AFAFAF; text-decoration: line-through; } .spring-round-section-block-off{ position: absolute; top: 0; left: 0; width: 70px; } .spring-round-section-block-off .discount_text{ width: 100%; height: 95%; z-index: 3; position: absolute; top: 0; display: flex; flex-direction: column; justify-content: center; text-align: center; font-size: 10px; font-weight: 500; } .discount_text .spring-round-section-block-off-amount{ font-size: 18px; line-height: 1; } .spring-flash-section{ padding: 0; } .spring-flash-section .spring-sale-flash-section{ padding: 50px 0; } .spring-flash-section .spring-sale-flash-section .title{ font-size: 40px; } .spring-flash-section .spring-sale-flash-section .title img{ width: 95px; margin-right: 20px; } .spring-flash-section .pdp-subscription-form__wrapper{ padding: 18px 36px; margin-top: 25px; margin-bottom: 32px; border: 3px solid #FFD400; border-radius: 6px; display: flex; justify-content: space-between; align-items: center; gap: 20px; } .spring-flash-section .subscription-form-desc p{ font-size: 24px; line-height: 1.2; color: #000; font-weight: 400; } .spring-flash-section .form-fields{ display: flex; } .spring-flash-section .form-fields .pdp-subscription-form__input-field{ padding: 12px 16px; border: 1px solid #DAE0E6; border-radius: 6px 0 0 6px; background-color: #fff; font-size: 15px; color: #707070; outline: none; width: 100%; } .spring-flash-section .form-fields .pdp-subscription-form__input-button{ padding: 12px 18px; border-radius: 0 6px 6px 0; background-color: #FFD400; color: #000; font-size: 15px; font-weight: 500; outline: none; border: 0; } .spring-flash-section .subscription-privacy-text{ display: block; position: relative; padding-left: 16px; } .spring-flash-section .subscription-privacy-text input{ position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .spring-flash-section .subscription-privacy-text .checkmark{ position: absolute; top: 2.5px; left: 0; height: 10px; width: 10px; background-color: transparent; border: 1px solid #D8D8D8; border-radius: 1px; } .spring-flash-section .subscription-privacy-text .checkmark svg{ position: absolute; top: 1.5px; left: 1px; display: none; } .spring-flash-section .subscription-privacy-text input:checked~.checkmark svg{ display: block; } .spring-flash-section .subscription-privacy-text p{ font-size: 12px; margin-top: 10px; color: #949491; } .spring-flash-section .subscription-privacy-text a{ color: #3F68E0; font-weight: 500; } .spring-round-section-blocks .flickity-page-dots{ padding-top: 15px; } .spring-round-section-blocks .flickity-page-dots .dot{ width: 8px; height: 8px; margin: 0 4px; background-color: #dddddd; opacity: 1; } .spring-round-section-blocks .flickity-page-dots .dot.is-selected{ background-color: #919191; } .spring-flash-section .pdp-subscription-form__success_wrapper{ display: block; width: 100%; max-width: 450px; margin-left: auto; margin-right: auto; text-align: center; } .spring-flash-section .subscription-title-wrapper{ display: flex; align-items: center; justify-content: center; gap: 16px; } .spring-flash-section .pdp-subscription-form__title, .spring-flash-section .pdp-subscription-form__description{ font-size: 24px; font-weight: 500; color: #000; line-height: 1.2; } .spring-flash-section .pdp-subscription-form__icon-wrapper{ width: 36px; } .spring-flash-section .pdp-subscription-form__description{ font-size: 14px; margin-top: 6px; } .spring-mutiple-round-section-blocks{ display: flex; } .spring-mutiple-round-section-blocks .spring-round-section-blocks .spring-round-section-block{ width: 50%; } @media screen and (min-width: 750px){ .spring-round-section-blocks.desktop-slider-enabled{ display: block; } .spring-round-section-blocks.desktop-slider-enabled:after{ content: 'flickity'; display: none; } .spring-flash-section .subscription-form{ min-width: 430px; } } @media screen and (max-width: 749px){ .spring-round-section-blocks.slider-enabled{ display: block; } .spring-round-section-blocks.slider-enabled:after{ content: 'flickity'; display: none; } .spring-round-section-blocks .spring-round-section-block{ width: 50%; } .spring-round-section-block-inner a{ padding: 0 10px 20px; } .spring-round-section-block-content h3, .spring-flash-section .subscription-form-desc p{ font-size: 14px; } .spring-round-section-block-content h2{ font-size: 16px; } .spring-round-section-block-price-amount{ font-size: 20px; } .discount_text .spring-round-section-block-off-amount{ font-size: 15px; } .spring-round-section-block-off{ width: 60px; } .spring-round-section .round-section-header{ flex-wrap: wrap; text-align: center; } .spring-round-section .round-section-header .round_date{ width: 100%; margin-top: 4px; } .spring-round-section .round-section-header .round_number{ margin: 0 0 0 8px; } .spring-flash-section .spring-sale-flash-section{ padding: 30px 0; } .spring-flash-section .spring-sale-flash-section .title img{ width: 65px; } .spring-flash-section .spring-sale-flash-section .title{ font-size: 24px; } .spring-flash-section .subscription-form-desc p{ margin-top: 5px; } .spring-flash-section .pdp-subscription-form__wrapper{ padding: 20px 0; max-width: 320px; margin: 0 auto; border: 0; } .spring-flash-section .form-fields .pdp-subscription-form__input-field{ padding: 10px 24px; border-radius: 3px 0 0 3px; font-size: 12px; } .spring-flash-section .form-fields .pdp-subscription-form__input-button{ padding-top: 8px; padding-bottom: 8px; font-size: 14px; border-radius: 0 3px 3px 0; } .spring-mutiple-round-section-blocks{ flex-direction: column; gap: 24px; } } /* Giving back 2024 LP */ .recommendations-banner{ position: relative; } .recommendations-banner .recommendations-banner-text-content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .recommendations-banner .recommendations-banner-text-content .subtitle{ font-size: 36px; line-height: normal; font-weight: 700; } .recommendations-banner .recommendations-banner-text-content .content{ font-size: 16px; line-height: normal; font-weight: 500; margin-top: 8px; } .recommendations-banner .recommendations-banner-text-content .title{ font-size: 60px; line-height: normal; font-weight: 700; margin-top: 8px; } .giving-back-recommendations .recommedation-container h2{ font-size: 40px !important; } .giving-back-recommendations .recommedation-container .recommendation-desc p{ font-size: 16px; color: #757575; font-weight: 400; } .givin-back-product-section .add_more_btn_wrap{ text-align: center; } .givin-back-product-section .add_more_btn{ border-radius: 8px; } .givin-back-product-section .vat-label{ background: url('vat-bg.png') no-repeat; background-size: 100% 100%; height: 18px; font-size: 12px; color: #fff; padding: 0 16px 0 10px; display: flex; align-items: center; } .givin-back-product-section .star_product_block .star_product_desc{ margin-bottom: 16px; } .givin-back-product-section .star_product_block .star_product_subtitle p{ font-size: 14px; } .givin-back-product-section .star-page-container .star_product_block .price_row{ margin-top: 40px; } .givin-back-product-section .star_product_block .star_product_price{ font-size: 32px; } .givin-back-product-section .star_product_block .star_product_compare_price{ font-size: 16px; margin-left: 8px; } .givin-back-product-section .product-desc{ font-size: 14px; color: #757575; line-height: 1.3; margin-top: 2px; font-weight: 500; } .givin-back-product-section .star_product_btn_qty_wrap, .givin-back-product-section .qty-wrapper{ display: flex; } .givin-back-product-section .star_product_btn_qty_wrap{ margin-top: 15px; } .givin-back-product-section .qty-wrapper{ border-radius: 8px; border: 1px solid #E1E1E1; background: #E1E1E1; } .givin-back-product-section .qty-minus, .givin-back-product-section .qty-plus{ width: 50px; height: 40px; display: flex; align-items: center; justify-content: center; background: transparent; border-radius: 0; } .givin-back-product-section .qty-wrapper input, .givin-back-product-section .recommended_product .qty-wrapper .qty-value{ width: 40px; padding: 0; text-align: center; height: 40px; background: #F4F4F2; font-size: 18px; border: 0; border-radius: 0; font-weight: 500; } .givin-back-product-section .qty-wrapper input::-webkit-outer-spin-button, .givin-back-product-section .qty-wrapper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ .givin-back-product-section .qty-wrapper input[type=number] { -moz-appearance: textfield; } .givin-back-product-section .star_product_block .star_product_buttons{ margin-left: 12px !important; margin-top: 0; } .givin-back-product-section .star_product_block .star_product_buttons .star_btn, .givin-back-product-section .add-to-cart .atc_btn{ margin-left: 0; margin-bottom: 0; height: 40px; padding: 0px 20px; font-size: 12px; border-radius: 8px; width: auto !important; display: flex; align-items: CENTER; } .givin-back-product-section .add-to-cart .atc_btn{ line-height: 1; font-weight: 600; margin-left: 12px; } .givin-back-product-section .view-details-btn{ margin-top: 12px; font-size: 14px; color: #3F68E0; font-weight: 600; line-height: 1.3; } .givin-back-product-section .star_product_block{ filter: none !important; border-radius: 8px; } .product-recommendations-page-wrapper.star-page-container{ border-bottom: 0; } .givin-back-product-section.star-page-product-double-v1-section .star_product_block .star-product-image-wrapper{ width: 260px; height: 260px; } .givin-back-product-section.star-page-product-multiple-v1-section .star_product_block .price_row{ margin-top: 10px; } .givin-back-product-section.star-page-product-multiple-v1-section .star_product_block .star_product_desc{ margin-bottom: 0; } .givin-back-product-section .recommendation-row .recommendation-column.left-column, .givin-back-product-section .recommended_products .recommended_product{ border-radius: 8px; background: #F4F4F4; } .givin-back-product-section .recommended_products .recommended_product{ padding: 30px 20px; position: relative; min-height: unset; margin-top: 0; } .givin-back-product-section .recommended_products .recommended_product .star-product-info-wrapper{ width: 100%; flex: 100%; padding: 0; display: flex; position: unset; padding: 0 !important; } .givin-back-product-section .recommended_products .recommended_product .product-info{ padding-left: 2%; } .givin-back-product-section .recommended_product .qty-wrapper{ margin: 0; } .givin-back-product-section .recommended_product .product-price{ color: #FF8D00; margin-right: 4px; } .givin-back-product-section .subtitle_price_row .member-only-price{ color: #FF8D00; } .givin-back-product-section .recommended_product .product-compare-price{ font-size: 16px; color: #949491; margin-left: 8px; } .givin-back-product-section .recommended_product .discount_tag_wrapper{ position: absolute; top: 0; left: 0; z-index: 2; } .givin-back-product-section .recommended_product .discount_tag_text { font-size: 14px; font-weight: 700; color: #fff; text-align: center; line-height: 1; width: 100%; height: 86%; z-index: 3; position: absolute; top: 0; display: flex; flex-direction: column; justify-content: center; } .givin-back-product-section .recommended_product .discount_tag_text span { display: block; font-size: 22px; } .givin-back-product-section .custom_price{ font-size: 16px; line-height: 1; font-weight: 600; color: #949491; margin-top: 4px; } .givin-back-product-section .custom_price span{ text-decoration: line-through; } .givin-back-product-section .power-station-image{ max-height: 360px; max-width: unset; margin-top: 70px; } .givin-back-product-section .power-station-image img{ height: 100%; } .givin-back-product-section .power-station-dropdown{ font-size: 16px; font-weight: 600; } .recommendations-banner img{ width: 100%; } @media screen and (min-width: 750px){ .star-page-product-double-v1-section.givin-back-product-section .star-products-container.per-row-2 .star_product_block{ flex-direction: column; padding: 20px 25px 35px; } .star-page-product-double-v1-section.givin-back-product-section .star-products-container.per-row-4 .star_btn{ white-space: wrap; } .star-page-product-double-v1-section.givin-back-product-section .star-products-container.per-row-2 .star_btn{ font-size: 16px; } .givin-back-product-section .star-products-container.per-row-4 .qty-minus, .givin-back-product-section .star-products-container.per-row-4 .qty-plus{ width: 37px; } } @media screen and (min-width: 750px) and (max-width: 1024px){ .recommendations-banner .recommendations-banner-text-content .subtitle{ font-size: 28px; } .recommendations-banner .recommendations-banner-text-content .title{ font-size: 36px; } .givin-back-product-section .star_product_btn_qty_wrap{ flex-wrap: wrap; } .givin-back-product-section .add-to-cart .atc_btn{ margin-left: 0; margin-top: 10px; } .givin-back-product-section.star-page-product-multiple-v1-section .star_product_block .star_product_buttons{ margin-left: 0 !important; margin-top: 10px; } .star-page-product-multiple-v1-section.givin-back-product-section .star_product_block .star_product_buttons .star_btn{ margin-left: 0 !important; } } @media screen and (min-width: 750px) and (max-width: 1023px){ .givin-back-product-section .star_product_block .star_product_price{ font-size: 20px; } .givin-back-product-section.star-page-product-multiple-v1-section .star_product_block .star_product_price{ font-size: 12px; } .givin-back-product-section .vat-label{ font-size: 10px; } .givin-back-product-section .star_product_block .star_product_compare_price{ font-size: 10px; margin-left: 4px; } .star-page-product-multiple-v1-section.givin-back-product-section .star-products-container.per-row-3 .star_product_block .star-product-info-wrapper{ padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 749px){ .giving-back-recommendations .recommedation-container h2{ font-size: 20px !important; } .givin-back-product-section .recommended_products .recommended_product{ padding: 20px 12px 12px 0; } .product-recommendation-wrapper:not(.slick-enabled) .recommended_products .recommended_product .product-info{ text-align: left; flex: 1; } .product-recommendation-wrapper:not(.slick-enabled) .recommended_products .recommended_product .product-image, .givin-back-product-section.star-page-product-multiple-v1-section .star-products-container.mobile-per-row-1 .star_product_block .star-product-image-wrapper{ width: 120px; height: auto; } .givin-back-product-section.star-page-product-multiple-v1-section .star-products-container.mobile-per-row-1 .star_product_block .star-product-info-wrapper{ width: calc(100% - 120px); } .givin-back-product-section.star-page-product-multiple-v1-section .star-products-container .star_product_block .star-product-image-wrapper img{ padding: 0; height: 120px; } .product-recommendation-wrapper:not(.slick-enabled) .recommended_product .price-wrapper{ justify-content: flex-start; } .givin-back-product-section{ padding: 0 8px; } .givin-back-product-section .recommedation-container, .givin-back-product-section .star-page-container{ padding: 0; } .givin-back-product-section .qty-minus, .givin-back-product-section .qty-plus, .givin-back-product-section .qty-wrapper input, .givin-back-product-section .recommended_product .qty-wrapper .qty-value{ width: 32px; height: 34px; font-size: 16px; } .givin-back-product-section .star_product_block .star_product_buttons .star_btn, .givin-back-product-section .add-to-cart .atc_btn{ height: 34px; font-size: 12px !important; margin-left: 8px !important; white-space: unset; line-height: 1.1; } .givin-back-product-section .recommedation-container{ padding-top: 60px; } .givin-back-product-section .recommended_product .discount_tag_text, .givin-back-product-section .star_product_block .discount_tag_wrapper .discount_tag_text{ font-size: 10px; } .givin-back-product-section .recommended_product .discount_tag_text_mobile, .givin-back-product-section .star_product_block .discount_tag_wrapper .discount_tag_text_mobile{ display: unset; left: 0; height: 100%; } .givin-back-product-section .recommended_product .discount_tag_text span, .givin-back-product-section .star_product_block .discount_tag_wrapper .discount_tag_text span{ display: initial; font-size: 10px; } .givin-back-product-section .recommended_product .product-price{ font-size: 16px; } .givin-back-product-section .recommended_product .product-compare-price, .givin-back-product-section .view-details-btn{ font-size: 12px; } .givin-back-product-section .recommendation-row .recommendation-column .recommended_product h3{ font-size: 14px; } .givin-back-product-section .recommendation-row .recommendation-column .recommended_product .title-desc-wrap{ margin-bottom: 10px; } .givin-back-product-section.star-page-product-multiple-v1-section .star_product_block .star_product_desc{ margin-bottom: 8px; } .givin-back-product-section .star_product_block .star_product_price{ font-size: 28px; } .givin-back-product-section .star_product_block .star_product_compare_price, .giving-back-recommendations .recommedation-container .recommendation-desc p{ font-size: 14px; } .givin-back-product-section .star-page-container .star_product_block .price_row{ margin-top: 10px; } .recommendations-banner .recommendations-banner-text-content{ padding: 0 24px; top: 65px; text-align: center; transform: translateX(-50%); width: 100%; } .recommendations-banner .recommendations-banner-text-content .subtitle{ font-size: 24px; font-weight: 500; } .recommendations-banner .recommendations-banner-text-content .content, .givin-back-product-section .product-desc, .givin-back-product-section .custom_price{ font-size: 12px; } .recommendations-banner .recommendations-banner-text-content .title{ font-size: 32px; } .givin-back-product-section .vat-label{ padding: 0 12px 0 8px; } .givin-back-product-section .star_product_block .star_product_compare_price{ margin-left: 4px; } .recommendation-row .recommendation-column.left-column h3{ margin-bottom: 30px; } .givin-back-product-section .star_product_block .star_product_buttons{ margin-left: 0 !important; } .givin-back-product-section .subtitle_price_row .member-only-price{ font-size: 24px; } } .recommended_products .product_option_wrapper .product_option{ padding-top: 7px; padding-bottom: 7px; text-align: left; } .giving-back-link{ display: flex; justify-content: flex-end; margin-bottom: 20px; } .giving-back-link a{ text-decoration: underline; } .star_product_block.recommended_product .price_row{ margin-top: 0; } .givin-back-product-section .recommended_products.count-1 .recommended_product .star-product-info-wrapper{ flex-direction: column; align-items: center; justify-content: center; } .givin-back-product-section .recommended_products.count-1 .recommended_product .product-info{ margin-top: 22px; padding-left: 0; text-align: left; } .recommended_products.count-1 .recommended_product .product-image{ width: 260px; } .recommended_products.count-1 .recommended_product .price-wrapper{ justify-content: flex-start; } @media screen and (max-width: 749px){ .givin-back-product-section .recommended_products.count-1 .recommended_product{ padding: 0 30px 30px; } .product-recommendation-wrapper:not(.slick-enabled) .recommended_products.count-1 .recommended_product .product-image{ width: 260px; } } /* Klarna Message Display Layout */ @media (max-width: 749px) { klarna-placement::part(osm-container) { padding: 0; border: unset; } } /* Labour Day Sale Template Form Style */ [data-page="labour-day-sale"] .globo-form-app { min-height: 590px; margin-top: 80px; margin-bottom: 80px; } [data-page="labour-day-sale"] .globo-form-app .gfb-with-image .gfb-with-image-img { object-position: 30% center; } [data-page="labour-day-sale"] .globo-form-app.boxed-layout .g-container { display: flex; flex-direction: column; justify-content: center; padding-top: 24px; padding-right: 27px; padding-bottom: 24px; padding-left: 58px; } [data-page="labour-day-sale"] .globo-form-app .header { margin-bottom: 16px!important; } [data-page="labour-day-sale"] .globo-form-app .header .title { font-size: 28px; line-height: 1.1; font-weight: 500; margin-bottom: 0!important; } [data-page="labour-day-sale"] .globo-form-app .globo-form-control .heading-caption { font-size: 18px; line-height: 1.15; } [data-page="labour-day-sale"] .globo-form-app .description { display: none; } [data-page="labour-day-sale"] .globo-form-app .wizard__steps { display: none; } [data-page="labour-day-sale"] .globo-form-app .panel { padding-top: 0; } [data-page="labour-day-sale"] .globo-form-app .globo-formbuilder-wizard { /* flex: 1; */ display: flex; flex-direction: column; } [data-page="labour-day-sale"] .globo-form-app .globo-formbuilder-wizard .wizard__content { flex: 1; display: flex; flex-direction: column; } [data-page="labour-day-sale"] .globo-form-app .gfb__footer { margin-top: auto; } [data-page="labour-day-sale"] .globo-form-app .gfb__footer .classic-button { border: unset; background-color: unset; color: #3F68E0; font-weight: 500; font-size: 16px; box-shadow: unset; } [data-page="labour-day-sale"] .globo-form-app .glb-form-load-images .globo-form-input .gfb__dropzone { min-height: unset; padding: 6px; } [data-page="labour-day-sale"] .globo-form-app .glb-form-load-images .globo-form-input .gfb__dropzone--placeholder { gap: 4px; } [data-page="labour-day-sale"] .globo-form-app .glb-form-load-images .gfb__dropzone--preview--list { display: flex; flex-wrap: wrap; } [data-page="labour-day-sale"] .globo-form-app a { color: rgba(48, 125, 209, 1); } @media (max-width: 1224px) { [data-page="labour-day-sale"] .globo-app-extension { padding-left: 24px; padding-right: 24px; } } @media (max-width: 1023px) { [data-page="labour-day-sale"] .globo-form-app.boxed-layout .g-container { padding-top: 20px; padding-right: 17.5px; padding-bottom: 18px; padding-left: 17.5px; } } @media (max-width: 768px) { [data-page="labour-day-sale"] .globo-form-app { min-height: unset; margin-top: 40px; margin-bottom: 40px; } [data-page="labour-day-sale"] .globo-form-app.boxed-layout .g-container { padding-top: 20px; padding-right: 17.5px; padding-bottom: 18px; padding-left: 17.5px; } [data-page="labour-day-sale"] .globo-form-app.boxed-layout .g-container { padding-top: 20px; } [data-page="labour-day-sale"] .globo-form-app.gfb-form-with-image-left { flex-direction: column; } [data-page="labour-day-sale"] .globo-form-app .gfb-with-image { display: block; } [data-page="labour-day-sale"] .globo-form-app .header .title { text-align: center; font-size: 20px; } [data-page="labour-day-sale"] .globo-form-app [data-element-id="group-1"] .globo-form-control { margin-bottom: 20px; } [data-page="labour-day-sale"] .globo-form-app [data-element-id="group-1"] .globo-form-control .heading-caption { text-align: center; font-size: 14px; } [data-page="labour-day-sale"] .globo-form-app .gfb__footer { display: flex; justify-content: space-between; } [data-page="labour-day-sale"] .globo-form-app .gfb__footer .classic-button { justify-self: flex-end; } } .featured_collection_cart_page .product-card .product-item--info .discount-label{ margin-top: 5px; } /* User icon popup */ .user-popup-wrap{ position: ABSOLUTE; top: 100%; width: 248px; right: -46px; text-align: left; background: url(user-popup-bg.png) no-repeat; background-size: 100%; border-bottom: 1px solid #D9D9D9; border-radius: 4px; } .user-popup-inner{ padding: 30px 20px 20px; } .user-popup-inner *{ font-family: "Helvetica Neue ForEco"; } .user-popup-close{ position: absolute; right: 10px; top: 20px; cursor: pointer; } .user-popup-close svg{ display: block; } .user-popup-content .title{ font-size: 14px; font-weight: 500; line-height: 1.2; color: #000; margin-bottom: 12px; } .user-popup-desc li{ padding-left: 20px; background: url(check.svg) no-repeat left center; font-size: 12px; color: #000; margin-bottom: 8px; } .user-popup-btn{ font-size: 14px; font-weight: 500; border-radius: 2px; width: 100%; justify-content: center; padding: 10px; line-height: 1; margin-top: 2px; margin-bottom: 14px; } .user-popup-content p{ font-size: 12px; color: #707070; text-align: center; } .user-popup-content p a{ color: #000; } .user_popup_bar .user-popup-inner{ padding: 12px 0; display: flex; align-items: center; justify-content: space-between; gap: 15px; } .user_popup_bar .user-popup-desc li{ background: unset; padding: 0; } .user_popup_bar .user-popup-btn{ min-width: 90px; padding: 10px 20px; width: auto; white-space: nowrap; font-size: 12px; margin-bottom: 0; margin-top: 0; } .user_popup_bar .user-popup-content p{ text-align: left; } .user_popup_bar_wrap{ background-color: #fff; } @media screen and (min-width: 750px){ .hide-in-Desktop{ display: none; } } @media screen and (max-width: 749px){ .hide-in-Mobile{ display: none; } } /* pdp-unlimited-section.liquid */ .pdp-unlimited .tag { margin-bottom: 8px; font-size: 16px; font-weight: 500; line-height: 1.2; } .pdp-unlimited .pdp-section-header { max-width: 800px; margin-left: auto; margin-right: auto; } .pdp-unlimited .pdp-section-header.alignment--left { margin-left: 0; } .pdp-unlimited .pdp-section-header.bottom { margin-top: 20px; } .pdp-unlimited .pdp-video-container .pdp-section-header.bottom .content { margin-bottom: 0; } @media screen and (max-width: 749px){ .pdp-unlimited .tag { font-size: 14px; } .pdp-unlimited .pdp-section-header.bottom, .pdp-video-container .video-container .pdp-section-header.bottom a.pdp-button { margin-top: 16px; } } .sticky-announcement-bar{ position: sticky; top: 0; z-index: 9999999; } /** InsCoder WANG.J 2025-01-10 B **/ .button-tabs--row{ display: flex; justify-content: center; gap: 25px; } .button-tabs--row div{ flex: 0 1 auto; width: 360px; } .button-tabs--row .btn{ width: 100%; justify-content: center; font-size: 20px; font-weight: 700; padding: 9px; background-color: var(--btn-bg-color); color: var(--btn-text-color); border: 1px solid var(--btn-border-color); } .button-tabs--row .btn.active{ background-color: var(--btn-active-bg-color); color: var(--btn-active-color); border-color: var(--btn-active-border-color); cursor: default; } @media screen and (max-width: 749px){ .button-tabs--row{ gap: 12px; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; } .button-tabs--row::-webkit-scrollbar{ display: none; } .button-tabs--row .btn{ min-width: 170px; font-size: 14px; } } @media screen and (max-width: 749px){ .template--25-back-to-school .bf-custom-popup-section .prime-day-container .prime-day-block:nth-child(1), .template--25-back-to-school .bf-custom-popup-section .prime-day-container .prime-day-block:nth-child(2){ min-width: 50%; } .template--25-back-to-school .bf-custom-popup-section .prime-day-block-image img{ margin-top: -10px; } } /** InsCoder WANG.J 2025-01-10 E **/ /* 0007需求 From Popup */ .yg-form-popup .form_popup_link { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; border-radius: 12px; background: #2164FF; color: #fff; font-size: 16px; font-weight: 600; cursor: pointer; text-decoration: none; transition: opacity 0.3s ease-in-out; } .yg-form-popup .form_popup_link:hover { opacity: 0.75; } .yg-form-popup-dialog { --color-body: #fff; } .yg-form-popup-dialog .globo-form-app { --gfb-form-padding: 0 } .yg-form-popup-dialog .globo-form-control label.globo-label { --gfb-color-textColor: #808C9D; --gfb-font-weight: 600; --gfb-form-default-font-size: 16px; } .yg-form-popup-dialog .globo-form-control label .text-danger { --gfb-color-textColor: red; } .yg-form-popup-dialog .globo-form-control[data-type=select] .nice-select, .yg-form-popup-dialog .globo-form-control[data-type=country] .nice-select, .yg-form-popup-dialog .globo-form-control input, .yg-form-popup-dialog .globo-form-control textarea, .yg-form-popup-dialog .globo-form-control select { background: transparent; border: 1px solid #808C9D; border-radius: 4px; } .yg-form-popup-dialog .globo-form-app .gfb__footer button { font-size: 16px; font-weight: 600; padding: 12px 24px; border-radius: 4px; } /* 0007需求 From Popup */ .template-index .header-container, .item-has-sub-menu .header-container{ max-width: 1680px; margin: 0 auto; padding: 0px 120px; } .item-has-sub-menu .header-container{ padding: 0 35px; } .item-has-sub-menu .mega-menu__inner .close-mega-menu{ right: 85px; } @media (max-width: 1023px){ .template-index .header-container{ padding: 0px 48px; } } @media (max-width: 767px){ .template-index .header-container{ padding: 0px 16px; } } .custom_menu_tab_content_inner.align-start{ align-items: flex-start; } .custom_menu_tab_content_inner .left_product_block{ width: 330px; margin-right: 10px; margin-bottom: 10px; } .custom_menu_tab_content_inner .right_product_block{ flex: 1; display: flex; flex-wrap: wrap; } .custom_menu_tab_content_inner .right_product_block .swiper-slide { flex: 0 0 calc(33.33% - 10px); max-width: unset; } .custom_menu_tab_content_inner .left_product_block .custom_menu_product .image{ width: 250px; height: 250px; } .custom_menu_tab_content_inner .left_product_block .swiper-slide { max-width: 100%; height: 100% !important; margin-bottom: 0; } .left_product_block .custom_menu_product .title{ font-size: 20px; } .left_product_block .custom_menu_product .small-desc{ font-size: 16px; max-width: 100%; } .mega-menu-swiper-products + .tab_row{ padding-top: 24px; } .custom_menu_block_content .bottom_row{ padding-top: 24px; margin-top: 14px; border-top: 1px solid #d9d9d9; display: flex; gap: 32px; } .custom_menu_tab_content_inner .swiper-slide.last_product_block a{ display: flex; flex-direction: column; align-items: CENTER; justify-content: center; padding: 12px 0; height: 100%; } .custom_menu_tab_content_inner .swiper-slide.last_product_block img, .mega_menu_image_box.last_image_box img{ width: 40px; height: auto; margin-bottom: 24px; position: relative; } .custom_menu_tab_content_inner .swiper-slide.last_product_block .text, .mega_menu_image_box.last_image_box .text{ color: #696C71; } .custom_menu_tab_content_inner .left_product_block .product_content{ margin-top: 20px; } .mega_menu_image_box_inner{ position: relative; height: 175px; overflow: hidden; border-radius: 4px; } .mega_menu_image_box_inner img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .mega_menu_image_box.last_image_box .mega_menu_image_box_inner{ background: #f4f4f4; border-radius: 6px; } .mega_menu_image_box.last_image_box .mega_menu_image_box_inner a{ display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; } .tab_row.add-padding{ padding-top: 34px; } @media screen and (min-width: 1025px) and (max-width: 1439px){ .custom_menu_tab_content_inner .left_product_block{ width: calc(33% - 10px); } } @media only screen and (max-width: 1024px) { .mobile-nav__dropdown .mobile-nav-product-row .mobile-menu-products-container .custom_menu_product:first-child{ padding: 12px; border-radius: 6px; background: #FFF; } .mobile-nav__dropdown .mobile-nav-product-row .mobile-menu-products-container .custom_menu_product:first-child .image{ width: 120px; height: 120px; padding: 0; } .mobile-nav__dropdown .bottom_row{ padding: 16px 0; border-top: 1px solid #d9d9d9; margin: 0 var(--item-right-padding) 0 var(--item-left-padding); display: flex; gap: 24px; flex-wrap: wrap; } .mobile-nav__dropdown .bottom_row svg{ vertical-align: middle; } .last_product_block_link{ margin: 0 var(--item-right-padding) 0 var(--item-left-padding); padding-bottom: 16px; margin-bottom: 0; /*border-bottom: 1px solid #d9d9d9;*/ } .last_image_box{ margin-left: var(--item-left-padding); padding-top: 30px; padding-bottom: 16px; margin-right: 24px; border-bottom: 1px solid #d9d9d9; } .mobile-image-link-block .bottom_row{ padding-top: 34px; } } .affirm-message-item { display: none!important; }