/* Utility classes */

.content-sm {
  max-width: 720px;
  width: 100%;
  margin: 3rem auto 5rem auto;
}

.content-auth {
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  height: 100%;
  max-width: none;
}

.bg-dark {
  background-color: var(--bs-body-color) !important;
}

.bg-dark {
  border-color: var(--bs-body-color) !important;
}

.bg-light {
  background-color: var(--bg-light) !important;
}

.text-primary {
  color: var(--bs-primary) !important;
}
.border-primary {
  border-color: var(--bs-primary) !important;
}


.text-caps,
.btn:not(.btn-link) {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1ch;
  font-size: 14px;
}

/* Prevent element from being printed over page boundaries */
.page-break-inside-avoid {
  page-break-inside: avoid;
}

.hide-scrollbar {
  scrollbar-width: none; /* For Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and Edge */
}

/* See: https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap */
/* Balances number of characters on each line */
.text-wrap-balance {
  text-wrap: balance;
}
/* Minimises orphans (single words on their own line). Useful for body text. */
.text-wrap-pretty {
  text-wrap: pretty;
}

/* Use equal width font for numbers so they line up e.g. in tables */
.tabular-nums {
  font-variant-numeric: tabular-nums;
}

/* These rely on JavaScript to add `.is-sticking` to sticky elements that are in sticking state */
.show-on-sticking {
  display: none;
}
.is-sticking .show-on-sticking {
  display: block;
}
.is-sticking .hide-on-sticking {
  display: none;
}