:root {
	--font-family-body: "proxima-nova", sans-serif;
	/* --font-family-body-secondary: 'Verdana', sans-serif; */
	--font-family-menu: "proxima-nova", sans-serif;
	--font-family-footer-body: "proxima-nova", sans-serif;
	--font-size-heading-one: 5.5rem;
	--font-size-heading-two: 2.8rem;
	--font-size-heading-three: 2.2rem;
	--font-size-heading-four: 1.6rem;
	--font-size-heading-five: 1.0rem;
	--font-size-paragraph: 1.2rem;
	--font-size-paragraph-bg: 1.4rem;
	--height-header: 140px;
	--height-header-active: 140px;
	--height-header-mobile: 80px;
	--padding-section-spacing: 6rem;
	--color-heading: #06213E;
	--color-body: #06213E;
	--color-accent: #012E52;
	--color-accent: #012E52;
	/* --color-accent-secondary: #00244A; */
	--color-menu-background: #FFFFFF;
	--color-menu-background-hover: transparent;
	--color-menu-text: #FFFFFF;
	--color-menu-text-hover: #012E52;
	--color-footer-menu-text: #FFFFFF;
	--color-footer-menu-text-hover: #012E52;
	--color-submenu-background: #FFFFFF;
	--color-submenu-background-hover: #012E52;
	--color-submenu-text: #012E52;
	--color-submenu-text-hover: #FFFFFF;
	--color-hamburger: #FFFFFF;
	--color-hamburger-hover: #FFFFFF;
	--color-button-primary: #012E52;
	--color-button-text-primary: #FFFFFF;
	--color-button-secondary: #0f67a4;
	--color-button-text-secondary: #FFFFFF;
	--color-button-alternate: #D13B40;
	--color-button-text-alternate: #FFFFFF;
	--color-form-field-border: #cccccc;
	--color-footer-background: #06213E;
	--color-footer-text: #ffffff;
	--color-inside-cta-background: #cccccc;
	--color-header: #FFFFFF;
	--color-header-active: #FFFFFF;
	--color-header-orange: #F69521;
	--color-header-active-orange: #F69521;
	--color-header-active-blue: #D13B40;
	--color-header-active-purple: #a49cd7;
	--color-header-active-green: #66b172;
	--color-brand-blue: #225AA9;
	--color-brand-purple: #722282;
	--color-brand-green: #A4CF5E;
	--color-brand-orange: #F69521;
	--color-brand-red: #D50037;
}

#header {
	background-color: var(--color-header);
	height: var(--height-header);
	padding: 0;
	width: 100%;
	z-index: 999;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#header.active {
	top: 0;
}

#header.orange {
	background-color: var(--color-header-orange);
}

#header.open,
#header.active,
#header:hover {
	background-color: var(--color-header-active);
}

#header.orange.open,
#header.orange.active,
#header.orange:hover {
	background-color: var(--color-header-active-orange);
}

#header.blue.open,
#header.blue.active,
#header.blue:hover {
	background-color: var(--color-header-active-blue);
}

#header.purple.open,
#header.purple.active,
#header.purple:hover {
	background-color: var(--color-header-active-purple);
}

#header.green.open,
#header.green.active,
#header.green:hover {
	background-color: var(--color-header-active-green);
}

#header.open,
#header.active {
	height: var(--height-header-active);
}

#header>.wrapper {
	height: 100%;
}

#header .header-flex {
	align-items: center;
	justify-content: start;
	display: flex;
	gap: 1rem;
	height: 100%;
}

#back-top {
	background-image: url(top.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, 0.5);
	background-size: 20px auto;
	/*border-radius:  4px;*/
	bottom: 10px;
	opacity: 0;
	position: fixed;
	right: 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	visibility: hidden;
	width: 45px;
	z-index: 800;
}

#back-top:hover {
	background-color: var(--color-accent);
}

#back-top a {
	display: block;
	height: 45px;
	text-align: left;
	text-indent: -9999px;
	width: 45px;
}

#back-top.active {
	opacity: 1;
	visibility: visible;
}

div.page-title {
	padding: 6rem 0;
	background-size: cover;
	background-repeat: no-repeat;
}

div.page-title h1 {
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
}

.logo {
	height: calc(100% - 2rem);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.logo a {
	display: block;
	height: 100%;
}

.logo img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
	width: auto;
}

#navigation {
	height: 180px;
	text-align: right;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#header.open #navigation,
#header.active #navigation {
	height: var(--height-header-active);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.nav-toggle {
	width: 20px;
	position: relative;
	float: right;
	z-index: 22;
	cursor: pointer;
	display: none;
	box-sizing: content-box;
	padding: 19px 12px;
	margin-right: -12px;
}

.nav-toggle .bar {
	margin-bottom: 3px;
	height: 2px;
	display: block;
	content: " ";
	background: #fff;
	width: 100%;
	transition: transform 0.5s ease;
}

.nav-toggle.active .bar:first-child {
	opacity: 0;
}

.nav-toggle.active .bar:nth-child(2) {
	transform: rotate(-45deg);
	margin-bottom: 0;
}

.nav-toggle.active .bar:nth-child(3) {
	transform: rotate(45deg);
	margin-bottom: 0;
	margin-top: -2px;
}

.nav-toggle.active .bar {
	margin-bottom: 0;
}

@media all and (max-width: 786px) {
	.logo {
		height: calc(100% - 1rem);
	}
}

#cta-container {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: var(--padding-section-spacing) 0;
	text-align: center;
}

#cta-container .heading.one,
#cta-container .heading.two {
	margin: 10px 0;
}

#cta-container .wrapper {
	text-align: center;
}

#cta-container .cta-button {
	margin: 2rem 0;
}

#cta-container .btn {
	margin: 0 20px;
}

#cta-container p {
	max-width: 70%;
	margin: 16px auto;
}

#cta-container hr {
	width: 10%;
	margin: 20px auto;
}

/* ALTERNATE CTA */
.cta-container-alt {
	background-color: var(--color-inside-cta-background);
	color: #ffffff;
	text-align: left;
	width: 100%;
}

.cta-flex-container-alt {
	background-size: auto 100%;
	background-position: calc(50% - 100px) center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: var(--padding-section-spacing);
}

.cta-flex-container-alt .cta-item {
	padding: 0;
}

.cta-container-alt .heading.two,
.cta-container-alt .heading.three a,
.cta-container-alt .heading.four a {
	color: #ffffff;
}

.cta-container-alt .contact-flex-item i {
	color: var(--color-accent);
}

.cta-container-alt a:not(.btn) {
	color: inherit;
}

.cta-container-alt .cta-item.contact span {
	font-size: var(--font-size-paragraph-bg);
	margin: 0 20px 0 0;
}

