.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;
}


@media screen and (max-width:900px){
	.meeting{
		flex-direction:column;
		gap:10px;
	}
}

.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,
.meeting-buttons{
	width: 50%;
}

.meeting-buttons{
	display:flex;
	gap:10px;
	    font-size: .9em;
}

@media screen and (max-width:900px){
	.meeting-title,
	.meeting-buttons{
		width: 100%;
	}
}

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

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

.meeting-agenda-link:hover, 
.meeting-minutes-link:hover,
.meeting-video-link:hover{
	background-color: white;
	border-color: var(--wp--custom--primary--dark);
	border-style: dashed;
	color: var(--wp--custom--dark--1);
}

.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;
}

.meeting div:empty{display:none!important;}

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

	.meeting {
		flex-wrap: wrap;
	}

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

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

}