/* Brand-filtered Media Centre presentation. */
.hgt-media-centre,
.hgt-media-single {
	--hgt-media-accent: #60875a;
	--hgt-media-dark: #111211;
	--hgt-media-light: #fefefe;
	background: var(--hgt-media-light);
	color: var(--hgt-media-dark);
}

.hgt-media-centre--hempgentech { --hgt-media-accent: #60875a; }
.hgt-media-centre--hgt-seed-services { --hgt-media-accent: #4f7b5d; }
.hgt-media-centre--sesame-australia { --hgt-media-accent: #b68a3c; }
.hgt-media-centre--hgt-investment-group { --hgt-media-accent: #60875a; }

.hgt-media-centre__hero {
	background: var(--hgt-media-accent);
}

.hgt-media-filters {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin: 0 0 2rem;
}

.hgt-media-filters a {
	background: #fff;
	border: 1px solid #b7beb6;
	border-radius: 999px;
	color: var(--hgt-media-dark) !important;
	font-size: .875rem;
	font-weight: 700;
	line-height: 1.2;
	padding: .7rem 1rem;
	text-decoration: none;
}

.hgt-media-filters a:hover,
.hgt-media-filters a.is-active {
	background: var(--hgt-media-dark);
	border-color: var(--hgt-media-dark);
	color: #fff !important;
}

.hgt-media-filters a:focus-visible,
.hgt-media-back a:focus-visible {
	outline: 3px solid var(--hgt-media-accent);
	outline-offset: 3px;
}

.hgt-media-grid .hgt-media-card {
	--wd-link-color: var(--hgt-media-dark);
	--wd-link-color-hover: var(--hgt-media-dark);
	--wd-text-color: var(--hgt-media-dark);
	--wd-title-color: var(--hgt-media-dark);
}

.hgt-media-grid .hgt-media-card :where(.hgt-editorial-card__meta, .hgt-editorial-card__title, .hgt-editorial-card__title a, .hgt-editorial-card__excerpt, .hgt-editorial-card__read-more) {
	-webkit-text-fill-color: var(--hgt-media-dark);
	color: var(--hgt-media-dark) !important;
	opacity: 1 !important;
}

.hgt-media-summary {
	border-left: 4px solid var(--hgt-media-accent);
	color: var(--hgt-media-dark);
	font-size: clamp(1.1rem, 2vw, 1.35rem);
	font-weight: 600;
	line-height: 1.65;
	margin: 0 0 2rem;
	padding-left: 1.25rem;
}

.hgt-media-back {
	border-top: 1px solid #d8d8d8;
	margin: 3rem 0 0;
	padding-top: 1.5rem;
}

.hgt-media-back a {
	color: var(--hgt-media-dark);
	font-weight: 700;
}

.hgt-media-empty {
	font-size: 1.05rem;
	margin: 0;
}

@media (max-width: 900px) {
	.hgt-media-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 620px) {
	.hgt-media-grid {
		grid-template-columns: 1fr;
	}

	.hgt-media-filters {
		gap: .5rem;
	}

	.hgt-media-filters a {
		font-size: .8125rem;
		padding: .6rem .8rem;
	}
}