.subpage .sidebar nav ul.sidenav a {
 color: #ffffff;
 display: block;
 font-size: 17px;
 font-family: 'Source Sans Pro', sans-serif;
  transition: .3s;
}

.subpage .sidebar nav ul.sidenav a:hover {
   padding-left: 10px;
}

.subpage .sidebar nav ul li a:hover {
 text-decoration: none;
}

.subpage .sidebar nav ul li.level1 a {
 font-weight: 700;
 margin: 5px 0px 5px;
}

.subpage .sidebar nav ul li.level2 a {
 font-weight: 400;
 margin-left: 15px;
 margin: 10px 0px 10px 15px;
}

.subpage .sidebar nav ul li.level3 a {
 font-weight: 400;
 margin-left: 15px;
 margin: 3px 0px 3px 35px;
}

.subpage .sidebar nav ul li.level4 a {
 font-weight: 400;
 margin: 3px 0px 3px 50px;
  line-height: 20px;
 font-size: 15px;
}

.subpage .sidebar nav ul li.level2 a.fa-caret-right:before {
 left: -10px;
 position: relative;
 font-family: FontAwesome;
}

.level2.active:after {
 content: '';
 display: block;
 clear: both;
}

.subpage .sidebar nav ul li.active a {
  font-weight: 600;
}

.sidenav .level3 a {
  margin-left: 36px;
}

.sidenav .level3 .fa-circle:before {
  color: #a8c67f;
}

.sidenav .active .fa-circle:before {
 color: #171b4a;
}

.toggle { display: none; cursor: pointer }

@media screen and (max-width: 860px) {
 .toggle {
  float: right;
  line-height: 38px;
  display: inline-block;
 }

 .toggle .fa.fa-plus-circle span {
  display: none;
 }

 .toggle em.fa.fa-plus-circle {
  font-size: 25px;
 }
}

@media screen and (max-width: 740px) {

 .level2.active a.fa.fa-caret-right {
  float: left;
 }

 .subpage .sidebar nav ul li.level2 a.fa-caret-right:before { display: none; }

 .subpage .sidebar nav ul li.level2 a { margin-left: 0px; }

}