.service_box:hover {
    background: #000000 !important;
}

h3.whychoose-heading {
    color: #2AA8A0;
}

#why_choose_us h3.whychoose-heading:after {
    background-color: #2AA8A0;
}

#why_choose_us h3.whychoose-heading:before {
	background-color: #2AA8A0;}

#slider h6:after{
    background-color: #2AA8A0;
}
#slider h6:before{
    background-color: #2AA8A0;
}

h4.slide-title {
    letter-spacing: 5px !important;
}

#about h3:after {
    left: 12%;
}

#about h3:before {
    left: 12%;
}



#business_gallery h3.gallery-heading:after {
	 left: 14%;
    background-color: #2AA8A0;
}
#business_gallery h3.gallery-heading:before {
    background-color: #2AA8A0;
	 left: 14%;
}


#header {
  background-color: #000000;
	color: white !important; 
}

/* Free Estimate nav button */
#menu-item-1167 > a {
	    background-color: #2AA8A0;
	    color: #ffffff !important;
	    padding: 8px 18px !important;
	    border-radius: 4px;
	    font-weight: 700;
	    letter-spacing: 0.5px;
	    transition: background-color 0.2s ease;
}

#menu-item-1167 > a:hover {
	    background-color: #1a8a84;
	    color: #ffffff !important;
}
}
}

/* Free Estimate nav button */
#menu-item-1167 > a {
    background-color: #2AA8A0;
    color: #ffffff !important;
    padding: 8px 18px !important;
    border-radius: 4px;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: background-color 0.2s ease;
}

#menu-item-1167 > a:hover {
    background-color: #1a8a84;
    color: #ffffff !important;
}

/* ================================================
   SAGE & TEAL PALETTE + FONT OVERRIDES
   ================================================ */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Lexend:wght@300;400;500;600&display=swap');

/* --- Fonts --- */
body, p, li, td, th, input, textarea, select, button, a {
    font-family: 'Lexend', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.site-title, .widget-title,
h4.slide-title, h3.whychoose-heading,
h3.gallery-heading, h3.section-title,
.entry-title, .page-title {
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: 0.03em;
}

/* --- Dark ground backgrounds --- */
#header, #masthead, .site-header,
#footer, .site-footer, footer,
.footer-bgcol-lg-12, #footer-widget,
.bottom-footer, #colophon {
    background-color: #172620 !important;
    color: #F0F5F3 !important;
}

/* --- Light ground backgrounds --- */
body, .site-content, #content,
.services-section, #services,
#about, .about-section {
    background-color: #F0F5F3 !important;
}

/* --- Teal accent: links & buttons --- */
a { color: #2AA8A0; }
a:hover { color: #1a8a84; }

.btn, .button, input[type="submit"],
.wpcf7-submit, .btn-default, .btn-primary {
    background-color: #2AA8A0 !important;
    border-color: #2AA8A0 !important;
    color: #ffffff !important;
}

.btn:hover, .button:hover, input[type="submit"]:hover,
.wpcf7-submit:hover {
    background-color: #1a8a84 !important;
    border-color: #1a8a84 !important;
}

/* --- Nav link hover --- */
#site-navigation a:hover,
.main-navigation a:hover {
    color: #2AA8A0 !important;
}

/* --- Section headings / decorators --- */
h3:after, h3:before,
.section-title:after, .section-title:before {
    background-color: #2AA8A0 !important;
}

/* --- Slider / hero --- */
#slider h4.slide-title, .slide-title {
    color: #F0F5F3;
}

/* --- Free Estimate nav button override --- */
#menu-item-1167 > a {
    background-color: #2AA8A0 !important;
}
#menu-item-1167 > a:hover {
    background-color: #1a8a84 !important;
}

/* --- Service boxes --- */
.service_box:hover {
    background: #172620 !important;
}

/* --- Why choose us section --- */
#why_choose_us {
    background-color: #F0F5F3 !important;
}

/* --- Gallery section --- */
#business_gallery {
    background-color: #172620 !important;
    color: #F0F5F3 !important;
}
#business_gallery h3.gallery-heading {
    color: #F0F5F3 !important;
}


/* ================================================
   TARGETED RED → TEAL OVERRIDES (with !important)
   ================================================ */

/* Social icons */
a.insta, a.facebook, a.insta i, a.facebook i,
.header-social a, .social-links a {
    color: #2AA8A0 !important;
}

/* Section subheadings */
h6.subheading, .subheading, h6[class*="subheading"] {
    color: #2AA8A0 !important;
}

