/* --- NUKE THE WHITE OUTLINE ON THE HOME HERO TITLE --- */
/* 1) Kill any stroke/outline on the hero title and all its inner spans */
body.home .entry-hero h1,
body.home .entry-hero h1 *,
body.home .entry-hero .page-title,
body.home .entry-hero .entry-title,
body.home .entry-hero .kadence-advanced-heading,
body.home .entry-hero .kadence-advanced-heading *,
body.home .entry-hero [class*="adv-heading"],
body.home .entry-hero [class*="heading"] * {
-webkit-text-stroke: 0 !important;
text-stroke: 0 !important;
-webkit-text-fill-color: #d00000 !important; /* deep blood red */
color: #d00000 !important;
text-shadow:
0 0 10px rgba(255,0,0,.95),
0 0 24px rgba(136,0,0,.9),
0 0 40px rgba(102,0,0,.85) !important;
}
/* 2) If Kadence used pseudo-layers for the outline, hide them */
body.home .entry-hero h1::before,
body.home .entry-hero h1::after,
body.home .entry-hero .page-title::before,
body.home .entry-hero .page-title::after,
body.home .entry-hero .entry-title::before,
body.home .entry-hero .entry-title::after {
content: none !important;
display: none !important;
}
/* 3) If the outline was added inline via style="text-stroke", override it */
body.home .entry-hero [style*="text-stroke"],
body.home .entry-hero [style*="-webkit-text-stroke"] {
-webkit-text-stroke: 0 !important;
text-stroke: 0 !important;
-webkit-text-fill-color: #d00000 !important;
color: #d00000 !important;
}
/* 4) Gentle motion so you can tell it took effect */
body.home .entry-hero h1,
body.home .entry-hero .page-title,
body.home .entry-hero .entry-title {
display: inline-block;
animation: hcTitleFloat 6s ease-in-out infinite alternate;
}
@keyframes hcTitleFloat {
0% { transform: translateY(0) }
50% { transform: translateY(-6px) }
100% { transform: translateY(0) }
}
