Contact Licensed Electrician Vancouver WA | Crown Electric | (360) 896-4122 :root { --maroon: #800020; --maroon-dark: #660018; --maroon-light: #a0002a; --gold: #FFD700; --gold-dark: #DAA520; --gold-light: #FFF8DC; --white: #FFFFFF; --gray-50: #F9FAFB; --gray-100: #F3F4F6; --gray-200: #E5E7EB; --gray-300: #D1D5DB; --gray-400: #9CA3AF; --gray-500: #6B7280; --gray-600: #4B5563; --gray-700: #374151; --gray-800: #1F2937; --gray-900: #111827; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: var(--gray-800); overflow-x: hidden; font-size: 16px; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .container-wide { max-width: 1400px; margin: 0 auto; padding: 0 20px; } /* ===== NAVIGATION SYSTEM ===== */ .navbar { background: var(--white); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: all 0.3s ease; } .navbar.scrolled { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); } .nav-container { display: flex; justify-content: space-between; align-items: center; padding: 1rem 20px; max-width: 1200px; margin: 0 auto; position: relative; } /* Logo */ .nav-logo { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; color: var(--maroon); font-weight: 800; font-size: 1.5rem; z-index: 1002; } .nav-logo img { width: 40px; height: 40px; object-fit: contain; } /* Desktop Navigation */ .nav-menu { display: flex; list-style: none; gap: 2rem; align-items: center; } .nav-link { text-decoration: none; color: var(--gray-700); font-weight: 500; font-size: 0.95rem; transition: all 0.3s ease; position: relative; padding: 0.5rem 0; } .nav-link:hover { color: var(--maroon); } .nav-link.active { color: var(--maroon); font-weight: 600; } .nav-link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--gold); transition: width 0.3s ease; } .nav-link:hover::after, .nav-link.active::after { width: 100%; } /* Desktop Dropdown */ .nav-dropdown { position: relative; } .dropdown-content { position: absolute; top: 100%; left: 0; background: var(--white); min-width: 240px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 1rem 0; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; border: 1px solid var(--gray-200); z-index: 1001; } .nav-dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateY(0); } .dropdown-link { display: block; padding: 0.8rem 1.5rem; color: var(--gray-700); text-decoration: none; font-size: 0.9rem; transition: all 0.3s ease; } .dropdown-link:hover { background: var(--gray-50); color: var(--maroon); } /* CTA Section */ .nav-cta { display: flex; align-items: center; gap: 1rem; } .nav-phone { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 100%); color: var(--white); padding: 0.8rem 1.5rem; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: all 0.3s ease; display: flex; align-items: center; gap: 0.5rem; white-space: nowrap; } .nav-phone:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(128, 0, 32, 0.3); } /* ===== MOBILE NAVIGATION ===== */ .mobile-menu-toggle { display: none; flex-direction: column; justify-content: space-around; width: 30px; height: 30px; background: transparent; border: none; cursor: pointer; padding: 0; z-index: 1002; position: relative; } .mobile-menu-toggle span { display: block; height: 3px; width: 100%; background: var(--maroon); border-radius: 3px; transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transform-origin: center; } .mobile-menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); } .mobile-menu-toggle.active span:nth-child(2) { opacity: 0; transform: translateX(20px); } .mobile-menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(7px, -6px); } .mobile-menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 999; } .mobile-menu-overlay.active { opacity: 1; visibility: visible; } .mobile-menu { position: fixed; top: 0; right: -100%; width: 320px; max-width: 85vw; height: 100vh; background: var(--white); z-index: 1001; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow-y: auto; box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1); } .mobile-menu.active { right: 0; } .mobile-menu-header { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--white); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mobile-menu-logo { display: flex; align-items: center; gap: 0.5rem; font-size: 1.2rem; font-weight: 700; color: var(--white); } .mobile-menu-logo img { width: 30px; height: 30px; object-fit: contain; background: var(--white); border-radius: 6px; padding: 3px; } .mobile-menu-close { background: none; border: none; color: var(--white); font-size: 1.5rem; cursor: pointer; padding: 0.5rem; border-radius: 4px; transition: background 0.3s ease; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .mobile-menu-close:hover { background: rgba(255, 255, 255, 0.1); } .mobile-menu-items { padding: 0; } .mobile-menu-item { border-bottom: 1px solid var(--gray-100); } .mobile-menu-item:last-child { border-bottom: none; } .mobile-menu-link { display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.5rem; color: var(--gray-800); text-decoration: none; font-weight: 500; font-size: 1rem; transition: all 0.3s ease; min-height: 56px; background: var(--white); } .mobile-menu-link:hover, .mobile-menu-link:focus { background: var(--gray-50); color: var(--maroon); padding-left: 2rem; } .mobile-menu-link.has-dropdown::after { content: '▼'; font-size: 0.8rem; transition: transform 0.3s ease; color: var(--gray-500); } .mobile-menu-item.active .mobile-menu-link.has-dropdown::after { transform: rotate(180deg); } .mobile-dropdown { max-height: 0; overflow: hidden; background: var(--gray-50); transition: max-height 0.4s ease; } .mobile-menu-item.active .mobile-dropdown { max-height: 400px; } .mobile-dropdown-link { display: flex; align-items: center; padding: 1rem 2.5rem; color: var(--gray-600); text-decoration: none; font-size: 0.9rem; font-weight: 400; transition: all 0.3s ease; border-bottom: 1px solid var(--gray-200); min-height: 48px; background: var(--gray-50); } .mobile-dropdown-link:last-child { border-bottom: none; } .mobile-dropdown-link:hover, .mobile-dropdown-link:focus { background: var(--white); color: var(--maroon); padding-left: 3rem; } .mobile-menu-cta { margin: 1.5rem; padding: 1rem; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--white); text-decoration: none; border-radius: 12px; text-align: center; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 56px; box-shadow: 0 4px 15px rgba(128, 0, 32, 0.2); } .mobile-menu-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(128, 0, 32, 0.3); } /* ===== HERO SECTION ===== */ .hero { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 50%, var(--maroon) 100%); color: var(--white); min-height: 100vh; display: flex; align-items: center; position: relative; overflow: hidden; padding-top: 80px; box-sizing: border-box; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,'); z-index: 1; opacity: 0.3; } .hero-content { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; width: 100%; } .hero-text { animation: fadeInUp 1s ease-out; } .hero-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(255, 215, 0, 0.15); border: 1px solid var(--gold); border-radius: 50px; padding: 0.4rem 1rem; font-size: 0.8rem; font-weight: 500; margin-bottom: 1rem; backdrop-filter: blur(10px); } .hero h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; line-height: 1.1; margin-bottom: 1rem; background: linear-gradient(135deg, var(--white) 0%, var(--gold-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-subtitle { font-size: 1.2rem; font-weight: 400; margin-bottom: 1.5rem; opacity: 0.95; line-height: 1.5; color: var(--gold-light); } .hero-contact-methods { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-bottom: 2rem; } .contact-method { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 215, 0, 0.2); border-radius: 15px; padding: 1.5rem; text-align: center; transition: all 0.3s ease; } .contact-method:hover { background: rgba(255, 255, 255, 0.15); border-color: var(--gold); transform: translateY(-5px); } .contact-method h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; margin-top: 0.5rem; color: var(--gold); } .contact-method p { font-size: 0.9rem; opacity: 0.9; margin-bottom: 1rem; } .contact-method a { color: var(--white); text-decoration: none; font-weight: 600; transition: color 0.3s ease; } .contact-method a:hover { color: var(--gold); } .hero-cta { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; } .btn-primary { background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%); color: var(--maroon); padding: 1rem 2rem; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1.1rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 10px 30px rgba(255, 215, 0, 0.3); display: inline-flex; align-items: center; gap: 0.5rem; border: none; cursor: pointer; } .btn-primary:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 15px 40px rgba(255, 215, 0, 0.4); } .btn-secondary { background: transparent; color: var(--white); padding: 1rem 2rem; border: 2px solid var(--white); border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; } .btn-secondary:hover { background: var(--white); color: var(--maroon); } .hero-visual { position: relative; display: flex; align-items: center; justify-content: center; } .contact-card { background: rgba(255, 255, 255, 0.1); border: 2px solid var(--gold); border-radius: 25px; padding: 2rem; backdrop-filter: blur(20px); max-width: 400px; width: 100%; } .contact-card h3 { font-size: 1.4rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--gold); text-align: center; } .contact-info-item { display: flex; align-items: center; margin-bottom: 1rem; padding: 1rem; background: rgba(255, 255, 255, 0.1); border-radius: 10px; } .contact-info-text h4 { font-size: 0.9rem; font-weight: 600; margin-bottom: 0.2rem; color: var(--gold); } .contact-info-text p { font-size: 0.85rem; opacity: 0.9; margin: 0; } /* Section Styles */ .section { padding: 100px 0; } .section-header { text-align: center; margin-bottom: 4rem; } .section-badge { display: inline-block; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--white); padding: 0.5rem 1.5rem; border-radius: 50px; font-size: 0.9rem; font-weight: 600; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 0.5px; } .section-title { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: var(--gray-900); margin-bottom: 1rem; line-height: 1.2; } .section-subtitle { font-size: 1.2rem; color: var(--gray-600); max-width: 700px; margin: 0 auto; line-height: 1.6; } /* Contact Methods Section */ .contact-methods { background: var(--gray-50); } .methods-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 3rem; } .method-card { background: var(--white); border-radius: 20px; padding: 2.5rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); border: 1px solid var(--gray-200); transition: all 0.4s ease; text-align: center; position: relative; overflow: hidden; } .method-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--maroon) 0%, var(--gold) 100%); transform: scaleX(0); transition: transform 0.4s ease; transform-origin: left; } .method-card:hover::before { transform: scaleX(1); } .method-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128, 0, 32, 0.15); border-color: var(--maroon); } .method-card h3 { font-size: 1.5rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; margin-top: 0.5rem; } .method-card p { color: var(--gray-600); line-height: 1.7; margin-bottom: 1.5rem; } .method-link { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--maroon); text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; } .method-link:hover { color: var(--maroon-light); transform: translateX(5px); } /* Team Section */ .team { background: var(--white); } .team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 3rem; } .team-member { background: var(--gray-50); border-radius: 20px; padding: 2rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); border: 1px solid var(--gray-200); transition: all 0.4s ease; position: relative; overflow: hidden; } .team-member.featured { grid-column: 1 / -1; background: linear-gradient(135deg, var(--white) 0%, var(--gray-50) 100%); border: 2px solid var(--gold); display: grid; grid-template-columns: 300px 1fr; gap: 3rem; align-items: center; padding: 3rem; } .team-member::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--maroon) 0%, var(--gold) 100%); transform: scaleX(0); transition: transform 0.4s ease; transform-origin: left; } .team-member:hover::before { transform: scaleX(1); } .team-member:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128, 0, 32, 0.15); border-color: var(--maroon); background: var(--white); } .team-member.featured:hover { transform: translateY(-5px); } .member-image-container { position: relative; margin-bottom: 1.5rem; } .team-member.featured .member-image-container { margin-bottom: 0; } .member-image { width: 100%; height: 250px; object-fit: cover; border-radius: 15px; border: 3px solid var(--gold); transition: all 0.3s ease; } .team-member.featured .member-image { width: 100%; height: 300px; border-width: 4px; } .member-image:hover { transform: scale(1.05); border-color: var(--maroon); } .member-badge { position: absolute; top: 15px; right: 15px; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 100%); color: var(--gold); padding: 0.5rem 1rem; border-radius: 20px; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } .member-info h3 { font-size: 1.4rem; font-weight: 700; color: var(--gray-900); margin-bottom: 0.5rem; } .team-member.featured .member-info h3 { font-size: 1.8rem; margin-bottom: 0.8rem; } .member-title { font-size: 1rem; color: var(--maroon); font-weight: 600; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 0.5px; } .team-member.featured .member-title { font-size: 1.1rem; margin-bottom: 1.5rem; } .member-description { color: var(--gray-600); line-height: 1.7; margin-bottom: 1.5rem; font-size: 0.95rem; } .team-member.featured .member-description { font-size: 1rem; margin-bottom: 2rem; } .member-specialties { display: flex; flex-wrap: wrap; gap: 0.5rem; } .specialty { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--white); padding: 0.4rem 0.8rem; border-radius: 15px; font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.3px; } .team-member.featured .specialty { padding: 0.5rem 1rem; font-size: 0.8rem; } /* Service Areas Section */ .service-areas { background: var(--gray-50); } .areas-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; margin-top: 3rem; } .areas-list { display: grid; gap: 1.5rem; } .area-item { display: flex; align-items: center; padding: 1.5rem; background: var(--white); border-radius: 15px; border-left: 4px solid var(--gold); transition: all 0.3s ease; } .area-item:hover { background: var(--gray-50); box-shadow: 0 5px 20px rgba(128, 0, 32, 0.1); transform: translateX(10px); } .area-item h4 { font-size: 1.2rem; font-weight: 600; color: var(--gray-900); margin-bottom: 0.3rem; } .area-item p { font-size: 0.95rem; color: var(--gray-600); margin: 0; } .map-container { position: relative; border-radius: 20px; overflow: hidden; height: 500px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); } .map-container iframe { width: 100%; height: 100%; border: none; } /* Hours Section */ .hours-section { background: linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%); color: var(--white); } .hours-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; } .hours-info h2 { font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800; margin-bottom: 1.5rem; background: linear-gradient(135deg, var(--white) 0%, var(--gold-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hours-info p { font-size: 1.1rem; color: var(--gray-300); line-height: 1.7; margin-bottom: 2rem; } .hours-schedule { background: rgba(255, 255, 255, 0.05); border-radius: 15px; padding: 2rem; border: 1px solid rgba(255, 215, 0, 0.2); margin-bottom: 2rem; } .hours-schedule h3 { color: var(--gold); margin-bottom: 1rem; font-size: 1.3rem; } .schedule-item { display: flex; justify-content: space-between; align-items: center; padding: 0.8rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .schedule-item:last-child { border-bottom: none; } .sameday-cta { background: rgba(255, 255, 255, 0.05); border-radius: 20px; padding: 2rem; border: 2px solid var(--gold); text-align: center; } .sameday-cta h3 { color: var(--gold); margin-bottom: 1rem; font-size: 1.4rem; } .sameday-cta p { margin-bottom: 1.5rem; font-size: 1rem; color: var(--gray-300); } .sameday-phone { display: block; font-size: 2rem; font-weight: 800; color: var(--gold); text-decoration: none; margin-bottom: 1rem; transition: all 0.3s ease; } .sameday-phone:hover { color: var(--gold-light); transform: scale(1.05); } /* Quote Form Section */ .quote-form { background: var(--white); } .form-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; } .form-info h2 { font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800; color: var(--gray-900); margin-bottom: 1.5rem; } .form-info p { font-size: 1.1rem; color: var(--gray-600); line-height: 1.7; margin-bottom: 2rem; } .form-benefits { display: grid; gap: 1rem; } .benefit-item { display: flex; align-items: center; padding: 1rem; background: var(--gray-50); border-radius: 10px; border-left: 4px solid var(--gold); } .benefit-item p { margin: 0; font-weight: 500; color: var(--gray-700); } .quote-form-container { background: var(--gray-50); border-radius: 20px; padding: 2.5rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); border: 1px solid var(--gray-200); } .quote-form-container h3 { font-size: 1.5rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1.5rem; text-align: center; } .form-group { margin-bottom: 1.5rem; } .form-group label { display: block; margin-bottom: 0.5rem; font-weight: 600; color: var(--gray-700); } .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 1rem; border: 2px solid var(--gray-200); border-radius: 10px; font-size: 1rem; transition: all 0.3s ease; } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: var(--maroon); box-shadow: 0 0 0 3px rgba(128, 0, 32, 0.1); } .form-group textarea { resize: vertical; min-height: 120px; } .form-submit { width: 100%; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 100%); color: var(--white); padding: 1rem 2rem; border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: all 0.3s ease; } .form-submit:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(128, 0, 32, 0.3); } /* FAQ Section */ .faq { background: var(--gray-50); } .faq-container { max-width: 800px; margin: 0 auto; } .faq-item { background: var(--white); border-radius: 15px; margin-bottom: 1.5rem; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; } .faq-item:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,0.1); } .faq-question { padding: 2rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease; } .faq-question:hover { background: var(--gray-50); } .faq-question h3 { color: var(--gray-900); margin: 0; font-size: 1.2rem; font-weight: 600; } .faq-toggle { font-size: 1.5rem; color: var(--maroon); transition: transform 0.3s ease; } .faq-item.active .faq-toggle { transform: rotate(45deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .faq-answer.active { max-height: 300px; } .faq-answer-content { padding: 0 2rem 2rem; color: var(--gray-600); line-height: 1.7; } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* Hide mobile elements on desktop */ @media (min-width: 769px) { .mobile-menu-toggle, .mobile-menu-overlay, .mobile-menu { display: none !important; } } /* Tablet and Mobile Responsive */ @media (max-width: 768px) { .nav-menu { display: none; } .mobile-menu-toggle { display: flex; } .nav-phone { font-size: 0.8rem; padding: 0.6rem 1rem; } .hero-content, .areas-content, .hours-content, .form-content { grid-template-columns: 1fr; gap: 3rem; } .methods-grid, .team-grid { grid-template-columns: 1fr; } .team-member.featured { grid-template-columns: 1fr; text-align: center; } .hero-contact-methods { grid-template-columns: 1fr; } .hero { min-height: auto; padding: 120px 0 80px; } .hero-content { text-align: center; } .hero-cta { flex-direction: column; align-items: stretch; } .btn-primary, .btn-secondary { justify-content: center; width: 100%; } .section { padding: 60px 0; } .method-card, .quote-form-container, .team-member { padding: 1.5rem; } .team-member.featured { padding: 2rem; } .member-image { height: 200px; } .team-member.featured .member-image { height: 250px; } .map-container { height: 300px; } } /* Small mobile */ @media (max-width: 480px) { .nav-container { padding: 1rem 15px; } .nav-logo { font-size: 1.3rem; } .nav-logo-icon { width: 35px; height: 35px; } .nav-phone { font-size: 0.75rem; padding: 0.5rem 0.8rem; } .mobile-menu { width: 280px; max-width: 90vw; } .container { padding: 0 15px; } .hero-contact-methods { grid-template-columns: 1fr; } .contact-method { padding: 1rem; } .area-item { padding: 1rem; } .hours-schedule, .sameday-cta, .team-member { padding: 1rem; } .team-member.featured { padding: 1.5rem; } .member-image { height: 180px; } .team-member.featured .member-image { height: 220px; } } /* Utility Classes */ .text-center { text-align: center; } .hidden { display: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

Licensed Electrician Vancouver WA & Clark County

Contact Crown Electric — Licensed Electrician in Vancouver WA

Get in touch with Crown Electric for professional electrical services in Vancouver WA and Clark County. Our licensed electricians provide free estimates, same-day service, and quality panel upgrades, EV charger installations, and house rewiring throughout Southwest Washington.

Call Us Today

Speak directly with our team about your electrical project

(360) 896-4122

Free Estimates

No-obligation quotes for all electrical services

Request a Quote

Call (360) 896-4122 Get Free Estimate →

Quick Contact Info

Phone Number

(360) 896-4122

Email Address

Crownelectric240@yahoo.com

Business Hours

Mon-Fri: 8:00 AM - 4:00 PM

Office Location

6109 NE 121st Ave Suite 104
Vancouver, WA 98682

Service Area

Vancouver WA & all of Clark County

Contact Methods

Multiple Ways to Reach Your Vancouver WA Electrician

Crown Electric makes it easy to contact our licensed electricians in Vancouver WA. Whether you need a free estimate for an electrical panel upgrade, EV charger installation quote, or house rewiring assessment, we're here to help throughout Clark County.

Phone Contact

Call Crown Electric directly for same-day electrical service scheduling and free estimates in Vancouver WA. Our licensed electricians are available for consultation and can provide phone quotes for many electrical services including panel upgrades, EV charger installation, and rewiring throughout Clark County.

(360) 896-4122

Email Contact

Send detailed project information, photos, and electrical service requests via email. Ideal for non-urgent electrical consultations, project planning, and receiving written estimates for electrical panel installations, EV charger setups, and whole house rewiring in Vancouver WA and Clark County.

Send Email

Online Quote Form

Complete our detailed online form for comprehensive electrical project quotes. Include service type, location details, and project timeline for accurate estimates on 200 amp panel upgrades, Tesla charger installations, and whole home rewiring services across Clark County.

Get Quote

Our Team

Meet the Crown Electric Team in Vancouver WA

Get to know the licensed electricians and support staff behind Crown Electric. Our experienced team provides personalized service, expert electrical solutions, and dedicated support for all your electrical needs throughout Clark County.

Owner

Nathan Henifin

Owner & Licensed Electrician

Nathan founded Crown Electric with a mission to provide honest, reliable electrical services to families throughout Vancouver WA. As a licensed electrician with over 10 years of experience, Nathan oversees all electrical projects — from 200 amp panel upgrades in older Vancouver homes to new construction electrical in Clark County's growing communities — and maintains the highest standards of quality and safety.

Electrical Panel Installation House Rewiring Project Management

Manager

Shirley White

Office Manager

Shirley manages daily operations and ensures seamless coordination between our electrical teams and customers throughout Clark County. She handles project scheduling, customer communications, and administrative oversight for all electrical services.

Project Coordination Customer Service Scheduling

Estimator

Eric Lee

Electrical Estimator

Eric specializes in electrical project estimation and provides detailed, accurate quotes for electrical panel installation, EV charger installation, and rewiring projects throughout Vancouver WA. His expertise ensures transparent pricing and comprehensive project planning for both residential and commercial electrical work.

Project Estimates Cost Analysis Technical Consultation

Reception

Samantha

Receptionist & Customer Service

Samantha is the first point of contact for Crown Electric customers, handling incoming calls, scheduling electrical services, and providing initial consultation for electrical needs. She ensures every customer receives prompt, professional service from the moment they call.

Customer Service Appointment Scheduling Initial Consultation

Service Coverage

Licensed Electrician Serving All of Clark County, WA

Crown Electric provides comprehensive electrical services throughout Clark County's 542,400+ residents. With over 21,000 new housing units built in the past five years and a median home value of $556,633, demand for licensed electricians in Southwest Washington continues to grow — and Crown Electric is here to serve every community.

Vancouver WA — Primary Service Area

Serving Vancouver's 205,100 residents with same-day availability for electrical panel upgrades, EV charger installation, and professional electrical repairs. Many Vancouver homes built before the 1990s still have outdated wiring, knob-and-tube systems, or undersized panels that need upgrading.

Clark County Electrical Contractor

Licensed electrical contractor serving all Clark County communities with residential and commercial electrical services, including whole house rewiring and new construction electrical for the county's rapidly growing housing developments.

Battle Ground WA Electrician

Professional electrical services for Battle Ground's 22,790 residents including residential electrical repairs, panel upgrades, and new construction wiring for the city's expanding neighborhoods north of Vancouver.

Camas WA Electrical Services

Licensed electrician services for Camas's 27,970 residents. From electrical panel upgrades in established neighborhoods to Tesla charger installation and comprehensive electrical work for homes and businesses east of Vancouver.

Ridgefield WA Electrician

Electrical contractor services for Ridgefield's 16,290 residents — one of Clark County's fastest-growing cities. We handle whole house rewiring, electrical troubleshooting, and new construction electrical for Ridgefield's expanding communities.

Business Hours & Same-Day Electrical Service in Vancouver WA

Crown Electric maintains regular business hours for scheduled electrical services in Vancouver WA and Clark County. We offer same-day appointments for most electrical repairs, panel upgrades, and installations — call early in the day for the best availability. Our licensed electricians respond quickly and provide expert service for residential and commercial electrical projects throughout Southwest Washington.

Regular Business Hours

Monday - Friday 8:00 AM - 4:00 PM

Saturday - Sunday Closed

Same-day electrical service available Monday through Friday in Vancouver WA and Clark County for most electrical repairs and installations. Call by 10 AM for best same-day availability.

Schedule Your Electrical Service Today

From 200 amp panel upgrades to EV charger installations and whole house rewiring — Crown Electric provides fast, professional electrical service throughout Vancouver WA and Clark County. Call today for a free estimate or to schedule your project with our licensed electricians.

(360) 896-4122

Same-day service available • Free estimates • Licensed & bonded electricians

Call to Schedule Service

Free Estimates

Get a Free Electrical Estimate in Vancouver WA

Request a free electrical estimate from Crown Electric for electrical panel installation, EV charger installation, whole house rewiring, and all electrical needs in Vancouver WA and Clark County. Our licensed electricians provide detailed, transparent pricing with no hidden fees.

Why Choose Crown Electric for Your Electrical Project?

Crown Electric provides comprehensive electrical estimates with detailed breakdowns, timeline projections, and transparent pricing for all electrical services in Vancouver WA. With Clark County adding over 6,000 new residents annually and thousands of older homes needing electrical upgrades, our licensed electricians understand the unique needs of Southwest Washington properties — from upgrading knob-and-tube wiring in pre-1970s homes to installing EV chargers for the region's growing electric vehicle adoption.

Completely free electrical estimates with no obligations

Response within 24 hours for estimate requests

Licensed electrician assessment and recommendations

Transparent pricing with no hidden fees or charges

Same-day estimates available for most electrical projects

Request Your Free Electrical Estimate

Full Name *

Phone Number *

Email Address *

Project Location *

Electrical Service Needed *

Project Timeline

Project Details

Common Questions

Frequently Asked Questions About Contacting Crown Electric

Common questions about contacting Crown Electric for electrical services in Vancouver WA and Clark County. Learn about our response times, service scheduling, and estimate process for electrical panel installations, EV charger setups, and house rewiring.

How quickly does Crown Electric respond to electrical service calls in Vancouver WA?

Crown Electric responds to electrical service calls within 2-4 hours during business hours (Monday-Friday, 8 AM-4 PM) in Vancouver WA and Clark County. Same-day appointments are available for most electrical repairs and installations, depending on technician availability. For the best same-day scheduling, we recommend calling before 10 AM.

What information should I provide when requesting a free electrical estimate?

When requesting a free electrical estimate from Crown Electric, provide your location in Clark County, type of electrical service needed (electrical panel installation, EV charger installation, rewiring, etc.), project timeline, and detailed description of electrical issues or installation requirements. Photos of electrical panels, outlets, or problem areas help our licensed electricians provide more accurate estimates.

How far in advance should I schedule electrical services in Clark County?

For standard electrical services in Clark County, schedule 3-7 days in advance during busy periods. Crown Electric offers same-day electrical service for urgent repairs and many installations in Vancouver WA. Large electrical projects like whole house rewiring or commercial electrical installations should be scheduled 1-2 weeks in advance to ensure proper planning and permit processing through Clark County.

Can I email photos of electrical problems for preliminary assessment?

Yes, Crown Electric encourages emailing photos of electrical problems, panels, outlets, or installation areas to Crownelectric240@yahoo.com for preliminary assessment. Include multiple angles, close-up shots of electrical components, and description of issues. Our licensed electricians can provide initial recommendations, safety guidance, and more accurate estimates based on photographic documentation from Vancouver WA and Clark County locations.

What areas does Crown Electric serve in Clark County?

Crown Electric provides licensed electrician services throughout Clark County, Washington, including Vancouver (population 205,100), Battle Ground (22,790), Camas (27,970), Ridgefield (16,290), and surrounding communities like Washougal, Hazel Dell, Salmon Creek, and Orchards. As Clark County's population has grown to over 542,400, Crown Electric has expanded service coverage to meet the rising demand for residential and commercial electrical work across Southwest Washington.