$small-gap-width: 5px;
$gap-width: 12px;

/* #Portfolio Specific Style - start
   ========================================================================== */

.edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-thick,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry {

	.edgtf-portfolio-list-holder{
		opacity: 0;
		@include edgtfTransition(opacity 0.15s ease-out);

		&.edgtf-appeared{
			opacity: 1;
		}
	}
}
/* #Portfolio Specific Style - end
   ========================================================================== */

/* ==========================================================================
   Portfolio shortcode styles - begin
   ========================================================================== */

.edgtf-portfolio-list-holder-outer {
	&.edgtf-ptf-two-columns{
		article {
			width: 50%;
		}
	}
	&.edgtf-ptf-three-columns{
		article {
			width: 33.33%;
		}
	}
	&.edgtf-ptf-four-columns{
		article {
			width: 25%;
		}
	}
	&.edgtf-ptf-five-columns{
		article {
			width: 20%;
		}
	}
	&.edgtf-ptf-six-columns{
		article {
			width: 16.66%;
		}
	}
}

.edgtf-portfolio-list-holder{
	height: 100%;
	font-size: 0;

	article{
		position:relative;
		margin: 0;
		vertical-align: top;
		@include edgtfBoxSizing(border-box);

		.edgtf-item-image-holder{
			position: relative;

			a{
				display: block;
			}

			img,
			a img{
				vertical-align: top;
				height: auto;
				max-width: 100%;
			}
		}

		.edgtf-ptf-category-holder{
			color: $first-main-color;
			font-size: 17px;
			line-height: 20px;
		}

		.edgtf-ptf-read-more,
		.edgtf-portfolio-lightbox{
			position: relative;
			color: #fff;
			font-size: 20px;
			z-index: 10;
		}
	}

	article.mix{
		display: none;
		visibility: hidden;
	}
}

.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest{

	article{

		.edgtf-item-text-holder{
			padding-bottom: 19px;
		}

		.edgtf-item-text-holder .edgtf-item-title{
			padding: 15px 0 0;
		}

		.edgtf-portfolio-lightbox{
			font-size: 30px;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(48,48,48,0.85);
			opacity: 0;
			@include edgtfTransition(opacity .2s ease-out);

			span{
				display: inline-block;
				position: absolute;
				top: 50%;
				left: 50%;
				@include edgtfTransform(translate(-50%,-50%));
			}
		}

		&:hover{
			.edgtf-portfolio-lightbox{
				opacity: 1;
			}
		}
	}
}

.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard{
	&.edgtf-ptf-no-space{
		article{
			margin-bottom: 24px;
		}
	}
}

