// main: ../main.scss
/*--------------------------------------------------------------
# Team Section
--------------------------------------------------------------*/
.team {
  .person {
    position: relative;

    figure {
      margin-bottom: 0;
      padding-bottom: 0;
      position: relative;
      overflow: hidden;
      margin-bottom: 30px;
    }

    img {
      transition: .3s all ease;
    }

    .person-contents {
      text-align: center;

      h3 {
        color: var(--heading-color);
        font-size: 24px;
      }

      .position {
        color: var(--accent-color);
      }
    }

    &:hover {
      img {
        transform: scale(1.05);
      }
    }

    .social {
      position: absolute;
      bottom: 10px;
      left: 10px;
      z-index: 2;

      a {
        display: block;
        margin-bottom: 10px;
        width: 40px;
        height: 40px;
        background: var(--contrast-color);
        position: relative;

        >span {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }

        &:hover {
          background: var(--accent-color);
          color: var(--contrast-color);
        }
      }
    }
  }
}