/*
Theme Name: Outpost Summer Camps
Theme URI: http://underscores.me/
Author: Evan Scheingross
Author URI: http://evanwebdesign.com/
Description: A custom WordPress theme for Outpost build on the underscores starter theme
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: outpost-summer-camps

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Outpost Summer Camps is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Lato', Arial, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6em;
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #6fa179;
	font-family: 'Signika Negative', Arial, sans-serif;
	font-weight: 500;
}

h1 {
	font-size: 48px;
	line-height: 60px;
	margin-bottom: .5em;
}

h2 {
	font-size: 36px;
	line-height: 48px;
	margin-bottom: .5em;
}

h3 {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: .5em;
}

h4, h5, h6 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: .5em;
}

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
}

blockquote {
	background: #FFF6EC;
	border-left: 40px solid #f6ebdf;
	padding: 10px;
	margin-bottom: 1.5em;
	font-style: italic;
	color:#888076;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-size: 18px;
}

blockquote:before {
	margin-left: -45px;
	padding-right: 10px;
    content: '\f10d';
    display: inline-block;
    float: left;
    -webkit-font-smoothing: antialiased;
    font: normal 32px/20px 'FontAwesome';
    vertical-align: bottom;
    color: #cbbdae;
} 

blockquote p:last-of-type {
	margin-bottom: 0;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 2em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	
	border-radius: 3px;
	background: #EE3E34;
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	border: 0;
	color: #fff;
	padding: .9em;
	vertical-align: top;
	transition: .2s ease-in-out;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #00AB66;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #ef3e34;
	transition:all .2s ease-in-out;
	text-decoration: none;
}

a:visited {
	color: #ef3e34;
}

a:hover,
a:focus,
a:active {
	color: #00AB67;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {

	display: block;
	width: 100%;
	background: url(images/logo_nav.png) no-repeat top center;
	height: 133px; /* Giving arbitrary height to make full bg image show */
	
	position: absolute;
	top: 0;
	z-index: 99;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)  {
	/* For retina display */
	.main-navigation {
		background: url(images/logo_nav_retina.png) no-repeat top center;
		background-size: cover;
	}
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	margin-left: -24px; /* Arbirary padding to make up for varying widths between left and right side of nav. Allows logo link to be perfectly centered/ */
	text-align: center;
}

.main-navigation li {
	display: inline-block;
	position: relative;
	margin-top: 76px;
	vertical-align: top;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	margin:  0 15px;
	color: #000;
	font-family: 'Signika Negative', Arial, sans-serif;
	font-weight: bold;
	font-size: 21px;
	line-height: 24px;
	transition: all .2s ease-in-out;
	padding: .8em 0;
}

.main-navigation li.home-link {
	padding-top: 0;
	margin-top: 0;
	position: relative;
}


.main-navigation li.home-link:after,
#mobile_home_link:after {
	content: 'For Staff';
    background: #f03e34;
    color: #fff;
    padding: 2px 10px;
    border-radius: 20px;
    position: absolute;
    bottom: -21px;
    left: 50%;
	-webkit-transform: translateX(-50%) rotate(-4deg);
	transform: translateX(-50%) rotate(-4deg);
    font-family: 'Signika Negative', Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .03em;
    text-indent: 0;
    width: 81px; /* Makes all text appear on 1 line on mobile. Must set to an exact number for it to work. */
}

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

	#mobile_home_link:after {
		bottom: -27px;
	}

}

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

	#mobile_home_link:after {
		bottom: -24px;
		font-size: 11px;
		width: 76px; /* Makes all text appear on 1 line on mobile. Must set to an exact number for it to work. */

	}

}

.main-navigation li.home-link a { /* Homepage Button/logo */
	width: 245px;
	height: 133px;
	text-indent: -9999px;
	padding: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 57px;
	display: none;
	z-index: 99999;
	margin: 0;
	padding: 0;
	background: rgba(255, 255, 255, .8);
}

.main-navigation li li {
	margin: 0;
	padding: 0;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 210px;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	padding: .5em;
}

.main-navigation li.about ul a { /* About dropdown menu */
	width: 250px;
}

.main-navigation li.contact ul a { /* Contact dropdown menu */
	width: 150px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
	color: #ef3e33; /* Orange */
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	display: block;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a {
	color: #ef3e33; /* Orange */
}



#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
	border-bottom: 1px solid #004872; /* Adding bottom border to sub-menu toggle of Responsive Menu plugin (because it's not there by default) */
}



/* Small menu */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.post-navigation a {
	color: #324838;
}

.post-navigation a:hover {
	color: #A8D8B5;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 2.5em;
}

#secondary aside.widget:last-of-type {
	margin-bottom: 0;
}

.widget .widget-title {
	margin-bottom: .25em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-content img,
.entry-content p img {
	position: relative;
}


/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
#comments {
	
	margin-top: 3em;
	margin-bottom: 1.5em;
	background: #FFF6EC;
	padding: 2em;
}

