/*
Theme Name: Camp Keff
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 2.0.2.1
Author: Ian Israel
Template: enfold
*/


/******************************************************************************************************************************************************************
This whole sheet is being noted out for 2021 and then styles are to be reactivated as needed.
******************************************************************************************************************************************************************/

/*
@import url("https://use.typekit.net/npc7vhp.css");

@import url("https://use.typekit.net/ktd5uxz.css");

@import url("https://use.typekit.net/tvd0gxb.css"); 
*/

/*Ian's Adobe Font Project (Camp Keff)*/
@import url("https://use.typekit.net/yuj0wck.css");

/*
@font-face {
font-family: 'sourcepro';
font-style: normal;
font-weight: normal;
src: local('sourcepro'), url('fonts/sourcecodepro.woff') format('woff');
}


@font-face {
font-family: 'Hand Of Sean';
font-style: normal;
font-weight: normal;
src: local('Hand Of Sean'), url('fonts/handsean.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('fonts/MYRIADPRO-REGULAR.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed'), url('fonts/MYRIADPRO-COND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold Italic'), url('fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed Italic'), url('fonts/MYRIADPRO-CONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Italic'), url('fonts/MYRIADPRO-BOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed Italic'), url('fonts/MYRIADPRO-BOLDCONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed'), url('fonts/MYRIADPRO-BOLDCOND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold'), url('fonts/MYRIADPRO-BOLD.woff') format('woff');
}



@font-face {
    font-family: 'akaaka';
    src: url('fonts/aka-webfont.eot');
    src: url('fonts/aka-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aka-webfont.woff2') format('woff2'),
         url('fonts/aka-webfont.woff') format('woff'),
         url('fonts/aka-webfont.ttf') format('truetype'),
         url('fonts/aka-webfont.svg#akaaka') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family: 'Star Jedi';
font-style: normal;
font-weight: normal;
src: local('Star Jedi'), url('fonts/starjedi-webfont.woff') format('woff');
}

    
@font-face {
font-family: 'Capture It';
font-style: normal;
font-weight: normal;
src: local('Capture It'), url('fonts/captureit2-webfont.woff') format('woff');
}

@font-face {
font-family: 'Borders';
font-style: normal;
font-weight: normal;
src: local('Borders'), url('fonts/bordersdivide-webfont.woff') format('woff');
}
*/

/* Global Styles */
h1, h2, h3, h4, h5, h6{
font-family: ratio;
}

h3.reg-intro {
	font-size: 28px;
}

p {
	line-height: 1.4em!important;
}

.large-p p {
	font-size: 22px;
	line-height: 1.2em;
}

sup { 
	vertical-align: top; 
	font-size: 0.6em; 
	position: relative; 
	top: -0.5em; 
}

.testimonial {
  text-align: center;
  font-size: 22px;
}

.no-break {
	white-space: nowrap;
}

/* Seasonal Camp Tiles */
/*
.seasonal-tiles {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 2.25em;
margin: 0;
}

.seasonal-camp {
	border: 2px solid #26245c!important;
	border-radius: 20px;
	padding: 20px;
}
*/

/* Blue Buttons */
/*
.btn-container {
  text-align: center;
  margin: 20px 0;
}

.btn-container a {
    text-decoration: none;
}

.blue-btn, a .blue-btn {
  background-color: #008da8;
  border: 2px solid #008da8!important;
  color: white!important;
  border-radius: 30px;
  padding: 10px 20px;
  transition: color 600ms, background-color 600ms;
  box-shadow: 1px 1px 2px #707070;
  font-size: 1.5em;
  text-decoration: none;
}

a:focus, a:visited{
	text-decoration: none;
}

.blue-btn:active {
  box-shadow: none;
  text-decoration: none!important;
}

.blue-btn:hover, a .blue-btn:hover {
  background-color: transparent;
  color: #008da8!important;
  cursor: pointer;
  text-decoration: none!important;
}
*/

/* *********************For Meal Selection Form ************/
/*
.gform_wrapper table.gfield_list td, .gform_wrapper table.gfield_list th{
    width: 20%!important;
}
*/

/*.meal-days {
    width: 20%;
    display: inline-block!important;
}*/


/* ***************************************** Main Menu ******************************************************************************* */
#top .av_inherit_color * {
color: #12115d;
}

#main {
	box-shadow: 1px 1px 1px 2px #F8F8F8;
}

.menu-item > a {
	font-family: ratio!important;	
}

/*code for removing the border along menu bar added 12/20/17*/
.main_color{ 
	border-color: #e1e1e100;
}

/* To remove divider between menu and social icons */
.avia-menu.av_menu_icon_beside {
    border: none; 
}

/* section of code noted out on 12/16/18 by II to test what is in use, look like old styles */
/*
.textwidget {text-align:left;}
.textwidget img{width:50%;}
#menu-sidebar-menu {line-height:60%;}

.avia_iconbox_title{
    font-family: 'Myriad Pro Bold'!important;text-transform:uppercase;color:#111;}
	
	
.smooth_slider {margin:0 auto;min-height:150px!important;}
#smooth_slider_2 > div.smooth_sliderb > div > h2 > a {color:#008da8!important;}
.slider_thumbnail {border:1px solid #fff!important;}
.widget {text-align:left;}


.ls-l{text-shadow: 1px 1px 3px rgba(150, 150, 150, 1)!important;}
#top #wrap_all .social_bookmarks_yelp:hover a {background-color:#a72b1d;color:#fff;}

#after_layer_slider_1 > div > div > div > div > div.flex_column.av_one_half.first.avia-builder-el-9.el_after_av_hr.el_before_av_one_half > div.hr.hr-invisible.avia-builder-el-11.el_after_av_heading.el_before_av_sidebar {height:60px!important;}
#after_layer_slider_1 > div > div > div > div > div.flex_column.av_one_half.avia-builder-el-13.el_after_av_one_half.el_before_av_one_fourth > div.hr.hr-invisible.avia-builder-el-15.el_after_av_heading.el_before_av_codeblock{height:60px!important;}

#input_1_3 , #input_1_2 {border:1px solid #ddd!important;}

#gform_submit_button_1 {background-color:#83a83d!important;}
*/

/*.gfield_label {display:none!important;}*/

/*
#footer .widget {margin-bottom:0px!important;}
.avia-promocontent h2 {font-size:20px!important;}
#input_1_4_6_container > label {display:none!important;}
#input_1_4_3_container > label {display:none!important;}
#input_1_4_3, #input_1_4_6 , #input_1_6 {border:1px solid #eee!important; width:100%!important; min-width:180px!important; float:left!important; }
.flex_column av_one_fifth > #gform_widget-2 > #gform_wrapper_1 > #gform_1 > .gform_body > #gform_fields_1 > #field_1_4 > #input_1_4 > #input_1_4_3_container > #input_1_4_3 {width:180px!important;}
.flex_column av_one_fifth > #gform_widget-2 > #gform_wrapper_1 > #gform_1 > .gform_body > #gform_fields_1 > #field_1_4 > #input_1_4 > #input_1_4_6_container > #input_1_4_6 {width:180px!important;}
*/

/* General */
/*
.main_color {
	border: none;
}
*/

/* *********************** Tool Tip ******************************** */
/*
.tooltip {
  position: relative;
  background-color: rgba(0,0,0,0.3);
  padding: 5px;
  border-radius: 100%;
  cursor: help;
}

.tooltip::before, .tooltip:after {
  position: absolute;
  left: 50%;
}

.tooltip::after{
  content: attr(data-tooltip);
  background-color: rgba(0,0,0,0.3);
  border: 2px solid rgba(0,0,0,0.3) transparent transparent transparent;
}
*/

/* *********************** Today At Camp ******************************** */
/*
.campresult {
    
}

#resulttable {border: "0" solid black;vertical-align: bottom;}
#resulttable tr {border: "0";vertical-align: bottom;}
#resulttable td {border: "0";vertical-align: top;}

.nohover { border: none;}

#right.widget-area {
    padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*/



/*all code below this line added 12/20/17*/



/*code for sub menu buttons added 12/20/17*/
/*
#top .av-subnav-menu li a {
	padding: 10px;
	color: #ffffff;
	background-color: #008da8;
	border-radius: 5px;
	width: 290px!important;
	text-align: center;
	font-size: 16px!important;
	font-weight: bold;
	margin-right: 20px;
}
*/

/*Tab section style added 12/21/17*/
/*
div .main_color .tabcontainer .active_tab_content { 
background-color: white; 
opacity:1; 
}
 div .main_color .tabcontainer .active_tab { 
background-color: #ffd400!important; 
opacity: 1!important; 
color: #e1261c!important; 
font-size: 18px!important;
}

.tab {
color: black!important;
font-size: 1vw!important;
}

.main_color .tabcontainer .tab { 
background-color: white; 
opacity: .75; font-size: 18px!important; 
}

.main_color .tab_content p, .main_color .tab_content strong, .main_color .tab_content li{
color: #26245c;
}

.main_color .tab_content h3{
font-family:houschka-rounded!important;
color: #008ca8!important;
}
*/

/*style for pagination buttons 12/21/17*/
/*
.pagination a {
	background-color: #008da8!important;
	color: white!important; 
	font-weight: bold;
}
*/

/*removes the default green circle and white arrow icon on image hover, added 12/21/17*/
/*
span.image-overlay-inside:before {
    display: none;
}
*/




/*style for Summer Camp Page Template added 12/23/17*/
/*
.entry-content-wrapper .post-title {
      pointer-events: none;
}
*/

/*custom sidebar style added 1/1/18*/
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
    margin-right: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #008da8; 
    border-radius: 10px;
    box-shadow: inset 0 0 7px black;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #0a72bf; 
}


/* Hand of Sean Heading Removed on 1/2/18 to make all headings Montserrat in theme-Advanced styling*/
/*
p{
    font-family: 'Myriad Pro Regular'!important;
}

#activate-page > p {display:none;}
#activate-page > .bp-template-notice{display:none!important;}
.error p {display:block!important;}
.sidebar-button  {float:none!important;}
#input_1_4_3 ,#input_1_4_6, #input_1_6{background-color:#eee!important;}
.orange {font-family: 'Hand Of Sean'!important;color:#ff9000!important;}
.phone-link a,
.phone-link a:link,
.phone-link a:visited,
.phone-link a:hover,
.phone-link a:active,
.phone-link a:focus {
    color: white;
}
.teen {font-family: 'Capture It'!important;color:#ff9000!important;}
.ece{font-family: 'Borders'!important;color:#ff9000!important;}

.button2 {
    background-color: #ffffff;
    border-color: #008da8;
    border-radius: 6px;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 40px;
    margin: 4px 2px;
    cursor: pointer;
font-family: 'Borders'!important;
color:#ff9000;
}
.button2:hover {
    background-color: #008da8;
    font-family: 'Borders'!important;
    color: #ffffff;
}
.button4 {
    background-color: #502d81;
    border-color: #000000;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    font-family: 'Myriad Pro Regular'!important;
    font-weight: bold;
    color: white;
    float: left;
}
.button4:hover {
    background-color: #500380;
}
.button6 {
    background-color: #f15924;
    border-color: #000000;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    font-family: 'Myriad Pro Regular'!important;
    font-weight: bold;
    color: white;
    float: left;
}
.button6:hover {
    background-color: #cb5924;
}
#top .avia-post-nav { display: none; }
*/






/*button style for today at camp in menu added 1/2/18 and noted out on 3/21/18
#menu-item-16059 span.avia-menu-text {
    color: #ffffff!important;
background-color: #f37023!important;
border-radius: 15px;
padding: 5px 10px;
}
*/
/*button style for phone number in menu added 1/2/18 and noted out on 3/21/18
#menu-item-23851 span.avia-menu-text {
border: 2px solid;
padding: 5px 10px;
cursor: default;
}
*/
/*class set for Early Bird Discount added 1/8/18*/
/*
.eb{
color:#008da8!important;
font-style: italic;
}
*/

/*set up for caption on staff photos so caption at bottom added 1/27/18 */
/*
.av-image-caption-overlay-center {
vertical-align: bottom !important;
}*/

/*sub menu width style added 1/27/18, though I don't really like it so I noted it out
#top #sub_menu1 .container {
    max-width: 1180px;
}
*/

/* makes tab headers blue*/
/*
.main_color strong{
	color:#008ca8
}
*/

/* ************************************************************** New Code For 2019 Starting 12/3/18  by II ********************************************************************************* */
/*
#gform_save_6_link:hover{
color: darkgrey;
text-decoration: none;
}
*/

/* Adjust width of staff bio form submit button*/
/*
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
    width: 250px!important;
}
*/

/*grid background for blue section on home page */
/*
#homebackgrid {
    background-size: 80px 80px;
    background-image: 
        linear-gradient(90deg, white 2px, transparent 1px), 
        repeating-linear-gradient(90deg, white, white 1px, transparent 1px, transparent 33.3%), 
        linear-gradient(180deg, white 2px, transparent 1px),
        repeating-linear-gradient(180deg, white, white 1px, transparent 1px, transparent 33.3%), 
        repeating-linear-gradient(135deg, white, white 1px, transparent 1px, transparent 16.65%),
        repeating-linear-gradient(45deg, white, white 1px, transparent 1px, transparent 16.65%);
}*/

/*TESTs for grid background for blue section on home page, will be removed after a pattern is chosen. */
/*
#homebackgridtwo {
    background-size: 40px 40px;
    background-image: 
        linear-gradient(to right, white 1px, transparent 1px), 
        linear-gradient(to bottom, white 1px, transparent 1px);
}

#homebackgridthree {
    background-size: 100px 100px;
    background-image: 
        linear-gradient(90deg, white 2px, transparent 1px), 
        repeating-linear-gradient(90deg, white, white 1px, transparent 1px, transparent 50%), 
        linear-gradient(180deg, white 2px, transparent 1px),
        repeating-linear-gradient(180deg, white, white 1px, transparent 1px, transparent 50%), 
        repeating-linear-gradient(135deg, white, white 1px, transparent 1px, transparent 25%),
        repeating-linear-gradient(45deg, white, white 1px, transparent 1px, transparent 25%);
}

#homebackgridfour {
    background-image: 
        repeating-linear-gradient(45deg, rgba(255,255,255,0.2) 50px, transparent 100px),
        repeating-linear-gradient(-45deg, rgba(255,255,255,0.2) 50px, transparent 100px);
}

#homebackgridfive {
    background-size: 150px 150px;
    background-image: 
        radial-gradient(circle, rgba(255,255,255,0.05) 80px, transparent 2.5px),
        repeating-linear-gradient(45deg, rgba(255,255,255,0.1) 1px, transparent 3px),
        linear-gradient(to bottom, rgba(255,255,255,0.5) 1px, transparent 0),  
        linear-gradient(to bottom, rgba(255,255,255,0.3) 1.5px, transparent 0),
        linear-gradient(to bottom, rgba(255,255,255,0.2) 1px, transparent 0),
        linear-gradient(to right, rgba(255,255,255,0.5) 1px, transparent 0), 
        linear-gradient(to right, rgba(255,255,255,0.3) 1px, transparent 0),
        linear-gradient(to right, rgba(255,255,255,0.2) 1px, transparent 0);
    background-position:
    0 0, 
    0 0,
    0 0, 
    0 -7px,
    0 20px, 
    0 0, 
    10px 0,
    -5px 0;  
}
*/

