Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
37 kB
1
Indexable
Never
(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "";
    /* all Pure helper functions */
    function waitForElement(selector, trigger, delayInterval, delayTimeout) {
      var interval = setInterval(function () {
        if (
          document &&
          document.querySelector(selector) &&
          document.querySelectorAll(selector).length > 0
        ) {
          clearInterval(interval);
          trigger();
        }
      }, delayInterval);
      setTimeout(function () {
        clearInterval(interval);
      }, delayTimeout);
    }

    function live(selector, event, callback, context) {
      // helper for enabling IE 8 event bindings
      function addEvent(el, type, handler) {
        if (el.attachEvent) el.attachEvent('on' + type, handler);
        else el.addEventListener(type, handler);
      }
      // matches polyfill
      this.Element && function (ElementPrototype) {
        ElementPrototype.matches = ElementPrototype.matches ||
          ElementPrototype.matchesSelector ||
          ElementPrototype.webkitMatchesSelector ||
          ElementPrototype.msMatchesSelector ||
          function (selector) {
            var node = this,
              nodes = (node.parentNode || node.document).querySelectorAll(selector),
              i = -1;
            while (nodes[++i] && nodes[i] != node);
            return !!nodes[i];
          };
      }(Element.prototype);
      // live binding helper using matchesSelector
      function live(selector, event, callback, context) {
        addEvent(context || document, event, function (e) {
          var found, el = e.target || e.srcElement;
          while (el && el.matches && el !== context && !(found = el.matches(selector))) el = el.parentElement;
          if (found) callback.call(el, e);
        });
      }
      live(selector, event, callback, context);
    }


    var egSubMenu =''+ 
    '  <div class="mega-menu__menu" id="tab-2">'+ 
    '      <ul class="menu nav">'+ 
    '          <li class="first leaf"><a href="/yacht-charter/whats-included" class="analyticsMegaMenu-processed">What\'s'+ 
    '                  Included</a></li>'+ 
    '          <li class="leaf"><a href="/yacht-charter/extras" class="analyticsMegaMenu-processed">Extras</a></li>'+ 
    '          <li class="leaf"><a href="/yacht-vacations/skippered-charter" class="analyticsMegaMenu-processed">Skippered'+ 
    '                  Vacations</a></li>'+ 
    '          <li class="last leaf"><a href="/yacht-charter/learn-to-sail/rya-motor-cruising" class="analyticsMegaMenu-processed">RYA Power School</a></li>'+ 
    '      </ul>'+ 
    '      <div class="mega-menu-merch-text">'+ 
    '          <p>A long-time favorite of boaters everywhere, the Exumas, Bahamas are best enjoyed from the deck of a power catamaran. Discover the beauty of this unique charter destination today.</p>'+ 
    '      </div>'+ 
    '      <div>'+ 
    '          <div style="background-image:url(https://www.moorings.com/sites/default/files/image_1.jpg?t=1HIK9t)" class="merch-cta">'+ 
    '              <div class="cta-btn"><a href="/destinations/americas/bahamas/exumas-yacht-charters#!productType=2" class="analyticsMegaMenu-processed">Discover the Bahamas</a></div>'+ 
    '          </div>'+ 
    '      </div>'+ 
    '  </div>'+ 
    '  <div class="mega-menu__menu" id="tab-3">'+ 
    '      <ul class="menu nav">'+ 
    '          <li class="first leaf"><a href="/yacht-vacations/crewed-charter/whats-included" class="analyticsMegaMenu-processed">What\'s Included</a></li>'+ 
    '          <li class="leaf"><a href="/yacht-vacations/crewed-charter/crew-profiles" class="analyticsMegaMenu-processed">Meet the Crews</a></li>'+ 
    '          <li class="last leaf"><a href="/yacht-vacations/crewed-charter/by-the-cabin" class="analyticsMegaMenu-processed">Cabin Charters</a></li>'+ 
    '      </ul>'+ 
    '      <div class="mega-menu-merch-text">'+ 
    '          <p>Belize is home to the second largest barrier reef in the world, making it ideal for an all-inclusive getaway complete with fishing, snorkeling, and countless secluded cays to be explored.</p>'+ 
    '      </div>'+ 
    '      <div>'+ 
    '          <div style="background-image:url(https://www.moorings.com/sites/default/files/belize_women_kayaking_880x440_web.jpg?t=1LsmkY)" class="merch-cta">'+ 
    '              <div class="cta-btn"><a href="/destinations/americas/belize-yacht-charters#!productType=3" class="analyticsMegaMenu-processed">Learn more about Belize</a></div>'+ 
    '          </div>'+ 
    '      </div>'+ 
    '  </div>';

    var arrow =''+ 
    '  <span class="eg-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none">'+ 
    '  <path d="M0.195262 0.528514C0.435585 0.288191 0.813739 0.269705 1.07527 0.473055L1.13807 0.528514L5.13807 4.52851C5.37839 4.76884 5.39688 5.14699 5.19353 5.40852L5.13807 5.47132L1.13807 9.47132C0.877722 9.73167 0.455612 9.73167 0.195262 9.47132C-0.0450605 9.231 -0.0635469 8.85285 0.139803 8.59132L0.195262 8.52851L3.72333 4.99992L0.195262 1.47132C-0.0450605 1.231 -0.0635469 0.852847 0.139803 0.591319L0.195262 0.528514Z" fill="black"/>'+ 
    '  </svg></span>';

    var egMobileMenu =''+ 
    ' <div class="eg-mobile-nav-overlay"></div>'+
    '  <div class="eg-mobile-menu">'+ 
    '      <div class="eg-mobile-menu-inr">'+ 
    '          <p class="eg-back-button">'+ 
    '  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">'+ 
    '  <path d="M19 12H5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>'+ 
    '  <path d="M12 19L5 12L12 5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>'+ 
    '  </svg> Back to home</p>'+ 
    '                  <div class="eg-menu">'+ 
    '                      <div class="eg-menu-inr">'+ 
    '                          <ul class="eg-menu-option">'+ 
    '                              <li class="eg-main-option eg-has-dropdown">'+ 
    '                                  <a class="eg-active" href="/destinations" title="Find Your Vacation">Destinations '+ arrow+'</a>'+ 
    '                                  <ul class="eg-sub-menu eg-has-dropdown">'+ 
    '                                      <li class="eg-sub-menu-option eg-has-dropdown">'+ 
    '                                          <a href="/destinations/caribbean" title="">Caribbean '+ arrow+'</a>'+ 
    '                                          <ul class="eg-sub-menu-link">'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/caribbean/antigua-yacht-charters" title="Antigua">Antigua</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/caribbean/british-virgin-islands-yacht-charters" title="British Virgin Islands">British Virgin Islands</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/caribbean/grenada-yacht-charters" title="Grenada">Grenada</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/caribbean/martinique-yacht-charters" title="Martinique">Martinique</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/caribbean/st-lucia-yacht-charters" title="St. Lucia">St. Lucia</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/caribbean/st-martin-yacht-charters" title="St. Martin">St. Martin</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/caribbean/st-thomas-yacht-charters" title="St. Thomas (USVI)">St. Thomas (USVI)</a></li>'+ 
    '                                          </ul>'+ 
    '                                      </li>'+ 
    '                                      <li class="eg-sub-menu-option eg-has-dropdown">'+ 
    '                                          <a href="/destinations/americas" title="Americas">Americas '+ arrow+'</a>'+ 
    '                                          <ul class="eg-sub-menu-link">'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/americas/bahamas" title="Bahamas">Bahamas</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/americas/belize-yacht-charters" title="Belize">Belize</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/americas/florida" title="Florida">Florida</a></li>'+ 
    '                                          </ul>'+ 
    '                                      </li>'+ 
    '                                      <li class="eg-sub-menu-option eg-has-dropdown">'+ 
    '                                          <a href="/destinations/mediterranean" title="Mediterranean">Mediterranean '+ arrow+'</a>'+ 
    '                                          <ul class="eg-sub-menu-link">'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/mediterranean/croatia-yacht-charters" title="Croatia">Croatia</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/mediterranean/greece" title="Greece">Greece</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/mediterranean/italy" title="Italy">Italy</a></li>'+ 
    '                                          </ul>'+ 
    '                                      </li>'+ 
    '                                      <li class="eg-sub-menu-option eg-has-dropdown">'+ 
    '                                          <a href="/destinations/exotics" title="Exotics">Exotics '+ arrow+'</a>'+ 
    '                                          <ul class="eg-sub-menu-link">'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/exotics/seychelles-yacht-charters" title="Seychelles">Seychelles</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/exotics/tahiti-yacht-charters" title="Tahiti">Tahiti</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/destinations/exotics/thailand-yacht-charters" title="Thailand">Thailand</a></li>'+ 
    '                                          </ul>'+ 
    '                                      </li>'+ 
    '                                  </ul>'+ 
    '                              </li>'+ 
    '                              <li class="eg-main-option eg-has-dropdown">'+ 
    '                                  <a href="/yacht-vacations/sailing-charter" title="Premium Sailing Vacations">Charters '+ arrow+'</a>'+ 
    '                                  <ul class="eg-sub-menu eg-has-dropdown">'+ 
    '                                      <li class="eg-sub-menu-option eg-has-dropdown">'+ 
    '                                          <a href="/yacht-vacations/sailing-charter" title="Sailing Charters ">Sailing Charters '+ arrow+'</a>'+ 
    '                                          <ul class="eg-sub-menu-link">'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/yacht-charter/whats-included" title="What\'s Included">What\'s Included</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/yacht-charter/extras" title="Extras">Extras</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/yacht-vacations/skippered-charter" title="Skippered Vacations">Skippered Vacations</a></li>'+ 
    '                                          </ul>'+ 
    '                                      </li>'+ 
    '                                      <li class="eg-sub-menu-option eg-has-dropdown">'+ 
    '                                          <a href="/yacht-vacations/power-charter" title="Power Yacht Vacations">Power Charters '+ arrow+'</a>'+ 
    '                                          <ul class="eg-sub-menu-link">'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/yacht-charter/whats-included" title="What\'s Included">What\'s Included</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/yacht-charter/extras" title="Extras">Extras</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/yacht-vacations/skippered-charter" title="Skippered Vacations">Skippered Vacations</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/yacht-charter/learn-to-sail/rya-motor-cruising" title="RYA Power School">RYA Power School</a></li>'+ 
    '                                          </ul>'+ 
    '                                      </li>'+ 
    '                                      <li class="eg-sub-menu-option eg-has-dropdown">'+ 
    '                                          <a href="/yacht-vacations/crewed-charter" title="Crewed Charters">Crewed Charters '+ arrow+'</a>'+ 
    '                                          <ul class="eg-sub-menu-link">'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/yacht-vacations/crewed-charter/whats-included" title="What\'s Included">What\'s Included</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/yacht-vacations/crewed-charter/crew-profiles" title="Meet the Crews">Meet the Crews</a></li>'+ 
    '                                              <li class="eg-sub-menu-link-option"><a href="/yacht-vacations/crewed-charter/by-the-cabin" title="Cabin Charters">Cabin Charters</a></li>'+ 
    '                                          </ul>'+ 
    '                                      </li>'+ 
    '                                  </ul>'+ 
    '                              </li>'+ 
    '                              <li class="eg-main-option eg-has-dropdown">'+ 
    '                                  <a href="/yachts" title="Explore Fleet">Yachts '+ arrow+'</a>'+ 
    '                                  <ul class="eg-sub-menu eg-has-dropdown">'+ 
    '                                      <li class="eg-sub-menu-option eg-has-dropdown">'+ 
    '                                          <a href="/yachts/sail-fleet" title="Sail Yachts">Sail Yachts '+ arrow+'</a>'+ 
    '                                          <ul class="eg-sub-menu-link">'+ 
    '                                              <li class="eg-sub-menu-link-option">'+ 
    '                                                  <a href="/yachts/sail-fleet/catamarans" title="Sail Catamarans">Sail Catamarans</a>'+ 
    '                                              </li>'+ 
    '                                              <li class="eg-sub-menu-link-option">'+ 
    '                                                  <a href="/yachts/sail-fleet/monohulls" title="Sail Monohulls">Sail Monohulls</a>'+ 
    '                                              </li>'+ 
    '                                          </ul>'+ 
    '                                      </li>'+ 
    '                                      <li class="eg-sub-menu-option eg-no-dropdown">'+ 
    '                                          <a href="/yachts/power-fleet" title="Power Yachts">Power Yachts</a>'+ 
    '                                      </li>'+ 
    '                                      <li class="eg-sub-menu-option eg-no-dropdown">'+ 
    '                                          <a href="/yachts/crewed-fleet" title="Crewed Yachts">Crewed Yachts</a>'+ 
    '                                      </li>'+ 
    '                                      <li class="eg-sub-menu-option eg-no-dropdown">'+ 
    '                                          <a href="/yacht-ownership" title="Yacht Sales & Ownership">Yacht Ownership </a>'+ 
    '                                      </li>'+ 
    '                                  </ul>'+ 
    '                              </li>'+ 
    '                              <li class="eg-main-option eg-no-dropdown"><a href="/blog" title="News">Blog</a></li>'+ 
    '                          </ul>'+ 
    '                      </div>'+ 
    '                  </div>'+ 
    '                  <div class="eg-booking-container">'+ 
    '                      <a href="/manage-my-booking" class="eg-booking">Manage my Bookings</a>'+ 
    '                  </div>'+ 
    '      </div>'+ 
    '  </div>';

    var menuoptions = '<div class="eg-submenu-option"><span id="tab-1" class="eg-active">Sailing Charters</span><span id="tab-2">Power Charters</span><span id="tab-3">Crewed Charters</span></div>';

    var telephone = '<a class="eg-telephone" href="tel:(800) 416-0247">  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">'+ 
    '  <path fill-rule="evenodd" clip-rule="evenodd" d="M21.6 16.7232V19.6032C21.6022 20.1438 21.3764 20.6603 20.978 21.0258C20.5796 21.3913 20.0456 21.5719 19.5072 21.5232C16.5531 21.2022 13.7155 20.1928 11.2224 18.576C8.90286 17.1021 6.93631 15.1355 5.46238 12.816C3.83996 10.3116 2.8303 7.46015 2.51518 4.4928C2.46668 3.95603 2.64601 3.4236 3.00936 3.02555C3.37271 2.62751 3.88663 2.4005 4.42558 2.4H7.30558C8.26929 2.39051 9.0907 3.09693 9.22558 4.0512C9.34714 4.97286 9.57258 5.87781 9.89758 6.7488C10.1613 7.45044 9.99264 8.24141 9.46558 8.7744L8.24638 9.9936C9.613 12.397 11.603 14.387 14.0064 15.7536L15.2256 14.5344C15.7586 14.0073 16.5495 13.8387 17.2512 14.1024C18.1222 14.4274 19.0271 14.6528 19.9488 14.7744C20.9141 14.9106 21.6242 15.7486 21.6 16.7232Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>'+ 
    '  </svg></a>';

    

    function init() {

    // Logo change Desktop
    document.querySelector('.navbar-brand .hidden-md #logo').setAttribute('data-src', 'https://editor-assets.abtasty.com/46121/61bce1769a2741639768438.svg');
    document.querySelector('.navbar-brand .hidden-md #logo').setAttribute('src', 'https://editor-assets.abtasty.com/46121/61bce1769a2741639768438.svg');
      
    document.querySelector('.navbar-brand .hidden-lg #logo').setAttribute('data-src', 'https://editor-assets.abtasty.com/46121/61bce1769a2741639768438.svg');
    document.querySelector('.navbar-brand .hidden-lg #logo').setAttribute('src', 'https://editor-assets.abtasty.com/46121/61bce1769a2741639768438.svg');
    

      document.querySelector('.navbar-header #header-info .no-margin.hours').innerHTML = 'Mon - Sat | 9am - 5:30pm';

      document.querySelector('.navbar-nav>li > a[href="/yacht-vacations/sailing-charter"]').innerHTML = "Charters";


      document.querySelector('div[data-menu="mega-menu-link-27641"] > .mega-menu__menu > ul >.last.leaf a').insertAdjacentHTML('afterend' , '<a href="/yacht-ownership" class="analyticsMegaMenu-processed eg-yatch-ownership">Yatch Ownership</a>');

      document.querySelector('#mega-menu [data-menu="mega-menu-link-27581"] > .mega-menu__menu').setAttribute('id', 'tab-1');
      document.querySelector('#mega-menu [data-menu="mega-menu-link-27581"] > .mega-menu__menu').classList.add('eg-active');

      document.querySelector('#mega-menu [data-menu="mega-menu-link-27581"] > .mega-menu__menu').insertAdjacentHTML('beforebegin', menuoptions);
      
      document.querySelector('#mega-menu [data-menu="mega-menu-link-27581"] > .mega-menu__menu').insertAdjacentHTML('afterend', egSubMenu);


      var addArrow = document.querySelectorAll('html body .navbar .navbar-nav > li > a');

      for(i=0; i < addArrow.length; i++){
        var text = addArrow[i].innerHTML;
        addArrow[i].innerHTML = text + arrow;
      }

      // Mobile Menu Add and function
      document.querySelector('body').insertAdjacentHTML('beforeend', egMobileMenu);

      document.querySelectorAll('.eg-submenu-option > span').forEach(function(item) {
        item.addEventListener('click', function(e) {
          (e).preventDefault();
          (e).stopPropagation();
          document.querySelector('.eg-submenu-option > span.eg-active').classList.remove('eg-active');    
          this.classList.add('eg-active');
          var id = this.getAttribute('id');
          document.querySelector('[data-menu="mega-menu-link-27581"] .mega-menu__menu.eg-active').classList.remove('eg-active');
          document.querySelector('[data-menu="mega-menu-link-27581"] .mega-menu__menu#'+id).classList.add('eg-active')
        })
      })

      var egMainDropDown = document.querySelectorAll(".eg-menu-inr .eg-main-option > a .eg-arrow");

    for (var i = 0; i < egMainDropDown.length; i++) {
      egMainDropDown[i].addEventListener("click", function (e) {
        e.preventDefault();
        e.stopImmediatePropagation();
        var self = this;
        egMainDropDown.forEach(function(item) {
            if(item != self) {
                item.parentElement.classList.remove('eg-active');
            }
        })
        this.parentElement.classList.toggle("eg-active");
      });
    }
      
      
      var egMainSubMenu = document.querySelectorAll('.eg-menu-inr .eg-sub-menu-option > a .eg-arrow');

      for(var i=0; i < egMainSubMenu.length; i++){
        egMainSubMenu[i].addEventListener('click', function(e){
            e.preventDefault()
            e.stopImmediatePropagation();
            var self = this;
            egMainSubMenu.forEach(function(item) {
                if(item != self) {
                    item.parentElement.classList.remove('eg-active');
                }
            })
            this.parentElement.classList.toggle("eg-active");
        });
      }

      document.querySelector('.eg-main-option > a[href="/blog"]').addEventListener('click', function(){
        if(document.querySelector('.eg-menu-inr .eg-main-option > a.eg-active')){
          document.querySelector('.eg-menu-inr .eg-main-option > a.eg-active').classList.remove('eg-active');
        }
        document.querySelector('.eg-main-option > a[href="/blog"]').classList.add('eg-active');
      })

      document.querySelector('.navbar-mobile.navbar-toggle').addEventListener('click', function(e){
        e.preventDefault()
        e.stopImmediatePropagation();
        document.querySelector('body').classList.add('eg-mobile-nav-show');
      });

      live('.eg-mobile-menu .eg-back-button, .eg-mobile-menu .eg-booking, .eg-mobile-nav-overlay', 'click', function () {
        document.querySelector('body').classList.remove('eg-mobile-nav-show');
      });

      // Nav change on Resize
      menuMove();

      window.addEventListener('resize', function(event) {
        menuMove();
      }, true);

      window.dispatchEvent(new Event('resize'));
    }
      
    function init2() {
      var phoneNo = document.querySelector('.phone a').getAttribute('href');

      document.querySelector('.navbar-toggle').insertAdjacentHTML('afterend', telephone);

      document.querySelector('.eg-telephone').setAttribute('href', phoneNo);

    }

    function menuMove(){
      if(window.innerWidth < 1199){
        document.querySelector('.main-menu-navbar .manage-booking').insertAdjacentElement('afterend', document.querySelector('.navbar ul.navbar-nav'));

      }else{
        document.querySelector('.navbar-header .navbar-brand').insertAdjacentElement('afterend', document.querySelector('.navbar ul.navbar-nav'));
      }
    }


    /* Initialise variation */
    waitForElement('div .mega-menu__menu > ul >.last.leaf a', init, 100, 35000);
    waitForElement('.phone a', init2, 100, 35000);

  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();



@media screen and (min-width:1200px) {
    html body .navbar-header .navbar-brand {
        position: static;
        float: none;
        display: flex;
        align-items: center;
        height: auto;
    }
    .navbar-brand #logo {
        width: 91px;
    }
    html body .navbar-header>.inner {
        height: 75px;
        display: flex;
        align-items: center;
    }
    
    html body .navbar-header #header-info:not(.sticky) .no-margin.tagline {
        display: none;
    }
    
    html body .navbar-header #header-info:not(.sticky) {
        display: inline-flex;
        flex-direction: column;
        width: auto !important;
        float: none;
        order: 4;
        margin: 0px 20px;
    }
    
    html body .navbar-header #header-info:not(.sticky) .no-margin.phone {
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 30px;
        font-family: newbaskervillew01-roman,serif;
    }
    
    html body .navbar-header #header-info:not(.sticky) .no-margin.hours {
        margin: 0px;
        color: #000000;
        font-family: newbaskervillew01-roman,serif;
    }
    
    html body .navbar-header #header-manage-booking {
        order: 3;
        position: static;
        margin-left: auto;
    }
    
    html body .navbar-header #block-menu-menu-locale-menu {
        position: static;
        order: 5;
    }
    
    /* Desktop Menu */
    html body .navbar .navbar-nav > li > a {
        font-family: newbaskervillew01-roman,serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 18px;
        text-transform: uppercase;
        color: #000000;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 17px;
        margin-right: 17px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        height: 75px;
        padding-top: 23px;
        padding-bottom: 23px;
    }
    html body .navbar .navbar-nav > li > a span {
        display: inline-flex;
        padding: 5px 5px 5px 10px;
    }
    html body .navbar .navbar-nav > li > a svg{
        transform: rotate(90deg);
        transition: all 0.35s;
    }
    html body .navbar .navbar-nav > li > a:hover svg{
        transform: rotate(-90deg);
        transition: all 0.35s;
    }
    html body .navbar .navbar-nav > li > a:hover svg path{
        fill:#2E85A8;
    }   
    #mega-menu .eg-submenu-option span:hover,
    nav .analyticsMegaMenu-processed:hover {
        color: #2E85A8 !important;
    }

    html body .mega-menu{
        background: #FFFFFF !important;
    }
    [data-menu="mega-menu-link-27581"] .menu.nav a:hover{
        color: #2E85A8;
    }
    html body .navbar .navbar-nav > li > a:hover, 
    html body .navbar .navbar-nav > li > a:focus {
        background: transparent;
        border-bottom: 3px solid #2E85A8;
        color: #2E85A8;
        z-index: 999;
    }
    html body .navbar .navbar-nav > li:nth-child(3),
    html body .navbar .navbar-nav > li:nth-child(4),
    html body .navbar .navbar-nav > li:nth-child(6) {
        display: none;
    }
    html body .navbar-header .nav.navbar-nav {
        margin-left: auto;
        margin-right: auto;
    }
    html body #mega-menu.mega-menu{
        margin-top: -11px;
    }
    html body .eg-yatch-ownership{
        margin-top: 20px;
    }
    div[data-menu="mega-menu-link-27641"] > .mega-menu__menu > ul >.last{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .eg-submenu-option {
        display: flex;
        width: 100%;
        padding-bottom: 16px;
        margin-bottom: 16px;
        background: #FFFFFF;
        border-bottom: 1px solid #F4F4F4;
        box-sizing: border-box;
    }
    
    #mega-menu .eg-submenu-option span {
        display: inline-flex;
        font-style: normal;
        font-weight: normal;
        font-size: 21px;
        line-height: 28px;
        color: #000000;
        vertical-align: text-top;
        font-family: newbaskervillew01-roman,serif;
        padding: 10px;
        cursor: pointer;
    }
    #mega-menu .eg-submenu-option span.eg-active{
        color: #2E85A8;
    }
    #mega-menu [data-menu="mega-menu-link-27581"] > .mega-menu__menu:not(.eg-active) {
        display: none !important;
    }
    
    .eg-submenu-option span:nth-child(2) {
        margin-left: 40px;
        margin-right: 40px;
    }
    
}

