//Post content
@post-content-overlap: 20px;
/*-----------------*/
/***** Overlay (background) - scale effect *****/
/*-----------------*/
.post-head-wrapper,
.post-entry-wrapper {
	.gradient-overlay-layout-list & {
		position: absolute;
		top: 50%;
		left: 20px;
		right: 20px;
		-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
		transition: opacity 0.4s, transform 0.4s;
		-webkit-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0);
		-webkit-transform-origin: 50%;
		transform-origin: 50%;
	}
}
.gradient-overlay-layout-list .post-entry-content {
	-webkit-backface-visibility: hidden;
	transform: translatez(0);
}


.gradient-overlay-layout-list .post-entry-wrapper {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-50%,0) scale3d(0.8,0.8,1);
	transform: translate3d(0,-50%,0) scale3d(0.8,0.8,1);
}

.mobile-false .gradient-overlay-layout-list:not(.disable-layout-hover) article:hover .post-head-wrapper,
.mobile-true .gradient-overlay-layout-list:not(.disable-layout-hover) article.is-clicked .post-head-wrapper {
	opacity: 0;
	-webkit-transform: translate3d(0,-50%,0) scale3d(0.8,0.8,1);
	transform: translate3d(0,-50%,0) scale3d(0.8,0.8,1);
}

.mobile-false .gradient-overlay-layout-list:not(.disable-layout-hover) article:hover .post-entry-wrapper,
.mobile-true .gradient-overlay-layout-list:not(.disable-layout-hover) article.is-clicked .post-entry-wrapper {

	-webkit-transform: translate3d(0,-50%,0) scale3d(1,1,1);
	transform: translate3d(0,-50%,0) scale3d(1,1,1);
	opacity: 1;
	transition-delay: 0.1s;
}
.post-entry-content {
	#page .@{unique-shortcode-class-name}.gradient-overlay-layout-list & {
		background: @post-content-bg;
	}
	.@{unique-shortcode-class-name}.gradient-overlay-layout-list:not(.portfolio-shortcode):not(.albums-shortcode) & {
		top: @post-content-overlap;
		right: @post-content-overlap;
		bottom: @post-content-overlap;
		left: @post-content-overlap;

	}
}
.post-head-wrapper,
.post-entry-wrapper {
	.@{unique-shortcode-class-name}.gradient-overlay-layout-list & {
		right: @post-content-padding-right;
		left: @post-content-padding-left;
	}
}