/* .md-sidebar.md-sidebar--primary .md-nav__list  .md-nav__container {
  display: grid;
  grid-template-columns: min-content 1fr;
  align-items: center;
  height: 30px;
}
.md-sidebar.md-sidebar--primary .md-nav__list  .md-nav__container > a.md-nav__link {
  grid-column: 2 / 3;
  grid-row: 1;
} */

.md-nav--secondary .md-nav__title {
    color: var(--int-dark-100);
    padding: 8px;
}

.md-nav__item {
    padding: 0;
}

.md-nav__item > .md-nav__link { 
    margin-top: 0;
    padding: 8px;
}

.md-nav--lifted > .md-nav__list > .md-nav__item--active > .md-nav__link {
    color: var(--int-dark-100);
    padding: 8px;
    margin-top: unset;
}

.md-nav--lifted > .md-nav__list > .md-nav__item .md-nav__link--active, .md-nav__item .md-nav__link--active code {
    border-bottom: 1px solid var(--int-blue-100);
    padding-bottom: 8px;
}

.md-nav--lifted > .md-nav__list > .md-nav__item .md-nav__link--active > .md-nav > .md-nav__list > .md-nav__link.md-nav__container {
  padding-left: 0;
}

.md-sidebar.md-sidebar--primary .md-nav__list  .md-nav__container > label.md-nav__link > .md-nav__icon {
  transform: rotate(90deg);
}

.md-nav__item--nested .md-nav__toggle:checked~.md-nav__link .md-nav__icon:after {
  transform: rotate(180deg);
}

.md-nav__item--nested > .md-nav > .md-nav__list > .md-nav__item--nested > .md-nav {
  padding-left: 16px;
}



/* Table of contents */

.md-nav__link--passed { color: unset; }

/* headers */
.md-nav--secondary > .md-nav__list > .md-nav__item > .md-nav__link {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

.md-nav--secondary > .md-nav__list > .md-nav__item > .md-nav__link::before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: var(--int-menu-line-grey);
  position: absolute;
  left: 10px;
  top: 0;
  transform: translateX(-50%);
}

.md-nav--secondary > .md-nav__list > .md-nav__item > .md-nav__link.md-nav__link--passed.md-nav__link--active::before {
  background-color: var(--int-blue-100);
}

.md-nav--secondary > .md-nav__list > .md-nav__item > .md-nav__link > .dot {
  width: 14px;
  height: 14px; 
  background-color: var(--int-white);
  border: 2px solid var(--int-menu-line-grey);
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 12px;
  bottom: 0;
  transform: translateX(-50%);
}

.md-nav--secondary > .md-nav__list > .md-nav__item > .md-nav__link.md-nav__link--passed.md-nav__link--active > .dot {
  background-color: var(--int-blue-100);
  border: 2px solid var(--int-white);
  transition: 300ms ease-in;
}

/* sub-headers */
.md-nav--secondary > .md-nav__list > .md-nav__item > nav > ul > li > .md-nav__link {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
}

.md-nav--secondary > .md-nav__list > .md-nav__item > nav > ul > li > .md-nav__link::before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: var(--int-menu-line-grey);
  position: absolute;
  left: 10px;
  top: 0;
  transform: translateX(-50%);
}

.md-nav--secondary > .md-nav__list > .md-nav__item > nav > ul > li > .md-nav__link.md-nav__link--passed.md-nav__link--active::before {
  background-color: var(--int-blue-100);
  transition: 300ms ease-in;
}

@media screen and (min-width: 60em) {
    .md-nav--secondary .md-nav__title {
        background: var(--int-content-background);
        box-shadow: 0 0 0.4rem 0.4rem var(--int-content-background);
    }
}

@media screen and (min-width: 76.25em) {
    .md-nav--lifted > .md-nav__list > .md-nav__item--active > .md-nav__link {
        background: var(--int-content-background);
        box-shadow: 0 0 0.4rem 0.4rem var(--int-content-background);
    }
}

