/*Promo Grid Events*/

.g-promo-grid-events {
	display: flex;
	align-content: center;
	flex-direction: column;
}

.g-promo-grid-events .block-margin-padding {
	position: relative;
}

.g-promo-grid-events .block-margin-padding .g-background-color {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 1;
}

.g-promo-grid-events .g-block-container .g-grid-container {
	position: relative;
	width: 100%;
	max-width: 100%;
	display: grid;
	column-gap: 2rem;
	row-gap: 2rem;
	grid-template-columns: repeat(2, 1fr);
	text-align: left;
	grid-auto-rows: 1fr;
	align-items: end;
}

/* no-desktop: max-width 59.938rem */
@media (max-width: 59.938rem) {
	.g-promo-grid-events .g-block-container .g-grid-container {
		column-gap: 2rem;
		row-gap: 2rem;
	}
}

/* mobile-only: max-width 47.938rem */
@media (max-width: 47.938rem) {
	.g-promo-grid-events .g-block-container .g-grid-container {
		column-gap: 1.5rem;
		row-gap: 1.5rem;
	}
}

/* small-mobile-range: max-width 30rem */
@media (max-width: 30rem) {
	.g-promo-grid-events .g-block-container .g-grid-container {
		grid-template-columns: 1fr;
	}
}
/* g-grid-column-1 */
.g-promo-grid-events .g-block-container .g-grid-container.g-grid-column-1 {
	grid-template-columns: 1fr;
}

/* large-mobile-range: 30rem–47.938rem */
@media (min-width: 30rem) and (max-width: 47.938rem) {
	.g-promo-grid-events .g-block-container .g-grid-container.g-grid-column-1 {
		grid-template-columns: 1fr;
	}
}

/* small-mobile-range */
@media (max-width: 30rem) {
	.g-promo-grid-events .g-block-container .g-grid-container.g-grid-column-1 {
		grid-template-columns: 1fr;
	}
}

/* g-grid-column-2 */
.g-promo-grid-events .g-block-container .g-grid-container.g-grid-column-2 {
	grid-template-columns: repeat(2, 1fr);
}

/* large-mobile-range: 30rem–47.938rem */
@media (min-width: 30rem) and (max-width: 47.938rem) {
	.g-promo-grid-events .g-block-container .g-grid-container.g-grid-column-2 {
		grid-template-columns: 1fr;
	}
}

/* small-mobile-range */
@media (max-width: 30rem) {
	.g-promo-grid-events .g-block-container .g-grid-container.g-grid-column-2 {
		grid-template-columns: 1fr;
	}
}

/* g-grid-column-3 */
.g-promo-grid-events .g-block-container .g-grid-container.g-grid-column-3 {
	grid-template-columns: repeat(3, 1fr);
}

