/*
  CSS specific to the vue cinema listing page
*/

.cpCinemaListing li a.header {
  padding-top: 5px !important;

}

.film-poster {
  margin-bottom: 5px;
}

.film-poster img {
  width: 100% !important;
}

.filmTimes ul li span {
  width: 70px;
}

.film-trailer {
  margin-top: 10px;
}

.trailer-mobile {
  display: none;
}

.trailer-mobile a {
  color:#fff;
  border-color:#fff !important;
  width:auto;
  text-decoration: none;
}

.trailer-mobile a:hover,
.trailer-mobile a:focus {
  color:#fff;
}

.trailer {
  background:url(img/loader.gif) center center no-repeat;
}

@media (max-width: 600px) {

  .film-trailer,
  .trailer {
    display: none;
  }

  .trailer-mobile {
    display: block;
    margin-top: 15px;
  }

}