/* GOPHER Custom Color Scheme CSS */
  :root {
      --color-primary-50: #fbc9cb;
      --color-primary-100: #f8a7aa;
      --color-primary-200: #f58589;
      --color-primary-300: #f26368;
      --color-primary-400: #ef4147;
      --color-primary-500: #ec1f26;
      --color-primary-600: #c91a20;
      --color-primary-700: #a6151a;
      --color-primary-800: #831014;
      --color-primary-900: #600b0e;
      --color-primary-950: #3d0608;
      --btn-link-disabled-color: #ec1f26;
      --btn-primary-inverse-bg: var(--color-primary-50);
      --container-contrast-high-bg: #d4ecc7;
}
END Custom Color Scheme CSS */

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

.header-transition-off .page-header.responsive-centered-nav {background: radial-gradient(circle, rgba(255,255,255,.87) 30%, rgba(255,255,255,.87) 90%);}
.page-header.responsive-centered-nav {background: radial-gradient(circle, rgba(255,255,255,.87) 30%, rgba(255,255,255,.87) 90%);}
.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;}
.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,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard h1 a {color: #000;}
.header-transition-off .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 .navigation-default .navbar-nav>li>a {color: #000;}

/* 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}


/*LOCATIONS PROXIMITY MAP*/
.locations-proximity .row, .locations-proximity .yui3-g {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.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;}}
.locations-proximity .overlay-wrap .dealerListOverlay {top: 13%;}

/*ddcrmelasky 12181129*/
.index .locations-group-nav .franchiseList {max-width: 1200px;}

/*ddcrmelasky 12181870*/
.locations-group-nav-simple .franchise-list-simple {width:450px; display: flex; flex-wrap: wrap;}

/* ddcjeremyw- change stacking images in DEA */
.content-default img {display:inline;}