/**
 * Section: split-cta-section
 *
 * Extracted from template-parts/split_cta_section.php.
 * Loaded via trunorth_enqueue_section('split-cta-section').
 */

.split-cta-section{
        min-height: calc(var(--vw) * 24);
        display: grid;
        grid-template-columns: 1fr 2px 1fr;
        padding: calc(var(--vw) * 2) calc(var(--vw) * 5);
        font-family: "Open Sans", sans-serif;
        gap: calc(var(--vw) * 3);

        .split-cta-section-divider{
            background-color: #c8102e;
        }

        .split-cta-section-left, .split-cta-section-right{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: calc(var(--vw) * 2) calc(var(--vw) * 2) calc(var(--vw) * 2) calc(var(--vw) * 4);
            gap: calc(var(--vw) * 4);

            .split-cta-section-content{
                display: flex;
                flex-direction: column;
                gap: calc(var(--vw) * 1);
                color: #444;

                h3{
                    font-size: var(--font-h4);
                    font-weight: 700;
                }

                p{
                    font-size: var(--font-body);
                }
            }
        }

    }

    @media (max-width: 768px) {
        .split-cta-section{
            grid-template-columns: 1fr;
            grid-template-rows: auto 2px auto;

            .split-cta-section-divider{
                width: 100%;
                height: 2px;
            }

            .split-cta-section-left,
            .split-cta-section-right{
                padding: calc(var(--vw) * 4) 0;
            }
        }
    }