/*------------------------------------------------------------------------
# mod_mx_team Extension
# ------------------------------------------------------------------------
# author    mixwebtemplates
# copyright Copyright (C) 2020 mixwebtemplates.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.mixwebtemplates.com
-------------------------------------------------------------------------*/
.mos-img img {display: none !important;}

.team {
width: 100%;
display: inline-block;
border: 1px solid #f1f1f1;
border-radius: 6px;
-webkit-box-shadow:1px 2px 10px -2px rgba(0,0,0,0.1);
box-shadow:1px 2px 10px -2px rgba(0,0,0,0.1);
}
.team::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;}
.team .item {
padding: 0;
background: #fff;
position: relative;
width: 100%;
height: 400px;
border-radius: 6px;
overflow: hidden;
display: inline-block;
text-align: center; }

.team .item:hover .item_img::before {
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 0; }
.team .item .mos-img{ padding: 1px 5%; }
.team .item:hover .mos-img, .team .item:hover p, .team .item:hover h4 {
color: #fff;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.76); }

.team .item .item_img {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
overflow: hidden; }
.team .item .item_img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top; }
.team .item .item_img::before {
content: '';
position: absolute;
z-index: 1;
width: 150px;
height: 150px;
top: 40px;
left: calc(50% - 75px);
border-radius: 50%;
box-shadow: 0 0 0 500px #fff;
transition: border-radius 0.4s, width 0.4s, height 0.4s, top 0.4s, left 0.4s; }
.team .item .item_content {
position: absolute;
z-index: 1;
bottom: 10px;
width: 100%; }

.team .color_white {
color: #fff !important; }

.team .social {
 list-style:none;
 display:block;
 padding:0;
 margin:0;
 background-color:transparent;
}
.team .social > li {
 padding:0px;
 display:inline-block;
}
.team .social > li > a {
 background-color:#ff8724;
 width:40px;
 height:40px;
 text-align:center;
 line-height:40px;
 display:inline-block;
 padding:0px;
 color:#fff;
 border-radius:100%;
}
.team .social > li > a:hover {
 color:#fff;
 background-color:#1e1e1e;
}  
.more_info{
	margin-top: 13px;
}
.more_info a{
	color: #222;
	background: #fff;
	padding: 8px 12px;
}
.more_info a:hover, .more_info a:focus{   
    background: -webkit-gradient(linear, left bottom, left top, from(#333), to(#111));
    background: -webkit-linear-gradient(bottom, #333 0%, #111 100%);
    background:         linear-gradient(0deg, #333 0%, #111 100%);
    border: 1px solid #111;
    color: #fff;
}