/*
 Theme Name:   PeaceWorks
 Theme URI:    http://peaceworks.ca
 Description:  Divi Child Theme
 Author:       PeaceWorks
 Author URI:   http://peaceworks.ca
 Template:     Divi
 Version:      1.0.1
 Text Domain:  divi-child
*/


/* General Styles */
html { 
	overflow-y:scroll;
}


/* Main Header Styles */
#main-header {
	border-bottom:5px solid #00b13f;
	background:#007DBA !important;
}
#main-header .container {
	max-height:180px;
	height:180px;
}
#main-header .logo_container {
	position:relative;
	max-height:100px;
	width:300px;
}
#main-header #logo {
	margin-top:30px;
}
.home .et_pb_section_0 {
	text-shadow: 0 1px 0 #2a5d79;
}

/* Main Navigation Styles */
#et-top-navigation {
	float:left;
	position:relative;
	z-index:2;
	width:100%;
	margin-top:25px;
	padding:0 30px !important;
	border:1px solid #006e27;
	background:#00b13f;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
#et-top-navigation .sub-menu {
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;	
}
#et-top-navigation .sub-menu li {
	padding:5px;
}
.et_header_style_left #et-top-navigation nav > ul > li > a {
	padding:20px 20px 20px 0 !important;
}
.et_header_style_left #et-top-navigation nav > ul > li > a:after{
	padding-top:20px;
}

#mobile_menu a{
	color:#000;
}
.mobile_menu_bar::before {
	padding:20px;
	color:#fff !important;
}
.et_header_style_left .mobile_menu_bar {
	padding:12px 0 12px;
}

#header-tagline {
	display:block;
	float:left;
	font-family:'Roboto', Helvetica, Arial, Lucida, sans-serif;
	font-size:1.4em;
	color:#fff;
	margin:-50px 0 0 260px;	
}

/* Header Button Styles */
#header-buttons {
	display:block;
	float:left;
	margin:0 0 0 260px;	
}
#header-buttons li {
	display:inline-table;
	margin-right:10px;
}
#header-buttons a {
	padding:5px 15px 5px 40px;
	border:1px solid #00537d;
	color:#00537d;
	font-weight:normal;
	height:36px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	transition:all 0.2s ease;
}
#header-buttons a:hover {
	border:1px solid #ba5e00;
	color:#fff;
}
#header-buttons .btn-dn {
	background:#acd9ef url('images/ico-btns.png') no-repeat 0px 0px;
} 
#header-buttons .btn-dn:hover {
	background:#ff8201 url('images/ico-btns.png') no-repeat 0px 0px;
} 
#header-buttons .btn-en {
	background:#acd9ef url('images/ico-btns.png') no-repeat 0px -30px;
} 
#header-buttons .btn-en:hover {
	background:#ff8201 url('images/ico-btns.png') no-repeat 0px -30px;
} 


/* Header Social Styles */
#header-social {
	display:block;
	float:right;
	margin:-55px 0 0;	
}
#header-social li {
	display:inline-table;
	margin-left:5px;
}
#header-social a{
	display:block;
	height:35px;
	width:32px;
	text-indent:-9999em;
	overflow:hidden;
	transition:all 0.2s ease;
}
.ico-fb {
	background:url('images/ico-social.png') no-repeat 0px 3px;
} 
.ico-fb:hover {
	background:url('images/ico-social.png') no-repeat 0px 0px;
} 
.ico-tw {
	background:url('images/ico-social.png') no-repeat -37px 3px;
}
.ico-tw:hover {
	background:url('images/ico-social.png') no-repeat -37px 0px;
}
.ico-pn {
	background:url('images/ico-social.png') no-repeat -74px 3px;
}
.ico-pn:hover {
	background:url('images/ico-social.png') no-repeat -74px 0px;
}
.ico-yt {
	background:url('images/ico-social.png') no-repeat -111px 3px;
}
.ico-yt:hover {
	background:url('images/ico-social.png') no-repeat -111px 0px;
}
.ico-in {
	background:url('images/ico-social.png') no-repeat -148px 3px;
}
.ico-in:hover {
	background:url('images/ico-social.png') no-repeat -148px 0px;
}
#header-social .ico-compost {
	display:block;
	height:35px;
	width:101px;
	text-indent:-9999em;
	overflow:hidden;
	transition:all 0.2s ease;
}
.ico-compost {
	background:url('images/compost-logo.png') no-repeat 0px 3px;
} 
.ico-compost:hover {
	background:url('images/compost-logo.png') no-repeat 0px 3px;
}


/* Header Search Form Styles */
#head-search-form {
	display:block;
	float:right;
	clear:right;
	margin-top:-5px;
}
#head-search-form .search-field {
	width:200px;
	height:32px;
	border:1px solid #00537d;
	background:#acd9ef;
	padding:8px 15px;
	margin-right:-5px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
