/*
 * EDIT FONT SIZES HERE.
 * Each module has independent settings. Change the px values in its block.
 * Titles currently use 32px; content and buttons currently use 15px.
 * These rules load last so the older module styles cannot override them.
 * Poppins, container widths, colors and spacing live in the other stylesheets.
 */

/* HEADER & NAVIGATION */
.frontend-site {
    --header-top-bar-size: 13px;
    --header-navigation-size: 15px;
    --header-dropdown-size: 15px;
    --header-button-size: 15px;
    --header-search-size: 15px;
    --header-mobile-menu-size: 15px;
}
.frontend-site .top-bar { font-size: var(--header-top-bar-size); }
.frontend-site .nav-item { font-size: var(--header-navigation-size); }
.frontend-site .dropdown a { font-size: var(--header-dropdown-size); }
.frontend-site .header-button { font-size: var(--header-button-size); }
.frontend-site .search-toggle :is(input,button) { font-size: var(--header-search-size); }
.frontend-site .menu-toggle { font-size: var(--header-mobile-menu-size); }

/* MAIN SLIDER */
.hero {
    --slider-title-size: 32px;
    --slider-content-size: 15px;
    --slider-button-size: 15px;
}
.frontend-site .hero h1 { font-size: var(--slider-title-size); }
.frontend-site .hero p { font-size: var(--slider-content-size); }
.frontend-site .hero .button { font-size: var(--slider-button-size); }

/* HOMEPAGE MODULE 1 — INTRODUCTION & IMPACT CARDS */
.homepage-module-one {
    --hm1-title-size: 32px;
    --hm1-content-size: 15px;
    --hm1-card-title-size: 32px;
    --hm1-card-content-size: 15px;
}
.frontend-site .homepage-module-one h2 { font-size: var(--hm1-title-size); }
.frontend-site .homepage-module-one .impact-intro { font-size: var(--hm1-content-size); }
.frontend-site .homepage-module-one .impact-card h3 { font-size: var(--hm1-card-title-size); }
.frontend-site .homepage-module-one .impact-card p { font-size: var(--hm1-card-content-size); }

/* HOMEPAGE MODULE 2 — THREE BACKGROUND IMAGE CARDS */
.homepage-module-two {
    --hm2-card-title-size: 22px;
    --hm2-card-content-size: 15px;
    --hm2-read-more-size: 15px;
}
.frontend-site .homepage-module-two h2 { font-size: var(--hm2-card-title-size); }
.frontend-site .homepage-module-two p { font-size: var(--hm2-card-content-size); }
.frontend-site .homepage-module-two .hm2-read-more { font-size: var(--hm2-read-more-size); }

/* HOMEPAGE MODULE 3 — FOUNDER & CHAIRPERSON */
.homepage-module-three {
    --hm3-name-size: 32px;
    --hm3-designation-size: 15px;
    --hm3-content-size: 15px;
    --hm3-button-size: 15px;
}
.frontend-site .homepage-module-three h2 { font-size: var(--hm3-name-size); }
.frontend-site .homepage-module-three .leadership-content { font-size: var(--hm3-content-size); }
.frontend-site .homepage-module-three .leadership-designation { font-size: var(--hm3-designation-size); }
.frontend-site .homepage-module-three .leadership-button { font-size: var(--hm3-button-size); }

/* LIST OF TRUSTEE */
.trustees-section {
    --trustee-name-size: 18px;
    --trustee-designation-size: 15px;
}
.frontend-site .trustees-section h2 { font-size: var(--trustee-name-size); }
.frontend-site .trustees-section p { font-size: var(--trustee-designation-size); }

/* LATEST NEWS & STORIES — HOMEPAGE SECTION */
.latest-news-section,.news-public-list {
    --news-title-size: 32px;
    --news-intro-size: 15px;
    --news-button-size: 15px;
    --news-card-title-size: 16px;
    --news-card-content-size: 14px;
    --news-date-size: 15px;
    --news-read-more-size: 15px;
}
.frontend-site .latest-news-section h2 { font-size: var(--news-title-size); }
.frontend-site .latest-news-section .latest-news-heading p { font-size: var(--news-intro-size); }
.frontend-site .latest-news-section .news-section-button { font-size: var(--news-button-size); }
.frontend-site :is(.latest-news-section,.news-public-list) .news-card h3 { font-size: var(--news-card-title-size); }
.frontend-site :is(.latest-news-section,.news-public-list) .news-card p { font-size: var(--news-card-content-size); }
.frontend-site :is(.latest-news-section,.news-public-list) .news-card time { font-size: var(--news-date-size); }
.frontend-site :is(.latest-news-section,.news-public-list) .news-read { font-size: var(--news-read-more-size); }

