/* ---- personal-team.css ---- */
/**
 * Personal Team Elementor Widget Styles
 * 
 * Styles for the Personal team member widget matching the elegant design
 * from footholdamerica.com/in.html
 * 
 * @since 1.0.0
 */

/* Ensure Elementor containers allow height stretching */
.elementor-widget-personal,
.elementor-element.elementor-widget-personal {
	height: 100%;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.elementor-widget-personal .elementor-widget-container,
.elementor-element.elementor-widget-personal .elementor-widget-container {
	height: 100%;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

/* Root Variables - Default (Foothold Warm) */
:root {
	--personal-warm-bg: #FAF9F6;
	--personal-accent-warm: #FDF4E3;
	--personal-text-main: #2D2926;
	--personal-text-muted: #6B6661;
	--personal-orange-800: #B45309;
	--personal-orange-100: #FED7AA;
}

/* Color Presets */
/* Foothold Warm (Original) */
.personal-team-preset-foothold-warm {
	--personal-card-bg: #FAF9F6;
	--personal-name-color: #2D2926;
	--personal-title-color: #B45309;
	--personal-description-color: #6B6661;
	--personal-contribution-bg: #FDF4E3;
	--personal-contribution-color: #92400E;
	--personal-icons-color: #2D2926;
	--personal-icons-hover-color: #B45309;
}

/* Foothold Modern - Based on meet-the-team page */
.personal-team-preset-foothold-modern {
	--personal-card-bg: #FFFFFF;
	--personal-name-color: #1A1A1A;
	--personal-title-color: #0066CC;
	--personal-description-color: #4A4A4A;
	--personal-contribution-bg: #E8F4F8;
	--personal-contribution-color: #0066CC;
	--personal-icons-color: #4A4A4A;
	--personal-icons-hover-color: #0066CC;
}

/* Professional Blue */
.personal-team-preset-professional-blue {
	--personal-card-bg: #F8F9FA;
	--personal-name-color: #1E3A5F;
	--personal-title-color: #2563EB;
	--personal-description-color: #64748B;
	--personal-contribution-bg: #DBEAFE;
	--personal-contribution-color: #1E40AF;
	--personal-icons-color: #64748B;
	--personal-icons-hover-color: #2563EB;
}

/* Minimal Light */
.personal-team-preset-minimal-light {
	--personal-card-bg: #FFFFFF;
	--personal-name-color: #000000;
	--personal-title-color: #666666;
	--personal-description-color: #888888;
	--personal-contribution-bg: #F5F5F5;
	--personal-contribution-color: #333333;
	--personal-icons-color: #999999;
	--personal-icons-hover-color: #000000;
}

/* Bold Dark */
.personal-team-preset-bold-dark {
	--personal-card-bg: #1A1A1A;
	--personal-name-color: #FFFFFF;
	--personal-title-color: #FF6B6B;
	--personal-description-color: #CCCCCC;
	--personal-contribution-bg: #2D2D2D;
	--personal-contribution-color: #FF6B6B;
	--personal-icons-color: #CCCCCC;
	--personal-icons-hover-color: #FF6B6B;
}

/* Custom - Uses individual color controls */
.personal-team-preset-custom {
	--personal-card-bg: inherit;
	--personal-name-color: inherit;
	--personal-title-color: inherit;
	--personal-description-color: inherit;
	--personal-contribution-bg: inherit;
	--personal-contribution-color: inherit;
	--personal-icons-color: inherit;
	--personal-icons-hover-color: inherit;
}

/* Main Card Container */
.personal-team-card-wrapper {
	display: flex !important;
	flex-direction: column;
	height: 100% !important;
	min-height: 100%;
	background-color: var(--personal-card-bg, var(--personal-warm-bg));
	font-family: 'Inter', sans-serif;
	color: var(--personal-text-main);
	transition: all 0.3s ease;
	visibility: visible !important;
	opacity: 1 !important;
	align-self: stretch;
}

.personal-team-card {
	display: flex;
	flex-direction: column;
	height: 100% !important;
	min-height: 100%;
	flex: 1 1 auto;
}

/* Image Wrapper */
.personal-team-image-wrapper {
	position: relative;
	margin-bottom: 2rem;
	overflow: hidden;
	border-radius: 1rem;
}

.personal-team-image {
	width: 100%;
	aspect-ratio: 4/5;
	object-fit: cover;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	display: block;
	transform-origin: center center;
	will-change: transform;
}

/* Hover zoom effect - only when enabled */
.personal-team-image-hover-enabled {
	transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
	transform: scale(1) !important;
}

.personal-team-image-hover-disabled {
	transition: none !important;
	transform: scale(1) !important;
}

/* Hover effect on card wrapper */
.personal-team-card-wrapper:hover .personal-team-image-hover-enabled,
.personal-team-card-wrapper:hover .personal-team-image.personal-team-image-hover-enabled {
	transform: scale(1.05) !important;
}

/* Hover effect on image wrapper directly */
.personal-team-image-wrapper:hover .personal-team-image-hover-enabled,
.personal-team-image-wrapper:hover .personal-team-image.personal-team-image-hover-enabled {
	transform: scale(1.05) !important;
}

/* Ensure disabled state doesn't transform */
.personal-team-card-wrapper:hover .personal-team-image-hover-disabled,
.personal-team-image-wrapper:hover .personal-team-image-hover-disabled {
	transform: scale(1) !important;
}

/* Quote Box */
.personal-team-quote {
	position: absolute;
	bottom: -1rem;
	padding: 1rem;
	box-shadow: 0 10px 10px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	border-radius: 0.75rem;
	max-width: 90%;
	transition: transform 0.5s ease;
}

.personal-team-quote:hover {
	transform: translateY(-0.5rem);
}

.personal-team-quote-left {
	left: 1rem;
}

.personal-team-quote-right {
	right: 1rem;
}

.personal-team-quote-light {
	background-color: #ffffff;
	border: 1px solid #FED7AA;
	color: var(--personal-text-main);
}

.personal-team-quote-dark {
	background-color: var(--personal-text-main);
	color: #ffffff;
}

.personal-team-quote-text {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 0.875rem;
	line-height: 1.5;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: all 0.5s ease;
}

.personal-team-quote:hover .personal-team-quote-text {
	-webkit-line-clamp: unset;
}

/* Content Section */
.personal-team-content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex: 1 1 auto;
	padding: 0 0.5rem;
	gap: 1rem;
	min-height: 0;
}

/* Header Section */
.personal-team-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
}

.personal-team-header-text {
	flex: 1;
}

.personal-team-name {
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 0.25rem 0;
	color: var(--personal-name-color, var(--personal-text-main));
	transition: color 0.3s ease;
}

.personal-team-card-wrapper:hover .personal-team-name {
	color: var(--personal-title-color, var(--personal-orange-800));
}

.personal-team-title {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--personal-title-color, var(--personal-orange-800));
	font-weight: 700;
	margin: 0.25rem 0 0 0;
	opacity: 0.7;
}

/* Header Icons */
.personal-team-header-icons {
	display: flex;
	gap: 0.75rem;
	flex-shrink: 0;
}

