/* ==================================================
GLOBAL VEHICLE TRANSPORT - TOP BAR TICKER
================================================== */
.gvt-topbar-ticker {
width: 100%;
height: 26px;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
white-space: nowrap;
/* Remove this line if Blocksy already
controls your Top Row background */
background: #0B2545;
}
/* Moving track */
.gvt-topbar-track {
display: flex;
align-items: center;
width: max-content;
flex-shrink: 0;
animation: gvtTicker 35s linear infinite;
will-change: transform;
}
/* Each duplicated group */
.gvt-topbar-group {
display: flex !important;
align-items: center !important;
flex-shrink: 0;
}
/* FORCE TEXT TO BE VISIBLE */
.gvt-topbar-group span {
display: inline-flex !important;
align-items: center !important;
color: #FFFFFF !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
line-height: 26px !important;
margin: 0 !important;
padding: 0 22px !important;
opacity: 1 !important;
visibility: visible !important;
text-transform: none !important;
text-decoration: none !important;
white-space: nowrap !important;
}
/* Gold separator */
.gvt-topbar-group span::after {
content: "•";
display: inline-block;
color: #D99A18 !important;
font-size: 14px;
margin-left: 22px;
}
/* Infinite movement */
@keyframes gvtTicker {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
/* Pause when visitor hovers */
.gvt-topbar-ticker:hover .gvt-topbar-track {
animation-play-state: paused;
}
/* ==================================================
MOBILE
================================================== */
@media (max-width: 768px) {
.gvt-topbar-ticker {
height: 24px;
}
.gvt-topbar-group span {
font-size: 10px !important;
line-height: 24px !important;
padding: 0 17px !important;
}
.gvt-topbar-group span::after {
margin-left: 17px;
}
.gvt-topbar-track {
animation-duration: 28s;
}
}
