/* *********************************
	Artist pages
**********************************/
    #sclkArtist {
        position: relative;
        z-index: auto;
    }
    #sclkArtist_contentWrapper {
        background: rgb(20,20,20);
        padding: 0 0 150px 0;
    }
    #sclkArtist_content {
        width: 94vW;
        max-width: 1200px;
        margin: 0 auto;
        padding: 15px 0 0 0;
        overflow: hidden;
    }
    
    /* 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_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;
        background: rgb(20,20,20);
    }
    #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%;
        padding-bottom: 5px;
    }
    #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 {
        font-size: 80px;
        font-weight: 700;
        filter: drop-shadow(3px 3px 9px rgb(35,35,35));
        overflow: hidden;
    }
    
    /* 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;
        background: rgb(0,0,0);
        -webkit-overflow-scrolling: touch; /* to ensure smooth momentum scrolling on ios */
        z-index: 1000;
        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: 550px;
        height: 60px;
        margin: 0 auto;
        display: flex; align-items: center;
        justify-content: space-around;
    }
    .sclkArtist_topNavDiv {
        margin: 0 10px;
        padding-bottom: 5px;
        font-size: 15px; letter-spacing: 0.9px;
        font-weight: 500;
        text-transform: uppercase; white-space: nowrap;
        color: rgba(255,255,255,0.8) !important;
        opacity: 0.8;
        border-bottom: 2px solid rgba(0,0,0,0);
        cursor: pointer;
    }
    .sclkArtist_topNavSelected {
        border-bottom: 2px solid rgb(59,119,153);
        border-bottom: 2px solid rgb(var(--sc_blue));
        opacity: 1;
    }
    #sclkArtist_topNavContainer a {
        text-decoration: none;
    }
    
    /* hover */
    .sclkArtist_topNavDiv:hover {
        border-bottom: 2px solid rgb(59,119,153) !important;
        border-bottom: 2px solid rgb(var(--sc_blue)) !important;
        opacity: 1;
    }
    
    /* media */
    @media (max-width:500px) {
        .sclkArtist_topNavDiv { font-size: 14.5px; }
        .sclkArtist_topNavDiv span.navNumber { display: none; }
    }
    
    
    /* *********************************
	    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: rgba(45, 45, 47, 1); 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: 16px;
		padding: 4px 14px;
		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:600px) {
        #sclkArtist_sidemenu_picture { height: 100px; width: 100px; border-radius: 50px; }
    }
    
    /* 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:600px) {
        #sclkArtist_sidemenu {width: 250px;}
        #sclkArtist_sidemenu_artistname { font-size: 17.6px; }
		#sclkArtist_sidemenu_actionBtns span { padding: 4px 6px; }
        #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: 0 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_contact_wrapper {
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px 0 50px 0;
        overflow: hidden;
        display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 60px;
    }
    #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_contact_wrapper { padding: 20px 0; grid-template-columns: minmax(90vw, 1fr);}
        #sclkArtist_overview_tags { padding: 20px 0; }
    }


/* *********************************
    OVERVIEW: HIGHLIGHT STATS
***********************************/ 
    #sclkArtist_highlights {
        display: flex; align-items: center; justify-content: center;
    }
    .sclkArtist_highlights_group {
        margin: 0 20px 15px 20px;
        display: flex; align-items: baseline;
    }
    .sclkArtist_highlights_groupIcons {
        margin-right: 5px;
    }
    .sclkArtist_highlights_groupIcons i {
        margin: 0 1px;
        color: rgb(134,188,218);
    }
    .sclkArtist_highlights_number {
        margin-right: 10px;
        color: rgb(134,188,218);
        font-size: 26px;
    }
    .sclkArtist_highlights_text {
        font-size: 13.5px;
        font-weight: 500;
        text-transform: uppercase;
        opacity: 0.9;
    }
    
    /* media */
    @media (max-width:600px) {
        #sclkArtist_highlights_songcount { display: none; }
        #sclkArtist_highlights { justify-content: space-around; }
        .sclkArtist_highlights_group { margin: 5px 10px 15px 10px; }
        .sclkArtist_highlights_groupIcons i { font-size: 14px; }
    }


/* *********************************
    OVERVIEW: STATS (PRO CUSTOM LAYOUT)
***********************************/ 
    #sclkArtist_overview_stats_wrapper {
        padding: 20px 0 30px 0;
        display: flex; justify-content: center;
    }
    #sclkArtist_overview_stats {
        display: inline-grid; grid-template-columns: 40px 200px;
        align-items: baseline;
        white-space: nowrap;
    }
    #sclkArtist_overview_stats i {
        font-size: 22px;
    }
    

