Electrician Ridgefield WA | Licensed Electric Panel Installation & EV Charger Installation | Crown Electric :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; } /* ===== 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::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--gold); transition: width 0.3s ease; } .nav-link:hover::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: 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-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-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; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(128, 0, 32, 0.8) 0%, rgba(102, 0, 24, 0.9) 50%, rgba(128, 0, 32, 0.8) 100%); z-index: 1; pointer-events: none; } .hero-content { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; padding: 2rem 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; width: 100%; min-height: calc(100vh - 160px); } .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.5rem 1.2rem; font-size: 0.85rem; font-weight: 500; margin-bottom: 1.5rem; backdrop-filter: blur(10px); } .hero h1 { font-size: clamp(2rem, 5vw, 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.1rem; font-weight: 400; margin-bottom: 1.5rem; opacity: 0.95; line-height: 1.5; color: var(--gold-light); } .hero-services { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-bottom: 2rem; } .hero-service { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; font-weight: 500; padding: 0.5rem 1rem; background: rgba(255, 255, 255, 0.1); border-radius: 25px; border: 1px solid rgba(255, 215, 0, 0.2); white-space: nowrap; } .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: 1.2rem 2.5rem; 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; justify-content: center; gap: 0.5rem; border: none; cursor: pointer; min-height: 56px; } .btn-primary:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 15px 40px rgba(255, 215, 0, 0.4); background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%); } .btn-secondary { background: transparent; color: var(--white); padding: 1.2rem 2.5rem; border: 2px solid var(--white); border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 56px; } .btn-secondary:hover { background: var(--white); color: var(--maroon); transform: translateY(-2px); } .hero-visual { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; min-height: 450px; } .hero-image-container { position: relative; width: 100%; max-width: 500px; background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 215, 0, 0.05) 100%); border-radius: 25px; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255, 215, 0, 0.2); backdrop-filter: blur(20px); overflow: hidden; padding: 15px; } .hero-image { width: 100%; height: auto; object-fit: contain; border-radius: 20px; border: 2px solid rgba(255, 215, 0, 0.3); max-height: 400px; min-height: 300px; } /* ===== SECTIONS ===== */ .section { padding: 80px 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.6rem 1.8rem; 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: 800px; margin: 0 auto; line-height: 1.6; } /* Services Grid */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; margin-top: 3rem; } .service-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 cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 380px; display: flex; flex-direction: column; justify-content: space-between; } .service-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; } .service-card:hover::before { transform: scaleX(1); } .service-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128, 0, 32, 0.15); border-color: var(--maroon); } .service-icon { width: 60px; height: 60px; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); border-radius: 15px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--gold); font-size: 0.8rem; font-weight: 700; } .service-card h3 { font-size: 1.4rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; line-height: 1.3; } .service-card p { color: var(--gray-600); line-height: 1.7; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } .service-link { color: var(--maroon); text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 0.5rem; transition: all 0.3s ease; margin-top: auto; } .service-link:hover { color: var(--maroon-light); transform: translateX(5px); } /* Authority Section */ .authority { background: var(--gray-50); } .authority-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .authority-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 cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; text-align: center; min-height: 320px; display: flex; flex-direction: column; justify-content: space-between; } .authority-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; } .authority-card:hover::before { transform: scaleX(1); } .authority-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128, 0, 32, 0.15); border-color: var(--maroon); } .authority-icon { width: 80px; height: 80px; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; color: var(--gold); font-size: 1rem; font-weight: 700; } .authority-card h3 { font-size: 1.5rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; line-height: 1.3; } .authority-card p { color: var(--gray-600); line-height: 1.7; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } .authority-link { color: var(--maroon); text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 0.5rem; transition: all 0.3s ease; margin-top: auto; } .authority-link:hover { color: var(--maroon-light); transform: translateX(5px); } /* Ridgefield Info Section */ .ridgefield-info { background: linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%); color: var(--white); } .ridgefield-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-top: 3rem; } .ridgefield-card { background: rgba(255, 255, 255, 0.05); border-radius: 15px; padding: 2rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); text-align: center; min-height: 200px; display: flex; flex-direction: column; justify-content: space-between; } .ridgefield-card:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--gold); transform: translateY(-5px); } .ridgefield-card:nth-child(1) { background: rgba(255, 215, 0, 0.1); border: 2px solid var(--gold); box-shadow: 0 10px 30px rgba(255, 215, 0, 0.2); } .ridgefield-card:nth-child(1):hover { background: rgba(255, 215, 0, 0.15); border-color: var(--gold-light); transform: translateY(-8px) scale(1.02); box-shadow: 0 15px 40px rgba(255, 215, 0, 0.3); } .ridgefield-card:nth-child(1) .ridgefield-icon { background: var(--gold); color: var(--maroon); box-shadow: 0 5px 15px rgba(255, 215, 0, 0.4); } .ridgefield-card:nth-child(1) h3 { color: var(--gold-light); font-weight: 700; font-size: 1.2rem; } .ridgefield-icon { width: 50px; height: 50px; background: var(--gold); color: var(--maroon); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-weight: 700; font-size: 0.7rem; } .ridgefield-card h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; color: var(--gold); } .ridgefield-card p { font-size: 0.9rem; color: var(--gray-300); line-height: 1.4; margin-bottom: 1rem; flex-grow: 1; } .ridgefield-link { color: var(--white); text-decoration: none; font-size: 0.85rem; font-weight: 500; transition: color 0.3s ease; } .ridgefield-link:hover { color: var(--gold); } /* 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 10px 30px rgba(0,0,0,0.05); transition: all 0.3s ease; } .faq-item:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); } .faq-question { padding: 2rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--gray-200); transition: all 0.3s ease; min-height: 80px; } .faq-question:hover { background: var(--gray-50); } .faq-question h3 { color: var(--gray-900); margin: 0; font-size: 1.2rem; font-weight: 600; line-height: 1.4; flex-grow: 1; margin-right: 1rem; } .faq-toggle { font-size: 1.5rem; color: var(--maroon); transition: transform 0.3s ease; flex-shrink: 0; } .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: 2rem; color: var(--gray-600); line-height: 1.7; font-size: 1rem; } /* Contact Section */ .contact { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 100%); color: var(--white); } .contact-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; } .contact-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; } .contact-info p { font-size: 1.1rem; color: var(--gray-300); line-height: 1.7; margin-bottom: 2rem; } .contact-details { display: grid; gap: 1.5rem; } .contact-item { display: flex; align-items: center; gap: 1rem; padding: 1.2rem; background: rgba(255, 255, 255, 0.05); border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s ease; min-height: 80px; } .contact-item:hover { background: rgba(255, 255, 255, 0.08); border-color: var(--gold); } .contact-item-icon { width: 50px; height: 50px; background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--maroon); font-size: 0.6rem; font-weight: 700; flex-shrink: 0; } .contact-item-info h4 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.3rem; } .contact-item-info p { color: var(--gray-400); margin: 0; font-size: 0.95rem; } .contact-item-info a { color: var(--gold); text-decoration: none; transition: color 0.3s ease; } .contact-item-info a:hover { color: var(--gold-light); } .map-container { position: relative; border-radius: 20px; overflow: hidden; height: 400px; background: var(--gray-700); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .map-container iframe { width: 100%; height: 100%; border: none; } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* ===== RESPONSIVE BREAKPOINTS ===== */ @media (min-width: 769px) { .mobile-menu-toggle, .mobile-menu-overlay, .mobile-menu { display: none !important; } } @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, .contact-content { grid-template-columns: 1fr; gap: 3rem; } .services-grid, .authority-grid { grid-template-columns: 1fr; } .ridgefield-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .section { padding: 60px 0; } } @media (max-width: 480px) { .nav-container { padding: 1rem 15px; } .nav-logo { font-size: 1.3rem; } .nav-logo img { 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 { min-height: 100vh; padding-top: 80px; } .hero-video { display: none; } .hero { background: linear-gradient(135deg, rgba(128, 0, 32, 0.8) 0%, rgba(102, 0, 24, 0.9) 50%, rgba(128, 0, 32, 0.8) 100%), url('https://assets.ycodeapp.com/assets/app118847/Images/main%20exterior-cj6aph7t3n.webp'); background-size: cover; background-position: center; } .hero-content { grid-template-columns: 1fr; gap: 2rem; text-align: center; padding: 1rem 15px; min-height: calc(100vh - 140px); } .hero-visual { min-height: 300px; order: -1; } .hero-image-container { max-width: 350px; padding: 12px; } .hero-image { max-height: 280px; min-height: 200px; border-radius: 15px; } .hero-services { justify-content: center; gap: 0.5rem; margin-bottom: 1.5rem; } .hero-service { font-size: 0.8rem; padding: 0.4rem 0.8rem; } .hero-cta { flex-direction: column; align-items: stretch; gap: 1rem; } .btn-primary, .btn-secondary { width: 100%; justify-content: center; padding: 1rem 2rem; } .ridgefield-grid { grid-template-columns: 1fr; gap: 1rem; } .authority-card, .service-card { padding: 1.5rem; } .map-container { height: 300px; } .section { padding: 50px 0; } .section-header { margin-bottom: 2.5rem; } .section-title { font-size: clamp(1.5rem, 4vw, 2.2rem); } .section-subtitle { font-size: 1rem; } } @media (max-width: 360px) { .hero-badge { font-size: 0.75rem; padding: 0.4rem 0.8rem; } .hero h1 { font-size: clamp(1.5rem, 6vw, 2.2rem); } .hero-subtitle { font-size: 1rem; } .hero-service { font-size: 0.75rem; padding: 0.3rem 0.6rem; } .btn-primary, .btn-secondary { font-size: 1rem; padding: 0.9rem 1.5rem; } .faq-question { padding: 1.5rem; } .faq-question h3 { font-size: 1.1rem; } .faq-answer-content { padding: 1.5rem; } } @media (hover: none) and (pointer: coarse) { .btn-primary, .btn-secondary, .authority-link, .service-link, .ridgefield-link, .nav-phone { min-height: 48px; min-width: 48px; } .faq-question { min-height: 60px; } .mobile-menu-link, .mobile-dropdown-link, .mobile-menu-cta { min-height: 48px; } .mobile-menu-close { min-height: 44px; min-width: 44px; } .contact-item { min-height: 72px; } } .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; } .mobile-menu::-webkit-scrollbar { width: 4px; } .mobile-menu::-webkit-scrollbar-track { background: var(--gray-100); } .mobile-menu::-webkit-scrollbar-thumb { background: var(--maroon); border-radius: 2px; } .mobile-menu-toggle:focus, .mobile-menu-link:focus, .mobile-dropdown-link:focus, .mobile-menu-close:focus { outline: 2px solid var(--gold); outline-offset: 2px; } .mobile-menu, .mobile-menu-overlay, .mobile-menu-toggle span, .mobile-dropdown { will-change: transform, opacity; } @media print { .navbar, .mobile-menu, .hero-video { display: none; } .hero { background: var(--maroon); color: var(--white); padding: 2rem 0; min-height: auto; } .section { padding: 1rem 0; } }
Crown Electric Logo Crown Electric
  • Home
  • Services
    Electric Panels EV Chargers Rewiring Services New Construction Residential Services Commercial Services
  • Service Areas
    Vancouver WA Battle Ground Camas Ridgefield
  • About
  • Contact
