/* Archive page */
.mx-events-header-page {
	padding: 0;
	position: relative;
	width: 100%;
	text-align: center;
}

.mx-events-header-page img {
	display: block;
	width: 100%;
	max-width: 100%;
}

.mx-events-header-page .mx-title-page {
	margin: 120px 0 0 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

@media (max-width: 767px) {
	.mx-events-header-page .mx-title-page {
		margin: 120px 0 0 20px;
		text-align: left;
	}
}

/* Search */
.mx-events-search {
	margin: 60px auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mx-events-search .mx-form-search {
	position: relative;
	width: 285px;
}

.mx-events-search .mx-form-search input[type="text"] {
	width: 100%;
}

.mx-events-search .mx-form-search button {
	position: absolute;
	top: 12px;
	right: 8px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	border: none;
	background: transparent;
}

.mx-events-search .mx-form-search button svg path {
	fill: var(--mainLinkFontColorMain);
}

.mx-events-search .mx-form-search button:hover svg path {
	fill: var(--mainLinkFontColorHover);
}

.mx-events-search .mx-form-search button:active svg path {
	fill: var(--mainLinkFontColorActive);
}

.mx-events-search .mx-events-search-clear {
	margin: 0 0 0 20px;
}

@media (max-width: 767px) {
	.mx-events-search {
		margin: 0;
	}

	.mx-events-search .mx-form-search {
		width: 100%;
		margin: 20px 0;
	}
}

.mx-events-item {
	margin: 0 0 20px 0;
}

.mx-events-item .mx-events-item-inner {
	display: flex;
	background: var(--mainPrimaryColor); 
	box-shadow: 0px 14px 40px rgb(64 74 120 / 10%); 
	border-radius: 20px; 
	transition: 0.3s;
}

.mx-events-item .mx-events-item-inner:hover {
	background: var(--cardColorHover);
}

.mx-events-item .mx-events-item-inner .mx-events-item-thumbnail {
	position: relative;
	display: block;
}

.mx-events-item .mx-events-item-inner .mx-events-item-thumbnail img {
	display: block;
	width: 315px;
	height: 100%;
	border-radius: 20px;
	object-fit: cover;
}

.mx-events-item .mx-events-item-inner .mx-events-item-thumbnail .mx-events-item-thumbnail-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: 0.3s;
	border-radius: 20px;
	background: linear-gradient(180deg, var(--cardColorHover) 0%, rgba(255, 255, 255, 0) 100%);
}

.mx-events-item .mx-events-item-inner:hover .mx-events-item-thumbnail-overlay {
	opacity: .2;
}

.mx-events-item .mx-events-item-inner:active .mx-events-item-thumbnail-overlay {
	background: var(--cardColorActive);
}

.mx-events-item .mx-events-item-inner .mx-events-item-content {
	padding: 30px 40px 20px 40px;
	display: flex;
}

.mx-events-item .mx-events-item-inner .mx-events-item-content .mx-events-item-info {
	display: flex;
	align-items: flex-start;
}

.mx-events-item .mx-events-item-inner .mx-events-item-content .mx-events-item-info svg {
	margin: 0 5px 0 0;
	width: 30px;
	height: 30px
}

.mx-events-item .mx-events-item-inner .mx-events-item-content .mx-events-item-info svg path {
	fill: var(--textPrimaryColor);
}

.mx-events-item .mx-events-item-inner .mx-events-item-content .mx-events-item-info .mx-events-item-info-detail .mx-events-item-title {
	max-width: 240px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: var(--textPrimaryColor);
}

.mx-events-item .mx-events-item-inner .mx-events-item-content .mx-events-item-info .mx-events-item-info-detail .mx-events-item-title a {
	color: var(--mainLinkFontColorMain);
}

.mx-events-item .mx-events-item-inner .mx-events-item-content .mx-events-item-info .mx-events-item-info-detail .mx-events-item-title a:hover {
	color: var(--mainLinkFontColorHover);
}

.mx-events-item .mx-events-item-inner .mx-events-item-content .mx-events-item-info .mx-events-item-info-detail .mx-events-item-title a:activr {
	color: var(--mainLinkFontColorActive);
}

.mx-events-item .mx-events-item-inner .mx-events-item-content .mx-events-item-info .mx-events-item-date {
	color: var(--textSecondaryColor);
}

.mx-events-item .mx-events-item-inner .mx-events-item-content .mx-events-item-info .mx-events-item-completed {
	color: var(--textQuaternaryColor);
}

.mx-events-item .mx-events-item-inner .mx-events-item-description {
	margin: 0 0 0 50px;
	color: var(--textSecondaryColor);
}

.mx-events-item .mx-events-item-inner .mx-events-item-description .mx-events-item-share {
	margin: 25px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.mx-events-item .mx-events-item-inner .mx-events-item-description .mx-events-item-share .mx-social-icon-shortcode {
	margin: 0 0 0 8px;
	display: block;
}

.mx-events-item .mx-events-item-inner .mx-events-item-description .mx-events-item-share .mx-social-icon-shortcode svg {
	width: 26px;
	height: 26px;
}

.mx-empty-posts {
	text-align: center;
}

@media (max-width: 1599px) {
	.mx-events-item .mx-events-item-inner .mx-events-item-content {
		display: inline-block;
	}

	.mx-events-item .mx-events-item-inner .mx-events-item-description {
		margin: 0 0 0 35px;
	}

	.mx-events-item .mx-events-item-inner .mx-events-item-content .mx-events-item-info .mx-events-item-info-detail .mx-events-item-title {
		max-width: 100%;
	}
}

@media (max-width: 1199px) {
	.mx-events-item {
		border-radius: 10px;
	}

	.mx-events-item .mx-events-item-inner .mx-events-item-content {
		padding: 20px;
	}

	.mx-events-item .mx-events-item-inner .mx-events-item-description {
		margin: 0 0 0 20px;
	}

	.mx-events-item .mx-events-item-inner .mx-events-item-thumbnail img {
		border-radius: 10px;
	}

	.mx-events-item .mx-events-item-inner .mx-events-item-thumbnail .mx-events-item-thumbnail-overlay {
		border-radius: 10px;
	}
}

@media (max-width: 767px) {
	.mx-events-item .mx-events-item-inner {
		flex-direction: column;
	}

	.mx-events-item .mx-events-item-inner .mx-events-item-content {
		flex-direction: column;
	}

	.mx-events-item .mx-events-item-inner .mx-events-item-thumbnail img {
		width: 100%;
		max-height: 500px;
	}

	.mx-events-item .mx-events-item-inner .mx-events-item-description {
		margin: 10px 0 0 0;
	}

	.mx-events-item .mx-events-item-inner .mx-events-item-description .mx-events-item-share {
		margin: 20px 0 0 0;
	}
}


/* Single page */
.site-content-event {
	padding: 180px 0 0 0;
}

.site-content-event .mx-single-event-info .mx-single-event-info-title {
	color: var(--textPrimaryColor);
}

.site-content-event .mx-single-event-info .mx-single-event-info-date {
	margin: 5px 0 0 0;
	color: var(--textSecondaryColor);
}

.site-content-event .mx-single-event-info .mx-single-event-info-location {
	margin: 5px 0 0 0;
	display: flex;
	align-items: center;
}

.site-content-event .mx-single-event-info .mx-single-event-info-location svg path {
	fill: var(--textSecondaryColor);
}

.site-content-event .mx-single-event-info .mx-single-event-info-location .mx-single-event-info-location-text {
	margin: 0 0 0 10px;
	color: var(--textSecondaryColor);
}

.site-content-event .mx-single-event-info-content {
	margin: 60px 0 0 0;
}

.site-content-event .mx-single-event-info-content a {
	color: var(--mainLinkFontColorMain);
}

.site-content-event .mx-single-event-info-content a:hover {
	color: var(--mainLinkFontColorHover);
}

.site-content-event .mx-single-event-info-content a:active {
	color: var(--mainLinkFontColorActive);
}

.site-content-event #share-event {
	text-align: center;
	color: var(--textSecondaryColor);
}

.site-content-event #share-event .mx-social-icon-shortcode {
	margin: 0 15px 0 0;
}

.site-content-event #share-event .mx-social-icon-shortcode svg {
	width: 42px;
	height: 42px;
}

@media (max-width: 767px) {
	.site-content-event {
		padding: 120px 0 0 0;
	}

	.site-content-event .mx-single-event-info .mx-single-event-info-date {
		margin: 10px 0 0 0;
	}

	.site-content-event .mx-single-event-info-content {
		margin: 40px 0 0 0;
	}
}