/*
=========================================
THE ARENA
Sport Navigation
Version 3.1
=========================================
*/

/* ==========================
   NAVIGATION BAR
========================== */

.lb-sport-nav{

    background:#06152A;
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,.06);

}

/* ==========================
   WRAPPER
========================== */

.lb-sport-wrapper{

    width:min(960px,95%);
    margin:0 auto;

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

    background:#0C1F3D;

    border:1px solid rgba(255,255,255,.05);
    border-radius:12px;

    overflow:hidden;

}

/* ==========================
   NAV ITEMS
========================== */

.lb-sport-item{

    flex:1;

    height:44px;

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

    gap:1px;

    text-decoration:none;

    color:#FFFFFF;

    font-size:14px;
    font-weight:600;
    letter-spacing:.2px;

    position:relative;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;

}

/* Divider */

.lb-sport-item:not(:last-child){

    border-right:1px solid rgba(255,255,255,.05);

}

/* Hover */

.lb-sport-item:hover{

    background:#163764;
    color:#FFC72C;

    transform:translateY(-1px);

}

/* Active */

.lb-sport-item.active{

    background:linear-gradient(
        to bottom,
        #183B70,
        #10284E
    );

    color:#38D27A;

}

/* Green underline */

.lb-sport-item.active::after{

    content:"";

    position:absolute;

    left:28px;
    right:28px;
    bottom:0;

    height:3px;

    background:#38D27A;

    border-radius:20px;

}

/* ==========================
   ICON
========================== */

.lb-sport-icon{

    width:16px;
    height:16px;

    flex-shrink:0;

    transition:
        transform .25s ease;

}

/* SVG inherits text colour */

.lb-sport-icon path{

    fill:currentColor;

}

/* Icon animation */

.lb-sport-item:hover .lb-sport-icon{

    transform:scale(1.10);

}
/* ==========================
   STICKY STACK FIX
========================== */
.lb-sport-nav{
    position:sticky !important;
    top:75px !important;
    z-index:99999 !important;
    width:100% !important;
}

.lb-sport-wrapper{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
}

.lb-sport-item{
    min-width:0 !important;
}

body.admin-bar .lb-sport-nav{
    top:107px !important;
}

@media(max-width:782px){
    body.admin-bar .lb-sport-nav{
        top:121px !important;
    }
}