/*breakpoints*/
.teammember .position, .teammember .phone, .teammember .mail {
  display: block;
}
@media screen and (max-width: 767.98px) {
  .teampage .teamcategory__tabs {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 0.25rem;
  }
}
.teampage .teamcategory__tabs::-webkit-scrollbar {
  display: none;
}
.teampage .teamcategory__tabs .nav-item {
  position: relative;
  margin-right: 2rem;
}
@media screen and (max-width: 767.98px) {
  .teampage .teamcategory__tabs .nav-item {
    flex: 0 0 auto;
  }
}
.teampage .teamcategory__tabs .nav-link {
  background-color: transparent;
  color: #000000;
  padding: 0;
  font-weight: 500;
  transition: var(--transition-default);
}
@media screen and (max-width: 767.98px) {
  .teampage .teamcategory__tabs .nav-link {
    white-space: nowrap;
  }
}
.teampage .teamcategory__tabs .nav-link:hover {
  color: #00862F;
}
.teampage .teamcategory__tabs .nav-link.active {
  color: #00862F;
}
.teampage .teamcategory__tabs .nav-link.active::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: -0.5rem;
  left: 0;
  background-color: #00862F;
  transform: scaleX(1);
  transition: var(--transition-default);
}
@media screen and (max-width: 1199.98px) {
  .teampage .teamcategory__tabs .nav-link.active::before {
    bottom: -0.3rem;
  }
}
@media screen and (max-width: 991.98px) {
  .teampage .teamcategory__tabs .nav-link.active::before {
    bottom: -0.2rem;
  }
}
.teampage .team__area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1199.98px) {
  .teampage .team__area--image {
    flex: 0 1 auto;
    width: calc(13% - 24px);
  }
}
@media screen and (max-width: 991.98px) {
  .teampage .team__area--image {
    flex: 0 1 auto;
    width: calc(20% - 24px);
  }
}
@media screen and (max-width: 767.98px) {
  .teampage .team__area--image {
    flex: 0 1 auto;
    width: calc(30% - 24px);
  }
}
.teampage .team__area--member {
  flex: 0 1 auto;
  width: calc(35% - 24px);
}
@media screen and (max-width: 1199.98px) {
  .teampage .team__area--member {
    flex: 0 1 auto;
    width: calc(32% - 24px);
  }
}
.teampage .team__area--position {
  flex: 0 1 auto;
  width: calc(40% - 24px);
}
@media screen and (max-width: 1199.98px) {
  .teampage .team__area--position {
    flex: 0 1 auto;
    width: calc(30% - 24px);
  }
}
.teampage .team__area--position .member__position {
  font-size: 1rem;
  color: #999999;
  font-weight: 500;
  display: block;
}
@media screen and (max-width: 1199.98px) {
  .teampage .team__area--position .member__position {
    line-height: 1.4rem;
  }
}
@media screen and (max-width: 991.98px) {
  .teampage .team__area--position .member__position {
    margin-bottom: 0.7rem;
  }
}
@media screen and (max-width: 767.98px) {
  .teampage .team__area--position .member__position {
    font-size: 0.938rem;
    line-height: 1.2rem;
  }
}
.teampage .team__area--contact {
  flex: 0 1 auto;
  width: calc(25% - 24px);
  display: flex;
  gap: 0.75rem;
}
@media screen and (max-width: 1199.98px) {
  .teampage .team__area--contact {
    flex: 0 1 auto;
    width: calc(25% - 24px);
  }
}
@media screen and (max-width: 991.98px) {
  .teampage .team__area--all {
    flex: 0 1 auto;
    width: calc(80% - 24px);
  }
}
@media screen and (max-width: 767.98px) {
  .teampage .team__area--all {
    flex: 0 1 auto;
    width: calc(70% - 24px);
  }
}
.teampage .team__area--all .member__position {
  font-size: 1rem;
  color: #999999;
  font-weight: 500;
  display: block;
}
@media screen and (max-width: 1199.98px) {
  .teampage .team__area--all .member__position {
    line-height: 1.4rem;
  }
}
@media screen and (max-width: 991.98px) {
  .teampage .team__area--all .member__position {
    margin-bottom: 0.7rem;
  }
}
@media screen and (max-width: 767.98px) {
  .teampage .team__area--all .member__position {
    font-size: 0.938rem;
  }
}
.teampage .team__area--all--contact {
  display: flex;
  gap: 0.75rem;
}
@media screen and (max-width: 767.98px) {
  .teampage .team__area--all--contact .btn.btn-icon {
    --size: 36px;
  }
}
.teampage .team__area--image {
  display: none;
}
@media screen and (max-width: 1199.98px) {
  .teampage .team__area--image {
    display: block;
  }
}
.teampage .team__area .member__name {
  font-size: 1.625rem;
  line-height: 2.125rem;
  font-weight: 900;
  color: #000000;
}
@media screen and (max-width: 1199.98px) {
  .teampage .team__area .member__name {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 991.98px) {
  .teampage .team__area .member__name {
    font-size: 1.625rem;
    line-height: 2.125rem;
  }
}
@media screen and (max-width: 767.98px) {
  .teampage .team__area .member__name {
    font-size: 1.25rem;
    line-height: 1.6rem;
  }
}
.teampage .team__area.active .member__name {
  color: #00862F;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fuhl%2Fscss%2Fcomponents%2F_team.scss%22%2C%22%2Fthemes%2Fuhl%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAGE%3BAAAA%3BAAAA%3BACQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADQA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BACXA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADkBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAClBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD4BE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC3BJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADoDF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAChDE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD6EA%3BAAAA%3BAAAA%3BAAAA%3BACrEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADgFA%3BAAAA%3BAAAA%3BAAAA%3BAChFA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADyFE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACzFF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADoHA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC5GA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD2IE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACnIF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD4JE%3BAAAA%3BAAAA%3BAAAA%3BAC5JF%3BADiKM%3BAAAA%3BAAAA%3BAAAA%3BAAQN%3BAAAA%3BAAAA%3BACjKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADyKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACzKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADuME%3BAAAA%3BAAAA%22%7D */