/** Shopify CDN: Minification failed

Line 32:18 Unexpected "{"
Line 32:27 Expected ":"
Line 37:20 Unexpected "{"
Line 37:29 Expected ":"

**/


/* CSS from section stylesheet tags */
@media (max-width: 767px) {
  .heroCarousel-media {
    padding-top: 60%; /* increase height for mobile so text has room */
  }
  .heroCarousel-content {
    top: 50%;               /* center vertically */
    transform: translateY(-50%);
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
  }
}

.heroCarousel-media .hero-video,
.heroCarousel-media .heroCarousel-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.heroCarousel-linkfill { position:absolute; inset:0; z-index:2; display:block; }
.heroCarousel-media iframe { position:absolute; inset:0; width:100%; height:100%; border:0; pointer-events:none; }
/* push this slideshow down below the header */
#shopify-section-{{ section.id }} .widget-slideshow { 
  margin-top: 100px; /* adjust to taste */
}

@media (max-width: 767px){
  #shopify-section-{{ section.id }} .widget-slideshow { 
    margin-top: 70px; 
  }
}
/* Desktop fix: give the media area a height */
@media (min-width: 768px) {
  .heroCarousel-media {
    /* pick ONE of these paddings based on your media ratio */
    /* 16:9 video → */   /* padding-top: 76.25%; */
    /* 1920x800 image → */ padding-top: 41.67%;
    position: relative; /* required so the absolutely positioned media fills it */
  }
}
.logo-caption {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  color: #000;
}
/* Make carousel items larger */
.logo-item {
  flex: 0 0 auto;
  text-align: center;
}

/* Control image size */
.logo-item img {
  width: 100%;
  max-width: 600px;   /* increase this to 700px or 800px if you want bigger */
  height: auto;
  margin: 0 auto;
  display: block;
}
.ss-dynamic-row {
    position: relative;
    clear: both;
    overflow: hidden;
  }

/* CSS from block stylesheet tags */
.text-left {
    text-align: left;
  }

  .text-center {
    text-align: center;
  }

  .text-right {
    text-align: right;
  }