﻿/* ----------------------------------------------------------------------------------------------------

    NOSCRIPT MASTER
    This is the style loaded when javascript is disabled

---------------------------------------------------------------------------------------------------- */
.stickywaves.slide-in-bottom {
  display: none;
}

/* --------------------------------------------------
NO JAVASCRIPT - portrait carousel
*/
.flickity-carousel-portrait, .flickity-carousel-portrait.initialize-carousel {
  opacity: 1;
  display: block;
  display: flex;
  flex-wrap: wrap;
}

/*         .carousel-portrait__cell {
                max-width: 23%;
                margin: 1%;
                padding: 1%;
                display: block;
            }*/
.portrait-card__img {
  width: 100%;
}

img[src*=placeholder].portrait-card__img {
  display: none;
}

/* --------------------------------------------------
NO JAVASCRIPT - Simple banners
*/
.flickity-carousel-simplebanners, .flickity-carousel-simplebanners.initialize-carousel {
  opacity: 1;
  display: block;
  display: flex;
  flex-wrap: wrap;
}

.flickity-carousel-simplebanners img[src*=placeholder] {
  display: none;
}

.simplebanners__item {
  width: 50%;
  margin: 0px;
  padding: 1rem;
}

/* --------------------------------------------------
NO JAVASCRIPT - promo HTML banner carousel
*/
.flickity-carousel-promo-banner {
  opacity: 1 !important;
  position: relative;
}

.promotion-banner__photo {
  width: 100%;
  display: block;
}

/* first placeholder image hidden if javascript is disabled */
.promotion-banner__photo img[src*=placeholder] {
  display: none;
}

/* img inside noscript is visible instead */
.promotion-banner__photo img {
  max-width: 100%;
}

/* --------------------------------------------------
NO JAVASCRIPT - cruise lines

*/
.flickity-carousel-cruise-lines, .flickity-carousel-cruise-lines.initialize-carousel {
  opacity: 1;
  display: block;
  display: flex;
  flex-wrap: wrap;
}

.cruise-line__cell {
  width: 150px;
  justify-content: center;
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
  display: flex;
  flex-wrap: wrap;
}
.cruise-line__cell img {
  width: 100px;
}

.flickity-carousel-cruise-lines img.lazyload {
  display: none;
}

/* BLOG 
   ------------------------------------------------------
*/
.blog__img.lazyload {
  display: none;
}

/* --------------------------------------------------
NO JAVASCRIPT - cruise line hub page ( GRID )
*/
.cruise-line-grid__logo .lazyload {
  display: none;
}

.cruise-line-grid__img .lazyload {
  display: none;
}

/*
    HOMEPAGE WITH NO JAVASCRIPT
------------------------------------------------------------ */
.flickity-carousel-cruise-lines {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.flickity-carousel-cruise-lines li {
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid green;
}
.flickity-carousel-cruise-lines .cruise-line__cell__img {
  width: 100%;
}

/* simple banners */
.flickity-carousel-simplebanners {
  opacity: 1 !important;
}

.simplebanners__item {
  width: 50% !important;
  margin: 0 !important;
}

.cruise-grid {
  /* Hide cruise grid in homepage as it's dynamically generated  */
  display: none;
}

/* FAQ  */
.accordion-content {
  opacity: 1 !important;
  max-height: initial !important;
}

/* SUPPLIER PAGE ( NO SCRIPT )
------------------------------------------------------------ */
.latest-news-carousel__inner {
  flex-wrap: wrap;
}

.latest-news-carousel__slide {
  opacity: 1 !important;
}

/* Hero deals widget -- Supplier page */
.hero-deals__carousel.initialize-carousel {
  opacity: 1 !important;
}
.hero-deals__carousel.initialize-carousel .hero-slide {
  opacity: 1;
  margin-top: 1rem;
}

/* Destination widget -- Supplier page */
.destinations-grid__carousel.initialize-carousel {
  opacity: 1 !important;
  flex-wrap: wrap;
  margin: auto;
  justify-content: center;
}

.ships-grid__li {
  display: block !important;
}

#viewallShips {
  display: none;
}

.hero-slide__img picture {
  display: none !important;
}
.hero-slide__img picture.picture-noscript {
  display: block !important;
}

.title-with-logo picture {
  display: none !important;
}
.title-with-logo picture.picture-noscript {
  display: block !important;
}

.ships-grid__img picture {
  display: none !important;
}
.ships-grid__img picture.picture-noscript {
  display: block !important;
}

.life-on-board__grid {
  display: none;
}

.cruise-mini-widget__item picture {
  display: none !important;
}
.cruise-mini-widget__item picture.picture-noscript {
  display: block !important;
}

.lob__img img.lazyload {
  display: none;
}

.destinations-grid__item picture {
  display: none !important;
}
.destinations-grid__item picture.picture-noscript {
  display: block !important;
  width: 460px;
  height: 460px;
}
.destinations-grid__item picture.picture-noscript img {
  width: 460px;
  height: 460px;
}
.destinations-grid__item a {
  width: 460px !important;
  height: 460px !important;
  display: block;
}
@media (max-width: 1500px) {
  .destinations-grid__item {
    height: 390px;
    max-height: 390px;
  }
  .destinations-grid__item a {
    width: 390px !important;
    height: 390px !important;
    display: block;
  }
  .destinations-grid__item picture.picture-noscript {
    display: block !important;
    width: 390px;
    height: 390px;
  }
  .destinations-grid__item picture.picture-noscript img {
    width: 390px;
    height: 390px;
  }
}
@media (max-width: 900px) {
  .destinations-grid__item {
    height: 260px;
    max-height: 260px;
  }
  .destinations-grid__item a {
    width: 260px !important;
    height: 260px !important;
    display: block;
  }
  .destinations-grid__item picture.picture-noscript {
    display: block !important;
    width: 260px;
    height: 260px;
  }
  .destinations-grid__item picture.picture-noscript img {
    width: 260px;
    height: 260px;
  }
}

picture.latest-news-carousel__img {
  display: none !important;
}

picture.latest-news-carousel__img.picture-noscript {
  display: block !important;
}

.deals-filter__img img.lazyload {
  display: none;
}

[data-life-on-board-view=closed] .lob__tab {
  display: flex !important;
  margin-bottom: 4rem;
}

.v2facilities-modal {
  display: block !important;
  width: 100% !important;
  position: relative !important;
  margin-top: 2rem !important;
}
.v2facilities-modal .js-close-facilities {
  display: none !important;
}
.v2facilities-modal .v2facilities-modal__arrow-wrapper button {
  display: none !important;
}

.facilityv3__card > picture {
  display: none !important;
}
.facilityv3__card noscript {
  width: 50%;
  display: block;
}
.facilityv3__card noscript > picture {
  width: 100% !important;
}
.facilityv3__card noscript > picture img {
  width: 100% !important;
}

.facilities-v2-grid-item .hide-if-no-js {
  display: none !important;
}
