@charset "UTF-8";
 
body {font-family: 'Roboto',sans-serif; font-size: 1rem; line-height: 1.875rem;}
p {font-family: 'Roboto',sans-serif; font-size: 1.125rem; line-height: 2rem;}
ul {margin-bottom: 0;}
ul li {font-family: 'Roboto',sans-serif; font-size: 1rem; line-height: 1.875rem;}
h1 {font-family: 'Roboto',sans-serif; font-weight: bold; font-size: 4rem !important; line-height:4.875rem !important; margin-bottom: 0;}
h2 {font-family: 'Roboto',sans-serif; font-weight: bold; font-size: 2rem !important; margin: 2rem 0 1rem 0; padding: 0; line-height: 2.75rem !important; font-style: normal;}
h3 {font-family: 'Roboto',sans-serif; font-weight: normal; font-size: 1.5rem; line-height: 2.125rem; margin: 0 0 1rem 0; padding: 0;}
h4 {font-family: 'Roboto',sans-serif;}

.grey-bg {width: 100%; max-width: none; background: #f1f1f1; margin: 3rem 0;}
.rsvp-btn {font-family: 'Roboto',sans-serif; padding: 1rem 1.5rem; font-size: 1.125rem; line-height: normal; color: #fff; font-weight: normal; border-radius: 5px; background: #be1f24; width: 100%;  border: none; box-shadow: 0 5px 10px rgba(0,0,0,0); margin-bottom: 0.5rem; }
.rsvp-btn.large {font-family: 'Roboto',sans-serif; padding: 1.5rem 1.5rem; font-size: 1.25rem; line-height: normal; color: #fff; font-weight: bold; border-radius: 5px; background: #be1f24; width: 100%; margin: 0; max-width: 400px;  border: none; box-shadow: 0 5px 10px rgba(0,0,0,.1); }
.rsvp-btn.expo-expired {cursor: no-drop; background: gray; }
.callout-box {padding: 2rem; position: relative; border: solid 0px #be1f24; border-radius: 10px; background: #fff; box-shadow: 0 8px 30px rgba(0,0,0,.08), 0 1px 1px rgba(0,0,0,.15), 0 1px 0px 1px rgba(0,0,0,.1);}
.callout-box-sp {width: 100%; text-align: center; margin-top: -3rem; margin-bottom: 1.5rem;}
.hover {margin-top: -7rem;}
.city-name-float {margin-top: -5rem; border: solid 2px #be1f24; border-radius: 5px; background: #fff; display: inline-block; padding: .5rem 1rem; font-weight: bold; font-size: 1.5rem; letter-spacing: .05rem;}
.arrow-wrap:before {padding-right: 5rem; position: absolute;  content: ""; background-image: url(https://res.cloudinary.com/ourkids/image/upload/f_auto,q_auto/v1695137372/expo/images/a853f6b6-group-22.svg); background-position: 0% 0%; background-repeat: no-repeat; width: 100%; max-width: 450px; height: 100px; margin-top: -2rem; }
.grey-box {padding: 3rem; background: #f1f1f1; border-radius: 5px; margin: 2rem 0 6rem 0;}
.limited-txt {width: 100%; text-align: center; font-size: 1rem; color: #666;}
.small-bullet {font-size: 1rem;}
.thin-box {padding: 1.5rem; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; margin-bottom: 2rem;}
.img-bg-01 {background-image: url(https://res.cloudinary.com/ourkids/image/upload/f_auto,q_auto/v1695135356/school/expo/web-assets/kzcd1q-group-40-1.png); background-size: cover; background-attachment: ;background-position: 50% 50%; background-repeat: no-repeat; padding: ;}
.img-bg-02 {background-image:url(https://res.cloudinary.com/ourkids/image/upload/v1695137957/expo/images/expo22-stk03.png); background-size: cover; background-attachment: ;background-position: 60% 50%; background-repeat: no-repeat; padding: ;}

.reveal {padding: 3rem; border-radius: 10px; box-shadow: 0 10px 50px rgba(0,0,0,.1);}
.close-button {border: none; box-shadow: none; background: none !important; padding: 0;}
.arrow-wrap-side:before { position: absolute;  content: ""; background-image: url(https://res.cloudinary.com/ourkids/image/upload/f_auto,q_auto/v1695137372/expo/images/a853f6b6-group-22.svg); background-position: right top; height: 60px; background-size: contain; background-position: 50% 50%; width: 120px; background-repeat: no-repeat;transform: rotate(-90deg); left: 0; top: 0;}
.red-txt {color: #be1f24;}
	.img-bg-1 {background:none;}
.programs-expand {
        padding: 2px 3px; cursor: pointer; width: 100px; background:#be1f24; color: #fff; border-radius: 3px 3px 0 0; font-weight: bold; font-family: 'Lato',sans-serif;
    }   
    .programs-expand:after {  font-family: FontAwesome, Lato, sans-serif;  content:'\f0d7 \00a0 show all \00a0 \f0d7';}
    .programs-expand.show:after {  font-family: FontAwesome, Lato, sans-serif;  content: '\f0d8 \00a0 show less \00a0 \f0d8';}
		.programs-wrapper {max-height: 350px;}

.white-gradient {background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);}

.whiteBox {border-radius: 5px; border: none; box-shadow: 0 5px 15px rgba(0,0,0,.1);}

.expo-icon    {height: 130px; padding: 1rem 0;}

/*countdown*/
.clockdiv{
	font-family: sans-serif;
	color: #fff;
	display: flex;
	font-weight: 100;
	text-align: center;
	font-size: 26px;

}

.clockdiv > div{
	padding: 0;
	border-radius: 3px;
	background: none;
	display: inline-block;
	flex: auto;
	margin: 0 2px;
}

.clockdiv div > span{
	padding: 15px;
	border-radius: 3px;
	background: #f1f1f1;
	display: inline-block;
	color: #333;
	font-weight: bold;
}

.smalltext{
	padding-top: 5px;
	font-size: 14px;
	color: #666;
}

/*icons*/
ul {list-style: none;}
ul.icon-check li:before {    
    font-family: 'FontAwesome';
content:"\f058";
	margin:0 5px 0 -20px;
    color: #be1f24;
}
ul.icon-check.large li {    
   font-size: 1.325rem;
	
}
ul.icon-clock li:before {    
    font-family: 'FontAwesome';
content:"\f017";
	margin:0 5px 0 -20px;
		width: 20px;
	display: inline-block;
    color: #be1f24;
			text-align: center;

}
ul li.icon-cal:before {    
    font-family: 'FontAwesome';
content:"\f133";
	margin:0 5px 0 -20px;
		width: 20px;
	display: inline-block;
    color: #be1f24;
			text-align: center;

}
ul li.icon-map:before {    
    font-family: 'FontAwesome';
content:"\f041";
	margin:0 5px 0 -20px;
	width: 20px;
	display: inline-block;
    color: #be1f24;
		text-align: center;

}
ul li.icon-park:before {    
    font-family: 'FontAwesome';
content:"\f1b9";
	margin:0 5px 0 -20px;
	width: 20px;
	display: inline-block;
	color: #be1f24;
	text-align: center;
}

ul li.icon-clock:before {    
    font-family: 'FontAwesome';
content:"\f017";
    margin:0 5px 0 -20px;
	width: 20px;
	display: inline-block;
	color: #be1f24;
	text-align: center;
}


/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
		.rsvp-btn.large {max-width: none;}
	.hover {margin-top: 0rem;}

}



/* Small only */
@media screen and (max-width: 39.9375em) {
	h1 { font-size: 2.5rem !important; line-height:3.25rem !important; }
	h2 {font-size: 2rem !important; line-height: 2.5rem !important; margin: 1rem 0; text-align: left;}
	.grey-box {padding: 2rem 1rem;}
.grey-bg.first {margin: 0;}

	.hover {margin-top: 0rem;}
	.rsvp-btn.large {max-width: none;}
.arrow-wrap:before { position: absolute;  content: ""; background-image: url(https://res.cloudinary.com/ourkids/image/upload/f_auto,q_auto/v1695137372/expo/images/a853f6b6-group-22.svg); background-position: right top; height: 50px; background-size: contain; right: 0; bottom: auto; top: auto; left: auto; width: auto; transform: rotate(-90deg);}
	.img-bg-1 {background:none;}
.img-bg-02 {background-image:none;}
	.top-photo {width: 75%; margin-top: -5rem;}
	.expo-logo {margin: 2rem 0 1rem 0;}
	.img-bg-01 {background-image: none;}
}