.template--images #main-content {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
.gallery a {
	overflow: hidden;
}
.gallery a:not(.jg-entry) img {
	opacity: 0;
}
.gallery img {
	transition: transform 0.5s, opacity 0.3s !important;
}
/*
.gallery a:hover img {
	transform: scale(1.3);
}
*/
.motion {
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.motion.finished {
}
body:not(.template--basic-page) .motion {
	position: absolute;
	opacity: 0;
	transition: opacity 4s;
}
body.template--images .motion:nth-of-type(1) {
	opacity: 1;
}
.motion.current {
	z-index: 3;
}
.motion > img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	transition: opacity 1s;
}
.motion > img:nth-of-type(1) {
	opacity: 1;
	z-index: -1;
}
.motion > button {
	width: 60px;
	height: 60px;
	margin: auto;
	opacity: 0.45;
	transition: opacity 0.3s, visibility 0s 0.3s;
}
.motion.removed {
	display: none;
}
.motion.finished > button,
.motion.playing > button {
	opacity: 0;
	visibility: hidden;
}
.motion.loaded[data-autoplay="true"] > button {
	display: none;
}

.play-icon .outer {
	fill: none;
	stroke-width: 3;
	stroke: white;
	opacity: 0.7;
}
.play-icon .filler {
	stroke: none;
	fill: #ccc;
	opacity: 0.5;
}
.play-icon .triangle {
	stroke: none;
	fill: white;
}
.play-icon .outer,
.play-icon .filler {
	transition: opacity 0.3s, stroke-width 0.3s;
}
.play-icon .triangle {
	transform-origin: center center;
	transition: transform 0.3s, fill 0.3s;
}
.motion.loading .play-button .outer,
.motion .play-button:hover .outer,
.motion .play-button:hover .filler {
	opacity: 1;
}