#head-search-form .search-submit {
	border:1px solid #006e27;
	background:#00b13f;
	height:32px;
	color:#fff;
	text-transform:uppercase;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	transition:all 0.2s ease;
}
#head-search-form .search-submit:hover {
	cursor:pointer;
	background:#ff8201;
	border:1px solid #ba5e00;
}


/* Home Page Styles */
.home .et_pb_section_2 a:hover {
	text-decoration:underline;
}
.home .et_pb_section_2 img {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	transition:all 0.2s ease;
}
.home .et_pb_section_2 img:hover, .home .et_pb_section_2 a:hover img {
	-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4);
	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4);
}

.home .et_pb_section_3 .widgettitle {
	display:block;
	background:#00B13F;
	border:1px solid #006E27;
	color:#fff;
	font-size:1.2em;
	padding:10px 15px;
	margin-bottom:20px;
}
.home .et_pb_section_3 .entry-title {
	font-size:1.2em;
	margin-bottom:0;
}
.home .et_pb_section_3 .entry-summary {
	font-size:0.8em;
	line-height:1.4em;
}
.et-pb-controllers {
	margin-bottom:-30px !important;
}


/* Content Area Styles */
#content-area .entry-content a {
	text-decoration:underline;
}
#content-area .et_pb_row {
	width:100%;
}
.single-module .post-meta {
	display:none;	
}


/* Form Styles */
.gfield {
	padding: 10px 0;
	clear:left;
}
.gform_wrapper ul {
	list-style:none !important;
	padding-left:0 !important;
}
.gform_wrapper li span{
	float:left;
	clear:left;
}

/* Landing Page Styles */
.program-row h2 {
	display:block;
	background:#00B13F;
	border:1px solid #006E27;
	color:#fff;
	font-size:1.2em;
	padding:10px 15px;
	margin-bottom:20px;
}
.type-event {
	border-bottom:none !important;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}
.blog-date {
	font-weight:normal;
	font-size:12px;
	color:#777;
}
.simple .ccchildpage {
	border-radius:4px;
	background:#c4ecd2;
	border:1px solid #a3e1b9;
}


/* Blog Area Styles */
#post-182 .widget_categories .widgettitle {
	display:none;
}
#post-182 .widget_categories .screen-reader-text {
	font-size:1.2em;
	font-weight:bold;
	padding-right:10px;
}
#post-182 .widget_categories #cat {
	font-size:1em;
	padding:5px;
}


/* Gravity Form Styles */
.gform_validation_container {
	display:block;
	float:left;
	margin:-9999em;
}
.gform_footer {
	display:block;
	float:left;
	clear:both;
	margin-top:20px;
}


/* Footer Area Styles */
#main-footer {
	border-top:5px solid #00b13f;
}
#et-footer-nav {
	border-top:1px solid #006e27;
	border-bottom:1px solid #006e27;
}

#footer-info {
	width:100%;
}
#footer-info span {
	display:block;
	float:right;
}
#footer-info span a {
    margin-left: 40px;
}

/* Responsive Header Adjust */
@media all and (max-width: 1100px) {

	/* Header Styles */
	#head-search-form .search-field {
		width:120px;
	}
	.ico-compost {
		display:none !important;
	}
}

/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {

	/* Header Styles */
	#main-header .logo_container {
		max-width:220px;
	}
	
	#header-tagline {
		display:none;
	}
	
	#head-search-form {
		width:100%;
		margin-top:20px;
	}
	#head-search-form .search-field {
		width:99%;
	}
	#head-search-form .search-submit {
		position:relative;
		z-index:2;
		float:right;
		margin-top:-32px;
	}
		
	#header-buttons {
		float:right;
		margin:-45px 220px 0 0;
	}
	
	#header-buttons li {
		padding:0;
		margin:0;
	}
	#header-buttons .btn-en {
		display:none;
	}

	#et-top-navigation {
		margin-top:5px;
	}
	
	#sidebar {
		clear:left;
		padding-top:40px;
	}

}

/* Responsive Styles Small Tablet And Below */
@media all and (max-width: 600px) {

	/* Header Styles */
	#main-header .logo_container {
		max-width:180px;
	}
	#header-buttons {
		display:none;
	}
}

/* Responsive Styles Small Tablet And Below */
@media all and (max-width: 560px) {

	/* Header Styles */
	#main-header .logo_container {
		max-width:150px;
	}
	#header-social {
		width:220px;
		margin:-60px 0 0;	
	}
	#header-social li {
		display:inline-block;
	}
	#header-buttons .btn-dn {
		display:none;
	}
	#head-search-form {
		width:100%;
		margin-top:10px;
	}
}

/* Responsive Styles Small Tablet And Below */
@media all and (max-width: 420px) {

	/* Header Styles */
	#main-header .logo_container {
		max-width:90px;
	}
}