/* INVENTORY LIST DESIGN
*****************************/
.pricevalue1 {
    font-size: 24px!important;
}

.inv-btn-wrap .btn {
    font-size: 14px;
    padding: 8px 16px;
    width: 100%;
}

.cta-row .element-container-0 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

.accent-color1.specialheadline.specialprice {
    color: #eee !important;
}

.inventory-price-container {
.accent-color1.phonenumber,
.callforprice {
    color: #fff!important;
}
}

@media (min-width: 768px) {
.cta-row .element-container-0 {
    flex-direction: row;
}
.cta-row .element-container-0 .element-container {
    width: max-content!important;
}

}

/* Custom Footer
*****************************/
div.footer-container {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

div.footer-container {
    background-color: #fff;
}

ul.footer-nav {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    justify-content: space-between;
text-align: center;

}

.nav_link_footer a {
    font-size: 16px;
    color: #333;
}

@media (min-width: 768px) {
ul.footer-nav {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    margin: 4px 0px 0px 0px;
}
}

/* HEADING
*****************************/
div#searchTitle h2,
div#availableCars h2,
div.financeNow h2 {
    font-weight: 400;
}
h3 {
    text-transform: uppercase;
    font-weight: 400;
}

/* dealership info
*****************************/
.row-dealer-black .element-type-dealershipinfo,
.row-dealer-black .element-type-dealershipinfo h5.accent-color1,
.row-dealer-black .element-type-dealershipinfo .accent-color2,
.row-dealer-black .dealershipinfo-mainphone a,
.row-dealer-black h3 {
    color: white!important;
}

/* FOOTER
*****************************/
.footer-container a.navbar-brand {
    width: 100%;
}

/* blue color
*****************************/
.dropdown-menu {
    background: #3db1ff!important;
}

a.banner-link i.fa.fa-phone,
a.banner-link i.fa.fa-map-marker {
    color: #3db1ff;
}

div#searchTitle h2,
div.financeNow h2 {
    color: #3db1ff;
}

.btn-default {
    background-color: #3db1ff;
    border-color: #3db1ff;
}

.btn-default:hover {
    color: #3db1ff;
    border-color: #3db1ff;
}

.input-group-addon {
    background-color: #3db1ff;
}

span.checkThemeColor {
    color: #3db1ff;
}
div#availableCars h2 {
    color: #3db1ff;
}
/*********************************************************
 OLD NAVBAR FOR AUTOMART THEME

div:has(.pageid-hom) .navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a {
    color: var(--clr-neutral-800);
}

.navbar-default .navbar-toggle {
    border-color: var(--clr-neutral-700)!important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--clr-neutral-700)!important;
}

.navbar-right-menu-label,
.navbar-right-menu-icon .fa-2x {
    color: var(--clr-neutral-700)!important;
}
.menu-container.clearfix {
    position: sticky;
    top: 0;
    z-index: 999;
}

.navbar .container {
    margin-top: 4px;
    margin-bottom: 4px;
}

.navbar-brand>img {
    max-height: 72px!important;
    max-width: 200px!important;
}

div:has(.pageid-hom) .navbar-default,
.navbar-default {
    background: var(--clr-neutral-100) !important;
}

@media (min-width: 768px) {
.navbar-brand>img {
    max-height: 120px!important;
        max-width: 350px!important;
}
}


*********************************************************/


.element-heading h4 {
    color: #1b1b1b;
    border-bottom: 2px solid #3a3a3a;
    align-items: center;
    text-align: center;
}

.navbar-default .navbar-nav > li > a {
    letter-spacing: 0.5px;
    text-transform: uppercase;
}




.palette-box1.vehicle-details-panel .col-sm-4 {
    float: none;
    margin: 0 auto;
padding-left:100px !important;
}

.speciallabel {
    font-size: 1.3rem !important;
}

.specialvalue {
    font: bold 1.8rem 'Trebuchet MS', Tahoma, sans-serif  !important;
}

/* Default / Desktop */
.accent-border2.video-frame > div > div {
    padding-bottom: 72.5% !important;
    padding-right: 101% !important;
}

/* Mobile adjustments */
@media screen and (max-width: 768px) {
    .accent-border2.video-frame > div > div {
        padding-bottom: 75% !important;  /* Slightly taller for smaller screens */
        padding-right: 100% !important;  /* Reduce horizontal overflow */
    }
}

@media screen and (max-width: 480px) {
    .accent-border2.video-frame > div > div {
        padding-bottom: 80% !important;  /* Adjust for very small screens */
        padding-right: 100% !important;  
    }
}

.palette-box1.vehicle-details-panel > div > div > div > div > div {
    display: block !important;
    max-width: 220px;
}

.palette-box1.vehicle-details-panel > div > div > div > div > div > div {
    font-size: 1.4rem !important;
}

.palette-box1.vehicle-details-panel > div > div > div > div > div > div > div {
    width: 100% !important;
}

.palette-box1.vehicle-details-panel > div > div > div > div > div > div > div ~ br {
    display: none !important;
}


#element-f9883130d6d54caaa9f1b8e6324d84de .element-heading-inventorylist {
    text-align: center;
}

#element-f9883130d6d54caaa9f1b8e6324d84de .element-heading-inventorylist h4 {
    color: #ffffff;
    background: #3db1ff;
    display: inline-block;
    padding: 12px;
    font-size: 2.6rem;
}