/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
.navbar-fixed-top > div.navbar-header {
    width: 100% !important;
}

.navbar-fixed-top > div.navbar-header > div {
    width: 100% !important;
}

.navbar-fixed-top > div.navbar-header > div > img {
    margin: 0 auto 0 auto !important;
}

.question-container {
    margin-bottom: 0; /* Adjust as needed */
}
.question-title-container {
    padding-top: 0;
    padding-bottom: 0;
}
.answer-container {
    padding-top: 0;
}

.tight-question .question-title-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.tight-question .answer-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/******/

#question557.question-container {
    margin-bottom: 0 !important;
}
/* 1. Kill the height and padding of the title wrapper */
#question557 .question-title-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

/* 2. Target the specific answer div */
#question557 .answer-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
    display: flex;         /* This helps collapse internal vertical spacing */
    flex-direction: column;
}

/* 3. Remove space from the inner wrapper (ls-answers) */
#question557 .ls-answers {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 4. Fix line-height which often expands the 'blue' area */
#question557 .question-text, 
#question557 .ls-label-content {
    line-height: 1.1 !important;
}
#question557 .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#question557 .question-title-container, 
#question557 .answer-container {
    float: none !important; /* Prevents desktop 'float' gaps */
    display: block !important;
    width: 100% !important;
}
#question557 .question-text, 
#question557 .ls-label-content {
    line-height: 1 !important; /* Brings the 'blue' box tight to the text */
}
#question557 .question-container {
    display: block !important; /* Overrides flex-stretch */
}

/* 1. Kill the green padding on the list item */
#question557 li.question-item, 
#question557 li.answer-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

/* 2. Kill the blue/margin gap on the inner row */
#question557 li.question-item .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. Tighten the checkbox container itself */
#question557 .col-auto {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
}

/* 4. Remove any bottom margin from the title container above it */
#question557 .question-title-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/****/

#question566.question-container {
    margin-bottom: 0 !important;
}
/* 1. Kill the height and padding of the title wrapper */
#question566 .question-title-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

/* 2. Target the specific answer div */
#question566 .answer-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
    display: flex;         /* This helps collapse internal vertical spacing */
    flex-direction: column;
}

/* 3. Remove space from the inner wrapper (ls-answers) */
#question566 .ls-answers {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 4. Fix line-height which often expands the 'blue' area */
#question566 .question-text, 
#question566 .ls-label-content {
    line-height: 1.1 !important;
}
#question566 .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#question566 .question-title-container, 
#question566 .answer-container {
    float: none !important; /* Prevents desktop 'float' gaps */
    display: block !important;
    width: 100% !important;
}
#question566 .question-text, 
#question566 .ls-label-content {
    line-height: 1 !important; /* Brings the 'blue' box tight to the text */
}
#question566 .question-container {
    display: block !important; /* Overrides flex-stretch */
}

/* 1. Kill the green padding on the list item */
#question566 li.question-item, 
#question566 li.answer-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

/* 2. Kill the blue/margin gap on the inner row */
#question566 li.question-item .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. Tighten the checkbox container itself */
#question566 .col-auto {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
}

/* 4. Remove any bottom margin from the title container above it */
#question566 .question-title-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/****/
#question524.question-container {
    margin-bottom: 0 !important;
}
/* 1. Kill the height and padding of the title wrapper */
#question524 .question-title-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

/* 2. Target the specific answer div */
#question524 .answer-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
    display: flex;         /* This helps collapse internal vertical spacing */
    flex-direction: column;
}

/* 3. Remove space from the inner wrapper (ls-answers) */
#question524 .ls-answers {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 4. Fix line-height which often expands the 'blue' area */
#question524 .question-text, 
#question524 .ls-label-content {
    line-height: 1.1 !important;
}
#question524 .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#question524 .question-title-container, 
#question524 .answer-container {
    float: none !important; /* Prevents desktop 'float' gaps */
    display: block !important;
    width: 100% !important;
}
#question524 .question-text, 
#question524 .ls-label-content {
    line-height: 1 !important; /* Brings the 'blue' box tight to the text */
}
#question524 .question-container {
    display: block !important; /* Overrides flex-stretch */
}

/* 1. Kill the green padding on the list item */
#question524 li.question-item, 
#question524 li.answer-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

/* 2. Kill the blue/margin gap on the inner row */
#question524 li.question-item .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. Tighten the checkbox container itself */
#question524 .col-auto {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
}

/* 4. Remove any bottom margin from the title container above it */
#question524 .question-title-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}