/**
 * Section: text-cta-block
 *
 * Extracted from template-parts/text_cta_block.php.
 * Loaded via trunorth_enqueue_section('text-cta-block').
 */

.TextCtaBlock {
        display: grid;
        min-height: calc(var(--vw) * 37);
        height: fit-content;
        grid-template-columns: 1.25fr 1fr;
        padding: calc(var(--vw) * 3.75) calc(var(--vw) * 8);
        gap: 3rem;

        .TextCtaBlock-content {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            font-family: "Open Sans", sans-serif;

            h3 {
                font-size: clamp(1.5rem, calc(var(--vw) * 2), 3rem);
                font-weight: 700;
                color: #4a4a4a;
            }

            p {
                font-size: clamp(1rem, calc(var(--vw) * 1), calc(var(--vw) * 1));
                font-weight: 400;
                color: #4a4a4a;
                margin-bottom: 1rem;
            }
        }

        @media (max-width: 950px) {
            & {
                display: flex;
                flex-direction: column;
                height: auto;
                width: 100%;
                padding: calc(var(--vw) * 10) calc(var(--vw) * 5);
                gap: 1rem;
            }

            .TextCtaBlock-content {
                h3 {
                    font-size: clamp(1rem, calc(var(--vw) * 2), calc(var(--vw) * 2));
                }

                p {
                    font-size: clamp(1rem, calc(var(--vw) * 2), calc(var(--vw) * 2));
                }
            }
        }
    }