/* Archive page */
.mx-events-header-page {
	/* margin: 0 0 80px 0; */
	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 {
	position: absolute;
	left: 20px;
	right: 0;
	bottom: 60px;
}

.mx-events-header-page .mx-title-page.no-image {
	margin: 300px 0 0 0;
	position: static;
}

@media (max-width: 960px) {
	.mx-events-header-page .mx-title-page {
		bottom: 15px;
		text-align: left;
	}

	.mx-events-header-page .mx-title-page.no-image {
		margin: 120px 0 0 20px;
	}
}

/* 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%;
	box-shadow: 0px 7px 64px rgba(0, 0, 0, 0.07);
}

.mx-events-search .mx-form-search input::placeholder {
	color: var(--mainFontColorAdditional);
}

.mx-events-search .mx-form-search input[type="submit"] {
	position: absolute;
	top: 12px;
	right: 8px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	border: none;
	background: url('../img/icons/icon-search.svg') no-repeat;
}

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

.mx-events-search .mx-events-search-clear:hover {
	color: var(--mainFontColorLinkHover);
	cursor: pointer;
}

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

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

/* Loop-item */
.mx-events-item {
	margin: 0 0 20px 0;
	background: var(--bodyMainColor2);
	border-radius: 6px;

	display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

.mx-events-item .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-description .mx-events-item-share .mx-social-icon-shortcode {
	margin: 0 0 0 8px;
	display: block;
}

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

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

@media (min-width: 1335px) and ((max-width: 1550px)) {
	.mx-events-item .mx-events-item-content {
		display: inline-block;
	}

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

@media (max-width: 1335px) {
	.mx-events-item .mx-events-item-content {
		padding: 20px;
	}

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

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

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

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

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

	.mx-events-item .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 {

}

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

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

.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(--bodyMainColor4);
}

.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(--bodyMainColor4);
}

.site-content-event .mx-single-event-info-content {
	margin: 60px 0 0 0;
	color: var(--mainFontColorAdditional);
}

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

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

.site-content-event .mx-single-event-share {
	margin: 60px 0 0 0;
	text-align: center;
	color: var(--headingH6fontColor)
}

.site-content-event .mx-single-event-share .mx-single-event-share-links {
	margin: 10px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.site-content-event .mx-single-event-share a {
	margin: 0 0 0 10px;
}

.site-content-event .mx-single-event-share a:first-child {
	margin: 0;
}

.site-content-event .mx-single-event-share a:hover {
	opacity: 0.8;
}

.site-content-event .mx-single-event-share svg path {
	fill: var(--bodyMainColor4);
}

@media (max-width: 960px) {
	.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;
	}

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

	.site-content-event .mx-single-event-share .mx-single-event-share-links {
		margin: 15px 0 0 0;
	}
}