/* Slider CTA button */
.slidr-button, div.slidr-button, .slider-btn {
    background-color: #2AA8A0 !important;
    border-color: #2AA8A0 !important;
}
.slidr-button a, .slidr-button:hover {
    background-color: #1a8a84 !important;
}

/* Slider dots */
li.active, .slick-dots li.slick-active button,
.flex-control-paging li a.flex-active {
    background-color: #2AA8A0 !important;
}

/* All h3 headings (if red) */
h3, h3.whychoose-heading, h3.service-heading,
h3.gallery-heading, h3.section-title, h3.about-heading {
    color: #1a1a1a !important;
}

/* Checkmark icons */
i.fas.fa-check, .fa-check, .check-icon {
    color: #2AA8A0 !important;
}

/* About / Service buttons */
.about-button, div.about-button,
.service-button, div.service-button,
.read-more-btn {
    background-color: #2AA8A0 !important;
    border-color: #2AA8A0 !important;
    color: #ffffff !important;
}
.about-button a, .service-button a {
    color: #ffffff !important;
}

/* Service boxes */
.service_box, div.service_box {
    background-color: #2AA8A0 !important;
}
.service_box:hover {
    background-color: #172620 !important;
}
.service_box h3, .service_box h3.service-heading {
    color: #ffffff !important;
}

/* Feature/icon boxes */
i.fas.fa-car, i.far.fa-smile,
.feature-icon, [class*="icon-box"],
.icon-box i, .feature-box i,
.whychoose-icon i, #why_choose_us i {
    background-color: #2AA8A0 !important;
    color: #ffffff !important;
}

/* Why choose us */
h3.whychoose-heading {
    color: #2AA8A0 !important;
}

/* Section heading decorative lines */
h3:after, h3:before,
.section-title:after, .section-title:before,
h2:after, h2:before {
    background-color: #2AA8A0 !important;
}

/* Any remaining red buttons / links */
.btn-default, .btn-primary, .theme-btn,
a.btn, button.btn {
    background-color: #2AA8A0 !important;
    border-color: #2AA8A0 !important;
    color: #ffffff !important;
}

/* Slider / hero subheading line */
#slider h6, .slide-subtitle, h6.subheading {
    color: #2AA8A0 !important;
}

/* Footer links */
.site-footer a, #footer a, footer a {
    color: #2AA8A0 !important;
}


/* ================================================
   REMAINING RED → TEAL FIXES
   ================================================ */

/* h6 subheading decorative lines (pseudo-elements) */
h6.subheading:after, h6.subheading:before,
h6:after, h6:before {
    background-color: #2AA8A0 !important;
    border-color: #2AA8A0 !important;
}

/* Stat/counter icons */
i.fas.fa-taxi, i.fas.fa-trophy,
i.fas.fa-car-alt, i.fas.fa-tools,
.counter-section i, .fun-facts i,
[class*="counter"] i, [class*="fun"] i {
    background-color: #2AA8A0 !important;
    color: #ffffff !important;
}

/* Gallery upload / overlay */
a.cd-upload-btn, .cd-upload-btn {
    color: #2AA8A0 !important;
}
.icon_overlay, div.icon_overlay {
    color: #2AA8A0 !important;
}

/* Testimonial button */
.testimonial-button, div.testimonial-button,
.testimonial-button a {
    background-color: #2AA8A0 !important;
    color: #ffffff !important;
}

/* Carousel / owl dots */
button.owl-dot.active, .owl-dot.active span,
.owl-dot:hover span {
    background-color: #2AA8A0 !important;
}

/* Footer / contact icons */
i.fas.fa-phone, i.fas.fa-map-marker-alt,
i.fas.fa-envelope-open, i.fas.fa-envelope,
i.fas.fa-map-marker, .contact-info i,
.footer-contact i {
    color: #2AA8A0 !important;
}

/* Any remaining red paragraphs */
#footer p, .footer-widget p, .footer-text p {
    color: #F0F5F3 !important;
}

/* Social icon links */
a.insta, a.facebook, a.twitter, a.youtube,
.social-icon a, .header-social a {
    color: #2AA8A0 !important;
}
a.insta:hover, a.facebook:hover {
    color: #1a8a84 !important;
}

