/*
Theme Name: Tree Doctor
Template: astra
Author: Luke Balbirnie
Version: 1.0.0.1654561452
Updated: 2022-06-07 00:24:12

*/


/* ----- Colors ----- */
:root {
	
	/* Contact form BG + title text */
	--title-dark-green:#0f4b39;
	
	/* Footer BG + Body Text*/
	--body-dark-green:#11332b;
	
	/* Buttons */
	--interactive-green:#008151;
	
	/* Social Icons + Underline */
	--highlight-green:#4ba452;
	
	/* Testimonials background */
	--pale-green:rgba(238, 247, 235, 0.6);
	/*--pale-green:rgba(247, 251, 245, 1);*/
}



/* ----- General ----- */

* {
	-webkit-tap-highlight-color:rgba(75, 164, 82, 0.2) !important
}

.grecaptcha-badge {visibility:hidden;pointer-events:none;}

html {
	margin-top:0 !important;
}

html, body {
  scroll-behavior: smooth;
 	-ms-scroll-snap-type: y;
 	    scroll-snap-type: y; 
}

#page {
	max-width:100%;
	overflow-x:hidden;
}

.ast-separate-container {
	background-color:white !important;
}

/* ----- Fonts ----- */

/* Page Titles */
h1 {
	font-family: 'Montserrat', sans-serif; 
	font-size:40px;
	font-weight:700;
	line-height:1.4;
	color:var(--title-dark-green);
}

/* Section titles */
h2 {
	font-family: 'Montserrat', sans-serif; 
	font-size:36px;
	font-weight:700;
	line-height:1.4;
	margin-bottom:12px;
	color:var(--title-dark-green);
}

.h2-small {
    font-size:32px;
}

/* Post Grid Titles */
h3, .h3 {
	font-family: 'Montserrat', sans-serif; 
	font-size:24px;
	font-weight:700;
	line-height:1.4;
	margin-bottom:8px;
	color:var(--title-dark-green);
}

/* Body Text */
p {
	font-family: 'Montserrat', sans-serif; 
	font-size:16px;
	font-weight:500;
	line-height:1.8;
	margin-bottom:12px;
	color:var(--body-dark-green);
}

ul, ol {
	font-family: 'Montserrat', sans-serif; 
	font-size:16px;
	font-weight:500;
	margin:0 0 12px 32px;
	color:var(--body-dark-green);
}

ul li, ol li {
	line-height:1.8;
	margin-bottom:8px;
}
ul li:last-child,
ol li:last-child {
	margin-bottom:0;
}

ul li::marker,
ol li::marker {
	color:var(--interactive-green);
	font-weight:bold
}

a {
	font-family: 'Montserrat', sans-serif; 
	transition: all .5s ease;
}

@media(min-width:768px) and (max-width:1180px) and (orientation:landscape) {
	h1 {
		font-size:36px;
	}
	h2 {
		font-size:32px;
	}
}

@media(max-width:767px) {
	h1 {
		font-size:28px;
	}
    
	h2 {
		font-size:26px;
		margin-bottom:15px;
	}
    
    .h2-small {
        font-size:22px;
    }
    
    h3, .h3 {
        font-size:20px;
    }
}



/* Text Effects */
.no-margin {
	margin-bottom:0 !important;
	margin-top:0 !important;
}

.text-left {
	text-align:left;
}

.text-right {
	text-align:right;
}

.text-center {
	text-align:center;
}

.subheading {
	width:1000px;
    max-width:100%;
    font-size:18px;
}

.text-left .subheading {
	float:left;
	margin-right:auto;
}

.text-center .subheading {
	float:none;
	margin-left:auto;
	margin-right:auto;
}

.underline {
	color:var(--title-dark-green);
	position:relative;;
	-webkit-text-decoration-line:underline;
	        text-decoration-line:underline;
	-webkit-text-decoration-color: var(--highlight-green);
	        text-decoration-color: var(--highlight-green);
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
}
.underline:hover,.underline:focus,.underline:active,.underline:visited {
	-webkit-text-decoration-color: var(--highlight-green);
	        text-decoration-color: var(--highlight-green);
			-webkit-text-decoration-line:underline;
	        text-decoration-line:underline;
			text-decoration-thickness: 2px;
	text-underline-offset: 5px;
}


.underline-large {
color:var(--title-dark-green);
	position:relative;
	-webkit-text-decoration-line:underline;
	        text-decoration-line:underline;
	-webkit-text-decoration-color: var(--highlight-green);
	        text-decoration-color: var(--highlight-green);
	text-decoration-thickness: 3px;
	text-underline-offset: 6px;
}





/* ----- Containers ----- */

.ast-container {
	padding:0 !important;
	margin:0 !important;
	max-width:100% !important;
	display:inline-block !important;
	width:100%;
}
.container-outer {
	display:inline-block;
	float:left;
	position:relative;
	text-align:center;
	width:100%;
}
.container-inner {
	display:inline-block;
	width:90%; 
	max-width:1440px;
	float:none;
	margin-left:auto;
	margin-right:auto;
}


.pt-4 {padding-top:4px}
.pt-8 {padding-top:8px}
.pt-12 {padding-top:12px}
.pt-16 {padding-top:16px}
.pt-20 {padding-top:20px}
.pt-24 {padding-top:24px}
.pt-32 {padding-top:32px}
.pt-40 {padding-top:40px}
.pt-48 {padding-top:48px}
.pt-56 {padding-top:56px}
.pt-64 {padding-top:64px}
.pt-72 {padding-top:72px}
.pt-80 {padding-top:80px}
.pt-96 {padding-top:96px}
.pt-104 {padding-top:104px}
.pt-128 {padding-top:128px}