.edgtf-ptf-standard{
	.edgtf-portfolio-list-holder {
		text-align: justify;
		font-size: 0px;
		display: inline-block;
		width: 100%;
	}

	&.edgtf-ptf-one-column {
		.mix,
		.edgtf-portfolio-gap {
			width: 100%;
		}
	}

	&.edgtf-ptf-two-columns {
		.mix,
		.edgtf-portfolio-gap {
			width: 50%;
		}
	}

	&.edgtf-ptf-three-columns {
		.mix,
		.edgtf-portfolio-gap {
			width: 33.33%;
		}
	}

	&.edgtf-ptf-four-columns {
		.mix,
		.edgtf-portfolio-gap {
			width: 25%;
		}
	}

	&.edgtf-ptf-five-columns {
		.mix,
		.edgtf-portfolio-gap {
			width: 20%;
		}
	}

	&.edgtf-ptf-six-columns {
		.mix,
		.edgtf-portfolio-gap {
			width: 16.66%;
		}
	}

	.edgtf-portfolio-gap {
		height: 0;
		display: inline-block;
	}

	article.mix {
		float: none;
	}

	.edgtf-portfolio-filter-holder{
		margin: $gap-width 0 30px;
	}
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-thick,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry{
	article{
		.edgtf-portfolio-item-inner{
			position: relative;
			height: 100%;
			overflow: hidden;
		}

		.edgtf-item-image-holder{
			overflow: hidden;
		}

		.edgtf-item-image-holder-inner{
			@include edgtfTransition(all 0.3s ease-in-out);
		}

		.edgtf-portfolio-link{
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 2;
		}

		.edgtf-item-text-overlay{
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			opacity: 0;
			background-color: rgba(29,29,29,0.8);
			@include edgtfTransition(opacity 0.4s);
		}
		.edgtf-item-text-overlay-inner{
			@include  edgtfTableLayout;
		}

		.edgtf-item-text-holder{
			@include edgtfTableCellLayout;
		}

		&:hover{
			.edgtf-item-text-overlay{
				opacity: 1;
			}
		}
		.edgtf-item-icons-holder{
			margin: 10px 0;
		}
	}
}
.edgtf-portfolio-list-holder-outer{
	&.edgtf-ptf-pinterest-three-columns{

		.edgtf-portfolio-list-masonry-grid-sizer{
			width: 33.33%;
		}
		.edgtf-portfolio-list-masonry-grid-gutter{
			width: 0;
		}
		article{
			width: 33.33%;
		}
	}

	&.edgtf-ptf-pinterest-four-columns{

		.edgtf-portfolio-list-masonry-grid-sizer,
		article{
			width: 25%;
		}
		.edgtf-portfolio-list-masonry-grid-gutter{
			width: 0;
		}
	}

	&.edgtf-ptf-pinterest-five-columns{

		.edgtf-portfolio-list-masonry-grid-sizer,
		article{
			width: 20%;
		}
		.edgtf-portfolio-list-masonry-grid-gutter{
			width: 0;
		}

	}

	&.edgtf-ptf-small-space{
		margin: -$small-gap-width;

		.edgtf-portfolio-filter-holder {
			padding: 0 $small-gap-width;
		}

		article{
			padding: $small-gap-width;
			@include edgtfBoxSizing(border-box);
		}
	}

	&.edgtf-ptf-medium-space{
		margin: -$gap-width;

        .edgtf-portfolio-filter-holder {
            padding: 0 $gap-width;
        }

		article{
			padding: $gap-width;
			@include edgtfBoxSizing(border-box);
		}
	}
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry{

	article .edgtf-item-image-holder{
		height: 100%;
	}

	article .edgtf-item-image-holder img{
		width: 100%;
	}

	&.edgtf-ptf-masonry-three-columns{

		.edgtf-portfolio-list-masonry-grid-sizer,
		article.edgtf-default-masonry-item,
		article.edgtf-large-height-masonry-item{
			width: 33.33%;
		}
		.edgtf-large-width-masonry-item,
		.edgtf-large-width-height-masonry-item{
			width: 66.66%;
		}
	}

	&.edgtf-ptf-masonry-four-columns{

		.edgtf-portfolio-list-masonry-grid-sizer,
		article.edgtf-default-masonry-item,
		article.edgtf-large-height-masonry-item{
			width: 25%;
		}
		.edgtf-large-width-masonry-item,
		.edgtf-large-width-height-masonry-item{
			width: 50%;
		}
	}

	&.edgtf-ptf-with-space{
		margin: -$gap-width;

		article{
			padding: $gap-width;
			@include edgtfBoxSizing(border-box);

			&.edgtf-large-height-masonry-item .edgtf-item-image-holder img {
				height: 100%;
				width: auto;
				max-width: initial;
			}
		}
	}
}

.edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-pinterest-thick {
    margin: 0 -12px -12px;
}


/*Hover types*/

.edgtf-portfolio-list-holder-outer.edgtf-ptf-hover-semi-transparent-overlay{

	article{

		.edgtf-item-text-holder{
			vertical-align: bottom;
			text-align: left;
			padding: 0 5% 8.5% 9%;
		}

		.edgtf-item-title{
			color: #fff;
		}

		.edgtf-ptf-category-holder{
			color: $gray-color;
			margin-top: 15px;
		}
	}
	
}

.edgtf-portfolio-list-holder-outer.edgtf-ptf-hover-dark-overlay{

	article{
		.edgtf-item-text-overlay{
			background-color: rgb(29,29,29);
		}

		.edgtf-item-text-holder{
			vertical-align: top;
			text-align: left;
			padding: 9% 5% 0 9%;
		}

		.edgtf-item-title{
			color: #fff;
		}

		.edgtf-ptf-category-holder{
			color: $gray-color;
			margin-top: 15px;
		}
	}
	
}


.edgtf-portfolio-list-holder-outer.edgtf-ptf-hover-light-overlay{

	article {
		.edgtf-item-text-overlay {
			background-color: rgb(255, 255, 255);
		}

		.edgtf-item-title-cat-holder {
			display: inline-block;
			max-width: 90%;
		}

		.edgtf-item-title {
			text-align: left;
		}

		.edgtf-ptf-category-holder {
			text-align: left;
			margin-top: 8px;
		}
	}
}

.edgtf-portfolio-list-holder-outer.edgtf-ptf-hover-strikethrough{

	article{
		.edgtf-item-text-overlay{
			background-color: rgba(255,255,255,0.95);
		}

		.edgtf-item-title-cat-holder{
			display: inline-block;
			max-width: 90%;
		}

		.edgtf-item-title{
			font-size: 150px;
			font-weight: 500;
			text-align: left;

			.edgtf-portfolio-title-link{
				line-height: 1em;
			}
		}

		.edgtf-ptf-category-holder{
			text-align: left;
			margin-top: 5px;
		}

		.edgtf-portfolio-title-link{
			position: relative;

			&:after{
				content: '';
				position: absolute;
				top: calc(54% - 0.05em);
				left: 0;
				height: 0.1em;
				width: 100%;
				background-color: currentColor;
				@include edgtfTransform(scaleX(0));
				-webkit-transform-origin: 100% 50%;
				transform-origin: 100% 50%;
				-webkit-transition: -webkit-transform .25s ease-in-out;
				transition: transform .25s ease-in-out;
				will-change: transform;
			}
		}

		&:hover{
			.edgtf-portfolio-title-link:after{
				@include edgtfTransform(scaleX(1));
				-webkit-transform-origin: 0% 50%;
				transform-origin: 0% 50%;
				-webkit-transition: -webkit-transform .25s ease-in-out .15s;
				transition: transform .25s ease-in-out .15s;
			}
		}
	}
	
}


.edgtf-portfolio-list-holder-outer.edgtf-ptf-hover-floating-title{

	article{
		.edgtf-item-text-overlay{
			display: none;
		}
	}
	
}

.edgtf-pl-follow-info-holder {
	position: fixed;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	opacity: 0;
	z-index: 9999;
	pointer-events: none;
	@include edgtfTransition(opacity 100ms cubic-bezier(0.39, 0.575, 0.565, 1));
	
	&.edgtf-is-active {
		opacity: 1;
	}
	
	.edgtf-pl-follow-info-inner {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		background-color: $first-main-color;
		padding: 12px 24px;
		margin: 20px 0 0;
	}
	
	.edgtf-pl-follow-info-category {
		color: $gray-color;
	}
	
	.edgtf-pl-follow-info-title {
		position: relative;
		color: #fff;
		white-space: nowrap;
		z-index: 8;
	}
}

.edgtf-portfolio-list-holder-outer.edgtf-ptf-hover-zoom-lightbox{

	article{

		.edgtf-item-image-holder-inner{
			@include edgtfTransform(rotate(0.01deg) scale(1.005)); //because of the white line appearing on chrome
			-moz-backface-visibility: hidden; //because of the blinking
		}

		.edgtf-portfolio-lightbox{
			font-size: 30px;
		}

		&:hover{
			.edgtf-item-image-holder-inner{
				@include edgtfTransform(scale(1.1));
			}
		}
	}
	
}

.edgtf-portfolio-list-holder-outer.edgtf-ptf-hover-sweep-left{

	article{
		overflow: hidden;

		.edgtf-item-text-holder-inner {
			text-align: left;
			position: relative;
			display: inline-block;
			width: auto;
			margin: auto;
			max-width: 70%;
		}

		.edgtf-ptf-category-holder{
			margin-bottom: 5px;
		}

		.edgtf-ptf-read-more{
			display: inline-block;
			vertical-align: top;
			margin-top: 6px;
		}

		.edgtf-item-title,
		.edgtf-ptf-category-holder,
		.edgtf-ptf-read-more{
			position: relative;
			@include edgtfTransform(translate3d(40%,0,0));
			opacity: 0;
			-webkit-transition: -webkit-transform .0s .2s, opacity .2s;
			transition: transform .0s .2s, opacity .2s;
		}

		&:hover{
			.edgtf-ptf-category-holder{
				@include edgtfTransform(translate3d(0,0,0));
				opacity: 1;
				-webkit-transition: -webkit-transform .25s ease, opacity .0s;
				transition: transform .25s ease, opacity .0s;
			}

			.edgtf-item-title{
				@include edgtfTransform(translate3d(0,0,0));
				opacity: 1;
				-webkit-transition: -webkit-transform .25s ease .05s, opacity .0s;
				transition: transform .25s ease .05s, opacity .0s;

			}

			.edgtf-ptf-read-more{
				@include edgtfTransform(translate3d(0,0,0));
				opacity: 1;
				-webkit-transition: -webkit-transform .25s ease .1s, opacity .0s;
				transition: transform .25s ease .1s, opacity .0s;

			}
		}
	}
	
}

.edgtf-portfolio-list-holder-outer.edgtf-ptf-hover-sweep-right{

	article{
		overflow: hidden;

		.edgtf-item-text-holder {
			vertical-align: top;
			padding: 30px;
			text-align: left;
		}

		.edgtf-ptf-read-more{
			display: inline-block;
			vertical-align: top;
			margin-top: 4px;
		}

		.edgtf-ptf-category-holder{
			margin-top: 3px;
		}

		.edgtf-item-title,
		.edgtf-ptf-category-holder,
		.edgtf-ptf-read-more{
			position: relative;
			@include edgtfTransform(translate3d(-40%,0,0));
			opacity: 0;
			-webkit-transition: -webkit-transform .0s .2s, opacity .2s;
			transition: -webkit-transform .0s .2s, opacity .2s;
		}

		&:hover{
			.edgtf-item-title,
			.edgtf-ptf-category-holder,
			.edgtf-ptf-read-more{
				@include edgtfTransform(translate3d(0,0,0));
				opacity: 1;
			}

			.edgtf-item-title {
				-webkit-transition: -webkit-transform .25s ease, opacity .0s;
				transition: transform .25s ease, opacity .0s;
			}

			.edgtf-ptf-read-more{
				-webkit-transition: -webkit-transform .25s ease .05s, opacity .0s;
				transition: transform .25s ease .05s, opacity .0s;
			}

			.edgtf-ptf-category-holder {
				-webkit-transition: -webkit-transform .25s ease .1s, opacity .0s;
				transition: transform .25s ease .1s, opacity .0s;
			}

		}
	}
	
}

.edgtf-portfolio-list-holder-outer.edgtf-ptf-hover-trim{

	article{

		.edgtf-item-text-overlay-inner{
			padding: 40px;
			@include edgtfBoxSizing(border-box);

			&:after{
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(255,255,255,0.9);
				z-index: 1;
				@include edgtfTransition(all .3s ease);
			}
		}

		.edgtf-portfolio-link{
			z-index: 3;
		}

		.edgtf-item-text-holder{
			z-index: 2;
		}

		.edgtf-ptf-read-more{
			display: inline-block;
			margin-top: 16px;
			margin-bottom: 11px;
		}

		.edgtf-item-title,
		.edgtf-ptf-category-holder,
		.edgtf-ptf-read-more{
			color: $first-main-color;
		}

		&:hover{

			.edgtf-item-text-overlay-inner:after{
				top: 15px;
				left: 15px;
				width: calc(100% - 30px);
				height: calc(100% - 30px);
			}
		}
	}
}

.edgtf-portfolio-list-holder-outer.edgtf-ptf-hover-zoom-out-simple,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-hover-zoom-out-info{

	article{

		.edgtf-item-image-holder-inner{
			backface-visibility: hidden; // backface-visibility property set because of strange image behavior(Blinking on hover)
			-webkit-backface-visibility: hidden;
			@include edgtfTransform(scale(1.1));
		}

		.edgtf-ptf-category-holder{
			margin-bottom: 14px;
		}

		.edgtf-ptf-read-more{
			display: inline-block;
			margin-bottom: 4px;
		}

		&:hover{
			.edgtf-item-image-holder-inner{
				@include edgtfTransform(scale(1));
			}
		}
	}
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-hover-box{

	article{

		.edgtf-item-image-holder-inner{
			backface-visibility: hidden; // backface-visibility property set because of strange image behavior(Blinking on hover)
			-webkit-backface-visibility: hidden;
			@include edgtfTransform(scale(1.1));
		}

		.edgtf-item-text-overlay{
			background-color: transparent;
		}

		.edgtf-item-text-overlay-inner{
			max-width: 300px;
			width: 80%;
			max-height: 300px;
			height: 80%;
			top: 50%;
			left: 50%;
			padding: 0 15px;
			background-color: rgba(48,48,48,0.85);
			@include edgtfTransform(translate(-50%,-50%));
			@include edgtfBoxSizing(border-box);
		}

		.edgtf-ptf-category-holder{
			margin-bottom: 5px;
		}

		.edgtf-ptf-read-more{
			display: inline-block;
			margin-top: 6px;
		}

		&:hover{
			.edgtf-item-image-holder-inner{
				@include edgtfTransform(scale(1));
			}
		}
	}
}

/* Portfolio Load More Buttons - begin */
.edgtf-portfolio-list-holder-outer{
	.edgtf-ptf-list-paging{
		text-align: center;
	}

	.edgtf-ptf-list-load-more a{
		margin: 64px 0 0 0;
	}

	&.edgtf-ptf-gallery.edgtf-ptf-with-space{
		
		.edgtf-ptf-list-load-more a{
			margin-top: 68px;
			margin-bottom: 106px;
		}
	}

	&.edgtf-ptf-standard .edgtf-ptf-list-load-more a{
		margin-top: 46px;
	}

	&.edgtf-ptf-with-space .edgtf-ptf-list-load-more a{
		margin-top: 94px;
	}


	&.edgtf-ptf-infinite-scroll{
		.edgtf-ptf-list-paging,
		.edgtf-ptf-with-space{
			margin-top: 0;
		}

		.edgtf-ptf-list-load-more a{
			display: none;
			border: none;
			visibility: hidden;
			margin: 15px 0;
		}

		.edgtf-appeared + .edgtf-ptf-list-paging .edgtf-ptf-list-load-more a{
			display: inline-block;
		}
	}
}

/* Portfolio Load More Buttons - end */

/* Portfolio Slider custom styles - begin */

.edgtf-portfolio-slider-holder{
	.edgtf-portfolio-list-holder.slick-slider{
		article{
			display: inline-block;
			vertical-align: middle;
			padding: 15px;

			img,
			.edgtf-item-image-holder{
				display: inline-block;
				vertical-align: middle;
			}
		}

		.edgtf-slick-prev{
			left: 15px;
		}

		.edgtf-slick-next{
			right: 15px;
		}
	}
}
/* Portfolio Slider custom styles - end */

/* =======================================================
	Portfolio Filter styles
	======================================================*/

.edgtf-portfolio-filter-holder{
	@include edgtfTableLayout;
	margin: 0 0 15px;
	
	.edgtf-portfolio-filter-holder-inner{
		@include edgtfTableCellLayout;

		ul{
			display: inline-block;
			list-style: none;
			vertical-align: middle;
			margin: 0 -17px;
		}
		ul li{
			cursor: pointer;
			display: inline-block;
			vertical-align: middle;
			margin: 0;
			text-align: center;

			span{
				position: relative;
				display: inline-block;
				vertical-align: middle;
				margin: 0 17px;
				color: $first-main-color;
				font-size: 21px;
				font-weight: 500;
				text-transform: none;
				@include edgtfTransition(color 0.15s ease-out);

				&:after{
					content: '';
					position: absolute;
					left: 0;
					bottom: 0;
					width: 16px;
					height: 2px;
					background-color: transparent;
					@include edgtfTransition(background-color .2s ease-out);
				}

				&:hover:after{
					background-color: $first-main-color;
				}
			}

			&.current span:after{
				background-color: $first-main-color;
			}
		}
	}

	&.edgtf-ptf-filter-alignment-left{
		.edgtf-portfolio-filter-holder-inner{
			text-align: left;
		}
	}

	&.edgtf-ptf-filter-alignment-center{
		.edgtf-portfolio-filter-holder-inner{
			text-align: center;
		}
	}

	&.edgtf-ptf-filter-alignment-right{
		.edgtf-portfolio-filter-holder-inner{
			text-align: right;
		}
	}
}

/* ==========================================================================
   Portfolio styles - end
   ========================================================================== */