/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 28 2026 | 14:38:40 */
/* Countries page (CSS)
   Goes with "Countries page (JS)". The band and pills are copied from
   "Country pages (CSS)" (same padding, fonts, sizes, colours and content
   width), with their own class names, so the country pages are not
   affected. Every rule needs html.shd-co-on (set by the script) and the
   scope below. Scope now: the Countries page /where-we-are/ only (page ID 9), for everybody (live since 28 Oct 2026).
   The map is not restyled; only the space above it is set.
   Nothing is loaded from other websites. */

/* Until the script has drawn the band, the content is hidden (no flash of
   the old heading); after 1.5s it is shown anyway. visibility only, so the
   map is drawn at its normal size meanwhile. */
body.page-id-9:not(.shd-co-ready):not(.elementor-editor-active) #content { visibility: hidden; animation: shd-co-reveal 0s linear 1.5s forwards; }
@keyframes shd-co-reveal { to { visibility: visible; } }

html.shd-co-on body.page-id-9 .shd-co-hidden,
html.shd-co-on body.page-id-9 #map312 .datavis-map-legend { display: none !important; }
html.shd-co-on body.page-id-9 #content { overflow-x: clip; }
html.shd-co-on body.page-id-9 #content > .shd-co-band,
html.shd-co-on body.page-id-9 #content > .shd-co-band * { box-sizing: border-box; font-family: "Fira Sans", fira-sans, sans-serif; letter-spacing: 0; text-transform: none; font-style: normal; }
html.shd-co-on body.page-id-9 .shd-co-wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 24px; text-align: left; }
html.shd-co-on body.page-id-9 .shd-co-band a:focus-visible { outline: 3px solid #FFCC00; outline-offset: 3px; }

/* 1. Blue band (as on the country pages) */
html.shd-co-on body.page-id-9 .shd-co-band { margin: 0; padding: 40px 0 32px; background: #003399; color: #fff; }
html.shd-co-on body.page-id-9 .shd-co-title { margin: 0 0 10px; padding: 0; font-size: clamp(30px, 3.6vw, 40px); line-height: 1.15; font-weight: 500; text-align: left; color: #fff; background: none; border: 0; }
html.shd-co-on body.page-id-9 .shd-co-title::before,
html.shd-co-on body.page-id-9 .shd-co-title::after { content: none; }
html.shd-co-on body.page-id-9 .shd-co-lead { margin: 0 0 26px; padding: 0; font-size: 18px; line-height: 1.5; text-align: left; color: #fff; }
html.shd-co-on body.page-id-9 .shd-co-pills__list { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
html.shd-co-on body.page-id-9 .shd-co-pills__item { margin: 0; padding: 0; list-style: none; }
html.shd-co-on body.page-id-9 .shd-co-pills__item::before { content: none; }
html.shd-co-on body.page-id-9 .shd-co-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-co-on body.page-id-9 .shd-co-pill:hover { background: rgba(255, 255, 255, .14); }
html.shd-co-on body.page-id-9 .shd-co-pill__flag { display: block; flex: 0 0 auto; width: 22px; height: 22px; max-width: none; margin: 0; border-radius: 50%; box-shadow: 0 0 0 1.5px #fff; }

/* 2. The map: unchanged, only the space above it (as below the band on
   the country pages). */
html.shd-co-on body.page-id-9 #map312.shd-co-map { margin-top: 40px; }

/* Mobile (as on the country pages) */
@media (max-width: 700px) {
  html.shd-co-on body.page-id-9 .shd-co-wrap { padding: 0 16px; }
  html.shd-co-on body.page-id-9 .shd-co-band { padding: 28px 0 24px; }
  html.shd-co-on body.page-id-9 .shd-co-title { margin-bottom: 8px; }
  html.shd-co-on body.page-id-9 .shd-co-lead { margin-bottom: 20px; font-size: 17px; }
  html.shd-co-on body.page-id-9 .shd-co-pills__list { gap: 8px; }
  html.shd-co-on body.page-id-9 .shd-co-pill { min-height: 38px; padding: 6px 13px 6px 7px; font-size: 15px; }
  html.shd-co-on body.page-id-9 #map312.shd-co-map { margin-top: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  html.shd-co-on body.page-id-9 .shd-co-pill { transition: none; }
}