// JOA Layout - USDS Pilot

@import "../base-shared";

.usajobs-joa-pilot {
  &__shell {
    @include media($M) {
      padding-top: $size-SM;
    }

    @include media($L) {
      padding-top: $size-M;
    }
  }

  &__content-well {
    @include media($L) {
      @include span-columns(7, 12);
    }
  }

  &__aside {
    padding: 0 $size-default;

    @include media($ML) {
      padding: 0;
    }

    @include media($L) {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      background-color: $color-gray-lightest;
      width: 31.76157%; // hard coded value of a 4 col rightrail
    }
  }

  &__accordion-trigger {
    @include media($M) {
      @include hide();
    }
  }
}

.usajobs-joa-nav--pilot {
  z-index: 100;
}