/* This CSS file adds centering fix for dropdown-menu.m-0 in navbar dropdowns */

/* Desktop and larger screens */
@media (min-width: 992px) {
  .nav-item.dropdown .dropdown-menu.m-0 {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }
}

/* Small screens */
@media (max-width: 991.98px) {
  .dropdown-menu.m-0 {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }

  /* Amend dropdown menu visibility on small screens */
  .dropdown-menu.m-0 {
    position: static !important;
    width: 100% !important;
    transform: none !important;
    left: 0 !important;
    box-shadow: none !important;
    z-index: 1050 !important;
  }
}