.theme-dark .theme-reset {
	background-color: #fff;
}
.bg-blue.theme-reset {
	background-color: #d6e3f2;
}

.bg-alt {
	background-color: #e2e6e9;
}

.bg-gradient {
	display: none;
}

.theme-dark .section-hero .theme-alt h1,
.theme-dark .section-hero .theme-alt p {
	color: #000;
}

.theme-dark .theme-alt h1,
.theme-dark .theme-alt p {
	color: #111;
}

.section-swift {
	background-color: #0b3253;
}
.section-swift .headline-row p {
	padding: 0 1em;
	margin-bottom: 3em;
}
.section-swift .large-4 h4,
.section-swift .large-4 p {
	width: 270px;
	/* margin-right: auto;
	margin-left: auto; */
}
.section-swift .callout,
.section-swift-playgrounds .callout {
	margin: 4em auto 0;
	padding: 4em 8em;
	text-align: center;
	background-color: #08243b;
	border: none;
	border-radius: 10px;
	color: #ccc;
}
/* .section-swift-playgrounds .callout {
	background-color: #d6e3f2;
	color: #333;
} */
.section-more h3 {
	margin-top: 1.6em;
}
.section-more .column.large-6:first-of-type > * {
	padding-right: 30px;
}
.section-more .column.large-6:last-of-type > * {
	padding-left: 30px;
}

.section-hero .copy-wrap {
	margin-top: 10em;
}
.section-hero {
	/* position: relative;
	width: 100%; */
	/* height: 1898px;
	background-repeat: no-repeat;
	background-position: 90% bottom;
	background-size: 2560px;
	background-image: url("/learn/curriculum/images/hero-large_2x.jpg"); */

	background: url("/learn/curriculum/images/library-large_2x.jpg") right top;
	background-size: cover;
	height: 63vw;
}

