/* main containers */
.ths-main ul { margin-bottom: 0; }
.ths-main li > p { margin-bottom: 5px; }

.ths-primary .sectioned-l { flex-basis: 55%; }
.ths-primary .sectioned-r { flex-basis: 45%; }
.ths-secondary .sectioned-l { flex-basis: 45%; }
.ths-secondary .sectioned-r { flex-basis: 55%; }

.ths-secondary.sectioned-v { max-height: 600px; }

/* direct download links */
.ths-dl-ddls {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.ths-dl-header, .ths-dl-ddls { margin-bottom: var(--main-spacing); }

.ths-dl-ddls > .btn:first-of-type { margin-bottom: var(--quarter-spacing); }

/* qr code */

img.qr {
	width: 300px;
	height: 300px;
	margin-bottom: 10px;
	align-self: center;
	background-color: var(--wb);
	color: var(--bw);
}

/* 3hs screenshot */

/* past releases */

.ths-pastrelease {
	margin-bottom: 10px;
	background-color: var(--clevel-3);
	padding: 10px;
	border-radius: 10px;
	flex-grow: 1;
}
.ths-pastrelease:last-of-type { margin-bottom: 0; }

.ths-releasehistory-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* language list */

.lang-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.lang {
	display: inherit;
	margin: 2px;
	padding: 2px 4px;
	border-radius: 5px;
	background-color: var(--clevel-2);
	flex-wrap: nowrap;
}

.lang > span { font-size: calc(var(--basic-font-size) * 0.75); }

/* 3hs screenshot slider */

.ths-imgslide {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.ths-imgslide-btn {
	height: 80px;
	width: 50px;
	fill: var(--clevel-3);
	transition: ease 0.4s;
	cursor: pointer;
}

.ths-imgslide-btn:hover {
	fill: var(--green);
	transition: ease 0.2s;
}

.ths-imgslide-btn:first-of-type { margin-right: 10px; }
.ths-imgslide-btn:first-of-type:hover { transform: translateX(-5px); }
.ths-imgslide-btn:first-of-type:active { transform: translateX(-15px); }
.ths-imgslide-btn:last-of-type { margin-left: 10px; }
.ths-imgslide-btn:last-of-type:hover { transform: translateX(5px); }
.ths-imgslide-btn:last-of-type:active { transform: translateX(15px); }

.ths-imgslide-desc { padding-top: 10px; }

.ths-imgslide-indicator {
	display: flex;
	justify-content: flex-end;
}

.ths-imgslide-frame {
	padding: 10px;
	border-radius: 10px;
	width: 370px;
	height: 440px;
	background-color: var(--clevel-3);
}

img.ths-screenshot {
	width: 350px;
	height: 420px;
	transition: ease 0.3s;
}

.faded-out { opacity: 0%; }

.ths-imgslide-frame,
.ths-sectioned-m,
.ths-pastrelease,
img.qr {
	transition: var(--fade);
}

@media only screen and (max-width: 1200px) {
	.ths-dl-header, .ths-dl-ddls { margin-bottom: var(--half-spacing); }

	.ths-secondary.sectioned-v { max-height: initial; }

	/* image slider */

	img.ths-screenshot {
		width: initial;
		height: initial;
		max-width: 230px;
		max-height: 280px;
	}

	.ths-imgslide-frame {
		width: initial;
		height: initial;
		max-width: 250px;
		max-height: 300px;
	}

	.ths-imgslide-btn { height: 100px; width: 35px; }
}