/**
 * @file
 * Side menu.
 */

.side-menu__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.side-menu > .side-menu__list {
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .side-menu > .side-menu__list {
    margin-bottom: 5rem;
  }
}

.side-menu__link {
  display: block;
  padding: 1rem;
  font-weight: 700;
  color: var(--imtm-color-white);
  text-decoration: none;
  background-color: var(--imtm-color-gray-100);
  border-bottom: 1px solid var(--imtm-color-surface-light);
}

.side-menu__link--level-1 {
  background-color: var(--imtm-color-gray-75);
}

.side-menu__link--level-2 {
  background-color: var(--imtm-color-gray-50);
}

.side-menu__link--level-3 {
  background-color: var(--imtm-color-gray-25);
}

.side-menu__link:hover,
.side-menu__link:focus,
.side-menu__link.is-active {
  color: var(--imtm-color-white);
  text-decoration: none;
  background-color: var(--imtm-color-red);
}

.side-menu__caret.fa {
  float: right;
  font-size: 1.5rem;
}