#mainmenu li .wrapper > ul > li a[href*="//"]:not([href*="//ria.newgraphic.ie"]):not([href*="//ria.ie"]):not([href*="//www.ria.ie"]):not([href^="mailto:"]) strong::after{
    transform: rotate(-45deg) translateY(-0.1em);
}

.underline :not(.wp-block-button):not(.cta)>a {
    transition: all 0.2s ease; cursor: pointer; /*font-weight: 700;*/
    text-decoration: none;
    /* padding: 1px 0;*/
    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 2px, 100% 2px;
    transition: background-size .3s;

    font-weight: 700;
}

.underline :not(.wp-block-button):not(.cta)>a:hover {
    background-size: 100% 2px, 100% 2px

}

.underline :not(.wp-block-button):not(.cta)>a:focus-visible {
    outline: 3px solid white;    box-shadow: 0 0 0 6px black;

}

.underline.cats a { background-size: 0 2px, 100% 2px; }

.underline.cats a:hover {  background-size: 100% 2px, 100% 2px  }

#anchors li a span,
.underline_shown :not(.wp-block-button):not(.cta):not(.logo)> a{
    color: inherit;
    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: 100% 2px, 100% 2px;
    transition: background-size .2s;

    font-weight: 700;
}
#anchors li a span {background-size: 100% 1px, 100% 1px; }

#anchors li a:is(:hover,:focus-visible) span,
.underline_shown :not(.wp-block-button):not(.cta):not(.logo)> a:is(:hover,:focus-visible) {
    color: #000;
    background-image: linear-gradient(var(--white), var(--white)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-size: 100% 100%, 100% 100%;
    transition: background-size .2s;
}

.underline_shown.dark :not(.wp-block-button):not(.cta):not(.logo)> a:is(:hover,:focus-visible) {
    color: black !important;
    background-image: linear-gradient(var(--white), var(--white)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));

}

.underline_shown :not(.wp-block-button):not(.cta)> a:is(:hover,:focus-visible) {
    color: black;
    background-image: linear-gradient(white, white), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

@media (prefers-color-scheme: dark) {

    #anchors li a:is(:hover,:focus-visible) span,
    .underline_shown :not(.wp-block-button):not(.cta)> a:is(:hover,:focus-visible) {
        color: black;
        background-image: linear-gradient(white, white), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    }
}