.elementor-2310 .elementor-element.elementor-element-e7d2af5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2310 .elementor-element.elementor-element-da5b897{transition:all 400ms;}:root{--page-title-display:none;}/* Start custom CSS */<style>
#ift-nav *,
#ift-nav *::before,
#ift-nav *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}
#ift-nav a { text-decoration: none !important; color: inherit !important; }
#ift-nav ul { list-style: none !important; }

#ift-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 99999 !important;
  padding: 0 !important;
  transition: all 0.25s cubic-bezier(0.4,0,0.2,1) !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(13,31,60,0.08) !important;
  box-shadow: 0 2px 16px rgba(13,31,60,0.06) !important;
}
#ift-nav.ift-scrolled {
  background: rgba(26,35,50,0.97) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 2px 24px rgba(0,0,0,0.2) !important;
  border-bottom: none !important;
}
#ift-nav.ift-scrolled .ift-logo {
  background: #ffffff !important;
  border-radius: 8px !important;
  padding: 5px 12px !important;
  box-shadow: none !important;
}
#ift-nav .ift-nav-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 72px !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
}
#ift-nav .ift-logo {
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 4px 0 !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
#ift-nav .ift-logo img {
  height: 62px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
}
#ift-nav .ift-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 28px !important;
  flex: 1 !important;
}
#ift-nav .ift-links a {
  font-family: 'Outfit', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1a2332 !important;
  transition: color 0.25s !important;
  position: relative !important;
  white-space: nowrap !important;
  letter-spacing: 0.2px !important;
}
#ift-nav.ift-scrolled .ift-links a {
  color: rgba(255,255,255,0.85) !important;
}
#ift-nav .ift-links a::after {
  content: '' !important;
  position: absolute !important;
  bottom: -4px !important;
  left: 0 !important;
  right: 0 !important;
  height: 1.5px !important;
  background: #E94B3C !important;
  transform: scaleX(0) !important;
  transition: transform 0.25s !important;
}
#ift-nav .ift-links a:hover { color: #E94B3C !important; }
#ift-nav.ift-scrolled .ift-links a:hover { color: #ffffff !important; }
#ift-nav.ift-scrolled .ift-links a::after { background: #D4AF37 !important; }
#ift-nav .ift-links a:hover::after { transform: scaleX(1) !important; }

#ift-nav .ift-cta {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}
#ift-nav .ift-juta-badge {
  font-family: 'Outfit', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #1a2332 !important;
  border: 1px solid rgba(13,31,60,0.25) !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  letter-spacing: 0.8px !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
}
#ift-nav.ift-scrolled .ift-juta-badge {
  color: #D4AF37 !important;
  border-color: rgba(212,175,55,0.4) !important;
}
#ift-nav .ift-btn-book {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 9px 18px !important;
  border-radius: 6px !important;
  background: #E94B3C !important;
  color: #ffffff !important;
  border: 2px solid #E94B3C !important;
  cursor: pointer !important;
  transition: all 0.25s !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
#ift-nav .ift-btn-book:hover {
  background: #c23930 !important;
  border-color: #c23930 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 24px rgba(233,75,60,0.35) !important;
  color: #ffffff !important;
}
#ift-nav .ift-hamburger {
  display: none !important;
  flex-direction: column !important;
  gap: 5px !important;
  cursor: pointer !important;
  padding: 4px !important;
  background: transparent !important;
  border: none !important;
}
#ift-nav .ift-hamburger span {
  display: block !important;
  width: 24px !important;
  height: 2px !important;
  background: #1a2332 !important;
  border-radius: 2px !important;
  transition: all 0.25s !important;
}
#ift-nav.ift-scrolled .ift-hamburger span { background: #ffffff !important; }

#ift-mobile-menu {
  display: none !important;
  position: fixed !important;
  top: 72px !important;
  left: 0 !important;
  right: 0 !important;
  background: #1a2332 !important;
  padding: 20px 24px 30px !important;
  z-index: 99998 !important;
  box-shadow: 0 16px 60px rgba(13,31,60,0.25) !important;
}
#ift-mobile-menu.ift-open { display: block !important; }
#ift-mobile-menu a {
  display: block !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.8) !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  text-decoration: none !important;
}
#ift-mobile-menu a:last-of-type { border-bottom: none !important; }
#ift-mobile-menu .ift-mob-ctas {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: 20px !important;
}
#ift-mobile-menu .ift-mob-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 13px 26px !important;
  border-radius: 6px !important;
  border: 2px solid transparent !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.25s !important;
}
#ift-mobile-menu .ift-mob-btn-primary {
  background: #E94B3C !important;
  color: #ffffff !important;
  border-color: #E94B3C !important;
}
#ift-mobile-menu .ift-mob-btn-gold {
  background: #D4AF37 !important;
  color: #1a2332 !important;
  border-color: #D4AF37 !important;
}

