.__heroMenu .card {
  background-color: transparent;
  text-align: center;
}
.__heroMenu .card.background-light {
  background-color: #efefef;
}
.__heroMenu .card.background-light.opacity-25 {
  background-color: rgba(239, 239, 239, calc(25 / 100));
}
.__heroMenu .card.background-light.opacity-50 {
  background-color: rgba(239, 239, 239, calc(50 / 100));
}
.__heroMenu .card.background-light.opacity-75 {
  background-color: rgba(239, 239, 239, calc(75 / 100));
}
.__heroMenu .card.background-dark {
  background-color: #565656;
}
.__heroMenu .card.background-dark.opacity-25 {
  background-color: rgba(86, 86, 86, calc(25 / 100));
}
.__heroMenu .card.background-dark.opacity-50 {
  background-color: rgba(86, 86, 86, calc(50 / 100));
}
.__heroMenu .card.background-dark.opacity-75 {
  background-color: rgba(86, 86, 86, calc(75 / 100));
}
.__heroMenu .card.background-primary {
  background-color: #007BFF;
}
.__heroMenu .card.background-primary.opacity-25 {
  background-color: rgba(0, 123, 255, calc(25 / 100));
}
.__heroMenu .card.background-primary.opacity-50 {
  background-color: rgba(0, 123, 255, calc(50 / 100));
}
.__heroMenu .card.background-primary.opacity-75 {
  background-color: rgba(0, 123, 255, calc(75 / 100));
}
.__heroMenu .card.background-secondary {
  background-color: #6C757D;
}
.__heroMenu .card.background-secondary.opacity-25 {
  background-color: rgba(108, 117, 125, calc(25 / 100));
}
.__heroMenu .card.background-secondary.opacity-50 {
  background-color: rgba(108, 117, 125, calc(50 / 100));
}
.__heroMenu .card.background-secondary.opacity-75 {
  background-color: rgba(108, 117, 125, calc(75 / 100));
}
.__heroMenu .card .card-body {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.__heroMenu .card .card-body:first-child {
  padding-top: 1.25rem;
}
.__heroMenu .card .card-body:last-child {
  padding-bottom: 1.25rem;
}
.__heroMenu .card .card-body.heroMenu-icon .fas, .__heroMenu .card .card-body.heroMenu-icon .far, .__heroMenu .card .card-body.heroMenu-icon .fab {
  font-size: 3rem;
}
.__heroMenu .card .card-body.heroMenu-title {
  padding-bottom: 0;
}
.__heroMenu .card .card-body.heroMenu-title .card-title {
  margin: 0;
}
.__heroMenu .card .card-body.heroMenu-title .card-title a {
  text-decoration: none;
}
.__heroMenu .card .card-body.heroMenu-text {
  padding-top: 0;
  padding-bottom: 0;
}

/*# sourceMappingURL=heroMenu.css.map */