/* Custom page CSS
-------------------------------------------------- */
:root {
	--color-primary: #092d74;
	--color-primary-hover: #3A8DDE;
	--color-alt: #092d74;
	--color-alt-hover: #3A8DDE;
	--color-accent: #3A8DDE;
	--color-accent-hover: #092d74;
	--color-text: #000000;
	--color-text-muted: #4d4d4f;
	--color-bg: #ffffff;
	--color-bg-light: #f5f8fc;
	--color-border: #dee2e6;
}

html, body {
	color: #000;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-variation-settings:
	"slnt" 0;
}

body {
	/*padding-top: 96px;*/
}

main {
	padding-top: 130px;
}

input[type='range']::-webkit-slider-thumb {
	background-color: #3A8DDE;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
	justify-content: flex-start;
}

.navbar-custom {
    transition: background-color 0.5s ease-in-out, border-bottom-color 0.5s ease-in-out;
    border-bottom: 1px solid transparent;
}

.navbar-custom.bg-transparent {
    background-color: transparent !important;
    border-bottom-color: transparent !important;
}
.navbar-custom.bg-white {
    background-color: white !important;
    border-bottom-color: var(--bs-border-color) !important;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

.video-container {
	position: relative;
	width: 95%;
	padding-bottom: 56.25%;
	height: 0;
	margin: 0 auto; 
	margin-bottom: 20px;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cta-1 {
	line-height: 1rem;
}
.cta-1 a {
	color: #092d74;
	text-decoration: none;
}

.bg-blue {
	background-color: #add1f1;
}
.bg-blue-bright {
	background-color: #70d3ff;
}
.bg-blue-dark {
	background-color: #092d74;
}
.bg-blue-split {
	background: linear-gradient(90deg, #092d74 50%, #70d3ff 50%);
}
.bg-red {
	background-color: #cd1105;
}

.bg-video-still {
	background: url('../img/happy-african-american-grandson.jpg') no-repeat center bottom;
    background-size: contain;
    min-height: 300px;
}

.highlight {
	background: url('../img/highlight.png') no-repeat center;
    background-size: contain;
}

.header-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(9, 45, 116,0.5), rgba(9, 45, 116,0.3));
}

.header-content {
	position: relative;
	z-index: 1;
	text-align: center;
	color: #fff;
}

.fs-smaller {
	font-size: .75rem;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

h1 {
	font-size: 2.25rem;
}
h2 {
	font-size: 2rem;
}
h3 {
	font-size: 1.75rem;
}
h4 {
	font-size: 1.5rem;
}
h5 {
	font-size: 1.25rem;
}
h6 {
	font-size: 1rem;
}

a {
	color: #3A8DDE;
}
a:hover, a:focus {
	color: #3A8DDE;
}
a.link-unstyled {
	color: inherit;
	text-decoration: none;
}
a:hover.link-unstyled, a:focus.link-unstyled {
	color: #3A8DDE;
}


.fa, .fa-brands, .fa-classic, .fa-duotone, .fa-light, .fa-regular, .fa-sharp, .fa-sharp-solid, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fasl, .fasr, .fass, .fast, .fat {
	line-height: inherit;
}

.border-blue {
	border-color: #3a8dde !important;
}

.accordion-button,
.accordion-item {
	color: #092d74;
}
.accordion-button:not(.collapsed) {
	background-color: #add1f1;
}

.btn {
	font-family: "Quicksand", sans-serif;
	font-weight: 500;
	font-size: 1.125rem;
	--bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: 0.375rem;
}

.btn-lg {
	font-family: "Quicksand", sans-serif;
	font-weight: 500;
	font-size: 1.125rem;
	--bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: 0.75rem;
}

.btn-blue {
	background: #092d74;
	color: #fff;
}
.btn-blue:hover,
.btn-blue:focus {
	background-color: #3A8DDE;
	color: #fff;
}

.form-label {
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	color: #092d74;
}

hr {
    color: #dee2e6;
    opacity: 1;
}

.list-inline-item:not(:last-child) {
	margin-right: .25rem;
}
.list-inline-item:not(:last-child):after {
	content:"•";
	margin-left: .5rem;
	color: #cacaca
}

.text-blue {
	color: #092d74;
}
.text-blue-light {
	color: #3a8dde;
}
.text-green {
	color: #097441;
}
.text-gray {
	color: #4d4d4f;
}

.navbar {
	min-height: 96px;
}

.navbar-brand img {
	width: 100%;
	max-width: 63px;
	height: 47px;
}

footer a {
	color: #000;
	text-decoration: none;
	font-weight: 400;
}

footer {
	font-size: 0.75rem;
	line-height: 1rem;
}

.required:after {
	content:" *";
	color: #dc3545;
}

.range-wrap {
	position: relative;
	margin: 2rem auto;
}
.bubble {
	    background: #092d74;
		color: #fff;
		font-size: .875rem;
		font-weight: 500;
		padding: 4px 12px;
		position: absolute;
		border-radius: 4px;
		left: 50%;
		transform: translateX(-50%) translateY(-110%);
}
.bubble::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 5px solid #092d74;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	margin-bottom: -1px;
}
input[type=range]::-webkit-slider-thumb {
    /*background: #092d74;*/
}
.ticks {
	display: flex;
	justify-content: space-between;
	padding: 0 .5rem;
}
.tick {
	display: flex;
	justify-content: center;
	width: 1px;
	background: #4d4d4f;
	color: #4d4d4f;
	font-size: .875rem;
	height: .5rem;
	line-height: 2.5rem;
}

@media (min-width: 768px) {
	h1 {
		font-size: 2.5rem;
	}
	h2 {
		font-size: 2.25rem;
	}
	h3 {
		font-size: 2rem;
	}
	h4 {
		font-size: 1.75rem;
	}
	h5 {
		font-size: 1.5rem;
	}
	h6 {
		font-size: 1.25rem;
	}

	.bg-video-still {
		min-height: 300px;
	}
	
	.navbar-brand img {
		width: 100%;
		max-width: 400px;
		height: 47px;
	}
}

@media (min-width: 1200px) {
	main {
		padding-top: 60px;
	}

	.bg-video-still {
		min-height: 450px;
	}

	.top-bg {
		padding-top: 50px;
	}

	.cta h3 {
		font-size: 1.5rem;
	}

	.cta .cta-lb h3 {
		font-size: 2.3rem;
	}

	.cta h1 {
		font-size: 2.5rem;
	}

	.plus-image {
		width: 186px;
		height: 149px;
	}
}

@media (min-width: 1400px) {
	main {
		padding-top: 60px;
	}

	.bg-video-still {
		min-height: 450px;
	}

	.top-bg {
		padding-top: 50px;
	}

	.cta h1 {
		font-size: 3rem;
	}

	.cta h3 {
		font-size: 2rem;
	}

	.cta-lb h3 {
		font-size: 2.2rem;
	}

	.plus-image {
		width: 164px;
		height: 142px;
	}
}

/* cyrillic-ext */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');
	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
	font-family: 'Quicksand';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v31/6xKtdSZaM9iE8KbpRA_hJFQNYuDyP7bh.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Quicksand';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v31/6xKtdSZaM9iE8KbpRA_hJVQNYuDyP7bh.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Quicksand';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v31/6xKtdSZaM9iE8KbpRA_hK1QNYuDyPw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}