/**
* @file
* Table styles.
*/

table {
  font-size: 1.7rem;

  &.usa-date-picker__calendar__table {
    th,
    td {
      border: 0;
      text-align: center;
    }
  }

  .field--type-text-with-summary &,
  .field--type-text-long &,
  .paragraph--type--agenda-day & {
    @extend .usa-table;
    font-size: 1.7rem;
    width: 100%;
    display: block;
    overflow: auto;

    tr {
      &:nth-child(even) {
        background-color: color('base-lightest');

        td {
          background-color: transparent;
        }
      }
    }

    td,
    th {
      @extend %trim;
      text-align: left;
      min-width: 10rem;
    }

    th:empty {
      visibility: hidden;
    }
  }
}