/*
Theme Name:     Hello Elementor PJAX Child
Theme URI:      https://example.com/hello-elementor-pjax-child
Description:    Child theme of Hello Elementor to add PJAX page transitions
Author:         Your Name
Author URI:     https://example.com/
Template:       hello-elementor
Version:        1.0.0
Text Domain:    hello-elementor-pjax-child
Domain Path:    /languages
*/

/* =Theme customization starts below this line
-------------------------------------------------------------- */

/* ───────────────────────────────────────────────────────────
   Sticky ZoomSounds Player Bar
─────────────────────────────────────────────────────────── */
#sticky-player,
.sticky-zoomsounds {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: #111 !important;
  z-index: 1000003 !important;  /* above slider */
  pointer-events: auto !important;
}

/* ───────────────────────────────────────────────────────────
   Track-list Toggle Button (☰)
─────────────────────────────────────────────────────────── */
.sticky-track-toggle {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  bottom: 10px !important;
  right: 12px !important;
  z-index: 1000004 !important;
  width: 36px;
  height: 36px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  transition: background .2s;
}
.sticky-track-toggle:hover {
  background: rgba(0, 0, 0, 0.8);
}

/* ───────────────────────────────────────────────────────────
   Slide-up Panel (hidden by default)
─────────────────────────────────────────────────────────── */
#zoomsounds-slider {
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: calc(100vh - 0px) !important;
	overflow: hidden !important;
	z-index: 1 !important;
	transform: translateY(100%) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition: transform .3s ease, opacity .3s ease !important;
}

/* Slide Up & Fade In */
#zoomsounds-slider.open {
  transform: translateY(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* ───────────────────────────────────────────────────────────
   Close Button (×)
─────────────────────────────────────────────────────────── */
#zoomsounds-slider .close-slider {
  position: absolute !important;
  top: 6rem !important;
  right: 1rem !important;
  z-index: 1000002 !important;
  font-size: 2.5rem !important;
  background: none !important;
  border: none !important;
  color: #fff !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* ───────────────────────────────────────────────────────────
   Slider Content Window
─────────────────────────────────────────────────────────── */
#slider-content {
	position: absolute !important;
	top: 10rem !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	overflow-y: auto !important;
	padding: 0.5rem 1rem;
}

/* ───────────────────────────────────────────────────────────
   Slider Header (Album Art)
─────────────────────────────────────────────────────────── */
/* Ensure our header img always sits above the panel background */
#slider-content .slider-header {
  position: relative;
  z-index: 2;               /* above the panel’s background */
  text-align: center;
  margin-bottom: 1rem;
}

/* Make the album art a fixed, centered thumbnail */

#slider-content .slider-header img {
    border-radius: 8px;
    max-height: 50vh;
    width: initial !important;
    margin: 0 auto;
    box-shadow: 0px -10px 100px 0px black;
}

/* ───────────────────────────────────────────────────────────
   Prevent Background Scroll When Slider Is Open
─────────────────────────────────────────────────────────── */
body.no-scroll {
  overflow: hidden !important;
  /* position: fixed !important;
  width: 100% !important; */
}

/* ───────────────────────────────────────────────────────────
   Audio Player & ZoomSounds Overrides
─────────────────────────────────────────────────────────── */
/* Expand scrubber width */
.audioplayer.skin-silver .ap-controls .scrubbar {
	width: 100% !important;
	height: 15px !important;
	top: -10px !important;
	position: absolute !important;
}

/* Footer-player tweaks 
.audioplayer.apconfig-footer-player.skin-silver .ap-controls .curr-time,
.audioplayer.apconfig-footer-player.skin-silver .ap-controls .ap-controls-right .total-time {
  display: none !important;
}
*/

.audioplayer.skin-silver .ap-controls .ap-controls-left {
  width: 100% !important;
}
.audioplayer.skin-silver .ap-controls .meta-artist-con .meta-artist {
  display: flex;
  flex-direction: column-reverse;
}
.dzsap-sticktobottom .audioplayer.skin-silver .ap-controls .meta-artist-con {
  max-width: none !important;
  width: 100% !important;
}

#ag1 {
  max-width: 500px;
  margin: 0 auto;
}

