// *** table thead-light ***
.table {
  font-size: _font(h4-size);
  font-weight: _font(weight);

  .thead-light {
    th {
      background: _palette(courses, bg);
      border: none;
      font-weight: _font(weight);
      vertical-align: top;
      // border-bottom: 1px solid _palette(forms, border);
    }

    th,
    td {
      padding: 0.75rem 0.95rem;
    }
  }
}

// *** c-table ***
.c-table {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 2rem;

  @media (min-width: $breakpoint-md) {
    margin-left: 0px;
    margin-right: 0px;
  }

  &_head,
  &_body_row {
    display: flex;
    flex-wrap: wrap;

  }

  &_head {
    font-weight: _font(weight-bolder);
    border-bottom: 3px solid _palette(background, orange);
    color: $color-dark-blue;
    font-size: _font(h4-size);

    &_item:last-child {
      display: none;

      @media (min-width: $breakpoint-md) {
        display: block;
      }
    }
  }

  &_head,
  &_body {
    &_item {
      width: 20%;
      text-align: right;
      padding: 1rem 0.5rem;

      @media (min-width: $breakpoint-md) {
        width: 10%;
        padding: 1rem 1rem;
      }

      &:nth-child(1) {
        width: 40%;
        text-align: left;
          @media (min-width: $breakpoint-md) {
             width: 60%;
          }
      }
    }
  }

  &_body {
    &_row {
      &:nth-child(odd) {
        background: _palette(courses, bg);
      }
    }

    a {
      color: $color-light-blue;
    }

    &_item:last-child {
      width: 100%;

      @media (min-width: $breakpoint-md) {
        width: 10%;
      }
    }
  }
}