/* Employer-logo initials fallback. The tile fills the existing .employer-logo
   box (whatever size/shape the theme gives it) so it matches the real logo. */
.employer-logo.inx-logo-fallback { position: relative; }

.inx-logo-fallback-tile {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	font-weight: 700;
	font-size: 16px;             /* default; JS scales it to the box size */
	line-height: 1;
	letter-spacing: .02em;
	text-transform: uppercase;
	overflow: hidden;
}

/* Ensure a minimum legible size even if the box relies on the img for height. */
.employer-logo.inx-logo-fallback { min-width: 40px; min-height: 40px; }