@media (max-width: 767px) {
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-mobile),
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-phone) {
--toggle-button-alignment: initial;
--toggle-wrapper-display: block;
--off-canvas-alignment-transform: none;
--off-canvas-padding: 0px;
--off-canvas-close-display: none;
--off-canvas-color: inherit;
--off-canvas-background-color: none;
--off-canvas-content-height: unset;
--off-canvas-content-max-height: none;
--et_main-color-local: var(--et_main-color);
--et_dark-2-white-local: var(--et_dark-2-white);
--et_link-color-local: var(--et_link-color);
--et_font-color-local: var(--et_font-color);
}
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-mobile) .etheme-elementor-off-canvas__container,
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-phone) .etheme-elementor-off-canvas__container {
position: static;
-webkit-transform: none;
transform: none;
z-index: auto;
width: auto;
height: auto;
overflow: visible;
}
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-mobile) .etheme-elementor-off-canvas__main,
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-phone) .etheme-elementor-off-canvas__main {
overflow: visible;
opacity: 1;
visibility: visible;
position: static;
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: auto;
height: auto;
min-height: unset;
font-size: inherit;
border: none !important;
}
}
@media (min-width: -1) and (max-width: -1) {
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-mobile_extra) {
--toggle-button-alignment: initial;
--toggle-wrapper-display: block;
--off-canvas-alignment-transform: none;
--off-canvas-padding: 0px;
--off-canvas-close-display: none;
--off-canvas-color: inherit;
--off-canvas-background-color: none;
--off-canvas-content-height: unset;
--off-canvas-content-max-height: none;
--et_main-color-local: var(--et_main-color);
--et_dark-2-white-local: var(--et_dark-2-white);
--et_link-color-local: var(--et_link-color);
--et_font-color-local: var(--et_font-color);
}
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-mobile_extra) .etheme-elementor-off-canvas__container {
position: static;
-webkit-transform: none;
transform: none;
z-index: auto;
width: auto;
height: auto;
overflow: visible;
}
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-mobile_extra) .etheme-elementor-off-canvas__main {
overflow: visible;
opacity: 1;
visibility: visible;
position: static;
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: auto;
height: auto;
min-height: unset;
font-size: inherit;
border: none !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-tablet) {
--toggle-button-alignment: initial;
--toggle-wrapper-display: block;
--off-canvas-alignment-transform: none;
--off-canvas-padding: 0px;
--off-canvas-close-display: none;
--off-canvas-color: inherit;
--off-canvas-background-color: none;
--off-canvas-content-height: unset;
--off-canvas-content-max-height: none;
--et_main-color-local: var(--et_main-color);
--et_dark-2-white-local: var(--et_dark-2-white);
--et_link-color-local: var(--et_link-color);
--et_font-color-local: var(--et_font-color);
}
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-tablet) .etheme-elementor-off-canvas__container {
position: static;
-webkit-transform: none;
transform: none;
z-index: auto;
width: auto;
height: auto;
overflow: visible;
}
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-tablet) .etheme-elementor-off-canvas__main {
overflow: visible;
opacity: 1;
visibility: visible;
position: static;
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: auto;
height: auto;
min-height: unset;
font-size: inherit;
border: none !important;
}
}
@media (min-width: -1) and (max-width: -1) {
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-laptop),
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-tablet_extra) {
--toggle-button-alignment: initial;
--toggle-wrapper-display: block;
--off-canvas-alignment-transform: none;
--off-canvas-padding: 0px;
--off-canvas-close-display: none;
--off-canvas-color: inherit;
--off-canvas-background-color: none;
--off-canvas-content-height: unset;
--off-canvas-content-max-height: none;
--et_main-color-local: var(--et_main-color);
--et_dark-2-white-local: var(--et_dark-2-white);
--et_link-color-local: var(--et_link-color);
--et_font-color-local: var(--et_font-color);
}
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-laptop) .etheme-elementor-off-canvas__container,
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-tablet_extra) .etheme-elementor-off-canvas__container {
position: static;
-webkit-transform: none;
transform: none;
z-index: auto;
width: auto;
height: auto;
overflow: visible;
}
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-laptop) .etheme-elementor-off-canvas__main,
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-tablet_extra) .etheme-elementor-off-canvas__main {
overflow: visible;
opacity: 1;
visibility: visible;
position: static;
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: auto;
height: auto;
min-height: unset;
font-size: inherit;
border: none !important;
}
}
@media (min-width: 1025px) and (max-width: 99999px) {
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-desktop) {
--toggle-button-alignment: initial;
--toggle-wrapper-display: block;
--off-canvas-alignment-transform: none;
--off-canvas-padding: 0px;
--off-canvas-close-display: none;
--off-canvas-color: inherit;
--off-canvas-background-color: none;
--off-canvas-content-height: unset;
--off-canvas-content-max-height: none;
--et_main-color-local: var(--et_main-color);
--et_dark-2-white-local: var(--et_dark-2-white);
--et_link-color-local: var(--et_link-color);
--et_font-color-local: var(--et_font-color);
}
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-desktop) .etheme-elementor-off-canvas__container {
position: static;
-webkit-transform: none;
transform: none;
z-index: auto;
width: auto;
height: auto;
overflow: visible;
}
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-desktop) .etheme-elementor-off-canvas__main {
overflow: visible;
opacity: 1;
visibility: visible;
position: static;
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: auto;
height: auto;
min-height: unset;
font-size: inherit;
border: none !important;
}
}
@media (min-width: -1) {
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-widescreen) {
--toggle-button-alignment: initial;
--toggle-wrapper-display: block;
--off-canvas-alignment-transform: none;
--off-canvas-padding: 0px;
--off-canvas-close-display: none;
--off-canvas-color: inherit;
--off-canvas-background-color: none;
--off-canvas-content-height: unset;
--off-canvas-content-max-height: none;
--et_main-color-local: var(--et_main-color);
--et_dark-2-white-local: var(--et_dark-2-white);
--et_link-color-local: var(--et_link-color);
--et_font-color-local: var(--et_font-color);
}
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-widescreen) .etheme-elementor-off-canvas__container {
position: static;
-webkit-transform: none;
transform: none;
z-index: auto;
width: auto;
height: auto;
overflow: visible;
}
.etheme-elementor-off-canvas__wrapper:has(.etheme-elementor-off-canvas__toggle.elementor-hidden-widescreen) .etheme-elementor-off-canvas__main {
overflow: visible;
opacity: 1;
visibility: visible;
position: static;
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: auto;
height: auto;
min-height: unset;
font-size: inherit;
border: none !important;
}
}.etheme-product-list {
display: grid;
grid-template-columns: repeat(var(--cols, 2), minmax(100px, 1fr));
grid-gap: var(--rows-gap, 20px) var(--cols-gap, 30px);
}
.etheme-product-list-item,
.type-list.etheme-product-grid-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.etheme-product-list-item.has-divider:after,
.type-list.etheme-product-grid-item.has-divider:after {
content: '';
position: absolute;
top: calc(100% + var(--rows-gap,20px) / 2 - var(--line-weight,1px)/ 2);
width: 100%;
left: 0;
border-bottom: var(--line-weight, 1px) var(--line-style, solid) var(--line-color, #e1e1e1);
}
.etheme-product-list-item.has-divider:last-child:after,
.type-list.etheme-product-grid-item.has-divider:last-child:after {
display: none;
}
.etheme-product-list-item .price,
.type-list.etheme-product-grid-item .price {
display: block;
font-size: 1rem;
margin-bottom: 7px;
}
.etheme-product-list-item .stock,
.type-list.etheme-product-grid-item .stock {
font-size: 1.14rem;
color: var(--et_green-color);
margin-bottom: 0;
}
.etheme-product-list-item .stock.out-of-stock,
.type-list.etheme-product-grid-item .stock.out-of-stock {
color: var(--et_red-color);
}
.etheme-product-list-item .stock.available-on-backorder,
.type-list.etheme-product-grid-item .stock.available-on-backorder {
color: var(--et_orange-color);
}
.etheme-product-list-item .star-rating,
.type-list.etheme-product-grid-item .star-rating {
margin-bottom: 0;
}
.etheme-product-list-item .woocommerce-product-details__short-description,
.type-list.etheme-product-grid-item .woocommerce-product-details__short-description {
word-break: break-word;
}
.etheme-product-list-item .woocommerce-product-details__short-description,
.type-list.etheme-product-grid-item .woocommerce-product-details__short-description,
.etheme-product-list-item .sku_wrapper,
.type-list.etheme-product-grid-item .sku_wrapper {
display: block;
margin-bottom: 10px;
}
.etheme-product-list-item svg,
.type-list.etheme-product-grid-item svg {
overflow: visible;
}
.etheme-product-list-item .added_to_cart,
.type-list.etheme-product-grid-item .added_to_cart,
.etheme-product-list-item .et-loader,
.type-list.etheme-product-grid-item .et-loader {
display: none !important;
}
.etheme-product-list-item .etheme-countdown,
.type-list.etheme-product-grid-item .etheme-countdown {
--gap: 3px;
--item-min-width: 70px;
}
.etheme-product-list-item .etheme-countdown-wrapper,
.type-list.etheme-product-grid-item .etheme-countdown-wrapper {
margin: 10px 0;
clear: both;
}
.etheme-product-list-item .etheme-countdown-item,
.type-list.etheme-product-grid-item .etheme-countdown-item {
padding: 5px;
--inner-gap: 0px;
font-size: 0.85rem;
}
.etheme-product-list-item .etheme-countdown-digits,
.type-list.etheme-product-grid-item .etheme-countdown-digits {
font-size: 1.7rem;
}
.etheme-product-list-item .quantity-wrapper,
.type-list.etheme-product-grid-item .quantity-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-product-list-item .quantity-wrapper .quantity,
.type-list.etheme-product-grid-item .quantity-wrapper .quantity {
margin: 0;
float: none;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
}
.etheme-product-list-item .quantity-wrapper .etheme-product-list-button,
.type-list.etheme-product-grid-item .quantity-wrapper .etheme-product-list-button {
padding: 0;
height: 38px;
width: 38px;
font-size: 1.2rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.etheme-product-list .sales-booster-total-sales,
.type-list.etheme-product-grid .sales-booster-total-sales {
margin-bottom: 7px;
}
.etheme-product-list-bordered {
grid-gap: 0;
border-left: 1px solid var(--bordered-layout-border-color, var(--et_border-color, #e1e1e1));
}
.etheme-product-list-bordered > div {
padding: var(--rows-gap, 15px) var(--cols-gap, 15px);
border: 1px solid var(--bordered-layout-border-color, var(--et_border-color, #e1e1e1));
border-left: none;
margin-top: -1px;
}
.etheme-product-list-image,
.type-list.etheme-product-grid-item .etheme-product-grid-image {
position: relative;
overflow: hidden;
}
.etheme-product-list-image:not(:only-child),
.type-list.etheme-product-grid-item .etheme-product-grid-image:not(:only-child) {
-webkit-box-flex: 0;
-ms-flex: 0 0 var(--image-width-proportion, 35%);
flex: 0 0 var(--image-width-proportion, 35%);
}
.etheme-product-list-image:not(:only-child):first-child,
.type-list.etheme-product-grid-item .etheme-product-grid-image:not(:only-child):first-child {
margin: 0;
-webkit-margin-end: var(--image-space, 20px);
margin-inline-end: var(--image-space, 20px);
}
.etheme-product-list-image:not(:only-child):last-child,
.type-list.etheme-product-grid-item .etheme-product-grid-image:not(:only-child):last-child {
margin: 0;
-webkit-margin-start: var(--image-space, 20px);
margin-inline-start: var(--image-space, 20px);
}
.etheme-product-list-image img,
.type-list.etheme-product-grid-item .etheme-product-grid-image img {
-webkit-transform: scale(var(--image-scale, 1));
transform: scale(var(--image-scale, 1));
-o-object-position: var(--image-position-x, 0) var(--image-position-y, 0);
object-position: var(--image-position-x, 0) var(--image-position-y, 0);
}
.etheme-product-list-content,
.type-list.etheme-product-grid-item .etheme-product-grid-content {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.etheme-product-list-content:not(:only-child),
.type-list.etheme-product-grid-item .etheme-product-grid-content:not(:only-child) {
max-width: calc(100% - var(--image-width, 35%));
}
.quantity-wrapper .etheme-product-list-button:before,
.quantity-wrapper .type-list.etheme-product-grid-item .etheme-product-grid-button:before {
display: none;
}
.etheme-product-list .button svg,
.type-list.etheme-product-grid-item .etheme-product-grid .button svg {
fill: currentColor;
width: 1em;
height: 1em;
}
.etheme-product-list-title,
.type-list.etheme-product-grid-item .etheme-product-grid-title {
text-transform: none;
font-size: 1.14rem;
margin-bottom: 3px;
}
.etheme-product-list-title a,
.type-list.etheme-product-grid-item .etheme-product-grid-title a {
display: inline-block;
color: currentColor;
}
.etheme-product-list-categories,
.type-list.etheme-product-grid-item .etheme-product-grid-categories {
font-size: 1rem;
color: #888;
}
.etheme-product-list-categories a,
.type-list.etheme-product-grid-item .etheme-product-grid-categories a {
color: currentColor;
}
.etheme-product-list-categories a:hover,
.type-list.etheme-product-grid-item .etheme-product-grid-categories a:hover {
color: #222;
}
.etheme-product-list-button,
.type-list.etheme-product-grid-item .etheme-product-grid-button {
display: inline-block;
height: auto;
background-color: #000;
color: #fff;
border: none;
position: relative;
}
.etheme-product-list-button:hover,
.type-list.etheme-product-grid-item .etheme-product-grid-button:hover {
background-color: #333;
color: #fff;
}
.etheme-product-list-button:before,
.type-list.etheme-product-grid-item .etheme-product-grid-button:before {
content: '' !important;
width: 1em;
height: 1em;
position: absolute;
top: calc(50% - .5em);
left: calc(50% - .5em);
border: 1px solid #e1e1e1;
border-left-color: #888;
display: none;
z-index: 1;
-webkit-animation: rotate 0.5s linear infinite;
animation: rotate 0.5s linear infinite;
border-radius: 50%;
}
.etheme-product-list-button.loading:before,
.type-list.etheme-product-grid-item .etheme-product-grid-button.loading:before {
display: block !important;
}
.et-catalog-on .etheme-product-list-item footer .show-product,
.et-catalog-on .etheme-product-list-item footer .add_to_cart_button {
display: none !important;
}
.et-catalog-on .etheme-product-list-item .quantity-wrapper {
display: none !important;
}
.etheme-product-list-item:has(.quantity-wrapper[data-type=advanced]:not(.is-added) ~ .etheme-product-list-button:not(.added)) .quantity-wrapper,
.type-list.etheme-product-grid-item:has(.quantity-wrapper[data-type=advanced]:not(.is-added) ~ .etheme-product-list-button:not(.added)) .quantity-wrapper,
.etheme-product-list-item:has(.quantity-wrapper[data-type=advanced].is-added ~ .etheme-product-list-button) .etheme-product-list-button,
.type-list.etheme-product-grid-item:has(.quantity-wrapper[data-type=advanced].is-added ~ .etheme-product-list-button) .etheme-product-list-button,
.etheme-product-list-item:has(.quantity-wrapper[data-type=advanced] ~ .etheme-product-list-button.added) .etheme-product-list-button,
.type-list.etheme-product-grid-item:has(.quantity-wrapper[data-type=advanced] ~ .etheme-product-list-button.added) .etheme-product-list-button {
display: none;
}
.etheme-product-list-item .quantity-wrapper[data-type=advanced],
.type-list.etheme-product-grid-item .quantity-wrapper[data-type=advanced] {
width: 100%;
max-width: unset;
--et_quantity-height: 35px;
}
.etheme-product-list-item .quantity-wrapper[data-type=advanced]:has(.blockUI) input,
.type-list.etheme-product-grid-item .quantity-wrapper[data-type=advanced]:has(.blockUI) input {
color: transparent;
}
.etheme-product-list-item .quantity-wrapper[data-type=advanced] .quantity,
.type-list.etheme-product-grid-item .quantity-wrapper[data-type=advanced] .quantity {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 0;
margin-right: 0;
}
.etheme-product-list-item .quantity-wrapper[data-type=advanced] .quantity .qty,
.type-list.etheme-product-grid-item .quantity-wrapper[data-type=advanced] .quantity .qty {
width: 100%;
max-width: 100px;
}
.etheme-product-list-item .quantity-wrapper[data-type=advanced] .quantity > span,
.type-list.etheme-product-grid-item .quantity-wrapper[data-type=advanced] .quantity > span {
width: var(--et_quantity-height, 38px);
max-width: 25%;
}
.etheme-product-list-item .quantity-wrapper[data-type=advanced] .quantity > span.plus,
.type-list.etheme-product-grid-item .quantity-wrapper[data-type=advanced] .quantity > span.plus {
background-color: var(--et_dark-2-white);
color: var(--et_white-2-dark);
}
.etheme-product-list-item .quantity-wrapper[data-type=advanced] .quantity > span.minus,
.type-list.etheme-product-grid-item .quantity-wrapper[data-type=advanced] .quantity > span.minus {
background-color: var(--et_light-color);
}.et-quick-view-wrapper .swiper-slide a {
display: inline-block;
}
.et-quick-view-wrapper .main-images a.zoom,
.et-quick-view-wrapper .main-images a {
cursor: default;
}
.et-quick-view-wrapper .swiper-grid .swiper-slide {
width: auto;
max-width: 100%;
}
.et-quick-view-wrapper .swiper-grid a.zoom,
.et-quick-view-wrapper .swiper-grid a {
cursor: inherit;
}
.et-quick-view-wrapper .product_type_variable,
.et-quick-view-wrapper .product_type_variation,
.et-quick-view-wrapper .product_type_grouped,
.et-quick-view-wrapper .product_type_external {
height: auto;
font-size: 0.85rem;
padding-top: 0.95rem;
padding-bottom: 0.95rem;
background-color: var(--et_btn-dark-bg-color);
color: var(--et_btn-dark-color);
-webkit-text-fill-color: currentColor;
min-width: 190px;
margin-right: 0.4rem;
}
.et-quick-view-wrapper .product_type_variable:hover,
.et-quick-view-wrapper .product_type_variation:hover,
.et-quick-view-wrapper .product_type_grouped:hover,
.et-quick-view-wrapper .product_type_external:hover {
background-color: var(--et_btn-dark-bg-color-hover);
border-color: var(--et_btn-dark-br-color-hover);
color: var(--et_btn-dark-color-hover);
}
.et-quick-view-wrapper .product_type_variable:before,
.et-quick-view-wrapper .product_type_variation:before,
.et-quick-view-wrapper .product_type_grouped:before,
.et-quick-view-wrapper .product_type_external:before,
.et-quick-view-wrapper .add_to_cart_button:before {
padding-right: 5px;
font-family: 'xstore-icons';
}
.et-quick-view-wrapper .add_to_cart_button.loading,
.et-quick-view-wrapper .add_to_cart_button.loading:before {
color: transparent !important;
-webkit-transition: none !important;
transition: none !important;
}
.et-quick-view-wrapper .add_to_cart_button.loading:before {
background: transparent !important;
}
.et-quick-view-wrapper .add_to_cart_button .et-loader {
position: absolute;
left: 50%;
top: 50%;
margin: 0;
}
.et-quick-view-wrapper .add_to_cart_button .loader-circular {
left: calc(50% - 15px);
top: calc(50% - 15px);
bottom: auto;
margin: 0;
}
.et-quick-view-wrapper .sten-reset-loop-variation {
margin-top: 0;
margin-bottom: 5px;
font-size: 1rem;
text-transform: capitalize;
}
.et-quick-view-wrapper .show-full-details {
font-size: 1.14rem;
line-height: 1.9;
margin-top: 10px;
display: block;
text-align: start;
text-decoration: underline;
}
.et-quick-view-wrapper .quick-view-excerpts {
margin-top: 1.4em;
margin-bottom: 3em;
overflow: hidden;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.et-quick-view-wrapper .quick-view-excerpts.show-content {
max-height: 440px;
overflow-y: hidden;
}
.et-quick-view-wrapper .quick-view-excerpts.show-content .excerpt-content {
visibility: visible;
opacity: 1;
max-height: 350px;
}
.et-quick-view-wrapper .quick-view-excerpts.show-content .excerpt-title:before {
content: '\e903';
}
.et-quick-view-wrapper .quick-view-excerpts.show-content + .excerpt-title {
margin-bottom: 10px;
}
.et-quick-view-wrapper .quick-view-excerpts .excerpt-title {
display: inline-block;
padding-right: 1em;
text-decoration: underline;
color: var(--et_dark-2-white);
font-size: 1.14rem;
cursor: pointer;
position: relative;
}
.et-quick-view-wrapper .quick-view-excerpts .excerpt-title:before {
display: inline-block;
content: '\e905';
font-family: 'xstore-icons';
position: absolute;
font-size: 0.75em;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content {
position: relative;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
max-height: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
}
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content:before {
top: 0;
background: -webkit-gradient(linear, left bottom, left top, from(var(--et_white-2-dark-0)), color-stop(80%, var(--et_white-2-dark)));
background: linear-gradient(to top, var(--et_white-2-dark-0) 0%, var(--et_white-2-dark) 80%);
}
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content:after {
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(var(--et_white-2-dark-0)), color-stop(80%, var(--et_white-2-dark)));
background: linear-gradient(to bottom, var(--et_white-2-dark-0) 0%, var(--et_white-2-dark) 80%);
}
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content:before,
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content:after {
position: absolute;
content: '';
display: block;
left: 0;
right: 2px;
height: 20px;
pointer-events: none;
}
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content .excerpt-content-inner {
max-height: 350px;
padding-right: 15px;
overflow: hidden;
overflow-y: auto;
}
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content-inner {
line-height: 1.8;
font-size: 1.14rem;
}
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content-inner h1,
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content-inner h2,
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content-inner h3,
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content-inner h4,
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content-inner h5,
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content-inner h6 {
line-height: 1.3;
margin-bottom: 0.35em;
margin-top: 0.35em;
}
.et-quick-view-wrapper .yith-wcwl-add-to-wishlist.wishlist-fragment {
margin: 0;
}
.et-quick-view-wrapper .xstore-wishlist-single,
.et-quick-view-wrapper .xstore-compare-single {
display: block;
font-size: 1.14rem;
}
.et-quick-view-wrapper .quantity-wrapper {
display: block;
height: auto;
max-width: unset;
}
.et-quick-view-wrapper .product_meta:empty {
display: none !important;
}
.quick-view-popup {
margin: 0 auto;
position: relative;
background: var(--et_container-bg-color, var(--et_white-2-dark));
width: 870px;
max-width: 100%;
}
.quick-view-popup .skeleton-body .product-content .row > div {
height: 550px;
}
.quick-view-popup .skeleton-body .product-content.quick-view-layout-centered .row > div {
height: 370px;
}
.quick-view-popup .product-content {
position: relative;
}
.quick-view-popup .product-content.quick-view-layout-centered,
.quick-view-popup .product-content.quick-view-layout-centered img,
.quick-view-popup .product-content.quick-view-layout-centered iframe {
max-height: unset;
}
.quick-view-popup .product-content.quick-view-layout-centered .product-images,
.quick-view-popup .product-content.quick-view-layout-centered .product-information {
width: 100%;
}
.quick-view-popup .product-content.quick-view-layout-centered .product-images:empty:before {
background-size: 70% 100%;
background-position: center 15px;
margin: 0 30px;
}
.quick-view-popup .product-content.quick-view-layout-centered .product-information {
position: relative;
padding-left: 30px;
padding-right: 30px;
}
.quick-view-popup .product-content.quick-view-layout-centered .product-information:empty:before {
margin: 0 30px;
}
.quick-view-popup .product-content img.lazyload-lqip {
width: 100%;
}
.quick-view-popup .vertical-thumbnails,
.quick-view-popup .swiper-control-bottom {
display: none;
}
.quick-view-popup .product-content,
.quick-view-popup .main-images {
margin-bottom: 0;
}
.quick-view-popup .main-images {
text-align: start;
}
.quick-view-popup .et-wishlist-holder {
margin-bottom: 10px;
}
.quick-view-popup .product-information {
text-align: start;
}
.quick-view-popup .product-information .woocommerce-review-link {
display: none !important;
}
.quick-view-popup .product-information::-webkit-scrollbar {
width: 3px;
}
.quick-view-popup .open-360-popup {
display: none;
}
.quick-view-popup .excerpt-content-inner:focus {
outline: none;
}
.quick-view-popup .product-cats {
margin-top: -2em;
margin-bottom: 1em;
color: var(--et_font-color);
text-transform: uppercase;
}
.quick-view-popup .product-cats a {
color: var(--et_font-color);
}
.quick-view-popup .add_to_cart_button {
margin-right: 1em;
border-style: none;
}
.quick-view-popup .quick-view-info {
margin-bottom: 1.07em;
}
.quick-view-popup .quick-view-info .woocommerce-product-rating + .cart {
margin-top: 1.12em;
}
.quick-view-popup .quick-view-excerpts .excerpt-content .excerpt-content-inner {
padding-top: 20px;
}
.quick-view-popup .product_type_variable,
.quick-view-popup .product_type_variation,
.quick-view-popup .product_type_grouped,
.quick-view-popup .product_type_external {
margin-bottom: 15px !important;
}
html.quick-view-open .mfp-wrap {
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
@-webkit-keyframes et-canvas-right {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
visibility: hidden;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
}
@keyframes et-canvas-right {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
visibility: hidden;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes et-canvas-left {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
visibility: hidden;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
}
@keyframes et-canvas-left {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
visibility: hidden;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
}
.et-quick-view-canvas {
--quick-view-elements-spacing: 12px;
}
.et-quick-view-canvas .et-popup-content {
-webkit-animation: none;
animation: none;
opacity: 1 !important;
visibility: visible !important;
color: unset;
margin: 0 !important;
padding: 15px;
overflow: visible;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.et-quick-view-canvas .et-close-popup {
margin: 9px;
}
.et-quick-view-canvas:not(.done).et-content-right .et-popup-content {
opacity: 1;
visibility: visible;
-webkit-animation: et-canvas-right 0.2s linear, et-fadeIn 0.2s linear;
animation: et-canvas-right 0.2s linear, et-fadeIn 0.2s linear;
}
.et-quick-view-canvas:not(.done).et-content-left .et-popup-content {
opacity: 1;
visibility: visible;
-webkit-animation: et-canvas-left 0.2s linear, et-fadeIn 0.2s linear;
animation: et-canvas-left 0.2s linear, et-fadeIn 0.2s linear;
}
.et-quick-view-canvas.et-popup-removing.et-content-right .et-popup-content {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.et-quick-view-canvas.et-popup-removing.et-content-left .et-popup-content {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.et-quick-view-canvas.et-popup-removing .et-close-popup {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
visibility: hidden;
}
.et-quick-view-canvas .et-mini-content-head {
cursor: default;
}
.et-quick-view-canvas.et-off-canvas .et-content {
overflow: hidden;
overflow-y: auto;
padding: 0 3px;
}
.et-quick-view-canvas.et-off-canvas .et-content::-webkit-scrollbar {
display: none;
}
.et-quick-view-canvas .et-content-inner {
position: relative;
overflow: hidden;
}
.et-quick-view-canvas .et-content-inner > *,
.et-quick-view-canvas .et-content-inner .product-share:not(:last-child),
.et-quick-view-canvas .et-content-inner .product_meta > span,
.et-quick-view-canvas .et-content-inner .product_meta .products-page-cats,
.et-quick-view-canvas .et-content-inner .product_meta .wcml_currency_switcher,
.et-quick-view-canvas .et-content-inner .product_meta .wcml-dropdown.product,
.et-quick-view-canvas .et-content-inner .product_meta .wcmp-report-abouse-wrapper,
.et-quick-view-canvas .et-content-inner .quick-view-excerpts.show-content .excerpt-title {
margin: 0 0 var(--quick-view-elements-spacing, 10px) !important;
}
.et-quick-view-canvas .et-content-inner > *:last-child,
.et-quick-view-canvas .et-content-inner .product-share:not(:last-child):last-child,
.et-quick-view-canvas .et-content-inner .product_meta > span:last-child,
.et-quick-view-canvas .et-content-inner .product_meta .products-page-cats:last-child,
.et-quick-view-canvas .et-content-inner .product_meta .wcml_currency_switcher:last-child,
.et-quick-view-canvas .et-content-inner .product_meta .wcml-dropdown.product:last-child,
.et-quick-view-canvas .et-content-inner .product_meta .wcmp-report-abouse-wrapper:last-child,
.et-quick-view-canvas .et-content-inner .quick-view-excerpts.show-content .excerpt-title:last-child {
margin-bottom: 0 !important;
}
.et-quick-view-canvas .woocommerce-product-details__short-description p {
margin-bottom: var(--quick-view-elements-spacing, 10px);
}
.et-quick-view-canvas .woocommerce-product-details__short-description p:only-child {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.quick-view-popup .product-content {
max-height: 550px;
overflow: hidden;
}
.quick-view-popup .product-content img {
width: auto;
}
.quick-view-popup .product-content:not(.quick-view-layout-centered) img {
margin: 0 !important;
}
.quick-view-popup .product-information {
position: absolute;
right: 0;
overflow: auto;
overflow-x: hidden;
max-height: 100%;
margin-bottom: 0;
padding-top: 2.3em;
padding-right: 20px;
}
.quick-view-popup .product-information:only-child {
position: relative;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 20px;
}
.quick-view-popup .doubled-border.has-overflow {
overflow: auto;
}
.quick-view-popup .doubled-border,
.quick-view-popup .quick-view-layout-default,
.quick-view-popup .quick-view-layout-default .row,
.quick-view-popup .quick-view-layout-default .product-images,
.quick-view-popup .quick-view-layout-default .product-information {
height: 100%;
max-height: 100%;
}
.quick-view-layout-default img,
.quick-view-layout-default iframe {
max-height: 550px;
}
}
@media only screen and (max-width: 767px) {
.quick-view-popup .product-information .et-wishlist-holder.position-after.type-icon-text a:not(.alt),
.quick-view-popup .product-info-wrapper .et-wishlist-holder.position-after.type-icon-text a:not(.alt) {
font-size: 12px !important;
}
.quick-view-popup .product-information .et-wishlist-holder.position-after.type-icon a:not(.alt),
.quick-view-popup .product-info-wrapper .et-wishlist-holder.position-after.type-icon a:not(.alt) {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.quick-view-popup .product-information .et-wishlist-holder.position-after.type-icon a:not(.alt):hover,
.quick-view-popup .product-info-wrapper .et-wishlist-holder.position-after.type-icon a:not(.alt):hover {
font-size: 12px !important;
}
.quick-view-popup .product-information .et-wishlist-holder.position-under,
.quick-view-popup .product-info-wrapper .et-wishlist-holder.position-under {
padding-top: 0;
}
.quick-view-popup .product-information {
padding: 2.5em 3.5em 0 2.5em;
}
}
@media only screen and (max-width: 480px) {
.quick-view-popup .product-name {
font-size: 2rem;
}
.quick-view-popup .product-images {
padding: 0 15px;
margin-bottom: 0;
}
.quick-view-popup .product-cats {
margin-top: 0;
}
.quick-view-popup .add_to_cart_button.button {
margin-right: 0;
min-width: 170px;
}
}.et-off-canvas > .et-mini-content {
position: fixed;
top: 0;
height: 100%;
max-width: 300px;
width: calc(100% - 64px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
z-index: 10010;
--head-icon-proportion: 1.6;
--head-quantity-proportion: 1;
--head-label-proportion: 1.2;
}
@media only screen and (min-width: 1200px) {
body.bordered .et-off-canvas > .et-mini-content {
height: calc(100% - 36px);
top: 18px;
}
body.bordered.admin-bar .et-off-canvas > .et-mini-content {
height: calc(100% - 72px);
top: 52px;
}
}
.et-off-canvas-wide > .et-mini-content {
max-width: 400px;
}
.et-off-canvas .et-content {
overflow: hidden;
overflow-y: auto;
width: 100%;
max-height: 100%;
height: 100%;
}
.et-off-canvas-wide .et-content {
display: grid;
-ms-flex-line-pack: stretch;
align-content: stretch;
grid-template-rows: -webkit-max-content minmax(0px, 100vh) 1fr;
grid-template-rows: max-content minmax(0px, 100vh) 1fr;
overflow: unset;
margin-bottom: 0;
}
.et-off-canvas .widget_shopping_cart,
.et-off-canvas .et_b_wishlist-dropdown,
.et-off-canvas .et_b_waitlist-dropdown,
.et-off-canvas .et_b_compare-dropdown {
padding-right: 3px;
padding-left: 3px;
}
.et-off-canvas .widget_shopping_cart,
.et-off-canvas .et_b_wishlist-dropdown,
.et-off-canvas .et_b_waitlist-dropdown,
.et-off-canvas .et_b_compare-dropdown,
.et-off-canvas.et_b_header-account .et_b-tabs-wrapper {
overflow-x: hidden;
overflow-y: auto;
max-height: calc(100% - 20px);
}
.et-off-canvas .widget_shopping_cart > ul,
.et-off-canvas .et_b_wishlist-dropdown > ul,
.et-off-canvas .et_b_waitlist-dropdown > ul,
.et-off-canvas .et_b_compare-dropdown > ul {
margin-bottom: 0;
}
.header-wrapper .et-off-canvas .et-mini-content .et-quantity,
.mobile-header-wrapper .et-off-canvas .et-mini-content .et-quantity {
background-color: #e1e1e1;
color: #000000;
}
.et-off-canvas.et_b_header-account ul.menu {
text-transform: uppercase;
}
.et-off-canvas.et_b_header-account input {
min-width: unset;
}
.et-off-canvas.et_b_header-account input#rememberme + span {
max-width: 80px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
float: left;
}
.et-off-canvas.et_b_header-account input#rememberme {
float: left;
}
.et-mini-content-head {
padding: 0 10px 10px;
margin: 0 -10px 30px;
-ms-flex-item-align: start;
align-self: flex-start;
}
.et-mini-content-head > a {
color: currentColor;
}
.et-mini-content-head.et-inline-type {
margin-bottom: 0;
}
.et-mini-content-head > a:hover {
color: currentColor;
}
.et-mini-content-head:not(.et-inline-type) .et_b-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.et-mini-content-head .et_b-icon svg {
width: calc(var(--content-zoom) * var(--head-icon-proportion));
height: calc(var(--content-zoom) * var(--head-icon-proportion));
overflow: visible;
}
.et-mini-content-head .et-element-label {
color: currentColor;
text-transform: uppercase;
font-size: calc(var(--content-zoom) * var(--head-label-proportion));
}
.et-mini-content-head:not(.et-inline-type) .et-element-label {
padding: 0;
padding-top: 15px !important;
}
.et-off-canvas .cart_list.product_list_widget li {
padding: 20px 0;
margin: 0 -5px 0 !important;
width: calc(100% + 10px);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
cursor: default;
}
.et-mini-content .cart_list.product_list_widget .sidebar-slider {
margin-top: 0;
margin-bottom: 1.07em;
}
.et-mini-content .cart_list.product_list_widget .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.et-mini-content .cart_list.product_list_widget .swiper-slide {
margin: 0 !important;
padding: 0;
width: 100%;
border: none;
}
.et-mini-content .cart_list.product_list_widget li.swiper-slide {
padding: 0 12px;
}
.et-mini-content .sidebar-slider .swiper-entry .swiper-container .swiper-slide:not(.swiper-slide-visible) p.product-title,
.et-mini-content .sidebar-slider .swiper-entry .swiper-container .swiper-slide:not(.swiper-slide-visible) .price {
opacity: 1;
}
.et-mini-content .sidebar-slider .swiper-entry .swiper-container .swiper-slide .product-title a {
white-space: normal;
overflow: unset;
}
.et-mini-content .cart_list.product_list_widget .swiper-slide .product-list-image {
margin: 0 0 10px;
float: none;
}
.et-mini-content .cart_list.product_list_widget .swiper-slide .product-list-image img {
margin: 0 auto;
}
.et-off-canvas .cart_list.product_list_widget .swiper-slide .product-list-image img {
max-width: unset;
}
.et-off-canvas .cart_list.product_list_widget li .et-remove-type1 {
display: none;
}
.et-off-canvas .cart_list.product_list_widget li .et-remove-type2 {
display: inline-block;
border-radius: 3px;
overflow: hidden;
background: #fcfcfc;
padding: 2px;
}
.et-off-canvas .cart_list.product_list_widget li .et-remove-type2 img {
max-width: 18px;
}
.header-wrapper .et-off-canvas .cart_list.product_list_widget li,
.header-wrapper .et-off-canvas .cart_list.product_list_widget .product-slide {
padding-left: 12px;
padding-right: 12px;
}
.header-wrapper .et-off-canvas .cart_list.product_list_widget .swiper-slide:hover {
background: transparent;
}
[data-mode="dark"] .header-wrapper .et-off-canvas .cart_list.product_list_widget .swiper-slide:hover {
background: transparent;
}
.et-off-canvas .product_list_widget .cart-widget-products {
padding: 0 5px;
}
.et-off-canvas .cart-widget-products .remove {
top: 19px;
}
.et-off-canvas .cart-widget-products .remove i {
font-size: 65%;
}
.et_b_header-cart.et-off-canvas .woocommerce-mini-cart__empty-message,
.et_b_header-wishlist.et-off-canvas .empty,
.et_b_header-waitlist.et-off-canvas .empty,
.et_b_header-compare.et-off-canvas .empty {
font-size: 114%;
}
.et-off-canvas .product_list_widget li:not(:last-child) {
border-bottom: 1px solid var(--et_border-color);
}
.et-off-canvas .cart-popup-footer .btn-view-cart {
display: none;
}
.et-off-canvas .cart-popup-footer .total {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 100%;
}
.et-off-canvas .cart-widget-subtotal .small-h {
text-transform: uppercase;
}
.et-off-canvas.et_element .cart-widget-subtotal .big-coast {
font-size: 114%;
}
.et-off-canvas.et-content-right > .et-mini-content:not(.active) {
margin-right: -150px;
}
.et-off-canvas.et-content-left > .et-mini-content:not(.active) {
margin-left: -150px;
}
.et-mini-content-head .et-element-label:before {
content: '';
height: 2px;
width: 0;
right: 0;
position: absolute;
-webkit-transition: width 0.2s ease-in-out;
transition: width 0.2s ease-in-out;
bottom: -4px;
background: currentColor;
}
.et-mini-content-head > a:hover .et-element-label:before {
width: 100%;
left: 0;
right: auto;
}
.et-mini-content .sidebar-slider .swiper-entry .swiper-container .swiper-slide .product-title {
padding-right: 0;
}