/* Background of wizard */
.wizard-wrapper {
  background: #eee;
}

.wizard-wrapper .wizard-answer {
  background: #fff;
  padding: 1rem;
  border: 1px solid #BFBFBF;
  border-radius: 0.125rem;
}

.wizard-wrapper .q-notes {
  margin-bottom: 1rem;
}

/* Disable padding on list */
.sq_question_wrapper ul {
  padding-left: 0;
}
.formatting ul li {
  padding-left: 0 !important;
}
/* Disable square to left of list item */
.sq_question_wrapper ul > li {
  list-style-type: none;
}

.wizard-wrapper h3, .wizard-wrapper h4, .wizard-answer h3, .wizard-answer h4, .wizard-answer h5 {
  color: #424242;
}


/* Original radio button */
input[type='radio'] {
  /* Make original radio hidden */
  opacity: 0;

  /* Make position absolute so it does not take up any space */
  position: absolute;
}

input[type='radio'] + label {
  display: inline-block;
  width: 100%;
  padding: 0.3125em 0.75em;
  font-family: "Helvetica Neue","Segoe WP","Helvetica","Arial";
  font-weight: 500;
  line-height: 1.6;
  border-radius: 0.125rem;
  cursor: pointer;
  border: 1px solid #255C79;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out;
  color: #255C79;
  background-color: #e9f0f8;
  
}

input[type='radio']:hover + label,
input[type='radio']:active + label,
input[type='radio']:focus + label {
  color: #255C79;
  background: #DBE6F3;
      text-decoration: underline;
}

input[type='radio']:checked + label {
  background-color: #fff;
}

/* Custom radio button default styles */
input[type='radio'] + label:after {
  /* Display inline block */
  display: inline-block;

  /* Align icon */
  position: relative;
  top: 3px;

  /* Set opacity to 0 */
  opacity: 0;

  /* Make content font-awesome check */
  content: "\E01D";
  font-family: 'vicicons';

  /* Set colour */
  color: #255C79;

  /* Padding left */
  padding-left: .5rem;
}

/* Custom radio button checked styles */
input[type='radio']:checked + label:after {
  /* On checked set opacity to 1 */
  opacity: 1;
}

@media(min-width:1000px) {

  .wizard-wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }

}