.pricenote.feedisclaimer {
    color: #fff !important;
}

.pageid-hom {
  border-top: 80px solid var(--clr-primary-500);
}

.cus-ban-message {
    background-color: var(--clr-primary-500);
    color: #fff;
    padding: 40px 15px;
}
.cus-ban-message .container,
.cus-ban-message .container-fluid {
    background-color: transparent;
}

.navbar .navbar-nav > li > a {
    font-weight: 600;
}

.navbar-default .navbar-brand {
    color: #131313;
    font-weight: 600;
}

.inventory-header .btn {
    font-weight: 600!important;
}

.accent-color1.specialprice {
    color:  #06cd06 !important;
}

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

/* ===== ENABLE DISPLAY ORDER ===== */

.element-type-inventorylistprice
.inventory-price-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}


/* ==========================
   WHITE PRICING TEXT
   ========================== */

.element-type-inventorylistprice
.inventory-price-container
.pricelabel,
.element-type-inventorylistprice
.inventory-price-container
.pricevalue1,
.element-type-inventorylistprice
.inventory-price-container
.disclosedfee,
.element-type-inventorylistprice
.inventory-price-container
.disclosedfeevalue,
.element-type-inventorylistprice
.inventory-price-container
.feedisclaimer {
    color: #ffffff !important;
}


/* ==========================
   DISPLAY ORDER
   ========================== */

/* ===== SPECIAL PRICE ===== */

.element-type-inventorylistprice
.inventory-price-container
.specialpricelabel {
    order: 1;
}

.element-type-inventorylistprice
.inventory-price-container
.specialpricelabel + .pricevalue1 {
    order: 2;
}


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

.element-type-inventorylistprice
.inventory-price-container
.feedisclaimer {
    order: 3;
}


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

.element-type-inventorylistprice
.inventory-price-container
.askingpricelabel {
    margin: 0 0 4px !important;
    padding: 0 !important;

    color: #ffffff !important;

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

    line-height: 1.25 !important;

    text-align: center !important;
}


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

.element-type-inventorylistprice
.inventory-price-container
.askingpricelabel + .pricevalue1 {
    margin: 0 0 13px !important;
    padding: 0 !important;

    color: #ffffff !important;

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

    line-height: 1.08 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* ==========================
   DOC FEE
   ========================== */

.element-type-inventorylistprice
.inventory-price-container
.disclosedfee {
    margin: 0 0 3px !important;
    padding: 0 !important;

    color: #ffffff !important;

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

    line-height: 1.25 !important;

    text-align: center !important;
}


/* ===== DOC FEE VALUE ===== */

.element-type-inventorylistprice
.inventory-price-container
.disclosedfeevalue {
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #ffffff !important;

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

    line-height: 1.1 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* ==========================
   PURCHASE PRICE HIGHLIGHT
   ========================== */

/* ===== LABEL ===== */

.element-type-inventorylistprice
.inventory-price-container
.purchaseprice {
    display: block !important;

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

    margin: 2px auto 0 !important;
    padding: 9px 10px 3px !important;

    background: rgba(255, 255, 255, 0.12) !important;

    border-top: 1px solid rgba(255, 255, 255, 0.45) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.45) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.45) !important;

    border-radius: 6px 6px 0 0 !important;

    color: #ffffff !important;

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

    line-height: 1.25 !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* ===== PURCHASE PRICE VALUE ===== */

.element-type-inventorylistprice
.inventory-price-container
.purchasepricevalue {
    display: block !important;

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

    margin: 0 auto 12px !important;
    padding: 2px 10px 10px !important;

    background: rgba(255, 255, 255, 0.12) !important;

    border-left: 1px solid rgba(255, 255, 255, 0.45) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.45) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45) !important;

    border-radius: 0 0 6px 6px !important;

    color: #ffffff !important;

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

    line-height: 1.05 !important;

    text-align: center !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* ==========================
   SPECIAL PRICE
   ========================== */

