/* put here your custom css styles */

/* Tighten the gap between page headers and the first content section. */
.page-header > .vc_row {
	padding: 40px 0;
}

.theme-page > .clearfix > .page-margin-top-section:first-child {
	margin-top: 40px;
}

.theme-page > .clearfix > .wpb-content-wrapper > .page-margin-top-section:first-child {
	margin-top: 40px;
}

.theme-page > .clearfix > .page-margin-top:first-child {
	margin-top: 30px;
}

.theme-page > .clearfix > .wpb-content-wrapper > .page-margin-top:first-child {
	margin-top: 30px;
}

/* Contact page: remove the extra gap above the first section. */
.page-id-849 .theme-page > .clearfix > .wpb-content-wrapper > .vc_row:first-child.page-margin-top-section {
	margin-top: 0;
}

.page-id-849 .theme-page > .clearfix > .wpb-content-wrapper > .vc_row:first-child.padding-top-89 {
	padding-top: 24px;
}

/* Contact form: clearer field boundaries and shorter inputs. */
body.page-id-849 #contact-form input.text_input,
body.page-id-849 #contact-form textarea {
	background: #fff !important;
	border: 1px solid #152f48 !important;
	box-shadow: none;
}

body.page-id-849 #contact-form input.text_input {
	height: 64px !important;
	padding: 28px 18px 10px !important;
	line-height: 20px !important;
	margin-top: 0 !important;
}

body.page-id-849 #contact-form textarea {
	min-height: 214px !important;
	height: 214px !important;
	padding: 28px 18px 14px !important;
	line-height: 22px !important;
	margin-top: 0 !important;
}

body.page-id-849 #contact-form .flex-box label+input,
body.page-id-849 #contact-form .flex-box label+textarea {
	padding-top: 28px !important;
}

body.page-id-849 #contact-form input.text_input:focus,
body.page-id-849 #contact-form textarea:focus {
	border-color: #56b665 !important;
	outline: none;
}

body.page-id-849 #contact-form .submit-contact-form:hover,
body.page-id-849 #contact-form .submit-contact-form:focus {
	background: #122c44 !important;
	border-color: #122c44 !important;
	color: #fff !important;
}

/* Homepage header and slider branding moved to cleanmate-child/brand.css. */

@media screen and (max-width: 767px) {
	.page-header > .vc_row {
		padding: 20px 0;
	}

	.theme-page > .clearfix > .page-margin-top-section:first-child {
		margin-top: 24px;
	}

	.theme-page > .clearfix > .wpb-content-wrapper > .page-margin-top-section:first-child {
		margin-top: 24px;
	}

	.theme-page > .clearfix > .page-margin-top:first-child {
		margin-top: 20px;
	}

	.theme-page > .clearfix > .wpb-content-wrapper > .page-margin-top:first-child {
		margin-top: 20px;
	}

	.page-id-849 .theme-page > .clearfix > .wpb-content-wrapper > .vc_row:first-child.padding-top-89 {
		padding-top: 16px;
	}

	body.page-id-849 #contact-form input.text_input {
		height: 58px !important;
		padding: 24px 16px 8px !important;
	}

	body.page-id-849 #contact-form textarea {
		min-height: 190px !important;
		height: 190px !important;
		padding: 24px 16px 12px !important;
	}

	body.page-id-849 #contact-form .flex-box label+input,
	body.page-id-849 #contact-form .flex-box label+textarea {
		padding-top: 24px !important;
	}

}