.trx_addons_audio_player {
padding: 1em;
position:relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
box-sizing: border-box;
}
.trx_addons_audio_player.with_cover {
background-position: center center;
background-size: cover;
}
.trx_addons_audio_player.with_cover:after {
content:' ';
position:absolute;
z-index:1;
left:0;
top:0;
width:100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
.trx_addons_audio_player.without_cover {
border: 1px solid #f0f0f0;
background-color:#f7f7f7;
}
.trx_addons_audio_player .audio_info {
position:relative;
z-index:2;
}
.trx_addons_audio_player .audio_author,
.trx_addons_audio_player .audio_caption {
margin: 0.5em 0.5em 1em;
}
.trx_addons_audio_player .audio_author + .audio_caption {
margin-top: -0.5em;
}
.trx_addons_audio_player .audio_frame {
width:100%;
overflow:hidden;
position:relative;
z-index:2;
}
.trx_addons_audio_player .mejs-offscreen {
display:none !important;
}
.trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
margin-top: 6px !important;
}
.trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before,
.trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total:before {
content:" ";
display:block;
border:1px solid #575757;
position: absolute;
left: -2px;
right: -2px;
top:-2px;
bottom:-2px;
}
.trx_addons_audio_player .mejs-container .mejs-controls .mejs-time {
padding-top:10px !important;
color: #333;
}
.trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-float {
border: none;
}
.trx_addons_audio_player .mejs-container {
margin: 0 !important;
}
.trx_addons_audio_player .mejs-container,
.trx_addons_audio_player .mejs-embed,
.trx_addons_audio_player .mejs-embed body,
.trx_addons_audio_player .mejs-container .mejs-controls {
background: transparent !important;
border-width: 0 !important;
}
.trx_addons_audio_player .mejs-container:not(.mejs-video) {
height: 44px !important;
border: 0 !important;
}
.trx_addons_audio_player .mejs-container .mejs-controls {
height: 42px !important;
}
.trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total:before,
.trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total:before {
content: " ";
display: block;
background: #dddddd;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 0;
}
.trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-total,
.trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-buffering,
.trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-loaded,
.trx_addons_audio_player .mejs-controls .mejs-time-rail .mejs-time-current,
.trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider,
.trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.trx_addons_audio_player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
height: 4px !important;
}
.trx_addons_audio_player .mejs-container .mejs-controls .mejs-time {
font-size: 0.666em !important;
margin-top: 5px !important;
}
.trx_addons_audio_player .mejs-controls a.mejs-horizontal-volume-slider {
margin-top: 6px !important;
margin-right: 8px;
}
.trx_addons_audio_player .mejs-controls div.mejs-time-rail {
margin-top: 8px !important;
}
.trx_addons_audio_player .mejs-controls .mejs-button button {
margin: 5px !important;
background-image: url(//www.yavuzelektrik.net/wp-content/plugins/trx_addons/widgets/audio/controls.png) !important;
}
.trx_addons_audio_player .mejs-container .mejs-controls .mejs-volume-button {
margin-left: 10px !important;
}
.trx_addons_audio_player .mejs-container .mejs-controls .mejs-fullscreen-button,
.trx_addons_audio_player .mejs-container .mejs-controls .mejs-volume-button,
.trx_addons_audio_player .mejs-container .mejs-controls .mejs-volume-button:hover,
.trx_addons_audio_player .mejs-container .mejs-controls .mejs-playpause-button {
-webkit-border-radius: 50%;
border-radius: 50%;
margin-top: 9px !important;
margin-right: 6px !important;
}
.trx_addons_audio_player .mejs-container .mejs-controls .mejs-playpause-button{
margin-left: 8px;
}
.trx_addons_audio_player .mejs-container .mejs-controls .mejs-fullscreen-button {
margin-right: 0 !important;
}