/* 
Theme Name:		 Evolve Trees
Description:	 Evolve Trees Theme
Author:			 Desine
Author URI:		 https://www.desine.net
Template:		 allegiant
Version:		 1.0.0
Text Domain:	 evolvetrees
-------------------------------------------------------------- */ 

/* =Theme customization starts here
------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');

/*White text*/
#usefulLinks a,
#header #menu-main li a,
a.readmore:hover::after,a.readmore:focus::after,
#header .container .contact a{
	color:#fff;
}

/*White background*/
.slider-prev:before, .slider-prev:after, .slider-next:before, .slider-next:after,
.home .services{
	background:#fff;
}

/* Dark Green text */
#pre-footer,
#menu-mobile,
.menu-mobile li a,
span.highlight,
.page-id-10 .page-content span::before,
.page-id-10 .page-content address::before,
.fts-simple-fb-wrapper a,
#pre-footer a,
#pre-footer h2 a:hover,
#header #menu-main li ul li a:hover,
#header #menu-main li ul li.current-menu-item a,
#services .service-title a:link,#services .service-title a:visited,
h3,h4,
h1.pagetitle-title{
	color:#006935;
}

/*Dark Green bkgd */
#footer,
#usefulLinks a,
a.readmore,
#subfooter{
	background-color:#006935;
}

/*Light green text*/
h2,
.menu-mobile li a:focus,
.menu-mobile li a:hover,
#pre-footer h2 a,
a:link, a:visited,
.fts-simple-fb-wrapper a:hover,
a.readmore::after,
#pre-footer h2,
#footer .social a:hover,
#header #menu-main > li a:hover,
#header #menu-main > li.current-menu-item a{
	color:#99c852;
}

/*Light green bkgd */
.page-id-10 .wpcf7,
#usefulLinks a:hover,
.menu-main li ul,
.column .service{
	background:#99c852;
}

/*Bold*/
#pre-footer,
#header #menu-main li.current-menu-item a{
	font-weight:600;
}

/*Underline*/
#pre-footer h2 a{
	text-decoration:underline
}

/*Text Centre*/
.text-center{
	text-align:center;
}

/*Transitions*/
a.readmore::after,
#usefulLinks a,
.services .service .wp-post-image{
 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

/*Hide*/
.fts-jal-fb-header,
.footer-content{
	display:none
}

#sidebar .fts-powered-by-text{display:none!important}

a.readmore{
	border-radius:30px;
	padding:9px 60px 11px 20px;
	position:relative;
	display:block;
}

a.readmore::after{
	font-family:fontawesome;
	content:'\f0a9';
	position:absolute;
	right: 5px;
    top: 0;
    line-height: 44px;
    font-size: 2.5em;;
}

body{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	line-height:1.5;
	font-size:1.0em;
	color:#333;
	min-width:300px;
}

h1,h3,h4,h5,h6{
	font-weight:300;
}

h1{
    font-size: 2.1em;
	margin-bottom:15px;
}

h2{
	font-size:1.7em;
	margin-bottom:8px;
}

h3{
	margin-bottom:8px;
}

.page-id-2 .page-content h2{font-weight:300}

address{
	font-size:1em;
	font-style:inherit;
	margin-bottom:1.5em;
	line-height:1.5em;
}

span.highlight{
	font-size: 21px;
    font-weight: 400;
}

textarea{max-width:100%;height:189px}

.home .page-content{
	text-align:center;
	max-width:85%;
	margin:0 auto;
}

.topbar{border-bottom:none}

#header { 
	background:rgba(0, 105, 53, 0.9);
	z-index:1;
	position:fixed;
}

#header .container{
	position:relative;
}

#pagetitle{
	height:450px;
	padding-top:108px;
	padding-bottom:0;
	background:transparent;
	margin-bottom:50px;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#pagetitle .wp-post-image{
	width:275px;
	height:auto;
}

#menu-mobile-open,
#header #menu-main,
#header .container .contact{
	position:absolute;
	top:8px;
	right:0;
	text-align:right;
	color:#fff;
	font-size:18px;
}

