// Home 1
.recent-news-home_1 {
	.recent-news-container {
		article {
			position: relative;
			padding: 0 15px;
			.post-thumbnail {
				position: relative;
				overflow: hidden;
				.overlay-bg {
					z-index: 2;
					height: 200px;
					width: 100%;
					position: absolute;
					left: 0;
					bottom: 0px;
					background-color: @white;
					transform-origin: bottom;
				}
				.post-image{
					height: 450px;
					overflow: hidden;
					img{
						.transition(all 0.35s ease-in-out);
					}
					&:before{
						top: 0;
						left: 0;
						height: 100%;
						width: 100%;
						opacity: 0;
						content: '';
						position: absolute;
						background-color: fade(@black, 35%);
						.transition(all 0.35s ease-in-out);
						z-index: 1;
						.scale(0);
					}
					@media(min-width: 992px) and (max-width: 1199px){
							height: auto;
					}
					@media(max-width: 479px){
							height: auto;
					}
				}
				.post-meta {
					z-index: 2;
					text-transform: uppercase;
					text-align: center;
					width: 60px;
					height: 60px;
					position: absolute;
					top: 50%;
					left: 50%;
					.translateX(-50%);
					.transition(all 0.35s ease);
					&:before{
						top: 50%;
						left: 50%;
						.translate( -50%,-50%);
						content: '';
						position: absolute;
						width: 60px;
						height: 1px;
						background-color: @white;
						.transition(all 0.35s ease);
						z-index: 1;
					}
					&:after{
						top: 50%;
						left: 50%;
						.translate( -50%,-50%);
						content: '';
						position: absolute;
						height: 60px;
						width: 1px;
						background-color: @white;
						.transition(all 0.35s ease);
						z-index: 1;
					}
				}
			}
			.overlay-bg {

			}
			.post-content {
				z-index: 2;
				width: 90%;
				padding: 30px;
				background: @white;
				position:absolute;
				bottom: 0;
				right: 0;
				.entry-title {
					a{
						font-weight: 400;
						font-size: 20px;
						color: @secondary_color !important;
						.transition(all 0.35s ease);
						&:hover{
							color: @primary_color !important;
						}
						@media(max-width:479px){
							font-size: 18px;
						}
					}
					margin-top: 15px;
					margin-bottom: 10px;
					font-size: 16px;
					text-transform: uppercase;
					font-weight: bold;
				}
				.post-info {
					margin-bottom: 10px;
					color: @secondary_color;
					text-transform: uppercase;
					font-size: 12px;
					.post-author {
						margin-right: 10px;
					}
					i {
						color: @secondary_color;
						margin-right: 5px;
					}
					.post-count-comments{
						display: none;
					}
					span{
						padding-right: 10px;
					}
				}
				.post-excerpt{
					color: fade(@black, 75%);
				}
				.btn-readmore {
					text-transform: uppercase;
					position: relative;
					&:before {
						content: "//";
						font-family: Fontawesome;
						color:@primary_color;
						position: relative;
						left: 0;
						height: 100%;
						top: 0;
						opacity: 0;
						width: 10px;
						font-size: 14px;
						padding-right: 5px;
						line-height: 1;
						.transition( all 0.35s ease );
					}
					.span-text {
						margin-left: -13px;
						color: @secondary_color;
						font-weight: 700;
						.transition( all 0.35s ease );
					}
					&:hover{
						&:before{
							opacity: 1;
						}
						.span-text{
							font-style: italic;
							margin-left: 0;
							color: @primary_color;
						}
					}
				}
				@media(min-width: 992px) and (max-width: 1199px){
					width: 100%;
					position: relative;
				}
				@media(max-width: 479px){
					width: 100%;
					position: relative;
					padding: 15px;
				}
			}
			&:hover{
				.post-thumbnail{
					.post-image{
						img {
							/*.filter(grayscale(100%) blur(3px));
							.transform(scale(1.3));*/
						}
						&:before{
							.scale(1);
							opacity: 1;
						}
					}
					.post-meta{
						top: 15%;
					}
				}
			}
		}
	}
	.recent-news-control{
		.recent-news-nav{
			cursor: pointer;
			position: absolute;
		    top: 50%;
		    z-index: 99;
		    .translateY(-50%);
		    .box-shadow(1px 1px 1px 1px rgba(0, 0, 0, 0.1));
		    i{
		    	padding: 15px;
		    	background-color: @white;
		    }
		    &.nav_next{
		    	right: 0;
		    }
		     &.nav_prev{
		    	left: 0;
		    }
		}
	}
	
}

