﻿.newsletter-cta-container {
    background-image: url(/wp-content/uploads/2021/11/CTA_Background_Homepage_DT.png);
    background-size: cover;
    padding: 0px 48px;
    margin-bottom: 56px;
    text-align: center;
}

.newsletter-cta-content {
    text-align: left;
    width: fit-content;
    margin: 0px auto;
    color: #FFFFFF;
    display: table;
}

    .newsletter-cta-content h3, .newsletter-cta-content h5 {
        color: white;
        text-transform: initial;
    }

    .newsletter-cta-content h3 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 6px;
    }

    .newsletter-cta-content h5 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 24px;
    }

    .newsletter-cta-content .image-container {
        padding: 48px 48px 48px 0px;
        display: table-cell;
        vertical-align: middle;
    }

        .newsletter-cta-content .image-container .image-icon {
            width: 177.5px;
            height: 177.5px;
        }

    .newsletter-cta-content .copy-container {
        display: table-cell;
        vertical-align: middle;
    }

    .newsletter-cta-content .input-row {
        white-space: nowrap;
        display: table;
    }

    .newsletter-cta-content .option-container {
        margin-bottom: 16px;
    }

    .newsletter-cta-content .input-group-container, .newsletter-cta-content .input-container, .newsletter-cta-content .label-container {
        display: table-cell;
        vertical-align: top;
    }

    .newsletter-cta-content .email-label-container {
        margin-bottom: 6px;
    }

    .newsletter-cta-content input[type=text] {
        font-size: 16px;
        width: 370px;
        margin: 0px 12px 0px 0px;
        padding: 12px 12px 12px 24px;
    }

    .newsletter-cta-content input[type=checkbox] {
        width: 24px;
        height: 24px;
        margin: 0px 12px 0px 0px;
        border: 1px solid #AFAFAF;
        border-radius: 0px;
    }

    .newsletter-cta-content button.btn {
        width: 254px;
    }

    .newsletter-cta-content label {
        margin: 0px 48px 0px 0px;
    }

        .newsletter-cta-content label.mgn-rt-0 {
            margin-right: 0px;
        }

#newsletter-cta-confirmation-container {
    display: table-cell;
    vertical-align: middle;
}

    #newsletter-cta-confirmation-container.dsp-n {
        display: none;
    }

    #newsletter-cta-confirmation-container h5 {
        margin-bottom: 0px;
    }

@media (max-width: 576px) {
    .newsletter-cta-content input[type=text], .newsletter-cta-content button.btn {
        width: 100%;
    }

    .newsletter-cta-container {
        background-image: url(/wp-content/uploads/2022/02/CTA_Background_Homepage_DT_M.png);
        display: block;
        padding: 32px 15px 36px;
        margin-left: -10px;
        margin-right: -10px;
    }

        .newsletter-cta-container h3 {
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 8px;
        }

        .newsletter-cta-container h5 {
            padding-right: 10px;
        }

    .newsletter-cta-content, .newsletter-cta-content .input-row {
        width: calc(100vw - 30px);
    }

        .newsletter-cta-content .input-row {
            white-space: normal;
        }

            .newsletter-cta-content .input-row.option-container .input-group-container {
                width: calc(50vw - 8px);
            }

            .newsletter-cta-content .input-row.text-input-container, .newsletter-cta-content .input-row.text-input-container .input-group-container {
                display: block;
            }

        .newsletter-cta-content .image-container {
            padding: 0px 0px 21px 0px;
            display: block;
            text-align: center;
        }

            .newsletter-cta-content .image-container .image-icon {
                width: 112.5px;
                height: 112.5px;
                margin: 0 auto;
            }

        .newsletter-cta-content .copy-container {
            display: block;
            vertical-align: middle;
            width: calc(100vw - 30px);
        }

        .newsletter-cta-content .label-container, .newsletter-cta-content .email-label-container {
            font-size: 16px;
            line-height: 20px;
        }

        .newsletter-cta-content input[type=text] {
            margin-bottom: 16px;
        }
}