/* ==========================================================================
   THEME-DEADLINE-TABLE  —  College application deadlines
   ========================================================================== */

.theme-deadline-table {
  padding: clamp(96px, 10vw, 120px) 0 clamp(80px, 8vw, 120px);
  background: #fff;
}

.theme-deadline-table .container {
  max-width: var(--container);
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

.theme-deadline-table__wrap {
  overflow-x: auto;
}

.theme-deadline-table__table {
  width: 100%;
  border-collapse: collapse;
}

.theme-deadline-table__table thead tr th{
  background: #EAE856
}

.theme-deadline-table__table th {
  font-family: var(--sans-condensed);
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--brand);
  text-align: left;
  padding: 20px 35px;
  border-bottom: 1px solid #e5e5e5;
  background: var(--bg-alt);
}

.theme-deadline-table__table td {
  font-family: var(--sans);
  font-size: 23px;
  color: var(--brand);
  padding: 25px 30px;
  border-bottom: 1px solid #e5e5e5;
}

.theme-deadline-table__table tr:nth-child(even) td {
  background: var(--bg-alt);
}

.theme-deadline-table__college {
  font-weight: 600;
}

.theme-deadline-table__table tr:hover td {
  background: #f9faf8;
}

@media (max-width: 768px) {
  .theme-deadline-table {
    padding: 48px 0;
  }
  .theme-deadline-table__table th,
  .theme-deadline-table__table td {
    font-size: 14px;
    padding: 10px 14px;
  }
}

@media (max-width: 520px) {
  .theme-deadline-table {
    padding: 36px 0;
  }
}