/* *********************************
	Artist pages
**********************************/
    #sclkArtist {
        position: relative;
        z-index: auto;
    }
    #sclkArtist_contentWrapper {
        padding: 0 0 0 0;
    }
    #sclkArtist_content {
        width: 94vW;
        max-width: 1200px;
        margin: 0 auto;
        padding: 10px 0 170px 0;
    }
    
    /* media */
    @media (max-width: 600px) {
        #sclkArtist_contentWrapper { padding: 10px 0 120px 0; }
        #sclkArtist_content { padding: 5px 0 0 0; }
    }
    a.sclkArtist_header {
        text-decoration: none;
    }
    .sclkArtist_header {
        display: block;
        font-size: 22px; font-weight: 500;
        margin: 20px 0;
    }
	.sclkArtist_header.sclk_link:hover {
		color: rgb(var(--sc_primary_text));
	}
    .sclkArtist_overviewBtn_more {
        width:200px; height: 16px;
        padding: 10px; margin: 20px auto;
        background: rgb(35,35,35); color: rgba(255,255,255,0.7);
        text-align: center; 
        font-size: 13.5px;
        letter-spacing: 0.9px;
        font-weight: 500;
        text-transform: uppercase;
        transition: 0.1s;
        cursor: pointer;
    }
    .sclkArtist_overviewBtn_more:hover { background: rgb(45,45,45); color: rgba(255,255,255,1); }
    
    /* bottom links */
    #sclkArtist_bottomLinks {
        padding: 0 0 20px 0;
    }
    #sclkArtist_bottomLinks_content {
        width: 94vW;
        max-width: 1200px;
        margin: 0 auto;
        line-height: 25px;
        color: rgb(100,100,100);
        opacity: 0.8;
        font-size: 14.5px;
    }
    #sclkArtist_bottomLinks_content span {
        padding: 10px;
    }
    
 
 /* *********************************
	PRO ARTIST PAGES
***********************************/ 
    #sclkArtist_customIntro_wrapper {
        padding: 20px 0 50px 0;
    }
    #sclkArtist_customIntro {
        white-space: pre-wrap;
    }
    #sclkArtist_pro_artistPicture {
        display: none;
    }
    
    
/* *********************************
	PAGE HEAD
***********************************/  
    #sclk_pageHead.sclkArtist_pageHead {
        height: 33vw;
    }
    #sclk_pageHead_fader.sclkArtist_fader {
        background: linear-gradient(to bottom, rgba(0,0,0,0.0) 60%, rgba(0,0,0,0.4) 75%, rgba(0,0,0,1) 100%);
    }
    #sclk_pageHead_fader.sclkArtist_faderSmaller {
        background: linear-gradient(to bottom, rgba(0,0,0,0.0) 75%, rgba(0,0,0,1) 100%);
    }
    #sclk_pageHead_fader.sclkArtist_fader_hidden {
        display: none;
    }
    #sclkArtist_pageHead_artistPicture {
        height: 20vW; width: 20vW;
        min-height: 200px; min-width: 200px;
        max-height: 340px; max-width: 340px;
        position: absolute;
        top: 5vW;
        margin: auto;
        background-position: center center; background-size: cover; background-repeat: no-repeat;
    }
    #sclkArtist_pageHeadWrapper {
        align-self: flex-end; 
        display: flex; align-content: center; justify-content: flex-end;
        max-width: 98%;
    }
    #sclkArtist_pageHeadContent {
        display: grid; grid-row-gap: 5px;
        justify-items: center;
        text-align: center;
        z-index: 2;
    }
    #sclkArtist_pageHead_type {
        justify-self: flex-start;
        font-size: 12px; font-weight: 500;
        color: rgb(255,255,255);
        background: rgb(10,10,10);
        padding: 2px 3px;
        border-radius: 3px;
        opacity: 0.6;
    }
    #sclkArtist_pageHead_name {
		max-width: 98vW;
        font-size: 80px;
        font-weight: 700;
        filter: drop-shadow(3px 3px 9px rgb(35,35,35));
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    }
    
    /* media */
    @media (max-width:1200px) {
        #sclkArtist_pageHead_name { font-size: 65px; }
    }
    @media (max-width:900px) {
        #sclkArtist_pageHead_artistPicture { top: 50px; }
        #sclkArtist_pageHead_name { font-size: 50px; } 
    }
    @media (max-width:600px) {
        #sclkArtist_pageHeadWrapper { max-width: 94%; }
        #sclkArtist_pageHead_type { margin-bottom: 4px; }
        #sclkArtist_pageHead_name { font-size: 35px; line-height: 34px;}
    }

    
    /* *********************************
	    Play & follow buttons 
    ***********************************/ 
    #sclkArtist_pageHead_buttons {
        height: 50px;
        display: flex; align-items: center; justify-content: center; 
    }
    .sclkArtist_headButton_wrapper {
        display: inline-flex;
    }
    .sclkArtist_headButton {
        height: 30px;
        display: inline-flex; align-items: center; justify-content: center;
        font-size: 14.5px;
        font-weight: 500;
        letter-spacing: 0.7px;
        white-space: nowrap;
        text-transform: uppercase;
        opacity: 0.8;
        margin: 0 5px;
        padding: 0 25px;
        cursor: pointer;
        background: rgb(59,119,153);
        background: rgb(var(--sc_blue));
        color: rgb(250,250,250);
        border-radius: 16px;
    }
    .sclkArtist_headButton:hover {
        opacity: 1;
    }
    .sclkArtist_headButton_tonedDown {
        background: rgb(50,50,50);
    }
    
    /* following -> unfollow */
    .sclkArtist_headButton_following {
        background: rgb(50,50,50);
    }
    .sclkArtist_headButton_following {
        position: relative;
    }
    .sclkArtist_headButton_following:before {
        position: absolute; top:0; right:0; bottom:0; left:0;
        display: flex; align-items: center; justify-content: center;
        border-radius: 16px;
        content: "UNFOLLOW";
        background-color: rgb(195,48,51);
        opacity: 0;
    }
    .sclkArtist_headButton_following:hover:before {
        opacity: 1;
    }
    
    /* pinned -> unpin (exactly the same as 'unfollow' above, only text is changed) */
    .sclkArtist_headButton_pinned {
        background: rgb(50,50,50);
    }
    .sclkArtist_headButton_pinned {
        position: relative;
    }
    .sclkArtist_headButton_pinned:before {
        position: absolute; top:0; right:0; bottom:0; left:0;
        display: flex; align-items: center; justify-content: center;
        border-radius: 16px;
        content: "UNPIN";
        background-color: rgb(195,48,51);
        opacity: 0;
    }
    .sclkArtist_headButton_pinned:hover:before {
        opacity: 1;
    }
    
    
    /* *********************************
	    TOP NAV: Navigation links
    ***********************************/  
    #sclkArtist_topNavWrapper {
        width: 100%;
        position: -webkit-sticky; position: sticky;  /* -webkit-sticky is currently needed for Chromes and Safari on iOS (remove when supported) */
        top: 80px;
        overflow-x: auto; overflow-y: hidden;
        -webkit-overflow-scrolling: touch; /* to ensure smooth momentum scrolling on ios */
        z-index: 1000;
		background: rgb(var(--sc_primary_background));
        transition: 0.2s ease-in-out;
    }
    #sclkArtist_topNavWrapper.header-up { /* sc_scrollEvents.js */
        top: 40px;
    }
    #sclkArtist_topNavWrapper::-webkit-scrollbar {
        width:0; display:none;
    }
    #sclkArtist_topNavContainer {
        width: 94vW;
        max-width: 1200px;
        height: 40px;
        margin: 10px auto 0 auto;
        display: flex; align-items: center;
        justify-content: center;
		gap: 3vw;
    }
	#sclkArtist_topNavContainer a {
        text-decoration: none;
    }
    .sclkArtist_topNavDiv {
        margin: 0;
        padding-bottom: 5px;
        font-size: 15px; letter-spacing: 0.9px;
        font-weight: 500;
        text-transform: uppercase; white-space: nowrap;
        color: rgba(var(--sc_primary_text),0.8) !important;
        opacity: 0.8;
        border-bottom: 2px solid rgba(0,0,0,0);
        cursor: pointer;
    }
	.sclkArtist_topNavDiv:hover {
        border-bottom: 2px solid rgb(59,119,153) !important;
        border-bottom: 2px solid rgb(var(--sc_blue)) !important;
        opacity: 1;
    }
	.sclkArtist_topNavSelected {
        border-bottom: 2px solid rgb(59,119,153);
        border-bottom: 2px solid rgb(var(--sc_blue));
        opacity: 1;
    }
    
	/* menu bar button switches position dektop/mobile */
	#sclkArtist_mobile_tabs_menuBarBtn {
		color: rgba(var(--sc_primary_text), 1) !important;
	}
	.sclkArtist_topNav_mobile { 
		display: none; 
	}
    
    /* media */
	@media (max-width: 600px) {
		#sclkArtist_topNavContainer { justify-content: space-around; }
		.sclkArtist_topNav_mobile { display: block; }
		.sclkArtist_topNav_not_mobile { display: none !important; }
		.sclkArtist_topNavDiv { font-size: 14.5px; }
    }
    
    
    /* *********************************
	    ALTERNATIVE TOP NAV: Hidden sticky w/ name and play/follow button
    ***********************************/  
    #sclkArtist_topAltNameWrapper {
        position: fixed;
        width: 100%;
        top: -40px;
        background: rgb(0,0,0);
        z-index: 1000;
        transition: 0.2s ease-in-out;
    }
    #sclkArtist_topAltNameWrapper.header-up { /* sc_scrollEvents.js */
        top: 0;
    }
    #sclkArtist_topAltNameWrapper.header-down {
        top: 40px;
    }
    #sclkArtist_topAltNameContainer {
        width: 94vW;
        max-width: 1200px;
        height: 40px;
        margin: 0 auto;
        position: relative;
        display: grid;
        grid-template-columns: 90px 1fr 90px;
        grid-column-gap: 15px;
        align-content: end;
    }
    #sclkArtist_topAlt_back {
        font-size: 19px;
    }
    #sclkArtist_topAlt_name {
        text-align: center;
        font-size: 24px;
        font-weight: 600;
        color: rgb(255,255,255,0.9);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    #sclkArtist_topAlt_buttons {
        display: flex;
        width: 90px;
        justify-content: space-between;
        padding: 4px 5px 0 0;
    }
    #sclkArtist_topAlt_buttons i.fa-play-circle {
        font-size: 20px;
        --fa-primary-color: rgb(255,255,255); /* custom property font-awesome */
        --fa-secondary-color: rgb(65 131 168); /* custom property font-awesome */
        --fa-secondary-color: rgb(var(--sc_blue));
        --fa-secondary-opacity: 0.9; /* custom property font-awesome */
    }
    #sclkArtist_topAlt_buttons i.fa-play-circle:hover {
        --fa-secondary-opacity: 1; /* custom property font-awesome */
    }
    
    /* media */
    @media (max-width:600px) {
        #sclkArtist_topAlt_name { font-size: 21px; }
    }
    
    
