/* Dave Milburn - Keep changes below for desktop menu */

#header .dropmenu ul li a {
color: grey;
}
.dropmenu ul li a.active, 
.dropmenu ul li a:focus, 
.dropmenu ul li a:hover {
color: black !important;
}


.dropmenu li a {
color: grey !important;
}

.dropmenu ul li a:hover {
    text-decoration: underline !important;
}

/* Dave Milburn - Keep changes above for desktop menu */


/* Dave Milburn - Keep all below changes for mobile menu */

/* This changes the color of the mobile hamburger menu bars
Changes the bars to the new colour, but also changes the X to the new colour !!! */
.mobile-menu .button_container span {
  background: black !important;
}

/* Optional: Change the background color of the icon container itself 
Changes the square behind the bars and behind the X to the new colour*/
.mobile-menu .button_container {
  background-color: white; /* Or #hex if you want a boxed background */
}

/*
Source SCSS File: /user/themes/quark/scss/theme/_mobile.scss
Compiled CSS File: /user/themes/quark/css-compiled/theme.css
Inside the _mobile.scss stylesheet, you will find rules specifying details such as height, width, background colour, and the CSS transitions that transform the top, middle, and bottom spans into an "X" when the mobile menu is active.
*/


/* These do change the mobile dropdown menu */
.treemenu li a.active,
.treemenu li a:focus,
.treemenu li a:hover {
color: white !important;
}

.treemenu li a {
color: grey !important;
}

/* Dave Milburn - Keep all above changes for mobile menu *?