/* Bootstrap 3 defaults this design was built against, kept after the move to Bootstrap 5.3.
   Loaded right after bootstrap.min.css, so wv-agency-style.css still overrides it.
   Values were measured from the Bootstrap 3.4.1 build of this page, 2026-10-01. */

/* BS5 smooth-scrolls in CSS; on top of the page's jQuery animate() that double-smooths. */
:root { scroll-behavior: auto; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.42857143;
}

h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.1; margin-bottom: 10px; }
h1, h2, h3 { margin-top: 20px; }
h4, h5, h6 { margin-top: 10px; }
p, ul, ol { margin-bottom: 10px; }
ul, ol { padding-left: 40px; }  /* BS5 indents 2rem (32px); BS3 left the browser's 40px - changes wrapping */

/* BS5 underlines links by default; BS3 only on hover. */
a { text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

/* 30px gutters (BS5 defaults to 24px). */
.row { --bs-gutter-x: 30px; }

/* .well no longer exists in BS5; the page still uses it as a panel. */
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

/* BS3 navbar: 50px minimum height, links top-aligned on a 20px line, 15px horizontal padding.
   BS5 centres a shorter bar, which drops the desktop links ~20px and shortens the mobile header. */
.navbar { min-height: 50px; align-items: flex-start; }
.navbar-nav .nav-link { line-height: 20px; }
.navbar-expand-md .navbar-nav .nav-link { padding-left: 15px; padding-right: 15px; }
.navbar-collapse { padding-left: 15px; padding-right: 15px; }

/* BS3's toggle box: 22x14 bars, 9px/10px padding, 8px vertical margin. */
.navbar-toggler { padding: 9px 10px; margin: 8px 15px 8px 0; border-radius: 4px; }
.navbar-toggler-icon { display: block; }  /* inline, it sat on a 20px line box: +6px height */

/* Phones, WViPay panel open: the panel's .well is floated (float:left; width:100% - an old clearfix
   trick). In BS3 the "Who We Are" row slid up behind the float, so its 20px float margin and the
   heading's top margin were hidden. A BS5 .row is a flex container, which never overlaps floats,
   so both showed: a white strip and the heading 40px lower. Without :has() support, that is all
   that happens. Measured against the BS3 build with tests/visual/run.mjs. */
@media (max-width: 767px) {
  #collapseExample3.show .wellposition { margin-bottom: 0; }
  #mainCollapseList:has(#collapseExample3.show) + #two h2 { margin-top: 0; }
}

/* FA4 icons were only as wide as their glyph; FA7 defaults every icon to a fixed 1.25em. */
.fa-solid, .fa-regular { --fa-width: auto; }

/* Hamburger in the site blue (BS3 colored three .icon-bar spans; BS5 draws one SVG). */
.navbar-toggler-icon {
  width: 22px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3e%3cpath stroke='rgb%2888, 142, 203%29' stroke-width='2' d='M0 1h22M0 7h22M0 13h22'/%3e%3c/svg%3e");
}