/* Portfolio */
.portfolio-title {
	margin-bottom: -10px;
	a {
		display: inline-block;
	}
	[class*="fa-"], .icons {
		font-size: 1.7em;
	}
	.portfolio-nav {
		margin-top: 11px;
	}
	.portfolio-nav-all {
		margin-top: 9px;
	}
	.portfolio-nav {
		text-align: right;
	}
	.portfolio-nav a {
		width: 40%;
		@include if-rtl {
			float: right;
		    transform: rotate(180deg);
		    transform-origin: 50% 42%;
		}
	}
	.portfolio-nav-all .fa,
	.portfolio-nav-all .icons {
		font-size: 2em;
	}
	.fa-angle-right {
		text-align: $right;
	}
	.portfolio-nav-prev {
		text-align: left;
	}
}

/* Portfolio Info */
.portfolio-info {
	margin: 2px 0 10px;
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		li {
			display: inline-block;
			border-#{$right}: 1px solid #E6E6E6;
			color: #B1B1B1;
			padding-#{$right}: 8px;
			margin-#{$right}: 8px;
			font-size: 0.9em;
			&:last-child {
				border-#{$right}: 0;
				padding-#{$right}: 0;
				margin-#{$right}: 0;
			}
			a {
				text-decoration: none;
				color: #B1B1B1;
				&:hover {
					.fa-heart {
						color: #E53F51;
					}
				}
			}
			[class*="fa-"], .icons {
				margin-#{$right}: 4px;
			}
		}
	}
}

/* Portfolio List */
.portfolio-list {
	list-style: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	&:not(.row) {
		margin: 0;
	}
	.portfolio-item {
		position: relative;
		margin-bottom: 35px;

		&.portfolio-item-updated,
		&.portfolio-item-new {
			&:after {
				position: absolute;
				z-index: 1;
				top: 10px;
				right: 10px;
				background: var(--grey-500);
				content: "NEW";
				display: block;
				padding: 0px 8px;
				font-size: 9px;
				font-weight: 600;
				text-transform: uppercase;
				color: var(--light);
				border-radius: 2px;
				line-height: 22px;
			}
		}

		&.portfolio-item-updated {
			&:after {
				content: "UPDATED";
				background: #36C57A;
			}
		}
	}
}

/* Portfolio Details */
.portfolio-details {
	list-style: none;
	padding: 0;
	margin: side-values(45px 0 0 5px);
	font-size: 0.9em;
	> li {
		padding: 0;
		margin: 0 0 20px;
	}
	p {
		padding: 0;
		margin: 0;
	}
	blockquote {
		padding: 0 0 0 10px;
		margin: 15px 0 0;
		color: #999;
	}
	.list-icons {
		margin-#{$left}: 0;
		> li {
			padding-#{$left}: 18px;
			margin-#{$right}: 10px;
			[class*="fa-"], .icons {
				top: 7px;
			}
		}
	}
}

/* Portfolio Modal */
.portfolio-modal,
.portfolio-ajax-modal {
	.mfp-arrow {
		display: none;
	}
}

.portfolio-load-more-loader {
	display: none;
	position: relative;
	height: 49px;
}

.btn-portfolio-infinite-scroll {
	opacity: 0;
}

/* Portfolio Navigation */
.portfolio-next,
.portfolio-prev {
	&:hover {
		[class*="fa-"], .icons {
			animation: navItemArrow 600ms ease;
			animation-iteration-count: infinite;
		}
	}
}

// Responsive
@media (max-width: 991px) {

	.portfolio-nav, .portfolio-nav-all {
		display: none;
	}	

}

/* Portfolio - Skin */
.portfolio-list .portfolio-item.portfolio-item-new:after {
	background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%);
}