.element-type-inventorylistprice
.inventory-price-container
.specialpricelabel {
    width: 100% !important;

    margin: 1px 0 0 !important;
    padding: 0 0 3px !important;

    color: #ffffff !important;

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

    line-height: 1.25 !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* ===== SPECIAL PRICE VALUE ===== */

.element-type-inventorylistprice
.inventory-price-container
.specialpricelabel + .pricevalue1 {
    width: 100% !important;

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

    color: #ffffff !important;

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

    line-height: 1.05 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


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

.element-type-inventorylistprice
.inventory-price-container
.feedisclaimer {
    width: 100% !important;

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

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

    color: #ffffff !important;

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

    line-height: 1.45 !important;

    text-align: center !important;

    opacity: 0.9;

    box-sizing: border-box !important;
}


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

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

@media (min-width: 768px) {

    .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;
        justify-content: center !important;

        width: 100% !important;

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

        text-align: center !important;

        box-sizing: border-box !important;
    }

    /* ==========================
       EACH PRICE GROUP
       ========================== */

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

        box-sizing: border-box !important;
    }

    /* ===== SUBTLE DIVIDERS ===== */

    .vehicle-details-panel
    > div[style*="padding: 5px 0px"]
    > div[style*="text-align: center"][style*="font-weight: bold"]:first-of-type
    > div[style*="display: inline-block"]
    + div[style*="display: inline-block"] {
        border-left: 1px solid rgba(0, 0, 0, 0.10);
    }

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

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

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

        color: #333333 !important;

        font-family: inherit !important;
        font-size: 13px !important;
        font-weight: 600 !important;

        line-height: 1.25 !important;

        text-align: center !important;

        white-space: normal !important;
    }

    /* ==========================
       SPECIAL PRICE
       ========================== */

    .vehicle-details-panel .specialvalue {
        display: block !important;

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

        font-family: inherit !important;
        font-size: 25px !important;
        font-weight: 800 !important;

        line-height: 1.1 !important;

        text-align: center !important;

        white-space: nowrap !important;
    }

    /* ==========================
       SHOWROOM PRICE
       ========================== */

    .vehicle-details-panel .showroomvalue {
        display: block !important;

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

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

        line-height: 1.1 !important;

        text-align: center !important;

        white-space: nowrap !important;
    }

    /* ==========================
       FEE VALUE
       ========================== */

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

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

        color: #000000 !important;

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

        line-height: 1.1 !important;

        text-align: center !important;

        white-space: nowrap !important;
    }

    /* ==========================
       PURCHASE PRICE
       ========================== */

    .vehicle-details-panel .purchasepricelabel {
        font-weight: 700 !important;
    }

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

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

        font-family: inherit !important;
        font-size: 25px !important;
        font-weight: 800 !important;

        line-height: 1.1 !important;

        text-align: center !important;

        white-space: nowrap !important;
    }

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

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

        width: 100% !important;

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

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

        box-sizing: border-box !important;
    }

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

        color: #666666 !important;

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

        line-height: 1.4 !important;

        text-align: center !important;
    }
}

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

@media (max-width: 767px) {

    .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;

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

        text-align: left !important;

        box-sizing: border-box !important;
    }

    /* ==========================
       EACH MOBILE ROW
       ========================== */

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

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

        align-items: center !important;

        column-gap: 16px !important;

        width: 100% !important;

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

        border: 0 !important;

        box-sizing: border-box !important;
    }

    /* ===== ROW SEPARATION ===== */

    .vehicle-details-panel
    > div[style*="padding: 5px 0px"]
    > div[style*="text-align: center"][style*="font-weight: bold"]:first-of-type
    > div[style*="display: inline-block"]
    + div[style*="display: inline-block"] {
        border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    }

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

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

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

        color: #333333 !important;

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

        line-height: 1.3 !important;

        text-align: left !important;

        white-space: normal !important;
    }

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

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

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

        font-family: inherit !important;

        line-height: 1.2 !important;

        text-align: right !important;

        white-space: nowrap !important;
    }

    /* ===== SPECIAL PRICE ===== */

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

    /* ===== SHOWROOM PRICE ===== */

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

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

    .vehicle-details-panel .disclosedfeevalue {
        color: #000000 !important;
        font-size: 15px !important;
        font-weight: 700 !important;
    }

    /* ===== PURCHASE PRICE ===== */

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

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

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

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

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

        box-sizing: border-box !important;
    }

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

        color: #666666 !important;

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

        line-height: 1.4 !important;

        text-align: left !important;
    }
}