/* TL Nav 
	<ul class="navbar">
	<li class="tl-btn">
	<ul class="tl-menu">	*/

.navbar {
  padding: 0;
  margin: 0;
}

.navbar li {
  position: relative; /* Essential: anchors the absolute submenu to this item */

}

.navbar a:hover {		/* hover background on menu */
	background-color: #555;
}

/* --- Dropdown Logic --- */
.tl-menu {
  display: none;
  position: absolute;
  top: 0;           /* Positions it exactly below the parent item */
  left: 20%;		/* Positions it to th right? of parent item */
  background-color: inherit;
  list-style: inherit;
  padding: 0 0 0 20px;
  min-width: 150px;    /* Gives the dropdown a reliable width */

  }

/* 2. Style the links inside the submenu */
.tl-menu li a {
  padding: 5px 10px 5px 0px;
}

/* 3. Reveal the submenu when the parent <li> is hovered */
.tl-btn:hover .tl-menu {
  display: block;
}