/*######## GENERAL ########*/
body {
  background:#619d03 url(../i/bg-body.jpg) repeat-x;
  font: 12px/14px "Trebuchet MS", Myriad, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
}

img {border: 0px none;}

/*######## LAYOUT ########*/
#wrap {
  background:url(../i/bg-flora.png) no-repeat 0px 16px;
  width:1180px;
  margin: 35px auto 0 auto;
  padding-left:69px;
}
#head {
  width:1003px;
  height:48px;
  margin-left:148px;
}
#nav {
  background: url(../i/bg-nav.png) repeat;
  height:25px;
  padding:7px 0;
  border-radius: 0 20px 0 0;
}
#main {
  background-color: rgba(221,244,251, 0.55);
  width:94%;
  margin:15px 0 30px 0;
  padding:10px 0 20px 0;
  box-sizing: border-box;
}
section {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
section.first {
  flex-flow: row nowrap;
  padding: 0 20px 20px 20px;
  align-items: stretch;
}
.left {
  width: 62%;
}
.right {
  width: 34%;
  text-align: center;
}
.video,
#products {
  width: 95%;
}
#announcements {
  background: #edf67d;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
}
#side {
  background-color: rgba(221,244,251, 0.55);
  box-sizing: border-box;
  padding: 15px;
}
section.second {
  flex-flow: row wrap;
  padding: 0 20px;
}
#content {
  width:1003px;
  background:#3d8504 url(../i/bg-wrap.jpg) no-repeat;
  margin-left:147px;
  border:1px solid #3d8504;
  border-left:0px none;
  border-radius: 0 20px 20px 0;
  }
.programs #content {
  min-height: 1280px;
}
.about #content {
  min-height: 1350px;
}
#products {
  background-color: rgba(221,244,251, 0.65);
  margin:5px 0 100px 0;
  padding:20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
  flex-flow: row wrap;
}
.programs #main {
  min-height: 1250px;
}
.programs ul {
  margin-top: 5px;
}
.programs ul li {
  font-weight: bold;
}
.about #main {
  min-height: 1320px;
}
.home #products {
  margin:30px 0 5px 0;
}
.products #products,
.meetings #products {
  width:90%;
}
.products #products {
  background-color: transparent;
}
/*#side.rounded,
#products.rounded,
#main.rounded,
#announcements.rounded,
img.rounded {
	border-radius: 20px;
}*/
.rounded {
  border-radius: 20px;
}
#main img.rounded {
	margin-top: 15px;
  width: 100%;
}
div.intro {
  border-width: 1px;
  border-color: rgb(61, 133, 4);
  border-style: solid;
  border-radius: 25px;
  background-color: rgba(61, 133, 4, 0.7);
  width: 95.5%;
  padding: 20px;
  margin: 5px 20px 20px 20px;
  box-sizing: border-box;
}
#content .intro h2 {
  font-size: 35px;
  font-family: "Trebuchet MS", Myriad, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  line-height: 1;
  text-align: left;
  color: white;
  text-shadow: 0px 1px 4px rgba(2, 57, 4, 0.7);
  margin: 0 !important;
}
#content .intro p {
	font-family: "Trebuchet MS", Myriad, Arial, Helvetica, sans-serif;
	text-shadow: 0px 1px 4px rgba(2, 57, 4, 0.7);
	font-size: 20px;
	color: white;
}
#content .intro a {
	color: white;
	text-decoration: underline;
}
#content .intro a:hover {
	color: #edf67d;
}


/*######## TYPOGRAPHY ########*/
a:link,
a:visited {
  color:#060;
  text-decoration:underline;
}
a:hover {
  color:#063;
  text-decoration:none;
}
a:active {
  color:#9c0;
  text-decoration:none;
}

#head h1 {
  font-size:50px;
  line-height:19px;
  font-style:italic;
  color:#000;
   margin:0 0 3px 0;
 }
