/*
 * Gravity Forms 3.0 compatibility shim.
 *
 * GF 3.0 changed the submit control from <input type="submit"> to
 * <button class="gform-button gform-button--white">, and renamed the submit field wrapper from
 * #field_submit to #field_submit_<formId> (.gfield--type-submit). The theme styles
 * input[type="submit"] and targets #field_submit, so on GF 3.0 the estimate button inherits no
 * styling at all and renders as a raw browser button.
 *
 * The declarations below mirror the %btn placeholder in app/scss/base/_buttons.scss. That partial
 * has also been updated to include .gform-button, so once app/css/style.css is rebuilt from SCSS
 * this file becomes redundant and can be deleted along with its wp_enqueue_style call.
 */

/*
 * Selectors are scoped to .gform_wrapper deliberately. Gravity Forms enqueues its own
 * stylesheets after this file, so a bare .gform-button could be overridden by a later rule of
 * equal specificity. Scoping keeps this winning regardless of load order.
 */
.gform_wrapper .gform-button {
	display: inline-block;
	padding: 0 1.57rem;
	vertical-align: top;
	color: #ff0004;
	font-size: 1.25rem;
	font-family: "Eina SemiBold";
	line-height: 2.75rem;
	min-width: 10.88rem;
	min-height: 3.13rem;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
	border: 2px solid #ff0004;
	border-radius: 0;
	background-color: transparent;
	cursor: pointer;
	-webkit-appearance: button;
	transition: background-color .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
}

.gform_wrapper .gform-button:hover, .gform_wrapper .gform-button:focus, .gform_wrapper a:hover .gform-button {
	color: #fff;
	text-decoration: none;
	background-color: #ff0004;
	cursor: pointer;
}

/*
 * GF 3.0 ships gform-button--white, which sets its own colours and would otherwise override the
 * theme's. Neutralise it so the estimate button matches every other button on the site.
 */
.gform_wrapper .gform-button.gform-button--white {
	color: #ff0004;
	background-color: transparent;
	border-color: #ff0004;
}

.gform_wrapper .gform-button.gform-button--white:hover, .gform_wrapper .gform-button.gform-button--white:focus {
	color: #fff;
	background-color: #ff0004;
}

/*
 * Spacing and width for the estimate submit, ported from the old
 * `.get_your_quote_block #field_submit` rules onto GF 3.0's markup.
 */
.gform_wrapper .price-calculator-gf .gfield--type-submit {
	margin-top: 40px;
}

.gform_wrapper .price-calculator-gf .gfield--type-submit .gform-button {
	width: 335px;
}

@media (max-width: 575px) {
.gform_wrapper .gform-button {
		font-size: .82rem;
		line-height: 1.63rem;
		min-width: 7.32rem;
		min-height: 2rem;
		padding: 0 .75rem;
	}

.gform_wrapper .price-calculator-gf .gfield--type-submit {
		margin-top: 20px;
		margin-bottom: 0;
	}

.gform_wrapper .price-calculator-gf .gfield--type-submit .gform-button {
		width: 100%;
		line-height: 36px;
	}
}