/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 22 2026 | 06:56:49 */
/* ==========================================================================
   EXTENSION PATCH: 100% FULL-WIDTH LAYOUT FOR QUIZ CONTAINER 33 ONLY
   ========================================================================== */

/* 1. Force the page container to span 100% width and drop the side-by-side grid */
.qsm-quiz-container-33 .qsm-page {
    display: block !important; /* Converts grid to a standard block flow */
    grid-template-columns: 100% !important; /* Overrides the 65% 35% grid setup */
    width: 100% !important;
    max-width: 100% !important;
    height: 65vh !important; /* Allows the listening page to scroll naturally if needed */
    max-height: none !important;
    overflow-y: auto !important;
	overflow-x: auto !important;
	overflow: auto !important;
    padding: 20px !important;
}

/* 2. Reset the question sections within container 33 to occupy full width safely */
.qsm-quiz-container-33 .qsm-page .quiz_section:not(.question-type-6) {
    grid-column: auto !important; /* Removes right-side column anchoring */
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 0px !important; /* Removes the 60% top padding from your base code */
    margin-top: 0px !important;
    margin-bottom: 0px !important;
	z-index:99!important;
    display: block !important;
    float: none !important;
    clear: both !important;
	overflow-y: auto !important;
	overflow-x: auto !important;
	overflow: auto !important;
}

/* 3. Ensure the pagination/navigation footer adapts nicely to the 100% layout width */
.qsm-quiz-container-33 .qsm-pagination-wrapper {
    grid-column: auto !important;
    width: 100% !important;
    margin-top: 30px !important;
    display: flex !important;
	overflow-y: auto !important;
	overflow-x: auto !important;
	overflow: auto !important;
/*     justify-content: space-between !important; */
}

.qsm-quiz-container-33 .qsm-page .question-type-6 {
	    margin-bottom: 0% !important;
	position: sticky !important;
	max-height: 50% !important;
	    overflow-y: hidden !important;

	
}



/*  qsm-quiz-container-112 */

/* 1. Force the page container to span 100% width and drop the side-by-side grid */
.qsm-quiz-container-112 .qsm-page {
    display: block !important; /* Converts grid to a standard block flow */
    grid-template-columns: 100% !important; /* Overrides the 65% 35% grid setup */
    width: 100% !important;
    max-width: 100% !important;
    height: 65vh !important; /* Allows the listening page to scroll naturally if needed */
    max-height: none !important;
    overflow-y: auto !important;
	overflow-x: auto !important;
	overflow: auto !important;
    padding: 20px !important;
}

/* 2. Reset the question sections within container 33 to occupy full width safely */
.qsm-quiz-container-112 .qsm-page .quiz_section:not(.question-type-6) {
    grid-column: auto !important; /* Removes right-side column anchoring */
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 0px !important; /* Removes the 60% top padding from your base code */
    margin-top: 0px !important;
    margin-bottom: 0px !important;
	z-index:99!important;
    display: block !important;
    float: none !important;
    clear: both !important;
	overflow-y: auto !important;
	overflow-x: auto !important;
	overflow: auto !important;
}

/* 3. Ensure the pagination/navigation footer adapts nicely to the 100% layout width */
.qsm-quiz-container-112 .qsm-pagination-wrapper {
    grid-column: auto !important;
    width: 100% !important;
    margin-top: 30px !important;
    display: flex !important;
	overflow-y: auto !important;
	overflow-x: auto !important;
	overflow: auto !important;
/*     justify-content: space-between !important; */
}

.qsm-quiz-container-112 .qsm-page .question-type-6 {
	    margin-bottom: 0% !important;
	position: sticky !important;
	max-height: 50% !important;
	    overflow-y: hidden !important;

	
}