/*
 * @package MatrixAddons
 * @subpackage trainify
 * @since 1.0.0
 */
.trainify_site_carousel_widget{
	.tff-post-title {
		margin: 5px 0;
		line-height: 26px;
		a {
			font-size: 20px;
			color: $white_color;
			text-transform: capitalize;
			&:hover {
				color: $primary_color;
			}
		}
	}
	.tff-post-excerpt{
		margin-top:0px;
	}
	.tff-post-content{
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 20px;
		position: absolute;
	}
	
	.tff-single-post{
		position: relative;
	}
	.tff-post-meta {
		span{
			color: $white_color3;
			a{
				color: $white_color3;
			}
		}
	}
	.carousel-controls{
		display:none;
	}
	.tff-block-posts-wrapper{
		position:relative;
		padding:0 7.5px;
		&:after{
			content:"";
			display:block;
			clear:both;
		}
		&:hover{
			.carousel-controls{
				display:inline-block;
			}
		}
	}
}


.tff-carousel-posts{
	margin: 0 -7.5px;
	.carousel-controls{
		font-size: 16px;
		margin-left: 0;
		cursor: pointer;
		padding: 3px 13px;
		color: $white_color;
		background-color: $active_color;
		transition: all 0.5s ease;
		&:hover {
			background-color: $secondary_color;
		}
	}
	
	
	&.layout1{
		color:$white_color;
		img{
			width:100%;
		}
		.no-thumbnail{
			display:block;
			padding-top:75%;
			background-color:#f2f2f2;
		}
		.tff-post-title{
			color:inherit;
			a{
				color:inherit;
			}
		}
		.tff-post-content{
			background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8)) repeat scroll 0 0;
		}
		.tff-navPrev{
			float:left;
		}
		.tff-navNext{
			float:right;
		}
		.carousel-nav-action{
			top:50%;
			left:0;
			right:0;
			margin-top:-33px;
			position:absolute;
		}
	}	
	&.layout2{
		.tff-post-title{
			margin: 5px 0;
			line-height: 26px;
			a{
				font-size: 20px;
				color: $primary_color;
				text-transform: capitalize;
				&:hover{
					color: $primary_color;
				}
			}
		}
		.carousel-controls{
			display:inline-block !important;
		}
		.carousel-nav-action{
			clear:both;
			text-align:center;
			padding:20px 0 0;
		}
		.tff-post-content{
			padding: 15px;
			max-width: 100%;
			position: relative;
			border:1px solid #f2f2f2;
			background-color:#fff;
		}
		.tff-single-post{
			max-width: 100%;
			border-radius: 3px;
			background-color: #fff;
			transition: all .3s ease-in-out 0s;
		}
	}
}
.footer-sidebar-area, .sidebar-main-area{
	.tff-carousel-posts{
		margin:0;
	}

	.trainify-block-carousel.cS-hidden .tff-carousel-list{
		&.column2{
			width:100%;
		}
		&.column3{
			width:100%;
		}
		&.column4{
			width:100%;
		}
	}

}
.trainify-block-carousel{
	height:auto !important;
}
.trainify-block-carousel.cS-hidden{
	margin:0;
	opacity:1;
	height:auto;
	display:block;
	list-style:none;
	overflow:initial;
	.tff-carousel-list{
		float:left;		
		padding:0 7.5px;
		&.column1{
			width:100%;
			display:none;
			&:first-child{
				display:block;
			}
		}
		&.column2{
			width:50%;
			float:left;
			&:nth-child(n+3){
				display:none;
			}
		}
		&.column3{
			float:left;
			width:33.33%;
			&:nth-child(n+4){
				display:none;
			}
		}
		&.column4{
			width:25%;
			&:nth-child(n+5){
				display:none;
			}
		}
	}
}