/* ****Featured Camp Slider ****** */
.slide-container{
    width: 75%;
    margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
.slide-container{
    width: 100%;
    margin: 0 auto;
}

.ls-fullwidth .ls-bottom-slidebuttons{
    bottom: -30px;
}

}

/* ****Seasonal Camp Page Heading Color ***** */
/*
.page-id-31070 p, .page-id-34762 p{
color: #26245c!important;
}

.page-id-31070 h1, .page-id-34762 h1{
color: #26245c!important;
}

.page-id-31070 h2, .page-id-34762 h2{
color: #26245c!important;
}

.page-id-31070 h3, .page-id-34762 h3{
color: #26245c!important;
}

.page-id-31070 h4, .page-id-34762 h4{
color: #26245c!important;
}

.page-id-31070 h5, .page-id-34762 h5{
color: #26245c!important;
}

.page-id-31070 h6, .page-id-34762 h6{
color: #26245c!important;
}
*/

/* ********** Contact Form Font Color ********** */
/*
fieldset h3{
color: #008da8!important;
}

#ajaxresponse_1 h3{
color: #008da8!important;
}

h1, h2, h3, h4, h5, h6{
font-family: ratio;
}

.single_toggle{
background-color: aliceblue;
}
*/

/* Set For Mobile Media Query*/
/* only show phone number in main nav on mobile */
/*
@media only screen and (min-width: 480px) {
    #menu-item-23851{
    display: none;
    }
}
*/
/* ******** Footer Logos and Medals ********* */
.foot-logo-wrap{
display: flex;
width: 100%;
margin-top:20px;
}

.foot-logo{
width:70%; 
text-align: center;
font-size: .7em;
line-height: 1.2em;
margin: 0 auto;
}

.foot-aca{
display: inline-block;
font-size: .55em;
line-height: 1.5em;
color:black;
}

#footer .widget{
margin: 0;
}

/* ******** Register NOW! Buttons ********************* */
/*
@media only screen and (max-width: 480px) {
.ii-reg-but-inner{
width: 80%!important;
}
}

.ii-reg-but-cont{
text-align: center;
background-color: transparent!important;
}

.ii-reg-but-cont a{
text-decoration:none;
}

.ii-reg-but-inner{
width: 25%;
margin: 0 auto!important;
background-color: transparent!important;
}

.ii-reg-but{
border: 2px solid #f26739!important;
border-radius: 20px;
background-color: white;
font-family: ratio, sans-serif;
font-size: 1.2em;
font-weight: 600;
padding: 10px 0;
margin: 0 auto;
cursor: pointer;
box-shadow: 1px 2px 5px black;
color: #008da8;
}

.ii-reg-but:hover{
background-color: #f26739;
color: white;
}

.ii-reg-but:active{
transform: translateY(3px);
box-shadow: 1px 1px 1px black;
font-size: 1.18em;
}
*/


/* ******** Reg Buttons ************** */
/*
.keff-reg-but{
border-radius: 20px;
border:3px solid #f26739;
background-color: white;
text-align: center;
box-shadow: 1px 1px 4px black;
font-family: ratio, sans-serif;
vertical-align: middle;
color: #008da8;
width: 50%;
padding: 10px;
cursor:pointer;
}

.keff-reg-but-cont{
text-align: center;
margin: 0 auto;
}

.keff-reg-but-cont a{
text-decoration: none;
}
*/

/* ******** Sub Page Text Blocks ************ */
/*
.text-block{
background-color: white;
padding: 20px;
}

.text-block h2, .text-block h4{
color: #008da8!important;

}
*/

/* ******** Keff Home Intro ********* */
/*
@media only screen and (max-width: 1024px) {
.keff-wrap{
flex-direction: column;
}
.keff-intro, .keff-home{
width: 100%!important;
}
}

@media only screen and (max-width: 480px) {
.keff-home h3{
font-size: 3.3em!important;
}

.keff-home h1{
font-size: 7.5em!important;
}

.keff-head h1{
font-size: 1.3em!important;
}

.keff-head h2{
font-size: .9em!important;
}

.keff-head-ece, .keff-head-k6, .keff-head-teen {
font-size: .5em!important;
}
}

.keff-wrap{
margin-top: 40px;
display: flex;
width: 100%;
}

.keff-intro, .keff-home{
margin: 10px;
display: inline-block;
width: 49%;
}

.keff-intro h2{
color: #008da8!important;
font-family: ratio!important;
font-size: 2.2em;
}

.keff-intro p{
color: #008da8!important;
font-family: 'Myriad Pro Regular'!important;
font-size: 1em;
}

.keff-home h1{
color: #008da8!important;
font-family: ratio!important;
font-size: 8em;
transition: transform 1.5s ease-in;
}

.keff-home:hover h1{
color: #008da8!important;
font-family: ratio!important;
font-size: 8em;
transform: rotate(720deg)
}

.keff-home h2{
color: #008da8!important;
font-family: ratio!important;
font-size: 5em;
}

.keff-home h3{
color: white!important;
font-family: ratio!important;
font-size: 4em;
background-color: #008da8;
padding: 15px;
}

.keff-home h4{
color: white!important;
font-family: ratio!important;
font-size: 3em;
background-color: #008da8;
padding-right: 1.5em;
padding-left: 1.5;
transform: rotate(-90deg);
}

.keff-home div{
width: 5%;
}
*/

/************** Home Page Note *****************************/
/*
.note-link {
	color: #008da8!important;
	text-decoration: none!important;
	transition: .3s;
}

.note-link:hover {
	color: #ee3a88!important;
}
*/

/* ******************** Keff Home Early Bird ************** */
/*
.keff-eb-wrap{
text-align: center;
margin-bottom: 40px;
}

.keff-eb{
display: inline-block;
background-color: #e02926;
border: 2px dashed white;
padding: 20px;
}

.keff-eb h1, .keff-eb h2{
color: white!important;
font-family: active!important;
}
*/

/* **************FAQ Tables ************** */
/*
.faq-table td{
background-color: #26245c!important; 
border: 3px solid white!important; 
border-collapse: collapse!important;
color:white!important; 
}

.faq-table strong{
color:white!important; 
}
*/

/* ************ About Us Resource Button ********** */
/*
.avia_iconbox_title{
color: white!important;
}

.page-id-568 .single_toggle strong, .page-id-535 .single_toggle strong {
	color: #26245c;
}

.page-id-568 .faq-sub-title {
	margin-left: 10px;
}

.page-id-568 .toggler, .toggle_content, .page-id-535 .toggler {
	border: none;
}

.page-id-568 .toggle_icon, .page-id-535 .toggle_icon {
	background-color: #26245c;
	border-radius: 4px;
	box-shadow: 1px 1px 3px;
}

.page-id-568 .keff-sub-head h1 {
	color: #26245c!important;
	text-shadow: 2px 2px 3px white;
}

.page-id-568 h2 {
	color: #26245c!important;
	margin-bottom: -30px!important;
}



.keff-sub-head{
text-align:center;
}

.keff-sub-head h1{
color: white!important;
font-family: ratio!important;
font-size: 7vw;
}

.keff-sub-head h2{
color: white!important;
font-family: ratio!important;
font-size: 4vw;
}

.keff-head{
background-color: #f26739;
padding: 20px;
text-align: center;
width: 100%;
margin: 0 auto;
filter: drop-shadow(10px 10px #000);
vertical-align: middle;
}

.keff-head h1{
color: white!important;
font-family: ratio!important;
font-size: 4vw;
}

.keff-head h2{
color: white!important;
font-family: ratio!important;
font-size: 2vw;
}

.keff-head-ece, .keff-head-k6, .keff-head-teen{
border: 3px solid white;
padding: 10px;
margin: 10px;
font-size: 1.5vw;
vertical-align: middle;
width: 60%;
margin: 10px auto;
}

.keff-head-ece:hover, .keff-head-k6:hover, .keff-head-teen:hover{
border: 3px solid black;
}

.keff-head-ece:hover h3, .keff-head-k6:hover h3, .keff-head-teen:hover h3, .keff-head:hover a{
color: black!important;
text-decoration: none;
}

.keff-head-ece h3{
font-family: active!important;
font-size: 2em;
color: white!important;
text-decoration: none;
}

.keff-head-k6 h3{
font-family: ratio!important;
font-size: 2em;
color: white!important;
text-decoration: none;
}

.keff-head-teen h3{
font-family: flood-std!important;
font-size: 2em;
color: white!important;
text-decoration: none;
}
*/

/* ********** Teens Grid Tiles ************** */
/*
.teen-tiles { 
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 2.25em;
  margin: 0;
}

@media screen and (max-width: 480px) {
 .details-cont-teen{
  max-height: 80%!important;
  margin: 0px!important;
}

.teen-79-camps-details table td{
   width: 100%!important;
}

.teen-heading{
width: 100%!important;
}
}

.teen-79-camps-details { 
  border: 3px solid white;
  border-radius: 2.25em;
  padding: 1.25rem;
  background-color: #fff;
}

.teen-79-camps { 
  display: flex;
  flex-flow: column;
  border: 3px solid white;
  border-radius: 2.25em;
  padding: 1.25rem;
  background-color: #26245c;
  cursor: pointer;
}

.teen-79-camps h2, .teen-79-camps-details h2{
  margin-top: 20px;
  color: #ffd400!important;
}

.teen-79-camps h3, .teen-79-camps-details h3{
  margin-top: 0px;
  color: #e1261c!important;
}

.teen-79-camps span, .teen-79-camps-details span{
  color: #e1261c!important;
        font-size: 1em;
}

.teen-79-camps p, .teen-79-camps strong{
  margin-top: 5px;
  color: white!important;
}

.teen-79-camps-details p, .teen-79-camps-details strong{
  margin-top: 5px;
  color: #26245c!important;
}

.teen-79-camps-details i{
  color: #26245c!important;
}

.teen-79-camps i {
  color: white!important;
}

.teen-79-camps img{
  align-self: center;
  width: 50%;
}

.teen-79-camps-details table td{
  color: white!important;
  border: 3px solid white!important;
  border-collapse: collapse!important;
  vertical-align:top!important;
  padding: 10px!important;
  background-color: #26245c!important;
}



.teen-mac-camps-details { 
  border: 3px solid white;
  border-radius: 2.25em;
  padding: 1.25rem;
  background-color: #ffd400;
}

.teen-mac-camps { 
  display: flex;
  flex-flow: column;
  border: 3px solid white;
  border-radius: 2.25em;
  padding: 1.25rem;
  background-color: #ffd400;
  cursor: pointer;
}

.teen-mac-camps h2, .teen-mac-camps-details h2{
  margin-top: 20px;
  color: #26245c!important;
}

.teen-mac-camps h3, .teen-mac-camps-details h3{
  margin-top: 0px;
  color: #e1261c!important;
}

.teen-mac-camps span, .teen-mac-camps-details span{
  color: #e1261c!important;
  font-size: 1em;
}

.teen-mac-camps p, .teen-mac-camps strong, .teen-mac-camps-details p, .teen-mac-camps-details strong{
  margin-top: 5px;
  color: #26245c!important;
}

.teen-mac-camps img{
  align-self: center;
  width: 50%;
}

.teen-jc-camps-details { 
  border: 3px solid white;
  border-radius: 2.25em;
  padding: 1.25rem;
  background-color: #e1261c;
}

.teen-jc-camps { 
  display: flex;
  flex-flow: column;
  border: 3px solid white;
  border-radius: 2.25em;
  padding: 1.25rem;
  background-color: #e1261c;
  cursor: pointer;
}

.teen-jc-camps h2, .teen-jc-camps-details h2{
  margin-top: 20px;
  color: #ffd400!important;
}

.teen-jc-camps h3, .teen-jc-camps-details h3{
  margin-top: 0px;
  color: #26245c!important;
}

.teen-jc-camps span, .teen-jc-camps-details span{
  color: #26245c;
  font-size: 1em;
}

.teen-jc-camps p, .teen-jc-camps strong, .teen-jc-camps-details p, .teen-jc-camps-details strong{
  margin-top: 5px;
  color: white!important;
}

.teen-jc-camps img{
  align-self: center;
  width: 50%;
}

.new-camp{
  position: relative;
  transform: rotate(-30deg);
  top:-3rem;
  left: -1.3rem;
  font-size: 2em;
  margin-bottom: -1.45rem;
}

.details-teen{
  display: none; 
  position: fixed; 
  z-index: 1; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.6); 
}

.details-cont-teen{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 50%;
  width: 80%;
  padding: 20px;
  text-align: left;
  overflow: auto;
  margin:4rem 0;
}

.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
  border: 2px solid white;
  margin: 10px;
  padding: 0 8px;
  text-align: center;
}

span .close {
color: white!important;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  border: 2px solid black;
}
*/


/* ********** Teens Heading ************** */
/*
@media screen and (max-width: 480px) {
.teen-heading h1{
font-size: 2.5em!important;
}

.teen-heading h2{
font-size: 2em!important;
}
}

.teen-heading{
margin-bottom: 20px;
display: inline-block;
padding: 10px;
width: 49%;
}

.teen-heading h1{
color: white!important;
font-family: flood-std!important;
font-size: 3.5em;
}

.teen-heading h2{
font-size: 2.5em;
}

.teen-heading h3{
font-size: 2em!important;
display: inline-block;
}

.teen-heading h4{
font-size: 1.5em!important;
display: inline-block;
}

.teen-heading h2, .teen-heading h3, .teen-heading h4, .teen-intro h2{
color: white!important;
font-family: fira-mono!important;
font-weight: 200!important;
}
*/

/* ********** Teens Heading ************** */
/*
.teen-photos{
margin-bottom: 20px;
}
*/

