/* Rapid Web Prototype website additions */
.site-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 12000;
	height: 76px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding: 0 2rem;
	background: #14212b;
	box-shadow: 0 1px 0 rgba(255,255,255,0.08);
}
.site-nav .brand {
	border: 0;
	display: flex;
	align-items: center;
	min-width: 0;
}
.site-nav .brand img {
	display: block;
	width: 330px;
	max-width: 46vw;
	height: auto;
}
.site-nav .nav-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 1.5rem;
}
.site-nav .nav-links li { padding: 0; }
.site-nav .nav-links a {
	border: 0;
	color: #fff;
	font-family: "Raleway", Helvetica, sans-serif;
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	white-space: nowrap;
}
.site-nav .nav-links a:hover,
.site-nav .nav-links a:focus { color: #91d3ff; }

body.has-site-nav #wrapper { padding-top: 76px; }

.page-intro > .content {
	min-height: 36rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.page-intro > .content .image.main { margin-top: 1rem; margin-bottom: 0; }

.content-copy,
.content-copy p,
.content-copy li,
.content-copy h3,
.content-copy h4,
.content-copy a,
.content-copy label,
.content-copy small { color: #000; }
.content-copy a { color: #176fb8; border-bottom-color: rgba(23,111,184,0.45); }
.content-copy a:hover { border-bottom-color: transparent; }
.content-copy h3,
.content-copy h4 { margin-top: 0.25rem; }
.content-copy ul,
.content-copy ol { margin-bottom: 2rem; }
.content-copy ul { list-style: disc; }
.content-copy li { margin: 0.35rem 0; }

.tutorial-shot,
.policy-shot {
	display: block;
	width: 100%;
	height: auto;
	margin: 1.5rem 0 2.5rem;
	border: 1px solid rgba(20,33,43,0.14);
	border-radius: 0.45rem;
	box-shadow: 0 0.8rem 2.2rem rgba(20,33,43,0.12);
}
.tutorial-shot.panel-shot {
	width: auto;
	max-width: min(100%, 430px);
	margin-left: auto;
	margin-right: auto;
}

.rwp-note {
	margin: 1.5rem 0 2rem;
	padding: 1rem 1.2rem;
	border-left: 4px solid #91d3ff;
	background: #f4f9fc;
	color: #26343e;
}
.rwp-note strong { color: #14212b; }

.rwp-warning {
	margin: 1.5rem 0 2rem;
	padding: 1rem 1.2rem;
	border-left: 4px solid #e59a24;
	background: #fff8eb;
	color: #3d3425;
}
.rwp-warning strong { color: #5f4214; }

.page-meta {
	font-family: "Raleway", Helvetica, sans-serif;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #5e6b75;
	margin-bottom: 1.5rem;
}

.contact-section .content,
.contact-section .content p,
.contact-section .content input,
.contact-section .content textarea { color: #000; }
.contact-section input[type="text"],
.contact-section input[type="email"],
.contact-section textarea { background: #fff; }

.page-footer-links {
	list-style: none;
	padding: 0;
	margin: 1rem 0 0;
}
.page-footer-links li { padding: 0; margin: 0.25rem 0; }

@media screen and (max-width: 1152px) {
	.site-nav { height: 68px; padding: 0 1.25rem; }
	.site-nav .brand img { width: 270px; max-width: 52vw; }
	.site-nav .nav-links { gap: 1rem; }
	body.has-site-nav #wrapper { padding-top: 68px; }
	.page-intro > .content { min-height: 0; }
}

@media screen and (max-width: 736px) {
	.site-nav { height: auto; min-height: 64px; padding: 0.7rem 1rem; gap: 0.8rem; }
	.site-nav .brand img { width: 215px; max-width: 54vw; }
	.site-nav .nav-links { gap: 0.65rem; }
	.site-nav .nav-links a { font-size: 0.55rem; letter-spacing: 0.08em; }
	.site-nav .nav-links li:first-child { display: none; }
	body.has-site-nav #wrapper { padding-top: 64px; }
	.tutorial-shot.panel-shot { max-width: 360px; }
	.page-intro > .content {
    min-height: 36rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* padding: 3rem 2rem !important; */
}
}

@media screen and (max-width: 480px) {
	.site-nav { align-items: center; }
	.site-nav .brand img { width: 185px; max-width: 58vw; }
	.site-nav .nav-links { gap: 0.5rem; }
	.site-nav .nav-links a { font-size: 0.5rem; }
	.site-nav .nav-links .contact-link { display: none; }
}


/* Shared-site integration fixes */
body.has-site-nav #wrapper > section.intro > .content {
    height: calc(100vh - 76px);
}
.site-nav + #wrapper { position: relative; }
.site-nav .nav-links a[aria-current="page"] { color: #91d3ff; }
@media screen and (max-width: 1152px) {
    body.has-site-nav #wrapper > section.intro > .content { height: auto; }
}