/*BUTTONS*/
.index .btn.btn-primary.btn-inverse {border: 1px solid var(--color-primary-500);}
.index .btn.btn-primary.btn-inverse:hover {background: var(--color-primary-500); color: #fff;}
.cst-transparent-btn .btn {background: transparent; color: #fff;}
.cst-transparent-btn .btn:hover {background: rgba(255,255,255,.2)}
.btn-primary.btn-inverse {color: var(--btn-primary-inverse-color); border-color: var(--btn-primary-inverse-border-color); background: var(--btn-primary-inverse-bg);}

/*HEADER AND NAV */
.header-transition .page-header.responsive-centered-nav {background: transparent;}
.header-transition-off .page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a:hover {color: var(--color-primary-500);}

.header-transition .page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a,
.header-transition-off .page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard h1 a,
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu>a .count: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:before,
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a,
.index.header-transition .page-header.responsive-centered-nav .header-navigation .header-default .vcard h1 a,
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper .mycars-integration-navbar button {color : #fff;}

.index.header-transition .page-header.responsive-centered-nav {border: 0;}
.index.header-transition-off .page-header.responsive-centered-nav {background: rgba(0,0,0,.87);}
.page-header.responsive-centered-nav {background: rgba(0,0,0,.87); transition: 1.25s;}
.header-transition .page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a:hover {color: var(--color-primary-500);}
.page-header.responsive-centered-nav .header-navigation .header-default {padding-left: 40px;}


/* HEADER COMPOSER */
.header-transition .ddc-composer .page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a,
.index.header-transition .ddc-composer .page-header.responsive-centered-nav .header-navigation .header-default .vcard h1 a {color: #fff;}
.header-transition .ddc-composer .page-header.responsive-centered-nav {background: #555;}

/* nav hours on one line */
.ddc-composer .nav-fragment .ddc-span12 {padding-left: 8px; padding-right: 8px; font-size: .99em;}

/* RECOMMENDED VEHICLES */
.navbar-nav .nav-fragment .recommendations-vehicles .tile-list .title,
.navbar-nav .nav-fragment .recommendations-vehicles .tile-list-no-flex-layout .title {padding-bottom: 6px;}
.navbar-nav .nav-fragment .recommendations-vehicles .tile-list .title,
.navbar-nav .nav-fragment .recommendations-vehicles .tile-list .vehicle-list-item .rv-recommended-details,
.navbar-nav .nav-fragment .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .rv-recommended-details {margin-bottom: 2px;}
.responsive-type .page-header .recommendations-vehicles .widget-heading {font-size: 14px;}
.ddc-span8 .recommendations-vehicles .tile-list .vehicle-list-item .rv-details-wrapper ul {margin-bottom: 6%;}

/*HERO */
.index [data-name="hero-links"] h4 {font-weight: 500;}
.index [data-name="hero-content-and-links"] [data-name="hero-links"] .cta-content {justify-content: flex-start !important;}
.index [data-name="index-landing-0006-hero-content-1"] {min-width: 500px;}
.index [data-name="hero-links"] .dealer-logo img {width: auto !important; height: auto !important; max-height: 120px; max-width: 230px}

/*SEO CIRCLE IMAGE */
/*INDEX SEO SECTION */
.index [data-name="content-background-image-1"] {
    border-radius: 50%; background-size: cover !important;}

/*3 CTA ACROSS */
.index [data-name="cta-blocks-large-icon-three-across.2-2"] .cta-content h2 {font-size: 1.9rem}
.index [data-name="cta-blocks-large-icon-three-across.2-2"] .cta-content p {font-size: .9rem}

/* MAP PROXIMITY */
[data-widget-id="locations2"] .yui3-u-1, [data-widget-id="locations2"] .yui3-u-2-3 {padding-left: 0; padding-right: 0;}
.locations-proximity .row {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
[data-name="index-landing-0001-map-wrapper-1"].row, [data-name="index-landing-0001-map-wrapper-1"].yui3-g {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.locations-proximity .form-group {margin-bottom: 10px;}
.responsive-type .page-bd input.form-control, .responsive-type .page-bd select.form-control, .responsive-type .content-page-title input.form-control, .responsive-type .content-page-title select.form-control, .responsive-type [role='dialog'] input.form-control, .responsive-type [role='dialog'] select.form-control {height: 53px;}
@media (min-width: 1200px) {.responsive-type .page-bd input.form-control, .responsive-type .page-bd select.form-control, .responsive-type .content-page-title input.form-control, .responsive-type .content-page-title select.form-control, .responsive-type [role='dialog'] input.form-control, .responsive-type [role='dialog'] select.form-control {height: 53px;}}
.locations-proximity fieldset {margin: 0 auto; text-align: center; margin-top: 10px;}
@media (min-width : 1200px) {.locations-proximity fieldset {width: 1200px;}}
.locations-proximity .postalcode {margin-top: 10px;}
@media (max-width : 930px) {.locations-proximity .postalcode {display: none;}}
.ddc-wrapper div[data-widget-id="locations2"] .google-map + p {display: none;}
.locations-proximity .overlay-wrap .dealerListOverlay {top: 13%;}

/* Remove arrows on postal code number input field */
.locations-proximity input::-webkit-outer-spin-button,
.locations-proximity input::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;} /* Chrome, Safari, Edge, Opera */
.locations-proximity input[type=number] {-moz-appearance: textfield;} /* Firefox */

/* Dealer name & address color */
.dealerListOverlay .org {color: #333; font-weight: 800; font-size: 1.2em;}
.info-wrap a {color: #333;}
.dealerListOverlay .adr span {color: #777;}
.overlay-wrap .location-scroll .ddc-icon {line-height: 40px;}

/* Scroll arrows */
ol#proximity-dealer-list {max-height: 480px!important; line-height: 1.3em;}
.overlay-wrap .location-scroll .ddc-icon {line-height: 40px;}
.dealerListOverlay .jcarousel-container {padding: 5px 0 0;}
.locations2 .jcarousel-list-horizontal {display: flex; justify-content: center; width: 100%!important;}
.dealerListOverlay .jcarousel-next, .jcarousel-next-disabled-horizontal, .jcarousel-next-horizontal, .jcarousel-prev, .jcarousel-prev-disabled-horizontal {display: none!important;}
.locations-proximity .form-asterisk-description {display: none;}