/*
Project: 15-16_37
Author: Richy Thomas
Palette: teal: rgba(31, 168, 148, 1);
*/

/* Header */

header {
  background-color: rgba(31, 168, 148, 1);
}

/* Content */
hr {
  border-top: 1px solid rgba(31, 168, 148, 1);
}

.well {
    background-color: rgba(231,244,242,0.2);
    border: 1px solid rgba(31, 168, 148, 1);
}

/* Modal */
.modal-header {
  color: rgba(255, 255, 255, 1);
  background: rgba(31, 168, 148, 1);
}

/* Buttons */
.btn-default {
  color: rgba(255, 255, 255, 1);
  border-color: rgba(31, 168, 148, 1);
  background-color: rgba(31, 168, 148, 1);
}
.btn-default:hover, .btn-default.active, .btn-default:active, .btn-default.focus, .btn-default:focus, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover {
  color: rgba(31, 168, 148, 1);
  border-color: rgba(31, 168, 148, 1);
  background-color: rgba(255, 255, 255, 1);
}

/* show and hide classes
 */
.eyeback {
  background: #ccc;
}
.wrapper {
  overflow: hidden;
}
.glyphicon {
  font-size: 1.4em;
  color: rgba(31, 168, 148, 1);
}
.eye:before {
  position: relative;
  display: inline-block;
  content: '';
}
.eye.active:before {
  top: 0;
  left: 0;
  border-color: #620100 transparent transparent;
}
.eye:hover {
  cursor: pointer;
}
.content {
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.content.show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.overview {
  padding: 5px;
}

/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon {
  left: 0;
}
.right-addon .glyphicon {
  right: 0;
}

/* add padding  */
.left-addon textarea {
  padding-left: 40px;
}
.right-addon textarea {
  padding-right: 30px;
}
textarea {
  resize: vertical;
}

/*Start of 01-introducing-key-terms*/
ul {
  list-style-type: none;
}

 #activity {
  font-size: 1.1em;
} 
.showHideBtn {
  height: 100%;
  vertical-align: middle;
}
#showHideList li {
  font-size: 1.2em;
  line-height: 1.5em;
  min-height: 3em;
  margin-bottom: .2em;
  padding: .5em;
  color: #000;
  border: 1px solid rgba(31, 168, 148, 1);
  background-color: #fdfdfd;
}
.showHideObject {
  position: relative;
  visibility: hidden;
}
.showHideBtn {
  float: right;
}


/* END of 01-introducing-key-terms*/