@font-face { font-family: "gordita"; src: url("https://cdn.moble.com/w/3027/1513414/file/Gordita Regular.ttf"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "gordita"; src: url("https://cdn.moble.com/w/3027/1513413/file/Gordita Medium.ttf"); font-weight: 700; font-style: normal; font-display: swap; } /* FORCE Gordita on headings (override theme fonts like Pragati) */ h1, h2, h3, h4, h5, h6, .widget-title, .item-title, .page-title, .section-title, .card-title, figcaption .item-title { font-family: "gordita", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-weight: 700; /* uses your Gordita Medium (700) */ } /* Force body text sizing across paragraphs, lists, and tables */ p, li { font-size: 0.9rem !important; } /* CARD TEXT AREA Makes the content stack vertically so the CTA can sit in the same place on every card. */ .widget-dynamic-container.show-author .widget-dynamic .card figcaption { display: flex !important; flex-direction: column !important; height: 100% !important; } /* SUMMARY Keeps the summary to 3 lines with ellipsis and reserves equal space across cards so buttons align. */ .widget-dynamic-container.show-author .widget-dynamic .card figcaption .item-summary { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.2 !important; font-size: 0.82rem !important; min-height: 3.6em !important; /* 3 lines x 1.2 */ max-height: 3.6em !important; margin-bottom: 12px !important; } /* CTA This restores the bordered button appearance and pushes it to the bottom of the figcaption area. */ .widget-dynamic-container.show-author .widget-dynamic .card figcaption .item-author { display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: flex-start !important; width: fit-content !important; max-width: 100% !important; box-sizing: border-box !important; padding: 10px 14px !important; margin-top: auto !important; line-height: 1 !important; font-size: inherit !important; color: inherit !important; background: transparent !important; border: 1px solid currentColor !important; border-radius: 2px !important; white-space: nowrap !important; text-decoration: none !important; } /* If the CTA text is actually an inside .item-author, this keeps the link looking like the button instead of plain text. */ .widget-dynamic-container.show-author .widget-dynamic .card figcaption .item-author a { display: inline-flex !important; align-items: center !important; justify-content: center !important; color: inherit !important; text-decoration: none !important; white-space: nowrap !important; } /* ================================================== FORCE-HIDE author CTA when empty (must be AFTER CTA rule) ================================================== */ .widget-dynamic-container.show-author .widget-dynamic .card figcaption .item-author.is-empty { display: none !important; padding: 0 !important; border: 0 !important; margin: 0 !important; } /* ====================================== NAV BAR → USE GORDITA FONT ====================================== */ .nav-bar, .nav-bar * { font-family: "gordita", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; } /* Nav menu links */ .nav-bar .nav-container > ul > li > a.ui-link { font-weight: 400; /* visually lighter than headings */ } /* CTA / buttons in nav */ .nav-bar .btn-action, .nav-bar .login-container, .nav-bar .join-container { font-weight: 400; } /* ========================================================= CHRG NAV BAR – CUSTOM OVERRIDES ========================================================= */ /* ---------- DEFAULT STATE ---------- */ .nav-bar { background-color: #ffffff; /* solid, no transparency */ transition: height 1s ease, background-color 1s ease; } /* ---------- SCROLL STATE: HEADER HEIGHT ---------- */ .nav-bar.nav-bar-dark { height: 65px !important; min-height: 65px !important; } /* ---------- LOGO: SCALE + FADE TRANSITION ---------- */ .nav-bar .logo-container img { transition: transform 1s ease, opacity 0.6s ease; } .nav-bar.nav-bar-dark .logo-container img { transform: scale(0.7); opacity: 0.92; } /* ---------- NAV: SHIFT LEFT ~50px (DESKTOP ONLY) ---------- */ /* This moves the entire nav block left (padding won't in a flex row). */ @media (min-width: 60em) { .nav-bar .desktop.nav-container { position: relative; left: -50px; } } @media (max-width: 59.99em) { .nav-bar.nav-bar-dark .logo-container img { content: url("https://cdn.moble.com/w/3270/2292809/file/CHRG%20Website%20Logo%20(1).png"); } } @media (max-width: 59.99em) { .nav-bar.nav-bar-dark .hamburger span, .nav-bar.nav-bar-dark .hamburger span::before, .nav-bar.nav-bar-dark .hamburger span::after { background-color: #ffffff !important; } } @media (max-width: 59.99em) { .nav-bar.nav-bar-dark .logo-container img { transform: scale(1) !important; } } /* ---------- NAV LABELS: TRUE VERTICAL CENTRING (SCROLL STATE) ---------- */ .nav-bar.nav-bar-dark .nav-container ul { height: 65px !important; } .nav-bar.nav-bar-dark .nav-container ul li { height: 65px !important; line-height: 65px !important; } .nav-bar.nav-bar-dark .nav-container ul li a { height: 65px !important; line-height: 65px !important; padding-top: 0 !important; padding-bottom: 0 !important; /* Micro-adjust to counter font baseline bias */ transform: translateY(-6px); } /* ========================================================= MENU CONTAINER – FIX TOP OFFSET WHEN HEADER IS SHRUNK Uses :has() so it works even if menu is appended elsewhere in DOM ========================================================= */ html:has(.nav-bar.nav-bar-dark) .menu-container { top: 66px !important; } /* In case the top is applied to the inner wrapper instead */ html:has(.nav-bar.nav-bar-dark) .menu-container .height-tall { margin-top: 0 !important; /* prevent stacked offsets */ } /* If the menu is positioned via a direct child row */ html:has(.nav-bar.nav-bar-dark) .menu-container > .row.height-tall { top: 66px !important; } /* Make widget summary paragraph size*/ .widget-dynamic-container.widget-tagged-faq .accordion.group-faq > div > *, .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-summary { font-size: 1em; } /* ================================================== */ /* Any element explicitly using Pragati Narrow */ *[style*="Pragati"], *[style*="pragati"], .pragatinarrow, .pragati, .font-pragati, .font-pragatinarrow { font-family: "gordita", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-weight: 400 !important; /* Gordita Regular */ } /* Catch-all override for Pragati Narrow applied by the theme */ body, .nav-bar, .widget-dynamic-container, .card, figcaption, .item-title, .item-summary, .item-author, .ui-link { font-family: "gordita", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; } /* Targets all anchor () links inside list items (
  • ) that are within the unordered list (