.pb-4 {padding-bottom:4px}
.pb-8 {padding-bottom:8px}
.pb-12 {padding-bottom:12px}
.pb-16 {padding-bottom:16px}
.pb-20 {padding-bottom:20px}
.pb-24 {padding-bottom:24px}
.pb-32 {padding-bottom:32px}
.pb-40 {padding-bottom:40px}
.pb-48 {padding-bottom:48px}
.pb-56 {padding-bottom:56px}
.pb-64 {padding-bottom:64px}
.pb-72 {padding-bottom:72px}
.pb-80 {padding-bottom:80px}
.pb-96 {padding-bottom:96px}
.pb-128 {padding-bottom:128px}

.mt-4 {margin-top: 4px;}
.mt-8 {margin-top: 8px;}
.mt-12 {margin-top: 12px;}
.mt-16 {margin-top: 16px;}
.mt-20 {margin-top: 20px;}
.mt-24 {margin-top: 24px;}
.mt-32 {margin-top: 32px;}
.mt-40 {margin-top: 40px;}
.mt-48 {margin-top: 48px;}
.mt-56 {margin-top: 56px;}
.mt-64 {margin-top: 64px;}
.mt-72 {margin-top: 72px;}
.mt-80 {margin-top: 80px;}
.mt-96 {margin-top: 96px;}
.mt-128 {margin-top: 128px;}
.mb-4 {margin-bottom: 4px;}
.mb-8 {margin-bottom: 8px;}
.mb-12 {margin-bottom: 12px;}
.mb-16 {margin-bottom: 16px;}
.mb-20 {margin-bottom: 20px;}
.mb-24 {margin-bottom: 24px;}
.mb-32 {margin-bottom: 32px;}
.mb-40 {margin-bottom: 40px;}
.mb-48 {margin-bottom: 48px;}
.mb-56 {margin-bottom: 56px;}
.mb-64 {margin-bottom: 64px;}
.mb-72 {margin-bottom: 72px;}
.mb-80 {margin-bottom: 80px;}
.mb-96 {margin-bottom: 96px;}
.mb-128 {margin-bottom: 128px;}



.col-gap-16 {-moz-column-gap:16px;column-gap:16px;}
.col-gap-24 {-moz-column-gap:24px;column-gap:24px;}
.col-gap-32 {-moz-column-gap:32px;column-gap:32px;}
.col-gap-48 {-moz-column-gap:48px;column-gap:48px;}
.col-gap-64 {-moz-column-gap:64px;column-gap:64px;}
.row-gap-16 {row-gap:16px;}
.row-gap-24 {row-gap:24px;}
.row-gap-32 {row-gap:32px;}
.row-gap-48 {row-gap:48px;}
.row-gap-64 {row-gap:64px;}

.grid {display:grid;}
.grid-2 {grid-template-columns:1fr 1fr;}
.grid-3 {grid-template-columns:1fr 1fr 1fr;}

@media(max-width:1100px) {
	.grid-3 {grid-template-columns:1fr 1fr;}
}

@media(max-width:767px) {

.grid-2 {grid-template-columns:1fr;}
.grid-3 {grid-template-columns:1fr;}

	.pt-48 {padding-top:32px}
	.pt-56 {padding-top:48px}
	.pt-64 {padding-top:56px}
	.pt-72 {padding-top:64px}
	.pt-80 {padding-top:72px}
	.pt-96 {padding-top:80px}
	.pt-104 {padding-top:80px}
	.pt-128 {padding-top:82px}
	.pb-48 {padding-bottom:32px}
	.pb-56 {padding-bottom:48px}
	.pb-64 {padding-bottom:56px}
	.pb-72 {padding-bottom:64px}
	.pb-80 {padding-bottom:72px}
	.pb-96 {padding-bottom:80px}
	.pb-128 {padding-bottom:82px}

	.mt-48 {margin-top: 32px;}
	.mt-56 {margin-top: 48px;}
	.mt-64 {margin-top: 56px;}
	.mt-72 {margin-top: 64px;}
	.mt-80 {margin-top: 72px;}
	.mt-96 {margin-top: 80px;}
	.mt-128 {margin-top: 82px;}
	.mb-48 {margin-bottom: 32px;}
	.mb-56 {margin-bottom: 48px;}
	.mb-64 {margin-bottom: 56px;}
	.mb-72 {margin-bottom: 64px;}
	.mb-80 {margin-bottom: 72px;}
	.mb-96 {margin-bottom: 80px;}
	.mb-128 {margin-bottom: 82px;}

	.mobile-padding-zero {padding:0 !important;}
}


.flex {display:flex}
.flex-row {flex-direction:row;}
.flex-column {flex-direction:column}
.inline-flex {display:inline-flex}
.align-center {align-items:center;}
.align-stretch {align-items:stretch;}
.bold {font-weight:700;}




/* ----- Columns ----- */

.col {
	display:inline-block;
	float:left;
}

.col-1-3 {
	width:calc(33.333% - 24px);
	margin-right:36px;
}
.col-2-3 {
	width:calc(66.666% - 18px);
	margin-right:36px;
}
.col-1-2 {
	width:calc(50% - 32px);
	margin-right:64px;
}

.col:last-child {
	margin-right:0;
}

.divider {
	display:block;
	width:100%;
	height:2px;
	background-color:rgba(75, 164, 82, 0.15);
	margin:16px 0;
}

.rounded {
	border-radius:16px;
	overflow:hidden;
}

@media(min-width:768px) and (max-width:1180px) and (orientation:landscape) {
	.col-1-2 {
		width:calc(50% - 30px);
		margin-right:60px;
	}
}

