/*Input
http://www.csscheckbox.com/radio-buttons/0/
*/
input[type=radio].css-checkbox {
        position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
    }

    input[type=radio].css-checkbox + label.css-label {
      padding: 5px 38px;
      display: table;
      overflow: visible;
      line-height: 31px;
      background-repeat: no-repeat;

      background-size: 0;
      font-size: 23px;
      vertical-align: middle;
      cursor: pointer;
      margin: 10px 0;
        background-size: 0;


    }

    input[type=radio].css-checkbox:checked + label.css-label {

        background-size: 38px!important;
        background-position: 0 -37px;
    }
    label.css-label {
        background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_8cdd56752b105fd256da5939523edc82.png);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

}
/*this is just to organize the demo checkboxes*/
label {margin-right:20px;}

/*
Fonts
*/

#app{
  font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBlackCondensed", "HelveticaNeue-Black-Condensed", "Helvetica Neue Black Condensed", "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Arial Narrow", "Arial", sans-serif;
  margin-bottom: 50px;
}
.question{
    width: 100%;
}
.answer-wrapper .entry-content label {
    color: #000!important;
}
.entry-content label {
    color: #000!important;
}
.question img{
    width: 100%;
    height: auto;

}
.simple-test form{
    font-family: 'Helvetica','Verdana','Arial';
    width: 90%;
    max-width: 800px;
    margin: auto;
    box-shadow: 1px 1px 44px rgba(0,0,0,0.2);
    padding: 31px;
    box-sizing: border-box;
    margin-bottom: 44px;
}
#questions_text, #results{
    display: none;
}
.current-question-number{
   float: right;
   font-size: 13px;
   padding-right: 10px;
   color: #66666d;
   width: 20%;
   text-align: right;
   border-right: 1px solid #1966cc;
}

.css-label{
    border: 1px solid #f1f1f1;
    border-radius: 25px;
    padding: 0 30px;
    box-sizing: border-box;
}
.css-label:hover{
    border: 1px solid #F12124;
}
.next-button{
   background: #f5f5f5;
   color: #111;
   cursor: pointer;
   display: block;
   margin: 17px auto;
   width: 30%;
   text-align: center;
   padding: 9px 21px;
   border-radius: 6px;
   box-shadow: 1px 1px 25px rgba(0,0,0,0.4);
}
.question-heading{
    width: 100%;
    text-align: center;
    line-height: 1em;
    display: inline-block;
    font-size: 35px!important;
    margin: 38px auto;

    font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBlackCondensed", "HelveticaNeue-Black-Condensed", "Helvetica Neue Black Condensed", "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Arial Narrow", "Arial", sans-serif;
    font-weight: 100;
    font-stretch: condensed;

    text-transform: uppercase;


}
.simple-heading{
  margin-top: -1em;
  font-size: 20px;
  color: #0066cc;
  font-weight: 100;

  max-width: 80%;
  padding-left: 5px;
}