.missing-google-maps-api-key{
	background-color: #DF5851;
	color: white;
	padding: 30px;

	small{
		display: block;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: normal;
		padding-top: 20px;
		opacity: 0.6;
	}
}

#single-wcs-event{
	max-width: 1170px;
	padding: 0 15px;
	margin: 0 auto;

	&.single-wcs-event--right{

	}

	.wcs-map{
		margin-top: 2vh;
	}

	&.single-wcs-event--left{
		display: flex;
		flex-wrap: wrap;

		.wcs-single-left{
			flex: 1 0 0;
			padding-right: 5vh;
			order: 2;
			flex-basis: 100%;
		}

		.wcs-single-right{
			flex: 1 0 0;
			order: 1;
			flex-basis: 100%;
		}

	}

	&.single-wcs-event--right{
		display: flex;
		flex-wrap: wrap;

		.wcs-single-left{
			flex: 1 0 0;
			padding-right: 5vh;
			order: 2;
			flex-basis: 100%;
		}

		.wcs-single-right{
			flex: 1 0 0;
			order: 1;
			flex-basis: 100%;
		}

	}

	&.single-wcs-event--center{
		display: flex;
		flex-direction: column;

		.wcs-single-left{
			flex: 1 0 0;
			order: 2;
		}

		.wcs-single-right{
			flex: 1 0 0;
			order: 1;
		}

	}

	@media(min-width: 768px){
		flex-wrap: nowrap;

		.wcs-single-right{
			position: relative;
			border-radius: 3px;
			text-align: center;

			p:empty{
				display: none;
			}

			&::before{
				content: '';
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				border-radius: 3px;
				background-color: currentcolor;
				opacity: 0.05;
			}

			&__content{
				padding: 4vh;
			}
		}

		&.single-wcs-event--right{
			flex-direction: row-reverse;

			.wcs-single-left{
				flex: 2 0 0;
				padding-right: 5vh;
			}

			.wcs-single-right{
				flex: 1 0 0;
			}

		}

		&.single-wcs-event--left{

			.wcs-single-left{
				flex: 2 0 0;
				padding-left: 5vh;
			}

			.wcs-single-right{
				flex: 1 0 0;
			}

		}

		&.single-wcs-event--center{
			flex-wrap: wrap;

			.wcs-single{

				&-left{
					flex: 1 0 0;
					margin-top: 4vh;
				}

				&-right{
					flex: 1 0 0;
					margin-bottom: 4vh;
					position: relative;
				}

		}

	}

	.wcs-single{

		&__date{
			&::before{
				content: "\e6b6";
				font-family: 'themify';
				display: inline-block;
				margin-right: 1vh;
				font-size: 14px;
			}

			& + .wcs-single__date::before{
				content: ' — ';
				font-family: inherit;
			}
		}
		&__time{

		}
		&__time-duration{
			margin-bottom: 2vh;
		}
			&__starting{
				margin-left: 1vh;
				margin-right: .75vh;

				&::before{
					content: "\e72b";
					font-family: 'themify';
					display: inline-block;
					margin-right: 1vh;
					font-size: 14px;
				}
			}
			&__ending,
			&__starting,
			&__date{
				display: inline-block;
				font-size: 1.2em;
				margin-bottom: 2vh;
			}
			&__action{
				padding-top: 2vh;
			}
			&__instructor{
				font-size: 0.65em;
				text-transform: uppercase;
				letter-spacing: 2px;
				opacity: 0.75;
			}
			&__location{
				margin-bottom: 1vh;
				padding-top: 2vh;
				position: relative;

				&::before{
					content: '';
					display: block;
					position: absolute;
					top: 0;
					width: 4em;
					left: 50%;
					margin-left: -2em;
					border-top: 3px solid currentcolor;
					opacity: 0.125;
				}
			}
			&__duration{
				opacity: 0.5;
				margin-left: 1vh;
			}
		}

		.wcs-btn{
			margin-bottom: 0 !important;
			padding: 1vh 3vh;
			font-weight: bold;
		}
	}

	.wcs-single__image{
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		max-width: 100%;
		height: auto;
	}

	.wcs-event-details{
		min-height: 600px;
		position: relative;
		margin-bottom: 4vh;
		text-align: center;
		padding: 4vh;

		&::before{
			content: '';
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			border-top: 2px dashed currentcolor;
			border-bottom: 2px dashed currentcolor;
			opacity: 0.25;
		}
	}

}

.fusion-footer #single-wcs-event.single-wcs-event--left,
.fusion-footer #single-wcs-event.single-wcs-event--right,
.fusion-tb-header #single-wcs-event.single-wcs-event--right,
.fusion-tb-header #single-wcs-event.single-wcs-event--left{
	display: block;
}
.fusion-footer #single-wcs-event,
.fusion-tb-header #single-wcs-event
{
	max-width: none;
	padding: 0;
}
.fusion-footer #single-wcs-event .wcs-single-left,
.fusion-tb-header #single-wcs-event .wcs-single-left
{
	padding: 0
}
.fusion-footer #single-wcs-event .wcs-single-right,
.fusion-tb-header #single-wcs-event .wcs-single-right
{
	display: none;
}
