/* FCG additions to the legacy styles (style.css) for markup the new site adds. */
#copyText {
    position: absolute;
    left: -9999px;
}

/* Casino logos, wherever they're shown (the casino page, the game page's "Play for real money at", …): the
   legacy logos were 115px, the LCB feed's are larger (e.g. 350px); kept within 115x115, in proportion.
   Lazy images get the logo's path in src once loaded (jquery.lazy). */
img[src*="/media/modules/casino/logos/"] {
    max-width: 115px;
    max-height: 115px;
    /* No width/height here: logos given a size (e.g. 60x24 in the top casinos widget) keep it. */
    object-fit: contain;
}

/* /bonuses.html: the bonus's free spins may wrap (style.css keeps .max-bonus parts on one line), so long texts stay in their column. */
.casino-table .max-bonus > .free-spins {
    display: inline-block;
    white-space: normal;
}

/* Social login (legacy #button_google icons, now Google, X and Telegram). */
#social-login {
    background-color: #bb0c19 !important;
    padding: 1rem !important;
}
.social-button {
    display: inline-block;
    margin-right: 10px;
}
.social-button img {
    width: 24px;
    height: 24px;
}
#social-login .social-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 .5rem;
    padding: .5rem;
    border: 1px solid #fff;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#social-login .social-button:hover {
    background: rgba(255, 255, 255, .15);
}
#social-login .social-button:last-child {
    margin-bottom: 0;
}
#social-login .social-button span {
    margin-left: .75rem;
}

/* Latest comments: clamp long comments to two lines instead of scrolling. */
.latest-comments .comments {
    overflow: hidden;
}
.latest-comments .comment-text {
    align-self: flex-start;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

/* Bonus cards: the amount text now includes free spins ("200% up to €500 + 100 Free Spins"),
   longer than the legacy text the 12rem title box was sized for. */
.bonus-container .bonus-title.bonus-title-long {
    font-size: 2.4rem;
}

/* Toggles that are links (legacy: labels): no link underline on hover. */
a.tgl,
a.tgl:hover,
a.tgl:focus {
    text-decoration: none;
}

/* Jackpot page header: the FCG logo centred vertically (legacy style.css pushed it down 50px). */
.jackpotlogo {
    margin-top: 0;
}

/* Casino warnings page: the casino name as a heading, the logo column one width so the texts line up. */
@media (min-width: 576px) {
    .casino-warning .casino-warning-logo {
        width: 140px;
    }
}
.casino-warning h2 a {
    font-size: 18px;
    font-weight: bold;
    color: #222;
}
.casino-warning-text p:last-child {
    margin-bottom: 0;
}

/* Home page "Casinos to avoid" widget: the link to the casino warnings page. */
#casinos-to-avoid .casino-flag {
    width: 24px;
    height: 24px;
}
#casinos-to-avoid .casino-title {
    display: block;
    line-height: 46px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#casinos-to-avoid .casino-warnings-all-row {
    background: #fff;
}
#casinos-to-avoid .casino-warnings-all {
    font-size: 1.4rem;
    font-weight: bold;
    color: #bb0c19;
    text-decoration: none;
}
#casinos-to-avoid .casino-warnings-all:hover {
    text-decoration: underline;
}
.casino-warnings-note img {
    vertical-align: -4px;
}

/* Home page: the H1 and intro come first in the HTML; from lg the sidebar sits left of them and the rest,
   as before (col-lg-4 / col-xl-3 wide). */
@media (min-width: 992px) {
    .home-layout {
        display: grid;
        grid-template-columns: 33.3333% 66.6667%;
        grid-template-areas: "aside intro" "aside main";
        grid-template-rows: auto 1fr;
        align-items: start;
    }
    .home-layout > .home-intro { grid-area: intro; }
    .home-layout > .home-aside { grid-area: aside; }
    .home-layout > .home-main { grid-area: main; }
}
@media (min-width: 1200px) {
    .home-layout {
        grid-template-columns: 25% 75%;
    }
}

/* Top casinos widget: one Play link per casino, a column below lg and slid in on hover from lg. */
@media (max-width: 991.98px) {
    .top-casinos-main .top-casino > .casino-slide-in {
        position: static;
        width: auto;
        right: auto;
        transform: none;
    }
}

