/* Desktop navigation menu styles */
.menu_navContainer {
	background-color: var(--prim-colour);
}

.menu_nav {
  display: table;
  margin: 0 auto;

}

.pointer {cursor: pointer;}

/* span.downArrow {
    display: inline-block;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='12' height='14' viewBox='0 -10 75 75' preserveAspectRatio='none'><path d='M0,0 l35,50 l35, -50' fill='white' stroke='white' stroke-linecap='round' stroke-width='5' /></svg>") no-repeat center;
} */
 

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--prim-colour);
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
}

li {
  float: left;
}

li a, .dropbtn {
  display: inline-block;
  color: var(--nona-colour);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;  
}


li a:hover, .dropdown:hover .dropbtn {
  background-color: var(--tert-variant);
  cursor: pointer;
}

li.dropdown {
  display: inline-block;
}

.dropdownContent {
  display: none;
  position: absolute;
  background-color: var(--prim-colour);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
 
}

.dropdownContent a {
  color: var(--nona-colour);
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
  
  
}

.dropdownContent a:hover {
	background-color: var(--tert-variant);
	color: var(--hi-colour);
}

.dropdown:hover .dropdownContent {
  display: block;
}