/**
 * ==================================================
 * Related Content Wrapper
 * ==================================================
 */

.related-content {
	margin-top: 2rem;
}

.related-section + .related-section {
	margin-top: 2rem;
}


/**
 * ==================================================
 * Section Title
 * ==================================================
 */

.related-title {
	font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 20px;
}

.related-title a {
	color: inherit;
	text-decoration: none;
	transition: color .2s ease;
}

.related-title a:hover {
	color: #000;
}


/**
 * ==================================================
 * Album
 * ==================================================
 */
 
.related-section.related-album{
    background: #fef8f1;
    padding: 15px 20px;
    border: 1px solid #fae1ca;
    border-radius: 6px;
    box-shadow: -2px 0 0px 0 var(--lyrics71-color-album);
    margin-bottom: 30px;
}

.related-album .related-title {
	color: var(--lyrics71-color-album);
	font-weight: bold;
}

.related-album .related-title i{
	margin-right: 10px;
}


/**
 * ==================================================
 * Artist
 * ==================================================
 */

.related-section.related-artist{
    background: #fff3f4;
    padding: 15px 20px;
    border: 1px solid #ffd8da;
    border-radius: 6px;
    box-shadow: -2px 0 0px 0 var(--lyrics71-color-artist);
    margin-bottom: 30px;
}

.related-artist .related-title {
	color: var(--lyrics71-color-artist);
	font-weight: bold;
}

.related-artist .related-title i{
	margin-right: 10px;
}


/**
 * ==================================================
 * People Also Searched
 * ==================================================
 */
 
 .related-section.related-searches{
    background: #F9F6FF;
    padding: 15px 20px;
    border: 1px solid #DBC6FF;
    border-radius: 6px;
    box-shadow: -2px 0 0px 0 var(--lyrics71-color-search);
    margin-bottom: 30px;
}

.related-searches .related-title {
	color: var(--lyrics71-color-search);
	font-weight: bold;
}

.related-searches .related-title i{
	margin-right: 10px;
}


/**
 * ==================================================
 * Lists
 * ==================================================
 */

.related-list {
	margin: 0;
	padding-left: 1.25rem;
}

.related-list li + li {
	margin-top: .5rem;
}

.related-list li{
    border-bottom:solid 1px #e8e8e8;
    padding-top: 10px;
    padding-bottom: 10px;
}

.related-list li:last-child{
    border:none;
}


/**
 * ==================================================
 * Buttons
 * ==================================================
 */

.view-all-artist {
	display: inline-block;
	margin-top: .75rem;
	padding: .55rem 1rem;
	border-radius: 4px;
	background: var(--lyrics71-color-artist);
	color: #fff;
	border: 1px solid var(--lyrics71-color-artist);
	font-size: .875rem;
	font-weight: 600;
	text-decoration: none;
	transition: background-color .2s ease;
}

.view-all-artist:hover {
	background: #ffffff;
	color: var(--lyrics71-color-artist);
	border: 1px solid var(--lyrics71-color-artist);
}