/**
 * Activities & Initiatives.
 *
 * Every other post type on this site is a thing you can go to, join or read.
 * An initiative is a piece of work in motion, and the workbook's fields say so:
 * a shared need, a stage, desired outcomes, indicators, partners still needed.
 *
 * So this is the one post type laid out as a working dossier rather than a
 * listing. Three devices carry it, and none of them appear anywhere else on
 * the site:
 *
 *   1. A dark header. Places open on a photograph, Organizations and Services
 *      on a light gradient. This one opens on ink, because the workbook makes
 *      the post type "GCN only by default" — it should not read like the
 *      public-facing pages.
 *   2. A lifecycle rail, directly under the title.
 *   3. A numbered spine — 01 the need, 02 the outcomes, 03 the indicators —
 *      with the numeral set in the margin.
 */

/* ==========================================================================
   Header — ink, with a blueprint grid
   ========================================================================== */

.gcn-initiative__head {
	position: relative;
	overflow: hidden;
	color: var(--gcn-text-inverse);
	background:
		radial-gradient(78% 128% at 10% -10%, rgba(28, 158, 128, 0.6) 0%, rgba(20, 122, 100, 0) 60%),
		radial-gradient(64% 118% at 102% 104%, rgba(214, 141, 48, 0.34) 0%, rgba(191, 124, 42, 0) 56%),
		radial-gradient(46% 70% at 62% 8%, rgba(126, 224, 196, 0.14) 0%, rgba(126, 224, 196, 0) 70%),
		linear-gradient(150deg, #10241f 0%, #0a1412 55%, #101d1a 100%);
}

/*
 * The grid. An initiative is a plan, so the header carries the faint squared
 * paper a plan gets drawn on — held well back, and masked so it fades out
 * before it reaches the text.
 */
.gcn-initiative__head::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(to right, rgba(255, 255, 255, 0.055) 1px, transparent 1px),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
	background-size: 68px 68px;
	-webkit-mask-image: radial-gradient(120% 100% at 80% 0%, #000 0%, transparent 72%);
	mask-image: radial-gradient(120% 100% at 80% 0%, #000 0%, transparent 72%);
	pointer-events: none;
}

/* The brand rule along the foot, as the header and footer carry. */
.gcn-initiative__head::after {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 3px;
	background: var(--gcn-brand-rule);
}

.gcn-initiative__head > .brxe-container {
	position: relative;
	z-index: 1;
}

.gcn-initiative__crumbs,
.gcn-initiative__crumbs a {
	font-size: var(--gcn-text-sm);
	color: rgba(255, 255, 255, 0.62);
	text-decoration: none;
}

.gcn-initiative__crumbs a:hover {
	color: #fff;
	text-decoration: underline;
}

.gcn-initiative__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gcn-space-3);
}

.gcn-initiative__meta > .brxe-shortcode {
	display: contents;
}

.gcn-initiative__eyebrow {
	font-size: var(--gcn-text-xs);
	font-weight: var(--gcn-weight-semibold);
	letter-spacing: var(--gcn-tracking-wide);
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.72);
}

.gcn-initiative__title {
	max-width: 22ch;
	font-size: clamp(2.5rem, 5vw, 4rem);
	font-weight: var(--gcn-weight-bold);
	line-height: var(--gcn-leading-tight);
	letter-spacing: var(--gcn-tracking-tight);
	color: #fff;
}

.gcn-initiative__standfirst {
	max-width: 60ch;
	font-size: var(--gcn-text-xl);
	line-height: var(--gcn-leading-relaxed);
	color: rgba(255, 255, 255, 0.84);
}

.gcn-initiative__scope {
	display: flex;
	align-items: center;
	gap: var(--gcn-space-2);
	font-size: var(--gcn-text-lg);
	color: rgba(255, 255, 255, 0.74);
}

.gcn-initiative__scope-mark {
	width: 1.05em;
	height: 1.05em;
	background-color: currentColor;
	-webkit-mask: var(--gcn-icon-pin) center / contain no-repeat;
	mask: var(--gcn-icon-pin) center / contain no-repeat;
}

