.top-panel__menu {
	display: none;

	@include media-breakpoint-up(sm) {
		display: block;
	}

	@include media-breakpoint-up(md) {
		width: 100%;
		clear: both;
	}

	&-list {
		text-align: center;

		.menu-item {
			margin: .25em;

			a {
				text-decoration: none;

				&:focus {
					outline: none;
				}
			}

			&.current-menu-item,
			&.current_page_item {

				a {
					text-decoration: underline;
				}
			}
		}
	}
}