/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { background: #e0edf2; }

#duarte-quiz-scroll { width: 100%;  position: relative; }

section { background-color: white; width: 100%; padding: 20px; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

header { padding-bottom: 20px; }
header h1 { display: none; }
header p { font-weight: bold; font-size: 15px; color: #21759d; }

.duarte-quiz section:last-child { padding-bottom: 100px; }

article li { padding-bottom: 5px; display: inline-block; }
article button { display: none; }
article label:hover { background-color: #cfe2ea; }
article label.active { background-color: #21759d; color: white; }
article label.actually { -webkit-box-shadow: inset 0px 0px 0 3px #858705; -moz-box-shadow: inset 0px 0px 0 3px #858705; box-shadow: inset 0px 0px 0 3px #858705; }
article label.true { background-color: #858705; color: white; }
article label.false { background-color: #bd3826; color: white; }
article label strong { display: none; }

article label, .duarte-quiz-nav .finish { display: block; color: #21759d; background-color: #e1edf2; padding: 0.4em 1.3em; line-height: 2; font-size: 14px; cursor: pointer; border: 0; }

.duarte-quiz-nav { width: 100%; background-color: white; padding: 20px; -webkit-user-select: none; -moz-user-select: none; user-select: none; float: left; top: 418px; left: 0; background-color: rgba(255, 255, 255, 0.8); }
.duarte-quiz-nav .prev, .duarte-quiz-nav .next { display: none; }
.duarte-quiz-nav .finish { padding-left: 3em; padding-right: 3em; float: right; background-color: #68675a; color: white; }
.duarte-quiz-nav .finish:hover { background-color: #5a594e; }

span.true { color: #858705; }

span.false { color: #bd3826; }

span.active { color: #21759d; }

.results p { text-align: right; padding: 10px; margin-right: 210px; }

h1, h2, h3, h4, h5, h6, p, label, button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; color: #636465; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

strong { font-weight: bold; }