/*
Project: 16-17_3-7
Author: Richy Thomas
Pallette: Blue: rgba(82,85,100,1); Grey: rgba(116,130,143,1); Red: rgba(194,91,86,1); White: rgba(255,255,255,1);
*/


.section{
  display: none;
}

.btn-xl {
  font-size: 30px;
}

.intro-text {
  margin-bottom: 30px;
}


/* Carousel */

.carousel {
  margin-bottom: 30px;
}

.carousel-indicators {
  bottom: -35px;
}

.carousel-indicators li {
  background: rgba(255,255,255,1);
  border-color: rgba(82,85,100,1);
}

.carousel-indicators li.active {
  background: rgba(82,85,100,1);
  border-color: rgba(255,255,255,1);
}

.carousel-control {
  background: transparent;
  color: rgba(194,91,86,.8);
  max-height: 218px;
  opacity: .9;
  text-shadow: none;
}

.carousel-control:focus, .carousel-control:hover {
  color: rgba(194,91,86,1);
}

.carousel-control.left {
  background: transparent;
  left: -40px;
  display: none;
}

.carousel-control.right {
  background: transparent;
  right: -40px
}

.well-question {
  background-color: #cfcfcf;
  border: 1px solid rgba(82,85,100,.5);
}

.answerBox {
  font-size: 1.15em;
  height: auto;
  line-height: 1.8em;
  min-height: 120px;
}

.answerBox.form-control:focus {
  border-color: rgba(194,91,86,1);
}

.suggestedResponse {
  display: none;
  margin: 20px 0;
}

.suggestedParagraph {
  display: none;
}

.suggestedResponse p:last-child {
  margin: 0;
}

#activity-controls {
  margin-top: 40px;
}

.printBtn {
  display: none;
}

.suggestedResponsePrint {
  display: none;
}



/* Tablet */
@media(min-width: 768px){

  .carousel-control.left {
    left: -70px;
  }

  .carousel-control.right {
    right: -70px
  }

}


/* Desktop */
@media(min-width:992px){

  .carousel-control.left {
    left: -90px;
  }

  .carousel-control.right {
    right: -90px
  }

}


/* Large Desktop */
@media(min-width:1200px){

  .carousel-control.left {
    left: -105px;
  }

  .carousel-control.right {
    right: -105px
  }

}


/* Print */
@media print {

  .carousel-control {
    display: none!important;
  }

  .printBtn {
    display: none!important;
  }

  .carousel-indicators {
    display: none;
  }

  .carousel-inner>.item {
    display: block;
  }

  .well-question {
    border: none;
  }

  .suggestedResponsePrint {
    display: block!important;

  }

}