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

.eltdf-portfolio-list-holder {
	
	&.eltdf-pl-gallery-trim-with-border {
		
		&.eltdf-pl-has-shadow {
			
			.eltdf-pl-item-inner {
				box-shadow: $default-box-shadow;
			}
		}
		
		article {

			&:hover {

				.eltdf-pli-text-holder {
					opacity: 1;
				}

				.eltdf-pli-image {

                    img {
                        @include eltdfTransform(scale(1.08));
                    }

                    .eltdf-trim-line {
                        &.eltdf-trim-line-top {
                            @include eltdfTransform(translate3d(0,-2px,0));
                        }
                        &.eltdf-trim-line-right {
                            @include eltdfTransform(translate3d(2px,0,0));
                        }
                        &.eltdf-trim-line-bottom {
                            @include eltdfTransform(translate3d(0,2px,0));
                        }
                        &.eltdf-trim-line-left {
                            @include eltdfTransform(translate3d(-2px,0,0));
                        }
                    }
				}
			}

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

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

            .eltdf-pli-image {

                img {
                    @include eltdfTransition(all .42s cubic-bezier(.645,.045,.355,1));
                }

                .eltdf-trim-line {
                    position: absolute;
                    background-color: #eef5f7;
                    @include eltdfTransition(transform .35s ease-out);

                    &.eltdf-trim-line-top {
                        top: 0;
                        left: 0;
                        right: 0;
                        height: 10px;
                        @include eltdfTransform(translate3d(0,-12px,0));
                    }
                    &.eltdf-trim-line-right {
                        top: 0;
                        right: 0;
                        bottom: 0;
                        width: 10px;
                        @include eltdfTransform(translate3d(12px,0,0));
                    }
                    &.eltdf-trim-line-bottom {
                        bottom: 0;
                        left: 0;
                        right: 0;
                        height: 10px;
                        @include eltdfTransform(translate3d(0,12px,0));
                    }
                    &.eltdf-trim-line-left {
                        top: 0;
                        left: 0;
                        bottom: 0;
                        width: 10px;
                        @include eltdfTransform(translate3d(-12px,0,0));
                    }
                }
            }
		}
		
		.eltdf-pli-text-holder {
			@include eltdfAbsoluteHolderLayout();
			width: 74%;
			height: 74%;
			left: 13%;
			top: 13%;
			background-color: #fff;
			opacity: 0;
			text-align: center;
			box-sizing: border-box;
			@include eltdfTransition(opacity .2s ease-in-out);
		}
	}
}
/* ==========================================================================
   Portfolio Item Layout - Gallery Slide From Image Bottom style - end
   ========================================================================== */