Earthborne Trucks and Equipment

[[<!--
  Floating "Weekly Promotions" Sign-up Popup for WordPress (Constant Contact)
  ---------------------------------------------------------------------------
  HOW TO USE
  Paste this whole snippet into WPCode > Header & Footer > Footer box
  (site-wide), or into a Custom HTML block (one page).
  Your Constant Contact universal code and inline form are already included.
  If the universal code is already installed elsewhere on your site, delete
  the "UNIVERSAL CODE" section below so it isn't loaded twice.

Placement: bottom-left corner on desktop and phones.
  The X hides the button for the rest of the visit.
-->

<script> var _ctct_m = "337349c4e9a6a99465489a0586511e1f"; </script>
<script id="signupScript" src="//static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js" async defer></script>

.cfp-source { display: none; }

/* Floating launcher (button + caption + dismiss X) */
  .cfp-launcher {
    position: fixed;
    left: 24px;               /* bottom-left on desktop */
    bottom: 24px;
    z-index: 99998;
  }
  .cfp-launcher.cfp-hidden { display: none; }

/* Floating button */
  .cfp-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 20px;
    border: 0;
    border-radius: 999px;
    background: var(--cfp-dark);
    color: var(--cfp-accent);
    font: 600 15px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    cursor: pointer;
    transition: transform .2s ease, background .2s ease;
  }
  .cfp-trigger:hover { background: var(--cfp-accent); color: var(--cfp-dark); transform: translateY(-2px); }
  .cfp-trigger:focus-visible { outline: 3px solid #fde047; outline-offset: 3px; }
  .cfp-trigger svg { width: 20px; height: 20px; flex-shrink: 0; }
  .cfp-trigger-tagline { display: none; }

/* Small X to hide the launcher */
  .cfp-dismiss {
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border-radius: 50%;
    background: var(--cfp-dark);
    color: var(--cfp-accent);
    border: 1px solid var(--cfp-accent);
    font: 400 16px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    cursor: pointer;
  }
  .cfp-dismiss:hover { background: var(--cfp-accent); color: var(--cfp-dark); }
  .cfp-dismiss:focus-visible { outline: 3px solid #fde047; outline-offset: 2px; }

/* Overlay */
  .cfp-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(15, 23, 42, .55);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
  }
  .cfp-overlay.cfp-open { opacity: 1; visibility: visible; }

/* Popup box */
  .cfp-modal {
    position: relative;
    width: 100%;
    max-width: 460px;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    padding: 32px 28px 28px;
    border-radius: var(--cfp-radius);
    background: var(--cfp-bg);
    color: var(--cfp-text);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    box-shadow: 0 24px 60px rgba(0,0,0,.3);
    transform: translateY(20px) scale(.97);
    transition: transform .25s ease;
    box-sizing: border-box;
  }
  .cfp-overlay.cfp-open .cfp-modal { transform: none; }

.cfp-title { margin: 0 0 6px; font-size: 22px; line-height: 1.3; color: var(--cfp-accent); }
  .cfp-modal { border-top: 4px solid var(--cfp-accent); }
  .cfp-subtitle { margin: 0 0 20px; font-size: 15px; opacity: .75; }

.cfp-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--cfp-text);
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
  }
  .cfp-close:hover { background: rgba(255,255,255,.1); color: var(--cfp-accent); }
  .cfp-close:focus-visible { outline: 3px solid #fde047; }

/* Single-line email form */
  .cfp-form { display: flex; gap: 8px; }
  .cfp-form input[type="email"] {
    flex: 1;
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 15px;
    color: #111;
    background: #fff;
  }
  .cfp-form input[type="email"]:focus {
    outline: none;
    border-color: var(--cfp-accent);
    box-shadow: 0 0 0 3px rgba(250,204,21,.4);
  }
  .cfp-form button {
    padding: 12px 18px;
    border: 0;
    border-radius: 8px;
    background: var(--cfp-accent);
    color: var(--cfp-dark);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
  }
  .cfp-form button:hover { background: var(--cfp-accent-hover); }
  .cfp-note { margin: 12px 0 0; font-size: 12px; opacity: .6; }
  .cfp-sr {
    position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); white-space: nowrap;
  }

/* Constant Contact form: blend into the popup */
  .cfp-body .ctct-form-embed.form_0 .ctct-form-defaults,
  .cfp-body .ctct-form-defaults {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .cfp-body .ctct-form-header,
  .cfp-body .ctct-form-text { display: none !important; }   /* popup already has a heading */
  .cfp-body .ctct-form-label { font-size: 14px !important; font-weight: 600 !important; color: var(--cfp-text) !important; }
  .cfp-body .ctct-form-custom, .cfp-body .ctct-form-custom p, .cfp-body .ctct-disclosure { color: var(--cfp-text) !important; }
  .cfp-body .ctct-form-footer a, .cfp-body .ctct-disclosure a { color: var(--cfp-accent) !important; }
  .cfp-body .ctct-form-element {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 14px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    height: auto !important;
    color: #111 !important;
    background: #fff !important;
  }
  .cfp-body .ctct-form-element:focus {
    outline: none !important;
    border-color: var(--cfp-accent) !important;
    box-shadow: 0 0 0 3px rgba(250,204,21,.4) !important;
  }
  .cfp-body .ctct-form-button {
    width: 100% !important;
    padding: 12px 18px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--cfp-accent) !important;
    color: var(--cfp-dark) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer;
  }
  .cfp-body .ctct-form-button:hover { background: var(--cfp-accent-hover) !important; }
  .cfp-body .ctct-form-footer,
  .cfp-body .ctct-disclosure { font-size: 11px !important; opacity: .7; }