#comments ol {
	margin-bottom: 0;
}

h2.comments-title {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #888076;
}

.comments-title:before {
	content: '\f108';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 32px/1 'Genericons';
    vertical-align: middle;
    color: #edcda9;
}

#respond input#author,
#respond input#email,
#respond input#url {
	margin-left:10px;
}

.comment-meta  {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.comment-meta a {
	
	text-decoration: none;
}

.comment-meta a time {
	transition: background .1s ease-in-out;
	color: #888;
}

.comment-author img {
	margin-right:10px;
	float: left;
}

.says {
	display:none;
}

.form-allowed-tags {
	font-size:12px;
}

#respond {
	
}

#respond code {
	font-size:12px;
}

#respond .form-submit {
	margin-bottom:0;
}

#respond label {
	font-weight:normal;
}

.comment-list .children {
	list-style:none;
}

.comment-body {
	padding: 1em;
	border: 1px solid #F6EBDF;
	background: #fff;
	position: relative;
	border-radius: 3px;

}

.reply {
	display: inline-block;
	position: absolute;
	top: 1em;
	right: 1em;
}

.comment-reply-link,
a.comment-reply-link {
	padding:3px 6px;
	background:#EF3F33;
	border-radius:2px;
	font-size:11px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	transition: background .1s ease-in-out;
}


#reply-title {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: .5em;
	color: #888076;
}

.comment-notes {
	font-size: 13px;
	line-height: 16px;
}


.comment-reply-link:hover {
	background:#00AB66;
	color: #fff;
}

.comment-content p {
	margin-bottom:12px;
	font-size: 14px;
	clear: both;
	margin-top: 1em;
}

.comment-author cite  {
	font-style:normal;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}


.captchaSizeDivSmall {
	float:left;
}

h2.comments-title {
	

}

.comment-list {
	
	margin:0;
	padding:0;
	list-style:none;
}

.comment-author {
	
}

.comment-list li.comment  {
	
	margin: 1em 0;
}


.bypostauthor {
}

.pingback {
	padding: 1em 0;
}

textarea#comment {
	font-size: 16px;
}

.comment-awaiting-moderation {
	font-weight: bold;
	color: #F58B6D;
	font-style: italic;
}

.fn {
	font-size: 16px;
	line-height: 18px;
	color: #346C92;
}

p.form-submit {
	
}

.form-submit input[type="submit"] {
	background: #EF3F33;
	color: #fff;
	border: 0;
	font-size: 18px;
	line-height: 18px;
	text-shadow: none;
	box-shadow: none;
	line-height: 1;
	padding:1em;
	transition: background .1s ease-in-out;
}

.form-submit  input[type="submit"]:hover {
	background: #00AB66;
}


#commentform input,
#commentform textarea {
	font-family: Helvetica, Arial, sans-serif;
	box-shadow: none;
	max-width: 95%;
}

.form-allowed-tags {
	display: none;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
13 Layout
--------------------------------------------------------------*/

.container {
	width: 94%;
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
}



header#masthead {
	position: relative;
	height: 800px;
	background-position: center center;
}


#mobile_call {
	display: none;
}


#header_cta {
	position: absolute;
	top:0;
	right: 10%;
	z-index: 9999;
	font-size: 18px;
	line-height: 24px;
}

#header_cta a {
	text-decoration: none;
	transition:all .2s ease-in-out;
}

#phone_number {
	display: inline-block;
	float: right;
	background: rgba(0, 122, 194, .8);
	color: #fff;
	padding: .5em 1em;
	
}

#phone_number:hover {
	background: rgba(0, 122, 194, 1);
	box-shadow:0px 2px 2px #333;
	position: relative; /* To make box shadow appear on top of adjacent div */
	
}

#enroll_now {
	background: rgba(239, 62, 52, .8);
	display: inline-block;
	float: right;
	color: #fff;
	padding: .5em 1em;
	
}

#enroll_now:hover {
	background: rgba(239, 62, 52, 1);
	box-shadow:0px 2px 2px #333;
	position: relative; /* To make box shadow appear on top of adjacent div */
	
}

#mobile_home_link {
	display: none;
}

header#masthead.header_banner {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#content {
	background: url(images/mountain_bg.jpg) repeat;
}

#mountain_tops {
	background: url(images/mountain_tops.png) no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 99px;
	z-index: 999;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}


#primary {
	padding-bottom: 100px;
}



.home .entry-content iframe {
	-moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    border: 6px solid #fff;
}

/* ---------- Wave Area ---------- */

/* ----- Random Quote ----- */
#waves {
	background: url(images/waves.png) repeat-x top center;
	width: 100%;
	height: 32px;
	margin-top: -41px;
}

#underwater {
	background: #00619b;
	padding: 25px 0;
}

