html {
	background: url("img/evn/tea-texture-14-trcbrn4_f.jpg");
	/* go back to tea_e.jpg for a darker background */
	background-size: cover;
}
.banner h1 {
	color: var(--trc-brn3);
	font-size: min(7vw, 5rem);
	opacity: 90%;
	top: 10%;
	left: 3%;
}
.banner img {
	opacity: 80%;
}
.verse, .reference {
	color: var(--trc-brn3);
	font-weight: 600;
	font-size: 1.5rem;
}
blockquote.reference {
	margin-bottom: 2rem;
}
div.events {
	display: grid;
	justify-content: space-around;
	justify-items: center;
	align-content: center;
	align-items: start;
	grid-template-columns: repeat(auto-fill, 320px);
	gap: 2rem;
	color: var(--trc-brn4);
}
div.events article {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 8px;
	padding: 1rem;
	justify-items: center;
	border: 3px solid var(--trc-brn4);
	border-radius: 10px;
	background-color: var(--trc-brn9);
	margin-bottom: 1.5rem;
}
div.events h3 {
	color: var(--trc-brn5);
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
}
div.events article img {
	mask-image: none;
	max-width: 280px;
	border: 1px solid var(--trc-brn4);
	border-radius: 6px;
	box-shadow: 5px 5px 5px;
	color: var(--trc-brn5);
	margin-top: 1rem;
	margin-bottom: 1.2rem;
}
div.events article img.box-shadow--grey {
	color: var(--trc-gry5);
}
div.events article img.transparent {
	background: var(--trc-brn8);
}
div.events article h4 {
	font-family: var(--ff-crs);
	font-size: 1.7rem;
	font-weight: 500;
	color: var(--trc-brn4);
	margin-top: 0.5rem;
	text-align: center;
}
div.events article p {
	font-size: var(--fs-md);
	text-align: center;
}
div.events p.time {
	font-weight: 600;
}
div.events address {
	text-align: center;
}
div.events ul {
	list-style-type: disc;
	margin-left: 2rem;
}
div.events article a {
	text-align: center;
	color: var(--trc-brn8);
	font-size: 1rem;
	font-weight: 700;
	font-family: var(--ff-sns);
	background: var(--trc-brn4);
	padding: 0.5rem;
	border: 1px solid var(--trc-blk5);
	border-radius: 8px;
}
div.events article p:has(a) {
	padding: 1rem;
}
div.events hr {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
footer {
	padding-top: 0rem;
}