/* ============================================================================
   Hopetown site-wide typography standard - FD #6615 item 15.
   One heading scale (h1-h6) across all page content, body-copy alignment for
   the blog templates, standardized weights, and slight size bumps on phone.

   Deliberately EXEMPT (existing design language, not inconsistency):
   - The homepage hero slider (.slideshow): rotating 52px h2 + slide titles.
   - Display/watermark titles ("Our Houses", "LEARNING", section titles):
     these are <p> elements and are untouched by the heading rules.
   - Header menu, footer menu/widgets, popup, chat: chrome keeps its own sizes.
   ========================================================================== */

:root{
  --ht-h1:40px; --ht-h2:30px; --ht-h3:24px;
  --ht-h4:20px; --ht-h5:18px; --ht-h6:16px;
  --ht-body:18px;
}

/* ---------------- Headings: one scale, one weight per level ---------------- */
#mk-theme-container h1:not(.slideshow h1):not([class*="lepopup"] h1){
  font-size:var(--ht-h1) !important; font-weight:700 !important; line-height:1.2 !important;
}
#mk-theme-container h2:not(.slideshow h2):not([class*="lepopup"] h2){
  font-size:var(--ht-h2) !important; font-weight:700 !important; line-height:1.25 !important;
}
#mk-theme-container h3:not(.slideshow h3):not([class*="lepopup"] h3){
  font-size:var(--ht-h3) !important; font-weight:700 !important; line-height:1.3 !important;
}
#mk-theme-container h4:not(.slideshow h4):not([class*="lepopup"] h4){
  font-size:var(--ht-h4) !important; font-weight:600 !important; line-height:1.35 !important;
}
#mk-theme-container h5:not(.slideshow h5):not([class*="lepopup"] h5){
  font-size:var(--ht-h5) !important; font-weight:600 !important; line-height:1.4 !important;
}
#mk-theme-container h6:not(.slideshow h6):not([class*="lepopup"] h6){
  font-size:var(--ht-h6) !important; font-weight:600 !important; line-height:1.4 !important;
}

/* ------------------------- Bold / emphasis weight -------------------------- */
#mk-theme-container strong, #mk-theme-container b{ font-weight:700; }

/* ------ Body copy: align the blog/guide templates with the site's 18px ----- */
.htg-wrap .htg-article p, .htg-wrap .htg-article li{
  font-size:var(--ht-body) !important; line-height:1.75 !important;
}
/* Homepage FAQ answers: settle at a clean 16px */
.ht-faq-a{ font-size:16px !important; line-height:1.75 !important; }

/* ==================== Phone (slight bumps, per client) ===================== */
@media (max-width:782px){
  :root{
    --ht-h1:32px; --ht-h2:26px; --ht-h3:20px;
    --ht-h4:18px; --ht-h5:17px; --ht-h6:15px;
  }
  /* Blog/guide article body: 16px -> 17px on phone */
  .htg-wrap .htg-article p, .htg-wrap .htg-article li{
    font-size:17px !important;
  }
  /* Blog sidebar table of contents: 14.4px -> 15px */
  .htg-toc a{ font-size:15px !important; }
  /* Homepage testimonials: 16px -> 17px */
  .testimonial-hopetown-slider p{ font-size:17px !important; }
  /* Blog landing card excerpts: 14.7px -> 15.5px */
  .htg-blog-ex{ font-size:15.5px !important; }
}