#random_quote {
	float: left;
	width: 40%;
	color: #9bd2f3;
	background: url(images/quote_big.png) no-repeat top left;
	padding: 1em 0 0 1em;
}

.quote_excerpt {
	font-size: 18px;
	font-style: italic;
}

.quote_excerpt p {
	margin-bottom: .5em;
}

.quote_author {
	font-size: 18px;
	margin-bottom: .5em;
}

.quote_subtitle {
	font-size: 13px;
	margin-bottom: 0;
}

.footer-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style: none;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
}

.footer-menu li {
	display: inline;
	margin: 10px;
}

@media only screen and (max-width: 767px) {
	.footer-menu li {
		width: 49.6%;
	    display: inline-block;
	    margin: 0;
	    padding: 10px;
	    vertical-align: top;
	}
}

.footer-menu a,
.footer-menu a:link,
.footer-menu a:visited {
	color: #fff;
}

.footer-menu a:hover,
.footer-menu a:active,
.footer-menu a:focus {
	color: #f03e34;
}

/* ----- Ask us Questions ----- */
#ask_us_questions {
	float: right;
	width: 40%;
	color: #fff;
	text-align: center;
}

#ask_us_questions h3 {
	font-weight: 600;
	color: #fff;
	font-size: 36px;
	line-height: 44px;
	margin-bottom: .25em;
}

#ask_us_questions .button {
	background: #ef3e34;
	border-radius: 3px;
	padding: .5em .75em;
	color: #fff;
	font-family: 'Signika Negative', Arial, sans-serif;
	font-weight: 300;
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	display: inline-block;
	transition:all .2s ease-in-out;
}

#ask_us_questions .button:hover {
	background: #00AB66;
}

#more_testimonials {
	color: #fff;
}

#more_testimonials:hover {
	color: #DA792C;
}



/* ---------- Sign Up Area ---------- */
#connect {
	background: url(images/orange_canvas_texture.jpg) repeat top center;
	color: #fff;
	padding: 5px 0;
}

#connect_border {
	border: 2px dashed #b15425;
	border-left: 0;
	border-right:0;
	padding: 1em 0;
}

#mc_embed_signup {
	float: left;
}

#mailing_list_describe {
	float: left;
	display: inline;
	font-size: 18px;
	font-weight:500;
	padding-top:15px;
	margin-right: 12px;
	margin-bottom: 0;
}

#mc_embed_signup input {
	padding: 16px 24px;
	font-size: 18px;
	line-height: 18px;
}

#mc_embed_signup input#mc-embedded-subscribe {
	margin-left: 10px;
	font-size: 24px;
	line-height: 24px;
	font-weight: 500;
	background: #00619b;
}

#mc_embed_signup input#mc-embedded-subscribe:hover {
	background: #EE3E34
}

#social_media {
	float: right;
	padding-top: 5px;
}

#social_media a {
	margin: 0 5px;
	color: #fff;
}


#social_media a:hover {
	color: #A8D8B5;
}

#social_media a .genericon {
	font-size: 48px;
	line-height: 48px;
}

#social_media a .genericon.genericon-youtube {
	font-size: 60px;
	line-height: 48px;
}



/* ---------- Footer Widget Area ---------- */
#footer_widget_area {
	background: url(images/wood_texture_bg.jpg) no-repeat 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #fff;
	text-align: center;
	vertical-align: top;
}

#footer_widget_area .one_fourth {
	width: 20.5%;
	display: inline-block;
	margin: 0 2%;
	text-align: left;
}

#footer_widget_area .one_fourth ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer_widget_area .one_fourth li {
	margin-bottom: 15px;
}

#footer_widget_area .one_fourth li li {
	margin-bottom: 0;
}

#footer_widget_area .one_fourth li a {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	line-height: 24px;
}

#footer_widget_area .one_fourth li#menu-item-362 a {
	background: #ef3e34;
	border-radius: 3px;
	padding: .5em .75em;
	color: #fff;
	font-family: 'Signika Negative', Arial, sans-serif;
	font-weight: 300;
	text-align: center;
	display: inline-block;
	transition:all .2s ease-in-out;
}

	

#footer_widget_area .one_fourth li#menu-item-362 a:hover {
	background: #00AB66;
}


#footer_widget_area .one_fourth li li a {
	color: #aaa;
	font-size: 13px;
	line-height: 16px;
}

#footer_widget_area .one_fourth a {
	transition: all .2s ease-in-out;
}

#footer_widget_area .one_fourth a:hover {
	color: #d67c2f;
}





/* ---------- Footer#colophon ---------- */
footer#colophon {
	background: rgba(0, 0, 0, .3);
	color: #aaa;
	text-align: center;
	vertical-align: top;
	font-size: 12px;
	line-height: 18px;
	padding: 1em 1em .9em 1em;
}

footer#colophon p {
	
	padding-top: 20px;
}

footer#colophon a {
	color: #aaa;
	text-decoration: underline;
}

