/*
 * Compatibility fixes for the WordPress 7 / Gravity Forms 3 upgrade, so the site renders as before.
 *
 * Not compiled from assets/ - the SCSS there is out of sync with style.css.
 *
 * Gravity Forms 3:
 * GF 3 renders the submit as <button> instead of <input type="submit">, and outputs the
 * honeypot as the first field, so the first visible field is no longer :first-of-type.
 * Rules below mirror the input[type=submit] rules in style.css and blocks/contact-form.
 */
.standard-form_wrapper .top_label button[type=submit],
.block-contact-form .gform_wrapper .top_label button[type=submit] {
	font-size: 1em; /* GF legacy CSS sets input.button to 1em, overriding the theme's 14px */
	line-height: 1.15; /* matches the input's line-height */
	background-color: #015b7e;
	color: #fff;
	border: 0;
	padding: 10px 20px !important;
	cursor: pointer;
	font-family: Inter, sans-serif;
	font-weight: 500;
	transition: background-color .15s ease-in-out;
}

.standard-form_wrapper .top_label button[type=submit]:hover,
.block-contact-form .gform_wrapper .top_label button[type=submit]:hover {
	background-color: #01364b;
}

/* GF legacy CSS sizes the submit per breakpoint, but only targets input.button */
.gform_legacy_markup_wrapper .gform_footer button.button {
	width: 100%;
	margin: 0 0 16px 0;
}

@media only screen and (max-width: 641px) {
	.standard-form_wrapper .top_label button[type=submit],
	.block-contact-form .gform_wrapper .top_label button[type=submit] {
		line-height: 2;
		min-height: 2rem;
	}
}

@media only screen and (min-width: 641px) {
	.gform_legacy_markup_wrapper .gform_footer button.button {
		display: inline-block;
		width: auto;
		margin: 0 16px 0 0;
	}
}

/* style.css gives .gfield:not(:first-of-type) margin-top:2em!important; the honeypot is now first-of-type */
.standard-form_wrapper ul.gform_fields li.gform_validation_container:first-child + li.gfield,
.block-contact-form .gform_wrapper ul.gform_fields li.gform_validation_container:first-child + li.gfield {
	margin-top: 0 !important;
}

/* WordPress 7 block CSS makes the pullquote citation display:block; it was inline before */
.wp-block-pullquote cite {
	display: inline;
}

/* The Events Calendar 6.18 renders event meta as ul/li/span instead of dl/dt/dd */
.tribe-events-meta-group .tribe-events-meta-list {
	margin: 8px 0 14px;
}

.tribe-events-meta-group .tribe-events-meta-label {
	font-weight: 400;
}

.tribe-events-meta-group .tribe-events-meta-item + .tribe-events-meta-item .tribe-events-meta-label {
	margin-top: 16px;
}

/* Items without a label/value pair (venue, address) were <dd> with margin-bottom 4px */
.tribe-events-meta-group .tribe-events-meta-item:not(:has(> .tribe-events-meta-value)) {
	margin-bottom: 4px;
}