html,
body {
	color: #1d2844
}

h3 {
	font-family: var(--heading-font-face);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.4
}

@media screen and (min-width:601px) {
	h3 {
		font-size: 1.375rem
	}
}

h2 {
	font-family: var(--heading-font-face);
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.2
}

@media screen and (min-width:601px) {
	h2 {
		font-size: 2rem
	}
}

.heading-1, h1 {
	font-family: var(--heading-font-face);
	font-size: 1.75rem;
	font-weight: var(--heading-font-weight);
	line-height: 1.2
}

@media screen and (min-width:601px) {
	.heading-1, h1 {
		font-size: 2.75rem
	}
}

h5 {
	font-family: var(--base-font-face);
	font-size: 1.125rem;
	font-weight: var(--base-font-weight);
	line-height: var(--base-line-height)
}

@media screen and (min-width:601px) {
	h5 {
		font-size: 1.25rem
	}
}

h4 {
	font-family: var(--base-font-face);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: var(--base-line-height)
}

@media screen and (min-width:601px) {
	h4 {
		font-size: 1.25rem
	}
}

h6 {
	font-family: var(--base-font-face);
	font-size: .875rem;
	font-weight: 600;
	line-height: var(--base-line-height)
}

@media screen and (min-width:601px) {
	h6 {
		font-size: 1rem
	}
}

a {
	color: var(--text-link);
	cursor: pointer;
	text-decoration: underline
}

a:focus, a:hover {
	text-decoration: none
}

a.disabled, a[disabled=disabled] {
	color: var(--text-link-disabled);
	pointer-events: none
}

ul {
	list-style-type: disc
}

ol, ul {
	padding-left: .9375rem
}

ol {
	list-style-type: decimal
}

table {
	font-size: .875rem;
	display: block;
	overflow-x: auto;
	white-space: nowrap;
}

@media screen and (min-width:601px) {
	table {
		font-size: 1rem
	}

	table td {
		min-width: 12.375rem;
	}
}

table.themed-table td {
	border: .0625rem solid #8395be;
	padding: 1.1875rem 1.5rem;
	min-width: 10rem;
}

table.themed-table td:first-child {
	background-color: #d6e2eb;
	font-weight: 600
}