/* Layout fixes kept separate because the site's main stylesheets are not in the repo. */

/* Without this, the padding added by fixes.js also pushes the fixed header down. */
.header-bg {
  top: 0;
}

/* Bootstrap rows outside a .container stick out by their negative margins. */
body > .row,
body > div:not([class*="container"]):not(.row) > .row {
  margin-left: 0;
  margin-right: 0;
}

img.responsive,
.booking-detail img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  /* Wide tables scroll inside their own box rather than the whole page. */
  table:not(.fc table):not(.fc-border-separate) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }

  p, span, td, li, a, h1, h2, h3, h4, h5 {
    overflow-wrap: anywhere;
  }

  .booking-detail,
  .wmessage > .row {
    margin-left: 0;
    margin-right: 0;
  }

  .booking-detail,
  .booking-detail * {
    max-width: 100%;
  }

  a[class*="col-"] > button {
    max-width: 100%;
    white-space: normal;
  }

  /* Floating home page buttons were covering the content on phones. */
  .popup-button-1,
  .popup-button-2 {
    transform: scale(0.5);
  }
  .popup-button-1 { transform-origin: bottom left; }
  .popup-button-2 { transform-origin: bottom right; }

  /* Calendar day numbers were too large for seven columns. */
  .fc .fc-day-number {
    font-size: 14px !important;
    padding: 2px !important;
    float: none;
  }
  .fc th { font-size: 11px; }
  .fc-toolbar h2 { font-size: 20px; }
}