.bg-alt-dark {
	background-color: #f9f9f9;
}

.hero-game-center {
	max-width: 1150px;
	margin-top: 2em;
	padding: 0 15px;
}

.hide-large {
	display: none;
}

.column-flex-center {
	align-self: center;
}

.tile-wrap .badge {
	float: right;
}

.device-row .device-wrap {
	margin-top: 2em;
}

.device-row figcaption {
	width: 283px;
}

@media only screen and (max-width: 1068px) {
	.device-row figcaption {
		width: 212px;
	}
}

@media only screen and (max-width: 734px) {
	.hide-large.small-show {
		display: block;
	}
	.small-hide {
		display: none;
	}
}

/* Tiles */
a.tile-link {
	display: block;
	text-decoration: none;
	color: #333333;
	margin-right: 18px;
}
a.tile-link span.more {
	color: #0070c9;
}
a.tile-link .tile-wrap {
	background-color: #f9f9f9;
	border-radius: 0.5em;
	border: 1px solid #e8e8e8;
	/* box-shadow: 1px 3px 6px 1px rgba(204,204,204,0.6); */
	transition: box-shadow 0.2s ease-in-out;
}
body[data-color-scheme="dark"] a.tile-link .tile-wrap {
	border: 1px solid rgba(255, 255, 255, 0.1);
}
a.tile-link:hover {
	text-decoration: none;
}
a.tile-link:hover span.more {
	text-decoration: underline;
	color: #0070c9;
}
a.tile-link:hover .tile-wrap {
	cursor: pointer;
	/* box-shadow: 1px 3px 6px 1px rgba(0,112,201,0.4); */
	box-shadow: 0 0 0 1px rgba(50, 50, 93, 0.01),
		0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.02);
	background-color: #fdfdfd;
}
a.tile-link .tile-wrap .typography-label {
	font-size: 22px;
}

@media only screen and (max-width: 734px) {
	a.tile-link .tile-wrap .typography-label {
		font-size: 21px;
	}
}

/* ========== Grid  ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section.section.section-discovery {
	padding-top: 0;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row.row-header {
	padding-bottom: 2em;
}
#main section .section-content .row > .column {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 734px) {
	#main section.section {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

/* == DARK MODE == */
body[data-color-scheme="dark"] .bg-alt-dark {
	background-color: var(--fill-tertiary);
}
body[data-color-scheme="dark"] a.tile-link .tile-wrap {
	background-color: var(--fill-tertiary);
}