@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Mulish:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Nunito:wght@300;400;500;700;900&display=swap');

:root {
    --neutral-gray: #eaecec;
   --neutral-darkgray: #58626b;
    --neutral-black: #121212;
    --neutral-white: #FFFFFF;
}

.home-inv-list {
    max-width: 1300px;
    margin: 0px auto
}

.home-inv-list .container {
    max-width: 1300px;
}

.inventory-price-container {
    background-color: transparent !important;
    padding: 0px;
    text-align: left;
}

.element-container.element-type-inventorylistprice.row {
    width: 50%!important;
    float: left;
}
.element-container.element-type-inventorylistmoreinfo.row {
    width: 50%!important;
    float: right; 
}
.element-container.element-type-inventorylistdata.row {
    float: left;
}


.inventory-photo-column .clearfix {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--neutral-black);
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
}
.inventory-photo-column .clearfix div,
.inventory-photo-column .clearfix a {
    flex: 1;
    text-align: center;
    margin: 0px!important;
}

a.photo-button,
.inventory-photo-column .fa.fa-heart-o,
.inventory-photo-column .fa-camera.accent-color1 {
    color: #fff !important;
}

.vehicle-label,
.inventory-details {
    border-bottom: 1px solid #c8c8c8;

    margin-bottom: 16px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.inventory-details {
    border-top: 1px solid #c8c8c8;
}

.inventory-panel.vehicle {
    background: transparent;
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.22);
    padding: 0px;
    margin: 30px;
    border: 0;
}

.inventory-photo-column {
    border-radius: 0px;
}

.thumb-2 .inventory-photo-column {
    padding: 0px;
}

.thumb-2 .inventory-photo-column .col-xs-12 {
    padding: 0px!important;
}

.thumbnail-row-2 {
    margin-bottom: -5px !important;
}

.thumbnail-row-2 .element-container-1 {
    padding: 30px 15px;
}


.thumb-2 .inventory-photo-column.col-sm-12 .clearfix {
    padding: 16px!important;
}

.thumbnail-row-2 .pricevalue1 {
    font-size: 28px!important;
} 


@media (max-width : 767.8px) {
.home-inv-list .row .container {
    max-width: 70%;
}
}

@media (min-width: 768px) {
.element-type-inventorylistprice {
}
}

/*******************************
INVENTORY SLIDER
********************************/
.swiper-button-next, 
.swiper-button-prev {
    width: 40px;
    height: 40px;
    background: #121212;
}

.swiper-button-next:after, 
.swiper-button-prev:after {
    color: #fff;
    font-size: 28px;
}

.vehicle-panel-label.accent-color1 {
    color: #121212!important;
}

.element-type-inventoryslider .vehicle-panel-label {
    font-size: 16px;
    padding-bottom: 8px;
}

@media (max-width : 767.8px) {
.element-container.element-type-inventoryslider {
    padding: 15px;
}
}

/*******************************
SRP - INVENTORY LIST
********************************/
.infinite-list-load-more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 750px;
    margin-inline: auto;
    min-height: 50px;
    font-weight: 800;
    border-radius: 8px;
}

.element-type-inventorylist .palette-bg2 {
    background: transparent;
}

.inventory-page-size-links .dropdown-menu > .active > a {
    color: inherit!important;
}

.txt-x-large a {
    font-size: 24px!important;
}

