---
# Only the main Sass file needs front matter (the dashes are enough)
---

$content-width: 1152px;

@import 'minima';

.site-header {
  .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.page-content {
  a.anchor-link {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: -22px;
    &:hover {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='anchor-link-icon' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z'%3E%3C/path%3E%3C/svg%3E");
    }
  }
}

.footer-col-wrapper {
  color: #111;
}

.table-borderless, .table-borderless * {
  border-style : hidden !important; // !important To override Jekyll styling
  background-color: rgba(0,0,0,0) !important;
}

table.preamble > tbody > tr > :not(:first-child) {
  width: 100%;
}

table.preamble > tbody > tr > :first-child {
  white-space: nowrap;
}

a, a:link {
  color: #726E97;
  text-decoration: none;
}

a:visited {
  color: #8E6680;
}

a:hover, a:active {
  color: #7F557D;
  text-decoration: underline;
}

.site-footer, .site-footer * {
  box-sizing: content-box !important; // !important To override bootstrap styling
}

.no-underline {
  text-decoration: none !important; // !important To override previous <a> styling
}

.badge:hover {
  filter: brightness(75%);
  transition: all 0.25s ease;
}

h1 {
  vertical-align: middle;
}

h1 a {
  height: 1em;
  display: inline-block;
  vertical-align: baseline;
}

.inline-svg {
  display: inline-block;
  vertical-align: bottom;
  fill: currentColor;
  width: 1.5ex;
  height: 100%;
  object-fit: cover;
}

@media print {

  header,
  footer {
    display: none;
  }
}