/* HOMEPAGE MODULE 4 — EXPANDING IMAGE GALLERY */
.homepage-module-four {
    --hm4-title-size: 32px;
    --hm4-content-size: 15px;
    --hm4-button-size: 15px;
    --hm4-image-title-size: 15px;
}
.frontend-site .homepage-module-four h2 { font-size: var(--hm4-title-size); }
.frontend-site .homepage-module-four p { font-size: var(--hm4-content-size); }
.frontend-site .homepage-module-four .hm4-button { font-size: var(--hm4-button-size); }
.frontend-site .homepage-module-four .hm4-image-title { font-size: var(--hm4-image-title-size); }

/* HOMEPAGE MODULE 5 — PARTNERS & CSR PROCESS */
.homepage-module-five {
    --hm5-partner-title-size: 32px;
    --hm5-partner-content-size: 15px;
    --hm5-process-title-size: 32px;
    --hm5-process-content-size: 15px;
    --hm5-button-size: 15px;
    --hm5-card-title-size: 18px;
    --hm5-card-content-size: 15px;
    --hm5-pause-control-size: 12px;
}
.frontend-site .homepage-module-five .hm5-partners h2 { font-size: var(--hm5-partner-title-size); }
.frontend-site .homepage-module-five .hm5-partners p { font-size: var(--hm5-partner-content-size); }
.frontend-site .homepage-module-five .hm5-process-heading h2 { font-size: var(--hm5-process-title-size); }
.frontend-site .homepage-module-five .hm5-process-heading p { font-size: var(--hm5-process-content-size); }
.frontend-site .homepage-module-five .hm5-contact { font-size: var(--hm5-button-size); }
.frontend-site .homepage-module-five .hm5-process-card h3 { font-size: var(--hm5-card-title-size); }
.frontend-site .homepage-module-five .hm5-process-card p { font-size: var(--hm5-card-content-size); }
.frontend-site .homepage-module-five .hm5-pause { font-size: var(--hm5-pause-control-size); }

/* HOMEPAGE MODULE 6 — YOUTUBE SHORTS */
.homepage-module-six {
    --hm6-title-size: 32px;
    --hm6-popup-title-size: 32px;
    --hm6-popup-link-size: 15px;
}
.frontend-site .homepage-module-six .hm6-heading h2 { font-size: var(--hm6-title-size); }
.frontend-site .homepage-module-six .hm6-dialog-header h2 { font-size: var(--hm6-popup-title-size); }
.frontend-site .homepage-module-six .hm6-youtube-link { font-size: var(--hm6-popup-link-size); }

/* NEWS LISTING PAGE — INDEPENDENT FROM HOMEPAGE NEWS SIZES */
.news-public-list {
    --news-page-title-size: 32px;
    --news-page-content-size: 15px;
    --news-card-title-size: 15px;
    --news-card-content-size: 15px;
    --news-date-size: 15px;
    --news-read-more-size: 15px;
    --news-pagination-size: 15px;
}
.frontend-site .news-public-list h1 { font-size: var(--news-page-title-size); }
.frontend-site .news-public-list .news-list-intro { font-size: var(--news-page-content-size); }
.frontend-site .news-public-list .news-pagination { font-size: var(--news-pagination-size); }

/* NEWS DETAIL PAGE */
.news-detail {
    --news-detail-title-size: 32px;
    --news-detail-content-size: 15px;
    --news-detail-gallery-title-size: 32px;
    --news-detail-date-size: 15px;
    --news-detail-back-link-size: 15px;
}
.frontend-site .news-detail h1 { font-size: var(--news-detail-title-size); }
.frontend-site .news-detail .news-full-content { font-size: var(--news-detail-content-size); }
.frontend-site .news-detail h2 { font-size: var(--news-detail-gallery-title-size); }
.frontend-site .news-detail time { font-size: var(--news-detail-date-size); }
.frontend-site .news-detail .news-back { font-size: var(--news-detail-back-link-size); }

/* HOMEPAGE MODULE 7 - FIXED BACKGROUND CALL TO ACTION */
.homepage-module-seven {
    --hm7-title-size: 32px;
    --hm7-content-size: 15px;
    --hm7-button-size: 15px;
}
.frontend-site .homepage-module-seven h2 { font-size: var(--hm7-title-size); }
.frontend-site .homepage-module-seven p { font-size: var(--hm7-content-size); }
.frontend-site .homepage-module-seven .hm7-button { font-size: var(--hm7-button-size); }

