.entry-content-area{max-width:100%;width:100%}.entry-content-area>*{max-width:46rem}.entry-category{font-size:.75rem;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:var(--space-2)}.entry-title{color:var(--text);font-family:"Encode Sans Condensed",sans-serif;font-size:2.25rem;line-height:1.15;margin-bottom:var(--space-4)}.entry-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.875rem;color:var(--muted);margin-bottom:var(--space-4)}.meta-author{font-weight:700;color:var(--text)}.meta-secondary{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.meta-secondary>*:not(:last-child)::after{content:"•";margin-left:.6rem;opacity:.4}.meta-comments{display:inline-flex;align-items:center;gap:.25rem;color:var(--accent);text-decoration:none;font-weight:500}.meta-comments:hover{opacity:.8}.meta-icon{width:14px;height:14px;stroke:currentColor;fill:none;transform:translateY(1px)}@media (max-width:640px){.entry-meta{flex-direction:column;align-items:flex-start;gap:.2rem}.meta-secondary{gap:.5rem}}.entry-image{margin-bottom:var(--space-5)}.entry-image a{display:block;border-radius:.75rem;overflow:hidden}.entry-image img{width:100%;display:block;border-radius:.75rem}.entry-content{font-size:1.125rem;line-height:1.8;margin-bottom:var(--space-5)}.entry-content p{margin-bottom:var(--space-4)}.entry-reactions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-6)}.reaction{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:999px;background:var(--surface-soft);border:1px solid #fff0;font-size:.85rem;font-weight:600;color:var(--text);cursor:pointer;transition:.2s}.reaction .icon{width:1.5rem;height:1.5rem;stroke:currentColor}.reaction.like:hover,.reaction.active.like{background:color-mix(in srgb,#22c55e 15%,transparent);color:#22c55e;border-color:color-mix(in srgb,#22c55e 30%,transparent)}.reaction.dislike:hover,.reaction.active.dislike{background:color-mix(in srgb,#ef4444 15%,transparent);color:#ef4444;border-color:color-mix(in srgb,#ef4444 30%,transparent)}.entry-divider{height:1px;background:var(--border);margin:var(--space-6) 0}.entry-meta-block{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:1rem;background:rgb(0 0 0 / .04)}.entry-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:.0625rem solid var(--border)}.tags-label,.share-label,.sources-label{font-size:.85rem;color:var(--muted)}.entry-tags a{padding:.35rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:.75rem;font-weight:500;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);transition:.2s}.entry-tags a:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}.entry-sources{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:.0625rem solid var(--border);flex-wrap:wrap}.sources-inline{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0;padding:0;list-style:none}.sources-inline li{list-style:none;margin:0;padding:0}.sources-inline li::marker{content:none}.sources-inline li:not(:last-child)::after{content:"";display:inline-block;width:3px;height:3px;background:var(--muted);border-radius:50%;margin-left:14px;transform:translateY(-2px)}.sources-inline a{font-size:.85rem;color:var(--accent);text-decoration:none;transition:.2s}.sources-inline a::after{content:"↗";font-size:.65rem;margin-left:4px;opacity:.5}.sources-inline a:hover{color:var(--muted)}.entry-share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.share-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgb(0 0 0 / .06);border:none;cursor:pointer;transition:.2s}.share-btn .icon{width:16px;height:16px;stroke:currentColor;fill:none}.share-btn:hover{background:var(--accent);color:#fff}.share-btn.copied{background:#22c55e;color:#fff}.entry-disclaimer{gap:var(--space-4);margin:var(--space-5) 0 var(--space-7)}.disclaimer-inline{display:flex;align-items:flex-start;gap:.6rem}.disclaimer-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;margin-top:2px;flex-shrink:0;color:var(--accent)}.disclaimer-text{font-size:.85rem;color:var(--muted);line-height:1.5}.entry-author{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-5) 0 var(--space-7);padding:var(--space-5);border-radius:1rem;background:rgb(0 0 0 / .05);transition:.2s;position:relative}.author-avatar{width:3rem;height:3rem;min-width:3rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / .05)}.author-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.author-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.author-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.author-name{font-weight:700;font-size:.95rem;text-decoration:none;color:inherit}.author-position{font-size:.75rem;color:var(--muted);background:rgb(0 0 0 / .06);padding:.15rem .5rem;border-radius:.5rem;font-weight:500}.author-bio{font-size:.85rem;color:var(--muted)}.author-email{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:rgb(0 0 0 / .08);color:var(--accent);text-decoration:none;transition:.2s;margin-left:auto;flex-shrink:0}.author-email .icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.author-email:hover{background:var(--accent);color:#fff}.related-posts{margin-top:var(--space-8)}.entry-caption{font-size:.8rem;color:var(--muted);line-height:1.4;margin-top:.4rem;text-align:right;max-width:60%;margin-left:auto}.lightbox-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .9);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out}.lightbox-inner img{max-width:90vw;max-height:90vh}.related-popular{background:rgb(0 0 0 / .03);margin-top:var(--space-5);padding:var(--space-2) var(--space-3);border-radius:.6rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.related-title{font-size:1.5rem!important;font-weight:700;margin:var(--space-2) 0!important}.related-list{display:flex;flex-direction:column}.related-item{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.related-item:last-child{border-bottom:none}.related-link{font-weight:600;font-size:1.05rem;color:var(--text)!important;text-decoration:none!important;display:block;margin-bottom:var(--space-2);transition:.2s}.related-link:hover{color:var(--accent)!important}.related-meta{font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:var(--space-2)}.related-author{color:var(--accent);font-weight:500}[data-theme="dark"] .entry-meta,[data-theme="dark"] .entry-category,[data-theme="dark"] .author-bio,[data-theme="dark"] .tags-label,[data-theme="dark"] .share-label{color:rgb(255 255 255 / .55)}[data-theme="dark"] .entry-content{color:rgb(255 255 255 / .92)}[data-theme="dark"] .entry-author{background:rgb(255 255 255 / .06)}[data-theme="dark"] .entry-meta-block{background:rgb(255 255 255 / .06)}.wp-block-gallery{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.wp-block-gallery .wp-block-image{flex:1 1 calc(33.333% - 12px)}.wp-block-gallery img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}.custom-lightbox{position:fixed;inset:0;background:rgb(0 0 0 / .95);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out}.lightbox-inner{max-width:90%;max-height:90%}.lightbox-inner img{width:100%;height:auto;border-radius:12px}.lb-prev,.lb-next{position:absolute;top:50%;transform:translateY(-50%);font-size:40px;background:none;border:none;color:#fff;cursor:pointer;padding:20px}.lb-prev{left:10px}.lb-next{right:10px}.entry-image img,.entry-content .wp-block-image img,.entry-content .wp-block-gallery img{cursor:zoom-in}@media (max-width:768px){.wp-block-gallery .wp-block-image{flex:1 1 calc(50% - 12px)}}@media (max-width:480px){.wp-block-gallery .wp-block-image{flex:1 1 100%}}.related-posts{margin-bottom:var(--space-6);padding-bottom:var(--space-7);border-bottom:1px solid #eee}.comments-container{scroll-margin-top:70px}.wp-block-gallery,.wp-block-gallery.is-layout-flex{display:grid!important;grid-template-columns:repeat(3,1fr);gap:12px;align-content:start!important}@media (max-width:768px){.wp-block-gallery,.wp-block-gallery.is-layout-flex{grid-template-columns:repeat(2,1fr);gap:10px}.wp-block-gallery .wp-block-image:last-child:nth-child(odd){grid-column:span 2;aspect-ratio:auto!important}}.wp-block-gallery .wp-block-image{margin:0!important;aspect-ratio:4/3;overflow:hidden;border-radius:12px}.wp-block-gallery picture,.wp-block-gallery img{width:100%;height:100%;display:block}.wp-block-gallery img{object-fit:cover}.wp-block-gallery figure{margin:0!important}.discount-block{margin:var(--space-5) 0}.discount-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:14px;background:var(--bg);transition:.25s ease}.discount-inner:hover{border-color:var(--accent);box-shadow:0 8px 24px rgb(0 0 0 / .06)}.discount-left{display:flex;flex-direction:column;gap:6px}.discount-badge{font-size:.7rem;font-weight:600;display:inline-block;width:max-content;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.discount-content{display:flex;flex-direction:column;gap:2px}.discount-title{font-size:1.25rem;font-weight:700;line-height:1.3}.discount-desc{font-size:.9rem;color:var(--muted)}.discount-right{flex-shrink:0}.discount-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;font-size:.8rem;font-weight:600;border-radius:999px;background:var(--accent);color:#fff!important;border:none;text-decoration:none!important;transition:.2s ease}[data-theme="dark"] .discount-inner{background:rgb(255 255 255 / .02);border-color:var(--border)}[data-theme="dark"] .discount-inner:hover{box-shadow:0 10px 30px rgb(0 0 0 / .5)}@media (max-width:640px){.discount-inner{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.discount-right{width:100%}.discount-btn{width:100%;justify-content:center}}.article-ad-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.article-ad{min-height:250px;text-align:center}.author-archive-box{margin:0}.author-archive-box .author-avatar{width:3.5rem;height:3.5rem}.author-archive-box .author-name{font-size:1rem}/* ========================================================= Ballaxy Stage 121 -- working match tabs layout ========================================================= */ .ballaxy-match-tabs-wrap { position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0 0 36px !important; height: auto !important; z-index: 100 !important; } .ballaxy-match-tabs-wrap.is-stuck { height: var(--ballaxy-tabs-height, 56px) !important; } .ballaxy-match-tabs { position: relative !important; display: flex !important; align-items: center !important; gap: 34px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 0 0 !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none !important; background: #202020 !important; border-bottom: 1px solid rgba(255,255,255,.14) !important; box-shadow: none !important; z-index: 1000 !important; box-sizing: border-box !important; } .ballaxy-match-tabs::-webkit-scrollbar { display: none !important; } .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs { position: fixed !important; top: calc(var(--admin-bar, 0px) + var(--header-offset, 64px)) !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: none !important; padding-left: max(40px, calc((100vw - 1180px) / 2)) !important; padding-right: max(40px, calc((100vw - 1180px) / 2)) !important; background: #202020 !important; box-shadow: 0 12px 24px rgba(0,0,0,.22) !important; z-index: 1500 !important; } .ballaxy-match-tabs a { position: relative !important; display: inline-flex !important; align-items: center !important; gap: 7px !important; min-height: 58px !important; padding: 0 !important; color: rgba(255,255,255,.68) !important; font-weight: 800 !important; white-space: nowrap !important; opacity: 1 !important; text-decoration: none !important; } .ballaxy-match-tabs a::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 3px !important; background: transparent !important; transform: none !important; opacity: 1 !important; } .ballaxy-match-tabs a:hover, .ballaxy-match-tabs a.is-active { color: #fff !important; } .ballaxy-match-tabs a.is-active::after { background: #ffd000 !important; } .ballaxy-match-tabs-count { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 20px !important; height: 20px !important; padding: 0 6px !important; border-radius: 999px !important; background: rgba(255,255,255,.14) !important; color: rgba(255,255,255,.86) !important; font-size: .72rem !important; font-weight: 900 !important; line-height: 1 !important; } .ballaxy-match-tabs a.is-active .ballaxy-match-tabs-count { background: #ffd000 !important; color: #111 !important; } #key-events, #stats, #lineups, #comments, #standings, #related-posts { scroll-margin-top: calc(var(--admin-bar, 0px) + var(--header-offset, 64px) + 78px) !important; } @media (max-width: 768px) { .ballaxy-match-tabs { gap: 26px !important; } .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs { padding-left: 16px !important; padding-right: 16px !important; } .ballaxy-match-tabs a { min-height: 50px !important; font-size: .92rem !important; } .ballaxy-match-tabs-count { min-width: 18px !important; height: 18px !important; padding: 0 5px !important; font-size: .66rem !important; } }
/* Ballaxy Stage 122 -- sticky tabs JS load fix support */
.ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs{position:fixed!important;top:calc(var(--admin-bar,0px) + var(--header-offset,64px))!important;left:0!important;right:0!important;width:100vw!important;z-index:99999!important}
.ballaxy-match-tabs a.is-active{color:#fff!important}
.ballaxy-match-tabs a.is-active::after{background:#ffd000!important}/* ========================================================= Ballaxy Stage 123 -- correct active tab highlight width ========================================================= */ /* Earlier CSS forced the first tab to always look active. Override it. */ .ballaxy-match-tabs a:first-child:not(.is-active) { color: rgba(255,255,255,.68) !important; } .ballaxy-match-tabs a:first-child:not(.is-active)::after { background: transparent !important; } /* Make the active underline belong to the whole tab, not just a tiny text area. */ .ballaxy-match-tabs a { padding-left: 16px !important; padding-right: 16px !important; outline: none !important; } .ballaxy-match-tabs a::after { left: 0 !important; right: 0 !important; bottom: 0 !important; height: 3px !important; } .ballaxy-match-tabs a.is-active::after { background: #ffd000 !important; } .ballaxy-match-tabs a:focus { outline: none !important; box-shadow: none !important; } .ballaxy-match-tabs a:focus-visible { outline: none !important; box-shadow: inset 0 -3px 0 #ffd000 !important; } @media (max-width: 768px) { .ballaxy-match-tabs a { padding-left: 12px !important; padding-right: 12px !important; } }/* ========================================================= Ballaxy Stage 124 -- remove mobile sticky tabs gap under header ========================================================= */ /* * On mobile, the browser/WP admin state can make --admin-bar + --header-offset * too large for the fixed match tabs. Anchor the sticky tabs to the visible * mobile header height instead, so they sit directly below the yellow header line. */ @media (max-width: 768px) { .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, .ballaxy-match-tabs.is-fixed { top: var(--header-offset, 64px) !important; } body.admin-bar .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, .admin-bar .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, body.admin-bar .ballaxy-match-tabs.is-fixed, .admin-bar .ballaxy-match-tabs.is-fixed { top: var(--header-offset, 64px) !important; } } @media (max-width: 480px) { .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, .ballaxy-match-tabs.is-fixed, body.admin-bar .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, .admin-bar .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, body.admin-bar .ballaxy-match-tabs.is-fixed, .admin-bar .ballaxy-match-tabs.is-fixed { top: 70px !important; } }/* ========================================================= Ballaxy Stage 125 -- make mobile sticky tabs flush to header ========================================================= */ /* * Stage 124 still left a small visual gap on narrow mobile screens. * Pull the sticky tabs slightly upward so the tab bar touches the yellow * header separator. */ @media (max-width: 768px) { .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, .ballaxy-match-tabs.is-fixed, body.admin-bar .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, .admin-bar .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, body.admin-bar .ballaxy-match-tabs.is-fixed, .admin-bar .ballaxy-match-tabs.is-fixed { top: calc(var(--header-offset, 64px) - 8px) !important; } } @media (max-width: 480px) { .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, .ballaxy-match-tabs.is-fixed, body.admin-bar .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, .admin-bar .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, body.admin-bar .ballaxy-match-tabs.is-fixed, .admin-bar .ballaxy-match-tabs.is-fixed { top: 62px !important; } } @media (max-width: 390px) { .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, .ballaxy-match-tabs.is-fixed, body.admin-bar .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, .admin-bar .ballaxy-match-tabs-wrap.is-stuck .ballaxy-match-tabs, body.admin-bar .ballaxy-match-tabs.is-fixed, .admin-bar .ballaxy-match-tabs.is-fixed { top: 60px !important; } }/* ========================================================= Ballaxy Stage 126 -- scheduled match recent results ========================================================= */ .ballaxy-recent-results-panel { margin-top: 20px !important; } .ballaxy-recent-results-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } .ballaxy-recent-results-card { background: #202020 !important; border: 0 !important; border-radius: 8px !important; overflow: hidden !important; } .ballaxy-recent-results-card h3 { display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 !important; padding: 18px 18px 16px !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1rem !important; font-weight: 950 !important; text-transform: uppercase !important; } .ballaxy-recent-results-card h3 img { width: 34px !important; height: 34px !important; object-fit: contain !important; flex-shrink: 0 !important; } .ballaxy-recent-results-list { list-style: none !important; margin: 0 !important; padding: 0 !important; } .ballaxy-recent-results-list li { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; background: #202020 !important; } .ballaxy-recent-results-list li:nth-child(even) { background: #1b1b1b !important; } .ballaxy-recent-results-list a, .ballaxy-recent-results-list li > span, .ballaxy-recent-results-list li > small { color: inherit !important; } .ballaxy-recent-results-list a, .ballaxy-recent-results-list li { text-decoration: none !important; } .ballaxy-recent-results-list a, .ballaxy-recent-results-list li:not(:has(a)) { display: grid !important; grid-template-columns: 52px 28px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; padding: 14px 16px !important; } .ballaxy-result-date { color: rgba(255,255,255,.65) !important; font-size: .78rem !important; font-weight: 800 !important; white-space: nowrap !important; } .ballaxy-result-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 26px !important; height: 26px !important; border-radius: 999px !important; font-size: .78rem !important; font-weight: 950 !important; color: #111 !important; background: rgba(255,255,255,.8) !important; } .ballaxy-result-badge.is-w { background: #22c55e !important; color: #07130b !important; } .ballaxy-result-badge.is-d { background: #ffd000 !important; color: #111 !important; } .ballaxy-result-badge.is-l { background: #ef4444 !important; color: #fff !important; } .ballaxy-result-teams { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) auto minmax(0, 1fr) 22px !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; } .ballaxy-result-teams img { width: 22px !important; height: 22px !important; object-fit: contain !important; } .ballaxy-result-teams strong { min-width: 0 !important; color: #fff !important; font-size: .86rem !important; font-weight: 900 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .ballaxy-result-teams em { color: #fff !important; font-style: normal !important; font-weight: 950 !important; white-space: nowrap !important; } .ballaxy-recent-results-list small { grid-column: 3 / -1 !important; color: rgba(255,255,255,.56) !important; font-size: .72rem !important; font-weight: 700 !important; margin-top: -4px !important; } @media (max-width: 900px) { .ballaxy-recent-results-grid { grid-template-columns: 1fr !important; gap: 14px !important; } } @media (max-width: 640px) { .ballaxy-recent-results-list a, .ballaxy-recent-results-list li:not(:has(a)) { grid-template-columns: 44px 26px minmax(0, 1fr) !important; gap: 9px !important; padding: 13px 12px !important; } .ballaxy-result-teams { grid-template-columns: 20px minmax(0, 1fr) auto minmax(0, 1fr) 20px !important; gap: 6px !important; } .ballaxy-result-teams img { width: 20px !important; height: 20px !important; } .ballaxy-result-teams strong { font-size: .78rem !important; } }/* ========================================================= Ballaxy Stage 127 -- scheduled result cards styled like substitutes ========================================================= */ .ballaxy-recent-results-panel { margin-top: 20px !important; padding: 28px !important; background: #202020 !important; border: 0 !important; border-radius: 8px !important; } .ballaxy-recent-results-panel .ballaxy-clean-panel-head { display: none !important; } .ballaxy-recent-results-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } .ballaxy-recent-results-card { background: transparent !important; border: 0 !important; border-radius: 0 !important; overflow: hidden !important; } .ballaxy-recent-results-card h3 { display: flex !important; align-items: center !important; gap: 14px !important; margin: 0 !important; padding: 0 0 24px !important; border-bottom: 1px solid rgba(255,255,255,.12) !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1.65rem !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: -.05em !important; text-transform: uppercase !important; } .ballaxy-recent-results-card h3 img { width: 48px !important; height: 48px !important; object-fit: contain !important; flex-shrink: 0 !important; } .ballaxy-recent-results-list { list-style: none !important; margin: 0 !important; padding: 0 !important; } .ballaxy-recent-results-list li { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; background: transparent !important; } .ballaxy-recent-results-list li:nth-child(even) { background: rgba(0,0,0,.18) !important; } .ballaxy-recent-result-row { display: grid !important; grid-template-columns: 54px 30px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; min-height: 64px !important; padding: 11px 18px !important; color: #fff !important; text-decoration: none !important; } .ballaxy-recent-result-row:hover { background: rgba(255,255,255,.035) !important; color: #fff !important; } .ballaxy-result-date { color: rgba(255,255,255,.72) !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1rem !important; font-weight: 950 !important; white-space: nowrap !important; } .ballaxy-result-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; border-radius: 999px !important; font-size: .8rem !important; font-weight: 950 !important; color: #111 !important; background: rgba(255,255,255,.85) !important; } .ballaxy-result-badge.is-w { background: #22c55e !important; color: #07130b !important; } .ballaxy-result-badge.is-d { background: #ffd000 !important; color: #111 !important; } .ballaxy-result-badge.is-l { background: #ef4444 !important; color: #fff !important; } .ballaxy-result-match { display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; } .ballaxy-result-team { display: inline-flex !important; align-items: center !important; gap: 7px !important; min-width: 0 !important; } .ballaxy-result-team.is-away { justify-content: flex-end !important; } .ballaxy-result-team img { width: 22px !important; height: 22px !important; object-fit: contain !important; flex-shrink: 0 !important; } .ballaxy-result-team strong { min-width: 0 !important; color: #fff !important; font-size: .92rem !important; font-weight: 950 !important; line-height: 1.1 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .ballaxy-result-match em { color: #fff !important; font-style: normal !important; font-size: 1rem !important; font-weight: 950 !important; white-space: nowrap !important; } .ballaxy-recent-result-row small { grid-column: 3 / -1 !important; color: rgba(255,255,255,.54) !important; font-size: .74rem !important; font-weight: 800 !important; line-height: 1.1 !important; margin-top: -7px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } @media (max-width: 900px) { .ballaxy-recent-results-grid { grid-template-columns: 1fr !important; gap: 28px !important; } } @media (max-width: 640px) { .ballaxy-recent-results-panel { padding: 20px 16px !important; } .ballaxy-recent-results-card h3 { gap: 10px !important; padding-bottom: 18px !important; font-size: 1.35rem !important; } .ballaxy-recent-results-card h3 img { width: 40px !important; height: 40px !important; } .ballaxy-recent-result-row { grid-template-columns: 44px 26px minmax(0, 1fr) !important; gap: 8px !important; min-height: 58px !important; padding: 10px 10px !important; } .ballaxy-result-date { font-size: .88rem !important; } .ballaxy-result-badge { width: 24px !important; height: 24px !important; font-size: .72rem !important; } .ballaxy-result-match { gap: 6px !important; } .ballaxy-result-team img { width: 18px !important; height: 18px !important; } .ballaxy-result-team strong { font-size: .78rem !important; } .ballaxy-result-match em { font-size: .86rem !important; } }/* ========================================================= Ballaxy Stage 128 -- scheduled results compact table style ========================================================= */ .ballaxy-recent-results-panel { background: #303030 !important; border: 0 !important; border-radius: 8px !important; padding: 28px !important; } .ballaxy-recent-results-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } .ballaxy-recent-results-card { background: #303030 !important; border: 0 !important; border-radius: 0 !important; overflow: visible !important; } .ballaxy-recent-results-card h3 { display: flex !important; align-items: center !important; gap: 14px !important; margin: 0 !important; padding: 0 0 18px !important; border-bottom: 1px solid rgba(0,0,0,.42) !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1.65rem !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: -.05em !important; text-transform: uppercase !important; } .ballaxy-recent-results-card h3 img { width: 48px !important; height: 48px !important; object-fit: contain !important; flex-shrink: 0 !important; } .ballaxy-recent-results-list { list-style: none !important; margin: 0 !important; padding: 0 !important; } .ballaxy-recent-results-list li { margin: 0 !important; padding: 0 !important; background: #303030 !important; border-bottom: 1px solid rgba(0,0,0,.42) !important; } .ballaxy-recent-results-list li:nth-child(even) { background: #2b2b2b !important; } .ballaxy-recent-result-row { display: grid !important; grid-template-columns: 84px minmax(0, 1fr) 58px minmax(0, 1fr) 34px !important; align-items: center !important; gap: 10px !important; min-height: 44px !important; padding: 8px 0 !important; color: #fff !important; text-decoration: none !important; } .ballaxy-recent-result-row:hover { color: #fff !important; background: rgba(255,255,255,.03) !important; } .ballaxy-result-date { color: rgba(255,255,255,.82) !important; font-size: .95rem !important; font-weight: 500 !important; white-space: nowrap !important; } .ballaxy-result-team-name { min-width: 0 !important; color: rgba(255,255,255,.88) !important; font-size: .95rem !important; font-weight: 500 !important; line-height: 1.1 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .ballaxy-result-team-name.is-home { text-align: left !important; } .ballaxy-result-team-name.is-away { text-align: left !important; } .ballaxy-result-score { color: #fff !important; font-size: 1rem !important; font-weight: 800 !important; text-align: center !important; white-space: nowrap !important; } .ballaxy-result-badge { justify-self: end !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 28px !important; height: 28px !important; padding: 0 8px !important; border-radius: 4px !important; color: #fff !important; background: #777 !important; font-size: .82rem !important; font-weight: 800 !important; line-height: 1 !important; } .ballaxy-result-badge.is-w { background: #2ca72c !important; } .ballaxy-result-badge.is-d { background: #d4a900 !important; color: #111 !important; } .ballaxy-result-badge.is-l { background: #c73535 !important; } .ballaxy-result-match, .ballaxy-result-team, .ballaxy-result-team img, .ballaxy-recent-result-row small { display: none !important; } @media (max-width: 900px) { .ballaxy-recent-results-grid { grid-template-columns: 1fr !important; gap: 28px !important; } } @media (max-width: 640px) { .ballaxy-recent-results-panel { padding: 20px 16px !important; } .ballaxy-recent-results-card h3 { gap: 10px !important; padding-bottom: 16px !important; font-size: 1.35rem !important; } .ballaxy-recent-results-card h3 img { width: 40px !important; height: 40px !important; } .ballaxy-recent-result-row { grid-template-columns: 72px minmax(0, 1fr) 48px minmax(0, 1fr) 32px !important; gap: 7px !important; min-height: 42px !important; } .ballaxy-result-date, .ballaxy-result-team-name { font-size: .84rem !important; } .ballaxy-result-score { font-size: .9rem !important; } .ballaxy-result-badge { min-width: 26px !important; height: 26px !important; padding: 0 7px !important; font-size: .75rem !important; } }/* ========================================================= Ballaxy Stage 129 -- scheduled results single-row layout ========================================================= */ /* Card background should match the page cards and not create separate row cards. */ .ballaxy-recent-results-panel { background: #303030 !important; border: 0 !important; border-radius: 8px !important; padding: 28px !important; } .ballaxy-recent-results-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } .ballaxy-recent-results-card { background: transparent !important; border: 0 !important; border-radius: 0 !important; overflow: hidden !important; min-width: 0 !important; } .ballaxy-recent-results-card h3 { display: flex !important; align-items: center !important; gap: 14px !important; margin: 0 !important; padding: 0 0 18px !important; border-bottom: 1px solid rgba(0,0,0,.44) !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1.65rem !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: -.05em !important; text-transform: uppercase !important; } .ballaxy-recent-results-card h3 img { width: 48px !important; height: 48px !important; object-fit: contain !important; flex-shrink: 0 !important; } .ballaxy-recent-results-list { display: block !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } .ballaxy-recent-results-list li { display: block !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border-bottom: 1px solid rgba(0,0,0,.44) !important; } .ballaxy-recent-results-list li:nth-child(even) { background: rgba(0,0,0,.14) !important; } /* Force every result into one horizontal line. */ .ballaxy-recent-result-row { display: grid !important; grid-template-columns: 82px minmax(0, 1fr) 58px minmax(0, 1fr) 30px !important; align-items: center !important; gap: 10px !important; min-height: 42px !important; padding: 7px 0 !important; color: #fff !important; text-decoration: none !important; width: 100% !important; box-sizing: border-box !important; } .ballaxy-recent-result-row:hover { color: #fff !important; background: rgba(255,255,255,.025) !important; } .ballaxy-result-date, .ballaxy-result-team-name, .ballaxy-result-score, .ballaxy-standing-form, .ballaxy-result-badge { grid-row: 1 !important; min-width: 0 !important; margin: 0 !important; line-height: 1 !important; } .ballaxy-result-date { grid-column: 1 !important; color: rgba(255,255,255,.82) !important; font-size: .94rem !important; font-weight: 500 !important; white-space: nowrap !important; } .ballaxy-result-team-name { color: rgba(255,255,255,.9) !important; font-size: .94rem !important; font-weight: 600 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .ballaxy-result-team-name.is-home { grid-column: 2 !important; text-align: left !important; } .ballaxy-result-score { grid-column: 3 !important; color: #fff !important; font-size: 1rem !important; font-weight: 850 !important; text-align: center !important; white-space: nowrap !important; } .ballaxy-result-team-name.is-away { grid-column: 4 !important; text-align: left !important; } .ballaxy-standing-form, .ballaxy-result-badge { grid-column: 5 !important; justify-self: end !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 26px !important; height: 26px !important; min-width: 26px !important; padding: 0 !important; border-radius: 4px !important; color: #fff !important; font-size: .76rem !important; font-weight: 850 !important; text-transform: uppercase !important; } .ballaxy-standing-form.is-w, .ballaxy-result-badge.is-w { background: #2ca72c !important; color: #fff !important; } .ballaxy-standing-form.is-d, .ballaxy-result-badge.is-d { background: #d4a900 !important; color: #111 !important; } .ballaxy-standing-form.is-l, .ballaxy-result-badge.is-l { background: #c73535 !important; color: #fff !important; } /* Remove previous layout leftovers completely. */ .ballaxy-result-match, .ballaxy-result-team, .ballaxy-result-team img, .ballaxy-recent-result-row small, .ballaxy-result-teams { display: none !important; } @media (max-width: 900px) { .ballaxy-recent-results-grid { grid-template-columns: 1fr !important; gap: 28px !important; } } @media (max-width: 640px) { .ballaxy-recent-results-panel { padding: 20px 16px !important; } .ballaxy-recent-results-card h3 { gap: 10px !important; padding-bottom: 16px !important; font-size: 1.35rem !important; } .ballaxy-recent-results-card h3 img { width: 40px !important; height: 40px !important; } .ballaxy-recent-result-row { grid-template-columns: 70px minmax(0, 1fr) 46px minmax(0, 1fr) 28px !important; gap: 7px !important; min-height: 40px !important; padding: 7px 0 !important; } .ballaxy-result-date, .ballaxy-result-team-name { font-size: .82rem !important; } .ballaxy-result-score { font-size: .88rem !important; } .ballaxy-standing-form, .ballaxy-result-badge { width: 24px !important; height: 24px !important; min-width: 24px !important; font-size: .7rem !important; } }/* ========================================================= Ballaxy Stage 130 -- last 5 results polish: names, borders, round form ========================================================= */ .ballaxy-recent-results-panel { background: #303030 !important; border: 0 !important; border-radius: 8px !important; padding: 28px !important; } .ballaxy-recent-results-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } .ballaxy-recent-results-card { background: transparent !important; border: 0 !important; border-radius: 0 !important; overflow: hidden !important; min-width: 0 !important; } .ballaxy-recent-results-card h3 { display: flex !important; align-items: center !important; gap: 14px !important; margin: 0 !important; padding: 0 0 18px !important; border-bottom: 1px solid rgba(255,255,255,.12) !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1.65rem !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: -.05em !important; text-transform: uppercase !important; } .ballaxy-recent-results-card h3 img { width: 48px !important; height: 48px !important; object-fit: contain !important; flex-shrink: 0 !important; } .ballaxy-recent-results-list { display: block !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } .ballaxy-recent-results-list li { display: block !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; } .ballaxy-recent-results-list li:nth-child(even) { background: rgba(0,0,0,.16) !important; } /* More space for team names and one clean row. */ .ballaxy-recent-result-row { display: grid !important; grid-template-columns: 78px minmax(92px, 1fr) 56px minmax(92px, 1fr) 28px !important; align-items: center !important; gap: 10px !important; min-height: 44px !important; padding: 8px 14px !important; color: #fff !important; text-decoration: none !important; width: 100% !important; box-sizing: border-box !important; } .ballaxy-recent-result-row:hover { color: #fff !important; background: rgba(255,255,255,.035) !important; } .ballaxy-result-date, .ballaxy-result-team-name, .ballaxy-result-score, .ballaxy-standing-form, .ballaxy-result-badge { grid-row: 1 !important; min-width: 0 !important; margin: 0 !important; line-height: 1 !important; } .ballaxy-result-date { grid-column: 1 !important; color: rgba(255,255,255,.76) !important; font-size: .9rem !important; font-weight: 700 !important; white-space: nowrap !important; } .ballaxy-result-team-name { color: rgba(255,255,255,.94) !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1rem !important; font-weight: 850 !important; overflow: hidden !important; text-overflow: clip !important; white-space: nowrap !important; } .ballaxy-result-team-name.is-home { grid-column: 2 !important; text-align: left !important; } .ballaxy-result-score { grid-column: 3 !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1.08rem !important; font-weight: 950 !important; text-align: center !important; white-space: nowrap !important; } .ballaxy-result-team-name.is-away { grid-column: 4 !important; text-align: left !important; } .ballaxy-standing-form, .ballaxy-result-badge { grid-column: 5 !important; justify-self: end !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; min-width: 24px !important; padding: 0 !important; border-radius: 999px !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: .78rem !important; font-weight: 950 !important; line-height: 1 !important; text-transform: uppercase !important; } .ballaxy-standing-form.is-w, .ballaxy-result-badge.is-w { background: #22c55e !important; color: #07130b !important; } .ballaxy-standing-form.is-d, .ballaxy-result-badge.is-d { background: #ffd000 !important; color: #111 !important; } .ballaxy-standing-form.is-l, .ballaxy-result-badge.is-l { background: #ef4444 !important; color: #fff !important; } /* Remove older result layouts. */ .ballaxy-result-match, .ballaxy-result-team, .ballaxy-result-team img, .ballaxy-recent-result-row small, .ballaxy-result-teams { display: none !important; } @media (max-width: 1100px) and (min-width: 901px) { .ballaxy-recent-result-row { grid-template-columns: 70px minmax(70px, 1fr) 48px minmax(70px, 1fr) 26px !important; gap: 7px !important; padding-left: 10px !important; padding-right: 10px !important; } .ballaxy-result-date { font-size: .82rem !important; } .ballaxy-result-team-name { font-size: .92rem !important; } } @media (max-width: 900px) { .ballaxy-recent-results-grid { grid-template-columns: 1fr !important; gap: 28px !important; } .ballaxy-recent-result-row { grid-template-columns: 84px minmax(100px, 1fr) 56px minmax(100px, 1fr) 28px !important; } } @media (max-width: 640px) { .ballaxy-recent-results-panel { padding: 20px 16px !important; } .ballaxy-recent-results-card h3 { gap: 10px !important; padding-bottom: 16px !important; font-size: 1.35rem !important; } .ballaxy-recent-results-card h3 img { width: 40px !important; height: 40px !important; } .ballaxy-recent-result-row { grid-template-columns: 66px minmax(48px, 1fr) 44px minmax(48px, 1fr) 24px !important; gap: 6px !important; min-height: 40px !important; padding: 7px 8px !important; } .ballaxy-result-date { font-size: .76rem !important; } .ballaxy-result-team-name { font-size: .82rem !important; text-overflow: ellipsis !important; } .ballaxy-result-score { font-size: .86rem !important; } .ballaxy-standing-form, .ballaxy-result-badge { width: 22px !important; height: 22px !important; min-width: 22px !important; font-size: .68rem !important; } }/* ========================================================= Ballaxy Stage 131 -- readable recent result names ========================================================= */ .ballaxy-recent-results-panel { background: #303030 !important; border: 0 !important; border-radius: 8px !important; padding: 28px !important; } .ballaxy-recent-results-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } .ballaxy-recent-results-card { background: transparent !important; min-width: 0 !important; } .ballaxy-recent-results-card h3 { border-bottom: 1px solid rgba(255,255,255,.12) !important; } .ballaxy-recent-result-row { grid-template-columns: 82px minmax(0, 1.25fr) 54px minmax(0, 1.25fr) 26px !important; gap: 10px !important; min-height: 44px !important; padding: 8px 14px !important; } .ballaxy-result-date { color: rgba(255,255,255,.72) !important; font-family: "Oxygen", system-ui, -apple-system, sans-serif !important; font-size: .86rem !important; font-weight: 500 !important; letter-spacing: 0 !important; } .ballaxy-result-team-name { color: rgba(255,255,255,.9) !important; font-family: "Oxygen", system-ui, -apple-system, sans-serif !important; font-size: .88rem !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .ballaxy-result-score { font-family: "Oxygen", system-ui, -apple-system, sans-serif !important; font-size: .95rem !important; font-weight: 700 !important; letter-spacing: 0 !important; } .ballaxy-standing-form, .ballaxy-result-badge { width: 24px !important; height: 24px !important; min-width: 24px !important; border-radius: 999px !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: .72rem !important; font-weight: 900 !important; } .ballaxy-standing-form.is-w, .ballaxy-result-badge.is-w { background: #22c55e !important; color: #fff !important; } .ballaxy-standing-form.is-d, .ballaxy-result-badge.is-d { background: #ffd000 !important; color: #fff !important; } .ballaxy-standing-form.is-l, .ballaxy-result-badge.is-l { background: #ef4444 !important; color: #fff !important; } .ballaxy-recent-results-list li { border-bottom: 1px solid rgba(255,255,255,.08) !important; } .ballaxy-recent-results-list li:nth-child(even) { background: rgba(0,0,0,.16) !important; } @media (max-width: 1100px) and (min-width: 901px) { .ballaxy-recent-result-row { grid-template-columns: 74px minmax(0, 1.1fr) 48px minmax(0, 1.1fr) 24px !important; gap: 7px !important; padding-left: 10px !important; padding-right: 10px !important; } .ballaxy-result-date, .ballaxy-result-team-name { font-size: .8rem !important; } } @media (max-width: 900px) { .ballaxy-recent-result-row { grid-template-columns: 84px minmax(0, 1.25fr) 54px minmax(0, 1.25fr) 26px !important; } .ballaxy-result-team-name { font-size: .88rem !important; } } @media (max-width: 640px) { .ballaxy-recent-result-row { grid-template-columns: 62px minmax(0, 1fr) 42px minmax(0, 1fr) 22px !important; gap: 5px !important; padding: 7px 6px !important; } .ballaxy-result-date { font-size: .72rem !important; } .ballaxy-result-team-name { font-size: .76rem !important; } .ballaxy-result-score { font-size: .8rem !important; } .ballaxy-standing-form, .ballaxy-result-badge { width: 21px !important; height: 21px !important; min-width: 21px !important; font-size: .64rem !important; } }/* ========================================================= Ballaxy Stage 132 -- scheduled results use team short names ========================================================= */ .ballaxy-recent-result-row { grid-template-columns: 82px 54px 54px 54px 26px !important; gap: 12px !important; } .ballaxy-result-team-name { font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1rem !important; font-weight: 850 !important; text-transform: uppercase !important; letter-spacing: 0 !important; text-overflow: clip !important; } .ballaxy-result-team-name.is-home, .ballaxy-result-team-name.is-away { text-align: left !important; } .ballaxy-result-score { font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1.05rem !important; font-weight: 950 !important; } @media (max-width: 1100px) and (min-width: 901px) { .ballaxy-recent-result-row { grid-template-columns: 74px 48px 46px 48px 24px !important; gap: 9px !important; } .ballaxy-result-team-name { font-size: .94rem !important; } } @media (max-width: 900px) { .ballaxy-recent-result-row { grid-template-columns: 84px 58px 54px 58px 26px !important; } } @media (max-width: 640px) { .ballaxy-recent-result-row { grid-template-columns: 62px 42px 40px 42px 22px !important; gap: 7px !important; } .ballaxy-result-team-name { font-size: .82rem !important; } }/* ========================================================= Ballaxy Stage 133 -- bring teams closer to score in Last 5 rows ========================================================= */ .ballaxy-recent-result-row { grid-template-columns: 82px 46px 42px 46px 26px !important; gap: 8px !important; justify-content: start !important; } .ballaxy-result-team-name.is-home { text-align: right !important; } .ballaxy-result-team-name.is-away { text-align: left !important; } .ballaxy-result-score { text-align: center !important; } @media (max-width: 1100px) and (min-width: 901px) { .ballaxy-recent-result-row { grid-template-columns: 74px 42px 40px 42px 24px !important; gap: 7px !important; } } @media (max-width: 900px) { .ballaxy-recent-result-row { grid-template-columns: 84px 48px 42px 48px 26px !important; gap: 8px !important; } } @media (max-width: 640px) { .ballaxy-recent-result-row { grid-template-columns: 62px 38px 38px 38px 22px !important; gap: 6px !important; } }/* ========================================================= Ballaxy Stage 134 -- Last 5 score cluster layout ========================================================= */ /* * Use flex instead of the old grid for this table. This keeps the date on the * left, the home/score/away cluster together, and the W/D/L circle on the right. */ .ballaxy-recent-results-panel .ballaxy-recent-result-row { display: flex !important; align-items: center !important; width: 100% !important; min-height: 44px !important; padding: 8px 14px !important; gap: 0 !important; color: #fff !important; text-decoration: none !important; box-sizing: border-box !important; } .ballaxy-recent-results-panel .ballaxy-result-date { flex: 0 0 82px !important; width: 82px !important; max-width: 82px !important; color: rgba(255,255,255,.76) !important; font-size: .86rem !important; font-weight: 500 !important; white-space: nowrap !important; } .ballaxy-recent-results-panel .ballaxy-result-team-name { flex: 0 0 54px !important; width: 54px !important; max-width: 54px !important; color: rgba(255,255,255,.92) !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1rem !important; font-weight: 850 !important; line-height: 1 !important; text-transform: uppercase !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; } .ballaxy-recent-results-panel .ballaxy-result-team-name.is-home { margin-left: auto !important; text-align: right !important; padding-right: 10px !important; } .ballaxy-recent-results-panel .ballaxy-result-score { flex: 0 0 46px !important; width: 46px !important; max-width: 46px !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1.08rem !important; font-weight: 950 !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important; } .ballaxy-recent-results-panel .ballaxy-result-team-name.is-away { text-align: left !important; padding-left: 10px !important; margin-right: auto !important; } .ballaxy-recent-results-panel .ballaxy-standing-form, .ballaxy-recent-results-panel .ballaxy-result-badge { flex: 0 0 24px !important; width: 24px !important; height: 24px !important; min-width: 24px !important; margin-left: 10px !important; border-radius: 999px !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: .72rem !important; font-weight: 950 !important; line-height: 1 !important; } .ballaxy-recent-results-panel .ballaxy-standing-form.is-w, .ballaxy-recent-results-panel .ballaxy-result-badge.is-w { background: #22c55e !important; color: #fff !important; } .ballaxy-recent-results-panel .ballaxy-standing-form.is-d, .ballaxy-recent-results-panel .ballaxy-result-badge.is-d { background: #ffd000 !important; color: #fff !important; } .ballaxy-recent-results-panel .ballaxy-standing-form.is-l, .ballaxy-recent-results-panel .ballaxy-result-badge.is-l { background: #ef4444 !important; color: #fff !important; } @media (max-width: 1100px) and (min-width: 901px) { .ballaxy-recent-results-panel .ballaxy-recent-result-row { padding-left: 10px !important; padding-right: 10px !important; } .ballaxy-recent-results-panel .ballaxy-result-date { flex-basis: 74px !important; width: 74px !important; max-width: 74px !important; font-size: .8rem !important; } .ballaxy-recent-results-panel .ballaxy-result-team-name { flex-basis: 50px !important; width: 50px !important; max-width: 50px !important; font-size: .94rem !important; } .ballaxy-recent-results-panel .ballaxy-result-score { flex-basis: 42px !important; width: 42px !important; max-width: 42px !important; } } @media (max-width: 640px) { .ballaxy-recent-results-panel .ballaxy-recent-result-row { padding: 7px 8px !important; } .ballaxy-recent-results-panel .ballaxy-result-date { flex-basis: 62px !important; width: 62px !important; max-width: 62px !important; font-size: .72rem !important; } .ballaxy-recent-results-panel .ballaxy-result-team-name { flex-basis: 42px !important; width: 42px !important; max-width: 42px !important; font-size: .82rem !important; } .ballaxy-recent-results-panel .ballaxy-result-team-name.is-home { padding-right: 7px !important; } .ballaxy-recent-results-panel .ballaxy-result-team-name.is-away { padding-left: 7px !important; } .ballaxy-recent-results-panel .ballaxy-result-score { flex-basis: 38px !important; width: 38px !important; max-width: 38px !important; font-size: .86rem !important; } .ballaxy-recent-results-panel .ballaxy-standing-form, .ballaxy-recent-results-panel .ballaxy-result-badge { width: 22px !important; height: 22px !important; min-width: 22px !important; flex-basis: 22px !important; margin-left: 7px !important; font-size: .64rem !important; } }/* ========================================================= Ballaxy Stage 135 -- head to head card for scheduled matches ========================================================= */ .ballaxy-h2h-panel { margin-top: 20px !important; } .ballaxy-h2h-card { background: #303030 !important; border: 0 !important; border-radius: 8px !important; padding: 28px !important; } .ballaxy-h2h-top { display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; gap: 24px !important; margin-bottom: 28px !important; } .ballaxy-h2h-team { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 8px !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1rem !important; font-weight: 850 !important; text-transform: uppercase !important; } .ballaxy-h2h-team img { width: 64px !important; height: 64px !important; object-fit: contain !important; } .ballaxy-h2h-title { color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1.35rem !important; font-weight: 850 !important; text-transform: uppercase !important; text-align: center !important; white-space: nowrap !important; } .ballaxy-h2h-summary { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; max-width: 520px !important; margin: 0 auto 26px !important; } .ballaxy-h2h-summary div { text-align: center !important; padding: 0 22px !important; border-right: 1px solid rgba(255,255,255,.14) !important; } .ballaxy-h2h-summary div:last-child { border-right: 0 !important; } .ballaxy-h2h-summary strong { display: block !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 2.3rem !important; line-height: 1 !important; font-weight: 950 !important; } .ballaxy-h2h-summary span { display: block !important; margin-top: 6px !important; color: rgba(255,255,255,.75) !important; font-size: .9rem !important; } .ballaxy-h2h-list { list-style: none !important; margin: 0 auto !important; padding: 0 !important; max-width: 620px !important; } .ballaxy-h2h-list li { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; } .ballaxy-h2h-list li:nth-child(even) { background: rgba(0,0,0,.12) !important; } .ballaxy-h2h-row { display: grid !important; grid-template-columns: 116px minmax(0,1fr) 60px minmax(0,1fr) !important; align-items: center !important; gap: 14px !important; min-height: 48px !important; color: #fff !important; text-decoration: none !important; } .ballaxy-h2h-date { color: rgba(255,255,255,.75) !important; font-size: .9rem !important; white-space: nowrap !important; } .ballaxy-h2h-name { color: rgba(255,255,255,.82) !important; font-size: .9rem !important; font-weight: 500 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .ballaxy-h2h-name.is-focus { color: #fff !important; font-weight: 800 !important; } .ballaxy-h2h-score { color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1rem !important; font-weight: 950 !important; text-align: center !important; white-space: nowrap !important; } .ballaxy-h2h-goals { display: grid !important; grid-template-columns: 70px 1fr 70px !important; align-items: center !important; gap: 14px !important; max-width: 620px !important; margin: 28px auto 0 !important; color: #fff !important; } .ballaxy-h2h-goals strong { font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1.6rem !important; font-weight: 950 !important; } .ballaxy-h2h-goals strong:last-child { text-align: right !important; } .ballaxy-h2h-goals span { color: rgba(255,255,255,.76) !important; text-align: center !important; font-size: .9rem !important; } .ballaxy-h2h-goals span::after { content: "" !important; display: block !important; height: 8px !important; margin-top: 10px !important; border-radius: 999px !important; background: linear-gradient(90deg, #fff 0 50%, rgba(0,0,0,.45) 50% 100%) !important; } @media (max-width: 640px) { .ballaxy-h2h-card { padding: 20px 16px !important; } .ballaxy-h2h-top { grid-template-columns: 1fr auto 1fr !important; gap: 12px !important; margin-bottom: 22px !important; } .ballaxy-h2h-team img { width: 46px !important; height: 46px !important; } .ballaxy-h2h-title { font-size: 1rem !important; white-space: normal !important; } .ballaxy-h2h-summary strong { font-size: 1.8rem !important; } .ballaxy-h2h-row { grid-template-columns: 78px minmax(0,1fr) 44px minmax(0,1fr) !important; gap: 8px !important; min-height: 44px !important; } .ballaxy-h2h-date, .ballaxy-h2h-name { font-size: .78rem !important; } }/* ========================================================= Ballaxy Stage 136 -- head to head card padding alignment ========================================================= */ /* Match Key Events / clean-panel spacing: card content should start closer to edges. */ .ballaxy-h2h-panel { padding: 28px !important; } .ballaxy-h2h-panel .ballaxy-clean-panel-head { margin-bottom: 22px !important; } .ballaxy-h2h-card { padding: 0 !important; background: transparent !important; border-radius: 0 !important; } .ballaxy-h2h-top { margin: 0 0 26px !important; padding: 0 6px !important; } .ballaxy-h2h-summary { max-width: 620px !important; margin-bottom: 24px !important; } .ballaxy-h2h-list { max-width: 760px !important; } .ballaxy-h2h-row { grid-template-columns: 120px minmax(0,1fr) 58px minmax(0,1fr) !important; padding: 0 0 !important; } .ballaxy-h2h-goals { max-width: 760px !important; margin-top: 26px !important; } @media (max-width: 640px) { .ballaxy-h2h-panel { padding: 20px 16px !important; } .ballaxy-h2h-top { padding: 0 !important; margin-bottom: 20px !important; } .ballaxy-h2h-row { grid-template-columns: 78px minmax(0,1fr) 42px minmax(0,1fr) !important; } }/* ========================================================= Ballaxy Stage 137 -- H2H darker section + stat-style polish ========================================================= */ .ballaxy-match-h2h-section { background: #181818 !important; padding-top: 48px !important; padding-bottom: 48px !important; } .ballaxy-match-h2h-section .ballaxy-clean-panel.ballaxy-h2h-panel { background: #303030 !important; border: 0 !important; border-radius: 8px !important; padding: 28px !important; margin: 0 !important; } .ballaxy-h2h-panel .ballaxy-clean-panel-head { margin-bottom: 26px !important; } .ballaxy-h2h-card { background: transparent !important; padding: 0 !important; } .ballaxy-h2h-top { display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; gap: 24px !important; padding: 0 !important; margin: 0 0 28px !important; } .ballaxy-h2h-team { padding: 0 !important; } .ballaxy-h2h-team img { width: 68px !important; height: 68px !important; } .ballaxy-h2h-summary { max-width: 620px !important; margin-bottom: 28px !important; } .ballaxy-h2h-list { max-width: 760px !important; } .ballaxy-h2h-goals { display: grid !important; grid-template-columns: 70px minmax(0,1fr) 70px !important; align-items: center !important; gap: 14px !important; max-width: 760px !important; margin: 30px auto 0 !important; } .ballaxy-h2h-goals strong { color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1.35rem !important; font-weight: 950 !important; line-height: 1 !important; } .ballaxy-h2h-goals strong:first-child { text-align: left !important; } .ballaxy-h2h-goals strong:last-child { text-align: right !important; } .ballaxy-h2h-goals span { position: relative !important; display: block !important; color: rgba(255,255,255,.82) !important; text-align: center !important; font-size: .95rem !important; font-weight: 500 !important; padding-bottom: 18px !important; } .ballaxy-h2h-goals span::before, .ballaxy-h2h-goals span::after { content: "" !important; position: absolute !important; bottom: 0 !important; height: 8px !important; border-radius: 999px !important; } .ballaxy-h2h-goals span::before { right: calc(50% + 6px) !important; width: calc(50% - 6px) !important; background: #f2f2f2 !important; } .ballaxy-h2h-goals span::after { left: calc(50% + 6px) !important; width: calc(50% - 6px) !important; background: rgba(0,0,0,.55) !important; } @media (max-width: 640px) { .ballaxy-match-h2h-section { padding-top: 32px !important; padding-bottom: 32px !important; } .ballaxy-match-h2h-section .ballaxy-clean-panel.ballaxy-h2h-panel { padding: 20px 16px !important; } .ballaxy-h2h-top { gap: 12px !important; margin-bottom: 22px !important; } .ballaxy-h2h-team img { width: 52px !important; height: 52px !important; } .ballaxy-h2h-goals { grid-template-columns: 46px minmax(0,1fr) 46px !important; gap: 10px !important; } }/* ========================================================= Ballaxy Stage 138 -- H2H darker card + prediction/scorers sidebar ========================================================= */ .ballaxy-match-h2h-section { background: #111 !important; padding-top: 48px !important; padding-bottom: 48px !important; } .ballaxy-match-h2h-section .ballaxy-clean-panel.ballaxy-h2h-panel { background: #252525 !important; border: 0 !important; border-radius: 8px !important; padding: 28px !important; } .ballaxy-h2h-card { background: transparent !important; } .ballaxy-h2h-goals { display: block !important; max-width: 760px !important; margin: 30px auto 0 !important; } .ballaxy-h2h-goals strong:first-child, .ballaxy-h2h-goals strong:last-child { display: inline-block !important; width: 70px !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1.35rem !important; font-weight: 950 !important; vertical-align: top !important; } .ballaxy-h2h-goals strong:last-child { float: right !important; text-align: right !important; } .ballaxy-h2h-goals span { display: block !important; margin: -22px 84px 0 !important; padding-bottom: 17px !important; position: relative !important; color: rgba(255,255,255,.82) !important; text-align: center !important; font-size: .95rem !important; } .ballaxy-h2h-goals span::before, .ballaxy-h2h-goals span::after { content: "" !important; position: absolute !important; bottom: 0 !important; height: 8px !important; border-radius: 999px !important; } .ballaxy-h2h-goals span::before { left: 0 !important; width: calc(50% - 6px) !important; background: #f2f2f2 !important; } .ballaxy-h2h-goals span::after { right: 0 !important; width: calc(50% - 6px) !important; background: rgba(0,0,0,.55) !important; } .ballaxy-match-comments-sidebar { display: flex !important; flex-direction: column !important; gap: 18px !important; } .ballaxy-match-vote-box h2, .ballaxy-match-top-scorers-box h2 { margin: 0 0 18px !important; padding-bottom: 14px !important; border-bottom: 1px solid rgba(255,255,255,.16) !important; color: #fff !important; font-size: 1.55rem !important; line-height: 1 !important; letter-spacing: -.045em !important; font-weight: 950 !important; text-transform: uppercase !important; } .ballaxy-match-vote-options { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; } .ballaxy-match-vote-options button { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 7px !important; min-height: 112px !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 8px !important; background: rgba(0,0,0,.18) !important; color: #fff !important; cursor: pointer !important; padding: 12px 8px !important; transition: .18s ease !important; } .ballaxy-match-vote-options button:hover { border-color: var(--accent, #ffd000) !important; background: rgba(255,255,255,.06) !important; } .ballaxy-match-vote-options button:disabled { cursor: default !important; opacity: .8 !important; } .ballaxy-match-vote-options img { width: 38px !important; height: 38px !important; object-fit: contain !important; } .ballaxy-match-vote-options strong { font-family: "Encode Sans Condensed", sans-serif !important; font-size: 1.05rem !important; font-weight: 950 !important; } .ballaxy-match-vote-options span { color: rgba(255,255,255,.68) !important; font-size: .76rem !important; } .ballaxy-match-vote-options em { color: #fff !important; font-style: normal !important; font-weight: 800 !important; } .ballaxy-match-vote-bars { display: grid !important; gap: 10px !important; margin-top: 14px !important; } .ballaxy-match-vote-bars div { display: grid !important; grid-template-columns: 38px 1fr 42px !important; align-items: center !important; gap: 8px !important; } .ballaxy-match-vote-bars span, .ballaxy-match-vote-bars strong { color: rgba(255,255,255,.82) !important; font-size: .78rem !important; font-weight: 800 !important; } .ballaxy-match-vote-bars strong { text-align: right !important; } .ballaxy-match-vote-bars em { height: 7px !important; border-radius: 999px !important; overflow: hidden !important; background: rgba(0,0,0,.5) !important; } .ballaxy-match-vote-bars i { display: block !important; height: 100% !important; border-radius: 999px !important; background: var(--accent, #ffd000) !important; } .ballaxy-match-vote-message { min-height: 18px !important; margin: 10px 0 0 !important; color: rgba(255,255,255,.68) !important; font-size: .78rem !important; } .ballaxy-match-top-scorers-box { padding-top: 4px !important; } .ballaxy-match-top-scorers-list { list-style: none !important; counter-reset: scorers !important; margin: 0 !important; padding: 0 !important; } .ballaxy-match-top-scorers-list li { counter-increment: scorers !important; display: grid !important; grid-template-columns: 26px minmax(0, 1fr) 30px !important; align-items: center !important; gap: 10px !important; padding: 11px 0 !important; border-bottom: 1px solid rgba(255,255,255,.09) !important; } .ballaxy-match-top-scorers-list .rank::before { content: counter(scorers) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 22px !important; border-radius: 999px !important; background: rgba(255,255,255,.1) !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: .8rem !important; font-weight: 950 !important; } .ballaxy-match-top-scorers-list .player { min-width: 0 !important; } .ballaxy-match-top-scorers-list .player strong { display: block !important; color: #fff !important; font-size: .88rem !important; line-height: 1.15 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .ballaxy-match-top-scorers-list .player small { display: inline-flex !important; align-items: center !important; gap: 5px !important; margin-top: 4px !important; color: rgba(255,255,255,.58) !important; font-size: .72rem !important; font-weight: 700 !important; } .ballaxy-match-top-scorers-list .player img { width: 16px !important; height: 16px !important; object-fit: contain !important; } .ballaxy-match-top-scorers-list .goals { justify-self: end !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; border-radius: 999px !important; background: var(--accent, #ffd000) !important; color: #111 !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: .9rem !important; font-weight: 950 !important; } @media (max-width: 1023px) { .ballaxy-match-comments-layout { grid-template-columns: 1fr !important; } .ballaxy-match-goals-sidebar { position: static !important; } } @media (max-width: 640px) { .ballaxy-match-h2h-section { padding-top: 32px !important; padding-bottom: 32px !important; } .ballaxy-match-h2h-section .ballaxy-clean-panel.ballaxy-h2h-panel { padding: 20px 16px !important; } .ballaxy-h2h-goals strong:first-child, .ballaxy-h2h-goals strong:last-child { width: 46px !important; } .ballaxy-h2h-goals span { margin-left: 58px !important; margin-right: 58px !important; } }/* ========================================================= Ballaxy Stage 139 -- scheduled-only prediction/top scorers + restored finished sidebar ========================================================= */ .ballaxy-match-h2h-section { background: #111 !important; } .ballaxy-h2h-section-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) 330px !important; gap: 24px !important; align-items: start !important; } .ballaxy-h2h-section-main { min-width: 0 !important; } .ballaxy-h2h-section-sidebar { border-radius: 8px !important; background: #252525 !important; padding: 24px 22px !important; color: #fff !important; position: sticky !important; top: 96px !important; } /* H2H card should have same dark card tone as the new darker section cards. */ .ballaxy-match-h2h-section .ballaxy-clean-panel.ballaxy-h2h-panel { background: #252525 !important; border: 0 !important; border-radius: 8px !important; } /* Prediction box now lives in the H2H darker section. */ .ballaxy-h2h-section-sidebar .ballaxy-match-vote-box h2 { margin: 0 0 18px !important; padding-bottom: 14px !important; border-bottom: 1px solid rgba(255,255,255,.16) !important; color: #fff !important; font-size: 1.55rem !important; line-height: 1 !important; letter-spacing: -.045em !important; font-weight: 950 !important; text-transform: uppercase !important; } /* Top scorers should visually match the old goal scorers sidebar. */ .ballaxy-match-top-scorers-box h2 { margin: 0 0 18px !important; padding-bottom: 14px !important; border-bottom: 1px solid rgba(255,255,255,.16) !important; color: #fff !important; font-size: 1.55rem !important; line-height: 1 !important; letter-spacing: -.045em !important; font-weight: 950 !important; text-transform: uppercase !important; } .ballaxy-match-top-scorers-list { list-style: none !important; counter-reset: scorers !important; margin: 0 !important; padding: 0 !important; } .ballaxy-match-top-scorers-list li { counter-increment: scorers !important; display: grid !important; grid-template-columns: 38px minmax(0, 1fr) 32px !important; gap: 12px !important; align-items: center !important; padding: 13px 0 !important; border-bottom: 1px solid rgba(255,255,255,.09) !important; } .ballaxy-match-top-scorers-list .rank::before { content: counter(scorers) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; border-radius: 999px !important; background: rgba(255,255,255,.1) !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: .85rem !important; font-weight: 950 !important; } .ballaxy-match-top-scorers-list .player { min-width: 0 !important; } .ballaxy-match-top-scorers-list .player strong { display: block !important; color: #fff !important; font-size: .9rem !important; line-height: 1.15 !important; font-weight: 850 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .ballaxy-match-top-scorers-list .player small { display: inline-flex !important; align-items: center !important; gap: 6px !important; margin-top: 4px !important; color: rgba(255,255,255,.62) !important; font-size: .72rem !important; font-weight: 700 !important; } .ballaxy-match-top-scorers-list .player img { width: 16px !important; height: 16px !important; object-fit: contain !important; } .ballaxy-match-top-scorers-list .goals { justify-self: end !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 28px !important; height: 28px !important; padding: 0 8px !important; border-radius: 999px !important; background: rgba(255,255,255,.1) !important; color: #fff !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: .9rem !important; font-weight: 950 !important; } @media (max-width: 1023px) { .ballaxy-h2h-section-layout { grid-template-columns: 1fr !important; } .ballaxy-h2h-section-sidebar { position: static !important; } }/* ========================================================= Ballaxy Stage 142 -- remade single article template hotfix ========================================================= */ .ballaxy-article-shell { max-width: 1180px !important; margin: 0 auto !important; padding: 28px 16px 0 !important; } .ballaxy-article-grid { display: grid !important; grid-template-columns: minmax(0, 780px) 320px !important; gap: 36px !important; align-items: start !important; } .ballaxy-article-main { min-width: 0 !important; } .ballaxy-article-hero { margin-bottom: 28px !important; } .ballaxy-article-kicker { display: flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 14px !important; color: var(--muted) !important; font-size: .82rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .035em !important; } .ballaxy-article-kicker a { color: var(--accent) !important; font-weight: 950 !important; } .ballaxy-article-title { margin: 0 0 18px !important; color: var(--text) !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: clamp(2.2rem, 5vw, 4.2rem) !important; line-height: .95 !important; letter-spacing: -.055em !important; font-weight: 950 !important; } .ballaxy-article-meta { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 14px !important; margin-bottom: 24px !important; color: var(--muted) !important; font-size: .9rem !important; } .ballaxy-article-author { display: inline-flex !important; align-items: center !important; gap: 10px !important; color: var(--text) !important; } .ballaxy-article-author img { width: 34px !important; height: 34px !important; border-radius: 999px !important; } .ballaxy-article-author span { display: grid !important; gap: 1px !important; } .ballaxy-article-author em { color: var(--muted) !important; font-size: .72rem !important; font-style: normal !important; line-height: 1 !important; } .ballaxy-article-author strong { color: var(--text) !important; font-size: .9rem !important; line-height: 1.1 !important; } .ballaxy-article-comment-jump { display: inline-flex !important; align-items: center !important; border-radius: 999px !important; background: var(--surface-soft) !important; color: var(--text) !important; padding: 6px 11px !important; font-size: .82rem !important; font-weight: 800 !important; } .ballaxy-article-featured { margin: 0 !important; border-radius: 14px !important; overflow: hidden !important; background: var(--surface-soft) !important; } .ballaxy-article-featured img { width: 100% !important; border-radius: 14px !important; display: block !important; } .ballaxy-article-featured figcaption { padding: 10px 12px !important; color: var(--muted) !important; font-size: .78rem !important; } .ballaxy-article-content { color: var(--text) !important; font-size: 1.05rem !important; line-height: 1.78 !important; } .ballaxy-article-content p { margin: 0 0 1.35rem !important; font-size: 1.05rem !important; line-height: 1.78 !important; } [data-theme="dark"] .ballaxy-article-title, [data-theme="dark"] .ballaxy-article-content, [data-theme="dark"] .ballaxy-article-content p, [data-theme="dark"] .ballaxy-article-content h2, [data-theme="dark"] .ballaxy-article-content h3 { color: rgba(255,255,255,.94) !important; } /* Article football embeds: visible stronger selectors around current shortcode output. */ .ballaxy-article-content .football-related-boxscore, body.single-post .football-related-boxscore { position: relative !important; margin: 32px 0 !important; border-radius: 14px !important; overflow: hidden !important; background: #202020 !important; } .ballaxy-article-content .football-related-boxscore > *, body.single-post .football-related-boxscore > * { border-radius: 14px !important; } .ballaxy-article-content .football-related-boxscore .ballaxy-clean-hero-card, .ballaxy-article-content .football-related-boxscore .ballaxy-match-card, .ballaxy-article-content .football-related-boxscore .football-match-card, body.single-post .football-related-boxscore .ballaxy-clean-hero-card, body.single-post .football-related-boxscore .ballaxy-match-card, body.single-post .football-related-boxscore .football-match-card { background: #202020 !important; border: 0 !important; border-radius: 14px !important; color: #fff !important; box-shadow: none !important; } /* Standings in article */ .ballaxy-article-content .football-related-standings--clean, body.single-post .football-related-standings--clean { margin: 36px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .ballaxy-article-content .football-related-standings--clean .block-title, body.single-post .football-related-standings--clean .block-title { color: var(--text) !important; font-size: 1.65rem !important; line-height: 1 !important; letter-spacing: -.045em !important; font-weight: 950 !important; text-transform: uppercase !important; } .ballaxy-article-content .football-related-standings--clean .ballaxy-standings-card, .ballaxy-article-content .football-related-standings--clean .football-standings, .ballaxy-article-content .football-related-standings--clean .ballaxy-football-standings, body.single-post .football-related-standings--clean .ballaxy-standings-card, body.single-post .football-related-standings--clean .football-standings, body.single-post .football-related-standings--clean .ballaxy-football-standings { border: 0 !important; border-radius: 10px !important; background: #303030 !important; padding: 18px 20px !important; overflow-x: auto !important; color: #fff !important; } .ballaxy-article-content .football-related-standings--clean table, body.single-post .football-related-standings--clean table { width: 100% !important; border-collapse: collapse !important; color: #fff !important; } .ballaxy-article-content .football-related-standings--clean th, body.single-post .football-related-standings--clean th { padding: 10px 10px 14px !important; border: 0 !important; color: rgba(255,255,255,.68) !important; font-family: "Encode Sans Condensed", sans-serif !important; font-size: .82rem !important; font-weight: 950 !important; text-transform: uppercase !important; } .ballaxy-article-content .football-related-standings--clean td, body.single-post .football-related-standings--clean td { padding: 14px 10px !important; border-top: 1px solid rgba(255,255,255,.07) !important; color: rgba(255,255,255,.92) !important; } /* Footer/comments */ .ballaxy-article-footer { display: grid !important; gap: 18px !important; margin-top: 34px !important; padding-top: 24px !important; border-top: 1px solid var(--border) !important; } .ballaxy-article-tags, .ballaxy-article-share { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; } .ballaxy-article-tags span, .ballaxy-article-share span { color: var(--muted) !important; font-size: .8rem !important; font-weight: 900 !important; text-transform: uppercase !important; } .ballaxy-article-tags a, .ballaxy-article-share a, .ballaxy-article-share button { border: 1px solid var(--border) !important; border-radius: 999px !important; background: var(--surface-soft) !important; color: var(--text) !important; padding: 7px 11px !important; font-size: .82rem !important; font-weight: 800 !important; text-decoration: none !important; } .ballaxy-article-author-box { display: grid !important; grid-template-columns: 56px minmax(0,1fr) auto !important; gap: 14px !important; align-items: center !important; border-radius: 12px !important; background: var(--surface-soft) !important; border: 1px solid var(--border) !important; padding: 16px !important; } .ballaxy-article-sidebar { position: sticky !important; top: 96px !important; } body.single-post .comments-wrapper.ballaxy-single-comments { border-radius: 10px !important; background: #303030 !important; color: #fff !important; padding: 28px !important; } body.single-post .comments-wrapper.ballaxy-single-comments textarea, body.single-post .comments-wrapper.ballaxy-single-comments input[type="text"], body.single-post .comments-wrapper.ballaxy-single-comments input[type="email"] { background: #202020 !important; color: #fff !important; border-color: rgba(255,255,255,.12) !important; border-radius: 8px !important; } @media (max-width: 1023px) { .ballaxy-article-grid { grid-template-columns: 1fr !important; } .ballaxy-article-sidebar { display: none !important; } } @media (max-width: 760px) { .ballaxy-article-shell { padding-top: 20px !important; } .ballaxy-article-title { font-size: clamp(2rem, 12vw, 3rem) !important; } .ballaxy-article-author-box { grid-template-columns: 48px minmax(0,1fr) !important; } }