/*------------------------------------------------------------------------
# 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 {
  --color55-base: #ff3c00;
  --white: #ffffff;
  --black: #121c27;
  --border: #0000001a;
  --transition: all 0.3s;
  --shadow: 0px 4px 30px 0px #0000000d;
}

.single_team55 .mos-img img {display: none !important;}
.single_team55 {
 -webkit-transition:all .2s;
 -ms-transition:all .2s;
 transition:all .2s;
 position:relative
}
.single_team55 * {
 -webkit-transition:all .2s;
 -ms-transition:all .2s;
 transition:all .2s
}
.single_team55 .mx-name a {
 -webkit-transition:all .2s;
 -ms-transition:all .2s;
 transition:all .2s
}
.single_team55 .mx-content {
 -webkit-transition:all .2s;
 -ms-transition:all .2s;
 transition:all .2s;
 position:relative
}

.single_team55 {
 border-radius:15px;
 border:2px solid #fff;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05)
}
.single_team55 .mx-media {
 background-color:#fff;
 overflow:hidden;
 position:relative;
 z-index:2;
 border-radius:0 0 15px 15px
}
.single_team55 .mx-media::after {
 content:"";
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:33%;
 background:linear-gradient(180deg,rgba(255,255,255,0),#fff 54.5%)
}

.single_team55 .mx-media::before {
 content:"";
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:30%;
 background:linear-gradient(180deg,#fff,rgba(255,255,255,0) 50.5%)
}

.single_team55 .mxtbtn {
 position:absolute;
 bottom:-10px;
 left:10px;
 right:10px;
 text-align: center;
 padding: 15px;
 border-radius:10px;
 z-index:1;
 opacity:0
}
.single_team55 .mx-name {
 font-size:20px;
 margin-bottom:5px
}
.single_team55 .mx-position {
 font-size:14px;
 font-weight:500;
 color:var(--color55-base)
}
.single_team55 .mx-content {
 background-color:#fff;
 padding:25px 20px 10px 20px;
 text-align:center;
 border-radius:15px 15px 0 0
}

.single_team55 .mx-social {
 display:flex;
 justify-content:center;
 transform:translateY(-20px);
 position:relative;
 z-index:2
}

.single_team55  ul.mx-social{
padding: 0;
margin: 0;
margin-top: 20px;
opacity: 1;
}

.single_team55 li {
  list-style: none;
  padding: 0;
margin: 0;
}
.single_team55 .mx-social a {
 color:#30266D;
 height:40px;
 width:40px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:50%
}
.single_team55 .mx-social a:hover {
 color:#fafafa;
 background-color:var(--color55-base)
}

@media only screen and (max-width:767px) {
 .single_team55 .mxtbtn {
  font-size:14px
 }
 .single_team55 .mx-content {
  padding:30px 15px 15px 15px
 }
}
.single_team55.active,
.single_team55:hover {
 border:2px solid var(--color55-base)
}
.single_team55.active .mxtbtn,
.single_team55:hover .mxtbtn {
 bottom:80px;
  color: #fff;
  background-color: var(--color55-base);
 opacity:1
}
.single_team55.active .mx-name a,
.single_team55:hover .mx-name a {
 color:#30266D
}
.single_team55 .th-btn {
 z-index:2;
 vertical-align:middle;
 display:inline-block;
 border:none;
 text-transform:capitalize;
 text-align:center;
 background-color:rgba(255, 255, 255, 0.91);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
 color:var(--black);
 font-size:15px;
 font-weight:400;
 line-height:1;
 padding:12px 22px;
 border-radius:30px;
 margin-top: 10px;
 -webkit-perspective:320px;
 perspective:320px
}
.single_team55 .th-btn span {
 margin-left: 5px;
}

.single_team55 .th-btn:before {
 content:"";
 position:absolute;
 height:0;
 top:50%;
 right:0;
 width:0;
 background-color:var(--black);
 z-index:-1;
 -webkit-transition:all 0.4s ease-in-out;
 transition:all 0.4s ease-in-out;
 border-radius:inherit;
 -webkit-transform-origin:top center;
 -ms-transform-origin:top center;
 transform-origin:top center
}
.single_team55 .th-btn i {
 font-size:1em
}
.single_team55 .th-btn:hover,
.single_team55 .th-btn.active {
 color:var(--white);
 box-shadow:none
}
.single_team55 .th-btn:hover::before,
.single_team55 .th-btn:hover:after,
.single_team55 .th-btn.active::before,
.single_team55 .th-btn.active:after {
 top:0;
 height:100%;
 width:100%;
 right:unset;
 left:0
}

.mxt-arrow-svg-top-right {
  fill: currentColor;
  stroke: none;
}
.single_team55 .field-label {
  display: none !important;
}

.single_team55 ul {
  padding-left: 0rem;
  margin-bottom: 0rem;
}

.single_team55 ul li, .single_team55 ul li a {
  list-style: none;
  color: var(--white);
 position:relative;
 display:inline-block;
  }