/* Microtech: navy, blue and teal public-site theme. */
:root {
  --mt-navy: #102a43;
  --mt-blue: #176bce;
  --mt-blue-hover: #1255a5;
  --mt-teal: #087f8c;
  --mt-surface: #f2f6fa;
  --mt-text: #334155;
  --mt-muted: #526477;
  --mt-border: #dbe4ed;
}
body { color: var(--mt-text); background: #fff; }
h1, h2, h3, h4, h5, h6, #hero h1, .section-title h2 {
  color: var(--mt-navy);
}
a { color: var(--mt-blue); }
a:hover { color: var(--mt-blue-hover); }
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 3px solid var(--mt-teal);
  outline-offset: 4px;
}
#header { background: #fff; }
.navbar a, .navbar a:focus { color: var(--mt-navy); }
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
  color: var(--mt-blue);
}
.navbar .getstarted, .navbar .getstarted:focus,
#hero .btn-get-started,
.about .content .btn-learn-more {
  color: #fff;
  background: var(--mt-blue);
  border-color: var(--mt-blue);
}
.navbar .getstarted:hover, .navbar .getstarted:focus:hover,
#hero .btn-get-started:hover,
.about .content .btn-learn-more:hover {
  color: #fff;
  background: var(--mt-blue-hover);
  border-color: var(--mt-blue-hover);
}
.mobile-nav-toggle { color: var(--mt-navy); }
.navbar-mobile .mobile-nav-toggle { color: #fff; }
.section-bg, .breadcrumbs, .clients { background: var(--mt-surface); }
.section-title h2::before, .section-title h2::after {
  background: var(--mt-teal);
}
.services .icon-box {
  border: 1px solid var(--mt-border);
  box-shadow: 0 8px 26px rgba(16, 42, 67, 0.07);
}
.services .icon-box::before { background: #e5f2f4; }
.services .icon { background: var(--mt-teal); }
.services .title, .services .title a { color: var(--mt-navy); }
.services .icon-box:hover::before { background: var(--mt-blue); }
.services .icon-box:hover .title,
.services .icon-box:hover .title a,
.services .icon-box:hover .description { color: #fff; }
.services .icon-box:hover .icon { background: #fff; }
.services .icon-box:hover .icon i { color: var(--mt-blue); }
.about .content ul i, .contact .info i,
.about .content > .col-md-4 > .bi { color: var(--mt-teal); }
#experience .display-4 { color: var(--mt-navy); }
#experience h3 { color: var(--mt-teal); }
.table {
  --bs-table-color: var(--mt-text);
  --bs-table-border-color: var(--mt-border);
}
.table thead { background: var(--mt-surface); color: var(--mt-navy); }
.table caption { color: var(--mt-muted); }
.border, .border-bottom { border-color: var(--mt-border) !important; }
#footer {
  background: var(--mt-navy);
  color: #fff;
  box-shadow: none;
}
#footer .credits, #footer .footer-links a { color: #e5edf5; }
#footer .footer-links a:hover { color: #8ddce1; }
.back-to-top { background: var(--mt-blue); }
.back-to-top:hover { background: var(--mt-blue-hover); }

/* Stronger colour trial. Restore the saved subtle stylesheet to revert. */
:root { --mt-surface: #e8f1fb; }
#hero {
  background: linear-gradient(110deg, #e4effa 0%, #f4f9fd 46%, #ffffff 78%);
}
.breadcrumbs {
  background: var(--mt-navy);
  color: #fff;
  border-bottom: 4px solid var(--mt-teal);
}
.breadcrumbs h1, .breadcrumbs h2, .breadcrumbs ol {
  color: #fff;
}
.breadcrumbs a { color: #8ddce1; }
.breadcrumbs a:hover { color: #fff; }
.breadcrumbs ol li+li::before { color: #b9cadb; }
.section-bg { background: var(--mt-surface); }
.section-title h2::before, .section-title h2::after {
  background: linear-gradient(90deg, var(--mt-blue), var(--mt-teal));
}
.services .icon-box {
  border-top: 4px solid var(--mt-teal);
  box-shadow: 0 10px 28px rgba(16, 42, 67, 0.11);
}
#experience, #approach, #support-agreements {
  background: var(--mt-navy);
  color: #e5edf5;
}
#experience h2, #experience .display-4,
#approach h2, #approach h3,
#support-agreements h2, #support-agreements h3 {
  color: #fff;
}
#experience h3 { color: #8ddce1; }
#experience .section-title h2::before,
#experience .section-title h2::after,
#approach .section-title h2::before,
#approach .section-title h2::after,
#support-agreements .section-title h2::before,
#support-agreements .section-title h2::after {
  background: #8ddce1;
}
#support-agreements a { color: #8ddce1; }
#support-agreements a:hover { color: #fff; }
#support-agreements a.btn-learn-more,
#support-agreements a.btn-learn-more:hover { color: #fff; }
#experience a:focus-visible, #approach a:focus-visible,
#support-agreements a:focus-visible, .breadcrumbs a:focus-visible {
  outline-color: #8ddce1;
}
#made-in-moris { background: #e6f3f5; }

/* Make product navigation available on keyboard focus as well as hover. */
.navbar .dropdown:focus-within > ul { opacity: 1; top: 100%; visibility: visible; }

/* Keep the 208:150 header logo proportional at its existing display height. */
#header .logo img {
  width: auto;
  height: 120px;
  max-width: 100%;
  object-fit: contain;
}

/* A compact Sigma invitation in the homepage introduction. */
#hero h2 { margin-bottom: 24px; }
#hero .hero-sigma-invitation {
  display: flex;
  align-items: center;
  gap: 14px;
  align-self: flex-start;
  max-width: 100%;
  margin-bottom: 20px;
  padding: 12px 14px;
  border: 1px solid var(--mt-border);
  border-radius: 10px;
  background: #fff;
  color: var(--mt-navy);
  font-size: 14px;
  line-height: 1.5;
  box-shadow: 0 4px 14px rgba(16, 42, 67, 0.06);
}
#hero .hero-sigma-invitation img {
  display: block;
  flex: 0 0 auto;
  width: 140px;
  height: auto;
}
#hero .hero-sigma-invitation:hover {
  border-color: var(--mt-teal);
  color: var(--mt-blue);
}
@media (max-width: 375px) {
  #hero .hero-sigma-invitation { gap: 10px; padding: 10px; }
  #hero .hero-sigma-invitation img { width: 110px; }
}