/* ldquiz-unique-custom-styles.css */
 
/* --  Global Quiz Styles --*/

.learndash .wpProQuiz_content .wpProQuiz_questionListItem label {
    display: flex !important;
    align-items: center !important;
    padding: .75em !important;
    background-color: var(--lqc-color-lightgrey);
    border: 0 !important;
    border-radius: var(--lqc-global-border-radius) !important;
    transition: all 150ms ease !important;
	  box-shadow: none !important
}

.learndash .wpProQuiz_questionListItem label.is-selected {
	background-color: #ccdee1 !important
}

.learndash .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected:hover {
	background-color: #b0cbd5  !important
}

.learndash .wpProQuiz_content .wpProQuiz_questionListItem label:hover {
	background-color: #e0e0e0 !important
}

.wpProQuiz_button {
  background-color: #00454f !important;
	width:100% !important;
	max-width:100% !important;
	height:45px !important;
}

.wpProQuiz_button {
  font-size: 16px !important;
  padding-top: 12px !important;
	text-align: center !important; 
}

.wpProQuiz_question_text {
  font-size: 17px;
}

/* -- Sorting Questions -- */


/* Base styles for both buttons */
.wpProQuiz_questionList_containers_view_student,
.wpProQuiz_questionList_containers_view_correct {
    background-color: #00454f !important;
    color: #00454f !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
}

/* Specific style for Correct button */
.wpProQuiz_questionList_containers_view_correct {
  color: #327f00 !important;
}

