@font-face {
  font-family: 'FontAwesome';
  font-style:  normal;
  font-weight: 400;
  src: url("fonts/fontawesome-webfont.woff") format('woff');
}

img.main-logo {
  width: 2rem;
}

#sidebar {
  margin-top: -0.5em;
}

#sidebar.collapsing {
  transition: none;
  display: none;
}

.mr--30 {
  margin-right: -30px;
}

.mr--46 {
  margin-right: -46px;
}

@media(min-width: 992px) {
  img.main-logo {
    width: 3rem;
  }
  #sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
  }
}

.nav-link:hover {
  text-decoration: underline;
}

.nav-item.active:hover,
#sidebar.nav-item:hover,
#sidebar .nav-item.active:hover {
  background-color: var(--istina-3);
}

.nav-item.active {
  background-color: var(--istina);
}

#sidebar .nav-item.active {
  background-color: var(--istina-2);
}

#sidebar .nav-item.active ul {
  background-color: var(--istina);
}

summary:focus {
  outline: none;
}