/* Advanced Tree Service – WordPress Inline Styles */
.ats-wrapper * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.ats-wrapper {
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333333;
}
/* Navigation */
.ats-navbar {
background: linear-gradient(135deg, #2d5a27, #4a7c43);
padding: 1rem 0;
width: 100%;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.ats-nav-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.ats-logo {
display: flex;
align-items: center;
gap: 0.5rem;
}
.ats-logo h1 {
color: #ffffff;
font-size: 1.5rem;
font-weight: 700;
}
.ats-logo .ats-tree-icon {
font-size: 2rem;
}
.ats-nav-links {
display: flex;
list-style: none;
gap: 2rem;
}
.ats-nav-links a {
color: #ffffff;
text-decoration: none;
font-weight: 500;
padding: 0.5rem 1rem;
border-radius: 5px;
transition: all 0.3s ease;
}
.ats-nav-links a:hover,
.ats-nav-links a.active {
background-color: rgba(255,255,255,0.2);
}
.ats-mobile-menu {
display: none;
font-size: 1.5rem;
color: #ffffff;
cursor: pointer;
}
/* Hero Section */
.ats-hero {
background: linear-gradient(rgba(45, 90, 39, 0.85), rgba(45, 90, 39, 0.9)),
url(‘
https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?w=1920’) center/cover;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #ffffff;
padding: 3rem 2rem;
}
.ats-hero-content {
max-width: 800px;
}
.ats-hero h1 {
font-size: 2.2rem;
margin-bottom: 0.75rem;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
color: #ffffff;
}
.ats-hero p {
font-size: 1.1rem;
margin-bottom: 2rem;
opacity: 0.95;
}
.ats-hero-buttons {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}
.ats-btn {
display: inline-block;
padding: 1rem 2rem;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
cursor: pointer;
border: none;
font-size: 1rem;
}
.ats-btn-primary {
background-color: #6b9b37;
color: #ffffff;
}
.ats-btn-primary:hover {
background-color: #C4893B;
transform: translateY(-2px);
}
.ats-btn-secondary {
background-color: transparent;
color: #ffffff;
border: 2px solid #ffffff;
}
.ats-btn-secondary:hover {
background-color: #ffffff;
color: #2d5a27;
}
/* Sections */
.ats-section {
padding: 5rem 2rem;
}
.ats-section-dark {
background-color: #f4f4f4;
}
.ats-container {
max-width: 1200px;
margin: 0 auto;
}
.ats-section-title {
text-align: center;
font-size: 2.5rem;
color: #2d5a27;
margin-bottom: 1rem;
}
/* About/Services Content */
.ats-about-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
.ats-about-text p {
margin-bottom: 1rem;
color: #555;
}
.ats-about-features {
list-style: none;
margin-top: 1.5rem;
}
.ats-about-features li {
padding: 0.5rem 0;
display: flex;
align-items: center;
gap: 0.5rem;
}
.ats-about-features li::before {
content: “✓”;
color: #6b9b37;
font-weight: bold;
}
.ats-about-image img {
width: 100%;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
/* Footer */
.ats-footer {
background: linear-gradient(135deg, #6B4423, #4A2F17);
color: #ffffff;
padding: 3rem 2rem 1rem;
}
.ats-footer-content {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
}
.ats-footer-section h3 {
color: #D4944A;
margin-bottom: 1rem;
font-size: 1.3rem;
}
.ats-footer-section p,
.ats-footer-section a {
color: rgba(255,255,255,0.8);
text-decoration: none;
line-height: 2;
}
.ats-footer-section a:hover {
color: #E8B86D;
}
.ats-footer-contact-item {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.ats-footer-bottom {
max-width: 1200px;
margin: 2rem auto 0;
padding-top: 1.5rem;
border-top: 1px solid rgba(255,255,255,0.1);
text-align: center;
color: rgba(255,255,255,0.6);
}
/* Responsive */
@media (max-width: 768px) {
.ats-mobile-menu {
display: block;
}
.ats-nav-links {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #2d5a27;
flex-direction: column;
padding: 1rem;
gap: 0;
}
.ats-nav-links.active {
display: flex;
}
.ats-hero h1 {
font-size: 2.5rem;
}
.ats-about-content {
grid-template-columns: 1fr;
}
}
Professional Tree Services You Can Trust
Serving West Covina and the Greater Los Angeles Area with expert tree trimming, removal, and maintenance services for over 25 years.
Mon-Sat 7am-8pm, Sun 7am-4pm
Our Services
At Advanced Tree Service, we take pride in providing top-quality tree care services to homeowners and businesses throughout West Covina and the Greater Los Angeles area for over 25 years.
Our services are:
- Tree Trimming
- Tree Removal
- Stump Grinding
- Yard and Landscaping
We are locally owned and operated. We provide free quotes in our primary areas of operation, and will give quotes outside that area for a small deposit.
Ready to Transform Your Property?
Get a free estimate today and see why West Covina trusts Advanced Tree Service!
// Mobile menu toggle
document.getElementById(‘atsMobileMenu’).addEventListener(‘click’, function() {
document.getElementById(‘atsNavLinks’).classList.toggle(‘active’);
});
// Smooth scrolling for anchor links
document.querySelectorAll(‘a[href^=”#”]’).forEach(anchor => {
anchor.addEventListener(‘click’, function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute(‘href’));
if (target) {
target.scrollIntoView({
behavior: ‘smooth’,
block: ‘start’
});
}
});
});
Advanced Tree Service 