/*Separator line between step icons*/
/*If the header is transparent then the Wizard background image should be implement here. 
Uncomment the block below, create an img directory in the intance theme, and put the asset there */
/*.page.wizard-steps{
	background-image: url('../img/WizardBackground.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}*/
.wizard-step[data-meaning=division] .wizard-question.division .checkbox label {
  border-radius: 12px;
  border: solid 2px #c8c1bb;
}
.wizard-step[data-meaning=division] .wizard-question.division .checkbox:hover {
  background-color: transparent;
}

.button.finish {
  font-weight: 700;
  text-transform: uppercase;
}

.wizard-step.index-2 .step-body {
  height: auto;
}
.wizard-step.index-2 .supporting-content, .wizard-step.index-2 .filter-interface, .wizard-step.index-2 .max-selections {
  display: none;
}
.wizard-step.index-2 .categories, .wizard-step.index-2 .primary-content {
  overflow: visible;
}
.wizard-step.index-2 .psychographic.wizard-question {
  border: none;
}
.wizard-step.index-2 .psychographic.wizard-question .question-label {
  display: none;
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li + li {
  margin-top: 10px;
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li .checkbox {
  border: none;
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li .checkbox input {
  margin-top: 0;
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li .checkbox label {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: rgba(217, 217, 214, 0.33);
  border-radius: 6px;
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li .checkbox label > *:first-child {
  display: block;
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li .checkbox label > span:not(.check) {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li .checkbox label:before {
  content: "";
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 6.875rem;
  width: 8.4375rem;
  background-size: cover;
  background-position: center top;
  border-radius: 4px 0 0 4px;
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li .checkbox label .text {
  display: block;
  font-size: 1.0213022141em;
  line-height: calc(30 / 19);
  text-align: left;
  padding: 1.4rem;
  max-width: 31.0526315789em;
  width: 100%;
  color: #000000;
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li .checkbox label .text .division-description {
  font-family: "Open Sans", sans-serif;
  display: block;
  font-weight: 400;
  text-transform: none;
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li .checkbox label .check {
  display: none;
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li .checkbox.checked label {
  background-color: #F2AF32;
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li .checkbox.focus label {
  outline: solid 2px #660002;
  outline-offset: 3px;
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li.option-1 .checkbox label:before {
  background-image: url("../img/psychographic1.jpg");
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li.option-2 .checkbox label:before {
  background-image: url("../img/psychographic2.jpg");
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li.option-3 .checkbox label:before {
  background-image: url("../img/psychographic3.jpg");
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li.option-4 .checkbox label:before {
  background-image: url("../img/psychographic4.jpg");
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li.option-5 .checkbox label:before {
  background-image: url("../img/psychographic5.jpg");
}
.wizard-step.index-2 .psychographic.wizard-question > ul > li.option-6 .checkbox label:before {
  background-image: url("../img/psychographic6.jpg");
}
/*# sourceMappingURL=instance-common.css.map */