:root{
    --white: #f9f9f9;
    --black: #36383F;
    --grey: #85888C;
}




.topnav li {
	display:inline-block;
	color: #FFF;
	text-align: center;
	padding: 0.8em 1em;
	text-decoration: none;
	font-weight: bold;
}

.topnav li a {
	color: #FFF;
	text-decoration: none;
	font-size:1em;
}

.topnav li:not(:first-child) {display: none;}
.topnav li:first-child {display:inline-block; float:left; padding:0.2em;}
.topnav li.icon {
  float: right;
  display: block;
  padding: 0.2em;
}

.topnav.responsive {position: relative;}
.topnav.responsive .icon {
  position: absolute;
  right: 0;
  top: 0;
}
.topnav.responsive li {
  float: none;
  display: block;
  text-align: left;
}
.topnav {min-height:3em;}







.topnav a:hover {
	color:#D9A400;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  border: none;
  outline: none;
  background-color: inherit;
  margin: 0;
	color: #404347;
	text-decoration: none;
	font-size:1em;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: relative !important;
	margin-top:0.5em;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 110;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  color: #222 !important;
}

.dropdown-content a:hover {
  color: #D9A400 !important;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a.titolo:hover {
  background-color: #ddd;
  color: black;
}

/* Style the links inside the dropdown */
.dropdown-content a.titolo {
  float: none;
  color: black;
  padding: 0;
  text-decoration: none;
  display: block;
  text-align: left;
}


/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown:hover {
	overflow: visible;
	color:#D9A400;
}
.dropdown:hover .dropbtn {
  color:#D9A400;
}


#dkmenu {display: none;}
/* #mobmenu {display: block;} */
#dkmenu h4{
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
}
#dkmenu h4::before {
  position: absolute;
  bottom: -1px;
  width: 40px;
  height: 1px;
  background: #D9A400;
  content: "";
  left: 0;
}


/* Responsiveness */

@media (min-width: 992px)
{

    
    .dkmenu-topnav li {
      display:inline-block;
      color: #FFF;
      text-align: center;
      padding: 0.8em 1em;
      text-decoration: none;
      font-weight: bold;
    }
    
    .dkmenu-topnav li a {
      color: #FFF;
      text-decoration: none;
      font-size:1em;
    }
    
    .dkmenu-topnav a:hover {
      color:#D9A400;
      /*
        background-color: #ddd;
        color: black;
      */
    }
    
    .dkmenu-topnav li a.titolo {
      color: #FFF;
      text-decoration: none;
      font-size:1.125em;
    }
    
    .dkmenu-topnav a.titolo:hover {
      color:#D9A400;
      /*
        background-color: #ddd;
        color: black;
      */
    }
    
    .dkmenu-topnav .icon {
        display: none;
    }
    
    
    
    
    /* Style the dropdown button to fit inside the topnav */
    .dkmenu-dropdown .dkmenu-dropbtn {
      border: none;
      outline: none;
      background-color: inherit;
      margin: 0;
      color: #404347;
      text-decoration: none;
      font-size:1em;
    }
    
    /* Style the dropdown content (hidden by default) */
    .dkmenu-dropdown-content {
      display: none;
      position: absolute;
      margin-top:0.5em;
      background-color: #f9f9f9;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 110;
      padding-top: 1em;
    }
    
    .dkmenu-dropdown-content-full {
      left: 0;
      min-width: 100%;
    }
    
    /* Style the links inside the dropdown */
    .dkmenu-dropdown-content a {
      float: none;
      color: black !important;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: left;
    }
    
    /* Add a dark background on topnav links and the dropdown button on hover */
    
    
    /* Add a grey background to dropdown links on hover */
    .dkmenu-dropdown-content a:hover {
      background-color: #ddd;
      color: black;
    }
    
    /* Style the links inside the dropdown */
    .dkmenu-dropdown-content a.titolo {
      float: none;
      color: black;
      padding: 0;
      text-decoration: none;
      display: block;
      text-align: left;
    }
    
    /* Add a dark background on topnav links and the dropdown button on hover */
    
    
    /* Add a grey background to dropdown links on hover */
    .dkmenu-dropdown-content a.titolo:hover {
      background-color: #ddd;
      color: black;
    }
    
    /* Show the dropdown menu when the user moves the mouse over the dropdown button */
    .dkmenu-dropdown:hover .dkmenu-dropdown-content {
      display: block;
    }
    .dkmenu-dropdown:hover {
      overflow: visible;
      color:#D9A400;
    }
    .dkmenu-dropdown:hover .dkmenu-dropbtn {
      color:#D9A400;
    }  
  
		#dkmenu {display: block;}
		#mobmenu {display: none;}

}