/* =====================================================
   CLIENT THEME OVERRIDE - PART 1
   Typography + Colors + Header + Hero + Cards
====================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');

/*==========================
ROOT COLORS
==========================*/

:root{

    --client-red:#e31c2b;
    --client-red-dark:#c91524;

    --client-bg:#050505;
    --client-card:#101010;
    --client-card2:#151515;

    --client-border:rgba(255,255,255,.08);

    --client-heading:#ffffff;

    --client-text:#d5d5d5;

    --client-muted:#8b8b8b;

}


/*==========================
BODY
==========================*/

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Inter',sans-serif !important;

    background:var(--client-bg)!important;

    color:var(--client-text)!important;

    -webkit-font-smoothing:antialiased;

}


/*==========================
SECTION BG
==========================*/

.osl-section,
.osl-stats-overview{

    background:
    radial-gradient(circle at top right,
    rgba(227,28,43,.08),
    transparent 35%),

    radial-gradient(circle at left bottom,
    rgba(227,28,43,.05),
    transparent 45%),

    #050505 !important;

}


/*==========================
COMMON
==========================*/

p{

    color:var(--client-muted)!important;

    font-weight:400;

    line-height:1.7;

}

a{

    transition:.35s;

}

img{

    max-width:100%;

}


/*==========================
HEADINGS
==========================*/

h1{

    font-family:'Oswald',sans-serif!important;

    color:#fff!important;

    font-weight:700!important;

    letter-spacing:-1px;

    text-transform:uppercase;

}

h2,
h3,
h4,
h5{

    font-family:'Inter',sans-serif!important;

    color:#fff!important;

    font-weight:700!important;

}


/*==========================
PAGE INTRO
==========================*/

.osl-page-intro{

    margin-bottom:45px;

}

.osl-page-intro h1{

    font-size:68px;

    line-height:1;

    margin:16px 0;

}

.osl-page-intro p{

    max-width:720px;

    font-size:16px;

}


/*==========================
BADGES
==========================*/

.osl-badge,
.osx-kicker{

    background:rgba(227,28,43,.12)!important;

    color:var(--client-red)!important;

    border:1px solid rgba(227,28,43,.18);

    font-weight:700;

    padding:8px 16px;

    border-radius:50px;

}


/*==========================
HEADER
==========================*/

.osl-site-header{

    background:#000 !important;

    box-shadow:none!important;

    border-bottom:1px solid rgba(255,255,255,.06);

}

.osl-navbar{

    min-height:82px;

}

.osl-nav-menu{

    gap:12px;

}

.osl-nav-menu .nav-link{

    color:#d8d8d8!important;

    font-weight:500!important;

    font-size:14px;

    padding:10px 0!important;

}

.osl-nav-menu .nav-link:hover{

    color:var(--client-red)!important;

}

.osl-nav-menu .nav-link.active{

    color:#fff!important;

}


/*==========================
BACK BUTTON
==========================*/

.osl-back-btn{

    background:#111!important;

    border:1px solid rgba(255,255,255,.08);

}

.osl-back-btn:hover{

    background:var(--client-red)!important;

    color:#fff!important;

}


/*==========================
LOGIN
==========================*/

.osl-nav-login{

    color:#fff!important;

    font-weight:600;

}

.osl-nav-login:hover{

    color:var(--client-red)!important;

}


/*==========================
BUTTON
==========================*/

.osl-btn-primary{

    background:var(--client-red)!important;

    border:none!important;

    color:#fff!important;

    border-radius:8px!important;

    min-height:46px;

    padding:0 26px;

    font-weight:600;

    box-shadow:none!important;

}

.osl-btn-primary:hover{

    background:#ff3040!important;

}


/*==========================
SUMMARY CARDS
==========================*/

.osl-stat-card{

    background:#101010!important;

    border:1px solid rgba(255,255,255,.08)!important;

    border-radius:12px!important;

    box-shadow:none!important;

    min-height:150px;

}

.osl-stat-card::after{

    display:none;

}

.osl-stat-card span{

    color:#8f8f8f!important;

    font-size:13px;

    text-transform:uppercase;

    letter-spacing:1px;

}

.osl-stat-card h3{

    font-family:'Oswald',sans-serif!important;

    font-size:44px!important;

    color:#fff!important;

    margin-top:10px;

}

.osl-stat-card p{

    color:#7e7e7e!important;

}

.osl-stat-card:hover{

    border-color:rgba(227,28,43,.45)!important;

    transform:translateY(-4px);

}


/*==========================
COMMON CARDS
==========================*/

