/*-------------------- Menu Styles --------------------*/

/* Background */
#site-menu-desktop {background: #000000;}
#site-menu-desktop .menu ul {background: #000000;}
#site-menu-desktop .menu > li > ul > li {background: #000000;}
/* Fonts Colors */
#site-menu-desktop .menu a {color: #ffffff;}

/* Font Size */
#site-menu-desktop .menu a {font-size: 1em;}

/* Borders */
#site-menu-desktop .menu ul li {border-left: 1px solid grey; border-right: 1px solid grey; border-bottom: 1px solid grey9; border-top: 1px solid grey;}


/*-------------------- Menu Functionality --------------------*/

/* Hide Mobile Menu For Desktop */
@media (min-width: 992px) {
	#site-menu-mobile, #site-menu-trigger-buttons {display: none;}
}

/* Columns */
#site-menu-desktop .menu {display: flex; justify-content: center;}

/* Basic */
#site-menu-desktop .menu {padding: 0; margin: 0;}
#site-menu-desktop .menu a {text-decoration: none;}

/* Show & Hide Functionality */
#site-menu-desktop .menu li ul {display: none;}
#site-menu-desktop .menu li:hover > ul {display: block;}

/* All Menu Items */
#site-menu-desktop .menu a {display: block; font-weight: bold;}
#site-menu-desktop .menu ul {padding: 0; margin: 0;}
#site-menu-desktop .menu li {padding: 0; margin: 0; list-style-type: none;}

/* Visible Level ONLY */
#site-menu-desktop .menu > li {position:relative;}
#site-menu-desktop .menu > li > a {text-align: center; padding: 10px 15px;}

/* ALL Drop-down Levels */
#site-menu-desktop .menu ul .menu-item-has-children > a:after {content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 10px; right: 10px;}
#site-menu-desktop .menu ul li a {padding: 10px 20px;}

/* First Drop-down Level - ONLY */
#site-menu-desktop .menu > li > ul {position: absolute; top: 100%; left: 0; z-index: 5000; width: 100%;}
#site-menu-desktop .menu > li > ul > li {position: relative; width: 220px;}

/* From Second Drop-down Level - ONWARDS */
#site-menu-desktop .menu li ul li ul {position: absolute; top: 0; left: 100%; z-index: 5000;}
#site-menu-desktop .menu li ul li ul li {position: relative; width: 220px;}