/* =======Basic Set Up======= */
html, body{
	font-family: darkmode-on,sans-serif;
	font-weight: 400;
	font-style: normal;
	background: #F0F2F2;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}


h1, h2, h3, h4, h5, h6{
	font-family: bree,sans-serif;
	font-weight: 400;
	font-style: normal;
}

a {
  box-shadow: inset 0 0 0 0 #f8e08c;
  color: #1779ba;
  margin: .25em -0.25rem;
  padding: .15em 0.35rem;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

a:visited{
	color: gray;
}

a:hover {
  box-shadow: inset 800px 0 0 0 #f8e08c;
  color: #091F49;
}


/* a:hover{
	cursor: pointer;
} */

.post,
.page {
	margin: 0;
}


ul, ol{
	font-size: 1.2em;
	font-weight: 400;
	margin: 0;
	padding: 0 0 0 3em;
	font-family: darkmode-on, sans-serif;
	line-height: 1.5em;
	color: #091F49;
	margin-bottom: 1.5em;
}

ol ul{
	padding-top: 1em;
	margin-left: 0;
}


li{
	font-size: 1.2rem;
	line-height: 1.5em;
	padding-bottom: .5em;
}

/* a{
	text-decoration: none;
}

p a{
	text-decoration: underline;
} */



/* =========Header========= */

/* Alert Banner */
.alert-banner{
	/* min-height: 50px; */
	font-family: darkmode-on,sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	font-size: 1.4em;
	padding: .5em;
}

.alert-banner span{
	display: inline-block;
	padding: .5em 0;
}

.alert-banner button a{
	background: #091F49;
	padding: .5em 1em;
	color: white;
	border-radius: 20px;
	font-size: .8em;
	font-family: darkmode-on,sans-serif;
	font-weight: 700;
	margin: .5em 0 0 0;
	display: block;
	transition: color .5s;
	box-shadow: none;
}

.alert-banner button a:hover{
	color: #deb00d;
}

.banner-red{
	background: #f75a14;
	position: relative;
	z-index: 1000;
}

.banner-orange{
	background: #DEB00D;
	color: #091F49;
	position: relative;
	z-index: 1000;
}

.banner-blue{
	background: #8cbde9;
	position: relative;
	z-index: 1000;
}


header.site-header{
	background: rgb(0,32,75);
	height: 165px;
	position: relative;
	background: linear-gradient(0deg, rgba(0,32,75,1) 10%, rgba(0,19,51,1) 60%, rgba(3,17,46,1) 90%);
	z-index: 1000;
	/* clip-path:ellipse(75% 100% at 50% 0%); */
}

.home header.site-header{
	clip-path: none;
}

.school-logo, .school-logo-mobile{
	display: inline-block;
	float: left;
	padding-top: .75em;
	padding-left: 1em;
}
.school-logo img{
	height: 100px;
	padding-left: .5em;
}

.school-logo-mobile a, .school-logo a{
	box-shadow: none;
}

.main-navigation, .pill-navigation{
	width: auto;
	display: inline-block;
	/* float: right; */
}

.pill-navigation{
	position: absolute;
	top: 2em;
	right: 1em;
}

.main-navigation{
	position: absolute;
	top: 5em;
	right: 1em;
}

.main-navigation a{
	color: white;
	font-family: darkmode-on,sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 700;
}

.pill-navigation a{
	color: #091F49;
	padding: .5em 1.5em .5em 1.5em;
	background: #F8E08C;
	border-radius: 30px;
	font-family: darkmode-on,sans-serif;
	/* text-transform: uppercase; */
	font-weight: 700;
	margin: 0 .5em;
	font-size: .8em;
	transition: background .5s;
	box-shadow: none;
}

.pill-navigation a:hover{
	background: #deb00d;
}

.site-main{
	background: linear-gradient(-180deg, rgba(240,242,242,1) 0%, rgba(248,224,140,1) 100%);
	background-position: bottom;
	background-size: 100% 300px;
	background-repeat: no-repeat;
	margin-top: -1px;
}

/* Adjustments to Max Mega Menu */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
	font-size: 1.75em !important;
	margin: 0 !important;
	line-height: 1.4em !important;
}


/* ======Home Page====== */

.top-circle-container{
	background-color:#f0f2f2 ;
	background-size: cover;
	-webkit-background-size: cover;
	width: 100%;
	/* height: 1000px; */
	overflow: hidden;
	position: relative;
}

.top-circle-container:after{
	content: "";
	width: 200%;
	height: 0;
	padding-top: 200%;
	border-radius: 100%;
	background: #01204c;
	position: absolute;
	bottom: 60%;
	left: 50%;
	transform: translateX(-50%);
}


.page h1.intro-headline{
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 4em;
	line-height: 1.1em !important;
	color: white !important;
	position: relative;
	z-index: 10;
	padding: .5em 0 .75em 0;
}

.intro-headline span{
	color: #DEB00D;
}

.main-swiper{
	border-radius: 0 60px;
	border: solid 10px #D0D1D1;
	background: #D0D1D1;
}

/* target the active bullet */
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

/* target all bullets */
.swiper-pagination-bullet {
  opacity: .5;
}


.positioning-statement {
	padding: 8em 0;
}

.positioning-image {
	text-align: center;
	width: 100%; /* Adjust as needed */
	aspect-ratio: 1 / 1; /* Forces a square shape */
	border-radius: 50%;
	overflow: hidden; /* Ensures the image doesn’t overflow */
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 8px 8px 8px -4px rgba(60, 60, 60, 0.37); /* Apply shadow to the container */
	}
}

