Auto Body Jobs Vancouver WA | Collision Repair Careers $200K+ | Five Star Auto Body Employment * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #374151; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Navigation */ .navbar { position: fixed; top: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid #f97316; z-index: 1000; padding: 0.25rem 0; } .nav-container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 20px; } .nav-logo { display: flex; align-items: center; text-decoration: none; } .nav-logo img { height: 80px; width: auto; transition: transform 0.3s ease; } .nav-logo:hover img { transform: scale(1.05); } @media (max-width: 768px) { .nav-logo img { height: 60px; } .nav-container { padding: 0 15px; } } @media (max-width: 480px) { .nav-logo img { height: 50px; } .nav-container { padding: 0 10px; } } .nav-menu { display: flex; list-style: none; gap: 2rem; margin: 0; position: relative; } .nav-item { position: relative; } .dropdown { position: relative; } .dropdown-content { position: absolute; top: 100%; left: 0; background: white; min-width: 280px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); border-radius: 12px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1001; margin-top: 0.5rem; border: 1px solid rgba(249, 115, 22, 0.1); } .dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateY(0); } .dropdown-content a { display: block; padding: 1rem 1.5rem; color: #374151; text-decoration: none; font-size: 0.95rem; font-weight: 500; transition: all 0.3s ease; border-radius: 8px; margin: 0.3rem; } .dropdown-content a:hover { background: linear-gradient(45deg, #f97316, #ea580c); color: white; transform: translateX(5px); } .dropdown-content a:first-child { margin-top: 0.5rem; } .dropdown-content a:last-child { margin-bottom: 0.5rem; } .nav-link { color: #374151; text-decoration: none; font-weight: 500; padding: 0.5rem 0; } .nav-link:hover { color: #f97316; } .nav-cta { background: #f97316; color: white; padding: 0.5rem 1rem; border-radius: 25px; text-decoration: none; font-weight: bold; } .mobile-menu-btn { display: none; background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #374151; padding: 0.5rem; } .dropdown-toggle::after { content: ' ▼'; font-size: 0.8rem; margin-left: 0.5rem; transition: transform 0.3s ease; } .dropdown-toggle.active::after { transform: rotate(180deg); } /* Hero Section - Desktop First */ .hero { color: white; height: 100vh; min-height: 600px; text-align: center; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 100px 20px 20px; } /* Desktop Video */ .hero-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; transform: translateX(-50%) translateY(-50%); object-fit: cover; display: block; } /* Desktop - Video overlay */ .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); z-index: 1; } /* Mobile Background Image - Hidden by default */ .hero::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://assets.ycodeapp.com/assets/app113220/Images/main%20exterior-bis4odmgjg.webp'); background-size: cover; background-position: center; background-attachment: scroll; z-index: -1; display: none; } .hero .container { position: relative; z-index: 2; width: 100%; max-height: calc(100vh - 140px); display: flex; flex-direction: column; justify-content: center; } .hero h1 { font-size: 2.8rem; font-weight: bold; margin-bottom: 0.8rem; line-height: 1.2; } .hero-subtitle { font-size: 1.1rem; margin-bottom: 1.5rem; opacity: 0.9; } /* Hero Section - 2x2 Grid for 4 locations */ .hero-locations { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; margin: 1.5rem auto 0; max-width: 650px; width: 100%; } .location-item { background: rgba(255,255,255,0.15); padding: 1.2rem; border-radius: 15px; text-align: center; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); transition: all 0.3s ease; position: relative; overflow: hidden; } .location-item::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); transition: left 0.8s ease; } .location-item:hover::before { left: 100%; } .location-item:hover { background: rgba(255,255,255,0.2); transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .location-item h3 { font-size: 0.9rem; margin-bottom: 1rem; color: #fed7aa; font-weight: 600; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height: 1.2; } .cta-button .phone-number { display: inline; } .cta-button .call-text { display: none; } .location-text { display: none; } .cta-button { display: inline-block; background: linear-gradient(45deg, #f97316, #ea580c); color: white; padding: 10px 20px; text-decoration: none; border-radius: 25px; font-weight: 600; font-size: 0.9rem; width: 100%; text-align: center; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 6px 20px rgba(249, 115, 22, 0.3); position: relative; overflow: hidden; } .cta-button::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255,255,255,0.2); border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.6s ease, height 0.6s ease; } .cta-button:hover::after { width: 300px; height: 300px; } .cta-button:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 35px rgba(249, 115, 22, 0.4); } /* Not Currently Hiring Notice */ .not-hiring-notice { background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%); color: white; padding: 2rem 0; position: relative; overflow: hidden; border-top: 4px solid #dc2626; border-bottom: 4px solid #dc2626; } .not-hiring-notice::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, transparent, rgba(220, 38, 38, 0.1), transparent); animation: shimmer 3s infinite; } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .notice-inner { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; text-align: center; } .notice-inner h2 { font-size: 1.6rem; font-weight: 700; margin-bottom: 1rem; color: #fca5a5; } .notice-inner p { font-size: 1.05rem; line-height: 1.7; opacity: 0.95; } .notice-inner a { color: #fed7aa; text-decoration: none; font-weight: 600; transition: color 0.3s ease; } .notice-inner a:hover { color: #f97316; } /* Sections */ .section { padding: 80px 0; } .section-title { text-align: center; font-size: 2.5rem; font-weight: bold; margin-bottom: 1rem; color: #2563eb; } .section-subtitle { text-align: center; font-size: 1.1rem; color: #6b7280; margin-bottom: 3rem; max-width: 600px; margin-left: auto; margin-right: auto; } /* Why Join Section */ .why-join { background: white; } .why-join-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .why-join-item { background: linear-gradient(145deg, #ffffff, #f8fafc); padding: 2.5rem; border-radius: 25px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 300px; display: flex; flex-direction: column; } .why-join-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .why-join-item:hover::before { transform: translateX(0); } .why-join-item:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .why-join-item h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .why-join-item p { color: #6b7280; line-height: 1.7; font-size: 1rem; flex-grow: 1; } .highlight { color: #f97316; font-weight: 600; } /* Job Openings Section */ .job-openings { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .job-openings-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .job-card { background: white; padding: 2.5rem; border-radius: 25px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 400px; display: flex; flex-direction: column; justify-content: space-between; } .job-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .job-card:hover::before { transform: translateX(0); } .job-card:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .job-header { margin-bottom: 1.5rem; } .job-title { font-size: 1.5rem; color: #2563eb; margin-bottom: 0.5rem; font-weight: 600; line-height: 1.3; } .job-meta { display: flex; gap: 0.6rem; flex-wrap: wrap; margin-bottom: 1rem; } .job-meta span { background: #f8fafc; color: #6b7280; padding: 0.3rem 0.8rem; border-radius: 15px; font-size: 0.85rem; font-weight: 500; } .urgent { background: #fee2e2 !important; color: #dc2626 !important; } .salary { background: #f0fdf4 !important; color: #16a34a !important; } .job-description { color: #6b7280; line-height: 1.7; margin-bottom: 1.5rem; flex-grow: 1; font-size: 1rem; } .job-cta { background: linear-gradient(45deg, #f97316, #ea580c); color: white; padding: 12px 24px; border-radius: 25px; text-decoration: none; font-weight: 600; text-align: center; transition: all 0.3s ease; display: inline-block; } .job-cta:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(249, 115, 22, 0.3); } /* Employee Stats Section */ .employee-stats { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white; } .employee-stats .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .employee-stats .section-subtitle { color: #e0e7ff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; } .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; } .stat-card { text-align: center; padding: 2.5rem 1.5rem; background: rgba(255,255,255,0.1); border-radius: 20px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.2); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); min-height: 240px; display: flex; flex-direction: column; justify-content: center; } .stat-card:hover { transform: translateY(-10px) scale(1.05); background: rgba(255,255,255,0.15); box-shadow: 0 20px 60px rgba(0,0,0,0.3); } .stat-number { font-size: 3rem; font-weight: 800; color: #fed7aa; margin-bottom: 0.5rem; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height: 1; } .stat-label { font-size: 1.2rem; font-weight: 600; margin-bottom: 0.8rem; color: white; line-height: 1.2; } .stat-desc { font-size: 0.9rem; opacity: 0.9; line-height: 1.4; } /* Testimonials Section */ .testimonials { background: white; } .testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .testimonial-card { background: linear-gradient(145deg, #f8fafc, #e2e8f0); padding: 2.5rem; border-radius: 20px; border-left: 5px solid #f97316; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 300px; display: flex; flex-direction: column; justify-content: space-between; } .testimonial-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.05), transparent); transition: left 0.8s ease; } .testimonial-card:hover::before { left: 100%; } .testimonial-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); border-left-color: #2563eb; } .testimonial-text { font-style: italic; color: #6b7280; line-height: 1.7; margin-bottom: 1.5rem; flex-grow: 1; font-size: 1rem; } .testimonial-author { display: flex; align-items: center; gap: 1rem; } .author-initial { width: 50px; height: 50px; background: linear-gradient(45deg, #f97316, #ea580c); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2rem; flex-shrink: 0; } .author-info h4 { color: #2563eb; font-weight: 600; margin-bottom: 0.2rem; } .author-info p { color: #6b7280; font-size: 0.9rem; } /* Training Section */ .training { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .training-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; } .training-item { background: white; padding: 2.5rem; border-radius: 25px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 280px; display: flex; flex-direction: column; } .training-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .training-item:hover::before { transform: translateX(0); } .training-item:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .training-item h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .training-item p { color: #6b7280; line-height: 1.7; font-size: 1rem; } /* Application Process Section */ .application-process { background: white; } .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .process-step { background: linear-gradient(145deg, #ffffff, #f8fafc); padding: 2.5rem; border-radius: 25px; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 300px; display: flex; flex-direction: column; justify-content: center; } .process-step::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .process-step:hover::before { transform: translateX(0); } .process-step:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .step-number { width: 80px; height: 80px; background: linear-gradient(45deg, #f97316, #ea580c); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: bold; margin: 0 auto 1.5rem; box-shadow: 0 10px 30px rgba(249, 115, 22, 0.3); } .process-step h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .process-step p { color: #6b7280; line-height: 1.7; font-size: 1rem; } /* Benefits Section */ .benefits { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .benefits .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .benefits .section-subtitle { color: #fed7aa; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; } .benefits-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; } .benefit-card { text-align: center; padding: 2.5rem 1.5rem; background: rgba(255,255,255,0.1); border-radius: 20px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.2); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); min-height: 240px; display: flex; flex-direction: column; justify-content: center; } .benefit-card:hover { transform: translateY(-10px) scale(1.05); background: rgba(255,255,255,0.15); box-shadow: 0 20px 60px rgba(0,0,0,0.3); } .benefit-card h3 { font-size: 1.3rem; font-weight: 600; margin-bottom: 1rem; color: #fed7aa; line-height: 1.3; } .benefit-card p { font-size: 0.95rem; line-height: 1.5; opacity: 0.9; } /* Locations Hiring Section */ .locations-hiring { background: white; } .locations-hiring-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; } .location-hiring-card { background: linear-gradient(145deg, #ffffff, #f8fafc); border-radius: 25px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; border: 1px solid rgba(249, 115, 22, 0.1); display: flex; flex-direction: column; } .location-hiring-card:hover { transform: translateY(-12px) scale(1.03); box-shadow: 0 35px 90px rgba(0,0,0,0.18); border-color: rgba(249, 115, 22, 0.3); } .location-header { background: linear-gradient(135deg, #f97316, #2563eb); padding: 2rem; color: white; text-align: center; position: relative; overflow: hidden; } .location-header::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 1s ease; } .location-hiring-card:hover .location-header::before { left: 100%; } .location-header h3 { font-size: 1.3rem; font-weight: 600; margin-bottom: 0.5rem; } .location-header p { opacity: 0.9; font-size: 0.95rem; } .location-card-content { padding: 2rem; flex-grow: 1; display: flex; flex-direction: column; } .location-card-content .location-details { margin-bottom: 1.5rem; flex-grow: 1; } .location-card-content .location-details p { margin-bottom: 0.5rem; font-size: 0.95rem; color: #6b7280; line-height: 1.6; } .location-card-content .location-details a { color: #2563eb; text-decoration: none; font-weight: 500; transition: color 0.3s ease; } .location-card-content .location-details a:hover { color: #f97316; } .location-card-content .location-details strong { color: #2563eb; } .location-services-list { background: #f8fafc; padding: 1rem; border-radius: 8px; margin-bottom: 1.5rem; } .location-services-list ul { list-style: none; margin: 0; padding: 0; } .location-services-list li { padding: 0.3rem 0; color: #6b7280; font-size: 0.9rem; } .location-services-list li::before { content: '✓'; color: #10b981; font-weight: bold; margin-right: 0.5rem; } .location-buttons { display: flex; gap: 0.8rem; } .btn-primary, .btn-secondary { padding: 0.7rem 1.2rem; border-radius: 20px; text-decoration: none; text-align: center; font-weight: 500; font-size: 0.9rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); flex: 1; } .btn-primary { background: linear-gradient(45deg, #f97316, #ea580c); color: white; box-shadow: 0 8px 20px rgba(249, 115, 22, 0.3); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(249, 115, 22, 0.4); } .btn-secondary { background: transparent; color: #2563eb; border: 2px solid #2563eb; } .btn-secondary:hover { background: #2563eb; color: white; transform: translateY(-2px); } /* Contact CTA Section */ .contact-cta { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .contact-cta .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .contact-cta .section-subtitle { color: #fed7aa; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; margin-bottom: 2rem; } .contact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; text-align: center; } .contact-card { padding: 2.5rem 2rem; background: rgba(255,255,255,0.15); border-radius: 25px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 220px; display: flex; flex-direction: column; justify-content: center; } .contact-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)); opacity: 0; transition: opacity 0.4s ease; } .contact-card:hover::before { opacity: 1; } .contact-card:hover { transform: translateY(-10px) scale(1.05); background: rgba(255,255,255,0.2); box-shadow: 0 25px 60px rgba(0,0,0,0.2); } .contact-card h3 { margin-bottom: 1.5rem; font-size: 1.5rem; font-weight: 600; line-height: 1.3; } .contact-card p { font-size: 1.05rem; line-height: 1.6; } .contact-card a { color: white; text-decoration: none; font-weight: 600; transition: all 0.3s ease; } .contact-card a:hover { color: #fed7aa; text-shadow: 0 0 10px rgba(253, 215, 170, 0.5); } /* Footer */ .footer { background: #374151; color: white; padding: 3rem 0 2rem; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .footer-section h3 { color: #f97316; margin-bottom: 1.5rem; font-size: 1.2rem; font-weight: 600; } .footer-section ul { list-style: none; } .footer-section li { margin-bottom: 0.8rem; } .footer-section a { color: white; text-decoration: none; opacity: 0.8; transition: all 0.3s ease; font-size: 0.95rem; } .footer-section a:hover { color: #f97316; opacity: 1; transform: translateX(3px); } .footer-bottom { border-top: 1px solid #6b7280; padding-top: 2rem; text-align: center; opacity: 0.7; font-size: 0.9rem; line-height: 1.6; } /* Mobile Responsive */ @media (max-width: 1200px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } .benefits-grid { grid-template-columns: repeat(2, 1fr); } .job-openings-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .mobile-menu-btn { display: block; } .hero-video { display: none !important; } .hero::after { display: block !important; } .nav-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background: white; flex-direction: column; padding: 1rem 0; box-shadow: 0 4px 10px rgba(0,0,0,0.1); border-top: 1px solid #e5e7eb; } .nav-menu.active { display: flex; } .nav-item { width: 100%; border-bottom: 1px solid #f3f4f6; } .nav-item:last-child { border-bottom: none; } .nav-link { display: block; padding: 1rem 1.5rem; color: #374151; text-decoration: none; font-weight: 500; border: none; background: none; width: 100%; text-align: left; cursor: pointer; } .nav-link:hover { background: #f9fafb; color: #f97316; } .nav-cta { background: #f97316; color: white !important; margin: 0.5rem 1rem; border-radius: 8px; text-align: center; } .nav-cta:hover { background: #ea580c; } .dropdown { position: relative; } .dropdown-content { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: #f8fafc; margin: 0; border-radius: 0; border: none; border-top: 1px solid #e5e7eb; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .dropdown.active .dropdown-content { max-height: 500px; } .dropdown-content a { display: block; padding: 0.8rem 2rem; color: #6b7280; text-decoration: none; font-size: 0.9rem; font-weight: 400; transition: all 0.2s ease; border-radius: 0; margin: 0; border-bottom: 1px solid #e5e7eb; } .dropdown-content a:last-child { border-bottom: none; } .dropdown-content a:hover { background: #e5e7eb; color: #374151; transform: none; padding-left: 2.5rem; } /* Mobile Hero */ .hero { height: 100vh; min-height: 600px; padding: 90px 15px 15px; } .hero .container { width: 100%; padding: 0; max-height: calc(100vh - 120px); } .hero h1 { font-size: 1.9rem; margin-bottom: 0.8rem; line-height: 1.2; } .hero-subtitle { font-size: 1rem; margin-bottom: 1.2rem; padding: 0 10px; } .hero-locations { grid-template-columns: 1fr; max-width: 300px; gap: 0.8rem; margin: 1rem auto 0; } .location-item { padding: 1rem; border-radius: 12px; min-height: auto; } .location-item h3 { display: none; } .location-text { display: block; font-size: 0.85rem; margin-bottom: 0.8rem; color: #fed7aa; font-weight: 600; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height: 1.2; } .cta-button .phone-number { display: none; } .cta-button .call-text { display: inline; } .cta-button { padding: 8px 16px; font-size: 0.85rem; border-radius: 20px; } /* Sections mobile */ .section { padding: 50px 0; } .section-title { font-size: 1.8rem; } .section-subtitle { font-size: 1rem; margin-bottom: 2rem; } .why-join-grid, .job-openings-grid, .stats-grid, .testimonials-grid, .training-grid, .process-grid, .benefits-grid, .contact-grid { grid-template-columns: 1fr; gap: 1.5rem; } .locations-hiring-grid { grid-template-columns: 1fr; gap: 1.5rem; max-width: 500px; margin: 0 auto; } .why-join-item, .job-card, .training-item, .process-step { padding: 1.5rem; min-height: auto; } .stat-card, .benefit-card, .contact-card { padding: 1.5rem; min-height: auto; } .location-hiring-card { min-height: auto; } .footer-content { grid-template-columns: 1fr; gap: 2rem; } /* Notice section mobile */ .not-hiring-notice { padding: 1.5rem 0; } .notice-inner h2 { font-size: 1.3rem; } .notice-inner p { font-size: 0.95rem; } } @media (max-width: 480px) { .container { padding: 0 15px; } .hero { height: 100vh; min-height: 550px; padding: 80px 10px 10px; } .hero .container { max-height: calc(100vh - 100px); padding: 0 5px; } .hero h1 { font-size: 1.5rem; margin-bottom: 0.6rem; line-height: 1.2; } .hero-subtitle { font-size: 0.9rem; margin-bottom: 1rem; padding: 0 5px; } .hero-locations { max-width: 280px; gap: 0.6rem; margin: 0.8rem auto 0; } .location-item { padding: 0.8rem; border-radius: 10px; } .location-text { font-size: 0.75rem; margin-bottom: 0.6rem; line-height: 1.2; } .cta-button { padding: 6px 12px; font-size: 0.75rem; border-radius: 15px; } .section { padding: 40px 0; } .section-title { font-size: 1.6rem; margin-bottom: 0.8rem; } .section-subtitle { font-size: 0.9rem; margin-bottom: 1.5rem; } .why-join-item, .job-card, .training-item, .process-step { padding: 1.2rem; } .stat-number { font-size: 2.5rem; } .step-number { width: 60px; height: 60px; font-size: 1.5rem; } .not-hiring-notice { padding: 1.2rem 0; } .notice-inner h2 { font-size: 1.1rem; } .notice-inner p { font-size: 0.9rem; } .footer { padding: 2rem 0 1rem; } .footer-content { gap: 1.5rem; } .footer-section h3 { font-size: 1rem; margin-bottom: 0.8rem; } .footer-section a { font-size: 0.85rem; } .footer-bottom { font-size: 0.75rem; padding-top: 1rem; } } /* Large screens */ @media (min-width: 1400px) { .hero .container { max-height: calc(100vh - 160px); } .hero h1 { font-size: 3.2rem; margin-bottom: 1rem; } .hero-subtitle { font-size: 1.3rem; margin-bottom: 1.8rem; } .hero-locations { max-width: 750px; gap: 2rem; margin: 2rem auto 0; } .location-item { padding: 1.5rem; } .location-item h3 { font-size: 1rem; line-height: 1.3; } .cta-button { padding: 12px 24px; font-size: 1rem; } }