footer#colophon br.mobile {
	display: none;
}

@media only screen and (max-width: 500px) {
	footer#colophon br.mobile {
		display: block;
	}

	footer#colophon span {
		display: none
	}
}

.accredited,
.waic {
	display: inline-block;
	margin:10px;
}

.waic img {
	max-width: 75px;
    opacity: 0.5;
}




/* ---------- page ---------- */
.page article,
.error-404 .page-content,
.search .page-content,
.single-osc-location article {
	background:#fff;
	padding: 4%;

}

.search-results #main article {
	background:#fff;
	padding: 2% 4%;
	margin-bottom: 40px;
}

.search-results #main article:last-of-type {
	margin-bottom: 90px;
}





.page .entry-header h1,
.error-404 h1,
.search h1,
.blog h1,
.single-post h1,
.archive h1,
.single-osc-location h1 {
	color: #324838;
	font-size: 60px;
	line-height: 66px;
	font-weight: bold;
	font-family: 'Signika Negative', Arial, sans-serif;
	margin-bottom: 15px;
	text-align: center;
	padding-top: 15px;
}



/* ---------- Color Box and Button Plugin ---------- */

.scbb-content-box-orange {
	background: #fff6ec !important;
	border: 8px solid #f6ebdf !important;
	color: #888076 !important;
	font-size: 18px !important;
}

.scbb-content-box p:last-of-type {
	margin-bottom: 0;
}

.scbb-content-box-orange h1,
.scbb-content-box-orange h2 {
	color: #ef3e34;
	font-size: 36px;
	font-weight: 500;
	font-family: 'Signika Negative', Arial, sans-serif;
}

.entry-content .scbb-button-orange {
	background: #ef3e34;
	border-radius: 3px;
	padding: .5em .75em;
	color: #fff;
	font-family: 'Signika Negative', Arial, sans-serif;
	font-weight: 300;
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	display: inline-block;
	transition:all .2s ease-in-out;
	color: #fff !important;
	border: 0;
}

.entry-content .scbb-button-orange:hover {
	background: #00AB66;
	border: 0;
}

.scbb-button-orange {
	background: #f03e35 !important;
	border-color: #f03e35 !important;
	color: #fff !important;
}

.scbb-button-orange:hover {
	background: #00AB67 !important;
	border-color: #00AB67 !important;
	color: #fff !important;
}


/* ---------- Tape Corners ---------- */

.tape_corners {
	position: relative;
	max-width: 100%;
}

.tape_corners img {
	box-shadow: 0px 3px 3px #666;
}


.tape_corners:before {
	content: ''; /*create a blank psuedo element, if you wanted something written on the tape, place it between the ' '*/
	display: block;
	position: absolute; /*positions the tape relative to the box created above rather than the whole page*/
	background-color: rgba(220,212,176,0.85); /*using rgba for the colour lets us make the tape a little transparent*/
	height: 15px; /*height of the tape*/

	left:-7px; /*position from the left edge of the #tape div - a negative value moves the tape 5px to the left of the box's edge*/
	top: -4px; /*position from the top edge of the #tape div - a negative value moves the tape 15px above of the box's edge*/
	width: 35px; /*width of the tape*/
	/*rotate the tape 12 degrees anti-clockwise*/
	-webkit-transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
	-o-transform: rotate(-12deg);
	-ms-transform: rotate(-12deg);
	z-index: 99;
}

.tape_corners:after {
	content: ''; /*create a blank psuedo element, if you wanted something written on the tape, place it between the ' '*/
	display: block;
	position: absolute; /*positions the tape relative to the box created above rather than the whole page*/
	background-color: rgba(220,212,176,0.85); /*using rgba for the colour lets us make the tape a little transparent*/
	height: 15px; /*height of the tape*/

	right:-10px; /*position from the left edge of the #tape div - a negative value moves the tape 5px to the left of the box's edge*/
	top: 1px; /*position from the top edge of the #tape div - a negative value moves the tape 15px above of the box's edge*/
	width: 45px; /*width of the tape*/
	/*rotate the tape 12 degrees anti-clockwise*/
	-webkit-transform: rotate(24deg);
	-moz-transform: rotate(24deg);
	-o-transform: rotate(24deg);
	-ms-transform: rotate(24deg);
	z-index: 99;
}


/* ---------- Testimonials Page ---------- */
#testimonial_masonry_container {
	-moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;

}


.testimonial {
	
	background: #FFF6EC;
	padding: 1.5em;
	border: 8px solid #F6EBDF;
	color:#888076;
	margin: 0 0 1em 0;
	width: 100%;
	display: inline-block;
	
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.testimonial .quote_author {
	margin-bottom: 0;
}

.headshot {
	float: left;
	margin: 0 1.5em 0 0;
}


/* ---------- Team Page ---------- */

.team_member img.alignleft {
	margin-bottom: 0;
}



h3.team_name {
	margin-bottom: 0;
}

p.job_title {
	margin-bottom: .5em;
	font-weight: bold;
	font-size: 14px;
}

.page-template-page-team-php hr:last-of-type {
	display: none;
}


/* ---------- Camp Program Page ---------- */
.page.page-template-page-camp-program #content {
	overflow: hidden;
}

