/* Infralytics Information Technology Consultancy — brand text-logo (site uses template's default color palette) */
/* Every place this logo appears (header, sticky header, hamburger, footer) sits on a
   dark background in this template, so the wordmark uses the same light color as the
   nav links (--tj-color-light-1) rather than the dark heading color. */
.tj-text-logo {
  display: inline-flex;
  flex-direction: column;
  line-height: 1.15;
}
.tj-text-logo-main {
  font-family: var(--tj-ff-heading);
  font-weight: 800;
  font-size: 30px;
  letter-spacing: 2px;
  color: var(--tj-color-light-1);
}
.tj-text-logo-sub {
  font-family: var(--tj-ff-heading);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 3px;
  color: var(--tj-color-theme-primary);
  margin-top: 3px;
}
.hamburger_logo .tj-text-logo-main {
  font-size: 24px;
}
.hamburger_logo .tj-text-logo-sub {
  font-size: 12px;
}
.footer-logo .tj-text-logo-main {
  font-size: 30px;
}

/* Preloader wordmark — replaces the old logo-icon image inside the spinner ring.
   The preloader sits on --tj-color-theme-bg-2 (#ecf0f1, light), so this uses the
   dark heading color rather than the light wordmark color used in the header. */
#loading-icon {
  width: auto;
  white-space: nowrap;
}
.preloader-wordmark {
  font-family: var(--tj-ff-heading);
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 0.5px;
  color: var(--tj-color-heading-primary);
}