/* *********************************
	PAGE HEAD - LEVEL 2
***********************************/
    #sclkArtist_level2_headerFixed_wrapper {
        position: relative;
        background: rgba(0,0,0,0.95);
        z-index: 9001;
        position: sticky;
        top: 0;
    }
    #sclkArtist_level2_header {
        width: 94vW;
        max-width: 1200px;
        margin: 0 auto;
        padding: 15px 0 0 0;
        display: grid;
        grid-template-columns: 90px 1fr 90px;
        grid-column-gap: 10px;
    }
    #sclkArtist_level2_headArtist_picture {
        height: 100px; width: 100px;
        border-radius: 50px;
        margin: 10px auto;
        background-position: center center; background-size: cover; background-repeat: no-repeat;
        transition: 0.3s ease-out;
    }
    

/* *********************************
	LEVEL 2 - SUBMENUS ON PAGE
***********************************/
    #sclkArtist_level2_submenu {
        margin: 0 auto 20px auto;
        height: 30px;
        width: 100%;
        max-width: 550px;
        display: grid;                /* make all grid columns equal */
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
    }
    .sclkArtist_level2_submenu_tab {
        padding-bottom: 10px;
        text-align: center;
        border-bottom: solid 1px rgb(70,70,70);
        font-size: 15px;
        letter-spacing: 0.9px;
        font-weight: 500;
        text-transform: uppercase;
        white-space: nowrap;
        opacity: 0.5;
    }
    .sclkArtist_level2_submenu_tab:hover {
        opacity: 1;
        border-bottom: 1px solid rgb(var(--sc_blue));
    }
    .sclkArtist_level2_submenu_tabActive {
        opacity: 1;
    }

    .sclkArtist_level2_explanation {
        box-sizing: border-box;
        width: 100%;
        max-width: 550px;
        margin: -10px auto 30px auto;
        text-align: center;
        padding: 5px 0;
        opacity: 0.9;
    }
    
    
 /* *********************************
	POPUP BOX - HEADER WITH ROUND PICTURE
***********************************/
    #popupBox_header {
        display: grid;
        justify-content: center;
        grid-row-gap: 5px;
        padding: 5px 20px 10px 20px;
    }
    #popupBox_header div {
        justify-self: center;
    }
    #popupBox_header_picture {
        width: 100px; height: 100px;
        margin: 5px;
        border-radius: 50px;
        background-position: center center; background-size: cover;
        background-repeat: no-repeat;
        filter: brightness(1.05) saturate(1.4) contrast(1.2);
    }
    #popupBox_header_songtitle {
        font-size: 24px;
        font-weight: 500;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: rgb(var(--sc_primary_text));
    }
    #popupBox_header_artist {
        font-size: 17px;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        opacity: 0.9;
    }
    
    
 /* *********************************
	POPUP BOX & BOTTOMSHEET HEADER
***********************************/
    /* for playlistAdd.cfm */
    #popupBox_header.sheetHeader {
        background: rgba(0,0,0,0.5);
        padding-bottom: 60px;
    }
    #popupBox #headline, #level2 #headline {
        font-size: 17.5px;
        padding: 10px;
        margin-bottom: 10px;
    }
    
    /* for bottomsheet songinfo - on playlists */
    #popupBox_header.stickyHeader{
        padding: 0 0 10px 0;
        position: sticky;
        top: 50px;
        background: rgb(var(--sc_primary_background));
        z-index: 2;
    }
	#popup_login {
	    text-align: center;
    	padding-top: 20px;
		font-size: 17px;
	}
 
 
 /* *********************************
	SIDE MENU NAVIGATION
***********************************/
    #sclkArtist_sidemenu::-webkit-scrollbar {
        width:0; display:none;
    }
    #sclkArtist_sidemenu {
        position:fixed; 
        top: 0; right: -320px; bottom: 0;
        width: 300px; padding-bottom: 40px;
        background: rgb(var(--sc_secondary_background)); box-shadow: 3px 0 12px 3px rgba(25,25,35,0.06), inset -1px 0 0 rgb(55, 55, 55);
        overflow-x: hidden; overflow-y: auto;
        z-index: 9003; 
        -webkit-overflow-scrolling: touch; /* to ensure smooth momentum scrolling on ios (was jittery before) */
    }
    #sclkArtist_sidemenuShadow {
        position: fixed; 
        top: 0; bottom: 0; right: 0; left: 0; 
        background: rgba(0,0,0,0.7);  
        z-index: 9002; 
        display: none; opacity: 0;
    }
    
    /* *********************************
	Sidemenu - inside
    ***********************************/
    #sclkArtist_sidemenu, #sclkArtist_sidemenu a {
        color: rgba(208,208,208,1.00);
    }
    
    /* sidemenu - artist pic */
    #sclkArtist_sidemenu_picture {
        height: 150px; width: 150px;
        border-radius: 75px;
        margin: 15px auto 0 auto;
        background-position: center center; background-size: cover;
        background-repeat: no-repeat; background-color: rgb(0,0,0);
    }
    #sclkArtist_sidemenu_artistname {
        margin: 20px 0;
        font-size: 20px; font-weight: 500;
        text-align: center;
    }
    
    /* sidemenu - action buttons */
	#sclkArtist_sidemenu_actionBtns {
        display: flex; flex-wrap: wrap; justify-content: center;
    	margin-bottom: 20px;
    }
    #sclkArtist_sidemenu_actionBtns div {
        display: flex;
    }
    #sclkArtist_sidemenu_actionBtns span {
		font-size: 12.6px;
		font-weight: 500;
		letter-spacing: 0.9px;
		color: #f1f1f1;
		opacity: 0.8;
		margin: 0 7px;
		cursor: pointer;
		background-color: #3b7799;
        background-color: rgb(var(--sc_blue));
		border-radius: 5px;
		padding: 5px 10px;
		position: relative;
    }
    #sclkArtist_sidemenu_actionBtns span:hover {
        opacity: 1;
    }
    #sclkArtist_sidemenu_actionBtns .follow:before {
        position: absolute; top:0; right:0; bottom:0; left:0;
        display: flex; align-items: center; justify-content: center;
        border-radius: 16px;
        content: "UNFOLLOW";
        background-color: rgb(195,48,51);
        opacity: 0;
    }
    #sclkArtist_sidemenu_actionBtns .follow:hover:before {
        opacity: 1;
    }
    
    /* media */
    @media (max-width: 1400px) {
		#sclkArtist_sidemenu {width: 250px;}
		#sclkArtist_sidemenu_picture { height: 100px; width: 100px; border-radius: 50px; }
        #sclkArtist_sidemenu_artistname { font-size: 17.6px; margin: 8px 0 12px 0; }
		#sclkArtist_sidemenu_actionBtns span { padding: 4px 6px; }
    }
    
    /* sidemenu - headers */
    #sclkArtist_sidemenu .sm_headers {
        display: grid;
        grid-template-columns: 20px 1fr;
        grid-template-rows: 35px 1fr;
        grid-column-gap: 15px; 
        padding: 0 0 0 10px;
        align-items: center;
        font-size: 16.5px;
        white-space: nowrap; overflow: hidden;
    }
    #sclkArtist_sidemenu .sm_headers:hover {
        background: rgb(57, 57, 57);
        cursor: pointer;
    }
    #sclkArtist_sidemenu .sm_headers i {
        width: 20px;
        text-align: center;
    }
    
    /* sidemenu - submenus */
    #sclkArtist_sidemenu .submenu {
        padding: 0 0 0 45px;
        margin-bottom: 10px;
    }
    #sclkArtist_sidemenu .submenu .sub_buttons {
        display: grid;
        grid-template-columns: 20px 1fr;
        grid-template-rows: 26px 1fr;
        grid-column-gap: 15px; 
        align-items: center;
        transition: 0.15s ease-out;
    }
    #sclkArtist_sidemenu .submenu .sub_buttons span {
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    #sclkArtist_sidemenu .sub_buttons:hover {
        background: rgb(57, 57, 57);
        cursor: pointer;
    }
    
    /* sidemenu - submenus - icons and pictures */
    #sclkArtist_sidemenu .submenu .sub_buttons i {
        display: inline-grid;
        justify-content: center;
        width: 20px;
    }
    #sclkArtist_sidemenu .submenu a {
        text-decoration: none;
    }
    
    /* media */  
    @media (max-width: 1400px) {
        #sclkArtist_sidemenu .submenu .sub_buttons { font-size: 16.5px; }
    }
    

