@charset "UTF-8";
/* ----- список категорий на странице базы знаний ----- */
.kb-nav {
  width: 302px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 302px;
      -ms-flex: 0 0 302px;
          flex: 0 0 302px;
  margin-right: 31px;
  padding: 20px 0;
  border: 1px solid #f3f3f3;
  background: #f7f8fa;
}

.kb-nav__toggle {
  display: none;
}

.kb-nav__toggle.open .toggle-text {
  font-size: 0;
}

.kb-nav__toggle.open .toggle-text::before {
  content: 'Закрыть ';
  font-size: 18px;
}

.kb-nav__list a {
  display: block;
  padding: 6px 30px;
}

.kb-nav__list a:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.13);
          box-shadow: 0 0 24px rgba(0, 0, 0, 0.13);
  color: inherit;
}

@media screen and (max-width: 991px) {
  .kb-nav {
    width: 100%;
    margin: 0 0 20px;
  }
  .kb-nav__toggle {
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding-left: 30px;
  }
  .kb-nav__list {
    display: none;
    padding-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .kb-nav {
    padding: 15px 0;
  }
  .kb-nav__toggle, .kb-nav__toggle.open .toggle-text::before {
    font-size: 16px;
  }
  .kb-nav__toggle {
    padding-left: 15px;
  }
  .kb-nav__list a {
    padding: 6px 15px;
  }
}
