/* Course listing table (category list template: course_table) */

.cms-course-table-section,
.cms-course-table-section .cms-course-table-wrap,
.cms-course-table-section .cms-course-table {
  font-family: var(--ipa-font-family);
  font-size: var(--ipa-body-text-size, 1.125rem);
  line-height: var(--ipa-body-text-line-height, 1.75);
}

.cms-course-table-section__header {
  max-width: 100%;
}

.cms-course-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #d8dce3;
  border-radius: 4px;
  background: transparent;
}

.cms-course-table {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
  color: oklch(0.35 0 0);
  background: transparent;
  table-layout: fixed;
}

.cms-course-table thead th {
  padding: 0.5rem 0.75rem;
  background: transparent;
  border: 1px solid #d8dce3;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  color: oklch(0.32 0 0);
}

.cms-course-table tbody td {
  padding: 0.5rem 0.75rem;
  border: 1px solid #e3e6ec;
  vertical-align: middle;
  text-align: center;
  background: transparent;
}

.cms-course-table tbody tr:nth-child(even) td {
  background: transparent;
}

.cms-course-table tbody tr:hover td {
  background: transparent;
}

.cms-course-table col.cms-course-table__col-city {
  width: 8%;
}

.cms-course-table col.cms-course-table__col-activity {
  width: 48%;
}

.cms-course-table col.cms-course-table__col-time {
  width: 11%;
}

.cms-course-table col.cms-course-table__col-deadline {
  width: 13%;
}

.cms-course-table col.cms-course-table__col-credits {
  width: 8%;
}

.cms-course-table col.cms-course-table__col-status {
  width: 12%;
}

.cms-course-table__activity {
  text-align: left !important;
}

.cms-course-table__time {
  white-space: nowrap;
}

.cms-course-table__register-link {
  color: oklch(0.6258 0.2041 256.27);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.cms-course-table__register-open {
  color: oklch(0.6258 0.2041 256.27);
  font-weight: 600;
  white-space: nowrap;
}

.cms-course-table__register-link:hover {
  color: #0d2c6c;
  text-decoration: none;
}

.cms-course-table__register-closed {
  color: oklch(0.45 0 0);
  white-space: nowrap;
}

@media (max-width: 767px) {
  .cms-course-table {
    min-width: 680px;
  }

  .cms-course-table thead th,
  .cms-course-table tbody td {
    padding: 0.4rem 0.5rem;
    font-size: 1rem;
  }
}