/* ================================================ Service Pages 2026 — Override Stylesheet Pages: web-design-orlando, seo-company-orlando, local-seo-orlando Created: 2026-03-27 Linked AFTER style.css in each page's ================================================ */ /* Hero Answer Block — must render in first 20% of visible page */ .hero-answer { font-size: 1rem; line-height: 1.7; color: #444; max-width: 720px; margin: 0 auto 1.5rem; } /* Trust Bar beneath hero */ .trust-bar { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem 1.25rem; padding: 1rem 0; font-size: 0.875rem; font-weight: 600; color: #1a1a2e; } .trust-bar-item { display: flex; align-items: center; gap: 0.375rem; white-space: nowrap; } .trust-bar-item i { color: #4EBFAB; font-size: 1rem; } /* Content Sections */ .service-content-section { padding: 3rem 0; } .service-content-section:nth-child(even) { background: #f8f9fa; } .service-content-section h2 { font-family: 'Outfit', sans-serif; font-weight: 700; margin-bottom: 1.25rem; color: #1a1a2e; } .service-content-section .section-body { font-size: 1rem; line-height: 1.85; color: #444; max-width: 820px; } .service-content-section .section-body p { margin-bottom: 1rem; } .service-content-section .section-body strong { color: #1a1a2e; } /* Included Items / Feature Cards */ .included-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 1.5rem; } @media (min-width: 768px) { .included-grid { grid-template-columns: 1fr 1fr; } } .included-card { background: #fff; border-radius: 12px; padding: 1.5rem; border: 1px solid #e9ecef; } .included-card h3 { font-size: 1.125rem; font-weight: 700; margin-bottom: 0.5rem; color: #1a1a2e; font-family: 'Outfit', sans-serif; } .included-card p { font-size: 0.95rem; line-height: 1.7; color: #555; margin-bottom: 0; } /* Industry Links Grid */ .industry-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; margin-top: 1.5rem; } @media (min-width: 768px) { .industry-grid { grid-template-columns: 1fr 1fr; } } @media (min-width: 992px) { .industry-grid { grid-template-columns: 1fr 1fr 1fr; } } .industry-item { background: #f8f9fa; border-radius: 10px; padding: 1.25rem; border-left: 4px solid #4EBFAB; } .industry-item h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; font-family: 'Outfit', sans-serif; } .industry-item p { font-size: 0.9rem; line-height: 1.65; color: #555; margin-bottom: 0; } .industry-item a { color: #4EBFAB; text-decoration: underline; font-weight: 600; } .industry-item a:hover, .industry-item a:focus { color: #3a9a8a; } /* Service Area Lists */ .service-area-group h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.25rem; font-family: 'Outfit', sans-serif; color: #1a1a2e; } .service-area-group p { font-size: 0.95rem; line-height: 1.7; color: #555; margin-bottom: 1rem; } /* Pricing Tiers */ .pricing-tier { background: #fff; border-radius: 12px; padding: 1.5rem; border: 1px solid #e9ecef; margin-bottom: 1rem; } .pricing-tier h3 { font-size: 1.125rem; font-weight: 700; color: #4EBFAB; margin-bottom: 0.5rem; font-family: 'Outfit', sans-serif; } .pricing-tier p { font-size: 0.95rem; line-height: 1.7; color: #555; margin-bottom: 0; } /* Process / Timeline Steps */ .process-step { display: flex; gap: 1rem; margin-bottom: 1.5rem; align-items: flex-start; } .process-step-number { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: #4EBFAB; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1rem; font-family: 'Outfit', sans-serif; } .process-step-content h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.25rem; font-family: 'Outfit', sans-serif; color: #1a1a2e; } .process-step-content p { font-size: 0.95rem; line-height: 1.7; color: #555; margin-bottom: 0; } /* Warning Signs / Checklist */ .warning-item { padding: 0.75rem 0; border-bottom: 1px solid #e9ecef; font-size: 0.95rem; line-height: 1.7; color: #444; } .warning-item:last-child { border-bottom: none; } /* Review Placeholder */ .review-placeholder { background: #f0f9f9; border: 2px dashed #4EBFAB; border-radius: 12px; padding: 2rem; text-align: center; color: #666; font-style: italic; } /* Case Study Placeholder */ .case-study-placeholder { background: #f8f9fa; border: 2px dashed #dee2e6; border-radius: 12px; padding: 2rem; text-align: center; color: #888; font-style: italic; } /* Last Updated / Freshness */ .page-freshness { font-size: 0.8125rem; color: #888; margin-top: 0.5rem; } /* FAQ specific to service pages — inherits accordion styles from style.css */ /* No overrides needed unless accordion styles change */ /* Mid-Content CTA Banner */ .mid-cta { background: #f0f9f9; border-top: 3px solid #4EBFAB; padding: 2rem 0; text-align: center; } .mid-cta p { font-size: 1.125rem; font-weight: 600; color: #1a1a2e; margin-bottom: 1rem; font-family: 'Outfit', sans-serif; } .mid-cta .btn { margin: 0 0.375rem; } /* Hub Link Callout */ .hub-link-callout { border-left: 3px solid #4EBFAB; padding: 1rem 1.25rem; background: #f8f9fa; margin: 1.5rem 0; } .hub-link-callout p { margin-bottom: 0; } .hub-link-callout a { color: #4EBFAB; font-weight: 600; text-decoration: underline; } .hub-link-callout a:hover, .hub-link-callout a:focus { color: #3a9a8a; } /* Mobile Adjustments */ @media (max-width: 767.98px) { .hero-answer { font-size: 1rem; } .trust-bar { gap: 0.375rem 0.75rem; font-size: 0.8125rem; } .service-content-section { padding: 2rem 0; } .included-grid, .industry-grid { grid-template-columns: 1fr; } }