#header #menu-main{
	top:inherit;
	bottom:-10px;
	font-size:20px;
}

#menu-mobile-open{bottom:0;top:inherit}

#header #menu-main li a{padding:10px 0 10px 25px;text-align:left}
#header #menu-main li.menu-item-has-children a{padding:10px 20px 10px 20px; }

#header .menu-main li a[href="#"] {cursor:default}

#header .menu-main li ul li a{width:310px;}

.menu-main .menu-item-has-children:before{right:0px}

.menu-mobile-open{margin: 7px 15px;}

.menu-mobile-open:after,
.menu-mobile-open:before{
	left:0;
}

.menu-mobile-open:before{
	 border: 2px solid #fff;
	 border-width: 2px 0;
}

.menu-mobile-open:after{
	 border-top: 2px solid #fff;
}

.menu-mobile li{
	border-top:solid 1px #efefef;
}

.menu-mobile > li:last-of-type{
	border-bottom:solid 1px #efefef;
}

.menu-mobile li ul li{font-size:0.9em}

#header .container .contact span.divider::before{
	display:inline-block;
	content:'';
	width:10px;
	height:10px;
	background:#95c11f;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin:0 10px 1px 5px;
}

#logo{position:relative;}

#logo::before,
#logo::after{
	content:'';
	position:absolute;
	top:50%;
	width:1500px;
	height:1px;
	display:block;
	background:#fff;
	opacity:0.3;
}

#logo::before{right: 200px;}
#logo::after{left: 200px;}

#slider{margin-top:0;margin-bottom:-130px;z-index:0;}
#slider .slider-slides{width:100%; overflow:visible; height:750px}

.services{padding:25px 0 10px;}

.services .service {padding:25px 25px 100px; text-align:center; position:relative}

.services .service .service-body{margin:0;}

.services .service .service-body .readmore{
	position:absolute;
	width:120px;
	left:50%;
	margin-left:-100px;
	bottom:35px;
}

#services .service-title a{font-weight:400}

.services .service .wp-post-image{
	width:60%;
	height:auto;
}

.services .service:hover .wp-post-image{transform: scale(1.03);}

.services .service .service-title{text-transform:none}

#main{
	position: relative;
    overflow: visible;
	background:none;
}

#point{
	position: absolute;
    bottom: -1px;
    width: 2000px;
    max-width: none;
    left: 50%;
    margin-left: -1000px;
	z-index:100;
}

#sidebar .fts-simple-fb-wrapper div:last-of-type{
	padding-bottom:0 !important;
	border-bottom:none;
}

.fts-jal-fb-vid-image{max-height:200px}

#usefulLinks{padding-top:30px}

#usefulLinks a{
	display:block;
	margin-top:3px;
	padding:10px 15px;
}
#usefulLinks a:hover{text-decoration:none}

/*Contact Us*/
.wpcf7 p{
	margin-bottom:0.8em;
}

.page-id-10 .page-content .text-center > .row,
.page-id-10 .page-content .text-center span{
	display:block;
	width:100%;
	margin-bottom:1.5em;
}

.page-id-10 .page-content .text-center .column p:last-of-type,
.page-id-10 .page-content .text-center span.email{
	margin-bottom:0;
}

.page-id-10 .page-content .text-center address::before,
.page-id-10 .page-content .text-center span::before{
	display:block;
	width:100%;
	font-family:fontawesome;
	font-size:2em;
	line-height:1.5;
}

.page-id-10 .page-content .text-center address::before{content:'\f08d'}
.page-id-10 .page-content .text-center span.tel::before{content:'\f095';}
.page-id-10 .page-content .text-center span.email::before{content:'\f0e0';}