/* *********************************
    OVERVIEW
***********************************/ 
    #sclkArtist_overview_video_wrapper {
        padding: 50px 0;
    }
    #sclkArtist_overview_interview_wrapper {
        max-width: 1100px;
        margin: 20px auto;
        padding: 20px 0 50px 0;
    }
    #sclkArtist_about_photoContainer.overview_photoContainer {
        height: 35vW; max-height: 550px;
        grid-template-columns: 70% 1fr;
        margin: 20px auto 70px auto;
    }
	#sclkArtist_overview_commentsWrapper {
		width: 100%;
		max-width: 1100px;
		margin: 20px auto;
	}
    #sclkArtist_overview_tags {
        width: 95vW; max-width: 860px;
        margin: 0 auto;
        padding: 10px 0 50px 0;
    }
    
    /* media */  
    @media (max-width:600px) {
        #sclkArtist_overview_video_wrapper { padding: 20px 0; }
        #sclkArtist_overview_interview_wrapper { width: 90vW; padding: 20px 0; }
        #sclkArtist_about_photoContainer.overview_photoContainer { height: 55vW; }
        #sclkArtist_overview_tags { padding: 20px 0; }
    }

/* *********************************
    OVERVIEW: TAGLINE
***********************************/  
    #sclkArtist_tagline {
        font-size: 22px; font-weight: 300;
        font-style: italic;
        text-align: center;
        max-width: 800px;
        overflow: hidden;
        margin: 20px auto 30px auto;
        opacity: 0.9;
    }
    
    /* media */
	@media (max-width: 1400px) {
        #sclkArtist_tagline { font-size: 21px; }
    }
    @media (max-width: 800px) {
        #sclkArtist_tagline { font-size: 19px; margin: 0 0 25px 0; }
    }
	@media (max-width: 600px) {
        #sclkArtist_tagline { font-size: 17px; font-weight: 400; }
    }
	
/* *********************************
    OVERVIEW: NUMBERS
***********************************/  
	#sclkArtist_overview_numbers {
		display: flex;
		justify-content: center;
		gap: 30px;
		margin: 10px 0 20px 0;
	}
	#sclkArtist_overview_numbers .sclkArtist_overview_number {
		font-size: 17px;
		color: rgb(65 169 226);
		color: rgb(var(--sc_blue_bright_2));
	}
	#sclkArtist_overview_numbers .sclkArtist_overview_text {
		opacity: 0.6;
		font-size: 13px;
	}
	
/* *********************************
    OVERVIEW: COMMENTS
***********************************/  
	#sclkArtist_overview_commentsWrapper #sclk_comments_postForm {
		max-width: 700px;
	}
	#sclkArtist_overview_comments_grid {
		padding: 30px 0 10px 0;
		display: grid;
		grid-row-gap: 20px;
	}
	.sclkArtist_overview_commentBox {
		display: grid;
		grid-template-columns: 50px 1fr;
	}
	.sclkArtist_overview_commentBox .sclk_comment_picture {
		width: 30px; height: 30px;
		border-radius: 15px;
	}
	.sclkArtist_overview_commentBox .sclk_comment_comment {
		padding-top: 0;
		text-overflow: ellipsis;
		overflow:hidden;
		/* multiline ellipsis */
		display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;
	}
  
 
