/* Champion Wealth Management — FMG custom CSS (styles.css)
   Hide FMG's own chrome on every embedded page; the wrapper supplies the nav,
   banner, and footer/disclosure. Publish: FMG > Design > Developer Tools > Custom CSS.
   Ctrl+A -> Delete -> paste this whole file -> Publish. @import stays on top.
   No ">" combinator (FMG breaks it). */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

/* Hide FMG's own chrome on every embedded page (desktop AND mobile) */
html body .top-bar,
html body header.header,
html body section.header-phone,
html body .moonlight-header-logo,
html body .hero-container,
html body footer,
html body .footer-container,
html body section.form.container { display: none !important; }

/* Calculator "related content" caption links -> Champion navy */
body.calculator .thumbnail .caption a { color: #0C2A66 !important; }

/* Articles list -> gold bullets (palette can't touch markers) */
html body .list-content li::marker { color: #C9A84C !important; }

/* MOBILE: FMG re-shows its header/top-bar/footer at phone widths — repeat the
   hide in a media query with extra specificity so it wins there too */
@media (max-width: 991px) {
  html body[class] .top-bar,
  html body[class] header.header,
  html body[class] section.header-phone,
  html body[class] .moonlight-header-logo,
  html body[class] .hero-container,
  html body[class] footer,
  html body[class] .footer-container,
  html body[class] section.form.container { display: none !important; }
}