.wcs-timetable--large{
	width: 100%;
	text-align: left;

	.wcs-table{
		display: table;

		&__te{
			display: table-row;

			& > div{
				display: table-cell;
			}
		}
	}

	tbody{
		border-color: inherit;
		display: block;
		width: 100%;

		@media (min-width: 768px) {
			display: table-row-group;
		}
	}
	.wcs-table__tr{
		border-color: inherit;
	}

	.wcs-table__tr:first-of-type{
		.wcs-table__td{
			border-top: none;
		}
	}
	.no-classes{
		border-style: solid;
		border-width: 1px;
	}

	.wcs-class__time{
		letter-spacing: 1px;
		text-align: center;

		span{
			display: inline-block;
		}
	}

	.wcs-table__tr{
		display: flex;
		flex-wrap: wrap;
		padding: 20px 0;

		&.wcs-timetable__heading{
			display: block;
			width: 100%;

			.wcs-table__td:first-child{
				border-top-left-radius: 2px;
				border-bottom-left-radius: 2px;
			}
			.wcs-table__td:last-child{
				border-top-right-radius: 2px;
				border-bottom-right-radius: 2px;
			}
			.wcs-table__td{
				padding: 10px;
				border-top: none;
				text-align: left;
				cursor: inherit;
				text-transform: capitalize;

				@media (min-width: 768px) {
					padding: 2vh 1.5vh;
				}
			}

			+ .wcs-table__tr > .wcs-table__td{
				border-top: none;
			}
			.wcs-class__time{
				width: 100%;
				display: block;
				border-top-right-radius: 2px;
				border-bottom-right-radius: 2px;
				text-align: center;
			}
			.wcs-class__title,
			.wcs-class__locations,
			.wcs-class__instructors{
				display: none;
			}


			@media (min-width: 768px) {
				display: table-row;

				.wcs-class__time{
					width: 17.5%;
					border-top-right-radius: 0;
					border-bottom-right-radius: 0;
					display: table-cell;
				}
				.wcs-class__duration{
					width: 7.5%;
				}
				.wcs-class__title{
					padding-left: 0;
					display: table-cell;
				}
				.wcs-class__locations,
				.wcs-class__instructors{
					width: 20%;
					display: table-cell;
				}
			}

		}

		.wcs-table__td{
			padding: 10px;
			position: relative;
			display: block;
			box-sizing: border-box;

			@media (min-width: 768px) {
				padding: 2vh 1.5vh;
				display: table-cell;
			}

			&.wcs_class__duration{
				text-align: right;
			}
		}

		.wcs-class__excerpt{
			margin-top: 0.5vh;
			font-size: 90%;
			opacity: 0.75;
		}

		small{
			display: block;
			opacity: 0.75;
			line-height: 1.6
		}
		[data-wcs-location] a,
		[data-wcs-instructor] a{
			position: relative;
			z-index: 1;
		}
		@media (max-width: 767px) {
			.wcs-class__time{
				width: 50%;
				text-align: left;
			}
			.wcs-class__duration{
				width: 50%;
				text-align: right;
			}
			.wcs-class__title{
				padding: 0 10px 10px;
				width: 100%;
			}
			.wcs-class__locations,
			.wcs-class__instructors{
				width: 100%;
				padding: 0 10px;
			}
			.wcs-class__locations::before{
				content: attr(data-wcs-location)':';
				display: inline-block;
				opacity: 0.75;
				margin-right: 10px;
			}
			.wcs-class__instructors::before{
				content: attr(data-wcs-instructor)':';
				display: inline-block;
				opacity: 0.75;
				margin-right: 10px;
			}
		}
		@media (min-width: 768px) {
			display: table-row;
			padding: 0;

			&:not(.wcs-timetable__heading) + .wcs-table__tr:not(.wcs-timetable__heading){
				.wcs-table__td{
					&::after{
						content: '';
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						right: 0;
						border-top-width: 1px;
						border-top-style: solid;
						border-top-color: inherit;
						opacity: 0.15;
					}
				}
			}
			&:not(.wcs-timetable__heading):not(.wcs-class--canceled):hover .wcs-table__td::before{
				content: '';
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background-color: currentcolor;
				opacity: 0.05;
				z-index: 0;
			}
		}
		&:not(.wcs-class--canceled) .wcs-modal-call{
			cursor: pointer;
		}
		&.wcs-class--canceled{
			text-decoration: line-through;
			opacity: 0.45;
			position: relative;

			.wcs-table__td{
				position: static;
			}
			@media (min-width: 768px) {
				.wcs-table__td{
					position: relative;
				}
				.wcs-table__td::before{
					content: '';
					display: block;
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					background-color: currentcolor;
					opacity: 0.125;
				}
			}
			.wcs-table__td:first-of-type::before{
				content: '';
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background-color: currentcolor;
				opacity: 0.125;
			}

		}
	}
	span{
		font-size: inherit;
	}
}
