Contact Bob's Paint Land - Get Paint Quote Longview Vancouver WA | (360) 573-7133 * { margin: 0; padding: 0; box-sizing: border-box; } :root { --primary-black: #000000; --primary-white: #ffffff; --primary-red: #dc2626; --dark-red: #b91c1c; --primary-blue: #1d4ed8; --dark-blue: #1e40af; --primary-purple: #7c3aed; /* Contact Page Paint Card Color Progression */ --card-red: #dc2626; /* Hero - Pure red */ --card-red-orange: #ea580c; /* Contact Info - Red-Orange */ --card-orange: #f97316; /* Contact Forms - Orange */ --card-yellow: #fbbf24; /* Location Maps - Yellow */ --card-green: #10b981; /* Business Hours - Green */ --card-teal: #06b6d4; /* Service Areas - Teal */ --card-blue: #3b82f6; /* Contact FAQ - Blue */ --card-purple: #8b5cf6; /* CTA - Purple */ --card-dark-blue: #1e40af; /* Footer - Dark Blue */ --dark-gray: #1a1a1a; --medium-gray: #333333; --light-gray: #666666; --border-gray: #e0e0e0; --shadow: rgba(0, 0, 0, 0.1); --accent-gray: #f8f8f8; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: var(--primary-black); background: var(--card-red); overflow-x: hidden; margin: 0; padding: 0; } /* ===== NAVIGATION SYSTEM ===== */ .navbar { background: var(--primary-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(--primary-black); font-weight: 800; font-size: 1.5rem; z-index: 1002; } .nav-logo img { width: 120px; height: 60px; object-fit: contain; } /* Desktop Navigation */ .nav-menu { display: flex; list-style: none; gap: 2rem; align-items: center; } .nav-link { text-decoration: none; color: var(--primary-black); font-weight: 500; font-size: 0.95rem; transition: all 0.3s ease; position: relative; padding: 0.5rem 0; } .nav-link:hover { color: var(--primary-red); } .nav-link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--primary-red); 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(--primary-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(--border-gray); 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(--primary-black); text-decoration: none; font-size: 0.9rem; transition: all 0.3s ease; } .dropdown-link:hover { background: var(--accent-gray); color: var(--primary-red); } /* CTA Section */ .nav-cta { display: flex; align-items: center; gap: 1rem; } .nav-phone { background: linear-gradient(135deg, var(--primary-red) 0%, var(--dark-red) 100%); color: var(--primary-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(220, 38, 38, 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(--primary-black); 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(--primary-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(--primary-red) 0%, var(--dark-red) 100%); color: var(--primary-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(--primary-white); } .mobile-menu-logo img { width: 80px; height: 40px; object-fit: contain; } .mobile-menu-close { background: none; border: none; color: var(--primary-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(--border-gray); } .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(--primary-black); text-decoration: none; font-weight: 500; font-size: 1rem; transition: all 0.3s ease; min-height: 56px; background: var(--primary-white); } .mobile-menu-link:hover, .mobile-menu-link:focus { background: var(--accent-gray); color: var(--primary-red); padding-left: 2rem; } .mobile-menu-link.has-dropdown::after { content: '▼'; font-size: 0.8rem; transition: transform 0.3s ease; color: var(--light-gray); } .mobile-menu-item.active .mobile-menu-link.has-dropdown::after { transform: rotate(180deg); } .mobile-dropdown { max-height: 0; overflow: hidden; background: var(--accent-gray); 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(--medium-gray); text-decoration: none; font-size: 0.9rem; font-weight: 400; transition: all 0.3s ease; border-bottom: 1px solid var(--border-gray); min-height: 48px; display: flex; align-items: center; background: var(--accent-gray); } .mobile-dropdown-link:last-child { border-bottom: none; } .mobile-dropdown-link:hover, .mobile-dropdown-link:focus { background: var(--primary-white); color: var(--primary-red); padding-left: 3rem; } .mobile-menu-cta { margin: 1.5rem; padding: 1rem; background: linear-gradient(135deg, var(--primary-red) 0%, var(--dark-red) 100%); color: var(--primary-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(220, 38, 38, 0.2); } .mobile-menu-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(220, 38, 38, 0.3); } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideInLeft { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } } @keyframes slideInRight { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: translateX(0); } } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes shimmer { 0% { left: -100%; } 100% { left: 100%; } } .animate-on-scroll { opacity: 1; transform: translateY(0); transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .animate-on-scroll.animate { opacity: 1; transform: translateY(0); } /* Only hide sections initially if JavaScript is available */ .js-enabled .animate-on-scroll { opacity: 0; transform: translateY(30px); } .js-enabled .animate-on-scroll.animate { opacity: 1; transform: translateY(0); } /* Paint Card Stand Color Progression for Contact Page */ .hero { height: 100vh; min-height: 600px; background: linear-gradient(135deg, var(--card-red) 0%, #b91c1c 100%); display: flex; align-items: center; position: relative; overflow: hidden; color: var(--primary-white); padding-top: 80px; } .section:nth-of-type(2) { /* Contact Information */ background: linear-gradient(135deg, var(--card-red-orange) 0%, var(--card-red) 100%); color: var(--primary-white); } .section:nth-of-type(3) { /* Contact Forms */ background: linear-gradient(135deg, var(--card-orange) 0%, var(--card-red-orange) 100%); color: var(--primary-white); } .section:nth-of-type(4) { /* Location Maps */ background: linear-gradient(135deg, var(--card-yellow) 0%, #f59e0b 100%); color: var(--primary-black); } .section:nth-of-type(5) { /* Business Hours */ background: linear-gradient(135deg, var(--card-green) 0%, #059669 100%); color: var(--primary-white); } .section:nth-of-type(6) { /* Service Areas */ background: linear-gradient(135deg, var(--card-teal) 0%, #0891b2 100%); color: var(--primary-white); } .section:nth-of-type(7) { /* Contact FAQ */ background: linear-gradient(135deg, var(--card-blue) 0%, #2563eb 100%); color: var(--primary-white); } .cta-section { background: linear-gradient(135deg, var(--card-purple) 0%, var(--primary-purple) 100%); color: var(--primary-white); } .footer { background: linear-gradient(135deg, var(--card-dark-blue) 0%, #1e3a8a 100%); color: var(--primary-white); } /* Section Base Styles */ .section { padding: 5rem 0; position: relative; color: var(--primary-white); } .section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 50%); z-index: 0; } .section > .container { position: relative; z-index: 1; } /* Yellow section text override */ .section:nth-of-type(4) { color: var(--primary-black); } .section:nth-of-type(4) .section-title, .section:nth-of-type(4) .section-subtitle { color: var(--primary-black); text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3); } /* Paint Card Backgrounds */ .contact-card, .form-card, .map-card, .hours-card, .area-card { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); color: var(--primary-black); position: relative; z-index: 1; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); border-radius: 15px; padding: 2rem; transition: all 0.3s ease; } /* Brand Cards - Special styling for Premium Paint Brands section */ .brand-card { background: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); color: var(--primary-black) !important; } .brand-content * { color: var(--primary-black) !important; } .brand-title { color: var(--primary-black) !important; text-shadow: none !important; } .brands-grid .hours-title { color: var(--primary-black) !important; text-shadow: none !important; } /* Yellow section card override */ .section:nth-of-type(4) .contact-card, .section:nth-of-type(4) .form-card, .section:nth-of-type(4) .map-card, .section:nth-of-type(4) .hours-card, .section:nth-of-type(4) .area-card { background: rgba(255, 255, 255, 0.95); color: var(--primary-black); border: 1px solid rgba(0, 0, 0, 0.1); } .contact-card:hover, .form-card:hover, .map-card:hover, .hours-card:hover, .area-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); } /* Hero Section */ .hero-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; z-index: 1; position: relative; width: 100%; } .hero-content { animation: slideInLeft 1s ease-out; } .hero-badge { background: rgba(255, 255, 255, 0.2); color: var(--primary-white); padding: 0.5rem 1rem; border-radius: 50px; font-size: 0.9rem; font-weight: 600; display: inline-block; margin-bottom: 1rem; animation: pulse 2s infinite; border: 2px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); } .hero h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 800; line-height: 1.1; margin-bottom: 1rem; color: var(--primary-white); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .hero-subtitle { font-size: clamp(1rem, 2vw, 1.25rem); color: rgba(255, 255, 255, 0.9); margin-bottom: 2rem; font-weight: 400; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); line-height: 1.6; } .hero-cta { display: flex; gap: 1rem; margin-bottom: 2rem; flex-wrap: wrap; } .cta-primary, .cta-secondary { padding: 1rem 2rem; font-size: 1.1rem; font-weight: 600; border-radius: 50px; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; } .cta-primary { background: rgba(255, 255, 255, 0.2); color: var(--primary-white); border: 2px solid rgba(255, 255, 255, 0.4); backdrop-filter: blur(10px); } .cta-primary:hover { transform: translateY(-3px); background: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.6); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } .cta-secondary { background: transparent; color: var(--primary-white); border: 2px solid rgba(255, 255, 255, 0.6); } .cta-secondary:hover { background: rgba(255, 255, 255, 0.2); color: var(--primary-white); transform: translateY(-3px); } .hero-contact-methods { display: flex; gap: 2rem; flex-wrap: wrap; } .contact-method { text-align: center; } .contact-method-value { font-size: clamp(1.1rem, 2vw, 1.3rem); font-weight: 700; color: var(--primary-white); display: block; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); margin-bottom: 0.2rem; } .contact-method-label { font-size: 0.9rem; color: rgba(255, 255, 255, 0.8); text-transform: uppercase; letter-spacing: 1px; } .hero-visual { animation: slideInRight 1s ease-out; position: relative; } .hero-image { width: 100%; height: 400px; background: var(--accent-gray); border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: var(--light-gray); position: relative; overflow: hidden; } .hero-image::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); animation: shimmer 3s infinite; } .container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } .section-header { text-align: center; margin-bottom: 4rem; position: relative; z-index: 1; } .section-title { font-size: clamp(2rem, 4vw, 2.5rem); font-weight: 800; margin-bottom: 1rem; color: inherit; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); line-height: 1.2; } .section-subtitle { font-size: clamp(1rem, 2vw, 1.2rem); color: inherit; opacity: 0.9; max-width: 600px; margin: 0 auto; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); line-height: 1.6; } /* Grid Layouts */ .two-col-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: flex-start; } .three-col-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } /* Contact Information Cards */ .contact-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 3rem; margin-top: 3rem; } .contact-location { text-align: left; } .location-title { font-size: clamp(1.3rem, 2vw, 1.5rem); font-weight: 700; margin-bottom: 0.5rem; color: var(--primary-black); } .location-rating { color: var(--light-gray); margin-bottom: 1.5rem; font-size: 0.95rem; } .contact-details { margin-bottom: 2rem; } .contact-details p { margin-bottom: 0.8rem; color: var(--medium-gray); line-height: 1.5; } .contact-details strong { color: var(--primary-black); font-weight: 600; } .contact-cta { background: var(--primary-red); color: var(--primary-white); padding: 0.75rem 1.5rem; border: none; border-radius: 50px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-block; margin-right: 1rem; margin-bottom: 1rem; } .contact-cta:hover { background: var(--dark-red); transform: translateY(-2px); } .contact-cta.secondary { background: transparent; color: var(--primary-black); border: 2px solid var(--primary-black); } .contact-cta.secondary:hover { background: var(--primary-black); color: var(--primary-white); } /* Contact Forms */ .forms-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 3rem; margin-top: 3rem; } .form-title { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--primary-black); } .form-description { color: var(--medium-gray); margin-bottom: 2rem; line-height: 1.6; } .form-group { margin-bottom: 1.5rem; } .form-label { display: block; margin-bottom: 0.5rem; color: var(--primary-black); font-weight: 600; } .form-input, .form-textarea, .form-select { width: 100%; padding: 0.75rem 1rem; border: 2px solid var(--border-gray); border-radius: 8px; font-size: 1rem; transition: all 0.3s ease; background: var(--primary-white); } .form-input:focus, .form-textarea:focus, .form-select:focus { outline: none; border-color: var(--primary-red); box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1); } .form-textarea { resize: vertical; min-height: 120px; } .form-submit { background: var(--primary-red); color: var(--primary-white); padding: 0.75rem 2rem; border: none; border-radius: 50px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; width: 100%; } .form-submit:hover { background: var(--dark-red); transform: translateY(-2px); } /* Maps Section */ .maps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 3rem; margin-top: 3rem; } .map-container { margin-bottom: 2rem; } .map-frame { width: 100%; height: 300px; border: none; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } .map-info { margin-top: 1.5rem; } .map-title { font-size: 1.2rem; font-weight: 700; color: var(--primary-black); margin-bottom: 0.5rem; } .map-address { color: var(--medium-gray); margin-bottom: 1rem; line-height: 1.5; } /* Business Hours */ .hours-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .hours-table { background: rgba(255, 255, 255, 0.1); border-radius: 10px; padding: 1.5rem; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } .hours-title { font-size: 1.2rem; font-weight: 700; color: var(--primary-white); margin-bottom: 1rem; text-align: center; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .hours-list { list-style: none; padding: 0; margin: 0; } .hours-list li { display: flex; justify-content: space-between; padding: 0.75rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: var(--primary-white); font-size: 0.95rem; font-weight: 500; } .hours-list li:last-child { border-bottom: none; } .hours-list li span:first-child { font-weight: 600; } .hours-list li span:last-child { font-weight: 400; opacity: 0.9; } /* Service Areas */ .areas-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 3rem; } .area-item { background: rgba(255, 255, 255, 0.1); padding: 1.5rem; border-radius: 10px; text-align: center; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; } .area-item:hover { background: rgba(255, 255, 255, 0.15); transform: translateY(-3px); } .area-title { font-weight: 700; color: var(--primary-white); margin-bottom: 0.5rem; font-size: 1.1rem; } .area-desc { color: rgba(255, 255, 255, 0.9); font-size: 0.9rem; line-height: 1.4; } /* FAQ Section - Using Home Page Structure */ .faq-container { max-width: 800px; margin: 3rem auto 0; } .faq-item { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 15px; margin-bottom: 1rem; overflow: hidden; transition: all 0.3s ease; position: relative; } .faq-item:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } .faq-question { width: 100%; padding: 1.5rem 2rem; background: none; border: none; text-align: left; font-size: clamp(1rem, 2vw, 1.1rem); font-weight: 600; color: var(--primary-black); cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease; position: relative; line-height: 1.4; } .faq-question:hover { background: rgba(255, 255, 255, 0.1); } .faq-question:focus { outline: 2px solid var(--primary-red); outline-offset: -2px; } .faq-question[aria-expanded="true"] { background: rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .faq-question[aria-expanded="true"] .faq-arrow { transform: rotate(45deg); color: var(--primary-red); } .faq-arrow { font-size: 1.5rem; font-weight: 300; color: var(--light-gray); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); flex-shrink: 0; margin-left: 1rem; } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .faq-item.active .faq-answer { max-height: 500px; } .faq-answer p { padding: 0 2rem 2rem 2rem; margin: 0; color: var(--medium-gray); line-height: 1.6; } .faq-answer strong { color: var(--primary-black); font-weight: 600; } .faq-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, var(--primary-red), var(--dark-red)); transition: height 0.3s ease; } .faq-item.active::before { height: 100%; } .faq-item:hover::before { height: 30%; } /* CTA Section */ .cta-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%); z-index: 0; } .cta-content { position: relative; z-index: 1; text-align: center; padding: 3rem 0; } .cta-title { font-size: clamp(2rem, 5vw, 3rem); font-weight: 800; margin-bottom: 1rem; line-height: 1.2; } .cta-subtitle { font-size: clamp(1.1rem, 2vw, 1.3rem); margin-bottom: 2rem; opacity: 0.9; line-height: 1.6; } .cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; } .cta-btn-white { background: rgba(255, 255, 255, 0.9); color: var(--primary-black); padding: 1rem 2rem; border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; backdrop-filter: blur(10px); min-height: 56px; } .cta-btn-white:hover { background: var(--primary-white); transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .cta-btn-outline { background: transparent; color: var(--primary-white); padding: 1rem 2rem; border: 2px solid rgba(255, 255, 255, 0.8); border-radius: 50px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; backdrop-filter: blur(10px); min-height: 56px; } .cta-btn-outline:hover { background: rgba(255, 255, 255, 0.2); color: var(--primary-white); transform: translateY(-3px); border-color: var(--primary-white); } /* Footer */ .footer { padding: 3rem 0 1rem; position: relative; } .footer::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 25% 25%, rgba(0, 0, 0, 0.1) 0%, transparent 40%), radial-gradient(circle at 75% 75%, rgba(0, 0, 0, 0.05) 0%, transparent 40%); z-index: 0; } .footer-badge-section { text-align: center; margin-bottom: 3rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: relative; z-index: 2; } .footer-ppg-badge { max-width: 200px; height: auto; margin: 0 auto 1rem auto; display: block; transition: transform 0.3s ease; } .footer-ppg-badge:hover { transform: scale(1.05); } .badge-text { color: var(--primary-white); font-size: 1.1rem; font-weight: 600; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); margin: 0; opacity: 0.9; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; position: relative; z-index: 2; } .footer-section h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 1rem; color: var(--primary-white); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .footer-section a { color: var(--primary-white); text-decoration: none; display: block; margin-bottom: 0.5rem; opacity: 0.9; transition: all 0.3s ease; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .footer-section a:hover { opacity: 1; transform: translateX(3px); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .footer-section a[href^="tel:"] { font-weight: 600; color: var(--primary-white); } .footer-section a[href^="mailto:"] { font-weight: 500; } .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 2rem; text-align: center; color: var(--primary-white); opacity: 0.9; position: relative; z-index: 2; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } /* ===== 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-container { grid-template-columns: 1fr; gap: 3rem; text-align: center; padding: 2rem 1rem; } .hero-visual { order: -1; } .hero-image { height: 300px; max-width: 400px; margin: 0 auto; } .hero-cta { flex-direction: column; align-items: center; } .cta-primary, .cta-secondary { width: 100%; max-width: 300px; justify-content: center; } .hero-contact-methods { justify-content: center; } .two-col-grid { grid-template-columns: 1fr; gap: 2rem; } .three-col-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } .contact-info-grid, .forms-grid, .maps-grid, .hours-grid { grid-template-columns: 1fr; gap: 2rem; } .areas-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; } .footer-content { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } .section { padding: 4rem 0; } .section-header { margin-bottom: 3rem; } .faq-question { padding: 1.2rem 1.5rem; } .faq-answer p { padding: 0 1.5rem 1.5rem 1.5rem; } .faq-arrow { font-size: 1.3rem; margin-left: 0.5rem; } } @media (max-width: 480px) { .nav-container { padding: 1rem 15px; } .nav-logo img { width: 100px; height: 50px; } .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: 80vh; padding-top: 100px; } .hero-container { padding: 1rem 15px; } .hero-image { height: 250px; max-width: 320px; } .three-col-grid { grid-template-columns: 1fr; } .areas-grid { grid-template-columns: 1fr; } .footer-content { grid-template-columns: 1fr; gap: 1.5rem; } .footer-ppg-badge { max-width: 150px; } .badge-text { font-size: 1rem; } .section { padding: 3rem 0; } .contact-card, .form-card, .map-card, .hours-card, .area-card { padding: 1.5rem; } .cta-buttons { flex-direction: column; align-items: center; } .cta-btn-white, .cta-btn-outline { width: 100%; max-width: 280px; } .hero-contact-methods { flex-direction: column; gap: 1rem; } } @media (max-width: 360px) { .hero-badge { font-size: 0.75rem; padding: 0.4rem 0.8rem; } .hero-image { height: 200px; max-width: 280px; } } @media (hover: none) and (pointer: coarse) { .cta-primary, .cta-secondary, .nav-phone, .contact-cta, .form-submit { 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; } } .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; }
Bob's Paint Land Logo
  • Services
    Paint Store & Supplies House Painting Services Auto Painting & Refinishing Commercial Painting Custom Paint Matching Paint Equipment Rentals
  • Locations
    Longview Store Vancouver Store
  • About
  • Contact
