/*
 * Testimonials
 * Styling for the front end display of the testimonials
 */

/*clearfix*/
.cf:before,
.cf:after {
    content: " ";
    display: table; 
}
.cf:after {
    clear: both;
}

/*box sizing for all*/
.testimonials-list,
.testimonials-list *,
.testimonials-list *:before,
.testimonials-list *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.testimonials-list{
	width: 100%;
	position: relative;
}

.testimonials-list .testimonial{
	width: 100%;
	float: left;
	padding: 15px 60px;
	position: relative;
	color: inherit;
	margin-bottom: 20px;
}
.testimonials-list .testimonial.no-pad{
	padding: 0px;
}


/*one column layout*/
.testimonials-list.one-column .testimonial{
	width: 100%;
	margin: 0% 0% 2.5% 0%;
}

/*two column layout*/
.testimonials-list.two-column .testimonial{
	width: 47%;
	margin: 0% 1.5% 3% 1.5%;
}
.testimonials-list.two-column .testimonial:nth-of-type(2n-1){
	width: 48.5%;
	margin: 0% 1.5% 3% 0%;
	clear: left;
}
.testimonials-list.two-column .testimonial:nth-of-type(2n-0){
	width: 48.5%;
	margin: 0% 0% 3% 1.5%;
	clear: right;
}

/*three column layout*/
.testimonials-list.three-column .testimonial{
	width: 31%;
	margin: 0% 1.165% 2.33% 1.65%;
	padding: 15px;
}
.testimonials-list.three-column .testimonial:nth-of-type(3n-2){
	width: 31.5%;
	margin: 0% 0.915% 1.83% 0%;
	clear: left;
}
.testimonials-list.three-column .testimonial:nth-of-type(3n-1){
	width: 31.5%;
	margin: 0% 0.915% 1.83% 0.915%;
}
.testimonials-list.three-column .testimonial:nth-of-type(3n-0){
	width: 31.5%;
	margin: 0% 0% 1.83% 0.915%;
	clear: right;
}


.testimonial .description{
	font-style: italic;
	font-weight: 400;
	position: relative;
	z-index: 2;
}
.testimonial .icon{
	color: #555;
}
.testimonial .description .fa-quote-left{
	margin-right: 10px;
	padding-right: 5px;
	font-style: italic;
}
.testimonial .description .fa-quote-right{
	margin-left: 10px;
	padding-right: 5px;
	font-style: italic;
}


.testimonial .author{
	position: relative;
	z-index: 2;
	float: left;
}
.testimonial .author .icon{
	margin-right: 5px;
}
.testimonial .date{
	position: relative;
	z-index: 2;
	float: left;
	margin-left: 15px;
}
.testimonial .date .icon{
	margin-right: 5px;
}

.testimonial .button{
	float: right;
}

.testimonial .background{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
}
.testimonial .overlay{
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	
}