/*TESTIMONIAL CAROUSEL STYLES
**********************************************
used by pages with with testimonial carousels: 
- page-home 
- tax-categories
- tax-website_tag
**********************************************/
section.testimonials {
	background-color: #f0f7f8;
	background-image: url('/wp-content/themes/hwd5/assets/img/speech-bubble-red-66pc-300w.png'); 
	background-position: 5vw 5vw;
	background-repeat: no-repeat;
	background-size: 20vw;
	background-attachment: local;
}

@media (max-width:768px){
	section.testimonials {
		background-size: 30vw;
	}
	.slick-slide .col-sm-10{ 
		padding: 0 30px
	}
	#testimonials p {
		padding:10px
	}
}

section.testimonials{ 
	padding: calc(5vh + 5vw) 1% 1vh;
}
@media only screen and (max-width: 960px){
	section.testimonials .container {
		padding: 0vh 7% 0vh;
	}
}
section.testimonials .center.slider, 			/* this could be made redundant */
section.testimonials .centerslide.slider {		/* need this one or mess up lower center button */
	padding: 40px 0 10px;
	text-align: left;
}
section.testimonials .testimonial{ 
	font-size: 1.3rem; 
	line-height: 1.8rem;
	width: 70%;
	margin: 0 auto;
}
section.testimonials .testimonial .author{
	font-family: 'Slate Std Light Italic';
	font-size: 1.2rem; 
	margin: 40px auto 0;
}


@media only screen and (max-width: 768px){
	section.testimonials h2{
		padding-top: 60px; 
		padding-bottom: 0px;
	}
	section.testimonials .slick-prev, section.testimonials .slick-next{
		top: 40% !important;
	}
	section.testimonials .testimonial{
		font-size: 1.3rem; 
		line-height: 1.8rem;
	}
	section.testimonials .testimonial .author{
		font-size: 1.2rem;
	}
}
@media only screen and (max-width: 414px){
	section.testimonials h2{
		font-size: 1.8em;
	}
}

@media only screen and (max-width: 320px){
	section.testimonials .testimonial{
		font-size: 1.1rem;
		line-height: 1.2em;
	}
}

#testimonials p{
	color: #777;
	font-style: italic
}
.testimonials .container{
	width: 100%
}
@media (min-width: 768px){
.testimonials .container {
    width: 42rem;
}
}
@media (min-width: 1200px){
.testimonials .container {
    width: 52rem;
}
}
.testimonials h2{
	font-size: 2em;
    color: black;
    max-width: 900px;
    font-weight: 200;
    line-height: calc(1em + 0.5rem);
    text-align: center;
}

.author.right	{
	text-align: right;
    float: right;
    padding-top: 15px;
    font-style: italic;
}