/* Responsive rules moved from ../media.css. Keep this file loaded immediately after media.css. */

@media (max-width: 768px) {
    .media-photo-container .wrapper {
        padding: 60px 15px 15px;
    }

    .margin-row-mb-0 {
        margin: 0;
    }
    .padding-mb-0 {
        padding: 0;
    }

}

@media (max-width: 767.98px) {
    .home-media-section {
        --home-media-mobile-gap: 1.5rem;
    }

    .home-media-section .home-media-hero {
        margin-top: 2rem !important;
        margin-bottom: var(--home-media-mobile-gap) !important;
    }

    .home-media-section .home-media-grid {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        display: flex;
        flex-direction: column;
        gap: var(--home-media-mobile-gap);
        margin-top: 0 !important;
        margin-bottom: var(--home-media-mobile-gap) !important;
    }

    .home-media-section .home-media-grid > [class*="col-"] {
        padding-top: 0 !important;
    }

    .home-media-section .home-media-video-item,
    .home-media-section .home-media-photo-stack {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .home-media-section .home-media-photo-row {
        margin: 0 !important;
    }

    .home-media-section .home-media-photo-row:first-child {
        display: grid;
        grid-template-columns: 1fr;
        gap: var(--home-media-mobile-gap);
    }

    .home-media-section .home-media-photo-row-last {
        margin-top: var(--home-media-mobile-gap) !important;
    }

    .home-media-section .home-media-photo-item {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

    .home-media-section .video-thumbnail-wrapper,
    .home-media-section .media-photo-container {
        display: block;
        width: 100%;
        aspect-ratio: 16 / 9;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .home-media-section .video-thumbnail-wrapper > img,
    .home-media-section .media-photo-container > img {
        width: 100%;
        height: 100% !important;
        max-height: none !important;
        margin: 0 !important;
        object-fit: cover;
    }
}

@media (max-width: 767.98px) {
    .home-media-section .video-thumbnail-title,
    .home-media-section .home-media-caption {
        padding: 2rem 1rem 0.85rem;
        font-size: 0.95rem;
    }

    .home-media-section .home-media-title-text {
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .home-media-section .media-type-badge {
        top: 0.65rem;
        left: 0.65rem;
        min-height: 1.55rem;
        padding: 0.24rem 0.48rem;
        font-size: 0.68rem;
    }
}

@media (max-width: 576px) {
    .video-thumbnail-wrapper button {
        width: 45px !important;
        height: 45px !important;
    }
}