/* Navbar centering fix: keep logo centered regardless of right-side items (e.g. admin link). */
@media (min-width: 992px) {
  #navbarSupportedContent {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
  }

  /* Left nav */
  #navbarSupportedContent > ul.nav:not(.ml-auto) {
    grid-column: 1;
    justify-self: start;
  }

  /* Center logo container */
  #navbarSupportedContent > .navbar-center {
    grid-column: 2;
    justify-self: center;
  }

  /* Right nav */
  #navbarSupportedContent > ul.nav.ml-auto {
    grid-column: 3;
    justify-self: end;
    margin-left: 0 !important;
  }
}