/*
---Fonts Adobe Typekit
--ID nko8vqu
-Heading
GreyCliff Extra
font-family: obvia, sans-serif;
font-weight: 700, 800;

--Body
-Obvia
font-family: greycliff-cf,sans-serif;
font-weight: 300, 500

--Colors
Red: #C12A06
Gradient Blue: #0D2251 > #3E89CB
Gray: #9FA2AA
Black: #000000
Blue: #0D2251
*/

/* General  */

body{
	background: url("images/geometry.png");
}

p{
	color: #0D2251;
	font-family: obvia, sans-serif;
	font-weight: 300;
}

.grid-container{
	padding-right: 1em;
	padding-left: 1em;
}

.post, .page{
	margin: 0;
}



.tac{
	text-align: center;
}

.padding-right-3{
	padding-right: 3em !important;
}




/* ==================
=======General=======
====================
*/

.red-color{
	color: #C12A06;
}
a.pill-arrow-button{
	color: white !important;
	background: #C12A06;
	padding: .5em 1.75em;
	border-radius: 50px;
	font-weight: 500;
	transition: background .5s;
	margin: 2em 0;
	display: inline-block;
}

a.pill-arrow-button i{
	transition: transform .03s ease-in-out;
}

a.pill-arrow-button:hover{
	background: #941e02;
	cursor: pointer;
}

a.pill-arrow-button:hover i{
	transform: translateX(10px);
	animation: bounce 0.5s ease infinite alternate;
}

@keyframes bounce {
  to {
	transform: translateX(0);
  }
}

.angled-top-background{
	height: 400px;
	background: #052254;
	position: relative;
}

.angled-top-background:after{
	background: #052254;
	position: absolute;
	bottom: 0;
	content: '';
	display: block;
	height: 150px;
	left: 0;
	right: 0;
	transform: skewY(1.75deg);
	transform-origin: 0%;
	z-index: -1;
}

.white-text{
	color: white !important;
}


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

#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
	font-family: greycliff-cf,sans-serif;
	line-height: 58px;
	height: 57px;
	/* display: inline-block; */
}




.mega-menu-toggle.mega-menu-open .mega-toggle-block-1::after {
	font-size: 40px !important;
	margin: 0 !important;
}

.site-header{
	background: white;
}
.logo{
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	padding: 1.5em 1em .75em 1em;
}

/* 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;
}


/* Navigation */





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

/* slider */

/* Original slider CSS, replaced with standard slider */
/* .hero-slider-background{
	background: url('images/herobackground.jpeg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 80vh;
}

.home-hero-slider .slick-track{
	position: relative;
	height: 80vh;
}

.home-hero-slider .slick-slide img {
	position: relative;
	top: 100%;
	transform: translateY(-100%);
	display: block;
	margin: 0 auto;
} */
/* End original slider */

.home-hero-slide{
	height: 75vh;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
}


/* Positioning Statement */
.positioning-statement-container .grid-container{
	position: relative;
}


.positioning-statement-container h1 span{
	color: white;
	padding: .25em;
	text-transform: uppercase;
	position: absolute;
	background: #C12A06;
	top: -135px;
	left: 0;
}

.blue-title-h3{
	color: #052254;
	font-family: "greycliff-cf",sans-serif;
	font-size: 4rem;
	text-transform: uppercase;
	text-align: center;
	line-height: 1em;
}
.positioning-statement-container{
	background: #052254;
	padding: 5em 0 5em 0;
	position: relative;
}

.positioning-statement-container:after{
	background: #052254;
	position: absolute;
	bottom: 0;
	content: '';
	display: block;
	height: 50%;
	left: 0;
	right: 0;
	transform: skewY(1.75deg);
	transform-origin: 0%;
	z-index: -1;
}

.positioning-statement-container h1{
	color: white;
	font-family: greycliff-cf,sans-serif;
}

