.cta { font-size: 16px !important;  line-height: 1.4 !important; margin:1em 0;  margin: 0; }
.cta:last-child { margin-bottom: 0;}


.cta a { margin:0 0 0.5em 0; }
.cta a:last-child { margin-bottom: 0;}


ul.cta li {    font-size: inherit;
    line-height: inherit;}
ul.cta li:not(:last-child) { margin-bottom: 16px; }

.cta a,
.cta span:not(.sr-only) {
    box-sizing: content-box;
    background: rgba(255,255,255,0.2);border: 1px solid currentColor;
    color:inherit;

    font-weight: 600 !important;


    font-size: inherit;
    line-height: inherit;

    vertical-align: top;

    display: inline-block;
    text-shadow: none;


    border-radius: calc(1.5em + 1px);

    padding: 0.75em 2em; min-height:1.25em;

    transition: all 0.2s ease;

    overflow: hidden;
    position: relative;



}

.cta a:not(:last-child) { margin-right: 8px;}

#masthead .cta a {
/*    padding: 16px 22px;
    border-width: 2px   ;*/
}

/*.cta a::after,
.cta span::after {
    display: block; content:""; transition: all 0.2s ease;
    z-index: 10;
    position: absolute; top: 0; left:0; width: 100%; height: 100%;   pointer-events: none;

}*/

body.hashero #secondary li[class="cta"] a { background-color: white;}


.cta.accent1 a,
.cta.accent1 span {
    border-color:var(--black);
    background-color:#726CB2;
    color: white;
}
.cta.accent2 a,
.cta.accent2 span {
    border-color:var(--black);
    background-color:#B54F9A;
    color: white;
}
.cta.y a,
.cta.y span {
    background-color: var(--yellow);
    color: black;
}


.cta.p a,
.cta.p span  {
/*    border-color: var(--purple);*/
    background-color: var(--purple);
    color: black;
}



.cta a:hover,
.cta span:hover  {
   border-color: var(--dark-purple) !important;
    background-color: var(--dark-purple) !important;
    color: white !important;

}



/* DARK BACKGROUND  */
.section[class*="dark"] .cta a,
.section[class*="dark"] .cta span {
    background: none;
}

.section[class*="dark"] .cta a:hover,
.section[class*="dark"] .cta span:hover
{
    border-color: white !important;
    background-color: white !important;
    color: var(--black) !important;
}

input#mc-embedded-subscribe:hover { background: #7f7658; }


.cta a:focus-visible,
.cta span:focus-visible {  box-shadow: 0 0 0 3px white, 0 0 0 5px var(--orange);   }
body.hashero #masthead .cta a:focus-visible {  box-shadow: 0 0 0 2px var(--dark-purple), 0 0 0 4px white;   }




.cta.arr a { display: inline-flex;  align-items: center;  padding: 0.75em 1.5em; }
.cta>a::after,
.cta.arr a::after {
    border: 1px solid currentColor; box-sizing: content-box;



/* font-family: Inter; content:"\2192";*/
    font-family: "ria_icons";content:"\E800";
    width: 1.25em; min-width: 1.25em; height: 1.25em; line-height: 1.25; text-align: center; display: inline-block; border-radius: 50%; margin-left: 0.5em;

    font-weight: 400 !important;

}

#toplinks .cta a::after,
#secondary .cta a::after { display: none;}


.cta.sq a {  border-radius: 8px;  padding: 0.75em 1em; }

.cta a[href*="//"]:not([href*="//ria.newgraphic.ie"]):not([href*="//ria.ie"]):not([href*="//www.ria.ie"]):not([href^="mailto:"])::after {
    transform: rotate(-45deg);
}



.cta.up a::after { transform: rotate(-90deg); }

p.biolink.cta a::after,
.cta.down a::after,
.cta :is(a[href$=".pdf"],a[href$=".doc"],a[href$=".docx"],a[href$=".xls"],a[href$=".xlsx"],a[href$=".csv"],a[href$=".txt"])::after { transform: rotate(90deg); }







@media all and (max-width: 599px) {

    .cta { font-size: 14px !important; }

    .cta a,
    .cta span  {
    }

}