/*
* Custom CSS to change the table formatting to alternate white/grey rows
* like we had on the old blog site
*/

.md-typeset__table {
   min-width: 100%;
}

.md-typeset table:not([class]) {
    display: table;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

thead {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

tbody {
  border-top: 2px solid #dee2e6;
}

th, td  {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
  text-align: inherit;
}

tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

/* Fix link color on table headers */
table thead tr th a:hover a {
    color: #ff1744 !important;
}

/* Show link icon on links in tables */
table a::after {
    content: "\f0c1";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    margin-left: 0.25em;
}