/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


 .qrtl-theme-setup-menu-dropdown ul {
	padding: 0;
  margin: 0;
	list-style: none;
	position: relative;
	}
	
.qrtl-theme-setup-menu-dropdown ul li {
	display:inline-block;
  position: relative;
	}

.qrtl-theme-setup-menu-dropdown a {
	display:block;
	padding:10px 0;	
	color:#FFF;
	text-decoration:none;
}

.qrtl-theme-setup-menu-dropdown a:hover { 
	color: #000; 
}

/* Hide Dropdowns by Default */
.qrtl-theme-setup-menu-dropdown ul ul {
	display: none;
	position: absolute; 
  background: #fff;
  padding: 5px 0;
	top: 100%; /* the height of the main .qrtl-theme-setup-menu-dropdown */
  left: calc(-50%)
}

.qrtl-theme-setup-menu-dropdown ul ul a{
  display:block;
  padding: 5px 10px;
  font-size: 11px;
  color: #4f4f4f;
}
	
/* Display Dropdowns on Hover */
.qrtl-theme-setup-menu-dropdown ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
.qrtl-theme-setup-menu-dropdown ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	*/
.qrtl-theme-setup-menu-dropdown ul ul ul li {
	position: relative;
	top:-60px; 
	left:170px;
}