input[type=text]{
height: 44px;
}

.form-control{
height: 44px;
}

.fl-page-nav-right .fl-page-header-row {
    table-layout: fixed;
  }

.fl-logo-img {
  height: auto !important;
}

/* The menu bar stays pinned to the top on phones and tablets too, but the theme removed the page's
   top spacing below 992px, so the menu covered the first 41-91px of every page. Leave room for it. */
@media (max-width: 576px) { body .fl-page { padding-top: 45px !important; } }
@media (min-width: 577px) and (max-width: 767px) { body .fl-page { padding-top: 41px !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  /* Tablet: the theme centers the logo on its own row above the menu. Keep the logo on the left
     like every other size, with the menu beside it on one row, and move the page down to match. */
  .fl-page-header-primary .fl-page-header-container { padding-top: 7px !important; padding-bottom: 7px !important; }
  .fl-page-header-primary .fl-page-header-row { display: flex; align-items: center; flex-wrap: nowrap; }
  .fl-page-header-primary .fl-page-header-row::before,
  .fl-page-header-primary .fl-page-header-row::after { display: none; }
  .fl-page-header-primary .fl-page-header-logo-col { width: auto; flex: 0 0 auto; }
  .fl-page-header-primary .fl-page-header-logo { text-align: left; padding: 0 !important; }
  .fl-page-header-primary .fl-page-nav-col { width: auto; flex: 1 1 auto; }
  .fl-page-header-primary .fl-page-nav-wrap { border: 0 !important; padding: 0; }
  .fl-page-header-primary .fl-page-nav ul.navbar-nav { float: none !important; display: flex; justify-content: flex-end; margin: 0; }
  .fl-page-header-primary .fl-page-nav ul.navbar-nav > li { margin: 0 8px; }
  body .fl-page { padding-top: 64px !important; }
}

/* The testimonials divider was fixed at 310px, which pushed the page 10px wider than a 320px phone */
.fl-rich-text hr { max-width: 100%; }

/* No focus ring around buttons, links or the logo. Browsers draw it in the device's accent color
   (it can look red/brown); keyboard users still see the navy fill on the call-to-action buttons. */
a, a:focus, a:focus-visible,
button, button:focus, button:focus-visible,
input[type=submit], input[type=submit]:focus, input[type=submit]:focus-visible {
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

/* Parallax backgrounds (the "Our goal" band on Home, "Have Any Questions?" on About Us) on touch screens:
   the old page-builder script still shifted the image by the scroll position, which on a tablet held sideways
   pushed it below the band and left only the pale overlay. iPads also don't support fixed backgrounds.
   On touch screens keep the image still and centered; desktop keeps the parallax effect. */
.fl-builder-touch .fl-row-bg-parallax > .fl-row-content-wrap {
  background-attachment: scroll !important;
  background-position: center center !important;
}