/* --------------------------------------------------------------------------
   Stage chip
   -------------------------------------------------------------------------- */

.gcn-initiative__stage {
	display: inline-flex;
	align-items: center;
	gap: var(--gcn-space-2);
	padding: 0.5em 1.1em;
	font-size: var(--gcn-text-sm);
	font-weight: var(--gcn-weight-semibold);
	letter-spacing: var(--gcn-tracking-wide);
	text-transform: uppercase;
	white-space: nowrap;
	border-radius: var(--gcn-radius-pill);
}

.gcn-initiative__stage::before {
	content: "";
	width: 0.5em;
	height: 0.5em;
	background: currentColor;
	border-radius: 50%;
}

.gcn-initiative__stage--live {
	color: #7ee0c4;
	background: rgba(126, 224, 196, 0.14);
	box-shadow: inset 0 0 0 1px rgba(126, 224, 196, 0.34);
}

.gcn-initiative__stage--paused,
.gcn-initiative__stage--archived {
	color: rgba(255, 255, 255, 0.72);
	background: rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.gcn-initiative__stage--completed {
	color: #f3c887;
	background: rgba(243, 200, 135, 0.14);
	box-shadow: inset 0 0 0 1px rgba(243, 200, 135, 0.32);
}

/* ==========================================================================
   The lifecycle rail
   ========================================================================== */

.gcn-initiative__rail {
	--gcn-rail-dot: 17px;

	margin-top: var(--gcn-space-4);
	padding-top: var(--gcn-space-6);
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.gcn-initiative__rail-flag {
	margin-bottom: var(--gcn-space-4);
	font-size: var(--gcn-text-xs);
	font-weight: var(--gcn-weight-semibold);
	letter-spacing: var(--gcn-tracking-wide);
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.66);
}

.gcn-initiative__rail-steps {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: gcn-step;
}

.gcn-initiative__step {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--gcn-space-3);
	padding-right: var(--gcn-space-3);
	counter-increment: gcn-step;
}

/* The connecting line, drawn from each dot to the next. */
.gcn-initiative__step::after {
	content: "";
	position: absolute;
	top: calc(var(--gcn-rail-dot) / 2 - 1px);
	left: var(--gcn-rail-dot);
	right: 0;
	height: 2px;
	background: rgba(255, 255, 255, 0.16);
}

.gcn-initiative__step:last-child::after {
	display: none;
}

.gcn-initiative__step.is-done::after {
	background: var(--gcn-brand);
}

.gcn-initiative__step-mark {
	position: relative;
	flex: 0 0 auto;
	width: var(--gcn-rail-dot);
	height: var(--gcn-rail-dot);
	background: #0b1614;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.24);
}

.gcn-initiative__step.is-done .gcn-initiative__step-mark {
	background: var(--gcn-brand);
	box-shadow: inset 0 0 0 2px var(--gcn-brand);
}

/* The tick inside a completed step. */
.gcn-initiative__step.is-done .gcn-initiative__step-mark::after {
	content: "";
	position: absolute;
	inset: 3px;
	background-color: #0b1614;
	-webkit-mask: var(--gcn-icon-tick) center / contain no-repeat;
	mask: var(--gcn-icon-tick) center / contain no-repeat;
}

.gcn-initiative__step.is-current .gcn-initiative__step-mark {
	background: #7ee0c4;
	box-shadow:
		inset 0 0 0 2px #7ee0c4,
		0 0 0 5px rgba(126, 224, 196, 0.2);
}

.gcn-initiative__step-label {
	font-size: var(--gcn-text-md);
	line-height: var(--gcn-leading-snug);
	color: rgba(255, 255, 255, 0.5);
}

.gcn-initiative__step.is-done .gcn-initiative__step-label {
	color: rgba(255, 255, 255, 0.74);
}

.gcn-initiative__step.is-current .gcn-initiative__step-label {
	font-weight: var(--gcn-weight-semibold);
	color: #fff;
}

/* Paused or archived: how far it travelled is not recorded, so nothing is claimed. */
.gcn-initiative__rail--muted .gcn-initiative__step-label {
	color: rgba(255, 255, 255, 0.34);
}

