@font-face {
  font-family: 'DMSerifDisplay';
  src: url('./DMSerifDisplay.ttf') format('truetype');
}

:root {
  --vp-c-brand-1: #d78513;
  --vp-c-brand-2: #c67c14;
  --vp-c-brand-3: #be7713;
  --vp-custom-block-info-bg: rgba(246, 147, 7, 0.1);
  --vp-custom-block-info-border: rgba(246, 147, 7, 0.65);
  --vp-nav-bg-color: var(--vp-sidebar-bg-color);
}

.VPNavBar {
  background-color: var(--vp-nav-bg-color) !important;
}
.VPNavBar .title {
  background: #e48d13 !important;
  border: none;
}
.VPNav .divider {
  display: none;
}

@media (max-width: 960px) {
  .VPNavBar {
    background-color: #e48d13 !important;
  }
}

.vp-doc {
  font-family: Georgia, 'Times New Roman', Times, serif;
}

.vp-doc h1, .vp-doc h2, .vp-doc h3, .vp-doc h4, .vp-doc h5, .vp-doc h6,
.custom-block-title,
.pager-link .title {
  font-family: 'DMSerifDisplay', Georgia, 'Times New Roman', Times, serif;
}

.pager-link .title {
  font-size: 1.25em;
  line-height: 1em;
}

.VPBadge, .vp-doc table {
  font-family: var(--vp-font-family-base);
}

.VPLink.pager-link.next {
  background-color: var(--vp-c-brand-2);
  color: #fff !important;
}

.VPLink.pager-link.next span {
  color: #fff;
}

.vp-doc img, .vp-doc iframe {
  border-radius: 8px;
}

.vp-doc h1 > .VPBadge {
  margin-top: 12px;
}
.vp-doc h2 > .VPBadge {
  margin-top: 6px;
}

.vp-doc .float {
  float: right;
  margin: 0 0 16px 16px;
}

/* Clearfix for floating images contained within */
.vp-doc .custom-block::after, .clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.vp-doc .grid {
  display: grid;
  gap: 16px;
}
@media (min-width: 912px) {
  .vp-doc .grid {
    grid-template-columns: repeat(var(--cols, 2), 1fr);
  }
}

.vp-doc table {
  display: table;
  width: 100%;
}

.vp-doc figcaption {
  margin-top: 0;
  font-style: italic;
  margin-bottom: 1em;
}
.vp-doc figcaption::before {
  content: '▲ ';
  font-style: normal;
}