/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 29 2026 | 14:30:41 */
/*==============================================================
   CSF Donation Page — Clean Rewrite v4
   Rekonect-branded (blue #1e73be / cyan #42ABDD)
   GoFundMe-style sticky right sidebar
   No patch sections. No animation theatre. One coherent file.
==============================================================*/

:root {
  /* ===== Rekonect brand palette (matches rekonect.ngo) ===== */
  --rk-accent:        #1e73be;        /* primary brand blue (links, primary CTA) */
  --rk-accent-hover:  #155a96;
  --rk-accent-dark:   #114576;
  --rk-accent-soft:   #e7f1fa;        /* tint for badges / progress bg */
  --rk-accent-glow:   rgba(30,115,190,.18);

  --rk-cyan:          #42ABDD;        /* heading cyan */
  --rk-cyan-soft:     #e9f6fc;

  --rk-neutral-btn:   #55555e;        /* secondary button bg */
  --rk-neutral-btn-h: #3f4047;

  /* ===== Neutrals ===== */
  --rk-text:          #222222;
  --rk-text-soft:     #575760;
  --rk-muted:         #6b7280;
  --rk-subtle:        #b2b2be;
  --rk-line:          #e5e7eb;
  --rk-line-soft:     #eef0f2;

  --rk-bg:            #ffffff;
  --rk-surface:       #ffffff;
  --rk-surface-2:     #f7f8f9;
  --rk-surface-3:     #f0f0f0;

  /* ===== Status ===== */
  --rk-danger:        #ef4444;
  --rk-danger-soft:   #fee2e2;
  --rk-success:       #10b981;

  /* ===== Tier accents (kept distinct, desaturated) ===== */
  --tier-silver:      #94a3b8;
  --tier-gold:        #d97706;
  --tier-diamond:     #7c3aed;

  /* ===== Radii ===== */
  --rk-radius-sm:     6px;
  --rk-radius:        10px;
  --rk-radius-lg:     14px;
  --rk-radius-xl:     18px;
  --rk-radius-full:   9999px;

  /* ===== Shadows (subtle) ===== */
  --rk-shadow-sm:     0 1px 2px rgba(0,0,0,.04);
  --rk-shadow:        0 1px 3px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.04);
  --rk-shadow-lg:     0 4px 12px rgba(0,0,0,.06), 0 12px 32px rgba(0,0,0,.06);

  --rk-control-h:     46px;

  /* ===== Progress placeholders (override inline on .csfpostdonate when data is available) =====
     style="--csf-raised: 1439453; --csf-goal: 2000000; --csf-count: 1700;" */
  --csf-raised:       0;
  --csf-goal:         100000;
  --csf-count:        0;
}

/*--------------------------------------------------------------
   1. PAGE FOUNDATION
--------------------------------------------------------------*/
body.category-csf {
  background: var(--rk-bg) !important;
  color: var(--rk-text) !important;
  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  line-height: 1.55 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding-top: 0 !important;
}
body.category-csf,
body.category-csf *,
body.category-csf *::before,
body.category-csf *::after { box-sizing: border-box !important; }

/* WordPress / GeneratePress reset */
body.category-csf .site-main,
body.category-csf .entry-content,
body.category-csf .inside-article,
body.category-csf article.post,
body.category-csf .content-area {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
body.category-csf .entry-meta,
body.category-csf .entry-title,
body.category-csf .entry-header { display: none !important; }
body.category-csf .widget-area.sidebar,
body.category-csf #right-sidebar,
body.category-csf #left-sidebar,
body.category-csf .is-right-sidebar,
body.category-csf .is-left-sidebar { display: none !important; width: 0 !important; visibility: hidden !important; }

/* Strip stray <strong> wrappers that cause weird boldness */
body.category-csf .gform_wrapper fieldset > strong,
body.category-csf .gform_wrapper fieldset > strong > strong,
body.category-csf .gform_wrapper .gfield > strong,
body.category-csf .gform_wrapper .gfield > strong > strong {
  font-weight: inherit !important;
  display: contents !important;
}

/*--------------------------------------------------------------
   2. HIDE FLOATING / STICKY UI + SITE CHROME
--------------------------------------------------------------*/
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 .site,
body.category-csf .site-content,
body.category-csf #page { padding-top: 0 !important; margin-top: 0 !important; }

/*--------------------------------------------------------------
   3. PAGE LAYOUT — single-column on mobile, sticky sidebar on desktop
   Uses display:contents on .csfpostcontent to lift its children
   into the page-level grid so .csfpostdonate can be placed in
   the right column without rearranging DOM.
--------------------------------------------------------------*/
body.category-csf .entry-content {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 28px 24px 64px !important;
  display: block !important;
}

@media (min-width: 880px) {
  body.category-csf .entry-content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 380px !important;
    /* Explicit row declaration: 5 auto rows for left-column items
       (header, banner, description, donations, footer-link), then a
       6th row for the full-width contact form. The sidebar spans
       rows 1-5 and the contact form is placed explicitly in row 6. */
    grid-template-rows:
      auto    /* 1: header */
      auto    /* 2: banner */
      auto    /* 3: description */
      auto    /* 4: donations */
      auto    /* 5: linkbyfooter */
      auto !important; /* 6: contact */
    column-gap: 48px !important;
    row-gap: 22px !important;
    align-items: start !important;
  }

  /* Hoist .csfpostcontent's children into the page-level grid */
  body.category-csf .csfpostcontent { display: contents !important; }

  /* Left column, in source-correct order */
  body.category-csf .csfpostheader      { grid-column: 1 !important; grid-row: 1 !important; }
  body.category-csf .csfpostbanner      { grid-column: 1 !important; grid-row: 2 !important; }
  body.category-csf .csfpostdescription { grid-column: 1 !important; grid-row: 3 !important; }
  body.category-csf .csfpostdonations   { grid-column: 1 !important; grid-row: 4 !important; }
  body.category-csf .csflinkbyfooter    { grid-column: 1 !important; grid-row: 5 !important; }

  /* Sidebar = sticky donate card, occupies column 2 spanning rows 1-5.
     Grid will grow these rows to fit the sidebar's intrinsic height,
     so row 6 (contact) starts BELOW the sidebar — no overlap. */
  body.category-csf .csfpostdonate {
    grid-column: 2 !important;
    grid-row: 1 / 6 !important;
    position: sticky !important;
    top: 24px !important;
    align-self: start !important;
  }

  /* Contact form: stays in column 1 (left column), same as the rest
     of the page content. Spanning full width would put it underneath
     the sticky sidebar — its centered card would render under the
     sidebar's z-index, causing visual overlap (especially the phone
     field's intl-tel-input which uses position:relative). */
  body.category-csf .csfpostcontact {
    grid-column: 1 !important;
    grid-row: 6 !important;
    margin-top: 16px !important;
  }

  /* Kill the divider — it would steal a grid cell */
  body.category-csf hr.csfpostdivider { display: none !important; }
}

