/* body[data-color-scheme="light"] {
	--glyph-fill: #fff;
	--glyph-fill-reverse: #000;
	--glyph-link: #06c;
	--fill-background-app: #e8e8e8;
} */

body[data-color-scheme="dark"],
body[data-color-scheme="light"].theme-dark {
	--glyph-fill: #000;
	--glyph-fill-reverse: #fff;
	--glyph-link: #2997ff;
	--fill-background-app: #333;
}

.theme-dark .callout {
	background-color: #001d25;
	border: none;
	padding: 1em 12% 2em;
}

.callout h4 + p {
	margin-top: 0.8em;
}

.image-hero-container {
	width: 50%;
	margin: 0 auto;
}

@media only screen and (max-width: 1068px) {
	.image-hero-container {
		width: 70%;
	}
}

@media only screen and (max-width: 734px) {
	.image-hero-container {
		width: 80%;
	}
}

.image-hero-wrapper {
	--hero-width: 2000;
	--hero-height: 1062;
	position: relative;
	height: 0;
	padding-top: calc(var(--hero-height) / var(--hero-width) * 100%);
}

@media only screen and (max-width: 734px) {
	.image-hero-wrapper {
		--hero-width: 1311;
	}
}

.ada-winners-award {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: auto;
}

.section-finalists .large-4 > * {
	margin-right: auto;
	margin-left: auto;
}

.icon-finalist {
	margin: 0 auto 1em;
	border-radius: 22.5%;
	width: 128px;
	height: 128px;
	background-size: 100% 100%;
	background-position: center 0;
	background-repeat: no-repeat;
	border: 1px solid var(--fill-background-app);
}

.icon-finalist-small {
	margin: 0.5em 0;
	width: 96px;
	height: 96px;
}

.bg-light .icon-finalist {
	border: 1px solid var(--glyph-fill);
}

body[data-color-scheme="light"] .bg-light .icon-finalist {
	border: 1px solid #e8e8e8;
}

.section-finalists a.block-link {
	display: inline-block;
	margin-top: 4em;
}
.section-finalists a.block-link:hover {
	text-decoration: none;
}
.section-finalists h5 + p {
	margin-top: 0;
}
.section-finalists a.block-link p:not(.lighter) {
	color: var(--glyph-fill-reverse);
}
.section-finalists a.block-link h5 {
	color: var(--glyph-link);
}

.section-finalists a.block-link:hover h5 {
	text-decoration: underline;
}

@media only screen and (max-width: 734px) {
	.icon-finalist {
		margin: 0 auto 0.5em;
	}
	.icon-finalist-small {
		margin: 0.5em 0;
	}
}

.section-winners a.block-link {
	display: inline-block;
}
.section-winners a.block-link:hover {
	text-decoration: none;
}
.section-winners h4 + p {
	margin-top: 0;
}
/* .section-winners a.block-link p {
	color: #fff;
} */
.section-winners a.block-link h4 {
	color: var(--glyph-link);
}
.section-winners a.block-link:hover h4 {
	text-decoration: underline;
}

.finalist-line-break {
	max-width: 92%;
}

/* === winners styles === */
body[data-color-scheme="light"] {
	--keyline-color: #e8e8e8;
	--keyline-bright-color: #dddddd;
}

body[data-color-scheme="dark"],
body[data-color-scheme="light"].theme-dark {
	--keyline-color: #444;
	--keyline-bright-color: #777;
}

.keyline {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid var(--keyline-color);
}

.keyline-bright {
	margin-top: 2em;
	margin-bottom: 2em;
	border-top: 1px solid var(--keyline-bright-color);
}

@media only screen and (max-width: 734px) {
	.keyline-bright {
		margin-bottom: 1em;
	}
}

.lighten {
	opacity: 0.7;
}

/* .section-winners {
	padding-top: 0em !important;
} */

.section-winners h2 {
	font-size: 34px;
}
.section-winners h3 {
	font-size: 20px;
}
.section-winners h3,
.section-winners p {
	margin-top: 0.75em;
}
.section-winners p.view {
	margin-top: 1.5em;
}
.section-winners .divider-strong {
	border-top: 1px solid #999;
	padding-top: 4em;
}

.icon-winner {
	border-radius: 34px;
	/* margin-left: -30px; */
	width: 128px;
	height: 128px;
	background-size: 100% 100%;
	background-position: center 0;
	background-repeat: no-repeat;
	border: 1px solid var(--fill-background-app);
	margin-top: 20px;
}

@media only screen and (max-width: 734px) {
	.icon-winner {
		margin-top: 0;
	}
}

.typography-eyebrow-reduced.lighter {
	font-size: 19px;
}

@media only screen and (max-width: 1068px) {
	.section-winners h2 {
		font-size: 28px;
	}
	.section-winners h3 {
		font-size: 18px;
	}
}
@media only screen and (max-width: 734px) {
	.section-winners h2 {
		margin-top: 0;
		font-size: 24px;
	}
	.section-winners h2.heading-gradient {
		font-size: 32px;
	}
	.icon-winner {
		margin-bottom: 2em;
		margin-left: 0;
	}
	.section-winners .divider-strong {
		padding-top: 3em;
	}
}

.winners .icon-finalist {
	margin-top: 4em;
}

.winners .section-winners p {
	width: 375px;
}

.winners .section-winners p {
	width: 375px;
}

.section-winners a.block-link h5 {
	color: var(--glyph-link);
}
.section-winners a.block-link:hover h5 {
	text-decoration: underline;
}

