/* GOPHER Custom Color Scheme CSS */
:root {
    --color-primary-50: #d3edc6;
    --color-primary-100: #b8e3a3;
    --color-primary-200: #9dd980;
    --color-primary-300: #82cf5d;
    --color-primary-400: #67c53a;
    --color-primary-500: #4cbb17;
    --color-primary-600: #419f14;
    --color-primary-700: #368311;
    --color-primary-800: #2b670e;
    --color-primary-900: #204b0b;
    --color-primary-950: #152f08;
    --btn-link-disabled-color: #4cbb17;
    --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-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 .ws-mycars-nav .ws-mycars-nav-wrapper .mycars-integration-navbar button {color: #fff;}

.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 {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}


/* Start 'vdp-used-price-value-final-price' (do not modify this line) */
/* Modified by aelli0tt6 on 04/25/25 03:37 PM CDT */
.vdp .inv-type-used.pricing-detail .final-price .price-value { text-decoration: none; font-weight: 800; font-size: 22.5px; color: #000000; }
/* End 'vdp-used-price-value-final-price' (do not modify this line) */