:root {
    /*--clr-primary-500: #280603;*/
    /*--clr-primary-400: #280603;*/
    --clr-primary-300: #FF9D00;
    --clr-primary-200: #FABC58;
    --clr-primary-100: #DEE8F4;
    --clr-primary-000: rgba(47, 72, 88, .8);
    /*--clr-neutral-100: #ffffff;*/
    --clr-neutral-150: #F4F5F6;
    /*--clr-neutral-175: #D9DDE9;*/
    --clr-neutral-200: #DDDDDD;
    --clr-neutral-700: #292929;
    --clr-neutral-800: #131313;
    --clr-neutral-900: #000000;
}
.pageid-ivd,
.vehicle-panel-label.accent-color1 {
    color: #000!important;
}

.element-sub-heading.accent-color1,
h1.pagetitle,
.accent-color2 {
    color: #000!important;
}
.palette-bg1 {
    background-color: #FFEFCB!important;
}

.inventory-panel.palette-bg2 {
    background-color: #FFEFCB;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
    overflow: visible;
}
h5.element-sub-heading.accent-color1.locationlabel,
.text-info.accent-color1.required-indicator {
    color: #000!important;
}

.vehicle-panel-label.accent-color1 {
    display: flex;
    justify-content: center;
}


/**************************************
    start new theme
**************************************/
div.pagetitle-container .container {
    background-color: transparent!important;
}
.palette-bg2.inventory-header, .palette-bg2.inventory {
    background-color: transparent!important;
}
.palette-bg2 {
    background-color: transparent;
}

.quicklinkbutton.buttoncolor-white_blue {
    background-color: #FF9D00 !important;
    border-color: #DF8A00!important;
}
.vehicle-label .accent-color1,
.inventory-details {
    color: #000!important;
}
.inventory-header,
.inventory-header .accent-color1 {
    color: #000!important;
}

.infinite-panel .accent-color1,
.infinite-panel .photo-button,
.infinite-panel .pricelabel,
.pricevalue1 {
    color: #000 !important;
}

.pricevalue1.beforevalue, .pricevalue1.yousavevalue {
    padding-right: 20px;
    font-size: smaller !important;
    display: inline-flex;
}
.pricelabel {
    padding-right: 19px;
    font-size: smaller;
    display: inline-flex;
}

/**************************************
    end new theme
**************************************/

#row-ac30f1b9b9d448849843709816f1d7ad.prim-background-1 {
background-color: #FF9D00;
}

a.navbar-brand img {
    height: 90px;
    padding: 10px 0;
}

.quicklinkbutton.buttoncolor-white_red {
    background-color: #FF9D00 !important;
    border-color: #DF8A00!important;
}

/*.accent-color1 {
    color: #280603 !important;
}*/

.btn-primary{
    color: #fff;
    background-color: #FF9D00;
    border-color: #FF9D00;
}

.btn-primary:hover {
    color: #fff;
    background-color: #FABC58;
    border-color: #FF9D00;
}

/***********************
    PC only class
************************/
.only-pc {
    display: block; 
}

/* Media query for screens 768px or smaller */
@media (max-width: 768px) {
    .only-pc {
        display: none!important;
    }
}

/***********************
    maker logo
************************/
.logo-wrapper {
    background: #000000;
}

/***********************
    Below Show now button in Home page
************************/
.row-bg-dark {
    background-color: #000000 !important;
}
.schedule-direction-sec .cus-ql-bttns .quicklinkbutton-label {
color: #600;
}

/***********************
    Menu
************************/
.navbar-default {
    background-color: var(--clr-neutral-900);
    border-color: #280603;
}

/***********************
    Services Section
************************/
.service-row .container, .appointment-row .container, .location-row .container {
    background-color: #280603;
    color: #D9DDE9;
}

/***********************
    Custom btn
************************/
.cus-qlbtn .quicklinkbutton {
    border-color: #280603 !important;
    background-color: #ffffff !important;
    color: #280603 !important;
}

.cus-qlbtn .quicklinkbutton.buttoncolor-white_darkblue .quicklinkbutton-label {
    color: #280603 !important;
}

/***********************
    About
************************/
.about-row .cus-qlbtn .quicklinkbutton {
    border-color: #FABC58 !important;
    background-color: #FABC58 !important;
    color: #ffffff !important;
    font-weight: bold;
}

