.mediPlayer {
cursor: pointer;
}
.mediPlayer .control {
opacity: 0;
pointer-events: none;
cursor: pointer;
}
.mediPlayer .not-started .play,
.mediPlayer .paused .play {
opacity: 1;
}
.mediPlayer .playing .pause {
opacity: 1;
}
.mediPlayer .playing .play {
opacity: 0;
}
.mediPlayer .ended .stop {
opacity: 1;
pointer-events: none;
}
.mediPlayer .precache-bar .done {
opacity: 0;
}
.mediPlayer .not-started .progress-bar,
.mediPlayer .ended .progress-bar {
display: none;
}
.mediPlayer .ended .progress-track {
stroke-opacity: 1;
}
.mediPlayer .progress-bar,
.mediPlayer .precache-bar {
transition: stroke-dashoffset 500ms;
stroke-dasharray: 298.1371428256714;
stroke-dashoffset: 298.1371428256714;
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.mediPlayer svg{
max-width:unset;
}
.boxsounds__box .single_audio:last-child{
border-bottom: none!important;
}
@media (min-width: 992px) {
.boxsounds {
width: 100%;
}
}