body[class*="template_news"]{ background: var(--blue-news); }



time.date { font-weight: 600; font-size: 14px; line-height: 1.4; margin-top: auto; padding-top: 1em; display: block; }
p.date:last-child  { margin-bottom: 0; }
body[class*="template_news"] .section { background: transparent !important; padding-top: 0 !important;}

.othernews { background: var(--blue-news) !important; color:white; }

.newscard { display: flex; flex-direction: column;
}
.newscard a {  border-radius: var(--border-radius); overflow: hidden;display: flex; flex-direction: column; flex: 1;position: relative;

    box-shadow: 0px 8px 16px 0px rgba(167, 141, 252, 0.20), 0px 0px 16px 0px rgba(0, 0, 0, 0.12); color: black;

    /*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
}



.newscard div:not(.meta):not(.meta div){ flex: 1; padding:32px; background: white; transition: all 0.2s ease-out; display: flex; flex-direction: column; }

.newscard a:is(:hover,:focus-visible) div:not(.meta):not(.meta div) {
    background: var(--yellow-lightest); color: black;
}
.newscard a:focus-visible {
    box-shadow: var(--focus);
}



.newscard b.image_placeholder,
.newscard picture{ display: block;,  height: 0;  padding-bottom: 50%;

background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1728 864"> <rect fill="%231eb46a" width="1728" height="856"/> <path fill="%239fdbb3" d="M0,553l72,9c72,8,216,26,360,43s288,35,432,9c144-26,288-95,432-104s288,43,360,69l72,26v259H0v-311Z"/> <path fill="%23f0db10" d="M0,103.7l72,34.6c72,34.6,216,103.7,360,103.7s288-69.1,432-69.1,288,69.1,432,86.4c144,17.3,288-17.3,360-34.6l72-17.3V0H0v103.7Z"/>  <path fill="%23035193" d="M0,792l72-30c72-30,216-90,360-108s288,6,432,36c144,30,288,66,432,36s288-126,360-174l72-48v360H0v-72Z"/> </svg>');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.newscard.event picture{   padding-bottom:32%; }
.newscard picture img{}

.newscards {  margin: var(--gutter) 0;  }

.newscards.large .newscard { margin: calc(var(--gutter) / 2); width: calc(33.333% - var(--gutter));  }

 

.newscards .newscard { margin: calc(var(--gutter) / 2); width: calc(25% - var(--gutter));  }

 

.newscards .newscard div p {font-size: 14px; line-height: 140%;  }
/*.newscards*/ .newscard div p:first-child+p:not(.date):not(.series) {font-size: 16px; line-height: 140%;  }
/*.newscards*/ .newscard div:not(.meta) p:not(:last-child) { margin-bottom: 0.5em;  }
/*.newscards*/ .newscard div p:first-child {font-size: 20px; font-weight: 700; line-height: 120%;  }
.newscard div p strong { font-weight: 700;}

 
.newscard a[href*="//"]:not([href*="//caw.newgraphic.ie"]):not([href*="//climate"]):not([href*="//www.climate"]):not([href^="mailto:"]) div p:first-child::after {
    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;


}


 

@media all and (min-width: 900px) {
 
 
}

 

@media all and (max-width: 1199px) {
    .newscards .newscard { width: calc(33.333% - var(--gutter)); }
 
}

@media all and (max-width: 899px) {
    .newscards .newscard  { width: calc(50% - var(--gutter)); }

}


@media all and (max-width: 599px) {
 
    .newscards  { width: 100%; transform: none; right:0; }
    .newscards .newscard  { width: 100%; margin: var(--gutter) 0; }

}