/**
 * X.X Event Detail
 */

/* WP EVent Manager Overrides */
.wpem-main a {
	outline: inherit !important;
}

.single-event_listing #content .wpem-event-date-custom p,
.single-event_listing #content .wpem-event-date-time p {
	margin:0;
}

.wpem-single-event-page .wpem-single-event-wrapper {
	border: none;
}

.single-event_listing #content #alternating_content_c .wpem-reg-spots-left {
	display: none;
}

.single-event_listing #content input,
.single-event_listing #content select,
.single-event_listing #content textarea {
	font-family: "Montserrat", sans-serif !important;
	border-color: #000 !important;
	border-width: 3px !important;
	border-radius: 0 !important;
}

.single-event_listing #content .wpem-form-wrapper label,
.single-event_listing #content .wpem-form-wrapper .field {
	font-size: 1.8rem !important;
}

.single-event_listing #content .wpem-form-wrapper input {
	font-size: 1.8rem !important;
	padding: 20px !important;
}

.single-event_listing #content .wpem-form-wrapper select {
	border-radius: 22px !important;
	font-size: 1.8rem !important;
	height: 50px;
}

.single-event_listing #content p {
	font-size: 2.4rem;
	margin: 10px 0 20px 0;
}

.wpem-single-event-ticket-information .wpem-ticket-information-wrapper .wpem-ticket-information-body .wpem-ticket-info-wrap:hover {
	border-color: var(--clovernook-green) !important;
}

/* Event Detail Page */
.single-event_listing :focus,
.single-event_listing :focus-visible{
	outline: 5px solid var(--clovernook-focus-on-dark) !important;
}


.single-event_listing #hero_c {
	margin: 60px 0;
	padding: 0 25px;
}

.single-event_listing #hero_c h1 {
	font-size: 3.5rem;
	font-weight: 600;
	line-height: 4.8rem;
}

.single-event_listing #hero_c .header_c {
	display: flex;
	flex-direction: column;
}

.single-event_listing #hero_c .header_c > div {
	order: 2;
}
.single-event_listing #hero_c div.images_c {
	height:50vw;
	margin: 40px 0 90px 0;
	position: relative;
	order: 1;
}

.single-event_listing #hero_c div.images_c div.image {
	background-color: transparent;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	right: 10px;
}

.single-event_listing #hero_c div.images_c div.image:nth-child(1) {
	border: 6px solid #000;
	background-position: center top 30%;
	border-radius: 0 30px 0 0;
	height: 50vw;
	width: 100%;
	z-index: 1;
}

.single-event_listing #hero_c div.images_c div.green_layer {
	background-color: var(--clovernook-green);
	position: absolute;
	 right: 0;
	height: 50px;
    top: 47vw;
    width: 280px;
	z-index: 2;

	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	font-weight: 700;
}

.single-event_listing #hero_c .header_c .social-share_c {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
}

.single-event_listing #hero_c .header_c .social-share_c  p {
	margin: 0 0 10px 0;
}

.single-event_listing #hero_c .event-detail  h2,
.single-event_listing #hero_c .event-detail  h3 {
	font-size: 2.4rem;
	line-height: 4.7rem;
	margin: 10px 0 20px 0;
}

.single-event_listing #hero_c .header_c .event-dates {
	margin-bottom: 20px;
}

.single-event_listing #hero_c .header_c .event-dates > * {
	text-align: center;
}

.wpem-single-event-page .wpem-share-this-event {
	width: auto;
}

.single-event_listing #spots_left.green_layer {
	text-align: center;
}

.single-event_listing #spots_left.green_layer > .wpem-reg-spots-left {
	background-color: var(--clovernook-green);
	border: none;
	border-radius: 0;
	display: inline-block;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 4.7rem;
	margin: 20px 0;
	padding: 0 30px;
}

.event-detail {
	align-items: center;
	column-gap: 20px;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.event-detail p {
	text-align: center;
}

.single-event_listing #hero_c div.copy {
	margin: 45px 0;
}

.single-event_listing #hero_c div.copy p:first-child {
	margin-top: 0;
}

.single-event_listing #hero_c div.copy p:last-child {
	margin-bottom: 0;
}

.single-event_listing #alternating_content_c {
	font-size: 2.4rem;
	line-height: 4.7rem;
	margin: 20px 0;
	padding: 0 20px;
}

.single-event_listing #alternating_content_c div.alternating_content {
	margin: 60px 0 0 0;
}

.single-event_listing #alternating_content_c div.alternating_content div.image {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 70vw;
	margin: 0 0 40px 0;
}

.single-event_listing #alternating_content_c div.alternating_content:nth-child(odd) div.image {
	border-radius: 40px 0 0 0;
}

.single-event_listing #alternating_content_c div.alternating_content h2 {
	border-left: 15px solid var(--clovernook-green);
	display: flex;
	flex-direction: column;
	font-size: 2.5rem;
	font-weight: 700;
	justify-content: center;
	line-height: 3.8rem;
	min-height: 100px;
	padding: 0 0 0 28px;
	text-transform: uppercase;
}

