.td-navbar {
    background: $dark;
    min-height: 5rem;
    .navbar-brand__name {
        display: none;
    }
    .nav-link {
        color: $secondary !important;
        font-weight: 600;
        border-radius: 5px;
        &:hover {
            background-color: #61616144;
            transition: background-color 0.2s ease-in-out;
        }
        &.nav-link.active {
            background-color: #616161;
        }
    }
    .td-navbar-nav-scroll {
        height: unset !important;
        margin-top: unset !important;
        .nav-link {
            padding: .5rem 1.5rem;
        }
        .navbar-nav {
            padding-bottom: 0 !important;
        }
    }
}

.td-breadcrumbs__single {
    visibility: hidden;
}

.td-sidebar-nav .td-sidebar-link__page,
ul.ul-2>.td-sidebar-nav__section-title a {
    color: $gray !important;
    font-weight: 400;
    &:hover {
        color: $blue !important;
    }
}

ul.ul-2 {
    padding: 0;
    &>.td-sidebar-nav__section-title a:hover {
        color: $primary !important;
        background-color: #7EB07F11;
        transition: background-color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
    }
}

ul.ul-0 li a.tree-root,
h5.taxonomy-title {
  display: none !important;
}

.nav-item {
    margin-right: .5rem !important;
  }
  
.td-sidebar-nav-active-item {
    color: $primary !important;
    font-weight: 600;
}

.td-sidebar-nav a.active {
    color: $primary !important;
    background-color: #7EB07F22;
}
  
.td-sidebar-link {
&.td-sidebar-link__section, &.td-sidebar-link__page {
    border-radius: .3rem;
    padding: .3rem .8rem !important;
    margin: .1rem !important;

    &:hover {
        color: $primary !important;
        background-color: #7EB07F11;
        transition: background-color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
    }
}
}
  
.td-toc {
    ul {
        margin-top: 1rem;
    }
    li {
        display: block;
        padding-bottom: .5rem;
    }
    a {
        display: inline !important;
    }
}

.tab-content {
    .tab-pane {
        border: 1px solid rgba(0, 0, 0, 0.125) !important;
        border-radius: 0px .25rem .25rem .25rem;
        max-width: 100% !important;
    }
    ul li, ol li {
        margin-bottom: unset !important;
    }
    div {
        transition: none;
    }
}

.nav-tabs {
    border: none !important;
    a:not(.active).nav-link:hover {
        background-color:  #0d6efd11;
    }
}

.nav-item {
    margin-right: .5rem !important;
}
  
.dropdown-menu {
    right: 0;
    left: unset;
    padding: 0px;
    box-shadow: $shadow;
}
  
.dropdown-item {
    padding: 0.5rem 1.5rem;
    border-radius: 0.25rem;
}
  
li:has(input[type="checkbox"]) {
    list-style-type: none;
}

.btn,
.text-secondary {
    font-weight: 600;
}

.tab-content {
    .tab-pane {
       border: none !important;
       box-shadow: $shadow;
    }
    div {
      transition: none;
    }
}

.nav-tabs {
  border: none !important;

  .nav-item {
    .nav-link {
        border: none !important;
        box-shadow: $shadow;
        margin-bottom: -4px;
    }
    .nav-link.active {
        border-color: transparent transparent white transparent !important;
    }
  }
  a:not(.active).nav-link:hover {
    background-color:  #0d6efd11;
  }
}

.tab-body {
    background-color: white;
    border: none !important;
    position: relative;
    z-index: 1;
    h3:before {
      content: none;
    }
}

@media (min-width: 768px)  {
    .td-sidebar {
        padding-top: 5rem;
    }
    .td-404 main, .td-main main {
        padding-top: 6.5rem;
    }
    .td-sidebar-toc {
        padding-top: 2.75rem;
    }
}