@media (max-width: 1024px) and (min-width: 880px) {
  body.category-csf .entry-content {
    grid-template-columns: minmax(0, 1fr) 340px !important;
    column-gap: 36px !important;
    padding: 24px 20px 64px !important;
  }
}

@media (max-width: 879px) {
  body.category-csf .entry-content { padding: 20px 16px 56px !important; }
  body.category-csf .csfpostdonate {
    position: static !important;
    margin: 12px 0 22px 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/*--------------------------------------------------------------
   4. HEADER (.csfpostheader)
--------------------------------------------------------------*/
body.category-csf .csfpostheader {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-align: left !important;
  animation: none !important;
}
body.category-csf .csfpostheader::before,
body.category-csf .csfpostheader::after { content: none !important; }

body.category-csf .csfposttitle {
  display: block !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--rk-muted) !important;
  margin: 0 0 6px 0 !important;
}
body.category-csf .csfposttitlename {
  display: block !important;
  font-size: clamp(1.6rem, 3.2vw, 2.25rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  color: var(--rk-text) !important;
  margin: 0 !important;
}

/* The big "DONATE NOW" header CTA is redundant — hide it */
body.category-csf .csfpostheader .csfposttop { display: none !important; }

/* Share row */
body.category-csf .csfpostheader .csfpostshare {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 14px !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: var(--rk-muted) !important;
}
body.category-csf .csfpostheader .csfpostshare > br { display: none !important; }
body.category-csf .csfpostheader .csfpostshare .addtoany_shortcode,
body.category-csf .csfpostheader .csfpostshare .a2a_kit {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.category-csf .csfpostheader .csfpostshare .a2a_kit a,
body.category-csf .csfpostheader .csfpostshare .addtoany_shortcode a {
  all: revert !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 2px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 4px !important;
  width: auto !important;
  height: auto !important;
  line-height: 0 !important;
  transition: opacity .2s ease, background .2s ease !important;
}
body.category-csf .csfpostheader .csfpostshare .a2a_kit a:hover {
  opacity: 0.85 !important;
  background: var(--rk-surface-2) !important;
}
body.category-csf .csfpostheader .csfpostshare .a2a_kit a svg,
body.category-csf .csfpostheader .csfpostshare .a2a_kit a img {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
  vertical-align: middle !important;
}
body.category-csf .a2a_kit.addtoany_list .a2a_label { display: none !important; }

/* "is a program of Rekonect..." attribution */
body.category-csf .csfpostheader > p,
body.category-csf .csfpostheader p {
  display: block !important;
  margin: 10px 0 0 0 !important;
  font-size: 0.82rem !important;
  color: var(--rk-muted) !important;
  line-height: 1.5 !important;
}
body.category-csf .csfpostheader p a {
  color: var(--rk-accent) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/*--------------------------------------------------------------
   5. BANNER
--------------------------------------------------------------*/
body.category-csf .csfpostbanner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 16px !important;
  border-radius: var(--rk-radius-lg) !important;
  overflow: hidden !important;
  background: var(--rk-surface-2) !important;
  border: 1px solid var(--rk-line) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-height: 480px !important;
}
body.category-csf .csfpostbanner img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 440px !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  border-radius: var(--rk-radius) !important;
}

/*--------------------------------------------------------------
   6. STORY / DESCRIPTION
--------------------------------------------------------------*/
body.category-csf .csfpostdescription {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-align: left !important;
  color: var(--rk-text) !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
  animation: none !important;
}
body.category-csf .csfpostdescription p {
  margin: 0 0 1rem 0 !important;
  color: var(--rk-text) !important;
}
body.category-csf .csfpostdescription p:last-child { margin-bottom: 0 !important; }
body.category-csf .csfpostdescription a {
  color: var(--rk-accent) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
body.category-csf .csfpostdescription a:hover { color: var(--rk-accent-hover) !important; }

/* Collapsed state */
body.category-csf .csfpostdescription.csf-description-collapsed {
  max-height: 280px !important;
  overflow: hidden !important;
  position: relative !important;
}
body.category-csf .csfpostdescription.csf-description-collapsed::after {
  content: "" !important;
  position: absolute !important;
  left: 0; right: 0; bottom: 0;
  height: 100px !important;
  background: linear-gradient(to bottom, transparent, var(--rk-bg)) !important;
  pointer-events: none !important;
}

body.category-csf .csf-description-toggle-wrap {
  display: flex !important;
  justify-content: flex-start !important;
  margin: 0.25rem 0 1.25rem !important;
}
body.category-csf .csf-description-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 9px 18px !important;
  background: transparent !important;
  border: 1.5px solid var(--rk-text) !important;
  border-radius: var(--rk-radius-full) !important;
  color: var(--rk-text) !important;
  font-family: inherit !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background .2s ease, color .2s ease !important;
  box-shadow: none !important;
}
body.category-csf .csf-description-toggle:hover {
  background: var(--rk-text) !important;
  color: #fff !important;
}
body.category-csf .csf-description-toggle .toggle-icon { display: none !important; }
body.category-csf .csf-collapsible-content {
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.4s ease;
}
body.category-csf .csf-collapsible-content.csf-content-collapsed { max-height: 0; opacity: 0; pointer-events: none; }
body.category-csf .csf-collapsible-content.csf-content-expanded  { max-height: 6000px; opacity: 1; }
body.category-csf .csf-collapsible-content > p:empty,
body.category-csf .csfpostdescription > p:empty { display: none !important; }

/*--------------------------------------------------------------
   7. STICKY DONATE SIDEBAR (.csfpostdonate)
--------------------------------------------------------------*/
body.category-csf .csfpostdonate {
  width: 100% !important;
  margin: 0 0 22px 0 !important;
  padding: 22px !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; }

/* Progress bar above the title */
body.category-csf .csfpostdonate > .csfpostsubtitle::before,
body.category-csf .csfpostdonate > #donateto::before {
  content: "" !important;
  display: block !important;
  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.78rem !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; }

/* Form wrapper — clean white card, no halo */
body.category-csf .csfpostdonate .gform_wrapper {
  width: 100% !important;
  margin: 4px 0 0 0 !important;
  padding: 14px !important;
  background: var(--rk-surface-2) !important;
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: none !important;
  animation: none !important;
}
body.category-csf .csfpostdonate .gform_wrapper::before,
body.category-csf .csfpostdonate .gform_wrapper::after { content: none !important; }

/* ===== Swiper sizing — minimal intervention =====
   The donate form uses Swiper (via gp-page-transitions) for its 2-page
   navigation. Swiper sets each slide's inline `width: 745px` because
   that's what it measured at init, before our CSS narrowed the sidebar.
   It also sets the `.swiper-wrapper` inline width to 745px for the
   same reason.

   We override BOTH widths to fit the sidebar. We do NOT touch
   display/flex/transform — those are how Swiper slides between pages. */

body.category-csf .csfpostdonate .swiper-wrapper,
body.category-csf .csfpostdonate .gform-body.swiper-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

body.category-csf .csfpostdonate .swiper-slide,
body.category-csf .csfpostdonate .gform_page.swiper-slide {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* ===== Fix Swiper's stale translate cache =====
   Swiper measures slide widths at init. If our CSS shrinks slides
   AFTER init, Swiper's internal translate cache is stale: it still
   thinks slides are 745px wide and translates by -765px (745 + 20
   spaceBetween) when navigating to page 2. That overshoots and
   pushes page 2's content offscreen left.

   To force Swiper to use the correct translate distance, we override
   the wrapper's transform based on which slide is active. Swiper sets
   the active state via the `.swiper-slide-active` class on whichever
   page is currently visible. */

/* Page 1 active: no translate */
body.category-csf .csfpostdonate .swiper-wrapper:has(> .gform_page:nth-child(1).swiper-slide-active) {
  transform: translate3d(0px, 0, 0) !important;
}
/* Page 2 active: translate by exactly the wrapper width (no spaceBetween,
   since we set margin-right: 0 on slides) */
body.category-csf .csfpostdonate .swiper-wrapper:has(> .gform_page:nth-child(2).swiper-slide-active) {
  transform: translate3d(-100%, 0, 0) !important;
}

/* ===== KILL THE GLOBAL .swiper SHADOW + DARK OVERLAY =====
   Another stylesheet on this site (1543.css, intended for an image
   carousel elsewhere) ships UNSCOPED rules:
       .swiper { box-shadow: 0 20px 60px rgba(0,0,0,.55), ...; }
       .swiper::before { background: linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.55)); }
   Those match the donate form's swiper and render as a dark grey halo
   bleeding past the sidebar. Override the shadow + the dark overlay,
   but do NOT touch Swiper's overflow (Swiper needs overflow:hidden on
   .swiper itself to clip the offscreen slide during page transitions). */
body.category-csf .csfpostdonate .swiper,
body.category-csf .csfpostdonate .gform-body.swiper-wrapper {
  box-shadow: none !important;
  border-radius: 0 !important;
}
body.category-csf .csfpostdonate .swiper::before,
body.category-csf .csfpostdonate .gform-body.swiper-wrapper::before,
body.category-csf .csfpostdonate .swiper::after,
body.category-csf .csfpostdonate .gform-body.swiper-wrapper::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}
/* Note: 1543.css applies `.swiper * { position: relative; z-index: 3 }`
   globally. We don't fight that — `position: relative` on slides is
   actually what Swiper expects, and the z-index doesn't break anything
   inside the form. */

/* Defensive: keep every field, fieldset, and grid row inside the sidebar
   constrained to the column width. Gravity Forms' `gfield--width-full`
   normally is 100% of the form, but if Swiper's 745px slide is still
   leaking through somehow, this catches the overflow at the field level. */
body.category-csf .csfpostdonate .gform_page,
body.category-csf .csfpostdonate .gform_page_fields,
body.category-csf .csfpostdonate .gform_fields,
body.category-csf .csfpostdonate .gfield,
body.category-csf .csfpostdonate fieldset.gfield,
body.category-csf .csfpostdonate .donation-info,
body.category-csf .csfpostdonate .your-info,
body.category-csf .csfpostdonate .gform-grid-row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.category-csf .csfpostdonate .gfield--width-full {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
}

body.category-csf .csfpostdonate .gform_wrapper .gform_fields,
body.category-csf .csfpostdonate .gform_wrapper .donation-info,
body.category-csf .csfpostdonate .gform_wrapper .your-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  grid-template-columns: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/*--------------------------------------------------------------
   8. GRAVITY FORMS — base
--------------------------------------------------------------*/
body.category-csf .gform_wrapper .gform_heading {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  text-align: left !important;
  border: none !important;
}
body.category-csf .gform_wrapper .gform_required_legend { display: none !important; }
body.category-csf .gform_wrapper .gform_description {
  font-size: 0.9rem !important;
  color: var(--rk-muted) !important;
  margin: 0 !important;
}
body.category-csf .gform_wrapper .gform_description:empty { display: none !important; }

body.category-csf .gform_wrapper .gfield {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.category-csf .gform_wrapper .admin-hidden-markup,
body.category-csf .gform_wrapper .gfield_visibility_hidden { display: none !important; }

body.category-csf .gform_wrapper .gsection {
  border: none !important;
  margin: 8px 0 0 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid var(--rk-line) !important;
}
body.category-csf .gform_wrapper .gsection_title {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: var(--rk-text) !important;
  text-align: left !important;
  margin: 0 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
body.category-csf .gform_wrapper .gsection_description {
  font-size: 0.8rem !important;
  color: var(--rk-muted) !important;
  text-align: left !important;
  margin-top: 4px !important;
}

body.category-csf .gform_wrapper .gfield_label {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: var(--rk-text-soft) !important;
  margin: 0 0 6px 0 !important;
  display: block !important;
  text-align: left !important;
}
body.category-csf .gform_wrapper legend.gfield_label {
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
}
body.category-csf .gform_wrapper .hidden_label > .gfield_label,
body.category-csf .gform_wrapper .screen-reader-text {
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body.category-csf .gform_wrapper .gfield_required {
  color: var(--rk-accent) !important;
  margin-left: 2px !important;
}
body.category-csf .gform_wrapper .gfield_description {
  color: var(--rk-muted) !important;
  font-size: 0.8rem !important;
  text-align: left !important;
  margin: 4px 0 0 0 !important;
}

/* Inputs / textarea */
body.category-csf .gform_wrapper input[type="text"],
body.category-csf .gform_wrapper input[type="email"],
body.category-csf .gform_wrapper input[type="tel"],
body.category-csf .gform_wrapper input[type="number"],
body.category-csf .gform_wrapper input[type="url"],
body.category-csf .gform_wrapper input[type="password"],
body.category-csf .gform_wrapper input.large,
body.category-csf .gform_wrapper input.medium,
body.category-csf .gform_wrapper input.small,
body.category-csf .gform_wrapper textarea {
  width: 100% !important;
  height: var(--rk-control-h) !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1.5px solid var(--rk-line) !important;
  border-radius: var(--rk-radius) !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: var(--rk-text) !important;
  line-height: 1.4 !important;
  box-shadow: var(--rk-shadow-sm) !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  outline: none !important;
}
body.category-csf .gform_wrapper textarea {
  height: auto !important;
  min-height: 120px !important;
  border-radius: var(--rk-radius) !important;
  line-height: 1.55 !important;
  resize: vertical !important;
}
body.category-csf .gform_wrapper input:hover,
body.category-csf .gform_wrapper textarea:hover { border-color: #d1d5db !important; }
body.category-csf .gform_wrapper input:focus,
body.category-csf .gform_wrapper textarea:focus {
  border-color: var(--rk-accent) !important;
  box-shadow: 0 0 0 3px var(--rk-accent-glow) !important;
}
body.category-csf .gform_wrapper input::placeholder,
body.category-csf .gform_wrapper textarea::placeholder {
  color: var(--rk-subtle) !important;
  opacity: 1 !important;
}

/* Select */
body.category-csf .gform_wrapper select {
  width: 100% !important;
  height: var(--rk-control-h) !important;
  padding: 0 42px 0 14px !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 14px !important;
  border: 1.5px solid var(--rk-line) !important;
  border-radius: var(--rk-radius) !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  color: var(--rk-text) !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  outline: none !important;
}
body.category-csf .gform_wrapper select:focus {
  border-color: var(--rk-accent) !important;
  box-shadow: 0 0 0 3px var(--rk-accent-glow) !important;
}
body.category-csf .gform_wrapper select::-ms-expand { display: none !important; }

/* Radio / checkbox pills */
body.category-csf .gform_wrapper .gfield_radio input[type="radio"],
body.category-csf .gform_wrapper .gfield_checkbox input[type="checkbox"],
body.category-csf .gform_wrapper .ginput_container_consent input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important; height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  pointer-events: none !important;
}

/* Default: 2-column grid for radios. The sidebar variant overrides
   to single-column via more specific rule below. */
body.category-csf .gform_wrapper .gfield_radio {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
}
body.category-csf .gform_wrapper .gfield_checkbox {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
body.category-csf .gform_wrapper .gfield_radio .gchoice,
body.category-csf .gform_wrapper .gfield_checkbox .gchoice {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}
body.category-csf .gform_wrapper .gfield_radio .gchoice label,
body.category-csf .gform_wrapper .gfield_checkbox .gchoice label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 8px 14px !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1.5px solid var(--rk-line) !important;
  border-radius: var(--rk-radius) !important;
  font-family: inherit !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--rk-text) !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
  user-select: none !important;
  line-height: 1.3 !important;
}
body.category-csf .gform_wrapper .gfield_radio .gchoice label:hover,
body.category-csf .gform_wrapper .gfield_checkbox .gchoice label:hover {
  border-color: var(--rk-accent) !important;
  background: var(--rk-accent-soft) !important;
}
body.category-csf .gform_wrapper .gfield_radio input[type="radio"]:checked + label,
body.category-csf .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label {
  background: var(--rk-accent) !important;
  border-color: var(--rk-accent) !important;
  color: #fff !important;
}
body.category-csf .gform_wrapper .gfield_radio input[type="radio"]:checked + label::before,
body.category-csf .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label::before {
  content: "" !important;
  display: inline-flex !important;
  flex-shrink: 0 !important;
  width: 16px !important; height: 16px !important;
  margin-right: 8px !important;
  background-color: #fff !important;
  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='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 11px 11px !important;
  border-radius: 50% !important;
}

/* Sidebar variant: stack radios single-column for narrow column */
body.category-csf .csfpostdonate .gform_wrapper .gfield_radio {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

/*--------------------------------------------------------------
   9. COMPOSITE FIELDS (name / address)
--------------------------------------------------------------*/
body.category-csf .gform_wrapper .ginput_complex {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
}
body.category-csf .gform_wrapper .ginput_complex .ginput_full,
body.category-csf .gform_wrapper .ginput_complex .address_line_1,
body.category-csf .gform_wrapper .ginput_complex .address_line_2 {
  grid-column: span 2 !important;
}
body.category-csf .gform_wrapper .ginput_complex .gform-grid-col { min-width: 0 !important; }
body.category-csf .gform_wrapper .ginput_complex input,
body.category-csf .gform_wrapper .ginput_complex select { width: 100% !important; }
body.category-csf .gform_wrapper .ginput_complex .gform-field-label--type-sub { display: none !important; }
body.category-csf .gform_wrapper .gf_clear,
body.category-csf .gform_wrapper .gf_clear_complex { display: none !important; }

/* Sidebar: stack composites single-column */
body.category-csf .csfpostdonate .gform_wrapper .ginput_complex {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}
body.category-csf .csfpostdonate .gform_wrapper .ginput_complex .gform-grid-col,
body.category-csf .csfpostdonate .gform_wrapper .ginput_complex > span,
body.category-csf .csfpostdonate .gform_wrapper .ginput_complex > div {
  width: 100% !important;
  flex: 1 1 100% !important;
  grid-column: span 1 !important;
}

/*--------------------------------------------------------------
   10. PHONE (intl-tel-input)
   We do NOT style iti elements. The plugin ships its own complete
   CSS that handles flag positioning, dropdown visibility, and
   selected-country display. Any overrides here have repeatedly
   broken the basic functionality.

   ONE exception: the gp-advanced-phone-field version of iti's CSS
   omits the standard `.iti { position: relative; display: inline-block }`
   rule that the upstream package ships. Without it, the absolutely-
   positioned country-container has no positioning context and floats
   above the input instead of overlaying its left edge. So we add it
   back, scoped to our forms only — this is the SINGLE iti rule we set.
--------------------------------------------------------------*/
body.category-csf .gform_wrapper .ginput_container_phone { width: 100% !important; }
body.category-csf .gform_wrapper .iti {
  position: relative !important;
  display: block !important;
}

/*--------------------------------------------------------------
   11. DATE
--------------------------------------------------------------*/
body.category-csf .gform_wrapper .ginput_container_date,
body.category-csf .gform_wrapper .clear-multi {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: stretch !important;
}
body.category-csf .gform_wrapper .ginput_container_date > div,
body.category-csf .gform_wrapper .ginput_container_date > span {
  flex: 1 !important;
  min-width: 0 !important;
}
body.category-csf .gform_wrapper .ginput_container_date input,
body.category-csf .gform_wrapper .ginput_container_date select { width: 100% !important; }
body.category-csf .gform_wrapper .ginput_container_date label {
  display: block !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  color: var(--rk-muted) !important;
  margin-top: 4px !important;
  text-align: center !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
}

/*--------------------------------------------------------------
   12. CREDIT CARD
--------------------------------------------------------------*/
body.category-csf .gform_wrapper .ginput_container_creditcard {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}
body.category-csf .gform_wrapper .ginput_container_creditcard .ginput_full,
body.category-csf .gform_wrapper .ginput_container_creditcard input { width: 100% !important; }

body.category-csf .gform_wrapper .gform_card_icon_container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 8px !important;
  min-height: 28px !important;
  align-items: center !important;
}
body.category-csf .gform_wrapper .gform_card_icon {
  display: inline-block !important;
  width: 34px !important;
  height: 22px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: 0 !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  opacity: 1 !important;
}
body.category-csf .gform_wrapper .gform_card_icon_container .screen-reader-text {
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  border: 0 !important;
}

body.category-csf .gform_wrapper .ginput_cardextras {
  display: grid !important;
  grid-template-columns: 2fr 1fr !important;
  gap: 10px !important;
  align-items: start !important;
}
body.category-csf .gform_wrapper .ginput_cardinfo_left {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.category-csf .gform_wrapper .ginput_card_expiration_container {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}
body.category-csf .gform_wrapper .ginput_card_expiration_month_container,
body.category-csf .gform_wrapper .ginput_card_expiration_year_container { min-width: 0 !important; }
body.category-csf .gform_wrapper .ginput_cardinfo_right {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}
body.category-csf .gform_wrapper .ginput_card_security_code { width: 100% !important; }
body.category-csf .gform_wrapper .ginput_card_security_code_icon {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 20px !important;
  height: 14px !important;
  background: #d1d5db !important;
  border-radius: 3px !important;
  pointer-events: none !important;
  opacity: .7 !important;
}

/*--------------------------------------------------------------
   13. ACH / CHECK
--------------------------------------------------------------*/
body.category-csf .gform_wrapper .ginput_container_ach {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}
body.category-csf .gform_wrapper .ginput_container_ach .ginput_full {
  grid-column: span 2 !important;
}
body.category-csf .gform_wrapper .ginput_container_ach input,
body.category-csf .gform_wrapper .ginput_container_ach select { width: 100% !important; }

/*--------------------------------------------------------------
   14. PRODUCT / PRICE — donation amount + total card
--------------------------------------------------------------*/
body.category-csf .gform_wrapper .ginput_container_product_price input.ginput_amount,
body.category-csf .gform_wrapper input.ginput_amount {
  width: 100% !important;
  height: var(--rk-control-h) !important;
  text-align: center !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: var(--rk-text) !important;
}
body.category-csf .gform_wrapper .ginput_container_product_calculation { text-align: center !important; }
body.category-csf .gform_wrapper .ginput_product_price_wrapper {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 14px 20px !important;
  margin: 6px auto 0 !important;
  max-width: 100% !important;
  background: var(--rk-accent-soft) !important;
  border: 1px solid rgba(30,115,190,.25) !important;
  border-radius: var(--rk-radius) !important;
  text-align: center !important;
}
body.category-csf .gform_wrapper .ginput_product_price_label { display: none !important; }
body.category-csf .gform_wrapper .ginput_product_price {
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  color: var(--rk-accent-dark) !important;
  background: transparent !important;
  border: none !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  display: inline-block !important;
  line-height: 1 !important;
}

/*--------------------------------------------------------------
   15. HTML FIELDS / INLINE NOTES
--------------------------------------------------------------*/
body.category-csf .gform_wrapper .gfield_html { text-align: left !important; }
body.category-csf .gform_wrapper .gfield_html p {
  margin: 0 !important;
  color: var(--rk-text-soft) !important;
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
}
body.category-csf .gform_wrapper .gfield_html strong { color: var(--rk-text) !important; }
body.category-csf .gform_wrapper .gfield_html:has(> br:only-child) { display: none !important; }
body.category-csf .gform_wrapper .anonymousbox p {
  font-size: 0.8rem !important;
  line-height: 1.45 !important;
  color: var(--rk-text-soft) !important;
  padding: 10px 12px !important;
  background: var(--rk-surface-2) !important;
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius-sm) !important;
}

/*--------------------------------------------------------------
   16. CAPTCHA
--------------------------------------------------------------*/
body.category-csf .gform_wrapper .ginput_recaptcha {
  display: flex !important;
  justify-content: center !important;
  margin: 8px 0 !important;
}
body.category-csf .gform_wrapper .gfield--type-captcha .gfield_label { display: none !important; }

/*--------------------------------------------------------------
   17. FORM FOOTER + SUBMIT (rekonect blue CTA)
--------------------------------------------------------------*/
body.category-csf .gform_wrapper .gform_footer,
body.category-csf .gform_wrapper .gform-footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 16px 0 0 0 !important;
  padding: 12px 0 0 0 !important;
  border-top: 1px solid var(--rk-line) !important;
  text-align: center !important;
  grid-column: 1 / -1 !important;
  float: none !important;
  clear: both !important;
}
body.category-csf .gform_wrapper input[type="submit"],
body.category-csf .gform_wrapper .gform_button,
body.category-csf .gform_wrapper button.gform_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 14px 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-transform: none !important;
  border: none !important;
  border-radius: var(--rk-radius-full) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 6px 16px var(--rk-accent-glow) !important;
  cursor: pointer !important;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important;
  animation: none !important;
}
body.category-csf .gform_wrapper input[type="submit"]:hover,
body.category-csf .gform_wrapper .gform_button:hover {
  background: var(--rk-accent-hover) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 10px 24px var(--rk-accent-glow) !important;
}
body.category-csf .gform_wrapper input[type="submit"]:active { transform: translateY(0) !important; }

/* ===== MULTI-PAGE NAVIGATION BUTTONS =====
   The donate form is a Gravity Forms multi-page form. The page nav
   uses .gform_next_button (page 1 → 2) and .gform_previous_button
   (page 2 → 1) inside .gform-page-footer. By default these inherit
   the GeneratePress button color (#55555e dark grey). Override to
   match our brand pill style.

   Layout: stack vertically. Submit button ("Donate $X.XX") on top
   as the primary CTA, secondary buttons (← Donation Info, Your Info →)
   below. This avoids horizontal cramping in the narrow sidebar. */
body.category-csf .gform_wrapper .gform-page-footer,
body.category-csf .gform_wrapper .gform_page_footer {
  display: flex !important;
  flex-direction: column-reverse !important;  /* submit visually on top */
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 16px 0 0 0 !important;
  padding: 12px 0 0 0 !important;
  border-top: 1px solid var(--rk-line) !important;
  text-align: center !important;
  float: none !important;
  clear: both !important;
}
/* When only one button exists in the footer (e.g. page 1 has only "Next"),
   center it. */
body.category-csf .gform_wrapper .gform-page-footer:has(> input:only-of-type),
body.category-csf .gform_wrapper .gform_page_footer:has(> input:only-of-type) {
  justify-content: center !important;
}

body.category-csf .gform_wrapper .gform_next_button,
body.category-csf .gform_wrapper .gform_previous_button,
body.category-csf .gform_wrapper input.gform_next_button,
body.category-csf .gform_wrapper input.gform_previous_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 14px 18px !important;
  font-family: inherit !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  border: none !important;
  border-radius: var(--rk-radius-full) !important;
  cursor: pointer !important;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important;
  animation: none !important;
  line-height: 1.2 !important;
}

