/* Responsive layer for the older table-based pages (html/ folder and resort pages).
   Overrides fixed pixel widths so the pages fit phones and tablets. */

html { color-scheme: light; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0 auto; padding: 0 8px; max-width: 1000px; overflow-wrap: break-word; box-sizing: border-box; }
body:not([bgcolor]) { background-color: #fff; color: #000; }
*, *::before, *::after { box-sizing: inherit; }

img, embed, object, video, iframe { max-width: 100%; height: auto; }
table { max-width: 100%; }
ins.adsbygoogle { max-width: 100%; overflow: hidden; }
td, th { overflow-wrap: anywhere; }
input, textarea, select { max-width: 100%; font-size: 16px; }
textarea { width: 100%; min-height: 6em; }

@media (max-width: 767px) {
  body { padding: 0 6px; }

  /* Layout tables (border="0" or no border) collapse into a single column. */
  table:not([border]), table[border="0"],
  table:not([border]) > tbody, table[border="0"] > tbody,
  table:not([border]) > tbody > tr, table[border="0"] > tbody > tr,
  table:not([border]) > tbody > tr > td, table[border="0"] > tbody > tr > td,
  table:not([border]) > tr, table[border="0"] > tr,
  table:not([border]) > tr > td, table[border="0"] > tr > td {
    display: block;
    width: auto !important;
    height: auto !important;
  }
  table:not([border]) > tbody > tr > td:empty, table[border="0"] > tbody > tr > td:empty { display: none; }

  /* Data tables (with a visible border) keep their grid and scroll sideways. */
  table[border]:not([border="0"]) {
    display: block;
    width: auto !important;
    height: auto !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  table[border]:not([border="0"]) td, table[border]:not([border="0"]) th {
    width: auto !important;
    height: auto !important;
    overflow-wrap: normal;
  }

  font[size="1"], font[size="2"] { font-size: 14px; }
  p[align="justify"] { text-align: left; }
}