﻿section.testimonials {
	padding: 20px 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

section.testimonials .quote-mark {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	gap: 20px;
}

section.testimonials .quote-mark hr {
	width: 33%;
	max-width: 150px;
	border-color: var(--hl-dark-green);
	margin-top: 10px;
	margin-bottom: 0;
}

section.testimonials .quote-mark span {
	font-family: Roobert, sans-serif;
	font-size: 76px;
	color: var(--hl-dark-green);
	line-height: 0.7;
}

section.testimonials .testimonial p,
section.testimonials .author p {
	color: var(--hl-dark-green);
}

section.testimonials .author { 
	margin-top: 15px;
}

section.testimonials .testimonial > :last-child,
section.testimonials .author > :last-child {
	margin-bottom: 0;
}

section.testimonials .slick-arrow {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -20px;
}

section.testimonials .slick-arrow.slick-next {
	left: unset;
	right: 0px;
}

section.testimonials .carousel-container {
	padding: 0 100px;
	position: relative;
}

section.testimonials .carousel-controls.mobile { 
	display: none;
}

/* If inside an accordion. */

div.accordion-item > div.accordion-content > div.template-page-panel > section.testimonials > div.wrapper > div.col-1 {
	padding: 0 25px;
}


/*** Themes ***/
/*
	dark-green
	light-green
	light-green-purple-gradient
	light-green-teal-gradient
	multi-gradient
	taupe
	teal-purple-gradient
	white
*/

/*section.testimonials.tpp-theme-dark-green {
	background-color: var(--hl-dark-green);
}*/

section.testimonials.tpp-theme-dark-green .quote-mark hr { 
	border-color: var(--hl-light-green);
}

section.testimonials.tpp-theme-dark-green .quote-mark span { 
	color: var(--hl-light-green);
}

section.testimonials.tpp-theme-dark-green .testimonial-panel p {
	color: #ffffff;
}

section.testimonials.tpp-theme-dark-green .slick-arrow { 
	border-color: var(--hl-light-green);
	background-image: url("/_assets/icon-line-arrow-hl-light-green.png");
}

section.testimonials.tpp-theme-dark-green .slick-arrow:hover { 
	background-image: url("/_assets/icon-line-arrow-hl-dark-green.png");
}


/*section.testimonials.tpp-theme-light-green {
	background-color: var(--hl-light-green);
}*/

section.testimonials.tpp-theme-light-green .slick-arrow:hover {
	background-color: #ffffff;
}

/*section.testimonials.tpp-theme-light-green-purple-gradient {
	background-image: url("/template-tool/_assets/bg-light-green-purple-gradient.jpg");
}

section.testimonials.tpp-theme-light-green-teal-gradient {
	background-image: url("/template-tool/_assets/bg-light-green-teal-gradient.jpg");
}

section.testimonials.tpp-theme-multi-gradient {
	background-image: url("/template-tool/_assets/bg-multi-gradient.jpg");
}

section.testimonials.tpp-theme-taupe { 
	background-color: var(--hl-taupe);
}

section.testimonials.tpp-theme-teal-purple-gradient {
	background-image: url("/template-tool/_assets/bg-teal-purple-gradient.jpg");
}

section.testimonials.tpp-theme-white { 
	background-color: #ffffff;
}*/

@media (max-width: 600px) {
	section.testimonials .carousel-container { padding: 0; }
	section.testimonials .carousel-controls.mobile {
		margin-top: 20px;
		display: block;
		height: 40px;
	}

	section.testimonials .carousel-controls.mobile .carousel-buttons { 
		display: flex;
		justify-content: space-around;
	}

	section.testimonials .carousel-controls.mobile .slick-arrow {
		position: static;
		display: block;
		margin-top: 0;
	}
}