.positioning-statement-container h1{
	font-size: 3.75em;
	font-size: 2.6rem;
	font-size: clamp(2.6rem, 2.37rem + 1.15vw, 3.75rem);
	line-height: 1em;
}

.positioning-statement-container h2{
	font-size: 2em;
	font-family: obvia, sans-serif;
	font-weight: 300;
	color: white;
	line-height: 1.2em;
}

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

.positioning-statement-container a{
	font-family: obvia, sans-serif;
	color: white;
	background: #C12A06;
	display: inline-block;
	padding: .25em 1.25em;
	border-radius: 40px;
	font-size: 1.4em;
	margin: 0 2em 0 0;
	transition: background .5s;
	margin: .5em .35em;
}

.positioning-statement-container a:hover{
	background: #941e02;
}


/* Sticky Post */

.sticky-post{
	padding: 0 0 6em 0;
}
.sticky-image img{
	border: 2px solid black;
	padding: 11px;
	border-radius: 190px 0 0 0;
	/* min-width: 500px; */
}

.sticky-image {
	text-align: center;
	padding: 0 2em;
}

.home-news-date{
	font-size: 1.5625rem;
	font-family: obvia, sans-serif;
	font-weight: 300;
	color: #0D2251;
	margin-bottom: 1.5625rem;
}

.sticky-content h2{
	font-family: greycliff-cf,sans-serif;
	font-weight: 500;
	font-size: 2.8125rem;
	color: #0D2251;
	line-height: 1.1em;
}

.sticky-excerpt{
	color: #0D2251;
	font-family: obvia, sans-serif;
	font-weight: 300;
	font-size: 1.75rem;

}
.sticky-content a{
	color: #C12A06;
	text-decoration: none;
	font-size: 1.75rem;
	text-transform: uppercase;
	font-family: obvia, sans-serif;
	font-weight: 500;
	transition: color .5s;
}

.sticky-content a:hover{
	color: #941e02;

}

.sticky-link {
	margin-top: 1em;
}

/* Home News */
.home-news img{
	border-radius: 20px;
	margin-bottom: 1.6em;
}

.home-news h3{
	font-family: greycliff-cf,sans-serif;
	font-weight: 500;
	font-size: 1.875rem;
	line-height: 1.1em;
	color: #0D2251;
}

.home-news a{
	color: #C12A06;
	text-decoration: none;
	font-size: 1.625rem;
	text-transform: uppercase;
	font-family: obvia, sans-serif;
	display: block;
	transition: color .5s;
}

.home-news a:hover{
	color: #941e02;
}

.more-news-button-container{
	margin-top: 1em;
	text-align: center;
}

a.more-news-button{
	font-size: 1.25em;
	font-weight: 700;
}







/* -----Upcoming Classes----- */

.classes-statement {
	padding-bottom: 3em;
}

.upcoming-classes-container{
	background: #052254;
	padding: 8em 0 0 0;
	margin-top: 3em;
	-webkit-clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 100%);
	background: url('images/e79a5a45.png'),
	repeating-linear-gradient(180deg, #002d66 0%, #0070b3 100%);
	background-position: center center;
	background-repeat: repeat;
	background-size: auto;
}

.classes-statement h3{
	color: white;
	font-family: obvia, sans-serif;
	font-size: 2rem;
	font-weight: 300;
}

.get-started-home-text h3{
	color: white;
	font-size: 3.5rem;
	font-weight: 700;
	padding: .5em 0;
}

.view-all-classes{
	font-size: 1.5em;
	margin-bottom: 1em;
	font-weight: 700 !important;
}

/* No Classes Avail */

.no-classes-avail{
	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}
.no-classes-avail h3{
	background: white;
	padding: 1.5em;
	font-family: obvia, sans-serif;
	color: #052254;
	text-align: center;
}




/* ----What Students Learn---- */

.what-students-learn-container{
	padding: 0 0 5em 0;
}

.students-learn-title, .happening-title{
	padding: 2em 0 .5em 0;
}

