/* CSS for toc sidebar */

nav[data-toggle='toc'] {
  padding-top: 28px;
}

nav[data-toggle='toc'] .nav > li > a:hover,
nav[data-toggle='toc'] .nav-link.active,
nav[data-toggle='toc'] .nav-link.active:focus,
nav[data-toggle='toc'] .nav-link.active:hover,
nav[data-toggle='toc'] .nav > li > a:focus {
  color: var(--main-color);
  border-left: 1px solid var(--main-color);
}
nav[data-toggle='toc'] .nav > .active > a,
nav[data-toggle='toc'] .nav > .active:hover > a,
nav[data-toggle='toc'] .nav > .active:focus > a {
  color: var(--main-color);
  border-left: 2px solid var(--main-color);
}

/* small screens */
@media (max-width: 768px) {
  /* override the Affix plugin so that the navigation isn't sticky */
  nav.affix[data-toggle='toc'] {
    position: static;
  }
}