#umggr-wc-splash-modal video {
    z-index: 0;
}

#umggr-wc-splash-modal::part(section-header) {
    z-index: 10002;
}

#umggr-wc-splash-modal.no-scroll::part(section) {
    overflow-y: hidden;
}

.wc-video-cover video {
    object-fit: cover;
}

#umggr-wc-splash-modal .wc-yt-inner .media-aspect-wrapper {
    padding-top: 0;
}

#umggr-wc-splash-modal .media-aspect-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.hideBodyContentSplashPage {
    display: none;
}

.modal-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1001;
}

.splash-wc-video-contain {
    position: relative !important;
    padding-top: 0;
    min-height: 100%;
    height: 100%;
    width: 100%;
}

.splash-wc-mp4-video-contain {
    position: relative !important;
    padding-top: 0;
    min-height: 100%;
    height: calc(100vh - 70px);
    width: 100%;
}

.splash-wc-video-contain .wc-yt-flex,
.splash-wc-mp4-video-contain .wc-yt-flex {
    display: -moz-flex;
    display: flex;
    -moz-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    justify-content: center;
}

.splash-wc-content-container .wc-yt-wrap {
    position: relative;
}

.splash-wc-video-contain .wc-yt-wrap,
.splash-wc-mp4-video-contain .wc-yt-wrap {
    margin: 0 auto;
    height: 100%;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0;
    flex-wrap: wrap;
}

.splash-wc-video-contain .wc-yt-wrap .wc-yt-inner,
.splash-wc-mp4-video-contain .wc-yt-wrap .wc-yt-inner {
    align-self: flex-start;
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
}

.splash-tour{
    background: var(--umg-color-base-background);
    color: var(--umg-color-base-text);
}

.splash-tour umg-link,
.splash-tour a {
    color: var(--umg-color-base-text);
    text-decoration: initial;
}

.splash-tour a:hover{
    text-decoration: underline;
}

.splash-tour umg-text.supporting {
    max-width: 400px;
}

.splash-tour umg-button {
    --umg-color-button-background: rgba(150,150,150,1);
    --umg-color-button-text: rgba(255,255,255,1);
}

umg-media-modal.nested-media-modal {
    --umg-color-modal-background: rgb(0,0,0);
    --umg-opacity-modal-background: 0.85;
    --umg-color-modal-header-background: transparent;
    --umg-color-modal-header-text: rgba(255,255,255,1);
}

umg-media-modal.deferred-media-modal umg-deferred-media {
    --umg-color-icon-background: rgba(255,255,255,0.75);
    --umg-color-base-text: rgba(0,0,0,1);
}

#splash-background-video {
    z-index: -1 !important;
}

#site-preview-button-panel.overlay-content {
    position: relative;
    z-index: 1;
}

#splash-preview-banner {
    top: 0px;
}

@media screen and (min-width: 1400px) {
    .mira-content.modal-footer {
        position: relative;
    }
}

@media screen and (max-width: 767px) {
    #splash-preview-banner {
        top: initial;
    }

    #umggr-wc-splash-modal.no-scroll::part(section) {
        overflow-y: auto;
    }
    
    .splash-wc-video-contain {
        position: relative !important;
        padding-top: 0;
        min-height: 100vh;
        height: 100vh;
        width: 100%;
        margin-bottom: -115px;
    }

    .splash-wc-mp4-video-contain.sticky-footer {
        height: calc(100vh - 15px);
    }

    .splash-wc-mp4-video-contain.sticky-footer .wc-yt-wrap,
    .splash-wc-video-contain.sticky-footer .wc-yt-wrap
    {
        top: 0;
    }

    .splash-wc-video-contain .wc-yt-inner,
    .splash-wc-mp4-video-contain .wc-yt-inner {
        height: 100%;
    }

    #umggr-wc-splash-modal .wc-yt-inner .media-aspect-wrapper {
        padding: 0px;
        margin: 0px;
        height: 100%;
        overflow: hidden;
    }

    .yt-holder.splash-yt-holder {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        height: 100%;
        width: 100%;
    }

    #mp4-video {
        width: 110% !important;
    }

    .modal-footer {
        position: relative;
        left: initial;
        bottom: initial;
        width: 100%;
        z-index: 1;
        margin-left: 0px;
    }

    #umggr-wc-splash-modal.video-background .modal-footer {
        width: 100%;
        margin-left: 0px;
    }

    .splash-video-contain.splash-content-container.contain {
        width: 110%;
        height: 100vh;
        padding-top: 0;
    }
    #splash-background-video {
        position: absolute;
        display: block !important;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
    }
    #splash-background-video iframe {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #umggr-wc-splash-modal .media-aspect-wrapper {
        top: -12vh;
    }
    #umggr-wc-splash-modal .media-aspect-wrapper.sticky-footer {
        top: 0;
    }
    #umggr-wc-splash-modal .media-aspect-wrapper iframe {
        position: absolute;
        top: 50% !important;
        left: 50% !important;
        width: 100vw !important;
        height: 100vh !important;
        transform: translate(-50%, -50%);
    }
}