@media(max-width:768px) {
	.col-1-3 {
		width:100%;
		margin-right:0;
	}
	.col-2-3 {
		width:100%;
		margin-right:0;
	}
	.col-1-2 {
		width:100%;
		margin-right:0;
	}

	.col:last-child {
		margin-right:0;
		margin-bottom:0;
	}
	
}

@media(max-width:767px) {
    .subheading {
        font-size:16px;
    }
	.mobile-flex-column {
		flex-direction:column !important;
	}
	.mobile-flex-column-reverse {
		flex-direction:column-reverse !important;
	}

	.mobile-flex-column .col {width:100% !important;}
	.mobile-flex-column-reverse .col {width:100% !important;}
	.image-column {aspect-ratio:4/3}
}


/* ----- Banners ----- */

.page-banner {
	background-color:var(--pale-green);
}

.page-banner .container-inner {
	margin-top:0px;
	margin-bottom:100px;
	display:inline-flex;
	align-items:stretch;
	justify-content:space-between;
}

.banner-image img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	   object-fit:cover;
}

.single .banner-image img {
    min-height:100%;
    height:500px;
}

.banner-text {
	padding:50px 0;
}

@media(min-width:768px) and (max-width:1180px) and (orientation:landscape) {
	.banner-text {
		padding:35px 0;
	}
	
	.single .banner-image {
		width:calc(42.5% - 25px)
	}
    
    .single .banner-image img {
        max-height:500px;
    }
	
	.single .banner-text {
		width:calc(57.5% - 25px);
	}
	
}





/* ----- Buttons ----- */

.button {
	font-family: 'Montserrat', sans-serif; 
	font-size:17px;
	font-weight:700;
	line-height:16px;
	color:white;
	background-color:var(--interactive-green);
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	padding:17px 25px;
	cursor:pointer;
	transition: all .5s ease;
	border-radius:8px;
}

.button:hover {
	background-color:var(--highlight-green);
}

.button.white {
	border:2px solid rgba(75, 164, 82, 0.2);
	background-color:white;
	padding:15px 23px;
	color:var(--interactive-green);
}
.button.white:hover {
	background-color:var(--highlight-green);
	border-color:var(--highlight-green);
	color:white;
}

.button.pale-green {
	background-color:var(--pale-green);
	color:var(--interactive-green);
}
.button.pale-green:hover {
	background-color:var(--highlight-green);
	color:white;
}
.button.highlight-green {
	background-color:var(--highlight-green);
}
.button.highlight-green:hover {
	background-color:var(--interactive-green);
}

.button.dark-green {
	background-color:var(--title-dark-green);
}

.button-arrow {
	display:inline-block;
	float:left;
	height:auto;
	width:22px;
	margin-left:10px;
}

@media(max-width:767px) {
    .button {
        font-size:15px;
        padding:15px 20px;
    }
    .button-arrow {
        width:18px;
    }
}



/* ----- Header Menu ----- */

.header-menu {
	/*background-color:var(--pale-green);*/
	position:relative;
	z-index:4;
}

.header-menu .container-inner {
	display:inline-flex;
	justify-content:space-between;
	align-items:center;
}

.header-logo {
	display:inline-block;
	float:left;
	margin-right:64px;
}

.header-logo img {
	display:inline-block;
	float:left;
	width:93px;
	height:auto;
}

.desktop-header-nav {
	display:inline-flex;
	float:left;
	width:auto;
	flex-direction:row;
	-moz-column-gap:40px;
	     column-gap:40px;

}

.desktop-header-nav a,
.desktop-header-nav .menu-dropdown {
	font-family: 'Montserrat', sans-serif; 
	font-size:17px;
	font-weight:700;
	line-height:17px;
	color:var(--title-dark-green);
	cursor:pointer;
	transition: all .5s ease;
	padding:12px 0;
}

.desktop-header-nav .menu-dropdown a {
	font-size:15px;
	padding:0;
	font-weight:600;
}



.desktop-header-nav a:hover,
.desktop-header-nav .menu-dropdown:hover {
	color:var(--highlight-green);
}

.desktop-header-nav a:last-child {
	margin-right:0;
}

.desktop-header-cta {
	display:inline-flex;
	width:auto;
	align-items:center;
	-moz-column-gap:40px;
	     column-gap:40px;
	flex-direction:row;
}

.desktop-header-cta .underline {
	font-family: 'Montserrat', sans-serif; 
	font-size:16px;
	font-weight:700;
	line-height:16px;
	color:var(--title-dark-green);
	margin-right:40px;
	cursor:pointer;
	transition: all .5s ease;
}

.desktop-header-cta .underline:hover {
	color:var(--highlight-green);
}

.mobile-menu,
.menu-open {
	display:none;
}

.nav-carat {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: auto;
    display: inline-flex;
    transition: all .3s ease;
}

.menu-dropdown {
	display:inline-flex;
	align-items:center;
	-moz-column-gap:4px;
	     column-gap:4px;
	position:relative;
}

.submenu {
    display: inline-flex;
    position: absolute;
    top: calc(100%);
    left: 0;
    right: 0;
    margin-inline: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 24px;
    background-color: white;
    border-radius: 8px;
    /*border: 1px solid rgba(0,0,0,0.05);*/
	border: 1px solid rgba(75, 164, 82, 0.2);
    text-align: left;
    flex-direction: column;
    row-gap: 4px;
    align-items: flex-start;
    white-space: pre;
	row-gap:16px;
	box-shadow:0 0 0 1px #00000014,0 20px 24px -4px #0a0d1214,0 8px 8px -4px #0a0d120f,0 3px 3px -1.5px #0a0d120a;
	opacity:0;
	transition: opacity .3s ease;
	pointer-events:none;
}

.menu-dropdown.areas .submenu {
    display: inline-grid;
	grid-template-columns:1fr 1fr;
	-moz-column-gap:32px;
	     column-gap:32px;
}


