/*
Theme Name: KEM ARTISTS
*/


.video{
/*height: auto;*/
width: 100%;
margin:0px;
padding:0px;
}

iframe, embed, object {
border: medium none;
float: left;
height: 100%;
margin: 0;
max-width: 100%;
padding: 0;
position: absolute;
width: 100%;
z-index: 0;
top: 0px;
left: 0px;
background:#000; 	
}

#embed {
margin:0px;
padding:0px;
}


.vimthumbs li {
cursor:pointer !important;	
position: relative;
float: left;
height: auto;
width: 100%;
opacity: 1;
margin:0;
padding: 0;
/*filter: grayscale(1);
-webkit-filter: grayscale(1);*/
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}


#player1 {
/*height: 100%;*/
margin:0;
padding: 0;
z-index: 0;
width: 100%;
float:left;
}

#vidimg {
z-index:1;
position: absolute;
float: left;
top: 0px;
left:0px;
margin: 0;
padding: 0;
/*height: 100%;*/
width:100%;
  overflow: hidden;
  z-index:1;
}

.vidthumb {
width:100%;
   scale:1;
  -webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms; 
  z-index:1;
}

.vidthumb:hover {
  scale:1.1;
  -webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
  z-index:1;
}

#spotcredits {
background-color:transparent;
display: inline;
height: auto;
left: 0;
position: absolute;
text-align: left;
text-transform: lowercase;
bottom: 0%;
transform: translate(0%, -60%);
width: 100%;
z-index: 1;
padding: 0px 30px;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
pointer-events: none !important;	
}


.spottitle {
width: 100%;
font-size: 35px;
display: inline-block;
margin-left:70px;
position:relative;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
pointer-events: none !important;
}
.spotdesc {
width: 100%;
font-size: 20px;
display: inline-block;
margin-left:70px;
position:relative;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
pointer-events: none !important;
}


.playbtn {
background-color: transparent;
background-image: url("https://kemartists.com/wp-content/themes/kemartists2026/bpvimeo/play-btn.png");
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
display: inline-block;
height: 60px;
position: absolute;
top: 0px;
width: 60px;
z-index:0;
left: 30px;
  -webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
  scale:1;
pointer-events: none !important;	
}

.playbtn:hover {
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
  scale:.96;
  filter:brightness(150%);
  z-index: 9999 !important;
} 

.hide { 
-webkit-transition: all 1000ms;
-moz-transition: all 1000ms;
-ms-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
opacity:0;
/*transform: scale(.8) rotate(-3deg);*/
z-index:-1;
}


.fade { 
-webkit-transition: all 1000ms;
-moz-transition: all 1000ms;
-ms-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
opacity:0;
-webkit-transition: opacity 1s; 
-moz-transition: opacity 1s; 
transition: opacity 1s;

}



/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1024px), screen and (max-device-width:1024px) {
}

@media only screen and (max-width:660px), screen and (max-device-width:660px) {

.spottitle {
font-size: 18px;
margin-left:50px;	
}
	
.spotdesc {
font-size: 13px;
margin-left:50px;	
}

.playbtn {
height: 40px;
top: -5px;
width: 40px;
}
	
}