/* ********** Teens Intro ************** */
/*
.teen-intro{
background-color: rgba(225,38,28,.7)!important;
padding: 25px;
margin-bottom: 20px;
}

.teen-intro p{
color: white;
font-family: source-code-pro!important;
font-size: 1.1em;
}
*/

/* ************ Remove ACA Logo on ECE Page ************* */
/*
.postid-611 #aca{
display: none;
}
*/

/* ECE Program Page */
/* ********** Ece Heading ************** */
/*
.ece-head-title {
    text-align: left;
    margin-bottom: 40px;
}

.ece-head-tag-wrapper{
text-align: center;
}

.ece-head-tag {
    text-align: left;
    display: inline-block;
}

.and {
    display: inline-block;
    margin-right: 90px;
}

.with-us {
    text-align: center;
    margin-left: 100px;
    margin-top: 20px;
}

.ece-head-tag-wrapper .and h2{
    font-size: 5em!important;
    font-family: houschka-rounded!important;
    color: white;
}


.p, .l, .a, .y {
    font-size: 7em;
    font-family: source-code-pro;
    color: white;
    -webkit-text-stroke: 4px black;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 30px;
    transition: .2s;
}

.p {
    transform: rotate(10deg);
}

.p:hover {
    transform: rotate(0deg);
}

.l:hover {
    transform: rotate(-5deg);
}

.a {
    transform: rotate(-10deg);
    margin-left: 160px;
}

.a:hover {
    transform: rotate(0deg);
}

.y {
    transform: rotate(3deg);
    -webkit-text-fill-color: transparent;
}

.y:hover {
    transform: rotate(0deg);
}

.ece-head-tag-wrapper h1{
font-family: houschka-rounded!important;
color: #ee3a88!important;
font-size: 6em!important;
margin: 0;
display: inline;
}

.ece-head-tag-wrapper h2, .ece-head-title h2{
font-family: houschka-rounded!important;
color: #ee3a88!important;
font-size: 3em!important;
margin: 0;
display: inline;
}

.ece-head-tag-wrapper .ece-head-tag h2{
color: white!important;
}

.ece-head-tag-wrapper .ece-head-tag h2 span{
color: #ee3a88!important;
font-size: 1.5em;
line-height: 1.2;
}

.ece-head-tag-wrapper h3{
font-family: active!important;
color: #e02926!important;
font-size: 3em!important;
font-weight: 500;
margin: 0;
display: inline;
}

.ece-head-tag-wrapper h4{
font-family: active!important;
color: white!important;
font-size: 2em!important;
margin: 0;
font-weight: 500;
display: inline;
}

.ece-head-art-wrapper {
	position: absolute;
	left: 65%;
	display: flex;
	flex-direction: column;
}
*/



/* ********** Ece Notepad and camp list************** */
/*
.ece-note, .ece-camps{
background-color:white;
padding: 20px;
margin-bottom:40px;
box-shadow: 10px 10px 12px #2f304e;
}

.ece-note h1, .ece-camps h1{
font-family:houschka-rounded!important;
color: #13ccb4;
text-transform: none!important;
}

.ece-note h1 span, .ece-camps h1 span {
    color: #ee3a88;
    text-transform: uppercase;
}

.ece-note p, .ece-note strong, .ece-note li {
font-family: source-sans-pro!important;
color: #26245c;
}

.ece-note-inner-wrapper {
	text-align: center;
}

.ece-note-inner {
	background-color: #ee3a88;
	margin: 20px 0px;
	padding: 20px;
	text-align: left;
	width: 80%;
	display: inline-block;
}

.ece-note-inner h1 {
	font-family:houschka-rounded!important;
	text-transform: none!important;
	color: white!important;
}

.ece-note-inner p {
	font-family: source-sans-pro!important;
	color: white!important;
} 
*/

/* ******* Ece Early Bird *********** */
/*
.ece-eb-wrap{
text-align: center;
margin-bottom: 40px;
}

.ece-eb{
display: inline-block;
background-color: #e02926;
border: 2px dashed white;
padding: 20px;
}

.ece-eb h1, .ece-eb h2{
color: white!important;
font-family: active!important;
}

.ece-eb b{
    color:yellow!important;
}

.ece-eb-wrap-m, .ece-eb-m,.ece-eb-m h1, .ece-eb-m h2{
display:none;
}
*/

/* ******* Ece Early Bird Mobile *********** */

/*
@media screen and (max-width: 480px) {

.ece-eb-wrap, .ece-eb, .ece-eb h1, .ece-eb h2{
display:none;
}

.ece-eb-wrap-m{
text-align: center;
display: inline-block;
margin-bottom: 20px;
}

.ece-eb-m{
display: inline-block;
background-color: #e02926;
border: 2px dashed white;
padding: 20px;
}

.ece-eb-m h1{
color: white!important;
font-family: active!important;
display: inline-block;
}

.ece-eb-m h2{
color: white!important;
font-family: active!important;
display: inline-block;
font-size: 25px;
}

.ece-eb-m b{
    color:yellow!important;
}

} */

/* ********** Ece Hero Image************** */
/*
.ece-hero-wrap{
text-align: center;
margin-bottom: -15px;
}

.ece-hero{
display: inline-block;
}
*/

/*
.ece-payment-plan h1 {
	font-family:houschka-rounded!important;
	color: #26245c;
	text-transform: none!important;
}

.ece-payment-plan h2 {
	font-family:houschka-rounded!important;
	color: #ee3a88;
	text-transform: none!important;
}

.ece-payment-plan h3 {
	font-family:source-sans-pro!important;
	color: #26245c;
	text-transform: none!important;
}

.ece-payment-plan span {
	color: #26245c;
}

.houschka-rounded {
    font-family: houschka-rounded!important;
    font-weight: 600!important;
}

.ece-payment-plan hr {
	width:70%;
	border:2px dashed #2f304e;
	margin:20px auto;
}

@keyframes payment {
	from {border-color: #ee3a88;}
	to {border-color: #26245c;}
}

*/

/*
.callout-circle-container {
	text-align: center;
	position: absolute;
	top: 200px;
}

.callout-circle {
	background-color: white;
	width: 400px;
	height: 400px;
	margin: 0 auto;
	border-radius: 50%;
	padding-top: 45px;
}

/*
.page-id-33836 .callout-circle {
	padding-top: 45px;
} */
/*
.callout-circle h1 {
	font-family:ratio!important;
	color: #26245c;
	text-transform: none!important;
	font-size: 4em;
	margin: 0;
}

.page-id-611 .callout-circle h1, .page-id-611 .callout-circle h2,.page-id-611 .callout-circle h3,.page-id-611 .callout-circle h4 {
	font-family:houschka-rounded!important;
}

/*
.page-id-33836 .callout-circle h1 {
	font-size: 4em;
	margin: 0;
} */
/*
.callout-circle h2 {
	font-family:ratio!important;
	color: #ee3a88;
	text-transform: none!important;
	font-size: 1.6em;
}
*/

/*
.page-id-33836 .callout-circle h2 {
	font-size: 1.6em;
} */
/*
.callout-circle h3 {
	font-family:lato!important;
	color: #26245c;
	text-transform: none!important;
	font-size: 1.5em;
}
*/


/*
.page-id-33836 .callout-circle h3 {
	font-size: 1.5em;
} */

/* .page-id-33836 */
/*
.callout-circle h4 {
	font-family:ratio!important;
	color: #ee3a88;
	text-transform: none!important;
	font-size: 2.5em;
}

.callout-circle span {
	color: #26245c;
	font-size: 1.5em;
}

/*
.page-id-33836 .callout-circle span {
	font-size: 1.5em;
} */

/*.callout-circle hr {
	width:70%;
	border:2px dashed #2f304e;
	margin:20px auto;
}

.callout-circle_inside {
	position: relative;
	top: -410px;
	border: 3px solid #ee3a88!important;
	width: 420px;
	height: 420px;
	margin: 0 auto;
	border-radius: 50%;
	border-left-color: transparent!important;
	border-right-color: transparent!important;
	animation: circle1 15s cubic-bezier(0.3,2.00,0.7,-1.00) infinite;
}

.callout-circle_middle {
	position: relative;
	top: -840px;
	border: 3px solid #26245c!important;
	width: 440px;
	height: 440px;
	margin: 0 auto;
	border-radius: 50%;
	border-left-color: transparent!important;
	border-right-color: transparent!important;
	animation: circle2 15s cubic-bezier(0.26,1.36,0.74,-0.29) infinite;
}

.callout-circle_outside {
	position: relative;
	top: -1305px;
	border: 3px solid #ee3a88!important;
	width: 470px;
	height: 470px;
	margin: 0 auto;
	border-radius: 50%;
	border-left-color: transparent!important;
	border-right-color: transparent!important;
	animation: circle1 15s cubic-bezier(0.26,1.36,0.74,-0.29) infinite;
}

@keyframes circle1 {
	0% {transform: rotateZ(-360deg);}
	100% {transform: rotateZ(0deg);}
}

@keyframes circle2 {
	0% {transform: rotateZ(360deg);}
	100% {transform: rotateZ(0deg);}
}

*/



/* ********** K-6 Head ************** */
/*.k6-head-title {
    text-align: left;
    margin-bottom: 40px;
}

.k6-head-title h1{
color: #25255b!important;
font-family: ratio!important;
font-size: 3em;
}

.ratio {
    font-family: ratio!important;
}

.k6-head-art-wrapper {
	text-align: center;
}
*/

/* ********** K-6 Hero Image ************** */

/*
.k6-hero-wrap{
}

.k6-hero{
text-align: center;
width: 60%;
margin: 0 auto;
}
*/

/* ********** K-6 Details ************** */

.k6-note {
background-color: #f5895e;
padding: 20px;
box-shadow: 10px 10px 12px #2f304e;
}

.k6-note p {
    font-family: lato!important;
    color: white;
}

.k6-note span {
    color: #26245c;
    font-weight: bold;
    font-family: ratio;
    font-size: 24px;
}

.k6-details {
background-color: white;
padding: 20px;
box-shadow: 10px 10px 12px #2f304e;
margin-bottom: 20px;
}

 .k6-details-hide-m {

 }

.k6-details h2 {
font-family: ratio!important;
color: #26245c!important;
}

.k6-details h3 {
font-family: ratio!important;
color: #26245c!important;
}

.k6-details p{
font-family: lato!important;
color: #26245c!important;
}

/*.k6-details_our-camps {
	margin-bottom: 80px;
	padding: 10px 0 1px 20px;
	margin: 0px -50px 80px -50px;
} */

/*.k6Info {
	display: none;
  	opacity: 0;
  	transition: 1s;
}

.k6Info.show {
  opacity: 1;
} */