.section-winners a.block-link p:not(.lighter) {
	color: var(--glyph-fill-reverse);
}

.winners .section-winners p.typography-intro {
	width: 100%;
}

.winners .section-winners .large-6 > * {
	margin-right: auto;
	margin-left: auto;
}

@media only screen and (max-width: 1068px) {
	.winners .section-winners p {
		width: 280px;
	}

	/* .icon-small-margin-top {
		margin-top: 1em;
	} */
}

@media only screen and (max-width: 734px) {
	.winners .icon-finalist {
		margin-top: 3em;
	}
	.winners .section-winners p {
		width: auto;
	}

	.icon-small-margin-top {
		margin-top: 1em;
	}
}

/* ========== Grid Changes ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section.section.section-award {
	padding-bottom: 0em;
	border-bottom: 1px solid var(--keyline-color);
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}

#main section .section-content .row.winners-category {
	padding-top: 0em;
	margin-bottom: 2em;
}

#main section .section-content .row.winners-category:first-child {
	padding-top: 0 !important;
}

#main section .section-content .row > .column {
	padding: 0;
}

.subdued {
	font-size: 15px;
	color: #888;
}
.subdued-elevated {
	font-size: 1em;
	color: #888;
}
.large-subdued,
.theme-dark .large-subdued,
.theme-dark [class*="typography-intro"].large-subdued {
	color: #888;
}
ul.subdued {
	margin-left: 0;
	line-height: 1em;
	list-style: none;
	margin-bottom: 30px;
}
ul.subdued + .subdued {
	margin-bottom: 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;
	}
	#main section .section-content .row.winners-category {
		margin: 2em;
	}
}
@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;
	}
	#main section .section-content .row.winners-category {
		margin: 0;
	}
}

@media only screen and (max-width: 375px) {
	.small-6 {
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
	}
}

/* ===== APP ICONS ===== */
.finalist-afterplace {
	background-image: url("/design/awards/2023/images/afterplace_2x.jpg");
}
.finalist-ancient-board-game {
	background-image: url("/design/awards/2023/images/ancient-board-game_2x.jpg");
}
.finalist-anne {
	background-image: url("/design/awards/2023/images/anne_2x.jpg");
}
.finalist-any-distance {
	background-image: url("/design/awards/2023/images/any-distance_2x.jpg");
}
.finalist-automatoys {
	background-image: url("/design/awards/2023/images/automatoys_2x.jpg");
}
.finalist-beecarbonize {
	background-image: url("/design/awards/2023/images/beecarbonize_2x.jpg");
}
.finalist-camo {
	background-image: url("/design/awards/2023/images/camo_2x.jpg");
}
.finalist-chantlings {
	background-image: url("/design/awards/2023/images/chantlings_2x.jpg");
}
.finalist-creme {
	background-image: url("/design/awards/2023/images/creme_2x.jpg");
}
.finalist-duolingo {
	background-image: url("/design/awards/2023/images/duolingo_2x.jpg");
}
.finalist-endling {
	background-image: url("/design/awards/2023/images/endling_2x.jpg");
}
.finalist-finding-hannah {
	background-image: url("/design/awards/2023/images/finding-hannah_2x.jpg");
}
.finalist-flighty {
	background-image: url("/design/awards/2023/images/flighty_2x.png");
}
.finalist-gentler-streak {
	background-image: url("/design/awards/2023/images/gentler-streak_2x.jpg");
}
.finalist-headspace {
	background-image: url("/design/awards/2023/images/headspace_2x.jpg");
}
.finalist-hindsight {
	background-image: url("/design/awards/2023/images/hindsight_2x.jpg");
}
.finalist-kimono-cats {
	background-image: url("/design/awards/2023/images/kimono-cats_2x.jpg");
}
.finalist-knotwords {
	background-image: url("/design/awards/2023/images/knotwords_2x.jpg");
}
.finalist-marvel-snap {
	background-image: url("/design/awards/2023/images/marvel-snap_2x.jpg");
}
.finalist-passenger-assistance {
	background-image: url("/design/awards/2023/images/passenger-assistance_2x.jpg");
}
.finalist-pocket-card-jockey {
	background-image: url("/design/awards/2023/images/pocket-card-jockey_2x.jpg");
}
.finalist-railbound {
	background-image: url("/design/awards/2023/images/railbound_2x.jpg");
}
.finalist-resident-evil-village {
	background-image: url("/design/awards/2023/images/resident-evil-village_2x.png");
}
.finalist-resident-evil-bio {
	background-image: url("/design/awards/2023/images/re-biohazard_2x.png");
}
.finalist-rise {
	background-image: url("/design/awards/2023/images/rise_2x.jpg");
}
.finalist-riveo {
	background-image: url("/design/awards/2023/images/riveo_2x.jpg");
}
.finalist-sago {
	background-image: url("/design/awards/2023/images/sago_2x.jpg");
}
.finalist-shuffles {
	background-image: url("/design/awards/2023/images/shuffles_2x.jpg");
}
.finalist-stitch {
	background-image: url("/design/awards/2023/images/stitch_2x.jpg");
}
.finalist-swingvision {
	background-image: url("/design/awards/2023/images/swingvision_2x.jpg");
}
.finalist-tide-guide {
	background-image: url("/design/awards/2023/images/tide-guide_2x.jpg");
}
.finalist-universe {
	background-image: url("/design/awards/2023/images/universe_2x.jpg");
}
.finalist-diablo {
	background-image: url("/design/awards/2023/images/diablo_2x.jpg");
}