/*
 * Benjamin Prasad Pant — ICS Calendar event-detail presentation.
 * ICS Calendar still fetches the public Google Calendar feed server-side.
 */
.bpp-events-calendar .event {
	border-bottom: 1px solid #121212;
	cursor: pointer;
	padding: 0.9rem 0;
}

.bpp-events-calendar .event:hover,
.bpp-events-calendar .event:focus-within {
	background: #ffd929;
}

.bpp-events-calendar .event .title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: clamp(1.15rem, 2vw, 1.7rem);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1;
}

.bpp-events-calendar .event .location,
.bpp-events-calendar .event .time {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85rem;
	line-height: 1.3;
}

/* The lightbox is supplied and populated by ICS Calendar from the live feed. */
.r34ics_lightbox.open {
	background: rgba(18, 18, 18, 0.6);
}

.r34ics_lightbox .r34ics_lightbox_inner {
	max-width: 680px;
	width: min(680px, calc(100vw - 30px));
}

.r34ics_lightbox .r34ics_lightbox_content {
	background: #f0eee8;
	border: 2px solid #121212;
	box-shadow: none;
	color: #121212;
	font-family: Helvetica, Arial, sans-serif;
	padding: 26px;
}

.r34ics_lightbox .r34ics_lightbox_close {
	background: #ffd929;
	border: 2px solid #121212;
	border-radius: 0;
	box-shadow: none;
	color: #121212;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 700;
}

.r34ics_lightbox .r34ics_lightbox_content .date_in_hover_block,
.r34ics_lightbox .r34ics_lightbox_content .time_in_hover_block {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	line-height: 1.3;
	margin: 0 0 0.35rem;
	text-transform: uppercase;
}

.r34ics_lightbox .r34ics_lightbox_content .title_in_hover_block {
	border-bottom: 2px solid #121212;
	font-size: clamp(2rem, 5vw, 3.7rem);
	font-weight: 700;
	letter-spacing: -0.07em;
	line-height: 0.9;
	margin: 0 0 1.2rem;
	padding: 0.65rem 3rem 1rem 0;
}

.r34ics_lightbox .r34ics_lightbox_content .location {
	border-top: 1px solid #121212;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
	margin-top: 1.2rem;
	padding-top: 0.75rem;
}

.r34ics_lightbox .r34ics_lightbox_content .eventdesc {
	font-size: 1rem;
	line-height: 1.45;
	margin-top: 1.1rem;
}

.r34ics_lightbox .r34ics_lightbox_content .eventdesc p:first-child {
	margin-top: 0;
}

@media (max-width: 782px) {
	.r34ics_lightbox .r34ics_lightbox_inner {
		height: calc(100% - 30px);
		max-height: none;
	}

	.r34ics_lightbox .r34ics_lightbox_content {
		padding: 20px;
	}
}