/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 05 2026 | 11:00:00 */
/* ===== Supported Programs table: modern "row cards" ===== */
#supportedprograms table{
  width:100%;
	border: none !important;
  border-collapse:separate;          /* required for row gaps */
  border-spacing:0 12px;             /* vertical gaps between "bars" */
}

#supportedprograms thead th{
  text-align:left;
  font-weight:600;
  padding:0 14px 8px;
  opacity:.8;
}

#supportedprograms tbody tr{
  /* row looks like a standalone bar */
  background:#fff;
	border-radius:14px;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

#supportedprograms tbody tr:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 34px rgba(0,0,0,.14);
  filter:saturate(1.05);
}

/* Rounded corners on the row bar */
#supportedprograms tbody tr td:first-child{
  border-top-left-radius:14px;
  border-bottom-left-radius:14px;
}
#supportedprograms tbody tr td:last-child{
  border-top-right-radius:14px;
  border-bottom-right-radius:14px;
}

/* Cells */
#supportedprograms tbody td{
  padding:14px 16px;
  vertical-align:middle;
  background:transparent;            /* row provides background */
  position:relative;
}

/* Subtle divider between the two cells (optional) */
#supportedprograms tbody td + td{
  border-left:1px solid rgba(0,0,0,.06);
}

/* Program name cell */
#supportedprograms tbody td:first-child{
  font-weight:600;
  letter-spacing:.1px;
}

/* Total donated cell: right aligned and tabular numbers */
#supportedprograms tbody td:last-child{
  text-align:right;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  opacity:.95;
}

/* ===== Make links feel like "whole cell is clickable" =====
   This requires a link inside the cell.
   We stretch the <a> to cover the cell, while keeping text visible.
*/
#supportedprograms tbody td a{
  display:block;
  width:100%;
  height:100%;
  color:inherit;
  text-decoration:none;
  position:relative;
  z-index:1;
}

/* Hover styling for row and link text */
#supportedprograms tbody tr:hover td a{
  text-decoration:none;
}

/* Add a faint "sheen" on hover for extra polish */
#supportedprograms tbody tr{
  overflow:hidden; /* helps the sheen stay clipped to rounded corners */
}
#supportedprograms tbody tr::after{
  content:"";
  position:absolute;
  left:-30%;
  top:0;
  width:30%;
  height:100%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.35), rgba(255,255,255,0));
  transform:skewX(-18deg);
  opacity:0;
  transition:opacity .18s ease, left .35s ease;
  pointer-events:none;
}
/* Make tr positioning work */
#supportedprograms tbody tr{
  position:relative;
}
#supportedprograms tbody tr:hover::after{
  opacity:1;
  left:110%;
}

/* Accessibility: keyboard focus */
#supportedprograms tbody td a:focus-visible{
  outline:2px solid rgba(151,91,229,.9);
  outline-offset:3px;
  border-radius:10px;
}