.personal-team-icon {
	color: var(--personal-icons-color, var(--personal-text-main));
	opacity: 0.4;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.personal-team-icon:hover {
	opacity: 1;
	color: var(--personal-icons-hover-color, var(--personal-orange-800));
}

.personal-team-icon .material-symbols-outlined {
	font-size: 1.25rem;
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.personal-team-linkedin-icon {
	width: 1.25rem;
	height: 1.25rem;
	display: inline-block;
	vertical-align: middle;
	transition: transform 0.3s ease;
}

.personal-team-icon-linkedin {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.personal-team-icon:hover .personal-team-linkedin-icon {
	transform: scale(1.1);
}

/* Location */
.personal-team-location {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.75rem;
	color: var(--personal-text-muted);
}

.personal-team-location .material-symbols-outlined {
	font-size: 0.875rem;
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

/* Description */
.personal-team-description {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--personal-description-color, var(--personal-text-muted));
	font-weight: 300;
	margin: 0;
	flex-grow: 1;
	flex: 1 1 auto;
	min-height: 0;
}

/* Key Contribution Badge */
.personal-team-contribution-wrapper {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.personal-team-contribution {
	display: inline-flex;
	align-items: center;
	font-size: 0.75rem;
	font-weight: 600;
	padding: 0.25rem 0.75rem;
	background-color: #ffffff;
	border-radius: 9999px;
	color: #b31942;
	border: 1px solid #b31942;
}

/* Responsive Design */
@media (max-width: 768px) {
	.personal-team-name {
		font-size: 1.25rem;
	}

	.personal-team-quote {
		max-width: 90%;
		padding: 1rem;
	}

	.personal-team-quote-left,
	.personal-team-quote-right {
		left: 1rem;
		right: auto;
	}
}

/* Material Icons Font */
.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

/* Elementor Editor Adjustments */
.elementor-editor-active .personal-team-card-wrapper:hover .personal-team-image-hover-enabled,
.elementor-editor-active .personal-team-image-wrapper:hover .personal-team-image-hover-enabled {
	transform: scale(1.05);
}

.elementor-editor-active .personal-team-card-wrapper:hover .personal-team-name {
	color: inherit;
}

/* ---- credentials-card.css ---- */
/**
 * 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);
}

/* ---- topics-box.css ---- */
/**
 * Topics / pills block — matches author bio “Topics … writes about”
 * (https://www.footholdamerica.com/author/joanne-farquharson-bio.html).
 *
 * Use either:
 * - Outer Elementor container: class `topics` (or ID `topics`). Inner markup either:
 *   `.sec-label` + `.pills` > `a.pill`, **or** `<ul><li><a>…</a></li>`, **or** Text/HTML widget:
 *   `<p>Topics …</p>` then `<p><a>…</a><a>…</a></p>` (paragraphs with links only get chip row).
 * - Or HTML widget: `<div class="topics-box">` … same patterns.
 *
 * @package Personal_Team_Elementor
 * @since 1.1.8
 * @since 1.1.9 — Elementor: load order + !important / .elementor-element so kit & post CSS don’t hide the box.
 * @since 1.2.6 — Isolate `.career-highlights` when it sits under a shared `.topics` wrapper (no pill bleed).
 * @since 1.2.9 — Same for `.podcast-host` (Text Editor links were styled as topic pills).
 * @since 1.2.10 — Same for `.media-content` (`a.article-row` must stay a row, not a topic pill).
 * @since 1.2.12 — Stacked bio sections (`career-highlights`, `podcast-host`, etc.) use **no** extra block
 *   margin on their `.e-con` in their own stylesheets; use Elementor **column gap** or **spacing** if you need air.
 * @since 1.2.13 — Podcast link reset only under `.pod-row` so **`.pod-card`** / **`.pod-link`** (Joanne-style) keep navy-card chrome.
 * @since 1.2.14 — `div.article-row` under `media-content` gets same row reset as `a.article-row` when `.topics` wraps the page.
 * @since 1.2.15 — `a.tool-card` under `interactive-tools`: card reset (not a pill).
 */

.topics-box,
.topics,
#topics {
	--pte-topics-navy: #0a3161;
	--pte-topics-red: #b31942;
	--pte-topics-navy-bg: rgba(10, 49, 97, 0.07);
	--pte-topics-navy-border: rgba(10, 49, 97, 0.12);

	box-sizing: border-box;
	padding: 1.25rem 1.5rem;
	background: var(--pte-topics-navy-bg);
	background-color: var(--pte-topics-navy-bg);
	border-left: 3px solid var(--pte-topics-navy);
	border-radius: 0 6px 6px 0;
	margin: 1.5rem 0;
}

/*
 * Elementor containers: page CSS (elementor-post-*) sets background/padding on .elementor-element-XXXX.
 * Match credentials-card pattern: explicit .elementor-element + !important.
 */
.elementor-element.topics.e-con,
.elementor-element.topics-box.e-con,
.elementor-element#topics.e-con {
	padding: 1.25rem 1.5rem !important;
	background: var(--pte-topics-navy-bg) !important;
	background-color: var(--pte-topics-navy-bg) !important;
	background-image: none !important;
	border-left: 3px solid var(--pte-topics-navy) !important;
	border-radius: 0 6px 6px 0 !important;
	box-sizing: border-box !important;
}

.topics-box *,
.topics *,
#topics * {
	box-sizing: border-box;
}

/* Elementor flex containers */
.topics-box.e-con,
.topics.e-con,
#topics.e-con {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
}

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

.topics-box .elementor-widget,
.topics .elementor-widget,
#topics .elementor-widget {
	align-self: stretch;
	width: 100%;
}

/* One visual box: if inner markup already uses .topics-box, don’t stack outer + inner chrome */
.topics:has(.topics-box),
#topics:has(.topics-box),
.elementor-element.topics.e-con:has(.topics-box),
.elementor-element#topics.e-con:has(.topics-box) {
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border-left: none !important;
	border-radius: 0 !important;
}

/* Section label (red caps) — scoped so global .sec-label elsewhere is untouched */
.topics-box .sec-label,
.topics .sec-label,
#topics .sec-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pte-topics-red);
	margin: 0 0 0.65rem;
	line-height: 1.3;
}

/* Elementor Heading widget as label */
.topics-box .elementor-widget-heading .elementor-heading-title,
.topics .elementor-widget-heading .elementor-heading-title,
#topics .elementor-widget-heading .elementor-heading-title {
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--pte-topics-red) !important;
	line-height: 1.3 !important;
	margin: 0 0 0.65rem !important;
}

/*
 * Text Editor / HTML widget: no <ul> — e.g. one <p> title + <p> with only <a> chips.
 * Flex on container; paragraphs that contain links “disappear” so <a> sit in the chip row.
 */
.topics-box .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-widget-text-editor .elementor-widget-container,
#topics .elementor-widget-text-editor .elementor-widget-container,
.topics-box .elementor-widget-html .elementor-widget-container,
.topics .elementor-widget-html .elementor-widget-container,
#topics .elementor-widget-html .elementor-widget-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

/* Title-only paragraph in same widget as links: full width, label style */
.topics-box .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.topics .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
#topics .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.topics-box .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
.topics .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
#topics .elementor-widget-html .elementor-widget-container > p:not(:has(a)) {
	flex: 0 0 100%;
	width: 100%;
	margin: 0 0 0.65rem;
	padding: 0;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pte-topics-red);
	line-height: 1.3;
}

.topics-box .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)):last-child,
.topics .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)):last-child,
#topics .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)):last-child,
.topics-box .elementor-widget-html .elementor-widget-container > p:not(:has(a)):last-child,
.topics .elementor-widget-html .elementor-widget-container > p:not(:has(a)):last-child,
#topics .elementor-widget-html .elementor-widget-container > p:not(:has(a)):last-child {
	margin-bottom: 0;
}

.topics-box .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.topics .elementor-widget-text-editor .elementor-widget-container > p:has(a),
#topics .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.topics-box .elementor-widget-html .elementor-widget-container > p:has(a),
.topics .elementor-widget-html .elementor-widget-container > p:has(a),
#topics .elementor-widget-html .elementor-widget-container > p:has(a) {
	display: contents;
}

/* Line breaks between chip links — flex gap handles spacing */
.topics-box .elementor-widget-text-editor .elementor-widget-container br,
.topics .elementor-widget-text-editor .elementor-widget-container br,
#topics .elementor-widget-text-editor .elementor-widget-container br,
.topics-box .elementor-widget-html .elementor-widget-container br,
.topics .elementor-widget-html .elementor-widget-container br,
#topics .elementor-widget-html .elementor-widget-container br {
	display: none;
}

.topics-box .pills,
.topics .pills,
#topics .pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0.6rem 0 0;
}

/*
 * Text Editor / list markup: <ul><li><a>…</a></li> — same chip row as .pills (not a vertical bulleted list).
 * Excludes Elementor Icon List and editor chrome.
 */
.topics-box .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
#topics .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics-box ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
#topics ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) {
	list-style: none;
	margin: 0.6rem 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.topics-box .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) li,
.topics .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) li,
#topics .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) li,
.topics-box ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) li,
.topics ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) li,
#topics ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

/* Shared pill surface (class .pill or list link) */
.topics-box a.pill,
.topics-box .pill,
.topics a.pill,
.topics .pill,
#topics a.pill,
#topics .pill,
.topics-box .elementor-widget-container ul:not(.elementor-icon-list-items) li > a,
.topics .elementor-widget-container ul:not(.elementor-icon-list-items) li > a,
#topics .elementor-widget-container ul:not(.elementor-icon-list-items) li > a,
.topics-box ul:not(.elementor-icon-list-items) li > a,
.topics ul:not(.elementor-icon-list-items) li > a,
#topics ul:not(.elementor-icon-list-items) li > a,
.topics-box .elementor-widget-text-editor .elementor-widget-container a,
.topics .elementor-widget-text-editor .elementor-widget-container a,
#topics .elementor-widget-text-editor .elementor-widget-container a,
.topics-box .elementor-widget-html .elementor-widget-container a,
.topics .elementor-widget-html .elementor-widget-container a,
#topics .elementor-widget-html .elementor-widget-container a {
	font-family: inherit !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	padding: 8px 16px;
	background: #fff !important;
	border: 1px solid var(--pte-topics-navy-border);
	border-radius: 20px;
	color: var(--pte-topics-navy) !important;
	text-decoration: none !important;
	transition: background 0.2s, border-color 0.2s, color 0.2s;
	display: inline-flex;
	align-items: center;
}

/* List item is plain text (no link): still render as a chip */
.topics-box .elementor-widget-container ul:not(.elementor-icon-list-items) li:not(:has(> a)),
.topics .elementor-widget-container ul:not(.elementor-icon-list-items) li:not(:has(> a)),
#topics .elementor-widget-container ul:not(.elementor-icon-list-items) li:not(:has(> a)),
.topics-box ul:not(.elementor-icon-list-items) li:not(:has(> a)),
.topics ul:not(.elementor-icon-list-items) li:not(:has(> a)),
#topics ul:not(.elementor-icon-list-items) li:not(:has(> a)) {
	display: inline-flex;
	align-items: center;
	padding: 8px 16px;
	background: #fff;
	border: 1px solid var(--pte-topics-navy-border);
	border-radius: 20px;
	color: var(--pte-topics-navy);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.35;
}

.topics-box a.pill:hover,
.topics-box .pill:hover,
.topics a.pill:hover,
.topics .pill:hover,
#topics a.pill:hover,
#topics .pill:hover,
.topics-box .elementor-widget-container ul:not(.elementor-icon-list-items) li > a:hover,
.topics .elementor-widget-container ul:not(.elementor-icon-list-items) li > a:hover,
#topics .elementor-widget-container ul:not(.elementor-icon-list-items) li > a:hover,
.topics-box ul:not(.elementor-icon-list-items) li > a:hover,
.topics ul:not(.elementor-icon-list-items) li > a:hover,
#topics ul:not(.elementor-icon-list-items) li > a:hover,
.topics-box .elementor-widget-text-editor .elementor-widget-container a:hover,
.topics .elementor-widget-text-editor .elementor-widget-container a:hover,
#topics .elementor-widget-text-editor .elementor-widget-container a:hover,
.topics-box .elementor-widget-html .elementor-widget-container a:hover,
.topics .elementor-widget-html .elementor-widget-container a:hover,
#topics .elementor-widget-html .elementor-widget-container a:hover {
	background: var(--pte-topics-navy) !important;
	color: #fff !important;
	border-color: var(--pte-topics-navy);
}