/* *********************************
    OVERVIEW: PROMO
***********************************/  
    #sclkArtist_overviewPromo {
        margin: 100px 0 0 0;
		border-top: solid 1px rgba(var(--sc_primary_text),0.16);
    	background: rgb(var(--sc_secondary_background));
    }
    #sclkArtist_overviewPromo .sclkArtist_header {
        margin: 10px 5px -20px 5px;
    }
    #sclkArtist_overviewPromo .sclkArtist_subHeader {
        opacity: 0.5;
        margin-left: 15px;
        font-size: 14.5px; font-weight: 400;
    }
    #sclkArtist_overviewPromo #charts_promoTop_container {
        padding: 10px 0;
    }
    
    /* media */
    @media (max-width:600px) {
        #sclkArtist_overviewPromo { margin: 70px 0 0 0; }
    }
  
  
  /* *********************************
    LISTED ITEMS:
    ALBUMS, SOUND KITS, and similar are listed in scroll box on overview page, and as listed boxes on full pages
***********************************/ 
    /* on overview page */
    .sclkArtist_listedItems_container {   
        margin: 0 0 50px 0;
    }
    .sclkArtist_listedItems_container .sclkArtist_listedItem {
        width: 180px;
        margin: 10px 15px 15px 10px;
    }
    /* on full page */
    #sclkArtist_listedItems_fullPage {  
        display: flex; flex-wrap: wrap;
        max-width: 98vW;
        margin: 0 auto;
    }
    #sclkArtist_listedItems_fullPage .sclkArtist_listedItem {
        box-sizing: border-box;
        width: 20%;
        padding: 10px;
        margin: 0 0 20px 0;
    }
    
    /* media */
    @media (max-width:900px) {
        .sclkArtist_listedItems_container { margin: 0 0 30px 0; }
        .sclkArtist_listedItems_container .sclkArtist_listedItem { width: 100px; margin: 0 10px 20px 10px; }
        #sclkArtist_listedItems_fullPage .sclkArtist_listedItem { width: 25%; margin: 0; }
    }
    @media (max-width:700px) {
        #sclkArtist_listedItems_fullPage .sclkArtist_listedItem { width: 33%; }
    }
    @media (max-width:600px) {
        #sclkArtist_listedItems_fullPage .sclkArtist_listedItem { width: 50%; }
    }
    
    
    /* listed items */
    .sclkArtist_listedItem {
        overflow: hidden;
        text-align: center;
    }
    .sclkArtist_listedItem_picture {
        width: 100%;
		border-radius: 5px;
    }
    .sclkArtist_listedItem_picture:after { /* to make it square */
        content: "";
        display: block;
        padding-bottom: 100%; /* makes it square */
    }
    .sclkArtist_listedItem_picture {
        margin: 0 0 10px 0;
        background-position: center center; background-size: cover;
        background-repeat: no-repeat; background-color: rgb(0,0,0);
        opacity: 0.9;
        transition: 0.2s;
    }
    .sclkArtist_listedItem_title {
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
        padding-bottom: 7px;
    }
    .sclkArtist_listedItem_title a {
		color: rgba(var(--sc_primary_text),0.8);
    }
    .sclkArtist_listedItem_noDownload {
        height: 40px;
        width: 100%;
    }
    .sclkArtist_listedItem_price {
        display: inline-flex; justify-content: center;
        margin: 10px auto;
        min-width: 30px; border-radius: 10px;
        padding: 2px 6px;
        background: rgba(59,119,153,0.7);
        background: rgba(var(--sc_blue),0.7);
        color: rgba(255,255,255,0.8);
        transition: 0.15s;
        font-size: 13.5px;
        white-space: nowrap;
        cursor: pointer;
    }
    .sclkArtist_listedItem_subtitle, .sclkArtist_listedItem_songcount {
        font-size: 12px;
		overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
        opacity: 0.7;
    }
    
    /* hover */
    .sclkArtist_listedItem:hover .sclkArtist_listedItem_picture { opacity: 1; }
    .sclkArtist_listedItem:hover .sclkArtist_listedItem_title a { color: rgba(var(--sc_primary_text),1); }
    .sclkArtist_listedItem:hover .sclkArtist_listedItem_price { background: rgba(59,119,153,0.9); background: rgba(var(--sc_blue),0.9); color: rgba(255,255,255,1); }
    .sclkArtist_listedItem:hover .sclkArtist_listedItem_songcount { opacity: 0.8; }
    
    /* too many in list: 'see all' */
    .sclkArtist_listedItem_seeAll {
       height: 180px; width: 180px;
       display: flex; align-items: center; justify-content: center;
       font-weight: 500;
       background: rgba(90,90,90,0.2);
	   color: rgba(255,255,255,0.8);
       transition: 0.1s;
    }
    .sclkArtist_listedItem_seeAll:hover {
       color: rgb(255,255,255);
       text-decoration: underline;
    }
    
    /* media */
    @media (max-width:800px) {
        .sclkArtist_listedItem_title { font-size: 13.5px; }
        .sclkArtist_listedItem_seeAll { height: 100px; width: 100px; }
    }
  
  
/* *********************************
    SONGS
***********************************/  
    #sclkArtist_songsWrapper {
        padding: 0 0 40px 0;
    } 
    #sclkArtist_songs .charts_songBox {
        background: none;
    }
	@media (max-width: 900px) {
		#sclkArtist_songsWrapper { padding: 0 0 30px 0; } 
		#sclkArtist_songs .charts2_songBox { margin: 3px 0; }
	}
    /* hover */
    #sclkArtist_songs .charts_songBox:hover { 
        background: rgb(30,30,30); 
    }
    
    /* elements inside song box */
    .sclkArtist_songs_collabTxt {
        opacity: 0.8;
        margin-left: 5px;
    }
    .sclkArtist_songs_highlightTxt {
        font-size: 13.5px;
    }
    .sclkArtist_songs_highlightTxt i {
        margin-right: 5px;
        font-size: 13px;
    }
	
	
/* *********************************
    SHORTS
***********************************/  
    #sclkArtist_shortsWrapper {
        padding: 0 0 20px 0;
    } 
    #sclkArtist_shorts .shortsBox {
        background: none;
		display: grid;
    	grid-template-columns: 40px 60px 1fr 80px 60px 60px 60px 78px 60px;
		padding: 10px;
    }
    /* hover */
    #sclkArtist_shorts .shortsBox:hover { 
        background: rgb(30,30,30); 
    }
    #sclkArtist_shorts .shortsBox:hover .chartsTrend { opacity: 0.7; }
    #sclkArtist_shorts .shortsBox:hover .chartsPlayBtn { display: flex;}
    #sclkArtist_shorts .shortsBox:hover .chartsPosition { display: none;}
    
    /* elements inside shorts box */
	#sclkArtist_shorts .outer {
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	.shortsBox .button_gray {
		background: rgba(var(--sc_primary_text), 0.1);
		color: rgba(var(--sc_primary_text), 0.6);
		background: none;
	}
	.shortsBox:hover .button_gray {
		color: rgba(var(--sc_primary_text), 0.8);
		background: rgba(var(--sc_primary_text), 0.08);
	}
	.shortsBox:hover .button_gray:hover {
		background: rgba(var(--sc_primary_text), 0.12);
		color: rgba(var(--sc_primary_text), 1);
	}
	#sclkArtist_shorts .shorts_titleBox {
		margin: 0 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#sclkArtist_shorts .shorts_titleBox .shortsTitle_top {
		height: 50%;
		align-items: center;
		font-size: 17.5px;
		font-weight: 500;
		cursor: pointer;
	}
	#sclkArtist_shorts .shorts_titleBox .shortsTitle_bottom {
		height: 50%;
		display: flex;
		align-items: center;
	}
	/* links */
    #sclkArtist_shorts .shorts_titleBox .shortsTitle_bottom a {
        color: rgb(130,130,130);
        transition: 0.15s;
		padding: 10px;
    }
    #sclkArtist_shorts .shorts_titleBox .shortsTitle_bottom:hover a {
        color: rgb(180,180,180);
    }
    #sclkArtist_shorts .shorts_titleBox .shortsTitle_bottom a:hover {
        color: rgb(255,255,255);
    }
	#sclkArtist_shorts .cellItem {
	    display: flex;
    	align-items: center;
		justify-content: center;
	}
	#sclkArtist_shorts .cellItem.right {
		justify-content: flex-end;
	}
	#sclkArtist_shorts .shortsBox.headline {
		background: rgb(var(--sc_background_30));
		color: rgb(125 125 125);
		z-index: 1;
		position: sticky;
		top: 95px;
	}
    .sclkArtist_shorts_highlightTxt {
        font-size: 13.5px;
    }
    .sclkArtist_shorts_highlightTxt i {
        margin-right: 5px;
        font-size: 13px;
    }
	#sclkArtist_shorts .show900 {display: none;}
	
	/* media */
    @media (max-width:960px) {
		#sclkArtist_shorts .hide900 {display: none;}
		#sclkArtist_shorts .show900 {display: inherit;}
        #sclkArtist_shorts .shortsBox {grid-template-columns: 37px 1fr 70px 35px; padding: 10px 0 25px;}
		#sclkArtist_shorts .shorts_titleBox .shortsTitle_top {height: 40%;}
		#sclkArtist_shorts .shorts_titleBox .shortsTitle_bottom {height: 60%; white-space: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
		#sclkArtist_shorts .shorts_titleBox .shortsTitle_bottom a {white-space: nowrap; padding:6px;}
		.shortsBox .button_gray { background: none; color: rgba(var(--sc_primary_text), 1); }
		.shortsBox .charts_picture {margin: 0;}
    }
 
 
