body {
	position: relative; /* For scrollyspy */
}
/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */

/* By default it's not affixed in mobile views, so undo that */
#bs-sidebar {
	width: 213px;    
	position: sticky;
	position: -webkit-sticky;
	top:80px;
}

/* First level of nav */
.bs-sidenav {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top:    10px;
  padding-bottom: 10px;
  background-color: #D0EAF8;
  border-radius: 5px;
}
.bs-sidenav li {
	width:100%;	
}
/* All levels of nav */
#bs-sidebar .nav > li > a {
  display: block;
  color: #716b7a;
  padding: 5px 20px;
}
#bs-sidebar .nav > li > a:hover,
#bs-sidebar .nav > li > a:focus {
  text-decoration: none;
  background-color: #E1E1E1;
}
#bs-sidebar .nav > li > a.active,
#bs-sidebar .nav > li > a.active:hover,
#bs-sidebar .nav > li > a.active:focus {
  color: #fff;
  background-color: #29A1E6;
}

/* Nav: second level (shown on .active) */
#bs-sidebar .nav .nav {
  display: none; /* Hide by default, but at >768px, show it */
  margin-bottom: 8px;
}
#bs-sidebar .nav .nav > li > a {
  padding-top:    3px;
  padding-bottom: 3px;
  padding-left: 30px;
  font-size: 90%;
}
#bs-sidebar .nav .nav > li > a.active,
#bs-sidebar .nav .nav > li > a.active:hover,
#bs-sidebar .nav .nav > li > a.active:focus {
  font-weight:bold;
  color: #000;
  background-color: #D0EAF8;
}
/* Adjacent Sibling Combinator */
#bs-sidebar .nav > li > a.active + ul {
    display: block;
}
@media(max-width:768px) {
    .mainhead h1 {
        font-size: 2em;
    }
    .mainhead h3 {
        font-size: 1.5em;
    }

    .dropdown-menu > li > a,
    .dropdown-menu > li > a {
        color: #d5effd;
    }

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: #178acc;
    }
}
@media(max-width:992px) {
  .mainhead {
       padding: 1em 0;
  }
  .mainhead h1 {
       font-size: 3em;
  }
  #bs-sidebar .nav > .active > ul {
    display: block;
  }
  /* Widen the fixed sidebar */
  #bs-sidebar {
   	width: 100%;
  }
  
}
/* Show and affix the side nav when space allows it */
@media screen and (min-width: 1200px) {
  /* Widen the fixed sidebar again */
  #bs-sidebar {
    width: 263px;
  }
}


/*
 * Docs sections
 *
 * Content blocks for each component or feature.
 */

/* Space things out */
.bs-docs-section + .bs-docs-section {
  padding-top: 150px;
}

/* Janky fix for preventing navbar from overlapping */
h1[id]{
  padding-top: 80px;
  margin-top: -45px;
}
h3[id]{
  padding-top: 80px;
  margin-top: -60px;
}