.pageid-ivd .vehicle-links-container {
    display: flex;
    flex-direction: column;
    gap: 8px;

}

div#vehicle-link-question_vehicle_links {
    order: -1;
}
.pageid-ivd div#element-price {
    background-color: #fff !important;
}

.pageid-ivd .internetlabel {
    font-size: 18px!important;
}
.pageid-ivd .internetvalue {
    font-size: 28px!important;
}
div#vehicle-link-question_vehicle_links,
div#vehicle-link-photos-modal_vehicle_links,
div#vehicle-link-testdrive_vehicle_links {    width: 100%;}
div#vehicle-link-creditapp_vehicle_links {    width: 100%;}

.vdp-cus-links .btn.question.btn-default {
    font-weight: 600;
    background: #f3b317 !important;
    border-radius: 4px;
    color: #0b3b74 !important;
    width: 100%;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px!important;
}
.vdp-cus-links .btn.creditapp,
.vdp-cus-links .btn.photos-modal.btn-default,
.vdp-cus-links .btn.testdrive.btn-default {
    border-radius: 4px;
    width: 100%;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px!important;
}

.element-type-inventorysearch  .form {
    display: flex;
    justify-content: center;
    gap: 8px;
}
.element-type-inventorysearch  .form label {
    display: none;
}
.main-container {
    overflow-x: hidden;
}

/* VDP
***********************************/
.pageid-ivd h5.element-sub-heading.accent-color1.locationlabel {
    color: inherit!important;
}

.pageid-ivd .modal-title {
    font-size: 20px !important;
    color: #fff!important;
}
.pageid-ivd  .modal-header .close {
    color: #fff;
}

.vehicle-description {
    font-size: 16px!important;
}

/* BOTTOM
***********************************/
.bottom-links,
.bottom-links span,
.bottom-links span a,
a.bottom,
a.corp {
    color: #fff!important;
    font-size: 14px;
}

/* INVENTORY LIST
***********************************/
.inventory-list-container .flex-item .inventory-panel {
    border: 0px !important;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.invlist-footer {
    margin-top: auto!important;
}

/* BANNER
***********************************/
.banner-link {
    color: #fff;
}
/* Container to push the button to the right */
.button-wrapper {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    padding-left: 15px;
}

.ghost-btn {
  /* Layout & Alignment */
  display: inline-flex;
  align-items: center;
  gap: 10px;
    float: inline-end;
  
  /* Outline / Ghost Styling */
  background-color: transparent;
  color: #007bff;
  border: 2px solid #007bff;
  border-radius: 50px;
  
  /* Sizing & Typography */
  padding: 12px 24px;
  font-family: system-ui, -apple-system, sans-serif;
    font-size: 1.5rem;
  font-weight: 600;
  
  /* Remove underline in all states */
  text-decoration: none;
  
  /* Smooth Hover Transition */
  transition: all 0.3s ease;
}

/* Hover, Focus, and Active States */
.ghost-btn:hover,
.ghost-btn:focus,
.ghost-btn:active {
  text-decoration: none; /* Ensures no underline appears on hover */
}

.ghost-btn:hover,
.ghost-btn:focus {
  background-color: #007bff;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
  transform: translateY(-2px);
}

.ghost-btn:active {
  transform: translateY(0);
  box-shadow: none;
}
/* NAVBAR
**********************************************************/
@media(min-width: 768px) {
a.navbar-brand > img {
    padding: 0px;
        max-height: 135px !important;
}
.nav.navbar-nav > li.menu-cta-item {
    padding-top: 0px;
    padding-bottom: 0px;
}
}

/* other css not commented
**********************************************************/
.banner-container {
    background: #0c1c35;
}

.navbar-default {
    background-color: rgb(12 28 53);
    border-color: #0c1c35;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .active > a {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #e0e0e0;
}


/*----------------------------*/

.hero-section .element-outer-container.element-type-customhtml {
    padding: 8px 15px 4px 15px;
    max-width: 90% !important;
    text-align: center;
    margin: auto;
}

.hero-section .element-type-quicklinkbuttons:nth-child(2) .quicklinkbutton-wrapper {
    text-align: -webkit-center;
}

.hero-section .element-type-quicklinkbuttons:nth-child(2) .quicklinkbutton-wrapper {
    text-align: -webkit-center;
}

.hero-section .first-column > div > .page-content-element:first-child h1, .hero-section .first-column > div > .page-content-element:first-child p {
    text-shadow: -4px 1px 6px rgba(0, 0, 0, 0.8), -8px 4px 12px rgba(0, 0, 0, 0.5);
}

.hero-section .first-column > div > .page-content-element:first-child h1 {
    margin-bottom: 16px !important;
}

@media (min-width: 768px) {
    .hero-section .container {
        padding-top: 240px;
    }
}