.btn {
	border: 2px solid var(--color-button-primary);
	background-color: var(--color-button-primary);
	border-radius: 7px;
	color: var(--color-button-text-primary);
	cursor: pointer;
	display: inline-block;
	font-family: var(--font-family-body-secondary);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0px;
	padding: 0.75rem 6rem;
	text-decoration: none;
	text-transform: none;
	-webkit-appearance: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

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

.btn.secondary {
	border-color: var(--color-button-secondary);
	background-color: var(--color-button-secondary);
	color: var(--color-button-text-secondary);
}

.btn.secondary:hover {
	border-color: var(--color-button-primary);
	background-color: var(--color-button-primary);
	color: var(--color-button-text-primary);
}

.btn.alternate {
	border-color: var(--color-button-alternate);
	background-color: var(--color-button-alternate);
	color: var(--color-button-text-alternate);
}

.btn.alternate:hover {
	border-color: var(--color-button-primary);
	background-color: var(--color-button-primary);
	color: var(--color-button-text-primary);
}

.btn.ghost {
	border-color: var(--color-button-primary);
	background-color: transparent;
	color: var(--color-button-primary);
}

.btn.ghost:hover {
	border-color: var(--color-button-primary);
	background-color: var(--color-button-primary);
	color: var(--color-button-text-primary);
}

.btn.alternate.ghost {
	border-color: var(--color-button-secondary);
	background-color: transparent;
	color: var(--color-button-secondary);
}

.btn.alternate.ghost:hover {
	border-color: var(--color-button-secondary);
	background-color: var(--color-button-secondary);
	color: var(--color-button-text-secondary);
}

.btn.no-rounded {
	border-radius: 0;
}

.btn-group {
	margin: 2rem 0;
}

.btn-group .btn {
	margin-right: 0.5rem;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

.btn-group .btn:last-child {
	margin-right: 0;
}

.btn.watch {
	align-items: center;
	display: inline-flex;
	font-size: 1.2rem;
	justify-content: space-between;
	padding: 7px;
}

.btn.watch span.play {
	aspect-ratio: 1/1;
	background-color: #b5cddd;
	background-image: url(play.png);
	background-position: center;
	background-size: 30% auto;
	background-repeat: no-repeat;
	border-radius: 50%;
	margin-right: 7px;
	width: 40px;
	text-indent: -9999px;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btn.watch:hover span.play {
	margin-left: 14px;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btn.watch span.watch {
	text-align: center;
	padding: 0 2.5rem 0 2rem;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btn.watch:hover span.watch {
	text-align: center;
	padding: 0 2.5rem 0 calc(2rem - 14px);
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

@media all and (max-width: 992px) {
	.btn {
		padding: 0.75rem 4rem;
	}
}

@media all and (max-width: 768px) {
	.btn {
		padding: 0.75rem 3rem;
	}
}

select.form,
input[type=text].form,
textarea.form,
form.notify select,
form.notify input[type=text],
form.notify textarea {
	background: #ffffff;
	/* Old browsers */
	border: 1px solid var(--color-form-field-border);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #00264c;
	display: inline-block;
	font-family: var(--font-family-body);
	font-size: 90%;
	margin: 0px;
	max-width: 400px;
	padding: 13px 15px;
	width: 100%;
}

form.notify label {
	display: block;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: uppercase;
	padding-bottom: 5px;
}

form.notify label.inline {
	display: inline-block;
}

form.notify label.error {
	color: red;
	display: block;
}

div.input {
	margin: 7px 0;
}

#footer-container {
	background-color: var(--color-footer-background);
	color: var(--color-footer-text);
	font-family: var(--font-family-footer-body);
	padding: var(--padding-section-spacing) 0;
	text-align: left;
}

#footer-container a {
	color: var(--color-footer-text);
	margin: 0;
	text-decoration: none;
}

#footer-container p {
	color: var(--color-footer-text);
	margin: 5px 0;
}

.footer-item-container.grid.four,
.footer-item-container.grid.five {
	align-items: flex-start;
}

/* #footer-container p.muted,
#footer-container p.muted a {
	color: #cccccc;
} */
.contact-flex-item {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	font-size: 100%;
	margin: 0 20px;
}

.contact-flex-item i {
	color: var(--color-accent);
	padding-right: 15px;
}

.contact-flex-item p {
	margin: 0 !important;
}

.contact-flex-item a {
	color: inherit;
}

.contact-flex-item span {
	width: 25%;
	padding-right: 10px;
	text-transform: uppercase;
}

.social-media-buttons {
	position: relative;
	text-align: left;
	margin: 10px 0;
}

.social-button {
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	/* border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%; */
	display: inline-block;
	height: 35px;
	text-align: left;
	text-indent: -9999px;
	vertical-align: middle;
	width: 35px;
}

a.social-button {
	position: relative;
}

a.social-button img {
	position: absolute;
	top: 0;
	right: 0;
}

.social-button:hover {
	background-color: #ffffff;
}

.social-button img {
	height: 100%;
	width: 100%;
	padding: 2px;
	display: block;
}

.social-button.youtube img {
	padding: 4px;
}

.social-button.instagram img {
	padding: 4px;
}

@media all and (max-width: 768px) {
	.footer-logo {
		max-width: 250px;
	}
}

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

[data-observer-intercept] {
	position: absolute;
	top: 50px;
}

html {
	scroll-padding-top: calc(var(--height-header-active));
}

body {
	background-color: #ffffff;
	color: var(--color-body);
	font-family: var(--font-family-body);
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

img {
	max-width: 100%;
	height: auto !important;
}

iframe {
	max-width: 100%;
}

a {
	color: var(--color-body);
	text-decoration: underline;
}

a:not(.btn):hover {
	color: var(--color-body);
	text-decoration: underline;
}

p {
	line-height: 1.4em;
}

p.lora {
	font-family: var(--font-family-body-secondary);
}

hr {
	border: 0;
	border-top: 2px solid #000000;
	width: 20%;
	margin: 20px auto;
}

.heading,
h1,
h2,
h3,
h4,
h5 {
	color: var(--color-heading);
	letter-spacing: 0px;
	line-height: 1.2em;
	margin: 0.75rem 0;
	text-transform: none;
}

/* Matches the site's own .pg-contents heading system (style.css): h1/h2 stay
   in the New Spirit display face at regular weight, h3-h5 drop to DM Sans at
   semibold — a fully-bold h3+ in the serif face read heavier than the h1/h2
   above it. Weight and family are coupled here on purpose, not just weight
   alone: semibold New Spirit and semibold DM Sans aren't visually equivalent.
   font-family is scoped to #content-container (0,1,1 specificity) rather
   than a bare h3-h5 selector: this page's own stylesheet loads BEFORE the
   sitewide bundle's own h1-h6 New Spirit default (style.css, output later by
   wp_head()), so an equal-specificity bare selector loses that tie on a real
   page load and silently falls back to New Spirit — exactly the failure
   mode the site's own .pg-contents h3 rule avoids by scoping itself the
   same way, for the same reason. font-weight has no competing declaration
   in style.css's base rule, so it doesn't need the extra specificity. */
h1,
h2,
.heading.one,
.heading.two {
	font-weight: var(--dsbn-fw-body);
}

h3,
h4,
h5,
.heading.three,
.heading.four,
.heading.five {
	font-weight: var(--dsbn-fw-semibold);
}

#content-container h3,
#content-container h4,
#content-container h5,
#content-container .heading.three,
#content-container .heading.four,
#content-container .heading.five {
	font-family: var(--dsbn-font-body);
}

h1,
.heading.one {
	font-size: var(--font-size-heading-one);
}

h2,
.heading.two {
	font-size: var(--font-size-heading-two);
}

h3,
.heading.three {
	font-size: var(--font-size-heading-three);
}

h4,
.heading.four {
	font-size: var(--font-size-heading-four);
}

h5,
.heading.five {
	font-size: var(--font-size-heading-five);
}

.heading a,
h1 a,
h2 a,
h3 a,
h4 a {
	color: inherit;
	text-decoration: none;
}

.heading em,
h1 em,
h2 em,
h3 em,
h4 em {
	font-style: normal;
	color: #c6c6c6;
}

.heading strong,
h1 strong,
h2 strong,
h3 strong,
h4 strong {
	font-weight: 800;
}

.heading.normal,
h1.normal,
h2.normal,
h3.normal,
h4.normal,
p.normal {
	font-weight: 400;
}

.heading.bold,
h1.bold,
h2.bold,
h3.bold,
h4.bold,
p.bold {
	font-weight: 700;
}

.heading.extra-bold,
h1.extra-bold,
h2.extra-bold,
h3.extra-bold,
h4.extra-bold,
p.extra-bold {
	font-weight: 800;
}

.heading.margin-bg,
h1.margin-bg,
h2.margin-bg,
h3.margin-bg,
h4.margin-bg {
	margin: 4rem 0;
}

.italic-title {
	font-size: 120%;
	font-style: italic;
	margin: 0.75rem 0;
}

.subtitle {
	font-size: var(--font-size-paragraph-bg);
	margin: 0.75rem 0;
}

.subtitle.margin-bg {
	margin: 2rem 0;
}

.bluetitle {
	font-size: var(--font-size-paragraph-bg);
	font-weight: 700;
	margin: 0.75rem 0;
	color: #00489A;
	font-weight: bold;
}

/*--- MAIN WRAPPER ---*/
.wrapper {
	margin: 0px auto;
	padding: 0px 20px;
	position: relative;
	text-align: left;
	max-width: 1322px;
}

.wrapper.inside {
	max-width: 1260px;
}

.wrapper.small {
	max-width: 992px;
}

.wrapper.xs {
	max-width: 768px;
}

.wrapper.large {
	max-width: 1422px;
}

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

/*--- BASE CONTENT STYLES ---*/
#content-container {
	background-color: #FFFFFF;
	min-height: 300px;
}

#content-container.inside {
	background-color: #ffffff;
	background-position: top center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding-top: 100px;
	min-height: 500px;
}

.page-section-container {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: var(--padding-section-spacing) 0;
	position: relative;
	text-align: center;
}

.page-section-container.no-padding-top {
	padding-top: 0;
}

.page-section-container.no-padding-bottom {
	padding-bottom: 0;
}

.page-section-container.padding-m {
	--padding-section-spacing: 4rem;
}

.page-section-container.padding-sm {
	--padding-section-spacing: 2rem;
}

.page-section-container.center h1,
.page-section-container.center h2,
.page-section-container.center h3,
.page-section-container.center h4,
.page-section-container.center h5,
.page-section-container.center .heading {
	margin-top: 0;
	text-align: center;
}

.page-section-container.center .wrapper {
	text-align: center;
}

.page-section-container.dark {
	background-color: #000000;
}

.page-section-container.white {
	background-color: #ffffff;
}

.page-section-container.grey {
	background-color: #F8F8F8;
}

.page-section-container.blue {
	background-color: rgba(42, 158, 240, 0.1);
}

.page-section-container.light-blue {
	background-color: rgba(42, 158, 240, 0.1);
}

.page-section-container.purple {
	background-color: rgba(179, 117, 217, 0.1);
}

.page-section-container.green {
	background-color: rgba(164, 207, 94, 0.1);
}

.page-section-container.orange {
	background-color: rgba(255, 176, 88, 0.1);
}

.page-section-container.bright-orange {
	background-color: #F69521;
}

.page-section-container.red {
	background-color: rgba(213, 0, 55, 0.1);
}

.page-section-container.dark h1,
.page-section-container.dark h2,
.page-section-container.dark h3,
.page-section-container.dark h4,
.page-section-container.dark h5,
.page-section-container.dark .heading,
.page-section-container.dark p {
	color: #ffffff;
}

.page-section-container.dark hr {
	border-color: #ffffff;
}

.page-section-container.dark .subtitle {
	color: #ffffff;
}

#content-container.inside .page-section-container:first-of-type {
	padding-top: 0;
}

