div.quizbody {width:100%; margin:0 auto; border:1px solid rgba(255, 255, 255, 0.1); background:rgba(255, 255, 255, 0.1); padding:18px; font-family:'sinkinsansregular',Arial,Helvetica,sans-serif; font-size:12px; color:#c7c7c7; line-height:1.5em; backdrop-filter:blur(10px);}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h1 {font-family:'sinkinsansregular',Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; margin:0 0 20px; color:#858585;}
h2 {font-size:12px; margin:15px 0;}
h3 {font-size:12px; margin:15px 0 10px; line-height:1.8;}
h4 {font-size:12px; margin:10px 0;}
h5 {font-size:10px; margin:10px 0 5px;}
h6 {font-size:9px; margin:5px 0;}
label.quizlabel {margin-bottom:0px; font-size:11px; font-weight:normal;}
input.quizinput {margin:0px;}
strong {font-weight:bold;}
em {font-style:italic;}
ul {list-style-type:circle;}
ol {list-style-type:decimal;}
ol li {list-style-type:decimal; margin-left:20px; line-height:1.5; margin-top:10px;}
.button {float:left; width:auto; height:28px; padding:7px 15px; font:14px 'OswaldLight', Arial, Helvetica, sans-serif; color:#ccc; letter-spacing:.08em; border:solid 1px rgba(255, 255, 255, 0.4); text-decoration:none; background-image:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.15));}
.button:hover {color:#fff; text-decoration:none; border:solid 1px rgba(255, 255, 255, 0.8);}
.startQuiz {margin-top:40px;}
.tryAgain {float:none; margin:20px 0;}

/* clearfix */
.quizArea, .quizResults {zoom: 1;}
.quizArea:before, .quizArea:after, .quizResults:before, .quizResults:after {content:"\0020"; display:block; height:0; visibility:hidden; font-size:0;}
.quizArea:after, .quizResults:after {clear:both;}
.questionCount {font-size:14px; font-style:italic;}
.questionCount span {font-weight:bold;}
ol.questions {margin-top:20px; margin-left:0;}
ol.questions li {margin-left:0;}
ul.answers {margin-left:20px; margin-bottom:20px;}
ul.responses li {margin:10px 20px 20px;}
ul.responses li p span {display:block; font-weight:normal; font-size:15px;}
.complete ul.answers li.correct, ul.responses li.correct p span {color:#6C9F2E;}
ul.responses li.incorrect p span {color:#B5121B;}
.quizResults h3 {margin:0;}
.quizResults h3 span {font-weight:normal; font-style:italic;}
.quizResultsCopy {clear:both; margin-top:20px;}
/* BASE QUIZ STYLES */
/* These styles ensure that the necessary elements are hidden for toggling */
.startQuiz, .nextQuestion, .backToQuestion, .questions li.question, .questions li.question .responses, .questions li.question .responses .correct, .questions li.question .responses .incorrect, .quizResults {display:none;}
/* If response messages are disabled or only shown on quiz completion,
   nextQuestion button IS checkAnswer button - so it must be displayed */
.nextQuestion.checkAnswer {display:block;}
ol.questions, ul.answers, ul.responses, ol.questions li, ul.answers li, ul.responses li {list-style-type:none;}
/* Accessibility */
.quizName span:first-child {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
ul.answers li {font-weight:normal; display:flex;}