/* GOPHER Custom Color Scheme CSS */
:root {
    --color-primary-50: #d7d7d7;
    --color-primary-100: #bdbdbd;
    --color-primary-200: #a3a3a3;
    --color-primary-300: #898989;
    --color-primary-400: #6f6f6f;
    --color-primary-500: #58041e;
    --color-primary-600: #484848;
    --color-primary-700: #3b3b3b;
    --color-primary-800: #2e2e2e;
    --color-primary-900: #212121;
    --color-primary-950: #212121;
    --btn-link-disabled-color: #555555;
    --btn-primary-border-color: #847160;
    --btn-primary-bg: #847160;
    --btn-primary-color: #fff;
    --btn-default-border-color: #58041e;
    --btn-default-bg: #58041e;
    --btn-default-color: #fff;
    --btn-default-hover-border-color: #2d3548;
    --btn-default-hover-bg: #2d3548;
    --btn-default-hover-color: var(--color-primary-0);
}
/* END Custom Color Scheme CSS */

/* GENERAL */
body {background-color: var(--color-neutral-0);}
.wysiwyg-image {display: inline-block;}
.btn-primary {border-color: var(--btn-primary-border-color); background: var(--btn-primary-bg);}
.btn-default {border-color: var(--btn-default-border-color); background: var(--btn-default-bg);}

/* HEADER */
.header-contact {visibility: hidden;}
.page-header .header-default .home-logolink {margin: 0 .6em 30px 0;}
.page-header .navbar-nav {bottom: 5px;}
.header-logo img {position: relative; bottom: 19px;}

/* NAV */
.page-header.responsive-centered-nav .header-navigation .header-default .header-logo img {margin: 0 auto;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a {color: #58041e; font-size: 16px; font-weight: 800; padding: 20px 12px;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .dropdown-menu {top: 101px;}
.page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown.open .caret {top: 10px;}
.page-header.responsive-centered-nav {border-color: #cecfd1; box-shadow: none;}
@media (max-width : 1024px) {.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a {left: 25px; font-size: 14px;}}

/* MYCARS */
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu>a:before,
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu>a .label,
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu>a .count:before {color: #58041e;}
.ddc-site .ddc-toolbar .toolbar-flex {position: relative; bottom: 10px;}

/* FACETBROWSE */
.index .facet-browse-form h3 {color: #fff; letter-spacing: -0.25px;}
.index .inventory-search-facet-browse .ddc-pill-nav {padding: 3px;}
.index .inventory-search-facet-browse .ddc-pill-group {margin-bottom: 15px;}
.index .inventory-search-facet-browse .pill-label.checked {background: #333;}
.index .inventory-search-facet-browse .pill-label {border-radius: 24px; line-height: 27px; font-size: 17px;}
.index .inventory-search-facet-browse .btn.dropdown-toggle {border-radius: 0; background: #ccc; padding: 17px 15px;}
.index .inventory-search-facet-browse .form-inline > div > .index .form-group:not(.ddc-pill-group):not(.ddc-submit) {margin-right: 10px;}
.index .inventory-search-facet-browse .ddc-submit .btn {font-weight: 800;}
.index select.form-control,
.index .ddc-bootstrap-select .dropdown-toggle {
    background-image: url("https://pictures.dealer.com/g/groupdemo/0230/3c9d3f58892a4350628c1d3fac7dc5e7x.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px bottom 50% !important;
    padding-right: 38px !important;
  }

/* INVENTORY COUNT */
#inv_count_display1-app-root .m-3 {margin: 0!important;}
#inv_count_display1-app-root .pt-3 {padding-top: 0!important;}
#inv_count_display1-app-root .pb-4 {padding-bottom: 0!important;}
#inv_count_display1-app-root {border-bottom: 1px solid #333; margin: 0; padding: 10px 133px;}
#inv_count_display1-app-root .item-count {font-weight: 800; font-size: 40px;}
.responsive-type .page-bd .ddc-font-size-base {font-size: .85rem; position: relative; bottom: 5px;}

/* GROUP FRANCHISE NAV */
[data-widget-id="locations1"] h3 {color: #555;}
[data-widget-id="locations1"].ddc-content .widget-heading {margin: 0 0 31px 0;}
.index .franchiseList {opacity: .7; max-width: 1320px;}
.index .franchiseList .franchise {margin: 0;}
.index .franchiseList img {max-width: 167px;}
.index .franchise img {filter: grayscale(100%);}
.index .franchise.selected .childList {padding: 0;}
.index .franchise.selected .childList:after {display: none;}

/* RECOMMENDED VEHICLES */
[data-widget-id="recommendations-vehicles1"].ddc-content .widget-heading {margin: -3px 0 50px 0;}
.index .main :not(.container) > .index .recommendations-vehicles .tile-list .vehicle-list-item {padding: 0 6px 36px;}
.index .main :not(.container) > .index .recommendations-vehicles .tile-list .vehicle-list-item .pricing .value,
.index .main :not(.container) > .index .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing .value {font-size: 28px;}
@media (min-width: 1600px) {.index .main :not(.container) > .index .recommendations-vehicles .tile-list .vehicle-list-item {-webkit-flex: 0.1 0 23%; -ms-flex: 0.1 0 23%; flex: 0.1 0 23%;}}
@media (max-width: 1930px) and (min-width: 1600px) {.index .main :not(.container) > .index .recommendations-vehicles .tile-list .vehicle-list-item .pricing .value {font-size: 28px;}}
@media (max-width: 1525px) and (min-width: 1300px) {.index .main :not(.container) > .index .recommendations-vehicles .tile-list .vehicle-list-item .pricing .value, .index .main :not(.container) > .index .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing .value {font-size: 28px;}}

/* FOOTER */
.adchoices {background-color: hsla(0,0%,100%,0);}
.ddc-footer .text-black {color: #fff !important;}

/* COMPOSER - RESET */
.ddc-composer .position-absolute {position: static !important;}
.ddc-composer .ddc-span12 {padding-left: 0; padding-right: 0;}
.ddc-composer .container-max-lg {max-width: inherit !important;}