/* ==========================================================
   JUST CRUISES – ODS RESULTS
   style7.css
   CURRENT WORKING MASTER
   ========================================================== */


/* ==========================================================
   RESULT CARD
   ========================================================== */

body.results-page .cruise-item-card {
    position: relative !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 0 12px 0 !important;
    padding: 0 14px 8px 14px !important;

    overflow: visible !important;
}


/* ==========================================================
   TITLE
   ========================================================== */

body.results-page .cruise-item-card .cruise-title {
    color: #00234B !important;

    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 24px !important;

    margin: 0 !important;
    padding: 5px 0 !important;

    border: 0 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
}

body.results-page .cruise-item-card .cruise-title span,
body.results-page .cruise-item-card .cruise-title a,
body.results-page .cruise-item-card .cruise-title .text-gradient {
    color: #00234B !important;
    -webkit-text-fill-color: #00234B !important;
    background: none !important;
}


/* ==========================================================
   REMOVE TOP-RIGHT DESTINATION
   ========================================================== */

body.results-page .cruise-item-card
.cruise-title .rule-icons {
    display: none !important;
}


/* ==========================================================
   MAP
   ========================================================== */

@media (min-width: 992px) {

    body.results-page .cruise-item-card .card-image {
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;

        height: auto !important;

        margin: 10px 0 0 0 !important;
        padding: 0 !important;
    }

    body.results-page .cruise-item-card .card-image img {
        display: block !important;

        width: 190px !important;
        max-width: 190px !important;

        height: auto !important;

        margin: 0 !important;

        object-fit: contain !important;
    }
}


/* ==========================================================
   REMOVE MAP CAPTION
   ========================================================== */

body.results-page .cruise-item-card
.card-image .card-image-caption {
    display: none !important;
}


/* ==========================================================
   CRUISE LINE LOGO
   ========================================================== */

@media (min-width: 992px) {

    body.results-page .cruise-item-card .cruise-logo {
        width: 140px !important;
        max-width: 140px !important;

        margin: 10px 0 3px 0 !important;
        padding: 0 !important;
    }

    body.results-page .cruise-item-card .cruise-logo img {
        width: auto !important;
        max-width: 140px !important;

        height: auto !important;
        max-height: 32px !important;

        display: block !important;
    }
}


/* ==========================================================
   SHIP NAME
   ========================================================== */

body.results-page .cruise-item-card .cruise-name {
    margin: 0 0 2px 0 !important;
    padding: 0 !important;

    color: #00234B !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
}

body.results-page .cruise-item-card .cruise-name span,
body.results-page .cruise-item-card .cruise-name a {
    color: #00234B !important;

    font-size: 13px !important;
    line-height: 18px !important;
}


/* ==========================================================
   COMPACT INFO
   ========================================================== */

body.results-page .cruise-item-card ul {
    margin: 0 !important;
    padding: 0 !important;
}

body.results-page .cruise-item-card li {
    margin: 0 !important;

    padding-top: 1px !important;
    padding-bottom: 1px !important;

    line-height: 1.15 !important;
}


/* ==========================================================
   REMOVE VIDEO / 360
   ========================================================== */

body.results-page .cruise-item-card .odi-video-camera,
body.results-page .cruise-item-card .odi-virtual-360-o {
    display: none !important;
}


/* ==========================================================
   REMOVE RED ICONS
   ========================================================== */

body.results-page .cruise-item-card .sailing-info-cell {
    display: none !important;
}


/* ==========================================================
   REMOVE BIG PRICE
   ========================================================== */

body.results-page .cruise-item-card .cruise-item-min-price,
body.results-page .cruise-item-card .cruise-min-price-section {
    display: none !important;
}


/* ==========================================================
   REMOVE PRICE PER NIGHT
   ========================================================== */

body.results-page .cruise-item-card .cruise-price-per-night,
body.results-page .cruise-item-card [data-ody-id="labelNight"],
body.results-page .cruise-item-card [data-ody-id="priceppLabel"] {
    display: none !important;
}


/* ==========================================================
   REMOVE PORT INFORMATION
   ========================================================== */

body.results-page .cruise-item-card [data-ody-id="PortOfCall"],
body.results-page .cruise-item-card [data-ody-id="PortsOfCallDisclaimer"] {
    display: none !important;
}


