/*============header===========*/ header svg { max-width: none; } body { background: #f5f1e7 !important; } .announcement-bar { color: rgb(var(--base-color)); } .announcement_bar .announcement-bar>div { --bs-gutter-x: clamp(7rem, 7.5vw, 8rem); } .announcement-bar a { color: var(--color-link); } .announcement-bar strong { color: inherit; } section#announcement-bar p { color: #e0cbb8 !important; } .announcement-bar-content { font-size: var(--announcement-bar-font-size); font-weight: var(--announcement-bar-font-weight); height: 100%; } .announcement-bar .announcement-close { color: var(--close-btn-color); cursor: pointer; opacity: 0.5; font-size: 18px; } .banner_video video { width: 100% !IMPORTANT; max-width: 100% !important; height: 600px; object-fit: cover; } .custom_new{ padding:0; } .custom_new h2{ color:#b08a41; margin: 0; } .custom_new p{ color:#b08a41; font-size: 19px; } .announcement-bar .announcement-close:hover { opacity: 1; } .announcement-scroll { animation: ticker var(--s-text-time, 20s) infinite linear; flex-shrink: 0; } #announcement-bar:hover .announcement-scroll { animation-play-state: paused; } .announcement-scroll .announcement-bar-content { margin: 0 var(--s-text-spacing); } .swiper-announcementBar .announcement-bar-content { padding-left: clamp(2rem, 4vw, 6rem); padding-right: clamp(2rem, 4vw, 6rem); } .countdown-announcementBar { margin: 0 0 0 1rem; color: var(--primary-color); } .countdown-announcementBar .countdown-container:not(:last-child)::after { content: ":"; margin: 0 2px 0 0; line-height: 1; } .announcement-bar .swiper-button-prev, .announcement-bar .swiper-button-next { --swiper-arrow-width: 2.5rem; --swiper-arrow-height: 2.5rem; background: transparent !important; border: none; font-size: 2rem; color: rgb(var(--base-color)); min-width: 3rem; opacity: 0.5; margin: 0; z-index: 1; } .announcement-bar .swiper-button-prev:hover, .announcement-bar .swiper-button-next:hover { opacity: 1; color: rgb(var(--base-color)); } @media only screen and (max-width: 575px) { .announcement-bar .swiper-button-prev, .announcement-bar .swiper-rtl .swiper-button-next { --swiper-pre-position: -1rem; } .announcement-bar .swiper-button-next, .announcement-bar .swiper-rtl .swiper-button-prev { --swiper-next-position: -1rem; } .announcement-bar .announcement-close { transform: none; top: 0.5rem; right: 0.5rem; } } .opened .open-children-toggle::before, .opened~.open-children-toggle::before { opacity: 0; -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } /* Slide announcement bar */ @media only screen and (min-width: 768px) { .swiper-announcementBar { width: 80%; max-width: 820px; margin: auto; overflow: hidden; } } .topbar { font-size: calc(var(--base-font-size) - 2px); color: rgb(var(--base-color)); fill: rgb(var(--base-color)); padding: 2px 0; } .topbar a:not(:hover), .topbar a:not(:hover) strong { color: rgb(var(--base-color)); fill: rgb(var(--base-color)); } .topbar-message a:not(:hover), .topbar-message a:not(:hover) strong, .topbar a:hover, .topbar a:hover strong { color: var(--color-link-hover); } .topbar a circle { stroke: rgb(var(--base-color)); } .topbar a:hover circle { stroke: var(--color-link-hover); } .topbar .col-left>*:not(:last-child), .topbar .col-right>*:not(:last-child) { margin-right: 2.5rem; } .topbar .col-center.justify-content-center { padding-left: 2.5rem; padding-right: 2.5rem; text-align: center; } .topbar .bls__social-link { flex-wrap: wrap; gap: 12px; line-height: 1; } .block-search-full .popup-search { position: absolute; background: white; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } @media only screen and (max-width: 767px) { .topbar .col-left>*:not(:last-child), .topbar .col-right>*:not(:last-child) { margin-right: 1.5rem; } .topbar .col-center.justify-content-center { padding-left: 1.5rem; padding-right: 1.5rem; } [data-free-scroll]>div { margin-right: calc(-1 * var(--bs-gutter-x) * .5); padding-left: calc(-1 * var(--bs-gutter-x) * .5); } [data-item-mobile="true"] .swiper-slide { width: 66% !important; } } .topbar .message-center { justify-content: center; } @media only screen and (min-width: 1025px) { .topbar .col-t { flex: 1; } } @media only screen and (max-width: 1024px) { .bls-header-recently-viewed, .bls__header-wishlist, .header_account { display: none; } } .items-contact { white-space: nowrap; } .bls__social_svg-icon:hover { fill: var(--color-link-hover); } /*==== header middle ====*/ body:not(.template-index) .page-header { border-bottom: 1px solid var(--border-color-base); } .header_scroll_down #sticky-header { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9; box-shadow: var(--bls-box-shadow); animation-name: fadeInsTicky; animation-duration: 0.5s; animation-fill-mode: inherit; background-color: var(--header-bg); transition: 0.5s background-color; } .h-transparent.header_scroll_down #sticky-header .block-sticky { display: block !important; } .h-transparent.header_scroll_down #sticky-header .none-sticky { display: none !important; } @media (min-width: 1200px) { .page-header .title-menu-dropdown.home-page.none-pointer { pointer-events: none; } .page-header.header_scroll_down .title-menu-dropdown.home-page.none-pointer { pointer-events: inherit; } } @media only screen and (min-width: 1025px) { .header-container .col-header-right svg { vertical-align: -3px; } .transparent-topbar .header-container, .h-transparent:not(.transparent-topbar) .header-transparent { position: absolute; left: 0; right: 0; } } @media only screen and (min-width: 1200px) { .hside_opened .header_scroll_down #sticky-header { padding-right: var(--padding-right, 0) !important; } } .header-container { position: relative; z-index: 5; } .topbar.border-bottom { --border-color-base: var(--header_border_color); } .col-header-left, .col-header-right { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } .header-middle { padding-top: var(--header-padding); padding-bottom: var(--header-padding); background-color: var(--header-bg); } .header-middle .col-header-right>div { margin-left: 2rem; } /* header layout2 end layout4 */ @media only screen and (min-width: 1200px) { .h_layout2 .middle-bottom { --bs-gutter-x: 6rem; } } @media only screen and (min-width: 1025px) { .h_layout2 .header-middle { --header-padding: 5px; padding: 0; --bs-gutter-x: 3rem; } .h_layout2 .middle-bottom { padding: var(--header-padding) 0; position: relative; } .h_layout2 .middle-bottom:before { content: ""; border-top: 1px solid var(--header_border_color, --border-color-base); position: absolute; top: 0; left: 0; right: 0; pointer-events: none; margin: auto; } .h_layout2 .bottom-container-fluid:before { max-width: var(--bls-container-fluid-width); width: calc(100% - var(--bs-gutter-x)); } .h_layout2 .bottom-container:before { max-width: var(--body-custom-width-container); width: calc(100% - var(--bs-gutter-x)); } .h_layout2 .middle-top { padding: 1.6rem 0; } .h_layout4 .middle-top { padding: 2.5rem 0; } .h_layout4 .header-middle { --header-padding: 0; padding: 0; } .h_layout4 .middle-bottom { border-top: 1px solid var(--header_border_color, --border-color-base); background-color: var(--color-white); padding: var(--header-padding) 0; } .h_layout4 .col-header-center { flex: 1; } .h_layout4 .col-header-toggle { display: none; } .h_layout4 .header_account .header__icon--account svg { width: 23px; height: 23px; } .h_layout4 .bls__header-wishlist .wishlist-icon-bubble svg { width: 27px; height: 23px; } .h_layout4 .header_minicart #cart-icon-bubble svg { width: 28px; height: 23px; } .h_layout4 .text-icons>span, .h_layout4 .header__icon--account>a, .h_layout4 .text-icons a { color: var(--header-color); } .h_layout4 .text-icons { flex-direction: column; line-height: 1; vertical-align: middle; } .h_layout4 .text-icons-top { opacity: 0.5; } .h_layout4 .header-middle .col-header-right>div { margin-left: 3rem; margin-right: 0; } .h_layout4 .col-header-right { flex: none; } .h_layout4 .col-header-left { flex: 0 0 25%; max-width: 24rem; } .h_layout4 .middle-bottom .col-header-left { max-width: 27rem; } .h_layout4 .title-menu-dropdown::before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 19px; background: #E5E8EC; } .h_layout4 .middle-top div[class|='col-header']:not(:last-child) { margin-right: 3rem; } .h_layout4 .middle-bottom div[class|='col-header']:not(:last-child) { margin-right: 1.5rem; } .h_layout4 .header_minicart .bls-minicart-action, .h_layout4 .header__icon--account, .h_layout4 .bls-header-wishlist>a { display: flex; align-items: center; } .h_layout4 .h-count { top: -3px; left: 1.7rem; } .h_layout4 .wishlist-count.h-count { top: -5px; } .h_layout4 .text-icons { gap: 2px; } .h_layout4 .recently-icon { display: flex; align-items: center; } } .h_layout4 { --input-height: 45px; } .h_layout4 .search-modal__form .field .search__input { padding: 1rem 11rem 1rem 5rem } @media only screen and (max-width: 767px) { .h_layout4 { --input-height: 40px; } } .h_layout4 .navigation { --sub-links-font-weight: 500; } @media only screen and (min-width: 1025px) { .h_layout4 .navigation { --sub-heading-font-weight: 600; } } @media only screen and (max-width: 1024px) { .h_layout4 .middle-top .d-flex { flex-wrap: wrap; } .h_layout4 .col-header-center { flex: none; order: 3; width: 100%; margin-top: 11px; } .h_layout4 .col-header-left:not(.col-header-toggle) { justify-content: center !important; } .header__logo img { margin: auto; display: block; } } .h_layout2 .middle-top .disclosure .disclosure__list { left: 0; right: auto; } .h_layout2 .middle-top .col-header-left>*:not(:last-child) { margin-right: 2rem; } /* header layout5 */ .h_layout5 .search-modal__form .field .search__input, .h_layout6 .search-modal__form .field .search__input { min-width: 23rem; padding: 1rem 2rem 1rem 4.2rem; border-radius: 30px; } .h_layout5 .search-modal__form .search__button, .h_layout6 .search-modal__form .search__button { left: 0; right: auto; padding: 0 8px 0 18px; } .h_layout5 .search-modal__form .field.field-icon-input::after, .h_layout6 .search-modal__form .field.field-icon-input::after { right: 1rem; } .h_layout5 .search__button svg, .h_layout6 .search__button svg { width: 15px; height: 15px; margin-top: -1px; } .h_layout5 .search__button path, .h_layout6 .search__button path { fill: var(--grey-color); } .h_layout5, .h_layout6 { --input-height: 40px; } #page-header .h_layout7 .top-search-toggle { display: inline-flex; align-items: center; } #page-header .h_layout7 .top-search-toggle .bls_tooltip-content-bottom { display: inline-block; opacity: 1; visibility: visible; position: static; transform: none; background-color: transparent; color: inherit; font-weight: var(--navigation-font-weight); font-size: var(--navigation-font-size); padding: 0 1rem; } #page-header .h_layout7 .top-search-toggle .bls_tooltip-content-bottom::before { display: none; } @media only screen and (max-width: 413px) { .h_layout5 .header_search, .h_layout6 .header_search { position: absolute; left: 0; right: 0; padding-left: calc(var(--bs-gutter-x) * 0.5); padding-right: calc(var(--bs-gutter-x) * 0.5); bottom: var(--header-padding); margin: 0 !important; } .h_layout5 .header-middle>div, .h_layout6 .header-middle>div { padding-bottom: calc(var(--input-height) + var(--header-padding)); } } @media (min-width: 414px) and (max-width: 1024px) { .h_layout5 .col-header-left, .h_layout5 .col-header-center, .h_layout5 .col-header-right, .h_layout6 .col-header-left, .h_layout6 .col-header-center, .h_layout6 .col-header-right { width: auto; } .h_layout5 .col-header-right, .h_layout6 .col-header-right { flex: 1 !important; } .h_layout5 .header_search, .h_layout6 .header_search { flex: 1; } .h_layout5 .nav-toggle, .h_layout6 .nav-toggle { margin-right: 1rem; } .h_layout5 .search-modal__form .field .search__input, .h_layout6 .search-modal__form .field .search__input { min-width: 0; width: 100%; } } @media only screen and (min-width: 1025px) { .h_layout6 .col-header-left { flex: unset; } .h_layout6 .col-header-center { padding-left: 2%; } } .search-layout-form .popup-search { left: 0; right: 0; transform: none; margin-top: 5px; z-index: 99; } @media only screen and (max-width: 1024px) { .search-layout-form .search-modal.search-full { margin: 0; } } .search-modal__form .field .search__input.input-icon { padding-left: 4.5rem; padding-right: 11rem; } .h_layout5 .search-modal__form .field .search__input, .h_layout6 .search-modal__form .field .search__input, .search-modal__form .field .search__input.input-icon { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .search-modal__form .field .icon-input { position: absolute; z-index: 1; left: 2rem; } .search-modal__form .field.field-icon-input::after { right: 11rem; } .search-modal__form .search__button.search-button-text { background-color: var(--primary-color); color: var(--color-white); border-radius: 0 var(--btn-border-radius) var(--btn-border-radius) 0; padding: 0 1rem; min-width: 10rem; text-align: center; } .search-modal__form .field .search__input.input-icon:focus { border-color: var(--primary-color); } /* header layout3 */ .h_layout3 .navigation:not(.v-menu) { margin-left: calc(var(--spacing-menu) * -1); } @media only screen and (max-width: 1024px) { .h_layout2 .middle-top .shopify-localization-form { display: none; } .h_layout3 .col-header-left, .h_layout2 .col-header-left { justify-content: start; } #page-header .h_layout7 .top-search-toggle .bls_tooltip-content-bottom { display: none; } .h_layout7 .middle-bottom { position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; } .h_layout7 .middle-bottom>div { height: 100%; } .h_layout7 .middle-top>div { padding: 0; } .h_layout7 .middle-bottom [class*=col-header] * { pointer-events: visible; vertical-align: middle; } .h_layout7 .middle-bottom .col-header-left { gap: 2rem; } } .bls__header_minicart { margin-right: 10px; } .text-logo { font-size: 3rem; font-weight: 500; } .page-header .nav-toggle.sticky-toggle svg path { fill: var(--header-color); } .header-gap { gap: 1.5rem; } #page-header .top-search-toggle [class*="bls_tooltip-content"], #page-header .recently-icon [class*="bls_tooltip-content"], #page-header .wishlist-icon-bubble [class*="bls_tooltip-content"], #page-header .header__icon--account [class*="bls_tooltip-content"], #page-header .bls-minicart-action [class*="bls_tooltip-content"] { display: none; } .header-middle .text-logo, .header-middle .header_search .top-search-toggle, .header-middle .header_account .header__icon--account, .header-middle .bls__header-wishlist .wishlist-icon-bubble, .header-middle .bls-header-recently-viewed .recently-icon, .header-middle .header_minicart #cart-icon-bubble, .header-middle .disclosure .disclosure__button { color: var(--header-color); } .header-middle .header_search .top-search-toggle:hover, .header-middle .header_account .header__icon--account:hover, .header-middle .bls-header-recently-viewed .recently-icon:hover, .header-middle .bls__header-wishlist .wishlist-icon-bubble:hover, .header-middle .header_minicart #cart-icon-bubble:hover { color: #294e46; } @media only screen and (min-width: 1025px) { .template-index .transparent-topbar:not(.header_scroll_down) .topbar, .template-index .h-transparent:not(.header_scroll_down) .h_layout4 .middle-bottom, .template-index .h-transparent:not(.header_scroll_down) .h_layout4 .title-menu-dropdown, .template-index .h-transparent:not(.header_scroll_down) .header-middle { background-color: transparent; } .h-transparent:not(.header_scroll_down) .navigation .horizontal-list .level0>a { color: var(--header-transparent-color); } .h-transparent:not(.header_scroll_down) .navigation .horizontal-list .level0>a>span::after { background-color: var(--header-transparent-color); } .h-transparent:not(.header_scroll_down) .topbar, .h-transparent:not(.header_scroll_down) .middle-bottom, .h-transparent:not(.header_scroll_down) .input-icon { border-color: rgba(255, 255, 255, 0.1); } .h-transparent:not(.header_scroll_down) .h_layout4 .title-menu-dropdown::before { background: rgba(255, 255, 255, 0.1); } .transparent-topbar:not(.header_scroll_down) .topbar, .transparent-topbar:not(.header_scroll_down) .topbar a, .transparent-topbar:not(.header_scroll_down) .topbar a strong, .transparent-topbar:not(.header_scroll_down) .topbar .disclosure .disclosure__button, .transparent-topbar:not(.header_scroll_down) .topbar .disclosure .disclosure__button:hover, .h-transparent:not(.header_scroll_down) .header-middle .disclosure .disclosure__button, .h-transparent:not(.header_scroll_down) .text-logo, .h-transparent:not(.header_scroll_down) .header_search .top-search-toggle, .h-transparent:not(.header_scroll_down) .header_account .header__icon--account, .h-transparent:not(.header_scroll_down) .h_layout4 .header__icon--account>a, .h-transparent:not(.header_scroll_down) .h_layout4 .text-icons a, .h-transparent:not(.header_scroll_down) .h_layout4 .text-icons>span, .h-transparent:not(.header_scroll_down) .h_layout4 .bottom-recently-viewed a, .h-transparent:not(.header_scroll_down) .h_layout4 .title-menu-dropdown, .h-transparent:not(.header_scroll_down) .bls-header-recently-viewed .recently-icon, .h-transparent:not(.header_scroll_down) .bls__header-wishlist .wishlist-icon-bubble, .h-transparent:not(.header_scroll_down) .header_minicart #cart-icon-bubble { color: var(--header-transparent-color); } .transparent-topbar:not(.header_scroll_down) .topbar .disclosure .disclosure__list li a:not(:hover) { color: rgb(var(--base-color)); } } @media only screen and (max-width: 1024px) { .transparent-mobile .header-transparent { position: absolute; left: 0; right: 0; } .transparent-mobile:not(.header_scroll_down) .header-transparent .gradient { --header-bg: transparent; } .transparent-mobile:not(.header_scroll_down) .nav-toggle.sticky-toggle svg path, .transparent-mobile:not(.header_scroll_down) .header-middle .text-logo, .transparent-mobile:not(.header_scroll_down) .header-middle .top-search-toggle, .transparent-mobile:not(.header_scroll_down) .header-transparent .header_minicart #cart-icon-bubble { color: var(--header-transparent-color); } .transparent-mobile:not(.header_scroll_down) .nav-toggle.sticky-toggle svg path { fill: var(--header-transparent-color); } .transparent-mobile:not(.header_scroll_down) .logo-transparent-mobile { display: none; } } .mini_search_header .widget-title { --font-h4: 3.2rem; } .search_cat ul { margin: 0; padding: 0; } .search_cat ul li { list-style: none; list-style: none; display: inline-block; margin: 0 15px; color: var(--grey-color); cursor: pointer; transition: var(--bls-transition); } .search_cat ul li.active, .search_cat ul li:hover { text-decoration: underline; color: var(--color-link); } .predictive-search .search-list-item:not(.search-suggest) .h5, #search-results-empty { margin-top: 3rem; text-align: center; font-size: 2.4rem; color: var(--grey-color); font-weight: var(--base-font-weight); } .bls__canvas .predictive-search .search-list-item:not(.search-suggest) .h5 { text-align: left; margin-bottom: 0; } .search_type_canvas #search-results-empty { font-size: var(--base-font-size); } .predictive-search .search-list-item:not(.search-suggest) .h5 span, #search-results-empty span { color: var(--color-link); } /*==== search ====*/ .text-suggestions::after { content: ':'; } .search-modal__form { --input-border-radius: var(--btn-border-radius); transition: var(--bls-transition); } .search-modal__form .field { flex: 1; display: flex; align-items: center; position: relative; width: 100%; margin: 0; } .search_type_canvas #search_mini_form .field:hover, .search_type_canvas #search_mini_form .field:focus { outline: 0; border-color: var(--heading-color) !important; } .search-modal__form .field::after { content: ""; width: 20px; height: 20px; border-radius: 50%; line-height: 1; background: #fff url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.34395 3.27504C8.29277 3.27504 9.06193 2.5419 9.06193 1.63752C9.06193 0.733143 8.29277 0 7.34395 0C6.39514 0 5.62598 0.733143 5.62598 1.63752C5.62598 2.5419 6.39514 3.27504 7.34395 3.27504Z' fill='%23999999'/%3E%3Cpath d='M7.34415 14.0002C7.91338 14.0002 8.37482 13.5604 8.37482 13.0178C8.37482 12.4752 7.91338 12.0354 7.34415 12.0354C6.77492 12.0354 6.31348 12.4752 6.31348 13.0178C6.31348 13.5604 6.77492 14.0002 7.34415 14.0002Z' fill='%23999999'/%3E%3Cpath d='M3.12246 4.77771C3.97645 4.77771 4.66875 4.11783 4.66875 3.30383C4.66875 2.48983 3.97645 1.82996 3.12246 1.82996C2.26847 1.82996 1.57617 2.48983 1.57617 3.30383C1.57617 4.11783 2.26847 4.77771 3.12246 4.77771Z' fill='%23999999'/%3E%3Cpath d='M11.565 12.1692C12.0394 12.1692 12.424 11.8027 12.424 11.3505C12.424 10.8983 12.0394 10.5317 11.565 10.5317C11.0906 10.5317 10.7061 10.8983 10.7061 11.3505C10.7061 11.8027 11.0906 12.1692 11.565 12.1692Z' fill='%23999999'/%3E%3Cpath d='M1.37405 8.63774C2.13291 8.63774 2.74809 8.05137 2.74809 7.32804C2.74809 6.60471 2.13291 6.01834 1.37405 6.01834C0.615182 6.01834 0 6.60471 0 7.32804C0 8.05137 0.615182 8.63774 1.37405 8.63774Z' fill='%23999999'/%3E%3Cpath d='M13.3137 7.98193C13.693 7.98193 14.0004 7.68886 14.0004 7.32734C14.0004 6.96583 13.693 6.67276 13.3137 6.67276C12.9344 6.67276 12.627 6.96583 12.627 7.32734C12.627 7.68886 12.9344 7.98193 13.3137 7.98193Z' fill='%23999999'/%3E%3Cpath d='M2.27138 10.5413C1.80147 10.9892 1.80147 11.7139 2.27138 12.1618C2.74073 12.6097 3.50216 12.6097 3.97151 12.1618C4.44142 11.7139 4.44142 10.9892 3.97151 10.5413C3.50216 10.0928 2.74128 10.0886 2.27138 10.5413Z' fill='%23999999'/%3E%3Cpath d='M11.5649 3.79465C11.8493 3.79465 12.0799 3.57485 12.0799 3.30371C12.0799 3.03257 11.8493 2.81277 11.5649 2.81277C11.2804 2.81277 11.0498 3.03257 11.0498 3.30371C11.0498 3.57485 11.2804 3.79465 11.5649 3.79465Z' fill='%23999999'/%3E%3C/svg%3E") no-repeat center center; animation: bls-spin 0.5s infinite linear; display: inline-block; position: absolute; opacity: 0; right: 50px; top: 50%; margin-top: -10px; pointer-events: none; } .search-modal__form.loading .field::after { opacity: 1; } .search-modal__form .field .search__input { flex: 1; position: relative; padding: 1rem 5rem 1rem 2rem; min-width: 0; } .search-modal__form .field .search__input::-webkit-search-cancel-button { display: none; } .search_type_canvas #search_mini_form .field .search__input { --input-height: 50px; border-radius: 5px; } .search-modal__form .search__button { --btn-primary-color-hover: var(--color-link); position: absolute; top: 0; bottom: 0; right: 0; padding: 0 2rem; background: none; border: none; display: flex; justify-content: center; align-items: center; } #search_mini_form select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0; cursor: pointer; padding: 5px 2rem; } .search_type_canvas #search_mini_form select { border: 1px solid var(--input-border-color); max-width: 100%; width: 100%; margin-bottom: 1.5rem; } .quick-search-list li { margin-right: 0.5rem; text-transform: capitalize; } .quick-search-title { color: var(--grey-color); } .quick-search-list li:not(:last-child) a::after { content: ","; transform: translateX(-4px); -webkit-transform: translateX(-4px); display: inline-block; } .predictive-search--header .predictive-search__loading-state { display: none; text-align: center; } .predictive-search--header.loading .predictive-search__loading-state { display: block; } .predictive-search--header .predictive-search__loading-state .loading-search { display: inline-block; width: 3.6rem; height: 3.6rem; border: 3px solid rgba(0, 0, 0, 0.3); border-radius: 50%; border-top-color: #000; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; } .search_type_popup .predictive-search__results-list { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: var(--bs-gutter-x); } .search_type_canvas .predictive-search__list-item { display: flex; } .search_type_canvas .predictive-search__list-item .product-item-photo { width: 90px; margin-right: 2rem; } .search_type_canvas .predictive-search__list-item .product-item-details { flex: 1; } #search-results { margin-top: 3rem; } .search-suggest #search-results { margin-top: 2rem; } .search__type-popup { padding: 6rem 0 6rem 0; z-index: 500; max-height: calc(100vh - 55px); overflow: hidden; overflow-y: auto; } #search-form .bls__product-hover-img, .navigation .bls__product-hover-img, .navigation .bls__product-label, .navigation .bls__product-action, .search_type_popup .search-results-list .bls__product-label, .search_type_popup .search-results-list .bls__product-action { display: none !important; } .search-list-item .viewAll { text-align: center; } .predictive-search--header.results .search-suggest.search-list-item { display: none; } .predictive-search--header:not(.results) .search-list-item { display: none; } .predictive-search--header .search-suggest.search-list-item { display: flex; flex-direction: column; } .search-suggest>.h5 { margin-bottom: 0; font-size: 2rem; } .search_type_popup .search-results-list { --search_result-item: 6; --search_result-item-gap: 2rem; display: grid; grid-template-columns: repeat(var(--search_result-item), 1fr); grid-gap: 0 var(--search_result-item-gap); } @media (min-width: 1200px) and (max-width: 1439px) { .search_type_popup .search-results-list { --search_result-item: 5; } } @media only screen and (max-width: 1199px) and (min-width: 768px) { .search_type_popup .search-results-list { --search_result-item: 4; } } @media only screen and (max-width: 767px) { .search_type_popup .search-results-list { --search_result-item: 2; } } @media only screen and (max-width: 767px) and (min-width: 576px) { .search_type_popup .search-results-list { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } } @media only screen and (max-width: 576px) { .search_type_popup .search-results-list { --search_result-item: 2; --search_result-item-gap: 1rem; } .search_cat ul li { margin: 0 5px; } } /* search_type_canvas */ .search_type_canvas .mini_search_header { padding: 1.4rem 3rem; border-bottom: 1px solid var(--border-color-base); position: relative; } .search_type_canvas .mini_search_header .widget-title { --font-h4: 1.8rem; margin: 0; font-size: clamp(1.5rem, 2.5vw, var(--font-h4)); text-align: left; } .search_type_canvas .mini_search_header .button-close { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); line-height: 1; right: 30px; color: var(--grey-color); } .search_type_canvas .mini_search_header .button-close:hover { color: var(--primary-color); } .search_type_canvas .predictive-search--header .search-suggest.search-list-item { border-top: 1px solid var(--border-color-base); } .search_type_canvas .quick-search { font-size: calc(var(--base-font-size) - 2px); flex-wrap: wrap; } .search_type_canvas .quick-search-list li { text-decoration: none; color: var(--grey-color); } .search-results-list .list-view-item:not(:last-child) { border-bottom: 1px dashed var(--border-color-base); } .search-results-list .list-view-item:last-child { margin: 0; } .search_type_canvas .search-modal__content { height: 100%; padding: 0 3rem; padding-bottom: 4rem; display: flex; flex-direction: column; } .search_type_canvas .bls__canvas { display: flex; flex-direction: column; } .bls__canvas #search_mini_form { padding-top: 3rem; } .bls__canvas #predictive-search { height: 100%; overflow: unset; } .bls__canvas .search-list-item { display: flex; flex-direction: column; height: 100%; } .bls__canvas .predictive-search { height: 100%; } .bls__canvas .predictive-search #search-results { flex: 1; position: relative; } .bls__canvas #search-results-list { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: overlay; overflow-x: hidden; height: 85%; } /*=== cart ===*/ .header_minicart .bls-minicart-wrapper { width: 45rem; height: 100%; } @media only screen and (max-width: 576px) { .header_minicart .bls-minicart-wrapper { width: calc(100% - 30px); max-width: 100%; } } .header_minicart.active .bls-minicart-action:after { opacity: 1; pointer-events: initial; } .h-count { width: 1.8rem; height: 1.8rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 10px; font-weight: var(--base-font-weight); position: absolute; top: -6px; left: 1.3rem; background-color: #294e46; color: var(--color-white); } @media only screen and (max-width: 1024px) { .h_layout5 .col-header-center, .h_layout6 .col-header-center { display: inline-flex; align-items: center; } .h_layout5 .col-header-center .nav-toggle, .h_layout6 .col-header-center .nav-toggle { display: inline-flex; align-items: center; } .h_layout5 .col-header-center, .h_layout1 .col-header-center, .h_layout6 .col-header-center { order: -1; } .search__type-popup { padding: 3rem 0; } .col-header-left, .col-header-center, .col-header-right { flex: 1; } .h_layout5 .header-middle .col-header-left, .h_layout1 .header-middle .col-header-left, .h_layout6 .header-middle .col-header-left { justify-content: center !important; } .topbar .topbar__section-inner { justify-content: center; } .topbar__section-inner>div { justify-content: center; } .bls__canvas .search-modal__content { padding: 0 2rem; } .bls__canvas #search_mini_form { padding-top: 2rem; } } /*=== language currentcy ===*/ .disclosure .disclosure__button { color: rgb(var(--base-color)); cursor: pointer; white-space: nowrap; transition: var(--bls-transition); } .topbar .disclosure .disclosure__button:hover { color: var(--color-link-hover); } @media only screen and (min-width: 1025px) { .localization-form { margin-right: -7px; } } .disclosure .disclosure__button i { font-size: 1.2rem; } .disclosure .disclosure__list { background-color: var(--color-white); box-shadow: var(--bls-box-shadow); z-index: 2; top: calc(100% + 7px); min-width: 15rem; display: block; white-space: nowrap; border-radius: 0 0 5px 5px; transition: var(--bls-transition); max-height: 70vh; overflow: auto; } .disclosure .disclosure__list li { transition: var(--bls-transition); } .disclosure .disclosure__list li:hover { transform: translateX(5px); } .disclosure .disclosure__list li a { color: var(--base-color); transition: var(--bls-transition); } .disclosure .disclosure__list li a:hover { color: var(--color-link); } .disclosure .disclosure__list li:not(:last-child) { margin-bottom: 5px; } .disclosure .disclosure__button~.disclosure__list.hidden { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; visibility: hidden; transition: all 0.1.5s cubic-bezier(0.43, 0.27, 0.36, 0.83); pointer-events: none; } .disclosure .disclosure__button.opend~.disclosure__list { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; pointer-events: auto; top: calc(100% + 3px); } /* Menu style */ .navigation { color: var(--navigation-color); --navigation-box-shadow: var(--bls-box-shadow); --dropdown-width: 25rem; --submenu-padding: 3.5rem 4rem 1.5rem; --spacing-menu: 1.5rem; --sub-heading-font-weight: var(--navigation-font-weight); --sub-links-font-weight: var(--base-font-weight); font-family: var(--navigation-font-family); } @media only screen and (max-width: 1199px) { .navigation { --spacing-menu: 1rem; } } .nav-toggle { cursor: pointer; } .navigation a { position: relative; display: block; } .disclosure-mobile .title-mobile, .navigation .level0>a { white-space: nowrap; padding: 1rem var(--spacing-menu); position: relative; font-weight: var(--navigation-font-weight); letter-spacing: var(--navigation-letter-spacing); font-size: var(--navigation-font-size); color: var(--menu-color); cursor: pointer; text-transform: var(--navigation-uppercase); } .disclosure-mobile .title-mobile { padding: 0; margin-bottom: 7px; } .submenu .bls__menu_banner-heading, .submenu .bls__menu_level1-heading, .submenu .bls-menu-item>a { color: var(--heading-color); font-weight: var(--sub-heading-font-weight); } .submenu a, .subchildmenu a { color: var(--submenu-color); transition: var(--bls-transition); font-weight: var(--sub-links-font-weight); } .submenu .subchildmenu-title a, .subchildmenu .subchildmenu-title a { color: var(--heading-color); font-weight: var(--navigation-font-weight); } a.not-links:hover { cursor: default !important; } .submenu a:hover, .subchildmenu a:hover { color: var(--submenu-hover-color); } .bls-menu-blogs .blogs-grid, .bls-banner-inner { margin-top: 2.5rem; } .navigation .collection-item a { color: inherit; font-weight: var(--collection-title-weight); } .navigation .level0>a>.label { line-height: 1; right: -3px; bottom: 75%; border-radius: 2px; line-height: 1; padding: 3px 6px; } .navigation .label:before { border: 3px solid transparent; content: ""; height: 0; position: absolute; width: 0; top: 100%; left: 30%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transform-origin: 0; border-top-color: inherit; } @media only screen and (max-width: 1024px) { .navigation .level0>a>.label { position: relative; right: unset; bottom: unset; left: unset; top: unset; transform: none; } .navigation .label:before { top: 40%; left: -6px; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-top-color: unset; border-right-color: inherit; } .disclosure-mobile-content { display: flex; flex-wrap: wrap; gap: 10px; } .disclosure-mobile-content .disclosure__item-mobile.mr-20 { margin-right: 0; flex: 0 0 calc((100% - 20px)/3); width: calc((100% - 20px)/3); } .disclosure__item-mobile a { color: var(--base-color); display: inline-flex; align-items: center; gap: 7px; } #localization-country-horizontal-menu .disclosure__item-mobile span { font-weight: var(--navigation-font-weight); display: inline-flex; } .disclosure__item-mobile a.active, .disclosure__item-mobile a:hover { text-decoration: underline; color: var(--heading-color); } .disclosure__item-mobile a.active .img-country, .disclosure__item-mobile a:hover .img-country { border-color: var(--heading-color); } .disclosure__item-mobile .img-country { border: 1px solid var(--border-color-base); padding: 2px; border-radius: 50%; display: inline-flex; align-items: center; overflow: hidden; width: 28px; height: 28px; position: relative; } .icon-list-menu { border-radius: 50%; display: inline-flex; align-items: center; overflow: hidden; width: 40px; height: 40px; position: relative; } .icon-list-menu img, .disclosure__item-mobile img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; border-radius: 50%; } } .navigation .submenu .label { transform: translateY(-50%); top: 50%; margin: 0 8px; } .navigation .submenu .label:before { display: none; } .navigation .label { font-size: 9px; line-height: 1.4; padding: 4px 10px; text-transform: uppercase; font-weight: 600; white-space: nowrap; position: absolute; border-radius: var(--btn-border-radius); } .navigation .label.label1 { color: var(--hot-cl); background-color: var(--hot-bg-cl); border-color: var(--hot-bg-cl); } .navigation .label.label2 { color: var(--new-cl); background-color: var(--new-bg-cl); border-color: var(--new-bg-cl); } .navigation .label.label3 { color: var(--sale-cl); background-color: var(--sale-bg-cl); border-color: var(--sale-bg-cl); } li.advanced .advanced-content>* { position: relative; } .vertical-menu .submenu, .subchildmenu { left: 100%; } .navigation .disclosure { display: none; } @media only screen and (min-width: 1025px) { .disclosure-mobile, .navigation .bls__customer-accounts, .nav-toggle, .navigation .open-children-toggle, .close-menu-mobile, .menu-mobile-title, .submenu-mobile-title { display: none; } .horizontal-list>.level0 { display: inline-block; } .navigation .horizontal-list .level0>a::before { content: ""; position: absolute; right: 0; left: 0; height: 30px; bottom: calc(-1*var(--header-padding)); z-index: 1; } .navigation .horizontal-list .level0>a { transition: var(--bls-transition); } .sizeChartBox { background: #fff; padding: 15px; border-radius: 10px; max-width: 600px; width: 90%; position: relative; height: 500px; overflow: auto; } .navigation .horizontal-list .level0:hover>a, .h_layout4 .bottom-recently-viewed:hover a { color: #2b4e44; } .horizontal-list .level0.bls__menu-parent>a::after { content: "\e946"; font-family: "blueskytechco" !important; line-height: 1; font-size: 1.4rem; opacity: 0.5; margin-left: 1px; vertical-align: middle; display: inline-block; font-weight: 400; } .verticalmenu-html li.bls__menu-parent.parent > a{ padding-right: 2rem; white-space: normal; } .verticalmenu-list .level0.bls__menu-parent>a::after { content: "\e948"; font-family: "blueskytechco" !important; margin-left: 5px; font-size: 1.4rem; position: absolute; right: 0; top: 0; bottom: 0; display: flex; align-items: center; } .navigation .submenu, .default_dropdown .subLinks { background-color: var(--header-bg); box-shadow: var(--navigation-box-shadow); border-radius: 0 0 5px 5px; padding: 2rem 0; } .default_dropdown .submenu, .default_dropdown .subLinks { min-width: var(--dropdown-width); } .default_dropdown .submenu a, .menu-item>a { display: block; padding: 0.5rem 0; white-space: normal; } .verticalmenu-list li.default_dropdown:nth-child(n+8) .submenu, .verticalmenu-list li.default_dropdown:nth-child(n+8) .subLinks { top: auto; bottom: 0; } .default_dropdown .submenu a { padding-left: 3rem; } /* .multicolumn_dropdown .submenu { background-image: var(--submenu-background-image); background-repeat: var(--submenu-background-repeat); background-position: var(--submenu-background-position); background-size: var(--submenu-background-size); } */ .bls__menu-parent:not(.default_dropdown) .submenu { padding: var(--submenu-padding); } .menu-width-custom .submenu { width: var(--submenu-custom-width); } .menu-width-full-width .submenu { width: 100%; left: 0; right: 0; } .bls__menu-parent:not(.default_dropdown) .submenu.submenu-space-banner { overflow-y: visible; } .bls__menu-parent:not(.default_dropdown) .submenu .type_banner { position: relative; display: flex; } .bls__menu-parent:not(.default_dropdown) .submenu.submenu-space-banner .type_banner { margin-top: var(--space-banner); margin-bottom: -2.5rem !important; } .bls__menu-parent:not(.default_dropdown) .submenu .type_banner .desktop-text-center { text-align: center; } .bls__menu-parent:not(.default_dropdown) .submenu .type_banner .desktop-text-center { text-align: center; } .bls__menu-parent:not(.default_dropdown) .submenu.submenu-space-banner .bls-banner-inner { margin-top: 2.4rem; } .bls__menu-parent:not(.default_dropdown) .submenu .type_banner.flex-column-reverse .bls-banner-inner { margin: 0 0 1.5rem 0; border-radius: 5px; } .bls__menu-parent:not(.default_dropdown) .submenu .type_banner.box-shadow-menu-item { padding: 1.5rem; box-shadow: var(--bls-box-shadow); border-radius: 5px; background-color: var(--color-white); margin-bottom: 3rem; } .default_dropdown .submenu li>a span { transition: var(--bls-transition); } .submenu .menu-item>a:not(.toggle-submenu-mb):hover, .default_dropdown .submenu li>a:hover span { padding-left: 10px; } .multicolumn_dropdown .bls-menu-item { margin-bottom: 2rem; } .advanced-main { min-width: 22rem; } .advanced-main a { position: relative; font-weight: 500; color: var(--heading-color); } .advanced-main a:before { border-bottom: 1px solid var(--primary-color); bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; transition: width 0.3s ease-in-out; width: 0; } .advanced-main a.active::before, .advanced-main a:hover::before { width: 100%; } .advanced-main a:not(:last-child) { border-bottom: 1px solid var(--border-color-base); } .advanced-content { overflow: hidden; padding-left: 5rem; } .advanced-content .sub { display: none; } .advanced-content .sub.active { display: block; } .advanced-content .sub:not(.active) { display: block; height: 0; overflow-y: hidden; min-height: 0; } .advanced-content .subchildmenu { padding: 0 3rem; } /*=== animation sub ===*/ .horizontal-list>.level0>.submenu:before { content: ''; display: block; position: absolute; width: 100%; height: 4px; left: 0; top: -4px; z-index: 1; height: 15px; top: -15px; } .horizontal-list>.level0>.submenu { margin-top: var(--header-padding); } .bls__menu-parent .submenu, .default_dropdown li>.subLinks, .verticalmenu-html, .verticalmenu-html .verticalmenu-list, .verticalmenu-list .parent .submenu { opacity: 0; visibility: hidden; z-index: 3; pointer-events: none; transition: opacity 0.20s, visibility 0.20s, transform 0.20s, -webkit-transform 0.20s; } .bls__menu-parent:not(.default_dropdown) .submenu { max-width: 100vw; overflow-y: auto; max-height: 90vh; } .bls__menu-parent.visible .submenu, .default_dropdown li.visible>.subLinks, .vertical-menu.open .verticalmenu-html, .vertical-menu.open .verticalmenu-list, .verticalmenu-list .parent:hover .submenu, .verticalmenu-list .default_dropdown li:hover>.subLinks { opacity: 1; visibility: visible; pointer-events: unset; transform: none !important; -webkit-transform: none !important; } .down_to_up .bls__menu-parent .submenu, .down_to_up .default_dropdown li>.subLinks, .vertical-menu .verticalmenu-list.down_to_up, .verticalmenu-list.down_to_up .parent .submenu { transform: translateY(-15px); -webkit-transform: translateY(-15px); } .up_to_down .bls__menu-parent .submenu, .up_to_down .default_dropdown li>.subLinks, .vertical-menu .verticalmenu-list.up_to_down, .verticalmenu-list.up_to_down .parent .submenu { transform: translateY(15px); -webkit-transform: translateY(15px); } /*===vertical===*/ .bls_vertical_menu { position: relative; z-index: 1; } .vertical-menu { --vertical-title-font-size: 1.4rem; --vertical-title-font-weight: 600; --vertical-title-text-transform: capitalize; --vertical-title-padding: 1.75rem 3rem 1.75rem 0; --vertical-color: var(--heading-color); --vertical-font-size: var(--base-font-size); --vertical-border-color: #E5E8EC; --vertical-font-weight: 500; --vertical-box-shadow: none; --vertical-box-padding: 2rem 3rem; --vertical-box-bg: var(--color-white); --vertical-submenu-padding: 3rem; --vertical-submenu-color: rgb(var(--base-color)); --vertical-submenu-bg: var(--color-white); } .title-menu-dropdown { background-color: var(--vertical-title-bg); color: var(--heading-color); font-size: var(--vertical-title-font-size); font-weight: var(--vertical-title-font-weight); text-transform: var(--vertical-title-text-transform); padding: var(--vertical-title-padding); cursor: pointer; margin: 0; position: relative; border-radius: 5px 5px 0 0; } .page-header:not(.header_scroll_down) .title-menu-dropdown.home-page.none-pointer .icon-chevron-down { display: none; } .title-menu-dropdown span { flex: 1; } .title-menu-dropdown .icon-menu:before { vertical-align: 2px; } .verticalmenu-list { background-color: var(--vertical-box-bg); border-radius: 0 0 5px 5px; min-width: 27rem; position: relative; } .verticalmenu-list .level0 { padding: 0 3rem; } .verticalmenu-list .level0:not(.default_dropdown) { position: static; } .verticalmenu-list .level0:not(.default_dropdown) .submenu { min-height: 100%; max-width: calc(100vw - 270px); } .verticalmenu-list .level0:not(:first-child)>a { border-top: 1px solid var(--vertical-border-color); } .verticalmenu-list .level0>a { color: var(--vertical-color); font-size: var(--vertical-font-size); font-weight: var(--vertical-font-weight); padding: 1rem 0; } .verticalmenu-list .level0.expand-menu-link>a { font-weight: 600; } .verticalmenu-list .level0:hover>a { color: var(--primary-color); } .navigation .verticalmenu-list .submenu, .verticalmenu-list .default_dropdown .subLinks { /* background-color: var(--vertical-submenu-bg); */ border-radius: 0 5px 5px 5px; } .verticalmenu-list li:not(.default_dropdown) .submenu { padding: var(--vertical-submenu-padding); } .dlg-box .bls__menu-parent:not(.default_dropdown) .submenu { overflow-y: initial; max-height: 100%; } } .verticalmenu-list .level0.expand-menu-link>a::before { content: ''; width: 2rem; height: 2rem; display: inline-flex; margin-right: 1rem; vertical-align: -3px; background-image: url('data:image/svg+xml, '); } .disclosure-menu-link { cursor: pointer; width: fit-content; margin-top: 0.75rem; } localization-form .disclosure-menu-link span::before { float: unset; } .verticalmenu-list .level0.expand-menu-link>a::after, .disclosure-menu-link span::before { content: "\e9d4"; font-family: var(--font-icon); font-size: 1.4rem; color: #555555; float: right; font-weight: 400; transition: var(--bls-transition); } .verticalmenu-list .level0.expand-menu-link.expanding>a::after, .disclosure-menu-link.expanding span::before { content: "\e9b7"; } .verticalmenu-list .level0.expand-menu-link>a { padding-right: 0; } /*=== mobile menu ===*/ @media only screen and (max-width: 1024px) { .navigation:not(.v-menu) .level0>a { --menu-color: var(--heading-color); } .submenu a { --submenu-color: #111111; } .subchildmenu a { --submenu-color: #555555; } .submenu .bls__menu_banner-heading { --sub-heading-font-weight: var(--sub-links-font-weight); } .navigation .container-fluid { padding: 0; } .nav-verticalmenu .title-menu-dropdown, #shopify-section-vertical-menu { display: none; } .nav-verticalmenu #shopify-section-vertical-menu { display: block; } .navigation .mobile-menu-content { height: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; } .navigation .mobile-menu-content .categories-list-menu-mobile, .navigation .mobile-menu-content .verticalmenu-list, .navigation .mobile-menu-content .horizontal-list, .navigation .categories-list-menu-mobile { overflow-y: auto; overflow-x: hidden; } .navigation .submenu>.submenu-mobile-title~.row { max-height: calc(100vh - 55px); overflow-y: auto; } @supports (height: 100dvh) { .navigation .submenu>.submenu-mobile-title~.row { max-height: calc(100dvh - 55px); overflow-y: auto; } } .navigation .submenu>.submenu-mobile-title~.row .subchildmenu { overflow-y: auto; height: 100%; } .navigation .mobile-menu-content::-webkit-scrollbar { width: 4px; } .navigation .mobile-menu-content::-webkit-scrollbar-thumb { background-color: #c8c8c8; border-radius: 10px; } .nav-open .navigation .mobile-menu-content { animation: var(--animation-fading); } .nav-open .navigation .mobile-menu-content .horizontal-list, .nav-open .navigation .mobile-menu-content .verticalmenu-mobile { animation: animateFading 0.5s ease; } .close-menu-mobile { font-size: 0; position: absolute; z-index: 2; top: 16px; right: 48px; transform: translateX(100%); -webkit-transform: translateX(100%); opacity: 0; visibility: hidden; } .close-menu-mobile a { color: var(--color-title-mobile); display: inline-flex; justify-content: center; align-items: center; opacity: 0.6; } .close-menu-mobile a:hover { opacity: 1; } .close-menu-mobile i { font-size: 2rem; } .nav-open .nav-sections .close-menu-mobile { opacity: 1; visibility: visible; } .nav-toggle:after { content: ""; display: block; position: fixed; z-index: 4; top: 0; left: 0; right: 0; height: 100vh; opacity: 0; pointer-events: none; background-color: var(--overlay-bg); transition: var(--bls-transition); } .nav-open .nav-toggle:after { opacity: 1; pointer-events: initial; } .navigation i.ad { display: none; } .navigation .submenu .label { position: static; transform: translateY(0); -webkit-transform: translateY(0); } .menu-mobile-title, .submenu-mobile-title { display: flex; align-items: center; background-color: #2a4d45; padding: 0 6rem 0 1.5rem; } .submenu-mobile-title { padding: 0 3rem 0 3rem; } .submenu-mobile-title a>i { color: var(--heading-color); } .submenu-mobile-title i { font-size: 20px; color: #999999; } .menu-mobile-title a, .submenu-mobile-title a { padding: 1.5rem 1.5rem; position: relative; font-size: 1.4rem; font-weight: var(--navigation-font-weight); text-transform: uppercase; color: var(--color-title-mobile); opacity: 0.6; } .menu-mobile-title>span, .menu-mobile-title a.active, .menu-mobile-title a.active:not(:only-child) { padding: 1.5rem 1.5rem; position: relative; font-size: 1.4rem; font-weight: var(--navigation-font-weight); text-transform: uppercase; color: var(--color-title-mobile); opacity: 1; } .menu-mobile-title a, .menu-mobile-title>span, .menu-mobile-title a.active, .menu-mobile-title a.active:not(:only-child) { font-weight: var(--heading-font-weight); } .navigation .open-children-toggle:hover::before, .subchildmenu-title a:hover::after, .navigation .submenu-mobile-title .close-menu:hover { color: #111111; } .verticalmenu-list>li, .mobile-menu-content>ul>li { position: relative; } .verticalmenu-list .level0.expand-menu-link { display: none; } .verticalmenu-list .level0.orther-link { display: block; } .categories-list-menu-mobile li, .navigation .shopify-localization-form, .submenu .bls-menu-item.type_banner>a, .submenu .bls-menu-item .subchildmenu-title, li.level0:not(:last-child), .dropdown>li, .subchildmenu .menu-item a { border-bottom: 1px solid var(--border-color-base); } .navigation .bls-menu-item.type_collection .collection-img a { padding: 0; } .navigation .bls-menu-item.type_collection .collection-img { margin-top: 2rem; } .navigation .bls-menu-item.type_collection:last-child .collection-img { margin-bottom: 2rem; } .navigation .mobile-menu-content .dropdown li a, .navigation .shopify-localization-form, .navigation .verticalmenu-html>ul>li a, .navigation .mobile-menu-content>ul>li a, .navigation .mobile-menu-content .submenu li.submenu-mobile-title a { padding: 1.5rem 0rem 1.5rem 0rem; display: flex; align-items: center; gap: 15px; word-wrap: break-word; line-height: 1.5; margin: 0; } .navigation .bls-menu-item img { width: 100%; } .navigation .bls-menu-item .collection-item .bls__collection-title a { padding-top: 0; padding-bottom: 0; -webkit-box-orient: vertical; display: block; display: -webkit-box; overflow: hidden !important; text-overflow: ellipsis; -webkit-line-clamp: 2; } .navigation .subchildmenu-title a { padding-right: 0 !important; } .navigation .submenu-mobile-title { background-color: var(--light-grey-color); border-bottom: 1px solid var(--border-color-base); position: sticky; top: 0; z-index: 22; } .submenu-mobile-title a { color: var(--heading-color); padding-right: 0 !important; display: inline-flex !important; align-items: center; font-size: var(--base-font-size); text-transform: capitalize; } .navigation .verticalmenu-html .open-children-toggle, .navigation .mobile-menu-content .open-children-toggle { min-height: 5.4rem; } .verticalmenu-list, .categories-list-menu-mobile, .mobile-menu-content .horizontal-list, .submenu>.row, .horizontal-list .submenu .row, .navigation .mobile-menu-content .dropdown, .navigation .advanced-content { padding: 0 3rem; margin: 0; list-style-type: none; } .navigation .mobile-menu-content .bls-menu-item>a, .navigation .mobile-menu-content .bls__menu_level1-heading { padding: 1.5rem 0; margin-bottom: 0 !important; } .navigation .mobile-menu-content .submenu .menu-item { padding: 0 3rem; } .navigation .mobile-menu-content .submenu .menu-item a { padding: 1.5rem 0 !important; } .navigation li.level-1 .subchildmenu li.level-2, .navigation li.level-1 .subchildmenu li.level-3 { margin: 0 3rem; } .navigation li.level-1 .subchildmenu .level-2>a, .navigation li.level-1 .subchildmenu .level-3>a { padding: 1.5rem 0; border-bottom: 1px solid var(--border-color-base); } .navigation .mobile-menu-content .submenu .sub-column a, .navigation .mobile-menu-content a.level-2, .navigation .mobile-menu-content a.level-1 { padding: 0.6rem 1.5rem 0.6rem 2.5rem; } .navigation .mobile-menu-content a.level-1 { padding: 0.6rem 1.5rem 0.6rem 1.5rem; } .navigation .mobile-menu-content .advanced-content .sub { border-bottom: 1px solid var(--border-color-base); } .navigation .mobile-menu-content .advanced-content a.level-1 { padding: 1.5rem 0; } .navigation .mobile-menu-content .submenu .sub-column a { gap: 0; } .navigation .submenu-wrapper { display: inherit; } .navigation .mobile-menu-content a.level-3 { padding: 0.6rem 1.5rem 0.6rem 3.5rem; } /* .submenu, .subchildmenu { display: none; } */ /* .submenu{ opacity: 0; visibility: hidden; } li.bls__menu-parent.bls-item-active .submenu{ opacity: 1; visibility: visible; } */ .submenu { margin-bottom: 1rem; } .opened.submenu, .opened.subchildmenu { display: block; } .mobile-menu-content .row { margin: 0; } .mobile-menu-content [class*="col-sm-"] { width: 100% !important; padding: 0; position: relative; } /* .mobile-menu-content .absolute:not(.bls-collection-wrapper) { position: relative; left: auto !important; right: auto !important; top: auto !important; } */ .type-memu-product, .advanced .advanced-main { display: none; } .advanced .advanced-content .subchildmenu li { column-count: auto !important; } .navigation .open-children-toggle { bottom: auto; right: -15px; } .navigation .not-links~.open-children-toggle { left: 0; } .navigation .not-links~.open-children-toggle::before { left: 100%; margin-left: -2.25rem; } .navigation .open-children-toggle::before, .subchildmenu-title a::after { content: "\e948"; font-family: "blueskytechco" !important; font-size: 18px; font-weight: 400; color: var(--grey-color); width: auto; height: auto; -webkit-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); background-color: transparent; } .subchildmenu-title a { position: relative; } .subchildmenu-title a::after { position: absolute; background-color: transparent; top: 50%; transform: translateY(-50%); right: 0; } .navigation .active~.open-children-toggle:before { color: var(--heading-color); opacity: 1; -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .navigation .open-children-toggle::after { display: none; } .bls__customer-accounts { order: 1; } .account-url svg { vertical-align: -2px; } } .submenu .bls__collection-title { font-size: var(--base-font-size); font-weight: 500; padding: 10px 15px; border-radius: var(--btn-border-radius); background-color: var(--color-white); width: 85%; max-width: 20rem; text-align: center; margin: auto; } .bls__collection-image .collection-item-link { position: relative; z-index: 2; } .desc-quote-info p:not(:last-child) { margin-bottom: 0; } /*=== rtl ===*/ @media only screen and (min-width: 1025px) { .body-rtl .submenu .menu-item>a:not(.toggle-submenu-mb):hover, .body-rtl .default_dropdown .submenu li>a:hover span:not(.label) { padding-right: 10px; padding-left: 0; } } .body-rtl .left-0 { right: 0; left: auto; } .body-rtl .left-100 { right: 100%; left: auto; } .body-rtl .right-15 { left: 15px; right: auto; } .body-rtl .right-0 { left: 0; right: auto; } .body-rtl .left-0.right-0 { left: 0; right: 0; } .body-rtl .right-100 { left: 100%; right: auto; } .body-rtl .icon-chevron-right:before { content: "\e947"; } /* End header style */ /* Footer style */ .footer { --footer-middle-padding-top: var(--space_between_section); --footer-middle-padding-bottom: 4rem; background-color: var(--footer-background-color); color: var(--footer-text-color); margin-top: var(--space_between_section); background-position: top center; background-repeat: no-repeat; background-size: cover; background-image: var(--background-footer-image); background-attachment: unset; } .template-index .footer.remove-space-homepage { margin-top: 0; } body:not(.template-index) .footer.remove-space-innerpage { margin-top: 0; } .bls__footer_block-title { font-size: var(--footer-heading-size); } @media (max-width: 767px) { .bls__footer_block-title { cursor: pointer; } } .footer a { color: var(--footer-link-color); } .footer a:hover { color: var(--footer-link-hover-color); } .footer h3 { color: var(--footer-heading-color); } .footer .open-children-toggle:after, .footer .open-children-toggle:before { background-color: var(--footer-link-color); } .bls__footer_block-content ul { text-transform: capitalize; } .bls__footer_payment img { height: auto; } @media (max-width: 1199px) { .bls_footer--spacing { display: none !important; } } .footer .bls__social-link { flex-wrap: wrap; gap: 12px; } @media (max-width: 767px) { .bls__footer-middle { --footer-middle-padding-bottom: 1rem; } .bls__footer_block-content.unactive { display: none; } .bls__footer_block { margin-bottom: 2rem !important; } .footer .bls__social-link { margin-bottom: 1.5rem; } .bls__footer_block:not(.bls_footer--spacing):before { content: ""; position: absolute; left: calc(var(--bs-gutter-x) * 0.5); right: calc(var(--bs-gutter-x) * 0.5); bottom: -1rem; border-bottom: 1px solid var(--border-color-base); } .bls__footer_block:last-child { margin-bottom: 0 !important; } .bls__footer_block:last-child:before { display: none; } body .crisp-client .cc-tlyw[data-full-view="true"] .cc-kxkl .cc-nsge, body .crisp-client .cc-tlyw .cc-kxkl .cc-nsge[data-is-failure="false"] { bottom: 85px !important; } } .hside_opened body .crisp-client .cc-tlyw, .glightbox-open body .crisp-client .cc-tlyw, .nav-open body .crisp-client .cc-tlyw { z-index: 4; } .success~.form-action { margin-bottom: 1rem; } .footer.has-bg .bls__footer-middle { padding-top: var(--footer-middle-padding-top); } body:not(.template-index) .show_border_top_inner, body.template-index .show_border_top { padding-top: var(--footer-middle-padding-top); border-top: 1px solid var(--border-color-base); } .bls__footer-middle { padding-bottom: var(--footer-middle-padding-bottom); } .bls__footer-bottom { background-color: var(--footer-background-color); color: var(--footer-text-color); } @media (min-width: 768px) { .bls__footer_block-title.toogle-menu { pointer-events: none; } .bls__footer_block-title.py-10 { padding-top: 0; } } .footer .disclosure__list { bottom: 100%; left: 0; right: auto; top: auto !important; border-radius: 5px; } .footer .disclosure { padding-right: 1.5rem; } @media (max-width: 767px) { .footer .disclosure { padding: 0 1rem; } .footer .bls__newsletter-form { padding-bottom: 1.5rem; } } .sub-title-newletter { font-size: 1.2rem; text-transform: uppercase; display: none; } @media (min-width: 1200px) { .newletter-sub-title { text-align: center; } .newletter-sub-title .bls__social-link { padding-top: 1rem; justify-content: center; } .sub-title-newletter { display: block; } .sub-title-newletter~.bls__footer_block-title { font-size: clamp(3rem, 4vw, var(--font-h2)); padding: 0; font-weight: var(--bls__section-heading-weight, var(--heading-font-weight)); margin: 5px 0 0 0; } } .bls__newsletter-form .bls__form-submit:hover svg path, .bls__social-link svg path { fill: currentColor; } .footer .bls__social-link svg circle { stroke: var(--footer-text-color); } .footer .bls__social-link svg path { fill: var(--footer-text-color); } .footer .bls__social-link svg:hover circle { stroke: var(--footer-link-hover-color); } .footer .bls__social-link svg:hover path { fill: var(--footer-link-hover-color); } .footer .open-children-toggle { bottom: auto; top: 50%; right: -15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .bls__newsletter-form .form-action button { padding: 0 4.25rem; border: none; display: flex; justify-content: center; align-items: center; } @media (max-width: 767px) { .bls__newsletter-form .form-action button { padding: 0 2rem; } } .bls__newsletter-form.style-light .form-action input[type="email"] { --input-bg: transparent; color: var(--footer-text-color); } .bls__newsletter-form .form-action input[type="email"] { margin-right: 1rem; padding: 1rem 2rem 1rem 2rem; --input-border-color: var(--border-color-base); font-size: calc(var(--base-font-size) - 2px); min-width: 0; } .bls__newsletter-form .success { margin-top: 2rem; } .bls__social-link .list-social__item:first-child a { padding-left: 0; } .bls__newsletter-form.design_2 .form-action input[type="email"] { margin: 0; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .bls__newsletter-form.design_2 .form-action button { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .bls__newsletter-form .form-action input[type="email"]::placeholder { color: var(--input-color); } .bls__newsletter-form.style-light .form-action input[type="email"]::placeholder { --input-bg: transparent; color: var(--footer-text-color); } .bls__newsletter-form.design_2:not(.style-light) .form-action input[type="email"] { border: none; border-radius: 0px !important; } @media (min-width: 1025px) { .bls__footer_block-content li:not(.list-social__item)>a:hover, .blogSidebar ul li.item a.site-nav:hover, .collection-sidebar ul li.item a.site-nav:hover { padding-left: 10px; } } .bls_footer--about_us a { line-height: 2; } .bls_footer--about_us a.store-phone { color: var(--primary-color); line-height: 1; } @media (min-width: 768px) { .footer { --footer-middle-padding-bottom: 3rem; } .footer .open-children-toggle { display: none; } } @media (max-width: 767px) { .bls_footer--about_us { margin-bottom: 2rem; } } /* End footer style */ /* Section gobal style */ .bls__section { --bls__section-header-margin: clamp(2.5rem, 4.6vw, 4rem); padding-top: var(--section-padding-top); padding-bottom: var(--section-padding-bottom); margin-bottom: calc(var(--space_between_section) - var(--bls-gutter-x, 0px)); } .bls__section.has-bg { margin-bottom: var(--space_between_section); } .bls__section.reveal_on_scroll { overflow-x: hidden; } @media only screen and (min-width: 1200px) { .swiper.reveal_on_scroll { overflow: visible; } .bls__product-with-banner.show-banner .swiper.reveal_on_scroll { overflow: hidden; } } .bls__section .bls__swiper { padding-bottom: var(--bls-gutter-x); } .product-images-style-radius .bls__product-banner .local-video, .product-images-style-radius .bls__product-banner .video-container, .product-images-style-radius .bls__product-banner .bls__responsive-image, .product-images-style-radius .bls__product-banner svg { border-radius: var(--product-images-style-radius); overflow: hidden; position: relative; will-change: transform; } .full-width:not(.section-full) { --bs-gutter-x: 3rem; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); } @media (min-width: 1200px) { .full-width:not(.section-full) { padding-right: var(--full-width-padding); padding-left: var(--full-width-padding); } } .bls__section.remove_spacing { --space_between_section: 0; } .bls__section-header { margin-bottom: var(--bls__section-header-margin); position: relative; } .text-left.text-view-all { padding-right: 9rem; } .text-right.text-view-all { padding-left: 9rem; } .text-center.text-view-all { padding-left: 9rem; padding-right: 9rem; } .text-right.text-view-all .links-view-all { left: 0; right: auto; } .links-view-all { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .links-view-all a { color: var(--grey-color); display: inline-flex; align-items: center; } .links-view-all a i { font-size: 1.8rem; } .links-view-all a:hover { color: var(--primary-color); } .bls__section-header.reset-margin { --bls__section-header-margin: 0; } .bls__section-heading, .heading-title, h1 { font-weight: var(--bls__section-heading-weight, var(--heading-font-weight)); } .bls__section-logo svg, .bls__section-logo img { max-width: 100px; height: auto; } .bls__section-logo img { margin-bottom: 7px; } .bls__section-des p:not(:last-child) { margin-bottom: 0; } .bls__section:not(.bls__product) .row>*, .bls__section.bls__product_list .row>* { margin-bottom: var(--bls-gutter-x, var(--bs-gutter-x)); margin-top: 0; } @media (max-width: 767px) { .bls__section.bls__product_list .row>* { margin-bottom: 3rem; } } .list-social__link { display: block; } .bls__social_svg-icon { width: 15px; height: 15px; } #MainContent .shopify-section:last-child .show_load-more-btn+.bls__load-more .bls__btn-load-more, #MainContent .shopify-section:last-child .bls__section .col-border-line, body:not(.template-product) #MainContent .shopify-section:last-child .bls__section:not(.bls__product) .swiper-wrapper>*, #MainContent .shopify-section:last-child .bls__section { margin-bottom: 0; } #MainContent .shopify-section:last-child .bls__section .bls__swiper { padding-bottom: 0; } #MainContent .shopify-section:last-child .bls__product-single .bls__product-item { padding-bottom: 0; } .product-images-style-radius .banner-link, .product-images-style-radius .bls__compare-colors-list .image, .product-images-style-radius .product-bought-image-item .main-image, .product-images-style-radius .bls_vertical_menu .hover-effect, .product-images-style-radius .bls_main_menu .hover-effect, .product-images-style-radius .bls__product-item .bls__responsive-image, .product-images-style-radius .bls__product-item .bls__product-img>a { border-radius: var(--product-images-style-radius); overflow: hidden; position: relative; display: block; will-change: transform; } @media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) { .product-images-style-radius .banner-link, .product-images-style-radius .bls__compare-colors-list .image, .product-images-style-radius .product-bought-image-item .main-image, .product-images-style-radius .bls_vertical_menu .hover-effect, .product-images-style-radius .bls_main_menu .hover-effect, .product-images-style-radius .bls__product-item .bls__responsive-image, .product-images-style-radius .bls__product-item .bls__product-img>a { display: block; will-change: transform; } } .product-images-style-radius .bls__product-img { border-radius: var(--product-images-style-radius); display: block; } .product-images-style-radius .bls__section.not-radius .bls__product-img, .product-images-style-radius .bls__section.not-radius .bls__product-item .bls__responsive-image, .product-images-style-radius .bls__section.not-radius .bls__product-item .bls__product-img>a, .product-images-style-radius .bls__product-quickview .bls__responsive-image { border-radius: 0; } .product-images-style-radius .list-view-item .bls__product-img, .product-images-style-radius .list-view-item .bls__responsive-image, .product-images-style-radius .list-view-item .bls__product-img>a, .product-images-style-radius #bls__product-group .product-group-image-item, .product-images-style-radius .sticky-addcart-img, .product-images-style-radius .product-form-quick-edit .bls__media-image, .product-images-style-radius .product-pickup-img, .product-images-style-radius .cart-item__image-container .bls__responsive-image, .product-images-style-radius .bls__template-main-product .gallery-img, .product-images-style-radius .bls__template-main-product .bls__product-gallery, .product-images-style-radius .more-colors-product_link img { border-radius: 5px; overflow: hidden; position: relative; display: block; will-change: transform; } .product-images-style-radius .col_nav .product__media-list .gallery-img:before, .product-images-style-radius .next-prev .bls__product-img, .product-images-style-radius .next-prev .bls__product-item, .product-images-style-radius .plyr--video .plyr__controls { border-radius: 5px; will-change: transform; } .img-comp-container.radius, .bls__collection-list-menu .radius .bls__collection-menu-image, .bls__video.radius .bls__video-content, .hover-effect.radius, .column-radius, .bls__banner-image .radius, .bls__banner-image .radius video { border-radius: var(--base-border-radius); overflow: hidden; will-change: transform; display: block; } @media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) { .img-comp-container.radius, .bls__collection-list-menu .radius .bls__collection-menu-image, .bls__video.radius .bls__video-content, .hover-effect.radius, .column-radius, .bls__banner-image .radius, .bls__banner-image .radius video { display: block; will-change: transform; } } /* Divider */ .bls__divider-inner { border-top: var(--border-height) solid var(--border-color); } .bls__spacing { height: var(--height-mobile); } .bls__tes-item { margin: auto; } .bls__tes-slide-3 { height: auto; } .bls__tes-item-3 { background-color: var(--color-white); padding: 3rem; height: 100%; border-radius: var(--product-images-style-radius); } .bls__tes-rate .star { width: 15px; height: 15px; margin: 0 1px; } .bls__tes-item.border .bls__tes-rate .star { width: 12px; height: 12px; margin: 0 1px; } .bls__tes-item.border .bls__tes-rate .star svg { height: auto; } .design_2 .bls__tes-item .bls__tes-rate { margin-bottom: 1.5rem; margin-top: 0; } .design_2 .bls__tes-item .desc-quote-info p { margin-bottom: 2rem; } body .design_2 .bls__tes-rate .star svg { fill: inherit; } .design_2 .bls__tes-item .bls__quote-info .bls__tes-job { font-weight: 500; } .design_2 .bls__tes-item .bls__quote-info { gap: 4px; font-size: 14px; } .design_3 .bls__tes-rate .star { width: 12px; height: 12px; } .swiper-slide-thumb-active .testimonial-thumb-img { opacity: 1; } .testimonial-thumb { margin-top: 3rem; } .testimonial-thumb-img { opacity: .5; } .testimonial-thumb-img img { cursor: pointer; } @media (min-width: 1200px) { .bls__tes-item { max-width: var(--content-width); } .bls__spacing { height: var(--height-desktop); } } @media (min-width: 768px) { .bls__spacing { height: var(--height-desktop); } .testimonial-thumb .swiper-slide { width: 200px; } .design_2 .bls__tes-item .desc-quote-info p { font-size: 2.4rem; } } .breadcrumbs__link { padding: 2px 3px; } .breadcrumbs .bls__breadcrumb-list { color: rgb(var(--base-color)); } @media (max-width: 767px) { .template-product .breadcrumbs.py-25, .page-heading:not(.show-banner) .not-show-heading { padding: 1.5rem 0; } } .bls__google-map iframe { width: 100%; } @media (min-width: 1200px) { .bls__section_shipping-inner.position-top .bls__section_shipping-content { max-width: 76%; margin-left: auto; margin-right: auto; } } .bls__section_shipping-content p { margin-bottom: 0; } .bls__section_shipping-content h3 { margin-bottom: 20px; } .bls__product-single .bls__product-label { position: static; display: inline-block; } .bls__product-single .product-form__submit { padding-top: .5rem; padding-bottom: .5rem; display: inline-flex; align-items: center; justify-content: center; } .bls__product-single .product-form__input { row-gap: 10px; } @media (max-width: 479px) { .bls__product-single .bls__product-add-cart, .bls__product-single .bls__product-add-cart .product-form__quantity, .bls__product-single .product-form__buttons .quantity { width: 100%; } .bls__product-single .product-form__buttons .quantity .quantity__input { flex: 1; } } @media (min-width: 768px) and (max-width: 991px) { .bls__product-single .bls__product-add-cart, .bls__product-single .bls__product-add-cart .product-form__quantity, .bls__product-single .product-form__buttons .quantity { width: 100%; } .bls__product-single .product-form__buttons .quantity .quantity__input { flex: 1; } } .col-border-line { position: relative; } @media (min-width: 992px) { .col-border-line:not(:last-child):before { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 1px; border-right: 1px solid var(--border-color-base); } } /* End section style */ .page-title { padding-bottom: clamp(var(--page-tile-padding-mobile), 5vw, var(--page-tile-padding-desktop)); padding-top: clamp(var(--page-tile-padding-mobile), 5vw, var(--page-tile-padding-desktop)); } .page-title h1 { --heading-font-weight: 400; --page-title-size: 4.5rem; font-size: var(--page-title-size); margin-bottom: 0.7rem; text-transform: capitalize; } .page-title .description { max-width: 600px; margin: auto; } body:not(.template-index, .template-product) main#MainContent .shopify-section:first-child>*:first-of-type:not([class*="page-heading"], .bls__section) { padding-top: clamp(var(--page-tile-padding-mobile), 5vw, var(--page-tile-padding-desktop)); } main#MainContent .page-width { padding: 0 !important; } .bls-cart-upsell-wrapper .loader-icon { visibility: visible; opacity: 1; } minicart-recommendations-heading .button-close-beside { right: 15px; top: 50%; transform: translateY(-50%); } .button-close, .button-close-beside { border: none; background: none; font-size: 22px; padding: 0; position: absolute; right: 25px; top: 25px; color: #999999; } .button-close:hover, .button-close-beside:hover { background: none; color: #111111; } .spr-form-message.spr-form-message-error, .errors, .error { --color-error: #904141; --border-color-error: #eabdbd; --background-error: #fadfdf; padding: 11px 2rem; background: var(--background-error); border: 1px solid var(--border-color-error); color: var(--color-error); text-align: left; border-radius: 5px; margin-bottom: 1rem; list-style: none; padding-left: 4.5rem; position: relative; } .spr-form-message.spr-form-message-error>*, .errors>*, .error>* { color: currentColor; } .spr-form-message.spr-form-message-error::before, .errors::before, .error::before { content: ""; background: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.4375 17.4375C6.76872 17.4375 5.13742 16.9427 3.74988 16.0155C2.36234 15.0884 1.28088 13.7706 0.64227 12.2289C0.00365592 10.6871 -0.163435 8.99064 0.162128 7.35393C0.487691 5.71721 1.29128 4.2138 2.47129 3.03379C3.6513 1.85378 5.15471 1.05019 6.79143 0.724628C8.42814 0.399065 10.1246 0.566156 11.6664 1.20477C13.2081 1.84338 14.5259 2.92484 15.453 4.31238C16.3802 5.69992 16.875 7.33122 16.875 9C16.875 11.2378 15.9861 13.3839 14.4037 14.9662C12.8214 16.5486 10.6753 17.4375 8.4375 17.4375ZM8.4375 1.6875C6.99123 1.6875 5.57743 2.11637 4.3749 2.91988C3.17236 3.72339 2.2351 4.86545 1.68163 6.20163C1.12817 7.53782 0.983357 9.00812 1.26551 10.4266C1.54767 11.8451 2.24411 13.1481 3.26679 14.1707C4.28946 15.1934 5.59242 15.8898 7.01091 16.172C8.42939 16.4542 9.89969 16.3093 11.2359 15.7559C12.5721 15.2024 13.7141 14.2651 14.5176 13.0626C15.3211 11.8601 15.75 10.4463 15.75 9C15.75 7.06061 14.9796 5.20065 13.6082 3.82929C12.2369 2.45793 10.3769 1.6875 8.4375 1.6875V1.6875Z' fill='%23904141'/%3E%3Cpath d='M4.93805 8.12805C5.42268 8.12805 5.81555 7.73518 5.81555 7.25055C5.81555 6.76592 5.42268 6.37305 4.93805 6.37305C4.45342 6.37305 4.06055 6.76592 4.06055 7.25055C4.06055 7.73518 4.45342 8.12805 4.93805 8.12805Z' fill='%23904141'/%3E%3Cpath d='M11.9361 8.12805C12.4207 8.12805 12.8136 7.73518 12.8136 7.25055C12.8136 6.76592 12.4207 6.37305 11.9361 6.37305C11.4515 6.37305 11.0586 6.76592 11.0586 7.25055C11.0586 7.73518 11.4515 8.12805 11.9361 8.12805Z' fill='%23904141'/%3E%3Cpath d='M11.5317 12.6227C11.4577 12.6231 11.3843 12.6089 11.3157 12.5809C11.2472 12.5529 11.1849 12.5117 11.1323 12.4595C10.4173 11.7458 9.44826 11.3449 8.43795 11.3449C7.42763 11.3449 6.4586 11.7458 5.74357 12.4595C5.69128 12.5123 5.62907 12.5541 5.56052 12.5827C5.49197 12.6112 5.41845 12.6259 5.3442 12.6259C5.26994 12.6259 5.19642 12.6112 5.12787 12.5827C5.05933 12.5541 4.99711 12.5123 4.94482 12.4595C4.84005 12.3541 4.78125 12.2116 4.78125 12.063C4.78125 11.9144 4.84005 11.7718 4.94482 11.6664C5.87255 10.7424 7.12858 10.2236 8.43795 10.2236C9.74731 10.2236 11.0033 10.7424 11.9311 11.6664C12.0358 11.7718 12.0946 11.9144 12.0946 12.063C12.0946 12.2116 12.0358 12.3541 11.9311 12.4595C11.8785 12.5117 11.8162 12.5529 11.7476 12.5809C11.6791 12.6089 11.6057 12.6231 11.5317 12.6227Z' fill='%23904141'/%3E%3C/svg%3E") no-repeat center center; display: inline-block; width: 17px; height: 17px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .icons-not-translate::before { top: 15px; transform: none; } .success { --color-success: #008a00; --border-color-success: #b2e5ad; --background-success: #e3fadf; padding: 1.2rem 2rem; padding-left: 4.5rem; margin-bottom: 2rem; color: var(--color-success); background-color: var(--background-success); border: 1px solid var(--border-color-success); border-radius: 5px; position: relative; } .success:before { content: ""; background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.0332 8.99172L8.00502 10.9717L11.9568 7.01172' stroke='%23008A00' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.97336 1.17845C8.5379 0.695724 9.46245 0.695724 10.0352 1.17845L11.3279 2.29118C11.5734 2.50391 12.0315 2.67572 12.3588 2.67572H13.7497C14.617 2.67572 15.3288 3.38754 15.3288 4.25482V5.64572C15.3288 5.96482 15.5006 6.43118 15.7134 6.67663L16.8261 7.96936C17.3088 8.53391 17.3088 9.45845 16.8261 10.0312L15.7134 11.3239C15.5006 11.5694 15.3288 12.0275 15.3288 12.3548V13.7457C15.3288 14.613 14.617 15.3248 13.7497 15.3248H12.3588C12.0397 15.3248 11.5734 15.4966 11.3279 15.7094L10.0352 16.8221C9.47063 17.3048 8.54609 17.3048 7.97336 16.8221L6.68063 15.7094C6.43518 15.4966 5.977 15.3248 5.64972 15.3248H4.23427C3.367 15.3248 2.65518 14.613 2.65518 13.7457V12.3466C2.65518 12.0275 2.48336 11.5694 2.27881 11.3239L1.17427 10.023C0.699723 9.45845 0.699723 8.54209 1.17427 7.97754L2.27881 6.67663C2.48336 6.43118 2.65518 5.973 2.65518 5.65391V4.24663C2.65518 3.37936 3.367 2.66754 4.23427 2.66754H5.64972C5.96881 2.66754 6.43518 2.49572 6.68063 2.283L7.97336 1.17845Z' stroke='%23008A00' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center; display: inline-block; width: 17px; height: 17px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .warning, .collection--empty { --color--empty: #907341; --background-empty: #faf0df; --border-color-empty: #e9d7b8; } .warning { padding: 1.2rem 2rem; padding-left: 4.5rem; margin-bottom: 1rem; color: var(--color--empty); background-color: var(--background-empty); border: 1px solid var(--border-color-empty); border-radius: 5px; position: relative; } .warning:before { content: ""; background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.97727 1.19847C8.54999 0.715744 9.47454 0.715744 10.0309 1.19847L11.3236 2.30302C11.5691 2.50756 12.0354 2.67938 12.3627 2.67938H13.7536C14.6209 2.67938 15.3327 3.3912 15.3327 4.25847V5.64938C15.3327 5.97665 15.5045 6.43483 15.7091 6.68029L16.8136 7.97302C17.2964 8.54574 17.2964 9.47029 16.8136 10.0267L15.7091 11.3194C15.5045 11.5648 15.3327 12.023 15.3327 12.3503V13.7412C15.3327 14.6085 14.6209 15.3203 13.7536 15.3203H12.3627C12.0354 15.3203 11.5773 15.4921 11.3318 15.6967L10.0391 16.8012C9.46636 17.2839 8.54181 17.2839 7.98545 16.8012L6.69272 15.6967C6.44727 15.4921 5.9809 15.3203 5.66181 15.3203H4.22999C3.36272 15.3203 2.6509 14.6085 2.6509 13.7412V12.3421C2.6509 12.023 2.48727 11.5567 2.28272 11.3194L1.17817 10.0185C0.703629 9.45393 0.703629 8.53756 1.17817 7.97302L2.28272 6.67211C2.48727 6.42665 2.6509 5.96847 2.6509 5.64938V4.26665C2.6509 3.39938 3.36272 2.68756 4.22999 2.68756H5.64545C5.97272 2.68756 6.4309 2.51574 6.67636 2.3112L7.97727 1.19847Z' stroke='%23907341' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M9 5.8457V9.79752' stroke='%23907341' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8.99609 12.2852H9.00344' stroke='%23907341' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; display: inline-block; width: 18px; height: 18px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .required { --color-required: #dc3545; color: var(--color-required) !important; } .errors ul { padding: 0; list-style: none; } .shopify-challenge__container { margin-top: calc(var(--space_between_section) - var(--bls-gutter-x, 0px)); } .shopify-challenge__message { margin-bottom: 1rem; } .shopify-challenge__container .g-recaptcha { margin-bottom: 1rem; } .bls__canvas { position: fixed; background: var(--color-white); background-color: var(--color-white); top: 0; right: 0; bottom: 0; transition: var(--transition-popup); -webkit-transition: var(--transition-popup); box-shadow: 0 0 30px 0 #0000001a; transform: translate3d(104%, 0, 0); -webkit-transform: translate3d(104%, 0, 0); max-width: 85%; width: 45rem; z-index: 10; height: 100vh; visibility: hidden; } .bls__canvas-top { position: fixed; top: 0; right: 0; left: 0; transition: var(--transition-popup); -webkit-transition: var(--transition-popup); box-shadow: 0 0 30px 0 #0000001a; transform: translate3d(104%, 0, 0); -webkit-transform: translate3d(0, -104%, 0); visibility: hidden; z-index: 10; } .bls__canvas-left { right: auto; left: 0; transform: translate3d(-104%, 0, 0); -webkit-transform: translate3d(-104%, 0, 0); } .bls__canvas[open], .bls__opend-popup-header .bls__canvas, .bls__opend-popup-header .bls__canvas-top, .bls__opend-popup .bls__canvas, .bls__opend-popup .bls__canvas-top { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); visibility: visible; } @media (max-width: 1024px) { .bls__canvas-mb, .bls__canvas-mb-menu, .submenu, .subchildmenu { position: fixed; background: var(--color-white); background-color: var(--color-white); top: 0; right: 0; bottom: 0; transition: var(--transition-popup); -webkit-transition: var(--transition-popup); transform: translate3d(104%, 0, 0); -webkit-transform: translate3d(104%, 0, 0); max-width: 85%; width: 40rem; z-index: 10; } .bls__menu-parent>a { /* pointer-events: none; */ } li.bls__menu-parent .submenu, li.bls__menu-parent .subchildmenu { max-width: 100%; } li.bls__menu-parent .submenu.is--open, li.bls__menu-parent .submenu .is--open.subchildmenu, li.bls__menu-parent .submenu .is--open-lv3.subchildmenu, li.bls__menu-parent .submenu .is--open-lv2.subchildmenu { z-index: 111; pointer-events: inherit; margin: 0; height: 100%; overflow-y: auto; overflow-x: hidden; } li.bls__menu-parent .submenu.is--open::-webkit-scrollbar { width: 3px; } li.bls__menu-parent .submenu.is--open::-webkit-scrollbar-thumb { background-color: #DDDDDD; border-radius: 10px; } .bls__canvas-mb-left, .submenu, .subchildmenu { right: auto; left: 0; transform: translate3d(-104%, 0, 0); -webkit-transform: translate3d(-104%, 0, 0); } .submenu { left: 0 !important; } .toolbar-sorter-mb__option { position: fixed; background: var(--color-white); background-color: var(--color-white); left: 0; right: 0; bottom: 0; transition: var(--transition-popup); -webkit-transition: var(--transition-popup); box-shadow: 0 0 30px 0 #0000001a; transform: translate3d(0, 104%, 0); -webkit-transform: translate3d(0, 104%, 0); z-index: 9999999; } .toolbar-sorter-mb.open-selected .toolbar-sorter-mb__option, .nav-open .bls__canvas-mb-menu, .bls__opend-popup .bls__canvas-mb, li.bls__menu-parent .submenu.is--open, li.bls__menu-parent .submenu .is--open.subchildmenu, li.bls__menu-parent .submenu .is--open-lv3.subchildmenu, li.bls__menu-parent .submenu .is--open-lv2.subchildmenu { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } } /* overlay -----------------------------------------------------------------*/ body .dlg, .bls__overlay { cursor: url(cursor-close.png), pointer; background-color: var(--overlay-bg); transition: opacity 0.5s; } body .dlg.dialog-remove-loadding { opacity: 0; visibility: hidden; } .bls__overlay { content: ""; position: fixed; z-index: 9; inset: 0; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: var(--transition-popup); } .bls__overlay:not(.d-none-overlay) { opacity: 1; visibility: visible; pointer-events: auto; } .nav-open, .hside_opened, html:has(.bls-recommendations-beside.hidden-mobile.auto-beside.is-opend) { overflow: hidden; } .vetical-overlay .page-header, .vetical-overlay .announcement_bar { position: relative; z-index: 10; } @media only screen and (min-width: 1200px) { .hside_opened { padding-right: var(--padding-right, 0); } } .popup-search-form { transition: var(--transition-popup); opacity: 0; visibility: hidden; pointer-events: none; } .content-search-form { overflow-y: auto; padding: 1rem 0 6rem 0; max-height: calc(100vh - var(--height-header) - var(--height-header) - 55px); position: relative; z-index: 10; background-color: #ffffff; } @media only screen and (min-width: 768px) { .content-search-form { max-height: calc(100vh - 55px); } } .popup-search-form::before { content: ""; position: fixed; z-index: 9; inset: 0; top: calc(var(--height-bar, 0px) + var(--height-header, 193px)); height: 100vh; left: 0; right: 0; opacity: 0; visibility: hidden; pointer-events: none; cursor: url(cursor-close.png), pointer; background-color: var(--overlay-bg); transition: var(--transition-popup); } .toolbar-sorter-mb .facet-filters__label:after, .top-search-toggle:before, #cart-icon-bubble:before { content: ""; position: fixed; z-index: 9; inset: 0; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; pointer-events: none; cursor: url(cursor-close.png), pointer; background-color: var(--overlay-bg); transition: var(--transition-popup); } .toolbar-sorter-mb.open-selected .facet-filters__label:after, .popup-search-show.popup-search-form, .popup-search-show.popup-search-form::before, .open-search .top-search-toggle:before, #bls-header_minicart.bls__opend-popup-header #cart-icon-bubble:before { opacity: 1; visibility: visible; transition: var(--transition-popup); pointer-events: auto; } [style*="background-image"] { background-position: center; background-size: cover; background-repeat: no-repeat; } .show-hide-content { max-height: var(--content-max-height, 0); opacity: 0; } .open-children-toggle { position: absolute; right: 0; top: 0; bottom: 0; display: block; min-width: 4.5rem; min-height: 4.5rem; z-index: 2; cursor: pointer; } .open-children-toggle:before { width: 12px; height: 1px; } .open-children-toggle::after { width: 1px; height: 12px; } .open-children-toggle:after, .open-children-toggle:before { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); transition: var(--bls-transition); background-color: var(--heading-color); } .active~.open-children-toggle:before, .active .open-children-toggle:before { opacity: 0; -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .advanced .active~.open-children-toggle:before, .advanced .active .open-children-toggle:before { opacity: 1; -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .toogle-menu { position: relative; } @media (max-width: 767px) { .toogle-menu.active .toogle-content { display: block; } .toogle-content { display: none; } } .hover-effect { position: relative; overflow: hidden; will-change: transform; } @media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) { .hover-effect { display: block; } .hover-effect .bls__responsive-image, .hover-effect svg, .hover-effect:before, .hover-effect:after { transition: var(--bls-transition); } @media (min-width: 992px) { .hover-zoom:hover .bls__responsive-image, .hover-zoom:hover svg { transform: var(--bls-transform); -webkit-transform: var(--bls-transform); } .hover-fade-in:hover .bls__responsive-image, .hover-fade-in:hover svg { opacity: 0.85; } .hover-box-shadow:hover { --bls-box-shadow: 0 30px 30px 0 #d3d3d3; box-shadow: var(--bls-box-shadow); transform: translateY(-5px); -webkit-transform: translateY(-5px); } .hover-border-inset::after { transition: var(--bls-transition); border: 0px solid rgba(255, 255, 255, 0.6); content: ""; position: absolute; inset: 0; left: 0; right: 0; bottom: 0; top: 0; } .hover-border-inset:hover { --bls-box-shadow: 0 5px 20px rgb(0 0 0 / 15%); box-shadow: var(--bls-box-shadow); } .hover-border-inset:hover::after { border: 10px solid rgba(255, 255, 255, 0.6); } } } .bls__banner .bls__banner-inner { background-color: var(--banner-bg-color); } .bls__banner-inner .hover-effect { display: initial; } .bls__banner .bls__banner-inner:hover .bls__banner-btn.btn-link:before { width: 100%; } .bls__banner-heading a:hover { color: var(--primary-color); } .bls__banner-content .bls__banner-btn:not(.btn-link) { margin-top: 1rem; } .bls__banner-content .btn-link { pointer-events: visible; } .bls__banner-content .bls__banner-subtext { font-size: var(--sub-font-size); font-weight: var(--sub-font-weight, var(--heading-font-weight)); margin-bottom: var(--sub-spacing); } .bls__banner-content .bls__banner-subtext.spacing-big { margin-bottom: clamp(3rem, 5vw, var(--sub-spacing)); } .bls__banner-content .bls__banner-heading { font-size: var(--heading-font-size); font-weight: var(--custom-heading-font-weight, var(--bls__section-heading-weight)); margin-bottom: var(--heading-spacing); } .bls__banner-content .bls__banner-heading.size-big { font-size: clamp(3rem, 5vw, var(--heading-font-size)); } .bls__banner-content .bls__banner-heading.spacing-big { margin-bottom: clamp(3rem, 5vw, var(--heading-spacing)); } .bls__banner-content .bls__banner-text { font-size: var(--desc-font-size); font-weight: var(--desc-font-weight); margin-bottom: var(--desc-spacing); } .bls__banner-content .bls__banner-text.spacing-big { margin-bottom: clamp(3rem, 5vw, var(--desc-spacing)); } /* content design 2 */ .bls__banner-content.design_2 { text-transform: uppercase; } .bls__banner-content.design_2 .bls__banner-button path, .bls__banner-content.design_2 .bls__banner-button svg { fill: var(--btn-link-color); } .bls__banner-content.design_2 .bls__banner-button { border-top: 1px solid var(--border-color-base); } .bls__banner-content.design_2 .icon-design, .collection-item .bls__collection-infor.design-5 svg { transition: var(--bls-transition); -webkit-transition: var(--bls-transition); } .bls__banner-inner:hover .bls__banner-content.design_2 .icon-design, .collection-item:hover .bls__collection-infor.design-5 svg { transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: var(--bls-transition); -webkit-transition: var(--bls-transition); } .bls__banner-content.design_2 .btn-link { font-size: 14px; padding-bottom: 0; padding-top: 1rem; line-height: 1; } .bls__banner-content.design_2 .btn-link::before { display: none; } @media (max-width: 991px) { .bls__banner-image .row.horizontal_scroll { grid-template-columns: repeat(auto-fit, minmax(60%, 1fr)); gap: var(--bs-gutter-x); grid-auto-flow: column; grid-auto-columns: minmax(60%, 1fr); overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; display: grid; } .bls__banner-image .row.horizontal_scroll { margin-left: calc(-1 * (var(--bs-gutter-x) + var(--bs-gutter-x) * 0.5)); margin-right: calc(-1 * (var(--bs-gutter-x) + var(--bs-gutter-x) * 0.5)); padding-left: calc(var(--bs-gutter-x) + var(--bs-gutter-x) * 0.5); padding-right: calc(var(--bs-gutter-x) + var(--bs-gutter-x) * 0.5); } .bls__banner-image .row.horizontal_scroll>* { padding: 0; } } @media (max-width:575px) { .bls__banner-image .bls__section .row.horizontal_scroll { grid-template-columns: repeat(auto-fit, minmax(80%, 1fr)); grid-auto-columns: minmax(80%, 1fr); } } /* Loading */ .btn-loading .bls__product-icon svg, .btn-loading .hidden-loading { opacity: 0; } .loader-icon { content: ""; display: inline-block; border: 2px solid #f3f3f3; border-radius: 50%; border-top: 2px solid var(--btn-link-color-hover); width: var(--loader-width); height: var(--loader-height); -webkit-animation: spin 0.8s linear infinite; /* Safari */ animation: spin 0.8s linear infinite; opacity: 0; position: absolute; top: 50%; left: 50%; margin-top: calc(var(--loader-width) / 2 * -1); margin-left: calc(var(--loader-height) / 2 * -1); } .btn-loading .loader-icon { opacity: 1; } .bls__btn-load-more { --loader-width: 18px; --loader-height: 18px; position: relative; cursor: pointer; } /* bls__page-title */ .bls__page-title { margin: var(--spacing-title); } /* sibar */ @media (min-width: 1025px) { .left_sidebar, .right_sidebar { width: calc(var(--bs-gutter-x) + 270px); } } @media (max-width: 1024px) { .section-blog .row>.left_sidebar:first-of-type, .section-blog .row>.right_sidebar:first-of-type { order: 2; } .section-blog .row .left_sidebar, .section-blog .row .right_sidebar { margin-top: var(--space_between_section); } #CollectionSidebar { margin-top: 0; } } /* body loading filter -----------------------------------------------------------------*/ .header_minicart.loading .bls-minicart-wrapper::after, .start.loading .bls-wrapper:after { background: var(--primary-color); content: ""; height: 3px; left: 0; opacity: 1; position: fixed; top: 0; width: 0; z-index: 9999; animation: al-loading 1s cubic-bezier(0.43, 0.27, 0.36, 0.83) forwards; transition: width 1s linear, opacity 0.35s linear 0.35s; } .header_minicart.finish.loading .bls-minicart-wrapper::after, .finish.loading .bls-wrapper:after { width: 100%; animation: al-loading-finish 0.3s cubic-bezier(0.43, 0.27, 0.36, 0.83) forwards; } .header_minicart.loading .bls-minicart-wrapper::before, .start.loading .bls-wrapper::before { background-color: rgb(255 255 255 / 60%); bottom: 0; content: ""; left: 0; opacity: 1; position: absolute; right: 0; top: 0; transition: opacity 0.35s cubic-bezier(0.43, 0.27, 0.36, 0.83); z-index: 999; } .header_minicart.loading .bls-minicart-wrapper::after { position: absolute; } /* pagination-load-more -----------------------------------------------------------------*/ .pagination-load-more { text-align: center; } .pagination-load-more .load-more-bar .load-more-bar { width: 300px; margin: auto; background-color: var(--border-color-base); height: 2px; } .pagination-load-more .collections-load-more, .load-carrer { margin-top: 3rem; } .pagination-load-more .load-more-amount { padding-bottom: 1.3rem; display: inline-block; } .load-more-bar .load-more-percent { background-color: var(--heading-color); display: block; height: 100%; transition: var(--bls-transition); } .pagination .loading span:not(.loader-icon) { opacity: 0; } .pagination .loading .loader-icon { opacity: 1; } .collection--empty .title { padding: 1.1rem 2.5rem; background-color: var(--background-empty); color: var(--color--empty); border-radius: 5px; display: flex; flex-wrap: wrap; align-items: center; } .collection--empty .title svg { margin-right: 1rem; } .collection--empty .title a { padding-left: 1rem; text-decoration: underline; color: var(--color--empty); } /* pagination -----------------------------------------------------------------*/ .pagination-wrapper { text-align: center; } .pagination__list { margin: 0; padding: 0; list-style: none; align-items: center; display: flex; justify-content: center; } .pagination__list li { margin: 0 5px; } .pagination__list li a { align-items: center; display: flex; justify-content: center; height: 45px; width: 45px; border-radius: 50%; border: 1px solid var(--border-color-base); color: var(--heading-color); } .pagination__list li a.link { border: 1px solid var(--border-color-base); } .pagination__list li a.pagination__item--current, .pagination__list li a.link:hover { border-color: var(--heading-color); color: var(--heading-color); } .pagination__list li a.pagination__item-arrow { font-size: 0; } .pagination__list li a.pagination__item-arrow::before { content: "\e94b"; font-family: "blueskytechco" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; } .pagination__list li a.pagination__item--prev::before { content: "\e94c"; } /* Other library */ .bls__section .bls__swiper .swiper-button-next, .bls__section .bls__swiper .swiper-button-prev, .bls__section .bls__swiper .swiper-button-next-item, .bls__section .bls__swiper .swiper-button-prev-item { margin-top: calc(var(--bls-gutter-x, 0px) * -1 / 2); } .swiper-button-next, .swiper-button-prev, .swiper-button-next-item, .swiper-button-prev-item { width: var(--swiper-arrow-width, 5rem); height: var(--swiper-arrow-height, 5rem); margin-top: 0; align-items: center; background-color: var(--color-white); border-radius: 50%; font-size: var(--swiper-arrow-size, 1.6rem); box-shadow: none; border: 1px solid var(--border-color-base); transform: translateY(-50%); -webkit-transform: translateY(-50%); } .swiper-button-next:hover, .swiper-button-prev:hover, .swiper-button-next-item:hover, .swiper-button-prev-item:hover { background-color: var(--btn-primary-bg-hover); border-color: var(--btn-primary-bg-hover); color: var(--btn-primary-color-hover); } .swiper-button-next::after, .swiper-button-prev::after, .swiper-button-next-item::after, .swiper-button-prev-item::after { display: none; } .swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-next-item, .swiper-rtl .swiper-button-prev-item { right: var(--swiper-next-position, 1.5rem); } .swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-button-prev-item, .swiper-rtl .swiper-button-next-item { left: var(--swiper-pre-position, 1.5rem); } .swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-next-item, .swiper-rtl .swiper-button-prev-item { --swiper-next-position: 1rem; } .swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-button-prev-item, .swiper-rtl .swiper-button-next-item { --swiper-pre-position: 1rem; } .bls__product .swiper-button-next, .bls__product .swiper-button-prev { top: 40%; } @media (min-width: 1200px) { .swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-next-item, .swiper-rtl .swiper-button-prev-item { --swiper-next-position: 1.5rem; } .swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-button-prev-item, .swiper-rtl .swiper-button-next-item { --swiper-pre-position: 1.5rem; } .bls__section .full-width .swiper-button-next, .bls__section .full-width .swiper-rtl .swiper-button-prev, .bls__section .full-width .swiper-button-next-item, .bls__section .full-width .swiper-rtl .swiper-button-prev-item { --swiper-next-position: 2.5rem; } .bls__section .full-width .swiper-button-prev, .bls__section .full-width .swiper-rtl .swiper-button-next, .bls__section .full-width .swiper-button-prev-item, .bls__section .full-width .swiper-rtl .swiper-button-next-item { --swiper-pre-position: 2.5rem; } } @media (max-width: 991px) { .bls__shoplookbook .lookbook-swiper.hover__show-nav .swipper-next-back, .bls__product .bls__grid .bls__swiper.hover__show-nav .swipper-next-back { display: flex; justify-content: center; align-items: center; flex-direction: row-reverse; width: 100%; } .bls__shoplookbook .lookbook-swiper.hover__show-nav .swipper-next-back .swiper-arrow, .bls__product .bls__grid .bls__swiper.hover__show-nav .swipper-next-back .swiper-arrow { position: static; transform: none; border: 1px solid var(--border-color-base); margin: 0 5px; opacity: 1; visibility: visible; margin-bottom: var(--bls__section-header-margin); box-shadow: none; } .bls__shoplookbook .lookbook-swiper.hover__show-nav .swipper-next-back .swiper-arrow.swiper-button-lock, .bls__product .bls__grid .bls__swiper.hover__show-nav .swipper-next-back .swiper-arrow.swiper-button-lock { display: none; } .bls__shoplookbook .lookbook-swiper.hover__show-nav .swiper-button-disabled, .bls__product .bls__grid .bls__swiper.hover__show-nav .swiper-button-disabled { opacity: 0.8; pointer-events: none; } .bls__shoplookbook .lookbook-swiper.hover__show-nav, .bls__product .bls__grid .bls__swiper.hover__show-nav { margin-top: -7px; } } /* Hover show navigation */ .hover__show-nav .swiper-arrow { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); } @media (min-width: 992px) { .hover__show-nav .swiper-arrow { opacity: 0; visibility: hidden; pointer-events: none; transition: var(--bls-transition); -webkit-transition: var(--bls-transition); } .hover__show-nav .swiper-button-prev, .hover__show-nav .swiper-button-prev-item { transform: translateX(10px) translateY(-50%); -webkit-transform: translateX(10px) translateY(-50%); } .hover__show-nav .swiper-button-next, .hover__show-nav .swiper-button-next-item { transform: translateX(-10px) translateY(-50%); -webkit-transform: translateX(-10px) translateY(-50%); } .hover__show-nav:hover .swiper-arrow { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); } } [data-arrow-centerimage="1"].hover__show-nav .swiper-arrow { top: var(--arrows-offset-top, 50%); margin-top: 0 } [data-arrow-centerimage="1"].hover__show-nav .swiper-button-prev, [data-arrow-centerimage="1"].hover__show-nav .swiper-button-prev-item { transform: translateX(0) translateY(-50%); } [data-arrow-centerimage="1"].hover__show-nav .swiper-button-next, [data-arrow-centerimage="1"].hover__show-nav .swiper-button-next-item { transform: translateX(0) translateY(-50%); } [data-arrow-centerimage="1"].hover__show-nav:hover .swiper-arrow { transform: translateX(0) translateY(-50%); } @media (min-width: 992px) { [data-arrow-centerimage="1"].hover__show-nav .swiper-button-prev, [data-arrow-centerimage="1"].hover__show-nav .swiper-button-prev-item { transform: translateX(10px) translateY(-50%); } [data-arrow-centerimage="1"].hover__show-nav .swiper-button-next, [data-arrow-centerimage="1"].hover__show-nav .swiper-button-next-item { transform: translateX(-10px) translateY(-50%); } .bls__product-style-3 [data-arrow-centerimage="1"].hover__show-nav .swiper-arrow, .bls__product-style-5 [data-arrow-centerimage="1"].hover__show-nav .swiper-arrow { --arrows-offset-top: 40% !important; } } .hover__show-nav:hover .swiper-arrow.swiper-button-disabled, .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled, .swiper-button-next-item.swiper-button-disabled, .swiper-button-prev-item.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: auto; } .swiper:not(.bls__product-gallery) .swiper-pagination, .swiper:not(.bls__product-gallery) .swiper-pagination-item { position: static; margin-top: 2.4rem; } .swiper:not(.bls__product-gallery) .swiper-pagination-progressbar { margin-top: var(--bls__section-header-margin); } .swiper-pagination+.swiper-pagination { display: none; } /* Photoswiper */ body .gclose svg, body .gnext svg, body .gprev svg { width: 18px; } body .glightbox-clean .gclose, body .glightbox-clean .gnext, body .glightbox-clean .gprev { padding: 0; } .swiper-pagination.show-on-mobile { margin-bottom: 0; margin-top: 1.5rem; } @media (min-width: 768px) { .pswp_thumb_item { min-width: 70px; width: 70px; } .swiper-pagination.show-on-mobile { display: none; } } /* mobile-stickybar -----------------------------------------------------------------*/ #shopify-section-mobile-stickybar .fixed-bottom { bottom: 0; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.06); background-color: var(--color-white); left: 0; right: 0; position: fixed; transform: none; transition: transform 0.25s ease; will-change: transform; z-index: 3; } .mobile-bottom-link li { align-items: center; display: flex; flex: 0 0 20%; max-width: 20%; justify-content: center; padding: 14px 15px; position: relative; } .mobile-bottom-link li a { line-height: 1; display: flex; align-items: center; flex-direction: column; } .mobile-bottom-link li .h-count { top: -9px; } .fixed-bottom .quick-menu-mb { font-size: 1.3rem; line-height: 16px; margin-top: 3px; font-weight: 500; } .fixed-bottom .wishlist-count { left: auto; right: 2px; } .back-top { transition: var(--bls-transition); opacity: 0; transform: scale(0); -webkit-transform: scale(0); bottom: 9rem; right: 3rem; z-index: 4; background-color: white; overflow: hidden; } .back-top #bls__back-top { position: absolute; left: 0; width: 100%; bottom: 0; background-color: #111; } .back-top i { mix-blend-mode: difference; } .back-top.show { opacity: 1; transform: scale(1); } .dlg-box { visibility: visible !important; } [id*="dlg-demo-feature"].dlg-box { max-width: 1410px; background-color: var(--light-grey-color); } .bls-banner-inner.relative.collection-item.design-1.hover-zoom { margin-top: 0; } .box-shadow.bls-menu-item.flex-column-reverse.type_banner.rounded-5 { margin-bottom: 3rem; overflow: hidden; } [id*="dlg-demo-feature"].dlg-box .container-fluid { padding: 4rem; padding-bottom: 1rem; } [id*="dlg-demo-feature"] .bls__menu_banner-heading { background-color: var(--color-white); text-align: center; } @media (max-width: 767px) { footer.footer.enable_menu-bottom { padding-bottom: 7.2rem; } .sticky-addtocart-show footer.footer { padding: 0; } .back-top { bottom: 14.5rem; right: 1rem; width: 40px; height: 40px; --bls-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); } } #bls__not-active { position: fixed; inset: 0; top: 0; bottom: 0; left: 0; right: 0; z-index: 99999; --font-h3: 3.2rem; --font-h4: 1.4rem; } #bls__not-active h3 { text-align: center; margin-bottom: 2rem; } #bls__not-active p { margin-bottom: 1.1rem; } #bls__not-active h5 { margin-bottom: 1.4rem; } #bls__not-active a.link { color: #3a76b7; text-decoration: underline; } #bls__not-active a.popup-btn { padding: 10px 25px; border: 1px solid #111; margin-bottom: 1.8rem; display: inline-block; border-radius: 5px; } #bls__not-active a.ecom { margin-top: 10px; background: #5c6ac4; color: #fff; font-weight: 500; border: none; } #bls__not-active a.popup-btn:hover { background-color: #111; color: #fff; } #bls__not-active:after { content: ""; position: absolute; inset: 0; top: 0; bottom: 0; left: 0; right: 0; background-color: rgb(0 0 0 / 80%); } #bls__not-active>div { position: absolute; z-index: 9; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: clamp(3rem, 4.5vw, 4.55rem); width: 100%; max-width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; } .msg-1, .msg-2, .msg-3 { color: #ec3527; } #bls__not-active .ecom-price { color: red; font-weight: 500; } #bls__not-active .ecom-bold { font-weight: var(--heading-font-weight); } /* Start customer style */ .customer-forgot#recover { display: none; } .customer-forgot#recover:target { display: block; } .customer-forgot#recover:target+.customer-login { display: none; } .form-group textarea, .form-group input { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .subtext { margin-bottom: 1rem; } .subtext.mb-20 { margin-bottom: 2rem; } .bls__tab-header>div, .bls-login-popup { display: none; } .bls__tab-header>div[aria-hidden="false"], .bls-login-popup[aria-hidden="false"] { display: block; } label.form-label { color: var(--color-link); } .title-customer { --font-h3: 2.4rem; font-size: clamp(2rem, 3vw, var(--font-h3)); margin-bottom: clamp(2rem, 3vw, 2.5rem); } .forget-password, .link-forgot { color: rgb(var(--base-color)); } @media (min-width: 1024px) { [class*="customer-"] .row { --bs-gutter-x: 8rem; } } /* page-account */ .bls__page-account { --background-order: #e3fadf; --color-order: #008a00; } .active-form form ul { padding: 0; } .bls__page-account .mb-20, .bls__page-addresses .mb-20 { margin-bottom: 2rem !important; } .bls__page-account .mb-30, .bls__page-addresses .mb-30 { margin-bottom: 3rem !important; } .account-dashboard { border: 1px solid var(--border-color-base); border-radius: 5px; } .account-dashboard a { display: block; padding: 1.1rem 1.1rem 1.1rem 2rem; border-bottom: 1px solid var(--border-color-base); transition: var(--bls-transition); } .account-dashboard a:last-child { border: 0; } .account-dashboard a.active { background-color: var(--light-grey-color); font-weight: var(--heading-font-weight); } .bls__account-details h3, .bls__order-history h3 { --font-h3: 2.4rem; font-size: clamp(2rem, 3.5vw, var(--font-h3)); } .bls__order-history .no-order { padding: 1.6rem 2.5rem; background-color: var(--background-order); color: var(--color-order); border-radius: 5px; font-size: 1.4rem; } .no-order span { font-size: 1.6rem; margin-right: 0.5rem; } .no-order a { color: var(--color-order); border-bottom: 1px solid var(--color-order); font-weight: 500; } .account-details { border: 1px solid var(--border-color-base); border-bottom: 0; border-radius: 5px; } .account-details span { padding: 1.3rem 2rem; display: inline-block; } .account-details span:not(:last-child) { border-right: 1px solid var(--border-color-base); min-width: 138px; } .account-details>div { border-bottom: 1px solid var(--border-color-base); } .bls__addreses-default .bls__your-addresses, .bls-customer__address .form-add-addresses { padding: 5rem; background-color: var(--light-grey-color); border-radius: 5px; } .title-default, .bls__your-addresses h3 { --font-h3: 2.4rem; font-size: clamp(2rem, 3.5vw, var(--font-h3)); margin-bottom: 1.5rem; } .bls__your-addresses .form-field label { margin-bottom: 0.5rem; color: var(--color-link); } .bls__your-addresses .form-field select { background-position: 98% 50%; } .address-info-inner { border: 1px solid var(--border-color-base); border-radius: 5px; padding: 0 2rem 2rem; } .address-info-inner>h3 { margin: 0; font-size: 1.8rem; background-color: var(--light-grey-color); margin: 0 -2rem; margin-bottom: 1.5rem; padding: 1rem 1em; } .address-info p { margin-bottom: 0.2rem; } .info-actions .btn-secondary { --btn-secondary-bg: var(--light-grey-color); border-color: var(--border-color-base); } .responsive-table, .table-history-order { width: 100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; text-align: left; } .responsive-table { color: var(--color-link); } .table-history-order thead th { padding: 1.1rem 2rem; font-weight: 500; color: var(--btn-link-color); border: 1px solid var(--border-color-base); background-color: var(--light-grey-color); } .table-history-order tbody td { vertical-align: middle; padding: 1.1rem 2rem; border: 1px solid var(--border-color-base); } .table-history-order tfoot td { padding: 1.1rem 2rem; vertical-align: middle; } .text-order { font-size: 1.4rem; } .table-history-order tfoot td:last-child, .table-history-order tbody td:last-child { font-weight: 500; color: var(--color-link); } @media (min-width: 1024px) { .row-order, .bls__page-addresses .container>.row, .bls__page-account .container>.row { --bs-gutter-x: 10rem; } } @media (max-width: 767px) { .col-md-9.border-right, .col-md-9.border-left { border: 0; } .bls__addreses-default .bls__your-addresses, .bls-customer__address .form-add-addresses { padding: 2rem; } .table-history-order { font-size: 1.4rem; min-width: 500px; } .table-history-order tbody td, .table-history-order thead th { padding: 1rem; } .bls__order-history { overflow: hidden; overflow-x: auto; -webkit-mask-image: linear-gradient(to left, transparent 5px, #000 40px); mask-image: linear-gradient(to left, transparent 5px, #000 40px); } .content-register { margin-top: var(--space_between_section); } } /* Cookies */ .bls_cookie { position: fixed; bottom: 1rem; right: 1rem; z-index: 11; padding: 3rem; width: calc(100% - 20px); max-width: 365px; background-color: var(--color-white); box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.08); --btn-padding: 0.85rem 5.5rem; } @media only screen and (max-width: 576px) { .bls_cookie { padding: 1.5rem; } } .form-infor { position: fixed; inset: 0; top: 0; bottom: 0; left: 0; right: 0; z-index: 22; text-align: center; width: 100%; display: flex; opacity: 0; pointer-events: none; visibility: hidden; align-items: center; justify-content: center; transition: var(--bls-transition); background-color: var(--overlay-bg); } .form-infor-wrapper, #add_cart_error_0 .dlg-box, #add_gift_card_day_error_0 .dlg-box, #add_gift_card_error_0 .dlg-box { padding: 15px 30px; background: var(--color-white); width: 90%; max-width: 470px; box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05); border-radius: 5px; position: relative; } #add_cart_error_0 .dlg-box svg, #add_gift_card_day_error_0 .dlg-box svg, #add_gift_card_error_0 .dlg-box svg { margin-right: 3px; position: relative; top: -2px; } .form-infor.show-noti-form { opacity: 1; visibility: visible; pointer-events: auto; } .form-infor .close-form-info { position: absolute; right: 10px; top: 5px; } /* Contact page */ .bls__contact-page h3, .contact-info-content .info-phone h4 { font-size: clamp(2rem, 5vw, 3rem); } #MainContent .shopify-section .bls__contact-page .bls__section { margin-bottom: calc(var(--space_between_section) - var(--bls-gutter-x, 0px)); } .contact-info-content p:last-child { margin-bottom: 0; } /* recipient-form */ .form-input-placeholder.text-area, .form-input-placeholder.send-on { --input-color: rgb(var(--base-color)); } .form-input-placeholder.text-area { height: 100px; border-radius: 20px; } .recipient-form-field-label { font-size: 14px; color: rgb(var(--base-color)); } recipient-form .checkbox-group { margin-bottom: 20px; } recipient-form .recipient-fields__field:last-child { margin-bottom: 2.5rem; } .recipient-fields__field.text-area { margin-bottom: 8px; } /* Featured button */ @media (min-width: 1400px) { body feature-button.d-none.extent-button-right-bar { display: block !important; } } .btn-fixed { top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; right: -60px; transition: var(--bls-transition); position: fixed; z-index: 4; display: inline-flex; flex-direction: column; box-shadow: 0px 0px 20px rgba(17, 17, 17, 0.1); border-radius: 30px; background-color: var(--color-white); padding: 6px; } .extent-button-right-bar.d-xxl-block .btn-fixed { opacity: 1; visibility: visible; right: 10px; transition: var(--bls-transition); } .content-fixed { display: flex; background-color: var(--color-white); transition: var(--bls-transition); justify-content: center; align-items: center; width: 40px; height: 40px; margin-bottom: 1px; border-radius: 100%; position: relative; } .content-fixed:hover { background-color: var(--primary-color); } .content-fixed path { transition: var(--bls-transition); } .content-fixed:hover path { fill: var(--color-white); } .btn-fixed .icon-btn { display: inline-flex; align-items: center; justify-content: center; position: relative; } .tooltip-f { opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); position: absolute; background-color: var(--heading-color); color: var(--color-white); white-space: nowrap; font-size: 12px; margin: 0; padding: 6px 10px; width: auto; font-weight: 500; line-height: 16px; letter-spacing: -0.02em; right: 10px; top: 50%; margin-top: -14px; border-radius: 3px; white-space: nowrap; -webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 7%), 0 0 3px -1px rgb(83 45 245 / 15%); -moz-box-shadow: 0 5px 40px rgb(0 0 0 / 7%), 0 0 3px -1px rgb(83 45 245 / 15%); box-shadow: 0 5px 40px rgb(0 0 0 / 7%), 0 0 3px -1px rgb(83 45 245 / 15%); -moz-transition: all 0.3s cubic-bezier(0.64, -0.09, 0.13, 1.15); -o-transition: all 0.3s cubic-bezier(0.64, -0.09, 0.13, 1.15); transition: all 0.3s cubic-bezier(0.64, -0.09, 0.13, 1.15); z-index: -1; } .tooltip-f::before { content: ""; display: block; position: absolute; right: -5px; top: 50%; margin-top: -5px; width: 0; height: 0; border-left: 5px solid var(--heading-color); border-bottom: 5px solid transparent; border-top: 5px solid transparent; } .btn-fixed .content-fixed:hover .tooltip-f { opacity: 1; right: 60px; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .preview-demo-home-page .theme-item { text-align: center; margin: 15px 0; } .preview-demo-home-page .theme-img { padding: 20px; background: var(--color-white); box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05); transition: var(--bls-transition); border-radius: 5px; margin-bottom: 15px; position: relative; } .preview-demo-home-page .theme-img a { display: block; overflow: hidden; border-radius: 5px; } .preview-demo-home-page .theme-img img { transition: var(--bls-transition); } .preview-demo-home-page .theme-item:hover .theme-img img { transform: scale(1.05); } .preview-demo-home-page .theme-info h3 { font-size: 16px; font-weight: var(--heading-font-weight); line-height: 26px; margin: 0; } .preview-demo-home-page .theme-info p { font-size: 14px; margin: 0; } .label-demo-home-postion { position: absolute; left: 20px; top: 20px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #dd3327; border-radius: 3px; min-width: 54px; padding: 6px 9px; line-height: 18px; color: var(--color-white); font-size: 13px; font-weight: 500; display: inline-block; text-align: center; } .label-demo-home-postion.new { background: #2838f5; } /* other */ .tiktok-column .tiktok-embed { margin: 0; } @media only screen and (min-width: 576px) { .col-sm-2-5 { flex: 0 0 auto; width: 20%; } } @media only screen and (max-width: 767px) { .content-on-mobile { height: auto; } .content-on-mobile .bls__banner-content { padding: 2rem 0 0 0; position: static; } .pointer-events-mobile { pointer-events: auto; } } .video-container { overflow: hidden; position: relative; width: 100%; margin-bottom: -3px; margin-top: -3px; } .video-container:not(.custom-height) { padding-bottom: 56.25%; } @media (min-width: 768px) { .custom-height { height: var(--video-desktop-height); } } @media (max-width: 767px) { .custom-height { height: var(--video-mobile-height); } } @media (min-width: 1200px) { .custom-height.video-full-screen { height: 100vh; } } .local-video { position: relative; } .video-foreground, .video-container iframe, .local-video video { position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; } .local-video video { object-fit: cover; } @media (min-aspect-ratio: 16/9) { .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { .video-foreground { width: 300%; left: -100%; } } .type-video video, .bls__banner-media video, .bls__video-thumb video { width: 100%; display: block; } .sale-off .bls__sale-label, .sold-out-off .bls__sold-out-label, .pre-order-off .bls__pre-order-label { display: none !important; } @media (max-width: 767px) { .product-sizechart-content.bls_popup-content table { display: block; width: 100%; overflow: auto; white-space: nowrap; border: none; } .product-sizechart-content.bls_popup-content table th { border: 1px solid var(--border-color-base); } } .show-tooltip { overflow: visible; } .show-tooltip:not(.reveal_on_scroll) .swiper-slide:not(.swiper-slide-visible) { opacity: 0; pointer-events: none; } /*-- section newletter --*/ .bls__section_subcribe-form-content input[type="email"] { --input-border-color: var(--border-color-base); min-width: 0; } .bls__section_subcribe-form-content .input-vertical { max-width: 450px; } .bls__section_subcribe-form-content .bls__subcribe-button { padding: 0 4rem; white-space: nowrap; height: var(--input-height); } @media (max-width: 767px) { .bls__section_subcribe-form-content .bls__subcribe-button { padding: 0 2em; } } @media (max-width: 575px) { .bls__section_subcribe-form-content .bls__subcribe-button, .bls__section_subcribe-form-content input[type="email"] { width: 100%; } .bls__section_subcribe-form-content input[type="email"] { margin: 0 0 1rem 0; } .bls__canvas-mb-menu, .submenu, .subchildmenu { max-width: 100%; width: 100%; } .p-40 { padding: 2rem; } } /* page password */ .password-modal__content-heading { font-size: 1.8rem; font-weight: 400; cursor: pointer; } .password-modal__content-heading .text { padding-left: 5px; font-size: 1.6rem; text-decoration: underline; text-underline-offset: 0.5rem; } @media only screen and (min-width: 750px) { .password-modal__content-heading { font-size: 1.8rem; } } @media only screen and (max-width: 749px) { .password-header { text-align: center; margin-top: 20px; } .password-modal__content-heading { justify-content: center; margin-top: 15px; } .password__footer { margin-bottom: 30px; } } .password-link { align-items: center; font-size: 1.4rem; font-weight: 400; white-space: nowrap; } .password-link svg { width: 1.8rem; height: 1.8rem; margin-right: 1rem; } .password-modal__content-heading { font-size: 1.8rem; font-weight: 400; } .password-logo { width: 100%; margin-bottom: 1.5rem; } @media only screen and (min-width: 750px) { .password-logo { margin-bottom: 0; } } .password__footer-caption a { padding: 0; color: rgb(var(--color-link)); } @media only screen and (min-width: 750px) { .password-header { display: flex; justify-content: space-between; align-items: center; padding: 2rem 5rem 2.5rem; } } .password-content { text-align: center; } @media only screen and (max-width: 749px) { .password-content { margin-bottom: 1.8rem; margin-top: 1rem; } } .password-modal__content { display: none; } #password0_0 .dlg-heading { padding: 3rem; } /* style loadmore menu */ .extent-loadmore-button .loadmore-menu a { --sub-heading-font-weight: var(--sub-links-font-weight); color: var(--color-white); display: inline-block; text-transform: capitalize; font-size: var(--base-font-size); font-weight: var(--sub-heading-font-weight); padding: 1rem 5rem; cursor: pointer; margin-bottom: 3rem; } @media (max-width: 1024px) { .extent-loadmore-button .loadmore-menu { padding: 0rem 3rem; margin-bottom: 0 !important; text-align: inherit; } .extent-loadmore-button .loadmore-menu a { background-color: transparent; border: 0; color: rgb(var(--base-color)); font-weight: var(--sub-heading-font-weight); margin-bottom: 0 !important; text-decoration: underline; text-underline-offset: 5px; } } /* add style animation theme dawn */ .scroll-trigger--design-mode.animate--fade-in, .scroll-trigger--design-mode.animate--slide-in, .scroll-trigger--design-mode .slider { opacity: 1; animation: none; transition: none; } @media screen and (max-width: 989px) { .slider--tablet .scroll-trigger.animate--slide-in, .slider--mobile .scroll-trigger.animate--slide-in { animation: none; opacity: 1; } .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet { animation: var(--animation-slide-in); } } @media screen and (min-width: 990px) { .slider--desktop .scroll-trigger.animate--slide-in { animation: none; opacity: 1; } .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop { animation: var(--animation-slide-in); } } @media (prefers-reduced-motion: no-preference) { .animate--ambient>img, .animate--ambient>svg { animation: animateAmbient 30s linear infinite; } @keyframes animateAmbient { 0% { transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2); } 100% { transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2); } } .scroll-trigger.animate--fade-in, .scroll-trigger.animate--slide-in { transition: opacity var(--duration-extra-long) ease-out; opacity: 0; } .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in { opacity: 1; } .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in { animation: var(--animation-slide-in); animation-delay: calc(var(--animation-order) * 75ms); } .scroll-trigger--design-mode.animate--fade-in, .scroll-trigger--design-mode.animate--slide-in, .scroll-trigger--design-mode .slider { opacity: 1; animation: none; transition: none; } @keyframes slideIn { from { transform: translateY(2rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } } } /* end */ /* custom slideshow */ /* Menu style */ @media only screen and (min-width: 1025px) { .bls__section:not(.bls__product) .menu-slide .submenu>.row>* { margin-bottom: 0; } .bls__section:not(.bls__product) .menu-slide .row>* { margin-bottom: 2rem; } .menu-slide .verticalmenu-list { transform: none !important; -webkit-transform: none !important; } } .header-middle .custom-menu .disclosure .disclosure__button { color: var(--color-link); } @media (min-width: 1025px) { .slideshow-custom .col-left { width: calc(var(--bs-gutter-x) + 270px); flex: 0 0 auto; z-index: 2; } .slideshow-custom .col-right { width: calc(100% - (var(--bs-gutter-x) + 270px)); } } /* page brands */ #brandsWrap.active-all .brands-group { display: flex; } .brands-group { display: none; } .brand-filter { font-size: 1.2rem; font-weight: 600; margin-right: 10px; margin-bottom: 10px; min-width: 5.8rem; text-align: center; padding: 1.1rem 1.5rem; border-radius: 3px; cursor: pointer; border: 1px solid var(--border-color-base); } .all-brands.brand-filter { padding: 1.1rem 2.5rem; } .brand-filter:hover { background-color: #F5F5F5; } .brand-filter.is-active { background-color: var(--heading-color); border-color: var(--heading-color); } .brand-filter.is-active a { color: var(--color-white); } .brand-filter.disable { pointer-events: none; } .brand-filter.disable a { color: #999999; } .brands-group .brands-group-title { flex: 0 0 auto; padding: 0 3rem; --font-h3: 32px; text-transform: uppercase; margin-bottom: 0; width: 6.5%; } #brandsWrap { margin-top: 5rem; } .active-all .brands-group, .brands-group.is-active { display: flex; gap: 9rem; padding: 5rem 0; border-top: 1px solid var(--border-color-base); } @media (max-width: 475px) { .active-all .brands-group, .brands-group.is-active { gap: 3rem; } } .brands-active:last-child { border-bottom: 1px solid var(--border-color-base); } .brands-group-list { display: flex; flex-wrap: wrap; flex: 1; margin-right: -30px; } .brands-group-list .brand { line-height: 34px; margin-right: 30px; } @media (min-width: 768px) { .brands-group-list .brand { width: calc((100% / 5) - 30px); } } @media (max-width: 767px) { .brands-group-list .brand { width: calc((100% / 3) - 30px); } } @media (max-width: 475px) { .brands-group-list .brand { width: calc(100% - 30px); } .brands-group { align-items: center; } } @media (max-width: 991px) { #brandsCode { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory } .all-brands.brand-filter { min-width: 11.8rem; } } .brand a { color: #555555; } /* page carrer */ .bls-carrer--title-job { font-size: 2rem; margin-bottom: 0; } .bls-carrer--short-job { gap: .5rem; } .bls-carrer--short-job ul { display: inline-flex; } .bls-carrer--short-job ul li { padding: 0 1.5rem; position: relative; } .bls-carrer--short-job ul li:not(:last-child) { margin-right: 0.5rem; } .bls-carrer--short-job ul li::before { content: ''; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 5px; height: 5px; background-color: #999999; border-radius: 50%; } .bls-carrer__item { padding: 3rem; margin-bottom: 3rem; border-radius: 10px; border: 1px solid var(--border-color-base); } .bls-carrer__item[data-hide="false"] { display: block; } .bls-carrer__item[data-hide="true"] { display: none; } @media (max-width: 991px) { .bls-carrer--short-job ul { flex-wrap: wrap; } } @media (min-width: 676px) { .bls-carrer--button { flex: 0 0 auto; width: 25%; text-align: end; } } .bls-carrer--button .btn-carrer { --btn-font-size: 12px; padding-left: 3.7rem; background-color: #fff; color: var(--heading-color); border-color: var(--border-color-base); padding-right: 3.7rem; } .bls-carrer--button .btn-carrer:hover { background-color: var(--btn-primary-bg); border-color: var(--btn-primary-bg); color: #ffffff; } @media (min-width: 768px) { .carrer-action .load-carrer { padding: 1.2rem 4.85rem; } } @media (max-width: 675px) { .bls-carrer--job { flex-direction: column; align-items: flex-start; gap: 2rem; } } .bls-carrer__item:nth-of-type(odd) { background-color: #F5F5F5; } .custom-content-carrer { position: relative; } .custom-content-carrer .bls__section-image { position: absolute; left: 60%; top: -20%; } @media (max-width: 576px) { .custom-content-carrer .bls__section-image { left: 65%; } } /* page timeline */ .timeline-item__time, .timeline-item__title { font-size: 1.2rem; font-weight: 600; text-transform: uppercase; } .timeline-item__title { margin-bottom: .8rem; } .timeline-item__time { padding: .6rem 1rem; min-width: 115px; justify-content: center; border-radius: 30px; border: 2px solid #111111; display: inline-flex; z-index: 1; } .timeline-item__content { font-size: 1.4rem; } .timeline-item__content--block { position: relative; width: 41%; padding: 2rem; border-radius: 10px; border: 1px solid #111; box-shadow: 4px 4px 0px 0px #111; } .timeline-main { padding-top: 6rem; padding-bottom: 6rem; } .timeline-main::before { content: ""; background: #111111; width: 2px; height: 100%; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); } .timeline-main::after { content: "\e946"; font-family: blueskytechco !important; position: absolute; bottom: 1.8px; left: calc(50% + 0.1px); font-size: 18px; color: #111; transform: translate(-50%); line-height: 0; } .timeline-item { width: 100%; margin-bottom: 10rem; } .timeline-item:last-child { margin-bottom: 0; } .timeline-item__time { position: absolute; left: 50%; transform: translateX(-50%); background-color: #fff; color: #111111; } .timeline-item:nth-child(even) .timeline-item__content--block { float: left; } @media (min-width: 768px) { .timeline-item:nth-child(even) .timeline-item__content--block { text-align: right; } } .timeline-item:nth-child(odd) .timeline-item__content--block { float: right; } .timeline-item::after { content: ""; display: block; clear: both; } @media screen and (max-width: 767px) and (min-width: 476px) { .timeline-main::before, .timeline-item__time, .timeline-main::after, .timeline-item:last-child::after { left: 58px; } .timeline-item__content--block { max-width: 100%; width: auto; margin-left: 15rem; } .timeline-item:nth-child(even) .timeline-item__content--block, .timeline-item:nth-child(odd) .timeline-item__content--block { float: none; } } @media (max-width: 475px) { .timeline-item__content--block { max-width: 100%; width: auto; z-index: 1; background-color: #fff; } .timeline-item__time { margin-top: -7rem; } .timeline-main { padding-top: 10rem; } } /* bls-sales-banner-page */ .bls-sales-banner-page .bls__section-header, .bls-sales-banner-page h2 { color: var(--heading-color); } .banner-sale-content { min-height: 177px; border-radius: 10px 10px 0px 0px; background-color: rgb(244, 237, 245, .1); } .banner-sale-content { padding: 3.7rem 1rem 2.5rem; border: 1px dashed; border-color: rgb(255, 255, 255, .7); } .banner-sale-items .banner-sale-content::after, .banner-sale-items .banner-sale-content::before { content: ''; width: 22px; height: 22px; background-color: var(--gradient-background); position: absolute; bottom: -1.2rem; border-radius: 50%; border-right: 1px solid transparent; border-bottom: 1px solid transparent; display: block; } .banner-sale-items .banner-sale-content::before { right: -1.4rem; border-left: 1px dashed; border-top: 1px solid transparent; transform: rotate(35deg); } .banner-sale-items .banner-sale-content::after { left: -1.4rem; border-top: 1px dashed; border-left: 1px solid transparent; transform: rotate(55deg); } .banner-sale-content, .banner-sale-content h4 { color: #fff; } .banner-sale-content h4 { --font-h4: 26px; margin-bottom: 0.4rem; } .banner-sale-content .banner-sale-label { font-size: 1rem; text-transform: uppercase; font-weight: 600; border-radius: 30px; border: 1px solid #fff; padding: .4rem 2rem; margin-bottom: 1.2rem; display: inline-flex; } .banner-sale-items:nth-child(even) .banner-sale-label { background-color: #ffffff; color: #111111; } .banner-sale-code { background-color: #ffffff; color: #111111; text-transform: uppercase; font-weight: 600; padding-top: 2.2rem; padding-bottom: 2rem; border-radius: 0 0 10px 10px; } .banner-sale-code__title { font-size: 1.2rem; } .banner-sale-code__label { font-size: 1.8rem; } .bls-sales-banner-page .bls__section-header { --bls__section-header-margin: 6rem; } .banner-sale-items .banner-sale-label.sale-blink { -webkit-animation: sale-blink 1s infinite; -moz-animation: sale-blink 1s infinite; -o-animation: sale-blink 1s infinite; animation: sale-blink 1s infinite; } @-webkit-keyframes sale-blink { 0%, 49% { background-color: transparent; color: #ffffff; } 50%, 100% { background-color: #ffffff; } } /* store location */ .mapboxgl-map, .store-infor { height: 550px; max-height: 550px; } .mapboxgl-ctrl-attrib-inner, .mapboxgl-ctrl-logo { display: none !important; } .store-infor__items { padding: 2rem 2.5rem; } .store-infor__items.store-active { background-color: var(--light-grey-color); } .store-infor { border: 1px solid var(--border-color-base); border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow-y: scroll; } .store-infor, .store-map { flex: 1; width: 100%; } @media (max-width: 991px) { .store-wrapper { flex-direction: column; } .store-infor { margin-bottom: 1.5rem; } .store-infor, .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas { border-radius: 10px; } } @media (min-width: 992px) { .store-infor { flex: 0 0 auto; width: 330px; } .store-map { flex: 0 0 auto; width: calc(100% - 330px); } } .store-infor__items:not(:last-child) { border-bottom: 1px solid var(--border-color-base); } .store-infor::-webkit-scrollbar { width: 3px; } .store-infor::-webkit-scrollbar-thumb { background: #111; border-radius: 0px 10px 10px 0px; } .store-infor::-webkit-scrollbar-track { background: #EBEBEB; } .bls__location-page .marker { cursor: pointer; display: block; background-image: url(icon_location.png); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 21.73px; height: 30px; } .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; } .bls__location-page .mapboxgl-popup-content { padding: 0; } .mapboxgl-popup-content h3 { font-weight: 600; font-size: 1.4rem; margin-bottom: 0; background: #111111; padding: 1.2rem 2rem; color: #ffffff; border-radius: 5px 5px 0px 0px; } .mapboxgl-popup-content div { padding: 1.2rem 2rem; font-size: 1.3rem; font-weight: 500; } .mapboxgl-popup-close-button { padding: 0; font-size: 0; } .mapboxgl-popup-close-button::after { color: #999999; content: "\ea29"; font-family: "blueskytechco" !important; speak: never; width: 18px; height: 18px; font-size: 18px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bls__location-page .mapboxgl-popup-close-button:hover { background-color: transparent; color: #ffffff; } .bls__location-page .mapboxgl-popup-close-button { right: 1.8rem; top: 1.2rem; } .bls__location-page .mapboxgl-popup { padding-bottom: 4rem; max-width: 270px !important; width: 100%; } @media (min-width: 576px) { .bls__location-page .mapboxgl-popup { max-width: 300px !important; } } .bls__location-page .mapboxgl-ctrl-geocoder { box-shadow: none; background-color: transparent; } .bls__location-page .mapboxgl-ctrl-geocoder { width: 300px; } @media (max-width: 475px) { .bls__location-page .mapboxgl-ctrl-geocoder { width: 250px; } } .bls__location-page .mapboxgl-ctrl-geocoder--input { --input-height: 45px; padding-left: 4.5rem; border: none; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05); } .bls__location-page .mapboxgl-ctrl-geocoder--icon { top: 50%; transform: translateY(-50%); } @media screen and (min-width: 640px) { .bls__location-page .mapboxgl-ctrl-geocoder--icon-search { left: 20px; } } .bls__location-page .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right>* { top: 50%; transform: translateY(-50%); } .bls__location-page .mapboxgl-ctrl-geocoder .suggestions { box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05); border-radius: 10px; } .bls__location-page .mapboxgl-ctrl-geocoder .suggestions li.active { background-color: #F5F5F5; } .bls__location-page .mapboxgl-ctrl-geocoder .suggestions>li>a { padding: 1.5rem 2rem; } .bls__location-page .mapboxgl-ctrl-geocoder--suggestion-title { font-size: 14px; } .bls__location-page .mapboxgl-ctrl-geocoder--suggestion-address { font-size: 13px; color: rgb(var(--base-color)); } .bls__location-page .mapboxgl-ctrl-geocoder--icon-close { margin-top: 1.8rem; margin-right: 1.5rem; } .bls__location-page .mapboxgl-ctrl button:not(:disabled):hover { background-color: transparent; } .bls__location-page .mapboxgl-ctrl button:not(.btn-reset):hover svg path { fill: inherit; } .bls__location-page .mapboxgl-ctrl-geocoder--icon-loading { margin-left: -1.5rem; margin-top: -1.35rem; } /* page password */ .password-main .bls-main-password { padding-top: 0 !important; } .password-main .bls__banner-text--content-inner.content-horizontal-center { margin-left: auto; margin-right: auto; } .password-main .bls__banner-text--content-inner.content-horizontal-left { margin-right: auto; } .password-main .bls__banner-text--content-inner.content-horizontal-right { margin-left: auto; } @media (min-width: 750px) { .password-modal__content-heading { position: absolute; top: 50px; right: 50px; } } @media (min-width: 1200px) and (max-width: 1260px) { .password-main .bls__subcribe-input { margin-right: 0; } .password-main .bls__subcribe-button { width: 100%; margin-top: 1rem; } } @media (min-width: 1200px) { .bls__password-banner { flex: var(--page-banner-width); max-width: calc(var(--pgae-banner-width)); } .bls-main-password .bls__banner-text--content.show-banner { flex: calc(100% - var(--page-banner-width)); max-width: calc(100% - var(--page-banner-width)); } } .bls-main-password { height: 100vh; } .bls__password-with-banner { padding-top: 8rem; padding-bottom: 8rem; } .bls__password-with-banner input[type="email"] { --input-height: 55px; } @media (max-width: 767px) { .bls__password-with-banner { padding-right: 1.5rem; padding-left: 1.5rem; } } @media (max-width: 349px) { .password-main .bls__subcribe-input { margin-right: 0; } .password-main .bls__subcribe-button { width: 100%; margin-top: 1rem; } } .password__footer-text a { text-decoration: underline; text-underline-offset: 5px; } /* page-detail-carrer */ .page-detail-carrer h4 { font-size: 2rem; } .page-detail-carrer ul { margin-bottom: 3.6rem; } .page-detail-carrer ul { list-style: none; padding-left: 3rem; } .page-detail-carrer ul:nth-of-type(1) { list-style: inherit; padding-left: 4.5rem; } .page-detail-carrer ul:nth-of-type(1) li { color: #111111; } @media (max-width: 767px) { .template-product.sticky-addcart-show .bls__mobile-stickybar { display: none; } } .bls__section_shipping-inner .bls__section_shipping-image { width: var(--icon-width); } .bls__section_shipping-inner.position-top .bls__section_shipping-image { margin-bottom: var(--icon-spacing); } .bls__section_shipping-inner.position-left .bls__section_shipping-image { margin-right: var(--icon-spacing); } .bls__section_shipping-inner.position-right .bls__section_shipping-image { margin-left: var(--icon-spacing); } .bls__section_shipping-content h3 { font-size: var(--ib-heading-font-size); font-weight: var(--ib-heading-font-weight, var(--bls__section-heading-weight)); margin-bottom: var(--ib-spacing); } .bls__section_shipping-content .ib-description { font-size: var(--ib-desc-font-size); } .counter-item .counter-item-image { width: var(--icon-width); } .counter-item.position-top .counter-item-image { margin-bottom: var(--icon-spacing); } .counter-item.position-left .counter-item-image { margin-right: var(--icon-spacing); } .counter-item.position-right .counter-item-image { margin-left: var(--icon-spacing); } .counter-item.position-top.text-left { align-items: flex-start; } .counter-item.position-top.text-right { align-items: flex-end; } .counter-content .counter-heading { font-size: var(--ib-heading-font-size); font-weight: var(--ib-heading-font-weight, var(--bls__section-heading-weight)); margin-bottom: var(--ib-spacing); } .counter-content .counter-inner { font-size: var(--ib-number-font-size); font-weight: var(--ib-number-font-weight, var(--bls__section-heading-weight)); margin-bottom: var(--number-spacing); } .counter-content .ib-description { font-size: var(--ib-desc-font-size); } .spr-container .spr-icon, .spr-badge-starrating .spr-icon { color: var(--color-product-reviews); } .bls__tes-rate .star svg, .bls__tes-rate .star svg path { fill: var(--color-product-reviews); } .product-form__buttons .bls__product-action-btn-js { border: none; } .product-form__buttons .bls__product-action-btn-js .bls__product-icon { border: 1px solid var(--border-color-base); min-height: 5rem; min-width: 5rem; } .tiktok-wrap { display: grid; gap: var(--bs-gutter-x); grid-auto-flow: column; grid-auto-columns: minmax(325px, 1fr); overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; } .tiktok-wrap::-webkit-scrollbar { height: 4px; border-radius: 10px; background-color: #f5f5f5; } .tiktok-wrap::-webkit-scrollbar-thumb { background-color: var(--grey-color); border-radius: 10px; } .tiktok-column { max-width: calc(325px + var(--bs-gutter-x)); } /* Image focal point */ [style*="--point"] { object-position: var(--point); } /* Search page */ .bls__search-page-main .bls__blog-posts-item { margin-bottom: 4rem; } .bls__search-page-main .bls__blog-posts-item .bls__blog-posts-title { font-size: var(--base-font-size); margin-top: 1.5rem; } .bls__footer-bottom .py-lg-30 { padding-top: 10px !important; } .bls__blog-posts .bls__blog-posts-item { padding: 10px; background: #e0cbb8; } #shopify-section-template--27158115254640__d26d322e-32a3-4756-bbe9-907d92d061dd .bls__tes-item { background: #fff; } #shopify-section-template--27158115254640__banner_with_text_meXWUN section { padding: 60px 0 20px; width: 95%; margin: 0px auto 80px; } #shopify-section-template--27158115254640__faq_hGEBQW .container.section-full { width: 70%; } #shopify-section-template--27158115254640__faq_hGEBQW .bls__page-faq-items .bls__page-faq-title { border: 1px solid #294e46; margin-top: 20px; padding: 15px 15px; color: #fff; background: #294e46; } #shopify-section-template--27158115254640__faq_hGEBQW .open-children-toggle:after, .open-children-toggle:before { background-color: #fff; } #shopify-section-template--27158115254640__faq_hGEBQW .bls__page-faq-items .bls__page-faq-title .open-children-toggle { right: 0px; } #shopify-section-template--27158115254640__faq_hGEBQW .bls__page-faq-content { background: #ffffff; padding: 15px; } .bls__section.bls__product:not(.bls__section-list-products) .bls__swiper .swiper-slide { height: auto; background: #e0cbb8; padding: 10px 10px; border-radius: 9px; } .bls__product-item.label-depend-on-button.rounded.show__action-mobile { background: #f5f1e7; padding: 10px 10px; border: 1px solid #e0cbb8; } .bls__section.bls__product:not(.bls__section-list-products) .product-recommendations .bls__swiper .swiper-slide { height: auto; background: #e0cbb8; padding: 0px 0px !important; border-radius: 9px; } .search__type-popup.bls__canvas-top.gradient.color-default-color-scheme { background: #f5f1e7; } div#loginp_0_1 { background: #f5f1e7; } div#bls__sticky-addcart { background: #e0cbb8; } .bls__cart-addons.border-bottom { display: none; } .cart__footer-right-content { background: #e0cbb8 !important; } table.cart-items thead th { border: 1px solid #e0cbb8 !important; } table.cart-items tbody td { border: 1px solid #e0cbb8 !important; } table.cart-items tbody td.cart-item__details { padding-left: 15px !important; } #shopify-section-template--27158115516784__page-heading .page-heading .page-head { background: #e0cbb8!important; margin-bottom: 50px; } #shopify-section-template--27158115320176__main .page-title { padding: 0 0 !important; } .readmore { color: #b08a41 !important; } .zeroicons { display: grid; flex-flow: wrap; text-align: center; margin: 20px 0; grid-auto-flow: column; align-content: center; gap: 16px; justify-content: center; } .zeroicon { padding: 15px; border: 1px solid #9f9c9c; display: flex; flex-direction: column; border-radius: 0; width: 194px; } .zeroicon img { width: 65px; margin: 0 auto 10px; display: block; padding: 7px; } button.jm-button.jm-button--primary.jm-action-buttons__button { border-radius: 0 !important } .btn-radius { border-radius:0 !important; } .add-cart-button { border-radius:0 !important; } .product-form__input:not(.color) .bls__option-swatch, .bls__product-color-swatches-text { border-radius: 0 !important; } .zeroicons h3 { font-size: 14px; letter-spacing: 0; margin-bottom: 0; } /* =============== pdp css ============= */ .theme_pdpMeta { margin: 0; } .theme_pdpMeta .meta_title { font-size: 22px; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; } .theme_pdpMeta h4 { font-size: 18px; } .theme_pdpMeta .pdpMeta_group ul { margin: 0 0 24px; padding: 0; list-style: none; } .theme_pdpMeta .pdpMeta_group{ margin-bottom:24px; } .theme_pdpMeta .available_offers ul{ display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:20px; } .theme_pdpMeta .available_offers ul li{ background:linear-gradient(91.53deg, #eafff4 0%, #e2fafb 84.74%); padding:0.625rem 1rem; border-radius:6px; display:flex; } .theme_pdpMeta .available_offers ul li .mIcon { width: 22px; } .theme_pdpMeta .available_offers ul li .mContent { width: calc(100% - 22px); padding-left: 10px; line-height: 1; } .theme_pdpMeta .available_offers ul li h5 { font-size: 14px; margin-bottom: 4px; } .theme_pdpMeta .available_offers ul li span { font-size: 12px; } .product_styling ul{margin:0} .product_styling ul li{position:relative;padding-left:50px} .product_styling ul li:after{content:"\2714";width:27px;height:27px;position:absolute;left:0;top:0;background:#e0cbb8;color:#1a1a1a!important;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px} .product_styling ul li:not(:last-child){margin-bottom:12px} .styleWayWrapper { background: linear-gradient(135deg, #283230, #2b4e46); padding: 25px; border-radius: 0; margin-top: 20px; } .styleWayTitle { font-size: 20px; font-weight: 600; color: #fff; margin-bottom: 10px; } .styleWayDesc { color: #fff; font-size: 14px; line-height: 1.6; } .styleWayDesc p { margin-bottom: 10px; } .liningNoteWrapper { background: #e0cbb8; border-left: 4px solid #e0cbb8; padding: 20px; border-radius: 0; margin-top: 20px; } .liningNoteTitle { font-size: 18px; font-weight: 600; color: #294e46; margin-bottom: 8px; } .liningNoteDesc { font-size: 14px; color: #333; line-height: 1.6; } .liningNoteDesc p { margin-bottom: 8px; } .contact-wrapper{ display:flex; gap:40px; padding:60px 30px; max-width:85%; margin:auto; } #shopify-section-template--27158114828656__contact_custom_hwdHN8 .contact-form form { width: 100%; border-radius: 12px; } .contact-form input, .contact-form textarea { width: 100%; padding: 14px; margin-bottom: 15px; border-radius: 0 !important; border: 1px solid #e0cbb8; outline: none; font-size: 14px; } .contact-form textarea{ height:120px; border-radius:20px; resize:none; } .contact-btn{ background:#111111; color:#fff; border:none; padding:14px 30px; border-radius:0; cursor:pointer; font-weight:600; } .contact-info { width: 40%; padding: 40px; border-radius: 12px; } .contact-info h3{ margin-bottom:30px; font-size:24px; } .info-item{ display:flex; align-items:flex-start; gap:15px; margin-bottom:25px; } .info-item img { width: 28px; height: 28px; filter: grayscale(1); } .form-row{ display:flex; gap:20px; } .form-row input{ width:50%; } @media(max-width:768px){ .contact-wrapper{ flex-direction:column; } #shopify-section-template--27158114828656__contact_custom_hwdHN8 .contact-form, #shopify-section-template--27158114828656__contact_custom_hwdHN8 .contact-info{ width:100%; } } .shopify-policy__container { max-width: 95% !important; margin: 70px auto 0 !important; border: 1px solid #e0cbb8; padding: 25px 25px !important; } input[type=search], input[type=tel], input[type=text], input[type=number], input[type=email], input[type=date], input[type=password], select, textarea { border-radius: 0 !important; } .rounded { border-radius: 0 !important; } .dlg-box { border-radius: 0 !important; } .cart__checkout-button { width: 100%; border-radius: 0 !important; } .cart__footer-right-content { border-radius: 0 !important; } .shopify-policy__body h2 { font-size: 26px; } .shopify-policy__body h3 { font-size: 22px; } .measurements input, .measurements textarea { margin-bottom: 15px; } .measurements textarea { width: 100%; } .measurements { display: none; } .bls__off-white { background: #f9f3e7 !important; } .bls__lavender { background: #ae8fb0 !important; } .bls__product-color-swatches:before { box-shadow: 1 0 0 1px #dddddd00, inset 0 0 0 2px var(--color-white); } .bls_product-color-swatches.active:before, .bls_product-color-swatches:hover:before { box-shadow: 0 0 0 1px #111,inset 0 0 0 3px var(--color-white) !important; } #shopify-section-template--27211611570544__custom_text_phDgWA { width: 93%; margin: 0 auto; } .col-blog-contents .article-template__hero- img { margin: 0 auto; } @media(max-width:767px){ .text-center.text-view-all { padding-left: inherit; padding-right: inherit; } #shopify-section-template--27158115254640__faq_hGEBQW .container.section-full { width: 100%; } .bls__banner-with-text .bls__banner-text--grid .bls__banner-text--content-inner:not(.content-bg) { padding-right: 0 !important; padding-left: 0 !important; } ul.quick-search-list { flex-direction: column; width: 100%; } div#quick-search { flex-direction: column; } div#bls__product-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; } .bls__grid__item { transition: var(--bls-transition); background: #fff1e1; margin: 0; padding: 10px; border-radius: 10px; width: 100%; } .bls__grid__item .bls__product-item.label-depend-on-button.rounded.show__action-mobile { background: none; padding: 0; margin: 0; } .Mageplaza-MediaBlock__Container .Mageplaza-MediaBlock__Bottom { margin-top: 30px !important; } .contact-wrapper { padding: 40px 0px; max-width: calc(100% - 40px); padding-bottom:0px } #shopify-section-template--27158114828656__contact_custom_hwdHN8 .contact-form { padding: 10px; } .contact-info { padding: 20px; } .shopify-policy__container { max-width: 100%; margin: 0px auto 0!important; background: none; padding: 14px!important; border-radius: 0px; } .banner_video video { height: 166px; object-fit: cover; } .zeroicons { grid-template-columns: repeat(2, 1fr); width: 100%; grid-auto-flow: initial; } .zeroicon { width: 100%; } div#judgeme_product_reviews { padding: 0 14px; } } @media(min-width:768px) and (max-width:1200px){ .contact-wrapper { display: flex; gap: 40px; padding: 60px 17px; max-width: 100%; margin: auto; padding-bottom: 0px; } } .jm-no-reviews-state__text, .jdgm-empty-state { display: none !important; } .btn, .btn-primary, .btn-secondary { border-radius: 0px !important; } .article-template__hero-container~.blog-content-wap { margin: 0 !important; padding: 15px; } .article-template__hero-.media img { width: 100%; height: 700px; object-fit: cover; } .bls__product-price .special-price, .bls-minicart-item-regular-price, strong.cart-item__final-price.product-option { color: #b08a40 !important; } .bls__product-label>div { background-color: #b08a40 !important; } @media(min-width:768px) and (max-width:992px){ .banner_video video { height: 342px; } } @media only screen and (min-width: 320px) and (max-width: 767px){ .sizeChartBox { height: 250px !important; } }