#head h1 span {
  color:#067d00;
  font-size:19px;
  line-height:45px;
  text-transform:uppercase;
}
#content h2 {
  color:#006600;
  font-size:30px;
  font-style:italic;
  line-height: 27px;
}
h3 {
  font-size: 24px;
  color: #006600;
  font-style: italic;
  line-height: 1.1em;
  margin-bottom: 10px;
}
#content ul {
  font:15px/20px Arial, Helvetica, sans-serif;
  color:#333;
  list-style:circle;
  margin-top: 5px;
  text-align: left;
}
#content p {
  font:17px/22px Arial, Helvetica, sans-serif;
  color:black;
  margin:6px 0 20px 0;
}
#content p.quote {
  line-height: 18px;
  font-style: italic;
}
#content p.callout {
  color:#060;
  font-size:16px;
  font-weight:bold;
  font-style:italic;
  margin-bottom: 5px;
}

#announcements h1,
#announcements p,
#announcements h3 {
	color:#006600;
	font-size:16px;
	font-style:italic;
	margin: 7px 0 0 10px;
	line-height: 22px;
}
#content #announcements h2 {
	color:#006600;
	font-size:24px;
	font-style:italic;
	margin: 7px 0 0 10px;
	line-height: 22px;
}
#content #announcements ul {
	font-weight: bold;
	font-size: 17px;
	line-height: 1.2em;
}
#content #announcements ul li {
	margin-bottom: 8px;
}
#content #announcements p {
	padding-right: 0;
}
#products h3 {
  color:#006600;
  font-size:33px;
  font-style:italic;
  margin:0 0 20px 0;
}
#products h4,
#content h4 {
  color:#360;
  font: bold italic 16px/17px Arial, Helvetica, sans-serif;
}
#products p.note {
  line-height:20px;
  font-size:12px;
}
#products p {
  line-height:22px;
  font-size:18px;
}
#products p em {
  color:#060;
}
#products .info {
  width: 70%;
}
.products .purchase {
  width:25%;
}
#products p.testimonial,
#content p.testimonial {
  font: 15px/18px Arial, Helvetica, sans-serif;
}
#products p.from {
  font-size: 13px;
  font-style: italic;
}
#products p.price {
  font: italic bold 300%/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#060;
  margin-top: 10px;
}
#products p.price span {
  font: italic normal 60% Arial, Helvetica, sans-serif;
  color: black;
}
#products p.price i {
  border-left: 1px solid black;
  margin: 0 15px;
}

#side h3 {
  color:#006600;
  font-size:21px;
  font-style:italic;
  line-height: 22px;
  padding-right: 10px;
  margin:20px 0 0 0;
}
#side h3 span {
  font-style: normal;
  font-weight: normal;
  font-size: 85%;
}
#side p {
  color:#333;
   font-size:13px;
   line-height:16px;
 }
#side div.slider {
    width: 235px;
}
div.slider p.quote {
  font-style:italic;
  line-height:18px;
  color:#360;
}
.callout {
  color:#060;
   font-size:16px;
   font-weight:bold;
   font-style:italic;
 }
.testimonial {
  color:#060;
  font:italic 12px/15px Arial, Helvetica, sans-serif;
}

/*######## NAV ########*/
html #content #nav ul {
  list-style:none;
  font-size:16px;
  text-transform:uppercase;
  margin:3px 0 0 0;
  padding-right:0;
}
#nav li {
  display:inline;
  margin:0 20px 0 0;
  padding:0 35px 0 0;
  background: url(../i/div-nav.png) no-repeat right top;
  font-weight: normal;
}
#nav li.last {
  background:none;
}
#nav a {
  color:#0989a0;
  text-decoration:none;
}
#nav a:hover {
  color:#18bda0;
  text-decoration:none;
}

/*######## CONTENT ########*/

