.HeadingH1 {

    font-family: 'Fredoka One', cursive;

  font-size: 60px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--sand-1);

}

.HeadingH1-Alt {

    font-family: 'Fredoka One', cursive;

  font-size: 60px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--navy-1);

}

.HeadingH1-Centered {

    font-family: 'Fredoka One', cursive;

  font-size: 60px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  text-align: center;

  color: var(--sand-1);

}

.HeadingH2 {

    font-family: 'Fredoka One', cursive;

  font-size: 40px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  color: var(--navy-1);

}

.HeadingH2-Centered {

    font-family: 'Fredoka One', cursive;

  font-size: 40px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: normal;

  letter-spacing: normal;

  text-align: center;

  color: var(--navy-1);

}

.HeadingH3 {

    font-family: 'Fredoka One', cursive;

  font-size: 30px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.13;

  letter-spacing: normal;

  color: var(--navy-1);

}

.HeadingH3-Centered {

    font-family: 'Fredoka One', cursive;

  font-size: 30px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.13;

  letter-spacing: normal;

  text-align: center;

  color: var(--navy-1);

}

.HeadingH4 {

    font-family: 'Nunito Sans', sans-serif;

  font-size: 26px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.15;

  letter-spacing: normal;

  color: var(--navy-1);

}

.HeadingH4-Centered {

    font-family: 'Nunito Sans', sans-serif;

  font-size: 26px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.15;

  letter-spacing: normal;

  text-align: center;

  color: var(--navy-1);

}

.HeadingH5 {

    font-family: 'Nunito Sans', sans-serif;

  font-size: 22px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.36;

  letter-spacing: normal;

  color: var(--navy-1);

}

.Paragraph-1 {

    font-family: 'Nunito Sans', "Helvetica Neue", sans-serif;

  font-size: 22px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.36;

  letter-spacing: normal;

  color: var(--navy-1);

}

.Paragraph-1-Centered {

    font-family: 'Nunito Sans', "Helvetica Neue", sans-serif;

  font-size: 22px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.36;

  letter-spacing: normal;

  text-align: center;

  color: var(--navy-1);

}

.Button-Text {

    font-family: 'Nunito Sans', sans-serif;

  font-size: 18px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.33;

  letter-spacing: 0.82px;

  text-align: center;

  color: var(--navy-1);

}

.Button-Text-2 {

    font-family: 'Nunito Sans', sans-serif;

  font-size: 18px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.33;

  letter-spacing: 0.82px;

  color: var(--navy-1);

}

.Paragraph-2 {

    font-family: 'Nunito Sans', "Helvetica Neue", sans-serif;

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.44;

  letter-spacing: normal;

  color: var(--navy-1);

}

body {

    font-family: 'Nunito Sans', sans-serif;

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.25;

  letter-spacing: normal;

  color: var(--navy-1);

}

:root {

  --light-green-2: #79b663;

  --light-green-1: #a1cb3a;

  --mid-green-dark: #5da949;

  --gold-1: #ffc119;

  --orange-1: #f9a21e;

  --salmon-red: #f16071;

  --navy-1: #153d5f;

  --darker-red: #d74d5d;

  --burnt-gold: #d08329;

  --light-blue-2: #36c9e8;

  --light-blue-1: #59d4ee;

  --navy-30-shadow: rgba(21, 61, 95, 0.3);

  --light-blue-3: #26bbd9;

  --pink-1: #ff8290;

  --sand-2: #eed8ca;

  --sand-1: #ffe8d9;

}


/* menu */

.menu-container {
	background: #36c9e8;
	position: absolute;
	right: -100%;
	width: 100%;
	height: auto;
	z-index: 10001;
	overflow: auto;
	-webkit-transition: right 1s;
	-o-transition: right 1s;
	transition: right 1s;
	position: fixed;
	border-bottom-left-radius: 27px;
	border-bottom-right-radius: 27px;
}

