/* =========================================================
   ABOUT — MARKET TAG CLOUD
   Page ID: 285
   ========================================================= */

#post-285 .wp-block-tag-cloud {
	display: block;

	margin: 34px 0 0;

	font-size: 0;
	line-height: 1;
	text-align: center;
}


/* =========================================================
   TAGS
   Preserve WordPress-generated relative font sizes
   ========================================================= */

#post-285 .wp-block-tag-cloud .tag-cloud-link {
	display: inline-block;

	margin: 0 14px 13px 0;

	color: #171717;

	font-weight: 650;
	line-height: 1.15;
	letter-spacing: -0.015em;
	text-decoration: none !important;

	transition:
		color 0.18s ease,
		transform 0.18s ease;
}


/* =========================================================
   INTERACTION
   ========================================================= */

#post-285 .wp-block-tag-cloud .tag-cloud-link:hover {
	color: #035841;

	text-decoration: none !important;

	transform: translateY(-1px);
}

#post-285 .wp-block-tag-cloud .tag-cloud-link:focus-visible {
	color: #035841;

	outline: 2px solid #f2b544;
	outline-offset: 3px;

	border-radius: 2px;
}


/* =========================================================
   SEPARATOR
   ========================================================= */

#post-285 .wp-block-tag-cloud .tag-cloud-link::after {
	content: "•";

	display: inline-block;

	margin-left: 14px;

	color: #F2B544;

	font-size: 16px;
	font-weight: 800;
	line-height: 1;

	vertical-align: middle;

	opacity: 1;

	pointer-events: none;
}

#post-285 .wp-block-tag-cloud .tag-cloud-link:last-child::after {
	display: none;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 689px) {

	#post-285 .wp-block-tag-cloud {
		margin-top: 26px;
	}

	#post-285 .wp-block-tag-cloud .tag-cloud-link {
		margin-right: 10px;
		margin-bottom: 11px;

		line-height: 1.2;
	}

	#post-285 .wp-block-tag-cloud .tag-cloud-link::after {
		margin-left: 10px;
	}

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

	#post-285 .wp-block-tag-cloud .tag-cloud-link {
		transition: none;
	}

}

/* =========================================================
   ABOUT — MARKET CLOUD INTERACTION
   ========================================================= */

/* Give every tag a smooth response */

#post-285 .wp-block-tag-cloud .tag-cloud-link {
	position: relative;

	transform-origin: center;

	transition:
		color 0.2s ease,
		transform 0.2s ease,
		opacity 0.2s ease;
}


/* Slightly soften the cloud while exploring */

#post-285 .wp-block-tag-cloud:hover .tag-cloud-link {
	opacity: 0.62;
}


/* Bring the active tag forward */

#post-285 .wp-block-tag-cloud .tag-cloud-link:hover {
	position: relative;
	z-index: 2;

	color: #035841;

	opacity: 1;

	transform: scale(1.12);
}


/* Keep the gold separator visually stable */

#post-285 .wp-block-tag-cloud .tag-cloud-link:hover::after {
	color: #f2b544;
}


/* Keyboard users get the same visual treatment */

#post-285 .wp-block-tag-cloud .tag-cloud-link:focus-visible {
	z-index: 2;

	color: #035841;

	opacity: 1;

	transform: scale(1.12);
}


/* =========================================================
   TOUCH DEVICES
   No hover effect where hover doesn't really exist
   ========================================================= */

@media (hover: none) {

	#post-285 .wp-block-tag-cloud:hover .tag-cloud-link {
		opacity: 1;
	}

	#post-285 .wp-block-tag-cloud .tag-cloud-link:hover {
		transform: none;
	}

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

	#post-285 .wp-block-tag-cloud .tag-cloud-link {
		transition: color 0.15s ease;
	}

	#post-285 .wp-block-tag-cloud .tag-cloud-link:hover,
	#post-285 .wp-block-tag-cloud .tag-cloud-link:focus-visible {
		transform: none;
	}

}