.home #content h2 {
  margin:48px 0 0 0;
}
#content h3 {
  //margin: 20px 0 10px 20px;
}
.meetings #content p {
  padding-right: 10px;
}
.products #content p {
  padding-right:10px;
}
.products section.first {
  flex-flow: row wrap;
}
#content .first h2 {
  margin-top: 14px;
}
.products .first h2,
.products .first p {
  width: 100%;
}
#products h4, #content h4 {
  margin:2px 0 0 0;
}
#products p.note {
  padding-right:0;
  margin:4px 10px 6px 30px;
}
#products div.product p {
  line-height:20px;
  font-size:14px;
  padding-right:0;
  margin:6px 0 20px 0;
}
.meetings section {
  flex-flow: column nowrap;
}
.meetings #products {
  background-color: transparent;
}
.meetings #content p {
  width: 90%;
  margin:8px 0;
}
#products div.product p.testimonial,
#content p.testimonial {
  margin:13px 0 5px 0;
}
form {
  width: 100%;
}
#products div.HTMLBlock, #side div.HTMLBlock  {
  padding-left: 0;
}

#side form h3 {
  margin-left: 0;
}
#side iframe.welcome,
iframe.restoration {
  border-radius: 10px;
  width: 100%;
  height: auto;
}
iframe.restoration {
  margin-top: 5px;
  min-height: 500px;
}
#side p {
  margin:12px 0 0 0;
  padding-right:10px;
}
#side p.articles {
    padding-left: 40px;
    background:url(../i/ico/newspaper.png) no-repeat top left;
  }
#side p.meeting {
  padding-left: 40px;
  background:url(../i/ico/calendar.png) no-repeat top left;
}
#side h3.book {
  padding-left: 40px;
  background:url(../i/ico/book_open.png) no-repeat top left;
}

div.product {
  margin:10px 16px 0 16px;
  padding:0 0 10px 10px;
}
.products div.product {padding:5px 0 30px 30px; clear:both;}
div.product.last {border-bottom:0 none;}
div.product.book {background:url(../i/ico/book_open.png) no-repeat top 5px;}
div.product.cd {background:url(../i/ico/cd.png) no-repeat top 5px;}
div.product.combo {background:url(../i/ico/combo.png) no-repeat top 5px;}

div.purchase {width:213px; float:right; padding:0 4px;}
div.purchase img {float:left;}

img.book {
  margin-top:-30px;
}
div.HTMLBlock {
  padding-left: 20px;
}
img.badge {
	width: 60%;
	margin: 0 auto;
}
/*######## MEETING ########*/
table.meeting {
  width: 90%;
}
table.meeting td {
  padding:4px;
  font:17px/20px Arial, Helvetica, sans-serif;
  color:#333;
  margin:0;
}

td.fieldLabel {
  font:17px/20px Arial, Helvetica, sans-serif; color:#333; margin:0;
}
input.submit {
  margin-left: 20px;
  background: rgb(200,219,75); /* Old browsers */
  background: linear-gradient(to bottom,  rgba(200,219,75,1) 0%,rgba(127,174,44,1) 99%);
  border: 1px solid #7FAE2C;
  padding: 8px;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
}
input.submit:hover {
  background: rgb(200,219,75); /* Old browsers */
  background: linear-gradient(to bottom,  rgba(127,174,44,1) 0%, rgba(200,219,75,1) 99%);
}
.toggle {
    margin-left: 3.5%;
}
.toggle:last-child {
  border-bottom: 1px solid #060;
}
.toggle .toggle-title {
  position: relative;
  display: block;
  padding-top: 14px;
  border-top: 1px solid #060;
  margin-bottom: 15px;
}
#products .toggle-title h4 {
  font-size: 200%;
  margin: 0px;
  font-style: normal;
  line-height: 1em;
  cursor: pointer;
  font-weight: 200;
}
.toggle .toggle-inner {
  padding: 7px 25px 10px 25px;
  display: none;
  margin: -7px 0 6px;
}
.toggle .toggle-inner div {
  max-width: 100%;
}
.toggle .toggle-title .title-name {
  display: block;
  padding: 25px 25px 14px;
}
.toggle .toggle-title a i {
  font-size: 22px;
  margin-right: 5px;
}