.page-section-container.light-blue,
.page-section-container.light-blue h1,
.page-section-container.light-blue h2,
.page-section-container.light-blue h3,
.page-section-container.light-blue h4,
.page-section-container.light-blue h5,
.page-section-container.light-blue .heading,
.page-section-container.light-blue p {
	color: #05548B;
}

/*--- NAVIGATION ---*/
div.navigation-container {
	text-align: center;
	display: inline-block;
	font-family: var(--font-family-body);
	font-size: 110%;
	padding: 12px 5px;
	margin: 20px auto 20px auto;
	width: 100%;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
}

div.navigation-container a {
	color: #000000;
	padding: 6px;
	text-decoration: none;
	font-size: 110%;
}

div.navigation-container span {
	color: #C50019;
	padding: 6px;
	font-size: 110%;
}

/*--- TABLE ---*/
span.input-error {
	color: #C20000;
	display: block;
	margin: 5px;
}

.clear {
	clear: both;
}

/*--- OTHER STYLES ---*/
#map {
	height: 350px;
}

img.right {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	max-width: 460px;
	height: auto !important;
}

img.left {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	max-width: 460px;
	height: auto !important;
}

img.right.big,
img.left.big {
	max-width: 560px;
}

img.rounded {
	border-radius: 18px;
}

a.video-link {
	display: block;
	position: relative;
}

.video-link:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-size: 155px;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	pointer-events: none;
}

.line-border {
	overflow: hidden;
	text-align: center;
}

.line-border:before,
.line-border:after {
	background-color: #e7e7e7;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}

.line-border:before {
	right: 0.5em;
	margin-left: -50%;
}

.line-border:after {
	left: 0.5em;
	margin-right: -50%;
}

/*--- FLEX ---*/
.flex {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

ul#menu {
	border: 0px none;
	display: inline-block;
	height: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

ul#menu li {
	background: none;
	display: block;
	float: left;
	/*For Gecko*/
	height: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
}

ul#menu ul {
	background-color: var(--color-menu-background);
	display: none;
	left: 0;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 210px;
}

ul#menu ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	font: 1px/0px serif;
	visibility: hidden;
}

ul#menu ul li {
	background-image: none;
	background-color: var(--color-menu-background);
	border: none;
	color: var(--color-menu-text);
	display: block !important;
	display: inline;
	/*For IE*/
	float: left;
	/*For IE 7 lack of compliance*/
	height: auto;
	padding: 0px;
	text-transform: uppercase;
	text-align: left;
	width: 210px;
}

/* Root Menu */
ul#menu a {
	color: var(--color-menu-text);
	display: block;
	float: none !important;
	/*For Opera*/
	float: left;
	/*For IE*/
	font-family: var(--font-family-menu);
	font-size: 100%;
	font-weight: bold;
	height: 100%;
	padding: 0px 20px;
	text-decoration: none;
	text-transform: none;
	z-index: 99;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

ul#menu>li>a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

ul#menu>li>a>span {
	padding: 0px;
}

ul#menu ul a {
	letter-spacing: normal;
	text-transform: none;
}

/* ul#menu > li:last-of-type a span {
	background-color: #ffffff;
	color: #000000;
	display: inline-block;
	font-size: 90%;
	padding: 14px 24px;
	text-transform: none;
}

ul#menu > li:last-of-type a span:hover {
	background-color: #cccccc;
	color: #000000;
} */
/* Root Menu Hover Persistence */
ul#menu a:hover,
ul#menu li:hover a,
ul#menu li.iehover a {
	text-decoration: none;
}

ul#menu>li>a span::after {
	content: "";
	display: block;
	width: 0;
	height: 3px;
	background: #ffffff;
	transition: width 0.2s;
}

ul#menu>li>a span:hover::after {
	width: 100%;
}

/* 2nd Menu */
ul#menu li:hover li a,
ul#menu li.iehover li a {
	color: var(--color-submenu-text);
	float: none;
	height: auto;
	line-height: 1.1em;
	padding: 10px 22px;
	text-decoration: none;
}

/* 2nd Menu Hover Persistence */
ul#menu li:hover li:hover,
ul#menu li.iehover li.iehover {
	background-color: var(--color-submenu-background-hover);
}

ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a {
	background-color: var(--color-submenu-background-hover);
	color: var(--color-submenu-text-hover);
}

/* 3rd Menu */
ul#menu li:hover li:hover li a,
ul#menu li.iehover li.iehover li a {
	background-color: var(--color-submenu-background);
	color: var(--color-submenu-text);
}

/* 3rd Menu Hover Persistence */
ul#menu li:hover li:hover li a:hover,
ul#menu li:hover li:hover li:hover a,
ul#menu li.iehover li.iehover li a:hover,
ul#menu li.iehover li.iehover li.iehover a {
	background-color: var(--color-submenu-background-hover);
	color: var(--color-submenu-text-hover);
}

/* 4th Menu */
ul#menu li:hover li:hover li:hover li a,
ul#menu li.iehover li.iehover li.iehover li a {
	background-color: var(--color-submenu-background);
	color: var(--color-submenu-text);
}