(360) 573-7133
Bob's Paint Land Logo
Services
Paint Store & Supplies House Painting Services Auto Painting & Refinishing Commercial Painting Custom Paint Matching Paint Equipment Rentals
Locations
Longview Store Vancouver Store
About
Contact
Call (360) 573-7133
Contact Paint Experts

Get Expert Paint Consultation & Custom Quotes in Southwest Washington

Contact Bob's Paint Land for professional paint consultation, custom color matching, and service quotes. Our paint experts at Longview and Vancouver locations provide same-day estimates and personalized service for all your paint needs across Clark and Cowlitz Counties.

Call (360) 573-7133 Get Online Quote
(360) 573-7133 Phone Both Locations
Same Day Quote Response
63 Years Paint Expertise
Contact Paint Store Experts
Longview & Vancouver Locations

Contact Paint Store Locations Serving Southwest Washington

Visit our family-owned paint stores in Longview and Vancouver for expert consultation, custom paint quotes, and same-day color matching services. Our paint professionals serve Clark and Cowlitz Counties with over 63 years of combined expertise.

Longview Paint Store Contact

★★★★★ 4.9 Rating (11 Reviews)

Address: 1158 11th Ave, Longview, WA 98632

Phone: (360) 573-7133

Email: longview@bobspaintland.com