/*.k6-more-info {
	padding: 20px 0;
}


/* Teen Program Page */
/*.page-id-617 #av_section_1 {
    height: 470px;
}

.teen-title h1{
	font-family: flood-std!important;
	font-size: 3em;
	color: #333366;	
}

.teen-head-wrapper {
    margin-top: 40px;
}

.teen-head h2 {
    font-size: 2.5em;
    font-family: source-sans-pro, sans-serif;

}

.teen-head-art {
    position: relative;
}

.teen-head-art img:nth-child(1) {
    width: 500px;
    position: absolute;
    top: -200px;
    left: 20%;
}

.teen-head-art img:nth-child(2) {
    width: 300px;
    position: absolute;
    top: -200px;
    left: 50%;
}

.teen-callout-circle-container {
    top: -300px;
    left: 45px;
    position: relative;
}

.teen-callout-circle-container-m {
    display: none;
}

.teen-callout-circle, .teen-callout-circle-m {
    border: 4px solid rgba(255,204,104,1)!important;
    width: 400px;
    height: 400px;
    margin: 0 auto;
    border-radius: 50%;
    padding-top: 35px;
    text-align: center;
    float: right;
    animation: teencircle 2s ease infinite;
}

@keyframes teencircle {
	from {box-shadow: 0 0 0 0 rgba(255,204,104,1);}
	to {box-shadow: 0 0 0 30px rgba(255,204,104,0);}
}

.teen-callout-circle h1, .teen-callout-circle-m h1 {
    font-family: source-sans-pro!important;
    color: #26245c;
    text-transform: none!important;
    font-size: 4em;
    margin-bottom: 0px;
}

.teen-callout-circle h2, .teen-callout-circle-m h2 {
    font-family: source-sans-pro!important;
    color: white;
    text-transform: none!important;
    font-size: 1.6em;
}

.teen-callout-circle h3, .teen-callout-circle-m h3 {
    font-family: lato!important;
    color: #26245c;
    text-transform: none!important;
    font-size: 1.5em;
}

.teen-callout-circle h4 {
    font-family: source-sans-pro!important;
    color: white;
    text-transform: none!important;
    font-size: 2.5em;
    margin-top: 10px;
}

.teen-callout-circle span, .teen-callout-circle-m span  {
    color: #26245c;
    font-size: 1.5em;
}

.teen-callout-circle hr, .teen-callout-circle-m hr {
    width:70%;
    border:2px dashed #2f304e;
    margin:10px auto;
}

.teen-details {
    background-color: white;
    margin-top: 100px;
    box-shadow: -10px 10px 12px black;
    padding: 20px;
}

.fira-mono {
    font-family: fira-mono!important;
    padding: 12px 60px;
}

.teen-details h2, .teen-our-camp-details h2 {
    color: #26245c;
    font-family: fira-mono!important;
    font-weight: bold;
    text-transform: none!important;
}

.teen-details h3 {
    color: #26245c;
    font-family: fira-mono!important;
    font-weight: 400;
}

.teen-details p {
    color: #26245c;
    font-family: source-sans-pro!important;
}

.teen-details span {
    font-size: 1.1em;
    font-weight: 600;
    font-style: italic;
}

.teen-our-camp-details {
    margin-top: 40px;
}


/* Camp Search Page */
/*#search-head, #faq-head {
    background: linear-gradient(90deg, 
        #cbeaf1,
        #cbeaf1 16.66%, 
        #008da8 16.66%,
        #008da8 33.33%,
        #444868 33.33%,
        #444868 49.99%,
        #f5895e 49.99%,
        #f5895e 66.66%,
        #ffd500 66.66%,
        #ffd500 83.33%,
        #f7e27e 83.33%);
}

.search-head h1 {
    font-size: 3em;
   background: -webkit-linear-gradient(left, #f5895e, #ffd68c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.search-details {
    margin-top: 40px;
    width: 50%;
}

.search-details a {
    text-decoration: none!important;
}

.page-id-33081 .k6-details_our-camps {
    margin-bottom: 80px;
    padding: 10px 0 1px 20px;
    margin: -50px -50px 80px -50px;
}


.page-id-33081 .callout-circle-container {
    top: 60px;
    left: 1000px;
}

a .magenta {
	color: #ee3a88;
	transition: .3s;
}

a:hover .magenta {
	color: #4088c6;
}

/*2020 Home Page */
/*#home-head {
    background: linear-gradient(180deg, 
        #008da8 ,
        #008da8 25%,
        #444868 25%,
        #444868 50%,
        #f5895e 50%,
        #f5895e 75%,
        #ffd500 75%);
}

.home-title-container{
    position: relative;
}

.home-hero-text {
    position: relative;
    top: 5px;
    left: 800px;
    text-align: center;
    display: inline-block;
}

.home-hero-text h1 {
    color: white!important;
    font-family: lato!important;
    font-size: 4em;
}

.page-id-33836 .callout-circle-container {
    top: 110px;
}

#warped {
    left: 230px;
    top: -150px;
    transform: rotate(-.6deg);
}

#warped2 {
    left: 245px;
    top: -445px;
    transform: rotate(3.1deg);
}


.home-callout-circle_1, .home-callout-circle_3, .home-callout-circle_5, .home-callout-circle_7, .home-callout-circle_9, .home-callout-circle_11 {
    position: absolute;
    top: 185px;
    left: 160px;
    border: 3px solid white!important;
    width: 80px;
    height: 30px;
    margin: 0 auto;
    border-top-color: transparent!important;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
}

.home-callout-circle_2, .home-callout-circle_4, .home-callout-circle_6, .home-callout-circle_8, .home-callout-circle_10, .home-callout-circle_12 {
    position: absolute;
    top: 185px;
    left: 150px;
    border: 3px solid white!important;
    width: 100px;
    height: 30px;
    margin: 0 auto;
    border-top-color: transparent!important;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
 
}

.home-callout-circle_1 {
    animation: circle3 40s linear infinite;
}


.home-callout-circle_2 {
    animation: circle4 40s linear infinite;
}

.home-callout-circle_3 {
    animation: circle5 40s linear infinite;
}


.home-callout-circle_4 {
    animation: circle6 40s linear infinite;
}

.home-callout-circle_5 {
    animation: circle7 40s linear infinite;
}


.home-callout-circle_6 {
    animation: circle8 40s linear infinite;
}

.home-callout-circle_7 {
    animation: circle9 40s linear infinite;
}


.home-callout-circle_8 {
    animation: circle10 40s linear infinite;
}

.home-callout-circle_9 {
    animation: circle11 40s linear infinite;
}


.home-callout-circle_10 {
    animation: circle12 40s linear infinite;
}

.home-callout-circle_11 {
    animation: circle13 40s linear infinite;
}


.home-callout-circle_12 {
    animation: circle14 40s linear infinite;
}


@keyframes circle3 {
    0% {transform: rotate(0deg) translate(250px);}
    100% {transform: rotate(360deg) translate(250px);}
}

@keyframes circle4 {
    0% {transform: rotate(30deg) translate(270px);}
    100% {transform: rotate(390deg) translate(270px);}
}

@keyframes circle5 {
    0% {transform: rotate(60deg) translate(250px);}
    100% {transform: rotate(420deg) translate(250px);}
}

@keyframes circle6 {
    0% {transform: rotate(90deg) translate(270px);}
    100% {transform: rotate(450deg) translate(270px);}
}

@keyframes circle7 {
    0% {transform: rotate(120deg) translate(250px);}
    100% {transform: rotate(480deg) translate(250px);}
}

@keyframes circle8 {
    0% {transform: rotate(150deg) translate(270px);}
    100% {transform: rotate(510deg) translate(270px);}
}

@keyframes circle9 {
    0% {transform: rotate(180deg) translate(250px);}
    100% {transform: rotate(540deg) translate(250px);}
}

@keyframes circle10 {
    0% {transform: rotate(210deg) translate(270px);}
    100% {transform: rotate(570deg) translate(270px);}
}

@keyframes circle11 {
    0% {transform: rotate(240deg) translate(250px);}
    100% {transform: rotate(600deg) translate(250px);}
}

@keyframes circle12 {
    0% {transform: rotate(270deg) translate(270px);}
    100% {transform: rotate(630deg) translate(270px);}
}

@keyframes circle13 {
    0% {transform: rotate(300deg) translate(250px);}
    100% {transform: rotate(660deg) translate(250px);}
}

@keyframes circle14 {
    0% {transform: rotate(330deg) translate(270px);}
    100% {transform: rotate(690deg) translate(270px);}
}

.ls-fullscreen-wrapper {
    margin-top: -52px;
}

.home-details {
    margin-top: 50px;
}

.home-details-m {
    display: none;
    background-color: white;
    padding: 20px;
    box-shadow: 10px 10px 12px #2f304e;
    margin-bottom: 20px;
}

.home-details h2 {
font-family: ratio!important;
color: #26245c!important;
}

.home-details h3 {
font-family: ratio!important;
color: #26245c!important;
}

.home-details h4 {
font-family: lato!important;
color: #26245c!important;
border-radius: 20px;
border: 3px solid #26245c;
padding: 20px;
text-align: center;
margin: 15px 0;
line-height: 1.4;
}

.home-details p{
font-family: lato!important;
color: #26245c!important;
}

.home-details-button-wrapper {
    padding: 20px 0;
 }

.home-details-button-wrapper .blue-btn {
    display: inline-block;
    margin-right: 10px;
}

.home-details-button-wrapper a:last-child .blue-btn {
 	margin-right: 0px;
 	background-color: #ee3a88;
 	border-color: #ee3a88!important;
}

.home-details-button-wrapper a:last-child .blue-btn:hover {
 	background-color: white;
 	color: #ee3a88!important;
}

.home-details-button-wrapper.fall-at-home a .blue-btn {
  margin-right: 0px;
  color: #26245c!important;
  font-family: ratio!important;
  font-weight: 600;
  background-color: #ffd628;
  border-color: #ffd628!important;
}

.home-details-button-wrapper.fall-at-home a .blue-btn:hover {
  background-color: white;
  color: #ffd628!important;
}

.home-details-m-button-wrapper {
    display: none;
}

.home-slider-table {
    width:100%; 
}

.home-slider-table, .home-slider-table tr, .home-slider-table td, .home-slider-table a, .home-slider-table p, .home-slider-table strong {
    background-color:transparent!important; 
    border:transparent!important; 
    color:#26245c!important;
    font-size: 20px!important;
    line-height: 1.3!important;
}

.home-slider-table tr, .home-slider-table td {
    margin: 0;
    padding: 0;
}

.home-head-text-m {
    display: none;
}

/*********** Notification Bar ****************/
/*.notification-cont h1 {
	font-size: 3em;
	font-family: ratio!important;
	margin-bottom: 0;
	padding-bottom: 0;
}

.notification-cont p {
	font-size: 2em;
	line-height: 1.5em;
}

.notification-cont .blue-btn {
	margin-bottom: 50px;
	width: 25%;
	font-size: 2em;
}

.notification-cont .blue-btn:hover {
	background-color: white!important;
}


/********************************************************************************** */
/* Media queries for program pages */
/********************************************************************************** */
/*@media only screen and (max-width: 1440px) {
	.teen-callout-circle-container {
    	top: -270px;
    	left: 0px;
    }

    .teen-callout-circle, .teen-callout-circle-m {
        width: 300px;
        height: 300px;
        padding-top: 20px;
    }

    .teen-callout-circle h1, .teen-callout-circle-m h1 {
        font-size: 3em;
    }

    .teen-callout-circle h2, .teen-callout-circle-m h2 {
        font-size: 1.1em;
    }

    .teen-callout-circle h3,  .teen-callout-circle-m h3 {
         font-size: 1.1em;
    }

    .teen-callout-circle h4, .teen-callout-circle-m h4  {
         font-size: 2em;
    }

    .page-id-33081 .callout-circle-container {
    	top: 80px;
    	left: 900px;
    }

}

@media only screen and (max-width: 1400px) {
    .ece-head-art-wrapper {
        left: 75%;
    }

    .ece-payment-plan {
        margin-top: -325px;
    }

    .k6-head-art-wrapper {
        margin-left: 400px;
    }

    .teen-head-art img:nth-child(1) {
        left: 12%;
    }

    .page-id-617 .sc-right {
        margin: 0 0 0 0!important;
    }

    .search-details {
        width: 100%;
    }

    .search-head h1 {
        font-size: 2em;
    }

    .home-callout-circle_1, .home-callout-circle_2, .home-callout-circle_3, .home-callout-circle_4, .home-callout-circle_5, .home-callout-circle_6, .home-callout-circle_7, .home-callout-circle_8, .home-callout-circle_9, .home-callout-circle_10, .home-callout-circle_11, .home-callout-circle_12 {
        display: none;
    }

    .home-hero-text {
        display: none;
    }

    #home-head {
        height: 600px!important;
    }

    #warped {
        left: 100px;
        top: -215px;
    }

    #warped2 {
        left: 100px;
        top: -440px;
    }

    #layerslider_15 {
        display: none;
    }

    .home-details-m-hide {
    	display: none;
    }

    .home-details-m {
        display: block;
    }

    .home-details-m .blue-btn {
        display: inline-block;
        width: 50%;
        margin: 10px;
        text-align: center;
    }

    .home-details-m-button-wrapper {
        display: block;
        text-align: center;
    }

    .home-details-m-button-wrapper a:last-child .blue-btn {
	 	margin-right: 0px;
	 	background-color: #ee3a88;
	 	border-color: #ee3a88!important;
	}

	.home-details-m-button-wrapper a:last-child .blue-btn:hover {
	 	background-color: white;
	 	color: #ee3a88!important;
	}

    .page-id-33081 .callout-circle-container {
        position: inherit;
        margin-top: 50px;
    }

    .page-id-33836 .callout-circle-container {
        top: 275px;
    }

    .page-id-613 .callout-circle-container {
        top: 150px;
    }

    .page-id-611 .callout-circle-container {
    	left: -30px;
    }

    .callout-circle {
		padding-top: 40px;
	}

	.callout-circle h3 {
		margin-top: 15px;
	}
}

@media only screen and (max-width: 1024px) {
    .ece-head-title h2 {
        font-size: 2em!important;
    }

    .ece-head-tag-wrapper .ece-head-tag h2 span {
        font-size: 1.2em;
    }

    .ece-payment-plan {
        width: 300px;
        height: 300px;
        padding: 62px 25px;
    }

    .ece-payment-plan h1 {
        font-size: 26px!important;
        margin-bottom: 8px!important;
    }

    .ece-payment-plan h2 {
        font-size: 20px!important;
    }

    .ece-payment-plan h3 {
        font-size: 18px!important;
    }

    .ece-payment-plan hr {
        margin: 10px auto;
    }

    .ece-note-inner {
        width: 100%;
    }


    .k6-head-title h1 {
        font-size: 2em!important;
    }

    .callout-circle {
        width: 300px;
        height: 300px;
        padding-top: 30px;
    }

    .callout-circle h1 {
        font-size: 26px;
        margin-bottom: 8px;
    }

    .callout-circle h2 {
        font-size: 20px!important;
    }

    .callout-circle h3 {
        font-size: 18px!important;
    }

    .callout-circle hr {
        margin: 10px auto;
    }

    .callout-circle_inside {
        top: -310px;
        width: 320px;
        height: 320px;
    }

    .callout-circle_middle {
        top: -640px;
        width: 340px;
        height: 340px;
    }    

    .teen-title h1 {
        font-size: 1.8em;
    }

    .teen-head-art img:nth-child(2) {
        display: none;
    }

    .teen-details {
        margin: 0;
    }

    #warped {
        left: -220px;
        top: -215px;
    }

    #warped2 {
        left: -200px;
        top: -450px;
    }

    .page-id-33836 .callout-circle-container {
        top: 360px;
    }

    .page-id-611 .callout-circle-container {
    	top: 330px;
    }

    .callout-circle h1 {
    	font-size: 3em;
    }

    .callout-circle h4 {
    	font-size: 2em;
    	margin-top: 5px;
    }

    .page-id-33836 .callout-circle span {
		font-size: 1.2em;
	}

	.page-id-33836 .callout-circle h2 {
		font-size: 1.1em;
	}
}


@media only screen and (min-width: 816px) and (max-width: 1024px) {
      .ece-hero-container div:nth-child(4) {
        display: none;
    }
}

@media only screen and (max-width: 815px) {
    .ece-payment-plan {
        margin: 0 auto;
    }

    .ece-hero-container div:nth-child(-n+3) {
        display: none;
    }

    .callout-circle-container {
        height: 310px;
        position: initial;
    }

    .k6-head-art-wrapper {
        margin-left: 0;
    }

    .teen-callout-circle-container {
        display: none;
    }

    .teen-callout-circle-container-m {
        display: block;
    }

    .teen-callout-circle-m {
    	float: none;
    	margin-bottom: 50px;
    	background-color: white;
    }

    .teen-callout-circle-m h2 {
    	color: #ee3a88;
    }

    .teen-callout-circle-m h4 {
    	margin-top: 20px;
    	color: #ee3a88;
    }

    .teen-head-art img:nth-child(1) {
        left: 25%;
    }

    .teen-head h2 {
        font-size: 1.8em;
    }

    .search-head h1 {
        background: -webkit-linear-gradient(left, #f5895e, white);
        -webkit-background-clip : text;
    }

     #warped {
        left: -343px;
        top: -210px;
    }

    #warped2 {
        left: -325px;
        top: -485px;
    }

    .page-id-33836 .callout-circle-container {
        top: 395px;
        position: absolute;
    }

    .page-id-611 .callout-circle-container {
    	margin-top: 50px;
    }
}

@media only screen and (max-width: 480px) {
    .ece-head-art-wrapper {
        display: none;
    }

    .and {
        margin-right: 40px;
    }    

    .k6-head-art-wrapper img:nth-child(1) {
        z-index: -1;
        top: 140px;
    }

    .teen-head-art img:nth-child(1) {
        width: 80%;
        top: -150px;
    }

    .teen-search-grid {
        grid-template-columns: 1fr!important;
    }

      .page-id-33836 .callout-circle-container {
        top: 330px;
        position: absolute;
        left: 10px;
        margin: 0 auto;
    }

    .home-head-text-m {
        display: block;
    }

    .home-head-text-m h1 {
        color:#ff17e3!important; 
        text-shadow:2px 2px 2px white;
        font-size: 2.5em;
        position: relative;
        top: -70px;
    }

     #warped, #warped2 {
       display: none!important;
    }

    .home-details-m .blue-btn {
        width: 100%;
        margin: 5px auto;
    }

    .home-details-m h3 {
        font-size: 18px;
    }

    .callout-circle_middle {
    	left: -10px;
    }

    .a {
    	margin-left: 145px;
	}

	 .k6-details-hide-m {
	 	display: none;
	 }
}


/* **************** K-6 Grid Legend *********************** */