/* 4th Menu Hover */
ul#menu li:hover li:hover li:hover li a:hover,
ul#menu li.iehover li.iehover li.iehover li a:hover {
	background-color: var(--color-submenu-background-hover);
	color: var(--color-submenu-text-hover);
}

ul#menu ul ul,
ul#menu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 210px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.iehover ul ul,
ul#menu li.iehover ul ul ul {
	display: none;
}

ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu ul ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul,
ul#menu ul ul li.iehover ul {
	display: block;
}

/*--- FOOTER MENU ---*/
ul#footer-menu,
.footer-item div#sub-nav ul {
	border: 0px none;
	display: block;
	height: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

ul#footer-menu li,
.footer-item div#sub-nav li {
	background: none;
	display: block;
	height: 100%;
	list-style: none;
	margin: 0.5em 0px;
	padding: 0px;
	position: relative;
	text-align: left;
}

ul#footer-menu a,
.footer-item div#sub-nav a {
	color: var(--color-footer-menu-text);
	display: block;
	float: none !important;
	/*For Opera*/
	float: left;
	/*For IE*/
	font-family: var(--font-family-menu);
	font-size: 100%;
	font-weight: normal;
	height: 100%;
	text-decoration: none;
	text-transform: none;
	z-index: 99;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

ul#footer-menu li:first-child a,
.footer-item div#sub-nav ul>span>li:first-child a {
	font-weight: bold;
}

.footer-item div#sub-nav .mobile-menu-toggle {
	display: none;
}

@media all and (max-width: 1000px) {
	:root {
		--color-menu-background: #FFFFFF;
		--color-menu-background-hover: #2A9EF0;
		--color-menu-text: #05548B;
		--color-menu-text-hover: #2A9EF0;
	}

	ul#menu {
		box-shadow: hsla(0, 0%, 0%, 0.1) 0 0.5rem 1rem;
		display: block;
		height: auto;
	}

	ul#menu:not(.center) ul li {
		padding: 0 0 0 15px;
	}

	ul#menu li,
	ul#menu li ul li,
	ul#menu li ul li ul li,
	ul#menu li ul li ul li ul li {
		display: block;
		float: none;
		height: auto;
		text-align: center;
		width: 100%;
	}

	ul#menu ul,
	ul#menu ul ul,
	ul#menu ul ul ul,
	ul#menu ul ul ul ul {
		display: block;
		left: auto;
		position: relative;
		width: 100%;
	}

	ul#menu li a,
	ul#menu li ul li a,
	ul#menu li ul li ul li a,
	ul#menu li ul li ul li ul li a {
		background-color: var(--color-menu-background);
		/*background color of menu */
		color: var(--color-menu-text);
		display: block;
		float: none;
		font-size: 12pt;
		height: auto;
		line-height: 1.1em;
		padding: 15px;
		text-transform: none;
	}

	ul#menu li:hover ul ul,
	ul#menu li:hover ul ul ul,
	ul#menu li.iehover ul ul,
	ul#menu li.iehover ul ul ul {
		display: block;
	}

	ul#menu li a {
		padding: 15px;
	}

	/* okay, lets start styling roll overs */
	ul#menu li.has_submenu>a {
		background-image: url(mobile-arrow.svg);
		background-size: 20px auto;
		background-position: calc(100% - 10px) 50%;
		background-repeat: no-repeat;
	}

	ul#menu li.has_submenu>a:hover,
	ul#menu li.has_submenu.clicked_menu>a {
		background-image: url(mobile-arrow-hover.svg);
	}

	ul#menu ul.closed_menu {
		display: none !important;
	}

	ul#menu ul.open_menu {
		display: block !important;
	}

	ul#menu a:hover,
	ul#menu li:hover a,
	ul#menu li.iehover a {
		color: var(--color-menu-background-hover);
	}

	ul#menu:not(.center) a:hover,
	ul#menu:not(.center) li:hover a,
	ul#menu:not(.center) li.iehover a {
		padding: 15px 30px 15px 15px;
	}

	/* 2nd Menu */
	ul#menu li:hover li a,
	ul#menu li.iehover li a {
		color: var(--color-menu-text);
		padding: 15px 30px 15px 30px;
	}

	ul#menu:not(.center) li:hover li a,
	ul#menu:not(.center) li.iehover li a {
		padding: 15px 30px 15px 15px;
	}

	/* 2nd Menu Hover Persistence */
	ul#menu li:hover li:hover,
	ul#menu li.iehover li.iehover {
		background-color: var(--color-menu-background);
		color: var(--color-menu-background-hover);
	}

	ul#menu li:hover li a:hover,
	ul#menu li:hover li:hover a,
	ul#menu li.iehover li a:hover,
	ul#menu li.iehover li.iehover a {
		background-color: var(--color-menu-background);
		color: var(--color-menu-background-hover);
	}

	/* 3rd Menu */
	ul#menu li:hover li:hover li a,
	ul#menu li.iehover li.iehover li a {
		color: var(--color-menu-text);
	}

	/* 3rd Menu Hover Persistence */
	ul#menu li:hover li:hover li a:hover,
	ul#menu li:hover li:hover li:hover a,
	ul#menu li.iehover li.iehover li a:hover,
	ul#menu li.iehover li.iehover li.iehover a {
		background-color: var(--color-menu-background);
		color: var(--color-menu-background-hover);
	}

	/* 4th Menu */
	ul#menu li:hover li:hover li:hover li a,
	ul#menu li.iehover li.iehover li.iehover li a {
		color: var(--color-menu-text);
	}

	/* 4th Menu Hover */
	ul#menu li:hover li:hover li:hover li a:hover,
	ul#menu li.iehover li.iehover li.iehover li a:hover {
		background-color: var(--color-menu-background);
		color: var(--color-menu-background-hover);
	}
}

:root {
	--grid-gap: 6rem;
	--grid-gap-tablet: 4rem;
	--grid-gap-mobile: 2rem;
}

.grid {
	display: grid;
	display: -ms-grid;
	grid-template-columns: 1fr 1fr;
	/*base properties to be overwritten*/
	-ms-grid-columns: 1fr var(--grid-gap) 1fr;
	/*ie base properties to be overwritten*/
	grid-gap: var(--grid-gap);
	align-items: center;
	margin: 0;
}

.grid.top-align,
.grid.left-image.top-align,
.grid.right-image.top-align {
	align-items: start !important;
}

.grid.bottom-align,
.grid.left-image.bottom-align,
.grid.right-image.bottom-align {
	align-items: flex-end !important;
}

.grid.two {
	grid-template-columns: 1fr 1fr;
	-ms-grid-columns: 1fr var(--grid-gap) 1fr;
	grid-gap: var(--grid-gap);
}

.grid.two.wide {
	grid-template-columns: 1fr 1fr;
	-ms-grid-columns: 1fr var(--grid-gap) 1fr;
	grid-gap: var(--grid-gap);
}

.grid.two.sidebar {
	grid-template-columns: 2fr 1fr;
	-ms-grid-columns: 2fr var(--grid-gap) 1fr;
	grid-gap: var(--grid-gap);
}

.grid.two.team {
	grid-template-columns: 1fr 2fr;
	-ms-grid-columns: 1fr var(--grid-gap) 2fr;
	grid-gap: var(--grid-gap);
}

.grid.three {
	grid-template-columns: 1fr 1fr 1fr;
	-ms-grid-columns: 1fr var(--grid-gap) 1fr var(--grid-gap) 1fr;
	grid-gap: var(--grid-gap);
}

.grid.four {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	/*base properties to be overwritten*/
	-ms-grid-columns: 1fr var(--grid-gap) 1fr var(--grid-gap) 1fr var(--grid-gap) 1fr;
	/*ie base properties to be overwritten*/
	grid-gap: var(--grid-gap);
}

