.banner {
  .top-menu-sub-header, .top-menu-sub-header-edit {
    color: $black-heading;
    font-size: $banner-top-menu-sub-header-font-size;
    // line-height: 150%;
    font-weight: $top-menu-sub-header-font-weight;
  }

  @media print, (min-width: 975px) {
    .top-menu-sub-header, .top-menu-sub-header-edit {
      font-size: $banner-top-menu-sub-header-sm-font-size;
    }
  }

  @media print, (min-width: 1220px) {
    .top-menu-sub-header, .top-menu-sub-header-edit {
      font-size: $banner-top-menu-sub-header-m-font-size;
    }
  }


  @media print, (min-width: 1480px) {
    .top-menu-sub-header, .top-menu-sub-header-edit {
      font-size: $banner-top-menu-sub-header-l-font-size;
    }
  }

  .stickyResizeText .top-menu-sub-header, .stickyResizeText .top-menu-sub-header-edit {
    font-size: $banner-sticky-resize-text-font-size !important;
  }

  .h-0 {
    height: 0px !important;
  }

  .sticky-header {
    position: fixed;
    top: 0;
    font-size: $banner-sticky-header-font-size;
    z-index: 10;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);

    h1 {
      font-size: $banner-sticky-header-h1-font-size;
      font-weight: $black-weight;
      line-height: 1;
      color: $black-heading;
      margin-bottom: 0.1rem;
    }

    h4 {
      font-size: $banner-sticky-header-h4-font-size;
      line-height: 1;
      color: $black-heading;
      font-weight: $regular-weight;
    }
  }

  .btn-small {
    padding: 0.25rem 0.5rem !important;
    font-size: $banner-btn-small-font-size !important;
  }

  app-detail-page-menu-dropdown {
    position: relative;
  }

  .top-menu-sub-header small,
  .top-menu-sub-header-edit small {
    font-weight: $top-menu-sub-header-font-weight;
  }

  .top-menu-sub-header-edit .form-group-code {
    min-height: 0;
    display: flex;
    align-items: flex-end;

    @media print, (min-width: 768px) {
      min-height: 40px;

      &.form-group-sticky {
        min-height: 35px;
      }
    }
  }

  .page-heading {
    background-color: $lightgrey-2;
  }
}