/* 
cii_home_feature_box.css
All new code for the 2-box feature area will appear below.

T4 Media ID: 551954
08 May, 2020.

*/


.overlay-wrapper {
	display: flex;
	position: absolute;
	flex-wrap: wrap;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.overlay-holder{
	position: relative;
	height: 50%;
	width: 50%;
}
.overlay-holder .post-entry-meta-hover{
	background: #1c6a9e;
}

.overlay-holder:nth-child(2) .post-entry-meta-hover{
	background: #3f4d66;
}
.overlay-holder:nth-child(3) .post-entry-meta-hover{
	background: #f5bf00;
}
.overlay-holder:nth-child(4) .post-entry-meta-hover{
	background: #93ce25;
}
.btm-auto{
	bottom: auto !important;
}
.articles-overlays .post-entry .post-entry-meta{
	padding: 30px;
}
.articles-overlays .post-entry:before,
.articles-overlays .post-entry:hover:before{
	opacity: 0;
}
.entry-title a{
	pointer-events: none;
}
.articles-overlays .post-entry .post-entry-meta-hover{
	transition: all 0.6s ease-in-out;
	height: 100%;
	transform: translate(0, 0);
	opacity: 0;
}

.articles-overlays .post-entry-overlay:hover > .post-entry-meta-hover{
	opacity: 1;
}

@media only screen and (max-width: 767px) {
	.articles-overlays .post-entry .post-entry-meta {
		padding: 6px;
	}
	.grid-articles .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 a{
		font-size: 13px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.articles-overlays .post-entry .post-entry-meta {
		padding: 10px;
	}
	.grid-articles .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 a{
		font-size: 16px;
	}
}