.vus-topbar {
width: 100%;
background: linear-gradient(100deg, #76000D, #920C1B, #76000D);
color: #ffffff;
font-family: inherit;
border-bottom: 1px solid rgba(255,255,255,.18);
position: relative;
z-index: 999;
}
.vus-topbar-inner {
max-width: 1320px;
min-height: 42px;
margin: auto;
padding: 0 15px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
}
.vus-contact,
.vus-quicklinks {
display: flex;
align-items: center;
gap: 15px;
}
.vus-item {
display: inline-flex;
align-items: center;
gap: 9px;
color: #ffffff !important;
text-decoration: none !important;
font-size: 13px;
font-weight: 500;
white-space: nowrap;
transition: .2s ease;
}
.vus-item i {
font-size: 14px;
}
.vus-item:hover,
.vus-social:hover,
.vus-search:hover {
color: #F2D18A !important;
}
.vus-separator {
width: 1px;
height: 22px;
background: rgba(255,255,255,.35);
flex-shrink: 0;
}
.vus-social,
.vus-search {
display: flex;
align-items: center;
justify-content: center;
color: #ffffff !important;
font-size: 17px;
text-decoration: none !important;
transition: .2s ease;
}
.vus-search {
font-size: 19px;
padding-left: 2px;
}
/* TABLET */
@media (max-width: 1024px) {
.vus-topbar-inner {
gap: 10px;
padding: 0 12px;
}
.vus-contact,
.vus-quicklinks {
gap: 9px;
}
.vus-item {
font-size: 11px;
gap: 6px;
}
}
/* MOBILE */
@media (max-width: 767px) {
.vus-topbar-inner {
min-height: 38px;
justify-content: center;
padding: 7px 10px;
}
.vus-location,
.vus-contact .vus-separator,
.vus-quicklinks .vus-item,
.vus-quicklinks .vus-separator,
.vus-social {
display: none;
}
.vus-contact {
gap: 10px;
}
.vus-item {
font-size: 11px;
}
.vus-search {
display: flex;
font-size: 16px;
}
}