/** Shopify CDN: Minification failed

Line 293:1 Expected "}" to go with "{"

**/
section.ybl-image-with-text{
  position: relative;



.ybl-image-with-text-wrapper{
    position: relative;
    margin: 12px auto 0;
    max-width: 1340px;
    padding-left: 20px;
    padding-right: 20px;

      .image-with-text__grid{
          box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.10);
          border-radius: 12px;
  
          &.image-with-text__grid{
            .image-with-text__media{
                @media only screen and (max-width: 750px) {
                    border-bottom-right-radius: 0;
                    border-top-right-radius: 12px;
                    border-bottom-left-radius: 0;
                    border-top-left-radius: 12px;
                    /*max-height: 350px;*/
                }
              }
            }
            &.image-with-text__grid--reverse{
                .image-with-text__media{
                    border-bottom-right-radius: 12px;
                    border-top-right-radius: 12px;
                    border-bottom-left-radius: unset;
                    border-top-left-radius: unset;

                    @media only screen and (max-width: 750px) {
                        border-bottom-right-radius: unset;
                        border-top-right-radius: 12px;
                        border-bottom-left-radius: unset;
                        border-top-left-radius: 12px;
                        /*max-height: 350px;*/

                        > img{
                          width: 100%;
                          height: auto;
                        }
                    }

                    &.mobile-available{
                      @media only screen and (max-width: 480px) {
                        > img{
                          &.desktop-image{
                            display: none;
                          }
                        }
                      }
                    }

                    @media only screen and (max-width: 480px) {
                      padding: 0 !important;
                      height: 100%;
                      max-height: unset;
        
                      > img{
                        object-fit: cover;
                        position: relative;
                        top: unset;
                        left: unset;

                        &.mobile-image{
                          display: block;
                        }
                      }
                    }
                }
                .image-with-text__text-item{
                    border-bottom-left-radius: 12px;
                    border-top-left-radius: 12px;
                    border-bottom-right-radius: unset;
                    border-top-right-radius: unset;

                    @media only screen and (max-width: 750px) {
                        border-bottom-left-radius: 12px;
                        border-top-left-radius: unset;
                        border-bottom-right-radius: 12px;
                        border-top-right-radius: unset;
                    }
                }
            }
        }
  
      .image-with-text__media{
          border-bottom-left-radius: 12px;
          border-top-left-radius: 12px;
  
          @media only screen and (max-width: 750px) {
              border-top-right-radius: 12px;
              border-top-left-radius: 12px;
              border-bottom-left-radius: unset;
          }
      }
  
      .image-with-text__text-item{
        border-bottom-right-radius: 12px;
        border-top-right-radius: 12px;
        @media only screen and (max-width: 750px) {
         border-top-right-radius: 0; 
          border-bottom-left-radius: 12px;
        }
      }
    

    .image-with-text__grid{
          &.image-with-text__grid{
              .image-with-text__media{
                  @media only screen and (max-width: 750px) {
                   padding: 0 !important;
                   height: 100%;
      
                   > img{
                      object-fit: cover;
                      position: relative;
                      top: unset;
                      left: unset;
                   }
                  }
                }
              }
  
          &.image-with-text__grid--reverse{
                  .image-with-text__media{
                      @media only screen and (max-width: 750px) {
                          /*height: 350px;*/
                      }
  
                      .button.button--primary{
                          top: unset;
                          bottom: 24px;
                          right: 24px;
                          left: unset;
                      }
                      @media only screen and (max-width: 480px) {
                        padding: 0 !important;
                        height: 100%;
          
                        > img{
                          object-fit: cover;
                          position: relative;
                          top: unset;
                          left: unset;
                        }
                      }
                  }
              }
          }

    .image-with-text__media{  

      &.nextviteal-vimeo-video{
        &:after{
          background: unset !important;
        }
      }

    > .ybl-video-wrapper{
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-bottom: 56%;
        max-width: 1300px;

        @media (max-width: 1140px) {
          padding-bottom: 56%;
        }
        
        > iframe{
          position: absolute;
          inset: 0px;
          width: 100%;
          height: 100%;
          border-radius: 12px;
        }      
      }

      .image-label{
        border-radius: 4px;
        padding: 2px 8px;
        background-color: #9BDFED;
        color: #033E46;
        position: absolute;
        top: 32px;
        right: 32px;
        font-family: Mulish-Bold;
        left: unset;
        z-index: 1; 
        width: fit-content;
        height: auto;
        line-height: 29px;
        @media only screen and (max-width: 678px) {
          top: 16px;
          right: 16px;
        }
      }

      img{
        object-fit: cover;
        /*object-position: bottom;*/
        object-position: left;

        &.desktop-image{
          display: block;
        }

        &.mobile-image{
          display: none;
        }
      }

      .button.button--primary{
          top: unset;
          bottom: 24px;
          right: unset;
          left: 24px;
      }
    }
  
    .image-with-text__text-item{
          @media only screen and (max-width: 478px) {
              margin-top: -1px;
          }

      .image-with-text__content{
          padding: 56px 44px;

          @media only screen and (max-width: 678px) {
              padding: 24px 20px;
          }

          .ybl-image-text-heading-wrapper{
              margin-bottom: 24px;
              @media (max-width: 468px) {
                  margin-bottom: 16px;
              }
            
              &.icon-grid {
                  display: grid;
                  grid-template-columns: 40px 1fr;
                  grid-column-gap: 16px;
                  @media (max-width: 468px) {
                      grid-template-columns: 1fr;
                      grid-row-gap: 16px;
                  }

                  img.ybl-headline-icon {
                      width: 40px;
                      height: 40px;
                  }
              }
              /*
              h2{
                  margin: 0;
                  font-size: 24px;
                  line-height: 34px;
                  @media (max-width: 678px) {
                    font-size: 20px;
                    line-height: 28px;
                  }
              }*/
          }

          .image-with-text__text{
              font-size: 16px;
              line-height: 24px;
              margin: 0;
              color: #033E46;

              ul{
                padding-left: 0;
              }
          }
      }
  }
    
    .button.button--primary{
        width: fit-content;
        height: fit-content;
        margin-left: 0;
    }
}