#mainmenu { }



@media all and (min-width: 900px) {
    #mainmenu .wrapper { margin: 0; border: none !important; }
    #mainmenu ul li a { color: inherit; margin: 0 1em; }
    #mainmenu ul li:last-child a {  margin-right: 0; }
    #mainmenu ul { display: flex; align-items: center; }
    #mainmenu ul li { font-size: 16px; line-height: 25px;  }
}
@media all and (min-width: 1200px) {

    #mainmenu ul li a { color: inherit; margin: 0 1.5em; }

}

#mainmenu ul li a {
    color: inherit;
}

#mainmenu ul li:not(.cta) a:focus-visible {  box-shadow: 0 0 0 3px var(--green); border-radius: 4px; }


#mainmenu ul li:not(.cta) a span {
    transition: all 0.2s ease; cursor: pointer;
    text-decoration: none;
    padding-bottom: 2px;
    background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-position: 0 100%, 0 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 0 1px, 100% 1px;
    transition: background-size .3s;

}
#mainmenu ul li:not(.cta) a:hover span {
    background-size: 100% 1px, 100% 1px

}