/*
Theme Name: Evergreen
Description: Divi Child Theme
Author:  David Tierney
Author URI:  http://designsbytierney.com
Template: Divi
Version:  1.1
*/

@import url("../Divi/style.css");

/* =Theme customizations
------------------------------------------------------- */

/* set fonts for the site */
* {
	font-family: 'Questrial', sans-serif;
}

a,h1,h2,h3,h4,h5,h6 {
	font-family: 'co-headline', sans-serif !important;
}

.large h2 {
	font-size: 34px !important;
	line-height: 51px;
}

p {
	font-size: 18px;
}

/* general styles */
/* blockquote */
#page-container blockquote {
	border-color: #3AAA35;
}

textarea {
	font-family: 'Questrial', sans-serif !important;
}

.add-spacing > div > h2 {
	margin-bottom: 25px;
}

/* link not actually yellow now */
.yellow-link {
	color: #fff;
	font-size: 26px;
}
/* bullet points on white background */

article.post ul li {
	position: relative;
	list-style: none;
	font-size: 18px !important;
}

article.post ul li::before {
	content: "•";
	display: inline-block;
	height: 10px;
	width: 10px;
	top: 1px;
	left: -16px;
	position: absolute;
	color: #3AAA35;
}

/* container
***********************************/
#page-container {
    position: relative;
}

/* top menu
***********************************/

/* main nav links */
#top-menu li {
	padding-right: 14px;
}

@media (max-width: 1100px){
	#top-menu li {
		padding-right: 12px;
	}
}

#main-header .menu-item a {
	font-family: 'Questrial', sans-serif !important;
	font-size: 16px;
	line-height: 16px;
	/* line up with life */
	position: relative;
	top: 6px;
}

#main-header .menu-item a:hover {
	color: #ffcc00;
}



/* mobile menu */
#main-header ul#mobile_menu {
	background-color: #fff;
}

#main-header ul#mobile_menu .menu-item a {
	position: static;
	top: 0;
}


#main-header ul#mobile_menu li a {
	color: #3AAA35;
}

@media (max-width: 980px){
	.mobile_menu_bar:before {
		font-size: 32px;
		top: 0;
	}
}

/* register your interest tab */

#menu-tab-green {
	background-color: #39b54a;
	color: #fff;
	line-height: 48px;
	padding: 0 15px 5px 15px;
	display: inline-block;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	/* position in top right */
	position: absolute;
	top: 0;
	right: 0;
}
#menu-tab-green:hover {
	background-color: #2a851f;
}

@media (max-width: 1120px){
	#menu-tab-green {
		display: none;
	}
}



/* homepage
***********************************/
#intro-main h2 {
	padding-bottom: 20px;
}

/* features section */
#feature-row .et_pb_image {
	padding: 15px;
}

@media (max-width: 980px){
	#feature-row {
		padding-bottom: 0;
		padding-top: 0;
	}
}

/* features page */
.features-block h4 {
	margin-bottom: 15px;
}

/* footer */
/* cta form white section */
#footer-cta-text h2 {
	font-size: 32px;
}

#footer-form-row-1 br {
	display: none;
}

#footer-form-row-1 span {
	display: inline-block !important;
	width: 48% !important;
	margin-bottom: 0;
	float: right;
	clear: both;
}

#footer-form-row-1 span:first-child {
	margin-right: 12px;
	float: none;
}

#footer-form-row-1  span.wpcf7-not-valid-tip {
	width: 100% !important;
	display: block;
}

input[type=text].form-input-footer {
	background-color: #eeeeee;
	border: none;
	font-family: 'Questrial', sans-serif !important;
	font-size: 16px;
	padding: 18px 20px;
	width: 100%;
}

@media (max-width: 565px){
	#cta-footer-section .footer-phone {
		display: none;
	}

}

/* button row */
#footer-form-row-2 {
	text-align: right;
}

