.navbar-darkest{
    background: #111 !important;
}



    /* mobile */
@media (max-width: 1023px /*767px*/) 
{
    /*** NAV ***/
    .navbar-expand-lg.navbar-level1 .navbar-nav {
        flex-direction: column;
    }

    .navbar-expand-lg.navbar-level2 .navbar-nav, .navbar-expand-lg.navbar-level3 .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-lg.navbar-level2 .navbar-nav .nav-item, .navbar-expand-lg.navbar-level3 .navbar-nav .nav-item{
        margin-bottom: 0px;
    }

    /* MOBILE SUBNAV */
    .navbar-mobile {
        display: block !important;
        /*float:left;*/
        width:100%;
    }
    
    .navbar-mobile .nav-wrapper {
        margin: 0 auto;
        padding:0px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: none !important;
    }
    
    .navbar-mobile .nav {
        margin:0px;
        padding:0px;
        list-style: none; 
        display: flex; 
        width: var(--w);
        height:40px !important;
    }
    
    .navbar-mobile .nav > li {
        width: auto !important;
        display: inline-block; 
        position: relative; 
        line-height: 40px !important;
    }
    
    .navbar-mobile .nav > li.sport {  
        padding-right: 20px; 
    }
    
    .navbar-mobile .nav > li.sport span {  
    }

    .navbar-mobile .nav > li.sport:after {    
        border-right: 1px solid #eaeaea;
        content: '';
        height: 25px;
        margin-top: -13px;
        position: absolute;
        right: 8px;
        top: 50%; 
    }
    
    .navbar-mobile .nav > li .logo {
        width:35px; 
        margin-right: 2px;
    }
    
    .navbar-mobile .nav > li > a {
        font-family:"Roboto","Arial","Helvetica Neue","Helvetica",sans-serif; 
        font-size:13px;
        font-weight:100;
        line-height: 40px;
        color:#FFFFFF;
        text-transform: none;
        padding:0px 20px;
        margin-bottom:2px;
        display: block;
    }
    
    
    .navbar-mobile .navbar{
        margin-top: -2px;
    }
    /*.navbar-mobile .nav > li > a.active {border-bottom: 2px solid white; font-weight:bold;}*/
    
    /*.navbar-mobile .nav > li > a.active:before{
         background-color: #fff;
        bottom: 0;
        content: '';
        height: 4px;
        left: 0;
        position: absolute;
        right: 0;
    }*/
    
    .navbar-mobile .nav > li > a div.underline {
        height: 2px; 
        background :white;
        margin-top: 3px;
    }
    
    .navbar-mobile.navbar-level2 .container { 
        display: block !important;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
        
    }
    .navbar-mobile.navbar-level3{
        margin-top: -2px !important;
    }
    .navbar-mobile.navbar-level3 .container{
        display: block !important;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
    }

}

@media only screen and (min-width: 1024px) {
    
    .navbar-mobile.navbar-level1 { 
        /*overflow-x: auto !important;*/
        overscroll-behavior: none !important;
    }

}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
    .navbar-mobile.navbar-level1 { 
        width: 100%; 
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch; 
        float: none;
        line-height: 40px !important;
        overscroll-behavior: none !important;
    }

    .navbar-mobile.navbar-level2 { 
        width: 100%; 
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch; 
        line-height: 40px !important;
        overscroll-behavior: none !important;
        
    }
    
    .navbar-nav .nav-link {
        line-height: 40px !important;
    }

    .extras{
        display: none;
    }
    
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    .navbar-mobile.navbar-level1 { 
        width: 100%; 
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch; 
        line-height: 40px !important;
        overscroll-behavior: none !important;
    }

    .navbar-nav .nav-link {
        line-height: 40px !important;
    }

    .extras{
        display: none;
    }
    
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  /* CSS */
    
    .navbar-nav .nav-link {
        line-height: 40px !important;
    }

    .extras{
        display: none;
    }
    
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  
    .navbar-mobile.navbar-level1 { 
        width: 100%; 
        overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch; 
        float: none;
        overscroll-behavior: none !important;
    }

    .navbar-mobile.navbar-level2 { 
        width: 100%; 
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;         
        overscroll-behavior: none !important;
    }
    .navbar-mobile.navbar-level2 .container { 
        display: block;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
        
    }
    
    .navbar-nav .nav-link {
        line-height: 40px !important;
    }

    .extras{
        display: none;
    }
    

}