/*
 * When the column uses class `topics` on a parent that also wraps Career highlights, descendant
 * selectors above would turn that section’s <ul> into a chip row. Reset layout + “pill” li/<a>.
 */
.topics .career-highlights .elementor-widget-text-editor .elementor-widget-container,
.topics .career-highlights .elementor-widget-html .elementor-widget-container,
.topics .elementor-element.career-highlights .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element.career-highlights .elementor-widget-html .elementor-widget-container,
.topics #career-highlights .elementor-widget-text-editor .elementor-widget-container,
.topics #career-highlights .elementor-widget-html .elementor-widget-container,
.topics .elementor-element#career-highlights .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element#career-highlights .elementor-widget-html .elementor-widget-container,
.elementor-element.career-highlights .elementor-widget-text-editor .elementor-widget-container,
.elementor-element.career-highlights .elementor-widget-html .elementor-widget-container,
.elementor-element#career-highlights .elementor-widget-text-editor .elementor-widget-container,
.elementor-element#career-highlights .elementor-widget-html .elementor-widget-container,
.career-highlights .elementor-widget-text-editor .elementor-widget-container,
.career-highlights .elementor-widget-html .elementor-widget-container,
#career-highlights .elementor-widget-text-editor .elementor-widget-container,
#career-highlights .elementor-widget-html .elementor-widget-container {
	display: block !important;
	flex-wrap: unset !important;
	gap: unset !important;
	align-items: unset !important;
}

.topics .career-highlights .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.topics .career-highlights .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
.topics .elementor-element.career-highlights .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.topics .elementor-element.career-highlights .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
.topics #career-highlights .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.topics #career-highlights .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
.career-highlights .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.career-highlights .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
#career-highlights .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
#career-highlights .elementor-widget-html .elementor-widget-container > p:not(:has(a)) {
	flex: unset !important;
	width: auto !important;
	margin: 0 0 1em !important;
	padding: 0 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	color: inherit !important;
	line-height: inherit !important;
}

.topics .career-highlights .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.topics .career-highlights .elementor-widget-html .elementor-widget-container > p:has(a),
.topics .elementor-element.career-highlights .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.topics .elementor-element.career-highlights .elementor-widget-html .elementor-widget-container > p:has(a),
.career-highlights .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.career-highlights .elementor-widget-html .elementor-widget-container > p:has(a),
#career-highlights .elementor-widget-text-editor .elementor-widget-container > p:has(a),
#career-highlights .elementor-widget-html .elementor-widget-container > p:has(a) {
	display: block !important;
}

.topics .career-highlights .elementor-widget-text-editor .elementor-widget-container br,
.topics .career-highlights .elementor-widget-html .elementor-widget-container br,
.topics .elementor-element.career-highlights .elementor-widget-text-editor .elementor-widget-container br,
.topics .elementor-element.career-highlights .elementor-widget-html .elementor-widget-container br,
.career-highlights .elementor-widget-text-editor .elementor-widget-container br,
.career-highlights .elementor-widget-html .elementor-widget-container br,
#career-highlights .elementor-widget-text-editor .elementor-widget-container br,
#career-highlights .elementor-widget-html .elementor-widget-container br {
	display: inline !important;
}

.topics .career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics .career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics .elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics .elementor-element.career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics #career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics #career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.elementor-element.career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.elementor-element#career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.elementor-element#career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
#career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
#career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) {
	list-style: disc !important;
	margin: 0.5rem 0 0 !important;
	padding: 0 0 0 1.25rem !important;
	display: block !important;
	flex-wrap: unset !important;
	gap: unset !important;
	align-items: unset !important;
}

.topics .career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.topics .career-highlights ul:not(.elementor-icon-list-items) li,
.topics .elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.topics .elementor-element.career-highlights ul:not(.elementor-icon-list-items) li,
.topics #career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.topics #career-highlights ul:not(.elementor-icon-list-items) li,
.elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.elementor-element.career-highlights ul:not(.elementor-icon-list-items) li,
.elementor-element#career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.elementor-element#career-highlights ul:not(.elementor-icon-list-items) li,
.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.career-highlights ul:not(.elementor-icon-list-items) li,
#career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
#career-highlights ul:not(.elementor-icon-list-items) li {
	list-style: inherit !important;
	margin: 0 0 0.5em !important;
	padding: 0 !important;
	display: list-item !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}

.topics .career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li > a,
.topics .career-highlights ul:not(.elementor-icon-list-items) li > a,
.topics .elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li > a,
.topics .elementor-element.career-highlights ul:not(.elementor-icon-list-items) li > a,
.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li > a,
.career-highlights ul:not(.elementor-icon-list-items) li > a,
#career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li > a,
#career-highlights ul:not(.elementor-icon-list-items) li > a {
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	line-height: inherit !important;
	color: var(--pte-topics-navy) !important;
	text-decoration: underline !important;
	display: inline !important;
	transition: color 0.2s, text-decoration-color 0.2s;
}

.topics .career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li > a:hover,
.topics .career-highlights ul:not(.elementor-icon-list-items) li > a:hover,
.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li > a:hover,
.career-highlights ul:not(.elementor-icon-list-items) li > a:hover,
#career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li > a:hover,
#career-highlights ul:not(.elementor-icon-list-items) li > a:hover {
	background: transparent !important;
	color: var(--pte-topics-navy) !important;
	border: none !important;
}

/*
 * Podcast block under `.topics`: chip-row flex + pill `<a>` rules must not apply (row looked like a button).
 */
.topics .podcast-host .elementor-widget-text-editor .elementor-widget-container,
.topics .podcast-host .elementor-widget-html .elementor-widget-container,
.topics .elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element.podcast-host .elementor-widget-html .elementor-widget-container,
.topics .career-highlights .podcast-host .elementor-widget-text-editor .elementor-widget-container,
.topics .career-highlights .podcast-host .elementor-widget-html .elementor-widget-container,
.topics #podcast-host .elementor-widget-text-editor .elementor-widget-container,
.topics #podcast-host .elementor-widget-html .elementor-widget-container,
.topics .elementor-element#podcast-host .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element#podcast-host .elementor-widget-html .elementor-widget-container,
.elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container,
.elementor-element.podcast-host .elementor-widget-html .elementor-widget-container,
.elementor-element#podcast-host .elementor-widget-text-editor .elementor-widget-container,
.elementor-element#podcast-host .elementor-widget-html .elementor-widget-container,
.podcast-host .elementor-widget-text-editor .elementor-widget-container,
.podcast-host .elementor-widget-html .elementor-widget-container,
#podcast-host .elementor-widget-text-editor .elementor-widget-container,
#podcast-host .elementor-widget-html .elementor-widget-container {
	display: block !important;
	flex-wrap: unset !important;
	gap: unset !important;
	align-items: unset !important;
}

.topics .podcast-host .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.topics .podcast-host .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
.topics .elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.topics .elementor-element.podcast-host .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
.podcast-host .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.podcast-host .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
#podcast-host .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
#podcast-host .elementor-widget-html .elementor-widget-container > p:not(:has(a)) {
	flex: unset !important;
	width: auto !important;
	margin: 0 0 1em !important;
	padding: 0 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	color: inherit !important;
	line-height: inherit !important;
}

.topics .podcast-host .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.topics .podcast-host .elementor-widget-html .elementor-widget-container > p:has(a),
.topics .elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.topics .elementor-element.podcast-host .elementor-widget-html .elementor-widget-container > p:has(a),
.podcast-host .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.podcast-host .elementor-widget-html .elementor-widget-container > p:has(a),
#podcast-host .elementor-widget-text-editor .elementor-widget-container > p:has(a),
#podcast-host .elementor-widget-html .elementor-widget-container > p:has(a) {
	display: block !important;
}

.topics .podcast-host .elementor-widget-text-editor .elementor-widget-container br,
.topics .podcast-host .elementor-widget-html .elementor-widget-container br,
.topics .elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container br,
.topics .elementor-element.podcast-host .elementor-widget-html .elementor-widget-container br,
.podcast-host .elementor-widget-text-editor .elementor-widget-container br,
.podcast-host .elementor-widget-html .elementor-widget-container br,
#podcast-host .elementor-widget-text-editor .elementor-widget-container br,
#podcast-host .elementor-widget-html .elementor-widget-container br {
	display: inline !important;
}

/*
 * Undo topic “pills” only for **compact** `.pod-row` links (Geanice). Do NOT match `.pod-card` anchors:
 * `.pod-name a`, `.pod-link`, etc. (Joanne featured card) must keep `podcast-host.css` styling.
 */
