Custom Styled Form Radio Buttons Not Selectable

[svoltmer]

I have created a form that has several radio button inputs that, using css, I've made larger and easier to select on mobile. When I made it into a 2 column version, the radio buttons are no longer selectable. Could someone look at my code and make a suggestion to fix this?

 

Here is my form:

 

http://www.rose-hulman.edu/forms/Campus%20Visitor%20Information%20Sheet.html

[dsonesuk]

You have elements using position, and they have higher z-index layering, also the original radio inputs are quarter of the size and positioned top left corner, so you have to increase its size to register a click covering the new area.

input[type="radio"] {
    height: 23px; /*added by dsonesuk */
    opacity: 0;
    position: absolute;
    width: 23px; /*added by dsonesuk */
    z-index: 99999; /*added by dsonesuk */
}

Also you can't have div element inside Paragraph elements.

[svoltmer]

Thanks! Could you explain, why my other form works, even without the z-index change? Here it is:

 

http://www.rose-hulman.edu/forms/Schedule%20a%20Campus%20Visit.html