/* ATI LearnDash Quiz Navigation v1.5 */

/*
 * Custom Back is now an INPUT using the same LearnDash classes as Next.
 * User site CSS already styles these classes, so only layout/visibility
 * and disabled-Next overrides are needed here.
 */

body .learndash-wrapper .wpProQuiz_content .ati-quiz-nav-row {
	text-align: center !important;
}

html body .learndash-wrapper .wpProQuiz_content input.ati-quiz-back {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	float: none !important;
	min-width: 112px !important;
	margin: 26px 6px 0 !important;
	vertical-align: middle !important;
}

/* Give ATI Back the same blue appearance requested by the site UI. */
html body .learndash-wrapper .wpProQuiz_content input.wpProQuiz_QuestionButton.ati-quiz-back {
	border: 1px solid #087ea4 !important;
	background: #087ea4 !important;
	background-color: #087ea4 !important;
	background-image: none !important;
	color: #fff !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

html body .learndash-wrapper .wpProQuiz_content input.wpProQuiz_QuestionButton.ati-quiz-back:hover {
	border-color: #066b8b !important;
	background: #066b8b !important;
	background-color: #066b8b !important;
	color: #fff !important;
}

/* Disabled Next wins over the user's blue !important rules. */
body.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[type="button"].wpProQuiz_button.wpProQuiz_QuestionButton[name="next"].ati-next-disabled,
body.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[type="button"].wpProQuiz_button.wpProQuiz_QuestionButton[name="next"]:disabled,
body .learndash-wrapper .wpProQuiz_content input.wpProQuiz_QuestionButton[name="next"].ati-next-disabled,
body .learndash-wrapper .wpProQuiz_content input.wpProQuiz_QuestionButton[name="next"]:disabled {
	opacity: .42 !important;
	border-color: #aab4c0 !important;
	background: #aab4c0 !important;
	background-color: #aab4c0 !important;
	background-image: none !important;
	color: #fff !important;
	box-shadow: none !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
}

@media (max-width: 600px) {
	html body .learndash-wrapper .wpProQuiz_content input.ati-quiz-back {
		min-width: 105px !important;
		margin: 22px 4px 0 !important;
		padding: 10px 16px !important;
	}
}