body .mejs-controls {
    direction: ltr;
}

body .mejs-volume-button > .mejs-volume-slider {
    background: rgb(118 96 96 / 70%);
}

.mejs-speed-list {
    display: none;
}


body .mejs-download a {
    width:   100%;
    height:  100%;
    display: block;
}


.mejs-speed-list {
    background:    rgba(0, 0, 0, 0.7) !important;
    list-style:    none;
    margin:        2px 0;
    padding:       4px;
    line-height:   1.4em;
    text-align:    center;
    color:         #fff;
    outline:       0;
    white-space:   nowrap;
    font-size:     13px;
    font-weight:   600;
    position:      absolute;
    top:           -124px;
    border-radius: 4px;
}

.mejs-speed-list div:hover {
    background: rgb(164 152 152 / 30%) !important;
    cursor:     pointer;
}


span.mejs-time-handle-content {
    border-radius: 100% !important;
}


.mejs-speed-list div {
    padding:       3px 3px;
    border-radius: 3px;
}

.mejs-container.wp-video-shortcode.mejs-video {
    -webkit-box-shadow: 0px 0px 10px -1px #525252;
    -moz-box-shadow:    0px 0px 10px -1px #525252;
    box-shadow: 0px 1px 11px 0px #9d9d9d9c;
}


.mejs-overlay.mejs-layer.mejs-overlay-play {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0009), color-stop(40%, #00000059), to(#0000));
    background: -webkit-linear-gradient(top, #0009 0, #00000059 40%, #0000);
    background: -moz-linear-gradient(top, #0009 0, #00000059 40%, #0000);
    background: -o-linear-gradient(top, #0009 0, #00000059 40%, #0000);
    background: linear-gradient(362deg, #0009 0, #00000059 40%, #0000);
}

/**
* تمام عرض شدن ویدیو پلیر
 */
.wp-video {
    width: 100% !important;
}


body .mejs-container, body .mejs-embed, .mejs-embed body, body .mejs-container .mejs-controls {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0009), color-stop(40%, #00000059), to(#0000));
    background: -webkit-linear-gradient(top, #0009 0, #00000059 40%, #0000);
    background: -moz-linear-gradient(top, #0009 0, #00000059 40%, #0000);
    background: -o-linear-gradient(top, #0009 0, #00000059 40%, #0000);
    background: linear-gradient(359deg, #0009 0, #00000059 40%, #0000);
}


body .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #f01154;
}

/*/*//*/*//*/**/
/* Reduce height of the progress and audio bars */
body .mejs-time-buffering,
body .mejs-time-current,
    /*body .mejs-time-float,*/
    /*body .mejs-time-float-corner,*/
    /*body .mejs-time-float-current,*/
body .mejs-time-hovered,
body .mejs-time-loaded,
body .mejs-time-marker,
body .mejs-time-total,
body .mejs-horizontal-volume-total,
body .mejs-time-handle-content {
    height: 3px;
}

body .mejs-time-handle-content {
    top: -6px;
}

body .mejs-time-total {
    margin-top: 8px;
}

body .mejs-horizontal-volume-total {
    top: 19px;
}

body .mejs-button.mejs-playpause-button > button,
body .mejs-button.mejs-play > button,
body .mejs-button.mejs-playpause-button > button,
body .mejs-button.mejs-time-rail > button,
body .mejs-button.mejs-duration-container > button,
body .mejs-button.mejs-volume-button > button,
body .mejs-button.mejs-mute > button,
body .mejs-button.mejs-duration-container > button,
body .mejs-button.mejs-speed > button,
body .mejs-button.mejs-download > button,
body .mejs-button.mejs-fullscreen-button > button {
    background: transparent url(../mejs-controls.svg);
}

body .mejs-pause>button {
    background-position: -20px 0 !important;
}

body .mejs-mute > button {
    background-position: -60px 0 !important;
}

body .mejs-speed > button {
    background-position: -220px 0 !important;
}

body .mejs-download > button {
    background-position: -200px 0 !important;
}

body .mejs-fullscreen-button > button {
    background-position: -80px 0 !important;
}

body .mejs-unmute>button {
    background-position: -40px 0 !important;
}

body .mejs-unfullscreen>button {
    background-position: -100px 0 !important;
}

.mejs-time-float, .mejs-time-float-current {
    background: rgba(39, 42, 47, 0.83) !important;
    color:      #ffffff;
}

.mejs-time-float-corner {
    border-color: #434343 transparent transparent !important;
}