.page.page-template-page-camp-program article {
	padding: 0;
}

.page-template-page-camp-program article .entry-content {
	padding: 4%;
}

.story-blurb {
	margin-bottom: 1px;
}

.image_container {
	overflow: hidden;
}

.story-blurb img {
	display: block;
	width: 100%;
	height: auto;
}

.story-blurb:nth-of-type(even) .story-blurb-image {
	float: left;
	width: 70%;
}
.story-blurb:nth-of-type(even) .story-blurb-text {
	float: left;
	width: 30%;
	padding: 30px;
}

.story-blurb:nth-of-type(odd) .story-blurb-image {
	float: right;
	width: 70%;
}
.story-blurb:nth-of-type(odd) .story-blurb-text {
	float: right;
	width: 30%;
	padding: 30px;
}

@media screen and (max-width: 1023px) {
	.story-blurb .story-blurb-image,
	.story-blurb .story-blurb-text {
		float: none !important;
		width: 100% !important;
	}

	.story-blurb .story-blurb-text {
		padding: 4% !important;
	}

}

@media screen and (max-width: 568px) {
	.story-blurb .story-blurb-text,
	.page-template-page-camp-program article .entry-content {
		padding: 8% !important
	}
}


@media screen and (max-width: 480px) {
	.story-blurb img {
		display: block;
		width: 175%;
		max-width: 175%;
		height: auto;
		margin-left: -37.5%;
	}
}

/* ---------- Homepage Slideshow ---------- */
#homepage_slideshow {
	
	width: 100%;
	z-index: 0;
	max-height: 800px;
	overflow: hidden; /* To hide additonal slides on page load */
}

.bx-wrapper .bx-viewport {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border: solid 0;
	left: 0;
	background: #fff;
}


#homepage_slideshow .slide {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 800px;
	background-position: center center;
	max-height: 800px;
	overflow: hidden; /* To hide additonal slides on page load */
}

.slide_text {
	background: rgba(0,0,0, .66);
	color: #fff;
	position: absolute;
	bottom: 150px; /* Must change for responsive */
	right: 10%;
	width: 500px; /*Must change for responsive */
	height: auto;
	padding: 1.5em;
}

.slide_text h2 {
	font-weight: 300;
	font-size: 36px;
	line-height: 48px;
	border-bottom: 2px solid #fff;
	color: #fff;
	padding-bottom: 10px;
	margin-bottom: .25em;
}

.slide_text p:last-of-type {
	margin-bottom: 0;
}


/* ---------- Homepage Blog Post Area ---------- */

#recent_blog_posts {
	background: url(images/yellow_wood.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 60px 0 102px 0; /*102px is to accommodate for negative margin of #waves */
}

#recent_blog_posts h1 {
	color:#95502e;
	font-weight: bold;
	text-align: center;
	font-size: 60px;
	line-height: 70px;
}

.blog_featured_image {
	background: #000;
}

.blog_featured_image a {
	display: block;
}

.blog_featured_image img {
	transition:all .2s ease-in-out;
	-webkit-backface-visibility: hidden; /* Fixes jumpy images in Chrome when opacity transitions on hover. See http://stackoverflow.com/a/16833496 */
	-moz-backface-visibility: hidden;
	backface-visibility:hidden;
	display: block;
	
}

.blog_post.tape_corners .blog_featured_image img {
	box-shadow: #fff 0em 0em 0em; /* Need to fix FireFox jump image bug. See https://bugzilla.mozilla.org/show_bug.cgi?id=745549 */
}

.blog_featured_image a:hover img {
	opacity: .8;
}


/* ---------- Homepage Featured Page Links ---------- */
#featured_pages {
	margin-bottom: 60px;
}

.featured_page_link {
	width: 28.33333%;
	margin: 0 2.3%;
	background: #fff;
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 6px solid #fff;
	background: #000;
	transition:all .2s ease-in-out;
}

.featured_page_link.tape_corners:before {
	left:-13px; /*position from the left edge of the #tape div - a negative value moves the tape 5px to the left of the box's edge*/
	top: -10px; /*position from the top edge of the #tape div - a negative value moves the tape 15px above of the box's edge*/
	width: 45px; /*width of the tape*/
	/*rotate the tape 12 degrees anti-clockwise*/
	-webkit-transform: rotate(-19deg);
	-moz-transform: rotate(-19deg);
	-o-transform: rotate(-19deg);
	-ms-transform: rotate(-19deg);
	z-index: 99;
}