Auto Body Careers & Employment in Vancouver, Longview & Chehalis WA

Join Southwest Washington's premier collision repair team — Journeymen technicians $120K-$200K+, painters $80K-$180K, estimators $60K-$120K with full benefits and OEM training

We Are Not Currently Hiring

Thank you for your interest in joining the Five Star Auto Body team. As of 2026, we are not actively hiring for any positions at this time. Please check back periodically for future opportunities, or contact us to inquire about potential openings.

Why Join Five Star Auto Body?

Industry-leading benefits, career growth opportunities, and a culture that values excellence in collision repair and auto body restoration

Competitive Compensation & Benefits

Industry-leading pay rates for journeymen technicians ($120K-$200K+), painters ($80K-$180K), and estimators ($60K-$120K) with performance bonuses and efficiency incentives. We reward expertise and experience with top-tier compensation packages that reflect your skills in auto body repair, frame straightening, and collision restoration.

Career Development & OEM Training

Access to OEM factory training, I-CAR certification programs, and clear advancement opportunities. We invest in your professional growth with manufacturer training from Kia, FCA, Hyundai, Nissan, GM, and Ford — keeping you at the forefront of collision repair technology, advanced materials, and frame repair techniques.

Award-Winning Work Environment

Join an OEM certified, BBB A+ rated team recognized for excellence in collision repair. Work with state-of-the-art equipment including hydraulic frame machines, computerized measuring systems, and modern paint booths in clean, professional facilities across Vancouver WA, Longview WA, and Chehalis WA.

