/* Top Navbar Fix - Ensure black background appears */

/* Force black background on top navbar - override original settings */
#navbar-top {
  background-color: #000000 !important;
  border-bottom: 1px solid #e9ecef !important;
  min-height: 60px !important;
  max-height: 60px !important;
  height: 60px !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: hidden !important;
}

/* Force all child elements to have minimal height */
#navbar-top .container,
#navbar-top .container-fluid,
#navbar-top .navbar-nav,
#navbar-top .navbar-nav .navbar-nav,
#navbar-top .navbar-nav .navbar-nav .navbar-nav,
#navbar-top .navbar-nav .navbar-nav .navbar-nav .navbar-nav,
#navbar-top .navbar-nav .navbar-nav .navbar-nav .navbar-nav .navbar-nav,
#navbar-top .navbar-nav .navbar-nav .navbar-nav .navbar-nav .navbar-nav .navbar-nav,
#navbar-top .row,
#navbar-top .col,
#navbar-top .col-auto,
#navbar-top .nav,
#navbar-top .nav-item,
#navbar-top .menu,
#navbar-top .menu-item,
#navbar-top ul,
#navbar-top li,
#navbar-top .block,
#navbar-top .block-system-menu-block,
#navbar-top .menu,
#navbar-top .menu-item,
#navbar-top .menu-item a,
#navbar-top .region-secondary-menu,
#navbar-top .region-secondary-menu * {
  background-color: #000000 !important;
  color: #f8f9fa !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: normal !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Force beige text color for secondary menu links */
#navbar-top .nav-link,
#navbar-top .nav-item a,
#navbar-top .menu-item a,
#navbar-top .menu a,
#navbar-top a,
.navbar-top .nav-link,
.navbar-top .nav-item a,
.navbar-top .menu-item a,
.navbar-top .menu a,
.navbar-top a,
.region-secondary-menu .nav-link,
.region-secondary-menu .nav-item a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu a,
.region-secondary-menu a,
#navbar-top .navbar-nav .nav-link,
#navbar-top .navbar-nav .nav-item a,
#navbar-top .navbar-nav .menu-item a,
#navbar-top .navbar-nav .menu a,
#navbar-top .navbar-nav a {
  color: #f8f9fa !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 4px 12px !important;
  margin: 0 4px !important;
  margin-left: 30px !important;
  text-decoration: none !important;
  display: inline-block !important;
  box-shadow: none !important;
  line-height: normal !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  vertical-align: middle !important;
}

/* Hover states for secondary menu links */
#navbar-top .nav-link:hover,
#navbar-top .nav-item a:hover,
#navbar-top .menu-item a:hover,
#navbar-top .menu a:hover,
#navbar-top a:hover,
.navbar-top .nav-link:hover,
.navbar-top .nav-item a:hover,
.navbar-top .menu-item a:hover,
.navbar-top .menu a:hover,
.navbar-top a:hover,
.region-secondary-menu .nav-link:hover,
.region-secondary-menu .nav-item a:hover,
.region-secondary-menu .menu-item a:hover,
.region-secondary-menu .menu a:hover,
.region-secondary-menu a:hover,
#navbar-top .navbar-nav .nav-link:hover,
#navbar-top .navbar-nav .nav-item a:hover,
#navbar-top .navbar-nav .menu-item a:hover,
#navbar-top .navbar-nav .menu a:hover,
#navbar-top .navbar-nav a:hover {
  color: #ffffff !important;
  background-color: #333333 !important;
  border: none !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Active states for secondary menu links */
#navbar-top .nav-link.is-active,
#navbar-top .nav-item a.is-active,
#navbar-top .menu-item a.is-active,
#navbar-top .menu a.is-active,
#navbar-top a.is-active,
.navbar-top .nav-link.is-active,
.navbar-top .nav-item a.is-active,
.navbar-top .menu-item a.is-active,
.navbar-top .menu a.is-active,
.navbar-top a.is-active,
.region-secondary-menu .nav-link.is-active,
.region-secondary-menu .nav-item a.is-active,
.region-secondary-menu .menu-item a.is-active,
.region-secondary-menu .menu a.is-active,
.region-secondary-menu a.is-active,
#navbar-top .navbar-nav .nav-link.is-active,
#navbar-top .navbar-nav .nav-item a.is-active,
#navbar-top .navbar-nav .menu-item a.is-active,
#navbar-top .navbar-nav .menu a.is-active,
#navbar-top .navbar-nav a.is-active {
  color: #ffffff !important;
  font-weight: 600 !important;
  background-color: #555555 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Override any conflicting transparent background rules */
#navbar-top *,
#navbar-top * *,
#navbar-top * * *,
#navbar-top * * * *,
#navbar-top * * * * *,
#navbar-top * * * * * *,
#navbar-top * * * * * * *,
#navbar-top * * * * * * * *,
#navbar-top * * * * * * * * *,
#navbar-top * * * * * * * * * * {
  background-color: #000000 !important;
  color: #f8f9fa !important;
}

/* Ensure search form elements maintain their styling */
#navbar-top .navbar-form .form-control,
#navbar-top .form-inline .form-control,
#navbar-top input[type="search"],
#navbar-top input[type="text"],
#navbar-top .search-form input,
#navbar-top .search-block-form input,
#navbar-top .form-item input,
#navbar-top .form-wrapper input {
  background-color: #ffffff !important;
  border: 1px solid #e9ecef !important;
  border-radius: 4px !important;
  color: #4a5568 !important;
  padding: 8px 12px !important;
  font-size: 0.9rem !important;
  box-shadow: none !important;
}

/* Ensure search buttons maintain their styling */
#navbar-top .btn,
#navbar-top .btn-primary,
#navbar-top .btn-secondary,
#navbar-top .search-form .form-submit,
#navbar-top .search-block-form .form-submit,
#navbar-top input[type="submit"],
#navbar-top button[type="submit"],
#navbar-top .search-form button,
#navbar-top .search-block-form button {
  background-color: #c4a5a5 !important;
  border-color: #c4a5a5 !important;
  color: #4a5568 !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
  margin-left: 8px !important;
}

/* Override any conflicting height settings */
#navbar-top * {
  max-height: 60px !important;
  height: 60px !important;
  line-height: 60px !important;
  overflow: hidden !important;
} 