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

.core-wrapper {
  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: #f4f7fb;
  border-right: 1px solid $border-medium;
  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;
  }
}