/* large-mobile-range */
@media (min-width: 30rem) and (max-width: 47.938rem) {
	.g-promo-grid-events .g-block-container .g-grid-container.g-grid-column-3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* small-mobile-range */
@media (max-width: 30rem) {
	.g-promo-grid-events .g-block-container .g-grid-container.g-grid-column-3 {
		grid-template-columns: 1fr;
	}
}

/* g-grid-column-4 */
.g-promo-grid-events .g-block-container .g-grid-container.g-grid-column-4 {
	grid-template-columns: repeat(4, 1fr);
}

/* tablet-range: 48rem–59.938rem */
@media (min-width: 48rem) and (max-width: 59.938rem) {
	.g-promo-grid-events .g-block-container .g-grid-container.g-grid-column-4 {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* large-mobile-range */
@media (min-width: 30rem) and (max-width: 47.938rem) {
	.g-promo-grid-events .g-block-container .g-grid-container.g-grid-column-4 {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* small-mobile-range */
@media (max-width: 30rem) {
	.g-promo-grid-events .g-block-container .g-grid-container.g-grid-column-4 {
		grid-template-columns: 1fr;
	}
}

/* grid-item */
.g-promo-grid-events .g-block-container .g-grid-container .g-grid-item {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.06);
	border: 1px solid #dcdcdc;
}

/* no-desktop */
@media (max-width: 59.938rem) {
	.g-promo-grid-events .g-block-container .g-grid-container .g-grid-item .g-action-link {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
	.g-promo-grid-events .g-block-container .g-grid-container .g-grid-item .g-action-link .button {
		margin-bottom: 0;
		margin-top: 0;
	}
}

.g-promo-grid-events .g-block-container .g-grid-container .g-grid-item .g-grid-item-container {
	position: relative;
}

.g-promo-grid-events .event-date-time {
	position: absolute;
	left: -4px;
	top: -4px;
	background: var(--accent);
	border: 4px solid #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: #fff;
	z-index: 5;
	padding: 1rem;
}

.g-promo-grid-events .event-date-time .event-date-day {
	font-size: 1.25rem;
	font-weight: bold;
}

.g-promo-grid-events .event-date-time .event-date-month {
	font-size: 1.25rem;
	text-transform: uppercase;
	font-weight: bold;
}

.g-promo-grid-events figure {
	position: relative;
	margin: 0;
	width: 100%;
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: stretch;
	overflow: hidden;
	
/*	border-top-right-radius: 20px;*/
}

/* no-desktop */
@media (max-width: 59.938rem) {
	.g-promo-grid-events figure {
		width: 100%;
		max-width: 100%;
		margin: 0;
		display: block;
	}
}

/* tablet-range */
@media (min-width: 48rem) and (max-width: 59.938rem) {
	.g-promo-grid-events figure {
		max-height: 480px;
	}
}

/* mobile-only */
@media (max-width: 47.938rem) {
	.g-promo-grid-events figure {
/*		max-height: 320px;*/
		aspect-ratio: 16 / 9;
	}
}

.g-promo-grid-events figure:before {
	display: block;
	content: '';
	width: 100%;
	padding-top: 62.5%;
	position: relative;
}
.g-promo-grid-events .g-grid-column-1 figure {
	aspect-ratio: 2 / 1;
	max-height: 560px;
}
@media (max-width: 47.938rem) {
	.g-promo-grid-events .g-grid-column-1 figure {
		aspect-ratio: 16 / 9;
	}
}


.g-promo-grid-events figure img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.g-promo-grid-events figure .cats-list {
	position: absolute;
	right: 0;
	bottom: 0;
	background: rgb(0 0 0 / 60%);
	padding: 0.75rem;
	font-size: 1.25rem;
	text-transform: uppercase;
/*	font-family: $font-family-title;*/
	font-weight: bold;
	color: #fff;
	line-height: 1;
	z-index: 2;
}

.g-promo-grid-events figure .cats-list a {
	color: #fff;
}

.g-promo-grid-events .g-grid-content {
	padding: 1.5rem;
	line-height: 1.4;
	width: 100%;
	display: flex;
	background: #333;
	background: var(--global-green-light);
	flex-direction: column;
}

/* desktop-range: 60rem–74.938rem */
@media (min-width: 60rem) and (max-width: 74.938rem) {
	.g-promo-grid-events .g-grid-content {
		padding: 1rem;
	}
}


.g-promo-grid-events .g-grid-content h3 {
	color: #fff;
	color: var(--accent);
	font-size: 1rem;
	font-weight: 800;
	display: inline-block;
	margin-bottom: 0;
	overflow: hidden;
	
	transition: all 0.3s ease;
	line-height: 1.1;
}


/* tablet-range */
@media (min-width: 48rem) and (max-width: 59.938rem) {
	.g-promo-grid-events .g-grid-content h3 {
		font-size: 1.125rem;
		line-height: 1.2;
	}
}

/* large-mobile-range */
@media (min-width: 30rem) and (max-width: 47.938rem) {
	.g-promo-grid-events .g-grid-content h3 {
		font-size: 1.125rem;
		line-height: 1.2;
	}
}

/* small-mobile-range */
@media (max-width: 30rem) {
	.g-promo-grid-events .g-grid-content h3 {
		font-size: 1.4rem;
		line-height: 1.2;
	}
}

.g-promo-grid-events .g-grid-content h3::selection {
	color: #333;
	
}
.g-promo-grid-events .g-grid-container.g-grid-column-1 h3{
	font-size: clamp(1.1875rem, 0.4719rem + 2.3853vw, 2rem);
}
.g-promo-grid-events .g-grid-container.g-grid-column-2 h3{
	font-size: clamp(1.1875rem, 0.7947rem + 1.1009vw, 1.5rem);
}
.g-promo-grid-events .g-grid-container.g-grid-column-3 h3{
	font-size: clamp(1.1875rem, 1.0149rem + 0.367vw, 1.25rem);
}
.g-promo-grid-events .g-grid-container.g-grid-column-4 h3{
	font-size: clamp(1.1875rem, 1.0149rem + 0.367vw, 1.25rem);
}


.g-promo-grid-events .g-grid-content a:hover {
	text-decoration: none;
}

.g-promo-grid-events .g-grid-content a:hover h3 {
	color: var(--accent-2);
/*	text-decoration: underline;*/
	text-decoration: underline;
	transition: all 0.3s ease;
}

.g-promo-grid-events .g-grid-content .cal-start-date {
	font-size: clamp(0.85rem, 0.7179rem + 0.4404vw, 1rem);
	font-weight: 700;
	color: #444444;
}

.g-promo-grid-events .dir-main-category-location {
	line-height: 1;
	margin-top: 0.5rem;
	display: flex;
	justify-content: space-between;
}

.g-promo-grid-events .dir-main-category-location span {
	font-size: clamp(0.8rem, 0.7119rem + 0.2936vw, 0.9rem);
	font-weight: bold;
	color: #999;
	color: var(--accent-3);
	color: #666666;
	text-transform: uppercase;
	display: flex;
	line-height: 1.2;
	column-gap: 4px;
}
.g-promo-grid-events .dir-main-category-location span.location i {
	margin-top: 1px;
}

.g-promo-grid-events .dir-main-category-location span.primary-cat {
	margin-right: 1rem;
}

/* bottom action link */
.g-promo-grid-events .g-bottom-action-link {
	text-align: center;
	padding: 2rem 1rem 0rem;
	position: relative;
}

/* no-desktop */
@media (max-width: 59.938rem) {
	.g-promo-grid-events .g-bottom-action-link {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
	.g-promo-grid-events .g-bottom-action-link .button {
		margin-bottom: 0;
		margin-top: 0;
	}
}

/* dark theme */
.g-promo-grid-events.g-dark-theme .g-grid-container > h2 {
	color: #fff;
}

.g-promo-grid-events.g-dark-theme .g-bottom-action-link a {
	color: #fff !important;
}

.g-promo-grid-events.g-dark-theme .g-bottom-action-link a:hover {
	color: #fff !important;
	text-decoration: none;
}

/* light theme */
.g-promo-grid-events.g-light-theme {
	color: #333;
}