/*------------------------------------------------------------------------
# mod_mx_team Extension
# ------------------------------------------------------------------------
# author    mixwebtemplates
# copyright Copyright (C) 2019 mixwebtemplates.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.mixwebtemplates.com
-------------------------------------------------------------------------*/
:root {
 --themx-color: #E81C2E;
 --title-color: #161921;
 --smoke-color: #F5F5F5;
 --black-color: #000000;
 --white-color: #ffffff;
}
.mos-img img {display: none !important;}
.team-mxbox {
 --space: 40px
}
.team-mxbox p, .team-mxbox .mos-img {
  margin-bottom: 0rem;
  margin-top: 1rem;
  color: #444;
} 
.team-mxbox .team-img {
 position:relative;
 overflow:hidden
}
.team-mxbox .team-img img {
 width:100%;
 -webkit-transition:0.4s ease-in-out;
 transition:0.4s ease-in-out
}
.team-mxbox .team-content {
 background-color:var(--white-color);
 position:absolute;
 bottom:0;
 left:var(--space);
 width:calc(100% - var(--space)*2);
 text-align:center;
 padding:30px 15px 30px 15px
}
.team-mxbox .team-title {
 font-size:24px;
 margin-bottom:0;
 color: #333;
 margin-top:-0.24em
}
.team-mxbox .team-title a {
 color:inherit
}
.team-mxbox .team-title a:hover {
 color:var(--themx-color)
}
.team-mxbox .team-desig {
 color:var(--themx-color);
 display:block;
 margin-bottom:-0.5em
}
.team-mxbox .as-social {
 background-color:var(--title-color);
 border-top:1px solid #F0F0F0;
 box-shadow:0px 4px 20px rgba(0,0,0,0.05);
 padding:30px 15px 30px 15px;
 text-align:center;
 width:calc(100% - var(--space)*2);
 margin-left:var(--space);
 position:relative;
 z-index:2
}
.team-mxbox .as-social::before {
 content:"";
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 background-color:var(--white-color);
 z-index:-1;
 -webkit-transition:0.4s ease-in-out;
 transition:0.4s ease-in-out
}
.team-mxbox .as-social a {
 border-radius:50%
}
.team-mxbox:hover .team-img img {
 -webkit-transform:scale(1.1);
 -ms-transform:scale(1.1);
 transform:scale(1.1)
}
.team-mxbox:hover .as-social:before {
 height:0
}
.team-mxbox:hover .as-social a {
 background-color:#252934;
 color:var(--white-color)
}
.team-mxbox:hover .as-social a:hover {
 background-color:var(--themx-color)
}
.as-social {
 --icon-size: 40px
}
.as-social a {
 display:inline-block;
 width:var(--icon-size);
 height:40px;
 line-height:var(--icon-size);
 background-color:var(--smoke-color);
 color:var(--body-color);
 font-size:14px;
 text-align:center;
 margin-right:5px
}
.as-social a:last-child {
 margin-right:0
}
.as-social a:hover {
 background-color:var(--theme-color);
 color:var(--white-color)
}
@media (max-width: 1199px) {
 .team-mxbox {
  --space: 20px
 }
}
.team-items .team-mxbox ul{margin:0;list-style-type:none;text-align:center;padding:1px 0 0}
.team-items .team-mxbox ul li{display:inline-block;margin-bottom:0px;margin-right:2px}
.team-items .team-mxbox dl, .team-items .team-mxbox dd{margin-bottom: 0px;}