/* Landing */ .landing-page #top-bar { display: none !important; } .landing-page .header-nav-main > li:not(.menu-landing):not(.cart-item) { display: none; } .landing-page .nav>li.hidden { display: initial !important; visibility: visible !important; } .menu-btn-primary .nav-top-link { background-color: var(--fs-color-primary); border-color: rgba(0,0,0,.05); box-sizing: border-box; border-radius: 1.25rem; color: #fff !important; min-height: 2.5em; max-width: 100%; padding: 0px 16px; text-transform: none !important; vertical-align: middle; } .menu-btn-primary .nav-top-link:hover { color: #fff; box-shadow: inset 0 0 0 100px rgba(0,0,0,.2); } @media screen and (min-width: 1445px) and (max-width: 1600px) { .ban1.land:before { left: auto !important; right: 66%; } } @media screen and (min-width: 768px) and (max-width: 1444px) { .ban1.land:before { left: auto !important; right: 71%; } } @media screen and (min-width: 550px) and (max-width: 1510px) { .ban1.land .ban1__img { padding-left: 2%; } } @media screen and (max-width: 849px) { .landing-page .header-inner .logo+.flex-col { display: none; } .landing-page .header-inner .logo { margin-left: 0; max-width: 79px; } .landing-page .header-inner .header-button-1 { display: none; } .landing-page .header-inner .header-button-1.visible { display: block; } .landing-page .header-inner .header-button-1 a { font-size: 12px; white-space: nowrap; text-transform: none; } } .sec-right-cap .img-inner { max-width: 300px; } .sec-right-cap .img { margin-bottom: 0 !important; } .landing-page .whth .title h2 { font-family: "PT Sans Narrow", sans-serif; font-size: 2rem; } .icon-content .img-inner { height: 56px; text-align: center; } .icon-content .img-inner img { max-width: 100%; max-height: 100%; width: auto; display: inline-block; } .icon-content .col-inner > p { max-width: 312px; margin-left: auto; margin-right: auto; } /*why kie icon-content Mobile*/ .icon-content-mob .slider-wrapper .flickity-prev-next-button { display: block; } .icon-content-mob .flickity-prev-next-button.previous { left: 2%; } .icon-content-mob .flickity-prev-next-button.next { right: 2%; } .icon-content-mob .img-inner { height: 56px; text-align: center; } .icon-content-mob .img-inner img { max-width: 100%; max-height: 100%; width: auto; display: inline-block; } .icon-content-mob .col-inner .text > h2 { font-size: 1.5rem; line-height: 2rem; } .sec-3c-icons .box-text { font-size: 0.875rem; line-height: 1.5rem; } .sec-3c-icons .box-text h2 { margin-bottom: 8px;} .sec-3c-icons .box-text-inner { max-width: 360px; } @media screen and (max-width: 550px) { .sec-3c-icons .slider-wrapper .flickity-prev-next-button { display: block; } .sec-3c-icons .flickity-prev-next-button.previous { left: 2%; } .sec-3c-icons .flickity-prev-next-button.next { right: 2%; } .sec-3c-icons .img-inner { height: 140px; width: 140px; } .sec-3c-icons .img-inner img { max-width: 100%; max-height: 100%; width: auto; } .sec-3c-icons .col-inner .text > p { max-width: 290px; margin-left: auto; margin-right: auto; } .sec-3c-icons .text.show-for-small h2 { font-size: 2rem; margin-bottom: 24px; } .sec-3c-icons .col-inner .text > h2 { font-size: 1.5rem; line-height: 2rem; margin-bottom: 8px; } } .sec-3box-prods .img-inner { display: flex; align-items: center; justify-content: center; height: 290px; } .sec-3box-prods .img-inner img { height: auto; max-width: 96%; max-height: 86%; width: auto; } .sec-3box-prods .text .pprice { font-weight: bold; line-height: 1.06rem; letter-spacing: -0.1px; margin-bottom: 1rem; } .sec-3box-prods .pprice del { color: #A4A4A4; } .sec-3box-prods .button.primary { margin-bottom: 0; font-size: 1rem; } @media screen and (min-width: 550px) { .sec-3box-prods .text p { font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 8px; } .sec-3box-prods h2 { font-size: 2rem; } } @media screen and (max-width: 549px) { .sec-3box-prods .slider-wrapper .flickity-prev-next-button { display: block; } .sec-3box-prods .flickity-prev-next-button.previous { left: -30px; } .sec-3box-prods .flickity-prev-next-button.next { right: -30px; } .sec-3box-prods .section-content { padding-left: 42.5px; padding-right: 42.5px; } .sec-3box-prods .sec-3box-prods__slider .row > .col:nth-child(1){ padding-right: 8px !important; } .sec-3box-prods .sec-3box-prods__slider .img { margin-bottom: 0 !important; } .sec-3box-prods .sec-3box-prods__slider .img .img-inner { max-height: 122px; margin-bottom: 6px; } .sec-3box-prods .sec-3box-prods__slider .col { min-height: 259px; } .sec-3box-prods h2 { font-size: 1.5rem; } .sec-3box-prods .sec-3box-prods__slider .col-inner .text p{ max-width: 113px; margin-bottom: 4px; margin-left: auto; margin-right: auto; } .sec-3box-prods .sec-3box-prods__slider .col-inner .text .pprice { margin-bottom: 8px; } .sec-3box-prods .text.text--mt-sm { margin-top: 23px; } .sec-3box-prods .sec-3box-prods__slider .col-inner .button { font-size: 0.75rem; } .sec-3box-prods .sec-3box-prods__slider .col-inner .button.expand { margin: 0 5px !important; width: calc(100% - 10px) !important; } } .sec-cnt-bg { background-image: url('https://kiierr.com/wp-content/uploads/2024/09/hair-regrowth-bg-min.png'); background-size: cover; background-position: right bottom; background-repeat: no-repeat; } .sec-cnt-bg .col { padding-bottom: 0; } .sec-cnt-bg h2 { margin-bottom: 8px; } .sec-cnt-bg p { font-weight: 500; } .sec-cnt-bg .text { margin-bottom: -26px; } @media screen and (min-width: 1024px) { .sec-cnt-bg .large-6 { max-width: 688px; flex-basis: unset; } } @media screen and (max-width: 1150px) { .sec-cnt-bg { background-position: 70% bottom; } } @media screen and (max-width: 550px) { .sec-cnt-bg { background: linear-gradient(0deg, #DDE0E0, #DDE0E0), linear-gradient(358.88deg, rgba(236, 238, 239, 0) 48.86%, #ECEEEF 52.73%); padding-bottom: 0 !important; } .sec-cnt-bg .text h2 { font-size: 1.125rem; } .sec-cnt-bg .text p { max-width: 302px; margin-left: auto; margin-right: auto; margin-bottom: 25px; } .sec-cnt-bg::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; z-index: 1; background: linear-gradient(358.88deg, rgba(236, 238, 239, 0) 48.86%, #ECEEEF 52.73%); } .sec-cnt-bg::after { content: ''; width: 100%; height: 260px; position: absolute; bottom: 0; z-index: 0; background-image: url('https://kiierr.com/wp-content/uploads/2024/09/hair-regrowth-bg-min.png'); background-size: cover; background-position: 85% bottom; background-repeat: no-repeat; } } .compare-tbl-wrap { max-width: 1145px; margin: 0 auto; padding: 0 20px; } .compare-tbl { border-collapse: collapse; font-size: 18px; line-height: 24px; margin-bottom: 0; overflow: hidden; table-layout: fixed; width: 100%; } .compare__heading-td { width: 38%; } .compare-tbl td, .compare-tbl th { color: #3A3A3A; padding: 14px 10px; } .compare-tbl th { font-size: 24px; line-height: 32px; text-transform: none; } .compare-tbl td { font-weight: 600; font-size: 1.125rem; line-height: 1.5rem; } .compare-tbl thead th { border-bottom: 0 none; } .compare-tbl tbody th:not(:first-child) { padding-left: 62px; } .compare-tbl .compare__icon { display: block; padding-left: 35px; } .compare-tbl p { display: block; font-size: 1rem; position: relative; margin-left: 22%; padding-left: 38px; height: 24px; white-space: nowrap; } .compare__icon { background-image: url(https://kiierr.com/wp-content/uploads/2024/09/icon-check-ok.svg); background-position: center; background-repeat: no-repeat; display: inline-block; position: absolute; left: 0; height: 24px; width: 24px; } .compare__icon.compare__icon--none { background-image: url(https://kiierr.com/wp-content/uploads/2024/09/icon-check-none.svg); } .compare-item > img { height: auto; max-height: 136px; max-width: 98%; display: block; } @media screen and (max-width: 850px) { .compare-tbl p { margin-left: 0; padding-left: 0; text-align: center; white-space: wrap; height: auto; } .compare-tbl .compare__icon { position: relative; margin-left: auto; margin-right: auto; margin-bottom: 4px; } .compare-tbl tbody th:not(:first-child) { text-align: center; padding-left: 0; padding-right: 0; } } @media screen and (max-width: 550px) { .sec-usvsthem h2 { font-size: 2rem; } .compare-tbl-wrap { padding: 0 8.5px } .compare-tbl thead tr th { padding: 0; } .compare-tbl thead tr th:nth-child(3) { width: 38%; } .compare__heading-td { width: 30%; } .compare-tbl th { font-size: 16px; line-height: 24px; padding-top: 0; padding-bottom: 14px; } .compare-tbl td { font-size: 14px; line-height: 20px; padding: 21px 0; } .compare-tbl p { font-size: 14px; line-height: 20px; } .compare-tbl tbody tr:nth-child(5) td:not(:nth-child(1)), .compare-tbl tbody tr:nth-child(7) td:not(:nth-child(1)), .compare-tbl tbody tr:nth-child(9) td:not(:nth-child(1)){ padding: 5px 0; vertical-align: top; } .compare-tbl tbody tr td:nth-child(2) p { max-width: 100px; margin-left: auto; margin-right: auto; } .compare-tbl tbody tr td:nth-child(3) p { max-width: 60px; margin-left: auto; margin-right: auto; } .compare-tbl .compare__icon { background-size: 16px; height: 16px; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 4px; } .compare-tbl .compare-item img { margin-left: auto; margin-right: auto; max-width: 90px; } } .helped-customers .section-content > .row .col { padding-bottom: 0; } .helped-customers .slider-col-left { padding: 0 8px 0 0; } .helped-customers .slider-col-middle { padding: 0 8px; } .helped-customers .slider-col-right { padding: 0 0 0 8px; } .helped-customers h2 { font-size: 2.125rem; margin-bottom: 48px; } .helped-customers .buyer p { display: inline-block; } .helped-customers .buyer .buyer__verified{ color: #1E9700; position: relative; padding-left: 25px; margin-left: 8px; font-size: 0.875rem; } .helped-customers .col-inner p { line-height: 1.5rem; margin-bottom: 0; } .helped-customers .col-inner p strong { font-size: 0.875rem; } .helped-customers .check-icon { background-image: url('https://kiierr.com/wp-content/uploads/2024/09/icon-check-ok.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; position: absolute; left: 0; height: 18px; width: 18px; margin-top: 2px; } .helped-customers .flickity-prev-next-button.previous { left: 0%; } .helped-customers .flickity-prev-next-button.next { right: 0%; } @media screen and (max-width: 1440px) { .helped-customers .flickity-prev-next-button.previous { left: 50px; } .helped-customers .flickity-prev-next-button.next { right: 50px; } .helped-customers .flickity-slider > .row { padding-left: 5%; padding-right: 5%; } } @media screen and (max-width: 1425px) { .helped-customers .flickity-prev-next-button.previous { left: -50px; } .helped-customers .flickity-prev-next-button.next { right: -50px; } } @media screen and (max-width: 550px) { .helped-customers .flickity-slider > .row .col, .helped-customers .section-content > .row .col { padding-bottom: 0; } .helped-customers .flickity-prev-next-button.previous { left: -35px; } .helped-customers .flickity-prev-next-button.next { right: -35px; } .helped-customers .flickity-slider > .row .col { padding: 0; } .helped-customers .slider-wrapper .flickity-prev-next-button { display: block; } .helped-customers h2 { font-size: 1.5rem; max-width: 260px; margin-left: auto; margin-right: auto; margin-bottom: 24px; } } .read-more { position: relative; height: 190px; overflow: hidden; } .read-more.active { height: auto; padding-bottom: 25px; } .read-more__toggle { position: absolute; bottom: -2px; right: 0; background-color: #fff; font-weight: 500; } .read-more.active .read-more__toggle { bottom: 0; } .read-more__toggle::after { content: ''; display: inline-block; margin-left: 12px; width: 100%; height: 1px; background: rgb(58, 58, 58); position: absolute; left: 0; bottom: 5px; } .read-more.active .read-more__toggle::after { margin-left: 0; } .landing-page button.flickity-button svg.flickity-button-icon { display: none; } .landing-page button.flickity-button.flickity-prev-next-button:after { content: ''; display: inline-block; width: 16px; height: 28px; background-image: url('https://kiierr.com/wp-content/uploads/2024/09/arrow-right.svg'); background-size: contain; background-repeat: no-repeat; } .landing-page button.flickity-button.flickity-prev-next-button.previous:after { transform: rotate(180deg); } @media screen and (min-width: 850px) { .text.text--mb-md { margin-bottom: 35px; } } .hair-care-sys .col { padding-bottom: 0; } .hair-care-sys .col-inner h2 { font-size: 1.125rem; font-weight: 600; line-height: 1.5rem; font-family: Montserrat, sans-serif; } .hair-care-sys .col-inner h2 strong { font-weight: 800; } .hair-care-sys .col-inner h3 { font-size: 1rem; font-weight: 700; line-height: 1.5rem; font-family: Montserrat, sans-serif; } .hair-care-sys .col-inner .desc { margin-bottom: 16px; max-width: 500px; font-weight: 500; line-height: 1.5rem; } .hair-care-sys .col.img-bg { background-image: url('https://kiierr.com/wp-content/uploads/2024/09/ellipse-complete-hair-care.png'); background-size: cover; background-position: calc(100% - 40px) center; background-repeat: no-repeat; overflow: visible; align-self: stretch; } .hair-care-sys .col.img-bg .col-inner { height: 100%; display: flex; align-items: center; } .hair-care-sys .img-inner { max-width: 271px; } .hair-care-sys .card-boxg >.col-inner { display: inline-block; width: auto; } .hair-care-sys .card-boxg p { margin-bottom: 8px; line-height: 1.5rem; font-weight: 700; font-size: 1rem; } .hair-care-sys .card-boxg ul { font-size: 0.875rem; list-style: none; margin-bottom: 0; } .hair-care-sys .card-boxg ul li::before { content: url('https://kiierr.com/wp-content/uploads/2024/09/icon-check-fill.svg'); display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: 5px; } .hair-care-sys .card-boxg ul li { margin-left: 0; margin-bottom: 0.5rem; font-weight: 700; } .hair-care-sys .card-boxg ul li:last-child { margin-bottom: 0; } .hair-care-sys a.button.primary.is-outline { margin: 0; width: 389px; border: 1px solid; } @media screen and (max-width: 550px) { .hair-care-sys .col.img-bg .img-inner { margin-right: auto; } .hair-care-sys .col.img-bg { background-image: url('https://kiierr.com/wp-content/uploads/2024/09/ellipse-complete-hair-care-mob.png'); background-position: bottom; padding-bottom: 5px; padding-top: 27px; } .hair-care-sys .content p, .hair-care-sys .content h2, .hair-care-sys .content h3 { text-align: center; margin-left: auto; margin-right: auto; } .hair-care-sys .content p { max-width: 320px; } .hair-care-sys .col-inner h2, .hair-care-sys .col-inner h3 { max-width: 310px; } .hair-care-sys .card-boxg p { font-size: 1rem; } .hair-care-sys .card-boxg { max-width: 333px; } .hair-care-sys .card-boxg ul { font-size: 0.75rem; } } .sec-offer-pdp h2 { margin-bottom: 0; } .pdp-offer-block { padding-bottom: 16px; } .pdp-offer-block h2, .pdp-offer-block p { font-size: 1rem; line-height: 1.25rem; color: #3A3A3A; } .pdp-offer-block .pdp-offer__cta del { opacity: 0.9; } .pdp-offer__title { margin-bottom: 8px; } .pdp-offer__desc { margin-bottom: 32px; } .pdp-offer__desc a { text-decoration: underline; } .pdp-offer__badge { display: inline-block; background-color: #272727; padding: 8px 16px; border-radius: 4px; font-weight: 600; line-height: 1.125rem; color: #ffffff; font-size: 0.875rem; } .variants-pdp { display: flex; gap: 16px; max-width: 602px; } .variants-pdp__item { border: 1px solid #DFE3E7; border-radius: 8px; cursor: pointer; margin-bottom: 8px; padding: 15px 8px; padding-left: 32px; flex-grow: 2; position: relative; } .variants-pdp__item:before { border: 1px solid #3A3A3A; border-radius: 50%; display: block; content: ''; height: 12px; width: 12px; position: absolute; left: 9px; top: 30px; } .variants-pdp__item p { margin-bottom: 0; } .variants-pdp__item span { display: block; } .variants-pdp__item.is-active { background-color: #F5F5F5; border: 1px solid #3A3A3A; } .variants-pdp__item.is-active::after { border-radius: 50%; display: block; content: ''; height: 8px; width: 8px; position: absolute; left: 11px; top: 32px; background: #EE3B26; } .pdp-offer-icons-block .col-inner { display: flex; align-items: center; } .pdp-offer-icons-block .col-inner p{ font-weight:600; } .pdp-offer-icons-block .img { width: auto !important; margin-right: 8px; } .pdp-offer-icons-block .img-inner { width: 32px !important; height: 32px; } .shipping-deadline { color: #3A3A3A; ;font-weight:600; } .shipping-deadline:after { content: ''; display: inline-table; clear: both; } .shipping-deadline strong, .shipping-deadline b { color: #189568; } .shipping-deadline a { text-decoration: underline; text-underline-offset: 3px; } .sec-offer-pdp__details p { font-weight:500; } .sec-offer-pdp__details .rating-stars { margin: 0 8px 2px; } .sec-offer-pdp__details .col-inner { max-width: 602px; margin-left: auto !important; margin-right: auto !important; } .sec-offer-pdp .timeb svg { margin-left: 0; } @media screen and (max-width: 992px) { .variants-pdp { flex-wrap: wrap; gap: 8px; margin-bottom: 16px; } .pdp-offer-block .variants-pdp__item { flex-grow: 0; width: calc(50% - 4px); margin-bottom: 0; } } @media screen and (max-width: 550px) { .sec-offer-pdp .col { padding-bottom: 16px; } .pdp-offer-block { padding-bottom: 8px; } .pdp-offer-block .variants-pdp__item p { font-size: 0.75rem; } .pdp-offer-block p { font-size: 0.875rem; line-height: 1.25rem; color: #3A3A3A; } .pdp-offer-block .pdp-offer__desc { font-size: 0.75rem; margin-bottom: 8px; } .pdp-offer-icons-block .col { padding-bottom: 0px; } .pdp-offer-icons-block .text p { margin-bottom: 0px; } .pdp-offer-icons-block .img { margin-bottom: 0px !important; } .pdp-offer__cta button { margin-bottom: 8px; } .shipping-deadline { font-size: 0.75rem; letter-spacing: -0.015em; } .shipping-deadline svg { width: 22px; height: 22px; margin-bottom: 3px; } .sec-offer-pdp__details .text h2+p { margin-bottom: 0; } .sec-offer-pdp__details .text.show-for-small { max-width: 276px } .sec-offer-pdp__details { padding-left: 4px !important; padding-right: 4px !important; } } .custom-thumb-slider .slick-prev { z-index: 1; left: 20px; } .custom-thumb-slider .slick-next { z-index: 1; right: 40px } .custom-thumb-slider button.slick-prev.slick-arrow::before, .custom-thumb-slider button.slick-next.slick-arrow::before { content: ''; display: inline-block; width: 40px; height: 40px; background-color: #F02A2A; border-radius: 50%; background-image: url(https://kiierr.com/wp-content/uploads/2024/09/arrow-right-white.svg); background-repeat: no-repeat; background-position: center; } .custom-thumb-slider button.slick-prev.slick-arrow::before { transform: rotate(180deg); } .custom-thumb-slider .slick-slide > div { width: 100%; } .custom-thumb-slider .slick-dotted.slick-slider{ margin-bottom: 24px; } .custom-thumb-slider .custom-thumb-slider__nav .slick-track { display: flex; } .custom-thumb-slider .custom-thumb-slider__nav .slick-slide { width: auto !important; margin-right: 24px; } .custom-thumb-slider .custom-thumb-slider__nav .slick-slide > div { max-width: 96px; max-height: 96px; cursor: pointer; } .custom-thumb-slider .custom-thumb-slider__nav img { width: 100%; height: 100%; height: auto; } .custom-thumb-slider .custom-thumb-slider__nav .slick-prev:before, .custom-thumb-slider .custom-thumb-slider__nav .slick-next:before { color: black; } .custom-thumb-slider .custom-thumb-slider__nav .slick-current img { border: 2px solid #272727; border-radius: 15px; } .custom-thumb-slider .custom-thumb-slider__nav .slick-list.draggable .slick-track { transform: translate3d(0px, 0px, 0px) !important; } .sec-offer-pdp .section-content{ padding-left: 5%; padding-right: 5%; } @media screen and (max-width: 550px) { .custom-thumb-slider .slick-prev { left: 4px; } .custom-thumb-slider .slick-next { right: 8px; } .custom-thumb-slider button.slick-prev.slick-arrow::before, .custom-thumb-slider button.slick-next.slick-arrow::before { width: 24px; height: 24px; background-size: 6px; } .custom-thumb-slider .custom-thumb-slider__nav .slick-slide { margin-right: 16px; } .custom-thumb-slider .custom-thumb-slider__nav .slick-slide > div{ max-width: 64px; max-height: 64px; } .custom-thumb-slider .custom-thumb-slider__nav .slick-current img { border-radius: 7px; } } /* END Landing */ /** KIE Global fixes */ .single-product .woocommerce-product-gallery .flex-control-nav { margin-top: 10px; } @media screen and (min-width: 993px) { .plp-affix #top-header.sticky + header#main-header { padding-bottom: 0; } } @media screen and (max-width: 980px) { .et_fixed_nav_temp #main-header, .et_non_fixed_nav.et_transparent_nav_temp #main-header, .et_secondary_nav_only_menu #main-header { /** position: fixed !important; */ } .et_fixed_nav_temp.plp-affix #main-header, .et_non_fixed_nav.et_transparent_nav_temp.plp-affix #main-header, .et_secondary_nav_only_menu.plp-affix #main-header, .plp-affix #top-header.sticky + header#main-header { top: 0 !important; margin-top: 0 !important; } } /** END KIE Global fixes */ .page-id-37838.woocommerce ul.products li.product .button.zp-view-product-btn--autoship { padding-left: 34px; text-transform: uppercase !important; } .page-id-37838.woocommerce ul.products li.product .button.zp-view-product-btn--autoship::before { content: '' !important; display: block; width: 24px; height: 24px; background: url(https://kiierr.com/wp-content/uploads/2024/01/ic-autoship.svg) scroll 0 0 no-repeat; background-size: 100% 100%; opacity: 1; position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); left: 7px; margin-left: 0; } /** KIE side cart **/ .kisc-cart-active { overflow: hidden!important; } /* Custom popup */ .kisc-wrap { opacity: 0; pointer-events: none; transition: all 0.25s; } .kisc-wrap.active { opacity: 1; pointer-events: all; } .kisc-wrap.active .kisc-modal { transform: none; } /* .kisc-wrap * { font-family: Helvetica, Arial, sans-serif; }*/ /* scrollbars */ .kisc-wrap *::-webkit-scrollbar { width: 8px; } .kisc-wrap *::-webkit-scrollbar-track { border-radius: 10px; background: #f0f0f0; } .kisc-wrap *::-webkit-scrollbar-thumb { border-radius: 50px; background: #d1d1d1 } .kisc-modal { background-color: #fff; bottom: 0; display: flex; flex-direction: column; max-width: 400px; position: fixed; width: 100%; transition: 0.5s ease-out; transform: translateX(100%); right: 0; top: 0; z-index: 2599999999; } .kisc-modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: 150000; opacity: 0; height: 0; transition: height 0s 0.4s, opacity 0.4s 0s; opacity: 0.4; height: 100%; transition: height 0s 0s, opacity 0.4s; } .kisc-modal:before { background-color: rgba(0,0,0,0.35); content: ''; display: none; transition-duration: 0.25s; position: absolute; bottom: 0; left: 0; top: 0; right: 0; } .kisc-modal:after { animation: spin 1s ease-in-out infinite; background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/loader.svg) scroll 0 0 no-repeat; background-size: 100% auto; content: ''; display: none; left: 50%; height: 32px; width: 32px; top: 46%; position: absolute; transform: translate(-50%, -50%); z-index: 25; } .kisc-modal.modal--loading:before, .kisc-modal.modal--loading:after { display: block; z-index: 20; } .kisc-header-top { background-color: #2559A9; color: #fff; padding: 19px 12px; position: relative; } .kisc-modal__header .kisc-modal__close { cursor: pointer; right: 20px; position: absolute; transform: translateY(-50%); top: 50%; } .kisc-modal__header .kisc-modal__close:before { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-close.svg) scroll 0 0 no-repeat; background-size: 100% auto; content: ''; display: block; height: 14px; width: 14px; } .kisc-modal__header h3 { color: #fff; font-size: 16px; font-weight: bold; line-height: 1.15em; margin-bottom: 0; padding: 0; } span.xoo-wsc-pname, span.xoo-wsc-pname a { color: #2559A9; font-size: 16px; font-weight: 700; line-height: 1.5em; } .kisc-modal__body { flex-grow: 1; overflow: auto; } .xoo-wsc-qty-price, .xoo-wsc-qty-price span { color: #E57334; font-size: 16px; line-height: 1.15em; } .kisc-modal__footer { background: #2559A9; box-shadow: none; color: #fff; padding: 16px 25px 16px; } .kisc-subtotal { display: flex; justify-content: space-between; font-size: 20px; font-weight: bold; line-height: 1.15em; margin-bottom: 8px; } .kisc-footer-content p { font-size: 12px; line-height: 1.15em; margin-bottom: 10px; text-align: center; } .woocommerce-page .kisc-modal a.button:after { top: 49%; transform: translateY(-50%); } .woocommerce-page .kisc-modal a.button:hover:after { top: 60%; } .woocommerce-page.et_pb_button_helper_class .kisc-footer__buttons a.button { background-color: #D67944 !important; display: block; font-size: 14px !important; padding: .645em 1em; line-height: 1.28571em !important; text-align: center; } .woocommerce-page.et_pb_button_helper_class .kisc-footer__buttons a.button:last-child { margin-bottom: 0; } .kisc-after_footer { background-color: #ECF6FC; color: #2559A9; padding: 8px 10px; } .kisc-after_footer p { font-size: 12.8px; font-weight: 700; line-height: 1.15em; letter-spacing: 0.2em; margin: 0; text-transform: uppercase; text-align: center; } .single-product.woocommerce a.added_to_cart { display: none; } /* Enhance results */ .cart-enhance-results { padding: 10px 16px; } .cart-enhance-results h5 { color: #2559A9; font-size: 16px; font-weight: bold; line-height: 1.15em; margin-bottom: 8px; padding: 0; text-align: center; } .cart-product { background-color: #ECF6FC; max-width: calc(100% - 40px); margin-left: auto; margin-right: auto; padding: 12px 15px; display: flex; position: relative; } .cart-product picture { display: block; width: 96px; flex: 96px 0 0; } .cart-product picture img { border-radius: 8px; display: block; height: auto; max-width: 100%; width: 100% } .cart-product .product__body { padding: 0 18px; padding-right: 0; } .product__body h6 { color: #2559A9; font-size: 14px; font-weight: bold; line-height: 1.15em; padding: 0; margin-bottom: 5px; } .cart-product .product__price { color: #E57334; font-size: 14px; line-height: 1.15em; margin-bottom: 5px; } .woocommerce-page.et_pb_button_helper_class .cart-product a.button, .woocommerce-page.et_pb_button_helper_class .cart-product a.button { background-color: #D67944 !important; display: block; text-align: center; padding-top: 9px; font-size: 14px !important; line-height: 18px !important; padding-bottom: 9px; } .woocommerce-page.et_pb_button_helper_class .cart-product a.button:after, .woocommerce-page.et_pb_button_helper_class .cart-product a.button:after { line-height: 0.6em; margin-top: 0; } /* cart products */ .kisc-products { padding: 0px 16px 6px; background-color: #fff; } .cart-product.cart-product--ext { background-color: #fff; } .cart-product.cart-product--ext { max-width: 100%; padding: 16px 0; } .cart-product.cart-product--ext:after { background-color: #D9D9D9; bottom: 0; content: ''; display: block; height: 1px; position: absolute; width: calc(100% - 22px); left: 50%; transform: translateX(-50%); } @media screen and (min-width: 568px) and (min-height: 635px) { .cart-product.cart-product--ext picture { flex: 120px 0 0; width: 120px; } .cart-product--ext .product__body h6 { font-size: 16px; line-height: 1.5em; margin-bottom: 10px; } .cart-product.cart-product--ext .product__price { font-size: 16px; margin-bottom: 8px; } } .product__options { display: flex; justify-content: flex-start; position: relative; } .kisc-qty { background-color: #fff; border: 1px solid #DBDCDB; border-radius: 4px; display: flex; max-width: 83px; padding: 4px 18px; overflow: hidden; position: relative; } .kisc-qty span.qty__minus, .kisc-qty .qty__plus { background: #fff; cursor: pointer; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-weight: bold; text-align: center; width: 20px; z-index: 4; } .kisc-qty .qty__plus { right: 0;left: auto;; } .kisc-qty .qty__number { appearance: none; border: 0; display: block; height: 20px; width: auto; min-width: unset; max-width: 100%; text-align: right; } .product__trash { cursor: pointer; display: block; height: 30px; width: 30px; display: flex; justify-content: center; align-items: center; margin-left: 12px; } .product__trash:before { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic_ph_trash.svg) scroll 0 0 no-repeat; background-size: 100% auto; content: ''; display: block; height: 18px; width: 18px; } /* products slider */ .products-enhanced-slider { overflow: hidden; position: relative; } .slider__track { width: auto; overflow: visible; display: flex; transition: all 0.35s; transform: translateX(0); } .slider__slide { display: inline-block; width: 100%; flex: 100% 0 0; } .slider__arrow { background-color: #2559A9; border-radius: 50%; cursor: pointer; display: block; left: 0; height: 32px; width: 32px; position: absolute; transform: translateY(-50%); transition: all 0.2s; top: 50%; z-index: 40; } .slider__arrow:hover { opacity: 0.96; } .slider__arrow:before { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-arrow-prev.svg) scroll 0 0 no-repeat; background-size: 100% auto; content: ''; display: block; height: 16px; left: 47%; top: 50%; position: absolute; transform: translate(-50%, -50%); width: 10px; } .slider__arrow.slider__next { left: auto; right: 0; } .slider__arrow.slider__next:before { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-arrow-next.svg) scroll 0 0 no-repeat; background-size: 100% auto; left: 53%; } .disabled {opacity: 0.5 !important; pointer-events: none; } /*gamiffication*/ .kisc-gammification { background-color: #ECF6FC; padding: 15px 20px; } .kisc-gammification h6 { color: #2559A9; font-size: 12px; font-weight: bold; line-height: 1.333333; margin-bottom: 5px; padding: 0; text-align: center; } .kisc-gammification h6.gammification__loud { font-size: 14px; line-height: 1.15em; } .kisc-gammification h6 em { color: #E57334; font-style: normal; } .kisc-progress { margin-left: 5px; margin-right: 5px; padding: 20px 0; position: relative; } .kisc-progress .progress__bar { background-color: #D9D9D9; border-radius: 8px; height: 8px; display: block; overflow: hidden; position: relative; } .kisc-progress .progress__bar span { background-color: #2559A9; bottom: 0; left: 0; position: absolute; top: 0; } .kisc-progress .progress__step { font-size: 12px; font-weight: bold; line-height: 1.15em; color: #E57334; position: absolute; top: 50%; transform: translateY(-50%); } .kisc-progress .progress__ic { background-color: #D9D9D9; border-radius: 50%; display: block; height: 18px; left: 0; position: absolute; transform: translate(-50%, -50%); top: 50%; width: 18px; } .kisc-progress .progress__step:first-child .progress__ic { transform: translateY(-50%); } .kisc-progress .progress__step:last-child .progress__ic { transform: translate(-100%, -50%); } .kisc-progress .progress__step p, .kisc-progress .progress__step .progress__price { position: absolute; } .kisc-progress .progress__step p { top: calc(100% + 12px); white-space: nowrap; transform: translateX(-50%); } .kisc-progress .progress__step .progress__price { color: #2559A9; bottom: 8px; transform: translateX(-50%); } .kisc-progress .progress__step:first-child p, .kisc-progress .progress__step:first-child .progress__price { transform: translateX(0); } .kisc-progress .progress__step:last-child p, .kisc-progress .progress__step:last-child .progress__price { transform: translateX(-100%); } .kisc-progress .progress__step[data-step="active"] .progress__ic { background-color: #2559A9; } .progress__ic:before { content: ''; display: block; height: 8px; width: 10px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .progress__ic.progress__ic--shipping:before { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-ship-disable.svg) scroll 0 0 no-repeat; background-size: contain; background-position: center; height: 8px; width: 10px; } .progress__ic.progress__ic--gift:before { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-gift-disable.svg) scroll 0 0 no-repeat; background-size: contain; background-position: center; height: 10px; } .progress__step[data-step="active"] .progress__ic.progress__ic--shipping:before { background-image: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-ship.svg); } .progress__step[data-step="active"] .progress__ic.progress__ic--gift:before { background-image: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-gift.svg); } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } @media screen and (max-width: 567px) { .kisc-modal__footer { padding: 16px; } .cart-enhance-results { padding-left: 6px; padding-right: 6px; } .kisc-footer-content p { font-weight: normal; } .cart-product.cart-product--ext .product__body h6 { padding-right: 20px; } .kisc-qty .qty__number { text-align: center; } } @media screen and (max-height: 635px) { .kisc-header-top { padding-bottom: 16px; padding-top: 16px; } .kisc-gammification h6 { margin-bottom: 0; } .cart-product.cart-product--ext picture { flex: 88px 0 0; width: 88px; } .cart-enhance-results { padding-bottom: 5px; } .kisc-modal__footer { padding-top: 12px; } .kisc-subtotal { font-size: 18px; } .kisc-after_footer { padding-bottom: 5px; } } /** END KIE side cart **/ /** Navigation Optimization */ body #top-menu.nav-optim li.menu-case-a, #top-menu li.menu-case-b, .nav-optim .top-red-btn { display: none !important; } #top-menu.nav-optim li.menu-case-b { display: inline-block !important; } #top-menu.nav-optim li.megamenu-l, #top-menu.nav-optim li.megamenu-r { position: inherit; } #top-menu.nav-optim li.megamenu-r > .sub-menu, #top-menu.nav-optim li.megamenu-l > .sub-menu { padding: 30px 32px; position: fixed !important; min-width: 66%; } #top-menu.nav-optim li.megamenu-r > .sub-menu { padding-bottom: 16px; } #top-menu.nav-optim li.megamenu-r > .sub-menu { min-width: 520px; } #top-menu.nav-optim li.megamenu-l > .sub-menu { left: 0 !important; } #top-menu.nav-optim li.megamenu-r > .sub-menu { right: 0 !important; } #top-menu.nav-optim li.megamenu-l > .sub-menu { padding-left: 55px; } body #top-menu.nav-optim li.megamenu-r li, body #top-menu.nav-optim li.megamenu-l li { padding: 0; vertical-align: top; } body #top-menu.nav-optim li.megamenu-r li a, body #top-menu.nav-optim li.megamenu-l li a { padding: 5px 10px; } body #top-menu.nav-optim li.megamenu-l > .sub-menu li a { padding: 0; } body #top-menu.nav-optim li.megamenu-l > .sub-menu li a:hover { background-color: transparent; } #top-menu.nav-optim li.megamenu-l h3 { font-size: 20px; font-weight: normal; font-family: 'Montserrat', Arial, Helvetica, sans-serif; line-height: 1.219em; margin-bottom: 8px; padding-bottom: 0; position: relative; } #top-menu.nav-optim li.megamenu-l h3 > span, .topnav-optim .et_mobile_menu li.megamenu-l h3 > span { background-color: #B7E8FF; border-radius: 12px; color: #2559A9; font-family: Helvetica, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.15em; padding: 8px; position: absolute; white-space: nowrap; margin-left: 9px; top: -3px; } #top-menu.nav-optim li.megamenu-l img { max-width: 100%; height: 150px; width: 150px; object-fit: cover; object-position: center center; } #top-menu.nav-optim li.megamenu-l .sub-menu > li >h3 { margin-bottom: 0; } #top-menu.nav-optim .menu-item-has-children>a:first-child:after, #main-header .topnav-optim .et_mobile_menu .menu-item-has-children>a:after { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-menu-arrow.svg) scroll 0 0 no-repeat; background-size: 100% auto; content: '' !important; display: block; height: 7px; width: 12px; top: 44%; transform: translateY(-50%); transition: all 0.25s; } #top-menu.nav-optim .menu-item-has-children.et-hover > a:first-child { color: #2559A9; } #top-menu.nav-optim .menu-item-has-children.et-hover>a:first-child:after, #main-header .topnav-optim .et_mobile_menu .menu-item-has-children.visible>a:after { background-image: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-menu-arrow-b.svg); transform: translateY(-50%) rotate(180deg); } #top-menu.nav-optim li.megamenu-r .sub-menu > li a { font-size: 18px; font-weight: normal; line-height: 1.219em; margin-bottom: 15px; padding: 5px 0; padding-right: 15px; width: 220px; } #top-menu.nav-optim > li.menu-btn > a, .topnav-optim .et_mobile_menu li.menu-btn > a { background: #e57335 !important; border-radius: 4px; color: #fff!important; font-weight: 500!important; height: auto; padding: 12px 8px!important; text-transform: uppercase; } #top-menu.nav-optim > li.menu-btn.menu-item-has-children > a, .topnav-optim .et_mobile_menu li.menu-btn.menu-item-has-children > a { padding-right: 32px !important; } #top-menu.nav-optim > li.menu-btn.menu-item-has-children > a:after, #main-header .topnav-optim .et_mobile_menu li.menu-btn.menu-item-has-children > a:after { background-image: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-menu-arrow-w.svg) !important; right: 10px; top: 50%; transform: translateY(-50%); } #top-menu.nav-optim > li.menu-btn.menu-item-has-children.et-hover > a:after, #main-header .topnav-optim .et_mobile_menu li.menu-btn.menu-item-has-children.visible > a:after { transform: translateY(-50%) rotate(180deg); } .topnav-optim .et_mobile_menu li.menu-btn > a { display: inline-block; margin-bottom: 20px; margin-top: 10px; } #main-header .topnav-optim .et_mobile_menu li.menu-btn.menu-item-has-children > a:after { margin-left: 10px !important; } .topnav-optim .et_mobile_menu li.menu-badge-save > a { background-color: #DCF3FE; color: #272727; padding: 8px; font-size: 12px; line-height: 1.66666em; max-width: 218px; margin-top: 16px; } .topnav-optim .et_mobile_menu li.menu-badge-save > a em { color: #2559A9; font-weight: bold; font-style: normal; } .topnav-optim .et_mobile_menu li.menu-badge-save > a span { color: #2559A9; } #top-menu li li.menu-md-elite a { width: 270px; } @media screen and (min-width: 981px) { .et_header_style_left #et-top-navigation.topnav-optim { padding: 0 !important; } .topnav-optim > nav { padding-top: 4px; } #top-menu.nav-optim > li > a { height: 44px; padding-top: 12px; padding-bottom: 12px; } #top-menu.nav-optim > li.top-red-btn > a { height: auto; } } .topnav-optim li.menu-item-contact { font-weight: normal; padding-top: 10px; } .topnav-optim li.menu-item-contact h3 { color: #E57334; padding-bottom: 8px; } .topnav-optim li.menu-item-contact p { padding-bottom: 4px; } .topnav-optim li.menu-item-contact .fa { margin-right: 4px; color: #E57334; } .topnav-optim li.menu-item-contact a { display: inline-block !important; padding: 0 !important; margin: 0 !important; font-size: inherit !important; } .close-mobile-menu { background: #fff url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-close-b.svg) scroll 0 0 no-repeat; background-size: 16px 16px; background-position: center; position: absolute; display: none; height: 24px; width: 24px; top: 25px; right: 28px; z-index: 50; } .topnav-optim .close-mobile-menu { display: block; } /* Update required */ #top-menu.nav-optim li.megamenu-l > .sub-menu { padding-right: 470px; width: auto; } body #top-menu li.menu-cap-image { display: block !important; position: absolute; right: 50px; top: 20px; height: calc(100% - 40px); width: 277px; z-index: -1; } body #top-menu li.menu-cap-image:before { content: ""; height: 100%; width: 1px; background: #E57334; position: absolute; z-index: 1; left: -40px; } body #top-menu li.menu-cap-image > a { display: block; width: 100%; padding-bottom: calc( 75.94936% - 1px ); height: 1px; overflow: hidden; } body #top-menu li.menu-cap-image a { position: static; pointer-events: none; } #top-menu.nav-optim li.megamenu-l li.menu-cap-image img { border: 6px solid #DCF3FE; border-radius: 8px; max-width: unset; max-height: unset; width: 100%; height: 100%; position: absolute; top: 0; right: 0; object-position: center top; } @media screen and (max-width: 1444px) { body #top-menu li.menu-cap-image { right: 20px; } body #top-menu li.menu-cap-image:before { display: none; } } @media screen and (max-width: 1240px) { #top-menu.nav-optim li.megamenu-l > .sub-menu { min-width: 80%; padding-right: 437px; } } /* end Update required */ @media screen and (max-width: 980px) { .topnav-optim .et_mobile_menu li.menu-case-a, .et_mobile_menu li.menu-case-b, .topnav-optim .et_mobile_menu .top-red-btn, .topnav-optim .et_mobile_menu li a img, body #top-menu li.menu-cap-image { /* update required */ display: none !important; } .topnav-optim .et_mobile_menu li.menu-case-b { display: list-item !important; } .topnav-optim .et_mobile_menu { border: 0 none; box-shadow: 0 2px 3px rgba(0,0,0,.1); left: auto; overflow-y: auto; position: fixed; padding: 20px 32px; right: 0; max-width: calc(100% - 25px); width: 400px; top: 80px; height: calc(100vh - 80px); } .topnav-optim .et_mobile_menu li a { border-bottom: 0 none; color: #000; font-size: 16px; font-weight: normal; line-height: 1.21875em; padding: 10px 0; display: block; margin-bottom: 12px; } .topnav-optim .et_mobile_menu .menu-item-has-children>a { font-weight: normal; } #main-header .topnav-optim .et_mobile_menu .menu-item-has-children>a:after { display: inline-block; right: unset !important; margin-left: 15px; top: 50%; } .topnav-optim .et_mobile_menu li.megamenu-l h3 { color: #2559A9; font-family: 'Montserrat'; font-size: 16px; font-weight: 400; line-height: 19.5px; letter-spacing: -0.01em; padding-bottom: 0; position: relative; } .topnav-optim .et_mobile_menu li.megamenu-l h3 > span { top: -5px; } .topnav-optim .et_mobile_menu li a:hover { opacity: 1; } } /* END Navigation Optimization */ /** Top Navigation Redesign */ #top-menu.nav-optim li.menu-test-b, #et_mobile_nav_menu li.menu-test-b { display: none !important; } #top-menu.nav-optim li.megamenu-fw > .sub-menu { padding: 30px 32px; position: fixed !important; width: 100%; left: 0; pointer-events: none; } #top-menu.nav-optim li.megamenu-fw:hover>.sub-menu{ pointer-events: all !important; } #top-menu li.megamenu--grid > .sub-menu { display: inline-grid; grid-template-columns: repeat(9, 1fr); grid-template-rows: 1fr 1fr; padding-bottom: 100px !important; grid-gap: 16px; } #top-menu li.megamenu--grid > .sub-menu .sub-menu { position: static; opacity: 1 !important; visibility: visible; box-shadow: none; } #top-menu li.megamenu--grid > .sub-menu > li { grid-row-start: 1; grid-row-end: 3; } #top-menu li.megamenu--grid > .sub-menu > li:nth-child(4) { grid-row-end: 2; } #top-menu li.megamenu--grid > .sub-menu > li:nth-child(5) { grid-column-start: 4; grid-row-start: 2; } #top-menu li.megamenu--grid li.menu-item-prod { background-color: #F5F5F5; border-radius: 8px; padding: 0 8px; width: 262px; text-align: center; padding: 35px 8px 16px; } #top-menu li.megamenu--grid li.menu-item-prod * { font-family: Helvetica, Arial, sans-serif; } #top-menu li.megamenu--grid li.menu-item-prod > a { display: block; width: auto; } #top-menu li.menu-item-prod picture { display: flex; align-items: center; justify-content: center; height: 150px; width: 100%; margin-bottom: 8px; } #top-menu li.menu-item-prod h4 { padding-bottom: 4px; font-size: 14px; line-height: 1.15em; letter-spacing: -1px; } #top-menu li.menu-item-prod h4:last-child { padding-bottom: 0; } #top-menu li.menu-item-prod img { max-width: 100%; max-height: 80%; } #top-menu li.menu-item-prod p { font-size: 12px; line-height: 1.15em; color: #272727; letter-spacing: -0.5px; } #top-menu li.menu-item-prod .menu-item__badge, .et_mobile_menu li.menu-item-prod .menu-item__badge { background-color: #272727; border-radius: 8px; color: #fff; font-size: 12px; font-weight: bold; line-height:1.15em ; letter-spacing: -0.5px; padding: 4px 8px; position: absolute; left: 4px; top: -25px; } .et_mobile_menu li.menu-item-prod .menu-item__badge { position: static; } #top-menu li.menu-item-prod .menu-item__badge.badge--yellow, .et_mobile_menu li.menu-item-prod .menu-item__badge.badge--yellow { color: #272727; background-color: #FFB800; } #top-menu li.megamenu--grid .menu-btn-cta { position: static; } #top-menu li.megamenu--grid .menu-btn-cta > a { background-color: #2559A9; border-radius: 8px; color: #fff; font-size: 20px; font-weight: normal; line-height: 1.2em; left: 0; bottom: 24px; margin-left: 35px; min-width: 260px; padding-top: 15px; padding-bottom: 15px; position: absolute; text-align: center; } #top-menu li.megamenu--grid li.menu-item-prod--sm { width: 160px; height: 120px; padding: 5px 8px; } #top-menu li.menu-item-prod--sm > a { padding: 0; } #top-menu li.menu-item-prod--sm picture { height: 80px; width: 160px; margin-bottom: 0; } #top-menu li li.menu-item-list > a { display: block; font-weight: 700; padding: 0 0 15px; border-bottom: 1px solid #D9D9D9; margin-bottom: 4px; pointer-events: none; } #top-menu li li.menu-item-list a { color: #2559A9; } #top-menu li li.menu-item-list > a:after { display: none !important; } #top-menu li li.menu-item-list .sub-menu, #top-menu li li.menu-item-list .sub-menu li { padding: 0; } #top-menu li li.menu-item-list .sub-menu li a { padding-left: 0; padding-right: 0; } #et-secondary-nav li.menu-hide-top--desktop { display: none; } /* set on custom css (all css) on staging */ .et_mobile_menu .bestmb a { font-size: 18px !important; } @media screen and (max-width: 1310px) { #top-menu li.megamenu--grid li.menu-item-prod:not(.menu-item-prod--sm) { width: 200px; } } @media screen and (max-width: 1110px) { #top-menu li.megamenu--grid > .sub-menu { grid-gap: 12px; } #top-menu li.megamenu--grid li.menu-item-prod:not(.menu-item-prod--sm) { width: 175px; } } @media screen and (min-width: 981px) { #et-top-navigation .nav li.menu-item.menu-item--mobile, #top-menu.nav-optim li.menu-test-b.menu-item--mobile { display: none !important; } } @media screen and (max-width: 980px) { #et-secondary-nav li.menu-hide-top--desktop { display: block; } #main-header .et_mobile_menu .menu-item-has-children>a { float: none; width: auto; } .et_mobile_menu li li.menu-list-item { margin-top: 5px; } /* Global fix for mobile parent menu-items to be closed */ #main-header .et_mobile_menu li:not(.visible):not(.menu-test-a) >ul.sub-menu { display: none !important; } /* ENd global fix */ #main-header .et_mobile_menu .megamenu--grid.menu-btn>a { float: none; width: auto; } div#et_mobile_nav_menu li.menu-item-prod picture { display: block; width: 112px; float: left; margin-right: 10px; } div#et_mobile_nav_menu li.menu-item-prod picture img { display: block !important; height: auto; width: auto; max-width: 100%; } div#et_mobile_nav_menu li.menu-item-prod h4 { font-size: 18px; margin-top: 16px; padding-bottom: 1px; } #et_mobile_nav_menu li.menu-item-prod p { color: #a1a1a1; font-size: 14px; font-weight: bold; } .et_mobile_menu li li.menu-item-prod > a { margin-top: 16px; } .et_mobile_menu li li.menu-item--desktop, #et_mobile_nav_menu li.menu-item--desktop, #et_mobile_nav_menu li.menu-test-b.menu-item--desktop { display: none !important; } } /** END Top Navigation Redesign */ /* BFCM banners */ div#bfcm_banner { display: none !important; } body.bfcm-banner-active div#home_main_banner, body.bfcm-banner-active div#home_main_banner_mobile { display: none !important; } body.bfcm-banner-active div#bfcm_banner { display: block !important; } .bfcm-banner { background-color: #272727; overflow: hidden; } .bfcm-banner * { font-family: Helvetica, Arial, sans-serif !important; } .bfcm-banner > div { z-index: 4; } .bfcm-banner:before { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/bfcm-banner-right.png), linear-gradient(to right, transparent 0%, transparent 40%, #ECF6FC 40%, #ECF6FC 100%); background-size: auto 103.29%; background-position: left center; background-repeat: no-repeat; content: ''; display: block; position: absolute; width: 40.8%; height: 100%; right: 0; z-index: 3; } .bfcm-banner h2, .bfcm-banner h3, .bfcm-banner h4, .bfcm-banner h6, .bfcm-banner p { padding-bottom: 0; } .bfcm-header h3 { margin-bottom: 3px; } .bfcm-header h4 { margin-bottom: 14px; } .bfcm-header img { margin-top: -12px; margin-bottom: -40px; } .bfcm-header p { margin-bottom: 0; } .bfcm-header h4 + p { padding-left: 20px; max-width: 164px; } .bfcm-header:before, .bfcm-header:after { background-color: #B7E8FF; content: '' !important; display: block; height: 135px; width: 2px; left: 2px; position: absolute; z-index: 10; } .bfcm-header:after { bottom: -68px; } .bfcm-header:before { top: 0; transform: translateY(-91%); } .bfcm-product .et_pb_text_inner { position: relative; } .bfcm-product h3 { background-color: #2559A9; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 80px; width: 80px; position: absolute; right: 12%; top: 8%; } .bfcm-product h3 span { font-weight: normal !important; font-size: 15px; line-height: inherit; } .bfcm-product.product__offer--tr h3 { right: -3%; top: 1%; } .et_pb_button.btn-primary { background: #E57334 !important; border-radius: 36px !important; font-size: 24px !important; line-height: 1.333333em !important; } .et_pb_button.btn-primary:hover { border-radius: 36px !important; } @media screen and (min-width: 981px) { .et_pb_button.btn-primary:after { top: 23px !important; font-size: 24px !important; } } @media screen and (max-width: 980px) { .bfcm-banner:before { background: #ECF6FC ; bottom: 0; height: 60%; width: 140%; left: -18%; transform: rotate(-16deg) translateY(47%); } .bfcm-header { text-align: center !important; } .bfcm-header h2 { font-size: 32px !important; } .bfcm-header h4 { margin-bottom: 7px; padding-bottom: 0 !important; } .bfcm-header img { margin-top: -9px; margin-bottom: -31px; max-height: 84px; } .bfcm-header h4 + p { padding: 0; max-width: 232px; margin-left: auto; margin-right: auto; position: relative; } .bfcm-header:before, .bfcm-header:after { display: none; } .bfcm-header h4 + p br { display: none; } .bfcm-header h4 + p:before, .bfcm-header h4 + p:after { background-color: #B7E8FF; content: ''; display: block; height: 2px; width: 150px; position: absolute; top: 10px; z-index: 10; } .bfcm-header h4 + p:before { left: -5px; transform: translateX(-100%); } .bfcm-header h4 + p:after { right: -5px; transform: translateX(100%); } .bfcm-col-product .bfcm-product__heading.et_pb_text h3 { display: flex; align-items: flex-end; justify-content: center; min-height: 32px; } .bfcm-col-product img { max-height: 190px !important; width: auto; } .bfcm-col-product .et_pb_button.btn-primary { font-size: 18px !important; } .bfcm-col-product h4 span { display: block; } .bfcm-product h3 { height: 56px; width: 56px; top: 1%; } .bfcm-product h3 span { font-size: 14px; } } @media screen and (max-width: 767px) { .bfcm-col-product img { height: 150px !important; object-fit: cover; object-position: center center; } .bfcm-header h3 { margin-bottom: 8px; } .bfcm-header h4 span { display: block; } } @media screen and (max-width: 567px) { .bfcm-col-product img { max-height: 135px !important; } .bfcm-product h3 { right: 2%; top: 1%; } } @media screen and (max-width: 430px) { .bfcm-banner:before { transform: rotate(-22deg) translateY(47%); } } /* END BFCM banners */ /**KIE changes PDP B approved (Desktop only) */ @media screen and (min-width: 981px) { .single-pdp-change .affirm-as-low-as:not(.affirm-clone) { display: none; } .single-product .convert-cart-two-col2 .price { display: none; } .single-product .woocommerce-variation-price .woocommerce-Price-amount { color: #a4a4a4 !important; font-size: 24px !important; line-height: 1.23333em; } .single-product .woocommerce-variation-price del .woocommerce-Price-amount { font-weight: 400; display: block; } .single-product .woocommerce div.product span.price, .woocommerce-page div.product span.price { color: #a4a4a4 !important; } .single-pdp-change .pdp-description { line-height: 1.5em; padding-top: 5px; padding-bottom: 10px; } .single-pdp-change .affirm-wrap .affirm-as-low-as { margin-top: 18px; } } @media screen and (max-width: 980px) { .single-pdp-change .pdp-description, .single-pdp-change .affirm-clone-wrap { display: none; } } /**END KIE changes PDP */ /* Educational Banner AB Test (Winner: light banner) */ /*div.edu-banner { display: none !important; }*/ div#home_main_banner, div#home_main_banner_mobile { display: none !important; } div#edu_banner_b { display: block !important; } .edu-banner { overflow: hidden; display: none; } .edu-banner * { font-family: Helvetica, Arial, sans-serif !important; } .edu-banner > div:not(.edu-banner__ba) { z-index: 4; } .edu-banner:before { background: #2559A9; background-size: auto 103.29%; background-position: left center; background-repeat: no-repeat; content: ''; display: block; position: absolute; width: 120%; height: 875px; top: 0; right: 0; z-index: 1; transform-origin: top right; transform: rotate(-39deg); } .edu-banner__badge > .et_pb_text_inner { background: #B8E8FF; display: inline-block; padding: 8px 24px; border-radius: 35px; } .edu-banner__content h4 { padding-bottom: 0; } .edu-banner__content h2 { padding-bottom: 15px; } .edu-banner .et_pb_button.btn-primary { font-size: 18px !important; } .edu-banner__features >.et_pb_column { display: flex; } .banner-feature { display: flex; align-items: center; } .banner-feature .feature__ic { background: #2559A9; border-radius: 50%; display: flex; justify-content: center; align-items: center; width: 56px; height: 56px; position: relative; } .banner-feature .feature__ic svg { max-width: 34px; max-height: 39px; height: auto; width: auto; } .banner-feature p { color: #2559A9; font-size: 12px; font-weight: bold; line-height: 16px; max-width: 74px; padding-left: 8px; } .comparison-ba { height: auto; width: 100%; } .comparison-ba__row { border-radius: 15px; display: flex; margin-bottom: 15px; overflow: hidden; width: 100%; } .comparison-ba__row:last-child { margin-bottom: 0; } .comparison-ba__row .comparison-ba__col { display: block; max-width: 50%; width: 100%; } .comparison-ba picture { display: block; height: 1px; padding-bottom: calc(138.8888% - 1px); position: relative; width: 100%; } .comparison-ba picture img { display: block; height: 100%; position: absolute; width: 100%; object-fit: cover; } .comparison-ba picture:before { align-items: center; justify-content: center; background-color: #fff; border-radius: 12px; content: attr(data-label); color: #2559A9; display: flex; font-weight: bold; font-size: 16px; height: 24px; line-height: 1.15em; position: absolute; left: 8px; top: 8px; width: 80px; z-index: 4; } .edu-banner__ba .et_pb_code_inner::-webkit-scrollbar { height: 5px; } .edu-banner__ba .et_pb_code_inner::-webkit-scrollbar-thumb { height: 5px; background: rgba(0,0,0,0.12); cursor: pointer; } .edu-banner__ba .et_pb_code_inner::-webkit-scrollbar-track { height: 5px; } .edu-banner--dark:before { background-color: #DCF3FE; } .edu-banner--dark .banner-feature p { color: #fff; } .edu-banner--dark .edu-banner__badge > .et_pb_text_inner { background-color: #2559A9; } .edu-banner--dark .edu-banner__content h2 em { color: #fff; font-style: normal; } @media screen and (min-width: 768px) { .edu-banner__ba { height: 100%; left: 50%; position: absolute; top: 0; width: 100%; transform: translateX(-50%); z-index: 1; } .edu-banner__ba > div, .edu-banner__ba > div > div { position: static; } .edu-banner__ba .et_pb_code_inner { overflow: hidden; position: absolute; top: 0; right: 0; height: 100%; width: 288px; } .comparison-ba { position: absolute; } } @media screen and (max-width: 1244px) { .edu-banner:before { transform: rotate(-48deg); } } @media screen and (max-width: 980px) { .edu-banner::before { transform: rotate(-61deg); } .edu-banner__ba .et_pb_code_inner { width: 198px; } .comparison-ba picture:before { font-size: 14px; height: 20px; left: 50%; min-width: 60px; width: auto; top: 2px; transform: translateX(-50%); } } @media screen and (max-width: 767px) { .edu-banner > div.edu-banner__ba { z-index: 4; } .edu-banner::before { transform: rotate(-19deg); top: 36%; width: 150%; height: 450px; min-height: 50%; } .edu-banner__content h2 { padding-bottom: 0px; } .edu-banner__content h2 { font-size: 20px !important; } .edu-banner__content p { max-width: 320px; margin-left: auto; margin-right: auto; } .edu-banner__ba .et_pb_code_inner { width: auto; overflow: hidden; height: 128px; } .comparison-ba { white-space: nowrap; position: absolute; width: auto; } .comparison-ba__row { display: inline-flex; margin-bottom: 0; width: 176px; } .comparison-ba__row:not(:last-child) { margin-right: 15px; } .comparison-ba picture { padding-bottom: calc(145.4545% - 1px); } .edu-banner__features { display: flex; justify-content: center; align-items: center; } .edu-banner__features >.et_pb_column { flex-wrap: wrap; max-width: 260px; column-gap: 30px; row-gap: 16px; } .edu-banner__features >.et_pb_column > .et_pb_module { max-width: 114px; width: 100%; } .banner-feature .feature__ic { background-color: #fff; max-height: 40px; max-width: 40px; width: 100%; } .banner-feature .feature__ic svg { max-width: 75%; max-height: 75%; } .banner-feature .feature__ic svg path { fill: #2559A9; } .banner-feature p { color: #fff; max-width: 80px; } .edu-banner--dark .edu-banner__badge > .et_pb_text_inner { max-width: 234px; padding-left: 10px; padding-right: 10px; } .edu-banner--dark .edu-banner__content h2 { max-width: 320px; margin-left: auto; margin-right: auto; } .edu-banner--dark .banner-feature .feature__ic { background-color: #2559A9; } .edu-banner--dark .banner-feature .feature__ic svg path { fill: #fff; } .edu-banner--dark .banner-feature p { color: #2559A9; } } /* END Educational Banner */ /* Educational Banner AB Test (Winner: light banner) */ /*div.kiierr-banner { display: none !important; }*/ div#home_main_banner, div#home_main_banner_mobile { display: none !important; } div#edu_banner_b { display: block !important; } .kiierr-banner { overflow: hidden; display: none; } .kiierr-banner * { font-family: Helvetica, Arial, sans-serif !important; } .kiierr-banner > div:not(.kiierr-banner__ba) { z-index: 4; } .kiierr-banner:before { background: #2559A9; background-size: auto 103.29%; background-position: left center; background-repeat: no-repeat; content: ''; display: block; position: absolute; width: 120%; height: 875px; top: 0; right: 0; z-index: 1; transform-origin: top right; transform: rotate(-39deg); } .kiierr-banner__badge > .et_pb_text_inner { background: #B8E8FF; display: inline-block; padding: 8px 24px; border-radius: 35px; } .kiierr-banner__content h4 { padding-bottom: 0; } .kiierr-banner__content h2 { padding-bottom: 15px; } .kiierr-banner .et_pb_button.btn-primary { font-size: 18px !important; } .kiierr-banner__features >.et_pb_column { display: flex; } .banner-feature { display: flex; align-items: center; } .banner-feature .feature__ic { background: #2559A9; border-radius: 50%; display: flex; justify-content: center; align-items: center; width: 56px; height: 56px; position: relative; } .banner-feature .feature__ic svg { max-width: 34px; max-height: 39px; height: auto; width: auto; } .banner-feature p { color: #2559A9; font-size: 12px; font-weight: bold; line-height: 16px; max-width: 74px; padding-left: 8px; } .comparison-ba { height: auto; width: 100%; } .comparison-ba__row { border-radius: 15px; display: flex; margin-bottom: 15px; overflow: hidden; width: 100%; } .comparison-ba__row:last-child { margin-bottom: 0; } .comparison-ba__row .comparison-ba__col { display: block; max-width: 50%; width: 100%; } .comparison-ba picture { display: block; height: 1px; padding-bottom: calc(138.8888% - 1px); position: relative; width: 100%; } .comparison-ba picture img { display: block; height: 100%; position: absolute; width: 100%; object-fit: cover; } .comparison-ba picture:before { align-items: center; justify-content: center; background-color: #fff; border-radius: 12px; content: attr(data-label); color: #2559A9; display: flex; font-weight: bold; font-size: 16px; height: 24px; line-height: 1.15em; position: absolute; left: 8px; top: 8px; width: 80px; z-index: 4; } .kiierr-banner__ba .et_pb_code_inner::-webkit-scrollbar { height: 5px; } .kiierr-banner__ba .et_pb_code_inner::-webkit-scrollbar-thumb { height: 5px; background: rgba(0,0,0,0.12); cursor: pointer; } .kiierr-banner__ba .et_pb_code_inner::-webkit-scrollbar-track { height: 5px; } .kiierr-banner--dark:before { background-color: #DCF3FE; } .kiierr-banner--dark .banner-feature p { color: #fff; } .kiierr-banner--dark .kiierr-banner__badge > .et_pb_text_inner { background-color: #2559A9; } .kiierr-banner--dark .kiierr-banner__content h2 em { color: #fff; font-style: normal; } @media screen and (min-width: 768px) { .kiierr-banner__ba { height: 100%; left: 50%; position: absolute; top: 0; width: 100%; transform: translateX(-50%); z-index: 1; } .kiierr-banner__ba > div, .kiierr-banner__ba > div > div { position: static; } .kiierr-banner__ba .et_pb_code_inner { overflow: hidden; position: absolute; top: 0; right: 0; height: 100%; width: 288px; } .comparison-ba { position: absolute; } } @media screen and (max-width: 1244px) { .kiierr-banner:before { transform: rotate(-48deg); } } @media screen and (max-width: 980px) { .kiierr-banner::before { transform: rotate(-61deg); } .kiierr-banner__ba .et_pb_code_inner { width: 198px; } .comparison-ba picture:before { font-size: 14px; height: 20px; left: 50%; min-width: 60px; width: auto; top: 2px; transform: translateX(-50%); } } @media screen and (max-width: 767px) { .kiierr-banner > div.kiierr-banner__ba { z-index: 4; } .kiierr-banner::before { transform: rotate(-19deg); top: 36%; width: 150%; height: 450px; min-height: 50%; } .kiierr-banner__content h2 { padding-bottom: 0px; } .kiierr-banner__content h2 { font-size: 20px !important; } .kiierr-banner__content p { max-width: 320px; margin-left: auto; margin-right: auto; } .kiierr-banner__ba .et_pb_code_inner { width: auto; overflow: hidden; height: 128px; } .comparison-ba { white-space: nowrap; position: absolute; width: auto; } .comparison-ba__row { display: inline-flex; margin-bottom: 0; width: 176px; } .comparison-ba__row:not(:last-child) { margin-right: 15px; } .comparison-ba picture { padding-bottom: calc(145.4545% - 1px); } .kiierr-banner__features { display: flex; justify-content: center; align-items: center; } .kiierr-banner__features >.et_pb_column { flex-wrap: wrap; max-width: 260px; column-gap: 30px; row-gap: 16px; } .kiierr-banner__features >.et_pb_column > .et_pb_module { max-width: 114px; width: 100%; } .banner-feature .feature__ic { background-color: #fff; max-height: 40px; max-width: 40px; width: 100%; } .banner-feature .feature__ic svg { max-width: 75%; max-height: 75%; } .banner-feature .feature__ic svg path { fill: #2559A9; } .banner-feature p { color: #fff; max-width: 80px; } .kiierr-banner--dark .kiierr-banner__badge > .et_pb_text_inner { max-width: 234px; padding-left: 10px; padding-right: 10px; } .kiierr-banner--dark .kiierr-banner__content h2 { max-width: 320px; margin-left: auto; margin-right: auto; } .kiierr-banner--dark .banner-feature .feature__ic { background-color: #2559A9; } .kiierr-banner--dark .banner-feature .feature__ic svg path { fill: #fff; } .kiierr-banner--dark .banner-feature p { color: #2559A9; } } /* END Educational Banner */ /** Header Subheader Copy Test */ .page-heading { display: none; } .page-id-78480 .page-heading { display: block; } .page-heading h1 { margin-bottom: 15px; padding-bottom: 0; } @media screen and (max-width: 767px) { .page-heading h1 { margin-bottom: 8px; } .page-heading--c h1 { max-width: 196px; margin-left: auto; margin-right: auto; } } /** END Header Subheader Copy Test */ /** KIE - Cart - Side Cart Module Optimization */ .kisc-wrap.kisc-wrap--inline { max-width: 448px; margin-left: auto; margin-right: auto; opacity: 1; pointer-events: all; position: relative; } .kisc-wrap.kisc-wrap--inline:before { background-color: rgba(255, 255, 255, 0.4); cursor: wait; content: ''; display: none; transition-duration: 0.25s; position: absolute; bottom: 0; left: 0; top: 0; right: 0; } .kisc-wrap.kisc-wrap--inline:after { animation: spin 1s ease-in-out infinite; background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/loader.svg) scroll 0 0 no-repeat; background-size: 100% auto; content: ''; display: none; left: 50%; height: 32px; width: 32px; top: 46%; position: absolute; transform: translate(-50%, -50%); z-index: 25; } .kisc-wrap.kisc-wrap--inline.is-loading:before, .kisc-wrap.kisc-wrap--inline.is-loading:after { display: block; z-index: 20; } @media screen and (min-width: 992px) { .kisc-wrap.kisc-wrap--inline .cart-enhance-results h5 { font-size: 20px; margin-bottom: 10px; } } @media screen and (max-width: 530px) { .kisc-wrap.kisc-wrap--inline { max-width: 80vw; } } /** END KIE - Cart - Side Cart Module Optimization */ /** One Time purchase B selected */ .ot-product-b .quantity, .ot-product-b .woocommerce-variation-price, .ot-product-b .woocommerce-variation-description, .ot-product-b .ot-subscribe-link-p, .woocommerce div.product.ot-product-b form.cart .variations, .woocommerce div.product.ot-product-b .product_title + p.price, .woocommerce div.product.ot-product-b .entry-summary p.price { display: none !important; } .ot-product-b button.single_add_to_cart_button.button, .woocommerce .ot-product-b button.button.single_add_to_cart_button:hover { display: block; float: none !important; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; width: 100%; } .ot-product-b button.single_add_to_cart_button.button::after { top: 17px !important; } .c-ot-options { margin-top: 20px; } .c-ot-options * { font-family: 'Montserrat', Arial, sans-serif; box-sizing: border-box; } .c-ot-options.is-hidden { display: none; } .c-variations__grid { display: flex; gap: 8px; margin-bottom: 32px; width: 100%; } .c-variations h5 { line-height: 1.5em; padding-bottom: 24px; } .c-variant { background: #fff; border: 1px solid #A4A4A4; border-radius: 8px; cursor: pointer; flex-grow: 2; padding: 16px 8px; position: relative; text-align: center; } .c-variant h4 { font-size: 18px; line-height: 1.333333em; padding-bottom: 8px; } .c-variant p { display: block; font-size: 17px; line-height: 1.333333em; padding-bottom: 8px; } .c-variant p:last-child { padding-bottom: 0; } .c-variant .variation__badge { background-color: #E57334; border-radius: 4px; color: #fff; font-size: 12px; line-height: 1.333333em; padding: 4px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; } .c-variant.is-active { border-color: #E57334; border-width: 2px; } .c-variant.is-active h4 { color: #E57334; } .c-variant.is-active .variation__price { font-weight: bold; } .prod-options{ display: flex; gap: 8px; margin-bottom: 32px; } .prod-option { background: #fff; border: 1px solid #A4A4A4; border-radius: 8px; cursor: pointer; max-width: 45%; padding: 16px 15px; position: relative; width: 100%; } .prod-option >a { left: 0; top: 0; height: 100%; width: 100%; position: absolute; z-index: 4; } .prod-option__title { display: flex; padding-left: 26px; position: relative; } .prod-option__title:before { border: 2px solid #E57334; border-radius: 50%; content: ''; display: block; height: 14px; width: 14px; position: absolute; left: 4px; top: 2px; } .prod-option__title strong, .prod-option__title span { white-space: nowrap; } .prod-option__title, .prod-option p { font-size: 17px; line-height: 1.333333em; padding-bottom: 8px; padding-left: 26px; } .prod-option small { font-weight: 500; font-size: 12px; line-height: 1em; } .prod-option.is-checked { border-color: #E57334; border-width: 2px; } .prod-option.is-checked .prod-option__title { color: #E57334; } .prod-option.is-checked .prod-option__title:after { display: block; border-radius: 50%; content: ''; background-color: #E57334; height: 10px; width: 10px; position: absolute; left: 8px; top: 6px; } .prod-options .prod-option:nth-child(2) { max-width: 55%; } .ot-product-b .ot-product__bottom { margin-top: 32px; } @media screen and (max-width: 1260px) { .c-variant p:not(.variation_price) { font-size: 14px; } .prod-option__title, .prod-option p { font-size: 15px; } } @media screen and (max-width: 580px) { .c-ot-options h5 { font-size: 16px; margin-bottom: 24px; padding-bottom: 0; } .c-variant p:not(.variation_price) { font-size: 12px; white-space: nowrap; } .c-variant p.variation__price { font-size: 16px; } .prod-option { max-width: 50% !important; } .c-variant .variation__badge { font-size: 10px; } .ot-product-b button.single_add_to_cart_button.button.alt { width: 100%; } .prod-option__title { display: block; } .prod-option__title strong, .prod-option__title span { white-space: normal; } } @media screen and (max-width: 500px) { .prod-option small { display: block; padding-top: 2px; line-height: 1.5em; } } /** END One Time purchase B selected */ /* PLP Overhaul V2 AB Test (dropdown button only) */ .plp-dpdwn-btm { position: relative; padding-top: 10px; } .plp-dpdwn-btm * { font-family: Helvetica, arial, sans-serif; } .plp-dpdwn-btm.is-hidden-dpdn { display: none; } .plp-dpdwn-btm a { background-color: #E57334; border-radius: 10px; color: #fff; display: block; font-weight: bold; font-size: 16px; line-height: 1.777777em; padding: 12px 10px; text-align: center; } .woocommerce .plp-dpdwn-btm a.button { width: 100%; font-size: 16px !important; } .plp-dpdwn-btm a i { font-style: normal; font-weight: 400; } .plp-dpdwn-btm a del { font-size: 14px; font-weight: 300; line-height: 2.285714em; opacity: 0.92; } .plp-dpdwn-btm .subscription-details { display: none; } .plp-dpdn-variants { background-color: #FFD8C3; border-radius: 8px; bottom: 0; padding: 12px 8px; position: absolute; transition: all 0.25s; transform: translateY(100%); width: 100%; z-index: 20; } .plp-dpdn-variants.is-active { transform: translateY(0); } .plp-dpdn-variants .variant__add-to-cart:after { display: none !important; } .dpdn-variants__close { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/plp-dpdn-close.svg) scroll 0 0 no-repeat; background-size: 100% auto; background-position: center; content: ''; cursor: pointer; display: inline-block; margin-left: 10px; height: 14px; width: 16px; position: absolute; right: 18px; top: 20px; z-index: 20; } .variant__radio { margin-bottom: 5px; margin-right: 26px; text-align: left; } .variant__radio label { cursor: pointer; display: block; font-size: 12px; line-height: 1.2em; padding: 7px 0 7px 25px; position: relative; } .variant__radio input { display: none; } .variant__radio label:before { background-color: #fff; box-sizing: border-box; border-radius: 50%; border: 2px solid #272727; content: ''; display: block; height: 18px; left: 0; top: 6px; position: absolute; width: 18px; } .variant__radio input:checked + label:after { background-color: #EF7742; border-radius: 50%; content: ''; display: block; position: absolute; height: 10px; width: 10px; left: 4px; top: 10px; } .plp-card__dpdn-btn:after { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/plp-dpdn-open.svg) scroll 0 0 no-repeat; background-size: 100% auto; content: ''; display: inline-block; margin-left: 10px; height: 8px; width: 16px; } .plp-dpdn-variants { transform: none; opacity: 0; pointer-events: none; } .plp-dpdn-variants.is-active { transform: translateY( calc(100% - 58px) ); bottom: 0; opacity: 1; pointer-events: all; } @media screen and (max-width: 992px) { .plp-dpdwn-btm a { height: 60px; display: flex; justify-content: center; align-items: center; line-height: 1.111111em; } } @media screen and (max-width: 768px) { .variant__radio { margin-right: 34px; } .plp-dpdwn-btm a { padding-left: 15px; padding-right: 15px; } } /* END PLP Overhaul V2 */ /* New PDP Laser cap */ .product-pdp-cap .pdp-el-case-a, .pdp-case-el-b, .product-pdp-cap .product table.variations, .product-pdp-cap .woocommerce-product-gallery .flex-control-nav, .product-pdp-cap .woocommerce-variation .woocommerce-variation-description { display: none; } .product-pdp-cap .slick-dots.wpgs-dots, .product-pdp-cap .entry-summary .order-box, .is-hidden, .et_pb_module.is-hidden, .product-pdp-cap .post-76750 .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images::after, /* removes the 50+ bought... text */ .product-pdp-cap .et_pb_row.pdp-el-case-a, .product-pdp-cap .et_pb_wc_add_to_cart .timea, .product-pdp-cap .et_pb_wc_add_to_cart .timeb, .product-pdp-cap .variations_form .of, .product-pdp-cap .affirm-as-low-as { display: none !important; } .product-pdp-cap .pdp-case-el-b { display: block; } .product-pdp-cap .woocommerce-product-gallery__image.single-product-main-image { background-color: #fff; border-radius: 8px; } .et-db.product-pdp-cap #et-boc .et-l .et_pb_section:not(.ignore-bg) { background-color: #f7f7f7; } .expert-fw-row .dtq-carousel.dtq-image-carousel.dtq-carousel-frontend.dtq-lightbox-off.slick-initialized.slick-slider { padding-left: 0; } @media screen and (min-width: 981px) { .et-db.product-pdp-cap #et-boc .et-l .et_pb_row:not(.expert-fw-row) { max-width: 1220px; width: 90%; } .et-db.product-pdp-cap #et-boc .et-l .et_pb_row.expert-fw-row .et_pb_row { max-width: 100%; width: 100%; } .et_pb_gutters3.et-db.product-pdp-cap #et-boc .et-l .et_pb_column_1_2.et_pb_column_0 { width: 41.8033%; margin-right: 4.919%; } .et_pb_gutters3.et-db.product-pdp-cap #et-boc .et-l .et_pb_column_1_2.et_pb_column_1 { width: 53.2777%; } .product-pdp-cap button.single_add_to_cart_button.button.alt { text-transform: capitalize !important; } } @media screen and (max-width: 767px) { .expert-fw-row .et_pb_module.et_pb_text.et_pb_text_13.et_pb_text_align_left.et_pb_bg_layout_light { display: none; } .expert-fw-row .dtq-carousel-item.dtq-image-carousel-item.dtq-swapped-img-selector.dtq-hover--none { padding: 14px 24px; background: #fff; float: left; } .expert-fw-row .ba_image_carousel_2 .ba_image_carousel_child { width: 100% !important; padding: 10px 38px; } .expert-fw-row .et_pb_module.ba_image_carousel.ba_image_carousel_1 .slick-track { padding-top: 0px ! IMPORTANT; } .expert-fw-row .dtq-carousel.dtq-image-carousel.dtq-carousel-frontend.dtq-lightbox-off.slick-initialized.slick-slider { padding-left: 0%; margin: 0px 10% !important; } .expert-fw-row .ba_image_carousel_1 .slick-arrow { top: auto; bottom: 0% !important; left: 54% !important; } .expert-fw-row .ba_image_carousel_1 .slick-prev { margin-left: calc(-60px + 10px) !important; } .expert-fw-row h3.dtq-image-title { font-size: 16px ! IMPORTANT; } .expert-fw-row h5.dtq-image-subtitle { float: left; text-align: left; font-size: 13px !important; font-weight: 100 !important; } } .product-pdp-cap .woocommerce-variation-add-to-cart .quantity { display: none !important; } .product-pdp-cap .woocommerce-variation-add-to-cart button.single_add_to_cart_button.alt { width: calc(100% - 12px) !important; } .product-pdp-cap .single_variation_wrap .woocommerce-variation-price .price { font-family: Helvetica, Arial, sans-serif; display: flex; align-items: center; } .product-pdp-cap .single_variation_wrap .woocommerce-variation-price del { margin-left: 3px; order: 2; } .single-product.product-pdp-cap .single_variation_wrap .woocommerce-variation-price .woocommerce-Price-amount { color: #2559A9 !important; } .single-product.product-pdp-cap .single_variation_wrap .woocommerce-variation-price del .woocommerce-Price-amount { color: #a4a4a4 !important; } .product-pdp-cap h1 { font-family: Helvetica, Arial, sans-serif !important; font-size: 32px; line-height: 1.25em !important; font-weight: bold !important; letter-spacing: -0.02em; } .single-pdp-change.product-pdp-cap .pdp-description { font-family: Helvetica, Arial, sans-serif; letter-spacing: -0.01em; } .attrs-wrap { margin-top: 25px; margin-bottom: 25px; } .attrs-wrap.is-hidden { display: none; } .attrs-wrap * { font-family: 'Helvetica', Arial, sans-serif !important; box-sizing: border-box !important; } .attrs-wrap h4 { color: #2559A9 !important; font-size: 14px; line-height: 1.00625rem !important; letter-spacing: -0.01em; padding-bottom: 8px; } .attr-grid { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 25px; } .attr-grid .attr-box { flex-grow: 2; } .attr-grid[data-attr="attribute_pa_choose-cap"] .attr-box:nth-child(1), .attr-grid[data-attr="attribute_pa_choose-cap"] .attr-box:nth-child(2) { width: 29.66%; } .attr-box { align-items: center; background-color: #fff; border: 1px solid #fff; border-radius: 8px; display: flex; flex-direction: column; padding: 16px 10px; position: relative; cursor: pointer; transition: all 0.2s; } .attr-box.is-active { border-color: #2559A9; pointer-events: none; } .attr-box .attr__badge { background-color: #2559A9; border-radius: 10px; color: #fff; font-size: 10px; font-weight: bold; line-height: 1.15em; letter-spacing: -0.01em; left: 50%; padding: 4px 8px; position: absolute; text-align: center; top: 0; transform: translate(-50%,-50%); white-space: nowrap; } .attr__head { display: flex; margin-bottom: 15px; } .attr__head picture { display: block; height: 40px; max-width: 30px; width: 100%; } .attr__head > div { padding-left: 16px; } .attr__head h4 { color: #272727 !important; letter-spacing: -0.01em; } .attr-box p { font-size: 12px; line-height: 0.8625rem; margin-bottom: 0; letter-spacing: -0.01em; } .attr-box .attr__body h4 { font-size: 16px; line-height: 1.5em !important; padding-bottom: 4px; } .attr-box--media { flex-direction: row; padding: 20px 15px; width: 50%; } .attr-box--media >picture { max-width: 48px; width: 100%; } .attr-box--media .attr__body { padding-left: 12px; flex-grow: 2; } .attr-box--media >picture img { width: 100%; height: auto; } .attr-box--media p { line-height: 1.3333em; } .prod-coverage { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/coverage-one.svg) scroll 0 0 no-repeat; background-size: 100% auto; display: block; height: 10px; margin: 0 auto 2px; width: 46px; } .prod-coverage.coverage--two { background-image: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/coverage-two.svg); } .prod-coverage.coverage--three { background-image: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/coverage-three.svg); } .pdp-thumbnails { clear: both; margin-top: 20px; position: relative; margin-bottom: 20px; } .sp-thumb-slider { position: relative; margin-left: 30px; margin-right: 30px; } .sp-slider__outer { overflow: hidden; } .sp-slider__inner { display: block; white-space: nowrap; transition: all 0.25s; } .sp-slider__slide { border: 1px solid transparent; display: inline-block; width: 92px; height: 92px; border-radius: 8px; overflow: hidden; margin: 0 2px; cursor: pointer; } .sp-slider__slide img, .sp-slider-preview img { height: 92px !important; object-fit: cover !important; width: 92px !important; } .sp-slider__slide.is-active { border-color: #2559A9; } .sp-slider__arrow { cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; height: 20px; width: 14px; top: 50%; transform: translateY(-50%); right: -30px; } .sp-slider__arrow:before { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/pdp-slider-arrow-next.svg) scroll 0 0 no-repeat; background-size: 100% auto; content: ''; display: block; height: 13px; width: 8px; } .sp-slider__arrow.sp-slider__prev { right: auto; left: -30px; } .sp-slider__arrow.sp-slider__prev:before { transform: rotate(180Deg); } /*.product-pdp-cap .wpgs-nav.slick-initialized.slick-slider { display: block !important; } .product-pdp-cap .woo-product-gallery-slider.woocommerce-product-gallery.wpgs--with-images .wpgs-nav img { height: 92px; width: 92px } .wpgs-nav .slick-slide { width: 92px !important; }*/ .product-upsells * { font-family: Helvetica, Arial, sans-serif !important; } .product-upsells .et_pb_text_inner > p { display: none; } .pdp-upsells h3 { font-weight: bold; font-size: 18px; line-height: 1.15em !important; letter-spacing: -0.01em; color: #2559A9 !important; padding-bottom: 8px; } .upsell-box { background-color: #fff; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; padding: 20px 16px; } .upsell-box .upsell__head { display: flex; align-items: center; flex-grow: 2; padding-left: 12px; } .upsell-box .upsell__head img { height: 70px; margin-right: 12px; object-fit: contain; object-position: center center; width: 70px; } .upsell-box h4 { color: #2559A9 !important; font-size: 16px; line-height: 1.5em !important; letter-spacing: -0.01em; padding-bottom: 0; } .upsell__head .upsell__price { display: none; } .upsell__price .woocommerce-variation-price { margin-bottom: 0; } .upsell__price .woocommerce-variation-price .woocommerce-Price-amount, .single-product .upsell__price .woocommerce-variation-price .woocommerce-Price-amount { color: #272727 !important; font-weight: bold; font-size: 14px !important; line-height: 16.1px !important; } .upsell__checkbox { display: inline-flex;position: relative; } .upsell__checkbox input[type="checkbox"] { appearance: none; border: 1px solid #727272; border-radius: 4px; cursor: pointer; height: 16px; margin: 0; width: 16px; } .upsell__checkbox input[type="checkbox"]:checked { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-checkmark.png) scroll 50% 50% no-repeat; background-size: 84% auto; } .uppsell__head { padding-left: 12px; } .upsell__price .woocommerce-variation-price .price { display: flex; align-items: center; } .upsell__price .woocommerce-variation-price ins { order: 1; display: inline-flex !important; margin-right: 2px; } .upsell__price .woocommerce-variation-price del { margin-left: 2px; order: 2; display: inline-flex !important; } .pdp-tabs-section * { font-family: Helvetica, Arial, sans-serif !important; } .tabs-panel .tabs__nav { display: flex; justify-content: center; gap: 30px; } .tabs-panel .tabs__nav a { color: #727272 !important; border-bottom: 2px solid transparent; font-size: 20px; font-weight: bold; ;line-height: 1.2em; padding: 8px 0; transition: all .25s; } .tabs-panel .tabs__nav a.is-active { color: #E57334 !important; border-color: #E57334; } .tabs__tab-content { display: none; padding: 40px 0; } .tabs__tab-content.is-active { display: block; } .tabs__tab-content h4 { color: #2559a9 !important; line-height: 1.333333em; letter-spacing: -0.015em !important; } .tabs__tab-content p { padding-bottom: 10px; letter-spacing: -0.015em; } .tab__heading { text-align: center; margin-bottom: 20px; } .tab__heading h2 { color: #2559a9 !important; font-size: 24px; line-height: 1.6666em; letter-spacing: -0.02em; padding-bottom: 15px; } .tab__heading h3 { color: #2559a9 !important; font-size: 20px; line-height: 1.2em; letter-spacing: -0.02em; padding-bottom: 5px; } .tab__heading p { font-size: 18px; line-height: 2.5em; letter-spacing: -0.02em; padding-bottom: 20px !important; } .single-product #main-content .tabs__body .container { padding-top: 0 !important; } /* fix */ .pdp-how-works .container { max-width: 1216px; width: 100%; padding-left: 20px; padding-right: 20px; } .pdp-how-works p strong { color: #2559a9 !important; } .how-works__grid { display: flex; justify-content: space-between; gap: 6.99%; } .pdp-how-works .hw-col__l { max-width: 30.838815%; width: 100%; } .pdp-how-works .hw-col__r { flex-grow: 2; } .pdp-how-works .how-works__images { display: flex; gap: 16px; justify-content: space-between; } .pdp-how-works .how-works__images picture { display: block; width: 50%; } .pdp-how-works .how-works__images img { display: block; height: auto; width: 100%; object-fit: cover; } .pdp-how-works .how-works__slider { display: none; } .benefits-list { display: flex; flex-wrap: wrap; gap: 16px; width: 660px; margin: 0 auto; } .benefits-list li { color: #272727; display: block; font-size: 16px; line-height: 1.5em; max-width: calc(50% - 8px); margin-bottom: 10px; padding-left: 24px; position: relative; width: 100%; } .benefits-list li:before { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-circle-check.svg) scroll 0 0 no-repeat; background-size: 100% auto; content: ''; display: block; left: 0; height: 16px; position: absolute; top: 3px; width: 16px; } .sp-faqs .wrap-md { max-width: 1056px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } .faqs-block .faqs__grid { display: flex; flex-wrap: wrap; gap: 4.5%; } .faqs-block .faqs__col { width: 100%; max-width: 47.75%; } .faqs__cta { text-align: center; padding-top: 40px; } .faq-item { margin-bottom: 16px; background-color: #fff; border-radius: 8px; } .faq-item .faq-item__heading { cursor: pointer; padding: 16px 60px 16px 16px; line-height: 1.5em; position: relative; } .faq-item .faq-item__body { display: none; } .faq-item .faq-item__body, .faq-item .faq-item__body p { font-size: 14px; line-height: 1.71428em; letter-spacing: -0.015em; } .faq-item .faq-item__body p:last-child { margin-bottom: 0; } .faq-item .faq-item__heading:after { content: ''; background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-arrow-orange-down.svg) scroll 50% 50% no-repeat; display: block; background-size: 16px auto; height: 24px; width: 32px; position: absolute;right: 16px;top: 19px; transition: all 0.25s; } .faq-item.is-active .faq-item__heading:after { transform: rotate(180deg); } .faq-item.is-active .faq-item__heading { padding-bottom: 8px; } .faq-item.is-active .faq-item__body { display: block; padding: 0 16px 16px; padding-right: 60px; } .expect-progress .wrap-md { max-width: 1092px; padding-left: 20px; padding-right: 20px; margin: 0 auto; width: 100%; } .treatment-grid { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; } .treatment-item { text-align: center; padding: 0 5px; position: relative; } .treatment-item picture { display: block; height: 80px; width: 80px; margin-left: auto; margin-right: auto; margin-bottom: 44px; } .treatment-item picture img { height: auto; width: auto; max-width: 100%; max-height: 100%; display: block; } .treatment-item .treatment__body h5 { font-weight: bold; padding-bottom: 4px !important; } .treatment-item .treatment__body h5 em { color: #2559a9; font-style: normal; } .treatment-item .treatment__body p { font-size: 14px; line-height: 1.714285em !important; letter-spacing: -0.02em; max-width: 230px; margin-left: auto; margin-right: auto; } .treatment-item:after { border-radius: 2px; content: ''; display: block; width: 120%; height: 4px; background: #E57334; top: 96px; position: absolute; left: 50%; transform: translateX(-50%); } .treatment-item:first-child:after, .treatment-item:last-child:after { width: 65%; transform: none; } .treatment-item:first-child:after { transform: none; } .treatment-item:last-child:after { right: 50%; left: auto; } .treatment-item:before { background: #E57334; border-radius: 50%; content: ''; display: block; height: 10px; width: 10px; top: 98px; left: 50%; position: absolute; transform: translate(-50%, -50%); } .wrap-lg { margin-right: auto; margin-left: auto; max-width: 1216px; width: 100%; } .bfa-grid { display: flex; flex-wrap: wrap; gap: 4%; justify-content: space-between; } .bfa-grid .bfa__left { width: 31.5789%; } .bfa-grid .bfa__right { width: 62.8289% } .bfa-grid h2 { color: #2559A9 !important; font-size: 32px; line-height: 1.5em !important; letter-spacing: -0.015em; padding-bottom: 8px; } .bfa-grid .bfa__left p { font-size: 18px; line-height: 1.5555em; margin-bottom: 15px; } a.read-more-link { display: inline-block; color: #E57334 !important; line-height: 1.5em !important; text-decoration: underline;font-weight: bold;position: relative; font-size: 16px; } a.read-more-link:after { content: ''; background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-more-arrow.svg) scroll center no-repeat; background-size: 7px 14px; display: block; width:20px;height:22px;position: absolute;left: 100%;top: 0;} .baf-slider { margin-bottom: 32px; } .pdp-how-works .how-works__slider { padding-left: 10px; padding-right: 10px; } .baf-slider .slick-slide { margin: 0 16px; } .baf-slider .slick-arrow, .pdp-how-works .how-works__slider .slick-arrow { appearance: none; background-color: #D2ECFC !important; border: 0 none; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 0; height: 32px; width: 32px; left: 0; top: 50%; transform: translateY(-50%); position: absolute; z-index: 20; } .baf-slider .slick-arrow:before, .pdp-how-works .how-works__slider .slick-arrow:before { background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-slider-arrow-prev.svg) scroll 0 0 no-repeat; background-size: 100% 100%; content: ''; display: block; height: 16px; width: 8px; } .baf-slider .slick-arrow.slick-next, .pdp-how-works .how-works__slider .slick-arrow.slick-next { left: auto; right: 0; } .baf-slider .slick-arrow.slick-next:before, .pdp-how-works .how-works__slider .slick-arrow.slick-next:before { transform: rotate(180deg); } .baf-slider .slick-list { margin-left: 25px; margin-right: 25px; } .baf-slider .slick-dots, .pdp-how-works .how-works__slider .slick-dots { display: flex; position: absolute; gap: 8px; justify-content: center; left: 50%; transform: translateX(-50%); bottom: -32px; } .baf-slider .slick-dots li, .pdp-how-works .how-works__slider .slick-dots li { width: auto;height: auto;margin: 0; } .baf-slider .slick-dots button, .pdp-how-works .how-works__slider .slick-dots button { appearance: none; border: 0 none; background-color: #D9D9D9; font-size: 0; cursor: pointer; border-radius: 50%; height: 8px; width: 8px; } .baf-slider .slick-dots .slick-active button, .pdp-how-works .how-works__slider .slick-active button { background-color: #E57334; } .baf-slider .slick-dots li button:before, .pdp-how-works .how-works__slider .slick-dots li button:before { content: ''; } .testi-box { background-color: #fff; border-radius: 8px; overflow: hidden; padding: 8px; } .testi-box picture { display: block; margin-bottom: 15px; } .testi-box p, .testi-box cite { color: #272727 !important; font-size: 14px; line-height: 1.7142em !important; letter-spacing: -0.015em; } .testi-box cite { font-style: normal; font-weight: bold; } .pdp-info-items { display: flex; margin-top: 15px;letter-spacing: -0.015em; gap: 16px; } .pdp-info-items p { color: #2559A9 !important; font-size: 12px; font-weight: bold; line-height: 1.333333em !important; display: flex;letter-spacing: -0.015em; } .pdp-info-items .ico-cycle { display: inline-block; min-width: 20px;width: 20px; height: 20px; background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-pdp-cycle.svg) scroll 0 0 no-repeat; margin-right: 4px; } .pdp-info-items .ico-shipping { display: inline-block; min-width: 20px;width: 20px; height: 20px; background: url(https://kiierr.com/wp-content/themes/flatsome-child/assets/images/ic-pdp-shipping.svg) scroll 0 0 no-repeat; margin-right: 4px; } .pdp-info-items .ico-cycle, .pdp-info-items .ico-shipping { position: relative;top: -2px; } .pdp-desc-btm { margin-top: -12px; margin-bottom: 28px; } .pdp-desc-btm p { font-size: 12px; line-height: 1.15;letter-spacing: -0.01em; } .pdp-desc-btm p svg { float: left; margin-right: 2px;max-height: 14px;position: relative;top: -1px; } .pdp-desc-btm p:after { display: table; content: ''; clear: both; } @media screen and (min-width: 981px) { .product-pdp-cap .row-woo-product { display: flex; align-items: start; } .product-pdp-cap .row-woo-product > .et_pb_column_0 { position: sticky !important; top: 0; } } @media screen and (max-width: 980px) { .et-db.product-pdp-cap #et-boc .et-l h1 { font-size: 18px; line-height: 1.15em; } .product-pdp-cap .et_pb_column.et_pb_column_1_2 { padding-left: 20px !important; padding-right: 20px !important; } .single-pdp-change.product-pdp-cap .pdp-description { display: block; } .product-pdp-cap .et_pb_module.et_pb_wc_price.et_pb_wc_price_0 { display: none !important; } .product-pdp-cap .pdp-description { font-size: 14px; margin-top: 14px; } .product-pdp-cap .single_variation_wrap .woocommerce-variation-price .woocommerce-Price-amount { font-size: 18px !important; line-height: 1.333333em !important; } .product-pdp-cap #pdp_custom_tabs >.et_pb_row { width: 100% !important; } .pdp-tabs-section { margin-top: -30px; } .tabs-panel { overflow: hidden; } .tabs-panel .tabs__nav { background-color: #fff; display: block; margin-left: 24px; white-space: nowrap; scroll-behavior: auto; overflow: scroll; padding: 8px 12px; border-radius: 4px; } .tabs-panel .tabs__nav a { margin-right: 15px; display: inline-block; } .bfa-grid { display: block; } .bfa-grid .bfa__left, .bfa-grid .bfa__right { width: 100%; } .bfa-grid .bfa__left { max-width: calc(100% - 70px); text-align: center; margin-bottom: 24px; margin-left: auto; margin-right: auto; } .bfa-grid .bfa__right { max-width: calc(100% - 48px); margin-left: auto; margin-right: auto; overflow: hidden; } .how-works__grid { display: block; } .pdp-how-works .hw-col__l { max-width: 100%; } .pdp-how-works .hw-col__l { margin-bottom: 32px; } .sp-benefits .container { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 1100px) and (min-width: 781px) { .treatment-item::before, .treatment-item::after { display: none; } } @media screen and (max-width: 780px) { .treatment-grid { padding-left: 24px; flex-direction: column; align-items: flex-start; } .treatment-item { display: flex; text-align: left; } .treatment-item picture { margin-right: 16px; margin-bottom: 40px; } .treatment-item::before { left: -12px; top: 40px; } .treatment-item::after { height: 110%; width: 4px !important; left: -12px; top: 42px; transform: translateX(-50%) !important; } .treatment-item:last-child::after { display: none; } .pdp-how-works .tab__heading { text-align: left; } .baf-slider .slick-dots, .pdp-how-works .how-works__slider .slick-dots { bottom: -30px; } .benefits-list li, .faqs-block .faqs__col { max-width: 100%; } .faq-item { border-radius: 0; margin-bottom: 2px; background: transparent; position: relative; } .faq-item:after { content: ''; display: block; height: 1px; width: calc(100% - 32px); bottom: -1px; background-color: #D9D9D9; position: absolute; left: 16px; } .faq-item.is-active:after { display: none; } .faq-item .faq-item__heading { font-size: 16px; line-height: 1.5em !important; } } @media screen and (max-width: 720px) { .attr-box:not(.attr-box--media) .attr__head { flex-direction: column; } .attr-box:not(.attr-box--media) .attr__head picture { max-width: 100%; text-align: center; margin-bottom: 5px; } .attr-box:not(.attr-box--media) .attr__head > div { padding-left: 0; text-align: center; } .attr-box:not(.attr-box--media) .attr__head h4 { padding-bottom: 2px; } .attr-box:not(.attr-box--media) > div p { max-width: unset; width: 100%; text-align: center; } .attr-grid { gap: 8px; } .attr-grid[data-attr="attribute_pa_choose-cap"] .attr-box { width: 33.3333% !important; } .sp-slider__slide { height: 78px; width: 78px; } .sp-slider__slide img { max-width: 100%; max-height: 100%; } .tabs-panel .tabs__nav a { font-size: 16px; line-height: 1.15em; padding: 4px 0; } .baf-slider { padding-right: 20px; padding-right: 60px; } .baf-slider .slick-list { overflow: visible; } .baf-slider .slick-list { margin-left: 0; margin-right: 0; } .baf-slider .slick-slide { margin-left: 4px; margin-right: 4px; } .bfa-grid h2 { font-size: 20px !important; line-height: 1.2em; } .bfa-grid .bfa__left p { font-size: 14px; line-height: 1.7142em; } .pdp-how-works .how-works__images { display: none; } .pdp-how-works .how-works__slider { display: block; } .pdp-how-works .tab__heading { margin-bottom: 0; } .pdp-how-works .tab__heading h2, .tabs__tab-content .pdp-how-works h4 { font-size: 18px !important; line-height: 1.3333em !important; } .pdp-how-works .tab__heading p, .pdp-how-works p { font-size: 14px; line-height: 1.71428em !important; } } @media screen and (max-width: 567px) { .upsell-box > .upsell__price { display: none; } .upsell-box .upsell__head .upsell__price { display: block; padding-left: 10px; position: relative; } .upsell-box .upsell__head .upsell__price strong { color: #272727;position: absolute; top: -2px; left: 0px; } .sp-slider__slide { height: 48px; width: 48px; } .attr-box--media { flex-direction: column; padding: 12px 10px; text-align: center; } .attr-box--media .attr__body { padding-left: 0; } } @media screen and (max-width: 560px) { .attr-box:not(.attr-box--media) > .attr__head div p { min-height: 27.6px; } .attr-box:not(.attr-box--media) .attr__head { margin-bottom: 10px; } } @media screen and (max-width: 405px) { .attr-box:not(.attr-box--media) .attr__head h4 { min-height: 34.2px; } } /* END New PDP Laser cap */ /** Utils */ .hidden { display: none; } .hidden-i { display: none !important; } @media screen and (max-width: 567px) { .hide-mob { display: none !important; } } /* END Utils */ /** countdown Promo banner */ .promo-banner * { font-family: Helvetica, Arial, sans-serif; } .promo-banner { background-color: #F5F6F6; } .promo-banner .banner__container { align-items: center; display: flex; justify-content: center; max-width: 1200px; margin-left: auto; margin-right: auto; padding: 8px 20px; } .promo-counters { align-items: center; margin-right: 70px; display: flex; justify-content: center; } .promo-counters > p { margin-right: 15px; font-size: 14px; line-height: 1.15em; } .promo-counters .counter__item { background: #272727; border-radius: 4px; color: #fff; display: flex; flex-direction: column; padding: 5px; width: 46px; text-align: center; } .promo-counters .counter__item:not(:last-child) { margin-right: 8px; } .promo-counters .counter__item span { display: block; font-size: 18px; line-height: 1.1111em; } .promo-counters .counter__item small { font-size: 12px; line-height: 1.15em; } .promo-item { align-items: center; display: flex; justify-content: center; } .promo-item:not(:last-child) { margin-right: 40px; } .promo-item picture { display: block; height: 60px; max-width: 60px; min-width: 60px; margin-right: 15px; } .promo-item .promo__body { color: #000; font-size: 16px; line-height: 1.5em; } .promo-item .promo__body em { color: #2559A9; font-style: normal; font-weight: bold; } @media screen and (max-width: 991px) { .promo-counters > p { max-width: 78px; text-align: center; } .promo-counters { margin-right: 30px; } .promo-item:not(:last-child) { margin-right: 20px; } .promo-item picture { width: 32px; height: 32px; min-width: 30px; } } @media screen and (max-width: 780px) { .promo-item .promo__body { font-size: 12px; line-height: 1.333333em; } .promo-counters { margin-right: 8px; } .promo-counters .counter__item:not(:last-child) { margin-right: 2px; } } @media screen and (max-width: 567px) { .hide-mob { display: none !important; } .promo-banner .banner__container { justify-content: space-around; padding-left: 10px; padding-right: 10px; } .promo-counters > p { margin-right: 8px; } } @media screen and (max-width: 620px) { .promo-banner .banner__container { flex-wrap: wrap; gap: 8px; } .promo-counters > p { font-size: 12px; line-height: 1.15em; } .promo-counters { width: 100%; } .promo-item:not(:last-child) { margin-right: 15px; } .promo-counters .counter__item { flex-direction: row; width: auto; } .promo-counters .counter__item span, .promo-counters .counter__item small { font-size: 14px; line-height: 1.15em; } .promo-counters .counter__item span { margin-right: 1px; } } @media screen and (max-width: 450px) { .promo-item { max-width: calc(50% - 8px); margin: 0; } .promo-item:not(:last-child) { margin-right: 0; } .promo-item picture { margin-right: 10px; } } /** END countdown Promo banner */