/* ah-schedule-buttons */
.ah-schedule-buttons{
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	gap: 5px;
	max-width: 1000px;
}

.ah-schedule-buttons > a,
.ah-schedule-buttons > a:link,
.ah-schedule-buttons > a:visited{
	padding: 10px;
	flex: 1;
	min-width: 200px;
}

/* ah table */
.ah-table{
	display: grid;
	grid-template-columns: repeat(12, auto);
	color: #FFFFFF;
	font-size: 12pt;
	overflow-x: auto;
}

.ah-table .thead,
.ah-table .tbody,
.ah-table .tr,
.ah-table .smsc-col{
	display: contents;
}

.ah-table .th,
.ah-table .td{
	padding: 5px;
	min-height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.ah-table .th{
	background-color: #310707;
	font-weight: 600;
	color: #d7a461;
}

.ah-table .th.date-heading{
	grid-column: span 12;
}

.ah-table .td{
	font-size: 0.85em;
}

.ah-table .td.date,
.ah-table .td.event,
.ah-table .td.stack,
.ah-table .td.late-reg{
	white-space: wrap;
}

/* bgsc */
@media only screen and (min-width: 1201px){
	.ah-table .th.date-heading{
		overflow: hidden;
		padding: 0;
		max-height: 0;
		min-height: unset;
		border-bottom: 1px solid red;
	}
	
	.ah-table .tbody .tr:nth-child(2n-1) .td{
		background-color: rgba(255, 255, 255, 0.1);
	}

	.ah-table .tbody .tr:hover .td{
		background-color: #464A52;
	}
}

/* smsc */
@media only screen and (max-width: 1200px){
	.ah-table{
		grid-template-columns: min-content 1fr;
		overflow: unset;
	}
	
	.ah-table .smsc-col{
		display: flex;
		flex-flow: column nowrap;
		background-color: rgba(255, 255, 255, 0.1);
	}

	.ah-table .tbody .tr .smsc-col{
		padding: 10px;
	}
	
	.ah-table .thead .tr .smsc-col,
	.ah-table .tbody .tr:not(:last-child) .smsc-col{
		margin-bottom: 10px;
	}

	.ah-table .th,
	.ah-table .td{
		padding: 0;
		min-height: 0;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
	}

	.ah-table .th{
		padding: 5px 10px;
	}
	
	.ah-table .th:not(.time, .event, .date-heading){
		display: none;
	}

	.ah-table .th.date-heading{
		margin-bottom: 10px;
		grid-column: span 2;
		justify-content: flex-start;
		text-align: left;
		background-color: #464A52;
		color: #FFFFFF;
	}
	
	.ah-table .td{
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		gap: 5px;
	}

	.ah-table .td:not(.date, .time, .event)::before{
		content: attr(data-col-name);
		display: block;
		font-weight: 600;
	}
	
	.ah-table .td.date{
		display: none;
	}
	
	.ah-table .td.time,
	.ah-table .td.event{
		margin-bottom: 10px;
		padding: 5px;
		font-weight: 600;
	}

	.ah-table .td.event{
		order: -1;
		background-color: rgba(255, 255, 255, 0.1);
	}

	.ah-table .btn.btn-mod.btn-w.btn-round{
		padding: 0;
		letter-spacing: 0;
	}
}