/***************************************
    SLIDESHOW
***************************************/
.carousel-control {
        font-size: 24px;
}
.mobile-only {
    display: block;
}
.desktop-only {
    display: none;
}

@media(min-width: 768px) {
.carousel-control {
        font-size: 34px;
}
.mobile-only {
    display: none;
}
.desktop-only {
    display: block;
}

}

/***************************************
    TRADE IN FORM
***************************************/
.start.step .bg-color-active {
    color: #000!important
}

.start.step  div.border  {
}

.trade-in-form .button {
    cursor: pointer!important;
}

.step .font-color-for-active.font-color-for-active,
.step-viewer span.font-color-for-active {
    color: #000;
}

.step .checkmark {
    background-color: rgb(104, 106, 108)!important;
}
.trade-in-form .checkbox-container b {
    color: #fff!important;
}

/***************************************
    MISC
***************************************/
.overlay-pending-text {
    font-size: 10px!important;
}

/***************************************
    logo
***************************************/
@media(min-width: 768px) {
    .navbar a.navbar-brand > img {
        max-width: none !important;
        max-height: none !important;
    }
} 


.leg-slide .vehicle-panel-label {
    color: #fff;
}

.leg-slide .vehicle-panel-label,
.leg-slide .accent-bg1 {
    background-color: #383838!important;
}

/***************************************
    VDP
***************************************/
.palette-box1,
.palette-box2 {
    background-color: #555657!important;
    border-color: #686767!important;
}

/***************************************
    BUTTON
***************************************/
.prim-button {
    border-color: var(--clr-primary-200) !important;
    background-color: var(--clr-primary-200) !important;
    color: var(--clr-neutral-100) !important;
    width: 228px;
}

/***************************************
    SLIDER
***************************************/
.slideshow-overlayvert-center .btn {
    margin-inline: auto;
    margin-top: 20px;
}

/***************************************
FOOTER
***************************************/
.footer-container .media-icon {
    background: none!important;
}
.footer-container .media-icon i {
    font-size: 24px!important;
}

/***************************************
INVENTORY
***************************************/

.palette-bg2.inventory-header, 
.palette-bg2.inventory,
.palette-bg2 {
    background-color: #686A6C;
    background-color: #383838;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    padding: 1rem;
}

.sidebar-search-sticky .btn-group-vertical>.btn:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .sidebar-search-sticky {
    background-color: #000;
    }
}

/***************************************
INVENTORY SEARCH FORM
***************************************/
.element-type-inventorysearchform .form-control {
    display: block;
    width: 100%;
    height: 54px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #686A6C;
    background-image: none;
    border-bottom: 1px solid #fff;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: none;
    -webkit-transition: border-colorease-in-out .15s, box-shadowease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-colorease-in-out .15s, -webkit-box-shadowease-in-out .15s;
    transition: border-colorease-in-out .15s, -webkit-box-shadowease-in-out .15s;
    transition: border-colorease-in-out .15s, box-shadowease-in-out .15s;
    transition: border-colorease-in-out .15s, box-shadowease-in-out .15s, -webkit-box-shadowease-in-out .15s;
}

.element-type-inventorysearchform .btn-default {
    color: #fff;
    background-color: #3897f0;
    border-radius: 0px;
    border-color: #3897f0;
    padding: 16px 40px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}

/***************************************
INVENTORY
***************************************/
.inventory-list-row .col-sm-3 b {
    font-size: 1.2em;
}
.vehicle-label a {
    font-size: 18px;
}

/***************************************
GENERAL
***************************************/
body, body.main-body, body.framed-body, body.splash-body, .framed-container {
    background-color: #686A6C;
}

div.pagetitle-container .container {
    background-color: transparent;
}

h1.pagetitle {
    text-align: center;
    color:#fff;
}

body {
    color: #fff;
}

.pagetitle-container {
    margin-top: 40px;
}

.location-row h5.element-sub-heading {
    font-size: 24px!important;
}

@media (min-width: 768px) {
.pageid-ivd h1.pagetitle {
    font-size: 3.5rem!important;
}
}


/***************************************
NAVBAR - LOGO
***************************************/
.navbar-toggle {
    margin-top: 22px;
}

.pageid-hom .navbar.navbar-top {
    position: fixed;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.5)!important;
    border: none;
}

    a.navbar-brand > img {
        max-width: 350px !important;
    }

.pageid-hom > .navbar-fixed-spacer {
    height: 0px;
}

@media (min-width: 768px) {
    div:has(.pageid-hom) .navbar.navbar-top {
    position: fixed;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.5)!important;
    border: none;
    }
}

/***************************************
youtube iframe
***************************************/
        /* Responsive Full-Width YouTube Video */
        .video-container {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
            height: 0;
            overflow: hidden;
            width: 100%;
            max-width: 100%;
            background: #000;
        }

        /* Slightly zoomed-in iframe */
        .video-container iframe {
            position: absolute;
            top: -5%;  /* Moves video up slightly to hide YouTube watermark */
            left: -5%;  /* Moves video left slightly */
            width: 110%; /* Expands width slightly */
            height: 110%; /* Expands height slightly */
            transform: scale(1.1); /* Gentle zoom */
            border: 0;
            pointer-events: none; /* Disables interaction, including right-click */
        }

.no-padding {
    padding: 0px!important;
}

.ytp-watermark {
    display: none!important; 
}

.eapps-instagram-feed-title {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    line-height: 32px;
    padding: 24px 10px;
}