/* Scoped styles for two-column-text-block */

.two-column-text-block .content {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 1024px) {
  .two-column-text-block .content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.two-column-text-block .grid {
  display: grid;
}

.two-column-text-block .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.two-column-text-block .gap-10 {
  gap: 2.5rem;
}

@media (min-width: 1024px) {
  .two-column-text-block .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .two-column-text-block .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }
}

/* Heading styles - target h3 and any child elements from richtext */
.two-column-text-block h3,
.two-column-text-block h3 *,
.two-column-text-block h3 p {
  font-family: Bembo MT Pro, serif !important;
  font-size: 32px !important;
  line-height: 1.17 !important;
  font-weight: 400 !important;
  margin: 0 !important;
  color: rgb(255 255 255) !important;
}

@media (min-width: 1024px) {
  .two-column-text-block h3,
  .two-column-text-block h3 *,
  .two-column-text-block h3 p {
    font-size: 38px !important;
  }
}

.two-column-text-block .text-white {
  color: rgb(255 255 255) !important;
}

.two-column-text-block .text-lightgray {
  color: rgb(174 185 180) !important;
}

.two-column-text-block .\[\&\>p\]\:mb-6 > p {
  margin-bottom: 1.5rem;
}

.two-column-text-block .\[\&\>p\:last-child\]\:mb-0 > p:last-child {
  margin-bottom: 0;
}

.two-column-text-block .pt-24 {
  padding-top: 6rem;
}

.two-column-text-block .pb-20 {
  padding-bottom: 5rem;
}

.two-column-text-block .w-screen {
  width: 100vw;
}

.two-column-text-block .w-full {
  width: 100%;
}

.two-column-text-block .ml-\[calc\(-50vw\+50\%\)\] {
  margin-left: calc(-50vw + 50%);
}

.two-column-text-block .mr-\[calc\(-50vw\+50\%\)\] {
  margin-right: calc(-50vw + 50%);
}

/* Paragraph text in light gray */
.two-column-text-block .text-lightgray p {
  color: rgb(174 185 180) !important;
  font-family: Avenir LT Std, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
}

@media (min-width: 1024px) {
  .two-column-text-block .text-lightgray p {
    font-size: 18px !important;
  }
}

/* Paragraph spacing */
.two-column-text-block .text-lightgray > p {
  margin-bottom: 1.5rem;
}

.two-column-text-block .text-lightgray > p:last-child {
  margin-bottom: 0;
}
/* Content wrapper for width constraint */
.two-column-text-block .content-wrapper {
  max-width: 72rem; /* 1152px - same as max-w-6xl */
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}