@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);
 *:before, *:after {
  box-sizing: border-box;
}


.movie-card {
  font: 14px/22px "Lato", Arial, sans-serif;
  color: #A9A8A3;
  padding: 10px 0;
}

.container {
  margin: 0 auto;
  width: 200px;
  height: 240px;
  background: #F2F2F2;
  border-radius: 5px;
  position: relative;
}

.container img {border: 2px solid #fff; border-radius: 5px;}

.hero {
  height: 112px;  
  margin:0;
  position: relative;
  overflow: hidden;
  z-index:1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
    
}

.hero:before {
  content:'';
  width:100%; height:100%;
  position:absolute;
  overflow: hidden;
  top:0; left:0;
  background:#0096a8;
  z-index:-1;
  transform: skewY(-2.9deg);
  transform-origin:0 0;
  
  //chrome antialias fix
  -webkit-backface-visibility: hidden; 
  
}

.cover {
  position: absolute;
  top: 20px;
  left:-20px;
  z-index: 2;
}

.details {
  
  padding: 20px 0 0 70px;
}
  
.details .title1 {
    color: white;
    font-size: 20px;
    margin-bottom: 5px;
    position: relative;
}
 
.details  span {
      position: absolute;
      top: 3px;
      margin-left: 12px;
      background: #Ccc;
      border-radius: 5px;
      color: #544C21;
      font-size: 11px;
      padding: 0px 4px;
          }
  

.details  .title2 { 
    position:absolute;
    top:86px;
    left:10px;   
    color: #000;
    font-size: 13px;    
    font-weight: 300;
    margin-bottom: 5px;
-ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
.details  .title2 a {text-decoration:none; font-size: 13px;    
    font-weight: 500;color:#000;}

.description {
  
  bottom: 0px;
  xheight: 180px;
  font-size: 14px;
  line-height: 24px;
  color: #B1B0AC;
  
}

.column1 {
  padding:20px 0px 0px 0px;
  width: 100%;
  float: left;
  text-align: center;
}

.tag {
  background: white;
  border-radius: 5px;
  padding: 5px 5px;
  font-size: 14px;
  margin-right: 2px;
  line-height: 35px;
  xcursor: pointer;
  
}

xx.tag:hover {
  background: #ddd;
}

.column2 {
  padding: 0px;
  margin: 0px;
  width: 100%;
  float: left;
  text-align: center;
}
/* Backgrounds */



/* PASFOTO */
.pas_movie-card {
  font: 14px/22px "Lato", Arial, sans-serif;
  color: #A9A8A3;
  padding: 0px 0;
}

.pas_container {
  margin: 0 auto;
  width: 140px;
  height: 180px;
  background: #F2f2f2;
  border-radius: 8px;
  xposition: relative;
float:left;
xdisplay:inline-block;
margin: 5px 10px 0px 0px
}


.pas_hero {
  height: 142px;  
  margin:0;
  position: relative;
  overflow: hidden;
  z-index:1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
    
}

.pas_hero:before {
  content:'';
  width:100%; height:100%;
  position:absolute;
  overflow: hidden;
  top:0; left:0;
  background: url('https://www.wilbertschaapman.nl/images/ws/wilbert.jpg');
  background-size:cover;
  z-index:-1;
 
  xtransform: skewY(-3.2deg);
  xtransform-origin:0 0;
  
  //chrome antialias fix
  -webkit-backface-visibility: hidden; 
  
}

.pas_description {
  bottom: 0px;
  xheight: 30px;
  font-size: 14px;
  line-height: 24px;
  color: #B1B0AC;
  
}

.pas_column1 {
  padding:5px 0px 0px 0px;
  margin:0px;
  width: 100%;
  float: left;
  text-align: center;
  text-align:center;

}

.pas_column2 {
  padding-left: 0px;
  padding-top: 0px;
  margin-left: 0px;
  width: 100%;
  float: left;

}