/*------------------------------------------------------------
TABLES
====================================*/

.table {
  margin: 0;
  th, td {
    padding: $table-cell-padding-y $table-cell-padding-x;
    border-top: 0;
    border-bottom: $table-border-width solid $table-border-color;
  }

  thead {
    th {
      padding: $table-cell-padding;
      border-top: none;
      border-bottom-color: $table-thead-border-color;
    }
  }

  .title-mobile {
    display: block;
    font-weight: $font-weight-sbold;
    font-size: 1.2rem;
    color: $black;
  }
}

.table-dark {
  thead {
    th {
      border-bottom-color: $table-dark-thead-border-color;
    }
  }
}

@include media-breakpoint-up(md) {
  .table {
    .title-mobile {
      display: none;
    }
  }
}
