/*
 * @package MatrixAddons
 * @subpackage trainify
 * @since 1.0.0
 */
.trainify_featured_slider{
	margin: 0 0 25px;
	.featured-posts {
		float: right;
		width: 50%;
		padding: 0;
		.trainify-single-post {
			position: relative;
			.trainify-post-content{
				left: 0;
				bottom: 0;
				width: 100%;
				padding: 15px;
				position: absolute;
				background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) repeat scroll 0 0;
				.trainify-post-title{
				    line-height: 20px;
				    a{
				    	color: #fff;
					    font-size: 15px;
					    &:hover{
					    	color: #029fb2;
					    }
				    }
				}
			}
			.trainify-post-meta{
				span{
					font-size: 12px;
					a{
						font-size: 12px;
					}
				}
			}
		}
		.trainify-single-post-wrap{
			width: 49%;
			float: left;
			margin-bottom: 2%;
			position: relative;
			&:nth-child(2n+1){
				clear:both;
				margin-right:2%;
			}
			&:nth-child(n+3){
				margin-bottom:0px;
			}
		}
	}
	.slider-posts{
		float: left;
        width: 49%;
        margin: 0;
        padding: 0;
        ul{
        	margin:0;
        	padding:0;
        	list-style:none;
        	li{
        		display:none;
        		position:relative;
        		&:first-child{
        			display:block;
        		}
        	}
        	&.lightSlider{
        		li{
        			display:block;
        		}
        	}
        }
		.lSAction{
    		top: 10px;
    		right: 10px;
    		position: absolute;
    		&>a{
    			opacity: 1;
	    		width: 25px;
	    		color: #fff;
	    		height: 25px;
	    		margin-left:5px;
	    		font-size: 18px;
	    		position: static;
	    		text-align: center;
	    		line-height: 25px;
	    		display: inline-block;
	    		background: rgba(0, 0, 0, 0.7);
	    		&:hover{
	    			color: #fff;
	    			background: #029FB2;
	    		}
    		}
		}
	}
}
.trainify-slide-content-wrap{
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px;
    position: absolute;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) repeat scroll 0 0;
    .post-title{
		margin: 5px 0;
	    line-height: 26px;
	    a{
		    color: #fff;
		    font-size: 20px;
		    text-transform: capitalize;
		    &:hover{
		    	color: #029fb2;
		    }
	    }
    }
    .trainify-post-meta{
    	span{
	    	margin-right: 15px;
	    	color: #cccccc;
	    	font-size: 14px;
	    	font-style: normal;
	    	font-weight: 500;
	    	a{
		    	color: #cccccc;
		    	font-size: 14px;
		    	font-style: normal;
		    	font-weight: 500;
	    	}
	    	@media (max-width: 1170px){
	    		margin-right: 8px;
	    	}
    	}
    }
}