/*Lobotoradio.com
	CSS for Single Artist Page*/

/* Image */
.disco-info {display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; margin: 0 0 16px 0;}
.disco-images {width: 50%;}
.disco-main {padding: 10px; background-image: linear-gradient(to right, #c4e17f, #f7fdca, #fad071, #f0766b, #db9dbe, #c49cdf, #6599e2, #61c2e4);}
.disco-cover {width: 100%; max-width: 100%}

/* Metadata */
.disco-data {width: calc(100% - 52%);}
.info-group {display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px;}
.info-group i {flex-shrink: 0;}
@media (max-width: 600px) {.disco-data, .disco-images {width: 100%;}}

/* Mini discography */
.disco-mini {display: flex; gap: 10px; align-items: flex-start; justify-content: flex-start; padding: 16px 0 0 0;}
.disco-item {text-align: center; opacity: 0.55; transition: opacity 0.2s ease-in-out;}
.disco-item:hover {opacity: 1;}
.disco-current {opacity: 1 !important;}
.disco-thumb {border-radius: 3px; border: 1px solid var(--gray-dark);}
.disco-year {font-size: 12px; margin-top: 4px; opacity: 0.8;}

/* Songs */
.composer {font-size: 12px;}
.label {font-weight: bold; font-size: 90%;}
.length {flex: 0 0 10%; text-align: center;}
.num {flex: 0 0 7%; text-align: center;}
.performer {flex: 1 1 0;}
.title {flex: 1 1 0;}
.title span {font-style: italic;}
.tracks {line-height: 1.6; border: 1px dotted var(--gray-dark); margin: 0 0 16px 0; width: 100%;}
.tracks-header {padding: .5em 0 .5em 1em; background: var(--gray-dark); font-weight: 700; border-bottom: 1px dotted var(--gray-dark);}
.track-row {display: flex; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px dotted var(--gray-dark);}
.track-row:nth-child(odd) {background-color: var(--white);}
.track-row:first-of-type {font-weight: 700; font-size: 12px; border-bottom: 1px dotted var(--gray-dark);}
.track-row:last-of-type {border-bottom: none;}
.child-icon::before {font: var(--fa-font-solid); content: '\21B3'; margin-right: 5px;}
.child-title {
	position: relative;
}

.child-title::before {
	content: "↳";
	position: absolute;
	left: -2em;
	top: 0;
	opacity: 0.65;
}

/* Créditos */
.credit {padding: 4px 16px; border-bottom: 1px dotted var(--gray-dark);}
.credit:last-of-type {border-bottom: none;}
.credit:nth-child(odd) {background-color: var(--white);}
.credits {line-height: 1.6; margin: 0 0 16px 0; width: 100%;}
.credits-table {padding: 0; margin: 0 0 16px 0; border: 1px dotted var(--gray-dark);}
.credits-header {border-top: 1px dotted var(--gray-dark);border-bottom: none; border-right: 1px dotted var(--gray-dark); border-left: 1px dotted var(--gray-dark); padding: .5em 0 .5em 1em; background: var(--gray-dark);}

/* Notes */
.notes {padding: 0 16px; margin: 0 0 16px 0;}