// Home 2
.recent-news-home_2 {
	.recent-news-container {
		article {
			box-sizing: border-box;
			margin: 15px 0;
			position: relative;
			border: 1px solid transparent;
			.post-thumbnail {
				position: relative;
				.post-image{
					position: relative;
					.transition( all 0.35s ease-in-out);
					&:before{
						content: '';
						position: absolute;
						background-color: fade(@black, 35%);
						width: 100%;
						height: 100%;
						top: 0;
						left: 0;
						opacity: 0;
						.transition( all 0.35s ease-in-out);
					}
					img{
						width: 100%;
					}
				}
				.post-content {
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					padding: 40px;
					overflow: hidden;
					.entry-title{
						margin: 10px 0 5px 0;
						font-size: 18px;
						text-transform: uppercase;
						color: @white;
						.translateX(-100%);
						.transition( all 0.35s ease-in-out);
						@media(max-width: 479px){
							font-size: 14px;
						}
					}
					.post-info{
						opacity: 0;
						font-size: 12px;
						text-transform: uppercase;
						color: @primary_color;
						.translateX(50%);
						.transition( all 0.45s ease-in-out);
						.post-category{
							display: inline-block;
							ul{
								list-style: none;
								padding: 0;
								display: inline-block;
								padding-right: 10px;
								position: relative;
								&:after{
									content: '/';
									position: absolute;
								    right: 0;
								    top: 0;
									font-size: 12px;
									color: @primary_color;
									display: inline-block;
								}
							}
						}
						.post-author{
							padding-left: 5px;
						}
					}
					.btn-readmore{
						i{
							opacity: 0;
							position: absolute;
						    left: 50%;
						    top: 70%;
    						.translate(-50%, 0%);
						    background-color: fade(@black, 35%);
						    height: 60px;
						    width: 60px;
						    border-radius: 100%;
						    line-height: 58px;
						    text-align: center;
						    color: @white;
						    font-size: 18px;
						    .transition( all 0.5s ease-in-out);
						    border: 1px solid transparent;
						    &:hover{
						    	color: @primary_color;
						    	border: 1px solid @primary_color;
						    	background-color: transparent;
						    }
						}
					}
					@media(max-width: 479px){
						padding: 20px;
					}
				}
			}
			&:hover {
				.post-thumbnail {
					border: 1px solid @border_color;
					.post-content {
						.entry-title,.post-info{
							.translateX(0);
							opacity: 1;
						}
						.btn-readmore{
							i{
								opacity: 1;
								top: 50%;
								.translate(-50%,-50%);
								@media(max-width: 479px){
									top: 70%;
								}
							}
						}
					}
					.post-image{
						.scale(0.95);
						&:before{
							opacity: 1;
						}
						img{
							//.scale(0.95);
						}
					}
				}
			}
		}
	}
}

