.widget.wallpaper {
	background-color: #000;
}

.widget.wallpaper .stacker {
	width:100%;
	height:calc(100vh - 5.9em);
}

.widget.wallpaper .frame {
	position:absolute;
	left:0;
	background-position:center center;
	background-size:cover;
	width:100%;
	height:calc(100vh - 5.9em);
}

.widget.wallpaper.start .frame {
	top:0;
}

.widget.wallpaper.end .frame {
	bottom:0;
}

.widget.wallpaper.sticky .frame {
	top:5.9em;
	position:fixed;
}

.widget.wallpaper h2.maintitle {
	position: absolute;
	top:calc(50vh - 2em);
	color: #FFF;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
	width: calc(1026px * 0.85);
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	z-index:1;
}

/* positioning logic corresponding to .widget.cover */
.widget.wallpaper h2.maintitle {
	margin-left: calc(50% - 437px);
}

.wrapper.has_side_ad .widget.wallpaper h2.maintitle {
	margin-left: calc(50% - 587px);
}

@media screen and (max-width: 1330px) {
	.widget.wallpaper h2.maintitle,
	.wrapper.has_side_ad .widget.wallpaper h2.maintitle {
		margin-left: calc(50% - 437px);
	}
}

@media screen and (max-width: 975px) {
	.widget.wallpaper h2.maintitle {
		margin-left:0;
		left:4%;
		right:4%;
		width: auto;
	}
}



.widget.wallpaper .caption {
	position: absolute;
	color: #ffffff;
	left: 0;
	right: 0;
	bottom: 0;
	padding:10em 8em 8em 8em;
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 10em);
	-webkit-filter:drop-shadow(1px 1px 0.5px rgba(0,0,0,0.6));
	filter:drop-shadow(1px 1px 0.5px rgba(0,0,0,0.6));
}

.widget.wallpaper .caption p {
	margin:0;
}

.widget.wallpaper .caption p .img-text {
	margin-right:0.5em;
}

.widget.wallpaper .caption p .source {
	font-size:0.875em; /* 14px / 16px */
	color:#fff;
	font-style:italic;
	white-space: nowrap;
	text-transform: lowercase;
}

.widget.wallpaper .caption p a {
	color:#ffffff;
	text-decoration:underline;
}

.widget.wallpaper .indicator {
	background-color:#ffffff;
	height:2px;
	position:fixed;
	bottom:2em;
	left:0;
	display:none;
}

.widget.wallpaper.sticky .indicator {
	display:block;
}

.widget.wallpaper .arrow {
	display:none;
	position:fixed;
	width:5em;
	height:5em;
	top:calc(5.9em + 10px);
	right:10px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("/media/img/main/icons/slideshow_all_down.png");
}

.widget.wallpaper.sticky .arrow {
	display:block;
}

/* swiping version */
/* =============== */
.widget.wallpaper.swiping {
	position:relative;
	height:calc(90vh - 5.9em);
}

.widget.wallpaper.swiping .stacker {
	height:calc(90vh - 5.9em);
	position:absolute;
	transition:opacity 0.5s ease;
}

.widget.wallpaper.swiping .frame {
	height:calc(90vh - 5.9em);
}

.widget.wallpaper.swiping .indicator {
	display:block;
	position:absolute;
	transition:left 0.5s ease;
}

.widget.wallpaper.swiping .arrow {
	position:absolute;
	display:block;
	top:calc((100% - 5em) / 2);
	background-image: url("/media/img/main/icons/slideshow_right.png");
}

.widget.wallpaper.swiping h2.maintitle {
	display:none !important;
	top:4%;
}

.widget.wallpaper.swiping[data-step="0"] h2.maintitle {
	display:block !important;
}