/* Testimonials */
.testimonial .icon {
	&:before {
		display: block;
		font-family: 'molla';
		content: '\f10d';
		font-style: normal;
		font-weight: normal;
		font-size: 2.6rem;
		line-height: 1;
		color: $primary-color;
	}
}

.testimonial {
	width: 100%;
	margin-bottom: 0;
	padding: 0;
	font-size: 1.6rem;

	img, 
	.owl-carousel & img {
		width: 70px;
		height: 70px;
		border-radius: 50%;
	}

	cite {
		display: inline-block;
		font-style: normal;
		color: #333333;

		span {
			display: block;
		}
	}

	.name {
		font-weight: 500;
		letter-spacing: -.01em;
	}

	.job {
		font-weight: 300;
	}

	.avatar,
	cite,
	.comment {
		margin-bottom: 1.5rem;
	}

	.avatar {
		display: inline-block;
	}

	.content {
		flex: 1;
	}

	.comment {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;

	}

	&.aside,
	&.aside_info .commenter {
		display: inline-flex;
	}

	&.aside,
	&.aside_info {
		.avatar {
			margin-#{$right}: 1.5rem;
		}
	}

	&.top_info cite {
		display: block;
	}

	.comment-title {
		margin: 0 0 1rem;
		font-size: inherit;
	}
}

.star-rating {
	position: relative;
	margin-bottom: 5px;

	span {
		position: absolute;
		left: 0;
		top: 0;
	}
}

.star-rating.fa-icon {
	&:before,
	span:before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: '\f005' '\f005' '\f005' '\f005' '\f005';
	}

	&.outline:before {
		content: '\f006' '\f006' '\f006' '\f006' '\f006';
	}
}

.star-rating.outline:before {
	content: '\f31b' '\f31b' '\f31b' '\f31b' '\f31b';
}

.owl-testimonials {
	&.owl-theme .owl-nav {
		[class*='owl-'] {
			top: 65px;
		}
	}
}

.owl-testimonials-photo {
	&.owl-theme .owl-nav {
		[class*='owl-'] {
			top: 110px;
		}
	}
}