// =============================================================================
// _TABLES.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Base Styles
// =============================================================================

// Base Styles
// =============================================================================

table {
  width: 100%;
  margin-bottom: $baseMargin;
  border-spacing: 0;
  background-color: $tableBackground;

  th,
  td {
    padding: 0.5em 0.625em;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
  }

  th {
    font-weight: bold;
  }

  td {
    line-height: 1.4;
  }

  thead th {
    vertical-align: bottom;
  }

  caption + thead tr:first-child th,
  caption + thead tr:first-child td,
  colgroup + thead tr:first-child th,
  colgroup + thead tr:first-child td,
  thead:first-child tr:first-child th,
  thead:first-child tr:first-child td {
    border-top: 0;
  }

  p:last-child,
  ul:last-child,
  ol:last-child {
    margin-bottom: 0;
  }
}