/* quiz results */

body#quiz {
	background-color: #DEDEDE !important;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-size:1.1em;
}

html {
    background-color: transparent;
}

#content-wrap {
    margin: 10px auto 0px auto;
    width: 100%;
    max-width: 1000px;
    min-width:310px;
}
body#quiz #content-wrap  {
    margin: 20px auto 0px auto;
    padding:0;
}

body#quiz p  {
    margin-top: 0;
    margin-bottom: 12px;
    line-height: 1.4em;
}

.bold {
    font-weight: 700;
}

#quiz-container {
	background:#FEFEFE url("/wp-content/plugins/retcoach/images/wellness-quiz-bg.jpg") no-repeat  center top / cover;
	height:425px;
	overflow:hidden;
	position:relative;
	width:100%;
}
#quiz-controls {
	background-color:#7594A5;
	margin:0px auto;
	padding:40px 100px;
	text-align:center;
	width:100%;
}

#quiz-news-image {
	display:block;
	margin:0px auto;
	width:355px;
}

#quiz-progress-bar {
	background-color:#389BFF;
	height:5px;
	width:0%;
}

#quiz-progress-bar-wrap {
	background-color:#3A3A3A;
	height:5px;
	width:100%;
}

#quiz-section-title {
	color:#2C5482;
	font-size:14px;
	font-weight:700;
	height:35px;
	left:0px;
	padding:10px 25px;
	position:absolute;
	text-transform:capitalize;
	top:0px;
	width:100%;
	/*width:calc(100% - 50px);*/
}
#quiz-section-title p {
	font-size: 1.2em;
	margin:8px 0;
}

#results-score-overall {
	background-color:#637182;
	color:#FFFFFF;
	margin:0px 0px 20px 0px;
	padding:20px;
	text-align:center;
}

#results-score-overall p {
	font-size:35px;
	line-height:1em;
}

#results-score-overall p#results-score-top {
	font-size:60px;
	font-weight:700;
	margin-top:15px;
	margin-bottom:0;
}

#results-thumb-breakdown {
	box-sizing:border-box;
	margin-top:20px;
	padding:0px;
}

.privacy  {
	color:#656565;
	font-size:15px;
	margin-top:10px;
}

.qoption {
	padding:20px;
}

.qoption:hover {
	background-color:#8BBDEF;
	color:#FFFFFF;
	cursor:pointer;
}

.qoption:hover .qoption-checkwrap {
	border-color:#FFFFFF !important;
}

.qoption.checked {
	background-color:#8BBDEF;
	color:#FFFFFF;
}

.qoption.checked .qoption-checkwrap {
	background:#FFFFFF url("/wp-content/plugins/retcoach/images/checkimg.png") no-repeat 0px 0px;
	border-color:#FFFFFF;
}

.qoption-checkwrap {
	background:#FFFFFF;
	border:1px solid #8BBDEF;
	border-radius:12px;
	height:23px;
	margin-right:15px;
	width:23px;
	float:left;
}

.qoption-checkwrap.h3em {
	margin-top:12px;
}

.qoption .float-text {
	display:block;
	float:left;
	margin-top:12px;
}

.qoption  .yearsxp {
	display:block;
	float:right;
	margin-right:125px;
}

.qoption-input {
	display:inline-block !important;
	padding:10px !important;
	width:88px !important;
	margin:0px !important;
}

.qoption-text {
	float:left;
	color:#inherit;
}

.qoption-text p {
	line-height:25px;
}
.qstart-btn {
    font-family: "Ubuntu" !important;
	background-color:#8BBDEF;
	border-radius:0px !important;
	display:block;
	padding:15px 30px !important;
	margin-top: 20px !important;
	width:auto !important;
	border-style:none;
	font-style: normal !important;
}

.question {
	color:#404040;
	font-size:20px;
	font-weight:700;
	height:350px;
	left:1020px;
	position:absolute;
	top:35px;
	padding:15px 25px;
	width:100%;
}

.question.last-slide {
	background-color:#FFFFFF;
	height:100%;
}

.question.selected {
	left:0px;
}

.question h1 {
	color:#303030;
	font-size:46px;
	font-weight:300;
	line-height:38px;
	margin:0px 0px 10px 0px;
}

