/*
Theme Name: Camp Winnebagoe
Description: Camp Winnebagoe WP theme.
Author: Mastilo.co
Author URI: http://www.mastilo.co/
Version: 1.0
*/


@charset "utf-8"; 
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, table
{padding: 0; margin: 0; border: 0; list-style-type: none; line-height:100%; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/*
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 400;

font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 400;

font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 600;

font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 600;

font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;

font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 700;
*/

@import url("//hello.myfonts.net/count/2e2174");
@font-face {font-family: 'MimbieHeadline';src: url('fonts/2E2174_0_0.eot');src: url('fonts/2E2174_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2E2174_0_0.woff2') format('woff2'),url('fonts/2E2174_0_0.woff') format('woff'),url('fonts/2E2174_0_0.ttf') format('truetype');}
@font-face {font-family: 'MimbieHeadlineSemiBold';src: url('fonts/2E2174_1_0.eot');src: url('fonts/2E2174_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/2E2174_1_0.woff2') format('woff2'),url('fonts/2E2174_1_0.woff') format('woff'),url('fonts/2E2174_1_0.ttf') format('truetype');}

/* 16px */
body, html {height:100%;}
body {font:1em "proxima-nova",sans-serif; color:#fff; background:#363636; -webkit-text-size-adjust:none;}
a {color:#6BC9D5; text-decoration:none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
a:hover {color:#4B939D;}
input, select, textarea, button {font:1em "proxima-nova",sans-serif; color:#000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 0;}
input[type="submit"], input[type="reset"], button, label {cursor:pointer; padding:0; border:0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;}
textarea {overflow:auto;}
table {border-collapse: separate; border-spacing: 0;}
a:active {outline: 0;} *:focus {outline: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, section, nav, hgroup, footer, article { display: block; }
strong, b {font-weight:bold;}
em, i {font-style:italic;}
p {line-height:130%}
.left {float:left !important;}
.right {float:right !important;}
.hidden {display:none}
.center {text-align:center !important;}
.tleft {text-align:left !important;}
.tright {text-align:right !important;}
.margin0 {margin:0 !important;}
.padding0 {padding:0 !important;}
.border0 {border:0 !important;}
.padding-bottom0 {padding-bottom:0 !important;}
.clear {clear:both;}
img {max-width:100%; height:auto; vertical-align:middle;}
.uppercase {text-transform:uppercase}
.relative {position:relative;}
button::-moz-focus-inner {padding:0; border:0}

/* WP Styles */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%;
	height: auto;
}
img.alignleft {
	margin: 0 2em 2em 0;
}
img.alignright {
	margin: 0 0 2em 2em;
}
.wp-caption {
	max-width:100%;
	text-align: center;
}
.wp-caption img {
}
.wp-caption .wp-caption-text {
	font-size:0.875em; padding:5px 20px 0 20px; text-align:center;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}
img#wpstats{display:none}
/* WP Styles */

span.edit-link a {position:fixed; top:10px; right:10px; z-index:99999; background:red; color:#fff !important; font-size:1em; padding:10px;}

::-moz-selection {background:#6BC9D5; color:#fff;}
::selection {background:#6BC9D5; color:#fff;}

*::-webkit-input-placeholder { color:#363636; }
*::-moz-placeholder { color:#363636; opacity:1; }
*:-ms-input-placeholder { color:#363636; }
*:-moz-placeholder { color:#363636; }

.wrapper {width:1140px; margin:0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.valign {display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:100%;}
.valign-bottom {display:inline-block; *display:inline; zoom:1; vertical-align:bottom; width:100%;}

.button-default, .entry-content [type="submit"] {display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:#6BC9D5; color:#fff; border:solid 1px #fff !important; height:30px; line-height:30px !important; font-size:1.125em; padding:0 15px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.button-default:hover, .entry-content [type="submit"]:hover {background:#4B939D; color:#fff;}
.button-default.big, .entry-content [type="submit"] {height:56px; line-height:56px; font-size:1.750em; font-weight:600; padding:0 30px !important;}

.body-content {float:left; width:100%;}
.body-content .wrapper {position:relative; z-index:20;}
.padding-content {padding:60px 0;}
.white-content {background:#fff; color:#4E4E4E;}
#bg-about {background:url(images/bg-about.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; position:relative;}
#bg-about:before {content:" "; display:block; width:100%; height:100%; background:#000; opacity:0.4; position:absolute; left:0; top:0;}
#bg-activities {background:url(images/bg-activities.jpg) no-repeat center center; background-size:cover;}
#bg-traditions {background:url(images/bg-traditions.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; position:relative;}
#bg-traditions:before {content:" "; display:block; width:100%; height:100%; background:#000; opacity:0.4; position:absolute; left:0; top:0;}
#bg-testimonials {background:url(images/bg-testimonials.jpg) no-repeat center center; background-size:cover;}

#breadcrumbs {margin:0 0 60px 0;}

.heading {margin:0 0 60px 0;}
.big-title {font:3em MimbieHeadlineSemiBold;}

.info-text {display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:1.750em; width:70%; margin:0 0 60px 0;}

.entry-content h1 {font:3.750em MimbieHeadlineSemiBold; margin:0 0 40px 0;}
.entry-content h2 {font:3.125em MimbieHeadline; margin:0 0 40px 0;}
.entry-content h3 {font:2.500em MimbieHeadlineSemiBold; margin:0 0 40px 0;}
.entry-content h4 {font:1.875em MimbieHeadline; margin:0 0 40px 0;}
.entry-content h5 {font:1.500em MimbieHeadline; margin:0 0 40px 0;}
.entry-content h6 {font:1.250em MimbieHeadline; margin:0 0 40px 0;}
.entry-content p {font-size:1.375em; margin:0 0 40px 0; line-height:150%;}
.entry-content blockquote {border-left:solid 10px #4B939C; padding:0 0 0 40px;}
.entry-content hr {border:0; margin:0 0 40px 0; padding:0; height:1px; background:#4E4E4E; float:left; width:100%;}
.entry-content ul:not([class]) li:not([class]) {font-size:1.375em; line-height:150%; margin:0 0 10px 0; position:relative; padding:0 0 0 20px;}
.entry-content ul:not([class]) li:not([class]):before {content: " "; display:block; width:6px; height:6px; background:#4E4E4E; position:absolute; left:0; top:14px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.entry-content ul:not([class]), .entry-content ol:not([class]) {margin:0 0 40px 0;}
.entry-content label {display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.entry-content [type="text"], .entry-content [type="password"], .entry-content [type="email"], .entry-content textarea {border:solid 1px #B7B7B7; height:54px; padding:0 12px; min-width:450px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.entry-content textarea {padding:12px; height:auto;}
.entry-content [type="text"]:focus, .entry-content [type="password"]:focus, .entry-content [type="email"]:focus, .entry-content textarea:focus {
	-webkit-box-shadow:inset 0 5px 10px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 5px 10px 0 rgba(0,0,0,0.1);
}
.entry-content p [type="submit"] {font-size:1.273em;}
.entry-content table {width:100%; margin:0 0 40px 0;}
.entry-content th {font-size:1.375em; line-height:150%; text-align:left; border-bottom:solid 1px #4E4E4E; padding:18px 15px;}
.entry-content td {font-size:1.375em; line-height:150%; border-bottom:solid 1px #4E4E4E; padding:18px 15px;}
.entry-content tbody tr:hover td {background:#f1f1f1;}

.filters {text-align:center; margin:0 0 40px 0;}
.filters li, .filters a {display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.filters li {margin:0 15px; padding:0;}
.filters li:before {display:none}
.filters a {width:140px; height:58px; background:#6BC9D4; color:#fff; padding:0 20px; line-height:54px; font-size:1.125em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.filters a strong {display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.filters a:hover {background:#4B939D}

.gallery-list {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;	
}
.gallery-list .item {margin:0 10px 20px 10px;}

.one_half {float:left; width:50%; padding:0 30px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.one_half.last_column {padding:0 0 0 30px;}

#top-line {float:left; width:100%; background:#363636; position:relative;}
#top-line .wrapper {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;	
}
#top-menu, #top-menu li, #top-menu a {display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#top-menu li {height:78px; line-height:78px; margin:0 25px 0 0;}
#top-menu a {color:#fff; font-size:0.875em;}
#top-menu a:hover {color:#6BC9D5;}
#top-menu .current-menu-item a {color:#4B939D;}

#search-form {display:inline-block; *display:inline; zoom:1; vertical-align:middle; height:78px; line-height:78px; background:url(images/icon-search.png) no-repeat left center; background-size:24px auto; padding:0 0 0 36px;}
#search-form * {display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#search-form [type="text"] {background:#fff; width:300px; height:30px; padding:0 8px; margin:0 10px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#search-form [type="text"]:focus {
	-webkit-box-shadow:inset 0 5px 10px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 5px 10px 0 rgba(0,0,0,0.1);
}

#header {float:left; width:100%; height:560px; line-height:560px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; position:relative;}
#header:before {content:" "; display:block; width:100%; height:100%; background:#000; position:absolute; left:0; top:0; opacity:0.2;}
#header .wrapper {position:relative; z-index:20;}
#header .nav {float:left; width:100%; padding:20px 0; background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; z-index:30;}
#header .nav .wrapper {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;	
}
/*.home #header {height:700px; line-height:700px;}
.home #header .nav {background:none}*/
#logo, #logo a {display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#logo {width:175px; text-align:center;}
#logo a {width:88px; height:96px; background:url(images/logo.png) no-repeat center center; background-size:88px 96px; text-indent:-99999px;}
/*.home #logo a {width:175px; height:190px; background-size:175px 190px;}*/

.fixed #header .nav {position:fixed; left:0; top:78px; background:rgba(0,0,0,0.6);}
.fixed #top-line {position:fixed; left:0; top:0; z-index:10000;}

#main-menu {margin:20px 0 0 0;}
#main-menu li {display:inline-block; *display:inline; zoom:1; vertical-align:middle; position:relative;}
#main-menu li a {display:inline-block; *display:inline; zoom:1; vertical-align:middle; height:50px; line-height:50px; color:#fff; font-size:1.125em; font-weight:bold; padding:0 40px;}
#main-menu li:hover {background:rgba(0,0,0,0.6);}
#main-menu li ul {display:none; position:absolute; left:0; top:100%; background:rgba(0,0,0,0.6); z-index:10000;}
#main-menu li ul li {width:100%; white-space:nowrap; border-top:solid 1px #888;}
#main-menu .menu-item-has-children:hover ul {display:block}
#main-menu .current-menu-item a {background:#000;}
#main-menu li:last-child ul {left:auto; right:0; text-align:right;}

#header .counter {margin:0 0 50px 0;}
#header .counter h2 {font:3.750em MimbieHeadlineSemiBold; text-align:center; text-shadow:5px 5px #22696D; margin:0 0 50px 0;}

#header .heading {margin:0 0 200px 0;}
#header .big-title {font-size:3.750em; text-shadow:5px 5px #000;}

#main-menu-toggle {display:none; position:absolute; left:0; top:0; height:78px; line-height:78px; cursor:pointer; padding:0 0 0 15px;}
#main-menu-toggle strong {display:inline-block; *display:inline; zoom:1; width:30px; height:21px; position:relative; vertical-align:middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main-menu-toggle strong:before {content:" "; display:block; width:100%; height:3px; background:#898989; position:absolute; left:0; top:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle strong:after {content:" "; display:block; width:100%; height:3px; background:#898989; position:absolute; left:0; bottom:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle strong span {display:block; width:100%; height:3px; position:absolute; left:0; top:50%; margin:-1.5px 0 0 0; background:#898989; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle:hover strong:before {top:-1px; background:#3F5C5F}
#main-menu-toggle:hover strong:after {bottom:-1px; background:#3F5C5F}
#main-menu-toggle:hover span {background:#3F5C5F}
#main-menu-toggle.opened strong:before {top:9px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);	
}
#main-menu-toggle.opened strong:after {bottom:9px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);	
}
#main-menu-toggle.opened strong span {opacity:0;}
#main-menu-toggle small {display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; text-transform:uppercase; white-space:nowrap; height:21px; line-height:21px; padding:0 0 0 10px; font-weight:600; font-size:1em;}

#mobile-menu {border-top:solid 1px #888888; display:none; float:left; width:100%;}
#mobile-menu li {border-bottom:solid 1px #888888;}
#mobile-menu .menu-item-has-children {border:0;}
#mobile-menu .menu-item-has-children > a > span {display:inline-block; *display:inline; zoom:1; vertical-align:middle; position:relative; padding:0 22px 0 0;}
#mobile-menu .menu-item-has-children > a > span:before {content:" "; display:block; width:7px; height:7px; border:solid 2px #fff; border-left:0; border-top:0; position:absolute; right:0; top:50%; margin:-7px 0 0 0;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);	
}
#mobile-menu a {display:block; font-weight:600; color:#fff; font-size:1.125em; padding:10px;}
#mobile-menu li ul {border-top:solid 1px #888888; background:#3F5C5F}
#mobile-menu a:hover {background:rgba(255,255,255,0.1);}

#activities-list {float:left; width:100%;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;	
}
#activities-list .box {display:inline-block; *display:inline; zoom:1; vertical-align:top; width:360px; margin:0 0 30px 0;}
#activities-list a {display:block; width:100%; height:360px; text-align:center; color:#fff; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; overflow:hidden;}
#activities-list .hover {display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5) url(images/icon-plus.png) no-repeat center center; line-height:280px; opacity:0;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
#activities-list .title {display:inline-block; *display:inline; zoom:1; vertical-align:bottom; font-size:1.688em; width:80%; line-height:110%;}
#activities-list a:hover .hover {opacity:1;}

#testimonials .text {padding:0 80px; font-size:1.625em;}
#testimonials .author {padding:0 150px; font-size:1.625em; text-align:right; margin:40px 0 0 0;}

#footer {text-align:center;}
#footer .copy {display:inline-block; *display:inline; zoom:1; vertical-align:middle; height:52px; line-height:52px; font-size:0.875em; margin:0 20px;}
#footer-menu, #footer-menu li, #footer-menu a {display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#footer-menu li {height:52px; line-height:52px; margin:0 20px;}
#footer-menu a {font-size:0.875em; color:#fff;}
#footer-menu a:hover {color:#6BC9D5;}
#footer-menu .current-menu-item a {color:#4B939D;}

#to-top {width:60px; height:60px; position:fixed; right:20px; bottom:-100px; background:url(images/icon-top.png) no-repeat center center; background-size:60px 60px; cursor:pointer; z-index:999999999999;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
#to-top:hover {opacity:0.8}
.fixed #to-top {bottom:20px;}

.touch #header {background-attachment:scroll;}
.touch #bg-about {background-attachment:scroll;}
.touch #bg-traditions {background-attachment:scroll;}

.blog-post {float:left; width:100%; margin:0 0 40px; padding:0 0 40px 0; border-bottom:solid 1px #ccc;}
.blog-post:last-child {margin:0; padding:0; border:0;}
.blog-post .image {display:block; float:left; width:200px;}
.blog-post .image + .content {margin:0 0 0 230px;}
.blog-post .date {opacity:0.5; margin:0 0 10px 0;}
.blog-post h3 a {display:block; font-size:1.5em; font-weight:600; margin:0 0 10px 0;}
#nav-below {float:left; width:100%; padding:40px 0 0 0; margin:40px 0 0 0; text-align:center; border-top:solid 1px #4E4E4E;}