.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; } } .carousel-control-next, .carousel-control-prev { background-image: none; } .reading-time { font-weight: 600 !important; margin-bottom: .5rem !important; }