/*
  topbar.css
  Thin dark blue strip at the very top of the page, promoting the newsletter.
  Needs css/base.css.
*/

.fm-topbar { padding-block: 0.4rem; background: var(--fm-blue-deep); color: #fff; font-size: var(--fm-t-sm); text-align: center; }
.fm-topbar p { line-height: 1.4; }

/* The link is underlined so it's obvious it's clickable on the dark background */
.fm-topbar a { margin-left: 0.35rem; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.fm-topbar a::after { content: " \2192"; }
.fm-topbar a:hover { color: var(--fm-blue-tint); }