/**
 * $JA#COPYRIGHT$
 */

// -----------------
// TESTIMONIAL STYLE
// -----------------
.acm-testimonials {

	// TESTIMONIALS STYLE 4
	// --------------------
	&.style-4 {

		// Testimonials content
		.testimonial-text {
			padding: 0;
			position: relative;
			text-align: center;

			@media (min-width: @screen-md) {
				margin: 0 auto;
				padding: 150px 0 0;
			}

			.quote-item {
				position: absolute;
				top: 0;
				width: 100%;
				.opacity(0);
				.transition(all 0.5s);

				&.active {
					.opacity(1);
				}

				p {
					min-height: 90px;
					margin: 0;
				}

				span {
					color: @gray-light;
					display: block;
					font-size: @font-size-small;
					font-weight: @font-weight-thin;
					margin: (@t3-global-margin / 2) 0 0;
					text-align: center;
					text-transform: uppercase;
				}

				// Control screen mobile
				@media screen and (max-width: @screen-xs-max) {
					position: relative;
					
					p,span {
						display: none;
					}

					&.active {
						p,span {
							display: block;
						}
					}
				}
			}
		}

		// Testimonials avatar
		.author-avatars {
			text-align: center;

			// Control screen mobile
			@media screen and (max-width: @screen-xs-max) {
				margin-top: @t3-global-margin / 2;
			}

			.author-img {
				display: inline-block;
				height: 64px;
				margin: 0 2px;
				position: relative;
				overflow: hidden;
				width: 64px;

				@media screen and (max-width: @screen-xs-max) {
					width: 50px;
					height: 50px;
				}

				&:hover, &.active {
					.mask {
						background: @brand-primary;
						border-radius: 3px;
						display: block;
						height: 100%;
						left: 0;
						position: absolute;
						top: 0;
						width: 100%;
						z-index: 10;
						.opacity(0.5);

						&:before {
							color: @white;
							content: "\f10d";
							display: inline-block;
							font-family: FontAwesome;
							font-size: @font-size-large * 2;
						}
					}
				}

				img {
					border-radius: 3px;
					width: 100%;
					z-index: 5;
				}
			}
		}
	}	
}