.osl-card{

    background:#101010!important;

    border:1px solid rgba(255,255,255,.08)!important;

    border-radius:12px!important;

    box-shadow:none!important;

}

.osl-card:hover{

    border-color:rgba(227,28,43,.30)!important;

}


/*==========================
LOGO
==========================*/

.logo_game{
    border-radius:8px;
    padding:4px 8px;
}


/*==========================
RESPONSIVE
==========================*/

@media(max-width:991px){

.osl-page-intro h1{

font-size:48px;

}

}

@media(max-width:576px){

.osl-page-intro h1{

font-size:38px;

}

.osl-stat-card{

min-height:auto;

}

}

/* ==========================
   TEXT COLOR FIXES
========================== */

/* Navbar */
.osl-nav-menu .nav-link{
    color:#d7d7d7 !important;
}

.osl-nav-menu .nav-link svg{
    fill:currentColor !important;
}

.osl-nav-menu .nav-link:hover,
.osl-nav-menu .nav-link.active{
    color:#ffffff !important;
}

/* White Tabs */
.osx-category-tabs article{
    background:#ffffff !important;
    color:#111111 !important;
}

.osx-category-tabs article h4,
.osx-category-tabs article h4 *,
.osx-category-tabs article svg,
.osx-category-tabs article i{
    color:#111 !important;
    fill:#111 !important;
}

.osx-category-tabs article.is-active{
    background:#d61f2c !important;
}

.osx-category-tabs article.is-active h4,
.osx-category-tabs article.is-active h4 *,
.osx-category-tabs article.is-active svg,
.osx-category-tabs article.is-active i{
    color:#fff !important;
    fill:#fff !important;
}

/* Leader Toggle */
.osl-leader-toggle button{
    color:#111 !important;
}

.osl-leader-toggle button.is-active{
    color:#fff !important;
}

/* Sidebar */
.osl-sidebar-more,
.osl-sidebar-more *{
    color:#fff !important;
}

.osl-more-row strong{
    color:#fff !important;
}

.osl-more-row small{
    color:#9c9c9c !important;
}

.osl-more-row span{
    color:#e31c2b !important;
}

/* Rank List */
.osx-rank-list,
.osx-rank-list *{
    color:#fff;
}

.osx-rank-list a{
    color:#fff !important;
}

.osx-rank-list em{
    color:#8c8c8c !important;
}

/* Feature Card */
.osx-feature-card,
.osx-feature-card *{
    color:#fff !important;
}

/* Stat Cards */
.osl-stat-card h3{
    color:#fff !important;
}

.osl-stat-card span{
    color:#8e8e8e !important;
}

.osl-stat-card p{
    color:#7f7f7f !important;
}

/* Footer */
.footer-link-card a{
    color:#bdbdbd !important;
}

.footer-link-card a:hover{
    color:#fff !important;
}
/*=================================================
 BUTTON STYLE - AI SPORTS MEDIA
=================================================*/

/* Common */
.osl-btn,
.footer-cta-btn,
.osx-panel-head a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    min-height:46px;
    padding:0 22px;

    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:600;

    border-radius:10px;

    transition:.30s ease;

    text-decoration:none;
}

/* ==========================
PRIMARY RED BUTTON
========================== */

.osl-btn-primary,
.footer-cta-btn{

    background:#ef233c !important;
    border:1px solid #ef233c !important;

    color:#fff !important;

    box-shadow:none !important;

}

.osl-btn-primary:hover,
.footer-cta-btn:hover{

    background:#ff3046 !important;
    border-color:#ff3046 !important;

    color:#fff !important;

    transform:translateY(-2px);

}


/* ==========================
OUTLINE BUTTON
========================== */

.osx-panel-head a{

    background:transparent !important;

    border:1px solid rgba(255,255,255,.14) !important;

    color:#fff !important;

}

.osx-panel-head a:hover{

    background:#ef233c !important;

    border-color:#ef233c !important;

    color:#fff !important;

}
/* Remove Glow Behind Buttons */

.osx-panel-head{

    position:relative;

}

.osx-panel-head::after,
.osx-panel-head::before{

    display:none !important;

}

.osx-panel::before{

    display:none !important;

}

/*====================================
 MORE STATS FIX
=====================================*/

.osl-sidebar-more{
    background:#101010 !important;
    border:1px solid rgba(255,255,255,.08) !important;
}

.osl-more-row{
    display:block;
    padding:14px 16px !important;
    background:transparent !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    text-decoration:none !important;
    transition:.25s ease;
}

.osl-more-row:hover,
.osl-more-row:focus,
.osl-more-row:active{
    background:rgba(227,28,43,.08) !important;
    color:#fff !important;
}