/* "Home" nav link red color */
#site-navigation a[href="/"],
.main-navigation a { color: #F0F5F3 !important; }
.main-navigation a:hover { color: #2AA8A0 !important; }

/* Gallery overlay text */
.tp-gallery-overlay, .gallery-overlay p { color: #2AA8A0 !important; }


/* ================================================
   FINAL FIXES - Force override remaining red elements
   ================================================ */

/* Gallery heading decorative lines */
h3.gallery-heading:after, h3.gallery-heading:before,
#business_gallery h3:after, #business_gallery h3:before,
#business_gallery h3.gallery-heading:after,
#business_gallery h3.gallery-heading:before {
    background-color: #2AA8A0 !important;
}

/* OUR PHOTOS section heading */
#business_gallery h3.gallery-heading,
h3.gallery-heading {
    color: #F0F5F3 !important;
}

/* TP Gallery BEFORE/AFTER label bars - override any red borders/backgrounds */
.tp-gallery-item, .tp-gallery-item *,
[class*="tp-gallery"] span,
.tp-gallery-before-after,
.tp-gallery-before, .tp-gallery-after {
    border-color: #2AA8A0 !important;
    background-color: transparent;
}
.tp-gallery-item span[style*="background"],
.tp-gallery-item div[style*="background:#dd0000"],
.tp-gallery-item div[style*="background: #dd0000"] {
    background-color: #2AA8A0 !important;
}

/* Slider decorative lines (h6.subheading) */
#slider h6.subheading:after,
#slider h6.subheading:before,
.subheading:after, .subheading:before {
    background-color: #2AA8A0 !important;
}

/* Force all red backgrounds to teal anywhere remaining */
[style*="background:#dd0000"],
[style*="background: #dd0000"],
[style*="background-color:#dd0000"],
[style*="background-color: #dd0000"] {
    background-color: #2AA8A0 !important;
}
[style*="color:#dd0000"],
[style*="color: #dd0000"] {
    color: #2AA8A0 !important;
}


/* Why Choose heading decorative line - force teal */
#why_choose_us h3.whychoose-heading:after,
#why_choose_us h3.whychoose-heading:before,
.whychoose-heading:after, .whychoose-heading:before {
    background-color: #2AA8A0 !important;
    border-color: #2AA8A0 !important;
}

/* Gallery image links - clear red inherited color */
#business_gallery a, #business_gallery a:visited,
.tp-gallery a, .tp-gallery a:visited,
[class*="tp-gallery"] a {
    color: #ffffff !important;
}

/* Gallery images don't need color overrides but clear inheritance */
#business_gallery img, .tp-gallery img {
    color: transparent !important;
}
#newsletter .newsletter-head input[type="submit"] {
  position: absolute;
  top: 0px;
}

/* ---- Book an Appointment nav button ---- */
#menu-item-book > a {
    background-color: #2AA8A0 !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 7px 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    font-size: 0.8em !important;
    transition: background 0.2s !important;
    display: inline-block !important;
}
#menu-item-book > a:hover {
    background-color: #1a8a84 !important;
    color: #fff !important;
}

/* ---- Fix: hide stray CF7 submit button outside contact form ---- */
body > input[type="submit"],
.site-header input[type="submit"],
.site input[type="submit"]:not(.wpcf7-form input[type="submit"]):not(#newsletter input[type="submit"]) {
    display: none !important;
}


/* ---- Book an Appointment nav button ---- */
#menu-item-book > a {
    background-color: #2AA8A0 !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 7px 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    font-size: 0.8em !important;
    transition: background 0.2s !important;
    display: inline-block !important;
}
#menu-item-book > a:hover {
    background-color: #1a8a84 !important;
    color: #fff !important;
}

/* ---- Fix: hide stray CF7 submit button outside contact form ---- */
body > input[type="submit"],
.site-header input[type="submit"],
.site input[type="submit"]:not(.wpcf7-form input[type="submit"]):not(#newsletter input[type="submit"]) {
    display: none !important;
}
/* Two-column row */
.cf7-two-col {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.cf7-two-col label {
  flex: 1;
  min-width: 140px;
}

/* Three-column row (Car Year / Make / Model) */
.cf7-three-col {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.cf7-three-col label {
  flex: 1;
  min-width: 100px;
}

/* General input styling */
.wpcf7 label {
  display: block;
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 14px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 15px;
  box-sizing: border-box;
  margin-top: 4px;
  background: #fff;
}
.wpcf7 select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
}
.wpcf7 textarea {
  min-height: 120px;
  resize: vertical;
}
.wpcf7 input[type="submit"] {
  border-radius: 6px;
  padding: 12px 36px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  letter-spacing: 0.3px;
}
@media screen and (max-width: 1023px) {
  .toggle-nav i {
    color: #ffffff !important;
  }
}
@media screen and (max-width: 1023px) {
  .toggle-nav i {
    color: #ffffff !important;
  }

  .sidenav {
    background-color: rgb(23, 38, 32) !important;
  }
}