/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.block-testimonial {
	padding: 10px;
	background: transparent;
	margin-bottom: 1em;
	border-radius: 10px;
	min-height: 160px; 
	margin-bottom: 1em; 
	margin-top:3em;

}

.single-testimonial-item {
    padding: 70px 40px 30px 40px;
    border-radius: 10px;
    position: relative;
}

.testimonial-text {
  font-size: 1.5em;
  line-height: 1.5;
  font-style: normal; 
 }

.testimonial-author-container {

 }

.testimonial-author-link,
.testimonial-author-name {
  padding-left: 12px;
  margin-bottom: 5px;
  font-style: normal; }
  
 h4.testimonial-author {
	margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    font-size: 2em;
    margin-top: 0px;
 }
 
span.testimonial-author {
  font-style: normal; 
 }

.fa.fa-quote-left {
  padding-right: 12px;
  font-size: 1.25em; 
 }

.fa.fa-quote-right {
  padding-left: 12px;
  font-size: 1.25em; 
 }

.testimonial-img {
    height: 90px;
    width: 90px;
    border: 2px solid #fff;
    overflow: hidden;
    bottom: calc(100% - 46px);
    left: 40px;
    -webkit-box-shadow: 0px 10px 40px rgba(2, 31, 123, 0.1);
    box-shadow: 0px 10px 40px rgba(2, 31, 123, 0.1);
    position: absolute;
}


  
.colour img {
	height: 100%;
	margin: 0px;
	width: auto; 
  } 

.rounded-circle {
  border-radius: 50%!important; 
 }
 
.grey img {
	-webkit-filter: grayscale(1);
	filter: grayscale(1); 
	height: 100%;
	margin: 0px;
	width: auto; 
}

.sepia img {
	-webkit-filter: sepia(1);
	filter: sepia(1); 
	height: 100%;
	margin: 0px;
	width: auto; 
} 

.blur img {
	-webkit-filter: blur(3px);
	filter: blur(3px); 
	height: 100%;
	margin: 0px;
	width: auto; 
}