/* Keep long franchise announcements clear of the fixed mobile menu and call
   controls. The phone stays on the header layer above the announcement. */
@media (max-width:767px) {
  .legacy-public .legacy-topline > .legacy-wrap {
    padding-right:64px;
    padding-left:64px;
  }

  .legacy-public .legacy-topline ~ .wrapper .header-phone,
  .legacy-public .legacy-topline ~ main .header-phone {
    position:fixed;
    z-index:1;
    top:10px;
    right:10px;
    width:44px;
    height:44px;
    margin:0;
    padding:0;
  }

  .legacy-public .legacy-topline ~ .wrapper .header-phone__number,
  .legacy-public .legacy-topline ~ main .header-phone__number {
    display:grid;
    width:44px;
    height:44px;
    overflow:hidden;
    margin:0;
    padding:0;
    place-items:center;
    font-size:0;
  }

  .legacy-public .legacy-topline ~ .wrapper .header-phone__number span,
  .legacy-public .legacy-topline ~ main .header-phone__number span {
    position:static;
    width:32px;
    height:32px;
    margin:0;
  }

  .legacy-public .legacy-topline ~ .wrapper .header-phone__text,
  .legacy-public .legacy-topline ~ main .header-phone__text {
    display:none;
  }
}