/* Home featured games slider: one caption for all widths. */
#casinos-slider .play-now {
    width: 50%;
}
@media (min-width: 768px) {
    #casinos-slider .play-now {
        width: 25%;
    }
}

/* Footer menus on phones (each menu is in the page once, see _footer.html.twig). */
@media (max-width: 575.98px) {
    #navbar-footer .footer-menu-section {
        margin-bottom: 0;
    }
    #navbar-footer .footer-menu-links > div {
        background: #eff0f2;
        text-align: center;
    }
}

/* Game page: the game name over the screenshot is a styled line, not a second heading (the H1 has it). */
.game-screen.only-screen .game-wrapper .overlay .game-title {
    font-size: 30px;
    margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
    .game-screen.only-screen .game-wrapper .overlay .game-title {
        font-size: 45px;
    }
}

/* The warning / blacklisted icon in a flagged casino's VISIT CASINO and CLAIM (BONUS) buttons. */
.visit-flag {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    vertical-align: -3px;
    flex-shrink: 0;
}

/* Accessibility (Lighthouse): links in the SEO text and news are underlined and dark enough to read, the
   footer's social icons and the review header's rating / comments links are 24px+ touch targets, list links
   in the SEO text are spaced apart, keyboard focus shows on the collapse toggles, jackpot values are
   readable on their green / orange rows. */
.meta-content p a, .meta-content li a, .blog-detail-meta-content p a {
    color: #0062cc;
    text-decoration: underline;
}
#footer .social .icon {
    display: inline-block;
    min-width: 32px;
    min-height: 32px;
    line-height: 32px;
    text-align: center;
}
[data-toggle="collapse"][role="button"]:focus-visible {
    outline: 2px solid #0062cc;
    outline-offset: 2px;
}
a.star-rating, a.comments-count {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
}
.meta-content li {
    margin-bottom: .5rem;
}
#jackpots .casino-table .above > *, #jackpots .casino-table .below > *, #jackpots .casino-table .average > * {
    color: #333;
}
/* Inline links in running text (news summaries, articles, content pages) are underlined: colour alone
   doesn't set them apart from the text; plain list links in the content get 24px+ tall touch targets. */
main p a:not([class]), main ul:not([class]) > li > a:not([class]), main ol:not([class]) > li > a:not([class]) {
    text-decoration: underline;
}
main ul:not([class]) > li > a:not([class]) {
    display: inline-block;
    padding: 6px 0;
}
/* Tournaments: each row once in the page; a table row on wide screens, a card with labels below. Long prize pools
   ("1,500 USD + 1,500 Free Spins") get their own wider column instead of running into the entry fee. */