/* Primary "Your Info →" / "Next" button — solid brand blue */
body.category-csf .gform_wrapper .gform_next_button,
body.category-csf .gform_wrapper input.gform_next_button {
  background: var(--rk-accent) !important;
  color: #fff !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 6px 16px var(--rk-accent-glow) !important;
}
body.category-csf .gform_wrapper .gform_next_button:hover,
body.category-csf .gform_wrapper input.gform_next_button:hover {
  background: var(--rk-accent-hover) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 10px 24px var(--rk-accent-glow) !important;
}

/* Secondary "← Donation Info" / "Previous" button — outline style */
body.category-csf .gform_wrapper .gform_previous_button,
body.category-csf .gform_wrapper input.gform_previous_button {
  background: #fff !important;
  color: var(--rk-text) !important;
  border: 1.5px solid var(--rk-line) !important;
  box-shadow: var(--rk-shadow-sm) !important;
  width: 100% !important;
}
body.category-csf .gform_wrapper .gform_previous_button:hover,
body.category-csf .gform_wrapper input.gform_previous_button:hover {
  background: var(--rk-surface-2) !important;
  border-color: var(--rk-accent) !important;
  color: var(--rk-accent) !important;
  transform: translateY(-1px) !important;
}

/* Submit button ("Donate $X.XX") inside the form footer. The actual
   submit lives in `.gform_footer` (NOT .gform_page_footer — that's for
   page nav buttons). We stack the layout: submit button full-width on
   top, page nav (← Donation Info) on bottom. */