(360) 896-4122
Crown Electric Logo Crown Electric
Home
Services
Electric Panels EV Chargers Rewiring Services New Construction Residential Services Commercial Services
Service Areas
Vancouver WA Battle Ground Camas Ridgefield
About
Contact
Call (360) 896-4122
Your browser does not support the video tag.
⭐ 4.5/5 Google Reviews • Licensed & Insured Ridgefield WA

Electrician Ridgefield WA | Professional Electric Panel Installation & EV Charger Installation

Crown Electric is Ridgefield WA's most trusted electrical contractor specializing in electric panel installation, EV charger installation, and complete electrical services throughout Ridgefield Washington. Same-day service available with transparent pricing, guaranteed quality work, and complete customer satisfaction for all electrical needs.

⚡ Electric Panel Installation Ridgefield
🔌 EV Charger Installation
🔧 Electrical Repairs
🏠 Residential Electrical
Call (360) 896-4122 View Services →
Crown Electric team of licensed electricians serving Ridgefield WA - professional electrical contractors specializing in electric panel installation and EV charger installation
Professional Electrical Services

Electrician Ridgefield WA | Expert Electric Panel Installation & EV Charger Specialists

Crown Electric's licensed electricians provide comprehensive electrical services throughout Ridgefield WA and Clark County. From electric panel upgrades to Tesla charger installations, we deliver professional electrical solutions with guaranteed quality, code compliance, and transparent pricing. Our experienced team specializes in residential and commercial electrical work, serving Ridgefield homeowners and businesses with same-day service availability.

