.hdq_quiz_wrapper .hdq_question {
	background-color: var(--hdq-question-background-color, #fafafa) !important;
	background-image: var(--hdq-question-background-image);
	background-size: cover;
	border-radius: var(--hdq-question-rounded-corners, 0);
	padding: var(--hdq-question-padding, 2rem);
	margin: var(--hdq-question-spacing, 2rem) 0;
}

.hdq_featured_image {
	border-radius: var(--hdq-question-featured-image-rounded-corners, 0);
}

h3.hdq_question_heading {
	color: var(--hdq-question-title-color, #222) !important;
	font-size: var(--hdq-question-title-size, 1.3em);
}

.hdq_question_number {
	display: var(--hdq-question-hide-number, inline);
}

.hdq_row .hdq_label_answer {
	color: var(--hdq-answer-text-color, #222) !important;
	font-size: var(--hdq-answer-font-size, 1.2em);
}

.hdq_answers {
	color: var(--hdq-answer-text-color, #222) !important;
}

.hdq-options-check .hdq_toggle:before {
	background: var(--hdq-toggle-secondary-color, #476777) !important;
}

.hdq-options-check input[type="checkbox"]:checked + .hdq_toggle:before {
	background: var(--hdq-toggle-secondary-color, #476777) !important;
}

.hdq-options-check .hdq_toggle:after,
.hdq-options-check input[type="checkbox"]:checked + .hdq_toggle:after {
	background: var(--hdq-toggle-primary-color, #efefef) !important;
}

.hdq_label_answer > img {
	border-radius: var(--hdq-answer-image-rounded-corners, 0);
}

.hdq_quiz_wrapper .hdq_button {
	background: var(--hdq-button-background-color, #2d2d2d);
	color: var(--hdq-button-color, #ffffff);
	border-radius: var(--hdq-button-rounded-corners, 0);
}

.hdq_results_wrapper {
	background-color: var(--hdq-results-background-color, var(--hdq-question-background-color, #fafafa)) !important;
	background-image: var(--hdq-results-background-image, var(--hdq-question-background-image)) !important;
	background-size: cover;
	border-radius: var(--hdq-question-rounded-corners, 0);
	padding: var(--hdq-question-padding, 2rem);
	margin: var(--hdq-question-spacing, 2rem) 0;
}

.hdq_results_inner > .hdq_results_title {
	color: var(--hdq-results-title-text-color, var(--hdq-question-title-color)) !important;
	font-size: var(--hdq-results-text-font-size, 1.5em);
}
.hdq_results_inner .hdq_result {
	color: var(--hdq-results-score-text-colour, var(--hdq-question-title-color));
	font-size: var(--results-score-font-size, 2.4em);
}

.hdq_results_inner .hdq_result_pass,
.hdq_results_inner .hdq_result_fail {
	color: var(--results-content-text-color, var(--hdq-answer-text-color)) !important;
}

.hdq_quiz_wrapper .hdq_quiz {
	max-width: var(--hdq-maximum-quiz-width, 600px);
}

.layout_left .hdq_jPaginate ~ .hdq_question,
.layout_left_full .hdq_jPaginate ~ .hdq_question,
.layout_right .hdq_jPaginate ~ .hdq_question,
.layout_right_full .hdq_jPaginate ~ .hdq_question {
	display: none;
}

.layout_left .hdq_question,
.layout_left_full .hdq_question,
.layout_right .hdq_question,
.layout_right_full .hdq_question {
	display: grid;
	grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
	grid-gap: 0.4em;
}

.layout_left .hdq_question .hdq_question_heading,
.layout_left_full .hdq_question .hdq_question_heading,
.layout_right .hdq_question .hdq_question_heading,
.layout_right_full .hdq_question .hdq_question_heading {
	word-break: break-word;
	hyphens: auto;
}

.layout_left .hdq_question_featured_image,
.layout_right .hdq_question_featured_image {
	grid-column: 1 / -1 !important;
	margin-bottom: 1rem;
}

.layout_left .hdq_question_heading,
.layout_left_full .hdq_question_heading,
.layout_right .hdq_question_heading,
.layout_right_full .hdq_question_heading {
	align-self: center;
	text-align: center;
}

.layout_right .hdq_question_heading,
.layout_right_full .hdq_question_heading {
	text-align: right;
}

.layout_left_full .hdq_question_heading,
.layout_right_full .hdq_question_heading {
	grid-row: 1 / 3;
}

.layout_left_full .hdq_question_heading {
	grid-column: 1;
}

.layout_left_full .hdq_question_featured_image {
	grid-column: 2;
}

.layout_right .hdq_question_featured_image {
	grid-area: featured;
}

.layout_right .hdq_question_heading {
	grid-area: title;
}

.layout_right .hdq_answers,
.layout_right .hdq_question_answers_images {
	grid-area: answers;
}

.hdq_question_after_text {
	grid-column: 1 / -1;
}

.layout_right .hdq_question {
	grid-template-areas:
		"featured 1fr"
		"answers title";
}

.layout_right_full .hdq_question {
	grid-template-areas:
		"featured"
		"answers title";
}

.layout_right_full .hdq_question_heading {
	grid-column: 2;
}

/* Quiz Toggles */
.hdq_row .hdq-options-check .hdq_toggle:before {
	background: var(--hdq-toggle-secondary-color);
}
.hdq_row .hdq-options-check .hdq_toggle:after {
	background: var(--hdq-toggle-primary-color);
}
/* toggle_b */
.hdq_toggle_b .hdq-options-check .hdq_toggle:before {
	border-radius: 0;
}
.hdq_toggle_b .hdq-options-check .hdq_toggle:after {
	border-radius: 0;
}

/* toggle_c */
.hdq_toggle_c .hdq-options-check .hdq_toggle:before {
	border-radius: 4px;
}
.hdq_toggle_c .hdq-options-check .hdq_toggle:after {
	border-radius: 4px;
	left: 0.4em;
	top: 0.2em;
	height: 0.5em;
	width: 0.5em;
}
.hdq_toggle_c .hdq-options-check input[type="checkbox"]:checked + .hdq_toggle:after {
	left: 1.25em;
}

/* toggle_d */
.hdq_toggle_d .hdq-options-check .hdq_toggle:before {
	border-radius: 50px;
}
.hdq_toggle_d .hdq-options-check .hdq_toggle:after {
	border-radius: 50px;
	left: 0.4em;
	top: 0.25em;
	height: 0.5em;
	width: 0.5em;
}
.hdq_toggle_d .hdq-options-check input[type="checkbox"]:checked + .hdq_toggle:after {
	left: 1.25em;
}

/* toggle_e */
.hdq_toggle_e .hdq-options-check .hdq_toggle:before {
	height: 0.5em;
	top: 0.25em;
}

/* toggle_f */
.hdq_toggle_f .hdq-options-check .hdq_toggle:before {
	height: 0.5em;
	top: 0.25em;
	border-radius: 0;
}
.hdq_toggle_f .hdq-options-check .hdq_toggle:after {
	border-radius: 0;
}

/* toggle_emoji */
.hdq_toggle_emoji .hdq-options-check .hdq_toggle:before {
	height: 0.6em;
	top: 0.25em;
}
.hdq_toggle_emoji .hdq-options-check .hdq_toggle:after {
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	top: -0.1em;
	content: "🙁";
}
.hdq_toggle_emoji .hdq-options-check input[type="checkbox"]:checked + .hdq_toggle:after {
	content: "🙂";
	top: -0.1em;
	background: transparent;
}

/* Chckbox A*/
.hdq_checkbox_a .hdq-options-check .hdq_toggle:before {
	height: 1em;
	width: 1em;
}
.hdq_checkbox_a .hdq-options-check .hdq_toggle:after {
	height: 0.8em;
	width: 0.8em;
	top: 0.1em;
	left: 0.2em;
	transform-origin: center;
	transform: scale(0.8);
	opacity: 0;
}
.hdq_checkbox_a .hdq-options-check input[type="checkbox"]:checked + .hdq_toggle:after {
	opacity: 1;
	height: 0.8em;
	width: 0.8em;
	top: 0.1em;
	left: 0.2em;
}

/* Chckbox B*/
.hdq_checkbox_b .hdq-options-check .hdq_toggle:before {
	height: 1em;
	width: 1em;
	border-radius: 0;
}
.hdq_checkbox_b .hdq-options-check .hdq_toggle:after {
	height: 0.8em;
	width: 0.8em;
	top: 0.1em;
	left: 0.2em;
	transform-origin: center;
	transform: scale(0.8);
	opacity: 0;
	border-radius: 0;
}
.hdq_checkbox_b .hdq-options-check input[type="checkbox"]:checked + .hdq_toggle:after {
	opacity: 1;
	height: 0.8em;
	width: 0.8em;
	top: 0.1em;
	left: 0.2em;
}