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

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

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;
}

body.category-sic .sicpostdonate::before,
body.category-sic .sicpostdonate::after {
  content: none !important;
}

body.category-sic .sicpostdonate .sicpostsubtitle,
body.category-sic #donateto {
  display: block !important;
  text-align: center !important;
  text-wrap: balance !important;
  font-size: 1.12rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
  color: var(--sic-text) !important;
  margin: 2px 0 12px 0 !important;
  text-shadow: none !important;
}

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;
}

@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(--sic-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(--sic-primary) !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(--sic-radius-full) !important;
    border: none !important;
    box-shadow: 0 4px 14px var(--sic-primary-glow) !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
  }
  body.category-sic .sicstickyfooter .sicpostfooterbutton:hover {
    background: var(--sic-primary-hover) !important;
    transform: translateY(-1px) !important;
  }
  body.category-sic .sicstickyfooter .sicpostfooterbutton:active {
    transform: translateY(0) !important;
  }
}

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

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

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

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

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

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

@media (min-width: 880px) {
  body.category-sic .sicpostdonate::-webkit-scrollbar {
    width: 8px !important;
  }
  body.category-sic .sicpostdonate::-webkit-scrollbar-track {
    background: transparent !important;
  }
  body.category-sic .sicpostdonate::-webkit-scrollbar-thumb {
    background: rgba(48,135,176,.38) !important;
    border-radius: 999px !important;
  }
  body.category-sic .sicpostdonate::-webkit-scrollbar-thumb:hover {
    background: rgba(48,135,176,.60) !important;
  }
}

/* Card layout + Donor Login / Technical Support buttons — same design as the CSF card.
   Triggers move below the trust pills; the GoModal dialogs are reparented to <body>
   when opened, so the .donorloginmodal / .technicalsupport ancestors stay valid. */
body.category-sic .sicpostdonate {
  display: flex !important;
  flex-direction: column !important;
  padding: 14px 16px !important;
}

body.category-sic .sicpostdonate > .sic-trust-pills {
  order: 5 !important;
}

body.category-sic .sicpostdonate > .donorloginmodal {
  order: 6 !important;
}

body.category-sic .sicpostdonate > .technicalsupport {
  order: 7 !important;
}

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

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

body.category-sic .sicpostdonate .technicalsupport {
  margin: 0 !important;
}

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

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

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

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

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

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

body.category-sic .sicpostdonate .technicalsupport .go-modal__trigger:hover {
  background: var(--sic-surface-2) !important;
  border-color: var(--sic-line) !important;
  color: var(--sic-primary) !important;
}

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

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