/*
	Theme Name: B.J. Meyer Sons
	Theme URI: https://www.bjmeyersons.com
	Description: B.J. Meyer Sons Funeral Home & Crematory. Built on HTML5 Blank; a port of the original ASP.NET MVC site. Requires Advanced Custom Fields Pro and Gravity Forms.
	Version: 1.0.6
	Author: Mobilize Cloud
	Author URI: https://www.mobilizecloud.com
	Requires PHP: 7.4
	Text Domain: bjmeyersons
*/

/*
 * The site's look comes from the original stylesheets in assets/Content/Styles/CSS
 * (enqueued in inc/setup.php). This file only holds WordPress-specific additions.
 */

/* Contact form: Gravity Forms laid out like the original two-column form.
   GF's own CSS is disabled (inc/gravity-forms.php), so hide its helpers here. */
.bjm-contact-form .gform_validation_container,
.bjm-contact-form .gform_hidden,
.bjm-contact-form .gfield--type-honeypot,
.bjm-contact-form .gform_required_legend,
.bjm-contact-form .gform_ajax_spinner {
	display: none !important;
}

/* Placeholders show the labels visually (as on the original); keep labels for screen readers. */
.bjm-contact-form .gfield_label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.bjm-contact-form .gform_fields {
	display: grid;
	grid-template-columns: 1fr 1fr;
	text-align: center;
}

/* Each cell behaves like the original's Bootstrap .col-md-6 (15px gutters). */
.bjm-contact-form .gfield.bjm-textbox,
.bjm-contact-form .gfield.bjm-messagebox {
	padding: 0 15px;
}

.bjm-contact-form .gfield.bjm-textbox {
	grid-column: 1;
}

.bjm-contact-form .gfield.bjm-messagebox {
	grid-column: 2;
	grid-row: 1 / span 3;
}

.bjm-contact-form .gfield--type-turnstile,
.bjm-contact-form .gfield.bjm-turnstile {
	grid-column: 1 / -1;
	margin-top: 20px;
}

.bjm-contact-form .gfield--type-turnstile .ginput_container,
.bjm-contact-form .bjm-turnstile .ginput_container {
	display: flex;
	justify-content: center;
}

/* Fields fill their column, as on the original (its .control-group rules override .textbox1's 95%). */
.bjm-contact-form input.textbox1 {
	width: 100%;
}

.bjm-contact-form input[type="email"],
.bjm-contact-form input[type="tel"] {
	background: #fff;
	height: 50px;
	font-size: 14px;
	font-style: italic;
	color: #6A7172;
	line-height: 20px;
	border-radius: 5px;
	text-align: left;
	font-weight: 400;
	padding-left: 10px;
	border: 1px solid #ededed;
	margin: 10px 0 0 0;
}

.bjm-contact-form .gfield_validation_message,
.bjm-contact-form .validation_message {
	color: #a94442;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	display: block;
}

.bjm-contact-form .gform_validation_errors,
.bjm-contact-form .gform_confirmation_message {
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

.bjm-contact-form .gform_validation_errors {
	color: #a94442;
}

/* Original site's .Success style for the sent message. */
.bjm-contact-form .gform_confirmation_message {
	color: green;
}

.bjm-contact-form .gform_validation_errors h2 {
	font-size: 14px;
	font-weight: bold;
}

.bjm-contact-form .gform_footer {
	text-align: center;
	margin-top: 20px;
}

/* Original #SubmitContactForm style. Background and colour are explicit because
   the Tukios stylesheet's reset makes buttons transparent with white text. */
.bjm-contact-form .gform_footer .blue-pill {
	background: #fff;
	border: 1px solid #768770;
	color: #768770;
	padding: 15px;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
}

.bjm-contact-form .gform_footer .blue-pill:hover,
.bjm-contact-form .gform_footer .blue-pill:focus {
	background: #768770;
	color: #fff;
}

/* Contact page: address/phone band above the form. The form section is last
   before the footer, so it leaves room for the footer's tree silhouette,
   which overlaps the bottom of whatever sits above it. */
#contact .bjm-contact-address {
	padding: 40px 0 20px;
}

#contact .contact-container .service_overlay {
	padding-bottom: 120px;
}

@media (max-width: 991px) {
	.bjm-contact-form .gform_fields {
		grid-template-columns: 1fr;
	}

	.bjm-contact-form .gfield.bjm-textbox,
	.bjm-contact-form .gfield.bjm-messagebox {
		grid-column: 1;
		grid-row: auto;
	}
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}