/* * Elite Class Rides * Global Typography * * Upload to: * /home/hxvmzlliny/public_html/assets/css/ecr-global-typography.css * * Purpose: * - Makes Quicksand the default font. * - Makes normal font weight the default. * - Makes 14px the default font size. * - Keeps normal letter spacing. * * IMPORTANT: * Load this file LAST in the , after Bootstrap/page CSS, * so it overrides older page-level font rules. */ @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap'); :root { --ecr-font-family: 'Quicksand', Arial, Helvetica, sans-serif; --ecr-font-size: 14px; --ecr-font-weight: 400; --ecr-letter-spacing: normal; } /* * Global default. */ html, body { font-family: var(--ecr-font-family) !important; font-size: var(--ecr-font-size) !important; font-weight: var(--ecr-font-weight) !important; letter-spacing: var(--ecr-letter-spacing) !important; } /* * Form controls, buttons, tables and common UI elements. */ button, input, select, textarea, label, table, th, td, a, p, span, div, section, article, aside, main, nav, header, footer, small, strong, b, em, li, ul, ol { font-family: var(--ecr-font-family) !important; font-size: var(--ecr-font-size); font-weight: var(--ecr-font-weight); letter-spacing: var(--ecr-letter-spacing); } /* * Headings default to normal weight unless a specific page intentionally overrides. */ h1, h2, h3, h4, h5, h6 { font-family: var(--ecr-font-family) !important; font-weight: var(--ecr-font-weight) !important; letter-spacing: var(--ecr-letter-spacing) !important; } /* * Keep large headings controlled. */ h1 { font-size: 22px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4, h5, h6 { font-size: 16px; } /* * Portal / booking common classes. */ .ecr-sidebar, .ecr-sidebar *, .ecr-portal-main, .ecr-portal-main *, .ecr-dashboard-header, .ecr-dashboard-header *, .ecr-dashboard-panel, .ecr-dashboard-panel *, .ecr-page-header, .ecr-page-header *, .ecr-page-panel, .ecr-page-panel *, .ecr-card, .ecr-card *, .ecr-booking-calendar, .ecr-booking-calendar *, .ecr-fare-summary-panel, .ecr-fare-summary-panel * { font-family: var(--ecr-font-family) !important; letter-spacing: var(--ecr-letter-spacing) !important; } /* * Force normal default weight in the portal/calendar system. * Use a more specific class later only where bold is truly required. */ .ecr-sidebar *, .ecr-portal-main *, .ecr-dashboard-panel *, .ecr-page-panel *, .ecr-booking-calendar *, .ecr-fare-summary-panel * { font-weight: var(--ecr-font-weight); } /* * Optional helper classes. */ .ecr-text-normal { font-family: var(--ecr-font-family) !important; font-size: var(--ecr-font-size) !important; font-weight: 400 !important; letter-spacing: normal !important; } .ecr-text-heading { font-family: var(--ecr-font-family) !important; font-weight: 400 !important; letter-spacing: normal !important; }