/* Main menu, shared by every page. The homepage draws it with app.js, the other pages with nav.js. */
.navlink{color:#1F2A26;text-decoration:none}.navlink:hover{color:#024C4F;text-decoration:underline;text-underline-offset:6px}
.navdrop{position:relative}
.navdropbtn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;font:inherit;cursor:default}
.navdropbtn:hover{text-decoration:none}
.navdropbtn svg{transition:transform .2s ease}
.navdrop:hover .navdropbtn svg,.navdrop:focus-within .navdropbtn svg{transform:rotate(180deg)}
.navflyout{display:none;position:absolute;z-index:60;top:100%;inset-inline-start:-18px;padding-top:14px;min-width:210px;filter:drop-shadow(0 8px 12px rgba(1,63,67,.14))}
.navdrop:hover .navflyout,.navdrop:focus-within .navflyout{display:block}
.navflyout .navlink{display:block;padding:12px 18px;background:#FFFFFF;border-inline-start:3px solid #7CDC00;white-space:nowrap}
.navflyout .navlink:hover{background:#F4F7F5;text-decoration:none}
.navsearchlbl{display:none}
.menubtn{display:none}
.navlink.navcur{color:#024C4F;font-weight:600;text-decoration:underline;text-decoration-color:#7CDC00;text-decoration-thickness:3px;text-underline-offset:8px}
.navflyout .navlink.navcur{background:#F4F7F5;text-decoration:none}
header:has(.navjs){position:relative;background:#FFFFFF}
header .wrap:has(.navjs){flex-wrap:wrap}
.navjs{display:flex;flex-wrap:wrap;align-items:center;gap:30px;font-size:17px;font-weight:500}
.navjs .navsearch{padding:10px;background:none;border:0;cursor:pointer;color:#024C4F;display:inline-flex;align-items:center;gap:10px;font:inherit}
.navjs .navquote{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;background:#7CDC00;color:#013F43;font-weight:600;text-decoration:none;border-radius:4px}
@media (max-width:760px){
header .wrap:has(.navjs){flex-wrap:nowrap;padding-left:24px;padding-right:24px}
header:has(.navjs) img{height:42px}
.menubtn{display:inline-flex}
.mainnav{display:none !important}
.mainnav[data-open="true"]{display:flex !important;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch !important;gap:0 !important;background:#FFFFFF;border-bottom:1px solid #DCE5E0;padding:4px 24px 20px;z-index:20;box-shadow:0 12px 24px rgba(1,63,67,0.12)}
.mainnav[data-open="true"] .navlink{display:flex;align-items:center;min-height:48px;border-bottom:1px solid #EEF2F0}
.mainnav[data-open="true"] .navdropbtn{width:100%}
.mainnav[data-open="true"] .navdropbtn svg{display:none}
.mainnav[data-open="true"] .navflyout{display:block;position:static;padding:0;min-width:0;filter:none}
.mainnav[data-open="true"] .navflyout .navlink{padding:0;padding-inline-start:18px;background:none;border-inline-start:0;white-space:normal}
.mainnav[data-open="true"] .navsearch{min-height:48px;padding:0 !important;border-bottom:1px solid #EEF2F0;color:#1F2A26 !important}
.mainnav[data-open="true"] .navsearchlbl{display:inline}
.mainnav[data-open="true"] .navquote{margin-top:16px;justify-content:center}
}
