/* plugin CSS */

div.slideshow {
	position: relative;
	height: 100%; width: 100%;
}

div.slideshow > .container {
	position: relative;
	height: 100%; width: 100%;
	overflow: hidden;
}

div.slideshow > .container > *:not(script) {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
}


div.slideshow .slide-button {
	background: rgba(0,0,0,.4);
	position: absolute;
	top: 50%;
	height: 60px;
	width: 60px;
	border-radius: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60%;
	cursor: pointer !important;
	opacity: 0;
	pointer-events: none;
    transition: ease-in-out .3s;
	transform: translatey(-50%);
}

div.slideshow .slide-button:hover {
	width: 80px;
	height: 80px;
	border-radius: 40px;
}

div.slideshow .slide-button.enabled {
	opacity: 1;
	pointer-events: auto;
}

div.slideshow .slide-button.prev {
	left: 20px;
	background-image: url(./img/arrow-left.svg);
}

div.slideshow .slide-button.prev:hover {
	left: 10px;
}

div.slideshow .slide-button.next {
	right: 20px;
	background-image: url(./img/arrow-right.svg);
}

div.slideshow .slide-button.next:hover {
	right: 10px;
}