/**
 * Snippet Name: RK: CSF 03 - Donate Sidebar
 * Generated: 2026-11-01 07:45:59
 * Source: Custom
 * AUTO-GENERATED FILE — DO NOT EDIT.
 */

/* ==============================================================
  CSF — Donate Sidebar
  Sticky donate card (.csfpostdonate), Swiper slides, trust pills,
  Donor Login / Technical Support triggers, mobile sticky "Donate Now" bar.
============================================================== */

body.category-csf .csfstickyfooter,
body.category-csf .csf-floating-toggle,
body.category-csf .csf-floating-share {
  display: none !important;
}

/* Hide the inline-rendered "Easily Manage Donations" login modal.
   It ships with style="display: block; visibility: visible;" inline,
   which paints a grey rectangle behind the donation form. The plugin's
   JS reopens it when the trigger link is clicked. */

body.category-csf .csfpostdonate .go-modal__overlay,
body.category-csf .csfpostdonate .go-modal__backdrop,
body.category-csf .csfpostdonate .go-modal__dialog {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -99999px !important;
}

body.category-csf .csfpostdonate .go-modal {
  display: contents !important;
}

body.category-csf .csfpostdonate .go-modal > .go-modal__trigger {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.category-csf .csfpageheader,
body.category-csf header#masthead,
body.category-csf header.site-header,
body.category-csf .site-header.has-inline-mobile-toggle,
body.category-csf .inside-header,
body.category-csf nav#site-navigation,
body.category-csf nav.main-navigation,
body.category-csf .main-navigation.sub-menu-right,
body.category-csf .has-sticky-branding,
body.category-csf #mobile-menu-control-wrapper,
body.category-csf .mobile-menu-control-wrapper,
body.category-csf .menu-toggle,
body.category-csf .navigation-branding,
body.category-csf .sticky-navigation-logo,
body.category-csf .stuckElement,
body.category-csf .nav-is-stuck,
body.category-csf .is-stuck,
body.category-csf .nav-sticky,
body.category-csf [class*="stuck"]:not(.csfpostdonate) {
  display: none !important;
}

body.category-csf .csfpostheader .csfposttop {
  display: none !important;
}

body.category-csf .csfpostdonate {
  width: 100% !important;
  margin: 0 0 22px 0 !important;
  background: var(--rk-surface) !important;
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius-lg) !important;
  box-shadow: var(--rk-shadow) !important;
  animation: none !important;
}

body.category-csf .csfpostdonate::before,
body.category-csf .csfpostdonate::after {
  content: none !important;
}

body.category-csf .csfpostdonate > .csfpostsubtitle::before,
body.category-csf .csfpostdonate > #donateto::before {
  height: 8px !important;
  width: 100% !important;
  margin: 0 0 14px 0 !important;
  border-radius: var(--rk-radius-full) !important;
  background: linear-gradient(to right,
      var(--rk-accent) 0%,
      var(--rk-accent) calc(var(--csf-raised) / var(--csf-goal) * 100%),
      var(--rk-accent-soft) calc(var(--csf-raised) / var(--csf-goal) * 100%),
      var(--rk-accent-soft) 100%) !important;
}

body.category-csf .csfpostdonate .csfpostsubtitle,
body.category-csf #donateto {
  display: block !important;
  text-align: left !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: var(--rk-text) !important;
  margin: 0 0 4px 0 !important;
  text-shadow: none !important;
}

body.category-csf .csfpostdonate .csf-progress-meta {
  font-size: 0.88rem !important;
  color: var(--rk-muted) !important;
  margin: 0 0 14px 0 !important;
}

/* "Easily Manage Donations - Donate with Your Free Donor Account"
   This is a .go-modal__trigger anchor inside a .go-modal wrapper.
   The plugin's stylesheet styles it as a big button by default.
   Demote it to a small grey text link consistent with the form's
   visual hierarchy. */

body.category-csf .csfpostdonate > a,
body.category-csf .csfpostdonate > p > a,
body.category-csf .csfpostdonate a[onclick],
body.category-csf .csfpostdonate a[href="#"],
body.category-csf .csfpostdonate .go-modal__trigger,
body.category-csf .csfpostdonate a.go-modal__trigger,
body.category-csf .csfpostdonate .go-modal__trigger--link {
  display: inline-block !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
  font-family: inherit !important;
  font-size: 0.63rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--rk-muted) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  animation: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  text-align: left !important;
  border-radius: 0 !important;
}

body.category-csf .csfpostdonate .go-modal__trigger:hover,
body.category-csf .csfpostdonate a.go-modal__trigger:hover {
  background: none !important;
  color: var(--rk-accent) !important;
  text-decoration: underline !important;
  transform: none !important;
  box-shadow: none !important;
}

