.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 .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;
}

/* Layouts */
.hdq_question_featured_image {
	grid-area: featured;
}
.hdq_question_heading {
	grid-area: question;
}
.hdq_answers,
.hdq_question_answers_images {
	grid-area: answers;
}

.layout_left .hdq_question,
.layout_left_full .hdq_question,
.layout_right .hdq_question,
.layout_right_full .hdq_question {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	grid-gap: 1em;
}

.layout_left .hdq_question[data-type = "multiple_choice_image"],
.layout_left .hdq_question[data-type = "select_all_apply_image"],
.layout_left_full .hdq_question[data-type = "multiple_choice_image"],
.layout_left_full .hdq_question[data-type = "select_all_apply_image"]{
	grid-template-columns: 0.75fr 1fr;
}

.layout_right .hdq_question[data-type = "multiple_choice_image"],
.layout_right .hdq_question[data-type = "select_all_apply_image"],
.layout_right_full .hdq_question[data-type = "multiple_choice_image"],
.layout_right_full .hdq_question[data-type = "select_all_apply_image"]{
	grid-template-columns: 1fr 0.75fr;
}

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

.layout_left_full .hdq_question_featured_image + .hdq_question_heading,
.layout_right_full .hdq_question_featured_image + .hdq_question_heading {
	grid-row: 2;
}

.layout_left .hdq_question {
	grid-template-areas:
		"featured ."
		"question answers";
}

.layout_right .hdq_question {
	grid-template-areas:
		"featured ."
		"answers question";
}

.layout_left .hdq_question_featured_image,
.layout_right .hdq_question_featured_image {
	grid-column: 1 / -1;
}

.layout_left_full .hdq_question {
	grid-template-areas:
		"featured ."
		"question answers";
}

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

.layout_left_full .hdq_question .hdq_answers,
.layout_left_full .hdq_question .hdq_question_answers_images,
.layout_right_full .hdq_question .hdq_answers,
.layout_right_full .hdq_question .hdq_question_answers_images {
	grid-row: 1 / -1;
}

/* 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;
}