/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 08 June 2026 05:13:28
*/


/* ============================================================
   MGBP Site Custom CSS — FINAL with sharpness fix
   ============================================================ */
/* Disable clicking of all 'news-items' breadcrumb links (any path variation) */
.breadcrumbs a[href*="/news-items"],
.breadcrumbs__link[href*="/news-items"],
.breadcrumbs__item[href*="/news-items"],
ul.breadcrumbs_list a[href*="/news-items"] {
  pointer-events: none !important;
  cursor: default !important;
  color: #000 !important;  /* optional: match normal text */
  text-decoration: none !important;
  font-weight: 500;
}


/* --- Hide the "View more articles" button in the news component --- */
.btn,
.btn--blue,
.btn--view-more {
  display: none !important;
}

/* ============================================================
   MGBP Feature Boxes — full-bleed images, crisp rendering
   ============================================================ */

.box-featured {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: none;
  padding: 0;
  margin: 0;
}

/* remove internal spacing that can create white borders */
.box-featured__wrap,
.box-featured__thumb,
.box-featured__image {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: none !important;
}

/* ============================================================
   IMAGE RENDERING FIX (Squiz-compatible)
   ============================================================ */

/* Case 1: direct <img> */
.box-featured img,
.box-featured__thumb-image {
  display: block !important;
  width: 100% !important;
  height: 230px !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;

  /* sharpness tweaks */
  image-rendering: -webkit-optimize-contrast !important;
  image-rendering: crisp-edges !important;
  transform: none !important;
  backface-visibility: hidden !important;
  filter: none !important;
}

/* Case 2: image as background on link */
.box-featured__thumb-link {
  display: block !important;
  width: 100% !important;
  height: 230px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
}

/* High-DPI / Retina: try to grab sharper variant if available */
@media (min-resolution: 2dppx) {
  .box-featured__thumb-image {
    image-rendering: auto !important;
    transform: none !important;
    filter: contrast(105%) saturate(105%);
  }
}

/* ============================================================
   TEXT STYLING
   ============================================================ */

.box-featured .box-content,
.box-featured .box-featured__blurb {
  padding: 10px 14px 16px;   /* compact vertical space */
}

.box-listing-element__heading {
  color: #000 !important;
}

.box-featured h3,
.box-featured h4,
.box-featured .box-featured__heading,
.box-featured .box-featured__heading-link {
  /*font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; */
  font-weight: 600;
  font-size: 1.2rem;
  color: #000;
  line-height: 1.35;
  margin: 6px 0;
  text-decoration: none;
  display: block;
}

.box-featured p {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.5;
  margin: 0 0 6px 0;
}

/* Links — no blue or underline */
.box-featured a,
.box-featured a:hover,
.box-featured a:focus,
.box-featured .box-featured__heading-link:hover,
.box-featured .box-featured__heading-link:focus {
  color: #000 !important;
  text-decoration: none !important;
}

/* ============================================================
   RESPONSIVE TWEAKS
   ============================================================ */

@media (max-width: 900px) {
  .box-featured img,
  .box-featured__thumb-link,
  .box-featured__thumb-image {
    height: 190px !important;
  }
  .box-featured h3,
  .box-featured h4,
  .box-featured .box-featured__heading,
  .box-featured .box-featured__heading-link {
    font-size: 0.9rem;
  }
  .box-featured p { font-size: 0.84rem; }
}

/* SINGLE CELL AND SPATIAL SPECIFIC FORMATTING */
:root { --band:#eaf3ff; }

/* =====  FULL BLUE BACKGROUND FOR ALL SECTIONS  ===== */
#component_4171835,              /* Single Cell heading wrapper */
#single-cell-applications,       /* <h2 id="single-cell-applications"> */
#facts-and-figures-4171837,      /* Single Cell facts & figures */
#component_4166898,              /* Spatial heading wrapper */
#spatial-applications,           /* <h2 id="spatial-applications"> */
#facts-and-figures-4171839,      /* Spatial facts & figures */
#facts-and-figures-4171843,      /* any extra Spatial facts & figures */
#facts-and-figures-4166900 {     /* last Spatial facts & figures */
  background: var(--band);
  box-shadow: 0 0 0 100vmax var(--band); /* full-width trick */
  clip-path: inset(0 -100vmax);
  margin: 0;
  padding: 0;
}

/* =====  EXTRA BLUE ABOVE "SINGLE CELL APPLICATIONS"  ===== */
#component_4171835 {
  position: relative;
  margin-top: 0;
}
#component_4171835::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 60px;   /* adjust for more/less blue above */
  top: -60px;     /* negative to push colour upward */
  background: var(--band);
  z-index: -1;
  pointer-events: none;
}

/* =====  CLEAN SEAMS BETWEEN SECTIONS  ===== */
#facts-and-figures-4171837,
#component_4166898,
#facts-and-figures-4171839,
#facts-and-figures-4171843
 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
}

/* =====  REMOVE GAP UNDER SPATIAL SECTION IF NEEDED  ===== */
#facts-and-figures-4166900 {
  padding-bottom: 50px;
}

/* News images styling */
.news-image {
  border-radius: 12px;
  overflow: hidden;
  display: block;
  width: 100%;
  height: auto;

  /* Soft drop shadow similar to feature boxes */
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

@media (max-width: 768px) {
  /* Make the news-two-col TABLE and its row block-level and full width */
  table.news-two-col,
  table.news-two-col tbody,
  table.news-two-col tr {
    display: block !important;
    width: 100% !important;
  }

  /* Turn the row into a vertical flex container */
  table.news-two-col tr {
    display: flex !important;
    flex-direction: column;
  }

  /* Second column (image) appears first on mobile */
  table.news-two-col td:nth-child(2) {
    order: 1;
    width: 100% !important;
    text-align: center;
    padding: 0 0 15px 0;
  }

  /* First column (text) appears second */
  table.news-two-col td:nth-child(1) {
    order: 2;
    width: 100% !important;
    padding: 0;
  }

  /* Make image scale properly */
  table.news-two-col img {
    max-width: 100%;
    height: auto !important;
    display: block;
    margin: 0 auto;
  }
}