: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);
  }

  .wp-block-group {
  }

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

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

  p,
  li {
    @apply font-light;
  }
  li {
    @apply pb-2;
  }
  p {
    @apply pb-8;
  }

  p,
  .carhop-heading p {
    color: var(--content-box-text-color, #136f63);
  }

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

  h1.wp-block-heading {
    @apply !text-6xl mb-12;
  }

  h3.wp-block-heading {
    @apply !text-4xl uppercase fjalla font-light tracking-wide;
  }
  h4.wp-block-heading {
    @apply !text-2xl uppercase nunito font-medium tracking-widest pb-1;
  }
  ul + h3,
  p + h3 {
    @apply mt-12;
  }

  h3 + p {
    @apply !mt-3;
  }

  ul {
    list-style: disc;
    padding-left: 1.5rem;
  }
  .carhop-heading:not(:first-child) {
    @apply pt-32;
  }
}