/*Fix nav*/

#FnlSubSiteNavigation ul[id$="TopNavigation"], #FnlSubSiteNavigation > .WidthContain ul {
	margin: 0 auto;
	max-width: 1240px;
}

	#FnlSubSiteNavigation ul[id$="TopNavigation"] > li:first-child, #FnlSubSiteNavigation > .WidthContain ul > li:first-child {
		margin-left: 156px;
	}

#FnlSubSitePage .FnlSubSiteMenu {
	margin: 0 auto;
	max-width: 1240px;
}

#FnlSubSitePage .FnlTopBar > .WidthContain {
	max-width: 1240px;
}

.FnlSubSitePage #FnlSubSiteSideBar h2, .FnlSubSitePage #FnlSubSiteSideBar h2 a {
	background-image: linear-gradient(to right, #3953AB, #667ED1);
	color: #fff;
	border-left: none;
}

#FnlSubSiteSideBar nav.SideNavigation > ul > li > a {
	border-left: 2px solid #d3d3d3;
}

#FnlSubSitePage > header > .SubSiteHeader {
/*	background-image: url("../Media/Images/Photos/KidsDay_Banner_Child.png");
	background-position: left bottom;
	background-repeat: no-repeat;*/
	max-width: 1200px;
	margin: 0 auto;
}

#FnlPageHeader.Default .LocalSiteBanner .WidthContain #SiteIcon, #FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteIcon {
	margin: 0 auto;
}

#FnlPageHeader.Default .LocalSiteBanner .WidthContain #SiteIcon .SiteLogo, #FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteIcon a img {
	width: 118px;
}

/* Banner */
#FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines {
	padding-top: 13px;
	margin: 0;
}

	#FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines > #SiteTextTitle {
		font-size: 30px;
		font-weight: bold;
		background: transparent none;
		height: auto;
		padding: 0;
	}

		#FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines > #SiteTextTitle,
		#FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines > #SiteTextTitle > a {
			color: #4365DF;
			text-decoration: none;
			height: 34px;
			line-height: 34px;
			text-transform: none;
			letter-spacing: unset;
			font-size: 30px;
		}

			#FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines > #SiteTextTitle > a:hover {
				text-decoration: underline;
			}

	#FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines > #SiteTextSubTitle {
		margin: 2px 0 0 0;
		padding: 0;
	}

		#FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines > #SiteTextSubTitle,
		#FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines > #SiteTextSubTitle > a {
			color: #a8acad;
			font-size: 18px;
			font-weight: bold;
			text-decoration: none;
		}

			#FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines > #SiteTextSubTitle > a:hover {
				text-decoration: underline;
			}

/*Width*/
.WidthContain {
	width: unset;
}

#FnlSubSitePage > .InnerPage {
	background: #fff;
}

nav .WidthContain, header div.Banner .WidthContain, .FnlTopBar .WidthContain {
	max-width: 1240px;
	margin: 0 auto;
}

.IsResponsive .WidthContain {
	max-width: unset;
}

/*Content Page Layout*/

#FnlSubSitePage .FnlTopBar {
	padding: 4px 0;
}

.MainContentContainer {
	display: grid;
	grid-template-columns: 1fr 240px;
	grid-template-rows: auto auto;
	gap: 30px;
	margin-right: 20px;
}

	.MainContentContainer .ContentMain {
		grid-column: 1 / 2; /* first column */
		grid-row: 1 / 2; /* first row */
		padding-bottom: 30px;
	}

	.MainContentContainer .ContentAside {
		grid-column: 2 / 2; /* second column */
		grid-row: 1 / 2; /* first row */
		width: 100%;
		padding-top: 30px;
	}

		.MainContentContainer .ContentAside h3 {
			padding: 11px 0px 10px 13px;
			margin: 0 0 3px;
			border-left: 3px solid #F46708;
			line-height: 1.25;
		}

		.MainContentContainer .ContentAside > div {
			margin-bottom: 40px;
		}


/*Fonts*/
h1 {
	font-size: 40px;
	color: #4365DF;
	font-weight: 600;
}

.ContentMain h1 {
	margin-top: 1em;
}

h2 {
	font-size: 26px;
	color: #011C82;
	font-weight: 600;
	margin: 1.1em 0 0.65em;
}

.MainContentContainer .ContentMain > h2 {
	margin-top: 1.5em;
}

h3 {
	font-size: 20px;
	color: #516CCD;
	font-weight: 600;
	margin: 1.5em 0 0.9em;
}

h4 {
	font-size: 16px;
	font-weight: 600;
	color: #141414;
	line-height: 1.25;
}

p {
	font-size: 16px;
	color: #141414;
	line-height: 1.25;
}

a {
	color: #516CCD;
}

.RedText {
	color: #D10000;
}

/*Common Classes*/
.DisplayFlex {
	display: flex;
}

.ColumnDirection {
	flex-direction: column;
}

.Button {
	display: inline-flex;
	padding: 12px 22px;
	color: #fff;
	border-radius: 25px;
	font-weight: 600;
	text-decoration: none;
	font-size: 20px;
	transition: transform 0.3s ease-in-out;
	box-sizing: border-box;
	position: relative;
	background-size: 300%;
	background-position: right;
	transition: .3s background-position ease-in-out;
}

	.Button:hover {
		color: #fff;
		transform: scale(1.15);
		transform-origin: center;
		background-position: left;
	}

.PrimaryButton {
	background-image: linear-gradient(75deg, #D64C05, #D85502, #D85502, #F46B10);
}

.SecondaryButton {
	background-image: linear-gradient(to right, #1A38A0, #3953AB, #3953AB, #667ED1);
}



.ButtonRow {
	margin: 1.5em 0 3em;
}

	.ButtonRow a {
		margin-right: 20px;
	}

.WizardButtons .ButtonRow a:last-of-type {
	margin-right: 0;
}

.ExportDiv {
	display: flex;
	justify-content: end;
	margin: 2em 0 1em;
}

a.Edit.Button:before {
	content: " ";
	height: 18px;
	width: 24px;
	margin-right: 6px;
	background: url(../Media/Images/Icons/edit-icon.svg) top center no-repeat;
}

a.Remove.Button {
	background-color: #992c06;
}

	a.Remove.Button:before {
		content: " ";
		height: 18px;
		width: 24px;
		margin-right: 6px;
		background: url(../Media/Images/Icons/delete-icon.svg) top center no-repeat;
	}

.HeadingWButton {
	justify-content: space-between;
	align-items: center;
}

.GrayContainer {
	position: relative;
	margin: 1em 0;
	padding: 10px 14px;
	border-radius: 5px;
	border: 1px solid #eee;
	background-color: #FAFAFA;
}

	.GrayContainer h3, .GrayContainer h4 {
		margin-top: 0.5em;
	}

	.GrayContainer .ButtonRow {
		margin: 2em 0 0.5em;
	}

		.GrayContainer .ButtonRow a {
			margin-right: 0;
		}

/*MainContent override*/
#FnlSubSiteMain .MainContent {
	margin: 0;
	padding: 0;
	height: 100%;
}


/* Banner Section */
#bannerSubHeader {
	background: url(../Media/Images/banner-bg.svg) top center no-repeat;
	background-size: cover;
	text-align: center;
	padding: 20px 0;
}

	#bannerSubHeader h1 {
		color: #fff;
	}

