.asf-ticker {
--asf-h: 3.25rem;
--asf-bg: #1a1a1a;
--asf-fg: #fff;
--asf-accent: #b23830; --asf-speed: 300s;
box-sizing: border-box;
width: 100%;
max-width: 100%;
height: var(--asf-h);
background: var(--asf-bg);
color: var(--asf-fg);
font-family: var(--e-global-typography-5470c13-font-family), Sans-serif;
font-size: 0.8rem;
line-height: var(--asf-h);
overflow: hidden;
position: relative;
}
.asf-ticker__label {
position: absolute;
left: 0;
top: 0;
z-index: 2;
height: 100%;
padding: 0 30px 0 0;
color: var(--asf-accent);
font-weight: 700;
font-size: 0.7rem;
letter-spacing: 0.04em;
text-transform: uppercase;
white-space: nowrap;
}
.asf-ticker__viewport {
margin-left: 10rem;
height: 100%;
overflow: hidden;
mask-image: linear-gradient(90deg, transparent, #000 1rem, #000 calc(100% - 1rem), transparent);
}
.asf-ticker__track {
display: flex;
width: max-content;
animation: asf-scroll var(--asf-speed) linear infinite;
}
.asf-ticker__text {
white-space: nowrap;
padding-right: 3rem;
color:#fff;
font-weight: 500;
}
.asf-ticker__sep {
display: inline-flex;
align-items: center;
vertical-align: middle;
padding: 0 1rem;
color: #b8af65;
user-select: none;
}
.asf-ticker__sep-icon {
width: 1.25em;
height: 1.25em;
display: block;
flex-shrink: 0;
}
.asf-ticker--paused .asf-ticker__track {
animation-play-state: paused;
}
.asf-ticker--empty .asf-ticker__text {
opacity: 0.85;
font-style: italic;
}
@keyframes asf-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
@media (prefers-reduced-motion: reduce) {
.asf-ticker__viewport {
overflow-x: auto;
mask-image: none;
}
.asf-ticker__track {
animation: none;
}
} .elementor-location-header .asf-ticker {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}