/*================================================
Restaurant Newsletter Style
==================================================*/

.restaurant-newsletter-bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	padding-left: 50px;
	padding-right: 50px;
}
.restaurant-newsletter-content h2 {
	font-size: 40px;
	margin-bottom: 20px;
	color: var(--whiteColor);
}
.restaurant-newsletter-content h2 span {
	color: var(--optionalColor);
}
.restaurant-newsletter-form .mchimp-errmessage,
.restaurant-newsletter-form .mchimp-sucmessage {
	margin-top: 20px;
}
.restaurant-newsletter-content p {
	margin-bottom: 0;
}
.restaurant-newsletter-form .form-control {
	background-color: #333333 !important;
	margin-bottom: 30px;
	color: var(--whiteColor);
}
.restaurant-newsletter-form .default-btn {
	width: 100%;
}
.restaurant-newsletter-form #validator-newsletter {
	margin-top: 10px;
	text-align: center;
}

/* Max width 767px */
@media only screen and (max-width: 767px) {
    .restaurant-newsletter-bg {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.restaurant-newsletter-content {
		margin-bottom: 30px;
	}
	.restaurant-newsletter-content h2 {
		font-size: 30px;
		margin-top: -5px;
	}
	.restaurant-newsletter-form .form-control {
		margin-bottom: 20px;
	}
}
/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .restaurant-newsletter-bg {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.restaurant-newsletter-content {
		margin-bottom: 30px;
		text-align: center;
	}
	.restaurant-newsletter-content h2 {
		font-size: 30px;
		margin-top: -5px;
	}
	.restaurant-newsletter-form .form-control {
		margin-bottom: 20px;
	}
}