/** Shopify CDN: Minification failed

Line 130:0 Expected "}" to go with "{"

**/
.no-js .image-with-text-overlay__container {
  min-height: 100vh;
}

.image-with-text-overlay__container {
  color: var(--color-foreground);
}

.image-with-text-overlay__wrapper {
  position: relative;
  min-height: inherit;
  color: inherit;
}

.image-with-text-overlay__content {
  position: absolute;
  bottom: 0;
  left: 0;
  color: inherit;
  padding: 2rem 20px;
}

.image-with-text-overlay__image {
  background: lightgray;
  position: relative;
  min-height: inherit;
}

.image-with-text-overlay__content > * + * {
  margin-top: 2rem;
}

.image-with-text-overlay__content h2 {
  max-width: 520px;
  color: #2b2b2b;
  line-height: 1 !important;
  font-size: 7em !important;
}

@media (max-width: 768px) {
  .image-with-text-overlay__content #mobile_only {
    max-width: 100%;
  }
}

.image-with-text-overlay__image > svg,
.image-with-text-overlay__image > img {
  position: absolute;
  inset: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .image-with-text-overlay__content
    .image-with-text-overlay__buttons
    .button--big {
    border-radius: 0;
    border: 1px solid #fff;
    width: fit-content;
    padding: 0.8rem 0.8rem;
    font-size: 16px !important;
    margin-right: 25px;
    margin-bottom: 30px;
  }
  .image-with-text-overlay__content
    .image-with-text-overlay__buttons
    .button--big:last-child {
    margin-right: 0;
  }
  .image-with-text-overlay__content h2 {
    font-size: 4em !important;
    line-height: 1 !important;
    padding-bottom: 0.15em !important;
    color: #ffffff;
  }
  .image-with-text-overlay__content {
    width: 100%;
    height: 100%;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .image-with-text-overlay__content .button--big.button--outline {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
  
}

@media screen and (min-width: 768px) {
  .image-with-text-overlay__content {
    padding: 3rem 2.5rem;
}

.image-with-text-overlay__content .button--big {
  border-radius: 0;
  border: 1px solid #fff;
  color: #000;
  background: #fff;
  font-size: 20px;
  margin-right: 30px;
  padding: 1rem 2rem;
}

.image-with-text-overlay__content .button--big.button--outline {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.image-with-text-overlay__content .button--big.button--solid.button--brand {
  color: #fff;
  background: #3a79a9;
  border-color: #3a79a9;
}

.image-with-text-overlay__content .button--big.button--outline.button--brand {
  color: #3a79a9;
  border-color: #3a79a9;
}