/** styles.scss --- Main `sass` file. Import here `sass` files */
/** modules/variables --- */
/** Typography */
/** Colors */
/** Grid */
/** modules/mixins --- */
/** modules/fonts --- Declare fonts here */
@font-face { font-family: 'good_footregular'; src: url("../../fonts/goodfoot-webfont.eot"); src: url("../../fonts/goodfoot-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/goodfoot-webfont.woff") format("woff"), url("../../fonts/goodfoot-webfont.ttf") format("truetype"), url("../../fonts/goodfoot-webfont.svg#good_footregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'proxima nova'; src: url("../../fonts/proximanova-reg.eot"); src: url("../../fonts/proximanova-reg.eot?#iefix") format("embedded-opentype"), url("../../fonts/proximanova-reg.woff") format("woff"), url("../../fonts/proximanova-reg.ttf") format("truetype"), url("../../fonts/proximanova-bold.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'proxima nova bold'; src: url("../../fonts/proximanova-bold.eot"); src: url("../../fonts/proximanova-bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/proximanova-bold.woff") format("woff"), url("../../fonts/proximanova-bold.ttf") format("truetype"), url("../../fonts/proximanova-bold.svg") format("svg"); font-weight: bold; font-style: oblique; }



.hide{
    display: none;

}

/** partials/reset --- Reset file NOTE: also `normalize.css` is used */
*, *:after, *:before { box-sizing: border-box; }

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; overflow-x: hidden; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body { font-family: "proxima-nova", sans-serif; font-size: 15px; line-height: 1.6; color: #535353; background-color: white; }

img { max-width: 100%; vertical-align: middle; }

a { color: #535353; text-decoration: none; transition: all 0.3s ease-in-out; }


input[type="text"], input[type="search"] { font-size: inherit; line-height: inherit; }

::selection { background-color: #1bbee9; color: white; text-shadow: none; }

/** partials/wordpress --- Wordpess core classes */
/** Alignment */
.alignnone { margin: 5px 15px 15px 0; }

.aligncenter { display: block; margin: 5px auto; }

.alignright { float: right; margin: 5px 0 20px 20px; margin: 5px 0 15px 15px; }

.alignleft { float: left; margin: 5px 15px 15px 0; }

/** Gallery & images */
.wp-caption { background: white; border: thin solid #F0F0F0; max-width: 95%; padding: 5px 5px; text-align: center; }
.wp-caption img { width: auto; max-width: 98.5%; height: auto; border: 0 none; padding: 0; margin: 0; }

.wp-caption .wp-caption-text, .gallery-caption { margin: 0; padding: 0 5px 5px; font-size: 140%; line-height: 1.6; }

/** partials/utils --- Utils classes */
.clear:before, .clear:after { content: " "; display: table; }
.clear:after { clear: both; }

.reset-box { padding: 0; margin: 0; }

/** partials/header --- */
.header { position: absolute; left: 0; right: 0; top: 0; z-index: 51; padding: 25px 0; font-size: 18px; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }

.header:hover { background: rgba(50, 50, 50, 0.5); }

.logo { width: 245px; display: table; float: left; }
.logo img { width: 245px; }

/** partials/nav --- Menus */
nav { font-weight: 700; padding: 10px 30px; display: table; position: relative; margin-top: 30px; float: right; }
nav .headsocial { display: inline-block; float: right; }
nav .headsocial img { width: 25px; }
nav ul { display: inline-block; float: left; margin-bottom: 6px; }
nav ul li { display: inline-block; }
nav ul li a { padding: 10px 20px; color: #fff; }
nav ul li a:hover { color: #6ab1e1; }
nav ul li.current-menu-item a { color: #fff; }

.cd-secondary-nav { position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 10em; /* hidden on small devices */ display: none; }

.cd-secondary-nav li { display: inline-block; margin-left: 2.2em; }

.cd-secondary-nav a { display: inline-block; color: white; text-transform: uppercase; font-weight: 700; }

.cd-secondary-nav { display: block; }

.cd-primary-nav-trigger { background-color: rgba(255, 255, 255, 0.8); height: 45px; border-radius: 8px; line-height: 30px; right: 25px; top: 70px; display: none; bottom: auto; position: absolute; float: right; width: 50px; z-index: 111; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.cd-primary-nav-trigger .cd-menu-text { color: white; text-transform: uppercase; font-weight: 700; display: none; }

.cd-primary-nav-trigger .cd-menu-icon { display: inline-block; position: absolute; left: 50%; top: 50%; border-radius: 2px; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 22px; height: 3px; background-color: #6ab1e1; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; /* these are the upper and lower lines in the menu icon */ }

.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; border-radius: 2px; position: absolute; background-color: #6ab1e1; right: 0; -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s; }

.cd-primary-nav-trigger .cd-menu-icon::before { top: -7px; }

.cd-primary-nav-trigger .cd-menu-icon::after { top: 7px; }

.cd-primary-nav-trigger .cd-menu-icon.is-clicked { background-color: rgba(255, 255, 255, 0); }

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after { background-color: #6ab1e1; }

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }

.cd-primary-nav { position: fixed; right: 0; top: 0; height: 100%; width: 40%; min-width: 320px; background: rgba(255, 255, 255, 0.9); z-index: 99; text-align: center; padding: 100px 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; }

.cd-primary-nav nav { width: 100%; border: none; text-align: center; padding: 0px; margin: 0px; }

.cd-primary-nav ul { border: none; text-align: center; padding: 0px; margin: 0px; }

.cd-primary-nav li { font-size: 22px; width: 100%; font-size: 1.375rem; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: .2em 0; text-transform: capitalize; }

.cd-primary-nav a { display: inline-block; padding: 0 .4em; font-size: 25px; text-transform: uppercase; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; color: #535353; }

.no-touch .cd-primary-nav a:hover { background-color: #e36767; }

.cd-primary-nav .cd-label { color: #06446e; text-transform: uppercase; font-weight: 700; font-size: 14px; font-size: 0.875rem; margin: 2.4em 0 .8em; }

.cd-primary-nav.is-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

/** partials/sidebar --- */
/** partials/footer --- */
.footer { text-align: center; display: table; width: 100%; clear: both; content: " "; }
.footer .copyright { font-size: 12px; margin-bottom: 40px; }
.footer .bottomlinks { margin-bottom: 40px; border-top: 2px solid #EDEDED; font-size: 13px; padding-top: 40px; }
.footer .footernav { text-align: center; margin-bottom: 60px; }
.footer .footernav li { display: inline-block; margin: 10px 20px; }
.footer .footernav li a { color: #6ab1e1; font-weight: 700; font-size: 18px; }

/** partials/print --- Print version (from https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css) */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol */
    a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; /* h5bp.com/t */ }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; } }
/** partials/wrapper --- */
.wrapper { padding: 0; margin: 0 auto; position: relative; width: 96%; max-width: 1200px; }

.pageouter { max-width: 1600px; width: 100%; margin: 0 auto; position: relative; }

h1 { color: #6ab1e1; font-size: 47px; line-height: 50px; font-weight: 700; margin-bottom: 20px; }

h2 { font-size: 30px; font-weight: 700; }

h3 { color: #6ab1e1; font-weight: 700; font-size: 30px; }

h4 { font-size: 21px; font-weight: 700; }

main { margin-top: 40px; }

.page-template-template-about main, .page-template-template-camps main { margin-top: 0px; }

.fwbg .wrapper { max-width: 1140px; border-top: 2px solid #ededed; padding-top: 60px; margin-top: 60px; }
.fwbg .wrapper h2 { color: #6ab1e1; text-align: center; }

main p { margin-bottom: 30px; }
main strong { font-weight: 600; }

.hero { background-size: cover; }


.red{
    background: rgba(238, 79, 44, 0.8);
}

.blue{
    background: rgba(106, 177, 225, 0.8);
}

.green{
    background: rgba(166, 206, 57, 0.8);
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .cta { background: #a6ce39; border-radius: 8px; border: none; cursor: pointer; font-size: 18px; color: #FFFFFF; line-height: 22px; font-weight: 700; padding: 10px 30px; display: inline-block; position: relative; }

.cta:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(109, 213, 213, 0);
	border-width: 10px;
	margin-left: -10px;
}
.cta:hover { background: rgba(166, 206, 57, 0.8); }

.cta.blue { background: #6ab1e1; }
.cta.blue.active:after { border-top-color: #6ab1e1 }

.cta.red { background: #ee4f2c; }
.cta.red.active:after { border-top-color: #ee4f2c; }

.cta.yellow { background: #fbc60a; }
.cta.yellow.active:after { border-top-color: #fbc60a; }


.cta.blue:hover { background: rgba(106, 177, 225, 0.8); color: #fff!important; }
.cta.blue.active:after:hover { border-top-color: rgba(106, 177, 225, 0.8); }

.cta.red:hover { background: rgba(238, 79, 44, 0.8); }

.cta.yellow:hover { background: rgba(251, 198, 10, 0.8); }

.interestlink { display: table; margin: 20px auto; font-size: 18px; text-decoration: underline; }

.customBox { background: white; width: 221px; background-size: 25px; height: 115px; color: #fff; border-radius: 8px; position: absolute; top: 0px; left: 0; z-index: 999999999999; }

.customBox:before { background: white; border-radius: 8px; content: ""; display: block; height: 70px; left: 0; margin-left: -30px; position: absolute; right: 0; z-index: 98; top: 50%; -webkit-transform: rotate(45deg) translateY(-50%); -moz-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); width: 70px; }

.customBox .inner { padding: 15px 15px 30px 15px; z-index: 99; position: relative; }

.customBox h1 { line-height: 40px; margin: 0 0 5px 0; font-size: 22px; }

.mapcontainer { position: relative; }

#map-canvas { position: relative; height: 420px; width: 100%; display: inline-block; margin-top: 40px; clear: both; }

.customBox span { font-size: 13px; padding-bottom: 10px; color: #888; display: table; }

.gform_wrapper input[type="email"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="email"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="number"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="password"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="tel"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="text"], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="url"], .gform_wrapper .ginput_complex input[type="email"], .gform_wrapper .ginput_complex input[type="number"], .gform_wrapper .ginput_complex input[type="password"], .gform_wrapper .ginput_complex input[type="tel"], .gform_wrapper .ginput_complex input[type="text"], .gform_wrapper .ginput_complex input[type="url"], .gform_wrapper textarea { border: none; border-radius: 8px; background: #ededed; padding: 8px !important; }

.contactdetails { border: none !important; }
.contactdetails h2 { color: #6ab1e1; border-bottom: 2px solid #ededed; font-size: 22px; margin-bottom: 15px; margin-top: 15px; padding-bottom: 7px; }

.homehero { min-height: 660px; position: relative; z-index: 1; color: #fff; }
.homehero .text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 0 20px; text-shadow: 0px 0px 4px #555; text-align: center; }
.homehero .text.left { text-align: left; }
.homehero .text.right { text-align: right; } 
.homehero .text .herotitle { font-family: "good_footregular", georgia, times, serif; font-size: 91px; line-height: 80px; margin-bottom: 30px; letter-spacing: -2px; }
.homehero .text .herosub { font-size: 26px; }

.herobuttons { position: absolute; bottom: 80px; width: 100%; left: 0; right: 0; text-align: center; }
.herobuttons .wrapper > * { width: 31%; margin: 10px; border-radius: 8px; padding: 14px; text-transform: uppercase; font-weight: 800; font-size: 18px; color: #fff; display: inline-block; }
.herobuttons .wrapper > *:nth-child(1) { background: rgba(238, 79, 44, 0.8); }
.herobuttons .wrapper > *:nth-child(2) { background: rgba(106, 177, 225, 0.8); }
.herobuttons .wrapper > *:nth-child(3) { background: rgba(166, 206, 57, 0.8); }
.herobuttons .wrapper > *:nth-child(1):hover { background: #ee4f2c; }
.herobuttons .wrapper > *:nth-child(2):hover { background: #6ab1e1; }
.herobuttons .wrapper > *:nth-child(3):hover { background: #a6ce39; }

.homehero:after { background-image: url("../../img/heromask.png"); background-repeat: no-repeat; background-size: cover !important; bottom: 0; clear: both; content: " "; display: table; height: 38px; left: 0; position: absolute; right: 0; width: 100%; }

.scrollhero { max-height: 660px; overflow: hidden; }
.scrollhero img { width: 100%; }

.insidehero { position: relative; }
.insidehero .text { position: absolute; bottom: 0px; background: rgba(106, 177, 225, 0.8); width: 100%; left: 0; right: 0; text-align: center; padding: 14px 0; border-top: 2px solid #fff; }
.insidehero .text h1 { color: #fff; margin-bottom: 0px; }

.stickynav { padding: 16px 0; text-align: center; border-bottom: 2px solid #ededed; }
.stickynav ul li { display: inline-block; margin: 0 30px; font-weight: 700; }
.stickynav ul li a { color: #777; font-size: 15px; }

.is-sticky .stickynav { background: rgba(106, 177, 225, 0.8); z-index: 999; border: none; }
.is-sticky .stickynav a { color: #fff; }

.twocol { text-align: center; }
.twocol .half { width: 49%; text-align: left; display: inline-block; vertical-align: middle; }
.twocol .half img { display: table; margin: 0 auto; }

.threecol { text-align: center; }
.threecol .third { width: 33%; text-align: left; display: inline-block; vertical-align: middle; }
.threecol .third img { display: table; margin: 0 auto; }

.bordertop .wrapper { border-top: 2px solid #ededed; margin: 60px auto 0; padding: 60px 0 0; }

.home .welcome { padding: 50px 0 30px; }
.home .welcome h1 { font-size: 34px; }

.tabscontainer { max-width: 800px; width: 100%; margin: 0 auto; }

.tabsecleft { display: inline; float: left; text-align: right; width: 20.8333%; }
.tabsecleft .cta { font-size: 15px; font-weight: 600; padding: 6px 18px; }

.tabsecright { display: inline; float: right; width: 67.8333%; }
.tabsecright p { margin-bottom: 0px; }

.tabsecondary h5.accordion-header::after { clear: both; background: #fff; content: "MORE +"; cursor: pointer; display: table; font-size: 14px; height: 20px; border-radius: 8px; padding: 3px 10px; margin-top: 10px; }

.tabdot { width: 12px; height: 12px; display: table; content: " "; border-radius: 80px; position: absolute; background: #6ab1e1; left: 25.8%; top: 20px; }

.tabsecondary h5.accordion-header { padding: 0px; margin: 0px; }

.tabsecondary h5.accordion-header.ui-state-active::after { border-radius: 8px 8px 0 0; content: "LESS -"; }

.tabsecondary.accordion > div { background: #fff; border-radius: 0 8px 8px 8px; padding: 12px !important; }

.icon-arrowright::after { color: #999; content: "+"; display: inline-block; font-size: 28px; line-height: 34px; float: right; width: 30px; }

.ui-state-active .icon-arrowright::after { content: "—"; font-size: 20px; line-height: 30px; }

ul.tabs { margin: 0px; padding: 0px; list-style: none; text-align: center; }
ul.tabs li { background: none; border-radius: 8px 8px 0 0; display: inline-block; padding: 10px 25px; cursor: pointer; font-size: 20px; font-weight: 700; }
ul.tabs li.current { background: #ededed; color: #6ab1e1; }

iframe { max-width: 600px; }

.tab-content { display: none; background: #ededed; padding: 30px; border-radius: 8px; }
.tab-content > div { padding: 20px 0; background: url("../../img/blueline.png") repeat-y scroll 26.55% 0; }
.tab-content .tabsection { padding: 15px 0; margin: 15px 0; display: table; width: 100%; position: relative; clear: both; }

.tab-content.current { display: inherit; }

.twocol.blocks { text-align: center; }
.twocol.blocks .half { width: 49%; text-align: left; display: inline-block; padding: 20px 40px !important; vertical-align: middle; }
.twocol.blocks .half > div { background: #ededed; border-radius: 8px; padding: 40px; text-align: center; }

.fourcol.blocks { text-align: center; }
.fourcol.blocks .fourth { width: 24%; text-align: left; display: inline-block; padding: 20px 8px !important; vertical-align: top; }
.fourcol.blocks .fourth > div { background: #ededed; border-radius: 8px; padding: 20px; text-align: center; }
.fourcol.blocks .fourth img { display: table; margin: 0 auto; }

.threecol.blocks { text-align: center; }
.threecol.blocks .third { width: 33%; text-align: left; display: inline-block; padding: 20px !important; vertical-align: middle; }
.threecol.blocks .third > div { background: #ededed; border-radius: 8px; padding: 40px; text-align: center; }

.home .twocol { padding: 10px 0 50px 0; }
.home .twocol .half:nth-child(1) { padding-right: 20px; }
.home .twocol .half:nth-child(2) { padding-left: 20px; }

.homeupdates { background: #6ab1e1; padding: 50px 0; }
.homeupdates h1 { color: #fff; text-align: center; margin-bottom: 40px; }

.blogcontainer .wrapper, .thirdwidgets { text-align: center; }
.blogcontainer .wrapper > *, .thirdwidgets > * { display: inline-block; padding: 20px; width: 33.1%; }
.blogcontainer .wrapper > * > *, .thirdwidgets > * > * { background: #fff; display: table; border-radius: 0 0 8px 8px; border: 1px solid #979797; width: 100%; }
.blogcontainer .wrapper > * > * img, .thirdwidgets > * > * img { width: 100%; }
.blogcontainer .wrapper > * > * .text, .thirdwidgets > * > * .text { padding: 20px 20px 40px; }
.blogcontainer .wrapper > * > * .text h3, .thirdwidgets > * > * .text h3 { color: #6ab1e1; font-weight: 700; text-transform: uppercase; font-size: 16px; margin-bottom: 10px; }

#text-2 { text-align: center; border: 0; }
.widget .widget-inside {
	padding: 25px;
}
.widget .widget-inside ul { list-style: inside circle; }
.widget .widget-inside a:hover { color: #6ab1e1; }

.blogcontainer .wrapper > * > * { border: none; }

.stafftext { width: 100%; display: table; text-align: center; padding: 15px; }

.stafftext h2 { margin: 0px; }

.staffright { display: inline-block; width: 47%; padding-left: 30px; vertical-align: top; }

.single-staff .type-staff img { vertical-align: top; max-width: 50%; }

.staffright h2 { text-align: left; margin: 0px !important; }

.staffright h4 { margin: 0px; font-size: 18px; font-weight: normal; }

.staffright a.smail { width: 100%; display: table; margin: 5px 0; }

.staffright .stafftop { border-bottom: 2px solid #ddd; padding-bottom: 15px; margin-bottom: 20px; }

.sphone { margin: 5px 0; }

.staffright h3 { margin-top: 30px; }

.homeconnect { border-top: 2px solid #fff; padding: 60px 20px; text-align: center; position: relative; }
.homeconnect h1 { color: #fff; }
.homeconnect p { color: #fff; font-size: 21px; }
.homeconnect img { width: 47px; display: inline-block; margin: 0 5px; }
.homeconnect .socialnl { text-align: center; margin: 30px 0 20px; }
.homeconnect .socialnl > * { display: inline-block; margin: 10px; vertical-align: middle; }
.homeconnect .socialnl input[type="button"] { background: #ee4f2c; border: none; color: #fff; border-radius: 0 8px 8px 0; padding: 12px; line-height: 18px; }

#bbox-root-b81e1439-0985-4cc2-9dd2-fa314a2f1d04 { display: table; clear: both; text-align: center; margin: 0 auto; }

.BBFormButtonRow, #bboxsignup-7f0a8d03-82ff-4784-a30f-5e9180bbc278_divFields { display: table; clear: both; width: 100%; }

.BBFormContainer[data-bbox-part-id="b81e1439-0985-4cc2-9dd2-fa314a2f1d04"] .BBFormTextbox, .BBFormContainer[data-bbox-part-id="b81e1439-0985-4cc2-9dd2-fa314a2f1d04"] .BBFormSelectList, .BBFormContainer[data-bbox-part-id="b81e1439-0985-4cc2-9dd2-fa314a2f1d04"] .BBFormTextArea { background: #fff !important; padding: 10px !important; opacity: 1 !important; font-size: 14px !important; }

.BBFormContainer[data-bbox-part-id="b81e1439-0985-4cc2-9dd2-fa314a2f1d04"] .BBFormSubmitbutton { background: #ee4f2c !important; margin: 10px auto 0; box-shadow: none !important; display: table; border: none !important; font-size: 15px !important; font-weight: 600; border-radius: 8px !important; padding: 7px 30px; }

.partnerlogos { text-align: center; padding: 80px 0; }
.partnerlogos a { width: 33%; display: inline-block; }
.partnerlogos img { height: 88px; }

.homeconnect:after { background-image: url("../../img/connectmask.png"); background-repeat: no-repeat; background-size: cover !important; bottom: 0; clear: both; content: " "; display: block; height: 38px; left: 0; position: absolute; right: 0; width: 100%; }

.section.twocol .wrapper { border-top: 2px solid #ededed; margin-top: 60px; padding-top: 60px; }
.section.twocol .half { padding: 20px; }

.bx-wrapper { position: relative; border-radius: 8px; overflow: hidden; margin: 60px 0 !important; }

.hero .bx-wrapper { margin: 0px !important; }

.adimg { border-top: 2px solid #ededed; margin: 60px 20px 30px; padding: 90px 0 30px; }
.adimg img { max-width: 830px; width: 100%; display: table; margin: 0 auto; }

.bx-prev, .bx-next { position: absolute; display: table; width: 40px; height: 40px; content: " "; text-indent: -9999px; position: absolute; background-size: 40px !important; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); z-index: 99999; }

.bx-prev { background: url(../../img/arrow-left.png) no-repeat; left: 30px; }

.bx-next { background: url(../../img/arrow-right.png) no-repeat; right: 30px; }

.section.bgimage { background-size: cover; color: #fff; padding: 70px 0; margin-top: 50px; }
.section.bgimage h1 { text-align: center; color: #fff; margin-bottom: 50px; }
.section.bgimage .wrapper > div { margin-top: 20px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; font-size: 15px; line-height: 23px; }
.section.bgimage .wrapper > div p { margin-bottom: 30px; }

.noborder { border: none !important; margin-top: 0px !important; }

#positions, #financials, #leaders { text-align: center; }
#positions .wrapper, #financials .wrapper, #leaders .wrapper { border-bottom: 2px solid #ededed; padding: 70px 0; }
#positions .wrapper .cta, #financials .wrapper .cta, #leaders .wrapper .cta { margin-top: 40px; }

.topalign { vertical-align: top !important; }

#fun img { margin-bottom: 40px; }

.outreachlist .half { width: 42%; }
.outreachlist ul { padding-left: 20px; }
.outreachlist ul li { font-weight: 400; list-style: disc !important; }

.bloghero .text { padding: 14px 0px; }
.bloghero .text h1 { margin: 0px; }

.blogsingle .type-post, .blogsingle .type-staff { width: 65%; display: table; float: left; }

.maincontent { width: 65%; display: table; float: left; }

.accordiongroup { margin-bottom: 40px; }
.accordiongroup .bx-wrapper { margin: 10px auto 50px !important; }

.accordion > div { display: none; padding: 0 20px; }
.accordion .accordion-header { background: #ededed; padding: 5px 20px; margin: 10px 0; cursor: pointer; border-radius: 8px; }

h5 { font-size: 20px; font-weight: 600; }

.sidebar { width: 27%; display: table; float: right; }
.sidebar img { width: 100%; height: auto; }
.sidebar > * { margin-bottom: 20px; overflow: hidden; border-radius: 8px; border: 1px solid #ddd; }
.sidebar > .widget_nav_menu { background: #efefef; text-align: center; padding: 30px; }
.sidebar > .widget_nav_menu li { padding: 10px; font-weight: 700; font-size: 17px; border-top: 2px solid #fff; }
.sidebar > .widget_nav_menu li a:hover { color: #6ab1e1; }
.sidebar > .widget_nav_menu li:first-child { border: none; }
.sidebar p.simple-image { margin: 0px; }

#cboxContent img { margin: 0px !important; }

#cboxLoadedContent { background: none !important; border: none !important; }

.date { display: table; width: 100%; border-top: 2px solid #ededed; padding-top: 10px; margin-top: 10px; color: #979797; margin-bottom: 30px; }

.thefounders.twocol .wrapper { border: none; }

.thefounders.twocol .half { vertical-align: top; }
.thefounders.twocol .half h4 { text-align: center; }
.thefounders.twocol .half img { margin: 10px 0 20px; }

.page-template-template-founders .fwbg .wrapper { background: none repeat scroll 0 0 #ededed; border-radius: 8px; margin-top: 60px; max-width: 1140px; padding: 60px; }

.page-template-template-donatelanding .half { padding: 40px; vertical-align: top; text-align: center; }
.page-template-template-donatelanding .half > div { background: #EDEDED; text-align: center; border-radius: 8px; padding: 45px; max-width: 430px; vertical-align: top; margin: 0 auto; }
.page-template-template-donatelanding .half > div > * { margin: 6px 0; }
.page-template-template-donatelanding .half > div img { width: 100%; }

.servelist { margin: 10px 0; }
.servelist h4 { margin-bottom: 40px; }
.servelist li { width: 45%; display: inline-block; padding: 2px 10px; list-style-type: circle; }

.bottomctas { padding: 40px 0 0; text-align: center; }
.bottomctas .wrapper { border-top: 2px solid #ededed; padding: 40px 0 0; }

.post-type-archive-board .type-board, .page-template-template-board .type-board { vertical-align: top; }
.post-type-archive-board .type-board > div, .page-template-template-board .type-board > div { border-radius: 8px 8px 0 0; cursor: text; position: relative; overflow: hidden; }
.post-type-archive-board .type-board > div > div, .page-template-template-board .type-board > div > div { padding: 5px 10px; background: #ededed; position: relative; }
.post-type-archive-board .type-board > div > div p, .page-template-template-board .type-board > div > div p { margin-bottom: 0px; }

#sharecont { background: none repeat scroll 0 0 #ededed; border-radius: 8px; display: inline-block; float: right; font-size: 12px; font-weight: 600; letter-spacing: 1px; padding: 5px 15px; text-transform: uppercase; }
#sharecont .st_facebook_custom { background-image: url(../../img/facebook-blue.png); }
#sharecont .st_twitter_custom { background-image: url(../../img/twitter-blue.png); }
#sharecont span { background-size: 19px; background-repeat: no-repeat; display: inline-block; height: 20px; vertical-align: middle; width: 20px; cursor: pointer; }

#sharefull { background: none repeat scroll 0 0 #ededed; border-radius: 8px; display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: 1px; margin: 30px auto; display: table; padding: 5px 15px; text-transform: uppercase; }
#sharefull .st_facebook_custom { background-image: url(../../img/facebook-blue.png); }
#sharefull .st_twitter_custom { background-image: url(../../img/twitter-blue.png); }
#sharefull span { background-size: 19px; background-repeat: no-repeat; display: inline-block; height: 20px; vertical-align: middle; width: 20px; cursor: pointer; }

.boardmore:after { clear: both; color: #6ab1e1; cursor: pointer; content: "MORE +"; display: table; font-size: 14px; margin-top: 0px; margin-bottom: 10px; height: 20px; width: 100%; }

.expandable { width: 100%; z-index: 2; margin-top: -5px; left: 0; right: 0; border-radius: 0 0 8px 8px; background: #ededed; }

.boardmore.ui-state-active:after { content: "LESS -"; }

.toggleSection { display: none; }

.toggleSection { position: relative; color: #535353; background: none; padding: 15px; }

.boardintro { display: table; width: 100%; clear: both; margin-bottom: 30px; }
.boardintro p { text-align: center; font-size: 18px; width: 70% !important; margin: 0 auto; }

.fwbg p { text-align: center; font-size: 18px; width: 70% !important; margin: 0 auto; }




.articleContainer {
    width: 100%;
    background: #dfdfdf;
    padding: 55px;
    margin-top: 85px;
    margin-bottom: 115px;
}
.accordianTitle {
    padding-left: 40px;
    cursor: pointer;
    background: url("../../img/plusIcon.png") no-repeat;
    background-size: 25px 25px;
    background-position: 0px;
    height: 40px;
    font-size:20pt;
    font-weight:700;

}
.articleContainer div {
    font-size: 15px;
    font-family: "Proxima Nova";
    color: #7f7f7f;
    text-align: left;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
.articleContainer .summary {
    overflow: hidden !important; }

.videoContainer {
    margin-top: 115px;
    background: url("../../../../../wp-content/uploads/2015/05/thumbnail.jpg") no-repeat;
    background-size: cover;
    height: 48.2em;
    background-position: center top;
}
.videoContainer iframe {
    width: 100%;
    height: 900px; }

#formerCampers {
    margin: 115px 0 115px 0;
    height:800px;
}
#formerCampers .title {
    font-family: "proxima-nova";
    color: #75b8e5;
    line-height: 2.35;
    text-align: center;
    font-size: 30px;
    font-weight: 700; }

#formerCampers .formerCamperContainer {
    padding: 25px;
    margin-top: 190px;
}


#formerCampers .formerCamperContainer .formerCamper{
    width: 40%;
    float: left;
    background: #dfdfdf;
    padding: 25px;
    margin: 0 5% 0;
    height: 500px;
}


.camperAvatar {
    background: url("http://woape.com/avatar_placeholder.png") no-repeat center;
    background-size: auto 100%;
    width: 300px;
    height: 300px;
    margin: 0 auto 0 auto;
    position: relative;
    top: -185px;
}

#formerCampers .formerCamperContainer .formerCamper .camperSummaryContainer{
    margin: -180px 40px 0 40px;
    padding: 10px;

}


#formerCampers .formerCamperContainer .formerCamper .camperSummaryContainer .camperSummary {
    height:100%;
    max-height: 275px;
    overflow-y:scroll;
}
#formerCampers .formerCamperContainer .formerCamper .camperSummaryContainer .title {
    font-size: 18.732px;
    font-family: "proxima-nova";
    color: #7f7f7f;
    line-height: 2.35;
    text-align: left;
    width: 0; }
#formerCampers .formerCamperContainer .formerCamper .camperSummaryContainer button {
    border-radius: 6px;
    background-color: #a3cc31;
    color: white;
    width: 154px;
    height: 42px; }



.accordianView{
    overflow-y:hidden;
}

#staffNav .button{
    margin: 10px;
    border-radius: 8px;
    padding: 14px;
    text-transform: capitalize;
    font-weight: 800;
    font-size: 18px;
    color: #fff;
    display: inline-block;
}

#staffNav .button:hover{
    opacity: .75;
}


div{
    -webkit-transition: all 0.2s linear 1s;
    -moz-transition: all 0.2s linear 1s;
    transition: all 0.2s linear 1s;
}

.jobAvatar{
    width: 25%;
    height: 300px;
    float: left;
    background: #cccccc;
    margin: 20px;
}

.jobDetails p {
    line-height: 33px;
}


#staffNav{
    padding: 16px 0;
    text-align: center;
    border-bottom: 2px solid #ededed;
}


#staffNav ul{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

#staffNav ul li{
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    display: inline;
}

.staffSection .articleContainer{
    margin: 0 0 50px 0 !important;
}


.kids-hero-donate {
    position: relative;
    text-align: center !important;
    bottom: 200px;

}

.insidehero {
    position: relative;
    text-align: center;
}

.page-template-template-kids .videoContainer {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.page-template-template-kids .videoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
}
.btn-camp-wrap {
    text-align: center;
}
.wrapper .btn-camp-wrap a.cta {
    width: 250px;
    display: block;
    margin: 0 !important;
}

/* Download page styles */
.maincontent.media {
    width: 100%;
}
.media .video-wrapper {
    
}
.media .video-wrapper h4,
.media .image-wrapper h4 {
    color: #729fb8;
    font-size: 45px;
}
.media .video-wrapper .item,
.media .image-wrapper .item {
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 20px;
}
.video-wrapper .item:nth-child(3n),
.image-wrapper .item:nth-child(3n) {
    margin-right: 0;
}
.video-wrapper .item a,
.image-wrapper .item a {
    text-align: center;
    color: #729fb8;
    font-size: 15px;
    display: inline-block;
    width: 100%;
    transition: color 0.4s ease 0s;
    -webkit-transition: color 0.4s ease 0s;
}
.media .item a:hover {
    color: #fc642e;
}
.video-wrapper .item .wpvl_auto_thumb_box_wrapper {
    margin-bottom: 10px;
}
.video-wrapper .item .wpvl_auto_thumb_box,
.video-wrapper .item .video_lightbox_auto_anchor_image {
    width: 100%;
    height: 33vh;
}
.video-wrapper .item .wpvl_auto_thumb_play {
    left: 45%;
    top: 42%;
}
.video-wrapper .item a.imgwrap,
.image-wrapper .item a.imgwrap {
    height: 200px;
    overflow: hidden;
}
.media .image-wrapper {

}
.media .image-wrapper .item {
    
}

@media only screen and (max-width: 1050px) { nav ul li a { padding: 10px 15px; }
    .scrollhero h1 { margin-bottom: 0px; }
    .insidehero .text .stickynav ul li { margin: 0 15px; }
    .homehero .herobuttons .wrapper > * { width: 25%; min-width: 150px; }
    .blogcontainer .wrapper > *, .thirdwidgets > * { width: 49%; }
    .kids-hero-donate {
        position: relative;
        text-align: center !important;
        bottom: 200px;
    }
}
@media only screen and (max-width: 900px) { .logo, nav { float: none; margin: 0 auto; clear: both; }
    h1 { font-size: 30px; line-height: 34px; }
    .insidehero .text { position: relative; } }
@media only screen and (max-width: 800px) { .sticky-wrapper { display: none; }
    .twocol .half { width: 100%; clear: both; display: table; }
    .twocol .half img { width: 100%; max-width: 560px; }
    .partnerlogos a { width: 100%; display: table; text-align: center; margin: 20px auto; }
    .section.bgimage .wrapper > div { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; }
    .home .twocol .half:nth-child(1), .home .twocol .half:nth-child(2) { padding: 20px; } }
@media only screen and (max-width: 760px) { .blogsingle .wrapper .type-post { width: 100%; float: none; }
    .blogsingle .wrapper .sidebar { width: 100%; max-width: 300px; margin: 0 auto; float: none; }
    .insidehero{
        overflow: hidden;
        text-align: center !important;

    }

}
@media only screen and (max-width: 700px) {
    .cd-primary-nav-trigger { display: block; }
    #header .wrapper nav { display: none; }
    .logo { float: left; width: 190px; }
    .logo img { width: 190px; }
    .insidehero { overflow: hidden; }
    .insidehero img { max-width: 800px; min-height: 150px; }
    .formerCamper{
        width: 100% !important;
        margin: 40px 0 !important;
    }
    #formerCampers{
        height: 1600px;
    }

    .jobAvatar {
        width: 100%;
        float: none;
    }


    #staffNav ul li{
        display: block;
        padding-right: 20px;
    }

    #staffNav ul li ,  #staffNav ul li a{
        width:100%
    }
}

@media only screen and (max-width: 600px) { .herobuttons { position: relative; bottom: auto; }
    .herobuttons .wrapper { border-bottom: 2px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; }
    .herobuttons .wrapper a { display: table; clear: both; margin: 10px auto; width: 240px; }
    .blogcontainer .wrapper > *, .thirdwidgets > * { width: 100%; max-width: 400px; }
    .homehero .text .herotitle { font-size: 70px; line-height: 60px; }
    .kids-hero-donate { bottom: 130px !important; }
    .homehero .text .herosub { font-size: 22px; line-height: 28px; }
    .wrapper .btn-camp-wrap a.cta { margin: 10px auto !important; }
}

@media only screen and (max-width: 360px) { 
    .homeconnect .socialnl input[type="button"], .homeconnect .socialnl input[type="text"] { margin: 10px; }
    .homeconnect .socialnl input[type="button"] { border-radius: 8px; }
    .kids-hero-donate { bottom: 110px !important; }

}


@media (min-width: 1200px){
    .kids-hero-donate {
        bottom: 500px !important;
    }
}