#wbpblogposts .anim-all-200 {
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;
}

    #wbpblogposts .blog-post {
        margin-bottom:10px;
    }

	#wbpblogposts .post-image {
		width:100%;
		height:211px;
		overflow:hidden;
		position:relative;
		background-size: cover;
		background-position: 50% 50%;
	}
	
	#wbpblogposts .post-image img {
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
	}
	
	#wbpblogposts .post-image:hover img {
		height:110%;
		width:110%;
		left:-5px;
		top:-5%;
	}
	
	#wbpblogposts .post-image:hover .overlay {
		background-color:rgba(255,255,255,0);
	}
	
	#wbpblogposts .post-image:hover .post-image-link { opacity:1; }
	#wbpblogposts .post-image:hover .post-outbound { background-color:rgba(0,0,0,0.7); }
	
	#wbpblogposts .overlay {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background-color:rgba(255,255,255,0.2);
	}
	
	#wbpblogposts .post-image-link {
		position:absolute;
		left:50%;
		top:50%;
		width:60px;
		height:60px;
		margin:-30px 0 0 -30px;
		display:block;
		color:#fff;
		font-size:30px;
		border-radius:35px;
		text-align:center;
		line-height:55px;
		opacity:0;
		border:4px solid #fff;
        text-decoration:none;
	}
	
	#wbpblogposts .post-outbound { 
		position:absolute;
		left:0;
		bottom:0;
		height:40px;
		background-color:rgba(0,0,0,0.5);
		color:#fff;
		width:100%;
		padding-top:10px;
	}

	#wbpblogposts .post-outbound .post-title {
        padding:0px 10px;
        display:block;
    }

	#wbpblogposts .post-outbound .post-title a {
		font-size:16px;
		color:#fff;
		text-decoration:none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
	}

	#wbpblogposts .post-link { text-align:right; }

	#wbpblogposts .post-link a {
		color:#fff;
		display: none;
	}
	
	@media (max-width: 767px) {
		#wbpblogposts .post-image {
			width:100%;
			overflow:hidden;
			position:relative;
		}
		
		#wbpblogposts .post-image img {
			position:relative;
			width:100%;
			height:auto;
		}
	}
	
/* for the left column */
#wbpblogposts.left-column .blog-post { margin-bottom:10px; }
#wbpblogposts.left-column .post-outbound {
	height:60px;
}

	#wbpblogposts.left-column .post-outbound span a {
		white-space: normal;
	}

#wbpblogposts.left-column .post-image { height:120px; }
#wbpblogposts.left-column .post-outbound .post-title { display:block; }
#wbpblogposts.left-column .post-outbound .post-title a { font-size:14px; }

#wbpblogposts.left-column .post-image-link {
	left: 50%;
	top: 50%;
	width: 40px !important;
	height: 40px !important;
	margin: -45px 0 0 -20px;
	font-size: 26px;
	border-radius: 20px !important;
	line-height: 38px;
	border: 2px solid #fff;
}