/* Login button */
.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
    background: #adc136 !important;
    color: white !important;
}
/* Login button on hover */
.WaGadgetLoginButton .loginLink:hover, .WaGadgetLoginForm .loginLink:hover {
    background: #317439 !important;
}
/* Logout button */
.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
    background: 0 !important;
    color: #adc136!important;
}
/* Logout button on hover */
.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginButton .authenticated .loginLink.hover, .WaGadgetLoginForm .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink.hover {
    background: #317439 !important;
    color: white !important;
}
/* Change hamburger icon hover color */
.mobilePanel .mobilePanelButton.buttonMenu:hover {
  color: #ADC136 !important;
}
/* Change color of the currently active mobile menu item */
.mobilePanel .menuInner .firstLevel li.sel .item a {
  color: #ADC136 !important;
}

/* Optional: Change hover color for active menu item */
.mobilePanel .menuInner .firstLevel li.sel .item a:hover {
  color: #ADC136 !important;
}
/* Change hover color of the login icon in the mobile menu */
.mobilePanel .mobilePanelButton.buttonLogin:hover {
  color: #ADC136 !important;
}