/** Shopify CDN: Minification failed

Line 100:0 Unexpected "{"
Line 100:1 Expected identifier but found "%"
Line 101:2 Unexpected "#"
Line 101:4 Unexpected "{"
Line 101:11 Expected ":"
Line 114:2 Unexpected "#"
Line 114:4 Unexpected "{"
Line 114:11 Expected ":"
Line 118:20 Expected identifier but found whitespace
Line 118:22 Unexpected "{"
... and 6 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 85:0 Unexpected "{"
Line 85:1 Expected identifier but found "%"
Line 86:2 Unexpected "#"
Line 86:4 Unexpected "{"
Line 86:11 Expected ":"
Line 99:2 Unexpected "#"
Line 99:4 Unexpected "{"
Line 99:11 Expected ":"
Line 103:20 Expected identifier but found whitespace
Line 103:22 Unexpected "{"
... and 6 more hidden warnings

**/
.full-width-slides {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
  /* background:#f7f7f7; */
}
.slides-container {
  display: flex;
  transition: transform 0.5s ease;
  width: 100%;
  height: 600px;
  position: relative;
}
.slide {
  min-width: 100%;
  height: 100%;
  display: flex;
  background-size: cover;
  background-position: center;
}
.pause-play-btn {
  padding-right: 22px;
}
.pagination-dots {
  position: absolute;
  bottom: 6%;
  left: 60%;
  /* transform: translateX(-50%); */
  display: flex;
  align-items: center;
  gap: 0px;
  z-index: 10;
}
.dot-wrapper {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  margin-right: 4px;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(0,0,0,.16);
}

.dot-wrapper.active .dot {
  background-color: #d22730;
}
.image-column {
  flex: 1.5;
  background-size: cover;
  background-position: center;
}
.text-column-content {
  display: flex;
  flex-direction:column;
  justify-content: center;
  width: 80%;
}

{% for block in section.blocks %}
  #{{ block.id }} .text-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 3em;
    /* color: #323232; */
  }
  .text-column h1, .text-column h2 {
    font-size: 45px;
    margin-bottom: 1rem;
    /* color: #323232; */
  }
  .text-column p {margin-bottom: 2rem;}
  #{{ block.id }} .full-width-slide-img {
    height:100%;
    width: 100%;
    object-fit: cover;
    object-position: {{ block.settings.slide-image-focus }};
  }
  @media screen and (max-width: 1400px){ 
    #{{ block.id }} .text-column {
      flex: 1;
    }
  }
{% endfor %}

@media screen and (max-width: 600px){
  .image-column {flex: .5}
  .text-column {padding: 32px 20px}
  .text-column-content {width: 100%}
  .slide {flex-direction: column;}
  .pagination-dots {bottom: 3%;left: 35%;}
  .full-width-slides, .slides-container, .slide {height: auto}
  .full-width-slide-img {
    height: 200px;
  }
  .text-column h1, .text-column h2 {font-size: 26px;}
}
@media screen and (max-width: 1400px){
  .btn-mb-2 {margin-bottom: 2em}
}
@media screen and (max-width: 1024px){
  .slides-container .slide{flex-direction:column;}
  .full-width-slides, .slides-container, .slide {
      height: auto;
  }
  .pagination-dots {
    left: 5%;
    bottom:2%;
  }
}