/* Shared overflow and touch-target fixes for public and CMS templates. */
*, *::before, *::after { box-sizing: border-box; }
img, video, canvas { max-width: 100%; }
img { height: auto; }
iframe { max-width: 100%; }
input, textarea, select { max-width: 100%; }
textarea { resize: vertical; }
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
/* Reveal effects previously hid content until scrolling and caused horizontal overflow. */
.wow { visibility: visible !important; animation: none !important; transform: none !important; opacity: 1 !important; }
.green-map iframe { width: 100%; }
.form-box { max-width: calc(100% - 30px); }
@media (max-width: 767px) {
  html, body { min-width: 0; }
  .container, .content, .content-wrapper, .right-side { max-width: 100%; }
  .row { overflow-wrap: anywhere; }
  input:not([type="checkbox"]):not([type="radio"]), textarea, select { font-size: 16px; }
  button, .btn, input[type="submit"] { min-height: 44px; white-space: normal; }
  .c-layout-header .c-brand img { max-width: 70vw; }
  .box-body, .content { overflow-x: auto; }
  table { max-width: 100%; }
}