/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 30 2026 | 22:46:00 */
/*==============================================================
  SIC Donation Page — Stylesheet v2
  Rekonect Social Impact Campaign (.category-sic)
  Mirrors the CSF donation page architecture — clean light layout,
  GoFundMe-style sticky right sidebar, hidden WP widget sidebar,
  hidden site nav. The SIC special widgets (.progressmeter,
  .countdowntimer, .gfpm-*, image carousel, bl-tabs) are restyled
  to a light theme that matches the rest of the page.

  Brand: SIC primary #3087B0 / accent #43ADDE
  All rules scoped to body.category-sic.
==============================================================*/

:root {
  /* ===== SIC brand palette ===== */
  --sic-primary:       #3087B0;        /* primary brand blue (links, CTA) */
  --sic-primary-hover: #256a8a;
  --sic-primary-dark:  #1a5a7a;
  --sic-primary-soft:  #e0f4fc;        /* tint for badges / progress bg */
  --sic-primary-glow:  rgba(48,135,176,.18);

  --sic-accent:        #43ADDE;        /* accent / cyan-ish */
  --sic-accent-hover:  #2998cc;
  --sic-accent-soft:   #e9f6fc;
  --sic-cyan-glow:     #38bdf8;        /* bright cyan used inside dark glass widgets */

  --sic-neutral-btn:   #55555e;
  --sic-neutral-btn-h: #3f4047;

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

  --sic-bg:            #ffffff;
  --sic-card:          #ffffff;
  --sic-white:         #ffffff;
  --sic-surface:       #ffffff;
  --sic-surface-2:     #f7f8f9;
  --sic-surface-3:     #f0f0f0;
  --sic-bg-soft:       #f1f5f9;

  /* ===== Dark hero (frame for the glass widgets) ===== */
  --sic-hero-1:        #0a1628;        /* deepest bg */
  --sic-hero-2:        #0f2440;
  --sic-hero-3:        #1a5a7a;
  --sic-hero-text:     #f8fafc;
  --sic-hero-text-soft:#cbd5e1;
  --sic-hero-text-mute:#94a3b8;

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

  /* ===== Tier accents (parity with CSF) ===== */
  --sic-tier-silver:   #94a3b8;
  --sic-tier-gold:     #d97706;
  --sic-tier-diamond:  #7c3aed;

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

  /* ===== Shadows ===== */
  --sic-shadow-sm:     0 1px 2px rgba(0,0,0,.04);
  --sic-shadow:        0 1px 3px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.04);
  --sic-shadow-md:     0 8px 24px rgba(15,23,42,.08);
  --sic-shadow-lg:     0 4px 12px rgba(0,0,0,.06), 0 12px 32px rgba(0,0,0,.06);
  --sic-shadow-glow:   0 8px 32px rgba(48,135,176,.25);

  /* Glass widgets reference these — set on the dark hero context. */
  --sic-heading:       #0d4a6f;        /* used by glass widget headers */
  --sic-ease-out:      cubic-bezier(0.16, 1, 0.3, 1);

  --sic-control-h:     46px;

  /* Progress placeholders. Override inline on .sicpostdonate / .progressmeter
     when data is available, e.g.
       style="--sic-raised: 60; --sic-goal: 10000000;" */
  --sic-raised:        0;
  --sic-goal:          100000;
  --sic-count:         0;
}

/*--------------------------------------------------------------
   1. PAGE FOUNDATION
--------------------------------------------------------------*/
body.category-sic {
  background: var(--sic-bg) !important;
  color: var(--sic-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-sic,
body.category-sic *,
body.category-sic *::before,
body.category-sic *::after { box-sizing: border-box !important; }

/* WordPress / GeneratePress reset */
body.category-sic .site-main,
body.category-sic .entry-content,
body.category-sic .inside-article,
body.category-sic article.post,
body.category-sic .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-sic .entry-meta,
body.category-sic .entry-title,
body.category-sic article > .inside-article > .entry-header { display: none !important; }
/* Hide the WordPress widget sidebar — the donate page is full-width.
   Mirrors the CSF approach. */
body.category-sic .widget-area.sidebar,
body.category-sic #right-sidebar,
body.category-sic #left-sidebar,
body.category-sic .is-right-sidebar,
body.category-sic .is-left-sidebar { display: none !important; width: 0 !important; visibility: hidden !important; }
body.category-sic .site,
body.category-sic .site-content,
body.category-sic #page { padding-top: 0 !important; margin-top: 0 !important; }

/*--------------------------------------------------------------
   2. HIDE FLOATING / STICKY UI + SITE CHROME
--------------------------------------------------------------*/
body.category-sic .sicstickyfooter,
body.category-sic .sic-floating-toggle,
body.category-sic .sic-floating-share { display: none !important; }

/* Hide the inline-rendered "Easily Manage Donations" go-modal overlay
   that ships with style="display: block; visibility: visible;" inline,
   painting a grey rectangle behind the donate form. The plugin's JS
   reopens it when the trigger link is clicked. */
body.category-sic .sicpostdonate .go-modal__overlay,
body.category-sic .sicpostdonate .go-modal__backdrop,
body.category-sic .sicpostdonate .go-modal__dialog {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -99999px !important;
}
body.category-sic .sicpostdonate .go-modal { display: contents !important; }
body.category-sic .sicpostdonate .go-modal > .go-modal__trigger {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

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

/*--------------------------------------------------------------
   3. PAGE LAYOUT — single column on mobile, sticky sidebar desktop
   The sample DOM places a *.sicpostbanner* OUTSIDE *.sicpostcontent*
   (the banner sits at the top of .entry-content, above the header).
   We hoist .sicpostcontent's children into the page-level grid via
   display:contents so the sticky sidebar can occupy column 2.
--------------------------------------------------------------*/
body.category-sic .entry-content {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 28px 24px 64px !important;
  display: block !important;
}

@media (min-width: 880px) {
  body.category-sic .entry-content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 380px !important;
    /* Rows (visual order requested):
        1: title (h1.sicposttitle)
        2: banner (logo image)
        3: share row (.donateandshare with donate button hidden)
        4: progress + countdown (.progresstimerbox)
        5: description (mission)
        6: image carousel
        7: contact form
       Sidebar (.sicpostdonate) sits in column 2 spanning rows 1-6.
       Contact form stays in column 1 to avoid z-index overlap with
       the sticky sidebar's intl-tel-input dropdown. */
    grid-template-rows:
      auto    /* 1: title */
      auto    /* 2: banner */
      auto    /* 3: share */
      auto    /* 4: progress + countdown */
      auto    /* 5: description */
      auto    /* 6: carousel */
      auto    /* 7: tabs (donations / teams / fundraisers / matchers) */
      auto !important; /* 8: contact */
    column-gap: 48px !important;
    row-gap: 22px !important;
    align-items: start !important;
  }

  /* Flatten .sicpostcontent AND .sicpostheader so their children
     participate directly in the page-level grid. */
  body.category-sic .sicpostcontent,
  body.category-sic .sicpostheader { display: contents !important; }

  /* Left column placement */
  body.category-sic .sicposttitle       { grid-column: 1 !important; grid-row: 1 !important; }
  body.category-sic .sicpostbanner      { grid-column: 1 !important; grid-row: 2 !important; }
  body.category-sic .donateandshare     { grid-column: 1 !important; grid-row: 3 !important; }
  body.category-sic .progresstimerbox   { grid-column: 1 !important; grid-row: 4 !important; }
  body.category-sic .sicpostdescription { grid-column: 1 !important; grid-row: 5 !important; }
  body.category-sic .sicimagecarousel,
  body.category-sic .custom-carousel-wrapper {
    grid-column: 1 !important;
    grid-row: 6 !important;
  }
  body.category-sic .bl-tabs {
    grid-column: 1 !important;
    grid-row: 7 !important;
  }

  /* Sticky donate sidebar — column 2, spans rows 1-7 */
  body.category-sic .sicpostdonate {
    grid-column: 2 !important;
    grid-row: 1 / 8 !important;
    position: sticky !important;
    top: 24px !important;
    align-self: start !important;
  }

  /* Kill the divider — would steal a grid cell, mirrors CSF */
  body.category-sic hr.sicpostdivider { display: none !important; }

  /* Contact form: stays in column 1 (matches CSF) */
  body.category-sic .sicpostcontact {
    grid-column: 1 !important;
    grid-row: 8 !important;
    margin-top: 16px !important;
  }
}

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

@media (max-width: 879px) {
  /* Below the desktop grid breakpoint, stack everything in a single
     column with explicit visual order. .sicpostheader is also flattened
     so its children (title, share, progress+timer) get individual flex
     order alongside the sibling banner and content. */
  body.category-sic .entry-content {
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 16px 56px !important;
  }
  body.category-sic .sicpostcontent,
  body.category-sic .sicpostheader { display: contents !important; }
  body.category-sic .sicposttitle       { order: 1 !important; }
  body.category-sic .sicpostbanner      { order: 2 !important; }
  body.category-sic .donateandshare     { order: 3 !important; }
  body.category-sic .progresstimerbox   { order: 4 !important; }
  body.category-sic .sicpostdescription { order: 5 !important; }
  body.category-sic .sicimagecarousel,
  body.category-sic .custom-carousel-wrapper { order: 6 !important; }
  body.category-sic .sicpostdonate {
    order: 7 !important;
    position: static !important;
    margin: 12px 0 22px 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  body.category-sic .bl-tabs { order: 8 !important; }
  body.category-sic hr.sicpostdivider { display: none !important; order: 9 !important; }
  body.category-sic .sicpostcontact {
    order: 10 !important;
    margin-top: 16px !important;
  }
}

/*--------------------------------------------------------------
   4. BANNER (.sicpostbanner)
   The sample DOM has the banner BEFORE the title — we render it
   as a hero image strip at the top of the page.
--------------------------------------------------------------*/
body.category-sic .sicpostbanner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 16px !important;
  border-radius: var(--sic-radius-lg) !important;
  overflow: hidden !important;
  background: var(--sic-surface-2) !important;
  border: 1px solid var(--sic-line) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-height: 480px !important;
  position: relative !important;
}
body.category-sic .sicpostbanner 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;
  /* Override any global .sicpostbanner img mask in the widgets file */
  -webkit-mask-image: none !important;
  mask-image: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: var(--sic-radius) !important;
  transition: none !important;
}

/*--------------------------------------------------------------
   5. HEADER (.sicpostheader) — flat, light, matches CSF
   Contains: title, .progresstimerbox (progress + countdown),
   and .donateandshare (Donate Now jump-link [HIDDEN] + share row).
--------------------------------------------------------------*/
body.category-sic .sicpostheader {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-align: left !important;
  animation: none !important;
  color: var(--sic-text) !important;
}
body.category-sic .sicpostheader::before,
body.category-sic .sicpostheader::after { content: none !important; }

body.category-sic .sicposttitle {
  display: block !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--sic-muted) !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.2 !important;
}
body.category-sic .sicposttitle br { display: none !important; }
body.category-sic .sicposttitlename {
  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(--sic-text) !important;
  margin: 0 !important;
  text-shadow: none !important;
}

