:root {
  --content-box-text-color: #136f63;
}

.content-box {
  @apply py-16;
  background-color: var(--content-box-background-color);
  color: var(--content-box-text-color);

  h1.wp-block-heading,
  h2.wp-block-heading,
  h3.wp-block-heading,
  h4.wp-block-heading,
  h5.wp-block-heading,
  h6.wp-block-heading {
    color: var(--content-box-text-color);
  }

  &--bg-light {
    --content-box-text-color: var(--wp--preset--color--carhop-green);
  }

  &--bg-dark {
    --content-box-text-color: #fff;
  }

  p {
    @apply pb-8;
  }

  &__innerblocks {
    @apply max-w-screen-lg mx-auto px-8;
  }
  h3 {
    @apply title-small font-bold;
  }

  .carhop-heading:not(:first-child) {
    @apply pt-32;
  }
}