.home-learn-items{
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
		   justify-content: center;
	justify-content: center;
	text-align: center;
}

.home-learn-items .artboard {
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
		   justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;

	justify-content: center;
	align-items: center;
	display: flex;
	margin: 2em 0;
}

/* .card-side::after {
	content: '';
	width: 330px;
	height: 330px;
	position: absolute;
	border-radius: 50%;
	border: solid 2px #052254;
} */

.home-learn-items .card-container{
	flex: initial;
	  position: relative;
	  -moz-perspective: 200rem;
	  -webkit-perspective: 200rem;
	  perspective: 200rem;
	  height: 300px;
	  width: 300px;
}


.home-learn-items .card-side-front{
	color: white;
	font-family: obvia, sans-serif;
	position: relative;
	width: 300px;
	min-height: 300px;

	/* -moz-perspective: 200rem;
	perspective: 200rem; */
	border-radius: 50%;
	display: -webkit-box;
	   display: -ms-flexbox;
		-webkit-box-align: center;
			-ms-flex-align: center;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
}

.home-learn-items .card-side-back{
	background: #052254;
	color: white;
	font-family: obvia, sans-serif;
	position: relative;
	width: 300px;
	min-height: 300px;
	/* -moz-perspective: 200rem;
	perspective: 200rem; */
	border-radius: 50%;
	display: -webkit-box;
	   display: -ms-flexbox;
		-webkit-box-align: center;
			-ms-flex-align: center;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4em;
}

.home-learn-items .card-side{
	transition: all 0.8s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	  top: 0;
	  left: 0;
}

.home-learn-items .card-side-back{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);

}

.home-learn-items .card-container:hover .card-side-back {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
  cursor: pointer;
}

.home-learn-items .card-container:hover .card-side-front {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  cursor: pointer;
}






/* TEST CIRCLES */
/* ----What Students Learn---- */

.circle-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
}

.circle {
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  /* background-color: #f1f1f1; */
  perspective: 1000px;
  -webkit-perspective: 1000px; /* For iOS 12 */
}


.front::after, .back:after {
	content: '';
	width: 330px;
	height: 330px;
	position: absolute;
	border-radius: 50%;
	border: solid 3px #052254;
	top: -16px;
	  left: -16px;
}



.front, .back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; /* For iOS 12 */
  transition: transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s; /* For iOS 12 */
  display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	  font-family: obvia, sans-serif;
	  border-radius: 50%;
}

.front {
  transform: rotateY(0);
  -webkit-transform: rotateY(0); /* For iOS 12 */
  font-size: 1.6em;
}

.back {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg); /* For iOS 12 */
  background: #052254;
  font-size: 1.4em;
}

.circle:hover .front {
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg); /* For iOS 12 */
  cursor: pointer;
}

.circle:hover .back {
  transform: rotateY(0);
  -webkit-transform: rotateY(0); /* For iOS 12 */
  cursor: pointer;
}

/* TEST CIRCLES END */








/* Kids Bottom */
.classes-kids-bottom-image img{
	/* background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 650px; */
	width: 100%;
}

/* -----Our Rep---- */
.testimonial-container {
	padding: 2em 0;
}


.testimonial-container .grid-x {
	border-radius: 20px;
	overflow: hidden;
}


.rep-slider-containers{
	background: #9FA2AA;
}

.testimonial-slick-container{
	padding: 2.5em;
}

.rep-slider-item{
	background: white;
	padding: 1em;
	border-radius: 20px;
	margin: 1em;
}

.testimonial-title{
	color: white;
	font-size: 3.1rem;
	font-family: greycliff-cf,sans-serif;
}

.rep-slider-item{
	padding: 1.5em;
	font-family: obvia, sans-serif;
	color: #0D2251;
	font-size: 1.4rem;
}

.rep-slider-containers .slick-dots li button::before {
	font-size: 20px;
	color: white;
}


/* ---Our Vision or whatever goes here, cause ugh...--- */
.our-vision-container{
	padding: 6em 0;
}



