/**
 * Credentials card — matches author bio “Credentials” block
 * (https://www.footholdamerica.com/author/joanne-farquharson-bio.html).
 *
 * Apply on the Elementor **container**:
 * - CSS ID: `Credentials` → #Credentials
 * - CSS classes: `credentials` or `Credentials`
 *
 * Markup: .s-title / .Credentials-title; .cred-item + .cred-dot; or a plain <ul><li> (dots via ::before).
 *
 * @package Personal_Team_Elementor
 * @since 1.1.4
 */

#Credentials,
.Credentials,
.credentials {
	--cred-navy: #0a3161;
	--cred-red: #b31942;
	--cred-teal: #28c1df;
	--cred-gold: #b58c35;
	--cred-navy-border: rgba(10, 49, 97, 0.12);
	--cred-navy-bg: rgba(10, 49, 97, 0.07);
	--cred-muted: #5a6a7a;
	--cred-text: #2c3e52;

	background: #fff !important;
	border: 0.5px solid var(--cred-navy-border);
	border-radius: 10px;
	padding: 1.25rem;
	margin-bottom: 1rem;
	box-sizing: border-box;
}

#Credentials *,
#Credentials *::before,
#Credentials *::after,
.Credentials *,
.Credentials *::before,
.Credentials *::after,
.credentials *,
.credentials *::before,
.credentials *::after {
	box-sizing: border-box;
}

/* Elementor flex containers: stop space-between / spread from splitting list rows */
#Credentials.e-con,
.Credentials.e-con,
.credentials.e-con {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
}

#Credentials.e-con > .e-con-inner,
.Credentials.e-con > .e-con-inner,
.credentials.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%;
}

/* Widgets stack from top; no vertical space-between between children */
#Credentials .elementor-widget,
.Credentials .elementor-widget,
.credentials .elementor-widget {
	align-self: stretch;
	width: 100%;
}

/* Section title row */
#Credentials .Credentials-title,
.Credentials .Credentials-title,
.credentials .Credentials-title,
#Credentials .s-title,
.Credentials .s-title,
.credentials .s-title {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--cred-muted);
	margin: 0 0 0.85rem;
	line-height: 1.3;
}

/* cred-item: dot + single text column (author bio HTML) */
#Credentials .Credentials-item,
.Credentials .Credentials-item,
.credentials .Credentials-item,
#Credentials .cred-item,
.Credentials .cred-item,
.credentials .cred-item {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 0.7rem;
	font-size: 13.5px;
	color: var(--cred-text);
	line-height: 1.5;
}

/* Keep all body text + links in one column after the dot */
#Credentials .cred-item > :not(.cred-dot):not(.Credentials-dot),
.Credentials .cred-item > :not(.cred-dot):not(.Credentials-dot),
.credentials .cred-item > :not(.cred-dot):not(.Credentials-dot),
#Credentials .Credentials-item > :not(.Credentials-dot):not(.cred-dot),
.Credentials .Credentials-item > :not(.Credentials-dot):not(.cred-dot),
.credentials .Credentials-item > :not(.Credentials-dot):not(.cred-dot) {
	flex: 1 1 auto;
	min-width: 0;
}

#Credentials .Credentials-item:last-child,
.Credentials .Credentials-item:last-child,
.credentials .Credentials-item:last-child,
#Credentials .cred-item:last-child,
.Credentials .cred-item:last-child,
.credentials .cred-item:last-child {
	margin-bottom: 0;
}

#Credentials .Credentials-dot,
.Credentials .Credentials-dot,
.credentials .Credentials-dot,
#Credentials .cred-dot,
.Credentials .cred-dot,
.credentials .cred-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--cred-navy);
	flex-shrink: 0;
	margin-top: 6px;
}

#Credentials .Credentials-dot--red,
.Credentials .Credentials-dot--red,
.credentials .Credentials-dot--red,
#Credentials .cred-dot.r,
.Credentials .cred-dot.r,
.credentials .cred-dot.r {
	background: var(--cred-red);
}

#Credentials .Credentials-dot--teal,
.Credentials .Credentials-dot--teal,
.credentials .Credentials-dot--teal,
#Credentials .cred-dot.t,
.Credentials .cred-dot.t,
.credentials .cred-dot.t {
	background: var(--cred-teal);
}

/* Links: match body (themes enlarge <a>) */
#Credentials a,
.Credentials a,
.credentials a {
	font-family: inherit !important;
	font-size: 13.5px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	display: inline !important;
}

#Credentials .Credentials-item a,
.Credentials .Credentials-item a,
.credentials .Credentials-item a,
#Credentials .cred-item a,
.Credentials .cred-item a,
.credentials .cred-item a {
	color: var(--cred-navy);
	text-decoration: underline;
	text-decoration-color: rgba(10, 49, 97, 0.3);
}

#Credentials .Credentials-item a:hover,
.Credentials .Credentials-item a:hover,
.credentials .Credentials-item a:hover,
#Credentials .cred-item a:hover,
.Credentials .cred-item a:hover,
.credentials .cred-item a:hover {
	text-decoration-color: var(--cred-navy);
}

