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

.events-carousel{margin-left:-36px !important;margin-right:-36px !important;}
	.carousel{height:220px;background: #273534;color:#ffffff;}
	.carousel-inner, .media{display:flex;align-items:center;height:100%;}
	.media img{margin-right:15px;display:none;}

.media h3, .media p{font-size:0.75em;}
.media .btn{font-size:0.625em;}

.media .dhide{display: inline-block;}
	
	@media screen and (min-width:768px){
		.events-carousel{margin-left:0 !important;margin-right:0 !important;}
		.carousel{height:300px;}
		.media img{display:block;}
		.media h3, .media p{font-size:1em;}
		.media .btn{font-size:1em;}
		.media .dhide{display: none;}
	}

.img-thumbnail{background-color:#000000 !important;}

.carousel .lead{
		line-height: 1.4em;
	}
@media screen and (max-width:768px){
	:root {
	  --lh: 1.3em;
	}

	.carousel .lead{
		line-height: var(--lh);
	}
	.truncate-overflow {
	  --max-lines: 2;
	  position: relative;
	  max-height: calc(var(--lh) * var(--max-lines));
	  overflow: hidden;
	  padding-right: 1rem;
	}
	.truncate-overflow::before {
	  position: absolute;
	  content: "...";
	  bottom: 3px;
	  right: 3px;
		font-size:1.5rem;
	}
	.truncate-overflow::after {
	  content: "";
	  position: absolute;
	  right: 0;
	  width: 1rem;
	  height: 1rem;
	}
}