/* override some bootstrap settings */

/* scroll-behavior smooth is behaving weird on mobile devices. */
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: unset;
  }
}

.nav-link,
input {
	transition: none !important;
}

/* nav overrides */

[data-bs-theme=dark] .navbar-toggler {
	--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 1);
}

.nav-item.nav-item-hack {
	height: 2.3rem;
}

.navbar-toggler-right {
	padding: 0.2rem 0;
	white-space: nowrap;
}

/* this fixes ellipsis for too long nav banner */
#navbar-collapse-1 {
	min-width: 0;
}

#navbar-collapse-1 i {
	font-size: 1.0rem;
}

nav .dropdown-menu {
	max-height: 70vh;
	overflow: auto;
}


/* offcanvas */
.offcanvas,
.offcanvas-backdrop.fade {
	transition: none;
}

.offcanvas.offcanvas-end {
	--bs-offcanvas-width: 19rem;
}

/* nav overrides end */

label {
	font-weight: bold;
}

a {
	text-decoration: none !important;
}