/*
Project: 15-17_1-39
Author:  Richy Thomas
Date: 09/03/17
*/

/* Statement Stack */

.dropZone {
  background-color: rgba(29,78,137,0.15);
  border-radius: 4px;
  margin-bottom: 1em;
  min-height: 450px;
  padding: 1em;
  text-align: center;
}

#column-male {
  background-image: url("../../../images/activities/male-symbol.png");
}

#column-female {
  background-image: url("../../../images/activities/female-symbol.png");
}

.column {
  background-size: 100%;
  background-repeat: no-repeat;
}

.draggable, .dropZone .draggable {
  background-color: rgba(227, 184, 29,.8);
  border-radius: 4px;
  color: #333;
  cursor: move;
  display: inline-block;
  font-size: 16px;
  padding: .5em;
  text-align: center;
  z-index: 2;
}

.draggable {
  width: 100%;
}

.dropZone .draggable {
  height: auto!important;
  margin-bottom: 6px;
  width: 96%!important;
}

.dropZone .draggable:last-child {
  margin-bottom: 0;
}

#statementStack {
  text-align: center;
}


/* Text Input */

.text-input {
  height: auto;
  width: 100%;
  min-height: 110px;
  margin-top: 20px;
}


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

  .column {
    background-size: 317px;
  }

}


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

  .column {
    background-size: 427px;
  }

}


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

  .column {
    background-size: 527px;
  }

}

@media print {

  #activity-intro, header {
    display: none;
  }

}