.grid.five {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	/*base properties to be overwritten*/
	-ms-grid-columns: 1fr var(--grid-gap) 1fr var(--grid-gap) 1fr var(--grid-gap) 1fr var(--grid-gap) 1fr;
	/*ie base properties to be overwritten*/
	grid-gap: var(--grid-gap);
}

.grid.six {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	/*base properties to be overwritten*/
	-ms-grid-columns: 1fr var(--grid-gap) 1fr var(--grid-gap) 1fr var(--grid-gap) 1fr var(--grid-gap) 1fr var(--grid-gap) 1fr;
	/*ie base properties to be overwritten*/
	grid-gap: var(--grid-gap);
}

.grid.two.right-image {
	grid-template-columns: 1fr 600px;
	-ms-grid-columns: 1fr var(--grid-gap) 600px;
	grid-gap: 0 var(--grid-gap);
	align-items: center;
}

.grid.two.right-image.hero-image {
	grid-template-columns: 1fr 60%;
	-ms-grid-columns: 1fr 0rem 60%;
	grid-gap: 0;
	align-items: start;
}

.grid.two.right-image.hero-image-grid {
	grid-template-columns: 1fr 40%;
	-ms-grid-columns: 1fr 40%;
}

.grid.two.left-image {
	grid-template-columns: 600px 1fr;
	-ms-grid-columns: 600px var(--grid-gap) 1fr;
	grid-gap: 0 var(--grid-gap);
	align-items: center;
}

.grid.three.right-image {
	grid-template-columns: 1fr 1fr 600px;
	-ms-grid-columns: 1fr var(--grid-gap) 1fr var(--grid-gap) 600px;
	grid-gap: 0 var(--grid-gap);
	align-items: center;
}

.grid.three.left-image {
	grid-template-columns: 600px 1fr 1fr;
	-ms-grid-columns: 600px var(--grid-gap) 1fr var(--grid-gap) 1fr;
	grid-gap: 0 var(--grid-gap);
	align-items: center;
}

.grid.two.right-image.large {
	grid-template-columns: 1fr 2fr;
	-ms-grid-columns: 1fr var(--grid-gap) 2fr;
	grid-gap: 0 var(--grid-gap);
	align-items: center;
}

.grid.two.left-image.large {
	grid-template-columns: 2fr 1fr;
	-ms-grid-columns: 2fr var(--grid-gap) 1fr;
	grid-gap: 0 var(--grid-gap);
	align-items: center;
}

.grid.three.right-image.large {
	grid-template-columns: 1fr 1fr 2fr;
	-ms-grid-columns: 1fr var(--grid-gap) 1fr var(--grid-gap) 2fr;
	grid-gap: 0 var(--grid-gap);
	align-items: center;
}

.grid.three.left-image.large {
	grid-template-columns: 2fr 1fr 1fr;
	-ms-grid-columns: 2fr var(--grid-gap) 1fr var(--grid-gap) 1fr;
	grid-gap: 0 var(--grid-gap);
	align-items: center;
}

.grid-item {
	position: relative;
}

.grid-item.span-two {
	grid-column: span 2;
}

.grid-item.span-three {
	grid-column: span 3;
}

.grid-item.span-four {
	grid-column: span 4;
}

.grid-item.span-five {
	grid-column: span 5;
}

.grid-item.no-gap {
	margin: calc(var(--grid-gap) * -1);
}

.grid-item.no-gap-top {
	margin-top: calc(var(--grid-gap) * -1);
}

.grid-item.no-gap-bottom {
	margin-bottom: calc(var(--grid-gap) * -1);
}

.grid.two>.grid-item:nth-of-type(1),
.grid.two>div:nth-of-type(1) {
	-ms-grid-column: 1;
	-ms-grid-row: 1;
}

.grid.two>.grid-item:nth-of-type(2),
.grid.two>div:nth-of-type(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1;
}

.grid.two>.grid-item:nth-of-type(3),
.grid.two>div:nth-of-type(3) {
	-ms-grid-column: 1;
	-ms-grid-row: 2;
}

.grid.two>.grid-item:nth-of-type(4),
.grid.two>div:nth-of-type(4) {
	-ms-grid-column: 3;
	-ms-grid-row: 2;
}

.grid.two>.grid-item:nth-of-type(5),
.grid.two>div:nth-of-type(5) {
	-ms-grid-column: 1;
	-ms-grid-row: 3;
}

.grid.two>.grid-item:nth-of-type(6),
.grid.two>div:nth-of-type(6) {
	-ms-grid-column: 3;
	-ms-grid-row: 3;
}

