.app-wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  background-color: $ui-off-white;
}

.core-wrapper {
  @include gradient-background;
  flex-grow: 1;
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;

  // App hidden below 768px
  @media (max-width: ($break-xs - 1px)) {
    display: none;

    &.low-width-supported {
      display: initial;
    }
  }

  // App not hidden when printing
  @media print {
    display: initial;
  }

  a {
    img {
      height: 12px;
      width: 12px;
      margin-left: $pad-xsmall;
    }
  }
}

.site-nav-container {
  background: $core-fleet-white;
  border-bottom: 1px solid $ui-fleet-black-10;
  box-sizing: border-box;
  top: 0;
  left: 0;
  z-index: 100;

  // Nav hidden below 768px;
  @media (max-width: ($break-xs - 1px)) {
    display: none;

    &.low-width-supported {
      display: initial;
    }
  }

  // Nav not hidden when printing
  @media print {
    display: initial;
  }
}