@charset "UTF-8";
/* Quote Carousel with Image block CSS Document */

.quotes-carousel{overflow:hidden;}
.quotes-carousel .carousel-item{position:relative !important;height:260px;}
.qcarousel-inner, .media{display:flex;align-items:center;height:100%;}
.media{margin: 0 5%;}
.media h2 {
    font-size: 1.5em;
    font-weight: 700;
}
.media p {
    font-size: 1em;
    padding: 0.35em 0.35em 0;
	margin:0 0 0.5em;
}

.media .dhide{display: inline-block;}

.vcenter{
	height: 100%;
    justify-content: center;
    display: inline-flex;
    flex-direction: column;
	color:#ffffff !important;
	line-height:1.5em;
	margin:2% 3%;
}
	
	@media screen and (min-width:768px){
		.quotes-carousel{margin-left:0 !important;margin-right:0 !important;}
		.quotes-carousel .carousel-item{height:350px;}
		.media{margin: 0 10%;}
		.media h2{font-size:2em;}
		.media p{font-size:1.25em;}
		.media .dhide{display: none;}
		.vcenter{line-height:2em;}
	}
	
	@media screen and (min-width:992px){
		.quotes-carousel .carousel-item{height:440px;}
		.media{margin: 0 20%;}
		.media h2{font-size:2.75em;}
		.media p{font-size:1.5em;padding: 1em 0.35em 0;}
	}

.carousel-control-prev {
    left: 46%;
}
.carousel-control-next {
    right: 46%;
}
.carousel-control-next, .carousel-control-prev {
    top: auto;
    bottom: 20px;
    width: 30px;
    padding: 1px;
    color: #fff;
    opacity: .5;
    border: 1px solid #fff;
    border-radius: 30px;
    transition: opacity .15s ease;
	display:none;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    margin: 5px;
}
@media screen and (min-width:768px){
	.carousel-control-prev, .carousel-control-next{
		display:flex;
	}
}