/* Global scrolling fixes */
html {
  height: 100%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

/* Main content area */
main {
  min-height: 100vh;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

/* Container fixes */
.container, .container-fluid {
  height: auto;
  min-height: 100%;
  overflow: visible;
}

/* Mobile-specific fixes */
@media (max-width: 768px) {
  body {
    position: relative;
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  main {
    position: relative;
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Remove these blocks to restore original header photo appearance */

/* Remove these blocks to restore original header photo appearance */

/* Removed the .slider-item, .js-fullheight height limiting CSS to restore the original header photo display. */

@media (max-width: 768px) {
  .slider-item,
  .js-fullheight {
    max-height: 70vh !important;
  }
}