/* Change default indent to Cherry Service List Grid System */
.cherry-services.services-wrap {
	.cherry-services-row {
		@extend .row;
	}
	&.services-collapse-rows {
		.cherry-services-row {
			margin-left:  0;
			margin-right: 0;
		}
	}
}

/* Services item */
.cherry-services {
	.services-item {
		padding-bottom: 50px;
		* + .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{
		.cherry-services-row{
			.col-md-12{
				flex: 0 0 100%;
				max-width: 100%;
			}
		}
	}

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

	.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(.75);
			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;
		}
	}
}
