@charset "UTF-8";
/* CSS Document */

/*
font-family: 'Arvo', serif; 400,400i,700,700i
font-family: 'dear_JoeHannes', serif; 400

Purple - #38174B / 56,23,75
Green - #007032 / 0,112,50

Lt Green - #5DA423 / 93,164,35
Orange - #FFAE00 / 255,274,0

Text - #4F4F4F / 79,79,79
Lt Gray - #8E8E8E / 142,142,142
Drk Gray - #343434 / 52,52,52
*/

@media screen and (max-width: 64.063em) {

}
@media screen and (max-width: 40.063em) {

}

body {
	background-image: url(../img/bg/full/secondary.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		
}

body.home {
	background-image: none;		
}





/******** HOMEPAGE ********/

.homepage {
	position: relative;
	height: 100vh;
	width: 100vw;
	z-index: 3;
	
	/*background-image: url(../img/bg/full/homepage.jpg);
	
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/		
}


.homepage .tagline {
	position: relative;
	z-index: 3;
	top: 50%;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	
	color: #FFFFFF !important;	
	text-align: center;
}
.homepage .tagline h2 {
	font-family: 'dear_JoeHannes', serif;
	font-weight: 400;
	color: #FFFFFF !important;	
	font-size: 5.35vw;
}
.homepage .tagline h2 span {
	font-size: 3.65vw;
}
.homepage .tagline p {
	font-size: 1rem;
	line-height: 1.15;
}
.homepage .tagline a i {
	margin: 0rem 1.35rem;
	font-size: 65px;
	color: #FFFFFF;
	opacity: 1.0;
	
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;		
}
.homepage .tagline a i:hover,.homepage .tagline a i:focus {
	opacity: 0.35;
}

a.scroll-indicator {
	font-family: 'Arvo', serif;
	font-weight: 700;
    position: absolute;
    bottom: 1.65rem;
    left: 50%;
    z-index: 2;
    font-size: 1.65rem;
    color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
    text-align: center;

	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media screen and (max-width: 40.063em) {
.homepage {
	height: auto;
	padding: 27.85rem 0rem 1.85rem 0rem;	

	background-attachment: scroll;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;	
}
.homepage .tagline {
	margin-top: 1.35rem;
	top: auto;
	
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}
.homepage .tagline h2 {
	font-size: 2.35rem;
}
.homepage .tagline h2 span {
	font-size: 1.35rem;
}
a.scroll-indicator {
	display: none;
}
}




/******** /HOMEPAGE ********/
/******** INTRO ********/

.kicker {
	position: relative;
	width: 100%;
	padding: 6.65rem 0rem;
	text-align: center;	
	background: url(../img/bg/pattern/noise-light.jpg) center center repeat #FFFFFF;
}
.kicker h2 {
	font-family: 'dear_JoeHannes', serif;
	font-weight: 400;	
	font-size: 3.35vw;	
}

.kicker.trans {	
	background: none;
    border-top: 1px solid #8E8E8E;
    border-top: 1px solid rgba(142,142,142,0.35);	
}
.kicker.trans h2 {
	color: #FFFFFF;	
}
.kicker.trans .button {
    background-color: #FFAE00;
    color: #FFFFFF;
}
.kicker.trans .button:hover, .kicker.trans .button:focus {
    background-color: #FF9700;
    color: #FFFFFF; 
}

.kicker.trans.purple {	
	background: #38174B;
	background: rgba(56,23,75,0.85);	
}

@media screen and (max-width: 64.063em) {

.kicker h2 {	
	font-size: 2.35rem;	
}

}
@media screen and (max-width: 40.063em) {

.kicker {
	padding: 3.35rem 0rem;
}

}

/******** /INTRO ********/
/******** BIG NAV ********/

.big_nav {
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.big_nav a {
	position: relative;
	z-index: 3;
	display: block;
	width: 100%;
	padding: 75px 0;
	font-size: 3em;
	font-family: 'Arvo', serif;
	font-weight: 400;
	color: #FFFFFF;
	text-decoration: none;
	background: rgba(56,23,75,0.35);
    border-top: 1px solid #8E8E8E;
    border-top: 1px solid rgba(142,142,142,0.35);
	box-sizing: border-box;
	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
@media screen and (max-width: 64.063em) {
.big_nav a {
	padding: 35px 0;
	font-size: 1.8em;
}
}


.big_nav a .curtain {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 0;
	height: 100%;
	content: "";
	opacity: 0.35;

	-moz-transform: translate3d(0,0,0);  
	-webkit-transform: translate3d(0,0,0);  
	-o-transform: translate3d(0,0,0);  
	-ms-transform: translate3d(0,0,0);	
	
	-webkit-transition: width 0.35s;
	-moz-transition: width 0.35s;
	-ms-transition: width 0.35s;
	-o-transition: width 0.35s;
	transition: width 0.35s;	
}

.big_nav a.orange .curtain {
	background: #FFAE00 -webkit-linear-gradient(left, #FFAE00, #FFF800);
	background: #FFAE00 linear-gradient(to right, #FFAE00, #FFF800);
}
.big_nav a.green .curtain {
	background: #007032 -webkit-linear-gradient(left, #007032, #5DA423);
	background: #007032 linear-gradient(to right, #007032, #5DA423);
}

/*.big_nav a.programming_and_training .curtain {
	background: #e32551 -webkit-linear-gradient(left, #e32551, #f07c19);
	background: #e32551 linear-gradient(to right, #e32551, #f07c19);
}
.big_nav a.camps_and_clinics .curtain {
	background: #f07c19 -webkit-linear-gradient(left, #f07c19, #ffc219);
	background: #f07c19 linear-gradient(to right, #f07c19, #ffc219);
}
.big_nav a.facility_and_staff .curtain {
	background: #ffc219 -webkit-linear-gradient(left, #ffc219, #029daf);
	background: #ffc219 linear-gradient(to right, #ffc219, #029daf);
}
.big_nav a.testimonials .curtain {
	background: #029daf -webkit-linear-gradient(left, #029daf, #3a53a1);
	background: #029daf linear-gradient(to right, #029daf, #3a53a1);
}*/

.big_nav a .container {
	position: relative;
	width: 100%;
	padding: 0rem 3%;
	margin: 0 auto;
	z-index: 2;
	line-height: 1.35rem;
	vertical-align: bottom;
}
.big_nav a:hover .curtain {
	width: 100%;
	opacity: 0.85;
}
.big_nav a:hover .more-text {
	opacity: 1;
}
.big_nav a .more-text {
	float: right;
	display: inline-block;
	font-size: 1.15rem;
	
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;	
}
@media screen and (max-width: 64.063em) {
.big_nav a {
	float: none;
}
}
@media screen and (max-width: 40.063em) {
.big_nav a .container {
	text-align: center !important;
}
.big_nav a .more-text {
	float: none;
	display: block;
	font-size: 1.15rem;	
	margin-top: 0.65rem;
}
}

.big_nav .bg-images {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.big_nav .bg-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	opacity: 0;	
	
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.big_nav .bg-image.active {
	opacity: 1;
}

.big_nav .bg-image.big_nav1 {
	background-image: url(../img/bignav/programs.jpg);
}
.big_nav .bg-image.big_nav2 {
	background-image: url(../img/bignav/camps-summer.jpg);
}
.big_nav .bg-image.big_nav3 {
	background-image: url(../img/bignav/camps-track-out.jpg);
}
.big_nav .bg-image.big_nav4 {
	background-image: url(../img/bignav/team-training.jpg);
}
.big_nav .bg-image.big_nav5 {
	background-image: url(../img/bignav/about.jpg);
}

.scrolling .big_nav a {
	pointer-events: none;
}
	


/******** /BIG NAV ********/
/******** SECONDARY ********/

.secondary_header {
	width: 100%;
	padding: 11.85rem 0rem 1.85rem 0rem;
	text-align: center;
	
	background-image: url(../img/bg/full/header.jpg);
	
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		
}
.secondary_header h1 {
	font-family: 'dear_JoeHannes', serif;
	font-weight: 400;
	color: #FFFFFF !important;	
	font-size: 4.35vw;
}
.secondary_header h1 span {
	font-family: 'Arvo', serif;
	font-weight: 400;
	font-size: 2.65vw;		
}
.secondary_header h1 span:before {
	content: ' | ';	
	margin: 0rem 1.35rem;
	color: #FFFFFF;
	color: rgba(255,255,255,0.35);	
}

@media screen and (max-width: 64.063em) {
	
.secondary_header {
	background-attachment: scroll;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;	
}
.secondary_header h1 {
	font-size: 2.65rem;
}
.secondary_header h1 span {
	font-size: 1.65rem;		
}	

}
@media screen and (max-width: 40.063em) {
	
.secondary_header {
	padding: 17.35rem 0rem 0.65rem 0rem;	
}
.secondary_header h1 {
	font-size: 2.35rem;
	line-height: 1.15;
}

}

.main_content {
	width: 100%;
	padding: 2.65rem 0rem;
	background: url(../img/bg/pattern/noise-light.jpg) center repeat;	
}


.page_heading {
	font-family: 'Arvo', serif;
	font-weight: 700;
	font-size: 1.35rem;
	color: #007032;
	padding-bottom: 1.65rem;
	margin-bottom: 2.65rem;
    border-bottom: 1px solid #8E8E8E;
    border-bottom: 1px solid rgba(142,142,142,0.65);
}

@media screen and (max-width: 40.063em) {
	
.page_heading {
	font-size: 1.15rem;
	line-height: 1.35;
}

}


.sidebar_menu {
	margin-bottom: 2.65rem;
}
.sidebar_menu h4 {
	font-family: 'dear_JoeHannes', serif;
	font-weight: 400;
	color: #8E8E8E;
	font-size: 3.65rem;
	line-height: 1.35;
	padding: 0rem 0rem 0.35rem 0rem;
	margin: 0rem 0rem 1.65rem 0rem;
    border-bottom: 1px solid #8E8E8E;
    border-bottom: 1px solid rgba(142,142,142,0.65);	
}
 @media screen and (max-width: 64.063em) {
.sidebar_menu h4 {
	font-size: 2.65rem;
}
 }

 
.sidebar_menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.sidebar_menu ul li  {
	padding: 0;
}
.sidebar_menu li a {
	font-family: 'Arvo', serif;
	font-weight: 400;
	display: block;
	width: 100%;
	color: #8E8E8E;
	font-size: 1.35rem;
	line-height: 1.35;
	padding: 0.65rem 1.65rem;	
	
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}
.sidebar_menu li a:hover {
	color: #38174B;
}
.sidebar_menu a.nav-selected.nav-path-selected {
	font-weight: 700;
	color: #007032;
}
 @media screen and (max-width: 40.063em) {
.sidebar_menu {
	text-align: center !important;
	margin-top: 1.65rem;
	padding-top: 1.65rem;
    border-top: 1px solid #8E8E8E;
    border-top: 1px solid rgba(142,142,142,0.65);
}
 }


.program_pricing {
	font-family: 'Arvo', serif;
	font-weight: 700;
	font-size: 1.35rem;
	color: #007032;
}


.contact_content p {
	margin: 1.65rem 0rem;
	font-size: 1.35rem;
}
.contact_content p:first-child {
	margin: 0rem 0rem 1.65rem 0rem;
}
.contact_content p span {
	font-family: 'Arvo', serif;
	font-weight: 400;
	font-size: 2.35rem;
	color: #888888;
} 
.contact_right {
	padding-left: 2.65rem;
	margin-left: 2.65rem;
	border-left: 1px solid #949494;
	border-left: 1px solid rgba(148,148,148,0.35);
}

 @media screen and (max-width: 64.063em) {

.contact_right {
	padding-left: 0.5rem;
	margin-left: 0rem;
	border-left: none;
}

 }
 
.contact_map {
	display: block;
	padding: 0rem;
	margin: 0rem;
	background: #FFFFFF;
	height: 0px;
	overflow: hidden;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
}
.contact_map.open {
	height: 400px;
}
 
 
.box {
	position: relative; 
}
.box_inside {
	position: relative; 
}
.box .box_caption {
	position: absolute; 
	top: 0rem;
	right: 0rem;
	bottom: 0rem;
	left: 0rem;
	/*background: #007032;
	background: rgba(0,112,50,0.92);*/
	background: #38174B;
	background: rgba(56,23,75,0.92);	
	opacity: 0;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
}
.box:hover .box_caption, .box:focus .box_caption {
	opacity: 1;	
}

.box .box_caption_inside {
	padding: 0.85rem 1.35rem;
	
	position: relative;
	top: 50%;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);	
}
.box .box_image img {
	width: 100%;
	height: auto;
}

.box h3 {
	color: #4F4F4F;
	font-family: 'Arvo', serif;
	font-weight: 700; 
	font-size: 1.35rem;
	margin: 0.65rem 0rem 1.65rem 0rem;
}
.box p {
	font-size: 1.15rem;
	font-weight: 700;
	color: #FFFFFF;	
}
/*.row.small-up-2.medium-up-2.large-up-2 {
	font-size: 1.35rem;
}*/
.box .button {
    font-size: 1.15rem;
}
.box .button:hover, .box .button:focus {
    background-color: #FFAE00;
}
 @media screen and (max-width: 64.063em) {

.box:hover .box_caption, .box:focus .box_caption {
	position: absolute;
	top: 0rem;
	right: 0rem;
	bottom: 0rem;
	left: 0rem;	
	opacity: 0;	
}
.box .box_caption_inside {
	position: absolute;
	top: 0rem;
	right: 0rem;
	bottom: 0rem;
	left: 0rem;
	
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);		
}
.box a {
	position: absolute;
	top: 0rem;
	right: 0rem;
	bottom: 0rem;
	left: 0rem;
    opacity: 0;
}

 }
 @media screen and (max-width: 40.063em) {

.column.box {
	padding: 0.5rem;
}
.box h3 {
	font-size: 1rem;
	margin: 0.35rem 0rem 1.35rem 0rem;
}

 }

 
.testimonial h3:before {
	content: '— ';	
} 
.main_content .testimonial {
	padding-bottom: 2.65rem;
	margin-bottom: 2.65rem;
    border-bottom: 1px solid #8E8E8E;
    border-bottom: 1px solid rgba(142,142,142,0.65);	
}
.main_content .testimonial:last-child {
	padding-bottom: 0rem;
	margin-bottom: 0rem;
    border-bottom: none;
}


.bio {	
	margin-bottom: 2.35rem;
	padding-bottom: 2.35rem;
    border-bottom: 1px solid #8E8E8E;
    border-bottom: 1px solid rgba(142,142,142,0.65);	
}
.bio h3 {
}
.bio p {
}

/******** /SECONDARY ********/
/******** FOOTER ********/



.site-footer {
	position: relative;
	z-index: 1;
	padding: 3.35rem 0rem;
	overflow: auto;
	color: #8E8E8E;
	text-align: left;
	background: url(../img/bg/pattern/noise-dark.jpg) center center repeat #343434;
	-webkit-backface-visibility: hidden;
}
@media screen and (max-width: 40.063em) {
.site-footer {
	text-align: center !important;
}
}
 
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6 {
	font-family: 'Arvo', serif;
	font-weight: 400;
}

.site-footer a {
	color: #FFFFFF;
	text-decoration: none;
}
.site-footer a.email {
	padding-bottom: 3px;
	border-bottom: 1px solid #8E8E8E;
}
.site-footer h5 {
	padding: 0;
	margin: 0rem 0rem 1.65rem 0rem;
	font-size: 1.35rem;
	color: #FFFFFF;
}
.site-footer h5 small {
	color: #8E8E8E;
}

.site-footer address {
	font-family: 'Arvo', serif;
	text-style: normal;
}
.site-footer address a {
	color: #8E8E8E;
	text-decoration: none;
}

.site-footer .footer-bottom {
	padding: 1.65rem 0rem;
	margin-top: 3.65rem;
	font-size: 1rem;
	text-align: center;
    border-top: 1px solid #8E8E8E;
    border-top: 1px solid rgba(142,142,142,0.35);
}

.footer-nav {
	padding: 0;
	margin: 0;
}
.footer-nav li {
	display: block;
	list-style-type: none;
}
.footer-nav li a {
	display: block;
	margin-bottom: 0.2em;
	font-size: 1.2em;
	font-weight: bold;
	color: #8E8E8E;
	text-decoration: none;
}
.footer-nav li a:hover {
	color: #FFFFFF;
}




/******** /FOOTER ********/

