/* Final interaction-state overrides for the Flatly theme. */

.bg-primary .navbar-nav .show > .nav-link,
.bg-primary .navbar-nav .nav-link.active,
.bg-primary .navbar-nav .nav-link:hover,
.bg-primary .navbar-nav .nav-link:focus {
  color: #f0d5c7 !important;
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #f0cbb8 !important;
  border-radius: 0.25rem;
  background-color: rgb(255 250 242 / 8%) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.list-group-item.active,
.dropdown-item.active,
.dropdown-item:active {
  color: #fffaf2 !important;
  border-color: #a8654a !important;
  background-color: #a8654a !important;
}

.quarto-listing-category .category.active {
  padding-inline: 0.35rem;
  border-radius: 0.25rem;
  color: #70473a !important;
  background-color: #ead8cb !important;
}

.sidebar-navigation a.active,
.sidebar-item-container a.active,
.sidebar-item-container .active {
  color: #70473a !important;
  border-radius: 0.25rem;
  background-color: #f0e2d6 !important;
}

nav[role="doc-toc"] a.active,
.nav-tabs .nav-link.active {
  color: #a8654a !important;
  border-color: #d2b7a5 !important;
}

.pagination .page-item .page-link {
  color: #70473a !important;
  border-color: #e4d6c8 !important;
  background-color: #fffaf2 !important;
}

.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:focus {
  color: #70473a !important;
  border-color: #d2b7a5 !important;
  background-color: #f0e2d6 !important;
  box-shadow: 0 0 0 0.2rem rgb(168 101 74 / 18%) !important;
}

.pagination .page-item.active .page-link {
  color: #fffaf2 !important;
  border-color: #a8654a !important;
  background-color: #a8654a !important;
}

.pagination .page-item.disabled .page-link {
  color: #9c8d82 !important;
  border-color: #e4d6c8 !important;
  background-color: #f1e9df !important;
}

/* Restore a visible frame for both highlighted and plain fenced code. */
main pre:not(.sourceCode) {
  max-width: 100%;
  margin: 1.25rem 0;
  padding: 1rem 1.1rem;
  overflow-x: auto;
  border: 1px solid #dfd0c2;
  border-radius: 0.55rem;
  color: #3f352f;
  background-color: #f3eadf;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 45%);
  font-size: 0.88em;
  line-height: 1.55;
  -webkit-overflow-scrolling: touch;
}

main pre:not(.sourceCode) > code {
  display: block;
  padding: 0;
  color: inherit;
  background: transparent;
  white-space: pre;
}

main div.sourceCode {
  margin: 1.25rem 0;
  overflow: hidden;
  border: 1px solid #dfd0c2 !important;
  border-radius: 0.55rem;
  background-color: #f3eadf !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 45%);
}

main div.sourceCode > pre.sourceCode {
  margin: 0;
  padding: 1rem 1.1rem;
  overflow-x: auto;
  border: 0;
  background: transparent !important;
  font-size: 0.88em;
  line-height: 1.55;
  -webkit-overflow-scrolling: touch;
}