/** Shopify CDN: Minification failed

Line 17:10 Unexpected "{"
Line 17:19 Expected ":"
Line 18:14 Expected identifier but found whitespace
Line 18:16 Unexpected "{"
Line 18:25 Expected ":"
Line 18:76 Expected ":"
Line 19:17 Expected identifier but found whitespace
Line 19:19 Unexpected "{"
Line 19:28 Expected ":"
Line 19:82 Expected ":"
... and 31 more hidden warnings

**/
/* General Section Padding */
.section-{{ section.id }}-padding {
  padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
  padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
}

@media screen and (min-width: 750px) {
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top }}px;
    padding-bottom: {{ section.settings.padding_bottom }}px;
  }
}

/* Rotating text container */
.rotating-text-container-{{ section.id }} {
  overflow: hidden;
  position: relative;
  height: {{ section.settings.font_size | default: 40 | times: 1.5 }}px; /* Set height to fit one line of text */
  font-size: {{ section.settings.font_size | default: 40 }}px;
  display: flex;
  justify-content: center; /* Centered by default */
  align-items: center;
  width: 100%; /* Ensure full width */
  padding-left: 20px; /* Add space to the left side */
  padding-right: 20px; /* Optional: Add space to the right side */
}

/* Align text to the left on desktop */
@media screen and (min-width: 768px) {
  .rotating-text-container-{{ section.id }} {
    justify-content: flex-start; /* Align the text to the left */
    align-items: flex-start; /* Align vertically to the start (top) */
    padding-left: 20px; /* Control the left margin */
    padding-right: 20px; /* Optional right margin */
  }
}

/* Wrapper for rotating text items */
.rotating-text-{{ section.id }} {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start; /* Align text to the left within the wrapper */
  align-items: center; /* Center vertically within the wrapper */
  flex-direction: column;
}

/* Each text item will be hidden by default and only one will be visible at a time */
.rotating-text__item {
  display: none;  /* Initially hide all text items */
  text-align: left; /* Align text to the left */
  line-height: {{ section.settings.font_size | default: 40 | times: 1.5 }}px; /* Vertically center text */
  white-space: nowrap;
}

/* Responsive adjustments for rotating text font size */
@media screen and (max-width: 768px) {
  .rotating-text__item {
    font-size: 24px;
    font-weight: lighter;
    color: #212525;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .rotating-text__item {
    font-size: 40px;
    font-weight: lighter;
  }
}