/*
Theme Name: BlackStar X - Child
Theme URI: https://eighty8.co.il/BlackStarX
Template: blackstarx
Author: IWP
Author URI: https://iwp.co.il/
Version: 1.5.4
Tested up to: 6.6.1
Requires PHP: 8.0
*/
@font-face {
font-family: "ploni";
font-weight: 400;
font-style: normal;
src: url("assets/fonts/ploni-regular-aaa.woff2") format("woff2");
}
@font-face {
font-family: "ploni";
font-weight: 500;
font-style: normal;
src: url("assets/fonts/ploni-medium-aaa.woff2") format("woff2");
}
@font-face {
font-family: "ploni";
font-weight: 700;
font-style: normal;
src: url("assets/fonts/ploni-bold-aaa.woff2") format("woff2");
}
:root {
--container-width: 1520px;
--button-border-radius: 10px;
}
body.bs:not(.wp-admin),
body.bs .editor-styles-wrapper {
font-family: "ploni", sans-serif;
}
.footer-newsletter-form input[type="submit"] {
background-color: red;
}
.bs img.custom-logo {
max-height: 48px;
width: auto;
position: relative;
top: -2px;
}
.top-header .inner {
height: 36px;
font-size: 14px;
}
.top-header p.home-link {
text-align: center;
height: 36px;
font-size: 15px;
letter-spacing: 0.5px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.top-header p.home-link.active {
background: white;
}
.top-header p.home-link.active a,
.top-header p.home-link.active a:hover {
color: black;
}
.top-header p.home-link a,
.top-header p.home-link a:hover {
text-decoration: none;
}
.top-header .top-header-slider {
width: 400px;
max-width: 100%;
font-size: 15px;
margin: 0 auto;
}
.top-header .top-header-slider,
.top-header .top-header-slider p {
text-align: center;
}
.bs .top-header .top-header-slider .swiper-button-next,
.bs .top-header .top-header-slider .swiper-button-prev {
opacity: 1;
}
.bs .top-header .top-header-slider .swiper-button-next:after,
.bs .top-header .top-header-slider .swiper-button-prev:after {
color: #ffffff !important;
background: initial;
font-family: "swiper-icons";
height: auto;
}
.bs .top-header .top-header-slider .swiper-button-prev:after {
content: "next";
}
.bs .top-header .top-header-slider .swiper-button-next:after {
content: "prev";
}
.top-header .top-header-pages-menu ul {
display: flex;
gap: 20px;
}
.top-header .top-header-slider {
width: 400px;
max-width: 100%;
font-size: 14px;
margin: 0 auto;
}
.top-header .top-header-slider,
.top-header .top-header-slider p {
text-align: center;
}
.bs .top-header .top-header-slider .swiper-button-next,
.bs .top-header .top-header-slider .swiper-button-prev {
opacity: 1;
}
.bs .top-header .top-header-slider .swiper-button-next:after,
.bs .top-header .top-header-slider .swiper-button-prev:after {
color: #ffffff !important;
background: initial;
font-family: "swiper-icons";
height: auto;
}
.bs .top-header .top-header-slider .swiper-button-prev:after {
content: "next";
}
.bs .top-header .top-header-slider .swiper-button-next:after {
content: "prev";
}
.bs .top-header .top-header-slider.arrow-minimal .swiper-button-next:after,
.bs .top-header .top-header-slider.arrow-minimal .swiper-button-prev:after {
font-size: 9px;
}
.top-header .top-header-pages-menu ul {
display: flex;
gap: 16px;
}
li.hide-column-title > a {
display: none !important;
}
.primary-menu ul.menu li a {
font-weight: 500;
}
.primary-menu ul.menu li.multi-column li.menu-item-has-children > a {
font-size: 20px;
}
.primary-menu ul.menu .drop-menu .sub-menu li.menu-item-has-children .sub-menu li a {
font-size: 17px;
color: var(--gray-600);
opacity: 1;
font-weight: 400;
padding: 8px 0;
}
.primary-menu ul.menu li.multi-column li.menu-item-has-children > a {
font-size: 19px;
margin-top: 2px;
color: black;
}
.primary-menu ul.menu li:not(.full-width).mega-menu .drop-menu .wrapper {
padding-left: 21px;
padding-top: 6px;
}
.primary-menu .drop-menu .side-image a {
position: relative;
}
.primary-menu .drop-menu .side-image span.title {
position: absolute;
right: 0px;
bottom: 10px;
color: #fff;
text-align: center;
text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3);
font-size: 27px;
font-style: normal;
font-weight: 700;
line-height: 26px;
white-space: initial;
}
.primary-menu .drop-menu .side-image {
position: relative;
}
.secondary-menu ul.menu li.account > a::before {
background: url('data:image/svg+xml,')
no-repeat center / contain;
}
.secondary-menu ul.menu li.contact > a::before {
background: url('data:image/svg+xml,')
no-repeat center / contain;
}
.secondary-menu ul.menu li.shipping.has-icon > a::before {
background: url('data:image/svg+xml,')
no-repeat center / contain;
}
.secondary-menu ul.menu li.affiliates > a::before {
background: url('data:image/svg+xml,')
no-repeat center / contain;
}
.secondary-menu ul.menu li.club > a::before {
background: url('data:image/svg+xml,')
no-repeat center / contain;
}
/* Footer */
.wp-block-group.footer-club {
min-width: 290px;
}
.site-footer .footer-club h2 {
color: #d1feff !important;
font-size: 25px;
margin-bottom: 12px;
}
.site-footer .footer-club p {
margin-top: 0;
font-size: 18px;
line-height: 24px;
}
.site-footer .footer-club p.club-button a {
background: #d1feff;
font-size: 16px;
display: block;
height: 40px;
color: black !important;
line-height: 40px;
text-decoration: none;
border-radius: var(--button-border-radius);
font-weight: 500;
}
.site-footer .footer-club p.club-button a:hover {
background: #9cd9da;
}
.site-footer .blackstar-social-icons {
justify-content: center;
margin-top: 50px;
}
.multi-col-menu ul#menu-footer-menu > li > a,
.footer-menu.multi-col-menu ul.menu > li > a {
font-size: 19px;
font-weight: bold;
color: var(--gray-100);
}
ul#menu-footer-menu li,
.footer-menu ul.menu li {
font-size: 16px;
}
.header-actions #account-link .user-account-icon {
display: flex;
}
.header-actions #account-link .user-account-text {
font-size: 13px;
display: flex;
flex-direction: column;
margin-right: 12px;
padding-left: 24px;
}
.header-actions #account-link .user-account-text p {
margin-bottom: 0;
line-height: 1;
}
.header-actions #account-link .user-account-text p.desc {
font-size: 11.5px;
margin-top: 3px;
letter-spacing: 0.5px;
}
.user-account-text:after {
content: " ";
display: inline-block;
background: url('data:image/svg+xml,')
no-repeat center / contain;
width: 13px;
height: 24px;
position: absolute;
left: 0;
}
/* Homepage
-------------------------------------------------- */
.bs .row-hp-categories .banner-title {
text-decoration: underline;
}
.bs .row-hp-categories .banner-title {
font-size: 21px !important;
}
.bs .hp-banners .blackstar-banner-block.content-below-center .banner-content p,
.bs .blackstar-banner-block.hp-banner1.content-below-center .banner-content p {
text-align: right;
}
.bs .hp-banners .blackstar-banner-block.content-below-center .banner-content a,
.bs .blackstar-banner-block.hp-banner1.content-below-center .banner-content a {
color: #000;
}
.bs .hp-banners .blackstar-banner-block.content-below-center .banner-content .btn-wrap,
.bs .blackstar-banner-block.hp-banner1.content-below-center .banner-content .btn-wrap {
justify-content: flex-start;
}
.bs .hp-banners .blackstar-banner-block.content-below-center .banner-content,
.bs .blackstar-banner-block.hp-banner1.content-below-center .banner-content {
position: relative;
top: -50px;
right: 5%;
width: 86%;
}
.bs .hp-banners .blackstar-banner-block.content-below-center .banner-content .content-inner,
.bs .blackstar-banner-block.hp-banner1.content-below-center .banner-content .content-inner {
padding-top: 22px;
padding-right: 38px;
box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.1);
}
.bs .hp-banners .blackstar-banner-block.content-below-center .banner-content .linkbtn,
.bs .blackstar-banner-block.hp-banner1.content-below-center .banner-content .linkbtn {
font-size: 19px;
}
.bs .blackstar-banner-block.hp-fullrow-banner .button {
font-size: 19px;
letter-spacing: 0.5px;
height: 48px;
line-height: 49px;
font-weight: 500;
}
.bs .blackstar-banner-block.hp-fullrow-banner.content-bottom-right .banner-content {
padding-right: 4%;
width: auto;
}
.bs .blackstar-banner-block.hp-fullrow-banner .banner-img a:after {
position: absolute;
width: 100%;
height: 100%;
content: "";
top: 0;
left: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(72ca7597-76ad-39f2-9f78-ad909c4cca23.jpg);
}
.bs.rtl .hp-product-tabs ul.kt-tabs-title-list {
justify-content: center;
padding-bottom: 30px;
}
/* Archive
-------------------------------------------------- */
.products .product-item-wrapper {
text-align: center;
}
.rtl .product-item-wrapper .price,
.product-item-wrapper .product-rating {
justify-content: center;
}
.product-item-wrapper .product-rating {
position: absolute;
top: -13px;
right: 50%;
transform: translate(50%, 0px);
}
.product-item-wrapper .product-item-image + a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
position: relative;
}
.bs .product-item-wrapper p.product-name {
font-weight: 500;
font-size: 20px;
line-height: 22px;
margin-bottom: 0px;
}
.bs .product-item-wrapper p.product-type {
font-size: 14px;
color: var(--gray-500);
margin-bottom: 4px;
}
.product-item-wrapper .price {
font-size: 20px;
color: var(--gray-500);
margin-top: 6px;
}
.product-item-wrapper .price ins {
font-weight: 500;
}
.product-item-wrapper .product-actions-row {
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.product-item-wrapper:hover .product-actions-row {
opacity: 1;
}
.product-item-wrapper .product-actions-row .button {
font-size: 14px;
font-weight: 500;
}
.product-item-wrapper .product-actions-row {
margin-top: 14px;
}
.product-item-wrapper .product-actions-row .button {
border-radius: 14px;
}
.product-item-wrapper .product-actions-row .button.sold-out {
background: transparent;
border: 1px solid #afafaf;
color: #757575;
}
/* categories menu row */
.categories-menu-row {
display: flex;
flex: 1;
position: relative;
overflow: hidden;
min-width: 0;
width: 0;
}
div.categories-menu-row:after {
display: block;
position: absolute;
content: "";
width: 50px;
height: 38px;
left: -14px;
top: 0;
background-image: linear-gradient(90deg, #ffffff 16%, rgba(255, 255, 255, 0) 100%);
}
.categories-menu-row .inner {
width: 100%;
padding: 0;
overflow: scroll;
overflow-x: scroll;
overflow-y: hidden;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE and Edge */
}
.categories-menu-row nav {
width: 100vw;
}
.categories-menu-row nav::-webkit-scrollbar {
display: none;
}
.categories-menu-row ul {
list-style: none;
padding: 0;
white-space: nowrap;
}
.categories-menu-row li {
display: inline-block;
margin-left: 8px;
}
.categories-menu-row li:last-child {
margin-left: 140px;
}
.categories-menu-row li a {
display: block;
padding: 4px 6px 8px;
font-weight: 400;
font-size: 17px;
line-height: 22px;
color: var(--gray-600);
}
.categories-menu-row li a svg {
width: 9px;
height: 9px;
fill: var(--gray-600);
}
.bs .catalog-header-row .sidebar-toggle-container .toggle-sidebar,
.bs .catalog-header-row .filter-toggle-button .filter-toggle-button-trigger,
.catalog-header-row .categories-menu-row li a {
border: 1px solid var(--gray-300);
color: var(--gray-600);
height: 38px;
font-size: 15px;
line-height: 38px;
border-radius: 6px;
padding: 0 18px;
transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.categories-menu-row li a:hover svg {
fill: black;
}
.categories-menu-row li a:hover {
color: #000;
}
.categories-menu-row li a:hover {
border-color: black;
}
.categories-menu-row li.current-item a {
border-color: black;
background-color: black;
color: white;
}
.categories-menu-row li.current-item a svg {
fill: white;
}
/* Product Page
-------------------------------------------------- */
.single-product-container {
margin-top: 50px;
margin-bottom: 120px;
}
.single-product div.product-gallery {
flex-direction: row;
}
.product-type-row-container {
display: flex;
align-items: center;
gap: 14px;
}
.single-product .product-info-column p.product-type {
font-size: 18px;
color: var(--gray-500);
margin-bottom: 0;
}
.product-type-row-container .woocommerce-product-rating {
margin-bottom: 0;
top: -1px;
}
.single-product .woocommerce-product-details__short-description {
margin-bottom: 24px;
font-size: 17px;
line-height: 23px;
color: var(--gray-500);
}
.single-product .scent-description {
position: relative;
border-radius: 16px;
border: 1px solid #b6a192;
background: #f7f3f0;
padding: 24px 18px 18px;
font-size: 16px;
color: #433022;
display: flex;
gap: 20px;
margin-bottom: 28px;
}
.single-product .scent-description.dark,
.single-product .scent-description.dark .label,
.single-product .scent-description.dark p {
color: white;
}
.single-product .scent-description.dark svg path {
fill: white;
}
.single-product .scent-description p {
color: #433022;
line-height: 19px;
flex-grow: 1;
}
.single-product .scent-description .label {
position: absolute;
top: -9px;
border-radius: 16px;
border: 1px solid #b6a192;
background: #b6a192;
padding: 4px 20px;
color: white;
font-weight: bold;
font-size: 14px;
display: block;
}
.single-product .scent-description svg {
flex: 0 0 67px;
padding-right: 15px;
}
.single-product p.price {
margin-bottom: 12px;
color: var(--txt_color);
font-size: 27px;
margin-top: 10px;
}
.single-product .add-to-cart-row .button,
.single-product .gift_card_template_button .button {
font-size: 17px;
}
.single-product-container .product-info-column h1.product_title {
margin-bottom: 2px;
}
section.upsells h2,
.single-product section.products h2 {
text-align: center;
font-weight: 500;
font-size: 29px;
}
.single-product .ribbon-hours-time {
position: absolute;
z-index: 20;
right: 40px;
top: 15px;
color: black;
font-size: 22px;
display: flex;
flex-direction: column;
gap: 0px;
justify-content: center;
align-items: center;
}
.single-product .product-badges + .ribbon-hours-time {
margin-top: 35px;
right: 5px;
}
.single-product .ribbon-hours-time .icon-time {
background-image: url(images/icon-spirite.png);
width: 30px;
height: 38px;
display: inline-block;
background-position: 0px -35px;
float: none;
margin-bottom: 8px;
}
.single-product .ribbon-hours-time span.time {
margin-top: 4px;
}
.single-product .ribbon-hours-time span.lab {
font-size: 14px;
}
.single-product .ribbon-hours-time svg {
width: 70px;
}
.single-product .add-to-cart-row .button:before {
content: "";
display: inline-block;
width: 19px;
height: 19px;
background-image: url('data:image/svg+xml,');
background-size: 100%;
position: relative;
top: 5px;
right: -14px;
background-repeat: no-repeat;
transform: scale(-1, 1);
}
/* override object fit for product images */
.single-product div.product-gallery-container .product-gallery-image {
padding-bottom: 0;
}
.single-product div.product-gallery-container .product-gallery-image img {
position: static;
height: auto;
width: auto;
}
#mini-cart.type-full .mini-cart-header p.title span.count {
font-size: 15px;
width: 24px;
height: 24px;
}
.cart_totals .checkout-button.button {
font-size: 16px;
}
.bs.checkout img.custom-logo {
max-height: 38px;
}
.bs .up-sells ul.products:not(.swiper-wrapper) {
justify-content: center;
}
.bs .guaven_woos_suggestion {
padding-top: 8px;
}
.bs .guaven_woos_suggestion ul.guaven_woos_suggestion_catul .guaven_woos_suggestion_list {
white-space: nowrap;
}
.bs .free-shipping-progress-bar-inner {
background: #8ebfc0;
}
#mini-cart .free-shipping-notice p.free-shipping-msg {
font-weight: 500;
font-size: 17px;
background: none;
color: #3f7576;
-webkit-background-clip: initial;
background-clip: initial;
-webkit-text-fill-color: initial;
text-fill-color: initial;
}
.free-shipping-progress-bar:before {
background: var(--gray-300);
}
.bs .free-shipping-progress-bar-inner:after {
content: " ";
width: 12px;
height: 12px;
position: absolute;
background: #8ebfc0;
border-radius: 50%;
left: 0;
top: -3px;
}
#login-page .registration-form-header {
margin-bottom: 20px;
}
#login-page .registration-form-header p.desc {
text-align: center;
color: var(--gray-500);
font-size: 18px;
}
#login-page .registration-form-header h1 {
font-size: 32px;
line-height: 36px;
margin-bottom: 7px;
}
.wcwl_elements {
max-width: 480px;
}
.bs button.woocommerce_waitlist.button {
font-size: 16px;
}
.bs .product-item-wrapper .product-actions-row .button.sold-out:before {
display: none;
}
.bs .row-hp-categories .blackstar-slider .swiper-wrapper:after {
content: "\00a0";
display: flex;
min-width: 30px;
height: 100%;
}
.bs .products-slider .product-type-banner {
display: none !important;
}
.bs .wc_coupon_message_wrap {
padding: 0 !important;
}
.bs .bs-archive-header-wrapper {
flex-direction: column;
align-items: flex-start;
}
.bs .bs-archive-header-wrapper .catalog-header-row {
flex: 1;
width: 100%;
justify-content: space-between;
gap: 32px;
margin: 12px 0;
}
.bs .bs-archive-header-wrapper .catalog-header-row .col-filter {
flex: 1;
display: flex;
gap: 9px;
}
.bs .bs-archive-header-wrapper .catalog-header-row .col-sort {
display: flex;
}
.bs .sidebar-toggle-container .toggle-sidebar {
padding-right: 20px;
}
.bs .woocommerce-breadcrumb + .bs-archive-header-wrapper .woocommerce-products-header {
margin-top: 12px;
}
.bs .bs-archive-header-wrapper .catalog-header-row {
overflow: hidden;
}
.product-item-wrapper .product-badges,
.single-product .product-badges {
flex-direction: row;
gap: 2px;
}
.product-item-wrapper .product-badges .item:nth-child(3n),
.single-product .product-badges .item:nth-child(3n) {
display: none;
}
/* mobile second menu */
.bs .mobile-second-menu {
text-align: center;
background: white;
border-bottom: 1px solid #ececec;
position: relative;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);
z-index: 2;
}
.bs .mobile-second-menu .blackstar-custom-slider {
padding-bottom: 11px;
overflow: scroll;
overflow-x: scroll;
overflow-y: hidden;
padding-top: 12px;
padding-right: 3%;
display: flex;
flex-direction: row;
gap: 25px;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE and Edge */
}
.bs .mobile-second-menu .blackstar-custom-slider .custom-slide-item {
width: auto;
}
.bs .mobile-second-menu .blackstar-custom-slider .custom-slide-item:last-child {
margin-left: 20px;
}
.bs .mobile-second-menu .blackstar-custom-slider .custom-slide-item a {
font-size: 16px;
letter-spacing: 0.2px;
}
dl.tc-epo-metadata.variation {
flex-direction: column;
align-items: flex-start;
}
.product .variations .label,
.bs .tm-extra-product-options .custom-product-template.inner .tc-epo-label.tm-has-undo-button {
font-size: 24px;
font-weight: 600;
}
.add-to-cart-row .button.added {
background: #095f1e;
}
.add-to-cart-row a.added_to_cart,
.product-actions-row a.added_to_cart {
display: none;
}
/* Responsive
-------------------------------------------------- */
@media (min-width: 1025px) {
.site-header .container.header3 .site-navigation-wrapper {
border-top: none;
}
.navbar-col {
display: block;
}
#navbar-trigger {
display: none;
}
.navbar-col .action.search {
display: none;
}
.navbar-col,
.site-header .container.header3 .header-actions {
flex: 1;
}
.site-header .container.header3 .header-actions {
justify-content: flex-start;
}
.primary-menu ul.menu {
justify-content: space-between;
}
.primary-menu ul.menu li a {
font-size: 16px;
white-space: nowrap;
}
.primary-menu ul.menu li:not(.full-width).mega-menu .drop-menu .wrapper {
padding-right: 34px;
}
.header3 .primary-menu ul.menu > li:last-child {
padding-left: 3px;
}
.bs.sticky-header-active img.custom-logo {
max-height: 40px;
transition: height 0.3s ease-in-out;
}
.site-header .container.header3 .header-row,
.site-header .container.header3 {
transition: height 0.2s ease-in-out;
}
.sticky-header-active .site-header .container.header3 .header-row {
height: 66px;
}
.sticky-header-active .site-header .container.header3 {
height: 116px;
}
.sticky-header-active:not(.scroll-up) .site-header .container.header3 {
height: 67px;
overflow: hidden;
}
.site-header .container.header3 .site-navigation-wrapper {
transition: opacity 0.5s ease-in-out;
}
.sticky-header-active:not(.scroll-up) .site-header .container.header3 .site-navigation-wrapper {
opacity: 0;
}
.header3 .primary-menu ul.menu > li > a:after,
.header3 .primary-menu ul.menu > li > a:before {
bottom: -12px;
height: 2px;
}
.primary-menu > ul.menu > li {
padding-bottom: 10px;
}
body .primary-menu ul.menu li:not(.full-width) .drop-menu {
border-radius: 8px;
}
.primary-menu li:not(.mega-menu) .drop-menu-inner {
padding: 15px 0;
}
.primary-menu ul.menu li.multi-column .drop-menu .drop-menu-inner > .sub-menu {
gap: 90px;
}
.primary-menu ul.menu li.full-width .drop-menu {
padding-bottom: 70px;
}
.site-header > .container.header3 {
height: 118px;
}
.bs .row-hp-categories > .kt-row-column-wrap {
grid-template-columns: minmax(0, calc(240px - ((var(--kb-default-row-gutter, var(--global-row-gutter-md, 2rem)) * 1) / 2))) minmax(0, calc(100% - ((var(--kb-default-row-gutter, var(--global-row-gutter-md, 2rem)) * 1) / 2)));
}
.bs .row-hp-categories .info-col h2,
.bs .row-hp-categories .info-col p {
max-width: 180px;
}
.bs .row-hp-categories .blackstar-slider .blackstar-banner-block,
.bs .row-hp-categories .blackstar-slider .swiper-slide,
.bs .row-hp-categories .blackstar-custom-slider .custom-slide-item {
width: 347px;
height: auto;
}
.product-item-wrapper .product-actions-row .button {
padding-right: 5px;
}
.product-item-wrapper .product-actions-row .button:before {
content: "";
display: inline-block;
width: 19px;
height: 19px;
background-image: url('data:image/svg+xml,');
background-size: 100%;
position: relative;
top: 5px;
right: -8px;
background-repeat: no-repeat;
transform: scale(-1, 1);
}
.product-item-wrapper .product-actions-row .button:hover:before {
background-image: url('data:image/svg+xml,');
}
.action-search-form input.search-field:focus,
.action-search-form input.search-field.focused {
width: 340px;
max-width: 100%;
}
nav.woocommerce-MyAccount-navigation {
flex-basis: 220px;
}
}
@media (min-width: 1150px) {
.primary-menu ul.menu li a {
font-size: 17px;
}
.site-header > .container.header3 {
height: 118px;
}
}
@media (min-width: 1250px) {
.primary-menu ul.menu li a {
font-size: 20px;
}
.site-header > .container.header3 {
height: 136px;
}
.site-header .container.header3 .header-row {
height: 86px;
}
}
@media (min-width: 769px) {
.single-product-container {
flex-direction: row-reverse;
}
}
@media (max-width: 1400px) {
.single-product .ribbon-hours-time {
right: 10px;
top: 10px;
}
.single-product-container {
margin-top: 30px;
}
}
@media (max-width: 1200px) {
.bs .hp-banners .blackstar-banner-block.content-below-center .banner-content,
.bs .blackstar-banner-block.hp-banner1.content-below-center .banner-content {
right: 2%;
width: 93%;
}
.single-product .ribbon-hours-time svg {
width: 50px;
}
.single-product .ribbon-hours-time {
font-size: 20px;
}
.single-product .ribbon-hours-time span.lab {
font-size: 12px;
}
}
@media (max-width: 1100px) {
.bs .bs-archive-header-wrapper .catalog-header-row {
gap: 10px;
}
}
@media (max-width: 1024px) {
.top-header .top-header-pages-menu ul {
gap: 10px;
font-size: 12px;
}
.top-header .top-header-pages-menu ul li {
white-space: nowrap;
}
.top-header p.home-link {
font-size: 13px;
}
.bs .top-header .home-links {
gap: 6px;
}
img.custom-logo {
height: 40px;
width: auto;
}
.site-header > .container,
.site-header > .wrapper > .container {
height: 70px;
}
.site-header .navbar-col .action.search {
display: block;
}
.navbar-col .header-action > svg {
width: 21px;
height: 21px;
}
.bs .row-hp-categories .blackstar-slider .blackstar-banner-block,
.bs .row-hp-categories .blackstar-custom-slider .custom-slide-item {
width: 300px;
}
.bs .row-hp-categories .swiper-scrollbar {
width: 97%;
}
.bs .hp-banners .blackstar-banner-block .banner-img,
.bs .blackstar-banner-block.hp-banner1 .banner-img {
height: auto !important;
padding-bottom: 100%;
}
.bs .bs-archive-header-wrapper .woocommerce-products-header {
text-align: right;
margin-top: 0;
margin-bottom: 10px;
width: 100%;
}
.product-item-wrapper .product-actions-row {
opacity: 1;
padding-right: 5%;
padding-left: 5%;
}
.product-item-wrapper .product-actions-row .button {
font-size: 14px;
font-weight: 500;
border: 0;
height: 38px;
line-height: 38px;
letter-spacing: 0.4px;
background: black;
color: white;
}
.bs ul.products:not(.swiper-wrapper).item-hover {
row-gap: 40px;
}
.single-product-container {
margin-top: 20px;
}
.product-item-wrapper .product-actions-row .button {
padding-right: 14px;
}
.product-item-wrapper .product-actions-row .button:before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
background-image: url('data:image/svg+xml,');
background-size: 100%;
position: relative;
top: 3px;
right: -13px;
background-repeat: no-repeat;
transform: scale(-1, 1);
}
.bs .hp-banners .blackstar-banner-block.content-below-center .banner-content,
.bs .blackstar-banner-block.hp-banner1.content-below-center .banner-content {
top: -55px;
}
.bs form.woocommerce-ordering,
.bs .filter-toggle-button {
width: auto;
}
.bs .bs-archive-header-wrapper .catalog-header-row .col-sort {
display: none;
}
div.categories-menu-row:after {
left: 0px;
width: 40px;
}
}
@media (max-width: 768px) {
.header-actions #account-link .user-account-text {
display: none;
}
.top-header .top-header-slider {
width: 100%;
}
.top-header .wrapper {
padding: 0 4px;
}
.bs .row-hp-categories .swiper-button-next,
.bs .row-hp-categories .swiper-button-prev {
display: none;
}
.bs .row-hp-categories .swiper-scrollbar {
width: 94%;
}
.bs .blackstar-banner-block.hp-fullrow-banner .banner-img {
height: auto !important;
padding-bottom: 137%;
}
.bs.rtl.home .wp-block-kadence-tabs .kt-tabs-title-list {
white-space: nowrap;
display: block;
overflow-x: scroll;
margin-bottom: 20px;
}
.bs.rtl.home .wp-block-kadence-tabs .kt-tabs-title-list li {
display: inline;
width: auto;
}
.bs.rtl.home .wp-block-kadence-tabs .kt-tabs-title-list li a {
display: inline-block;
}
.hp-advantages-row .wp-block-group.advantages-data {
max-width: 300px;
}
.hp-advantages-row .wp-block-group.advantages-data * {
text-align: right !important;
}
.bs .hp-advantages-row .kt-inside-inner-col {
display: flex;
flex-direction: row;
align-items: center;
gap: 5vw;
justify-content: center;
}
.bs .hp-advantages-row .kb-svg-icon-wrap {
font-size: 50px;
}
.single-product-container {
margin-top: 0px;
}
.single-product .ribbon-hours-time {
right: 3% !important;
top: 3%;
}
.single-product div.product-gallery-container .product-gallery-image {
padding-bottom: 100%;
}
.single-product div.product-gallery-container .product-gallery-image img {
position: absolute;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
top: 0;
left: 0;
}
.single-product .woocommerce-breadcrumb {
margin-bottom: 8px;
}
.single-product-container .product-info-column h1.product_title {
margin-bottom: 0px;
}
.single-product-container {
margin-bottom: 60px;
}
.bs .bs-archive-header-wrapper .catalog-header-row {
margin-top: 6px;
}
}
@media (max-width: 640px) {
img.custom-logo {
height: 34px;
width: auto;
}
.top-header .inner p {
font-size: 14px !important;
}
.bs .top-header .arrow-minimal .swiper-button-next:after,
.bs .top-header .arrow-minimal .swiper-button-prev:after {
font-size: 11px;
}
.top-header .inner {
height: 32px;
}
.header-actions .user-account a.header-action svg {
width: 20px;
height: 20px;
}
.site-header .header-actions {
gap: 12px;
}
.bs .row-hp-categories .blackstar-slider .blackstar-banner-block,
.bs .row-hp-categories .blackstar-custom-slider .custom-slide-item {
width: 280px;
}
.bs .hp-banners .blackstar-banner-block.content-below-center .banner-content,
.bs .blackstar-banner-block.hp-banner1.content-below-center .banner-content {
right: 2%;
width: 96%;
}
.bs .hp-banners .blackstar-banner-block.content-below-center .banner-content .linkbtn,
.bs .blackstar-banner-block.hp-banner1.content-below-center .banner-content .linkbtn {
font-size: 18px;
}
.bs.rtl .hp-product-tabs ul.kt-tabs-title-list {
padding-bottom: 10px;
}
section.upsells h2,
.single-product section.products h2 {
text-align: right;
font-size: 26px;
}
.bs .hp-banners .blackstar-banner-block.content-below-center .banner-content,
.bs .blackstar-banner-block.hp-banner1.content-below-center .banner-content {
top: -30px;
}
.bs .catalog-header-row .sidebar-toggle-container .toggle-sidebar,
.bs .catalog-header-row .filter-toggle-button .filter-toggle-button-trigger,
.catalog-header-row .categories-menu-row li a {
font-size: 14px;
padding: 0 14px;
}
.categories-menu-row li {
margin-left: 4px;
}
.bs .bs-archive-header-wrapper .catalog-header-row .col-filter {
gap: 7px;
}
.bs .bs-archive-header-wrapper {
max-width: 1000%;
width: auto;
margin-left: calc(50% - 50vw);
margin-right: 0;
}
div.categories-menu-row:after {
width: 70px;
}
}
@media (max-width: 480px) {
.site-header .header-actions {
gap: 8px;
}
.bs .row-hp-categories .blackstar-slider .blackstar-banner-block,
.bs .row-hp-categories .blackstar-custom-slider .custom-slide-item {
width: 250px;
}
.single-product .ribbon-hours-time svg {
width: 40px;
}
.single-product .ribbon-hours-time {
font-size: 17px;
}
.single-product .ribbon-hours-time span.lab {
font-size: 11px;
}
section.upsells h2,
.single-product section.products h2 {
font-size: 24px;
}
.bs .product-item-wrapper p.product-name {
font-size: 18px;
line-height: 21px;
}
.product-item-wrapper .price {
font-size: 18px;
margin-top: 8px;
}
.product-item-wrapper .product-actions-row {
margin-top: 20px;
}
.bs .bs-archive-header-wrapper {
margin-top: 14px;
}
.woocommerce-products-header h1 {
font-size: 30px;
}
}
@media (max-width: 420px) {
}