@charset "utf-8";
/* CSS Document */
body{
  margin:0;
  /*min-height: 1000px;*/
  overflow-y: scroll; 
}
.media-box-container{
      -webkit-border-radius: 0px;
         -moz-border-radius: 0px;
              border-radius: 0px;

      -webkit-box-shadow: none;
         -moz-box-shadow: none;
           -o-box-shadow: none;
          -ms-box-shadow: none;
              box-shadow: none;
}
/* hover effect on the image */

.media-box .media-box-image img{
    -webkit-transition: transform 0.4s ease-in-out;
       -moz-transition: transform 0.4s ease-in-out;
         -o-transition: transform 0.4s ease-in-out;
        -ms-transition: transform 0.4s ease-in-out;
            transition: transform 0.4s ease-in-out;
}
.media-box:hover .media-box-image img{
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.media-box-title {
    text-align:left; padding: 0px 0px 10px 0px; color:#333;
    width: 100%; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height:45px; margin-bottom: 5px;
} 

/*.media-box-title {text-align: left; padding: 10px 0px; color:#333}*/

* a:hover{text-decoration: none;}

.media-box-content{background:#FFF;}
.media-box-content a{transition:0.5s all;	-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.media-box-year span{float:right; display:inline-block; padding: 3px 5px 3px 5px; font-size:14px; background: #333; color:#FFF; border-radius: 5px; transition:0.5s all;	-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.media-box-year a:hover span{background:#000}
.media-box:hover .media-box-title{color:#333}