/* =========================================================
   CROWN LEGACY NATURALS
   REQUEST A QUOTE FORM
   ========================================================= */

.customer-enquiry-wrapper {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;

	font-family: "Manrope", Arial, sans-serif;

	color: #111111;

	box-sizing: border-box;
}


.customer-enquiry-wrapper *,
.customer-enquiry-wrapper *::before,
.customer-enquiry-wrapper *::after {
	box-sizing: border-box;
}


/* =========================================================
   FORM
   ========================================================= */

.customer-enquiry-form {
	width: 100%;
	margin: 0;
	padding: 0;
}


/* =========================================================
   HEADING
   ========================================================= */

.customer-enquiry-form::before {
	content: "Request A Quote";

	display: block;

	margin: 0 0 27px;

	font-family: "Manrope", Arial, sans-serif;

	font-size: 24px;
	font-weight: 700;

	line-height: 1.25;

	color: #111111;
}


/* =========================================================
   GRID
   ========================================================= */

.enquiry-grid {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	column-gap: 20px;

	row-gap: 22px;

	width: 100%;
}


/* =========================================================
   FIELD
   ========================================================= */

.enquiry-field {
	width: 100%;

	margin: 0;
	padding: 0;
}


/* =========================================================
   LABEL
   ========================================================= */

.enquiry-field label {
	display: block;

	margin: 0 0 9px;

	font-family: "Manrope", Arial, sans-serif;

	font-size: 14px;
	font-weight: 700;

	line-height: 1.4;

	color: #111111;
}


.enquiry-field label span {
	color: #111111;
}


/* =========================================================
   INPUTS
   ========================================================= */

.enquiry-field input[type="text"],
.enquiry-field input[type="email"],
.enquiry-field input[type="tel"],
.enquiry-field textarea {

	display: block;

	width: 100%;

	border: 1px solid #d9c8b5;

	border-radius: 7px;

	background: #ffffff;

	color: #111111;

	font-family: "Manrope", Arial, sans-serif;

	font-size: 14px;

	font-weight: 400;

	outline: none;

	box-shadow: none;

	transition:
		border-color 0.2s ease;

}


/* =========================================================
   NORMAL INPUT HEIGHT
   ========================================================= */

.enquiry-field input[type="text"],
.enquiry-field input[type="email"],
.enquiry-field input[type="tel"] {

	height: 48px;

	padding: 0 13px;

}


/* =========================================================
   TEXTAREA
   ========================================================= */

.enquiry-field textarea {

	min-height: 110px;

	padding: 13px;

	line-height: 1.5;

	resize: vertical;

}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.enquiry-field input::placeholder,
.enquiry-field textarea::placeholder {

	color: #777777;

	opacity: 1;

}


/* =========================================================
   FOCUS
   ========================================================= */

.enquiry-field input:focus,
.enquiry-field textarea:focus {

	border-color: #cdb49b;

	outline: none;

	box-shadow: none;

}


/* =========================================================
   MESSAGE
   ========================================================= */

.enquiry-field-full {

	width: 100%;

	margin-top: 22px;

}


/* =========================================================
   PHONE WRAPPER
   ========================================================= */

.enquiry-phone-field .iti {

	display: block;

	width: 100%;

}


/* =========================================================
   PHONE INPUT
   ========================================================= */

.enquiry-phone-field .iti input[type="tel"] {

	width: 100%;

	height: 48px;

	padding-left: 13px;

	border: 1px solid #d9c8b5;

	border-radius: 7px;

	background: #ffffff;

	color: #111111;

	font-family: "Manrope", Arial, sans-serif;

	font-size: 14px;

	outline: none;

	box-shadow: none;

}


/* =========================================================
   PHONE FOCUS
   ========================================================= */

.enquiry-phone-field .iti input[type="tel"]:focus {

	border-color: #cdb49b;

	box-shadow: none;

	outline: none;

}


/* =========================================================
   COUNTRY SELECTOR
   ========================================================= */

.enquiry-phone-field .iti__country-selector {

	height: 48px;

}


/* =========================================================
   SELECTED COUNTRY
   ========================================================= */

.enquiry-phone-field .iti__selected-country {

	height: 48px;

	background: #ffffff !important;

	border-radius: 7px 0 0 7px;

	padding-left: 8px;

	padding-right: 8px;

}


/* =========================================================
   FLAG
   ========================================================= */

.enquiry-phone-field .iti__selected-country .iti__flag {

	margin-right: 5px;

}


/* =========================================================
   DIAL CODE
   ========================================================= */

.enquiry-phone-field .iti__selected-dial-code {

	display: inline-block;

	font-family: "Manrope", Arial, sans-serif;

	font-size: 14px;

	font-weight: 500;

	color: #111111;

	line-height: 1;

}


/* =========================================================
   DROPDOWN
   ========================================================= */

.enquiry-phone-field .iti__dropdown-content {

	z-index: 999999 !important;

	background: #ffffff;

	border: 1px solid #ddd8ce;

	border-radius: 7px;

	box-shadow:
		0 8px 25px rgba(0, 0, 0, 0.12);

}


/* =========================================================
   COUNTRY LIST
   ========================================================= */

.enquiry-phone-field .iti__country {

	font-family: "Manrope", Arial, sans-serif;

	font-size: 14px;

	color: #111111;

}


/* =========================================================
   COUNTRY HOVER
   ========================================================= */

.enquiry-phone-field .iti__country:hover {

	background: #f5f5f5;

}


/* =========================================================
   SEARCH
   ========================================================= */

