.form-control.calc-loan-term {
    min-height: 36px;
}
input.input-data, textarea.input-data, div.input-data {
    background-color: #f0f5fc !important;
}
.element-type-calculator button.btn {
    color: rgb(255, 255, 255);
    background-color: rgb(21, 92, 131);
    border-color: rgb(21, 92, 131);
    display: block;
    font-weight: 700;
    padding: 12px;
    width: 100%;
    font-size: 16px;
    height: auto;
    transition: background 0.2s ease;
}

.element-type-calculator button.btn:hover {
    background: #0c3d5c;
    color: #fff;
    text-decoration: none;
}

/* FOOTER
**************************/
.page-bottom {
    background-color: #0b0b0b!important;
    border-top: 1px solid #3b3b3b;
}
.page-bottom .container {
    background-color: #0b0b0b!important;
}

.footer-container {
    background-color: #0b0b0b!important;
    border: none!important;
}
.custom-footer {
    background: #0b0b0b;
    padding: 70px 20px;
    color: #fff;
    font-family: Arial, sans-serif;
}

.custom-footer-container {
    max-width: 1400px;
    margin: auto;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
}

/* COLUMN */
.custom-footer-col {
    min-width: 0;
}

/* TITLES */
.custom-footer-title {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 25px;

    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.custom-footer-title i {
    color: #0076c8;
    font-size: 20px;
}

/* LINKS */
.custom-footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-footer-list li {
    margin-bottom: 12px;
}

.custom-footer a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s ease;
}

.custom-footer a:hover {
    color: #0076c8;
}

.custom-footer p {
    margin: 0 0 14px;
    line-height: 1.7;
    color: #f3f3f3;
}

/* SOCIAL */
.custom-footer-socials {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.custom-footer-social {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #fff;

    color: #0076c8 !important;

    transition: .3s;
}

.custom-footer-social:hover {
    background: #0076c8;
    color: #fff !important;
    transform: translateY(-3px);
}

.custom-footer-social i {
    font-size: 18px;
}

/* TABLET */
@media (max-width: 992px) {
    .custom-footer-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
}

/* MOBILE */
@media (max-width: 576px) {
    .custom-footer {
        padding: 50px 20px;
    }

    .custom-footer-container {
        grid-template-columns: 1fr;
        gap: 35px;
        text-align: center;
    }

    .custom-footer-title {
        justify-content: center;
    }

    .custom-footer-socials {
        justify-content: center;
    }
}
/* ACCESSIBLE FOCUS */
.custom-footer a:focus-visible,
.custom-footer-social:focus-visible {
    outline: 3px solid #0076c8;
    outline-offset: 4px;
    border-radius: 4px;
}

/* ADDRESS RESET */
.custom-footer-address {
    font-style: normal;
    line-height: 1.7;
}

/* REDUCE MOTION */
@media (prefers-reduced-motion: reduce) {
    .custom-footer * {
        transition: none !important;
    }
}

/* VDP
**************************/
.google-reviews {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 14px 20px;
    background: #fff;
    color: #333;
    transition: box-shadow 0.2s ease;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}
.google-reviews:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.reviews-score {
    font-size: 3.75rem;
    font-weight: 700;
    color: #222;
    line-height: 1;
}
.reviews-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.reviews-stars {
    display: flex;
    gap: 3px;
}
.reviews-stars .fa {
    color: var(--clr-brand-deep-teal);
}
.reviews-count {
    font-size: 14px;
    color: #555;
}
.reviews-cta {
    font-size: 14px;
    color: #555;
}

/* Banner */
.first-column:has(.vdp-cta-bar),
.element-type-customhtml:has(.vdp-cta-bar) {
    padding: 0px!important;
}

.vdp-cta-bar {
    width: 100%;
    background: #f5f5f5;
    padding: 32px 0px;
}

.vdp-cta-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
    text-align: center;
    font-size: 18px; /* increased */
    color: #222;
    line-height: 1.4;
}

.vdp-cta-text {
    font-size: 18px;
}

.vdp-cta-text a {
    color: #1a73e8;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
}

.vdp-cta-text a:hover {
    text-decoration: underline;
}