Hours: Open Daily - Closes 5:00 PM

Serves: Longview, Kelso, Castle Rock, Woodland, Kalama, Toutle, and all Cowlitz County communities

Services: Paint store supplies, custom color matching, spray can services, commercial paint consultation, house painting quotes

Call Longview Store Store Details

Vancouver Paint Store Contact

★★★★★ 4.8 Rating (249 Reviews)

Address: 1501 NE 99th St #9015, Vancouver, WA 98665

Phone: (360) 573-7133

Email: vancouver@bobspaintland.com

Hours: Open Daily - Closes 5:30 PM

Area: Hazel Dell, Vancouver, Battle Ground, Camas, Washougal, La Center, and all Clark County communities

Services: PPG Premium Distributor, Sherwin Williams dealer, Benjamin Moore retailer, auto paint consultation, equipment rentals

Call Vancouver Store Store Details

Emergency Paint Consultation: For urgent commercial projects or large residential jobs, call (360) 573-7133 for same-day consultation availability.

Get Custom Paint Quote & Expert Consultation Southwest Washington

Submit your paint project details for personalized quotes and expert recommendations. Our paint professionals provide detailed estimates for residential, commercial, and specialty paint services across Clark and Cowlitz Counties.

General Paint Store Consultation

Get expert paint advice, color consultation, and product recommendations for any paint project in Southwest Washington.

