#blog-entries {
	padding-bottom: 0;
}

.blog-entry.post {
	position: relative;

	.thumbnail {
		position: relative;

		a {
			display: inline-block;
			position: relative;
			width: 100%;
		}

		.overlay {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    background-color: rgba(0, 0, 0, 0.2);
			@include opacity( 0 );
		    text-align: center;
		    @include transition( all .3s ease );
	    }

		&:hover .overlay {
			@include opacity( 1 );
		}

		img {
			width: 100%;
		}
	}

	ul.meta {
		margin: 0 0 12px;
	}

	.blog-entry-header {
		margin-bottom: 20px;

		.entry-title {
			font-size: 24px;
			margin: 0;

			a {
				font-weight: 600;
			    letter-spacing: 0.6px;
			}
		}
	}

	.blog-entry-summary {
		margin-bottom: 20px;

		p:last-child {
			margin-bottom: 0;
		}
	}
}

// Caption
.thumbnail-caption {
    font-size: 13px;
	margin-top: 0.5em;
    text-align: center;
}