.swift-guide {
	margin: 1em 0 1.5em;
	width: 270px;
	height: 353px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.swift-guide-align-center {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.swift-guide-align-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

@media only screen and (max-width: 1068px) {
	.swift-guide-align-center,
	.swift-guide-align-right {
		align-items: flex-start;
	}
}

.section-community {
	background: url("/learn/curriculum/images/library-large_2x.jpg") right top;
	background-size: cover;
	height: 63vw;
}

.section-community h2 {
	margin-top: 14vw;
}
.section-more .headline-row {
	display: none;
}

.icon-center {
	margin: 0 auto 1.5em;
	width: 96px;
	height: 96px;
}

.badge-certified {
	margin: 2em auto 0;
	width: 270px;
	height: 120px;
}

.swift-app-workbook {
	margin: 1.5em auto;
	min-height: 300px;
}
.swift-app-workbook > img {
	border-radius: 10px;
}

@media only screen and (max-width: 1068px) {
	.swift-app-workbook {
		min-height: 215px;
	}
}

@media only screen and (max-width: 734px) {
	.swift-app-workbook {
		margin: unset;
		width: 280px;
		height: 210px;
		background-position: left;
	}

	.mobile-row-reverse {
		flex-direction: column-reverse;
		margin-top: 1.5em !important;
	}
}

/* @media only screen and (max-width: 1680px) {
	.section-hero {
		height: 1358px;
		background-position: 90% bottom;
		background-size: 1680px;
	}
} */

@media only screen and (max-width: 1068px) {
	.section-hero .copy-wrap {
		margin-top: 4em;
	}
	/* .section-hero {
		height: 876px;
		background-size: 1068px 876px;
		background-position: 75% bottom;
		background-image: url("/learn/curriculum/images/hero-medium_2x.jpg");
	} */
	.section-swift .large-4 h4,
	.section-swift .large-4 p {
		width: 200px;
	}
	.swift-guide {
		width: 200px;
		height: 261px;
	}
	.section-community h2 {
		margin-top: 13vw;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero {
		background-size: 1060px auto;
		background-position: bottom bottom;
		background-repeat: no-repeat;
		height: 700px;
		background-position: -270px center;
	}

	.section-hero .copy-wrap {
		margin-top: 1em;
	}
	/* .section-hero {
		height: 816px;
		background-position: 80% bottom;
		background-size: 736px;
		background-image: url("/learn/curriculum/images/hero-small_2x.jpg");
	} */
	.section-swift .large-4 h4,
	.section-swift .large-4 p {
		width: auto;
		margin-right: 0;
		margin-left: 0;
	}
	.section-swift .headline-row p {
		padding: 0;
		margin-bottom: 0;
	}
	.swift-guide {
		margin: 2em 0 1.5em;
		width: 270px;
		height: 353px;
	}
	.section-swift .callout,
	.section-swift-playgrounds .callout {
		margin: 2em auto 0;
		padding: 2em 1em;
	}
	.section-more .column.large-6:first-of-type > * {
		padding-right: 0;
	}
	.section-more .column.large-6:last-of-type > * {
		padding-left: 0;
	}
	.section-more .headline-row .text-center {
		text-align: left;
	}
	.section-more h3 {
		margin-top: 0;
	}
	.section-community {
		height: 80vw;
	}
}

@media only screen and (max-width: 499px) {
	.section-community h2 {
		font-size: 28px;
	}
}

@media only screen and (max-width: 440px) {
	.section-community h2 {
		display: none;
	}
	.section-more .headline-row {
		display: flex;
	}
}

@media only screen and (max-width: 320px) {
	.badge-certified {
		margin-left: -12px;
	}
}

/* ========== Academies ========== */

.section-developer-academies {
	position: relative;
	width: 100%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #e9f0fa;
	background-image: url("/learn/experts/images/developer-academies-large.jpg");
}

body[data-color-scheme="dark"].theme-dark .section-developer-academies,
body[data-color-scheme="light"].theme-dark .section-developer-academies {
	background-color: #e9f0fa;
}

.theme-dark .section-developer-academies p,
.theme-dark .section-developer-academies h2,
.theme-dark .section-developer-academies h4 {
	color: #111 !important;
}

.section-developer-academies .section-content {
	padding-bottom: 47vw;
}
.section-developer-academies .wrapper ul {
	width: 30%;
}
.section-developer-academies ul + p {
	clear: both;
	padding-top: 1.5em;
}

@media only screen and (max-width: 414px) {
	.section-entrepreneur-camp {
		height: 976px;
	}
	.section-developer-academies .wrapper ul {
		width: auto;
		float: left;
		margin-right: 10px;
	}
	.section-developer-academies .wrapper ul:nth-of-type(2) {
		margin-right: 40px;
	}
}

.wrapper {
	margin-top: -1px;
	padding: 3em 0 3em;
}
.wrapper ul {
	display: inline-block;
	vertical-align: top;
	list-style-type: none;
	margin-left: 0;
}
.wrapper ul li {
	font-weight: 600;
	vertical-align: top;
}
.wrapper ul:last-of-type {
	margin-right: 0;
}
.wrapper ul li a {
	font-weight: 400;
}

@media only screen and (max-width: 1068px) {
	.wrapper {
		padding: 4em 0 2em;
	}
}

@media only screen and (max-width: 734px) {
	.wrapper {
		margin-top: 0;
		padding: 2em 0;
	}
}

/* ========== Tile ========== */

.tile-flex {
	display: flex;
	margin: 2em auto 2em;
}
.tile-wrap {
	align-self: stretch;
	background-color: #17365a;
	padding: 3em 6em 2em 2em;
	margin: 0;
	width: 100%;
	border-radius: 6px;
}
.tile-flex > .tile-wrap:first-of-type {
	margin-right: 1em;
	width: 50%;
}
.tile-flex > .tile-wrap:last-of-type {
	margin-left: 1em;
	width: 50%;
}

@media only screen and (max-width: 734px) {
	.tile-flex {
		display: block;
		margin: 0;
	}
	.tile-wrap {
		margin: 0;
		padding: 2em;
	}
	.tile-flex > .tile-wrap:first-of-type {
		margin: 0;
		padding: 2em;
		width: 100%;
	}
	.tile-flex > .tile-wrap:last-of-type {
		margin: 2em 0 0;
		padding: 2em;
		width: 100%;
	}
}

.bg-gradient-blue {
	background: #000;
	background: -moz-linear-gradient(
		bottom,
		#000000 0%,
		#08243b 100%
	); /* FF3.6-15 */
	background: -webkit-linear-gradient(
		bottom,
		#000000 0%,
		#08243b 100%
	); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(
		to top,
		#000000 0%,
		#08243b 100%
	); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* ========== Grid ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section.section.section-hero {
	padding-top: 0;
}
#main section.section.section-more {
	padding-top: 0;
}

@media only screen and (max-width: 734px) {
	#main section.section {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	#main section.section.section-hero {
		padding-top: 0;
	}
	#main section.section.section-more {
		padding-top: 0;
	}
}
@media only screen and (max-width: 734px) {
	#main section.section.section-more {
		padding-top: 2em;
	}
}

/* === DARK MODE === */
body[data-color-scheme="dark"].theme-dark .theme-reset {
	background-color: var(--fill);
	color: var(--glyph-gray);
}
body[data-color-scheme="dark"].theme-dark .theme-reset h2,
body[data-color-scheme="dark"].theme-dark .theme-reset h3 {
	color: var(--glyph-gray);
}
body[data-color-scheme="dark"].theme-dark .theme-reset a {
	color: var(--glyph-blue);
}
body[data-color-scheme="dark"].theme-dark .section-community.theme-reset {
	background-color: var(--fill-override);
}
body[data-color-scheme="dark"].theme-dark .section-community.theme-reset h2 {
	color: var(--glyph-gray-override);
}
.theme-dark .section-swift-playgrounds .callout {
	background-color: #08243b;
	color: var(--glyph-gray);
}
.theme-dark .section-swift-playgrounds .callout h4 {
	color: var(--glyph-gray);
}
.theme-dark .section-swift-playgrounds .callout a {
	color: var(--glyph-blue);
}

body[data-color-scheme="dark"].theme-dark
	.theme-reset.section-developer-academies {
	background-color: #ecf3fb !important;
	color: #111 !important;
}