#submit-button {
	margin-top: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #3aaa35;
	border: none;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	padding: 0 24px;
	cursor: pointer;
	font-family: 'co-headline', sans-serif !important;
}

#submit-button:hover {
	background-color: #2a851f;
}

/* hide ajax image */
#footer-form-row-2 img {
	display: none;
}

/* responsive footer cta form */

@media (max-width: 1032px) and (min-width: 981px){

	#footer-form-row-1 span {
		display: block !important;
		width: 100% !important;
		margin-bottom: 20px;
	}
	#footer-form-row-1 span:first-child {
		margin-right: 0;
	}
	#submit-button {
		margin-top: 0;
	}
}

@media (max-width: 500px) {
	#footer-form-row-1 span {
		display: block !important;
		width: 100% !important;
		margin-bottom: 20px;
	}
	#footer-form-row-1 span:first-child {
		margin-right: 0;
	}
	#submit-button {
		margin-top: 0;
	}
}



/* main footer */

footer#main-footer {
	background-color: #6c6c6c;
	padding: 30px 0 20px 0;
}

footer#main-footer #et-footer-nav {
	background-color: #6c6c6c;
	color: #fff;
	margin-bottom: 15px;
}


#footer-menu-container{
	width: 64%;
	display: inline-block;
	vertical-align: top;
}

#footer-menu-container #menu-footer {
	padding: 0;
}

#footer-menu-container #menu-footer li a {
	color: #fff;
	font-weight: lighter;
}

#footer-social-container {
	width: 35%;
	text-align: right;
	display: inline-block;
}

#footer-copyright #footer-info {
	padding: 0;
	color: #fff;
	font-size: 13px;
}

/* social links in footer */
.social-link-footer {
	height: 27px;
	width: 27px;
	display: inline-block;
	margin-right: 17px;
	background-size: cover;
	background-image: url('svgicons.svg');
}

.social-link-footer:hover {
	opacity: 0.75;
}

.footer-fb {
	background-position: 0 0;
}
.footer-instagram {
	background-position: -30px 0;
}
.footer-twitter {
	background-position: -59px 0;
}
.footer-pinterest {
	background-position: -89px 0;
}
.footer-linkedin {
	background-position: -119px 0;
}

.social-link-footer:last-child {
	margin-right: 0px;
}


@media (max-width: 1090px){
	#footer-social-container, #footer-menu-container, #footer-copyright #footer-info {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	#footer-social-container {
		margin-top: 20px;
	}
}

/* who we are page */
#values-section .et_pb_column_1_2 {
	margin-bottom: 0 !important;
}

/* peoples detail page */
p.et_pb_member_position {
	font-weight: bold;
	margin-bottom: 20px;
}

/* linked in icon */
.et_pb_member_social_links li a.et_pb_linkedin_icon,
.et_pb_member_social_links li a.et_pb_twitter_icon {
	color: #fff;
	background-color: #007bb6;
	padding: 4px 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.et_pb_member_social_links li a.et_pb_twitter_icon {
    background-color: #1da1f2;
}


/* email icon */
a.email-icon {
	background-image: url('emailicon.svg');
	background-size: cover;
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
	height: 34px;
	width: 34px;
	font-size: 0;
}

/* our product page */
/*  features */
#features-section p > a{
	color: #FFCC00;
}

#features-section .et_pb_main_blurb_image {
	width: 60px;
}

#features-section .et_pb_main_blurb_image a > img {
	height: 60px;
}

/* faq */
#faqs h3 {
	text-align: left;
}


/* health insights */
.post-meta {
	font-size: 13px !important;
}

/* share icons */
.addtoany_content_bottom {
	display: none !important;
}

#share-icons .addtoany_content_bottom {
	display: block !important;
}

/* stop category links going white on hover */
#menu-categories li a:hover {
	color: #3aaa35;
}



/* contact us page */

#contact-form-row-1 input[type=text].contact-form-input {
	background-color: #eeeeee;
	border: none;
	font-family: 'Questrial', sans-serif !important;
	font-size: 16px;
	padding: 18px 20px;
	width: 100%;
}