/*
@media screen and (max-width: 480px) {
.ii-leg-cont{
display: none;
}
}



.ii-leg-cont{
background-color: #d9d9d9;
padding: 0 20px;
margin: 10px;
}

.ii-leg-cont p{
display:inline-block;
color: #008da8;
font-family: ratio,sans-serif;
}

.ii-leg-cont h4{
display:inline-block;
color: #008da8;
font-family: ratio,sans-serif;
font-size: 18px;
font-weight: 600;
margin: 0;
}

.ii-leg-red{
border: 2px solid black!important;
background-color: #ff1a7c;
width: 1.3em;
height: 1.3em;
display:inline-block;
vertical-align: middle;
}

.ii-leg-orange{
border: 2px solid black!important;
background-color: #ffa313;
width: 1.3em;
height: 1.3em;
display:inline-block;
vertical-align: middle;
}

.ii-leg-green{
border: 2px solid black!important;
background-color: #42da60;
width: 1.3em;
height: 1.3em;
display:inline-block;
vertical-align: middle;
}

.ii-leg-blue{
border: 2px solid black!important;
background-color: #008da8;
width: 1.3em;
height: 1.3em;
display:inline-block;
vertical-align: middle;
}

.ii-leg-mmblue{
border: 2px solid black!important;
background-color: #18d1f4;
width: 1.3em;
height: 1.3em;
display:inline-block;
vertical-align: middle;
}

*/

/* *******************************************************************************************
*********************************Grade K-2 Program Grid **************************************
******************************************************************************************* */
/*
.grid-k2 { 
  display: grid;
  grid-template-areas: 
    "gh1 gh1 gh2 gh3 gh4 gh4 gh4"
    "bw bw bL bL bL bL bL"
    "s1 w1 k1 y1 sns sns fd"
    "s1 w2 k1 y1 mm1 mm1 mm1"
    "s2 w3 k2 y2 ttg ttg ob"
    "s2 w4 k2 y2 mm2 mm2 mm2"
    "s3 w5 k3 y3 kd sesb mcm"
    "s3 w6 k3 y3 kd mm3 mm3"
    "s4 w7 k4 y4 ftf ftf ftf"
    "w8 w8 ss ss ss ss ss"; */
/* grid-template-rows: repeat(2, auto); */
/*
 grid-template-columns: 200px 1fr 1fr 1fr 1fr 1fr 1f; 
 grid-gap: .2em;
 background-color: black;
  margin: 0;
  padding: .2em;
  font-family: sans-serif;
  text-align: center;
}
*/

/* Stack the layout on SMALL devices/viewports. */
/*
@media screen and (max-width: 480px) {
  .grid-k2 { 
    grid-template-areas: 
      "gh1" 
      "gh2"
      "gh3" 
      "gh4"
      "bw"
      "bL"
      "s1" 
      "w1" 
      "k1" 
      "y1" 
      "sns" 
      "fd"
      "w2" 
      "mm1"
      "s2"
      "w3" 
      "k2" 
      "y2" 
      "ttg" 
      "ob"
      "w4" 
      "mm2"
      "s3" 
      "w5" 
      "k3" 
      "y3" 
      "kd" 
      "sesb" 
      "mcm"
      "w6" 
      "mm3"
      "s4"
      "w7" 
      "k4" 
      "y4" 
      "ftf"
      "w8" 
      "ss";
 grid-template-columns: 1fr;
 }

.s1, .s2, .s3, .s4{
  display: none;
}

.details-cont{
  max-height: 80%!important;
  margin: 0px!important;
}

}


.k2content{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  cursor:pointer;
  color: black;
}



.k2content-head{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
*/

/*.k2content-head strong{
  color: black;
  font-size: 1.3em;
}*/

/*
.gh1 {
  grid-area: gh1;
  background-color: #8a8a8a;
  padding: 10px;
}

.gh1 strong{
  color: white;
}

.gh2 {
  grid-area: gh2;
  background-color: #ff1a7c;
}

.gh3 {
  grid-area: gh3;
  background-color: #ffa313;
}

.gh4 {
  grid-area: gh4;
  background-color: #008da8;
}

.bw {
  grid-area: bw;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.s1 {
  grid-area: s1;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.s2 {
  grid-area: s2;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.s3 {
  grid-area: s3;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.s4 {
  grid-area: s4;
  background-color:  #8a8a8a;
  padding: 5px;
  color: white;
}

.w1 {
  grid-area: w1;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.w2 {
  grid-area: w2;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.w3 {
  grid-area: w3;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.w4 {
  grid-area: w4;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.w5 {
  grid-area: w5;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.w6 {
  grid-area: w6;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.w7 {
  grid-area: w7;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.w8 {
  grid-area: w8;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.k1 {
  grid-area: k1;
  background-color: #ff1a7c;
}

.k2 {
  grid-area: k2;
  background-color: #ff1a7c;
}

.k3 {
  grid-area: k3;
  background-color: #ff1a7c;
}

.k4 {
  grid-area: k4;
  background-color: #ff1a7c;
}

.y1 {
  grid-area: y1;
  background-color: #ffa313;
}

.y2 {
  grid-area: y2;
  background-color: #ffa313;
}

.y3 {
  grid-area: y3;
  background-color: #ffa313;
}

.y4 {
  grid-area: y4;
  background-color: #ffa313;
}

.kd {
  grid-area: kd;
  background-color: #008da8;
}

.bL { 
  grid-area: bL;
  background-color: #42da60;
}

.sns { 
  grid-area: sns;
  background-color:  #008da8;
}

.fd { 
  grid-area: fd;
  background-color:  #008da8;
}

.ttg { 
  grid-area: ttg;
  background-color:  #008da8;
}

.ob { 
  grid-area: ob;
  background-color:  #008da8;
}

.sesb { 
  grid-area: sesb;
  background-color:  #008da8;
}

.mcm { 
  grid-area: mcm;
  background-color:  #008da8;
}

.ftf { 
  grid-area: ftf;
  background-color:  #008da8;
}

.ss { 
  grid-area: ss;
  background-color:  #42da60;
}

.mm1 { 
  grid-area: mm1;
  background-color:  #18d1f4;
}

.mm2 { 
  grid-area: mm2;
  background-color:  #18d1f4;
}

.mm3 { 
  grid-area: mm3;
  background-color:  #18d1f4;
}

.bL:hover, .k1:hover, .y1:hover, .sns:hover, .fd:hover, .mm1:hover, .k2:hover, .y2:hover, .ttg:hover, .ob:hover, .mm2:hover, .k3:hover, .y3:hover, .kd:hover, .sesb:hover, .mcm:hover, .mm3:hover, .k4:hover, .y4:hover, .ftf:hover, .ss:hover{
  transform: scale(1.05);
  border: 2px solid black;
  background-color: white;
}
*/

/* ***** styles for pop up ******** */
/*
.details{
  display: none; 
  position: fixed; 
  z-index: 1; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.6); 
}

.details-cont{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 50%;
  width: 80%;
  padding: 20px;
  text-align: left;
  overflow: auto;
  margin:4rem 0;
}

.details-cont table{
  margin: 20px 0;
}

.details-cont table td{
  padding: 20px;
}

.details-cont {
  color: black;
  font-family: Myriad Pro Regular;
}

.details-cont h2{
  color: black!important;
  font-family: ratio!important;
}

.details-cont h3{
  color: black!important;
  font-family: ratio!important;
}

.details-cont h4{
  color: black!important;
  font-family: ratio!important;
}

.details-cont div{
  background-color: white;
  padding: 0 20px;
  margin: 20px 0px;
}

.cmp-green{
  background-color: #42da60;
  }

.cmp-red{
  background-color: #ffffff;
  }
  
.cmp-orange{
  background-color: #ffa313;
  }
  
.cmp-blue{
  background-color:  #008da8;
  }
  
.cmp-blue-mm { 
  background-color:  #18d1f4;
}
*/
/* The Close Button */
/*
.close {
  color: #e1e1e1;
  float: right;
  font-size: 28px;
  font-weight: bold;
  border: 2px solid #e1e1e1;
  margin: 10px;
  padding: 0 8px;
  text-align: center;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  border: 2px solid black;
}
*/

/* ****************************************************************************************************************************
***************************************************** Grade 3-6 Program Calendar **********************************************
******************************************************************************************************************************* */
/*
.grid-36 { 
  display: grid;
  grid-template-areas: 
    "gh1-36 gh1-36 gh2-36 gh3-36 gh4-36 gh4-36"
    "bw-36 bw-36 bL36 bL36 bL36 bL36"
    "s1-36 w1-36 by1 ka1 pnw mfr"
    "s1-36 w2-36 by1 ka1 mm136 mm136"
    "s2-36 w3-36 by2 ka2 fwd ftf36"
    "s2-36 w4-36 by2 ka2 mm236 mm236"
    "s3-36 w5-36 by3 ka3 u3d jmsc"
    "s3-36 w6-36 by3 ka3 mm336 mm336"
    "s4-36 w7-36 by4 ka4 acb kc"
    "w8-36 w8-36 ss36 ss36 ss36 ss36"; */
/* grid-template-rows: repeat(2, auto); */ /*
 grid-template-columns: 200px 1fr 1fr 1fr 1fr 1fr ; 
 grid-gap: .2em;
 background-color: black;
  margin: 0;
  padding: .2em;
  font-family: sans-serif;
  text-align: center;
} */

/* Stack the layout on SMALL devices/viewports. */ /*
@media screen and (max-width: 480px) {
  .grid-36 { 
    grid-template-areas: 
      "gh1-36" 
      "gh2-36"
      "gh3-36" 
      "gh4-36"
      "bw-36"
      "bL36"
      "s1-36" 
      "w1-36" 
      "by1" 
      "ka1" 
      "pnw" 
      "mfr"
      "w2-36" 
      "mm136"
      "s2-36"
      "w3-36" 
      "by2" 
      "ka2" 
      "fwd" 
      "ftf36"
      "w4-36" 
      "mm236"
      "s3-36" 
      "w5-36"
      "by3" 
      "ka3"
      "u3d" 
      "jmsc" 
      "w6-36" 
      "mm336"
      "s4-36"
      "w7-36" 
      "by4" 
      "ka4" 
      "acb"
      "kc"
      "w8-36" 
      "ss36";
 grid-template-columns: 1fr;
 }

.s1-36, .s2-36, .s3-36, .s4-36{
  display: none;
}

.details-cont{
  max-height: 80%!important;
  margin: 0px!important;
}

}


.k2content{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  cursor:pointer;
  color: black;
}



.k2content-head{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.k2content-head strong{
  color: black;
  font-size: 1.3em;
}

.gh1-36 {
  grid-area: gh1-36;
  background-color: #8a8a8a;
  padding: 10px;
}

.gh1-36 strong{
  color: white;
}

.gh2-36 {
  grid-area: gh2-36;
  background-color: #ff1a7c;
}

.gh3-36 {
  grid-area: gh3-36;
  background-color: #ffa313;
}

.gh4-36 {
  grid-area: gh4-36;
  background-color: #008da8;
}

.bw-36 {
  grid-area: bw-36;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.s1-36 {
  grid-area: s1-36;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.s2-36 {
  grid-area: s2-36;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.s3-36 {
  grid-area: s3-36;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.s4-36 {
  grid-area: s4-36;
  background-color:  #8a8a8a;
  padding: 5px;
  color: white;
}

.w1-36 {
  grid-area: w1-36;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.w2-36 {
  grid-area: w2-36;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.w3-36 {
  grid-area: w3-36;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.w4-36 {
  grid-area: w4-36;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.w5-36 {
  grid-area: w5-36;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.w6-36 {
  grid-area: w6-36;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.w7-36 {
  grid-area: w7-36;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.w8-36 {
  grid-area: w8-36;
  background-color:  #8a8a8a;
  padding: 10px;
  color: white;
}

.by1 {
  grid-area: by1;
  background-color: #ff1a7c;
}

.by2 {
  grid-area: by2;
  background-color: #ff1a7c;
}

.by3 {
  grid-area: by3;
  background-color: #ff1a7c;
}

.by4 {
  grid-area: by4;
  background-color: #ff1a7c;
}

.ka1 {
  grid-area: ka1;
  background-color: #ffa313;
}

.ka2 {
  grid-area: ka2;
  background-color: #ffa313;
}

.ka3 {
  grid-area: ka3;
  background-color: #ffa313;
}

.ka4 {
  grid-area: ka4;
  background-color: #ffa313;
}


.bL36 { 
  grid-area: bL36;
  background-color: #42da60;
}

.pnw { 
  grid-area: pnw;
  background-color:  #008da8;
}

.mfr { 
  grid-area: mfr;
  background-color:  #008da8;
}

.fwd { 
  grid-area: fwd;
  background-color:  #008da8;
}

.ftf36 { 
  grid-area: ftf36;
  background-color:  #008da8;
}

.u3d { 
  grid-area: u3d;
  background-color:  #008da8;
}

.jmsc { 
  grid-area: jmsc;
  background-color:  #008da8;
}

.acb { 
  grid-area: acb;
  background-color:  #008da8;
}

.kc { 
  grid-area: kc;
  background-color:  #008da8;
}

.ss36 { 
  grid-area: ss36;
  background-color:  #42da60;
}

.mm136 { 
  grid-area: mm136;
  background-color:  #18d1f4;
}

.mm236 { 
  grid-area: mm236;
  background-color:  #18d1f4;
}

.mm336 { 
  grid-area: mm336;
  background-color:  #18d1f4;
}

.bL36:hover, .by1:hover, .ka1:hover, .pnw:hover, .mfr:hover, .mm136:hover, .by2:hover, .ka2:hover, .fwd:hover, .ftf36:hover, .mm236:hover, .by3:hover, .ka3:hover, .u3d:hover, .jmsc:hover, .mm336:hover, .by4:hover, .ka4:hover, .acb:hover, .kc:hover, .ss36:hover{
  transform: scale(1.05);
  border: 2px solid black;
  background-color: white;
} */

