.cherry-projects-terms-wrapper {
	.terms-grid-skin6-tmpl {
		text-align: center;

		hr {
			margin-bottom: 0;
		}
	}
}

.cherry-projects-wrapper {
	.projects-container:not(.list-layout){
		.project-content {
			text-align: center;
		}
	}

	.archive & {
		margin-bottom: 0;
	}

	ul.projects-filters-list li,
	#tm_builder_outer_content & ul.projects-filters-list li,
	ul.order-filters li,
	#tm_builder_outer_content & ul.order-filters li{
		@include font-size(1);
	}

	.projects-pagination {
		.page-navigation span,
		.page-link li {
			line-height: 44px;
			height: 44px;
			margin: 0 7px 5px 0;
			letter-spacing: 2.56px;

			@include font-size(1);
			@include border-radius;

			background: transparent;

			span {
				line-height: 44px;
			}
		}

		.page-link li {
			min-width: 44px;

			&:hover,
			&.active {
				box-shadow: none;
				/*rtl:ignore*/
				transform: translateX(2px) translateY(3px) translateZ(0);
			}
		}
		.page-navigation {
			margin-left: 15px;
			span {
				text-transform: uppercase;
			}
		}
	}

}

.project-terms-header {
	position: relative;
	background-color: $color__dark;
	padding: 60px 0;
	overflow: hidden;
	text-align: center;
	margin-bottom: 60px;
	@include media-breakpoint-up(md) {
		padding: 120px 0;
	}
	@include media-breakpoint-up(lg) {
		padding: 170px 0 200px;
	}

	.position-fullwidth & {
		width: 100vw;
		max-width: 100vw;
		left: 50%;
		transform: translateX(-50%);
	}

	&__thumbnail {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;

		> img {
			object-fit: cover;
			object-position: center;
			opacity: .4;
			width: 100%;
			height: 100%;

			.ie & {
				// Fallback to ie ( polyfill: object-fit-images - ofi.js )
				font-family: 'object-fit: cover; object-position: center';
			}
		}
	}

	&__content {
		position: relative;
		z-index: 2;
	}
	&__title {
		position: relative;
		padding-bottom: 50px;
		margin-bottom: 40px;

		&:before,
		&:after {
			content: '';
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			width: 40px;
			bottom: 0;
			height: 1px;
			background-color: $color__white;
		}
		&:before {
			height: 3px;
			bottom: 4px;
		}
	}
}
/*rtl:begin:ignore*/
.cherry-projects-slider {
	&__instance {
		.sp-arrow {
			width: 44px;
			height: 44px;
			transition: .3s;
			&:before {
				line-height: 44px;
			}
			&.sp-previous-arrow {
				@include border-right-radius($border__radius);
			}
			&.sp-next-arrow {
				@include border-left-radius($border__radius);
			}
		}
		.sp-horizontal {
			.sp-arrows {
				margin-top: -22px;
			}
			.sp-previous-arrow {
				&:hover {
					transform: translateX(2px) translateY(3px) translateZ(0);
					box-shadow: none;
				}
			}
			.sp-next-arrow {
				&:hover {
					transform: translateX(-2px) translateY(3px) translateZ(0);
					box-shadow: none;
				}
			}
		}
		.sp-vertical {
			.sp-previous-arrow {
				@include border-radius();
			}
			.sp-next-arrow {
				@include border-radius();
			}
		}
	}
}
/*rtl:end:ignore*/