Current Auto Body Career Opportunities

Join our growing team at any of our Vancouver WA, Longview WA, or Chehalis WA locations

Journeymen Auto Body Technician

URGENT NEED Full-Time $120K-$200K+ All Locations

We're actively seeking experienced journeymen technicians for auto body repair, collision restoration, and frame straightening. Perform high-quality collision repairs, frame repair on hydraulic bench systems, panel replacement, and welding work. 3+ years experience required with proficiency in MIG welding and computerized measuring systems. Excellent benefits package with tool allowance and factory training opportunities.

Apply Now

Auto Body Painter

Full-Time $80K-$180K All Locations

Join our state-of-the-art paint department with the latest downdraft spray booths and computerized color matching systems. 2+ years automotive painting experience required with knowledge of waterborne and solvent basecoat/clearcoat systems. Color matching and blending expertise essential for professional collision repair refinishing.

Apply Now

Collision Repair Estimator

Full-Time $60K-$120K All Locations

Help customers navigate the collision repair process with detail-oriented estimation and excellent communication. Experience with CCC One, Mitchell, or Audatex estimating systems required. Strong customer service skills and knowledge of insurance claim procedures for auto body repair, frame damage, and structural work essential.

Apply Now

Five Star Auto Body by the Numbers

Join a stable, growing company with a proven track record in the auto body repair industry