#contact-form-row-1 br {
	display: none;
}

#contact-form-row-1 span.wpcf7-not-valid-tip {
	width: 100% !important;
	display: block;
}

#contact-form-row-1 span {
	display: inline-block !important;
	width: 48% !important;
	margin-bottom: 0;
	float: right;
	clear: both;
}

#contact-form-row-1 span:first-child {
	margin-right: 12px;
	float: none;
}

#contact-form-row-2 {
	margin-top: 20px;
	margin-bottom: 20px;
}

#contact-form-row-2 textarea {
	background-color: #eeeeee;
	border: none;
	font-family: 'Questrial', sans-serif !important;
	font-size: 16px;
	padding: 18px 20px;
	width: 100%;
	resize: none;
}

#contact-form-row-3 .wpcf7-list-item {
	margin-left: 0;
}

#contact-form-row-4 {
	text-align: right;
}

/* hide ajax image */
#contact-form-row-4 img {
	display: none;
}

@media (max-width: 550px){
	#contact-form-row-1 span {
		display: block !important;
		width: 100% !important;
		margin-bottom: 20px;
	}
	#contact-form-row-1 span:first-child {
		margin-right: 0;
	}
	#contact-form-row-4 #submit-button {
		margin-top: 20px;
	}
}

/* 404 error page */

body.error404 #main-header,
body.search-results #main-header {
	background-size: cover;
}

body.error404 .et_pb_section,
body.search-results .et_pb_section{
	padding-top: 0!important;
}

body.error404 .et_pb_row_0_header,
body.search-results .et_pb_row_0_header{
	background-image: url('/wp-content/uploads/2015/11/header_main.jpg');
}

body.error404 .et_pb_row_0_header .inside-header-padding,
body.search-results .et_pb_row_0_header .inside-header-padding{
	padding-top: 177px;
	padding-bottom: 0;
}

body.error404 .et_pb_row_0_header .inside-header-padding h1,
body.search-results .et_pb_row_0_header .inside-header-padding h1 {
	text-align: center;
	display: block;
	color: #fff;
}

body.error404 #main-content .et_pb_row,
body.search-results #main-content .et_pb_row  {
	width: 80%;
}

body.error404 .et_pb_row_0,
body.search-results .et_pb_row_0 {
	padding-top: 65px;
}

@media only screen and (min-width: 981px) {
	body.error404 #main-content .et_pb_row,
	body.search-results #main-content .et_pb_row {
	    padding-right: 150px;
	    padding-left: 150px;
	}
}

@media (max-width: 980px){
	/* 404 header fix */
	body.error404 .et_pb_row_0_header .inside-header-padding,
	body.search-results .et_pb_row_0_header .inside-header-padding{
		padding-top: 80px;
	}
	body.error404 .et_pb_row_0_header .inside-header-padding h1,
	body.search-results .et_pb_row_0_header .inside-header-padding h1{
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

/* mobile spacing fixes */

@media (max-width: 980px){
	.et_pb_section_first {
		padding-top: 80px !important;
	}
	#cta-footer-section .et_pb_column_inner_0 {
		padding-top: 0;
	}
	#feature-section .et_pb_column_4_4 {
		margin-bottom: 0;
	}
	/* specific page fixes */
	body.page-id-110  div.et_pb_row.et_pb_row_2 > div,
	body.page-id-110  div.et_pb_row.et_pb_row_2,
	body.page-id-110  div.et_pb_row.et_pb_row_4 > div,
	body.page-id-110  div.et_pb_row.et_pb_row_4,
	body.page-id-110  div.et_pb_row.et_pb_row_6 > div,
	body.page-id-110  div.et_pb_row.et_pb_row_6,
	body.page-id-110  div.et_pb_row.et_pb_row_8 > div,
	body.page-id-110  div.et_pb_row.et_pb_row_8 {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	/* grey bar at top of individual posts */
	body.single-post .et_pb_fullwidth_code.et_pb_module{
		padding-top: 0 !important;
	}
	/* our people header - who we are */
	#ourpeople {
		padding-top: 0;
	}
	#ourpeople .et_pb_row.et_pb_row_2,
	#ourpeople > div.et_pb_row.et_pb_row_2 > div {
		padding: 0;
		margin-bottom: 0 !important;
	}
	#ourpeople .et_pb_row.et_pb_row_2 .our-people-header {
		padding-bottom: 0 !important;
	}
	/* our values header */
	#ourvalues {
		padding-bottom: 0 !important;
	}
	/* footer cta on peoples detail page */
	.people-details-content,
	.people-details-content > div  {
		padding-bottom: 0 !important;
	}
	/* accordion faqs section - reduce spacing between this and the cta footer */
	#faqs,
	#faqs #faq-section {
		padding-bottom: 0 !important;
	}
	/* font changes */
	/* accordion titles */
	.et_pb_toggle_title,
	.et_pb_blog_grid h2 {
		font-size: 18px !important;
		line-height: 27px !important;
	}
	/* blog h2s */
	.et_pb_post h2 {
		font-size: 25px !important;
	}
}

