Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/hessa.corals.io/wp-content/plugins/trx_addons/components/widgets/audio/ |
@import "../../../css/_mixins.scss";
@import "../../../css/_trx_addons.vars.scss";
/* Audio player's styles */
.trx_addons_audio_wrap {
position: relative;
}
.trx_addons_audio_list {
position: relative;
}
.trx_addons_audio_wrap.list .trx_addons_audio_player:not(:first-child) {
@include abs-pos(auto, 0, 0, 0, 1);
opacity: 0;
}
.trx_addons_audio_wrap.resized.list .trx_addons_audio_player {
@include abs-pos(0, 0, 0, 0, 1);
}
.trx_addons_audio_wrap.resized.list .trx_addons_audio_player.current {
opacity: 1;
z-index: 2;
}
.trx_addons_audio_wrap.resized.list .trx_addons_audio_player_wrap {
position: relative;
height: 100%;
}
.trx_addons_audio_wrap.resized.list .audio_frame {
bottom: 0;
position: absolute;
}
.trx_addons_audio_player {
padding: 1em;
position:relative;
@include border-box;
}
.trx_addons_audio_player.with_cover {
@include bg-cover;
}
.trx_addons_audio_player.with_cover:after {
content:' ';
@include bg-mask(#000, 0.5, 1);
}
.trx_addons_audio_player.with_cover .mejs-controls {
background: none !important;
}
.trx_addons_audio_player.without_cover {
border: 1px solid #f0f0f0;
background-color:#f7f7f7;
}
.trx_addons_audio_player .audio_info {
position:relative;
z-index:2;
overflow: hidden;
}
.trx_addons_audio_player .audio_author,
.trx_addons_audio_player .audio_caption {
margin: 0.5em 0 1em;
}
.trx_addons_audio_player .audio_author + .audio_caption {
margin-top: -0.5em;
}
.trx_addons_audio_player .audio_frame {
width:100%;
position:relative;
z-index:2;
}
.trx_addons_audio_player .audio_info+.audio_embed,
.trx_addons_audio_player .audio_info+.audio_frame {
margin-top: 1em;
}
.widget_subtitle + .trx_addons_audio_wrap {
margin-top: 2em;
}
.trx_addons_audio_player .audio_now_playing {
margin-top: 1em;
margin-bottom: 1em;
}
.trx_addons_audio_wrap .trx_addons_audio_navigation,
.trx_addons_audio_player .audio_now_playing {
@include font(0.9em, 1.4rem, 600);
letter-spacing: 1px;
text-transform: uppercase;
z-index: 2;
position: relative;
}
.trx_addons_audio_wrap.with_cover .trx_addons_audio_navigation,
.trx_addons_audio_player.with_cover .audio_now_playing,
.trx_addons_audio_player.with_cover .audio_author,
.trx_addons_audio_player.with_cover .audio_caption,
.trx_addons_audio_player.with_cover .audio_description {
color: #fff;
}
.trx_addons_audio_wrap .trx_addons_audio_navigation {
@include abs-pos(2.55em, 2.5em, auto, auto, 2);
}
.trx_addons_audio_wrap .trx_addons_audio_navigation > span {
padding: 0 5px;
cursor: pointer;
display: inline-block;
@include transition-all;
opacity: 0.7;
vertical-align: top;
}
.trx_addons_audio_wrap .trx_addons_audio_navigation > span:hover {
opacity: 1;
}
.trx_addons_audio_wrap .trx_addons_audio_navigation > span span {
@include font(1.4rem, 1em, 400);
display: inline-block;
vertical-align: top;
margin-top: -1px;
}
.trx_addons_audio_wrap.hide_time .mejs-time {
display: none !important;
}
.trx_addons_audio_wrap.hide_scroll .mejs-time-rail {
display: none !important;
}
.trx_addons_audio_wrap.hide_volume .mejs-horizontal-volume-slider {
display: none !important;
}
.hide_scroll .mejs-controls .mejs-duration-container {
margin-left: 10px;
}
.trx_addons_audio_player .mejs-container {
min-height: 40px;
}
@media (max-width: 1439px) {
.audio_now_playing {
margin-top: 0;
}
.trx_addons_audio_navigation {
@include abs-pos(2em, 2em, auto, auto, 2);
}
}
@media (max-width: 1279px) {
.trx_addons_audio_navigation {
@include abs-pos(2em, 1.6em, auto, auto, 2);
}
}
@media (max-width: 767px) {
.trx_addons_audio_wrap.list .trx_addons_audio_player {
padding-top: 5em;
}
.trx_addons_audio_wrap .mejs-horizontal-volume-slider {
display: none !important;
}
.trx_addons_audio_navigation {
@include abs-pos(2.55em, auto, auto, 1.2em, 2);
}
}