/**
 * All of the CSS for the Lawrence House Museum Event Details Block
 */

 .lhm-event-single .event-type {
	text-align: center;
	text-transform: uppercase;
	padding: 5px 0;
    font-weight: var(--body-font-weight-bold);
	margin-bottom: var(--paragraph-margin-bottom, 16px);
}

.lhm-event-single .event-flex {
	padding: var(--spacing-xl, 36px);
	border: 2px solid var(--color-black, #010101);
}

.lhm-event-single .event-flex .event-image {
	margin: 0 auto;
}

 .lhm-event-single .event-type-talk {
	background-color: var(--color-custom-1, #d9ae2f);
	color: var(--color-heading, #010101);
}

.lhm-event-single .event-type-exhibition {
	background-color: var(--color-link, #a71830);
	color: var(--color-white, #fff);
}

.lhm-event-single .event-type-event {
	background-color: var(--color-custom-6, #674172);
	color: var(--color-white, #fff);
}

.lhm-event-single .event-type-tour {
	background-color: var(--color-custom-5, #1e824c);
	color: var(--color-white, #fff);
}


.lhm-event-single .event-dates {
	font-weight: var(--body-font-weight-bold, 600);
}

.lhm-event-single .event-dates p {
	margin-bottom: 5px;
}

.lhm-event-single .event-other-details {
	padding: 20px 5%;
	background-color: var(--color-custom-4, #eeeeee);
}

@media screen and (min-width: 525px) {
	.lhm-event-single .event-flex {
		display: flex;
		gap: var(--spacing-xl, 36px);
	}

	.lhm-event-single .event-flex .event-image {
		flex-basis: 40%;
	}

	.lhm-event-single .event-flex .event-details {
		flex-basis: 60%;
	}
}