/* Alphabet logo.
   Rendered by the alpha-logo directive (assets/js/DeveloperJs/Controller/DeveloperSearchJobs.js)
   in place of the default company placeholder whenever a company has no logo image of its own,
   or when its logo URL fails to load. The tile fills its container, so it inherits whatever
   size, border and border-radius that container already has. */
.company-alpha-logo {
  display: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  color: var(--black);
  text-transform: uppercase;
  background-color: #dfe7ff;
}
.company-alpha-logo.is-visible {
  display: flex;
}
.job-icon.job-logo-sm .company-alpha-logo {
  font-size: 14px;
}
.job-icon-xs .company-alpha-logo,
.company-logo .company-alpha-logo,
.aiis-job-logo .company-alpha-logo {
  font-size: 18px;
}
/* This container rounds its image rather than itself, so the tile rounds its own corners. */
.comp-logo-about .company-alpha-logo {
  font-size: 18px;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .company-alpha-logo {
    font-size: 16px;
  }
}