30+

Years in Business

Established reputation since 1995 in collision repair excellence across Southwest Washington

Convenient Locations

Vancouver, Longview & Chehalis WA auto body facilities serving 3 counties

30+

Team Members

Growing family of collision repair, frame repair, and paint professionals

OEM Certifications

Kia, FCA, Hyundai, Nissan, GM, and Ford certified collision center

What Our Team Members Say

Hear directly from our employees about their experience working at Five Star Auto Body

"I've been a journeyman technician here for 8 years, and it's the best auto body shop I've worked at. The management truly cares about their employees, the equipment is top-notch, and the team feels like family. The consistent workflow and fair pay structure make this a great place to build a collision repair career."

Jordan T.

Journeymen Technician — Vancouver NE 68th St

"Starting as an apprentice and working my way up to lead painter has been an incredible journey. Five Star invested in my training, sent me to PPG certification courses, and gave me the tools to succeed. The work-life balance here is excellent — no weekends means I can spend time with my family."

Blake H.

Lead Painter — Longview Location

"The estimating team here really works as a unit. We help each other grow and learn from experienced team members. Five Star's commitment to customer service excellence makes me proud to represent the company. The training opportunities in collision estimation and structural damage assessment have advanced my career significantly."

Brandon S.

Senior Estimator — Chehalis Location

