/*HEADER*/
.navbar {transition: all ease-in-out 0.3s;}
.navbar-collapse {justify-content: space-between;}
.navbar-light {border-radius: 45px; box-shadow: 0px 3px 6px #00000014; padding: 30px 50px; background-color: #fff; transition: all ease-in-out .3s;}
.nav_cta {gap: 15px; position: relative;display: flex;}
.navbar-brand {max-width: 15vw; transition: max-width 0.3s ease-in-out;}
.navbar-shrink .navbar-light { padding: 15px 50px;}
.navbar-shrink .navbar-brand{ max-width: 120px; height: auto;}

/* X icon (when open, i.e. not collapsed) */
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M6 6L24 24M24 6L6 24'/%3E%3C/svg%3E");
}
/*SEARCH*/
#searchform {transition: width 0.3s ease-in-out;position: absolute;right: 53px;top: 50%;transform: translateY(-50%);visibility: visible;opacity: 1;z-index: 3;width: 100%;}
#searchform.hidden {visibility: hidden;pointer-events: none;opacity: 0;}
.btn-hidden.hidden {visibility: hidden;pointer-events: none;opacity: 0;}

/*MENU*/
.menu-item {position: relative;}
.menu-item::before {content: '';position: absolute;bottom: 0px;left: 10%;width: 90%;height: 2px;background-color: var(--giallo);transform: scaleX(0);transition: transform 0.3s ease-in-out;}
.menu-item:hover::before {transform: scaleX(1);}
.menu-item.active a{color: var(--nero);font-weight: 600;}
.menu-item.active::before {transform: scaleX(1);}