.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both }@-webkit-keyframes fadeIn{0%{opacity: 0}100%{opacity: 1}}@keyframes fadeIn{0%{opacity: 0}100%{opacity: 1}}
.fadeIn{-webkit-animation-name: fadeIn;animation-name: fadeIn }@-webkit-keyframes fadeOut{0%{opacity: 1}100%{opacity: 0}}@keyframes fadeOut{0%{opacity: 1}100%{opacity: 0}}
.fadeOut{-webkit-animation-name: fadeOut;animation-name: fadeOut }
.ts-effect-image{text-align: center;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.ts-effect-image .image-link{display: block;position: relative;max-width: 100%;overflow: hidden;}
.product-cat-meta h4 {
text-align: center;
font-size: calc(var(--ts-body-font-size) + 1px);
line-height: var(--ts-line-height);
} .ts-countdown-wrapper, .counter-wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px 10px;
}
.meta-wrapper .counter-wrapper,
.ts-countdown-wrapper {
width: fit-content;
gap: 20px;
padding: 9px 26px;
overflow: hidden;
border-radius: 40px;
position: relative;
color: var(--ts-primary-color);
font-size: 1rem;
}
.meta-wrapper .counter-wrapper {
gap: 5px 10px;
margin-bottom: 5px;
}
.meta-wrapper .counter-wrapper:before,
.ts-countdown-wrapper:before {
content: '';
position: absolute;
inset: 0;
background: var(--ts-primary-color);
opacity: 0.1;
}
.counter-wrapper {font-weight: var(--ts-heading-font-weight);justify-content: center;}
.counter-wrapper > div {
display: inline-flex;
align-items: center;
gap: 4px;
min-width: 32px;
}
.shortcode-heading-wrapper .ts-countdown-wrapper {
margin-left: auto; margin-bottom: 20px;
} .ts-banner,
.ts-banner * {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
} 
.ts-banner {
width: 100%;
overflow: hidden;
}
.ts-banner .banner-wrapper {
position: relative;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0)
}
.ts-banner .banner-wrapper > a {
position: absolute;
inset: 0;
z-index: 6;
}
.ts-banner .box-content h2 {
margin-bottom: 0;
}
.banner-wrapper > * {
position: relative; 
z-index: 3;
}
.ts-banner .background-overlay {
height: 100%;
width: 100%;
top: 0;left: 0;
position: absolute;
z-index: 4;
}
.ts-banner .banner-bg img {
position: relative;
margin: 0 auto;
width: 100%;
transition: 0.3s ease 0s;
}
.ts-banner .box-content {
position: absolute;
z-index: 5;
left: 0;
right: 0;
bottom: 0;
top: 0;
display: flex;
flex-direction: column;
height: 100%;
}
.ts-banner .content-text {
display: flex;
flex-direction: column;
gap: 10px;
align-items: flex-start;
}
.ts-banner .ts-banner-button a.button {display: inline-block;white-space: nowrap;}
.ts-banner a.banner-link:hover ~ .box-content .ts-banner-button a.button {
color: var(--ts-btn-hover-color);
background-color: var(--ts-btn-hover-bg);
border-color: var(--ts-btn-hover-border);
text-decoration: none;
}
.ts-banner .content-text .description {color: inherit;}
.ts-banner .banner-bg .mobile-banner {display: none;}
.product-style-v3 :is(.list-posts, .ts-blogs) a.button.button-readmore,
.product-style-v3 .ts-banner .ts-banner-button a.button {
display: inline-flex;
align-items: center;
gap: 20px;
}
.product-style-v3 :where(.columns-2,.columns-3) .list-posts a.button.button-readmore,
.product-style-v3 .ts-blogs:where(.columns-2,.columns-3) a.button.button-readmore {
font-size: calc(var(--ts-btn-font-size) - 4px);
}
.btn-product-style-v3 .elementor-button,
.product-style-v3 :is(.list-posts, .ts-blogs) a.button.button-readmore,
.product-style-v3 .ts-banner .ts-banner-button a.button {
padding: 0;
border-width: 0;
}
.product-style-v3 .ts-banner .ts-banner-button a.button {gap: 30px;}
.btn-product-style-v3 .elementor-button-content-wrapper {gap: 20px;align-items: center;}
.btn-product-style-v3  .elementor-button,
.product-style-v3 .ts-banner .ts-banner-button a.button,
.btn-product-style-v3  .elementor-button:hover,
.product-style-v3 .ts-banner .ts-banner-button a.button:hover {
background: transparent;
color: inherit;
}
.product-style-v3 .button-text .subscribe-email .button > span,
.product-style-v3 .button-text .subscribe-email .button:after,
.product-style-v3 :where(.list-posts, .ts-blogs) a.button.button-readmore > span,
.product-style-v3 :where(.list-posts, .ts-blogs) a.button.button-readmore > i,
.btn-product-style-v3  .elementor-button .elementor-button-text,
.btn-product-style-v3  .elementor-button .elementor-button-icon,
.product-style-v3 .ts-banner .ts-banner-button a.button > span,
.product-style-v3 .ts-banner .ts-banner-button a.button > i {
padding: 0.2em 0;
}
.product-style-v3 .button-text .subscribe-email .button > span,
.product-style-v3 :where(.list-posts, .ts-blogs) a.button.button-readmore > span,
.btn-product-style-v3  .elementor-button .elementor-button-text,
.product-style-v3 .ts-banner .ts-banner-button a.button > span {
height: 100%;
display: inline-block;
position: relative;
border-bottom: 1px solid;
}
.product-style-v3 :where(.list-posts, .ts-blogs) a.button.button-readmore:hover > i,
.btn-product-style-v3 .elementor-button:hover .elementor-button-icon,
.product-style-v3 .ts-banner .ts-banner-button:hover a.button > i {
animation-name: elementor-animation-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
:where(.list-posts, .ts-blogs) a.button.button-readmore > i {
display: none;
}
.ts-blogs.readmore-icon.layout-list article .article-content .thumbnail-content,
.list-posts.readmore-icon.layout-list article .entry-format {
flex-shrink: 0;
}
.ts-blogs.readmore-icon.layout-list article .article-content .entry-content,
.list-posts.readmore-icon.layout-list article .entry-content {
flex: none;
flex-shrink: 1;
}
:where(.list-posts, .ts-blogs).readmore-icon .items article {
position: relative;
}
:where(.list-posts, .ts-blogs).readmore-icon .items article:last-child {
margin: 0;
padding: 0;
border: 0;
}
:where(.list-posts, .ts-blogs).readmore-icon a.button.button-readmore {
margin: 0;
text-decoration: none;
padding: 0;
border: 0;
color: inherit;
}
:where(.list-posts, .ts-blogs).readmore-icon a.button.button-readmore:hover {
color: var(--ts-link-hover-color);
}
:where(.list-posts, .ts-blogs).readmore-icon a.button.button-readmore > span {
display: none;
}
:where(.list-posts, .ts-blogs).readmore-icon a.button.button-readmore > i {
display: inline-block;
width: var(--read-more-size);
height: var(--read-more-size);
border: 1px solid;
line-height: calc(var(--read-more-size) - 2px);
text-align: center;
font-size: 10px;
border-radius: 50%;
}
:where(.list-posts, .ts-blogs).readmore-icon a.button.button-readmore:after {
display: none;
}
.product-style-v3 :where(.list-posts, .ts-blogs) a.button.button-readmore > i {
display: inline-block;
}
:where(.product-style-v2,.product-style-v4,.product-style-v5) :is(.list-posts, .ts-blogs) a.button.button-readmore {
border-width: 1px;
color: var(--ts-btn-bg);
background-color: transparent;
border-color: var(--ts-btn-bg);
margin-top: 5px;
}
.product-style-v4 :is(.list-posts, .ts-blogs) a.button.button-readmore {
border-radius: 40px;
}
:where(.product-style-v2, .product-style-v4) :is(.list-posts, .ts-blogs) a.button.button-readmore:hover {
color: var(--ts-primary-color);
border-color: var(--ts-primary-color);
}
:is(.product-style-v2,.product-style-v4) :where(.list-posts, .ts-blogs) a.button.button-readmore > span {border: 0; padding: 0;} .eff-zoom-in:hover img.bg-image {
transform: scale(1.12,1.12);
}
.eff-grow-rotate img.bg-image{
transform: scale(1,1);
transition: 0.3s ease 0s;
}
.eff-grow-rotate:hover img.bg-image {
transform: translateX(20px) scale(1.1);
}
.eff-flash .banner-wrapper {
position: relative;
overflow: hidden;
}
.eff-flash .banner-wrapper:before, 
.eff-flash .banner-wrapper:after {
content: '';
width: 100%;
height: 100%;
background: rgba(255,255,255,.3);
position: absolute;
top: 0;
left: 0;
z-index: 5;
transition: transform .4s,opacity .15s ease-in-out 0s;
opacity: 0;
}
.eff-flash:hover .banner-wrapper:before {
transform: scale(0,1);
opacity: 1;
}
.eff-flash:hover .banner-wrapper:after {
transform: scale(1,0);
opacity: 1;
} .product-style-v6 .ts-shortcode:where(.ts-logo-slider-wrapper,.ts-product-brand-wrapper) {
--ts-border: var(--ts-product-border);
}
.ts-shortcode:where(.ts-logo-slider-wrapper,.ts-product-brand-wrapper).ts-slider .items,
.ts-shortcode:where(.ts-logo-slider-wrapper,.ts-product-brand-wrapper) .items {
display: grid;
grid-template-columns: repeat(var(--ts-product-columns), minmax(0, 1fr));
gap: 1px !important;
border-width: 1px;
border-style: solid;
border-color: var(--ts-border);
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
}
.ts-shortcode:where(.ts-logo-slider-wrapper,.ts-product-brand-wrapper) .items .item {
padding: 20px;
outline: 1px solid var(--ts-border);
}
.ts-shortcode:where(.ts-logo-slider-wrapper,.ts-product-brand-wrapper).ts-slider .items {
border-width: 1px 0 1px 1px; }
.ts-shortcode:where(.ts-logo-slider-wrapper,.ts-product-brand-wrapper).ts-slider .items .item {
padding: 20px;
border-right: 1px solid var(--ts-border); outline: 0;
}
.ts-shortcode:where(.ts-logo-slider-wrapper,.ts-product-brand-wrapper) .items .item > a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ts-shortcode.ts-product-brand-wrapper .items .item a img {
width: auto;
max-height: 50px;
}
.ts-shortcode.ts-product-brand-wrapper .items .item .meta-wrapper {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 10px;
}
.ts-shortcode.ts-product-brand-wrapper .items .item .meta-wrapper .heading-title {
margin: 0;
font-size: 1rem;
line-height: 1.4;
} .ts-shortcode {position: relative; clear: both;}
.ts-shortcode:not(.ts-product) {overflow: hidden}
.ts-shortcode .shortcode-heading-wrapper h3:empty, 
.ts-shortcode .shortcode-heading-wrapper .shortcode-title:empty {margin-bottom: 0; padding-bottom: 0; border: 0;}
.column-tabs .list-categories,
.ts-shortcode .shortcode-heading-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}	
.column-tabs * {
color: inherit;
}
.shortcode-heading-wrapper .shop-more {
display: inline-flex;
align-items: center;
gap: 10px;
margin-left: auto; }
.shortcode-heading-wrapper .shop-more a {color: inherit; text-decoration: none;}
.shortcode-heading-wrapper .shop-more a:hover {color: var(--ts-link-hover-color);} .ts-testimonial-wrapper {
--ts-star-size: 16px;
--ts-star-gap: 10px;
}
.ts-shortcode.ts-testimonial-wrapper:not(.ts-slider) .items {
grid-gap: 1px;
}
.ts-testimonial-wrapper:not(.ts-slider) .items .item {
outline: 1px solid var(--ts-border);
}
.ts-shortcode.ts-testimonial-wrapper.ts-slider .items {
margin: 0 -1px;
}
.ts-shortcode.ts-testimonial-wrapper:not(.columns-1).ts-slider .items .item {
border-right: 1px solid var(--ts-border); }
.ts-testimonial-wrapper .quote-wrapper {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 30px;
}
.ts-testimonial-wrapper .item blockquote {
max-width: 1100px;
margin: 0 auto;
align-items: center;
text-align: center;
}
.ts-testimonial-wrapper blockquote:before {display: none;}
.ts-testimonial-wrapper .author-meta .dash:last-child {display: none;}
.product-style-v5 .ts-testimonial-wrapper .author-meta {
margin-top: auto;
}
.product-style-v5 .ts-testimonial-wrapper blockquote {
height: 100%;	
justify-content: space-between;
}
.product-style-v5 .ts-testimonial-wrapper .shortcode-heading-wrapper {
align-items: flex-start;
} .ts-team-members .team-content,
.ts-team-members .team-info {
display: flex;
flex-flow: column wrap;
align-items: center;
gap: 25px;
}
.ts-team-members .image-thumbnail img {border-radius: 10px;}
.ts-team-members .team-info {gap: 8px;}
.ts-team-members .team-info > * {margin: 0; padding: 0;}
.ts-team-members .team-info .name {font-size: 1.33rem;}
.ts-team-members .team-info > .member-social {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
font-size: 25px;
margin-top: 4px;
}
.ts-team-members .team-info .member-social a {text-decoration: none; color: inherit;}
.ts-team-members .team-info .member-social a:hover {color: var(--ts-primary-color);}  .column-tabs .list-categories {
justify-content: space-between;
}
.column-tabs .list-categories ul.tabs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 30px;
margin-left: auto; }
.column-tabs .list-categories .shop-more-button,
.column-tabs .list-categories ul.tabs li {
font-size: var(--ts-h6-font-size);
list-style: none;
padding: 0;
margin: 0;
line-height: 1.4;
font-family: var(--ts-heading-font-family);
font-weight: var(--ts-heading-font-weight);
font-style: var(--ts-heading-font-style);
letter-spacing: var(--ts-heading-letter-spacing);
color: var(--ts-heading-color);
position: relative;
overflow: hidden;
}
.column-tabs .list-categories .shop-more-button {
margin-left: 30px;
color: inherit;
text-decoration: none;
}
.column-tabs .list-categories .shop-more-button:hover {color: var(--ts-link-hover-color);}
.column-tabs .list-categories ul.tabs li:after {
content: '';
width: 100%;
height: 1px;
border-bottom: 1px solid;
position: absolute;
bottom: 0;
left: -100%; right: auto; transition: 250ms ease;
}
.column-tabs .list-categories ul.tabs li:hover:after,
.column-tabs .list-categories ul.tabs li.current:after {
left: 0; right: 0; }
.column-tabs .list-categories ul.tabs li,
.column-tabs .list-categories ul.tabs li:hover,
.column-tabs .list-categories ul.tabs li.current {
color: var(--ts-product-color);
}
.column-tabs .list-categories ul.tabs li:hover {
cursor: pointer;
}
.column-tabs .list-categories ul.tabs li.current {
cursor: default;
}
.column-tabs ul.tabs,
.column-tabs .heading-tab .heading-title {
margin-bottom: 0 !important;
}
.column-tabs ul.tabs {
display: flex; 
flex-wrap: wrap; 
gap: 20px 0;
}
.column-tabs ul.tabs li {
list-style: none;
padding: 0;
position: relative;
font-family: var(--ts-heading-font-family);
font-weight: var(--ts-heading-font-weight);
font-style: var(--ts-heading-font-style);
line-height: var(--ts-heading-line-height);
letter-spacing: var(--ts-heading-letter-spacing);
}
.ts-product-in-product-type-tab-wrapper .column-tabs ul.tabs li:not(:last-child) {
margin: 0 20px 0 0; }
.ts-product-in-product-type-tab-wrapper .column-tabs {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.column-tabs .list-categories,
.ts-product-in-product-type-tab-wrapper .column-tabs {
margin: 0 0 20px;
}
.ts-product-in-product-type-tab-wrapper .column-tabs .shop-more {padding: 5px 0 0;}
.ts-product-in-product-type-tab-wrapper .column-tabs .shop-more:before {display: none;}
.product-style-v6 .ts-product-in-product-type-tab-wrapper .column-tabs ul.tabs li,
.ts-product-in-product-type-tab-wrapper .column-tabs ul.tabs li {color: var(--ts-gray-color);}
.ts-product-in-product-type-tab-wrapper .column-tabs ul.tabs li:hover,
.ts-product-in-product-type-tab-wrapper .column-tabs ul.tabs li.current {color: var(--ts-product-color);}
.column-tabs ul.tabs li span.count {text-transform: none;}
.ts-product-in-category-tab-wrapper .column-products {
display: flex; 
flex-flow: column wrap;
gap: var(--ts-h-gap);
}
.ts-shortcode .tab-banner {
grid-column: span 2;
overflow: hidden;
display: inline-grid;
position: relative;
align-self: flex-start;
}
.ts-shortcode .tab-banner img {
border-radius: 10px;
}
.ts-shortcode .tab-banner:before {
content: '';
position: absolute;
top: 0;
left: -100%;
z-index: 2;
display: block;
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 100%);transform: skewX(-25deg);
}
.ts-shortcode .tab-banner:hover:before {
-webkit-animation: shine 1.2s;
animation: shine 1.2s;
} .woocommerce .column-products.loading .products {transition: 300ms ease 0s;}
.column-products.loading:after {top: 35%;} .mailchimp-subscription .subscribe-widget,
.mailchimp-subscription {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.widget-container.mailchimp-subscription .widget-title-wrapper,
.mailchimp-subscription * {margin: 0;}
.mailchimp-subscription .subscribe-email {
gap: 5px;
display: flex;	
align-items: center;
}
.subscribe-email input[type=email] {
min-width: 0;
flex: 1;
}
.subscribe-email .button {
background: var(--ts-text-color);
border-color: var(--ts-text-color);
color: var(--ts-body-bg);
position: relative;
}
.subscribe-email .button:hover {
background: transparent;
border-color: var(--ts-text-color);
color: var(--ts-text-color);
}
.button-text .subscribe-email .button {
display: inline-flex;
gap: 20px;
background: transparent !important;
padding: 0;
border: 0;
color: inherit;
transition: 300ms ease;
}
.button-text .subscribe-email .button:after {
content: '\e9c2';
font-family: 'icomoon';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.button-text .subscribe-email .button:hover:after {
animation-name: elementor-animation-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.button-icon .subscribe-email .button {
width: calc(var(--ts-btn-padding-top)* 2 + 22px);
padding: var(--ts-btn-padding-top);
font-size: 0;
display: inline-flex;
justify-content: center;
align-items: center;
}
.button-icon .subscribe-email .button:after {
content: '\e9ab';
font-family: 'icomoon';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 7px;
line-height: 1;
}
.direction-row .mailchimp-subscription {align-items: center;flex-wrap: wrap;}
.direction-row .mailchimp-subscription .subscribe-widget,
.direction-row .mailchimp-subscription {gap: 20px 50px;}
.direction-column .mailchimp-subscription > *,
.direction-column .mailchimp-subscription > * > form {width: 100%;}
.form-direction-column .mailchimp-subscription .subscribe-email {align-items: flex-start;} .ts-list-of-product-categories-wrapper .list-categories {
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
gap: 25px;
}
.ts-list-of-product-categories-wrapper .heading-title {
font-size: calc(1em - 1px);
line-height: 1.2;
color: var(--ts-gray-color);
margin: 0;
}
.ts-list-of-product-categories-wrapper .list-categories > ul {
display: flex;
flex-flow: column wrap;
gap: 12px;
margin: 0;
}
.ts-list-of-product-categories-wrapper .list-categories > ul li {
padding: 0;
list-style: none;
}
.ts-list-of-product-categories-wrapper .list-categories a {color: inherit;}
.ts-list-of-product-categories-wrapper .list-categories a:hover {color: var(--ts-link-hover-color);} .availability-status {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 7px;
font-size: 12px;
}
.availability-bar .progress-bar {
display: block;
width: 100%;
height: 6px;
background-color: #e6e6e6;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.availability-bar .progress-bar > span {
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
left: 0; background-color: var(--ts-text-color);
border-radius: 10px;
}
.availability-status > span > span:first-child {
color: var(--ts-gray-color);
}  .coupon-code {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 7px 15px 5px;
line-height: 1.2;
font-size: 0.86em;
font-weight: bold;
position: relative;
transition: 250ms ease 0s;
border: 1px dashed;
border-radius: var(--ts-border-radius);
text-transform: uppercase;
}
.coupon-code:hover {
cursor: pointer; 
border-style: solid;
}
.coupon-code.loading .copy-message {
display: block;
transition: 150ms ease 0s;
}
.coupon-code .copy-message {
content: "";
display: inline-block;
vertical-align: middle;
display: none;
}
.coupon-code.loading > span:first-child {display: none;}
.coupon-code.style-underline {
padding: 0;
border: 0;
border-radius: 0;
}
.coupon-code.style-underline:after {
content: '';
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-bottom: 1px solid;
transition: 250ms ease;
}
.coupon-code.style-underline:hover:after {
border-bottom: 1px dashed;
} .ts-social-icons-elementor-widget,
.ts-social-icons-elementor-widget .list-items {display: flex;}
.ts-social-icons-elementor-widget.title-horizontal,
.ts-social-icons-elementor-widget .list-items {flex-wrap: wrap;}
.ts-social-icons-elementor-widget .elementor-icon.elementor-social-icon {
width: auto;
height: auto;
font-size: 20px;
line-height: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
color: inherit;
}
.ts-social-icons-elementor-widget .elementor-social-icon:hover {
opacity: 1; 
color: var(--ts-primary-color);
text-decoration: none;
}
.ts-social-icons-elementor-widget .elementor-icon.elementor-social-icon i,
.ts-social-icons-elementor-widget .elementor-icon.elementor-social-icon svg {
width: 1em;
height: 1em;
display: inline-block;
box-sizing: content-box;
color: inherit;
}
.ts-social-icons-elementor-widget .elementor-icon.elementor-social-icon i:before {
position: static;
transform: none;
line-height: 1;
}
.ts-social-icons-elementor-widget.title-vertical {flex-direction: column; gap: 25px;}
.ts-social-icons-elementor-widget.title-horizontal {align-items: center; gap: 40px;}
.ts-social-icons-elementor-widget .list-items {gap: 20px;}
.ts-social-icons-elementor-widget.show-name .list-items {gap: 10px;}
.ts-social-icons-elementor-widget .shortcode-heading-wrapper .shortcode-title {margin: 0;}
.ts-social-icons-elementor-widget.show-name .list-items .social-name {font-size: var(--ts-body-font-size)}
.ts-social-icons-elementor-widget.show-name .list-items > span > a {
display: inline-flex;
align-items: center;
padding: 7px 20px;
border: 1px solid var(--ts-border);
border-radius: 40px;
}
.ts-social-icons-elementor-widget.show-name .list-items > span > a:hover {
border-color: var(--ts-primary-color);
color: var(--ts-primary-color);
} .ts-grouped-product-wrapper form.cart {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 30px 20px;
}
.ts-grouped-product-wrapper.ts-shortcode:not(.ts-slider) .items {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
position: relative;
padding-bottom: 30px;
border-width: 0 0 1px;
border-style: solid;
}
.ts-grouped-product-wrapper .items .item {
width: 100%;
display: flex;
align-items: center;
gap: 15px;
}
.ts-grouped-product-wrapper .item .product-thumbnail {
width: 40%;
max-width: 170px;
background: var(--ts-product-bg);
border-radius: var(--ts-border-radius);
position: relative;
}
.ts-grouped-product-wrapper .item .product-meta {
flex: 1;
display: flex;
flex-direction: column;
gap: 3px 0;
}
.ts-grouped-product-wrapper .item .product-meta a {color: inherit; text-decoration: none;}
.ts-grouped-product-wrapper .wishlist {
width: 30px;
height: 30px;
position: absolute;
top: 5px;
right: 5px;
z-index: 2;
}
.ts-grouped-product-wrapper .wishlist a {
font-size: 0;
line-height: 0;
padding: 0;
border: 0;
min-width: 0;
width: 100%;
height: 100%;
display: block;
letter-spacing: 0;
text-align: center;
position: relative;
transition: 250ms ease;
color: var(--ts-btn-thumbnail-color);
border-radius: var(--ts-border-radius-large);
}
.ts-grouped-product-wrapper .wishlist .added a:before {
content: "\e9a1";
}
.ts-grouped-product-wrapper .wishlist a:before {
content: "\e9a0";
font-family: 'icomoon';
font-weight: normal;
font-style: normal;
letter-spacing: 0;
font-size: 14px;
line-height: 30px;
transition: none;
}
.ts-grouped-product-wrapper .product-meta .product-brands {
color: var(--ts-gray-color);
font-family: var(--ts-text-small-font-family);
font-weight: var(--ts-text-small-font-weight);
font-size: var(--ts-text-small);
line-height: var(--ts-text-small-line-height);
text-transform: var(--ts-text-small-transform);
}
.ts-grouped-product-wrapper .product-meta .product-title {
font-family: var(--ts-product-font-family);
font-style: var(--ts-product-font-style);
letter-spacing: var(--ts-product-letter-spacing);
text-transform: var(--ts-product-text-transform);
font-weight: var(--ts-product-font-weight);
font-size: var(--ts-product-font-size);
line-height: var(--ts-product-line-height);
}
.ts-grouped-product-wrapper .product-meta .product-price {
font-family: var(--ts-product-price-font-family);
font-style: var(--ts-product-price-font-style);
font-weight: var(--ts-product-price-font-weight);
font-size: var(--ts-product-price-font-size);
line-height: var(--ts-product-price-line-height);
color: var(--ts-product-price-color);
margin: 5px 0 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 6px;
}
.ts-grouped-product-wrapper .product-meta .product-price del {
font-size: calc(var(--ts-product-font-size) - 1px);
font-weight: 400;
order: 2;
color: var(--ts-product-regular-price-color);
}
.ts-grouped-product-wrapper .product-meta .product-price ins {
color: var(--ts-product-sale-price-color);
}
.ts-grouped-product-wrapper .total-wrapper {
display: flex;
flex-direction: column;
}
.ts-grouped-product-wrapper .total-wrapper .total-amount {
font-size: calc(1em - 1px);
font-family: var(--ts-product-price-font-family);
font-style: var(--ts-product-price-font-style);
font-weight: var(--ts-product-price-font-weight);
font-size: var(--ts-product-price-font-size);
line-height: var(--ts-product-price-line-height);
color: var(--ts-product-price-color);
}
.ts-grouped-product-wrapper form.cart .button {
flex: 1;
display: inline-flex;
gap: 7px;
align-items: center;
justify-content: center;
min-width: 0;
}
.ts-grouped-product-wrapper form.cart .button .count {
display: inline-block;
width: 18px;
height: 18px;
font-size: 9px;
background: var(--ts-btn-color);
border-radius: 50%;
color: var(--ts-btn-bg);
line-height: 18px;
font-weight: 800;
}
.ts-grouped-product-wrapper form.cart .button:hover .count {
background: var(--ts-btn-hover-color);
color: var(--ts-btn-color);
}
.ts-grouped-product-wrapper .total-wrapper .total-label {
color: var(--ts-gray-color);
font-size: calc(1em - 1px);
line-height: 1.2;
} .woocommerce.ts-special-product-wrapper {
--ts-product-columns: 1 !important;
}
.woocommerce.ts-special-product-wrapper .products:not(:is(.cross-sells,.up-sells,.related)):not(.swiper) {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.ts-special-product-wrapper.woocommerce .products .product-wrapper {
display: grid;
grid-template-columns: [left] 45% [right] 1fr;
align-items: center;
background: var(--ts-product-bg);
border-radius: var(--ts-border-radius);
gap: 30px 0;
padding: 30px;
outline: 0 !important;
}
.ts-special-product-wrapper.woocommerce .products .product :where(.meta-wrapper-2,.meta-wrapper-3),
.product-style-v3 .ts-special-product-wrapper.woocommerce .button.add_to_cart_button.added:before,
.ts-special-product-wrapper .product-wrapper .product-group-button {display: none !important;}
.ts-special-product-wrapper .product-wrapper .thumbnail-wrapper {
background: transparent;
order: 2;
}
.ts-special-product-wrapper.woocommerce .products .product .product-name {
font-size: var(--ts-h2-font-size);
line-height: 1.2;
}
.ts-special-product-wrapper.woocommerce .products .product .price {
font-size: calc(var(--ts-body-font-size) + 1px);
margin: 13px 0 16px;
}
.ts-special-product-wrapper.woocommerce .products .product .meta-wrapper {
gap: 0;
text-align: start;
align-items: flex-start;
}
.ts-special-product-wrapper.woocommerce .products .product-wrapper .thumbnail-wrapper {background: transparent;}
.ts-special-product-wrapper.woocommerce .products .product div.loop-add-to-cart .button {
display: inline-flex;
min-width: 200px;
} .product-style-v4 .ts-special-product-wrapper.woocommerce .products .meta-wrapper:not(.meta-wrapper-2) .price {
display: flex;
}
.product-label-v2 .ts-special-product-wrapper.woocommerce .products .product .product-label,
.product-label-v6 .ts-special-product-wrapper.woocommerce .products .product .product-label {
inset: 0 0 auto auto; }
.product-label-v4 .ts-special-product-wrapper.woocommerce .products .product .product-label,
.product-label-v5 .ts-special-product-wrapper.woocommerce .products .product .product-label {
inset: 20px 20px auto auto; }
.product-label-v3 .ts-special-product-wrapper.woocommerce .products .product-wrapper .thumbnail-wrapper {
position: relative;
}
.product-label-v3 .ts-special-product-wrapper.woocommerce .product .product-label {
--label-font-size: 25px;
inset: 20px 20px auto auto; }
.product-style-v3 .ts-special-product-wrapper.woocommerce .products .product div.loop-add-to-cart a {
background: transparent;
color: inherit;
display: inline-flex !important;
align-items: center;
gap: 20px;
border: 0;
padding: 0;
overflow: visible;
min-width: 0;
--loading-size: calc(1em - 2px);
font-family: var(--ts-btn-font-family);
font-weight: var(--ts-btn-font-weight);
font-style: var(--ts-btn-font-style);
font-size: var(--ts-btn-font-size);
line-height: var(--ts-btn-line-height);
letter-spacing: var(--ts-btn-letter-spacing);
text-transform: var(--ts-btn-text-transform);
}
.product-style-v3 .ts-special-product-wrapper.woocommerce .products .product div.loop-add-to-cart a:hover {
color: var(--ts-link-hover-color);
}
.product-style-v3 .ts-special-product-wrapper.woocommerce div.loop-add-to-cart a > span {
display: inline-flex;
position: relative;
border-bottom: 1px solid;
gap: 10px;
align-items: center;
}
.product-style-v3 .ts-special-product-wrapper.woocommerce div.loop-add-to-cart a > span,
.product-style-v3 .ts-special-product-wrapper.woocommerce div.loop-add-to-cart a:after {
padding: 0.2em 0;
}
.product-style-v3 .ts-special-product-wrapper.woocommerce div.loop-add-to-cart a:hover:after {
animation-name: elementor-animation-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.product-style-v3 .ts-special-product-wrapper.woocommerce div.loop-add-to-cart a:after {
content: "\e9c2" !important;
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
background: transparent;
position: static;
display: inline-block !important;
margin: 0;
}
.product-style-v3 .ts-special-product-wrapper.woocommerce .button.add_to_cart_button.loading:before {
border-top-color: currentColor;
position: static;
margin: 0;
order: 1;
}
.product-style-v3 .ts-special-product-wrapper.woocommerce .products .product div.loop-add-to-cart a.added_to_cart,
.product-style-v3 .ts-special-product-wrapper.woocommerce .button.add_to_cart_button.loading:after {
display: none !important;
}
.product-style-v3 .ts-special-product-wrapper.woocommerce div.loop-add-to-cart > a.add_to_cart_button.added .ts-tooltip:before {
content: "\e9bc" !important;
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
background: transparent;
position: static;
display: inline-block !important;
margin: 0;
font-size: 0.8em;
}