Professional Training & Career Development

Invest in your future with comprehensive training programs and certification opportunities in collision repair technology

Manufacturer OEM Training Programs

Access exclusive factory training from Kia, FCA, Hyundai, Nissan, GM, and Ford. Learn cutting-edge collision repair techniques, advanced high-strength steel procedures, aluminum repair methods, and manufacturer-specific frame straightening protocols. Our certified OEM training ensures you stay current with evolving automotive technology and repair standards.

I-CAR Certification & Advanced Skills

Develop expertise through I-CAR Gold Class certification programs, welding certifications, and specialized training in frame repair, aluminum structural work, and modern ADAS safety systems. Our commitment to continuing education keeps your auto body repair skills at industry-leading levels.

Leadership Development & Advancement

Clear pathways for career advancement from apprentice to journeymen to leadership roles. We promote from within and provide mentorship programs to help you grow your collision repair career. Many of our current managers started as entry-level technicians and advanced through our development programs across our Vancouver, Longview, and Chehalis locations.

Technology & Equipment Training

Master the latest collision repair technology including 3D computerized measuring systems, hydraulic frame machines with 10-ton pulling capacity, advanced paint mixing equipment, and modern welding techniques. Our state-of-the-art facilities provide hands-on experience with industry-leading equipment across all auto body repair disciplines.

