/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 27 2025 | 03:12:32 */
a:hover {
	color: #9b51e0 !important;
}

input {
	margin-right: 0px !important;
	border-radius: 6px !important;
}

textarea {
	border-radius: 6px !important;
}

.header-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
	background-color: black;
}

.header-image {
	margin-top: 68px !important;
	width: 100% !important;
}

.sticky-container {
	position: relative;
}

.sticky-search {
    width: 100%;
}

.sticky {
    position: fixed;
    top: 45px;
    z-index: 120;
}

@media (max-width: 817px) {
	.header-image {
    	margin-top: 118px !important;
  	}
	.sticky {
		top: 0px !important;
	}
	.search-inner-container {
		max-width: 425px !important;
	}
}

@media (max-width: 599px) {
  	.header-image {
    	margin-top: 68px !important;
  	}
	.sticky {
		top: 45px !important;
	}
	.search-inner-container {
		max-width: 425px !important;
	}
	html.has-modal-open .sticky {
		top: 0px !important;
	}
	html.has-modal-open .sticky-search {
	position: fixed !important;
    top: 0px !important;
    left: 0px !important;
	width: 425px !important;
    max-width: 425px !important;
  }
}


@media (max-width: 499px) {
	.search-inner-container {
		max-width: 350px !important;
	}
	.sticky {
		top: 45px !important;
	}
	html.has-modal-open .sticky {
		top: 0px !important;
	}
	html.has-modal-open .sticky-search {
	position: fixed !important;
    top: 0px !important;
    left: 0px !important;
	width: 320px !important;
    max-width: 320px !important;
  }
}

.orange {
	color: #ff6900 !important;
}

.is-menu-open {
	background-color: #000000 !important;
	color: #ffffff !important;
}

figcaption {
  text-align: center !important;
}

.envira-comments-container {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.envira-comments-wrapper {
	background: none !important;
}

.envira-comments-list {
	background: none !important;
}

.image-needs-margin-top {
	margin-top: 16px !important;
}

.envira-comments-form {
	background: none !important;
}

.comment-form {
	background: none !important;
}

.z-index-120 {
	z-index: 120 !important;
}

.z-index-150 {
	z-index: 150 !important;
}

.mailpoet_submit {
	color: white !important;
	background-color: #9b51e0 !important;
	border-radius: 5px;
}

/* Dark scrollbar styles */
.custom-popup div::-webkit-scrollbar {
  width: 8px;
}

#overlay div::-webkit-scrollbar {
  width: 8px;
}

.custom-popup div::-webkit-scrollbar-track {
  background: #222;
}

#overlay div::-webkit-scrollbar-track {
  background: #222;
}

.custom-popup div::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 4px;
  border: 2px solid #222;
}

#overlay div::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 4px;
  border: 2px solid #222;
}

.lyric-links {
	font-weight: 500;
	font-size: 14px;
	color: white;
}

#bloodDriveLinks a.lyric-link {
  color: #ffffff;
}

#bloodDriveLinks a.lyric-link:hover {
  color: #9b51e0 !important;
}

.wp-element-caption {
	color: #9b51e0;
}

.song-info {
	color: #9b51e0;
	font-weight: 600;
	font-size: 11px;
}

.lyrics {
	color: #9b51e0;
	font-weight: 500;
	font-size: 15px;
}

#player {
	border: none !important;
	background-color: #090909 !important;
}

.custom-popup {
  display: none;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 35px;
  width: 100%;
  height: 92%;
  overflow: auto;
  background-color: rgba(0,0,0,0.8);
}

.custom-popup-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: none;
  max-width: 525px;
  height: 100%;
  overflow-y: auto;
}

.custom-popup-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.custom-close {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #f1f1f1;
  font-size: 28px;
  font-weight: bold;
  transition: 0.3s;
  cursor: pointer;
}

.custom-close:hover,
.custom-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

#custom-prev-image, #custom-next-image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  font-size: 20px;
}

#custom-prev-image {
  left: 10px;
}

#custom-next-image {
  right: 10px;
}

.custom-popup.custom-open {
  display: block; /* Class added by JavaScript */
}