.tournaments-table .tournament-row {
    padding-top: 10px;
    padding-bottom: 10px;
}
.tournaments-table .tournament-name {
    font-weight: 600;
}
.tournaments-table .tournament-prize {
    overflow-wrap: anywhere;
}
.tournaments-table .tournament-label {
    display: block;
    color: #888;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.tournaments-table .tournament-casino img {
    max-width: 100%;
    object-fit: contain;
}
@media (min-width: 992px) {
    .tournaments-table .tournament-label {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .tournaments-table .tournament-row > .row > div {
        margin-bottom: 8px;
    }
    .tournaments-table .tournament-name {
        font-size: 17px;
    }
    .tournaments-table .tournament-actions {
        margin-top: 4px;
    }
}
/*
 * Components writers can use in admin text (any page with a _meta text block). Plain HTML, so it reads without the
 * CSS and stays in the page text for search engines:
 *
 *   <div class="fcg-facts"><p class="fcg-facts-title">Israel at a glance</p><ul>
 *     <li class="is-yes"><strong>Lottery</strong>Legal, state-run only</li>      (green tick)
 *     <li class="is-no"><strong>Online casinos</strong>Prohibited</li>            (red cross)
 *     <li class="is-warn"><strong>Site blocking</strong>Since 2018</li>          (amber !)
 *     <li><strong>Help</strong>118, free</li>                                    (blue i)
 *   </ul></div>
 *
 *   <ul class="fcg-timeline"><li><strong>1977</strong> The Penal Law bans prohibited games</li> ...</ul>
 */
.meta-content .fcg-facts {
    margin: 1.25rem 0 1.5rem;
    padding: 16px 18px 6px;
    background: #f7f8fa;
    border: 1px solid #e3e4e8;
    border-radius: 8px;
}
.meta-content .fcg-facts > .fcg-facts-title {
    margin: 0 0 12px;
    color: #bb0c19;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.meta-content .fcg-facts > ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 10px 16px;
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
}
.meta-content .fcg-facts > ul > li {
    position: relative;
    margin: 0;
    padding: 4px 0 4px 40px;
    background: none;
    border: 0;
    font-size: 15px;
    line-height: 1.45;
}
.meta-content .fcg-facts > ul > li::before {
    content: "i";
    position: absolute;
    left: 0;
    top: 3px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #e7eefc;
    box-shadow: none;
    color: #2f5fb3;
    font: 700 15px/28px Georgia, serif;
    text-align: center;
}
.meta-content .fcg-facts > ul > li.is-yes::before {
    content: "\2713";
    background: #e3f4ea;
    color: #1f7a45;
    font-family: inherit;
}
.meta-content .fcg-facts > ul > li.is-no::before {
    content: "\2715";
    background: #fbe3e5;
    color: #bb0c19;
    font-family: inherit;
}
.meta-content .fcg-facts > ul > li.is-warn::before {
    content: "!";
    background: #fff1d6;
    color: #9a6200;
    font-family: inherit;
}
.meta-content .fcg-facts > ul > li > strong {
    display: block;
    color: #333;
}
/* Specific enough to win over the long-text list cards (.meta-rich ... > ul > li). */
.meta-content .indent-content > ul.fcg-timeline,
.meta-content ul.fcg-timeline {
    position: relative;
    display: block;
    margin: 1rem 0 1.5rem;
    padding: 0 0 0 22px;
    list-style: none;
}
.meta-content .indent-content > ul.fcg-timeline::before,
.meta-content ul.fcg-timeline::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: #e3a2aa;
}
.meta-content .indent-content > ul.fcg-timeline > li,
.meta-content ul.fcg-timeline > li {
    position: relative;
    margin: 0 0 14px;
    padding: 0 0 0 14px;
    background: none;
    border: 0;
    line-height: 1.45;
}
.meta-content .indent-content > ul.fcg-timeline > li::before,
.meta-content ul.fcg-timeline > li::before {
    content: "";
    position: absolute;
    left: -21px;
    top: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #bb0c19;
    box-shadow: 0 0 0 3px #fbe3e5;
}
.meta-content ul.fcg-timeline > li > strong {
    display: inline-block;
    min-width: 48px;
    color: #bb0c19;
}
/* Long page text ("rich" _meta blocks: home, game lists, country and top casino pages, bonus, jackpot, tournament
   and content pages; all written in the admin): a lead intro, headings in a red band, subheadings with a small
   accent, lists as cards and rounded images, to break up long blocks. Styles only: the text stays plain html. */
