@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700');



/* Sidebar--Music Player Box----*/

.sidebar {
    padding: 1px;
    flex: 1;
	order:3;
    margin-right: 0px;
	margin-top: 1px;
	padding-bottom: 1px;
    border-top: 4px solid #cccccc;
    background-color: transparent;
	transition: all ease-in 0.5s;
}

.sidebar ul {

  margin-top: 1rem;
  font-size: .75rem;

}

.sidebar ul > li {
    padding: 0rem 0;
}


/* Music Playlist Player */

#playlist{ list-style: none;}

#playlist li a {
	display:inline-block;
            height: 20px;
			color:black;
            text-decoration: none;
			font-family: raleway;
			font-size:20px;
			font-weight:bold;}
			
#playlist .current-song a{
	display:inline-block;

            color:white;
	        background-position:center;
            padding-left: 0px;
            transition:all 0.6s ease;}
 
.fade{ opacity:0.5;}

.fade:hover{ opacity:1;}

audio {display:none;} 

#track {text-align: center;}

.wrapper .main h3 {
	        color: #000000;}
			
#tracks { color: #fff;
	      text-align: center;}
			
#w {color: #FFFFFF;}
/* Music Playlist Player--end-- */


/* Button */

.button {
    width:100%;
    height: 40px;
    display:block;
	color: #fff;
    text-align: center;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 1px 0;
    background-color: #0a0a0a;
	transition: all 0.8s ease;
}

.button p {
    color: #fff;
    font-size: 12px;

}
.button:hover{
	width: 100%;
	height: 40px;
    color: #FFFFF0;
	text-align: center;
	padding: 1px 0;
	margin-top: 1px;
	margin-bottom: 1px;
    background-color: #fff;
	transition: all 0.8s ease;
    font-weight: bold;
}




/* Button Song */

.button-song{
   width:100%;
    display:block;
	height: 40px;
    color: #101010;
    text-align: center;
    padding: 1px 0;
    margin-top: 1px;
	border-radius: 2px;
    padding: 1px 0;
    transition: all 0.6s ease;
	background-color: rgba(0,0,0,0.2);
	
}
.button-song:hover{
   width:100%;
    color: #fffff0;
    text-align: center;
    padding: 1px 0;
    margin-top: 1px;
	border-radius: 2px;
    padding: 1px 0;
    background-color: #ccc;
	transition:all 0.1s ease;}

.button-song a {
    color: #010101;
    font-size: 16px;
	font-weight:bold;


}
.button-song a:hover {
    color: #FFFFF0;
    font-size: 16px;
	font-weight:bold;


}





#side-tabs a.support {
	background-color:rgba(0,0,0,0.2);
	color: #fff;
    font-size: 25px;
	font-family:Inter UI Bold;
	text-align:center;
	border-bottom-right-radius:5px;
    left: 0px;
	top: 0px;
	height: 40px;
	width: 45px;

    padding:1px;
    position: fixed;
	z-index: 9999;
	display:block;
}
#side-tabs a.support:hover {
	background-color:#fec233;
	color: #000;
    font-size: 25px;
	font-family:Inter UI Bold;
	text-align:center;
	border-bottom-right-radius:5px;
    left: 0px;
	top: 0px;
	height: 40px;
	width: 45px;

    padding:5px;
    position: fixed;
	transition:all 0.6s;
	z-index: 9999;
	display:block;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}