#block-therapists-welcometo2colhomepage {
  background-image: url('../cus-img/sdecoration/Sunset-Blur.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 5rem;
}

#block-therapists-welcometo2colhomepage .two-col-promo__heading {
  font-size: 5rem;
}

.two-col-promo__inner {
  display: flex;
  align-items: stretch;
  gap: 0;
  /* padding: 5rem 5rem 0; */
  padding: 60px 60px 0px 60px;
  background-color: #fff;
}




.two-col-promo__inner h2 {
  /* font-size: 3rem; */
  font-size: clamp(2.5rem, 5vw, 3.5rem);
}

/* ---- Left: text column ---- */
.two-col-promo__text {
  background-color: #fff;
  flex: 0 0 42%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4rem 4rem 4rem 0rem;
}

.two-col-promo__heading {
  font-family: var(--font-serif);
  font-size: 2.4rem;
  line-height: 1.25;
  color: var(--slate);
  margin-bottom: 1.25rem;
}

/* accent colour on <em> within the heading */
.two-col-promo__heading em {
  color: var(--tgold);
  font-style: normal;
}

.two-col-promo__body {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--slate);
  margin-bottom: 2rem;
}

/* CTA button styles live in paragraph-cta.css — overrides for this context */
.two-col-promo__cta .paragraph-cta__link {
  /* padding: 0.75rem 2rem; */
  font-size: 0.875rem;
}

/* ---- Right: image column ---- */
.two-col-promo__media {
  flex: 0 0 58%;
  display: flex;
  flex-direction: column;
  min-height: 480px;
}

.two-col-promo__image-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Chain flex through Drupal's field wrapper divs so the img can fill height */
.two-col-promo__image-wrap .field--name-field-media,
.two-col-promo__image-wrap .field--name-field-media .field__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.two-col-promo__image-wrap img {
  flex: 1;
  display: block;
  width: 100%;
  min-height: 0;
  object-fit: cover;
  margin-bottom: 0;
}

/* Caption overlay band */
.two-col-promo__caption {
  background-color: var(--tgold);
  padding: 40px 50px;
  font-family: var(--font-serif);
  ;
}


.two-col-promo__caption-inner {
  /* margin-left: var(--edgepad);
  margin-right: var(--edgepad); */
}

.two-col-promo__caption-inner,
.two-col-promo__caption-inner p {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.65;
  margin: 0;
}


.node--type-page-container .node__content {
  margin-top: 0px;
}

/* ---- Responsive ---- */
@media (max-width: 1400px) {}

@media (max-width: 1200px) {}

@media (max-width: 992px) {
  .two-col-promo__inner {
    flex-direction: column;
  }

  .two-col-promo__text,
  .two-col-promo__media {
    flex: 0 0 100%;
    width: 100%;
  }

  .two-col-promo__text {
    /* padding: 2.5rem 1.5rem; */
  }

  .two-col-promo__heading {
    font-size: 1.9rem;
  }
}




@media (max-width: 768px) {
  .two-col-promo__inner {
    padding: var(--edgepad);
  }

  #block-therapists-welcometo2colhomepage {
    padding-bottom: var(--edgepad);
  }
}


@media (max-width: 576px) {
  .two-col-promo__text {
    /* padding: 2rem 1rem; */
  }

  .two-col-promo__heading {
    font-size: 1.6rem;
  }
}