.ticketWrap {
  width: 100%;
  margin: 0;
  color: #fff;
  font-family: sans-serif;
}


.ticket {
   
  margin: 8px;
  border:solid 2px #000;
  width: 100%;
  background: linear-gradient(to bottom, #F00 0%, #F00 26%, #AAA 26%, #AAA 100%);
  height: 11em;
  float: left;
  position: relative;
  padding: 1em;
   border-radius: 8px;
}

.ticketExcluded{
	filter: brightness(75%);
}

.ticketHidden{
	filter: brightness(50%);
}

.ticket:hover{
  filter: brightness(120%);
  box-shadow: 10px 5px 5px #888;
}


.ticket * {
  background:transparent;
}

h1 {
  font-size: 1.1em;
  margin-top: 0;
  span {
    font-weight: normal;
  }
}

.title, .price, .discount{
  text-transform: uppercase;
  font-weight: normal;
  h2 {
    font-size: .9em;
    color: #525252;
    margin: 0;
   }
  span {
    font-size: .7em;
    color: #a2aeae;
  }
}

.title {
  margin: 2em 0 0 0;
}

.price {
  margin: .7em 0 0 0;
}

.discount {
  margin: .7em 0 0 1em;
}

.price, .discount {
  float: left;
}