/* ==========================================================
   REMOVE BONUS AREAS
   ========================================================== */

body.results-page .cruise-item-card
[data-ody-id="bonusOfferSectionHeader"],

body.results-page .cruise-item-card
[data-ody-id="BonusOfferSectionHeader"],

body.results-page .cruise-item-card
[data-ody-id="BonusOfferDisclaimer"],

body.results-page .cruise-item-card
.bonus-offer-disclaimer,

body.results-page .cruise-item-card
.bonus-offer-header,

body.results-page .cruise-item-card
.bonus-text-primary {

    display: none !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* ==========================================================
   PRICE SECTION
   ========================================================== */

@media (min-width: 992px) {

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"] {

        position: relative !important;

        margin-left: 430px !important;

        width: calc(100% - 430px) !important;
        max-width: calc(100% - 430px) !important;

        /*
         Keep current vertical position for this pass.
         We are fixing button placement ONLY.
        */
        transform: translateY(-100%) !important;

        margin-top: 10px !important;
        margin-bottom: -105px !important;

        /*
         Space BELOW fare table for button + disclaimer
        */
        padding: 0 0 82px 0 !important;

        overflow: visible !important;

        z-index: 5 !important;
    }
}


/* ==========================================================
   TABLE WRAPPERS
   ========================================================== */

@media (min-width: 992px) {

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    .table-fixed,

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    .table-fixed-inner,

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    .cruise-sailing-dates-container {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }
}


/* ==========================================================
   PRICE TABLE
   ========================================================== */

@media (min-width: 992px) {

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"] table {

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;

        table-layout: auto !important;

        border-collapse: separate !important;
        border-spacing: 0 !important;

        border: 1px solid #D5E5EF !important;

        background: #FFFFFF !important;
    }
}


/* ==========================================================
   PRICE HEADERS
   ========================================================== */

@media (min-width: 992px) {

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"] table th {

        height: 30px !important;

        padding: 4px 5px !important;

        vertical-align: middle !important;

        white-space: nowrap !important;

        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        text-align: center !important;

        color: #FFFFFF !important;

        border: 0 !important;
        border-right: 1px solid rgba(255,255,255,0.25) !important;
    }


    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    table th:nth-child(2) {
        background: #00234B !important;
    }

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    table th:nth-child(3) {
        background: #0978BD !important;
    }

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    table th:nth-child(4) {
        background: #2D96CC !important;
    }

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    table th:nth-child(5) {
        background: #0978BD !important;
    }

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    table th:nth-child(6) {
        background: #00234B !important;
    }
}


/* ==========================================================
   PRICE ROW
   ========================================================== */

@media (min-width: 992px) {

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"] table td {

        height: 38px !important;

        padding: 5px !important;

        vertical-align: middle !important;

        white-space: nowrap !important;

        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        text-align: center !important;

        color: #00234B !important;

        background: #F2F8FC !important;

        border: 0 !important;
        border-right: 1px solid #D9E7EF !important;
        border-bottom: 1px solid #D9E7EF !important;
    }
}


/* ==========================================================
   BOOKING CELL
   ========================================================== */

@media (min-width: 992px) {

    body.results-page .cruise-item-card
    td[data-ody-id="CruiseSailingInfoAndBookingButton"] {

        position: static !important;

        width: 1px !important;
        min-width: 1px !important;
        max-width: 1px !important;

        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;

        overflow: visible !important;
    }
}


/* ==========================================================
   VIEW LIVE PRICES & CABINS

   IMPORTANT FIX:
   USE TOP POSITION, NOT BOTTOM.

   TABLE IS APPROX 70PX HIGH.
   BUTTON STARTS 80PX BELOW TOP OF PRICE SECTION.
   ========================================================== */

