.audioheading {
background-color: #2c3138;
color: #fff;
line-height: 1;
margin: 0;
}
h1.audioheading {
color: #fff;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding: 20px 12px 0 12px;
}
p.audioheading {
font-size: 14px;
margin-bottom: 1px;
padding: 10px 12px 20px 12px;
}
p.audioheading span {
float: right;
} .audioalbum {
background: #434A54;
color: #fff;
}
h2.audioalbum {
color: #fff;
counter-reset: track;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.4;
margin: 0;
padding: 6px 12px 0 12px;
}
p.audioalbum {
font-size: 14px;
margin: 0;
margin-bottom: 1px;
padding: 0 12px 6px 12px;
}
p.audioalbum span {
float: right;
} .track {
background: #434A54 url(data:image/gif;base64,R0lGODlhFAAeAIAAAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgABACwAAAAAFAAdAAACQoyPAQvKCVmTMFFaz3255714Toh1YOOd4qo95edyZhymNMrmxlupNimDAWszoo7lK06CvZsoeWwOccKlUWqlYkfaAgAh+QQJCgABACwAAAAAFAAdAAACQQwOocuGfppEicpm7V16+69kzydG5NNtZQK2ITp6KzifUerKsKnfsbpj9Sq/nAs3CdKUNiIP+DS2akOIEOq8XlYFACH5BAkKAAEALAAAAAAUAB0AAAJDDA6Gwe16YHoPJUvrwrl7ynlY2I3LZ0bo+bXlxr4RmaWTCKuua7f9OovVcrcd8CIEEX3Lo8QIZdCUQZ0MaR1Wi1pAAQAh+QQJCgABACwAAAAAFAAdAAACQ4wPCaF7jxSTELaZqpVX+48t3XeNXkmRXAq2mvmuGYjOagZXucvXzi1ixXBCnezHox1bPuZSSbQlgSFnFDkMSrPVTwEAOw==) repeat-x left bottom;
color: #fff;
display: block;
font-weight: normal;
font-size: 16px;
line-height: 1.6;
padding: 2px 0 0;
margin-bottom: 1px;
position: relative;
white-space: nowrap;
overflow: hidden;
}
.track br,
.track p {
display: none;
}
.track .songtitle:before {
box-sizing: border-box;
content: counter(track);
counter-increment: track;
display: inline-block;
font-weight: bold;
padding-right: 4px;
text-align: right;
width: 28px;
}
.track .songtitle {
clear: right;
display: block;
}
.track .songwriter {
color: #fff;
display: block;
font-size: 12px;
line-height: 1;
padding: 2px 0 8px 28px;
opacity: 0.75;
}
.track .audiobutton {
display: inline-block;
float: right;
position: absolute;
top: 5px;
right: 6px;
}
.track .audiobutton a {
background: #2c3138;
border-radius: 2px;
color: #fff;
text-decoration: none;
font-size: 11px;
line-height: 1;
text-transform: uppercase;
display: inline-block;
padding: 4px 6px;
}
.track .audiobutton a:hover {
background: #fff;
color: #2c3138;
outline: none;
}
.track .audiobutton a:active,
.track .audiobutton a:focus {
outline: none;
}
.track .mejs-controls .mejs-button button:focus {
outline: none;
}
.track .mejs-controls > .mejs-button button {
background: none;
color: #fff;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
}
.track .mejs-controls > .mejs-button button:before {
content: "";
display: inline-block;
font: normal 22px/1 'dashicons';
position: relative;
left: 0;
top: -2px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.track .mejs-controls .mejs-play button:before,
.track .mejs-controls .mejs-replay button:before {
content: "\f522";
}
.track .mejs-controls .mejs-pause > button:before {
content: "\f523";
}
.track .mejs-controls .mejs-mute button:before {
content: "\f521";
left: -4px;
}
.track .mejs-controls .mejs-unmute button:before {
content: "\f520";
left: -4px;
} .track .wp-audio-shortcode.mejs-audio {
margin: 0;
}
.track .mejs-container .mejs-controls {
background: #2c3138;
}
.track .mejs-controls .mejs-time-rail .mejs-time-total {
background: #2c3138 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlNmTU1ZPDQAAAALSURBVAjXYwiAQAAFCAFBe2/ssAAAAABJRU5ErkJggg==);
}
.track .mejs-time-rail .mejs-time-total .mejs-time-loaded,
.track .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #2c3138 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAAA1BMVEUAAACnej3aAAAAAXRSTlNm5DccCwAAAApJREFUCNdjgAIAAAgAAaHePvkAAAAASUVORK5CYII=);
}
.track .mejs-time-rail .mejs-time-total .mejs-time-current,
.track .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #fff;
border: none;
}