.zoomsounds-slider .zoomsounds-nav.skin-aura .menu-item .the-name {
  opacity: 1;
  color: #FFF;
}

/* Hide extraneous ZoomSounds nav/thumb UI in slider */
.zoomsounds-slider .the-thumb-con,
.zoomsounds-slider .menu-item-thumb-con,
.zoomsounds-nav.skin-aura .menu-item .float-right,
.zoomsounds-nav.skin-aura .menu-item .the-artist,
.dzsap-sticktobottom-for-skin-silver .ap-controls-right .btn-footer-playlist {
  display: none !important;
}

/* Thumbnail Slideup */
#playlist-slideup .playlist-content {max-width: 500px;}




.dzs-container {max-width: none !important;}
/*
#ag1 .audioplayer.skin-silver .ap-controls {background-color: transparent;}
#ag1 .audioplayer.skin-silver .ap-controls .meta-artist-con {max-width: none;}
#ag1 .audioplayer.skin-silver .ap-controls .con-playpause-con {display: none;}
#ag1 .audioplayer.skin-silver .ap-controls .scrubbar {display: none;}
 */
 
 #ag1 .menu-item-thumb-con {display: none;}
 #ap59515 > div.audioplayer-inner > div.ap-controls > div.scrubbar.scrubbar-inited,
 #ap59507 > div.audioplayer-inner > div.ap-controls > div.scrubbar.scrubbar-inited,
 #ap59515 > div.audioplayer-inner > div.ap-controls > div.ap-controls-right,
 #ap59507 > div.audioplayer-inner > div.ap-controls > div.ap-controls-right,
 #ap59515 > div.audioplayer-inner > div.the-thumb-con,
 #ap59507 > div.audioplayer-inner > div.the-thumb-con,
 #ap59515 > div.audioplayer-inner > div.ap-controls > div.ap-controls-left > div.meta-artist-con,
 #ap59507 > div.audioplayer-inner > div.ap-controls > div.ap-controls-left > div.meta-artist-con
 {display: none;}
 
 #ap59507, #ap59515 {display: none;}
 
 .audiogallery.menu-position-bottom .nav-main {margin-top: 0 !important;}


.audioplayer.skin-silver .ap-controls {background: transparent;}

.postid-28072 .nav-main.zoomsounds-nav.skin-wave.navigation-method-legacyscroll .menu-item {flex-direction: column-reverse; align-items: flex-start; padding: 10px 0;}
.postid-28072 .nav-main.zoomsounds-nav.skin-wave.navigation-method-legacyscroll .the-name {color: #FFF; font-size: 16px; line-height: 100%; font-weight: bold; padding:0 0 5px 0;}
.postid-28072 .nav-main.zoomsounds-nav.skin-wave.navigation-method-legacyscroll .the-artist {color: #FFF; font-size: 13px; line-height: 100%;}
.postid-28072 .nav-main.zoomsounds-nav.skin-wave.navigation-method-legacyscroll > div > div:nth-child(3) > span.the-name
.postid-28072 .slider-content .zoomsounds-nav.skin-wave .menu-item .the-name {font-family: "HEX", Sans-serif; font-size: 15px; font-weight: 550; font-stretch: 100%; text-transform: none; line-height: 100%; letter-spacing: 0px; color: #FFF;}
.postid-28072 .slider-content .zoomsounds-nav.skin-wave .menu-item .the-artist {font-family: "HEX", Sans-serif; font-size: 13px; font-weight: 550; font-stretch: 100%; text-transform: none; line-height: 100%; letter-spacing: 0px; color: #FFF;}


#dzsap_footer > div.audioplayer-inner > div.ap-controls > div.ap-controls-left > div.curr-time {display: none;}



#zoomsounds-slider .scrubbar.scrubbar-inited {top: 50px !important;}
#zoomsounds-slider .meta-artist-con {max-width: none !important;}
#zoomsounds-slider .audioplayer.skin-silver .ap-controls .scrubbar>.scrub-bg, 
#zoomsounds-slider .audioplayer.skin-silver .ap-controls .scrubbar>.scrub-prog {height: 8px; border-radius: 100px;}
/* #zoomsounds-slider .nav-clipper {display: none;} */