.page-id-10 .wpcf7 {
	padding:40px 40px 35px;
	margin-top:60px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.page-id-10 .wpcf7 label{
	text-align:left;
	display:inline-block;
	max-width:100%;
}

.page-id-10 .wpcf7 textarea,
.page-id-10 .wpcf7 input{margin-top:3px;}

.page-id-10 .page-content .text-center > .row > div:last-of-type{position:relative;}
.page-id-10 .page-content .text-center > .row > div:last-of-type::before{
	content:'';
	position:absolute;
	background:rgba(184,184,184,.3);
	display:block;
	width:1px;
	top:0;
	bottom:0;
	left:-5%;
}

.page-id-10 .page-content input[type=submit]{
	font-family: 'Open Sans', sans-serif;
	background:#006935;
	border:none;
	min-width:100px;
	margin-top:30px
}
	
#pre-footer {
	margin-bottom:50px;
	font-size:22px;
	line-height:1.2;
}

#pre-footer h2{
	font-weight:400;
	font-size: 24px;
	margin-bottom:10px;
}

.pre-footer-widget{
	display:inline-block;
	vertical-align: middle;
    margin-left: 40px;
}

#pre-footer .container div:first-of-type{
	margin:0 35px 0 0;
}

body:not(.home) #pre-footer .container{
	padding-top:125px;
	margin-top:0px;
	background:url(/wp-content/themes/evolvetrees/images/tree-divider-single.png) no-repeat top left;
	background-size: 100% auto;
}


#subfooter{padding:20px 0 0}

#footer,#menu-footer-menu{
	text-align:left;
	padding:0;
	font-size:13px;
}

.footer:before{
	content:none;
}

#footer .footer-left{float:left}

.menu-footer{margin:0 0 15px;}
.menu-footer li{margin-left:10px;}

#footer .social{font-size:2.5em;line-height:32px}

@media screen and (max-width: 1280px) {
	#pre-footer{text-align:center}
	#pre-footer .container div:first-of-type{margin:0 0 25px}
	.pre-footer-widget{margin:0 15px 25px}
	#pre-footer .container div:first-of-type{width:100%;}
	#pre-footer p a{display:inline-block}
	#pre-footer p a::before{content:' | ';}
	#header #menu-main,
	#header .container .contact{right:15px;}
}

@media screen and (max-width: 1024px) {
	#slider .slider-slides{height:650px}
	#pagetitle{height:400px}
}

@media screen and (max-width: 900px) {
	#header .container .contact{position:initial;text-align:center;margin-bottom:10px}
}

@media screen and (max-width: 800px) {
	html body .column{width:100%; padding: 0;}
	html body.page-id-10  .column{padding:50px 0;}
	.page-id-10 .wpcf7{margin-top:0;}
	.page-id-10 .wpcf7 .column{padding:0}
	.page-id-10 .page-content .text-center > .row > div:last-of-type::before{left:0; width:100%; height:1px; bottom:initial}
	#slider .slider-slides{height:500px}
	body .column{width:auto;margin:0}
	.home .page-content{max-width:90%}
	.services .service .wp-post-image{width:30%}
	#header{position:initial; background: rgba(0, 105, 53, 1);}
	#pagetitle{height:350px;padding-top:0;margin-bottom:0;}
	#pagetitle .wp-post-image{width:200px}
	#sidebar .fts-simple-fb-wrapper .fts-jal-single-fb-post{width:44%;margin:0 3%;float:left;border-bottom:none}
	.fts-simple-fb-wrapper{padding-top:40px}
	body:not(.home) #pre-footer .container{background-size:200% auto;}
}

@media only screen and (max-width: 600px) {
	.services .service .wp-post-image{width:60%}
	#header .container .contact{font-size:15px}
	#slider .slider-slides{height:350px}
	#pre-footer p a{display:block}
	#pre-footer p a::before{content:none;}
	.menu-footer li{display:inline-block}
	#pagetitle{height:250px;}
	#pagetitle .wp-post-image{width:150px}
	#sidebar .fts-simple-fb-wrapper .fts-jal-single-fb-post{width:100%;margin:0;float:none}
	#sidebar .fts-simple-fb-wrapper div:last-of-type{display:none}
}

@media only screen and (max-width: 360px) {
	#logo::before, #logo::after{display:none}
}