/* CSS Document */

button:focus {
	border: 2px solid turquoise;
}


h3.question-title {
	text-align:center;
}

div#quiz-starter {
	text-align:center;
}

div.question[data-question="results"] p {
	text-align:center;
}

a#start-quiz, a#view-classes, a#apply-now {
	font-size:1.2em;
	/*line-height:60px;*/
	font-weight:bold;
	display:inline-block;
	margin:0px auto;
	padding:0px 15px;
	border-radius:20px 20px;
}

a#start-quiz {
	color: #00406e;
	cursor:pointer;
	background:#89bd40;
}

a#view-classes, a#apply-now {
	color:#fff;
	background:#13416d;
}

a#start-quiz:hover, a#view-classes:hover, a#apply-now:hover {
	background:#c49435;
	color: #00406e;
	text-decoration:none;
}

div#alpha-questions, div.result-text {
	display:none;
}

ul.form-options {
	list-style:none;
	margin:0px;
	padding:0px 0px 80px 0px;
	max-width:500px;
	margin:0px auto;
}

	ul.form-options li {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	ul.form-options li a {
		display: block;
		width: 100%;
		line-height: 1em;
		padding: 5px;
		margin-bottom: 8px;
		cursor: pointer;
		color: #00406e;
		background: #eee;
	}

ul.form-options li a:hover span {
	background:#13416d;
	color:#fff;
}

		ul.form-options li a:before {
			padding: 5px 8px;
			background: #89bd40;
			display: inline-block;
			margin: 0 5px 0 0;
			font-weight: bold;
			border-radius: 50%;
			
		}

	ul.form-options li:nth-child(1) a:before {
		content: 'A';
	}

	ul.form-options li:nth-child(2) a:before {
		content: 'B';
	}

	ul.form-options li:nth-child(3) a:before {
		content: 'C';
	}

	ul.form-options li:nth-child(4) a:before {
		content: 'D';
	}

	ul.form-options li:nth-child(5) a:before {
		content: 'E';
	}

	ul.form-options li:nth-child(6) a:before {
		content: 'F';
	}

	ul.form-options li:nth-child(7) a:before {
		content: 'G';
	}

	ul.form-options li:nth-child(8) a:before {
		content: 'H';
	}

ul.form-options li a span {
	background:#e9e9e9;
	line-height:34px;
	display:inline-block;
	width:464px;
	padding:0px 10px;
}

.modality-graph {
	line-height: 60px;
	padding: 0 5px;
	color: #fff;
	font-weight: bold;
	background: #13416d;
	margin-bottom: 10px;
	font-size: 1em;
	overflow: hidden;
}

#options-block {
	display: grid;
	grid-template-columns: 1fr;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

	#options-block div {
		margin-bottom: 20px;
	}

#options-block div p {
	margin: 5px 0;
}

#graph-F2F {
	color:#13416d;
	background:#13416d;
}

#graph-F2F:before {
	color:#fff;
}

#graph-LIVONL {
	color:#89bd40;
}

#graph-LIVONL:before {
	color:#fff;
}

#graph-ONL {
	color:#c49435;
}

#graph-ONL:before {
	color:#fff;
}

#graph-BLEND {
	color:rgb(130, 150, 180);
}

#graph-BLEND:before {
	color:#fff;
}

@media only screen and (min-width: 40.063em) { /* ~623px medium break point*/
	#options-block {
		grid-template-columns: 1fr 1fr;
	}

	.modality-graph {
		font-size: 1.4em;
	}

	a#start-quiz, a#view-classes, a#apply-now {
		font-size: 1.4em;
	}
}