/*--------------------------------------------------------------
   6. PROGRESS + COUNTDOWN BOX (.progresstimerbox)
   Two-column row on tablet+; stacked on mobile. The widgets
   themselves are styled by the special-widgets section below.
--------------------------------------------------------------*/
body.category-sic .progresstimerbox {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
  justify-content: space-between !important;
}
body.category-sic .progresstimerbox > .progressmeter,
body.category-sic .progresstimerbox > .countdowntimer {
  flex: 1 1 calc(50% - 8px) !important;
  min-width: 240px !important;
  width: auto !important;       /* override the widgets' width:50% */
  margin: 0 !important;
}
@media (max-width: 639px) {
  body.category-sic .progresstimerbox > .progressmeter,
  body.category-sic .progresstimerbox > .countdowntimer {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }
}

/*--------------------------------------------------------------
   7. DONATE-AND-SHARE ROW (.donateandshare)
   With the "Donate Now" jump-link hidden (matches CSF), this row
   becomes just a share-buttons row, like CSF's .csfpostshare.
--------------------------------------------------------------*/
body.category-sic .donateandshare {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.category-sic .donateandshare > p { display: none !important; }

/* The "Donate Now" jump-link is redundant on this layout —
   the donate form is right there in the sidebar. Hide it (matches CSF). */
body.category-sic .sicposttop,
body.category-sic .sicposttopbutton { display: none !important; }

body.category-sic .sicpostshare {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: var(--sic-muted) !important;
}
body.category-sic .sicpostshare > br { display: none !important; }

body.category-sic .sicpostshare .addtoany_shortcode,
body.category-sic .sicpostshare .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-sic .sicpostshare .a2a_kit a,
body.category-sic .sicpostshare .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-sic .sicpostshare .a2a_kit a:hover {
  opacity: .85 !important;
  background: var(--sic-surface-2) !important;
}
body.category-sic .sicpostshare .a2a_kit a svg,
body.category-sic .sicpostshare .a2a_kit a img {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
  vertical-align: middle !important;
}
body.category-sic .a2a_kit.addtoany_list .a2a_label { display: none !important; }

/*--------------------------------------------------------------
   8. STORY / DESCRIPTION (.sicpostdescription, .campaignmission)
--------------------------------------------------------------*/
body.category-sic .sicpostdescription {
  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(--sic-text) !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
  animation: none !important;
}
body.category-sic .campaignmission { margin: 0 0 24px 0 !important; }
body.category-sic .sicpostsubtitle {
  display: block !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: var(--sic-text) !important;
  margin: 0 0 12px 0 !important;
  text-align: left !important;
  text-shadow: none !important;
}
body.category-sic .sicpostdescription p {
  margin: 0 0 1rem 0 !important;
  color: var(--sic-text) !important;
}
body.category-sic .sicpostdescription p:last-child { margin-bottom: 0 !important; }
body.category-sic .sicpostdescription a {
  color: var(--sic-primary) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
body.category-sic .sicpostdescription a:hover { color: var(--sic-primary-hover) !important; }
body.category-sic .sicpostdescription > p:empty { display: none !important; }

/* ---------- Collapsible mission / Read More toggle ----------
   The SIC plugin wraps the mission in .campaignmission with the
   classes .sic-mission-collapsible / .sic-mission-collapsed /
   .sic-mission-expanded driven by JS. The toggle button lives
   in a sibling .sic-description-toggle-wrap with class
   .sic-description-toggle. We also support the CSF-style
   .csf-description-* and .sicpostdescription.sic-collapsed class
   names just in case the plugin emits either.
------------------------------------------------------------- */
/* Collapsed state — clip and fade out the bottom.
   The SIC plugin's JS sets `style="overflow:hidden; max-height:150px"`
   directly on a bare `.campaignmission` element. When the user clicks
   Read More, the plugin changes the inline max-height to a larger
   value (e.g., the scrollHeight of the content). To avoid blocking
   the plugin's expand, we ONLY apply our larger collapsed height
   while the inline style still contains the initial 150px (or any
   small value) — once JS rewrites the inline style on click, our
   selector no longer matches and the plugin's value takes over.

   We match the initial collapsed inline style via attribute
   contains-substring selector, plus also the explicit collapsed
   classes if the plugin uses them on other pages. */
body.category-sic .sicpostdescription .campaignmission[style*="max-height: 150px"]:not(.sic-mission-expanded),
body.category-sic .sicpostdescription .campaignmission[style*="max-height:150px"]:not(.sic-mission-expanded),
body.category-sic .campaignmission.sic-mission-collapsed,
body.category-sic .campaignmission.collapsed,
body.category-sic .campaignmission.is-collapsed,
body.category-sic .sicpostdescription.sic-mission-collapsed,
body.category-sic .sicpostdescription.sic-description-collapsed,
body.category-sic .sicpostdescription.collapsed {
  max-height: 466px !important;
  overflow: hidden !important;
  position: relative !important;
}
/* Fade-out gradient on the bottom of the collapsed mission */
body.category-sic .sicpostdescription .campaignmission[style*="max-height: 150px"]:not(.sic-mission-expanded)::after,
body.category-sic .sicpostdescription .campaignmission[style*="max-height:150px"]:not(.sic-mission-expanded)::after,
body.category-sic .campaignmission.sic-mission-collapsed::after,
body.category-sic .campaignmission.collapsed::after,
body.category-sic .campaignmission.is-collapsed::after,
body.category-sic .sicpostdescription.sic-mission-collapsed::after,
body.category-sic .sicpostdescription.sic-description-collapsed::after,
body.category-sic .sicpostdescription.collapsed::after {
  content: "" !important;
  position: absolute !important;
  left: 0; right: 0; bottom: 0;
  height: 110px !important;
  background: linear-gradient(to bottom, transparent, var(--sic-bg)) !important;
  pointer-events: none !important;
  z-index: 5 !important;
}
/* Expanded state — neutralize the clip + fade everywhere */
body.category-sic .campaignmission.sic-mission-expanded,
body.category-sic .sicpostdescription.sic-mission-expanded {
  max-height: none !important;
  overflow: visible !important;
}
body.category-sic .campaignmission.sic-mission-expanded::after,
body.category-sic .sicpostdescription.sic-mission-expanded::after { display: none !important; }

/* Toggle button wrapper — flex left, comfortable margin from text */
body.category-sic .sic-description-toggle-wrap,
body.category-sic .csf-description-toggle-wrap {
  display: flex !important;
  justify-content: flex-start !important;
  margin: 0.5rem 0 1.25rem !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Toggle button — outline pill, fills on hover (matches CSF aesthetic) */
body.category-sic .sic-description-toggle,
body.category-sic .csf-description-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 9px 20px !important;
  background: transparent !important;
  border: 1.5px solid var(--sic-text) !important;
  border-radius: var(--sic-radius-full) !important;
  color: var(--sic-text) !important;
  font-family: inherit !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .15s ease !important;
  box-shadow: none !important;
  text-decoration: none !important;
  user-select: none !important;
}
body.category-sic .sic-description-toggle:hover,
body.category-sic .csf-description-toggle:hover {
  background: var(--sic-text) !important;
  color: #fff !important;
  border-color: var(--sic-text) !important;
  transform: none !important;
}
body.category-sic .sic-description-toggle:focus-visible,
body.category-sic .csf-description-toggle:focus-visible {
  outline: 2px solid var(--sic-accent) !important;
  outline-offset: 2px !important;
}
/* Hide the inner +/- icon span — the button label ("+Read More" /
   "Read Less") already conveys state. Matches CSF. */
body.category-sic .sic-description-toggle .toggle-icon,
body.category-sic .csf-description-toggle .toggle-icon { display: none !important; }

/* Carousel container in description */
body.category-sic .sicimagecarousel {
  margin: 24px 0 0 0 !important;
  padding: 0 !important;
}
body.category-sic .sicimagecarousel:empty { display: none !important; }

/*--------------------------------------------------------------
   9. STICKY DONATE SIDEBAR (.sicpostdonate)
--------------------------------------------------------------*/
body.category-sic .sicpostdonate {
  width: 100% !important;
  margin: 0 0 22px 0 !important;
  padding: 22px !important;
  background: var(--sic-surface) !important;
  border: 1px solid var(--sic-line) !important;
  border-radius: var(--sic-radius-lg) !important;
  box-shadow: var(--sic-shadow) !important;
  animation: none !important;
}
body.category-sic .sicpostdonate::before,
body.category-sic .sicpostdonate::after { content: none !important; }

/* Progress bar above the title (mirrors CSF) */
body.category-sic .sicpostdonate > .sicpostsubtitle::before,
body.category-sic .sicpostdonate > #donateto::before {
  content: "" !important;
  display: block !important;
  height: 8px !important;
  width: 100% !important;
  margin: 0 0 14px 0 !important;
  border-radius: var(--sic-radius-full) !important;
  background:
    linear-gradient(to right,
      var(--sic-primary) 0%,
      var(--sic-primary) calc(var(--sic-raised) / var(--sic-goal) * 100%),
      var(--sic-primary-soft) calc(var(--sic-raised) / var(--sic-goal) * 100%),
      var(--sic-primary-soft) 100%) !important;
}
body.category-sic .sicpostdonate .sicpostsubtitle,
body.category-sic #donateto {
  display: block !important;
  text-align: left !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: var(--sic-text) !important;
  margin: 0 0 4px 0 !important;
  text-shadow: none !important;
}

