/* Slideshow */
.slideshow { height: 20vh; }

/* items */
.slideshow-items { height: 100%; }

/* Item */
.slideshow-item
{
	visibility: hidden;
	opacity: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.slideshow-item.showing
{
	visibility: visible;
	opacity: 1;
	position: relative;
}

/* Image */
.slideshow-image { height: 100%; }

/* Navigation */
.slideshow-navs
{
	width: auto;
	height: 30px;
	position: absolute;
	bottom: 15px;
	z-index: 1;
}

[dir="rtl"] .slideshow-navs { right: 15px; }
[dir="ltr"] .slideshow-navs { left: 15px; }

#wrapper .slideshow-nav
{
	width: 14px;
	padding: 0;
	margin-right: 3px;
	margin-left: 3px;
	background-color: #aaa;
}

#wrapper .slideshow-nav:hover, #wrapper .slideshow-nav.showing { background-color: #dd4400; }

@media (min-width: 48em) { .slideshow { height: 250px; } }
@media (min-width: 64em) { .slideshow { height: 334px; } }
@media (min-width: 80em) { .slideshow { height: 417px; } }
@media (min-width: 90em) { .slideshow { height: 467px; } }
@media (min-width: 100em) { .slideshow { height: 500px; } }