/*
Project: 15_16_int_04
Activity: 2 - Key terms revision
Author: Richy Thomas
Palette: Color: Primary Colour: #3E50B4 , Secondary Colour: #FEC107;
*/

#order li, #sortingSortable li {
  height: 100px;
  margin-bottom: 10px;
}

#sortingSortable li {
  background-color: #fcf8e3;
  border: 1px solid #faebcc;
  border-radius: 4px;
  cursor: pointer;
  list-style: none;
  position: relative;
}

#sortingSortable li span {
  background: #3E50B4;
  border-radius: 4px;
  color: #FFF;
  padding: 35px 10px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  z-index: 5;
  font-size: 1.3em;
  height: 98px;
}

#sortingSortable li.drop-hover .element {
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: .5;
}

#order li {
  background: #FFF;
  border: 1px solid #333;
  border-radius: 4px;
  color: #333;
  font-size: 1.1em;
  padding: 10px;
}

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

  #sortingSortable li span {
    font-size: 1.2em;
  }

  #order li {
    font-size: 1em;
  }

}

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

  #order li, #sortingSortable li {
    height: 80px;
  }

  #sortingSortable li span {
    height: 78px;
    padding: 26px 10px;
  }

}

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



}