/* ***** styles for pop up ******** */ /*
.details{
  display: none; 
  position: fixed; 
  z-index: 1; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.6); 
}

.details-cont{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 50%;
  width: 80%;
  padding: 20px;
  text-align: left;
  overflow: auto;
  margin:4rem 0;
}

.details-cont table{
  margin: 20px 0;
}

.details-cont table td{
  padding: 20px;
}

.details-cont {
  color: black;
  font-family: Myriad Pro Regular;
}

.details-cont h2{
  color: black!important;
  font-family: ratio!important;
}

.details-cont h3{
  color: black!important;
  font-family: ratio!important;
}

.details-cont h4{
  color: black!important;
  font-family: ratio!important;
}

.details-cont h2 span{
  color: white!important;
}

.details-cont h3 span{
  color: white!important;
}

.details-cont div{
  background-color: white;
  padding: 0 20px;
  margin: 20px 0px;
}

.cmp-green{
  background-color: #42da60;
  }
  
.cmp-orange{
  background-color: #ffa313;
  }
  
.cmp-blue{
  background-color:  #008da8;
  }
  
.cmp-blue-mm { 
  background-color:  #18d1f4;
}
*/

/* ********* Calendar Intro Text ********* */

/*
.cal-intro{
margin: 40px 0 20px 0;
padding: 20px;
color: white!important;
font-family: ratio!important;
background-color: #e1261c;
filter: drop-shadow(10px 10px #000);
}

.cal-intro h2{
color: white!important;
font-family: ratio!important;
}



*/









/* ************* Updated Header */
/*.second-logo{
float: left;
position: relative;
max-height: 50%;
left: 22%;
}

.second-logo img{
width: 25%;
background-color: #25245c;
padding: 10px;
}



/*button style for buttons in sub menu*/
/*.sub_menu{
margin-top: 10px;
}

#menu-item-35310 a {
    color: #ffffff!important;
	background-color: #1b4c8c!important;
	padding: .6em 1em;
	font-size: 1em;
	cursor: pointer;
	border-radius: 1em;
	text-decoration: none;
	transition: scale .4s;
}

#menu-item-35310:hover {
	transition:.4s;
	transform: scale(1.1);
}

#menu-item-34512 a {
    color: #ffffff!important;
	background-color: #1b4c8c!important;
	padding: .6em 1em;
	font-size: 1em;
	cursor: pointer;
	border-radius: 1em;
	text-decoration: none;
	transition: scale .4s;
}

#menu-item-34512:hover {
	transition:.4s;
	transform: scale(1.1);
}

#menu-item-23882 a{
    color: #ffffff!important;
	background-color: #f37023!important;
	padding: .6em 1em;
	font-size: 1em;
	cursor: pointer;
	border-radius: 1em;
	text-decoration: none;
	transition: scale .4s;
}

#menu-item-23882:hover{
transform: scale(1.1);
background-color: navy;
}

#menu-item-22692 a{
    color: #ffffff!important;
background-color: #008da8!important;
padding: .6em 1em;
font-size: 1em;
cursor: pointer;
border-radius: 1em;
text-decoration: none;
transition: scale .4s;
}

#menu-item-22692:hover{
	transition:.4s;
	transform: scale(1.1);
}

#menu-item-35577 a{
    color: #ffffff!important;
	background-color: #ee3a88!important;
	padding: .6em 1em;
	font-size: 1em;
	cursor: pointer;
	border-radius: 1em;
	text-decoration: none;
	transition:.4s;
	transition: scale .4s;
}

#menu-item-35577:hover{
	transition:.4s;
	transform: scale(1.1);
} 

/*style for PJCC button in nav menu*/
/*#menu-item-31005 img{
vertical-align: middle;
}

/* To remove divider between menu and social icons */
/*.avia-menu.av_menu_icon_beside {
    border: none; 
}

/* ******************************* Notification Bar ********************** */

/*@media only screen and (max-width: 480px) {
#wpfront-notification-bar div.wpfront-message {
    color: #ffffff;
    line-height: 1.7;
    margin: 15px 20px;
}
}

@media only screen and (max-width: 1024px) {
#wpfront-notification-bar{
position: static!important;
}
}

/* ******************************* Waitlist Request Form Buttons ********************** */

/*.form-reset{
border: none;
padding: 10px;
color: white;
background-color: #008ca8;
cursor: pointer;
box-shadow: 1px 1px 2px black;
width: 250px;
font-size: 18px;
transition: all 0.3s ease-in-out;
}

.form-reset:hover{
color: #008ca8;
background-color: white;
}

div .main_color .button, .main_color input[type='submit']{
border: none;
border-radius: 0;
padding: 10px;
color: white!important;
background-color: #008ca8!important;
cursor: pointer;
box-shadow: 1px 1px 2px black;
font-size: 18px;
width: 250px;
}

div .main_color .button:hover, .main_color input[type='submit']:hover{
color:  #008ca8!important;
background-color: white!important;
cursor: pointer;
box-shadow: 1px 1px 2px black;
font-size: 18px;
width: 250px;
}

/* ******************************* Camp Is Full Text ********************** */

/*.details-cont .camp-full-outer, .camp-full-outer{
background-color: transparent!important;
text-align: center;
margin: 0;
}

.camp-full-inner{
display: inline-block;
border: 2px solid #e1261c!important;
color: #e1261c!important;
padding: 20px;
}

.details-cont .camp-full-button:hover {
color: #e1261c!important;
background-color: white!important;
}

.details-cont .camp-full-button:active{
transform: translateY(3px);
box-shadow: 1px 1px 1px black;
}

.details-cont .camp-full-button, .camp-full-button{
display: inline-block;
background-color: #e1261c!important;
box-shadow: 1px 2px 5px black;
border-radius: 40px!important;
padding: 10px 15px;
color: white!important;
margin-left: 20px;
font-family:ratio;
}

/* ***************** End New Code For 2019 Starting 12/3/18  by II ***************** */

/***** New code for 2019/2020 *********/
/* Seasonal camp reg buttons */
/*.seasonal-reg-btn {
	display: inline-block;
	border-radius: 50px;
	padding: 10px 40px;
	background-color: #008da8;
	color: white;
	font-family: ratio;
	font-size: 20px;
	text-align: center;
	transition: .5s;
}

.seasonal-reg-btn:hover {
	background-color: lightgrey;
	color: #008da8;
}

/* off season summer camp page*/ 
/*.k6-programs {
background-color: #e1e1e1;
padding: 20px;
}

.k6-programs h3 {
color: #008ca8;
}

.os-head-ece h3{
font-family: active;
font-size: 2em;
color: #008da8;
text-decoration: none;
}

.os-head-k6 h3{
font-family: ratio;
font-size: 2em;
color: #008da8!important;
text-decoration: none;
}

.os-head-teen h3{
font-family: flood-std;
font-size: 2em;
color: #008da8;
text-decoration: none;
}

.os-photo img{
    box-shadow: 2px 2px 3px darkgrey;
}

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

div.av_one_third {
    width:100%!important;
    margin-left: 0;
    margin-bottom: 40px;
}

div.av_one_third img{
    width:100%!important;
}

}


/* seasonal camp button small for mobile */
/*@media only screen and (max-width: 1024px) {
	.btn-small-text {
		font-size: .96em!important;
	}
}
/***** END New code for 2019/2020 *********/


/* *************************************** KEFF AT HOME 2020 ************************************************************************ */
/*button:focus {
    outline: none;
}

.kah-k6, .kah-pre {
    display: none;
}

.kah-pink {
    color:#EE3A88;
}

.kah-blue {
    color: #008DA8;
}

#scheduleCampSessions td, #sampleDailySchedules td, #preschoolScheduleCampSessions td{
    font-size:18px!important;
}

#scheduleCampSessions h2, #sampleDailySchedules h2, #preschoolScheduleCampSessions h2 {
  font-size: 1.5em;
}

#sampleDailySchedules td:first-child {
  width: 110px;
}

#scheduleCampSessions td:first-child {
  color: #26245c;
}

#sampleDailySchedules td, #preschoolScheduleCampSessions td {
  color: #26245c;
}

.kah-program {
  margin-bottom: 20px;
}

.kah-program h4 {
  color: #ee3a88!important;
  cursor: pointer;
}

.kah-description {
  display: none;
}

.kah-program-wrapper {
  display: flex;
}

.kah-program-container {
  width: 50%;
  padding: 0 20px;
  margin: 20px 0;
}

.kah-program-container:first-child {
  border-right: 1px solid #26245c;
}

.kah-box-container {
  width: 50%;
  padding: 20px;
}

.kah-box-container:nth-child(2) {
  text-align: center;
}

.kah-box-container:nth-child(2) img {
  width: 60%;
  border: 15px solid #EE3D89;
}

.kah-accordion {
  width: 80%!important;
  margin: 0 auto;
  color: #26245c!important;
  position: relative;
  z-index: 2;
}

.kah-accordion .toggler {
  color: #26245c!important;
}

.kah-accordion .vert_icon, .kah-accordion .hor_icon, .kah-accordion .toggle_icon {
  border-color: #26245c!important;
}

.kah-accordion strong {
   color: #26245c!important;
}

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

.kah-title h2{
    font-family: lato!important;
    text-transform: none!important;
    color: #4088C6!important;
    font-size: 2em!important;
    font-weight: bold;
}

h2.kah-sub-title {
  font-family: lato!important;
  text-transform: none!important;
  color: #EE3D89!important;
}

.kah-white-box {
  position: relative;
  width: 80%;
  margin: 0 auto;
  z-index: 2;
}

.kah-white-box-top {
  position: relative;
  width: 80%;
  margin: 0 auto;
  z-index: 2;
}

.kah-white-box-top a {
  color: #ee3a88!important;
}

.kah-white-box-top a:visited {
  color: #ee3a88!important;
}

.kah-white-box strong, .kah-white-box-top strong, .kah-white-box-small strong {
  font-family: lato!important;
  font-weight: bold;
  color: #26245c!important;
}

.kah-white-box-small {
  width: 40%;
  margin-left: 10%;
  text-align: center;
}

.kah-color-section {
  position: relative;
}

.kah-yay {
  position: absolute;
  top: 0;
  left: 45%;
}

.kah-kite {
  position: absolute;
  bottom: 100px;
  left: 40%;
}

.kah-idea {
  position: absolute;
  top:10%;
}

.kah-computer {
  position: absolute;
  top:30%;
}

.kah-game-control {
  position: absolute;
  top:50%;
}

.kah-hand {
  position: absolute;
  top:5%;
  left: 10%;
}

.kah-yoga {
  position: absolute;
  top:5%;
  right: 10%;
}

.kah-music {
  position: absolute;
  top:10%;
  right: 0%;
}

.kah-science {
  position: absolute;
  top:30%;
  right: 0%;
}

.kah-paint {
  position: absolute;
  top:50%;
  right: 0%;
}

.kah-house {
  position: absolute;
  top:10%;
  right: 0%;
}

.kah-computer-two {
  position: absolute;
  top:60%;
  right: 0%;
}

.kah-left-top {
  position: absolute;
  top:10%;
}

.kah-left-mid {
  position: absolute;
  top:35%;
}

.kah-left-btm {
  position: absolute;
  top:65%;
}

.kah-right-top {
  position: absolute;
  top:15%;
  right: 0%;
}

.kah-right-mid {
  position: absolute;
  top:40%;
  right: 0%;
}

.kah-right-btm {
  position: absolute;
  top:70%;
  right: 0%;
}

.snowflake {
	position: absolute;
	left: 20%;
	bottom:100px;
}

.snowman {
	position: absolute;
	right: 20%;
	bottom: 50px;
}

.no-break {
  white-space: nowrap;
}

.kah-k6-intro-more {
  display: none;
}

.kah-callout-circle h1 {
  font-family: ratio;
  font-size: 3.5em;
  color: #ee3a88!important;
}

.kah-callout-circle h2 {
  font-family: ratio;
  font-size: 2.5em;
  color: #26245c!important;
  text-transform: none;
  padding-top: 15%;
}

.kah-note-content {
  text-align: center;
}

.kah-note-content h3 {
  font-size: 1.3em;
}

@media only screen and (max-width: 812px) {
  .kah-white-box, .kah-white-box-top, .kah-white-box-small {
    width: 100%;
    margin: 0;
  }

  .kah-program-wrapper {
    flex-direction: column;
  }

  .kah-note-content {
  text-align: left;
}

  .kah-program-container, .kah-box-container, .kah-accordion {
    width: 100%!important;
    margin: 0px;
  }

  .kah-program-container:first-child {
    border-right: none;
  }

  .kah-box-container {
    padding: 0px;
  }

  .kah-yay, .kah-heart, .kah-kite {
    display: none
  }

  #sampleDailySchedules th:first-child {
    width: 40%;
  }

  #preschoolScheduleCampSessions {
    margin: 0;
  }

  #preschoolScheduleCampSessions h2 {
    font-size: 1em;
  }

  .kah-box-container:nth-child(2) img {
    width: 100%;
  }

  .kah-white-box-small button:last-child {
    margin-top: 15px;
  }

  .kah-k6-intro {
    display: none;
  }

  .kah-k6-intro-more {
    display: inline-block;
    color: #EE3A88!important;
    cursor: pointer;
  }

  .kah-callout-circle h2 {
    font-size: 1.6em!important;
  }
}
/* End KEFF AT HOME */

/* Registration Information */
.reg-instructions-container {
	width: 80%;
	margin: 0 auto;
	padding: 5%;
}

@media only screen and (max-width: 479px) {
	.reg-instructions-container {
		width: 100%;
		padding: 20px;
	}
}

.reg-instructions-container h1 {
  color:#26245c;
}

.reg-instructions-container h1 {
  margin-bottom: 40px;
}

.reg-instructions-list {
  list-style: none;
  counter-reset: instructions;
}

.reg-instructions-list p {
  margin: 0;
}

.reg-instructions-list p strong {
  color: #26245c;
}

.reg-instructions-list p a {
  color: #008ca8;
  transition: all .3s;
  text-decoration: none;
}

.reg-instructions-list p a:hover {
  color: #666;
  text-decoration: none;
}

.reg-instructions-list img {
  margin-top: 20px;
  width: 50%;
}

@media only screen and (max-width: 980px) {
  .reg-instructions-list img {
    width: 100%;
  }
}

.reg-instructions-list>li {
  counter-increment: instructions;  
  position: relative;
  margin-left: 55px;
  margin-top: 5px;
  padding: 0;
  margin-bottom: 40px;
}

.reg-instructions-list>li:before {
  content: counter(instructions);
  position: absolute;
  font-family: lato;
  font-weight: bold;
  font-size: 30px;
  color: white;
  width: 40px;
  height: 40px;
  padding: 10px 5px 0 5px;
  text-align: center;
  background-color: #f37023;
  margin-left: -60px;
  margin-top: -5px;
}

