.app-wrap {
  @include display(flex);
  min-height: calc(100vh - #{$footer-height});
}

.core-wrapper {
  @include flex-grow(1);
  margin: 0;
  padding: 0 0 0 $pad-base;
  max-width: calc(100% - 258px);
  position: relative;

  &--small {
    max-width: calc(100% - 73px);
  }

  @include breakpoint(smalldesk) {
    max-width: calc(100% - 73px);
  }
}

.site-nav {
  background-color: $white;
  border-right: 1px solid $border-medium;
  box-shadow: 2px 0 8px 0 rgba($black, 0.1);
  box-sizing: border-box;
  width: $nav-width;

  &--small {
    padding-left: 0;
    width: $nav-tablet-width;
  }

  @include breakpoint(smalldesk) {
    padding-left: 0;
    width: $nav-tablet-width;
  }
}