.topics .podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a,
.topics .podcast-host .elementor-widget-html .elementor-widget-container .pod-row a,
.topics .elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a,
.topics .elementor-element.podcast-host .elementor-widget-html .elementor-widget-container .pod-row a,
.topics .career-highlights .podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a,
.topics .career-highlights .podcast-host .elementor-widget-html .elementor-widget-container .pod-row a,
.elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a,
.elementor-element.podcast-host .elementor-widget-html .elementor-widget-container .pod-row a,
.elementor-element#podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a,
.elementor-element#podcast-host .elementor-widget-html .elementor-widget-container .pod-row a,
.podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a,
.podcast-host .elementor-widget-html .elementor-widget-container .pod-row a,
#podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a,
#podcast-host .elementor-widget-html .elementor-widget-container .pod-row a {
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	line-height: inherit !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--pte-topics-navy) !important;
	text-decoration: none !important;
	display: inline !important;
	transition: color 0.2s, text-decoration-color 0.2s !important;
}

.topics .podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a:hover,
.topics .podcast-host .elementor-widget-html .elementor-widget-container .pod-row a:hover,
.topics .elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a:hover,
.topics .elementor-element.podcast-host .elementor-widget-html .elementor-widget-container .pod-row a:hover,
.elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a:hover,
.elementor-element.podcast-host .elementor-widget-html .elementor-widget-container .pod-row a:hover,
.podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a:hover,
.podcast-host .elementor-widget-html .elementor-widget-container .pod-row a:hover,
#podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a:hover,
#podcast-host .elementor-widget-html .elementor-widget-container .pod-row a:hover {
	background: transparent !important;
	color: var(--pte-topics-navy) !important;
	border: none !important;
	border-color: transparent !important;
	text-decoration: underline !important;
}

/*
 * Interactive tools HTML/Text widget: not the topic chip flex layout.
 */
.topics .interactive-tools .elementor-widget-text-editor .elementor-widget-container,
.topics .interactive-tools .elementor-widget-html .elementor-widget-container,
.topics .elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container,
.topics #interactive-tools .elementor-widget-text-editor .elementor-widget-container,
.topics #interactive-tools .elementor-widget-html .elementor-widget-container,
.topics .elementor-element#interactive-tools .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element#interactive-tools .elementor-widget-html .elementor-widget-container,
.elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container,
.elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container,
.elementor-element#interactive-tools .elementor-widget-text-editor .elementor-widget-container,
.elementor-element#interactive-tools .elementor-widget-html .elementor-widget-container,
.interactive-tools .elementor-widget-text-editor .elementor-widget-container,
.interactive-tools .elementor-widget-html .elementor-widget-container,
#interactive-tools .elementor-widget-text-editor .elementor-widget-container,
#interactive-tools .elementor-widget-html .elementor-widget-container {
	display: block !important;
	flex-wrap: unset !important;
	gap: unset !important;
	align-items: unset !important;
}

/*
 * Media & content samples under `.topics`: `a.article-row` is a full-width flex row, not a pill chip.
 */
.topics .media-content .elementor-widget-text-editor .elementor-widget-container,
.topics .media-content .elementor-widget-html .elementor-widget-container,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container,
.topics .career-highlights .media-content .elementor-widget-text-editor .elementor-widget-container,
.topics .career-highlights .media-content .elementor-widget-html .elementor-widget-container,
.topics #media-content .elementor-widget-text-editor .elementor-widget-container,
.topics #media-content .elementor-widget-html .elementor-widget-container,
.topics .elementor-element#media-content .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element#media-content .elementor-widget-html .elementor-widget-container,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container,
.elementor-element#media-content .elementor-widget-text-editor .elementor-widget-container,
.elementor-element#media-content .elementor-widget-html .elementor-widget-container,
.media-content .elementor-widget-text-editor .elementor-widget-container,
.media-content .elementor-widget-html .elementor-widget-container,
#media-content .elementor-widget-text-editor .elementor-widget-container,
#media-content .elementor-widget-html .elementor-widget-container {
	display: block !important;
	flex-wrap: unset !important;
	gap: unset !important;
	align-items: unset !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container br,
.topics .media-content .elementor-widget-html .elementor-widget-container br,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container br,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container br,
.media-content .elementor-widget-text-editor .elementor-widget-container br,
.media-content .elementor-widget-html .elementor-widget-container br,
#media-content .elementor-widget-text-editor .elementor-widget-container br,
#media-content .elementor-widget-html .elementor-widget-container br {
	display: inline !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container a.article-row,
.topics .media-content .elementor-widget-html .elementor-widget-container a.article-row,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row,
.topics .career-highlights .media-content .elementor-widget-text-editor .elementor-widget-container a.article-row,
.topics .career-highlights .media-content .elementor-widget-html .elementor-widget-container a.article-row,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row,
.elementor-element#media-content .elementor-widget-text-editor .elementor-widget-container a.article-row,
.elementor-element#media-content .elementor-widget-html .elementor-widget-container a.article-row,
.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row,
.media-content .elementor-widget-html .elementor-widget-container a.article-row,
#media-content .elementor-widget-text-editor .elementor-widget-container a.article-row,
#media-content .elementor-widget-html .elementor-widget-container a.article-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 1rem 0 !important;
	border: none !important;
	border-bottom: 0.5px solid var(--pte-topics-navy-border) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	line-height: inherit !important;
	color: inherit !important;
	text-decoration: none !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child,
.topics .media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child,
.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child,
.media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child,
#media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child,
#media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child {
	border-bottom: none !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:hover,
.topics .media-content .elementor-widget-html .elementor-widget-container a.article-row:hover,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:hover,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row:hover,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:hover,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row:hover,
.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:hover,
.media-content .elementor-widget-html .elementor-widget-container a.article-row:hover,
#media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:hover,
#media-content .elementor-widget-html .elementor-widget-container a.article-row:hover {
	background: transparent !important;
	color: inherit !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	border-bottom: 0.5px solid var(--pte-topics-navy-border) !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child:hover,
.topics .media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child:hover,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child:hover,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child:hover,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child:hover,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child:hover,
.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child:hover,
.media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child:hover,
#media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child:hover,
#media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child:hover {
	border-bottom: none !important;
}

/* Non-link media rows — same flex row treatment as a.article-row */
.topics .media-content .elementor-widget-text-editor .elementor-widget-container div.article-row,
.topics .media-content .elementor-widget-html .elementor-widget-container div.article-row,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row,
.topics .career-highlights .media-content .elementor-widget-text-editor .elementor-widget-container div.article-row,
.topics .career-highlights .media-content .elementor-widget-html .elementor-widget-container div.article-row,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row,
.elementor-element#media-content .elementor-widget-text-editor .elementor-widget-container div.article-row,
.elementor-element#media-content .elementor-widget-html .elementor-widget-container div.article-row,
.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row,
.media-content .elementor-widget-html .elementor-widget-container div.article-row,
#media-content .elementor-widget-text-editor .elementor-widget-container div.article-row,
#media-content .elementor-widget-html .elementor-widget-container div.article-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 1rem 0 !important;
	border: none !important;
	border-bottom: 0.5px solid var(--pte-topics-navy-border) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	line-height: inherit !important;
	color: inherit !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child,
.topics .media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child,
.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child,
.media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child,
#media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child,
#media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child {
	border-bottom: none !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:hover,
.topics .media-content .elementor-widget-html .elementor-widget-container div.article-row:hover,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:hover,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row:hover,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:hover,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row:hover,
.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:hover,
.media-content .elementor-widget-html .elementor-widget-container div.article-row:hover,
#media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:hover,
#media-content .elementor-widget-html .elementor-widget-container div.article-row:hover {
	background: transparent !important;
	color: inherit !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	border-bottom: 0.5px solid var(--pte-topics-navy-border) !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child:hover,
.topics .media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child:hover,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child:hover,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child:hover,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child:hover,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child:hover,
.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child:hover,
.media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child:hover,
#media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child:hover,
#media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child:hover {
	border-bottom: none !important;
}

/*
 * Interactive tools under `.topics`: `a.tool-card` is a grid tile, not a pill chip.
 */
.topics .interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
.topics .interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card,
.topics .elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
.topics .elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card,
.topics #interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
.topics #interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card,
.topics .elementor-element#interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
.topics .elementor-element#interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card,
.elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
.elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card,
.elementor-element#interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
.elementor-element#interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card,
.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card,
#interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
#interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card {
	display: block !important;
	width: auto !important;
	max-width: none !important;
	align-items: unset !important;
	justify-content: unset !important;
	margin: 0 !important;
	padding: 0.9rem 1rem !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	line-height: inherit !important;
	color: inherit !important;
	text-decoration: none !important;
	background: rgba(10, 49, 97, 0.07) !important;
	border: 1px solid rgba(10, 49, 97, 0.12) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
}

.topics .interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover,
.topics .interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover,
.topics .elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover,
.topics .elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover,
.elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover,
.elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover,
.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover,
.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover,
#interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover,
#interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover {
	background: #0a3161 !important;
	border-color: #0a3161 !important;
	color: #fff !important;
}

.topics .interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover .tool-name,
.topics .interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover .tool-name,
.topics .interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover .tool-desc,
.topics .interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover .tool-desc,
.elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover .tool-name,
.elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover .tool-name,
.elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover .tool-desc,
.elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover .tool-desc,
.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover .tool-name,
.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover .tool-name,
.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover .tool-desc,
.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover .tool-desc {
	color: #fff !important;
}

/* ---- career-highlights.css ---- */
/**
 * Career highlights — matches author bio static block
 * (https://www.footholdamerica.com/author/geanice-barganier-bio.html).
 *
 * Add CSS class **career-highlights** (or ID **career-highlights**) on the Elementor container.
 * Label: `.sec-label` in HTML widget, or Heading widget (styled like `.sec-label`).
 * List: Text/HTML `<ul>` (plain bullets) or `.career-list` with `.career-dot` rows (static HTML).
 *
 * Loads after topics utility CSS so list layout wins when a `.topics` wrapper is used above.
 *
 * @package Personal_Team_Elementor
 * @since 1.2.7
 * @since 1.2.12 — No `.e-con` block margin (Elementor column + stacked utilities; margins were doubling).
 */