body.category-csf .csfpostdonate > p {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  font-size: 0.78rem !important;
  color: var(--rk-muted) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.category-csf .csfpostdonate a[onclick]:hover,
body.category-csf .csfpostdonate a[href="#"]:hover {
  color: var(--rk-accent) !important;
}

@media (max-width: 980px) {
  body.category-csf .csfstickyfooter {
    display: flex !important;
    position: fixed !important;
    top: auto !important; /* ← add this */
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 999 !important;
    padding: 12px 16px max(12px, env(safe-area-inset-bottom)) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border-top: 1px solid var(--rk-line) !important;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.06) !important;
    justify-content: center !important;
    align-items: center !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
  }
  body.category-csf .csfstickyfooter.csfstickyfooter.csf-footer-hidden {
    transform: translateY(100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  body.category-csf .csfstickyfooter .csfpostfooterbutton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 420px !important;
    padding: 15px 24px !important;
    background: var(--rk-accent) !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    text-decoration: none !important;
    border-radius: var(--rk-radius-full) !important;
    border: none !important;
    box-shadow: 0 4px 14px var(--rk-accent-glow) !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
  }
  body.category-csf .csfstickyfooter .csfpostfooterbutton:hover {
    background: var(--rk-accent-hover) !important;
    transform: translateY(-1px) !important;
  }
  body.category-csf .csfstickyfooter .csfpostfooterbutton:active {
    transform: translateY(0) !important;
  }
}

body.category-csf .csf-trust-pills {
  display: block !important; /* container is block, full-width */
  width: 100% !important;
  max-width: 100% !important;
  margin: 14px 0 0 0 !important;
  padding: 14px 0 2px 0 !important;
  border-top: 1px solid var(--rk-line) !important;
  box-sizing: border-box !important;
  list-style: none !important;
  text-align: center !important; /* centers inline-flex children */
  font-size: 0 !important; /* kill whitespace gaps between inline-blocks */
}

body.category-csf .csf-trust-pill {
  display: inline-flex !important;
  vertical-align: middle !important;
  width: auto !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 5px !important;
  padding: 7px 12px !important;
  background: var(--rk-accent-soft) !important;
  border: 1px solid rgba(30, 115, 190, 0.22) !important;
  border-radius: var(--rk-radius-full) !important;
  font-size: 0.7rem !important; /* restore font-size on children */
  font-weight: 700 !important;
  color: var(--rk-accent-dark) !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}

body.category-csf .csf-trust-pill:hover {
  background: #d9eaf6 !important;
  border-color: rgba(30, 115, 190, 0.4) !important;
}

body.category-csf .csf-trust-pill svg {
  width: 13px !important;
  height: 13px !important;
  margin-right: 4px !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  stroke: var(--rk-accent) !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  overflow: visible !important;
}

@media (max-width: 600px) {
  body.category-csf .csf-trust-pill {
    margin: 0 3px !important;
    padding: 6px 9px !important;
    font-size: 0.62rem !important;
  }
  body.category-csf .csf-trust-pill svg {
    width: 11px !important;
    height: 11px !important;
    margin-right: 3px !important;
  }
}

@media (max-width: 380px) {
  body.category-csf .csf-trust-pill {
    margin: 0 2px !important;
    padding: 5px 7px !important;
    font-size: 0.58rem !important;
  }
  body.category-csf .csf-trust-pill svg {
    width: 10px !important;
    height: 10px !important;
    margin-right: 2px !important;
  }
}

/* CSF Donation Page — Fixes Addendum v5.3
   Append to the end of the existing CSF stylesheet.
   Pairs with csf-fixes.js v5.3.
   What's different from v5.2:
   - Works WITH the bl-accordion plugin's existing pseudo-elements
     (.blacc-header::before = "Change" label, ::after = chevron)
     instead of trying to inject our own. The plugin's specificity
     was beating us.
   - The title is hidden until JS splits it (no flash of "Donate to").
   - All vertical whitespace between title and first accordion is
     stripped aggressively.
FIX 1: Title — eyebrow + program name, no flash
   The title is invisible until the JS runs and adds .csf-title-ready
   to the heading. The JS runs synchronously on DOMContentLoaded
   (or immediately if DOM is ready), so the gap is imperceptible. */

body.category-csf .csfpostdonate > #donateto::before,
body.category-csf .csfpostdonate > .csfpostsubtitle::before {
  content: none !important;
  display: none !important;
}

body.category-csf .csfpostdonate #donateto,
body.category-csf .csfpostdonate .csfpostsubtitle {
  visibility: hidden !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.category-csf .csfpostdonate #donateto.csf-title-ready,
body.category-csf .csfpostdonate .csfpostsubtitle.csf-title-ready {
  visibility: visible !important;
  margin: 0 0 12px 0 !important;
}

body.category-csf .csfpostdonate {
  padding: 10px 14px !important;
}

body.category-csf .csfpostdonate .csf-title-name {
  display: block !important;
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.2 !important;
  color: var(--rk-text) !important;
  text-wrap: balance !important;
}

/* Kill the empty <p> and <br> tags between title and form that
   are baked into the page template. They were adding ~32px + a
   line-height of whitespace right where we want it tightest. */

body.category-csf .csfpostdonate > p:empty,
body.category-csf .csfpostdonate > br {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* The <p> isn't truly "empty" — it contains tab characters. We
   detect "effectively empty" paragraphs by hiding any <p> that has
   no child elements and only whitespace text. The :has() selector
   handles this; combined with :not(:has(*)) we get whitespace-only
   paragraphs. */

body.category-csf .csfpostdonate > p:not(:has(*)):not(.csf-progress-meta) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* FIX 2: Donor Login as button under trust pills
   (unchanged from v5.2 — this worked) */

body.category-csf .csfpostdonate {
  display: flex !important;
  flex-direction: column !important;
}

body.category-csf .csfpostdonate > * {
  order: 5;
}

body.category-csf .csfpostdonate > #donateto,
body.category-csf .csfpostdonate > .csfpostsubtitle {
  order: 1 !important;
}

body.category-csf .csfpostdonate > p:not(:has(.go-modal__trigger)) {
  order: 2 !important;
}

body.category-csf .csfpostdonate > .csf-trust-pills {
  order: 4 !important;
}

body.category-csf .csfpostdonate > .go-modal {
  order: 6 !important;
  display: block !important;
  width: 100% !important;
  margin: 14px 0 0 0 !important;
}

body.category-csf .csfpostdonate > .go-modal > .go-modal__trigger,
body.category-csf .csfpostdonate > .go-modal > a.go-modal__trigger,
body.category-csf .csfpostdonate > .go-modal > .go-modal__trigger--link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 11px 18px !important;
  background: #fff !important;
  border: 1.5px solid var(--rk-line) !important;
  border-radius: var(--rk-radius-full) !important;
  font-family: inherit !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  color: var(--rk-text-soft) !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  box-shadow: var(--rk-shadow-sm) !important;
  cursor: pointer !important;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important;
}

body.category-csf .csfpostdonate > .go-modal > .go-modal__trigger:hover,
body.category-csf .csfpostdonate > .go-modal > a.go-modal__trigger:hover {
  background: var(--rk-surface-2) !important;
  border-color: var(--rk-accent) !important;
  color: var(--rk-accent) !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

body.category-csf .csfpostdonate > .go-modal > .go-modal__trigger::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575760' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  flex-shrink: 0 !important;
  position: static !important;
  opacity: 1 !important;
  transition: filter 0.2s ease !important;
}

body.category-csf .csfpostdonate > .go-modal > .go-modal__trigger:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e73be' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}

/* CSF — Tech Support Trigger Buttons (restore)
   Restores the pill-button styling for the Donor Login and
   Technical Support links in the sidebar. This is v1's
   sections 33 + 34 verbatim — drop it in alongside v3.
   The triggers themselves never move (only the dialog gets
   reparented to <body> when opened), so .donorloginmodal /
   .technicalsupport remain valid ancestor selectors. */

body.category-csf .csfpostdonate > .donorloginmodal {
  order: 6 !important;
}

body.category-csf .csfpostdonate > .technicalsupport {
  order: 7 !important;
}

body.category-csf .csfpostdonate .donorloginmodal,
body.category-csf .csfpostdonate .technicalsupport {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

body.category-csf .csfpostdonate .donorloginmodal {
  margin: 14px 0 6px 0 !important;
}

body.category-csf .csfpostdonate .technicalsupport {
  margin: 0 !important;
}

body.category-csf .csfpostdonate .donorloginmodal > .go-modal,
body.category-csf .csfpostdonate .technicalsupport > .go-modal {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

body.category-csf .csfpostdonate .donorloginmodal .go-modal__trigger,
body.category-csf .csfpostdonate .technicalsupport .go-modal__trigger,
body.category-csf .csfpostdonate .donorloginmodal a.go-modal__trigger,
body.category-csf .csfpostdonate .technicalsupport a.go-modal__trigger,
body.category-csf .csfpostdonate .donorloginmodal .go-modal__trigger--link,
body.category-csf .csfpostdonate .technicalsupport .go-modal__trigger--link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 11px 18px !important;
  background: #fff !important;
  border: 1.5px solid var(--rk-line) !important;
  border-radius: var(--rk-radius-full) !important;
  font-family: inherit !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  color: var(--rk-text-soft) !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  box-shadow: var(--rk-shadow-sm) !important;
  cursor: pointer !important;
  transition: background .2s ease,
    border-color .2s ease,
    color .2s ease,
    transform .2s ease !important;
}

body.category-csf .csfpostdonate .donorloginmodal .go-modal__trigger:hover,
body.category-csf .csfpostdonate .technicalsupport .go-modal__trigger:hover {
  background: var(--rk-surface-2) !important;
  border-color: var(--rk-accent) !important;
  color: var(--rk-accent) !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

body.category-csf .csfpostdonate .donorloginmodal .go-modal__trigger::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575760' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  flex-shrink: 0 !important;
  transition: filter 0.2s ease !important;
}

body.category-csf .csfpostdonate .donorloginmodal .go-modal__trigger:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e73be' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}

body.category-csf .csfpostdonate .technicalsupport .go-modal__trigger {
  font-size: 0.78rem !important;
  padding: 9px 18px !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--rk-muted) !important;
}

body.category-csf .csfpostdonate .technicalsupport .go-modal__trigger:hover {
  background: var(--rk-surface-2) !important;
  border-color: var(--rk-line) !important;
  color: var(--rk-accent) !important;
}

body.category-csf .csfpostdonate .technicalsupport .go-modal__trigger::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M5.6 5.6l2.4 2.4'/%3E%3Cpath d='M16 16l2.4 2.4'/%3E%3Cpath d='M5.6 18.4L8 16'/%3E%3Cpath d='M16 8l2.4-2.4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  flex-shrink: 0 !important;
  transition: filter 0.2s ease !important;
}

body.category-csf .csfpostdonate .technicalsupport .go-modal__trigger:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e73be' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M5.6 5.6l2.4 2.4'/%3E%3Cpath d='M16 16l2.4 2.4'/%3E%3Cpath d='M5.6 18.4L8 16'/%3E%3Cpath d='M16 8l2.4-2.4'/%3E%3C/svg%3E") !important;
}

