/*------------------------------------------|
|   Title: InContent;                       |
|   Author: Bruno Rodrigues;                |
|   URL: bit.ly/BrunoTw                     |
|------------------------------------------*/
/*
@keyframes anima{
    from{

        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
    }
    to{
        margin: auto;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }
}
@-webkit-keyframes anima{
    from
    {
        margin-left: -20px;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
    }
    to
    {
        margin-left: 10px;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }
}*/

/*--- CONTENT STRUCTURE ---*/
.post_listing_item_image{
    /*max-width: 300px;
    max-height: 200px;*/
    position: relative;
    overflow: hidden;
    /*margin: 10px;   */

    /*display: inline-block;*/

    animation: anima 5s;
    -webkit-animation: anima 5s;

   backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}
.post_listing_item_image-3d{
    -webkit-perspective: 500;
    -webkit-transform-style: preserve-3d;
}

.post_listing_overlay{
    cursor: default;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(44, 62, 80, 0.92);
    padding: 10px;
    text-align:center;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;

    margin-left:15px;
    width: calc( 100% - 30px );
}

.post_listing_item_image_zoom .img-responsive{
     -webkit-transform: scale(1);
             transform: scale(1);
}
.post_listing_item_image_zoom:hover .img-responsive{
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}

/*All classes with similar attribute*/
.post_listing_overlay,
.post_listing_item_image:hover .post_listing_overlay,
.post_listing_item_image:hover img{
    -webkit-transition: all, 0.5s, ease;
    -moz-transition: all, 0.5s, ease;
    -o-transition: all, 0.5s, ease;
    transition: all, 0.5s, ease;
}

/*--- EFFECTS AND TRANSITIONS ---*/

.post_listing_item_image:hover .fade,
.post_listing_item_image:hover .bottom-to-top,
.post_listing_item_image:hover .top-to-bottom,
.post_listing_item_image:hover .left-to-right,
.post_listing_item_image:hover .right-to-left,
.post_listing_item_image:hover .rotate-in,
.post_listing_item_image:hover .rotate-out,
.post_listing_item_image:hover .open-up,
.post_listing_item_image:hover .open-down,
.post_listing_item_image:hover .open-left,
.post_listing_item_image:hover .open-right,
.post_listing_item_image:hover .come-left,
.post_listing_item_image:hover .come-right {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/*Bottom to Top*/
.bottom-to-top{
    top:100%;
    left:0;
}
.post_listing_item_image:hover .bottom-to-top{
    top:0;
    left:0;
}
/*Top to Bottom*/
.top-to-bottom{
    bottom:100%;
    left:0;
}
.post_listing_item_image:hover .top-to-bottom{
    left:0;
    bottom:0;
}
/*Left to Right*/
.left-to-right{
    top:0;
    right:100%;
}
.post_listing_item_image:hover .left-to-right{
    right:0;
    top:0;
}

/*Right to Left*/
.right-to-left{
    top:0;
    left:100%;
}
.post_listing_item_image:hover .right-to-left{
    left:0;
    top:0;
}
/*Rotate in*/
.rotate-in{
    transform: rotate(90deg) scale(0.1);
    top:0;
    left: 0;
}
.post_listing_item_image:hover .rotate-in{
    transform: rotate(360deg) scale(1);
}
/*Rotate out*/
.rotate-out{
    transform: rotate(90deg) scale(3.0);
    top:0;
    left: 0;
}
.post_listing_item_image:hover .rotate-out{
    transform: rotate(360deg) scale(1);
}

/*Open Up*/
.open-down{
    transform: rotateX(-180deg);
    top:0;
    left: 0;
}
.post_listing_item_image:hover .open-down{
    transform: rotateX(0);
}


/*Open down*/
.open-up{
    transform: rotateX(180deg);
    top:0;
    left: 0;
}
.post_listing_item_image:hover .open-up{
    transform: rotateX(0);
}

/*Open Left*/
.open-left{
    transform: rotateY(180deg);
    left:0;
    top:0;
}
.post_listing_item_image:hover .open-left{
    transform: rotateY(0deg);
}

/*Open Right*/
.open-right{
    transform: rotateY(-180deg);
    left:0;
    top:0;
}
.post_listing_item_image:hover .open-right{
    transform: rotateY(0deg);
}

/*Open Come In*/
.come-left{
    transform: rotateY(90deg) rotateX(90deg);
    left:0;
    top:0;
}
.post_listing_item_image:hover .come-left{
    transform: rotateY(0) rotateX(0);
}

/*Open Come Out*/
.come-right{
    transform: rotateY(-90deg) rotateX(-90deg);
    left:0;
    top:0;
}
.post_listing_item_image:hover .come-right{
    transform: rotateY(0) rotateX(0);
}

/*fade*/
.post_listing_item_image:hover .fade {
    opacity: 1;
    top:0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.post_listing_item_image .fade {
    margin-left:0;
    width: calc( 100% - 30px );
    opacity: 0;
    top:0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}