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

.impact-text-cta-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: calc(var(--vw) * 0) calc(var(--vw) * 6) calc(var(--vw) * 3) calc(var(--vw) * 6);
        font-family: 'Montserrat', sans-serif;

        .impact-text-cta-block {
            padding: var(--itcb-padding, 0);
            font-size: var(--font-medium);
            font-weight: 400;
            line-height: 1.2;

            strong {
                font-weight: 600;
                line-height: 1.2;
            }

            p:has(strong) {
                margin: calc(var(--vw) * 1.5) calc(var(--vw) * 0);
            }

            ul {
                list-style: disc;
                margin: calc(var(--vw) * 1.5) 0 calc(var(--vw) * 0.25) 0;
                padding-left: 1.5em;
                line-height: 1.2;
            }

            li {
                margin-bottom: 0;

                &::marker {
                    font-size: 0.5em;
                }
            }
        }

        .impact-text-cta-buttons {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: calc(var(--vw) * 3);
            padding: calc(var(--vw) * 2) calc(var(--vw) * 0);
        }

        @media (max-width: 768px) {
            & {
                padding: calc(var(--vw) * 0) calc(var(--vw) * 5);
            }

            .impact-text-cta-block {    
                padding: 0w calc(var(--vw) * 0) calc(var(--vw) * 3) calc(var(--vw) * 0);
                font-size: clamp(0.9rem, calc(var(--vw) * 3.5), calc(var(--vw) * 3.5));
            }

            .impact-text-cta-buttons {
                gap: calc(var(--vw) * 4);
                padding-bottom: calc(var(--vw) * 6);
            }
        }
    }