/* Configurable unit hero background. */
.portal-public .portal-hero-image,
.portal-public .home-hero.portal-hero-image,
.portal-member .member-hero {
  background-image: linear-gradient(135deg, rgba(8, 24, 40, .84), rgba(8, 24, 40, .54)), var(--portal-hero-background, none);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.portal-public .portal-hero-image::after { opacity: .18; }
.portal-member .member-hero { background-color: var(--portal-primary, #17324d); }
@media (max-width: 575.98px) {
  .portal-public .portal-hero-image,
  .portal-member .member-hero { background-position: 60% center; }
}