.meta-rich .indent-content {
    font-size: 16px;
    line-height: 1.65;
}
.meta-rich.meta-content .indent-content > p:first-child,
.meta-rich.meta-content .indent-content > h1 + p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
}
.meta-rich.meta-content .indent-content > h2 {
    position: relative;
    margin: 2.25rem -20px 1rem;
    padding: 11px 20px;
    background: linear-gradient(90deg, #fbeaec, #fff 75%);
    border-left: 5px solid #bb0c19;
    font-size: 21px;
    line-height: 1.3;
    text-transform: none;
}
.meta-rich.meta-content .indent-content > h2:first-child {
    margin-top: 0;
}
.meta-rich.meta-content .indent-content > h3 {
    margin: 1.5rem 0 .6rem;
    padding-left: 12px;
    border-left: 3px solid #f1b9bf;
    font-size: 17px;
    line-height: 1.35;
    text-transform: none;
}
.meta-rich .indent-content > ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
    margin: 0 0 1.25rem;
    padding: 0;
    list-style: none;
}
.meta-rich .indent-content > ul > li {
    position: relative;
    margin: 0;
    padding: 12px 14px 12px 40px;
    background: #f4f5f7;
    border: 1px solid #e3e4e8;
    border-radius: 6px;
    line-height: 1.5;
}
.meta-rich .indent-content > ul > li::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 17px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #bb0c19;
    box-shadow: 0 0 0 3px #f6cdd1;
}
.meta-rich .indent-content img {
    border-radius: 6px;
}
@media (max-width: 575px) {
    .meta-rich.meta-content .indent-content > h2 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
/* The home page also gets an icon per heading (by position: slots, reviews, casinos) and its closing paragraph
   as a call-out; elsewhere the order of the admin text doesn't say what a heading or last paragraph is. */
.home-meta-content .meta-rich.meta-content .indent-content > h2 {
    padding-left: 64px;
    font-size: 22px;
}
.home-meta-content .meta-rich.meta-content .indent-content > h2::before {
    content: "\e934";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #bb0c19;
    color: #fff;
    font-family: 'icomoon';
    font-size: 20px;
    font-weight: normal;
    line-height: 34px;
    text-align: center;
}
.home-meta-content .meta-rich.meta-content .indent-content > h2:nth-of-type(2)::before {
    content: "\e905";
}
.home-meta-content .meta-rich.meta-content .indent-content > h2:nth-of-type(3)::before {
    content: "\e914";
}
.home-meta-content .meta-rich.meta-content .indent-content > p:last-of-type {
    margin-top: 1.5rem;
    padding: 16px 20px;
    background: #bb0c19;
    border-radius: 6px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
}
.home-meta-content .meta-rich.meta-content .indent-content > p:last-of-type a {
    color: #fff;
}
@media (max-width: 575px) {
    .home-meta-content .meta-rich.meta-content .indent-content > h2 {
        padding-left: 58px;
    }
}
/* Content pages (about, privacy policy, responsible gambling, ...): beside long text an "On this page" list of
   its sections and, on the about page, the news writers; sticky on wide screens. */
.blog-detail-meta-content .meta-rich .indent-content > h2 {
    scroll-margin-top: 16px;
}
.blog-detail-meta-content .meta-content .content > img.float-md-left {
    max-width: 50%;
    height: auto;
}
@media (max-width: 767.98px) {
    .blog-detail-meta-content .meta-content .content > img.float-md-left {
        max-width: 100%;
    }
}
.page-aside {
    position: sticky;
    top: 16px;
}
.page-aside-box {
    margin-bottom: 16px;
    padding: 18px 20px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}
.page-aside-box h2 {
    margin: 0 0 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid #f1d3d6;
    color: #bb0c19;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.page-toc {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: toc;
}
.page-toc li {
    margin: 0;
    counter-increment: toc;
}
.page-toc a {
    display: flex;
    gap: 10px;
    padding: 7px 0;
    border-bottom: 1px solid #f0f1f3;
    color: #444;
    font-size: 14px;
    line-height: 1.35;
}
.page-toc li:last-child a {
    border-bottom: 0;
}
.page-toc a::before {
    content: counter(toc);
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fbeaec;
    color: #bb0c19;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
}
.page-toc a:hover {
    color: #bb0c19;
}
.page-writers {
    margin: 0;
    padding: 0;
    list-style: none;
}
.page-writers li {
    display: flex;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #f0f1f3;
}
.page-writers li:last-child {
    border-bottom: 0;
}
.writer-initials {
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #bb0c19;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
}
.page-writers a {
    color: #333;
    font-size: 14px;
    font-weight: 700;
}
.page-writers p {
    margin: 2px 0 0;
    color: #777;
    font-size: 12.5px;
    line-height: 1.45;
}

/*
 * Country pages (top casinos, online casino laws): the flag beside the title, the "facts checked" line, the online
 * casino status badge, the gambling help line card and the laws table.
 * Status colours as the .fcg-facts list: green .is-yes, red .is-no, amber .is-warn.
 * Help line card (reusable): <div class="fcg-helpline"><span class="fcg-helpline-icon">icon</span>
 * <div class="fcg-helpline-body"> ... </div></div>
 */
/* The flag sprite icon is 16px; scaled up beside the title. */
.meta-content .main-title-wrapper h1 .title-flag {
    margin: -4px 18px 0 6px;
    transform: scale(1.75);
}
.meta-content .meta-lead {
    margin: -1rem 0 1.5rem;
}
.meta-lead p {
    margin: 0 0 8px;
}
.fcg-checked {
    color: #666;
    font-size: 14px;
}
.fcg-status::before {
    /* Same marks as the .fcg-facts box: tick, cross, "!". */
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}
.fcg-status.is-yes::before {
    content: "\2713";
    background: #1f7a45;
}
.fcg-status.is-no::before {
    content: "\2715";
    background: #bb0c19;
}
.fcg-status.is-warn::before {
    content: "!";
    background: #c98200;
}
.fcg-status-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
}
.fcg-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}
.fcg-status.is-yes {
    background: #e3f4ea;
    color: #1f7a45;
}
.fcg-status.is-no {
    background: #fbe3e5;
    color: #bb0c19;
}
.fcg-status.is-warn {
    background: #fff1d6;
    color: #9a6200;
}
.fcg-status-note {
    color: #444;
    font-size: 14px;
}
.fcg-status-compare {
    font-size: 14px;
    text-decoration: underline;
}
.fcg-helpline {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 18px 20px;
    border-left: 4px solid #bb0c19;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}
.fcg-helpline-icon {
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fbeaec;
    color: #bb0c19;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fcg-helpline-title {
    margin: 0 0 4px;
    color: #bb0c19;
    font-size: 16px;
    font-weight: 700;
}
.fcg-helpline-name {
    margin: 0 0 6px;
    color: #333;
    font-weight: 700;
}
.fcg-helpline-contacts {
    margin: 0 0 6px;
    padding: 0;
    list-style: none;
}
.fcg-helpline-contacts li {
    margin: 0 0 2px;
    overflow-wrap: anywhere;
}
.fcg-helpline-more {
    font-size: 14px;
    text-decoration: underline;
}
.fcg-laws-table {
    width: 100%;
    border-collapse: collapse;
}
.fcg-laws-table th,
.fcg-laws-table td {
    padding: 12px 10px;
    border-bottom: 1px solid #f0f1f3;
    text-align: left;
    vertical-align: middle;
}
.fcg-laws-table thead th {
    color: #bb0c19;
    font-size: 13px;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.fcg-laws-table tbody tr:last-child > * {
    border-bottom: 0;
}
.fcg-laws-country {
    font-weight: 700;
}
.fcg-laws-country .flag-icon {
    margin-right: 10px;
}
@media (max-width: 767.98px) {
    .fcg-laws-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }
    .fcg-laws-table,
    .fcg-laws-table tbody,
    .fcg-laws-table tr,
    .fcg-laws-table th,
    .fcg-laws-table td {
        display: block;
    }
    .fcg-laws-table tr {
        padding: 10px 0;
        border-bottom: 1px solid #e3e5e8;
    }
    .fcg-laws-table th,
    .fcg-laws-table td {
        padding: 4px 0;
        border-bottom: 0;
    }
    .fcg-laws-table td::before {
        content: attr(data-label);
        display: block;
        color: #777;
        font-size: 12px;
        letter-spacing: .04em;
        text-transform: uppercase;
    }
    .fcg-helpline {
        padding: 14px;
    }
}
/* Footer menus: a heading with an icon from the site's font and a thin rule, each game with its software on a
   small second line (several games share a name), a soft hover and a link to the whole list. */
#footer > .bg-white {
    padding-top: 48px;
}
#navbar-footer .footer-menu-section {
    margin-bottom: 2.5rem;
}
#navbar-footer .footer-menu-title {
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f1d3d6;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .02em;
}
#navbar-footer .footer-icon {
    flex: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #bb0c19;
    color: #fff;
    font-family: 'icomoon';
    font-size: 17px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
}
.footer-icon-new-games:before { content: "\e911"; }
.footer-icon-casinos:before { content: "\e914"; }
.footer-icon-slots:before { content: "\e934"; }
.footer-icon-video-poker:before { content: "\e93c"; }
.footer-icon-blackjack:before { content: "\e920"; }
.footer-icon-roulette:before { content: "\e930"; }
.footer-icon-table-games:before { content: "\e92b"; }
.footer-icon-other-games:before { content: "\e925"; }
#navbar-footer .footer-menu-links > div {
    border-bottom: 1px solid #f0f1f3;
}
#navbar-footer .footer-menu-links > .footer-see-all-row {
    border-bottom: 0;
}
#navbar-footer .footer-menu-section .nav-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 6px 6px 6px 0;
    border-radius: 4px;
    color: #444;
    font-size: 14px;
    line-height: 1.3;
    transition: color .15s, padding .15s, background .15s;
}
#navbar-footer .footer-menu-section .nav-link:hover {
    padding-left: 6px;
    background: #fbeef0;
    color: #bb0c19;
}
#navbar-footer .footer-link-title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
#navbar-footer .footer-link-provider {
    color: #9a9a9a;
    font-size: 11.5px;
}
#navbar-footer .footer-see-all {
    display: inline-block;
    margin-top: 10px;
    color: #bb0c19;
    font-size: 13px;
    font-weight: 600;
}
#navbar-footer .footer-see-all::after {
    content: " \2192";
}
#footer .powered-by {
    margin: 0 -15px;
    padding: 28px 0 20px;
    background: #f6f7f9;
    border-top: 1px solid #e9eaee;
}
@media (max-width: 575.98px) {
    #navbar-footer .footer-menu-section .nav-link {
        align-items: center;
        padding: 8px 6px;
    }
    #navbar-footer .footer-see-all {
        margin: 8px 0;
    }
}
/* Main menu icons (FcgLayoutExtension::MENU): the site's icon font, News an inline SVG. Beside the label in the
   collapsed (phone and tablet) menu, above it on wide screens, where the bar has room for height, not width. */