How to Join Our Auto Body Team

Simple application process to start your collision repair career with Five Star Auto Body

Submit Your Application

Complete our online application or call any location directly. Submit your resume highlighting your auto body repair experience, certifications, and career goals. We review all applications promptly and respond within 48 hours.

Interview & Skills Assessment

Meet with our team for an in-person interview and hands-on skills assessment. We evaluate your collision repair knowledge, frame straightening ability, welding quality, and cultural fit with our team values and standards.

Start Your Career

Begin your journey with Five Star Auto Body! Complete orientation, receive your $1,500 annual tool allowance, and start working alongside our experienced team. Comprehensive onboarding and mentorship for all new employees at every location.

Comprehensive Benefits Package

We take care of our team with industry-leading benefits and compensation in the auto body repair industry

Health & Wellness

Comprehensive health insurance, dental, vision coverage, and wellness programs for you and your family.

Financial Security

401(k) with company match, performance bonuses, and efficiency incentives based on quality collision and frame repair work.

Work-Life Balance

Monday-Friday schedule, no weekends, major holidays off, and flexible scheduling options available at all locations.

Professional Growth

$1,500 annual tool allowance, OEM factory training, I-CAR certification programs, and clear advancement opportunities.

Career Opportunities at All Locations

Explore auto body career opportunities at our four convenient Washington locations

