@font-face {
    font-family: 'WPTouch Icons';
    src: url('https://angelamuaythai.com/wp-content/plugins/wptouch/themes/foundation/modules/wptouch-icons/font/wptouch-icons.woff#1774305840') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://fonts.gstatic.com/s/opensans/v44/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2') format('woff2');
    font-display: swap;
}

/* ==========================================================
   BIO MICROPAGE
   ========================================================== */

.bio-intro {
  max-width: 680px;
  margin: 0 auto 20px auto;
  padding: 20px 20px 8px;
}

.bio-intro h1 {
  margin: 0 0 8px;
  color: #2f363d;
  font-size: 2rem;
  line-height: 1.15;
}

.bio-intro p {
  margin: 0;
  color: #555;
  line-height: 1.45;
}

.bio-card {
  max-width: 680px;
  margin: 0 auto 12px auto;
  padding: 0;
  border: 1px solid #ead7e5;
  border-radius: 16px;
  background: #ffffff;
  overflow: hidden;
}

.bio-card summary {
  cursor: pointer;
  list-style: none;
  padding: 18px 20px;
  color: #2f363d;
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 700;
}

.bio-card summary::-webkit-details-marker {
  display: none;
}

.bio-card summary span {
  margin-right: 8px;
}

.bio-card summary::after {
  content: "+";
  float: right;
  font-weight: 700;
  color: #b0368c;
}

.bio-card[open] summary::after {
  content: "–";
}

.bio-card p {
  margin: 0;
  padding: 0 20px 14px;
  line-height: 1.45;
  color: #444;
}

.bio-link {
  display: block;
  text-decoration: none;
  background: #f7eef5;
  border: 1px solid #e9d8e4;
  border-radius: 14px;
  padding: 14px 16px;
  margin: 0 20px 10px;
}

.bio-link strong {
  display: block;
  color: #0076c9;
  font-size: 1.12rem;
  line-height: 1.25;
  margin-bottom: 6px;
}

.bio-link span:not(.bio-button) {
  display: block;
  color: #555;
  font-size: .98rem;
  line-height: 1.35;
  margin-bottom: 10px;
}

.bio-button {
  display: inline-block;
  color: #2f363d;
  font-weight: 700;
  font-size: .98rem;
}

.bio-button::after {
  content: " →";
}

@media (max-width: 600px) {
  .bio-intro {
    padding: 18px 18px 8px;
  }

  .bio-intro h1 {
    font-size: 1.55rem;
  }

  .bio-card {
    margin: 0 14px 10px;
  }

  .bio-card summary {
    padding: 16px;
    font-size: 1.15rem;
  }

  .bio-card p {
    padding: 0 16px 12px;
    font-size: 1rem;
  }

  .bio-link {
    margin: 0 16px 9px;
    padding: 12px 14px;
  }

  .bio-link strong {
    font-size: 1.05rem;
  }

  .bio-link span:not(.bio-button) {
    font-size: .95rem;
  }
}