@media (max-width: 900px) {

	.gcn-initiative__rail-steps {
		grid-template-columns: repeat(3, 1fr);
		gap: var(--gcn-space-5) 0;
	}
}

@media (max-width: 560px) {

	.gcn-initiative__rail-steps {
		grid-template-columns: 1fr;
		gap: 0;
	}

	/* Stacked, the line runs down the side instead of across. */
	.gcn-initiative__step {
		flex-direction: row;
		align-items: flex-start;
		gap: var(--gcn-space-3);
		padding-bottom: var(--gcn-space-4);
		padding-right: 0;
	}

	.gcn-initiative__step::after {
		top: var(--gcn-rail-dot);
		bottom: 0;
		left: calc(var(--gcn-rail-dot) / 2 - 1px);
		right: auto;
		width: 2px;
		height: auto;
	}
}

/* ==========================================================================
   Body — a numbered spine beside a standing panel
   ========================================================================== */

.gcn-initiative__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 350px;
	gap: var(--gcn-space-12);
	align-items: start;
}

@media (max-width: 1024px) {

	.gcn-initiative__body {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--gcn-space-10);
	}
}

.gcn-initiative__prose {
	font-size: var(--gcn-text-lg);
	line-height: var(--gcn-leading-relaxed);
	color: var(--gcn-text-soft);
}

.gcn-initiative__prose p + p {
	margin-top: var(--gcn-space-4);
}

/*
 * The spine. Each part is numbered in the margin — the device that makes this
 * page read as a dossier rather than as a stack of headings.
 */
.gcn-initiative__part {
	display: grid;
	grid-template-columns: 5.2rem minmax(0, 1fr);
	gap: var(--gcn-space-6);
	padding-top: var(--gcn-space-10);
	border-top: 1px solid var(--gcn-rule);
	counter-increment: gcn-part;
}

.gcn-initiative__spine {
	counter-reset: gcn-part;
}

/* Hide a part whose only content is an empty field. */
.gcn-initiative__part:not(:has(.gcn-initiative__part-body *)) {
	display: none;
}

.gcn-initiative__part::before {
	content: counter(gcn-part, decimal-leading-zero);
	font-size: var(--gcn-text-3xl);
	font-weight: var(--gcn-weight-bold);
	line-height: 0.85;
	letter-spacing: var(--gcn-tracking-tight);
	color: transparent;
	background: var(--gcn-brand-rule);
	-webkit-background-clip: text;
	background-clip: text;
	opacity: 0.55;
}

.gcn-initiative__part-title {
	margin-bottom: var(--gcn-space-5);
	font-size: var(--gcn-text-2xl);
	font-weight: var(--gcn-weight-semibold);
	line-height: var(--gcn-leading-snug);
	letter-spacing: var(--gcn-tracking-tight);
	color: var(--gcn-text);
}

.gcn-initiative__part-body {
	font-size: var(--gcn-text-lg);
	line-height: var(--gcn-leading-relaxed);
	color: var(--gcn-text-soft);
}

.gcn-initiative__part-body p + p {
	margin-top: var(--gcn-space-4);
}

@media (max-width: 560px) {

	.gcn-initiative__part {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--gcn-space-3);
	}
}

/* --------------------------------------------------------------------------
   Indicators
   -------------------------------------------------------------------------- */