.featured_page_link.tape_corners:after {
	right:-16px; /*position from the left edge of the #tape div - a negative value moves the tape 5px to the left of the box's edge*/
	top: -5px; /*position from the top edge of the #tape div - a negative value moves the tape 15px above of the box's edge*/
	width: 40px; /*width of the tape*/
	/*rotate the tape 12 degrees anti-clockwise*/
	-webkit-transform: rotate(24deg);
	-moz-transform: rotate(24deg);
	-o-transform: rotate(24deg);
	-ms-transform: rotate(24deg);
	z-index: 99;
}


.featured_page_link img {
	display: block;
	width: 100%;
	height: auto;
	transition:all .2s ease-in-out;
	-webkit-backface-visibility: hidden; /* Fixes jumpy images in Chrome when opacity transitions on hover. See http://stackoverflow.com/a/16833496 */
	-moz-backface-visibility: hidden;
	backface-visibility:hidden;
	box-shadow: #fff 0em 0em 0em; /* Need to fix FireFox jump image bug. See https://bugzilla.mozilla.org/show_bug.cgi?id=745549 */
}

.featured_page_link:hover img {
	opacity: .7;
}

.featured_page_link h3 {
	clear: none;
	position: absolute;
	bottom:0;
	left: 0;
	text-align: center;
	background: rgba(0,0,0, .66);
	color: #fff;
	padding: .25em;
	width: 100%;
	margin:0;
	font-size: 30px;
	font-weight: 600;
	transition:all .2s ease-in-out;
}

.featured_page_link:hover h3 {
	padding-bottom: .66em;
}

/* ---------- Blog Layout ---------- */
#blog_posts {
	text-align: center;
}

.blog_post {
	background: #fff;
	color: #444;
	padding: 1em;
	width: 28.33333%;
	margin: 0 2.3%;
	display: inline-block;
	vertical-align: top;
	min-height: 400px; /* To make columns equal height even with different length titles. Must be removed for responsive */
	text-align: left;
	margin-bottom: 40px;
}

.blog .blog_post,
.archive .blog_post {
	
}



.blog_post h3 {
	font-size: 24px;
	line-height: 28px;
	color: #444;
	font-weight: 500;
}

.blog_post.tape_corners img {
	box-shadow: none
}

.blog_post .entry-date,
.single-post .entry-date {
	color: #888;
	font-size: 12px;
	line-height: 14px;
}

.single-post p.entry-date {
	margin: 10px 0;
}



.blog_post .post_excerpt {
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
}

.blog_post .post_excerpt p:last-of-type {
	margin-bottom: 0;
}

.blog header#masthead,
.archive header#masthead,
.error404 header#masthead,
.search header#masthead,
.search-results header#masthead,
.single-post header#masthead,
.single-osc-location header#masthead {
	height:400px;
	background-position: bottom center;
}

.blog #content .container,
.archive #content .container {
	margin: 0 auto 80px auto;
}

.blog #primary,
.archive #primary {
	background: #fff;
	width: 65%;
	float: left;
	padding: 25px;
}

.blog #secondary,
.archive #secondary {
	width: 30%;
	float: right;
	background: #fff;
	padding: 25px;
}

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


	.blog #primary,
	.archive #primary {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}

	.blog #secondary,
	.archive #secondary {
		width: 100%;
		float: none;
	}
	

}

.blog article,
.archive article {
	margin-bottom: 40px;
}

/* ---------- Single Blog Posts ---------- */

.single-post .entry-content {
	background: #fff;
	padding: 4%;
	margin-bottom: 40px;
}


.blog_image img {

}

p.categories,
p.tags {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 6px;
}






/* ---------- Arconix FAQ Plugin Styles ---------- */
.arconix-faq-title {
	font-weight: bold;
}

.arconix-faq-wrap {
	background: #FFF6EC;
	color:#888076;
	border: 1px solid #ede1d5;
	border-radius: 0;

}

h3.arconix-faq-term-title {
	margin-top: 40px;
}


/* ---------- WP Paginate plugin ---------- */
.wp-paginate {
	text-align: center !important;
}

.wp-paginate .current {
	background: #EE3E34 !important;
	border: 0 !important;
}

.wp-paginate a {
	background: #fff !important;
	border: 0 !important;
}

.wp-paginate a:hover {
	background: #D4F1DC !important;
}



/* ---------- Gravity Forms ---------- */
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper textarea {
	font-size: 14px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

.gform_body label {
	font-weight: normal !important;
}

.gform_body input,
.gform_body select,
.gform_body textarea {
	background: #fdfaf6 !important;
}

.gforms_confirmation_message {
	background: #00619B;
	padding: 1.5em;
	border-radius: 3px;
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}


/* ---------- Page Builder + Black Studio Tiny MCE + Standout Color Boxes/Buttons Extra <p> fix  ---------- */
.panel-grid-cell .scbb-content-box p:last-of-type {
	display: none; /* Fix for extra <p> element that appears when [color-box] is called inside of a .panel-grid-cell */
}

.panel-grid-cell .scbb-content-box {
	padding-bottom: 0; /* Fix for extra <p> element that appears when [color-box] is called inside of a .panel-grid-cell */
}




/* ---------- Custom Styling for columns on dates/rates page ---------- */
#pg-15-1 .so-panel {
	background: #FFF6EC;
}

