Как перебить !important?
Вероятно, ваш style.css подключен раньше semantic.min.css
Повысьте специфичность вашего селектора. Например:.label--checkbox input[type="checkbox"]{...}
Сделайте более приоритетный селектор, добавив в него родителя (про-родителя). body input[type="checkbox"] {
   display: block!important;
}
UPD: 
лучше так, иначе все чекеды в документе обновятся.body .label--checkbox input {
   display: block!important;
}