/** Shopify CDN: Minification failed

Line 19:0 Unexpected "<"
Line 20:20 Unexpected "{"
Line 20:29 Expected ":"
Line 20:36 Unexpected "{"
Line 21:15 Expected identifier but found whitespace
Line 21:17 Unexpected "{"
Line 21:26 Expected ":"
Line 21:51 Expected ":"
Line 22:18 Expected identifier but found whitespace
Line 22:20 Unexpected "{"
... and 79 more hidden warnings

**/


/* CSS from section stylesheet tags */
<style>
  #shopify-section-{{ section.id }} {
    margin-top: {{ section.settings.margin_top }}px;
    margin-bottom: {{ section.settings.margin_bottom }}px;
  }

  .image-banner-with-link {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: {{ section.settings.banner_height }}px;
  }

  .image-banner-with-link a {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
  }

  .image-banner-with-link img {
    width: 100%;
    height: 100%;
    object-fit: {{ section.settings.image_fit }};
    object-position: {{ section.settings.image_position }};
    display: block;
    transition: transform 0.5s ease;
  }

  /* Hover effect removed */

  .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: {{ section.settings.overlay_color }};
    opacity: {{ section.settings.overlay_opacity | divided_by: 100.0 }};
    z-index: 1;
    {% if section.settings.overlay_gradient != 'none' %}
      {% if section.settings.overlay_gradient == 'linear-top-bottom' %}
        background: linear-gradient(to bottom, {{ section.settings.overlay_color }} 0%, transparent 100%);
      {% elsif section.settings.overlay_gradient == 'linear-bottom-top' %}
        background: linear-gradient(to top, {{ section.settings.overlay_color }} 0%, transparent 100%);
      {% elsif section.settings.overlay_gradient == 'radial' %}
        background: radial-gradient(circle, transparent 0%, {{ section.settings.overlay_color }} 100%);
      {% endif %}
    {% endif %}
  }

  .banner-content {
    position: absolute;
    text-align: center;
    color: white;
    z-index: 2;
    padding: {{ section.settings.content_padding }}px;
    width: calc(100% - ({{ section.settings.content_padding }}px * 2));
    box-sizing: border-box;
    
    {% if section.settings.content_position == 'center' %}
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    {% elsif section.settings.content_position == 'top-left' %}
      top: 0;
      left: 0;
    {% elsif section.settings.content_position == 'top-center' %}
      top: 0;
      left: 50%;
      transform: translateX(-50%);
    {% elsif section.settings.content_position == 'top-right' %}
      top: 0;
      right: 0;
      text-align: right;
    {% elsif section.settings.content_position == 'center-left' %}
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      text-align: left;
    {% elsif section.settings.content_position == 'center-right' %}
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      text-align: right;
    {% elsif section.settings.content_position == 'bottom-left' %}
      bottom: 0;
      left: 0;
      text-align: left;
    {% elsif section.settings.content_position == 'bottom-center' %}
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    {% elsif section.settings.content_position == 'bottom-right' %}
      bottom: 0;
      right: 0;
      text-align: right;
    {% endif %}
  }

  .banner-heading {
    font-size: {{ section.settings.heading_size }}px;
    margin: 0;
    color: {{ section.settings.heading_color }};
    line-height: 1.2;
    font-weight: bold;
  }

  .banner-subheading {
    font-size: {{ section.settings.subheading_size }}px;
    margin: 10px 0 20px;
    color: {{ section.settings.subheading_color }};
    line-height: 1.4;
  }

  .banner-button {
    display: inline-block;
    padding: 12px 24px;
    background-color: {{ section.settings.button_bg_color }};
    color: {{ section.settings.button_color }};
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .banner-button:hover {
    opacity: 0.9;
    transform: translateY(-2px);
  }

  /* Mobile */
  @media (max-width: 767px) {
    .image-banner-with-link {
      height: {{ section.settings.mobile_banner_height }}px;
    }
    
    .banner-heading {
      font-size: calc({{ section.settings.heading_size }}px * 0.7);
    }
    
    .banner-subheading {
      font-size: calc({{ section.settings.subheading_size }}px * 0.7);
      margin: 5px 0 15px;
    }
    
    .banner-button {
      padding: 10px 20px;
      font-size: 14px;
    }
    
    .hidden-mobile {
      display: none !important;
    }
  }

  /* Tablet */
  @media (min-width: 768px) and (max-width: 1024px) {
    .banner-heading {
      font-size: calc({{ section.settings.heading_size }}px * 0.85);
    }
    
    .banner-subheading {
      font-size: calc({{ section.settings.subheading_size }}px * 0.85);
    }
    
    .hidden-tablet {
      display: none !important;
    }
  }

  /* Desktop */
  @media (min-width: 1025px) {
    .hidden-desktop {
      display: none !important;
    }
  }

  .desktop-only {
    display: block;
  }
  
  .mobile-only {
    display: none;
  }
  
  @media (max-width: 767px) {
    .desktop-only {
      display: none;
    }
    
    .mobile-only {
      display: block;
    }
  }
</style>