/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-member-bio/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
/* Responsive Queries
========================================================= */
/* Media Breakpoints
========================================================= */
/* Between Breakpoints
========================================================= */
/* Color VARs
========================================================= */
/* Color VARs (values defined in theme.json)
========================================================= */
/* Fonts (fonts defined in theme.json)
========================================================= */
/* EM to PX
========================================================= */
/* REM to PX
========================================================= */
/* BG Image
========================================================= */
/* Padding - Global Rows
========================================================= */
/* Easing
======================================================== */
/* Global Transition ( property, duration, easing )
========================================================= */
/* Font Awesome 5 ( needs content specified )
========================================================= */
/* Clamp Dynamic Resize
========================================================= */
/* Additional Helper Mixins
========================================================= */
/* Button ( color, background, border )
========================================================= */
/* Box Shadow
========================================================= */
/* Caret Links
========================================================= */
/* Tag
========================================================= */
/* Headers and Presets
========================================================= */
.team-member-bio {
  position: relative;
  display: block;
  background-image: none;
  max-width: 480px;
}
@media only screen and (max-width: 768px) {
  .team-member-bio {
    max-width: 400px;
    margin: 0 auto;
  }
}
.team-member-bio img {
  transition: all 600ms cubic-bezier(0.5, 1.6, 0.5, 1);
  display: block;
  margin: 0 auto;
}
.team-member-bio:hover img, .team-member-bio:focus img {
  transform: scale(1.02);
}

.team-member-bio-info {
  margin-top: 25px;
  text-align: center;
}
.team-member-bio-info .name {
  margin-bottom: 10px;
  font-size: 1.75rem;
  font-weight: 700;
  font-family: var(--wp--preset--font-family--header);
  color: var(--wp--preset--color--blue-dark);
}
.team-member-bio-info .title {
  color: var(--wp--preset--color--gray);
}
.team-member-bio-info .title p {
  font-size: 1.25rem;
}

.team-member-bio-popup {
  display: none;
  background: #fff;
  max-width: 1000px;
  position: relative;
  border-radius: 40px;
  --fancybox-color: var(--wp--preset--color--blue);
}
@media only screen and (max-width: 480px) {
  .team-member-bio-popup.fancybox__content {
    padding: 10px;
  }
}
.team-member-bio-popup .carousel__button {
  position: absolute;
  z-index: 1;
  top: 15px !important;
  right: 15px !important;
  background: none !important;
}
.team-member-bio-popup .carousel__button svg {
  filter: none !important;
}
.team-member-bio-popup .carousel__button svg path {
  stroke: black;
}
.team-member-bio-popup .carousel__button:hover path, .team-member-bio-popup .carousel__button:focus path {
  stroke: var(--wp--preset--color--blue) !important;
}
.team-member-bio-popup .flex {
  gap: clamp(1.875rem, -1.3392857143rem + 6.6964285714vw, 4.6875rem);
  align-items: flex-start;
  padding: 20px;
}
.team-member-bio-popup h2 {
  margin-bottom: 0;
}
.team-member-bio-popup .popup-photo {
  width: 100%;
  flex: 1 1 30%;
}
.team-member-bio-popup .popup-photo img {
  display: block;
  margin: 0 auto;
}
.team-member-bio-popup .popup-info {
  flex: 1 1 70%;
}
.team-member-bio-popup .popup-info h3 {
  color: var(--wp--preset--color--gray);
}
.team-member-bio-popup .popup-info .copy {
  margin-top: 30px;
}
.team-member-bio-popup .popup-info p {
  font-size: 1.125rem;
  line-height: 1.5;
}

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