@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind&display=swap');

:root {
  /* CHANGED: --K15t-font-family-body and --K15t-font-family-headline are removed in Scroll Sites.
     Replaced with --theme-text-font and --theme-headline-font. */
  --theme-text-font: 'Hind', Arial;
  --theme-headline-font: 'Montserrat', Arial;
}

/* NOTE: Verify this class name still exists in the new Scroll Sites DOM via browser DevTools. */
.header {
  border-bottom: 0px;
}

/* NOTE: Verify .header__navigation--large__menu and .render-links still exist in the Scroll Sites DOM. */
.header__navigation--large__menu .render-links a {
  font-family: 'Montserrat', Arial;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700 !important;
}

/* NOTE: Verify .portal__header__content__intro--heading still exists in the Scroll Sites DOM. */
.portal__header__content__intro--heading {
  font-weight: 500;
  font-size: 32px;
}

/* NOTE: Verify .portal__header__content__intro--intro still exists in the Scroll Sites DOM. */
.portal__header__content__intro--intro {
  font-size: 20px;
  font-weight: 400;
}

/* NOTE: Verify .space-overview__hero__header__content__intro--heading still exists in the Scroll Sites DOM. */
.space-overview__hero__header__content__intro--heading {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 0px;
}

/* NOTE: Verify .space-overview__hero__header__content__intro--intro still exists in the Scroll Sites DOM. */
.space-overview__hero__header__content__intro--intro {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 2rem;
  /* CHANGED: --_foreground was an internal Viewport variable, now removed.
     Replaced with --theme-text-color. Adjust if a different color was intended. */
  color: var(--theme-text-color);
}

/* NOTE: Verify .footer__logo still exists in the Scroll Sites DOM. */
.footer__logo {
  margin-right: 0.5rem;
  max-width: 80px;
}

/* Transform the contact us button to a floating button.
   NOTE: Verify .header__navigation--large__menu ul > li:last-child still
   correctly targets the Contact Us nav item in the Scroll Sites DOM. */
.header__navigation--large__menu ul > li:last-child {
  font-family: 'Montserrat', Arial;
  font-weight: 400 !important;
  position: fixed;
  font-size: 16px;
  bottom: 24px;
  right: 24px;
  background-color: rgb(255, 191, 0) !important;
  border-radius: 0px;
  padding: 15px 21px !important;
  color: rgb(0, 0, 0) !important;
  text-transform: none;
}