body,h1,h2,h3,h4,h5,h6 { font-family: 'Lato', sans-serif; }
body,h1,h2 {color: white;}
h3 { color: white; font-size: 24px;}
h4 { font-size: 18px;}
h5 { color: white; font-size: 12px;}
body {background: #050505;}

.cover-list {
    display: block;
    padding: 0;
    margin:0;
}
.cover-list-item {
    display: inline-block;
    padding-bottom: 5px;
    margin: 2px;
    margin-bottom: 2px;
    vertical-align: top;
}
.cover2-link {text-decoration: none !important;}
.cover {width:150px;color: rgba(255,255,255, 0.5);}
.cover2 {width:200px;}

.cover:hover {
  transition: transform .4s; /* Animation */
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  color: rgba(255,255,255, 1);
}
.cover-meta {max-height: 50%; text-overflow: ellipsis; overflow: hidden;}
.cover-meta-title {line-height: 100%;font-size: 16px;}

.cover-hoverbadge-rating {display: block;}
.cover-hoverbadge-channel {display: none;}
.cover-hoverbadge:hover {display: none;}

.cover-badge {width:150px;}

.imdb-icon {
    display: inline-block;
    width: 30px;
    height: 15px;
    background-image: url(/img/IMDb.svg);
    background-size: 100%;
    vertical-align: middle;
    margin-right: 7px;
    margin-top: -3px;
}

/*
.cover-list-item:hover + .cover-hoverbadge {
    display: block;
}
*/

results { margin: 0; padding: 0; }

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  h1 { font-size: 26px;}
    h3 { font-size: 22px;}
    h4 { font-size: 16px;}
    h5 { font-size: 12px;}

    .cover {
    	width:110px;
         }

    .cover2 {
     	width:110px;
         }
}

  /* prevent iphone from zooming in when filling out a form, like login or application */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  select,
  textarea,
  input,
  input:focus,
  input:hover {
    font-size: 16px !important;
  }
}