/** Shopify CDN: Minification failed

Line 429:0 Unexpected "}"

**/
.image-with-text:not(.dd-background-section) .grid{
  margin-bottom: 0;
  align-items:center;
}

.image-with-text__media-item{
  margin-bottom:20px;
}

.dd-background-section .image-with-text__media-item{
  margin-bottom:0px;
}

.image-with-text .grid__item {
  position: relative;
}

.image-with-text__media-item--small.image-with-text__media-item--top{
  max-width:100%;
  margin:auto;
}

.image-with-text__subheading, .subtitle{
  text-transform:uppercase;
  font-family:var(--font-heading-family);
  font-weight:600;
  font-size:10px;
  line-height:16px;
  margin-bottom:1.6rem;
}

.image-with-text__media img{
 	display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  	object-position: center center;
  	object-fit:cover;
  	margin:auto;
}

.media--upper-rounded > img{
  	width:100%;
  	height:auto; 
    border-radius: 50vw 50vw 0 0;
}

.image-with-text__content{
  padding:0rem;
}


@media screen and (min-width: 750px) {
  
.image-with-text__media-item--small.image-with-text__media-item--top{
  max-width:unset;
  margin:unset;
}

.media--upper-rounded > img{
  	width:100%;
    max-width:320px;
  	height:420px; 
    border-radius: 50vw 50vw 0 0;
}
  
  .image-with-text__grid--reverse {
    flex-direction: row-reverse;
  }
  
  .image-with-text__media-item--middle.media--upper-rounded--wrapper{
    flex-grow:0;
    
  }
  
  .image-with-text__media--small.media--upper-rounded {
    height: 42rem;
    max-width:32rem;
    margin-left:auto;
    margin-right:auto;

}

}

.image-with-text__media {
  overflow: visible;
}

.image-with-text__media--small {
  height: 19.4rem;
}

.image-with-text__media--large {
  height: 43.5rem;
}

@media screen and (min-width: 750px) {
  .image-with-text__media--small {
    height: 24rem;
  }

  .image-with-text__media--large {
    height: 55rem;
  }
}

@media screen and (min-width: 1400px) {
  .image-with-text__media--small {
    height: 32rem;
  }
  .image-with-text__media-item--small.grid__item{
    min-width:32rem;
  }
  
  .image-with-text__media--large {
    height: 69.5rem;
  }
  

}

.image-with-text__media--placeholder {
  position: relative;
  overflow: hidden;
}

.image-with-text__media--placeholder:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(var(--color-foreground), 0.04);
}

.image-with-text__media--placeholder.image-with-text__media--adapt {
  height: 20rem;
}

@media screen and (min-width: 750px) {
  .image-with-text__media--placeholder.image-with-text__media--adapt {
    height: 30rem;
  }
}

.image-with-text__media--placeholder > svg {
  position: absolute;
  left: 50%;
  max-width: 80rem;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  fill: currentColor;
}

.image-with-text__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-self: center;
  padding:0rem;
  position: relative;
  z-index: 1;
}

.image-with-text .grid__item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.backgrounded-content {
      padding: 5rem;
      justify-content: flex-end;
  }
  
.backgrounded-content .image-with-text__subheading{
    flex-grow:1;
  }
  
.dd-background-section img{
	margin: auto;
    height: 33rem;
    width: 25rem;

}
  


.image-with-text .global-media-settings {
  overflow: hidden !important;
}


.image-with-text:not(.image-with-text--overlap) .image-with-text__media-item > *,
.image-with-text:not(.image-with-text--overlap) .image-with-text__text-item > * {
  box-shadow: none;
}

.image-with-text__content--mobile-right > * {
  align-self: flex-end;
  text-align: right;
}

.image-with-text__content--mobile-center > * {
  align-self: center;
  text-align: center;
}

.image-with-text--overlap .image-with-text__content {
  width: 90%;
  margin: -3rem auto 0;
}

