@charset "utf-8";
/* CSS Document */

/* ==========================================================================
   TOPBAR
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| Topbar Wrapper
|--------------------------------------------------------------------------
*/

.tc-topbar {
	background: var(--tc-secondary);
	color: var(--tc-white);
	font-size: var(--tc-text-sm);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.tc-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: var(--tc-topbar-height);
	gap: var(--tc-space-4);
}

/*
|--------------------------------------------------------------------------
| Left & Right Sections
|--------------------------------------------------------------------------
*/

.tc-topbar__left,
.tc-topbar__right {
	display: flex;
	align-items: center;
	gap: var(--tc-space-5);
}

/*
|--------------------------------------------------------------------------
| Contact Items
|--------------------------------------------------------------------------
*/

.tc-topbar__item {
	display: inline-flex;
	align-items: center;
	gap: .5rem;

	color: inherit;
	text-decoration: none;

	transition:
		color var(--tc-transition),
		opacity var(--tc-transition);
}

.tc-topbar__item:hover {
	color: var(--tc-primary);
}

.tc-topbar__item svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	fill: currentColor;
}

/*
|--------------------------------------------------------------------------
| Social Links
|--------------------------------------------------------------------------
*/

.tc-topbar__right a {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 34px;
	height: 34px;

	border-radius: 50%;

	color: inherit;

	transition:
		background-color var(--tc-transition),
		color var(--tc-transition),
		transform var(--tc-transition);
}

.tc-topbar__right a:hover {
	background: rgba(255, 255, 255, .12);
	color: var(--tc-primary);
	transform: translateY(-2px);
}

.tc-topbar__right svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

/*
|--------------------------------------------------------------------------
| Announcement Bar (Optional)
|--------------------------------------------------------------------------
*/

.tc-topbar__announcement {
	flex: 1;
	text-align: center;
	font-weight: var(--tc-fw-medium);
}

.tc-topbar__announcement a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.tc-topbar__announcement a:hover {
	color: var(--tc-primary);
}

/*
|--------------------------------------------------------------------------
| Divider
|--------------------------------------------------------------------------
*/

.tc-topbar__divider {
	width: 1px;
	height: 18px;
	background: rgba(255, 255, 255, .15);
}

/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width: 991px) {

	.tc-topbar {
		display: none;
	}

}

@media (max-width: 1200px) {

	.tc-topbar__left,
	.tc-topbar__right {
		gap: var(--tc-space-4);
	}

}

@media (max-width: 1100px) {

	.tc-topbar__item span {
		display: none;
	}

}
```