.boxed-layout{
	position:relative;
	text-align:center;
}

.boxed-layout > a,
.boxed-layout > a:hover{
	text-decoration:none;
}

.boxed-layout .image-description{
	display: flex;
    align-items: center;
    justify-content: center;
}

.boxed-layout:focus .image-description,
.boxed-layout > a:focus .image-description{
	opacity: 1;
    z-index: 999;
}

.image-widget-container.middle{
	position:relative;
}

.image-widget-container.middle h3.widget-title{
	position:absolute;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	margin:0px;
	padding:0;
	text-align:center;
}

.image-container{
	line-height:0;
}

.image-widget-container h3.widget-title{
	line-height:1.4;
}

.image-widget-normal{
	position:relative;
}

.image-widget-normal img{
	width:100%;
}

.image-description{
	text-align:center;
	margin-top:10px;
}

.image-widget-readmore{
	display:inline-block;
	margin-top:10px;
	padding:10px 35px;
	border:1px solid #cdcdcd;
}

.boxed-layout .image-description{
	margin:0px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	background:rgba(0,0,0,0.6);
}

.boxed-layout:hover .image-widget-normal h3{
	opacity:0;
}

.boxed-layout:hover .image-description {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 999;
}

.boxed-layout.image-widget-container.middle .image-description h3 {
    position: relative;
    width: 100%;
    transform:none;
	color:#fff;
	top:inherit;
}

.boxed-layout .image-description a{
	display:block;
	height:100%;
	color:#fff;
	padding:20px;
}

.boxed-layout .image-description a:hover{
	color:#fff;
}

.entry-content .image-description p{
	margin-bottom:0px !important;
}

.above-with-no-hover > a{
	text-decoration: none;
	display: block;
	margin-bottom: 20px;
}

.above-with-no-hover > a:hover{
	text-decoration: none;
}

.above-with-no-hover .image-container{
	text-align: center;
}