.meeting-timeframe:not(:first-child) {
	margin-top: 1em !important;
}

.meeting-timeframe:not(:last-child) {
	margin-bottom: 1em !important;
}

.meeting {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
	column-gap: 20px;
}

.meeting:not(:first-of-type) {
	padding-top: 10px;
}

.meeting:not(:last-of-type) {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--wp--custom--light--1);
}

.meeting-title {
	width: 50%;
}

.meeting-agenda, 
.meeting-minutes {
	width: 25%;
}

.meeting-agenda-link, 
.meeting-minutes-link {
	display: block;
	padding: 10px;
	background-color: var(--wp--custom--light--3);
	border: 1px solid var(--wp--custom--light--2);
	text-align: center;
  transition: all 300ms ease-in-out;
}

.meeting-agenda-link:hover, 
.meeting-minutes-link:hover {
	background-color: var(--wp--custom--primary--light);
	border-color: var(--wp--custom--primary--main);
	color: white;
}

.meeting-agenda-link [class*="fa"], 
.meeting-minutes-link [class*="fa"], 
.meeting-agenda-link [class*="fa"]:hover, 
.meeting-minutes-link [class*="fa"]:hover {
	margin-right: 10px;
	color: inherit;
  transition: all 0ms;
}

@media screen and (max-width: 600px) {

	.meeting {
		flex-wrap: wrap;
	}

	.meeting-title {
		width: 100%;
		padding-bottom: 10px;
	}

	.meeting-agenda, 
	.meeting-minutes {
		width: calc(50% - 10px);
	}

	.meeting-agenda-link, 
	.meeting-minutes-link {
		border: 1px solid var(--wp--custom--light--2);
	}

}