/**
 * @file
 * Footer menu override styles to display links on separate lines.
 */

/* Make footer menu links display on their own lines */
#dept-footer .footer-col-menu .nav-link {
  display: block !important;
  margin-bottom: 0.5rem;
}

#dept-footer .footer-col-menu .navbar-nav {
  flex-direction: column;
  align-items: flex-start;
}

#dept-footer .footer-col-menu .nav-item {
  width: 100%;
  margin-bottom: 0.25rem;
}

/* Ensure the links maintain their styling but display as block */
#dept-footer .footer-col-menu ul.navbar-nav li.nav-item a.nav-link {
  display: block !important;
  width: fit-content;
}