diff --git a/resources/css/blocks/chapter-section.css b/resources/css/blocks/chapter-section.css index a1c4944..5be4505 100644 --- a/resources/css/blocks/chapter-section.css +++ b/resources/css/blocks/chapter-section.css @@ -3,6 +3,11 @@ @apply py-32 xl:py-32 2xl:py-48 px-32; @apply max-w-screen-2xl mx-auto; + color: var(--content-box-text-color); + + &:first-child { + @apply mt-0; + } h2 { @apply title-small; @@ -14,14 +19,34 @@ @apply flex-row-reverse; } &--has-background { - @apply relative py-12 xl:py-24 !my-12; + @apply relative py-12 xl:py-24 !mb-12; + + &:not(:first-child) { + @apply mt-0; + } + + &:first-child { + margin-top: -32px !important; + } } + &__content { @apply max-w-3xl; p { @apply text-neutral-600 max-w-xl mb-2; } } + &__content p, + .carhop-heading p, + 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(--chapter-section-text-color); + } + &__innerblocks { /* @apply max-w-xl; */ p {