/* ==========================================================================
   Gravity Forms — global site styling (applies to ALL forms)
   Loaded after screen.css. GF's Orbital theme stylesheet loads after this
   file with equal specificity, so the contested control properties use
   !important to win reliably.
   ========================================================================== */

/* --- Spacing between field rows (was 40px) --------------------------------- */
.gform_wrapper .gform_fields {
	grid-row-gap: 20px !important;
	row-gap: 20px !important;
}

/* --- Text controls: comfortable height, softer corners, refined border ----- */
.gform_wrapper .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=file]),
.gform_wrapper .gfield select,
.gform_wrapper .gfield textarea {
	width: 100%;
	height: auto !important;
	min-height: 0 !important;
	padding: 10px 16px !important;
	line-height: 1.4;
	color: #2d3047;
	background-color: #ffffff !important;
	border: 1px solid #e2d7cf !important;
	border-radius: 6px !important;
	box-shadow: none;
	transition: border-color .18s ease, box-shadow .18s ease;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.gform_wrapper .gfield textarea {
	height: 120px !important;   /* was ~284px from rows=10 — shorter, still resizable */
	min-height: 120px !important;
	padding: 10px 16px !important;
}

/* Placeholder text: lighter than the typed value (typed text stays dark #2d3047) */
.gform_wrapper .gfield input::placeholder,
.gform_wrapper .gfield textarea::placeholder {
	color: #a9a39d !important;
	opacity: 1 !important;   /* Firefox dims placeholders by default */
}

/* --- Selects: match input height + a nicer thin down chevron ---------------- */
.gform_wrapper .gfield select {
	height: auto !important;
	padding-right: 46px !important;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b3917f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position: right 16px center !important;
	background-size: 14px 14px !important;
}

/* --- Active / focus state: clear taupe ring -------------------------------- */
.gform_wrapper .gfield input:focus,
.gform_wrapper .gfield select:focus,
.gform_wrapper .gfield textarea:focus {
	outline: none !important;
	border-color: #b3917f !important;
	box-shadow: 0 0 0 3px rgba(179, 145, 127, 0.22) !important;
}

/* --- Date (jQuery datepicker): fill its column instead of a fixed 205px ----- */
.gform_wrapper .gfield--input-type-datepicker input,
.gform_wrapper .ginput_container_date input {
	width: 100% !important;
	max-width: 100%;
	padding-right: 42px !important; /* room for the calendar icon */
}

/* --- Submit button: brand taupe on every form (Orbital's default is blue) -- */
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer button.gform_button,
.gform_wrapper .gform_footer .gform_button,
.gform_wrapper .gform-footer input[type=submit],
.gform_wrapper .gform-footer .gform_button {
	width: auto;
	background: #b3917f !important;
	background-color: #b3917f !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 3px !important;
	padding: 16px 36px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	cursor: pointer;
	transition: background-color .3s ease !important;
}
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer .gform_button:hover,
.gform_wrapper .gform-footer .gform_button:hover {
	background: rgb(164, 123, 101) !important;       /* matches .btn-contact:hover */
	background-color: rgb(164, 123, 101) !important;
}

/* ==========================================================================
   Back-to-top button — solid taupe circle with a white up-chevron.
   ========================================================================== */
.scrollToTop {
	width: 46px !important;
	height: 46px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: #b3917f !important;
	background-color: #b3917f !important;
	box-shadow: 0 6px 16px rgba(45, 48, 71, 0.20) !important;
	transition: background-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}
.scrollToTop:after {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	margin: auto !important;
	width: 18px !important;
	height: 18px !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'%3e%3cpath d='m18 15-6-6-6 6'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 18px 18px !important;
}
.scrollToTop:hover {
	background-color: rgb(164, 123, 101) !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 10px 22px rgba(45, 48, 71, 0.26) !important;
}

/* ==========================================================================
   Footer contact icons — use the Font Awesome (fill) icons that match the
   contact page instead of the old stroke icons.
   ========================================================================== */
.footer-phone svg,
.footer-email svg {
	stroke: none;
	fill: currentColor;
	width: 22px;
	height: 22px;
	flex-shrink: 0;
}
.footer-phone:hover svg,
.footer-email:hover svg {
	stroke: none;
	fill: currentColor;
}