/* ----------------------------
   Discography Custom Pages
-------------------------------*/

/* - FONT AWESOME - */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.css');

/* - BODY - */

p:empty:before{
	content: none!important;
}

.clear {
	clear: both;
	width:100%;
}

/* - SINGLE PAGINATION - */

#custom_pagination {
	display: block;
	text-align: center;
	width: 100%;
	font-size: 0.78em;
}

.custom-previous {
	margin: 8px 0;
	padding: 8px;
}

.custom-next {
	margin: 8px 0;
	padding: 8px;
	border-top: 1px solid rgba(0,0,0,0.2);
}

.custom-next a,
.custom-previous a {
	font-weight: 400!important;
}

.custom-previous a::before {
	margin-right: 4px;
	content: '\f0a8';
	font: var(--fa-font-solid);
	opacity: .5;
}

.custom-next a::after {
	margin-left: 4px;
	content: '\f0a9';
	font: var(--fa-font-solid);
	opacity: .5;
	text-decoration: none!important;
}

/* - SINGLE PAGE - */

/* --- Box Left --- */

.box-left-music {
	width: 73.33%;
	float: left;
	line-height: 175%!important;
}

.song-details {
	text-align: center;	
	margin: 2.5% auto!important;
}

.song-title {
    font-family: "Kalam", serif;
	font-size: 1.25em;
	text-transform: capitalize;
}

.song-category {
    font-family: "Oswald", serif;
	margin: 0 auto 10px;
	text-transform: uppercase;
	font-size: 0.75em!important;
}

.song-category .fa-solid {
	margin-right: 2px;
	opacity: .7;
    color: #d76088;
	vertical-align: middle;
}

.song-category a {
	text-decoration: underline;
	background: transparent!important;
	padding: 0px 2px!important;
    font-weight: 400!important;
}

.song-category p {
	display: inline;
}

.music-photos {
	margin: 2.5% auto!important;
	display: block!important;
	clear: both!important;
	text-align: center!important;
}

.music-photos p {
	display: inline!important;
	padding: 10px 5px;
}

.music-photos img {
	width: 6.8vw;
	margin: 0 3px;
}

.song-text {
	-webkit-columns: 40px 2;
	/* Chrome, Safari, Opera */
	-moz-columns: 60px 2;
	/* Firefox */
	columns: 60px 2;
	font-style: italic;
	padding: 15px;
	font-size: 0.95em;
	margin: 0 auto 2.5% auto;
}

.lyrics span {
	line-height: 8px!important;
	margin: 5px 0 0 17px;
}

.lyrics i {
	font-size: 0.75em!important;
	text-transform: lowercase!important;
}

.lyrics i::before {
	content: '( ';
	margin-left: 3.5%!important;
}

.lyrics i::after {
	content: ' )';
}

.song-text p {
	white-space: pre-wrap!important;
}

.song-text p::before {
	content: '- Song Lyric';
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	margin: 5px 0 0 17px;
	line-height: 195%!important;
}

/* --- Box Right --- */

.box-right-music {
	width: 25.99%;
	float: right;
	line-height: 175%!important;
}

.box-right-music .image {
	max-width: 220px;
	text-align: center;
	margin: 5px auto!important;
}

