/*============================================================================================================================
LEFT NAV
============================================================================================================================*/

.left-nav {
  background-color: #fff;
  margin-bottom: 2rem;

  /*width: fit-content;*/
}

/*stretch nav on mobile views */
@media (max-width: 991px) {
  .left-nav {
    width: 100%;
  }
}



.left-nav .navbar {
  border: none;
  padding: 0;
  align-items: flex-start;

}


.left-nav .navbar-collapse {
  max-height: none;
  padding: 0;
}

/* branch title */

.left-nav .navbar-brand {
  display: inline-block;
  padding: 0.5rem 0 0 0;
  margin-right: 1rem;
  margin-bottom: 0;
  font-size: 1.2rem;
  line-height: inherit;
  white-space: normal;
}

.left-nav .navbar-brand a {
  display: block;
  color: #333;
  padding-bottom: 0.5rem;
  text-decoration: none;
  outline: none;
  padding-left: 0.5rem;
  border-left: 3px solid transparent;
}

.left-nav .navbar-brand a:hover,
.left-nav .navbar-brand a:focus {
  color: #333;
  border-left: 3px solid #f47920;
}

/* mobile menu branch title */
.left-nav .mobile-navbar-title a {
  color: #ff6600;
  font-size: 1.75em;
  outline: none;
  text-decoration: none;
}

.left-nav .mobile-navbar-title a:hover,
.left-nav .mobile-navbar-title a:focus {
  color: #ffffff;
}

/* mobile menu expand button */
.left-nav .navbar-toggler {
  color: #333;
  border-color: #f7f7f7;
}


.left-nav .navbar-toggler:hover,
.left-nav .navbar-toggler:focus {
  color: #fff;
  background-color: #333;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* list of links */

.left-nav ul.navbar-nav {
  display: block;
  padding: 0;
  margin: 0;

}


.left-nav li {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 0.7rem 0 0;
  margin: 0;
}

.left-nav li:first-child {
  border-top: 1px solid #e0e0e0;
}


.left-nav li a {
  color: #333;
  display: block;
  padding: 0.5rem;
  outline: none;
  text-decoration: none;
  margin: 0;
  padding: 0.5rem;
  font-size: 1rem;
  border-left: 3px solid #fff;
}

.left-nav li a:hover,
.left-nav li a:focus {
  color: #333;
  border-left: 3px solid #f47920;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}



/* inner links */

.left-nav .dropdown-menu {
  overflow: hidden;
  margin-top: -1px;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #fff;
}

.left-nav a.dropdown-item {
  color: #333;
  border-bottom: 1px solid #ddd;
  border-left: 3px solid #f47920;
  padding-left: 1.5rem;
  white-space: normal;
}

.left-nav .dropdown-menu a.dropdown-item:last-child {
  border-bottom: none;
}

.left-nav .dropdown-item:hover,
.dropdown-item:focus {
  color: #333;
  text-decoration: none;
  border-left: 3px solid #f47920;
  background-color: #f1f1f1;
}

.left-nav .dropdown-item.active,
.dropdown-item:active {
  color: #000;
  text-decoration: none;
  background-color: #f47920;
}

.left-nav .multilevel-linkul-0 li {
  display: block;
  padding-left: 1rem;
}

.left-nav .multilevel-linkul-0 li:last-child {
  border-bottom: none;
}

.left-nav .multilevel-linkul-0 li:hover,
.left-nav .multilevel-linkul-0 li:focus {
  background-color: #444444;
}

.focused {
	background-color: #efefef !important;
}

@media (min-width: 991px) {
  .left-navbar {
    background-color: #ffffff !important;
  }
}


/* this is the + / - that expands dropdown*/
.expand-icon {
  position: absolute;
  right: 0px;
  top: 8px;
  border: 1px solid #e0e0e0;


}

.plus {
  padding: 0rem 0.5rem 0rem 0.6rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #333;
  background-color: #fff !important;
}

.minus {
  padding: 0rem 0.5rem 0rem 0.6rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
  background-color: #333 !important;
}

.plus:hover,
.minus:hover,
.plus:focus,
.minus:focus {
  color: #fff;
  background-color: #333 !important;

}






/* makes mobile version similar to top nav mobile version */

@media (max-width: 991px) {


  #mobile-nav-container {
    padding-top: 16px !important;
  }

  .left-nav {
    background-color: #f1f1f1;
    z-index: 999;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.24);
    margin-top: -1rem;
    margin-bottom: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }


  .left-nav .navbar-brand a {
    border-left: none;
  }

  .left-nav .navbar-brand a:hover,
  .left-nav .navbar-brand a:focus {
    color: #000;
    background-color: #f47920;
    border-left: none;
  }

  .left-nav .navbar-toggler {
    font-size: 2rem;
  }


  .left-nav li {
    border-bottom: 1px solid #e0e0e0;
    padding: 0;
    margin: 0;
  }

  .left-nav li:first-child {
    border-top: 1px solid #f1f1f1;
  }


  .left-nav li a {
    border-left: none;
    padding-top: 1.1rem;
    padding-bottom: 1rem;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
    font-size: 1.25rem !important;
  }

  .left-nav li a:hover,
  .left-nav li a:focus,
  .left-nav li a:active {
    border-left: none;
    color: #000;
    background-color: #f47920;
  }



  .left-nav .navbar-nav a.nav-link {
    font-size: 1rem;
    padding-left: 0.5rem;
  }



  /* remove margin similar to top menu on mobile */
  .left-nav li {
    margin: 0px;
  }

  .expand-icon {
    position: absolute;
    right: 6px;
    top: 6px;
    border: 1px solid #333;
    background-color: #333;

  }

  .plus {
    padding: 0rem 0.8rem 0rem 0.8rem;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #fff;
    background-color: #333 !important;
  }

  .minus {
    padding: 0rem 1rem 0rem 1rem;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #fff;
    background-color: #333 !important;
  }

}

.expand {
  position: relative;
}

/*right padding so link text isn't covered by + button*/
.expand a:first-child {
  padding-right: 30px !important;
}



/* mobile menu text */
.menu-name {
  font-family: sans-serif;
}

/* gap between arrow and menu text */
.navbar-toggle .glyphicon-arrow-down::before {
  margin-right: 5px;
}

/* the currently selected page in navigation */
#focused {
  color: #000000 !important;
  background-color: #f47920;
}

/* force dropdown to always display 
as dropdown not over submenus */
.navbar-nav .dropdown-menu {
  position: static !important;
  float: none !important;
}




/* these classes are used to hide the dropdown list
 must use these classes instead of inline style so
 we can reset the classes on page resize
*/
.show-dropdown {
  display: block;
}

.hide-dropdown {
  display: none;
}

/* display branch title and hamburger menu in same line */
.left-nav .brand-wrapper {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}

/*ensure navbar is fullwidth so dropdown links don't stretch it */
.left-nav #navbar2 {
  width: 100%;
}

.left-nav .navbar-nav {
  width: 100%;
}

#mobile-nav-wrapper {
  width: 100%;
}