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

.ticb-wrap {
        display: flex;
        flex-direction: column;
        background-color: #ffffff;
        padding: calc(var(--vw) * 4) calc(var(--vw) * 7);

        .deck-starts-top {
            justify-content: center;
            text-align: center;
        }

        .ticb-description {
            font-family: 'Montserrat', sans-serif;
            font-size: clamp(1rem, calc(var(--vw) * 1.5), calc(var(--vw) * 1.5));
            font-weight: 400;
            line-height: 1.4;
            color: #333;
            margin: calc(var(--vw) * 1) 0 0 0;
        }

        .ticb-bullets {
            list-style: disc;
            font-family: 'Montserrat', sans-serif;
            padding-left: calc(var(--vw) * 2);
            margin: calc(var(--vw) * 1) 0 0 0;
            font-size: var(--font-medium);
            font-weight: 400;
            line-height: 1.2;
            color: #333;

            li::marker {
                font-size: calc(var(--vw) * 1);
            }
        }

        .ticb-image {
            width: 100%;
            padding: calc(var(--vw) * 2);
            height: min(calc(var(--vw) * 60), 40vh);
            overflow: hidden;

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                display: block;
            }
        }


        .ticb-image-placeholder {
            width: 100%;
            min-height: calc(var(--vw) * 30);
            background-color: #d9d9d9;
            display: block;
        }

        .ticb-button-wrap {
            display: flex;
            justify-content: center;
            padding: calc(var(--vw) * 2) calc(var(--vw) * 0);
        }

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

            /* .ticb-description {
                font-size: clamp(0.9rem, calc(var(--vw) * 2), calc(var(--vw) * 2));
            }

            .ticb-bullets {
                font-size: clamp(0.9rem, calc(var(--vw) * 2), calc(var(--vw) * 2));
            } */
        }
    }