/*!
 * Bootstrap Table of Contents v1.0.0 (http://afeld.github.io/bootstrap-toc/)
 * Copyright 2015 Aidan Feldman
 * Licensed under MIT (https://github.com/afeld/bootstrap-toc/blob/gh-pages/LICENSE.md) */

/* modified from https://github.com/twbs/bootstrap/blob/94b4076dd2efba9af71f0b18d4ee4b163aa9e0dd/docs/assets/css/src/docs.css#L548-L601 */

/* All levels of nav */
#toc{
  animation-duration: .8s;
  animation-iteration-count: 1;
  transition-timing-function: easeInOutBack;
  animation-name: fade-in-down;
}

@keyframes fade-in-down{
  0%  {  margin-top: -10%;  }
  100%{  margin-top: 0%;  }
}

nav[data-toggle='toc'] .nav > li > a {
  display: block;
  padding: 4px 20px;
  font-size: 1em;
  font-weight: 500;
  color: #767676;
}
nav[data-toggle='toc'] .nav > li > a:hover,
nav[data-toggle='toc'] .nav > li > a:focus {
  padding-left: 19px;
  color: #fd7e14;
  text-decoration: none;
  background-color: transparent;
  border-left: 1px solid #fd7e14;
}
nav[data-toggle='toc'] .nav-link.active,
nav[data-toggle='toc'] .nav-link.active:hover,
nav[data-toggle='toc'] .nav-link.active:focus {
  padding-left: 18px;
  color: #fd7e14;
  background-color: transparent;
  border-left: 1px solid #fd7e14;
  font-size: 103%;
  font-weight: normal;
  transition: .3s;
}

nav[data-toggle='toc'] .nav-link.active:before{
    content: "";
    width: 5px;
    height: 5px;
    background-color: #fd7e14;
    position: absolute;
    margin-left: -10px;
    margin-top: 10px;
    border-radius: 100%;
    animation-name: jump;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    transition-timing-function: easeInOutBack;
}

@keyframes jump{
  0%  {  margin-top: 0px;  }
  25% {  margin-top: 13px;  }
  50% {  margin-top: 0px;  }
  75% {  margin-top: 13px;  }
  100%{  margin-top: 0px;  }
}

/* Nav: second level (shown on .active) */
nav[data-toggle='toc'] .nav-link + ul {
  display: none; /* Hide by default, but at >768px, show it */
  padding-bottom: 10px;
}

nav[data-toggle='toc'] .nav .nav > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 30px;
  font-size: 12px;
  font-weight: normal;
}
nav[data-toggle='toc'] .nav .nav > li > a:hover,
nav[data-toggle='toc'] .nav .nav > li > a:focus {
  padding-left: 29px;
}
nav[data-toggle='toc'] .nav .nav > li > .active,
nav[data-toggle='toc'] .nav .nav > li > .active:hover,
nav[data-toggle='toc'] .nav .nav > li > .active:focus {
  padding-left: 28px;
  font-weight: 500;
}

nav[data-toggle='toc'] .nav-link.active + ul {
  display: block;
}