/* Testimonials Module (elpug-testimonials) */

//Mixins and Variables
.absolute-centered {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.anima (@anima) {
  -webkit-transition: all @anima ease-in-out;
    -moz-transition: all @anima ease-in-out;
    transition: all @anima ease-in-out;
}

.background-cover, .bg-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.translateY(@translateY) {
  transform: translateY(@translateY);
    -webkit-transform: translateY(@translateY);
    -moz-transform: translateY(@translateY);
}

.translateX(@translateX) {
  transform: translateX(@translateX);
    -webkit-transform: translateX(@translateX);
    -moz-transform: translateX(@translateX);
}

.translate(@translateX, @translateY) {
  transform: translate(@translateX,@translateY);
  -webkit-transform: translate(@translateX,@translateY);
  -moz-transform: translate(@translateX,@translateY);
}

.rotate(@rotatedg) {
  -webkit-transform: rotate(@rotatedg);
  -moz-transform: rotate(@rotatedg);
  -o-transform: rotate(@rotatedg);
  transform: rotate(@rotatedg);
}


//CSS
.elpug-testimonial-item-wrapper {
	text-align: center;	
	padding: 30px;	
	.elpug-testimonial-item {
		max-width: 800px;
		display: inline-block;
	}
}

.elpug-testimonial-image {
	max-width: 200px;
	display: inline-block;
	margin-bottom: 10px;
	.bg-cover;
	background-position: center center;
	img {
		max-width: 100%;
	}
	&.elpug-img-style2 {
		border-radius: 50%;
		border: 6px solid #f4f4f4;
		width: 120px;
		height: 120px;
		img {
			display: none;
		}		
	}
	&.elpug-img-style3 {
		border: 6px solid #f4f4f4;
		width: 120px;
		height: 120px;
		img {
			display: none;
		}		
	}
}

.elpug-testimonial-content {
	font-size: 16px;
	margin-bottom: 30px;
	line-height: 1.5;
	&:before, &:after {
		content: '"';
	}
}

.elpug-testimonial-name {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 4px;
	line-height: 1;
}

.elpug-testimonial-subtitle {
	font-style: italic;
	font-size: 13px;
}

.elpug-testimonial-style2 {
	padding: 35px;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 20px;
	border: 1px solid #f4f4f4;
	-webkit-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
	-moz-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);
	box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.2);	
}

.elpug-testimonials-carousel-wrapper {
	.elpug-testimonial-item {
		cursor: -webkit-grab; 
    	cursor: -moz-grab;
		text-align: center;
	}	 
	.elpug-testimonial-style2 {
		max-width: 90%;
		display: inline-block;
	}
}

//style 3
.elpug-testimonial-style3 {
	.elpug-testimonial-content {
		background: #f8f8f8;
		border: 1px solid #eee;
		border-radius: 12px;
		font-size: 15px;
		padding: 20px;
		position: relative;
		-webkit-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.1);
		-moz-box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.1);
		box-shadow: -2px 3px 25px -5px rgba(0,0,0,0.1);
		color: #222;
		&:before {
			content: '';
		}
		&:after {
			content: '';
			background: #f8f8f8;
			display: block;
		    position: absolute;
		    left: 50%;
		    margin-left: -10px;
		    width: 20px;
		    height: 20px;
		    border: 0;
		    bottom: -10px;		    
		    z-index: 0;
		    .rotate(45deg);
		    border-right: 1px solid #eee;
		    border-bottom: 1px solid #eee;
		}
	}
}