/* balboa.course.css
   Page-specific styles for course.cfm.
   ARCH: loaded via REQUEST.pageCSS; cf_Layout cache-busts /css/balboa.* automatically. */

/* Wide modal for the full-size scorecard images.
   Bootstrap 3 default .modal-lg is 900px; the scorecard is a dense 2:1 table,
   so we widen toward the viewport on tablet and desktop. On phones (xs) the
   dialog keeps Bootstrap default near-full-width behavior. */
@media (min-width: 768px) {
  .modal-scorecard {
    width: 95%;
    max-width: 1500px;
  }
}

/* Keep the scorecard image flush and centered inside the modal body. */
.modal-scorecard .modal-body {
  padding: 10px;
}
.modal-scorecard .modal-body img {
  width: 100%;
  height: auto;
}