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

body {
background: #8dc63f;
margin:0 auto;
height: 100%;
color:#444;
font-size:100%;
font-family: 'OpenSansRegular', 'robotolight', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: left;
padding: 0;
margin:0;}

p {margin: 0 0 15px 0; line-height: 160%; font-size: 110%;}
	
ul {margin: 10px 0 20px 0; line-height: 160%; padding: 0 0 0 10px; font-size: 110%;}
li {margin: 0 0 5px 13px;}
ul li p {margin: 0 0 0 0; line-height: 130%;}

ol {margin: 10px 0 20px 0; line-height: 160%; padding: 0 0 0 20px;}
ol li {margin: 0 0 10px 0;}

strong {
   font-family: 'OpenSansBold', 'robotobold', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;}
	
em, i {    
	/*font-family: 'source_serif_prolight_italic', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-weight:normal;*/}


a, a:link, a:visited {color:#0597F5; text-decoration: none;}
a:hover {color:#0545F5;}
a:focus, a:active {color:#a65430;}


   .container {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
	  -moz-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      -o-flex-flow: row wrap;
      flex-flow: row wrap;
	  margin-left: auto;
      margin-right: auto;}

	@media (min-width: 1200px) {
      .container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;}
    }
	
	@media (max-width: 1250px) {
      .container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;}
	}


	/*@media (min-width: 1200px) {
      .container {
        width: 1700px;
        margin-left: auto;
        margin-right: auto;}
    }
	
	@media (max-width: 1200px) {
      .container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;}
	}*/

	 
 .c1 {width: 100%;} /*header*/
 .c2 {} /*header h1*/
 .c3 {width: 100%;} /*nav*/
 .c4 {width: 100%} /*content*/
 .c5 {}
 .c6 {width: 350px} /*column_l*/
 .c7 {width: 65%} /*column_r*/
 .c7a {width: 87%} /*column_1*/
 .c8 {width: 100%;} /*footer*/


#wrapper {
	background:#fff;
	padding:0;
	clear:both;	}
	

