/* _static/custom.css */
.toctree-l1 > .current,
.toctree-l2 > .current,
.toctree-l3 > .current, 
.toctree-l4 > .current {
  font-weight: bold !important;
  color: #1A306E;
}

.toctree-l1 .toctree-l2 .toctree-l3 + * {
  font-weight: normal !important; /* or whatever your default font weight is */
}

.arrow {
  pointer-events: none;
}

.toctree-l1 a {
  width: fit-content;
  font-weight: normal;
  color: #212529;
}

.toctree-l1 a span {
  margin-right: 0.2rem;
}

.toctree-l1 a:hover {
  color: #007A85; /* Font color on hover */
}

.visibility-none {
  display: none;
}

.visible {
  display: block;
}

.toctree-l2 a {
  width: fit-content;
  margin-left: 0;
}

.toctree-l2 a:hover {
  color: #007A85;
}

.toctree-l3 {
  display: block !important;
  position: relative;
  left: 1rem;
}

.toctree-l4{
  /* display: none; */
  position: relative;
  left: 1.2rem;
}

.toctree-l5{
  display: none;
  position: relative;
  left: 1.6rem;
}

.toctree-l3 a {
  width: fit-content;
}

.toctree-l4 a {
  padding: 0 .2rem;
  width: fit-content;
}

/* Apply padding to nested ul elements */
.md-nav--primary > ul > li > ul {
  padding-left: .2rem;
}

/* Apply margin to ul elements nested inside li elements */
.md-nav--primary > ul > li > ul > li > ul {
  position: relative;
  left: -0.6rem;
}

/* Apply margin to nested ul elements */
.md-nav--primary > ul > li > ul > li > ul > li > ul {
  position: relative;
  left: -0.8rem;
  /* left: -3rem; for SQL Statement syntax */
}

.toctree-l3 a:hover {
  color: #007A85;
}

.toctree-l5 {
  display: none;
}

.caption-text {
  padding: 0 .6rem;
  font-weight: bold;
}

#sidebar li.toctree-l1:not(.current){
  display: block;
} 

/* Make the mobile menu scrollable */
@media (max-width: 767px) {
  .md-nav--primary {
    max-height: calc(100vh - 50px); /* Adjust the height as needed */
    overflow-y: auto;
  }
}

/* Add custom styles for the local table of contents */
.local-toc > strong {
  font-size: 1.35em;
  font-weight: 700;
  margin-bottom: 0.7em;
  margin-top: 0.7em;
}

.local-toc ul {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
}

.local-toc ul ul {
  margin-left: 2em;
}

.local-toc li {
  margin: 8.75px 0 0 0;
}

.local-toc a {
  color: #000000DE !important;
  text-decoration: none;
  font-size: 14px !important;
  font-family: 'Barlow', 'Roboto', sans-serif !important;
  font-weight: 400;
}