/* *********************************
	SONG INFO
***********************************/
	#sclkArtist_songInfo {
		height: 100%;
		background: rgb(var(--sc_primary_background));
		background: linear-gradient(180deg, transparent 0, rgba(var(--sc_primary_background),0.4) 350px, rgba(var(--sc_primary_background),1) 550px)
	}
	
	/* 	
		BACKGROUND
	*/
	#sclkArtist_songInfo_background {
		z-index: -1;
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		background-position: center center;
		background-attachment: fixed;
		opacity: 0.55;
    	filter: blur(70px) saturate(1.3);
		pointer-events: none;
	}
	@media (max-width: 500px) {
		#sclkArtist_songInfo_background { background-size: contain; opacity: 1; }
    }
    
    /* 	UPPER SECTION
		Picture, title and such 
	*/
    #sclkArtist_songInfo_upperWrapper {
		position: relative;
		z-index: 1;
        padding: 25px 20px 25px 30px; 
		background: linear-gradient(360deg, rgba(var(--sc_primary_background),0.2), transparent 60%);
    }
    #sclkArtist_songInfo_upper {
        max-width: 800px;
        margin: 0 auto;
        display: grid; grid-template-columns: 170px 1fr; 
		grid-column-gap: 30px;
		grid-row-gap: 20px;
    }
    #sclkArtist_songInfo_pictureBox {
        display: flex;
		pointer-events: none;
    }
    #sclkArtist_songInfo_picture {
        width: 170px; height: 170px; 
		border-radius: 5px;
        background-size: cover; background-position:center center; background-repeat: no-repeat;
        background-color: rgb(var(--sc_primary_background));
    }
    #sclkArtist_songInfo_infoBox {
        display: grid; grid-row-gap: 5px;
        align-self: flex-end;
    }
    #sclkArtist_songInfo_title {
        font-size: 24px;
        font-weight: 500;
		color: rgb(var(--sc_primary_text));
    }
    #sclkArtist_songInfo_artist {
        font-size: 18px;
        padding-bottom: 10px;
    }
    #sclkArtist_songInfo_actionBtns {
        height: 50px;
        display: flex; align-items: center;
		gap: 0 20px;
    }
    #sclkArtist_songInfo_actionBtns div {
		position: relative;
        opacity: 0.8;
		color: rgb(var(--sc_primary_text));
        display: grid;
    	grid-row-gap: 6px;
    	justify-items: center;
        font-size: 11px; 
        min-width: 30px;
		padding: 3px 5px;
		border-radius: 5px;
		cursor: pointer;
    }
    #sclkArtist_songInfo_actionBtns div i { 
        font-size: 20px; 
        cursor: pointer;
    }
    #sclkArtist_songInfo_actionBtns div:hover {
        opacity: 1;
		background: rgba(var(--sc_primary_text),0.06);
    }
	#sclkArtist_songInfo_actionBtns div .actionBtn_counter {
		position: absolute;
		left: 32px;
		background: rgb(var(--sc_primary_text));
		color: rgb(var(--sc_primary_background));
		border-radius: 7px;
		padding: 0px 3px;
	}
	
    #sclkArtist_songInfo_actionBtns i.fa-play-circle {
        font-size: 36px;
        --fa-primary-color: rgb(255,255,255); /* custom property font-awesome */
        --fa-secondary-color: rgb(65 131 168); /* custom property font-awesome */
        --fa-secondary-color: rgb(var(--sc_blue));
        --fa-secondary-opacity: 0.9; /* custom property font-awesome */
    }
	
    #sclkArtist_songInfo_actionBtns i.fa-play-circle:hover {
        --fa-secondary-opacity: 1; /* custom property font-awesome */
    }
	
	@media (max-width: 1400px) {
		#sclkArtist_songInfo_upperWrapper { padding: 20px 15px 20px 15px; }
		#sclkArtist_songInfo_upper { grid-template-columns: 160px 1fr; }
		#sclkArtist_songInfo_picture { width: 160px; height: 160px; }
	}
	@media (max-width: 800px) {
        #sclkArtist_songInfo_upper { grid-template-columns: auto; text-align: center; }
		#sclkArtist_songInfo_pictureBox { justify-content: center; }
		#sclkArtist_songInfo_picture { width: 200px; height: 200px; }
		#sclkArtist_songInfo_artist { padding: 0 5px 5px 5px; }
		#sclkArtist_songInfo_title { padding: 0 5px; font-size: 22px; font-weight: 500; }
		#sclkArtist_songInfo_actionBtns { justify-content: center; }
    }
    @media (max-width: 500px) {
		#sclkArtist_songInfo_upperWrapper { padding: 25px 15px 10px 15px; background: linear-gradient(360deg, rgba(var(--sc_primary_background),0.8) 20%, transparent 80%); }
    }
    
    /* 	LOWER SECTION
		Song info in a grid 
	*/
    #sclkArtist_songInfo_lowerWrapper {
		position: relative;
		z-index: 1;
        background: linear-gradient(180deg, rgba(var(--sc_primary_background),0.4) 0, rgba(var(--sc_primary_background),1) 40vh);
		padding: 20px 30px 80px 30px;
		box-sizing: border-box;
    }
	#sclkArtist_songInfo_lowerWrapper.lowerWrapper_fullpage {
		height: calc(100% - 280px);
		min-height: calc(100vh - 380px);
		padding-bottom: 140px;
		box-sizing: content-box;
	}
    #sclkArtist_songInfo_lower {
        width: 100%;
    	max-width: 800px;
        box-sizing: border-box;
        margin: 0 auto;
        display: grid; grid-row-gap: 25px;
    }
    #sclkArtist_songInfo_lower i {
        width: 20px; text-align: center;
        margin-right: 6px;
    }
	#sclkArtist_songInfo_lower_actionBtns {
		display: flex;
		flex-wrap: wrap;
		gap: 0 25px;
	}
    #sclkArtist_songInfo_lower_actionBtns div {
    	min-width: 150px;
    	height: 38px;
    }
	
	@media (max-width: 800px) {
    	#sclkArtist_songInfo_lower_actionBtns div { font-size: 17.5px; }
    }
	@media (max-width: 500px) {
		#sclkArtist_songInfo_lowerWrapper { min-height: calc(100vh - 370px); padding: 20px 15px 150px 15px; background: linear-gradient(180deg, rgba(var(--sc_primary_background),0.8) 0, rgba(var(--sc_primary_background),1) 300px); }
    	#sclkArtist_songInfo_lower_actionBtns { display: grid; grid-row-gap: 15px; }
    	#sclkArtist_songInfo_lower_actionBtns div { width: auto; margin: 0; height: 40px; }
    }
	
	/* gray blocks */
	.songinfo_section {
        width: 100%;
        overflow: hidden;
        padding: 5px 0;
    }
    .songinfo_section_headers {
    	font-size: 17px;
		padding: 8px 2px;
		border-top: 	solid 1px rgba(var(--sc_primary_text),0.3);
		border-bottom: 	solid 1px rgba(var(--sc_primary_text),0.3);
		width: fit-content;
    }
	.songinfo_metaBlock {
        padding: 5px 0;
        border-radius: 7px;
        display: grid;
        grid-row-gap: 5px;
    }
	.songinfo_metaBlock_gray {
		padding: 15px 7px;
		margin: 0 -7px;
        background: rgba(var(--sc_primary_text), 0.07);
    }
    .songinfo_metaBlock_columns {
        display: grid;
        grid-template-columns: 90px 1fr;
        grid-row-gap: 6px;
		align-items: baseline;
        padding: 14px 0 0 0;
    }
    .songinfo_metaBlock_title {
        font-size: 17px;
		color: rgba(var(--sc_primary_text),0.9);
    }
	.songinfo_metaBlock_title span {
		padding: 5px;
		opacity: 0.6;
	}
    .songinfo_metaBlock_labels {
        opacity: 0.5;
		font-size: 14px;
    }
	.songinfo_metaBlock_columns .sclkArtistAdmin_songEdit_sliders {
		max-width: 400px;
		padding: 0 0 14px 0;
	}
	
	/* elements */
    #sclkArtist_songInfo_description {
        font-size: 17px;
    }
    #sclkArtist_songInfo_tagCloud {
		display: flex; flex-wrap: wrap; gap: 12px;
    }
    .songinfo_songTags div {
        padding: 4px 6px;
		border-radius: 4px;
		background: rgba(var(--sc_primary_text), 0.18);
    }
    .songinfo_songTags div:hover {
        background: rgba(var(--sc_primary_text), 0.2);
    	color: rgba(var(--sc_primary_text),1);
    }
    .songinfo_playlist_box {
        display: flex;
        flex-direction: row;
        width: 100%;
        overflow: hidden;
    }
    .songinfo_playlist_item {
        width: 100px;
        overflow: hidden;
        margin-right: 15px;
        flex: 0 0 auto;
    }
    .songinfo_playlist_picture {
        height: 90px; width: 90px;
        border-radius: 45px;
        margin: 0 auto 10px auto;
        background: center center no-repeat;
        background-size: cover;
    }
    .songinfo_playlist_curator {
        font-size: 14px;
        text-align: center;
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    }
	.sclkArtist_songInfo_lyricsHeadline {
        padding: 30px 0 0 0;
        font-size: 17px; font-weight: 500;
    }
    .sclkArtist_songInfo_lyrics {
        word-break: break-word; white-space: pre-wrap;
        line-height: 20px;
    }
	
	
	/* SONGINFO PLAYLISTS */
	.sclkArtist_songInfo_playlists {
		display: flex;
		flex-wrap: wrap;
		gap: 30px 25px;
		padding: 20px 0 40px 0;
	}
	.sclkArtist_songInfo_playlists_item {
		width: 125px;
		text-align: center;
	}
	.sclkArtist_si_item_picture {
		width: 125px; height: 125px; 
		border-radius: 5px;
        background-size: cover; background-position:center center; background-repeat: no-repeat;
	}
	.sclkArtist_si_item_title {
		font-size: 14px;
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
		padding: 8px 0 4px 0;
	}
	.sclkArtist_si_item_subtitle {
		font-size: 12px;
		opacity: 0.7;
		padding: 1px 0;
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
	}
	@media (max-width: 600px) {
		.sclkArtist_songInfo_playlists { gap: 30px 7vw;}
		.sclkArtist_songInfo_playlists_item { width: 25vw; }
		.sclkArtist_si_item_picture { width: 25vw; height: 25vw;  }
    }
	
	/* SONGINFO SHARE */
	.songinfo_share_section {
		display: grid; 
		grid-template-columns: 140px 350px;
		column-gap: 20px;
		align-items: baseline;
	}
	.songinfo_share_section .share_label {
		opacity: 0.7;
	}
	.songinfo_share_section input {
		width: 350px;
		padding: 4px;
	}
	@media (max-width: 600px) {
		.songinfo_share_section { grid-template-columns: 1fr; grid-row-gap: 8px; }
    }
	
	/* SONGINFO ADD TO PLAYLIST */
	#songinfo_playlistAdd {
	}
	#btnCreatePlaylist {
		height: 38px;
		font-size: 16px;
	}
	.songinfo_playlistAdd_list {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 0 20px 0;
	}
	.songinfo_playlistAdd_list .playlistTitle {
		overflow: auto; white-space: nowrap; text-overflow: ellipsis;
		font-size: 17.5px;
		color: rgb(var(--sc_primary_text));
	}
	.songinfo_playlistAdd_list .playlistDetails {
		font-size: 12px;
    	opacity: 0.6;
	}
	.songinfo_playlistAdd_list .playlistAdd_btn {
		min-width: 60px;
		margin: 0;
	}
	#songinfo_playlistAdd_create_title {
	    width: 400px;
		max-width: 67vw;
		padding: 6px;
		font-size: 17px;
	}
	#songinfo_playlistAdd_success_checked {
		font-size: 60px;
		color: rgba(0,204,0,1.00);
		padding: 0 0 15px 0;
		text-align: center;
	}
	
	/* 	MOBILE 
		(Bottom sheet) 
	*/
    #songInfo_sheet {
        padding-bottom: 170px;
    }
    #songInfo_sheet #sclkArtist_songInfo_actionBtns div {
        color: rgb(var(--sc_primary_text));
        font-size: 14px;
    }
    #songInfo_sheet #sclkArtist_songInfo_lowerWrapper {
        /* background: rgb(var(--sc_primary_background)); */
    }
    
    /* 	DESKTOP ONLY 
		Only on desktop page 
	*/
    #sclkArtist_songInfo_chartsInfo div {
        padding-bottom: 3px;
    }
    #sclkArtist_songInfo_chartsInfo div span {
        padding-left: 10px;
        opacity: 0.5;
    }        
    #sclkArtist_songInfo_creativeCommons div {
        padding: 5px 0;
    }
    #sclkArtist_songInfo_metaInfo {
        display: grid; grid-template-columns: 20px 1fr; grid-column-gap: 10px; grid-row-gap: 8px;
    }
    #sclkArtist_songInfo_metaInfo div {
        line-height: 22px;
    }
    /* //END: only on desktop page */
    
    /* when we show only playlists featuring this song */
    #sclkArtist_songInfo_lower_playlists {
        padding: 50px 0 0 0;
        font-size: 24px;
    }
    
    /* media */
    @media (max-width:600px) {
        #songInfo_sheet { touch-action: manipulation; }
    }  
    
    /* SONG INFO - RELATED TRACKS AT BOTTOM */
    #sclkArtist_songInfo_bottomWrapper {
        padding: 30px 0 100px 0;
        width: 960px;
		max-width: 98vw;
		margin: 0 auto;
	}
    #sclkArtist_songInfo_bottomWrapper .sectionWrapper {
        width: 960px;
		max-width: 98vw;
		margin: 0 auto;
	}
  