/*Left Nav*/
#FnlSubSiteSideBar {
	background: #FAFAFA;
	padding-top: 24px;
	padding-bottom: 20px;
	margin: 0;
}

/* Main Container */
#mainContainer {
	display: grid;
	grid-template-columns: 211px auto;
	gap: 30px;
	max-width: 1240px;
	margin: 0 auto;
	height: 100%;
}

/*********Site Components*********/

/*Form Styles*/
label.Required::after {
	content: "*";
	color: red;
	font-weight: bold;
	margin-left: 4px;
}

fieldset.FnlFieldSet ol.InputFields > li > label:first-child, fieldset.FnlFieldSet ol.InputFields > li > span.Required:first-child + label, fieldset.FnlFieldSet ol.InputFields > li > span.Label:first-child, fieldset.FnlFieldSet ol.InputFields > li > span.Required:first-child + span.Label {
	float: none;
	width: 100%;
}

fieldset.FnlFieldSet ol.InputFields > li {
	margin: 20px 0 0 0;
}

	fieldset.FnlFieldSet ol.InputFields > li input + label {
		padding-left: 8px;
		vertical-align: middle;
	}

#FnlSubSitePage fieldset.FnlFieldSet ol.InputFields > li > label {
	vertical-align: middle;
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	color: #141414;
	margin-bottom: 7px;
}

:root {
	--form-control-color: #0075FF;
}

input[type="radio"] {
	position: relative;
	appearance: none; /* Remove browser checkbox styles*/
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 16px;
	height: 16px;
	border: 1px solid #B9B9B9;
	border-radius: 50%;
	margin: 3px 0;
	vertical-align: middle;
}

	input[type="radio"]:checked {
		border: 1px solid #0075FF;
	}

		input[type="radio"]:checked::before {
			top: 50%;
			left: 50%;
			position: absolute;
			content: "";
			width: 0.75rem;
			height: 0.75rem;
			border-radius: 50%;
			transform: scale(0);
			transition: 120ms transform ease-in-out;
			box-shadow: inset 1em 1em var(--form-control-color);
		}

		input[type="radio"]:checked::before {
			transform: scale(1) translate(-50%, -50%);
		}

fieldset.FnlFieldSet ol.InputFields span.Agreement input {
	margin-bottom: 7px;
}

input[type="text"], select {
	display: block;
	max-width: 300px;
	width: 100%;
	height: 34px;
	border-radius: 6px;
	border: 1px solid #B9B9B9;
	outline: none;
	box-sizing: border-box;
}

.MainContent textarea {
	padding: 12px 20px;
	box-sizing: border-box;
	border-radius: 6px;
	border: 1px solid #B9B9B9;
}

fieldset.FnlFieldSet ol.InputFields li > textarea {
	width: 100%;
}

input[type="checkbox"] {
	appearance: none; /* Remove browser checkbox styles*/
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 16px;
	height: 16px;
	border: 1px solid #B9B9B9;
	border-radius: 2px;
	cursor: pointer;
	margin: 3px 0;
	vertical-align: middle;
}

	input[type="checkbox"]:hover {
		border-color: #888;
	}

	input[type="checkbox"]:focus-visible {
		border-color: #0075FF;
		outline: none;
	}

	/* When checkbox is checked, show the checkmark SVG */
	input[type="checkbox"]:checked {
		width: 16px;
		height: 16px;
		border-color: #0075FF;
		background-image: url(../Media/Images/Icons/checkmark.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 12px;
		background-color: #0075FF;
	}

fieldset.FnlFieldSet ol.InputFields.AgreementsList > li {
	margin: 10px 0 0 0;
}

	fieldset.FnlFieldSet ol.InputFields.AgreementsList > li label {
		padding-left: 5px;
	}

fieldset.FnlFieldSet ol.InputFields > li span.Agreement {
	font-weight: 600;
	line-height: 1.5;
}

	fieldset.FnlFieldSet ol.InputFields > li span.Agreement.MyRegistration {
		font-size: 16px;
	}

.ValidationSummary {
	background-color: #F8E5E5;
	padding: 15px 20px;
	border: 1px solid #bc0000;
	min-height: 50px;
	border-radius: 6px;
	max-width: 50%;
	min-width: 200px;
	color: #D10000;
}

	.ValidationSummary p {
		color: #D10000;
		margin: 0;
		font-size: 1em;
		font-weight: 600;
	}

.FnlGridViewHeader {
	background-color: #CA4F02;
}

fieldset.FnlFieldSet ol.InputFields > li div.DisplayFlex.AcknowledgementCheckbox {
	gap: 12px;
	margin: 0;
}

/*Collapsible Boxes - Expand/Contract Sections Accordions*/
ul.CollapsibleBoxes {
	padding: 0px;
	width: 100%;
}

	ul.CollapsibleBoxes > li {
		list-style-type: none;
		margin: 16px 0px 0px 0px;
		border-radius: 5px;
		font-size: 16px;
	}

		ul.CollapsibleBoxes > li h3 {
			margin-top: 24px;
		}

		ul.CollapsibleBoxes > li > a {
			padding-left: 10px;
			line-height: 30px;
			font-weight: 600;
		}

.CollapsibleHeader {
	display: block;
	border-radius: 5px;
	padding: 12px 40px 12px 14px;
	font-weight: 600;
	background-color: #F2F3FC;
	background-repeat: no-repeat;
	margin: 0;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

	.CollapsibleHeader.Expanded, .CollapsibleHeader.Expanded:hover {
		border-radius: 5px 5px 0 0;
	}

	.CollapsibleHeader:hover, .CollapsibleHeader:hover + .CollapsibleContent {
		background-color: #f7f7f7;
		cursor: pointer;
		border-radius: 0 0 5px 5px;
	}

	.CollapsibleHeader * {
		font-weight: 600;
	}

	.CollapsibleHeader.Collapsed {
		background-image: url('../Media/Images/Icons/arrow-collapsed.svg');
		background-position: right 14px center;
	}

	.CollapsibleHeader.Expanded {
		background-image: url('../Media/Images/Icons/arrow-expanded.svg');
		background-position: right 14px center;
	}

.CollapsibleContent {
	background-color: #fff;
	padding: 10px 10px 5px 15px;
	display: none;
	border: 1px solid #F2F3FC;
	border-radius: 0 0 5px 5px;
	border-top: none;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

	.CollapsibleContent ul.FnlFancyList, .CollapsibleContent > p:first-child {
		padding-left: 0;
		margin-top: 0;
	}

		.CollapsibleContent ul.FnlFancyList li p {
			margin-top: 5px;
		}

	.CollapsibleContent ol > li::marker {
		font-size: 20px;
		color: #516CCD;
		font-weight: 600;
	}

.CollapsibleBoxes h4 {
	font-size: 16px;
	font-weight: 600;
	color: #516CCD;
	line-height: 1.25;
}

/*Table Styles - remove pagination*/

.FnlGridView {
	margin-bottom: 36px;
}

	.FnlGridView .FnlGridViewPagerPageSize {
		display: none;
	}

	.FnlGridView.VolunteersTable .FnlGridViewPagerPageSize {
		display: block; /*Bring back volunteer pagination because can have 35 volunteers*/
	}

/*Tabs*/

#PageTabs > ul {
	display: flex;
	align-items: center;
	border-bottom: 2px solid #516CCD;
	height: 32px;
}

	#PageTabs > ul > li > a {
		display: flex;
		align-items: center;
		font-size: 1.2em;
		background-color: #DFE4EC;
		border-color: #516CCD;
		color: #141414;
		height: 31px;
	}

		#PageTabs > ul > li > a:hover {
			background-color: #F2F3FC;
		}

	#PageTabs > ul > li.CurrentTab > a, #PageTabs > ul > li.CurrentTab > a:hover {
		background-color: #516CCD;
		border-color: #516CCD;
		cursor: default;
		height: 31px;
		color: #fff;
	}