.question h2 {
	color:#303030;
	font-size:30px;
	font-weight:300;
	margin:0px 0px 10px 0px;
}

.question input[type='text'] {
	background-color:#F2F2F2;
	border:1px solid #DEDEDE;
	padding:10px;
	width: 100%;
}

.question p {
	font-size:14pt;
	font-weight:400;
}

.question-float {
	float:left;
	width:45%;
}

.question-float img {
	max-width:65%;
}

.question-float + .question-float {
	float:right;
	text-align:center;
}
.quiz-btn {
	background-color:#2C5482 !important;
	border-radius:0px !important;
	border-style:none;
	color:#FFFFFF !important;
	display:inline-block !important;	
    font-family: "Ubuntu" !important;
	font-size:18px !important;
	font-weight:300 !important;
	padding:20px 30px !important;
	width:auto !important;
	font-style: normal !important;	
	text-shadow: none !important;
}

.quiz-btn:hover {
	background-color:#394D63 !important;
	cursor:pointer;
}

.quiz-btn + .quiz-btn {
	margin-left:25px;
}

.quiz-btn.back {
	background-color:#A9A8A9 !important;
}

.quiz-btn.back:hover {
	background-color:#878687 !important;
}

.results-cat-box {
	margin:10px 0px 15px 0px;
}

.results-cat-box {
	color:#FFFFFF;
	padding:10px;
}

.results-cat-box.mental {
	background-color:#EB6B56;
}

.results-cat-box.social {
	background-color:#00A885;
}

.results-cat-box.financial {
	background-color:#2969B0;
}

.results-cat-box.spiritual {
	background-color:#553982;
}

.results-cat-box.physical {
	background-color:#28324E;
}

.results-cat-title {
	background-color:#637182;
	color:#FFFFFF;
	display:block;
	font-size:0.8em;
	margin:-10px -10px 10px -10px;
	padding:10px;
}

.results-details {
	background-color:#FFFFFF;
	margin:20px 0px;
	padding:20px;
}

.results-half {
	width:490px;
	float:left;
}

.results-half + .results-half {
	margin-left:20px;
}

.result-title {
	font-size:20px;
	margin:20px 0px -15px 0px;
}

.result-title span {
	color:#2C5482;
}

.results-top-container {
	margin:0px 0px 20px 0px;
}

.result-top-thumb {
	background-color:#2C5482;
	color:#FFFFFF;
	float:left;
	line-height:1em;
	padding:20px 0px;
	text-align:center;
	width:184px;
}
.result-top-thumb p {
	margin:0 !important;
}

.result-top-thumb .thumb-block {
	display:block;
	font-size:40px;
	margin:10px 0px;
}

.result-top-thumb.mental {
	background-color:#EB6B56;
}

.result-top-thumb.social {
	background-color:#00A885;
}

.result-top-thumb.financial {
	background-color:#2969B0;
}

.result-top-thumb.spiritual {
	background-color:#553982;
}

.result-top-thumb.physical {
	background-color:#28324E;
}

.result-top-thumb + .result-top-thumb {
	margin-left:20px;
}

.results-ul {
	margin:10px 0px 1em 30px;
}

#quiz-container label {
	margin: 10px 0;
}


@media screen and (max-width:768px) {
	
	.question-float {
		float:none;
		width:100%;
	}

	.question h2 {		
		font-size:24px;
	}

	.question input[type='text'] {
		height:36px;
	}

	.qstart-btn {
		padding: 10px 0px !important;
		width: 100% !important;
		margin: 10px 0 10px 0 !important;
		font-size: 20px !important;
	}

	#quiz-container label {
		margin: 0px 0px;
		font-size: 16px;
	}

	.question p {
		font-size:16px;
	}

	.last-slide p {
		padding-bottom:5px;
		margin-bottom:0;
	}
	.question-float img {
		float: left;
	    max-width: 35%;
	}
}

@media screen and (max-width:640px) {

	#quiz-controls {
		padding:20px 0px;
	}
	
	#quiz-section-title {
		padding:10px 40px;
	}

	.question h1 {
		font-size:36px;
	}

	.question-float img {
		float: left;
	    max-width: 32%;
	}
}

@media screen and (max-width:480px) {
	
	.qoption {
		padding:10px;
	}

	.question h2 {
		font-size:22px;
	}
}