/* HIDE RADIO — original position/size preserved so label layout is unchanged */
.hiddenradio [type=radio] {
    position: relative;
    opacity: 0;
    width: 0;
    height: 0;
}

/* IMAGE STYLES */
.hiddenradio [type=radio] + img {
    cursor: pointer;
}

/* CHECKED STYLES */
.hiddenradio [type=radio]:checked + img {
    outline: 4px solid #005fcc;
    outline-offset: 2px;
}

/* FOCUS STYLES — keyboard users see an outline on the image when the radio is focused */
.hiddenradio [type=radio]:focus + img {
    outline: 4px solid #005fcc;
    outline-offset: 2px;
    box-shadow: 0 0 0 6px rgba(0, 95, 204, 0.25);
}

/* IE 11 image inside label fix */
label img {
    pointer-events: none;
}

label {
    display: inline-block;
}