/* 34. OVERLAY VISIBILITY — keep tech support modal openable
   The base stylesheet's section 2 force-hides every
   .go-modal__overlay under .csfpostdonate (to suppress donor
   login's inline-rendered overlay). The technical-support
   modal is also under .csfpostdonate, so the same rule was
   hiding it. Re-enable visibility specifically for it, while
   still respecting the hidden / aria-hidden attributes the
   plugin toggles when closed. */

body.category-csf .csfpostdonate .technicalsupport .go-modal__overlay,
body.category-csf .csfpostdonate .technicalsupport .go-modal__backdrop,
body.category-csf .csfpostdonate .technicalsupport .go-modal__dialog {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: fixed !important;
  left: 0 !important;
}

body.category-csf .csfpostdonate .technicalsupport .go-modal__overlay[hidden],
body.category-csf .csfpostdonate .technicalsupport .go-modal__overlay[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.category-csf .csfpostdonate .csf-trust-pills {
  margin-top: 12px !important;
  border-top: 1px solid var(--rk-line) !important;
  padding-top: 12px !important;
  padding-bottom: 0 !important;
}

/* v5.7 SURGICAL PATCH — append at the very end of csf-fixes.css
   - Center the title block (eyebrow + program name)
   - Replace pill with eyebrow text flanked by hairlines */

body.category-csf .csfpostdonate #donateto.csf-title-ready,
body.category-csf .csfpostdonate .csfpostsubtitle.csf-title-ready {
  text-align: center !important;
}

body.category-csf .csfpostdonate .csf-title-name {
  text-align: center !important;
}

/* Eyebrow: text with a hairline on each side. Built with flex +
   pseudo-elements so the lines auto-size to fill the row. */

body.category-csf .csfpostdonate .csf-title-eyebrow {
  /* Reset the pill chrome */
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  /* Lay out as a flex row: line — text — line */
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 6px 0 !important;
  /* Type */
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--rk-muted) !important;
  line-height: 1 !important;
}

body.category-csf .csfpostdonate .csf-title-eyebrow::before,
body.category-csf .csfpostdonate .csf-title-eyebrow::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: var(--rk-line) !important;
  display: block !important;
}

@media (min-width: 880px) {
  body.category-csf .csfpostdonate {
    max-height: calc(100vh - 48px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(30,115,190,.45) transparent !important;
  }
  body.category-csf .csfpostdonate::-webkit-scrollbar {
    width: 8px !important;
  }
  body.category-csf .csfpostdonate::-webkit-scrollbar-track {
    background: transparent !important;
  }
  body.category-csf .csfpostdonate::-webkit-scrollbar-thumb {
    background: rgba(30,115,190,.38) !important;
    border-radius: 999px !important;
  }
  body.category-csf .csfpostdonate::-webkit-scrollbar-thumb:hover {
    background: rgba(30,115,190,.60) !important;
  }
}