/* Initial state */
.navbar-nav .nav-link,
.navbar-nav .nav-link.active {
  color: white !important; /* Initial color of nav items */
  transition: color 0.3s ease; /* Transition effect for color */
}

.bi-search {
  color: white !important; /* Initial color of the search button */
}

/* Hover and focus state for nav links */
.bi.bi-search:hover,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active:hover,
.navbar-nav .nav-link.active:focus {
  color: rgb(20, 20, 146) !important; /* Color on hover or focus */
}

/* Text color for all nav links when the navbar is hovered or focused */
.bi.bi-search:hover,
.navbar:hover .nav-link,
.navbar:focus-within .nav-link,
.navbar:hover .nav-link.active,
.navbar:focus-within .nav-link.active {
  color: rgb(20, 20, 146) !important; /* Text color on hover or focus */
}

/* Hover and focus state for nav links */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active:hover,
.navbar-nav .nav-link.active:focus {
  color: blue !important; /* Color on hover or focus */
}

.navbar:hover .bi-search,
.navbar:focus-within .bi-search {
  color: blue !important; /* Color of the search button on hover or focus */
}

.hover-color {
  color: wheat !important; /* Color on hover or focus */
}

@media (max-width: 991.98px) {
  /* Bootstrap 'lg' breakpoint */
  .ua-mobile-menu {
    background-color: rgba(247, 248, 250, 0.9) !important;
    padding: 10px !important;
    margin: 20px !important;
    border: 1px solid #233265 !important;
  }
}