/* Main Section */

/* Carousel */
#carousel{
	height:20vh;
	margin:5%;
	display:flex;
	flex-direction:row;
}
/* Carousel Images */
.carousel-images{
	height:10%;
}
.carousel-images img{
	width:100%;
	box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.8);
}
/* Carousel Images -LEFT */
#left{
	opacity:20%;
	width:38%;
	transition:width linear 0.5s;
}
#left:hover{
	width:40%;
	opacity:100%;
	z-index:1;
}
/* Carousel Images -RIGHT */
#right{
	opacity:20%;
	width:38%;
	transform:translateX(50%);
	transition:width linear 0.5s;
}
#right:hover{
	width:40%;
	opacity:100%;
	z-index: 1;
}
/* Carousel Images -CENTER */
#center{
	width:40%;
	z-index: 1;
	transform:translateX(-125%);
	transition:width linear 0.5s;
}
#left:hover ~ #center{
	z-index: 0;
	width:38%;
	opacity:20%;
}
#right:hover ~ #center{
	z-index: 0;
	width:38%;
	opacity:20%;
}


/* Latest Release */

#latest-release{
	color:var(--text-color-white);
	margin-top:8%;
}
/* Latest Release- elements */
#latest-release-onism{
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
}
#latest-release-onism>div{
	margin-bottom:1%;
	width:50%;
}
/* Latest Release- image */
.onism-img{
	height:100%;
	width:20%;
	background-image: url('https://www.bing.com/th?id=AMMS_feca24ae537f3f5d8309c2f83bac3216&w=72&h=72&c=7&rs=1&qlt=80&cdv=1&dpr=1.5&pid=16.1');
	background-size: cover;
}
.onism-img:hover #play{
	display:block;
}
/* Latest Release- play pause button */
.play-button-1{
	position:absolute;
	display:none;
	border:none;
	background-color:transparent;
	transform:translate(100%,250%);
}
.play-button-1 i{
	color:white;
}
/* Latest Release- song description */
.onism-dec{
	width:40%;
	margin:6%;
}
/* Latest Release- Dropdown hover effects */
.Onism-button:hover+.dropdown-content{
	display:block;
	background-color:white;
	color:black;
}
.dropdown-content{
	width:18%;
	list-style: none;
	display:none;
	position: absolute;
	padding: 0%;
}
.dropdown-content li{
	padding:1%;
	border-bottom: 1px solid lightgrey;
}
.dropdown-content li i{
	color:lightgrey;
	padding:5%;
}


/* Popular Artist */

#popular-artist{
	color:var(--text-color-white);
	height:30vh;
	margin-top:8%;
}

/* Popular Artist- elements */
.popular-artist-names{
	width:16%;
}

/* Popular Artist- Image */
.popular-artist-names img{
	width:100%;
	border-radius:50%;
}

/* Popular Artist- Button for single player HTML page 2 */
.button-single-player{
	position:absolute;
	display:none;
	border:none;
	background-color:transparent;
	transform:translate(200%,-350%);
}
#single-player:hover{
	opacity:0.75;
}
#single-player:hover .button-single-player{
	display:block;
}

/* Categories */
#categories-head{
	margin-top:8%;
}
/* Categories elements */
#categories{
	height:20vh;
	align-items:center;
	background-color:#24245a;
}
#categories div{
	width:15%;
}
/* Categories Image */
#categories div img{
	width:100%;
	border-radius:50%;
	opacity:0.5;
}
/* Categories Name for Image */
.categories-name{
	color:var(--text-color-white);
	position:absolute;
	transform:translate(-20%,-350%);
}

/* party-electronic-road */
#party-electronic-road{
	margin-top:8%;
	height:20vh;
}
/* party-electronic-road Image */
.party-electronic-road-img{
	width:30%;
	background-size: cover;
	background-repeat:no-repeat;

}
.party-electronic-road-img:hover{
	background-size: 200%;
}
.song-types{
	color:var(--text-color-white);
	line-height: 500%;
}

/* Latest Hindi & Latest English */
.latest{
	margin-top:8%;
	color:var(--text-color-white);
	height:25vh;
}
.latest-names{
	width:20%;
	font-size:80%;
}
.latest-names img{
	width:90%;
}