House Painting Service Quote

Request detailed estimates for residential interior and exterior painting projects across Southwest Washington.

Commercial Paint Project Quote

Professional estimates for commercial, industrial, and large-scale painting projects throughout Southwest Washington.

Find Paint Store Locations Serving Clark & Cowlitz Counties

Visit our convenient paint store locations in Longview and Vancouver for expert paint consultation, custom color matching, and premium paint products. Easy access from all major Southwest Washington communities.

Longview Paint Store Location

1158 11th Ave, Longview, WA 98632

Convenient location serving Longview, Kelso, Castle Rock, Woodland, and all Cowlitz County communities

Parking: Free customer parking available

Access: Easy highway access from I-5 and SR 4

Directions: Located on 11th Avenue near downtown Longview

Call (360) 573-7133 Store Details

Vancouver Paint Store Location

1501 NE 99th St #9015, Vancouver, WA 98665

Located in Hazel Dell serving Vancouver, Battle Ground, Camas, Washougal, and all Clark County areas

Parking: Ample free parking in shopping center

Access: Easy access from I-5, I-205, and Highway 99

Directions: Corner of 99th Street and Highway 99 in Hazel Dell

Call (360) 573-7133 Store Details

Custom Paint Solutions & Expert Services Southwest Washington

Contact Bob's Paint Land for specialized paint services you won't find anywhere else in Southwest Washington. Our family-owned business offers custom solutions, expert consultation, and unique services backed by 63 years of paint industry experience.

