/*------------------------------------------------------------------------
# mod_ol_team6 Extension
# ------------------------------------------------------------------------
# author    olwebdesign
# copyright Copyright (C) 2019 olwebdesign.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.olwebdesign.com
-------------------------------------------------------------------------*/
.ol-team {
 -webkit-transition:all .2s;
 -ms-transition:all .2s;
 transition:all .2s;
 position:relative
}
.ol-team * {
 -webkit-transition:all .2s;
 -ms-transition:all .2s;
 transition:all .2s
}
.ol-team .ol-name a {
 -webkit-transition:all .2s;
 -ms-transition:all .2s;
 transition:all .2s
}
.ol-team .ol-content {
 -webkit-transition:all .2s;
 -ms-transition:all .2s;
 transition:all .2s;
 position:relative
}

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

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

.ol-team.style-8 .btn {
 position:absolute;
 bottom:-60px;
 left:10px;
 right:10px;
 z-index:1;
 opacity:0
}
.ol-team.style-8 .ol-name {
 font-size:20px;
 margin-bottom:5px
}
.ol-team.style-8 .ol-position {
 font-size:14px;
 font-weight:500;
 color:#ED6400
}
.ol-team.style-8 .ol-content {
 background-color:#fff;
 padding:30px 20px 0 20px;
 text-align:center;
 border-radius:15px 15px 0 0
}

.ol-team.style-8 .ol-social {
 display:flex;
 justify-content:center;
 transform:translateY(-20px);
 position:relative;
 z-index:2
}

.ol-team.style-8  ul.ol-social{
 padding: 0;
margin: 0;
}

.ol-team.style-8 li {
  list-style: none;
  padding: 0;
margin: 0;
}
.ol-team.style-8 .ol-social a {
 color:#30266D;
 height:40px;
 width:40px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:50%
}
.ol-team.style-8 .ol-social a.facebook:hover {
 color:#0d91f5;
 background-color:#e5f4ff
}
.ol-team.style-8 .ol-social a.linkedin:hover {
 color:#0b65c3;
 background-color:#e2f0ff
}
.ol-team.style-8 .ol-social a.instagram:hover {
 color:#b439e7;
 background-color:#f8e8ff
}
.ol-team.style-8 .ol-social a.x-twitter:hover {
 color:#000;
 background-color:#ededed
}
.ol-team.style-8 .ol-social a.envelope:hover {
 color:#ed0000;
 background-color:#ffe8e8
}
@media only screen and (max-width:767px) {
 .ol-team.style-8 .btn {
  font-size:14px
 }
 .ol-team.style-8 .ol-content {
  padding:30px 15px 15px 15px
 }
}
.ol-team.style-8.active,
.ol-team.style-8:hover {
 border:2px solid #ED6400
}
.ol-team.style-8.active .btn,
.ol-team.style-8:hover .btn {
 bottom:70px;
  background-color: rgba(255, 255, 255, 0.85);
 opacity:1
}
.ol-team.style-8.active .ol-name a,
.ol-team.style-8:hover .ol-name a {
 color:#30266D
}