/* Mobile-specific fixes */

/* Create a mobile-only logo that appears in the navigation */
.mobile-only-logo {
  display: none;
}


  @media screen and (max-width: 768px) {
  /* Hide the regular logo section on mobile */
  #logo-section {
    display: none !important;
  }
  
  /* Show the mobile-only logo */
  .mobile-only-logo {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0;
    height: 70px;
    width: 100%;
    padding: 5px;
    margin: 0;
  }
  
  /* Hide the logo when menu is open */
 .mobile-only-logo .logo {
    margin: 0 !important;
    display: block !important;
    align-items: center;
  }
  
  .mobile-only-logo .logo img {
    height: 40px !important;
    width: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  

  /* Mobile Menu Fix - Remove unwanted border lines from submenu items */
  .top-nav li ul li {
    border-bottom: none !important;
  }
  
  /* Ensure the fix applies to all submenu variations */
  nav#top-nav .top-nav li ul li,
  .top-nav ul.menu li ul.sub-menu li {
    border-bottom: none !important;
  }

}