/* Site fixes on top of the theme (main.css is compiled, so changes go here). */

/* The theme's .bg-main-600 is a solid colour with !important, so Bootstrap's
   .bg-opacity-* helpers had no effect and green icons sat invisibly on a solid
   green box. Give those boxes the intended light tint instead. */
.bg-main-600.bg-opacity-10 {
    background-color: hsla(var(--main-h), var(--main-s), var(--main-l), 0.1) !important;
}