.about-row .cus-qlbtn .quicklinkbutton.buttoncolor-white_darkblue .quicklinkbutton-label {
    color: #ffffff !important;
}

.about-row .cus-qlbtn .quicklinkbutton:hover, .about-row .cus-qlbtn .quicklinkbutton:active, .about-row .cus-qlbtn .quicklinkbutton:focus {
    background-color: #FF9D00 !important;
    color: #ffffff !important;
    border-color: #FF9D00 !important;
}

/***********************
    Form
************************/
.form-errors, .form-submitted, .form-info {
    padding: 10px 15px;
    color: #c0c5c9;
}

.swiper-button-next, .swiper-button-prev {
color: #ffbd59 !important;
}

/***********************
    Custom button image
************************/
.body-style-row .custom-overlay-img .custom-quicklinkbutton-wrapper:nth-child(1) {
background-image: url(https://automanagerprodcdn.azureedge.net/wmclients/043197/images/1.truck.png) !important;
}

.body-style-row .custom-overlay-img .custom-quicklinkbutton-wrapper:nth-child(2) {
background-image: url(https://automanagerprodcdn.azureedge.net/wmclients/043197/images/2.suv.png) !important;
}

.body-style-row .custom-overlay-img .custom-quicklinkbutton-wrapper:nth-child(3) {
background-image: url(https://automanagerprodcdn.azureedge.net/wmclients/043197/images/4.sedan.png) !important;
}

.body-style-row .custom-overlay-img .custom-quicklinkbutton-wrapper:nth-child(4) {
background-image: url(https://automanagerprodcdn.azureedge.net/wmclients/043197/images/3.coupe.png) !important;
}

/*@media (min-width: 769px) {
    .body-style-row .custom-overlay-img .custom-quicklinkbutton-wrapper:nth-child(2) {
         background-position: -30px center;
     }
}*/

/***********************
    VDP arrow mobile adjustment
************************/
@media (max-width: 767px) {
    #horizontal-7f210d373a784aa9bfc72723575e76d8 .swiper-button-next, #horizontal-7f210d373a784aa9bfc72723575e76d8 .swiper-button-prev {
        display: block;
        opacity: 1;
    }
}

.quicklinkbuttons-horizontal .quicklinkbutton-wrapper.vehicle-link-creditapp a.quicklinkbutton {
    background-color: #ffbd59;
    color: #000;
}

/***********************
   Target only iPhones
************************/
@media only screen and (max-width: 768px) 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: portrait), 
only screen and (max-width: 812px) 
and (min-device-width: 375px) 
and (max-device-width: 375px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: landscape) {
    .menu-container + [role="main"] {
       margin-top: 2.5rem;
    }
}

/***********************
   Change background color
************************/

body.main-body {
    background-color: #ffefcb;
}

.element-heading h4 {
    color: #000000;
}

.logo-wrapper {
    background: #ffefcb;
    box-shadow: 0 0 0;
}

.row-bg-dark {
    background-color: #ffefcb !important;
}

.cus-ql-bttns a.btn.quicklinkbutton {
    background-color: #280603 !important;
}

.schedule-direction-sec .cus-ql-bttns .quicklinkbutton-label {
    color: #ffffff;
}

.navbar-default {
    background-color: #ffefcb;
    border-color: #ffefcb;
}

.nav a, .navbar-default .navbar-brand {
    color: #000000 !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #ff9d00 !important;
    color: #000;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu {
    background: #ff9d00 !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #ffbc51 !important;
}

.service-row .container {
    background-color: #ffefcb;
}

/**************************************
    8.29.2025 update - 214323
**************************************/

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: black !important;
}

.location {
color:black !important;
}

.trade-in-form h3 {
    margin: 25px 0 10px 0;
    color: black;
}

.trade-in-form .selectedItem-active, .trade-in-form .deselectedItem-active, .trade-in-form .selectedItem-passive, .trade-in-form .deselectedItem-passive {
    border: 2px solid;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    font: 10pt /*Arial*/;
    text-align: center;
    min-width: 100px;
    /* height: 35px; */
    display: inline-block;
    color: black;
}

.element-data-column {
    padding-bottom: 15px;
    color: black;
}

@media (min-width: 992px) {
    .col-md-push-1 {
        left: 8.33333333%;
        color: black;
    }
}