﻿.pr-title {
	font-family: 'Roboto', sans-serif;
	font-size: 2rem;
	font-weight: 600;
	color: #272D4E;
	z-index: 300;
	position: relative;
	padding-bottom: 40px;
}

.pr-title.light {
	color: #211546;
}

.line-div {
	width:50%;

}

section {
	display: flex;
	position: relative;
	z-index: 10;
	background-color: #fff;
}

section .content {
	margin: 0 auto;
	display: block;
	max-width: 1080px;
	padding-top: var(--defaultPadding);
	padding-bottom: 125px;
	position: relative;
	align-self: center;
	flex-grow: 1;
}

section .content .text-block{
	max-width: 640px;
	position: relative;
}

section .content::before{
	top: 10%;
	bottom: 10%;
	background-repeat: no-repeat;
	background-size: contain;
	position:absolute; 
	content:'';
	display:block;
}

.rows-3 {
	display: grid;
	position: relative;
	z-index:3;

}

.row{
	display:grid;
	grid-template-columns: 1fr;
	align-items:center;
	padding:15px;
	border-radius:8px;
}

.row-img {
	display: grid;
	border-radius: 8px;
}

.row-img img {
	height: 3rem;
}

.row-text {
	align-self: start;
}
.row-text > * {
	margin-top: 0px;
	margin-bottom: 5px;
}

.row-text h3 {
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:500;
}

.row-text span {
	font-size:18px;
	font-weight:300;
}
.row.alt {
	background-color: #ffffff;
	color: #272D4E;
}
.row.alt.blu2 {
	background-color: hsl(200, 22%, 48% ); 
	color: #fff;
}

.row.alt.light {
	background-color: #F8F8F8;
	color: #272D4E;
}
.row.full {
	grid-template-columns: 1fr;
}

.help-pdf h3 {
	margin-bottom:0px;
}

.help-pdf p {
	font-size:12px;
}

.help-pdf, .help-manual {
	background-color: #F8F8F8;
}

.vid-area {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-style: solid;
	border-color: #f8f8f8;
	border-radius: 25px;
	align-items: center;
	padding: 15px;
	margin-bottom:10px;
}

.vid-frame {
	--heightRatio: min(calc(50vw * .5625), calc(50vh - 92px));
	height: var(--heightRatio);
	width: calc(var(--heightRatio) / .5625);
	justify-self: center;
	display: grid;
}

.videoFrame {
	height: 100%;
	width: 100%;
}

.help-faq.light {
	background-color: #FFFFFF;
	color: #211546;
}

#faq .row-text h3, label{
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height:1.5rem;
	cursor:pointer;
	padding-bottom:8px;
}

#faq .row-text > p, li{
	font-size: 1.5rem;
	line-height:1.75rem;
}

.faq-link {
	color: #fff;
	background-color: #ff5a5a;
	text-align: center;
}

.faq-link:hover {
	background-color: #ff4141;
}

.help-manual {
	display: grid;
	border-bottom-style:solid;
	border-bottom-color:#ffffff;
}

.manual-div {
	justify-content:center;
	display:grid;
}

.manual-title {
	justify-content: center;
	display: grid;
	color: #272D4E;
	padding-bottom: 2.5rem;
	text-align: center;
}

.sml.light {
	color: #272D4E;
}

.sm.light {
	color: #272D4E;
}

.cta-group {
	padding-top:16px;
}

@media screen and (min-width: 1280px) {
	section .content {
		max-width: 90vw;
		margin-left:15%;
		margin-right:15%;
	}
}

@media screen and (max-width: 1280px) {
	section .content {
		padding-left: 16px;
		padding-right: 16px;
		max-width: 1200px;
	}
}

@media screen and (max-width: 991px) {
	.vid-area {
		grid-template-columns: 1fr;
	}

	.vid-frame {
		--heightRatio: min(calc(80vw * .5625), calc(90vh - 92px));
	}
	.row-text {
		padding-left: 15px;
	}

	#faq .row-text p {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
}

@media screen and (max-width: 768px) {
	.row-img {
		justify-items:start;
		padding-bottom:8px;
	}

	.row-text {
		padding-left: 0px;
	}
}

.row-text.ans {
	background-color: #416b81;
}

.a1 {
	display: none;
	background: #ccc;
}

#q1:checked + .a1 {
	display: block;
}

#q1 {
	display: none;
}

.a2 {
	display: none;
	background: #ccc;
}

#q2:checked + .a2 {
	display: block;
}

#q2 {
	display: none;
}

.a3 {
	display: none;
	background: #ccc;
}

#q3:checked + .a3 {
	display: block;
}

#q3 {
	display: none;
}

.a4 {
	display: none;
	background: #ccc;
}

#q4:checked + .a4 {
	display: block;
}

#q4 {
	display: none;
}

.a5 {
	display: none;
	background: #ccc;
}

#q5:checked + .a5 {
	display: block;
}

#q5 {
	display: none;
}

.a6 {
	display: none;
	background: #ccc;
}

#q6:checked + .a6 {
	display: block;
}

#q6 {
	display: none;
}

.a7 {
	display: none;
	background: #ccc;
}

#q7:checked + .a7 {
	display: block;
}

#q7 {
	display: none;
}

.a8 {
	display: none;
	background: #ccc;
}

#q8:checked + .a8 {
	display: block;
}

#q8 {
	display: none;
}

.a9 {
	display: none;
	background: #ccc;
}

#q9:checked + .a9 {
	display: block;
}

#q9 {
	display: none;
}

.a10 {
	display: none;
	background: #ccc;
}

#q10:checked + .a10 {
	display: block;
}

#q10 {
	display: none;
}

.ans.light {
	color: #211546;
	background-color: #FFFFFF;
}
