/*

	4. SHORTCODE PRODUCT SLIDER
	8. SHORTCODE TAB PRODUCTS
	9. SHORTCODE SUBSCRIPTION
	10. SHORTCODE PRODUCTS CATEGORIES LIST
	13. SHORTCODE SOCIAL
*/
/*-------------------------------------------------------------------------------------------------------------------
	EFFECTS
---------------------------------------------------------------------------------------------------------------------*/
.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;}



/*-------------------------------------------------------------------------------------------------------------------
	4. SHORTCODE PRODUCT SLIDER
---------------------------------------------------------------------------------------------------------------------*/
.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;}


/*-------------------------------------------------------------------------------------------------------------------
	8. SHORTCODE TAB PRODUCTS
---------------------------------------------------------------------------------------------------------------------*/
.column-tabs .list-categories {
	justify-content: space-between;
}
.ts-product-in-product-type-tab-wrapper .column-tabs, 
.column-tabs .list-categories, 
.ts-shortcode .shortcode-heading-wrapper {
	margin-bottom: 30px;
	gap: 0 30px;
}
.ts-shortcode .shortcode-title {
	flex: 1;
	margin-bottom: 0;
}
.column-tabs .list-categories ul.tabs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 30px;
	margin-left: auto; /* rtl */
}
.column-tabs .list-categories ul.tabs li {
	font-size: 1em;
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1.4;
	font-weight: 500;
	position: relative;
	overflow: hidden;
}
.column-tabs .list-categories ul.tabs li:after {
	content: '';
	width: 100%;
    height: 1px;
    border-bottom: 1px solid;
	position: absolute;
	bottom: 0;
	left: -100%;/* rtl */
	right: auto;/* rtl */
	transition: 250ms ease;
}
.column-tabs .list-categories ul.tabs li:hover:after,
.column-tabs .list-categories ul.tabs li.current:after {
	left: 0;/* rtl */
	right: 0;/* rtl */
}
.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-heading-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) {
	padding: 0 20px 0 0; /* rtl */
	margin: 0 20px 0 0; /* rtl */
}
.ts-product-in-product-type-tab-wrapper .column-tabs ul.tabs li:not(:last-child):after {
	content: '';
	width: 1px;
	height: 20px;
	background: var(--ts-border);
	position:absolute;
	right: 0; /* rtl */
	top: 50%;
	transform: translateY(-50%);
}
.ts-product-in-product-type-tab-wrapper .column-tabs {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.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-heading-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);
}

/*** Fix loading ***/
.woocommerce .column-products.loading .products {transition: 300ms ease 0s;}
.column-products.loading:after {top: 35%;}


/*-------------------------------------------------------------------------------------------------------------------
	10. SHORTCODE PRODUCTS CATEGORIES LIST
---------------------------------------------------------------------------------------------------------------------*/
.ts-list-of-product-categories-wrapper {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	gap: 30px;
}
.ts-list-of-product-categories-wrapper .list-categories {
	flex: 1;
	align-items: flex-start;
	gap: 20px 15px;
	margin: 0;
}
.ts-list-of-product-categories-wrapper .list-categories .heading-title {
	font-size: var(--ts-body-font-size);
	line-height: 1.4;
	margin: 0;
}
.ts-list-of-product-categories-wrapper .list-categories ul {
	margin: 0;
	padding: 0;
	display: grid;
	gap: 14px;
}
.ts-list-of-product-categories-wrapper .list-categories ul li a {
	color: inherit;
	text-decoration: none;
}
.ts-list-of-product-categories-wrapper .list-categories ul li:hover,
.ts-list-of-product-categories-wrapper .list-categories ul li a:hover {
	color: var(--ts-primary-color);
}
.ts-list-of-product-categories-wrapper .list-categories ul li {
	list-style: none;
	padding: 0;
}