/* @override
	http://localhost:8080/mt/++theme++multitheme/css/clients.css
	http://localhost:8080/Plone5asdfasdf/++theme++multitheme/css/clients.css
*/

#fragment-testimonials {
	text-align: center;
	padding: 1em;
	width: 100%;
	padding-left: 2em;
	padding-right: 2em;
	box-sizing: border-box;
}

.white-text {
	color: white;
}


#client-feedbacks {
	display: flex;
	flex-wrap: wrap;
	justify-content:  space-between;
	box-sizing: border-box;
}


div.feedback-box {
	background: white;
	width: 100%;
	color:  #666;
	padding: 2em ;
	margin:  1em 0;
	border-radius: 6px;
	text-align: left;
	box-sizing: border-box;
	opacity:  0.93;
	border: 3px solid white;
}

div.feedback-box:hover {
	opacity: 1;
	border-color: transparent;
	border: 3px solid rgba(0,0,0,0.17);
}


i.fa.fa-quote-left {
	font-size: 25px;
	float: left;
	color:black;
	/* margin-top: 10px;
	margin-right: 0.3em; */
}

i.fa.fa-quote-right{
	font-size: 25px;
	float: right;
	color:black;
	/* margin-top:-20px; */
}


div.client-image img {
	/* float: right; */
	/* border-radius: 6px; */
	margin-top:5%;
	margin-bottom:5%;
}

div.client-info {
	margin-top: 1.4em;
	/*Aggiunta altezza fissa per dare omegenita ai box*/
	height:100px;
}

a.client-name {
	margin-top: 12px;
	float: left;
	color: black;
}
 
/*h4 - font size:20px*/
.testimonialname{
	font-size:20px;
	color:black;
	text-align: center;
}
 
/*h4 - font size:20px*/
.testimonialcompany{
	font-size:20px;
	color:black;
	text-align: center;
}


.quotedescr{
	color: black;
	text-align: center;
}

.link-https{
	display:none !important;
}

#fragment-testimonials {
	background: lightgrey;
}

@media (min-width: 1250px){

	#fragment-testimonials {
		width: 300%;
		margin-left: -100%;
		margin-right: -100%;
	}

	div.feedback-box {
		width: 30%;
	}

	.feedback-carousel{
		flex-wrap: no-wrap;
	}
}

/*OWL CAROUSEL*/
div.carousel-box {
    background: white;
    width: 100%;
    color: #666;
    padding: 2em;
    margin: 1em 0;
    border-radius: 6px;
    text-align: left;
    box-sizing: border-box;
    opacity: 0.93;
	border: 3px solid white;
	/*Aggiunta altezza fissa per dare omegenita ai box*/
	height: 530px;
}

/* .owl-carousel .owl-item img{
	width: 50% !important;	
} */

.owl-dot{
	background:darkgray !important;
	color:white;
	height: 10px;
	width: 10px;
	display:inline-block;
	margin:5px;
	padding:5px;
	border-radius: 60% !important;
}

.owl-nav{
	font-size:0px;
  }

/*abilita la navigazione altrimenti parte disabilitato*/
  .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block !important;
}


/*Per mobile non mi serve l'altezza fissa*/

@media  screen and (min-width : 300px)  and (max-width : 1249px) {
	div.client-info{
		height: auto;
	}

	div.carousel-box{
		height:600px;
	}

	/* .owl-carousel .owl-item img {
		width: 50% !important;
	} */
	.testimonialname{
		font-size:15px;
	}
}