/* SATSANG AND MEDITATION */
.satsang-section {
    --satsang-title-size: 32px;
    --satsang-content-size: 15px;
    --satsang-button-size: 15px;
    --satsang-popup-title-size: 24px;
    --satsang-popup-link-size: 15px;
}
.frontend-site .satsang-section .satsang-heading h2 { font-size: var(--satsang-title-size); }
.frontend-site .satsang-section .satsang-heading p { font-size: var(--satsang-content-size); }
.frontend-site .satsang-section .satsang-section-button { font-size: var(--satsang-button-size); }
.frontend-site .satsang-section .satsang-popup-heading h2 { font-size: var(--satsang-popup-title-size); }
.frontend-site .satsang-section .satsang-youtube-link { font-size: var(--satsang-popup-link-size); }

/* FOOTER - NAVIGATION, FINANCIAL DATA, CARD AND CONTACT DETAILS */
.site-footer {
    --footer-navigation-title-size: 26px;
    --footer-navigation-link-size: 15px;
    --footer-financial-title-size: 18px;
    --footer-financial-link-size: 15px;
    --footer-card-title-1-size: 26px;
    --footer-card-title-2-size: 20px;
    --footer-card-content-size: 15px;
    --footer-card-button-size: 15px;
    --footer-copyright-size: 15px;
    --footer-contact-size: 15px;
    --footer-right-content-size: 15px;
    --footer-bottom-link-size: 13px;
    --footer-back-to-top-size: 15px;
    --footer-development-size: 13px;
}
.frontend-site .site-footer-navigation h2 { font-size: var(--footer-navigation-title-size); }
.frontend-site .site-footer-navigation a { font-size: var(--footer-navigation-link-size); }
.frontend-site .site-footer-financial h2 { font-size: var(--footer-financial-title-size); }
.frontend-site .site-footer-financial a { font-size: var(--footer-financial-link-size); }
.frontend-site .site-footer-card h2 { font-size: var(--footer-card-title-1-size); }
.frontend-site .site-footer-card h3 { font-size: var(--footer-card-title-2-size); }
.frontend-site .site-footer-card p { font-size: var(--footer-card-content-size); }
.frontend-site .site-footer-card-button { font-size: var(--footer-card-button-size); }
.frontend-site .site-footer-contact p,.frontend-site .site-footer-email { font-size: var(--footer-contact-size); }
.frontend-site .site-footer-contact .site-footer-copyright { font-size: var(--footer-copyright-size); }
.frontend-site .site-footer-right p { font-size: var(--footer-right-content-size); }
.frontend-site .site-footer-bottom-links a { font-size: var(--footer-bottom-link-size); }
.frontend-site .site-footer-top a { font-size: var(--footer-back-to-top-size); }
.frontend-site .site-footer-contact .site-footer-development { font-size: var(--footer-development-size); }

/* Website search popup */
.frontend-site {
    --search-popup-title-size: 26px;
    --search-popup-result-title-size: 18px;
    --search-popup-content-size: 15px;
    --search-popup-type-size: 12px;
}

.news-story-popup,.news-detail {
    --news-detail-title-size: 32px;
    --news-detail-content-size: 15px;
    --news-detail-date-size: 15px;
    --news-gallery-title-size: 22px;
}

/* MEMBERSHIP OVERVIEW - DEDICATED PAGE */
/* CORPORATE PARTNER APPLICATION */
/* VOLUNTEERING / INTERNSHIP APPLICATION */
.membership-registration-page.volunteer-page {
    --volunteer-title-size: 32px;
    --volunteer-section-size: 22px;
    --volunteer-content-size: 15px;
    --volunteer-note-size: 13px;
    --volunteer-button-size: 15px;
    --membership-form-title-size: var(--volunteer-title-size);
    --membership-form-section-title-size: var(--volunteer-section-size);
    --membership-form-content-size: var(--volunteer-content-size);
    --membership-form-note-size: var(--volunteer-note-size);
    --membership-form-button-size: var(--volunteer-button-size);
}

.membership-registration-page.corporate-partner-page {
    --corporate-form-title-size: 32px;
    --corporate-form-section-size: 22px;
    --corporate-form-content-size: 15px;
    --corporate-form-note-size: 13px;
    --corporate-form-button-size: 15px;
    --membership-form-title-size: var(--corporate-form-title-size);
    --membership-form-section-title-size: var(--corporate-form-section-size);
    --membership-form-content-size: var(--corporate-form-content-size);
    --membership-form-note-size: var(--corporate-form-note-size);
    --membership-form-button-size: var(--corporate-form-button-size);
}