.menu-dropdown:hover .nav-carat {
    transform: rotate(180deg);
}

.menu-dropdown:hover .submenu {
    pointer-events:all;
	opacity:1;
}



@media(max-width:1260px) {
	.desktop-header-cta,
	.desktop-header-nav {
		display:none;
	}
	
	.menu-open {
		display:inline-block;
		width:40px;
		height:auto;
		cursor:pointer;
	}
	
	.menu-close {
		position:absolute;
		top:50px;
		right:50px;
		display:inline-block;
		width:24px;
		height:auto;
		cursor:pointer;
	}
	
	.mobile-menu {
		display:inline-flex;
		flex-direction:column;
		justify-content:space-between;
		padding:100px 75px;
		width:450px;
		max-width:100%;
		position:fixed;
		top:0;
		right:-450px;
		background-color:var(--title-dark-green);
		transition:all .5s ease;
		min-height: 100vh;  
		max-height: -webkit-fill-available;
		overflow-y:scroll;
	}
	
	.mobile-menu.active {
		right:0;
	}
	
	.mobile-menu a {
		font-family: 'Montserrat', sans-serif; 
		font-size:18px;
		font-weight:700;
		line-height:18px;
		color:white;
		width:auto;
		float:left;
		clear:both;
		margin-bottom:40px;
		cursor:pointer;
		display:inline-block;
	}
	.mobile-menu .dropdown {
		font-family: 'Montserrat', sans-serif; 
		font-size:18px;
		font-weight:700;
		line-height:18px;
		color:white;
		width:auto;
		float:left;
		clear:both;
		margin-bottom:40px;
		cursor:pointer;
		display:inline-block;
		-webkit-tap-highlight-color: unset !important;;
	}

	.mobile-menu .nav-carat svg {
		color:var(--highlight-green);
	}

	.mobile-menu .button {
		margin-bottom:0;
	}

	.mobile-menu .mobile-submenu {
		padding-top:32px;
		display:none;
	}
	.mobile-menu .expand .nav-carat {
		transform:rotate(180deg);
	}
	.mobile-menu .expand .mobile-submenu {
		display:inline-block;
	}

	.mobile-menu .mobile-submenu a {
		font-family: 'Montserrat', sans-serif; 
		font-size:16px;
		font-weight:500;
		line-height:16px;
		color:white;
		width:auto;
		float:left;
		clear:both;
		margin-bottom:32px;
		cursor:pointer;
		display:inline-block;

	}

	.mobile-menu .mobile-submenu > a:last-child {
		margin-bottom:0;
	}
	
}

@media(max-width:768px) {
	.lock-scroll {
		overflow-y:hidden;
	}
	.header-menu .container-inner {
		margin-bottom:60px;
	}
}

@media(max-width:767px) {
	
	.menu-open {
		width:36px;
	}
	
	.menu-close {
		top:42px;
		right:5vw;
		width:36px;
	}
	
	.mobile-menu {
		padding:60px 50px;
		justify-content:flex-start;
	}
	
	.header-menu .container-inner {
		margin-top:25px;
		margin-bottom:50px;
	}
}




/* ----- Footer ----- */

.footer {
	background-color:var(--body-dark-green);
}

.footer h2 {
	color:white;
	font-size:20px;
	margin-bottom:24px;
}

.footer p {
	color:white;
	font-size:14px;
	font-weight:400;
}

.footer-nav {
	display:inline-grid;
	grid-template-columns:1fr 1fr;
	row-gap:24px;
	-moz-column-gap:48px;
	     column-gap:48px;
	width:auto;
	float:left;
	margin-top:4px;
}

.footer-nav a:hover {
	color:var(--highlight-green);
}

.footer-nav a {
	font-family: 'Montserrat', sans-serif; 
	font-size:14px;
	font-weight:600;
	line-height:14px;
	color:white;
	width:auto;
	float:left;
	clear:both;
	cursor:pointer;
	display:inline-block;
}

.footer > div:first-child .col:first-child {
	max-width:360px;
	width:30%;
}
.footer > div:first-child .col:nth-child(2) {
	min-width:calc(100% - 832px);
	max-width:30%;
}
.footer > div:first-child .col:last-child {
	width:30%;
	max-width:400px;
}

.contact-info {
	display:inline-flex;
	width:100%;
	align-items:flex-start;
	justify-content:space-between;
}

.contact .subheading.white {
    margin-bottom:20px;
}

.contact-info img {
	height:14px;
	width:auto;
	display:inline-block;
	float:left;
	margin-top:4px;
}

.contact-info p {
	width:calc(100% - 30px);
	font-size:14px;
	font-weight:600;
	line-height:1.6;
	color:white;
}

.contact-info p a {
	color:white;
	font-size:14px;
	font-weight:600;
	line-height:1.3;
}

.contact-info p a:hover {
	color:var(--highlight-green);
}

.footer-about {
	margin-bottom:20px;
}

.social-icons a {
	display:inline-block;
	float:left;
	width:auto;
	margin-right:25px;
}

.social-icons img {
	width:auto;
	height:18px;
	display:inline-block;
}


.bottom-footer {
	background-color:var(--body-dark-green);
}


.copyright {
	color:white;
	font-size:14px;
}

.policies,
.policies a,
.policies span {
	font-family: 'Montserrat', sans-serif; 
	font-size:14px;
	font-weight:500;
	line-height:14px;
	color:white;
}

.policies a:hover {
	color:var(--highlight-green);
}

.policies span {
	color:var(--highlight-green);
	margin:0 5px;
}





