:root {
	--clr-blue-main: #0054a6;
	--clr-blue-secondary: #215781;
	--clr-blue-secondary-alt: #007db4;
	--clr-blue-secondary-dk: #051e38;
	--clr-red-main: #d51633;
	--clr-red-secondary: #dd7540;
	--clr-red-secondary-dk: #a21e22;
	--clr-yellow-secondary: #f4c818;
	--clr-grey-lt: #9a9db0;
	--clr-grey-dk: #3a435a;
	--clr-grey-alt: #e0fdff;
}
#ContainDiv,
#contentSection {
	width: 100%;
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
p,
a,
span,
li {
	font-family: "Roboto", sans-serif;
}

#mmnavbar {
	background-color: #0054a6 !important;
}
a.dropdown-toggle.nav-link {
	color: white;
}
#mmnavbar-collapse {
	margin-left: auto;
	margin-right: auto;
}
.navbar-nav > li > a {
	color: white;
	font-size: 1.1rem;
	color: white;
	cursor: pointer;
	text-transform: uppercase;
}
#ContainDiv,
#contentSection {
	max-width: 100%;
	margin: 0;
	padding: 0;
}
/* DEFAULTS */
#ContainDiv {
	min-height: 600px;
}

#h_nav,
footer,
#Server,
#div_privacy,
.help,
.custHelp,
.previousLink {
	display: none;
}
/* END DEFAULTS */

/* Scrolling alerts */
#scrollingAlerts-wrapper {
	height: 50px;
	background: var(--clr-blue-main);
}

#scrollingAlerts {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

#scrollingAlerts > p,
#scrollingAlerts > a > p {
	color: white;
	font-size: 18px;
	text-align: center;
}

#scrollingAlerts > a:hover,
#scrollingAlerts > a:focus {
	text-decoration: none;
}
#scrollingAlerts > a:hover > p,
#scrollingAlerts > a:focus > p {
	color: var(--clr-grey-lt);
	transition: color 0.5s ease;
}
/* End Scrolling alerts */

/* BANNER */
#banner-wrapper {
	margin-top: 20px;
	margin-bottom: 20px;
}

#banner {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

#banner-left,
#banner-right {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
}

#banner > .mini-menu > a {
	text-align: center;
	font-size: 16px;
}

#banner > .mini-menu > a > span {
	display: block;
	font-size: 38px;
}

#banner > .mini-menu > a:hover {
	text-decoration: none;
	color: var(--clr-grey-lt);
	transition: color 500ms ease;
}

@media (max-width: 767px) {
	#banner {
		flex-direction: column;
		/* flex-wrap: wrap; */
		row-gap: 15px;
	}
li.dropdown.yamm-fw.onhover.nav-item.open {
display: grid !important;
}
	#banner-mid {
		width: 100%;
	}

	#banner-mid > a > img {
		width: 100%;
	}

	#banner-mid {
		flex-basis: 100%;
	}
}
/* BANNER END */

/* Nav bar */

/* Yamm!3 - Yet another megamenu for Bootstrap 3 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
	position: static;
}

.yamm .nav {
	margin-left: auto;
	margin-right: auto;
}

.yamm .container {
	position: relative;
}
.yamm .dropdown-menu {
	left: 15%;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.yamm .yamm-content {
	padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	/* box-shadow: 0 6px 12px rgba(58, 58, 58, 85%); */
}

@media (max-width: 1260px) {
	.yamm .dropdown.yamm-fw .dropdown-menu {
		width: 100%;
	}

	.yamm .dropdown-menu {
		left: 0;
	}
}

@media (max-width: 767px) {
	.yamm .dropdown.yamm-fw .dropdown-menu {
		box-shadow: none;
		width: 100%;
	}
}

#mmnavbar-collapse {
	display: flex !important;
	justify-content: center;
}

.yamm-row-flex {
	display: flex;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	gap: 10%;
	/* justify-content: center; */
}

.yamm-col-flex {
	min-width: 100px;
}

.yamm-col-flex.top-level-section {
	width: 50%;
	display: flex;
	gap: 10%;
	/* justify-content: center; */
}

.yamm-col-flex.top-level-section > .sub-section > a {
	/* font-size: 16px; */
}

.yamm-col-flex > ul {
	list-style-type: none;
	padding: 0;
	color: white;
}

.yamm-col-flex h4 {
	color: white;
	display: block;
}
.yamm-col-flex h2 {
	color: var(--clr-grey-alt);
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
}
.yamm-col-flex a {
	display: block;
	color: white;
	line-height: 1.7;
	padding-bottom: 10px;
	white-space: nowrap;
}
.yamm-col-flex a:hover,
.yamm-col-flex a:focus {
	color: var(--clr-grey-alt);
	transition: color 500ms ease;
	cursor: pointer;
}

