/**
 * 888 Pokies Widget — Desktop Colors CSS (Part 1)
 * @version 1.4.0
 * Auto-generated from 888.html
 */

.pokies-888-wrap .tb-outer {
    background: linear-gradient(180deg,#0d1f12 0%,#0f2415 100%);
    border-bottom: 1px solid rgba(255,255,255,.07);
    box-shadow: 0 2px 20px rgba(0,0,0,.3);
}

.pokies-888-wrap .tb-outer::before {
    background: linear-gradient(90deg,var(--g2),var(--go2),var(--r2),var(--go2),var(--g2));
    background-size: 200% 100%;
}

.pokies-888-wrap .brand-logo {
    border-radius: var(--r-s);
    background: var(--green-mid);
    color: #fff;
    box-shadow: 0 2px 10px rgba(22,163,74,.4);
}

.pokies-888-wrap .brand b {
    color: #fff;
}

.pokies-888-wrap .au-tag {
    border-radius: 999px;
    background: rgba(22,163,74,.2);
    border: 1px solid rgba(22,163,74,.3);
    color: #4ade80;
}

.pokies-888-wrap .nav-item>a {
    color: rgba(255,255,255,.65);
    border-bottom: 2px solid transparent;
}

.pokies-888-wrap .nav-item>a:hover {
    color: #fff;
    background: rgba(255,255,255,.05);
}

.pokies-888-wrap .nav-item>a.on {
    color: #4ade80;
    border-bottom-color: #4ade80;
}

.pokies-888-wrap .searchbox {
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.55);
}

.pokies-888-wrap .searchbox:hover {
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.2);
    color: rgba(255,255,255,.8);
}

.pokies-888-wrap .searchbox svg {
    opacity: .5;
}

.pokies-888-wrap .bal-chip {
    border-radius: 999px;
    background: rgba(202,138,4,.15);
    border: 1px solid rgba(202,138,4,.3);
    color: #fbbf24;
}

.pokies-888-wrap .dep-btn {
    border-radius: 999px;
    background: var(--green-mid);
    color: #fff;
    border: none;
    box-shadow: 0 2px 10px rgba(21,128,61,.4);
}

.pokies-888-wrap .dep-btn:hover {
    background: var(--green-d);
    box-shadow: 0 4px 16px rgba(21,128,61,.5);
}

.pokies-888-wrap .av {
    border-radius: 50%;
    background: var(--green-mid);
    color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
}

.pokies-888-wrap .nav-item>a svg {
    opacity: .4;
}

.pokies-888-wrap .nav-item:hover>a svg {
    opacity: .8;
}

.pokies-888-wrap .nav-item>a .nav-badge {
    border-radius: 999px;
    background: var(--red);
    color: #fff;
}

.pokies-888-wrap .nav-item>a .nav-new {
    border-radius: 999px;
    background: var(--gold);
    color: #fff;
}

.pokies-888-wrap .nav-item>a:hover,
.pokies-888-wrap .nav-item:hover>a {
    color: #fff;
}

.pokies-888-wrap .nav-item>a .nav-chevron {
    opacity: .4;
}

.pokies-888-wrap .nav-item:hover>a .nav-chevron {
    opacity: .7;
}

.pokies-888-wrap .nav-item>a .nav-badge {
    border-radius: 999px;
    background: var(--red);
    color: #fff;
}

.pokies-888-wrap .nav-item>a .nav-new {
    border-radius: 999px;
    background: var(--gold);
    color: #fff;
}

.pokies-888-wrap .roo-deco {
    opacity: .28;
    filter: drop-shadow(0 6px 20px rgba(0,0,0,.45));
}

.pokies-888-wrap .nav-item .mega,
.pokies-888-wrap .nav-item .drop,
.pokies-888-wrap .nav-item .mega,
.pokies-888-wrap .nav-item .drop {
    opacity: 0;
}

.pokies-888-wrap .nav-item .mega-wide {
    opacity: 0;
}

.pokies-888-wrap .nav-item:hover .mega,
.pokies-888-wrap .nav-item:hover .drop {
    opacity: 1;
}

