@media (max-width: 690px) {
	.event-report-first-line,
	.event-whole {
		display: flex;
	}

	.event-whole {
		flex-wrap: wrap;
		margin: 0.5rem 0;
		padding: 0.5rem;
		border-radius: 0.5rem;
		min-width: 320px;
	}

	.event-report-first-line,
	.event-report-title {
		min-width: 300px;
	}


	.event-time {
		font-weight: bold;
		margin-right: 1rem;
	}

	.event-report-first-line {
		margin-bottom: 1rem;
	}


	.event-report-profiles {
		display: flex;
	}

	.event-report-profile {
		margin-right: 0.5rem;
	}


}

@media (min-width: 690px) {

	.event-whole,
	.event-report-first-line {
		display: flex;
	}

	.event-whole {
		border-radius: 0.5rem;	
		margin: 0.5rem 0;
	}
	
	.event-time,
	.event-report-profiles,
	.event-report-title,
	.event-label {
		padding: 1rem;
	}
	

	.event-time { 
		min-width: 4rem;
	}
	.event-report-profiles { 
		min-width: 9rem;
	}
	

}


@media (prefers-color-scheme: dark) {
	
	.report-in-section div,
	.report-in-section a,
	.section-title {
		color: var(--bg-col);
	}


}

.event-report-title:hover {
	text-decoration: underline;
}


.event-time,
.event-report-profile,
.event-report-profiles,
.event-report-first-line,
.event-report-title,
.event-label {

	background: none;

}

.event-report:hover {
	text-decoration: underline;
}

.sect-list-visible {
	padding-right: 0.5rem;
}

#program-sections {
	margin: 1rem 0;
}

.day-anchor {
	display: block;
	padding-bottom: 1rem;
}
.program-day-container {
	margin: 1.5rem 0;
}

.program-day {
	margin: 0.5rem;
}



table, th, td {
	border: 2px solid #656565;
	border-collapse: collapse;
}

th:first-of-type {
	border-top-left-radius: 10px;
}

th:last-of-type {
	border-top-right-radius: 10px;
}

tr:last-of-type th:first-of-type {
	border-bottom-left-radius: 10px;
}

tr:last-of-type th:last-of-type {
	border-bottom-right-radius: 10px;
}

.hover-underline:hover {
	text-decoration: underline;
}


@media(min-width: 800px) {
	td, th {
		padding: 1rem;
	
	}
}

@media(max-width: 800px) {

	th {
		padding: 1rem;
	}

	td {
		padding: 1rem 0.3rem;
	}
}

.centered {
	text-align: center;
	font-weight: 900;
}

.table-label {
	padding: 1rem 0;
	text-align: center;
	margin: 1rem 0;
	border-radius: 5px;
	background-color: var(--accent-color);
}


