/*
 Theme Name:   Maplewood
 Theme URI:    
 Description:  Stark Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     stark
 Version:      1.0.0
 Text Domain:  stark-child
*/

/* Nothing should need to be imported, it will import automatically through the parent theme */
@import "css/reset.css";
body {
	background: #fff;
	font-size: 12px;
	font-family: 'Quicksand', sans-serif;
	color: #000;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.inner {
	width: 1240px;
	margin: 0 auto;
}
.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
}
a {
	text-decoration:none;
	color:inherit;
	-webkit-transition: all 0.6s ease 0s;
	transition:all 0.6s ease 0s
}
/* Header CSS Start */
#header {
	background:url(images/header-bg.jpg) repeat-x;
	height:63px;
	width:100%
}
button#slide-menu.slide-nav-link {
	margin: 0;
}
.logo {
	float:left;
	position:relative;
	margin:19px 0 0 45px;
	width:241px;
}
.logo img {
	position:absolute;
	z-index:6
}
.topNav {
	float:left
}
.topNav {
	margin:25px 0 0 53px
}
.topNav li {
	list-style-type:none;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-shadow:0 0 7px rgba(0,0,0,0.5);
	font-family: 'Quicksand', sans-serif;
	text-transform:uppercase
}
.topNav li:first-child {
	margin:0
}
.topNav li:nth-child(2) {
	margin-left:44px
}
.topNav li:nth-child(3) {
	margin-left:34px
}
.topNav li:nth-child(4) {
	margin-left:38px
}
.topNav li a:hover, .topNav li.current-menu-item a{ color:#FED013}
.phone {
	float:left;
	color:#fff;
	font-family: 'helsinkiregular';
	font-size:25px;
	margin:16px 0 0 53px;
}
.phone a:hover {
	color:#fed013
}
.requestBrochure {
	float:right;
	padding-top:20px;
	font-size:18px;
	color:#000;
	height:30px;
	width:239px;
	background:url(images/call-for-camp-tour.png);
	background-size:100% 100%;
	text-align:center
}
.requestBrochure a {
	font-size:15px;
	text-transform:uppercase;
	color:#1c4c24;
	font-family: 'helsinkiregular';
}
.requestBrochure a:hover {
	color:#fff
}
/* Header CSS End */


/* Menu CSS Start */
#menu {
	height:94px;
	background:url(images/nav-bg.png) no-repeat center top;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	font-family: 'helsinkiregular';
	z-index:3
}
#menu ul {
	display:table;
	margin:15px 0 0 278px
}
#menu ul li {
	list-style-type:none;
	float:left;
	color:#fff;
	font-size:28px;
	padding:0 62px;
	border-left:1px solid #c4b023;
	text-align:center
}
#menu ul li:first-child {
	border-left:0
}
#menu ul li span {
	display:block;
	clear:both;
	font-size:18px;
}
#menu ul li a {
	display:block
}
#menu ul li a:hover, #menu ul li.current-menu-item a {
	color:#c4b023
}
/* Menu CSS End */

.visual {
	/*height:592px;*/
	width:100%;
}
/*.visual img {
	max-width:100%;
	height:auto;
	margin:0 auto;
	display:block;
	min-height:592px
}*/
.green-bar {
	height:63px;
	line-height:63px;
	background:#1c4c24;
	text-align:center;
}
.green-bar span {
	font-size:50px;
	color:#fff;
	font-family: 'Mission Script';
	margin:0 0 0 -29px;
	text-shadow:1px 1px 1px #000;
}
/* Content CSS Start */
#content {
}
.programs {
	background:url(images/programs-bg.jpg) no-repeat center top;
	width:100%;
	padding:0 0 105px
}
.summerProgram {
	margin:0 0 0 -27px;
	max-width:608px
}
.schoolProgram {
	max-width:584px;
	float:right;
	margin-right:30px
}
.home-content {
	padding:135px 0 50px;
	background:url(images/home-cont-bg.png) no-repeat center top;
	margin:-112px 0 0;
	overflow:hidden;
	width:100%;
	background-size:cover
}
.video-cont {
	margin:15px 0 0 0;
	float:left;
	max-width:523px;
	overflow:hidden
}

.video-cont video {
	width: 100%;
}

video {
	cursor: pointer;
}

