/* ==========================================================================
   Portfolio Item Layout - Gallery Overlay style - begin
   ========================================================================== */

.eltdf-portfolio-list-holder {
	
	&.eltdf-pl-gallery-overlay {
		
		&.eltdf-pl-has-shadow {
			
			.eltdf-pl-item-inner {
				box-shadow: $default-box-shadow;
			}
		}
		
		article {
			
			&:hover {
				
				.eltdf-pli-text-holder {
					opacity: 1;
				}
			}
			
			.eltdf-pl-item-inner {
				overflow: hidden;
			}

			.eltdf-pli-category-holder {
				margin-bottom: 5px;
			}
		}
		
		.eltdf-pli-text-holder {
			@include eltdfAbsoluteHolderLayout();
			padding: 20px;
			background-color: rgba(250,240,237, .9);
			opacity: 0;
			text-align: center;
			box-sizing: border-box;
			@include eltdfTransition(opacity .2s ease-in-out);
		}

		&.eltdf-pl-has-animation {
			article {
                opacity: 0;
                -webkit-transform: scale(0.8);
                -moz-transform: scale(0.8);
                transform: scale(0.8);
                webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
                transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);

				&.eltdf-item-show {
                    opacity: 1;
                    -webkit-transform: scale(1);
                    -moz-transform: scale(1);
                    transform: scale(1);

                    &.eltdf-item-shown {
                        @include eltdfTransition(none);
                    }
				}

				.touchevents & {
					opacity: 1;
				}
			}
		}
	}
}
/* ==========================================================================
   Portfolio Item Layout - Gallery Overlay style - end
   ========================================================================== */