/*
Theme Name: Proper Law Theme
Theme URI: https://properinjuryattorney.com
Author: Proper Law
Description: Modern law firm theme. All content editable from WordPress admin.
Version: 3.0.0
Text Domain: proper-law
Requires at least: 6.0
Requires PHP: 7.4
*/



.hero-subtitle{font-size:clamp(1rem,1.5vw,1.15rem);color:rgba(255,255,255,.8);line-height:1.7;margin:0 auto 32px;max-width:580px;text-shadow:0 1px 8px rgba(0,0,0,.4);font-weight:500}

.hero-results{display:flex;gap:40px;justify-content:center;flex-wrap:nowrap;flex-direction:row}

.hero-result .result-amount{font-size:1.5rem;font-weight:500;color:var(--white);text-shadow:0 2px 12px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.5)}
.hero-result .result-desc{font-size:.8rem;color:rgba(255,255,255,.7);margin-top:4px;text-shadow:0 1px 8px rgba(0,0,0,.5)}

/* Third-level dropdown menus */
.main-nav .nav-list li .sub-menu li .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 240px;
    background: var(--white);
    border-top: 3px solid var(--navy);
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(8px);
    transition: all var(--tr);
    z-index: 101;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.main-nav .nav-list li .sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}