/* Mercury 2 – page shell & typography. Loaded after m2.css; uses its --m2-* tokens. Covers every template that shares the Mercury page frame: pages, posts, archives, casino and game reviews. */ /* ---------- Typography ---------- */ :root{ --m2-measure:70ch; --m2-h1:clamp(1.75rem,1.2rem + 2.4vw,2.75rem); --m2-h2:clamp(1.4rem,1.15rem + 1vw,1.85rem); --m2-h3:clamp(1.15rem,1.05rem + .5vw,1.35rem); } body{background:var(--m2-bg);color:var(--m2-text);line-height:1.6;font-feature-settings:"cv11","ss03";text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%} .space-box,.space-box.enabled{background:var(--m2-bg);max-width:none;box-shadow:none} h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:var(--m2-text);letter-spacing:-.015em;text-wrap:balance} h1,h1 a{font-size:var(--m2-h1);line-height:1.15;font-weight:800;letter-spacing:-.025em} .space-page-content{font-size:1.0625rem;line-height:1.75;color:#1d2b40;overflow-wrap:anywhere} .space-page-content p{margin:0 0 1.15em;padding:0;line-height:inherit} .space-page-content p:empty{display:none} /* a stray

inside the body copy is sized like a section heading (markup is left to the content team) */ .space-page-content h1{font-size:var(--m2-h2);line-height:1.25;font-weight:800;margin:1.9em 0 .6em;letter-spacing:-.02em} .space-page-content .wp-block-buttons{margin:1.4em 0} .space-page-content .wp-block-button__link{border-radius:12px;font-weight:800;padding:14px 22px;text-decoration:none;line-height:1.3;box-shadow:0 4px 12px rgba(15,27,45,.15)} .space-page-content h2{font-size:var(--m2-h2);line-height:1.25;font-weight:800;margin:1.9em 0 .6em;padding-top:.15em} .space-page-content h3{font-size:var(--m2-h3);line-height:1.3;font-weight:700;margin:1.6em 0 .5em} .space-page-content h4,.space-page-content h5,.space-page-content h6{font-size:1.05rem;line-height:1.35;font-weight:700;margin:1.4em 0 .4em} .space-page-content>:first-child{margin-top:0} .space-page-content>:last-child{margin-bottom:0} .space-page-content a:not([class]){color:var(--m2-chip-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em} .space-page-content a:not([class]):hover{text-decoration-thickness:2px} .space-page-content ul,.space-page-content ol{margin:0 0 1.2em} .space-page-content ul{list-style:none;padding:0} .space-page-content ol{list-style:decimal;padding-left:1.5em} .space-page-content ol li{padding:.25em 0 .25em .2em;margin:.2em 0} .space-page-content ul li{padding:.25em 0 .25em 1.8em;margin:.2em 0} .space-page-content ul li:before{top:.62em;left:.1em;font-size:.8em;color:var(--m2-brand)} .space-page-content ol li::marker{color:var(--m2-brand);font-weight:700} .space-page-content img{max-width:100%;height:auto;border-radius:10px} .space-page-content blockquote{margin:1.6em 0;padding:.9em 1.2em;border-left:4px solid var(--m2-brand);background:var(--m2-chip);border-radius:0 10px 10px 0;font-size:1.02em} .space-page-content blockquote p:last-child{margin:0} .space-page-content hr{border:0;border-top:1px solid var(--m2-line);margin:2em 0} .space-page-content strong{font-weight:700} /* Tables: scroll sideways inside their own box instead of breaking the page (JS adds .m2-table) */ .space-page-content table{width:100%;margin:1.5em 0 2em;border-collapse:separate;border-spacing:0;font-size:.95rem;line-height:1.45;background:var(--m2-surface)} .space-page-content .m2-table{overflow-x:auto;margin:1.5em 0 2em;border:1px solid var(--m2-line);border-radius:12px;-webkit-overflow-scrolling:touch} .space-page-content .m2-table table{margin:0;min-width:520px} .space-page-content table th,.space-page-content table td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--m2-line)} .space-page-content table tr{border-bottom:0} .space-page-content table thead th,.space-page-content table tr:first-child>th{background:var(--m2-nav);color:#fff;font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap} .space-page-content table tbody tr:nth-child(even)>td,.space-page-content table tbody tr:nth-child(even)>th{background:var(--m2-surface-2)} .space-page-content table tr:last-child>td{border-bottom:0} .space-page-content table:not(.m2-table table){display:block;overflow-x:auto;border:1px solid var(--m2-line);border-radius:12px} /* ---------- Title band ---------- */ .space-title-box,.space-archive-title-box{background:linear-gradient(135deg,#0f1b2d 0%,#123a30 100%);color:#fff} .space-title-box-ins.space-page-wrapper{padding:28px 0 0} .space-title-box-h1{padding-bottom:34px} .space-archive-title-box-ins.space-page-wrapper{padding:28px 0 32px} .space-title-box-h1 h1,.space-archive-title-box-h1 h1{color:#fff;font-size:var(--m2-h1);line-height:1.15;font-weight:800;letter-spacing:-.025em;max-width:26ch;text-wrap:balance} .space-title-box-h1 h1{max-width:30ch} .space-page-content-excerpt,.space-page-content-excerpt p{color:#c8d3e3;font-size:1.05rem;line-height:1.55;margin:12px 0 0;max-width:60ch} .space-breadcrumbs{text-align:left;margin:0 0 14px;font-size:.8125rem;color:#9fb0c7;white-space:nowrap;overflow-x:auto;scrollbar-width:none} .space-breadcrumbs::-webkit-scrollbar{display:none} .space-breadcrumbs a{color:#c8d3e3;padding:0 6px} .space-breadcrumbs>span>span>a{padding-left:0} .space-breadcrumbs span.breadcrumb_last{color:#fff} /* the breadcrumb sits above the heading in the band */ .space-title-box-h1,.space-archive-title-box-h1{display:flex;flex-direction:column} .space-title-box-h1>.space-single-aces-breadcrumbs,.space-archive-title-box-h1>.space-single-aces-breadcrumbs{order:-1;background:none;margin:0;width:auto;max-width:100%;padding:0} .space-title-box-h1 .space-breadcrumbs,.space-archive-title-box-h1 .space-breadcrumbs{padding:0;margin:0 0 12px} /* pages without a sidebar are narrow and centred: keep the band aligned with them */ body:has(.space-content-section.no-sidebar) .space-title-box-ins,body:has(.space-content-section.no-sidebar) .space-title-box-category-wrap,body:has(.space-content-section.box-100) .space-title-box-ins,body:has(.space-content-section.box-100) .space-title-box-category-wrap{max-width:930px} .space-title-box-category-wrap{padding:0 15px} .space-title-box-category{top:-16px;margin:0;display:flex;flex-wrap:wrap;gap:6px} .space-title-box-category a{background:var(--m2-brand-dark);color:var(--m2-brand-ink);border-radius:999px;padding:5px 14px;margin:0;font-size:.75rem;font-weight:700;letter-spacing:.02em;box-shadow:0 2px 8px rgba(15,27,45,.25)} .space-title-box-category a:hover{background:var(--m2-nav)} /* review pages have no title band: give the breadcrumb a light bar of its own */ .single-casino .space-single-aces-breadcrumbs,.single-game .space-single-aces-breadcrumbs{background:var(--m2-surface);border-bottom:1px solid var(--m2-line)} .single-casino .space-single-aces-breadcrumbs .space-breadcrumbs,.single-game .space-single-aces-breadcrumbs .space-breadcrumbs{max-width:1200px;margin:0 auto;padding:12px 15px;color:#5b6b82} .single-casino .space-single-aces-breadcrumbs .space-breadcrumbs a,.single-game .space-single-aces-breadcrumbs .space-breadcrumbs a{color:#5b6b82} .single-casino .space-single-aces-breadcrumbs .space-breadcrumbs span.breadcrumb_last,.single-game .space-single-aces-breadcrumbs .space-breadcrumbs span.breadcrumb_last{color:var(--m2-text)} /* ---------- Page frame: content column + sidebar ---------- */ .space-page-section-ins,.space-archive-section-ins{padding-top:24px;padding-bottom:48px;align-items:flex-start;gap:24px 0} .space-page-section-ins .space-content-section,.space-archive-section-ins .space-content-section{width:auto;flex:1 1 0;min-width:0} .space-page-section-ins .space-sidebar-section,.space-archive-section-ins .space-sidebar-section{width:auto;flex:0 0 340px;float:none} .space-content-section.no-sidebar,.space-content-section.box-100{max-width:900px;margin-left:auto;margin-right:auto} @media (max-width:991px){ .space-page-section-ins,.space-archive-section-ins{display:block} .space-page-section-ins .space-sidebar-section,.space-archive-section-ins .space-sidebar-section{width:auto;position:static;margin-top:24px} } /* the article as a card (flush to the screen edges on phones) */ .space-page-content-wrap{margin:0} .space-page-content-box-wrap,.space-taxonomy-description{background:var(--m2-surface);border:1px solid var(--m2-line);border-radius:16px;box-shadow:var(--m2-shadow);padding:20px 16px} .space-page-content-featured-img{margin-bottom:16px} .space-page-content-featured-img img{width:100%;height:auto;border-radius:16px;vertical-align:top} .space-page-content-featured-img span{text-align:left} @media (min-width:768px){ .space-page-content-box-wrap,.space-taxonomy-description{padding:36px clamp(24px,4vw,48px)} } @media (max-width:767px){ .space-page-section-ins,.space-archive-section-ins{padding-left:0;padding-right:0} .space-page-content-box-wrap,.space-taxonomy-description{border-radius:0;border-left:0;border-right:0;margin:0} .space-sidebar-section{padding:0 12px} } .space-page-content-wrap>.space-page-content-meta,.space-aces-content-box .space-page-content-meta{margin:0 0 14px} .space-page-content-tags{margin-top:16px;color:var(--m2-muted);font-size:.875rem} .space-page-content-tags a{display:inline-block;background:var(--m2-chip);color:var(--m2-chip-ink);border-radius:999px;padding:3px 12px;margin:0 4px 4px 0;font-weight:600} /* author / date line: a quiet byline, no avatar block or empty counters */ .space-page-content-meta{padding:0 12px} .space-page-content-meta-avatar{position:static;float:left;margin-right:10px} .space-page-content-meta-avatar img{width:36px;height:36px;border-radius:50%} .space-page-content-meta-ins{margin:0;padding:0;min-height:36px} .space-page-content-meta-author{padding:0;font-size:.875rem;line-height:1.2;font-weight:600;color:var(--m2-muted)} .space-page-content-meta-author a{color:var(--m2-text)} .space-page-content-meta-data,.space-page-content-meta-data-ins{font-size:.78rem;color:var(--m2-muted);line-height:1.35} .space-page-content-meta-data-ins>span:not(.date):not(:has(*)){display:inline} .space-page-content-meta-data-ins>span:nth-of-type(2),.space-page-content-meta-data-ins>span:nth-of-type(3){display:none} .space-page-content-meta-data-ins p{display:inline;margin:0 0 0 8px} /* ---------- Sidebar widgets as cards ---------- */ .space-sidebar-section .space-widget{background:var(--m2-surface);border:1px solid var(--m2-line);border-radius:16px;box-shadow:var(--m2-shadow);padding:18px;margin:0 0 20px;overflow:hidden} .space-sidebar-section .space-widget:last-child{margin-bottom:0} .space-widget-title,.space-default-widget .space-widget-title{padding:0 0 12px;font-size:1.05rem;font-weight:800;line-height:1.3;color:var(--m2-text)} .space-widget-title span{padding-left:0} .space-widget-title span:before,.space-widget-title span:after{display:none} .space-widget h2,.space-widget .wp-block-heading{font-size:1.05rem;font-weight:800;line-height:1.3;margin:0 0 10px;padding:0;color:var(--m2-text)} .space-widget .wp-block-group,.space-widget .wp-block-group__inner-container{padding:0;margin:0;background:none} .space-widget ul,.space-widget .wp-block-latest-posts,.space-widget .wp-block-latest-comments{list-style:none;margin:0;padding:0;background:none} .space-widget ul li a{font-weight:600;line-height:1.35} .space-widget ul li{border-bottom:1px solid var(--m2-line);padding:0} .space-widget ul li:last-child{border-bottom:0} .space-widget ul li,.space-widget ul li a{padding:9px 0;color:var(--m2-text)} .space-widget ul li a{display:block;padding:0} .space-widget ul li a:hover{color:var(--m2-brand)} /* ---------- Archives: article list ---------- */ .space-archive-loop{display:grid;gap:14px} .space-archive-loop-item{display:grid;grid-template-columns:1fr;margin:0;background:var(--m2-surface);border:1px solid var(--m2-line);border-radius:16px;box-shadow:var(--m2-shadow);overflow:hidden} .space-archive-loop-item:last-child{margin:0} .space-archive-loop-item>*{width:auto;float:none} .space-archive-loop-item-img-ins{margin:0;position:relative} .space-archive-loop-item-img-link img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0} .space-archive-loop-item-img-ins .space-overlay{border-radius:0} .space-archive-loop-item-img-category{top:12px;left:12px;right:auto;text-align:left} .space-archive-loop-item-img-category a,.space-archive-loop-item-title-box.no-image .space-archive-loop-item-img-category a{background:var(--m2-brand)!important;color:var(--m2-brand-ink)!important;border-radius:999px!important;padding:4px 12px!important;font-size:.72rem!important;font-weight:700!important} .space-archive-loop-item-title-box-ins,.space-archive-loop-item-title-box.no-image .space-archive-loop-item-title-box-ins{margin:0;padding:16px 18px 18px} .space-archive-loop-item-title{margin:6px 0 8px;line-height:1.25} .space-archive-loop-item-title a{font-size:1.2rem;font-weight:800;line-height:1.3;letter-spacing:-.015em;color:var(--m2-text)!important} .space-archive-loop-item-title a:hover{color:var(--m2-brand)!important} .space-archive-loop-item-excerpt{margin:0 0 12px;font-size:.95rem;line-height:1.6;color:var(--m2-muted)} .space-archive-loop-item-meta{font-size:.78rem;color:var(--m2-muted)} .space-archive-loop-item-meta span:nth-of-type(2),.space-archive-loop-item-meta span:nth-of-type(3){display:none} .space-archive-loop-item-meta span.read-more{margin:0} .space-archive-loop-item-meta span.read-more a{display:inline-block;font-size:.875rem;font-weight:700;color:var(--m2-chip-ink);background:var(--m2-chip);padding:7px 14px;border-radius:999px} .space-archive-loop-item-meta span.read-more a:hover{background:var(--m2-brand);color:var(--m2-brand-ink)} @media (min-width:640px){ .space-archive-loop-item:has(.box-33){grid-template-columns:240px 1fr} .space-archive-loop-item-img-link img{height:100%;aspect-ratio:auto;min-height:170px} } .space-archive-section .navigation.pagination,.space-archive-loop .navigation.pagination{margin-top:8px} .nav-links{display:flex;gap:6px;flex-wrap:wrap} .nav-links .page-numbers{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--m2-line);border-radius:10px;background:var(--m2-surface);color:var(--m2-text);font-weight:700;text-decoration:none;padding:0 10px} .nav-links .page-numbers.current,.nav-links a.page-numbers:hover{background:var(--m2-brand);color:var(--m2-brand-ink);border-color:transparent} /* ---------- Review pages (casino and game) ---------- */ .space-aces-content-section{display:block;margin-bottom:0} .space-aces-content-section>.space-aces-content-meta,.space-aces-content-section>.space-aces-content-box{width:auto;float:none} .space-aces-content-meta-ins{margin:0;background:var(--m2-surface);border:1px solid var(--m2-line);border-radius:16px;box-shadow:var(--m2-shadow);padding:20px 16px;display:grid;gap:12px;text-align:center;justify-items:center} .space-aces-content-meta-ins h1{font-size:var(--m2-h1);line-height:1.15;margin:0} .space-aces-content-meta-ins .space-casino-content-logo img,.space-aces-content-meta-ins .space-page-content-featured-img img{max-height:96px;width:auto;max-width:100%;height:auto;border-radius:12px} .space-aces-content-meta-ins .space-page-content-featured-img{margin:0!important;width:auto} .space-casino-content-short-desc,.space-game-content-short-desc,.space-game-content-excerpt{color:var(--m2-muted);font-size:1rem;line-height:1.55;max-width:60ch} .space-casino-content-short-desc p,.space-game-content-short-desc p{margin:0} .space-casino-content-logo-stars{margin:0} .space-casino-content-button-block,.space-game-content-button-wrap{width:100%;max-width:320px} .space-aces-content-meta-ins .space-casino-content-button a,.space-aces-content-meta-ins .space-game-content-button a{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:12px;background:var(--m2-brand);color:var(--m2-brand-ink)!important;font-weight:800;font-size:1.05rem;text-decoration:none;box-shadow:0 6px 16px rgba(26,132,86,.3);transition:transform .12s,box-shadow .12s} .space-aces-content-meta-ins .space-casino-content-button a:hover,.space-aces-content-meta-ins .space-game-content-button a:hover{background:var(--m2-brand-dark);transform:translateY(-1px);box-shadow:0 8px 20px rgba(26,132,86,.38)} .space-casino-content-button-block:not(:has(a,.space-casino-header-button-notice,.space-casino-content-info)){display:none} .space-aces-content-meta-ins h1:before,.space-aces-content-meta-ins h1:after,.space-casino-content-logo-stars:after,.space-casino-content-logo-stars:before{display:none} .space-casino-header-button-notice,.space-casino-content-info{font-size:.78rem;line-height:1.45;color:var(--m2-muted);margin-top:8px} .space-header-accepted-info{font-size:.85rem} .space-vendors{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap} .space-vendors-items{margin:0;width:auto} .space-vendors-item.name{border-radius:999px;padding:4px 14px;font-size:.85rem} .space-casino-content-excerpt{font-size:1.1rem;line-height:1.6;color:var(--m2-muted);margin:0 0 16px} .space-aces-content-box{margin-top:20px} .space-aces-content-box .space-page-content-wrap{margin:0} .space-aces-content-box .space-page-content-meta{padding:0} /* game review: the cover art leads the card */ .space-single-game .space-aces-content-meta-ins .space-page-content-featured-img{width:100%} .space-single-game .space-aces-content-meta-ins .space-page-content-featured-img img{width:100%;max-height:none;aspect-ratio:16/10;object-fit:cover;border-radius:12px} .space-single-game .space-game-content-button a i,.space-casino-content-button a i{margin-left:8px} .space-game-content-short-desc{font-weight:600;color:var(--m2-text)} .space-game-content-button-wrap{margin-top:4px} /* pros and cons: two clear panels */ .space-pros-cons{margin:0 0 20px;gap:12px} .space-pros-cons .space-pros,.space-pros-cons .space-cons{width:auto;flex:1 1 260px} .space-pros-ins,.space-cons-ins{padding:18px 20px!important;border:1px solid var(--m2-line);border-radius:14px;box-shadow:var(--m2-shadow);margin:0!important;background:var(--m2-surface)} .space-pros-ins{box-shadow:inset 0 4px 0 var(--m2-brand),var(--m2-shadow)} .space-cons-ins{box-shadow:inset 0 4px 0 #d9534f,var(--m2-shadow)} .space-pros-ins:before,.space-cons-ins:before{display:none} .space-pros-title,.space-cons-title{font-size:1rem;font-weight:800;padding-bottom:8px;text-transform:uppercase;letter-spacing:.06em} .space-pros-title{color:var(--m2-chip-ink)} .space-cons-title{color:#b23b37} .space-pros-cons ul{margin:0;padding:0;list-style:none} .space-pros-cons ul li{padding:5px 0 5px 24px;line-height:1.4} .space-pros-cons ul li:before{top:6px;font-size:13px;color:var(--m2-brand)} .space-cons-ins ul li:before{color:#d9534f} @media (min-width:768px){ .space-aces-content-meta-ins{grid-template-columns:150px 1fr 240px;grid-template-areas:"logo title cta" "logo desc cta" "logo notice cta";gap:6px 28px;padding:24px 28px;text-align:left;justify-items:start;align-items:center} .space-aces-content-meta-ins>.space-casino-content-logo,.space-aces-content-meta-ins>.space-page-content-featured-img{grid-area:logo;grid-row:1/-1;align-self:center;justify-self:center} .space-aces-content-meta-ins>.space-casino-content-logo-stars{grid-area:notice;grid-row:3} .space-aces-content-meta-ins>h1{grid-area:title;grid-row:1} .space-aces-content-meta-ins>.space-casino-content-short-desc,.space-aces-content-meta-ins>.space-game-content-short-desc{grid-row:2;grid-column:2} .space-aces-content-meta-ins>.space-vendors{grid-row:2;grid-column:2;justify-content:flex-start} .space-aces-content-meta-ins>.space-game-content-excerpt{grid-row:3;grid-column:2} .space-aces-content-meta-ins>.space-casino-content-button-block,.space-aces-content-meta-ins>.space-game-content-button-wrap{grid-column:3;grid-row:1/-1;align-self:center} .space-single-game .space-aces-content-meta-ins{grid-template-columns:300px 1fr 240px;align-items:start} .space-single-game .space-aces-content-meta-ins>.space-page-content-featured-img{align-self:start} .space-aces-content-meta-ins .space-casino-content-logo img,.space-aces-content-meta-ins .space-page-content-featured-img img{max-height:130px} } /* ---------- Rating summary on casino reviews ---------- */ .space-casino-content-rating-wrap{background:var(--m2-surface);border:1px solid var(--m2-line);border-radius:16px;box-shadow:var(--m2-shadow);overflow:hidden;margin-top:24px} /* ---------- Footer: one dark family with the header ---------- */ .space-footer{background:var(--m2-nav)} .space-footer-top{background:#0b1524;color:#9fb0c7;border-top:1px solid rgba(255,255,255,.06)} .space-footer-top a,.space-footer-top-desc{color:#c8d3e3} .space-footer-copy{background:#070e1a;color:#9fb0c7} .space-footer-copy a,.space-footer-copy-menu ul li a,.space-footer-copy-left{color:#b6c4d8} /* ---------- Casino / game cards in archives and shortcodes ---------- */ body .space-casinos-3-archive-item-button-ins a,body .space-casinos-4-archive-item-button-two-ins a,body .space-shortcode-wrap .space-casinos-3-archive-item-button-ins a,body .space-shortcode-wrap .space-casinos-4-archive-item-button-two-ins a{background:var(--m2-brand);color:var(--m2-brand-ink)!important;border-radius:10px;font-weight:800;box-shadow:0 4px 12px rgba(26,132,86,.25)} body .space-casinos-3-archive-item-button-ins a:hover,body .space-casinos-4-archive-item-button-two-ins a:hover{background:var(--m2-brand-dark)} .space-casinos-3-archive-item-ins,.space-casinos-4-archive-item-ins{border:1px solid var(--m2-line);border-radius:16px;box-shadow:var(--m2-shadow)} /* [aces-casinos-1] card grid used inside articles: same card language as the operator rows */ .space-shortcode-wrap .space-block-title{font-size:var(--m2-h3);font-weight:800;margin:0 0 14px;padding:0} .space-shortcode-wrap .space-block-title span{padding:0} .space-shortcode-wrap .space-block-title:before,.space-shortcode-wrap .space-block-title:after,.space-shortcode-wrap .space-block-title span:before,.space-shortcode-wrap .space-block-title span:after{display:none} .space-companies-archive-items{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} @media (min-width:640px){.space-companies-archive-items{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}} .space-companies-archive-items>.space-companies-archive-item{width:auto;float:none;padding:0;margin:0} .space-companies-archive-item-ins{margin:0!important;height:100%;background:var(--m2-surface);border:1px solid var(--m2-line);border-radius:14px;box-shadow:var(--m2-shadow);padding:14px 10px} .space-companies-archive-item-wrap{display:flex;flex-direction:column;align-items:center;height:100%;gap:6px} .space-companies-archive-item-img img{width:64px;height:64px;border-radius:50%;object-fit:cover} .space-companies-archive-item-title a{font-weight:800;font-size:.95rem;color:var(--m2-text)!important;text-decoration:none!important} .space-companies-archive-item-short-desc{font-size:.78rem;line-height:1.4;color:var(--m2-muted);flex:1} .space-companies-archive-item-button{width:100%;margin-top:4px} .space-companies-archive-item-button a{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:10px;background:var(--m2-brand-dark)!important;color:#fff!important;font-weight:800;font-size:.875rem;text-decoration:none!important} .space-companies-archive-item-button a:hover{background:var(--m2-nav)!important} /* ---------- End of article: author box, tags, read more ---------- */ .saboxplugin-wrap{margin:32px 0 0!important;padding:0!important;border:1px solid var(--m2-line)!important;border-radius:14px!important;background:var(--m2-surface-2)!important;box-shadow:none!important;float:none!important} .saboxplugin-wrap .saboxplugin-tab{display:flex!important;align-items:center;gap:14px;padding:16px 18px!important} .saboxplugin-wrap .saboxplugin-gravatar{float:none!important;width:56px!important;margin:0!important;flex:none} .saboxplugin-wrap .saboxplugin-gravatar img{width:56px!important;height:56px!important;border-radius:50%!important;object-fit:cover} .saboxplugin-wrap .saboxplugin-authorname{margin:0!important;font-size:1rem!important;font-weight:800} .saboxplugin-wrap .saboxplugin-authorname a{color:var(--m2-text)!important;text-decoration:none!important} .saboxplugin-wrap .saboxplugin-desc{display:none} .saboxplugin-wrap .saboxplugin-desc:has(*:not(:empty)){display:block} .saboxplugin-wrap .clearfix{display:none} .read-more-block.space-news-3{background:none;padding:8px 0 0} .read-more-block .space-block-title{font-size:var(--m2-h3);font-weight:800;padding:0 15px 14px;margin:0} .read-more-block .space-block-title span{padding:0} .read-more-block .space-block-title:before,.read-more-block .space-block-title:after,.read-more-block .space-block-title span:before,.read-more-block .space-block-title span:after{display:none} .space-news-3-items{display:grid;grid-template-columns:1fr;gap:12px;padding:0 15px} @media (min-width:768px){.space-news-3-items{grid-template-columns:repeat(3,1fr)}} .space-news-3-items>.space-news-3-item{width:auto;float:none;padding:0} .space-news-3-item-ins{margin:0!important;height:100%;background:var(--m2-surface);border:1px solid var(--m2-line);border-radius:14px;box-shadow:var(--m2-shadow);overflow:hidden;padding:14px 16px} .space-news-3-item-img{display:none} .space-news-3-item-title a{font-size:1rem;font-weight:800;line-height:1.3;color:var(--m2-text)!important;text-decoration:none!important} .space-news-3-item-title a:hover{color:var(--m2-brand)!important} .space-news-3-item-meta{position:static;margin-top:8px} .space-news-3-item-meta>div{position:static} .space-news-3-item-meta-right{display:none} .space-news-3-item-meta span{font-size:.78rem;color:var(--m2-muted)} /* ---------- 404, taxonomy and other plain pages ---------- */ .space-page-content-wrap>.space-page-content{background:var(--m2-surface);border:1px solid var(--m2-line);border-radius:16px;box-shadow:var(--m2-shadow);padding:20px 16px} @media (min-width:768px){.space-page-content-wrap>.space-page-content{padding:32px clamp(24px,4vw,48px)}} @media (max-width:767px){.space-page-content-wrap>.space-page-content{border-radius:0;border-left:0;border-right:0}} .space-taxonomy-description:not(:has(*)){display:none} .space-casino-archive-ins{padding:0 12px} @media (min-width:1230px){.space-casino-archive-ins{padding:0}} .space-page-content-tags{padding:0 12px} .space-page-content-tags>span{display:none} .space-page-content-tags a{font-style:normal} /* ---------- Operator rating: amber stars (the parent only styles stars inside its own blocks) ---------- */ .m2-op-rate .star-rating{display:inline-flex;line-height:1} .m2-op-rate .star-rating .star{display:inline-block;width:1.2em;text-align:center;font-family:'Font Awesome 5 Free'!important;font-style:normal;font-size:15px;line-height:1;color:var(--m2-accent)} .m2-op-rate .star-rating .star-full:before{content:"\f005";font-weight:900} .m2-op-rate .star-rating .star-half:before{content:"\f5c0";font-weight:900} .m2-op-rate .star-rating .star-empty:before{content:"\f005";font-weight:400} .m2-op-rate .star-rating .screen-reader-text{display:none} .m2-score{background:#fff3d6;color:#7a4b00;border:1px solid #ffe2a3} /* ---------- Pages: open the content up instead of sitting in a white box ---------- */ @media (min-width:768px){ body.page .space-page-content-box-wrap{background:none;border:0;box-shadow:none;border-radius:0;padding:8px 0 0} body.page .space-page-content-wrap>.space-page-content{background:none;border:0;box-shadow:none;padding:0} body.page .space-content-section.box-100{max-width:none} body.page .space-page-section-ins{max-width:1240px;padding-left:20px;padding-right:20px} body.page .api-football-widget-container{background:var(--m2-surface);border:1px solid var(--m2-line);border-radius:16px;box-shadow:var(--m2-shadow);padding:16px 18px;margin-bottom:16px} } /* home: the bookmaker list takes the height of the odds column beside it and scrolls inside itself, so a long or short match list never leaves a gap or pushes the page (sticky does not work here: html/body both set overflow) */ @media (min-width:782px){ .wp-block-columns>.wp-block-column:has(>.m2-list){position:relative;align-self:stretch;min-height:560px} .wp-block-column>.m2-list{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:0 6px 4px 0;scrollbar-width:thin;scrollbar-color:#c4cddb transparent} } /* ---------- Odds widget: stacked match cards whenever its column is narrow ---------- */ .api-football-widget-container{container-type:inline-size;max-width:100%} .api-football-widget-container .api-football-table-wrapper{overflow:visible} @container (max-width:600px){ .api-football-widget-container.api-football-widget-container .api-football-widget.odds-widget .api-football-table, .api-football-widget-container.api-football-widget-container .api-football-widget.odds-widget .api-football-table tbody{display:block!important;width:100%;min-width:0;border:0;background:none} .api-football-widget-container.api-football-widget-container .api-football-widget.odds-widget .api-football-table tr{display:grid!important;grid-template-columns:52px minmax(0,1fr);gap:8px 10px;align-items:center;margin:0 0 10px;padding:12px;background:var(--m2-surface);border:1px solid var(--m2-line);border-radius:12px;box-shadow:none;width:auto} .api-football-widget-container.api-football-widget-container .api-football-widget.odds-widget .api-football-table td{display:block!important;padding:0;border:0;background:none;min-width:0;width:auto;text-align:left;white-space:normal} .api-football-widget-container.api-football-widget-container .api-football-widget.odds-widget .api-football-table td::before{display:none} .api-football-widget-container.api-football-widget-container .api-football-widget.odds-widget .api-football-time-cell{font-weight:800;font-size:.9rem;color:var(--m2-text)} .api-football-widget-container.api-football-widget-container .api-football-widget.odds-widget td.api-football-team-cell{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 6px;font-weight:600;line-height:1.3;overflow-wrap:anywhere} .api-football-widget-container.api-football-widget-container .api-football-widget.odds-widget td.api-football-odds-cell{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px} .api-football-widget-container.api-football-widget-container .api-football-widget.odds-widget .api-football-odd-pair{display:flex!important;flex-direction:column;align-items:stretch;gap:3px;margin:0!important;text-align:center} .api-football-widget-container.api-football-widget-container .api-football-widget.odds-widget .api-football-odd-label{font-size:.72rem;color:var(--m2-muted);font-weight:600} .api-football-widget-container.api-football-widget-container .api-football-widget.odds-widget .api-football-odd-box{padding:8px 0;border-radius:8px;background:var(--m2-surface-2);border:1px solid var(--m2-line);font-weight:800;font-size:.95rem} .api-football-widget-container.api-football-widget-container .api-football-widget.odds-widget .api-football-table td:last-child{grid-column:1/-1} .api-football-widget-container.api-football-widget-container .api-football-widget.odds-widget .api-football-bet-btn{display:flex;justify-content:center;width:100%;box-sizing:border-box;padding:11px;border-radius:10px;font-weight:800} } /* ---------- Sticky CTA on casino and game reviews ---------- */ .m2-sticky{position:fixed;left:0;right:0;bottom:0;z-index:998;display:flex;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--m2-surface);border-top:1px solid var(--m2-line);box-shadow:0 -6px 20px rgba(15,27,45,.12);transform:translateY(110%);transition:transform .2s ease;visibility:hidden} .m2-sticky.on{transform:none;visibility:visible} .m2-sticky img{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:none} .m2-sticky-t{flex:1;min-width:0;font-weight:800;font-size:.95rem;line-height:1.25;color:var(--m2-text)} .m2-sticky-t small{display:block;font-weight:700;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--m2-muted)} .m2-sticky-bonus{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--m2-brand-dark);font-size:.9rem} .m2-sticky a.m2-sticky-b{flex:none;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:12px;background:var(--m2-brand);color:#fff!important;font-weight:800;text-decoration:none} .m2-sticky-on #scrolltop{bottom:84px!important} @media (min-width:992px){.m2-sticky{left:50%;right:auto;bottom:16px;width:min(640px,calc(100% - 32px));transform:translate(-50%,160%);border:1px solid var(--m2-line);border-radius:16px}.m2-sticky.on{transform:translate(-50%,0)}} @media (prefers-reduced-motion:reduce){.m2-sticky{transition:none}} /* intro box: chips sit flush with the text (the article list styling must not reach them) */ .space-page-content .m2-intro-chips{margin:4px 0 0;padding:0} .space-page-content .m2-intro-chips li{padding:5px 12px;margin:0} .space-page-content .m2-intro-chips li:before{display:none} .space-page-content .m2-intro p{margin:0 0 14px} /* title band lines up with the content below it on pages (same container width and gutter) */ @media (min-width:768px){ body.page:has(.space-content-section.box-100) .space-title-box-ins,body.page:has(.space-content-section.box-100) .space-title-box-category-wrap{max-width:1240px;padding-left:20px;padding-right:20px;box-sizing:border-box} body.page .space-title-box-h1{margin:0} } /* ---------- Intro box: text left, visual right on desktop ---------- */ .m2-intro-art{display:none} @media (min-width:900px){ .m2-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:center;position:relative;overflow:hidden} .m2-intro-art{display:block;position:relative} .m2-intro-cap{display:block;margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b9c8da} .m2-intro-logos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} .m2-intro-logo{position:relative;display:grid;place-items:center;height:76px;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.25)} .m2-intro-logo img{width:48px;height:48px;object-fit:contain;border-radius:8px} .m2-intro-logo b{position:absolute;right:6px;top:6px;padding:2px 7px;border-radius:999px;background:#fff3d6;color:#7a4b00;font-size:11px;font-weight:800} .m2-intro-art--mark{align-self:stretch;min-height:120px;background:rgba(255,255,255,.1);-webkit-mask:var(--m2-mark) center/130px no-repeat;mask:var(--m2-mark) center/130px no-repeat} } /* ---------- Header (style 2) on desktop (>=1200px, where the parent theme also shows its full menu): [logo] [menu .......] [country][search] in one bar ---------- */ .m2-nav-logo,.m2-nav-actions{display:none} @media (min-width:1200px){ .space-header-2-height{min-height:72px} .space-header-2-top{display:none} .space-header-2-nav{min-height:72px;align-items:center} .space-header-2-nav-ins{display:flex;align-items:center;gap:28px;max-width:1240px;padding:0 20px;box-sizing:border-box;width:100%} .m2-nav-logo{display:flex;align-items:center;flex:none;color:#fff;font-weight:800;text-decoration:none} .m2-nav-logo img{height:52px;width:auto;max-width:none;display:block} .space-header-2-nav-ins ul.main-menu{flex:1;min-width:0;display:flex;flex-wrap:nowrap;align-items:center} .space-header-2-nav ul.main-menu li{float:none} .m2-nav-actions{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto} .m2-nav-actions .space-header-search{position:static;cursor:pointer;color:#fff;font-size:1.1rem;padding:8px} } /* ---------- One button colour: every call-to-action uses --m2-brand (set in m2.css) ---------- */ .api-football-widget .api-football-bet-btn,.api-football-bet-btn{background:var(--m2-brand)!important;color:#fff!important} .api-football-widget .api-football-bet-btn:hover{background:var(--m2-brand-dark)!important} .wp-block-button__link.has-mercury-main-background-color{background-color:var(--m2-brand)!important;color:#fff!important} /* operator rows sit inside article content: keep the article list/heading styling out of them */ .space-page-content .m2-op ul{margin:0;padding:0;list-style:none} .space-page-content .m2-op li{margin:0} .space-page-content .m2-op li:before{display:none} .space-page-content .m2-chips li{padding:0 12px 0 8px;margin:0} .space-page-content .m2-chips li:not(:has(.m2-pm-logo,.m2-pm-ico)){padding:0 12px} .space-page-content .m2-op .m2-details h3{margin:14px 0 8px;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m2-muted)} .space-page-content .m2-op .m2-pc h3{margin:0 0 6px} .space-page-content .m2-op .m2-pros li,.space-page-content .m2-op .m2-cons li{position:relative;padding:3px 0 3px 20px;line-height:1.4} .space-page-content .m2-op .m2-pros li:before,.space-page-content .m2-op .m2-cons li:before{display:block;top:5px;left:0;font-size:12px} .space-page-content .m2-op .m2-pros li:before{color:var(--m2-brand)} .space-page-content .m2-op .m2-cons li:before{content:"\f068";font-weight:900;color:#d9534f} a.m2-intro-logo{text-decoration:none;transition:transform .12s,box-shadow .12s} a.m2-intro-logo:hover,a.m2-intro-logo:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.35)} a.m2-intro-logo:focus-visible{outline:3px solid var(--m2-accent);outline-offset:2px} /* home list column that also holds a button under the list (e.g. "More betting sites"): pin the button to the bottom, list scrolls above it */ @media (min-width:782px){ .wp-block-columns>.wp-block-column:has(>.m2-list)>:not(.m2-list){position:absolute;left:0;right:0;bottom:0;margin:0} .wp-block-column>.m2-list:not(:only-child){bottom:64px} } /* game review without cover art: no empty image column */ @media (min-width:768px){ .space-single-game .space-aces-content-meta-ins:not(:has(.space-page-content-featured-img)){grid-template-columns:minmax(0,1fr) 240px} .space-single-game .space-aces-content-meta-ins:not(:has(.space-page-content-featured-img))>*{grid-column:1} .space-single-game .space-aces-content-meta-ins:not(:has(.space-page-content-featured-img))>.space-game-content-button-wrap{grid-column:2} } .m2-empty{display:none!important} .space-header-2-top-logo img{height:40px;width:auto} /* longer menus (e.g. Nigeria, Ghana): tighten spacing before the menu can collide with the country selector */ @media (min-width:1200px) and (max-width:1279px){ .space-header-2-nav-ins{gap:16px} .space-header-2-nav ul.main-menu li a{padding-left:9px;padding-right:9px;font-size:.9rem} .m2-nav-logo img{height:46px} } @media (min-width:1280px){ .space-header-2-nav ul.main-menu li a{padding-left:12px;padding-right:12px} } .space-header-2-nav ul.main-menu{overflow:visible} .m2-country-name{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .space-header-2-nav ul.main-menu>li[hidden]{display:none!important} /* dropdowns near the right edge open leftwards (see m2.js) */ .space-header-2-nav ul.sub-menu ul.sub-menu.m2-flip{left:auto!important;right:100%!important} .space-header-2-nav ul.main-menu>li>ul.sub-menu.m2-edge{left:auto!important;right:0!important} /* inside "More" (far right) and inside any flipped dropdown, deeper levels keep opening leftwards so they never cover their parent */ .space-header-2-nav .m2-more-item ul.sub-menu ul.sub-menu,.space-header-2-nav ul.sub-menu.m2-flip ul.sub-menu{left:auto!important;right:100%!important} /* dropdowns: hide instantly, fade in only. The theme fades them out over 0.3s, so sweeping the mouse down a list left the previous flyout (e.g. "Casino Games") visible underneath the next one ("Slot games"). */ .space-header-2-nav ul.main-menu li ul.sub-menu,.space-header-2-nav ul.main-menu li ul.sub-menu li.menu-item-has-children ul{transition:none!important} .space-header-2-nav ul.main-menu li:hover>ul.sub-menu,.space-header-2-nav ul.main-menu li ul.sub-menu li.menu-item-has-children:hover>ul{transition:opacity .12s ease!important} /* The theme shows "every