div.pagetitle-container .container {
    background-color: #fff!important;
}

/* CUSTOM BANNER
******************************************************************/
.cus-banner .container {
    padding-top: 8px;
    padding-bottom: 8px;
}

/* remove original banner to show custom */
.banner-container.containerdynamic-fixed {
    display: none;
}

.cus-banner-container {
    position: relative !important;
    z-index: 1 !important;
}

/* SOCIAL MEDIA ICONS
******************************************************************/
.media-icon-small {
    width: 32px;
    height: 32px;
    line-height: 33px;
    border-radius: 50%!important;
}

.media-icon-small.media-icon-circle {
    font-size: 20px;
}

/* color */
.media-icon-small.media-icon-circle:has(.fa-facebook) {
    background: #4267b2!important;
}
.media-icon-small.media-icon-circle:has(.fa-twitter) {
    background: #1DA1F2!important;
}
.media-icon-small.media-icon-circle:has(.fa-youtube) {
    background: #FF0000!important;
}
.media-icon-small.media-icon-circle:has(.fa-google) {
    background: #4285F4!important;
}
.media-icon-small.media-icon-circle:has(.fa-instagram) {
    background: #405DE6!important;
}
.media-icon-small.media-icon-circle:has(.fa-yelp) {
    background: #FF1A1A!important;
}

/* NAVBAR
******************************************************************/
a.navbar-brand, 
a.menu-heading {
    font-size: medium;
    font-weight: 700;
}

/* HERO SECTION
******************************************************************/
.hero-section {
      min-height: 950px;
}

.home-inventory .specialSwiper .swiper-slide a {
    max-width: 300px!important;
}

.home-inventory  .vehicle-panel-label.accent-color1 {
    color: white!important;
}

.home-inventory .specialSwiper .swiper-slide {
    height: fit-content!important;
}

@media (min-width: 768px) {
.hero-section .container {
    max-width: 1000px;
    margin-top: 30px;
}
.hero-section {
    min-height: 850px;
}
.hero-section a.quicklinkbutton, .ghost-bttn a.quicklinkbutton {
    max-width: 100%;
}
}

/* Google translate
******************************************************************/
#google_translate_element {
    margin-top: -24px;
    padding: 0px 15px;
}

/* 9/3/2025 update
******************************************************************/

.custommenu .element-heading h4 {
    color: #666;
    border-bottom: 2px solid #c7c7c7;
    display: none;
}

@media (min-width: 768px) {
    /* Main navbar ul */
    ul.nav.navbar-nav {
        display: flex;             /* Horizontal row */
        flex-direction: row;
        justify-content: flex-start; /* Align left */
        align-items: center;       /* Vertically center */
        list-style: none;          /* Remove bullets */
        margin-top: 20px;
        padding: 0;
    }

    /* Navbar items */
    ul.nav.navbar-nav li {
        position: relative;       /* Needed for dropdown positioning */
        margin-right: 10px;       /* Spacing between items */
        white-space: nowrap;      /* Prevent line breaks */
    }

    /* Dropdown menu */
    ul.nav.navbar-nav li ul.dropdown-menu {
        display: none;            /* Hide dropdown by default */
        position: absolute;       /* Position relative to parent li */
        top: 100%;                /* Below the parent item */
        left: 0;
        background: #333;         /* Dark background for dropdown */
        min-width: 150px;         /* Optional width */
        box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Optional shadow */
        z-index: 1000;            /* Make sure it appears above other content */
        list-style: none;
        padding: 0;
        margin: 0;
    }

    /* Dropdown items */
    ul.nav.navbar-nav li ul.dropdown-menu li {
        margin: 0;                /* Remove default spacing */
    }

    /* Show dropdown on hover */
    ul.nav.navbar-nav li:hover > ul.dropdown-menu {
        display: block;
    }

    /* Dropdown links */
    ul.nav.navbar-nav li ul.dropdown-menu li a {
        display: block;
        padding: 8px 15px;
        text-decoration: none;
        color: #fff;              /* White text */
        white-space: nowrap;
    }

    /* Hover effect for dropdown links */
    ul.nav.navbar-nav li ul.dropdown-menu li a:hover {
        background-color: #555;   /* Darker background on hover */
        color: #fff;              /* Keep text white on hover */
    }
}



.custommenu,
.page-content-row .container {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}