@media(max-width:1024px) {
	
	.footer .container-inner {
		margin-bottom:75px;
	}
	
	.footer .col:first-child {
		width:100%;
		margin-right:0;
		margin-bottom:50px;
	}
	
	.footer .col:nth-child(2) {
		width:calc(50% - 17.5px);
		margin-right:35px;
		margin-bottom:50px;
	}
	
	.footer .col:last-child {
		width:calc(50% - 17.5px);
		margin-right:0;
		margin-bottom:0;
	}
	
	.footer-nav {
		-moz-column-count:4;
		     column-count:4;
	}
	
	.bottom-footer .col.col-1-2 {
		width:calc(50% - 50px)
	}
	.bottom-footer .col.col-1-2:first-child {
		margin-right:100px;
		margin-bottom:0;
	}
}

@media(max-width:768px) {
	.footer .col:nth-child(2) {
		margin-bottom:0;
	}
}

@media(max-width:767px) {
	
	.footer .container-inner {
		margin-bottom:0;
	}
	
	.footer .bottom-footer {
		margin-bottom:0;
	}
	
	
	.footer .col:nth-child(n) {
		width:100% !important;
		max-width:100% !important;
		margin-right:0;
		margin-bottom:40px;
	}
	
	.footer-nav {
		width:100%;
		grid-template-columns:1fr 1fr;
		-moz-column-gap:16px;
		     column-gap:16px;
			row-gap:16px;
	}
	.footer-nav a {line-height:1.5;}
	
	.bottom-footer .col {
		width:100%;
		margin-right:0;
	}
	
	.bottom-footer .col.col-1-2:first-child {
		margin-bottom:20px;
		margin-right:0;
	}
	
	.bottom-footer .col:last-child {
		text-align:left;
		margin-bottom:0;
	}

	.bottom-footer {margin-top:0 !important;}

	.footer > div:first-child .col:last-child {
		max-width:90% !important;
		margin-top:8px;
	}
	.footer > div:first-child .col:last-child > div {
		-moz-column-gap:24px !important;
		     column-gap:24px !important;
	}

	.footer p,
	.copyright,
	.policies,
	.policies a,
	.policies span,
	.footer-nav a {
		font-size:13px;
	}
	
}




/* ----- Service Grid ----- */

.service-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap:24px;
    margin-top:36px;
}

.service {
	display:inline-block;
	width:100%;
	float:left;
	transition: all .5s ease;
	border:2px solid rgba(75, 164, 82, 0.15);
	padding:24px;
	border-radius:1rem;
	background-color:white;
}

.service:hover {
	background-color:var(--body-dark-green);
}
.service:hover * {
	color:white;
}
.service:last-child {
	margin-bottom:0;
}

.service h3 {
	font-size:20px;
}

.service-icon {
	width:auto;
	height:48px;
	display:inline-block;
	float:left;
	clear:both;
	margin-bottom:20px;
}

@media (max-width:1180px) and (orientation:landscape) {

    .service-grid {
        grid-template-columns: 1fr 1fr;
    }
    
	
}

@media (max-width:1180px) and (orientation:portrait) {
    
    .service-grid {
        grid-template-columns: 1fr 1fr;
    }
	
	
}

@media(max-width:767px) {
	.services .container-inner {
	}

     .service-grid {
        grid-template-columns: 1fr;
		grid-gap:16px;
		margin-top:24px;
    }
	
	.service h3 {
		font-size:20px;
	}

	
}




/* ----- Testimonials ----- */

.testimonials {
	background-color:white;
}

.testimonials .container-inner {
	height:1040px;
	overflow:hidden;
	position:relative;
	width: calc(90% + 40px);
	max-width:1480px;
}

.testimonial-logos {
	display:inline-flex;
	flex-direction:row;
	-moz-column-gap:48px;
	     column-gap:48px;
	align-items:center;
	justify-content:center
	
}

.testimonials.view-all-1 .container-inner {
	height: 2500px;
}

.testimonials.view-all-2 .container-inner {
	height: 4000px;
}

.testimonials.view-all-3 .container-inner {
	height: 5500px;
}

.testimonials.view-all-4 .container-inner {
	height: 7000px;
}

.testimonials.view-all-last .container-inner {
	height:auto;
}

.view-all-last .testimonials-gradient,
.view-all-last .view-all-testimonials {
	display: none;
}




.testimonials .subheading {
	margin-bottom:0;
}

.testimonials-container {
	width: 100%;
	display: inline-block;
	padding:0 20px 100px 20px;
	-moz-column-count:2;
	     column-count:2;
	-moz-column-gap:32px;
	     column-gap:32px;
	position:relative;
	height:auto;
}

.testimonial-box {
	width:100%;
	background-color: rgba(238, 247, 235, 0.5);
	border-radius:16px;
	padding: 36px;
	text-align: left;
	margin-top: 32px;
	-moz-column-break-inside: avoid;
	     break-inside: avoid;
	float: left;
	will-change: transform;
	display: grid;
	grid-template-rows: 1fr auto;
	break-inside: avoid;

}

.testimonial-content {
	margin-bottom:15px;
}

.testimonial-author {
	color:var(--title-dark-green);
	font-weight:700;
	line-height:1.5;
}

.testimonial-location {
	color:var(--highlight-green);
	font-weight:600;
	line-height:1.5;
}

.testimonials-gradient {
	display: inline-block;
	width: calc(100% + 50px);
	margin-left: -25px;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	height: 300px;
	z-index: 2;
	position:absolute;
	bottom:0;
	margin-top:0;
	left:0;
}

.view-all-testimonials {
	z-index: 3;
	width: 100%;
	float: left;
	position:absolute;
	bottom:75px;
}




	


	.star-rating {
		display:inline-flex;
		align-items:flex-start;
		-moz-column-gap:1px;
		     column-gap:1px;
		flex-direction:row;
		justify-content:flex-start;
	}
	.star-rating svg {
		width:22px !important;
	} 

