.org-multi-column-block {
    @apply mb-16;

    .column {
        @apply grid;
        @apply gap-8;
        @apply mb-8;
    }

    .column-var {
        @apply lg:grid-cols-12;
    }

    .column-2 {
        @apply md:grid-cols-2;
    }

    .column-3 {
        @apply md:grid-cols-2 lg:grid-cols-3;
    }

    .column-4 {
        @apply md:grid-cols-2 lg:grid-cols-4;
    }

    h3.heading,
    .heading.h3 {
        @apply text-red;
    }

    .text-column {
        &.red {
            @apply bg-red p-8 shadow-xl;
            @apply text-white;

            a {
                @apply text-white;
            }

            h3.heading,
            .heading.h3 {
                @apply text-black;
            }
        }

        &.gray {
            @apply bg-gray p-8 shadow-xl;
        }

        &.white {
            @apply bg-white p-8 shadow-xl;
        }
    }
}