/* Top navigation styles */
.ac-nav-overlap #ac-localnav {
	margin-top: 0;
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
	#ac-localnav.ac-localnav-scrim .ac-ln-background {
		background-color: #333;
	}
}

#ac-localnav .ac-ln-title, #ac-localnav .ac-ln-title a {
	color: #fff;
	font-size: 24px;
}

#everyone-can-create .section-content .typography-intro {
	font-size: 32px;
	line-height: 1.25;
	letter-spacing: 0.004em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}

@media only screen and (max-width: 1068px) {
	#everyone-can-create .section-content .typography-intro {
		font-size: 28px;
		line-height: 1.28583;
		letter-spacing: 0.007em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}
}
@media only screen and (max-width: 734px) {
	#everyone-can-create .section-content .typography-intro {
		font-size: 24px;
		line-height: 1.33341;
		letter-spacing: 0.009em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}
}

#teaching-code .section-content .typography-intro {
	font-size: 32px;
	line-height: 1.25;
	letter-spacing: 0.004em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
	color: #fff;
}

@media only screen and (max-width: 1068px) {
	#teaching-code .section-content .typography-intro {
		font-size: 28px;
		line-height: 1.28583;
		letter-spacing: 0.007em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}
}
@media only screen and (max-width: 734px) {
	#teaching-code .section-content .typography-intro {
		font-size: 24px;
		line-height: 1.33341;
		letter-spacing: 0.009em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}
}

#teaching-code .section-content .typography-headline-super {
	color: #fff;
}

#teaching-code .guide-tablist::after {
	background: #bbd5ea;
}

#teaching-code .guide-tablist-button[aria-selected="true"] {
	color: #1d1d1f;
}

#teaching-code .gallery-container .guide-tile {
	flex-flow: row-reverse;
}
#teaching-code .gallery-container .guide-tile-content {
	flex-basis: 55%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#teaching-code .gallery-container .guide-tile-picture {
	height: 390px;
}

#teaching-code #teaching-code-teacher .gallery-container .guide-tile-picture {
	height: 415px;
}

#teaching-code #teaching-code-teacher .gallery-container .guide-tile-picture[data-bg="tc-teacher-qstc"] {
	height: 360px;
}

@media only screen and (max-width: 1068px) {
	#teaching-code .gallery-container .guide-tile {
		flex-flow: row-reverse;
	}
	#teaching-code .gallery-container .guide-tile-content {
		flex-basis: 50%;
	}

	#teaching-code .gallery-container .guide-tile-picture {
		height: 359px;
	}
}
@media only screen and (max-width: 734px) {
	#teaching-code .gallery-container .guide-tile {
		flex-flow: column wrap;
	}
	#teaching-code .gallery-container .guide-tile-content {
		flex-basis: unset;
		justify-content: flex-start;
	}
	#teaching-code .gallery-container .guide-tile-picture {
		height: auto;
	}
	#teaching-code .gallery-container .guide-tile-picture[data-bg="tc-teacher-qstc"] {
		height: 190px;
	}
	#teaching-code #teaching-code-teacher .gallery-container .guide-tile-picture {
		height: auto;
	}
	#teaching-code #teaching-code-teacher .gallery-container .guide-tile-picture[data-bg="tc-teacher-qstc"] {
		height: 190px;
	}
}

.teaching-code-tile .teaching-code-callout {
	background: #fff;
	border-radius: 20px;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
}

.teaching-code-tile .teaching-code-callout-content {
	width: 42%;
	padding: 40px;
	order: 1;
	align-self: center;
}

.teaching-code-tile .teaching-code-tile-image {
	width: 50%;
	order: 2;
}

.teaching-code-callout-container {
	display: flex;
}
.teaching-code-callout-subhead.typography-headline-reduced {
	margin-bottom: 40px;
	margin-right: 5%;
}
.teaching-code-callout-container .section-title {
	font-weight: 700;
}
.teaching-code-callout-container .section-para {
	margin-bottom: 30px;
}
.teaching-code-callout-container .typography-intro {
	margin-right: 5%;
}

@media only screen and (max-width: 1068px) {
	.teaching-code-callout-container .typography-intro {
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 734px) {
	.teaching-code-tile .teaching-code-callout {
		display: grid;
	}
	.teaching-code-callout-container {
		display: block;
	}
	.teaching-code-callout-container .section-para {
		margin-bottom: 20px;
	}
	.teaching-code-callout-subhead.typography-headline-reduced {
		margin-bottom: 20px;
	}
	.teaching-code-callout-container .typography-intro {
		margin-bottom: 40px;
	}
	.teaching-code-tile .teaching-code-callout-content {
		width: 85%;
		order: 2;
	}

	.teaching-code-tile .teaching-code-tile-image {
		width: 100%;
		order: 1;
	}
}

.guide-tile-picture[data-bg="ecc-more-kids"] {
	width: 468px;
	background-size: 70%;
}
.guide-tile-picture[data-bg="ecc-more-parents"] {
	width: 468px;
	background-size: 70%;
}

@media only screen and (max-width: 1068px) {
	.guide-tile-picture[data-bg="ecc-more-kids"] {
		width: 363px;
		height: 225px;
		background-position: bottom;
	}
	.guide-tile-picture[data-bg="ecc-more-parents"] {
		width: 363px;
		height: 225px;
		background-position: bottom;
	}
}

@media only screen and (max-width: 734px) {
	.guide-tile-picture[data-bg="ecc-more-kids"] {
		width: 100%;
		height: auto;
	}
	.guide-tile-picture[data-bg="ecc-more-parents"] {
		width: 100%;
		height: auto;
	}
}

.student-guide-button {
	width: 200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	background: white;
	padding: 15px 25px 13px;
	border-radius: 40px;
}

@media only screen and (max-width: 1068px) {
	.linebr {
		display: block;
	}
}

@media only screen and (min-width: 734px) and (max-width: 870px) {
	.linebr2 {
		display: block;
	}
}

@media only screen and (max-width: 734px) {
	.linebr {
		display: inline-block;
	}

	.linebr3 {
		display: block;
	}
}

#more-activities .paddlenav-container {
	display: none;
}

@media only screen and (max-width: 734px) {
	#more-activities .paddlenav-container {
		display: flex;
	}
}

@media only screen and (max-width: 734px) {
	#teaching-code .guide-tablist::after {
		background: #fff;
	}
	#teaching-code .guide-select-tab {
		background: #bbd5ea;
		color: #1d1d1f;
	}
}

.apps-headline {
	margin-bottom: 0.8em;
}

#teaching-code .guide-tab-nav {
	display: none;
}

#teachers-guides .gallery-container {
	grid-template-columns: 800px 800px;
}

#teachers-guides .gallery-container .guide-tile {
	flex-flow: row-reverse;
}
#teachers-guides .gallery-container .guide-tile-content {
	flex-basis: 55%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media only screen and (max-width: 1068px) {
	#teachers-guides .gallery-container .guide-tile {
		flex-flow: row-reverse;
	}
	#teachers-guides .gallery-container .guide-tile-content {
		flex-basis: 50%;
	}
}
@media only screen and (max-width: 734px) {
	#teachers-guides .gallery-container .guide-tile {
		flex-flow: column wrap;
	}
	#teachers-guides .gallery-container .guide-tile-content {
		flex-basis: unset;
		justify-content: flex-start;
	}
	#teachers-guides .gallery-container .guide-tile-picture {
		height: auto;
	}
}