.gcn-initiative__kpis {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: var(--gcn-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.gcn-initiative__kpi {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: var(--gcn-space-3);
	padding: var(--gcn-space-5);
	background:
		linear-gradient(150deg, var(--gcn-brand-soft) 0%, rgba(255, 255, 255, 0) 62%),
		var(--gcn-surface);
	border: 1px solid var(--gcn-rule);
	border-left: 3px solid var(--gcn-brand);
	border-radius: var(--gcn-radius-md);
	transition: box-shadow var(--gcn-duration) var(--gcn-ease);
}

.gcn-initiative__kpi:hover {
	box-shadow: var(--gcn-shadow-sm);
}

.gcn-initiative__kpi-mark {
	flex: 0 0 auto;
	width: 1.15em;
	height: 1.15em;
	margin-top: 0.15em;
	background-color: var(--gcn-brand);
	-webkit-mask: var(--gcn-icon-tick) center / contain no-repeat;
	mask: var(--gcn-icon-tick) center / contain no-repeat;
}

.gcn-initiative__kpi-text {
	display: flex;
	flex-direction: column;
	gap: 0.15em;
}

.gcn-initiative__kpi-label {
	font-size: var(--gcn-text-lg);
	font-weight: var(--gcn-weight-medium);
	color: var(--gcn-text);
}

.gcn-initiative__kpi-target {
	font-size: var(--gcn-text-md);
	font-weight: var(--gcn-weight-semibold);
	color: var(--gcn-brand-strong);
}

/* --------------------------------------------------------------------------
   Partners still needed — the one block that asks the reader for something
   -------------------------------------------------------------------------- */

.gcn-initiative__needs {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gcn-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.gcn-initiative__need {
	padding: 0.55em 1.1em;
	font-size: var(--gcn-text-md);
	font-weight: var(--gcn-weight-medium);
	color: var(--gcn-brand-strong);
	background: var(--gcn-brand-soft);
	border: 1px dashed var(--gcn-brand-border);
	border-radius: var(--gcn-radius-pill);
}

/* ==========================================================================
   The standing panel
   ========================================================================== */

.gcn-initiative__panel {
	position: sticky;
	top: var(--gcn-space-16);
	overflow: hidden;
	padding: var(--gcn-space-8) var(--gcn-space-6) var(--gcn-space-6);
	background: var(--gcn-surface);
	border: 1px solid var(--gcn-rule);
	border-radius: var(--gcn-radius-lg);
	box-shadow: var(--gcn-shadow-md);
}

/* The same brand rule the header and footer carry, along the panel's top edge. */
.gcn-initiative__panel::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 3px;
	background: var(--gcn-brand-rule);
}

@media (max-width: 1024px) {

	.gcn-initiative__panel {
		/* Relative, not static: the top rule is positioned against the panel. */
		position: relative;
		top: auto;
	}
}

.gcn-initiative__panel-title {
	margin-bottom: var(--gcn-space-5);
	font-size: var(--gcn-text-sm);
	font-weight: var(--gcn-weight-semibold);
	letter-spacing: var(--gcn-tracking-wide);
	text-transform: uppercase;
	color: var(--gcn-text-muted);
}

.gcn-initiative__panel-group:not(:has(.gcn-detail)) {
	display: none;
}

.gcn-initiative__panel-group:has(.gcn-detail) ~ .gcn-initiative__panel-group:has(.gcn-detail) {
	margin-top: var(--gcn-space-5);
	padding-top: var(--gcn-space-5);
	border-top: 1px solid var(--gcn-rule);
}

.gcn-initiative__join {
	display: flex;
	flex-direction: column;
	gap: var(--gcn-space-3);
	margin-top: var(--gcn-space-6);
	padding-top: var(--gcn-space-6);
	border-top: 1px solid var(--gcn-rule);
}

.gcn-initiative__cta {
	display: block;
	padding: 0.9em 1.4em;
	font-size: var(--gcn-text-md);
	font-weight: var(--gcn-weight-semibold);
	color: var(--gcn-brand-contrast);
	text-align: center;
	text-decoration: none;
	background: var(--gcn-brand);
	border-radius: var(--gcn-radius-md);
	transition: background var(--gcn-duration) var(--gcn-ease);
}

.gcn-initiative__cta:hover {
	background: var(--gcn-brand-strong);
	color: var(--gcn-brand-contrast);
}

.gcn-initiative__cta--secondary {
	color: var(--gcn-brand-strong);
	background: transparent;
	box-shadow: inset 0 0 0 1px var(--gcn-brand-border);
}

.gcn-initiative__cta--secondary:hover {
	color: var(--gcn-brand-strong);
	background: var(--gcn-brand-soft);
}

.gcn-initiative__join-note {
	font-size: var(--gcn-text-sm);
	line-height: var(--gcn-leading-normal);
	color: var(--gcn-text-muted);
}

/*
 * The internal notice.
 *
 * visibility-rules.json excludes this post type from the Seeker / evangelistic
 * domain and says a public invitation "must use linked Event or Services &
 * Engagement entry". An editor reading the page should be told that, because
 * the page gives them no other clue that what they are looking at is internal.
 */
.gcn-initiative__internal {
	display: flex;
	align-items: flex-start;
	gap: var(--gcn-space-3);
	padding: var(--gcn-space-4) var(--gcn-space-5);
	font-size: var(--gcn-text-sm);
	line-height: var(--gcn-leading-normal);
	color: var(--gcn-text-soft);
	background: var(--gcn-notice-soft);
	border-radius: var(--gcn-radius-md);
}

.gcn-initiative__internal::before {
	content: "";
	flex: 0 0 auto;
	width: 1.15em;
	height: 1.15em;
	margin-top: 0.1em;
	background-color: var(--gcn-notice);
	-webkit-mask: var(--gcn-icon-info) center / contain no-repeat;
	mask: var(--gcn-icon-info) center / contain no-repeat;
}

/* ==========================================================================
   The detail tabs
   ==========================================================================

   GeoDirectory renders this strip with Bootstrap's nav-tabs, which draws a
   folder-tab outline that belongs to no other surface on this site. It is
   restyled here as a segmented control sitting in its own card, so the three
   panes read as one panel rather than three loose blocks.

   bin/trim-initiative-tabs.php decides WHICH tabs appear; this decides how they
   look. The two are deliberately separate — the client can add a tab back
   without touching any CSS.
   ========================================================================== */

.gcn-initiative__tabs .geodir-tabs {
	margin-top: 0 !important;
	overflow: hidden;
	background: var(--gcn-surface);
	border: 1px solid var(--gcn-rule);
	border-radius: var(--gcn-radius-lg);
	box-shadow: var(--gcn-shadow-sm);
}

/* --------------------------------------------------------------------------
   The strip
   -------------------------------------------------------------------------- */

.gcn-initiative__tabs .geodir-tab-head {
	padding: var(--gcn-space-4) var(--gcn-space-4) 0;
	background: var(--gcn-surface-sunken);
	border-bottom: 1px solid var(--gcn-rule);
}

.gcn-initiative__tabs .nav-tabs {
	gap: var(--gcn-space-2);
	margin-bottom: 0 !important;
	border-bottom: 0;
}

.gcn-initiative__tabs .nav-item {
	margin-bottom: -1px;
}

.gcn-initiative__tabs .nav-tabs .nav-link {
	display: flex;
	align-items: center;
	gap: var(--gcn-space-2);
	padding: 0.85em 1.5em;
	font-size: var(--gcn-text-md);
	font-weight: var(--gcn-weight-medium);
	color: var(--gcn-text-muted);
	background: transparent;
	border: 1px solid transparent;
	border-bottom: 0;
	border-radius: var(--gcn-radius-md) var(--gcn-radius-md) 0 0;
	transition:
		color var(--gcn-duration) var(--gcn-ease),
		background var(--gcn-duration) var(--gcn-ease);
}

.gcn-initiative__tabs .nav-tabs .nav-link:hover {
	color: var(--gcn-brand-strong);
	background: var(--gcn-brand-soft);
}

/*
 * The selected tab is lifted onto the pane below it: same surface, and the
 * card's own border continued up and around, so the two read as one shape.
 */
.gcn-initiative__tabs .nav-tabs .nav-link.active {
	position: relative;
	font-weight: var(--gcn-weight-semibold);
	color: var(--gcn-brand-strong);
	background: var(--gcn-surface);
	border-color: var(--gcn-rule);
}

/* The brand mark along the top of the selected tab. */
.gcn-initiative__tabs .nav-tabs .nav-link.active::before {
	content: "";
	position: absolute;
	inset: -1px 0 auto 0;
	height: 3px;
	background: var(--gcn-brand-rule);
	border-radius: var(--gcn-radius-md) var(--gcn-radius-md) 0 0;
}

/* Bootstrap draws the icons at a size that fights the label. */
.gcn-initiative__tabs .nav-tabs .nav-link i {
	margin: 0 !important;
	font-size: 0.92em;
	opacity: 0.75;
}

.gcn-initiative__tabs .nav-tabs .nav-link.active i {
	opacity: 1;
}

/* --------------------------------------------------------------------------
   The panes
   -------------------------------------------------------------------------- */

.gcn-initiative__tabs .geodir-tabs-content {
	padding: var(--gcn-space-6);
}

.gcn-initiative__tabs .geodir-tabs-content > .tab-pane {
	font-size: var(--gcn-text-md);
	line-height: var(--gcn-leading-relaxed);
	color: var(--gcn-text-soft);
}

/* The map fills the pane and takes the card's own corner radius. */
.gcn-initiative__tabs #post_map .geodir-map-wrap,
.gcn-initiative__tabs #post_map .geodir_map_container {
	overflow: hidden;
	border-radius: var(--gcn-radius-md);
}

/* Photographs sit on a grid rather than a slider run. */
.gcn-initiative__tabs .geodir-image-container .card {
	overflow: hidden;
	border: 1px solid var(--gcn-rule) !important;
	border-radius: var(--gcn-radius-md) !important;
}

.gcn-initiative__tabs .geodir-image-container img {
	transition: transform var(--gcn-duration) var(--gcn-ease);
}

.gcn-initiative__tabs .geodir-image-container a:hover img {
	transform: scale(1.03);
}

/* The review form and list, brought onto the site's own type scale. */
.gcn-initiative__tabs #reviews .comment-reply-title,
.gcn-initiative__tabs #reviews .comments-title {
	font-size: var(--gcn-text-xl);
	font-weight: var(--gcn-weight-semibold);
	letter-spacing: var(--gcn-tracking-tight);
	color: var(--gcn-text);
}

