#menu-region {
  background: transparent;
}

#menu-region .module-menu-container,
#menu-region .module-case-list-container {
  background-color: white;
  box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
}

#menu-region .module-menu-container {
  padding-bottom: 6px;
}

#persistent-menu-region {
  width: 2%;
}

#persistent-menu-region > div {
  height: 100%;
}

.collapsing#persistent-menu-container {
  @include media-breakpoint-up(sm) {
    transition: none !important;
  }
}

#persistent-menu-container {
  padding: 1rem;
  font-size: 14px;
  overflow-x: visible;
  overflow-y: scroll;
  z-index: $zindex-persistent-menu-nav;
}

#persistent-menu-container .btn-close {
  right: 15px;
  top: 15px;
}

#persistent-menu-arrow-toggle {
  color: black;
  z-index: $zindex-persistent-menu-nav-arrow;
  background-color: $call-to-action-hi;
  &:hover {
    background-color: $call-to-action-mid;
  }
}

$persistent-menu-image-size: 3rem;

.persistent-menu-image {
  height: $persistent-menu-image-size;
  width: $persistent-menu-image-size;
  line-height: $persistent-menu-image-size;
  text-align: center;
  font-size: $persistent-menu-image-size / 2;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.persistent-menu {
  ul {
    padding-left: $spacer;
    padding-top: $spacer / 2;
  }

  > ul {  // top level list only
    padding-left: 0;
    padding-top: 0;
  }

  .persistent-menu-item:hover {
    background-color: darken($cc-bg, 5);
  }
}

@media print {
  #content-plus-version-info-container {
    overflow: visible !important;
  }
}