a.inventory_moreinfo {
    width: 100%;
    background-color: var(--neutral-black);
    color: var(--neutral-white);
    padding: 8px 16px;
    border-radius: 8px;
    margin: 4px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

a.inventory_moreinfo:hover {
    opacity: .8;
    background-color: var(--neutral-black);
    color: var(--neutral-white);
}

.overlay-pending-text {
    text-overflow: clip;

    width: 210px;
}

@media (min-width: 768px) {
.row.inventory-list-row > div.col-sm-3 {
    position: sticky;
    top: 100px;
} 
.thumbnail-img.row {
    margin-top: -60px;
}
}

/*******************************
CUSTOM TOP BANNER
********************************/
.cus-drop {
    background: none;
   border: none;
   padding: 8px;
}

.cus-drop i {
    margin-right: 8px;
    font-size: 18px!important;
}

.cus-dropdown-menu {
    padding: 12px;
}

.dropdown-menu-location {
    left: -250px;
}

.dropdown-menu-hours {
    left: -165px;
}

.schedule-table__time {
    padding-left: 8px;
white-space: nowrap;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.get-direction-dealer {
    margin-top: 8px;
}
.get-direction-dealer-name {
    font-weight: 700;
}

.cus-i-txt {
    display: none;
}
.fa-map-marker:before {
    content: "\f041" !important;
}

.mobile-only {display: block;}
.desktop-only {display: none;}

@media (min-width: 768px) {
.cus-i-txt {
      display: inline-block;
}
.mobile-only {display: none;}
.desktop-only {display: block;}
.dropdown-menu-hours {
    left: -120px;
}
.dropdown-menu-location {
    left: 0px;
}
}

/*******************************
BUTTONS
********************************/
.btn-primary {
    color: #fff;
    background-color: var(--neutral-black);
    border-color: var(--neutral-black);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    color: var(--neutral-black);
    background-color: var(--neutral-white);
    border-color: var(--neutral-black);
}

.btn {
    border-radius: 0px;
    transition: all .3s ease-out;
    text-transform: uppercase;
}

/*******************************
MORE NAVBAR COLOR
********************************/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #121212;
    background-color: #FFF!IMPORTANT;
}

.navbar-default .navbar-nav > .active > a:after,
a.menu-heading span:after {
    content: none;
}

.dropdown-menu {
    background: var(--neutral-white)!important;
    border: none;
}

.dropdown-menu > li > a {
    color: var(--neutral-black);
    text-transform: capitalize;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: var(--neutral-gray) !important;
    color: var(--neutral-black);
    opacity: 1;
}

/*******************************
CUSTOM HTML
********************************/
.flex-1 {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.flex-1 .left-side {
    text-align: center;
}

.qlinks-card {
    text-align: center;
}

.qlinks-inner {
    background-color: #121212;
    color: #fff;
    padding: 24px 32px;
}

.qlinks-inner a,
.qlinks-inner a:hover {
    color: #fff;
}

span.arrow {
    display: inline-block;
    margin: -1rem 0 -0.8rem 0;
    border-width: 0 3rem 1.5rem 3rem;
    border-style: solid;
    border-color: transparent transparent #121212 transparent;
}


@media (max-width : 767.8px) {
#element-5d6258cba80f45158d89f6f591b7752a {
    padding-left: 0px;
    padding-right: 0px;
}
.left-side {
    padding-left: 15px;
    padding-right: 15px;
}
}

@media (min-width: 768px) {
.flex-1 {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.flex-1 .left-side {
    text-align: left;
}
}

 
/*******************************
CUSTOM FOOTER
********************************/
div.footer-container {
    background-color: var(--neutral-darkgray);
    border: none!important;
    font-size: 16px;
}

div.footer-container .row {
    padding: 15px;
}

.footer-container .element-type-libraryimage img {
    margin-left: 0;
}

div.footer-container ul {
    list-style-type: none;
    font-size: 16px;
    padding: 0px;
}

div.footer-container ul a {
    color: var(--neutral-white);
    font-size: 16px;
}

div.footer-container li a {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

div.footer-container li a:hover,
div.footer-container li a:focus,
div.footer-container li a:active {
    text-decoration: none;
}

div.footer-container .fa {
    font-size: 24px;
    margin-right: 12px;
}

ul.bottom-links,
ul.bottom-links a {
    color: var(--neutral-white);
}

#element-4bf9c4ddb0ac41f5850f903eadbea854 {
    margin-bottom: 24px;
}

/* images */
div.footer-container img {
    margin-bottom: 24px;
}

/*******************************
INVENTORY SEARCH ELEMENT
********************************/
.element-type-inventorysearch {
    background: transparent;
}
.element-type-inventorysearch .form-control {
    border: none!important;
    color: var( --neutral-black);
    background-color: #fff;
}

.form-inline.searchform .form {
    display: flex;
    flex-direction: row;
}

.element-type-inventorysearch .form-group {
    width: 100%;
    margin-bottom: 0px;
}

.element-type-inventorysearch .btn-default {
    background-color: var(--neutral-black);
}

/*******************************
NAVBAR
********************************/
.navbar-default {
    background-color: #fff;
    border-color: #fff;
}
.navbar {
    margin-bottom: 0px;
}
.menu-heading {
    text-transform: uppercase;
    font-weight: 500!important;
    color: var(--neutral-black);
}

.navbar-header a.navbar-brand img {
    max-width: 130px!important;
}

.navbar-fixed-top.navbar-default {
    background-color: #fff;
}

@media (min-width: 768px) {
.navbar.navbar-top .container {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 1440px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.navbar-nav>li>a {
    padding-top: 4px;
    padding-bottom: 4px;
    min-width: 125px;
    text-align: center;
}

.navbar-nav>li>a:not(:last-child) {
    border-right: 1px solid #ccc;
}

ul.nav.navbar-nav {
    position: relative;
}
.navbar-header {
    width: 25%;
}
.navbar-collapse.collapse {
    width: 75%;
}
}

@media (min-width: 992px) {
.navbar-fixed-shadow {
    box-shadow: 0 2px 4px rgb(33 51 67 / 12%);
}
.navbar-header a.navbar-brand img {
    max-width: 175px!important;
}

.navbar-nav>li>a {
    min-width: 175px;
}
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-fixed-spacer {
    min-height: 56px;
}

@media (min-width: 768px) {
/* fix menu shift */
.navbar-right {
    margin-right: 0px;
}
.navbar-fixed-spacer {
    min-height: 88px;
}
}

/*******************************
GENERAL STYLING
********************************/
body {
    font-family: Nunito, Helvetica;
    font-size: 16px;
}
a, p {
    font-family: Nunito, Helvetica;
    font-size: 16px;
}

h1, h2, h3,
h4, h5, h6 {
    font-family: Nunito, Helvetica!important;
    font-weight: 200!important;
}

.element-heading h4:after {
    content: none!important;
}

a,
a:hover,
a:focus,
a:active {
    color: var(--neutral-black);
}

.bg-gray .container {
    background-color: var(--neutral-gray);
    padding-right: 30px;
    padding-left: 30px;
}

.paddin-b-50 .container {
    padding-top: 20px!important;
    padding-bottom: 50px!important;
}

.no-b-padding .container,
.no-b-padding .element-outer-container.element-type-customhtml {
    padding-bottom: 0px;
}

@media (min-width: 1200px) {
.container {
    width: 1440px;
}
}

/*******************************
BANNER
********************************/
.cus-ban-row .row {
    max-width: 100%;
}

.cus-ban-row .container {
    padding: 0px!important
}

.banner-container {
    background: var(--neutral-gray)!important;
}

.cus-ban-wrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 4px 20px 8px 20px;
    gap: 8px;
    width: 100%;
}

@media (min-width: 768px) {
    .cus-ban-wrap {
            flex-direction: row;
}
}


/*******************************
HERO SECTION
********************************/
.hero-section .container {
    padding-top: 0px;
}

.inverted {
    background-color: #ffffff !important;
    border-top: none !important;
    border-image: none !important;
    border-image-width: 0px 0px 5px 0px;
}