/* MegaPack Quote Requests - frontend styles */

.mpq-cta {
	margin: 1em 0;
}

.mpq-quote-btn,
.mpq-loop-quote-btn {
	display: inline-block;
}

.mpq-moq {
	margin-top: 0.5em;
	font-size: 0.9em;
	opacity: 0.85;
}

.mpq-form-wrap {
	margin: 2em 0;
	max-width: 640px;
}

.mpq-form .mpq-field {
	margin: 0 0 1em;
}

.mpq-form label {
	display: block;
	margin-bottom: 0.3em;
	font-weight: 600;
}

.mpq-form input[type="text"],
.mpq-form input[type="tel"],
.mpq-form input[type="number"],
.mpq-form select,
.mpq-form textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.mpq-form .mpq-req {
	color: #b32d2e;
}

.mpq-form .mpq-hint {
	margin: 0.3em 0 0;
	font-size: 0.9em;
	opacity: 0.85;
}

.mpq-printing {
	border: 0;
	padding: 0;
}

.mpq-printing legend {
	font-weight: 600;
	margin-bottom: 0.3em;
}

.mpq-printing label {
	display: inline-block;
	font-weight: 400;
	margin-right: 1.2em;
}

/* Honeypot: keep it out of sight but present in the DOM for bots. */
.mpq-form .mpq-hp {
	position: absolute;
	left: -9999px;
	top: -9999px;
	height: 0;
	overflow: hidden;
}

.mpq-notice {
	padding: 12px 16px;
	margin: 0 0 1.2em;
	border-radius: 4px;
}

.mpq-notice p {
	margin: 0;
}

.mpq-success {
	background: #eef7ee;
	border: 1px solid #7cb87f;
}

.mpq-error {
	background: #fbeaea;
	border: 1px solid #d98f8f;
}