/**
 * @file
 * Drupal and PureCSS tables.
 */

[dir="rtl"] th {
  text-align: right;
}

.sticky-header {
  display: block;
}

table {
  width: 100%;
}

table:not(.pure-table) th,
table:not(.pure-table) td {
  padding: .3em;
}

table:not(.pure-table) tr {
  border-bottom: 1px solid #ccc;
  background: rgba(0, 0, 0, 0.063);
}

table:not(.pure-table) thead > tr {
  border-bottom: 1px solid #000;
}

table:not(.pure-table) tr.odd {
  background: rgba(0, 0, 0, 0.105);
}

table tr th {
  border-bottom-style: none;
  background: rgba(0, 0, 0, 0.51);
  color: #fff;
  font-weight: bold;
}

table tr th a,
table tr th a:link,
table tr th a:hover,
table tr th a:focus {
  color: #fff;
  font-weight: bold;
}

table tbody tr th {
  vertical-align: top;
}

table.sticky-enabled thead,
table.sticky-header thead {
  position: sticky;
  z-index: 500;
  top: var(--drupal-displace-offset-top, 0);
}