/* Custom styles for the mobile modal menu */
.menu-mobile-menu-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 1.0);
  color: #000000;
  z-index: 1050;
  display: none;
}

.menu-material-icons {
  font-size: 1.8rem; /* Dimensione icona */
}


.menu-mobile-menu-modal.show {
  display: block;
}

/* Header of the modal */
.menu-mobile-menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 0px;
  background-color: #FFFFFF;
}

.menu-mobile-menu-header{
  background: none;
  border: none;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1;
}

.menu-mobile-menu-header{
  color: #bbb;
}


.menu-btn-close-wefan {
  background: none;
  border: none;
  color: #080808;
  font-size: 2.5rem;
  line-height: 1;
}

.menu-btn-close-wefan:hover {
  color: #242222;
}



/* Menu links */
.menu-content {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 20px;
  text-align: center;
}

.menu-content a {
  display: block;
  margin: 10px 0;
  color: #000000;
  text-decoration: none;
  font-size: 1.5rem;
  padding-left: 1.0rem;
}

.menu-content a:hover {
  text-decoration: underline;
}



  /***** gestione imagini per tutti i breakpoint di bootstra e con la gestione degli schermi ad alta risoluzione */

  .menu-logo-img-svg {
      content: url('../logo/wf_h_og.svg');
      height: 30px;
      /*
      width: 100%;
      max-width: 10rem;
      */
  }


  @media (min-resolution: 192dpi) {

  }


  /* Schermi piccoli (>=576px) */
  @media (min-width: 576px) {

  }
  @media (min-width: 576px) and (min-resolution: 192dpi) {

  }

  /* Schermi medi (>=768px) */
  @media (min-width: 768px) {

  }
  @media (min-width: 768px) and (min-resolution: 192dpi) {

  }

  /* Schermi grandi (>=992px) */
  @media (min-width: 992px) {

  }
  @media (min-width: 992px) and (min-resolution: 192dpi) {

  }

  /* Schermi molto grandi (>=1200px) */
  @media (min-width: 1200px) {

  }
  @media (min-width: 1200px) and (min-resolution: 192dpi) {

  }

  /* Schermi enormi (>=1400px) */
  @media (min-width: 1400px) {

  }
  @media (min-width: 1400px) and (min-resolution: 192dpi) {

  }
  
  /***** FINE gestione imagini per tutti i breakpoint di bootstra e con la gestione degli schermi ad alta risoluzione */