#pg-15-1 .so-panel .widget-title {
	background: #6FA179;
	color: #fff;
	text-align: center;
	padding: .5em 1em;
}

#pg-15-1 .so-panel .textwidget {
	padding: 15px;
}

#pg-15-1 .so-panel .textwidget h4 {
	background: #9b9186;
	color: #fff;
	padding: .25em 1em;
	text-align: center;
	border-radius: 3px;
}


/* ---------- Custom Styling for columns on main Programs page ---------- */
#pg-11-0 .so-panel,
#pg-11-1 .so-panel  {
	background: #FFF6EC;
}

#pg-11-0 .so-panel .widget-title,
#pg-11-1 .so-panel .widget-title {
	background: #6FA179;
	color: #fff;
	text-align: center;
	padding: .5em 1em;
}

#pg-11-0 .so-panel .textwidget,
#pg-11-1 .so-panel .textwidget {
	padding: 15px;
}

#pg-11-0 .so-panel .textwidget h4,
#pg-11-1 .so-panel .textwidget h4  {
	background: #9b9186;
	color: #fff;
	padding: .25em 1em;
	text-align: center;
	border-radius: 3px;
}


/* ---------- Custom Styling for columns on main School Year Programs page ---------- */
#pg-560-1 .so-panel {
	background: #FFF6EC;
}

#pg-560-1 .so-panel .widget-title {
	background: #6FA179;
	color: #fff;
	text-align: center;
	padding: .5em 1em;
}

#pg-560-1 .so-panel .textwidget {
	padding: 15px;
}

#pg-560-1 .so-panel .textwidget h4 {
	background: #9b9186;
	color: #fff;
	padding: .25em 1em;
	text-align: center;
	border-radius: 3px;
}



/* ----- Locations Page ----- */
.location {
	background: #FFF6EC;
	color: #404040;
	width: 45%;
	margin: 0 2.3%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 40px; 
}

h2.location_title {
	margin: 0;
	padding: .5em 1em;
	background: #6FA179;
	color: #fff;
	text-align: center;
	font-size: 24px;
	line-height: 30px;
}

.location_content {
	padding: 20px;
	text-align: center;
}


/* ----- Single Locations Page ----- */

.single-osc-location .scbb-content-box-orange.address {
	text-align: center;
	padding: 20px;
	margin-bottom: 1.5em;
}

.single-osc-location .scbb-content-box-orange.address p {
	margin-bottom: 0;
}


/*--------------------------------------------------------------
ScrollUp "back to top" script
--------------------------------------------------------------*/
/* Image style */
#scrollUp {
    background-image: url("images/top.png");
    bottom: 20px;
    right: 20px;
    width: 38px;    /* Width of image */
    height: 38px;   /* Height of image */
    text-indent: -9999px;
    opacity: .7;
    transition:.2s ease-in-out;
    outline: none;
}

#scrollUp:hover {
	opacity: 1;
}

/* ---------- Responsive Video Embed Plugin ---------- */
.rve {
	width: 600px !important;
	max-width: 100% !important;
	margin: 0 auto;
}

.page-template-page-camp-program .rve {
	width: 800px !important;
}

/*--------------------------------------------------------------
14 Responsive Media Queries
--------------------------------------------------------------*/
@media only screen and (max-width: 1680px) {
	
	header#masthead {
		height: 600px;
	}

	#homepage_slideshow,
	#homepage_slideshow .slide {
		max-height: 600px;
	}
	.slide_text {
		right: 6%;
		bottom: 110px;
	}

	.slide_text h2 {
		font-size: 30px;
		line-height: 36px;
	}

}


@media only screen and (max-width: 1280px) {
	
	header#masthead {
		height: 500px;
	}

	.home header#masthead {
		height: 600px;
	}

}

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

	.slide_text {
		bottom: 0;
		right: auto;
		width: 100%;
		padding-bottom: 55px;
	}

	.slide_text h2 {
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 0;
		border-bottom: 0;
	}

	#mountain_tops {
		min-height: 44px;
	}

}

