/* Swap quiz navigation buttons around */
.llms-quiz-ui .llms-quiz-nav {
	flex-direction: row-reverse; 	
}



/* Target the container to align items side by side */
.llms-quiz-buttons {
    display: flex;
    gap: 10px; /* Adjust this value to set the desired space between the buttons */
}
.llms-quiz-buttons #llms_start_quiz {
			margin-top: 0px;
}

/* Ensure buttons are styled correctly and responsive */
.llms-quiz-buttons .button,
.llms-quiz-buttons .llms-button-action {
    flex: 1;
    text-align: center;
}

/* Make the quiz counter appear on its own line */
.llms-quiz-counter {
    display: inherit;
    text-align: center;
    margin-bottom: 10px; /* Space between counter and buttons */
}

/* Ensure buttons stack on smaller screens */
@media (max-width: 600px) {
    .llms-quiz-nav button {
        width: 100%;
        margin-bottom: 5px; /* Optional spacing between buttons */
    }
}



/* Hide has quiz button */
.llms-lesson-has-quiz {
    display: none;
}


/* Hide coupon field */
.llms-coupon-wrapper {
		display: none;
}


/* Hide more button on groups page */
.llms-group-menu-item.item--right.item--member-more {
    display: none;
}


/* Change group name font size */
.llms-group-profile-header .llms-group-name {
	font-size: 25px;
	margin-top: -130px;
}

/* keep completed modules as black text and not grey - For accessibility */
.llms-syllabus-wrapper .llms-lesson-preview.is-complete a {
    color: #000000;
}






/* Stack picture quiz answers on small screens */
@media (max-width: 480px) {

  fieldset.llms-question-choices.type--picture {
    display: block !important;
  }

  fieldset.llms-question-choices.type--picture .llms-choice.type--picture {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 15px 0 !important;
    clear: both !important;
  }

  fieldset.llms-question-choices.type--picture .llms-choice.type--picture label {
    display: block !important;
    width: 100% !important;
  }

  fieldset.llms-question-choices.type--picture .llms-choice-image {
    width: 100% !important;
  }

  fieldset.llms-question-choices.type--picture .llms-choice-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }
}

.llms-question-wrapper .llms-question-choices .llms-choice label {
    padding: var(--wp--preset--spacing--10);
}