:root {
	--explain-blue: #2c317d;
	--explain-light-blue: #90c2dd;
	--explain-link: #337ab7;
	--explain-navy: #23527c;
}

body, :input {
	font-family: Verdana;
	font-size: 14px;
}
h1, h2, h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}
h3.accordion-header {
	margin: 0px;
}

h1 {
	font-weight: bold;
	color: var(--explain-blue);
	font-size: 30px;
}
h2 {
	font-weight: bold;
	color: var(--explain-light-blue);
	font-size: 20px;
}
h3 {
	font-weight: bolder;
	color: var(--explain-blue);
	font-size: 16px;
}
thead {
	background-color: var(--explain-blue);
	color: white;
}
a, a.nav-link {
	color: var(--explain-link);
	text-decoration: none;
}
a:focus, a:hover,
a.nav-link:focus, a.nav-link:hover {
	color: var(--explain-navy);
	text-decoration: underline;
}
a.nav-link:focus, a.nav-link:hover {
	text-decoration: none;
}
.tab-pane {
	padding-top: 20px;
}
.form-group {
	margin-bottom: 10px;
}

.btn-primary {
	background-color: var(--explain-link);
	border-color: var(--explain-link);
}
.btn-primary:hover {
	background-color: var(--explain-navy);
	border-color: var(--explain-navy);
}
.form-check-input:checked {
	background-color: var(--explain-blue);
	border-color: var(--explain-blue);
}
.page-item.active .page-link {
	background-color: var(--explain-blue);
	border-color: var(--explain-blue);	
}