Custom Color Matching Services

Advanced Color Technology
  • SAME-DAY COLOR MATCHING: Any color, any brand
  • SPRAY CAN CUSTOM COLORS: Unique service in Southwest WA
  • AUTO PAINT MATCHING: Collision repair specialists
  • FURNITURE REFINISHING: Custom chalk paint colors
  • PRECISION EQUIPMENT: Professional color matching

1-2 Hour Turnaround Time

Bring any color sample for matching

Professional Paint Consultation

63 Years Paint Expertise
  • PROJECT PLANNING: Surface prep to finish coats
  • PRODUCT SELECTION: Right paint for every application
  • COLOR CONSULTATION: Professional color advice
  • CONTRACTOR SUPPORT: Wholesale pricing & job delivery
  • DIY GUIDANCE: Step-by-step project help

Free Consultation Available

On-site visits for large projects

Specialty Paint Services

Unique Services Southwest WA
  • MARINE COATINGS: Boat & watercraft painting
  • INDUSTRIAL PAINT: Commercial facility coatings
  • EQUIPMENT RENTALS: Sprayers & painting tools
  • SURFACE PREPARATION: Pressure washing services
  • EMERGENCY SERVICES: Commercial project support

Specialized Solutions Available

Call for custom project consultation

What Makes Bob's Paint Land Different?