@media (max-width: 640px) {

	.gcn-initiative__tabs .geodir-tab-head {
		padding: var(--gcn-space-3) var(--gcn-space-3) 0;
	}

	.gcn-initiative__tabs .nav-tabs .nav-link {
		padding: 0.75em 1em;
		font-size: var(--gcn-text-sm);
	}

	.gcn-initiative__tabs .geodir-tabs-content {
		padding: var(--gcn-space-4);
	}
}

/* ==========================================================================
   Archive card
   ========================================================================== */

.geodir-page-cpt-gd_initiative .geodir-post .gcn-initiative__stage {
	color: var(--gcn-brand-strong);
	background: var(--gcn-brand-soft);
	box-shadow: inset 0 0 0 1px var(--gcn-brand-border);
}

.geodir-page-cpt-gd_initiative .geodir-post .gcn-initiative__stage--paused,
.geodir-page-cpt-gd_initiative .geodir-post .gcn-initiative__stage--archived {
	color: var(--gcn-text-muted);
	background: var(--gcn-surface-sunken);
	box-shadow: inset 0 0 0 1px var(--gcn-rule);
}

.geodir-page-cpt-gd_initiative .geodir-post .gcn-initiative__stage--completed {
	color: var(--gcn-accent);
	background: var(--gcn-accent-soft);
	box-shadow: inset 0 0 0 1px var(--gcn-accent-border);
}

.geodir-page-cpt-gd_initiative .geodir-post .gcn-initiative__scope {
	font-size: var(--gcn-text-sm);
	color: var(--gcn-text-muted);
}

/* The card carries the rail too, reduced to its dots. */
.geodir-page-cpt-gd_initiative .geodir-post .gcn-initiative__rail {
	--gcn-rail-dot: 9px;
}

.geodir-page-cpt-gd_initiative .geodir-post .gcn-initiative__rail-flag,
.geodir-page-cpt-gd_initiative .geodir-post .gcn-initiative__step-label {
	display: none;
}

.geodir-page-cpt-gd_initiative .geodir-post .gcn-initiative__step-mark {
	background: var(--gcn-surface-sunken);
	box-shadow: inset 0 0 0 2px var(--gcn-rule-strong);
}

.geodir-page-cpt-gd_initiative .geodir-post .gcn-initiative__step::after {
	background: var(--gcn-rule);
}

.geodir-page-cpt-gd_initiative .geodir-post .gcn-initiative__step.is-done::after {
	background: var(--gcn-brand);
}