@media screen and (min-width: 750px) {
  .image-with-text__grid--reverse .image-with-text__content {
    margin-left: auto;
  }

    padding: 4rem calc(4rem / var(--font-body-scale)) 5rem;


  .image-with-text__content--bottom {
    justify-content: flex-end;
    align-self: flex-end;
  }

  .image-with-text__content--top {
    justify-content: flex-start;
    align-self: flex-start;
  }

  .image-with-text__content--desktop-right > * {
    align-self: flex-end;
    text-align: right;
  }

  .image-with-text__content--desktop-left > * {
    align-self: flex-start;
    text-align: left;
  }

  .image-with-text__content--desktop-center > * {
    align-self: center;
    text-align: center;
  }

  .image-with-text--overlap .image-with-text__text-item {
    display: flex;
    padding: 3rem 0;
  }

  .image-with-text--overlap .image-with-text__content {
    height: auto;
    width: calc(100% + 4rem);
    min-width: calc(100% + 4rem);
    margin-top: 0;
    margin-left: -4rem;
    padding: 4rem calc(4rem / var(--font-body-scale)) 5rem;
  }

  .image-with-text--overlap .image-with-text__grid--reverse .image-with-text__content {
    margin-left: 0;
    margin-right: -4rem;
  }

  .image-with-text--overlap .image-with-text__grid--reverse .image-with-text__text-item {
    justify-content: flex-end;
  }

  .image-with-text--overlap .image-with-text__media-item--top {
    align-self: flex-start;
  }

  .image-with-text--overlap .image-with-text__media-item--middle {
    align-self: center;
  }

  .image-with-text--overlap .image-with-text__media-item--bottom {
    align-self: flex-end;
  }

  .image-with-text__media-item--small,
  .image-with-text__media-item--large + .image-with-text__text-item {
    flex-grow: 0;
  }
  
  .image-with-text__media-item--small{
    max-width:320px;
  }

  .image-with-text.collapse-borders:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__content {
    border-left: 0;
  }

  .image-with-text.collapse-borders:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__content {
    border-right: 0;
  }
}

.image-with-text:not(.collapse-corners, .image-with-text--overlap) .image-with-text__media-item {
  z-index: 2;
}


@media screen and (min-width: 1080px) {
  .image-with-text__content {
    padding: 6rem 7rem 7rem;
  }

 .image-with-text.page-width{
    padding-right:80px;
    padding-left:80px;
  }
  
  .backgrounded-content {
      padding: 6rem;
      justify-content: flex-end;
  }
  
  .backgrounded-content .image-with-text__subheading{
    flex-grow:1;
    
  }
  
.dd-background-section img{
    margin: auto;
    height: 75%;
    width: auto;
}
  
  .dd-product-custom--block.page-width{
    margin-left:200px;
  }
  
  .dd-image-with-text--product{
    margin-left:200px;
  }
  
 .dd-background-section img{
	margin: auto;
    height: 70%;
    width: 36rem;
    max-width:60%;

}

}

.image-with-text__content > * + * {
  margin-top: 1rem;
}


@media screen and (min-width: 750px){
.image-with-text__content > * + * {
  margin-top: 3.2rem;
}

.image-with-text__content > .image-with-text__text:empty ~ a {
  margin-top: 3.2rem;
}
}

.image-with-text__content > :first-child:is(.image-with-text__heading),
.image-with-text__text--caption + .image-with-text__heading,
.image-with-text__text--caption:first-child {
  margin-top: 0;
}

.image-with-text__content :last-child:is(.image-with-text__heading),
.image-with-text__text--caption {
  margin-bottom: 0;
}

.image-with-text__content .button + .image-with-text__text {
  margin-top: 2rem;
}

.image-with-text__content .image-with-text__text + .button {
  margin-top: 3rem;
}

.image-with-text__heading {
  word-break: break-word;
  margin-bottom: 0;
}

.image-with-text__text p {
  word-break: break-word;
  margin-top: 0;
  margin-bottom: 1rem;
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .image-with-text .grid {
    margin-left: 0;
  }
}

@media screen and (min-width:1200px){
  .dd-image-with-text--product{
    margin-left:200px;
    margin-right:16rem;
  }
}

@media screen and (min-width:1400px){
    .backgrounded-content {
      padding: 9rem;
      justify-content: flex-end;
  }
}
}

