/*
 * ===========================================
 * Nabu Documentation - Custom Styles
 * ===========================================
 */

/* ------------------------------------------
   1. GLOBAL HEADING STYLES
   ------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
    font-weight: 900 !important;
}

/* ------------------------------------------
   2. NAVIGATION SIDEBAR (desktop)
   ------------------------------------------ */

/* Section titles */
.md-nav__title {
    font-weight: 200;
    font-size: 1.1rem;
}

/* Active links */
.md-nav__link--active {
    font-weight: 600;
}

/* Spacing between sidebar sections */
.md-nav__item--section {
    margin-top: 1.0em;
}

/* Section headings in sidebar */
.md-nav__item--section > .md-nav__link {
    font-weight: 700;
    font-size: 0.75rem;
    color: var(--md-primary-fg-color);
    border-bottom: 2px solid var(--md-primary-fg-color);
    padding-bottom: 0.3rem;
    margin-bottom: 0.5rem;
}

/* Nested list indentation */
.md-nav__item .md-nav__list {
    margin-left: 16px !important;
}

/*
 * Mobile nav helpers (assets/javascripts/extra.js)
 */
@media screen and (max-width: 76.234375em) {

  html.nabu-nav-root-intro .md-sidebar--primary .md-nav--primary > .md-nav__list {
    transform: none !important;
  }

  html.nabu-nav-root-intro .md-sidebar--primary .md-nav--primary .md-nav__item--section > .md-nav,
  html.nabu-nav-root-intro .md-sidebar--primary .md-nav--primary .md-nav__item--active > .md-nav {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html.nabu-nav-picking .md-sidebar--primary .md-nav--primary .md-nav__item--section > .md-nav {
    display: none !important;
    visibility: hidden !important;
  }

  html.nabu-nav-picking .md-sidebar--primary .md-nav--primary .md-nav__item--section.nabu-nav-pick > .md-nav {
    display: block !important;
    visibility: visible !important;
  }
}
