/** Shopify CDN: Minification failed

Line 145:2 Expected "}" to go with "{"

**/
/* Custom styles for our-story page */

/* Adjust text width in image-with-text section */
.page-our-story .image-with-text__content {
  max-width: 90rem; /* Increase from default width */
  padding: 4rem 6rem; /* Add more horizontal padding */
}

/* Make text content wider to reduce vertical space */
.page-our-story .image-with-text__text {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Make sure text is properly spaced */
.page-our-story .image-with-text__text p {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Fix for image display across different screen resolutions */
.page-our-story .image-with-text__media {
  overflow: hidden;
  height: 100% !important;
  position: relative;
}

/* Make images fill the entire half of the screen */
.page-our-story .image-with-text__media img {
  object-fit: cover !important; /* Changed from contain to cover */
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* Ensure image section has proper height */
.page-our-story .image-with-text__media-item {
  height: auto !important;
  min-height: 500px !important; /* Set minimum height */
}

/* Fix overall section layout */
.page-our-story .image-with-text {
  margin-bottom: 0 !important; /* Prevent bleeding into next section */
}

.page-our-story .image-with-text__grid {
  display: flex;
  align-items: stretch;
}

/* Add clear separation between sections */
.page-our-story .section-our-story-padding + div {
  margin-top: 50px;
}

/* Fix spacing between sections */
.page-our-story main > div {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Fix for section padding */
.page-our-story .section-our-story-padding {
  padding-bottom: 0 !important;
}

/* Ensure the grid items are equal height */
.page-our-story .grid__item {
  display: flex;
  flex-direction: column;
}

/* Media query for larger screens */
@media screen and (min-width: 1600px) {
  .page-our-story .image-with-text__media-item {
    min-height: 600px !important;
  }
  
  .page-our-story .image-with-text__media img {
    object-position: center;
  }
}

/* Media query for mobile devices */
@media screen and (max-width: 749px) {
  .page-our-story .image-with-text__media-item {
    min-height: 350px !important;
  }
  
  .page-our-story .image-with-text__content {
    padding: 2rem 3rem;
  }
}

/* Our Story page text improvements */
.page-our-story .scroll-reveal-section .text-holder p {
  font-size: 1.4rem !important; /* Reduced from default */
  line-height: 1.6;
  margin-bottom: 3rem !important; /* Add significant space after paragraphs */
}

.page-our-story .scroll-reveal-section .main-text {
  font-size: 28px !important; /* Reduced from 36px */
  margin: 0 !important; /* Remove space between header and its paragraph */
}

@media screen and (max-width: 749px) {
  .page-our-story .scroll-reveal-section .text-holder p {
    font-size: 1.3rem !important;
    margin-bottom: 2.5rem !important;
  }

  .page-our-story .scroll-reveal-section .text-holder {
    padding-top: 0.5rem !important;
    padding-bottom: 0rem !important;
  }
  .page-our-story .scroll-reveal-section .text-holder .text-group{
    margin-bottom: 0rem !important;
  }

  .page-our-story .scroll-reveal-section .image-holder {
    padding-bottom: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .page-our-story .scroll-reveal-section .text-holder h2 {
    margin-bottom: 0.5rem !important;
    font-size: 1.8rem !important;
  
  .page-our-story .scroll-reveal-section .main-text {
    font-size: 20px !important; /* Reduced from 18px to something even smaller */
  }
}