/*
Theme Name: Wintergarden Presbyterian Church

Description: Divi Child Theme

Author: Charlyn Enoy

Template: Divi

Version: 1.0.0

*/
body {
	color: #232323;
	line-height: 180%;
}
.home #main-header  {
	background: none!important;
}
.home #main-header.et-fixed-header {
	background: #8cbc44!important;
}
#main-header {
	background: #8cbc44!important;
	height: 100px;
}
#main-header .container  {
	height: 100%;
}
.et_header_style_left .et-fixed-header #et-top-navigation {
	padding-top: 45px;
}
#homebox01 h1 { 
	font-family: 'Open Sans';
	font-size: 30px;
	color: #8cbc44;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-weight: 800;
	letter-spacing: 2px;
}
#homebox01 h2::before {
	background: #8cbc44;
}
#homebox01 a{
	color: #8cbc44;
	font-weight: bold;
}
#main-content .h2_titleholder h2{
	font-family: 'Open Sans';
	font-size: 25px;
	color: #8cbc44;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-weight: 800;
	letter-spacing: 2px;
}
#homebox03 #title_holderwrap {
	max-width: 1080px;
	margin: 0 auto;
}
#homebox01 .et_pb_row_2 .et_pb_column {
	background: #f3f3f3;
	box-shadow: 1px 3px 12px #ded1d1;
	padding: 10px 10px 20px;
	margin: 0 2%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
#homebox01 .et_pb_column h3{
	color: #202e39;
	font-size: 26px;
	font-weight: bold;
	line-height: 115%;
}
#homebox01 .et_pb_row_1 .et_pb_column p {
	color: #232323;
	font-size: 14px;
}
#homebox01 .et_pb_image {
	margin-bottom: 20px;
}
#homebox02 h5 {
	color: #8cbc44;
	font-size: 24px;
}
#homebox02 h3 {
	color: #202e39;
	font-size: 24px;
	font-family: 'Open Sans';
	font-weight: 800;
	max-width: 400px;
	line-height: 120%;
}
#homebox02 h4{
	color: #202e39;
	font-size: 24px;
	font-family: 'Open Sans';
	font-weight: 800;
	line-height: 120%;
}
#homebox02 img {
	float: left;
	margin: 0 15px 20px 0;
	padding: 0;
}
#top-menu-nav .sub-menu {
	background: #8cbc44!important;
}
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
	padding-bottom: 10px!important;
}
#box_green {
	border-radius: 8px;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #fff;
}
#homebox02 #box_green h3 {
	color: #fff;
}
#homebox03, #homebox03 .et_pb_row {
	width: 100%;
	max-width: none;
}
#homebox03 .column-left  {
	float: left;
	width: 55%;
	margin: 0;
	padding: 2.5% 8% 2.5% 10%;
	color: #fff;
}
#homebox03 .column-left .date_text {
	float: left;
	background: #a4c56e;
	font-size: 22px;
	padding: 8px 15px;
	color: #ffffff;
	font-weight: 800;
	border-radius: 5px;
	margin: 8% 15px 8% 0;
}
#homebox03 .column-left h3 {
	color: #fff;
	font-weight: 800;
	font-size: 28px;
	text-align:  center;
	margin: 0;
	padding: 20px 0;
}
#homebox03 .column-right {
	width: 50%;
	margin: 3% 0 0 -5%;
}
#homebox03 .et_pb_column_1_2 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#homebox03 .et_pb_text_inner {
	margin: 0;
}
#homebox03 .column-right .et_pb_text_inner {
	border: 0;
	margin: 0;
}
#main-header .et_header_style_left #et-top-navigation nav > ul > li > a, 
#main-header .et_header_style_split #et-top-navigation nav > ul > li > a {
	padding-bottom: 10px;
}
#homebox04 h3 {
	font-family: 'Open Sans';
	font-size: 26px;
	color: #8cbc44;
	text-transform: uppercase;
	margin: 0 0 5%;
	padding: 0;
	font-weight: bold;
	letter-spacing: 2px;
}
#homebox04 ol {
	list-style: outside decimal;
	padding: 0 0 0 12px;
}
#homebox04 ol li {
	padding: 10px 0;
}
#homebox04 h5 {
	font-weight: bold;
}
#voluteer_form {
	background: #8cbc44;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#homebox04 #voluteer_form h3 {
	color: #fff;
	font-weight: 800;
	font-size: 26px;
	text-transform: none;
	text-align: center;
	margin: 15px 0 10px;
}
#homebox04 #voluteer_form .nf-form-fields-required{
	text-align: center;
	font-size: 13px;
	color: #fefefe;
}
#homebox04 #voluteer_form .nf-field-label {
	margin-bottom: 0;
}
#homebox04 #voluteer_form .nf-field-label label {
	font-size: 15px;
	color: #fff;
	font-weight: normal;
}
#homebox04 #voluteer_form .nf-form-content .list-select-wrap .nf-field-element > div, 
#homebox04 #voluteer_form .nf-form-content input:not([type="button"]), 
#homebox04 #voluteer_form .nf-form-content textarea {
	font-size: 14px;
	color: #000000;
	padding: 8px 10px;
	box-sizing: border-box;
	-ebkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: auto;
}
#homebox04 #voluteer_form .nf-error.field-wrap .nf-field-element::after {
	height: 94%;
	line-height: 40px;
}
#homebox04 #voluteer_form #ninja_forms_required_items, 
#homebox04 #voluteer_form .nf-field-container {
	margin-bottom: 10px;
}
#homebox04 #voluteer_form .nf-form-content input[type="submit"]{
	float: left;
	background: #202e39;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 12px 10px;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
}
#homebox05 p {
	font-style: italic;
	font-weight: 500;
	font-size: 20px;
	color: #000000;
	line-height: 180%;
	text-shadow: 1px 0px 10px #fff;
}
#homebox05 .et_pb_text_inner {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
	font-style: italic;
	font-weight: 500;
	font-size: 20px;
	color: #000000;
	line-height: 180%;
	text-shadow: 1px 0px 10px #212121;
}
#homebox06 h3 { 
	font-family: 'Open Sans';
	font-size: 26px;
	color: #8cbc44;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-weight: 800;
	letter-spacing: 2px;
	text-align: center;
}
#homebox06 h6 {
	color: #202e39;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}
