:root {
  --evo-brand-secondary: #f2f2f2;
  --evo-brand-accent: #FF0503;
  --evo-header-background: #620000;
  --evo-row-spacing: 30px;
}
/* Fix h3 links in catalog navigation from fading */
nav.menu .catalog-block ul.catalog > li > a,
nav.menu .catalog-block ul.catalog > li > a:hover {
    transition: none !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Make Shop By button more visible */
nav.menu .cd-dropdown-wrapper .cd-dropdown-trigger,
nav.menu .cd-dropdown-wrapper .cd-dropdown-trigger:hover,
nav.menu .cd-dropdown-wrapper .cd-dropdown-trigger:focus,
nav.menu .cd-dropdown-wrapper .cd-dropdown-trigger:active {
    color: #ffffff !important;
}

nav.menu .cd-dropdown-wrapper {
    color: #ffffff !important;
  
/* =========================================================
   SHUR-WAY HEADER MENU DROPDOWN FIX - STRONG VERSION
   Put this at the very bottom of the CSS block
   ========================================================= */

/* Allow header wrappers to show dropdowns outside their own height */
header,
.header-full,
.headersection-3,
.headersection-menu,
.headersection-menu .container,
.headersection-menu .row,
.headersection-menu .col,
.headersection-menu .headermenu_container,
.headersection-menu .catalog-block,
.headersection-menu nav.menu,
.headersection-menu nav.menu.expanded {
    overflow: visible !important;
}

/* Make sure the menu area is layered above the page content */
.headersection-menu {
    position: relative !important;
    z-index: 99999 !important;
}

.headersection-menu nav.menu.expanded {
    position: relative !important;
    z-index: 99999 !important;
}

/* Target the desktop horizontal dropdown panel */
.headersection-menu nav.menu.expanded ul.catalog > li.has-submenu > ul.submenu {
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    overflow: visible !important;
    z-index: 999999 !important;
}

/* Show and size dropdown on hover */
.headersection-menu nav.menu.expanded ul.catalog > li.has-submenu:hover > ul.submenu {
    display: block !important;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Override the inline style height:100px on submenucontainer */
.headersection-menu nav.menu.expanded ul.catalog > li.has-submenu > ul.submenu > div.container.submenucontainer,
.headersection-menu nav.menu.expanded ul.catalog > li.has-submenu:hover > ul.submenu > div.container.submenucontainer {
    height: auto !important;
    min-height: 160px !important;
    max-height: none !important;
    overflow: visible !important;
    padding-top: 18px !important;
    padding-bottom: 24px !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    column-gap: 28px !important;
    row-gap: 18px !important;
    align-items: start !important;
}

/* Reset submenu columns */
.headersection-menu nav.menu.expanded ul.catalog > li.has-submenu > ul.submenu > div.container.submenucontainer > li {
    float: none !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    overflow: visible !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Make third-level items visible and stacked */
.headersection-menu nav.menu.expanded ul.catalog > li.has-submenu > ul.submenu > div.container.submenucontainer > li > ul {
    display: block !important;
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    list-style: none !important;
    margin: 6px 0 0 0 !important;
    padding: 0 !important;
}

/* Keep text from getting clipped */
.headersection-menu nav.menu.expanded ul.catalog > li.has-submenu > ul.submenu a {
    white-space: normal !important;
    overflow: visible !important;
    line-height: 1.35 !important;
}

/* Keep images from breaking the menu height */
.headersection-menu nav.menu.expanded ul.catalog > li.has-submenu > ul.submenu img {
    max-width: 150px !important;
    height: auto !important;
}