/ ============================================ / / REVSLIDER HOMEPAGE TEXT ALIGNMENT FIX / / ============================================ / / Fixes layout inconsistency across three homepage slides / / Target: homepage-slider-1 / / Issue: "The Path Forward" slide misaligned vs other slides / / ============================================ /
/ STEP 1: Normalize ALL text layer containers /
/* Force consistent text container width */
max-width: 800px !important;
width: 100% !important;
/* Center align all text blocks horizontally */
margin-left: auto !important;
margin-right: auto !important;
left: 50% !important;
transform: translateX(-50%) !important;
/* Consistent padding */
padding-left: 40px !important;
padding-right: 40px !important;
}
/ STEP 2: Normalize headline typography across all slides /
text-align: center !important;
font-size: 48px !important;
line-height: 1.2 !important;
margin-bottom: 20px !important;
font-weight: 700 !important;
}
/ STEP 3: Normalize body text / subtext /
text-align: center !important;
font-size: 18px !important;
line-height: 1.6 !important;
max-width: 700px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/ STEP 4: Fix vertical positioning /
top: 50% !important;
transform: translate(-50%, -50%) !important;
}
/ STEP 5: Normalize CTA buttons if present /
display: inline-block !important;
margin-top: 30px !important;
padding: 15px 40px !important;
text-align: center !important;
}
/ ============================================ / / RESPONSIVE FIXES / / ============================================ /
/ Tablet breakpoint (768px - 1024px) / @media (max-width: 1024px) {
#rev_slider_1_1 .tp-layer {
max-width: 90% !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
#rev_slider_1_1 .tp-caption h1,
#rev_slider_1_1 .tp-caption h2,
#rev_slider_1_1 .tp-layer h1,
#rev_slider_1_1 .tp-layer h2 {
font-size: 36px !important;
}
#rev_slider_1_1 .tp-caption p,
#rev_slider_1_1 .tp-layer p {
font-size: 16px !important;
}
}
/ Mobile breakpoint (<768px) / @media (max-width: 767px) {
#rev_slider_1_1 .tp-layer {
max-width: 95% !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
#rev_slider_1_1 .tp-caption h1,
#rev_slider_1_1 .tp-caption h2,
#rev_slider_1_1 .tp-layer h1,
#rev_slider_1_1 .tp-layer h2 {
font-size: 28px !important;
line-height: 1.3 !important;
}
#rev_slider_1_1 .tp-caption p,
#rev_slider_1_1 .tp-layer p {
font-size: 15px !important;
line-height: 1.5 !important;
}
#rev_slider_1_1 .tp-caption a,
#rev_slider_1_1 .tp-layer a {
padding: 12px 30px !important;
font-size: 14px !important;
}
}
/ ============================================ / / SPECIFIC SLIDE OVERRIDES (if needed) / / ============================================ /
/ If "The Path Forward" is slide 3, force alignment /
/* Ensure this slide matches the others */
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
/ ============================================ / / FALLBACK: Alternative slider ID patterns / / ============================================ /
/ Some RevSlider versions use different ID formats / .rev_slider[data-alias="homepage-slider-1"] .tp-caption, .rev_slider[data-alias="homepage-slider-1"] .tp-layer { max-width: 800px !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; }
/ ============================================ / / END REVSLIDER FIX / / ============================================ /