/* Add this CSS to enable hover for dropdown menus */
.navbar-nav li:hover > .dropdown-menu,
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

/* Style for nested dropdowns */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  /* Align the left edge of the submenu with the right edge of the parent menu item */
  margin-top: -6px;
  /* Adjust this value as needed to align the submenu with the parent menu item */
  display: none;
  position: absolute;
  background-color: #15294c;
  /* Set background color for dropdown menu */
  z-index: 9999;
  /* Ensure dropdowns appear above other elements */
  border: none;
  /* Optional: remove border */
}

/* Optional: Add a small triangle to indicate a submenu */
.dropdown-submenu > a:after {
  content: " \00bb";
  float: right;
}

/* Optional: Ensure the submenu does not go off screen to the right */
.dropdown-menu {
  right: auto;
  /* Reset right property */
}

/* Optional: Style adjustments for the last submenu to open to the left */
.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: auto;
  right: 100%;
  /* Align the right edge of the submenu with the left edge of the parent menu item */
  margin-right: -6px;
  /* Adjust this value as needed to align the submenu with the parent menu item */
}

/* font styling here  */

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a {
  font-family: "Roboto", sans-serif !important;
}

@media (max-width: 768px) {
  .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
}

@media (max-width: 768px) {
  .navbar-nav .dropdown-menu > li > a {
    padding: 10px 15px; /* Increase padding to make links easier to tap */
  }
}