/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
.quizzer {margin: 50px 0 !important;}
.quizzer p {margin-bottom:5px !important;}
.quizzer hr {margin: 15px 0 !important;}
.quizzer button, .quizzer .button {padding: 15px 30px !important; height:auto !important;}
.quizzer button:hover, .quizzer .button:hover {text-decoration:none !important;}
.quizzer .answerRadio {border: 1px solid #ccc !important; margin-bottom: 5px !important;}
.quizzer .answerRadio:hover {background-color: #ddd !important;}
.quizzer .selectedRadio{background-color: #ddd !important;}
.quizzer .checkbox, .radio {width:100% !important; padding: 10px !important;}
.quizzer .answerRadio label {margin: 0 !important;}
.quizzer .questionCard {display:none;}
.quizzer .resultCard {display:none;}
.quizzer .questionCard.card-active {display:block;}
.quizzer .questionCard .answerresult {display:none;}
.quizzer .questionCard .nextsteps {display:none;}
.quizzer .resultMsg {display:none;}
.quizzer .questionCard .answervideos {display:none; width:100% !important; height:auto !important;}
.quizzer .questionCard .answervideos video {width:100% !important; height:auto !important;}
.video-js.vjs-has-started {display: block !important;visibility: visible !important;}
.score {display:none;}