// Radio Buttons
// -------------------------------

/* hide a radio button's icon by default */
.radio-item {
  [class^="icon-"],
  [class*=" icon-"] {
    display: none;
  }
}
.radio-list label.list-item {
  cursor: pointer;
}

.radio-list input[type="radio"] {
  /* hide any radio button inputs elements (the ugly circles) */
  display: none;

  /* when this radio-item is checked */
  &:checked + .radio-item {

    /* show the radio-item icon when checked */
    [class^="icon-"],
    [class*=" icon-"] {
      position: absolute;
      top: 16px;
      right: $content-padding;
      display: inline;
    }
  }
}