/* *********************************
	SONG INFO - ON PLAYLISTS (mobile bottomsheet)
***********************************/  
    .bottomsheet_playlist_box {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow: hidden;
        background: rgb(30,30,30);
        padding: 20px 20px 100px 20px;
        margin-top: 30px;    /* assumes sticky header above*/
    }
    .bottomsheet_playlist_item {
        flex: 0 0 auto;
        display: grid;
        grid-template-columns: 90px 1fr;
        grid-column-gap: 20px;
        border-bottom: solid 1px rgb(40,40,40);
        margin: 5px;
        padding-bottom: 5px;
    }
    .bottomsheet_playlist_picture {
        height: 90px; width: 90px;
        border-radius: 6px;
        margin: auto;
        background: center center no-repeat;
        background-size: cover;
    }
    .bottomsheet_playlist_text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .bottomsheet_playlist_title {
        font-size: 18px;
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
        padding-bottom: 11px;
    }
    .bottomsheet_playlist_subtitle {
        font-size: 14px;
        padding-bottom: 4px;
    }
    .bottomsheet_playlist_curator {
        font-size: 14px;
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
        opacity: 0.6;
    } 
    
    
    
 /* *********************************
	ALBUM INFO
***********************************/
    #sclkArtist_albumInfo {
    }

	/* big header box */
	#sclkArtist_albInf_headerWrapper {
        padding: 15px 15px 50px 15px;
    }
	#sclkArtist_albInf_header {
        display: flex; justify-content: center; flex-wrap: wrap;        
    }
    #sclkArtist_albInf_header_pictureBox {
        display: flex; justify-content: center;
        margin: 10px 40px;
    }
    #sclkArtist_albInf_header_picture {
        width: 210px; height: 210px; 
        background-size: cover; background-position:center center; background-repeat: no-repeat;
        background-color: rgb(0,0,0);
    }
    #sclkArtist_albInf_header_infoBox {
        max-width: 600px;
        display: grid; grid-row-gap: 10px;
        margin: 10px 40px;
    }
    #sclkArtist_albInf_header_title {
        font-size: 26px;
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    }
    #sclkArtist_albInf_header_actionBtns {
        padding-top: 30px;
        display: flex; align-items: center;
    }
    #sclkArtist_albInf_header_actionBtns div {
        margin: 0 30px 0 0;
    }
    
    @media (max-width:600px) {
        #sclkArtist_albInf_headerWrapper { padding: 0 10px 30px 10px; }
        #sclkArtist_albInf_header_actionBtns { justify-content: center; }
        #sclkArtist_albInf_header_actionBtns div { margin: 0 15px 0 0; }
        #sclkArtist_albInf_header_shareBtn {display: none; }
    }

    /* song list of album */
    #sclkArtist_albInf_songlistBox {
        padding-bottom:130px;
    }
    #sclkArtist_albInf_songlistBox .chartsBtns_left {
        max-width: 50px;
    }
    #sclkArtist_albInf_songlistBox .charts_artist { 
        display: block; 
        padding-top: 4px;
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 
    }
    #sclkArtist_albInf_songlistBox .charts_tags {
        width: 18%;
        justify-content: space-between;
    }

    @media (max-width:1050px) {
        #sclkArtist_albInf_songlistBox .charts_tags { display: flex; }
    }
    @media (max-width:600px) {
        #sclkArtist_albInf_songlistBox .charts_tags div { font-size: 13px; }
        #sclkArtist_albInf_songlistBox .clkArtist_albInf_song_runtime { display: none; }
    }

 
 /* *********************************
	VIDEOS
***********************************/
    #sclkArtist_listedItems_fullPage.sclkArtist_videoList .sclkArtist_listedItem {
        width: 25%;
        padding: 10px 10px 20px 10px;
        cursor: pointer;
    }
    #sclkArtist_listedItems_fullPage.sclkArtist_videoList .sclkArtist_listedItem_picture {
        padding-bottom: 56%; /* no longer square */
        margin-bottom: 15px;
    }
    
    /* media */
    @media (max-width:800px) {
        #sclkArtist_listedItems_fullPage.sclkArtist_videoList .sclkArtist_listedItem { width: 50%; padding: 10px; }
        #sclkArtist_listedItems_fullPage.sclkArtist_videoList .sclkArtist_listedItem_picture { margin-bottom: 10px; }
    }

    
