/* CSS for deceased/index.html/ */

/* Force fixed layout for alignment */
#alumniTable, #scrollArea table {
  width: 100%;
  border-collapse: collapse;
}

/* Ensure the scroll area behaves correctly */
#scrollArea {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Basic row styling to match Bulma if needed */
#scrollArea td {
  padding: 0.5em 0.75em;
  border-bottom: 1px solid #dbdbdb;
  white-space: nowrap; /* Prevents wrapping which breaks alignment */
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Ensure the helper header is invisible */
#scrollArea thead tr {
  height: 0;
}
#scrollArea thead td {
  height: 0;
  padding: 0;
  border: none;
  visibility: hidden;
}   

/* CSS for Sort Arrows 
   Uses pseudo-elements (::after) to add up/down arrows to sortable headers.
   Arrows are hidden by default and become visible and solid when the column is sorted.
   added sometime around 6/19/2026 */

#alumniTable th[onclick] {
  position: relative;
  cursor: pointer;
}

#alumniTable th[onclick]::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  opacity: 0.5;
}

#alumniTable th[onclick].sort-asc::after {
  border-bottom: 9px solid #18aee0; /* Changed arrow from #333 to light blue to show up on black or white background and changed size to 9px from 5px 6/24/2026 Ed H */
  border-top: 0;
  opacity: 1;
}

#alumniTable th[onclick].sort-desc::after {
  border-top: 9px solid #18aee0; /* Changed arrow from #333 to light blue and size from 5px to 10px 6/24/2026 Ed H */
  border-bottom: 0;
  opacity: 1;
}

.hide-year-column th:nth-child(2),
.hide-year-column td:nth-child(2) {
  display: none;
}