.vdp-cta-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #0f4c75;
    color: #fff;
    padding: 12px 18px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px; /* increased */
    transition: background 0.2s ease;
}

.vdp-cta-button:hover,
.vdp-cta-button:active,
.vdp-cta-button:focus {
    background: #0c3d5c;
    color: #fff;
    text-decoration: none;
}

.vdp-cta-button i {
    font-size: 20px; /* icon bigger */
}

/* SPECIFICATION */
.section-title {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 40px 0;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #222;
}

.section-title::before,
.section-title::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #d3d3d3;
}

.section-title span {
    padding: 0 20px;
    white-space: nowrap;
}
.custom-specs .specifics-container {
    max-width: 800px;
    margin-inline: auto;
}

.custom-specs .element-type-vehiclespecifics .oneColumn {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    margin-bottom: 4px;
    padding-bottom: 4px;
}

.custom-specs .element-type-vehiclespecifics .specifics-label {
    width: fit-content;
    padding-right: 10px;
}

@media (min-width: 768px) {
    .custom-specs .element-type-vehiclespecifics .specifics-label, 
    .custom-specs .element-type-vehiclespecifics .specifics-value {
        width: 50%;
    }
}
.accent-color2.specifics-label {
    color: #121212!important;
}

.vehicle-specs-header .specifics-container .row {
    display: flex;
    flex-direction: row;
}

.vehicle-specs-header .specifics-container .row .oneColumn {
    display: flex;
    width: max-content;
    white-space: nowrap;
    gap: 8px;
    padding: 0px;
    margin-right: 20px;
}
/* Buttons */
.vehicle-link .btn.creditapp,
.vehicle-link .btn.loancalculator {
    width: 100%;
    padding: 12px;
    color: #1a4f8a;
    border: 1px solid #d8dde6;
    transition: background 0.15s ease;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
}

.vehicle-link .btn.creditapp:hover, 
.vehicle-link .btn.creditapp:active, 
.vehicle-link .btn.creditapp:focus,
.vehicle-link .btn.loancalculator:hover, 
.vehicle-link .btn.loancalculator:active, 
.vehicle-link .btn.loancalculator:focus {
    background-color: #e2ecf9;
    border: 1px solid #d8dde6;
    color: #1a4f8a;
}

.vehicle-link-creditapp,
.vehicle-link-loancalculator {
    width: 100%;
}

.horizontal .vehicle-links-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media(min-width: 992px) {
.horizontal .vehicle-links-container {
    flex-direction: row;
}
}

.vertical .vehicle-links-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vehicle-link .btn.question,
.vehicle-link .btn.shareToSocialMedia {
    color: rgb(255, 255, 255);
    background-color: rgb(21, 92, 131);
    border-color: rgb(21, 92, 131);
    display: block;
    font-weight: 700;
    padding: 15px;
    width: 100%;
    font-size: 16px;
    height: auto;
    transition: background 0.2s ease;
}
.vehicle-link .btn.question:hover,
.vehicle-link .btn.shareToSocialMedia:hover {
    background: #0c3d5c;
    color: #fff;
    text-decoration: none;
}

/* PRICE */
.accent-color1.internetvalue {
    color: var(--clr-brand-deep-teal)!important;    
    font-family: var(--ff-body)!important;
}

.element-outer-container.element-type-price {
    width: auto;
}

/* NAVBAR
**************************/
a.menu-heading,
a.menu-heading.menu-selected.active {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #222!important;
}
a.menu-heading:hover {
    color: var(--clr-brand-deep-teal)!important;
}

nav.navbar .container {
    position: relative;
}

nav.navbar .navbar-brand > img {
    display: block;
    max-height: 50px !important;
    max-width: none !important;
    aspect-ratio: 48 / 25;
    object-fit: contain;
}

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

nav.navbar a.navbar-brand {
        position: absolute;
        top: calc(var(--header-height) / 2);
        left: 0;
        top: -33px;
        max-width: max-content!important;
}
}

/* BANNER
**************************/
.banner-container .container.clearfix, .banner-container .clearfix {
    background-color: var(--clr-brand-deep-teal);
}

/* INVENTORY LIST
**************************/
/* SIDEBAR */
.btn-group, .btn-group-vertical {
    padding: 0.25rem;
}

