/* responsive.css - minimal responsive tweaks moved from inline styles */

/* Responsive tweaks: stack columns, scale images, hide floating widgets on small screens */
@media (max-width: 767px) {
  .dmRespRow .dmRespColsWrapper{padding-left:12px;padding-right:12px}
  .dmRespRow .dmRespCol{float:none !important;display:block !important;width:100% !important;max-width:100%}
  #leftGuruFooter, #rightGuruFooter{width:100% !important;float:none !important;padding:12px;text-align:center}
  .sticky-widgets-container-global, .sticky-widgets-container-global *{display:none !important}
  h2.m-text-align-center, .font-size-30{font-size:20px !important}
  .dmNewParagraph[data-version] p{font-size:16px !important}
  .bgGallerySlide, .bgGallerySlideHolder{background-size:cover !important;background-position:center !important}
  .imageWidget img, img{max-width:100% !important;height:auto !important}
  .button_2{width:100% !important;box-sizing:border-box}
}

@media (min-width:768px) and (max-width:1024px) {
  .dmRespRow .dmRespColsWrapper{padding-left:16px;padding-right:16px}
  .dmRespRow .dmRespCol{width:100%}
  h2.m-text-align-center, .font-size-30{font-size:24px !important}
}

/* Stronger overrides to ensure responsive behavior on tablet and mobile */
@media (max-width: 1024px) {
  /* Allow inner container to shrink below 768px which some critical CSS forces */
  .dmInner, .dmDesktopBody .dmInner { min-width: 0 !important; max-width: 100% !important; }

  /* Stack navigation and make items wrap nicely */
  nav.u_1593288056, .main-navigation.unifiednav { width: 100% !important; padding: 8px 0 !important; }
  .unifiednav__container { flex-wrap: wrap !important; justify-content: center !important; }
  .unifiednav__item-wrap .unifiednav__item { padding: 8px 10px !important; }

  /* Make gallery/slider adapt height-wise on small screens */
  .bgGallerySlideHolder { min-height: 180px !important; }
  .bgGallerySlide { background-size: cover !important; background-position: center !important; }

  /* Reduce large paddings that break narrow viewports */
  .dmLargeBody .dmRespRow .dmRespCol, .dmLargeBody .dmRespRow .dmRespCol { padding-left: 8px !important; padding-right: 8px !important; }

  /* Ensure images and widgets fit */
  .imageWidget img, .dmNewParagraph img, img { max-width: 100% !important; height: auto !important; }

  /* Make primary CTA full width */
  .button_2 { width: 100% !important; box-sizing: border-box !important; }

  /* Hide floating sticky widgets that may overlap content on smaller screens */
  .sticky-widgets-container-global, .sticky-widgets-container-global * { display: none !important; }
}

@media (max-width: 767px) {
  /* Header/logo sizing */
  .dmHeaderContainer .imageWidget img { max-width: 150px !important; height: auto !important; margin: 0 auto !important; }

  /* Use mobile-friendly typography */
  h2.m-text-align-center, .font-size-30 { font-size: 18px !important; }
  .dmNewParagraph[data-version] p { font-size: 15px !important; }

  /* Remove large paddings and ensure stacking */
  .dmRespRow .dmRespColsWrapper{padding-left:8px;padding-right:8px}
  .dmRespRow .dmRespCol{float:none !important;display:block !important;width:100% !important;}

  /* Prefer the hamburger menu (if present) over the full nav to save space */
  nav.u_1593288056 { display: none !important; }
  .layout-drawer-hamburger { display: block !important; }
}

@media (min-width:768px) and (max-width:1024px) {
  /* Tablet-specific fine tuning */
  .dmHeaderContainer nav.unifiednav { display: flex !important; flex-wrap: wrap !important; }
  .dmHeaderContainer .imageWidget img { max-width: 200px !important; }
  .dmRespRow .dmRespColsWrapper{padding-left:16px;padding-right:16px}
}