/* if there is 3 columns*/
.grid.three>.grid-item:nth-of-type(1),
.grid.three>div:nth-of-type(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.grid.three>.grid-item:nth-of-type(2),
.grid.three>div:nth-of-type(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.grid.three>.grid-item:nth-of-type(3),
.grid.three>div:nth-of-type(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
}

.grid.three>.grid-item:nth-of-type(4),
.grid.three>div:nth-of-type(4) {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
}

.grid.three>.grid-item:nth-of-type(5),
.grid.three>div:nth-of-type(5) {
	-ms-grid-row: 2;
	-ms-grid-column: 3;
}

.grid.three>.grid-item:nth-of-type(6),
.grid.three>div:nth-of-type(6) {
	-ms-grid-row: 2;
	-ms-grid-column: 5;
}

.grid.three>.grid-item:nth-of-type(7),
.grid.three>div:nth-of-type(7) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

.grid.three>.grid-item:nth-of-type(8),
.grid.three>div:nth-of-type(8) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}

.grid.three>.grid-item:nth-of-type(9),
.grid.three>div:nth-of-type(9) {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
}

/* if there is 4 columns*/
.grid.four>.grid-item:nth-of-type(1),
.grid.four>div:nth-of-type(1),
.grid.image-list.four>.grid-item:nth-of-type(1) {
	-ms-grid-column: 1;
	-ms-grid-row: 1;
}

.grid.four>.grid-item:nth-of-type(2) .grid.four>div:nth-of-type(2),
.grid.image-list.four>.grid-item:nth-of-type(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1;
}

.grid.four>.grid-item:nth-of-type(3) .grid.four>div:nth-of-type(3),
.grid.image-list.four>.grid-item:nth-of-type(3) {
	-ms-grid-column: 5;
	-ms-grid-row: 1;
}

.grid.four>.grid-item:nth-of-type(4) .grid.four>div:nth-of-type(4),
.grid.image-list.four>.grid-item:nth-of-type(4) {
	-ms-grid-column: 7;
	-ms-grid-row: 1;
}

.grid.four>.grid-item:nth-of-type(5) .grid.four>div:nth-of-type(5),
.grid.image-list.four>.grid-item:nth-of-type(5) {
	-ms-grid-column: 1;
	-ms-grid-row: 2;
}

.grid.four>.grid-item:nth-of-type(6) .grid.four>div:nth-of-type(6),
.grid.image-list.four>.grid-item:nth-of-type(6) {
	-ms-grid-column: 3;
	-ms-grid-row: 2;
}

.grid.four>.grid-item:nth-of-type(7) .grid.four>div:nth-of-type(7),
.grid.image-list.four>.grid-item:nth-of-type(7) {
	-ms-grid-column: 5;
	-ms-grid-row: 2;
}

.grid.four>.grid-item:nth-of-type(8) .grid.four>div:nth-of-type(8),
.grid.image-list.four>.grid-item:nth-of-type(8) {
	-ms-grid-column: 7;
	-ms-grid-row: 2;
}

/* if there is 6 columns*/
.grid.six>.grid-item:nth-of-type(1),
.grid.six>div:nth-of-type(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.grid.six>.grid-item:nth-of-type(2),
.grid.six>div:nth-of-type(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.grid.six>.grid-item:nth-of-type(3),
.grid.six>div:nth-of-type(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
}

.grid.six>.grid-item:nth-of-type(4),
.grid.six>div:nth-of-type(4) {
	-ms-grid-row: 1;
	-ms-grid-column: 7;
}

.grid.six>.grid-item:nth-of-type(5),
.grid.six>div:nth-of-type(5) {
	-ms-grid-row: 1;
	-ms-grid-column: 9;
}

.grid.six>.grid-item:nth-of-type(6),
.grid.six>div:nth-of-type(6) {
	-ms-grid-row: 1;
	-ms-grid-column: 12;
}

.grid.six>.grid-item:nth-of-type(7),
.grid.six>div:nth-of-type(7) {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
}

.grid.six>.grid-item:nth-of-type(8),
.grid.six>div:nth-of-type(8) {
	-ms-grid-row: 2;
	-ms-grid-column: 3;
}

.grid.six>.grid-item:nth-of-type(9),
.grid.six>div:nth-of-type(9) {
	-ms-grid-row: 2;
	-ms-grid-column: 5;
}

.grid.six>.grid-item:nth-of-type(10),
.grid.six>div:nth-of-type(10) {
	-ms-grid-row: 2;
	-ms-grid-column: 7;
}

.grid.six>.grid-item:nth-of-type(11),
.grid.six>div:nth-of-type(11) {
	-ms-grid-row: 2;
	-ms-grid-column: 9;
}

.grid.six>.grid-item:nth-of-type(12),
.grid.six>div:nth-of-type(12) {
	-ms-grid-row: 2;
	-ms-grid-column: 12;
}

/* MEDIA QUERIES */
@media all and (max-width: 1024px) {
	.grid.two.right-image {
		grid-template-columns: 1fr 300px;
		-ms-grid-columns: 1fr var(--grid-gap-tablet) 300px;
		grid-gap: 0 var(--grid-gap-tablet);
	}

	.grid.two.left-image {
		grid-template-columns: 300px 1fr;
		-ms-grid-columns: 300px var(--grid-gap-tablet) 1fr;
		grid-gap: 0 var(--grid-gap-tablet);
	}

	.grid.three.right-image {
		grid-template-columns: 1fr 1fr 300px;
		-ms-grid-columns: 1fr var(--grid-gap-tablet) 1fr var(--grid-gap-tablet) 300px;
		grid-gap: 0 var(--grid-gap-tablet);
	}

	.grid.three.left-image {
		grid-template-columns: 300px 1fr 1fr;
		-ms-grid-columns: 300px var(--grid-gap-tablet) 1fr var(--grid-gap-tablet) 1fr;
		grid-gap: 0 var(--grid-gap-tablet);
	}

	.grid.four.footer-item-container,
	.grid.five.footer-item-container {
		grid-template-columns: 1fr 1fr;
		-ms-grid-columns: 1fr var(--grid-gap-tablet) 1fr;
		grid-gap: var(--grid-gap-tablet);
	}
}

@media all and (max-width: 768px) {

	.grid.two,
	.grid.two.sidebar,
	.grid.two.left-image,
	.grid.two.right-image,
	.grid.two.right-image.large,
	.grid.two.right-image.hero-image,
	.grid.two.right-image.hero-image-grid,
	.grid.two.left-image.large,
	.grid.two.left-image.large.hero-image,
	.grid.two.left-image.large.hero-image-grid,
	.grid.three,
	.grid.three.right-image,
	.grid.three.left-image,
	.grid.four,
	.grid.five,
	.grid.six {
		grid-template-columns: 1fr;
		-ms-grid-columns: 1fr;
		grid-gap: var(--grid-gap-mobile);
	}

	.grid-item.no-gap {
		margin: calc(var(--grid-gap-mobile) * -1);
	}

	.grid-item.no-gap-top {
		margin-top: calc(var(--grid-gap-mobile) * -1);
	}

	.grid-item.no-gap-bottom {
		margin-bottom: calc(var(--grid-gap-mobile) * -1);
	}

	.strat-grid.grid.two.left-image {
		grid-template-columns: 1fr;
		-ms-grid-columns: 1fr;
		grid-gap: var(--grid-gap-mobile);
		margin-bottom: var(--grid-gap-mobile);
	}

	.grid.four.footer-item-container,
	.grid.five.footer-item-container {
		grid-template-columns: 1fr;
		-ms-grid-columns: 1fr;
		grid-gap: var(--grid-gap-mobile);
	}
}

#slideshow-container,
.page-hero-container {
	background-color: #2A9EF0;
	height: 700px;
	height: 100vh;
	overflow: hidden;
	position: relative;
	padding-top: 1px;
	width: 100%;
	z-index: 1;
}

.page-hero-container.blue {
	background-color: #2A9EF0;
}

.page-hero-container.purple {
	background-color: #a49cd7;
}

.page-hero-container.green {
	background-color: #66b172;
}

#slideshow-container>.wrapper,
.page-hero-container>.wrapper {
	height: 100%;
}

#slideshow,
.page-hero {
	height: 100%;
	list-style: none;
	padding: 0;
	position: relative;
	margin: 0px auto;
	/*max-width: 1600px;*/
	/*overflow: hidden;*/
	width: 100%;
	z-index: 1;
}

#slideshow>li {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-backface-visibility: hidden;
	display: none;
	position: absolute;
	height: 100%;
	left: 0;
	text-align: center;
	top: 0;
	width: 100%;
}

#slideshow>li img,
.page-hero>div img {
	height: auto;
	width: 100%;
}

/*#slideshow-container li video {
	bottom: 0;
	left: 0;
	padding-bottom: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}

#slideshow li img {
	display: block;
	height: auto;
	position: relative;
	visibility: hidden;
	width: 100%;
	z-index: 1;
}*/
div.slide-container,
div.hero-container {
	align-items: end;
	height: 100%;
	width: 100%;
}

div.slide-container.flex.two,
div.hero-container.flex.two {
	align-items: end;
	grid-gap: 0;
	height: 100%;
	width: 100%;
	margin: 0;
}

div.slide-container.flex.two>div,
div.hero-container.flex.two>div {
	width: 50%;
}

div.slide-container.flex.two .title-container,
div.hero-container.flex.two .title-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	margin-top: 0;
}

div.slide-container.flex.two .image-container,
div.hero-container.flex.two .image-container {
	align-items: end;
	justify-content: center;
	display: flex;
	width: 50%;
	margin: 0;
}

div.slide-container.flex.two .image-container img,
div.hero-container.flex.two .image-container img {
	width: fit-content;
	max-width: 135%;
}

div.slide-container.home.flex.two .image-container img,
div.hero-container.home.flex.two .image-container img {
	max-width: 125%;
}

div.slideshow-subtitle p,
div.page-hero-subtitle p {
	margin: 0;
}

.slideshow-title,
.page-hero-title,
.slideshow-subtitle,
.page-hero-subtitle {
	color: #ffffff;
	font-weight: normal;
	padding: 0px;
	line-height: 1em;
	margin: 0;
}

.slideshow-title,
.page-hero-title {
	font-family: "Helvetica", sans-serif;
	font-weight: normal;
	text-transform: none;
	margin-top: 4rem;
}

.slideshow-title h1,
.page-hero-title h1 {
	color: #ffffff;
	font-weight: normal;
	margin: 0;
	line-height: 1.1em;
}

.slideshow-title h1 strong,
.page-hero-title h1 strong {
	font-weight: 800;
}

.slideshow-subtitle,
.page-hero-subtitle {
	font-family: "Helvetica", sans-serif;
	font-size: 100%;
	font-weight: 300;
	line-height: 1.2em;
	max-width: 400px;
	margin: 20px auto;
	text-transform: none;
}

.slideshow-link,
.page-hero-link {
	margin: 2rem 0;
}

.rslides_nav.prev,
.rslides_nav.next {
	background-image: url(slideshow_previous.png);
	background-position: left center;
	background-repeat: no-repeat;
	height: 80px;
	left: 30px;
	margin-top: -40px;
	position: absolute;
	top: 50%;
	text-align: left;
	text-indent: -9999px;
	width: 40px;
	z-index: 100;
}

.rslides_nav.next {
	background-image: url(slideshow_next.png);
	background-image: url(slideshow_next.png);
	background-position: right center;
	left: auto;
	right: 30px;
}

.rslides_tabs {
	bottom: -25px;
	display: inline-block;
	height: 20px;
	list-style-type: none;
	margin: 0px;
	padding: 0;
	position: absolute;
	right: 10px;
	text-align: right;
	width: 100%;
	z-index: 9;
}

.rslides_tabs li {
	display: inline-block;
	height: 10px;
}

.rslides_tabs li:first-child {
	padding-left: 15px;
}

.rslides_tabs a {
	background-color: #EEEEEE;
	/*border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
	display: inline-block;
	height: 10px;
	margin: 0px 0px 0px 5px;
	outline: none;
	padding: 10px;
	font-size: 0;
	width: 10px;
	z-index: 9;
}

.rslides_tabs .rslides_here a {
	background-color: #231F20;
}

@media all and (max-width: 1200px) {

	#slideshow-container,
	.page-hero-container {
		height: 85vh;
	}

	.slideshow-title,
	.page-hero-title {
		margin-top: 0rem;
	}
}

@media all and (max-width: 992px) {

	#slideshow-container,
	.page-hero-container {
		height: 55vh;
	}
}

@media all and (max-width: 768px) {

	#slideshow-container,
	.page-hero-container {
		height: auto;
	}

	div.slide-container.flex.two>div,
	div.hero-container.flex.two>div {
		width: 100%;
		height: 100%;
	}

	div.slide-container.flex.two .title-container,
	div.hero-container.flex.two .title-container {
		width: auto;
		margin: 2rem auto 0 auto;
	}

	div.slide-container.flex.two .image-container,
	div.hero-container.flex.two .image-container {
		width: 100%;
	}

	div.slide-container.home.flex.two .image-container img,
	div.hero-container.home.flex.two .image-container img {
		width: 100%;
	}

	.slideshow-title h1,
	.page-hero-title h1 {
		font-size: 2.8rem;
	}

	.slideshow-title h1 br,
	.page-hero-title h1 br {
		display: block;
	}
}

/* Modal styles */
.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	/* Semi-transparent background */
	z-index: 9999;
	overflow: auto;
}

.modal-content {
	background-color: transparent;
	/* Remove white background */
	display: flex;
	justify-content: center;
	/* Center horizontally */
	align-items: center;
	/* Center vertically */
	height: 100%;
}

/* Close button */
.close-modal {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	color: #888;
	cursor: pointer;
}

.close-modal {
	aspect-ratio: 1/1;
	background-image: url(close.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, 0.5);
	background-size: 20px auto;
	/*border-radius:  4px;*/
	top: 10px;
	right: 10px;
	position: fixed;
	width: 45px;
	z-index: 999;
}

.close-modal:hover {
	background-color: var(--color-accent);
}

/* Style the open button */
.modal-button {
	padding: 10px 20px;
	background-color: #007BFF;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
}

/* Style the open button on hover */
.modal-button:hover {
	background-color: #0056b3;
}

/* Responsive video container */
.video-container {
	position: relative;
	aspect-ratio: 16/9;
	width: 90%;
	/* Adjust the width as needed */
	max-width: 960px;
	/* Maximum width */
}

.video-container iframe {
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Remove horizontal scrollbar on body */
body {
	overflow-x: hidden;
}

@media all and (max-width: 1200px) {
	:root {
		--font-size-heading-one: 4.3rem;
	}

	ul#menu a {
		padding: 0 10px;
	}
}

@media all and (max-width: 1000px) {
	:root {
		--height-header: 100px;
		--height-header-active: 100px;
	}

	.nav-toggle {
		display: block;
	}

	#navigation {
		display: none;
		height: 100%;
		left: 0;
		margin: 0px;
		padding: 0px;
		position: absolute;
		text-align: left;
		top: var(--height-header-active);
		width: 100%;
		z-index: 9999;
	}

	#navigation.open {
		display: block;
	}

	#header {
		height: var(--height-header-active);
	}

	#header.blue {
		background-color: var(--color-header-active-blue);
	}

	#header.purple {
		background-color: var(--color-header-active-purple);
	}

	#header.green {
		background-color: var(--color-header-active-green);
	}
}

