Input checked state does not affect css selector

So i've been trying to trigger my css selector via the checkbox state as you can see below but ive had no luck getting it to trigger. What should happen on click is the tick should simply disappear.

.i-cb input[type="checked"]:checked + label::before {
   display: none;
   width:0px;
   height: 0px;
}

Here is the jsfiddle of the code im running with this. http://ift.tt/2mm0kh3