.positioning-image img{
	border-radius: 50%;
	box-shadow: 8px 8px 8px -4px rgba(60, 60, 60, 0.37);
}

.positioning-statement h2{
	color: #091F49;
	font-size: 2em;
}

.positioning-statement h2:after{
	background-color: #DEB00D;
	content: '';
	height: .5em;
	display: block;
	margin-top: 1em;
}

/* ----News Section---- */
.home-headline{
	font-size: 5em;
	color: #D0D1D1;
	font-weight: 700;
	font-family: bree,sans-serif;
	text-transform: uppercase;
	padding-bottom: .2em;
}

/* //Sticky Post// */
.sticky-post-title{
	color: #091F49;
	font-size: 2.5em;
	padding-bottom: .5em;
	line-height: 1.2em;
}

.featured-news p{
	color: #091F49;
	font-size: 1.2em;
}

.featured-news img{
	border: solid #D0D1D1 10px;
	border-radius: 0 60px;
	width: 80%;
}

.featured-news a:hover{
	box-shadow: none;
}

.featured-news .excerpt{
	font-size: 1.2em;
	padding-bottom: 1em;
}

.read-more-button{
	color: white;
	background: #DEB00D;
	padding: .5em 2em .5em 2em;
	border-radius: 50px;
	font-weight: 700;
	/* margin-top: 1em; */
	display: inline-block;
	transition: background .5s;
}


.read-more-button:hover{
	background: #091F49;
	color: white;
}

.read-more-button:visited{
	color: white;
}

a.read-more-button:hover{
	box-shadow: none;
}

.swiper-container{
	padding: 4em 0 0 0;
}

.news-post-slide{
	background: #091F49;
	color: white;
	position: relative;
	border-radius: 20px;
	text-align: center;
	box-shadow: 8px 8px 8px -4px rgba(60, 60, 60, 0.37);
	padding-bottom: 2em;
}

.swiper-slide:nth-child(even) > div{
	background: #F8E08C;
	color: #091F49;
	position: relative;
	bottom: 50px;
}

.swiper-slide:nth-child(even) > div img{
	border-radius: 50%;
	aspect-ratio: 1/1;
	overflow: hidden;
}

.news-post-slide h5{
	text-align: left;
	padding: 1em 1em 1em 1.6em;
	font-size: 1.4em;
}

.news-post-slide a{
	color: #091F49;
	background:  #F0F2F2;
	padding: .75em 2em;
	font-size: .8em;
	font-weight: 700;
	border-radius: 20px;
	transition: background .5s;
}

.news-post-slide a:hover{
	background: #DEB00D;
	box-shadow: none;
}

