/*
	1. SHORTCODE HOT DEAL
	2. SHORTCODE BANNER
	3. SHORTCODE LOGO SLIDER
	4. SHORTCODE PRODUCT SLIDER
	5. SHORTCODE TESTIMONIAL 
	6. SHORTCODE TEAM MEMBER
	7. SHORTCODE PRODUCT BRANDS
	8. SHORTCODE TAB PRODUCTS
	9. SHORTCODE SUBSCRIPTION
	10. SHORTCODE PRODUCTS CATEGORIES LIST
*/
/*-------------------------------------------------------------------------------------------------------------------
	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;}
/*-------------------------------------------------------------------------------------------------------------------
	1. SHORTCODE HOT DEAL
---------------------------------------------------------------------------------------------------------------------*/
.counter-wrapper{
	display: inline-flex;
	padding: 7px 20px;
	align-items: baseline;
	background: var(--nooni-text-color);
	color: var(--nooni-main-bg);
}
.counter-wrapper > div{text-align: center;display: inline-block;}
.counter-wrapper > div > *{display: block;}
.counter-wrapper .number-wrapper{display: block;line-height: 1;}
.counter-wrapper .ref-wrapper{display: block;line-height: 1.3;}
.counter-wrapper .dots{
	padding: 0 20px;
	display: inline-block;
    vertical-align: top;
    margin-top: -20px;
}
.counter-wrapper{font-size: 20px;}
.ts-countdown.style-2 .counter-wrapper{font-size: 35px;}
.ts-countdown .counter-wrapper .ref-wrapper{text-transform: capitalize;}
.ts-countdown .counter-wrapper .ref-wrapper,.ts-countdown.style-2 .counter-wrapper .ref-wrapper{font-size: 0.6em;}
.ts-countdown.style-2 .counter-wrapper .ref-wrapper{margin-top: 3px;}
.ts-countdown.style-2 .counter-wrapper{
	background: transparent !important;
	margin: -5px -8px;
	padding: 0;
}
.ts-countdown.style-2 .counter-wrapper > div{
    min-width: 110px;
    min-height: 110px;
    padding: 5px;
    border-radius: 50%;
    float: left; /*rtl*/
    margin: 5px 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: var(--nooni-text-color);
	color: var(--nooni-main-bg);
}
.ts-countdown.style-2 .counter-wrapper .dots,div.product .summary .single-counter-wrapper > span:first-child:nth-last-child(2),div.product .summary .single-counter-wrapper > span + span{display: none;}
.meta-wrapper .counter-wrapper{align-items: center;}
/*-------------------------------------------------------------------------------------------------------------------
	2. SHORTCODE BANNER
---------------------------------------------------------------------------------------------------------------------*/
.ts-banner,.ts-banner *,.ts-logo-slider-wrapper .swiper *{backface-visibility: hidden;-webkit-backface-visibility: hidden;} 
.ts-banner{overflow: hidden;width: 100%;position: relative;}
.ts-banner .banner-wrapper{position: relative;}
.ts-banner .banner-wrapper .banner-bg{overflow: hidden;}
.ts-banner .banner-wrapper > a{position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 4;}
.ts-banner .banner-bg img.img-sm{display: none;}
.ts-banner .banner-bg img{width: 100%;position: relative;-o-object-fit: cover;object-fit: cover;}
.ts-banner .box-content{position: absolute;z-index: 2;transition: 300ms ease 0s;padding: 30px;}
.ts-banner .box-content{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column wrap;flex-flow: column wrap;}
.ts-banner.description-top .box-content .description{-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;}.ts-banner .box-content *{line-height: 1.3;}
.ts-banner .box-content *{margin-bottom: 8px;}
.font-weight-normal, .btn-font-weight-normal .box-content .button.button-text{font-weight: normal !important;}
.ts-banner.description-bottom .box-content .description{margin-bottom: 38px;}
.ts-banner .box-content .description *:last-child, .ts-banner .box-content > div > *:last-child{margin-bottom: 0 !important;}
.ts-banner .box-content h2{color: inherit;}.ts-banner header{display: table-cell;vertical-align: middle;}
.ts-banner .banner-link{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 2;}
.ts-banner .ts-banner-button{display: inline-block;overflow: hidden;position: relative;margin-bottom: 0;}
.text-center-top .box-content, .text-center-bottom .box-content, .text-center-center .box-content{margin-left: auto;margin-right: auto;}
.text-left-top .box-content, .text-left-bottom .box-content, .text-left-center .box-content{margin-left: 0;margin-right: auto;}
.text-right-top .box-content, .text-right-bottom .box-content, .text-right-center .box-content{margin-left: auto;margin-right: 0;}
.ts-align-left .ts-banner .box-content{text-align: left;}
.ts-align-center .ts-banner .box-content{text-align: center;}
.ts-align-right .ts-banner .box-content{text-align: right;}
/*** Banner content position ***/
.text-left-top .box-content{left: 0;right: auto;top: 0;bottom: auto;}
.text-left-bottom .box-content{left: 0;right: auto;top: auto;bottom: 0;}
.text-left-center .box-content{left: 0;right: auto;top: 50%;bottom: auto;transform: translate(0,-50%);}
.text-right-top .box-content{right: 0;left: auto;top: 0;bottom: auto;}
.text-right-bottom .box-content{right: 0;left: auto;top: auto;bottom: 0;}
.text-right-center .box-content{right: 0;left: auto;top: 50%;bottom: auto;transform: translate(0,-50%);}
.text-center-top .box-content{left: 0;right: 0;top: 0;bottom: auto;}.text-center-bottom .box-content{left: 0;right: 0;top: auto;bottom: 0;}
.text-center-center .box-content{left: 0;right: 0;top: 50%;bottom: auto;transform: translateY(-50%);}
/*** Effects Banner ***/
/*Zoomin*/
 .eff-zoom-in .image-link .bg-image, .eff-zoom-in .banner-bg img{transition: transform 500ms;}
 .eff-zoom-in:hover .image-link .bg-image, .eff-zoom-in:hover .banner-bg img{-webkit-transform: scale(1.12);transform: scale(1.12);}
 /*Zoomout*/
 .eff-zoom-out .image-link .bg-image, .eff-zoom-out .banner-bg img{width: calc(100% + 60px);max-width: none;transition: transform 500ms;transform: translate3d(-30px,0,0) scale(1.12);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
 .eff-zoom-out:hover .image-link .bg-image, .eff-zoom-out:hover .banner-bg img{-webkit-transform: translate3d(0,0,0) scale(1);transform: translate3d(0,0,0) scale(1);}
 /*Flash*/
 .eff-flash .bg-content, .eff-flash .image-link{position: relative;overflow: hidden;}
 .eff-flash .bg-content:before, .eff-flash .bg-content:after, .eff-flash .image-link:before, .eff-flash .image-link:after{content: '';width: 100%;height: 100%;background: rgba(255,255,255,.3);position: absolute;top: 0;left: 0;z-index: 5;transition: transform .5s,opacity .2s ease-in-out 0s;opacity: 0;}
 .eff-flash:hover .bg-content:before, .eff-flash:hover .image-link:before{transform: scale(0,1);opacity: 1;}
 .eff-flash:hover .bg-content:after, .eff-flash:hover .image-link:after{transform: scale(1,0);opacity: 1;}
 /*Line*/
 .eff-line .image-link{position: relative;overflow: hidden;line-height: 1;}
 .eff-line .bg-content:before, .eff-line .bg-content:after, .eff-line .image-link:before, .eff-line .image-link:after{content: "";position: absolute;top: 15px;left: 15px;border: 1px solid rgba(255,255,255,.7);transition: all ease .45s;z-index: 2;display: block;}
 .eff-line .bg-content:before, .eff-line .image-link:before{width: calc(100% - 30px);height: 0;border-top: none;border-bottom: none;}
 .eff-line .bg-content:after, .eff-line .image-link:after{height: calc(100% - 30px);width: 0;border-left: none;border-right: none;}
 .eff-line:hover .bg-content:before, .eff-line:hover .image-link:before{height: calc(100% - 30px);}
 .eff-line:hover .bg-content:after, .eff-line:hover .image-link:after{width: calc(100% - 30px);}
 /*overlay*/
 .eff-overlay .bg-content, .eff-overlay .image-link{position: relative;overflow: hidden;}
 .eff-overlay .bg-content:before, .eff-overlay .image-link:before, .eff-overlay .bg-content:after, .eff-overlay .image-link:after{content: '';background: #000;width: 100%;height: 50%;left: 0;position: absolute;transition: all 0.2s;z-index: 2;opacity: 0.2;}
 .eff-overlay .bg-content:before, .eff-overlay .image-link:before{top: -50%;}
 .eff-overlay .bg-content:after, .eff-overlay .image-link:after{top: 100%;}
 .eff-overlay:hover .bg-content:before, .eff-overlay:hover .image-link:before{top: 0;}
 .eff-overlay:hover .bg-content:after, .eff-overlay:hover .image-link:after{top: 50%;}
/*-------------------------------------------------------------------------------------------------------------------
	3. SHORTCODE LOGO SLIDER
---------------------------------------------------------------------------------------------------------------------*/
.ts-logo-slider-wrapper .content-wrapper{text-align: center;}
.ts-shortcode.ts-logo-slider-wrapper.style-border .items{margin: 0;border-width: 0 0 0 1px;border-style: solid;}
.ts-shortcode.ts-logo-slider-wrapper.style-border .items .item{padding: 0;border-width: 1px 1px 1px 0;border-style: solid;}
.ts-shortcode.ts-logo-slider-wrapper.style-border .items{padding-top: 1px;}
.ts-shortcode.ts-logo-slider-wrapper.style-border .items .item{margin-top: -1px;}
.ts-shortcode.ts-logo-slider-wrapper .items .item > a{display: block;}
.ts-shortcode.ts-logo-slider-wrapper .items .item > a:after{display: block;}
/*-------------------------------------------------------------------------------------------------------------------
	4. SHORTCODE PRODUCT SLIDER
---------------------------------------------------------------------------------------------------------------------*/
.ts-shortcode{position: relative;clear: both;overflow: hidden;}
.ts-shortcode .shortcode-heading-wrapper h2{margin-bottom: 0;}
.ts-shortcode.ts-product.style-title-inside-content.ts-slider,
.ts-product-in-product-type-tab-wrapper .column-tabs, .column-tabs .list-categories,.ts-shortcode .shortcode-heading-wrapper{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap:30px;}
.title-align-center .ts-product-in-product-type-tab-wrapper .column-tabs, .title-align-center .column-tabs .list-categories,.title-align-center .ts-shortcode .shortcode-heading-wrapper{justify-content: center;}
.title-align-right .ts-product-in-product-type-tab-wrapper .column-tabs, .title-align-right .column-tabs .list-categories,.title-align-right .ts-shortcode .shortcode-heading-wrapper{flex-direction: row-reverse;}
.ts-shortcode.ts-product-deals-wrapper .shortcode-heading-wrapper .ts-countdown{margin-left: 0;/*rtl*/margin-right: auto;/*rtl*/}
.title-align-center .ts-shortcode.ts-product-deals-wrapper .shortcode-heading-wrapper .ts-countdown{margin-left: 0;/*rtl*/margin-right: 0;/*rtl*/}
.title-align-right .ts-shortcode.ts-product-deals-wrapper .shortcode-heading-wrapper .ts-countdown{margin-left: auto;/*rtl*/margin-right: 0;/*rtl*/}
/*** style title inside content ***/
.ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper{
	width: 25%;
	margin: 0;
	padding: 0 50px 0 15px; /*rtl*/
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0;
}
.ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper > *{padding: 0;text-align: inherit;}
.ts-shortcode.ts-product.style-title-inside-content .shortcode-heading-wrapper .shortcode-title{margin: 0 0 34px;font-weight: normal;line-height: 1.25 !important;}
.ts-shortcode.ts-product.style-title-inside-content.ts-slider .shortcode-heading-wrapper,.ts-shortcode.ts-product.style-title-inside-content.ts-slider .content-wrapper{
	width: 75% !important;
	float: left; /*rtl*/
}
.ts-shortcode.ts-product.style-title-inside-content.ts-slider .shortcode-heading-wrapper{
	width: 25% !important;
	padding-left: 0; /*rtl*/
}
/*** shop more button ***/
.shop-more-button{display: inline-block;position: relative;}
.ts-shortcode.ts-product > .shop-more .shop-more-button{
    font-weight: var(--nooni-button-font-weight);
	font-size: var(--nooni-button-font-size);
}
.shop-more-button:after{
	content: '>>';
	display: inline-block;
	line-height: 1;
	vertical-align: 1px;
	margin-left: 5px; /*rtl*/
}
.ts-shortcode.ts-product > .shop-more .shop-more-button:after{display: none;}
.shop-more-button{color: inherit;text-decoration: none;}
.shop-more-button:hover{color: var(--nooni-primary-color);text-decoration: none;}
.title-align-left .ts-shortcode.style-title-inside-content .shortcode-heading-wrapper .shop-more,.title-align-center .ts-shortcode.style-title-inside-content .shortcode-heading-wrapper .shop-more{margin-left: 0;margin-right: 0;}
/*-------------------------------------------------------------------------------------------------------------------
	5. SHORTCODE TESTIMONIAL 
---------------------------------------------------------------------------------------------------------------------*/
.ts-testimonial-wrapper:not(.ts-slider) .items{margin-bottom: -30px;}
.ts-testimonial-wrapper:not(.ts-slider) .items .item{margin-bottom: 30px;}
.ts-testimonial-wrapper blockquote{display: flex;flex-flow: row wrap;padding: 38px 40px;font-size: 100%;line-height: 1.6;letter-spacing: 0.05em;}
.ts-testimonial-wrapper blockquote:before{display: none;}
.ts-testimonial-wrapper blockquote .image{width: 90px;margin-right: 40px;}
.ts-testimonial-wrapper blockquote .image img{border-radius: 50%;}
.ts-testimonial-wrapper blockquote .quote-content-meta{flex: 1;}
.quote-content-meta .rating:not(:last-child){margin-bottom: 20px;}
.quote-content-meta .content:not(:last-child){margin-bottom: 15px;}
.quote-content-meta .author-role > *:not(:last-child){margin-right: 20px;}
.quote-content-meta .author-role{font-size: 106%;letter-spacing: 0.025em;font-weight: bold;}
/*-------------------------------------------------------------------------------------------------------------------
	6. SHORTCODE TEAM MEMBER
---------------------------------------------------------------------------------------------------------------------*/
.ts-team-members:not(.ts-slider) .items{margin-bottom: -30px;}
.ts-team-members:not(.ts-slider) .item{margin-bottom: 30px;}
.ts-team-members .image-thumbnail{position: relative;overflow: hidden;margin-bottom: 24px;}
.ts-team-members .has-thumbnail .image-thumbnail:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.65);z-index: 2;opacity: 0;visibility: hidden;transition: 300ms ease;}
.ts-team-members .has-thumbnail .image-thumbnail:hover:before{opacity: 1;visibility: visible;}
.ts-team-members .image-thumbnail a{display: block;}.ts-team-members .image-thumbnail img{width: 100%;transition: 300ms ease;}
.ts-team-members .team-content:hover .image-thumbnail img{transform: scale(1.1);}
.ts-team-members .team-info{text-align: center;}
.ts-team-members .team-info > *{margin-bottom: 14px;display: block;}
.ts-team-members .team-info > *:last-child{margin-bottom: 0;}
.ts-team-members .team-info .name{font-weight: normal;color: var(--nooni-gray-color);}
.ts-team-members .team-info .member-role{font-size: 90%;text-transform: uppercase;}
.ts-team-members .member-social{display: flex;flex-flow: row wrap;align-items: center;justify-content: center;}
.ts-team-members .has-thumbnail .image-thumbnail .member-social{position: absolute;top: 50%;left: 0;right: 0;padding: 30px;transform: translateY(-50%) translateY(10px);color: #ffffff;z-index: 3;opacity: 0;visibility: hidden;transition: 300ms ease;}
.ts-team-members .has-thumbnail .image-thumbnail:hover .member-social{opacity: 1;visibility: visible;transform: translateY(-50%);}
.ts-team-members .member-social a{width: 20px;height: 20px;line-height: 20px;margin: 13px;display: inline-block;vertical-align: middle;text-align: center;color: inherit;letter-spacing: 0;text-decoration: none;transition: 200ms ease;}
.ts-team-members .member-social a:hover, .ts-team-members .team-info .name a:hover{color: var(--nooni-primary-color);}
.ts-team-members .member-social a i{font-size: 28px;line-height: inherit;}
/*-------------------------------------------------------------------------------------------------------------------
	7. SHORTCODE PRODUCT BRANDS
---------------------------------------------------------------------------------------------------------------------*/
.ts-product-brand-wrapper .item > a > img{border-radius: 10px;}
.ts-product-brand-wrapper .meta-wrapper{margin-top: 7px;text-align: center;}
.ts-product-brand-wrapper .meta-wrapper h3{margin-bottom: 0;}
.ts-product-brand-wrapper .meta-wrapper h3 .count{font-size: 14px;font-weight: normal;line-height: 16px;display: block;margin-top: -2px;color: var(--nooni-gray-color);}
/*-------------------------------------------------------------------------------------------------------------------
	8. SHORTCODE TAB PRODUCTS
---------------------------------------------------------------------------------------------------------------------*/
.column-tabs ul.tabs,.ts-product-category-wrapper.tabs-layout ul.tabs{display: flex;flex-wrap: wrap;align-items: center;gap: 68px;}
.column-tabs .list-categories ul.tabs{gap: 40px;}
.column-tabs ul.tabs li,.ts-product-category-wrapper.tabs-layout ul.tabs li{
	list-style: none;
	padding: 0;
	display: inline-block;
	position: relative;
	color: var(--nooni-text-color);
	text-transform: uppercase;
}
.column-tabs .heading-tab .heading-title{text-transform: uppercase;}
.ts-product-category-wrapper.tabs-layout ul.tabs li:before,.column-tabs ul.tabs li:before{
	content: '';
  	position: absolute;
  	bottom: 0;
  	left: auto; /*rtl*/
	right: 100%; /*rtl*/
  	border-bottom: 2px solid;
  	display: block;
  	transition: 300ms ease;
}
.column-tabs .list-categories ul.tabs li{font-size: 1em;}
.ts-product-category-wrapper.tabs-layout ul.tabs li:hover:before,.ts-product-category-wrapper.tabs-layout ul.tabs li.active:before,.column-tabs ul.tabs li:hover:before,.column-tabs ul.tabs li.current:before{left: 0;right: 0;}
.ts-product-category-wrapper.tabs-layout .product-category:not(.active){display: none;}
.ts-product-category-wrapper.tabs-layout .product-category.active{
	-webkit-animation-duration: 300ms;
    -moz-animation-duration: 300ms;
    animation-duration: 300ms;
    animation-delay: 150ms;
    -webkit-animation-delay: 150ms;
    -moz-animation-delay: 150ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: animation_fade;
    -moz-animation-name: animation_fade;
    animation-name: animation_fade;
}
.column-tabs .shop-more{margin-left: auto; /*rtl*/}
.ts-shortcode .column-tabs,.column-tabs ul.tabs,.ts-product-category-wrapper.tabs-layout ul.tabs{margin-bottom: 58px;}
.column-tabs ul.tabs,.column-tabs .heading-tab .heading-title{margin-bottom: 0 !important;}
.column-tabs ul.tabs li span.count{text-transform: none;}
.ts-product-category-wrapper.tabs-layout ul.tabs li:hover,.column-tabs ul.tabs li:hover{cursor: pointer;}
.column-content .shop-more{text-align: center;}
/*** Fix loading ***/
.woocommerce .column-products.loading .products{transition: 300ms ease 0s;}
.column-products.loading:after{top: 35%;}
/*-------------------------------------------------------------------------------------------------------------------
	9. SHORTCODE SUBSCRIPTION
---------------------------------------------------------------------------------------------------------------------*/
.mailchimp-subscription .widget-title-wrapper{margin-bottom: 22px;}
.mailchimp-subscription .widget-title-wrapper .widget-title{line-height: 1.2;margin-bottom: 0 !important;}
.mailchimp-subscription .newsletter{line-height: 20px;margin-bottom: 27px;}
.mailchimp-subscription .newsletter p{margin-bottom: 0;}
.mc4wp-form .subscribe-email{display: flex;flex-flow: row wrap;}
.mc4wp-form .subscribe-email input[type="email"]{flex: 1;margin-bottom: 0;border: 0;background: #ededed;}
.mc4wp-form .subscribe-email a{color: inherit;}
.mc4wp-form .subscribe-email .button{padding-left: 10px;padding-right: 10px;min-width: 150px;}
/*-------------------------------------------------------------------------------------------------------------------
	10. SHORTCODE PRODUCTS CATEGORIES LIST
---------------------------------------------------------------------------------------------------------------------*/
.ts-list-of-product-categories-wrapper.heading-left .heading-title{text-align: left;}
.ts-list-of-product-categories-wrapper.heading-center .heading-title{text-align: center;}
.ts-list-of-product-categories-wrapper.heading-right .heading-title{text-align: right;}
.ts-list-of-product-categories-wrapper h3.heading-title{margin-bottom: 48px;}
.ts-list-of-product-categories-wrapper .list-categories{margin: 0;display: block;}
.ts-list-of-product-categories-wrapper .list-categories:after{display: none;}
.ts-list-of-product-categories-wrapper .list-categories ul{margin: 0 -10px -8px;display: flex;flex-flow: row wrap;}
.ts-list-of-product-categories-wrapper .list-categories ul li{width: 100%;list-style: none;padding: 0 10px 8px;}
.ts-list-of-product-categories-wrapper.columns-1 .list-categories ul{margin-bottom: 0;}
.ts-list-of-product-categories-wrapper.columns-1 .list-categories ul li{padding-bottom: 14px;}
.ts-list-of-product-categories-wrapper.columns-1 .list-categories ul li:last-child{padding-bottom: 0;}
.ts-list-of-product-categories-wrapper.columns-2 .list-categories ul li{width: 50%;}
.ts-list-of-product-categories-wrapper.columns-3 .list-categories ul li{width: 33.33333%;}
.ts-list-of-product-categories-wrapper.columns-4 .list-categories ul li{width: 25%;}
.ts-list-of-product-categories-wrapper.columns-5 .list-categories ul li{width: 20%;}
.ts-list-of-product-categories-wrapper .list-categories ul li a{color: inherit;display: inline-block;position: relative;}
.ts-list-of-product-categories-wrapper .shop-more-button:after{display: none;}