.our-vision-container img{
	border-radius: 0 190px 0 0;
	border: solid 2px #0D2251;
	padding: .75em;
}

.vision-content{
	font-family: obvia, sans-serif;
	font-size: 1.4rem;
	color: #0D2251;
	font-weight: 300;
	padding-left: .5em;
}

/* Reach Kids */
.help-reach-kids-container h3{
	width: 100%;
}


/* -----Help Reach Kids---- */
.help-reach-kids-container{
	padding: 5em 0;
}

.help-reach-kids-container h3{
	font-size: 5rem;
	color: white;
	text-align: center;
	font-family: greycliff-cf,sans-serif;
}

.help-reach-kids-container a.pill-arrow-button{
	margin: 1em .5em;
	font-size: 1.2em;
	font-weight: 700;
	min-width: 260px;
	text-align: center;
}


.home-help-buttons-one{
	text-align: right;
}

.laptop-container{
	text-align: center;
	padding-top: 2em;
}

.laptop-sprite{
	position: relative;
	display: inline-block;
}

.start-button {
	background: #c12a06;
	position: absolute;
	top: 263px;
	left: 193px;
	z-index: 100;
	padding: .5em 1em;
	border-radius: 10px;
	color: white;
	font-family: greycliff-cf,sans-serif;
	font-size: 1.2em;
	transition: background .5s;
}

.start-button:hover{
	cursor: pointer;
	background: #981f02;
}

/* ===========================
====Classes And Camps Page====
=========================== */