.career-highlights,
#career-highlights {
	--pte-ch-navy: #0a3161;
	--pte-ch-red: #b31942;
	--pte-ch-teal: #28c1df;
	--pte-ch-navy-border: rgba(10, 49, 97, 0.12);

	box-sizing: border-box;
}

.career-highlights *,
.career-highlights *::before,
.career-highlights *::after,
#career-highlights *,
#career-highlights *::before,
#career-highlights *::after {
	box-sizing: border-box;
}

.career-highlights.e-con,
#career-highlights.e-con {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
	margin: 0;
}

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

.career-highlights .elementor-widget,
#career-highlights .elementor-widget {
	align-self: stretch;
	width: 100%;
}

/* --- Label: same as static `.sec-label` --- */
.career-highlights .sec-label,
#career-highlights .sec-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pte-ch-red);
	margin: 0 0 0.65rem;
	line-height: 1.3;
}

.career-highlights .elementor-widget-heading .elementor-heading-title,
#career-highlights .elementor-widget-heading .elementor-heading-title {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pte-ch-red);
	line-height: 1.3;
	margin: 0 0 0.65rem;
}

/* --- List: static `.career-list` rows or default `<ul>` with teal dot --- */
.career-highlights ul.career-list:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
#career-highlights ul.career-list:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) {
	list-style: none;
	margin: 0.5rem 0 0;
	padding: 0;
	display: block;
}

.career-highlights ul.career-list:not(.elementor-icon-list-items) li,
#career-highlights ul.career-list:not(.elementor-icon-list-items) li {
	display: flex;
	gap: 13px;
	padding: 0.75rem 0;
	border-bottom: 0.5px solid var(--pte-ch-navy-border);
	align-items: flex-start;
	font-size: 14px;
	color: #2c3e52;
	line-height: 1.5;
	margin: 0;
	list-style: none;
}

.career-highlights ul.career-list:not(.elementor-icon-list-items) li:last-child,
#career-highlights ul.career-list:not(.elementor-icon-list-items) li:last-child {
	border-bottom: none;
}

.career-highlights .career-dot,
#career-highlights .career-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--pte-ch-teal);
	flex-shrink: 0;
	margin-top: 6px;
}

/* Plain Elementor `<ul>`: divider rows + pseudo bullet (no `.career-dot`) */
.topics .career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics .career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics .elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics #career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.elementor-element.career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.elementor-element#career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
#career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
#career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) {
	list-style: none !important;
	margin: 0.5rem 0 0 !important;
	padding: 0 !important;
	display: block !important;
	flex-wrap: unset !important;
	gap: unset !important;
	align-items: unset !important;
}

.topics .career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.topics .elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.elementor-element#career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
#career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li {
	display: flex !important;
	gap: 13px !important;
	align-items: flex-start !important;
	padding: 0.75rem 0 !important;
	margin: 0 !important;
	border-bottom: 0.5px solid var(--pte-ch-navy-border) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #2c3e52 !important;
	background: transparent !important;
	border-radius: 0 !important;
	list-style: none !important;
}

.topics .career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li:last-child,
.elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li:last-child,
.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li:last-child,
#career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li:last-child {
	border-bottom: none !important;
}

.elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li::before,
.elementor-element#career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li::before,
.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li::before,
#career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--pte-ch-teal);
	flex-shrink: 0;
	margin-top: 6px;
}

.elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li:has(.career-dot)::before,
.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li:has(.career-dot)::before,
#career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li:has(.career-dot)::before {
	content: none;
	width: 0;
	height: 0;
	margin: 0;
}

/* Elementor / kit */
.elementor-element.career-highlights .sec-label,
.elementor-element#career-highlights .sec-label {
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--pte-ch-red) !important;
	margin: 0 0 0.65rem !important;
	line-height: 1.3 !important;
}

.elementor-element.career-highlights .elementor-widget-heading .elementor-heading-title,
.elementor-element#career-highlights .elementor-widget-heading .elementor-heading-title {
	font-family: inherit !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--pte-ch-red) !important;
	line-height: 1.3 !important;
	margin: 0 0 0.65rem !important;
}

/* ---- podcast-host.css ---- */
/**
 * Podcast host block — author bio “Podcast host” card
 * (https://www.footholdamerica.com/author/joanne-farquharson-bio.html).
 *
 * Add CSS class **podcast-host** (or ID **podcast-host**) on the Elementor container.
 *
 * Inner markup (pick one):
 * - **Featured card:** `.section-block` > `.sec-label` + `.pod-card` > `.pod-icon` + text column (Joanne-style).
 * - **Compact row:** `.sec-label` + `.pod-row` > `.pod-icon-sm` + column > `.pod-title` / `.pod-sub`
 *   (matches static bio HTML, e.g. Geanice). In Elementor, omit outer `.section-block` if the container is
 *   already `podcast-host`. **Do not** add block margin on `.podcast-host.e-con` when it’s stacked with
 *   `career-highlights` / `media-content` — flex siblings’ margins sum (no collapse), which doubles gaps.
 *
 * @package Personal_Team_Elementor
 * @since 1.1.12
 * @since 1.2.8 — Compact `.pod-row` / `.pod-icon-sm` / `.pod-title` / `.pod-sub`; Elementor heading as label.
 * @since 1.2.11 — No vertical margin on `.podcast-host.e-con` (avoid stacking with adjacent utility sections).
 * @since 1.2.12 — `.section-block` margin 0 (same stacking rule as other utilities).
 */

.podcast-host,
#podcast-host {
	--pte-pod-navy: #0a3161;
	--pte-pod-red: #b31942;
	--pte-pod-teal: #28c1df;
	--pte-pod-serif: 'DM Serif Display', Georgia, 'Times New Roman', serif;
	--pte-pod-navy-border: rgba(10, 49, 97, 0.12);
	--pte-pod-muted: #5a6a7a;

	box-sizing: border-box;
}

.podcast-host *,
#podcast-host * {
	box-sizing: border-box;
}

/* Elementor flex containers */
.podcast-host.e-con,
#podcast-host.e-con {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
	margin: 0;
}

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

.podcast-host .elementor-widget,
#podcast-host .elementor-widget {
	align-self: stretch;
	width: 100%;
}

.podcast-host .section-block,
#podcast-host .section-block {
	margin: 0;
}

/* Red caps label — only inside podcast-host */
.podcast-host .sec-label,
#podcast-host .sec-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pte-pod-red);
	margin: 0 0 0.65rem;
	line-height: 1.3;
}

.podcast-host .elementor-widget-heading .elementor-heading-title,
#podcast-host .elementor-widget-heading .elementor-heading-title {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pte-pod-red);
	line-height: 1.3;
	margin: 0 0 0.65rem;
}

.podcast-host .pod-card,
#podcast-host .pod-card {
	background: var(--pte-pod-navy);
	border-radius: 10px;
	padding: 1.5rem;
	display: flex;
	gap: 1.5rem;
	align-items: flex-start;
	margin-top: 0.5rem;
}

.podcast-host .pod-icon,
#podcast-host .pod-icon {
	width: 54px;
	height: 54px;
	background: var(--pte-pod-red);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	font-size: 24px;
	line-height: 1;
}

.podcast-host .pod-role,
#podcast-host .pod-role {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pte-pod-teal);
	margin-bottom: 0.5rem;
}

.podcast-host .pod-name,
#podcast-host .pod-name {
	font-family: var(--pte-pod-serif);
	font-size: 20px;
	color: #fff;
	line-height: 1.2;
	margin-bottom: 5px;
}

.podcast-host .pod-name a,
#podcast-host .pod-name a {
	color: #fff !important;
	text-decoration: none !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	font-family: inherit !important;
}

.podcast-host .pod-name a:hover,
#podcast-host .pod-name a:hover {
	text-decoration: underline !important;
}

.podcast-host .pod-desc,
#podcast-host .pod-desc {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.5);
	margin: 0 0 0.9rem;
	line-height: 1.5;
}

.podcast-host .pod-links,
#podcast-host .pod-links {
	display: flex;
	gap: 7px;
	flex-wrap: wrap;
}

.podcast-host a.pod-link,
.podcast-host .pod-link,
#podcast-host a.pod-link,
#podcast-host .pod-link {
	font-family: inherit !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	padding: 5px 12px;
	border-radius: 20px;
	text-decoration: none !important;
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 0.82) !important;
	background: rgba(255, 255, 255, 0.07);
	transition: background 0.2s;
	display: inline-flex;
	align-items: center;
}

.podcast-host a.pod-link:hover,
.podcast-host .pod-link:hover,
#podcast-host a.pod-link:hover,
#podcast-host .pod-link:hover {
	background: rgba(255, 255, 255, 0.16);
	color: rgba(255, 255, 255, 0.9) !important;
}

.podcast-host .pod-link.spotify,
#podcast-host .pod-link.spotify {
	border-color: rgba(30, 215, 96, 0.4);
	color: #1ed760 !important;
	background: rgba(30, 215, 96, 0.06);
}

.podcast-host .pod-link.yt,
#podcast-host .pod-link.yt {
	border-color: rgba(255, 80, 80, 0.4);
	color: #ff9090 !important;
	background: rgba(255, 0, 0, 0.07);
}

