/* Cresset — elementor/forms.css
   Elementor form field, validation-message and tooltip overrides.
   Split from style.css 2026-08-22 (Stage 1); rules verbatim. */

/* ELEMENTOR   TODO Ian or Grace - FIgure out what these are trying to do and remove this block  
.elementor-widget-text-editor strong {color:#000;} */
.light strong {
	color: #fff !important;
}

small {
	font-size: .4em !important;
}

.bg {
	z-index: -1 !important;
}

a.annotation {
	color: #FF9E1B;
}

/* ELEMENTOR messages*/
.elementor-message {
	line-height: 20px !important;
}

/*Custom error message on zip code fields*/
.elementor-error #form-field-zipcode {
	border-color: unset;
}

.elementor-message-danger.elementor-form-help-inline,
.elementor-message-danger.dd-zip-error {
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 3;
	background-color: #ffffff;
	border: 1px solid gray;
	border-radius: 4px;
	padding: 5px;
	box-shadow: 5px 5px 20px -13px #000;
}

.elementor-message-danger.elementor-form-help-inline::after,
.elementor-message-danger.dd-zip-error::after {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	top: -9px;
	left: 8px;
	background-color: white;
	border: 1px solid gray;
	border-bottom-width: 0;
	border-right-width: 0;
	transform: rotate(45deg);
	z-index: -1;
}

/*Custom error message on employerbusiness fields*/
.elementor-error #form-field-employerbusiness {
	border-color: unset;
}

.elementor-message-danger.elementor-form-help-inline,
.elementor-message-danger.dd-employer-error {
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 3;
	background-color: #ffffff;
	border: 1px solid gray;
	border-radius: 4px;
	padding: 5px;
	box-shadow: 5px 5px 20px -13px #000;
}

.elementor-message-danger.elementor-form-help-inline::after,
.elementor-message-danger.dd-employer-error::after {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	top: -9px;
	left: 8px;
	background-color: white;
	border: 1px solid gray;
	border-bottom-width: 0;
	border-right-width: 0;
	transform: rotate(45deg);
	z-index: -1;
}


/* ELEMENTOR checkbox color on select*/
.elementor-field-option {
	accent-color: #005172;
}

/*-------------------- FORMS ------------------ */

/* Schedule call form (titled truecresset form) */
/* Asset range select text needs to have more contrast */
#form-field-assetrange option:not([value="investible assets"]),
#form-field-assetrange option:not([value="investable assets"]) {
	color: var(--cr-ink)
}


/*Newsletter signup*/
/*Solid circle*/
.newsletter-tooltip .elementor-field-group-autocampaigns .elementor-field-subgroup .elementor-field-option i {
	color: #005172;
	font-size: 1rem;
	margin-left: 7px;
	transition: color 0.3s;
	position: relative;
}

.newsletter-tooltip .elementor-field-group-autocampaigns .elementor-field-subgroup .elementor-field-option i:hover {
	color: #407590;
}

/**  TOOLTIP  ************/
/* Tooltip bubble */
.checkbox-tooltip {
	position: absolute;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px 15px;
	background: #333;
	color: #fff;
	border-radius: 6px;
	font-size: 16px;
	line-height: 1.4;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	z-index: 9999;
	font-family: "Metropolis", Sans-serif;
	font-weight: normal;
}

/* Tooltip arrow */
.checkbox-tooltip::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: #333;
}

/* Show tooltip on hover */
.elementor-field-option i.fa-info:hover .checkbox-tooltip,
.elementor-field-option i.fa-info-circle:hover .checkbox-tooltip {
	opacity: 1;
}