/******************
    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
*/

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
  
  .btn-primary {
      background-color: #94618e;
      color: #f4decb;
      border: none;
  }
  
  .btn-primary:hover {
      background-color: #94618e;
      color: #f4decb;
  }

* {
    color: #5a2d51;
    font-family: "Roboto Condensed", sans-serif;
}

/* 2x2 layout for Multiple Short Text question with class 'swot-2col' */

/* Try all common containers LimeSurvey uses across themes */
.swot-2col .answer,
.swot-2col .answers,
.swot-2col .answers-wrapper,
.swot-2col .question-container .answer-container {
  width: 100%;
}

/* Convert the list of subquestions to a 2-column grid */
.swot-2col .answer ul,
.swot-2col .answers ul,
.swot-2col .answers-list,
.swot-2col .list-unstyled {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important; /* 2 equal columns */
  gap: 12px !important;
  width: 100%;
  box-sizing: border-box;
}

/* Make each subquestion block fill its grid cell */
.swot-2col .answer li,
.swot-2col .answers li,
.swot-2col .answers-list > li,
.swot-2col .list-unstyled > li,
.swot-2col .answer-item {
  width: 100% !important;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
}

/* Inputs as nice multiline boxes */
.swot-2col textarea,
.swot-2col input[type="text"] {
  width: 100% !important;
  min-height: 110px; /* adjust as you like */
  box-sizing: border-box;
}

/* Make the label (Strengths / Weaknesses / etc.) stand out */
.swot-2col label,
.swot-2col .control-label,
.swot-2col .answertext {
  font-weight: 700;
  display: block;
  margin-bottom: 6px;
}