/* The "Easily Manage Donations" trigger demoted to a small grey link */
body.category-sic .sicpostdonate > a,
body.category-sic .sicpostdonate > p > a,
body.category-sic .sicpostdonate a[onclick],
body.category-sic .sicpostdonate a[href="#"],
body.category-sic .sicpostdonate .go-modal__trigger,
body.category-sic .sicpostdonate a.go-modal__trigger,
body.category-sic .sicpostdonate .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(--sic-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-sic .sicpostdonate .go-modal__trigger:hover,
body.category-sic .sicpostdonate a.go-modal__trigger:hover {
  background: none !important;
  color: var(--sic-primary) !important;
  text-decoration: underline !important;
  transform: none !important;
  box-shadow: none !important;
}
body.category-sic .sicpostdonate > p {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  font-size: 0.78rem !important;
  color: var(--sic-muted) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
body.category-sic .sicpostdonate a[onclick]:hover,
body.category-sic .sicpostdonate a[href="#"]:hover { color: var(--sic-primary) !important; }

/* Form wrapper inside sidebar — clean white card */
body.category-sic .sicpostdonate .gform_wrapper {
  width: 100% !important;
  margin: 4px 0 0 0 !important;
  padding: 14px !important;
  background: var(--sic-surface-2) !important;
  border: 1px solid var(--sic-line) !important;
  border-radius: var(--sic-radius) !important;
  box-shadow: none !important;
  animation: none !important;
  /* Reset the inline gform_wrapper_25 styling that ships with the page */
  font-family: inherit !important;
  border-width: 1px !important;
  border-color: var(--sic-line) !important;
}
body.category-sic .sicpostdonate .gform_wrapper::before,
body.category-sic .sicpostdonate .gform_wrapper::after { content: none !important; }

/* ===== Swiper sizing — minimal intervention =====
   Same gp-page-transitions Swiper as the CSF form. We override
   slide and wrapper widths so they match the column, but never
   touch display/flex/transform — those drive the page transition. */
body.category-sic .sicpostdonate .swiper-wrapper,
body.category-sic .sicpostdonate .gform-body.swiper-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}
body.category-sic .sicpostdonate .swiper-slide,
body.category-sic .sicpostdonate .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;
}
/* Force correct translate distance regardless of Swiper's stale measurement */
body.category-sic .sicpostdonate .swiper-wrapper:has(> .gform_page:nth-child(1).swiper-slide-active) {
  transform: translate3d(0px, 0, 0) !important;
}
body.category-sic .sicpostdonate .swiper-wrapper:has(> .gform_page:nth-child(2).swiper-slide-active) {
  transform: translate3d(-100%, 0, 0) !important;
}
/* ===== Kill global .swiper shadow + dark overlay from 1543.css =====
   Note the SIC widgets file also ships .swiper::before overlay rules.
   Those are intended for the image carousel. We disable them inside
   the donate sidebar's swiper context (the form). */
body.category-sic .sicpostdonate .swiper,
body.category-sic .sicpostdonate .gform-body.swiper-wrapper {
  box-shadow: none !important;
  border-radius: 0 !important;
}
body.category-sic .sicpostdonate .swiper::before,
body.category-sic .sicpostdonate .gform-body.swiper-wrapper::before,
body.category-sic .sicpostdonate .swiper::after,
body.category-sic .sicpostdonate .gform-body.swiper-wrapper::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

/* Defensive: keep every field/grid row inside the sidebar within the
   column. Catches any stale Swiper measurements at the field level. */
body.category-sic .sicpostdonate .gform_page,
body.category-sic .sicpostdonate .gform_page_fields,
body.category-sic .sicpostdonate .gform_fields,
body.category-sic .sicpostdonate .gfield,
body.category-sic .sicpostdonate fieldset.gfield,
body.category-sic .sicpostdonate .donation-info,
body.category-sic .sicpostdonate .your-info,
body.category-sic .sicpostdonate .gform-grid-row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.category-sic .sicpostdonate .gfield--width-full {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
}
body.category-sic .sicpostdonate .gform_wrapper .gform_fields,
body.category-sic .sicpostdonate .gform_wrapper .donation-info,
body.category-sic .sicpostdonate .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;
}

/*--------------------------------------------------------------
   10. GRAVITY FORMS — base
--------------------------------------------------------------*/
body.category-sic .gform_wrapper .gform_heading {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  text-align: left !important;
  border: none !important;
}
body.category-sic .gform_wrapper .gform_required_legend { display: none !important; }
body.category-sic .gform_wrapper .gform_description {
  font-size: 0.9rem !important;
  color: var(--sic-muted) !important;
  margin: 0 !important;
}
body.category-sic .gform_wrapper .gform_description:empty { display: none !important; }
body.category-sic .gform_wrapper .gfield {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.category-sic .gform_wrapper .admin-hidden-markup,
body.category-sic .gform_wrapper .gfield_visibility_hidden { display: none !important; }
body.category-sic .gform_wrapper .gsection {
  border: none !important;
  margin: 8px 0 0 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid var(--sic-line) !important;
}
body.category-sic .gform_wrapper .gsection_title {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: var(--sic-text) !important;
  text-align: left !important;
  margin: 0 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
body.category-sic .gform_wrapper .gsection_description {
  font-size: 0.8rem !important;
  color: var(--sic-muted) !important;
  text-align: left !important;
  margin-top: 4px !important;
}
body.category-sic .gform_wrapper .gfield_label {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: var(--sic-text-soft) !important;
  margin: 0 0 6px 0 !important;
  display: block !important;
  text-align: left !important;
  /* Override the inline #gform_wrapper_25 padding-left:30px */
  padding-left: 0 !important;
  justify-content: flex-start !important;
}
body.category-sic .gform_wrapper legend.gfield_label {
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
}
body.category-sic .gform_wrapper .hidden_label > .gfield_label,
body.category-sic .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-sic .gform_wrapper .gfield_required {
  color: var(--sic-primary) !important;
  margin-left: 2px !important;
}
body.category-sic .gform_wrapper .gfield_description {
  color: var(--sic-muted) !important;
  font-size: 0.8rem !important;
  text-align: left !important;
  margin: 4px 0 0 0 !important;
}

/* Inputs / textarea — overriding the heavy black-bordered inline form CSS */
body.category-sic .gform_wrapper input[type="text"]:not(.gform-text-input-reset),
body.category-sic .gform_wrapper input[type="email"],
body.category-sic .gform_wrapper input[type="tel"],
body.category-sic .gform_wrapper input[type="number"],
body.category-sic .gform_wrapper input[type="url"],
body.category-sic .gform_wrapper input[type="password"],
body.category-sic .gform_wrapper input.large,
body.category-sic .gform_wrapper input.medium,
body.category-sic .gform_wrapper input.small,
body.category-sic .gform_wrapper textarea {
  width: 100% !important;
  height: var(--sic-control-h) !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1.5px solid var(--sic-line) !important;
  border-radius: var(--sic-radius) !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: var(--sic-text) !important;
  line-height: 1.4 !important;
  box-shadow: var(--sic-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;
  max-width: 100% !important;
}
body.category-sic .gform_wrapper textarea {
  height: auto !important;
  min-height: 120px !important;
  border-radius: var(--sic-radius) !important;
  line-height: 1.55 !important;
  resize: vertical !important;
}
body.category-sic .gform_wrapper input:hover,
body.category-sic .gform_wrapper textarea:hover { border-color: #d1d5db !important; }
body.category-sic .gform_wrapper input:focus,
body.category-sic .gform_wrapper textarea:focus {
  border-color: var(--sic-primary) !important;
  box-shadow: 0 0 0 3px var(--sic-primary-glow) !important;
}
body.category-sic .gform_wrapper input::placeholder,
body.category-sic .gform_wrapper textarea::placeholder {
  color: var(--sic-subtle) !important;
  font-style: normal !important;
  opacity: 1 !important;
}

/* Select */
body.category-sic .gform_wrapper select {
  width: 100% !important;
  height: var(--sic-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(--sic-line) !important;
  border-radius: var(--sic-radius) !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  color: var(--sic-text) !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  outline: none !important;
}
body.category-sic .gform_wrapper select:focus {
  border-color: var(--sic-primary) !important;
  box-shadow: 0 0 0 3px var(--sic-primary-glow) !important;
}
body.category-sic .gform_wrapper select::-ms-expand { display: none !important; }

/* Radio / checkbox pills */
body.category-sic .gform_wrapper .gfield_radio input[type="radio"],
body.category-sic .gform_wrapper .gfield_checkbox input[type="checkbox"],
body.category-sic .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;
}
body.category-sic .gform_wrapper .gfield_radio {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
}
body.category-sic .gform_wrapper .gfield_checkbox {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
body.category-sic .gform_wrapper .gfield_radio .gchoice,
body.category-sic .gform_wrapper .gfield_checkbox .gchoice {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}
body.category-sic .gform_wrapper .gfield_radio .gchoice label,
body.category-sic .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(--sic-line) !important;
  border-radius: var(--sic-radius) !important;
  font-family: inherit !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--sic-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-sic .gform_wrapper .gfield_radio .gchoice label:hover,
body.category-sic .gform_wrapper .gfield_checkbox .gchoice label:hover {
  border-color: var(--sic-primary) !important;
  background: var(--sic-primary-soft) !important;
}
body.category-sic .gform_wrapper .gfield_radio input[type="radio"]:checked + label,
body.category-sic .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label {
  background: var(--sic-primary) !important;
  border-color: var(--sic-primary) !important;
  color: #fff !important;
}
body.category-sic .gform_wrapper .gfield_radio input[type="radio"]:checked + label::before,
body.category-sic .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='%233087B0' 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-sic .sicpostdonate .gform_wrapper .gfield_radio {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

/*--------------------------------------------------------------
   11. COMPOSITE FIELDS (name / address)
--------------------------------------------------------------*/
body.category-sic .gform_wrapper .ginput_complex {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
}
body.category-sic .gform_wrapper .ginput_complex .ginput_full,
body.category-sic .gform_wrapper .ginput_complex .address_line_1,
body.category-sic .gform_wrapper .ginput_complex .address_line_2 {
  grid-column: span 2 !important;
}
body.category-sic .gform_wrapper .ginput_complex .gform-grid-col { min-width: 0 !important; }
body.category-sic .gform_wrapper .ginput_complex label,
body.category-sic .gform_wrapper .name_first label,
body.category-sic .gform_wrapper .name_last label,
body.category-sic .gform_wrapper .address_line_1 label,
body.category-sic .gform_wrapper .address_city label,
body.category-sic .gform_wrapper .address_state label,
body.category-sic .gform_wrapper .address_zip label,
body.category-sic .gform_wrapper .address_country label {
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  font-style: normal !important;
  color: var(--sic-muted) !important;
  margin: 4px 0 0 0 !important;
  padding-left: 2px !important;
  text-align: left !important;
}

/*--------------------------------------------------------------
   12. PRODUCT / PRICE — donation total card
--------------------------------------------------------------*/
body.category-sic .gform_wrapper .ginput_container_product_calculation {
  background: var(--sic-primary-soft) !important;
  border: 1px solid rgba(48,135,176,.25) !important;
  border-radius: var(--sic-radius) !important;
  padding: 12px 14px !important;
  margin-top: 6px !important;
  text-align: center !important;
}
/* Hide the "PRICE:" label — the styled price block already has a
   "Total" caption appended via ::after below. Matches CSF. */
body.category-sic .gform_wrapper .ginput_product_price_label {
  display: none !important;
}
body.category-sic .gform_wrapper .ginput_product_price {
  display: block !important;
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  color: var(--sic-primary-dark) !important;
  margin: 0 !important;
  letter-spacing: -0.01em !important;
}
body.category-sic .gform_wrapper .ginput_product_price::after {
  content: "Total" !important;
  display: block !important;
  margin-top: 0.5em !important;
  font-size: 0.5em !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--sic-primary-dark) !important;
}

/*--------------------------------------------------------------
   13. HTML FIELDS / INLINE NOTES
--------------------------------------------------------------*/
body.category-sic .gform_wrapper .gfield_html {
  font-size: 0.85rem !important;
  color: var(--sic-text-soft) !important;
  line-height: 1.5 !important;
}
body.category-sic .gform_wrapper .gfield_html p {
  margin: 0 0 8px 0 !important;
}

/*--------------------------------------------------------------
   14. CAPTCHA
--------------------------------------------------------------*/
/* The "protected by reCAPTCHA" badge ends up rendered inside the
   donate form on this page (the SIC plugin or Gravity Forms is
   placing a copy mid-form, between the Total card and the next-page
   button). Anything that visually represents reCAPTCHA INSIDE the
   form gets hidden. We use visibility:hidden + clip rather than
   display:none so the underlying reCAPTCHA validation token can
   still be sent on submit. */
body.category-sic .sicpostdonate .grecaptcha-badge,
body.category-sic .sicpostdonate .ginput_recaptcha,
body.category-sic .sicpostdonate .gfield--type-captcha,
body.category-sic .sicpostdonate .g-recaptcha,
body.category-sic .sicpostdonate iframe[src*="recaptcha"],
body.category-sic .sicpostdonate iframe[title*="reCAPTCHA"],
body.category-sic .sicpostdonate iframe[title*="recaptcha"] {
  position: absolute !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  max-height: 1px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  display: block !important;
  opacity: 0 !important;
}

/* Google's standalone floating reCAPTCHA badge — pin to viewport
   bottom-right and clip to logo-only (hide the "protected by
   reCAPTCHA" text). The logo sits on the LEFT side of Google's
   256px-wide badge, so we just clip the width down to ~70px from
   the left edge. */
body.category-sic .grecaptcha-badge,
.category-sic .grecaptcha-badge {
  position: fixed !important;
  bottom: 14px !important;
  right: 14px !important;
  left: auto !important;
  top: auto !important;
  z-index: 999999 !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  width: 70px !important;
  height: 60px !important;
  overflow: hidden !important;
  box-shadow: 0 0 4px rgba(0,0,0,.15) !important;
  border-radius: 0 6px 6px 0 !important;
}

/*--------------------------------------------------------------
   15. FORM FOOTER + SUBMIT (SIC blue CTA)
--------------------------------------------------------------*/
body.category-sic .gform_wrapper .gform_footer,
body.category-sic .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(--sic-line) !important;
  text-align: center !important;
  grid-column: 1 / -1 !important;
  float: none !important;
  clear: both !important;
}
body.category-sic .gform_wrapper input[type="submit"],
body.category-sic .gform_wrapper .gform_button,
body.category-sic .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: linear-gradient(135deg, var(--sic-primary) 0%, var(--sic-accent) 100%) !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(--sic-radius-full) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 6px 16px var(--sic-primary-glow) !important;
  cursor: pointer !important;
  transition: filter .2s ease, transform .2s ease, box-shadow .2s ease !important;
  animation: none !important;
}
body.category-sic .gform_wrapper input[type="submit"]:hover,
body.category-sic .gform_wrapper .gform_button:hover {
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 10px 24px var(--sic-primary-glow) !important;
}
body.category-sic .gform_wrapper input[type="submit"]:active { transform: translateY(0) !important; }

/* Multi-page nav buttons (Next / Previous) */
body.category-sic .gform_wrapper .gform-page-footer,
body.category-sic .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(--sic-line) !important;
  text-align: center !important;
  float: none !important;
  clear: both !important;
}
body.category-sic .gform_wrapper .gform-page-footer:has(> input:only-of-type),
body.category-sic .gform_wrapper .gform_page_footer:has(> input:only-of-type) {
  justify-content: center !important;
}
body.category-sic .gform_wrapper .gform_next_button,
body.category-sic .gform_wrapper .gform_previous_button,
body.category-sic .gform_wrapper input.gform_next_button,
body.category-sic .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(--sic-radius-full) !important;
  cursor: pointer !important;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
  animation: none !important;
  line-height: 1.2 !important;
}
/* Primary "Next" — SIC gradient */
body.category-sic .gform_wrapper .gform_next_button,
body.category-sic .gform_wrapper input.gform_next_button {
  background: linear-gradient(135deg, var(--sic-primary) 0%, var(--sic-accent) 100%) !important;
  color: #fff !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 6px 16px var(--sic-primary-glow) !important;
}
body.category-sic .gform_wrapper .gform_next_button:hover,
body.category-sic .gform_wrapper input.gform_next_button:hover {
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 10px 24px var(--sic-primary-glow) !important;
}
/* Secondary "Previous" — outlined */
body.category-sic .gform_wrapper .gform_previous_button,
body.category-sic .gform_wrapper input.gform_previous_button {
  background: #fff !important;
  color: var(--sic-text) !important;
  border: 1.5px solid var(--sic-line) !important;
  box-shadow: var(--sic-shadow-sm) !important;
  width: 100% !important;
}
body.category-sic .gform_wrapper .gform_previous_button:hover,
body.category-sic .gform_wrapper input.gform_previous_button:hover {
  background: var(--sic-surface-2) !important;
  border-color: var(--sic-primary) !important;
  color: var(--sic-primary) !important;
  transform: translateY(-1px) !important;
}
/* Submit-in-footer layout */
body.category-sic .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-sic .gform_wrapper .gform_footer .gform_button,
body.category-sic .gform_wrapper .gform_footer input[type="submit"],
body.category-sic .gform_wrapper .gform-page-footer .gform_button,
body.category-sic .gform_wrapper .gform_page_footer .gform_button,
body.category-sic .gform_wrapper .gform-page-footer input[type="submit"],
body.category-sic .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;
}

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

