.navbar-brand {
  font-size: var(--bs-nav-link-font-size);
}

.bg-custom-gradient {
  --bs-gradient-opacity: 0.8;
  background-repeat: no-repeat;
  background-image: linear-gradient(rgba(var(--bs-body-bg-rgb), var(--bs-gradient-opacity)) var(--bs-gradient-start), var(--bs-primary-bg-subtle) var(--bs-gradient-end)), var(--bs-image-bg);
  background-size: cover;
  background-position: center center;
}

.bg-body-about {
  --bs-gradient-opacity: 0.4;
  background-repeat: no-repeat;
  background-image: linear-gradient(rgba(var(--bs-body-bg-rgb), var(--bs-gradient-opacity)) var(--bs-gradient-start), var(--bs-tertiary-color) var(--bs-gradient-end)), var(--bs-image-bg);
  background-size: cover;
  background-position: center center;
}

.bg-body-red {
  --bs-gradient-opacity: 0.4;
  /*background-repeat: no-repeat;*/
  background-image: linear-gradient(rgba(var(--bs-body-bg-rgb), var(--bs-gradient-opacity)) var(--bs-gradient-start), var(--bs-primary-border-subtle) var(--bs-gradient-end)), var(--bs-image-bg);
  background-size: cover;
  background-position: center center;
}

.bg-body-info {
  --bs-gradient-opacity: 0.4;
  background-repeat: no-repeat;
  background-image: linear-gradient(rgba(var(--bs-body-bg-rgb), var(--bs-gradient-opacity)) var(--bs-gradient-start), var(--bs-primary-border-subtle) var(--bs-gradient-end)), var(--bs-image-bg);
  background-size: cover;
  background-position: center center;
}

.sponsor-card {
  height: 90px;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.sponsor-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12) !important;
}

.sponsor-note {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12) !important;
}

.sponsor-logo {
  max-height: 48px;
  max-width: 100%;
  object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.2s ease-in-out;
}

.sponsor-card:hover .sponsor-logo {
  filter: grayscale(0%);
}