#homebox06 p {
	text-align: center;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 15px 0;
}
#testimonial_box p {
	text-align: left;
}
#testimonial_box .et_pb_image {
	float: left;
	margin: 0 20px 10px;
}
#testimonial_box h6 {
	text-align: left;
	color: #202e39;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
#main-footer {
  background-color: #8cbc44;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#main-footer .container {
	 max-width: 1248px;
	 width: 100%;
	 padding: 0;
}
#main-footer h3 {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 20px;
	margin: 0;
	padding: 0;
	font-weight: 600;
}
#main-footer .et_pb_widget {
	float: left;
	width: 100%;
}
#main-footer .et_pb_widget p {
	text-align: center;
}
#main-footer #footer-widgets {
	padding: 0;
	margin:0;
}
#main-footer .footer-widget {
	margin: 0;
	padding: 25px 0;
}
#main-footer #footer-bottom {
	padding: 25px 0;
	text-align: center;
}
#footer-info {
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}
#main-footer .et-pb-icon {
	font-size: 18px;
	margin: 0 8px 0 0;
}
#five_boxesholder .et_pb_text_inner {
	background: #8cbc44;
	padding: 30px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#five_boxesholder .et_pb_text_inner:hover {
	background: #2EA3F2;
}
#homebox04 #five_boxesholder .et_pb_text_inner h3 {
	text-align: center;
	font-size: 23px;
	color: #fff;
}
#homebox03 table {
	max-width: 400px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align:  center;
	vertical-align: top;
}
#homebox03 table td {
	border: 0;
	vertical-align: top;
}
#homebox03 table img {
	max-width: 200px;
	width: 100%;

}
#homebox03 table h4{
	color: #fff;
	font-size: 14px;
	line-height: 120%;
	font-weight: 600;
	text-transform: uppercase;
}
#slider_wrap {
	position:  relative;
	width: 100%;
	height:  auto;
	z-index: 9;
}
#slider_wrap .et_pb_slide_description{
	 padding: 0 0 5%;
}
#banner_menu {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	max-height: 300px;
}
#banner_menu h1, #slider_wrap h1 {
	color: #fff;
	font-weight:  600;
	text-transform: uppercase;
	font-size: 60px;
	text-align:  center;
	line-height: 120%;
}
#banner_menu h2, #slider_wrap h2 {
	color: #7dc035!important;
	font-weight:  600;
	text-transform: uppercase;
	font-size: 38px;
	text-align:  center;
	line-height: 120%;
	font-style: italic;
}
#banner_menu h2 a:hover,
#slider_wrap h2 a:hover {
	color: #8cbc44;
	text-shadow: 0px 0px 10px #000;
}
.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
	padding-bottom: 10px!important;
}
#et-top-navigation {
	padding-left: 0!important;
	right: 175px;
	width: auto;
	display: block;
	position: absolute;
	max-width: 835px;
}
#et-top-navigation ul li a {
	text-transform: uppercase;
}
#et-top-navigation a:hover, #et-top-navigation .current_page_item  a {
	color: #8cbc44!important;
	text-shadow: 0px 0px 10px #000;
}
#sticky_menu {
	position: fixed;
	right: 0;
	width: 200px;
	top: 180px;
	padding: 0;
	max-width: 120px;
	width: 100%;
}
#sticky_menu .et_pb_menu .et-menu {
	margin-left: -5px;
	margin-right: 0;
}
#sticky_menu li {
	background: url('images/inactive-menu.png') right no-repeat;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 8px 30px 0 0;
}
#sticky_menu li a {
	color: #656565;
	font-size: 15px;
	font-weight: normal;
	line-height: 120%;
	text-align: right;
	width: 100%;
	text-shadow: 1px 1px 0px #fff;
}
#sticky_menu .et_pb_menu {
	background: none;
}
#mobile_menu {
	background: #2ea3f2 !important;
	padding: 0 !important;
	border: 0;
  }