.podcast-host .pod-link.amazon,
#podcast-host .pod-link.amazon {
	border-color: rgba(255, 165, 0, 0.4);
	color: #ffb84d !important;
	background: rgba(255, 165, 0, 0.07);
}

.podcast-host .pod-link.apple,
#podcast-host .pod-link.apple {
	border-color: rgba(250, 130, 255, 0.4);
	color: #f580ff !important;
	background: rgba(200, 0, 255, 0.06);
}

/* Text column grows; icon stays fixed */
.podcast-host .pod-card > div:last-child,
#podcast-host .pod-card > div:last-child {
	flex: 1 1 auto;
	min-width: 0;
}

/* --- Compact row (on-page, light background — static author HTML) --- */
.podcast-host .pod-row,
#podcast-host .pod-row {
	display: flex;
	gap: 13px;
	padding: 0.85rem 0;
	border-bottom: 0.5px solid var(--pte-pod-navy-border);
	align-items: flex-start;
}

.podcast-host .pod-row:last-child,
#podcast-host .pod-row:last-child {
	border-bottom: none;
}

.podcast-host .pod-icon-sm,
#podcast-host .pod-icon-sm {
	width: 34px;
	height: 34px;
	border-radius: 7px;
	background: var(--pte-pod-red);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	line-height: 1;
	flex-shrink: 0;
	color: #fff;
}

.podcast-host .pod-row > div:last-child,
#podcast-host .pod-row > div:last-child {
	flex: 1 1 auto;
	min-width: 0;
}

.podcast-host .pod-row .pod-title,
#podcast-host .pod-row .pod-title {
	font-size: 14.5px;
	font-weight: 600;
	color: var(--pte-pod-navy);
	line-height: 1.35;
}

.podcast-host .pod-row .pod-title a,
#podcast-host .pod-row .pod-title a {
	color: var(--pte-pod-navy);
	text-decoration: none;
}

.podcast-host .pod-row .pod-title a:hover,
#podcast-host .pod-row .pod-title a:hover {
	text-decoration: underline;
}

.podcast-host .pod-row .pod-sub,
#podcast-host .pod-row .pod-sub {
	font-size: 13px;
	color: var(--pte-pod-muted);
	margin-top: 3px;
	line-height: 1.5;
}

/* Elementor / kit — compact row + label */
.elementor-element.podcast-host .elementor-widget-heading .elementor-heading-title,
.elementor-element#podcast-host .elementor-widget-heading .elementor-heading-title {
	font-family: inherit !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--pte-pod-red) !important;
	line-height: 1.3 !important;
	margin: 0 0 0.65rem !important;
}

.elementor-element.podcast-host .sec-label,
.elementor-element#podcast-host .sec-label {
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--pte-pod-red) !important;
	margin: 0 0 0.65rem !important;
	line-height: 1.3 !important;
}

.elementor-element.podcast-host .pod-row .pod-title,
.elementor-element#podcast-host .pod-row .pod-title {
	font-size: 14.5px !important;
	font-weight: 600 !important;
	color: var(--pte-pod-navy) !important;
	line-height: 1.35 !important;
}

.elementor-element.podcast-host .pod-row .pod-title a,
.elementor-element#podcast-host .pod-row .pod-title a {
	color: var(--pte-pod-navy) !important;
	text-decoration: none !important;
	font-size: inherit !important;
	font-weight: inherit !important;
}

.elementor-element.podcast-host .pod-row .pod-sub,
.elementor-element#podcast-host .pod-row .pod-sub {
	font-size: 13px !important;
	color: var(--pte-pod-muted) !important;
	line-height: 1.5 !important;
}

@media (max-width: 680px) {
	.podcast-host .pod-card,
	#podcast-host .pod-card {
		flex-direction: column;
	}
}

/* ---- speaking-media.css ---- */
/**
 * Speaking & Media list — author bio pattern
 * (https://www.footholdamerica.com/author/joanne-farquharson-bio.html).
 *
 * Add CSS class **speaking-media** (or ID **speaking-media**) on the Elementor container.
 * Inner: `.section-block` > `.sec-label` + `ul.appear-list` > `li` > `.appear-icon` + text column.
 *
 * Optional “Upcoming” tag: `<span class="appear-badge">Upcoming</span>` inside `.appear-title`.
 *
 * @package Personal_Team_Elementor
 * @since 1.1.13
 * @since 1.2.12 — `.section-block` margin 0 when stacked with other bio utilities (avoid doubled gaps).
 */

.speaking-media,
#speaking-media {
	--pte-sm-navy: #0a3161;
	--pte-sm-red: #b31942;
	--pte-sm-teal: #28c1df;
	--pte-sm-muted: #5a6a7a;
	--pte-sm-navy-bg: rgba(10, 49, 97, 0.07);
	--pte-sm-navy-border: rgba(10, 49, 97, 0.12);

	box-sizing: border-box;
}

.speaking-media *,
#speaking-media * {
	box-sizing: border-box;
}

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

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

.speaking-media .elementor-widget,
#speaking-media .elementor-widget {
	align-self: stretch;
	width: 100%;
}

.speaking-media .section-block,
#speaking-media .section-block {
	margin: 0;
}

.speaking-media .sec-label,
#speaking-media .sec-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pte-sm-red);
	margin: 0 0 0.65rem;
	line-height: 1.3;
}

.speaking-media ul.appear-list:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
#speaking-media ul.appear-list:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) {
	list-style: none;
	margin: 0.5rem 0 0;
	padding: 0;
}

.speaking-media ul.appear-list:not(.elementor-icon-list-items) li,
#speaking-media ul.appear-list:not(.elementor-icon-list-items) li {
	display: flex;
	gap: 13px;
	padding: 0.85rem 0;
	border-bottom: 0.5px solid var(--pte-sm-navy-border);
	align-items: flex-start;
	margin: 0;
}

.speaking-media ul.appear-list:not(.elementor-icon-list-items) li:last-child,
#speaking-media ul.appear-list:not(.elementor-icon-list-items) li:last-child {
	border-bottom: none;
}

.speaking-media .appear-icon,
#speaking-media .appear-icon {
	width: 34px;
	height: 34px;
	border-radius: 7px;
	background: var(--pte-sm-navy-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 1;
	flex-shrink: 0;
}

.speaking-media ul.appear-list li > div:last-child,
#speaking-media ul.appear-list li > div:last-child {
	flex: 1 1 auto;
	min-width: 0;
}

.speaking-media .appear-title,
#speaking-media .appear-title {
	font-size: 14.5px;
	font-weight: 600;
	color: var(--pte-sm-navy);
	line-height: 1.35;
}

.speaking-media .appear-title a,
#speaking-media .appear-title a {
	color: var(--pte-sm-navy) !important;
	text-decoration: none !important;
	font-size: inherit !important;
	font-weight: inherit !important;
}

.speaking-media .appear-title a:hover,
#speaking-media .appear-title a:hover {
	text-decoration: underline !important;
}

/* Cyan “Upcoming” (replaces inline span in static bio) */
.speaking-media .appear-badge,
#speaking-media .appear-badge {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--pte-sm-teal);
	margin-left: 6px;
	white-space: nowrap;
}

.speaking-media .appear-sub,
#speaking-media .appear-sub {
	font-size: 13px;
	color: var(--pte-sm-muted);
	margin-top: 3px;
	line-height: 1.5;
}

.speaking-media .appear-sub a,
#speaking-media .appear-sub a {
	color: var(--pte-sm-navy) !important;
	text-decoration: underline !important;
	text-decoration-color: rgba(10, 49, 97, 0.3) !important;
	font-size: inherit !important;
	font-weight: 400 !important;
}

.speaking-media .appear-sub a:hover,
#speaking-media .appear-sub a:hover {
	text-decoration-color: var(--pte-sm-navy) !important;
}

/* ---- media-content.css ---- */
/**
 * Media & content samples — author bio `.articles` / `.article-row` pattern
 * (https://www.footholdamerica.com/author/joanne-farquharson-bio.html).
 *
 * Add CSS class **media-content** (or ID **media-content**) on the Elementor container.
 * Inner (either):
 * - `.articles` > `.sec-label` + `a.article-row` … (matches static HTML), **or**
 * - Same markup **without** the outer `.articles` div inside an HTML/Text widget — `.sec-label` + rows still style when the Elementor container has **`media-content`**.
 * - **Editor mistake (still supported):** `.articles` > `.sec-label` wrapping only alternating `.art-num` + `div` (no links). Uses a grid; reset so `.topics .sec-label` label caps don’t shrink the whole list. Prefer `a.article-row` + real heading.
 *
 * @package Personal_Team_Elementor
 * @since 1.1.14
 * @since 1.2.10 — `.sec-label` / heading without `.articles`; section margin on `.e-con`; kit heading label.
 * @since 1.2.12 — No `.e-con` / `.articles` block margins (stacked bio utilities; flex sibling margins summed).
 * @since 1.2.14 — Mis-nested `.sec-label` article grid; optional `div.article-row` (non-link row).
 */

.media-content,
#media-content {
	--pte-mc-navy: #0a3161;
	--pte-mc-red: #b31942;
	--pte-mc-muted: #5a6a7a;
	--pte-mc-navy-border: rgba(10, 49, 97, 0.12);
	--pte-mc-serif: 'DM Serif Display', Georgia, 'Times New Roman', serif;

	box-sizing: border-box;
}

.media-content *,
#media-content * {
	box-sizing: border-box;
}

.media-content.e-con,
#media-content.e-con {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
	margin: 0;
}

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

.media-content .elementor-widget,
#media-content .elementor-widget {
	align-self: stretch;
	width: 100%;
}