@media all and (max-width: 992px) {
	:root {
		--font-size-heading-one: 3.6rem;
	}

	img.right,
	img.right.big,
	img.left,
	img.left.big {
		max-width: 415px;
	}

	img.left,
	img.left.big {
		margin: 0px 15px 15px 0px;
	}

	img.right,
	img.right.big {
		margin: 0px 0px 15px 15px;
	}
}

@media all and (max-width: 500px) {
	:root {
		--height-header: 80px;
		--height-header-active: 80px;
		--padding-section-spacing: 4rem;
		--font-size-heading-one: 2.8rem;
		--font-size-heading-two: 2.0rem;
		--font-size-heading-three: 1.4rem;
		--font-size-heading-four: 1.2rem;
		--font-size-heading-five: 1.0rem;
		--font-size-paragraph: 1.0rem;
		--font-size-paragraph-bg: 1.2rem;
	}
}

h1.main-title {
	display: inline-block;
	font-weight: bold;
	margin: 0 auto;
	line-height: 1.1em;
	text-align: center;
	position: relative;
}

h1.main-title span {
	display: block;
	position: relative;
	padding: 0 4rem;
	color: #fff;
	z-index: 3;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

h1.main-title span::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #D60037;
	border: 1px solid #707070;
	transform: rotate(-1deg);
	z-index: -1;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}

#share-your-voice {
	padding-top: 2rem;
	padding-bottom: 0;
}

#share-your-voice p {
	max-width: 60%;
	margin: 2rem auto;
	text-align: left;
}

.photo-grid {
	margin: 2rem 0;
}

.get-involved-image {
	height: 600px;
	display: flex;
	align-items: center;
}

.get-involved-image img {
	width: 100%;
	height: auto !important;
	max-height: 100%;
	object-fit: contain;
}

.get-involved-video {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 2rem;
}

.member-video-thumb {
	display: block;
	position: relative;
	cursor: pointer;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
	width: 100%;
}

.member-video-thumb img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 0.3s ease;
}

.member-video-thumb::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	background: url('dsbn-ideas/play-button.png') no-repeat center center;
	background-size: contain;
	z-index: 2;
}

.member-video-thumb:hover img {
	transform: scale(1.03);
}

/* FAQ Accordion */
#ideas-faq h2 {
	margin-bottom: 3rem;
}

#ideas-faq .faq-accordion {
	text-align: left;
}

.faq-accordion {
	max-width: 1100px;
	margin: 0 auto;
}

.faq-item {
	border-bottom: 1px solid #ddd;
}

.faq-item:first-child {
	border-top: 1px solid #ddd;
}

.faq-question {
	width: 100%;
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.5rem 0;
	font-family: var(--dsbn-font-body);
	font-size: var(--dsbn-fs-body-header-sm);
	font-weight: var(--dsbn-fw-semibold);
	color: var(--color-heading);
	text-align: left;
	transition: color 0.2s ease;
}

.faq-question:hover {
	color: #D60037;
}

.faq-question[aria-expanded="true"] {
	color: #D60037;
}

.faq-question[aria-expanded="true"] .faq-icon::before {
	transform: rotate(45deg);
}

.faq-question[aria-expanded="true"] .faq-icon::after {
	opacity: 0;
}

.faq-icon {
	position: relative;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin-left: 1rem;
}

