/**
 * Single Artist
 * ==================================================
 *
 * Artist-specific presentation only.
 *
 * Reuses:
 * - page-header.css
 * - album-grid.css
 * - pagination.css
 * - sidebar.css
 * - share.css
 */


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

.artist-header {
	margin: 15px 0 30px;
	padding: 16px 20px;
	border-radius: 6px;
	box-shadow: 1px 1px 13px 0 rgb(232 232 232);
}

.artist-header__category {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
}

.artist-header__title {
	margin: 5px 0 0;
	color: #bf1f2b;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
}

.artist-header__bangla {
	margin: 6px 0 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	color: #555;
}

/*--------------------------------------------------------------
# Artist Description
--------------------------------------------------------------*/

.artist-description-section {
    background: #fff3f4;
    padding: 15px 20px;
    border: 1px solid #ffd8da;
    border-radius: 6px;
    box-shadow: -2px 0 0px 0 #bf1f2b;
    margin-bottom: 30px;
}

.artist-description-section .title h4{
    color: #bf1f2b;
    font-weight: bold;
}

.artist-description-section .title h4 i{
    margin-right: 10px;
}

.artist-description-section {
    padding-left: 35px;
    margin-top: 5px;
}

.artist-description-section p {
    line-height: 28px;
}


/**
 * ==================================================
 * Artist Content Sections
 * ==================================================
 */

.artist-section {
	margin-bottom: 35px;
}

.artist-section:last-child {
	margin-bottom: 0;
}

.artist-section__title {
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 1px solid #bf1f2b;
}

.artist-section__title h2 {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
}

.artist-section__title i {
	margin-right: 6px;
	color: #bf1f2b;
}


/**
 * ==================================================
 * Artist Albums
 * ==================================================
 *
 * The actual grid/card styling comes from album-grid.css.
 */

.artist-albums .album-grid {
	margin-top: 0;
}

.artist-section.artist-albums{
    background: #fef8f1;
    padding: 15px 20px;
    border: 1px solid #fae1ca;
    border-radius: 6px;
    box-shadow: -2px 0 0px 0 #ff9800;
    margin-bottom: 30px;
}

.artist-albums .related-title {
	color: #ff9800;
	font-weight: bold;
}

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

/**
 * ==================================================
 * Empty State
 * ==================================================
 */

.artist-empty {
	margin: 20px 0;
	padding: 18px 20px;
	border: 1px solid #e9ecef;
	border-radius: 6px;
	background: #fafafa;
	color: #666;
	font-size: 15px;
}


/**
 * ==================================================
 * Responsive
 * ==================================================
 */

@media (max-width: 767px) {

	.artist-header {
		margin-bottom: 25px;
		padding: 14px 16px;
	}

	.artist-header__title {
		font-size: 28px;
	}

	.artist-section {
		margin-bottom: 30px;
	}

	.artist-section__title h2 {
		font-size: 22px;
	}

}