/* www.insighthubapp.com — the site's own layer on top of shared.css + premium.css (which are imported from
   www.sg5.biz unchanged). Only what the InsightHub header, footer and 404 page need. */

/* Logo: the InsightHub mark + wordmark (header and footer) */
.logo.ih-logo { gap: 0.7rem; color: var(--text); font-family: "Montserrat", sans-serif; font-weight: 800; font-size: 1.3rem; letter-spacing: -0.01em; white-space: nowrap; }
.logo.ih-logo .ih-mark { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: rgba(127, 203, 173, 0.12); border: 1px solid rgba(127, 203, 173, 0.35); box-shadow: 0 10px 30px -12px rgba(127, 203, 173, 0.6); flex: none; }
.logo.ih-logo .ih-mark img { width: 22px; height: 22px; display: block; }
.logo.ih-logo:hover { color: var(--text); }
/* Two-colour wordmark as on the original InsightHub landing: "Insight" teal, "Hub" white */
.logo.ih-logo .ih-word { color: var(--primary); }
.logo.ih-logo .ih-word span { color: #fff; }
.footer2 .logo.ih-logo { font-size: 1.15rem; }

/* Header: six menu items need a little less air than the four of sg5.biz */
.nav { gap: 1.6rem; }
.nav a { white-space: nowrap; }
@media (max-width: 1240px) { .nav { gap: 1.2rem; } .nav a { font-size: 0.84rem; } }
@media (max-width: 1100px) and (min-width: 801px) { .nav ul li.nav-secondary { display: none; } }  /* stay in the mobile menu */
@media (max-width: 960px) and (min-width: 801px), (max-width: 480px) { .logo.ih-logo .ih-word { display: none; } }  /* mark only where the bar is full */

/* Footer: company line under the brand text, app link in the bottom row */
.footer2 .brand .by { font-size: 0.8rem; margin-top: 0.75rem; }
.footer2 .bottom a { color: var(--text-muted); }
.footer2 .bottom a:hover { color: var(--primary); }