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


div#intestazione{
    width:100%;
    position: sticky;  
    left:0px;  
    top:0px;
    font-family: 'Urbanist', sans-serif;
    background-color:#ad7e60;
    }

   
    /* Navbar and main menu CSS */

    .navbar .nav-link{
       margin-left: 10px;
       font-size: 16px;
       position: relative;
       color: whitesmoke;
       width: fit-contents;
     }

    

    .navbar .nav-link::before{
            content: '';
            position: absolute;
            bottom: 8px;
            left: 0;
            right: 0;
            margin-inline: auto;
            width: 0%;
            height: 3px;
            background-color: whitesmoke;
            box-shadow: 0px 0px 8px whitesmoke;
            transition: all .6s ease; 
           }

    .navbar .nav-item .nav-link:hover::before{
        width: 100%;
        }



           @media screen and (max-width: 992px) {

            a.nav-link.active.fw-bold {

                width:fit-content;
            }    

            .navbar .nav-link::before {
                content: '';
                position: absolute;
                bottom: 8px;
                left: 0;
                right: 100%;               
                width: 0%;
                height: 3px;
                background-color: whitesmoke;
                box-shadow: 0px 0px 8px whitesmoke;
                transition: all .6s ease;
            }

            .navbar .nav-item .nav-link:hover::before {
                width: 240px;
                }

            .navbar .nav-item#home .nav-link:hover::before {
                width: 80px;
                }

             .navbar .nav-item#formazione .nav-link:hover::before {
                width: 205px;
                }

             .navbar .nav-item#fiere .nav-link:hover::before {
                width: 145px;
                }

             .navbar .nav-item#traduzioni .nav-link:hover::before {
                width: 255px;
                }
            
          }

        
       

    .navbar-light .nav-link.active {
        font-family: 'Urbanist', sans-serif;
        color: whitesmoke;
        }

     .navbar-light .navbar-toggler-icon {
        background-image:  url("/icroundmenu.svg");
        color: whitesmoke;    
    }

    /* Buttons CSS */

    button.navbar-toggler {
        border: none;
        transition: all 0.7s ease;
        background-color:#074583; 
      
        }

    button.navbar-toggler:hover {
        background-color: lightcoral; 
          
        }


    button.btn.btn-outline-success {
        border: none;
        transition: all 0.7s ease;
        box-shadow: none;
        background-color: #074583;
        }
    
    
    button.btn.btn-outline-success:hover {
        background-color:lightcoral;
        
        }

    /* Hyperlink (a) CSS */

    a.container.d-flex.align-items-center.justify-content-center {
        width: fit-content;
    }

    a.container.d-flex.align-items-center.justify-content-center:link {
        text-decoration: none;
        color:#074583;
      }
      
    a.container.d-flex.align-items-center.justify-content-center:visited {
        text-decoration: none;
        color:#074583;
      }
      
    a.container.d-flex.align-items-center.justify-content-center:hover {
        text-decoration: none;
        color:#074583;
      }
      
    a.container.d-flex.align-items-center.justify-content-center:active {
        text-decoration: none;
        color:#074583;
      }
    
ul.navbar-nav.me-lg-auto.me-auto.mt-2.mb-2.mb-lg-0 {
width: 100%;

}


/* Main contents CSS */

div#contenuto{ 
       width:100%;    
       background-color:#faf0f3;
       font-size:20px;
       font-family: 'Urbanist', sans-serif;
       padding-top:20px;
       display: block;
       flex-wrap: wrap;
       }

div#contenuto ul{ 
        font-size:18px;
        }

/* Footer CSS */

footer.pieDiPagina{ 
    background-color: #b1d5ec;
    padding: 20px 0 0 0;
    box-sizing: border-box;
    }	

    footer.pieDiPagina div.container-fluid{
        margin: auto;
    }

    footer.pieDiPagina div.container-fluid ul{
        list-style: none;
        padding-left: 0%;
    }

    footer.pieDiPagina div.container-fluid div.row{
        display:flex;
        flex-wrap: wrap; 
    }

    footer.pieDiPagina div.container-fluid div.row div.footer-col{
        width: 80%;
        padding: 0 15px 0 15px;
    }

    footer.pieDiPagina div.container-fluid div.row div.footer-col#fineCol{
        width: 20%;
        padding: 0 15px 0 15px;
    }

    footer.pieDiPagina div.container-fluid div.row div.footer-col h4{
        font-size: 18px;
        color: #074583;
        text-transform: capitalize;
        margin-bottom: 15px;
        font-family: 'Urbanist', sans-serif;
        position: relative;
        
    }

    footer.pieDiPagina div.container-fluid div.row div.footer-col h4::before{
        content: '';
        position:absolute;
        left: 0;
        bottom: -6px;
        background-color: whitesmoke;
        height: 3px;
        box-sizing: border-box;
        width: 80px;  
    }

footer.pieDiPagina div.container-fluid div.row div.footer-col ul li:not(:last-child){
      margin-bottom: 10px;   
    }

footer.pieDiPagina div.container-fluid div.row div.footer-col ul li a{
    font-size: 16px;
    text-transform: capitalize;
    color: #074583;
    text-decoration: none;
    font-weight: 500;
    display: block;
    transition: all 0.3s ease;
    width: fit-content;  
    }

footer.pieDiPagina div.container-fluid div.row div.footer-col ul li {
        font-size: 16px;
        text-transform: capitalize;
        color: #074583;
        text-decoration: none;
        font-weight: 500;
        display: block;
        transition: all 0.3s ease;
        width: fit-content;
    }


    footer.pieDiPagina div.container-fluid div.row div.footer-col ul li a:hover{
        color: whitesmoke;
        padding-left: 8px;   
        }

    footer.pieDiPagina div.container-fluid div.row div.footer-col ul li:hover{
         color: whitesmoke;
        padding-left: 8px;       
        }


    footer.pieDiPagina div.container-fluid div.row div.footer-col div.contatti a{
        display: inline-block;
        height: 40px;
        width: 40px;
        background-color: #6bb8e8;
        margin:0 10px 10px 0;
        text-align: center;
        line-height: 40px;
        border-radius: 50%;
        color:#074583;
        transition: all 0.3s ease       
        } 


    footer.pieDiPagina div.container-fluid div.row div.footer-col div.contatti a:hover{
        color:whitesmoke;
        background-color: #074583;       
        } 

/* Responsive Footer */

@media(max-width: 992px){

    footer.pieDiPagina div.container-fluid div.row div.footer-col{
        width: 65%;
        padding: 0 15px;
        margin-bottom: 30px;
    } 


    footer.pieDiPagina div.container-fluid div.row div.footer-col#fineCol{
        width: 35%;
        padding: 0 15px 0 15px;
    }
} 


@media(max-width: 574px){

    footer.pieDiPagina div.container-fluid div.row div.footer-col{
        width: 50%;
        margin-bottom: 10px;
    } 

    footer.pieDiPagina div.container-fluid div.row div.footer-col#fineCol{
        width: 50%;
        padding: 0 10px 0 15px;
    }


} 

@media(min-height: 1340px){

    footer.pieDiPagina div.container-fluid div.row div.footer-col{
        width: 80%;
        margin-top: 20px;
        margin-bottom: 50px;
    } 

    footer.pieDiPagina div.container-fluid div.row div.footer-col#fineCol{
        width: 20%;
        padding: 0 10px 0 15px;
    }

}