.reg-instructions-list>li>ol {
  list-style: none;
  counter-reset: sub-instructions;
}

.reg-instructions-list>li>ol>li {
  counter-increment: sub-instructions;  
  position: relative;
}

.reg-instructions-list>li>ol>li:before {
  content: counter(sub-instructions, lower-alpha) ".";
  position: absolute;
  font-family: ratio;
  font-weight: bold;
  font-size: 24px;
  color: #f37023;
  margin-left: -25px;
}

.reg-instructions-list>li>ol.reg-instructions-key-list {
  list-style: none;
  counter-reset: sub-instructions;
}

.reg-instructions-list>li>ol.reg-instructions-key-list>li {
  counter-increment: sub-instructions;  
  position: relative;
}

.reg-instructions-list>li>ol.reg-instructions-key-list>li:before {
  content: counter(sub-instructions);
  position: absolute;
  font-family: lato;
  font-size: 16px;
  color: white;
  margin-left: -40px;
  width: 30px;
  height: 30px;
  text-align: center;
  background-color: #0000cc;
  border-radius: 50%;
  padding: 0;
}

@media only screen and (max-width: 479px) {
  .reg-instructions-list ol {
    margin: 4px 0 5px -18px;
  }
}
/* End Regisration Information */

/************************************************************ Winter 2020 ******************************************************/
/*Home*/
/*.winter-20-head main {
	vertical-align: top!important;
}

.home-title-right {
	float: right;
	width: 25%;
}

.home-title-right h1 {
	font-size: 2.5em;
    color: #1b4c8c!important;
    text-transform: none!important;
    line-height: .8em;
}

.home-title-right h2 {
	font-size: 1.75em;
	color: #f24405!important;
	font-weight: lighter;
	text-transform: none!important;
}

.home-title-right h3 {
	font-size: 1.25em;
    color: #1b4c8c!important;
    text-transform: none!important;
    margin-top: 20px;
}

.home-title-right a {
	text-decoration: none;
}

#home-head-winter-m {
	display: none;
}

@media only screen and (max-width: 1024px) {
	.home-title-right {
		width: 35%;
		background-color: rgba(222,222,222,.5);
		padding: 15px;
	}
}

@media only screen and (max-width: 890px) {
	.home-title-right {
		width: 100%;
		background-color: transparent;
		/*transform: scaleX(-1);
		margin-top:-50px;
		margin-left: 50px;
		margin-right:-50px;
		float:none;*/
	}

	/*#home-head-winter {
		/*transform: scaleX(-1);
		height: 100%!important;
		background-position: bottom center;*/
		/*display: none;
	}

	#home-head-winter-m {
		display: block;
	}

	#home-head-winter-m img {
		display: block;
	}

	#home-head-winter-m .container, #home-head-winter-m .content {
		padding: 0;
	}
}

@media only screen and (max-width: 479px) {
	#home-head-winter-m .container, #home-head-winter-m .content {
		width: 100%!important;
		max-width: 100%!important;
	}

	.home-row-blue .kah-hero-wrapper-blue {
		padding-bottom: 0;
	}

	.kah-hero-wrapper-blue h1 {
		font-size: 2em!important;
	}

	.home-row-blue .content {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.hero-blue {
	color: #1b4c8c!important;
	margin-top: 0;
}

.hero-orange {
	color: #f24405!important;
}

.orange-btn-small {
	background-color: #f24405;
	color: white;
	border-radius: 1em;
	padding: .3em .8em;
	transition: 600ms;
	box-shadow: 1px 1px 2px #707070;
	font-size: 1.25em;
	font-family: ratio;
	cursor: pointer;
	display: inline-block;
}

.orange-btn-small:active {
	box-shadow: none;
}

.orange-btn-small:hover {
  background-color: white;
  color: #f24405;
  cursor: pointer;
}

/*Winter Page*/
/*.hero-tiles { 
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1em;
}

.hero-tiles-container .container, .hero-tiles-container .content {
	padding: 0;
}



.kah-hero-container {
	text-align: center;
}

.kah-hero-wrapper-white {
	padding: 50px;
}

.kah-hero-wrapper-white h1 {
	text-transform: uppercase;
	font-size: 2.5em;
    color: #1b4c8c!important;
}

.kah-hero-wrapper-white h2 {
	text-transform: uppercase;
	font-size: 1.75em;
    color: #1b4c8c!important;
}

.kah-hero-wrapper-white h3 {
	font-size: 1.75em;
    color: #f24405!important;
}

.kah-hero-wrapper-blue p {
	font-size: 1.75em;
	color: white !important;
	font-family: ratio!important;
	text-align: center;
}

@media only screen and (max-width: 1024px) {
	.snowflake {
		bottom:20px;
	}

	.snowman {
		bottom: 10px;
	}

}

@media only screen and (max-width: 980px) {
	.dashbottom {
		display: none;
	}

}

@media only screen and (max-width: 479px) {
	.hero-tiles { 
		grid-template-columns: 1fr;
	}

	.hero-tiles-img {
		display: none;
	}

	.hero-tiles-img:nth-child(1) {
		display: block;
	}

	.hero-tiles-container .container, .hero-tiles-container .content {
		width: 100%!important;
		max-width: 100%!important;
	}

	.kah-hero-wrapper-white {
		padding: 20px;
	}

	.kah-hero-wrapper-blue {
		padding-bottom: 70px;
	}
}

.kah-hero-container-brown {
	display: flex;
}

.kah-hero-wrapper-brown-left {
	width: 100%;
	padding: 50px;
	align-self: center;
}

.kah-hero-wrapper-brown-left p {
	color: white;
}

.kah-hero-wrapper-brown-right {
	width: 40%;
	position: relative;
}

.kah-hero-wrapper-brown-right img {
	width: 100%;
	height: 100%;
}



.kah-brown-row .container, .kah-brown-row .content {
	padding: 0;
}



@media only screen and (max-width: 1024px) {
	.kah-hero-wrapper-brown-right img {
		display: block;
		height: auto;
	}
}

@media only screen and (max-width: 980px) {
	.kah-hero-container-brown {
		display: inherit;
	}

	.kah-hero-wrapper-brown-left,
	.kah-hero-wrapper-brown-right {
		width: 100%;
	}
}

@media only screen and (max-width: 479px) {
	.kah-hero-wrapper-brown-left {
		padding: 20px;
	}

	.kah-hero-wrapper-brown-right {
		width: 120%;
	}

	.kah-hero-wrapper-brown-right img {
		margin-left:-30px;
		position: relative;
	}

	.kah-brown-row .container, .kah-brown-row .content {
		width: 100%;
	}
}

.kah-hero-container-white-two {
	/*display: flex;*/
	/*padding-top:180px;
}

.kah-hero-wrapper-white-two-left {
	padding: 50px;
	width: 50%;

}

.kah-hero-wrapper-white-two-right {
	position: relative;
	z-index: 2;
	width: 45%;
	display: inline-block;
	padding-bottom:20%;
}

.kah-hero-wrapper-white-two-right img {
	width: 100%;
	position: absolute;
	top: -250px;
}



.kah-hero-wrapper-white-two-left h2 {
    color: #25235b!important;
    text-transform: none!important;
}

.kah-hero-content-white-two-container {
	background: #52a8f2;
	position: relative;
	/*margin-top: -250px;*/
}

/*.kah-hero-content-white-two-left {
	padding: 50px 50px 80px 50px;
	width: 50%;
		position: relative;
	display: inline-block;
	vertical-align: top;
}

.kah-hero-content-white-two-left p, .kah-hero-content-white-two-left strong {
	color: white!important;
}

.kah-white-two-row .container, .kah-white-two-row .content {
	padding: 0;
}

@media only screen and (max-width: 1024px) {
	.kah-hero-wrapper-white-two-right img {
		top: -200px;
	}

	.exclaim {
		display: none!important;
	}
}

@media only screen and (max-width: 980px) {
	.laptop {
		top: 30px!important;
	}

	.mug {
		top: 25px!important;
	}

	.kah-hero-wrapper-white-two-right img {
		top: 0;
		position: relative;
		vertical-align: bottom;
	}

	.kah-hero-wrapper-white-two-left,
	.kah-hero-wrapper-white-two-right,
	.kah-hero-content-white-two-left {
		width: 100%;
	}

	.kah-hero-wrapper-white-two-right {
		padding-bottom: 0;
	}
}

@media only screen and (max-width: 479px) {
	.kah-white-two-row .container, .kah-white-two-row .content {
		width: 100%!important;
		max-width: 100%!important;
	}

	.laptop,
	.mug,
	.dashbottom2 {
		display: none;
	}

	.kah-hero-container-white-two {
		padding-top:0;
	}

	.kah-hero-wrapper-white-two-left {
		padding: 20px;
	}
}

.kah-hero-container-teal {
	display: flex;
}

.kah-hero-wrapper-teal-left {
	width: 50%;
}

.kah-hero-wrapper-teal-left img {
	/*width: 100%;
	height: 100%;*/
}

/*.kah-hero-wrapper-teal-right {
	width: 50%;
	padding: 50px;
	align-self: center;
}

.kah-hero-wrapper-teal-right h1, .kah-hero-wrapper-teal-right h2, .kah-hero-wrapper-teal-right h3, .kah-hero-wrapper-teal-right p {
	color: #1b4c8c!important;
}

.kah-hero-wrapper-teal-right h2 {
	margin-bottom: 20px;
}

.kah-hero-wrapper-teal-right h3 {
	margin-bottom: 	0;
}

.kah-hero-wrapper-teal-right p {
	margin-top:0;
	margin-bottom: 5px;
}

.kah-hero-wrapper-teal-right .blue-btn-small {
	margin-top: 15px;
}


.kah-teal-row .container, .kah-teal-row .content {
	padding: 0;
}

.kah-hero-container-flex {
	display: flex;
}

.kah-hero-wrapper-five-left {
	width: 	50%;
}

.kah-hero-wrapper-five-left p {
	color: white!important	;
}

.kah-hero-wrapper-five-left:nth-of-type(2) {
	text-align: center;
}

.kah-hero-wrapper-five-left:nth-of-type(2) img {
	width: 	400px;
}

.blue-btn-small {
	background-color: #1b4c8c;
	color: white;
	border-radius: 1em;
	padding: .3em .8em;
	transition: 600ms;
	box-shadow: 1px 1px 2px #707070;
	font-size: 1.25em;
	font-family: ratio;
	cursor: pointer;
	display: inline-block;
}

.blue-btn-small:active {
	box-shadow: none;
}

.blue-btn-small:hover {
  background-color: white;
  color: #1b4c8c;
  cursor: pointer;
}

.kah-table {
	width: 25%;
}

.kah-table th {
	width: 50%;
	background-color: #1b4c8c!important;
	font-family: ratio;
	font-size: 1.25em;
	color: white!important;
	border: none!important;
	text-align: center;
	vertical-align: middle;
}

.kah-table tr, .kah-table tr:nth-child(even) {
	background-color: transparent!important;
}

.kah-table td {
	border: 1px solid #1b4c8c!important;
	border-left: 0!important;
	color: #1b4c8c!important;
	text-align:center;
}

.kah-table td:last-child {
	border-right: 0!important;
}

@media only screen and (max-width: 1024px) {
	.dashkite2 {
		top: 90px!important;
		right: -90px!important;
	}

	.kah-hero-container-teal {
		display: inherit;
	}

	.kah-hero-wrapper-teal-left,
	.kah-hero-wrapper-teal-right  {
		width: 100%;
	}

	.kah-hero-wrapper-teal-left img {

	}
}

@media only screen and (max-width: 980px) {
	.kah-hero-container-flex {
		display: inherit;
	}

	.kah-hero-wrapper-five-left {
		width: 100%;
	}

	.dashkite2 {
		top: 400px!important;
		right: 200px!important;
	}

	.kah-hero-wrapper-teal-left {
		display: none;
	}
}

@media only screen and (max-width: 479px) {
	.kah-teal-row .container, .kah-teal-row .content {
		width: 100%!important;
		max-width: 100%!important;
	}

	.kah-hero-wrapper-teal-right {
		padding: 20px;
	}

	.kah-hero-content-white-two-left {
		padding: 20px;
	}

	#custom_html-11,
	#custom_html-12,
	#custom_html-13,
	#instagram-feed-widget-2 {
		display: none;
	}
}

/****************************************************************** SUMMER 2021 *******************************************************************/
/*Colors*/
.keff-blue-txt {
	color: #008da8!important;
}

.keff-blue-back {
	background-color: #008da8;
}

.reg-btn.keff-blue-wire {
  border: 2px solid #008da8;
  color: #008da8;
  background-color: transparent;
}

.another-blue-txt {
	color: #4088c6!important;
}

.another-blue-back {
	background-color: #4088c6;
}

.another-blue-border {
  border-color: #4088c6;
}

.dark-green-txt {
	color: #5f9646!important;
}

.navy-txt {
	color: #25235b;
}

.navy-back {
	background-color: #25235b;
}

.reg-btn.navy-wire {
  border: 2px solid #25235b;
  color: #25235b;
  background-color: transparent;
}

.midnight-txt {
	color: #434968;
}

.midnight-back {
	background-color: #434968;
}

.mag-txt {
	color: #ee3a88;
}

.mag-back {
	background-color: #ee3a88;
}

.reg-btn.mag-wire {
  border: 2px solid #ee3a88;
  color: #ee3a88;
  background-color: transparent;
}

.red-orange-back {
	background-color: #f24405;
}

.red-orange-txt {
	color: #f24405;
}

.reg-btn.red-orange-wire {
  border: 2px solid #f24405;
  color: #f24405;
  background-color: transparent;
}


/*Text and Layout*/
.center-wrapper {
  text-align: center;
}

.container_wrap {
  border: none!important;
}

.column-content-inner .center-wrapper {
  margin-top: 40px;
}

.no-rt-margin {
	margin-right: 0;
}

.no-pad .container,
.no-pad .content {
	padding: 0;
}

.no-pad-container-only .container {
	padding: 0;
}

.no-margin .container,
.no-margin .content {
	margin: 0;
}

/*Sliders */
#layer_slider_1 {
  height: calc(100vh - 150px);
}

/*two column row*/
.row-col_2 {
	display: flex;
}

.column-content {
	position: relative;
    display: flex;
    flex-direction: column;
    width: 50%;
    min-height: 500px;
    padding: 50px;
    justify-content: center;
    align-items: center;
}

.column-content-inner {
	width: 100%
}

.column-content .flag {
	position: absolute;
	top:0;
	left:0;
}

.column-image {
	width: 50%;
    background-size: cover;
}

