/**
 * Native Bricks forms on the redesigned public pages (contact, and the next
 * ones to move off the old framework). Add the class `mish-form` to a Bricks
 * Form element; everything below keys off it, so the form needs no per-field
 * styling in the builder.
 */

.mish-form {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin: 0;
}

.mish-form .form-group {
	margin: 0;
	padding: 0;
	width: 100%;
}

.mish-form label {
	display: block;
	margin: 0 0 8px;
	font: 600 11.5px/1.3 Inter, sans-serif;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--primary, #2e77d1);
}

.mish-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.mish-form textarea,
.mish-form select {
	width: 100%;
	margin: 0;
	padding: 14px 18px;
	border: 1px solid rgba(10, 26, 46, .16);
	border-radius: 14px;
	background: #f6f9fe;
	box-shadow: none;
	color: #0a1a2e;
	font: 400 16px/1.4 Inter, sans-serif;
	transition: border-color .2s, background-color .2s, box-shadow .2s;
}

.mish-form textarea {
	min-height: 160px;
	resize: vertical;
}

.mish-form input::placeholder,
.mish-form textarea::placeholder {
	color: #0a1a2e;
	opacity: .42;
}

.mish-form input:focus,
.mish-form textarea:focus,
.mish-form select:focus {
	outline: 0;
	border-color: var(--primary, #2e77d1);
	background: #fff;
	box-shadow: 0 0 0 4px rgba(46, 119, 209, .16);
}

.mish-form .submit-button-wrapper {
	margin-top: 4px;
}

.mish-form button[type="submit"] {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	align-self: flex-start;
	width: auto;
	height: 56px;
	margin: 0;
	padding: 0 7px 0 28px;
	border: 0;
	border-radius: 99px;
	background: #0a1a2e;
	color: #fff;
	font: 500 15px/1 Inter, sans-serif;
	font-style: normal;
	letter-spacing: 0;
	text-transform: none;
	cursor: pointer;
	transition: background-color .25s;
}

.mish-form button[type="submit"]::after {
	content: "";
	flex: none;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--primary, #2e77d1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 8h12M9 3l5 5-5 5'/%3E%3C/svg%3E") center / 16px no-repeat;
	transition: transform .3s;
}

.mish-form button[type="submit"]:hover {
	background: #13284a;
}

.mish-form button[type="submit"]:hover::after {
	transform: rotate(-45deg);
}

.mish-form .submit-button-wrapper {
	display: flex;
}

.mish-form .message {
	margin: 0;
	padding: 14px 18px;
	border-radius: 14px;
	font-size: 15px;
	line-height: 1.5;
}

.mish-form .message.success {
	background: #e8f1fc;
	color: #0a1a2e;
}

.mish-form .message.error {
	background: #fdecec;
	color: #8a1f1f;
}

/* Contact page: the direct-email line under the intro. */
.mish-contact__direct a {
	color: var(--primary, #2e77d1);
}

.mish-contact__direct a:hover {
	color: #0a1a2e;
}