/*
	maze-music custom css
*/


/* hack */
#gearContainer.gear svg {
	height:900px!important;
	width:900px!important;
	max-height:900px!important;
	max-width:900px!important;
}
/**/


html::after{
	content: '';
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	background-image: url("images/base-body-overlay.gif");
	background-size:6%;
	opacity: .07;
	pointer-events: none
}




.vignette::before {
	content:"";
background:url("images/vignette.png") 0 0 no-repeat;
background-size:cover;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: fixed;
z-index: 9909;
pointer-events: none;
	opacity: .5;
}

/* Nav for the Player page */
.navBack {
	position: fixed;
	top: 0;
	left:0;
	display: block;
	margin: 1.5em;
	z-index:99999;
	background-color: rgba(0, 0, 0, 0.75);

}

hr {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}


/* Hide Label of Miniplayer - cause Label doesnt update properly */
 .gearMini .gearLabel {
	display:none;
}
/* ---- */	
.gear-volume-down, .gear-volume-up {
	display:none;	
}	


@media (min-width: 960px) {
  .stage, .gearWrap{
    border: 14px solid #fff;
    overflow:scroll;
    
  }
  .gearMini {
	margin:1.5em;
	}
  .navBack {
	margin:1.5em;
	margin-left:1em;
	}
}


ul.uk-lightbox-items iframe {
	width:200px!important;
}

/* Play Icon animation */
/*
.playicon {
  outline: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
*/
.playicon {
	color: #ffffff;

    -webkit-transition: all 200ms ease-out;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-out;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-out;
    -moz-transform: scale(1);
    transition: all 200ms ease-out;
    transform: scale(1);   

}

/*
.playicon:hover,
.playicon:active,
.playicon:focus {
  color: #ffffff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
*/

.playicon:hover,
.playicon:active,
.playicon:focus {
    z-index: 2;
    -webkit-transition: all 200ms ease-out;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-out;
    -ms-transform: scale(1.5);   
    -moz-transition: all 200ms ease-out;
    -moz-transform: scale(1.5);
    transition: all 200ms ease-out;
    transform: scale(1.5);
}

.playicon svg, a.backbutton svg {
	cursor: pointer;
	
	/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
	-ms-filter: drop-shadow( 1px 1px 0px #000 );
    -webkit-filter: drop-shadow( 1px 1px 0px #000 ); 
    filter: drop-shadow( 1px 1px 0px #000 );
            

	}






body, html {
	background-color:#111111;
}


#_gAlbum .albumgroup .title {
    font-family: 'Open Sans', sans-serif!important;
    font-size: 1.25rem;
    font-weight: normal;
    letter-spacing: 0;
  }