body {
	position: relative;
  background: #153d5f;
/*   background: url(https://challenge-island.com/wp-content/uploads/2024/02/challenge-island-tile@2x.png); */
/*   background-size: 70%; */
}

body.open .menu-container {
	right: 0;
}

#page {
	right: 0;
	-webkit-transition: right 1s;
	-o-transition: right 1s;
	transition: right 1s;
}

.side-nav-open-container {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10000;
	opacity: 0.8;
}
body.open .side-nav-open-container  {
display: block;
}



.menu-container .menu {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
}

.menu-container .sub-menu  {
	position: static;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
}

.menu-container .menu i {
	float: right;
	cursor: pointer;
	line-height: 0;
	top: -30px;
	right: 20px;
	position: relative;
	color: #14315a;
	//width: 30px;
	//height: 0px;
	//padding: 20px;
	padding: 30px;
	position: absolute;
	//right: 16px;
	right: 0;
	//top: 10px;
	top: 0;
}

.menu-container .main-navigation ul li:hover > i {
	color: #fff;
}


.menucloseword {
	font-family: 'Roboto Condensed', sans-serif;
}
.menu-toggle .fa.fa-times{
	margin-top: 34px;
}
#page .menu-toggle .fa.fa-bars, .menu-toggle .fa.fa-times{
	margin-left: 10px;
}

.menu-toggle {
	padding: 0;
	background: none;
	border: 0;
	margin-left: 10px;
	margin-top: 0px;
	//color: #fff;
	color: #14315a;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	font-family: 'Fjalla One', sans-serif;
	display: block;
	cursor: pointer;
}

/*
.menu-main-menu-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
*/

.menu-container .menu-main-menu-container {
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

.menu-container ul#primary-menu {
	margin-top: 17px;
	margin-bottom: 46px;
}
.menu-toggle li.current_page_item a, .main-navigation li.current_page_item a, .main-navigation li.current_page_item a, .main-navigation li a {
  padding: 15px 16px 14px;
  border-radius: 12px;
}
.menu-toggle li.current_page_item a:hover, .main-navigation li.current_page_item a, .main-navigation li.current_page_item a:hover, .main-navigation li a:hover, .main-navigation li.parent-login a, .main-navigation li.headerbutton a {
	background: #59d4ee !important;
  padding: 15px 16px 14px;
  border-radius: 12px;
}

.main-navigation a:hover, .main-navigation .current_page_item a {
	//color: #fff;
}

.menu-container .main-navigation a {
	//padding: 17px 17px;
	color: #153d5f;
}

.menu-container .main-navigation ul.sub-menu a {
	//background: #8dc63f;
	//color: #fff;
	float: left;
	//font-weight: 700;
	//text-shadow: 0px 1px 1px rgba(78, 119, 21, 1);
	width: 100%;
}

.menu-container .main-navigation {
	display: block;
}

@media screen and (min-width: 880.5px){
	#page .menu-toggle {
		display: none;
	}

}

@media screen and (max-width: 880px){
	#page .menu-main-menu-container {
		display: none;
	}
}

.menu-toggle {
	margin-left: auto;
	margin-right: 15px;
}

/* menu end */

.has-bg-blue1 {
	background-color: #59d4ee;
}

.has-bg-blue2 {
	background-color: #36c9e8;
}

.has-bg-blue3 {
	background-color: #26bbd9;
}

.has-bg-blue4 {
	background-color: #42b3ca;

}
.has-bg-green1 {
	background-color: #a1cb3a;
}

.has-bg-green2 {
	background-color: #79b663;
}

.has-bg-green3 {
	background-color: #b3d462;
}

.has-bg-gold {
	background-color: #ffc119;
}

.has-bg-orange {
	background-color: #f9a21e;
}

.has-bg-pink {
	background-color: #ff8290;
}
.has-bg-sand{
	background: #eed8ca;
}

