.header-top-bar {
	font-size: 11px;
	color: var(--topBarFontColor);
	padding: var(--topBarSpacing) 0;
	background: var(--topBarBackground);

	a {
		color: var(--linkInitialColor);

		&:hover {
			color: var(--linkHoverColor);
		}
	}

	.grid-columns {
		display: grid;

		> section {
			display: flex;
			align-items: center;
		}

		&[data-columns="2"] > section {
			&:last-child {
				justify-content: flex-end;
			}
		}

		@include media-breakpoint-down (sm) {
			&[data-stack*="mobile"] > section {
				justify-content: center !important;

				&:not(:first-child) {
					margin-top: var(--topBarSpacing);
				}
			}
		}

		@include media-breakpoint-only (md) {
			&[data-stack*="tablet"] > section {
				justify-content: center !important;

				&:not(:first-child) {
					margin-top: var(--topBarSpacing);
				}
			}
		}
	}
}

.header-top-bar-menu {
	text-transform: uppercase;

	.menu-arrow {
		display: none;
	}
}