/* PAGE
============================================================ */
.siyp-body {
	background-color: #e3e2e2;
}

/* QUESTION START
============================================================ */
.siyp-question-start-container {
	margin: 50px 0 0 0;
	padding: 0 0 70px 0;
}

@media (min-width: 768px) {
	.siyp-question-start-container {
		margin: 50px 0 0 0;
		padding: 0 30px 70px 30px;
	}
}

.siyp-start-test-image,
.siyp-analysis-start-image {
	width: 250px;
	height: auto;
}

.siyp-question-start-text {
	font-size: 18px;
}

.siyp-question-start-text h1 {
	color: #d3003e;
}

.siyp-start-test-arrow {
	width: 60px;
	height: 60px;
	margin: 0 0 10px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.siyp-question-start-button a,
.siyp-question-start-button a:hover,
.siyp-question-start-button a:active,
.siyp-question-start-button a:visited {
	color: #333 !important;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.siyp-about-link {
	color: #aaa;
}

/* QUESTION TYPE: 1, VERTICAL BUTTONS
============================================================ */
.siyp-question-wrapper,
.siyp-analysis-wrapper {
	margin: 80px 0 0 0;
}

.siyp-question-container {
	margin: 0 0 3px 0;
	padding: 45px 30px 30px 30px;
	background-color: #f3f3f3;
	border: 0;
}

.siyp-question-pagination {
	color: #afb3b8;
	font-size: 11px;
	font-family: "HWTArtz";
	letter-spacing: 2px;
	margin-bottom: 10px;
}

.siyp-question-image img {
	width: 250px;
	height: auto;
}

.siyp-question-text {
	width: 100%;
	font-size: 18px;
	margin: 20px auto 30px auto;
}

@media (min-width: 768px) {
	.siyp-question-text {
		width: 70%;
	}
}

.siyp-question-text h3 {
	color: #292527;
	font-size: 20px;
	letter-spacing: 0.4px;
}

.siyp-question-answer-container {
	width: 400px;
	max-width: 100%;
	margin: 0 auto;
}

.siyp-question-btn {
	background-color: #fff;
	padding-left: 10px;
	padding-top: 20px;
	padding-right: 10px;
  	border: solid 1px #e9e9e9;
	border-radius: 0;
	white-space: normal;
}

/*.siyp-question-btn:hover {
	background-color: inherit;
}*/

.si-button-active:focus,
.siyp-question-btn:active,
.siyp-question-btn:hover {
	background-color: #fff;
	border: solid 1px #e9e9e9;
	box-shadow: none;
	outline: none;
}

.si-button-active,
.siyp-question-btn-marked {
	background-color: #e9e9e9 !important;
	border: solid 1px #e9e9e9;
	box-shadow: none;
	outline: none;
}

/* ANALYSIS
============================================================ */
.siyp-analysis-header-wrapper {
    margin: 50px auto 0 auto;
	padding: 0 30px 50px 30px;
}

.siyp-analysisquestions {
	padding: 0;
	background-color: transparent;
}

.siyp-analysis-mastodon {
	margin: 0 0 3px 0;
    padding: 45px 30px 30px 30px;
    background-color: #f3f3f3;
    border: 0;
}

.siyp-analysis-answer-row {
	background-color: #e2e2e2;
}

.siyp-analysis-youranswer {
	color: #d3003e;
}

.siyp-analysis-rangeslider-title-you {
	color: #d3003e;
}

.siyp-analysis-rangeslider-bar {
	background: #d8d8d8;
}

.siyp-analysis-rangeslider-fill,
.siyp-analysis-rangeslider-fill-you {
    background: #222f3c;
}

.siyp-analysis-rangeslider-fill-you {
	background: #d3003e;
}