@media (min-width: 992px) {

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    button[data-ody-id="CruiseResultsBookButton"],

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    #CruiseResultsBookButton {

        position: absolute !important;

        top: 80px !important;
        left: 50% !important;

        bottom: auto !important;

        transform: translateX(-50%) !important;

        display: block !important;

        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;

        height: 38px !important;

        margin: 0 !important;
        padding: 8px 12px !important;

        background: #F26A21 !important;
        border: 1px solid #F26A21 !important;

        border-radius: 4px !important;

        color: transparent !important;

        font-size: 0 !important;

        cursor: pointer !important;

        z-index: 30 !important;
    }


    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    button[data-ody-id="CruiseResultsBookButton"]::after,

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    #CruiseResultsBookButton::after {

        content: "VIEW LIVE PRICES & CABINS" !important;

        color: #FFFFFF !important;

        font-size: 13px !important;
        font-weight: 700 !important;

        line-height: 20px !important;

        white-space: nowrap !important;
    }


    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    button[data-ody-id="CruiseResultsBookButton"]:hover,

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    #CruiseResultsBookButton:hover {

        background: #D95512 !important;
        border-color: #D95512 !important;
    }
}


/* ==========================================================
   DISCLAIMER
   NOW BELOW BUTTON
   ========================================================== */

@media (min-width: 992px) {

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]::after {

        content:
        "Prices shown are FROM per person, twin share and are not live. Click VIEW LIVE PRICES & CABINS for current pricing and availability.";

        position: absolute !important;

        top: 124px !important;
        left: 0 !important;
        right: 0 !important;

        bottom: auto !important;

        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 4px !important;

        color: #667784 !important;

        font-size: 9px !important;
        font-weight: 400 !important;
        line-height: 12px !important;

        text-align: center !important;

        white-space: normal !important;
    }
}


/* ==========================================================
   VOYAGE NUMBER
   e.g. A640

   MOVE IT BACK UNDER 15 NIGHTS
   ========================================================== */

@media (min-width: 992px) {

    body.results-page .cruise-item-card .package-voyage {

        position: absolute !important;

        /*
         Price section starts 430px from card left.
         Move voyage code back into details area.
        */

        left: -205px !important;
        top: 112px !important;

        display: block !important;

        width: 150px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #607486 !important;

        font-size: 10px !important;
        font-weight: 400 !important;
        font-style: italic !important;
        line-height: 12px !important;

        text-align: left !important;

        white-space: nowrap !important;

        transform: none !important;

        z-index: 25 !important;
    }
}


/* ==========================================================
   REMOVE TAX TEXT
   ========================================================== */

body.results-page .cruise-item-card
[data-ody-id="CruiseInclusiveExclusiveMessage"],

body.results-page .cruise-item-card
.cruise-tax-inclusive,

body.results-page .cruise-item-card
.includes-taxes-fees,

body.results-page .cruise-item-card
.tax-fees,

body.results-page .cruise-item-card
.taxes-and-fees,

body.results-page .cruise-item-card
.cruise-taxes-fees {

    display: none !important;
}


/* ==========================================================
   REMOVE PROMOTION AREA
   ========================================================== */

body.results-page .cruise-item-card
.cruise-promotions,

body.results-page .cruise-item-card
.cruise-promotions-wrapper,

body.results-page .cruise-item-card
[data-ody-id="CruisePromotions"],

body.results-page .cruise-item-card
[data-ody-id="CruisePromotionsSection"] {

    display: none !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* ==========================================================
   REMOVE SILVER DIVIDERS
   ========================================================== */

body.results-page .cruise-item-card hr {
    display: none !important;
}

body.results-page .cruise-item-card .cruise-info,
body.results-page .cruise-item-card .cruise-info-details,
body.results-page .cruise-item-card .width-cruise-info-details,
body.results-page .cruise-item-card .cruise-item-info,
body.results-page .cruise-item-card .cruise-prices {

    border-top: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;
}


/* ==========================================================
   MOBILE / TABLET
   ========================================================== */

@media (max-width: 991px) {

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"] {

        width: 100% !important;
        max-width: 100% !important;

        margin: 10px 0 0 0 !important;

        padding-bottom: 0 !important;

        transform: none !important;
    }


    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    button[data-ody-id="CruiseResultsBookButton"],

    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]
    #CruiseResultsBookButton {

        position: relative !important;

        top: auto !important;
        left: auto !important;

        transform: none !important;

        margin: 8px auto !important;

        width: 210px !important;
    }


    body.results-page .cruise-item-card
    [data-ody-id="CruiseSailingDatesSection"]::after {

        position: relative !important;

        top: auto !important;

        margin-top: 5px !important;
    }


    body.results-page .cruise-item-card .package-voyage {

        position: static !important;

        width: auto !important;

        transform: none !important;
    }
}


/* ==========================================================
   END style7.css
   ========================================================== */