/* RAWRR brand layer — loaded last so the supplied logo stays legible everywhere. */
:root {
  --rawrt-red: #e00012;
}

img[src*="rawrt-logo-transparent"] {
  display: block;
  width: auto;
  object-fit: contain;
  object-position: center;
}

#navbar:not(.scrolled) img[src*="rawrt-logo-transparent"],
footer img[src*="rawrt-logo-transparent"],
.sx-footer img[src*="rawrt-logo-transparent"] {
  filter: brightness(0) invert(1) !important;
}

#navbar.scrolled img[src*="rawrt-logo-transparent"] {
  filter: none !important;
}

.brand img[src*="rawrt-logo-transparent"],
.evelx-logo-image[src*="rawrt-logo-transparent"] {
  max-width: min(210px, 34vw) !important;
}

.footer-brand-logo[src*="rawrt-logo-transparent"],
.sx-footer-logo[src*="rawrt-logo-transparent"] {
  max-width: 220px !important;
}

.contact-pending {
  cursor: default !important;
  opacity: .72;
}

.contact-pending:hover {
  transform: none !important;
}

.rawrt-contact-notice {
  margin: 12px 0 0;
  color: #777;
  font-size: 12px;
  line-height: 1.6;
}

@media (max-width: 640px) {
  .brand img[src*="rawrt-logo-transparent"],
  .evelx-logo-image[src*="rawrt-logo-transparent"] {
    max-width: 158px !important;
  }
}