/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2026 | 20:23:45 */
/*==============================================================
  SIC — Page & Layout + Donate Sidebar
  Split from rule 2969 "SIC Page CSS - Claude" into structured files.
  Scope: SIC posts (body.category-sic); selectors are guarded, safe site-wide.
  Page foundation, chrome hiding, grid layout, banner/header, progress box, donate+share, story, sticky donate sidebar, and the multi-page Swiper page-transition fix (pages 1-6).
==============================================================*/
/*--------------------------------------------------------------
   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;
}
/* Extended to cover pages 3-6: form 25 (Donations - SIC) has 3 pages;
   the last page (payment) was uncovered, so Swiper's stale measurement
   left-clipped it. Each page N active -> translate -(N-1)*100%. */
body.category-sic .sicpostdonate .swiper-wrapper:has(> .gform_page:nth-child(3).swiper-slide-active) {
  transform: translate3d(-200%, 0, 0) !important;
}
body.category-sic .sicpostdonate .swiper-wrapper:has(> .gform_page:nth-child(4).swiper-slide-active) {
  transform: translate3d(-300%, 0, 0) !important;
}
body.category-sic .sicpostdonate .swiper-wrapper:has(> .gform_page:nth-child(5).swiper-slide-active) {
  transform: translate3d(-400%, 0, 0) !important;
}
body.category-sic .sicpostdonate .swiper-wrapper:has(> .gform_page:nth-child(6).swiper-slide-active) {
  transform: translate3d(-500%, 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;
}