﻿.vjs-has-started .vjs-control-bar {
    display: block;
    height: 4rem
}

    .vjs-has-started .vjs-control-bar .vjs-control {
        float: left;
        flex: none
    }

        .vjs-has-started .vjs-control-bar .vjs-control.vjs-fullscreen-control, .vjs-has-started .vjs-control-bar .vjs-control.vjs-volume-panel, .vjs-has-started .vjs-control-bar .vjs-time-control {
            float: right;
            flex: none
        }

.vjs-button > .vjs-icon-placeholder:before {
    font-size: 2.8rem
}

.video-js .vjs-seek-to-live-control {
    display: none
}

.video-js .vjs-play-progress {
    background-color: #e6212d
}

    .video-js .vjs-play-progress:before {
        line-height: 1rem
    }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 2.33333em
}

.video-js .vjs-progress-control:hover .vjs-play-progress::before {
    top: -.1em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em
}

.video-js .vjs-current-time, .video-js .vjs-time-divider, .video-js .vjs-duration {
    display: block
}

.video-js .vjs-remaining-time {
    display: none
}

.video-js .vjs-volume-horizontal {
    display: none
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: auto
}

.video-js .vjs-progress-control {
    width: 100%;
    position: absolute;
    top: -.55rem;
    height: 2rem;
    z-index: 1000
}

.video-js .vjs-big-play-button {
    border-radius: 0;
    height: 10rem;
    width: 10rem;
    line-height: 10rem;
    background-color: #fff;
    color: #1c3664;
    position: absolute;
    top: calc(100% - 13rem);
    left: 5rem
}

.rtl .video-js .vjs-big-play-button {
    right: 5rem;
    left: auto
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-size: 7rem
}

.video-js .vjs-control-text {
    font-family: "font awesome 5 free";
    font-weight: 900
}

    .video-js .vjs-control-text:before {
        content: "\f04b"
    }

.video-js .reload {
    display: none
}

.video-js .vjs-marker {
    height: .3em;
    border-radius: 20% !important;
    background-color: var(--brand-orange) !important
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0
}

.video-js .vjs-time-control, .vjs-time-divider div {
    padding-left: .1rem;
    padding-right: .1rem;
    line-height: 4.5rem;
    min-width: max-content;
    font-size: 2rem
}

.vjs-time-divider {
    width: auto;
    min-width: max-content
}

.vjs-playing.vjs-user-inactive .vjs-control-bar {
    display: none
}

.vjs-has-started .vjs-control-bar .vjs-control.vjs-fullscreen-control, .vjs-has-started .vjs-control-bar .vjs-control.vjs-volume-panel, .vjs-has-started .vjs-control-bar .vjs-time-control, .vjs-has-started .vjs-control-bar .vjs-time-divider, .vjs-has-started .vjs-control-bar .vjs-duration {
    position: absolute
}

.video-js .vjs-volume-panel {
    right: 50px
}

.video-js .vjs-fullscreen-control {
    right: 0
}

.video-js .vjs-current-time {
    right: 205px
}

.video-js .vjs-time-divider {
    right: 185px
}

.video-js .vjs-duration {
    right: 130px
}
