/* ─── Site-wide typography (same as index-copy-2.php) ───────────────────────
   Loaded last in includes/header.php, header-2.php and header-3.php so it
   overrides the font variables of every theme stylesheet.
   ─────────────────────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');

:root {
    --lodha-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --lodha-sans: 'Cormorant Garamond', Georgia, sans-serif;
    --lodha-ink: #2d2926;
    --lodha-muted: #6f6f6f;
    --lodha-accent: #a78272;
    --odc-serif: var(--lodha-serif);

    /* assets/css/main.css */
    --tp-ff-heading: var(--lodha-serif);
    --tp-ff-heading-2: var(--lodha-serif);
    --tp-ff-heading-3: var(--lodha-sans);
    --tp-ff-heading-4: var(--lodha-serif);
    --tp-ff-heading-5: var(--lodha-sans);
    --tp-ff-menu-f: var(--lodha-sans);
    --tp-ff-body: var(--lodha-sans);
    --tp-ff-p: var(--lodha-sans);
    --tp-ff-others: var(--lodha-sans);

    /* Content/assets/css/main.css (pages using header-2.php) */
    --bd-ff-body: var(--lodha-sans);
    --bd-ff-heading: var(--lodha-serif);
    --bd-ff-p: var(--lodha-sans);
    --bd-ff-menu: var(--lodha-sans);
    --tpl-ff-heading: var(--lodha-serif);

    /* theme-v2 (pages using header-3.php) */
    --v2-ff-display: var(--lodha-serif);
    --v2-ff-body: var(--lodha-sans);

    /* bootstrap */
    --bs-body-font-family: var(--lodha-sans);
}

body {
    font-family: var(--lodha-sans);
}

body,
#smooth-wrapper,
#smooth-content,
main,
body *:not(i):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not(.fa-solid):not(.fa-regular):not(.fa-light):not(.fa-brands):not([class*="flaticon"]):not(.cr-ls) {
    letter-spacing: 0 !important;
}

body :is(h1, h2, h3, h4, h5, h6, .tp-section-title, .tp-section-4-title, .tp-section-5-title, .tp-project-4-item-title, .tp-blog-4-item-title, .cg-banner-statement__title, .cg-impact__title, .cg-purpose__title, .cg-partner__title, .cg-partner__badge strong, .cg-partner__item h3, .cg-purpose__value strong):not(.cr-ls),
body :is(h1, h2, h3, h4, h5, h6, .tp-section-title, .tp-section-4-title, .tp-section-5-title, .tp-project-4-item-title, .tp-blog-4-item-title, .cg-banner-statement__title, .cg-impact__title, .cg-purpose__title, .cg-partner__title, .cg-partner__badge strong, .cg-partner__item h3, .cg-purpose__value strong) * {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.14 !important;
    text-transform: none !important;
}

body :is(.tp-main-menu a, .offcanvas__content a, .tp-btn, .tp-btn-theme, .tp-project-4-btn a, .tp-contactform-btn button, .crescent-projects-mega__more, .tp-footer-2-widget-content a, .tp-footer-2-copyright-social a),
body :is(.tp-main-menu a, .offcanvas__content a, .tp-btn, .tp-btn-theme, .tp-project-4-btn a, .tp-contactform-btn button, .crescent-projects-mega__more, .tp-footer-2-widget-content a, .tp-footer-2-copyright-social a) * {
    font-size: 18px;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
}

body :is(p, li, small, label, input, textarea, select, .cg-purpose__lead, .cg-impact__copy, .cg-partner__copy, .cg-partner__item p, .tp-project-4-item-content p, .tp-blog-4-item-content p, .tp-footer-2-widget-content li) {
    font-size: 21px;
    font-weight: 400 !important;
    line-height: 1.75 !important;
}

body :is(.cg-section-kicker, .odc-eyebrow, .odc-kicker, .cg-partner__number, .cg-purpose__value span) {
    color: var(--lodha-accent) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
}

/* ─── Font sizes (same as index-copy-2.php) ─── */

/* section titles: 31px on every screen size */
.odc-heading,
.tp-section-title,
.tp-section-4-title,
.tp-section-5-title,
.bd-section__title,
.t2-section-title,
.section-title {
    font-size: 31px !important;
}

/* project titles */
.tp-project-4-item-title {
    font-size: 30px;
}

/* counters */
.tp-about-5-counter-title {
    font-size: 20px;
}

.tp-about-5-counter-title span {
    font-size: 60px;
}

@media (max-width: 1500px) and (min-width: 1400px) {
    .tp-about-5-counter-title span {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    .tp-project-4-item-title {
        font-size: 28px;
        line-height: 1.25;
    }

    .tp-about-5-counter-title span {
        font-size: 44px;
    }
}

@media (max-width: 767px) {
    .tp-about-5-counter-title span {
        font-size: 38px;
    }

    .tp-about-5-counter-title {
        font-size: 18px;
        line-height: 1.25;
    }
}

@media (max-width: 420px) {
    .tp-project-4-item-title {
        font-size: 24px;
    }
}

/* ─── Mega menu: project location under each project name (was 11px) ─── */
.tp-main-menu > nav > ul > li .crescent-projects-mega__list li a small {
    font-size: 15px;
}

/* hard-coded font in assets/css/cstm.css */
.map_container .pointer_block .content h4 span {
    font-family: var(--lodha-sans);
}