✓ Custom Spray Can Colors

Only paint store in Southwest Washington offering custom color matching in spray cans.

✓ Same-Day Service

Color matching and paint preparation typically completed within 1-2 hours of visit.

✓ Family-Owned Since 1962

Three generations of paint expertise with personalized service you won't find at big box stores.

✓ Professional & DIY Support

Expert guidance for both professional contractors and weekend DIY warriors.

Call (360) 573-7133 for Expert Consultation Get Custom Paint Quote

Paint Service Coverage Area Across Southwest Washington

Bob's Paint Land proudly serves customers across a 180+ mile territory from Bellevue, Washington to Molalla, Oregon. Contact us for paint consultation, supplies, and services throughout Southwest Washington communities.

Cowlitz County Paint Services

Longview, Kelso, Castle Rock, Woodland, Kalama, Toutle, and surrounding communities

Clark County Paint Services

Vancouver, Hazel Dell, Battle Ground, Camas, Washougal, La Center, and surrounding areas

North Coverage Area

Bellevue, Chehalis, Centralia, Olympia, Tumwater, Lacey, and South Sound communities

South Coverage Area

Portland Metro, St. Helens, Forest Grove, Molalla, Oregon City, and North Oregon

Commercial Service Radius

Large commercial and industrial projects throughout Southwest Washington and North Oregon

