/* Items */
.slideshow-roll-items
{
	cursor: default;
	counter-reset: slidehosw-roll;
	height: 500px;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* Item */
.slideshow-roll-item
{
	counter-increment: slidehosw-roll;
	height: 500px;
	position: absolute;
	top: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

/* Item video */
.slideshow-roll-item-video { height: 100%; }

/* Item image */
.slideshow-roll-item-image
{
	height: 100%;
	margin: 0;
}

/* Item information */
.slideshow-roll-item-information
{
	text-align: center;
	padding: 20px;
	position: absolute;
	z-index: 1;
}

[dir="rtl"] .slideshow-roll-item-information { right: 0; }
[dir="ltr"] .slideshow-roll-item-information { left: 0; }

/* Item description */
#wrapper .slideshow-roll-item-description
{
	font-size: 1.5em;
	line-height: 30px;
}

[dir="rtl"] .slideshow-roll-item-description {}
[dir="ltr"] .slideshow-roll-item-description {}

/* Item title */
.slideshow-roll-item-title
{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 3em;
	font-weight: 700;
	line-height: 1em;
}

/* Item button */
#wrapper .slideshow-roll-item-btn
{
	width: auto;
	padding-right: 30px;
	padding-left: 30px;
	font-size: .9em;
	line-height: 40px;
	text-transform: uppercase;
	color: #fff;
	background-color: var(--theme-light-color);
	border-radius: 0;
}

/* Navs */
.slideshow-roll-navs
{
	counter-reset: slidehosw-roll;
	position: absolute;
	bottom: 20px;
	z-index: 10;
}

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

#wrapper .slideshow-roll-nav
{
	counter-increment: slidehosw-roll;
	width: auto;
	font-size: .9em;
	font-weight: 700;
	line-height: 30px;
	color: var(--theme-color);
	border-radius: 0;
}

#wrapper .slideshow-roll-nav.show { color: var(--theme-light-color); }
[dir="rtl"] #wrapper .slideshow-roll-nav.show { padding-left: 40px; }
[dir="ltr"] #wrapper .slideshow-roll-nav.show { padding-right: 40px; }
.slideshow-roll-nav:before { content: counters(slidehosw-roll, ".", decimal-leading-zero); }

#wrapper .slideshow-roll-nav:after
{
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	background-color: var(--theme-color);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

[dir="rtl"] #wrapper .slideshow-roll-nav:after { left: 5px; }
[dir="ltr"] #wrapper .slideshow-roll-nav:after { right: 5px; }

#wrapper .slideshow-roll-nav.show:after
{
	width: 30px;
	height: 1px;
}

@media (min-width: 48em) {
	.slideshow-roll-item-information { padding: 40px; } 
}
@media (max-width: 48em) {
	.slideshow-roll-items{height: 200px;}
    .slideshow-roll-item{height: 200px;}
    .slideshow-roll-item-title
    {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 1em;
     }
}