// Home 3 Slick slider
.recent-news-home_3 {
	.recent-news-container {
		position: relative;
		.recent-news-control {
			.news-nav {
				position: absolute;
				top: 50%;
				.translateY(-50%);
				.box-shadow( 1px 1px 1px 1px rgba(0, 0, 0, 0.1) );
				&:hover {
					cursor: pointer;
				}
				&.nav-prev {
					float: left;
					margin-left: 25px;
				}
				&.nav-next {
					right: 0;
					float: right;
					margin-right: 25px;
				}
				i {
					padding: 15px;
					background: @white;
				}
			}
		}
		.slick-slider {
			.recent-news-item {
				position: relative;
				margin: 0 60px;
				text-align: center;
				background: @white;
				// width: 570px;
				&.slick-active{
					.post-information{
						opacity: 1;
					}
				}
				.post-thumbnail{
					position: relative;
					height: 535px;
					overflow: hidden;
					a{
						display: block;
						img{
							width: 100%;
							.transition(all 1.5s ease-in-out);
						}
					}
					@media (max-width:1199px){
						height: 375px;
					}
					@media(max-width:991px){
						height: 250px;
					}
					@media(max-width: 479px){
						height: 180px;
					}

				}
				.post-information {
					opacity: 0;
					position: absolute;
					width: 50%;
					top: 50%;
					left: 50%;
					.translate(-50%,-50%);
					padding: 20px 0 30px 0;
					background-color: fade(@white, 90%);
					.transition(all 0.35s ease-in-out);
					.post-title {
						a{	
							display: block;
							color: @text_color !important;
							font-weight: bold;
							&:hover{
								color: @primary_color !important;
								.transition( all 0.35s ease);
							}
						}
						font-size: 18px;
						margin-top: 20px;
						margin-bottom: 5px;
					}
					.post-excerpt{
						position: relative;
						&:before{
							position: absolute;
							top: -10px;
							width: 35%;
							content: '';
							height: 1px;
							background-color: @black;
							opacity: 0.3;
							left: 50%;
							.translate(-50%,0);
						}
					}
					.post-meta {
						color: @text_color;
						margin-bottom: 20px;
						text-transform: uppercase;
						.post-date{
							font-size: 12px;
							margin-right: 30px;
						}
						.post-count-comments {
							font-size: 12px;
						}
						i {
							margin-right: 5px;
						}
					}
					@media (max-width:1199px){
						width: 75%;
						padding-left: 10px;
						padding-right: 10px;
					}
					@media (max-width:479px){
						position: relative;
						width: 100%;
						padding-left: 10px;
						padding-right: 10px;
						left: 0;
						top: 0;
						.translate(0);
					}
				}
				&:hover{
					.post-thumbnail{
						a{
							img {
								.filter(blur(2px));
								.transform(scale(1.2));
							}
						}	
					}
				}
				@media (max-width:1919px){
					margin: 0 15px;
				}
				@media (max-width:767px){
					margin: 0;
				}
			}
		}
	}
}

// Home 4 Grid
.recent-news-home_4 {
	.recent-news-container {
		article {
			position: relative;
			padding: 0 15px;
			.post-thumbnail {
				position: relative;
				overflow: hidden;
				background-color: @border_color;
				.post-image{
					img{
						.transition(all 1s ease-in-out);
					}
					&:before{
						top: 0;
						left: 0;
						height: 100%;
						width: 100%;
						opacity: 0;
						content: '';
						position: absolute;
						background-color: fade(@black, 30%);
						.transition(all 0.5s ease-in-out);
						z-index: 1;
					}
				}
			}
			.post-content {
				z-index: 2;
				margin: 0 5%;
				background: @white;
				width: 90%;
				position:absolute;
				bottom: 10%;
				display: table;
				.transition(all 0.7s ease);
				.entry-title {
					display: table-cell;
					padding-left: 20px;
					width: 80%;
					a{
						color: @secondary_color;
						.transition(all 0.35s ease);
						&:hover{
							color: @primary_color !important;
						}
					}
					margin-top: 0;
					margin-bottom: 10px;
					font-size: 18px;
					vertical-align: middle;
				}
				.post-info {
					display: table-cell;
					width: 20%;
					padding: 15px 20px;
				    border-right: 1px solid @border_color;
				    text-align: center;
				    span{
				    	display: block;
				    	color: @secondary_color;
				    	text-transform: uppercase;
				    	&.post-day{
				    		font-size: 24px;
				    		font-weight: bold;
				    		line-height: 1;
				    		&:after{
				    			content: '-';
				    			padding-left: 5px;
				    		}
				    	}
				    }
				}
			}
			&:hover{
				.post-thumbnail{
					.post-image{
						img {
							.transform(scale(1.3) );
						}
						&:before{
							opacity: 1;
						}
					}
					.post-content{
						bottom: 50%;
						.translateY(50%);
					}
				}
			}
		}
	}
	.recent-news-control{
		.recent-news-nav{
			cursor: pointer;
			position: absolute;
		    top: 50%;
		    z-index: 99;
		    .translateY(-50%);
		    .box-shadow(1px 1px 1px 1px rgba(0, 0, 0, 0.1));
		    i{
		    	padding: 15px;
		    	background-color: @white;
		    }
		    &.nav_next{
		    	right: 0;
		    }
		     &.nav_prev{
		    	left: 0;
		    }
		}
	}
}