body.category-csf .gform_wrapper .gform_footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.category-csf .gform_wrapper .gform_footer .gform_button,
body.category-csf .gform_wrapper .gform_footer input[type="submit"],
body.category-csf .gform_wrapper .gform-page-footer .gform_button,
body.category-csf .gform_wrapper .gform_page_footer .gform_button,
body.category-csf .gform_wrapper .gform-page-footer input[type="submit"],
body.category-csf .gform_wrapper .gform_page_footer input[type="submit"] {
  width: 100% !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  padding: 14px 18px !important;
  white-space: normal !important;  /* allow long button text to wrap */
}

/* Submit button hover from earlier block */

/*--------------------------------------------------------------
   18. VALIDATION
--------------------------------------------------------------*/
body.category-csf .gform_wrapper .validation_message,
body.category-csf .gform_wrapper .gfield_validation_message {
  font-size: 0.82rem !important;
  color: #b91c1c !important;
  margin-top: 6px !important;
  padding: 6px 10px !important;
  background: var(--rk-danger-soft) !important;
  border-radius: var(--rk-radius-sm) !important;
  text-align: left !important;
}
body.category-csf .gform_wrapper .gfield_error input,
body.category-csf .gform_wrapper .gfield_error textarea,
body.category-csf .gform_wrapper .gfield_error select {
  border-color: var(--rk-danger) !important;
}
body.category-csf .gform_wrapper .gform_validation_errors {
  padding: 12px 14px !important;
  margin: 0 0 12px 0 !important;
  background: var(--rk-danger-soft) !important;
  border: 1px solid var(--rk-danger) !important;
  border-radius: var(--rk-radius) !important;
  color: #991b1b !important;
  font-size: 0.9rem !important;
  text-align: left !important;
}

