/* Navbar title with the signed-in advisor's number and name under it (_Layout.cshtml). The wrapper takes the
   .title class, so the divider before the logout button stays as it is in style.css. */
.navbar .container .logo-title-block .title-logout-container .title-with-advisor {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  min-width: 0;
}

.navbar .container .logo-title-block .title-logout-container .title-with-advisor h2 {
  white-space: nowrap;
}

.navbar .container .logo-title-block .title-logout-container .title-with-advisor .advisor-info {
  font-size: 0.75rem;
  color: var(--bs-gray-600);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.navbar .container .logo-title-block .title-logout-container .title-with-advisor .advisor-number {
  font-weight: 600;
}

@media (max-width: 575.98px) {
  .navbar .container .logo-title-block .title-logout-container .title-with-advisor h2 {
    font-size: 1rem;
  }

  .navbar .container .logo-title-block .title-logout-container .title-with-advisor .advisor-info {
    font-size: 0.75rem;
    max-width: 50vw;
  }
}