/* WordPress-form fallback sizing */
  .cfp-body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
  .cfp-body textarea,
  .cfp-body select { box-sizing: border-box; }

body.cfp-no-scroll { overflow: hidden; }

@media (max-width: 600px) {
    /* bottom-right on mobile: clean round icon button */
    .cfp-launcher { left: 16px; bottom: 16px; }   /* bottom-left on mobile too */
    .cfp-trigger {
      width: 56px;
      height: 56px;
      padding: 0;
      justify-content: center;
    }
    .cfp-trigger svg { width: 24px; height: 24px; }
    .cfp-trigger-label { display: none; }
    .cfp-dismiss { right: -6px; top: -6px; }

/* small caption card above the button */
    .cfp-trigger-tagline {
      display: block;
      position: absolute;
      left: 0;
      bottom: calc(100% + 12px);
      padding: 8px 12px;
      border-radius: 10px;
      background: var(--cfp-dark);
      color: var(--cfp-accent);
      font: 600 13px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
      white-space: nowrap;
      border: 1px solid var(--cfp-accent);
      box-shadow: 0 4px 14px rgba(0,0,0,.12);
      cursor: pointer;
      animation: cfp-fade-in .5s ease .8s both;
    }
    .cfp-trigger-tagline::after {     /* little pointer toward the button */
      content: "";
      position: absolute;
      left: 22px;
      bottom: -6px;
      width: 10px;
      height: 10px;
      background: var(--cfp-dark);
      border-right: 1px solid var(--cfp-accent);
      border-bottom: 1px solid var(--cfp-accent);
      transform: rotate(45deg);
    }

.cfp-modal { padding: 28px 18px 20px; }
    .cfp-form { flex-direction: column; }
  }

@keyframes cfp-fade-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
    .cfp-trigger, .cfp-overlay, .cfp-modal { transition: none; }
    .cfp-trigger-tagline { animation: none; }
  }
</style>

<div class="cfp-launcher">
<button type="button" class="cfp-trigger" aria-haspopup="dialog" aria-controls="cfp-overlay" aria-label="Sign up for our weekly promotions">
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
    <rect x="2" y="4" width="20" height="16" rx="2"/>
    <path d="m22 7-10 6L2 7"/>
  </svg>
  <span class="cfp-trigger-label">Sign up for our weekly promotions</span>
</button>
<span class="cfp-trigger-tagline" aria-hidden="true">Sign up for weekly promotions</span>
<button type="button" class="cfp-dismiss" aria-label="Hide sign-up button">×</button>
</div>

<div class="cfp-overlay" id="cfp-overlay" aria-hidden="true">
  <div class="cfp-modal" role="dialog" aria-modal="true" aria-labelledby="cfp-title">
    <button type="button" class="cfp-close" aria-label="Close">×</button>
    <h2 class="cfp-title" id="cfp-title">Sign up for our weekly promotions</h2>
    <p class="cfp-subtitle">Get our best deals delivered to your inbox every week.</p>
    <div class="cfp-body">
      
      <div class="ctct-inline-form" data-form-id="3be64f70-de7f-48db-8520-fff7d22740b6"></div>
      
    </div>
  </div>
</div>

// If a WordPress form is wrapped in .cfp-source, use it instead of the built-in form
  var source = document.querySelector('.cfp-source');
  if (source) {
    body.innerHTML = '';
    while (source.firstChild) body.appendChild(source.firstChild);
    source.remove();
  }

function focusable() {
    return modal.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])');
  }

function openPopup() {
    lastFocus = document.activeElement;
    overlay.classList.add('cfp-open');
    overlay.setAttribute('aria-hidden', 'false');
    document.body.classList.add('cfp-no-scroll');
    var first = modal.querySelector('input:not([type="hidden"]), textarea, select');
    setTimeout(function () { (first || closeBtn).focus(); }, 50);
  }

function closePopup() {
    overlay.classList.remove('cfp-open');
    overlay.setAttribute('aria-hidden', 'true');
    document.body.classList.remove('cfp-no-scroll');
    if (lastFocus) lastFocus.focus();
  }

trigger.addEventListener('click', openPopup);

// Caption also opens the popup
  var tagline = document.querySelector('.cfp-trigger-tagline');
  if (tagline) tagline.addEventListener('click', openPopup);

// X hides the floating button for the rest of the visit
  var launcher = document.querySelector('.cfp-launcher');
  var dismiss  = document.querySelector('.cfp-dismiss');
  try { if (sessionStorage.getItem('cfpDismissed')) launcher.classList.add('cfp-hidden'); } catch (e) {}
  dismiss.addEventListener('click', function () {
    launcher.classList.add('cfp-hidden');
    try { sessionStorage.setItem('cfpDismissed', '1'); } catch (e) {}
  });
  closeBtn.addEventListener('click', closePopup);

overlay.addEventListener('click', function (e) {
    if (e.target === overlay) closePopup();
  });

// Any link or button with class "cfp-open-link" also opens the popup
  document.addEventListener('click', function (e) {
    var link = e.target.closest && e.target.closest('.cfp-open-link');
    if (link) { e.preventDefault(); openPopup(); }
  });
})();
</script>]]

[

]

testform