/*Cards*/
.Cards {
	gap: 20px;
	margin-bottom: 2.2em;
}

	.Cards .CardContent {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.Cards > div {
		padding: 30px 20px;
		width: 100%;
		background: #F2F3FC;
		border-radius: 10px;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	}

		.Cards > div h4 {
			color: #516CCD;
			margin-top: 0;
		}

/*Activity List Styles*/
.ActivityList {
	margin: 1.5em 0 2em;
}

.ActivityListItem {
	gap: 20px;
	margin-bottom: 1.25em;
	border-bottom: 1px solid #F2F3FC;
	padding-bottom: 1em;
}

	.ActivityListItem h4 {
		margin-top: 0;
	}

	.ActivityListItem p {
		margin: .6em 0;
	}

	.ActivityListItem .ActivityLocation {
		color: #595959;
	}

.AgeBox {
	background-color: #EAECFA;
	border: 1px solid #516CCD;
	border-radius: 5px;
	max-width: 58px;
	width: 100%;
	padding: 8px 10px;
	height: fit-content;
}

	.AgeBox span {
		display: block;
		text-align: center;
		color: #323232;
	}

	.AgeBox p {
		margin: 6px 0 0;
		color: #516CCD;
		font-size: 16px;
		text-align: center;
	}

/*Landing Page classes*/
.LandingPage section {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0 60px;
	z-index: 1;
}

	.LandingPage section.HeroContainer {
		background: url(../Media/Images/hero-container.svg) top center no-repeat;
		background-size: cover;
	}

/******************   Using media query here to make keep loading times low   ******************/
@media only screen and (min-width: 1101px) {

	.LandingPage section.GraySection {
		background: url(../Media/Images/grey-container.svg) top center no-repeat;
		background-size: cover;
		margin-top: -40px;
		border: none;
	}

	.LandingPage section.BlueSection {
		background: url(../Media/Images/blue-container.svg) top center no-repeat;
		background-size: cover;
		margin-top: -40px;
	}
}

.LandingPage section div.SectionContent {
	max-width: 1000px;
	margin: auto;
	padding: 60px 0;
	flex-grow: 0;
	position: relative;
	box-sizing: border-box;
	z-index: 2;
}

.LandingPage section.GraySection h2, .LandingPage section.BlueSection.FAQ h2 {
	text-align: center;
	padding: 34px 0 18px;
}

.BlueSection h2 {
	color: white;
}

.LandingPage a.RegisterButton:before {
	content: " ";
	height: 24px;
	width: 24px;
	margin-right: 9px;
	background: url(../Media/Images/solid-icon-clipboard.svg) top center no-repeat;
}

.LandingPage a.VolunteerButton:before {
	content: " ";
	height: 24px;
	width: 24px;
	margin-right: 9px;
	background: url(../Media/Images/solid-icon-volunteer.svg) top center no-repeat;
}

.LandingPage a.MapButton:before {
	content: " ";
	height: 24px;
	width: 24px;
	margin-right: 9px;
	background: url(../Media/Images/solid-icon-map.svg) top center no-repeat;
}

.LandingPage .LandingHero {
	display: grid;
	grid-template-columns: 1fr 352px;
	grid-template-rows: auto auto;
	gap: 0 3rem;
}

	.LandingPage .LandingHero .HeroText {
		grid-column: 1 / 2; /* first column */
		grid-row: 1 / 2; /* first row */
		padding-bottom: 40px;
	}

	.LandingPage .LandingHero .HeroButtonRow {
		grid-column: 1 / 2; /* first column */
		grid-row: 2 / 3; /* second row */
		display: flex;
	}

	.LandingPage .LandingHero .HeroImage {
		grid-column: 2 / 3; /* second column */
		grid-row: 1 / 3; /* spans two rows */
		align-self: center;
	}

.LandingHero .HeroImage {
	min-width: 352px;
	height: 352px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: linear-gradient(to right, #3953AB, #667ED1);
	border-radius: 50%;
}

	.LandingHero .HeroImage:after {
		content: " ";
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 156px;
		height: 156px;
		z-index: 10;
		background: linear-gradient(to right, #5770C4, #667ED1);
		border-radius: 50%;
	}

	.LandingHero .HeroImage .ImgTestTube {
		max-width: 344px;
		border-radius: 50%;
		z-index: 11;
	}

.HeroButtonRow {
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 20px;
}


.WhatYCD {
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

	.WhatYCD div {
		background-color: #ffffff;
		padding: 30px 28px;
		text-align: center;
		border-radius: 20px;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	}

		.WhatYCD div h3 {
			margin: 0;
		}

		.WhatYCD div p {
			margin-bottom: 2.3rem;
			max-width: 264px;
		}


.EventDetails > div {
	align-items: center;
}

.EventDetails .EventsContainer {
	margin-top: 40px;
	display: grid;
	grid-template-columns: 352px 1fr;
	grid-template-rows: auto auto;
	gap: 0 3rem;
}

.EventDetails .EventDetailsImage {
	grid-column: 1 / 2; /* first column */
	grid-row: 1 / 3; /* first row */

	min-width: 352px;
	height: 352px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-color: #fff;
	border-radius: 50%;
}

	.EventDetails .EventDetailsImage:after {
		content: " ";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 156px;
		height: 156px;
		z-index: 10;
		background-color: #fff;
		border-radius: 50%;
	}

	.EventDetails .EventDetailsImage .ImgScienceKid {
		max-width: 344px;
		border-radius: 50%;
		z-index: 11;
	}

.EventDetailsText {
	grid-column: 2 / 3; /* first column */
	grid-row: 1 / 2; /* first row */
	align-self: center;
}

.EventDetailsButton {
	grid-column: 2 / 3; /* second column */
	grid-row: 2 / 3; /* first row */
}

.EventDetailsText p {
	color: #fff;
}

	.EventDetailsText p span {
		display: block;
		padding-top: 20px;
	}

.HowItWorksSection {
	padding: 30px 0 10px;
}

.HowItWorks > div {
	text-align: center;
}

.HowItWorks div.DisplayFlex {
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 28px;
}

	.HowItWorks div.DisplayFlex > div {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 28px 20px;
		max-width: 195px;
	}

		.HowItWorks div.DisplayFlex > div > div {
			height: 100px;
			width: 100px;
			border: 1px solid #516CCD;
			border-radius: 50%;
			background: linear-gradient(to right, #EAECFA, #DCE2FA);
			position: relative;
			margin-bottom: 30px;
		}

			.HowItWorks div.DisplayFlex > div > div:after {
				content: " ";
				display: block;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				z-index: 11;
			}

			.HowItWorks div.DisplayFlex > div > div.RegisterChild:after, .HowItWorks div.DisplayFlex > div > div.ProgramRegistration:after {
				height: 44px;
				width: 36px;
				background: url(../Media/Images/Icons/Register-icon.svg) center no-repeat;
				background-size: cover;
			}

			.HowItWorks div.DisplayFlex > div > div.GetItinerary:after {
				height: 33px;
				width: 35px;
				background: url(../Media/Images/Icons/calendar-icon.svg) center no-repeat;
				background-size: cover;
			}

			.HowItWorks div.DisplayFlex > div > div.ViewMap:after {
				height: 44px;
				width: 38px;
				background: url(../Media/Images/Icons/map-icon.svg) center no-repeat;
				background-size: cover;
			}

			.HowItWorks div.DisplayFlex > div > div > div {
				color: #fff;
				display: flex;
				justify-content: center;
				align-items: center;
				font-weight: 600;
				position: absolute;
				height: 34px;
				width: 34px;
				bottom: 0;
				left: 50%;
				transform: translate(-50%, 50%);
				background: linear-gradient(to right, #1A38A0, #4B69D1);
				border-radius: 50%;
				z-index: 12;
			}

.LandingPage section.GraySection.HowItWorks h2 {
	padding: 30px 0 12px;
}

.FAQ .SectionContent {
	width: 100%;
}

.FAQ .FAQContainer {
	min-height: 590px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.FAQ .CollapsibleBoxes {
	margin-bottom: 3rem;
}

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


.LastYearsMemories .DisplayFlex {
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 3rem;
	gap: 20px;
}

	.LastYearsMemories .DisplayFlex div img {
		max-width: 235px;
		border-radius: 15px;
	}

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

/*Logistics*/
.SelectNoteBox {
	justify-content: end;
}

/*My Registration*/
.StepwiseChildRegistration.ContentMain {
	padding-bottom: 0;
}

.WizardButtons .ButtonRow {
	display: flex;
	flex-wrap: wrap;
}

.MainContentContainer .ParagraphList p, .MainContentContainer .ContentAside > div .ContactInfo p {
	margin: 0.5em 0 0.65em;
}

.RegStatus {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	background-color: #fff;
	border: 1px solid #D3D3D3;
	border-radius: 6px;
	padding: 10px;
	width: fit-content;
}

	.RegStatus p {
		display: inline-block;
		margin: 0 6px 0 0;
		font-weight: 600;
	}


	.RegStatus.ChildRegistrationStatus div:first-of-type {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
	}

		.RegStatus.ChildRegistrationStatus p {
			display: inline-block;
			margin: 0;
			font-weight: 600;
		}
		.RegStatus.ChildRegistrationStatus p span.StatusLabel {
			/*margin: 10px 0 0;*/
		}


.RegStatus .StatusLabel {
	display: block;
	padding: 6px;
	border-radius: 6px 8px;
	border: 1px solid #E2CC57;
	font-weight: 400;
}

		.RegStatus .StatusLabel.StatusComplete {
			background-color: #b4e6a3;
		}

		.RegStatus .StatusLabel.InProgress {
			background-color: #ded899;
		}

.PrintButton, .DownloadButton {
	padding: 12px 8px;
}

	.PrintButton:before {
		content: " ";
		height: 24px;
		width: 27.5px;
		margin-right: 9px;
		background: url(../Media/Images/Icons/print-icon.svg) top center no-repeat;
	}

	.DownloadButton:before {
		content: " ";
		height: 24px;
		width: 27.5px;
		margin-right: 9px;
		background: url(../Media/Images/Icons/download-icon.svg) top center no-repeat;
	}

.ZoomButton {
	padding: 12px 0 12px 8px;
}

	.ZoomButton:before {
		content: " ";
		height: 24px;
		width: 27.5px;
		margin-right: 9px;
		background: url(../Media/Images/Icons/zoom-icon.svg) top center no-repeat;
	}

.MyRegList {
	margin-top: 20px;
}

	.MyRegList li {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #dedede;
	}

		.MyRegList li h4 {
			margin: 0;
		}

.RegListLinks {
	margin-top: 12px;
}

	.RegListLinks > a {
		display: inline-block;
		margin-right: 0.8em;
	}

table select {
	width: 100%;
}

table.ProgramPreferences {
	border-spacing: 0px;
}

	table.ProgramPreferences tr td {
		border: 1px solid #EBEBEB;
		padding: 0 20px;
	}

	table.ProgramPreferences thead tr th {
		background-color: #CA4F02;
		padding: 4px 20px;
	}

		table.ProgramPreferences thead tr th h4 {
			color: #fff;
		}


table.SelectedSessions tr label {
	margin-left: 0.75em;
}

/*Feedback Page*/
.FeedbackFields h3 {
	margin-top: 0.5em;
}

/*Help/Event Quick Guide*/
.ListHeadingsH3 > li::marker {
	font-size: 20px;
	color: #516CCD;
	font-weight: 600;
	margin: 1.5em 0 0.9em;
}

.ListHeadingsH4 > li::marker {
	font-size: 16px;
	font-weight: 600;
	color: #141414;
	line-height: 1.25;
}

.ProgramPreferences {
	margin-top: 1.5em;
}

/*Administration*/
.InputFields.ParagraphList p {
	margin: 0;
}

/*Overrides*/
.RemoveListStyles {
	padding-left: 0;
	list-style-type: none;
}

fieldset.FnlViewSet:last-of-type {
	margin-bottom: 40px;
}

/*Print Styles*/
@media print {
	#mainContainer {
		grid-template-columns: 1fr;
		gap: 0;
		max-width: 100vw;
	}

	.Button {
		display: none;
	}
}

/*Stepwise Children*/
/* Stepwise Child Registration */
.StepwiseChildRegistration {
}


	.StepwiseChildRegistration fieldset.FnlFieldSet ol.InputFields > li > ol.HorizontalInput.SubTitled > li > .ValidationError {
		font-size: .8em;
	}

	/*	.StepwiseChildRegistration fieldset.FnlFieldSet ol.InputFields > li > label:first-child,
	.StepwiseChildRegistration fieldset.FnlFieldSet ol.InputFields > li > span.Required:first-child + label,
	.StepwiseChildRegistration fieldset.FnlFieldSet ol.InputFields > li > span.Label:first-child,
	.StepwiseChildRegistration fieldset.FnlFieldSet ol.InputFields > li > span.Required:first-child + span.Label {
		width: 75px;
	}*/

	.StepwiseChildRegistration .Hide {
		display: none;
	}

	.StepwiseChildRegistration div.SlidePanel {
		position: relative;
		overflow: hidden;
	}

		.StepwiseChildRegistration div.SlidePanel fieldset.FnlFieldSet {
			margin: 0px;
		}

	/* ChildRegistrationGroups */
	/*	.StepwiseChildRegistration ul.ChildRegistrationGroups {
		margin: 12px 0px 0px 0px;
		padding: 0px;
		overflow: hidden;
	}*/

	/*.StepwiseChildRegistration ul.ChildRegistrationGroups > li {
			margin: 0px 0px 12px 0px;
			padding: 0px;
			list-style-type: none;
			overflow: hidden;
		}*/

	.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Top {
		width: 100%;
		height: 20px;
		/*background-image: url("../Media/Images/Registration/Box-Top-702.png");*/
		background-repeat: no-repeat;
		background-position: left top;
	}

	.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body {
		padding: 0px 20px 30px 20px;
		overflow: hidden;
		/*background-image: url("../Media/Images/Registration/Box-Bottom-702.png");*/
		background-repeat: no-repeat;
		background-position: left bottom;
	}

		/*	.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > h3 {
					float: left;
					width: 333px;
					margin: 0px;
					padding: 3px 0px 0px 27px;
					background-image: url("../Media/Images/Registration/Chaperone.png");
					background-repeat: no-repeat;
					font-size: 1.4em;
					font-weight: normal;
					color: #067CA4;
				}*/

		.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > h3 > input[type="image"] {
			vertical-align: top;
		}

		/*				.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectedPrograms {
					float: right;
				}*/

		/*.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectedPrograms .ProgramsSelected,
					.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectedPrograms .NoProgramsSelected,
					.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectedPrograms .HubOnly {
						width: 260px;
						padding: 3px 0px 0px 40px;
						background-position: left top;
						background-repeat: no-repeat;
					}

					.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectedPrograms .ProgramsSelected {
						background-image: url("../Media/Images/Registration/success32.png");
					}*/

		/*						.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectedPrograms .ProgramsSelected > p {
							margin: 0px 0px 6px 0px;
							font-size: 1.3em;
							color: #5D9D15;
						}*/

		/*						.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectedPrograms .ProgramsSelected > ol {
							margin: 0px 0px 12px 24px;
							padding-left: 0px;
							font-size: .9em;
							color: #31343B;
						}*/

		.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectedPrograms .NoProgramsSelected {
			/*background-image: url("../Media/Images/Registration/warning32.png");*/
		}

			.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectedPrograms .NoProgramsSelected > p {
				margin: 0px 0px 12px 0px;
				font-size: 1.3em;
				color: #952E1F;
			}

		.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectedPrograms .HubOnly {
			/*background-image: url("../Media/Images/Registration/info-32.png");*/
		}

		/*			.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectedPrograms .HubOnly > p {
				margin: 0px 0px 12px 0px;
				font-size: 1.3em;
				color: #056CC5;
			}*/

		.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms,
		.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms.Hide {
			display: none;
			position: relative;
			margin: 12px 0px 0px 0px;
			/*overflow: hidden;*/
			width: 100%;
		}

			.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms.Show {
				display: block;
			}

			.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms.Open {
				display: block;
			}

			/*					.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms table {
						margin: 0px 0px 12px 0px;
					}*/

			/*	.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms th {
						padding: 0px 12px 12px 0px;
						font-weight: bold;
						text-align: left;
					}*/

			/*					.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms td {
						vertical-align: top;
					}*/

			/*					.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms h4 {
						margin-top: 0px;
						font-size: 1.3em;
						font-weight: normal;
						color: #60AF30;
					}*/

			/*					.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms h5 {
						margin: 0px;
						font-size: 1em;
						font-weight: bold;
						color: #662C93;
					}*/

			.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms p {
			}

			.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms .AvailablePrograms.Show {
				display: block;
			}

			.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms .AvailablePrograms,
			.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms .AvailablePrograms.Hide {
				display: none;
			}

	/*						.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms .AvailablePrograms table.SelectedSessions td {
							padding: 0px;
						}*/

	/*						.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms .AvailablePrograms table.ProgramPreferences td {
							padding: 12px 6px 0px 6px;
						}

						.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms .AvailablePrograms table.ProgramPreferences tr:first-child td {
							padding-top: 0px;
						}

						.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .SelectPrograms .AvailablePrograms table.ProgramPreferences td p {
							color: #444444;
							margin: 6px 0px 0px 0px;
						}*/

	/*				.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .Children {
					width: 333px;
					margin: 42px 0px 0px 0px;
				}

					.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .Children > ul {
						margin: 0px 0px 0px 24px;
						padding: 0px;
					}*/

	/*.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .Children > ul > li {
							height: 21px;
							margin: 12px 0px 0px 0px;
							padding: 3px 6px 0px 33px;
							list-style-type: none;
							background-image: url("../Media/Images/Registration/ChildHead.png");
							background-repeat: no-repeat;
							font-size: 14px;
						}

							.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .Children > ul > li:first-child {
								margin-top: 0px;
							}

							.StepwiseChildRegistration ul.ChildRegistrationGroups > li > .Body > .Children > ul > li > input[type="image"] {
								margin: 0px 0px 0px 12px;
								vertical-align: top;
							}*/




	/*	.StepwiseChildRegistration h2.AreYouReady {
		background-image: url("../Media/Images/Registration/QuestionPurple.png");
	}

	.StepwiseChildRegistration h2.EditRegistration {
		background-image: url("../Media/Images/Registration/EditPurple.png");
	}


	.StepwiseChildRegistration h2.One {
		background-image: url("../Media/Images/Registration/OnePurple.png");
	}

	.StepwiseChildRegistration h2.Two {
		background-image: url("../Media/Images/Registration/TwoPurple.png");
	}

	.StepwiseChildRegistration h2.Three {
		background-image: url("../Media/Images/Registration/ThreePurple.png");
	}

	.StepwiseChildRegistration h2.Four {
		background-image: url("../Media/Images/Registration/FourPurple.png");
	}

	.StepwiseChildRegistration h2.Success {
		margin: 0px 0px 0px 18px;
		padding: 6px 0px 6px 40px;
		background-repeat: no-repeat;
		background-position: left top;
		font-size: 22px;
		color: #5d9d15;
		background-image: url("../Media/Images/Registration/success32.png");
	}
*/
	.StepwiseChildRegistration .StepContent {
		/*margin-left: 58px;*/
	}

	/*.StepwiseChildRegistration .StepContent > ul {
			margin-left: 27px;
			padding-left: 0px;
			color: #31343B;
		}*/

	/*			.StepwiseChildRegistration .StepContent > ul > li {
				margin-bottom: 12px;
			}*/

	.StepwiseChildRegistration .PageDescription {
		margin-top: 0px;
		color: #444444;
	}

	/* GroupList */
	.StepwiseChildRegistration ul.BubbleList {
		margin: 12px 0px 12px 0px;
		padding: 0px;
		overflow: hidden;
	}

		/*	.StepwiseChildRegistration ul.BubbleList.Small {
			width: 400px;
		}

		.StepwiseChildRegistration ul.BubbleList.Medium {
			width: 500px;
		}

		.StepwiseChildRegistration ul.BubbleList.Large {
			width: 600px;
		}

		.StepwiseChildRegistration ul.BubbleList.ExtraLarge {
			width: 702px;
		}*/

		.StepwiseChildRegistration ul.BubbleList > li {
			position: relative;
			/*margin: 0px 0px 12px 0px;*/
			padding: 0px;
			list-style-type: none;
			overflow: hidden;
		}

			.StepwiseChildRegistration ul.BubbleList > li > .Top {
				width: 100%;
				/*height: 20px;*/
				background-repeat: no-repeat;
				background-position: left top;
			}

/*.StepwiseChildRegistration ul.BubbleList.Small > li > .Top {
			background-image: url("../Media/Images/Registration/Box-Top-400.png");
		}

		.StepwiseChildRegistration ul.BubbleList.Medium > li > .Top {
			background-image: url("../Media/Images/Registration/Box-Top-500.png");
		}

		.StepwiseChildRegistration ul.BubbleList.Large > li > .Top {
			background-image: url("../Media/Images/Registration/Box-Top-600.png");
		}

		.StepwiseChildRegistration ul.BubbleList.ExtraLarge > li > .Top {
			background-image: url("../Media/Images/Registration/Box-Top-702.png");*/
}

.StepwiseChildRegistration ul.BubbleList > li > .Body {
	/*padding: 0px 20px 30px 20px;*/
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*		.StepwiseChildRegistration ul.BubbleList.Small > li > .Body {
			background-image: url("../Media/Images/Registration/Box-Bottom-400.png");
		}

		.StepwiseChildRegistration ul.BubbleList.Medium > li > .Body {
			background-image: url("../Media/Images/Registration/Box-Bottom-500.png");
		}

		.StepwiseChildRegistration ul.BubbleList.Large > li > .Body {
			background-image: url("../Media/Images/Registration/Box-Bottom-600.png");
		}

		.StepwiseChildRegistration ul.BubbleList.ExtraLarge > li > .Body {
			background-image: url("../Media/Images/Registration/Box-Bottom-702.png");
		}*/

/*		.StepwiseChildRegistration ul.BubbleList > li > .Body > h3 {
			margin: 0px;
			padding: 2px 0px 4px 30px;
			background-repeat: no-repeat;
			background-position: left top;
			font-size: 1.4em;
			font-weight: normal;
			color: #067CA4;
		}*/

/* Groups */
/*.StepwiseChildRegistration ul.BubbleList.Groups > li > .Body > h3 {
			background-image: url("../Media/Images/Registration/Chaperone.png");
		}*/

/* Confirm Registration */
/*.StepwiseChildRegistration ul.BubbleList.ConfirmRegistration > li > .Body > h3 {
			background-image: url("../Media/Images/Registration/Chaperone.png");
		}*/

/*		.StepwiseChildRegistration ul.BubbleList.ConfirmRegistration > li > .Body > h4,
		.StepwiseChildRegistration ul.BubbleList.ConfirmRegistration > li > .Body > div > h4 {
			font-size: 1.3em;
			font-weight: normal;
			color: #60AF30;
			margin-left: 30px;
		}*/

.StepwiseChildRegistration ul.BubbleList.ConfirmRegistration > li > .Body > ul,
.StepwiseChildRegistration ul.BubbleList.ConfirmRegistration > li > .Body > ol {
	margin: 0px 0px 12px 60px;
	padding-left: 0px;
	color: #31343B;
}

/*		.StepwiseChildRegistration ul.BubbleList.ConfirmRegistration > li > .Body > ol {
			margin-left: 67px;
		}*/

/*		.StepwiseChildRegistration ul.BubbleList.ConfirmRegistration > li > .Body > div > p {
			margin-left: 30px;
		}*/

.StepwiseChildRegistration ul.BubbleList > li > .Body > p {
	/*			font-size: 14px;
			margin: 3px 0px 0px 27px;*/
}

.StepwiseChildRegistration ul.BubbleList > li > .Body > div.Actions {
	position: absolute;
	top: 0;
	right: 18px;
}

/*			.StepwiseChildRegistration ul.BubbleList > li > .Body > div.Actions > a {
				display: block;
				margin: 0px 0px 3px 0px;
				padding: 2px 0px 3px 18px;
				background-image: url("../Media/Images/Registration/Remove.png");
				background-repeat: no-repeat;
				background-position: left top;
				text-decoration: none;
				font-size: .9em;
				color: #A90101;
			}*/

/*				.StepwiseChildRegistration ul.BubbleList > li > .Body > div.Actions > a:hover {
					text-decoration: underline;
				}*/

/*				.StepwiseChildRegistration ul.BubbleList > li > .Body > div.Actions > a.Remove {
					background-image: url("../Media/Images/Registration/Remove.png");
				}*/

/*				.StepwiseChildRegistration ul.BubbleList > li > .Body > div.Actions > a.Edit {
					background-image: url("../Media/Images/Registration/edit16.png");
				}*/

/*	.StepwiseChildRegistration div.AddPanel h3 {
		margin: 12px 0px 12px 0px;
	}

	.StepwiseChildRegistration div.AddPanel h3 {
		margin: 0px 0px 12px 0px;
		font-size: 1.3em;
		font-weight: normal;
	}*/

.StepwiseChildRegistration div.AddPanel fieldset.FnlFieldSet p.Buttons,
.StepwiseChildRegistration div.AddPanel fieldset.FnlFieldSet div.Buttons,
.StepwiseChildRegistration div.EditPanel fieldset.FnlFieldSet p.Buttons,
.StepwiseChildRegistration div.EditPanel fieldset.FnlFieldSet div.Buttons {
	margin: 18px 0px 0px 75px;
}

.StepwiseChildRegistration ul.BubbleList > li > .Body > div.EditPanel,
.StepwiseChildRegistration ul.BubbleList > li > .Body > div.EditPanel.Hide {
	position: relative;
	display: none;
	overflow: visible;
}

.StepwiseChildRegistration ul.BubbleList.Children > li > .Body > div.EditPanel fieldset.FnlFieldSet div.Buttons,
.StepwiseChildRegistration ul.BubbleList.Children > li > .Body > div.EditPanel.Hide fieldset.FnlFieldSet div.Buttons {
	margin-left: 0px;
}

.StepwiseChildRegistration ul.BubbleList.Groups > li > .Body > div.EditPanel.Show {
	display: block;
}


/* AddChild */

.ChildRegistration li ol.Dropdown {
	margin: 10px 15px 0 0;
	padding: 0;
	display: inline-block;
}

fieldset.FnlFieldSet ol.InputFields > li > ol.HorizontalInput.SubTitled input.AddDropdown {
	vertical-align: sub;
}

.ChildRegistration li.FullWidth {
	width: 100%;
}

.StepwiseChildRegistration fieldset.FnlFieldSet ol.InputFields > li > ol.HorizontalInput > li.Chaperone {
	position: relative;
}

	.StepwiseChildRegistration fieldset.FnlFieldSet ol.InputFields > li > ol.HorizontalInput > li.Chaperone > select {
		margin-left: 18px;
	}

.StepwiseChildRegistration img.AddEditChaperoneOverlay {
	position: absolute;
	top: 0px;
	left: 0px;
}

.StepwiseChildRegistration .NavigateError {
	padding: 12px 12px 12px 44px;
	margin: 12px 0px 12px 0px;
	background-position: 6px center;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #A90101;
	background-color: lightyellow;
	border: 1px solid silver;
}

/* Validation */
.StepwiseChildRegistration div.Validation,
.StepwiseChildRegistration div.Validation.Hide {
	display: none;
}

	.StepwiseChildRegistration div.Validation.Show {
		display: block;
		margin-top: 6px;
	}


/******************   MEDIA QUERIES   ******************/
@media only screen and (max-width: 1100px) {

	#FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines > #SiteTextTitle, #FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines > #SiteTextTitle > a {
		font-size: 22px;
	}

	#FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines > #SiteTextSubTitle, #FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines > #SiteTextSubTitle > a {
		font-size: 16px;
	}

	h1 {
		font-size: 32px;
	}

	h2 {
		font-size: 22px;
	}

	h3 {
		font-size: 18px;
	}

	.MainContentContainer .ContentMain > h2 {
		margin-top: 1em;
	}

	#bannerSubHeader {
		padding: 8px 0;
	}

		#bannerSubHeader h3 {
			margin: 0;
		}

	#mainContainer {
		grid-template-columns: 180px auto;
	}

	.MainContentContainer {
		grid-template-columns: 1fr 180px;
	}

	.LandingPage section.GraySection {
		background: url(../Media/Images/grey-container-tablet.svg) top center no-repeat;
		background-size: cover;
		margin-top: -40px;
		border: none;
	}

	.LandingPage section.BlueSection {
		background: url(../Media/Images/blue-container-tablet.svg) top center no-repeat;
		background-size: cover;
		margin-top: -40px;
	}

	.LandingPage section div.SectionContent {
		margin: 0 3rem;
	}

	.LandingPage .LandingHero {
		grid-template-columns: 1fr 260px;
		gap: 3rem;
	}

	.EventDetails .EventsContainer {
		grid-template-columns: 260px 1fr;
		gap: 3rem;
	}

	.LandingPage .LandingHero .HeroText {
		grid-column: 1 / 2; /* first column */
		grid-row: 1 / 2; /* first row */
		padding-bottom: unset;
	}

	.LandingPage .LandingHero .HeroButtonRow {
		grid-column: 1 / 3; /* first column */
		grid-row: 2 / 3; /* second row */
		justify-content: center;
	}

	.LandingPage .LandingHero .HeroImage {
		grid-column: 2 / 3; /* first column */
		grid-row: 1 / 2; /* first row */
	}

	.LandingHero .HeroImage, .EventDetails .EventDetailsImage {
		min-width: 260px;
		height: 260px;
		align-self: center;
	}

		.LandingHero .HeroImage:after, .EventDetails .EventDetailsImage:after {
			width: 120px;
			height: 120px;
		}

		.LandingHero .HeroImage .ImgTestTube, .EventDetails .EventDetailsImage .ImgScienceKid {
			max-width: 252px;
		}

	.Button {
		font-size: 18px;
	}

	.CollapsibleBoxes .CollapsibleContent ol.InformationList, .CollapsibleBoxes .CollapsibleContent ul.ParagraphList, ol.ListHeadingsH3, ol.ListHeadingsH4 {
		padding-left: 20px;
	}

	.CollapsibleContent ol > li::marker, .ListHeadingsH3 > li::marker {
		font-size: 18px;
	}

	.CollapsibleBoxes .CollapsibleContent blockquote {
		margin: 10px 20px 20px 0;
	}

	.Cards {
		display: block;
	}

		.Cards .CardContent {
			margin-bottom: 2.2em;
		}

		.Cards > div {
			width: unset;
		}


	/*Tabs*/
	#PageTabs > ul {
		height: 50px;
	}

		#PageTabs > ul > li > a, #PageTabs > ul > li.CurrentTab > a, #PageTabs > ul > li.CurrentTab > a:hover {
			height: 50px;
		}

	/*Individual Pages*/
	.HowItWorks div.DisplayFlex, .LastYearsMemories .DisplayFlex {
		max-width: 600px;
	}

	.MainContentContainer.ChildRegistrationPage {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.ChildRegistrationPage .ContentMain {
		padding-bottom: 0;
	}

	.ChildRegistrationPage .GrayContainer.AddChildrenBox h4.FullName {
		width: 60%;
		margin: 1.65em 0;
	}

	p.PersonInfo {
		max-width: 75%;
		word-break: break-word;
	}
}


