/*
Theme Name: Houzi Docs
Theme URI: http://example.com/houzi-docs
Author: Your Name
Author URI: http://example.com
Description: A WordPress theme for Houzi Docs
Version: 1.0
*/
/* Hide sidebar on mobile and show the mobile header */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track (the empty space in which the thumb moves) */
::-webkit-scrollbar-track {
  background: #F1F1F1;
}
/* Handle (the draggable part of the scrollbar) */
::-webkit-scrollbar-thumb {
  background: rgb(181, 181, 182);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:  rgb(181, 181, 182);
}
@media (max-width: 780px) {
    #side-bar {
      display: none;
    }
  
    #mobile-nav {
      display: block;
    }
  }
  
  /* Style the mobile menu */
  #mobile-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #f8f9fa;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  #mobile-menu .nav-link {
    padding: 15px;
  }
  
  /* Display the hamburger icon and hide menu by default */
  #hamburger-menu {
    background: none;
    border:none;
  }
  
  #mobile-menu.d-none {
    display: none;
  }
  
  #mobile-menu.show {
    display: block;
  }
  /* Ensure mobile menu is displayed as block */
#mobile-menu.d-block {
  display: block;
}

/* Ensure the close button and logo align horizontally */
#mobile-menu .d-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Optional: Additional styling for the close button and logo */
.btn-close {
  background: transparent;
  font-size: 1.5rem; /* Adjust size as needed */
}

#mobile-menu img {
  max-height: 60px; /* Adjust size as needed */
}

#mobile-menu .text-light {
  color: #ffffff; /* Adjust text color as needed */
}



.logo-div{
    background-color: #3583d6 !important;
    padding: 8px 1px !important;
    
}
.logo-div a{
    /* margin: 0px 25px !important; */
}
form input{
    padding: 11px 23px !important;
}
#welcome-btn{
    font-weight: 600 !important;
    color: rgb(82, 78, 78);
}
ul li{
    list-style-type: none;
}
ul li a{
    color: rgb(59, 57, 57) !important;
    text-decoration: none !important;
}
.top-level{
    padding: 5px 20px;
    font-size: 15px;
    font-weight: 600;
}
ol li{
    padding: 10px 5px;
}
ol li a{
    text-decoration: none !important;
    color: rgb(63, 60, 60);
    font-size: 18px;
    font-weight: 600;
}