EP

Electric Panel Installation Ridgefield WA

Professional electric panel installation and upgrades in Ridgefield WA to meet modern electrical demands. Our licensed electricians Ridgefield WA handle main panel replacement, circuit breaker upgrades, and electrical service increases for homes and businesses throughout Ridgefield Washington. We specialize in upgrading outdated electrical panels to ensure safe, reliable power distribution.

View Electric Panel Services →
EV

EV Charger Installation Ridgefield WA

Expert EV charger installation for all electric vehicle brands throughout Ridgefield WA and Clark County. Our certified electricians install Tesla Wall Connectors, ChargePoint stations, and universal Level 2 chargers with proper electrical capacity assessment, GFCI protection, and complete safety compliance for residential and commercial properties in Ridgefield.

View EV Charger Services →
RES

Residential Electrician Ridgefield WA

Comprehensive residential electrical services in Ridgefield WA including outlet installation, lighting upgrades, ceiling fan installation, electrical repairs, and safety inspections. Our experienced residential electricians provide same-day service for electrical issues, helping Ridgefield homeowners maintain safe and efficient electrical systems throughout their properties.

View Residential Services →
ER

Electrical Repairs Ridgefield WA

Fast, reliable electrical repairs and troubleshooting throughout Ridgefield WA. Our licensed electricians diagnose and fix electrical issues including circuit breaker problems, outlet repairs, lighting issues, and electrical safety hazards. We provide same-day electrical repair service for urgent issues to keep your Ridgefield property safe and functional.

