/* The legal strip at the foot of every page: the copyright, the links and
   "Become a Partner" on one line, and under a hairline the company details a
   UK company's website has to show (audit item D20), small and quiet, on a
   line of their own. Without this the details squeezed into the same row and
   "Become a Partner" broke over two lines and out of its pill.

   A standalone stylesheet, like footer-app.css, because main.css is a Compass
   build we cannot regenerate. */
.mastfooter-legal__text,
.mastfooter-legal__button {
  white-space: nowrap;
}
/* on a phone the strip is a centred column; its links follow */
.mastfooter-legal__link-wrap {
  justify-content: center;
}
.mastfooter-legal .mastfooter-legal__company {
  order: 10;
  align-self: stretch;
  margin: 0;
  padding: 14px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: #a5a8b0;
  font-size: 11px;
  line-height: 1.6;
  text-align: center;
}
@media all and (min-width: 767px) {
  .mastfooter-legal {
    flex-wrap: wrap;
  }
  /* takes the room the line has, wrapping its own links if it must, so the
     button never drops to a line of its own */
  .mastfooter-legal__link-wrap {
    flex: 1 1 0;
    min-width: 0;
    justify-content: flex-end;
  }
  .mastfooter-legal__button {
    flex: none;
  }
  .mastfooter-legal .mastfooter-legal__company {
    flex-basis: 100%;
    text-align: left;
  }
}