/* =========================================================
   AGENTVIEW Public Website Font Schemes
   Applies to headings/titles only.
   Excludes header, hero, and footer.
========================================================= */


/* =========================================================
   Font Variables
========================================================= */

body.website-font-classic_sans {
    --av-heading-font: "Nunito Sans", Arial, sans-serif;
    --av-heading-weight: 700;
    --av-heading-letter-spacing: 0;
}

body.website-font-elegant_serif {
    --av-heading-font: "Playfair Display", Georgia, serif;
    --av-heading-weight: 700;
    --av-heading-letter-spacing: -0.3px;
}

body.website-font-modern_rounded {
    --av-heading-font: "Nunito", "Nunito Sans", Arial, sans-serif;
    --av-heading-weight: 800;
    --av-heading-letter-spacing: -0.2px;
}

/* =========================================================
   Homepage Hero Typography
   Applies font scheme to hero titles only.
   Header and footer remain unchanged.
========================================================= */

body[class*="website-font-"] .modern-agent-hero h1,
body[class*="website-font-"] .luxury-real-estate-hero h1,
body[class*="website-font-"] .neighborhood-expert-hero h1,
body[class*="website-font-"] .listing-focused-hero h1,
body[class*="website-font-"] .personal-brand-hero h1 {
    font-family: var(--av-heading-font) !important;
    font-weight: var(--av-heading-weight) !important;
    letter-spacing: var(--av-heading-letter-spacing) !important;
}

body[class*="website-font-"] .modern-agent-hero h3,
body[class*="website-font-"] .luxury-real-estate-hero h3,
body[class*="website-font-"] .neighborhood-expert-hero h3,
body[class*="website-font-"] .listing-focused-hero h3,
body[class*="website-font-"] .personal-brand-hero h3 {
    font-family: var(--av-heading-font) !important;
    font-weight: var(--av-heading-weight) !important;
    letter-spacing: var(--av-heading-letter-spacing) !important;
}


/* =========================================================
   Section Headings
   Excludes hero, header, and footer.
========================================================= */

body[class*="website-font-"] .ftco-section .heading-section h2,
body[class*="website-font-"] .ftco-section h2,
body[class*="website-font-"] .ftco-section h3,
body[class*="website-font-"] .ftco-section h4,
body[class*="website-font-"] .contact-section h2,
body[class*="website-font-"] .contact-section h3,
body[class*="website-font-"] .contact-section h4 {
    font-family: var(--av-heading-font) !important;
    font-weight: var(--av-heading-weight) !important;
    letter-spacing: var(--av-heading-letter-spacing);
}


/* =========================================================
   Cards / Content Titles
========================================================= */

body[class*="website-font-"] .ftco-section .card h1,
body[class*="website-font-"] .ftco-section .card h2,
body[class*="website-font-"] .ftco-section .card h3,
body[class*="website-font-"] .ftco-section .card h4,
body[class*="website-font-"] .ftco-section .card h5,
body[class*="website-font-"] .ftco-section .card h6,
body[class*="website-font-"] .ftco-section .blog-card-title,
body[class*="website-font-"] .ftco-section .property-title {
    font-family: var(--av-heading-font) !important;
    font-weight: var(--av-heading-weight) !important;
    letter-spacing: var(--av-heading-letter-spacing);
}


/* =========================================================
   Contact Form Titles
========================================================= */

body[class*="website-font-"] .agentview-form .form-title,
body[class*="website-font-"] .modal .form-title {
    font-family: var(--av-heading-font) !important;
    font-weight: var(--av-heading-weight) !important;
    letter-spacing: var(--av-heading-letter-spacing);
}


/* =========================================================
   Inner Page Banner Titles
   Applies only to subpages, not homepage hero.
========================================================= */

body.inner-page[class*="website-font-"] .hero-wrap-2 h1.bread,
body.inner-page[class*="website-font-"] .hero-wrap-2 h1.bread small {
    font-family: var(--av-heading-font) !important;
    font-weight: var(--av-heading-weight) !important;
    letter-spacing: var(--av-heading-letter-spacing);
}