/* CSS HEX *
    --cultured: #f2f2f2;
    --medium-candy-apple-red: #df1a2d;
    --bordeaux: #95010f;
    --gainsboro: #dddddd;
    --eerie-black: #191919;


     SCSS RGB
    $cultured: rgba(242, 242, 242, 1);
    $medium-candy-apple-red: rgba(223, 26, 45, 1);
    $bordeaux: rgba(149,1,15,1);
    $gainsboro: rgba(221, 221, 221, 1);
    $eerie-black: rgba(25, 25, 25, 1);

    */
    .navbar {
        position: fixed;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        background-color:transparent;
        padding-top: 1.5rem;
        z-index: 20;
        transition: 0.3s ease all;
        width: 101vw;
    }
    .navbar-brand {
        display:none;
        color: #f2f2f2;
        font-size: 20px;
        text-transform: uppercase;
        font-family: 'Poppins';
    }
    .navbar .navbar-toggler {
        color: #f2f2f2;
        border-color: #f2f2f2;
        margin-right: 0.5rem;
    }
    .navbar .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(242,242,242, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }

    .navbar.scrolled {
        background-color: #95010f;
        transition: background-color 300ms ease;
    }
    .navbar .navbar-nav{
        margin: auto !important;
        padding-left: 44px;
    }
    .navbar .navbar-nav .nav-link{
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 600;
        color: #f2f2f2;
    }
    .navbar .navbar-nav .nav-item{
        margin: auto 0.5rem;
    }
    /* .navbar .navbar-nav li:nth-child(4) {
        margin-left: ;
        margin-right: 0.75rem;
    }
    .navbar .navbar-nav li:nth-child(5) {
        margin-left: 0.25rem;
        margin-right: 1.25rem;
    }
    .navbar .navbar-nav li:nth-child(6) {
        margin-left: 0rem;
        margin-right: ;
    } */

    .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
        color: #f2f2f2;
    }
    .navbar .navbar-nav .dropdown-menu .dropdown-item{
        text-transform: uppercase;
        font-size: 14px;
        color: #f2f2f2;
        transition: 0.3s ease;
    }
    .dropdown-item:focus, .dropdown-item:hover {
        color: #f2f2f2;
        background-color: transparent;
        font-weight: 500;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        background-color: rgba(25, 25, 25, 0.75);
        border:none;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu li {
        font-size: 14px;
        color: #f2f2f2;
        text-align: center;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        top: 110%;
        left: -50%;
        margin-top: var(--bs-dropdown-spacer);
    }
    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);

    }
        .navbar-expand-lg .navbar-nav .dropdown-club {
        left: -70%;
    }
        .navbar-expand-lg .navbar-nav .dropdown-squadre {
        left: -50%;
    }
        .navbar-expand-lg .navbar-nav .dropdown-staff {
        left: -90%;
    }
        .navbar-expand-lg .navbar-nav .dropdown-calendario {
        left: -30%;
    }



    .navbar-link-mobile-hide{
        display: block;
    }
    .navbar-link-mobile-show{
        display: none;
    }

    @media(min-width: 0px) and (max-width: 991.98px) {
    .navbar-link-mobile-hide{
        display: none;
    }
    .navbar-link-mobile-show{
        display: block;
    }

}