@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@1,700;1,800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,900&family=Montserrat:ital,wght@0,200;0,300;0,400;0,600;1,800&family=Ropa+Sans:ital@0;1&display=swap');

/*--------- MENU IT ---------*/


#block-iplanheader2022liv #loggedUser {
  position: relative;
  bottom: 2px;
  right: -15px;
  font-size: 13px;
  height: 75px;
  display: flex;
  align-items: end;
}

#block-iplanheader2022liv .bg-light {
  background-color: #ffffff !important;
  padding-bottom: 34px;
  height: 110px;
}

h2#block-menulivmesh-menu {
  display: none;
}

div#block-iplanheader2022liv h2 {
  display: none;
}

#block-menulivmesh li.nav-item {
   padding: 0!important;
   height: unset; 
   overflow: unset; 
}

#block-menulivmesh li.nav-item a:hover{
  cursor: pointer;
  opacity: 0.85;
  margin-top: unset;
}


div#block-iplanheader2022liv {
  position: fixed;
  width: 100%;
  max-width: 1440px;
  z-index: 100;
  top: 0;
}
nav#block-menulivmesh {
  position: fixed;
  z-index: 101;
  /* top: 76px; */
  top: 110px;
  padding: 0 32px;
  background-color: #fff;
  width: 100%;
  max-width: 1440px;
  box-shadow: 0px 3px 1px 0px #00000012;
}


#block-menulivmesh li.nav-item {
  padding: 0!important;
  height: unset;
  overflow: unset;
  font-size: 16px;
  color: #8f9090;
  margin: 0px 10px 0px;
  display: flex;
}

#block-menulivmesh a.nav-link {
color: #8f9090;
}
#block-menulivmesh .menu-item--expanded a {
color: #8f9090!important;
}

#block-menulivmesh a {
color: #8f9090;
margin-right: 5px;
font-family: 'roboto-regular-webfont';
}

#block-menulivmesh li:hover > ul, li:active > ul {
display: block;
}
/*
#block-menulivmesh ul ul {
position: absolute;
z-index: 1;
display: none;
top: 35px;
}*/
#block-menulivmesh ul ul {
  position: absolute;
    z-index: 1;
    display: none;
    top: 28px;
    /* display: flex; */
    max-width: 300px;
    flex-wrap: wrap;
    padding: 8px 20px 19px 40px!important;
}
#block-menulivmesh ul ul::after {
content: '';
}

#block-menulivmesh .bg-light {
background-color: #fff!important;
padding: 0px 0px 45px;
z-index: 1;
}
#block-menulivmesh li.nav-item a:hover {
  color:#EA1758!important;
}

#block-menulivmesh li.nav-item:after {
content: '|';
opacity: 0;
padding: 0 20px;
}

#block-menulivmesh li.nav-item li.nav-item:after {
content: '';
padding: 0 20px;
display: none;
}
#block-menulivmesh li:hover > ul, li:active > ul {
display: block;
margin: 0;
padding: 0;
}

#block-menulivmesh li.nav-item:last-child:after {
content: '';
}
/*#block-menulivmesh li li.nav-item {
margin: 5px 35px 0px 0px;
display: inline-flex;
}*/
#block-menulivmesh li li.nav-item {
  margin: 5px 35px 0px 0px;
  display: block;
  width: 80px;
}

#block-menulivmesh li.nav-item.menu-item--expanded a:after {
content: "\f107";
font: normal normal normal 14px/1 FontAwesome;
font-weight: 800;
padding-left: 15px;
}
#block-menulivmesh li.nav-item.menu-item--expanded li a:after {
content: "";
font: normal normal normal 14px/1 FontAwesome;
font-weight: 800;
padding-left: 15px;
}

#block-menulivmesh li:hover > ul, li:active > ul {
  background: white;
  border: 0px solid rgba(0,0,0,.15);
  border-radius: 10px;
  padding: 10px;
  min-width: 210px;
  min-height: 116px;
  width: fit-content;
  box-shadow: 0px 11px 27px -7px #888888;
  margin-top: 10px;
}

#block-menulivmesh li:hover ul.menu {
display: flex;
}

#block-menulivmesh li:hover > ul ul {
background: none;
border: none;
border-radius: 6px;
padding: 10px;
min-width: 200px;
min-height: 200px;
box-shadow: none;
margin-top: 0;
}
#block-menulivmesh li:hover ul ul.menu {
display: grid;
padding: 0;
}

#block-menulivmesh ul li li li.nav-item a {
height: 0px;
padding: 0;
margin: 0;
}

#block-menulivmesh ul li li li.nav-item {
margin: 0px;
}

#block-menulivmesh ul li li li.nav-item:first-child {
  width: 175px;
margin: 0px;
margin-top: 20px;
}

#block-menulivmesh ul ul::after {
  content: '';
  width: 0;
  height: 0;
  display: none;
  margin-left: 40px;
  margin-top: -60px;
  top: 20px;
  position: absolute;
  border-right: 20px solid transparent;
  border-top: 20px solid transparent;
  border-left: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
}
#block-menulivmesh ul ul.menu ul.menu::after {
  content: '';
  width: 0;
  height: 0;
  border-right: 0px;
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
}
#block-menulivmesh ul.clearfix.nav {
  height: 39px;
}

#block-menulivmesh a {
  color: #7C7B85;
  margin-right: 5px;
  font-family: 'Lato';
  font-size: 14px;
  font-weight: 600;
  padding-top: 9px!important;

}
@media only screen and (min-width: 601px) {
#block-iplanheader2022liv .bg-light {
  background-color: #ffffff !important;
  padding-bottom: 34px;
  height: 110px;
  width: 100%;
  position: fixed;
  max-width: 1440px;
}
}

/* MEDIA QUERIES */

@media only screen and (max-width: 600px) {
  
  
  /* nev bar mobile */
  #block-menulivmesh li.nav-item:after {
  display: none;
  }

  nav#block-menulivmesh {
    position: fixed;
    z-index: 101;
    /* top: 170px; abierto */
    display: flex;
    justify-content: space-evenly;
    top: 110px;
    padding: 0;
    background-color: #fff;
    width: 100%;
    max-width: 1440px;
    box-shadow: 0px 3px 1px 0px #00000012;
}


  .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap!important;
    padding-left: 0!important;
    margin-bottom: 0;
    list-style: none;
    width: calc(100% - 20px);
    text-align: center;
    justify-content: space-between;
    overflow: hidden;
  }

  .header-buttons {
    width: auto;
    position: relative;
    right: unset;
    margin-top: 14px;
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
    width: 100%;
    align-items: center;
  }

  #block-iplanheader2022liv .bg-light {
    height: 110px;
    position: fixed;
    width: 100%;
  }

  #block-menulivmesh ul.clearfix.nav {
    height: auto;
}
  /* nev bar mobile */
}