-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmain.css
2 lines (2 loc) · 14.9 KB
/
main.css
1
2
@import url(https://fonts.googleapis.com/css?family=Poppins:400,600,700);.app{width:100%;height:100%;min-height:100%;font-family:Poppins,Helvetica,Arial,Verdana,"sans-serif";font-size:16px;background:#f6f7f8}@-ms-viewport{zoom:1;width:extend-to-zoom}@-o-viewport{zoom:1;width:extend-to-zoom}@viewport{zoom:1;width:extend-to-zoom}.app a,.app h1,.app h2,.app h3,.app h4,.app h5,.app h6,.app p{margin:0;-webkit-font-smoothing:antialiased!important}.app h1{font-size:1.5em;font-weight:600;color:#464646}.app p{font-size:.875em;font-weight:400}.app div{box-sizing:border-box}.app ul{width:100%;font-family:Poppins;font-weight:400;font-size:16px;padding-bottom:0;margin-top:1em}.app ul li{padding-top:0}.app_content{width:100%;height:calc(100% - 3em);position:relative;top:3em}.header{height:3em;width:100%;position:fixed;top:0;left:0;z-index:100;background:#fff;box-shadow:0 1px 4px 0 rgba(84,149,249,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header img{vertical-align:middle}.main_page{width:100%;height:100%;min-height:100%}@media only screen and (min-width:767px){.main_page{display:-webkit-box;display:-ms-flexbox;display:flex}}.intro_main_section{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center}.intro_main_section p{color:#7c8188}@media only screen and (min-width:767px){.intro_main_section{border-right:2px solid #dcddde;width:33.33333333%;height:100%}}@media only screen and (max-width:767px){.intro_main_section{width:100%;padding-bottom:2.5em}}.intro_main_score{width:100%;text-align:center}@media only screen and (min-width:767px){.intro_main_score{padding-top:5em;padding-bottom:1.75em}}@media only screen and (max-width:767px){.intro_main_score{padding-top:4em;padding-bottom:2em;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (max-width:767px){.intro_main_score .score_container{width:260px}}@media only screen and (max-width:767px){.intro_main_score .score_container .score__image{width:100%}}@media only screen and (max-width:767px){.intro_main_score .score_container .score__digit{width:80px;font-size:52px}}.intro_main_intro{margin:0 auto;text-align:center}@media only screen and (min-width:767px){.intro_main_intro{width:70%}}@media only screen and (max-width:767px){.intro_main_intro{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:90%}}.intro_main_intro h1.intro_headline{font-weight:700!important;letter-spacing:-.03125em;margin-bottom:.625em;line-height:1.25}.intro_main_intro p.intro_tagline{letter-spacing:.01875em;color:#7c8188}.questions_page{background:#fff}@media only screen and (min-width:767px){.questions_page{width:66.66666667%;overflow-y:auto;padding-bottom:3.5em}}@media only screen and (max-width:767px){.questions_page{width:100%;border-top:1px solid #dcddde}}.questions_section{padding-bottom:3%}@media only screen and (min-width:767px){.questions_section{padding:3%}}@media only screen and (max-width:767px){.questions_section{padding:12%}}.questions_section>.prompt{width:60%;margin:0 auto 20px;font-size:16px;font-weight:600;color:#464646;text-align:center}@media only screen and (max-width:767px){.questions_section>.prompt{width:90%;font-size:18px;margin-top:2.5em;margin-bottom:2.5em}}.questions_section>.submit{display:block;padding:20px;border-radius:4px;background-color:#5485f9;font-size:20px;line-height:1;letter-spacing:-.5px;text-align:center;color:#fff;cursor:pointer}.questions_section .show_options_button{min-height:3.75em}.questions_section .show_options_button h4.show_options_button_text{font-size:1.125em;font-weight:700}.button{cursor:pointer;border-radius:4px;background:#5495f9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.5em}.button h4.button_text{color:#fff}@media only screen and (min-width:767px){.button:hover{opacity:.85}}.question-error-msg{margin:.5em auto!important;text-align:center;font-size:14px;color:#f65b23}.question{background:#f4f7fe;border-radius:4px;overflow-y:hidden;padding:40px 30px;margin-bottom:3%;color:#464646}@media only screen and (min-width:767px){.question{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media only screen and (max-width:767px){.question{padding:20px;margin-bottom:0;border-bottom:1px solid #dcddde;border-radius:0}}.question.question--error{border:1px solid #f65b23}.question.question--error .question-position{color:#f65b23;opacity:1}.question .question-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width:767px){.question .question-meta{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:20px;width:50%}}.question .question-meta h2{font-size:1.25em;font-weight:600;line-height:1.2;margin-bottom:.5em}@media only screen and (max-width:767px){.question .question-meta h2{font-size:1em}}@media only screen and (max-width:767px){.question .question-meta>div:first-child{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:1em 0}}.question .question-hint{opacity:.5;line-height:1.3;font-size:14px}.question .question-position{font-size:12px;font-weight:600;opacity:.5}@media only screen and (max-width:767px){.question .question-position{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;text-align:center}}@media only screen and (min-width:767px){.question .question-choices{width:50%}}.question .question-choices .choice{border-radius:4px;background-color:#fff;box-shadow:0 0 6px 1px rgba(70,70,70,.15);padding:18px 15px;font-weight:600;color:#5485f9;margin-bottom:10px;cursor:pointer}.question .question-choices .choice>span{opacity:.7}.question .question-choices .choice:hover{box-shadow:0 0 6px 1px rgba(84,133,249,.4)}.question .question-choices .choice:hover>span{opacity:1}.question .question-choices .choice.choice--selected{background-color:#5485f9;color:#fff}.question .question-choices .choice.choice--selected>span{opacity:1}.score_container{position:relative;display:inline-block;margin:0 auto}.score_container .score{display:block;position:absolute;width:100%;text-align:center;color:#fff;padding-top:37%}.score_container .score__digit{display:inline-block;width:47px;line-height:1;font-size:32px;font-weight:600}.results_container{width:100%;height:100%}.results_page{width:100%;min-height:100%}@media only screen and (min-width:767px){.results_page{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;overflow-y:hidden}}@media only screen and (max-width:767px){.results_page{background:#fcfdff}}.results_sidebar{background:#fff;width:33.33333333%;height:100%;overflow-y:auto}@media only screen and (min-width:767px){.results_sidebar{border-right:1px solid #dcddde}}.results_section{background:#fcfdff;width:66.66666667%;height:100%;overflow-y:auto;padding-bottom:3%}@media only screen and (min-width:767px){.results_section{padding:3% 3% 50vh}}.result--intro h2{font-weight:700;margin:.75em 0 0;color:#5495f9}.result--intro p{text-align:left;margin-top:1em}.result{background-color:#f4f7fe;border-radius:4px;overflow-y:hidden;padding:6%;margin-bottom:3%;text-align:center;color:#464646}.result.result--bad{background-color:#f9f1ef}.result.result--bad h2{color:#f65b23}.result.result--ok{background-color:#faf7f0}.result.result--ok h2{color:#f6a623}.result.result--good{background-color:#eef8f7}.result.result--good h2{color:#18d789}.result.result--unselected{opacity:.7}@media only screen and (max-width:767px){.result.result--unselected{display:none}}.result h2{font-size:1.25em;font-weight:700;line-height:1.2}.result hr{margin:1.5em 0;opacity:.3}.result__meta p{text-align:left}.result__meta p b{font-weight:600}.result__meta h2{font-weight:700}.result-suggestions{text-align:left}@media only screen and (min-width:767px){.suggestion{display:-webkit-box;display:-ms-flexbox;display:flex}}@media only screen and (min-width:767px){.suggestion__icon{width:33.3333333%}}@media only screen and (max-width:767px){.suggestion__icon{width:100%;margin-bottom:2em}}.suggestion__icon img{display:block;margin:0 auto;max-width:90px}@media only screen and (min-width:767px){.suggestion__icon img{-webkit-transform:scale(.8);transform:scale(.8)}}.suggestion-btn{margin-top:.5em}.suggestion-btn__text{color:#fff;font-size:.75em;font-weight:600;letter-spacing:.05em;text-transform:uppercase}@media only screen and (min-width:767px){.suggestion__meta{width:66.6666667%}}.suggestion__meta h3{font-size:1em;font-weight:600;color:#464646;line-height:1.25em;margin-bottom:.1875em}.result__subtext{font-size:12px;font-weight:600}.url_asset_img{margin-bottom:.15625em;margin-right:.75em}.results_intro_section{background:#fff;border-bottom:2px solid #dcddde;padding:6% 10%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}h1.results_intro_headline{font-size:1.5em!important;font-weight:700!important;letter-spacing:-.02083333em;line-height:1.875rem;color:#464646;width:100%;text-align:center}@media only screen and (max-width:767px){h1.results_intro_headline{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}@media only screen and (min-width:767px){h1.results_intro_headline{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.results_intro_back{text-align:center;width:100%;margin-top:.5em}.results_intro_back p{font-size:.875rem;font-weight:400;letter-spacing:.01875em;text-align:center}@media only screen and (max-width:767px){.results_intro_back p{color:rgba(70,70,70,.3)!important}}@media only screen and (min-width:767px){.results_intro_back p{color:#5495f9!important}.results_intro_back p:hover{color:rgba(84,149,249,.85)!important}}@media only screen and (max-width:767px){.results_intro_back{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-text-decoration-color:rgba(70,70,70,.3)!important;text-decoration-color:rgba(70,70,70,.3)!important}}@media only screen and (min-width:767px){.results_intro_back{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-text-decoration-color:#5495f9!important;text-decoration-color:#5495f9!important}}.link{cursor:pointer;display:inline-block;text-decoration:underline}.result-tab{padding:7.5% 6%;border-bottom:1px solid #dcddde;text-align:center;cursor:pointer;opacity:.7;color:#464646}@media only screen and (max-width:767px){.result-tab{background:#fff;opacity:1}}@media only screen and (min-width:767px){.result-tab:hover{opacity:1}}.result-tab.result-tab--bad.result-tab--selected{background-color:#f9f1ef}.result-tab.result-tab--bad .order_tag,.result-tab.result-tab--bad .result-tab__headline{color:#f65b23;border-color:#f65b23}.result-tab.result-tab--ok.result-tab--selected{background-color:#faf7f0}.result-tab.result-tab--ok .order_tag,.result-tab.result-tab--ok .result-tab__headline{color:#f6a623;border-color:#f6a623}.result-tab.result-tab--good.result-tab--selected{background-color:#eef8f7}.result-tab.result-tab--good .order_tag,.result-tab.result-tab--good .result-tab__headline{color:#18d789;border-color:#18d789}.result-tab.result-tab--selected{background:#f4f7fe;opacity:1}.result-tab .result-tab__container{width:80%;margin:0 auto}.result-tab h2.result-tab__headline{color:#5495f9;font-size:1.25em;font-weight:700;margin-top:.2em;letter-spacing:-.025em}.result-tab .order_tag{color:#5495f9;height:1.5625em;width:1.5625em;border-radius:.78125em;border:2px solid #5495f9;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.result-tab .order_tag p{font-size:.75em!important;font-weight:600!important}.result-tab .result-tab__score{font-size:12px;opacity:.5}/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;cursor:default;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}body{margin:0}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}nav ol,nav ul{list-style:none}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,optgroup,select,textarea{margin:0}button,input,select,textarea{background-color:transparent;color:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}[aria-disabled]{cursor:default}body,html{min-height:100%}#steps-guide-healthscore,body,html{width:100%;height:100%}
/*# sourceMappingURL=main.css.map*/