/******************
/******************
    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
*/
#outerframeContainer {
    hyphens: none;
    word-wrap: normal;
    max-width: 1200px;
    background: #FFFFFF;
}

#welcome-container {
     max-width: 100%;
}

/*.btn {
    background-color: #BBBBBB !important;
} */

.form-heading {
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 22px;
}

.large-heading {
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 60px;
}

.container {
  display: flex;
  justify-content: center;
  border-style: none;
}

.cards {
  display: grid;
  width: 630px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  grid-gap: 0px;
}

/* Style the cards */
.card {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
  border-color: white;
}

.group-outer-container.space-col{
    background-color: rgb(76, 0, 153, 0.04);
    border-radius: 8px;
    margin: 0px auto;
    max-width: 1500px; /* Muuda vastavalt soovile, nt 600px või 700px */
}

.group-container.space-col{
  margin: 20px 30px !important
}


.col-answers {
    min-width: 130px;
    white-space: normal;
    word-break: break-word;
    text-align: center;
}

.ls-move-btn{
    background-color: rgb(76, 0, 153, 0.2);
    border: none;
    color: rgb(0,0,0);
}

/* 1) QUESTION TITLES (main question text) */
.ls-question-title,
.question-title,
.question-text {
  color: #005F8B !important;      /* <-- change to your HEX */
  font-size: 1.15rem !important;    /* try 1.1rem, 1.4rem, etc. */
  font-weight: 700 !important;     /* 400 normal, 600 semibold, 700 bold */
  font-style: normal !important;   /* normal | italic */
}

/* 2) SUB-QUESTIONS (matrix row/column headers) */
.ls-answers th.answertext,
.array-flexible-row thead th.answertext,
.array-flexible-row tbody th.answertext,
.subquestion-list .answertext {
  color: #008CA1 !important;       /* HEX */
  font-size: 1rem !important;      /* ~16px */
  font-weight: 600 !important;     /* 400 | 600 | 700 */
  font-style: normal !important;   /* normal | italic */
}

/* 3) ANSWER CHOICE LABELS (radio/checkbox/list labels) */
.answers-list .answer-item label,
.ls-answers label,
.list-radio .answer-item label,
.list-checkbox .answer-item label {
  color: #6E748C !important;       /* HEX */
  font-size: 0.8rem;      /* ~16px */
  font-weight: 400 !important;     /* 400 | 600 | 700 */
  font-style: normal !important;   /* normal | italic */
}

/* LS6 Fruity – Sticky headers for Array question tables */
@media (min-width: 300px) {
  /* Use the answer container itself as the scroll container */
  div[id^="question"] .answer-container {
    position: relative;
    max-height: 65vh;
    overflow-y: auto;
    overflow-x: hidden;
  }

  /* Keep the rest the same as above… */
  div[id^="question"] table.subquestion-list { border-collapse: collapse; width: 100%; }

  div[id^="question"] table.subquestion-list thead th,
  div[id^="question"] table.subquestion-list thead td {
    position: sticky; top: 0; z-index: 11;
    background: var(--bs-body-bg, #fff);
    border-bottom: 2px solid var(--bs-border-color, #dee2e6);
    padding: 8px; font-weight: 600; text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); background-clip: padding-box;
  }

  div[id^="question"] table.subquestion-list .ls-heading-repeat { display: none; }
}


/* SELLEGA SAAB MUU KASTE TÕSTA */
.tostetud1 {
    margin-top: -35px;
}

.tostetud1 .ls-label-question {
    font-weight: 400;
    font-size: 1.1rem;
}

.tostetud1 .question-valid-container {
    display: none;
}

/* Array (texts) drop-down box lahendus. Juhul kui on üks veerg (tühi), siis see kood peidab selle ülemise rea */
.peidabHeaderi1 .ls-heading.ls-header {
    display: none;
}

/* KUSTUTA KOMMENTAAR KUI VAJA
.peidabHeaderi2 .answertext.control-label {
    display: none;
}
*/

/* Checkboxidel font suuremaks */
.fontcheckboxsuureks .control-label.radio-label {
    font-size: 1.2rem;
}

/* Checkboxidel font suuremaks 2 */
.fontcheckboxsuureks2 .checkbox-label.control-label {
    font-size: 1.2rem;
}

/* Skaala font liiga suur? Sellega veits väiksemaks. */
.question-container.arrayskaalafontvaiksemaks .answer-text {
    font-size: 1rem;
}


/* Skaala font liiga suur - sama teema, aga selle custom array (text) puhul. Sellega veits väiksemaks */
.question-container.arraytextrippmenyyfontvaiksemaks .subquestion-text {
  font-size: 1rem;
}


/* Site-wide for LS question labels (question text) */
.ls-label-question,
.ls-label-question > p {
  font-size: 1.15rem !important;
}