/*######## SIDEBAR- RSS LIST########*/
div.rssSummaryList div.rssSummaryListTitle {
  color:#060;
   font-size:14px;
   font-style:italic;
 }
div.rssSummaryList { padding:0 30px; }

/*######## SIDEBAR- AWEBER FORM ########*/
#side #mc_embed_signup{
  padding: 0 0 0 20px;
  margin-bottom: 50px;
}
#side #mc_embed_signup h2 {
  margin-left: 0;
}
#side div.mc-field-group {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  padding: 5px 0;
}
#mc_embed_signup label { display: block; margin: 5px 0;}
#content .mc-field-group ul {list-style: none;}
#side div.af-element.privacyPolicy p { margin: 0; padding: 0; }
#content .mc-field-group ul label { display: inline; }
div.input-group+p {
  display: none;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=url] {
  width: 85%;
  height: 19px;
  padding: 5px;
  font-size: 15px;
  display: block;
  border: 1px solid #060;
  margin-bottom: 8px
}
label {
  font-size: 17px;
  margin: 5px 0 10px 0;
  display: block;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus {
  border: 1px solid #7FAE2C;
  outline: none;
}
div.g-recaptcha {
  margin: 5px 0 10px 20px;
}
#side input[type=submit] {
  background: rgb(200,219,75); /* Old browsers */
  background: linear-gradient(to bottom,  rgba(200,219,75,1) 0%,rgba(127,174,44,1) 99%);
  border: 1px solid #7FAE2C;
  padding: 8px;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
}
#side input[type=submit]:hover {
  background: rgb(200,219,75); /* Old browsers */
  background: linear-gradient(to bottom,  rgba(127,174,44,1) 0%, rgba(200,219,75,1) 99%);
}
.asterisk { color: red; }
.indicates-required { font-style: italic;}

a.button {
  margin: 15px 15px 25px 40px;
  font-family: Arial;
  color: #147a06;
  font-size: 17px;
  text-align: center;
  padding: 8px;
  text-shadow: 1px 1px 3px #cbfa84;
  border: solid #298504 1px;
  background: rgb(90,173,12);
  background: linear-gradient(0deg, #5aad0c 0%, #cbfaa3 100%);
  display: block;
  cursor: pointer;
}
a.button:link,
a.button:visited {
  text-decoration: none;
}
a.button:hover {
  background: #a0e065;
}
#products a.button {
  width: 50%;
  margin-left: 0;
  font-weight: bold;
  font-size: 20px;
  padding: 10px;
}
/*######## FOOTER ########*/
#footer {
  padding:8px 0 15px 0;
  margin: 0 auto 15px auto;
  width: 1010px;
  background-color: #619d03;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.products #footer {
  padding-left: 76px;
}
#footer p {
  color:#ff9;
  font-size:12px;
  margin:0;
  padding:0 0 0 40px;
  width: 40%;
}
#footer a {
  color:#ff9;
}
.social_row {
  width:15%;
}
#footer .social {
  height:40px;
  width:40px;
  display:inline-block;
  margin-left: 25px;
}
#footer a:hover {
  opacity: 0.7;
}
/*######## JOTFORM ########*/
.jt-feedback {
  width: 50%;
  height: 90%;
}
.jt-content {
  width: 100% !important;
  height: 100% !important;
}

/*######## BX SLIDER ########*/
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 10px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
.slider div {
  padding: 10px 30px;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: -5px;
  background: url('i/ico/circle-chevron.svg') no-repeat 0 0;
  width: 25px;
  height:25px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  opacity: 0.6;
}
.bx-wrapper .bx-next {
  right: -3px;
  background: url('i/ico/circle-chevron.svg') no-repeat 0 0;
  transform: rotate(180deg);
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  opacity: 0.6;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  z-index: 9999;
  display: none;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('i/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('i/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}