/* ---------- Mobile & Tablet Query ---------- */
@media (max-width:768px) {
	
	.testimonials .container-inner {
		width: calc(90% + 40px)
	}
	.testimonial-logos {
			-moz-column-gap:24px;
			     column-gap:24px;
			max-width:90%;
			margin-top:16px;
		}

	.testimonials .testimonials-container {
		width:100%;
		margin-left:0;
		padding-bottom:75px;
		-moz-column-count:2;
		     column-count:2;
	}

	.testimonials .col-1-3 {
		width:100%;
		margin-right:0;
		margin-bottom:0;
	}

	.testimonial-author,
	.testimonial-location {
		font-size:15px;
	}

	.star-rating svg {
		width:20px !important;
	} 

}

/* ---------- Mobile Query ---------- */
@media (max-width:767px) {

	.testimonials .testimonials-container {
		width:100%;
		margin-left:0;
		padding-bottom:50px;
		-moz-column-count:1;
		     column-count:1;
	}
	
	.testimonials .container-inner {
		height:1000px;
	}
	
	.testimonials .subheading,
	.testimonials h2 {
		padding: 0 5vw;
	}

	.testimonial-box:nth-child(n) {
		padding: 24px;
		margin-top:16px;
	}
	
	.testimonial-box:first-child {
		margin-top:8px;;
	}
}






/* ----- Post Grid ----- */

.post-grid {
	display:inline-block;
	width:100%;
}
.post-card {
	display:inline-block;
	float:left;
	box-shadow: 0px 0px 10px rgb(15 75 57 / 20%);
	border-radius:16px;
	background-color:white;
	overflow:hidden;
}






.post-card .thumbnail {
	height:270px;
	-o-object-fit:cover;
	   object-fit:cover;
	width:100%;
	max-width:100%;
}
.post-card .thumbnail.placeholder {
    background-color:var(--pale-green);
}

.post-card p {
	margin-bottom:8px;
}
.post-card .underline {
	font-size:16px;
	font-weight:700;
	color:var(--title-dark-green);
	cursor:pointer;
}
.post-card .underline:hover {
	color:var(--interactive-green);
}
.post-card .info {
	padding: 32px;
}

@media(min-width:768px) and (max-width:1180px) and (orientation:landscape) {
	.post-card .thumbnail {
		height:220px;
	}
	
	.post-card .info {
		padding: 24px;
	}

}










/* ----- Common Issues ----- */

.common-issues .title-section {
	display:inline-flex;
	width:100%;
	margin-bottom:50px;
	align-items:flex-end;
	justify-content:space-between;
}

.nav-button-square {
	width:50px;
	height:auto;
	cursor:pointer;
	display:inline-block;
	float:left;
}

.nav-left {
	transform: rotate(180deg);
}

.nav-right {
	margin-left:15px;
}

.grid-nav {
    min-width:115px;
}

@media(max-width:768px) {
	.common-issues .title-section {
		display:inline-flex;
		width:100%;
		margin-bottom:20px;
	}
	.common-issues .grid-nav {
		display:none;
	}
	.common-issues .post-card:first-child {
		margin-left:5vw;
	}
	.common-issues .post-card:last-child {
		margin-right:5vw;
	}
	.common-issues .post-card:nth-child(n) {
		display:inline-block;
        vertical-align:top;
	}
	.common-issues .post-card {
		width:340px;
		white-space:normal;
		float:none;
		margin-right:5vw;
	}
	.post-card .info {
		padding: 25px;
	}
	.common-issues .post-grid {
		width: 100vw;
		margin-left:-5vw;
		display: inline-block;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
		float: left;
		padding-bottom:25px;
		padding-top:10px;
	}
	.common-issues .post-grid::-webkit-scrollbar {
		height:0;
		width:0;
		display:none;
	}
}

@media(max-width:767px) {
	.common-issues .post-card {
		width:80vw;
	}
	.post-card .thumbnail {
		height:230px;
	}
}






/* ----- Areas Served ----- */

.areas-served .container-inner {
	display:inline-flex;
	align-items:center;
}
.areas-served .underline {
	font-size:16px;
	font-weight:700;
	color:var(--title-dark-green);
	cursor:pointer;
}
.areas-served .underline:hover {
	color:var(--interactive-green);
}

.areas-served .locations-grid {
	display:inline-grid;
	grid-template-columns:1fr 1fr 1fr;
	width:auto;
	grid-gap:8px;
}

.areas-served .locations-grid .location {
	font-size:16px;
	font-weight:700;
	color:var(--title-dark-green);
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	width:100%;
}

.areas-served .locations-grid .location:hover {
	color:var(--interactive-green);
}

.areas-served .locations-grid .location img {
    height: 16px;
    width: auto;
    display: inline-block;
    float: left;
	margin-right:10px;
}



@media(max-width:768px) {
	.areas-served .container-inner {
		flex-direction:column;
	}

	.areas-served .locations-grid {
		grid-template-columns:1fr 1fr;
		-moz-column-gap:24px;
		     column-gap:24px;
	}
	
	.areas-served iframe {
		height:360px !important;
	}
}




/* Contact Section */
.contact {
	background-color:var(--title-dark-green);
}




.contact .subheading {
	display:inline-block;
	clear:both;
	float:left;
}

.contact .container-inner {
	display:inline-flex;
	align-items:center;
}

.contact .social-icons {
	margin-top:10px;
}

.contact-form {
	width:100%;
	background-color:white;
	border-radius:16px;
	padding:40px;
	display:inline-block;
}

.contact .contact-info p,
.contact .contact-info p a {
	font-size:15px;
}

.contact .contact-info img {
	height:16px
}




/* Contact Form */

