* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.lib-authors{
	width:48%;
	position:relative;
	margin-bottom:30px;
}
.lib-authors img{
	width:100%;
	height:260px;
	object-fit: cover; 
}
.lib-authors:hover img{
	opacity:0.3;
}

.lib-authors .kode-caption{
	padding:20px;
	position:absolute;
	left:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.8);
	text-align:center;
	width:100%;
	z-index: 100;
}
.lib-authors:hover .kode-caption{
	bottom:-90px;
	background-color:rgba(0,0,0,1);
}
.lib-authors .kode-caption h4{
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
}
.lib-authors .kode-caption p{
	color:#fff;
	text-transform:uppercase;
	margin:0px;
}

.lib-authors .social-icons{
	width:260px;
	position:absolute;
	left:0px;
	right:0px;
	margin:auto;
	z-index:10;
	visibility:hidden;
	opacity:0;
	top:0px;
}
.lib-authors .social-icons:before{
	content:"";
	width:1px;
	background-color:#000;
	position:absolute;
	height:30%;
	left:0px;
	right:0px;
	margin:auto;
}
.lib-authors:hover .social-icons{
	visibility:visible;
	opacity:1;
	top:50%;
	margin-top: -25%;
}
.lib-authors .social-icons ul{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}
.lib-authors .social-icons ul li{
	float:left;
	margin-top:10px;
}
.lib-authors .social-icons ul li:first-child{
	margin:0px;
}
.lib-authors .social-icons ul li a{
	width:260px;
	background-color:#340c70;
	border-radius:20px;
	color:#fff;
	line-height:28px;
	text-align:justify;
	display:block;
	font-size:14px;
	text-align:center;
	padding:20px;
}
/*
=============================================
			HEADING STYLE