// Global styles for the site. Keep this as small as possible

html {
  font-size: var(--html-font-size);
}

html, body { height: 100%; overflow: hidden; }
body {
  margin: 0;
  font-family: var(--body-font-family), serif;
  color: var(--body-text-color);
  color-scheme: var(--color-scheme);
  max-height: 100%;
  overflow-y: auto;
}

.no-transitions, .no-transitions * {
    transition: none !important;
}


hr {
    background-color: var(--hr-color);
    border-top: 0;
}

.accent {
    background-color: var(--accent-bg-color) !important;
    color: var(--accent-text-color) !important;
    box-shadow: inset 0 0 0.5rem 0.0625rem var(--accent-bg-color) !important;
    font-size: var(--accent-text-size) !important;
    font-style: italic;
    padding: 0.625rem;
    border-radius: 0.375rem;
}

.text-muted {
    color: var(--text-muted-color) !important;
}

.form-check-input {
  cursor: pointer !important;
}



.form-switch .form-check-input:checked {
    background-color: var(--primary-color);
}

.navbar-offset {
  margin-top: 4.6875rem;
}

