/* The first Elementor background film on the two studio pages. */
body.swt-location-page .elementor .swt-location-video-hero {
    position: relative !important;
    min-height: 52vh !important;
    overflow: hidden !important;
    isolation: isolate;
}

body.swt-location-page .elementor .swt-location-video-hero > .elementor-background-video-container {
    --swt-video-crop: 0px;
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

body.swt-location-page .elementor .swt-location-video-hero > .elementor-background-video-container > .elementor-background-video-embed,
body.swt-location-page .elementor .swt-location-video-hero > .elementor-background-video-container > iframe,
body.swt-location-page .elementor .swt-location-video-hero > .elementor-background-video-container > video {
    position: absolute !important;
    display: block !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: var(--swt-video-width, 100%) !important;
    height: var(--swt-video-height, 100%) !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transform: translate(-50%, -50%) !important;
    object-fit: cover !important;
    pointer-events: none !important;
}

@media (max-width: 1024px) {
    /* Preserve the previous mobile crop, with the same aspect ratio. */
    body.swt-location-page .elementor .swt-location-video-hero > .elementor-background-video-container {
        --swt-video-crop: 200px;
    }
}
