.elementor .e-9b55c78-414cd38{padding-block-start:100px;padding-block-end:100px;padding-inline-start:10px;padding-inline-end:10px;background-image:url("https://zodastro.com/wp-content/uploads/2026/07/palmistry.jpg");background-repeat:repeat;background-attachment:scroll;background-size:cover;background-position:0% 0%;flex-direction:row;justify-content:center;/* ============================================================
 TEXT-READABILITY OVERLAY — FULL HEIGHT FIX
 Replace your previous .vh-banner::before / ::after rules with
 these. Elementor's flex containers sometimes override
 aspect-ratio, which makes .vh-banner collapse to height:auto —
 when that happens, an inset:0 overlay has nothing to stretch
 against. This version forces height explicitly so the overlay
 always reaches the full top-to-bottom of the banner.
 ============================================================ */

.vh-banner{
position:relative;
width:100%;
height:100%;              /* NEW: explicit, in case aspect-ratio is overridden */
min-height:320px;         /* NEW: safety floor so it never collapses to 0 */
overflow:hidden;
}

.vh-content{
position:relative;
height:100%;
min-height:inherit;
}

.vh-banner::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;                 /* explicit edges instead of inset:0 — wider support */
height:100%;               /* NEW: belt-and-braces full height */
z-index:1;
pointer-events:none;
background:
  linear-gradient(
    90deg,
    rgba(8, 6, 20, 0.88) 0%,
    rgba(8, 6, 20, 0.72) 30%,
    rgba(8, 6, 20, 0.35) 55%,
    rgba(8, 6, 20, 0.05) 75%,
    transparent 90%
  );
}

.vh-banner::after{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
height:100%;               /* NEW */
z-index:1;
pointer-events:none;
background: radial-gradient(ellipse at 100% 50%, rgba(8,6,20,0.25) 0%, transparent 55%);
}

.vh-eyebrow,
.vh-headline-white,
.vh-tagline{
text-shadow: 0 2px 10px rgba(0,0,0,0.55);
}

.vh-headline-gold{
filter: drop-shadow(0 2px 8px rgba(0,0,0,0.55));
}

.vh-pill{
background: rgba(0,0,0,0.32);
}

/* ------------------------------------------------------------
 If .vh-banner is STILL collapsing in Elementor (parent flex
 container not passing height down), uncomment this fallback:
 it uses padding-bottom to force the aspect ratio the old way,
 which works even where aspect-ratio itself gets stripped.
------------------------------------------------------------- */
/*
.vh-banner{
height:0;
padding-bottom:22.4%;   // 1920/430 aspect ratio as a percentage
min-height:0;
}
*/\n}.elementor .e-17da497{background-color:#160f2e;flex-direction:row;justify-content:center;}