.mobile_menu_bar::before, .mobile_menu_bar::after, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a { 
	color: #fff;
}
.et-social-facebook a.icon {
	background: url('images/fb-icon.png') right no-repeat;
	width: 45px;
	height: 45px;
	background-size: 100%;
}
.et-social-twitter a.icon{
	background: url('images/donate_icon.png') right no-repeat;
	width: 45px;
	height: 45px;
	background-size: 100%;
}
.et-social-facebook a.icon::before,
.et-social-twitter a.icon::before {
	content: none;
}
#header_right .et-social-icons li {
	margin-left:  0;
}
#header_right {
	float: right;
	margin: 30px 0 0 0;
}

#updates_wrap h2 {
	color: #fff;
	text-transform:  uppercase;
}
.archive .et_pb_post {
	background: #f0f5e9;
	padding: 20px;
	margin: 0 0 30px;
}
#homebox03 .et_pb_image,
.et_pb_image .et_pb_image_wrap{
	max-width:  none;
	width: 100%;
}
#homebox03 .et_pb_image img {
	float: left;
	width: 100%;
	max-width:  none;
}
#updates_wrap input[type="text"], #updates_wrap input[type="email"] {
  float: left;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  padding: 5px 10px;
  margin: 0 0 8px 0;
}
#updates_wrap h3 {
  font-size: 20px;
  color: #ffffff;
  margin: 0 0 10px;
  padding: 0;
  font-weight: bold;
  line-height: 125%;
}
#updates_wrap input[type="submit"] {
  background-color: #0f81ae;
  border: 0 none;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  text-shadow: none;
  text-transform: uppercase;
  border-radius: 3px;
}
#updates_wrap input[type="submit"]:hover {
  background-color: #bc731e;
}
#facebook-feed .efbl-fullwidth-skin {
  float: left;
  width: 29%;
}
#facebook-feed .efbl-fullwidth-skin:nth-child(2) {
  margin: 0 2%;
}
.container {
	max-width: 1100px;
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 5% 0;
	display: table;
}
.box_left {
	float: left;
	width: 48%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}
