.grid-row {
	margin: 0;
}
/* Grid */
.grid {
	margin: 10px 0;
	padding-left: 0;
	padding-bottom: 17px;
	border-bottom: solid 1px #eee;
	@media screen and (max-width: 768px) {
			border-bottom: none;
		}
	&:nth-last-child(2) {
			border: none;
		}
	
	.featured-thumb {
		border-top: @site-color solid 3px;
		overflow: hidden;
		.transition(0.3s all ease);
		padding: 0;
		@media screen and (max-width: 768px) {
			img {
				width: 100%;
			}
		}
		img {
			.transition(0.4s all ease);
		}
		&:hover {
			img {
				.transition(0.4s all ease);
				-moz-filter: brightness(0.9);
				-webkit-filter: brightness(0.9);
				filter: brightness(0.9);
				
			}
		}
	}
	.out-thumb {
		@media screen and (max-width: 768px) {
			padding: 10px 3px;
		}
		h1 {
			margin: 5px 0;
			margin-top: 1px;
			font-weight: normal;
			font-size: 19px;
			a {
				color: darken(@link-color,25%); 
				padding-bottom: 2px;
				&:before {
					height: 1px;
					background: darken(@link-color,25%);
					width: 98%;
					left: 1%;
				}
			}
			
		}
		.postedon {
			font-size: 12px;
			color: #aaa;
			font-weight: lighter;
			margin-bottom: 5px;
			a {
				color: #999;
				text-decoration: underline;
				&:hover {
					color: @site-color;
				}
				
			}
		}
		.entry-excerpt {
			
			color: #777;
			line-height: 1.6em;
			font-weight:400;
		}
	}
	.readmore {
		display: block;
		clear: both;
		padding:3px;
		margin-top:8px;
		background: @site-color;
		border: 1px solid @site-color;
		text-align: center;
		font-weight: 400;
		a {
			color:@white;
			padding:6px 10px;
		}
		&:hover {
			background: @white;
			transition: 0.3s all ease;
			a {
				color: @site-color;
			}
		}
	}
}

.grid_2_column {
	padding: 0;
	border-bottom: none;
	.featured-thumb {
		.transition(0.3s all ease);
		overflow:hidden;
		img {
			&:hover {
				transform:scale(1.2);
			}
		}

	}
	.out-thumb {
		padding: 12px 0;
		
	}
	@media screen and (max-width: 768px) {
		padding-right: 0px;
	}
	
	@media screen and (min-width: 768px) {
		&:nth-child(even) {	
			padding-left: 10px;
		}
		&:nth-child(odd) {	
			padding-right: 10px;
			clear: left;
		}
	}
	
}

.grid_3_column {
	border-bottom: none;
	&:nth-child(3n+1) {
		clear: left !important;
	}
	.featured-thumb {
		.transition(0.3s all ease);
		overflow:hidden;
		img {
			&:hover {
				transform:scale(1.2);
			}
		}

	}
	.out-thumb {
		padding: 12px 0;

	}
	//@media screen and (max-width: 768px) {
	//	padding-right: 0px;
	//}

	//@media screen and (min-width: 768px) {
	//	&:nth-child(even) {
	//		padding-left: 10px;
	//	}
	//	&:nth-child(odd) {
	//		padding-right: 10px;
	//		clear: left;
	//	}
	//}

}