.membership-registration-page,.membership-payment-popup {
    --membership-form-title-size: 32px;
    --membership-form-section-title-size: 22px;
    --membership-form-content-size: 15px;
    --membership-form-note-size: 13px;
    --membership-form-button-size: 15px;
    --membership-payment-fee-size: 38px;
}
.membership-overview {
    --membership-title-size: 32px;
    --membership-plan-title-size: 20px;
    --membership-fee-size: 38px;
    --membership-content-size: 15px;
    --membership-panel-title-size: 24px;
    --membership-button-size: 15px;
    --membership-note-size: 13px;
}

/* STICKY BUTTONS */
.site-sticky-buttons {
    --sticky-first-title-1-size: 12px;
    --sticky-first-title-2-size: 20px;
    --sticky-second-title-1-size: 12px;
    --sticky-second-title-2-size: 15px;
}

/* REUSABLE TEMPLATE ADDONS */
/* DONATE A CAUSE - DEDICATED LISTING */
.donate-causes-page {
    --donate-cause-title-size: 18px;
    --donate-cause-content-size: 15px;
    --donate-cause-badge-size: 16px;
    --donate-cause-button-size: 15px;
}

/* GET IN TOUCH */
.membership-registration-page.get-in-touch-page {
    --contact-title-size: 28px;
    --contact-info-title-size: 18px;
    --contact-content-size: 15px;
    --contact-note-size: 13px;
    --contact-button-size: 15px;
    --membership-form-content-size: var(--contact-content-size);
    --membership-form-note-size: var(--contact-note-size);
    --membership-form-button-size: var(--contact-button-size);
}

/* FOCUS AREAS - DEDICATED LISTING */
.focus-areas-page {
    --focus-area-card-title-size: 17px;
    --focus-area-card-content-size: 13px;
    --focus-area-button-size: 15px;
}

.addon-csr-partnership {
    --addon-csr-title-size: 32px;
    --addon-csr-card-title-size: 20px;
    --addon-csr-number-size: 20px;
    --addon-csr-content-size: 15px;
    --addon-csr-contact-title-size: 22px;
}
.addon-features-design {
    --addon-features-title-size: 32px;
    --addon-features-text-size: 15px;
}
.addon-background-fixed {
    --addon-fixed-title-size: 32px;
    --addon-fixed-content-size: 15px;
    --addon-fixed-button-size: 15px;
}
.addon-trending-shorts {
    --addon-shorts-title-size: 32px;
    --addon-shorts-popup-size: 15px;
}
.addon-counter-module {
    --addon-counter-title-size: 32px;
    --addon-counter-content-size: 15px;
    --addon-counter-button-size: 15px;
    --addon-counter-number-size: 25px;
    --addon-counter-label-size: 15px;
}
.addon-content-without-title { --addon-content-without-title-content-size: 15px; }
.addon-content-only {
    --addon-content-only-title-size: 32px;
    --addon-content-only-content-size: 15px;
}
.addon-content-right-image { --addon-right-image-content-size: 15px; }
.addon-content-left-image { --addon-left-image-content-size: 15px; }
.addon-four-cards {
    --addon-card-title-size: 20px;
    --addon-card-content-size: 12px;
}
.addon-three-cards-bg {
    --addon-bg-card-title-size: 24px;
    --addon-bg-card-content-size: 15px;
}
.addon-gallery { --addon-gallery-caption-size: 15px; }

/* PAGES - OPTIONAL HEADER FROM NAVIGATION */
.content-page-header {
    --content-page-title-size: 32px;
    --content-page-subheading-size: 15px;
    --content-page-content-size: 15px;
}

/* SEARCH RESULTS */
.search-results {
    --search-title-size: 32px;
    --search-content-size: 15px;
}
.frontend-site .search-results h1 { font-size: var(--search-title-size); }
.frontend-site .search-results p { font-size: var(--search-content-size); }

/* OPTIONAL MOBILE OVERRIDES
 * Uncomment and edit any module variables you want to change on small screens.
 * You can use the same pattern for any setting above.
 *
 * @media (max-width: 700px) {
 *     .hero { --slider-title-size: 28px; }
 *     .homepage-module-five { --hm5-card-title-size: 24px; }
 * }
 */