/** Shopify CDN: Minification failed

Line 91:0 Unexpected "}"

**/
.slideshow-sticky-content-wrapper {
  position: relative; /* Establishes a positioning context for absolute children */
  overflow: hidden; /* Ensures content doesn't spill out if not properly sized */
}

.slideshow-fixed-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center; /* Centers content horizontally by default */
  align-items: center; /* Centers content vertically by default */
  pointer-events: none; /* Allows clicks to pass through to the slider controls if needed */
  z-index: 2; /* Ensures the content is above the sliding images */
}

.slideshow-fixed-content .slideshow__text-wrapper {
  position: static; /* Override any absolute positioning from the original theme CSS */
  transform: none; /* Override any transforms from the original theme CSS */
  height: auto;
  width: 100%; /* Take full width of its parent */
  display: flex; /* Use flexbox for inner alignment of the text box */
  justify-content: center;
  align-items: center;
  pointer-events: auto; /* Re-enable pointer events for buttons and links */
  z-index: 3; /* Ensure buttons and text are clickable and above the fixed content wrapper */
}

.slideshow-fixed-content .slideshow__text {
  position: relative; /* Keep relative for inner elements if needed */
  width: 100%; /* Ensure the content box fills available space */
  max-width: var(--page-width); /* Constrain to your theme's page width variable */
  padding: var(--padding-container); /* Add some padding */
  box-sizing: border-box; /* Include padding in the width calculation */
}

/* Adjustments for different box_align settings */
.slideshow-fixed-content .banner__content--top-left {
  justify-content: flex-start;
  align-items: flex-start;
}
.slideshow-fixed-content .banner__content--top-center {
  justify-content: center;
  align-items: flex-start;
}
.slideshow-fixed-content .banner__content--top-right {
  justify-content: flex-end;
  align-items: flex-start;
}
.slideshow-fixed-content .banner__content--middle-left {
  justify-content: flex-start;
  align-items: center;
}
.slideshow-fixed-content .banner__content--middle-center {
  justify-content: center;
  align-items: center;
}
.slideshow-fixed-content .banner__content--middle-right {
  justify-content: flex-end;
  align-items: center;
}
.slideshow-fixed-content .banner__content--bottom-left {
  justify-content: flex-start;
  align-items: flex-end;
}
.slideshow-fixed-content .banner__content--bottom-center {
  justify-content: center;
  align-items: flex-end;
}
.slideshow-fixed-content .banner__content--bottom-right {
  justify-content: flex-end;
  align-items: flex-end;
}

/* Ensure slider controls are still visible and clickable */
.slideshow__controls {
  z-index: 4; /* Ensure controls are above everything */
  position: relative; /* Keep their original positioning context */
}

/* Adjust slideshow component height to match image height */
/* slideshow-component {
  display: block; /* Important for proper height calculation */
} */

/* If the slideshow height is adapting to the image, ensure the wrapper also adapts */
.slideshow-sticky-content-wrapper.banner--adapt_image {
  height: auto;
}

/* Specific adjustments for mobile text below functionality if needed */
.mobile-text-below .slideshow-fixed-content {
  /* You may need to refine this for mobile if text below is still desired,
     as the "fixed" nature will clash with "below".
     Consider hiding .slideshow-fixed-content on mobile or making it static. */
  @media screen and (max-width: 749px) {
    /* Example: if you want the content to be below on mobile, make it static */
    /* position: static;
    height: auto;
    justify-content: flex-start;
    align-items: flex-start; */
  }
}