.media-content .articles,
#media-content .articles {
	margin: 0;
}

.media-content .articles .sec-label,
#media-content .articles .sec-label,
.media-content .sec-label,
#media-content .sec-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pte-mc-red);
	margin: 0 0 0.65rem;
	line-height: 1.3;
}

.media-content .elementor-widget-heading .elementor-heading-title,
#media-content .elementor-widget-heading .elementor-heading-title {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pte-mc-red);
	line-height: 1.3;
	margin: 0 0 0.65rem;
}

.media-content a.article-row,
#media-content a.article-row {
	display: flex;
	gap: 14px;
	padding: 1rem 0;
	border-bottom: 0.5px solid var(--pte-mc-navy-border);
	align-items: flex-start;
	text-decoration: none !important;
	color: inherit !important;
	transition: background 0.15s ease;
}

.media-content a.article-row:last-child,
#media-content a.article-row:last-child {
	border-bottom: none;
}

.media-content a.article-row:hover .art-title,
.media-content a.article-row:focus-visible .art-title,
#media-content a.article-row:hover .art-title,
#media-content a.article-row:focus-visible .art-title {
	text-decoration-color: var(--pte-mc-navy) !important;
}

.media-content a.article-row:focus-visible,
#media-content a.article-row:focus-visible {
	outline: 2px solid var(--pte-mc-navy);
	outline-offset: 2px;
}

.media-content .art-num,
#media-content .art-num {
	font-family: var(--pte-mc-serif);
	font-size: 26px;
	color: rgba(10, 49, 97, 0.18);
	line-height: 1;
	flex-shrink: 0;
	width: 32px;
	text-align: left;
}

.media-content a.article-row > div:last-child,
#media-content a.article-row > div:last-child {
	flex: 1 1 auto;
	min-width: 0;
}

.media-content .art-title,
#media-content .art-title {
	font-size: 14.5px;
	color: var(--pte-mc-navy) !important;
	font-weight: 500;
	line-height: 1.45;
	text-decoration: underline;
	text-decoration-color: rgba(10, 49, 97, 0.2);
	transition: text-decoration-color 0.2s;
}

.media-content .art-tag,
#media-content .art-tag {
	font-size: 11.5px;
	color: var(--pte-mc-muted);
	margin-top: 4px;
	line-height: 1.4;
}

/*
 * Mis-nested markup: `.articles` > `.sec-label` > `.art-num` + `div` pairs (sec-label must not get label-only caps on children).
 * When Topics wraps the page, `.topics .sec-label` must lose here — higher specificity below.
 */
.media-content .sec-label:has(> .art-num),
#media-content .sec-label:has(> .art-num) {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 14px;
	align-items: start;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: normal;
	text-transform: none;
	color: inherit;
	line-height: normal;
	margin: 0;
}

.topics .media-content .sec-label:has(> .art-num),
.topics #media-content .sec-label:has(> .art-num),
.topics .elementor-element.media-content .sec-label:has(> .art-num),
.topics .elementor-element#media-content .sec-label:has(> .art-num) {
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	color: inherit !important;
	line-height: normal !important;
	margin: 0 !important;
}

.media-content .sec-label:has(> .art-num) > .art-num,
#media-content .sec-label:has(> .art-num) > .art-num {
	margin: 0;
}

.media-content .sec-label:has(> .art-num) > .art-num,
#media-content .sec-label:has(> .art-num) > .art-num,
.media-content .sec-label:has(> .art-num) > div:not(.art-num),
#media-content .sec-label:has(> .art-num) > div:not(.art-num) {
	padding: 1rem 0;
}

.media-content .sec-label:has(> .art-num) > div:not(.art-num),
#media-content .sec-label:has(> .art-num) > div:not(.art-num) {
	border-bottom: 0.5px solid var(--pte-mc-navy-border);
	min-width: 0;
}

.media-content .sec-label:has(> .art-num) > div:not(.art-num):last-of-type,
#media-content .sec-label:has(> .art-num) > div:not(.art-num):last-of-type {
	border-bottom: none;
}

/* Non-link row (optional); same chrome as <a.article-row> without pointer/href semantics. */
.media-content div.article-row,
#media-content div.article-row {
	display: flex;
	gap: 14px;
	padding: 1rem 0;
	border-bottom: 0.5px solid var(--pte-mc-navy-border);
	align-items: flex-start;
	color: inherit;
}

.media-content div.article-row:last-child,
#media-content div.article-row:last-child {
	border-bottom: none;
}

.media-content div.article-row > div:last-child,
#media-content div.article-row > div:last-child {
	flex: 1 1 auto;
	min-width: 0;
}

/*
 * Elementor: higher specificity so page/kit CSS doesn’t flatten rows or recolor labels.
 */
.elementor-element.media-content .articles .sec-label:not(:has(> .art-num)),
.elementor-element#media-content .articles .sec-label:not(:has(> .art-num)),
.elementor-element.media-content .sec-label:not(:has(> .art-num)),
.elementor-element#media-content .sec-label:not(:has(> .art-num)) {
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--pte-mc-red) !important;
	margin: 0 0 0.65rem !important;
	line-height: 1.3 !important;
}

.elementor-element.media-content .sec-label:has(> .art-num),
.elementor-element#media-content .sec-label:has(> .art-num) {
	display: grid !important;
	grid-template-columns: auto 1fr !important;
	column-gap: 14px !important;
	align-items: start !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	color: inherit !important;
	line-height: normal !important;
	margin: 0 !important;
}

.elementor-element.media-content .sec-label:has(> .art-num) > .art-num,
.elementor-element#media-content .sec-label:has(> .art-num) > .art-num,
.elementor-element.media-content .sec-label:has(> .art-num) > div:not(.art-num),
.elementor-element#media-content .sec-label:has(> .art-num) > div:not(.art-num) {
	padding: 1rem 0 !important;
}

.elementor-element.media-content .sec-label:has(> .art-num) > div:not(.art-num),
.elementor-element#media-content .sec-label:has(> .art-num) > div:not(.art-num) {
	border-bottom: 0.5px solid var(--pte-mc-navy-border) !important;
	min-width: 0 !important;
}

.elementor-element.media-content .sec-label:has(> .art-num) > div:not(.art-num):last-of-type,
.elementor-element#media-content .sec-label:has(> .art-num) > div:not(.art-num):last-of-type {
	border-bottom: none !important;
}

.elementor-element.media-content .elementor-widget-heading .elementor-heading-title,
.elementor-element#media-content .elementor-widget-heading .elementor-heading-title {
	font-family: inherit !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--pte-mc-red) !important;
	line-height: 1.3 !important;
	margin: 0 0 0.65rem !important;
}

.elementor-element.media-content a.article-row,
.elementor-element#media-content a.article-row {
	display: flex !important;
	flex-direction: row !important;
	gap: 14px !important;
	padding: 1rem 0 !important;
	border-bottom: 0.5px solid var(--pte-mc-navy-border) !important;
	align-items: flex-start !important;
	text-decoration: none !important;
	color: inherit !important;
}

.elementor-element.media-content a.article-row:last-child,
.elementor-element#media-content a.article-row:last-child {
	border-bottom: none !important;
}

.elementor-element.media-content div.article-row,
.elementor-element#media-content div.article-row {
	display: flex !important;
	flex-direction: row !important;
	gap: 14px !important;
	padding: 1rem 0 !important;
	border-bottom: 0.5px solid var(--pte-mc-navy-border) !important;
	align-items: flex-start !important;
	color: inherit !important;
}

.elementor-element.media-content div.article-row:last-child,
.elementor-element#media-content div.article-row:last-child {
	border-bottom: none !important;
}

.elementor-element.media-content .art-title,
.elementor-element#media-content .art-title {
	font-size: 14.5px !important;
	color: var(--pte-mc-navy) !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	text-decoration: underline !important;
	text-decoration-color: rgba(10, 49, 97, 0.2) !important;
}

.elementor-element.media-content .art-num,
.elementor-element#media-content .art-num {
	font-family: var(--pte-mc-serif) !important;
	font-size: 26px !important;
	color: rgba(10, 49, 97, 0.18) !important;
}

.elementor-element.media-content .art-tag,
.elementor-element#media-content .art-tag {
	font-size: 11.5px !important;
	color: var(--pte-mc-muted) !important;
}

/* ---- personal-note-wrap.css ---- */
/**
 * 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;
}

/* ---- recognition.css ---- */
/**
 * Recognition — author bio card (https://www.footholdamerica.com/author/joanne-farquharson-bio.html).
 *
 * Root: Elementor container class **recognition** (or ID **recognition**).
 *
 * Markup (either):
 * 1) Full: `.s-card` > `.s-title` + `.award-badge` (`.red` / `.gold`) > `.award-name`, `.award-body`
 * 2) Elementor HTML/Text: same classes **without** outer `.s-card` — content sits inside the **container** card
 *    (no second frame on the first widget).
 *
 * Outer **e-con** with class `recognition` (or ID `recognition`) uses the same white box + thin border as **credentials**.
 *
 * @package Personal_Team_Elementor
 * @since 1.2.2
 * @since 1.2.3 — Scoped card content; sticky align-self.
 * @since 1.2.4 — Fallback card shell + `.s-title` / `.award-*` without `.s-card` (matches static HTML classes).
 * @since 1.2.5 — Outer container card (match credentials); inner `.s-card` / first widget no longer double-border.
 */