.site-main {
	background-size: cover;
	background-position: center;
}

/* GLOBAL */
#page.site{
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
}
/* HEADER */
.site-header{
	width: 100%;
	max-width: 1280px;
	background-color: var(--sand-1);
	padding: 0 0 7px;
	
}
.headercontainer{
	width: 100%;
	max-width: 1280px;
	height: 87px;
	background-color: #36c9e8;
	border-radius: 0 0 27px 27px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 17px 0 27px;
}
p.site-title, p.site-description{
	display: none;
}
.site-branding{
	width: 115px;
	height: 114px;
}


/* PROMO BOXES */
#promo-boxes{
  display: flex;
  justify-content: center;
}
.promo-boxes-inner {
	display: flex;
  gap: 37px;
  padding-bottom: 111px;
}
.boxshadow{
	width: 256px;
	height: 286px;
	margin: 13px 0 0;
	background-color: rgba(21,61,95,.3);
  
}
.promo-boxes-item, .boxshadow{
  border-radius: 27px;
}
.promo-boxes-item{
	text-align: center;
	padding: 23px 0 15px;
	height: 266px;
}
.promo-boxes-item a { 
   text-decoration: none;
}
.promo-boxes-item a h3 {
    font-family: 'Nunito Sans', sans-serif;
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal;
  text-align: center;
  color: var(--navy-1);
  margin: 13px 0 8px;
}
/* BOOK A PROGRAM */
#bookaprogram{
  max-width: 1120px;
  width: 100%;
  height: 148px;
  object-fit: contain;
  position: relative;
}

.gform_wrapper.gravity-theme .gfield select {
	height: 71px;
	border: none;
	border-radius: 16px;
	background-color: #59d4ee;
	color: #153d5f;
	font-family: "Nunito", "Helvetica Neue", sans-serif;
	font-size: 24px;
	font-weight: bold;
}

.gform_wrapper.gravity-theme .gfield select option {
	font-size: 18px;
	color: #153d5f;
	font-weight: normal;
	border: none;
	border-radius: 16px;
}

.our-misson-list{
	font-size: 30px;
	line-height:36px;
}

.gform_wrapper.gravity-theme .gfield input[type="checkbox"], .gform_wrapper.gravity-theme .gfield input[type="radio"] {
	height: auto;
}

#all-programs .accent-small {
	border-radius: 0;
}

h1 {
	text-shadow: 4px 6px 0px var(--navy-1);
}

a:focus {
	outline: 0;
}

.btn-auto {
	height: auto;
}

.left-align {
	text-align: left;
}

@media screen and (max-width: 880px){
	#slider-section .slider-item .slider-item-right {
		display: none;
	}
	
	#slider-section {
		padding: 20px;
	}
	
	#slider-section .slider-item .slider-item-left {
		width: 100%;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}


li.register a, li.has-bg-pink {
	background: #ff8290;
	border-radius: 12px;
	color: #fff;
}
li.register:hover a, li:hover.has-bg-pink a{
	color:var(--navy-1);
	background: #FF4890 !important;
}
li.has-bg-gold {
	color:var(--gold-1);
	border-radius: 12px;
	color: #fff;
}
li:hover.has-bg-gold a{
	background: #f9a21e !important;
}
.menu-container .main-navigation li {
	margin-right: 0;
	margin-bottom: 10px;
}

.error-404 {
	padding-top: 100px;
	padding-bottom: 100px;
}


.main-navigation ul.mobile-button {
	display: none;
	margin-right: 10px;
}

@media screen and (max-width: 880px){
#page .main-navigation {
	display: flex;
}

.main-navigation ul.mobile-button {
	display: block;
}
}


.contact-hero-inner a:hover .contact-hero-button {
	 //background-color: #6aaf51;
	 background-color: #93bd2e;
 }

.gform_wrapper input[type="file"] {
	padding: 20px;
}