.link {
  cursor: pointer;
}

#filters {
  opacity: 0.9;
}

.source {
  font-size: 12px;
  color: #999;
  font-style: italic;
}

#filters {
  z-index: 9999;
}

footer img {
  padding: 20px;
}

.bg-ccwg-green {
  background-color: rgb(169, 226, 158);
}

.ccwg-green {
  color: rgb(169, 226, 158);
}

.bg-ccwg-blue {
  background-color: rgb(142, 184, 227);
}

.ccwg-blue {
  color: rgb(142, 184, 227);
}

/* #filters {
  border: 2px dotted black;
} */

#filters.js-is-sticky--change,
#filters.js-is-stuck {
  max-height: 38px;
  transition: max-height 2s ease-out;
  overflow-y: hidden;
  border-top: none;
}

#filters.js-is-stuck:not(:hover) h3,
#filters.js-is-sticky--change:not(:hover) h3,
#filters.js-is-stuck:not(:hover) span:not(.current),
#filters.js-is-sticky--change:not(:hover) span:not(.current) {
  display: none;
}

#filters.js-is-stuck:not(:hover) div,
#filters.js-is-sticky--change:not(:hover) div {
  display: inline;
  width: 50%;
}

#filters.js-is-stuck:not(:hover) span.current::after,
#filters.js-is-sticky--change:not(:hover) span.current::after {
  content: ' ⇄';
}

#filters:hover {
  max-height: 9999px;
}
#ran {
  width: 100%;
  margin: 0 auto;
}



/* Style the DataTable header */
#statewide-executive thead th {
  background-color: #000D7A; /* Dark blue */
  color: white; /* White text */
  font-weight: bold;
  padding: 12px;
  text-align: left;
  position: relative;
}

/* Style the table body */
#statewide-executive tbody td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

/* Add zebra striping for readability */
#statewide-executive tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* Hover effect on rows */
#statewide-executive tbody tr:hover {
  background-color: #eef;
}

/* Style the DataTables sorting arrows */
#statewide-executive thead th.sorting::after,
#statewide-executive thead th.sorting_asc::after,
#statewide-executive thead th.sorting_desc::after {
  content: " ▲▼"; /* Default sorting arrows */
  font-size: 12px;
  margin-left: 5px;
  color: white;
  opacity: 0.7;
}

/* Override to show the correct sorting arrow */
#statewide-executive thead th.sorting_asc::after {
  content: " ▲"; /* Ascending arrow */
}

#statewide-executive thead th.sorting_desc::after {
  content: " ▼"; /* Descending arrow */
}

/* Resize the columns to match your example */
#statewide-executive th:first-child { width: 35%; }
#statewide-executive th:nth-child(2) { width: 20%; }
#statewide-executive th:nth-child(3), 
#statewide-executive th:nth-child(4), 
#statewide-executive th:nth-child(5) { width: 15%; }












/* Style the DataTable header */
#congress-table thead th {
  background-color: #000D7A; /* Dark blue */
  color: white; /* White text */
  font-weight: bold;
  padding: 12px;
  text-align: left;
  position: relative;
}

/* Style the table body */
#congress-table tbody td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

/* Add zebra striping for readability */
#congress-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* Hover effect on rows */
#congress-table tbody tr:hover {
  background-color: #eef;
}

/* Style the DataTables sorting arrows */
#congress-table thead th.sorting::after,
#congress-table thead th.sorting_asc::after,
#congress-table thead th.sorting_desc::after {
  content: " ▲▼"; /* Default sorting arrows */
  font-size: 12px;
  margin-left: 5px;
  color: white;
  opacity: 0.7;
}

/* Override to show the correct sorting arrow */
#congress-table thead th.sorting_asc::after {
  content: " ▲"; /* Ascending arrow */
}

#congress-table thead th.sorting_desc::after {
  content: " ▼"; /* Descending arrow */
}

/* Resize the columns to match your example */
#congress-table th:first-child { width: 35%; }
#congress-table th:nth-child(2) { width: 20%; }
#congress-table th:nth-child(3), 
#congress-table th:nth-child(4), 
#congress-table th:nth-child(5) { width: 15%; }



















/* Style the DataTable header */
#state-legislative-table thead th {
  background-color: #000D7A; /* Dark blue */
  color: white; /* White text */
  font-weight: bold;
  padding: 12px;
  text-align: left;
  position: relative;
}

/* Style the table body */
#cstate-legislative-table tbody td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

/* Add zebra striping for readability */
#state-legislative-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* Hover effect on rows */
#state-legislative-table tbody tr:hover {
  background-color: #eef;
}

/* Style the DataTables sorting arrows */
#state-legislative-table thead th.sorting::after,
#state-legislative-table thead th.sorting_asc::after,
#state-legislative-table thead th.sorting_desc::after {
  content: " ▲▼"; /* Default sorting arrows */
  font-size: 12px;
  margin-left: 5px;
  color: white;
  opacity: 0.7;
}

/* Override to show the correct sorting arrow */
#state-legislative-table thead th.sorting_asc::after {
  content: " ▲"; /* Ascending arrow */
}

#state-legislative-table thead th.sorting_desc::after {
  content: " ▼"; /* Descending arrow */
}

/* Resize the columns to match your example */
#state-legislative-table th:first-child { width: 35%; }
#state-legislative-table th:nth-child(2) { width: 20%; }
#state-legislative-table th:nth-child(3), 
#state-legislative-table th:nth-child(4), 
#state-legislative-table th:nth-child(5) { width: 15%; }