.yamm-col-flex > hr.xpad {
	margin-top: 60px;
}

.navbar-default .navbar-nav > li > a {
	font-size: 1.7rem;
	color: white;
	cursor: pointer;
	text-transform: uppercase;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: var(--clr-grey-alt);
	background-color: transparent;
	transition: color 500ms ease;
	cursor: pointer;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: var(--clr-grey-alt);
	transition: color 500ms ease;
}

@media (max-width: 838px) and (min-width: 768px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 1.4rem;
	}
}

@media (max-width: 767px) {
	.yamm-row-flex {
		flex-direction: column;
		width: 100%;
	}

	.yamm-col-flex h2 {
		font-size: 20px;
	}
}

.navbar-default {
	background-color: var(--clr-blue-main);
	border: none;
	border-radius: 0;
	/* border-bottom: 2px solid var(--clr-gold); */
	/* position: fixed; */
	/* top: 150px; */
	/* left: 0; */
	/* width: 100%; */
	/* z-index: 2; */
	/* box-shadow: 0 6px 12px rgba(58, 58, 58, 85%); */
}

@media (max-width: 767px) {
	.navbar-default {
		top: 250px;
		position: static;
	}

	.yamm-col-flex > hr.xpad {
		/* margin-top: 0; */
	}

	.yamm-col-flex.top-level-section {
		flex-direction: column;
	}

	.yamm-row-flex {
		align-items: center;
	}
}

.dropdown-menu {
	background-color: var(--clr-blue-main);
}

/* End nav bar */

/* FOOTER START */
#BottomSection {
	margin-top: 40px;
}

#footer-wrapper {
	background-color: var(--clr-blue-main);
}

#footer {
	display: flex;
	gap: 50px;
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 25px;
}

#footer > .item,
#footer > .item > .sub-item {
	display: flex;
	flex-direction: column;
	gap: 25px;
	flex-basis: 25%;
}

#footer > .item {
	padding: 10px;
}

#footer > .item > .sub-item {
	gap: 0px;
	/* align-self: center; */
}

/* #footer > .item > .sub-item > a > img {
	width: 100%;
  } */

#footer > .item > .sub-item > h4 {
	font-size: 14px;
	color: var(--clr-grey-alt);
	text-transform: uppercase;
	font-weight: 700;
}

#footer > .item > .sub-item > p,
#footer > .item > .sub-item > .flex-align > .item > .left > p,
#footer > .item > .sub-item > .flex-align > .item > .right > p {
	color: white;
	font-size: small;
}

#footer > .item > .sub-item > a {
	color: white;
	font-size: small;
	/* padding-top: 10px; */
}

#footer > .item > .sub-item > .flex-align > .item {
	display: flex;
	/* justify-content: space-between; */
}

#footer > .item > .sub-item > .flex-align > .item > .left {
	flex-basis: 50px;
}

#footer > .item > .sub-item > .sub-item-row {
	display: flex;
	gap: 15px;
}

#footer > .item > .sub-item > .sub-item-row > a > .fa {
	font-size: 30px;
	color: white;
}

@media (max-width: 1530px) {
	#footer {
		width: 100%;
	}
}

@media (max-width: 1000px) {
	#footer {
		flex-direction: column;
		gap: 10px;
	}

	/* #footer > .item > .sub-item > a > img {
    width: 60%;
  } */

	#footer > .item > .sub-item {
		align-self: flex-start;
	}

	#footer > .item > .sub-item > .flex-align > .item {
		justify-content: flex-start;
	}
}

@media (max-width: 850px) {
	#footer {
		gap: 15px;
	}
}

/* FOOTER END */

/* inSite PANELS */
.panel {
	box-shadow: none;
}

.panel-info {
	border-color: var(--clr-blue-main);
}

.panel-info > .panel-heading {
	color: white;
	border-color: var(--clr-blue-main);
	background-color: var(--clr-blue-main);
	font-size: 16px;
}

/* END inSite PANELS */

/* Buttons */
a.btn.btn-primary {
	background-color: var(--clr-blue-main);
	border-color: var(--clr-blue-main);
	color: white;
}

a.btn.btn-primary:hover,
a.btn.btn-primary:focus {
	background-color: var(--clr-blue-secondary-alt);
	transition: background-color 0.5s ease;
}

a.btn.btn-secondary {
	background-color: var(--clr-grey-dk);
	border-color: var(--clr-grey-dk);
	color: white;
}

