/*
 * Shortcode: services.scss
 * -----------------------------------------------
*/
.services-item {
	margin-bottom: 40px;
}
.owl-carousel .services-item {
	margin-bottom: 30px;
}

.tm-sc-services {
	&.border-radius-around-box {
		.tm-service {
			border-radius: 15px;
			overflow: hidden;
		}
	}
	&.services-style1-simple {
		.box-hover-effect {
			.effect-wrapper {
				border-radius: 5px;
			}
		}
	}
	&.services-style2-classic {
		.tm-service {
			background-color: #fff;
			@include box-shadow( 0px 0px 50px rgba(5, 5, 5, 0.08) );
			.details {
				padding: 18px 30px 30px 30px;
				.title {
					margin-top: 0;
				}
			}
		}
	}
	&.services-style3-modern {
		.tm-service {
			@include box-shadow( 0px 0px 50px rgba(5, 5, 5, 0.08) );
			.details {
				position: absolute;
				bottom: 40px;
				left: 0;
				padding: 0 30px 0 30px;
				opacity: 1;
				@include transition(all .4s ease-in-out);
				.title, .excerpt, .btn-plain-text, .btn-plain-text-with-arrow {
					color:  #fff;
				}
			}
			&:hover {
				.thumb {
					&:before {
						height: 0;
					}
				}
				.details {
					bottom: 50px;
				}
			}
		}
	}
	&.services-style4-round-thumb {
		.tm-service {
			background-color: #fff;
			@include box-shadow( 0px 0px 50px rgba(5, 5, 5, 0.08) );
			text-align: center;
			overflow: visible;
			padding-top: 30px;
			.thumb {
				position:relative;
				border-radius:100%;
				transform:translateY(0%);
				-webkit-transform:translateY(0%);
				z-index:1;
				.thumb-inner {
					width:78%;
					margin:0 auto;
					position:relative;
					max-width:220px;
					&:before {
						content:" ";
						position:absolute;
						border:10px solid rgba(255,255,255,0.5);
						top:0;
						left:0;
						width:100%;
						height:100%;
						border-radius:100%;
						z-index:1;
						transition:0.5s all;
						-webkit-transition:0.5s all;
					}
					img {
						border-radius:100%;
					}

				}
			}
			.details {
				padding: 18px 30px 30px 30px;
				.title {
				}
			}
			&:hover {
				.thumb {
					.thumb-inner {
						&:before {
							border-color: rgba(248,157,53,0.7);
						}
					}
				}
			}
		}
	}
	&.services-style5-hanging-thumb {
		.tm-service {
			background-color: #fff;
			@include box-shadow( 0px 0px 50px rgba(5, 5, 5, 0.08) );
			text-align: center;
			overflow: visible;
			margin-top: 100px;
			padding-top: 30px;
			.thumb {
				position:relative;
				border-radius:100%;
				margin-top: -100px;
				transform:translateY(0%);
				-webkit-transform:translateY(0%);
				z-index:1;
				.thumb-inner {
					width:78%;
					margin:0 auto;
					position:relative;
					max-width:220px;
					&:before {
						content:" ";
						position:absolute;
						border:10px solid rgba(255,255,255,0.5);
						top:0;
						left:0;
						width:100%;
						height:100%;
						border-radius:100%;
						z-index:1;
						transition:0.5s all;
						-webkit-transition:0.5s all;
					}
					img {
						border-radius:100%;
					}

				}
			}
			.details {
				padding: 18px 30px 30px 30px;
				.title {
				}
			}
			&:hover {
				.thumb {
					.thumb-inner {
						&:before {
							border-color: rgba(248,157,53,0.7);
						}
					}
				}
			}
		}
	}
}