/*--------------------------------------------------------------
   17. DIVIDER
--------------------------------------------------------------*/
body.category-sic hr.sicpostdivider {
  border: none !important;
  border-top: 1px solid var(--sic-line) !important;
  margin: 32px 0 !important;
  background: transparent !important;
  height: 0 !important;
}

/*--------------------------------------------------------------
   18. CONTACT FORM (full-width, below everything)
--------------------------------------------------------------*/
body.category-sic .sicpostcontact {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  animation: none !important;
  clear: both !important;
}
body.category-sic .sicpostcontact .csfpostsubtitle,
body.category-sic .sicpostcontact .sicpostsubtitle,
body.category-sic .sicpostcontact h2 {
  text-align: left !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: var(--sic-text) !important;
  margin: 0 0 16px 0 !important;
  text-shadow: none !important;
}
body.category-sic .sicpostcontact .gform_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 24px !important;
  background: var(--sic-surface) !important;
  border: 1px solid var(--sic-line) !important;
  border-radius: var(--sic-radius-lg) !important;
  box-shadow: var(--sic-shadow) !important;
  animation: none !important;
}
body.category-sic .sicpostcontact .gform_wrapper::before,
body.category-sic .sicpostcontact .gform_wrapper::after { content: none !important; }
body.category-sic .sicpostcontact .gform_wrapper .gform_fields {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  grid-template-columns: none !important;
}

