/*
 * Mobile news-list banner layout.
 * Mirrors the article banner so every News Center entry page has the same
 * title, subtitle, breadcrumb, and surrounding whitespace treatment.
 */
@media only screen and (max-width: 1023px) {
  .regulix-news-page-heading {
    box-sizing: border-box;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 24px 0 32px;
    overflow: clip;
    background-color: #191d32;
    /* 8.webp has white bands outside its central portrait strip. */
    background-size: auto 250%;
    background-position: center 48%;
  }

  .regulix-news-page-heading > .auto-container,
  .regulix-news-page-heading > .auto-container > .clearfix {
    height: auto;
    max-height: none;
    /* Prevent the shared mobile overflow rule from clipping the breadcrumb. */
    overflow: visible !important;
  }

  .regulix-news-page-heading .pull-left,
  .regulix-news-page-heading .pull-right {
    float: none !important;
    width: 100%;
    height: auto;
    max-height: none;
    overflow: visible;
    transform: none;
  }

  .regulix-news-page-heading h1 {
    margin: 0;
    line-height: 1.3;
  }

  .regulix-news-page-heading .text {
    margin-top: -3px;
    line-height: 32px;
  }

  .regulix-news-page-heading .pull-right {
    margin-top: 12px;
  }

  .regulix-news-page-heading .regulix-breadcrumb {
    display: flex;
    float: none;
    flex-wrap: wrap;
    row-gap: 4px;
    margin: 0;
    padding-top: 0;
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .regulix-news-page-heading .regulix-breadcrumb li {
    float: none;
    white-space: nowrap;
  }

  /* The reference article begins its content 48px below the banner. */
  .regulix-news-page-heading + .regulix-services-page,
  .regulix-news-page-heading + .regulix-sidebar-layout {
    padding-top: 48px;
  }
}