.contact .field.half-width {
	display:inline-block;
	float:left;
	width:calc(50% - 15px);
	margin-bottom:4px;
}
.contact .field.half-width.first {
	margin-right:30px;
}

.contact label {
	font-family: 'Montserrat', sans-serif; 
	font-size:14px;
	font-weight:600;
	color:var(--body-dark-green);
	margin-bottom:5px;
}

.contact .wpcf7-form-control-wrap {
	margin:0;
}

.contact input[type=text],
.contact input[type=tel],
.contact input[type=email] {
	background-color:white;
	font-family: 'Montserrat', sans-serif; 
	font-size:15px;
	font-weight:400;
	color:var(--body-dark-green);
	border:1.5px solid #E6E6E6;
	border-radius:5px;
}

.contact textarea {
	background-color:white;
	font-family: 'Montserrat', sans-serif; 
	font-size:15px;
	font-weight:400;
	color:var(--body-dark-green);
	border:1.5px solid #E6E6E6;
	border-radius:5px;
	height:120px;
	min-height:120px;
	max-height:250px;
	min-width:100%;
	max-width:100%;
	margin-top:3px;
}

.contact input[type=submit] {
	background-color:var(--interactive-green);
	font-family: 'Montserrat', sans-serif; 
	font-size:15px;
	font-weight:700;
	color:white;
	transition: all .5s ease;
	border-radius:8px;
}

.contact input[type=submit]:hover {
	background-color:var(--highlight-green);
}

.contact form > p {
	display:inline-flex;
	align-items:center;
	margin:0;
}

.contact .wpcf7-not-valid-tip {
	margin:5px 0 0 0;
	font-family: 'Montserrat', sans-serif; 
	font-size:13px;
	font-weight:600;
	line-height:1.4;
}

.contact .wpcf7 form .wpcf7-response-output {
	margin:20px 0 0 0;
	padding:20px;
	border:none;
	background-color:var(--body-dark-green);
	border-radius:5px;
	color:white;
	float:left;
	width:100%;
	line-height:1.5;
	font-family: 'Montserrat', sans-serif; 
	font-size:15px;
	font-weight:500;
}

@media(max-width:768px) {
	.contact .container-inner {
		display:inline-block;
	}
	.contact .col {
		width:100%;
		margin-right:0;
		margin-bottom:75px;
	}
	.contact .col:last-child {
		margin-bottom:0;
	}
}

.mobile {display:none;}


@media(max-width:767px) {
.mobile {display:block;}
	.contact-form {
		padding:25px;
	}
	
	.contact .col {
		margin-bottom:24px;
	}
	
	.contact .field.half-width {
		width:100%;
	}
	
	.contact .field.half-width.first {
		margin-right:0;
	}
}








/* CTA Section */
.cta {
	background-color:var(--title-dark-green);
}

.cta .container-inner {
	margin:100px 0;
}

.cta .col:first-child {
    width:calc(50% - 30px);
    margin-right:60px;
}

.cta .col:last-child {
    width:calc(50% - 30px);
}

.cta .mobile {
	display:none;
}

.cta h2 {
	font-size:28px;
	color:white;
}
.cta p,
.cta-fixed h2,
.cta-fixed p {
	color:white;
}


.cta-fixed {
	background-color:var(--title-dark-green);
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	pointer-events:none;
	z-index:5;
	transition:opacity 0.3s ease;
}

.cta-fixed.active {
	opacity:1;
	pointer-events:all;
}

.cta-fixed .container-inner {
	margin:20px 0;
	display:inline-flex;
	justify-content:space-between;
	align-items:center;
}

.cta-fixed h2 {
	font-size:24px;
	margin-bottom:0;
}

.cta-fixed .button {
    min-width:320px;
    margin-left:35px;
}

.cta.active p {
	display:none;
}

@media(min-width:768px) and (max-width:1180px) and (orientation:landscape) {
	.cta .container-inner {
		margin:75px 0;
	}
	
	.cta h2 {
		font-size:26px;
	}
	
	.cta-fixed h2 {
		font-size:20px;
	}
}

@media(max-width:768px) {
    
    .cta .container-inner {
		margin:75px 0;
	}
    
    .cta .col:first-child {
        width:100%;
        margin-right:0;
    }
	
	.cta-fixed h2 {
		font-size:19px;
	}
	
	.cta-fixed .button {
		min-width:290px;
		margin-left:35px;
        font-size:15px;
        padding:15px;
	}
	
	.cta .desktop {
		display:none;
	}
	
	.cta .mobile {
		display:inline-block;
	}
	
	.cta-text {
		margin-bottom:25px;
	}
	
	.cta .col {
		margin-bottom:0;
	}
}

@media(max-width:767px) {
	.cta .container-inner {
		margin:60px 0;
	}
	
	.cta h2 {
		font-size:21px;
	}
	
	.cta-fixed .container-inner {
		display:inline-block;
	}
	
	.cta-fixed h2 {
		font-size:18px;
	}
	
	.cta-fixed .button {
		min-width:0;
		margin-left:0;
		margin-top:10px !important;
        font-size:15px;
        padding:15px;
	}

}




/* Treatments section */

.treatments .container-inner {
	background-color:var(--pale-green);
	border-radius:16px;
	padding:100px;
}
.treatments-grid {
	width:100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	-moz-column-gap: 25px;
	     column-gap: 25px;
	margin-top:25px;
}

.treatment {
	margin-top:25px;
	padding:35px;
	background-color:white;
	box-shadow: 0px 0px 10px rgb(15 75 57 / 10%);
	text-align:left;
	border-radius:16px;
}

.treatment .underline {
	width:auto;
	clear:both;
	display:inline;
	line-height:24px;
}

.treatment p {
    margin-top:20px;
    margin-bottom:0 !important
}