/*--------------------------------------------------------------
   19. SITE FOOTER
--------------------------------------------------------------*/
body.category-sic .site-footer,
body.category-sic footer.site-info {
  width: 100% !important;
  margin-top: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border-top: 1px solid var(--sic-line) !important;
  box-shadow: none !important;
}
body.category-sic 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-sic footer.site-info::before { content: none !important; }
body.category-sic footer.site-info .copyright-bar {
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  color: var(--sic-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-sic footer.site-info .copyright-bar::before { content: none !important; }
body.category-sic footer.site-info .copyright-bar a {
  color: var(--sic-primary) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
body.category-sic footer.site-info .copyright-bar a:hover {
  color: var(--sic-primary-hover) !important;
  text-decoration: underline !important;
}

/*--------------------------------------------------------------
   20. ACCESSIBILITY
--------------------------------------------------------------*/
body.category-sic *:focus-visible {
  outline: 2px solid var(--sic-primary) !important;
  outline-offset: 2px !important;
}
@media (prefers-reduced-motion: reduce) {
  body.category-sic * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.2s !important;
  }
}
/* Respect Gravity Forms conditional logic */
body.category-sic .gform_wrapper .gform_footer[style*="display: none"],
body.category-sic .gform_wrapper .gform-footer[style*="display: none"],
body.category-sic .gform_wrapper .gfield[style*="display: none"],
body.category-sic .gform_wrapper input[type="submit"][style*="display: none"],
body.category-sic .gform_wrapper .gform_button[style*="display: none"] {
  display: none !important;
}

/*--------------------------------------------------------------
   21. RESPONSIVE refinements
--------------------------------------------------------------*/
@media (max-width: 879px) {
  body.category-sic .sicpostbanner { max-height: 360px !important; }
  body.category-sic .sicpostbanner img { max-height: 320px !important; }
  body.category-sic .sicpostheader { padding: 22px 18px !important; }
  body.category-sic .sicpostcontact .gform_wrapper { padding: 20px !important; }
}
@media (max-width: 600px) {
  body.category-sic .gform_wrapper .ginput_complex,
  body.category-sic .gform_wrapper .ginput_cardextras,
  body.category-sic .gform_wrapper .ginput_container_ach {
    grid-template-columns: 1fr !important;
  }
  body.category-sic .gform_wrapper .ginput_container_ach .ginput_full {
    grid-column: span 1 !important;
  }
  body.category-sic .donateandshare {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body.category-sic .donateandshare .sicpostshare { justify-content: center !important; }
  body.category-sic .sicposttopbutton { width: 100% !important; }
}
@media (max-width: 480px) {
  body.category-sic .entry-content { padding: 16px 14px 56px !important; }
  body.category-sic .sicposttitlename { font-size: 1.45rem !important; }
  body.category-sic .gform_wrapper .gfield_radio { grid-template-columns: 1fr !important; }
  body.category-sic .gform_wrapper input[type="submit"],
  body.category-sic .gform_wrapper .gform_button { width: 100% !important; padding: 13px 18px !important; }
  body.category-sic .sicpostbanner { max-height: 300px !important; }
  body.category-sic .sicpostbanner img { max-height: 260px !important; }
}

/*--------------------------------------------------------------
   22. CHECKBOX-FIELDSET BREATHING ROOM (parity with CSF fix)
--------------------------------------------------------------*/
body.category-sic .sicpostdonate fieldset.gfield--type-checkbox {
  margin: 6px 0 !important;
  padding: 0 !important;
  border: none !important;
}
body.category-sic .sicpostdonate fieldset.gfield--type-checkbox + fieldset.gfield--type-checkbox,
body.category-sic .sicpostdonate fieldset.gfield--type-checkbox + .gfield {
  margin-top: 14px !important;
}
body.category-sic .sicpostdonate .gfield--type-checkbox .ginput_container_checkbox {
  padding: 2px 0 !important;
}
/* Right-edge border bleed on radio/checkbox pills (swiper sub-pixel issue) */
body.category-sic .sicpostdonate .gfield_radio,
body.category-sic .sicpostdonate .gfield_checkbox {
  padding-right: 2px !important;
  padding-left: 2px !important;
  box-sizing: border-box !important;
}
body.category-sic .sicpostdonate .gfield_radio .gchoice label,
body.category-sic .sicpostdonate .gfield_checkbox .gchoice label {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.category-sic .sicpostdonate .gform_page,
body.category-sic .sicpostdonate .swiper-slide {
  overflow-x: clip !important;
}

/*==============================================================
  ╔══════════════════════════════════════════════════════════╗
  ║   PART 2 — SIC SPECIAL WIDGETS (optimized & integrated)  ║
  ╚══════════════════════════════════════════════════════════╝
  Glass-morphism progress meter, countdown timer, and image
  carousel that live inside the dark .sicpostheader / hero box.
  Optimizations applied to the original widgets stylesheet:
    - Consolidated duplicated rules across responsive blocks
    - Merged the standalone "🌙 COUNTDOWN — ENHANCED GLASS"
      block into the base rule (it set identical values)
    - Removed the unscoped global .swiper / .carousel overlay
      block — it was breaking the Swiper donate form on every
      page (the SIC widgets file shipped with `.swiper::before`
      and `.swiper *` rules that affect ANY .swiper, including
      Gravity Forms multi-page navigation). Replaced with a
      scoped variant that only targets ACTUAL image carousels.
    - Added the keyframes (sicShimmer, sicPulse, sicCountdown,
      sicFadeInUp) that were referenced but missing.
==============================================================*/

/*--------------------------------------------------------------
   W-0. SHARED ANIMATIONS (referenced by multiple widgets)
--------------------------------------------------------------*/
@keyframes sicShimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
/* legacy alias used by .gfpm-fill::after */
@keyframes shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
@keyframes sicPulse {
  0%, 100% { opacity: 0.6; transform: scale(1); }
  50%      { opacity: 1;   transform: scale(1.05); }
}
@keyframes sicCountdown {
  0%, 100% { opacity: 1; }
  50%      { opacity: .92; }
}
@keyframes sicFadeInUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

/*--------------------------------------------------------------
   W-1. PROGRESS METER  (.progressmeter — light theme card)
--------------------------------------------------------------*/
body.category-sic .progressmeter {
  width: 100%;                  /* container parent (.progresstimerbox) handles row layout */
  text-align: center;
  padding: 20px 18px;
  background: var(--sic-card);
  border: 1px solid var(--sic-line);
  border-radius: var(--sic-radius-lg);
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  transition: transform .25s var(--sic-ease-out), box-shadow .25s var(--sic-ease-out),
              border-color .25s var(--sic-ease-out);
  position: relative;
  overflow: hidden;
}
body.category-sic .progressmeter::before { content: none; }
body.category-sic .progressmeter:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(48,135,176,.10);
  border-color: rgba(48,135,176,.30);
}
body.category-sic .progressmeter .progressmeterheader {
  text-align: center;
  font-size: 1.85em;
  font-weight: 800;
  color: var(--sic-primary);
  margin-bottom: 4px;
  line-height: 1.2;
  text-shadow: none;
}
body.category-sic .progressmeter .progressmetersubheader {
  text-align: center;
  font-size: 0.9rem;
  color: var(--sic-muted);
  margin-bottom: 14px;
  font-weight: 500;
  text-shadow: none;
}
body.category-sic .progressmeter > br { display: none; }

/*--------------------------------------------------------------
   W-2. PROGRESS BAR (gravity forms progress meter + GFPM custom)
   Light theme — soft track, brand gradient fill.
--------------------------------------------------------------*/
body.category-sic .gf_progress_meter_wrapper,
body.category-sic [class*="progress-meter"] {
  width: 100%;
  margin-top: 12px;
}
body.category-sic .gf_progress_meter {
  width: 100%;
  height: 10px;
  background: var(--sic-surface-2);
  border-radius: 9999px;
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
}
body.category-sic .gf_progress_meter_bar {
  height: 100%;
  background: linear-gradient(90deg, var(--sic-primary), var(--sic-accent));
  border-radius: 9999px;
  transition: width 1s var(--sic-ease-out);
  position: relative;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
}
body.category-sic .gf_progress_meter_bar::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.35) 50%, transparent 100%);
  background-size: 200% 100%;
  animation: sicShimmer 2.4s infinite;
}

/* GFPM custom bar (the structure used in the sample DOM) */
body.category-sic .gfpm-container {
  font-family: inherit;
  margin-top: 10px;
  width: 100%;
}
body.category-sic .gfpm-meter {
  height: 10px;
  border-radius: 9999px;
  background-color: var(--sic-surface-2);
  overflow: hidden;
  margin-bottom: 8px;
  width: 100%;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
}
body.category-sic .gfpm-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--sic-primary), var(--sic-accent));
  width: 0;
  transition: width .4s ease-in-out;
  border-radius: 9999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
  position: relative;
}
body.category-sic .gfpm-fill::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.35) 50%, transparent 100%);
  background-size: 200% 100%;
  animation: sicShimmer 2.4s infinite;
}
body.category-sic .gfpm-caption,
body.category-sic .gfpm-goal {
  display: inline-block;
  width: 49%;
  font-size: 0.85rem;
  color: var(--sic-muted);
}
body.category-sic .gfpm-caption { text-align: left;  float: left;  }
body.category-sic .gfpm-goal    { text-align: right; float: right; }
body.category-sic .gfpm-caption-value,
body.category-sic .gfpm-goal-value {
  font-weight: 700;
  color: var(--sic-text);
  text-shadow: none;
}
body.category-sic .gfpm-caption-label,
body.category-sic .gfpm-goal-label {
  font-weight: 600;
  color: var(--sic-muted);
}
/* Clearfix after the floats so the next element doesn't tuck under */
body.category-sic .gfpm-container::after {
  content: "";
  display: table;
  clear: both;
}

/*--------------------------------------------------------------
   W-3. COUNTDOWN TIMER (.countdowntimer — light theme card)
--------------------------------------------------------------*/
body.category-sic .countdowntimer {
  width: 100%;
  text-align: center;
  padding: 18px 14px;
  background: var(--sic-card);
  border: 1px solid var(--sic-line);
  border-radius: var(--sic-radius-lg);
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  transition: transform .25s var(--sic-ease-out), box-shadow .25s var(--sic-ease-out),
              border-color .25s var(--sic-ease-out);
  position: relative;
  overflow: hidden;
}
body.category-sic .countdowntimer::before { content: none; }
body.category-sic .countdowntimer:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(48,135,176,.10);
  border-color: rgba(48,135,176,.30);
}
body.category-sic .countdowntimer .countdowntimerheader {
  display: inline-block;
  text-align: center;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sic-muted);
  margin-bottom: 10px;
  text-shadow: none;
  position: relative;
}
body.category-sic .countdowntimer > br { display: none; }

/* Optional gradient header text */
body.category-sic .countdowntimer .countdowntimerheader.gradient-text {
  background: linear-gradient(135deg, var(--sic-primary) 0%, var(--sic-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Segments grid */
body.category-sic .countdown-timer,
body.category-sic [id^="countdown-timer-"] {
  display: flex !important;
  flex-direction: row !important;
  gap: 8px !important;
  justify-content: center !important;
  align-items: stretch !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}

body.category-sic .countdown-segment,
body.category-sic .countdowntimer .countdown-section {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 10px 6px !important;
  background: var(--sic-surface-2) !important;
  border: 1px solid var(--sic-line-soft) !important;
  border-radius: var(--sic-radius) !important;
  min-width: 0 !important;
  box-shadow: none !important;
  flex: 1 1 0 !important;
  transition: transform .2s var(--sic-ease-out), background .2s var(--sic-ease-out),
              border-color .2s var(--sic-ease-out) !important;
  position: relative !important;
  overflow: hidden !important;
}
body.category-sic .countdown-segment::after { content: none; }
body.category-sic .countdown-segment:hover,
body.category-sic .countdowntimer .countdown-section:hover {
  background: var(--sic-primary-soft) !important;
  transform: translateY(-1px) !important;
  border-color: rgba(48,135,176,.30) !important;
  box-shadow: 0 4px 10px rgba(48,135,176,.10) !important;
}

body.category-sic .countdown-number,
body.category-sic .countdown-days,
body.category-sic .countdown-hours,
body.category-sic .countdown-minutes,
body.category-sic .countdown-seconds,
body.category-sic .countdowntimer .countdown-amount {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: var(--sic-primary) !important;
  line-height: 1 !important;
  display: block !important;
  text-shadow: none !important;
  animation: none !important;
}
body.category-sic .countdown-label,
body.category-sic .countdowntimer .countdown-period {
  font-size: 0.6rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--sic-muted) !important;
  margin-top: 4px !important;
  display: block !important;
  text-shadow: none !important;
}

body.category-sic .countdowntimer .countdown-row {
  display: flex !important;
  justify-content: center !important;
  gap: 6px !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
}

/* Countdown urgent / expired states */
body.category-sic .countdowntimer.urgent {
  animation: sicPulse 2s ease-in-out infinite;
}
body.category-sic .countdowntimer.urgent .countdown-number,
body.category-sic .countdowntimer.urgent .countdown-amount {
  color: var(--sic-danger) !important;
  text-shadow: none !important;
}
body.category-sic .countdowntimer.expired { opacity: .7; }
body.category-sic .countdowntimer.expired .countdown-number,
body.category-sic .countdowntimer.expired .countdown-amount {
  color: var(--sic-muted) !important;
  text-shadow: none !important;
  animation: none !important;
}
body.category-sic .countdowntimer.expired .countdown-segment,
body.category-sic .countdowntimer.expired .countdown-section {
  background: var(--sic-surface-3) !important;
}

/* Separator (between segments) */
body.category-sic .countdown-separator {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--sic-primary);
  opacity: .5;
  animation: sicPulse 1s ease-in-out infinite;
  text-shadow: none;
}
@media (max-width: 480px) {
  body.category-sic .countdown-separator { font-size: 1rem; }
}

/* Loading shimmer */
body.category-sic .countdowntimer.loading { position: relative; overflow: hidden; }
body.category-sic .countdowntimer.loading::after {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(48,135,176,.08), transparent);
  animation: sicShimmer 1.5s infinite;
}

