#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);
}

a#skip-link span.link,
.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;
}

a#skip-link:is(:focus,:focus-visible,:hover) span.link,
.underline :not(.wp-block-button):not(.cta)>a:hover {
    background-size: 100% 2px, 100% 2px

}
a#skip-link span.link { padding:0; }
/*a#skip-link:is(:focus,:focus-visible) span.link,*/
.underline :not(.wp-block-button):not(.cta)>a:focus-visible {
    outline: 3px solid white;    box-shadow: 0 0 0 6px black;

}
a#skip-link span.link,
.underline.cats a { background-size: 0 2px, 100% 2px; }
a#skip-link:is(:focus,:focus-visible,:hover) span.link,
.underline.cats a:hover {  background-size: 100% 2px, 100% 2px  }

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

@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));
    }
}

#footer :not(.cta)> 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% 1px, 100% 1px;
    transition: background-size .2s;


}
#footer p.logo a{ background: none !important;}

#footer :not(.cta) a:is(:hover,:focus-visible) {
    color: black !important;
    background-image: linear-gradient(white, white), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-size: 100% 100%, 100% 100%;
    transition: background-size .2s;
}
#footer :not(.cta) a:focus-visible { outline: 3px solid black; box-shadow: 0 0 0 6px white;

}

#footer .social a span{
    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% 1px, 100% 1px;
    transition: background-size .2s;


}
#footer .social a:is(:hover,:focus-visible){
    color:white !important;
}
#footer .social a:is(:hover,:focus-visible) span {
    color: black !important;
    background-image: linear-gradient(white, white), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-size: 100% 100%, 100% 100%;
    transition: background-size .2s;
}