:root {
    --clr-primary-500: #ca8a04;
    --clr-primary-400: #eab308;
    --clr-primary-300: #facc15;
    --clr-primary-200: #fde047;
    --clr-primary-100: #fef08a;
    --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-725: #0f0f12;
    --clr-neutral-750: #1c1c1c;
    --clr-neutral-800: #131313;
    --clr-neutral-900: #000000;
    --clr-body: #F8F9FA;
}
/*************
    INVENTROY LIST
*****************/
.overlay-icon-container .photo-icon-container {
    background: #111;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

/*************
    GENERAL
*****************/
body {
    margin: 0px;
}

nav.navbar {
    z-index: 9990;
}

.row-mobile {
color: #FFFFFF;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
.row-mobile {
  display: none;
}
}

@media (min-width: 1600px) {
    .container {
        width: 1600px;
    }
    .container.wide-navbar {
        width: 1650px!important;
}
}

.slideshow-overlay-center .btn {
    margin-inline: auto;
}

.page-content-column .element-type-libraryimage img {
    padding: 20px;
    border-radius: 32px;
}

.swiper-button-next, .swiper-button-prev {
   color: var(--clr-primary-400);
}

/*************
    TYPOGRAPHY
*****************/

h1, h2, h3,
h4, h5, h6 {
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 700!important;
}
.element-type-creditapplicationform h4, h4, h5 {
    font-weight: 600!important;
    font-size: 24px!important;
}

.element-type-creditapplicationform h3, h3 {
    font-weight: 600!important;
    font-size: 28px!important;
}


/*************
INVENTORY LIST
*****************/

.vehicle-panel-label {
    text-align: center;
    margin-bottom: 12px;
}

/*************
    BUTTONS
*****************/
.hero-button .quicklinkbutton,
.element-type-slideshow .btn-default,
.cus-qlbtn .quicklinkbutton,
a.buttoncolor-black_yellow {
    border-color: var(--clr-primary-200) !important;
    background-color: #000 !important;
    color: var(--clr-neutral-100) !important;
transition: box-shadow 0.3s ease, transform 0.2s ease;
}

.hero-button .quicklinkbutton:hover,
.element-type-slideshow .btn-default:hover,
.cus-qlbtn .quicklinkbutton:hover,
a.buttoncolor-black_yellow:hover {
    border-color: var(--clr-primary-200) !important;
    background-color: #000 !important;
    color: var(--clr-neutral-100) !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

.form-submit .btn-default,
.form-submit .btn-default:hover {
    border-color: var(--clr-primary-200) !important;
    background-color: #000 !important;
    color: var(--clr-neutral-100) !important;
}
.carousel-control {
    background-color: #000!important;
}

.service-row .container, .appointment-row .container, .location-row .container {
    background-color: #000;
}

div.banner-container {
    background: #010101;
}

.hero-button .quicklinkbutton {
    margin-inline: auto!important;
    margin-top: 45%!important;
}

.hero-section {
    min-height: 700px;
}

/*************
    VDP
*****************/
div.vehicle-description {
    font-size: 16px;
}

/*************
SELL US YOUR CAR
*****************/
.font-color-for-active {
    color: #121212;
}

.alert.alert-info a {
    color: inherit;
}