header {
	padding: 0;
	margin: 0;
	position:relative;
    font-family: 'OpenSansRegular', 'robotomedium', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#621e00;
	background: #fff}
	
header nav {display:inline-block;}


#head_image_home {
	min-height: 350px;
	background: #FFFFFF url("images/kv-wide.jpg") repeat-x left bottom;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}

#head_image_about {
	min-height: 350px;
	background: #FFFFFF url("images/sandy-wide.jpg") repeat-x left bottom;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}

#head_image_signup {
	min-height: 350px;
	background: #FFFFFF url("images/signup-wide.jpg") repeat-x left bottom;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}

#head_image_retreat {
	min-height: 350px;
	background: #FFFFFF url("images/retreat-wide.jpg") repeat-x left bottom;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}

#head_image_contact {
	min-height: 350px;
	background: #FFFFFF url("images/contact-wide.jpg") repeat-x left bottom;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}


h1 {	
    font-family: 'OpenSansRegular', 'robotolight', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#022271;
	margin:10px 0 10px;
	font-size:220%;
	line-height:100%;}
	
h2 {	
    font-family: 'OpenSansRegular', 'robotolight', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#75b320;
	margin:15px 0 5px 0;
	font-size:180%;
	line-height:140%;}

h3 {
    font-family: 'OpenSansRegular', 'robotolight', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#022271;
	margin:10px 0 5px 0;
	font-size:145%;}
	
h4 {
	font-family: 'OpenSansRegular', 'robotolight', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#8dc63f;
	margin:10px 0 5px 0;
	font-size:130%;}

h5 {
    font-family: 'OpenSansRegular', 'robotolight', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin:7px 0 0 0;
	font-size:120%;}

h6 {
    font-family: 'OpenSansItalic', 'robotolight_italic', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:100%;
	line-height:110%;
	margin: 0 0 10px;}

.small {font-size:80%;}
	

/*#content {
	width: 1200px;
	text-align:left;
	min-height: 400px;
	margin: 0;}  not being used, poss delete */


.item_container {width: 100%; padding: 20px 17% 30px;}
.bg-padding {padding-top: 20px; padding-bottom: 50px;}

.list_container {width: 52%; float: left; margin: -10px 0 0;}

.green_bg_light {background-color:#ecf9d2;}
.green_light {color:#c5de90;}
.green_med {color:#8dc63f;}
.blue_dark {color:#022271;}

.right {text-align: right;}

.photo_r300 {width:300px; float:right; margin: 10px 0 0 30px;}
.photo_r400 {width:400px; float:right; margin: 5px 0 0 30px;}
.photo_r500 {width:500px; float:right; margin: 5px 0 0 30px;}
.photo_l250 {width:250px; float:left; margin: 5px 30px 0 0;}
.photo_l300 {width:300px; float:left; margin: 10px 30px 0 0;}
.photo_l400 {width:400px; float:left; margin: 20px 30px 0 0;}
.photo_l50p {width:45%; float:left; margin: 20px 30px 0 0;}
.photo_l500 {width:500px; float:left; margin: 20px 30px 0 0;}
.photo_r300 img, .photo_r400 img, .photo_l50p img, .photo_r500 img, .photo_l250 img, .photo_l300 img, .photo_l400 img, .photo_l500 img {width:100%; height:auto;}

.image-center {width: 100%; padding: 0 17% 40px;}
.image-center img {width: 100%; height: auto;}


.two_col {width:50%; margin: 0; float:left;}

.top_border { }

.divider {
	width:60%;
	margin: 15px 20%;
	border-top: transparent 1px solid;}

.button {
	float:left;
    color: #fff;
    font-size: 105%;
    font-family: 'OpenSansBold', 'robotomedium', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 20px;
    margin: 0 20px 0 0;
    padding: 0;
    text-align: center;}
	
.button a, .button a:link,.button a:visited {
    background: #4286d7;
	padding: 10px 22px;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    text-decoration: none;}

.button a:hover {background:#022271;}


.button60 {
	float:left;
    color: #fff;
    font-size: 105%;
	font-family:'OpenSansRegular', Helvetica, Arial, sans-serif;
    line-height: 20px;
    margin: 0 20px 0 0;
    padding: 0;
    text-align: center;}
	
.button60 a,
.button60 a:link,
.button60 a:visited {
  background: #85c445;
  padding: 10px 30px;
  color: #fff;
  display: inline-block;
  border-radius: 6px;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
}

.button60 a:hover {
  background: #047ea4;
  color: #fff;
}

.button60 {
  position: relative;
  margin: 20px 0;
}
.button60 a, .button60 a:link,.button60 a:visited {padding: 5px 40px;}

.btn_center {float:none; margin:25px 0 0;}
.btn_home {float:right;}

.button_off {
    color: #fff;
	font-size: 105%;
	font-family:'OpenSansRegular', Helvetica, Arial, sans-serif;
	line-height: 20px;
	margin: 5px 0 0;
	background: #ccc;
	padding: 5px 22px;
	display: inline-block;
	text-align: center;}
	
.button_off p {margin:0;}


.button_inc {margin: 0 0 10px;}

.btn_left {float:left; margin: 5px 10px 0;}
.btn_left a, .btn_left a:link, .btn_left a:visited {line-height:120%; padding: 10px 22px;}



nav {
	padding: 0;
	margin: 0;
	background:#8dc63f;
	text-align:center;
	font-family: 'OpenSansItalic', 'robotolight_italic', Gotham, "Helvetica Neue italic", Helvetica, Arial, sans-serif;
	font-size:100%;
	letter-spacing: .05em;}

nav:after {
	content:"";
	display:table;
	clear:both;}

nav ul {
	display: inline-block;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;}
	
nav ul li {
	margin: 0;
	display:inline-block;
	padding: 0;}

nav ul ul {
	display: none;
	position: absolute; 
	margin:0;
	text-align:left;
	top:100%;}
	
nav ul li:hover > ul {display:inherit;}
	
nav ul ul li {
   	/*width: 220px;*/ /*without width specified here submenu will be as wide as items in menu. specified here in .services and .about*/
	display:list-item;
	position: relative;
	background-color:#0597F5;
	letter-spacing: 0;}
	
nav a, nav a:link, nav a:visited {
	display:block;
	padding:17px 20px;
	color:#fff;
	font-size:125%;
	line-height:18px;
	text-decoration:none;}

nav a:hover {
	color:#fff;
	background-color: #4286d7;}

.submenu {font-size:90%;}
.submenu a, .submenu a:link, .submenu a:visited {background-color: #0597F5; padding:12px 20px;}
.submenu a:hover {color:#fff; background-color: #8AD8F3;}	

.menu {display:none;}


/*mailchimp form*/
input[type="text"] {width: 200px; padding: 7px 15px;}
input[type="email"] {width: 300px; padding: 7px 15px;}
#mce-MESSAGE2 {width: 50%; height: 100px;}
input[type="submit"] {width: 200px; padding: 0.5em 1em; background: #4286d7;}

#mc_embed_signup {
	background: none;
	color: #000;
	clear:left; 
	margin: 0 0 20px;}

#mc_embed_signup form {margin: 0;}
#mc_embed_signup p {color: #000;}

#mc_embed_shell2 {margin: 0 0 20px;}

.indicates-required {color: #000; font-size: 85%; margin-bottom: 10px;}
.mc-field-group {color: #000; margin-bottom: 5px;}
/* end mailchimp form */


.footer_container {margin: 0 0 0;}

#footer img, #contact img {vertical-align:middle; padding:0 0 2px;}

#footer {
	font-family: 'OpenSansRegular', 'robotolight', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 90%;
	background: #4f7d41;
	color:#fff;
	bottom: 0;
	clear:both;
	border-top: 15px solid #8dc63f;}

#footer .space {padding:0 10px;}

#footer p {margin:0 0 10px 0; color:#fff;}

#footer strong {font-family: 'OpenSansBold', 'robotobold', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;}

#footer a, #footer a:link, #footer a:visited {color:#dbf4aa; text-decoration: none;}
#footer a:hover {color:#dbf4aa; text-decoration: underline;}
#footer a:focus, a:active {color:#fff;}

#footer_content {
	width: 100%;
	text-align:left;
	margin: 40px 17% 40px;}

#footer h3 {
    font-family: 'OpenSansSemiBold', 'robotobold', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#fff;
	margin:7px 0 5px 0;
	font-size:150%;}

#footer h4 {
    font-family: 'OpenSansRegular', 'robotolight', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#fff;
	margin:0 0 20px;
	font-size:120%;}


.footnav {
	font-weight:normal;
	color:#fff;
	padding: 0;
	margin:0 0 5px;
	font-family: 'OpenSansItalic', 'robotolight_italic', Gotham, "Helvetica Neue italic", Helvetica, Arial, sans-serif;
	font-size:115%;
	letter-spacing: .05em;}

.footnav:after {
	content:"";
	display:table;
	clear:both;}

.footnav ul {
	display: inline-block;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;}
	
.footnav ul li {
	margin: 0;
	display:inline-block;
	padding: 0;}

.footnav ul li:hover > ul {display:inherit;}
	
.footnav a, .footnav a:link, .footnav a:visited {
	margin:10px 20px 0 0;
	line-height:18px;}

.footnav a:hover {
	text-decoration: underline;}


.copyright {
	font-family: 'OpenSansRegular', 'robotolight', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 15px 0 0; 
	font-size: 95%;
	text-align: right;}


@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/OpenSans-Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}
	
@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}


@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'robotolight_italic';
    src: url('fonts/roboto-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}