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

/* Backgrounds */
#site-menu-mobile .menu {background: #000000;}
#site-menu-mobile .menu > li > ul > li {background: #5b5b5b;}

/* Fonts Colors */
#site-menu-trigger-buttons .trigger-button {color: #ffffff;}
#site-menu-mobile .menu a {color: #ffffff;}
#site-menu-mobile .menu > li.menu-item-has-children:after {color: #ffffff;}
#site-menu-mobile .menu > li.menu-item-has-children.active:after {content: "\f00d"; color: #ffffff;}
#site-menu-mobile .menu > li > ul > li.menu-item-has-children:after {color: #ffffff;}
#site-menu-mobile .menu > li > ul > li.menu-item-has-children.active:after {content: "\f106"; color: #ffffff;}


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


/* Borders */
#site-menu-mobile .menu > li {border-bottom: 1px solid #5b5b5b;}
#site-menu-mobile .menu > li > ul > li {border-bottom: 1px solid #000000;}



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

/* Hide Desktop Menu For Mobile */
@media (max-width: 991.9px) {
	#site-menu-desktop {display: none;}
}

/* Menu open & close buttons */
#site-menu-trigger-buttons .trigger-button {font-size: 1.4em; padding: 10px 15px; text-align:left; width: 100%; background: transparent; border: 0; cursor: pointer;}
#site-menu-trigger-buttons #trigger-button-show {}
#site-menu-trigger-buttons #trigger-button-hide {display: none;}

/* Global */
#site-menu-mobile .menu {padding: 20px 0 0 0; margin: 0; display: none;}
#site-menu-mobile .menu a {display: block; text-decoration: none;}
#site-menu-mobile .menu li {margin: 0; list-style-type: none; position: relative;}
#site-menu-mobile .menu ul {padding: 0; margin: 0;}

/* Primary Level */
#site-menu-mobile .menu > li {padding: 10px 20px;}
#site-menu-mobile .menu > li.menu-item-has-children:after {cursor: pointer; position: absolute; top: 10px; right: 25px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067"; margin-left: 10px;}
#site-menu-mobile .menu > li.menu-item-has-children.active:after {content: "\f00d";}

/* First Sub-Menu */
#site-menu-mobile .menu > li > ul {padding: 10px 0; display: none;}
#site-menu-mobile .menu > li > ul > li {padding: 10px;}
#site-menu-mobile .menu > li > ul > li.menu-item-has-children:after {cursor: pointer; position: absolute; top: 10px; right: 20px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; margin-left: 10px;}
#site-menu-mobile .menu > li > ul > li.menu-item-has-children.active:after {content: "\f106";}

/* Other Levels */
#site-menu-mobile .menu ul ul {padding-left: 20px;}
#site-menu-mobile .menu ul ul li {margin-bottom: 5px;}
#site-menu-mobile .menu > li > ul > li > ul {padding-top: 20px; padding-bottom: 10px; display: none;}