/*
Theme Name:   Hello Elementor Child
Theme URI:    https://ranksecure.ca/
Description:  Hello Elementor child theme for Avero Dental. Maintained by Rank Secure.
Author:       Rank Secure
Author URI:   https://ranksecure.ca/
Template:     hello-elementor
Version:      1.0.1
Text Domain:  hello-elementor-child
*/

/* ---------------------------------------------------------------------------
   Fleet standard — required on every site we run.
   WP Rocket's lazy-render can leave content invisible on load.
   Trello card lhNmtgNh.
   --------------------------------------------------------------------------- */
[data-wpr-lazyrender] {
	content-visibility: visible !important;
}

/* ---------------------------------------------------------------------------
   Gravity Forms — brand styling.
   Gravity Forms' Orbital theme ships a blue submit button; ours must be the
   Avero green. Scoped to .gform_wrapper so nothing else is affected.
   --------------------------------------------------------------------------- */
:root {
	--avero-green: #41534D;
	--avero-green-hover: #596963;
	--avero-field-border: #C9CFCC;
	--avero-ink: #1A211F;
}

.gform_wrapper.gravity-theme .gform_footer input[type="submit"],
.gform_wrapper.gravity-theme .gform_page_footer input[type="submit"],
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper button.gform_button,
.gform_wrapper input.gform_button {
	background-color: var(--avero-green) !important;
	border: 1px solid var(--avero-green) !important;
	color: #fff !important;
	border-radius: 0 !important;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	letter-spacing: .04em;
	text-transform: uppercase;
	padding: 15px 34px !important;
	cursor: pointer;
	transition: background-color .18s ease, border-color .18s ease;
}

.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper button.gform_button:hover,
.gform_wrapper input.gform_button:hover {
	background-color: var(--avero-green-hover) !important;
	border-color: var(--avero-green-hover) !important;
}

.gform_wrapper .gform_footer input[type="submit"]:focus-visible,
.gform_wrapper button.gform_button:focus-visible {
	outline: 3px solid var(--avero-green-hover);
	outline-offset: 2px;
}

/* fields */
.gform_wrapper .gfield input[type="text"],
.gform_wrapper .gfield input[type="email"],
.gform_wrapper .gfield input[type="tel"],
.gform_wrapper .gfield input[type="number"],
.gform_wrapper .gfield select,
.gform_wrapper .gfield textarea {
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	color: var(--avero-ink);
	border: 1px solid var(--avero-field-border) !important;
	border-radius: 0 !important;
	padding: 12px 14px !important;
	background: #fff;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.gform_wrapper .gfield input:focus,
.gform_wrapper .gfield select:focus,
.gform_wrapper .gfield textarea:focus {
	border-color: var(--avero-green) !important;
	box-shadow: 0 0 0 2px rgba(65, 83, 77, .14) !important;
	outline: none;
}

.gform_wrapper .gfield_label {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: var(--avero-ink);
}

.gform_wrapper .gfield_required {
	color: var(--avero-green);
}

/* the "* indicates required fields" legend is removed via the
   gform_required_legend filter in functions.php; hide any stray markup too */
.gform_wrapper .gform_required_legend {
	display: none !important;
}

.gform_wrapper .gform_validation_errors {
	border-radius: 0 !important;
}

/* ---------------------------------------------------------------------------
   Site styles below.
   --------------------------------------------------------------------------- */