.box-right-music .image img {
	max-width: 100%!important;
	height: auto!important;
	object-fit: cover!important;
	border: 0px!important;
	padding: 0!important;
	background: transparent!important;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.box-right-music .music-details {
	margin-top: 8px;
	font-size: 0.80em;
}

.music-details p {
	margin: 2px 0 0 0!important;
}

.music-details b {
	font-size: 0.90em;
    font-family: "Inter", serif;
    color: #709aa8!important;
	text-transform: uppercase;
}

.music-details a {
	border-bottom: 1px solid #ebebeb;
	display: inline-block!important;
	padding: 8px!important;
	margin: 0!important;
}

.box-right-music .music-links {
	margin: 8px auto;
	text-align: center;
	display: block!important;
}

.music-links p {
	margin: 0 2px!important;
	display: inline-block!important;
	padding: 3px!important;
}

.music-links a {
	display: inline!important;
	font-size: 0.90em;
}

.music-catlinks {
	margin: 12px auto;
	border: 0px;
	padding: 8px;
    font-family: "Inter", serif;
}

.music-catlinks .fa-solid {
	font-size: 9px!important;
	margin-right: 2px;
	opacity: .5;
	vertical-align: middle;
}

.music-catlinks a {
	font-size: 10px!important;
	text-transform: uppercase!important;
	background: transparent!important;
	padding: 0px 2px!important;
}

/* - MUSIC LIST - */

/* --- Songs List --- */

.music-list {
	margin: 1.5% 7px!important;
	font-size: 100%;
	vertical-align: text-top;
	display: block!important;
	text-align: left;
}

.music-list span {
	padding: 8px;
}

.music-list span a {
	text-transform: uppercase;
	font-weight: 500!important;
	text-decoration: underline;
}

.music-list span b {
	font-weight: 500;
}

.music-list span i {
	text-transform: lowercase;
}

.music-list span more {
	display: block!important;
}

.music-list span .album a {
	text-transform: none!important;
}

.music-list p {
	display: inline-block!important;
}

.music-list .fa-solid {
	opacity: .5;
	margin-right: 3px;
	font-size: 0.80em;
}

/* --- Albums List --- */

.albums-list-title {
	display: block;
	font-size: 1.25em;
	font-weight: bold;
}

.albums-list li {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	line-height: 17px!important;
	padding: 5px 15px 5px 5px!important;
	margin: 0 7px 2.5% 7px!important;
}

.albums-list {
	font-size: 100%;
	width: 100%!important;
	vertical-align: text-top;
	display: block!important;
	font-family: 'Poppins', sans-serif;
	font-weight: 500!important;
}

.albums-list a {
	font-weight: 500!important;
}

.albums-content p {
	display: inline-block!important;
}

.albums-content ol li {
  list-style-type: square;
}

/* -- Disc Albums -- */

.disc-list,
.disc-list-widget,
.song-list-widget {
	clear: both!important;
	display: block!important;
	font-family: 'Poppins', sans-serif;
	font-size: 0.95em;
	font-weight: 500;
	max-width: 100%;
}

td.disc-image {
	width: 25%;
	text-align: center;
	margin: auto!important;
}

td.disc-info {
	width: 75%;
	text-align: left;
}

.disc-info b,
.disc-info-widget b,
.song-info-widget b {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.15em;
}

.disc-info a,
.disc-info-widget a,
.song-info-widget a {	
	font-weight: 500!important;
}

.disc-image-widget {
	width: 25.33%;
}

.song-image-widget {
	width: 0%!important;
	display: none!important;
}

.disc-info-widget {
	vertical-align: middle!important;
	width: 73.33%;
	line-height: 175%;
}

.song-info-widget {
	vertical-align: middle!important;
	width: 95.33%;
	line-height: 175%;
}

.song-links-widget a {
	font-size: 0.75em;
	margin-right: 7px;
}

.disc-image-widget img {
	margin-right: 5px;
}

.disc-image img {
	max-width: 6.5vw;
	height: auto;
	padding: 1.5%;
}

.disc-image-widget img {
	max-width: 4.5vw;
	height: auto;
	border: 0px;
	background: none;
	padding: 0!important;
	margin: 8px!important;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.disc-links-widget a {
	font-size: 0.75em;
	margin: 0 7px;
}

hr {
	background-color: #bdbcbc!important;
	color: #bdbcbc!important;
	border: 0!important;
	width: 92%!important;
	height: 1px!important;
	opacity: .15!important;
}

/* - PAGINATION - */
 
.music-pagination li {
    display: inline;
	border-bottom: 0px!important;
}

.music-pagination .span {
    padding: 12px;
}

.music-pagination li a,
.music-pagination li.active a,
.music-pagination li.disabled {
    padding: 12px;
    padding: 0.75rem;
    text-decoration:none;
}

/* - CREDITS - */

.music-credit {
	text-align: center;
	font-size: 0.85em;
	margin: 15px auto;
	font-family: 'Arial', sans-serif;
	display: block!important;
	clear: both!important;
	filter: opacity(50%);
}

/*************************************
   Don't touch anything from here on
 *************************************/

/* ------------------------------
           PC Screen
 ---------------------------------*/

@media (max-width : 1366px), (max-width : 1200px) {
	
.box-right-music {
	width: 73%!important;
	float: right!important;
}

.box-left-music .image {
	max-width: 10vw;
}

.box-right-music img {
	width: 8vw;
}

.box-left-music .catlinks {
	width: 20%;
}
}

/* ------------------------------
     Responsive: Devices View
---------------------------------*/

@media only screen and (max-width: 1024px), only screen and (max-device-width: 966px) {
	
#box-column {
	display: block!important;
	text-align: center!important;
	width: 100%!important;
}
	
.box-right-music {
	width: 70%!important;
	text-align: left;
}

.box-left-music {
	width: 28%!important;
	text-align: left;
}

.box-left-music .image {
	max-width: 100%!important;
	width: 100%!important;
	text-align: center;
}



.box-left-music .music-links {
	max-width: 100%!important;
	width: 100%!important;
}

.box-left-music .image img {
	width: 10vw;
	margin: 0 auto;
}

.box-left-music .music-links a {
	font-size: 0.95em!important;
}

}