.callforcamp {
	width:523px;
	height:55px;
	background:url(images/call-for-camp-tour.png) no-repeat;
	display:block;
	color:#281a0a;
	font-family: 'Cabin Sketch', cursive;
	font-size:35px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding-top:36px;
	margin-top:-2px
}
.callforcamp:hover {
	color:#fff
}
.welcome-text {
	width:605px;
	text-align:center;
	color:#fff;
	float:right;
	margin-right:32px;
}
.welcome-text h3 {
	font-size:45px;
	font-family: 'Mission Script';
	display:block;
	margin:0 0 20px;
	font-weight:normal
}
.welcome-text p {
	font-size:16px;
	line-height:22px;
	text-align:justify
}
.welcome-text a {
	padding:10px 34px;
	font-size:14px;
	text-transform:uppercase;
	color:#281a0a;
	background:#fed013;
	font-family: 'helsinkiregular';
	margin:25px auto;
	display:table
}
.welcome-text a:hover {
	background:#000;
	color:#fff
}
/* Footer CSS Start */
#footer {
	padding:0;
	background:url(images/footer-bg.jpg) no-repeat;
	background-size:cover;
	display:table;
	width:100%;
	table-layout:fixed
}
#footer .inner {
	width:1240px;
	display:table;
	margin:0 auto
}
.footerLft {
	width:522px;
	float:left
}
.footerLft ul {
	margin:57px 0 41px;
	overflow:hidden
}
.footerLft ul li {
	list-style-type:none;
	float:left;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 22px;
	text-shadow:0 0 10px rgba(0,0,0,0.9)
}
.footerLft ul li:first-child {
	padding-left:0;
}
.footerLft ul li:last-child {
	padding-right:0
}
.footerMiddle {
	float:left;
	position:relative
}
.footerMiddle img {
	position:absolute;
	width:163px;
	height:auto;
	margin:-9px 0 0;
	z-index:11
}
.footerRht {
	float:right;
	max-width:570px;
	margin:-2px -22px 0 0
}
.footerRht ul {
	margin:60px 0 45px
}
.footerRht ul li {
	list-style-type:none;
	float:left;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 19px;
	text-shadow:0 0 10px rgba(0,0,0,0.9);
}
.footerRht ul li:last-child {
	padding-right:0
}
.footerRht ul li:first-child {
	padding-left:0
}
.footerLft span {
	font-size:13px;
	color:#fff;
	line-height:19px;
	padding:0 0 0 25px;
	text-shadow:0 0 10px #000;
	position:relative;
	margin:0 0 9px;
	font-weight:700
}
.fAddress {
	float:left
}
.fAddress:before {
	width:19px;
	height:19px;
	background:url(images/sprite.png) 0 0;
	content:'';
	position:absolute;
	left:0;
	top:0
}
.footerLft span:hover a {
	color:#ffd114
}
.fTell {
	float:left;
	margin-left:32px !important
}
.fTell:before {
	content:'';
	background: url(images/sprite.png) no-repeat -31px 0;
	width: 13px;
	height: 18px;
	position:absolute;
	left:0;
	top:2px
}
.fMail {
	clear:both;
	float:left
}
.fMail:before {
	content:'';
	background: url(images/sprite.png) no-repeat 0px -28px;
	width: 17px;
	height: 10px;
	position:absolute;
	left:0;
	top:5px
}
.fax {
	float:left;
	margin-left:83px !important;
	padding-left:28px !important
}
.fax:before {
	content:'';
	background: url(images/sprite.png) no-repeat -29px -23px;
	width: 17px;
	height: 15px;
	position:absolute;
	left:0;
	top:5px
}
.licaps {
	float:left;
	margin:25px 0 0
}
.inicamp {
	float:left;
	margin:14px 53px 0 63px
}
.nystcamp {
	margin:8px 6px 0 0
}
.copy {
	text-align:center;
	color:#fff;
	font-size:14px;
	margin:32px 0 50px;
	clear:both;
	display:block;
	font-weight:bold
}
#footer ul li a:hover {
	color:#fecf13
}
.innerCont {
	background:#fff;
	width:1048px;
	padding:189px 34px 30px;
	margin:0 auto;
	position:relative;
	left:-16px;
	box-shadow: 25px 0 25px -25px rgba(0,0,0,0.5), inset 0 -25px 25px -25px rgba(0,0,0,0.8), -25px 0 25px -25px rgba(0,0,0,0.5);
	min-height:300px
}
body.page, body.search, body.error {
	background:#fff url(images/internal_body_bg.jpg) no-repeat center top !important
}
body.page #footer, body.search #footer, body.error #footer {
	position:relative
}
body.page #footer:before, body.search #footer:before, body.error #footer:before {
	content:'';
	height:504px;
	width:100%;
	background:url(images/internal_footer_bg.png) no-repeat center top;
	position:absolute;
	top:-504px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:-1
}
.visual-internal {
	position:relative;
	margin-bottom:25px
}
.visual-internal .caption {
	position:absolute;
	right:20px;
	top:44px;
	color:#fff;
	max-width:460px
}
.visual-internal .caption h2 {
	font-size:30px;
	font-weight:bold
}
.visual-internal .caption p {
	font-size:16px;
	line-height:22px;
	margin-top:5px
}
.summerProgram2 {
	position:relative;
	display:block
}
.summerProgram2 span {
	/*width:419px;*/
	height:52px;
	background:url(images/summerprogrambg.png) no-repeat;
	background-size:100% 100%;
	font-size:35px;
	font-weight:bold;
	color:#281a0a;
	font-family: 'Cabin Sketch', cursive;
	text-transform:uppercase;
	padding:70px 60px 0;
	display:block;
	position:absolute;
	bottom:-15px;
	text-align:center;
	z-index:5;
}
/*.summerProgram2 a:hover {
	color:#fff
}*/
.innerCont h1 {
	font-size:2.5em;
	line-height:1.2em;
	display:block;
	margin-bottom:1em
}
.innerCont h2 {
	font-size:2em;
	line-height:1.2em;
	margin: 0.75em 0 0.25em;
}

