/* Header CSS */
/* Pure CSS DropDown Menu */
/* https://www.sliderrevolution.com/resources/css-dropdown-menu/ */

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

/* The navigation menu */
#container {
  margin: 0 auto;
  z-index: 1;
  position: relative;
}

nav {
  margin: 50px 0;
  background-color: #1c7eb4;
}

nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  }
  
nav ul li {
  display: inline-block;
  background-color: #1c7eb4;
  }

nav a {
  display: block;
  padding: 0 10px; 
  color: #FFF;
  font-size: 16px;
  line-height: 45px; /* The height of the nav bar */
  text-decoration: none;
}

nav a:hover { 
  background-color: #1c7eb4; 
  color: white;
  text-decoration: none;
}

/* Hide Dropdowns by Default */
nav ul ul {
  display: none;
  position: absolute; 
  top: 45px; /* the height of the main nav */
}
  
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
  display:inherit;
}
  
/* Fisrt Tier Dropdown */
nav ul ul li {
  width: 150px;
  float: none;
  display: list-item;
  position: relative;
}

/* Nav Logo Image */
.image {
  float: left;
  padding-top: 5px;
  padding-left: 5px;
  vertical-align: bottom;
}

/* Second, Third and more Tiers */
nav ul ul ul li {
  position: relative;
  top: -45px; /* The height of the main nav */ 
  left: 150px;
}