/* *********************************
	ABOUT
***********************************/
    #sclkArtist_about_wrapper {
        margin: 0 auto;
        display: grid; grid-template-columns: 1fr 300px;
    }
    #sclkArtist_about_leftBox {
        padding: 10px 50px 25px 0;
        overflow: hidden;
    }
    #sclkArtist_about_rightBox {
        padding: 10px 0;
    }  
    .sclkArtist_about_header {
        font-size: 22px; font-weight: 500;
        color: rgba(255,255,255,0.85);
        padding-bottom: 20px;
    }
    .sclkArtist_about_header_small {
        font-size: 17.5px; font-weight: 500;
        color: rgba(255,255,255,0.95);
        padding-bottom: 10px;
    }
    
    /* media */
    @media (max-width:900px) {
        #sclkArtist_about_wrapper { grid-template-columns: auto; }
        #sclkArtist_about_leftBox { padding: 10px 10px 0 10px; }
        #sclkArtist_about_rightBox { padding: 10px; } 
    }
    
    /* *********************************
	    ABOUT - ARTIST INFO
    ***********************************/
    /* we use it either on the right side (desktop) or on the left side (mobile) */
    #sclkArtist_about_artistInfo_mobile {
        display: none;
    }
    #sclkArtist_about_artistInfo_desktop {
        display: block;
    }
    
    /* media */
    @media (max-width:900px) {
        #sclkArtist_about_artistInfo_mobile { display: block; }
        #sclkArtist_about_artistInfo_desktop { display: none; }
    }
    
    
    /* *********************************
	    ABOUT - PHOTOS TOP
    ***********************************/
    /* LTE 3 PHOTOS - Show in fluid grid box, same sizes for all */
    #sclkArtist_about_photoSimple_container {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) );
        grid-column-gap: 5px;
        height: 20vW; max-height: 450px;
        margin-bottom: 60px;
    }
    .sclkArtist_about_photoSimple {
        background-size: cover; background-position:center center; background-repeat: no-repeat;
        cursor: pointer;
    }
    
    /* MORE THAN 3 PHOTOS */
    #sclkArtist_about_photoContainer {
        max-width: 1200px;
        height: 30vW; max-height: 450px;
        display: grid; 
        grid-template-columns: 75% 1fr;
        grid-template-rows: 1fr 1fr;
        grid-column-gap: 5px; grid-row-gap: 5px;
        position: relative;
        margin: 20px auto 50px auto;
    }
    /* overlay */
    #sclkArtist_about_photoContainer_overlay {
        position: absolute;
        top:0; right:0; bottom:0; left:0;
        z-index: 1;
        background: rgba(0,0,0,0.6);
        opacity: 0;
        transition: 0.2s;
        display: flex; justify-content: center; align-items: center;
        font-size: 22px;
    }
    #sclkArtist_about_photoContainer:hover #sclkArtist_about_photoContainer_overlay {
        opacity: 1;
    }
    /* 3 listed pictures */
    .sclkArtist_about_photoBox {
        background-size: cover; background-position:center center; background-repeat: no-repeat;
    }
    #sclkArtist_about_photoLead {
        grid-row: span 2;
    }
    
    /* media */
    @media (max-width:900px) {
        #sclkArtist_about_photoSimple_container { height: 40vW; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr) ); margin-bottom: 30px; }
        #sclkArtist_about_photoContainer { height: 50vW; width: 90vW; margin: 20px auto 30px auto; }
        #sclkArtist_about_photoContainer_overlay { display: none; }
    }
    
    /* *********************************
	    ABOUT - LEFT SIDE
    ***********************************/
    /* interview */
    #sclkArtist_about_interview_wrapper {
        margin-bottom: 50px;
    }
    #sclkArtist_about_interview_outer {
        max-height: 400px;
        overflow: hidden;
        transition: 1s ease-in-out;
    }
    #sclkArtist_about_interview_inner div {
        font-size: 17.5px;
    }
    #sclkArtist_about_interview_inner .headerSub {
        padding: 0 0 10px 0;
        color: rgba(255,255,255,0.85);
    }
    #sclkArtist_about_interview_inner .interviewText {
        margin-bottom: 35px;
        opacity: 0.75;
        word-break: break-word; white-space: pre-wrap;
    }
    #sclkArtist_about_interview_readMore {
        display: none;
    }
    #sclkArtist_about_interview_readLess {
        display: none;
    }
    
    /* playlists */
    #sclkArtist_about_playlists {
        display: flex; flex-wrap: wrap;
        margin-bottom: 20px;
    }
    #sclkArtist_about_playlists .sclkMember_overview_artist {
        margin: 10px 25px 10px 0;
    }

    
    /* media */
    @media (max-width:900px) {
        #sclkArtist_about_interview_wrapper .interviewText  { margin-bottom: 20px; }
        #sclkArtist_about_playlists { justify-content: space-around; }
        #sclkArtist_about_playlists .sclkMember_overview_artist { margin: 10px; }
    }
    
    
    /* *********************************
	    ABOUT - RIGHT SIDE
    ***********************************/
    .sclkArtist_about_info {
        padding-bottom: 25px;
    }
    .sclkArtist_about_info div {
        margin-bottom: 8px;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .sclkArtist_about_info div i {
        display: inline-block;
        width: 20px; margin-right: 12px;
        text-align: center;
    }
    #sclkArtist_about_info_stats {
        line-height: 25px;
    }
    #sclkArtist_about_info_stats span {
        display: inline-block;
        margin-right: 5px;
        color: rgba(255,255,255,1);
        font-size: 22px;
    }
    
    /* followers */
    .sclkArtist_about_follow {
        margin-top: 20px;
    }
    .sclkArtist_about_follow .sclkMember_followsList {
        height: 70px;
        margin: 0;
    }
    .sclkArtist_about_follow .sclkMember_follows_picture {
        width: 50px; height: 50px; border-radius: 25px;
    }
    .sclkArtist_about_follow .sclkMember_follows_name {
     margin-bottom: 2px;
    }
    .sclkArtist_about_follow .sclkArtist_overviewBtn_more {
        margin: 10px 0;
    }
    
    /* media */
    @media (max-width:900px) {
        .sclkArtist_about_follow { margin-top: 20px; }
        .sclkArtist_about_info { padding-bottom: 20px; }
        .sclkArtist_about_follow .sclkArtist_overviewBtn_more { margin: auto; }
        #sclkArtist_about_info_sites { padding-left: 20px; }
        #sclkArtist_about_info_location { padding-left: 20px; }
        #sclkArtist_about_info_stats { padding-left: 20px; }
    }
    
 
 
/* *********************************
	CONTACT
***********************************/ 
	#sclkArtist_contact_wrapper {
        max-width: 1200px;
        margin: 0 auto 70px auto;
        padding: 20px 0 0 0;
        overflow: hidden;
        display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 30px;
    }
    #sclkArtist_contactDiv {
        max-width: 700px;
        display: grid;
        grid-row-gap: 15px;
    }
    #sclkArtist_contact_firstRow {
        opacity: 0.7;
		padding: 0 0 2px 10px;
    }
    #sclkArtist_contact input[type="text"], #sclkArtist_contactDiv textarea {
        width: 100%; box-sizing: border-box;
        padding: 10px;
        border-radius: 5px;
    }
    #sclkArtist_contact textarea {
        height: 60px;
    }
	#sclkArtist_contact #sclk_saveBtn {
		margin: 0;
		width: 100px;
		height: 32px;
		border-radius: 5px;
	}
	#sclkArtist_contact_notMember .btnSubmit {
		width: 300px;
		max-width: 90vw;
		font-size: 16.5px;
    	height: 35px;
		border-radius: 5px;
		margin: 10px 0;
	}
	
	/* media */  
    @media (max-width:600px) {
        #sclkArtist_contact_wrapper { margin: 0 auto 30px auto; padding: 0; grid-template-columns: minmax(90vw, 1fr); }
		#sclkArtist_contact { margin-bottom: 40px; }
		#sclkArtist_contact_notMember { display: grid; justify-content: center; }
		#sclkArtist_contact_notMember .btnSubmit { margin: 10px auto; }
    }
    
    
