* {
  font-family: 'Serif';
}

html, body {
  height: 100vh;
}

main {
  flex: 1;
}

/* Logo */

.ncwf-logo {
  padding: 0.5rem 0 0.5rem 0;
}
.ncwf-logo img {
  width: 3rem;
  height: 3rem;
}
.ncwf-logo span {
  margin-left: 0.5rem;
  font-size: 1.5rem;
  line-height: 3rem;
}

/* Sidebar */

.sidebar .nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}

.sidebar .nav-link.active {
  background-color: var(--bs-nav-link-hover-color);
}

/* Utils */

/* (Bootstrap Large) */
@media (min-width: 992px) {
  .h-lg-100 {
    height: 100% !important;
  }
}

/* Arrow */

.group-arrow {
  padding: 0 0.5rem 0 0.2rem !important;
}

.group-arrow > div.arrow {
  padding: 0 !important;

  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;

  transition: transform 0.3s ease-in-out;
}

.group-arrow.collapsed > div.arrow {
  transform: rotate(-90deg)
}

/* Dark Mode */

html[data-bs-theme="dark"] img.logo {
  filter: invert(100%);
}

html[data-bs-theme="dark"] img.error {
  filter: invert(100%);
}

html[data-bs-theme="dark"] div.banner {
  background-color: var(--bs-gray-800) !important;
}

html[data-bs-theme="dark"] div.banner .btn {
  border-color: var(--bs-gray-800) !important;
  background-color: var(--bs-gray-800) !important;
}

html[data-bs-theme="dark"] div.banner .btn:hover {
  border-color: var(--bs-gray-700) !important;
  background-color: var(--bs-gray-700) !important;
}

html[data-bs-theme="dark"] div.border {
  border-color: var(--bs-gray-800) !important;
}