.cards-list-group {
  .content-cards-list {
    display: none;

    &.active {
      @extend %flexbox-row;
    }
  }
}

.show-hide-cards:not(.show-all) {
  .content-navigation-card:nth-child(n+4) {
    display: none;
  }
}

.cruise-ship-navigation {
  .img-map-left-column {
    overflow: visible;
    margin-right: $margin-normal;
  }

  .about-ship-facts {
    margin-left: $margin-normal;
  }

  .content-navigation-card {
    width: 100%;

    .content-navigation-text {
      @include font-size(36);
    }
  }
}