.dropdown-menu{ color:black;}

    /* mega menu */
@media (min-width: 992px)
{
    .navbar-expand-lg .mega-dropdown-column {
        width: 12rem !important;
    }
    .navbar-expand-lg .mega-dropdown-column-4 {
        width: 56.25rem !important;
    }
    .navbar-expand-lg .mega-dropdown-column-3 {
        width: 42.25rem !important;
    }
    .navbar-expand-lg .mega-dropdown-column-2 {
        width: 35.25rem !important;
    }
    .navbar-expand-lg .mega-dropdown-column-1 {
        width: 15.25rem !important;
    }

    .navbar-nav .nav-link {
        line-height: 40px !important;
    }

    .navbar-subnav1 {
      border-top:0px; 
      height:40px;
      }

    .navbar-subnav2 {
      border-top:0px; 
      height:40px;
    }
    
    .navbar-subnav2 .nav-link:not(.dropdown-toggle).active {
        pointer-events:auto;
    }

}

.nav-toggle{
  font-size: 18px !important;
}

.navbar-level1 a.active{
    background: #eaeaea !important;
    color:#4b566b !important;
}


/*** LEAGUE COLORS ***/

    /* https://maketintsandshades.com/ 40% **/

    /*** nfl ***/
.bg-nfl.navbar-level2 {
    background: #B82121;    
    color: white;
}
.bg-nfl.navbar-level2 li.nav-item a{
    color: white !important;
}
.bg-nfl.navbar-level2 li.nav-item a.active{
    background: #d47a7a !important; 
    color: white !important;
}
.bg-nfl.navbar-level2 li.nav-item .dropdown-menu a{
    color: black !important;
}

    .bg-nfl.navbar-level3{
        background: #d47a7a !important; 
        color: white;
    }
    .bg-nfl.navbar-level3 li.nav-item a{    
        color: white !important;
    }
    .bg-nfl.navbar-level3 li.nav-item a:hover{color:gold !important;}
    .bg-nfl.navbar-level3 li.nav-item a.active{
        background: #d47a7a !important; 
        color: white !important;
        font-weight: bold !important;
        text-decoration: underline !important;
    }

.bg-nfl {
    background: #B82121 !important;    
}



    /*** nba ***/
.bg-nba.navbar-level2 {
    background: #cc9900;    
    color: white;
}
.bg-nba.navbar-level2 li.nav-item a{
    color: white !important;
}
.bg-nba.navbar-level2 li.nav-item a.active{
    background: #e0c266 !important; 
    color: white !important;
}
.bg-nba.navbar-level2 li.nav-item .dropdown-menu a{
    color: black !important;
}

    .bg-nba.navbar-level3{
        background: #e0c266 !important; 
        color: white;
    }
    .bg-nba.navbar-level3 li.nav-item a{    
        color: white !important;
    }
    .bg-nba.navbar-level3 li.nav-item a.active{
        background: #e0c266 !important; 
        color: white !important;
        font-weight: bold !important;
        text-decoration: underline !important;
    }

.bg-nba {
    background: #cc9900 !important;    
}


    /*** mlb ***/
.bg-mlb.navbar-level2 {
    background: #4a84c4;    
    color: white;
}
.bg-mlb.navbar-level2 li.nav-item a{
    color: white !important;
}
.bg-mlb.navbar-level2 li.nav-item a.active{
    background: #92b5dc !important; 
    color: white !important;
}
.bg-mlb.navbar-level2 li.nav-item .dropdown-menu a{
    color: black !important;
}

    .bg-mlb.navbar-level3{
        background: #92b5dc !important; 
        color: white;
    }
    .bg-mlb.navbar-level3 li.nav-item a{    
        color: white !important;
    }
    .bg-mlb.navbar-level3 li.nav-item a.active{
        background: #92b5dc !important; 
        color: white !important;
        font-weight: bold !important;
        text-decoration: underline !important;
    }

.bg-mlb {
    background: #4a84c4 !important;    
}


    /*** nhl ***/