.enquiry-phone-field .iti__search-input {

	font-family: "Manrope", Arial, sans-serif;

	font-size: 14px;

	border: 1px solid #ddd8ce;

	border-radius: 5px;
	
	padding-left: 20px;

}


/* =========================================================
   PHONE ERROR
   ========================================================= */

.enquiry-phone-error {

	min-height: 0;

	margin-top: 5px;

	font-family: "Manrope", Arial, sans-serif;

	font-size: 12px;

	line-height: 1.4;

	color: #c0392b;

}


/* =========================================================
   CONSENT BOX
   ========================================================= */

.enquiry-consent {

	display: flex;

	align-items: flex-start;

	width: 100%;

	margin-top: 28px;

	padding: 12px 20px;

	border: 1px solid #d8d8d8;

	border-radius: 5px;

	background: #f7f7f7;

}


/* =========================================================
   CHECKBOX
   ========================================================= */

.enquiry-checkbox {

	position: relative;

	display: flex;

	align-items: flex-start;

	justify-content: center;

	flex: 0 0 20px;

	width: 20px;

	height: 20px;

	margin: 9px 17px 0 0;

	cursor: pointer;

}


.enquiry-checkbox input {

	position: absolute;

	width: 20px;

	height: 20px;

	margin: 0;

	opacity: 0;

	cursor: pointer;

}


.enquiry-checkmark {

	display: block;

	position: relative;

	width: 20px;

	height: 20px;

	border: 2px solid #999999;

	border-radius: 3px;

	background: #ffffff;

}


/* =========================================================
   CHECKED
   ========================================================= */

.enquiry-checkbox input:checked
+ .enquiry-checkmark {

	background: #18A66F;

	border-color: #18A66F;

}


.enquiry-checkbox input:checked
+ .enquiry-checkmark::after {

	content: "";

	position: absolute;

	left: 5px;

	top: 1px;

	width: 6px;

	height: 11px;

	border: solid #ffffff;

	border-width: 0 2px 2px 0;

	transform: rotate(45deg);

}


/* =========================================================
   CONSENT TEXT
   ========================================================= */

.enquiry-consent-text {

	flex: 1;

	margin: 0;

	font-family: "Manrope", Arial, sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 1.55;

	color: #111111;

}


.enquiry-consent-text strong {

	font-weight: 700;

	color: #111111;

}


/* =========================================================
   HONEYPOT
   ========================================================= */

.enquiry-hp {

	position: absolute !important;

	left: -99999px !important;

	width: 1px !important;

	height: 1px !important;

	overflow: hidden !important;

	opacity: 0 !important;

	pointer-events: none !important;

}


/* =========================================================
   SUBMIT AREA
   ========================================================= */

.enquiry-submit-area {

	margin-top: 25px;

}


/* =========================================================
   SEND BUTTON
   ========================================================= */

.enquiry-submit {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	min-width: 149px;

	height: 49px;

	padding: 0 22px;

	border: 1px solid #18A66F;

	border-radius: 6px;

	background: #18A66F;

	color: #ffffff;

	font-family: "Manrope", Arial, sans-serif;

	font-size: 13px;

	font-weight: 700;

	line-height: 1;

	cursor: pointer;

	outline: none;

	box-shadow: none;

	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		opacity 0.2s ease;

}


/* =========================================================
   BUTTON HOVER
   ========================================================= */

.enquiry-submit:hover {

	background: #18A66F;

	border-color: #18A66F;

	color: #ffffff;

}


/* =========================================================
   BUTTON FOCUS
   ========================================================= */

.enquiry-submit:focus {

	background: #18A66F;

	border-color: #18A66F;

	color: #ffffff;

	outline: none;

	box-shadow: none;

}


/* =========================================================
   BUTTON DISABLED
   ========================================================= */

.enquiry-submit:disabled {

	opacity: 0.65;

	cursor: not-allowed;

}


/* =========================================================
   LOADING
   ========================================================= */

.enquiry-submit-loading {

	display: none;

}


/* =========================================================
   RESPONSE
   ========================================================= */

.customer-enquiry-response {

	display: none;

	width: 100%;

	margin-top: 18px;

	padding: 13px 15px;

	border-radius: 6px;

	font-family: "Manrope", Arial, sans-serif;

	font-size: 14px;

	line-height: 1.5;

}


/* =========================================================
   SUCCESS
   ========================================================= */

.customer-enquiry-response.success {

	display: block;

	background: #18A66F;

	color: #ffffff;

}


/* =========================================================
   ERROR
   ========================================================= */

.customer-enquiry-response.error {

	display: block;

	background: #fff1f1;

	border: 1px solid #e3b5b5;

	color: #a12626;

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.customer-enquiry-form::before {

		font-size: 22px;

		margin-bottom: 24px;

	}


	.enquiry-grid {

		grid-template-columns: 1fr;

		row-gap: 20px;

	}


	.enquiry-field-full {

		margin-top: 20px;

	}


	.enquiry-consent {

		margin-top: 24px;

		padding: 12px 14px;

	}


	.enquiry-checkbox {

		margin-right: 12px;

	}


	.enquiry-consent-text {

		font-size: 13px;

	}


	.enquiry-submit-area {

		margin-top: 24px;

	}


	.enquiry-submit {

		width: 100%;

	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

	.enquiry-field input[type="text"],
	.enquiry-field input[type="email"],
	.enquiry-field input[type="tel"] {

		height: 48px;

	}


	.enquiry-field textarea {

		min-height: 120px;

	}


	.enquiry-consent {

		align-items: flex-start;

	}

}