/** Shopify CDN: Minification failed

Line 56:2 Unexpected "{"
Line 56:3 Expected identifier but found "%"
Line 57:8 Expected identifier but found whitespace
Line 57:10 Unexpected "{"
Line 57:17 Expected ":"
Line 58:19 Expected identifier but found whitespace
Line 58:21 Unexpected "{"
Line 58:30 Expected ":"
Line 91:19 Expected identifier but found whitespace
Line 91:21 Unexpected "{"
... and 9 more hidden warnings

**/


/* CSS from section stylesheet tags */
.custom-section {
  display: flex;
  height: 75vh;
}

  .custom-section h2{
    font-size: 2.3em !important;
    padding-bottom:10px;
  }

.custom-section > div {
  flex: 1;
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.custom-section img {
  max-width: 100%;
  height: 100%;
      min-width: 100%;
  object-fit: cover; /* This property makes the image cover the entire height */
}

.custom-section iframe {
  width: 100%;
  height: 100%;
}

  .custom-section h2{
    margin-bottom:0 !important;
  }

.custom-section .text-block {
  {% assign bgColor = block.settings.background_color %}
  color: {{ block.settings.text_color }};
  background-color: {{ bgColor | default: 'transparent' }};
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding:2.5em !important;
}


.custom-section .btn {
  display: inline-block;

  padding: 10px 20px;
    font-family: "Lato" !important;
  text-transform: uppercase !important;
  letter-spacing: 1.3px !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  margin-top: 1em;
}

.custom-section .icon-arrow-right {
  /* Add your styles for the arrow icon */
}

.custom-section-wrapper {
  position: relative;
}

.colorbox {
  position: absolute;
  background-color: {{ section.settings.boxcolor }};
  width: 80vw; /* adjust as needed */
  height: 100%;
 top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0px;
  z-index: -1;
}
 {% if section.settings.showbox %}
  .custom-section .text-block {

    background: {{ section.settings.boxcolor }} !important;
  }

     
.custom-section img {
  height: 80% !important;
  width: 90%;
}
    {% endif %}

.custom-section {
  position: relative;
  z-index: 1; /* Ensures content is above the box */
}




  @media only screen and (max-width: 749px){
.custom-section{ 
  flex-direction:column;
      height: 80vh;
}

    .custom-section .main-block:first-child{
      max-height: 39vh;
    }

      .custom-section .main-block:last-child{
      display:none;
    }

     .custom-section h2 {
    font-size: 2em !important;
  }

    .custom-section .text-block{
      padding:2em;
    }
  }