.block-octomodel-nav-block-left-nav {
  margin-bottom: 40px;
}

.block-octomodel-nav-block-left-nav .octomodel-nav__menu {
  margin: 20px 0;
}

.block-octomodel-nav-block-left-nav .octomodel-nav__root-link {
  font-size: 2rem;
  line-height: 1.25;
}

.block-octomodel-nav-block-left-nav .octomodel-nav-menu__sub-menu {
  margin-left: 20px;
}

[dir=rtl] .block-octomodel-nav-block-left-nav .octomodel-nav-menu__sub-menu {
  margin-left: 0;
  margin-right: 20px;
}

.block-octomodel-nav-block-left-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.block-octomodel-nav-block-left-nav li {
  display: block;
  margin: 10px 0;
  padding: 0;
}


/* IE11 and Edge workaround for an intermittent rendering quirk affecting
  elements that are initially hidden, where the bullet still shows and there's
  an empty line inside the li. */
.block-octomodel-nav-block-left-nav li {
  font-size: 0;
}
.block-octomodel-nav-block-left-nav li > * {
  font-size: 1.5rem;
}

.block-octomodel-nav-block-left-nav a {
  color: inherit;
  text-decoration: none;
  font-weight: normal;
}

.block-octomodel-nav-block-left-nav li.octomodel-nav--active-trail > .octomodel-nav-menu__link a,
.block-octomodel-nav-block-left-nav li > .octomodel-nav-menu__link a.octomodel-nav--active {
  font-weight: bold;
}

.block-octomodel-nav-block-left-nav .octomodel-nav-menu__sub-menu li.octomodel-nav--active-trail > .octomodel-nav-menu__link a:before,
.block-octomodel-nav-block-left-nav .octomodel-nav-menu__sub-menu li > .octomodel-nav-menu__link a.octomodel-nav--active:before {
  display: inline-block;
  width: 20px;
  margin-left: -20px;

  /* UTF-8 right arrow */
  content: "\2192";
  font-family: 'DRC' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Determined experimentally to make the cap height match the link text, only
  visible on the focus outline. */
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir=rtl] .block-octomodel-nav-block-left-nav .octomodel-nav-menu__sub-menu li.octomodel-nav--active-trail > .octomodel-nav-menu__link a:before,
[dir=rtl] .block-octomodel-nav-block-left-nav .octomodel-nav-menu__sub-menu li > .octomodel-nav-menu__link a.octomodel-nav--active:before {
  margin-left: 0;
  margin-right: -20px;
}

.block-octomodel-nav-block-left-nav .octomodel-nav__root-link,
.block-octomodel-nav-block-left-nav .octomodel-nav-menu__link {
  display: flex;
}

.block-octomodel-nav-block-left-nav .octomodel-nav__root-link a,
.block-octomodel-nav-block-left-nav .octomodel-nav-menu__link a {
  width: 51%;
  flex: 1 1 auto;
}

.block-octomodel-nav-block-left-nav .octomodel-nav--collapsed > .octomodel-nav__menu,
.block-octomodel-nav-block-left-nav .octomodel-nav--collapsed > .octomodel-nav-menu__sub-menu {
  display: none;
}

.block-octomodel-nav-block-left-nav .octomodel-nav--expanded > .octomodel-nav__menu,
.block-octomodel-nav-block-left-nav .octomodel-nav--expanded > .octomodel-nav-menu__sub-menu {
  display: block;
}

.block-octomodel-nav-block-left-nav .octomodel-nav__toggle {
  background-color: transparent;
  border: 0 none;
  margin: -4px -4px -4px 0;
  padding: 3px 4px;
}

[dir=rtl] .block-octomodel-nav-block-left-nav .octomodel-nav__toggle {
  margin-left: -4px;
  margin-right: 0;
}

.block-octomodel-nav-block-left-nav .octomodel-nav__toggle:after {
  display: inline-block;
  font-family: 'DRC' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.block-octomodel-nav-block-left-nav .octomodel-nav__root-link .octomodel-nav__toggle:after {
  content: "\2630";
  font-size: 16px;
  line-height: 1;
}

.block-octomodel-nav-block-left-nav .octomodel-nav--collapsed > .octomodel-nav__root-link .octomodel-nav__toggle:after {
  content: "\2630";
}

.block-octomodel-nav-block-left-nav .octomodel-nav--expanded > .octomodel-nav__root-link  .octomodel-nav__toggle:after {
  content: "\2715";
}

.block-octomodel-nav-block-left-nav .octomodel-nav-menu__link .octomodel-nav__toggle:after {
  content: "\2295";
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #A7EDE8;
  text-align: center;
  font-size: 12px;
  line-height: 24px;
}

.block-octomodel-nav-block-left-nav .octomodel-nav-menu__link .octomodel-nav__toggle:hover:after {
  background-color: #EDD46C;
}

.block-octomodel-nav-block-left-nav .octomodel-nav--collapsed > .octomodel-nav-menu__link .octomodel-nav__toggle:after {
  content: "\2295";
}

.block-octomodel-nav-block-left-nav .octomodel-nav--expanded > .octomodel-nav-menu__link .octomodel-nav__toggle:after {
  content: "\2297";
}

@media (min-width: 992px) {
  .block-octomodel-nav-block-left-nav .octomodel-nav__root-link .octomodel-nav__toggle {
    display: none;
  }

  .block-octomodel-nav-block-left-nav .octomodel-nav > .octomodel-nav__menu {
    display: block;
  }
}