/*--------------------------------------------------------------
   W-4. WIDGET RESPONSIVE — DESKTOP / TABLET / MOBILE
   (consolidated from the multi-block version in the original)
--------------------------------------------------------------*/
@media (min-width: 1024px) {
  body.category-sic .progressmeter .progressmeterheader { font-size: 2em; }
  body.category-sic .countdowntimer { padding: 22px 16px; }
  body.category-sic .countdowntimer .countdowntimerheader {
    font-size: 0.95rem;
    margin-bottom: 14px;
  }
  body.category-sic .countdown-timer,
  body.category-sic [id^="countdown-timer-"] { gap: 8px !important; flex-wrap: nowrap !important; }
  body.category-sic .countdown-segment,
  body.category-sic .countdowntimer .countdown-section {
    padding: 12px 6px !important;
  }
  body.category-sic .countdown-number,
  body.category-sic .countdown-days,
  body.category-sic .countdown-hours,
  body.category-sic .countdown-minutes,
  body.category-sic .countdown-seconds,
  body.category-sic .countdowntimer .countdown-amount { font-size: 1.5rem !important; }
  body.category-sic .countdown-label,
  body.category-sic .countdowntimer .countdown-period {
    font-size: 0.65rem !important;
    letter-spacing: 0.04em !important;
  }
  body.category-sic .gfpm-caption,
  body.category-sic .gfpm-goal { font-size: 0.9rem; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body.category-sic .progressmeter,
  body.category-sic .countdowntimer { padding: 20px 16px; }
  body.category-sic .countdowntimer .countdowntimerheader { font-size: 0.9rem; }
  body.category-sic .countdown-timer,
  body.category-sic [id^="countdown-timer-"] { gap: 8px !important; }
  body.category-sic .countdown-segment,
  body.category-sic .countdowntimer .countdown-section {
    padding: 10px 8px !important;
  }
  body.category-sic .countdown-number,
  body.category-sic .countdown-days,
  body.category-sic .countdown-hours,
  body.category-sic .countdown-minutes,
  body.category-sic .countdown-seconds,
  body.category-sic .countdowntimer .countdown-amount { font-size: 1.5rem !important; }
  body.category-sic .countdown-label,
  body.category-sic .countdowntimer .countdown-period { font-size: 0.65rem !important; }
  body.category-sic .gfpm-caption,
  body.category-sic .gfpm-goal { font-size: 0.8rem; }
}

@media (max-width: 767px) {
  body.category-sic .progressmeter,
  body.category-sic .countdowntimer {
    padding: 20px 16px;
    margin-bottom: 0;
  }
  body.category-sic .progressmeter .progressmeterheader { font-size: 1.75em; }
  body.category-sic .countdowntimer .countdowntimerheader {
    font-size: 0.8rem;
    margin-bottom: 12px;
  }
  body.category-sic .countdown-timer,
  body.category-sic [id^="countdown-timer-"] { gap: 8px !important; }
  body.category-sic .countdown-segment,
  body.category-sic .countdowntimer .countdown-section {
    padding: 10px 12px !important;
    min-width: 50px !important;
  }
  body.category-sic .countdown-number,
  body.category-sic .countdown-days,
  body.category-sic .countdown-hours,
  body.category-sic .countdown-minutes,
  body.category-sic .countdown-seconds,
  body.category-sic .countdowntimer .countdown-amount {
    font-size: 1.35rem !important;
    text-shadow: none !important;
  }
  body.category-sic .countdown-label,
  body.category-sic .countdowntimer .countdown-period { font-size: 0.6rem !important; }
  body.category-sic .countdowntimer .countdown-row { gap: 8px !important; flex-wrap: wrap !important; }

  /* gfpm caption/goal — center, no float on mobile */
  body.category-sic .gfpm-caption,
  body.category-sic .gfpm-goal {
    white-space: nowrap;
    display: flex !important;
    justify-content: center;
    gap: 5px;
    flex-wrap: nowrap;
    width: auto;
    float: none;
    text-align: center;
    font-size: 0.75rem;
  }
  body.category-sic .gfpm-caption-label,
  body.category-sic .gfpm-goal-label,
  body.category-sic .gfpm-caption-value,
  body.category-sic .gfpm-goal-value { white-space: nowrap; }
}

@media (max-width: 480px) {
  body.category-sic .progressmeter,
  body.category-sic .countdowntimer {
    padding: 18px 14px;
    border-radius: 16px;
  }
  body.category-sic .progressmeter .progressmeterheader { font-size: 1.5rem; }
  body.category-sic .progressmeter .progressmetersubheader { font-size: 0.8rem; }
  body.category-sic .countdowntimer .countdowntimerheader {
    font-size: 0.75rem;
    margin-bottom: 10px;
  }
  body.category-sic .countdown-timer,
  body.category-sic [id^="countdown-timer-"] { gap: 6px !important; }
  body.category-sic .countdown-segment,
  body.category-sic .countdowntimer .countdown-section {
    padding: 8px 10px !important;
    min-width: 44px !important;
    border-radius: 8px !important;
  }
  body.category-sic .countdown-number,
  body.category-sic .countdown-days,
  body.category-sic .countdown-hours,
  body.category-sic .countdown-minutes,
  body.category-sic .countdown-seconds,
  body.category-sic .countdowntimer .countdown-amount { font-size: 1.15rem !important; }
  body.category-sic .countdown-label,
  body.category-sic .countdowntimer .countdown-period {
    font-size: 0.55rem !important;
    letter-spacing: 0.03em !important;
  }
  body.category-sic .gfpm-meter { height: 10px; }
}

@media (max-width: 380px) {
  body.category-sic .countdowntimer { padding: 14px 10px; }
  body.category-sic .countdown-timer,
  body.category-sic [id^="countdown-timer-"] { gap: 4px !important; }
  body.category-sic .countdown-segment,
  body.category-sic .countdowntimer .countdown-section {
    padding: 6px 8px !important;
    min-width: 40px !important;
  }
  body.category-sic .countdown-number,
  body.category-sic .countdown-days,
  body.category-sic .countdown-hours,
  body.category-sic .countdown-minutes,
  body.category-sic .countdown-seconds,
  body.category-sic .countdowntimer .countdown-amount { font-size: 1rem !important; }
  body.category-sic .countdown-label,
  body.category-sic .countdowntimer .countdown-period { font-size: 0.5rem !important; }
  body.category-sic .gfpm-caption,
  body.category-sic .gfpm-goal { font-size: 0.7rem; gap: 3px; }
}

/*--------------------------------------------------------------
   W-5. CUSTOM IMAGE CAROUSEL (.custom-carousel-wrapper)
   Lives in the description / .sicimagecarousel area on a light
   background (NOT inside the dark hero).
--------------------------------------------------------------*/
body.category-sic .custom-carousel-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  background: var(--sic-card);
  border: 1px solid var(--sic-border);
  border-radius: var(--sic-radius-xl);
  box-shadow: var(--sic-shadow-md);
  animation: sicFadeInUp .6s var(--sic-ease-out) .2s both;
}
body.category-sic .custom-carousel-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, var(--sic-accent), var(--sic-primary));
  border-radius: 0 0 3px 3px;
  z-index: 5;
}
body.category-sic .custom-carousel-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--sic-radius-xl);
  background: var(--sic-surface-2);
}
/* Slides: the carousel JS toggles slides via inline style="display: block|none"
   on each slide (no .active class on the slide itself). Don't gate opacity
   on .active — just let display do the work. */
body.category-sic .custom-carousel-slide {
  text-align: center;
  opacity: 1;
}
body.category-sic .custom-carousel-slide.active {
  display: block;
  opacity: 1;
}
@keyframes sicCarouselFadeIn {
  from { opacity: 0; transform: scale(1.02); }
  to   { opacity: 1; transform: scale(1); }
}
/* IMG: override global .carousel/.swiper rules that force cover/100% height */
body.category-sic .custom-carousel-wrapper .custom-carousel-slide img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 520px !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}
body.category-sic .custom-carousel-wrapper:hover .custom-carousel-slide.active img {
  transform: none !important;
}

/* Arrows */
body.category-sic .custom-carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: var(--sic-card);
  border: 1px solid var(--sic-border);
  border-radius: 50%;
  font-size: 1.25rem;
  color: var(--sic-primary);
  cursor: pointer;
  box-shadow: var(--sic-shadow-sm);
  opacity: 0;
  transition: all .3s var(--sic-ease-out);
}
body.category-sic .custom-carousel-wrapper:hover .custom-carousel-arrow { opacity: 1; }
body.category-sic .custom-carousel-arrow:hover {
  background: linear-gradient(135deg, var(--sic-primary), var(--sic-primary-dark));
  border-color: var(--sic-primary);
  color: #fff;
  box-shadow: var(--sic-shadow-glow);
  transform: translateY(-50%) scale(1.1);
}
body.category-sic .custom-carousel-arrow:active { transform: translateY(-50%) scale(.95); }
body.category-sic .custom-carousel-prev { left: 16px; }
body.category-sic .custom-carousel-next { right: 16px; }
body.category-sic .custom-carousel-prev:hover { left: 14px; }
body.category-sic .custom-carousel-next:hover { right: 14px; }
body.category-sic .custom-carousel-arrow svg {
  width: 20px; height: 20px; fill: currentColor;
  transition: transform .2s ease;
}
body.category-sic .custom-carousel-prev:hover svg { transform: translateX(-2px); }
body.category-sic .custom-carousel-next:hover svg { transform: translateX(2px); }

/* Dots */
body.category-sic .custom-carousel-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  margin: 0;
  background: var(--sic-bg-soft);
  border-top: 1px solid var(--sic-border-soft);
}
body.category-sic .custom-carousel-dot {
  display: inline-block;
  width: 10px; height: 10px;
  margin: 0; padding: 0;
  background: var(--sic-border);
  border: 2px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  transition: all .3s var(--sic-ease-out);
}
body.category-sic .custom-carousel-dot:hover {
  background: var(--sic-primary-soft);
  border-color: var(--sic-primary);
  transform: scale(1.2);
}
body.category-sic .custom-carousel-dot.active {
  width: 28px;
  background: linear-gradient(135deg, var(--sic-primary), var(--sic-accent));
  border-color: transparent;
  border-radius: var(--sic-radius-full);
  box-shadow: 0 2px 8px rgba(48,135,176,.3);
}

/* Counter / Caption */
body.category-sic .custom-carousel-counter {
  position: absolute;
  top: 16px; right: 16px;
  z-index: 10;
  padding: 6px 12px;
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: var(--sic-radius-full);
  border: 1px solid var(--sic-border);
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--sic-text-soft);
  box-shadow: var(--sic-shadow-sm);
}
body.category-sic .custom-carousel-counter .current {
  color: var(--sic-primary);
  font-weight: 700;
}
body.category-sic .custom-carousel-caption {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 24px 20px;
  background: linear-gradient(to top, rgba(15,23,42,.8), transparent);
  color: #fff;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  opacity: 0;
  transform: translateY(10px);
  transition: all .3s var(--sic-ease-out);
}
body.category-sic .custom-carousel-slide.active .custom-carousel-caption {
  opacity: 1;
  transform: translateY(0);
}

