/** Shopify CDN: Minification failed

Line 18:0 Unexpected "<"
Line 110:17 Expected identifier but found whitespace
Line 110:19 Unexpected "{"
Line 110:26 Expected ":"
Line 111:21 Expected identifier but found whitespace
Line 111:23 Unexpected "{"
Line 111:30 Expected ":"
Line 125:0 Unexpected "<"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:collection-banner (INDEX:10) */
<style>
  .collection-banner {
    font-family: '{{ settings.font_family }}', sans-serif;
    color: '{{ settings.text_color }}';
    background-color: '{{ settings.bg_color }}';
  }
  .slideshow-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
    height: 50vh; /* Half the height of the Homepage Slideshow */
  }
  .slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    height: 100%;
  }
  .slide {
    min-width: 100%;
    box-sizing: border-box;
    position: relative;
    height: 100%;
  }
  .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
  }
  .slide-content {
    position: absolute;
    bottom: 10%;
    left: 5%;
    transform: translateY(-50%);
  }
  .slide-content h2, .slide-content h3, .slide-content p {
    margin: 0 0 10px;
  }
  .btn {
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
  }
  .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
  }
  .next {
    right: 0;
    border-radius: 3px 0 0 3px;
  }
  .prev:hover, .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .dots-container {
    text-align: center;
    padding: 20px;
    background: #ddd;
  }
  .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  .active, .dot:hover {
    background-color: #717171;
  }
  @media (max-width: 768px) {
    .slide-content {
      bottom: auto;
      top: auto;
      left: auto;
      right: auto;
      text-align: {{ block.settings.text_align_mobile }};
      vertical-align: {{ block.settings.text_vertical_align_mobile }};
      transform: none;
    }
    .slide-content h2 {
      font-size: calc({{ block.settings.headline_font_size }}px * 0.7);
    }
    .slide-content h3 {
      font-size: calc({{ block.settings.subheadline_font_size }}px * 0.7);
    }
    .btn {
      padding: 8px 16px;
      font-size: calc(14px * 0.7);
    }
  }
</style>
/* END_SECTION:collection-banner */