.bg-nhl.navbar-level2 {
    background: #55985b;    
    color: white;
}
.bg-nhl.navbar-level2 li.nav-item a{
    color: white !important;
}
.bg-nhl.navbar-level2 li.nav-item a.active{
    background: #99c19d !important; 
    color: white !important;
}
.bg-nhl.navbar-level2 li.nav-item .dropdown-menu a{
    color: black !important;
}

    .bg-nhl.navbar-level3{
        background: #99c19d !important; 
        color: white;
    }
    .bg-nhl.navbar-level3 li.nav-item a{    
        color: white !important;
    }
    .bg-nhl.navbar-level3 li.nav-item a.active{
        background: #99c19d !important; 
        color: white !important;
        font-weight: bold !important;
        text-decoration: underline !important;
    }

.bg-nhl {
    background: #55985b !important;    
}


    /*** wnba ***/
.bg-wnba.navbar-level2 {
    background: #dd6f1a;    
    color: white;
}
.bg-wnba.navbar-level2 li.nav-item a{
    color: white !important;
}
.bg-wnba.navbar-level2 li.nav-item a.active{
    background: #eba976 !important; 
    color: white !important;
}
.bg-wnba.navbar-level2 li.nav-item .dropdown-menu a{
    color: black !important;
}

    .bg-wnba.navbar-level3{
        background: #eba976 !important; 
        color: white;
    }
    .bg-wnba.navbar-level3 li.nav-item a{    
        color: white !important;
    }
    .bg-wnba.navbar-level3 li.nav-item a.active{
        background: #eba976 !important; 
        color: white !important;
        font-weight: bold !important;
        text-decoration: underline !important;
    }

.bg-wnba {
    background: #dd6f1a !important;    
}

    /*** golf ***/
.bg-golf.navbar-level2 {
    background: #336633 !important;    
    color: white;
}
.bg-golf.navbar-level2 li.nav-item a{
    color: white !important;
}
.bg-golf.navbar-level2 li.nav-item a.active{
    background: #85a385 !important; 
    color: white !important;
}
.bg-golf.navbar-level2 li.nav-item .dropdown-menu a{
    color: black !important;
}

    .bg-golf.navbar-level3{
        background: #85a385 !important; 
        color: white;
    }
    .bg-golf.navbar-level3 li.nav-item a{    
        color: white !important;
    }
    .bg-golf.navbar-level3 li.nav-item a.active{
        background: #85a385 !important; 
        color: white !important;
        font-weight: bold !important;
        text-decoration: underline !important;
    }
   
    @media (max-width: 767px) 
    {
        .navbar-mobile.bg-golf {
            display: block !important;
            background:#336633 !important;
            float:left;
            width:100%;
        }
        .navbar-mobile.bg-golf.navbar-level2 li.nav-item a.active{
            background: #85a385 !important; 
            color: white !important;
            border: 0;
        }
        .navbar-mobile .nav > li > a.active:before {
            background-color: #85a385;
        }
        
        .navbar-mobile.bg-golf.navbar-level3 {
            display: block !important;
            background: #85a385 !important;
            float:left;
            width:100%;
        }
    }


    /*** soccer ***/
.bg-soccer.navbar-level2 {
    background: #391423;    
    color: white;
}
.bg-soccer.navbar-level2 li.nav-item a{
    color: white !important;
}
.bg-soccer.navbar-level2 li.nav-item a.active{
    background: #88727b !important; 
    color: white !important;
}
.bg-soccer.navbar-level2 li.nav-item .dropdown-menu a{
    color: black !important;
}

    .bg-soccer.navbar-level3{
        background: #88727b !important; 
        color: white;
    }
    .bg-soccer.navbar-level3 li.nav-item a{    
        color: white !important;
    }
    .bg-soccer.navbar-level3 li.nav-item a.active{
        background: #88727b !important; 
        color: white !important;
        font-weight: bold !important;
        text-decoration: underline !important;
    }

    /*** racing ***/
.bg-racing.navbar-level2 {
    background: #111;    
    color: white;
}
.bg-racing.navbar-level2 li.nav-item a{
    color: white !important;
}
.bg-racing.navbar-level2 li.nav-item a.active{
    background: #707070 !important; 
    color: white !important;
}
.bg-racing.navbar-level2 li.nav-item .dropdown-menu a{
    color: black !important;
}

    .bg-racing.navbar-level3{
        background: #707070 !important; 
        color: white;
    }
    .bg-racing.navbar-level3 li.nav-item a{    
        color: white !important;
    }
    .bg-racing.navbar-level3 li.nav-item a.active{
        background: #707070 !important; 
        color: white !important;
        font-weight: bold !important;
        text-decoration: underline !important;
    }

    /*** tennis ***/