/* Carousel responsive */
@media (min-width: 1024px) {
  body.category-sic .custom-carousel-arrow { width: 52px; height: 52px; font-size: 1.35rem; }
  body.category-sic .custom-carousel-prev { left: 20px; }
  body.category-sic .custom-carousel-next { right: 20px; }
  body.category-sic .custom-carousel-dot { width: 12px; height: 12px; }
  body.category-sic .custom-carousel-dot.active { width: 32px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  body.category-sic .custom-carousel-wrapper .custom-carousel-slide img { max-height: 460px !important; }
  body.category-sic .custom-carousel-arrow { width: 44px; height: 44px; font-size: 1.15rem; opacity: 1; }
  body.category-sic .custom-carousel-dots { padding: 14px 16px; gap: 8px; }
}
@media (max-width: 767px) {
  body.category-sic .custom-carousel-wrapper { border-radius: var(--sic-radius-lg); }
  body.category-sic .custom-carousel-container { border-radius: var(--sic-radius-lg); }
  body.category-sic .custom-carousel-arrow {
    width: 40px; height: 40px; font-size: 1rem; opacity: 1;
    background: rgba(255,255,255,.9);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  body.category-sic .custom-carousel-prev { left: 10px; }
  body.category-sic .custom-carousel-next { right: 10px; }
  body.category-sic .custom-carousel-dots { padding: 12px 16px; gap: 8px; }
  body.category-sic .custom-carousel-dot { width: 8px; height: 8px; }
  body.category-sic .custom-carousel-dot.active { width: 24px; }
  body.category-sic .custom-carousel-counter {
    top: 12px; right: 12px;
    padding: 4px 10px;
    font-size: 0.75rem;
  }
  body.category-sic .custom-carousel-caption { padding: 20px 16px; font-size: 0.9rem; }
  body.category-sic .custom-carousel-wrapper .custom-carousel-slide img { max-height: 360px !important; }
}
@media (max-width: 480px) {
  body.category-sic .custom-carousel-wrapper { border-radius: var(--sic-radius-md); }
  body.category-sic .custom-carousel-container { border-radius: var(--sic-radius-md); }
  body.category-sic .custom-carousel-arrow { width: 36px; height: 36px; font-size: 0.9rem; }
  body.category-sic .custom-carousel-prev { left: 8px; }
  body.category-sic .custom-carousel-next { right: 8px; }
  body.category-sic .custom-carousel-dots { padding: 10px 12px; gap: 6px; }
  body.category-sic .custom-carousel-dot { width: 6px; height: 6px; }
  body.category-sic .custom-carousel-dot.active { width: 20px; }
  body.category-sic .custom-carousel-wrapper .custom-carousel-slide img { max-height: 300px !important; }
}

/* Carousel a11y */
body.category-sic .custom-carousel-arrow:focus-visible,
body.category-sic .custom-carousel-dot:focus-visible {
  outline: 2px solid var(--sic-primary);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  body.category-sic .custom-carousel-slide,
  body.category-sic .custom-carousel-slide img,
  body.category-sic .custom-carousel-arrow,
  body.category-sic .custom-carousel-dot,
  body.category-sic .custom-carousel-caption {
    animation: none !important;
    transition-duration: 0.1s !important;
  }
}

/*--------------------------------------------------------------
   W-6. SCOPED REPLACEMENT FOR THE GLOBAL .carousel / .swiper
        SHADOW + DARK OVERLAY
   The original widgets file shipped these rules UNSCOPED:
        .swiper, .image-carousel, .slick-slider { box-shadow: ...; }
        .swiper::before { background: linear-gradient(rgba 0 0 0 .35, .55); }
        .swiper * { position: relative; z-index: 3; }
   Those break the donate form's Swiper (it adds a dark overlay
   over the form fields and shifts z-indexes). The CSF file already
   neutralizes them inside .csfpostdonate. To make the overlay
   actually serve its design intent (only on real image carousels),
   we replicate a SCOPED version that ONLY applies inside
   .sicimagecarousel and .custom-carousel-wrapper, and we leave the
   donate form's Swiper untouched.
--------------------------------------------------------------*/
body.category-sic .sicimagecarousel .carousel,
body.category-sic .sicimagecarousel .image-carousel,
body.category-sic .sicimagecarousel .slick-slider {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow:
    0 20px 60px rgba(0,0,0,.55),
    0 6px 18px rgba(0,0,0,.35);
}
body.category-sic .sicimagecarousel .carousel::before,
body.category-sic .sicimagecarousel .image-carousel::before,
body.category-sic .sicimagecarousel .slick-slider::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.55));
  z-index: 2;
  pointer-events: none;
}
body.category-sic .sicimagecarousel .carousel img,
body.category-sic .sicimagecarousel .image-carousel img,
body.category-sic .sicimagecarousel .slick-slider img {
  width: 100%; height: 100%;
  display: block;
  object-fit: cover;
  filter: contrast(1.05) saturate(1.05);
}
/* Custom carousel wrapper inside sicimagecarousel: NO overlay (it has its
   own design with the decorative top bar). */
body.category-sic .custom-carousel-wrapper .carousel::before,
body.category-sic .custom-carousel-wrapper .image-carousel::before,
body.category-sic .custom-carousel-wrapper .swiper::before,
body.category-sic .custom-carousel-wrapper .slick-slider::before {
  content: none !important;
  display: none !important;
}

/* Banner image: keep the SIC widgets file's mask effect but only when
   the image lives in OTHER decorative contexts — in the sicpostbanner
   above we explicitly disabled it. */

/*==============================================================
  ╔══════════════════════════════════════════════════════════╗
  ║   PART 3 — bl-tabs (SIC brand palette)                   ║
  ║   Tabs nav + panels + nested GravityView lists/tables.   ║
  ║   Same DOM contract as upstream; pairs with sic-tabs.js. ║
  ╚══════════════════════════════════════════════════════════╝
==============================================================*/

/*--------------------------------------------------------------
  Wrapper + nav
--------------------------------------------------------------*/
body.category-sic .bl-tabs {
  background: var(--sic-surface) !important;
  border: 1px solid var(--sic-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.06) !important;
  overflow: hidden !important;
  margin: 12px 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.category-sic .bl-tabs__nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: stretch !important;
  padding: 12px !important;
  background: var(--sic-surface-2) !important;
  border-bottom: 1px solid var(--sic-border) !important;
  overflow: visible !important;
}

body.category-sic .bl-tabs__tab {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 1px solid var(--sic-border) !important;
  background: #fff !important;
  color: var(--sic-text-soft) !important;
  border-radius: 999px !important;
  padding: 9px 16px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  letter-spacing: .2px !important;
  cursor: pointer !important;
  flex: 0 0 auto !important;
  position: relative !important;
  white-space: nowrap !important;
  user-select: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}
