/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/team-members/item/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.dm-team-members-item {
  flex: 1 1 23%;
  border-radius: 40px;
  background: linear-gradient(180deg, rgba(235, 235, 250, 0.1) 0%, #83c2f4 100%);
  max-width: 35%;
  position: relative;
}
@media (max-width: 992px) {
  .dm-team-members-item {
    flex: 1 1 45%;
    max-width: 45%;
  }
}
@media (max-width: 520px) {
  .dm-team-members-item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.dm-team-members-item:hover .dm-team-members-item-hover, .dm-team-members-item:focus .dm-team-members-item-hover, .dm-team-members-item:active .dm-team-members-item-hover {
  opacity: 1;
}
.dm-team-members-item:hover .dm-team-members-item-wrap, .dm-team-members-item:focus .dm-team-members-item-wrap, .dm-team-members-item:active .dm-team-members-item-wrap {
  display: none;
}
@media (max-width: 992px) {
  .dm-team-members-item:hover .dm-team-members-item-wrap, .dm-team-members-item:focus .dm-team-members-item-wrap, .dm-team-members-item:active .dm-team-members-item-wrap {
    display: flex;
  }
}
.dm-team-members-item .dm-team-members-item-name {
  margin: 0;
}
.dm-team-members-item .dm-team-members-item-wrap {
  position: absolute;
  bottom: 0;
  display: flex;
  width: 100%;
  padding: 20px 40px 30px 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--wp--preset--color--brand) 100%);
  color: white;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
}
@media (max-width: 992px) {
  .dm-team-members-item .dm-team-members-item-wrap {
    padding: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.dm-team-members-item .dm-team-members-item-hover {
  transition: 0.25s;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(33, 136, 217, 0.75);
  backdrop-filter: blur(20px);
  border-radius: 40px;
  background-image: url(../../images/team-member-pattern.e0a243b2.png);
  background-size: cover;
  background-position: center;
}
@media (max-width: 992px) {
  .dm-team-members-item .dm-team-members-item-hover {
    display: none;
    position: relative;
    padding: 25px 0;
  }
}
.dm-team-members-item .dm-team-members-item-hover.item-active {
  display: block;
  opacity: 1;
}
.dm-team-members-item .dm-team-members-item-hover .dm-team-members-details {
  position: absolute;
  width: 85%;
  margin: auto;
  left: 0;
  right: 0;
  top: 20px;
  background-color: white;
  border-radius: 16px;
  padding: 10px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}
@media (max-width: 992px) {
  .dm-team-members-item .dm-team-members-item-hover .dm-team-members-details {
    position: relative;
    margin-bottom: 25px;
    top: auto;
  }
}
.dm-team-members-item .dm-team-members-item-hover .dm-team-members-details .dm-team-members-item-name {
  color: #262626;
}
.dm-team-members-item .dm-team-members-item-hover .dm-team-members-details .dm-team-members-item-position {
  color: var(--wp--preset--color--brand);
}
.dm-team-members-item .dm-team-members-item-hover .dm-team-members-item-content {
  position: absolute;
  width: 85%;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 20px;
  font-size: 1.5rem;
  color: white;
}
@media (max-width: 992px) {
  .dm-team-members-item .dm-team-members-item-hover .dm-team-members-item-content {
    position: relative;
    bottom: auto;
  }
}
.dm-team-members-item .dm-team-member-button {
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 12px;
  background: #fff;
  color: var(--wp--preset--color--brand);
  font-weight: 500;
  border: none;
  box-shadow: none;
  margin-top: 10px;
}
.dm-team-members-item .dm-team-members-item-image-container {
  border-radius: 40px;
}
.dm-team-members-item .dm-team-members-item-image-container.item-active {
  display: none;
}
.dm-team-members-item .dm-team-members-item-image-container img {
  border-radius: 40px;
}

/*# sourceMappingURL=style-index.css.map*/