Auto Paint Services

Body shop consultation and automotive paint supplies from Bellevue, WA to Molalla, OR

Don't see your area listed? We serve many additional communities throughout Southwest Washington. Call (360) 573-7133 to confirm service availability in your location.

Frequently Asked Contact & Service Questions

Get answers to common questions about contacting Bob's Paint Land, our response times, consultation process, and paint services across Southwest Washington.

We provide same-day response to all paint quote requests submitted during business hours. For urgent commercial projects or emergency paint consultation needs, call (360) 573-7133 directly. Most residential house painting quotes are prepared and emailed within 2-4 hours, while commercial projects may require 24-48 hours for comprehensive proposals.

We offer both in-store and remote color consultation services. Visit our Longview or Vancouver locations for hands-on color matching with our advanced equipment. For remote consultation, email photos of your project and color samples to receive expert recommendations. Our paint professionals can guide you through color selection via phone consultation and mail color samples to your Southwest Washington location.

For accurate house painting estimates, we need: property address, square footage or room dimensions, interior vs exterior project scope, current paint condition, desired timeline, and any special requirements. Photos of the areas to be painted help significantly. Our paint professionals can also schedule free on-site consultations throughout Clark and Cowlitz Counties for detailed assessments.

Yes, we specialize in commercial and industrial paint consultation for facilities throughout our 180+ mile service area. Our team provides on-site assessments, project planning, safety protocol development, and comprehensive quotes for warehouses, offices, manufacturing facilities, and other commercial buildings. We coordinate with facility managers to minimize business disruption during painting projects.

