.navbar{

    /* top: 0px;

    position: absolute; */

    width: 100%;

    /*background-image: linear-gradient(to top, transparent, rgb(46, 39, 39));*/

    background-color: white; /*meglio se lo facciao sul bianco immacolato della chiesa*/

    z-index: 3;

    box-shadow: 0px 0px 10px rgb(46, 45, 45);

}



.navbar-custom-logo{

    height: 67px;

    transition: 0.2s;

}



.navbar-custom-logo:hover{

    height: 80px;

}



.nav-link{

    text-align: center;

    font-size: 17px;

    color: black;

    border-radius: 10px;

    transition: all 0.4s;

    /*text-shadow: 2px 2px 5px rgb(46, 45, 45);*/

}



.nav-link:hover{

    color: white;

    background-color: black;

    border-radius: 10px;

    text-shadow: none;

}



.nav-link:focus{

    color: white;

    background-color: black;

    border-radius: 10px;

}



.navbar{

    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

    --bs-navbar-toggler-border-color: black;

    --bs-navbar-toggler-border-size: 2px;

    --bs-navbar-active-color: white;

}



.navbar-toggler{

    background-color: white;

    /*box-shadow: 2px 2px 5px rgb(46, 45, 45);*/

}



.navbar-nav{

    --bs-nav-link-color: white;

}



.dropdown-item:active{

    background-color: black;

}



@media all and (max-width: 575.9px){

    .navbar-custom-logo:hover{

        height: 67px;

    }

}