/* Styling BEF Checkboxes to be like links so AJAX works. */
.views-exposed-form.bef-exposed-form input.form-radio {
  display: none;
}

/* Styling label like our links. */
.views-exposed-form.bef-exposed-form label {
  color: #083252;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.63;
  padding: 1rem 0 0;
}

/* Which means we need to add a hover state. */
.views-exposed-form.bef-exposed-form label:hover {
  color: #0d5f9e;
}

/* Changes the label if the input is checked.  Like an active state. */
.views-exposed-form.bef-exposed-form input.form-radio:checked + label {
  color: #0d5f9e;
  font-weight: 600;
}

/* Throw a little arrow before the active label. */
.views-exposed-form.bef-exposed-form input.form-radio:checked + label:before {
  border-color: transparent transparent transparent #0d5f9e;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  content: '';
  display: inline-block;
  height: 0;
  padding-right: 8px;
  width: 0;
}