/* Hover effect for both buttons */
.wpProQuiz_questionList_containers_view_student:hover,
.wpProQuiz_questionList_containers_view_correct:hover {
    opacity: 0.85 !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect .wpProQuiz_sortable, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect label {
    background: #327f00;
}

.wpProQuiz_questionListItem.ui-sortable-helper, 
.wpProQuiz_questionListItem.ui-sortable-helper div {
    background-color: #e0e0e0 !important;
    box-shadow: none !important;
    border-radius: var(--lqc-global-border-radius) !important;
	  border-color: #d0d0d0 !important
}

/*  Multi-choice questions */

.wpProQuiz_questionListItem {
	border-radius: 10px !important;
}

.wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem label.is-selected {
    background-color: #ccdee1 !important; /* Default selected background */
    box-shadow: none !important;
}

.wpProQuiz_questionList[data-type=multiple] .wpProQuiz_questionListItem label {
    background-color: var(--lqc-color-lightgrey) !important;
	  box-shadow: none !important
}

.wpProQuiz_questionList[data-type=multiple] .wpProQuiz_questionListItem:hover label {
    background-color: #e0e0e0 !important; 
}

/* checkbox styles */

.wpProQuiz_questionInput {
    accent-color: #00454f;
}

/* -  End Multi Choice Q's - */

/* ----- free questions ---- */



/* ---- cloze-questions ---- */

.wpProQuiz_cloze {
    background: transparent !important;
}

.wpProQuiz_cloze input[type="text"] {
    text-align: center !important;
}

/* ---- Answers Section ---- */

/* Correct/incorrect answers - label nested in li */

.wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete label {
    color: green !important;
	  background-color: var(--lqc-color-correct-light) !important;

}

.wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete label:hover {
    color: green !important;
	  background-color: var(--lqc-color-correct-light) !important;

}

.wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete {
    background-color: var(--lqc-color-correct-dark) !important;
	  border-radius: 11px
}

.learndash .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect label {
    background-color: var(--lqc-color-incorrect-light) !important; 
}

.learndash .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect label:hover {
    background-color: var(--lqc-color-incorrect-light) !important; 
}

/* Target selected incorrect answers for multiple-choice questions */
.wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete label.is-selected,
.wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect label.is-selected {
    background-color: var(--lqc-color-incorrect-light) !important;
    box-shadow: none !important;
}

.learndash .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect label.is-selected {
    color: green !important;
    background-color: var(--lqc-color-correct-light) !important;
    border-radius: var(--lqc-global-border-radius) !important; 
}

.learndash .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect label.is-selected:hover {
    color: green !important;
    background-color: #e0e0e0 !important;
    border-radius: var(--lqc-global-border-radius) !important; 
}

.wpProQuiz_questionListItem.wpProQuiz_answerCorrect {
    background-color: var(--lqc-color-correct-dark) !important;
    border-radius: 11px;
	  padding: 1px !important
}


.wpProQuiz_clozeCorrect {
    color: green;
}


/* --- START CLOZE Q CSS --- */

.wpProQuiz_listItem > .wpProQuiz_question input {
  background-color: lightgrey !important;
	border: none !important
}


/*HTML Tables- Equations etc */

.NuEq {
	margin-left: auto !important;
  margin-right: auto !important;
	background-color: White;
	padding-top: 11px !important;
	border: 1px solid black  !important;
	color: black;
	font-size: 1px !important
}

.NuEq table, th, td, tr {
	border: none !important;
}

.nu_eq_input {
	color: red;
	margin-left: -8px;
}

.BalEq {
	margin-left: auto !important;
  margin-right: auto !important;
	background-color: White;
	padding-top: 11px !important;
	padding-bottom: 11px !important;
	border: 1px solid black  !important;
	color: black;
	font-size: 19px !important;
	border-spacing: 0px;
}

.balancing_numbers {
	width: 35px !important;
	margin-right: -5px !important;
	margin-top: -4px !important;
	text-align: right !important;
	align-content: right !important;
	color: red;
}

.Sup_script { 
	position:  relative; 
	top: -0.2em; 
  font-size: 80%; 
	width: 3.1em;
	margin-left: auto !important;
	margin-right: auto !important;
}

.Sup_script_bal_eq { 
	position:  relative; 
	top: -10px;
}

.Sup_script_bal_eq input[type="text"] {
	width: 35px;
	left: -5px
}

.Sub_script_bal_eq input[type="text"] {
	width: 20px;
	left: -12px;
	top: 14px;
	font-size: 80% !important;
}


.Sub_script { 
	position:  relative; 
	top: 0.2em; 
  font-size: 80%; 
	width: 3.1em;
	margin-left: auto !important;
	margin-right: auto !important
}


.Standard_form_fn {
	position: relative;
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: right !important;
	width: 55px;
	top: 0.28em
}

.Standard_form_fn_2 {
	position: relative;
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: right !important;
	width: 46px;
	top: 0.28em
}

.Standard_form_fn_3 {
	position: relative;
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: right !important;
	width: 71px;
	top: 0.28em
}

.Standard_form_x {
	position: relative;
	top: 0.4em !important;
	margin-left: -9px;
	margin-right: -9px;
	width: 35px
}

.Standard_form {
	padding-top: px !important;
	margin-top: px !important;
	margin-left: auto !important;
  margin-right: auto !important;
	background-color: white;
	border: 1px solid black  !important;
	color: black;
}

.Cloze_Q1_answer {
	width: 100px !important
}

/* --- END CLOZE Q CSS --- */


/* Remove Certificate from Profile Quiz List */
.ld-table-list-column.ld-column-certificate {
display:none;
}
.ld-table-list-column.ld-table-list-column-certificate {
display:none;
}

/* -- Matrix Sorting CSS -- */

/* ------ Add border between answer and criteria ------ */

/* Prevent horizontal scroll on the sortable options */
.wpProQuiz_sortStringList {
    overflow-x: hidden !important;
    overflow-y: visible;
}

.wpProQuiz_maxtrixSortText {
  border-right: dashed 1px       #00454f !important;
  border: solid 1px #F0F3F6;
  height: 100% !important;
	border-radius: 1px !important
}

.wpProQuiz_maxtrixSortCriterion.ui-sortable {

  border: solid 1px #F0F3F6;
  height: 100% !important;
	border-radius: 1px !important;
  border-left: dashed 1px         #00454f !important;
}

/* --- Change colour of placeholder matrix sorting */

.ui-sortable-placeholder.wpProQuiz_placehold {
	border-color: #00454f !important;
	background-color: white !important
}


/* fix positioning of correct answer matrix sorting THIS BREAKS THE ABOVE CODE*/
/*.learndash .ui-sortable {
overflow-y: auto !important;
}*/

	
/* - Change width and height of columns ------- (matrix sorting) ------*/

/*.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem>table td .wpProQuiz_maxtrixSortText {
  width: 200px
}*/

/* change answer "helper" colour when choosing answer matrix sorting*/
.wpProQuiz_sortStringItem.ui-sortable-handle.ui-sortable-helper {
	background-color: #ccdee1  !important;
	border-color: #00454f  !important
}

/* answers section matrix sorting */

/* the table cells - correct */
.wpProQuiz_questionListItem.wpProQuiz_answerCorrect td {
    background-color: transparent !important;
}

/* The table itself - correct */
.wpProQuiz_questionListItem.wpProQuiz_answerCorrect table {
        border: 2px solid #327f00 !important;
}

/* the table cells - incorrect */
.wpProQuiz_questionListItem.wpProQuiz_answerIncorrect td {
    background-color: transparent !important;
}

/* The table itself - incorrect */
.wpProQuiz_questionListItem.wpProQuiz_answerIncorrect table {
    border: 2px solid #7a0035 !important;
}

/* prevent vertical scroll */
.wpProQuiz_maxtrixSortCriterion {
    overflow: visible !important;
}

/* Make the list items visible */
.wpProQuiz_questionListItem.wpProQuiz_answerIncorrect {
    display: block !important;
}

/* end matrix sorting */

/* Hide "Last access date"*/
.ld-progress-steps
{
	display: none;
}
/* Hide "In Progress"*/
.ld-status.ld-status-progress.ld-primary-background 
{
	display: none !important;
}
/* Uncapitalise "% complete" + add margin*/
.ld-progress-percentage 
{
	margin: 10px;
	text-transform: lowercase !important;
}
.ld-section-heading 
{
	display: none !important;
}
/* Format H1 tag*/
.entry-title 
{
 font-weight: 500 !important;
 color: #00454f !important;
 margin-bottom: -70px !important
}
/* Change hover colour quiz/topic*/
.ld-item-title:hover
{
 color: #00454f;
 font-size: 17px
}
/* Change quiz header bar profile page INACTIVE*/
.ld-table-list-header.ld-primary-background {
	background-color: #ccdee1  !important;
}
.custom_text_block
{
	line-height: 1
}

/* Adjust back/next buttons */

.wpProQuiz_button.wpProQuiz_QuestionButton {
  margin-top: 10px !important;
	transition: 0.3s !important
}

/*
.wpProQuiz_button.wpProQuiz_QuestionButton:hover
{transform: scale(1.01, 1.02)}

*/

/* Results section new */

.wpProQuiz_resultTable {
    background: white !important;
}

.result-style:hover {
	background-color: #00454f !important;
	opacity: 0.85; 
}

#failMessage {
    font-size: 16px !important;
    text-align: center !important;
    color: Black;
}

#passMessage {
    font-size: 18px !important;
    text-align: center !important;
    color: Black;
		padding-top: 20px;
		background-color: white
}

.wpProQuiz_header {
	font-size: clamp(16px, 5vw, 28px) !important;
	text-align: center
}

.wpProQuiz_resultName {
	
	font-size: clamp(14px, 5vw, 20px) !important;
	text-align: center
} 

p.lqc-message.lqc-quiz-complete {
    font-size: 1.2em;
    text-align: center;
}

.wpProQuiz_incorrect {
	  display: flex;
    justify-content: center
}

.explain-button {
	width: 80%;	
}

.explain-button:hover {
	background-color: #00454f;
	opacity: 0.85
}

.wpProQuiz_answerIncorrect {
	display: none !important
}

/* End LD Css */