/*--------------------------------------------------------------
   19. RECENT DONATIONS
--------------------------------------------------------------*/
body.category-csf .csfpostdonations {
  width: 100% !important;
  margin: 4px 0 22px 0 !important;
  padding: 0 !important;
  animation: none !important;
}
body.category-csf .csfpostdonations .csfpostsubtitle {
  text-align: left !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: var(--rk-text) !important;
  margin: 0 0 12px 0 !important;
  text-shadow: none !important;
}
body.category-csf .csfpostdonations .gv-list-multiple-container,
body.category-csf .csfpostdonations .gv-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}
body.category-csf .csfpostdonations .gv-list-view {
  flex: 1 1 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  background: var(--rk-surface) !important;
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius) !important;
  box-shadow: none !important;
  text-align: left !important;
  transition: background .2s ease, border-color .2s ease !important;
}
body.category-csf .csfpostdonations .gv-list-view:hover {
  background: var(--rk-surface-2) !important;
  border-color: #d1d5db !important;
}
body.category-csf .csfpostdonations .gv-list-view::before {
  content: "" !important;
  flex-shrink: 0 !important;
  width: 36px !important;
  height: 36px !important;
  background-color: var(--rk-accent-soft) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231e73be'%3E%3Cpath d='M12 21s-7-4.35-7-10a4 4 0 017-2.65A4 4 0 0119 11c0 5.65-7 10-7 10z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
  border-radius: 50% !important;
  font-size: 0 !important;
}
body.category-csf .csfpostdonations .gv-list-view-title,
body.category-csf .csfpostdonations .gv-list-view-content,
body.category-csf .csfpostdonations .gv-list-view-content-image,
body.category-csf .csfpostdonations .gv-grid-col {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.category-csf .csfpostdonations .gv-list-view a {
  color: var(--rk-text) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
body.category-csf .csfpostdonations .gv-no-results,
body.category-csf .csfpostdonations h3 {
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: var(--rk-muted) !important;
  background: var(--rk-surface-2) !important;
  border: 1px dashed var(--rk-line) !important;
  padding: 14px !important;
  border-radius: var(--rk-radius) !important;
  text-align: center !important;
  margin: 0 !important;
}

/* GravityView TABLE fallback */
body.category-csf .csfpostdonations table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  background: transparent !important;
}
body.category-csf .csfpostdonations table thead { display: none !important; }
body.category-csf .csfpostdonations table tbody tr {
  background: var(--rk-surface) !important;
  border: 1px solid var(--rk-line) !important;
}
body.category-csf .csfpostdonations table tbody tr td {
  padding: 12px 14px !important;
  border: 1px solid var(--rk-line) !important;
  border-left: none !important;
  border-right: none !important;
  background: transparent !important;
  vertical-align: middle !important;
  font-size: 0.95rem !important;
  color: var(--rk-text) !important;
}
body.category-csf .csfpostdonations table tbody tr td:first-child {
  border-left: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius) 0 0 var(--rk-radius) !important;
  font-weight: 600 !important;
}
body.category-csf .csfpostdonations table tbody tr td:last-child {
  border-right: 1px solid var(--rk-line) !important;
  border-radius: 0 var(--rk-radius) var(--rk-radius) 0 !important;
  text-align: right !important;
  color: var(--rk-accent) !important;
  font-weight: 700 !important;
}

