body{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.7;background-color:#FFF;color:#343838}h1,h2,h3,h4,h5,h6{font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;color:#222}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{color:#b1b7b9}h2{margin-top:35px}h1,h2{font-weight:700}h4{font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;margin-top:20px;font-style:italic}h5{font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;font-variant:small-caps}pre,code{background-color:#fcfdff}pre>code{font-size:13px}pre{margin-top:25px;margin-bottom:25px}.lead{font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;line-height:1.4;letter-spacing:.0312em;color:#b1b7b9}.navbar-default{background-color:#343838;border-bottom:8px #ebf2f2 solid}.bs-sidenav{background-image:url("../img/grid11.png");background-repeat:repeat;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px}.well{background-color:#fcfdff}.btn-default{background-color:#fcfdff}.table-striped>tbody>tr:nth-child(2n+1)>td,.table-striped>tbody>tr:nth-child(2n+1)>th{background-color:#fcfdff}#mkdocs-search-query:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}#mkdocs-search-query{font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:20px;font-weight:700;color:#343838;height:45px}footer>hr{width:35%}
/* Custom styles: Navbar height and font sizes */
.navbar-default {
  background-color: #343838;
  border-bottom: 8px #EBF2F2 solid;
  padding-top: 20px;  /* Increase navbar height */
  padding-bottom: 20px; /* Increase navbar height */
}

.navbar-default .navbar-nav > li > a {
  font-size: 18px !important;
  padding: 12px 4px !important;  /* top/bottom 12px, left/right 6px */
}

/* Optional: Adjust active navbar item styles */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active:hover > a {
  background-color: #555 !important;  /* Adjust active item background */
  font-weight: bold !important; /* Make text bold for active state */
}

.navbar .navbar-toggle {
    padding-left: 5px;  /* Reduce the padding if needed */
    padding-right: 5px; /* Reduce the padding if needed */
}

.navbar {
  padding-left: 0;
  padding-right: 0;
}

.navbar .navbar-header,
.navbar .navbar-collapse {
  padding-left: 5px;
  padding-right: 5px;
}

.navbar .container {
  padding-left: 0; /* Remove default padding */
  padding-right: 0; /* Remove default padding */
}

body {
  padding-top: 110px; /* Increase space for larger navbar */
  position: relative; /* Ensure the body stays below the fixed navbar */
}

.bs-sidenav {
  padding-top: 20px; /* Match your navbar height */
  margin-top: 0; /* Prevent stacking */
}

.bs-sidebar {
  margin-top: 0; /* Remove extra spacing */
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav > li > a {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}