/** Shopify CDN: Minification failed

Line 71:6 Unexpected "{"
Line 71:7 Expected identifier but found "%"
Line 72:23 Expected identifier but found whitespace
Line 72:25 Unexpected "{"
Line 72:34 Expected ":"
Line 73:6 Unexpected "{"
Line 73:7 Expected identifier but found "%"
Line 74:25 Expected identifier but found whitespace
Line 75:7 Expected identifier but found "%"

**/


/* CSS from section stylesheet tags */
.image-overlay-section {
    position: relative;
    overflow: hidden;
    text-align: center;
  }
  .image-overlay__wrapper {
    position: relative;
  }
  .image-overlay__image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
  }
  .image-overlay__content {
    position: absolute;
    padding: 1.5rem;
    max-width: 800px;
    color: white;
  }
  .image-overlay--hidden .image-overlay__content {
    display: none;
  }
  .image-overlay__content .buttons a {
    margin: 0.25rem;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    display: inline-block;
  }
  .button--primary {
    background-color: #000;
    color: #fff;
  }
  .button--secondary {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
  }

  /* Positioning map */
  .position-top-left    { top: 5%;  left: 5%;  transform: none; text-align: left; }
  .position-top-center  { top: 5%;  left: 50%; transform: translateX(-50%); text-align: center; }
  .position-top-right   { top: 5%;  right: 5%; transform: none; text-align: right; }
  .position-middle-left { top: 50%; left: 5%;  transform: translateY(-50%); text-align: left; }
  .position-center      { top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
  .position-middle-right{ top: 50%; right: 5%; transform: translateY(-50%); text-align: right; }
  .position-bottom-left { bottom: 5%; left: 5%; transform: none; text-align: left; }
  .position-bottom-center{ bottom: 5%; left: 50%; transform: translateX(-50%); text-align: center; }
  .position-bottom-right{ bottom: 5%; right: 5%; transform: none; text-align: right; }

  @media screen and (max-width: 749px) {
    .image-overlay__content {
      position: static;
      transform: none;
      {% if section.settings.color.alpha > 0 %}
      background-color: {{ section.settings.color }};
      {% else %}
        background-color: transparent
      {% endif %}
    }

    .image-overlay__wrapper {
      position: relative;
    }

    .pos-absolute {
      position: absolute;
      inset: 0;
      z-index: 2;
    }
  }