/* GOPHER Custom Color Scheme CSS */
:root {
    --color-primary-25: #f5f7f9;
    --color-primary-50: #ebeef2;
    --color-primary-100: #cfd7e0;
    --color-primary-200: #a7b6c7;
    --color-primary-300: #758da8;
    --color-primary-400: #3d5f85;
    --color-primary-500: #002c5e;
    --color-primary-600: #002452;
    --color-primary-700: #001e46;
    --color-primary-800: #001a38;
    --color-primary-900: #000e2a;
    --color-primary-950: #000718;
    --color-accent-25: #f5fcfd;
    --color-accent-50: #ebf8fb;
    --color-accent-100: #cfeff6;
    --color-accent-200: #a7e2ef;
    --color-accent-300: #75d1e7;
    --color-accent-400: #3dbedd;
    --color-accent-500: #00aad2;
    --color-accent-600: #0090b7;
    --color-accent-700: #00789b;
    --color-accent-800: #00587c;
    --color-accent-900: #00405f;
    --color-accent-950: #002335;
}
/* 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-contact .vcard {display:flex; align-items: center; justify-content: end; margin-right: 10px;}
.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,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard div.h1,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard div.h1 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,
.index.header-transition .ddc-composer .page-header.responsive-centered-nav .header-navigation .header-default .vcard div.h1,
.index.header-transition .ddc-composer .page-header.responsive-centered-nav .header-navigation .header-default .vcard div.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;}

/* slideshow media query */
@media (max-width: 1200px) {.slideshow-background:not(.no-resize) {height: 514px;}}
@media (max-width: 1600px) {.slideControls .previousNext {width: 100%;}}

/* .alias-about-default slideshow small arrows */
.alias-about-default .slideControls .previousNext {position: inherit; bottom: 0; width: 60px; right: 1.2rem;}
.alias-about-default .slideControls .previousNext a {width: 30px; height: 30px; border: 1px solid #fff; border-radius: 30px; font-size: 1.3em; background-color: #1f272a; opacity: .8; margin: 0 -5px;}
.alias-about-default .ddc-icon-carousel-arrow {background: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="%23000" opacity="0.375" d="M0 16c0 8.837 7.163 16 16 16s16-7.163 16-16c0-8.837-7.163-16-16-16s-16 7.163-16 16z"></path><path fill="%23fff" opacity="0.5" d="M0 16c0 8.837 7.163 16 16 16s16-7.163 16-16c0-8.837-7.163-16-16-16s-16 7.163-16 16z"></path><path fill="%23fff" d="M18.621 16l-6.621-6.621 1.379-1.379 8 8-8 8-1.379-1.379z"></path></svg>') no-repeat center/cover}
@media (max-width : 1024px) {.alias-about-default .slideControls .previousNext {bottom: 130px;}}
.alias-about-default .ddc-icon-carousel-arrow {width: 28px; height: 28px;}
.alias-about-default .slideControls .prev, .alias-about-default .slideControls a {text-align: center;}

/* STAFF */
.staffList>.staff {flex-basis: 25%; width: 25%;}
.staffList .fn a {font-size: 18px;}
.staffDetail dd.photo {margin-top: -57px;}
.staffDetail dd.photo img {border: 0; box-shadow: 6px 6px 8px -4px #999; border-radius: 20px;}
.staffList .selected dd a, .staffList dd a:hover {background-color: var(--color-neutral-500);}
.staffList .selected dd a, .staffList dd a:hover {background-color: var(--color-neutral-500); border-radius: 16px;}
.staffList dd img, .staffList dd a {border-radius: 10px;}
.staffDetail dd.title {font-weight: 800; color: var(--color-primary-500);}
.staffDetail dt a {font-size: 28px; font-weight: 800;}

/* FOUR CTAS cta-execs */
[data-name="cta-execs"] .cta {border-radius: 15px;}
[data-name="cta-execs"] .cta .cta-content {align-items: flex-start!important;padding: 0 20px!important;text-align: left!important;}
[data-name="cta-execs"] .cta .cta-content a {align-self: end!important;padding: 0 10px!important;font-weight: 800;position: relative;top: 15px;}
[data-name="cta-execs"] .cta .cta-content .btn-link:hover {text-decoration: none;}
@media (max-width: 768px) {[data-name="cta-execs"] .cta .cta-content {padding: 40px 20px!important;}}
@media (max-width: 768px) {[data-name="cta-execs"] .cta .cta-background {background-position: 100% 30%!important;}}
@media (min-width: 1600px) {[data-name="cta-execs"] .cta {min-height: 700px!important;}}

/* BLOCKQUOTE */
blockquote {max-width: 500px; font-weight: 100; font-size: 2rem; line-height: 1.4; position: relative; margin: 0 auto; padding: .5rem; border-left: 0; color: #fff; font-family: 'georgia', sans-serif;}
blockquote:before, blockquote:after {position: absolute; color: var(--color-accent-500); font-size: 8rem; width: 4rem; height: 4rem;}
blockquote:before {content: open-quote; left: -4rem; top: -2rem;}
blockquote:after {content: close-quote; right: -4.5rem; bottom: .5rem;}
blockquote span {color: var(--color-accent-500);}
cite {display: block; text-align: right; padding-right: 23%; line-height: 3;}
@media (max-width: 1199.98px) {
 blockquote:before {left: -.5rem; top: -.5rem;}
 blockquote:after {right: -6.5rem;}
 blockquote:before, blockquote:after {font-size: 4rem; width: 8rem; height: 2rem;}
 cite {padding-right: 17%;}
 }

/* fdbarfety PPR-202100 */
.index [data-name="content-cta-row-2"] [data-testid="content-test"] {min-height: 80px;}