.news-post-slide img{
	border-radius: 0 60px;
	margin-top: -50px;
	max-width: 80%;
	object-fit: cover;
}

.news-swiper{
	padding: 8em .5em 2em 0;
}
.swiper-navigation-bottom{
	text-align: right;
}

.swiper-bottom-arrow{
	display: inline-block;
}
.swiper-navigation-bottom i{
	font-size: 2.5em;
	padding: 0 .25em;
	color: #DEB00D;
}

.swiper-navigation-bottom i:hover{
	cursor: pointer;
}

.swiper-button-next, .swiper-button-prev {
	color: #DEB00D;
	text-shadow: 2px 2px 1px #01204c;
}

.swiper-pagination-bullet {
	background-color: #DEB00D;
	border: solid 3px #D0D1D1;
	display: inline-block;
	width: 1rem;
	height: 1rem;
}

.more-news-button, .full-cal-button {
	display: block;
	text-align: center;
	width: 100%;
}

.full-cal-button a{
	background: #091F49;
	font-weight: 700;
	font-size: 1em;
	display: inline-block;
	margin: 0 auto;
	color: white;
	padding: .5em 1.5em;
	border-radius: 20px;
	margin: 1.5em 0;
	transition: color .5s;
	box-shadow: none;
}

.full-cal-button a:hover{
	color: #DEB00D;
}

.more-news-button a{
	background: #DEB00D;
	font-weight: 700;
	box-shadow: none;	font-size: 1.2em;
	display: inline-block;
	margin: 0 auto;
	color: white;
	padding: .25em 1.5em;
	border-radius: 20px;
	margin: 1.5em 0;
	transition: color .5s;
}

.more-news-button a:hover{
	color: #091F49;
}

img.news-archive-thumb{
	/* max-width: 40%; */
	margin-bottom: 1.5em;
	border-radius: 20px 0 20px 0;
	border: 10px solid white;
	/* display: block; */
}

.post .sticky{
	background: #D0D1D1;
	border-radius: 20px;
	padding: 1.5em 2.5em;
	margin-bottom: 2em;
}

/* -----News and Calendar Section----- */
/* Calendar */
.calendar-container{
	background: #d0d1d1;
	border-radius: 20px;
	padding: 1em 1.5em;
}

.calendar-headline{
	color: #01204c;
	text-transform: uppercase;
	text-align: center;
	font-size: 3em;
	font-weight: 700;
}

.mec-month-divider span {
	color: #01204c;
}

.calendar-lunch{
	padding-top: 6em;
}

.mec-month-divider span::before {
display: none;
}

.mec-month-divider span{
	border: none;
}
.mec-events-toggle .mec-toggle-item {
	border: 1px solid #e4e4e4;
	margin-bottom: 15px;
	box-shadow: none;
}

.mec-events-toggle .mec-toggle-title{
	font-weight: 300;
	color: #01204c;
	font-size: 18px;
	font-family: darkmode-on,sans-serif;
	font-weight: 700;
}
.mec-toggle-item-col .mec-event-month, .mec-toggle-item-col .mec-time-details {
	font-size: 15px;
	color: #01204c;

}


.mec-events-toggle .mec-toggle-item-inner i {
	font-size: 1.2em;
}

.mec-toggle-item-col {
	width: 195px;
}

span.mec-start-date-label, span.mec-end-date-label{
	font-size: 18px !important;
	color: #DEB00D;
}

.mec-event-list-accordion .mec-events-toggle {
	pointer-events: none;
}

.mec-events-toggle .mec-toggle-item-inner i {
	display: none;
}


/* ----Full Calendar Styles---- */
.mec-month-divider {
	text-align: center;
	margin: 0;
}

.mec-full-calendar-wrap .mec-totalcal-box {
	display: none;
}

.mec-calendar-header h2{
		color: #091F49 !important;
		font-size: 1.9em !important;
		margin-bottom: 1.5em;
		text-transform: capitalize !important;
		font-weight: 400 !important;
}

/* Lunch Menu */
.lunch-menu-home{
	background: #01204c;
	padding: 1em 1.5em;
	border-radius: 20px;
}

