:root {
	--ccmetb-related-bd-rad: 0;
	--ccmetb-related-title-color: #222;
	--ccmetb-related-sub-lbl-color: #222;
}

.ccmetb-related-events img,
.ccmetb-related-event-title,
.ccmetb-cost,
.ccmetb-web-url,
.ccmetb-related-event-date,
.ccmetb-related-event-category,
.ccmetb-related-event-tag,
.ccmetb-related-event-time {
	border-radius: var(--ccmetb-related-bd-rad);

}

.ccmetb-related-event-title,
.ccmetb-related-event-date,
.ccmetb-cost,
.ccmetb-related-event-tag,
.ccmetb-related-event-category,
.ccmetb-web-url,
.ccmetb-related-event-time {
	background-color: var(--ccmetb-related-bg-color);
}

.ccmetb-row .ccmetb-related-event-title a,
.ccmetb-row .ccmetb-related-event-title,
.ccmetb-row .ccmetb-related-event-date,
.ccmetb-row .ccmetb-related-event-category,
.ccmetb-row .ccmetb-related-event-category .ccmetb-events-event-categories a,
.ccmetb-row .ccmetb-related-events .ccmetb-web-url a,
.ccmetb-row .ccmetb-related-events .ccmetb-web-url,
.ccmetb-row .ccmetb-related-event-tag a,
.ccmetb-row .ccmetb-related-event-tag,
.ccmetb-row .ccmetb-related-event-time,
.ccmetb-row .ccmetb-cost {
	color: var(--ccmetb-related-title-color);
}

.ccmetb-related-events .ccmetb-events-event-categories,
.ccmetb-related-events .ccmetb-related-event-category .ccmetb-events-event-categories a,
.ccmetb-related-events .ccmetb-events-event-categories i {
	color: var(--ccmetb-related-sub-lbl-color);
	text-decoration: none;
}

.ccmetb-related-area {
	--event-column: 3;
}

.ccmetb-related-area .ccmetb-row {
	--ccmetb-bg-right-margin: 5px;
	--ccmetb-bg-left-margin: 5px;
	position: relative;
	flex-basis: calc((100%/var(--event-column)) - (var(--ccmetb-bg-left-margin) + var(--ccmetb-bg-right-margin)));

	overflow: hidden;
	margin-right: var(--ccmetb-bg-right-margin);
	margin-left: var(--ccmetb-bg-left-margin);
}

.ccmetb-related-area {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.ccmetb-related-events {
	overflow: hidden;
}

.ccmetb-related-events .tribe-events-event-image {
	height: 100%;
	margin-bottom: 0;
	overflow: hidden;
}

.elementor .ccmetb-related-events .tribe-events-event-image img {
	margin-bottom: 0;
	transition: transform 1s, -webkit-transform 1s;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.ccmetb-related-event-title {
	width: 100%;
	padding: 12px 8px;
	line-height: normal;
	margin: 0px;
}

.ccmetb-related-event-date {
	z-index: 6;
	font-size: 14px;
	width: 100%;
	line-height: normal;
}

.ccmetb-related-events h4.ccmetb-related-event-title,
.ccmetb-related-events h4.ccmetb-related-event-title a {
	z-index: 6;
	font-size: 20px;
	margin: 0;
	text-decoration: none;
}

.ccmetb-related-events .ccmetb-related-event-date,
.ccmetb-related-events .ccmetb-related-event-title,
.ccmetb-related-event-category,
.ccmetb-related-events .ccmetb-related-events .ccmetb-related-events,
.ccmetb-related-event-tag,
.ccmetb-related-events .ccmetb-web-url,
.ccmetb-related-events .ccmetb-cost,
.ccmetb-related-events .ccmetb-related-event-time {
	padding: 5px 8px;
	height: 100%;
}

.ccmetb-related-events .image-animation {
	height: 100%;
}

@media screen and (max-width:767px) {
	.ccmetb-related-area .ccmetb-row {
		width: 100%;
	}
}

.rtec-outer-wrap.rtec-js-placement {
	display: none;
}

.ccmetb-registration-form .rtec-outer-wrap {
	display: block;
}