.osl-more-row *,
.osl-more-row:hover *,
.osl-more-row:focus *{
    background:transparent !important;
}

.osl-more-row span{
    display:block;
    color:#e31c2b !important;
    font-size:12px;
    font-weight:600;
}

.osl-more-row strong{
    display:block;
    color:#fff !important;
    margin:4px 0;
}

.osl-more-row small{
    display:block;
    color:#8f8f8f !important;
}

/*========================================
 PLAYER PROFILE PAGE - CLIENT THEME
========================================*/

.player-profile-hero{
  background:
    radial-gradient(900px 520px at 78% 18%, rgba(227,28,43,.18), transparent 62%),
    radial-gradient(640px 420px at 8% 80%, rgba(227,28,43,.08), transparent 60%),
    #050505 !important;
  color:#fff !important;
  padding:70px 0 34px !important;
}

.pp-hero-main{
  min-height:420px !important;
  grid-template-columns:420px 1fr !important;
  gap:58px !important;
}

.pp-hero-main::before{
  display:none !important;
}

.pp-hero-media{
  background:#0e0e0e !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:12px !important;
  box-shadow:0 22px 55px rgba(0,0,0,.55) !important;
}

.pp-hero-media img{
  padding:0 !important;
  width:100% !important;
  height:420px !important;
  object-fit:cover !important;
}

.pp-player-meta{
  color:#cbd0d6 !important;
  font-size:14px !important;
  font-weight:500 !important;
  margin-bottom:18px !important;
}

.pp-hero-content h1{
  font-family:'Oswald',sans-serif !important;
  font-size:clamp(62px,7vw,104px) !important;
  line-height:.95 !important;
  letter-spacing:-1px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  color:#fff !important;
}

.pp-follow-btn{
  background:#e31c2b !important;
  color:#fff !important;
  border:1px solid #e31c2b !important;
  border-radius:8px !important;
  min-height:46px !important;
  padding:0 24px !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-transform:none !important;
}

.pp-follow-btn:hover{
  background:#ff3040 !important;
  border-color:#ff3040 !important;
  color:#fff !important;
  transform:translateY(-2px);
}

/* Stats grid */
.pp-stats-grid{
  gap:12px !important;
  margin-top:30px !important;
}

.pp-stat,
.pp-info{
  background:#101010 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:10px !important;
  min-height:86px !important;
}

.pp-stat{
  background:#e31c2b !important;
  border-color:#e31c2b !important;
}

.pp-stat span,
.pp-info span{
  color:rgba(255,255,255,.62) !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:1px !important;
}

.pp-stat strong,
.pp-info strong{
  color:#fff !important;
  font-family:'Inter',sans-serif !important;
  font-weight:700 !important;
}

.pp-stat strong{
  font-family:'Oswald',sans-serif !important;
  font-size:34px !important;
}

/* Subnav */
.pp-subnav{
  background:#050505 !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.pp-subnav-wrap{
  background:#0e0e0e !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:10px !important;
  padding:8px !important;
}

.pp-tab{
  color:#b9bec5 !important;
  font-weight:500 !important;
  border-radius:8px !important;
}

.pp-tab:hover{
  background:rgba(255,255,255,.05) !important;
  color:#fff !important;
}

.pp-tab.is-active{
  background:#e31c2b !important;
  color:#fff !important;
  box-shadow:none !important;
}

/* Content backgrounds */
.pp-content-section,
.pp-more-section,
section.pp-light-section{
  background:#050505 !important;
}

.pp-light-card{
  background:#101010 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:12px !important;
  box-shadow:none !important;
}

.pp-section-head span{
  color:#e31c2b !important;
  font-weight:700 !important;
}

.pp-section-head h2{
  color:#fff !important;
  font-weight:700 !important;
}

/* Video cards */
.pp-video-card{
  background:#101010 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:10px !important;
}

.pp-video-card:hover{
  border-color:rgba(227,28,43,.42) !important;
  box-shadow:none !important;
}

.pp-video-card h4{
  color:#fff !important;
  font-weight:700 !important;
}

.pp-play{
  background:#e31c2b !important;
}

