#axjx_box .mejs-container,
#axjx_box .mejs__container,
#axjx_box .mejs-container.mc-stretched,
#axjx_box .mejs__container.mc-stretched {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 18px 0 22px !important;
padding: 0 !important;
background: transparent !important;
box-sizing: border-box !important;
} #axjx_box .mejs-controls,
#axjx_box .mejs__controls {
display: flex !important;
align-items: center !important;
height: 38px !important;
min-height: 38px !important;
padding: 0 14px !important;
background: #f5ebd6 !important; background-image: linear-gradient(180deg, #fbf3e1 0%, #efe1c0 100%) !important;
border: 1px solid #c9a875 !important; border-radius: 19px !important; box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 1px 3px rgba(120, 80, 30, .12) !important;
box-sizing: border-box !important;
color: #3d2817 !important; font-family: inherit !important;
} #axjx_box .mejs-controls .mejs-button,
#axjx_box .mejs__controls .mejs__button {
background: transparent !important;
color: #3d2817 !important;
width: 28px !important;
height: 28px !important;
margin: 0 2px !important;
padding: 0 !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: background .15s ease, color .15s ease !important;
}
#axjx_box .mejs-controls .mejs-button:hover,
#axjx_box .mejs-controls .mejs-button:focus,
#axjx_box .mejs__controls .mejs__button:hover,
#axjx_box .mejs__controls .mejs__button:focus {
background: rgba(139, 69, 19, .12) !important; color: #8b4513 !important; } #axjx_box .mejs-controls .mejs-playpause-button,
#axjx_box .mejs__controls .mejs__playpause-button {
width: 30px !important;
height: 30px !important;
background: #8b4513 !important; margin-right: 8px !important;
}
#axjx_box .mejs-controls .mejs-playpause-button:hover,
#axjx_box .mejs-controls .mejs-playpause-button:focus,
#axjx_box .mejs__controls .mejs__playpause-button:hover,
#axjx_box .mejs__controls .mejs__playpause-button:focus {
background: #6f370f !important; }
#axjx_box .mejs-controls .mejs-playpause-button button,
#axjx_box .mejs__controls .mejs__playpause-button button {
background-color: transparent !important;
background-image: none !important; color: #fff !important;
width: 16px !important;
height: 16px !important;
font-size: 0 !important; display: inline-flex !important;
align-items: center;
justify-content: center;
} #axjx_box .mejs-controls .mejs-playpause-button button::before,
#axjx_box .mejs__controls .mejs__playpause-button button::before {
content: "\25B6" !important; color: #fff !important;
font-size: 11px !important;
line-height: 1 !important;
} #axjx_box .mejs__controls .mejs__playpause-button.mejs__pause button::before,
#axjx_box .mejs-controls .mejs-playpause-button.mejs-pause button::before {
content: "\275A\275A" !important; letter-spacing: 1px;
} #axjx_box .mejs__controls .mejs__playpause-button.mejs__play button::before,
#axjx_box .mejs-controls .mejs-playpause-button.mejs-play button::before {
content: "\25B6" !important;
letter-spacing: 0;
} #axjx_box .mejs-controls .mejs-volume-button button,
#axjx_box .mejs__controls .mejs__volume-button button {
background-color: transparent !important;
background-image: url(//pwsz.com/wp-content/themes/diary-wordpress/static/mediaelement/mejs-controls.svg) !important; } #axjx_box .mejs-controls .mejs-time,
#axjx_box .mejs__controls .mejs__time {
color: #6b4a2a !important;
font-size: 12px !important;
font-family: "Courier New", monospace !important;
padding: 0 6px !important;
height: 38px !important;
line-height: 38px !important;
box-sizing: border-box !important;
}
#axjx_box .mejs-controls .mejs-time span,
#axjx_box .mejs__controls .mejs__time span {
color: #6b4a2a !important;
}
#axjx_box .mejs-controls .mejs-currenttime,
#axjx_box .mejs__controls .mejs__currenttime {
margin-left: 4px !important;
} #axjx_box .mejs-controls .mejs-time-rail,
#axjx_box .mejs__controls .mejs__time-rail {
flex: 1 1 auto !important;
min-width: 60px !important;
padding: 0 8px !important;
height: 38px !important;
display: flex !important;
align-items: center !important;
}
#axjx_box .mejs-controls .mejs-time-rail .mejs-time-total,
#axjx_box .mejs__controls .mejs__time-rail .mejs__time-total {
position: relative !important;
width: 100% !important;
height: 6px !important;
margin: 0 !important;
background: #d4b896 !important; border-radius: 3px !important;
overflow: hidden !important;
cursor: pointer !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset !important;
}
#axjx_box .mejs-controls .mejs-time-rail .mejs-time-loaded,
#axjx_box .mejs__controls .mejs__time-rail .mejs__time-loaded {
background: #b8946a !important; height: 100% !important;
border-radius: 3px !important;
}
#axjx_box .mejs-controls .mejs-time-rail .mejs-time-current,
#axjx_box .mejs__controls .mejs__time-rail .mejs__time-current {
background: #8b4513 !important; height: 100% !important;
border-radius: 3px !important;
}
#axjx_box .mejs-controls .mejs-time-rail .mejs-time-handle,
#axjx_box .mejs__controls .mejs__time-rail .mejs__time-handle {
position: absolute !important;
top: 50% !important;
right: -6px !important;
transform: translateY(-50%) !important;
width: 12px !important;
height: 12px !important;
background: #fff !important;
border: 2px solid #8b4513 !important;
border-radius: 50% !important;
cursor: pointer !important;
box-shadow: 0 1px 2px rgba(120, 80, 30, .3) !important;
display: block !important;
} #axjx_box .mejs-controls .mejs-horizontal-volume-slider,
#axjx_box .mejs__controls .mejs__horizontal-volume-slider {
flex: 0 0 60px !important;
height: 38px !important;
display: flex !important;
align-items: center !important;
}
#axjx_box .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
#axjx_box .mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-total {
position: relative !important;
width: 50px !important;
height: 4px !important;
background: #d4b896 !important;
border-radius: 2px !important;
overflow: hidden !important;
}
#axjx_box .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
#axjx_box .mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-current {
background: #8b4513 !important;
height: 100% !important;
border-radius: 2px !important;
}
#axjx_box .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,
#axjx_box .mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-handle {
display: none !important; } #axjx_box .mejs-controls .mejs-fullscreen-button,
#axjx_box .mejs-controls .mejs-captions-button,
#axjx_box .mejs-controls .mejs-chapters-button,
#axjx_box .mejs-controls .mejs-tracks-button,
#axjx_box .mejs-controls .mejs-picture-button,
#axjx_box .mejs-controls .mejs-jump-forward-button,
#axjx_box .mejs-controls .mejs-jump-backward-button,
#axjx_box .mejs-controls .mejs-speed-button,
#axjx_box .mejs-controls .mejs-loop-button,
#axjx_box .mejs__controls .mejs__fullscreen-button,
#axjx_box .mejs__controls .mejs__captions-button,
#axjx_box .mejs__controls .mejs__chapters-button,
#axjx_box .mejs__controls .mejs__tracks-button,
#axjx_box .mejs__controls .mejs__picture-button,
#axjx_box .mejs__controls .mejs__jump-forward-button,
#axjx_box .mejs__controls .mejs__jump-backward-button,
#axjx_box .mejs__controls .mejs__speed-button,
#axjx_box .mejs__controls .mejs__loop-button {
display: none !important; } #axjx_box .mejs-container video,
#axjx_box .mejs__container video {
background: #2b1d0e !important;
border-radius: 8px !important;
} #axjx_box .mejs-container .me-cannotplay span,
#axjx_box .mejs__container .mejs__cannotplay span {
color: #8b4513 !important;
padding: 8px 14px !important;
} @media (max-width: 768px) {
#axjx_box .mejs-controls,
#axjx_box .mejs__controls {
height: 34px !important;
min-height: 34px !important;
padding: 0 10px !important;
border-radius: 17px !important;
}
#axjx_box .mejs-controls .mejs-time,
#axjx_box .mejs__controls .mejs__time {
height: 34px !important;
line-height: 34px !important;
font-size: 11px !important;
}
}