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

.cta.booking { font-size:24px;  }

.cta a { margin: 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 {
    box-sizing: content-box;
    background: var(--yellow); border: 1px solid currentColor;
    color:black;

    font-weight: 400 ;
    font-family: "IBM Plex Sans",sans-serif;

    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;*/
    border-radius: 16px;  padding: 0.75em 1em;
    transition: all 0.2s ease;

    overflow: hidden;
    position: relative;



}

.cta.booking {  --iconsize:24px; font-size:var(--iconsize) !important; }
.cta.booking a {  padding: 0.75em 1em !important; font-weight: 700; display: flex; align-items: center; white-space: nowrap }


.cta a+a{ color:inherit; border-color:currentColor; background: transparent;}
p.cta { display: inline-flex; flex-wrap: wrap; max-width: 9999px !important; width: 100%;}


.cta a:not(:last-child) { margin-right: var(--gutter);}

#masthead .cta a {
    background: var(--yellow); border: 1px solid var(--blue-darkest); color: var(--blue-darkest);

}

/*.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;

}*/




.cta a:is(:hover,:focus-visible),
.cta > span:hover  {
    border-color: white !important;
    background-color: var(--blue) !important;
    color: white !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(--yellow);   }

#masthead .cta a:focus-visible {  box-shadow: 0 0 0 2px var(--blue-darker), 0 0 0 4px white;   }
#pageheader .cta a:focus-visible {  box-shadow: 0 0 0 2px var(--green-darkest), 0 0 0 4px var(--yellow);   }



.cta.arr a { display: inline-flex;  align-items: center;  /*padding: 0.75em 1.5em;*/ }

button.submit::after,
.cta:not(.booking)>a::after,
.cta:not(.booking).arr a::after {
    border: 1px solid currentColor; box-sizing: content-box;



    /* font-family: Inter; content:"\2192";*/
    font-family: "caw_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;

}

.cta.booking a[href*="//"]:not([href*="//caw.newgraphic.ie"]):not([href*="//climate"]):not([href*="//www.climate"]):not([href^="mailto:"])::after {
    display: block; content:""; transform: none !important; display: block; top:0; margin-left: 0.5em;
    width:var(--iconsize); min-width: var(--iconsize); height: var(--iconsize);
background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path fill="%233A3414" d="M14.7,0v2.7h4.8L6.3,15.8l1.9,1.9L21.3,4.5v4.8H24V0 M21.3,21.3H2.7V2.7H12V0H2.7C2,0,1.3,0.3,0.8,0.8 S0,2,0,2.7v18.7c0,0.7,0.3,1.4,0.8,1.9C1.3,23.7,2,24,2.7,24h18.7c0.7,0,1.4-0.3,1.9-0.8c0.5-0.5,0.8-1.2,0.8-1.9V12h-2.7V21.3z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*    content: '\E808';  font-family: 'social'; font-weight: normal !important;
  font-size: 14px;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
        top: -0.5em; margin-left: 4px;
        background: red;*/

}
.cta.booking a[href*="//"]:not([href*="//caw.newgraphic.ie"]):not([href*="//climate"]):not([href*="//www.climate"]):not([href^="mailto:"]):is(:focus-visible,:hover)::after {
    filter: brightness(0) invert(1);
}



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

.cta a[href*=".zip"]::after,
.cta a[href*=".pdf"]::after,
.cta a[href*=".doc"]::after,
.cta a[href*=".docx"]::after,
.cta a[href*=".webp"]::after,
.cta a[href*=".jpg"]::after {
    transform: rotate(90deg);
}


.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.booking {  --iconsize:18px;}

    .cta a,
    .cta span  {
    }

}