/* Homepage mobile hero: one visible viewport minus the measured header. */
@media (max-width: 768px) {
    :root {
        --apw-mobile-header-height: 78px;
        --apw-mobile-hero-height: calc(100vh - var(--apw-mobile-header-height));
    }

    @supports (height: 100dvh) {
        :root {
            --apw-mobile-hero-height: calc(100dvh - var(--apw-mobile-header-height));
        }
    }

    #banner {
        box-sizing: border-box !important;
        width: 100% !important;
        height: var(--apw-mobile-hero-height) !important;
        min-height: 360px !important;
        margin: 28px 0 0 !important;
        padding: 8px 8px 0 !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }

    #banner > .container-fluid.padding-none,
    #banner .banner-slider,
    #banner .banner-slider .slick-list,
    #banner .banner-slider .slick-track,
    #banner .banner-slider .slick-slide,
    #banner .banner-slider .slick-slide > div,
    #banner .banner-slider .item,
    #banner .apw-hero-banner {
        box-sizing: border-box !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    #banner .banner-slider,
    #banner .banner-slider .item,
    #banner .apw-hero-banner {
        border-radius: 14px !important;
    }

    #banner .apw-hero-bg,
    #banner .apw-hero-bg.visible-xs,
    #banner .banner-slider .item .bg {
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important;
    }

    #banner .banner-slider .slick-dots {
        bottom: 14px !important;
    }
}

@media (max-width: 768px) and (orientation: landscape) {
    #banner {
        min-height: 240px !important;
    }
}

/* Let mobile text testimonials size themselves from their content. */
@media (max-width: 768px) {
    .customer-testimonials-section .testimonial-option-editorial-row .slick-slide,
    .customer-testimonials-section .testimonial-option-editorial-row .slick-slide > div,
    .customer-testimonials-section .testimonial-option-text-card {
        height: auto !important;
        min-height: 0 !important;
    }

    .customer-testimonials-section .testimonial-option-text-card {
        padding: 24px !important;
    }

    .customer-testimonials-section .testimonial-option-text-card p {
        margin: 0 0 18px !important;
    }
}