/* ------------------------------------------------------------
   Marketing pages — mobile nav fix + missing-icon fallback.
   Loaded AFTER stylegreen.css so it overrides the old template.
   ------------------------------------------------------------ */

/* Unified banking typeface — Inter — across the old template.
   The template shipped Roboto on body / headings / .btn; force Inter
   so the marketing pages match the homepage + app. Icon fonts
   (icomoon / themify <i>) are untouched so glyphs still render. */
body,
h1, h2, h3, h4, h5, h6, figure,
p, a, li, label, input, textarea, select, button, .btn, blockquote {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* The template's themify-icons.css is missing (404), so the check
   glyph in the feature lists never rendered. Provide a plain fallback. */
.ti-check:before { content: "\2714"; }   /* ✔ */

/* Green footer to match the homepage (--wf-dark). */
#gtco-footer {
  background: #083a26;
  color: #cfd6dc;
  padding: 2.5em 0;
}
#gtco-footer .copyright {
  color: #cfd6dc;
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
#gtco-footer .copyright a { color: #ffffff; }

/* On phones/tablets the old off-canvas hamburger doesn't open, so the top
   nav was unreachable. Replace it with a simple, always-visible wrapped menu. */
@media screen and (max-width: 768px) {

  /* Turn the overlay nav into a solid bar in normal flow */
  .gtco-nav {
    position: relative;
    padding: 12px 0;
    background: rgba(8, 58, 38, 0.96);   /* dark green so white links read */
  }
  .gtco-nav .row { margin: 0; }
  .gtco-nav #gtco-logo { text-align: center; }
  .gtco-nav #gtco-logo a img { height: 34px; }

  /* Reveal the menu (the template hides it on mobile) and let it wrap, centered */
  .gtco-nav .menu-1 {
    display: block !important;
    width: 100%;
    float: none;
    text-align: center;
    margin-top: 8px;
  }
  .gtco-nav .menu-1 ul { margin: 0; padding: 0; }
  .gtco-nav .menu-1 ul li { display: inline-block; float: none; margin: 2px 0; }
  .gtco-nav .menu-1 ul li a {
    display: inline-block;
    padding: 8px 12px;
    color: #fff;
  }

  /* Hide the broken hamburger + off-canvas entirely */
  .gtco-nav-toggle,
  .js-gtco-nav-toggle { display: none !important; }
  #gtco-offcanvas { display: none !important; }
}