/**
 * Coverage bar: replaces the Blocksy header middle row.
 */

#header [data-row="middle"] {
	display: none !important;
}

@media (min-width: 1000px) {
	[data-header*="type-1"] {
		--header-height: 70px;
	}
}

.hm-coverage {
	--hm-coverage-bg: #3a3e45;
	--hm-coverage-accent: #fee389;
	--hm-coverage-link: #ffffff;
	background: var(--hm-coverage-bg);
	color: var(--hm-coverage-accent);
	height: 55px;
}

.hm-coverage__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	height: 55px;
	min-width: 0;
}

.hm-coverage__label-col,
.hm-coverage__end {
	min-width: 0;
}

.hm-coverage__label-col {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.hm-coverage__label {
	color: var(--hm-coverage-accent);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
	padding-inline-end: 10px;
}

.hm-coverage__nav {
	min-width: 0;
}

.hm-coverage__nav ul {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 55px;
}

.hm-coverage__nav a {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 12.5px;
	color: var(--hm-coverage-link);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
	text-transform: capitalize;
	white-space: nowrap;
	transition: color 0.15s ease;
}

.hm-coverage__nav a:hover,
.hm-coverage__nav a:focus-visible,
.hm-coverage__nav a[aria-current="page"],
.hm-coverage__nav .current-menu-item > a,
.hm-coverage__nav .current-menu-item > a:hover {
	color: var(--hm-coverage-accent);
}

@media (max-width: 999.98px) {
	.hm-coverage__row {
		display: flex;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.hm-coverage__row::-webkit-scrollbar {
		display: none;
	}

	.hm-coverage__end {
		display: none;
	}

	.hm-coverage__label-col {
		position: sticky;
		left: 0;
		z-index: 1;
		flex: 0 0 auto;
		justify-content: flex-start;
		align-self: stretch;
		background: var(--hm-coverage-bg);
		padding-inline-end: 0.85rem;
		box-shadow: 8px 0 12px -8px rgba(0, 0, 0, 0.35);
	}

	.hm-coverage__nav {
		flex: 1 0 auto;
	}

	.hm-coverage__nav a {
		padding: 0 0.9rem;
	}

	.hm-coverage__nav li:last-child a {
		padding-inline-end: 1.25rem;
	}
}