/* Header */

#header h1 {
  font-size: 28px;
}

#header h1 span {
  font-size: 26px;
}


/* Label styling */

ul{
  margin:0;
  padding:0;
}

.ui-draggable {
  color:#FFF;
  font-size: medium;
  display:inline-block;
  width:300px;
  cursor:grab;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  border:1px solid #195020;
  border-radius:4px;
  background-color: #195020;
  z-index:2000;
  padding:10px;
  margin-bottom:5px;
}

.organise-drag {
  cursor: move;
  min-height:40px;
  width:100%;
  font-size:medium;
  line-height:20px;
  text-align:left;
  padding:10px;
  background: #195020;
  color: #FFF;
}

.drop-holder{
  padding:0;
}

.organise-drop {
   min-height: 40vh;
   font-size: medium;
   border: 3px solid #195020;
   border-radius:25px;
   height: 100% !important;
   display: inline-block !important;
   margin: 10px 0;
   padding: 5px;
   z-index:1001;
}

.organise-drop{
   width:100%;
}

.ui-draggable.being-dragged {
  background: #5a8647 !important;
  cursor: move;
  box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
  -moz-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
  -webkit-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
   z-index: 6;
}

.btn{
  margin:0 5px;
}

a.btn{
  text-decoration: none;
}


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



}


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

  #header h1 {
    font-size: 35px;
  }

  #header h1 span {
    font-size: 30px;

  }

}


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


}


@page {
  size:A4 portrait;
  margin:20px; 
}

@media print {

  #activity-intro{
    page-break-after:avoid;
    margin-bottom:30px;
    margin-top:20px;
    display:block;
  }

  .organise-drop {
    margin: 10px 20px;
    width:800pt;
  }
 
  p.lead{
    font-size:18pt;
  }
  
  .btn, hr, .ui-draggable{
    display:none;
  }

  .tooltip{
    display:none !important;
  }

  .organise-print{
    display:inline-block;
  }

}