/* any changes to this file will probably need to be replicated in the new frontend /*



/*

SASS VARS FROM _nav-transitional.scss

$nav-left-transitional-width: 18rem;

$nav-left-item-height: 3.6rem;

$nav-left-border-width: .4rem;
$nav-left-border-color: $nav-08;
$nav-left-border-style: solid;

*/

.nav-container {
  float: left;
}

.nav-left-transitional {

  margin-top: 10px;
  list-style:none;

  padding-left: 0;

  /* resets for user agent styles */
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
}

.nav-left-transitional__item {
  border-left: 4px solid transparent; /* $nav-left-border-width $nav-left-border-style transparent; */
  box-sizing: border-box;
}

.nav-left-transitional__item:hover, .nav-left-transitional__item:focus {
  border-left: 4px solid #3d70b2; /* $nav-left-border-width $nav-left-border-style $nav-left-border-color; */
}

.nav-left-transitional__item--active {
  border-left: 4px solid #3d70b2; /* $nav-left-border-width $nav-left-border-style $nav-left-border-color; */
}

.nav-left-transitional__link {

  box-sizing: border-box;
  color: black;
  display: block;
  font-size: 14px;
  height: 36px; /* $nav-left-item-height; */
  line-height: 36px; /* $nav-left-item-height; */
  padding-left: 16px;
  text-decoration: none;
  text-transform: capitalize;
  width: 180px; /* $nav-left-transitional-width; */

}

.nav-left-transitional__link:hover, .nav-left-transitional__link:focus, .nav-left-transitional__link:active {
  color: #3d70b2; /* $nav-left-border-color; */
}

.nav-left-transitional__link.active {
  font-weight: bold;
}

.nav-left-transitional__link--active {
  color: #3d70b2; /* $nav-left-border-color; */
  font-weight: bold;
}

.nav-left-transitional__sub-link {
  font-size: 12px;
  padding-left: 36px;
}