/* Change default indent to Cherry Service List Grid System */
.cherry-services.services-wrap {
	.cherry-services-row {
		margin-left:  ($grid-gutter-width / -2);
		margin-right: ($grid-gutter-width / -2);
	}
	&.services-collapse-rows {
		.cherry-services-row {
			margin-left:  0;
			margin-right: 0;
		}
	}
}

/* Services item */
.cherry-services {
	.services-item {
		padding-bottom: 70px;
		* + .title_wrap {
			margin-top: 30px;
		}
		* + .content_wrap {
			margin-top: 16px;
		}

		* + .btn {
			margin-top: 25px;
		}
	}

	.service-icon {
		text-align: center;
		@media (min-width: 545px) {
			text-align: left;
		}
		i {
			@include font-size(2.75);
		}
	}

	&.template-media-icon-float {
		.services-item {
			display: flex;
			flex-wrap: wrap;
			text-align: left;
			.icon-block {
				flex-shrink: 0;
				flex-grow: 0;
				.icon_wrap {
					padding-right: 30px;
				}
			}
			.content-block {
				flex: 1 1 200px;
			}
			.service-icon {
				margin-bottom: 30px;
				i {
					@include font-size(2);
				}
			}

		}
	}
}

.services-single-item {

	> *:not(:first-child) {
		margin-top: 20px;
	}

	.service-features_row + .service-features_row {
		margin-top: 20px;
	}

	.cta_wrap .service-cta {
		&.cta-type-button {
			padding: 20px;
		}
	}

	.cta-form_success {
		padding: 5px 15px;
		border: none;
		font-style: italic;
		color: $color__dark;
		margin-bottom: 1.5em;
		@include font-size(1);
		background: rgba($color__valid, .25);
		@include border-radius;
	}

	.testi_wrap .tm-testi--default,
	.testi_wrap .tm-testi--default-without-icon {
		.tm-testi__item {
			margin-top: 0;
			margin-bottom: 40px;
			
			&.col-md-6,
			&.col-md-4,
			&.col-md-3 {
				blockquote {
					text-align: left;
				}
			}
		}
	}
	.testi_wrap .tm-testi--speech-bubble {
		.tm-testi__item {
			blockquote {
				text-align: left;
			}
		}
	}
}

#tm_builder_outer_content .cherry-services {
	&.template-media-icon-float {
		.services-item {
			display: flex;

			&:after {
				content: none;
			}
		}
	}
}

/* Filters and loaders */
.cherry-services {
	position: relative;
	.services-listing {
		transition: all 300ms linear;
		opacity: 1;
	}
	&.in-progress {
		.services-listing {
			opacity: 0;
		}
	}

	.services-loader {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%);

		.cherry-spinner {
			width: 90px;
			height: 90px;
			left: 50%;
			top: 50%;
			margin-left: -45px;
			margin-top: -45px;
			display: block;
			position: relative;
		}
		&.loader-small {
			bottom: 0;
			top: auto;
			.cherry-spinner {
				width: 40px;
				height: 40px;
				margin-left: -20px;
				margin-top: -20px;
			}
		}
	}
}

#tm_builder_outer_content .services-container .cherry-services-filter {
	text-align: center;
}
.services-container {
	.cherry-services-filter {
		text-align: center;
		border-bottom: 1px solid $color__background-hr;
		padding: 0 0 20px;
		margin-bottom: 50px;

		&_item {
			margin: 0;
		}

		&_link {
			@include font-size(1);
			text-transform: uppercase;
			border: none;
			font-weight: 400;
			letter-spacing: .72px;
			padding: 0 17px;
		}
	}

	.services-ajax-pager {
		.archive & {
			margin: 0;
			padding: 70px 0 5px;
			border-top: 1px solid $color__background-hr;
		}
	}

	.nav-links {
		text-align: center;

		.page-numbers.current {
			pointer-events: none;
		}
	}
}

/* Single tmpl */
.cherry-services {

	&.template-single {
		text-align: center;

		hr {
			margin-left: auto;
			margin-right: auto;
		}

		.features_wrap {
			margin-top: 35px;
		}

		.service-features_title {
			margin-bottom: 17px;
		}

		.service-features_row + .service-features_row {
			margin-top: 1px;
		}

		.cta_wrap {
			margin-top: 80px;
			@include media-breakpoint-up(xl) {
				margin-top: 105px;
			}
		}

		.service-header {
			position: relative;
			overflow: hidden;
			padding: 60px 0;
			background: $color__dark;
			margin-bottom: 80px;
			@include media-breakpoint-up(md) {
				padding: 120px 0;
				margin-bottom: 120px;
			}
			@include media-breakpoint-up(xl) {
				padding: 220px 0 230px;
				margin-bottom: 150px;
			}

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


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

				img {
					object-fit: cover;
					object-position: center;
					opacity: .5;
					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;
			}
		}
	}
}