/* ==========================================================================
   Portfolio Item Layout - Gallery Slide From Image Bottom style - begin
   ========================================================================== */

.eltdf-portfolio-list-holder {

    &.eltdf-pl-gallery-slide-from-image-bottom {

        &.eltdf-pl-has-shadow {

            .eltdf-pl-item-inner {
                box-shadow: $default-box-shadow;
            }
        }

        article {

            &:hover {

                .eltdf-pli-text-holder {
                    @include eltdfTransform(translateY(0));
                }

                .eltdf-pli-text-wrapper {
                    @include eltdfTransform(translateY(0));
                }

                .eltdf-pli-image {
                    img {
                        @include eltdfTransform(scale(1.06) translateX(3%));
                        @include eltdfTransition(transform 1s cubic-bezier(.33,.02,0,.93));
                    }
                }
            }

            .eltdf-pl-item-inner {
                overflow: hidden;
            }

            .eltdf-pli-image {
                overflow: hidden;

                img {
                    display: block;
                    @include eltdfTransform(scale(1.06));
                    @include eltdfTransition(transform 1s cubic-bezier(.33,.02,0,.93));
                }
            }
        }

        .eltdf-pli-text-holder {
            position: absolute;
            display: block;
            width: auto;
            height: auto;
            bottom: 30px;
            left: 0;
            padding: 10px 35% 14px 16px;
            background-color: #fff;
            overflow: hidden;
            box-sizing: border-box;
            @include eltdfTransform(translateX(-100%));
            @include eltdfTransitionTransform(.4s ease-in-out);

            .eltdf-pli-category-holder {
                margin-bottom: 5px;
            }
        }

        .eltdf-pli-text-wrapper {
            @include eltdfTransform(translateX(100%));
            @include eltdfTransitionTransform(.4s ease-in-out);
            width: auto;
        }
    }
}
/* ==========================================================================
   Portfolio Item Layout - Gallery Slide From Image Bottom style - end
   ========================================================================== */