.box_right {
	float: right;
	width: 48%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}
.box_right p {
	text-align: center;
}
.watch_live_video {
	background: url(//www.wintergardenpres.org/wp-content/themes/ioe-template3/images/home_bgstrip.png) repeat-y;
    background-size: auto;
	background-size: 100% auto;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 30px 0;
	clear: both;
	text-align: center;
}
.watch_live_video a {
	padding: 8px 20px;
	margin: 0 auto;
	display: inline-block;
	color: #ffffff;
	border: 2px solid #ffffff;
	text-decoration: none;
}
.watch_live_video a span {
	padding: 0 5px;
}
.watch_live_video h4 {
	text-align: center;
	font-size: 20px;
	color: #ffffff;
}
.sermon_boxcon {
	background: #f6f6f6;
	float: left;
	width: 23%;
	height: auto;
	margin: 0 1% 25px;
	padding: 10px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #ccc;
}
#sermons_wrap h1 {
	text-align: center;
	color: #6d6d6d;
	padding: 0 0 15px;
}
#sermons_wrap #container {
	max-width: 1090px;
	margin: 0 auto;
}

.sermon_date {
	text-align: center;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#sermons_wrap h3 a {
	color: #214f76;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}
#sermons_wrap h3 {
	text-align: center;
	line-height: 105%;
}
#sermons_wrap iframe {
	background: #000;
	padding: 10px 10px 20px;
	height: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#sermon_monthly_archive {
	padding: 15px 0;
	clear: both;
}
#sermon_monthly_archive h1 {
	margin: 0;
}
#sermon_monthly_archive .sermon_monthly_archive ul {
	text-align: center;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 20px 0;
}
#sermon_monthly_archive .sermon_monthly_archive ul li {
	display: inline-block;
	list-style: none;
	margin: 0 5px 10px;
	padding: 0;
}
#sermon_monthly_archive .sermon_monthly_archive ul li a {
	background: #214f76;
	padding: 10px 12px;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: table;
}
#content .nf-field-label {
	float: left;
	width: 100%;
	text-align: left;
}
#content .nf-field-element {
	width: 100%;
}
#content .nf-form-layout form {
    border: 2px solid #7dc035;
    padding: 20px 30px;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#content .nf-response-msg p {
	text-align: center;
	color: red;
}
#content .nf-form-content label {
	font-size: 16px;
	margin: 0 0 6px;
}
#content .nf-form-content .list-select-wrap .nf-field-element > div, 
#content .nf-form-content input:not([type="button"]), .nf-form-content textarea {
	font-size: 15px;
	padding: 8px 15px;
}
#content .nf-error.field-wrap .nf-field-element::after {
    background: #e80000;
    color: #fff;
    font-family: FontAwesome;
    font-size: 20px;
    content: "\f12a";
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    height: 36px;
    width: 50px;
    line-height: 35px;
    text-align: center;
    transition: all .5s;
}
#content .label-left .nf-field-description {
	margin: 0;
}
#content .nf-form-fields-required {
	font-size: 15px;
	text-align: center;
	margin: 0 0 10px;
	color: #999;
}
#nf-field-98-container .nf-field {
	margin: 0 0 0 28px;
}
#navigation p {
	margin: 0;
}
.sermon_boxcon:nth-child(6) {
	clear: left;
}
.clear {
	clear: both;
}
.et_fullwidth_nav #main-header .container {
	padding: 0;
}
#top-menu li li a {
	line-height: 135%;
}
.archive .et_pb_post {
	float: left;
}
#content-area #left-area .entry-featured-image-url {
	max-width: 300px;
	float: left;
	margin-bottom: 0;
	margin-right: 20px;
}
.category-recipes .entry-featured-image-url img {
	max-width: 200px;
}
.read_more_btn {
	background: #8cbc44;
	color: #fff;
	font-size: 14px;
	display: table;
	padding: 5px 15px;
	margin:	 10px 0 0 0;
}
.read_more_btn:hover {
	background: #99fd04;
}
#sidebar .cat-post-thumbnail img {
	display: none!important;
}
#sidebar .category-posts-internal {
	margin: 0 0 0 10px;
}
#sidebar .category-posts-internal li {
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	list-style: outside;
}
#sidebar .category-posts-internal li a {
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#sidebar .widget_block h2 {
	margin: 0;
	padding: 0;
}
#logo {
	max-height: 100%;
}
#garden_plot_form .nf-field-label {
	float: left;
	width: 100%;
	text-align: left;
}
#garden_plot_form .nf-field-element {
	float: left;
	width: 100%;
}
#garden_plot_form .label-left .nf-field-element {
	float: left;
	width: 100%;
}
.et-social-icon span {
	color: #fff;
	font-size: 10px;
	margin: 40px 0 0 0;
	font-weight: bold;
	float: left;
}
.et-social-facebook a.icon:hover span {
	display: block;
}
.et-social-twitter a.icon:hover::after {
	content: "Donate";
	color: #fff;
	font-size: 10px;
	margin: 40px 0 0 0;
	font-weight: bold;
	float: left;
}
.nf-field-element, .nf-field-label {
	text-align:  left;
	width: 100%;
}
#main-content .container::before {
	background: none;
}
.et_fullwidth_nav #main-header .container {
	max-width: 1300px;
}
#column_boxgreen .box_green{
	float: left;
	width: 48%;
	height: auto;
	background: #8cbc44;
    border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#column_boxgreen .box_green img {
	margin: 0;
	padding: 0;
}
#column_boxgreen .box_green h3 {
	font-size: 24px;
	font-family: 'Open Sans';
	font-weight: 800;
	max-width: 400px;
	line-height: 120%;
	color: #fff;
	margin: 0 0 20px;
	padding: 0;
}
#column_boxgreen .box_green p {
	font-family: Open Sans,Arial,sans-serif;
	color: #fff;
	font-size: 15px;
	margin: 0 0 10px;
	padding: 0;
}
/*RESPONSIVE */
@media screen and (max-width: 980px) {
	.et_header_style_left .logo_container {
		position: relative;
	}
	#et-top-navigation ul li a {
		text-align: left;
	}
	.et_header_style_left #logo {
		max-width: 100%;
	}
	#header_right {
		display: none;;
	}
	#banner_menu, #sticky_menu {
		display:  none;;
	}
	#et-top-navigation #mobile_menu a:hover,  #et-top-navigation #mobile_menu .current_page_item a {
		color: #000 !important;
		text-shadow: none;
		background: #ffffff;
		text-shadow: none;
	  }
	  .et_fixed_nav #main-header{
		position: relative;
		background: #8cbc44 !important;
		top: 0!important
	  }
	  .page #main-header .container {
		text-align:  center;
		max-width: none;
		width: 100%;
	  }
	  .et_header_style_left #et-top-navigation {
		width: 100%;
		max-width: none;
		background: #8cbc44;
		position: relative;
		padding: 10px 0;
		padding-left: 0px;
		right: 0;
		box-shadow: 0 0px 10px #dedede;
	  }
	  
	  .et_header_style_left #et-top-navigation .mobile_menu_bar {
		padding: 0 20px 0 0;
	  }
	  #homebox03 .et_pb_column_7 {
		width: 100%;
	  }
	  #homebox03 .et_pb_column_8 {
		width: 100%;
		margin: 0;
	  }
	  #homebox07 .et_pb_row {
		max-width:  none;
		width: 100%;
	  }
	  #homebox01 .et_pb_row_2 .et_pb_column {
		max-width: 375px;
		margin: 0 auto 5% !important;
		float: none;
	  }
	  #homebox01 .et_pb_module {
		text-align:  center;
	  }
	  #updates_wrap {
		padding: 5%;
	  }
	  #homebox03, #homebox03 .et_pb_row {
		padding: 0 3%;
	  }
}
@media screen and (max-width: 768px) {
	
	.et_header_style_left .logo_container {
		position: relative;
		height: auto;
		width: 100%;
	  }
	  .et_header_style_left #logo {
		max-width: 354px;
		width: 100%;
		top: 0;
		margin: 0;
		padding: 0;
		position: relative;
		height: 100%;
	  }
}
