Williamson
Web Desginer
.our-team{
text-align:center;
}
.our-team .pic{
position: relative;
border-radius: 50%;
}
.our-team .pic img{
width: 100%;
height: auto;
border-radius: 50%;
}
.our-team .pic-bottom{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
transition:all 0.3s ease 0s;
}
.our-team .pic-bottom:after{
content: "\f002";
font-family: "Font Awesome 5 Free"; font-weight: 900;
position: relative;
top:45%;
left:0;
opacity: 0;
color:#fff;
font-size: 35px;
transition:all 0.3s ease 0s;
}
.our-team .pic:hover .pic-bottom{
background:#727cb6;
opacity: 0.9;
}
.our-team .pic:hover .pic-bottom:after{
opacity: 1;
}
.our-team .post-title{
font-size: 18px;
font-weight: 700;
line-height: 27px;
margin-bottom: 5px;
}
.our-team .post-title a{
color:#232a34;
transition: all 0.3s ease 0s;
}
.our-team .post-title a:hover{
color:#727cb6;
text-decoration: none;
}
.our-team .post{
margin-bottom: 10px;
display: block;
color:#727cb6;
font-size: 16px;
}
.our-team .team_social{
list-style: none;
padding: 0;
}
.our-team .team_social > li{
display: inline-block;
}
.our-team .team_social > li > a{
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
display: block;
color:#727cb6;
background: #efefef;
transition: all 0.3s ease 0s;
}
.our-team .team_social > li > a:hover{
background: #727cb6;
color:#fff;
}
@media screen and (max-width: 990px){
.our-team{
margin-bottom: 30px;
}
}