@media screen and (min-width: 76.1875em) {
  .md-sidebar.md-sidebar--primary .md-sidebar__scrollwrap {
    height: calc(100vh - 240px);
    backdrop-filter: blur(4px);
    background: rgba(var(--int-content-background-rgb), 0.8);
    box-shadow: 0 0 0.4rem 0.4rem rgba(var(--int-content-background-rgb), 0.8);
  }
  .md-header--lifted~.md-container .md-sidebar {
    top: 150px !important;
    transition: transform .25s cubic-bezier(.8,0,.6,1),box-shadow .25s;
  }
  .md-header--lifted[hidden]~.md-container .md-sidebar {
    transform: translateY(-150px);
  }
}

@media screen and (max-width: 76.1875em) {
  /* nav drawer tablet + mobile */
  .md-sidebar.md-sidebar--primary > .md-sidebar__scrollwrap > .md-sidebar__inner > .md-nav.md-nav--primary.md-nav--lifted > .md-nav__title[for=__drawer] {
    background-color: var(--int-dark-100);
    color: var(--int-white);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
  }

  .md-sidebar.md-sidebar--primary > .md-sidebar__scrollwrap > .md-sidebar__inner > .md-nav.md-nav--primary.md-nav--lifted > .md-nav__title[for=__drawer] {
    /* hamburger menu */
    ~ .md-nav__list a.md-nav__link {
      font-size: 14px;
      font-weight: 400;
      line-height: 24px; 
    }
    ~ .md-nav__list label.md-nav__title {
      font-size: 14px;
      font-weight: 700;
      line-height: 24px;
      padding-bottom: 8px; 
      height: unset;
    }
    ~ .md-nav__list .md-nav__item > .md-nav__link {
      padding: 12px 16px;
    }

    /* hamburger menu first layer */ 
    ~ .md-nav__list > .md-nav__item .md-nav__link--active, .md-nav__item .md-nav__link--active code {
      border-bottom: none;
      padding-bottom: 12px;
      color: var(--int-blue-100);
    }
    ~ .md-nav__list > .md-nav__item.md-nav__item--nested .md-nav__link--active, .md-nav__item.md-nav__item--nested .md-nav__link--active code {
      padding-bottom: unset;
    }
    ~ .md-nav__list .md-nav__container > a.md-nav__link {
      border-right: .05rem solid var(--md-default-fg-color--lightest);
      margin-right: 12px;
    }
    ~ .md-nav__list .md-nav__container > label.md-nav__link > .md-nav__icon {
      transform: unset;
    }

    /* hamburger menu second layer */
    ~ .md-nav__list .md-nav__title {
      background-color: var(--int-dark-100);
      color: var(--int-white);
    }
    ~ .md-nav__list .md-nav__title ~ .md-nav__list nav {
      padding-left: unset;
    }
    ~ .md-nav__list .md-nav__title ~ .md-nav__list .md-nav__item--nested .md-nav__link--active, .md-nav__list .md-nav__item--nested code {
      padding-bottom: unset;
    }
    ~ .md-nav__list .md-nav__title ~ .md-nav__list .md-nav__link--active, .md-nav__link--active code {
      padding-bottom: 12px;
    }

    /* hamburger menu third layer */
    ~ .md-nav__list .md-nav__title ~ .md-nav__list .md-nav__title ~ .md-nav__list .md-nav__item--nested .md-nav__link--active, .md-nav__list .md-nav__item--nested code {
      padding-bottom: unset;
    }
    ~ .md-nav__list .md-nav__title ~ .md-nav__list .md-nav__title ~ .md-nav__list .md-nav__link--active, .md-nav__link--active code {
      padding-bottom: 12px;
    }
  } 
}

/* nav drawer mobile*/
@media screen and (max-width: 59.9375em) {
  .md-sidebar.md-sidebar--primary .md-sidebar__scrollwrap .md-sidebar__inner .md-nav--primary .md-nav__link[for=__toc] {
    display:none;
    visibility: hidden;
  }
}