.elementor-9503 .elementor-element.elementor-element-ffc2d17{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9503 .elementor-element.elementor-element-ffc2d17 .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-9503 .elementor-element.elementor-element-1cb430e .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.breadcrumb-wrap .breadcrumb-overlay, .elementor-page-9503 .breadcrumb-wrap .breadcrumb-overlay{opacity:0.5;}/* Start custom CSS for html, class: .elementor-element-1cb430e *//* =========================== PAX Background Lines Pack Colors use your brand blues. =========================== */ /* ---- brand tokens (safe fallbacks) ---- */ :root{ --pax-blue: #398FDB; --pax-blue-2: #0087FF; } /* =================================================== OPTION A — Diagonal Lines + Corner Glow (static) Add class 'pax-lines' to for sitewide, or to any wrapper (e.g., #pax-neuropsych). =================================================== */ /* =================================================== OPTION B — Subtle Animated Grid (very light motion) Add class 'pax-grid' to or a wrapper. =================================================== */ .pax-grid { position: relative; } .pax-grid::after{ content:""; position: fixed; inset: 0; z-index: -2; pointer-events: none; background: linear-gradient(90deg, color-mix(in oklab, var(--pax-blue) 10%, transparent) 1px, transparent 1px) 0 0/120px 120px, linear-gradient(0deg, color-mix(in oklab, var(--pax-blue) 8%, transparent) 1px, transparent 1px) 0 0/120px 120px; animation: paxGridDrift 90s linear infinite; opacity: .35; } @keyframes paxGridDrift { to { background-position: 120px 120px, 120px 120px; } } /* Reduce/disable animation for motion-sensitive users */ @media (prefers-reduced-motion: reduce){ .pax-grid::after{ animation: none; } } /* =================================================== OPTION C — Apply to a single section only Example: add 'pax-section-lines' to #pax-neuropsych =================================================== */ #pax-neuropsych.pax-section-lines{ position: relative; } #pax-neuropsych.pax-section-lines::before{ content:""; position:absolute; inset:-60px; z-index:0; pointer-events:none; background: repeating-linear-gradient(120deg, color-mix(in oklab, var(--pax-blue) 12%, transparent) 0 2px, transparent 2px 66px), radial-gradient(900px 280px at 0% -10%, color-mix(in oklab, var(--pax-blue) 12%, transparent), transparent 60%), radial-gradient(800px 260px at 100% -8%, color-mix(in oklab, var(--pax-blue-2) 12%, transparent), transparent 60%); opacity:.5; } #pax-neuropsych > *{ position: relative; z-index:1; } /* keep content above *//* End custom CSS */