@charset "UTF-8";
/* CSS Document */
body{background:rgba(0,0,0,0)}

button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
.soundControl{
  background-color:rgba(0,0,0,0.50);
  border: none;
  padding: 1.2vmin 2vmin;
  margin: 2.3vmin;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 1vmin;
  box-shadow: 0 1vmin 2vmin 0 rgba(0,0,0,0.2), 0 0.8vmin 2.4vmin 0 rgba(0,0,0,0.19);
  position: absolute;
  left: 0;
  z-index: 2;
}
.playControl {
  background-color:rgba(0,0,0,0.50);
  border: none;
  padding: 1.2vmin 2vmin;
  margin: 2.3vmin;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 1vmin;
  box-shadow: 0 1vmin 2vmin 0 rgba(0,0,0,0.2), 0 0.8vmin 2.4vmin 0 rgba(0,0,0,0.19);
  position: absolute;
  left: 10vmin;
  z-index: 2;
}
.soundControl:hover, .playControl:hover{
    background-color: rgba(50,50,50,0.70);
}
.soundControl:focus, .playControl:focus{
    outline-color: rgba(50,50,50,1.00);
}
.soundControl span img{
    width:3vmin;
    opacity: 60%;
}
 .playControl img{
    width:3vmin;
    opacity: 60%;
}
.soundControl > span:last-of-type,
.soundControl.active > span:first-of-type
        {
            display: none;
        }
 
.soundControl.active > span:last-of-type {
            display: inline-block;
        }
.soundControl.active > span:last-of-type img{
            opacity: 100%;
        }

.photo{width:100%;
	padding-top: 15px;
	box-sizing:border-box;
}

img{
	margin: 0 auto;
}

h1 {margin:7px 0px;
	font-size: 15px;
}

.next{padding: 7px;
      text-align: right;
	  border-bottom: thin solid rgba(218,218,218,1.00);
	width:100%;
	box-sizing:border-box;
     font-size:16px;
	font-weight: bold;}

.next a{color: rgba(255,255,255,1.00); }

.category{width:100%;
	box-sizing:border-box;	
	color: rgba(255,255,255,1.00);	
}

a:hover {color:rgba(255,25,25,1.00);
	     text-decoration: none;
         cursor: none;
}

video{height: 800px;
      margin:20% 0;
     }
video.square{
	margin:15% 0 0;
}


body {
  position: relative;
  cursor: none;
}

.container-fluid{
	padding-left: 0;
	padding-right: 0;
}




.cursor,
.follower {
  position: fixed;
  top: 0;
  left: 0; 
  pointer-events: none;
  cursor:none;
}
.cursor {
  width: 10px;
  height: 10px;
    border-radius: 50%;  
    background-color: rgba(255,255,255,1.00);
    mix-blend-mode: difference;
  z-index:5;
}

.follower {
    border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: transform ease .1s;
  text-align: center;
    background-color: rgba(255,255,255,1.00);
    mix-blend-mode: difference;
    z-index:4;
  
 
}
  
.cursor.is-active-invert{
    background-color: rgba(0,0,0,0.35);
    mix-blend-mode: normal;
}
  .follower.is-active-invert{
    transform: scale(2);   
  }


.cursor.invisible-slideshow, .follower.invisible-slideshow{
    opacity: 0;
}
	

@media (max-width: 480px){
.soundControl span img{
    width:6vmin;
}
 .playControl img{
    width:6vmin;
}
.playControl {
    left:12vmin;
}
}