@media only screen and (max-width: 1024px) {
  .row-col_2 {
    flex-direction: column;
  }

  .column-content {
    order: 2;
    width: 100%;
    min-height: auto;
  }

  .column-image {
    order: 1;
    width: 100%;
    min-height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .no-pad .container {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .column-content {
    padding: 20px;
  }
}

.border-box {
	padding: 10px 20px;
	border-width: 2px;
	border-style: solid;
	display: inline-block;
	font-size: 20px;
	text-transform: uppercase;
	font-family: ratio;
	font-weight: bold;
}

.border-box span {
  font-weight: normal;
  font-size: 18px;
}

.border-box.keff-blue-txt {
	border-color: #008da8;
}

.border-box.red-orange-txt {
	border-color: #f24405;
}

.border-box.navy-txt {
	border-color: #25235b;
}

.border-box.mag-txt {
	border-color: #ee3a88;
}

.row-300 {
	max-height: 300px;
}

.row-border {
	border-width: 10px!important;
	border-style: solid!important;
}

.row-border.gold {
	border-color: #fed402!important;
}

.row-border.dark-green {
	border-color: #5f9646!important;
}

.row-border.teal {
	border-color: #40bead!important;
}

.row-border.midnight {
	border-color: #434968!important;
}

/* Buttons */
.dark-blue-btn {
	font-family:ratio;
	color:white;
	border-radius:5px;
	background-color:#25235b; 
	padding:10px;
	display:inline-block;
	font-weight: bold;
	font-size: 24px;
}

.reg-btn {
	display: inline-block;
	border-radius:10px;
	padding: 5px 40px;
	font-size: 20px;
	font-family: ratio;
	color: white;
	width: 260px;
	text-align: center;
  	transition: .3s;
}

.reg-btn:hover {
  filter: brightness(1.25);
  cursor: pointer;
  box-shadow: 1px 1px 3px black;
}

.reg-btn:active {
  box-shadow: none;
}

a,
a:hover {
	text-decoration: none!important;
}

a .reg-btn {
	text-decoration: none;
}

a:hover .reg-btn {
	text-decoration: none;
}

.sub_menu .reg-btn {
  width: auto;
  padding: 10px 25px;
  font-size: 16px;
}

.reg-btn {
	margin-top: 10px;
}

/* Flags */
.flag {
	padding: 10px 50px;
	display: inline-block;
	width: 75%;
}

.flag span {
	font-weight: normal;
	font-size: 18px;
}


.hero-flag-yellow {
	/*display: inline-block;*/
	padding: 15px 20px;
	background-color: #f7e27e;
	color: #008da8;
	font-size: 40px;
	font-weight: bold;
	font-family: ratio;
	text-transform: uppercase;
}

.hero-flag-green {
	/*display: inline-block;*/
	padding: 15px 20px;
	background-color: #5f9646;
	color: white;
	font-size: 40px;
	font-weight: bold;
	font-family: ratio;
	text-transform: uppercase;
	text-align: center;
}

.hero-flag-green hr {
	border: 2px solid white;
	background-color: white;
	margin: 10px 0;
}

.hero-flag-teal {
	/*display: inline-block;*/
	padding: 15px 20px;
	background-color: #40bead;
	color: #25235b;
	font-size: 40px;
	font-weight: bold;
	font-family: ratio;
	text-transform: uppercase;
	text-align: center;
	left:100px!important;
	bottom:0!important;
}

.hero-flag-teal hr {
	border: 2px solid #25235b;
	background-color: #25235b;
	margin: 10px 0;
}

.hero-flag-midnight {
	/*display: inline-block;*/
	padding: 15px 20px;
	background-color: #434968;
	color: white;
	font-size: 40px;
	font-weight: bold;
	font-family: ratio;
	text-transform: uppercase;
	text-align: center;
}

.hero-flag-midnight hr {
	border: 2px solid white;
	background-color: white;
	margin: 10px 0;
}

.hero-flag-red {
	/*display: inline-block;*/
	padding: 15px 20px;
	background-color: #e02926;
	color: white;
	font-size: 40px;
	font-weight: bold;
	font-family: ratio;
	text-transform: uppercase;
	text-align: center;
}

.hero-flag-another-blue {
	/*display: inline-block;*/
	padding: 15px 20px;
	background-color: #4088c6;
	color: white;
	font-size: 40px;
	font-weight: bold;
	font-family: ratio;
	text-transform: uppercase;
	text-align: center;
}

.hero-flag-green {
	/*display: inline-block;*/
	padding: 15px 20px;
	background-color: #5f9646;
	color: white;
	font-size: 40px;
	font-weight: bold;
	font-family: ratio;
	text-transform: uppercase;
	text-align: center;
}

.hero-flag-mag {
	/*display: inline-block;*/
	padding: 15px 20px;
	background-color: #ee3a88;
	color: white;
	font-size: 40px;
	font-weight: bold;
	font-family: ratio;
	text-transform: uppercase;
	text-align: center;
}

@media only screen and (max-width: 479px) {
  .flag {
    padding-left: 20px;
  }
}


/*Header*/
.logo a {
  display: inline-block;
  margin-right: 20px;
  height: auto;
  vertical-align: middle;
}

.logo a:last-child {
  margin-right: 0;
}

.logo img {
  height: 50px;
}

.header-bottom-menu-container {
  display: flex;
}

.header-bottom-menu-container a,
.header-bottom-menu-container a:hover,
.header-bottom-menu-container a:active {
	text-decoration: none;
	line-height: 1.2em;
	padding: 5px;
}

.header-bottom-menu-item {
  width: 25%;
  background-color: #25235b;
  color: white!important;
  text-align: center;
  margin-right: 3px;
  transition: 1s;
}

.header-bottom-menu-item:last-child {
  margin-right: 0;
}

.header-bottom-menu-item:hover {
  text-decoration: none!important;
  background-color: #008da8;
}

.header-bottom-menu-item.active {
  background-color: #008da8;
}

/*Home Page*/
.age-group-grid {
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  min-height: 200px;
}

.age-group {
  position: relative;
  overflow: hidden;
  height: 500px;
  transition: .3s;
  background-size: cover;
}

.age-group-back {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 500px;
	transition: .3s;
	background-size: cover;
}

.age-group-grid a:hover .age-group-back {
	filter: brightness(1.25);
	transform: scale(1.2) rotate(1deg);
}

.age-group-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 15px;
  background-color: #ee3a88;
  width:30%;
  color: white;
  font-family: ratio;
  font-weight: bold;
  font-size: 24px;
}

.age-group-grid-row .flag {
  margin-left:-50px;
}

.age-group-back.grade-68 {
  background-size: 100%;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1024px) {
  .age-group-title {
    width: 40%;
  }

  .age-group-back.grade-68 {
    background-size: cover;
  }
}

@media only screen and (max-width: 980px) {
  .age-group-grid {
    grid-template-columns: 1fr;
  }

  .age-group-grid-row .flag {
    margin-left: 0;
    width: 100%;
  }

  .responsive #top #wrap_all .age-group-grid-row .container {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .age-group-grid-row .container {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .age-group-title {
    width: 60%;
  }
}

/*Tables*/
.sessions {
	border-collapse: collapse;
	border-width: 5px;
	border-style: solid;
	width: 65%;
	margin: 0 auto;
}

.sessions.ece {
	width: 75%;
}

.sessions.blue,
.sessions.blue th,
.sessions.blue td {
	border-color: #008da8;
	color: #008da8;
}

.sessions.green,
.sessions.green th,
.sessions.green td {
	border-color: #5f9646;
	color: #5f9646;
}

.sessions.navy,
.sessions.navy th,
.sessions.navy td {
	border-color: #9fded6;
	color: #25235b;
}


.sessions th {
	border-width: 5px;
	border-style: solid;
	width: 33.33%;
	font-size: 18px;
	font-family: ratio;
}

.sessions.ece th {
	width: auto;
}

.sessions.ece th:first-child {
	width: 10%;
}

.sessions td {
	border-width: 5px;
	border-style: solid;
	border-top: none;
	border-bottom: none;
	font-size: 18px;
}

.schedule {
	border-collapse: collapse;
	border: none;
	margin-top:50px;
	width: ;
}

.schedule tr:nth-child(even),
.sessions tr:nth-child(even) {
	background-color: transparent!important;
}

.schedule th {
	border-bottom-width: 2px;
	border-right-width: 2px;
	border-left: none!important;
	border-top: none!important;
	border-style: solid;
	border-color: #25235b;
	font-size: 18px;
	text-transform: uppercase;
	font-family: ratio;
	background-color: transparent!important;
}

.schedule td {
	border-bottom-width: 2px;
	border-right-width: 2px;
	border-left: none!important;
	border-top: none!important;
	border-style: solid;
	border-color: #25235b;
	font-size: 18px;
	background-color: transparent!important;
}

.schedule tr:last-child td {
	border-bottom: none;
}

.schedule th:first-child,
.schedule td:first-child {
	border-right-width: 2px; 
	width: 30%;
}

.schedule th:last-child,
.schedule td:last-child {
	border-right: none;
}

.schedule.blue th,
.schedule.blue tr {
	color: #008da8;
}

.schedule.green th,
.schedule.green tr {
	color: #5f9646;
}

.schedule.teal th,
.schedule.teal tr {
	color: #40bead;
}

.schedule.navy th,
.schedule.navy tr {
	color: #25235b;
}

@media only screen and (max-width: 479px) {
  .schedule th:first-child {
    width: 40%;
  }
}

/*********** accordions ***********/
.white-accordion-padding {
  padding:  40px;
}

/*Yellow (Reg Page)*/
.yellow-accordion {
  margin: 0 auto;
  color: #26245c!important;
  position: relative;
  z-index: 2;
}

.yellow-accordion .toggler,
.yellow-accordion .toggler .activeTitle {
  background-color: #f7e27e;
  color: #4088c6!important;
  border: 2px solid white;
  font-family: ratio;
  font-weight: bold;
  text-transform: uppercase;
}

.yellow-accordion .vert_icon, .yellow-accordion .hor_icon, .yellow-accordion .toggle_icon {
  border-color: #4088c6!important;
  color: #4088c6!important;
}

.yellow-accordion .toggle_icon {
	position: absolute;
	top: 18px;
  border-radius: 50%;
  padding: 10px;
}

.yellow-accordion .hor_icon{
  top: 8px;
  left: 5px;
}

.yellow-accordion .vert_icon{
  left: 9px;
  top: 4px;
}

.yellow-accordion strong {
   color: #26245c!important;
}

.yellow-accordion .toggle_content {
	background-color: #faeeb2;
}


/*Blue Green*/
.blue-green-accordion {
  margin: 0 auto;
  color: #26245c!important;
  position: relative;
  z-index: 2;
}

.blue-green-accordion .toggler,
.blue-green-accordion .toggler .activeTitle {
  background-color: #cbeaf1;
  color: #5f9646!important;
  border: 2px solid white;
  font-family: ratio;
  font-weight: bold;
  text-transform: uppercase;
}

.blue-green-accordion .vert_icon, .blue-green-accordion .hor_icon, .blue-green-accordion .toggle_icon {
  border-color: #5f9646!important;
  color: #5f9646!important;
}

.blue-green-accordion .toggle_icon {
	position: absolute;
	top: 18px;
  border-radius: 50%;
  padding: 10px;
}

.blue-green-accordion .hor_icon{
  top: 8px;
  left: 5px;
}

.blue-green-accordion .vert_icon{
  left: 9px;
  top: 4px;
}

.blue-green-accordion strong {
   color: #26245c!important;
}

.blue-green-accordion .toggle_content {
	background-color: #e5f4f8;
	border: 2px solid white;
}

@media only screen and (max-width: 479px) {
  .white-accordion-padding {
    padding: 0;
  }
}

/*Jobs Page*/
.jobs-list h3,
.jobs-list a h3,
.jobs-list a {
	color: #ee3a88!important;
	transition: .3s;
}

.jobs-list a:hover {
	color: #25255b!important;
	cursor: pointer;
}

.job-type {
	padding: 20px;
	border-bottom: 1px solid #25255b!important;
}

.job-type:last-child {
	border: none!important;
}

.job-type p:last-child {
	margin-bottom: 0!important;
}

.jobs-padding {
	padding: 40px!important;
}

@media only screen and (max-width: 980px) {
	.jobs-padding {
		padding: 20px!important;
	}

	.job-type {
		padding: 20px 0;
	}
}

/*Footer*/
.footer-copy h2,
.footer-copy h3 {
  text-align: center;
}

.footer-copy a {
	color: #25235b!important;
	transition: .3s;
	text-decoration: underline!important;
}

.footer-copy a:hover {
	color: #666!important;
}

.copyright {
	color: #25235b!important;
	font-size: 11px;
	margin-top:20px;
}

.footer-icon-container {
	margin-top: 40px;
}

/*footer social icons*/
.footer-social {
	width: 50%;
	display: inline;
}

.footer-social a {
	color: #25235b;
	font-size: 22px;
	margin-right: 10px;
	transition: .3s;
}

.footer-social a:last-child {
	margin-right: 0;
}

.footer-social a:hover {
	color: #008da8;
	text-decoration: none!important;
}

.facebook:before {
	content:"\e8f3";
	font-family: 'entypo-fontello';	
}

.instagram:before {
	content:"\e909";
	font-family: 'entypo-fontello';	
}

.youtube:before {
	content:"\e921";
	font-family: 'entypo-fontello';	
}

/*footer logos*/
.footer-logos {
	float: right;
	margin
	width: 50%;
	display: inline;
}

.footer-logos img {
	height: 40px;
}

.footer-logos>* {
	display: inline;
}

@media only screen and (max-width: 980px) {
  .footer-copy h3 {
    text-align: left;
  }  
}

@media only screen and (max-width:479px) {
  .footer-icon-container {
    display: flex;
    flex-direction: column;
  }

  .footer-logos {
    margin-top: 20px;
  }

  .copyright {
    margin-top: 0;
  }
}

/*Contact Page*/
.contact-details strong,
.contact-details a {
	color: #e02926;
}

.contact-details {
	border-left: 2px solid #e02926!important;
	padding-left: 20px;
}

.contact-form input[type="submit"] {
	background-color: #008da8;
  border-radius:  10px;
}

.contact-form input[type="submit"]:hover {
  background-color: #008da8;
}

.contact-form input[type="submit"]:focus {
  outline:  none;
}


/*Force max width of body for XL screens*/
body, header {
  max-width: 1920px;
  margin: 0 auto;
}

.mobile-only {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .mobile-only {
    display: block;
  }
}