/* ======================================================================================================================================================
Team Member
====================================================================================================================================================== */
.avia-team-member {
  margin: 30px 0;
  clear: both;
}

.avia-team-member.avia-builder-el-no-sibling {
  margin: 0;
}

.team-member-name {
  margin-top: 7px;
  font-size: 1.55em;
}

.team-member-job-title {
  margin-top: -7px;
  font-size: 1em;
}

.team-social a {
  text-decoration: none;
  position: relative;
  border-radius: 30px;
  padding: 0 16px;
  background: #fff;
  margin: 3px;
  display: inline-block;
  height: 53px;
  line-height: 54px;
  width: 53px;
}

.team-social a.avia-svg-icon svg:first-child {
  margin-top: 16px;
  margin-bottom: -1px;
}

.team-img-container {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 10px;
  aspect-ratio: 1;
}

.team-img-container img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  aspect-ratio: 1;
}

.avia-team-member .team-image-hover {
  opacity: 1;
  transition: opacity 2s cubic-bezier(0.3, 1, 0.3, 1);
}

.avia-team-member a:hover .team-image-hover {
  opacity: 0;
}

.team-img-container img.av-team-img-original {
  width: auto;
  max-width: 100%;
}

.avia-team-member .team-social {
  border: 7px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  font-size: 19px;
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  border-radius: 3px;
}

.team-social-inner {
  width: 100%;
  padding: 0 5%;
  position: absolute;
  top: 50%;
  margin-top: -26px;
  left: 0;
}

.team-img-container:hover .team-social {
  visibility: visible;
  opacity: 1;
}

.avia-team-member .plus-google:hover {
  color: #de5a49;
}

.avia-team-member .rss:hover {
  color: #ffa133;
}

.avia-team-member .facebook:hover {
  color: #37589b;
}

.avia-team-member .twitter:hover {
  color: #46d4fe;
}

.avia-team-member .mail:hover {
  color: #9fae37;
}

.avia-team-member .dribbble:hover {
  color: #e44885;
}

.avia-team-member .linkedin:hover {
  color: #419cca;
}

.avia-team-member .search:hover {
  color: #222222;
}

.avia-team-member .behance:hover {
  color: #008cfa;
}

.avia-team-member .flickr:hover {
  color: #ff0086;
}

.avia-team-member .forrst:hover {
  color: #234317;
}

.avia-team-member .myspace:hover {
  color: #000000;
}

.avia-team-member .tumblr:hover {
  color: #345574;
}

.avia-team-member .vimeo:hover {
  color: #31baff;
}

.avia-team-member .youtube:hover {
  color: #a72b1d;
}

.avia-team-member .pinterest:hover {
  color: #cb2027;
}

.avia-team-member .skype:hover {
  color: #12a5f4;
}

.avia-team-member .five_100_px:hover {
  color: #222222;
}

.avia-team-member .soundcloud:hover {
  color: #F76700;
}

.avia-team-member .xing:hover {
  color: #006567;
}

.avia-team-member .reddit:hover a {
  color: #FF4500;
}

/*mobile from super small to tablet*/
@media only screen and (max-width: 989px) {
  .responsive.av-no-preview .team-social a {
    padding: 0 8px;
    background: #fff;
    margin: 3px;
    margin-top: 11px;
    display: inline-block;
    height: 33px;
    line-height: 32px;
    width: 33px;
    border-style: solid;
    border-width: 1px;
  }
  .responsive.av-no-preview #top .avia-team-member .team-img-container img {
    position: relative;
    z-index: 3;
  }
  .responsive.av-no-preview #top .avia-team-member .team-social {
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    font-size: 20px;
    background: #FFF;
    background: rgba(0, 0, 0, 0.03);
    opacity: 1;
    visibility: visible;
    top: auto;
    left: 0;
    right: 0;
    bottom: 5px;
    height: 60px;
    text-align: center;
    border-radius: 3px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    font-size: 15px;
    z-index: 1;
  }
}