.app-plugins-events-title {

	padding: 0.5vw;
	padding-left: 1vw;
	padding-right: 1vw;

	font-weight: bold;

	color: rgb(var(--ColorTextInvert));
	background-color: rgb(var(--ColorAccentBright));
	
}

.app-plugins-events-meta {
	
	max-width: 30vw;
	
	padding: 0.5vw;
	
	background-color: rgba(var(--ColorHighlight), 0.1);
	
}

.app-plugins-events-meta a {
	
	text-decoration: none;
	font-weight: bold;
	
}

.app-plugins-events-content {
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
}

.app-plugins-events-content-about {
	
	display: flex;
	flex-direction: column;
	
}

.app-plugins-events-content-meta {
	
	display: flex;
	flex-direction: column;
	
	background-color: rgba(var(--ColorHighlight), 0.1);
	
}

.app-plugins-events-heading {
	
	padding-top: 0.25vw;
	font-weight: bold;
	
}
/* INLINE STYLING */
.app-events-date {
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	
	align-items: center;
	
}

.app-events-date h4 {
	
	margin: auto;
	
}

.app-events-list {
	
	max-height: 50vh;
	overflow: auto;
	
}

.app-events-listed {
	
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	
	padding: 1vw;
	
	box-shadow: 0 0 0 0.1vw rgb(255, 255, 255, 0.5);
	
	color: rgb(var(--ColorText));
	background-color: rgb(var(--ColorAccentBright), 0.8);
	backdrop-filter: blur(10px);
	
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
	
}

.app-events-listed:active,
.app-events-listed:hover {
	
	background-color: rgb(var(--ColorHighlight), 0.8);
	
}

.app-events-listed:nth-of-type(even) {
	
	background-color: rgb(var(--ColorContrast), 0.8);
	
}

.app-events-listed:nth-of-type(even):active,
.app-events-listed:nth-of-type(even):hover {
	
	background-color: rgb(var(--ColorHighlight), 0.8);
	
}

.app-events-listed:first-child {

	border-radius: 1vw 1vw 0 0;
	
}

.app-events-listed:last-child {
	
	border-radius: 0 0 1vw 1vw;
	
}

.app-events-listed:only-child {
	
	border-radius: 1vw 1vw 1vw 1vw;
	
}

.app-events-listed h5 {
	
	display: inline;
	
	margin: 0px;
	padding-right: 0.5vw;
	
}

.app-events-listed h6 {
	
	display: inline;
	
	margin: 0px;
	
}

.app-events-content {
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap-reverse;
	
}

.app-events-content-meta {
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-grow: 1;
	justify-content: space-between;
	align-items: center;
	
	background-color: rgba(var(--ColorAccentDark), 0.2);
	
}

.app-events-content-meta span {
	
	padding: 1vw;
	
}

.app-events-content-about {
	
	display: flex;
	flex-direction: column;
	min-width: 50vw;
	
}