Get Electrical Repair Service →
COM

Commercial Electrician Ridgefield WA

Professional commercial electrical services in Ridgefield WA for businesses, offices, and commercial properties. Crown Electric provides electrical installations, maintenance, repairs, and upgrades for commercial facilities throughout Ridgefield with minimal business disruption and flexible scheduling to meet your operational needs.

View Commercial Services →
IN

Electrical Inspections Ridgefield WA

Thorough electrical inspections and safety assessments for homes and businesses in Ridgefield WA. Our licensed electricians provide comprehensive electrical system evaluations, code compliance checks, and safety inspections to ensure your electrical system meets Washington State requirements and operates safely and efficiently.

Schedule Inspection →
Why Choose Crown Electric

Ridgefield WA's Most Trusted Licensed Electrician Since 2014

Crown Electric has built an exceptional reputation as Ridgefield WA's premier electrical contractor through consistent quality work, transparent pricing, and exceptional customer service. Our licensed electricians serve residential and commercial clients throughout Ridgefield Washington with comprehensive electrical solutions, same-day service availability, and a commitment to excellence that has earned us 4.5/5 stars from satisfied customers.

LIC

Licensed & Insured Electricians

All Crown Electric electricians Ridgefield WA are fully licensed, bonded, and insured in Washington State with current certifications and extensive training. We maintain comprehensive liability insurance, follow all local electrical codes, and stay updated on the latest electrical standards, safety protocols, and industry best practices to ensure complete protection for Ridgefield WA clients.

Learn More About Our Team →
$$$

Transparent Pricing & Free Estimates

No hidden fees, surprise charges, or unexpected costs. Crown Electric provides detailed, upfront pricing with comprehensive estimates for all electrical work in Ridgefield WA. We offer competitive rates, flexible financing options for larger electrical projects, and clear communication throughout every project to ensure complete customer satisfaction and trust.

Get Free Estimate →
⏰

Same-Day Service Availability

Crown Electric offers same-day electrical service throughout Ridgefield WA and Clark County for most electrical repairs, installations, and urgent electrical issues. Our efficient scheduling system and local presence allow us to respond quickly to customer needs, often providing service within hours of your initial contact for qualified electrical work.

Call for Same-Day Service →
✓

Quality Workmanship Guarantee

Every electrical installation, repair, and upgrade comes with Crown Electric's comprehensive workmanship guarantee. We stand behind our electrical work with complete warranty coverage, use only high-quality materials and components, and ensure all work meets or exceeds Washington State electrical codes for long-lasting, reliable electrical solutions in Ridgefield.

