/*
 * Data Matrix Research - site-wide polish for the header navigation.
 * Loaded on every front-end page. Gentle hover and current-page styling on
 * the block-theme navigation, in the Data Matrix accent blue.
 */

.wp-block-navigation .wp-block-navigation-item__content {
	position: relative;
	transition: color .15s ease;
	padding-bottom: 2px;
}

.wp-block-navigation .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 2px;
	background: #2251ff;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .18s ease;
}

.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
	color: #2251ff;
}

.wp-block-navigation .wp-block-navigation-item__content:hover::after,
.wp-block-navigation .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content::after {
	transform: scaleX(1);
}