:root {
  --accent-color: #F6AC2C; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --cta-btn-color: var(--accent-color);
  --bonus-color: #3577B6;

  scroll-behavior: smooth;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover { color: #ffffff; }

.bg-slotuna { background: #032b3d; }
.bg-sportuna { background: #1a1a1a; }
.bg-novajackpot {background: #160932;}
.bg-spinight {background: #0c0d24}
.bg-larabet{background-color: #012a38;}
.bg-playio{background:linear-gradient(90deg,#144e4e,#061819);background:-webkit-linear-gradient(90deg,#144e4e,#061819);}
.bg-winnerz {background: #671ac2}
.bg-20bet {background: #081D36;}
.bg-romancasino {background: #0c0000}
.bg-ivibet {background: #EDEFF2;}
.bg-22bet {background: #052e32;}
.bg-trino {background-color: #050c2b;}
.bg-slots-hammer { background: linear-gradient(230.28deg, #02024c 20.46%, #3e003e 75.25%); }
.bg-rollino {background: #00121c;}
.bg-casinoinfinity { background-color: #57153a; }
.bg-robycasino {background-color: #310d65;}
.bg-slotspalace {background: #4f338b;}
.bg-crownplay{background: #16100d;}
.bg-legendplay {background:#133c47;}
.bg-bet365{background: #027b5b;}
.bg-trickz {background: #fff; border: 1px solid #dedede;}
.bg-wettigo {background: rgba(1, 138, 225, 0.7)}
.bg-bahigo {background: #2e303b;}
.bg-jeetcity {background: #15171f;}
.bg-moonwin {background: #000;}
.bg-ritzo {background: #101414;}
.bg-playfina {background: #18152c;}
.bg-bet-at-home {background: #fff; border: 1px solid #dedede;}

.svg-ritzo {background: var(--logo-ritzo);}
.svg-playfina {background: var(--logo-playfina);}
.svg-jeetcity {background: var(--logo-jeetcity);}
.svg-moonwin {background: var(--logo-moonwin);}
.svg-sportuna {background: var(--logo-sportuna);}
.svg-winnerz {background: var(--logo-winnerz);}
.svg-20bet{background: var(--logo-20bet);}
.svg-romancasino {background: var(--logo-romancasino);}
.svg-ivibet {background: var(--logo-ivibet);}
.svg-22bet {background: var(--logo-22bet);}
.svg-slots-hammer {background-image: var(--logo-slots-hammer);}
.svg-rollino {background: var(--logo-rollino);}
.svg-casinoinfinity {background-image: var(--logo-casinoinfinity);}
.svg-robycasino {background: var(--logo-robycasino);}
.svg-slotspalace {background: var(--logo-slots-palace-sport);}
.svg-crownplay {background: var(--logo-crownplay);}
.svg-legendplay {background: var(--logo-legendplay);}
.svg-bet365 {background:  var(--logo-bet365);}
.svg-trickz {background: var(--logo-trickz);}
.svg-wettigo {background: var(--logo-wettigo);}
.svg-bahigo {background: var(--logo-bahigo);}
.svg-bet-at-home{background:var(--logo-bet-at-home)}
.svg-spinight {background: url(/img/brands/spinight.svg);}
.svg-novajackpot {background: url(/img/brands/novajackpot.svg);}
.webp .svg-slotuna {background: url(/img/brands/slotuna.webp);}
.no-webp .svg-slotuna {background: url(/img/brands/slotuna.png);}
.webp .svg-playio {background: url(/img/brands/playio.webp);}
.no-webp .svg-playio {background: url(/img/brands/playio.png);}
.webp .svg-trino {background: url(/img/brands/trino-sport.webp);}
.no-webp .svg-trino {background: url(/img/brands/trino-sport.png);}
.webp .svg-larabet {background: url(/img/brands/larabet.webp);}
.no-webp .svg-larabet {background: url(/img/brands/larabet.png);}

[class*="bg-"] [class*="svg-"]{display:block;text-indent:-9999px;background-size:contain;background-position:center center;background-repeat:no-repeat;width:100%;height:100%;max-width: 100%;}
.brand-logo.size-150 { width: 150px; height: 75px; border-radius: 4px; margin: 0 auto; }

.primary-table .table-row.table-row-hidden { display: none; }
.primary-table .table-row { min-height: 110px; border: 1px solid var(--accent-color); border-radius: 6px; background: #ffffff;}
.primary-table .table-row:first-child { background: color-mix(in srgb, var(--accent-color), transparent 80%); border-width: 2px; }
.primary-table .brand-logo { border-radius: 5px 0 0 5px; }
.primary-table .brand-logo [class*="svg-"] { width: 180px; margin: 0 auto; }
.primary-table .brand-rating { border-right: 1px solid #C4C4C4; }
.brand-rating :is(h3, .brand-score, .brand-name) { color: #000000; font-size: 15px; text-transform: uppercase; font-weight: bold;}
.brand-rating h3::before { all: unset; }
.brand-score { gap: 5px; }
.rating-star { width: 17px; height: 16px; background: center / contain no-repeat var(--icon-rating-star); position: relative; top: -1px; }
.brand-bonus { color: var(--bonus-color); font-weight: 600; line-height: 1.2; min-height: 90px; }
.bonus-amount { font-size: 27px; }
.bonus-before { font-size: 22px; }
.bonus-after { font-size: 18px; }
.primary-table .brand-cta { gap: 8px; }
.primary-table .cta-btn {
    width: 235px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    font-weight: 600;
    border-radius: 6px;
    text-transform: uppercase;
}
.art-postcontent .cta-btn:not(.review-btn) {display: block; padding: 10px 25px; width: max-content; background: var(--cta-btn-color); color: #ffffff; text-align: center; border-radius: 5px; text-decoration: none; cursor: pointer;}
.art-postcontent .cta-btn:not(.review-btn):hover {background: var(--cta-btn-color); color: #fff; text-decoration: none; opacity: .8;}
.art-postcontent .cta-btn.review-btn { background: none; border: 1px solid #C4C4C4; color: inherit; text-decoration: none; }
.art-postcontent .cta-btn.review-btn:hover:not(.not-active) { background: #ffffff; }
.art-postcontent .cta-btn.review-btn.not-active { border: 1px solid #E5E5E5; }
.art-postcontent .cta-btn.cta-single {min-width: 200px;}
.special-terms {padding: 0 10px 20px; margin-top: -10px; font-size: 10px; color: #555555;}
@media screen and (max-width:767px) {
	.primary-table { max-width: 350px; }
	.primary-table .brand-logo { border-radius: 4px 4px 0 0; display: block; height: 65px;}
	.primary-table .brand-rating { border-right: none; border-bottom: 1px solid #C4C4C4; padding: 12px 0;}
	.primary-table .brand-bonus { padding: 12px 0; }
	.primary-table :is(.brand-rating, .brand-bonus, .brand-cta) {max-width: 300px;}
}

#show-more { display: none; }
#show-more ~ #hide-btn { display: none; }
#show-more:checked + .tab-prime.casino tbody tr.row-hidden { display: table-row; }
#show-more:checked ~ #show-btn { display: none; }
#show-more:checked ~ #hide-btn { display: inline-block; }
#show-more:checked ~ #hide-btn, label[for=show-more] { cursor: pointer; margin-bottom: 2rem; position: relative; display: inline-block; }
.primary-table ~ #show-btn, .primary-table ~ #show-btn ~ #hide-btn { width: 285px; padding: 10px 0; border-radius: 6px; border: 2px solid var(--accent-color); background: transparent; font-weight: 600; font-size: 14px; text-align: center; }
.primary-table ~ #show-btn:hover, .primary-table ~ #show-btn ~ #hide-btn:hover { background: var(--accent-color); border-color: var(--accent-color); color: #fff; }
.primary-table ~ #show-btn span, .primary-table ~ #show-btn ~ #hide-btn span { position: relative; }
.primary-table ~ #show-btn span::after, .primary-table ~ #show-btn ~ #hide-btn span::after { content: ""; position: absolute; width: 14px; height: 7px; top: 50%; transform: translateY(-50%); right: -20px; }
.primary-table ~ #show-btn span::after { background: center / contain no-repeat var(--icon-arrow-down); }
.primary-table ~ #show-btn ~ #hide-btn span::after { background: center / contain no-repeat var(--icon-arrow-up); }
.primary-table .row-hidden { display: none; }
#show-more:checked + .primary-table .row-hidden { display: flex; }

.quick-nav { gap: 5px; background: color-mix(in srgb, var(--accent-color), transparent 95%);}
.quick-nav li:not(:last-child) {border-right: 1px solid color-mix(in srgb, var(--accent-color), transparent 50%);}
.quick-nav a { width: max-content; font-size: 15px; }
.quick-nav::-webkit-scrollbar { height: 0.25rem; background: color-mix(in srgb, var(--accent-color), transparent 90%); }
.quick-nav::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--accent-color), transparent 50%); border-radius: 10px; }

.art-postcontent .check-list, .art-postcontent .cross-list {list-style: none; margin: 0;}
.art-postcontent :is(.check-list, .cross-list) li { font-size: 16px; }
.art-postcontent .check-list li:before, .art-postcontent .cross-list li:before { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-top: -3px; margin-right: 6px; font: 900 16px bootstrap-icons; }
.art-postcontent .check-list li:before { content: "\F26E"; color: var(--bs-green); }
.art-postcontent .cross-list li:before { content: "\F62A"; color: var(--bs-red); }
.art-postcontent :is(ul, ol).two-col {columns: 2;}
.art-postcontent:is(ul, ol).two-col li { break-inside: avoid-column; }

@media (max-width: 991px) {
	.art-postcontent :is(ul, ol).two-col { columns: 1;}
  .navbar { background: #fff; }
	.navbar .dropdown-toggle::after { content: none; }
	.navbar .dropdown-menu.show { border: none; padding: 5px 0; line-height: normal; background: #F6AC2C; }
	.navbar .dropdown-menu.show .dropdown-item { color: #fff; }
	.navbar :is(.nav-arrow-down, .nav-arrow-down-sub) { position: absolute; top: 0; width: 42px; height: 42px; right: 0; }
  .navbar :is(.nav-arrow-down, .nav-arrow-down-sub)::after { content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; }
	.navbar .dropdown :is(.nav-arrow-down, .nav-arrow-down-sub).show { transform: rotate(180deg); }
}

@media screen and (min-width: 992px) {
  .navbar { max-width: 1000px; margin: 0 auto; vertical-align: bottom; height: 100%; padding: 0; align-items: end; }
  .navbar .navbar-nav li.nav-item:hover { background: #F6AC2C; }
  .navbar .navbar-nav > li.nav-item {position: relative;}
  .navbar .navbar-nav > li.nav-item:not(:last-of-type)::after { position: absolute;display: block;content: '';top: 50%;transform: translateY(-50%);right: 0;width: .5px;height: 9px;background-size: cover;background-color: #ffffff; }
  .navbar li .nav-link, .dropdown-item { color: #ffffff; font-size: 16px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; font-weight: bold; font-style: normal; text-decoration: none; font-variant: normal; }
  .nav-item .dropdown-menu { background: #F6AC2C; border-radius: unset; border: none; border-top: 1px solid #fff; }
  .nav-item .dropdown-item.active, .nav-item .dropdown-item:active { background: unset; }
  .nav-item.dropdown:hover > .dropdown-menu { display: block; }
  .dropdown-submenu { position: relative; }
  .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: 0; display: none; position: absolute; }
  .dropdown-submenu:hover > .dropdown-menu { display: block; }
}