:root {
  --announcement-gradient: linear-gradient(
    45deg,
    #105682, /*orange*/
    #00c4c4, /*teal*/
    #882e56); /*dark blue*/
}
body,
a,
.sppb-btn-custom {
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  font-weight: 400;
}
#sp-header {
  position: absolute;
  height: 80px;
  animation: none;
}
#sp-header.header-sticky {
  top: 0px;
  animation: none;
}
/* change this next line to format the background color of the bar above the menu. */ 
#sp-top-bar {
    background: #105682;
}
#sp-top-bar {
    padding: 0px;
    font-size: inherit;
    margin-top: -2px;
}
@media screen and (min-width: 1400px)  {
   .container { 
    max-width:1920px;
    }
}
#sp-header .logo {
  height: inherit!important;
  margin: 5px 0 0;
}
@media screen and (max-width: 992px)  {
   .logo-image {
  height: 70px!important;
}
}
.burger-icon > span {
  background-color: #fff;
}
#sp-top-bar .sp-module {
    display: inline;
    margin: 0px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  padding: 0 8px;
  line-height: 1.5em;
  letter-spacing: -1px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a {
  color: #105682;
  font-weight: 400;
}
.sp-megamenu-parent > li.active > a {
  font-weight: 500;
  color: #105682!important;
}
.pe-2 {
  padding-right: .25rem !important;
}
#sp-footer {
  background: #040725;
}
p {
  margin: 0px 0px 10px 0px;
}
#sp-footer {
    font-size: 20px;
    text-align: center;
}
.info-no-top-border {
  border-top: none !important;
}
.info-no-bottom-border {
  border-bottom: none !important;
}
@media screen and (min-width: 976px)  {
        .mobile-break { display: none; }
}
.misfit-homepage-header-inner {
  outline: 4px solid #ffffff;
  outline-offset: -8px;
}
.misfit-img-responsive {
  display: block;
  max-width: 80%;
  height: auto;
}
.floater {
  width: 50%;
  height: auto;
  margin: 0 auto;
  position: relative;
  animation: floats 12s infinite;
}
@keyframes floats {
  0% {top: 0px; left: 0px;}
  50% {top: 40px;left: 80px;}
  100% {top: 0px;left: 0px;}
}
@media (max-width:991px) {
  @keyframes floats {
    0% {top: 0px; left: -30px;}
    50% {top: 40px;left: 50px;}
    100% {top: 0px;left: -30px;}
  }
  .misfit-img-responsive {
    max-width: 100%;
  }
}
@media (max-width:767px) {
  @keyframes floats {
    0% {top: 0px; left: -70px;}
    50% {top: 40px;left: 10px;}
    100% {top: 0px;left: -70px;}
  }
  .misfit-img-responsive {
    max-width: 120%;
  }
}

.misfit-cruise-bg-1 {
  background-color: #d1f0f9;
}
.misfit-cruise-bg-2 {
  background-color: #efefef;
}

.itinerary-table {
  width: 100%;
}
.itinerary-table tr {
  line-height: 140%;
}
.itinerary-table tr:nth-child(2n+1) td {
  background: rgb(0,0,0,.1);
}

/* Start New Cruise Banner */
.new-cruise-banner {
  background: #94255d;
  color: #ffffff;
  display: inline-block;
  padding: 5px;
  font-weight: 700!important;
  font-family: 'Poppins', sans-serif!important;
}
/* End New Cruise Banner */

/* Start Book Announcement & Gradient Background */
#sp-announcment {
  top: 80px;
  position: relative;
}
.announcement-background {
  background: #e29e21;
  background-size: 300%;
  background-image: var(--announcement-gradient);
  animation: announcement-bg-animation 10s infinite alternate;
}

@keyframes announcement-bg-animation {
  0% {background-position: left}
  100% {background-position: right}
}

.announcement-text {
  font-size: 1.2rem;
  line-height: 1em;
  margin: 0px;
  font-weight: 700;
}

.announcement-btn {
  color: #ffffff;
  text-decoration: underline 2px solid #ffffff;
  text-underline-offset: 3px;
}
.announcement-btn:hover,
.announcement-btn:focus,
.announcement-btn:focus-within {
  color: #000000;
  text-decoration: underline 2px solid #000000;
  text-underline-offset: 3px;
}


/* End Book Announcement & Gradient Background */