View Our Guarantee →
Ridgefield WA Coverage

Licensed Electrician Serving All of Ridgefield Washington

Crown Electric provides comprehensive electrical services throughout Ridgefield WA including electric panel installation, EV charger installation, and electrical repairs. Our licensed electricians serve residential and commercial clients with same-day electrical service across all Ridgefield neighborhoods with local expertise, community commitment, and deep understanding of regional electrical codes and requirements.

RWA

Primary Service Area

Ridgefield WA receives priority scheduling for same-day electrical service including emergency repairs and urgent installations.

Call for Service →
HIST

Historic Downtown

Specialized electrical services for historic properties including code-compliant upgrades and preservation-sensitive installations.

Historic Property Services →
RES

Residential Areas

Complete home electrical services including panel upgrades, outlet installation, and whole-house electrical maintenance.

Residential Services →
BIZ

Business District

Commercial electrical installations, maintenance, and repairs for Ridgefield businesses with minimal disruption.

Commercial Services →
NEW

New Construction

Electrical design and installation for new homes and commercial buildings throughout Ridgefield development areas.

New Construction →
Frequently Asked Questions

Ridgefield WA Electrical Services Questions & Answers

Common questions about electrical services, pricing, timelines, and processes in Ridgefield WA. Crown Electric's licensed electricians provide detailed answers to help you make informed decisions about your electrical project needs in Ridgefield Washington.

Do you provide electrician services in Ridgefield WA?

+

Yes, Crown Electric provides complete electrician services throughout Ridgefield WA including electric panel installation, EV charger installation, electrical repairs, and residential electrical services. We serve all areas of Ridgefield Washington with same-day service availability and licensed, insured electricians who understand local electrical codes and requirements.

How much does electric panel installation cost in Ridgefield WA?

+

Electric panel installation in Ridgefield WA typically ranges from $2000 to $3500 depending on panel size, electrical service upgrade requirements, and permit needs. Crown Electric provides free estimates for all electric panel installation projects in Ridgefield Washington with transparent pricing, detailed scope of work, and no hidden fees or surprise charges.

Do you install EV chargers in Ridgefield WA?

+

Yes, Crown Electric installs Tesla Wall Connectors, Level 2 chargers, and universal EV charging stations throughout Ridgefield WA. Our certified electricians provide complete EV charger installation including electrical assessment, permit coordination, and professional installation with GFCI protection and code compliance for all types of electric vehicles.

Are your electricians licensed and insured in Ridgefield WA?

+

Yes, all Crown Electric electricians are fully licensed, bonded, and insured in Washington State. We maintain current certifications, follow all local electrical codes, and provide comprehensive liability insurance for all electrical work performed in Ridgefield WA and throughout Clark County. Our licensing and insurance information is available upon request.

Do you provide same-day electrical service in Ridgefield WA?

+

Yes, Crown Electric offers same-day electrical service in Ridgefield WA for most electrical repairs and installations. We prioritize urgent electrical issues and can typically schedule service calls within hours of your initial contact for qualified electrical work, depending on technician availability and project complexity throughout Ridgefield Washington.

What electrical permits are required for installations in Ridgefield WA?

+

Electrical permits are required in Ridgefield WA for electric panel installations, EV charger installations, major rewiring projects, new electrical circuits, and service upgrades. Crown Electric handles all permit applications, coordinates inspections with Clark County electrical departments, and ensures complete code compliance for all electrical work in Ridgefield Washington.

Contact Ridgefield WA's Most Trusted Licensed Electrician

Ready to schedule professional electrical services in Ridgefield WA? Contact Crown Electric today for expert electric panel installation, EV charger installation, and electrical repair services. Our licensed electricians Ridgefield WA provide transparent pricing, quality workmanship, and guaranteed satisfaction for all electrical projects throughout Ridgefield Washington.

CALL

Call Crown Electric

(360) 896-4122

EMAIL

Email Us

Crownelectric240@yahoo.com

AREA

Service Area

Ridgefield WA & Clark County

TIME

Business Hours

Monday - Friday: 8:00 AM - 4:00 PM
Same-day service available

ADDR

Office Address

6109 NE 121st Ave Suite 104
Vancouver, WA 98682
Serving Ridgefield WA