#public.navbar {
  background-color: #FFFFFF;
  border-bottom: 1px solid var(--bs-primary); }
  #public.navbar .nav-item {
    padding: 0 1em; }
    @media only screen and (min-width: 1200px) {
      #public.navbar .nav-item {
        padding: 0 1.5em; } }
    @media only screen and (max-width: 991px) {
      #public.navbar .nav-item {
        padding: 0.5em 1em; } }
  #public.navbar .nav-item a.nav-link {
    color: black;
    font-weight: 500;
    white-space: nowrap; }
    #public.navbar .nav-item a.nav-link.active, #public.navbar .nav-item a.nav-link:hover {
      color: var(--bs-primary); }
  #public.navbar button.navbar-toggler:focus {
    box-shadow: none; }
  #public.navbar .nav-search-toggle {
    color: black;
    font-size: 1.1rem;
    padding: 0.375rem 0.5rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.4rem; }
    #public.navbar .nav-search-toggle span {
      font-size: 0.95rem;
      font-weight: 500; }
    #public.navbar .nav-search-toggle:hover, #public.navbar .nav-search-toggle:focus {
      color: var(--bs-primary);
      box-shadow: none; }
  @media only screen and (max-width: 991px) {
    #public.navbar .navbar-collapse.collapse.show {
      border-bottom: 1px solid lightgray; } }
  @media only screen and (min-width: 992px) {
    #public.navbar #navSearchRow {
      width: 100%;
      max-width: 500px; } }
  @media only screen and (max-width: 991px) {
    #public.navbar #navSearchRow {
      width: 100%;
      margin: 0.75rem 0 0.5rem; } }
  #public.navbar #navSearchRow .input-group-text[aria-label="Close search"] {
    cursor: pointer;
    color: var(--bs-secondary-color, #6c757d); }
    #public.navbar #navSearchRow .input-group-text[aria-label="Close search"]:hover {
      color: var(--bs-primary); }