// Home 6
.recent-news-home_6 {
	.recent-news-container {
		article {
			padding: 0 15px;
			&:hover {
				.post-thumbnail {
					position: relative;
					overflow: hidden;
					&:before,&:after{
						opacity: 1;
						top: 0;
					}
					img {
						.scale(1);
					}
					.overlay-bg {
						left: 0;
						opacity: 0;
					}	
					a.btn-readmore{
						opacity: 1;
						.transform(translate(-50%,-50%) scale(1));
					}
				}
				.post-content {
					.entry-title {
					}
					.post-excerpt {
						&:before {
							background-color: @primary_color;
							width: 100%;
						}
					}
				}
			}
			.post-thumbnail {
				position: relative;
				max-height: 350px;
				overflow: hidden;
				&:before{
					width: 100%;
					height: 100%;
					z-index: 1;
					opacity: 0;
					content: '';
					position: absolute;
					top: -100%;
					left: 0;
					background-color: fade(@black, 20%);
					.transition(all 0.7s ease 0s);
				}
				&:after{
					width: 100%;
					height: 100%;
					z-index: 1;
					opacity: 0;
					content: '';
					position: absolute;
					top: 100%;
					left: 0;
					background-color: fade(@black, 20%);
					.transition(all 0.7s ease 0s);
				}
				img{
					.scale(1.3);
					width: 100%;
					.transition(all 1s ease 0s);
				}
				a.btn-readmore{
					z-index: 2;
					opacity: 0;
					position: absolute;
					top: 50%;
					left: 50%;
					.transition(all 0.5s ease-in-out);
					.transform(translate(-50%,-50%) scale(0));
					.span-text{
						display: block;
						background-color: @white;
						font-size: 16px;
						text-transform: uppercase;
						font-weight: bold;
						padding: 5px 20px;
						.transition(all 0.35s ease-in-out);
						color: @secondary_color;
						&:hover{
							color: @white;
							background-color: @primary_color;
						}
					}
				}
				.post-info {
					z-index: 2;
					position: absolute;
					bottom: 0;
					left: 0;
					color: @white;
					background-color: @primary_color;
					i {
						position: absolute;
						top: 0;
						left: 0;
						text-align: center;
						width: 25px;
						height: 25px;
						line-height: 25px;
						background-color: @secondary_color;
						margin-right: 10px;
						}
					span{
						position: relative;
						padding-left: 30px;
						padding-right: 10px;
						margin: 0;
						display: inline-block;
						background-color: @primary_color;
						height: 25px;
						line-height: 25px;
					}
				}
					
			}	
			.post-content {
				.post-excerpt {
						position: relative;
						padding-bottom: 25px;
						padding-top: 10px;
						margin-bottom: 15px;
						&:before {
							content: "";
							position: absolute;
							display: block;
							bottom: 0;
							width: 10%;
							height: 1px;
							background: @secondary_color;
							.transition(all 0.7s ease 0s);
						}
					}
				.category-content{
					a{
						font-size: 12px;
						font-weight: 700;
						color: @text_color !important;
						text-transform: uppercase;
						.transition(all 0.35s ease);
						&:hover{
							color: @primary_color !important;
						}
					}
				}
				.entry-title {
					font-weight: 700;
					margin-top: 30px;
					margin-bottom: 10px;
					text-transform: uppercase;
					a{
						color: @secondary_color !important;
						text-transform: uppercase;
						.transition(all 0.35s ease);
						&:hover{
							color: @primary_color !important;
						}
					}
				}	
			}
		}
	}
	.recent-news-control{
		.recent-news-nav{
			cursor: pointer;
			position: absolute;
		    top: 50%;
		    z-index: 99;
		    .translateY(-50%);
		    .box-shadow(1px 1px 1px 1px rgba(0, 0, 0, 0.1));
		    i{
		    	padding: 15px;
		    	background-color: @white;
		    }
		    &.nav_next{
		    	right: 0;
		    }
		     &.nav_prev{
		    	left: 0;
		    }
		}
	}
}