@charset "UTF-8";
 
body {font-family: 'Roboto',sans-serif; font-size: 1.125rem; line-height: 2rem;}
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: 1.125rem; line-height: 2rem;}
h1 {font-family: 'Roboto Condensed',sans-serif; font-weight: bold; font-size: 1.375rem !important; line-height:2rem !important; margin-bottom: 1rem;}
h2 {font-family: 'Roboto',sans-serif; font-weight: bold; font-size: 2.875rem !important; margin: 2rem 0 2rem 0; padding: 0; line-height: 3.25rem !important; font-style: normal; text-align: center;}
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: #00a8ff; width: 100%;  border: none; box-shadow: 0 5px 10px rgba(0,0,0,0); margin-bottom: 0.5rem; transition: background .25s; }
.rsvp-btn:hover {background: #0082c6;}
.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: #00a8ff; width: 100%; margin: 0; max-width: 400px;  border: none; box-shadow: 0 5px 10px rgba(0,0,0,.1); }
.rsvp-btn.large:hover {background: #0082c6;}

.callout-box {padding: 1.5rem; position: relative; border: solid 2px #00a8ff; border-radius: 10px; background: #fff; box-shadow: 0 8px 25px rgba(0,0,0,.08);}
.callout-box-sp {width: 100%; text-align: center; margin-top: -3rem; margin-bottom: 1.5rem;}
.hover {margin-top: ;}
.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/v1670964293/expo/Camp%20Expo/white-arrow-scoop.svg); background-position: 0% 0%; background-repeat: no-repeat; width: 100%; max-width: 450px; height: 100px; margin-top: -2rem; }*/
.arrow-wrap:before {padding-right: 5rem; position: relative;  content: ""; background-image: url(https://res.cloudinary.com/ourkids/image/upload/v1670964293/expo/Camp%20Expo/white-arrow-scoop.svg); background-position: 0% 0%; background-repeat: no-repeat; width: 300px; max-width: 450px; height: 100px; margin-top: 4rem; display: inline-block; margin-left: -6rem; transform: rotate(-100deg);}

.cta-box {padding-top: 0.5rem;}
.grey-box {padding: 3rem; background: #f1f1f1; border-radius: 5px; margin: 2rem 0 6rem 0;}
.limited-txt {width: 100%; text-align: center; font-size: .875rem; color: #888; line-height: normal; margin: .5rem 0 0 0;padding:0;}
.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://d9hhrg4mnvzow.cloudfront.net/expo.ourkids.net/welcome/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(/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/v1670964293/expo/Camp%20Expo/white-arrow-scoop.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;}

	.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); min-height: 170px;}
.bg-img {background-position: 160% 50%; background-repeat: no-repeat; background-size: contain; background-image: url(https://res.cloudinary.com/ourkids/image/upload/c_scale,h_600,f_auto,q_auto/v1671114705/expo/Camp%20Expo/index-large-image-01.png); }
/*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;
}

	 .big-quote {font-family: 'Lora', Raleway,Arial;font-weight: 400;font-size: 1.25rem; line-height: 1.5;color: #252525;-webkit-font-smoothing: antialiased;margin: 0 !important;}
	 .big-quote2 {font-family: 'Lora', Raleway,Arial;font-weight: 400;font-size: 1.75rem; line-height: 1.5;color: #252525;-webkit-font-smoothing: antialiased;margin: 0 !important; text-align: left;}
		 .img-circ {width: 7rem; border-radius: 50%; border: 1px solid #bbbac0; float: left; margin-right:20px;}
.whiteBox {background: #fff; border-radius: 5px; padding: 1.5rem;}
.orbit-slide {height: 321px;}
.orbit-slide img {height: 100%; border-radius: 5px;}
.orbit-bullets button {width: 10px; height: 10px; margin: 0 .2rem;}

.top-text {padding-right:4rem;}
.top-text img.logo {max-width:500px}
.left-shift {margin-left:-12%; margin-top:1rem;}


/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
		.rsvp-btn.large {max-width: none;}
	.hover {margin-top: 0rem;}
	.bg-img {background-image: none;}
.cta-box {margin:0 0 2rem 0;}
.top-text {padding-right:0;}

.left-shift {margin-left:1rem; margin-top:1rem;}

}



/* Small only */
@media screen and (max-width: 39.9375em) {
	h1 { font-size: 1.375rem !important; line-height:2rem !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;}
.cta-box {margin:2rem 0 !important;}
.top-text {padding-right:0rem;}
.top-text img.logo {max-width:100%}

.left-shift {margin-left:1rem; margin-top:1rem;}

	.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/v1670964293/expo/Camp%20Expo/white-arrow-scoop.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;}
    
     .big-quote2 {font-family: 'Lora', Raleway,Arial;font-weight: 400;font-size: 1.35rem; line-height: 1; color: #252525;-webkit-font-smoothing: antialiased;margin: 0 !important; text-align: left;}
	 
	  .img-circ {width: 5rem; border-radius: 50%; border: 1px solid #bbbac0; float: left; margin-right:15px;}
	.bg-img {background-image: none;}

	
}