/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 22 2026 | 09:25:03 */
/* ============================================================
   NAVL — ND Homepage  (external stylesheet)
   Loaded via "Simple Custom CSS and JS": header / external / frontend.
   Every rule is scoped to .navl-* classes (or the form wrapper) so it
   cannot bleed into other pages even when enqueued site-wide.
   Brand: North American Van Lines — primary blue #016497.
   ============================================================ */
:root {
  --navl-blue: #016497;
  --navl-blue-dark: #01466e;
}

.jm-capitalize,
.jm-capitalize p,
.jm-capitalize h2, 
.jm-capitalize h3, 
.jm-capitalize h4 {
	text-transform: capitalize;
}

/* --- Header phone (outline pill) --- */
.navl-phone.button {
  border-color: var(--navl-blue) !important;
  color: var(--navl-blue) !important;
}
.navl-phone.button:hover {
  background-color: var(--navl-blue) !important;
  color: #fff !important;
}

/* --- "90 Years Experience" pill in hero --- */
.navl-pill p {
  color: var(--navl-blue);
  font-weight: 600;
  font-size: 0.85em;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* --- Hero headline highlight --- */
.navl-hl-light { color: #bfe0f2; }

/* --- Primary CTA buttons (solid blue) --- */
.navl-cta.button {
  background-color: var(--navl-blue) !important;
  border-color: var(--navl-blue) !important;
  color: #fff !important;
}
.navl-cta.button:hover {
  background-color: var(--navl-blue-dark) !important;
  border-color: var(--navl-blue-dark) !important;
  color: #fff !important;
}

/* --- Stat band numbers --- */
.navl-stat-num {
  color: var(--navl-blue);
  font-size: 2.6em;
  line-height: 1;
  margin: 0 0 6px;
  font-weight: 700;
}
@media (max-width: 549px) { .navl-stat-num { font-size: 2.2em; } }

/* --- Eyebrow section labels --- */
.navl-eyebrow { letter-spacing: 0.08em; font-weight: 700; margin: 0; }

/* --- Benefits list: tidy icon + text alignment --- */
.navl-benefits .featured-box .icon-box-img { margin-top: 2px; }
.navl-benefits .featured-box h4 { margin: 0; }

/* ============================================================
   Quote form (blue) — SIRVA/CF7 form rendered inside .navl-main-form
   Ported from the brand form styling, recoloured from orange to blue.
   ============================================================ */
.navl-main-form { width: 100%; }
.navl-main-form h2 { margin-bottom: 12px; }
.navl-main-form .wpcf7-form input,
.navl-main-form input[type="text"] {
  border-radius: 14px;
  width: 100%;
  height: 58px;
  margin-top: 8px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  padding: 18px;
  font-weight: 300;
}
.navl-main-form .wpcf7-form input:focus,
.navl-main-form input[type="text"]:focus {
  border-color: var(--navl-blue);
  outline: none;
}
.navl-main-form .wpcf7-form label {
  font-size: 1em;
  color: #000;
  margin-bottom: 0;
}
/* Multistep "Next step" / final submit -> blue */
.navl-main-form .jm-button {
  width: 100% !important;
  height: 52px;
  background: var(--navl-blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1.1em;
}

.navl-main-form input[type="submit"] {
  width: 100% !important;
  height: 52px;
  background: var(--navl-blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1.1em;
	padding-top: 5px;
}
.navl-main-form #jm-next-1 { width: auto; }

/* ============================================================
   Desktop polish
   Spans already float the columns side-by-side at >=850px; these
   just even out the card heights and spacing on larger screens.
   ============================================================ */
@media (min-width: 850px) {
  /* Promise + stat cards: equal-height feel */
  .navl-stat-num { font-size: 3em; }
}