Vancouver WA — Columbia Street

Downtown Vancouver auto body facility serving Clark County

Address: 1813 Columbia Street, Vancouver WA 98660

Phone: (360) 258-1612

Openings: Journeymen Technicians, Estimators

Full collision repair and structural work
Frame repair and straightening
OEM certified paint facility
Insurance claims processing

Location Details Vancouver Info

Vancouver WA — NE 68th Street

Northeast Vancouver facility with Saturday hours

Address: 3019 NE 68th St, Vancouver WA 98665

Phone: (360) 699-4887

Openings: Auto Body Painters, Entry Level Positions

Modern spray booth and paint systems
Computerized measuring systems
Hydraulic frame machines
Apprentice training program

Location Details Vancouver Info

Longview WA — Commerce Avenue

Serving Longview, Kelso, and Cowlitz County

Address: 760 Commerce Ave, Longview WA 98632

Phone: (360) 353-3018

Openings: Journeymen Technicians, Apprentices

Complete collision and frame repair
Professional paint and refinishing
Dent repair and panel restoration
Insurance coordination

Location Details Longview Info

Chehalis WA — N Market Boulevard

Serving Chehalis, Centralia, and Lewis County

Address: 55 N Market Boulevard, Chehalis WA 98532

Phone: (360) 748-8344

