#header-menu {background-color: white;}
.navbar .megamenu{ padding:3rem 1rem;    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); }
.navbar {
    padding: 0; 
    color: var(--display-color-2);
    --bs-navbar-nav-link-padding-x:0.8rem;
     
}
#full-header {padding:0 4rem; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); }
#full-footer {color:var(--display-color-4);padding-top:8rem; padding-bottom: 8rem;}
#full-footer .footer-logo {margin-left: 5.6rem;}
#full-footer a {font-weight: normal;}
#full-footer .footer-text {font-size: 0.8rem;}


.nav-link {padding-bottom:1.5rem;display: inline-block;}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color:var(--display-color-4);
    background-color: var(--display-color-3);
}
.navbar-brand, .footer-logo {padding:0;margin: 1.6rem;}
.dropdown-toggle::after {
    display: inline-block;
    width: .4em;
    height: .4em;
    margin: -.3em 0 0 .4em;
    vertical-align: middle;
    content: "";
    border: .3em solid;
    border-width: 0 .15em .15em 0;
    transform: rotateZ(45deg);
    color:var(--display-color-1);
}
.dropdown-toggle.notoggle::after {opacity: 0;}

.navbar-nav .nav-link.active.dropdown-toggle::after, .navbar-nav .nav-link.show.dropdown-toggle::after {color:var(--display-color-4);}
.navbar-collapse { align-self: flex-end;}

.navbar .megamenu ul {list-style-type: none;padding-left: 0.5rem;}
.navbar .megamenu ul li {padding:0.5rem 0;}

.navbar .megamenu .row div{    padding-top: 2rem; }
.navbar .megamenu .row div:nth-child(-n+2){    padding-top: 0rem; }

.dropdown-menu {
    --bs-dropdown-bg:var(--display-color-3);
    --bs-dropdown-color:var(--display-color-4);
    --bs-dropdown-border-radius:0;
	--bs-dropdown-spacer: 0
}

.nav-link.dropdown-toggle {padding: 1rem;}
.dropdown-menu {--bs-dropdown-spacer: 0}

#top-menu {font-size: 0.8rem;color:var(--display-color-5);padding:0.6rem 0;overflow: hidden; /* Nasconde il contenuto finché l'animazione non è completata */
        transition: height 0.3s ease; /* Transizione sull'altezza in 0.3 secondi */ height: 50px;}
#top-menu.open {     height:150px;     }
#top-menu li  {border-right: none;}
#top-menu li:last-child {border:0;}
#top-menu .nav-link  {padding: 0rem 0.8rem;margin:0;}
#top-menu>.navbar-nav li a {border-right:1px solid var(--display-color-5);}
#top-menu li:last-child a {border-right: none;}
#top-menu .navbar-nav 
#top-menu .nav-link.active, 
#top-menu .navbar-nav .nav-link.show {   color: #000000;        background-color: #ffffff;}
#top-menu .dropdown-menu { --bs-dropdown-bg: #fff;   --bs-dropdown-color:   #000000; font-size:0.8rem;}
#top-menu .dropdown-item {border-right: none !important;}
#top-menu .dropdown-item:focus,  #top-menu .dropdown-item:hover {color:var(--display-color-1);;background-color:#fff;font-weight: bold;}
#top-menu .dropdown-slide li {border-right: 0;}
#top-menu .navbar-nav .dropdown-menu {position: absolute;}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

	
}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
  .navbar .megamenu .row div{    padding-top: 0rem !important; }
}
/* ============ mobile view .end// ============ */