@media(min-width:768px) and (max-width:1180px) and (orientation:landscape) {
	.treatments .container-inner {
		padding:100px 50px;
        margin-top:100px;
	}
	
	.treatment {
		padding:30px;
	}
}

@media(max-width:768px) {
	
	.treatments .container-inner {
		width:100%;
		margin-bottom:0;
		padding:75px 5%;
	}
}

@media(max-width:767px) {
	.treatments-grid {
		grid-template-columns: 1fr;
        margin-top:15px;
	}
    
    .treatment {
        padding:25px;
    }

}


/* About section */


.about-image {
	background-image:url(https://www.popetreeservice.com/wp-content/uploads/2026/03/pope-family2-1-optimized.jpg);
	background-size:cover;
	background-position: 50% 50%;
	height:420px;
	border-radius:16px;
}

.about .container-inner {
	display:inline-flex;
    align-items:center;
}

@media(max-width:768px) {
	.about .container-inner {
		flex-direction:column;
		row-gap:32px;
	}
	.about-image {
		aspect-ratio:4/3;
		height:auto !important;
	}
}




/* ---------- Projects Section ---------- */
	
.our-projects .container-inner {
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
}

@media(max-width:768px){

	.our-projects .container-inner {
		flex-direction:column-reverse;
		row-gap:32px;
	}

}


/* ---------- Types of Plants Carousel Section ---------- */



.title-section div {
    max-width:100%;
}




@media(max-width:768px) {
	

	.post-card .info {
		padding: 25px;
	}

}













/* ---------- Before & After Section ---------- */


.project-nav {
	display:inline-flex;
	float:left;
	width:calc(100% - 40px);
	-moz-column-gap:16px;
	     column-gap:16px;
	justify-content:space-between;
	position:absolute;
	z-index:10;
	left:20px;
	bottom:20px;
}

.project-container {
	display:none;
	width:100%;
	float:left;
}

.project-container.active {
	display:inline-block;
}

.project-nav div {
	font-family:'Montserrat', sans-serif;
	font-size:16px;
	font-weight:700;
	padding:10px 20px;
	display:inline-flex;
	align-items:center;
	background-color:var(--interactive-green);
	width:auto;
	cursor:pointer;
	color:white;
	line-height:25px;
	float:left;
	border-radius:8px;
	transition:all .3s ease;
}
.project-nav div:hover {
	background-color:var(--highlight-green);
	color:white;
}

.project-nav img {
	width:19px;
	height:auto;
	display:inline-block;
	transition:all .3s ease;
	-webkit-filter:brightness(1);
	        filter:brightness(1);
}

.nav-project-left img {
	margin-right:8px;
}

.nav-project-right img {
	margin-left:8px;
}
.project-nav {
	display:inline-flex;
	float:left;
	width:calc(100% - 40px);
	-moz-column-gap:16px;
	     column-gap:16px;
	justify-content:space-between;
	position:absolute;
	z-index:10;
	left:20px;
	bottom:20px;
}
.project-nav div:hover img {
	-webkit-filter:brightness(100);
	        filter:brightness(100);
}

@media(max-width:767px) {
	.project-nav {
		width:calc(100% - 20px);
		left:10px;
		bottom:10px;
	}
	.project-nav div {
		font-size:15px;
		padding:8px 12px;
	}
	.project-nav img {
		width:18px;
	}
}



.before-after {
        display:inline-flex;
        width:100%;
        height:560px;
        position:relative;
        float:left;
        justify-content:space-between;
        align-items:center;
    }

    
    
    .before-after-label {
        font-family:'Montserrat', sans-serif;
        font-weight:700;
        position:absolute;
        padding:10px 15px;
        line-height:16px;
        background-color:white;
        font-size:15px;
        color:var(--body-dark-green);
        border-radius:8px;
        top:20px;
    }
    
    .before.before-after-label {
        left:20px;
        z-index:4;
    }
    
    .after.before-after-label {
        right:20px;
        z-index:2;
    }

    
    .before-after-info {
        display:inline-flex;
        align-items:flex-start;
        justify-content:space-between;
        width:100%;
        margin-top:15px;
    }
    
    .before-after-info h3 {
        margin:0;
    }
    
    .before-after-info p {
        margin-bottom:0;
    }
    
    
    .before-image {
        display:inline-block;
        height:560px;
        width:calc(50% - 3px);
		border-radius:16px 0 0 16px;
		overflow:hidden;
    }
    
    .after-image {
        display:inline-block;
        height:560px;
        width:calc(50% - 3px);
        z-index:1;
		border-radius:0 16px 16px 0;
		overflow:hidden;
    }
    
    .before-after-image {
        height:560px;
        width:100%;
        -o-object-fit:cover;
           object-fit:cover;
    }

	.common-questions h3 {font-size:20px;}

    
    @media(min-width:768px) and (max-width:1180px) and (orientation:landscape) {
        .before-after,
        .before-image,
        .after-image,
        .before-after-image {
            height:460px;
        }
    }
 
    @media(max-width:767px) {
        .before-after {
            height:280px;
        }

        .before-after-image {
            width:100%;
            height:280px;
        }
        
        .before-after-label {
            padding:5px 9px;
            line-height:15px;
            font-size:12px;
            top:10px;
        }

        .before.before-after-label {
            left:10px;
        }

        .after.before-after-label {
            right:10px;
        }
        
        .before-image {
            height:280px;
            width:calc(50% + -2px);
        }
        
        .after-image {
            height:280px;
            width:calc(50% + -2px);
        }

        
        .before-after-info h3 {
            font-size:16px;
        }
        
        .before-after-info p {
            font-size:13px;
            line-height:23px;
        }

.common-questions h3 {font-size:18px;}
        
    }


.white {
	color:white;
}