/* ============================================
EMERGENCY SERVICES & RELATED ARTICLES
Costa Mesa, CA - Complete Self-Contained Styles
============================================ */
.npser-emergency-services,
.npser-related-articles {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
box-sizing: border-box;
overflow-x: hidden;
padding: 80px 30px;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.npser-emergency-services *,
.npser-related-articles * { box-sizing: border-box; }
.npser-emergency-services .npser-wrap,
.npser-related-articles .npser-wrap {
max-width: 1150px;
margin: 0 auto;
width: 100%;
}
.npser-emergency-services { background: #0B3C5D; }
.npser-related-articles { background: #F8F9FA; }
.npser-emergency-services .npser-h2-orange {
color: #FF6B35;
font-size: 34px;
font-weight: 700;
line-height: 1.35;
letter-spacing: -0.3px;
margin: 0 0 26px 0;
padding: 0 0 16px 0;
border-bottom: 2px solid rgba(255,107,53,0.35);
text-align: left;
}
.npser-related-articles .npser-h2-dark {
color: #0B3C5D;
font-size: 34px;
font-weight: 700;
line-height: 1.35;
letter-spacing: -0.3px;
margin: 0 0 26px 0;
padding: 0 0 16px 0;
border-bottom: 3px solid #FF6B35;
text-align: left;
}
.npser-emergency-services .npser-p,
.npser-related-articles .npser-p {
font-size: 18px;
line-height: 1.8;
margin: 0 0 16px 0;
color: #333333;
}
.npser-emergency-services .npser-services-note {
font-size: 16px;
line-height: 1.7;
color: #b8c9d6;
font-style: italic;
text-align: center;
margin: 0 0 40px 0;
}
/* Emergency section footnote - WHITE on dark blue background */
.npser-emergency-services .npser-services-footnote {
font-size: 15px;
line-height: 1.7;
color: #ffffff !important;
font-style: italic;
text-align: center;
margin: 30px 0 0 0;
}
/* Related articles footnote - dark gray on light background */
.npser-related-articles .npser-services-footnote {
font-size: 15px;
line-height: 1.7;
color: #6b7c93;
font-style: italic;
text-align: center;
margin: 30px 0 0 0;
}
.npser-emergency-services .npser-grid,
.npser-related-articles .npser-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 22px;
}
.npser-emergency-services .npser-card,
.npser-related-articles .npser-card {
background: #ffffff;
padding: 28px 26px;
border-radius: 12px;
border-top: 4px solid #FF6B35;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 2px 10px rgba(11,60,93,0.06);
display: flex;
flex-direction: column;
}
.npser-emergency-services .npser-card:hover,
.npser-related-articles .npser-card:hover {
transform: translateY(-5px);
box-shadow: 0 14px 32px rgba(11,60,93,0.15);
}
.npser-emergency-services .npser-card-icon,
.npser-related-articles .npser-card-icon {
font-size: 36px;
margin: 0 0 12px 0;
line-height: 1;
display: block;
}
.npser-emergency-services .npser-card h3,
.npser-related-articles .npser-card h3 {
font-size: 20px;
color: #0B3C5D;
margin: 0 0 10px 0;
font-weight: 600;
line-height: 1.4;
}
.npser-emergency-services .npser-card p,
.npser-related-articles .npser-card p {
font-size: 15.5px;
line-height: 1.7;
color: #4a5568;
margin: 0 0 18px 0;
flex-grow: 1;
}
.npser-emergency-services .npser-learn-btn,
.npser-related-articles .npser-learn-btn {
display: inline-block;
padding: 11px 26px;
font-size: 14.5px;
font-weight: 700;
background: #FF6B35;
color: #ffffff !important;
border: 2px solid #FF6B35;
border-radius: 8px;
text-decoration: none !important;
border-bottom: none !important;
transition: all 0.3s ease;
text-align: center;
line-height: 1.2;
align-self: flex-start;
}
.npser-emergency-services .npser-learn-btn:hover,
.npser-related-articles .npser-learn-btn:hover {
background: #e85a28;
border-color: #e85a28;
color: #ffffff !important;
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(255,107,53,0.5);
}
.npser-emergency-services .npser-cta-row {
margin: 30px 0 0 0;
display: flex;
gap: 18px;
justify-content: center;
flex-wrap: wrap;
}
.npser-emergency-services .npser-btn {
display: inline-block;
padding: 18px 40px;
font-size: 18px;
font-weight: 700;
border-radius: 10px;
text-decoration: none !important;
border-bottom: none !important;
transition: all 0.3s ease;
min-width: 250px;
text-align: center;
line-height: 1.2;
}
.npser-emergency-services .npser-btn-primary {
background: #FF6B35;
color: #ffffff !important;
border: 2px solid #FF6B35;
box-shadow: 0 6px 20px rgba(255,107,53,0.4);
}
.npser-emergency-services .npser-btn-primary:hover {
background: #e85a28;
border-color: #e85a28;
transform: translateY(-3px);
box-shadow: 0 10px 28px rgba(255,107,53,0.55);
color: #ffffff !important;
}
@media (max-width: 900px) {
.npser-emergency-services,
.npser-related-articles { padding: 60px 22px; }
.npser-emergency-services .npser-h2-orange,
.npser-related-articles .npser-h2-dark { font-size: 27px; }
.npser-emergency-services .npser-p,
.npser-related-articles .npser-p { font-size: 16.5px; }
.npser-emergency-services .npser-card h3,
.npser-related-articles .npser-card h3 { font-size: 18px; }
.npser-emergency-services .npser-card p,
.npser-related-articles .npser-card p { font-size: 15px; }
.npser-emergency-services .npser-btn {
font-size: 16px; padding: 16px 32px; min-width: 220px;
}
}
@media (max-width: 600px) {
.npser-emergency-services,
.npser-related-articles { padding: 45px 16px; }
.npser-emergency-services .npser-h2-orange,
.npser-related-articles .npser-h2-dark {
font-size: 22px; margin-bottom: 20px; padding-bottom: 12px;
}
.npser-emergency-services .npser-p,
.npser-related-articles .npser-p { font-size: 15.5px; line-height: 1.75; }
.npser-emergency-services .npser-grid,
.npser-related-articles .npser-grid { grid-template-columns: 1fr; gap: 16px; }
.npser-emergency-services .npser-card,
.npser-related-articles .npser-card { padding: 22px 20px; }
.npser-emergency-services .npser-card-icon,
.npser-related-articles .npser-card-icon { font-size: 32px; }
.npser-emergency-services .npser-card h3,
.npser-related-articles .npser-card h3 { font-size: 17.5px; }
.npser-emergency-services .npser-learn-btn,
.npser-related-articles .npser-learn-btn {
width: 100%; padding: 13px 18px; font-size: 15px;
}
.npser-emergency-services .npser-btn {
width: 100%; padding: 15px 18px; font-size: 16px; min-width: 100%;
}
.npser-emergency-services .npser-services-note,
.npser-related-articles .npser-services-footnote { font-size: 14px; }
}
Emergency Plumbing Services in Costa Mesa, CA
When a plumbing problem can't wait, our lead-generation connection service helps you reach independent local plumbing professionals serving Costa Mesa. Confirm availability, response times, and applicable charges directly with the provider.
🚿
Clogged Drain Cleaning Costa Mesa
Blocked kitchen sinks, slow bathroom drains, standing water, or recurring drain backups can disrupt daily routines. Help may be available for clearing clogs and identifying what is causing the blockage.
Learn More
🚽
Clogged Toilet Costa Mesa
A toilet that won't flush, repeatedly clogs, or is close to overflowing needs prompt attention. Help may be available for clearing stubborn blockages and checking whether a deeper drain issue is involved.
Learn More
💧
No Water Pressure in House Costa Mesa
Weak flow at every fixture, trickling taps, or a total loss of pressure can point to a failing regulator, hidden leak, or clogged line. Help may be available for diagnosing and repairing the cause.
Learn More
🔥
No Hot Water in House Costa Mesa
Cold showers or hot water that runs out quickly can indicate a failed heating element, pilot problem, or failing tank. Help may be available for diagnosing and repairing your water heater.
Learn More
💦
Main Water Line Leak Repair Costa Mesa
Rising water bills, low pressure throughout the property, or soggy yard patches can signal a main line leak. Help may be available for locating the break and repairing or replacing the damaged section.
Learn More
🔧
Water Leak Repair Costa Mesa
Dripping pipes, ceiling stains, or unexplained moisture can point to a leak behind walls or under floors. Help may be available for locating the source and repairing the damaged pipe or fitting.
Learn More
🔍
Water Leak Detection Costa Mesa
Hidden leaks can waste water and damage property for weeks before being noticed. Help may be available for pinpointing concealed leaks using appropriate detection methods.
Learn More
⚠️
Sewer Backup Costa Mesa
Wastewater rising through floor drains, tubs, or toilets is a health concern and needs prompt attention. Help may be available for locating the blockage or damage in the sewer line.
Learn More
🚨
Burst Pipe Repair Costa Mesa
Water spraying from a pipe or pouring into walls needs immediate attention. Help may be available for stopping the flow, locating the break, and repairing or replacing the damaged section.
Learn More
Related Plumbing Services & Articles
Explore related service pages for Costa Mesa, CA to understand common plumbing problems and the types of help that may be available.
♨️
Water Heater Repair Costa Mesa
No hot water, inconsistent temperatures, leaks, or strange noises may point to a water heater problem that needs diagnosis.
Read More
🔍
Leak Detection Costa Mesa
Hidden leaks can waste water and cause damage. Learn how leaks are located and what to expect from an inspection.
Read More
🏗️
Slab Leak Costa Mesa
Slab leaks can be difficult to detect and may cause significant damage. Learn what signs to watch for and how they are addressed.
Read More
🔍
Water Leak Detector Costa Mesa
Water leak detection tools and methods can help locate hidden leaks before they cause bigger problems.
Read More
♨️
Water Heaters Costa Mesa
Water heater repair, installation, replacement, and maintenance services for residential and commercial properties.
Read More
🏠
Residential Plumbing Costa Mesa
Residential plumbing services for houses, apartments, condos, and other homes dealing with common plumbing issues.
Read More
🌊
Drain Cleaning Costa Mesa
Slow drains, recurring clogs, and standing water can often be resolved with professional drain cleaning and inspection.
Read More
🛠️
Plumbing Repair Costa Mesa
General plumbing repair services for common issues like leaks, clogged drains, faulty fixtures, and other plumbing problems.
Read More
🔧
Plumber Costa Mesa CA
Connect with a local plumbing professional for common repairs, inspections, troubleshooting, and other plumbing needs.
Read More
