/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


		.dark {
			background-color: #0b1623 !important;
		}

		.cover_gradient {
			background-size: cover;
			background-blend-mode: overlay;
			height: 300px;
		}

		@media only screen and (max-width: 768px) {
		  /* For mobile phones: */
		  [class*="cover_gradient"] {
		    height: 150px;
		  }
		}

		.avatar_image {
			max-width: 190px !important;
			margin-top: 160px !important;
			margin-left: 20px !important;
		}

		@media only screen and (max-width: 768px) {
		  /* For mobile phones: */
		  [class*="avatar_image"] {
		  	position : none !important;
		    max-width: 120px !important;
		    margin-top: 60px !important;
		    margin-left: 30px !important;
		    margin-bottom: 70px !important;
		  }
		}

		.artist_name {
			position : absolute !important;
			margin-top: 200px !important;
			margin-left: 220px !important;
			font-size: 80px !important;
		}

		@media only screen and (max-width: 768px) {
		  /* For mobile phones: */
		  [class*="artist_name"] {
		    margin-top: 190px !important;
		    margin-left: 0px !important;
			font-size: 30px !important;
		  }
		}

		.artist_role {
			position : absolute !important;
			margin-top: 195px !important;
			margin-left: 220px !important;
			font-weight: 500 !important;
		}

		@media only screen and (max-width: 768px) {
		  /* For mobile phones: */
		  [class*="artist_role"] {
		    margin-top: 170px !important;
		    margin-left: 0px !important;
		  }
		}

		.tab-nav {
	    padding: 0 0px !important;
		}

		.tab-nav li a {
		    display: block;
		    padding: 0 15px !important;
		    color: #444;
		    height: 40px;
		    line-height: 40px;
		    background-color: #F2F2F2;
		    font-weight: bold;
		}

		@media only screen and (max-width: 768px) {
		  /* For mobile phones: */
		  [class*=".tab-nav"] {
		    padding: 0px !important;
		  }

		}

		


		.dark .tabs-alt .tab-nav li a {
		    background-color: #0b1623;
		}

		.dark #header-wrap {
		    background-color: #0b1623;
		}

		.dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link {
		    color: #25aae1;
		}

		a {
		    text-decoration: none !important;
		    color: #25aae1;
		}

		.flip-card-front, .flip-card-back{
			height: auto;
		}
		.flip-card-front::after{
			background: none;
		}
		.flip-card-front::after, .flip-card-back::after{
			opacity: 0.8;
		}
		.dark #header-wrap{
			background-color: #0b1623; 
		}


		@media screen and (max-width: 768px) {
		 .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
			    width: 100% !important;
			    margin-right: auto !important;
			    margin-left: auto !important;
			}
		}