@media only screen and (max-width: 1023px) {
	
	.main-navigation {
		height: 120px;
		background-size: cover;
	}

	#responsive-menu li > ul {
		margin-left: 0;
	}
	
	#responsive-menu #responsiveSearch {
		width: 100% !important;
	}
	
	#responsive-menu li#menu-item-361 { /* For "Enroll Now" button (which will always come last) */
		background: #EF3E33 !important;
	}

	#mobile_home_link {
		display: block;
		margin: 0 auto;
		width: 210px;
		height: 116px;
		text-indent: -9999px;
		z-index: 9999;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -107px;
	}

	#header_cta {
		display: none;
	}

	#mobile_call {
		display: block;
		position: absolute;
		color: #EF3E33;
		top: 75px;
		left: 2.5%;
		z-index: 9999;
		font-size: 36px;
		line-height: 36px;
	}

	#click-menu {
		top: 75px !important;
	}

	.featured_page_link h3 {
		font-size: 18px;
		line-height: 24px;
	}
	

	#mailing_list_describe {
		float: none;
		text-align: center;
		display: block;
		margin-bottom: 6px;
	}

	#mc_embed_signup {
		float: none;
		text-align: center;
		margin: 0 auto;
	}

	#mc_embed_signup input {
		display: inline-block;
	}

	#social_media {
		margin: 10px auto 0 auto;
		float: none;
		text-align: center;
	}


	#footer_widget_area {
		padding-top: 0
	}

	.footer_widgets {
		display: none;
	}

	footer#colophon {
		margin-top: 0;
	}
}

@media only screen and (max-width: 900px) {
	.blog_post {
		width: 40.33333%;
	}
}


@media only screen and (max-width: 800px) {
	footer#colophon {
		text-align: center;
	}

	#copyright {
		display: block;
		line-height: 16px;
	}

	#random_quote,
	#ask_us_questions {
		float: none;
		width: 90%;
		margin: 0 auto;
	}

	#random_quote {
		padding-bottom: 50px;
	}

	#ask_us_questions {
		padding-top: 50px;
		border-top: 1px solid #288CC8;
	}
}

@media only screen and (max-width: 767px) {
	
	.home header#masthead {
		height: 500px;
	}


	#mobile_home_link {
		width: 169px;
		height: 90px;
		margin-left: -85px;
	}

	#homepage_slideshow,
	#homepage_slideshow .slide {
		max-height: 500px;
	}

	.slide_text {
		display: none;
	}

	#mountain_tops {
		min-height: 34px;
	}

	.main-navigation {
		height: 90px;
		background-size: cover;
	}

	#mobile_call {
		top: 52px;
	}

	button#responsive-menu-button,
	button#rmp_menu_trigger-626 {
		top: 41px !important;
	}
	
	#testimonial_masonry_container {
		-moz-column-count: 1;
	    -webkit-column-count: 1;
	    column-count: 1;
	    -moz-column-gap: 1em;
	    -webkit-column-gap: 1em;
	    column-gap: 1em;
	}
	
	#featured_pages {
		text-align: center;
	}

	.featured_page_link {
		width: 45%;
		margin-bottom: 25px;
	}
	
	.featured_page_link:last-of-type {
		margin-bottom: 0;
	}

	.location {
		width: 100%;
		margin: 0 0 40px 0;
	}
}

 @media all and (max-width: 600px) {
	.blog_post {
		width: 60%;
		min-width: 275px;
	}

	.page .entry-header h1,
	.error-404 h1,
	.search h1,
	.blog h1,
	.single-post h1,
	.archive h1,
	#recent_blog_posts h1 {
		font-size: 36px;
		line-height: 48px;
	}

	.alignleft,
	.alignright,
	.headshot {
		float: none;
		display: block;
		margin: 0 auto 1em auto;
		clear:both;
	}
	
	.headshot {
		position: relative;
		width: 125px;
		height: auto;
	}

	h3.team_name,
	p.job_title {
		text-align: center;
	}
 }

 @media all and (max-width: 568px) {

	.reply {
		top:auto;
		bottom: 1em;
	}

	.comment-content {
		padding-bottom: 1em;
	}

	#ask_us_questions .button {
		font-size: 18px;
		line-height: 24px;
	}



	#mc_embed_signup input.email {
		width: 175px;
		font-size: 16px;
		line-height: 16px;
		padding: 10px 12px;
	}

	#mc_embed_signup input#mc-embedded-subscribe {
		font-size: 16px;
		line-height: 16px;
		padding: 12px;
	}

	#social_media a {
		margin: 0 2px;
	}

	#social_media a .genericon {
		font-size: 32px;
		line-height: 32px;
	}

	#social_media a .genericon.genericon-youtube {
		font-size: 40px;
		line-height: 32px;
	}

	.page-id-188 .iframe { /* For Google map on Locations page */
		max-height: 300px !important;
		height: 300px !important;
		width: 100% !important;
	}

	.featured_page_link {
		width: 66%;
		min-width: 275px;
	}

	.page article,
	.error-404 .page-content,
	.search .page-content,
	.single-post .entry-content,
	.single-osc-location article {
		padding: 8%;
	}

	h2 {
		font-size: 30px;
		line-height: 36px;
	}

	.search-results #main article {
		padding: 2% 8%;
	}

	#scrollUp {
		display: none !important;
	}

 }