@font-face {
	font-family: "UHCSerifHeadline";
	src: url("./font/UHCSerifHeadline-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "UHCSerifHeadline";
	src: url("./font/UHCSerifHeadline-Semibold.otf") format("opentype");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "UHC2020Sans";
	src: url("./font/UHCSans-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "UHC2020Sans";
	src: url("./font/UHCSans-Bold.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
}

html {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1.375rem;
	color: #333;
	font-weight: 400;
	font-family: UHC2020Sans, Helvetica, Arial, sans-serif;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
	margin: 0;
	padding: 0;
}

ul, ol {
	padding-inline-start: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #002677;
}

h1 {
	font-size: 2.25rem;
	line-height: 2.875rem;
	font-weight: 600;
	font-family: UHCSerifHeadline, Helvetica, Arial, sans-serif;
}

@media(max-width: 500px) {
	h1 {
		font-size: 1.75rem;
		line-height: 2.375rem
	}
}

h2 {
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 600;
	font-family: UHCSerifHeadline, Helvetica, Arial, sans-serif;
}

@media(max-width: 500px) {
	h2 {
		font-size: 1.375rem;
		line-height: 1.875rem
	}
}

h3 {
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-weight: 700;
	font-family: UHC2020Sans, Helvetica, Arial, sans-serif;
}

h4 {
	font-size: 1.0625rem;
	line-height: 1.375rem;
	font-weight: 700;
	font-family: UHC2020Sans, Helvetica, Arial, sans-serif;
}

h5 {
	font-size: 1rem;
	line-height: 1.375rem;
	font-weight: 700;
	font-family: UHC2020Sans, Helvetica, Arial, sans-serif;
}

h6 {
	font-size: .9375rem;
	line-height: 1.125rem;
	font-weight: 700;
	font-family: UHC2020Sans, Helvetica, Arial, sans-serif;
}

@media(max-width: 768px) {
	h1 {
		font-size: 1.75rem;
		line-height: 2.375rem;
	}

	h2 {
		line-height: 1.875rem;
	}
}

/* img:not(.banner) {
	max-width: 100%;
	height: auto;
	object-fit: contain;
} */

:root {
	--color-primary: #002677;
	--color-secondary: #196ecf;
	--color-bright: #e5f8fb;
	--color-gray: #f4f4f4;
	--gap: 2rem;
}

body {
	margin: 0 auto;
	line-height: 1.375rem;
	font-weight: 500;
}

header {
	padding-left: var(--gap);
	padding-right: var(--gap);
}

footer {
}

footer nav {
	width: 100%;
	flex-grow: 1;
}

footer nav ul {
	display: grid;
	grid-template-rows: repeat(4, 1fr);
	grid-auto-flow: column;
	list-style-type: none;
}

footer nav ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
}

.root {
	width: 100%;
	margin: 0 auto;
	padding: var(--gap) 0 0 0;

	max-width: 100vw;
	overflow: hidden;
}

a {
	text-decoration: none;
	color: #196ecf;
	font-weight: 700;
}

a:not(.button):hover {
	text-decoration: underline;
}

a.no-ul,
a.no-ul:hover {
	text-decoration: none;
}

a.cta::after {
	content: "\00a0" url("./img/CTAArrow.svg");
	width: 1em;
	height: 1em;
	margin-left: 0.5rem;
	margin-right: -0.5rem;
	display: inline-block;
	line-height: 0;
}

h1 a.cta::after {
	margin: 0;
	translate: 0 -0.3rem;
}

a.ext::after {
	content: url("./img/OffSite.svg");
	width: 0.75rem;
	height: 0.75rem;
	margin-left: 0.5rem;
	display: inline-block;
}

hr {
	border: none;
	height: 1px;
	background: white;
	margin: 0;
}

/* .container {
	margin: 0 auto;
	max-width: 1320px;
	padding-left: 12px;
	padding-right: 12px;
}

.container.full-width {
	max-width: 100%;
} */

.content {
	width: 100%;
	max-width: 1340px;
	padding: 0 20px;
}

.row {
	display: flex;
	flex-direction: row;
	flex: 1;
	justify-content: center;
	align-items: center;
	column-gap: var(--gap);
}

.row.gapless {
	column-gap: 0;
}

.row.gap-half {
	column-gap: calc(var(--gap) / 2);
}

.row.start {
	align-items: start;
}

.row.end {
	align-items: end;
}

.row.stretch {
	align-items: stretch;
}

.column {
	display: flex;
	flex-direction: column;
	flex: 1;
	justify-content: center;
	align-items: center;
	row-gap: var(--gap);
}

.column.gapless {
	row-gap: 0;
}

.column.gap-half {
	row-gap: calc(var(--gap) / 2);
}

.column.start {
	align-items: start;
}

.column.end {
	align-items: end;
}

.row.stretch {
	align-items: stretch;
}

.column.no-grow {
	flex: 0;
}

.space-between {
	justify-content: space-between;
}

.self-start {
	align-self: start;
}

.button {
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 50px;
	font-size: .9375rem;
	line-height: 1.375rem;
	text-align: left;
	font-weight: 700;
	border: 0;
	color: #ffffff;
	background-color: var(--color-primary);
}

.button:hover {
	background-color: var(--color-secondary);
}

.button.outline {
	color: var(--color-primary);
	background-color: #ffffff;
	border: 2px solid #002677;
}

.button.outline:hover {
	background-color: #ffffff;
	color: #196ecf;
	border: 2px solid #196ecf;
}

.text-right {
	text-align: start;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: end;
}

.text-nowrap {
	white-space: nowrap;
}

.weight-bold {
	font-weight: 700;
}

.size-14 {
	font-size: 0.875rem;
	line-height: 0.85rem;
}

.size-12 {
	font-size: 0.75rem;
	line-height: 0.85rem;
}

.size-10 {
	font-size: 0.725rem;
	line-height: 0.85rem;
}

.full-width {
	position: relative;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	width: 100vw !important;
	max-width: 100vw;
}

.banner-wrapper {
	position: relative;
	/* max-height: 550px; */
}

.banner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	height: 100%;
}

.banner img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.banner-cta {
	position: relative;
	width: 100%;
	margin: 25px auto 25px 0;
	padding-left: 40px;
	max-width: 600px;
	/* background-color: #fff; */
}

.block {
	height: auto;
	align-self: stretch;
	padding: 0 2rem;
}

.w-100 {
	width: 100%;
}

.h-100 {
	height: 100%;
}

.social-container {
	padding-top: 5px;
}

.social-links {
	margin-top: 10px;
}

.py {
	padding-top: var(--gap);
	padding-bottom: var(--gap);
}

.my {
	margin-top: var(--gap);
	margin-bottom: var(--gap);
}

.bg-bright {
	background-color: var(--color-bright);
}

.bg-primary {
	background-color: var(--color-primary);
}

.bg-secondary {
	background-color: var(--color-secondary);
}

.bg-gray {
	background-color: var(--color-gray);
}

.bg-white {
	background-color: #fff;
}

.color-bright {
	color: var(--color-bright);
}

.color-primary {
	color: var(--color-primary);
}

.color-secondary {
	color: var(--color-secondary);
}

.color-gray {
	color: var(--color-gray);
}

.color-white {
	color: #fff;
}

a.color-white:hover {
	color: #99a8c8;
}

footer img.icon:hover {
	opacity: 0.5;
}

.scale-crop {
	max-height: 100%;
	overflow: hidden;
}

.playable img {
	display: block;
	/* max-width: 412px; */
	height: auto;
	user-select: none;
}

.playable input[type=checkbox] {
	opacity: 0;
	position: absolute;
	left: -100vw;
}

label.playable {
	display: block;
	width: 100%;
}

/* .playable:hover,
.playable:focus-within {
} */

.playable input[type=checkbox] ~ .pause {
	opacity: 1;
	visibility: initial;
}

.playable input[type=checkbox]:checked ~ .pause {
	opacity: 0;
	height: 0;
	visibility: hidden;
}

.playable input[type=checkbox] ~ .play {
	opacity: 0;
	height: 0;
	visibility: hidden;
}

.playable input[type=checkbox]:checked ~ .play {
	opacity: 1;
	height: initial;
	visibility: initial;
}

@media (max-width: 870px) {
	.row.responsive {
		flex-direction: column;
	}

	img {
		max-width: 100%;
	}

	.column.block {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.column.block:not(:last-child) {
		margin-bottom: 1rem;
	}
}

@media (max-width: 768px) {
	:root {
		--gap: 1rem;
	}

	footer nav ul li {
		padding-bottom: 10px;
	}

	img.shrink {
		max-width: 85%;
	}

	.banner-wrapper {
		min-height: 375px;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-end;
		margin-bottom: 50px;
	}

	.banner {
		padding-bottom: 150px;
	}

	.banner-cta-wrapper {
		position: relative;
		margin-top: 200px;
	}

	.banner-cta {
		margin: 0;
		max-width: 100%;
		background-color: #ffffffe6;
		padding: 20px;
	}
}

@media (max-width: 501px) {
	footer nav ul {
		grid-template-rows: none;
		grid-auto-flow: row;
		padding-left: 0;
		margin-top: var(--gap);
		margin-bottom: var(--gap);
	}

	.row.responsive-md {
		flex-direction: column;
	}

	img.shrink {
		max-width: 70%;
	}

	.banner-wrapper {
		min-height: 475px;
		margin-bottom: 0;
	}

	.banner-cta-wrapper {
		padding-left: 0;
		padding-right: 0;
	}

	.social-container {
		margin-bottom: var(--gap);
	}
}

@media (max-width: 333px) {
	img.shrink {
		max-width: 50%;
	}

	.banner-wrapper {
		min-height: 575px;
	}

	.banner {
		padding-bottom: 250px;
	}
}