/* Quiz */
.quiz-ct{position:relative;}
.quiz-screen {padding-bottom:0.5rem;}
.answer p {margin: 0px;}
.pogotools_quiz__answer_number {display: block !important; width: 1px !important; height: 1px !important; font-size: 0.1rem !important; color: #9ec8d3; padding: 0px !important; margin: 0px !important;}
.pogotools_quiz__answer_answer p {padding-bottom: 0px !important; margin-bottom: 0px !important; position: relative !important; padding-left: 2.75rem !important;}
p.pogotools_quiz__question_feedback_correct,
p.pogotools_quiz__question_feedback_wrong {background-color: unset !important;}
.pogotools_quiz__answer_row:hover,
.pogotools_quiz__answer_row:focus,
.pogotools_quiz__answer_row:focus-visible {border: solid #154273 2px !important;}
.progressbar {width: 50%; margin-left: auto; margin-right: auto; position: absolute; right: 0px; top: -2.5rem; font-size:0.625rem;}
.progress-circle{display: inline-block; background-color: #ffffff; margin-right: 0px; width: 1.2rem; border-radius: 0.6rem; color: var(--darkblue); height: 1.2rem; text-align: center; border: solid 1px var(--darkblue); line-height: 1.2rem; box-sizing: border-box;} 
.progress-line{border-bottom: solid 1px var(--darkblue); display: inline-block; line-height: 0.6rem; height: 0.6rem; vertical-align: top; margin-left: 0px;}
.text, #quiz-feedback-text, #quiz-results-ct {margin-bottom: 2.25rem; color: var(--darkblue); font-weight: bold; font-size: 1.125rem;}
#quiz-feedback .text{font-size:1rem; font-weight: normal; display:none;}
#quiz-feedback-text {background-color: var(--darkblue); color: #ffffff; padding: 0.25rem 1rem; font-weight: normal; font-size:0.9rem; margin-top:0.5rem;}
.quiz-feedback-correct:after{content: ""; display: block; position:absolute; width:2rem; height: 2rem; right:1rem; top:-0.5rem; background-image: url("/assets/images/smiley-correct.webp"); background-repeat: no-repeat; background-size: contain;}
.quiz-feedback-wrong:after{content: ""; display: block; position:absolute; width:2rem; height: 2rem; right:1rem; top:-0.5rem; background-image: url("/assets/images/smiley-incorrect.webp"); background-repeat: no-repeat; background-size: contain;}
.quiz-screen .content {width: 60%; display: inline-block; vertical-align: top; position:relative;}
.image-ct {display: inline-block; width: 32%; margin-left:5%;}
.progress {font-size: 0.5rem; display: none;}
.progress-circle-correct{color:#ffffff; background-color:var(--lightgreen); border-color:var(--lightgreen);}
.progress-circle-wrong{color:#ffffff; background-color:var(--red); border-color:var(--red); }
.quiz-ct .title {display: none;}
.title{display: none;}
.answer-ct{color: #ffffff; background-color:var(--lightgreen); border:1px solid var(--darkgreen); border-radius:6px; box-shadow: 0.2rem 0.2rem 0.2rem rgba(100,100,100,0.5); padding:0.5rem 1rem; display:inline-block; width: 100%; margin-bottom: 0.5rem; cursor:pointer;}
#quiz-question .text:after, h1:after {content: ""; display: block; width: 12vw; margin: auto; border-bottom: solid 2px var(--red); left: 0px; position: absolute; margin-left: 0px;}
#quiz-results-feedback {max-width: 60%;}
.answer {position: relative; animation-name: appear; animation-duration: 2s; animation-fill-mode: forwards;}
@media screen and (max-width: 800px){
	.progressbar {width: 100%; top:0px;}
	.quiz-screen .content{margin-top:0.5rem;}
	.image-ct{margin-top:1em; padding-top:0.5rem;}
	#quiz-feedback-text{margin-top:1.5rem;}
	.quiz-feedback-wrong:after, .quiz-feedback-correct:after{top:0.75rem;}
	#quiz-results-ct {padding-top: 2rem;}
}

@media screen and (max-width: 640px){
	.quiz-screen .content{margin-top:1.5rem;}
	.image-ct{margin-top:1em; padding-top:1.5rem;}
}