For emergency paint consultation and services, call (360) 573-7133 immediately. This number reaches both our Longview and Vancouver locations. Emergency services include urgent commercial facility painting, collision repair paint matching, and critical project deadline consultation. We prioritize emergency calls and can often provide same-day service for urgent needs across Southwest Washington.

Yes, we provide free on-site consultation for qualifying paint projects throughout our service area. Free consultations are available for house painting projects over $1,000 and all commercial painting inquiries. Our paint experts bring color samples, provide detailed assessments, and offer personalized recommendations during these visits. Schedule your free consultation by calling (360) 573-7133.

Our advanced color matching technology can match virtually any color sample you provide. Bring a clean sample (minimum 1 inch square) to either location for same-day color matching. We can also put custom-matched colors into spray cans - a unique service we offer. Most color matching is completed within 1-2 hours, and we guarantee accurate color reproduction using our precision equipment.

As a family-owned business since 1962, we provide personalized service that big box stores cannot match. We know our customers by name, remember their paint preferences, and offer expert consultation based on 63 years of paint industry experience. Our unique services include spray can custom colors, same-day color matching, and dedicated contractor support. We're deeply invested in Southwest Washington communities and stand behind every product and service.

Absolutely. We regularly coordinate with general contractors, construction companies, and other trades for comprehensive project completion. Our paint professionals understand construction timelines and can schedule paint delivery, surface preparation, and application to align with other project phases. We maintain relationships with trusted contractors throughout Southwest Washington and can provide referrals when needed.

We accept cash, check, all major credit cards, and business accounts for paint supplies and services. For larger commercial projects, we offer net payment terms to qualified businesses. While we don't directly offer financing, we can recommend trusted financial partners for major home improvement projects. Contact us at (360) 573-7133 to discuss payment options for your specific paint project needs.

Ready to Start Your Paint Project in Southwest Washington?

Contact Bob's Paint Land today for expert paint consultation, custom quotes, and professional service. Our paint experts are ready to help with your residential, commercial, or specialty paint needs across Clark and Cowlitz Counties.

Call (360) 573-7133 Now Get Online Quote
PPG Premium Distributor Badge

Authorized PPG Premium Distributor

Services

Paint Store & Supplies House Painting Auto Painting Commercial Painting Custom Paint Matching Equipment Rentals

Longview Services

Paint Store Longview House Painting Longview Auto Painting Longview Commercial Longview Color Matching Longview Equipment Rentals Longview

Vancouver Services

Paint Store Vancouver House Painting Vancouver Auto Painting Vancouver Commercial Vancouver Color Matching Vancouver Equipment Rentals Vancouver

Contact Information

Longview Store
1158 11th Ave, Longview WA Vancouver Store
1501 NE 99th St, Vancouver WA About Our Family Business Contact & Quotes (360) 573-7133 info@bobspaintland.com

© 2025 Bob's Paint Land. Family owned since 1962. Serving Southwest Washington with pride.