.height-half .featured-block-text {
  min-height: 50vh;
}
.height-75 .featured-block-text {
  min-height: 75vh;
}
.height-full .featured-block-text {
  min-height: 100vh;
}

.featured-block-with-bg {
  position: relative;
}
.featured-block-with-bg img.featured-image {
  position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
  z-index: 0;
}


.featured-block-with-bg .bg-mask {
  z-index: 1;
}
.featured-block-with-bg .page-block-wrapper {
  position: relative;
  z-index: 2;
}

.featured-block-with-bg-text-wrapper {
  background: #fff;
  border-radius: .625rem;
  margin: 10rem 0;
  padding: 4rem 5rem;
  position: relative;
  width: 100%;
}

.featured-block-with-bg .text-ref {
  font-family: var(--font);
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-primary);
  letter-spacing: 0.1em;
  margin-bottom: 0;
}

.featured-block-with-bg-text-wrapper .btn {
  margin-top: 3rem;
}


.featured-block-with-bg .block-title > * {
  margin-top: 0;
}


/**********/

@media (max-width: 1199px) {
  .featured-block-with-bg-text-wrapper {
    padding: 2rem 2.5rem;
  }
  .featured-block-with-bg-text-wrapper .btn {
    margin-top: 2rem;
  }
}

@media (max-width: 823px) {
  .featured-block-with-bg .text-ref {
    font-size: .875rem;
  }
}

@media (max-width: 639px) {
  .featured-block-with-bg-text-wrapper {
    padding: 1.5rem 2rem;
  }
  .featured-block-with-bg-text-wrapper .btn {
    margin-top: 1.5rem;
  }
}