.elementor-322 .elementor-element.elementor-element-c47e519{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--z-index:3;}.elementor-322 .elementor-element.elementor-element-dd7bd65{z-index:2;}.elementor-322 .elementor-element.elementor-element-dd7bd65 img{width:90px;}.elementor-322 .elementor-element.elementor-element-46dbc17{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-322 .elementor-element.elementor-element-a25dcea{width:var( --container-widget-width, 50px );max-width:50px;--container-widget-width:50px;--container-widget-flex-grow:0;z-index:1;}.elementor-322 .elementor-element.elementor-element-a25dcea.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-322 .elementor-element.elementor-element-06a808c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:0;--e-nav-menu-horizontal-menu-item-margin:calc( 14px / 2 );}.elementor-322 .elementor-element.elementor-element-06a808c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:80px 0px 10px 0px;}.elementor-322 .elementor-element.elementor-element-06a808c .elementor-nav-menu .elementor-item{font-size:35px;}.elementor-322 .elementor-element.elementor-element-06a808c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );padding-left:30px;padding-right:30px;padding-top:26px;padding-bottom:26px;}.elementor-322 .elementor-element.elementor-element-06a808c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:14px;}.elementor-322{margin:30px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:880px){.elementor-322 .elementor-element.elementor-element-c47e519{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-322 .elementor-element.elementor-element-46dbc17{--width:50px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-322 .elementor-element.elementor-element-46dbc17.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-322 .elementor-element.elementor-element-06a808c > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-322 .elementor-element.elementor-element-06a808c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-322 .elementor-element.elementor-element-06a808c.elementor-element{--align-self:center;}}@media(min-width:881px){.elementor-322 .elementor-element.elementor-element-c47e519{--width:90%;}}/* Start custom CSS for nav-menu, class: .elementor-element-06a808c */.elementor-322 .elementor-element.elementor-element-06a808c li {
    border-radius: 10px;
}



/*Home*/

li.menu-home {
    background-color: var(--e-global-color-secondary);
}

li.menu-home a {
    color: var(--e-global-color-primary) !important;
    font-size: 43px !important;
    font-style: italic;
}

/*About e Project*/

li.menu-about a, li.menu-project a {
    font-family: "Montserrat", sans-serif;
    font-size: 35px!important;
    font-weight: 400;
    padding-bottom: 10px !important;
}


/*What*/

li.menu-what a {
    font-family: "Alfa Slab One", sans-serif;
    font-size: 35px!important;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 11px !important;
}



/*News*/

li.menu-news a {
    font-size: 50px!important;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 17px !important;
}

/*Magazine*/


li.menu-magazine a {
     font-family: "Montserrat", sans-serif;
    font-size: 35px!important;
    font-weight: 900;
   font-style: italic;
padding-right: 0!important;
padding-bottom: 16px !important;
}



@media (max-width: 767px) {
    
nav.elementor-nav-menu--main {
display: flex
;
flex-direction: column;
align-content: center;
/* align-items: center; */
flex-wrap: wrap;
}
    
li.menu-home a {
    font-size: 44px !important
}


li.menu-about a, li.menu-project a {
    font-size: 32px!important;
}

li.menu-what a {
    font-size: 34px!important;
}

li.menu-news a {
    font-size: 45px!important;
}

li.menu-magazine a {
    padding-left: 0!important;
    font-size: 40px!important;
}  
}/* End custom CSS */
/* Start custom CSS *//* Contenitore generale */
.custom-menu-container {
  position: relative;
  text-align: center;
}

/* ====== HAMBURGER ICON ====== */
.menu-toggle {
  cursor: pointer;
  display: inline-block;
  margin: 20px auto;
  position: relative;
  width: 30px;
  height: 24px;
  z-index: 20;
}

.menu-icon,
.menu-icon::before,
.menu-icon::after {
  position: absolute;
  left: 0;
  width: 50px;
  height: 6px;
  background: white;
  border-radius: 5px;
  transition: all 0.4s ease;
}

.menu-icon {
  top: 50%;
  transform: translateY(-50%);
  background: var(--e-global-color-primary);
}

.menu-icon::before {
  content: "";
  top: -13px;
  background: var(--e-global-color-primary);
}

.menu-icon::after {
  content: "";
  top: 13px;
  background: var(--e-global-color-primary);
}

/* Hamburger → Croce */
.menu-toggle.active .menu-icon {
  background: transparent;
}
.menu-toggle.active .menu-icon::before {
  top: 0;
  transform: rotate(45deg);
  background: var(--e-global-color-secondary);
}
.menu-toggle.active .menu-icon::after {
  top: 0;
  transform: rotate(-45deg);
  background: var(--e-global-color-secondary);
}

/* ====== MENU PANEL ====== */
.menu-panel {
  max-width: 1480px!important;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  transform-origin: top center;
  background: #e5e2dd;
  padding: 20px 40px;
  border-radius: 12px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.68,-0.55,0.27,1.55);
  z-index: 10;
  overflow: hidden;
}

.menu-panel.active {
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
}


@media (max-width: 880px) {
    
    .menu-panel {
    width: 84% !important;
    position: fixed;
    left: 50%;
    top: 130px;
    transform: translateX(-50%);
    display: none;
    }
    
    .menu-panel.active {
        display: block;
    }
    
    .menu-toggle.active .menu-icon::before {
        background: var(--e-global-color-primary);
    }
    
    .menu-toggle.active .menu-icon::after {
        background: var(--e-global-color-primary);
    }
}

/* Effetto popping sulle voci */
.menu-panel ul > li {
  opacity: 0;
  transform: scale(0.5);
}



.menu-panel ul > li a:hover {
   transform: rotate(-5deg) scale(1.1) !important;
}

.menu-panel ul > li.menu-what a:hover {
   transform: rotate(6deg) scale(1.1) !important;
}

.menu-panel ul > li.menu-about a:hover {
   transform: translateY(5px) scale(1.1) !important;
}

.menu-panel ul > li.menu-news a:hover {
   transform: translateY(-8px) scale(1.1) !important;
}

.menu-panel ul > li.menu-magazine a:hover {
   transform: rotate(8deg) scale(1.1) !important;
}/* End custom CSS */