.innerCont h3 {
	font-size:1.5em;
	line-height:1.2em;
}
.innerCont {
	font-size:1.58333em;
	line-height: 1.4em;
}
.innerCont p {
	margin-bottom: 1.5em;
}
.innerCont ul {
	margin:15px 0 15px 49px;
}
.innerCont ul li {
	line-height:1em;
	margin-bottom: 0.75em;
}
.innerCont table {
	width: 100%;
	margin: 1em 0;
}
.innerCont a {
	border-bottom: 1px solid;
	-webkit-transition: 0.3s linear border-bottom-color;
	transition: 0.3s linear border-bottom-color;
}
.innerCont a:hover {
	border-bottom-color: transparent;
}

.pull-right {
	float:right;
	margin:0 0 20px 30px
}

.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

figure img {
	width: 100%;
	box-sizing: border-box;
}
			
/* Footer CSS End */
.visual {
	overflow: hidden;
}
.soliloquy-container .soliloquy-image{ min-height:592px}
.soliloquy-container .soliloquy-prev{ background-color:rgba(253, 208, 19, 0.7) !important}
.soliloquy-container .soliloquy-next{ background-color:rgba(253, 208, 19, 0.7) !important}
.entry-content img{ border:10px solid #fff; box-shadow:0 0 0 2px #e4e4e4}

.wp-video {
	margin: 0 auto;
}

.page-id-148 article ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin-left: 0;
}

.page-id-148 article ul li {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 25%;
	    -ms-flex: 0 1 25%;
	        flex: 0 1 25%;
    list-style: none;
    padding: 0 1%;
    box-sizing: border-box;
}

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