.classes-camps-header{
	background: url('images/PageTitle-HeadlineBG.png'),
	repeating-linear-gradient(180deg, #002d66 0%, #0070b3 100%);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 330px;
	/* position: relative; */
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
	  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
	  margin-bottom: 3em;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  text-align: center;
}

.classes-camps-header h1{
	color: white;
	font-family: greycliff-cf,sans-serif;
	/* font-size: 5rem; */
	text-transform: uppercase;
	/* position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	  text-align: center; */
	  line-height: 1em;
	  margin: 0;
	  font-size: 2.5rem;
	  font-size: clamp(2.5rem, 2rem + 2.5vw, 5rem);
	  padding: 0 1em;
}

.classes-camps-header h2{
	color: white;
	font-family: greycliff-cf,sans-serif;
	font-size: 3rem;
	/* text-transform: uppercase; */
	  line-height: 1em;
	  margin: 0;

	  font-size: 1.5rem;
	  font-size: clamp(1.5rem, 1.2rem + 1.5vw, 3rem);
}

h2.event-type{
	font-family: obvia, sans-serif;
	color: #C12A06;
	font-size: 1.8em;
}

.classes-camps-header img{
	max-width: 450px;
	border-top-right-radius: 100px;
	border: solid 2px white;
	padding: .5em;
}

.classes-intro{
	padding-top: 4em;
	padding-bottom: 4em;
}

.classes-intro-image img{
	border-radius: 20px;
}

.classes-intro p{
	font-family: obvia, sans-serif;
	font-size: 1.4rem;
}

.classes-intro p a, .classes-intro p a:visited{
	color: #c12a06;
	text-decoration: underline;
	transition: color .75s;
}

.classes-intro p a:hover{
	color: #091F49;
}

.classes-grid-container{
	padding-bottom: 6em;
}

h2.classes-upcoming-title{
	color: #0D2251;
	font-size: 3.5rem;
	font-family: greycliff-cf,sans-serif;
	font-weight: 700;
	padding: .5em 0;
	text-align: center;
}

/* Classes Grid Items */
.class-grid-item{
	background: white;
	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.class-grid-interior{
	padding: 1.5em .5em 1.5em 2em;
}

.class-grid-meta{
	font-family: obvia, sans-serif;
	color: #0D2251;
	font-size: 1.45rem;
	line-height: 1.2em;
}

.grid-meta-date{
	color: #C12A06;
	font-size: 1.65rem;
	line-height: 1.8rem;
}

.class-grid-item h4{
	color: #0D2251;
	font-size: 2.1rem;
	font-family: greycliff-cf,sans-serif;
	line-height: 1.1em;
	padding: .5em 0;
}

.class-grid-bottom-container{
	display: flex;
	flex-direction: row;
	  flex-wrap: wrap;
	  width: 100%;
}

.class-grid-bottom-container > div{
	display: flex;
	  flex-direction: column;
	  flex-basis: 100%;
	  flex: 1;
	  justify-content: center;
	  align-items: center;
}

.class-grid-bottom-container a{
	width: 165px;
	  text-align: center;
	  margin: 1em 0;
}

/* .class-grid-buttons{
	border-left: dotted 2px #0D2251;
	padding: 0 0 0 1em;
} */

img.class-grid-featured-image{
	padding: 0 1em 0 0;
}

a.class-grid-learn-more{
	font-family: obvia, sans-serif;
	background: #0D2251;
	color: white;
	border-radius: 40px;
	padding: .5em;
	font-size: 1.2em;
}

a.class-grid-register-link{
	color: white;
	background: #C12A06;
	font-family: obvia, sans-serif;
	text-transform: uppercase;
	border: solid 2px #0D2251;
	padding: .5em 1.5em;
	border-radius: 40px;
	font-size: 1.2em;
}

.all-classes-container{
	padding-bottom: 4em;
}

.pill-arrow-button.view-all-classes {
	border: solid 2px white;
}


/* ===========================
=======Single Classes======
=========================== */

.class-featured-image-single{
	max-width: 380px;
	padding: 1em 0;
}

.single-class-container{
	border: solid 15px #9FA2AA;
	padding: 2.5em;
	background: white;
	position: relative;
	top: -300px;
}

h1.course-title-single {
	color: #0D2251;
	font-family: greycliff-cf,sans-serif;
	line-height: 1.1em;
}

.class-meta{
	color: #C12A06;
	font-family: obvia, sans-serif;
	font-size: 1.4rem;
}

.class-meta span{
	color: #0D2251;
}

.class-single-content{
	padding: 1.5em 0;
	font-size: 1.25rem;
}

/* .single-class-container .wp-post-image{
	padding-left: 1em;
} */

.class-single-register a{
	background: #C12A06;
	color: white;
	border-radius: 40px;
	padding: .5em 3em;
	border: solid 3px #0D2251;
	font-family: obvia, sans-serif;
	text-transform: uppercase;
	font-size: 1.2rem;
}

.back-to-classes{
	text-align: center;
	margin-top: -280px;
}

a.class-back-to-workshops{
	background: #C12A06;
	color: white;
	border-radius: 40px;
	padding: .5em 3em;
	font-family: obvia, sans-serif;
	text-transform: uppercase;
	font-size: 1.2rem;
	margin: 3em auto;
	display: inline-block;
	border: solid 3px transparent;
}

a.class-back-to-workshops:hover{
	border: solid 3px black;
}

/* ===========================
==============News==========
=========================== */

/* ======Archive===== */

/* Sticky */
.news-archive-container.sticky img{
	border-radius: 190px 0 0 0;
	border: solid 2px #0D2251;
	padding: 11px;
}

.news-archive-container{
	padding: 3em;
}

.news-archive-container img{
	border-radius: 20px;
}

h2.article-title{
	color: #0D2251;
	font-family: greycliff-cf,sans-serif;
	font-size: 2.8125rem;
	line-height: 1.1em;
}

.news-archive-container p{
	color: #0D2251;
	font-size: 1.6875rem;
	font-family: obvia, sans-serif;
	line-height: 1.4em;
}

.news-archive-container a{
	font-family: obvia, sans-serif;
	font-size: 1.625rem;
	color: #C12A06;
	font-weight: 500;
}

.news-archive-container a:hover{
	color: #0D2251;
}

.news-archive-container .archive-post-date{
	color: #0D2251;
	font-family: obvia, sans-serif;
	font-size: 1.5625rem;
	font-weight: 500;
	padding-bottom: .5em;
}

/* =====Single News Page===== */
.post-date-single{
	color: #C12A06;
	font-family: obvia, sans-serif;
	padding-bottom: 1em;
	font-size: 1.4em;
}




/* =====Navigation===== */
.news-post-navigation{
	text-align: center;
}

.news-post-navigation .pagination{
	display: inline-block;
}

.news-post-navigation .nav-links{
	display: flex;
}

.news-post-navigation .nav-links a{
	color: #C12A06;
	margin: 0 .3em;
	font-size: 1.2rem;
}

.news-post-navigation .pagination .current {
	background: #C12A06;
}

/* ===========================
==============Footer==========
=========================== */
footer a{
	color: #0D2251;
	text-decoration: underline;
}

footer a:hover{
	color: #C12A06;
}

.footer-copyright{
	padding: 0 0 1em 0;
	font-size: 1rem;
	color: #0D2251;
	font-family: obvia, sans-serif;
	font-weight: 300;
	text-align: center;
}

.footer-logo {
	width: 100%;
	text-align: center;
	padding: 3em 0 .75em 0;
}

.footer-logo img{
	max-width: 600px;
}
.site-footer{
	background: #ddddde;
	box-shadow: inset 0 7px 9px -7px rgba(0,0,0,1);
	margin-top: 7em;
	padding: 0 1em;
}

.home .site-footer {
	margin-top: 0em;
}

.footer-subscribe{
	font-family: greycliff-cf,sans-serif;
	color: #0D2251;
	text-align: center;
	font-size: 1.2rem;
}

.footer-subscribe span{
	color: #C12A06;
}

.footer-subscribe-form{
	text-align: center;
}

.footer-menu {
	text-align: center;
}

.footer-info{
	padding: 2em 0 1em 0;
	font-family: obvia, sans-serif;
	font-size: 1rem;
	font-weight: 300;
	color: #0D2251;
}

.footer-menu .menu{
	flex-direction: column;
}

.footer-social-icons{
	padding: 0 0 1em 0;
}

.footer-social-icons .cell{
	text-align: center;
}

.footer-social-icons i{
	font-size: 2.4rem;
	color: #D81D16;
	padding: .25em .35em;
	transition: transform 0.3s ease-in-out;
}

.footer-social-icons i:hover{
	transform: scale(1.5);
	animation: bounce 0.5s ease infinite alternate;
	cursor: pointer;
}

@keyframes bounce {
  to {
	transform: scale(1);
  }
}


.footer-menu a{
	color: #0D2251;
	text-decoration: underline;
	padding: .5em 0;
}

/* Constant Contact Form */
.ctct-form-field.ctct-form-field-text {
	width: 48%;
	display: inline-block;
	margin: 0 .25em;
}

.ctct-form-field.ctct-form-field-text label, .ctct-form-field.ctct-form-field-email.ctct-form-field-required label{
	font-weight: 300;
	font-size: 1rem;
	color: #0D2251;
}


.ctct-form-field.ctct-form-field-email.ctct-form-field-required {
	margin: 0 .5em;
}

.ctct-form-field.ctct-form-field-text input, .ctct-form-field.ctct-form-field-email.ctct-form-field-required input{
	font-weight: 300;
	font-size: 1rem;
	color: #0D2251;
	padding: .25em .75em;
}

.ctct-form-wrapper .ctct-submit {
	font-size: 1.1rem;
	color: white;
	background: #D81D16;
	border: none;
	border-radius: 20px;
	padding: .5em 1.2em;
}

.ctct-form-wrapper .ctct-submit:hover{
	background-color: rgba(216, 29, 22, 0.719);
}

.ctct-disclosure {
	display: none;
}

/* ==================
=======Staff/Board=======
====================
*/

.page-template-page-staff-board .cell{
	text-align: center;
}

.page-template-page-staff-board .grid-container{
	padding-top: 2em;
}

.staff-border{
	border: solid 1px #9FA2AA;
	border-radius: 20px;
	padding: 2em 3em;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.staff-name{
	color: #C12A06;
	font-family: greycliff-cf,sans-serif;
	font-size: 1.8em;
	margin: .5em 0 .35em 0;
}

.staff-title{
	color: #0D2251;
	font-family: obvia, sans-serif;
	font-size: 1.3em;
	font-weight: 300;
	padding: 0 0 1em 0;
}

.staff-image {
	border-radius: 20px;
}

a.staff-link{
	color: #0D2251;
	font-family: obvia, sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	margin-top: auto;
	background: #e7e7e7;
	border-radius: 20px;
	display: inline-block;
	padding: .25em;
	width: 150px;
	margin: 0 auto;
}

a.staff-link:visited{
	color: #0D2251;
}

a.staff-link:hover{
	color: #C12A06;
}




/* ==================================
===========FORMS==========
================================== */
.forminator-field h2{
	font-family: greycliff-cf,sans-serif;
	color: #0D2251;
	font-size: 1.75rem;
	font-weight: 700;
}

.forminator-radio .forminator-radio-bullet,
.forminator-checkbox .forminator-checkbox-box{
	border: solid 1px #C12A06 !important;
	border-radius: 0 !important;
}

.forminator-design--default .forminator-input, .forminator-design--default .forminator-textarea{
	border: none !important;
	border-bottom: solid 2px #0D2251 !important;
}

.forminator-design--default .forminator-label {
	font-family: greycliff-cf,sans-serif !important;
}

.forminator-button.forminator-button-submit {
	font-family: greycliff-cf,sans-serif !important;
	border-radius: 20px !important;
}



/* ==================================
===========MEDIA QUERIES==========
================================== */

/* Small only */
@media screen and (max-width: 39.9375em) {

	.sticky-image {
		padding-bottom: 2em;
	}

	.blue-title-h3 {
		font-size: 3rem;
	}

	.sticky-content h2{
		font-size: 2rem;
	}

	.sticky-excerpt {
		font-size: 1.5rem;
	}

	.sticky-content a {
		font-size: 1.4rem;
	}

	.home-news h3{
		font-size: 1.65rem;
		text-align: center;
	}

	.home-news a{
		font-size: 1.35rem;
		text-align: center;
	}

	.home-news-photo{
		width: 80%;
		margin: 0 auto;
	}

	.home-news-post {
		padding-bottom: 3em;
	}

	a.pill-arrow-button {
		margin: 1.5em auto;
	}

	h2.classes-upcoming-title {
		font-size: 3.5rem;
		line-height: 1em;
	}

	.class-grid-interior {
		padding: 1em .5em 1em .5em;
	}

	.class-grid-bottom-container {
		flex-direction: column;
	}

	.class-grid-bottom-container > div {
		flex-direction: column;
		padding-top: 1em;
	}

	.class-grid-buttons a{
		margin: .25em 0;
	}

	h2.testimonial-title {
		font-size: 2.8rem;
		margin: 0;
	}

	.rep-slider-item {
		padding: 1em;
		margin: 0 .25em .5em .25em;
	}

	.rep-slider-item {
		padding: 1em;
		font-size: 1.4rem;
		line-height: 1.3em;
		font-weight: 300;
	}

	.classes-kids-bottom-image{
		display: none;
	}

	.testimonial-slick-container {
		padding: .5em;
	}

	.our-vision-container .grid-x .cell.padding-right-3{
		padding: 0 1em 0 1em !important;
	}

	.our-vision-container {
		padding: 2em 0;
	}

	.our-vision-container img {
		margin-top: 1.5em;
	}

	.help-reach-kids-container h3 {
		font-size: 3.5rem;
		line-height: 1.2em;
	}

	.home-help-buttons-one, .home-help-buttons-two {
		text-align: center;
	}

	.laptop{
		display: none;
	}

	.home-hero-slide{
		height: 35vh;
	}

	.positioning-statement-container{
		padding: 4em 0 5em 0;
	}

	.positioning-statement-container h1 span{
		top: -106px;
	}

	.testimonial-title {
		text-align: center;
	}

	.rep-slider-containers {
		border-radius: 20px;
	}

	/* Interior */
	.classes-camps-header {
		height: 200px;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
		margin-bottom: 3em;
	}

	.circle-container {
		margin: 1.5em 0;
	}


	/* News Posts Archive */
	.news-archive-container.sticky img, .news-archive-container img{
		border-radius: 20px;
		margin-bottom: 1.5em;
	}

	.news-archive-container.sticky img {
		border-radius: 20px;
	}

	.news-archive-container {
		padding: 0em 0 2.5em 0;
	}

	h2.article-title {
		font-size: 2.25rem;
	}

	.news-archive-container p {
		font-size: 1.5rem;
	}

	/* Classe Section */
	.classes-intro-image img {
		margin-bottom: 1.5em;
	}

	.single-class-container .wp-post-image {
		padding: 1em 0;
	}

	.single-class-container{
		padding: 2em 1em;
	}

	.class-single-content {
		padding: 1em 0;
	}

	/* Classes */
	.no-classes-avail h3 {
		font-size: 1.6em;
	}
	
	/* Constant Contact Form */
	.ctct-form-field.ctct-form-field-text {
		width: 100%;
		display: block;
	}


}

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



}

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

	.sticky-image {
		padding: 0 15% 3em 15%;
	}

	.home-hero-slide{
		height: 55vh;
	}

	.testimonial-title {
		text-align: center;
	}

	h2.testimonial-title{
		margin: 0;
	}

	.testimonial-slick-container {
		padding: 1.5em;
	}

	.rep-slider-item {
		margin: .5em 1em 1em 1em;
	}

	.rep-slider-containers {
		border-radius: 20px;
	}

	.help-reach-kids-container h3 {
		font-size: 4rem;
	}

	/* Interior */
	.classes-camps-header {
		height: 250px;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
		margin-bottom: 3em;
	}

	/* News Posts Archive */
	.news-archive-container.sticky img, .news-archive-container img{
		border-radius: 20px;
		margin-bottom: 1.5em;
	}

	.news-archive-container.sticky img {
		border-radius: 20px;
	}

}

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

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


/* For Home Page 'What Students Learn' */



@media screen and (min-width: 781px) and (max-width:1040px) {
	/* .card-side::after {
		width: 250px;
		height: 250px;
	} */

	.circle{
	  	height: 220px;
	  	width: 220px;
	}

	.front::after, .back:after {
		width: 250px;
		height: 250px;
		top: -16px;
		left: -16px;
	}


	/* .home-learn-items .card-side-front{
		width: 220px;
		min-height: 220px;
	} */

	.back{
		font-size: 1rem;
	}

}


@media screen and (max-width:780px) {
	/* .card-side::after {
		width: 190px;
		height: 190px;
	} */

	.circle{
		  height: 160px;
		  width: 160px;
	}

	.front::after, .back:after {
		width: 190px;
		height: 190px;
		top: -16px;
		left: -16px;
	}

/*
	.home-learn-items .card-side-front{
		width: 160px;
		min-height: 160px;
	} */

	.back{
		font-size: .8rem;
	}

}


@media screen and (max-width:639px) {
	/* .card-side::after {
		width: 310px;
		height: 310px;
	} */

	.circle{
		  height: 290px;
		  width: 290px;
	}

	.front::after, .back:after {
		width: 310px;
		height: 310px;
		top: -10px;
		left: -10px;
	}


	/* .home-learn-items .card-side-front{
		width: 290px;
		min-height: 290px;
		font-size: 2.6rem;
	} */

	.back{
		font-size: 1.4rem;
	}

}