.et_pb_post h2 {
	margin-bottom: 10px;
}

@media (min-width: 981px){
	.et_pb_section_first {
		padding-top: 186px !important;
	}
	body.single-post .et_pb_section_first {
		padding-top: 0px !important;
	}
	/* grey bar at top of individual posts */
	body.single-post .et_pb_fullwidth_code.et_pb_module{
		padding-top: 132px !important;
	}

}

/* with arrow sections */

.with-arrow, .with-arrow-dynamic {
	position: relative;
}

.with-arrow:after,
.with-arrow-dynamic .arrow {
	content: '';
	display: block;
	position:absolute;
    left:0;
    right:0;
    bottom: 25px;
    margin-left:auto;
    margin-right:auto;
	width: 34px;
	height: 14px;
	background-image: url('sectionarrow.png');
	background-repeat: no-repeat;
}

/* cookie policy */
#cookie-policy {
    position: relative;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 15px 0px;
}
#cookie-policy > div {
    position: relative;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    width: 80%;
    max-width: 1080px;
    font-size: 12px;
    line-height: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cookie-policy > div > div {
    position: relative;
    display: inline-block;
    padding-right: 30px;
}
#cookie-policy > div > div > i {
    position: absolute;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 16px; height: 16px;
    top: 0px; right: 0px;
    background-image: url('cookie.png');
    background-position: 0px 0px;
    cursor: pointer;
}
#cookie-policy > div > div > i:hover {
    background-position: -16px 0px;
}
@media (max-width: 550px){
    #cookie-policy > div {
        width: auto;
    }
    #cookie-policy > div > div {
        padding-left: 20px;
        padding-right: 50px;
    }
    #cookie-policy > div > div > i {
        right: 20px;
    }
}

/* evergreen energy page overrides */
@media (min-width: 550px){
    .delay-columns .et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
        width: 20.875% !important;
        margin-right: 5.5% !important;
    }

    .delay-columns .et_pb_row_4col > .et_pb_column.et_pb_column_1_4:last-child {
        margin-right: 0 !important;
    }

    .delay-columns .et_pb_column_1_3 {
        width: 29.666% !important;
        margin-right: 5.5% !important;
    }
}

/* twitter feed */
/* twitter feed */

.twitter-feed {
	padding: 75px 0 0 0;
	background-color: #6c6c6c;
    color: #fff;
}

.twitter-feed .social-link-footer {
    margin: 0;
}

.twitter-feed .container {
    text-align: center;
    padding: 0 0 75px 0;
    border-bottom: 2px solid #919191;
}

.twitter-feed .tweet-container-1,
.twitter-feed .tweet-container-2 {
	display: none;
}

.twitter-feed i {
	color: #3baa34;
	font-size: 42px;
}

