.blackStripBackground {
	background-color: black; 
	padding: 3rem 0rem;
        color: white;
        text-align: center;
}

.blackStripBackground h3 {
  font-size: 4rem !important;
  color: white;
    text-transform: uppercase;
}

.blackStripBackground p {
  font-size: 2rem !important;
  color: white;
}


img.img-responsive.center-block.lazy {
    width: 100%;
}

.vehicle-label a {
    font-size: 24px;
}
.inventory-details {
    font-size: 20px;
}
.pricelabel {
    font-size: 24px;
}
.pricevalue1.accent-color1 {
    font-size: 28px !important;
}
.pricevalue1.accent-color2 {
    font-size: 28px !important;
}

.inventory-page-links {
display:none;
}

.video-container {
            position: relative;
            width: 90%;
            max-width: 800px;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
            overflow: hidden;
        }
        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }

.customhtml:has(.video-container) {
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
}

.purchasepricevalue.accent-color2 {
    color: #da0000 !important;
}


/* ==========================
   VDP PRICING SECTION
   ========================== */

/* ===== MAIN PRICING ROW ===== */

.vehicle-details-panel
> div[style*="padding: 5px 0px"]
> div[style*="text-align: center"][style*="font-weight: bold"]:first-of-type {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 14px 16px 10px !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* ==========================
   PRICE ITEMS
   ========================== */

.vehicle-details-panel
> div[style*="padding: 5px 0px"]
> div[style*="text-align: center"][style*="font-weight: bold"]:first-of-type
> div:not([id$="panelFeeDisclaimerBelowSummedPrice"]) {
    display: flex !important;
    flex: 1 1 0 !important;

    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;

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

    box-sizing: border-box !important;
}


/* ==========================
   LABELS
   ========================== */

.vehicle-details-panel .internetlabel,
.vehicle-details-panel .disclosedfeelabel,
.vehicle-details-panel .purchasepricelabel {
    display: block !important;

    width: 100% !important;
    min-height: 28px !important;

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

    color: #d0d0d0 !important;

    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 500 !important;

    line-height: 1.25 !important;

    text-align: center !important;

    white-space: normal !important;
}


/* ===== CURRENT PRICE LABEL ===== */

.vehicle-details-panel .internetlabel {
    color: #eeeeee !important;

    font-size: 12px !important;
    font-weight: 600 !important;
}


/* ===== TOTAL PRICE LABEL ===== */

.vehicle-details-panel .purchasepricelabel {
    color: #eeeeee !important;

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

    text-transform: uppercase;
    letter-spacing: 0.4px;
}


/* ==========================
   VALUES
   ========================== */

.vehicle-details-panel .internetvalue,
.vehicle-details-panel .disclosedfeevalue,
.vehicle-details-panel .purchasepricevalue {
    display: block !important;

    width: 100% !important;

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

    font-family: inherit !important;

    line-height: 1.15 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* ===== CURRENT PRICE ===== */

.vehicle-details-panel .internetvalue {
    font-size: 21px !important;
    font-weight: 700 !important;
}


/* ===== FEE VALUES ===== */

.vehicle-details-panel .disclosedfeevalue {
    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 600 !important;
}


/* ===== TOTAL PRICE ===== */

.vehicle-details-panel .purchasepricevalue {
    font-size: 22px !important;
    font-weight: 800 !important;
}


/* ==========================
   DISCLAIMER
   ========================== */

.vehicle-details-panel
div[id$="panelFeeDisclaimerBelowSummedPrice"] {
    flex: 0 0 100% !important;

    width: 100% !important;

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

    border-top: 1px solid rgba(255, 255, 255, 0.08);

    box-sizing: border-box !important;
}

.vehicle-details-panel .feedisclaimer {
    margin: 0 !important;
    padding: 0 !important;

    color: #999999 !important;

    font-size: 10px !important;
    font-weight: 400 !important;

    line-height: 1.4 !important;

    text-align: center !important;
}


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

@media (max-width: 767px) {

    /* ===== VERTICAL PRICING LIST ===== */

    .vehicle-details-panel
    > div[style*="padding: 5px 0px"]
    > div[style*="text-align: center"][style*="font-weight: bold"]:first-of-type {
        display: block !important;

        width: 100% !important;

        padding: 10px 14px !important;

        text-align: left !important;
    }


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

    .vehicle-details-panel
    > div[style*="padding: 5px 0px"]
    > div[style*="text-align: center"][style*="font-weight: bold"]:first-of-type
    > div:not([id$="panelFeeDisclaimerBelowSummedPrice"]) {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr) auto !important;

        align-items: center !important;

        column-gap: 18px !important;

        width: 100% !important;

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

        box-sizing: border-box !important;
    }


    /* ==========================
       MOBILE LABELS
       ========================== */

    .vehicle-details-panel .internetlabel,
    .vehicle-details-panel .disclosedfeelabel,
    .vehicle-details-panel .purchasepricelabel {
        width: auto !important;
        min-height: 0 !important;

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

        font-size: 12px !important;

        line-height: 1.3 !important;

        text-align: left !important;

        white-space: normal !important;
    }


    /* ==========================
       MOBILE VALUES
       ========================== */

    .vehicle-details-panel .internetvalue,
    .vehicle-details-panel .disclosedfeevalue,
    .vehicle-details-panel .purchasepricevalue {
        width: auto !important;

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

        line-height: 1.2 !important;

        text-align: right !important;

        white-space: nowrap !important;
    }

    .vehicle-details-panel .internetvalue {
        font-size: 19px !important;
    }

    .vehicle-details-panel .disclosedfeevalue {
        font-size: 14px !important;
    }

    .vehicle-details-panel .purchasepricevalue {
        font-size: 20px !important;
    }


    /* ==========================
       MOBILE DISCLAIMER
       ========================== */

    .vehicle-details-panel
    div[id$="panelFeeDisclaimerBelowSummedPrice"] {
        width: 100% !important;

        margin-top: 8px !important;
        padding: 8px 0 0 !important;
    }

    .vehicle-details-panel .feedisclaimer {
        font-size: 10px !important;

        text-align: left !important;
    }
}



/* ==========================
   HOME INVENTORY PRICING
   ========================== */

/*
   APPLY CUSTOM PRICING ONLY
   WHEN THIS IS NOT A
   "NOT FOR SALE" PRICE BOX
*/


.element-type-inventorylistprice
.inventory-price-container:not(:has(.notforsalevalue)) {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto !important;

    align-items: center !important;

    column-gap: 14px !important;
    row-gap: 0 !important;

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

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

    box-sizing: border-box !important;

    text-align: left !important;
}


/* ==========================
   DEFAULT LABELS
   ========================== */

.element-type-inventorylistprice
.inventory-price-container:not(:has(.notforsalevalue))
.pricelabel {
    min-width: 0 !important;

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

    color: #eeeeee !important;

    font-family: inherit !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;

    line-height: 1.25 !important;

    text-align: left !important;

    white-space: normal !important;

    box-sizing: border-box !important;
}


/* ==========================
   DEFAULT VALUES
   ========================== */

.element-type-inventorylistprice
.inventory-price-container:not(:has(.notforsalevalue))
.pricevalue1 {
    min-width: 0 !important;
    max-width: 100% !important;

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

    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 700 !important;

    line-height: 1.15 !important;

    text-align: right !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* ==========================
   BEFORE PRICE
   ========================== */

.element-type-inventorylistprice
.inventory-price-container:not(:has(.notforsalevalue))
.beforevalue {
    font-size: 16px !important;
    font-weight: 600 !important;

    text-decoration: line-through !important;
}


/* ==========================
   CURRENT PRICE BLOCK
   ========================== */

.element-type-inventorylistprice
.inventory-price-container:not(:has(.notforsalevalue))
.internetpricelabel {
    grid-column: 1 / -1 !important;

    width: 100% !important;

    margin-top: 5px !important;
    padding: 12px 0 3px !important;

    border-top: 1px solid rgba(255, 255, 255, 0.12);

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

    text-align: center !important;

    text-transform: none !important;
}


/* ===== CURRENT PRICE VALUE ===== */

.element-type-inventorylistprice
.inventory-price-container:not(:has(.notforsalevalue))
.internetpricelabel + .pricevalue1 {
    grid-column: 1 / -1 !important;

    width: 100% !important;

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

    font-size: 24px !important;
    font-weight: 800 !important;

    line-height: 1.1 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* ==========================
   DISCLOSED FEES
   ========================== */

.element-type-inventorylistprice
.inventory-price-container:not(:has(.notforsalevalue))
.disclosedfee {
    color: #d0d0d0 !important;

    font-size: 10.5px !important;
    font-weight: 500 !important;

    text-align: left !important;
}

.element-type-inventorylistprice
.inventory-price-container:not(:has(.notforsalevalue))
.disclosedfeevalue {
    color: #ffffff !important;

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

    text-align: right !important;
}


/* ==========================
   TOTAL PRICE BLOCK
   ========================== */

.element-type-inventorylistprice
.inventory-price-container:not(:has(.notforsalevalue))
.purchaseprice {
    grid-column: 1 / -1 !important;

    width: 100% !important;

    margin-top: 6px !important;
    padding: 12px 0 3px !important;

    border-top: 1px solid rgba(255, 255, 255, 0.14);

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

    text-align: center !important;

    text-transform: none !important;
}


/* ===== TOTAL PRICE VALUE ===== */

.element-type-inventorylistprice
.inventory-price-container:not(:has(.notforsalevalue))
.purchasepricevalue {
    grid-column: 1 / -1 !important;

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

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

    font-size: 23px !important;
    font-weight: 800 !important;

    line-height: 1.1 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* ==========================
   DISCLAIMER
   ========================== */

.element-type-inventorylistprice
.inventory-price-container:not(:has(.notforsalevalue))
.pricenote,

.element-type-inventorylistprice
.inventory-price-container:not(:has(.notforsalevalue))
.feedisclaimer {
    grid-column: 1 / -1 !important;

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

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

    color: #aaaaaa !important;

    font-size: 9.5px !important;
    font-weight: 400 !important;

    line-height: 1.4 !important;

    text-align: left !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;

    border-top: 1px solid rgba(255, 255, 255, 0.08);

    box-sizing: border-box !important;
}


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

@media (max-width: 767px) {

    .element-type-inventorylistprice
    .inventory-price-container:not(:has(.notforsalevalue)) {
        grid-template-columns:
            minmax(0, 1fr)
            auto !important;

        column-gap: 14px !important;

        padding: 12px !important;
    }


    /* ===== NORMAL ROWS ===== */

    .element-type-inventorylistprice
    .inventory-price-container:not(:has(.notforsalevalue))
    .pricelabel {
        text-align: left !important;
    }

    .element-type-inventorylistprice
    .inventory-price-container:not(:has(.notforsalevalue))
    .pricevalue1 {
        text-align: right !important;
    }


    /* ===== CURRENT PRICE ===== */

    .element-type-inventorylistprice
    .inventory-price-container:not(:has(.notforsalevalue))
    .internetpricelabel {
        text-align: center !important;
    }

    .element-type-inventorylistprice
    .inventory-price-container:not(:has(.notforsalevalue))
    .internetpricelabel + .pricevalue1 {
        font-size: 22px !important;

        text-align: center !important;
    }


    /* ===== TOTAL PRICE ===== */

    .element-type-inventorylistprice
    .inventory-price-container:not(:has(.notforsalevalue))
    .purchaseprice {
        text-align: center !important;
    }

    .element-type-inventorylistprice
    .inventory-price-container:not(:has(.notforsalevalue))
    .purchasepricevalue {
        font-size: 21px !important;

        text-align: center !important;
    }


    /* ===== FEES ===== */

    .element-type-inventorylistprice
    .inventory-price-container:not(:has(.notforsalevalue))
    .disclosedfeevalue {
        font-size: 14px !important;
    }
}


/* ==========================
   VIEW INVENTORY PRICING
   ========================== */

/*
   /view-inventory uses:
   .askingpricelabel

   Not For Sale is excluded.
*/


/* ==========================
   CURRENT PRICE
   ========================== */

.element-type-inventorylistprice
.inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
.askingpricelabel {
    grid-column: 1 / -1 !important;

    width: 100% !important;

    margin-top: 3px !important;
    padding: 9px 0 3px !important;

    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;

    color: #eeeeee !important;

    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;

    text-align: center !important;

    text-transform: none !important;

    box-sizing: border-box !important;
}


/* ===== CURRENT PRICE VALUE ===== */

.element-type-inventorylistprice
.inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
.askingpricelabel + .pricevalue1 {
    grid-column: 1 / -1 !important;

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

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

    font-family: inherit !important;

    font-size: 27px !important;
    font-weight: 800 !important;

    line-height: 1.08 !important;

    text-align: center !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* ==========================
   BEFORE / YOU SAVE
   ========================== */

.element-type-inventorylistprice
.inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
.beforeprice,

.element-type-inventorylistprice
.inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
.yousave {
    color: #eeeeee !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 1.25 !important;

    text-align: left !important;
}


.element-type-inventorylistprice
.inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
.beforevalue {
    font-size: 18px !important;
    font-weight: 700 !important;

    line-height: 1.15 !important;

    text-align: right !important;

    text-decoration: line-through !important;
}


.element-type-inventorylistprice
.inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
.yousavevalue {
    font-size: 18px !important;
    font-weight: 700 !important;

    line-height: 1.15 !important;

    text-align: right !important;
}


/* ==========================
   FEES
   ========================== */

.element-type-inventorylistprice
.inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
.disclosedfee {
    color: #d0d0d0 !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    line-height: 1.25 !important;

    text-align: left !important;
}


.element-type-inventorylistprice
.inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
.disclosedfeevalue {
    color: #ffffff !important;

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

    line-height: 1.15 !important;

    text-align: right !important;

    white-space: nowrap !important;
}


/* ==========================
   TOTAL PRICE
   ========================== */

.element-type-inventorylistprice
.inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
.purchaseprice {
    grid-column: 1 / -1 !important;

    width: 100% !important;

    margin-top: 3px !important;
    padding: 9px 0 3px !important;

    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;

    color: #eeeeee !important;

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

    line-height: 1.25 !important;

    text-align: center !important;

    text-transform: none !important;

    box-sizing: border-box !important;
}


/* ===== TOTAL PRICE VALUE ===== */

.element-type-inventorylistprice
.inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
.purchasepricevalue {
    grid-column: 1 / -1 !important;

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

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

    font-size: 30px !important;
    font-weight: 800 !important;

    line-height: 1.05 !important;

    text-align: center !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* ==========================
   DISCLAIMER
   ========================== */

.element-type-inventorylistprice
.inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
.feedisclaimer {
    grid-column: 1 / -1 !important;

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

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

    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;

    color: #aaaaaa !important;

    font-size: 10px !important;
    font-weight: 400 !important;

    line-height: 1.4 !important;

    text-align: left !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;

    box-sizing: border-box !important;
}


/* ==========================
   EMPTY EXTRA NOTE
   ========================== */

.element-type-inventorylistprice
.inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
.pricenote:empty {
    display: none !important;
}


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

@media (max-width: 767px) {

    /* ===== CURRENT PRICE ===== */

    .element-type-inventorylistprice
    .inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
    .askingpricelabel {
        font-size: 11px !important;
        text-align: center !important;
    }

    .element-type-inventorylistprice
    .inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
    .askingpricelabel + .pricevalue1 {
        font-size: 23px !important;
        text-align: center !important;
    }


    /* ===== BEFORE / YOU SAVE / FEES ===== */

    .element-type-inventorylistprice
    .inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
    .beforeprice,

    .element-type-inventorylistprice
    .inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
    .yousave,

    .element-type-inventorylistprice
    .inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
    .disclosedfee {
        font-size: 11px !important;
    }

    .element-type-inventorylistprice
    .inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
    .beforevalue,

    .element-type-inventorylistprice
    .inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
    .yousavevalue,

    .element-type-inventorylistprice
    .inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
    .disclosedfeevalue {
        font-size: 15px !important;
    }


    /* ===== TOTAL PRICE ===== */

    .element-type-inventorylistprice
    .inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
    .purchaseprice {
        font-size: 11px !important;
        text-align: center !important;
    }

    .element-type-inventorylistprice
    .inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
    .purchasepricevalue {
        font-size: 25px !important;
        text-align: center !important;
    }


    /* ===== DISCLAIMER ===== */

    .element-type-inventorylistprice
    .inventory-price-container:has(.askingpricelabel):not(:has(.notforsalevalue))
    .feedisclaimer {
        font-size: 9.5px !important;
    }
}