/* Slideshow container */
	.slideshow-container {
	  position: relative;
	  background: #FFF;
	}
	
	/* Slides */
	.slideshow-slide {
	  display: none;
	  text-align: center;
	}
	
	.prev, .next {
	  cursor: pointer;
	  position: absolute;
	  top: 50%;
	  width: auto;
	  margin-top: -70px;
	  padding: 16px;
	  color: #555;
	  font-weight: bold;
	  font-size: 20px;
	  border-radius: 0 3px 3px 0;
	  user-select: none;
	}
	
	/* Position the "next button" to the right */
	.next {
	  position: absolute;
	  right: 0;
	  border-radius: 3px 0 0 3px;
	}
	
	.prev:hover, .next:hover {
	  color: #222;
	}
	
	.slideshow-dot-container {
	  text-align: center;
	}
	
	.dot {
	  cursor: pointer;
	  height: 10px;
	  width: 10px;
	  margin: 0 4px;
	  background-color: #FFF;
	  border-radius: 50%;
	  border: 1px solid var(--orange);
	  display: inline-block;
	  transition: background-color 0.6s ease;
	}
	
	.active, .dot:hover {
	  	background-color: var(--orange);
	}

	.fade {
		-webkit-animation-name: fade;
		-webkit-animation-duration: 1400ms;
		animation-name: fade;
		animation-duration: 1400ms;
	}
	
	@-webkit-keyframes fade {
		from {opacity: .5} 
		to {opacity: 1}
	}
	
	@keyframes fade {
		from {opacity: .5} 
		to {opacity: 1}
	}