/***
 *	rDepoimentos CSS
 *	Date:	2018-05-10
 */

.depoimentos-wrap {}
	.depoimentos-list {}
		.depoimento-item {}
			.depoimento-image {}
				.depoimento-image > img { max-width: 200px; border: 5px solid #8DC63F; border-radius: 50%; margin: 0 auto }
			.depoimento-content {}
				.depoimento-content img { width: auto !important; max-width: 100%; }
				.depoimento-inner-content {}
					.depoimento-author { margin-top: 0 !important; color: #8DC63F }

	.depoimentos-list .owl-prev,
	.depoimentos-list .owl-next { position: absolute; top: 88px; width: 20px; height: 24px; background: url( ../arrow.svg ) no-repeat 50% 50%; text-indent: -999em; margin-top: 0; transition: all .3s ease-out; z-index: 9 }
		.depoimentos-list .owl-prev:hover,
		.depoimentos-list .owl-next:hover { background: url( ../arrow-hover.svg ) no-repeat 50% 50% }
	.depoimentos-list .owl-prev { left: 0; transform: rotate( 180deg ) }
	.depoimentos-list .owl-next { right: 0 }
	
	.depoimentos-list .owl-dots { position: relative; top: 4px }
		.depoimentos-list .owl-dots .owl-dot span { transition: all .3s ease-out }
			.depoimentos-list .owl-dots .owl-dot.active span,
			.depoimentos-list .owl-dots .owl-dot:hover span { background: #8DC63F }
	
@media only screen and ( min-width: 600px ){
	.depoimento-item { display: flex }
		.depoimento-image { margin-right: var( --gutter-base, 1.25rem ) }
		.depoimento-content { flex: 1; display: flex; align-items: center }

	.depoimentos-list .owl-prev,
	.depoimentos-list .owl-next { top: calc( 100% - 24px ) }
}