/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016-jan-04, 02:13:25
    Author     : aron@itcm.se
*/

.widget-movie {
  position: relative;
  clear: both;
  height: 600px;
}
.widget-movie > .widget-movie-embed {
  position: relative;
  padding: 0;
  margin: 0;
}

.widget-movie .overlay {
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.widget-movie .overlay .headline {
  position: absolute;
  color: #fff;
  margin-left: 30%;
  margin-right: 5%;
  margin-top: 5%;
}

.widget-movie .overlay .headline:before {
    border: none;
}

.widget-movie .overlay .solid {
  height: 100%;
}

.widget-movie .widget-movie-content {
  position: relative;
  height: 100%;
  margin: 0;
  padding: 30px;
  vertical-align: top;
  line-height: 540px;
  display: inline-block;
}

.widget-movie .widget-movie-content img {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 150px;
}

.widget-movie .widget-movie-content .text {
    display: inline-block;
    line-height: normal;
    vertical-align: bottom;
}

.widget-movie  .widget-movie-content .text p + .btn {
  margin-top: 30px;
}


@media (max-width: 768px) {
    
    .widget-movie .widget-movie-content {
        height: auto;
        line-height: normal;
    }
    
    .widget-movie .widget-movie-content img {
        position: absolute;
        right: 30px;
        left: auto;
    }
    
    .widget-movie .widget-movie-content .text {
        vertical-align: top;
        padding-right: 180px;
    }
}