@charset "utf-8";
/* CSS Document */

.main {
	min-height: calc(100vh - 142px);
}
#quiz_container {
	padding: 5%;
}
@media (max-width: 767.98px) {
.header h1.titolo {
	margin-top: 0;
}
}

/* Quiz container */
.quiz_num {
	color: #7f35b2;
}
.quiz_flex h2 {
	color: #7f35b2;
}
.quiz_intro h2 {
	color: #7f35b2;
}

/* Quiz intro */
.step_intro {
	border: .125rem solid #7f35b2;
}

/* Radio button */
.quiz_radiogroup input[type="radio"] + label {
	display: flex;
}
.quiz_radiogroup input[type="radio"] + label span.quiz_radio {
	margin: 0 .5rem 0 0;
	flex: 0 0 auto;
}
.quiz_radiogroup input[type="radio"]:checked + label span.quiz_radio {
	background: #7f35b2 url("https://www.positronx.io/wp-content/uploads/2019/06/tick-icon-4657-01.png") center center no-repeat;
}

/* Buttons */
.quiz_btn {
	background-color: #7f35b2;
}
.quiz_btn:hover {
	border: 1px solid #7f35b2;
	color: #7f35b2;
}

/* Progress bar */
#quiz-progress {
	background-color: #f2f2f2;
}
.quiz_progressbar {
	background-color: #343434;
}

/* Modal */
#quiz-modal .modal-header {
	background-color: #7f35b2;
}

.text-answer {
	flex-basis: 70%;
}
.thumb-answer {
	flex-basis: 30%;
	padding-top: 30px;
}
.thumb-answer a {
	color: #7f35b2;
}
.thumb-answer a:hover img {
	opacity: .7;
}
.thumb-answer span {
	display: block;
	text-align: center;
}