@media (min-width: 768px) {
    .sidebar-search-sticky {
        top: 20px;
    }
}

/* THUMBNAIL */
.photo-icon-container {
    background-color: rgba(255, 255, 255, 0.8);
    color: #222!important;
    width: 32px;
    height: 32px;
    border-radius: 99px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.accent-color1.photo-icon {
    color: #222!important;
}

.inventory-photo-column {
    padding: 0px;
}
.overlay-icon-container {
    z-index: 3;
    top: 20px;
}

/* PRICE */
.inventory-price-container {
    background-color: #fff!important;
    min-height: none;
}

.pricevalue1.accent-color1 {
    color: #1a4f8a!Important;
}

.pricelabel {
    font-weight: 600;
}

/* HEADER */
.inventory-header.vehicles-found-header > .clearfix > .pull-left:first-child {
    padding-top: 14px!important;
    margin-left: 14px!important;
}

.inventory-header.palette-bg2 {
    border: 1px solid #e1e1e1;
}
.inventory-header .accent-color1 {
    color: #1a4f8a!Important;
}

.inventory-list-row .vehicle-label a {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    color: #222!important;
}

/* ADDED IMAGE */
.banner-click {
  content: "";
  display: inline-block;
  background-image: url("https://automanagerprodcdn.azureedge.net/wmclients/046420/images/get-prequalified-700-banner.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 97 / 9;
  margin-bottom: 10px;
  margin-top: 8px;
  vertical-align: middle;
}

.banner-click:hover {
    cursor: pointer;
}

/* UI - LIST
**************************/
.inventory-panel.vehicle {
    border: 1px solid #e1e1e1;
    padding: 16px 20px 20px 20px;
} 

.row-list-header .element-container-0 {
    padding: 0px 0px 20px;
}

/* UI - BUTTONS
**************************/
.search-options .btn {
    width: 100%;
    padding: 12px 24px;
    margin: 10px 0px;
}

.inventory_moreinfo {
    width: 100%;
    padding: 12px 24px;
    margin: 10px 0px;
    color: #1a4f8a;
    border: 1px solid #d8dde6;
      transition: background 0.15s ease;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
}

.inventory_moreinfo:hover,
.inventory_moreinfo:active,
.inventory_moreinfo:focus {
    background-color: #e2ecf9;
    border: 1px solid #d8dde6;
    color: #1a4f8a;
}

div#search-options-content button.btn,
div#search-list button.btn {
    background-color: #222;
    border-color: #222;
    color: #fff!important;
    border-radius: 0px;
    padding: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
    .vdp-quick-actions__list {
      border: 1px solid #d8dde6;
      border-radius: 6px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 1px 4px rgba(0,0,0,0.07);
    }
 
    .vdp-quick-actions__item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 16px;
      cursor: pointer;
      border-bottom: 1px solid #e5e9f0;
      background: #fff;
      transition: background 0.15s ease;
      text-decoration: none;
      color: #1a4f8a;
    }
 
    .vdp-quick-actions__item:last-child {
      border-bottom: none;
    }
 
    .vdp-quick-actions__item:hover {
      background: #f0f5fc;
      text-decoration: none;
    }
 
    .vdp-quick-actions__item:active {
      background: #e2ecf9;
      text-decoration: none;
    }
 
    .vdp-quick-actions__label {
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.01em;
      color: #1a4f8a;
    }
 
    .vdp-quick-actions__chevron {
      width: 16px;
      height: 16px;
      color: #5a8ac6;
      flex-shrink: 0;
    }

@media(min-width: 768px) {
.inventory-list-row .vehicle-label a {
    font-size: 24px;
}
}

/* GENERAL
**************************/
body.main-body {
    background-color: #fff;
}

/* NAVBAR
**************************/
.navbar-default {
    background-color: #fff;
    border-bottom: 1px solid var(--clr-border);
}
.navbar-default .container {
    border: none;
}
/* NAVBAR
**************************/
h1.pagetitle {
    font-family: "Roboto", sans-serif;
}

:root {
    --ff-primary: "Roboto", sans-serif;
    --clr-brand-royal-blue: #3D66D6;
    --clr-brand-deep-teal: #155c83;
}