/**
 * Snippet Name: RK: SIC 02 - Page & Layout
 * Generated: 2026-11-01 07:52:32
 * Source: Custom
 * AUTO-GENERATED FILE — DO NOT EDIT.
 */

/* ==============================================================
  SIC — Page & Layout
  Foundation, hidden site chrome, two-column grid + mobile order, header/title,
  banner, share row, mission/description, callout, site footer, typography.
============================================================== */

body.category-sic {
  background: var(--sic-bg) !important;
  color: var(--sic-text) !important;
  font-family: var(--sic-font-donate) !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;
}

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

/* 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: 1 title, 2 banner, 3 share, 4 progress + countdown, 5 description,
       6 carousel, 7 tabs, 8 FAQ, 9 contact. Sidebar spans rows 1-8 in column 2. */
    column-gap: 48px !important;
    row-gap: 22px !important;
    align-items: start !important;
    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 */
      auto    /* 8: faq */
      auto !important; /* 9: contact */
  }
  /* 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;
  }
  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;
  }
  body.category-sic .sicpostdonate {
    grid-column: 2 !important;
    position: sticky !important;
    top: 24px !important;
    align-self: start !important;
  }
  body.category-sic .sicpostcontact {
    grid-column: 1 !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;
    max-height: none !important;
    overflow: visible !important;
  }
  body.category-sic .bl-tabs {
    order: 8 !important;
  }
  body.category-sic .sicpostcontact {
    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;
}

/* Empty states, same as CSF: <img src=""> banner and <br>-only carousel */
body.category-sic .sicpostbanner:not(:has(img:not([src=""]))),
body.category-sic .sicimagecarousel:not(:has(:not(br))) {
  display: none !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;
}

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

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

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

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

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

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

body.category-sic .sicimagecarousel {
  margin: 24px 0 0 0 !important;
  padding: 0 !important;
}

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

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

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

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

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

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

@media (max-width: 600px) {
  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 .sicpostbanner {
    max-height: 300px !important;
  }
  body.category-sic .sicpostbanner img {
    max-height: 260px !important;
  }
}

@keyframes sicShimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

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

@keyframes sicCarouselFadeIn {
  from {
    opacity: 0;
    transform: scale(1.02);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (max-width: 767px) {
  body.category-sic .custom-carousel-wrapper {
    border-radius: var(--sic-radius-lg);
  }
}

@media (max-width: 480px) {
  body.category-sic .custom-carousel-wrapper {
    border-radius: var(--sic-radius-md);
  }
}

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

@media (max-width: 767px) {
  body.category-sic .bl-tabs {
    border-radius: 14px !important;
  }
}

@keyframes sicTabFade {
  from {
    opacity: .6;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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(--sic-surface-2) !important;
  border: 1px solid var(--sic-line) !important;
  border-radius: var(--sic-radius) !important;
  color: var(--sic-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(--sic-primary) !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(--sic-primary-hover) !important;
}

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

@media (max-width: 980px) {
  body.category-sic .entry-content {
    padding-bottom: 88px !important;
  }
}

@media (min-width: 880px) {
  body.category-sic .sicpostfaq {
    grid-column: 1 !important;
    grid-row: 8 !important;
  }
  body.category-sic .sicpostcontact {
    grid-row: 9 !important;
  }
  /* Sidebar now spans through the FAQ row so it ends right above
     the contact form, matching the previous visual alignment */
  body.category-sic .sicpostdonate {
    grid-row: 1 / 9 !important;
    max-height: calc(100vh - 48px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(48,135,176,.45) transparent !important;
  }
}

@media (max-width: 879px) {
  body.category-sic .sicpostfaq {
    order: 9 !important;
  }
  body.category-sic hr.sicpostdivider {
    order: 10 !important;
  }
  body.category-sic .sicpostcontact {
    order: 11 !important;
  }
}

body.category-sic .sicpostfaq {
  width: 100% !important;
  max-width: 100% !important;
  margin: 32px 0 0 0 !important;
  padding: 32px 0 0 0 !important;
  border-top: 1px solid var(--sic-line) !important;
  animation: none !important;
  clear: both !important;
}

@media (max-width: 600px) {
  body.category-sic .sicpostfaq {
    margin-top: 24px !important;
    padding-top: 24px !important;
  }
}

/* FONT NORMALIZATION — SIC
   Same reason as CSF: the sitewide font import bleeds Bricolage etc.
   into SIC pages. Force Merriweather Sans throughout. */

body.category-sic,
body.category-sic h1,
body.category-sic h2,
body.category-sic h3,
body.category-sic h4,
body.category-sic h5,
body.category-sic h6,
body.category-sic p,
body.category-sic span,
body.category-sic a,
body.category-sic li,
body.category-sic div,
body.category-sic label,
body.category-sic button,
body.category-sic input,
body.category-sic select,
body.category-sic textarea,
body.category-sic .sicposttitle,
body.category-sic .sicposttitlename,
body.category-sic .sicpostsubtitle,
body.category-sic #donateto,
body.category-sic .sicpostdescription,
body.category-sic .sicpostdescription *,
body.category-sic .sicpostdonate,
body.category-sic .sicpostdonate *,
body.category-sic .sicpostcontact,
body.category-sic .sicpostcontact *,
body.category-sic .siclinkbyfooter,
body.category-sic .siclinkbyfooter *,
body.category-sic .sicpostfaq,
body.category-sic .sicpostfaq *,
body.category-sic .sic-trust-pill,
body.category-sic .progressmeter,
body.category-sic .progressmeter *,
body.category-sic .countdowntimer,
body.category-sic .countdowntimer *,
body.category-sic .gfpm-container,
body.category-sic .gfpm-container *,
body.category-sic .bl-tabs,
body.category-sic .bl-tabs *,
body.category-sic .custom-carousel-wrapper,
body.category-sic .custom-carousel-wrapper *,
body.category-sic .gform_wrapper,
body.category-sic .gform_wrapper *,
body.category-sic .gv-container,
body.category-sic .gv-container *,
body.category-sic .gv-list-view,
body.category-sic .gv-list-view *,
body.category-sic .ma-wrapper,
body.category-sic .ma-wrapper *,
body.category-sic .site-footer,
body.category-sic .site-footer *,
body.category-sic footer.site-info,
body.category-sic footer.site-info * {
  font-family: var(--sic-font-donate) !important;
}

/* Same footer-typography handling as CSF — let the new footer's
   intentional font choices (mono for legal/labels, Bricolage for
   stat values, Fraunces for tagline) survive. */

body.category-sic .rk-footer .rk-footer__legal,
body.category-sic .rk-footer .rk-footer__legal *,
body.category-sic .rk-footer .rk-footer__legal-tag,
body.category-sic .rk-footer .rk-footer__stat-label,
body.category-sic .rk-footer .rk-footer__col-title {
  font-family: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace !important;
}

body.category-sic .rk-footer__stat-value {
  font-family: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif !important;
}

body.category-sic .rk-footer__tagline {
  font-family: "Fraunces", "Iowan Old Style", Georgia, serif !important;
}

body.category-sic .rk-footer,
body.category-sic .rk-footer p,
body.category-sic .rk-footer li,
body.category-sic .rk-footer a,
body.category-sic .rk-footer .rk-footer__blurb,
body.category-sic .rk-footer .rk-footer__col li,
body.category-sic .rk-footer .rk-footer__col a {
  font-family: var(--sic-font-donate) !important;
}