title: Radio buttons with font-awesome icons are not working
body: <p><a href="https://www.thezone.org/ride/insertride.asp" rel="nofollow noreferrer">https://www.thezone.org/ride/insertride.asp</a></p>
  
  <p>On this page, the radio buttons have a font-awesome icon ring instead of the regular radio button circle. When you choose an option, there is supposed to be a circle inside the ring - like on this page on the same site:</p>
  
  <p><a href="https://www.thezone.org/application-camper.asp" rel="nofollow noreferrer">https://www.thezone.org/application-camper.asp</a></p>
  
  <p>The selecting doesn't seem to work. I can't figure out why it worked on the other page but not on this one. When I inspect element, this css (see below for the rest) [type=radio]:checked + label:before {    content: "\f192";    font-family: FontAwesome;} doesn't show up, but it shows up on the other form. This is the css that's supposed to make the small circle show. </p>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
                 &lt;label class="control-label col-lg-3 col-sm-4" id="gender"&gt;
            Gender&lt;/label&gt;
              &lt;div class="col-sm-8 col-md-7 col-lg-8 full-input"&gt;
                  &lt;input type="radio" name="gender" value="Male" id="gender_0"     /&gt;
                  &lt;label class="radio-inline"&gt;Male&lt;/label&gt;
  
                  &lt;input type="radio" name="gender" value="Female"     id="gender_1" /&gt;
                  &lt;label class="radio-inline"&gt;Female&lt;/label&gt;
  
                  &lt;input type="radio" name="gender" value="Family" id="gender_2" /&gt;
                  &lt;label class="radio-inline"&gt;Family&lt;/label&gt;
             &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Here's the css:</p>
  
  <pre><code>[type=radio] {    display: none;}
  [type=radio] + label:before {    content: "\f10c";  font-family:   FontAwesome;  font-size: 1.1em;    color: #028167;    letter-spacing: 10px;  display: inline-block;}
  [type=radio]:checked + label:before {    content: "\f192";  font-family: FontAwesome;}
  </code></pre>