/* ============================================================ RESTORATION CANADA — GLOBAL BLOG STYLES Paste this once in Header Footer Code Manager → CSS snippet Covers: all RC blog posts (neighborhoods, insurance claim, etc.) ============================================================ *//* ── VARIABLES ── */ :root { --rc-navy: #0c2340; --rc-blue: #1e6fc4; --rc-dark-blue: #035488; --rc-red: #e53935; --rc-light: #F0F4F8; --rc-gray: #6B7280; --rc-border: #E2E8F0; --rc-white: #ffffff; --rc-green: #059669; }/* ── BLOG BASE ── */ .rc-blog { font-family: 'Barlow', sans-serif; color: #1a1a2e; font-size: 17px; line-height: 1.7; }/* ── HERO ── */ .rc-hero { background: var(--rc-navy); position: relative; overflow: hidden; padding: 80px 24px 60px; } .rc-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 70% 50%, rgba(30,111,196,.25) 0%, transparent 65%); } .rc-hero-inner { max-width: 820px; margin: 0 auto; position: relative; z-index: 1; } .rc-hero-tag { display: inline-block; background: var(--rc-red); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 5px 12px; border-radius: 3px; margin-bottom: 20px; } .rc-hero h1 { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(36px, 6vw, 64px); font-weight: 800; color: #fff; line-height: 1.05; margin-bottom: 20px; letter-spacing: -.5px; } .rc-hero h1 em { color: #4fa3f7; font-style: normal; } .rc-hero-divider { width: 60px; height: 3px; background: linear-gradient(90deg, var(--rc-red), var(--rc-blue)); border-radius: 2px; margin: 24px 0; } .rc-hero-intro { font-size: 17px; color: rgba(255,255,255,.8); line-height: 1.7; max-width: 700px; } .rc-hero-meta { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 24px; } .rc-hero-meta-item { font-size: 13px; color: rgba(255,255,255,.55); display: flex; align-items: center; gap: 6px; }/* ── PAGE WRAP ── */ .rc-page-wrap { max-width: 820px; margin: 0 auto; padding: 0 24px; display: flex; flex-direction: column; } .rc-article { min-width: 0; padding: 40px 0 56px; } .rc-sidebar { padding: 40px 0 0; }/* ── BLOG IMAGE ── */ .rc-blog-image-wrap { margin: 40px 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,.12); } .rc-blog-image-wrap img { width: 100%; height: auto; display: block; max-height: 480px; object-fit: cover; } .rc-blog-image-caption { background: #F8FAFC; border-top: 1px solid var(--rc-border); padding: 10px 16px; font-size: 13px; color: var(--rc-gray); font-style: italic; }/* ── TABLE OF CONTENTS ── */ .rc-toc-card { background: var(--rc-light); border-radius: 12px; padding: 24px 28px; border-top: 4px solid var(--rc-blue); } .rc-toc-title { font-family: 'Barlow Condensed', sans-serif; font-size: 15px; font-weight: 700; color: var(--rc-navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; } .rc-toc-list { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 0; } .rc-toc-list li a { font-size: 13px; color: var(--rc-navy); text-decoration: none; padding: 6px 14px; border-radius: 20px; display: block; line-height: 1.4; background: #fff; border: 1px solid var(--rc-border); transition: background .15s, color .15s, border-color .15s; } .rc-toc-list li a:hover { background: var(--rc-blue); color: #fff; border-color: var(--rc-blue); } .rc-toc-cta { margin-top: 16px; background: var(--rc-red); color: #fff; display: inline-block; text-align: center; padding: 10px 20px; border-radius: 7px; font-size: 14px; font-weight: 600; text-decoration: none; } .rc-toc-cta:hover { background: #c62828; color: #fff; }/* ── ARTICLE TYPOGRAPHY ── */ .rc-article h2 { font-family: 'Barlow Condensed', sans-serif; font-size: 32px; font-weight: 800; color: var(--rc-navy); line-height: 1.1; margin: 52px 0 16px; padding-bottom: 12px; border-bottom: 2px solid var(--rc-border); letter-spacing: -.3px; } .rc-article h3 { font-size: 20px; font-weight: 700; color: var(--rc-dark-blue); margin: 32px 0 12px; } .rc-article h4 { font-size: 17px; font-weight: 700; color: var(--rc-navy); margin: 24px 0 10px; } .rc-article p { margin-bottom: 18px; color: #374151; } .rc-article a { color: var(--rc-blue); text-decoration: underline; }/* ── HIGHLIGHT BOX ── */ .rc-highlight-box { background: linear-gradient(135deg, #EBF4FF, #DBEAFE); border: 1px solid #BFDBFE; border-radius: 10px; padding: 24px 28px; margin: 28px 0; display: flex; gap: 16px; } .rc-highlight-box-icon { font-size: 28px; flex-shrink: 0; line-height: 1; } .rc-highlight-box p { margin: 0; font-size: 15px; color: #1e3a5f; line-height: 1.65; } .rc-highlight-left { background: linear-gradient(135deg, #EBF4FF, #DBEAFE); border: 1px solid #BFDBFE; border-left: 4px solid var(--rc-blue); border-radius: 0 10px 10px 0; padding: 18px 22px; margin: 24px 0; font-size: 15px; color: #1e3a5f; line-height: 1.65; }/* ── NEIGHBORHOOD CARDS ── */ .rc-neighborhood-card { background: #fff; border: 1px solid var(--rc-border); border-radius: 12px; padding: 28px 28px 24px; margin: 32px 0; border-top: 4px solid var(--rc-blue); box-shadow: 0 2px 12px rgba(0,0,0,.06); } .rc-neighborhood-card.rc-red-top { border-top-color: var(--rc-red); } .rc-neighborhood-card.rc-amber-top { border-top-color: #D97706; } .rc-neighborhood-card.rc-green-top { border-top-color: #059669; } .rc-neighborhood-card.rc-purple-top { border-top-color: #7C3AED; } .rc-neighborhood-num { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--rc-navy); color: #fff; font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 18px; margin-bottom: 12px; } .rc-neighborhood-title { font-family: 'Barlow Condensed', sans-serif; font-size: 26px; font-weight: 800; color: var(--rc-navy); margin-bottom: 6px; letter-spacing: -.2px; } .rc-neighborhood-risk { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 20px; margin-bottom: 16px; } .rc-risk-high { background: #FEE2E2; color: #991B1B; } .rc-risk-very-high { background: #FECACA; color: #7F1D1D; }/* ── TABLES ── */ .rc-table { width: 100%; border-collapse: collapse; margin: 24px 0; font-size: 15px; } .rc-table thead tr { background: var(--rc-navy); color: #fff; } .rc-table thead th { padding: 12px 16px; text-align: left; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; letter-spacing: .5px; font-size: 14px; } .rc-table tbody tr { border-bottom: 1px solid var(--rc-border); } .rc-table tbody tr:nth-child(even) { background: #F8FAFC; } .rc-table tbody td { padding: 12px 16px; color: #374151; vertical-align: top; } .rc-table tbody td:first-child { font-weight: 600; color: var(--rc-navy); } .rc-table-red thead tr { background: #7F1D1D; } .rc-table-blue thead tr { background: var(--rc-dark-blue); } .rc-table-red tbody tr:nth-child(even) { background: #FFF5F5; } .rc-table-blue tbody tr:nth-child(even) { background: #F0F8FF; } .rc-table-red tbody td:first-child { color: #7F1D1D; }/* ── BADGES ── */ .rc-badge { display: inline-block; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 10px; } .rc-badge-green { background: #D1FAE5; color: #065F46; } .rc-badge-amber { background: #FEF3C7; color: #92400E; } .rc-badge-red { background: #FEE2E2; color: #991B1B; }/* ── WARNING / INFO TABLE ICON ── */ .rc-warn-icon { font-size: 16px; margin-right: 6px; }/* ── PREVENTION LIST ── */ .rc-prevent-list { list-style: none; display: flex; flex-direction: column; gap: 12px; margin: 20px 0; padding: 0; } .rc-prevent-list li { display: flex; gap: 14px; align-items: flex-start; padding: 16px; background: var(--rc-light); border-radius: 8px; } .rc-prevent-icon { width: 36px; height: 36px; border-radius: 8px; background: var(--rc-navy); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; } .rc-prevent-body strong { display: block; font-size: 15px; color: var(--rc-navy); margin-bottom: 3px; } .rc-prevent-body span { font-size: 14px; color: var(--rc-gray); line-height: 1.5; }/* ── CHECKLIST ── */ .rc-checklist { list-style: none; display: flex; flex-direction: column; gap: 8px; margin: 20px 0; padding: 0; } .rc-checklist li { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; color: #374151; } .rc-checklist li::before { content: '✓'; width: 22px; height: 22px; background: var(--rc-blue); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; margin-top: 1px; }/* ── ACTION STEPS ── */ .rc-action-steps { display: flex; flex-direction: column; gap: 0; margin: 24px 0; } .rc-action-step { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--rc-border); } .rc-action-step:last-child { border-bottom: none; } .rc-action-num { width: 32px; height: 32px; border-radius: 50%; background: var(--rc-red); color: #fff; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; } .rc-action-body strong { display: block; font-size: 16px; font-weight: 600; color: var(--rc-navy); margin-bottom: 3px; } .rc-action-body span { font-size: 14px; color: var(--rc-gray); line-height: 1.5; }/* ── REQUIREMENTS LIST ── */ .rc-req-list { list-style: none; display: flex; flex-direction: column; gap: 8px; margin: 16px 0 24px; padding: 0; } .rc-req-list li { display: flex; align-items: flex-start; gap: 11px; font-size: 15px; color: #374151; line-height: 1.55; } .rc-req-list li .rc-icon { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; flex-shrink: 0; margin-top: 1px; } .rc-icon.rc-check { background: #D1FAE5; color: #065F46; font-weight: 700; } .rc-icon.rc-star { background: #FEF3C7; color: #92400E; } .rc-icon.rc-must { background: #FEE2E2; color: #991B1B; font-weight: 700; }/* ── DUTIES LIST ── */ .rc-duties-list { list-style: none; display: flex; flex-direction: column; gap: 0; margin: 16px 0 24px; padding: 0; border: 1px solid var(--rc-border); border-radius: 10px; overflow: hidden; } .rc-duties-list li { display: flex; align-items: flex-start; gap: 14px; padding: 13px 18px; border-bottom: 1px solid var(--rc-border); font-size: 15px; color: #374151; line-height: 1.5; transition: background .12s; } .rc-duties-list li:last-child { border-bottom: none; } .rc-duties-list li:hover { background: #F8FAFC; } .rc-duties-list li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--rc-blue); flex-shrink: 0; margin-top: 8px; }/* ── SERVICE LINK BOX ── */ .rc-service-link { display: flex; align-items: center; gap: 14px; background: var(--rc-light); border-radius: 8px; padding: 16px 18px; margin: 12px 0; text-decoration: none; border: 1px solid var(--rc-border); transition: border-color .2s, box-shadow .2s; } .rc-service-link:hover { border-color: var(--rc-blue); box-shadow: 0 3px 12px rgba(30,111,196,.15); } .rc-service-link-icon { width: 40px; height: 40px; border-radius: 8px; background: var(--rc-blue); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 18px; } .rc-service-link-text strong { display: block; font-size: 15px; color: var(--rc-navy); } .rc-service-link-text span { font-size: 13px; color: var(--rc-gray); } .rc-service-link-arrow { margin-left: auto; color: var(--rc-blue); font-size: 18px; }/* ── SERVICES GRID ── */ .rc-services-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0; } .rc-service-item { background: var(--rc-light); border-radius: 8px; padding: 14px 16px; display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--rc-navy); font-weight: 500; border: 1px solid var(--rc-border); } .rc-service-item-icon { font-size: 20px; }/* ── BENEFITS STRIP ── */ .rc-benefits-strip { display: flex; gap: 10px; flex-wrap: wrap; margin: 16px 0 24px; } .rc-benefit-tag { display: inline-flex; align-items: center; gap: 7px; background: #F0FDF4; border: 1px solid #A7F3D0; color: #065F46; font-size: 13px; font-weight: 600; padding: 7px 14px; border-radius: 20px; }/* ── SCHEDULE GRID ── */ .rc-schedule-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 16px 0 24px; } .rc-schedule-item { background: var(--rc-light); border: 1px solid var(--rc-border); border-radius: 10px; padding: 14px 12px; text-align: center; } .rc-schedule-item .rc-s-icon { font-size: 22px; margin-bottom: 6px; } .rc-schedule-item .rc-s-label { font-size: 12px; font-weight: 600; color: var(--rc-navy); line-height: 1.3; }/* ── INLINE CTA ── */ .rc-inline-cta { background: var(--rc-navy); border-radius: 12px; padding: 32px; margin: 40px 0; text-align: center; position: relative; overflow: hidden; } .rc-inline-cta::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 70% 50%, rgba(30,111,196,.3) 0%, transparent 65%); pointer-events: none; } .rc-inline-cta h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 28px; font-weight: 800; color: #fff; margin-bottom: 8px; position: relative; } .rc-inline-cta p { color: rgba(255,255,255,.7); font-size: 15px; margin-bottom: 20px; position: relative; } .rc-inline-cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; position: relative; } .rc-cta-btn-red { background: var(--rc-red); color: #fff; text-decoration: none; font-size: 15px; font-weight: 700; padding: 13px 24px; border-radius: 6px; display: inline-block; transition: background .15s; } .rc-cta-btn-red:hover { background: #c62828; color: #fff; } .rc-cta-btn-outline { background: transparent; color: #fff; font-size: 15px; font-weight: 600; padding: 13px 24px; border-radius: 6px; text-decoration: none; border: 1.5px solid rgba(255,255,255,.4); display: inline-block; transition: border-color .15s; } .rc-cta-btn-outline:hover { border-color: rgba(255,255,255,.8); color: #fff; }/* ── FAQ ── */ .rc-faq-item { border: 1px solid var(--rc-border); border-radius: 8px; padding: 20px 22px; margin-bottom: 10px; } .rc-faq-q { font-size: 16px; font-weight: 700; color: var(--rc-navy); margin-bottom: 8px; display: flex; gap: 10px; } .rc-faq-q::before { content: 'Q'; background: var(--rc-blue); color: #fff; font-size: 11px; font-weight: 800; padding: 2px 6px; border-radius: 4px; flex-shrink: 0; height: 20px; margin-top: 2px; } .rc-faq-a { font-size: 15px; color: #374151; line-height: 1.65; padding-left: 28px; }/* ── JOB SIDEBAR ── */ .rc-sidebar-card { background: var(--rc-light); border-radius: 14px; overflow: hidden; border: 1px solid var(--rc-border); position: sticky; top: 24px; } .rc-sidebar-card-header { background: var(--rc-navy); padding: 20px 22px; } .rc-sidebar-card-header h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 800; color: #fff; margin-bottom: 4px; } .rc-sidebar-card-header p { font-size: 12px; color: rgba(255,255,255,.5); margin: 0; } .rc-sidebar-body { padding: 20px 22px; } .rc-sidebar-row { display: flex; justify-content: space-between; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid var(--rc-border); font-size: 14px; gap: 12px; } .rc-sidebar-row:last-of-type { border-bottom: none; } .rc-sidebar-label { color: var(--rc-gray); font-weight: 500; white-space: nowrap; } .rc-sidebar-value { color: var(--rc-navy); font-weight: 600; text-align: right; } .rc-sidebar-value.rc-green { color: var(--rc-green); } .rc-apply-btn { display: block; background: var(--rc-red); color: #fff; text-decoration: none; font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 800; text-align: center; padding: 15px 20px; border-radius: 8px; margin: 20px 22px 22px; transition: background .15s; } .rc-apply-btn:hover { background: #c62828; color: #fff; } .rc-share-note { text-align: center; font-size: 12px; color: var(--rc-gray); padding: 0 22px 18px; line-height: 1.5; }/* ── RESPONSIVE ── */ @media (max-width: 600px) { .rc-hero { padding: 60px 18px 40px; } .rc-page-wrap { padding: 0 18px; } .rc-toc-list { flex-direction: column; } .rc-inline-cta-btns { flex-direction: column; } .rc-services-grid { grid-template-columns: 1fr; } .rc-schedule-grid { grid-template-columns: 1fr 1fr; } }

Understanding the Impact of Flood Damage

 

Flooding can cause extensive damage to your home, leading to structural issues, mold growth, and ruined belongings. Quick and effective restoration is crucial to minimizing long-term effects.

Immediate Steps After a Flood

 

  1. Ensure Safety First – Turn off electricity and avoid standing water.

  2. Assess the Damage – Document everything for insurance claims.

  3. Remove Water Quickly – Use pumps or professional water extraction services.

  4. Dry and Dehumidify – Prevent mold growth with industrial fans and dehumidifiers.

  5. Sanitize Affected Areas – Eliminate bacteria and contaminants.

  6. Repair and Restore – Fix flooring, walls, and damaged structures

Professional Flood Restoration Services


Hiring experts ensures thorough water removal, mold prevention, and structural drying. Restoration Canada specializes in:

  • Emergency Water Extraction

  • Mold Remediation

  • Structural Drying & Repairs

  • Insurance Assistance

Prevent Future Flood Damage


  • Install a sump pump and backflow valve.

  • Seal foundation cracks and improve drainage.

  • Regularly inspect pipes and appliances.

Need Immediate Flood Restoration? Contact Restoration Canada for fast and reliable service. Protect your home and restore peace of mind!

Explore More Posts

Follow us

Facebook Instagram Linkedin

Latest Tips & Advice

Certificates

Restoration Canada logo water damage restoration Toronto

PROUDLY CANADIAN

4A - 15 Gormley Industrial Ave, Box 58
Gormley, ON L0H 1G0

416-639-1722

info@restorationcanada.ca

Free Assessment
Emergency

Google Reviews

Request a Free Assessment

*Take advantage of our free assessments, Monday-Friday from 9:00 AM to 5:00 PM

**Click here if this is an emergency 416-639-1722