/* EcoSapa Cruise Pages v2.23.16 — ship-only back-to-top */

/* Hide Travel Monster / WP Travel Engine / legacy arrow buttons on cruise pages. */
.scroll-to-top,
#scroll-to-top,
.scrollTop,
.scroll-top,
#scroll-top,
.scrollup,
.scroll-up,
.back-to-top,
#back-to-top,
.backtotop,
#backtotop,
.to-top,
#to-top,
.go-top,
#go-top,
.scrollToTop,
#scrollToTop,
.site-scroll-top,
.travel-monster-scroll-top,
.travel-monster-back-to-top,
.wte-back-to-top,
[class*="scroll-to-top"],
[id*="scroll-to-top"],
[class*="back-to-top"],
[id*="back-to-top"]{
  display:none!important;
}

/* Semantically still a button for accessibility, visually only the ship. */
.ecosapa-cruise-top-ship{
  position:fixed!important;
  right:22px!important;
  bottom:20px!important;
  z-index:2147482000!important;
  width:112px!important;
  height:88px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(16px) scale(.92)!important;
  transition:opacity .22s ease,visibility .22s ease,transform .22s ease,filter .22s ease!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  outline:none!important;
}
.ecosapa-cruise-top-ship.is-visible{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}
.ecosapa-cruise-top-ship:hover{
  transform:translateY(-4px) scale(1.045)!important;
}
.ecosapa-cruise-top-ship:focus-visible{
  outline:2px dashed rgba(237,28,36,.55)!important;
  outline-offset:4px!important;
}

.ecosapa-cruise-top-ship__boat{
  display:flex!important;
  width:108px!important;
  height:84px!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
}
.ecosapa-cruise-top-ship__boat svg{
  display:block!important;
  width:108px!important;
  height:84px!important;
  overflow:visible!important;
  filter:
    drop-shadow(0 0 2px rgba(255,255,255,.98))
    drop-shadow(0 0 4px rgba(255,255,255,.82))
    drop-shadow(0 8px 8px rgba(20,39,52,.28))!important;
}

/* Red / white EcoSapa ship, with dark windows for visual definition. */
.ecosapa-cruise-top-ship__boat .ecs-ship-roof,
.ecosapa-cruise-top-ship__boat .ecs-ship-upper{
  fill:#ffffff!important;
  stroke:#ed1c24!important;
  stroke-width:2.2!important;
  stroke-linejoin:round!important;
}
.ecosapa-cruise-top-ship__boat .ecs-ship-hull{
  fill:#ed1c24!important;
  stroke:#ffffff!important;
  stroke-width:2.1!important;
  stroke-linejoin:round!important;
}
.ecosapa-cruise-top-ship__boat .ecs-ship-windows{
  fill:#263d50!important;
}
.ecosapa-cruise-top-ship__boat .ecs-ship-deckline{
  fill:none!important;
  stroke:#ffffff!important;
  stroke-width:2.6!important;
  stroke-linecap:round!important;
}
.ecosapa-cruise-top-ship__boat .ecs-ship-wave{
  fill:none!important;
  stroke:#1f7181!important;
  stroke-width:3!important;
  stroke-linecap:round!important;
}
.ecosapa-cruise-top-ship__boat .ecs-ship-mast{
  fill:#ed1c24!important;
  stroke:#ed1c24!important;
  stroke-width:1.3!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

@media(max-width:700px){
  .ecosapa-cruise-top-ship{
    right:12px!important;
    bottom:12px!important;
    width:96px!important;
    height:76px!important;
  }
  .ecosapa-cruise-top-ship__boat,
  .ecosapa-cruise-top-ship__boat svg{
    width:94px!important;
    height:72px!important;
  }
}


/* v2.23.27 mobile collision fix: float above the fixed cabin CTA bar. */
@media(max-width:820px){
  .ecosapa-cruise-top-ship{
    right:8px!important;
    bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;
    width:82px!important;
    height:64px!important;
  }
  .ecosapa-cruise-top-ship__boat,
  .ecosapa-cruise-top-ship__boat svg{
    width:80px!important;
    height:61px!important;
  }
}