/* =========================================================
   EVENTS CHILD PAGES – HORIZONTAL CARD
   WPBakery Post Grid class: events-pages-grid
   ========================================================= */

/* Space between cards */
.events-pages-grid .vc_grid-item {
	margin-bottom: 42px !important;
}

/* Main row */
.events-pages-grid .vc_grid-item-mini {
	display: flex !important;
	align-items: center !important;
	position: relative !important;
	width: 100% !important;
	max-width: 1000px !important;
	margin: 0 auto !important;
	overflow: visible !important;
	background: transparent !important;
	border-radius: 0 !important;
}

/* =========================================================
   IMAGE BLOCK
   ========================================================= */

.events-pages-grid .vc_gitem-animated-block,
.events-pages-grid .vc_grid-item-mini:hover .vc_gitem-animated-block {
	float: none !important;
	display: block !important;
	position: relative !important;
	flex: 0 0 54% !important;
	width: 54% !important;
	aspect-ratio: 2 / 1 !important;
	overflow: hidden !important;
	border-radius: 9px !important;
	z-index: 1 !important;

	opacity: 1 !important;
	filter: none !important;
	transform: none !important;
	transition: none !important;
	animation: none !important;
}

/* Main featured-image zone */
.events-pages-grid .vc_gitem-zone-a,
.events-pages-grid .vc_grid-item-mini:hover .vc_gitem-zone-a {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	height: 100% !important;
	overflow: hidden !important;

	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-color: #f5f3ee !important;

	opacity: 1 !important;
	filter: none !important;
	animation: none !important;
	transform-origin: center center !important;
	transition: transform 0.55s cubic-bezier(.22, .61, .36, 1) !important;
	will-change: transform;
}

/* Normal state */
.events-pages-grid .vc_gitem-zone-a {
	transform: scale(1.075) !important;
}

/* Hover state */
.events-pages-grid .vc_grid-item-mini:hover .vc_gitem-zone-a {
	transform: scale(1) !important;
}

/* WPBakery image */
.events-pages-grid .vc_gitem-zone-a .vc_gitem-zone-img {
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;

	object-fit: cover !important;
	object-position: center !important;

	opacity: 1 !important;
	filter: none !important;
	transform: none !important;
	transition: none !important;
	animation: none !important;
}

/* =========================================================
   NORMAL OVERLAY ZONE
   Keeps the native WPBakery date alive
   ========================================================= */

.events-pages-grid .vc_gitem-zone-b,
.events-pages-grid .vc_grid-item-mini:hover .vc_gitem-zone-b {
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 5 !important;

	background: transparent !important;
	opacity: 1 !important;
	filter: none !important;
	transform: none !important;
	transition: none !important;
	animation: none !important;

	pointer-events: none !important;
}

/* Remove WPBakery positioning wrappers around the date */
.events-pages-grid .vc_gitem-zone-b .vc_gitem-zone-mini,
.events-pages-grid .vc_gitem-zone-b .vc_gitem_row,
.events-pages-grid .vc_gitem-zone-b .vc_gitem-col {
	position: static !important;
	transform: none !important;
}

/* =========================================================
   NATIVE DATE BADGE
   Grid Builder date element class: events-page-date
   ========================================================= */

.events-pages-grid .events-page-date {
	position: absolute !important;
	top: 22px !important;
	left: 30px !important;
	z-index: 30 !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 54px !important;
	min-width: 54px !important;
	height: 58px !important;
	min-height: 58px !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 6px 4px !important;

	background: #fff !important;
	border-radius: 10px !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16) !important;

	color: #1d2d3d !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.18 !important;
	text-align: center !important;

	overflow: hidden !important;
	pointer-events: none !important;
}

.events-pages-grid .events-page-date p {
	margin: 0 !important;
	text-align: center !important;
}

/* On alternating cards, image is on the right */
.events-pages-grid .vc_pageable-slide-wrapper > .vc_grid-item:nth-child(even)
.events-page-date {
	left: auto !important;
	right: 30px !important;
}

/* Hide any other old/default Post Date elements */
.events-pages-grid .vc_gitem-post-data-source-post_date:not(.events-page-date) {
	display: none !important;
}

/* =========================================================
   TEXT CARD
   ========================================================= */

.events-pages-grid .vc_gitem-zone-c {
	float: none !important;
	display: block !important;
	position: relative !important;
	flex: 0 0 50% !important;
	width: 50% !important;
	align-self: center !important;

	min-height: 0 !important;
	margin: 0 0 0 -40px !important;
	padding: 24px 30px !important;
	z-index: 2 !important;

	background: #fff !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	border-radius: 10px !important;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08) !important;
}

.events-pages-grid .vc_gitem-zone-c .vc_gitem-zone-mini {
	width: 100% !important;
}

/* =========================================================
   TEXT
   ========================================================= */

.events-pages-grid .vc_gitem-post-data-source-post_title,
.events-pages-grid .vc_gitem-post-data-source-post_excerpt,
.events-pages-grid .vc_btn3-container {
	text-align: center !important;
}

.events-pages-grid .vc_gitem-post-data-source-post_title h4 {
	margin: 0 0 12px !important;
	font-size: 18px !important;
	line-height: 1.3 !important;
	text-align: center !important;
}

/* Limit Page summary to 3 lines */
.events-pages-grid .vc_gitem-post-data-source-post_excerpt {
	max-height: 4.35em !important;
	overflow: hidden !important;
}

.events-pages-grid .vc_gitem-post-data-source-post_excerpt p {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 3 !important;
	overflow: hidden !important;

	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
	text-align: center !important;
}

/* Read-more link */
.events-pages-grid .vc_btn3-container {
	margin: 16px 0 0 !important;
}

.events-pages-grid .vc_btn3 {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #85bd43 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: none !important;
}

/* =========================================================
   ALTERNATE CARD DIRECTION
   ========================================================= */

.events-pages-grid .vc_pageable-slide-wrapper > .vc_grid-item:nth-child(even)
.vc_grid-item-mini {
	flex-direction: row-reverse !important;
}

.events-pages-grid .vc_pageable-slide-wrapper > .vc_grid-item:nth-child(even)
.vc_gitem-zone-c {
	margin: 0 -40px 0 0 !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
	.events-pages-grid .vc_grid-item-mini,
	.events-pages-grid .vc_pageable-slide-wrapper > .vc_grid-item:nth-child(even)
	.vc_grid-item-mini {
		display: block !important;
	}

	.events-pages-grid .vc_gitem-animated-block,
	.events-pages-grid .vc_grid-item-mini:hover .vc_gitem-animated-block {
		width: 100% !important;
		aspect-ratio: 2 / 1 !important;
		border-radius: 9px 9px 0 0 !important;
	}

	.events-pages-grid .vc_gitem-zone-c,
	.events-pages-grid .vc_pageable-slide-wrapper > .vc_grid-item:nth-child(even)
	.vc_gitem-zone-c {
		width: 100% !important;
		margin: 0 !important;
		padding: 24px !important;
		border-radius: 0 0 9px 9px !important;
	}

	.events-pages-grid .events-page-date {
		top: 10px !important;
		left: 14px !important;
	}

	.events-pages-grid .vc_pageable-slide-wrapper > .vc_grid-item:nth-child(even)
	.events-page-date {
		left: auto !important;
		right: 14px !important;
	}
}