#menu-container .nav-link {
    align-items: center;
    gap: 8px;
    padding: 2px 6px !important;
}
#menu-container .menu-icon {
    display: block;
    flex: none;
    width: 22px;
    height: 22px;
    font-family: 'icomoon' !important;
    font-size: 22px;
    font-style: normal;
    line-height: 22px;
    text-align: center;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.menu-icon-slots:before { content: "\e934"; }
.menu-icon-video-poker:before { content: "\e93c"; }
.menu-icon-blackjack:before { content: "\e920"; }
.menu-icon-roulette:before { content: "\e930"; }
.menu-icon-table-games:before { content: "\e92b"; }
.menu-icon-other-games:before { content: "\e925"; }
.menu-icon-jackpots:before { content: "\e922"; }
.menu-icon-bonuses:before { content: "\e90b"; }
.menu-icon-casinos:before { content: "\e914"; }
.menu-icon-tournaments:before { content: "\e908"; }
@media (min-width: 992px) {
    #menu-container .nav-link {
        flex-direction: column;
        gap: 4px;
        padding: 2px 4px !important;
        text-align: center;
    }
}

/* Images floated in admin text (style="float: right/left" from the editor) in rich text blocks: headings, card lists
   and the glance box and timeline start below them instead of running into the image, the image takes at most
   two fifths of the column, and on phones it sits full width above its paragraph instead of squeezing the text. */
.meta-rich .indent-content > h2,
.meta-rich .indent-content > h3,
.meta-rich .indent-content > ul,
.meta-rich .indent-content > .fcg-facts,
.meta-rich .indent-content > .fcg-timeline {
    clear: both;
}
.meta-rich .indent-content img[style*="float"] {
    max-width: 40%;
    height: auto;
}
.meta-rich .indent-content img[style*="float: right"],
.meta-rich .indent-content img[style*="float:right"] {
    margin: 4px 0 12px 20px;
}
.meta-rich .indent-content img[style*="float: left"],
.meta-rich .indent-content img[style*="float:left"] {
    margin: 4px 20px 12px 0;
}
@media (max-width: 575px) {
    .meta-rich .indent-content img[style*="float"] {
        float: none !important;
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 0 12px;
    }
}