/******************
    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
*/
@media only screen and (min-width: 768px) {
  .inline-answers-question .question-title-container.col-xs-12,
  .inline-answers-question .question-valid-container.col-xs-12,
  .inline-answers-question .answer-container.col-xs-12 {
    width: auto;
  }
  .inline-answers-question .answer-container .answer-item {
    display: block;
    float: left;
    clear: none;
    margin-right: 20px;  /* space between the two fields */
  }

  /* Make the input boxes wider with padding */
  .inline-answers-question .answer-container .answer-item input[type="text"],
  .inline-answers-question .form-control {
    width: 400px !important;
    padding: 6px 12px !important;  /* vertical | horizontal inner padding */
  }
}
.group-title {
    background-color: #0066cc;
    color: white;
    padding: 12px 20px;
    border-radius: 4px;
}
.group-title .ls-group-title {
    color: white;
}

body {
    font-family: 'Lato', sans-serif !important;
    font-size: 1.25em !important;  /* increase this to taste */
}

/* ── Survey title (navbar) + intro text: same bg as question area ── */
.top-container {
    background-color: #f5f5f5;
}
.top-container .top-content {
    background-color: #f5f5f5;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
    margin-bottom: 1em !important;
}

/* ── More compact: reduce padding/margins throughout ── */

/* Less space between questions */
.question-container {
    margin-bottom: 0.8em !important;
}

/* Tighter question title */
.question-title-container {
    padding-top: 0.4em !important;
    padding-bottom: 0.4em !important;
}

/* Tighter answer area */
.answer-container {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
}

/* Tighter answer list */
.ls-answers {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* Tighter group title block */
.group-title-container {
    padding: 0.4em 1em !important;
}

/* Navigator buttons less spaced */
#navigator-container {
    padding-bottom: 0.4em !important;
}

/* Force survey introduction text to black */
.fruity .survey-description.text-info.text-center {
    color: #444444 !important;
}
.fruity .question-container.input-error {
    box-shadow: none !important;
}

#outerframeContainer {
  max-width: 1200px;
  /* Add this if you want it centered */
  margin: 0 auto;
}