.lunch-header{
	color: white;
	text-transform: uppercase;
	text-align: center;
	font-size: 3em;
	font-weight: 700;
}

.lunch-menu-home .lunch-box{
	border: none;
	margin-bottom: 1.5em;
	padding: 1em;
}

.full-menu-button{
	text-align: center;
}

.full-menu-button a{
	color: #F0F2F2;
	background: #DEB00D;
	padding: .75em 2em;
	font-size: .9em;
	font-weight: 700;
	border-radius: 20px;
	transition: color .5s;
	display: inline-block;
	box-shadow: none;
	margin-bottom: 1.2em;
}

.full-menu-button a:hover{
	color: #091F49;
}
.no-lunch-menu-avail{
	text-align: center;
	color: white;
	font-weight: 700;
}

/* ----Stats Section---- */
.stats-container{
	background: url('images/home-bottom-kids-1400.png'),  url('images/Sunburst-homepage.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height: 1000px;
	background-size: auto;
	position: relative;
}

.about-us-title{
	color: #091F49;
	font-size: 4em;
	font-weight: 700;
	text-transform: uppercase;
}



/* Stats */
 .stats-container{
	 margin-top: 3em;
 }

.stat{
	border-radius: 50%;
}

.stat-1 {
	width: 263px;
	font-size: 1.55em;
	background: #091F49;
	padding: 2em 1.75em;
	height: 263px;
	text-align: center;
	color: white;
	font-weight: 700;
	position: absolute;
	left: 13%;
	top: 10%;
}

.stat-2 {
	max-width: 165px;
	font-size: 1em;
	background: #DEB00D;
	padding: 2.6em 2.2em;
	height: 165px;
	text-align: center;
	color: white;
	font-weight: 700;
	position: absolute;
	left: 49%;
	top: 10%;
}

.stat-3 span{
	display: block;
	width: 100%;
	font-size: 1.7em;
	font-weight: 700;
}

.stat-3 {
	max-width: 155px;
	font-size: 1em;
	background: #ACAFAF;
	padding: 2.6em 2em;
	height: 155px;
	text-align: center;
	color: white;
	font-weight: 700;
	position: absolute;
	left: 20%;
	top: 40%;
}

.stat-4 span{
	display: block;
	width: 100%;
	font-size: 1.7em;
	font-weight: 700;
}

.stat-4 {
	max-width: 150px;
	font-size: 1em;
	background: #DEB00D;
	padding: 2.6em 2.2em;
	height: 150px;
	text-align: center;
	color: white;
	font-weight: 700;
	position: absolute;
	left: 1%;
	top: 30%;
}

.stat-5 span{
	display: block;
	width: 100%;
	font-size: 1.8em;
	font-weight: 700;
}

.stat-5 {
	max-width: 174px;
	font-size: 1.1em;
	background: #ACAFAF;
	padding: 3em 2.2em;
	height: 174px;
	text-align: center;
	color: white;
	font-weight: 700;
	position: absolute;
	right: 7%;
}

.stat-6 {
	max-width: 123px;
	font-size: 1em;
	background: #091F49;
	padding: 2.8em 1.3em;
	height: 120px;
	text-align: center;
	color: white;
	font-weight: 700;
	position: absolute;
	left: 42%;
	top: 30%;
}

.stat-7 span{
	display: block;
	width: 100%;
	font-size: 2.3em;
	font-weight: 700;
}

.stat-7 {
	width: 207px;
	font-size: 1.4em;
	background: #DEB00D;
	padding: 3.1em 2.2em;
	height: 202px;
	text-align: center;
	color: white;
	font-weight: 700;
	position: absolute;
	right: 21%;
	top: 27%;
}


/* =======Staff Directory====== */
.staff-page{
	padding-bottom: 2em;
}

.staff-directory .top-circle-container{
	padding-top: 3em;
}

.staff-directory .top-circle-container:after{
	bottom: 0;
}
 .staff-page .cell{
	 text-align: center;
 }



 .staff-section-title{
	 text-transform: uppercase;
	 color: #d0d1d1;
	 font-size: 5em;
	 font-weight: 700;
	 line-height: 1em;
 }

 .staff-email{
	 padding-top: .3em;
 }

 .staff-email span{
		 position: relative;
		 top: -.3em;
 }

 .staff-email a{
	 color: #091F49;
 }

 .staff-email a:hover{
	 box-shadow:  none;
	 font-weight: 700;
 }

 .sraff-email a:visited{
	 color: #091F49;;
 }

 .staff-email i{
	font-size: 1.6em;
	color: #D0D1D1;
	padding: .3em 0 0 .3em;
 }

 .staff-email:hover{
	 cursor: pointer;
 }

 .staff-photo {
	 max-width: 80%;
	 display: inline-block;
	 padding-bottom: .5em;
 }

 .staff-photo img{
	 border-radius: 50%;
 }

 .staff-name{
	 font-family: bree,sans-serif;
	 font-weight: 400;
	 color: #091F49;
	 font-size: 1.4em;
	 line-height: 1.4em;
 }

 .staff-title{
	 color: #091F49;
	 font-family: darkmode-on,sans-serif;
 }

 /* =======Interior Pages====== */
.page-header {
	  padding-bottom: 1em;
  }


.page-header-circle-container{

 	overflow: hidden;
 	position: relative;
	 text-align: center;
}



.page-header-circle-container::after {

	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	border-bottom-left-radius: 50% 100%;
	border-bottom-right-radius: 50% 100%;
	top: 0;
	z-index: 1;
	width: 150%;
	background-color: #00204b;
	height: 70%;
}



.header-content{
	position: relative;
}

 .site-main h1, .category-news h1{
	 color: #E3B027;
	 font-family: bree,sans-serif;
	 font-weight: 700;
	 font-size: 3.5rem;
	 position: relative;
	 z-index: 500;
	 line-height: 1em;
	 text-transform: uppercase;
 }




 /* Adjusts CSS for circle */
 .has-title h1{
	 margin-bottom: 1.5em;
 }

 .has-subhead h2{
	  margin-bottom: 2em;
  }

.has-title.page-header-circle-container::after, .has-subhead.page-header-circle-container::after {
	 height: 100%;
 }

 .header-content h2{
	 position: relative;
	 z-index: 540;
	 line-height: 1.2em;
	 padding-top: .25em;
	 font-size: .9em;
 }

 .top-page-content{
	 position: relative;
	 z-index: 100;
 }
 .page-title{
	 color: #DEB00D;
	 font-size: 4em;
	 font-family: bree,sans-serif;
	 text-transform: uppercase;
	 font-weight: 700;
 }

.header-content{
	color: white;
	font-family: bree,sans-serif;
	font-size: 2em;
}

img.featured-thumb{
	border-radius: 20px 0;
	position: relative;
	/* max-width: 350px; */
	z-index: 520;
	border: solid 8px #D0D1D1;
	display: block;
	margin: 1.5em auto 0 auto;
	/* right: 0; */

}

.top-page-content-image{
	max-width: 90%;
	position: relative;
	z-index: 1000;
}
.top-page-content-image img{
	border-radius: 50%;
	border: solid 10px #D0D1D1;
}


/* ===========LUNCH MENU PAGE=========== */
.lunch-menu{
	padding-bottom:3em;
}

.lunch-box{
	border: solid 5px #D0D1D1;
	border-radius: 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: white;
	padding: 2em 1em;
}

.lunch-date, .lunch-item{
	width: 100%;
	display: block;
	color: #091F49;
}

.lunch-date{
	color: #DEB00D;
	font-size: 1.6em;
	/* font-weight: 700; */
	font-family: bree,sans-serif;
}

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

.lunch-item:nth-child(2){
	font-weight: 700;
	font-size: 1.1em;
}


/* ===========STAFF FOOTER=========== */
.staff-footer{
	/* padding: 1.5em 0;
	margin: 0 1em; */
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

/* .staff-person{
	padding: 2.25em 0;
} */
.a-bit-footer{
	font-size: 2.25em;
	color: #01204c;
	text-transform: uppercase;
	font-weight: 700;
	font-family: bree,sans-serif;
}

.about-me-footer{
	color: #01204c;
	font-size: 2.8em;
	display: inline-block;
	margin-top: -20px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: bree,sans-serif;
	padding-bottom: .2em;
}

.about-me-footer:after{
	background-color: #DEB00D;
	content: '';
	height: 5px;
	margin-top: -10px;
	display: block;
}

.staff-footer-name{
	color: #01204c;
	font-size: 1.6em;
	/* margin-top: -20px; */
	font-weight: 700;
	font-family: bree,sans-serif;
}

.staff-footer-title{
	color: #DEB00D;
	font-weight: 700;
	font-family: bree,sans-serif;
	font-size: 1.2em;
}

img.staff-thumb{
	border: solid 6px #01204c;
	border-radius: 50%;
	max-width: 300px;
	max-height: 300px;
	object-fit:cover;
	margin: 1.5em 0;
}

.staff-footer p{
	color: #01204c;
	font-size: 1.1em;
	padding: 0 1.5em;
}

/* ===========BLOG/NEWS================ */
.blog .page-header-circle-container {
	margin-bottom: 2em;
}

.blog h2{
	line-height: 1.1em;
	margin-left: 15px;
}

.blog h2 a{
	color: #01204c;
	box-shadow: none;
	transition: color .5s;
}

.blog h2 a:hover{
	color: #DEB00D;
}

.blog h2 a:visited{
	color: #01204c;
}

.blog article{
	padding: 2em 0;
}

.blog article p {
	font-size: 1.2em;
	font-weight: 400;
	margin: 0;
	padding: 0;
	font-family: darkmode-on, sans-serif;
	line-height: 1.5em;
	color: #091F49;
	margin-bottom: 1.5em;
}

.read-more-blog-post{
	margin-left: 15px;
}

.blog .posts-navigation{
	padding: 1.75em 0;
	margin-bottom: 6em;
}

.blog .posts-navigation .nav-previous{
	/* text-align: right; */
}

.blog .posts-navigation .nav-next{
	/* text-align: left; */
}

.blog .posts-navigation a{
	box-shadow: none;
}

.blog .posts-navigation .nav-previous a, .blog .posts-navigation .nav-next a{
	background: #01204c;
	padding: 1em 1.25em;
	color: white;
	font-size: 1.2em;
	font-weight: 700;
	/* margin: 0 1.5em; */
	border-radius: 10px;
}

.blog .posts-navigation i{
	color: #deb00d;
	font-size: 1.15em;
	padding: 0 .25em;
}




/* ===========404 Page================ */
.four-oh-four-container{
	background: rgb(240,242,242);
	background: linear-gradient(180deg, rgba(240,242,242,1) 0%, rgba(248,224,140,1) 100%);
}

.four-oh-four-container .four-oh-four{
	padding: 5em 0 10em 0;
}

.four-oh-four h1{
	color: #deb00d;
	font-size: 8rem;
	font-family: bree,sans-serif;
	font-weight: 700;
}

.four-oh-four h2{
	color: #01204c;
	font-size: 3rem;
	line-height: 1.1em;
}

.four-oh-four h3{
	color: #01204c;
	font-size: 2rem;
	font-family: darkmode-on, sans-serif;
	padding-top: 1em;
}

/* ===========FOOTER================ */

.site-footer{
	background: linear-gradient(-180deg, rgba(0,32,75,1) 10%, rgba(0,19,51,1) 60%, rgba(3,17,46,1) 90%);
	border-top: solid 12px #abafaf;
	padding: 3em .75em 0 .75em;
	margin: auto auto 0 auto;
	width: 100%;

}

.site-footer a{
	box-shadow: none;
	color: #E3B027;
	text-decoration: underline;
	transition: color .5s;
}

.site-footer a:hover{
	color: white;
}

.site-footer a:visited{
	color: #E3B027;
}

.footer-logo{
	max-width: 135px;
}

.footer-content{
	color: white;
}

.footer-content h4{
	color: #E3B027;
	font-family: bree,sans-serif;
	font-weight: 700;
	font-size: 2em;
	padding: 0;
	margin: 0;
}

.footer-content h5{
	font-family: bree,sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	margin-bottom: 1em;
}

.copyright{
	color: white;
	text-align: center;
	padding: 3em;
}

.footer-info-left{
	float: left;

}

.footer-info-right{
	float: right;

}

.footer-links a{
	/* color: #E3B027; */
	display: block;
	text-align: center;
	padding: .25em 0;

}


.social-media-icons {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.social-media-icons i{
	padding: .5em .75em;
	font-size: 1.5em;
	transition: color .5s;
}

.social-media-icons i:hover{
	color: white;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	/* Home Page */
	.top-circle-container::after {
		bottom: 50%;
	}

	.page h1.intro-headline{
		font-size: 2.6em;
	}

	.positioning-statement h2 {
		color: #091F49;
		font-size: 1.5em;
		padding-bottom: .25em;
	}

	.home-headline {
		font-size: 3.5em;
		line-height: 1.1em;
		padding-bottom: .55em;
	}

	.sticky-post-title {

		font-size: 2em;
		padding-bottom: .5em;
		line-height: 1.1em;
	}

	.featured-news img {
		width: 100%;
		margin-bottom: 1.25em;
	}

	.news-post-slide img{
		max-width: 70%;
	}

	.swiper-navigation-bottom {
		text-align: center;
	}

	.more-news-button a{
		margin: 2em 0;
	}

	/* ----- */

	.header-content h2 {
		padding-top: .5em;
		font-size: .75em;
	}

	.leaf-shape img {
		margin-bottom: 1.5em;
	}

	.page h1 {
		font-size: 1.6em;
	}

	.alert-banner {
		font-size: 1.1em;
		padding: .75em .5em;
	}

	.school-info{
		text-align: center;
		padding: .75em 0;
		font-size: 1.2em;
	}

	.footer-logo {
		max-width: 100px;
	}

	.footer-links a {
		font-size: 1.2em;
	}

	.social-media-icons i {
		padding: .5em 1.5em;
	}

	.staff-footer p{
		padding: 0;
	}

	.staff-section-title{
		 font-size: 3em;
	 }

	 ol ul{
		padding-left: 1em;
	 }

	 .school-logo-mobile {
		 display: inline-block;
		 /* width: 100%; */
		 /* padding: 1.2em 0; */
		 text-align: left;
	 }

	 .calendar-container {
		 margin-bottom: 2em;
	 }

	 .positioning-statement {
		 padding: 2em 0;
	 }

	 /* Home about us */
	 .stats-container{
		 background: url('images/home-bottom-kids-1400.png'), url('images/Sunburst-homepage.png');
		 background-repeat: no-repeat;
		 background-position: center bottom;
		 min-height: 1240px;
		 background-size: 155%;
		 position: relative;
	 }

	 /* Stats */

	 .about-us-title {
		 font-size: 3em;
		 line-height: 1.1em;
	 }

	 .stat{
		 border-radius: 0;
		 margin: .5em 0;
	 }

	 .stat-1 {
		 width: 100%;
		 font-size: 1.1em;
		 padding: 2em;
		 height: auto;
		 text-align: center;
		 position: relative;
		 left: inherit;
		 top: inherit;
	 }

	 .stat-2{
		 max-width: none;
		 font-size: 1.1em;
		 padding: 2.2em;
		 height: auto;
		 text-align: center;
		 position: relative;
		 left: inherit;
		 top: inherit;
	 }

	 .stat-3 span{
		 display: block;
		 width: 100%;
		 font-size: 1.7em;
		 font-weight: 700;
	 }

	 .stat-3{
		 max-width: none;
		 font-size: 1.1em;
		 padding: 2.2em;
		 height: auto;
		 text-align: center;
		 font-weight: 700;
		 position: relative;
		 left: inherit;
		 top: inherit;
	 }

	 .stat-4 span{
		 display: block;
		 width: 100%;
		 font-size: 1.7em;
		 font-weight: 700;
	 }

	 .stat-4{
		 max-width: none;
		 font-size: 1.1em;
		 background: #DEB00D;
		 padding: 2.2em;
		 height: auto;
		 text-align: center;
		 color: white;
		 font-weight: 700;
		 position: relative;
		 left: inherit;
		 top: inherit;
	 }

	 .stat-5 span{
		 display: block;
		 width: 100%;
		 font-size: 1.7em;
		 font-weight: 700;
	 }

	 .stat-5{
		 max-width: none;
		 font-size: 1.1em;
		 background: #ACAFAF;
		 padding: 2.2em;
		 height: auto;
		 text-align: center;
		 color: white;
		 font-weight: 700;
		 position: relative;
		 right: inherit;
	 }

	 .stat-6{
		 max-width: none;
		 font-size: 1.1em;
		 background: #091F49;
		 padding: 2.2em;
		 height: auto;
		 text-align: center;
		 color: white;
		 font-weight: 700;
		 position: relative;
		 left: inherit;
		 top: inherit;
	 }

	 .stat-7 span{
		 display: block;
		 width: 100%;
		 font-size: 1.7em;
		 font-weight: 700;
	 }

	 .stat-7{
		 width: auto;
		 font-size: 1.1em;
		 background: #DEB00D;
		 padding: 2em;
		 height: auto;
		 text-align: center;
		 color: white;
		 font-weight: 700;
		 position: relative;
		 right: inherit;
		 top: inherit;
	 }

	 /* News Archive Page */
	 .blog h2 {
		font-size: 2em;
	 }


}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

	.alert-banner {
		font-size: 1.2em;
	}

	.page h1.intro-headline {
		font-size: 2.8em;
	}

	.positioning-statement h2 {
		font-size: 1.7em;
		line-height: 1.2em;
	}

	.home-headline{
		font-size: 4.5em;
	}

	.featured-news p {
		line-height: 1.3em;
	}

	.news-post-slide h5 {
		font-size: 1.2em;
		line-height: 1.2em;
	}

	.news-swiper {
		padding: 8em .5em 1em 0;
	}

	img.staff-thumb{
		/* max-width: 100%; */
	}


	.stat-7 {
		right: 5%;
		top: 32%;
	}

	.stat-5 {
		right: 2%;
		top: 16%;
	}

	.stat-6 {
		left: 45%;
		top: 34%;
	}

	.stat-3 {
		left: 24%;
		top: 36%;
	}
	
	
	img.staff-thumb{
		
		max-width: 210px;
		max-height: 210px;
		
	}
}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* For Footer */
@media screen and (max-width: 860px){
	.footer-info-left, .footer-info-right{
		float: none;
		display: block;
	}
	.footer-info-right{
		padding-top: .75em;
	}
}

/* ==========Menu and Logo Adjustments======== */
/* For LOGO and Nav */
@media  screen and (min-width : 1140px){
	.school-logo{
		display: inline-block;
	}

	.school-logo-mobile{
		display: none;
	}
}

/* For Logo and Nav TABLET*/
@media  screen and (max-width : 1139px){
	.school-logo{
		display: none;
	}

	.school-logo-mobile img{
		display: inline-block;
		height: 55px;
	}

	.school-logo-mobile {
		padding-top: 1.5em;
		padding-left: 1.1em;
	}
}

@media screen and (min-width: 809px) and (max-width: 870px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		padding: 0px 8px 0px 8px !important;
		font-size: 14px !important;
	}
}

@media screen and (max-width: 808px) {
	.pill-navigation{
		display: none;
	}
}


/* For Menus */
@media screen and (min-width: 809px){

	.main-navigation{
		display: block;
	}

	.mobile-menu{
		display: none;
	}

}

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

	.main-navigation{
		display: none;
	}

	/* .mobile-menu{
		display: block;
	} */

	.mobile-menu {
		display: block;
		position: absolute;
		/* right: 10px; */
		top: 15px;
		width: 100%;
	}

	header.site-header {
		height: 110px;
	}

	.mobile-menu .mega-menu-toggle {
		padding: .5em .5em 0 0;
	}

	/* #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1 {
		margin-top: 2.5em;
	} */

}