h2 {
	margin-bottom: 1rem;
}
/* past */

.past {
}

.past h3 {
	display: list-item;
	list-style-position: outside;
	list-style-type: circle;
}

.past h3::marker {
	content: "|";
	font-size: 2rem;
	color: var(--bgLogo);
	font-weight: 900;
}

.past button {
	display: none;
}

.past .event {
	display: flex;
	/* flex-direction col added later */
	flex-direction: column;
	background: unset;
	width: clamp(200px, 20vw, 600px);
	justify-content: flex-start;
	gap: 1rem;
	margin: 2.5rem 0;
}

.past .flex-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.past .wrapper {
	display: none;
}

.past .event img {
	left: 0;
	width: clamp(200px, 20vw, 600px);
	transform: unset;
	box-shadow: 5px 5px 10px gray;
	padding: 0;
}

.past .past-text p {
	width: 30ch;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.past .past-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.5rem;
}

.past .past-text a {
	color: var(--textDark);
}

.past .svg-img {
	display: none;
}

/* everything inside p that is not the first child */
.past .past-text p :not(p:nth-child(1)) {
	display: none;
}

/* inpage // news-detail */

.news-detail {
}

.news-detail .grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
}

.news-detail .container {
	margin: 2.5rem auto;
}

.news-detail .venue {
	display: block;
}

.news-detail .event {
	width: 100%;
	background-color: unset;
}

.news-detail .event img {
	width: 100%;
}

.news-detail .past-text {
	display: block;
	margin: 1.5rem 0;
}

.news-detail .past-text h3 {
	margin-bottom: 1rem;
}

.news-detail .event .wrapper {
	flex-direction: column;
	gap: 0.2rem;
}

.news-detail .details .title {
	display: none;
}

.news-detail .details::before {
	display: none;
}

.news-detail .wrapper h3 {
	margin-bottom: 1rem;
}

.news-detail p + h3 {
	margin: 1rem 0;
}

.news-detail a {
	display: none;
}

.video-container {
	height: 500px;
}

/* added !important */

added a {
	display: contents !important;
}

added p {
	margin: 1rem 0;
}

@media only screen and (min-width: 350px) and (max-width: 910px) {
	.past .event img {
		width: clamp(100px, 20vw, 600px);
	}

	.news-detail .grid {
		grid-template-columns: 1fr;
	}

	.news-detail .event .wrapper {
		padding: unset;
	}
}