/* fonts */
html,
body,
.popover,
.tooltip {
  font-family: 'DejaVuSans';
}

code,
kbd,
pre,
samp,
.text-monospace {
  font-family: 'DejaVuSansMono';
}

/* margins */
body {
  min-height: 75rem;
}

h1 {
  margin-top: 4em;
}

h2 {
  margin-top: 2em;
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  padding-bottom: 0.5rem !important;
}

h3 {
  margin-top: 1em;
}

h4 {
  margin-top: 0.5em;
}

li p {
  margin-bottom: 0 !important;
}

/* links */
a.a-hover-red {
  color: inherit;
}

a.a-hover-red:hover {
  color: #cc0000 !important;
  text-decoration: none;
}

/* tables */
body {
  counter-reset: table-item;
}

.table-item:before{
  counter-increment: table-item;
  content: counter(table-item);
}

/* bootstrap examples/features */
.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}

/* bootstrap darkmode */
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.btn-bd-primary {
  --bd-gray-bg: #ced4da;
  --bd-gray-rgb: 206, 212, 218;

  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-gray-bg);
  --bs-btn-border-color: var(--bd-gray-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #e9ecef;
  --bs-btn-hover-border-color: #e9ecef;
  --bs-btn-focus-shadow-rgb: var(--bd-gray-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
}

.bd-mode-toggle {
  z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}