.quiz-wrapper{height:100%;display:flex;flex-direction:column}.quiz-wrapper .header{background-color:#c72026;color:#fff;padding:10px;font-weight:700;font-size:1.1em;flex:0 0 auto}.quiz-wrapper .content{flex:1 0 auto}.quiz-wrapper .footer{border-top:1px solid #e6e6e6;padding:10px;font-size:.9rem;flex:0 0 auto;text-align:center}.quiz-wrapper .hero{max-height:400px;overflow:hidden;position:relative}.quiz-wrapper .hero IMG{width:100%}.quiz-wrapper .hero .image-credit{position:absolute;bottom:0;right:0;padding:2px 5px;background-color:hsla(0,0%,100%,.2);color:#fff;font-size:12px}.quiz-wrapper .splash .instructions{padding:20px}.quiz-wrapper .splash .actions{text-align:center;margin-bottom:20px}.quiz-wrapper .splash .actions BUTTON{width:60%;padding:10px;background-color:#f6f6f6;border:1px solid #ddd}.quiz-wrapper .splash .actions BUTTON:hover{background-color:#f1f1f1;cursor:pointer}.quiz-wrapper .questions .question{font-size:1.3rem;padding:20px 10px}.quiz-wrapper .questions .question-header{padding:10px;border-bottom:1px solid #e6e6e6;text-align:right;font-size:.8rem;text-transform:uppercase;color:#999}.quiz-wrapper .questions .options{border:1px solid #ddd;margin:0 10px;overflow:hidden}.quiz-wrapper .questions .options .option{border-top:1px solid #ddd}.quiz-wrapper .questions .options .option:first-child{border-top:0}.quiz-wrapper .questions .options .correct{color:green;font-weight:700;background-color:#e6ffe6;transition:background-color .5s}.quiz-wrapper .questions .options .correct .icon-wrapper{display:block;fill:green}.quiz-wrapper .questions .options .wrong{color:red;text-decoration:line-through;background-color:#ffe6e6!important;transition:opacity .5s 1s;opacity:.25}.quiz-wrapper .questions .options .wrong .icon-wrapper{fill:red;display:block}.quiz-wrapper .questions .options.has-selected .selected{background-color:#f3f3f3;color:#666;opacity:1;transition:none}.quiz-wrapper .questions .options.has-selected .not-selected{transition:opacity .2s .5s;opacity:.25;cursor:auto}.quiz-wrapper .questions BUTTON{width:100%;border:0;background-color:#fbfbfb;color:#333}.quiz-wrapper .questions BUTTON:hover{background-color:#f6f6f6;cursor:pointer}.quiz-wrapper .questions BUTTON>DIV{display:flex;padding:10px}.quiz-wrapper .questions BUTTON>DIV .text-wrapper{flex:1 0 auto;text-align:left}.quiz-wrapper .questions BUTTON>DIV .icon-wrapper{flex:0 0 50px}.quiz-wrapper .results .share{text-align:center;padding:10px;color:#999;margin-top:10px;text-transform:uppercase;border-top:1px solid #e6e6e6;font-size:.9rem}.quiz-wrapper .results .share .share-actions{padding:10px;font-size:1.2rem}.quiz-wrapper .results .share .share-actions .fb{color:#3b5998;fill:#3b5998}.quiz-wrapper .results .share .share-actions .twitter{color:#00aced;fill:#00aced}.quiz-wrapper .results .share .share-actions .email{color:#999;fill:#999}.quiz-wrapper .results .share .share-actions BUTTON{background:none;border:none;min-width:30px}.quiz-wrapper .results .share .share-actions BUTTON:hover{cursor:pointer}.quiz-wrapper .results .results-score{text-align:center;font-size:2rem;background:url(/images/results_background.png?93cd43c3e5b4397799020ff89a70371ed0b80e4a68a751ad5404764aa9e8100c);background-repeat:no-repeat;background-size:cover;height:200px;display:flex;align-items:center;color:#fff;margin-bottom:20px}.quiz-wrapper .results .results-score>DIV{flex:1 0 auto}.quiz-wrapper .results .results-score .score{font-weight:700;font-size:5rem}.quiz-wrapper .results .results-text{padding:20px 10px;margin-bottom:20px}.quiz-wrapper BUTTON:focus{outline:none}.answer-show-enter-active,.fade-leave-active{transition:opacity .5s}.answer-show-enter,.fade-leave-to{opacity:0}#featuredquiz{margin-bottom:60px}.quizzes-wrapper{display:flex;flex-wrap:wrap;line-height:21px;font-size:.95rem}.quizzes-wrapper .quiz{flex:0 0 50%;margin-bottom:30px;padding:5px 5px 30px}.quizzes-wrapper .quiz IMG{width:100%;margin-bottom:5px;border:1px solid transparent}.quizzes-wrapper .quiz IMG:hover{border:1px solid #000}@media (max-width:576px){.quizzes-wrapper .quiz{flex:0 0 100%;margin-bottom:20px}}@media (min-width:768px) and (max-width:992px){.quizzes-wrapper .quiz{flex:0 0 100%;margin-bottom:20px}}.main-content H2{margin-top:30px}.related-quizzes{display:flex;flex-wrap:wrap;line-height:18px;font-size:.9rem}.related-quizzes .quiz{flex:0 0 33%;margin-bottom:20px;padding:5px 5px 20px}.related-quizzes .quiz IMG{width:100%;margin-bottom:5px;border:1px solid transparent}.related-quizzes .quiz IMG:hover{border:1px solid #000}@media (max-width:576px){.related-quizzes .quiz{flex:0 0 50%;margin-bottom:10px}}@media (min-width:768px) and (max-width:992px){.related-quizzes .quiz{flex:0 0 50%;margin-bottom:10px}}