/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 23 2026 | 10:55:47 */
/* News page (CSS)
   Goes with "News page (JS)". Same look as the country pages (blue band,
   pills, flags, type colours). Every rule needs html.shd-np-on (set by the
   script) and the scope below, so no other page is affected.
   Scope: the News and Events archive, /news/ (body class "category-news";
   live since 23 Oct 2026).
   The theme's Fira Sans is used; nothing is loaded from other websites. */

/* Until the script has drawn the new design, the content is hidden (so the
   old list does not flash); after 1.5s it is shown anyway. */
:is(body.category-news):not(.shd-np-ready):not(.elementor-editor-active) #content { visibility: hidden; animation: shd-np-reveal 0s linear 1.5s forwards; }
@keyframes shd-np-reveal { to { visibility: visible; } }

html.shd-np-on :is(body.category-news) .shd-np-hidden { display: none !important; }
html.shd-np-on :is(body.category-news) #content { overflow-x: clip; }
html.shd-np-on :is(body.category-news) :is(.shd-np-band, .shd-np-news),
html.shd-np-on :is(body.category-news) :is(.shd-np-band, .shd-np-news) * { box-sizing: border-box; font-family: "Fira Sans", fira-sans, sans-serif; letter-spacing: 0; text-transform: none; font-style: normal; }
html.shd-np-on :is(body.category-news) .shd-np-wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 24px; text-align: left; }
html.shd-np-on :is(body.category-news) .shd-np-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Visible keyboard focus: yellow on the blue band, dark blue elsewhere. */
html.shd-np-on :is(body.category-news) .shd-np-band a:focus-visible { outline: 3px solid #FFCC00; outline-offset: 3px; }
html.shd-np-on :is(body.category-news) .shd-np-news :is(a, button):focus-visible { outline: 3px solid #13203F; outline-offset: 3px; }

/* 1. Blue band */
html.shd-np-on :is(body.category-news) .shd-np-band { padding: 40px 0 34px; background: #003399; color: #fff; }
html.shd-np-on :is(body.category-news) .shd-np-title { margin: 0 0 8px; padding: 0; font-size: clamp(30px, 3.6vw, 40px); line-height: 1.15; font-weight: 500; text-align: left; color: #fff; }
html.shd-np-on :is(body.category-news) .shd-np-intro { margin: 0 0 24px; padding: 0; font-size: 18px; line-height: 1.5; text-align: left; color: #fff; }
html.shd-np-on :is(body.category-news) .shd-np-pills__list { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
html.shd-np-on :is(body.category-news) .shd-np-pills__item { margin: 0; padding: 0; list-style: none; }
html.shd-np-on :is(body.category-news) .shd-np-pills__item::before { content: none; }
html.shd-np-on :is(body.category-news) .shd-np-pill { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 7px 16px 7px 8px; border: 1.5px solid rgba(255, 255, 255, .75); border-radius: 999px; background: transparent; color: #fff !important; font-size: 16px; line-height: 1.2; font-weight: 500; text-decoration: none !important; transition: background-color .15s ease; }
html.shd-np-on :is(body.category-news) .shd-np-pill:hover { background: rgba(255, 255, 255, .14); }
html.shd-np-on :is(body.category-news) .shd-np-pill__flag { display: block; flex: 0 0 auto; width: 22px; height: 22px; max-width: none; border-radius: 50%; box-shadow: 0 0 0 1.5px #fff; }

/* Flags, type and date (featured story and cards) */
html.shd-np-on :is(body.category-news) .shd-np-meta { display: flex; flex-wrap: wrap; align-items: center; row-gap: 4px; font-size: 14px; line-height: 1.4; color: #4A5568; }
html.shd-np-on :is(body.category-news) .shd-np-flags { display: inline-flex; gap: 4px; margin-right: 8px; }
html.shd-np-on :is(body.category-news) .shd-np-flag { display: block; width: 18px; height: 18px; max-width: none; margin: 0; border-radius: 50%; box-shadow: 0 0 0 1px #D9E2F4; }
html.shd-np-on :is(body.category-news) .shd-np-type { font-weight: 500; color: var(--shd-np-type); }
html.shd-np-on :is(body.category-news) .shd-np-dot { white-space: pre; }
html.shd-np-on :is(body.category-news) .shd-np-date { white-space: nowrap; }

/* Images: the same 16:9 frame on every card. The whole picture is shown,
   scaled down to fit and centred (never cropped, stretched or enlarged
   beyond its original size); the rest of the frame is light grey. */
html.shd-np-on :is(body.category-news) .shd-np-img { display: block; position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #F3F5F9; }
html.shd-np-on :is(body.category-news) .shd-np-img img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100%; margin: auto; object-fit: contain; object-position: center; }

/* 2. Featured story */
html.shd-np-on :is(body.category-news) .shd-np-news { padding: 40px 0 64px; background: #fff; }
html.shd-np-on :is(body.category-news) .shd-np-feature { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); margin: 0 0 44px; overflow: hidden; border: 1px solid #D9E2F4; border-radius: 14px; background: #fff; }
html.shd-np-on :is(body.category-news) .shd-np-feature__media { display: block; min-height: 100%; background: #F3F5F9; }
html.shd-np-on :is(body.category-news) .shd-np-feature__media .shd-np-img { aspect-ratio: auto; height: 100%; min-height: 300px; }
html.shd-np-on :is(body.category-news) .shd-np-feature__body { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 30px 32px 32px; }
html.shd-np-on :is(body.category-news) .shd-np-feature__label { margin: 0 0 10px; font-size: 13px; line-height: 1.3; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #C4313A; }
html.shd-np-on :is(body.category-news) .shd-np-feature__meta { margin: 0 0 10px; }
html.shd-np-on :is(body.category-news) .shd-np-feature__title { margin: 0 0 14px; padding: 0; font-size: clamp(24px, 2.4vw, 30px); line-height: 1.25; font-weight: 500; text-align: left; }
html.shd-np-on :is(body.category-news) .shd-np-feature__title a { color: #13203F !important; text-decoration: none; overflow-wrap: anywhere; }
html.shd-np-on :is(body.category-news) .shd-np-feature__title a:hover { color: #003399 !important; text-decoration: underline; text-underline-offset: 3px; }
html.shd-np-on :is(body.category-news) .shd-np-feature__text { margin: 0 0 22px; font-size: 17px; line-height: 1.6; text-align: left; color: #2D3748; }
html.shd-np-on :is(body.category-news) a.shd-np-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin: 0; padding: 10px 26px; border: 2px solid #003399; border-radius: 999px; background: #003399; color: #fff !important; font-size: 16px; line-height: 1.2; font-weight: 600; text-decoration: none !important; transition: background-color .15s ease; }
html.shd-np-on :is(body.category-news) a.shd-np-btn:hover { border-color: #002673; background: #002673; }

/* 3. Cards grouped by year */
html.shd-np-on :is(body.category-news) .shd-np-year { margin: 0 0 40px; }
html.shd-np-on :is(body.category-news) .shd-np-year__label { display: flex; align-items: center; gap: 18px; margin: 0 0 20px; padding: 0; font-size: 26px; line-height: 1.2; font-weight: 500; text-align: left; color: #003399; }
html.shd-np-on :is(body.category-news) .shd-np-year__label::after { content: ""; flex: 1 1 auto; height: 2px; background: #D9E2F4; }
html.shd-np-on :is(body.category-news) .shd-np-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; }
html.shd-np-on :is(body.category-news) .shd-np-cards__item { display: flex; margin: 0; padding: 0; list-style: none; }
html.shd-np-on :is(body.category-news) .shd-np-cards__item::before { content: none; }
html.shd-np-on :is(body.category-news) .shd-np-card { display: flex; flex-direction: column; width: 100%; overflow: hidden; border: 1px solid #D9E2F4; border-top: 4px solid var(--shd-np-type); border-radius: 14px; background: #fff; color: #13203F !important; text-decoration: none !important; transition: box-shadow .2s ease, transform .2s ease; }
html.shd-np-on :is(body.category-news) .shd-np-card:hover { box-shadow: 0 8px 22px rgba(19, 32, 63, .12); transform: translateY(-2px); }
html.shd-np-on :is(body.category-news) .shd-np-card__body { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 20px; }
html.shd-np-on :is(body.category-news) .shd-np-card__title { display: block; font-size: 17px; line-height: 1.4; font-weight: 500; text-align: left; color: #13203F; overflow-wrap: anywhere; }
html.shd-np-on :is(body.category-news) .shd-np-card:hover .shd-np-card__title { color: #003399; text-decoration: underline; text-underline-offset: 3px; }

/* "Show more news" */
html.shd-np-on :is(body.category-news) .shd-np-more { display: flex; align-items: center; min-height: 46px; margin: 4px auto 0; padding: 11px 28px; border: 2px solid #003399; border-radius: 999px; background: #fff; color: #003399; font-size: 16px; line-height: 1.2; font-weight: 600; cursor: pointer; transition: background-color .15s ease; }
html.shd-np-on :is(body.category-news) .shd-np-more:hover { background: #E5EBF7; }
html.shd-np-on :is(body.category-news) .shd-np-more[disabled] { cursor: progress; }
html.shd-np-on :is(body.category-news) .shd-np-more[hidden] { display: none; }
html.shd-np-on :is(body.category-news) .shd-np-loading { margin: 0; font-size: 17px; line-height: 1.6; color: #2D3748; }

/* Tablets: 2 cards per row. */
@media (max-width: 1000px) {
  html.shd-np-on :is(body.category-news) .shd-np-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  html.shd-np-on :is(body.category-news) .shd-np-feature__body { padding: 24px 24px 26px; }
}
/* Featured story stacked: image on top. */
@media (max-width: 760px) {
  html.shd-np-on :is(body.category-news) .shd-np-feature { grid-template-columns: minmax(0, 1fr); }
  html.shd-np-on :is(body.category-news) .shd-np-feature__media { min-height: 0; }
  html.shd-np-on :is(body.category-news) .shd-np-feature__media .shd-np-img { aspect-ratio: 16 / 9; height: auto; min-height: 0; }
}
/* Mobile: 1 card per row. */
@media (max-width: 640px) {
  html.shd-np-on :is(body.category-news) .shd-np-wrap { padding: 0 16px; }
  html.shd-np-on :is(body.category-news) .shd-np-band { padding: 30px 0 26px; }
  html.shd-np-on :is(body.category-news) .shd-np-intro { font-size: 16px; margin-bottom: 20px; }
  html.shd-np-on :is(body.category-news) .shd-np-pills__list { gap: 8px; }
  html.shd-np-on :is(body.category-news) .shd-np-pill { min-height: 38px; padding: 6px 13px 6px 7px; font-size: 15px; }
  html.shd-np-on :is(body.category-news) .shd-np-news { padding: 28px 0 48px; }
  html.shd-np-on :is(body.category-news) .shd-np-cards { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  html.shd-np-on :is(body.category-news) .shd-np-feature { margin-bottom: 32px; }
  html.shd-np-on :is(body.category-news) .shd-np-feature__body { padding: 20px 18px 22px; }
  html.shd-np-on :is(body.category-news) .shd-np-feature__text { font-size: 16px; }
  html.shd-np-on :is(body.category-news) .shd-np-year { margin-bottom: 30px; }
  html.shd-np-on :is(body.category-news) .shd-np-year__label { font-size: 23px; margin-bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html.shd-np-on :is(body.category-news) :is(.shd-np-card, .shd-np-pill, .shd-np-btn, .shd-np-more) { transition: none; }
  html.shd-np-on :is(body.category-news) .shd-np-card:hover { transform: none; }
}