.node-team {
  .field-collection-container {
    .field-items {
      .field-item {
        margin-bottom: 10px;
        display: inline-block;
        width: 10%;
        .fa {
          font-size: 17px;
          color: #333;
          &:hover {
            color: @base_color;
          }
        }
      }
    }
    .field-collection-view {
      padding: 0;
      margin: 0;
      border-bottom: none;
      .content {
        line-height: 42px;
      }
    }
  }
  .portfolio-text {
    text-align: center;
    .name {
      font-weight: 500;
      font-size: 14px;
      text-transform: uppercase;
      line-height: normal;
      margin-bottom: 0px;
      margin-top: 20px;
      color: #141414;
      a {
        color: #141414;
      }
    }
    .team-position {
      a {
        font-size: 14px;
        font-style: italic;
        font-family: "Crimson Text";
        color: #6F6F6F;
      }
    }
  }
}
.field-collection-container {
  border: none;
  margin: 0;
}
.team-imagewrapper {
  &:hover {
    .team-style6 {
      .portfolio-inner {
        background-color: #141414;
        .transition(all, 0.1s, ease-in-out);
      }
      .portfolio-tools {
        opacity: 0;
      }
    }
    .team-social {
      bottom: 0;
      .transition(all, 0.4s, ease-in-out);
    }
  }
}
.team-social {
  //background-color: #141414;
  position: absolute;
  overflow: hidden;
  height: 85px;
  width: 100%;
  bottom: -100%;
  a {
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0% 0%;
    height: 42px;
    width: 42px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    .fa {
      color: #fff !important;
    }
    &:hover {
      background-color: @base_color;
    }
  }
  .field-collection-container {
    .field-collection-view {
      .content {
        line-height: 85px !important;
      }
    }
  }
  .field-item {
    width: 48px !important;
  }
}
.team-style6 {
  .portfolio-inner {
    position: relative;
    overflow: hidden;
    height: 85px;
    background-color: @base_color;
    width: 100%;
    h6.name {
      margin: 0px !important;
      line-height: normal;
    }
    .team-position {
      font-style: italic;
      font-family: "Crimson Text", serif;
      .field-item {
        display: inline-block;
      }
    }
  }
}
.our-team-style4 {
  .portfolio-images {
    .field-item {
      position: relative;
      &::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        .transition(all, 0.4s, ease);
        background: rgba(209, 209, 209, 0.5) none repeat scroll 0% 0%;
      }
    }
    &:hover {
      .field-item::before {
        background: transparent;
      }
    }
  }
}
.our-team-style2 {
  .portfolio-images {
    .field-item {
      position: relative;
      &::before {
        background: #141414 none repeat scroll 0% 0%;
        content: " ";
        height: 100%;
        opacity: 0.3;
        position: absolute;
        width: 100%;
        .transition(all, 0.2s, ease-in-out);
      }
    }
    &:hover {
      .field-item::before {
        background: transparent;
        opacity: 1;
      }
    }
  }
}
.group-team-col-left {
  img {
    width: 100% !important;
    height: auto !important;
  }
}
.group-team-col-right {
  .field-collection-container {
    .field-items {
      .field-item {
        width: 100% !important;
        margin: 0 !important;
        display: block !important;
      }
    }
  }
}
.bx-wrapper {
  img {
    //width: 100%;
  }
}
.view-team {
  .bx-controls {
    .bx-controls-direction {
      a {
        top: 50%;
        right: 0% !important;
        // left: auto !important;
        opacity: 0.3;
        &.bx-prev {
          margin-right: 5px !important;
          @media(min-width: 1170px) {
            left: -6% !important;
          }
        }
        &.bx-next {
          margin-left: 5px !important;
          right: 10px !important;
          @media(min-width: 1170px) {
            right: -6% !important;
          }
        }
        &:hover {
          opacity: 1;
          color: @base_color;
        }
      }
    }
  }
}