/* ==========================================================================
   Video Button shortcode start styles
   ========================================================================== */

.eltdf-video-button-holder {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	
	&.eltdf-vb-has-img {
		
		.eltdf-video-button-play,
		.eltdf-video-button-play-image {
			@include eltdfAbsoluteHolderLayout();
			z-index: 1;
			
			.eltdf-video-button-play-inner {
				position: relative;
				top: 50%;
				left: 0;
				display: block;
				text-align: center;
				@include eltdfTransform(translateY(-50%));

                img {
                    backface-visibility: hidden;
                    @include eltdfTransition(.3s);

                    &:hover {
                        @include eltdfTransform(scale(.9));
                    }
                }
			}
		}
	}
	
	.eltdf-video-button-image {
		@include eltdfRelativeHolderLayout();
		box-shadow: 0px 2px 20px 0px rgba(234, 241, 244, 1);
		
		img {
			display: block;
		}
	}
	
	.eltdf-video-button-play,
	.eltdf-video-button-play-image {
		position: relative;
		display: inline-block;
		vertical-align: top;
		z-index: 1;
	}
	
	.eltdf-video-button-play {
		color: $default-heading-color;
		font-size: 106px;
		line-height: 1;
		
		span {
			display: block;
			line-height: inherit;
			
			&:before {
				display: block;
				line-height: inherit;
			}
		}
	}
	
	.eltdf-video-button-play-image {
		
		&.eltdf-vb-has-hover-image {
			
			&:hover {
				
				img {
					
					&:first-child {
						opacity: 0;
					}
					
					&:nth-child(2) {
						opacity: 1;
					}
				}
			}
		}
		
		img {
			display: block;
			margin: 0 auto;
			@include eltdfTransition(opacity .3s ease-in-out);
			
			&:first-child {
				position: relative;
				opacity: 1;
			}
			
			&:nth-child(2) {
				position: absolute;
				top: 0;
				left: 50%;
				opacity: 0;
				@include eltdfTransform(translateX(-50%) translateZ(0));
				
				.rev_slider_wrapper & {
					@include eltdfTransform(translateZ(0));
				}
			}
		}
	}
}
/* ==========================================================================
   Video Button shortcode end styles
   ========================================================================== */