@media only screen and (max-width: 700px) {

	#FnlSubSiteNavigation ul[id$="TopNavigation"], #FnlSubSiteNavigation > .WidthContain ul {
		margin: 0; /*Removing extra margin space in nav*/
	}

	/* Responsive for Smaller Screens */
	#mainContainer {
		grid-template-columns: 1fr;
		gap: 20px;
		height: unset;
	}

	#sideAlerts {
		margin-bottom: 20px;
	}

	#FnlSubSiteSideBar, #FnlSubSiteSideBar #FnlSubSiteSideBarInnerWrap {
		padding-bottom: 0;
	}

	.MainContentContainer {
		margin: 0 20px;
	}

	.LandingPage .LandingHero {
		grid-template-columns: 1fr;
		position: relative;
	}

		.LandingPage .LandingHero .HeroText {
			grid-column: 1 / 2; /* only column */
			grid-row: 2 / 3; /* second row */
			z-index: 2;
			text-align: center;
		}

		.LandingPage .LandingHero .HeroButtonRow {
			grid-column: 1 / 2; /* only column */
			grid-row: 3 / 4; /* second row */
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.LandingPage .LandingHero .HeroImage {
			grid-column: 1 / 2; /* only column */
			grid-row: 1 / 2; /* first row */
			justify-self: center;
		}


	.EventDetails .EventsContainer {
		grid-template-columns: 1fr;
		position: relative;
	}

		.EventDetails .EventsContainer .EventDetailsText {
			grid-column: 1 / 2; /* only column */
			grid-row: 2 / 3; /* second row */
			z-index: 2;
			text-align: center;
		}

		.EventDetails .EventsContainer .EventDetailsButton {
			grid-column: 1 / 2; /* only column */
			grid-row: 3 / 4; /* second row */
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.EventDetails .EventsContainer .EventDetailsImage {
			grid-column: 1 / 2; /* only column */
			grid-row: 1 / 2; /* first row */
			justify-self: center;
		}

	.WizardButtons {
		margin: 0 20px;
	}

		.WizardButtons .ButtonRow {
			gap: 1rem;
		}

			.WizardButtons .ButtonRow a {
				margin-right: 0;
			}
}

@media only screen and (max-width: 600px) {

	#FnlSubSitePage > header > .SubSiteHeader {
		background-size: 180px;
		background-position: center top 8px;
	}

	#FnlPageHeader.Default .LocalSiteBanner .WidthContain, #FnlSubSiteHeader .SubSiteHeader .WidthContain {
		height: unset;
		flex-direction: column;
	}

		#FnlPageHeader.Default .LocalSiteBanner .WidthContain #SiteIcon, #FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteIcon {
			padding: 0;
		}

		#FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines {
			padding: 0;
			text-align: center;
		}

			#FnlSubSiteHeader .SubSiteHeader .WidthContain #SiteHeadlines > #SiteTextSubTitle {
				padding-bottom: 18px;
			}

	#FnlSubSiteNavigation ul[id$="TopNavigation"] > li:first-child, #FnlSubSiteNavigation > .WidthContain ul > li:first-child {
		margin-left: 0;
	}

	.MainContentContainer {
		grid-template-columns: 1fr;
		gap: 50px;
	}

		.MainContentContainer .ContentMain {
			grid-column: 1 / 1;
			padding-bottom: 0;
		}

		.MainContentContainer .ContentAside {
			grid-column: 1 / 1;
			grid-row: 2 / 2;
			padding: 0;
			max-width: 400px;
		}

	.Cards {
		margin-bottom: 2.85em;
	}

		.Cards .CardContent:last-of-type {
			margin-bottom: 0;
		}

		.Cards:last-of-type {
			margin-bottom: 0;
		}


	.FnlGridView {
		margin-bottom: 0;
	}

	.LastYearsMemories .DisplayFlex {
		margin-bottom: 0;
	}

	/*Individual Pages*/
	input[type="text"], select {
		max-width: unset;
	}

	p.PersonInfo {
		max-width: 70%;
	}

	.ChildRegistrationPage .GrayContainer.AddChildrenBox h4.FullName {
		width: 100%;
		margin: 4.5em 0 1em;
	}
}


@media only screen and (max-width: 500px) {
	.ChildRegistrationPage .GrayContainer .ButtonRow {
		margin: 1em 0 0;
	}

	.ChildRegistrationPage .GrayContainer h4.FullName {
		width: 60%;
		margin: 1em 0;
	}

	.ChildRegistrationPage .GrayContainer p.PersonInfo {
		margin-top: 1.75em;
		max-width: 100%;
	}

	fieldset.FnlFieldSet ol.InputFields > li > label:first-child + div, fieldset.FnlFieldSet ol.InputFields > li > span.Label:first-child + div {
		margin: 0px 0px 0px 20px;
	}
}