footer {
	text-align: center;
	color: white;
	text-align: center;
	background-color: #14161d;
	padding-bottom: 11%;
	z-index: 0;
	font-size: 0.6em;
}
@media (max-width: 768px) {
	footer {
		background: url("/images/footer/footer-extension.png"),
			linear-gradient(
				to bottom,
				rgba(0, 0, 0, 0) 0%,
				rgba(0, 0, 0, 0) 30%,
				rgba(0, 0, 0, 0.9) 50%
			),
			url("/images/footer/footer-background.jpg");

		background-size: 100% 40%, 100% 100%, 360%;
		background-position: center bottom, 0 0, 47% 0%;

		background-repeat: no-repeat, no-repeat, no-repeat;
		background-blend-mode: darken;
		margin-top: -60%;
		padding-top: 90%;
	}
}
@media (min-width: 769px) {
	footer {
		background-image: url(/images/footer/footer-background.jpg);
		margin-top: -20vw; /* let background bleed up into main */
		padding-top: 30vw; /* leave the mountains uncovered */
		background-size: contain;
		background-repeat: no-repeat;
	}
}

footer.s9 {
	background-color: #19162b;
}
@media (max-width: 768px) {
	footer.s9 {
		background: url("/images/footer/s9-footer-extension.png"),
			linear-gradient(
				to bottom,
				rgba(30, 28, 43, 0) 0%,
				rgba(30, 28, 43, 0) 30%,
				rgba(30, 28, 43, 0.9) 50%
			),
			url("/images/footer/s9-footer-background.jpg");

		background-size: 100% 40%, 100% 100%, 360%;
		background-position: center bottom, 0 0, 47% 0%;
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-blend-mode: darken;

		margin-top: -60%;
		padding-top: 90%;
	}
}
@media (min-width: 769px) {
	footer.s9 {
		background: linear-gradient(
				to bottom,
				rgba(16, 11, 21, 0) 0%,
				rgba(16, 11, 21, 0) 30%,
				rgba(16, 11, 21, 1) 45%
			),
			url("/images/footer/s9-footer-background.jpg");
		background-repeat: no-repeat;

		margin-top: -20vw; /* let background bleed up into main */
		padding-top: 30vw; /* leave the mountains uncovered */
		background-size: contain;
	}
}

.footer-block {
}
@media (max-width: 768px) {
	.footer-block {
		padding: 7%;
	}
}
@media (min-width: 769px) {
	.footer-block {
	}
}

footer .stamped {
	background-image: url(/images/footer/footer-stamp-light.png);
	background-repeat: no-repeat;
	background-size: 15%;
	background-position: 5% 20%;
}

.footer-content-outer {
	text-align: center;
	display: flex;
	justify-content: center;
}

.footer-content-inner {
	max-width: 768px;
}

@media (min-width: 769px) {
	.footer-content-inner p {
		padding: 0 5%;
	}
}

footer h4 {
	font-family: "modestolite", sans-serif;
	font-size: 1.4em;
	margin-bottom: 1.5em;
	position: relative;
}

.footer-stamp {
	position: absolute;
}
@media (max-width: 768px) {
	.footer-stamp {
		bottom: -10px;
		width: 32%;
		left: 0;
	}
}
@media (min-width: 769px) {
	.footer-stamp {
		width: 16%;
		bottom: -130px;
		left: -13%;
	}
}

footer hr {
	border: 1px solid var(--lightgold);
	opacity: 0.5;
}
@media (max-width: 768px) {
	footer hr {
		margin: 2em 20%;
	}
}
@media (min-width: 769px) {
	footer hr {
		margin: 2em 28%;
	}
}

nav.footer {
	margin-bottom: 1.5em;
}

nav.footer > ul {
	display: flex;
	justify-content: center;
}
@media (max-width: 768px) {
	nav.footer > ul {
		/* flex-direction: column; */
		gap: 15px;
		display: flex;
		flex-wrap: wrap;
	}
}
@media (min-width: 769px) {
	nav.footer > ul {
		flex-direction: row;
		gap: 18px;
	}
}

nav.footer > ul li {
	list-style: none;
}
@media (max-width: 768px) {
	nav.footer > ul li {
		display: flex;
		justify-content: center;
	}
	nav.footer > ul li:first-child {
		width: 100%;
		justify-content: center;
	}
	nav.footer > ul li:nth-child(2n) {
		width: calc(50% - 15px);
		justify-content: flex-end;
	}
	nav.footer > ul li:nth-child(2n + 1):not(:first-child) {
		width: calc(50% - 15px);
		justify-content: flex-start;
	}
}
@media (min-width: 769px) {
	nav.footer > ul li {
		display: inline-flex;
	}
}

nav.footer a {
	color: white;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: 600;
}

nav.footer a:hover {
	font-weight: 700;
}

.platform-logos {
	/* display: flex; */
	/* flex-direction: row; */
	/* flex-wrap: nowrap; */
	align-items: center;
	margin-bottom: 2em;
}
.platform-logos img {
	height: 2.5em;
	width: auto;
}
@media (max-width: 768px) {
	.platform-logos img {
		margin: 3px 3px;
	}
}
@media (min-width: 769px) {
	.platform-logos img {
		margin: 0 5px;
	}
}

.esrb.image-container {
	margin-bottom: 2em;
}
.esrb img {
	width: 25%;
}
@media (max-width: 768px) {
	.esrb img {
		width: 40%;
	}
}
@media (min-width: 769px) {
	.esrb img {
		width: 25%;
	}
}
date {
	/* color: #ffffff00; */
}