/*
 * @package themecentury
 * @subpackage slain
 * @since 1.0.0
 */


.posts-layout{
	.post-meta{
		margin:0;
	}
	.post-content{
		h3,h4,h5{
			margin:0px;
		}
	}
	.single-post{
		border:1px dotted #dedede;
		&:hover{
			box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);
		}
	}
	.block-posts-wrapper{
		display:none;
		&.tab-active{
			display:block;
		}
	}
	.primary-block-wrap {
		float: left;
		width: calc(50% - 10px);
		margin-right:10px; 
		.post-content{
			padding:5px;
			background:#fff;
		}

		@media(max-width:768px){
			width:100%;
			margin-right:0;
			margin-bottom:30px;
			float:none;
		}

	}
	.secondary-block-wrap {
		float: right;
		width: calc(50% - 10px);
		margin-left:10px; 

		.single-post{
			background:#fff;
		}

		@media (max-width:768px){
			width:100%;
			margin-left:0;
			float:none;
		}
	}
	.post-thumb{
		&.no_thumbnail{
			a{
				display:block;
				padding-top:60%;
				background-color:#f3f3f3;
			}
		}
	}
	.layout1{
		.single-post{
			margin-bottom:20px;
		}
		.primary-block-wrap{
			.post-content{
				padding:15px;
				p{
					margin:0;
				}
			}
		}
		.secondary-block-wrap{
			margin-bottom:-20px;
			.post-thumb{
				width:30%;
				float:left;
			}
			.post-categories{
				line-height:1.4em;
			}
			.post-content{
				float:left;
				width:70%;
				padding:15px;
				padding-left: 15px;
			}

		}
		
	}
	.layout2 {
		.primary-block-wrap {
			float:none;
			width:100%;
			margin:0;
			.single-post{
				width: 50%;
				float: left;
				vertical-align: top;
				width: calc( 50% - 10px );
				margin-bottom:20px;
				.post-thumb{
					border-bottom:1px solid #dedede;
				}
				.post-content{
					padding:15px;
				}
				&:last-child{
					float:right;
				}
				@media (max-width:640px){
					&:first-child, &:last-child{
						padding:0;
					}
					width:100%;
				}
			}
		}
		.secondary-block-wrap {
			width: 100%;
			clear:both;
			margin-bottom:-20px;
			.single-post{
				float: left;
				width: 50%;
				margin: 0 0 20px;
				width: calc( 50% - 10px );
				&:nth-child(2n){
					float:right;
				}
				.post-thumb{
					width:30%;
					float:left;
				}
				.post-content{
					width:70%;
					float:left;
					padding:15px;	
				}
				&:nth-child(2n+1){
					clear:both;
				}
				@media (max-width:600px){
					width:100%;
    				margin-bottom:10px;
				}
			}
		}
	}
	.layout3{
		.primary-block-wrap {
			width: 100%;
			margin: 0 0 20px;
			position: relative;
			min-height:150px;
			.single-post {
				.post-thumb + .post-content {
					bottom: 0;
					left: 0;
					padding: 20px;
					position: absolute;
					width: 100%;
					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 a{
						color:$white_color;
					}
				}
				.post-title {
					line-height: 26px;
					margin: 5px 0;
					a {
						font-size: 20px;
						color: #3d3d3d;
						text-transform: capitalize;
						&:hover {
							color: $primary_color;
						}
					}
				}
			}
			.post-meta {
				span {
					color: $white_color3;
					a {
						color: $white_color3;
					}
				}
			}
		}
		.secondary-block-wrap {
			width: 100%;
			.single-post {
				float: left;
				width: 33.33%;
				margin: 0 21px 0 0;
				width: calc( 33.33% - 14px );
				&:last-child{
					margin: 0;
				}
				.post-thumb {
					float: none;
					width: 100%;
					border-bottom:1px solid #dedede;
				}
				.post-content {
					float: none;
					width: 100%;
					padding:15px;
				}
				@media (max-width:767px){
					width:100%;
					margin-bottom:20px;
					&:last-child{
						margin-bottom:0;
					}
				}
			}
		}
	}
	.layout4{
		.alternate-block-inner{
			nackground:#fff;
		}
	}
}

.tcy-wdgt-preloader{
    min-height: 500px;
    text-align: center;
    &.hidden{
    	display:none;
    }
    .helper {
	    height: 500px;
	    display: inline-block;
	    vertical-align: middle;
	}
}

/*========================================================================================================
----------------------------------------- Blog Style - Layout 5 -----------------------------------------
========================================================================================================*/


.block-posts-wrapper{
	&:after{
		content:"";
		clear:both;
		display:block;
	}
}

.layout5 > .block-posts-wrapper{
	margin: 0 -10px;
}

.block-posts-blog{
	width:33.33%;
	float:left;
	padding: 0 10px 15px;

	@media (max-width:768px){
		width:100%;
		padding-left:0;
		padding-right:0;
	}
}
.blog-thumb-wrapper{
	overflow:hidden;
	img{
		width:100%;
		transition:.5s transform;
		&:hover{
			transform: scale(1.2)
		}
	}
}
.blog-post-style{
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.blog-post-title{
	margin-bottom:0px;
}
.blog-post-content{
	padding: 10px 15px 0;
	background-color:#fff;
}

.blog-post-excerpt{
	padding-bottom:1px;
}
/*========================================================================================================
-------------------------------------- Alternative Grid - Layout 4 ---------------------------------------
========================================================================================================*/

.slain-alternative-block{
	width:33.33%;
	float:left;

	@media ( max-width:768px ){
		width:100%;
	}

	&:after{
		content:"";
		clear:both;
		display:block;
	}
	&:nth-child(2n+2){
		.alternate-block-inner{
			width:100%;
			display:table;

				@media ( max-width:768px ){
					display:block;
				}
		}
		.alternate-block-thumb{
			display: table-footer-group;

			@media( max-width:768px ){
				display: block;
			}
		}
		.alternative-post-content{
			display:table-header-group;
			@media( max-width:768px ){
				display: block;
			}
		}
	}
}
.alternative-post-content{
	background-color:#fff;
}
.alternate-block-thumb{
	font-size:0px;
	overflow:hidden;
	a{
		display:block;
		padding-top:100%;
		line-height:0px;
		background-color:#dedede;
		background-size:cover;
		background-position:center center;
		&:hover{
			
		}
	}
}

.alternate-content-inner{
	display:block;
	padding-top:100%;
	position:relative;
	border:1px solid #f3f3f3;

	@media( max-width:768px ){
		padding-top:0;
	}

	.post-meta{
		margin-bottom:10px;
	}
}

.alternate-center-part{
	top:50%;
	left:0;
	right:0;
	width:100%;
	padding:15px;
	max-height:100%;
	position:absolute;
	overflow:hidden;
	transform:translateY(-50%);
	@media( max-width:768px ){
		top:0;
		padding:20px;
		position:static;
		transform:translateY(0);
	}
}

.alt-grid-post-title{
	font-size: 20px;
	letter-spacing: 1px;
	margin: 0 0 10px;
}