.single-event_listing #alternating_content_c div.alternating_content div.copy {
	margin: 60px 0 40px 0;
}

.single-event_listing #alternating_content_c div.alternating_content div.copy p:first-child {
	margin-top: 0;
}

.single-event_listing #alternating_content_c div.alternating_content div.copy p:last-child {
	margin-bottom: 0;
}

.single-event_listing #alternating_content_c div.alternating_content div.cta_c {
	display: flex;
	justify-content: center;
}

.single-event_listing #alternating_content_c .wpem-reg-spots-left {
	display: inline-block;
	background: none;
}

.single-event_listing #alternating_content_c .bottom-buttons_c {
	margin: 20px 0;
}

.single-event_listing .wpem-organizer-contact-actions form {
	padding: 20px;
}

.single-event_listing .event_registration.registration form {
	padding: 20px;
}

.single-event_listing .event_registration.registration form .require-field {
	color: red;
}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 1024px) {
	.single-event_listing #hero_c {
		margin: 60px 0 20px 0;
		padding: 0 45px;
		
		justify-content: space-between;
		flex-direction: row;
	}

	.single-event_listing #hero_c h1 {
		width: 48%;
	}

	.single-event_listing #hero_c .header_c {
		flex-direction: row;;
	}

	.single-event_listing #hero_c .header_c > div {
		order: 1;
	}

	.single-event_listing #hero_c .header_c .social-share_c {
		flex-direction: row;
		text-align: left;
	}

	.single-event_listing #hero_c .header_c .social-share_c  p {
		margin: 0 20px 10px 0;
	}

	.single-event_listing #spots_left.green_layer {
		text-align: left;
	}

	.single-event_listing #hero_c .header_c .event-dates > * {
		text-align: left;
	}

	.single-event_listing #hero_c .header_c .event-detail {
		align-items: start;
		flex-direction: row;
		margin-bottom: 0;
		text-align: left;
	}

	.single-event_listing #hero_c div.images_c {
		height: 51vw;
		margin: 0;
		position: relative;
		order: 2;
		width: 52vw;
	}

	.single-event_listing #hero_c div.images_c div.image {
		right: 25px;
	}

	.single-event_listing #hero_c div.images_c div.image:nth-child(1) {
		border: 7px solid #000;
		border-radius: 0 50px 0 0;
		height: 29vw;
		width: 43vw;
	}

	.single-event_listing #hero_c div.images_c div.green_layer {
		height: 7vw;
		font-size: 2.2rem;
        top: 26vw;
        width: 28vw;
	}

	.single-event_listing #hero_c div.copy {
		margin: 45px 0;
		width: 40%;
	}

	.single-event_listing #alternating_content_c {
		margin: 20px 0;
		padding: 0 45px;
	}

	.single-event_listing #alternating_content_c div.alternating_content {
		display: flex;
		margin: 200px 0 0 0;
	}

	.single-event_listing #alternating_content_c div.alternating_content:first-child {
		margin: 0;
	}

	.single-event_listing #alternating_content_c div.alternating_content div.image {
		flex: 0 0 50%;
		height: auto;
		margin: 0 55px 0 0;
	}

	.single-event_listing #alternating_content_c div.alternating_content:nth-child(3n+1) div.image {
		border-radius: 50px 0 0 0;
	}

	.single-event_listing #alternating_content_c div.alternating_content h2 {
		padding: 0 48px;
	}

	.single-event_listing #alternating_content_c div.alternating_content div.cta_c {
		justify-content: flex-start;
	}
}

@media screen and (min-width: 1200px) {
	.single-event_listing #hero_c {
		margin: 120px 0 20px 0;
	}

	.single-event_listing #hero_c h1 {
		font-size: 5.9rem;
		line-height: 8.7rem;
		width: 51%;
	}

	.single-event_listing #hero_c div.images_c {
		background: transparent url("../img/global/colorful_clover_long_stem.svg") no-repeat left bottom / clamp(0px, 14vw, 206px) auto;
		height: clamp(0px, 40vw, 712px);
		top: 0;
		width: clamp(0px, 36vw, 794px);
		max-width: 800px;
		position: absolute;
		right: 0;
	}

	.single-event_listing #hero_c div.images_c div.image:nth-child(1) {
		border: 14px solid #000;
		border-radius: 0 100px 0 0;
		height: clamp(0px, 23vw, 413px);
		width: clamp(0px, 34vw, 622px);
	}

	.single-event_listing #hero_c div.images_c div.green_layer {
		height: 5vw;
        top: 19vw;
        width: 20vw;
	}

	.single-event_listing #alternating_content_c div.alternating_content div.image {
		flex: 0 0 565px;
		height: auto;
		margin: 0 109px 0 0;
	}

	.single-event_listing #alternating_content_c div.alternating_content:nth-child(3n+1) div.image {
		border-radius: 100px 0 0 0;
	}
	.single-event_listing #alternating_content_c div.alternating_content h2 {
		font-size: 3.2rem;
		line-height: 5.1rem;
	}
}


@media screen and (min-width: 1800px) {
	.single-event_listing #hero_c div.images_c div.green_layer {
        top: 380px;
	}
}