.faq-icon::before,
.faq-icon::after {
	content: '';
	position: absolute;
	background-color: currentColor;
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.faq-icon::before {
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	transform: translateY(-50%);
}

.faq-icon::after {
	top: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	transform: translateX(-50%);
}

.faq-answer {
	overflow: hidden;
	height: 0;
	transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-answer p,
.faq-answer ul {
	margin: 0 0 1.5rem;
	font-size: var(--font-size-paragraph);
}

.overlap-image {
	display: block;
	cursor: pointer;
	height: 500px;
	position: relative;
	margin-bottom: -250px;
	z-index: 1;
	margin-top: 4rem;
}

.overlap-image::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	background: url("dsbn-ideas/play-button.png") no-repeat center center;
	background-size: contain;
	z-index: 2;
}

.overlap-image img {
	max-width: 100%;
	height: 100% !important;
	display: block;
	margin: 0 auto;
	object-fit: cover;
}

#student-voices-shape-dsbn {
	background-image: url("student-voice/top-banner.png"), url("student-voice/top-banner-background.png");
	background-size: 100% auto, cover;
	background-position: bottom center, top center;
	background-repeat: no-repeat, no-repeat;
	min-height: calc(100vh - var(--height-header-active));
	padding: 0;
}

#student-voices-shape-dsbn h1 {
	color: #0075C9;
	font-weight: bold;
	font-size: 4.5rem;
	margin: 0 auto;
	position: relative;
}

#student-voices-shape .grid-item h3 {
	font-family: var(--dsbn-font-body);
	font-size: var(--dsbn-fs-body-header);
	font-weight: var(--dsbn-fw-semibold);
}

#through-ideas .grid-item h3 {
	font-family: var(--dsbn-font-body);
	font-size: var(--dsbn-fs-body-header);
	font-weight: var(--dsbn-fw-semibold);
}

#student-voices-shape-dsbn .grid.two {
	gap: 2rem;
	padding-top: 4rem;
}

#student-voices-shape-dsbn p {
	font-size: var(--font-size-paragraph-bg);
	margin-top: 10rem;
}

@media all and (max-width: 1024px) {
	#student-voices-shape-dsbn {
		background-image: url("student-voice/top-banner.png"), url("student-voice/top-banner-background.png");
		background-size: auto 40%, auto 80%;
		background-position: bottom center, bottom center;
		background-repeat: no-repeat, no-repeat;
		min-height: calc(80vh - var(--height-header-active));
		padding: 0;
	}
}

@media all and (max-width: 768px) {
	h1.main-title span {
		padding: 0 1rem;
	}

	#share-your-voice p {
		max-width: 90%;
	}

	#goals-of-ideas h2,
	#goals-of-ideas h3 {
		text-align: center;
	}

	.photo-grid {
		margin: 2rem 0;
	}

	.photo-grid .grid-item,
	.graphic-grid .grid-item {
		text-align: center;
	}

	.graphic-grid .grid-item img {
		max-width: 250px;
	}

	#student-voices-shape-dsbn {
		background-image: url("student-voice/top-banner.png"), url("student-voice/top-banner-background.png");
		background-size: auto 40%, auto 80%;
		background-position: bottom center, bottom center;
		background-repeat: no-repeat, no-repeat;
		min-height: calc(100vh - var(--height-header-active));
		padding: 0;
	}

	#student-voices-shape-dsbn .grid.two {
		gap: 2rem;
		padding-top: 4rem;
	}

	#student-voices-shape-dsbn p {
		margin-top: 0;
	}
}

@media all and (max-width: 1800px) and (max-height: 900px) {
	#student-voices-shape-dsbn .grid.two {
		padding-top: 0;
		padding-bottom: 300px;
	}
}

@media all and (min-width: 1800px) and (max-height: 900px) {
	#student-voices-shape-dsbn .grid.two {
		padding-top: 0;
		padding-bottom: 450px;
	}
}

h1.center,
h2.center,
h3.center,
h4.center,
p.center,
.heading.center {
	text-align: center;
}

p.small {
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
}

h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue,
p.blue {
	color: var(--color-brand-blue);
}

h1.purple,
h2.purple,
h3.purple,
h4.purple,
h5.purple,
p.purple {
	color: var(--color-brand-purple);
}

h1.green,
h2.green,
h3.green,
h4.green,
h5.green,
p.green {
	color: var(--color-brand-green);
}

h1.orange,
h2.orange,
h3.orange,
h4.orange,
h5.orange,
p.orange {
	color: var(--color-brand-orange);
}

h1.red,
h2.red,
h3.red,
h4.red,
h5.red,
p.red {
	color: var(--color-brand-red);
}

h1.large,
.heading.one.large {
	font-size: calc(var(--font-size-heading-one) * 1.2);
}

h2.large,
.heading.two.large {
	font-size: calc(var(--font-size-heading-two) * 1.2);
}

h3.large,
.heading.three.large {
	font-size: calc(var(--font-size-heading-three) * 1.2);
}

h4.large,
.heading.four.large {
	font-size: calc(var(--font-size-heading-four) * 1.2);
}

h5.large,
.heading.five.large {
	font-size: calc(var(--font-size-heading-five) * 1.2);
}

h1.small,
.heading.one.small {
	font-size: calc(var(--font-size-heading-one) * 0.8);
}

h2.small,
.heading.two.small {
	font-size: calc(var(--font-size-heading-two) * 0.8);
}

h3.small,
.heading.three.small {
	font-size: calc(var(--font-size-heading-three) * 0.8);
}

h4.small,
.heading.four.small {
	font-size: calc(var(--font-size-heading-four) * 0.8);
}

h5.small,
.heading.five.small {
	font-size: calc(var(--font-size-heading-five) * 0.8);
}

p {
	font-size: var(--font-size-paragraph);
}

p.subtitle {
	font-size: var(--font-size-paragraph-bg);
	line-height: 1.4em;
	margin: 0.5rem 0;
	text-wrap: pretty;
}

p.subtitle span.orange {
	color: var(--color-brand-orange);
	font-weight: bold;
}

.flex.photo {
	flex-wrap: nowrap;
	gap: 20px;
	width: 100%;
}

.flex.photo>.flex-item {
	width: auto;
}

.modal-dialog {
	max-width: 800px;
	margin: 30px auto;
}

.modal-body {
	position: relative;
	padding: 0px;
}

.close {
	position: absolute;
	right: -30px;
	top: 0;
	z-index: 999;
	font-size: 2rem;
	font-weight: normal;
	color: #fff;
	opacity: 1;
}

#sub-navigation.dsbn-ideas {
	position: relative;
	padding-top: calc(var(--padding-section-spacing) + 250px);
	background-color: white;
	z-index: 0;
}

#sub-nav {
	background-color: #f8f8f8;
	border-radius: 11px;
	padding: 1rem 1.5rem;
}

#sub-nav ul {
	display: none;
	flex-direction: column;
	gap: 0.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

#sub-nav ul.show {
	display: flex;
}

#sub-nav ul li {
	position: relative;
}

#sub-nav ul li a {
	color: var(--color-body);
	font-size: var(--font-size-paragraph);
	font-weight: 700;
	text-decoration: none;
	padding: 0.5rem 0;
	display: block;
}

#sub-nav ul li a:hover {
	color: #0066cc;
}

#sub-nav ul li.active>a {
	color: #0066cc;
	font-weight: 600;
}

#sub-nav ul.sub-sub {
	display: block;
}

#sub-nav .mobile-menu-toggle {
	display: block;
	padding: 0.5rem 0;
	cursor: pointer;
	color: #1e355e;
	font-size: var(--font-size-paragraph);
	border-radius: 8px;
	text-align: left;
	text-decoration: none;
	font-weight: 700;
	position: relative;
}

#sub-nav .mobile-menu-toggle:after {
	content: "";
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid var(--color-body);
	transition: transform 0.3s ease;
}

#sub-nav .mobile-menu-toggle.active:after {
	transform: translateY(-50%) rotate(180deg);
}

@media all and (max-width: 768px) {
	.flex.photo {
		flex-wrap: wrap;
		justify-content: center;
		padding: 0 20px;
		width: auto;
	}
}