Openings: All Positions Available

Full auto body and collision repair
Frame straightening and structural work
Advanced paint systems
Growing team with leadership roles

Location Details Chehalis Info

Start Your Auto Body Career Today

Take the next step in your collision repair career — join Southwest Washington's premier auto body team

Apply by Phone

Vancouver: (360) 699-4887
Vancouver: (360) 258-1612
Longview: (360) 353-3018
Chehalis: (360) 748-8344

Email Your Resume

fivestarautobody@gmail.com
Include your experience and
salary requirements

Visit Our Locations

4 Convenient Locations
Vancouver, Longview & Chehalis WA
Learn more about us

Auto Body Careers & Employment in Vancouver, Longview & Chehalis WA

3019 NE 68th St, Vancouver, WA 98665

1813 Columbia St, Vancouver, WA 98660

760 Commerce Ave, Longview, WA 98632

55 N Market Blvd, Chehalis, WA 98532

We Are Not Currently Hiring

Why Join Five Star Auto Body?

Competitive Compensation & Benefits

Career Development & OEM Training

Award-Winning Work Environment

Current Auto Body Career Opportunities

Journeymen Auto Body Technician

Auto Body Painter

Collision Repair Estimator

Five Star Auto Body by the Numbers

What Our Team Members Say

Jordan T.

Blake H.

Brandon S.

Professional Training & Career Development

Manufacturer OEM Training Programs

I-CAR Certification & Advanced Skills

Leadership Development & Advancement

Technology & Equipment Training

How to Join Our Auto Body Team

Submit Your Application

Interview & Skills Assessment

Start Your Career

Comprehensive Benefits Package

Health & Wellness

Financial Security

Work-Life Balance

Professional Growth

Career Opportunities at All Locations

Vancouver WA — Columbia Street

Vancouver WA — NE 68th Street

Longview WA — Commerce Avenue

Chehalis WA — N Market Boulevard

Start Your Auto Body Career Today

Apply by Phone

Email Your Resume

Visit Our Locations