/* ADD these to main stylesheet */
body, .ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c { font-family: museo-sans, "Museo Sans", sans-serif; }
a { color: #3d3d3d; }
.globalContainer { padding: 20px 20px 0; box-sizing: border-box; width: 100%; max-width: 600px; }
.appContainer { margin-left: 0; margin-right: 0; }
.topBanner, .mainContent, .infobox, .progress { width: 100%; }
.topBanner { background: none; border: none; filter: none; }
.topBanner .dots { text-align: center; padding: 10px 0; }
.topBanner .dots span { display: inline-block; width: 18px; height: 18px; border-radius: 4px; background: rgba(255,255,255,.3); margin: 0 20px; transform: rotate(45deg); }
.topBanner p, .topBanner h1, .topBanner h2 { text-align: center; text-shadow: none; text-transform: uppercase; padding: 0; margin: 0 0 10px; font-family: museo-sans, "Museo Sans", sans-serif; font-size: 34px; font-weight: 900; }
.topBanner h1 { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.topBanner h2 { font-size: 26px; }
#introText, #moreInfoContainer, #moreText { padding: 20px; }
#introContainer p { line-height: 27px; margin: 0; }
#introContainer p + p { margin-top: 18px; }
#introImgContainer img { width: 100%; height: auto; }
.mainContent { border: none; background: none; margin: 0 auto; text-shadow: none; }
.mainContent img { max-width: 100%; height: auto; }
.appContent, .answerbox p { font-family: museo-sans, "Museo Sans", sans-serif; font-size: 18px; line-height: 27px; text-align: center; }
.progress { position : relative; border: 1px solid silver; height: 20px; margin-top: 5px;	padding: 0px; text-align: center; border-radius: 0.6em;	overflow: hidden; }
.progressBar { background-color: #d0d0d0; background: url('css/custom-theme/images/ui-bg_highlight-soft_75_cccccc_1x100.png') repeat-x scroll 50% 50% #CCCCCC; height: 20px; border-bottom-left-radius: 0.6em; border-top-left-radius: 0.6em;	border: 1px solid silver; margin: -1px; }
.progressBarPercent { position: absolute; display: inline-block; font-weight: bold; color: #555555; left: 0; top: -1px; width: 100%; text-align: center; margin-top: 0; font-size: 18px; line-height: 22px; }
.infobox { border: none; min-height: 243px;	overflow: auto; margin-bottom: 20px; }
.question { padding: 20px; text-align: center; background: rgba(255,255,255,0.2); }
.answerbox { min-height: 243px; padding: 15px; display: flex; flex-direction: column; justify-content: center; }
.answerbox p, #resultsText p { margin: 0; }
.answerbox p + p, .answerbox ul + p, .answerbox ol + p, #resultsText p + p, #resultsText ul + p, #resultsText ol + p { margin-top: 18px; }
.answerbox ul, #resultsText ul { margin: 18px auto 0; padding: 0 0 0 20px; }
.answerbox li, #resultsText li { text-align: left; }
.answerbox, #introText, #moreInfoContainer, #moreText { background: rgba(255,255,255,0.2); }
#assessment_form .ui-field-contain { margin: 0; }
#questions .ui-field-contain { margin: 20px 0; }
#questions div div div p { padding: 0; }
#resultsText { background: rgba(255,255,255,0.2); padding: 20px; }
#resultsText .ans { font-weight: bold; color: #000; }
.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { margin-top: -6px; }
.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 18px; }
.ui-icon-shadow { box-shadow: none; }
.ui-btn { box-shadow: none; border-radius: 10px; text-shadow: none; border: none; text-transform: uppercase; font-weight: 900; font-size: 18px; margin: 20px 0; }
.ui-btn-text { font-size: 24px; vertical-align: middle; }
.ui-btn-inner, .ui-radio .ui-btn-icon-left .ui-btn-inner { border: none; padding: 12px 25px; }
.ui-btn-inner { white-space: normal; overflow: visible; }
#assessment_form .ui-radio { width: 100%; margin: 0; /*float: left;*/ display: inline-block; vertical-align: top; }
#assessment_form .ui-radio.not-selected { opacity: .3; }
#assessment_form .ui-radio .ui-icon { display: none; }
#assessment_form .ui-radio input[type="radio"] { visibility: hidden; }
#assessment_form .ui-radio .ui-btn-text { display: block; text-align: center; }
.bottom { width: 100%; height: auto; background: none; text-align: center; }
.globalContainer .bottom p, .globalContainer .bottom p a, .globalContainer .bottom p a:visited { color: #fff; text-shadow: none; }
.globalContainer .bottom p a:hover, .globalContainer .bottom p a:active { color: #fff; text-decoration: underline; }
.ui-btn, a { transition-duration: .5s; }
sup { vertical-align: top; position: relative; top: -.25em; }

/*Assessment specific (non-quiz)*/
#formPage .ui-radio { margin-bottom: 10px; }
#formPage .ui-radio + .ui-radio { margin-bottom: 0; }
#formPage .ui-radio + .ui-radio + .ui-radio { margin-top: 10px; }
#formPage .ui-radio .ui-btn-text { margin-left: 15px; }
#questions:after { content: ''; display: block; clear: both; }

/*Calculator specific*/
#intro { background: rgba(255,255,255,.2); padding: 20px; }

@media only screen and (min-width: 450px) {
	#assessment_form .ui-radio { width: 48%; margin: 0 1%; }
}

/* end ADD */


/* Assessment style overrides */
body { background: #42a2b2; }
.topBanner p, .progressBarPercent, .ui-btn { color: #fff; }
.mainContent, .appContent, .answerbox p, em a { color: #183a40; }
.progress, .progressBar { border: 1px solid #398b99; }
.progressBar, .ui-btn { background: #398b99; }
.ui-btn-hover-c, .ui-btn:focus { background: #307480; }
.progress + .ui-btn { background: #fff; color: #398b99; }