.pokies-888-wrap .nav-item:hover .mega-wide {
    opacity: 1;
}

.pokies-888-wrap .drop {
    background: #0f2415;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 0 16px 16px 16px;
    box-shadow: 0 20px 50px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.3);
}

.pokies-888-wrap .drop-section {
    color: rgba(255,255,255,.3);
}

.pokies-888-wrap .drop a {
    border-radius: 10px;
    color: rgba(255,255,255,.7);
}

.pokies-888-wrap .drop a:hover {
    background: rgba(255,255,255,.07);
    color: #fff;
}

.pokies-888-wrap .drop a .d-icon {
    border-radius: 8px;
    background: rgba(255,255,255,.06);
}

.pokies-888-wrap .drop a:hover .d-icon {
    background: rgba(22,163,74,.2);
}

.pokies-888-wrap .drop a .d-count {
    color: rgba(255,255,255,.35);
    background: rgba(255,255,255,.07);
    border-radius: 6px;
}

.pokies-888-wrap .drop a:hover .d-count {
    background: rgba(22,163,74,.2);
    color: #4ade80;
}

.pokies-888-wrap .drop-div {
    background: rgba(255,255,255,.08);
}

.pokies-888-wrap .drop a .d-arrow {
    opacity: .4;
}

.pokies-888-wrap .drop-sub .drop-sub-menu {
    background: #0f2415;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(0,0,0,.4);
    opacity: 0;
}

.pokies-888-wrap .drop-sub:hover .drop-sub-menu {
    opacity: 1;
}

.pokies-888-wrap .mega {
    background: #0f2415;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 0 20px 20px 20px;
    box-shadow: 0 24px 60px rgba(0,0,0,.45),0 4px 16px rgba(0,0,0,.3);
}

.pokies-888-wrap .mega-sidebar {
    background: rgba(0,0,0,.25);
    border-right: 1px solid rgba(255,255,255,.07);
}

.pokies-888-wrap .mega-sidebar-item {
    color: rgba(255,255,255,.55);
    border-left: 3px solid transparent;
}

.pokies-888-wrap .mega-sidebar-item:hover,
.pokies-888-wrap .mega-sidebar-item.active {
    background: rgba(22,163,74,.12);
    color: #4ade80;
    border-left-color: #16a34a;
}

.pokies-888-wrap .mega-sidebar-item .ms-arrow {
    opacity: .3;
}

.pokies-888-wrap .mega-sidebar-item:hover .ms-arrow,
.pokies-888-wrap .mega-sidebar-item.active .ms-arrow {
    opacity: .8;
}

.pokies-888-wrap .mega-panel-title {
    color: rgba(255,255,255,.3);
}

.pokies-888-wrap .mega-link {
    border-radius: 10px;
    color: rgba(255,255,255,.65);
}

.pokies-888-wrap .mega-link:hover {
    background: rgba(255,255,255,.07);
    color: #fff;
}

.pokies-888-wrap .mega-link .ml-icon {
    border-radius: 7px;
    background: rgba(255,255,255,.06);
}

.pokies-888-wrap .mega-link:hover .ml-icon {
    background: rgba(22,163,74,.2);
}

.pokies-888-wrap .mega-link .ml-count {
    color: rgba(255,255,255,.3);
}

.pokies-888-wrap .mega-link:hover .ml-count {
    color: #4ade80;
}

.pokies-888-wrap .mega-wide {
    background: #0f2415;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 20px 60px rgba(0,0,0,.45);
}

.pokies-888-wrap .mw-col h5 {
    color: rgba(255,255,255,.35);
}

.pokies-888-wrap .mw-col h5 span {
    border-radius: 6px;
}

.pokies-888-wrap .mw-col h5 span.green {
    background: rgba(22,163,74,.2);
    color: #4ade80;
}

.pokies-888-wrap .mw-col h5 span.gold {
    background: rgba(202,138,4,.2);
    color: #fbbf24;
}

