@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;700&display=swap');
/* Define Primary, Secondary, Tertiary from School Manager */
#reactTopBar {
  --nav-background-color: #202e51;
  --nav-top-level-page-text-size: 16px;
  --nav-top-level-page-text-color: white;
  --nav-top-level-page-text-color-hover: var(--nav-top-level-page-text-color);
  --nav-mega-menu-background-color: #304777;
  --nav-mega-menu-top-level-text-color: white;
  --nav-mega-menu-top-level-text-color-hover: var(--nav-mega-menu-top-level-text-color);
  --nav-mega-menu-sub-level-text-color: var(--nav-mega-menu-top-level-text-color);
  --nav-mega-menu-sub-level-text-color-hover: var(--nav-mega-menu-sub-level-text-color);
  --nav-mega-menu-more-pages-text-color: var(--nav-mega-menu-top-level-text-color);
  --nav-mega-menu-more-pages-text-color-hover: var(--nav-mega-menu-more-pages-text-color);
  --nav-mega-menu-more-pages-sub-level-text-color: var(--nav-mega-menu-sub-level-text-color);
  --nav-mega-menu-more-pages-sub-level-text-color-hover: var(--nav-mega-menu-sub-level-text-color-hover);
  --nav-more-pages-menu-top-level-text-color: var(--nav-mega-menu-top-level-text-color);
  --top-bar-background-color: #304777;
  --top-bar-text-color: white;
}