/* Table */
.pp-games-table th{
  background:#151515 !important;
  color:#9aa0a6 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.pp-games-table td{
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.pp-games-table tbody tr:hover{
  background:rgba(227,28,43,.08) !important;
}

/* News */
.pp-news-list article{
  background:#151515 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:10px !important;
}

.pp-news-list article::before{
  background:#e31c2b !important;
}

.pp-news-list small{
  color:#8b8b8b !important;
}

.pp-news-list h4{
  color:#fff !important;
}

.pp-news-list p{
  color:#b9bec5 !important;
}

/* Awards */
.pp-awards-list span{
  background:rgba(227,28,43,.10) !important;
  color:#fff !important;
  border:1px solid rgba(227,28,43,.22) !important;
  border-radius:8px !important;
  font-weight:600 !important;
}

/* Social */
.pp-social-icons a{
  background:#151515 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
  border-radius:50% !important;
}

.pp-social-icons a:hover{
  background:#e31c2b !important;
  border-color:#e31c2b !important;
}

/* Responsive */
@media(max-width:991px){
  .pp-hero-main{
    grid-template-columns:1fr !important;
  }

  .pp-hero-media img{
    height:auto !important;
  }
}

@media(max-width:575px){
  .player-profile-hero{
    padding:44px 0 28px !important;
  }

  .pp-stats-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }
}


/*====================================
 TEAM STATS - WHITE BUTTON/INPUT FIX
====================================*/

/* filter buttons */
.pp-dropdown-btn,
.pp-advanced-btn,
.pp-banner-btn,
.pp-glossary-badge{
  background:#0b0b0b !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:8px !important;
  box-shadow:none !important;
}

.pp-dropdown-btn svg,
.pp-advanced-btn svg{
  color:#fff !important;
  stroke:#fff !important;
}

/* hover */
.pp-dropdown-btn:hover,
.pp-advanced-btn:hover,
.pp-banner-btn:hover,
.pp-glossary-badge:hover{
  background:#e31c2b !important;
  border-color:#e31c2b !important;
  color:#fff !important;
}

/* select/input fields */
.pp-form-group select,
.pp-form-group input,
.pp-global-select{
  background:#0b0b0b !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:8px !important;
  box-shadow:none !important;
}

/* select arrow color fix */
.pp-form-group select,
.pp-global-select{
  background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 12px center !important;
  background-size:16px !important;
}

/* dropdown menu */
.pp-dropdown-menu{
  background:#0b0b0b !important;
  border:1px solid rgba(255,255,255,.14) !important;
}

.pp-dropdown-menu a{
  color:#d6d6d6 !important;
}

.pp-dropdown-menu a:hover,
.pp-dropdown-menu a.is-active{
  background:rgba(227,28,43,.12) !important;
  color:#fff !important;
}
.pp-form-group label {
    color: #949596 !important;
}
.pp-banner-left p {
    color: #fff !important;
}

/*=====================================
 TABLE PAGINATION DARK THEME
======================================*/

/* Select */
table select,
.dataTables_length select,
.pagination select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    background:#111 !important;
    color:#fff !important;

    border:1px solid rgba(255,255,255,.15) !important;
    border-radius:8px !important;

    height:40px;
    min-width:70px;

    padding:0 36px 0 12px;

    font-weight:600;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 10px center;
    background-size:14px;
}

/* Previous / Next buttons */
table button,
.dataTables_paginate button,
.pagination button,
.pagination a{
    background:#111 !important;
    color:#fff !important;

    border:1px solid rgba(255,255,255,.15) !important;
    border-radius:8px !important;

    min-width:40px;
    height:40px;

    transition:.25s;
}

table button:hover,
.dataTables_paginate button:hover,
.pagination button:hover,
.pagination a:hover{
    background:#e31c2b !important;
    border-color:#e31c2b !important;
    color:#fff !important;
}

/* TEAM PROFILE PAGE FIXES */

/* roster table white header/rows fix */
.pp-roster-table th{
  background:#151515 !important;
  color:#9aa0a6 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.pp-roster-table td{
  background:#101010 !important;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.pp-roster-table td:first-child{
  color:#e31c2b !important;
}

.pp-roster-table tbody tr:hover td{
  background:rgba(227,28,43,.06) !important;
}

