.header-menu__ubermenu-shortcode nav.ubermenu ul.ubermenu-nav li {
    margin: 0;
}

.header-menu__ubermenu-shortcode nav.ubermenu ul.ubermenu-nav li a {
    padding: 15px 19px;
}

.header-menu__ubermenu-shortcode nav.ubermenu ul.ubermenu-nav li a span,
.header-menu__ubermenu-shortcode nav.ubermenu ul.ubermenu-nav li span span{
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.4px;
}



.header-menu__ubermenu-shortcode nav.ubermenu ul.ubermenu-nav li a:hover {
    background: var(--primary-default);
  color: var(--primary-0);
}

.header-menu__ubermenu-shortcode nav.ubermenu ul.ubermenu-nav li a:hover span,
.header-menu__ubermenu-shortcode nav.ubermenu ul.ubermenu-nav li > span:hover span{
    color: var(--primary-0);
}









.ubermenu-icon-svg-angle {
    color: var(--primary-default);
}


.ubermenu-has-submenu-drop a {
    padding-right: 2rem !important;
}


.ubermenu.ubermenu-main .ubermenu-item-normal > .ubermenu-target:hover,
.ubermenu.ubermenu-main .ubermenu-item-normal > .ubermenu-target:target,
.ubermenu.ubermenu-main .ubermenu-item-normal > .ubermenu-target.ubermenu-active{
    background: var(--primary-default) !important;
  color: var(--primary-0) !important;
}

.ubermenu-active > .ubermenu-target {
    background: var(--primary-default) !important;
    color: var(--primary-0) !important;
}

.ubermenu.ubermenu-main .ubermenu-item-normal > .ubermenu-target:hover span {
    color: var(--primary-0);
}

.ubermenu.ubermenu-main .ubermenu-item-normal > .ubermenu-active {
    background: red;
}


.header-menu__ubermenu-shortcode nav.ubermenu ul.ubermenu-nav li ul span span.ubermenu-target-title {
    text-transform: uppercase;
    color: var(--primary-default);
}

.header-menu__ubermenu-shortcode nav.ubermenu ul.ubermenu-nav li ul span span.ubermenu-target-title:hover {
  color: var(--primary-default);
}