.elementor-location-header.active .siteheader {
    background-color: black;
    ;
}

.home .siteheader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
  z-index:2;
}

.acf-play-btn .acfpb-toggle { background:transparent;border:0;cursor:pointer; }
.acf-play-btn.is-playing .acfpb-toggle { opacity:0.9; }

.menulogin, .menugetstarted {
    border-radius: 50px;
    border: solid 1px #00F0FF;
    padding: 6px 12px;
    color: #00F0FF !important;
    
}

.comments-area {
	display: flex;
    flex-direction: column-reverse;
}

.active-filters__clear button:hover {
 background-color: #00F0FF !important;
  color:#000;
}

.menulogin {
margin-right: 20px;
  display:none;
}

.songlist .browsing {
	display:none;
}

.arranged {
	display:none !important;
}

.songlist .arranged {
	display:block !important;
}

.loggedinbtn {
   background-color: unset !important;
    border-radius: 50px !important;
    width: 46px !important;
    height: 46px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: solid 2px !important;
    color: #00f0ff !important;
}

.navlist {
    display: none;
    position: absolute;
    width: 10vw;
    right: 0vw;
}

.navlist ul {
    background: #fff;
    color: #212121;
    list-style-type: none;
    padding: 10px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.navlist ul li a {
    color: #000;
}

.icons_list_box .icon_list img {
    height: 54px;
    width: auto;
}

.navlist ul li {
    margin-bottom: 10px;
    border-bottom: solid 1px #CAC9C8;
    padding-bottom: 5px;
}

.navlist li img {
    width: 1vw;
    margin-right: 1vw;
}

.song-item {
    width: 31%;
    margin: 0 10px;
    padding: 20px;
    background-color: #24272E;
    border-radius: 20px;
    margin-bottom: 2%;
    display: flex;
    flex-direction: column;
}

.top-songs-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.artist_names {
    color: #fff;
    margin: 10px 0;
}

.songlist .elementor-grid-2 .elementor-grid {
    grid-template-columns: repeat(1, 1fr);
}

.songlist .elementor-192 .elementor-element.elementor-element-e10b8f6 {
    width: 100% !important;
}

.songlist .songdetails {
 flex-direction: row !important;
}

.songlist .songdetails .downloadbtn {
 width:25vw !important;
}

.songlist .imagec {
 width:12vw !important;
}

.notetitle,
.note-content,
.note-date {
    color: #fff;
}

.user-notes-form-container,
.user-notes-list-container {
    background-color: #232323;
}

.user-notes-list-container ul {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 0;
}

.user-notes-list-container li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #eee;
    word-wrap: break-word;
    /* For long notes */
}

.user-notes-list-container li:last-child {
    border-bottom: none;
}

.delete-note-link {
    font-size: 0.8em;
    margin-left: 10px;
}

textarea#note_content {
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
}

input[type="submit"] {
    background-color: #00f0ff;
    color: #000;
    border: none;
    padding: 8px 15px;
    border-radius: 3px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: #00f0ff;
    color:#000 !important;
}

.usernotes {
    list-style-type: none !important;
}

.song-status-container p {
    color: #fff;
}



.song-list-container {
    margin-top: 25px;
    background-color: #000;
    padding: 20px;
}

.song-list-container h4,
.nonotes {
    color: #fff;
}

.song-list-container div {
    color: #fff;
    margin-top: 25px;
}

.song-list-container ul {
    list-style-type: none !important;
    padding: 10px;
    background-color: #24272E;
}

.e-n-accordion-item {
    background-color: #24272E;
    padding: 25px;
    border-radius: 20px;
    margin: 25px;
}

.e-n-accordion-item .e-child {
    border: 0;
}

.woocommerce-form-register__submit {
    background-color: #ffc000 !important;
    border: 1px solid #ffc000 !important;
    border-radius: 50px !important;
    color: #000 !important;
}

#selected_song {
    color: #000 !important;
}

@media (max-width: 767px) {
    .home .slick-initialized .slick-slide {
        margin-bottom: 25px;
    }

    .menulogin,
    .menugetstarted {
        margin: 10px 0 !important;
        padding: 10px 0 !important;
    }

    .loggedinbtn {
        width: 36px;
        height: 36px;
    }
    .mark-status-btn  {
        margin-bottom: 10px;
    }
  .navlist {
    width: 40vw;
    right: 0vw;
	}
  .favorite-song-item {
    width: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .post-type-archive-songs .elementor-grid-3 .elementor-grid {
    grid-template-columns: repeat(2, 1fr) !important;
}
}

.loopgrid .elementor-loop-container.loop8 {
	transform: translateX(-50%);
}


:root{
  --sns-accent:#22d3ee;
  --sns-text:#cfd8dc;
  --sns-muted:#8fa0a6;
  --sns-bg:#111418;
  --sns-border:#20262b;
}

/* layout */
.sns-list{ display:grid; gap:10px; }
.sns-item{ position:relative; }

/* hide native box; keep focusability */
.sns-cb{ position:absolute !important; opacity:0; pointer-events:none; }

/* pill label */
.sns-cb + label{
  position:relative;
  display:block;
  padding:12px 54px 12px 14px;    /* room for the circle on the right */
  border-radius:10px;
  background:#1f1f1f;
  color:var(--sns-muted);
  border:1px solid var(--sns-border);
  cursor:pointer;
  user-select:none;
  line-height:1.25;
  transition:color .2s, border-color .2s, box-shadow .2s;
}

/* right circle */
.sns-cb + label::before{
  content:"";
  position:absolute; top:50%; right:12px;
  width:22px; height:22px; border-radius:50%;
  border:2px solid var(--sns-border);
  transform:translateY(-50%);
  background:transparent;
  transition:background .2s, border-color .2s;
}

/* check mark */
.sns-cb + label::after{
  content:"";
  position:absolute; top:50%; right:18px;
  width:10px; height:6px;
  border:2px solid transparent;
  border-left-color:#fff; border-bottom-color:#fff;
  transform:translateY(-55%) rotate(-45deg) scale(.6);
  opacity:0; transition:opacity .15s, transform .15s;
}

/* hover/focus */
.sns-cb + label:hover{ border-color:#2a3338; }
.sns-cb:focus-visible + label{ outline:2px solid var(--sns-accent); outline-offset:2px; }

/* checked state */
.sns-cb:checked + label{
  color:var(--sns-accent);

}
.sns-cb:checked + label::before{
  background:var(--sns-accent);
  border-color:var(--sns-accent);
}
.sns-cb:checked + label::after{
  opacity:1; transform:translateY(-55%) rotate(-45deg) scale(1);
}

/* RTL support (if your page/container is rtl) */
:where([dir="rtl"] .sns-cb + label){ padding:12px 14px 12px 54px; }
:where([dir="rtl"] .sns-cb + label)::before{ right:auto; left:12px; }
:where([dir="rtl"] .sns-cb + label)::after{  right:auto; left:18px; }


.jet-filter-items-dropdown__body {
  position: relative !important;}