.twitter-feed p.tweet {
	margin: 0;
	font-weight: lighter;
	font-size: 18px;
	line-height: 27px;
}

.twitter-feed p.tweet a {
	color: #3baa34;
	text-decoration: none;

}

.twitter-feed p.tweet a:hover {
	color: #ffcc00;
}

.twitter-feed .author {
    font-size: 16px;
    line-height: 20px;
}

.twitter-feed br {
    display: none;
}

@media (max-width: 500px ){
    .twitter-feed br {
        display: block;
    }
}

.twitter-feed .author a {
	color: #3baa34;
	text-decoration: none;
}

.twitter-feed .author a:hover {
	color: #ffcc00;
}



.top-nav{
    background-color: #4E4F52;
	z-index: 1;
	position: relative;
}

.top-nav:after{
	content: ' ';
    width: 30%;
	height: 10px;
	background-color: #4E4F52;
	position: absolute;
	bottom: -10px;
	right: 0px;
}

.top-nav__inner a.active{
    color: #fff;
}
.top-nav__inner a{
    color: #6F6F6F;
    display: inline-block;
    margin-right: 20px;
    padding: 10px 0 0 0;
    vertical-align: middle;
    font-family: 'co-headline',sans-serif !important;
    font-size: 16px;
    line-height: 1.2;
    position: relative;
	z-index: 2;
}
.top-nav__inner a:hover{
	color: #fff;
}

@media (max-width: 600px){
    .top-nav__inner.container{
        width: auto;
        text-align: center;
    }
    .top-nav__inner a{
        font-size:14px;
        margin: 0px 10px;
    }
}
@media (max-width: 400px){
    .top-nav__inner a{
        font-size:12px;
        margin: 0px 5px;
    }
}
.top-nav__inner a.active:before{
    content: ' ';
    width: 10048px;
	height: 10px;
	background-color: #4E4F52;
	position: absolute;
	bottom: -10px;
	left:  -10000px;
}


.top-nav__inner a.active:after{
	content: ' ';
    width: 719px;
	height: 10px;
	background-color: #4E4F52;
	position: absolute;
	bottom: -10px;
	left: 61px;
}


@media (max-width:980px){
	.top-nav__inner a.active:after{
		width: 579px;
	}
}
@media (max-width:805px){
	.top-nav__inner a.active:after{
		width: 479px;
	}
}
@media (max-width:710px){
	.top-nav__inner a.active:after{
		width: 279px;
	}
}
@media (max-width:600px){
	.top-nav__inner a.active:after{
		width: 179px;
	}
}
@media (max-width:415px){
	.top-nav__inner a.active:after{
		width: 79px;
	}
}

.top-nav__inner a.active i{
	position: absolute;
	bottom: -10px;
	left:13px;

}
/*@media (max-width:600px){
	.top-nav__inner a.active i{
		left:6px;
	}
}
@media (max-width:400px){
	.top-nav__inner a.active:after, .top-nav__inner a.active:before{
		width: 10034px;
	}
	.top-nav__inner a.active i{
		left:-1px;
	}
}*/
.top-nav__inner a.active i:before, .top-nav__inner a.active i:after{
	content: ' ';
	position: absolute;
	bottom: 0px;
	width: 0;
	height: 0;
	border-style: solid;

}
.top-nav__inner a.active i:before{
	left:34px;
	border-width: 10px 10px 0 0;
	/*border-color: #4E4F52 transparent transparent transparent;*/
	border-color: #4E4F52 transparent transparent transparent;
}
.top-nav__inner a.active i:after{
	border-width: 0 10px 10px 0;
	border-color: transparent #4E4F52 transparent transparent;
	left:38px;
}

@media (min-width:1121px){
	#logo{
		margin-top:-33px;
	}

}

#et-top-navigation{
	padding-left: 0 !important;
}

.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar{
	margin-left: 15px;
}

.twitter-feed {
	display: none;
}