.cover--find-ship {
  background-color: rgba(10, 5, 53, 0.3);
  min-height: 300px;
}
.cover--find-ship .cover__content {
  width: 100%;
}
@media (min-width: 768px) {
  .cover--find-ship .cover__content {
    width: auto;
    min-width: 600px;
  }
}
@media (min-width: 992px) {
  .cover--find-ship .cover__content {
    min-width: 700px;
  }
}
.cover--find-ship .cover__stripline {
  color: rgba(255, 255, 255, 0.7);
}

.cover--ship {
  max-width: 1120px;
  display: table;
  margin: auto;
}
.cover--ship .cover__content {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 768px) {
  .cover--ship .cover__content {
    padding: 2rem 4rem;
  }
}
@media (min-width: 992px) {
  .cover--ship .cover__content {
    padding: 4rem 6rem;
  }
}

.block--ship-specifications .field--name-field-ship-year-built {
  grid-area: year-built;
  background: #fff;
}
.block--ship-specifications .field--name-field-ship-occupancy {
  grid-area: occupancy;
  background: #fff;
}
.block--ship-specifications .field--name-field-ship-flag {
  grid-area: flag;
  background: #fff;
}
.block--ship-specifications .field--name-field-ship-max-occupancy {
  grid-area: max-occupancy;
}
.block--ship-specifications .field--name-field-ship-class {
  grid-area: class;
}
.block--ship-specifications .field--name-field-ship-crew {
  grid-area: crew;
  background: #fff;
}
.block--ship-specifications .field--name-field-ship-cruise-line {
  grid-area: operator;
}
.block--ship-specifications .field--name-field-ship-decks {
  grid-area: decks;
}
.block--ship-specifications .field--name-field-ship-speed {
  grid-area: speed;
}
.block--ship-specifications .field--name-field-ship-cabins {
  grid-area: cabins;
  background: #fff;
}
.block--ship-specifications .field--name-field-ship-length {
  grid-area: length;
}
.block--ship-specifications .field--name-field-ship-beam {
  grid-area: beam;
  background: #fff;
}
.block--ship-specifications .field--name-field-ship-gross-tonnage {
  grid-area: tonnage;
  background: #fff;
}
.block--ship-specifications .field--name-field-ship-christened-by {
  grid-area: christened-by;
  background: #fff;
}
.block--ship-specifications .block__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.25rem 0.25rem;
  font-size: 0.875rem;
  grid-template-areas: "year-built occupancy" "operator max-occupancy" "flag crew" "length decks" "beam cabins" "speed class" "tonnage christened-by";
}
.block--ship-specifications .block__content .field {
  display: block;
  padding: 4px 16px;
}
@media (min-width: 992px) {
  .block--ship-specifications .block__content .field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 8px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .block--ship-specifications .block__content .field__label {
    font-size: 0.75rem;
  }
}

.view-ship-home-ports .view-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.25rem 0.25rem;
}
@media (min-width: 576px) {
  .view-ship-home-ports .view-content {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem 1rem;
  }
}
@media (min-width: 768px) {
  .view-ship-home-ports .view-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem 1rem;
  }
}
@media (min-width: 992px) {
  .view-ship-home-ports .view-content {
    grid-template-columns: repeat(3, 1fr);
    gap: 0 1rem;
  }
}
.view-ship-home-ports .view-content .card {
  background-color: transparent;
}

.ship-itinerary-view {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 32px 32px;
  grid-template-areas: "header header header header header" "filters filters filters filters filters" "footer footer footer footer footer" "content content content content content" "pager pager pager pager pager";
}
@media (min-width: 768px) {
  .ship-itinerary-view {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .ship-itinerary-view {
    grid-template-columns: 1fr 1fr 1fr 1fr 160px;
    grid-template-areas: "header header header header header" "filters filters filters filters filters" "content content content content footer" "pager pager pager pager footer";
  }
}
.ship-itinerary-view > .view-header {
  grid-area: header;
}
.ship-itinerary-view > .view-filters {
  grid-area: filters;
}
.ship-itinerary-view > .view-filters > .views-exposed-form {
  margin-bottom: 0;
}
.ship-itinerary-view > .view-content,
.ship-itinerary-view > .view-empty {
  grid-area: content;
}
.ship-itinerary-view > .view-empty {
  background: #fff;
  padding: 2rem;
}
.ship-itinerary-view > .pager {
  grid-area: pager;
}
.ship-itinerary-view > .view-footer {
  grid-area: footer;
}
.ship-itinerary-view > .view-footer > div {
  position: sticky;
  top: 80px;
}

.relate-by-cruiseline .item-list ul {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem 1rem;
  padding: 0;
  list-style: none;
}

.view-display-ships-page {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 32px 32px;
  grid-template-areas: "filters filters filters filters filters" "header header header header header" "content content content content content" "pager pager pager pager pager" "footer footer footer footer footer";
}
@media (min-width: 768px) {
  .view-display-ships-page {
    grid-template-columns: 1fr 1fr 1fr 1fr 160px;
    grid-template-areas: "filters filters filters filters filters" "header header header header header" "content content content content footer" "pager pager pager pager footer";
  }
}
@media (min-width: 992px) {
  .view-display-ships-page {
    grid-template-columns: 1fr 1fr 1fr 1fr 340px;
  }
}
.view-display-ships-page .view-header {
  grid-area: header;
}
.view-display-ships-page .view-filters {
  grid-area: filters;
}
.view-display-ships-page .view-filters .views-exposed-form {
  margin-bottom: 0;
}
.view-display-ships-page .view-content,
.view-display-ships-page .view-empty {
  grid-area: content;
}
.view-display-ships-page .view-empty {
  background: #fff;
  padding: 2rem;
}
.view-display-ships-page .pager {
  grid-area: pager;
}
.view-display-ships-page .view-footer {
  grid-area: footer;
}
.view-display-ships-page .view-footer > div {
  position: sticky;
  top: 80px;
}
/*# sourceMappingURL=style--ship.css.map */