/* Font substitutions for Typekit families using self-hosted Google fonts. */
#topNav,
#topNav nav,
#topNav ul,
#topNav li,
#topNav a,
.nav-font,
.heading-1-font,
.heading-2-font,
.heading-3-font,
.thumb-title-font,
.category-nav-font,
#mobileMenuLink,
#mobileNav a,
#mobileNav .folder-toggle-label {
  font-family: 'Montserrat', 'Open Sans', sans-serif !important;
}

.logo-subtitle,
.site-subtitle-font,
.system-button-font,
.announcement-bar-font {
  font-family: 'Source Sans 3', 'Open Sans', sans-serif !important;
}

.site-title .logo,
.site-title-font,
h1.logo {
  font-family: 'Open Sans', sans-serif !important;
}

/* Match page/section heading tone from live site (non-logo headings). */
#page h1:not(.logo),
#page h2,
#page h3,
#page h4 {
  font-family: 'Montserrat', 'Open Sans', sans-serif !important;
}

/* Keep body typography close to original Open Sans appearance. */
body,
.body-font,
p,
li,
div {
  font-family: 'Open Sans', sans-serif;
}

@media (min-width: 751px) and (max-width: 1024px) {
  #topNav nav ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }

  #topNav nav li {
    white-space: nowrap;
  }

  #topNav nav li a {
    font-size: 11px !important;
    letter-spacing: 0.6px !important;
  }
}