@charset "utf-8";
/* CSS Document */

.bss-slides{

  position: relative;

  display: block; 

  line-height: 0;/*removes the gap if you put a border on the slideshow div*/   
}

figcaption {

  line-height: 1.5; /* restores line-height to the child element*/

}

.bss-slides:focus{

 outline: 0;

}

.bss-slides figure{
	top: 0;
	max-width: 1500px;
	width: 100%;
	position: absolute;
}

.bss-slides figure:first-child{

  position: relative;

}

.bss-slides figure img{

  opacity: 0;

  transition: opacity 1.2s;

}

.bss-slides .bss-show{

  z-index: 2;

}

.bss-slides .bss-show img{

  opacity: 1;

  position: relative; 

}



.bss-slides figcaption{

  position: absolute;

  font-family: sans-serif;

  font-size: .8em;

  bottom: .75em;

  right: .35em;

  padding: .25em;

  color: #fff;

  background: #000;

  background: rgba(0,0,0, .25);

  border-radius: 2px;

  opacity: 0;

  transition: opacity 1.2s;

}

.bss-slides .bss-show figcaption{

  z-index: 3;

  opacity: 1;

}

.bss-slides figcaption a{

  color: #fff;    

}

.bss-next, .bss-prev{

  color: #fff;

  position: absolute;

  background: #000;

  background: rgba(0,0,0, .6);

  top: 50%;

  z-index: 4;

  font-size: 2em;

  margin-top: -1.2em;

  opacity: .3;

  user-select: none;

}

.bss-next:hover, .bss-prev:hover{

  cursor: pointer;

  opacity: 1;

}

.bss-next{

  right: -1px;

  padding: 10px 5px 15px 10px;

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

}

.bss-prev{

  left: 0;

  padding: 10px 10px 15px 5px;

  border-top-right-radius: 3px;

  border-bottom-right-radius: 3px;

}

.bss-fullscreen{

  display: block;

  width: 32px;

  height: 32px;    

  background: rgba(0,0,0,.4); 

  background-size: contain;

  position: absolute;

  top: 5px;

  left: 5px;   

  cursor: pointer;    

  opacity: .3;

} 

.bss-fullscreen:hover{

  opacity: .8;   

}