a.btn.btn-secondary:hover,
a.btn.btn-secondary:focus {
	background-color: var(--clr-grey-lt);
	transition: background-color 0.5s ease;
}
/* END Buttons */

/* Custom Pages */
ul.fa-ul > li > span.fa-li {
	top: 0;
}

.customInfo-wrapper {
	margin-top: 20px;
}

.customInfo-header {
	background-image: url(/SiteImages/91-SchoolImages/91-redesign_2022/91-custom_page_header.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	aspect-ratio: 2.8;
	display: flex;
	justify-content: center;
	align-items: center;
	/* filter: drop-shadow(1px 1px 0.75rem black); */
	height: 200px;
	width: 100%;
}

.customInfo-header > h1 {
	color: white;
	font-size: 4vw;
	font-weight: 700;
	filter: drop-shadow(1px 1px 0.75rem black);
	text-align: center;
}

.customInfo-panel {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.customInfo-panel > .item > h4 {
	/* background-color: var(--clr-blue-dk); */
	/* border: 1px solid var(--clr-blue); */
	display: inline-block;
	padding: 10px;
	color: var(--clr-blue-main);
	font-size: 20px;
}

.customInfo-panel > .item > h4.block-header {
	background-color: black;
	width: 100%;
	text-align: center;
	padding: 30px;
	font-size: 2vw;
}

.customInfo-panel > .item > .sub-panel > .table > thead > tr > th {
	color: var(--clr-blue-main);
}

.customInfo-panel > .item > .sub-panel {
	/* border: 1px solid rgb(53, 53, 53); */
	padding: 10px;
}

.customInfo-panel > .item > .sub-panel > p,
.customInfo-panel > .item > .sub-panel > p > a,
.customInfo-panel > .item > .sub-panel > a,
.custonInfo-panel > .item > .sub-panel > p > strong > a,
.customInfo-panel > .item > .sub-panel > ol > li,
.customInfo-panel > .item > .sub-panel > ul > li,
.customInfo-panel > .item > .sub-panel > ul > li > a {
	font-size: 16px;
	padding-bottom: 8px;
}

.customInfo-panel > .item > .sub-panel p.top20 {
	margin-top: 10px;
}

.customInfo-panel > .item > .sub-panel p.indent {
	margin-left: 20px;
}

.customInfo-panel-landing {
	display: flex;
	gap: 20px;
	margin-top: 40px;
}

.customInfo-panel-landing > .item {
	display: flex;
	justify-content: center;
	align-items: flex-end;

	background-image: url(https://via.placeholder.com/400x250);
	background-position: center center;
	background-repeat: no-repeat;

	width: 400px;
	height: 250px;
	background-size: cover;
	/* filter: drop-shadow(1px 1px 0.75rem black); */
}

.customInfo-panel-landing > .item > a.btn-primary {
	padding: 10px 20px 10px 20px;
	font-size: 18px;
	margin-bottom: 20px;
	/* filter: drop-shadow(1px 1px 0.75rem black); */
}

.customInfo-panel > .item > .sub-panel > a.btn.full {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.customInfo-panel > .item > .sub-panel.about-buttons {
	padding: 0;
	display: flex;
	gap: 20px;
}

@media (max-width: 767px) {
	.customInfo-panel-landing {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		/* padding: 20px; */
	}

	.customInfo-panel > .item > h4.block-header {
		font-size: 4vw;
	}

	.customInfo-panel > .item > .sub-panel.about-buttons {
		flex-direction: column;
	}
}
/* End Custom Pages */
#hero-wrapper {
	margin-top: 20px;
	background-image: url(/SiteImages/91-SchoolImages/91-redesign_2022/91-hero.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 600px;
	display: flex;
	align-items: flex-end;
}

#hero {
	padding-bottom: 40px;
	padding-left: 40px;
	display: none;
	flex-direction: column;
	gap: 15px;
	filter: drop-shadow(0px 0px 1rem black);
}

#hero > h1,
#hero > h3,
#hero > a {
	color: var(--clr-grey-alt);
	padding: 0;
	margin: 0;
}

#hero > .buts > a.btn {
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.doublea-wrapper {
	margin-top: 20px;
}

.doublea {
	display: flex;
	gap: 20px;
}

.doublea > .item {
	position: relative;
}

.doublea > .item > .word-box {
	display: flex;
	justify-content: space-between;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.doublea > .item > .word-box > h4 {
	color: white;
	font-weight: bold;
	font-size: 20px;
}

.doublea > .item > .word-box > a.btn.btn-primary {
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 767px) {
	.doublea {
		flex-direction: column;
	}
}