/* *********************************
	INTERVIEW (dedicated page)
***********************************/    
    #sclkArtist_interview {
        max-width: 900px;
        margin: 0 auto;
        padding: 30px;
    }
    
    /* media */
    @media (max-width:900px) {
        #sclkArtist_interview { padding: 5px 25px; }
    }
    
    
 /* *********************************
	LICENSES
***********************************/ 
    /* license boxes*/
    #sclkArtist_licenseBox {
        padding: 0 5px 10px 5px;
        justify-content: flex-start;
        max-width: 1120px;
        margin: 0 auto;
    }
    #sclkArtist_license_comparisonBox {
        padding-bottom: 50px;
    }
    
    /* Listed 5 licenses */
    .sclkArtist_thisLicense {
        width: 184px; 
        margin: 0 15px auto 15px;
        background: rgba(110,110,110,0.15);
        border-radius: 6px;
        overflow: hidden;
        transition: 0.1s ease-in-out;
    }
    .sclkArtist_thisLicense:hover {
        background-color: rgba(212,212,212,0.11);
    }
    .sclkArtist_thisLicense:hover div {
        opacity:1;
    }
    .sclkArtist_thisLicense_name {
        background-color: rgb(59, 119, 153); 
        background-color: rgb(var(--sc_blue));
        color: rgb(255,255,255); 
        text-align: center; font-size: 14.5; font-style:italic; 
        padding-top: 3px; 
        opacity: 0.9;
    }
    .sclkArtist_thisLicense_price {
        background-color: rgb(59, 119, 153); 
        background-color: rgb(var(--sc_blue));
        color: rgb(255,255,255); 
        font-size: 22px; text-align: center; 
        padding: 4px 0 5px 0; 
        margin-bottom: 10px; 
        opacity: 0.9;
    }
    .sclkArtist_thisLicense_feature {
        display: flex; align-items: center; justify-content: center;
        height: 26px;
        font-size: 14px;
        opacity: 0.7;
    }
    .sclkArtist_thisLicense_mainFeature {
        font-size: 16px;
        opacity: 1;
        padding-bottom: 5px;
    }
    .sclkArtist_thisLicense_bogo {
        color: rgb(105, 201, 255); 
        opacity: 0.7; 
        padding: 8px 0; 
        font-size: 15px;
        font-style: italic; 
        font-weight: 500;
    }
    .sclkArtist_thisLicense:hover .sclkArtist_thisLicense_bogo {
        opacity: 0.8;
    }
    /* compare & contract buttons */
    .sclkArtist_thisLicense_contract {
        font-size: 15px;
        padding: 10px; 
        margin-top: 4px; 
        background-color: rgb(50,50,50); 
        opacity: 0.9; 
        cursor: pointer;
    }
    .sclkArtist_thisLicense_contract.thisLicense_compare {
        background-color: rgb(45,45,45); 
    }
    .sclkArtist_thisLicense_contract:hover, .sclkArtist_thisLicense_compare:hover {
        opacity: 1; 
        color: rgb(230,230,230);
        background: rgb(55,55,55);
    }
    .sclkArtist_thisLicense_contract i, .sclkArtist_thisLicense_compare i {
        width: 16px;
        margin-right: 10px;
        opacity: 0.7;
    }
    
    
    /* *********************************
	    LICENSE COMPARISON TABLE (slides out)
    ***********************************/ 
    #sclkArtist_licenseComparisonWrapper {
        display: none;
        background: rgba(37,37,37,1.00); 
        max-width: 1200px; 
        margin: 0 auto;
    }
    #sclkArtist_licenseComparison {
        padding: 5px 0; 
        margin: 0;
    }
    #sclkArtist_licenseComparison_closeBtn {
        text-align: left; 
        padding: 0 15px 15px 15px;
        opacity: 0.4;
        cursor: pointer;
    }
    #sclkArtist_licenseComparison_closeBtn:hover {
        opacity: 1;
    }
    
    /* License features (left side of table) */
    .sclkArtist_licComp_features {
        width: 190px; 
        float: left;
        white-space: nowrap;
    }
    .sclkArtist_licComp_featLeftBox {
        display: flex; align-items: center; justify-content: flex-end;
        height: 34px;
        padding: 0 10px 0 0; 
        color: rgb(135,135,135);
        cursor: pointer;
    }
    .sclkArtist_licComp_featLeftBox i {
        font-size: 15.4px; 
        color: rgba(220,220,220,1.00); 
        padding-left: 10px; 
        opacity: 0.5;
    }
    .sclkArtist_licComp_featLeftBox:hover {
        color: rgb(150,150,150);
    }
    .sclkArtist_licComp_featLeftBox:hover i {
        opacity: 1;
    }
    
    @media (max-width:600px) {
        .sclkArtist_licComp_features { width: 148px; }
        .sclkArtist_licComp_featLeftBox { padding: 0; }
    }
    
    /* License header (name, price) */
    .sclkArtist_licComp_headerBox {
        height: 80px; 
        padding: 5px 0 0 0; 
        text-align: center;
    }
    .sclkArtist_licComp_headerBox_licName {
        font-size: 14.5px; 
        color: rgb(150,150,150); 
        font-style: italic; 
        padding-bottom: 10px;
    }
    .sclkArtist_licComp_headerBox_licPrice {
        font-size: 21px; 
        color: rgba(100,100,100); 
        padding-bottom: 15px;
    }
    .sclkArtist_licComp_headerBox_divider {
        margin:0 30px; 
        height: 1px; 
        border-bottom: solid 1px rgb(230,230,230);
    }
    
    /* License details loop */
    .sclkArtist_licComp_licDetails {
        width: 170px; 
        float: left; 
        text-align: center;
    }
    
    @media (max-width:600px) {
        .sclkArtist_licComp_licDetails { width: 155px; }
    }
        
    /* detail boxes */
    .sclkArtist_licComp_licDetails .paramBox   {
        display: flex; align-items: center; justify-content: center;
        height: 34px;
        color: rgb(187,187,187);
    }

    /* hover */
    .sclkArtist_licComp_licDetails:hover {
        background: rgb(40,40,40);
    }
    .sclkArtist_licComp_licDetails:hover .sclkArtist_licComp_headerBox_licName {
        color: rgb(150,150,150);
    }
    .sclkArtist_licComp_licDetails:hover .sclkArtist_licComp_headerBox_licPrice {
        color: rgb(170,170,170);
    }
    .sclkArtist_licComp_licDetails:hover .paramBox {
        color: rgb(200,200,200);
    }
        
        
    /* LICENSE FAQs */
    #sclkArtist_licenseFAQWrapper {
        clear: both; 
        padding: 20px 0 40px 0;
    }
    #sclkArtist_licenseFAQWrapper    .faqLeft    {
        float:left; 
        max-width: 150px; 
        padding: 0 87px; 
        font-size: 29px; 
        color: rgba(189,189,189,1.00);
    }
    #sclkArtist_licenseFAQWrapper    .faqRight    {
        float: left; 
        margin: 5px;
    }
    #sclkArtist_licenseFAQWrapper    .faq .faq_question {
        color: rgba(119,119,119,1.00); 
        padding-bottom: 10px; 
        cursor: pointer;
    }
    #sclkArtist_licenseFAQWrapper    .faq .faq_question:hover {
        color: rgba(153,153,153,1.00);
    }
    #sclkArtist_licenseFAQWrapper    .faq .faq_answer_container {
        color: rgba(188,188,188,1.00); 
        margin: 0 0 10px 0; 
        padding-left: 10px; 
        border-left: solid 2px rgba(221,221,221,1.00); 
        background: rgba(25,25,25,1.00); 
        display: none;
    }
    #sclkArtist_licenseFAQWrapper    .faq .faq_answer_container .answer {
        padding: 10px; 
        max-width: 750px; 
        line-height: 18px;
    }
    #sclkArtist_licenseFAQWrapper    .faq .faq_answer_container .answer ul {
        margin: 0; 
        padding: 5px 0 0 30px;
    }
    #sclkArtist_licenseFAQWrapper    .faq .faq_answer_container .answer ul li {
        line-height: 22px;
    }

    @media (max-width:600px) {
        #artist_licenseComparison    #wrapperLicenses    .licFeatures { width: 170px;}
        #artist_licenseComparison    #wrapperLicenses    .licFeatures .leftBox { padding: 0;}
        #artist_licenseComparison    #wrapperLicenses    .licDetails { width: 155px;}
        #sclkArtist_licenseFAQWrapper .faqLeft { padding: 5px; }
    }