/*
Theme Name: Saturn Child
Theme URI: http://www.saturnasset.com/
Description: Child theme providing PHP 8.4 compatibility and runtime fixes for the Saturn parent theme.
Author: Saturn
Template: saturn
Version: 1.0.1
Requires PHP: 8.0
Text Domain: saturn-child
*/

/*
 * Homepage testimonial slider
 *
 * The live site's Additional CSS forces each slide into a 50/50 flex row at
 * every viewport width. These more-specific rules keep that desktop layout,
 * but stack the image and caption on small screens without horizontal
 * overflow. They deliberately live in the child theme so the fix travels
 * with the deployable package and survives parent-theme updates.
 */
body.home #slider_2376.owl-carousel,
body.home #slider_2376.owl-carousel .owl-stage-outer,
body.home #slider_2376.owl-carousel .owl-item {
  max-width: 100%;
  overflow: hidden;
}

body.home #slider_2376.owl-carousel .sa_hover_container {
  box-sizing: border-box;
}

body.home #slider_2376.owl-carousel .owl-item .row {
  display: flex !important;
  align-items: stretch;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.home #slider_2376.owl-carousel .owl-item .slider-column {
  box-sizing: border-box;
  flex: 0 0 50% !important;
  width: 50% !important;
  max-width: 50% !important;
  min-width: 0;
  height: auto !important;
  padding: 10px !important;
}

body.home #slider_2376.owl-carousel .owl-item .slider-column.nopadding {
  padding: 0 !important;
}

body.home #slider_2376.owl-carousel .owl-item .slider-column img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

body.home #slider_2376.owl-carousel .owl-item .slider-caption {
  color: #fff !important;
  font-size: 15px;
  line-height: 22px;
  overflow-wrap: anywhere;
}

body.home #slider_2376.owl-carousel .owl-item .slider-caption-subtext {
  color: #ccc !important;
}

@media (max-width: 767px) {
  body.home #slider_2376.owl-carousel .sa_hover_container {
    min-height: 0 !important;
    padding: 20px !important;
  }

  body.home #slider_2376.owl-carousel .owl-item .row {
    display: block !important;
    margin: 0 !important;
  }

  body.home #slider_2376.owl-carousel .owl-item .slider-column {
    display: block !important;
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 12px 0 0 !important;
  }

  body.home #slider_2376.owl-carousel .owl-item .slider-column.nopadding {
    padding: 0 !important;
  }

  body.home #slider_2376.owl-carousel .owl-item .slider-caption {
    margin: 12px 0 0;
    font-size: 14px;
    line-height: 20px;
  }
}