/*--------------------------------------------------------------
   20. "Raising money for a good cause" CALLOUT (.csflinkbyfooter)
--------------------------------------------------------------*/
body.category-csf .csflinkbyfooter {
  width: 100% !important;
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
  animation: none !important;
}
body.category-csf .csflinkbyfooter > p {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 16px 20px !important;
  background: var(--rk-surface-2) !important;
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius) !important;
  color: var(--rk-text-soft) !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-align: center !important;
  box-shadow: none !important;
}
body.category-csf .csflinkbyfooter > p::before { content: none !important; }
body.category-csf .csflinkbyfooter > p a {
  display: inline !important;
  color: var(--rk-accent) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  background: none !important;
  padding: 0 !important;
  border: none !important;
}
body.category-csf .csflinkbyfooter > p a:hover { color: var(--rk-accent-hover) !important; }

body.category-csf hr.csfpostdivider { display: none !important; }

/*--------------------------------------------------------------
   21. TIER TABLES (in story / collapsible)
--------------------------------------------------------------*/
body.category-csf .csfpostdescription table,
body.category-csf .csfpostcontent table,
body.category-csf .csf-collapsible-content table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 18px 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  background: transparent !important;
  border: none !important;
  table-layout: fixed !important;
}
body.category-csf .csfpostdescription table tbody tr,
body.category-csf .csfpostcontent table tbody tr,
body.category-csf .csf-collapsible-content table tbody tr {
  background: var(--rk-surface) !important;
  transition: background .2s ease, border-color .2s ease !important;
}
body.category-csf .csfpostdescription table tbody tr:hover,
body.category-csf .csfpostcontent table tbody tr:hover,
body.category-csf .csf-collapsible-content table tbody tr:hover {
  background: var(--rk-surface-2) !important;
}
body.category-csf .csfpostdescription table tbody tr td,
body.category-csf .csfpostcontent table tbody tr td,
body.category-csf .csf-collapsible-content table tbody tr td {
  padding: 14px 18px !important;
  border: 1px solid var(--rk-line) !important;
  background: transparent !important;
  vertical-align: middle !important;
  font-size: 0.98rem !important;
  line-height: 1.5 !important;
  color: var(--rk-text) !important;
}
body.category-csf .csfpostdescription table tbody tr td:first-child,
body.category-csf .csf-collapsible-content table tbody tr td:first-child {
  border-radius: var(--rk-radius) 0 0 var(--rk-radius) !important;
  border-right: none !important;
  text-align: left !important;
  font-weight: 500 !important;
  width: 65% !important;
}
body.category-csf .csfpostdescription table tbody tr td:last-child,
body.category-csf .csf-collapsible-content table tbody tr td:last-child {
  border-radius: 0 var(--rk-radius) var(--rk-radius) 0 !important;
  border-left: none !important;
  text-align: right !important;
  font-weight: 800 !important;
  color: var(--rk-accent-dark) !important;
  width: 35% !important;
}
body.category-csf .csfpostdescription table tbody tr td:only-child,
body.category-csf .csf-collapsible-content table tbody tr td:only-child {
  border-radius: var(--rk-radius) !important;
  border: 1px solid var(--rk-line) !important;
  text-align: center !important;
}
body.category-csf .csfpostdescription table tbody tr td b,
body.category-csf .csf-collapsible-content table tbody tr td b { font-weight: 700 !important; }

