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 */ .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 */ .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 */ .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 */ .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 */ .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 */ .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: block; 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; display: flex; align-items: center; 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 CTA */ .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-contact { display: grid; gap: 1rem; margin-bottom: 1.5rem; } .contact-item-small { display: flex; align-items: center; padding: 1rem; background: var(--white); border-radius: 10px; border-left: 3px solid var(--gold); transition: all 0.3s ease; } .team-member.featured .contact-item-small { background: rgba(255, 255, 255, 0.7); border-left-width: 4px; } .contact-item-small:hover { background: var(--gray-50); transform: translateX(5px); border-left-color: var(--maroon); } .team-member.featured .contact-item-small:hover { background: var(--white); } .contact-label { display: block; font-size: 0.8rem; color: var(--gray-500); font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 0.2rem; } .contact-value { color: var(--gray-900); text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: color 0.3s ease; } .contact-value:hover { color: var(--maroon); } .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 and Emergency Section */ .hours-emergency { 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; } .emergency-cta { background: rgba(255, 255, 255, 0.05); border-radius: 20px; padding: 2rem; border: 2px solid var(--gold); text-align: center; } .emergency-cta h3 { color: var(--gold); margin-bottom: 1rem; font-size: 1.4rem; } .emergency-cta p { margin-bottom: 1.5rem; font-size: 1rem; } .emergency-phone { display: block; font-size: 2rem; font-weight: 800; color: var(--gold); text-decoration: none; margin-bottom: 1rem; transition: all 0.3s ease; } .emergency-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, .emergency-cta, .team-member { padding: 1rem; } .team-member.featured { padding: 1.5rem; } .contact-item-small { padding: 0.8rem; } .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; }

Contact Licensed Electrician Vancouver WA

Contact Crown Electric Vancouver WA

Name: Crown Electric
Address: 6109 NE 121st Ave Suite 104, Vancouver, WA, 98682, US
Telephone: (360) 896-4122

Get in touch with Crown Electric for professional electrical services in Vancouver WA and Clark County. Our licensed electricians provide free estimates, emergency repairs, and quality installations throughout Southwest Washington.

Call Now

Immediate response for electrical needs

(360) 896-4122

Emergency Service

24/7 emergency electrical repairs

Emergency Line

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

Service Area

Vancouver WA & Clark County

Contact Methods

Multiple Ways to Reach Vancouver WA's Licensed Electrician

Crown Electric makes it easy to contact our licensed electricians in Vancouver WA. Whether you need emergency electrical repairs, free estimates for electric panel installation, or EV charger installation quotes, we're here to help throughout Clark County.

Phone Contact

Call Crown Electric directly for immediate electrical service scheduling, emergency repairs, and free estimates in Vancouver WA. Our licensed electricians are available for consultation and can provide phone quotes for many electrical services throughout Clark County.

(360) 896-4122

Email Contact

Send detailed project information, photos, and electrical service requests via email. Perfect for non-urgent electrical consultations, project planning, and receiving written estimates for electrical installations 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 electric panel installations, EV chargers, and rewiring services in Clark County.

Get Quote

Our Team

Meet the Crown Electric Team in Vancouver WA

Get to know the licensed electricians and support staff who make Crown Electric Vancouver WA's most trusted electrical contractor. 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 and maintains the highest standards of quality and safety.

Electric Panel Installation Emergency Electrical 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 electric panel installations, EV charger installations, and rewiring projects throughout Vancouver WA. His expertise ensures transparent pricing and comprehensive project planning.

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.

Customer Service Appointment Scheduling Initial Consultation

Service Coverage

Licensed Electrician Service Areas in Southwest Washington

Crown Electric provides comprehensive electrical services throughout Vancouver WA and surrounding Clark County communities. Our licensed electricians offer same-day service, emergency repairs, and professional electrical installations across Southwest Washington with consistent quality and reliable response times.

Vancouver WA - Primary Service Area

Complete electrical services with same-day availability for electric panel installation, EV charger installation, and emergency electrical repairs throughout Vancouver Washington.

Clark County Electrical Contractor

Licensed electrical contractor serving all Clark County communities with residential and commercial electrical services, including rewiring services and new construction electrical.

Battle Ground WA Electrician

Professional electrical services in Battle Ground WA including residential electrical repairs, commercial electrical installations, and emergency electrical service.

Camas WA Electrical Services

Licensed electrician services in Camas WA for electric panel upgrades, Tesla charger installation, and comprehensive electrical repairs for homes and businesses.

Ridgefield WA Electrician

Electrical contractor services in Ridgefield WA including whole house rewiring, electrical troubleshooting, and professional electrical installations.

Business Hours & Emergency Electrical Services Vancouver WA

Crown Electric maintains regular business hours for scheduled electrical services in Vancouver WA and Clark County, while providing 24/7 emergency electrical services for urgent electrical problems. Our licensed electricians respond quickly to electrical emergencies including power outages, electrical fires, and dangerous electrical situations throughout Southwest Washington.

Regular Business Hours

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

Same-day electrical service available Monday through Friday in Vancouver WA and Clark County for most electrical repairs and installations.

24/7 Emergency Electrician Vancouver WA

Electrical emergencies don't wait for business hours. Crown Electric provides immediate emergency electrical response throughout Vancouver WA and Clark County with 30-minute response times for urgent electrical situations.

(360) 896-4122

Available 24 hours • Emergency electrical repairs • Licensed electricians

Call Emergency Line

Free Estimates

Get Free Electrical Estimate Vancouver WA

Request a free electrical estimate from Crown Electric for electric panel installation, EV charger installation, rewiring services, 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. Our licensed electricians assess your electrical needs, provide professional recommendations, and deliver accurate project quotes for residential and commercial electrical installations throughout Clark County.

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

Contact 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, emergency availability, and estimate process for electrical installations and repairs.

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.

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 (electric 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 non-emergency 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.

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.