/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2026 | 20:24:02 */
/*==============================================================
  SIC — Tabs
  Split from rule 2969 "SIC Page CSS - Claude" into structured files.
  Scope: SIC posts (body.category-sic); selectors are guarded, safe site-wide.
  bl-tabs nav + panels + nested GravityView lists/tables.
==============================================================*/
/*==============================================================
  ╔══════════════════════════════════════════════════════════╗
  ║   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;
  }
}

/*--------------------------------------------------------------
   TRUST SIGNAL PILLS (.csf-trust-pills)
--------------------------------------------------------------*/
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(--rk-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(--rk-accent-soft) !important;
  border: 1px solid rgba(30, 115, 190, 0.22) !important;
  border-radius: var(--rk-radius-full) !important;
  font-family: inherit !important;
  font-size: 0.7rem !important;          /* restore font-size on children */
  font-weight: 700 !important;
  color: var(--rk-accent-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(--rk-accent) !important;
  stroke-width: 2 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  overflow: visible !important;
}