body.category-sic .bl-tabs__tab:hover {
  color: var(--sic-primary) !important;
  border-color: var(--sic-primary) !important;
  background: var(--sic-primary-soft) !important;
}
body.category-sic .bl-tabs__tab.is-active {
  color: #fff !important;
  border-color: var(--sic-primary) !important;
  background: var(--sic-primary) !important;
  box-shadow: 0 4px 12px var(--sic-primary-glow) !important;
}
body.category-sic .bl-tabs__tab:focus { outline: none !important; }
body.category-sic .bl-tabs__tab:focus-visible {
  box-shadow: 0 0 0 3px var(--sic-primary-glow) !important;
}
body.category-sic .bl-tabs__tab-inner {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/*--------------------------------------------------------------
  Panels
--------------------------------------------------------------*/
body.category-sic .bl-tabs__panels {
  padding: 16px !important;
  background: #fff !important;
}
body.category-sic .bl-tabs__panel { border-radius: 12px !important; }
body.category-sic .bl-tabs__panel-inner {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
body.category-sic .bl-tabs__panel-inner > p:empty { display: none !important; }
body.category-sic .bl-tabs__panel-inner > br { display: none !important; }
body.category-sic .bl-tabs__panel-inner img,
body.category-sic .bl-tabs__panel-inner video,
body.category-sic .bl-tabs__panel-inner iframe {
  max-width: 100% !important;
  height: auto !important;
}

/* Section subtitle inside any tab */
body.category-sic .bl-tabs__panel-inner .sicpostsubtitle {
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: var(--sic-text) !important;
  margin: 0 0 14px 0 !important;
  text-align: left !important;
}

/*--------------------------------------------------------------
  GravityView containers — neutralize default chrome inside tabs
--------------------------------------------------------------*/
body.category-sic .bl-tabs__panel-inner .gv-container,
body.category-sic .bl-tabs__panel-inner .gv-list-container,
body.category-sic .bl-tabs__panel-inner .gv-table-container {
  max-width: 100% !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
body.category-sic .bl-tabs__panel-inner [itemprop="itemReviewed"] {
  display: block !important;
  width: 100% !important;
}

/*--------------------------------------------------------------
  GV LIST view — Recent Donations + Fundraisers
  (stacked rows, CSF-style)
--------------------------------------------------------------*/
body.category-sic .bl-tabs__panel-inner .gv-list-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
body.category-sic .bl-tabs__panel-inner .gv-list-view {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  background: var(--sic-surface) !important;
  border: 1px solid var(--sic-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  text-align: left !important;
  transition: background .2s ease, border-color .2s ease !important;
}
body.category-sic .bl-tabs__panel-inner .gv-list-view:hover {
  background: var(--sic-surface-2) !important;
  border-color: var(--sic-primary) !important;
}
body.category-sic .bl-tabs__panel-inner .gv-list-view-title {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
body.category-sic .bl-tabs__panel-inner .gv-list-view-title h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--sic-text) !important;
  line-height: 1.3 !important;
}
body.category-sic .bl-tabs__panel-inner .gv-list-view-content,
body.category-sic .bl-tabs__panel-inner .gv-list-view-content-image,
body.category-sic .bl-tabs__panel-inner .gv-list-view-content-description {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
body.category-sic .bl-tabs__panel-inner .gv-grid,
body.category-sic .bl-tabs__panel-inner .gv-list-view-content .gv-grid,
body.category-sic .bl-tabs__panel-inner .gv-list-view-content > .gv-grid {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}
body.category-sic .bl-tabs__panel-inner [class*="gv-grid-col"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
}
body.category-sic .bl-tabs__panel-inner .gv-list-view a {
  color: var(--sic-primary) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
body.category-sic .bl-tabs__panel-inner .gv-list-view a:hover {
  color: var(--sic-primary-hover) !important;
  text-decoration: underline !important;
}

/*--------------------------------------------------------------
  Teams tab — list rows with progress bars
--------------------------------------------------------------*/
body.category-sic .bl-tabs__panel-inner .teamdonations {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}
body.category-sic .bl-tabs__panel-inner .teamdonations p {
  margin: 0 0 8px 0 !important;
  font-size: .9rem !important;
  color: var(--sic-text-soft) !important;
}
body.category-sic .bl-tabs__panel-inner .teamdonations .gfpm-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  display: block !important;
}
body.category-sic .bl-tabs__panel-inner .teamdonations .gfpm-meter {
  width: 100% !important;
  height: 8px !important;
  background: var(--sic-line-soft) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  margin: 0 0 6px 0 !important;
}
body.category-sic .bl-tabs__panel-inner .teamdonations .gfpm-fill {
  height: 100% !important;
  background: var(--sic-primary) !important;
  border-radius: 999px !important;
  transition: width .3s ease !important;
}
body.category-sic .bl-tabs__panel-inner .teamdonations .gfpm-caption,
body.category-sic .bl-tabs__panel-inner .teamdonations .gfpm-goal {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  font-size: .8rem !important;
  margin: 0 12px 0 0 !important;
}
body.category-sic .bl-tabs__panel-inner .teamdonations .gfpm-caption-label,
body.category-sic .bl-tabs__panel-inner .teamdonations .gfpm-goal-label {
  color: var(--sic-muted) !important;
  font-weight: 500 !important;
}
body.category-sic .bl-tabs__panel-inner .teamdonations .gfpm-caption-value,
body.category-sic .bl-tabs__panel-inner .teamdonations .gfpm-goal-value {
  color: var(--sic-text) !important;
  font-weight: 700 !important;
}
body.category-sic .bl-tabs__panel-inner .teamdonations .gfpm-caption br,
body.category-sic .bl-tabs__panel-inner .teamdonations .gfpm-goal br {
  display: none !important;
}

/*--------------------------------------------------------------
  Fundraisers tab — name + progress + view link
--------------------------------------------------------------*/
body.category-sic .bl-tabs__panel-inner .progressmeterheader {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--sic-primary) !important;
  margin-right: 6px !important;
}
body.category-sic .bl-tabs__panel-inner .progressmetersubheader {
  font-size: .85rem !important;
  color: var(--sic-muted) !important;
}

/*--------------------------------------------------------------
  GV no-results / empty-state heading
--------------------------------------------------------------*/
body.category-sic .bl-tabs__panel-inner .gv-no-results,
body.category-sic .bl-tabs__panel-inner .gv-no-results-text {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  background: var(--sic-surface-2) !important;
  border: 1px dashed var(--sic-border) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin: 0 !important;
  text-align: center !important;
}
body.category-sic .bl-tabs__panel-inner .gv-no-results h3,
body.category-sic .bl-tabs__panel-inner .gv-no-results-text h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: .95rem !important;
  font-weight: 500 !important;
  color: var(--sic-muted) !important;
  line-height: 1.5 !important;
  background: transparent !important;
  border: 0 !important;
}
body.category-sic .bl-tabs__panel-inner .gv-no-results h3 p,
body.category-sic .bl-tabs__panel-inner .gv-no-results-text h3 p {
  margin: 0 !important;
  display: inline !important;
}
body.category-sic .bl-tabs__panel-inner .gv-no-results a,
body.category-sic .bl-tabs__panel-inner .gv-no-results-text a {
  color: var(--sic-primary) !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

/*--------------------------------------------------------------
  GV TABLE view — Campaign Matchers
--------------------------------------------------------------*/
body.category-sic .bl-tabs__panel-inner .gv-table-container,
body.category-sic .bl-tabs__panel-inner .gv-table-view {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}
body.category-sic .bl-tabs__panel-inner table.gv-table-view,
body.category-sic .bl-tabs__panel-inner .gv-table-container table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff !important;
  border: 1px solid var(--sic-border) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin: 0 !important;
}
body.category-sic .bl-tabs__panel-inner table.gv-table-view thead {
  background: var(--sic-surface-2) !important;
}
body.category-sic .bl-tabs__panel-inner table.gv-table-view thead th {
  padding: 12px 16px !important;
  text-align: left !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  color: var(--sic-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
  border-bottom: 1px solid var(--sic-border) !important;
}
body.category-sic .bl-tabs__panel-inner table.gv-table-view tfoot { display: none !important; }
body.category-sic .bl-tabs__panel-inner table.gv-table-view tbody tr {
  background: #fff !important;
  transition: background .15s ease !important;
}
body.category-sic .bl-tabs__panel-inner table.gv-table-view tbody tr:hover {
  background: var(--sic-surface-2) !important;
}
body.category-sic .bl-tabs__panel-inner table.gv-table-view tbody td {
  padding: 12px 16px !important;
  font-size: .95rem !important;
  color: var(--sic-text) !important;
  border-bottom: 1px solid var(--sic-line-soft) !important;
  vertical-align: middle !important;
}
body.category-sic .bl-tabs__panel-inner table.gv-table-view tbody tr:last-child td {
  border-bottom: 0 !important;
}
body.category-sic .bl-tabs__panel-inner table.gv-table-view tbody td:first-child {
  font-weight: 600 !important;
}
body.category-sic .bl-tabs__panel-inner table.gv-table-view tbody td:last-child {
  text-align: right !important;
  color: var(--sic-primary) !important;
  font-weight: 700 !important;
}

/*--------------------------------------------------------------
  GV widgets footer (pagination + custom call-to-action below list)
--------------------------------------------------------------*/
body.category-sic .bl-tabs__panel-inner .gv-widgets-footer {
  margin-top: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
body.category-sic .bl-tabs__panel-inner .gv-widget-page-links {
  margin: 0 0 10px 0 !important;
}
body.category-sic .bl-tabs__panel-inner .gv-widget-page-links ul.page-numbers {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.category-sic .bl-tabs__panel-inner .gv-widget-page-links ul.page-numbers li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.category-sic .bl-tabs__panel-inner .gv-widget-page-links .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  border: 1px solid var(--sic-border) !important;
  background: #fff !important;
  color: var(--sic-text-soft) !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background .15s ease, color .15s ease, border-color .15s ease !important;
}
body.category-sic .bl-tabs__panel-inner .gv-widget-page-links .page-numbers:hover {
  background: var(--sic-primary-soft) !important;
  color: var(--sic-primary) !important;
  border-color: var(--sic-primary) !important;
}
body.category-sic .bl-tabs__panel-inner .gv-widget-page-links .page-numbers.current {
  background: var(--sic-primary) !important;
  color: #fff !important;
  border-color: var(--sic-primary) !important;
}
body.category-sic .bl-tabs__panel-inner .siccontactlink {
  margin: 12px 0 0 0 !important;
  padding: 12px 16px !important;
  background: var(--sic-surface-2) !important;
  border: 1px solid var(--sic-border) !important;
  border-radius: 10px !important;
  font-size: .9rem !important;
  color: var(--sic-text-soft) !important;
  line-height: 1.5 !important;
  text-align: center !important;
}
body.category-sic .bl-tabs__panel-inner .siccontactlink br { display: none !important; }
body.category-sic .bl-tabs__panel-inner .siccontactlink a {
  color: var(--sic-primary) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-left: 6px !important;
}
body.category-sic .bl-tabs__panel-inner .siccontactlink a:hover {
  text-decoration: underline !important;
}

/*--------------------------------------------------------------
  Mobile
--------------------------------------------------------------*/
@media (max-width: 767px) {
  body.category-sic .bl-tabs { border-radius: 14px !important; }
  body.category-sic .bl-tabs__nav { padding: 8px !important; gap: 6px !important; }
  body.category-sic .bl-tabs__tab { padding: 8px 12px !important; font-size: 12px !important; }
  body.category-sic .bl-tabs__panels { padding: 12px !important; }
  body.category-sic .bl-tabs__panel-inner .gv-list-view { padding: 12px !important; }
  body.category-sic .bl-tabs__panel-inner .gv-list-view-title h3 { font-size: .95rem !important; }
  body.category-sic .bl-tabs__panel-inner table.gv-table-view thead th,
  body.category-sic .bl-tabs__panel-inner table.gv-table-view tbody td {
    padding: 10px 12px !important;
    font-size: .85rem !important;
  }
}

/*--------------------------------------------------------------
  Sticky-nav variant + animation parity
--------------------------------------------------------------*/
body.category-sic .bl-tabs.bl-tabs--sticky .bl-tabs__nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
}
body.category-sic .bl-tabs__panel.is-active {
  animation: sicTabFade .18s ease-out !important;
}
@keyframes sicTabFade {
  from { opacity: .6; transform: translateY(2px); }
  to   { opacity: 1;  transform: translateY(0); }
}

/*--------------------------------------------------------------
   20. "Raising money for a good cause" CALLOUT (.csflinkbyfooter)
--------------------------------------------------------------*/
body.category-sic .siclinkbyfooter {
  width: 100% !important;
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
  animation: none !important;
}
body.category-sic .siclinkbyfooter > 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-sic .siclinkbyfooter > p::before { content: none !important; }
body.category-sic .siclinkbyfooter > 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-sic .siclinkbyfooter > p a:hover { color: var(--rk-accent-hover) !important; }

body.category-sic hr.sicpostdivider { display: none !important; }

/*--------------------------------------------------------------
   FIX: Suggested Donation radio — 2×2 grid
--------------------------------------------------------------*/
body.category-sic .sicpostdonate .donation-amount .gfield_radio {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  flex-direction: unset !important;
  gap: 8px !important;
}

/*--------------------------------------------------------------
   FIX: Shrink checkbox pill text so it stays one line
--------------------------------------------------------------*/
body.category-sic .sicpostdonate .gfield--type-checkbox .gchoice label {
  font-size: 0.78rem !important;
  padding: 8px 10px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/*--------------------------------------------------------------
   FIX: Center the "Credit Card Fee: $X.XX" description
--------------------------------------------------------------*/
body.category-sic .sicpostdonate .gfield--type-checkbox .gfield_description {
  text-align: center !important;
}

/*--------------------------------------------------------------
   FIX: Center "Your Donation" section title
--------------------------------------------------------------*/
body.category-sic .sicpostdonate .your-donation .gsection_title {
  text-align: center !important;
}

/*--------------------------------------------------------------
   MOBILE STICKY "DONATE NOW" FOOTER BUTTON
--------------------------------------------------------------*/
@media (max-width: 980px) {
  body.category-sic .sicstickyfooter {
    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-sic .sicstickyfooter.sicstickyfooter.sic-footer-hidden {
    transform: translateY(100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

  body.category-sic .sicstickyfooter .sicpostfooterbutton {
    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-sic .sicstickyfooter .sicpostfooterbutton:hover {
    background: var(--rk-accent-hover) !important;
    transform: translateY(-1px) !important;
  }

  body.category-sic .sicstickyfooter .sicpostfooterbutton:active {
    transform: translateY(0) !important;
  }

  /* Push page content up so the sticky bar doesn't cover it */
  body.category-sic .entry-content {
    padding-bottom: 88px !important;
  }
}
/*==============================================================
  END
==============================================================*/