/*START IMQ SIGN UP LOG IN BUTTON STYLE*/
.theme-menu a[href="https://quotes.ersroof.com/"] > span.theme-menu-content > span.theme-menu-name[data-theme-menu-name="IMQ  |  Sign Up / Log In"] {
    background: #fff !important; /* White background */
    color: #000 !important; /* Black text */
    padding: 5px 10px !important; /* Padding for button appearance */
    border-radius: 5px !important; /* Match existing menu corners */
    text-decoration: none !important; /* Remove underline */
    display: inline-block !important; /* Ensure proper layout */
    box-sizing: border-box !important; /* Include padding in width */
    transition: all 0.3s ease !important; /* Smooth hover transition */
    width: auto !important; /* Allow content to determine width */
    border: 2px solid #000 !important; /* border */
    margin-left: 2px !important; /* Add 4px space on the left side */
}

.theme-menu a[href="https://quotes.ersroof.com/"] > span.theme-menu-content > span.theme-menu-name[data-theme-menu-name="IMQ  |  Sign Up / Log In"]:hover {
    background: #000 !important; /* Black background on hover */
    color: #fff !important; /* White text on hover */
    border: 2px solid #fff !important; /* 5px white border on hover */
}

/* Ensure the parent <a> tag inherits hover behavior */
.theme-menu a[href="https://quotes.ersroof.com/"]:hover {
    background: transparent !important; /* Prevent parent from overriding */
}
/*END IMQ SIGN UP LOG IN BUTTON STYLE*/
/*submenu custom css*/
ul.theme-sub-menu[data-zs-submenu-container] {
  border-radius: 5px !important;
  overflow: hidden !important;
  width: auto !important;
  max-width: fit-content !important;
}
[data-zs-menu-container] ul.theme-sub-menu {
  border-radius: 5px !important;
  overflow: hidden !important;
  width: auto !important;
  max-width: fit-content !important;
}
.theme-sub-menu {
  border-radius: 5px !important;
  overflow: hidden !important;
  width: auto !important;
  max-width: fit-content !important;
}
@media (max-width: 600px) {
  ul.theme-sub-menu[data-zs-submenu-container],
  [data-zs-menu-container] ul.theme-sub-menu,
  .theme-sub-menu {
    width: 90% !important;
    max-width: 90% !important;
  }
}
/*end submenu custom css*/