.maintenance-page {
	display: table;
	width: 100%;
	height: 100%;
	.tm-mailchimp-form {
		div {
			display: block;
		}
		.form-wrap {
			position: relative;
			margin-bottom: 0;
		}
		input[type="email"] {
			height: 56px;
		}
		button {
			position: absolute;
			top: 0;
			right: 15px;
		}
	}
	&.comingsoon-page {
		button#submit {
			display: block;
			position: static;
			margin: 30px auto 0;
		}
		.tm-mailchimp-form input[type="email"] {
			background-color: #ffffff;
			padding: 0 15px;
		}
		.form-subscribe::before {
			display: none;
		}
	}
}

.maintenance-body {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	background-color: #ffffff;
}

.maintenance-row {
	padding: 50px 0;
}

.maintenance-title {
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 15px;
	&--white {
		color: #ffffff;
	}
}

.maintenance-text {
	margin-bottom: 15px;
}

.maintenance-form-row {
	margin-bottom: 80px;
}

.mailchimp-form-title {
	text-align: left;
	margin-bottom: 10px;
	font-size: 24px;
}

.maintenance-social-list {
	font-size: 16px;
	> a {
		color: $primary-color;
		+ a {
			margin-left: 24px;
		}
	}
}

/* Coming Soon */
.cs-countdown {

	@include media-breakpoint-up(sm) {
		margin-bottom: 40px;
	}
	.countdown-wrap > div {
		display: inline-block;
		+ div {
			margin-left: 20px;
			position: relative;
			@include media-breakpoint-up(sm) {
				margin-left: 108px;
			}
			@include media-breakpoint-up(sm) {
				&:before {
					content: ":";
					font-size: 30px;
					position: absolute;
					left: -54px;
					top: 50%;
					margin-top: -20px;
					color: #ffffff;

				}
			}
		}

	}
	.number,
	.text {
		display: block;
	}

	.number {
		font-size: 40px;
		line-height: 1;
		@include media-breakpoint-up(sm) {
			font-size: 56px;
			line-height: 65px;
		}
	}

	.text {
		line-height: 30px;
		text-transform: capitalize;
	}
}

.cs-form {
	margin-top: 90px;
	[class*='col-'] {
		flex: 0 0 100%;
		width: 100%;
		max-width: none;
	}
	input {
		max-width: 520px;
		text-align: center;
	}
}

@media (max-width: 782px) {
	.page-template-coming-soon {
		&.admin-bar {
			margin-top: 46px;
		}
	}
}

@include media-breakpoint-down(sm) {
	.cs-form {
		margin-top: 30px;
	}
}