/* autolouvaris */

header {
    background-color: #191919;
}

.logo-footer a h1,
.design_2 .container h4,
.content h3,
h1 {
    color: #C00000;
}

.contact_information .address ul li span,
.contact_information.information_head .address p,
.contact_information.information_head .address p i,
.footer-contact ul li strong,
.contact_information .address .icon_address,
.contact_information .address ul li strong,
.contact_information .address ul li i,
.contact_information .address ul li a,
h2.find-us-on-map-header {
    color: white;
}

.search-form-welcome {
    display: flex;
    flex-direction: column;
}

.search-form-welcome>div {
    min-width: 100%;
}

.search-form-welcome>div:last-child {
    padding-left: 0;
}

.search-form {
    display: flex;
    justify-content: center;
}

.classified-search-categories-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 10px;
    margin-right: 10px;
    max-width: 120px;
    flex-wrap: nowrap;
    max-height: 400px;
    overflow-y: scroll;
}

.classified-search-categories-wrapper::-webkit-scrollbar-track {
    border: 1px solid #000;
    padding: 2px 0;
    background-color: #CCCCCC;
}

.classified-search-categories-wrapper::-webkit-scrollbar {
    width: 10px;
}

.classified-search-categories-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #C00000;
    border: 1px solid #000;
}


.classified-search-form {
    width: 70%;
}

.free-text-section {
    display: block;
}


/* push banners */

#secondary-banner {
    background-size: cover;
    margin-top: 145px;
}

.banner-wrap .banner {
    margin-top: 167px;
}

.vehicle_icon {
    filter: brightness(100);
}


/* change bg color */

body,
section.content,
.car-block-wrap,
.welcome-wrap,
.search-form,
.classified-search-categories-wrapper,
.car-block-bottom,
.car-block,
.small-block h4,
.small-block a,
.welcome-wrap .small-block h4,
footer,
.copyright-wrap,
.ribbon,
.controls .left-arrow,
.controls .right-arrow,
.select-wrapper span.sort-by,
.car-info {
    background: #191919;
}

h4,
.welcome-wrap h4,
.recent-vehicles h5,
body,
.first-page .small-block h4,
.first-page .small-block a span i,
.hours_operation .small-block h4,
.second-page .small-block h4,
.second-page .small-block a span i,
.right-content .side-content .table-responsive,
.link-wrapper,
.inventory-listing .inventory-heading h2,
.sort-by-menu span.sort-by {
    color: #CCCCCC;
}

.first-page .small-block.clearfix a span.align-center i::before {
    content: "\f1b9";
}

.second-page .small-block.clearfix a span.align-center i::before {
    content: "\f2b5";
}


/* header logo */

header .bottom-header .navbar-default .navbar-brand {
    width: 450px;
    height: 100px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-attachment: initial !important;
    background-position: center !important;
}

div.container-fluid>div.navbar-header>a.navbar-brand>span.logo>span.primary_text {
    visibility: hidden;
}

.breadcrumb li, .breadcrumb li:not(.active) a {
    color: #a5a5a5;
}

@media only screen and (max-width: 768px) {
    header .bottom-header .navbar-default .navbar-brand {
        width: 270px;
    }
    .banner-wrap .banner {
        margin-top: 146px;
    }
}

@media only screen and (max-width: 480px) {
    header .bottom-header .navbar-default .navbar-brand {
        width: 210px;
    }
    .classified-search-categories-wrapper {
        padding: 0 25px 0 0px;
    }
    .search-form {
        padding-left: 0;
    }
}

@media only screen and (max-width: 380px) {
    .search-form {
        display: block;
        padding-left: 20px;
    }
    .classified-search-categories-wrapper {
        flex-direction: row;
        min-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .classified-search-categories-wrapper .vehicle_icon {
        flex-shrink: 0;
        margin-bottom: 8px;
    }

    .classified-search-form {
        width: 100%;
    }
}