.pokies-888-wrap .mw-col h5 span.red {
    background: rgba(220,38,38,.2);
    color: #f87171;
}

.pokies-888-wrap .mw-link {
    border-radius: 10px;
    color: rgba(255,255,255,.65);
}

.pokies-888-wrap .mw-link:hover {
    background: rgba(255,255,255,.07);
    color: #fff;
}

.pokies-888-wrap .mw-link .mwl-sub {
    color: rgba(255,255,255,.35);
}

.pokies-888-wrap .mw-link:hover .mwl-sub {
    color: rgba(255,255,255,.6);
}

.pokies-888-wrap .mw-link .mwl-badge {
    border-radius: 5px;
}

.pokies-888-wrap .mwl-hot {
    background: var(--red-l);
    color: var(--red);
}

.pokies-888-wrap .mwl-new {
    background: var(--gold-l);
    color: var(--gold);
}

.pokies-888-wrap .mwl-top {
    background: var(--green-l);
    color: var(--green);
}

.pokies-888-wrap .mw-offer-card {
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.04);
}

.pokies-888-wrap .mw-offer-card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,.3);
    border-color: rgba(22,163,74,.3);
}

.pokies-888-wrap .mw-oc-logo {
    border-radius: 10px;
    color: #fff;
}

.pokies-888-wrap .mw-oc-name {
    color: #fff;
}

.pokies-888-wrap .mw-oc-rating {
    color: #fbbf24;
}

.pokies-888-wrap .mw-oc-bonus {
    background: rgba(22,163,74,.12);
    border-top: 1px solid rgba(22,163,74,.15);
}

.pokies-888-wrap .mw-oc-bonus-val {
    color: #4ade80;
}

.pokies-888-wrap .mw-oc-bonus-sub {
    color: rgba(255,255,255,.45);
}

.pokies-888-wrap .mw-oc-cta {
    border-radius: 10px;
    background: var(--green-mid);
    color: #fff;
    box-shadow: 0 2px 8px rgba(21,128,61,.3);
}

.pokies-888-wrap .mw-oc-cta:hover {
    background: var(--green-d);
}

.pokies-888-wrap .mw-offer-col-title {
    color: rgba(255,255,255,.35);
}

.pokies-888-wrap .mw-offer-col-title a {
    color: #4ade80;
}

.pokies-888-wrap .mega-wide-bottom {
    border-top: 1px solid rgba(255,255,255,.07);
    background: rgba(0,0,0,.2);
}

.pokies-888-wrap .mwb-tag {
    border-radius: 8px;
    color: rgba(255,255,255,.5);
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
}

.pokies-888-wrap .mwb-tag:hover {
    border-color: rgba(22,163,74,.4);
    color: #4ade80;
    background: rgba(22,163,74,.1);
}

.pokies-888-wrap .sec-hero {
    background: #0d1f12;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.pokies-888-wrap .sec-hero::after {
    background-image: radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);
    background-size: 24px 24px;
}

.pokies-888-wrap .sec-hero-deco {
    opacity: .08;
}

.pokies-888-wrap .sec-hero-top h2 {
    color: #fff;
}

.pokies-888-wrap .sec-hero-top h2 .c-green {
    color: #4ade80;
}

.pokies-888-wrap .sec-hero-top h2 .c-gold {
    color: #fbbf24;
}

.pokies-888-wrap .sec-hero-top h2 .c-red {
    color: #f87171;
}

.pokies-888-wrap .sec-hero-top a {
    color: rgba(255,255,255,.45);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    backdrop-filter: blur(8px);
}

.pokies-888-wrap .sec-hero-top a:hover {
    color: #fff;
    border-color: rgba(255,255,255,.3);
}

.pokies-888-wrap .sec-hero-sub {
    color: rgba(255,255,255,.45);
}

.pokies-888-wrap .sec-hero::before {
    background: linear-gradient(90deg,var(--g2),var(--go2),var(--r2));
    opacity: .6;
}

.pokies-888-wrap .promo-strip {
    background: var(--grad-au-h);
    color: #fff;
}