/**
 * Personal / “off-duty” note — author bio `.personal-note` pattern
 * (https://www.footholdamerica.com/author/joanne-farquharson-bio.html).
 *
 * Add CSS class **personal-note-wrap** (or ID **personal-note-wrap**) on the Elementor container.
 * Inner HTML: `.personal-note` > `.personal-icon` + `p.personal-text`.
 *
 * @package Personal_Team_Elementor
 * @since 1.1.16
 * @since 1.2.12 — `.personal-note` margin 0 for block rhythm when stacked (use column gap / widget spacing in Elementor).
 */

.personal-note-wrap,
#personal-note-wrap {
	--pte-pn-muted: #5a6a7a;
	--pte-pn-navy-border: rgba(10, 49, 97, 0.12);
	--pte-pn-teal-tint: rgba(40, 193, 223, 0.03);

	box-sizing: border-box;
}

.personal-note-wrap *,
#personal-note-wrap * {
	box-sizing: border-box;
}

.personal-note-wrap.e-con,
#personal-note-wrap.e-con {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
}

.personal-note-wrap.e-con > .e-con-inner,
#personal-note-wrap.e-con > .e-con-inner {
	--padding-block-start: 0;
	--padding-block-end: 0;
	--padding-inline-start: 0;
	--padding-inline-end: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start !important;
	align-items: stretch !important;
	align-content: flex-start !important;
	width: 100%;
}

.personal-note-wrap .elementor-widget,
#personal-note-wrap .elementor-widget {
	align-self: stretch;
	width: 100%;
}

.personal-note-wrap .personal-note,
#personal-note-wrap .personal-note {
	margin: 0;
	padding: 1.1rem 1.4rem;
	border: 0.5px solid var(--pte-pn-navy-border);
	border-radius: 10px;
	display: flex;
	gap: 12px;
	align-items: flex-start;
	background: var(--pte-pn-teal-tint);
}

.personal-note-wrap .personal-icon,
#personal-note-wrap .personal-icon {
	font-size: 22px;
	line-height: 1;
	flex-shrink: 0;
	margin-top: 2px;
}

.personal-note-wrap .personal-text,
#personal-note-wrap .personal-text {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	font-size: 14px;
	color: var(--pte-pn-muted);
	line-height: 1.75;
	font-style: italic;
}

/* Elementor / kit overrides */
.elementor-element.personal-note-wrap .personal-note,
.elementor-element#personal-note-wrap .personal-note {
	display: flex !important;
	flex-direction: row !important;
	gap: 12px !important;
	align-items: flex-start !important;
	padding: 1.1rem 1.4rem !important;
	border: 0.5px solid var(--pte-pn-navy-border) !important;
	border-radius: 10px !important;
	background: var(--pte-pn-teal-tint) !important;
	margin: 0 !important;
}

.elementor-element.personal-note-wrap .personal-text,
.elementor-element#personal-note-wrap .personal-text {
	font-size: 14px !important;
	color: var(--pte-pn-muted) !important;
	line-height: 1.75 !important;
	font-style: italic !important;
}