/* ---- Site overrides (load AFTER Assets/tailwinds.css) ---- */ /* Map body-level defaults to the root wrapper if is stripped by CloudPages */ html, .cp-root { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: Roboto, sans-serif; font-size: 16px; line-height: 1; color: #231F20; /* matches tailwinds.css body color */ } /* Body margin/background replacement */ .cp-root { margin: 0; background-color: #ffffff; } /* Responsive type to mirror body scaling in tailwinds.css */ @media (min-width: 768px) { .cp-root { font-size: 1rem; line-height: 1.5625rem; } } @media (min-width: 1440px) { .cp-root { font-size: 1.125rem; line-height: 1.8125rem; } } /* Skip link (keyboard users) */ .skip-link { position: absolute; left: -9999px; top: 0; z-index: 999; background: #003C4D; /* teal_dark */ color: #fff; padding: 12px 16px; } .skip-link:focus { left: 20px; } /* Hide default marker for

so it looks like our own toggle */ summary { list-style: none; } summary::-webkit-details-marker { display: none; } /* Mobile: details controls visibility; Desktop: always open */ nav details > div { display: none; } nav details[open] > div { display: block; } @media (min-width: 1024px) { nav details > summary { display: none; } /* hide the toggle on desktop */ nav details > div { display: block !important; } /* keep menu visible on desktop */ } /* Optional: tighten link look in header menu */ .mainNavLink { text-decoration: none; } .mainNavLink:hover, .mainNavLink:focus { text-decoration: underline; }