.recognition,
#recognition {
	--pte-rec-navy-border: rgba(10, 49, 97, 0.12);
	--pte-rec-muted: #5a6a7a;
	--pte-rec-red: #b31942;
	--pte-rec-gold: #b58c35;

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

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

.elementor-element.recognition.e-con,
.elementor-element#recognition.e-con {
	align-self: flex-start;
	background: #fff !important;
	border: 0.5px solid var(--pte-rec-navy-border) !important;
	border-radius: 10px !important;
	padding: 1.25rem !important;
	margin-bottom: 1rem !important;
	box-sizing: border-box !important;
}

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

.recognition.e-con > .e-con-inner,
#recognition.e-con > .e-con-inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start !important;
	align-items: stretch !important;
	align-content: flex-start !important;
	width: 100%;
}

.recognition .elementor-widget,
#recognition .elementor-widget {
	align-self: stretch;
	width: 100%;
	max-width: 100%;
}

/* --- Inner .s-card: spacing only (outer .recognition / .e-con is the card, like credentials) --- */
.recognition .s-card,
#recognition .s-card {
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0 0 1rem;
	box-sizing: border-box;
}

.recognition .s-card:last-child,
#recognition .s-card:last-child {
	margin-bottom: 0;
}

/*
 * No .s-card: first widget sits inside the padded container (no inner white frame).
 */
.recognition.e-con:not(:has(.s-card)) > .e-con-inner > .elementor-widget:first-child .elementor-widget-container,
#recognition.e-con:not(:has(.s-card)) > .e-con-inner > .elementor-widget:first-child .elementor-widget-container {
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

/* --- Title + badges: under .s-card OR direct in column (class names from static HTML) --- */
.recognition .s-card .s-title,
.recognition .s-title,
#recognition .s-card .s-title,
#recognition .s-title {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--pte-rec-muted);
	margin: 0 0 0.85rem;
	line-height: 1.3;
}

.recognition .s-card .award-badge,
.recognition .award-badge,
#recognition .s-card .award-badge,
#recognition .award-badge {
	border-radius: 7px;
	padding: 0.7rem 0.85rem;
	margin: 0 0 0.6rem;
}

.recognition .s-card .award-badge:last-child,
.recognition .award-badge:last-child,
#recognition .s-card .award-badge:last-child,
#recognition .award-badge:last-child {
	margin-bottom: 0;
}

.recognition .s-card .award-badge.red,
.recognition .award-badge.red,
#recognition .s-card .award-badge.red,
#recognition .award-badge.red {
	background: #fbeaed;
	border: 1px solid rgba(179, 25, 66, 0.18);
}

.recognition .s-card .award-badge.gold,
.recognition .award-badge.gold,
#recognition .s-card .award-badge.gold,
#recognition .award-badge.gold {
	background: rgba(181, 140, 53, 0.08);
	border: 1px solid rgba(181, 140, 53, 0.25);
}

.recognition .s-card .award-name,
.recognition .award-name,
#recognition .s-card .award-name,
#recognition .award-name {
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.35;
	margin: 0;
}

.recognition .s-card .award-badge.red .award-name,
.recognition .award-badge.red .award-name,
#recognition .s-card .award-badge.red .award-name,
#recognition .award-badge.red .award-name {
	color: var(--pte-rec-red);
}

.recognition .s-card .award-badge.gold .award-name,
.recognition .award-badge.gold .award-name,
#recognition .s-card .award-badge.gold .award-name,
#recognition .award-badge.gold .award-name {
	color: var(--pte-rec-gold);
}

.recognition .s-card .award-body,
.recognition .award-body,
#recognition .s-card .award-body,
#recognition .award-body {
	font-size: 11.5px;
	margin: 3px 0 0;
	line-height: 1.45;
}

.recognition .s-card .award-badge.red .award-body,
.recognition .award-badge.red .award-body,
#recognition .s-card .award-badge.red .award-body,
#recognition .award-badge.red .award-body {
	color: #a0505d;
}

.recognition .s-card .award-badge.gold .award-body,
.recognition .award-badge.gold .award-body,
#recognition .s-card .award-badge.gold .award-body,
#recognition .award-badge.gold .award-body {
	color: #9a7a30;
}

/* Elementor / kit — inner shells stay flat; container keeps the card */
.elementor-element.recognition .s-card,
.elementor-element#recognition .s-card {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 0 1rem !important;
	box-shadow: none !important;
}

.elementor-element.recognition .s-card:last-child,
.elementor-element#recognition .s-card:last-child {
	margin-bottom: 0 !important;
}

.elementor-element.recognition.e-con:not(:has(.s-card)) > .e-con-inner > .elementor-widget:first-child .elementor-widget-container,
.elementor-element#recognition.e-con:not(:has(.s-card)) > .e-con-inner > .elementor-widget:first-child .elementor-widget-container {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
}

.elementor-element.recognition .s-card .s-title,
.elementor-element.recognition .s-title,
.elementor-element#recognition .s-card .s-title,
.elementor-element#recognition .s-title {
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: var(--pte-rec-muted) !important;
	margin: 0 0 0.85rem !important;
	line-height: 1.3 !important;
}

/* ---- interactive-tools.css ---- */
/**
 * Interactive tools — calculator / promotional cards (author bio pattern from static HTML).
 *
 * Add CSS class **interactive-tools** (or ID **interactive-tools**) on the Elementor container
 * wrapping an HTML widget with `.section-block` > `.sec-label` + `.tool-grid` > `a.tool-card`.
 *
 * @package Personal_Team_Elementor
 * @since 1.2.15
 */

.interactive-tools,
#interactive-tools {
	--pte-it-navy: #0a3161;
	--pte-it-red: #b31942;
	--pte-it-muted: #5a6a7a;
	--pte-it-navy-bg: rgba(10, 49, 97, 0.07);
	--pte-it-navy-border: rgba(10, 49, 97, 0.12);

	box-sizing: border-box;
}

.interactive-tools *,
#interactive-tools * {
	box-sizing: border-box;
}

.interactive-tools.e-con,
#interactive-tools.e-con {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
	margin: 0;
}

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

.interactive-tools .elementor-widget,
#interactive-tools .elementor-widget {
	align-self: stretch;
	width: 100%;
}

.interactive-tools .section-block,
#interactive-tools .section-block {
	margin: 0;
}

.interactive-tools .sec-label,
#interactive-tools .sec-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pte-it-red);
	margin: 0 0 0.65rem;
	line-height: 1.3;
}

.interactive-tools .tool-grid,
#interactive-tools .tool-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
	margin-top: 0.6rem;
}

.interactive-tools a.tool-card,
#interactive-tools a.tool-card {
	padding: 0.9rem 1rem;
	background: var(--pte-it-navy-bg);
	border: 1px solid var(--pte-it-navy-border);
	border-radius: 8px;
	text-decoration: none !important;
	color: inherit !important;
	display: block;
	transition: background 0.2s, border-color 0.2s;
}

.interactive-tools a.tool-card:hover,
.interactive-tools a.tool-card:focus-visible,
#interactive-tools a.tool-card:hover,
#interactive-tools a.tool-card:focus-visible {
	background: var(--pte-it-navy);
	border-color: var(--pte-it-navy);
}

.interactive-tools a.tool-card:hover .tool-name,
.interactive-tools a.tool-card:hover .tool-desc,
.interactive-tools a.tool-card:focus-visible .tool-name,
.interactive-tools a.tool-card:focus-visible .tool-desc,
#interactive-tools a.tool-card:hover .tool-name,
#interactive-tools a.tool-card:hover .tool-desc,
#interactive-tools a.tool-card:focus-visible .tool-name,
#interactive-tools a.tool-card:focus-visible .tool-desc {
	color: #fff !important;
}

.interactive-tools .tool-name,
#interactive-tools .tool-name {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--pte-it-navy);
	line-height: 1.3;
}

.interactive-tools .tool-desc,
#interactive-tools .tool-desc {
	font-size: 12px;
	color: var(--pte-it-muted);
	margin-top: 3px;
	line-height: 1.4;
}

@media (max-width: 680px) {
	.interactive-tools .tool-grid,
	#interactive-tools .tool-grid {
		grid-template-columns: 1fr;
	}
}

/* Elementor / kit */
.elementor-element.interactive-tools .sec-label,
.elementor-element#interactive-tools .sec-label {
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--pte-it-red) !important;
	margin: 0 0 0.65rem !important;
	line-height: 1.3 !important;
}

.elementor-element.interactive-tools .tool-grid,
.elementor-element#interactive-tools .tool-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 0.75rem !important;
	margin-top: 0.6rem !important;
}

.elementor-element.interactive-tools a.tool-card,
.elementor-element#interactive-tools a.tool-card {
	padding: 0.9rem 1rem !important;
	background: var(--pte-it-navy-bg) !important;
	border: 1px solid var(--pte-it-navy-border) !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	color: inherit !important;
	display: block !important;
}

.elementor-element.interactive-tools a.tool-card:hover,
.elementor-element#interactive-tools a.tool-card:hover {
	background: var(--pte-it-navy) !important;
	border-color: var(--pte-it-navy) !important;
}

.elementor-element.interactive-tools .tool-name,
.elementor-element#interactive-tools .tool-name {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: var(--pte-it-navy) !important;
	line-height: 1.3 !important;
}

.elementor-element.interactive-tools .tool-desc,
.elementor-element#interactive-tools .tool-desc {
	font-size: 12px !important;
	color: var(--pte-it-muted) !important;
}

@media (max-width: 680px) {
	.elementor-element.interactive-tools .tool-grid,
	.elementor-element#interactive-tools .tool-grid {
		grid-template-columns: 1fr !important;
	}
}