﻿:root {
    --plyr-color-main: var(--bs-primary);
    --plyr-video-background: #161616;
    --plyr-font-size-large: 2em;
    --plyr-video-control-background-hover: var(--bs-white);
    --plyr-video-control-color: var(--bs-primary);
    --plyr-video-control-color-hover: var(--bs-light-primary);
    --plyr-menu-background: var(--bs-light);
    --plyr-menu-color: var(--bs-dark);
    --plyr-range-fill-background: var(--bs-light-primary);
    --plyr-video-progress-buffered-background: #161616ab;
}
video {
    width: 100%;
    height: calc(100vh - 215px);
}
.plyr--video .plyr__progress__buffer {
    color: var(--bs-light-secondary);
}

.plyr__volume input[type=range] {
    color: var(--bs-primary);
}

.plyr__control--overlaid svg {
    height: 2em;
    width: 2em;
}

.plyr__control--overlaid {
    padding: 2em;
}
.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0;
    background: #000;
    min-height: auto;
}
.plyr__menu {
    display: none;
}
.plyr--captions-enabled [data-plyr=captions]{
    display: none;
}

@media (min-width: 992px) {
    .plyr {
        height: calc(100vh - 215px);
        min-height: 480px;
    }

    video {
        height: calc(100vh - 215px);
        min-height: 480px;
    }
}

.glightbox-container .plyr {
    height: auto;
}
@media (max-width: 767px) {
    .plyr--airplay-supported [data-plyr=airplay],
    .plyr--pip-supported [data-plyr=pip] {
        display: none;
    }

    .plyr__controls .plyr__controls__item.plyr__time {
        display: none;
    }
    .plyr__controls [data-plyr=settings]{
        display: none;
    }
}
