/* MP Site Code — snippet #7503914. Edited in wp-admin; do not edit this file. */
/* ============================================================
   MEDICAL TEAM  —  page CSS
   Load via Site Code, URL-scoped to /our-team/medical-team/.
   Namespaced under .mp-medteam. Typography inherits from the theme.
   The doctor cards are rendered by the [mp_doctors_all] shortcode
   and carry their own styling — this file only styles the page
   shell (hero + the section that holds the shortcode).
   ============================================================ */

.mp-medteam{
  --berry:#8E2C4E;
  --black:#000;
  --lav-soft:#F3EEFB;--baby-soft:#FDEEF2;--ivory:#FCF8F5;
  --maxw:1160px;

  /* suppress the theme's flow-layout top margin on the wrapper */
  margin-block-start:0 !important;
}
.mp-medteam *{box-sizing:border-box}
.mp-medteam > :first-child{margin-block-start:0 !important}
.mp-medteam a{color:var(--berry)}

/* --- layout --- */
.mp-medteam .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* --- hero (two-glow wash, matching the Our Team page first section) --- */
.mp-medteam .mt-hero{
  position:relative;overflow:hidden;text-align:center;padding:56px 0 40px;
  background:
    radial-gradient(560px 360px at 88% 8%, var(--lav-soft) 0%, transparent 65%),
    radial-gradient(680px 440px at 6% 90%, var(--baby-soft) 0%, transparent 65%),
    linear-gradient(180deg, var(--ivory), #fff);
}
.mp-medteam .mt-hero .wrap{position:relative;z-index:1}
.mp-medteam .eyebrow{
  font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--berry);display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;
  justify-content:center;
}
.mp-medteam .eyebrow::before{content:"";width:20px;height:2px;background:var(--berry);border-radius:2px}
.mp-medteam .mt-hero h1{
  font-size:clamp(2rem,4vw,2.8rem);color:var(--black);
  line-height:1.2;letter-spacing:-.02em;font-weight:800;margin:0 0 16px;
}
.mp-medteam .mt-hero .deck{max-width:760px;margin:0 auto;color:var(--black)}

/* --- team section (holds the [mp_doctors_all] shortcode) --- */
.mp-medteam .mt-team{padding:44px 0 72px}

/* --- responsive --- */
@media(max-width:640px){
  .mp-medteam .wrap{padding:0 18px}
  .mp-medteam .mt-hero{padding:40px 0 32px}
  .mp-medteam .mt-team{padding:32px 0 52px}
}
@media(prefers-reduced-motion:reduce){
  .mp-medteam *{transition:none !important;animation:none !important}
}