/*
Project: 15-16_18
Activity: Unit 7: Roman Catholic Encyclical
Author: Richy Thomas
Palette: Color: Primary Colour: #606C88 , Secondary Colour: #3F4C6B
*/

#answer, .contentinput {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #555;
  font-size: 1.3em;
  line-height: 1.42857143;
  margin-bottom: 1em;
  min-height: 150px;
  padding: 12px;
}

#answers {
  display: none;
  font-size: 1.3em;
}

.content, #suggestedAnswer, .suggestedAnswer, #print {
  display: none;
}

.question, .suggestedAnswer {
  font-size: 1.2em;
}

.question {
  margin-bottom: .5em;
}

.question-number {
  float: left;
  margin-right: 15px;
}

textarea {
  min-height: 200px;
  width: 100%;
}

#imageForActivity{
  height: 400px;
}

#suggestedAnswer.finalScreenDisplay {
  bottom: 0;
  counter-reset: my-counter;
  display: block;
  position: relative;
}

.suggestedAnswer.finalScreenDisplay {
  display: inline-block;
  margin-bottom: 1em;
}

.suggestedAnswer.finalScreenDisplay:before {
  color: inherit;
  content: counter(my-counter, decimal);
  counter-increment: my-counter;
  font-family: inherit;
  font-size: 30px;
  font-weight: 500;
  left: 0;
  line-height: 1.1;
  padding-right: 10px;
  top: 0;
}

/* Tablet */
@media(min-width: 768px){



}

/* Desktop */
@media(min-width:992px){



}

/* Large Desktop */
@media(min-width:1200px){



}


@media print {

  .btn {
      display: none !important;
  }

  .content {
      display: inline-block;
  }

  #question {
      page-break-after: always;
  }

  textarea {
    border: none;
    color: #333;
  }

  #suggestedAnswer {
    bottom: 0;
    counter-reset: my-counter;
    display: block;
    position: relative;
  }

  .suggestedAnswer {
    display: inline-block;
    margin-bottom: 1em;
  }

  .suggestedAnswer:before {
    color: inherit;
    content: counter(my-counter, decimal);
    counter-increment: my-counter;
    font-family: inherit;
    font-size: 30px;
    font-weight: 500;
    left: 0;
    line-height: 1.1;
    padding-right: 10px;
    top: 0;
  }

}