﻿
/*---------------*/
/***** Roxy *****/
/*---------------*/

figure.effect-roxy {
    background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
    background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

    figure.effect-roxy img {
        max-width: none;
        /*width: -webkit-calc(100% + 60px);
        width: calc(100% + 60px);*/
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        /*-webkit-transform: translate3d(-50px,0,0);
        transform: translate3d(-50px,0,0);*/
        height: 100%;
    }

    figure.effect-roxy figcaption::before {
        position: absolute;
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        border: 1px solid #fff;
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
    }

    figure.effect-roxy figcaption {
        padding: 3em;
        text-align: left;
    }

    figure.effect-roxy h2 {
        padding: 30% 0 10px 0;
    }

    figure.effect-roxy p {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    figure.effect-roxy:hover img {
        opacity: 0.7;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-roxy:hover figcaption::before,
    figure.effect-roxy:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
/*--------------------------------------------------------*/
.effect-roxy figcaption {
    padding: 2em !important;
}

.column-4 .effect-roxy figcaption {
    right: 15px;
    left: 15px;
    transform: translate3d(-15px,0,0);
}
