/********************************************************************/
/*                   Author: Elysitek LLC                           */
/*                   Owner: Cooper | Tierney                        */
/*                 Copyright 2025 Creative Commons                  */
/*             Attribution-NonCommercial-NoDerivatives              */
/*                     4.0 International License.                   */
/********************************************************************/
/********************************************************************/
/*                   Author: Elysitek LLC                           */
/*                   Owner: Cooper | Tierney                        */
/*                 Copyright 2025 Creative Commons                  */
/*             Attribution-NonCommercial-NoDerivatives              */
/*                     4.0 International License.                   */
/********************************************************************/
.animate__delay-half-s {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

#team-home {
  margin-top: 100px;
  background-color: #fff;
  min-height: 80vh;
}

.team-image {
  height: 60vh;
  margin-top: 10vh;
}

.team-image-wrapper {
  background-color: #acaca4;
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.team-image-wrapper > img {
  height: 80%;
  margin-left: 40px;
}

.team-overview-panel {
  background-color: #344b5b;
  color: #fff;
  padding: 40px 20px;
  margin-left: -40px;
}

@media only screen and (max-width: 375px) {
  .team-image-wrapper > img {
    height: auto;
    margin-left: 0;
  }
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #team-home {
    margin-top: 68px;
    min-height: fit-content;
  }
  .team-image-wrapper {
    height: 300px;
    justify-content: center;
  }
  .team-overview-panel {
    margin-left: 0px;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  #team-home {
    margin-top: 68px;
    min-height: fit-content;
  }
  .team-image-wrapper {
    height: 300px;
  }
  .team-image-wrapper {
    justify-content: center;
  }
  .team-overview-panel {
    margin-left: 0px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #team-home {
    margin-top: 68px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  #team-home {
    margin-top: 80px;
  }
  .team-image-wrapper {
    height: 320px;
  }
}
@media only screen and (min-width: 1100px) {
  #team-home {
    margin-top: 87px;
  }
  .team-image-wrapper {
    min-height: 40vh;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .team-image-wrapper {
    height: 80vh;
    justify-content: left;
  }
  .team-overview-panel {
    margin-left: -40px;
  }
  .team-image-wrapper > img {
    height: 80%;
  }
}
@media only screen and (min-width: 1295px) {
  #team-home {
    margin-top: 87px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1500px) {
  .team-image-wrapper > img {
    height: 80%;
  }
}
@media only screen and (min-width: 1800px) {
  .team-overview-panel {
    margin-left: -40px;
  }
}
@media only screen and (min-width: 1940px) {
  .team-overview-panel {
    margin-left: -40px;
  }
}
@media only screen and (min-width: 2300px) {
  .team-overview-panel {
    margin-left: -40px;
  }
}

/*# sourceMappingURL=team-home.css.map */