/*.visual img {
	position:relative;
	width:1500px;
	margin:0 0 0 -750px;
	left:50%;
	height:auto;
	max-width:none;
	min-height:inherit;
	z-index:0
}*/
#menu {
	z-index:1
}
#wrapper {
	overflow:hidden
}
.programs {
	overflow: hidden;
}
.programs a img {
	position: relative;
	top: 0;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.programs a:hover img {
	top: -10px;
}
.programs img {
	width:46%;
	margin:0 2%
}
#footer .inner {
	width:98%
}
.footerLft {
	width:41%
}
.footerMiddle {
	width:13%
}
.footerMiddle img {
	width:100%
}
.footerRht {
	width:44%
}
.spoLogos img {
	max-width:27%;
	margin:15px 3% 0
}
.footerLft ul li:nth-child(3) {
	clear:both;
	padding-left:0;
	margin-top:15px;
}
.footerLft ul li:nth-child(4) {
	padding-left:0;
	margin-top:15px
}
.footerRht ul {
	float:right
}
.footerRht ul li:nth-child(3) {
	clear:both;
	padding-left:0;
	margin-top:15px;
}
.footerRht ul li:nth-child(4) {
	padding-right:0;
	margin-top:15px
}
.spoLogos {
	clear:both
}
.home-content {
	background-size:cover
}
}
@media screen and ( max-width:1260px ) {
.inner {
	width:98%
}
.logo {
	margin:19px 0 0 45px
}
.requestBrochure{ margin-right:18px}
#menu ul li {
	padding:0 40px
}
.video-cont {
	width:48%
}
.welcome-text {
	width:48%;
	margin:0
}
.topNav li {
	font-size:12px;
	margin:0 12px !important
}
.phone {
	font-size:18px;
	margin:21px 0 0 20px
}
.topNav {
	margin:25px 0 0 25px
}
.callforcamp {
	width:100%;
	background-size:100% 100%
}
.footerLft span {
	float:none !important;
	margin:5px 0 !important;
	clear:both !important;
	display:block
}
.innerCont {
	padding:185px 2% 30px;
	width:90%;
	left:0
}
.visual-internal img {
	width:100%;
	height:auto
}
	.soliloquy-container .soliloquy-image {
		min-height: initial;
	}
}
@media screen and ( max-width:1100px ) {
#menu ul li {
	padding:0 35px
}
.topNav {
	margin:25px 0 0 14px
}
.video-cont img {
	width:100%;
	height:auto
}
}
@media screen and ( max-width:999px ) {
.topNav, #menu {
	display:none
}
.phone {
	float:right;
	margin-right:15px
}
.logo {
	margin: 0;
	width: 175px;
}
.logo img {
	width: 100%;
}
.footerLft ul, .footerRht ul {
	display:none
}
.footerLft, .footerRht {
	padding:12px 0 0
}
.copy {
	margin:15px 0 25px
}
.green-bar span {
	font-size:30px;
	margin: 0;
}
.welcome-text h3 {
	font-size:26px
}
.welcome-text p {
	font-size:14px;
	line-height:22px;
	padding: 0 15px;
}
.callforcamp {
	font-size:21px;
	height:36px;
	padding-top:30px
}
.summerProgram2 span{ background:#FED013; height:52px; line-height:52px; position:static; margin:25px 0 0; display:table; padding:0 20px; width:auto}
.innerCont {
	padding-top:15px
}
.entry-content img {
	max-width: 50%;
	height: auto;
	border-width: 5px
}
.page-id-148 article ul li {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 50%;
	    -ms-flex: 0 1 50%;
	        flex: 0 1 50%;
}
}
 @media screen and ( max-width:767px ) {
.welcome-text {
	width:100%;
	float:none;
	margin:10px 0
}
.video-cont {
	max-width:100%;
	float:none;
	margin:10px auto;
	display:table;
	width:90%
}
.programs img {
	width:90%;
	margin:10px 5%
}
.footerLft, .footerRht {
	float:none;
	margin:0 auto;
	width:auto;
	display:table;
	text-align:center
}
.footerLft span {
	display:table;
	margin:5px auto !important
}
.footerMiddle {
	display:none
}
#header {
	height:auto;
	background-repeat:repeat;
	background-size:auto;
	padding:10px 0
}
.logo {
	float:none;
	margin:0 auto;
	width: 150px;
}
.logo img {
	position:static;
	margin:0 auto;
	display:table;
	max-width:100%
}
.phone {
	float:none;
	margin:10px auto;
	display:table
}
.requestBrochure {
	display:table;
	margin:10px auto;
	background:#fecf13;
	height:40px;
	line-height:40px;
	padding:0;
	float:none
}
.pull-right {
	float:none;
	width:100%;
	margin:15px 0
}
.summerProgram2 span{ margin:0}

}
@media screen and ( max-width:600px ) {
.visual-internal .caption {
	display:none
}
}
@media screen and ( max-width:540px ) {
.green-bar span {
	font-size:20px;
}
.entry-content img {
	float: none;
	margin: 0 auto 1em;
	display: block;
	max-width: 90%;
}

@media screen and (max-width: 500px) {
	.home-content {
		padding:50px 0;
		margin:-100px 0 0;
		background-size:500px;
		background-image: url(images/home-cont-bg.jpg);
		background-color: #1c4c24;
	}

	.page-id-148 article ul li {
		-webkit-box-flex: 0;
		-webkit-flex: 0 1 100%;
		    -ms-flex: 0 1 100%;
		        flex: 0 1 100%;
	}
}

}