/*
 * Gravity Forms, dragged into the house style.
 *
 * Loaded from functions.php, after the styles core prints inline. That order
 * matters: our selectors and core's layout selectors have the same specificity,
 * so the later one wins, and every grid on the site depends on ours winning.
 */

/* ------------------------------------------------------------ gravity forms */

/*
 * Gravity Forms ships its own stylesheet, so this only aligns the parts that
 * would otherwise read as somebody else's form dropped into the page.
 */
.gform_wrapper.gravity-theme .gform_fields {
	row-gap: var(--wp--preset--spacing--30);
}

.gform_wrapper.gravity-theme .gfield_label {
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.gform_wrapper.gravity-theme .gfield_description {
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--micro);
	padding-top: 0.3rem;
}

.gform_wrapper.gravity-theme input[type='text'],
.gform_wrapper.gravity-theme input[type='email'],
.gform_wrapper.gravity-theme input[type='url'],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 8px;
	font-size: var(--wp--preset--font-size--small);
	padding: 0.7rem 0.9rem;
}

.gform_wrapper.gravity-theme input:focus,
.gform_wrapper.gravity-theme select:focus,
.gform_wrapper.gravity-theme textarea:focus {
	border-color: var(--wp--preset--color--blue);
	outline: 2px solid var(--wp--preset--color--blue-soft);
	outline-offset: 1px;
}

.gform_wrapper.gravity-theme .gform_footer input[type='submit'] {
	background: var(--wp--preset--color--blue);
	border: 0;
	border-radius: 8px;
	color: var(--wp--preset--color--paper);
	cursor: pointer;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	padding: 0.8rem 1.6rem;
}

.gform_wrapper.gravity-theme .gform_footer input[type='submit']:hover,
.gform_wrapper.gravity-theme .gform_footer input[type='submit']:focus {
	background: var(--wp--preset--color--navy-deep);
}

.gform_confirmation_message {
	background: var(--wp--preset--color--wash);
	border-left: 3px solid var(--wp--preset--color--blue);
	border-radius: 0 10px 10px 0;
	padding: var(--wp--preset--spacing--30);
}