@use "../variables-site/structure";

.highlight-menu-contain {
	margin-top: #{0.25 * structure.$size__spacing-unit};
	.wrapper {
		font-family: var(--newspack-theme-font-heading);
		font-size: var(--newspack-theme-font-size-xs);
		height: 1.5em;
		overflow: hidden;
		word-wrap: break-word;
	}
}

.highlight-menu {
	ul,
	li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	ul {
		display: block;
		width: 100%;
	}

	li {
		display: inline-block;
		height: 1.5em;
		margin-right: #{0.5 * structure.$size__spacing-unit};
	}

	.menu-label {
		color: var(--newspack-theme-color-secondary-against-white);
		font-weight: bold;
	}

	a,
	a:visited {
		color: var(--newspack-theme-color-text-light);
	}
}

// Header Center Logo
.h-cl .site-header .highlight-menu-contain .wrapper {
	justify-content: center;
	text-align: center;
}

.single-featured-image-beside,
.single-featured-image-behind,
.single-featured-image-above {
	.highlight-menu-contain.desktop-only {
		display: none;
	}
}
