/*****************************************************************************************************
 /$$      /$$ /$$      /$$       /$$$$$$$   /$$$$$$  /$$   /$$ /$$   /$$ /$$$$$$$$ /$$$$$$$   /$$$$$$ 
| $$  /$ | $$| $$  /$ | $$      | $$__  $$ /$$__  $$| $$$ | $$| $$$ | $$| $$_____/| $$__  $$ /$$__  $$
| $$ /$$$| $$| $$ /$$$| $$      | $$  \ $$| $$  \ $$| $$$$| $$| $$$$| $$| $$      | $$  \ $$| $$  \__/
| $$/$$ $$ $$| $$/$$ $$ $$      | $$$$$$$ | $$$$$$$$| $$ $$ $$| $$ $$ $$| $$$$$   | $$$$$$$/|  $$$$$$ 
| $$$$_  $$$$| $$$$_  $$$$      | $$__  $$| $$__  $$| $$  $$$$| $$  $$$$| $$__/   | $$__  $$ \____  $$
| $$$/ \  $$$| $$$/ \  $$$      | $$  \ $$| $$  | $$| $$\  $$$| $$\  $$$| $$      | $$  \ $$ /$$  \ $$
| $$/   \  $$| $$/   \  $$      | $$$$$$$/| $$  | $$| $$ \  $$| $$ \  $$| $$$$$$$$| $$  | $$|  $$$$$$/
|__/     \__/|__/     \__/      |_______/ |__/  |__/|__/  \__/|__/  \__/|________/|__/  |__/ \______/ 
*****************************************************************************************************/
.artist-slider-container
{
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 750px;
}

@media screen and (max-width:768px)
{
	.artist-slider-container
	{
		height: 50vh;
	}
}

.artist-slider-container .banner-image
{
	position: relative;
	height: 100%;
}

.artist-slider-container .swiper-wrapper
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 100%;
	width: 100%;
}

/* Image Background */
.artist-slider-container .banner-image > div:first-of-type
{
	background-size: cover;
	background-position: top center;
	height: 100%;
}

/* Video Background */
.artist-slider-container video
{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	margin: 0 auto;
	height: 100%;
}

.banner-media-container
{
	overflow: hidden;
}

/* Prevous and Next Buttons */
.artist-slider-container .banner-button-container
{
	position: absolute;
	z-index: 25;
	bottom: 0;
	right: 0;
	margin-top: auto;
	margin-bottom: 0;
	display: block;
	width: 146px;
	height: 52px;
	background-color: #000000;
	cursor: default;
}

.artist-slider-container .banner-button-container .spacer
{
	position: absolute;
	height: 28px;
	width: 15px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.artist-slider-container .banner-controls.banner-button.previous,
.artist-slider-container .banner-controls.banner-button.next
{
	position: absolute;
	z-index: 25;
	top: 0;
	bottom: 0;
	display: flex;
    justify-content: center;
    align-items: center;
	width: 37px;
	height: 21px;
	margin: auto 0;
	cursor: pointer;
}

.artist-slider-container .banner-controls.banner-button.previous
{
	left: 20px;
	transition: all 100ms;
}

.artist-slider-container .banner-controls.banner-button.next
{
	right: 20px;
	transition: all 100ms;
}

.artist-slider-container .banner-controls.swiper-button-disabled
{
	display: none;
}

.artist-slider-container .banner-controls.banner-button.previous:hover
{
	
}

.artist-slider-container .banner-controls.banner-button.next:hover
{
	
}

.artist-slider-container .banner-controls.banner-button.previous:active
{
	transform: translateX(-3px);
}

.artist-slider-container .banner-controls.banner-button.next:active
{
	transform: translateX(3px);
}

.artist-slider-container .banner-controls.banner-button:focus
{
	outline: none;
}