/**************************************************************************/
/* Styling menu. **********************************************************/
/**************************************************************************/
/* Applying border on navbar. */
header.navbar {
  border-bottom: 1px solid #CEB174 !important;
}

/* Realign the site title. */
#site-title {
  margin-top: 4px;
}

/* Styling dropdown menu items matching the general style. */
div#md-menu-left ul.nav ul.dropdown-menu {
  border: 1px solid red;
  background-color: #000000;
  border-top: none;
  border-left: 1px solid #CEB174;
  border-right: 1px solid #CEB174;
  border-bottom: 1px solid #CEB174;
}

/* Styling the dropdown menu items on hovering. */
div#md-menu-left ul.nav ul.dropdown-menu li a:hover {
  background-color: #000000 !important;
  color: #CEB174 !important;
  font-weight: bold !important;
}

/* Adds padding top and bottom on menu items. */
.menu-item {
  padding: 3px 0;
}

/* Adds a seperator before my expiry dates menu item. */
.menu-item-new-section {
  border-top: 1px solid #CEB174;
  margin: 0 5px;
}

/**************************************************************************/
/* Positionning social icons in the header menu. **************************/
/**************************************************************************/
div#md-menu-left { float: left; }
div#md-menu-right { float: right; }

/* Change display of link. */
div#md-menu-right a {
	display: inline-block !important;
	margin: 5px 5px 5px 0;
}

/* Sizing social icon image. */
div#md-menu-right a img { width: 32px; }