@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,900;1,900&family=Barlow:wght@400;500;600&display=swap');

/* =====================================================
   GALLO JUNK REMOVAL — COMPLETE REDESIGN
   Layout: JunkPunks left-text / NorthernSnow bold type
   ===================================================== */

/* --- GLOBAL --- */
body {
  background: #161616 !important;
  font-family: 'Barlow', sans-serif !important;
  color: #cccccc !important;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}

p { font-family: 'Barlow', sans-serif !important; }

/* Remove ALL white backgrounds from wrappers */
.theme-wrapper, .site-content, .content-area,
#content, #page, .page-wrapper, .site-main,
main, #main, .page-content, .entry-content,
.wp-site-blocks, .is-layout-flow, .home, .page {
  background: #161616 !important;
}

/* =====================================================
   TOP INFO BAR — BLACK
   ===================================================== */
.topheader_bg {
  background: #0e0e0e !important;
  border-bottom: 2px solid #f5c518 !important;
  padding: 10px 0 !important;
}
.topheader_bg, .topheader_bg * {
  color: #ffffff !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 13px !important;
}
.topheader_bg a:hover { color: #f5c518 !important; }

/* =====================================================
   HEADER / NAV — PURE BLACK
   ===================================================== */
header.header,
.header-inner.section-inner.sr-menubar {
  background: #0e0e0e !important;
  border-bottom: 2px solid #f5c518 !important;
}

/* Logo */
.header-titles-wrapper .site-title,
.header-titles-wrapper .site-title a {
  color: #ffffff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
.header-titles-wrapper .site-description {
  color: #f5c518 !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* Nav links */
.primary-menu-wrapper a {
  color: #ffffff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}
.primary-menu-wrapper a:hover,
.primary-menu-wrapper .current-menu-item > a {
  color: #f5c518 !important;
}

/* GET STARTED button */
.header_btn a, .header2_btn a {
  background: #f5c518 !important;
  color: #000000 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  padding: 10px 24px !important;
  border: none !important;
}
.header_btn a:hover, .header2_btn a:hover {
  background: #ffffff !important;
}

/* =====================================================
   HERO — LEFT-ALIGNED, JUNKPUNKS STYLE
   Photo shows on right, dark gradient on left
   ===================================================== */

/* Hero container */
section.hero-slider.sr-slider {
  min-height: 88vh !important;
  position: relative !important;
}

/* Replace solid dark overlay with LEFT gradient
   so photo shows on right, text readable on left */
.item.home-section.home-full-height.itembf {
  position: relative !important;
}
.item.home-section.home-full-height.itembf::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.75) 0%,
    rgba(0,0,0,0.55) 40%,
    rgba(0,0,0,0.15) 70%,
    rgba(0,0,0,0.05) 100%
  ) !important;
  z-index: 2 !important;
}

/* Slider caption container — LEFT align like JunkPunks */
.slider-caption {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  height: 88vh !important;
}

/* Override the text-center class */
figcaption.caption-content,
figcaption.caption-content.text-center,
.caption-content.text-center {
  text-align: left !important;
  max-width: 55% !important;
  padding-left: 20px !important;
}

/* Badge above headline */
.caption-content .subtitle,
span.subtitle {
  display: inline-block !important;
  background: #f5c518 !important;
  color: #000000 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  padding: 6px 16px !important;
  border-radius: 2px !important;
  margin-bottom: 20px !important;
}

/* MAIN HEADLINE — massive, bright white */
figcaption.caption-content h2.title,
.caption-content h2.title,
h2.title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(52px, 7vw, 100px) !important;
  line-height: 0.92 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  text-shadow: none !important;
  letter-spacing: -1px !important;
  margin-bottom: 20px !important;
}

/* Subtext */
.caption-content p,
.slider-content p {
  color: #dddddd !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 17px !important;
  margin-bottom: 30px !important;
  text-shadow: none !important;
}

/* CTA button */
a.thm-btn,
.thm-btn {
  display: inline-block !important;
  background: #f5c518 !important;
  color: #000000 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 2px !important;
  padding: 16px 40px !important;
  text-decoration: none !important;
  transition: background 0.2s ease !important;
  box-shadow: 0 4px 20px rgba(245,197,24,0.35) !important;
}
a.thm-btn:hover, .thm-btn:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

/* =====================================================
   LOCATION STRIP — Right after hero, no gap
   ===================================================== */
section.about {
  padding-top: 0 !important;
  background: #1e1e1e !important;
  padding-bottom: 80px !important;
}
section.about::before {
  content: '📍  SERVING: Hayward  ·  Castro Valley  ·  San Leandro  ·  San Lorenzo  ·  Union City  ·  Fremont  ·  Newark' !important;
  display: block !important;
  background: #f5c518 !important;
  color: #000000 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  text-align: center !important;
  padding: 14px 20px !important;
  text-transform: uppercase !important;
  margin-bottom: 60px !important;
}

/* About section content */
section.about h2, section.about h3 {
  color: #ffffff !important;
  font-size: clamp(36px, 4vw, 60px) !important;
  line-height: 1 !important;
}
section.about p {
  color: #bbbbbb !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
}

/* =====================================================
   SERVICES SECTION
   ===================================================== */
section.service, section.service.theme-dark {
  background: #181818 !important;
  padding: 80px 0 !important;
}
section.service h2, section.service h3,
section.service.theme-dark h2 {
  color: #ffffff !important;
  font-size: clamp(36px, 4vw, 60px) !important;
}
section.service p, section.service.theme-dark p {
  color: #aaaaaa !important;
}
.service-box, .service-item {
  background: #252525 !important;
  border: 1px solid #222 !important;
  border-top: 3px solid #f5c518 !important;
  border-radius: 3px !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
.service-box:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(245,197,24,0.15) !important;
}
.service-box h3, .service-box h4 { color: #ffffff !important; }
.service-box p { color: #999999 !important; }
.service-icon i, .service-box .icon { color: #f5c518 !important; }

/* =====================================================
   TESTIMONIALS
   ===================================================== */
section.testimonial, section.testimonial.theme-light {
  background: #1e1e1e !important;
  padding: 80px 0 !important;
}
section.testimonial h2 { color: #ffffff !important; }
section.testimonial p { color: #bbbbbb !important; }
.testimonial-item, .testi-item {
  background: #252525 !important;
  border: 1px solid #222 !important;
  border-radius: 3px !important;
}

/* Section labels */
.section-subtitle {
  color: #f5c518 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 4px !important;
  font-size: 12px !important;
}

/* Stars */
.stars i, .fa-star, .star { color: #f5c518 !important; }

/* =====================================================
   FOOTER
   ===================================================== */
footer.footer, footer.footer.theme-dark {
  background: #111111 !important;
  border-top: 3px solid #f5c518 !important;
}
.site-footer { background: #0e0e0e !important; }
.site-footer a, .footer a { color: #f5c518 !important; }
.site-footer p, .footer p { color: #666 !important; }
.site-footer h3, .site-footer h4 {
  color: #ffffff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 2px !important;
}

/* =====================================================
   GLOBAL BUTTONS
   ===================================================== */
a.btn, .btn, button {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
}
.btn-primary, a.btn-primary {
  background: #f5c518 !important;
  color: #000000 !important;
  border: none !important;
}

/* =====================================================
   FORMS
   ===================================================== */
input, textarea, select {
  background: #252525 !important;
  border: 1px solid #333 !important;
  color: #ffffff !important;
  border-radius: 2px !important;
}
input:focus, textarea:focus {
  border-color: #f5c518 !important;
  outline: none !important;
}


/* =====================================================
   TARGETED FIXES — EXACT CLASS NAMES FROM DOM INSPECTION
   ===================================================== */

/* Testimonial cards — dark NOT white */
div.review {
  background: #252525 !important;
  border: 1px solid #2a2a2a !important;
  border-top: 3px solid #f5c518 !important;
  border-radius: 4px !important;
  padding: 28px !important;
}
div.review p,
div.review .wt-content p {
  color: #bbbbbb !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
div.review h4.wt-title,
div.review .wt-title {
  color: #f5c518 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
div.review .wt-meta,
div.review small,
div.review span {
  color: #666666 !important;
}

/* Service box headings — bright white */
.service-box h3,
.service-box h4,
.service-box .service-title,
.service-box a {
  color: #ffffff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 28px !important;
  text-transform: uppercase !important;
  letter-spacing: 0px !important;
}
.service-box:hover h3,
.service-box:hover h4 {
  color: #f5c518 !important;
}
.service-box p {
  color: #aaaaaa !important;
  font-family: 'Barlow', sans-serif !important;
}

/* Section title inside testimonials */
section.testimonial h1.section-title,
section.testimonial .section-title {
  color: #ffffff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(36px, 4vw, 56px) !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

/* READ MORE links */
.service-box a.read-more,
.service-box a {
  color: #f5c518 !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
}

/* Owl nav dots */
.owl-dot span { background: #333 !important; }
.owl-dot.active span { background: #f5c518 !important; }

/* --- SERVICE AREAS DROPDOWN FIX --- */
.sub-menu {
	  background: #ffffff !important;
}
.sub-menu li a {
	  color: #1a1a1a !important;
	  font-family: 'Barlow', sans-serif !important;
	  font-size: 13px !important;
	  padding: 10px 18px !important;
	  display: block !important;
	  text-transform: uppercase !important;
	  letter-spacing: 0.5px !important;
}
.sub-menu li a:hover {
	  color: #f5c518 !important;
	  background: #f5f5f5 !important;
}
}
}
}


/* =============================================
 *    FAST & AFFORDABLE SECTION REDESIGN
 *    ============================================= */
#about-section {
	  background: #1a1a1a !important;
	  padding: 80px 0 !important;
	  border-top: 3px solid #f5c518 !important;
	  border-bottom: 3px solid #222 !important;
	  position: relative !important;
}
#about-section .sr-about .row {
	  align-items: center !important;
}
#about-section .about-img img,
#about-section .col-xl-6:first-child img {
	  border: 3px solid #f5c518 !important;
	  border-radius: 4px !important;
	  width: 100% !important;
	  display: block !important;
}
#about-section h2,
#about-section .about-title {
	  font-size: clamp(28px, 3.5vw, 44px) !important;
	  font-weight: 900 !important;
	  color: #ffffff !important;
	  text-transform: uppercase !important;
	  line-height: 1.15 !important;
	  margin-bottom: 18px !important;
}
#about-section p,
#about-section .about-desc {
	  color: #bbbbbb !important;
	  font-size: 16px !important;
	  line-height: 1.8 !important;
	  margin-bottom: 28px !important;
}
#about-section .about-stats,
#about-section .row.stats {
	  display: flex !important;
	  gap: 20px !important;
	  flex-wrap: wrap !important;
	  margin-top: 28px !important;
}
#about-section .btn,
#about-section a.btn {
	  background: #f5c518 !important;
	  color: #111 !important;
	  font-weight: 700 !important;
	  text-transform: uppercase !important;
	  letter-spacing: 1px !important;
	  padding: 14px 30px !important;
	  border-radius: 4px !important;
	  display: inline-block !important;
	  text-decoration: none !important;
	  margin-top: 10px !important;
}

/* =============================================
 *    SERVICES SECTION REDESIGN
 *    ============================================= */
#service-section {
	  background: #111111 !important;
	  padding: 80px 0 !important;
}
.service-shape {
	  display: none !important;
}
#service-section .section-header {
	  margin-bottom: 50px !important;
	  text-align: center !important;
}
#service-section .section-title,
#service-section h2.section-title {
	  color: #ffffff !important;
	  font-size: clamp(28px, 4vw, 44px) !important;
	  font-weight: 900 !important;
	  text-transform: uppercase !important;
	  margin-bottom: 10px !important;
}
#service-section .section-subtitle,
#service-section .sub-title,
#service-section p.sub-title {
	  color: #f5c518 !important;
	  font-size: 12px !important;
	  letter-spacing: 3px !important;
	  text-transform: uppercase !important;
}
#service-section .section-header hr,
#service-section .section-header .divider {
	  border-color: #f5c518 !important;
	  border-width: 2px !important;
	  width: 60px !important;
	  margin: 12px auto !important;
}
.service-box {
	  margin-bottom: 28px !important;
}
.service-box .post,
.service-box article {
	  background: #1a1a1a !important;
	  border: none !important;
	  border-left: 4px solid #f5c518 !important;
	  border-radius: 4px !important;
	  padding: 28px 24px !important;
	  transition: background 0.3s ease, transform 0.3s ease !important;
}
.service-box .post:hover,
.service-box article:hover {
	  background: #222222 !important;
	  transform: translateY(-5px) !important;
}
.service-box .entry-header {
	  margin-bottom: 12px !important;
	  padding-bottom: 0 !important;
	  border-bottom: none !important;
}
.service-box .entry-header h2,
.service-box .entry-header h3,
.service-box .entry-header a,
.service-box .entry-header {
	  color: #f5c518 !important;
	  font-size: 15px !important;
	  font-weight: 700 !important;
	  text-transform: uppercase !important;
	  letter-spacing: 1px !important;
	  text-decoration: none !important;
}
.service-box .entry-content,
.service-box .entry-content p {
	  color: #aaaaaa !important;
	  font-size: 14px !important;
	  line-height: 1.75 !important;
	  margin-bottom: 14px !important;
}
.service-box a.read-more,
.service-box .read-more {
	  color: #f5c518 !important;
	  font-size: 12px !important;
	  font-weight: 700 !important;
	  text-transform: uppercase !important;
	  letter-spacing: 1px !important;
	  text-decoration: none !important;
	  border-bottom: 1px solid #f5c518 !important;
	  padding-bottom: 2px !important;
}
.service-box .service-img img {
	  border-radius: 4px !important;
	  margin-top: 16px !important;
	  opacity: 0.8 !important;
	  transition: opacity 0.3s !important;
	  width: 100% !important;
}
.service-box:hover .service-img img {
	  opacity: 1 !important;
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}