.maxcoach-event {
	.maxcoach-box {
		@extend %NormalTransition;
		display: block;
		background: #f8f8f8;
		border-radius: 5px;
		text-align: center;

		&:hover {
			background: #fff;
			box-shadow: 0 0 40px rgba(51, 51, 51, .1);

			.event-overlay-background,
			.event-overlay-content {
				visibility: visible;
				opacity: 1;
			}
		}
	}

	.event-image {
		position: relative;
		border-top-left-radius: inherit;
		border-top-right-radius: inherit;
		overflow: hidden;

		img {
			width: 100%;
		}
	}

	.event-overlay-background {
		@extend %NormalTransition;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		visibility: hidden;
	}

	.event-overlay-content {
		@extend %NormalTransition;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		visibility: hidden;
		display: table;
		width: 100%;
		height: 100%;

		.inner {
			display: table-cell;
			vertical-align: middle;
		}
	}

	.event-caption {
		padding: 15px 20px 23px;
	}

	.event-title {
		font-size: 20px;
		line-height: 1.5;
		margin: 0;
	}

	.event-date {
		font-size: 15px;
		font-weight: 500;
		line-height: 2;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin: 0 0 4px;
	}

	.event-location {
		font-size: 17px;
		color: #7e7e7e;
		margin: 23px 0 0;

		span {
			margin-right: 5px;
		}
	}

	.tm-button {
		min-width: 132px;

		&.style-flat {
			&:before,
			&:after {
				background-color: #fff;
			}
		}
	}
}