/* ==========================================================================
   Lyons Wealth — Landing header + footer ("chrome") for non-Landing templates
   (General, Downloadable, Form, Calendly).

   GENERATED from styles.css: only the nav/footer rules are copied, so the
   Landing global resets (* margin/padding, body background, link colours)
   do NOT leak into the legacy template layouts.
   Regenerate after editing header/footer rules in styles.css:
     copy the changed .lw-nav* / .lw-footer* / .lw-investor* rules here too.
   ========================================================================== */

/* Zero-specificity reset scoped to the header/footer only. */
:where(#lw-nav, #lw-nav *, #lw-footer, #lw-footer *, .lw-pager, .lw-playpause) { box-sizing: border-box; margin: 0; padding: 0; }
:where(#lw-nav, #lw-footer) { font-family: Montserrat, sans-serif; -webkit-font-smoothing: antialiased; }
:where(#lw-nav a, #lw-footer a) { color: #003c79; text-decoration: none; transition: color .3s ease; }
:where(#lw-footer) { background: #14263A; }

/* Legacy pages scroll normally (no snap / 100vh wrapper). */
body.lw-legacy-page .lw-scroll { height: auto; min-height: 0; overflow: visible; scroll-snap-type: none; background: transparent; }
body.lw-legacy-page .lw-pager,
body.lw-legacy-page .lw-playpause,
body.lw-legacy-page #lw-loader { display: none !important; }
body.lw-legacy-page .lw-nav { background: rgba(15,30,46,.94); }

/* Push legacy page content below the fixed Landing nav. */
body.lw-legacy-page .lw-legacy-content { padding-top: 100px; }
@media (max-width: 1024px) { body.lw-legacy-page .lw-legacy-content { padding-top: 80px; } }

/* ---- Extracted from styles.css ---- */
.lw-nav {position:fixed; top:0; left:0; right:0; z-index:80; height:100px; transition:height .45s cubic-bezier(.5, 0, .2, 1), background .45s ease, border-color .45s ease; background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; border-bottom:1px solid transparent;}
.lw-nav-inner {display:flex; align-items:center; justify-content:space-between; max-width:1360px; margin:0 auto; padding:0 clamp(20px, 4vw, 56px); height:100%;}
.lw-brand {display:flex; align-items:center; gap:10px;}
.lw-logo {height:80px; width:auto; transition:height .45s ease; filter:brightness(0) invert(1);}
.lw-navlinks ul {display:flex; align-items:center; gap:clamp(20px, 2.4vw, 38px); list-style: none;}
.lw-navlinks ul li.menu-item {position: relative;}
.lw-navlinks ul li.menu-item a {color: #fff;}
.lw-navlinks ul li.menu-item a:hover, .lw-navlinks ul li.menu-item a:focus-visible, .lw-navlinks > ul > li.menu-item:hover > a {color: #FFC451;}
.lw-navlinks > ul > li.menu-item:hover > a + .lw-dropdown-toggle svg path {stroke: #FFC451;}
.lw-navlinks ul li.menu-item ul.sub-menu {list-style: none !important; background: rgba(15, 30, 46, 0.96) !important; width: 260px !important; max-width: none !important; margin: 0 !important; padding: 0 0 !important; position: absolute !important; top: 59px !important; left: 0 !important; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; text-align: left !important; gap: 0; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(10px); transition: opacity .45s ease, transform .45s ease, visibility .45s ease, top .45s ease; z-index: 90; box-shadow: 0 18px 40px -14px rgba(0, 0, 0, .5);}
.lw-nav.is-scrolled .lw-navlinks ul li.menu-item ul.sub-menu {top: 49px !important;}
.lw-navlinks ul li.menu-item ul.sub-menu li {list-style: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: left !important;}
.lw-navlinks ul li.menu-item ul.sub-menu li a {color: #fff !important; display: block !important; width: 100% !important; padding: 10px 22px !important; margin: 0 !important; line-height: 1.4 !important; font-size: 13px !important; text-align: left !important; white-space: nowrap; transition: color .2s ease, background .2s ease;}
.lw-navlinks ul li.menu-item ul.sub-menu li a:hover, .lw-navlinks ul li.menu-item ul.sub-menu li a:focus-visible {color: #FFC451; background: rgba(255, 255, 255, .06);}
.lw-navlinks ul li.menu-item ul.sub-menu:before {content: ''; position: absolute; top: -61px; left: 0; width: 100%; height: 61px;}
a.lw-nav-link {position:relative; font-size:13px; letter-spacing:.08em; text-transform:uppercase; font-weight:500; color:#FFFFFF; transition:color .3s ease;}
a.lw-nav-cta {display:inline-flex; align-items:center; padding:11px 24px; border-radius:2px; font-size:12px; letter-spacing:.06em; text-transform:uppercase; font-weight:700; transition:transform .35s ease, box-shadow .35s ease; background:#FFC451; color:#003c79; white-space:nowrap;}
.lw-nav-cta-label {position:relative; z-index:2; white-space:nowrap;}
.lw-nav-cta-grp {display: flex; gap: 15px;}
.lw-investor-dropdown {position:relative;}
button.lw-investor-toggle {display:inline-flex; align-items:center; gap:10px; padding:11px 24px; border:0; border-radius:2px; font-family:inherit; font-size:12px; letter-spacing:.06em; text-transform:uppercase; font-weight:700; cursor:pointer; transition:transform .35s ease, box-shadow .35s ease, background .3s ease; background:#E4E9EF; color:#003c79; white-space:nowrap;}
button.lw-investor-toggle:hover, button.lw-investor-toggle.is-open {background:#E4E9EF; box-shadow:0 10px 26px -10px rgba(228,233,239,.55);}
.lw-investor-arrow {display:inline-flex; line-height:0;}
.lw-investor-arrow svg {width:11px; height:8px; display:block; stroke:#003c79; transition:transform .3s ease;}
button.lw-investor-toggle.is-open .lw-investor-arrow svg {transform:rotate(180deg);}
.lw-investor-menu {list-style:none; margin:0; padding:8px 0; position:absolute; top:calc(100% + 10px); right:0; min-width:240px; background:rgba(15,30,46,.96); border-radius:2px; box-shadow:0 18px 40px -14px rgba(0,0,0,.5); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(10px); transition:opacity .3s ease, transform .3s ease, visibility .3s ease; z-index:90;}
.lw-investor-dropdown.is-open .lw-investor-menu {opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);}
.lw-investor-menu li {width:100%;}
.lw-investor-menu li a {display:block; padding:10px 22px; color:#fff; font-size:13px; letter-spacing:.02em; text-transform:none; white-space:nowrap; transition:color .2s ease, background .2s ease;}
.lw-investor-menu li a:hover, .lw-investor-menu li a:focus-visible {color:#FFC451; background:rgba(255,255,255,.06);}
.lw-pager {position:fixed; left:clamp(16px, 2.4vw, 38px); top:50%; transform:translateY(-50%); z-index:70; display:flex; flex-direction:column; gap:20px; align-items:flex-start;}
.lw-dot {display:flex; align-items:center; gap:12px; text-decoration:none; cursor:pointer; opacity:.55; transition:opacity .3s ease;}
.lw-dot.is-active {opacity:1;}
.lw-dot-mark {display:block; width:12px; height:2px; border-radius:2px; background:rgba(255, 255, 255, .55); transition:width .4s cubic-bezier(.5, 0, .2, 1), background .3s ease;}
.lw-dot.is-active .lw-dot-mark {width:26px; background:#FFC451;}
.lw-dot-label {font-size:10px; letter-spacing:.18em; text-transform:uppercase; font-weight:700; color:transparent; opacity:0; transform:translateX(-6px); transition:all .35s ease; white-space:nowrap; text-shadow:0 1px 6px rgba(0, 0, 0, .4);}
.lw-dot.is-active .lw-dot-label {color:#FFFFFF; opacity:1; transform:translateX(0);}
.lw-playpause {position:fixed; right:clamp(16px, 2.6vw, 36px); bottom:clamp(16px, 2.6vw, 36px); z-index:70; width:52px; height:52px; border-radius:50%; border:1px solid rgba(255, 196, 81, .55); background:rgba(20, 38, 58, .55); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:border-color .3s ease, background .3s ease;}
.lw-play-icon {display:none; width:0; height:0; margin-left:3px; border-left:11px solid #fff; border-top:7px solid transparent; border-bottom:7px solid transparent;}
.lw-pause-icon {display:block; width:11px; height:13px; border-left:3px solid #fff; border-right:3px solid #fff;}
.lw-footer {position:relative; background:#0F1E2E; color:#B7C2CE; padding:clamp(64px, 8vh, 100px) 0 36px;}
.lw-footer-inner {max-width:1360px; margin:0 auto; padding:0 clamp(20px, 4vw, 56px);}
.lw-foot-top {display:grid; grid-template-columns:1fr 1fr 0.6fr 1fr 1fr; gap:clamp(28px, 4vw, 40px); padding-bottom:52px; border-bottom:1px solid rgba(183, 194, 206, .16);}
.lw-footer-logo {height:62px; width:auto; filter:brightness(0) invert(1); opacity:.94;}
.lw-footer-about {margin-top:20px; max-width:300px; font-size:14px; line-height:1.7; font-weight:300; color:#93A2B0;}
.lw-footer-socials {display:flex; gap:14px; margin-top:22px;}
a.lw-social {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; border:1px solid rgba(183, 194, 206, .3); color:#B7C2CE; font-size:14px; font-weight:700; text-decoration:none; transition:all .3s ease;}
a.lw-social:hover, a.lw-social:focus-visible {border-color:#FFC451; color:#FFC451;}
.lw-footer-heading {font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:#FFC451; font-weight:700; margin-bottom:18px;}
.lw-footer-links {display:flex; flex-direction:column; align-items: flex-start; gap:12px; font-size:14px;}
a.lw-footer-link {color:#93A2B0; text-decoration:none; transition:color .3s ease;}
a.lw-footer-link:hover, a.lw-footer-link:focus-visible {color:#FFFFFF;}
.lw-footer-contact {font-size:14px; line-height:1.7; font-weight:300; color:#93A2B0;}
.lw-footer-phone {margin-top:14px;}
.lw-foot-bottom {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding-top:26px;}
.lw-footer-copy {font-size:12px; color:#7A8896; max-width:640px; line-height:1.6;}
.lw-footer-legal {display:flex; gap:22px; font-size:12px;}
.lw-logo, .lw-footer-logo {display:block; object-fit:contain; max-width:100%;}
.lw-logo {height:80px; width:auto;}
.lw-footer-logo {height:62px; width:auto;}
.lw-footer-about:empty {margin-top:0;}
.lw-nav-inner {display:flex; align-items:center; justify-content:space-between;}
.lw-nav-menu {display:flex; align-items:center; gap:clamp(20px, 2.6vw, 40px);}
.lw-navlinks {display:flex; align-items:center; gap:clamp(20px, 2.4vw, 38px);}
.lw-menu-toggle {display:none; width:42px; height:42px; border:0; background:transparent; cursor:pointer; padding:0; position:relative; z-index:1001;}
.lw-menu-toggle span {display:block; width:26px; height:2px; background:#FFF; margin:6px auto; transition:.35s;}
.lw-menu-toggle.active span:nth-child(1) {transform:translateY(8px) rotate(45deg);}
.lw-menu-toggle.active span:nth-child(2) {opacity:0;}
.lw-menu-toggle.active span:nth-child(3) {transform:translateY(-8px) rotate(-45deg);}
.lw-scroll:has(.lw-strats-hero) .lw-pager, .lw-scroll:has(.lw-strats-hero) .lw-playpause, body.lw-is-strategies-listing .lw-pager, body.lw-is-strategies-listing .lw-playpause {display:none !important; visibility:hidden !important; pointer-events:none !important;}
body:has(.lw-strats-hero) .lw-nav {background:rgba(15,30,46,.85) !important; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.1) !important;}
body:has(.lw-strats-hero) .lw-nav.is-scrolled {height:80px !important; background:rgba(15,30,46,.94) !important;}
body:has(.lw-strats-hero) .lw-nav.is-scrolled .lw-logo {height:62px !important;}
@media (min-width:992px) {
.lw-navlinks ul li.menu-item:hover > ul.sub-menu, .lw-navlinks ul li.menu-item.lw-submenu-open > ul.sub-menu {opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);}
}
@media (min-width: 768px) and (max-width:991px) {
.lw-foot-top {grid-template-columns:repeat(3, 1fr);}
.lw-foot-top .foot-col:first-child {grid-column:1 / -1;}
}
@media (max-width:1199px) {
.lw-foot-top {gap: 25px;}
a.lw-nav-cta {padding-inline: 16px;}
.lw-navlinks ul {gap: clamp(20px, 2.4vw, 20px);}
.lw-navlinks ul li.menu-item a {font-size: 14px;}
button.lw-investor-toggle {padding-inline: 15px;}
}
@media (max-width:1024px) {
.lw-foot-top {grid-template-columns:repeat(2,1fr) !important;}
}
@media (max-width:991px) {
.lw-menu-toggle {display:block;}
.lw-nav-menu {position:fixed; top:0; left:-100%; width:320px; max-width:85%; height:100vh; background:#0F1E2E; padding:100px 30px 40px; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:40px; transition:left .35s ease; box-shadow:-10px 0 30px rgba(0,0,0,.12); z-index:1000;}
.lw-nav-menu.active {left:0;}
.lw-navlinks {width:100%; flex-direction:column; align-items:flex-start; gap:24px;}
.lw-navlinks a {font-size:18px; text-decoration:none;}
.lw-navlinks ul {flex-wrap: wrap;}
.lw-navlinks ul li {width: 100%; text-align: center;}
.lw-navlinks ul li.menu-item {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; width:100%;}
.lw-navlinks ul li.menu-item ul.sub-menu {list-style:none !important; position:static !important; width:100% !important; flex-basis:100% !important; text-align:left !important; opacity:1; visibility:visible; pointer-events:auto; transform:none; background:rgba(255, 255, 255, .04) !important; box-shadow:none; border-radius:0; max-height:0; overflow:hidden; transition:max-height .35s ease, padding .35s ease;}
.lw-navlinks ul li.menu-item ul.sub-menu li {list-style:none !important; width:100% !important; margin:0 !important; padding:0 !important; text-align:left !important;}
.lw-navlinks ul li.menu-item ul.sub-menu:before {display:none;}
.lw-navlinks ul li.menu-item.lw-submenu-open > ul.sub-menu {max-height:600px; padding:8px 0 4px;}
.lw-navlinks ul li.menu-item ul.sub-menu li a {display:block !important; width:100% !important; text-align:left !important; padding:8px 0 !important; margin:0 !important; font-size:15px !important; line-height:1.4 !important;}
.lw-nav-cta-grp {width:100%; flex-direction:column; align-items:flex-start; gap:20px;}
button.lw-investor-toggle {width:100%; justify-content: center;}
.lw-investor-menu {position:relative; inset: inherit; width:100%; min-width:0; margin-top:6px; transform:none; box-shadow:none; background:rgba(255, 255, 255, .04); display: none;}
.lw-investor-dropdown.is-open .lw-investor-menu {display: block;}
a.lw-nav-cta {display: block; width: 100%; text-align: center;}
.lw-investor-dropdown {width: 100%;}
.lw-foot-top {grid-template-columns: repeat(2,1fr) !important;}
}
@media (max-width: 899px) {
.lw-pager {display:none !important;}
}
@media (max-width:767px) {
.lw-foot-top {grid-template-columns:1fr;}
.lw-foot-top {grid-template-columns: 1fr !important;}
}
@media (max-width:680px) {
.lw-navlinks {grid-template-columns:1fr !important;}
.lw-foot-top {grid-template-columns:1fr !important;}
}