.bg-tennis.navbar-level2 {
    background: #dfff4f;    
    color: white;
}
.bg-tennis.navbar-level2 li.nav-item a{
    color: white !important;
}
.bg-tennis.navbar-level2 li.nav-item a.active{
    background: #ecff95 !important; 
    color: white !important;
}
.bg-tennis.navbar-level2 li.nav-item .dropdown-menu a{
    color: black !important;
}

    .bg-tennis.navbar-level3{
        background: #ecff95 !important; 
        color: white;
    }
    .bg-tennis.navbar-level3 li.nav-item a{    
        color: white !important;
    }
    .bg-tennis.navbar-level3 li.nav-item a.active{
        background: #ecff95 !important; 
        color: white !important;
        font-weight: bold !important;
        text-decoration: underline !important;
    }



    /*** usfl ***/
.bg-usfl.navbar-level2 {
    background: #234274;    
    color: white;
}
.bg-usfl.navbar-level2 li.nav-item a{
    color: white !important;
}
.bg-usfl.navbar-level2 li.nav-item a.active{
    background: #7b8eac !important; 
    color: white !important;
}
.bg-usfl.navbar-level2 li.nav-item .dropdown-menu a{
    color: black !important;
}

    .bg-usfl.navbar-level3{
        background: #7b8eac !important; 
        color: white;
    }
    .bg-usfl.navbar-level3 li.nav-item a{    
        color: white !important;
    }
    .bg-usfl.navbar-level3 li.nav-item a.active{
        background: #7b8eac !important; 
        color: white !important;
        font-weight: bold !important;
        text-decoration: underline !important;
    }


    /*** xfl ***/
.bg-xfl.navbar-level2 {
    background: #234274;    
    color: white;
}
.bg-xfl.navbar-level2 li.nav-item a{
    color: white !important;
}
.bg-xfl.navbar-level2 li.nav-item a.active{
    background: #7b8eac !important; 
    color: white !important;
}
.bg-xfl.navbar-level2 li.nav-item .dropdown-menu a{
    color: black !important;
}

    .bg-xfl.navbar-level3{
        background: #7b8eac !important; 
        color: white;
    }
    .bg-xfl.navbar-level3 li.nav-item a{    
        color: white !important;
    }
    .bg-xfl.navbar-level3 li.nav-item a.active{
        background: #7b8eac !important; 
        color: white !important;
        font-weight: bold !important;
        text-decoration: underline !important;
    }



    /*** news ***/
.bg-news.navbar-level2 {
    background: #111;    
    color: white;
}
.bg-news.navbar-level2 li.nav-item a{
    color: white !important;
}
.bg-news.navbar-level2 li.nav-item a.active{
    background: #5F5F5F !important; 
    color: white !important;
}
.bg-news.navbar-level2 li.nav-item .dropdown-menu a{
    color: black !important;
}

    .bg-news.navbar-level3{
        background: #5F5F5F !important; 
        color: white;
    }
    .bg-news.navbar-level3 li.nav-item a{    
        color: white !important;
    }
    .bg-news.navbar-level3 li.nav-item a.active{
        background: #5F5F5F !important; 
        color: white !important;
        font-weight: bold !important;
        text-decoration: underline !important;
    }

    /*** podcasts ***/
.bg-podcasts.navbar-level2 {
    background: #111;    
    color: white;
}
.bg-podcasts.navbar-level2 li.nav-item a{
    color: white !important;
}
.bg-podcasts.navbar-level2 li.nav-item a.active{
    background: #5F5F5F !important; 
    color: white !important;
}
.bg-podcasts.navbar-level2 li.nav-item .dropdown-menu a{
    color: black !important;
}

    .bg-podcasts.navbar-level3{
        background: #5F5F5F !important; 
        color: white;
    }
    .bg-podcasts.navbar-level3 li.nav-item a{    
        color: white !important;
    }
    .bg-podcasts.navbar-level3 li.nav-item a.active{
        background: #5F5F5F !important; 
        color: white !important;
        font-weight: bold !important;
        text-decoration: underline !important;
    }

/*
.bg-news{
    background: #111;    
    color: white;
}
.bg-news .navbar-nav li.nav-item a{
  color: white !important;
}
.bg-news .navbar-nav li.nav-item a.active{
  background:#5F5F5F !important;
  color: white !important;
}
*/