/* Page-specific layout; typography, grids, navigation, and colors use skin.css. */
.ai-training-page .ai-training-hero {
	padding-top: 18rem;
	background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)),
		url("../images/logos/Gadgeteer-Hero-No-Logo.png");
	background-position: center;
}

.ai-training-hero-logo {
	display: block;
	width: 36rem;
	max-width: 75%;
	margin: 0 auto 4rem;
}

.ai-training-mr .media-column {
	background-image: url("../images/screenshots/Gadgeteer Mixed Reality - Hero Banner.png");
}

.ai-training-page #licensing {
	scroll-margin-top: 8rem;
}

.ai-training-page .ai-training-email {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: .3rem;
	overflow-wrap: anywhere;
}

.ai-training-page a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

.ai-training-skip-link {
	position: absolute;
	top: 1rem;
	left: 1.5rem;
	z-index: 101;
	padding: 1rem 2rem;
	color: #232323;
	background: #f8c200;
	transform: translateY(-150%);
}

.ai-training-skip-link:focus {
	color: #232323;
	transform: translateY(0);
}

@media only screen and (max-width: 960px) {
	.ai-training-page .ai-training-hero {
		padding-top: 8rem;
	}
}