@media screen and (max-width:1199px) {
  body.eg-mobile-nav-show .eg-mobile-menu .eg-mobile-menu-inr{
        display: block !important;
    }
    html body .navbar-brand #logo{
        width: 91px;
    }
    html body #header-info:not(.sticky) {
        display: none;
    }
    /* html body .navbar-mobile.navbar-search__button{
        width: calc(100% - 40px) !important;
        max-width: 100% !important;
    } */
    html body .navbar-collapse.main-menu-navbar, 
    html body .navbar-collapse.main-menu-navbar + .menu-overlay {
        display: none !important;
    }
    html body .navbar-brand {
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: 100% !important;
        margin-top: 27px;
        padding-top: 0px;
    }
    html body .navbar .navbar-search {
        text-align: left;
    }
    html body .navbar-header > .inner,
    html body .navbar{
        height: auto !important;
    }
    html body .site-header {
        margin-bottom: 0px;
    }
    html body .site-header .block-menu-menu-locale-menu{
        top: 25px;
    }
    html body .navbar .navbar-search {
        text-align: left;
        padding: 16px 10px;
        height: auto !important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    
    html body .navbar-toggle .text {
        font-size: 0px;
        height: 2px;
        background: #000000;
        width: 25px;
    }
    html body .navbar-toggle::before {
        height: 2px !important;
        background: #000000 !important;
        margin-bottom: 5px !important;
        width: 25px !important;
    }
    
    html body .navbar-toggle::after {
        content: "";
        display: block;
        height: 2px;
        background: #000000;
        margin-top: 5px;
        width: 25px;
    }
    
    html body .navbar-toggle {
        background: transparent !important;
        margin-right: 120px;
    }
    html body .eg-telephone {
        display: inline-flex;
        padding: 6px 10px;
        margin-right: 57px;
        align-items: center;
        justify-content: center;
    }
    html body .navbar-header #header-info.sticky{
        left: 0px;
    }
    /* Mobile Menu */
    html body .eg-mobile-menu {
        position: fixed;
        top: 0px;
        left: -1000px;
        z-index: 999991;
        background: #fff;
        width: 100%;
        height: 100%;
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        -webkit-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
        transform: translateX(-110%);
        max-width: 450px;
    }
    html body.eg-mobile-nav-show .eg-mobile-menu{
    -webkit-transform: translateX(1000px);
    -ms-transform: translateX(1000px);
    transform: translateX(1000px)
}
    html body.eg-mobile-nav-show .eg-mobile-nav-overlay{
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 998;
        background: #0000004f;
        width: 100%;
        height: 100%;
    }
    html body .eg-mobile-menu .eg-back-button {
        padding: 16px 20px;
        margin-bottom: 20px;
        font-family: newbaskervillew01-roman,serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #000000;
        display: flex;
        align-items: center;
        justify-content: start;
    }
    
    html body .eg-mobile-menu .eg-back-button svg {
        margin-right: 12px;
    }
    html body .eg-menu-inr ul li {
        list-style: none;
    }

    html body .eg-menu-inr ul {
        padding-left: 0px;
    }
    html body .eg-menu-inr .eg-main-option > a {
        font-size: 18px !important;
    }
    html body .eg-menu-inr .eg-menu-option .eg-main-option a {
        padding: 8px 0px 8px 20px;
        display: block;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #000000;
        font-family: newbaskervillew01-roman,serif;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }
    html body .eg-menu-inr .eg-menu-option .eg-main-option a:focus,
    html body .eg-menu-inr .eg-menu-option .eg-main-option a:active,
    html body .eg-menu-inr .eg-menu-option .eg-main-option a:hover{
        text-decoration: none;
    }
    html body .eg-menu-inr .eg-main-option> a.eg-active{
        font-weight: 600;
    }

    html body .eg-menu-inr .eg-sub-menu .eg-sub-menu-link .eg-sub-menu-link-option > a {
        padding-left: 40px; 
    }


    html body .eg-mobile-menu-inr .eg-booking-container {
        position: absolute;
        bottom: 0px;
        padding: 20px;
        width: 100%;
        background: #FFFFFF;
        border: 1px solid #D9D6CF;
        box-sizing: border-box;
        text-align: center;
    }

    html body .eg-mobile-menu-inr .eg-booking-container .eg-booking {
        background: #FFFFFF;
        border: 1px solid #255398;
        box-sizing: border-box;
        display: inline-block;
        padding: 8px 20px;
        width: 100%;
        font-family: newbaskervillew01-roman,serif;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #255398;
        cursor: pointer;
    }
    html body .eg-mobile-menu-inr .eg-booking-container .eg-booking:focus,
    html body .eg-mobile-menu-inr .eg-booking-container .eg-booking:hover,
    html body .eg-mobile-menu-inr .eg-booking-container .eg-booking:active{
        background: #255398;
        color: #FFFFFF;
        text-decoration: none;
    }

    html body .eg-menu-inr .eg-menu-option .eg-arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 8px 40px;
        position: absolute;
        right: 0px;
        height: 100%;
        z-index: 1;
    }
    html body .eg-menu-inr .eg-menu-option .eg-main-option > a:not(.eg-active){
        opacity: .6;
    }
    html body .eg-mobile-menu-inr .eg-menu-inr {
        height: calc(100vh - 150px);
        overflow-y: scroll;
    }
    html body .eg-menu-inr .eg-main-option a.eg-active svg {
        transform: rotate(90deg);
        transition: all 0.35s;
    }
    html body .eg-menu-inr .eg-main-option a svg {
        transform: rotate(0deg);
        transition: all 0.35s;
    }

    html body .eg-menu-inr .eg-sub-menu-option .eg-sub-menu-link,
    html body .eg-menu-inr ul.eg-sub-menu {
        max-height: 0px;
        overflow: hidden;
        opacity: 0;
        transition: all 0.35s;
    }
    html body .eg-menu-inr .eg-sub-menu-option > .eg-active + .eg-sub-menu-link,
    html body .eg-menu-inr .eg-main-option > .eg-active + .eg-sub-menu {
        max-height: 100vh;
        overflow: visible;
        opacity: 1;
        transition: all 0.35s;
    }
    html body .navbar-collapse.main-menu-navbar, 
    html body .navbar-collapse.main-menu-navbar + .menu-overlay {
        display: none !important;
    }


}
@media screen and (max-width: 767px){
    html body .navbar-header {
        padding-bottom: 0px;
    }
    html body .site-header .navbar-mobile.navbar-search__button {
        width: calc(100% - 40px) !important;
        max-width: 100% !important;
    }
    html body .panel-moorings-home .hero.layout-row, 
    html body .panel-moorings-home .mosaic-layout.layout-row{
        margin-top: 0px;
    }
}
@media screen and (min-width: 768px){
    html body .eg-telephone{
        margin-right: 70px;
    }
    html body .site-header .navbar-mobile.navbar-search__button {
        width: calc(100% - 120px) !important;
        max-width: 100% !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    html body #main {
        margin-top: 0;
    }
}

/* Covid banner */

html body .site-header .abtasty-banner-wrapper.abtasty-banner-redirection a {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    color: #FFFFFF;
    font-family: newbaskervillew01-roman,serif;
}

html body .site-header .abtasty-banner-wrapper.abtasty-banner-wrapper-append-parent, 
html body .site-header .abtasty-banner-wrapper.abtasty-banner-wrapper-prepend-parent {
    background: #255398 !important;
    border-radius: 0px !important;
    top: 0px !important;
    padding: 2px 15px !important;
}

html body .site-header .abtasty-banner-close svg {
    fill: #fff !important;
    stroke: #fff !important;
}