.elementor-element .swiper-container {
z-index: 0 !important;
}
body .elementor-element .swiper.swiper-container-initialized > .swiper-wrapper {
gap: unset;
overflow: visible;
}
.elementor-element .swiper-pagination {
position: relative;
text-align: center;
-webkit-transition: 300ms;
transition: 300ms;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.elementor-element .swiper-pagination-inside {
position: absolute;
margin-top: 0;
margin-bottom: 10px;
}
.elementor-element .swiper-entry:hover .et-swiper-elementor-nav {
opacity: 1;
}
.elementor-element .et-slider .swiper-pagination {
position: absolute;
}
.elementor-element .swiper-container-horizontal > .swiper-pagination-bullets,
.elementor-element .swiper-pagination-custom,
.elementor-element .swiper-pagination-fraction {
bottom: 0;
}
.elementor-element .swiper-button-next,
.elementor-element .swiper-button-prev {
width: var(--arrow-size, 50px);
height: var(--arrow-size, 50px);
position: absolute;
top: calc(50% - var(--arrow-size, 50px) / 2);
margin: 0;
}
.elementor-button .e-font-icon-svg {
height: 1em;
}
.swiper-pagination-number {
position: relative;
margin: 0 5px;
color: var(--et_dark-2-white);
opacity: 0.4;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
line-height: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.swiper-pagination-number:after {
content: '';
border-bottom: 1px solid currentColor;
width: 1em;
display: inline-block;
-webkit-margin-start: 5px;
margin-inline-start: 5px;
-webkit-transition: inherit;
transition: inherit;
}
.swiper-pagination-number:hover,
.swiper-pagination-number-active {
opacity: 1;
}
.swiper-pagination-number:hover:after,
.swiper-pagination-number-active:after {
width: 2em;
}
.elementor-widget-text-editor {
line-height: var(--p-line-height, 1.6);
font-size: var(--p-font-size, 1.14rem);
}
.elementor-widget-text-editor p {
font-size: inherit;
line-height: inherit;
}
.elementor-image-box-img img {
vertical-align: unset;
}
.swiper-slide .content-product .product-details .button {
display: inline-block;
}
.swiper-slide .content-product .quantity-wrapper .button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.single-product .product_title {
display: block;
}
body.single .elementor-widget-heading .product_title,
body.single .elementor-widget-woocommerce-product-etheme_tabs .woocommerce-tabs {
margin: 0;
border: none;
padding: 0;
}
.woocommerce-tabs.type-accordion .wc-tabs .et-woocommerce-tab a {
border: none !important;
}
body .elementor-widget-woocommerce-etheme_breadcrumb .page-heading {
font-size: inherit;
margin: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
body.single .elementor-widget-woocommerce-etheme_breadcrumb .page-heading {
--h1-size-proportion: 1;
--content-zoom: 1em;
border: none;
margin: 0;
}
.elementor-element .et-fancy-button .button-wrap a {
height: auto;
}
.elementor-element .et-fancy-button .button-wrap svg {
width: 1em;
height: 1em;
fill: currentColor;
}
.elementor-element .et-fancy-button .button-wrap i {
-webkit-transition: inherit;
transition: inherit;
}
.elementor-element .et-menu-list .type-img.position-center-center img,
.elementor-element .et-menu-list .type-img.position-center-center i,
.elementor-element .et-menu-list .type-img.position-center-center svg {
display: block;
margin: 0;
}
.elementor-widget-etheme_horizontal_scroll [data-animation] .swiper-slide-contents:not(.animated) {
opacity: 0;
visibility: hidden;
}
.etheme-elementor-slider .swiper-slide-contents > p:last-child {
margin-bottom: 0;
}
.etheme-elementor-slider.swiper-fade .swiper-slide:not(.swiper-slide-active) {
opacity: 0 !important;
visibility: hidden !important;
}
.elementor-widget-container p {
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.elementor-widget-container p.woocommerce-info {
color: var(--et_info-color, #fff);
}
.swiper-slide .added_to_cart {
display: none;
}
.elementor-button {
height: auto;
}
.elementor-button.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.etheme-payment-button {
text-transform: none;
}
.footer-widget .elementor-element ul.menu > li > a,
.footer-widget .elementor-element li a {
font-size: inherit;
}
body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-etheme]:not(.etheme-elementor-widget-loaded) > .elementor-widget-container,
body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-etheme]:not(.etheme-elementor-widget-loaded) > .elementor-widget-container,
body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-woocommerce-etheme]:not(.etheme-elementor-widget-loaded) > .elementor-widget-container,
body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-woocommerce-etheme]:not(.etheme-elementor-widget-loaded) > .elementor-widget-container,
body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-woocommerce-product-etheme]:not(.etheme-elementor-widget-loaded) > .elementor-widget-container,
body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-woocommerce-product-etheme]:not(.etheme-elementor-widget-loaded) > .elementor-widget-container,
body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-et-]:not(.etheme-elementor-widget-loaded) > .elementor-widget-container,
body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-et-]:not(.etheme-elementor-widget-loaded) > .elementor-widget-container {
opacity: var(--etheme-element-loading-opacity, 0);
visibility: var(--etheme-element-loading-visibility, hidden);
}
body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-etheme]:not(.etheme-elementor-widget-loaded):before,
body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-et-]:not(.etheme-elementor-widget-loaded):before,
body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-etheme]:not(.etheme-elementor-widget-loaded):before,
body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-et-]:not(.etheme-elementor-widget-loaded):before,
.etheme-elementor-lazy-button:before,
.elementor-widget.etheme-loading:before,
.elementor-widget.etheme-reloading:before {
content: '';
display: var(--etheme-element-loader-display, inline-block);
position: absolute;
width: var(--etheme-elementor-loader-size, 1.5rem);
height: var(--etheme-elementor-loader-size, 1.5rem);
left: calc(50% - (var(--etheme-elementor-loader-size, 1.5rem) / 2));
top: calc(50% - (var(--etheme-elementor-loader-size, 1.5rem) / 2));
border: 1px solid var(--etheme-elementor-loader-color, #e1e1e1);
border-left-color: var(--etheme-elementor-loader-color-active, #555);
border-radius: 50%;
-webkit-animation: rotate 0.5s linear infinite;
animation: rotate 0.5s linear infinite;
z-index: 1;
}
.elementor-widget.etheme-reloading {
--etheme-elementor-loader-size: 2rem;
}
.elementor-widget.etheme-reloading.elementor-widget-woocommerce-etheme_archive_products .elementor-widget-container:has(.woocommerce-product-search),
.elementor-widget.etheme-reloading.elementor-widget-woocommerce-etheme_product_grid .elementor-widget-container:has(.woocommerce-product-search),
.elementor-widget.etheme-reloading.elementor-widget-woocommerce-etheme_product_list .elementor-widget-container:has(.woocommerce-product-search) {
min-height: 250px;
}
.elementor-widget.etheme-reloading:not(.etheme-skeleton-loading) .type-product:first-child,
.elementor-widget.etheme-reloading:not(.etheme-skeleton-loading) .type-post:first-child,
.elementor-widget.etheme-reloading:not(.etheme-skeleton-loading) .etheme-elementor-pagination,
.elementor-widget.etheme-reloading:not(.etheme-skeleton-loading) .etheme-elementor-lazy-button-wrapper {
opacity: 0;
visibility: hidden;
-webkit-transition: none;
transition: none;
}
.elementor-widget.etheme-reloading:not(.etheme-skeleton-loading) .type-product:not(:first-child),
.elementor-widget.etheme-reloading:not(.etheme-skeleton-loading) .type-post:not(:first-child) {
display: none;
}
.elementor-widget.etheme-reloading:not(.etheme-skeleton-loading) .etheme-product-grid,
.elementor-widget.etheme-reloading:not(.etheme-skeleton-loading) .etheme-product-list,
.elementor-widget.etheme-reloading:not(.etheme-skeleton-loading) .etheme-posts-wrapper {
grid-template-rows: 1fr;
}
.elementor-widget .type-product,
.elementor-widget .type-post {
-webkit-transition: var(--et_elementor-post-product-transition, all 0.225s linear, margin 0s);
transition: var(--et_elementor-post-product-transition, all 0.225s linear, margin 0s);
}
.elementor-widget .type-product.etheme-post-product-loading,
.elementor-widget .type-post.etheme-post-product-loading {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(var(--et_elementor-post-product-translate-y, 15px));
transform: translateY(var(--et_elementor-post-product-translate-y, 15px));
}
.elementor-widget.etheme-skeleton-loaded {
--et_elementor-post-product-transition: none;
--et_elementor-post-product-translate-y: 0px;
}
.elementor-widget.etheme-skeleton-loaded .etheme-post-product-loading {
-webkit-animation: et-fadeIn 0.45s linear;
animation: et-fadeIn 0.45s linear;
}
.elementor-widget.etheme-skeleton-loading {
--et_link-color: transparent;
--et_yellow-color: transparent;
--et_active-color: transparent;
--etheme-elementor-loader-size: 0px;
}
.elementor-widget.etheme-skeleton-loading .star-rating {
--et_yellow-color: transparent;
--et_border-color: transparent;
}
.elementor-widget.etheme-skeleton-loading .etheme-product-grid-item {
display: block;
opacity: 1;
visibility: visible;
background-image: none !important;
}
.elementor-widget.etheme-skeleton-loading .etheme-product-grid-item.type-list,
.elementor-widget.etheme-skeleton-loading .etheme-product-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.elementor-widget.etheme-skeleton-loading .etheme-product-grid-image,
.elementor-widget.etheme-skeleton-loading .etheme-product-grid-content > *,
.elementor-widget.etheme-skeleton-loading .etheme-product-grid-content .star-rating,
.elementor-widget.etheme-skeleton-loading .etheme-product-list-image,
.elementor-widget.etheme-skeleton-loading .etheme-product-list-content > *,
.elementor-widget.etheme-skeleton-loading .etheme-product-list-content .star-rating,
.elementor-widget.etheme-skeleton-loading .etheme-post-image-wrapper,
.elementor-widget.etheme-skeleton-loading .etheme-post-content > *,
.elementor-widget.etheme-skeleton-loading .etheme-elementor-pagination ul .page-numbers {
-webkit-transition: none;
transition: none;
background: var(--et_light-color);
background: linear-gradient(110deg, var(--et_light-color) 8%, var(--et_white-2-dark) 15%, var(--et_light-color) 33%);
background-size: 200% 100%;
-webkit-animation: etheme-elementor-skeleton-anim 1.5s linear infinite;
animation: etheme-elementor-skeleton-anim 1.5s linear infinite;
color: transparent !important;
}
.elementor-widget.etheme-skeleton-loading .etheme-product-grid-content,
.elementor-widget.etheme-skeleton-loading .etheme-product-grid-content .star-rating-wrapper,
.elementor-widget.etheme-skeleton-loading .etheme-product-list-content,
.elementor-widget.etheme-skeleton-loading .etheme-product-list-content .star-rating-wrapper,
.elementor-widget.etheme-skeleton-loading .etheme-post-content {
background: transparent !important;
}
.elementor-widget.etheme-skeleton-loading a,
.elementor-widget.etheme-skeleton-loading span {
-webkit-transition: none;
transition: none;
color: transparent !important;
pointer-events: none;
}
.elementor-widget.etheme-skeleton-loading .et_st-default-holder,
.elementor-widget.etheme-skeleton-loading .quantity-wrapper > *,
.elementor-widget.etheme-skeleton-loading img,
.elementor-widget.etheme-skeleton-loading footer {
-webkit-transition: none;
transition: none;
opacity: 0;
visibility: hidden;
}
@-webkit-keyframes etheme-elementor-skeleton-anim {
to {
background-position-x: -200%;
}
}
@keyframes etheme-elementor-skeleton-anim {
to {
background-position-x: -200%;
}
}
.elementor-widget.etheme-loading > .elementor-widget-container,
[data-elementor-type].etheme-loading {
opacity: 0.5;
}
.etheme-elementor-lazy-button {
position: relative;
background-color: #000;
}
.etheme-elementor-lazy-button:hover {
background-color: #333;
}
.etheme-elementor-lazy-button.loading span {
color: transparent !important;
}
.etheme-elementor-lazy-button.loading:before {
opacity: 1;
visibility: visible;
}
.etheme-elementor-lazy-button:before {
opacity: 0;
visibility: hidden;
}
.etheme-elementor-lazy-button.navigation-type-scroll {
display: inline-block;
font-size: var(--etheme-elementor-loader-size, 1.5rem);
height: var(--etheme-elementor-loader-size, 1.5rem);
}
.etheme-elementor-lazy-button.navigation-type-button {
--etheme-elementor-loader-size: 1em;
--etheme-elementor-loader-color: currentColor;
}
.etheme-elementor-lazy-button-wrapper {
margin: 40px 0 20px;
line-height: 1;
--etheme-elementor-loader-color: #555;
--etheme-elementor-loader-color-active: transparent;
-webkit-transition: all 0.225s linear, margin 0s;
transition: all 0.225s linear, margin 0s;
}
.etheme-elementor-lazy-progress-wrapper {
margin-bottom: 20px;
color: var(--et_font-color);
}
.etheme-elementor-lazy-progress-bar {
position: relative;
display: block;
background: #f1f1f1;
padding: var(--progress-inner-space, 0);
margin: var(--progress-space, 15px) auto;
border-radius: var(--progress-radius, 3px);
max-width: var(--progress-max-width, 350px);
}
.etheme-elementor-lazy-progress-bar-inner {
position: relative;
display: block;
height: var(--progress-height, 4px);
background: var(--progress-active-color, var(--et_dark-2-white));
border-radius: inherit;
-webkit-transition: width 1.5s linear;
transition: width 1.5s linear;
}
.etheme-elementor-lazy-progress-bar-inner:after {
content: '';
display: inline-block;
position: absolute;
background: inherit;
width: var(--progress-height, 4px);
right: 0;
top: calc(var(--progress-height,4px) / -2);
bottom: calc(var(--progress-height,4px) / -2);
}
.etheme-elementor-lazy-progress-bar-inner.finished:after {
display: none;
}
.etheme-elementor-pagination {
margin: 40px 0 20px;
--etheme-elementor-pagination-size: 2.57rem;
-webkit-transition: all 0.225s linear, margin 0s;
transition: all 0.225s linear, margin 0s;
}
.etheme-elementor-pagination ul {
list-style: none;
padding: 0;
display: grid;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-template-columns: repeat(auto-fit, var(--etheme-elementor-pagination-size));
grid-template-rows: repeat(auto-fit, var(--etheme-elementor-pagination-size));
grid-gap: var(--etheme-elementor-pagination-gap, 10px);
}
.etheme-elementor-pagination ul li {
margin: 0;
}
.etheme-elementor-pagination ul .page-numbers {
font-size: 0.85rem;
width: var(--etheme-elementor-pagination-size);
height: var(--etheme-elementor-pagination-size);
border: 1px solid var(--et_border-color);
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
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-elementor-pagination ul .current,
.etheme-elementor-pagination ul .page-numbers:hover {
color: #fff;
background-color: var(--et_active-color);
border-color: var(--et_active-color);
}
.etheme-grid {
display: grid;
grid-template-columns: repeat(var(--cols, 3), minmax(100px, 1fr));
grid-gap: var(--rows-gap, 20px) var(--cols-gap, 30px);
}
.etheme-grid > .etheme-grid {
grid-template-columns: 1fr;
}
.etheme-masonry {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.etheme-image-hover img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.etheme-image-hover-scaleIn img,
.etheme-image-hover-scaleOut img {
width: 100%;
}
.etheme-image-hover-scaleIn:hover img,
.etheme-image-hover-scaleIn.active img,
.etheme-image-hover-scaleOut:not(:hover):not(.active) img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.etheme-image-hover-slideRtl img {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
width: calc(100% + 30px);
max-width: calc(100% + 30px);
}
.etheme-image-hover-slideRtl:not(:hover):not(.active) img {
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
.etheme-image-hover-slideScaleOut img {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
width: calc(100% + 60px);
max-width: calc(100% + 60px);
}
.etheme-image-hover-slideScaleOut:not(:hover):not(.active) img {
-webkit-transform: translateX(-30px) scale(1.15);
transform: translateX(-30px) scale(1.15);
}
.etheme-elementor-tab {
display: inline-block;
text-align: var(--etheme-tab-align, center);
position: relative;
padding: 5px 0;
margin: 0 var(--etheme-tabs-space, 15px);
cursor: pointer;
-webkit-transition: all 0.3s, border 0s;
transition: all 0.3s, border 0s;
}
.etheme-elementor-tabs-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 calc(var(--etheme-tabs-space, 15px) * -1);
margin-top: var(--etheme-tabs-space-top, 0);
margin-bottom: var(--etheme-tabs-space-bottom, 20px);
}
.etheme-elementor-tab:hover,
.etheme-elementor-tab-active {
color: #000;
}
.etheme-elementor-tab-text:only-child {
margin-left: 0 !important;
margin-right: 0 !important;
}
.etheme-elementor-tab-content:not(.etheme-elementor-tab-content-active) {
display: none;
}
@media only screen and (min-width: 768px) {
.etheme-elementor-tabs-vertical {
--etheme-tabs-space: 5px;
--etheme-tab-align: start;
}
.etheme-elementor-tabs-simple .etheme-elementor-tabs-wrapper {
margin-left: calc(var(--etheme-tabs-space,5px) * -1);
margin-right: calc(var(--etheme-tabs-space,5px) * -1);
}
.etheme-elementor-tabs-simple .etheme-elementor-tab {
margin: 0 var(--etheme-tabs-space, 5px);
}
}
.etheme-elementor-tabs-simple .etheme-elementor-tab {
padding: 7px 15px;
border-radius: 30px;
}
.etheme-elementor-tabs-simple .etheme-elementor-tab svg {
width: 1em;
height: 1em;
}
.etheme-elementor-tabs-simple .etheme-elementor-tab-active,
.etheme-elementor-tabs-simple .etheme-elementor-tab:hover {
color: #fff;
fill: currentColor;
background-color: #000;
}
.etheme-elementor-tabs-underline .etheme-elementor-tab:after,
.etheme-elementor-tabs-overline .etheme-elementor-tab:after,
.etheme-elementor-tabs-folders .etheme-elementor-tab:after {
content: '';
bottom: 0;
height: var(--etheme-tabs-line-weight, 2px);
background: var(--etheme-tabs-line-color, currentColor);
left: auto;
right: 0;
width: 0;
position: absolute;
-webkit-transition: inherit;
transition: inherit;
}
.etheme-elementor-tabs-underline .etheme-elementor-tab:hover,
.etheme-elementor-tabs-overline .etheme-elementor-tab:hover,
.etheme-elementor-tabs-folders .etheme-elementor-tab:hover,
.etheme-elementor-tabs-underline .etheme-elementor-tab-active,
.etheme-elementor-tabs-overline .etheme-elementor-tab-active,
.etheme-elementor-tabs-folders .etheme-elementor-tab-active {
color: #000;
}
.etheme-elementor-tabs-underline .etheme-elementor-tab:hover:after,
.etheme-elementor-tabs-overline .etheme-elementor-tab:hover:after,
.etheme-elementor-tabs-folders .etheme-elementor-tab:hover:after,
.etheme-elementor-tabs-underline .etheme-elementor-tab-active:after,
.etheme-elementor-tabs-overline .etheme-elementor-tab-active:after,
.etheme-elementor-tabs-folders .etheme-elementor-tab-active:after {
width: 100%;
left: 0;
right: auto;
}
.etheme-elementor-tabs-overline .etheme-elementor-tab:after {
top: 0;
bottom: auto;
}
.etheme-elementor-tabs-folders {
--etheme-tabs-space: 0px;
--etheme-tabs-space-bottom: 0;
}
.etheme-elementor-tabs-folders .etheme-elementor-tab {
color: #888;
background: #fafafa;
border: 1px solid var(--etheme-tabs-border-color, #e1e1e1);
padding: 7px 15px;
margin: 0;
margin-bottom: -1px;
}
.etheme-elementor-tabs-folders .etheme-elementor-tab + .etheme-elementor-tab {
border-left: none;
}
.etheme-elementor-tabs-folders .etheme-elementor-tab-active {
color: #000;
background: #fff;
border-bottom: none;
}
.etheme-elementor-tabs-folders .etheme-elementor-tab:after {
top: -1px;
bottom: auto;
}
.etheme-elementor-tabs-horizontal.etheme-elementor-tabs-folders {
--etheme-tabs-space: 0px;
}
@media only screen and (min-width: 768px) {
.etheme-elementor-tabs-vertical {
--etheme-tabs-space-bottom: 0;
}
.etheme-elementor-tabs-vertical .elementor-widget-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.etheme-elementor-tabs-vertical .etheme-elementor-tabs-wrapper {
-ms-flex-preferred-size: var(--etheme-tabs-width-proportion, 20%);
flex-basis: var(--etheme-tabs-width-proportion, 20%);
margin: calc(var(--etheme-tabs-space, 15px) * -1) 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.etheme-elementor-tabs-vertical .etheme-elementor-tabs-wrapper ~ .etheme-elementor-tab-content {
-ms-flex-preferred-size: calc(100% - var(--etheme-tabs-width-proportion, 20%));
flex-basis: calc(100% - var(--etheme-tabs-width-proportion, 20%));
-webkit-padding-start: 30px;
padding-inline-start: 30px;
}
.etheme-elementor-tabs-vertical .etheme-elementor-tab {
width: 100%;
padding: 7px 15px;
margin: var(--etheme-tabs-space, 15px) 0;
}
.etheme-elementor-tabs-vertical .etheme-elementor-tab:after {
width: var(--etheme-tabs-line-weight, 2px);
top: 0;
bottom: auto;
left: auto;
right: 0;
height: 0;
}
.etheme-elementor-tabs-vertical .etheme-elementor-tab-active:after,
.etheme-elementor-tabs-vertical .etheme-elementor-tab:hover:after {
height: 100%;
width: var(--etheme-tabs-line-weight, 2px);
bottom: 0;
top: auto;
right: 0;
left: auto;
}
.etheme-elementor-tabs-vertical.etheme-elementor-tabs-overline .etheme-elementor-tab:after {
left: 0;
right: auto;
}
.etheme-elementor-tabs-vertical.etheme-elementor-tabs-folders .etheme-elementor-tab + .etheme-elementor-tab {
border-left: 1px solid var(--etheme-tabs-border-color, #e1e1e1);
border-top: none;
}
.etheme-elementor-tabs-vertical.etheme-elementor-tabs-folders .etheme-elementor-tab-active {
border-bottom: 1px solid var(--etheme-tabs-border-color, #e1e1e1);
}
}
@media only screen and (max-width: 767px) {
.etheme-elementor-tabs-wrapper {
white-space: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow: auto;
overflow-y: hidden;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.etheme-tt-button {
display: inline-block;
cursor: pointer;
}
.etheme-tt-button-wrapper {
margin-top: 15px;
}
.etheme-toggle-short-content-wrapper p:last-child,
.etheme-toggle-long-content-wrapper p:last-child {
margin-bottom: 0;
}
.etheme-toggle-content-overlay {
position: relative;
}
.etheme-toggle-content-overlay:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: var(--overlay-height, 40px);
}
.etheme-toggle-content-overlay-white:after {
background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
background: linear-gradient(0deg, #ffffff, rgba(255, 255, 255, 0));
}
.etheme-toggle-content-overlay-dark:after {
background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
background: linear-gradient(0deg, #000000, rgba(0, 0, 0, 0));
}
.etheme-elementor-sticky-column > .elementor-column-wrap,
.etheme-elementor-sticky-column > .elementor-widget-wrap {
-ms-flex-item-align: start;
align-self: flex-start;
}
.etheme-elementor-sticky-column .is_stuck + div {
pointer-events: none;
}
.etheme-elementor-tooltip {
position: absolute;
z-index: 999;
padding: 5px 10px;
border-radius: 3px;
background-color: #000;
color: #fff;
text-align: center;
width: var(--et-tooltip-width, 150px);
-webkit-transition: all var(--et-tooltip-duration, 0.3s) linear;
transition: all var(--et-tooltip-duration, 0.3s) linear;
}
.etheme-elementor-tooltip p {
font: inherit;
line-height: inherit;
color: inherit;
}
.etheme-elementor-tooltip p:last-child {
margin-bottom: 0;
}
.etheme-elementor-tooltip:not(.etheme-elementor-tooltip-arrow) {
--et-tooltip-arrow-size: 0px;
}
.etheme-elementor-tooltip:not(.etheme-elementor-tooltip-arrow):after {
display: none;
}
.etheme-elementor-tooltip:after {
border-width: var(--et-tooltip-arrow-size, 5px);
border-style: solid;
content: '';
position: absolute;
}
.etheme-elementor-tooltip[data-position=top],
.etheme-elementor-tooltip[data-position=bottom] {
left: calc(50% - var(--et-tooltip-offset-2, 0px));
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.etheme-elementor-tooltip[data-position=top] {
bottom: calc(100% + var(--et-tooltip-offset, 0px) + var(--et-tooltip-arrow-size,5px));
}
.etheme-elementor-tooltip[data-position=top]:after {
top: 100%;
right: unset;
bottom: unset;
left: calc(50% - var(--et-tooltip-arrow-size, 5px));
border-color: var(--et-tooltip-arrow-color, #000) transparent transparent transparent;
}
.etheme-elementor-tooltip[data-position=bottom] {
top: calc(100% + var(--et-tooltip-offset, 0px) + var(--et-tooltip-arrow-size,5px));
}
.etheme-elementor-tooltip[data-position=bottom]:after {
bottom: 100%;
right: unset;
top: unset;
left: calc(50% - var(--et-tooltip-arrow-size, 5px));
border-color: transparent transparent var(--et-tooltip-arrow-color, #000) transparent;
}
.etheme-elementor-tooltip[data-position=left],
.etheme-elementor-tooltip[data-position=right] {
top: calc(50% - var(--et-tooltip-offset-2, 0px));
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.etheme-elementor-tooltip[data-position=right] {
left: calc(100% + var(--et-tooltip-offset, 0px) + var(--et-tooltip-arrow-size,5px));
}
.etheme-elementor-tooltip[data-position=right]:after {
border-color: transparent var(--et-tooltip-arrow-color, #000) transparent transparent;
top: calc(50% - var(--et-tooltip-arrow-size, 5px));
right: 100%;
}
.etheme-elementor-tooltip[data-position=left] {
right: calc(100% + var(--et-tooltip-offset, 0px) + var(--et-tooltip-arrow-size,5px));
}
.etheme-elementor-tooltip[data-position=left]:after {
border-color: transparent transparent transparent var(--et-tooltip-arrow-color, #000);
top: calc(50% - var(--et-tooltip-arrow-size, 5px));
left: 100%;
}
.etheme-elementor-tooltip-hover:not(:hover) .etheme-elementor-tooltip,
.etheme-elementor-tooltip-click:not(.shown) .etheme-elementor-tooltip {
opacity: 0;
visibility: hidden;
}
.etheme-elementor-tooltip-hover:not(:hover) .etheme-elementor-tooltip[data-animation=none],
.etheme-elementor-tooltip-click:not(.shown) .etheme-elementor-tooltip[data-animation=none] {
opacity: 1;
visibility: visible;
}
.etheme-elementor-tooltip-hover:not(:hover) .etheme-elementor-tooltip[data-animation=bottom][data-position=top],
.etheme-elementor-tooltip-click:not(.shown) .etheme-elementor-tooltip[data-animation=bottom][data-position=top],
.etheme-elementor-tooltip-hover:not(:hover) .etheme-elementor-tooltip[data-animation=bottom][data-position=bottom],
.etheme-elementor-tooltip-click:not(.shown) .etheme-elementor-tooltip[data-animation=bottom][data-position=bottom] {
-webkit-transform: translateX(-50%) translateY(15px);
transform: translateX(-50%) translateY(15px);
}
.etheme-elementor-tooltip-hover:not(:hover) .etheme-elementor-tooltip[data-animation=bottom][data-position=left],
.etheme-elementor-tooltip-click:not(.shown) .etheme-elementor-tooltip[data-animation=bottom][data-position=left],
.etheme-elementor-tooltip-hover:not(:hover) .etheme-elementor-tooltip[data-animation=bottom][data-position=right],
.etheme-elementor-tooltip-click:not(.shown) .etheme-elementor-tooltip[data-animation=bottom][data-position=right] {
-webkit-transform: translateY(calc(-50% + 15px));
transform: translateY(calc(-50% + 15px));
}
.etheme-elementor-tooltip-hover:not(:hover) .etheme-elementor-tooltip[data-animation=auto][data-position=bottom],
.etheme-elementor-tooltip-click:not(.shown) .etheme-elementor-tooltip[data-animation=auto][data-position=bottom] {
-webkit-transform: translateX(-50%) translateY(15px);
transform: translateX(-50%) translateY(15px);
}
.etheme-elementor-tooltip-hover:not(:hover) .etheme-elementor-tooltip[data-animation=auto][data-position=top],
.etheme-elementor-tooltip-click:not(.shown) .etheme-elementor-tooltip[data-animation=auto][data-position=top] {
-webkit-transform: translateX(-50%) translateY(-15px);
transform: translateX(-50%) translateY(-15px);
}
.etheme-elementor-tooltip-hover:not(:hover) .etheme-elementor-tooltip[data-animation=auto][data-position=left],
.etheme-elementor-tooltip-click:not(.shown) .etheme-elementor-tooltip[data-animation=auto][data-position=left] {
-webkit-transform: translateY(-50%) translateX(-15px);
transform: translateY(-50%) translateX(-15px);
}
.etheme-elementor-tooltip-hover:not(:hover) .etheme-elementor-tooltip[data-animation=auto][data-position=right],
.etheme-elementor-tooltip-click:not(.shown) .etheme-elementor-tooltip[data-animation=auto][data-position=right] {
-webkit-transform: translateY(-50%) translateX(15px);
transform: translateY(-50%) translateX(15px);
}
.elementor-element.etheme-elementor-lazyBg,
.elementor-element.etheme-elementor-lazyBg > .elementor-widget-container,
.elementor-element.etheme-elementor-lazyBg > .elementor-widget-wrap {
background-image: none !important;
}
iframe.elementor-background-video-embed {
max-width: unset !important;
} .etheme-marquee {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap: var(--cols-gap, 10px);    }
.etheme-marquee-on-scroll[data-dir=ltr] {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.etheme-marquee-on-scroll .etheme-marquee-content {
-webkit-animation: none;
animation: none;
}
.etheme-marquee-on-scroll.etheme-marquee-pos-absolute .etheme-marquee-content:last-child {
position: static;
}
.etheme-marquee-content {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
gap: var(--cols-gap, 10px);
min-width: 100%;
-webkit-animation: et-marquee-rtl var(--animation-duration, 30s) linear infinite;
animation: et-marquee-rtl var(--animation-duration, 30s) linear infinite; }
@media (prefers-reduced-motion: reduce) {
.etheme-marquee-content {
-webkit-animation-play-state: paused !important;
animation-play-state: paused !important;
}
}
.etheme-marquee-item,
.etheme-marquee-item_sep {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
text-align: center;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-marquee-item_sep svg {
width: 1em;
height: 1em;
fill: currentColor;
}
.etheme-marquee-item a {
color: currentColor;
}
.etheme-marquee-item p:last-child {
margin-bottom: 0;
}
.etheme-marquee-reverse .etheme-marquee-content {
animation-direction: reverse;
}
.etheme-marquee-hover-pause:hover .etheme-marquee-content {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.etheme-marquee-fit-content {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.etheme-marquee-pos-absolute .etheme-marquee-content:last-child {
position: absolute;
top: 0;
left: 0;
-webkit-animation-name: et-marquee-ltr;
animation-name: et-marquee-ltr;
}
@-webkit-keyframes et-marquee-rtl {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(calc(-100% - var(--cols-gap, 10px)));
transform: translateX(calc(-100% - var(--cols-gap, 10px)));
}
}
@keyframes et-marquee-rtl {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(calc(-100% - var(--cols-gap, 10px)));
transform: translateX(calc(-100% - var(--cols-gap, 10px)));
}
}
@-webkit-keyframes et-marquee-ltr {
from {
-webkit-transform: translateX(calc(100% + var(--cols-gap, 10px)));
transform: translateX(calc(100% + var(--cols-gap, 10px)));
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes et-marquee-ltr {
from {
-webkit-transform: translateX(calc(100% + var(--cols-gap, 10px)));
transform: translateX(calc(100% + var(--cols-gap, 10px)));
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.elementor-widget-search-form input,
.elementor-widget-search-form button {
height: auto;
}
.elementor-widget .sales-booster-safe-checkout,
.elementor-widget .sales-booster-quantity-discounts-wrapper,
.elementor-widget .bought-together-products {
margin: 0;
}
.content-page .elementor-widget .sales-booster-cart-countdown {
border: none;
}
.elementor-widget .sales-booster-cart-countdown {
padding: 0;
margin: 0;
border: none;
}
.elementor-widget-woocommerce-product-add-to-cart .et-or-wrapper {
display: none;
}
.elementor-widget-woocommerce-product-add-to-cart .et-single-buy-now {
-ms-flex-item-align: center;
align-self: center;
}
.elementor-widget-woocommerce-product-etheme_sticky_cart .etheme-sticky-cart .et_column {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.elementor-widget .sales-booster-live-viewing,
.elementor-widget .sales-booster-total-sales,
.elementor-widget div.sales-booster-estimated-delivery,
.elementor-widget-woocommerce-product-etheme_short_description .woocommerce-product-details__short-description > p:last-child,
.elementor-widget-woocommerce-product-etheme_reviews .form-submit,
.elementor-widget-woocommerce-product-etheme_stock .stock {
margin-bottom: 0;
}
.elementor-widget-woocommerce-product-meta,
.elementor-widget-woocommerce-product-etheme_meta {
color: var(--et_dark-2-white);
font-size: 1.14rem;
}
.elementor-widget-woocommerce-product-meta .product_meta,
.elementor-widget-woocommerce-product-etheme_meta .product_meta,
.elementor-widget-woocommerce-product-meta .product_meta .detail-label,
.elementor-widget-woocommerce-product-etheme_meta .product_meta .detail-label {
font-size: inherit;
color: inherit;
}
.elementor-widget-woocommerce-product-meta .product_meta > span,
.elementor-widget-woocommerce-product-etheme_meta .product_meta > span {
margin-bottom: 0;
}
.elementor-widget-woocommerce-product-meta .product_meta .detail-label,
.elementor-widget-woocommerce-product-etheme_meta .product_meta .detail-label {
-webkit-padding-start: 0;
padding-inline-start: 0;
-webkit-padding-end: 3px;
padding-inline-end: 3px;
}
.elementor-widget-woocommerce-product-meta .product_meta .detail-content > :first-child,
.elementor-widget-woocommerce-product-etheme_meta .product_meta .detail-content > :first-child {
-webkit-padding-start: 0;
padding-inline-start: 0;
-webkit-padding-end: 0;
padding-inline-end: 0;
}
.elementor-widget-woocommerce-product-meta .product_meta,
.elementor-widget-woocommerce-product-etheme_meta .product_meta,
.elementor-widget-woocommerce-product-meta .product_meta > .detail-container:last-child,
.elementor-widget-woocommerce-product-etheme_meta .product_meta > .detail-container:last-child {
margin-bottom: 0;
}
.elementor-widget-woocommerce-product-meta:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:first-child),
.elementor-widget-woocommerce-product-etheme_meta:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:first-child) {
margin-top: 10px;
}
.elementor-widget-woocommerce-product-rating .star-rating {
width: auto;
margin-bottom: 0;
}
.woocommerce:not(.rtl) .elementor-widget-woocommerce-product-rating .star-rating {
margin-left: 0;
margin-right: 7px;
}
.woocommerce.rtl .elementor-widget-woocommerce-product-rating .star-rating {
margin-left: 7px;
margin-right: 0;
}
.elementor-widget-woocommerce-product-price .price,
.elementor-widget-woocommerce-product-etheme_price .price {
margin-bottom: 0;
}
.elementor-widget-woocommerce-product-price .price ins,
.elementor-widget-woocommerce-product-etheme_price .price ins {
color: var(--et_active-color);
}
.elementor-widget-woocommerce-product-price .price ins .amount,
.elementor-widget-woocommerce-product-etheme_price .price ins .amount {
color: currentColor;
}
.elementor-widget-woocommerce-product-etheme_product_images img.zoomImg {
pointer-events: none;
}
.elementor-widget-woocommerce-product-etheme_product_images .swiper-control-bottom {
margin-bottom: 0;
}
.elementor-widget-woocommerce-product-etheme_add_to_cart .single_add_to_cart_button:before {
display: none;
}
.elementor-widget-woocommerce-product-etheme_add_to_cart.vertical-variations form.cart table.variations th.label,
.elementor-widget-woocommerce-product-etheme_add_to_cart.vertical-variations form.cart table.variations td.value {
width: auto;
display: block;
text-align: start;
padding: 0;
}
.elementor-widget-woocommerce-product-etheme_add_to_cart.vertical-variations form.cart table.variations select {
margin-bottom: 10px;
}
.elementor-widget-woocommerce-product-etheme_add_to_cart.vertical-variations form.cart table.variations a.reset_variations {
margin-left: 0;
margin-right: 0;
margin-top: 15px;
}
.elementor-widget-woocommerce-product-etheme_add_to_cart:not(.vertical-variations) select {
-webkit-margin-start: auto;
margin-inline-start: auto;
}
.elementor-widget-woocommerce-product-etheme_sales_booster_safe_checkout .sales-booster-safe-checkout {
margin: 0;
}
body.woocommerce div.product .elementor-widget-woocommerce-product-etheme_tabs .woocommerce-tabs .panel {
border: none;
margin: 0;
}
body.woocommerce div.product .elementor-widget-woocommerce-product-etheme_tabs .form-submit {
margin-bottom: 0;
}
.elementor-widget-woocommerce-etheme_breadcrumb .page-heading a,
.single .elementor-widget-woocommerce-etheme_breadcrumb .page-heading a {
color: currentColor;
}
.elementor-widget-woocommerce-etheme_breadcrumb .page-heading {
margin-bottom: 0;
--page-heading-link-opacity-hover: 1;
--page-heading-bg: none;
background-color: transparent;
}
.elementor-widget-woocommerce-etheme_breadcrumb .page-heading .container {
max-width: unset;
}
.elementor-widget-woocommerce-etheme_breadcrumb .page-heading .container,
.elementor-widget-woocommerce-etheme_breadcrumb .page-heading .row,
.elementor-widget-woocommerce-etheme_breadcrumb .page-heading .col-md-12 {
padding: 0;
margin: 0 auto;
}
body:not(.rtl) .elementor-widget-woocommerce-etheme_breadcrumb .page-heading a.back-history {
right: 0;
}
body.rtl .elementor-widget-woocommerce-etheme_breadcrumb .page-heading a.back-history {
left: 0;
}
.elementor-widget-woocommerce-etheme_breadcrumb .bbp-breadcrumb,
.elementor-widget-woocommerce-etheme_breadcrumb .breadcrumbs,
.elementor-widget-woocommerce-etheme_breadcrumb .page-heading .title,
.elementor-widget-woocommerce-etheme_breadcrumb .woocommerce-breadcrumb {
text-transform: inherit;
}
.elementor-widget-etheme_tag_cloud {
--tagcloud-font-size: inherit;
}
.elementor-widget-etheme_tag_cloud .tagcloud {
margin: 0 calc(var(--cols-gap, 10px) / 2 * -1) calc(var(--rows-gap, 10px) * -1);
}
.elementor-widget-etheme_tag_cloud .tagcloud a {
margin: 0 calc(var(--cols-gap, 10px) / 2);
margin-bottom: var(--rows-gap, 10px);
}
.elementor-widget-etheme_tag_cloud .tagcloud .tag-cloud-link-separator {
font-size: var(--tagcloud-separator-size, 1em);
vertical-align: middle;
}
.elementor-widget-etheme_tag_cloud .tagcloud .tag-cloud-link-separator svg {
width: 1em;
height: 1em;
}
.elementor-widget-etheme_tag_cloud .tagcloud .tag-cloud-link-separator img {
max-width: 1em;
max-height: 1em;
}
.elementor-widget-etheme_tag_cloud ul li {
margin-bottom: 0;
}
.elementor-widget-etheme_tag_cloud ul li a {
--tagcloud-color-hover: var(--et_dark-2-white);
--tagcloud-bg-color-hover: transparent;
background: none;
padding: 0;
border: none;
}
.elementor-widget-woocommerce-archive-etheme_product_per_page .products-per-page {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.elementor-widget-woocommerce-archive-etheme_product_per_page .products-per-page > span {
-webkit-margin-end: 10px;
margin-inline-end: 10px;
}
.elementor-widget-woocommerce-cart .et-cart-progress {
margin-bottom: 20px;
}
.elementor-widget-woocommerce-cart .woocommerce .coupon .form-row {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.elementor-widget-woocommerce-cart .woocommerce .return-shop {
margin-top: 15px;
}
.elementor-widget-woocommerce-cart .woocommerce .coupon button.button {
background-color: var(--et_btn-bordered-bg-color);
color: var(--forms-buttons-normal-text-color, var(--et_btn-bordered-color));
border-radius: var(--forms-buttons-border-radius, 0);
padding: var(--forms-buttons-padding, 0.75rem 2.2rem);
border-width: 1px;
border-color: var(--forms-buttons-border-color, var(--et_btn-bordered-br-color-hover));
}
.elementor-widget-woocommerce-cart .woocommerce .coupon .input-text,
.elementor-widget-woocommerce-cart .woocommerce .coupon select {
color: var(--forms-fields-normal-color, var(--et_main-color));
background-color: var(--et_inputs-bg-color, var(--et_white-2-light-dark));
border: 1px solid var(--et_inputs-border-color, var(--et_border-color));
border-radius: var(--forms-fields-border-radius, var(--et_inputs-border-radius, 0));
padding: var(--forms-fields-padding, 0 1.07em);
}
.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .button.checkout-button {
padding: var(--checkout-button-padding, 0.95rem 2.2rem);
font-size: 14px;
color: var(--checkout-button-normal-text-color, var(--et_btn-dark-color));
background-color: var(--et_btn-dark-bg-color);
border-radius: var(--checkout-button-border-radius, 0);
}
.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .button.checkout-button:hover {
color: var(--checkout-button-hover-text-color, var(--et_btn-dark-color-hover));
background-color: var(--et_btn-dark-bg-color-hover);
border-color: var(--checkout-button-hover-border-color, var(--et_btn-dark-br-color-hover));
}
.elementor-widget-woocommerce-cart .woocommerce .content-product {
--links-normal-color: var(--et_main-color);
--links-hover-color: var(--et_main-color);
}
.elementor-widget-woocommerce-cart .woocommerce .content-product .product-title {
--links-normal-color: var(--et_link-color);
}
.elementor-widget-woocommerce-cart .woocommerce .content-product .button {
color: var(--et_btn-color);
background-color: var(--et_btn-bg-color);
}
.elementor-widget-woocommerce-cart .woocommerce .content-product .button:hover {
color: var(--et_btn-color-hover);
background-color: var(--et_btn-bg-color-hover);
}
.elementor-widget-woocommerce-cart.elementor-widget .woocommerce .cart_totals table.shop_table td .woocommerce-Price-amount,
.elementor-widget-woocommerce-cart.elementor-widget .woocommerce .cart_totals table.shop_table_responsive tr td:before {
font-weight: normal;
}
.elementor-widget-woocommerce-cart,
.elementor-widget-woocommerce-checkout-page {
--links-normal-color: var(--et_link-color);
--links-hover-color: var(--et_link-color-hover);
--order-summary-items-divider-weight: 0px;
--sections-padding: 0;
--sections-border-type: none;
}
.elementor-widget-woocommerce-cart-etheme_table .actions,
.elementor-widget-woocommerce-cart-etheme_table .coupon {
margin-bottom: 0;
}
.elementor-widget-woocommerce-cart-etheme_table .actions {
display: grid;
grid-gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 769px) {
.elementor-widget-woocommerce-cart-etheme_table .actions {
grid-template-columns: auto auto;
}
}
.elementor-widget-woocommerce-cart-etheme_table .actions > div:only-child {
text-align: start;
}
.elementor-widget-woocommerce-cart-etheme_table .actions-buttons {
display: grid;
grid-gap: inherit;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
grid-template-columns: auto auto;
}
.elementor-widget-woocommerce-cart-etheme_table .actions-buttons:has([name="update_cart"].hidden, [name="update_cart"]:first-child) {
grid-template-columns: auto;
}
@media only screen and (max-width: 768px) {
.elementor-widget-woocommerce-cart-etheme_table .actions-buttons:has([name="update_cart"].hidden, [name="update_cart"]:first-child) {
grid-template-columns: 1fr;
}
.elementor-widget-woocommerce-cart-etheme_table .actions-buttons:has([name="update_cart"].hidden, [name="update_cart"]:first-child) .clear-cart {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.elementor-widget-woocommerce-cart-etheme_table .actions .clear-cart,
.elementor-widget-woocommerce-cart-etheme_table .actions button[name=update_cart] {
margin-left: 0;
margin-right: 0;
}
.elementor-widget-woocommerce-cart-etheme_table .actions .clear-cart i,
.elementor-widget-woocommerce-cart-etheme_table .actions button[name=update_cart] i {
margin: 0;
}
.elementor-widget-woocommerce-my-account.elementor-widget {
--links-normal-color: var(--et_link-color);
--links-hover-color: var(--et_link-color-hover);
--tables-links-normal-color: var(--et_link-color);
--tables-links-hover-color: var(--et_link-color-hover);
--tabs-hover-color: var(--et_dark-2-white);
--tabs-active-color: var(--et_active-color);
--sections-border-type: none;
--sections-padding: 0;
}
.elementor-widget-woocommerce-my-account.elementor-widget .e-my-account-tab .woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation {
width: 100%;
}
.elementor-widget-woocommerce-my-account.elementor-widget .e-my-account-tab .woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation ul li a {
font-weight: normal;
}
.elementor-widget-woocommerce-my-account.elementor-widget .e-my-account-tab .woocommerce-MyAccount-content {
padding: 0;
}
.elementor-widget-woocommerce-my-account.elementor-widget .e-my-account-tab .woocommerce-MyAccount-content .product .content-product .product-details .product-title {
--links-normal-color: var(--et_link-color);
margin-top: 0;
margin-bottom: 0;
}
.elementor-widget-woocommerce-my-account.elementor-widget .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button {
background: var(--et_btn-dark-bg-color);
border-radius: var(--tables-button-border-radius);
border: 1px var(--tables-buttons-border-type, solid) var(--tables-buttons-border-color, var(--et_btn-dark-br-color));
color: var(--tables-button-normal-text-color, var(--et_btn-dark-color));
padding: var(--tables-button-padding, 0.75rem 2.2rem);
}
.elementor-widget-woocommerce-my-account.elementor-widget .MyAccount-dashboard-buttons {
margin-top: 1.43rem;
--links-normal-color: var(--et_btn-dark-color);
--links-hover-color: var(--et_btn-dark-color-hover);
}
.elementor-widget-woocommerce-my-account.elementor-widget .woocommerce .content-product .product-details .button {
color: var(--et_btn-color);
background-color: var(--et_btn-bg-color);
}
.elementor-widget-woocommerce-my-account.elementor-widget .woocommerce .content-product .product-details .button:hover {
color: var(--et_btn-color-hover);
background-color: var(--et_btn-bg-color-hover);
}
.elementor-widget-woocommerce-my-account.elementor-widget .woocommerce .content-product .footer-product {
--links-normal-color: #333333;
--links-hover-color: #333333;
}
.elementor-widget-woocommerce-my-account.elementor-widget .view-color-dark .content-product .footer-product {
--links-normal-color: #fff;
--links-hover-color: #fff;
}
.elementor-widget-woocommerce-my-account.e-my-account-tabs-horizontal .e-wc-account-tabs-nav .woocommerce-MyAccount-navigation-wrapper {
width: 100%;
margin: 0 0 30px;
border: none;
}
.elementor-widget-woocommerce-my-account.e-my-account-tabs-horizontal .e-wc-account-tabs-nav .woocommerce-MyAccount-navigation-wrapper .MyAccount-user-info {
display: none;
}
@media only screen and (max-width: 992px) {
.elementor-widget-woocommerce-my-account.e-my-account-tabs-horizontal .e-wc-account-tabs-nav .woocommerce-MyAccount-navigation ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-height: 993px) {
.elementor-widget-woocommerce-my-account.e-my-account-tabs-horizontal .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation-wrapper ~ .woocommerce-MyAccount-content {
width: 75%;
padding-top: 1.9em;
}
}
.elementor-products-grid ul.products.elementor-grid li.product .onsale {
padding: 3px 8px;
}
.elementor-editor-active .woocommerce-tabs:not(.loaded) {
opacity: 1;
visibility: visible;
}
.e-preview--show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-widget-et-advanced-tabs.elementor-hidden-tablet,
.e-preview--show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-widget-et-advanced-tabs.elementor-hidden-mobile {
display: inline-block;
}
.etheme-advanced-product-stock.style-06 {
font-size: 1.14rem;
color: var(--et_main-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
}
.etheme-advanced-product-stock-count {
display: inline-block;
}
.etheme-advanced-product-stock-in {
margin-right: 5px;
}
.etheme-advanced-product-stock-out .stock-count {
color: var(--et_font-color);
}
.etheme-add-to-cart-form form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-add-to-cart-form form .single_add_to_cart_button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-add-to-cart-form .woocommerce-variation-add-to-cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.etheme-add-to-cart-form .single_variation_wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.add-to-cart-button-stretched .etheme-add-to-cart-form form .add_to_cart_button,
.add-to-cart-button-stretched .etheme-add-to-cart-form form .single_add_to_cart_button:not(.et-single-buy-now) {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.add-to-cart-button-stretched .etheme-add-to-cart-form form .add_to_cart_button:last-child,
.add-to-cart-button-stretched .etheme-add-to-cart-form form .single_add_to_cart_button:not(.et-single-buy-now):last-child {
margin-left: 0;
margin-right: 0;
}
.add-to-cart-button-stretched .etheme-add-to-cart-form form .add_to_cart_button + .et-single-buy-now,
.add-to-cart-button-stretched .etheme-add-to-cart-form form .single_add_to_cart_button:not(.et-single-buy-now) + .et-single-buy-now {
margin-right: 0;
}
.add-to-cart-button-stretched .etheme-add-to-cart-form form .add_to_cart_button:nth-last-child(3),
.add-to-cart-button-stretched .etheme-add-to-cart-form form .add_to_cart_button:nth-last-child(4):has(+.added_to_cart) {
margin-left: 0;
margin-right: 0;
}
.buy-now-button-stretched .etheme-add-to-cart-form form .et-single-buy-now {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.buy-now-button-stretched .etheme-add-to-cart-form form .et-single-buy-now:last-child {
margin: 0;
}
@media only screen and (min-width: 992px) {
.etheme-product-review-columns-one #reviews #comments,
.etheme-product-review-columns-one #reviews #review_form_wrapper {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.etheme-product-review-columns-one #reviews #review_form_wrapper {
padding-top: var(--comments-columns-space, 30px);
}
}
.elementor-wc-products ul.products {
padding-left: 0;
padding-right: 0;
}
.etheme-elementor-grid-list-switcher {
display: grid;
grid-auto-flow: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
grid-gap: var(--items-gap, 5px);
font-size: 1.2rem;
line-height: 1;
}
.etheme-elementor-grid-list-switcher ul {
position: absolute;
padding: 10px 0;
top: 100%;
list-style: none;
-webkit-animation: et-dropdown 0.3s ease-in-out;
animation: et-dropdown 0.3s ease-in-out;
border: 1px solid var(--et_border-color);
width: 180px;
left: calc(50% - 90px);
z-index: 99;
background: var(--et_white-2-dark);
margin: 0;
border-radius: 3px;
overflow: hidden;
}
.etheme-elementor-grid-list-switcher ul li a {
display: inline-block;
width: 100%;
padding: 10px 15px;
}
.etheme-elementor-grid-list-switcher ul li:not(:first-child) {
margin-top: var(--dropdown-items-gap, 0px);
}
.etheme-elementor-grid-list-switcher a {
display: inline-block;
padding: 10px;
}
.etheme-elementor-grid-list-switcher .switcher-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-elementor-grid-list-switcher .switcher-active a {
color: var(--et_active-color);
}
.etheme-elementor-grid-list-switcher.with-separators > .switcher-wrapper:not(:last-child):after {
content: '';
-webkit-margin-start: var(--items-gap, 5px);
margin-inline-start: var(--items-gap, 5px);
-webkit-border-end: var(--items-sep-width, 1px) var(--items-sep-style, solid) var(--items-sep-color, var(--et_border-color));
border-inline-end: var(--items-sep-width, 1px) var(--items-sep-style, solid) var(--items-sep-color, var(--et_border-color));
height: 1.2em;
}
.etheme-elementor-grid-list-switcher .switch-more {
position: relative;
-ms-flex-item-align: center;
align-self: center;
}
.etheme-elementor-grid-list-switcher .switch-more:hover .et-down-arrow:before {
content: '\e903';
}
.etheme-elementor-grid-list-switcher .switch-more:not(:hover) ul {
display: none;
}
form.checkout:has(.design-type-multistep) {
counter-reset: multistep-section;
}
form.checkout:has(.design-type-multistep) .form-row:last-child {
--fields-v-gap: 0;
}
form.checkout:has(.design-type-multistep) .design-type-multistep {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
form.checkout:has(.design-type-multistep) .design-type-multistep .step-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
form.checkout:has(.design-type-multistep) .design-type-multistep .step-title:before {
counter-increment: multistep-section;
content: counter(multistep-section);
border: 1px solid var(--et_border-color);
font-size: 0.8em;
width: 1.8em;
height: 1.8em;
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;
border-radius: 50%;
-webkit-margin-end: 7px;
margin-inline-end: 7px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
form.checkout:has(.design-type-multistep) .design-type-multistep .step-title.inited:not(.opened) {
--widget-title-inner-space-bottom: 0px;
--widget-title-space-bottom: 0px;
--widget-title-border-width: 0px;
}
form.checkout:has(.design-type-multistep) .design-type-multistep .step-title.opened {
color: var(--widget-title-active-color, var(--et_dark-2-white));
cursor: default;
}
form.checkout:has(.design-type-multistep) .design-type-multistep .step-title.opened:before {
border-color: var(--widget-title-active-color, var(--et_dark-2-white));
color: var(--widget-title-counter-active-color, var(--et_white-2-dark));
background-color: var(--widget-title-active-color, var(--et_dark-2-white));
}
.xstore-stretch-section,
.elementor-slider-full-width .etheme-elementor-swiper-entry {
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: 100vw;
position: relative;
right: 50%;
width: 100vw;
}
.elementor-location-header:has(.add-overlay-body-on-hover, .add-overlay-body-on-focus):after,
.etheme-elementor-header-sticky.sticky-on .etheme-elementor-header-wrapper:has(.add-overlay-body-on-hover, .add-overlay-body-on-focus):after {
position: fixed;
width: 100vw;
top: 0;
background: var(--hover-overlay-color, rgba(17, 24, 39, 0.25));
content: '';
z-index: var(--hover-overlay-z-index, 97);
height: 100vh;
opacity: var(--hover-overlay-opacity, 0);
visibility: var(--hover-overlay-visiblity, hidden);
-webkit-transition: all 0.2s linear, background 0s;
transition: all 0.2s linear, background 0s;
pointer-events: none;
}
.elementor-location-header:has(.add-overlay-body-on-hover:hover, .add-overlay-body-on-hover.dropdown-click.dropdown-opened:hover, .add-overlay-body-on-focus.focused, .add-overlay-body-on-focus:focus, .add-overlay-body-on-focus:focus-within),
.etheme-elementor-header-sticky.sticky-on .etheme-elementor-header-wrapper:has(.add-overlay-body-on-hover:hover, .add-overlay-body-on-hover.dropdown-click.dropdown-opened:hover, .add-overlay-body-on-focus.focused, .add-overlay-body-on-focus:focus, .add-overlay-body-on-focus:focus-within) {
--hover-overlay-opacity: 1;
--hover-overlay-visiblity: visible;
}
.elementor-location-header:has(.add-overlay-body-on-hover.dropdown-click:not(.dropdown-opened):hover),
.etheme-elementor-header-sticky.sticky-on .etheme-elementor-header-wrapper:has(.add-overlay-body-on-hover.dropdown-click:not(.dropdown-opened):hover) {
--hover-overlay-opacity: 0;
--hover-overlay-visiblity: hidden;
}
.elementor-widget:has(.add-overlay-body-on-hover:not(.dropdown-click.dropdown-opened):hover),
.elementor-widget:has(.add-overlay-body-on-hover.dropdown-click:hover),
.elementor-widget:has(.add-overlay-body-on-focus:focus, .add-overlay-body-on-focus.focused) {
z-index: 98;
}
a > .elementor-author-box__name,
.elementor-icon-list-items .elementor-icon-list-item a .elementor-icon-list-text {
-webkit-transition: inherit;
transition: inherit;
}
@media (min-width: 1025px) {
.elementor-author-box--layout-image-outside.elementor-author-box--layout-image-above .elementor-author-box__avatar {
margin-top: calc(var(--img-size,100px)/-2);
}
body:not(.rtl) .elementor-author-box--layout-image-outside.elementor-author-box--layout-image-left .elementor-author-box__avatar {
margin-left: calc(var(--img-size, 100px) / -2) !important;
}
body:not(.rtl) .elementor-author-box--layout-image-outside.elementor-author-box--layout-image-right .elementor-author-box__avatar {
margin-right: calc(var(--img-size, 100px) / -2) !important;
}
body.rtl .elementor-author-box--layout-image-outside.elementor-author-box--layout-image-left .elementor-author-box__avatar {
margin-right: calc(var(--img-size, 100px) / -2) !important;
}
body.rtl .elementor-author-box--layout-image-outside.elementor-author-box--layout-image-right .elementor-author-box__avatar {
margin-left: calc(var(--img-size, 100px) / -2) !important;
}
}
.etheme-post-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-post-navigation__link {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.etheme-post-navigation a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.14rem;
}
.etheme-post-navigation__next {
text-align: end;
}
.etheme-post-navigation__next a:hover {
-webkit-transform: translateX(7px);
transform: translateX(7px);
}
.etheme-post-navigation__prev {
text-align: start;
}
.etheme-post-navigation__prev a:hover {
-webkit-transform: translateX(-7px);
transform: translateX(-7px);
}
.etheme-post-navigation__separator {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin-inline: 15px;
}
.etheme-post-navigation__separator .button-icon {
line-height: 1;
}
.etheme-post-navigation__prev .wp-post-image {
-webkit-margin-end: 10px;
margin-inline-end: 10px;
}
.etheme-post-navigation__next .wp-post-image {
-webkit-margin-start: 10px;
margin-inline-start: 10px;
}
.post-navigation__prev--label:first-child {
-webkit-margin-end: 10px;
margin-inline-end: 10px;
}
.post-navigation__prev--label:only-child {
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
}
.post-navigation__next--label:last-child {
-webkit-margin-start: 10px;
margin-inline-start: 10px;
}
.post-navigation__next--label:only-child {
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
}
.post-navigation__arrow-prev:not(:last-child) {
-webkit-margin-end: 10px;
margin-inline-end: 10px;
}
.post-navigation__arrow-next:not(:first-child) {
-webkit-margin-start: 10px;
margin-inline-start: 10px;
}
.post-navigation__arrow-wrapper:only-child {
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
}
.elementor-widget[class*=archive-etheme_description]:has(.elementor-etheme_woocommerce_archive_placeholder) {
display: none;
}
.single-etheme_slides .site-header,
.single-etheme_slides .elementor-location-header,
.single-etheme_slides .page-heading,
.single-etheme_slides .prefooter,
.single-etheme_slides .elementor-location-footer,
.single-etheme_slides .et-footers-wrapper,
.single-etheme_slides #sales-booster-popup,
.single-etheme_slides .et-mobile-panel-wrapper,
.single-etheme_slides .etheme-sales-booster-sticky-panel {
display: none !important;
}
.single-etheme_mega_menus .site-header,
.single-etheme_mega_menus .elementor-location-header,
.single-etheme_mega_menus .page-heading,
.single-etheme_mega_menus .prefooter,
.single-etheme_mega_menus .elementor-location-footer,
.single-etheme_mega_menus .et-footers-wrapper,
.single-etheme_mega_menus #sales-booster-popup,
.single-etheme_mega_menus .et-mobile-panel-wrapper,
.single-etheme_mega_menus .etheme-sales-booster-sticky-panel {
display: none !important;
} .et_image-with-hover img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.et_image-hover-2:hover img,
.et_image-hover-2.active img,
.et_image-hover-4:not(:hover):not(.active) img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.et_image-hover-6 img {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
width: calc(100% + 30px);
max-width: calc(100% + 30px);
}
.et_image-hover-6:not(:hover):not(.active) img {
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
.et_image-hover-5 img {
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
width: calc(100% + 60px);
max-width: calc(100% + 60px);
}
.et_image-hover-5:not(:hover):not(.active) img {
-webkit-transform: translateX(-30px) scale(1.15);
transform: translateX(-30px) scale(1.15);
} .banner {
position: relative;
overflow: hidden;
margin-bottom: 20px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.elementor-element .banner {
margin-bottom: 0;
}
.banner a:hover {
opacity: 0.9;
}
.banner img {
width: 100%;
height: auto;
}
.banner .banner-title {
display: block;
}
.banner .banner-subtitle {
font-size: 1rem;
display: block;
}
.banner .banner-title span,
.banner .banner-subtitle span {
display: inline-block;
}
.banner .banner-title:not(.no-uppercase),
.banner .banner-subtitle:not(.no-uppercase) {
text-transform: uppercase;
}
.banner .banner-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 15px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.banner .banner-content p {
line-height: 1.5;
}
.banner .banner-content .banner-subtitle,
.banner .banner-content .banner-title,
.banner .banner-content .content-inner {
position: relative;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
transition: transform 0.35s, opacity 0.35s;
transition: transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;
}
.banner .banner-button {
margin-top: 10px;
height: auto;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.banner.no-titles .banner-content .content-inner {
padding: 0 !important;
}
.banner.button-on-hover .button-wrap {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.banner.button-on-hover:not(:hover) .button-wrap {
opacity: 0;
visibility: hidden;
}
.banner.valign-bottom .banner-content {
top: auto;
bottom: 0;
}
.banner.valign-middle .banner-content {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner.font-style-light,
.banner.font-style-light h1,
.banner.font-style-light h2,
.banner.font-style-light h3,
.banner.font-style-light h4,
.banner.font-style-light h5,
.banner.font-style-light h6,
.banner.font-style-light p {
color: #fff;
}
.banner.with-diagonal:before {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 120%;
height: 100px;
background: rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.6s linear;
transition: all 0.6s linear;
z-index: 1;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translateY(-150%);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translateY(-150%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
pointer-events: none;
}
.banner.with-diagonal:hover:before,
.banner.with-diagonal.active:before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translateY(200%);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translateY(200%);
left: -100%;
top: 100%;
}
.banner.with-border:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid var(--et_border-color);
margin: -2px;
-webkit-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
pointer-events: none;
}
.banner.with-border:hover:after,
.banner.with-border.active:after {
margin: 10px;
}
.banner.text-effect-1:not(:hover):not(.active) .banner-content .content-inner {
opacity: 0;
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
.banner.text-effect-1:hover .banner-title,
.banner.text-effect-1.active .banner-title,
.banner.text-effect-1:hover .banner-subtitle,
.banner.text-effect-1.active .banner-subtitle {
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
}
.banner.text-effect-1 .banner-content .content-inner {
position: absolute;
left: 15px;
right: 15px;
}
.banner.content-effect-on-hover .banner-content > * {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.banner.content-effect-on-hover:not(:hover) .banner-content > * {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.banner.content-effect-on-hover:not(:hover) .banner-content .button-wrap {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
visibility: hidden;
}
.content-product .banner-type-1 img {
-webkit-transform: none !important;
transform: none !important;
}
.content-product .banner-type-1:before {
display: none;
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
.sidebar .banner .banner-content {
zoom: 0.8;
}
}
@media only screen and (max-width: 767px) {
.banner .banner-content,
.banner .banner-content .banner-subtitle {
text-align: center !important;
}
.banner .banner-content .banner-title {
text-align: center;
}
}
@media only screen and (max-width: 480px) {
.banner .banner-content,
.banner.banner-type-2 .banner-content .banner-subtitle {
text-align: center !important;
}
.banner.banner-type-1 .banner-subtitle {
font-size: 3vw;
}
.banner.banner-type-1 .content-inner p {
margin-bottom: 10px !important;
}
.banner-type-2:hover .banner-content h3 {
margin-bottom: 0;
}
.banner-type-2:hover .banner-content p,
.banner-type-2:hover .banner-content a.btn {
padding-top: 0;
}
.banner.banner-type-2.align-right .btn {
right: auto;
}
} .team-member {
text-align: center;
}
.team-member img {
opacity: 1;
}
.team-member .member-image {
position: relative;
display: inline-block;
margin-bottom: 10px;
overflow: hidden;
width: 100%;
}
.team-member .member-image:before {
content: '';
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
z-index: 1;
}
.team-member .member-image img {
width: 100%;
}
.team-member div.member-image:before {
background: var(--et_white-2-dark);
}
.team-member .member-content {
margin-top: 10px;
}
.team-member .member-content h3 {
color: var(--et_white-2-dark);
}
.team-member .member-content > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.team-member .member-content .btn {
margin-top: 10px;
}
> .team-member .member-content .btn {
margin-top: 0;
}
.team-member .member-content .et-follow-buttons {
position: absolute;
top: 50%;
margin-bottom: 0;
padding: 0 18px;
width: 100%;
left: 0;
z-index: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.team-member .member-content .et-follow-buttons a {
color: var(--et_active-color);
}
.team-member .member-content .et-follow-buttons a i {
-webkit-transition: inherit;
transition: inherit;
}
.team-member .member-content .et-follow-buttons:not(.icons-filled) a:hover i {
opacity: 0.7;
}
.team-member:not(:hover) .member-content .et-follow-buttons {
opacity: 0;
-webkit-transform: translateY(calc(-50% + 5px));
transform: translateY(calc(-50% + 5px));
}
.team-member .member-details {
font-size: 1.14rem;
color: var(--et_dark-2-white);
width: 100%;
}
.team-member .member-details h4 {
position: relative;
color: var(--et_main-color);
font-size: 1em;
margin-bottom: 2px;
cursor: default;
}
.team-member .member-details h5 {
font-size: 1em;
margin-bottom: 2px;
margin-top: 5px;
cursor: default;
color: var(--et_active-color);
}
.team-member .member-details .member-email {
margin-bottom: 5px;
display: inline-block;
width: 100%;
}
.team-member .member-details .member-email span {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.team-member .member-details .member-email a {
color: currentColor;
}
.team-member .member-details .member-content {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.team-member .member-details .et-follow-buttons {
margin-top: 5px;
}
.team-member:hover .member-image:before {
opacity: 0.5;
visibility: visible;
}
.team-member.member-type-2 > .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-left: 0;
margin-right: 0;
}
.team-member.member-type-2 .content-section {
padding: 30px 10px;
-webkit-transition: background 0.2s ease-out;
transition: background 0.2s ease-out;
position: relative;
max-width: 50%;
width: 50%;
background-color: #f5f5f5;
}
.team-member.member-type-2 .content-section:before {
opacity: 0;
content: "";
left: -17px;
position: absolute;
top: 50%;
margin-top: -12px;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 17px 12px 0;
border-top-color: transparent !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-right-color: var(--et_active-color);
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
z-index: 1;
}
.team-member.member-type-2 .content-section .member-details {
-webkit-transition: background 0.2s ease-out;
transition: background 0.2s ease-out;
}
.team-member.member-type-2 .content-section .member-details h4 {
font-size: 1.5em;
}
.team-member.member-type-2 .content-section .member-details h4,
.team-member.member-type-2 .content-section .member-details a,
.team-member.member-type-2 .content-section .member-details .member-position {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.team-member.member-type-2 .image-section {
padding: 0;
max-width: 50%;
}
.team-member.member-type-2 .image-section .member-image {
margin-bottom: 0;
display: block;
}
.team-member.member-type-2 .image-section .member-image img {
min-width: 100%;
}
.team-member.member-type-2:hover .image-section .member-image:after {
background-color: var(--et_dark-2-white) !important;
opacity: 0.35;
}
.team-member.member-type-2:hover .content-section {
background-color: var(--et_active-color);
}
.team-member.member-type-2:hover .content-section:before {
opacity: 1;
}
.team-member.member-type-2:hover .content-section .member-details,
.team-member.member-type-2:hover .content-section .member-details h4,
.team-member.member-type-2:hover .content-section .member-details a,
.team-member.member-type-2:hover .content-section .member-details span,
.team-member.member-type-2:hover .content-section .member-details .member-position {
color: #FFF;
}
.team-member.member-type-2.image-position-right > .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.team-member.member-type-2.image-position-right .content-section:before {
right: -17px;
left: auto;
margin-top: -9px;
top: 50%;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.team-member.member-type-3 .member-details {
position: relative;
padding: 15px 20px;
background-color: var(--et_white-2-dark-09);
-webkit-box-shadow: 0 0 3px 0 var(--et_dark-2-white-02);
box-shadow: 0 0 3px 0 var(--et_dark-2-white-02);
max-width: 85%;
margin: -15% auto 0;
z-index: 1;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.team-member.member-type-3:hover .member-details {
-webkit-transform: translateY(-7px);
transform: translateY(-7px);
}
@media only screen and (max-width: 992px) {
.team-member {
margin-bottom: 40px;
}
.team-member .member-image {
margin-bottom: 10px;
}
.team-member.member-type-2,
.team-member.member-type-2 .member-image {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.team-member.member-type-2 .image-section .menu-social-icons li i {
padding: 0.2em;
font-size: 1.1rem;
}
.team-member.member-type-2 .content-section .member-details h4 {
font-size: 20px;
}
.team-member.member-type-2 .content-section .member-details h5 {
font-size: 1rem;
}
}
@media only screen and (max-width: 480px) {
.team-member.member-type-2 > .row {
display: block;
}
.team-member.member-type-2 .content-section,
.team-member.member-type-2 .image-section {
width: 100%;
max-width: 100%;
float: none !important;
}
.team-member.member-type-2 .image-section .menu-social-icons li i {
font-size: 1.4rem;
}
.team-member.member-type-2 .content-section:before {
left: 50% !important;
right: auto;
margin-left: -9px !important;
margin-top: 0 !important;
top: -20px !important;
-webkit-transform: rotate(90deg) !important;
transform: rotate(90deg) !important;
}
}
.products-grid .et-timer,
.products-slider .et-timer {
margin: 15px auto 5px;
}
.products-grid .et-timer.type2 .timer-info,
.products-slider .et-timer.type2 .timer-info,
.products-grid .et-timer.type3 .timer-info,
.products-slider .et-timer.type3 .timer-info {
font-size: 1.1em;
}
.products-grid .et-timer.type2 .time-block,
.products-slider .et-timer.type2 .time-block,
.products-grid .et-timer.type3 .time-block,
.products-slider .et-timer.type3 .time-block {
font-size: 0.8em;
}
.products-grid .et-timer.type2 .time-block .timer-count,
.products-slider .et-timer.type2 .time-block .timer-count,
.products-grid .et-timer.type3 .time-block .timer-count,
.products-slider .et-timer.type3 .time-block .timer-count {
font-size: 1.5em;
}
.et-timer {
text-align: center;
margin: 20px auto 20px;
display: inline-block;
position: relative;
font-size: 15px;
}
.et-timer.type1 .time-block {
width: 8.667em;
height: 8.667em;
padding-top: 1.9em;
border-radius: 4px;
margin: 0 0.85em;
}
.et-timer.type1 .time-block:first-child {
margin-left: 0;
}
.et-timer.type1 .time-block:last-of-type {
margin-right: 0;
}
.et-timer.type2 .circle-box,
.et-timer.type3 .circle-box {
display: none;
}
.et-timer.type2 .time-block span,
.et-timer.type3 .time-block span {
padding: 0 0.5em;
}
.et-timer.type2 .time-block:not(:last-child) .timer-count {
position: relative;
}
.et-timer.type2 .time-block:not(:last-child) .timer-count:after {
content: ':';
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
color: currentColor;
}
.et-timer.type3 {
--et_main-color: var(--et_red-color);
--et_dark-color: var(--et_red-color);
}
.et-timer.type3 .timer-info {
color: var(--et_red-color);
}
.et-timer.type3 .time-block:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--et_red-color);
opacity: 0.1;
}
.et-timer.type3 .time-block {
padding: 1em 0;
}
.et-timer .time-block {
position: relative;
font-size: 1em;
color: rgba(255, 255, 255, 0.4);
display: inline-block;
text-transform: uppercase;
float: left;
}
.et-timer .time-block .timer-count {
font-size: 3em;
line-height: 1;
display: block;
margin-bottom: 5px;
}
.et-timer .timer-info {
font-size: 2em;
margin-bottom: 10px;
}
.et-timer .timer-info:empty {
display: none;
}
.et-timer .circle-box {
position: absolute;
left: 0;
top: 0;
width: 8.667em;
height: 8.667em;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.et-timer .circle-box:before {
content: "";
position: absolute;
width: 8.5em;
left: 1px;
top: 1px;
height: 8.5em;
border: 0.219em solid rgba(255, 255, 255, 0.2);
border-radius: 100%;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.et-timer .circle-box svg circle {
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset 1s linear;
transition: stroke-dashoffset 1s linear;
stroke-width: 0.22em;
stroke: #fff;
}
.et-timer .circle-box.stop-animation svg circle {
-webkit-transition: none;
transition: none;
}
.et-timer.dark .time-block {
color: #de5656;
}
.et-timer.dark .time-block .timer-count {
color: var(--et_dark-color);
}
.et-timer.dark .time-block .circle-box:before {
display: none;
}
.et-timer.dark .time-block .circle-box svg circle {
stroke: var(--et_active-color);
}
.et-timer.white .time-block:not(:last-child):after,
.et-timer.white .time-block .timer-count {
color: #fff;
}
.products-list .et-timer {
font-size: 10px;
}
.product-sale-counter {
width: 100%;
}
.product-sale-counter .time-block {
float: none;
color: var(--et_main-color) !important;
}
.product-sale-counter .time-block .timer-count {
color: var(--et_dark-color);
}
.product-information .product-sale-counter,
.et_product-block .product-sale-counter,
.products-list .product-sale-counter {
display: block;
text-align: left;
text-align: start;
margin: 15px auto 20px;
}
.product-information .product-sale-counter .time-block,
.et_product-block .product-sale-counter .time-block,
.products-list .product-sale-counter .time-block {
text-align: center;
}
.et-quick-view-wrapper .product-sale-counter {
margin-left: auto !important;
margin-right: auto !important;
}
.product-information .product-sale-counter,
.et_product-block .product-sale-counter,
.et-quick-view-wrapper .product-sale-counter {
font-size: 0.55rem;
}
@media only screen and (max-width: 1200px) {
.et-timer.type1 {
font-size: 6px;
}
}
@media only screen and (max-width: 992px) {
.et-timer.type1 {
font-size: 4.8px;
}
}
@media only screen and (max-width: 650px) {
.et-timer.type1 {
font-size: 4.5px;
}
}
@media only screen and (max-width: 480px) {
.et-timer.type1 .time-block {
padding-top: 16px;
font-size: 10px;
margin: 0 3px 10px 3px;
}
.et-timer.type1 .time-block .timer-count {
font-size: 18px;
margin-bottom: 0;
}
.et-timer.type1 .time-block,
.et-timer.type1 .time-block .circle-box,
.et-timer.type1 .time-block .circle-box:before {
width: 60px;
height: 60px;
}
.content-product .et-timer.product-sale-counter {
font-size: 12px;
}
.swiper-slide .et-timer {
font-size: 12px;
}
}
.elementor-element .categories-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.elementor-element .swiper-container .categories-grid {
-ms-flex-wrap: unset;
flex-wrap: unset;
}
.elementor-element .category-grid {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.elementor-element .category-grid.slide-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.elementor-element .category-grid > a {
position: relative;
width: 100%;
}
.elementor-element .category-grid > a img {
max-width: unset;
}
.elementor-element .category-grid.text-color-dark .count,
.elementor-element .category-grid.text-color-dark sup {
color: currentColor;
}
.elementor-element .category-grid .category-bg {
position: relative;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.elementor-element .category-grid .categories-mask {
padding: 10px 5px;
left: 0;
right: 0;
z-index: 1;
}
.elementor-element .category-grid.content-inside .categories-mask {
position: absolute;
left: 0;
right: 0;
}
.elementor-element .category-grid:not(.slide-item) .categories-mask {
left: 15px;
right: 15px;
}
.elementor-element .category-grid.valign-top .categories-mask {
top: 0;
}
.elementor-element .category-grid.valign-bottom .categories-mask {
bottom: 0;
}
.elementor-element .image-top .category-grid.category-list-item {
display: block;
}
.elementor-element .category-image-circle img {
position: absolute;
right: 0;
bottom: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-position: 50% 50%;
object-position: 50% 50%;
-o-object-fit: cover;
object-fit: cover;
}
.elementor-element .category-image-circle > a {
padding-top: 100%;
border-radius: 50%;
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.category-grid[data-hover="rtl"] .category-bg,
.category-grid[data-hover="ltr"] .category-bg,
.category-grid[data-hover="rtl"] img,
.category-grid[data-hover="ltr"] img {
width: calc(100% + 20px);
}
.category-grid[data-hover="rtl"]:not(:hover) img,
.category-grid[data-hover="rtl"]:not(:hover) .category-bg {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
.category-grid[data-hover="ltr"]:not(:hover) img,
.category-grid[data-hover="ltr"]:not(:hover) .category-bg {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
.category-grid[data-hover="ltr"] img {
position: relative;
}
.category-grid[data-hover="ltr"] .category-bg,
.category-grid[data-hover="ltr"] img {
left: -20px;
}
.category-grid[data-hover] img,
.category-grid[data-hover] .category-bg {
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0, 0, 0.44, 1.18);
transition: -webkit-transform 0.7s cubic-bezier(0, 0, 0.44, 1.18);
transition: transform 0.7s cubic-bezier(0, 0, 0.44, 1.18);
transition: transform 0.7s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 0.7s cubic-bezier(0, 0, 0.44, 1.18);
}
.category-grid[data-hover="zoom-in"]:hover img,
.category-grid[data-hover="zoom-in"]:hover .category-bg,
.category-grid[data-hover="zoom-out"]:not(:hover) img,
.category-grid[data-hover="zoom-out"]:not(:hover) .category-bg {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.category-grid[data-hover="border-in"] > a:after {
content: '';
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border: 1px solid #fff;
border-radius: inherit;
-webkit-transition: all 0.7s cubic-bezier(0, 0, 0.44, 1.18);
transition: all 0.7s cubic-bezier(0, 0, 0.44, 1.18);
}
.category-grid[data-hover="border-in"]:not(:hover) img,
.category-grid[data-hover="border-in"]:not(:hover) .category-bg {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.category-grid[data-hover="border-in"]:not(:hover) > a:after {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 0;
visibility: hidden;
}
.category-grid[data-overlay] > a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 1;
}
.category-grid[data-overlay]:hover > a:before {
background: rgba(0, 0, 0, 0.5);
}
.category-grid[data-content-hover="reveal"] .count,
.category-grid[data-content-hover="reveal"] .read-more-wrapper {
display: block !important;
-webkit-transition: all 0.7s ease-in-out, color 0.3s linear 0s;
transition: all 0.7s ease-in-out, color 0.3s linear 0s;
}
.category-grid .limit-link:hover {
opacity: 0.7;
}
.category-grid .read-more {
font-size: 1rem;
}
.category-grid .read-more:before {
width: 100%;
}
.category-grid[data-content-hover] .read-more {
color: currentColor;
}
.category-grid[data-content-hover] .read-more:before {
background-color: currentColor;
}
.category-grid[data-content-hover="reveal"]:not(:hover) .categories-mask .count,
.category-grid[data-content-hover="reveal"]:not(:hover) .categories-mask .read-more-wrapper {
max-height: 0;
opacity: 0;
margin: 0 !important;
}
.category-grid[data-content-hover="reveal"]:hover .categories-mask .count,
.category-grid[data-content-hover="reveal"]:hover .categories-mask .read-more-wrapper {
max-height: 50px;
}
.toggles-by-arrow .open-child {
width: 1em;
height: 1em;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.toggles-by-arrow .open-child::before {
left: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.toggles-by-arrow .open-child::after {
left: calc(50% - .18em);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.toggles-by-arrow .open-child:before,
.toggles-by-arrow .open-child:after {
content: "";
position: absolute;
width: 50%;
height: 1px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: currentColor;
}
.toggles-by-arrow .over > a .open-child:before,
.toggles-by-arrow .active:not(li) > a .open-child:before,
.toggles-by-arrow li.et-active > a .open-child:before {
left: 5%;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
width: 40%;
}
.toggles-by-arrow .over > a .open-child:after,
.toggles-by-arrow .active:not(li) > a .open-child:after,
.toggles-by-arrow li.et-active > a .open-child:after {
left: 45%;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
width: 40%;
}
@media only screen and (max-width: 600px) {
.etheme-elementor-header-sticky {
--wp-admin--admin-bar--height: 0.001px;
}
}
.etheme-elementor-header-wrapper > .etheme-elementor-header-sticky {
-webkit-transition: all 0.3s linear, -webkit-box-shadow 0s linear;
transition: all 0.3s linear, -webkit-box-shadow 0s linear;
transition: all 0.3s linear, box-shadow 0s linear;
transition: all 0.3s linear, box-shadow 0s linear, -webkit-box-shadow 0s linear;
}
.etheme-elementor-header-sticky.sticky-on .etheme-elementor-header-sticky {
--wp-admin--admin-bar--height: 0.001px;
}
.etheme-elementor-header-sticky.sticky-on .etheme-elementor-header-wrapper {
position: fixed;
left: 0;
right: 0;
top: var(--wp-admin--admin-bar--height, 0px);
z-index: 98;
--hover-overlay-z-index: 3;
}
.etheme-elementor-header-sticky.sticky-on #elementor-add-new-section {
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden;
margin: 0;
}
.etheme-elementor-header-sticky-parts.sticky-on .etheme-elementor-header-wrapper > .e-con:not(.etheme-elementor-header-sticky) {
display: none;
}
.etheme-elementor-header-sticky.elementor-edit-mode {
overflow: hidden;
}
.etheme-elementor-header-wrapper {
width: 100%;
}
.etheme-elementor-header-wrapper-spacer:has(~.etheme-elementor-header-wrapper[data-for-sticky-type=smart]) {
display: none !important;
}
@media (max-width: 767px) {
.etheme-elementor-header-overlap-mobile,
.etheme-elementor-header-overlap-phone {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 5;
}
}
@media (min-width: -1) and (max-width: -1) {
.etheme-elementor-header-overlap-mobile_extra {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 5;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.etheme-elementor-header-overlap-tablet {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 5;
}
}
@media (min-width: -1) and (max-width: -1) {
.etheme-elementor-header-overlap-laptop,
.etheme-elementor-header-overlap-tablet_extra {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 5;
}
}
@media (min-width: 1025px) and (max-width: 99999px) {
.etheme-elementor-header-overlap-desktop {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 5;
}
}
@media (min-width: -1) {
.etheme-elementor-header-overlap-widescreen {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 5;
}
} .et-advance-tabs {
display: block;
}
.et-advance-tabs .et-tabs-nav > ul {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style-type: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.et-tabs-horizontal .et-tabs-nav ul {
padding: 0;
margin: 0 -10px;
}
.et-advance-tabs .et-tabs-nav > ul li {
margin: 0 10px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.et-advance-tabs .et-tabs-nav > ul li img,
.et-advance-tabs .et-tabs-nav > ul li svg {
width: 1rem;
fill: currentColor;
}
.et-advance-tabs .et-tabs-nav > ul li svg {
height: 1em;
}
.et-advance-tabs .et-tab-top-icon .et-tab-nav .et-tab-title:not(:only-child) {
margin-top: 7px;
}
.et-advance-tabs .et-tab-inline-icon .et-tab-nav .et-tab-title:not(:only-child) {
margin-left: 7px;
}
.et-advance-tabs .et-tabs-nav > ul .et-tab-nav {
line-height: 1;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
padding: 10px 0;
margin: 0 15px;
}
.et-advance-tabs .et-tabs-nav > ul .et-tab-nav:hover,
.et-advance-tabs .et-tabs-nav > ul .et-tab-nav.active,
.et-advance-tabs .et-tabs-nav > ul .et-tab-nav.active-default {
color: #A4004F;
}
.et-advance-tabs.active-caret-on .et-tabs-nav > ul li.active:after {
display: none;
}
.et-advance-tabs .et-tabs-nav > ul li.active:after {
display: block;
}
.et-advance-tabs.horizontal-style-1 .et-tabs-nav > ul .et-tab-nav:after,
.et-advance-tabs.horizontal-style-2 .et-tabs-nav > ul .et-tab-nav:after {
content: "";
height: 2px;
background-color: #A4004F;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
width: 0%;
}
.et-advance-tabs.horizontal-style-1 .et-tabs-nav > ul .et-tab-nav:after {
bottom: 0;
}
.et-advance-tabs.horizontal-style-2 .et-tabs-nav > ul .et-tab-nav:after {
top: 0;
}
.et-advance-tabs.horizontal-style-1 .et-tabs-nav > ul .et-tab-nav.active:after,
.et-advance-tabs.horizontal-style-1 .et-tabs-nav > ul .et-tab-nav:hover:after,
.et-advance-tabs.horizontal-style-2 .et-tabs-nav > ul .et-tab-nav.active:after,
.et-advance-tabs.horizontal-style-2 .et-tabs-nav > ul .et-tab-nav:hover:after {
opacity: 1;
width: 100%;
}
.et-tabs-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.et-advance-tabs .et-tabs-content > div {
display: none;
opacity: 0;
}
.et-advance-tabs .et-tabs-content > div.active,
.et-advance-tabs .et-tabs-content > div.active-default {
display: block;
width: 100%;
padding: 1em;
opacity: 1;
-webkit-animation: fadeIn linear 0.3s;
animation: fadeIn linear 0.3s;
} .et-advance-tabs.horizontal-style-3 .et-tabs-nav > ul {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 0;
margin: 0;
}
@media only screen and (max-width: 767px) {
.et-advance-tabs.horizontal-style-3 .et-tabs-nav > ul {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.et-advance-tabs.horizontal-style-3 .et-tabs-nav > ul li:last-child {
border-right: 1px solid #E1E1E1;
}
.et-advance-tabs.horizontal-style-3 .et-tabs-nav > ul .et-tab-nav {
border-left: 1px solid #E1E1E1;
border-top: 1px solid #E1E1E1;
margin: 0;
padding-right: 15px;
padding-left: 15px;
}
.et-advance-tabs.horizontal-style-3 .et-tabs-content {
border: 1px solid #E1E1E1;
} .et-advance-tabs.horizontal-style-4 .et-tabs-nav ul .et-tab-nav {
background-color: #ffffff;
border-radius: 90px;
padding-right: 15px;
padding-left: 15px;
}
.et-advance-tabs.horizontal-style-4 .et-tabs-nav ul .active,
.et-advance-tabs.horizontal-style-4 .et-tabs-nav ul .active-default {
background-color: #A4004F;
color: #FFFFFF;
} .et-advance-tabs.horizontal-style-5 .et-tabs-nav ul {
background: #FFFFFF;
border: 1px solid #EBEBEB;
border-radius: 80px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding-left: 10px;
padding-right: 10px;
-webkit-box-shadow: 0 7px 20px -12px grey;
box-shadow: 0 7px 20px -12px grey;
}
@media only screen and (max-width: 767px) {
.et-advance-tabs.horizontal-style-5 .et-tabs-nav ul {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.et-advance-tabs.horizontal-style-5 .et-tabs-nav ul .et-tab-nav {
background-color: #ffffff;
border-radius: 90px;
}
.et-advance-tabs.horizontal-style-5 .et-tabs-nav ul .et-tab-nav.active,
.et-advance-tabs.horizontal-style-5 .et-tabs-nav ul .et-tab-nav:hover,
.et-advance-tabs.horizontal-style-5 .et-tabs-nav ul .et-tab-nav.active-default {
opacity: 1;
}
.et-advance-tabs.horizontal-style-5 .et-tabs-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} .et-tab-inline-icon .et-tab-nav a .fa {
margin-right: 10px;
}
.et-tab-top-icon .et-tab-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
}
.et-tab-top-icon .et-tab-nav a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
}
.et-tab-top-icon .et-tab-nav .fa,
.et-tab-top-icon .et-tab-nav .et-tab-title {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
line-height: 1;
}
.et-tab-top-icon .et-tab-nav a .et-tab-title {
margin-top: 10px;
} .et-advance-tabs.et-tabs-vertical {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.et-advance-tabs.et-tabs-vertical .et-tabs-nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.et-advance-tabs.et-tabs-vertical .et-tabs-nav > ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
padding-left: 0px;
}
.et-advance-tabs.et-tabs-vertical .et-tabs-nav > ul > li {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.et-advance-tabs.et-tabs-vertical .et-tabs-nav > ul li::after {
bottom: auto !important;
right: -10px;
top: calc(50% - 10px);
left: auto !important;
}
.et-advance-tabs .et-tabs-nav > .et-tabs-mob-nav {
display: none;
width: 100%;
height: 3.642rem;
line-height: 3.642rem;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.et-advance-tabs.horizontal-style-4 .et-tabs-nav > ul .et-tab-nav,
.et-advance-tabs.horizontal-style-1 .et-tabs-nav > ul .et-tab-nav {
margin-bottom: 20px;
}
.et-advance-tabs.horizontal-style-2 .et-tabs-nav > ul .et-tab-nav {
margin-top: 20px;
}
.et-advance-tabs .et-tabs-nav > ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
.et-advance-tabs .et-tabs-nav > ul .et-tab-nav {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.responsive-vertical-layout.et-advance-tabs .et-tabs-nav > ul .et-tab-nav {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.et-advance-tabs.et-tabs-vertical {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.et-advance-tabs.et-tabs-vertical div.et-tabs-nav {
-webkit-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
}
.et-advance-tabs.et-tabs-vertical ul {
-webkit-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
}
.et-advance-tabs.et-tabs-vertical ul .et-tab-nav {
-webkit-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
}
.et-advance-tabs .et-tabs-nav > ul:not(:only-child) {
display: none;
}
.et-advance-tabs .et-tabs-nav > .et-tabs-mob-nav {
display: block;
}
} .et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav ul {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav ul li {
cursor: pointer;
border-top: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
margin: 0;
padding: 10px 297px 12px 26px;
position: relative;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav ul li:last-child {
border-bottom: 1px solid #E1E1E1;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav ul li span {
font-size: 14px;
}   .et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav > ul {
border-right: 1px solid #E1E1E1;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav ul li:after {
content: "";
background-color: #A4004F;
position: absolute;
width: 3px;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
height: 0%;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav > ul li.active:hover:after,
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav > ul li.active:after {
opacity: 1;
height: 100%;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav ul li.active-default:after {
opacity: 1;
height: 100%;
width: 3px !important;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav > ul li {
-webkit-transition: all 0.3s;
transition: all 0.3s;
} .et-advance-tabs.et-tabs-vertical.vertical-style-2 .et-tabs-nav ul {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-2 .et-tabs-nav ul li {
-webkit-transition: all 0.3s;
transition: all 0.3s;
padding: 10px 297px 12px 26px;
font-size: 14px;
border-radius: 4px;
color: #888888;
background-color: #FAFAFA;
margin: 0 0 28px 0;
cursor: pointer;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-2 .et-tabs-nav ul .active {
-webkit-transition: all 0.3s;
transition: all 0.3s;
background-color: #A4004F;
color: #FFFFFF;
}     .et-advance-tabs.et-tabs-vertical.vertical-style-2 .et-tabs-nav ul span {
padding-left: 3px;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-2 .et-tabs-nav ul .active .et-advance-tabs.et-tabs-vertical.vertical-style-2 .et-tabs-nav ul .active-default span,
.et-advance-tabs.et-tabs-vertical.vertical-style-2 .et-tabs-nav ul .active-default {
-webkit-box-shadow: 0 9px 20px -8px grey;
box-shadow: 0 9px 20px -8px grey;
}
.et-tabs-nav .swiper-button-prev.swiper-et-arrow-left,
.et-tabs-nav .swiper-button-prev.swiper-et-arrow-right {
font-size: 15px;
}
.et-advance-tabs .et-tabs-nav ul .et-content-title {
font-size: 24px;
font-weight: bold;
-webkit-box-ordinal-group: -99;
-ms-flex-order: -100;
order: -100;
}
.et-tabs-nav .center .et-content-title {
position: absolute;
left: 0;
}
.et-advance-tabs .et-tabs-nav .flex-end .et-content-title {
margin-right: auto;
} .et-advance-tabs .et-tabs-nav > ul .navbar:after {
display: none;
}
.et-advance-tabs .et-tabs-nav > ul .navbar {
left: auto;
right: calc(var(--arrow-size, 50px) + var(--arrow-space, 10px) + 10px);
-webkit-box-ordinal-group: 101;
-ms-flex-order: 100;
order: 100;
z-index: auto;
margin: 0;
}
.et-advance-tabs .et-tabs-nav > ul .navbar + .navbar {
right: 10px;
}
.et-advance-tabs .et-tabs-nav > ul.flex-end .navbar {
position: static;
} .et-advance-tabs .et-tabs-nav > ul.center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.et-advance-tabs .et-tabs-nav > ul.end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.et-advance-tabs .et-tabs-nav > ul.flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
.et-advance-product-tabs.horizontal-style-4 .et-tabs-nav .et-content-title {
margin-bottom: 10px;
}
.et-advance-product-tabs .et-tabs-nav .center .et-content-title,
.et-advance-product-tabs .et-tabs-nav .flex-end .et-content-title {
position: relative !important;
margin-left: 0 !important;
left: 0 !important;
}
.et-advance-tabs .et-tabs-nav > ul .navbar,
.et-advance-tabs .et-tabs-nav > ul.flex-end .navbar {
position: absolute;
top: 0;
}
}
.etheme-ac-wrapper label {
color: var(--et_dark-2-white);
font-size: calc(var(--form-label-size-proportion, 1.14) * 1rem);
}
.etheme-ac-wrapper select {
width: 100%;
}
.etheme-ac-form-controls label {
font-size: calc(var(--form-label-size-proportion, 1.14) * 1rem);
}
.etheme-ac-form-controls,
.etheme-ac-button {
margin-bottom: var(--rows-gap, 20px);
}
.etheme-ac-button button {
width: 100%;
}
.etheme-ac-button .elementor-button-text {
-webkit-box-flex: unset;
-ms-flex-positive: unset;
flex-grow: unset;
}
.etheme-ac-result {
color: var(--et_dark-2-white);
text-align: center;
font-size: calc(var(--total-size-proportion, 1.5) * 1rem);
}
.etheme-advanced-headline {
position: relative;
font-size: 2.5rem;
margin-bottom: var(--heading-space, 10px);
text-transform: none;
}
.etheme-advanced-headline-mask {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.etheme-a-h-text-before {
display: inline-block;
}
.etheme-a-h-text-before-with-bg {
background: #000;
color: #fff;
padding: 0.1em 0.5em;
border-radius: 0.15em;
margin-bottom: 5px;
}
.etheme-a-h-line-before {
text-align: right;
}
.etheme-a-h-line-after {
text-align: left;
}
.etheme-a-h-line-both,
.etheme-a-h-lines-none {
text-align: center;
}
.etheme-a-h-line-before .etheme-advanced-headline,
.etheme-a-h-line-after .etheme-advanced-headline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.etheme-a-h-line-before .etheme-advanced-headline:before,
.etheme-a-h-line-after .etheme-advanced-headline:after {
content: '';
border-bottom: var(--line-height, 2px) var(--line-style, solid) var(--line-color, #e1e1e1);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: center;
align-self: center;
}
.etheme-a-h {
text-transform: none;
margin-bottom: 0;
}
.etheme-a-h-text {
background: #2962FF;
color: #fff;
padding: 0 10px;
-webkit-text-fill-color: currentColor;
}
.etheme-a-h-with-bg {
text-align: inherit;
}
.etheme-a-h-with-bg .etheme-advanced-headline {
z-index: 1;
}
.etheme-a-h-with-bg .etheme-a-h-text-before {
position: absolute;
white-space: nowrap;
left: 50%;
-webkit-transform: translate(var(--translateX, -50%), var(--translateY, 0%));
transform: translate(var(--translateX, -50%), var(--translateY, 0%));
font-weight: 700;
font-size: 2em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
bottom: 0;
z-index: -1;
color: rgba(0, 0, 0, 0.1);
-webkit-text-fill-color: currentColor;
}
@media only screen and (max-width: 767px) {
.etheme-a-h-line-mobile-hidden .etheme-advanced-headline {
display: block;
}
.etheme-a-h-line-mobile-hidden .etheme-advanced-headline:before,
.etheme-a-h-line-mobile-hidden .etheme-advanced-headline:after {
display: none;
}
}
.etheme-advanced-headline-divider {
position: relative;
border-bottom: var(--line-height, 2px) var(--line-style, solid) var(--line-color, #e1e1e1);
margin-bottom: var(--line-space, 15px);
}
.etheme-a-h-line-before .etheme-advanced-headline:before {
margin-right: var(--line-space, 15px);
}
.etheme-a-h-line-after .etheme-advanced-headline:after {
margin-left: var(--line-space, 15px);
}
.etheme-advanced-headline-heading-wrapper .etheme-advanced-headline {
position: relative;
display: inline-block;
}
.etheme-advanced-headline-heading-wrapper .etheme-advanced-headline:after {
content: '';
border-bottom: var(--line-height, 2px) var(--line-style, solid) var(--line-active-color, #2962FF);
display: block;
position: absolute;
width: 100%;
bottom: calc((var(--heading-space, 10px) + var(--line-height,2px)) * -1);
z-index: 1;
}
.etheme-headline {
margin-bottom: 0;
}
.etheme-headline-text-wrapper svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
overflow: visible;
width: calc(100% + .75em);
height: calc(100% + .75em);
}
.etheme-headline-text-wrapper svg path {
stroke: var(--shape-color, currentColor);
stroke-width: var(--shape-width, 8);
fill: none;
}
.etheme-headline-highlight-active svg path {
opacity: 1;
stroke-dasharray: 0 var(--shape-dasharray, 1500);
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-animation: etheme-headline-dash ease-out;
animation: etheme-headline-dash ease-out;
-webkit-animation-duration: var(--animation-duration, 2.4s);
animation-duration: var(--animation-duration, 2.4s);
-webkit-animation-iteration-count: var(--iteration-count, 1);
animation-iteration-count: var(--iteration-count, 1);
-webkit-animation-delay: var(--animation-delay, 0s);
animation-delay: var(--animation-delay, 0s);
}
@-webkit-keyframes etheme-headline-dash {
0% {
stroke-dasharray: 0 var(--shape-dasharray, 1500);
opacity: 1;
}
100% {
stroke-dasharray: var(--shape-dasharray, 1500) var(--shape-dasharray, 1500);
opacity: 1;
}
}
@keyframes etheme-headline-dash {
0% {
stroke-dasharray: 0 var(--shape-dasharray, 1500);
opacity: 1;
}
100% {
stroke-dasharray: var(--shape-dasharray, 1500) var(--shape-dasharray, 1500);
opacity: 1;
}
}
.etheme-headline-highlight-inactive svg path {
opacity: 0;
stroke-dasharray: var(--shape-dasharray, 1500) var(--shape-dasharray, 1500);
-webkit-animation: hide-highlight forwards;
animation: hide-highlight forwards;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@-webkit-keyframes hide-highlight {
0% {
opacity: 1;
stroke-dasharray: var(--shape-dasharray, 1500) var(--shape-dasharray, 1500);
}
100% {
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}
}
@keyframes hide-highlight {
0% {
opacity: 1;
stroke-dasharray: var(--shape-dasharray, 1500) var(--shape-dasharray, 1500);
}
100% {
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
}
}
.etheme-headline-text-wrapper {
display: inline-block;
position: relative;
color: var(--text-color, currentColor);
}
.etheme-headline-text-wrapper .etheme-headline-text {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
}
.etheme-headline-text-wrapper .etheme-headline-text-active {
position: relative;
}
.no-js .etheme-headline-text-wrapper .etheme-headline-text {
opacity: 0;
}
.no-js .etheme-headline-text-wrapper .etheme-headline-text-active {
opacity: 1;
} .etheme-headline-animation-type-flip .etheme-headline-text-wrapper {
-webkit-perspective: 300px;
perspective: 300px;
}
.etheme-headline-animation-type-flip .etheme-headline-text {
opacity: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.etheme-headline-animation-type-flip .etheme-headline-text-active {
opacity: 1;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-animation: etheme-headline-flip-in 2.4s;
animation: etheme-headline-flip-in 2.4s;
}
.etheme-headline-animation-type-flip .etheme-headline-text-inactive {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-animation: etheme-headline-flip-out 2.4s;
animation: etheme-headline-flip-out 2.4s;
}
@-webkit-keyframes etheme-headline-flip-in {
0% {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
opacity: 1;
}
}
@keyframes etheme-headline-flip-in {
0% {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
opacity: 1;
}
}
@-webkit-keyframes etheme-headline-flip-out {
0% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
}
@keyframes etheme-headline-flip-out {
0% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
}
.etheme-headline-animation-type-flip-2 .etheme-headline-text {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
} .etheme-headline-animation-type-typing .etheme-headline-text-wrapper {
vertical-align: top;
overflow: hidden;
}
.etheme-headline-animation-type-typing .etheme-headline-text-wrapper::after { content: '';
position: absolute;
right: 0;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 90%;
width: var(--cursor-width, 1px);
background-color: currentColor;
}
.etheme-headline-animation-type-typing .etheme-headline-text-wrapper.waiting::after {
-webkit-animation: etheme-headline-pulse 1s infinite;
animation: etheme-headline-pulse 1s infinite;
}
.etheme-headline-animation-type-typing .etheme-headline-text-wrapper.selected {
background-color: var(--typing-selected-bg-color, #222);
}
.etheme-headline-animation-type-typing .etheme-headline-text-wrapper.selected::after {
visibility: hidden;
}
.etheme-headline-animation-type-typing .etheme-headline-text-wrapper.selected .etheme-headline-text {
color: var(--typing-selected-color, #fff);
}
.etheme-headline-animation-type-typing .etheme-headline-text {
visibility: hidden;
}
.etheme-headline-animation-type-typing .etheme-headline-text-active {
visibility: visible;
}
.etheme-headline-animation-type-typing .etheme-headline-letter {
position: absolute;
visibility: hidden;
}
.etheme-headline-animation-type-typing .etheme-headline-letter-in {
position: relative;
visibility: visible;
}
@-webkit-keyframes etheme-headline-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@keyframes etheme-headline-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0;
}
} .etheme-headline-animation-type-swirl .etheme-headline-text-wrapper {
-webkit-perspective: 300px;
perspective: 300px;
}
.etheme-headline-animation-type-swirl .etheme-headline-letter,
.etheme-headline-animation-type-swirl em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.etheme-headline-animation-type-swirl .etheme-headline-text {
opacity: 0;
}
.etheme-headline-animation-type-swirl .etheme-headline-letter {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.etheme-headline-text-active .etheme-headline-animation-type-swirl .etheme-headline-letter {
opacity: 1;
}
.etheme-headline-animation-type-swirl .etheme-headline-letter-in {
-webkit-animation: etheme-headline-swirl-in 0.4s forwards;
animation: etheme-headline-swirl-in 0.4s forwards;
}
.etheme-headline-animation-type-swirl .etheme-headline-letter-out {
-webkit-animation: etheme-headline-swirl-out 0.4s forwards;
animation: etheme-headline-swirl-out 0.4s forwards;
}
.etheme-headline-animation-type-swirl em {
-webkit-transform: translateZ(20px);
transform: translateZ(20px);
}
.no-csstransitions .etheme-headline-animation-type-swirl .etheme-headline-letter {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .etheme-headline-animation-type-swirl .etheme-headline-letter em {
-webkit-transform: scale(1);
transform: scale(1);
}
.no-csstransitions .etheme-headline-animation-type-swirl .etheme-headline-text-active .etheme-headline-letter {
opacity: 1;
}
@-webkit-keyframes etheme-headline-swirl-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes etheme-headline-swirl-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes etheme-headline-swirl-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
}
@keyframes etheme-headline-swirl-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
} .etheme-headline-animation-type-loading-bar .etheme-headline-text-wrapper {
display: inline-block;
overflow: hidden;
vertical-align: top;
}
.etheme-headline-animation-type-loading-bar .etheme-headline-text-wrapper::after { content: '';
position: absolute;
left: 0;
bottom: 0;
height: var(--loading-bar-size, 0.1em);
width: 0;
background: var(--loading-bar-bg-color, currentColor);
z-index: 2;
-webkit-transition: width 0.3s 0.1s;
transition: width 0.3s 0.1s;
}
.etheme-headline-animation-type-loading-bar .etheme-headline-text-wrapper.is-loading::after {
width: 100%;
-webkit-transition: width 3s;
transition: width 3s;
}
.etheme-headline-animation-type-loading-bar .etheme-headline-text {
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.etheme-headline-animation-type-loading-bar .etheme-headline-text-active {
opacity: 1;
} .etheme-headline-animation-type-slide-down .etheme-headline-text-wrapper {
display: inline-block;
overflow: hidden;
vertical-align: top;
}
.etheme-headline-animation-type-slide-down .etheme-headline-text {
opacity: 0;
top: 0.2em;
}
.etheme-headline-animation-type-slide-down .etheme-headline-text-active {
top: 0;
opacity: 1;
-webkit-animation: etheme-headline-slide-down-in 0.6s;
animation: etheme-headline-slide-down-in 0.6s;
}
.etheme-headline-animation-type-slide-down .etheme-headline-text-inactive {
-webkit-animation: etheme-headline-slide-down-out 0.6s;
animation: etheme-headline-slide-down-out 0.6s;
}
@-webkit-keyframes etheme-headline-slide-down-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes etheme-headline-slide-down-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes etheme-headline-slide-down-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes etheme-headline-slide-down-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
} .etheme-headline-animation-type-clip .etheme-headline-text-wrapper {
display: inline-block;
overflow: hidden;
vertical-align: top;
}
.etheme-headline-animation-type-clip .etheme-headline-text-wrapper::after { content: '';
position: absolute;
top: 0;
right: 0;
width: var(--cursor-width, 2px);
height: 100%;
background-color: currentColor;
}
.etheme-headline-animation-type-clip .etheme-headline-text {
opacity: 0;
}
.etheme-headline-animation-type-clip .etheme-headline-text-active {
opacity: 1;
} .etheme-headline-animation-type-drop-in .etheme-headline-text-wrapper {
-webkit-perspective: 300px;
perspective: 300px;
}
.etheme-headline-animation-type-drop-in .etheme-headline-text {
opacity: 0;
}
.etheme-headline-animation-type-drop-in .etheme-headline-text-active {
opacity: 1;
-webkit-animation: etheme-headline-drop-in-in 0.8s;
animation: etheme-headline-drop-in-in 0.8s;
}
.etheme-headline-animation-type-drop-in .etheme-headline-text-inactive {
-webkit-animation: etheme-headline-drop-in-out 0.8s;
animation: etheme-headline-drop-in-out 0.8s;
}
@-webkit-keyframes etheme-headline-drop-in-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes etheme-headline-drop-in-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@-webkit-keyframes etheme-headline-drop-in-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
transform: translateZ(-100px);
}
}
@keyframes etheme-headline-drop-in-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
transform: translateZ(-100px);
}
}
.etheme-headline-animation-type-zoom .etheme-headline-text {
opacity: 0;
}
.etheme-headline-animation-type-zoom .etheme-headline-text-active {
opacity: 1;
-webkit-animation: etheme-headline-zoom-in 0.8s;
animation: etheme-headline-zoom-in 0.8s;
}
.etheme-headline-animation-type-zoom .etheme-headline-text-inactive {
-webkit-animation: etheme-headline-zoom-out 0.8s;
animation: etheme-headline-zoom-out 0.8s;
}
@-webkit-keyframes etheme-headline-zoom-in {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes etheme-headline-zoom-in {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes etheme-headline-zoom-out {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes etheme-headline-zoom-out {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
} .etheme-headline-animation-type-swirl-2 .etheme-headline-text-wrapper {
-webkit-perspective: 300px;
perspective: 300px;
}
.etheme-headline-animation-type-swirl-2 .etheme-headline-text {
opacity: 0;
}
.etheme-headline-animation-type-swirl-2 .etheme-headline-letter {
display: inline-block;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.etheme-headline-text-active .etheme-headline-animation-type-swirl-2 .etheme-headline-letter {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.etheme-headline-animation-type-swirl-2 .etheme-headline-letter-in {
-webkit-animation: etheme-headline-swirl-2-in 0.6s forwards;
animation: etheme-headline-swirl-2-in 0.6s forwards;
}
.etheme-headline-animation-type-swirl-2 .etheme-headline-letter-out {
-webkit-animation: etheme-headline-swirl-2-out 0.6s forwards;
animation: etheme-headline-swirl-2-out 0.6s forwards;
}
.no-csstransitions .etheme-headline-animation-type-swirl-2 .etheme-headline-letter {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 0;
}
.no-csstransitions .etheme-headline-animation-type-swirl-2 .etheme-headline-text-active .etheme-headline-letter {
opacity: 1;
}
@-webkit-keyframes etheme-headline-swirl-2-in {
0% {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@keyframes etheme-headline-swirl-2-in {
0% {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@-webkit-keyframes etheme-headline-swirl-2-out {
0% {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
}
@keyframes etheme-headline-swirl-2-out {
0% {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
} .etheme-headline-animation-type-wave .etheme-headline-text {
opacity: 0;
}
.etheme-headline-animation-type-wave .etheme-headline-letter {
display: inline-block;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.etheme-headline-text-active .etheme-headline-animation-type-wave .etheme-headline-letter {
opacity: 1;
}
.etheme-headline-animation-type-wave .etheme-headline-letter-in {
-webkit-animation: etheme-headline-wave-up 0.6s forwards;
animation: etheme-headline-wave-up 0.6s forwards;
}
.etheme-headline-animation-type-wave .etheme-headline-letter-out {
-webkit-animation: etheme-headline-wave-down 0.6s forwards;
animation: etheme-headline-wave-down 0.6s forwards;
}
.no-csstransitions .etheme-headline-animation-type-wave .etheme-headline-letter {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
.no-csstransitions .etheme-headline-animation-type-wave .etheme-headline-text-active .etheme-headline-letter {
opacity: 1;
}
@-webkit-keyframes etheme-headline-wave-up {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes etheme-headline-wave-up {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes etheme-headline-wave-down {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
}
@keyframes etheme-headline-wave-down {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
} .etheme-headline-animation-type-slide .etheme-headline-text {
opacity: 0;
}
.etheme-headline-animation-type-slide .etheme-headline-text-active {
opacity: 1;
-webkit-animation: etheme-headline-slide-in 0.6s;
animation: etheme-headline-slide-in 0.6s;
}
.etheme-headline-animation-type-slide .etheme-headline-text-inactive {
-webkit-animation: etheme-headline-slide-out 0.6s;
animation: etheme-headline-slide-out 0.6s;
}
@-webkit-keyframes etheme-headline-slide-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes etheme-headline-slide-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes etheme-headline-slide-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes etheme-headline-slide-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
.etheme-blockquote {
--gap-inner: 20px;
text-transform: none;
position: relative;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-blockquote .blockquote-content {
color: currentColor;
}
.etheme-blockquote .blockquote-content:not(:last-child) {
margin-bottom: var(--gap-inner);
}
.etheme-blockquote .quotes {
min-width: var(--quote-min-dimensions);
min-height: var(--quote-min-dimensions);
line-height: 1;
border-radius: 50%;
font-size: var(--quote-proportion);
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;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
vertical-align: middle;
}
.etheme-blockquote .quotes + span {
margin-left: 7px;
}
.etheme-blockquote .author {
font-weight: 700;
}
.etheme-blockquote .author-wrapper:not(:only-child) {
margin-bottom: var(--gap-inner);
}
.etheme-blockquotes-wrapper {
--quote-proportion: 1.3em;
--quote-min-dimensions: 1.7em;
}
.etheme-blockquotes-wrapper-grid {
display: grid;
grid-template-columns: repeat(var(--cols, 1), 1fr);
grid-gap: var(--rows-gap, 25px) var(--cols-gap, 30px);
}
.etheme-blockquotes-wrapper.style-border_top .etheme-blockquote {
border-top: 7px solid var(--et_border-color);
}
.etheme-blockquotes-wrapper.style-border_left .etheme-blockquote {
border-left: 7px solid var(--et_border-color);
}
.etheme-blockquotes-wrapper.quote-top .quotes {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.etheme-blockquotes-wrapper.quote-top .blockquote-content {
margin-top: var(--gap-inner);
}
.etheme-blockquotes-wrapper.quote-above_content .quotes {
margin-bottom: var(--gap-inner);
}
.etheme-elementor-breadcrumbs-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
counter-reset: breadcrumbs-steps;
padding: 3vw 15px;
overflow: auto;
}
.etheme-elementor-breadcrumbs-steps-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
text-transform: capitalize;
font-size: var(--steps-content-zoom, 24px);
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.etheme-elementor-breadcrumbs-steps-inner {
font-size: var(--steps-content-zoom, 14px);
}
}
.etheme-elementor-breadcrumbs-step {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--step-color, var(--et_main-color));
margin: 0 var(--steps-gap, 0.3em);
}
.etheme-elementor-breadcrumbs-step:not(.is-active):hover {
color: var(--step-color-hover, var(--et_dark-color));
}
.etheme-elementor-breadcrumbs-step-separator {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
color: var(--step-separator-color, var(--et_main-color));
font-size: 0.75em;
-webkit-margin-start: calc(var(--steps-gap, .3em) * 2);
margin-inline-start: calc(var(--steps-gap, .3em) * 2);
}
.etheme-elementor-breadcrumbs-step-separator-line {
border-bottom: var(--step-separator-line-width, 0.1em) var(--step-separator-line-style, solid) var(--step-separator-color, var(--et_border-color));
min-width: var(--step-separator-line-min-width, 6.7em);
}
.etheme-elementor-breadcrumbs-step-numbered:before {
content: counter(breadcrumbs-steps);
counter-increment: breadcrumbs-steps;
color: var(--step-number-color, currentColor);
background-color: var(--step-number-bg-color, transparent);
border: var(--step-number-border-width, 1px) var(--step-number-border-style, solid) var(--step-number-bg-color, currentColor);
font-size: 0.8em;
width: var(--step-number-proportion, 1.8em);
height: var(--step-number-proportion, 1.8em);
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;
border-radius: var(--step-number-radius, 50%);
-webkit-margin-end: var(--step-number-spacing, 7px);
margin-inline-end: var(--step-number-spacing, 7px);
}
.etheme-elementor-breadcrumbs-step-numbered.is-active:before {
color: var(--step-number-color-active, #fff);
background-color: var(--step-number-bg-color-active, var(--et_dark-color));
border-color: var(--step-number-bg-color-active, var(--et_dark-color));
}
.etheme-elementor-breadcrumbs-step.is-active {
color: var(--step-color-active, var(--et_dark-color));
}
.etheme-elementor-cart-checkout-page-column {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.etheme-elementor-cart-checkout-page-wrapper:not(:first-child) {
margin-top: 30px;
}
.etheme-elementor-cart-checkout-page-wrapper.flex .etheme-elementor-cart-checkout-page-column.last {
-webkit-box-flex: 0;
-ms-flex: 0 0 var(--column-proportion, 40%);
flex: 0 0 var(--column-proportion, 40%);
}
.etheme-elementor-cart-checkout-page-wrapper.flex .etheme-elementor-cart-checkout-page-column.last:first-child {
-webkit-margin-end: var(--cols-gap, 30px);
margin-inline-end: var(--cols-gap, 30px);
}
.etheme-elementor-cart-checkout-page-wrapper.flex .etheme-elementor-cart-checkout-page-column.last:last-child {
-webkit-margin-start: var(--cols-gap, 30px);
margin-inline-start: var(--cols-gap, 30px);
}
.etheme-elementor-cart-checkout-page-wrapper:not(.flex) .etheme-elementor-cart-checkout-page-column.last:first-child {
margin-bottom: var(--rows-gap, 30px);
}
.etheme-elementor-cart-checkout-page-wrapper:not(.flex) .etheme-elementor-cart-checkout-page-column.last:last-child {
margin-top: var(--rows-gap, 30px);
}
@media only screen and (max-width: 992px) {
.etheme-elementor-cart-checkout-page-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
--cols-gap: 0;
--column-proportion: 100%;
}
.etheme-elementor-cart-checkout-page-column.last:first-child {
margin-bottom: var(--rows-gap, 30px);
}
.etheme-elementor-cart-checkout-page-column.last:last-child {
margin-top: var(--rows-gap, 30px);
}
.etheme-elementor-cart-checkout-page-column {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.page-wrapper:has(.design-styled-part) {
overflow: hidden;
--et-blockOverlay-color: transparent;
--et_container-bg-color: transparent;
}
body:has(.elementor-widget-woocommerce-cart-etheme_page_separated) .footer {
z-index: 2;
}
.design-styled-part {
position: relative;
}
.design-styled-part:after {
content: '';
position: absolute;
top: -1000vh;
bottom: -1000vh;
left: calc(var(--cols-gap, 30px) / -2);
right: calc(var(--cols-gap, 30px) / -2);
width: 1000vw;
z-index: -3;
background: var(--et_ccsl-2d-color, var(--et_light-color));
pointer-events: none;
}
.design-styled-part:first-child:after {
left: auto;
}
.design-styled-part:last-child:after {
right: auto;
}
.direction-rtl .design-styled-part:after {
left: auto;
right: calc(100% + var(--design-element-overlay-offset, 10px));
}
.direction-ltr .design-styled-part:after {
right: auto;
left: calc(100% + var(--design-element-overlay-offset, 10px));
}
@media only screen and (max-width: 992px) {
.design-styled-part:after {
top: calc(var(--rows-gap, 30px) / -2);
bottom: calc(var(--rows-gap, 30px) / -2);
left: -50vw;
right: -50vw;
width: auto;
}
}
.etheme-elementor-cart-checkout-page-wrapper .design-type-multistep:not(:first-child) {
margin-top: var(--steps-gap, 30px);
}
.etheme-elementor-cart-checkout-page-wrapper .design-type-multistep .shipping_address_wrapper:not(:last-child) {
margin-bottom: 0;
}
.etheme-elementor-checkout-multistep-accordant {
--steps-gap: 0;
}
.etheme-elementor-checkout-multistep-accordant .design-type-multistep {
-webkit-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition: all 0.3s linear, height 0s linear;
transition: all 0.3s linear, height 0s linear;
}
.etheme-elementor-checkout-multistep-accordant .design-type-multistep .step-title {
-webkit-transition: none !important;
transition: none !important;
}
.etheme-elementor-checkout-multistep-accordant .design-type-multistep .step-title:before {
display: none;
}
.etheme-elementor-checkout-multistep-accordant .design-type-multistep:not(:has(.step-title.opened)) {
height: 0;
visibility: hidden;
overflow: hidden;
-webkit-transform: translateX(var(--steps-transform, 24px));
transform: translateX(var(--steps-transform, 24px));
}
.rtl .etheme-elementor-checkout-multistep-accordant {
--steps-transform: -24px;
}
.etheme-elementor-cart-checkout-page-wrapper {
--elements-bg-color: transparent;
--elements-space: 0;
--elements-inner-space: 0;
--elements-border: none;
}
@media only screen and (max-width: 992px) {
.etheme-elementor-cart-totals-sticky-buttons .wc-proceed-to-checkout,
.etheme-elementor-order-review-sticky-buttons .etheme-before-place-order-button {
position: fixed;
z-index: 9999;
left: 15px;
right: 15px;
bottom: 15px;
width: auto;
}
.etheme-elementor-cart-totals-sticky-buttons .wc-proceed-to-checkout:before,
.etheme-elementor-order-review-sticky-buttons .etheme-before-place-order-button:before {
content: '';
position: absolute;
background: #fff;
top: -15px;
bottom: -15px;
left: -15px;
right: -15px;
z-index: -1;
-webkit-box-shadow: 0 0 20px 0px var(--et_dark-2-white-02);
box-shadow: 0 0 20px 0px var(--et_dark-2-white-02);
}
body:has(.etheme-elementor-cart-totals-sticky-buttons, .etheme-elementor-order-review-sticky-buttons) .back-top {
bottom: 80px;
}
.etheme-elementor-cart-totals-sticky-buttons .return-shop {
display: none;
}
.etheme-elementor-cart-totals-sticky-buttons .button:not(:last-child) {
margin-bottom: 0;
}
}
.etheme-elementor-cart-checkout-page-wrapper .last:first-child .design-styled-part:after {
right: calc(var(--cols-gap, 30px) / -2);
left: auto;
}
.etheme-elementor-cart-checkout-page-wrapper .last:last-child .design-styled-part:after {
left: calc(var(--cols-gap, 30px) / -2);
right: auto;
}
.etheme-elementor-cart-checkout-page-wrapper .cart-order-details > div {
margin-bottom: 0;
}
.woocommerce-cart-form__contents thead th {
padding-top: 0;
}
.etheme-elementor-cart-checkout-page-wrapper .actions,
.etheme-elementor-cart-checkout-page-wrapper .coupon {
margin-bottom: 0;
}
.etheme-elementor-cart-checkout-page-wrapper .actions {
display: grid;
grid-gap: 15px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (min-width: 769px) {
.etheme-elementor-cart-checkout-page-wrapper .actions {
grid-template-columns: auto auto;
}
}
.etheme-elementor-cart-checkout-page-wrapper .actions > div:only-child {
text-align: start;
}
.etheme-elementor-cart-checkout-page-wrapper .actions-buttons {
display: grid;
grid-gap: inherit;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
grid-template-columns: auto auto;
}
.etheme-elementor-cart-checkout-page-wrapper .actions-buttons:has([name="update_cart"].hidden, [name="update_cart"]:first-child) {
grid-template-columns: auto;
}
@media only screen and (max-width: 768px) {
.etheme-elementor-cart-checkout-page-wrapper .actions-buttons:has([name="update_cart"].hidden, [name="update_cart"]:first-child) {
grid-template-columns: 1fr;
}
.etheme-elementor-cart-checkout-page-wrapper .actions-buttons:has([name="update_cart"].hidden, [name="update_cart"]:first-child) .clear-cart {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.etheme-elementor-cart-checkout-page-wrapper .actions .clear-cart,
.etheme-elementor-cart-checkout-page-wrapper .actions button[name=update_cart] {
margin-left: 0;
margin-right: 0;
}
.etheme-elementor-cart-checkout-page-wrapper .actions .clear-cart i,
.etheme-elementor-cart-checkout-page-wrapper .actions button[name=update_cart] i {
margin: 0;
}
.cart_totals tr:first-child th,
.cart_totals tr:first-child td {
padding-top: 0;
}
body:not(.elementor-editor-active) .content-page:has(.wc-empty-cart-message) .elementor-widget-woocommerce-etheme_sales_cart_checkout_progress_bar {
display: none;
}
.woocommerce-checkout-review-order-table thead th {
padding-top: 0;
}
.woocommerce-checkout-payment-wrapper #payment {
padding-top: 0;
border: none;
}
#ship-to-different-address .checkbox {
margin-bottom: 0;
}
#ship-to-different-address ~ .shipping_address {
margin-top: 8px;
}
.woocommerce-account-fields:not(:first-child) {
margin-top: var(--steps-gap, var(--fields-v-gap, 1.43rem));
}
.woocommerce-checkout-payment-wrapper:not(:first-child),
.woocommerce-shipping-methods-fields:not(:first-child) {
margin-top: var(--steps-gap, var(--fields-v-gap, 1.43rem));
}
.woocommerce-notices-wrapper:not(:empty) + .etheme-elementor-checkout-form {
margin-top: 30px;
}
.etheme-elementor-cart-checkout-page-coupon,
.etheme-elementor-cart-checkout-page-login-form {
margin-bottom: var(--checkout-section-spacing, 20px);
}
.woocommerce-checkout-review-order .etheme-elementor-cart-checkout-page-coupon:first-child,
.woocommerce-checkout-review-order .etheme-elementor-cart-checkout-page-login-form:first-child {
margin-top: var(--checkout-section-spacing, 20px);
}
.etheme-elementor-cart-checkout-page-coupon .section-heading,
.etheme-elementor-cart-checkout-page-login-form .section-heading {
color: var(--et_dark-2-white);
}
.etheme-elementor-cart-checkout-page-coupon .section-content,
.etheme-elementor-cart-checkout-page-login-form .section-content {
margin-top: var(--checkout-section-heading-spacing, 20px);
}
.woocommerce-message + .etheme-elementor-cart-checkout-page-coupon,
.woocommerce-message + .etheme-elementor-cart-checkout-page-login-form,
.woocommerce-error + .etheme-elementor-cart-checkout-page-coupon,
.woocommerce-error + .etheme-elementor-cart-checkout-page-login-form,
.woocommerce-message:has( + .etheme-elementor-cart-checkout-page-coupon),
.woocommerce-message:has( + .etheme-elementor-cart-checkout-page-login-form),
.woocommerce-error:has( + .etheme-elementor-cart-checkout-page-coupon),
.woocommerce-error:has( + .etheme-elementor-cart-checkout-page-login-form) {
margin-top: var(--checkout-section-spacing, 20px);
}
.etheme-elementor-cart-checkout-page-coupon .woocommerce-info,
.etheme-elementor-cart-checkout-page-login-form .woocommerce-info {
color: currentColor;
font: inherit;
margin: 0 !important;
}
.etheme-elementor-cart-checkout-page-coupon .woocommerce-info:before,
.etheme-elementor-cart-checkout-page-login-form .woocommerce-info:before {
display: none;
}
@media only screen and (min-width: 993px) {
form.checkout:has(.etheme-elementor-cart-checkout-page-wrapper.flex) [class*=-separated] .etheme-elementor-cart-checkout-page-coupon,
form.checkout:has(.etheme-elementor-cart-checkout-page-wrapper.flex) [class*=-separated] .etheme-elementor-cart-checkout-page-login-form {
width: calc(100% - var(--column-proportion,40%) - var(--cols-gap,30px));
}
}
form.checkout:has(.etheme-elementor-cart-checkout-page-wrapper.flex) [class*=-separated] .etheme-elementor-cart-checkout-page-login-form .form-row {
width: 100%;
padding: 0;
}
.etheme-elementor-cart-checkout-page-coupon {
--fields-v-gap: 0;
}
.etheme-elementor-cart-checkout-page-coupon .form-row-first {
-webkit-padding-end: var(--fields-h-gap, 15px);
padding-inline-end: var(--fields-h-gap, 15px);
}
.etheme-elementor-cart-checkout-page-login-form .woocommerce-form-login__rememberme {
margin-bottom: 0 !important;
margin-right: 15px;
}
.etheme-checkout-page-steps-footer #place_order,
.etheme-checkout-page-next-step {
background-color: var(--et_btn-dark-bg-color);
color: var(--et_btn-dark-color);
font-size: 0.85rem;
text-align: center;
line-height: 1;
padding: 0.75rem 2.2rem;
}
.etheme-checkout-page-steps-footer #place_order:hover,
.etheme-checkout-page-next-step:hover {
background-color: var(--et_btn-dark-bg-color-hover);
color: var(--et_btn-dark-color-hover);
}
.etheme-checkout-page-previous-step,
.etheme-checkout-page-next-step {
margin-top: calc(var(--footer-steps-space, 30px) / 2);
}
.etheme-checkout-page-step-stretch {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.etheme-checkout-page-steps-footer {
margin-top: calc(var(--footer-steps-space, 30px) / 2);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-checkout-page-steps-footer:has(.etheme-checkout-page-step-stretch) {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.etheme-checkout-page-steps-footer.loading {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
.etheme-checkout-page-steps-footer i {
font-size: 0.75em;
}
.etheme-checkout-page-steps-footer i:first-child {
-webkit-margin-end: 3px;
margin-inline-end: 3px;
}
.etheme-checkout-page-steps-footer i:last-child {
-webkit-margin-start: 3px;
margin-inline-start: 3px;
}
@media only screen and (max-width: 768px) {
.etheme-checkout-page-steps-footer {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.etheme-checkout-page-next-step {
margin-top: 15px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.etheme-elementor-cart-checkout-page-wrapper .form-row:last-child {
margin-bottom: 0;
}
.etheme-elementor-cart-checkout-page-wrapper .woocommerce-shipping-fields .shipping_address_wrapper:not(:last-child) {
margin-bottom: var(--steps-gap, var(--fields-v-gap, 1.43rem));
}
.etheme-progress-bar {
position: relative;
line-height: 1;
}
.etheme-progress-bar-wrapper {
max-width: var(--max-width, 200px);
margin: 0 auto;
}
.etheme-progress-bar-text-wrapper {
text-align: center;
}
.etheme-progress-bar-text-wrapper > span {
display: block;
}
.etheme-progress-bar-text-wrapper > span:not(:last-child) {
margin-bottom: var(--content-space, 5px);
}
.etheme-progress-bar-text-wrapper-middle > span {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.etheme-progress-bar-value {
font-size: 2rem;
color: var(--progress-color-01, #008aff);
font-weight: 700;
}
.etheme-progress-bar-value:after {
content: attr(data-suffix);
}
.etheme-progress-bar-text {
color: #000;
}
.etheme-progress-bar[data-type=circle] svg {
position: relative;
height: auto;
max-width: 100%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 100%;
overflow: hidden;
border-radius: 50%;
}
.etheme-progress-bar[data-type=circle] svg circle {
fill: none;
stroke: var(--progress-color-01, #008AFF);
stroke-dashoffset: 314.159265;
stroke-width: var(--progress-weight, 3);
}
.etheme-progress-bar[data-type=circle] svg circle.incomplete {
stroke: var(--progress-color-02, var(--progress-color-01, #008AFF));
opacity: var(--progress-color-2-opacity, 0.25);
}
.etheme-progress-bar[data-type=circle] svg circle.complete {
stroke-dasharray: 314.159265;
}
.etheme-progress-bar[data-type=circle] .etheme-progress-bar-svg-wrapper {
--svg-filler-position: calc(var(--progress-weight, 3) * .5px);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: var(--progress-space, 0);
}
.etheme-progress-bar[data-type=circle] .etheme-progress-bar-svg-wrapper:after {
content: '';
background: var(--progress-color-fill, none);
position: absolute;
top: var(--svg-filler-position, 0);
left: var(--svg-filler-position, 0);
right: var(--svg-filler-position, 0);
bottom: var(--svg-filler-position, 0);
border-radius: 50%;
} .contact-form.design-2 input[type="text"] {
width: 100%;
}
@media only screen and (max-width: 768px) {
.contact-form.design-2 input[type="text"] {
width: 100%;
}
.wpb_wrapper .wpcf7-form .form-group p:first-child {
margin-bottom: 1.43em;
}
}
@media only screen and (max-width: 480px) {
.contact-form .pull-right {
width: 100%;
text-align: center;
}
}
.mc4wp-form input[type=email] {
color: var(--et_main-color);
}
.mc4wp-form input[type=email]:focus,
.mc4wp-form input[type="submit"]:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.wpcf7-form {
text-align: start;
}
.wpcf7-form .form-group {
display: inline-block;
width: 100%;
}
.wpcf7-form .form-group p {
width: 50%;
float: left;
margin-bottom: 0;
}
.wpcf7-form .form-group p input {
width: 100%;
}
.wpcf7-form .form-group p:first-child {
padding-right: 15px;
}
.wpcf7-form .form-group p:last-child {
padding-left: 15px;
}
.wpcf7-form .form-group p:only-child {
width: 100%;
float: none;
padding-left: 0;
padding-right: 0;
}
.wpcf7-form br {
display: none;
}
.wpcf7-list-item.first {
margin-right: 0;
margin-left: 0;
}
.wpcf7 .ajax-loader:before,
.wpcf7 .wpcf7-spinner:before {
content: "\e917";
font-family: 'xstore-icons';
-webkit-animation: rotate 0.8s infinite linear;
animation: rotate 0.8s infinite linear;
display: inline-block;
vertical-align: middle;
line-height: 1;
position: static;
-webkit-transform-origin: center;
transform-origin: center;
background-color: transparent;
}
form.wpcf7-form label {
display: block;
}
form.wpcf7-form > p:last-of-type {
margin-bottom: 0;
}
form.wpcf7-form .wpcf7-submit:not(.active) {
background-color: var(--et_btn-dark-bg-color);
border: 1px solid var(--et_btn-dark-br-color);
color: var(--et_btn-dark-color);
-webkit-text-fill-color: currentColor;
}
form.wpcf7-form .wpcf7-submit:not(.active):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);
}
div.wpcf7 .ajax-loader,
div.wpcf7 .wpcf7-spinner {
width: auto;
height: auto;
background: none;
line-height: 1;
margin: 8px 15px;
position: absolute;
}
.wpcf7 .text-center-form,
.wpb_column.text-center .wpcf7-form {
text-align: center;
}
@media only screen and (max-width: 480px) {
.wpcf7-form .form-group p {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
div.wpcf7-response-output {
padding: 15px 20px !important;
background: #fff;
margin-left: 0 !important;
margin-right: 0 !important;
} .mc4wp-form .et-mailchimp label {
font-weight: 400;
}
.mpc-mailchimp.mpc-submit--small .et-mailchimp:not(.classic-button) input[type="submit"] {
width: 40px;
}
.mc4wp-form-basic .et-mailchimp input[type=date],
.mc4wp-form-basic .et-mailchimp input[type=email],
.mc4wp-form-basic .et-mailchimp input[type=tel],
.mc4wp-form-basic .et-mailchimp input[type=text],
.mc4wp-form-basic .et-mailchimp input[type=url],
.mc4wp-form-basic .et-mailchimp select,
.mc4wp-form-basic .et-mailchimp textarea {
max-width: unset;
}
.et-mailchimp {
position: relative;
}
.et-mailchimp p {
position: relative;
margin-bottom: 10px;
line-height: 1.5;
}
.et-mailchimp p:last-child {
margin-bottom: 0;
}
.et-mailchimp input[type="email"] {
background-color: #fff;
border-color: #e1e1e1;
color: var(--et_dark-color);
max-width: 100%;
height: 40px;
}
.et-mailchimp label,
.et-mailchimp input[type="email"]::-webkit-input-placeholder,
.et-mailchimp input[type="email"]::-moz-placeholder {
color: var(--et_main-color);
}
.et-mailchimp:not(.classic-button) input[type="submit"] {
width: 40px;
height: 100%;
padding: 0;
border-style: solid;
position: absolute;
top: 0;
font-size: 0;
background: url(//www.atoutsud.fr/wp-content/themes/xstore/images/mailchimp-plus.png) no-repeat center;
background-size: 16px;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.et-mailchimp:not(.classic-button) input[type="submit"]:hover {
border-color: #e1e1e1;
opacity: 0.8;
}
.et-mailchimp:not(.dark) input[type="submit"] {
color: #fff;
background-color: var(--et_active-color);
}
.et-mailchimp:not(.dark):not(.classic-button) input[type="submit"] {
background-image: url(//www.atoutsud.fr/wp-content/themes/xstore/images/mailchimp-plus-white.png);
}
.et-mailchimp.classic-button p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.et-mailchimp.classic-button input[type="submit"] {
padding-right: 15px;
padding-left: 15px;
border-style: solid;
}
.et-mailchimp.classic-button:not(.dark) input[type="submit"]:hover {
border-color: #e1e1e1;
opacity: 0.8;
}
.et-mailchimp.dark input[type="submit"] {
background-color: #fff;
color: var(--et_dark-color);
border-color: #e1e1e1;
}
.et-mailchimp.dark input[type="submit"]:hover {
color: var(--et_main-color);
border-color: #e1e1e1;
}
.footer .mc4wp-form .et-mailchimp,
.prefooter .mc4wp-form .et-mailchimp {
margin-bottom: 0;
}
.et-mailchimp:not(.classic-button) input[type="submit"] {
border-left: none;
right: 0;
}
.et-mailchimp.classic-button input[type="email"] {
border-right: none;
}
.et-mailchimp.dark input[type="submit"] {
border-left: none;
}
.etheme-contact-form-7 .wpcf7-form:after {
clear: both;
content: "";
font-size: 0;
height: 0;
display: block;
visibility: hidden;
}
.etheme-contact-form-7 .wpcf7-form label,
.etheme-contact-form-7 .wpcf7-form .wpcf7-form-control-wrap {
display: block;
}
.etheme-contact-form-7 .wpcf7-form p {
margin-bottom: 0;
}
.etheme-contact-form-7 .wpcf7-form select {
width: 100%;
}
.etheme-contact-form-7.labels-hide .wpcf7-form label {
font-size: 0 !important;
}
.etheme-contact-form-7-title {
margin-bottom: 10px;
}
.etheme-contact-form-7-description {
margin-bottom: 20px;
}
.etheme-contact-form-7 .form-group {
vertical-align: middle;
}
@media only screen and (min-width: 481px) {
.etheme-contact-form-7 .form-group .wpcf7-form-control-wrap {
margin-bottom: 0 !important;
}
}
@media only screen and (max-width: 480px) {
.etheme-contact-form-7 .form-group > p:last-child .wpcf7-form-control-wrap {
margin-bottom: 0 !important;
}
}
.etheme-contact-form-7-button-full-width .wpcf7-form-control.wpcf7-submit {
width: 100%;
}
.etheme-custom-radio-checkbox input[type="checkbox"],
.etheme-custom-radio-checkbox input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
border-style: solid;
border-width: 0;
outline: none;
min-width: 1px;
width: 15px;
height: 15px;
background: #ddd;
padding: 3px;
}
.etheme-custom-radio-checkbox input[type="checkbox"]:before,
.etheme-custom-radio-checkbox input[type="radio"]:before {
content: "";
width: 100%;
height: 100%;
padding: 0;
margin: 0;
display: block;
}
.etheme-custom-radio-checkbox input[type="checkbox"]:checked:before,
.etheme-custom-radio-checkbox input[type="radio"]:checked:before {
background: #999;
-webkit-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
.etheme-custom-radio-checkbox input[type="radio"],
.etheme-custom-radio-checkbox input[type="radio"]:before {
border-radius: 50%;
}
.etheme-cs-toggles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
margin-bottom: 20px;
}
.etheme-cs-switch {
color: #888;
}
.etheme-cs-switch.active {
color: #000;
}
.etheme-input-label {
position: relative;
display: inline-block;
margin: unset;
font-size: 12px;
width: 5em;
height: 2.5em;
}
.etheme-input-label:not(:only-child) {
margin: 0 10px;
}
.etheme-input-label .etheme-cs-slider,
.etheme-input-label .etheme-cs-slider:before {
position: absolute;
border-width: 0;
border-style: solid;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.etheme-input-label .etheme-cs-slider {
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--color-02, #2962FF);
cursor: pointer;
}
.etheme-input-label .etheme-cs-slider:before {
content: "";
bottom: 0.4em;
left: 0.4em;
width: 1.7em;
height: 1.7em;
background-color: var(--color-01, #fff);
}
.etheme-input-label .etheme-cs-slider.etheme-cs-square,
.etheme-input-label .etheme-cs-slider.etheme-cs-square:before {
border-radius: 0;
}
.etheme-input-label .etheme-cs-slider.etheme-cs-round,
.etheme-input-label .etheme-cs-slider.etheme-cs-round-2,
.etheme-input-label .etheme-cs-slider.etheme-cs-round-3 {
border-radius: 1.7em;
}
.etheme-input-label .etheme-cs-slider.etheme-cs-round:before,
.etheme-input-label .etheme-cs-slider.etheme-cs-round-2:before,
.etheme-input-label .etheme-cs-slider.etheme-cs-round-3:before {
border-radius: 50%;
}
.etheme-input-label input {
width: 0;
height: 0;
opacity: 0;
position: absolute;
}
.etheme-input-label input:checked + .etheme-cs-round,
.etheme-input-label input:checked + .etheme-cs-round-2,
.etheme-input-label input:checked + .etheme-cs-square,
.etheme-input-label input:checked + .etheme-cs-square-2 {
background-color: var(--color-active-02, #e1e1e1);
}
.etheme-input-label input:checked + .etheme-cs-round:before,
.etheme-input-label input:checked + .etheme-cs-round-2:before,
.etheme-input-label input:checked + .etheme-cs-square:before,
.etheme-input-label input:checked + .etheme-cs-square-2:before {
left: calc(100% - 1.7em*2 - .4em);
background-color: var(--color-active-01, #888);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
span.etheme-cs-slider.etheme-cs-round-2,
span.etheme-cs-slider.etheme-cs-square-2 {
top: 50%;
height: 0.85em;
width: calc(100% - 4px);
background: var(--color-02, rgba(41, 98, 255, 0.5));
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 auto;
}
span.etheme-cs-slider.etheme-cs-round-2 {
border-radius: 2em;
}
span.etheme-cs-slider.etheme-cs-round-2:before,
span.etheme-cs-slider.etheme-cs-square-2:before {
bottom: -50%;
left: -0.1em;
background: var(--color-01, #2962FF);
}
.etheme-input-label input:checked + .etheme-cs-round-2:before,
.etheme-input-label input:checked + .etheme-cs-square-2:before {
left: calc(100% - 1.7em*2 + .1em);
}
.etheme-input-label.type-3 {
width: auto;
}
.etheme-cs-slider.etheme-cs-square-3 span,
.etheme-cs-slider.etheme-cs-round-3 span {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--color-01, #2962ff);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-input-label .etheme-cs-square-3 .etheme-cs-toggle-a,
.etheme-input-label .etheme-cs-round-3 .etheme-cs-toggle-a {
left: 0.4em;
margin-left: 0.4em;
margin-right: 2.9em;
}
.etheme-input-label .etheme-cs-square-3,
.etheme-input-label .etheme-cs-round-3 {
position: relative;
background-color: var(--color-02, rgba(41, 98, 255, 0.15));
display: inline-block;
height: 2.5em;
}
.etheme-input-label .etheme-cs-slider .etheme-cs-toggle-b {
right: 0.4em;
margin-right: 0.4em;
margin-left: 2.9em;
color: var(--color-active-01, #888);
}
.etheme-input-label .etheme-cs-square-3:before,
.etheme-input-label .etheme-cs-round-3:before {
z-index: 1;
background-color: var(--color-01, #2962ff);
}
.etheme-input-label input:not(:checked) + .etheme-cs-square-3:before,
.etheme-input-label input:not(:checked) + .etheme-cs-round-3:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
left: calc(100% - 1.7em*2 - .4em);
}
.etheme-input-label input:checked + .etheme-cs-square-3 .etheme-cs-toggle-b,
.etheme-input-label input:not(:checked) + .etheme-cs-square-3 .etheme-cs-toggle-a,
.etheme-input-label input:checked + .etheme-cs-round-3 .etheme-cs-toggle-b,
.etheme-input-label input:not(:checked) + .etheme-cs-round-3 .etheme-cs-toggle-a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.etheme-input-label input:checked + .etheme-cs-square-3,
.etheme-input-label input:checked + .etheme-cs-round-3 {
background-color: var(--color-active-02, #e1e1e1);
}
.etheme-input-label input:checked + .etheme-cs-square-3:before,
.etheme-input-label input:checked + .etheme-cs-round-3:before {
background-color: var(--color-active-01, #888);
}
.etheme-input-label input:focus + .etheme-cs-round,
.etheme-input-label input:focus + .etheme-cs-round-2,
.etheme-input-label input:focus + .etheme-cs-square,
.etheme-input-label input:focus + .etheme-cs-square-2 {
-webkit-box-shadow: unset;
box-shadow: unset;
}
.etheme-cs-content:not(.active) {
display: none;
}
.etheme-countdown {
--gap: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: calc(-1 * var(--gap));
}
.etheme-countdown-item {
--inner-gap: 3px;
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;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
background: var(--et_dark-2-white);
padding: 10px;
color: var(--et_white-2-dark);
margin: var(--gap);
min-width: var(--item-min-width);
min-height: var(--item-min-height);
}
.etheme-countdown-digits {
font-size: 2em;
font-weight: 600;
line-height: 1;
}
.etheme-countdown-item-inner span {
text-align: center;
vertical-align: middle;
}
.etheme-countdown-item.label-bottom span {
display: block;
}
.etheme-countdown-item.label-bottom span + span {
margin-top: var(--inner-gap);
}
.etheme-countdown-item.label-left span + span,
.etheme-countdown-item.label-right span + span {
margin-left: var(--inner-gap);
} .etheme-custom-masonry {
--min-height: 300px;
display: -ms-grid;
display: grid;
min-height: var(--min-height, 300px);
overflow: hidden;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(12, 1fr);
grid-gap: 12px;
}
.etheme-custom-masonry .et-masonry-item {
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 992px) {
.etheme-custom-masonry {
--min-height: 300px !important;
grid-template-columns: repeat(auto-fill, minmax(var(--min-height, 300px), 1fr));
grid-template-rows: repeat(auto-fill, minmax(var(--min-height, 300px), 1fr));
}
.etheme-custom-masonry .et-masonry-item,
.etheme-custom-masonry .et-masonry-item > a {
min-height: var(--min-height, 300px);
}
}
.etheme-custom-masonry .et-masonry-item .info-box {
padding: 5px;
}
.etheme-custom-masonry .et-masonry-item .info-box-inner {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-custom-masonry .et-masonry-item .info-box-inner > span {
display: block;
}
.etheme-custom-masonry .et-masonry-item mark {
text-decoration: none;
color: currentColor;
}
.etheme-custom-masonry .grid-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.etheme-custom-masonry .et-masonry-item[data-hover="ltr"] .grid-img,
.etheme-custom-masonry .et-masonry-item[data-hover="rtl"] .grid-img {
width: calc(100% + 20px);
}
.etheme-custom-masonry .et-masonry-item[data-hover="rtl"]:not(:hover) .grid-img {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
.etheme-custom-masonry .et-masonry-item[data-hover="ltr"]:not(:hover) .grid-img {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
.etheme-custom-masonry .et-masonry-item[data-hover="ltr"] .grid-img {
position: relative;
}
.etheme-custom-masonry .et-masonry-item[data-hover="ltr"] .grid-img {
left: -20px;
}
.etheme-custom-masonry .et-masonry-item[data-hover="zoom-in"]:hover .grid-img,
.etheme-custom-masonry .et-masonry-item[data-hover="zoom-out"]:not(:hover) .grid-img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.etheme-custom-masonry .et-masonry-item[data-hover="border-in"] > a:after {
content: '';
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border: 1px solid #fff;
-webkit-transition: all 0.7s cubic-bezier(0, 0, 0.44, 1.18);
transition: all 0.7s cubic-bezier(0, 0, 0.44, 1.18);
z-index: 1;
}
.etheme-custom-masonry .et-masonry-item[data-hover="border-in"]:not(:hover) .grid-img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.etheme-custom-masonry .et-masonry-item[data-hover="border-in"]:not(:hover) > a:after {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 0;
visibility: hidden;
}
.etheme-custom-masonry .et-masonry-item[data-overlay] > a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 1;
}
.etheme-custom-masonry .et-masonry-item[data-overlay]:hover > a:before {
background: rgba(0, 0, 0, 0.5);
}
.etheme-custom-masonry .et-masonry-item[data-content-hover="reveal"] .info-box-inner > *:not(.item-name) {
display: block !important;
-webkit-transition: all 0.7s cubic-bezier(0, 0, 0.44, 1.18);
transition: all 0.7s cubic-bezier(0, 0, 0.44, 1.18);
}
.etheme-custom-masonry .et-masonry-item[data-content-hover] .read-more:before {
background-color: currentColor;
}
.etheme-custom-masonry .et-masonry-item[data-content-hover="reveal"]:not(:hover) .info-box-inner > *:not(.item-name):not(.button) {
max-height: 0;
}
.etheme-custom-masonry .et-masonry-item[data-content-hover="reveal"]:not(:hover) .info-box-inner > .button {
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
.etheme-custom-masonry .et-masonry-item[data-content-hover="reveal"]:not(:hover) .info-box-inner > *:not(.item-name) {
opacity: 0;
margin: 0 !important;
}
.etheme-custom-masonry .et-masonry-item[data-content-hover="reveal"]:hover .info-box-inner > *:not(.item-name) {
max-height: 50px;
}
.etheme-custom-masonry .info-box {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #f7f7f7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 2;
}
.etheme-custom-masonry .info-box .star-rating {
margin: 0;
}
.etheme-custom-masonry .info-box .meta-post,
.etheme-custom-masonry .info-box .meta-post a,
.etheme-custom-masonry .info-box .post-comments-count {
color: inherit;
} @media only screen and (min-width: 992px) {
.etheme-custom-masonry[data-type="1"] .grid-1 {
grid-area: 1/1/13/7;
}
.etheme-custom-masonry[data-type="1"] .grid-2 {
grid-area: 1/7/7/10;
}
.etheme-custom-masonry[data-type="1"] .grid-3 {
grid-area: 7/7/13/10;
}
.etheme-custom-masonry[data-type="1"] .grid-4 {
grid-area: 1/10/7/13;
}
.etheme-custom-masonry[data-type="1"] .grid-5 {
grid-area: 7/10/13/13;
} .etheme-custom-masonry[data-type="2"] .grid-1 {
grid-area: 1/1/7/5;
}
.etheme-custom-masonry[data-type="2"] .grid-2 {
grid-area: 7/1/13/5;
}
.etheme-custom-masonry[data-type="2"] .grid-3 {
grid-area: 1/5/13/9;
}
.etheme-custom-masonry[data-type="2"] .grid-4 {
grid-area: 1/9/7/13;
}
.etheme-custom-masonry[data-type="2"] .grid-5 {
grid-area: 7/9/13/13;
} .etheme-custom-masonry[data-type="3"] .grid-1 {
grid-area: 1/1/7/9;
}
.etheme-custom-masonry[data-type="3"] .grid-2 {
grid-area: 1/9/7/13;
}
.etheme-custom-masonry[data-type="3"] .grid-3 {
grid-area: 7/1/13/5;
}
.etheme-custom-masonry[data-type="3"] .grid-4 {
grid-area: 7/5/13/13;
} .etheme-custom-masonry[data-type="4"] {
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(6, 1fr);
}
.etheme-custom-masonry[data-type="4"] .grid-1 {
grid-area: 1/1/7/7;
}
.etheme-custom-masonry[data-type="4"] .grid-2 {
grid-area: 1/7/4/10;
}
.etheme-custom-masonry[data-type="4"] .grid-3 {
grid-area: 4/7/7/10;
}
.etheme-custom-masonry[data-type="4"] .grid-4 {
grid-area: 1/10/7/13;
} .etheme-custom-masonry[data-type="5"] {
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(8, 1fr);
}
.etheme-custom-masonry[data-type="5"] .grid-1 {
grid-area: 1/1/6/6;
}
.etheme-custom-masonry[data-type="5"] .grid-2 {
grid-area: 6/1/9/6;
}
.etheme-custom-masonry[data-type="5"] .grid-3 {
grid-area: 1/6/5/9;
}
.etheme-custom-masonry[data-type="5"] .grid-4 {
grid-area: 5/6/9/9;
}
.etheme-custom-masonry[data-type="5"] .grid-5 {
grid-area: 1/9/4/13;
}
.etheme-custom-masonry[data-type="5"] .grid-6 {
grid-area: 4/9/9/13;
}
}
.etheme-custom-masonry.skeleton .grid-img {
background: #ddd;
color: #888;
font-size: 2.3em;
font-weight: 600;
width: 100%;
}
.etheme-custom-masonry.skeleton .grid-img:before {
content: attr(data-number);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.etheme-elementor-dropdown .etheme-elementor-off-canvas__container {
position: absolute;
width: auto;
height: auto;
overflow: visible;
top: 100%;
bottom: auto;
background: none;
min-width: 330px;
left: 0;
right: auto;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: background-color 0.4s, -webkit-transform 0s;
transition: background-color 0.4s, -webkit-transform 0s;
transition: background-color 0.4s, transform 0s;
transition: background-color 0.4s, transform 0s, -webkit-transform 0s;
}
@media (max-width: 767px) {
.etheme-elementor-dropdown .etheme-elementor-off-canvas__container {
min-width: 300px;
}
}
.etheme-elementor-dropdown .etheme-elementor-off-canvas__main {
width: auto;
height: auto;
position: relative;
top: auto;
bottom: auto;
right: auto;
left: auto;
overflow: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.etheme-elementor-dropdown:not(.etheme-elementor-off-canvas--active) .etheme-elementor-off-canvas__container {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: background-color 0.4s, -webkit-transform 0s 0.4s;
transition: background-color 0.4s, -webkit-transform 0s 0.4s;
transition: background-color 0.4s, transform 0s 0.4s;
transition: background-color 0.4s, transform 0s 0.4s, -webkit-transform 0s 0.4s;
}
.etheme-elementor-dropdown:not(.etheme-elementor-off-canvas--active) .etheme-elementor-off-canvas__main {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.elementor-edit-area-active .elementor-loading.etheme-elementor-off-canvas--active {
opacity: 1;
}
.elementor-edit-area-active .elementor-loading.etheme-elementor-off-canvas--active .etheme-elementor-off-canvas__container {
z-index: 9999;
}
.etheme-category-grid-heading-title {
color: var(--et_dark-2-white);
line-height: var(--category-title-line-height);
height: calc(var(--etheme-heading-lines) * var(--category-title-line-height));
overflow: hidden;
margin-bottom: 0px;
}
.etheme-category-grid-heading a {
line-height: inherit !important;
}
.etheme-category-grid-heading-wrapper {
--h3-size-proportion: 3.15;
}
.etheme-category-grid-heading-wrapper .return-to-previous {
display: inline-block;
font-size: 1rem;
margin-bottom: 30px;
}
.etheme-category-grid-heading-wrapper .return-to-previous svg {
width: 0.85em;
height: 0.85em;
}
.etheme-category-grid-item .etheme-category-grid-content {
text-align: unset;
line-height: 1.4;
}
.etheme-category-grid-item .button svg {
fill: currentColor;
width: 1em;
height: 1em;
}
.etheme-category-grid-title {
line-height: var(--category-title-line-height);
height: calc(var(--category-title-lines) * var(--category-title-line-height));
text-transform: none;
font-size: 1.14rem;
margin-bottom: 0;
overflow: hidden;
display: inline-block;
width: 100%;
}
.etheme-category-grid-title a {
position: relative;
display: inline-block;
color: currentColor;
line-height: inherit !important;
}
.etheme-category-grid-title span {
background-image: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor));
background-image: linear-gradient(90deg, currentcolor, currentcolor);
background-size: 0% 1px;
background-repeat: no-repeat;
background-position: left bottom;
-webkit-transition: inherit;
transition: inherit;
}
.etheme-category-grid-item:hover .etheme-category-grid-title span,
.etheme-category-grid-item-current .etheme-category-grid-title span {
background-size: 100% 1px;
}
.etheme-category-grid-count {
font-size: 0.85rem;
}
.etheme-category-grid-image {
width: var(--image-proportion, auto);
height: var(--image-proportion, auto);
max-width: var(--image-proportion, 100%);
margin-left: auto;
margin-right: auto;
margin-bottom: var(--image-space, 10px);
overflow: hidden;
}
.etheme-category-grid-image img {
display: inline-block;
width: var(--image-proportion, auto);
height: var(--image-proportion, auto);
max-width: var(--image-proportion, 100%);
-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-category-grid-image-ghost {
position: relative;
background: var(--et_light-color2);
}
.etheme-category-grid-image-ghost[data-type=new] {
background: #E6F4ED;
--et_link-color: var(--et_green-color);
--et_link-color-hover: var(--et_green-color);
}
.etheme-category-grid-image-ghost[data-type=sale] {
background: #F9EAEA;
--et_link-color: var(--et_red-color);
--et_link-color-hover: var(--et_red-color);
}
.etheme-category-grid-image-ghost img {
opacity: 0;
}
.etheme-category-grid-image-ghost span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
text-transform: uppercase;
font-weight: bold;
}
.etheme-category-grid-image.rounded,
.etheme-category-grid-image.rounded img {
border-radius: 50%;
}
.etheme-category-grid-image-ghost.rounded,
.etheme-category-grid-image:not(.etheme-category-grid-image-ghost).rounded img {
border: 1px solid var(--et_border-color);
width: var(--image-proportion, 150px);
height: var(--image-proportion, 150px);
}
.etheme-category-grid-button {
display: inline-block;
height: auto;
background-color: #000;
color: #fff;
border: none;
position: relative;
}
.etheme-category-grid-button:hover {
background-color: #333;
color: #fff;
}
.etheme-category-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.3s linear infinite;
animation: rotate 0.3s linear infinite;
border-radius: 50%;
}
.etheme-category-grid-button.loading:before {
display: block !important;
}
.type-list.etheme-category-grid-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: start;
}
.type-list.etheme-category-grid-item .etheme-category-grid-image {
position: relative;
}
.type-list.etheme-category-grid-item .etheme-category-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%);
}
.type-list.etheme-category-grid-item .etheme-category-grid-image:not(:only-child):first-child {
margin: 0;
-webkit-margin-end: var(--image-space, 20px);
margin-inline-end: var(--image-space, 20px);
}
.type-list.etheme-category-grid-item .etheme-category-grid-image:not(:only-child):last-child {
margin: 0;
-webkit-margin-start: var(--image-space, 20px);
margin-inline-start: var(--image-space, 20px);
}
.type-list.etheme-category-grid-item .etheme-category-grid-content {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.type-list.etheme-category-grid-item .etheme-category-grid-content:not(:only-child) {
max-width: calc(100% - var(--image-width, 35%));
}
.etheme-flipbox-wrapper {
position: relative;
height: 300px;
overflow: hidden;
}
.etheme-flipbox-wrapper > div {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
padding: 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-transition: all var(--transition-duration, 0.3s) var(--transition-timing-fn, ease-in-out);
transition: all var(--transition-duration, 0.3s) var(--transition-timing-fn, ease-in-out);
}
.etheme-flipbox-wrapper > div:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
}
.etheme-flipbox-wrapper:hover > div {
border-radius: inherit;
}
.etheme-flipbox-side_b {
background: #bbb;
z-index: 1;
}
.etheme-flipbox-inner {
width: 100%;
z-index: 1;
}
.etheme-flipbox-icon:not(:last-child),
.etheme-flipbox-image:not(:last-child),
.etheme-flipbox-description:not(:last-child) {
margin-bottom: 15px;
}
.etheme-flip-box-effect-flip {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.etheme-flip-box-effect-flip .etheme-flipbox-side_a {
z-index: 1;
}
.etheme-flip-box-effect-flip > div {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all var(--transition-duration, 0.2s) var(--transition-timing-fn, linear);
transition: all var(--transition-duration, 0.2s) var(--transition-timing-fn, linear);
}
.etheme-flip-box-effect-flip-bounced > div {
-webkit-transition-timing-function: cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition-timing-function: cubic-bezier(0.2, 0.85, 0.4, 1.275);
}
.etheme-flip-box-effect-flip.etheme-flip-box-direction-right:not(:hover) .etheme-flipbox-side_b {
-webkit-transform: rotateX(0) rotateY(180deg);
transform: rotateX(0) rotateY(180deg);
}
.etheme-flip-box-effect-flip.etheme-flip-box-direction-right:hover .etheme-flipbox-side_a {
-webkit-transform: rotateX(0) rotateY(180deg);
transform: rotateX(0) rotateY(180deg);
}
.etheme-flip-box-effect-flip.etheme-flip-box-direction-left:not(:hover) .etheme-flipbox-side_b {
-webkit-transform: rotateX(0) rotateY(180deg);
transform: rotateX(0) rotateY(180deg);
}
.etheme-flip-box-effect-flip.etheme-flip-box-direction-left:hover .etheme-flipbox-side_a {
-webkit-transform: rotateX(0) rotateY(-180deg);
transform: rotateX(0) rotateY(-180deg);
}
.etheme-flip-box-effect-flip.etheme-flip-box-direction-up:not(:hover) .etheme-flipbox-side_b {
-webkit-transform: rotateX(-180deg) rotateY(0);
transform: rotateX(-180deg) rotateY(0);
}
.etheme-flip-box-effect-flip.etheme-flip-box-direction-up:hover .etheme-flipbox-side_a {
-webkit-transform: rotateX(180deg) rotateY(0);
transform: rotateX(180deg) rotateY(0);
}
.etheme-flip-box-effect-flip.etheme-flip-box-direction-down:not(:hover) .etheme-flipbox-side_b {
-webkit-transform: rotateX(180deg) rotateY(0);
transform: rotateX(180deg) rotateY(0);
}
.etheme-flip-box-effect-flip.etheme-flip-box-direction-down:hover .etheme-flipbox-side_a {
-webkit-transform: rotateX(-180deg) rotateY(0);
transform: rotateX(-180deg) rotateY(0);
}
.etheme-flip-box-effect-fade:not(:hover) .etheme-flipbox-side_b {
opacity: 0;
visibility: hidden;
}
.etheme-flip-box-effect-slide.etheme-flip-box-effect-slide-delayed > div {
-webkit-transition-duration: var(--transition-duration, 0.7s);
transition-duration: var(--transition-duration, 0.7s);
}
.etheme-flip-box-effect-slide.etheme-flip-box-effect-slide-delayed .etheme-flipbox-side_b {
--slide-delay-percent: 21%;
}
.etheme-flip-box-effect-slide.etheme-flip-box-direction-down:not(:hover) .etheme-flipbox-side_b,
.etheme-flip-box-effect-slide.etheme-flip-box-direction-up:hover .etheme-flipbox-side_a,
.etheme-flip-box-effect-overlay.etheme-flip-box-direction-down:not(:hover) .etheme-flipbox-side_b {
-webkit-transform: translateX(0) translateY(calc((99% + var(--slide-delay-percent, 1%)) * -1));
transform: translateX(0) translateY(calc((99% + var(--slide-delay-percent, 1%)) * -1));
}
.etheme-flip-box-effect-slide.etheme-flip-box-direction-up:not(:hover) .etheme-flipbox-side_b,
.etheme-flip-box-effect-slide.etheme-flip-box-direction-down:hover .etheme-flipbox-side_a,
.etheme-flip-box-effect-overlay.etheme-flip-box-direction-up:not(:hover) .etheme-flipbox-side_b {
-webkit-transform: translateX(0) translateY(calc((99% + var(--slide-delay-percent, 1%))));
transform: translateX(0) translateY(calc((99% + var(--slide-delay-percent, 1%))));
}
.etheme-flip-box-effect-slide.etheme-flip-box-direction-right:not(:hover) .etheme-flipbox-side_b,
.etheme-flip-box-effect-slide.etheme-flip-box-direction-left:hover .etheme-flipbox-side_a,
.etheme-flip-box-effect-overlay.etheme-flip-box-direction-right:not(:hover) .etheme-flipbox-side_b {
-webkit-transform: translateX(calc((99% + var(--slide-delay-percent, 1%)) * -1)) translateY(0%);
transform: translateX(calc((99% + var(--slide-delay-percent, 1%)) * -1)) translateY(0%);
}
.etheme-flip-box-effect-slide.etheme-flip-box-direction-left:not(:hover) .etheme-flipbox-side_b,
.etheme-flip-box-effect-slide.etheme-flip-box-direction-right:hover .etheme-flipbox-side_a,
.etheme-flip-box-effect-overlay.etheme-flip-box-direction-left:not(:hover) .etheme-flipbox-side_b {
-webkit-transform: translateX(calc(99% + var(--slide-delay-percent, 1%))) translateY(0%);
transform: translateX(calc(99% + var(--slide-delay-percent, 1%))) translateY(0%);
}
.etheme-flip-box-effect-zoom-in:not(:hover) .etheme-flipbox-side_b,
.etheme-flip-box-effect-zoom-in-2:not(:hover) .etheme-flipbox-side_b,
.etheme-flip-box-effect-zoom-out-2:hover .etheme-flipbox-side_a {
-webkit-transform: scale(0.7);
transform: scale(0.7);
opacity: 0;
visibility: hidden;
}
.etheme-flip-box-effect-zoom-out:not(:hover) .etheme-flipbox-side_b,
.etheme-flip-box-effect-zoom-out-2:not(:hover) .etheme-flipbox-side_b,
.etheme-flip-box-effect-zoom-in-2:hover .etheme-flipbox-side_a {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
visibility: hidden;
}
.etheme-flip-box-3d .etheme-flipbox-inner {
-webkit-transform: translateZ(90px) scale(0.91);
transform: translateZ(90px) scale(0.91);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.etheme-gallery-item-details span {
display: block;
width: 100%;
}
.etheme-gallery-item-details-inside {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
pointer-events: none;
border-radius: inherit;
z-index: 1;
}
.etheme-gallery-item-details-inside > * {
color: #fff;
}
.etheme-gallery-item-details-inside > *:last-child {
margin-bottom: 0;
}
.etheme-gallery-item:not(:hover) .etheme-gallery-item-overlay:after {
opacity: 0;
visibility: hidden;
}
.etheme-gallery-item:not(:hover) .etheme-gallery-item-details-inside {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
.etheme-gallery-item-overlay,
.etheme-gallery-image {
display: block;
position: relative;
}
.etheme-gallery-item-overlay:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
pointer-events: none;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-gallery.e-gallery-justified .etheme-gallery-item-overlay {
height: 100%;
}
.etheme-gallery-lightbox-icon {
line-height: 1.4;
margin-bottom: 0;
}
.etheme-gallery-item-title,
.etheme-gallery-item-caption,
.etheme-gallery-item-date {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 1.4;
margin-bottom: 0;
display: block;
width: 100%;
}
.etheme-gallery-item-details:not(.etheme-gallery-item-details-inside) {
display: inline-grid;
width: 100%;
margin-top: 12px;
}
.etheme-gallery img {
width: 100%;
height: auto;
border-radius: inherit;
}
.etheme-gallery:not(.active):not(:only-child) {
display: none;
}
.etheme-gallery-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 calc(var(--tabs-spacing, 15px) *-1) 30px;
}
.etheme-gallery-tab {
position: relative;
padding: 10px 0;
margin: 0 var(--tabs-spacing, 15px);
cursor: pointer;
}
.etheme-gallery-tab.active {
color: var(--et_active-color);
}
.etheme-gallery-tab:after {
content: '';
height: 2px;
background: currentColor;
position: absolute;
bottom: 0;
left: auto;
right: 0;
width: 0;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-gallery-tab:hover:after,
.etheme-gallery-tab.active:after {
left: 0;
right: auto;
width: 100%;
}
.elementor-element-edit-mode .etheme-map:empty {
min-height: 200px;
background: #fafafa;
color: #000;
}
.elementor-element-edit-mode .etheme-map:empty:before {
content: 'XStore Google Map';
font-size: 2rem;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.etheme-h-timeline-wrapper[data-type=grid] {
--item-width: calc((100%/var(--cols, 3) - calc( var(--cols-gap, 10px) * 2)));
overflow: auto;
padding-bottom: 3px;
}
.etheme-h-timeline-wrapper[data-type=grid] .etheme-h-timeline-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-left: calc(var(--cols-gap, 10px) * -1);
margin-right: calc(var(--cols-gap, 10px) * -1);
}
.etheme-h-timeline-wrapper[data-type=grid] .etheme-h-timeline-item {
min-width: var(--item-width);
margin-left: var(--cols-gap, 10px);
margin-right: var(--cols-gap, 10px);
}
.etheme-h-timeline-title {
font-size: 1.4rem;
text-transform: none;
}
.etheme-h-timeline-description {
font-size: 1.14rem;
margin-bottom: 15px;
}
.etheme-h-timeline-date-inner,
.etheme-h-timeline-date-inner > span {
width: 100%;
display: block;
}
.etheme-h-timeline-date-inner > span {
font-size: 0.85em;
line-height: 1;
margin-bottom: 10px;
}
.etheme-h-timeline-wrapper[data-layout="chess"] .etheme-h-timeline-items:first-child .etheme-h-timeline-item:nth-child(even) {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.etheme-h-timeline-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
text-align: var(--item-text-align);
}
.etheme-h-timeline-item.is-active .etheme-h-timeline-step {
border-color: var(--step-br-active-color, var(--line-active-color, var(--et_dark-2-white)));
}
.etheme-h-timeline-item.is-active .etheme-h-timeline-icon {
color: var(--step-active-color, #fff);
background-color: var(--step-bg-active-color, var(--line-active-color, var(--et_dark-2-white)));
}
.etheme-h-timeline-content {
position: relative;
display: grid;
grid-template-columns: auto;
grid-auto-flow: column;
grid-column-gap: var(--item-cols-gap, 20px);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
padding: 15px 20px;
z-index: 1;
}
.etheme-h-timeline-content-icon {
display: block;
line-height: 1;
margin-bottom: 10px;
-ms-flex-item-align: start;
align-self: flex-start;
}
.etheme-h-timeline-content-icon-bg {
position: absolute;
right: 0;
bottom: 0;
opacity: 0.5;
font-size: 9em;
z-index: -1;
max-width: 100%;
max-height: 100%;
margin: 0;
overflow: hidden;
}
.etheme-h-timeline-image img {
display: inline-block;
}
.etheme-h-timeline-step {
position: absolute;
top: calc(100% + var(--rows-gap, 20px) + (var(--line-h, 2px) / 2));
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--step-icon-size, calc(var(--step-proportion,20px) / 2));
color: var(--step-color, var(--line-color, var(--et_border-color)));
width: var(--step-proportion, 20px);
height: var(--step-proportion, 20px);
border-radius: 50%;
background-color: var(--step-bg-color, #fff);
border: var(--step-border-width, 5px) solid var(--step-br-color, var(--line-color, var(--et_border-color)));
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
z-index: 3;
}
.etheme-h-timeline-wrapper[data-layout=bottom] .etheme-h-timeline-step {
top: auto;
bottom: calc(100% + var(--rows-gap, 20px) + (var(--line-h,2px) / 2));
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.etheme-h-timeline-icon {
background-color: var(--line-color, var(--et_border-color));
color: #fff;
}
.etheme-h-timeline-connector {
position: absolute;
left: 0;
right: 0;
top: calc(50% - var(--line-h,2px)/2);
width: 100%;
height: inherit;
}
.etheme-h-timeline-connector:after {
content: '';
position: absolute;
height: var(--line-h, 2px);
width: 100%;
border-bottom: var(--line-h, 2px) var(--line-style, dashed) var(--line-color, var(--et_border-color));
top: calc(50% - (var(--line-h,2px)/ 2));
}
.etheme-h-timeline-connector-wrapper {
position: sticky;
left: 0;
height: var(--line-h, 2px);
margin: var(--rows-gap, 20px) 0;
}
.etheme-h-timeline-connector-wrapper:first-child {
margin-top: calc(var(--step-proportion,20px) /2 - var(--line-h,2px) /2);
}
.etheme-h-timeline-connector-wrapper:last-child {
margin-bottom: calc(var(--step-proportion,20px) /2 - var(--line-h,2px) /2);
}
.etheme-h-timeline-connector-inner {
position: absolute;
background: var(--line-active-color, var(--et_dark-2-white));
height: inherit;
width: 0;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
z-index: 1;
}
.etheme-h-timeline-has-arrows .etheme-h-timeline-content:after {
content: '';
border-top: var(--border-width) var(--border-style) var(--border-color);
border-right: var(--border-width) var(--border-style) var(--border-color);
background: inherit;
position: absolute;
width: var(--arrow-size, 14px);
height: var(--arrow-size, 14px);
-webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
clip-path: polygon(0 0, 100% 100%, 100% 0);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
top: calc(100% - var(--arrow-size,14px)/2);
}
.etheme-h-timeline-has-arrows[data-layout=chess] .etheme-h-timeline-item:nth-child(even) .etheme-h-timeline-content:after,
.etheme-h-timeline-has-arrows[data-layout=bottom] .etheme-h-timeline-content:after {
top: auto;
bottom: calc(100% - var(--arrow-size,14px)/2);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.etheme-h-timeline-wrapper[data-step-position=left] .etheme-h-timeline-step {
left: var(--step-offset, 10px);
}
.etheme-h-timeline-wrapper[data-step-position=left] .etheme-h-timeline-content:after {
left: calc((var(--step-proportion,20px)/ 2) - var(--arrow-size,14px)/ 2 - var(--border-width,0)/ 2 + var(--step-offset,10px));
}
.etheme-h-timeline-wrapper[data-step-position=right] .etheme-h-timeline-step {
right: var(--step-offset, 10px);
}
.etheme-h-timeline-wrapper[data-step-position=right] .etheme-h-timeline-content:after {
right: calc((var(--step-proportion,20px)/ 2) - var(--arrow-size,14px)/ 2 - var(--border-width,0)/ 2 + var(--step-offset,10px));
}
.etheme-h-timeline-wrapper[data-step-position=center] .etheme-h-timeline-step {
left: calc(50% - var(--step-offset, 10px));
}
.etheme-h-timeline-wrapper[data-step-position=center] .etheme-h-timeline-content:after {
left: calc( 50% - (var(--step-proportion,20px)/ 2) - var(--arrow-size,14px)/ 2 - var(--border-width,0)/ 2 + var(--step-offset,10px));
}
.etheme-h-timeline-wrapper .swiper-pagination-progressbar {
background: transparent;
height: var(--line-h, 2px);
}
.etheme-h-timeline-wrapper .swiper-pagination-progressbar:after {
content: '';
height: var(--line-h, 2px);
width: 100%;
display: block;
border-bottom: var(--line-h, 2px) var(--line-style, dashed) var(--line-color, var(--et_border-color));
}
.etheme-h-timeline-wrapper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--line-active-color, var(--et_dark-2-white));
}
.etheme-h-timeline-wrapper .swiper-wrapper .etheme-h-timeline-item {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
position: relative;
list-style: none;
}
.etheme-hotspot-wrapper {
--icon-space: 5px;
--hotspot-x: 50%;
--hotspot-y: 50%;
--tooltip-space: 10px;
}
.etheme-hotspot {
position: absolute;
top: var(--hotspot-y);
left: var(--hotspot-x);
-webkit-transform: translate(calc(-1 * var(--hotspot-x)), calc(-1 * var(--hotspot-y)));
transform: translate(calc(-1 * var(--hotspot-x)), calc(-1 * var(--hotspot-y)));
text-align: center;
z-index: 2;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-hotspot p:last-of-type {
margin-bottom: 0;
}
.etheme-hotspot.active,
.etheme-hotspot:hover {
z-index: 3;
}
.swiper-slide .etheme-hotspot-item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.etheme-hotspot-item {
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;
line-height: 1;
white-space: nowrap;
min-width: var(--hotspot-min-width);
min-height: var(--hotspot-min-height);
font-size: var(--hotspot-size, 18px);
color: var(--hotspot-color, #fff);
background: var(--hotspot-bg-color, #000);
padding: var(--hotspot-padding, 5px);
border-radius: var(--hotspot-border-radius, 3px);
}
.etheme-hotspot-item-default {
width: var(--hotspot-size, 18px);
height: var(--hotspot-size, 18px);
border-radius: var(--hotspot-border-radius, 50%);
}
.etheme-hotspot-tooltip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
color: var(--tooltip-text-color, #000);
background-color: var(--tooltip-bg-color, #fff);
padding: var(--tooltip-padding, 7px);
border-radius: var(--tooltip-border-radius, 5px);
text-align: var(--tooltip-align, center);
min-width: var(--tooltip-min-width, 160px);
min-height: var(--tooltip-min-height, 20px);
z-index: 3;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-hotspot-tooltip-inner {
width: 100%;
}
.etheme-hotspot-tooltip-bottom,
.etheme-hotspot-tooltip-top {
left: 50%;
-webkit-transform: translate(var(--tooltip-offset-x, -50%), var(--tooltip-offset-y, 0)) scale(var(--tooltip-scale, 1));
transform: translate(var(--tooltip-offset-x, -50%), var(--tooltip-offset-y, 0)) scale(var(--tooltip-scale, 1));
}
.etheme-hotspot-tooltip-right,
.etheme-hotspot-tooltip-left {
top: 50%;
-webkit-transform: translate(var(--tooltip-offset-x, 0), var(--tooltip-offset-y, -50%)) scale(var(--tooltip-scale, 1));
transform: translate(var(--tooltip-offset-x, 0), var(--tooltip-offset-y, -50%)) scale(var(--tooltip-scale, 1));
}
.etheme-hotspot-tooltip-bottom {
bottom: calc(100% + var(--tooltip-space));
}
.etheme-hotspot-tooltip-top {
top: calc(100% + var(--tooltip-space));
}
.etheme-hotspot-tooltip-right {
right: calc(100% + var(--tooltip-space));
}
.etheme-hotspot-tooltip-left {
left: calc(100% + var(--tooltip-space));
}
.etheme-hotspot-arrow:before {
content: '';
width: 0;
height: 0;
border: 8px solid transparent;
position: absolute;
}
.etheme-hotspot-arrow-top:before {
border-bottom-color: var(--tooltip-arrow-color, #fff);
bottom: 100%;
left: calc(50% - 8px);
}
.etheme-hotspot-arrow-bottom:before {
border-top-color: var(--tooltip-arrow-color, #fff);
top: 100%;
left: calc(50% - 8px);
}
.etheme-hotspot-arrow-left:before {
border-right-color: var(--tooltip-arrow-color, #fff);
right: 100%;
top: calc(50% - 8px);
}
.etheme-hotspot-arrow-right:before {
border-left-color: var(--tooltip-arrow-color, #fff);
left: 100%;
top: calc(50% - 8px);
}
.etheme-hotspot-icon {
line-height: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-hotspot-icon:first-child {
margin-right: var(--icon-space, 5px);
}
.etheme-hotspot-icon:last-child {
margin-left: var(--icon-space, 5px);
}
.etheme-hotspot-icon:only-child {
margin: 0;
}
.etheme-hotspot-content-image {
margin: 0 auto var(--image-spacing, 7px);
}
.etheme-hotspot-product-content-inner > span {
display: block;
}
.etheme-hotspot-product-content-inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-hotspot-product-content-inline .etheme-hotspot-product-content-inner {
width: 100%;
overflow: hidden;
}
.etheme-hotspot-product-content-inline .etheme-hotspot-content-image {
margin-bottom: 0;
margin-right: var(--image-spacing, 7px);
}
.etheme-hotspot-tooltip-animation-fade.etheme-hotspot-tooltip-on-hover:not(:hover) .etheme-hotspot-tooltip,
.etheme-hotspot-tooltip-animation-slide.etheme-hotspot-tooltip-on-hover:not(:hover) .etheme-hotspot-tooltip,
.etheme-hotspot-tooltip-animation-scale.etheme-hotspot-tooltip-on-hover:not(:hover) .etheme-hotspot-tooltip,
.etheme-hotspot-tooltip-animation-fade.etheme-hotspot-tooltip-on-click:not(.active) .etheme-hotspot-tooltip,
.etheme-hotspot-tooltip-animation-slide.etheme-hotspot-tooltip-on-click:not(.active) .etheme-hotspot-tooltip,
.etheme-hotspot-tooltip-animation-scale.etheme-hotspot-tooltip-on-click:not(.active) .etheme-hotspot-tooltip {
opacity: 0;
visibility: hidden;
}
.etheme-hotspot-tooltip-animation-slide .etheme-hotspot-tooltip {
-webkit-transition: all 0.3s linear, opacity 0.15s linear, visibility 0.15s linear;
transition: all 0.3s linear, opacity 0.15s linear, visibility 0.15s linear;
}
.etheme-hotspot-tooltip-animation-slide.etheme-hotspot-tooltip-on-hover:not(:hover) .etheme-hotspot-tooltip,
.etheme-hotspot-tooltip-animation-slide.etheme-hotspot-tooltip-on-click:not(.active) .etheme-hotspot-tooltip {
--tooltip-space: 15px;
}
.etheme-hotspot-tooltip-animation-scale.etheme-hotspot-tooltip-on-hover:not(:hover) .etheme-hotspot-tooltip,
.etheme-hotspot-tooltip-animation-scale.etheme-hotspot-tooltip-on-click:not(.active) .etheme-hotspot-tooltip {
--tooltip-scale: 0.8;
}
.etheme-hotspot-animation-soft-beat {
-webkit-animation: etheme-hotspot-soft-beat var(--hotspot-animation-duration, 0.7s) infinite alternate;
animation: etheme-hotspot-soft-beat var(--hotspot-animation-duration, 0.7s) infinite alternate;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
}
.etheme-hotspot-animation-expand {
-webkit-animation: etheme-hotspot-expand var(--hotspot-animation-duration, 2s) infinite;
animation: etheme-hotspot-expand var(--hotspot-animation-duration, 2s) infinite;
}
.etheme-hotspot-animation-shadow {
-webkit-animation: etheme-hotspot-shadow var(--hotspot-animation-duration, 2s) infinite;
animation: etheme-hotspot-shadow var(--hotspot-animation-duration, 2s) infinite;
-webkit-box-shadow: 0 0 0 var(--hotspot-animation-shadow-size, 10px) var(--hotspot-animation-shadow-color, rgba(0, 0, 0, 0.4));
box-shadow: 0 0 0 var(--hotspot-animation-shadow-size, 10px) var(--hotspot-animation-shadow-color, rgba(0, 0, 0, 0.4));
}
.etheme-hotspot-animation-delayed .etheme-hotspot-animation {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.etheme-hotspot-animation-delayed:nth-child(2n) .etheme-hotspot-animation {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.etheme-hotspot-animation-delayed:nth-child(3n) .etheme-hotspot-animation {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.etheme-hotspot-animation-delayed:nth-child(4n) .etheme-hotspot-animation {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.etheme-hotspot-animation-delayed:nth-child(5n) .etheme-hotspot-animation {
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
}
@-webkit-keyframes etheme-hotspot-shadow {
0% {
-webkit-box-shadow: 0 0 0 0 var(--hotspot-animation-shadow-color, rgba(0, 0, 0, 0.4));
box-shadow: 0 0 0 0 var(--hotspot-animation-shadow-color, rgba(0, 0, 0, 0.4));
}
70% {
-webkit-box-shadow: 0 0 0 var(--hotspot-animation-shadow-size, 10px) rgba(0, 0, 0, 0);
box-shadow: 0 0 0 var(--hotspot-animation-shadow-size, 10px) rgba(0, 0, 0, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
@keyframes etheme-hotspot-shadow {
0% {
-webkit-box-shadow: 0 0 0 0 var(--hotspot-animation-shadow-color, rgba(0, 0, 0, 0.4));
box-shadow: 0 0 0 0 var(--hotspot-animation-shadow-color, rgba(0, 0, 0, 0.4));
}
70% {
-webkit-box-shadow: 0 0 0 var(--hotspot-animation-shadow-size, 10px) rgba(0, 0, 0, 0);
box-shadow: 0 0 0 var(--hotspot-animation-shadow-size, 10px) rgba(0, 0, 0, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
} @-webkit-keyframes etheme-hotspot-soft-beat {
from {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes etheme-hotspot-soft-beat {
from {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@-webkit-keyframes etheme-hotspot-expand {
from {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 1;
}
to {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
@keyframes etheme-hotspot-expand {
from {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 1;
}
to {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
.etheme-icon-box {
border-radius: 3px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.etheme-icon-box-icon {
display: inline-block;
line-height: 1;
margin-bottom: var(--icon-space, 15px);
}
.etheme-icon-box-icon svg {
width: 1em;
height: 1em;
}
.etheme-icon-box-icon-type-image,
.etheme-icon-box-icon-type-icon,
.etheme-icon-box-icon-type-text {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 2.85rem;
}
.etheme-icon-box-icon-type-text {
font-size: 5rem;
}
.etheme-icon-box-icon-type-text:has(>span:empty) {
display: none;
}
.etheme-icon-box-icon-type-lottie.etheme-lottie {
max-width: var(--lottie-max-width, 2.85rem);
}
.etheme-icon-box-icon img {
max-width: 1em;
}
.etheme-icon-box-icon-position-left,
.etheme-icon-box-icon-position-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.etheme-icon-box-icon-position-left .etheme-icon-box-icon,
.etheme-icon-box-icon-position-right .etheme-icon-box-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 0;
}
.etheme-icon-box-icon-position-left .etheme-icon-box-content,
.etheme-icon-box-icon-position-right .etheme-icon-box-content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.etheme-icon-box-icon-position-top.etheme-icon-box-icon-outside .etheme-icon-box-icon {
margin-top: var(--icon-offset, -0.5em);
}
.etheme-icon-box-icon-position-top.etheme-icon-box-icon-outside .etheme-icon-box-icon.etheme-lottie {
margin-top: var(--icon-offset, calc(var(--lottie-max-width,2.85rem) / -2));
}
.etheme-icon-box-icon-position-left.etheme-icon-box-icon-outside .etheme-icon-box-icon {
margin-left: var(--icon-offset, -0.5em);
}
.etheme-icon-box-icon-position-left.etheme-icon-box-icon-outside .etheme-icon-box-icon.etheme-lottie {
margin-left: var(--icon-offset, calc(var(--lottie-max-width,2.85rem) / -2));
}
.etheme-icon-box-icon-position-right.etheme-icon-box-icon-outside .etheme-icon-box-icon {
margin-right: var(--icon-offset, -0.5em);
}
.etheme-icon-box-icon-position-right.etheme-icon-box-icon-outside .etheme-icon-box-icon.etheme-lottie {
margin-right: var(--icon-offset, calc(var(--lottie-max-width,2.85rem) / -2));
}
.etheme-icon-box-icon-position-left .etheme-icon-box-icon {
margin-right: var(--icon-space, 15px);
}
.etheme-icon-box-icon-position-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.etheme-icon-box-icon-position-right .etheme-icon-box-icon {
margin-left: var(--icon-space, 15px);
}
.etheme-icon-box-title,
.etheme-icon-box-subtitle {
text-transform: none;
}
.etheme-icon-box-title span,
.etheme-icon-box-subtitle span {
display: inline-block;
}
.etheme-icon-box-title {
font-size: 1.7rem;
}
.etheme-icon-box-subtitle {
font-size: 0.75rem;
color: #fff;
}
.etheme-icon-box-subtitle span {
background-color: #2962FF;
padding: 3px 12px;
border-radius: 3px;
}
.etheme-icon-box .elementor-button-icon {
display: inline-block;
}
.etheme-icon-box .elementor-button-icon svg {
width: auto;
max-width: 1em;
}
.etheme-icon-list {
margin: calc(var(--v-space, 10px) * -1) 0;
}
.etheme-icon-list-item,
.etheme-icon-list-more-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: var(--v-space, 10px) var(--h-space, 0);
}
.etheme-icon-list-inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 calc(var(--h-space,10px) * -1);
}
.etheme-icon-list-inline .etheme-icon-list-item {
padding: var(--v-space, 0) var(--h-space, 10px);
}
.etheme-icon-list-inline .etheme-icon-list-item.has-divider {
border-bottom: none;
border-right: var(--line-weight, 1px) var(--line-style, solid) var(--line-color, #e1e1e1);
}
.etheme-icon-list-more-items {
color: #000;
padding-bottom: 0;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
cursor: pointer;
}
.etheme-icon-list-item.has-divider {
border-bottom: var(--line-weight, 1px) var(--line-style, solid) var(--line-color, #e1e1e1);
}
.etheme-icon-list-item-label {
background: #2962FF;
color: #fff;
font-size: 0.57em;
line-height: 0.9em;
padding: 0.42em;
text-transform: uppercase;
display: inline-block;
border-radius: 2px;
-webkit-margin-start: 6px;
margin-inline-start: 6px;
}
.etheme-icon-list-item-icon {
-webkit-margin-end: var(--icon-space, 7px);
margin-inline-end: var(--icon-space, 7px);
}
.etheme-icon-list-item-icon-inner {
color: #000;
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;
white-space: nowrap;
}
.etheme-icon-list-item-icon-inner img {
max-width: 25px;
}
.etheme-icon-list-item-icon-inner svg {
width: 1em;
height: 1em;
}
.etheme-icon-list-item-icon-inner svg:not([fill=none]) {
fill: currentColor;
}
.etheme-icon-list-item-text {
color: currentColor;
}
.etheme-image-comparison {
position: relative;
overflow: hidden;
cursor: col-resize;
}
.etheme-image-comparison-img {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: none;
width: 100%;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
top: 0;
display: block;
}
.etheme-image-comparison-img-a {
height: auto;
position: static;
z-index: 1;
left: 0;
}
.etheme-image-comparison-img-b {
height: 100%;
position: absolute;
z-index: 2;
left: auto;
right: 0;
width: auto;
}
.etheme-image-comparison img {
height: 100%;
max-width: inherit;
}
.etheme-image-comparison-overlay {
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--overlay-color, rgba(0, 0, 0, 0.15));
}
.etheme-image-comparison-wrapper {
position: absolute;
width: 100%;
height: 100% !important;
right: 0;
top: 0;
overflow: hidden;
background-size: cover;
background-position: center center;
z-index: 3;
}
.etheme-image-comparison-control {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
top: 0;
z-index: 3;
}
.etheme-image-comparison-control-line {
height: 50%;
width: 2px;
}
.etheme-image-comparison-theme-wrapper {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
-webkit-transition: all 0.1s ease-out 0s;
transition: all 0.1s ease-out 0s;
}
.etheme-image-comparison-arrows-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
background-color: var(--divider-bg-color, #2962FF);
font-size: var(--divider-arrows-size, 1rem);
color: var(--divider-arrows-color, #fff);
width: var(--divider-width, 45px);
height: var(--divider-height, 45px);
border-radius: var(--divider-radius, 0);
}
.etheme-image-comparison-arrows-wrapper span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.etheme-image-comparison-arrow-a {
-webkit-transform: scale(1.5) rotateZ(180deg);
transform: scale(1.5) rotateZ(180deg);
height: 20px;
width: 20px;
-webkit-filter: drop-shadow(0 -3px 5px rgba(0, 0, 0, 0.33));
filter: drop-shadow(0 -3px 5px rgba(0, 0, 0, 0.33));
}
.etheme-image-comparison-arrow-b {
-webkit-transform: scale(1.5) rotateZ(0deg);
transform: scale(1.5) rotateZ(0deg);
height: 20px;
width: 20px;
-webkit-filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.33));
filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.33));
}
.etheme-image-comparison-label {
position: absolute;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #000;
font-size: 1rem;
letter-spacing: 0.1em;
padding: 7px 15px;
border-radius: 3px;
z-index: 3;
}
.etheme-image-comparison-label-before {
margin-top: var(--labels-v-offset, 0);
margin-bottom: var(--labels-v-offset, 0);
left: var(--labels-h-offset, 0);
}
.etheme-image-comparison-label-after {
margin-top: var(--labels-v-offset, 0);
margin-bottom: var(--labels-v-offset, 0);
right: var(--labels-h-offset, 0);
}
.etheme-image-comparison-label.on-hover {
opacity: 0;
-webkit-transition: 0.25s cubic-bezier(0.68, 0.26, 0.58, 1.22);
transition: 0.25s cubic-bezier(0.68, 0.26, 0.58, 1.22);
}
.etheme-image-comparison:hover .etheme-image-comparison-label.on-hover {
opacity: 1;
}
.etheme-image-comparison-labels-top .etheme-image-comparison-label {
top: 0;
}
.etheme-image-comparison-labels-bottom .etheme-image-comparison-label {
bottom: 0;
}
.etheme-image-comparison-body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.etheme-linear-progress-bar {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
background: #f1f1f1;
padding: var(--progress-inner-space, 0);
margin: var(--progress-space, 7px) 0;
border-radius: var(--progress-radius, 3px);
}
.etheme-linear-progress-bar-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: #1a1a1a;
line-height: 1;
}
.etheme-linear-progress-bar-wrapper.style-03 {
display: grid;
grid-template-columns: auto 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
--progress-space: 0;
}
.etheme-linear-progress-bar:last-child {
margin-bottom: 0;
}
.etheme-linear-progress-bar:first-child {
margin-top: 0;
}
.etheme-linear-progress-bar-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
color: #fff;
background: #2962FF;
height: var(--progress-height, 30px);
width: 0;
border-radius: inherit;
-webkit-transition: width 1.5s linear;
transition: width 1.5s linear;
}
.etheme-linear-progress-bar-inner.loading:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background-size: 30px 30px;
background-image: linear-gradient(-45deg, var(--progress-color-animation, rgba(255, 255, 255, 0.15)) 25%, transparent 25%, transparent 50%, var(--progress-color-animation, rgba(255, 255, 255, 0.15)) 50%, var(--progress-color-animation, rgba(255, 255, 255, 0.15)) 75%, transparent 75%, transparent);
-webkit-animation: etheme-linear-progress-bar-animation 1.5s linear infinite;
animation: etheme-linear-progress-bar-animation 1.5s linear infinite;
border-radius: inherit;
pointer-events: none;
}
.etheme-linear-progress-bar-title {
-webkit-margin-end: auto;
margin-inline-end: auto;
-webkit-padding-end: 15px;
padding-inline-end: 15px;
z-index: 1;
}
.etheme-linear-progress-bar-title + .etheme-linear-progress-bar-title {
-webkit-margin-end: 0;
margin-inline-end: 0;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-margin-start: auto;
margin-inline-start: auto;
-webkit-padding-start: 15px;
padding-inline-start: 15px;
}
.etheme-linear-progress-bar-title .etheme-linear-progress-bar-label {
-webkit-padding-start: 0;
padding-inline-start: 0;
}
.etheme-linear-progress-bar-label {
-webkit-margin-start: auto;
margin-inline-start: auto;
-webkit-padding-start: 15px;
padding-inline-start: 15px;
z-index: 1;
}
.etheme-linear-progress-bar-label.with-tooltip {
position: absolute;
right: 0;
bottom: calc(100% + 4px);
background: var(--progress-active-color, #2962FF);
padding: 2px 5px;
color: #fff;
}
.etheme-linear-progress-bar-label.with-tooltip:after {
content: '';
position: absolute;
right: 0;
bottom: -4px;
border: 2px solid var(--progress-active-color, #2962FF);
border-left-color: transparent;
border-bottom-color: transparent;
}
@-webkit-keyframes etheme-linear-progress-bar-animation {
0% {
background-position: 0 0;
}
100% {
background-position: 30px 30px;
}
}
@keyframes etheme-linear-progress-bar-animation {
0% {
background-position: 0 0;
}
100% {
background-position: 30px 30px;
}
}
.etheme-lottie {
font-size: 1rem;
display: inline-block;
line-height: 1;
width: 100%;
max-width: var(--lottie-max-width, 100px);
opacity: var(--lottie-opacity);
}
.etheme-lottie-animation {
width: 100%;
}
.etheme-lottie svg,
.etheme-lottie svg * {
-webkit-transition: none !important;
transition: none !important;
}
.etheme-lottie svg + svg {
display: none;
}
.etheme-lottie:hover {
opacity: var(--lottie-opacity-hover);
-webkit-transition-duration: var(--lottie-transition-duration-hover);
transition-duration: var(--lottie-transition-duration-hover);
}
.etheme-media-carousel-item {
line-height: 0;
}
.etheme-media-carousel-item img {
margin-left: auto;
margin-right: auto;
}
.etheme-media-carousel-info {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
line-height: 1.4;
pointer-events: none;
}
.etheme-media-carousel-info > * {
color: #fff;
text-transform: none;
}
.etheme-media-carousel .swiper-slide:not(:hover) .etheme-media-carousel-info {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
.etheme-media-carousel .elementor-custom-embed-play {
color: #fff;
}
.etheme-media-carousel-thumbs-wrapper {
margin-top: 20px;
}
.etheme-media-carousel-thumbs-wrapper .swiper-slide {
opacity: 0.6;
}
.etheme-media-carousel-thumbs-wrapper .swiper-slide-thumb-active {
opacity: 1;
}
.etheme-elementor-nav-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0;
}
.etheme-elementor-nav-menu.vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
--submenu-mega-width: calc(var(--container-max-width,1140px) - var(--menu-sublist-width,18em));
}
.etheme-elementor-nav-menu.vertical .nav-sublist-dropdown {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
--et-transformY: -50%;
left: var(--submenu-offset-left, 100%) !important;
right: var(--submenu-offset-right, auto);
margin-left: 0 !important;
border-color: var(--et_border-color);
}
.etheme-elementor-nav-menu.vertical .item-design-mega-menu .nav-sublist-dropdown {
top: calc(var(--menu-sublist-top-border, 1px) * -1);
-webkit-transform: none;
transform: none;
--et-transformY: 0%;
--menu-sublist-position: static;
--menu-sublist-border: none;
--menu-sublist-z-index: auto;
}
.etheme-elementor-nav-menu.vertical .item-design-mega-menu .nav-sublist-dropdown > div {
--et-sublist-background: transparent;
}
.etheme-elementor-nav-menu.vertical .etheme-elementor-nav-menu-item-parent .elementor-item {
padding: calc(var(--off-canvas-elements-gap, 14px) / 2) 0;
}
.etheme-elementor-nav-menu.horizontal > li {
-ms-flex-item-align: center;
align-self: center;
margin: 0 var(--menu-item-spacing, 8px) var(--menu-item-spacing, 8px);
}
body.rtl .etheme-elementor-nav-menu.dropdowns-left,
body:not(.rtl) .etheme-elementor-nav-menu.dropdowns-right {
--menu-main-sublist-offset-left: 0;
--menu-main-sublist-offset-right: auto;
--submenu-offset-left: 100%;
--submenu-offset-right: auto;
}
body:not(.rtl) .etheme-elementor-nav-menu.dropdowns-left,
body.rtl .etheme-elementor-nav-menu.dropdowns-right {
--submenu-offset-left: auto;
--submenu-offset-right: 100%;
--menu-main-sublist-offset-left: auto;
--menu-main-sublist-offset-right: 0;
}
body:not(.rtl) .etheme-elementor-nav-menu.dropdowns-left .nav-sublist-dropdown { --submenu-arrow-margin-start: 0;
--submenu-arrow-order: -3;
--submenu-item-image-order: 3;
--submenu-arrow-padding-end: var(--submenu-arrow-spacing, 0.5em);
--submenu-arrow-padding-start: 0;
}
.etheme-elementor-nav-menu li.dropdown-opened > .etheme-elementor-nav-menu-item {
--submenu-opened-arrow-display: inline-flex;
--submenu-closed-arrow-display: none;
}
.etheme-elementor-nav-menu li.dropdown-opened > .nav-sublist-dropdown,
.etheme-elementor-nav-menu li.dropdown-opened > .nav-sublist {
display: block;
-webkit-animation-name: var(--dropdown-animation-name, fadeIn);
animation-name: var(--dropdown-animation-name, fadeIn);
-webkit-animation-duration: var(--dropdown-animation-duration, 0.2s);
animation-duration: var(--dropdown-animation-duration, 0.2s);
z-index: 3;
}
.etheme-elementor-nav-menu li.dropdown-click:not(.dropdown-opened) {
--submenu-display: none !important;
}
.etheme-elementor-nav-menu li.dropdown-click:not(.dropdown-opened) > .etheme-elementor-nav-menu-item {
--submenu-opened-arrow-display: none;
--submenu-closed-arrow-display: inline-flex;
}
.etheme-elementor-nav-menu--dropdown {
--menu-sublist-top-offset: calc(var(--menu-sublist-padding-top, 1em) * -1 - var(--menu-sublist-top-border, 1px));
}
.etheme-elementor-nav-menu--dropdown.with-arrow {
margin-top: var(--menu-sublist-offset-top, calc(var(--menu-sublist-arrow-size, 20px) / 2));
}
.etheme-elementor-nav-menu--dropdown.with-arrow:before {
content: '';
position: absolute;
top: calc(var(--menu-sublist-offset-top, calc(var(--menu-sublist-arrow-size,20px)/ 2)) * -1 - var(--menu-sublist-top-border, 1px));
height: var(--menu-sublist-offset-top, calc(var(--menu-sublist-arrow-size, 20px) / 2));
width: 100%;
z-index: -1;
}
.etheme-elementor-nav-menu .item-design-dropdown.with-arrow:after {
content: '';
position: absolute;
top: calc(100% + var(--menu-sublist-offset-top, calc(var(--menu-sublist-arrow-size, 20px) / 2)) - var(--menu-sublist-arrow-size,20px) + 1px);
left: calc(50% - var(--menu-sublist-arrow-size, 20px) /2);
background: var(--et-sublist-border-color, var(--et-sublist-background, var(--et_white-2-dark)));
height: var(--menu-sublist-arrow-size, 20px);
width: var(--menu-sublist-arrow-size, 20px);
-webkit-clip-path: polygon(50% 50%, 0% 100%, 100% 100%);
clip-path: polygon(50% 50%, 0% 100%, 100% 100%);
z-index: 1002;
display: var(--submenu-arrow-display, none);
}
.etheme-elementor-nav-menu .item-design-dropdown:not(.dropdown-click):hover,
.etheme-elementor-nav-menu .item-design-dropdown.dropdown-opened {
--submenu-arrow-display: block;
}
.etheme-elementor-nav-menu .nav-sublist-dropdown {
isolation: isolate;
}
.etheme-elementor-nav-menu .nav-sublist-dropdown > ul {
background-color: var(--et-sublist-background, var(--et_white-2-dark));
border-radius: var(--et-sublist-border-radius, 0);
}
.etheme-elementor-nav-menu .nav-sublist-dropdown > ul > li:first-child {
border-top-left-radius: var(--et-sublist-border-radius, 0);
border-top-right-radius: var(--et-sublist-border-radius, 0);
}
.etheme-elementor-nav-menu .nav-sublist-dropdown > ul > li:last-child {
border-bottom-left-radius: var(--et-sublist-border-radius, 0);
border-bottom-right-radius: var(--et-sublist-border-radius, 0);
}
.etheme-elementor-nav-menu .nav-sublist-dropdown .nav-sublist-dropdown,
.etheme-elementor-nav-menu .nav-sublist-dropdown .nav-sublist {
z-index: -1;
}
.etheme-elementor-nav-menu .nav-sublist {
--et-transformX: 0px;
--et-transformY: 0px;
}
.etheme-elementor-nav-menu ul .nav-sublist-dropdown > div > ul {
border: none;
position: static;
}
.etheme-elementor-nav-menu .item-design-dropdown .nav-sublist-dropdown ul > li.menu-item-has-children > a:after {
display: none;
}
.etheme-elementor-nav-menu .item-design-dropdown {
position: relative;
}
.etheme-elementor-nav-menu--dropdown-mega {
width: var(--submenu-mega-width, 100%);
}
li:hover > .etheme-elementor-nav-menu-item .etheme-elementor-nav-menu-item-icon-closed {
display: var(--submenu-closed-arrow-display, none);
}
li:hover > .etheme-elementor-nav-menu-item .etheme-elementor-nav-menu-item-icon-opened {
display: var(--submenu-opened-arrow-display, '');
}
li:not(:hover) > .etheme-elementor-nav-menu-item .etheme-elementor-nav-menu-item-icon-opened {
display: var(--submenu-opened-arrow-display, none);
}
li:not(:hover) > .etheme-elementor-nav-menu-item .etheme-elementor-nav-menu-item-icon-closed {
display: var(--submenu-closed-arrow-display, '');
}
.etheme-elementor-menu .etheme-elementor-nav-menu-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
cursor: pointer;
color: var(--et_dark-color);
-webkit-transition: all 0.2s linear, margin 0s;
transition: all 0.2s linear, margin 0s;
border-radius: inherit;
overflow: hidden;
}
.etheme-elementor-menu .etheme-elementor-nav-menu-item-separator {
cursor: default;
}
.etheme-elementor-menu .etheme-elementor-nav-menu-item:hover {
--menu-sublist-item-overlay-opacity: 0.04;
}
.etheme-elementor-nav-menu-item .elementor-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
min-height: var(--menu-sublist-item-height, unset);
isolation: isolate;
}
.etheme-elementor-nav-menu > li:last-child:has(.etheme-elementor-nav-menu-item-separator) {
display: none;
}
.item-design-dropdown .nav-sublist-dropdown ul > li > .etheme-elementor-nav-menu-item {
font-size: inherit;
padding: 0;
}
.item-design-dropdown .nav-sublist-dropdown ul > li > .etheme-elementor-nav-menu-item .elementor-item {
padding: var(--menu-sublist-padding-top, 0.5em) 0 var(--menu-sublist-padding-bottom, 0.5em);
-webkit-padding-start: var(--menu-sublist-padding-left, 0.9em);
padding-inline-start: var(--menu-sublist-padding-left, 0.9em);
-webkit-padding-end: var(--menu-sublist-padding-right, 0.9em);
padding-inline-end: var(--menu-sublist-padding-right, 0.9em);
}
.etheme-elementor-nav-menu-item-parent .elementor-item {
padding: 7px 5px;
}
.etheme-elementor-nav-menu--main {
margin: 0 calc(var(--menu-item-spacing, 8px) * -1) calc(var(--menu-item-spacing, 8px) * -1);
}
.etheme-elementor-nav-menu-item-arrow {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.7em;
-webkit-margin-start: var(--submenu-arrow-margin-start, auto);
margin-inline-start: var(--submenu-arrow-margin-start, auto);
-webkit-margin-end: var(--submenu-arrow-margin-end, 0px);
margin-inline-end: var(--submenu-arrow-margin-end, 0px);
-webkit-padding-start: var(--submenu-arrow-spacing, var(--submenu-arrow-padding-start, 0.5em));
padding-inline-start: var(--submenu-arrow-spacing, var(--submenu-arrow-padding-start, 0.5em));
-webkit-padding-end: var(--submenu-arrow-padding-end, 0px);
padding-inline-end: var(--submenu-arrow-padding-end, 0px);
-webkit-box-ordinal-group: NaN;
-ms-flex-order: var(--submenu-arrow-order, 3);
order: var(--submenu-arrow-order, 3);
}
.etheme-elementor-nav-menu-item-arrow.only-child {
--submenu-arrow-margin-start: 0px;
--submenu-arrow-margin-end: 0px;
--submenu-arrow-spacing: 0px;
--submenu-arrow-padding-end: 0px;
}
.etheme-elementor-nav-menu-item-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-elementor-nav-menu-item .label-text {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.etheme-elementor-nav-menu-item-element {
-webkit-box-ordinal-group: -1;
-ms-flex-order: -2;
order: -2;
-webkit-margin-end: var(--submenu-item-element-spacing, 0.5em);
margin-inline-end: var(--submenu-item-element-spacing, 0.5em);
}
.etheme-elementor-nav-menu-item-element:only-child {
-webkit-margin-end: auto;
margin-inline-end: auto;
-webkit-margin-start: auto;
margin-inline-start: auto;
}
.etheme-elementor-nav-menu-item-icon {
line-height: 1;
}
.etheme-elementor-nav-menu-item-icon svg {
width: var(--menu-item-icon-size, 1em);
height: var(--menu-item-icon-size, 1em);
fill: currentColor;
}
.etheme-elementor-nav-menu-item-icon img,
.etheme-elementor-nav-menu-item-icon picture {
max-width: var(--menu-item-icon-size, 1em);
max-height: var(--menu-item-icon-size, 1em);
border-radius: inherit;
}
.etheme-elementor-nav-menu-item-label {
background: var(--et_green-color);
color: #fff;
font-size: 0.57em;
line-height: 0.9em;
padding: 0.42em;
text-transform: uppercase;
display: inline-block;
border-radius: 2px;
-webkit-margin-start: 6px;
margin-inline-start: 6px;
}
.etheme-elementor-nav-menu__align-left .etheme-elementor-nav-menu {
-webkit-margin-end: auto;
margin-inline-end: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.etheme-elementor-nav-menu__align-center .etheme-elementor-nav-menu {
margin-left: auto;
margin-right: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.etheme-elementor-nav-menu__align-right .etheme-elementor-nav-menu {
-webkit-margin-start: auto;
margin-inline-start: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.etheme-elementor-nav-menu__align-justify .etheme-elementor-nav-menu.horizontal > li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.etheme-elementor-menu.processing .nav-sublist-dropdown {
display: block;
opacity: 0 !important;
visibility: hidden !important;
}
.etheme-elementor-menu.processing li.dropdown-opened > .nav-sublist-dropdown {
opacity: 1 !important;
visibility: visible !important;
}
.etheme-elementor-menu .e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.etheme-elementor-menu .e--pointer-overline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.etheme-elementor-menu .e--pointer-underline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
width: 0;
}
.etheme-elementor-menu .e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.etheme-elementor-menu .e--pointer-overline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
left: 0;
}
.etheme-elementor-menu .e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.etheme-elementor-menu .e--pointer-underline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after {
width: 0;
}
.etheme-elementor-menu .e--pointer-background .elementor-item:before {
background-color: var(--et_active-color);
}
.etheme-elementor-menu .e--pointer-background .elementor-item:hover {
color: #fff;
}
.elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu--dropdown {
--menu-sublist-top-offset: calc(var(--menu-sublist-top-border, 1px) * -1);
}
.elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu.horizontal > li .nav-sublist-dropdown,
.elementor-widget-theme-etheme_departments_menu .etheme-elementor-nav-menu.horizontal > li .nav-sublist > ul {
padding-top: 0px;
padding-bottom: 0px;
}
.elementor-widget-theme-etheme_departments_menu:not(.dropdown-design-clean) .etheme-elementor-nav-menu--dropdown > .etheme-elementor-nav-menu.vertical > li > .etheme-elementor-nav-menu-item {
position: relative;
}
.elementor-widget-theme-etheme_departments_menu:not(.dropdown-design-clean) .etheme-elementor-nav-menu--dropdown > .etheme-elementor-nav-menu.vertical > li > .etheme-elementor-nav-menu-item:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: currentColor;
border-radius: inherit;
opacity: var(--menu-sublist-item-overlay-opacity, 0);
}
.elementor-widget-theme-etheme_departments_menu:not(.dropdown-design-clean) .item-level-0:not(:first-child) {
border-top: 1px solid var(--et_border-color);
}
.etheme-elementor-nav-menu-item-more-less[data-reverse].expanded > span:first-child,
.etheme-elementor-nav-menu-item-more-less[data-reverse]:not(.expanded) > span:last-child {
display: none;
}
.etheme-elementor-nav-menu-item-more-less .etheme-elementor-nav-menu-item-element:last-child:not(:only-child) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-margin-start: var(--submenu-item-element-spacing, 0.5em);
margin-inline-start: var(--submenu-item-element-spacing, 0.5em);
-webkit-margin-end: 0;
margin-inline-end: 0;
}
.etheme-elementor-menu .item-design-mega-menu,
.etheme-elementor-menu .nav-sublist-dropdown ul > li.item-design-mega-menu {
position: static;
}
.etheme-elementor-menu .e--pointer-overline.e--pointer-overline-left .elementor-item:before {
bottom: 0;
height: 100%;
width: 2px;
background-color: var(--et_active-color);
}
body.rtl .etheme-elementor-menu .e--pointer-overline.e--pointer-overline-left .elementor-item:before {
left: auto;
right: 0;
}
.etheme-elementor-nav-menu .type-img[class*=position-] .elementor-item:has(img, picture),
.etheme-elementor-nav-menu .elementor-item:has(i, svg) {
-ms-flex-wrap: var(--menu-item-wrap);
flex-wrap: var(--menu-item-wrap);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: var(--menu-item-direction);
flex-direction: var(--menu-item-direction);
gap: var(--menu-item-gap, 5px);
}
.etheme-elementor-nav-menu .type-img[class*=position-] .elementor-item:has(img, picture) > img,
.etheme-elementor-nav-menu .elementor-item:has(i, svg) > img,
.etheme-elementor-nav-menu .type-img[class*=position-] .elementor-item:has(img, picture) > picture,
.etheme-elementor-nav-menu .elementor-item:has(i, svg) > picture,
.etheme-elementor-nav-menu .type-img[class*=position-] .elementor-item:has(img, picture) > .nav-item-image,
.etheme-elementor-nav-menu .elementor-item:has(i, svg) > .nav-item-image {
max-width: var(--menu-item-image-width, 1em);
}
.etheme-elementor-nav-menu [class*=position-left] .elementor-item > img,
.etheme-elementor-nav-menu [class*=position-left] .elementor-item > picture,
.etheme-elementor-nav-menu [class*=position-left] .elementor-item > .nav-item-image {
-webkit-box-ordinal-group: NaN;
-ms-flex-order: var(--submenu-item-image-order, -3);
order: var(--submenu-item-image-order, -3);
-webkit-margin-end: var(--submenu-item-element-spacing, 0.5em);
margin-inline-end: var(--submenu-item-element-spacing, 0.5em);
}
.etheme-elementor-nav-menu [class*=position-center] {
--menu-item-direction: column;
}
.etheme-elementor-nav-menu [class*=position-center-top],
.etheme-elementor-nav-menu [class*=position-center-center] {
--menu-item-direction: column-reverse;
}
@-webkit-keyframes etheme-elementor-menu-dropdown-fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes etheme-elementor-menu-dropdown-fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes etheme-elementor-menu-dropdown-fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(calc(var(--et-transformY,.001px) + 15px)) translateX(var(--et-transformX, 0.001px));
transform: translateY(calc(var(--et-transformY,.001px) + 15px)) translateX(var(--et-transformX, 0.001px));
}
100% {
opacity: 1;
-webkit-transform: translateY(var(--et-transformY, 0.001px)) translateX(var(--et-transformX, 0.001px));
transform: translateY(var(--et-transformY, 0.001px)) translateX(var(--et-transformX, 0.001px));
}
}
@keyframes etheme-elementor-menu-dropdown-fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(calc(var(--et-transformY,.001px) + 15px)) translateX(var(--et-transformX, 0.001px));
transform: translateY(calc(var(--et-transformY,.001px) + 15px)) translateX(var(--et-transformX, 0.001px));
}
100% {
opacity: 1;
-webkit-transform: translateY(var(--et-transformY, 0.001px)) translateX(var(--et-transformX, 0.001px));
transform: translateY(var(--et-transformY, 0.001px)) translateX(var(--et-transformX, 0.001px));
}
}
@-webkit-keyframes etheme-elementor-menu-dropdown-zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
transform: scale3d(0.3, 0.3, 0.3) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
}
50% {
opacity: 1;
-webkit-transform: translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
transform: translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
}
}
@keyframes etheme-elementor-menu-dropdown-zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
transform: scale3d(0.3, 0.3, 0.3) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
}
50% {
opacity: 1;
-webkit-transform: translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
transform: translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
}
}
@-webkit-keyframes etheme-elementor-menu-dropdown-dropdown {
0% {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: perspective(500px) rotateX(-90deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
transform: perspective(500px) rotateX(-90deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
}
100% {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: perspective(500px) rotateX(0deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
transform: perspective(500px) rotateX(0deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
}
}
@keyframes etheme-elementor-menu-dropdown-dropdown {
0% {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: perspective(500px) rotateX(-90deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
transform: perspective(500px) rotateX(-90deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
}
100% {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: perspective(500px) rotateX(0deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
transform: perspective(500px) rotateX(0deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
}
}
@-webkit-keyframes etheme-elementor-menu-dropdown-dropdown-top {
0% {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: perspective(500px) rotateX(90deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
transform: perspective(500px) rotateX(90deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
}
100% {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: perspective(500px) rotateX(0deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
transform: perspective(500px) rotateX(0deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
}
}
@keyframes etheme-elementor-menu-dropdown-dropdown-top {
0% {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: perspective(500px) rotateX(90deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
transform: perspective(500px) rotateX(90deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
}
100% {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: perspective(500px) rotateX(0deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
transform: perspective(500px) rotateX(0deg) translateX(var(--et-transformX, 0.001px)) translateY(var(--et-transformY, 0.001px));
}
}
@-webkit-keyframes etheme-elementor-menu-dropdown-fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(calc(-15px + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
transform: translateX(calc(-15px + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
}
100% {
opacity: 1;
-webkit-transform: translateX(calc(0.001% + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
transform: translateX(calc(0.001% + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
}
}
@keyframes etheme-elementor-menu-dropdown-fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(calc(-15px + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
transform: translateX(calc(-15px + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
}
100% {
opacity: 1;
-webkit-transform: translateX(calc(0.001% + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
transform: translateX(calc(0.001% + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
}
}
@-webkit-keyframes etheme-elementor-menu-dropdown-fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(calc(15px + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
transform: translateX(calc(15px + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
}
100% {
opacity: 1;
-webkit-transform: translateX(calc(0.001% + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
transform: translateX(calc(0.001% + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
}
}
@keyframes etheme-elementor-menu-dropdown-fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(calc(15px + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
transform: translateX(calc(15px + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
}
100% {
opacity: 1;
-webkit-transform: translateX(calc(0.001% + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
transform: translateX(calc(0.001% + var(--et-transformX, .001px))) translateY(var(--et-transformY, 0.001px));
}
}
.etheme-modal-popup-overlay {
position: fixed;
top: var(--wp-admin--admin-bar--height, 0px);
right: 0;
bottom: 0;
left: 0;
height: 100vh;
z-index: 999;
}
.etheme-modal-popup-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: left;
position: relative;
width: 50vw;
height: 60vh;
background: #fff;
z-index: 999;
padding: 25px;
-webkit-animation-timing-function: var(--popup-animation-timing-function, linear);
animation-timing-function: var(--popup-animation-timing-function, linear);
-webkit-animation-duration: var(--popup-animation-duration, 1.2s);
animation-duration: var(--popup-animation-duration, 1.2s);
}
.etheme-modal-popup-content-wrapper {
position: fixed;
z-index: 9999;
left: 0;
right: 0;
bottom: 0;
top: var(--wp-admin--admin-bar--height, 0px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.elementor-edit-area .etheme-modal-popup-content {
-webkit-animation-fill-mode: both !important;
animation-fill-mode: both !important;
}
.etheme-modal-popup-inner {
overflow: hidden;
overflow-y: auto;
max-height: 100%;
}
.etheme-modal-popup-close {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #000;
background-color: #fff;
position: absolute;
top: var(--icon-offset, 5px);
cursor: pointer;
padding: 10px;
border-radius: 50%;
z-index: 1;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.etheme-modal-popup-close.inside {
right: var(--icon-offset, 5px);
}
.etheme-modal-popup-close.outside {
left: calc(100% + var(--icon-offset, 5px));
}
.etheme-modal-popup-close:hover {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
body:has(.etheme-modal-popup-button[aria-expanded=true]) {
overflow: hidden;
}
@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-elementor-off-canvas__wrapper {
text-align: var(--toggle-button-alignment, left);
}
.etheme-elementor-off-canvas__toggle {
display: inline-block;
}
.etheme-elementor-off-canvas__toggle .elementor-button-content-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-elementor-off-canvas__toggle .e-toggle-cart-custom-icon,
.etheme-elementor-off-canvas__toggle .elementor-button-icon {
position: relative;
font-size: var(--toggle-icon-size, 1em);
margin-right: var(--toggle-icon-space, 0px);
-webkit-box-ordinal-group: unset;
-ms-flex-order: unset;
order: unset;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-elementor-off-canvas__toggle .elementor-button-icon-qty {
font-size: 0.75em;
position: relative;
top: var(--toggle-button-qty-top, -0.65em);
left: var(--toggle-button-qty-left, -0.65em);
margin-right: var(--toggle-button-qty-left, -0.65em);
color: #000;
background: #e1e1e1;
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;
border-radius: 50%;
line-height: 0.75em;
width: var(--toggle-button-qty-proportion, 1.5em);
height: var(--toggle-button-qty-proportion, 1.5em);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.etheme-elementor-off-canvas__toggle-qty-middle {
--toggle-button-qty-top: 0;
--toggle-button-qty-left: 0;
}
.etheme-elementor-off-canvas__toggle-qty-bottom {
--toggle-button-qty-top: 5px;
}
.etheme-elementor-off-canvas__toggle_wrapper {
display: var(--toggle-wrapper-display, flex);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.etheme-elementor-off-canvas__toggle_wrapper > .elementor-button-wrapper {
line-height: 1;
}
.etheme-elementor-dropdown .etheme-elementor-off-canvas__toggle_wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.etheme-elementor-off-canvas:not(.etheme-elementor-off-canvas-zero-quantity-yes) .elementor-button-icon-qty[data-counter="0"] {
display: none;
}
.etheme-elementor-off-canvas-toggle-fixed .etheme-elementor-off-canvas__toggle {
position: fixed;
top: var(--toggle-button-position-axis-y, 35%);
z-index: 4;
}
.etheme-elementor-off-canvas-toggle-left .etheme-elementor-off-canvas__toggle {
left: var(--toggle-button-position-axis-x, 0px);
}
.etheme-elementor-off-canvas-toggle-right .etheme-elementor-off-canvas__toggle {
right: var(--toggle-button-position-axis-x, 0px);
}
.etheme-elementor-off-canvas-left {
--off-canvas-alignment-left: 0;
--off-canvas-alignment-right: auto;
--off-canvas-alignment-transform: translateX(-100%);
--off-canvas-close-alignment-self: flex-end;
--off-canvas-close-alignment-left: calc(100% + 15px);
--off-canvas-close-alignment-right: auto;
}
.etheme-elementor-off-canvas__container {
-webkit-transform: scale(1);
transform: scale(1);
overflow: hidden;
position: fixed;
z-index: 10000;
top: var(--wp-admin--admin-bar--height, 0px);
left: 0;
width: 100vw;
height: calc(100dvh - var(--wp-admin--admin-bar--height,0.001px));
background-color: var(--off-canvas-overlay-color, var(--et_dark-2-white-03));
-webkit-transition: background-color 0.4s, -webkit-transform 0s;
transition: background-color 0.4s, -webkit-transform 0s;
transition: background-color 0.4s, transform 0s;
transition: background-color 0.4s, transform 0s, -webkit-transform 0s;
text-align: start;
}
body:not(.admin-bar) .elementor-sticky--active .etheme-elementor-off-canvas__container {
--wp-admin--admin-bar--height: 0.001px;
}
@media only screen and (max-width: 600px) {
body.admin-bar .elementor-sticky--active .etheme-elementor-off-canvas__container {
--wp-admin--admin-bar--height: 0.001px;
}
}
.etheme-elementor-off-canvas__main {
position: fixed;
left: var(--off-canvas-alignment-left, auto);
right: var(--off-canvas-alignment-right, 0);
-webkit-transform: translateX(0);
transform: translateX(0);
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
min-height: 200px;
width: var(--off-canvas-width, 370px);
max-width: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: var(--off-canvas-padding, 20px 30px);
color: var(--off-canvas-color, var(--et_dark-2-white));
font-size: 14px;
--et_main-color: var(--et_main-color-local, currentColor);
--et_dark-2-white: var(--et_dark-2-white-local, currentColor);
--et_link-color: var(--et_link-color-local, currentColor);
--et_font-color: var(--et_font-color-local, currentColor);
background-color: var(--off-canvas-background-color, var(--et_white-2-dark));
--et-sublist-background: var(--off-canvas-background-color, var(--et_white-2-dark));
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 420px) {
.etheme-elementor-off-canvas__main:has(.etheme-elementor-off-canvas__close-button.outside) {
width: var(--off-canvas-width, calc(100vw - .75em * 2 - 1rem - 20px));
}
}
.etheme-elementor-off-canvas_content {
height: var(--off-canvas-content-height, 100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: var(--off-canvas-content-max-height, 100dvh);
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-gutter: stable;
}
.etheme-elementor-off-canvas_content:not(:hover)::-webkit-scrollbar-thumb,
.etheme-elementor-off-canvas_content:not(:hover)::-webkit-scrollbar {
opacity: 0;
visibility: hidden;
}
@media (hover: none) {
.etheme-elementor-off-canvas_content::-webkit-scrollbar-thumb,
.etheme-elementor-off-canvas_content::-webkit-scrollbar {
opacity: 0;
visibility: hidden;
}
}
.etheme-elementor-off-canvas_content-footer {
padding-top: 15px;
}
.etheme-elementor-off-canvas:not(.etheme-elementor-off-canvas--active) .etheme-elementor-off-canvas__container {
background-color: transparent;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: background-color 0.4s, -webkit-transform 0s 0.4s;
transition: background-color 0.4s, -webkit-transform 0s 0.4s;
transition: background-color 0.4s, transform 0s 0.4s;
transition: background-color 0.4s, transform 0s 0.4s, -webkit-transform 0s 0.4s;
}
.etheme-elementor-off-canvas:not(.etheme-elementor-off-canvas--active) .etheme-elementor-off-canvas__container .dialog-lightbox-close-button {
display: none;
}
.etheme-elementor-off-canvas:not(.etheme-elementor-off-canvas--active) .etheme-elementor-off-canvas__main {
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-transform: var(--off-canvas-alignment-transform, translateX(100%));
transform: var(--off-canvas-alignment-transform, translateX(100%));
}
.etheme-elementor-off-canvas--shown .et-request-quote.mtips,
.etheme-elementor-off-canvas--shown .back-top,
.etheme-elementor-off-canvas--shown .et-mobile-panel-wrapper {
opacity: 0;
visibility: hidden;
}
.etheme-elementor-off-canvas__close-button {
position: relative;
margin: 0 0 20px;
-ms-flex-item-align: var(--off-canvas-close-alignment-self, flex-start);
align-self: var(--off-canvas-close-alignment-self, flex-start);
cursor: pointer;
display: var(--off-canvas-close-display, inline-flex);
font-size: 1rem;
line-height: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
color: var(--off-canvas-close-button-color, #222);
}
.etheme-elementor-off-canvas__close-button:hover {
color: var(--off-canvas-close-button-hover-color, #555);
}
.etheme-elementor-off-canvas__close-button.outside {
position: absolute;
left: var(--off-canvas-close-alignment-left, auto);
right: var(--off-canvas-close-alignment-right, calc(100% + 15px));
background-color: var(--off-canvas-close-button-background-color, #fff);
border-radius: var(--off-canvas-close-border-radius, 50%);
padding: 0.75em;
margin-bottom: 0;
}
.etheme-elementor-off-canvas__close-button.outside:hover {
background-color: var(--off-canvas-close-button-hover-background-color, #e1e1e1);
}
.etheme-elementor-dropdown .etheme-elementor-off-canvas__container {
position: absolute;
width: auto;
height: auto;
overflow: visible;
top: 100%;
bottom: auto;
background: none;
min-width: var(--off-canvas-width, 320px);
left: var(--off-canvas-alignment-left, auto);
right: var(--off-canvas-alignment-right, 0);
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: background-color 0.4s, -webkit-transform 0s;
transition: background-color 0.4s, -webkit-transform 0s;
transition: background-color 0.4s, transform 0s;
transition: background-color 0.4s, transform 0s, -webkit-transform 0s;
}
@media (max-width: 767px) {
.etheme-elementor-dropdown .etheme-elementor-off-canvas__container {
min-width: var(--off-canvas-width, 300px);
}
}
.etheme-elementor-dropdown .etheme-elementor-off-canvas__main {
width: auto;
height: auto;
position: relative;
top: auto;
bottom: auto;
right: auto;
left: auto;
padding: var(--off-canvas-padding, 20px 1.43rem);
overflow: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.etheme-elementor-dropdown:not(.etheme-elementor-off-canvas--active) .etheme-elementor-off-canvas__container {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: background-color 0.4s, -webkit-transform 0s 0.4s;
transition: background-color 0.4s, -webkit-transform 0s 0.4s;
transition: background-color 0.4s, transform 0s 0.4s;
transition: background-color 0.4s, transform 0s 0.4s, -webkit-transform 0s 0.4s;
}
.etheme-elementor-dropdown:not(.etheme-elementor-off-canvas--active) .etheme-elementor-off-canvas__main {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.etheme-elementor-dropdown .etheme-elementor-off-canvas__close-button {
-ms-flex-item-align: end;
align-self: flex-end;
}
.etheme-elementor-dropdown .etheme-elementor-off-canvas__close-button.outside {
top: 0;
border: 1px solid var(--et_border-color);
}
.elementor-edit-area-active .elementor-loading.etheme-elementor-off-canvas--active {
opacity: 1;
visibility: visible;
}
.elementor-edit-area-active .elementor-loading.etheme-elementor-off-canvas--active .etheme-elementor-off-canvas__container {
z-index: 9999;
}
.etheme-elementor-off-canvas_content-head {
font-size: 1.2em;
margin-bottom: 15px;
}
.etheme-elementor-off-canvas_content-head-icon {
font-size: calc(1em * var(--off-canvas-head-icon-proportion, 1.4));
line-height: 1;
margin-bottom: 10px;
}
.etheme-elementor-off-canvas_content-head-icon:last-child {
margin-bottom: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
}
.etheme-elementor-off-canvas_content-head-icon:not(.full-width):not(:last-child) {
-webkit-margin-end: 10px;
margin-inline-end: 10px;
margin-bottom: 0;
}
.etheme-elementor-off-canvas_content-head-icon svg {
width: 1em;
height: 1em;
fill: currentColor;
}
.etheme-elementor-off-canvas_content-head-label {
position: relative;
text-transform: uppercase;
font-size: calc(1em * var(--off-canvas-head-label-proportion, 1.05));
background-image: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor));
background-image: linear-gradient(90deg, currentcolor, currentcolor);
background-size: 0% 2px;
background-repeat: no-repeat;
background-position: right bottom;
-webkit-transition: all 0.3s linear, background-position 0s;
transition: all 0.3s linear, background-position 0s;
}
.etheme-elementor-off-canvas_content-head:hover .etheme-elementor-off-canvas_content-head-label {
background-size: 100% 2px;
background-position: left bottom;
}
.etheme-elementor-off-canvas_content .menu li {
padding: 8px 0;
}
.etheme-elementor-off-canvas_content .menu li:first-child {
padding-top: 0;
}
.etheme-elementor-off-canvas_content .menu li:last-child {
padding-bottom: 0;
}
.etheme-elementor-off-canvas_content .menu li a {
color: currentColor;
font-size: 114%;
}
.etheme-elementor-off-canvas_content .menu li a .et-icon,
.etheme-elementor-off-canvas_content .menu li a > .fa {
margin-right: 5px;
}
.etheme-elementor-off-canvas_content .menu li a:hover {
opacity: 0.7;
}
.etheme-elementor-off-canvas_content .et_b-tab-content {
margin: 0;
}
.etheme-elementor-off-canvas_content .et_b-tab-content .widget > ul > li:not(.opened):last-child > a {
padding-bottom: 0;
}
.etheme-elementor-off-canvas_content .woocommerce-form-row .button,
.etheme-elementor-off-canvas_content #loginform .button,
.etheme-elementor-off-canvas_content .woocommerce-FormRow .button {
background-color: var(--et_btn-dark-bg-color);
border-color: var(--et_btn-dark-br-color);
color: var(--et_btn-dark-color);
height: auto;
width: 100%;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
line-height: 1.5;
}
.etheme-elementor-off-canvas_content .woocommerce-form-row .button:hover,
.etheme-elementor-off-canvas_content #loginform .button:hover,
.etheme-elementor-off-canvas_content .woocommerce-FormRow .button: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);
}
.etheme-elementor-off-canvas_content form li {
line-height: 1.8;
font-size: 85%;
margin-bottom: 0.5em;
}
.etheme-elementor-off-canvas .etheme-elementor-off-canvas__main {
--sales-booster-progress-bar-border: none;
--cart-widget-footer-margin: 15px -30px -20px;
--cart-widget-footer-padding: var(--off-canvas-padding, 15px 30px);
--sales-booster-progress-bar-wrapper-margin: var(--cart-widget-footer-margin, 0);
--sales-booster-progress-bar-padding: var(--cart-widget-footer-padding, 0);
--et_loader-size: 24px;
}
.etheme-elementor-dropdown .etheme-elementor-off-canvas__main {
--cart-widget-footer-margin: 15px -1.43rem -20px;
--cart-widget-footer-padding: var(--off-canvas-padding, 15px 1.43rem);
}
.etheme-elementor-off-canvas_content:has(.etheme-elementor-off-canvas_content-empty-message, .etheme-elementor-off-canvas_content-process) {
margin-top: auto;
margin-bottom: auto;
}
.etheme-elementor-off-canvas_content-process .et-loader {
min-height: 100px;
}
.etheme-elementor-off-canvas .etheme-elementor-off-canvas_content-empty-message > p {
font-size: 1.14em;
}
.etheme-elementor-off-canvas.processing .etheme-elementor-off-canvas_content,
.etheme-elementor-off-canvas.elementor-loading .etheme-elementor-off-canvas_content,
.etheme-elementor-off-canvas.processing .etheme-elementor-off-canvas_content ~ *,
.etheme-elementor-off-canvas.elementor-loading .etheme-elementor-off-canvas_content ~ * {
opacity: 0;
visibility: hidden;
}
.etheme-elementor-off-canvas .woocommerce-mini-cart__empty-message.empty {
text-align: center;
}
.etheme-elementor-off-canvas:has(.etheme-elementor-off-canvas_content-empty-message, .etheme-elementor-off-canvas_content-process, .woocommerce-mini-cart__empty-message.empty, .product_list_widget:empty) .woocommerce-mini-cart__footer-wrapper,
.etheme-elementor-off-canvas:has(.etheme-elementor-off-canvas_content-empty-message, .etheme-elementor-off-canvas_content-process, .woocommerce-mini-cart__empty-message.empty, .product_list_widget:empty) .etheme-elementor-off-canvas_content ~ *,
.etheme-elementor-off-canvas .btn-view-cart {
display: none;
}
.etheme-elementor-off-canvas .cart-popup-footer > * {
font-size: 100%;
}
.etheme-elementor-off-canvas .cart-popup-footer:last-child {
padding-bottom: 0;
}
.etheme-elementor-off-canvas .cart-widget-subtotal .big-coast {
font-size: 114%;
}
.etheme-elementor-off-canvas .cart-widget-subtotal .small-h {
font-size: 100%;
text-transform: uppercase;
}
.etheme-elementor-off-canvas .product_list_widget {
padding-bottom: 0;
}
.etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) {
--space-between-widgets: 0;
--items-spacing: 0;
--item-title-size: 104%;
}
.etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) ul {
border-bottom: none;
}
.etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) ul:last-child {
margin-bottom: 0;
}
.etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) li {
padding: 20px 12px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) li:hover {
background: var(--et_light-color);
}
.etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) .remove {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
line-height: 1;
margin-top: 10px;
}
@media (hover: hover) {
.etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) li:not(:hover) .remove {
-webkit-margin-end: 0px;
margin-inline-end: 0px;
opacity: 0;
visibility: inherit;
}
}
.etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) .swiper-slide {
margin: 0 !important;
padding: 0;
width: 100%;
border: none;
}
.etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) .swiper-slide .product-list-image {
float: none !important;
margin: 0 0 10px !important;
}
.etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) .product-slide {
padding-left: 12px;
padding-right: 12px;
}
.etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) .swiper-entry .swiper-container .swiper-slide p.product-title {
padding: 0;
opacity: 1;
}
.etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) .swiper-entry .swiper-container .swiper-slide p.product-title a {
white-space: normal;
overflow: unset;
}
.etheme-elementor-off-canvas .mini-cart-buttons {
line-height: var(--p-line-height, 1.6);
font-size: var(--p-font-size, 1.14rem);
--et_btn-size: 85%;
}
.elementor-widget-theme-etheme_mobile_menu {
--s-border-style: solid;
--s-min-height: 2.5em;
--s-button-min-width: var(--s-min-height, 40px);
}
.elementor-widget-theme-etheme_mobile_menu .etheme-search-input-form-wrapper {
background-color: #fff;
color: var(--et_dark-color);
}
.elementor-widget-theme-etheme_mobile_menu .etheme-search-form-input {
font-size: 1em;
}
.elementor-widget-theme-etheme_mobile_menu .etheme-search-form .autocomplete-suggestions {
max-height: 100% !important;
}
.elementor-widget-theme-etheme_mobile_menu .etheme-search-form-submit {
background: transparent;
border: none;
color: currentColor;
font-size: 1em;
}
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-off-canvas_content {
display: grid;
grid-row-gap: var(--off-canvas-elements-gap, 10px);
-ms-flex-line-pack: start;
align-content: flex-start;
--toggle-icon-space: 5px;
}
.elementor-widget-theme-etheme_mobile_menu .et_b-tab-content .widget .cat-item a,
.elementor-widget-theme-etheme_mobile_menu .et_b-tab-content .widget .cat-item-none {
padding: calc(var(--off-canvas-elements-gap, 7px) / 2) 0;
}
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical {
--submenu-display: block;
}
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical li.dropdown-click:not(.dropdown-opened) > .nav-sublist-dropdown,
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical li.dropdown-click:not(.dropdown-opened) > .nav-sublist {
display: none;
}
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist-dropdown {
position: static;
display: block;
opacity: 1;
visibility: visible;
-webkit-animation: none;
animation: none;
width: 100% !important;
-webkit-transform: none;
transform: none;
--menu-sublist-padding-right: 0px;
}
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist-dropdown ul > li ul {
position: static;
border: none;
padding: 0;
}
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist-dropdown,
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist {
padding: 0;
border: none;
}
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist-dropdown:not(.menu-static-block),
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist:not(.menu-static-block) {
-webkit-padding-start: 5px;
padding-inline-start: 5px;
}
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist-dropdown,
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist-dropdown .nav-sublist > ul {
-webkit-border-start: 1px solid var(--et_border-color);
border-inline-start: 1px solid var(--et_border-color);
}
.elementor-widget-theme-etheme_mobile_menu .widget .cat-item {
line-height: inherit;
}
.elementor-widget-theme-etheme_mobile_menu .widget .cat-item .children {
-webkit-border-start: 1px solid var(--et_border-color);
border-inline-start: 1px solid var(--et_border-color);
}
.elementor-widget-theme-etheme_mobile_menu .widget .cat-item .etheme-elementor-nav-menu-item-icon-opened {
display: var(--submenu-opened-arrow-display, none);
}
.elementor-widget-theme-etheme_mobile_menu .widget .cat-item .etheme-elementor-nav-menu-item-icon-closed {
display: var(--submenu-closed-arrow-display, '');
}
.elementor-widget-theme-etheme_mobile_menu .widget .cat-item.dropdown-opened > a {
--submenu-opened-arrow-display: inline-flex;
--submenu-closed-arrow-display: none;
}
.elementor-widget-theme-etheme_mobile_menu .widget .cat-item:not(.dropdown-opened) {
--submenu-display: none !important;
}
.elementor-widget-theme-etheme_mobile_menu .widget .cat-item:not(.dropdown-opened) > a {
--submenu-opened-arrow-display: none;
--submenu-closed-arrow-display: inline-flex;
}
.elementor-widget-theme-etheme_mobile_menu .widget .cat-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.elementor-widget-theme-etheme_mobile_menu .widget .cat-item .elementor-item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.elementor-widget-theme-etheme_mobile_menu .widget .cat-item .children {
display: var(--submenu-display, block);
-webkit-animation-name: var(--dropdown-animation-name, fadeIn);
animation-name: var(--dropdown-animation-name, fadeIn);
-webkit-animation-duration: var(--dropdown-animation-duration, 0.2s);
animation-duration: var(--dropdown-animation-duration, 0.2s);
padding: 0;
-webkit-padding-start: 10px;
padding-inline-start: 10px;
}
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-off-canvas_content {
scrollbar-width: none;
}
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-off-canvas_content::-webkit-scrollbar {
display: none;
}
.etheme-elementor-off-canvas-design-separated .woocommerce-MyAccount-navigation-link a,
.etheme-elementor-off-canvas-design-separated .etheme-elementor-nav-menu.vertical .etheme-elementor-nav-menu-item-parent .elementor-item { padding: calc(var(--off-canvas-elements-gap, 14px) / 1.3) 0;
border-bottom: 1px solid var(--et_border-color);
text-transform: uppercase;
}
.etheme-elementor-off-canvas-design-separated .widget > ul > .cat-item > a {
text-transform: uppercase;
}
.etheme-elementor-off-canvas-design-separated.elementor-widget-theme-etheme_mobile_menu .et_b-tab-content .widget .cat-item a,
.etheme-elementor-off-canvas-design-separated.åelementor-widget-theme-etheme_mobile_menu .et_b-tab-content .widget .cat-item-none,
.etheme-elementor-off-canvas-design-separated .widget .cat-item a {
padding: calc(var(--off-canvas-elements-gap, 14px) / 1.3) 0;
border-bottom: 1px solid var(--et_border-color);
}
.etheme-elementor-off-canvas-design-separated .menu .woocommerce-MyAccount-navigation-link {
padding: 0;
}
.etheme-elementor-off-canvas-design-separated .menu .woocommerce-MyAccount-navigation-link a {
display: inline-block;
width: 100%;
}
.etheme-elementor-off-canvas-design-separated .menu .woocommerce-MyAccount-navigation-link:last-child a {
border-bottom: none;
}
.etheme-elementor-off-canvas-design-separated .etheme-elementor-off-canvas_content .et_b-tab-content .widget > ul > li:not(.opened):last-child > a {
padding-bottom: calc(var(--off-canvas-elements-gap, 14px) / 1.3);
}
.etheme-elementor-off-canvas-design-separated.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist-dropdown:not(.menu-static-block),
.etheme-elementor-off-canvas-design-separated.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist:not(.menu-static-block),
.etheme-elementor-off-canvas-design-separated.elementor-widget-theme-etheme_mobile_menu .widget .cat-item .children {
-webkit-padding-start: 0;
padding-inline-start: 0;
}
.etheme-elementor-off-canvas-design-separated.elementor-widget-theme-etheme_mobile_menu .widget .cat-item .children a {
-webkit-padding-start: 10px;
padding-inline-start: 10px;
}
.etheme-elementor-off-canvas-design-separated.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist-dropdown,
.etheme-elementor-off-canvas-design-separated.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist-dropdown .nav-sublist > ul,
.etheme-elementor-off-canvas-design-separated.elementor-widget-theme-etheme_mobile_menu .widget .cat-item .children {
-webkit-border-start: none;
border-inline-start: none;
}
.etheme-elementor-off-canvas-design-separated .item-design-dropdown .nav-sublist-dropdown ul > li > .etheme-elementor-nav-menu-item,
.etheme-elementor-off-canvas-design-separated .widget .cat-item a {
border-bottom: 1px solid var(--et_border-color);
}
.etheme-elementor-off-canvas-design-separated .item-design-dropdown .nav-sublist-dropdown ul > li > .etheme-elementor-nav-menu-item .elementor-item {
padding-top: calc(var(--off-canvas-elements-gap, 14px)/1.3);
padding-bottom: calc(var(--off-canvas-elements-gap, 14px)/1.3);
}
.etheme-elementor-off-canvas-design-separated .etheme-elementor-off-canvas_content .etheme-elementor-off-canvas__toggle {
text-transform: uppercase;
border-bottom: 1px solid var(--et_border-color);
padding-bottom: calc(var(--off-canvas-elements-gap, 14px)/1.3);
}
.etheme-elementor-off-canvas-design-separated .etheme-elementor-off-canvas_content .etheme-elementor-off-canvas__toggle:last-child {
border-bottom: none;
}
.etheme-elementor-off-canvas-design-separated .product_list_widget:not(.swiper-wrapper) li {
border-radius: 0;
}
.etheme-elementor-off-canvas-design-separated .product_list_widget:not(.swiper-wrapper) li:not(:last-child) {
border-bottom: 1px solid var(--et_border-color);
}
.etheme-elementor-off-canvas-design-separated .etheme-elementor-off-canvas_content-head {
border-bottom: 1px solid var(--et_border-color);
padding-bottom: 15px;
}
.etheme-elementor-off-canvas-design-separated .cart-widget-subtotal {
border-top: 1px solid var(--et_border-color);
border-bottom: 1px solid var(--et_border-color);
padding: 1em 0;
}
.etheme-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.etheme-post-image-wrapper {
position: relative;
width: 100%;
isolation: isolate;
margin: 0 0 var(--image-space, 20px) 0;
}
.etheme-post-image-wrapper:only-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
-webkit-margin-start: 0;
margin-inline-start: 0;
}
.etheme-post-image-wrapper img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.etheme-post-image-inner {
display: block !important;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 5px;
}
.etheme-post-image-inner:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 1;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-post .elementor-shape .elementor-shape-fill {
fill: var(--post-color-white, #fff);
}
.etheme-posts-wrapper-list .etheme-post {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.etheme-posts-wrapper-list .etheme-post-image-wrapper {
margin: 0;
-webkit-margin-end: var(--image-space, 20px);
margin-inline-end: var(--image-space, 20px);
-webkit-box-flex: 0;
-ms-flex: 0 0 var(--image-width-proportion, 35%);
flex: 0 0 var(--image-width-proportion, 35%);
}
.etheme-posts-wrapper-list .etheme-post-image-right {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-margin-end: 0;
margin-inline-end: 0;
-webkit-margin-start: var(--image-space, 20px);
margin-inline-start: var(--image-space, 20px);
}
.etheme-posts-wrapper-list .etheme-post-image-right ~ .etheme-post-content.inside {
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: -25px;
margin-inline-end: -25px;
}
@media only screen and (min-width: 480px) {
.etheme-posts-wrapper-list .etheme-post:nth-child(even) .etheme-post-image-chess {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-margin-start: var(--image-space, 20px);
margin-inline-start: var(--image-space, 20px);
-webkit-margin-end: 0;
margin-inline-end: 0;
}
.etheme-posts-wrapper-list .etheme-post:nth-child(even) .etheme-post-image-chess ~ .etheme-post-content.inside {
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: -25px;
margin-inline-end: -25px;
}
.etheme-posts-wrapper-list .etheme-post:nth-child(even) .etheme-post-image-chess .etheme-post-date-label {
left: auto;
right: var(--date-label-offset, 15px);
}
.etheme-posts-wrapper-list .etheme-post:nth-child(even) .etheme-post-image-chess .etheme-post-terms-label {
left: auto;
right: 10px;
}
}
.etheme-posts-wrapper-list .etheme-post-content {
max-width: calc(100% - var(--image-width-proportion,35%));
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-item-align: center;
align-self: center;
}
.etheme-posts-wrapper-list .etheme-post-content.inside {
-ms-flex-item-align: center;
align-self: center;
max-width: 100%;
margin: 20px 0;
-webkit-margin-start: -25px;
margin-inline-start: -25px;
}
@media only screen and (min-width: 480px) {
.etheme-posts-wrapper-list .etheme-post {
--terms-label-offset-y: 5px;
}
}
@media only screen and (max-width: 480px) {
.etheme-posts-wrapper-list .etheme-post {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.etheme-posts-wrapper-list .etheme-post-content {
max-width: 100%;
}
.etheme-posts-wrapper-list .etheme-post-content.inside {
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
margin: -25px 20px 0;
}
.etheme-posts-wrapper-list .etheme-post-image-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
margin-bottom: var(--image-space, 20px);
}
}
.etheme-post-date-label {
position: absolute;
left: var(--date-label-offset, 15px);
top: var(--date-label-offset, 15px);
color: var(--post-color-dark, #222);
background: var(--post-color-white, #fff);
width: var(--date-label-proportion, 3.85rem);
height: var(--date-label-proportion, 3.85rem);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
border-radius: 50%;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
cursor: default;
z-index: 2;
}
.etheme-post-date-label span {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
line-height: 1;
}
.etheme-post-date-label.top {
left: 50% !important;
right: auto !important;
top: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.etheme-post-terms {
display: block;
font-size: 0.85rem;
margin: 0 -3px;
}
.etheme-post-terms a {
background: var(--post-color-dark-15, rgba(34, 34, 34, 0.15));
color: var(--post-color-dark, #222);
padding: 0.4em 0.5em;
margin: 0 3px 5px;
border-radius: 4px;
line-height: 1;
display: inline-block;
}
.etheme-post-terms-label {
position: absolute;
bottom: var(--terms-label-offset-y, 5px);
left: 10px;
font-size: 1rem;
z-index: 1;
}
.etheme-post-terms-label a {
color: #fff;
background-color: rgba(255, 255, 255, 0.3);
}
.etheme-post-title {
font-size: 1.4rem;
}
.etheme-post-title a {
display: inline-block;
font-size: inherit;
font-family: inherit;
color: var(--post-color-dark, #222);
}
.etheme-post-title a:hover {
color: var(--post-color-dark-07, rgba(34, 34, 34, 0.7));
}
.etheme-post-content {
width: 100%;
padding: var(--content-padding, 0);
background-color: var(--post-color-white, transparent);
border-radius: 5px;
}
.etheme-post-content:only-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 100%;
-ms-flex-item-align: start;
align-self: flex-start;
border-radius: inherit;
}
.etheme-post-content.inside {
background: var(--post-color-white, #fff);
margin: -25px 20px 0;
z-index: 1;
-webkit-box-shadow: 0 0 10px 0 var(--post-color-dark-15, rgba(34, 34, 34, 0.15));
box-shadow: 0 0 10px 0 var(--post-color-dark-15, rgba(34, 34, 34, 0.15));
-ms-flex-item-align: start;
align-self: flex-start;
}
.etheme-post-content.ghost-inside {
background: var(--post-color-white, #fff);
}
.etheme-post-excerpt {
color: var(--post-color-grey, #555);
font-size: 1.14rem;
margin-bottom: 15px;
}
.etheme-post-day {
font-size: 1.85rem;
}
.etheme-post-month {
font-size: 1rem;
}
.etheme-post-meta-data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: var(--post-color-grey, #555);
font-size: 12px;
padding: var(--post-meta-padding, 10px 0);
margin-top: 25px;
white-space: nowrap;
}
.etheme-post-meta-data > span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-post-meta-data > span + span {
-webkit-margin-start: 12px;
margin-inline-start: 12px;
}
.etheme-post-meta-data a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--post-color-dark, #222);
}
.etheme-post-meta-data svg {
fill: currentColor;
-webkit-margin-end: 3px;
margin-inline-end: 3px;
}
.etheme-post-meta-data .etheme-post-meta-data svg {
-webkit-margin-end: 3px;
margin-inline-end: 3px;
}
.etheme-post-meta-data .etheme-post-meta-data .etheme-post-share svg {
-webkit-margin-end: 0;
margin-inline-end: 0;
}
.etheme-post-author {
-webkit-margin-end: auto;
margin-inline-end: auto;
}
.etheme-post-author img {
border-radius: 50%;
-webkit-margin-end: 5px;
margin-inline-end: 5px;
max-width: 20px;
}
.etheme-post-author > a {
-webkit-margin-start: 5px;
margin-inline-start: 5px;
}
.etheme-post-share {
position: relative;
cursor: pointer;
}
.etheme-post-share-popup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
right: 0;
bottom: calc(100% + 10px);
background: var(--post-color-white, #fff);
color: var(--post-color-dark, #222);
padding: 10px;
-webkit-box-shadow: 0 0 5px 0 var(--post-color-dark-15, rgba(34, 34, 34, 0.15));
box-shadow: 0 0 5px 0 var(--post-color-dark-15, rgba(34, 34, 34, 0.15));
border-radius: 3px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
max-height: 250px;
overflow: auto;
}
.etheme-post-share-popup a {
white-space: nowrap;
}
.etheme-post-share-popup a:after {
content: attr(title);
display: inline-block;
-webkit-margin-start: 5px;
margin-inline-start: 5px;
}
.etheme-post-share:not(:hover) .etheme-post-share-popup {
-webkit-transform: translateX(10px);
transform: translateX(10px);
opacity: 0;
visibility: hidden;
}
.etheme-post-button {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1rem;
}
.etheme-post-button .button-text:not(:only-child) {
-webkit-margin-end: 10px;
margin-inline-end: 10px;
}
.etheme-post-button:not(.elementor-button) {
color: var(--post-color-dark, #222);
}
.etheme-post-button:not(.elementor-button):after {
content: '';
position: absolute;
left: auto;
right: 0;
bottom: 0;
height: 1px;
width: 0;
background: currentColor;
-webkit-transition: width 0.3s;
transition: width 0.3s;
}
.etheme-post-button:not(.elementor-button):hover:after {
left: 0;
right: auto;
width: 100%;
}
.etheme-post-button:not(.elementor-button):hover svg {
-webkit-animation: etheme-posts-button-icon-anim 0.4s forwards;
animation: etheme-posts-button-icon-anim 0.4s forwards;
}
@-webkit-keyframes etheme-posts-button-icon-anim {
49% {
-webkit-transform: translate(100%);
transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes etheme-posts-button-icon-anim {
49% {
-webkit-transform: translate(100%);
transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
.rtl .etheme-price-table-wrapper {
--ribbon-offset: var(--ribbon-distance);
}
.etheme-price-table-wrapper {
--ribbon-distance: 35px;
--ribbon-offset: calc(-50% + var(--ribbon-distance));
position: relative;
text-align: center;
overflow: hidden;
color: #000;
}
.etheme-price-table-wrapper ul {
list-style: none;
padding: 20px 0;
margin: 0;
}
.etheme-price-table-wrapper .period-bottom .etheme-price-table-period,
.etheme-price-table-wrapper .period-top .etheme-price-table-period {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.etheme-price-table-title,
.etheme-price-table-subtitle {
margin: 0;
text-transform: none;
}
.etheme-price-table-price .etheme-price-table-currency,
.etheme-price-fraction {
font-size: 0.5em;
}
.etheme-price-table-original-price,
.etheme-price-table-price {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 42px;
font-weight: 600;
line-height: 1;
}
.etheme-price-table-original-price {
font-size: 20px;
margin-right: 0.3em;
}
.etheme-price-table-original-price .etheme-price-table-currency {
-ms-flex-item-align: center;
align-self: center;
font-size: 1em;
}
.etheme-price-table-price-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 15px 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.etheme-price-table-price-wrapper .price-line-through,
.etheme-price-table-price-wrapper .price-underline {
position: relative;
}
.etheme-price-table-price-wrapper .price-line-through:after,
.etheme-price-table-price-wrapper .price-underline:after {
content: '';
position: absolute;
bottom: 0;
height: 0.1em;
width: 100%;
background-color: currentColor;
}
.etheme-price-table-price-wrapper .price-line-through:after {
bottom: 50%;
margin-top: -0.05em;
}
.etheme-price-table-header,
.etheme-price-table-footer {
padding: 20px 0;
}
.etheme-price-table-period {
-ms-flex-item-align: end;
align-self: flex-end;
}
.etheme-price-table-ribbon {
position: absolute;
top: 0;
left: auto;
right: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
min-width: 150px;
min-height: 150px;
width: calc(3 * var(--ribbon-distance));
height: calc(3 * var(--ribbon-distance));
pointer-events: none;
}
.etheme-price-table-ribbon-inner {
text-align: center;
left: 0;
width: 200%;
-webkit-transform: translateY(-50%) translateX(var(--ribbon-offset)) rotate(-45deg);
transform: translateY(-50%) translateX(var(--ribbon-offset)) rotate(-45deg);
margin-top: var(--ribbon-distance);
font-size: 14px;
line-height: 2;
background: #000;
color: #fff;
pointer-events: auto;
}
.etheme-price-table-ribbon.ribbon-left {
-webkit-transform: rotate(0);
transform: rotate(0);
left: 0;
right: auto;
}
.elementor-price-table__ribbon.ribbon-right {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
left: auto;
right: 0;
}
.etheme-product-filters {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: var(--cols-gap, 5px);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-product-filters-content-top .etheme-product-filters-item .etheme-product-filters-item-content {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 3px;
}
.etheme-product-filters-items {
display: grid;
width: 100%;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-gap: var(--inner-cols-gap, 5px);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-product-filters-button button {
height: auto;
padding: 10px 20px;
text-transform: none;
}
.etheme-product-filters-button svg {
fill: currentColor;
}
.etheme-product-filters[data-type=separated] .etheme-product-filters-item:after {
display: none;
}
.etheme-product-filters-item {
position: relative;
}
.etheme-product-filters-item:not(:last-child):after {
content: '';
width: 0;
border-right: var(--delimiter-width, 1px) var(--delimiter-style, solid) var(--delimiter-color, var(--et_border-color));
display: block;
position: absolute;
right: calc(var(--inner-cols-gap, 5px) * -.5);
-webkit-transform: translateX(50%);
transform: translateX(50%);
top: 5px;
bottom: 5px;
}
.etheme-product-filters-item.highlighted .etheme-product-filters-item-title {
color: var(--et_red-color) !important;
}
.etheme-product-filters-item .etheme-product-filters-item-content {
position: absolute;
left: 0;
right: 0;
margin-top: 3px;
max-height: 200px;
overflow: auto;
list-style: none;
padding: 20px;
background-color: #fff;
z-index: 1;
}
.etheme-product-filters-item .etheme-product-filters-item-content > li {
margin: 0 -20px;
padding: 0 20px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.etheme-product-filters-item .etheme-product-filters-item-content > li:hover,
.etheme-product-filters-item .etheme-product-filters-item-content > li.selected {
background: #f1f1f1;
}
.etheme-product-filters-item .etheme-product-filters-item-content ul {
list-style: none;
}
.etheme-product-filters-item .etheme-product-filters-item-content .filter-item {
display: inline-block;
color: currentColor !important;
padding: 5px 0;
margin-bottom: 0;
}
.etheme-product-filters-item .etheme-product-filters-item-content .wc-layered-nav-rating .filter-item {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.etheme-product-filters-item-title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 10px;
cursor: pointer;
}
.etheme-product-filters-item-title .title-text {
margin-right: auto;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
min-width: 25%;
}
.etheme-product-filters-item-title:after {
content: '\e905';
font-family: 'xstore-icons';
font-size: 0.75em;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.etheme-product-filters-item.opened .etheme-product-filters-item-title:after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.etheme-product-filters-quick-results {
white-space: nowrap;
padding: 0 7px;
overflow: auto;
}
.etheme-product-filters-quick-results::-webkit-scrollbar {
display: none;
}
.etheme-product-filters-quick-results > span {
display: inline-block;
position: relative;
color: #555;
background: #ddd;
padding: 5px 7px;
vertical-align: middle;
line-height: 1;
font-size: 0.85em;
cursor: pointer;
border-radius: 2px;
-webkit-margin-end: 7px;
margin-inline-end: 7px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.etheme-product-filters-quick-results > span:hover {
background: #fafafa;
-webkit-padding-start: 15px;
padding-inline-start: 15px;
}
.etheme-product-filters-quick-results > span:hover svg {
opacity: 1;
visibility: visible;
}
.etheme-product-filters-quick-results svg {
position: absolute;
top: calc(50% - .275em);
left: 5px;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.rtl .etheme-product-filters-quick-results svg {
left: auto;
right: 5px;
}
@media only screen and (max-width: 768px) {
.etheme-product-filters {
grid-template-columns: 1fr;
}
.etheme-product-filters-items {
grid-template-columns: auto;
}
.etheme-product-filters-item:not(:last-child):after {
top: auto;
bottom: calc(var(--inner-cols-gap,5px) * -.5);
border: none;
border-bottom: var(--delimiter-width, 1px) var(--delimiter-style, solid) var(--delimiter-color, var(--et_border-color));
width: 100%;
height: 0;
left: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.etheme-product-filters-button button {
width: 100%;
}
.etheme-product-filters-button button .elementor-button-text {
-webkit-box-flex: unset;
-ms-flex-positive: unset;
flex-grow: unset;
}
}
.etheme-product-hover-mode-dark {
--hover-color-white: #000;
--hover-color-dark: #fff;
}
.etheme-product-hover-mode-white {
--hover-color-white: #fff;
--hover-color-dark: #000;
}
[data-elementor-device-mode="mobile"] .etheme-product-grid {
--hover-item-height: clamp(30px, 7.5vw, 40px);
--hover-icon-size: clamp(12px, 3.5vw, 1.2rem);
--items-offset: 3px;
}
[data-elementor-device-mode="mobile"] .etheme-product-hover-mask .footer-inner > *:nth-child(3) ~ .show-quickly,
[data-elementor-device-mode="mobile"] .etheme-product-hover-mask2 .footer-inner > *:nth-child(3) ~ .show-quickly,
[data-elementor-device-mode="mobile"] .etheme-product-hover-mask3 .footer-inner > *:nth-child(3) ~ .show-quickly {
display: none;
}
.etheme-elementor-products-equal-height .etheme-product-grid-item {
display: grid;
}
.etheme-elementor-products-equal-height .etheme-product-grid-content {
margin-top: auto;
height: 100%;
display: grid;
}
.etheme-elementor-products-equal-height .etheme-product-grid-content > .etheme-product-grid-button {
-ms-flex-item-align: end;
align-self: flex-end;
}
.etheme-elementor-products-equal-height .etheme-product-has-fadeIn-content {
-ms-flex-item-align: unset;
align-self: unset;
}
.etheme-product-grid:not(.type-slider) {
display: grid;
grid-template-columns: repeat(var(--cols, 4), minmax(100px, 1fr));
grid-gap: var(--rows-gap, 20px) var(--cols-gap, 30px);
}
.quantity-wrapper .etheme-product-grid-button:before {
display: none;
}
.etheme-product-grid-title {
text-transform: none;
font-size: 1.14rem;
margin-bottom: 5px;
}
.etheme-product-grid-title a {
font-size: inherit;
font-family: inherit;
}
.etheme-product-grid-categories {
margin-bottom: 3px;
}
.etheme-product-grid-categories a {
color: currentColor;
}
.etheme-product-grid-item svg {
overflow: visible;
}
.etheme-product-grid-item .added_to_cart,
.etheme-product-grid-item .et-loader {
display: none !important;
}
.etheme-product-grid-item .price {
display: block;
margin-bottom: 7px;
}
.etheme-product-grid-item .stock {
font-size: 1.14rem;
color: var(--et_green-color);
margin-bottom: 0;
}
.etheme-product-grid-item .stock.out-of-stock {
color: var(--et_red-color);
}
.etheme-product-grid-item .stock.available-on-backorder {
color: var(--et_orange-color);
}
.etheme-product-grid-item .star-rating {
margin-bottom: 0;
}
.etheme-product-grid-item .woocommerce-product-details__short-description {
word-break: break-word;
}
.etheme-product-grid-item .woocommerce-product-details__short-description,
.etheme-product-grid-item .sku_wrapper {
display: block;
margin-bottom: 10px;
}
.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-grid-item .quantity-wrapper .quantity {
margin: 0;
float: none;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
}
.etheme-product-grid-item .quantity-wrapper .etheme-product-grid-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-grid-item footer {
position: absolute;
bottom: var(--items-offset, 20px);
color: var(--hover-color-dark);
width: 100%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.etheme-product-grid-item footer .etheme-product-grid-title a,
.etheme-product-grid-item footer .etheme-product-grid-categories a,
.etheme-product-grid-item footer .price ins .amount {
color: var(--hover-color-dark);
}
.etheme-product-grid-item.inactive-hover footer {
opacity: 0 !important;
visibility: hidden !important;
}
.etheme-product-grid-item .footer-inner {
font-size: 0;
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--hover-item-height, 40px), 1fr));
grid-template-rows: var(--hover-item-height, 40px);
grid-auto-flow: column;
gap: var(--items-gap, 0);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-product-grid-item .footer-inner i,
.etheme-product-grid-item .footer-inner span.et-icon,
.etheme-product-grid-item .footer-inner svg {
font-size: var(--hover-icon-size, 1.2rem);
color: var(--hover-icon-color, var(--hover-color-dark));
fill: currentColor;
margin: 0 !important;
}
.etheme-product-grid-item .footer-inner .xstore-compare.processing:not(.xstore-compare-has-animation):before,
.etheme-product-grid-item .footer-inner .xstore-wishlist:before {
top: 0 !important;
left: 0 !important;
width: 100%;
height: 100%;
border-radius: inherit;
-webkit-animation: none;
animation: none;
}
.etheme-product-grid-item .footer-inner .xstore-compare[data-action=remove] .et-icon,
.etheme-product-grid-item .footer-inner .xstore-wishlist[data-action=remove] .et-icon {
color: var(--et_active-color);
}
.etheme-product-grid-item .footer-inner .button {
background: var(--hover-color-white);
border: none;
padding: 0;
line-height: 1;
height: auto;
margin: 0;
}
.etheme-product-grid-item .footer-inner > * {
position: relative;
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;
cursor: pointer;
background: var(--hover-color-white);
margin: 0;
border-radius: var(--item-radius, 0);
height: var(--hover-item-height, 40px);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-product-grid-item .footer-inner > *:before {
content: '';
background: var(--hover-color-dark);
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: inherit;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-product-grid-item .footer-inner > :hover:before {
opacity: 0.15;
visibility: visible;
}
.etheme-product-grid-item .top-footer {
position: relative;
z-index: 1;
background-color: var(--hover-color-white);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
text-align: center;
font-size: clamp(10px, 3.5vw, 1em);
padding: clamp(5px, 2vw, 12px);
}
.etheme-product-grid-item .wishlist-fragment .yith-wcwl-add-button,
.etheme-product-grid-item .wishlist-fragment .yith-wcwl-wishlistaddedbrowse,
.etheme-product-grid-item .wishlist-fragment .yith-wcwl-wishlistexistsbrowse {
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;
width: auto;
height: auto;
}
.etheme-product-grid-item .compare-button > a,
.etheme-product-grid-item .wishlist-fragment .yith-wcwl-add-button > a,
.etheme-product-grid-item .wishlist-fragment .yith-wcwl-wishlistaddedbrowse > a,
.etheme-product-grid-item .wishlist-fragment .yith-wcwl-wishlistexistsbrowse > a {
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-grid-item .wishlist-fragment .blockOverlay {
background-color: transparent !important;
opacity: 1 !important;
}
.etheme-product-grid-item .wishlist-fragment .feedback {
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-grid-item .wishlist-fragment .yith-wcwl-wishlistaddedbrowse > a,
.etheme-product-grid-item .wishlist-fragment .yith-wcwl-wishlistexistsbrowse > a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.etheme-product-grid-item .compare:before,
.etheme-product-grid-item .yith-wcwl-add-to-wishlist a:before {
display: none;
}
.etheme-product-grid-item .yith-wcwl-icon {
font-family: 'FontAwesome';
font-weight: normal;
}
.etheme-product-grid-item .etheme-product-grid-button {
display: inline-block;
position: relative;
height: auto;
background-color: #000;
color: #fff;
border: none;
}
.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: #8888;
display: none;
z-index: 1;
-webkit-animation: rotate 0.5s linear infinite;
animation: rotate 0.5s linear infinite;
border-radius: 50%;
}
.etheme-product-grid-item .etheme-product-grid-button.loading:before {
display: block !important;
}
.etheme-product-grid-image {
position: relative;
overflow: hidden;
margin-bottom: var(--image-space, 8px);
text-align: start;
isolation: isolate;
}
.etheme-product-grid-image img {
display: block;
margin: 0 auto;
-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-grid-content {
position: relative;
}
.etheme-product-grid .button svg {
fill: currentColor;
width: 1em;
height: 1em;
}
.etheme-product-grid .sales-booster-total-sales,
.etheme-product-grid .single-waitlist {
margin-bottom: 7px;
}
.etheme-product-grid .single-waitlist:not(:first-child) {
margin-top: 5px;
} .etheme-product-hover-mask:not(:hover) footer {
-webkit-transform: translateY(50%);
transform: translateY(50%);
opacity: 0;
visibility: hidden;
}
.etheme-product-hover-mask .footer-inner {
grid-template-columns: repeat(auto-fit, minmax(var(--hover-item-height, 40px), 1fr));
}
.etheme-product-hover-mask footer {
width: auto;
left: var(--items-offset, 20px);
right: var(--items-offset, 20px);
}
.etheme-product-hover-mask2 footer {
right: var(--items-offset, 20px);
width: auto;
}
.etheme-product-hover-mask2:not(:hover) footer {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
visibility: hidden;
}
.etheme-product-hover-mask2 .footer-inner {
width: auto;
grid-auto-flow: row;
}
.etheme-product-hover-mask3 footer {
bottom: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.etheme-product-hover-mask3:not(:hover) footer {
-webkit-transform: translateY(calc(50% + 10px));
transform: translateY(calc(50% + 10px));
opacity: 0;
visibility: hidden;
}
.etheme-product-hover-mask3 .footer-inner {
gap: var(--items-gap, 10px);
grid-template-columns: repeat(auto-fit, var(--hover-item-height, 40px));
grid-auto-flow: dense;
}
.etheme-product-hover-mask3 .footer-inner > * {
border-radius: var(--hover-item-border-radius, 50%);
}
[data-elementor-device-mode=mobile] .etheme-product-hover-mask3 .footer-inner {
width: auto;
grid-auto-flow: row;
--items-gap: 0;
--hover-item-border-radius: 0;
}
[data-elementor-device-mode=mobile] .etheme-product-hover-mask3:not(:hover) footer {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
visibility: hidden;
}
[data-elementor-device-mode=mobile] .etheme-product-hover-mask3 footer {
right: var(--items-offset, 20px);
width: auto;
bottom: var(--items-offset, 20px);
-webkit-transform: none;
transform: none;
}
.etheme-product-hover-info:not(:hover) .top-footer {
-webkit-transform: translateY(var(--hover-item-height, 40px));
transform: translateY(var(--hover-item-height, 40px));
}
.etheme-product-hover-overlay footer,
.etheme-product-hover-default footer {
height: 100%;
bottom: 0;
background: transparent;
display: grid;
grid-template-rows: auto 1fr;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
gap: 0;
padding: 5px 7px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
pointer-events: none;
}
.etheme-product-hover-overlay footer:before,
.etheme-product-hover-default footer:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--hover-color-white);
opacity: var(--hover-overlay-opacity, 0.3);
pointer-events: none;
}
.etheme-product-hover-overlay:not(:hover) footer,
.etheme-product-hover-default:not(:hover) footer {
opacity: 0;
visibility: hidden;
}
.etheme-product-hover-overlay:not(:hover) .top-footer,
.etheme-product-hover-default:not(:hover) .top-footer {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.etheme-product-hover-overlay:not(:hover) .footer-inner > *,
.etheme-product-hover-default:not(:hover) .footer-inner > * {
-webkit-transform: scale(0.7);
transform: scale(0.7);
opacity: 0;
visibility: hidden;
}
.etheme-product-hover-overlay .top-footer,
.etheme-product-hover-default .top-footer {
background: transparent;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
pointer-events: all;
}
.etheme-product-hover-overlay .footer-inner,
.etheme-product-hover-default .footer-inner {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
grid-template-columns: auto;
grid-template-rows: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
pointer-events: all;
}
.etheme-product-hover-overlay .footer-inner > :before,
.etheme-product-hover-default .footer-inner > :before {
display: none;
}
.etheme-product-hover-overlay .footer-inner .button,
.etheme-product-hover-default .footer-inner .button,
.etheme-product-hover-overlay .footer-inner > *,
.etheme-product-hover-default .footer-inner > * {
background: transparent;
height: auto;
padding: 5px;
}
.etheme-product-hover-overlay .footer-inner .button:hover,
.etheme-product-hover-default .footer-inner .button:hover,
.etheme-product-hover-overlay .footer-inner > *:hover,
.etheme-product-hover-default .footer-inner > *:hover {
color: var(--hover-color-white);
background-color: transparent;
}
.etheme-product-hover-overlay .footer-inner .xstore-wishlist:before,
.etheme-product-hover-default .footer-inner .xstore-wishlist:before,
.etheme-product-hover-overlay .footer-inner .xstore-compare:before,
.etheme-product-hover-default .footer-inner .xstore-compare:before {
background: none !important;
}
.etheme-product-hover-overlay .footer-inner .xstore-compare.processing:not(.xstore-compare-has-animation):before,
.etheme-product-hover-default .footer-inner .xstore-compare.processing:not(.xstore-compare-has-animation):before,
.etheme-product-hover-overlay .footer-inner .xstore-wishlist:before,
.etheme-product-hover-default .footer-inner .xstore-wishlist:before {
width: 16px !important;
height: 16px !important;
left: calc(50% - 8px) !important;
top: calc(50% - 8px) !important;
opacity: 1;
visibility: visible;
}
.etheme-product-hover-default footer:before {
display: none;
}
.etheme-product-hover-default .top-footer {
-ms-flex-item-align: end;
align-self: flex-end;
padding: 0;
}
.etheme-product-hover-default .show-quickly {
width: 100%;
font-size: clamp(10px, 3.5vw, 1em);
background: var(--hover-color-white);
padding: 7px 10px;
cursor: pointer;
color: var(--hover-color-dark);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-product-hover-default .show-quickly:after {
content: attr(data-text);
-webkit-margin-start: 10px;
margin-inline-start: 10px;
}
.etheme-product-hover-default .footer-inner {
--hover-icon-color: var(--hover-color-white);
} .etheme-product-image-hover-slider .hover-arrow {
position: absolute;
top: calc(50% - var(--arrow-size,50px)/ 2);
color: var(--hover-color-dark);
cursor: pointer;
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
opacity: 0 !important;
z-index: 3;
border: 15px solid transparent;
font-size: 1.14rem;
}
.etheme-product-image-hover-slider .hover-arrow-right {
right: 0;
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.etheme-product-image-hover-slider .hover-arrow-left {
left: 0;
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
.etheme-product-image-hover-slider:hover .hover-arrow-right,
.etheme-product-image-hover-slider:hover .hover-arrow-left {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1 !important;
}
.etheme-product-hover-swap-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-filter: var(--image-hover-filter, none);
filter: var(--image-hover-filter, none);
}
.etheme-product-grid-image:not(:hover) .etheme-product-hover-swap-image {
opacity: 0;
visibility: hidden;
}
.etheme-product-image-hover-back-zoom-in .etheme-product-grid-image:hover .etheme-product-hover-swap-image img,
.etheme-product-image-hover-back-zoom-out .etheme-product-grid-image:not(:hover) .etheme-product-hover-swap-image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-filter: var(--image-hover-filter, none);
filter: var(--image-hover-filter, none);
}
.etheme-product-image-hover-zoom-in .etheme-product-grid-image:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-filter: var(--image-hover-filter, none);
filter: var(--image-hover-filter, none);
}
.etheme-product-image-hover-zoom-in .etheme-product-grid-image img,
.etheme-product-image-hover-back-zoom-in .etheme-product-hover-swap-image img,
.etheme-product-image-hover-back-zoom-out .etheme-product-hover-swap-image img {
-webkit-transition: opacity 0.5s, -webkit-filter 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-filter 0.5s, -webkit-transform 0.5s;
transition: filter 0.5s, opacity 0.5s, transform 0.5s;
transition: filter 0.5s, opacity 0.5s, transform 0.5s, -webkit-filter 0.5s, -webkit-transform 0.5s;
}
.etheme-product-image-hover-carousel .hover-slider-indicator {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4px;
bottom: 7px;
left: 7px;
}
.etheme-product-image-hover-carousel .hover-slider-indicator .hover-slider-indicator-dot {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background-color: var(--et_border-color);
-webkit-box-shadow: 0px 0px 3px 0 var(--et_dark-2-white-01);
box-shadow: 0px 0px 3px 0 var(--et_dark-2-white-01);
-webkit-animation: fadeIn 0.3s linear, zoomIn 0.3s linear;
animation: fadeIn 0.3s linear, zoomIn 0.3s linear;
}
.etheme-product-image-hover-carousel .hover-slider-indicator .hover-slider-indicator-dot.active {
background-color: var(--et_active-color);
}
.etheme-product-image-hover-carousel .etheme-product-grid-image img {
-webkit-transform: none;
transform: none;
}
.etheme-product-grid-bordered:not(.type-slider) {
grid-gap: 0;
-webkit-border-start: 1px solid var(--bordered-layout-border-color, var(--et_border-color));
border-inline-start: 1px solid var(--bordered-layout-border-color, var(--et_border-color));
padding-top: 1px;
}
.etheme-product-grid-bordered:not(.type-slider) > div {
padding: var(--rows-gap, 15px) var(--cols-gap, 15px);
border: 1px solid var(--bordered-layout-border-color, var(--et_border-color));
-webkit-border-start: none;
border-inline-start: none;
margin-top: -1px;
}
.etheme-product-grid-item .etheme-countdown {
--gap: 3px;
--item-min-width: 70px;
}
.etheme-product-grid-item .etheme-countdown-wrapper {
margin: 10px 0;
clear: both;
}
.etheme-product-grid-item .etheme-countdown-item {
padding: 5px;
--inner-gap: 0px;
font-size: 0.85rem;
}
.etheme-product-grid-item .etheme-countdown-digits {
font-size: 1.7rem;
}
.etheme-product-grid-spacer {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
background-color: var(--et_container-bg-color, #fff);
}
.etheme-product-grid-fadeIn-area {
position: absolute;
top: 100%;
right: 0;
left: 0;
visibility: hidden;
opacity: 0;
padding: 10px 5px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-product-grid-more-info {
padding-bottom: 20px;
}
.etheme-product-has-fadeIn-content {
position: relative;
-ms-flex-item-align: start;
align-self: flex-start;
}
.etheme-product-has-fadeIn-content:hover {
-webkit-box-shadow: none !important;
box-shadow: none !important;
overflow: visible !important;
z-index: 3;
}
.etheme-product-has-fadeIn-content:hover .etheme-product-grid-spacer {
opacity: 1;
visibility: visible;
}
.etheme-product-has-fadeIn-content:hover .etheme-product-grid-fadeIn-area {
opacity: 1;
visibility: visible;
z-index: 3;
}
.etheme-product-has-fadeIn-content .etheme-product-grid-more-info-btn {
margin-top: 12px;
}
.etheme-product-has-fadeIn-content .etheme-product-grid-more-info-inner {
position: relative;
max-height: 20em;
overflow: auto;
-webkit-padding-end: 3px;
padding-inline-end: 3px;
}
.etheme-product-has-fadeIn-content .etheme-product-grid-more-info-inner.limited-height {
overflow: hidden;
max-height: calc(var(--p-line-height, 1.6) * 3em);
}
.etheme-product-has-fadeIn-content .shop_attributes th,
.etheme-product-has-fadeIn-content .shop_attributes tr:first-child td {
padding-top: 0;
padding-bottom: 0;
}
.etheme-product-has-fadeIn-content .shop_attributes tr:not(:last-child) {
border-bottom: none;
}
.swiper-slide .etheme-product-grid-fadeIn-area {
position: static;
}
.et-catalog-on .etheme-product-grid-item footer .show-product,
.et-catalog-on .etheme-product-grid-item footer .add_to_cart_button {
display: none !important;
}
.et-catalog-on .etheme-product-grid-item .quantity-wrapper {
display: none !important;
}
.etheme-elementor-product-align-left .quantity-wrapper[data-type=advanced] {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.etheme-elementor-product-align-center .quantity-wrapper[data-type=advanced] {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.etheme-elementor-product-align-right .quantity-wrapper[data-type=advanced] {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.etheme-product-grid-item:has(.quantity-wrapper[data-type=advanced]:not(.is-added) ~ .etheme-product-grid-button:not(.added)) .quantity-wrapper,
.etheme-product-grid-item:has(.quantity-wrapper[data-type=advanced].is-added ~ .etheme-product-grid-button) .etheme-product-grid-button,
.etheme-product-grid-item:has(.quantity-wrapper[data-type=advanced] ~ .etheme-product-grid-button.added) .etheme-product-grid-button {
display: none;
}
.etheme-product-grid-item .quantity-wrapper[data-type=advanced] {
width: 100%;
max-width: unset;
--et_quantity-height: 35px;
}
.etheme-product-grid-item .quantity-wrapper[data-type=advanced]:has(.blockUI) input {
color: transparent;
}
.etheme-product-grid-item .quantity-wrapper[data-type=advanced] .quantity {
margin-left: 0;
margin-right: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.etheme-product-grid-item .quantity-wrapper[data-type=advanced] .quantity .qty {
max-width: 100px;
width: 100%;
}
.etheme-product-grid-item .quantity-wrapper[data-type=advanced] .quantity > span {
width: var(--et_quantity-height, 38px);
max-width: 25%;
}
.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-grid-item .quantity-wrapper[data-type=advanced] .quantity > span.minus {
background-color: var(--et_light-color);
}
.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: auto;
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);
}
.etheme-scroll-progress {
position: relative;
background: #2962FF;
color: #fff;
height: 35px;
line-height: 35px;
width: 0;
-webkit-transition: width 0.3s linear;
transition: width 0.3s linear;
}
.etheme-scroll-progress.loading:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background-size: 30px 30px;
background-image: linear-gradient(-45deg, var(--progress-color-animation, rgba(255, 255, 255, 0.15)) 25%, transparent 25%, transparent 50%, var(--progress-color-animation, rgba(255, 255, 255, 0.15)) 50%, var(--progress-color-animation, rgba(255, 255, 255, 0.15)) 75%, transparent 75%, transparent);
-webkit-animation: etheme-scroll-progress-animation 1.5s linear infinite;
animation: etheme-scroll-progress-animation 1.5s linear infinite;
border-radius: inherit;
pointer-events: none;
}
.etheme-scroll-progress-wrapper {
background: #f7f7f7;
overflow: hidden;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-scroll-progress-wrapper.top,
.etheme-scroll-progress-wrapper.bottom {
position: fixed;
left: var(--h-offset, 0);
right: var(--h-offset, 0);
z-index: 9999;
}
.etheme-scroll-progress-wrapper.top {
top: var(--v-offset, 0);
}
.etheme-scroll-progress-wrapper.top.invisible {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: hidden;
opacity: 0;
}
.etheme-scroll-progress-wrapper.bottom {
bottom: var(--v-offset, 0);
}
.etheme-scroll-progress-wrapper.bottom.invisible {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: hidden;
opacity: 0;
}
.etheme-scroll-progress-value {
display: inline-block;
padding: 0 15px;
z-index: 1;
}
@-webkit-keyframes etheme-scroll-progress-animation {
0% {
background-position: 0 0;
}
100% {
background-position: 30px 30px;
}
}
@keyframes etheme-scroll-progress-animation {
0% {
background-position: 0 0;
}
100% {
background-position: 30px 30px;
}
}
.etheme-search-form {
position: relative;
--et_inputs-border-radius: 0px;
}
.etheme-search-form-select {
color: #222;
border-width: 0;
-webkit-transition: max-width 0.2s ease-in-out;
transition: max-width 0.2s ease-in-out;
padding: 0 27px 0 15px;
height: auto;
line-height: 2rem;
min-height: var(--s-min-height, 40px);
}
.etheme-search-form-select[style] {
width: 100%;
}
.etheme-search-form-submit {
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;
white-space: nowrap;
height: var(--s-min-height, 40px);
padding: 0;
min-width: var(--s-button-min-width, 120px);
-webkit-box-shadow: var(--s-form-shadow, 0px 0px 0px 0px) var(--s-form-shadow-color, transparent);
box-shadow: var(--s-form-shadow, 0px 0px 0px 0px) var(--s-form-shadow-color, transparent);
}
.etheme-search-form-submit .button-text,
.etheme-search-form-submit svg {
vertical-align: middle;
}
.etheme-search-form-submit svg {
width: 1em;
height: 1em;
fill: currentColor;
}
.etheme-search-form-tabs {
position: sticky;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 10px 0 0;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
color: #222;
background-color: #fff;
}
.etheme-search-form-tab {
position: relative;
color: currentColor;
-webkit-text-fill-color: currentColor;
cursor: pointer;
padding: 0 5px 10px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
opacity: 0.5;
white-space: nowrap;
text-transform: uppercase;
border-bottom: 1px solid currentColor;
}
.etheme-search-form-tab:after {
position: absolute;
bottom: -1px;
z-index: 12;
content: '';
height: 2px;
width: 0;
right: 0;
-webkit-transition: width 0.3s;
transition: width 0.3s;
background: currentColor;
}
.etheme-search-form-tab:not(.active) {
overflow: hidden;
text-overflow: ellipsis;
}
.etheme-search-form-tab.active {
opacity: 1;
}
.etheme-search-form-tab.active:after {
width: 100%;
left: 0;
right: auto;
}
.etheme-search-form-tab-content:not(.active) {
display: none !important;
}
.etheme-search-form-title {
position: sticky;
top: 0;
font-size: var(--title-size, 0.85em);
z-index: 1;
}
.etheme-search-form-title,
.etheme-search-form-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: var(--title-align-h, center);
-ms-flex-pack: var(--title-align-h, center);
justify-content: var(--title-align-h, center);
text-transform: uppercase;
padding: var(--v-title-space, 10px) var(--h-item-space, 15px);
margin: 0;
color: #000;
background: var(--title-bg, #f9f9f9);
}
.etheme-search-form-more {
padding-top: 0;
padding-bottom: 0;
font-size: var(--title-size, 1em);
--et_btn-dark-bg-color: transparent;
--et_btn-dark-bg-color-hover: transparent;
--et_btn-dark-color: currentColor;
--et_btn-dark-color-hover: currentColor;
--et_btn-dark-br-color: transparent;
--et_btn-dark-br-color-hover: transparent;
-webkit-box-pack: var(--title-align-h, flex-start);
-ms-flex-pack: var(--title-align-h, flex-start);
justify-content: var(--title-align-h, flex-start);
}
.etheme-search-form-more button {
width: var(--s-results-button-width, 100%);
text-align: var(--s-results-button-align, start);
height: auto;
border: none;
text-transform: none;
font-size: 1em;
padding: var(--v-title-space, 15px) 0;
}
.etheme-search-form-more button span {
border-bottom: 1px dashed currentColor;
}
.etheme-search-form-more button:hover {
--s-more-button-icon-transformX: 3px;
}
.etheme-search-form-more svg {
-webkit-margin-start: 5px;
margin-inline-start: 5px;
width: 0.75em;
height: 0.75em;
-webkit-transform: translateX(var(--s-more-button-icon-transformX, 0px));
transform: translateX(var(--s-more-button-icon-transformX, 0px));
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.etheme-search-form-title span {
margin-left: auto;
font-size: var(--item-element-size, 1em);
text-transform: none;
}
.etheme-search-form-item-title span {
background-image: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor));
background-image: linear-gradient(90deg, currentcolor, currentcolor);
background-size: var(--item-title-animation-size, 0% 1px);
background-repeat: no-repeat;
background-position: left bottom;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.etheme-search-form-item-title,
.etheme-search-form-item-stock {
margin: 0;
}
.etheme-search-form-item-price,
.etheme-search-form-item-date {
white-space: nowrap;
font-size: var(--item-element-size, 0.95em);
}
.etheme-search-form-item-info {
width: 100%;
}
.etheme-search-form-item-info:not(:last-child) {
margin-right: 20px;
}
.etheme-search-form-item-info > *:last-child {
margin-bottom: 0;
}
.etheme-search-form-item-info-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 5px;
font-size: 0.85em;
--item-info-element-space: 0;
--item-info-element-size: 1em;
}
.etheme-search-form-item-info-separator {
opacity: 0.3;
}
.etheme-search-form .autocomplete-suggestions {
position: static !important;
width: 100%;
text-transform: none;
color: #222;
--et_link-color: currentColor;
background-color: #fff;
text-align: start;
max-height: var(--items-max-height, 350px);
overflow: auto;
overflow-x: hidden;
}
.etheme-search-form .autocomplete-suggestions:before,
.etheme-search-form .autocomplete-suggestions:after {
content: '';
display: var(--items-suggestion-clearfix-display, table);
clear: both;
}
.etheme-search-form .autocomplete-suggestion {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
float: left;
-webkit-box-align: var(--v-item-align, center);
-ms-flex-align: var(--v-item-align, center);
align-items: var(--v-item-align, center);
-webkit-box-pack: var(--h-item-align, flex-start);
-ms-flex-pack: var(--h-item-align, flex-start);
justify-content: var(--h-item-align, flex-start);
width: 100%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin: 0;
-webkit-animation: var(--item-animation, none);
animation: var(--item-animation, none);
}
.etheme-search-form .autocomplete-suggestion > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: var(--item-flex-wrap, '');
flex-wrap: var(--item-flex-wrap, '');
min-height: var(--item-min-height, 30px);
}
.etheme-search-form .autocomplete-suggestion .etheme-search-form-item {
width: 100%;
padding: var(--v-item-space, 10px) var(--h-item-space, 15px);
}
.etheme-search-form .autocomplete-suggestion img {
max-width: var(--item-img-width, 4rem);
margin: var(--item-img-margin, 0 20px 0 0);
}
.rtl .etheme-search-form .autocomplete-suggestion img {
margin: var(--item-img-margin, 0 0 0 20px);
}
.etheme-search-form .autocomplete-suggestion .stock,
.etheme-search-form .autocomplete-suggestion .sku_wrapper {
margin-bottom: var(--item-info-element-space, 3px);
font-size: var(--item-info-element-size, 0.85em);
}
.etheme-search-form .autocomplete-suggestion .stock.in-stock.step-1 {
color: var(--product-stock-step-1-active-color);
}
.etheme-search-form .autocomplete-suggestion .stock.in-stock.step-2 {
color: var(--product-stock-step-2-active-color);
}
.etheme-search-form .autocomplete-suggestion .stock.in-stock.step-3 {
color: var(--product-stock-step-2-active-color);
}
.etheme-search-form .autocomplete-no-suggestion {
color: #222;
padding: var(--v-item-space, 10px) var(--h-item-space, 15px);
min-height: var(--item-min-height, 30px);
}
.etheme-search-form .autocomplete-selected {
background: var(--item-selected-background-color, #fafafa);
--item-title-animation-size: 100% 1px;
}
.etheme-search-ajax-results {
position: absolute;
top: calc(100% + var(--s-results-offset, 5px));
width: 100%;
z-index: 9999;
overflow: hidden;
-webkit-box-shadow: var(--s-form-shadow, none) #fff;
box-shadow: var(--s-form-shadow, none) #fff;
}
.etheme-modal-popup-content .etheme-search-ajax-results {
position: static;
}
.etheme-search-form:not(.searching, .trending-searches-shown) .etheme-search-ajax-results,
.etheme-search-form.searching.loading .etheme-search-ajax-results {
display: none;
}
.etheme-search-input-form-wrapper,
.etheme-search-form-button-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-search-form-select {
border: var(--s-border-width, 1px) var(--s-border-style, none) var(--s-border-color, #e1e1e1);
}
input.etheme-search-form-input,
.etheme-search-input-placeholder {
border: var(--s-border-width, 1px) var(--s-border-style, none) var(--s-border-color, #e1e1e1);
width: 100%;
height: auto;
min-height: var(--s-min-height, 40px);
}
input.etheme-search-form-input:focus {
border-color: var(--s-border-color, #e1e1e1);
}
.etheme-search-form[type=separated] .etheme-search-form-select,
.etheme-search-form[type=separated] input.etheme-search-form-input,
.etheme-search-form[type=separated] .etheme-search-input-placeholder,
.etheme-search-form[type=separated] .etheme-search-form-submit {
border-radius: var(--s-border-radius, 0px);
}
.etheme-search-form[type=separated] .etheme-search-form-select,
.etheme-search-form[type=separated] .etheme-search-input-wrapper {
margin-right: var(--s-form-space, 10px);
-webkit-box-shadow: var(--s-form-shadow, none) var(--s-form-shadow-color);
box-shadow: var(--s-form-shadow, none) var(--s-form-shadow-color);
}
.etheme-search-form:not([type=separated]) .etheme-search-form-select,
.etheme-search-form:not([type=separated]) input.etheme-search-form-input,
.etheme-search-form:not([type=separated]) .etheme-search-input-placeholder {
border-width: 0;
}
.etheme-search-form:not([type=separated]) .etheme-search-input-form-wrapper {
border: var(--s-border-width, 1px) var(--s-border-style, none) var(--s-border-color, #e1e1e1);
border-radius: var(--s-border-radius, 0px);
-webkit-box-shadow: var(--s-form-shadow, none) var(--s-form-shadow-color);
box-shadow: var(--s-form-shadow, none) var(--s-form-shadow-color);
overflow: hidden;
}
.etheme-search-form:not([type=separated]) .etheme-search-form-select {
border-right-width: var(--s-border-width, 1px);
}
.etheme-search-form:not([type=separated]) .etheme-search-form-submit {
border-radius: 0 var(--s-border-radius, 0px) var(--s-border-radius, 0px) 0;
}
.etheme-search-input-wrapper {
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-search-form-clear {
position: absolute;
right: 10px;
color: #000;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.etheme-search-form-clear:before {
content: '';
width: 1em;
height: 1em;
position: absolute;
right: calc(100% + 7px);
border-radius: 50%;
border: 1px solid #e1e1e1;
border-right-color: #555;
-webkit-animation: rotate 0.3s infinite linear;
animation: rotate 0.3s infinite linear;
top: calc(50% - .5em);
line-height: 1;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
body.rtl .etheme-search-form-clear {
right: auto;
left: 10px;
}
body.rtl .etheme-search-form-clear:before {
right: auto;
left: calc(100% + 7px);
}
.etheme-search-form:not(.searching) .etheme-search-form-clear {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
.etheme-search-form:not(.loading) .etheme-search-form-clear:before {
display: none;
}
.etheme-modal-popup-inner:has(.etheme-search-form[type=popup]) {
height: 100%;
}
.etheme-search-form[type=popup] {
display: grid;
-ms-flex-line-pack: stretch;
align-content: stretch;
grid-template-rows: var(--s-popup-rows, -webkit-max-content 1fr);
grid-template-rows: var(--s-popup-rows, max-content 1fr);
max-height: 100%;
height: 100%;
grid-gap: 40px;
--s-results-button-width: auto;
--s-results-button-align: center;
--title-bg: transparent;
--title-align-h: center;
--item-min-height: 50px;
--item-element-size: 1.14rem;
--h-item-space: 0px;
--items-suggestion-clearfix-display: none;
}
.etheme-search-form[type=popup] .etheme-search-form-title {
--title-size: calc(var(--h3-size-proportion, 1.7) * 1rem);
}
.etheme-search-form[type=popup].loading,
.etheme-search-form[type=popup]:not(.loading):not(:has(.etheme-search-additional-content-wrapper)) {
--s-popup-rows: max-content;
}
.etheme-search-form[type=popup].searching {
--s-additional-content-display: none;
}
.etheme-search-form[type=popup] .autocomplete-suggestions::-webkit-scrollbar,
.etheme-search-form[type=popup] .etheme-search-additional-content-wrapper::-webkit-scrollbar {
display: none;
}
.etheme-search-form[type=popup] .autocomplete-suggestions {
display: grid;
grid-template-columns: repeat(var(--cols, 5), 1fr);
grid-gap: 0 var(--items-gap, 20px);
max-height: 100% !important;
}
.etheme-search-form[type=popup] .autocomplete-suggestions:has(.autocomplete-no-suggestion) {
--cols: 1;
text-align: center;
}
.etheme-search-form[type=popup] .autocomplete-suggestions h2 {
font-size: 1.1rem;
}
.etheme-search-form[type=popup] .autocomplete-suggestions .meta-post {
font-size: 1rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.etheme-search-form[type=popup] .etheme-search-form-title,
.etheme-search-form[type=popup] .autocomplete-suggestion:has([data-type]:not([data-type="product"], [data-type="post"])),
.etheme-search-form[type=popup] .etheme-search-form-tabs,
.etheme-search-form[type=popup] .etheme-search-form-more {
grid-column-start: 1;
grid-column-end: calc(var(--cols, 5) + 1);
}
.etheme-search-form[type=popup] .autocomplete-suggestion:has([data-type="product"], [data-type="post"]) {
--item-selected-background-color: transparent;
--item-element-size: 1rem;
--items-separator: none;
--item-flex-wrap: wrap;
--v-item-align: flex-start;
--h-item-align: center;
--item-img-width: 100%;
--item-img-margin: 0 auto 20px;
--h-item-space: 0;
--v-item-space: 0;
--item-animation: fadeIn 0.5s linear;
}
.etheme-search-form[type=popup] .autocomplete-no-suggestion {
font-size: var(--title-size, 1.14rem);
}
.etheme-search-form[type=popup] .etheme-search-form-title,
.etheme-search-form[type=popup] .etheme-search-form-tabs {
position: static;
margin-bottom: var(--items-gap, 20px);
}
.etheme-search-form[type=popup] .etheme-search-form-title {
padding: 0;
}
.etheme-search-form[type=popup] .etheme-search-form-item-title {
font-size: 1.14rem;
}
.etheme-search-form[type=popup] .etheme-search-form-more {
text-align: center;
}
.etheme-search-form[type=popup] .etheme-search-form-more:not(:last-child) {
margin-bottom: calc(var(--items-gap, 20px) * 2);
}
.etheme-search-form[type=popup] .etheme-search-form-more:last-child {
margin-top: calc(var(--items-gap, 20px) * 2);
}
.etheme-search-form[type=popup] .content-product,
.etheme-search-form[type=popup] article.blog-post,
.etheme-search-form[type=popup] article.post-grid {
margin-bottom: var(--items-gap, 20px);
}
.etheme-search-form[type=popup] .product-details {
padding-bottom: 0;
}
.etheme-search-form[type=popup] .footer-product .button {
padding-left: 10px;
padding-right: 10px;
}
.etheme-modal-popup-content:has(.etheme-search-form[type=popup]) {
-webkit-transition: height 1s ease, -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
transition: height 1s ease, -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), height 1s ease;
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), height 1s ease, -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
--popup-animation-timing-function: ubic-bezier(0.19, 1, 0.22, 1);
}
.etheme-modal-popup-content[data-height=auto]:has(.etheme-search-form[type=popup].searching):has(.autocomplete-suggestion) {
height: calc(100vh - var(--wp-admin--admin-bar--height,0)) !important;
}
.etheme-search-form .etheme-search-form-heading {
text-align: center;
margin-bottom: 20px;
}
.etheme-search-input-form-wrapper-before {
max-width: 750px;
width: 100%;
margin: 0 auto;
}
.etheme-search-tags-title {
text-transform: uppercase;
font-size: 114%;
-webkit-margin-end: 5px;
margin-inline-end: 5px;
}
.etheme-search-tags {
font-size: 14px;
margin: 20px 0;
}
.etheme-search-tags:last-child {
margin-bottom: 0;
}
.etheme-search-tags a {
display: inline-block;
padding: 5px 12px;
margin: 3px;
line-height: 1;
background: #f3f3f3;
color: var(--et_dark-color);
}
.etheme-search-tags a:hover {
color: #fff;
background-color: var(--et_active-color);
}
.etheme-search-additional-content-wrapper {
display: var(--s-additional-content-display, '');
-webkit-animation: fadeIn 0.3s linear;
animation: fadeIn 0.3s linear;
overflow: hidden;
overflow-y: auto;
}
.etheme-search-input-placeholder {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 1.07em;
background-color: var(--et_inputs-bg-color, var(--et_white-2-light-dark));
border-radius: var(--et_inputs-border-radius, 0);
width: 100%;
color: var(--et_main-color);
font-size: 1.14rem;
text-align: start;
}
.etheme-search-input-placeholder:not(.hidden) ~ input {
display: none;
}
.etheme-search-placeholder-text {
-webkit-animation: et-fadeIn 0.3s linear, et-toTop 0.3s linear;
animation: et-fadeIn 0.3s linear, et-toTop 0.3s linear;
-webkit-margin-start: 5px;
margin-inline-start: 5px;
}
.etheme-search-placeholder-text:not(.etheme-search-placeholder-text-active) {
display: none;
}
.etheme-search-trending-searches-wrapper {
width: 100%;
color: #222;
background-color: #fff;
text-align: start;
max-height: var(--items-max-height, 350px);
overflow: auto;
overflow-x: hidden;
}
.etheme-search-trending-searches-refresh {
cursor: pointer;
}
.etheme-search-trending-search-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: var(--item-min-height, 30px);
width: 100%;
padding: var(--v-item-space, 10px) var(--h-item-space, 15px);
cursor: pointer;
}
.etheme-search-trending-search-wrapper:hover {
background: var(--item-selected-background-color, #fafafa);
}
.etheme-search-trending-search-icon {
background: var(--title-bg, #f9f9f9);
border-radius: 50%;
padding: 0.7em;
font-size: 0.75em;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
}
.etheme-search-trending-search-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.etheme-search-form:has(.add-overlay-body-on-focus:focus, .add-overlay-body-on-focus.focused, .add-overlay-body-on-focus:focus-within, .add-overlay-body-on-hover:hover) {
--s-form-shadow: 0px 0px 2px 4px;
--s-form-shadow-color: var(--hover-overlay-items-shadow-color, #fff);
}
.etheme_sidebar-widgets-count-with-background {
--widget-count-min-width: 20px;
--widget-count-color: var(--et_font-color);
--widget-count-bg-color: var(--et_light-color);
--widget-count-color-active: var(--et_white-2-dark);
--widget-count-bg-color-active: var(--et_dark-2-white);
--widget-count-br-radius: 3px;
}
.etheme_sidebar-widgets-count-aside .sidebar-widget ul li .count,
.etheme_sidebar-widgets-count-aside .sidebar-widget li.wc-layered-nav-rating .star-rating ~ span {
font-size: 0.85rem;
}
.etheme_sidebar-widgets-count-aside ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme_sidebar-widgets-count-aside ul li a .count {
-webkit-margin-start: auto;
margin-inline-start: auto;
}
.etheme_sidebar-widgets-count-aside ul li:has(>.open-this) > .count,
.etheme_sidebar-widgets-count-aside ul li:has(>.caret-icon) > .count {
display: none !important;
}
.etheme_sidebar-widgets-count-aside ul li.wc-layered-nav-rating a .star-rating {
margin-left: 0;
margin-right: 0;
}
.etheme_sidebar-widgets-count-aside ul li.wc-layered-nav-rating a .star-rating ~ em {
-webkit-margin-start: 5px;
margin-inline-start: 5px;
}
.etheme_sidebar-widgets-count-aside ul li.wc-layered-nav-rating a .star-rating ~ span {
-webkit-margin-start: auto;
margin-inline-start: auto;
}
.etheme_sidebar-widgets-count-aside ul li .caret-icon ~ .count,
.etheme_sidebar-widgets-count-aside ul li .open-this ~ .count {
-webkit-margin-end: 30px;
margin-inline-end: 30px;
}
.etheme_sidebar-widgets-count-aside .widget_categories ul li,
.etheme_sidebar-widgets-count-aside .widget_product_categories ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme_sidebar-widgets-count-aside .widget_categories ul li > a,
.etheme_sidebar-widgets-count-aside .widget_product_categories ul li > a {
-webkit-margin-end: auto;
margin-inline-end: auto;
}
.etheme_sidebar-widgets-count-aside .widget_categories > ul > li:last-child .count,
.etheme_sidebar-widgets-count-aside .widget_product_categories > ul > li:last-child .count {
-ms-flex-item-align: end;
align-self: flex-end;
}
.etheme_sidebar-widgets-count-aside .widget_categories .children,
.etheme_sidebar-widgets-count-aside .widget_product_categories .children {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.etheme-elementor-sidebar {
--et_select-arrow-size: 0.75em;
}
.etheme-elementor-off-canvas:has(.etheme-elementor-sidebar) {
--wp-admin--admin-bar--height: 0.001px;
}
.etheme-elementor-sidebar .calculation-process.widget-has-list-limited ul li {
opacity: 0;
visibility: hidden;
}
.etheme-elementor-sidebar .calculation-process.widget-has-list-limited > ul:before {
content: '';
display: inline-block;
position: absolute;
width: var(--etheme-elementor-loader-size, 1.5rem);
height: var(--etheme-elementor-loader-size, 1.5rem);
left: calc(50% - (var(--etheme-elementor-loader-size, 1.5rem) / 2));
top: calc(50% - (var(--etheme-elementor-loader-size, 1.5rem) / 2));
border: 1px solid var(--etheme-elementor-loader-color, #e1e1e1);
border-left-color: var(--etheme-elementor-loader-color-active, #555);
border-radius: 50%;
-webkit-animation: rotate 0.5s linear infinite;
animation: rotate 0.5s linear infinite;
z-index: 1;
}
.etheme-elementor-sidebar .calculation-process.widget-has-list-limited > ul {
position: relative;
max-height: 300px;
}
.etheme-elementor-sidebar-horizontal {
--space-between-widgets: 0;
}
.etheme-elementor-sidebar .widget-scrollable {
position: relative;
}
.etheme-elementor-sidebar .widget-scrollable > ul,
.etheme-elementor-sidebar .widget-scrollable > div {
overflow-y: auto;
overflow-x: hidden;
-webkit-padding-end: 5px;
padding-inline-end: 5px;
-webkit-margin-end: 3px;
margin-inline-end: 3px;
}
.etheme-elementor-sidebar .widget-scrollable .st-swatch-preview {
padding-bottom: 12px;
}
.etheme-elementor-sidebar .widget-scrollable.widget_shopping_cart > ul,
.etheme-elementor-sidebar .widget-scrollable.widget_rating_filter > ul {
padding-bottom: 0;
}
.etheme-elementor-sidebar .widget-scrollable .menu-element .nav-sublist-dropdown {
display: none !important;
}
.etheme-elementor-sidebar .widget-scrollable .swiper-entry:before {
content: '';
display: table;
}
.etheme-elementor-sidebar .widget-scrollable .swiper-entry:after {
clear: both;
content: '';
display: table;
background: none;
}
.etheme-elementor-sidebar .widget-scrollable > ul,
.etheme-elementor-sidebar .widget-scrollable > div {
max-height: var(--widgets-max-height, 250px);
}
.etheme-elementor-sidebar .sidebar-widget ul .caret-icon,
.etheme-elementor-sidebar .sidebar-widget.widget_product_categories ul .caret-icon,
.etheme-elementor-sidebar .sidebar-widget ul .open-this,
.etheme-elementor-sidebar .sidebar-widget.widget_product_categories ul .open-this {
height: calc(var(--widget-list-item-space, 11px) + 36px);
top: -5px;
}
.widget-has-toggle {
position: relative;
vertical-align: middle;
}
.widget-has-toggle .widget-title,
.widget-has-toggle .widgettitle {
position: relative;
cursor: pointer;
}
.widget-has-toggle .widget-title > span,
.widget-has-toggle .widgettitle > span {
cursor: inherit;
}
.widget-has-toggle > .widget-title {
-webkit-transition: margin 0.3s ease-in-out;
transition: margin 0.3s ease-in-out;
position: relative;
-webkit-padding-end: 25px;
padding-inline-end: 25px;
}
.widget-has-toggle > .widget-title:after {
content: '\e912';
font-family: 'xstore-icons';
position: absolute;
top: 0;
right: 0;
line-height: 1;
padding: 0.28em;
border: 1px solid transparent;
font-size: 0.67em;
font-weight: bold;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.widget-has-toggle > .widget-title > ul,
.widget-has-toggle > .widget-title > select,
.widget-has-toggle > .widget-title > .select2-container,
.widget-has-toggle > .widget-title > div:not(.widget-title),
.widget-has-toggle > .widget-title > p:not(.widget-title),
.widget-has-toggle > .widget-title > form {
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.widget-has-toggle.widget-toggled {
margin-bottom: 15px;
}
.widget-has-toggle.widget-toggled > .widget-title {
margin-bottom: 0 !important;
}
.widget-has-toggle.widget-toggled > .widget-title:after {
content: '\e910';
}
.widget-has-toggle.widget-toggled > ul,
.widget-has-toggle.widget-toggled > select,
.widget-has-toggle.widget-toggled > .select2-container,
.widget-has-toggle.widget-toggled > div:not(.widget-title),
.widget-has-toggle.widget-toggled > p:not(.widget-title),
.widget-has-toggle.widget-toggled > form {
opacity: 0;
}
.widget-has-toggle.widget_price_filter form {
overflow: visible !important;
}
.etheme_sidebar-widget-item {
margin-bottom: var(--space-between-widgets, 3.9em);
}
.etheme_sidebar-widget-item:last-child {
margin-bottom: 0;
--slider-multirow-bottom-offset: 0;
--tagcloud-bottom-offset: 0;
}
.etheme_sidebar-widgets-with-separators .etheme_sidebar-widget-item {
margin-bottom: calc(var(--space-between-widgets, 3.9em) / 2);
padding-bottom: calc(var(--space-between-widgets, 3.9em) / 2);
border-bottom: var(--widgets-sep-width, 1px) var(--widgets-sep-style, solid) var(--widgets-sep-color, var(--et_border-color));
}
.etheme_sidebar-widgets-with-separators .etheme_sidebar-widget-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.rtl .widget-has-toggle:not(.sidebar-slider) > .widget-title:after {
right: auto;
left: 0;
}
li.etheme_sidebar-widget-list-expand {
text-transform: none;
color: var(--et_active-color);
cursor: pointer;
border: none !important;
}
li.etheme_sidebar-widget-list-expand span {
position: relative;
display: inline-block;
padding: calc(var(--widget-list-item-space,11px)/ 2) 0;
}
li.etheme_sidebar-widget-list-expand span:before {
content: '';
height: 1px;
width: 0;
left: var(--widget-link-underline-offset, 0);
right: 0;
position: absolute;
-webkit-transition: width 0.2s ease-in-out;
transition: width 0.2s ease-in-out;
bottom: var(--widget-link-underline-bottom-offset, 5px);
background: currentColor;
}
li.etheme_sidebar-widget-list-expand span:hover:before {
width: calc(100% - var(--widget-link-underline-offset,0px));
}
li.etheme_sidebar-widget-list-expand[data-reverse]:not(.expanded) span:last-child,
li.etheme_sidebar-widget-list-expand[data-reverse].expanded span:first-child {
display: none;
}
.elementor-widget-etheme_slides .style-1.swiper-custom-left,
.elementor-widget-etheme_slides .style-1.swiper-custom-right {
color: #fff;
}
.elementor-widget-etheme_slides .swiper-button-next.swiper-button-disabled,
.elementor-widget-etheme_slides .swiper-button-prev.swiper-button-disabled {
pointer-events: auto;
}
.etheme-elementor-slides .swiper-slide-bg {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
min-width: 100%;
min-height: 100%;
}
.etheme-elementor-slides .swiper-slide .etheme-background-overlay {
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.etheme-elementor-slides .swiper-slide-inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 50px;
color: #fff;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.etheme-elementor-slides .swiper-slide .etheme-slide-heading {
font-size: 35px;
line-height: 1;
}
.etheme-elementor-slides .swiper-slide .etheme-slide-description {
font-size: 16px;
line-height: 1.4;
}
.etheme-elementor-slides .swiper-slide .etheme-slide-subheading:not(:last-child) {
margin-bottom: 10px;
}
.etheme-elementor-slides .swiper-slide .etheme-slide-description:not(:last-child),
.etheme-elementor-slides .swiper-slide .etheme-slide-heading:not(:last-child) {
margin-bottom: 20px;
}
.etheme-elementor-slides .swiper-slide .etheme-slide-button {
cursor: pointer;
}
.etheme-elementor-slides .swiper-slide .elementor-slide-button {
color: #000;
background: #fff;
}
.etheme-testimonials .testimonial {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
--size-quotes-proportion: 7;
}
.etheme-testimonials .testimonial .content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-testimonials .testimonial .inner-content > span {
display: block;
}
.etheme-testimonials .testimonial .inner-content img {
display: inline-block;
}
.etheme-testimonials .testimonial .inner-content:first-child:not(:only-child) {
margin-right: 15px;
}
.etheme-testimonials .testimonial .inner-content:last-child:not(:only-child) {
margin-left: 15px;
}
.etheme-testimonials .testimonial .justify-content-start .star-rating {
margin-left: 0;
}
.etheme-testimonials .testimonial .justify-content-end .star-rating {
margin-right: 0;
}
.etheme-testimonials .testimonial .name {
font-weight: 600;
}
.etheme-testimonials .testimonial .content {
position: relative;
}
.etheme-testimonials .testimonial .star-rating {
margin-bottom: 0;
}
.etheme-testimonials .testimonial .quotes {
font-size: calc(var(--size-quotes-proportion) * 10px);
}
.etheme-testimonials .testimonial.style-2 .inner-content svg {
position: absolute;
top: 0;
right: 15px;
opacity: 0.1;
}
.etheme-testimonials-grid {
display: grid;
grid-template-columns: repeat(var(--cols, 4), 1fr);
grid-gap: var(--rows-gap, 30px) var(--cols-gap, 30px);
}
@media only screen and (max-width: 480px) {
.etheme-testimonials .testimonial .content-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.etheme-testimonials .testimonial .content-wrapper > img {
margin-left: auto;
margin-right: auto;
}
.etheme-testimonials .testimonial .inner-content:first-child:not(:only-child),
.etheme-testimonials .testimonial .inner-content:last-child:not(:only-child) {
margin: 15px 0 0;
}
}
.etheme-text-button {
position: relative;
overflow: hidden;
-webkit-transition: all 0.12s linear;
transition: all 0.12s linear;
vertical-align: middle;
}
.etheme-text-button .elementor-button-icon {
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-text-button > span {
position: relative;
-webkit-transition: inherit;
transition: inherit;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.etheme-text-button > span > span,
.etheme-text-button > span > i,
.etheme-text-button > span > svg {
z-index: 1;
}
.etheme-text-button.has-fill:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 1;
-webkit-transition: all 0.25s;
}
.etheme-text-button.has-fill:hover:before {
background: var(--fill-color);
}
.etheme-text-button.fill-rtl:not(:hover):before {
left: 100%;
}
.etheme-text-button.fill-ltr:not(:hover):before {
right: 100%;
}
.etheme-text-button.fill-top:not(:hover):before {
top: 100%;
}
.etheme-text-button.fill-bottom:not(:hover):before {
bottom: 100%;
}
.etheme-text-button.fill-circle {
--proportion: 2.5em;
}
.etheme-text-button.fill-circle:before {
height: var(--proportion);
max-width: var(--proportion);
border: 0.1em solid var(--fill-color);
border-radius: 50%;
margin: auto;
}
.etheme-text-button.fill-circle:hover:before {
border-radius: inherit;
max-width: 100%;
background-color: transparent;
}
.etheme-text-button .button-line {
border-bottom: 0.1em solid currentColor;
min-width: 1.4em;
-ms-flex-item-align: center;
align-self: center;
-webkit-transition: min-width 0.3s;
transition: min-width 0.3s;
}
.etheme-text-button:hover .button-line {
min-width: 2.4em;
}
.etheme-text-button.fill-underline:before,
.etheme-text-button.fill-overline:before {
top: auto;
right: 0;
height: 0.1em;
width: 0;
left: auto;
background: var(--fill-color);
}
.etheme-text-button.fill-underline:hover:before,
.etheme-text-button.fill-overline:hover:before {
width: 100%;
right: auto;
left: 0;
}
.etheme-text-button.fill-overline:before {
top: 0;
bottom: auto;
}
.etheme-text-button:hover .elementor-button-icon.animation-background_ltr {
-webkit-animation: toLeftFromRight 0.4s forwards;
animation: toLeftFromRight 0.4s forwards;
}
.etheme-text-button:hover .elementor-button-icon.animation-background_to_bottom {
-webkit-animation: toBottomFromTop 0.4s forwards;
animation: toBottomFromTop 0.4s forwards;
}
.etheme-text-button:hover .elementor-button-icon.animation-background_rtl {
-webkit-animation: toRightFromLeft 0.4s forwards;
animation: toRightFromLeft 0.4s forwards;
}
.etheme-text-button:hover .elementor-button-icon.animation-background_to_top {
-webkit-animation: toTopFromBottom 0.4s forwards;
animation: toTopFromBottom 0.4s forwards;
}
.etheme-text-button:hover .elementor-button-icon.animation-switch_side:first-child {
left: calc(100% + var(--icon-indent, 5px));
}
.etheme-text-button:hover .elementor-button-icon.animation-switch_side:last-child {
right: calc(100% + var(--icon-indent, 5px));
}
.etheme-text-button .elementor-button-icon.animation-switch_side {
position: absolute;
-webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1), right 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1), right 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.etheme-text-button .elementor-button-icon.animation-switch_side:first-child {
left: calc(-1em - var(--icon-indent, 5px));
}
.etheme-text-button .elementor-button-icon.animation-switch_side:last-child {
right: calc(-1em - var(--icon-indent, 5px));
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(-100%);
transform: translate(-100%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
transform: translate(100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
-webkit-transform: translate(-100%);
transform: translate(-100%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translate(100%);
transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
-webkit-transform: translate(100%);
transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes etheme-zoom {
0%,
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes etheme-zoom {
0%,
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.etheme-animated:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.etheme-animation-zoom {
-webkit-animation-name: etheme-zoom;
animation-name: etheme-zoom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.etheme-animation-pulse {
-webkit-animation-name: elementor-animation-pulse;
animation-name: elementor-animation-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.etheme-animation-wobble-horizontal {
-webkit-animation-name: elementor-animation-wobble-horizontal;
animation-name: elementor-animation-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.etheme-360-product-viewer-wrapper {
position: relative;
overflow: hidden;
}
.etheme-360-product-viewer-wrapper.loading .etheme-360-product-viewer-images {
opacity: 0;
visibility: hidden;
}
.etheme-360-product-viewer-images {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-360-product-viewer-images img {
position: absolute;
top: 0;
left: 50%;
height: auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.etheme-360-product-viewer-images img.previous-image {
visibility: hidden;
}
.etheme-360-product-viewer-images:after {
content: '';
background: var(--overlay-color);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.etheme-360-product-viewer-progress-label {
display: block;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
font-size: 1rem;
line-height: 60px;
}
.etheme-360-product-viewer-progress-bar {
display: none;
}
.etheme-360-product-viewer-progress-label:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px solid #e1e1e1;
border-radius: 50%;
border-right-color: #888;
-webkit-animation: etheme-360-product-viewer-rotation 0.7s infinite linear;
animation: etheme-360-product-viewer-rotation 0.7s infinite linear;
}
.etheme-360-product-viewer-nav span,
.etheme-360-product-viewer-full-screen-button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.14rem;
padding: 0.55em;
margin: 10px;
color: #000;
background: #fff;
border-radius: 50%;
cursor: pointer;
overflow: hidden;
}
.etheme-360-product-viewer-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
left: calc(var(--nav-space, 10px) / -2);
right: calc(var(--nav-space, 10px) / -2);
bottom: 10px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-animation: etheme-360-product-viewer-navigation 0.3s linear;
animation: etheme-360-product-viewer-navigation 0.3s linear;
}
.etheme-360-product-viewer-nav span {
margin: 0 calc(var(--nav-space, 10px) / 2);
}
.etheme-360-product-viewer-nav span svg {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-360-product-viewer-nav span:not(.disabled):hover svg {
opacity: 0.7;
}
.etheme-360-product-viewer-nav-play:hover svg,
.etheme-360-product-viewer-nav-stop:hover svg {
-webkit-animation: etheme-360-product-viewer-btt 0.4s forwards;
animation: etheme-360-product-viewer-btt 0.4s forwards;
}
.etheme-360-product-viewer-nav-previous:hover svg {
-webkit-animation: etheme-360-product-viewer-rtl 0.4s forwards;
animation: etheme-360-product-viewer-rtl 0.4s forwards;
}
.etheme-360-product-viewer-nav-next:hover svg {
animation: etheme-360-product-viewer-rtl 0.4s reverse;
}
.etheme-360-product-viewer-nav .disabled {
pointer-events: none;
opacity: 0.5;
}
.etheme-360-product-viewer-full-screen-button {
position: absolute;
top: 0;
right: 0;
z-index: 1;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-animation: etheme-360-product-viewer-scaleIn 0.3s linear;
animation: etheme-360-product-viewer-scaleIn 0.3s linear;
}
@-webkit-keyframes etheme-360-product-viewer-rotation {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes etheme-360-product-viewer-rotation {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes etheme-360-product-viewer-navigation {
0% {
-webkit-transform: translateY(50%);
transform: translateY(50%);
opacity: 0;
visibility: hidden;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
}
@keyframes etheme-360-product-viewer-navigation {
0% {
-webkit-transform: translateY(50%);
transform: translateY(50%);
opacity: 0;
visibility: hidden;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes etheme-360-product-viewer-scaleIn {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
visibility: hidden;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
visibility: visible;
}
}
@keyframes etheme-360-product-viewer-scaleIn {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
visibility: hidden;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes etheme-360-product-viewer-btt {
49% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes etheme-360-product-viewer-btt {
49% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes etheme-360-product-viewer-rtl {
49% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
51% {
opacity: 1;
}
}
@keyframes etheme-360-product-viewer-rtl {
49% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
51% {
opacity: 1;
}
}
.etheme-twitter-feed-tweets {
display: grid;
grid-template-columns: repeat(var(--cols, 3), 1fr);
grid-gap: var(--rows-gap, 20px) var(--cols-gap, 20px);
}
.etheme-twitter-feed-tweet {
display: block;
position: relative;
padding: 30px;
-webkit-transition-property: background, border, opacity, -webkit-box-shadow;
transition-property: background, border, opacity, -webkit-box-shadow;
transition-property: background, border, opacity, box-shadow;
transition-property: background, border, opacity, box-shadow, -webkit-box-shadow;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
min-width: 0;
border-radius: 3px;
}
.etheme-twitter-feed-tweet.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-twitter-feed-tweet.has-divider:last-child:after {
display: none;
}
.etheme-twitter-feed-header {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 10px;
}
.etheme-twitter-feed-author-name {
vertical-align: middle;
}
.etheme-twitter-feed-author-avatar {
display: inline-block;
line-height: 1;
font-size: 1.7rem;
color: #479BE9;
}
.etheme-twitter-feed-author-avatar:not(:only-child) {
-webkit-margin-end: 5px;
margin-inline-end: 5px;
}
.etheme-twitter-feed-author-avatar img {
display: inline-block;
border-radius: 50%;
max-width: 35px;
}
.etheme-twitter-feed-author-avatar svg {
vertical-align: middle;
}
.etheme-twitter-feed-text {
margin-bottom: 5px;
font-size: 1.14rem;
}
.etheme-twitter-feed-text a {
color: #479BE9;
}
.etheme-twitter-feed-time {
color: #555;
font-size: 0.85rem;
display: inline-block;
margin-bottom: 10px;
}
.etheme-twitter-feed-time:last-child {
margin-bottom: 0;
}
.etheme-twitter-feed-more {
display: inline-block;
font-size: 1rem;
margin-bottom: 10px;
}
.etheme-twitter-feed-more svg {
display: inline-block;
-webkit-margin-start: 3px;
margin-inline-start: 3px;
vertical-align: middle;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.etheme-twitter-feed-more:hover svg {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
.etheme-twitter-feed-footer {
display: grid;
grid-auto-flow: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
grid-column-gap: var(--footer-items-gap, 7px);
font-size: 1rem;
padding: 10px 0 0;
color: #000;
}
.etheme-twitter-feed-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
color: currentColor;
cursor: pointer;
}
.etheme-twitter-feed-icon-count {
-webkit-margin-start: 5px;
margin-inline-start: 5px;
}
.etheme-twitter-feed-icon:hover {
color: #888;
}
.etheme-twitter-feed-icon:not(:hover) .etheme-twitter-feed-icon-popup {
-webkit-transform: translateX(10px);
transform: translateX(10px);
opacity: 0;
visibility: hidden;
}
.etheme-twitter-feed-icon-popup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
right: 0;
bottom: calc(100% + 10px);
background: #fff;
padding: 10px;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
border-radius: 3px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
max-height: 250px;
overflow: auto;
}
.etheme-twitter-feed-icon-popup a {
white-space: nowrap;
}
.etheme-twitter-feed-icon-popup a:after {
content: attr(title);
display: inline-block;
-webkit-margin-before: 5px;
margin-block-start: 5px;
}
.etheme-timeline-wrapper {
display: grid;
grid-template-columns: auto;
grid-auto-flow: column;
grid-column-gap: var(--cols-gap, 40px);
}
.etheme-timeline-wrapper[data-step-position=top] .etheme-timeline-step {
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: var(--offset-connector-line-h, 20px);
}
.etheme-timeline-wrapper[data-step-position=top] .etheme-timeline-date-wrapper {
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: calc(var(--offset-connector-line-h, 20px) + (var(--step-proportion,20px) / 2));
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.etheme-timeline-wrapper[data-step-position=center] {
--step-position-top: 50%;
--step-transform-Y: -50%;
}
.etheme-timeline-wrapper[data-step-position=center] .etheme-timeline-step,
.etheme-timeline-wrapper[data-step-position=center] .etheme-timeline-date-wrapper {
-ms-flex-item-align: center;
align-self: center;
}
.etheme-timeline-wrapper[data-step-position=center] .etheme-timeline-content-with-arrow:after {
top: calc(50% - (var(--arrow-size, 14px) / 2));
}
.etheme-timeline-wrapper[data-step-position=bottom] {
--step-position-top: auto;
--step-position-bottom: 0;
}
.etheme-timeline-wrapper[data-step-position=bottom] .etheme-timeline-step {
top: var(--step-position-top, 0);
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: var(--offset-connector-line-h, 20px);
}
.etheme-timeline-wrapper[data-step-position=bottom] .etheme-timeline-date-wrapper {
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: calc(var(--offset-connector-line-h, 20px) + (var(--step-proportion,20px) / 2));
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.etheme-timeline-wrapper[data-step-position=bottom] .etheme-timeline-content-with-arrow:after {
top: auto;
bottom: calc(var(--offset-connector-line-h,20px) + (var(--step-proportion,20px)/ 2) - var(--arrow-size,14px)/2);
}
.etheme-timeline-wrapper[data-layout=right] {
grid-template-columns: 1fr auto;
}
.etheme-timeline-wrapper[data-layout=right] .etheme-timeline-connector {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.etheme-timeline-wrapper[data-layout=right] .etheme-timeline-dates-items {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.etheme-timeline-wrapper[data-layout=right] .etheme-timeline-step {
position: absolute;
top: var(--step-position-top, 0);
bottom: var(--step-position-bottom, auto);
right: calc(var(--cols-gap,40px) * -1);
-webkit-transform: translateX(50%) translateY(var(--step-transform-Y, 0));
transform: translateX(50%) translateY(var(--step-transform-Y, 0));
}
.etheme-timeline-wrapper[data-layout=right] .etheme-timeline-content-with-arrow:after {
left: calc(100% - (var(--arrow-size, 14px) / 2));
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.etheme-timeline-wrapper[data-layout=left] {
grid-template-columns: auto 1fr;
}
.etheme-timeline-wrapper[data-layout=left] .etheme-timeline-connector {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.etheme-timeline-wrapper[data-layout=left] .etheme-timeline-dates-items {
-webkit-box-ordinal-group: -1;
-ms-flex-order: -2;
order: -2;
}
.etheme-timeline-wrapper[data-layout=left] .etheme-timeline-step {
position: absolute;
top: var(--step-position-top, 0);
bottom: var(--step-position-bottom, auto);
left: calc(var(--cols-gap,40px) * -1);
-webkit-transform: translateX(-50%) translateY(var(--step-transform-Y, 0));
transform: translateX(-50%) translateY(var(--step-transform-Y, 0));
}
@media only screen and (min-width: 768px) {
.etheme-timeline-wrapper[data-layout=center] {
--item-columns: 1fr auto 1fr;
position: relative;
}
.etheme-timeline-wrapper[data-layout=center] .etheme-timeline-connector {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.etheme-timeline-wrapper[data-layout=center] .etheme-timeline-item:nth-child(2n +1 ) .etheme-timeline-content {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.etheme-timeline-wrapper[data-layout=center] .etheme-timeline-item:nth-child(2n +1 ) .etheme-timeline-content-with-arrow:after {
left: calc(100% - (var(--arrow-size, 14px) / 2));
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.etheme-timeline-wrapper[data-layout=center] .etheme-timeline-item:nth-child(2n) .etheme-timeline-dates-wrapper {
text-align: var(--item-text-align, end);
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (max-width: 767px) {
.etheme-timeline-wrapper[data-layout=center] .etheme-timeline-step {
position: absolute;
top: var(--step-position-top, 0);
bottom: var(--step-position-bottom, auto);
left: calc(var(--cols-gap,40px) * -1);
-webkit-transform: translateX(-50%) translateY(var(--step-transform-Y, 0));
transform: translateX(-50%) translateY(var(--step-transform-Y, 0));
}
}
.etheme-timeline-wrapper[data-item-animation] .etheme-timeline-dates-wrapper,
.etheme-timeline-wrapper[data-item-animation] .etheme-timeline-item .etheme-timeline-content {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.etheme-timeline-wrapper[data-item-animation] .etheme-timeline-dates-wrapper:not(.is-active),
.etheme-timeline-wrapper[data-item-animation] .etheme-timeline-item:not(.is-active) .etheme-timeline-content {
opacity: 0;
visibility: hidden;
}
@media only screen and (min-width: 768px) {
.etheme-timeline-wrapper[data-item-animation=auto][data-layout=left] .etheme-timeline-dates-wrapper:not(.is-active),
.etheme-timeline-wrapper[data-item-animation=auto][data-layout=right] .etheme-timeline-item:not(.is-active) .etheme-timeline-content,
.etheme-timeline-wrapper[data-item-animation=auto][data-layout=center] .etheme-timeline-item:nth-child(2n + 1):not(.is-active) .etheme-timeline-content,
.etheme-timeline-wrapper[data-item-animation=auto][data-layout=center] .etheme-timeline-item:nth-child(2n):not(.is-active) .etheme-timeline-dates-wrapper {
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
.etheme-timeline-wrapper[data-item-animation=auto][data-layout=left] .etheme-timeline-item:not(.is-active) .etheme-timeline-content,
.etheme-timeline-wrapper[data-item-animation=auto][data-layout=right] .etheme-timeline-dates-wrapper:not(.is-active),
.etheme-timeline-wrapper[data-item-animation=auto][data-layout=center] .etheme-timeline-item:nth-child(2n + 1):not(.is-active) .etheme-timeline-dates-wrapper,
.etheme-timeline-wrapper[data-item-animation=auto][data-layout=center] .etheme-timeline-item:nth-child(2n):not(.is-active) .etheme-timeline-content {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
}
@media only screen and (max-width: 767px) {
.etheme-timeline-wrapper[data-item-animation] .etheme-timeline-dates-wrapper:not(.is-active),
.etheme-timeline-wrapper[data-item-animation] .etheme-timeline-item:not(.is-active) .etheme-timeline-content {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
}
.etheme-timeline-wrapper[data-item-animation=bottom] .etheme-timeline-dates-wrapper:not(.is-active),
.etheme-timeline-wrapper[data-item-animation=bottom] .etheme-timeline-item:not(.is-active) .etheme-timeline-content {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.etheme-timeline-connector {
position: relative;
display: grid;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: calc(100% - var(--offset-connector-line-h, 20px));
top: var(--offset-connector-line-h, 20px);
}
.etheme-timeline-connector-inner {
position: absolute;
top: 0;
left: calc(50% - (var(--line-width, 2px) / 2));
width: var(--line-width, 2px);
background: var(--line-active-color, var(--et_dark-2-white));
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
z-index: 2;
}
.etheme-timeline-connector:after {
content: '';
position: absolute;
width: var(--line-width, 2px);
height: 100%;
border-right: var(--line-width, 2px) var(--line-style, dashed) var(--line-color, var(--et_border-color));
z-index: 1;
left: calc(50% - (var(--line-width, 2px) / 2));
}
.etheme-timeline-dates-wrapper,
.etheme-timeline-dates-items {
display: grid;
grid-row-gap: var(--rows-gap, 50px);
}
@media only screen and (max-width: 767px) {
.etheme-timeline-dates-wrapper,
.etheme-timeline-dates-items {
display: none;
}
}
.etheme-timeline-date-wrapper {
white-space: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: grid;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.etheme-timeline-date {
display: block;
font-size: 1rem;
line-height: 1;
margin-bottom: 10px;
}
.etheme-timeline-date:last-child {
margin-bottom: 0 !important;
}
.etheme-timeline-time {
display: block;
font-size: 0.85rem;
line-height: 1;
}
.etheme-timeline-time:last-child {
margin-bottom: 0 !important;
}
.etheme-timeline-image {
margin-bottom: 25px;
}
.etheme-timeline-title {
font-size: 1.4rem;
text-transform: none;
}
.etheme-timeline-description {
font-size: 1.14rem;
margin-bottom: 15px;
}
.etheme-timeline-items {
display: grid;
grid-row-gap: var(--rows-gap, 50px);
}
.etheme-timeline-item {
display: grid;
position: relative;
grid-template-columns: var(--item-columns, auto);
grid-column-gap: var(--cols-gap, 40px);
text-align: var(--item-text-align);
}
.etheme-timeline-step {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--step-icon-size, calc(var(--step-proportion,20px) / 2));
color: var(--step-color, var(--line-color, var(--et_border-color)));
width: var(--step-proportion, 20px);
height: var(--step-proportion, 20px);
border-radius: 50%;
background-color: var(--step-bg-color, #fff);
border: var(--step-border-width, 5px) solid var(--step-br-color, var(--line-color, var(--et_border-color)));
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
z-index: 3;
}
.etheme-timeline-step.is-active {
border-color: var(--step-br-active-color, var(--line-active-color, var(--et_dark-2-white)));
}
.etheme-timeline-icon {
border-width: var(--step-border-width, 2px);
font-size: var(--step-icon-size, calc(var(--step-proportion, 26px)/2));
width: var(--step-proportion, 30px);
height: var(--step-proportion, 30px);
}
.etheme-timeline-icon svg {
fill: currentColor;
overflow: visible;
width: 1em;
height: 1em;
}
.etheme-timeline-icon svg path[fill] {
fill: currentColor;
}
.etheme-timeline-icon.is-active {
color: var(--step-active-color, #fff);
background-color: var(--step-bg-active-color, var(--line-active-color, var(--et_dark-2-white)));
}
.etheme-timeline-content {
position: relative;
display: grid;
grid-template-columns: auto;
grid-auto-flow: column;
grid-column-gap: var(--item-cols-gap, 20px);
padding: 15px 30px;
z-index: 1;
}
.etheme-timeline-content-with-arrow:after {
content: '';
border-top: var(--border-width) var(--border-style) var(--border-color);
border-right: var(--border-width) var(--border-style) var(--border-color);
background: inherit;
position: absolute;
top: calc(var(--offset-connector-line-h, 20px) + (var(--step-proportion, 20px) / 2) - (var(--arrow-size, 14px) / 2));
width: var(--arrow-size, 14px);
height: var(--arrow-size, 14px);
-webkit-clip-path: polygon(0 0, 100% 100%, 100% 0%);
clip-path: polygon(0 0, 100% 100%, 100% 0%);
right: calc(100% - (var(--arrow-size, 14px) / 2));
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.etheme-timeline-content-icon {
display: block;
line-height: 1;
margin-bottom: 10px;
}
.etheme-timeline-content-icon-bg {
position: absolute;
right: 0;
bottom: 0;
opacity: 0.5;
font-size: 9em;
z-index: -1;
max-width: 100%;
max-height: 100%;
margin: 0;
overflow: hidden;
}
.etheme-wc-add-to-cart-wrapper .added_to_cart {
display: none;
}
.etheme-wc-add-to-cart-wrapper .single_add_to_cart_button:before {
display: none;
}
.etheme-wc-add-to-cart-wrapper .single_add_to_cart_button.button,
.etheme-wc-add-to-cart-wrapper .quantity {
margin: 0;
vertical-align: middle;
}
.etheme-wc-add-to-cart-wrapper .quantity {
float: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.etheme-wc-add-to-cart-wrapper .single_add_to_cart_button,
.etheme-wc-add-to-cart-wrapper .btn {
height: auto;
}
.etheme-wc-add-to-cart-wrapper .add_to_cart_button .et-loader {
position: absolute;
left: 50%;
top: 50%;
margin: 0;
}
.etheme-wc-add-to-cart-wrapper .add_to_cart_button .loader-circular {
left: calc(50% - 15px);
top: calc(50% - 15px);
bottom: auto;
margin: 0;
}
.etheme-wc-add-to-cart-wrapper .add_to_cart_button.loading {
color: transparent !important;
}
.et-slider .swiper-container {
height: 100%;
}
.et-slider .swiper-pagination {
position: absolute; }
.et-slider .swiper-pagination-bullets .swiper-pagination-bullet {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.et-slider .slide-title,
.et-slider .slide-subtitle {
margin-bottom: 0;
}
.et-slider .swiper-nav,
.et-slider .swiper-nav:hover {
color: var(--et_font-color);
}
.et-slider .swiper-container .swiper-custom-left:hover,
.et-slider .swiper-container .swiper-custom-right:hover {
opacity: 0.7 !important;
}
.et-slider .second-initialized .et-loader {
z-index: -1;
visibility: hidden;
opacity: 0;
}
.et-slider .et-loader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: none;
height: 100%;
z-index: 12;
}
.et-slider .et-loader:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.et-slider .et-loader:after {
content: "";
display: block;
-webkit-animation: rotate 0.75s infinite linear;
animation: rotate 0.75s infinite linear;
width: 26px;
height: 26px;
position: absolute;
left: calc(50% - 13px);
top: calc(50% - 13px);
border: 2px solid var(--et_border-color);
border-left-color: var(--et_main-color);
border-radius: 50%;
background-image: none;
}
.et-slider .slide-content {
overflow: hidden;
}
.et-slider .swiper-container .swiper-wrapper,
.et-slider:not(.nav-on-hover) .swiper-nav {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.et-slider .swiper-container.second-initialized .swiper-wrapper,
.et-slider:not(.nav-on-hover) .swiper-container.second-initialized .swiper-nav {
visibility: visible;
opacity: 1;
}
.et-slider.nav-on-hover .swiper-nav {
opacity: 0;
}
.et-slider .swiper-nav,
.et-slider.nav-on-hover:hover .swiper-nav {
opacity: 1;
}
.et-slider .swiper-slide:not(.swiper-slide-active) .animated {
-webkit-animation: none !important;
animation: none !important;
}
.et-slider .slide-button {
color: #fff;
background-color: var(--et_dark-color);
}
.et-slider .slide-button:hover {
background-color: #4c4c4c;
}
.et-slider .animated {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.slider-item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
height: 100%;
}
.slider-item,
.slider-item > .container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.slider-item .bg-overlay {
position: absolute;
width: 100%;
height: 100%;
}
.slide-button {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
display: inline-block;
padding: 5px 10px;
text-transform: uppercase;
}
@media only screen and (min-width: 1200px) {
.et-slider .swiper-custom-left,
.et-slider:hover .swiper-custom-left {
left: 0;
}
.et-slider .swiper-custom-right,
.et-slider:hover .swiper-custom-right {
right: 0;
}
body.rtl .et-slider .swiper-custom-left,
body.rtl .et-slider:hover .swiper-custom-left {
left: auto;
right: 0;
}
body.rtl .et-slider .swiper-custom-right,
body.rtl .et-slider:hover .swiper-custom-right {
right: auto;
left: 0;
}
}
@media only screen and (max-width: 768px) {
.et-slider .slide-content {
-ms-flex-preferred-size: 70% !important;
flex-basis: 70% !important;
padding-left: 20px;
padding-right: 20px;
}
.et-slider .swiper-custom-left,
.et-slider:hover .swiper-custom-left,
.et-slider.nav-on-hover:hover .swiper-custom-left,
.et-slider .swiper-custom-right,
.et-slider:hover .swiper-custom-right,
.et-slider.nav-on-hover:hover .swiper-custom-right {
opacity: 0;
}
.et-slider .slider-item > .container {
width: 100%;
}
.et-slider.nav-on-hover .swiper-nav {
opacity: 1 !important;
}
}
@media only screen and (max-width: 480px) {
.et-slider .slide-content {
-ms-flex-preferred-size: 90% !important;
flex-basis: 90% !important;
text-align: center;
}
.et-slider .slider-item > .container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.fadeIn-slide {
opacity: 0;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.fadedIn-slide {
opacity: 1;
}