/* Header rows (colspan) */
body.category-csf .csfpostdescription table tbody tr td[colspan],
body.category-csf .csf-collapsible-content table tbody tr td[colspan] {
  background: var(--rk-accent-dark) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  border-color: var(--rk-accent-dark) !important;
  border-radius: var(--rk-radius) !important;
}
body.category-csf .csfpostdescription table tbody tr td[colspan] b,
body.category-csf .csf-collapsible-content table tbody tr td[colspan] b { color: #fff !important; }

/* Sponsored badge */
body.category-csf .csfpostdescription table tbody tr td span[style*="fc6260"],
body.category-csf .csf-collapsible-content table tbody tr td span[style*="fc6260"] {
  display: inline-block !important;
  padding: 3px 10px !important;
  margin-right: 8px !important;
  background: #fee2e2 !important;
  border: 1px solid #fecaca !important;
  border-radius: var(--rk-radius-full) !important;
  color: #b91c1c !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/*--------------------------------------------------------------
   22. TIER LISTS (ul → li → b)
--------------------------------------------------------------*/
body.category-csf .csfpostdescription ul,
body.category-csf .csfpostcontent ul,
body.category-csf .csf-collapsible-content ul,
body.category-csf .entry-content ul {
  list-style: none !important;
  margin: 16px 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
body.category-csf .csfpostdescription ul ul,
body.category-csf .csf-collapsible-content ul ul,
body.category-csf .entry-content ul ul {
  margin: 0 !important;
  padding: 0 !important;
  gap: 10px !important;
  max-width: 100% !important;
}
body.category-csf .csfpostdescription ul li,
body.category-csf .csf-collapsible-content ul li,
body.category-csf .entry-content ul li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.category-csf .csfpostdescription ul li b,
body.category-csf .csf-collapsible-content ul li b,
body.category-csf .entry-content ul li b {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 14px 18px !important;
  background: var(--rk-surface) !important;
  border: 1px solid var(--rk-line) !important;
  border-left: 4px solid var(--rk-accent) !important;
  border-radius: var(--rk-radius) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--rk-text) !important;
  text-align: left !important;
  box-shadow: none !important;
  transition: background .2s ease, border-color .2s ease, transform .2s ease !important;
  cursor: pointer !important;
}
body.category-csf .csfpostdescription ul li b:hover,
body.category-csf .csf-collapsible-content ul li b:hover,
body.category-csf .entry-content ul li b:hover {
  background: var(--rk-surface-2) !important;
  border-color: var(--rk-accent) !important;
  transform: translateY(-1px) !important;
}
body.category-csf .csfpostdescription ul li:first-of-type b,
body.category-csf .csf-collapsible-content ul li:first-of-type b { border-left-color: var(--tier-silver) !important; }
body.category-csf .csfpostdescription ul li:nth-of-type(2) b,
body.category-csf .csf-collapsible-content ul li:nth-of-type(2) b { border-left-color: var(--tier-gold) !important; }
body.category-csf .csfpostdescription ul li:nth-of-type(3) b,
body.category-csf .csf-collapsible-content ul li:nth-of-type(3) b { border-left-color: var(--tier-diamond) !important; }

/*--------------------------------------------------------------
   23. SPONSORSHIP SECTION HEADERS (inline span sizes from editor)
--------------------------------------------------------------*/
body.category-csf .csf-collapsible-content > p:has(span[style*="18pt"]),
body.category-csf .csf-collapsible-content > p:has(span[style*="14pt"]),
body.category-csf .csfpostdescription > p:has(span[style*="18pt"]),
body.category-csf .csfpostdescription > p:has(span[style*="14pt"]) {
  margin: 1.6rem 0 0.75rem !important;
  padding: 0 !important;
  text-align: left !important;
  border-top: none !important;
}
body.category-csf .csf-collapsible-content span[style*="18pt"],
body.category-csf .csfpostdescription span[style*="18pt"] {
  display: inline-block !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: var(--rk-text) !important;
  padding-bottom: 6px !important;
  border-bottom: 3px solid var(--rk-accent) !important;
}
body.category-csf .csf-collapsible-content span[style*="14pt"],
body.category-csf .csfpostdescription span[style*="14pt"] {
  display: inline-block !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--rk-text-soft) !important;
  padding: 6px 16px !important;
  background: var(--rk-surface-2) !important;
  border: 1px solid var(--rk-line) !important;
  border-radius: var(--rk-radius-full) !important;
}

/*--------------------------------------------------------------
   24. SELECTABLE TIERS (JS-driven)
--------------------------------------------------------------*/
body.category-csf table tbody tr:has(td:nth-child(2)),
body.category-csf .csfpostdescription ul li:has(b),
body.category-csf .csf-collapsible-content ul li:has(b),
body.category-csf .csf-tier-item {
  cursor: pointer !important;
  user-select: none !important;
}
body.category-csf .csf-tier-selected {
  background: var(--rk-accent-soft) !important;
  border-color: var(--rk-accent) !important;
  box-shadow: 0 0 0 2px var(--rk-accent-glow) !important;
  position: relative !important;
}
body.category-csf .csf-tier-selected::after {
  content: "✓" !important;
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  background: var(--rk-accent) !important;
  color: #fff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: bold !important;
}
body.category-csf table tbody tr.csf-tier-selected td {
  background: var(--rk-accent-soft) !important;
  border-color: var(--rk-accent) !important;
}
body.category-csf table tbody tr.csf-tier-selected td:last-child {
  position: relative !important;
  padding-right: 42px !important;
}
body.category-csf .gform_wrapper input.csf-amount-populated {
  border-color: var(--rk-accent) !important;
  background: var(--rk-accent-soft) !important;
}
body.category-csf .csf-amount-success {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 12px auto !important;
  padding: 8px 16px !important;
  max-width: 100% !important;
  background: var(--rk-accent-soft) !important;
  border: 1px solid rgba(30,115,190,.3) !important;
  border-radius: var(--rk-radius-full) !important;
  color: var(--rk-accent-dark) !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
}

/*--------------------------------------------------------------
   25. CONTACT FORM (full-width, below everything)
--------------------------------------------------------------*/
body.category-csf .csfpostcontact {
  width: 100% !important;
  max-width: 100% !important;
  margin: 32px 0 0 0 !important;
  padding: 32px 0 0 0 !important;
  border-top: 1px solid var(--rk-line) !important;
  animation: none !important;
  clear: both !important;
}
body.category-csf .csfpostcontact .csfpostsubtitle {
  text-align: left !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: var(--rk-text) !important;
  margin: 0 0 16px 0 !important;
  text-shadow: none !important;
}
body.category-csf .csfpostcontact .gform_wrapper {
  width: 100% !important;
  max-width: 100% !important;       /* fill the left column */
  margin: 0 !important;
  padding: 24px !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 .csfpostcontact .gform_wrapper::before,
body.category-csf .csfpostcontact .gform_wrapper::after { content: none !important; }
body.category-csf .csfpostcontact .gform_wrapper .gform_fields {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  grid-template-columns: none !important;
}

/*--------------------------------------------------------------
   26. SITE FOOTER
--------------------------------------------------------------*/
body.category-csf .site-footer,
body.category-csf footer.site-info {
  width: 100% !important;
  margin-top: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border-top: 1px solid var(--rk-line) !important;
  box-shadow: none !important;
}
body.category-csf footer.site-info .inside-site-info {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
body.category-csf footer.site-info::before { content: none !important; }
body.category-csf footer.site-info .copyright-bar {
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  color: var(--rk-muted) !important;
  text-align: center !important;
  line-height: 1.6 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
body.category-csf footer.site-info .copyright-bar::before { content: none !important; }
body.category-csf footer.site-info .copyright-bar a {
  color: var(--rk-accent) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
body.category-csf footer.site-info .copyright-bar a:hover {
  color: var(--rk-accent-hover) !important;
  text-decoration: underline !important;
}

/*--------------------------------------------------------------
   27. ACCESSIBILITY
--------------------------------------------------------------*/
body.category-csf *:focus-visible {
  outline: 2px solid var(--rk-accent) !important;
  outline-offset: 2px !important;
}
@media (prefers-reduced-motion: reduce) {
  body.category-csf * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.2s !important;
  }
}

/* Respect Gravity Forms conditional logic */
body.category-csf .gform_wrapper .gform_footer[style*="display: none"],
body.category-csf .gform_wrapper .gform-footer[style*="display: none"],
body.category-csf .gform_wrapper .gfield[style*="display: none"],
body.category-csf .gform_wrapper input[type="submit"][style*="display: none"],
body.category-csf .gform_wrapper .gform_button[style*="display: none"] {
  display: none !important;
}

/*--------------------------------------------------------------
   28. RESPONSIVE refinements
--------------------------------------------------------------*/
@media (max-width: 879px) {
  body.category-csf .csfpostbanner {
    padding: 12px !important;
    max-height: 360px !important;
  }
  body.category-csf .csfpostbanner img { max-height: 320px !important; }
  body.category-csf .csfpostcontact .gform_wrapper { padding: 20px !important; }
}

@media (max-width: 600px) {
  body.category-csf .gform_wrapper .ginput_complex,
  body.category-csf .gform_wrapper .ginput_cardextras,
  body.category-csf .gform_wrapper .ginput_container_ach {
    grid-template-columns: 1fr !important;
  }
  body.category-csf .gform_wrapper .ginput_container_ach .ginput_full {
    grid-column: span 1 !important;
  }
  body.category-csf .csflinkbyfooter > p {
    font-size: 0.88rem !important;
    padding: 14px 16px !important;
  }
}

@media (max-width: 480px) {
  body.category-csf .entry-content { padding: 16px 14px 56px !important; }
  body.category-csf .csfposttitlename { font-size: 1.45rem !important; }
  body.category-csf .gform_wrapper .gfield_radio { grid-template-columns: 1fr !important; }
  body.category-csf .gform_wrapper input[type="submit"],
  body.category-csf .gform_wrapper .gform_button { width: 100% !important; padding: 13px 18px !important; }
  body.category-csf .csfpostbanner { max-height: 300px !important; }
  body.category-csf .csfpostbanner img { max-height: 260px !important; }
  body.category-csf .csfpostheader .csfpostshare { flex-wrap: wrap !important; }
}

@media (max-width: 400px) {
  body.category-csf .csfpostdescription table tbody,
  body.category-csf .csfpostdescription table tbody tr,
  body.category-csf .csf-collapsible-content table tbody,
  body.category-csf .csf-collapsible-content table tbody tr { display: block !important; }
  body.category-csf .csfpostdescription table tbody tr,
  body.category-csf .csf-collapsible-content table tbody tr {
    margin-bottom: 10px !important;
    border-radius: var(--rk-radius) !important;
    overflow: hidden !important;
    border: 1px solid var(--rk-line) !important;
  }
  body.category-csf .csfpostdescription table tbody tr td,
  body.category-csf .csf-collapsible-content table tbody tr td {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
  }
  body.category-csf .csfpostdescription table tbody tr td:first-child,
  body.category-csf .csf-collapsible-content table tbody tr td:first-child {
    border-radius: var(--rk-radius) var(--rk-radius) 0 0 !important;
    border-bottom: none !important;
  }
  body.category-csf .csfpostdescription table tbody tr td:last-child,
  body.category-csf .csf-collapsible-content table tbody tr td:last-child {
    border-radius: 0 0 var(--rk-radius) var(--rk-radius) !important;
    border-top: none !important;
    text-align: right !important;
  }
}