/* *********************************
    OVERVIEW: TAGLINE
***********************************/  
    #sclkArtist_tagline {
        font-size: 22px; font-weight: 300;
        font-style: italic;
        text-align: center;
        max-width: 800px;
        overflow: hidden;
        margin: 0 auto;
        padding: 8px;
        opacity: 0.9;
    }
    
    /* media */
    @media (max-width:800px) {
        #sclkArtist_tagline { font-size: 20px; padding: 5px 10px; }
    }
  
 
/* *********************************
    OVERVIEW: PROMO
***********************************/  
    #sclkArtist_overviewPromo {
        margin: 100px 0 0 0;
        border-radius: 10px;
        border-top: solid 1px rgb(40,40,40);
        background: rgb(30,30,30);
    }
    #sclkArtist_overviewPromo .sclkArtist_header {
        margin: 10px 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; border-radius: 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%;
    }
    .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 {
        font-weight: 500;
        color: rgba(255,255,255,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_songcount {
        font-size: 13.5px;
        opacity: 0.6;
    }
    
    /* hover */
    .sclkArtist_listedItem:hover .sclkArtist_listedItem_picture { opacity: 1; }
    .sclkArtist_listedItem:hover .sclkArtist_listedItem_title a { color: rgba(255,255,255,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);
       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 20px 0;
    }
    #sclkArtist_songs {
    } 
    #sclkArtist_songs .charts_songBox {
        background: none;
    }
    /* 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;
    }
 
 
/* *********************************
	SONG INFO
***********************************/
    /* sticky header */
    #sclkArtist_songInfo_stickyWrapper {
        position: fixed;
        top: -50px; left: 0; right: 0;
        background: rgb(10,10,10);
        padding: 10px 0;
        transition: 0.3s ease-out;
        z-index: 1000;
    }
    #sclkArtist_songInfo_sticky {
        display: flex; align-items: center; justify-content: center;
    }
    
    /* upper: picture, title and such */
    #sclkArtist_songInfo_upperWrapper {
        padding: 40px 15px 20px 20px;
        background: rgb(10,10,10);
    }
    #sclkArtist_songInfo_upper {
        max-width: 900px;
        margin: 0 auto;
        display: grid; grid-template-columns: 250px 1fr; grid-column-gap: 40px;
        background: rgb(10,10,10);
    }
    #sclkArtist_songInfo_pictureBox {
        display: flex; justify-content: center;
    }
    #sclkArtist_songInfo_picture {
        width: 250px; height: 250px; 
        background-size: cover; background-position:center center; background-repeat: no-repeat;
        background-color: rgb(0,0,0);
    }
    #sclkArtist_songInfo_infoBox {
        display: grid; grid-row-gap: 10px;
        align-self: flex-end;
    }
    #sclkArtist_songInfo_title {
        font-size: 35px;
        font-weight: 600;
    }
    #sclkArtist_songInfo_artist {
        font-size: 18px;
        padding-bottom: 20px;
    }
    #sclkArtist_songInfo_actionBtns {
        height: 50px;
        max-width: 300px; 
        display: flex; align-items: center; flex-wrap: wrap; 
        justify-content: space-between; 
    }
    #sclkArtist_songInfo_actionBtns div {
        margin: 10px 20px 0 0;
        opacity: 0.8;
        display: flex; 
        flex-wrap: wrap; 
        row-gap: 6px; 
        font-size: 11px; 
        width: 35px; 
        justify-content: center;
    }
    #sclkArtist_songInfo_actionBtns div i { 
        font-size: 20px; 
        cursor: pointer;
    }
    #sclkArtist_songInfo_actionBtns div i:hover {
        color: rgba(255,255,255,1);
        opacity: 1;
    }
    #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 */
    }
    
    /* lower: song info in a grid */
    #sclkArtist_songInfo_lowerWrapper {
        background: rgb(25,25,25);
        padding: 20px 15px 30px 15px;
    }
    #sclkArtist_songInfo_lower {
        width: 900px;
        max-width: 100%;
        overflow: hidden;
        box-sizing: border-box;
        margin: 0 auto;
        display: grid; grid-row-gap: 20px;
    }
    #sclkArtist_songInfo_lower i {
        width: 20px; text-align: center;
        margin-right: 6px;
    }
    #sclkArtist_songInfo_lower_actionBtns div {
        height: 30px; width: 200px;
        display: inline-flex; align-items: center; justify-content: center;
        opacity: 0.9;
        margin: 20px 30px 20px 0;
        padding: 10px 5px;
        cursor: pointer;
        font-size: 18px;
        background: rgb(55,55,55);
        color: rgb(255,255,255);
        border-radius: 5px;
    }
    #sclkArtist_songInfo_lower_actionBtns div:hover {
        opacity: 1;
    }
    #sclkArtist_songInfo_lower_actionBtns div.si_licenseBtn {
        background: rgb(59,119,153);
        background: rgb(var(--sc_blue));
    }
    #sclkArtist_songInfo_description {
        font-size: 17px;
    }
    #sclkArtist_songInfo_tagCloud {
        padding: 10px 0;
    }
    
    /* 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(0,0,0);
    }
    .songinfo_section {
        width: 100%;
        overflow: hidden;
        padding: 15px 0;
    }
    .songinfo_section_headers {
        padding-bottom: 20px; 
        font-size: 18px; 
        font-weight: 500; 
        color: rgb(var(--sc_primary_text));
    }
    .songinfo_songTags a, .songinfo_songTags a:link, .songinfo_songTags a:visited {
        display: inline-block;
        padding: 4px 8px; 
        margin: 0 8px 9px 0;
        border-radius: 4px;
        background: rgb(60,60,60);
        color: rgba(250,250,250,0.8);
    }
    .songinfo_songTags a:hover {
        background: rgb(70,70,70);
        color: rgb(250,250,250);
        text-decoration: none;
    }
    .songinfo_metaBlock_gray {
        background: rgb(30,30,30);
        padding: 15px 10px;
        border-radius: 7px;
        display: grid;
        grid-row-gap: 5px;
    }
    .songinfo_metaBlock_columns {
        display: grid;
        grid-template-columns: 90px 1fr;
        grid-row-gap: 5px;
        padding: 14px 0 0 0;
    }
    .songinfo_metaBlock_title {
        font-size: 17px;
        padding-bottom: 5px;
    }
    .songinfo_metaBlock_labels {
        opacity: 0.5;
    }
    .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;
    }
    
    /* 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 {
        padding-bottom: 40px;
    }
    #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 */
    
    .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;
    }
    
    /* when we show only playlists featuring this song */
    #sclkArtist_songInfo_lower_playlists {
        padding: 50px 0 0 0;
        font-size: 24px;
    }
    
    /* media */
    @media (max-width:800px) {
        #sclkArtist_songInfo_upper { grid-template-columns: auto; }
            #sclkArtist_songInfo_infoBox div { display: flex; }
            #sclkArtist_songInfo_picture { width: 220px; height: 220px; margin: 0 0 10px 0; }
            #sclkArtist_songInfo_artist { padding: 0 5px 5px 5px; justify-content: center; }
            #sclkArtist_songInfo_title { padding: 0 5px; font-size: 25px; font-weight: 500; text-align: center; justify-content: center; }
            #sclkArtist_songInfo_actionBtns { width: 300px; justify-self: center; }
    }
    @media (max-width:600px) {
        #songInfo_sheet { touch-action: manipulation; }
    }
    @media (max-width:500px) {
        #sclkArtist_songInfo_upperWrapper { padding: 0 0 20px 0; }
        #sclkArtist_songInfo_actionBtns { max-width: 500px; justify-content: space-around; }
        #sclkArtist_songInfo_actionBtns div { margin: 5px;}
        #sclkArtist_songInfo_picture { width: 100vW; height: 85vW; margin: 0 0 15px 0; }
        #sclkArtist_songInfo_lower { padding: 0; }
        #sclkArtist_songInfo_lower_actionBtns { display: grid; grid-row-gap: 15px; }
        #sclkArtist_songInfo_lower_actionBtns div { width: auto; margin: 0; grid-template-columns: 1fr; }
    }
    
    
    /* SONG INFO - RELATED TRACKS AT BOTTOM */
    #sclkArtist_songInfo_bottomWrapper {
        padding: 30px 0 100px 0;
        max-width: 960px;
        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 .clkArtist2_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_contactDiv {
        max-width: 700px;
        padding: 20px 30px;
        margin-bottom: 30px;
        background: rgba(40,40,40,1);
        border-radius: 8px;
        display: grid;
        grid-row-gap: 20px;
    }
    #sclkArtist_contact_firstRow {
        opacity: 0.5;
    }
    #sclkArtist_contactDiv input[type="text"], #sclkArtist_contactDiv textarea {
        width: 100%; box-sizing: border-box;
        padding: 10px;
        border-radius: 5px;
    }
    #sclkArtist_contactDiv textarea {
        height: 150px;
    }
    
    
/* *********************************
	INTERVIEW (dedicated page)
***********************************/    
    #sclkArtist_interview {
        max-width: 800px;
        margin: 0 auto;
        padding: 30px;
    }
    
    /* media */
    @media (max-width:900px) {
        #sclkArtist_interview { padding: 5px 25px; }
    }
    
    
 /* *********************************
	LICENSES
***********************************/ 
    /* license boxes*/
    #sclkArtist_licenseBox {
        padding: 10px 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: 170px; }
        .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; }
    }