/* ACTIVITY 1 */

#question-carousel, #section-1 .btn-next {
  display: none;
}

.item {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
}

.question-answer {
  background-color: #D2D2D2;
  padding: 10px;
  font-size: 20px;
  margin-bottom: 5px;
}

.answer-selected {
  background-color: #C06C84;
  color: #FFF;
}

.multiple-choice {
  margin-left: 10px;
}

.question-answer .text-entry {
  padding: 5px 10px;
  margin-top: 10px;
  border: 2px solid #c06c84;
  background-color: #fff;
  border-radius: 4px;
}

.left {
  display: none;
}

[contenteditable=true]:empty:before{
  content: attr(placeholder);
  display: block; /* For Firefox */
}

/* ACTIVITY 2 */

.table {
  font-size: 16px;
}

.user-answer {
  line-height: 26px;
  margin-bottom: 10px;
}

.coloured-text {
  color: #C06C84;
  font-weight: bold;
}

.text-input {
  margin-bottom: 20px;
  margin-top: 10px;
  background-color: rgba(192, 108, 132, 0.3);
  display: block;
  padding: 5px 8px;
}

@media print {
  .text-input {
    background-color: rgba(192, 108, 132, 0.3) !important;
  }
}