@font-face {
    font-family: "LatoWeb";
    font-display: swap;
    src:
        url("../fonts/Lato-Regular.woff2") format("woff2"),
        url("../fonts/Lato-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "latobold";
    font-display: swap;
    src:
        url("../fonts/lato-bold.woff2") format("woff2"),
        url("../fonts/lato-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "latoblack";
    font-display: swap;
    src:
        url("../fonts/lato-black.woff2") format("woff2"),
        url("../fonts/lato-black.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "gilroybold";
    font-display: swap;
    src:
        url("../fonts/Gilroy-Bold.woff2") format("woff2"),
        url("../fonts/Gilroy-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Open24DisplaySt";
    font-display: swap;
    src: url("../fonts/Open24DisplaySt.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-display: swap;
    src: url("../fonts/glyphicons-halflings-regular.woff") format("woff");
}

body {
    font-family: "LatoWeb", Arial, sans-serif;
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
}

.home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
    font-family: "gilroybold", sans-serif;
}

.home-progressive-jackpot .jackpot-container {
    font-family: "Open24DisplaySt", sans-serif;
}

.announcement-outer-container {
    font-family: "latobold", sans-serif;
}

.announcement-marquee {
    overflow: hidden;
    width: 100%;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 20px, #000 calc(100% - 20px), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 20px, #000 calc(100% - 20px), transparent);
}

.announcement-marquee__content {
    display: flex;
    align-items: center;
    width: max-content;
    animation: announcement-marquee 60s linear infinite;
    will-change: transform;
}

.announcement-marquee:hover .announcement-marquee__content {
    animation-play-state: paused;
}

.announcement-marquee__item {
    flex-shrink: 0;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.4;
}

.announcement-marquee__sep {
    flex-shrink: 0;
    padding: 0 1.25rem;
    opacity: 0.45;
    user-select: none;
}

@keyframes announcement-marquee {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .announcement-marquee {
        -webkit-mask-image: none;
        mask-image: none;
    }

    .announcement-marquee__content {
        animation: none;
        flex-wrap: wrap;
        width: 100%;
        white-space: normal;
    }

    .announcement-marquee__item {
        white-space: normal;
    }
}

.glyphicon {
    font-family: "Glyphicons Halflings";
}