.sidenav ul, .sidenav li {
  position: relative;
  list-style: none;
  -webkit-padding-start: 0;
  margin: 0;
}

.sidenav li {
  padding-bottom: 10px;
}

.sidenav a {
  color: #2c2d30;
  display: block;
  position: relative;
  font-weight: 400;
}

.sidenav .is-active.sidenav-category:after, .sidenav .is-active.sidenav-section:after {
  font-family: 'FontAwesome';
  content: "\f107";
  position: absolute;
  top: 0;
  right: 0;
  color: #333;
  font-weight: 400;
  display: block;
}

.sidenav .sidenav-category:after, .sidenav .sidenav-section:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 0;
  right: 0;
  color: #333;
  font-weight: 400;
  display: block;
}

.sidenav .sidenav-section:after, .sidenav .is-active.sidenav-section:after {
  top: 10px;
}

.sidenav .is-active .sidenav-section:after, .sidenav .is-active .is-active.sidenav-section:after {
  color: #107cd5;
}

.sidenav .is-active.sidenav-category > a, .sidenav .is-active > .sidenav-article__link {
  font-weight: 700;
}

.sidenav .sidenav-category__link {
  font-size: 18px;
  margin-bottom: 10px;
}

.sidenav .sidenav-section__link, .sidenav .sidenav-articles {
  padding-left: 20px;
}

.sidenav .sidenav-sections > .is-active {
  padding-right: 19px;
}

.sidenav-articles, .sidenav-sections {
  display: none;
}

.sidenav .is-active .sidenav-sections, .sidenav .is-active > .sidenav-articles {
  display: block;
}

.sidenav .is-active > .sidenav-articles {
  margin-top: 10px;
}

.sidenav .sidenav-section__link {
  padding-top: 10px;
}

.sidenav .is-active .sidenav-section__link, .sidenav .is-active .sidenav-article__link {
  color: #107cd5;
}

/* desktop */
@media (min-width: 768px) {
  #showhidemenu {
    display: none;
  }
}

/* mobile */
@media (max-width: 768px) {
  body.sidenav-open {
    position: fixed;
    /*overflow: hidden;*/
  }

  #showhidemenu .tcon-menu__lines, #showhidemenu .tcon-menu__lines:after, #showhidemenu .tcon-menu__lines:before {
    background: #107cd5;
  }

  .sidebar-nav {
    margin: 0;
    position: fixed;
    width: 80%;
    height: 100%;
    overflow-y: scroll;
    z-index: 10000;
    padding: 0;
    left: 0;
    top: 0;
    background: #fff;
    transform: translateX(-100%);
    transition: transform .3s;
  }

  .sidebar-nav.show {
    transform: translateX(0%);
    -webkit-box-shadow: 10px 2px 32px -2px rgba(0,0,0,0.2);
    -moz-box-shadow: 10px 2px 32px -2px rgba(0,0,0,0.2);
    box-shadow: 10px 2px 32px -2px rgba(0,0,0,0.2);
  }

  .sidenav {
    margin-top: 51px;
    padding-bottom: 12px;
  }

  .sidebar-nav .close:before, .sidebar-nav .close:after {
    position: absolute;
    content: '';
    -webkit-transform-origin: 2.14286px center;
    transform-origin: 2.14286px center;
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #333;
    border-radius: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    top: 24px;
    right: 15px;
    transform-origin: 50% 50%;
  }

  .sidebar-nav .close:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
  }

  .sidebar-nav .close:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
  }

  .sidenav .sidenav-categories {
    padding-right: 20px;
    padding-left: 20px;
  }
}