@media (max-width: 900px) {
  #ift-nav .ift-links { gap: 18px !important; }
  #ift-nav .ift-links a { font-size: 14px !important; }
}
@media (max-width: 768px) {
  #ift-nav .ift-links     { display: none !important; }
  #ift-nav .ift-cta       { display: none !important; }
  #ift-nav .ift-hamburger { display: flex !important; }
  #ift-nav .ift-logo img  { height: 52px !important; }
  #ift-nav .ift-nav-inner { height: 68px !important; padding: 0 20px !important; }
  #ift-mobile-menu        { top: 68px !important; }
}
</style>

<!-- NAV -->
<nav id="ift-nav">
  <div class="ift-nav-inner">
    <a href="/" class="ift-logo" aria-label="Ian Flemmings Transportation Services — Home">
      <img
        src="https://flemmingsjamaicatours.com/wp-content/uploads/2025/08/20250809_1230_Tropical-Transport-Logo_simple_compose_01k27y2vbjf6t9f1zw57prb700.webp"
        alt="Ian Flemmings Transportation Services Ltd."
      />
    </a>
    <ul class="ift-links">
      <li><a href="/">Home</a></li>
      <li><a href="https://flemmingsjamaicatours.com/services/">Services</a></li>
      <li><a href="https://flemmingsjamaicatours.com/island-tours/">Tours</a></li>
      <li><a href="https://flemmingsjamaicatours.com/airport-transfers/">Transfers</a></li>
      <li><a href="/about-us/">About Us</a></li>
      <li><a href="/contact-us/">Contact</a></li>
    </ul>
    <div class="ift-cta">
      <span class="ift-juta-badge">JUTA Licensed</span>
      <a href="https://flemmingsjamaicatours.com/book.html" class="ift-btn-book">✈ Book Now</a>
    </div>
    <button class="ift-hamburger" id="iftHamburger" aria-label="Open menu" onclick="iftToggleMenu()">
      <span id="iftH1"></span>
      <span id="iftH2"></span>
      <span id="iftH3"></span>
    </button>
  </div>
</nav>

<!-- MOBILE MENU -->
<div id="ift-mobile-menu">
  <a href="/">Home</a>
  <a href="https://flemmingsjamaicatours.com/services/">Services</a>
  <a href="https://flemmingsjamaicatours.com/island-tours/">Tours</a>
  <a href="https://flemmingsjamaicatours.com/airport-transfers/">Transfers</a>
  <a href="/about-us/">About Us</a>
  <a href="/contact-us/">Contact</a>
  <div class="ift-mob-ctas">
    <a href="https://flemmingsjamaicatours.com/book.html" class="ift-mob-btn ift-mob-btn-primary">✈ Book a Transfer</a>
    <a href="https://flemmingsjamaicatours.com/tour-enquiry.html" class="ift-mob-btn ift-mob-btn-gold">🌴 Explore Tours</a>
  </div>
</div>

<script>
(function () {
  var nav  = document.getElementById('ift-nav');
  var menu = document.getElementById('ift-mobile-menu');

  window.addEventListener('scroll', function () {
    if (window.scrollY > 40) {
      nav.classList.add('ift-scrolled');
    } else {
      nav.classList.remove('ift-scrolled');
    }
  }, { passive: true });

  window.iftToggleMenu = function () {
    var h1   = document.getElementById('iftH1');
    var h2   = document.getElementById('iftH2');
    var h3   = document.getElementById('iftH3');
    var open = menu.classList.toggle('ift-open');
    h1.style.transform = open ? 'rotate(45deg) translate(5px,5px)'  : '';
    h2.style.opacity   = open ? '0' : '1';
    h3.style.transform = open ? 'rotate(-45deg) translate(5px,-5px)' : '';
  };

  document.querySelectorAll('#ift-mobile-menu a').forEach(function (a) {
    a.addEventListener('click', function () {
      menu.classList.remove('ift-open');
      document.getElementById('iftH1').style.transform = '';
      document.getElementById('iftH2').style.opacity   = '1';
      document.getElementById('iftH3').style.transform = '';
    });
  });

  document.addEventListener('DOMContentLoaded', function () {
    var logoWrap = document.querySelector('#ift-nav .ift-logo');
    if (logoWrap) {
      logoWrap.style.setProperty('background',    'transparent', 'important');
      logoWrap.style.setProperty('box-shadow',    'none',        'important');
      logoWrap.style.setProperty('border-radius', '0',           'important');
      logoWrap.style.setProperty('padding',       '4px 0',       'important');
    }
    window.addEventListener('scroll', function () {
      var lw = document.querySelector('#ift-nav .ift-logo');
      if (!lw) return;
      if (window.scrollY > 40) {
        lw.style.setProperty('background',    '#ffffff',  'important');
        lw.style.setProperty('border-radius', '8px',      'important');
        lw.style.setProperty('padding',       '5px 12px', 'important');
      } else {
        lw.style.setProperty('background',    'transparent', 'important');
        lw.style.setProperty('border-radius', '0',           'important');
        lw.style.setProperty('padding',       '4px 0',       'important');
      }
    }, { passive: true });
  });
})();
</script>/* End custom CSS */