:root {
  --scf-announcementbar-bg: #004c77;
}

.scf.announcements-bar {
  padding: 0 !important;
}

.scf.announcements-bar .marquee {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    background-color: var(--scf-announcementbar-bg);
    padding: 5px;
}

.scf.announcements-bar .marquee-icon {
  width: 30px;
}

.scf.announcements-bar .marquee-wrapper {
  overflow: hidden;
  width: calc(100% - 30px);
}

.scf.announcements-bar .marquee-content { 
    display: inline-block; 
    white-space: nowrap; 
    animation: marquee 30s linear infinite; 
}

.scf.announcements-bar .marquee-icon:before {
  content: " ";
  width: 30px;
  height: 22px;
  display: block;
  background-repeat: no-repeat;
}

@keyframes marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
:root {
  --scf-announcementbar-bg: #004c77;
}
 
.scf.announcements-bar .marquee {
    background: var(--scf-announcementbar-bg);
    color: var(--c-neutral-010);
}

.scf.announcements-bar .marquee-icon:before {
  background-image: url(/fragment/static-content/assets/HAPPYLUKE_COM/images/announcement.png);
}


/*# sourceMappingURL=announcementsbar.90b89967b5ba24aab099.css.map*/