/* position pill */
.pp-roster-table td:nth-child(3){
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

/* pagination select/buttons */
.pp-table-footer select,
.pp-pagination-controls button{
  background:#111 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.15) !important;
  border-radius:8px !important;
}

.pp-table-footer select{
  background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 10px center !important;
  background-size:14px !important;
}

.pp-pagination-controls button:hover{
  background:#e31c2b !important;
  border-color:#e31c2b !important;
}

/* coaching team white rows fix */
.pp-coach-row{
  background:#151515 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#fff !important;
}

.pp-coach-row span{
  color:#9aa0a6 !important;
}

.pp-coach-row strong{
  color:#fff !important;
}

.pp-coach-row:hover{
  background:rgba(227,28,43,.08) !important;
  border-color:rgba(227,28,43,.25) !important;
}

/* view all / see all links */
.pp-view-link{
  color:#e31c2b !important;
  font-weight:700 !important;
}

.pp-view-link:hover{
  color:#fff !important;
}

/* awards pills */
.pp-awards-list span{
  background:rgba(227,28,43,.10) !important;
  color:#fff !important;
  border:1px solid rgba(227,28,43,.25) !important;
}

/* video cards */
.pp-video-thumb{
  background:#080808 !important;
}

.pp-video-card{
  background:#101010 !important;
}

/*====================================
 STATS PAGE - WHITE BUTTONS FIX ONLY
====================================*/

/* Leader toggle: Yesterday / Season */
.osl-leader-toggle button{
  background:#0b0b0b !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}

.osl-leader-toggle button.is-active{
  background:#e31c2b !important;
  color:#fff !important;
  border-color:#e31c2b !important;
}

.osl-leader-toggle button:hover{
  background:#151515 !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.28) !important;
}

/* Category buttons: Points, Rebounds, Assists... */
.osx-category-tabs article{
  background:#0b0b0b !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}

.osx-category-tabs article h4,
.osx-category-tabs article h4 *,
.osx-category-tabs article svg,
.osx-category-tabs article i{
  color:#fff !important;
  stroke:#fff !important;
  fill:none !important;
}

.osx-category-tabs article.is-active{
  background:#e31c2b !important;
  color:#fff !important;
  border-color:#e31c2b !important;
}

.osx-category-tabs article:hover{
  background:#151515 !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.28) !important;
}

.osx-category-tabs article.is-active:hover{
  background:#e31c2b !important;
  border-color:#e31c2b !important;
}

/* Panel head outline buttons */
.osx-panel-head a{
  background:#0b0b0b !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}

.osx-panel-head a:hover{
  background:#e31c2b !important;
  border-color:#e31c2b !important;
  color:#fff !important;
}

/*====================================
 DARK HORIZONTAL SCROLLBAR
====================================*/

/* Firefox */
.osx-metric-row{
    scrollbar-width:thin;
    scrollbar-color:#4a4a4a #111;
}

/* Chrome / Edge */
.osx-metric-row::-webkit-scrollbar{
    height:8px;
}

.osx-metric-row::-webkit-scrollbar-track{
    background:#111;
    border-radius:20px;
}

.osx-metric-row::-webkit-scrollbar-thumb{
    background:#444;
    border-radius:20px;
    border:2px solid #111;
}

.osx-metric-row::-webkit-scrollbar-thumb:hover{
    background:#e31c2b;
}

/*====================================
 RANK SCORE BADGES
====================================*/

.osx-rank-list b{

    display:flex;
    align-items:center;
    justify-content:center;

    min-width:38px;
    height:38px;

    background:#151515 !important;

    color:#ffffff !important;

    border:1px solid rgba(255,255,255,.12) !important;

    border-radius:999px;

    font-size:13px;
    font-weight:700;

    transition:.3s ease;

}

/* Hover effect */

.osx-rank-list a:hover b{

    background:#e31c2b !important;

    border-color:#e31c2b !important;

    color:#fff !important;

}
.osx-rank-list b{
    background:rgba(227,28,43,.12) !important;
    color:#e31c2b !important;
    border:1px solid rgba(227,28,43,.25) !important;
}

.osx-rank-list a:hover b{
    background:#e31c2b !important;
    color:#fff !important;
}

/*====================================
 MOBILE MENU ONLY - CLIENT THEME
====================================*/

@media (max-width: 991px){

  .osl-mobile-collapse{
    background:#050505 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    padding:20px !important;
  }

  .osl-mobile-collapse .nav-link{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;

    background:#101010 !important;
    color:#fff !important;

    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:12px !important;

    padding:16px 18px !important;
    margin-bottom:10px !important;

    font-weight:600 !important;
  }

  .osl-mobile-collapse .nav-link:hover{
    background:#151515 !important;
    border-color:#e31c2b !important;
    color:#fff !important;
  }

  .osl-mobile-collapse .nav-link.active{
    background:#e31c2b !important;
    border-color:#e31c2b !important;
    color:#fff !important;
  }

  .osl-mobile-collapse .nav-link svg{
    width:18px !important;
    height:18px !important;
    fill:currentColor !important;
  }

  .osl-mobile-collapse .osl-nav-login{
    display:block !important;
    color:#fff !important;
    font-weight:600 !important;
    margin:18px 0 14px !important;
  }

  .osl-mobile-collapse .osl-btn-primary{
    width:100% !important;
    border-radius:10px !important;
  }

}