/* Text editor */
#Credentials .elementor-widget-container,
.Credentials .elementor-widget-container,
.credentials .elementor-widget-container {
	color: var(--cred-text);
	font-size: 13.5px;
	line-height: 1.5;
	max-width: 100%;
}

#Credentials .elementor-widget-container p,
.Credentials .elementor-widget-container p,
.credentials .elementor-widget-container p {
	margin: 0 0 0.7rem;
	display: block;
}

#Credentials .elementor-widget-container p:last-child,
.Credentials .elementor-widget-container p:last-child,
.credentials .elementor-widget-container p:last-child {
	margin-bottom: 0;
}

#Credentials .elementor-widget-container h1,
#Credentials .elementor-widget-container h2,
#Credentials .elementor-widget-container h3,
#Credentials .elementor-widget-container h4,
#Credentials .elementor-widget-container h5,
#Credentials .elementor-widget-container h6,
.Credentials .elementor-widget-container h1,
.Credentials .elementor-widget-container h2,
.Credentials .elementor-widget-container h3,
.Credentials .elementor-widget-container h4,
.Credentials .elementor-widget-container h5,
.Credentials .elementor-widget-container h6,
.credentials .elementor-widget-container h1,
.credentials .elementor-widget-container h2,
.credentials .elementor-widget-container h3,
.credentials .elementor-widget-container h4,
.credentials .elementor-widget-container h5,
.credentials .elementor-widget-container h6 {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--cred-muted);
	margin: 0 0 0.85rem;
	line-height: 1.3;
}

#Credentials .elementor-widget-container a,
.Credentials .elementor-widget-container a,
.credentials .elementor-widget-container a {
	color: var(--cred-navy);
	text-decoration: underline;
	text-decoration-color: rgba(10, 49, 97, 0.3);
}

#Credentials .elementor-widget-container a:hover,
.Credentials .elementor-widget-container a:hover,
.credentials .elementor-widget-container a:hover {
	text-decoration-color: var(--cred-navy);
}

/* Heading links vs global link !important */
#Credentials .Credentials-title a,
.Credentials .Credentials-title a,
.credentials .Credentials-title a,
#Credentials .s-title a,
.Credentials .s-title a,
.credentials .s-title a,
#Credentials .elementor-widget-container h1 a,
#Credentials .elementor-widget-container h2 a,
#Credentials .elementor-widget-container h3 a,
#Credentials .elementor-widget-container h4 a,
#Credentials .elementor-widget-container h5 a,
#Credentials .elementor-widget-container h6 a,
.Credentials .elementor-widget-container h1 a,
.Credentials .elementor-widget-container h2 a,
.Credentials .elementor-widget-container h3 a,
.Credentials .elementor-widget-container h4 a,
.Credentials .elementor-widget-container h5 a,
.Credentials .elementor-widget-container h6 a,
.credentials .elementor-widget-container h1 a,
.credentials .elementor-widget-container h2 a,
.credentials .elementor-widget-container h3 a,
.credentials .elementor-widget-container h4 a,
.credentials .elementor-widget-container h5 a,
.credentials .elementor-widget-container h6 a {
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
	text-transform: inherit !important;
}

/*
 * <ul><li>: do NOT use flex on li — text + <a> become separate flex items and the link jumps right.
 * Block + padded bullet matches s-card / cred-item flow.
 */
#Credentials .elementor-widget-container ul:not(.elementor-editor-element-settings),
.Credentials .elementor-widget-container ul:not(.elementor-editor-element-settings),
.credentials .elementor-widget-container ul:not(.elementor-editor-element-settings) {
	list-style: none;
	margin: 0;
	padding: 0;
}

#Credentials .elementor-widget-container ul li,
.Credentials .elementor-widget-container ul li,
.credentials .elementor-widget-container ul li {
	display: block;
	position: relative;
	margin: 0 0 0.7rem;
	padding-left: 17px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--cred-text);
}

#Credentials .elementor-widget-container ul li:last-child,
.Credentials .elementor-widget-container ul li:last-child,
.credentials .elementor-widget-container ul li:last-child {
	margin-bottom: 0;
}

#Credentials .elementor-widget-container ul li::before,
.Credentials .elementor-widget-container ul li::before,
.credentials .elementor-widget-container ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--cred-navy);
}

/* Bio reference: navy, navy, red, teal dots for first four items */
#Credentials .elementor-widget-container ul li:nth-child(1)::before,
.Credentials .elementor-widget-container ul li:nth-child(1)::before,
.credentials .elementor-widget-container ul li:nth-child(1)::before,
#Credentials .elementor-widget-container ul li:nth-child(2)::before,
.Credentials .elementor-widget-container ul li:nth-child(2)::before,
.credentials .elementor-widget-container ul li:nth-child(2)::before {
	background: var(--cred-navy);
}

#Credentials .elementor-widget-container ul li:nth-child(3)::before,
.Credentials .elementor-widget-container ul li:nth-child(3)::before,
.credentials .elementor-widget-container ul li:nth-child(3)::before {
	background: var(--cred-red);
}

#Credentials .elementor-widget-container ul li:nth-child(4)::before,
.Credentials .elementor-widget-container ul li:nth-child(4)::before,
.credentials .elementor-widget-container ul li:nth-child(4)::before {
	background: var(--cred-teal);
}