/* ==========================================================================
   Top contact bar
   ========================================================================== */

.topbar {
	background: var(--color-navy);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-block: 0.5rem;
	display: none;
}
@media (min-width: 768px) {
	.topbar { display: block; }
}
.topbar__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	color: rgba(229, 229, 229, 0.8);
}
.topbar__group {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}
.topbar__item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}
.topbar__item:hover {
	color: var(--color-gold);
}
.topbar__item i {
	color: var(--color-gold);
}