/* COLORS
-------------------------------------- */
:root {
  
  /* brand colors */
  --cma-blue: #00344d;
  --cma-orange: #c64229;
  
  /* primary (blue) color palette */
  --color-primary-50: #becad4;
  --color-primary-100: #98acb9;
  --color-primary-200: #728e9e;
  --color-primary-300: #4c7083;
  --color-primary-400: #265268;
  --color-primary-500: #00344d;
  --color-primary-600: #002c41;
  --color-primary-700: #002435;
  --color-primary-800: #001c29;
  --color-primary-900: #00141d;
  --color-primary-950: #000c11;
  --btn-link-disabled-color: #00344d;
  
  /* text-link */
  --btn-link-color: #c64229;
  
  /* btn-default */
  --btn-default-bg: #00344d;
  --btn-default-color: #ffffff;
  --btn-default-border-color: #00344d;
  --btn-default-hover-bg: #002c41;
  --btn-default-hover-color: #ffffff;
  --btn-default-hover-border-color: #002c41;
  
}


/* UTILITY CLASSES
---------------------------------------- */
.cma-blue {color: var(--cma-blue);}
.cma-orange {color: var(--cma-orange);}
.blue-line.ws-content-cta .cta-content h2 {width: 100%; background: rgba(13,52,86,.5); padding: 10px;}


/* GLOBAL
---------------------------------------- */
body {background: #fff;}
.widget-heading {color: var(--cma-blue);}
.bg-primary .widget-heading {color: #fff;}
.icon-style-collapse {background-color: #D3D3D3; border-color: transparent;}
.wsm-incentive-display .panel-title h4 {color: var(--cma-orange) !important;}
.page-bd .links-list ul:not(.d-flex) li + li:not([class*="yui3"]) {margin-top: 5px;}


/* PAGE TITLES
------------------------------ */
.content-page-title {background-color: var(--cma-blue);}
.content-page-title h1 {color: #fff; padding: 24px 12px;}


/* HEADER
-------------------------------------- */
.page-header.responsive-centered-nav .header-contact {display: none;}

.page-header.responsive-centered-nav .header-navigation {display: flex; justify-content: center;}
.page-header.responsive-centered-nav .header-navigation .header-default {width: auto; padding: 0 20px;}
.page-header.responsive-centered-nav .header-navigation .navigation-default {width: auto; min-width: 50%; padding: 0 20px; margin: 0; position: static;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav {position: static;}

.page-header.responsive-centered-nav .header-navigation .header-default,
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav,
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav > li > a {height: 130px;}
.page-header.responsive-centered-nav .header-navigation .mycars-default {display: none;}

.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav > li > a {color: var(--color-primary-500);}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav > li > a:hover {color: var(--color-primary-600);}
.page-header.responsive-centered-nav .header-navigation .navigation-default .dropdown-menu {top: 130px;}
.page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown.open .caret::before {top: 105px;}


/* INDEX - CTAs
-------------------------------------- */
.index [data-name="cta-wrapper"] {border-top: 1px solid white;}
.index [data-name="cta-container"] > .ddc-content {flex-grow: 1; width: 100%;}
.index [data-name="cta-container"] .ws-content-cta .cta-content h2 {width: 100%; background: rgba(13,52,86,.5); padding: 10px;}


/* INDEX - COUNT WIDGET
-------------------------------------- */
.index .ws-inv-count-display {width: 100%; max-width: 1100px; padding-top: 5px;}
.index .ws-inv-count-display .item-count {font-size: 2rem;}
.index .ws-inv-count-display .item-label {font-size: 1rem;}


/* INDEX - EASY PURCHASE
-------------------------------------- */
.index [data-name="cma-easy-purchase-container"] {background: #f3f3f3; padding: 50px 10px; position: relative; overflow: hidden;}
.index [data-name="cma-easy-purchase-container"]::before,
.index [data-name="cma-easy-purchase-container"]::after {content: ""; position: absolute; height: 100%; width: 250px; top: 0;}
.index [data-name="cma-easy-purchase-container"]::before {background-color: var(--cma-orange); transform: skewX(-20deg); left: calc(5% - 245px);}
.index [data-name="cma-easy-purchase-container"]::after {background-color: var(--cma-blue); transform: skewX(20deg); right: calc(5% - 245px);}
.index [data-name="cma-easy-purchase-container"] .content-default .widget-heading {text-align: center;}
.index [data-name="cma-easy-purchase-container"] .content-default img {margin: 40px auto; max-width: 700px;}
.index [data-name="cma-easy-purchase-container"] .links-list {max-width: 150px; margin: 0 auto;}


/* INDEX - EMPLOYEE SPOTLIGHT
-------------------------------------- */
.index [data-name="employee-spotlight-wrapper"] {padding: 64px 10px 32px;}
.index [data-name="employee-spotlight-wrapper"] .row {display: flex; align-items: center;}


/* INDEX - COMMUNITY
-------------------------------------- */
.index [data-name="community-wrapper"] {padding: 32px 10px;}
.index [data-name="community-wrapper"] .row {display: flex; align-items: center;}


/* INDEX - GROUP NAV
-------------------------------------- */
.index [data-name="group-nav-wrapper"] {margin-bottom: 62px;}
.index [data-name="group-nav-wrapper"] .locations-group-nav .franchise {padding: 15px;}
.index [data-name="group-nav-wrapper"] .locations-group-nav .franchise .franchiseLink .franchiseLogo {max-width: 150px;}
.index [data-name="group-nav-wrapper"] .locations-group-nav .franchise.selected .childList {border: 1px solid #e5e5e5; background: #fff;}
.index [data-name="group-nav-wrapper"] .locations-group-nav .franchise.selected .childList::after {border-top-color: #e5e5e5 !important; border: 15px solid transparent; margin-left: -15px;}
.index [data-name="group-nav-wrapper"] .locations-group-nav .franchise.selected .childList .org {color: var(--cma-blue); margin-bottom: 8px;}
.index [data-name="group-nav-wrapper"] .locations-group-nav .franchise.selected .childList .adr .street-address {display: block;}


/* INDEX - BLOG POSTS
-------------------------------------- */
.index [data-name="blog-wrapper"] .blog-post-list .alert-info {display: none;}
.index [data-name="blog-wrapper"] .blog-post-list .entry-title a {color: var(--cma-blue);}


/* FOOTER
-------------------------------------- */
.ddc-footer [data-name="footer-responsive-column-1"] {max-width: 270px; margin-right: 50px;}
.ddc-footer .adchoices {color: #fff !important; background: transparent;}

/* FOOTER - SOCIAL POSITIONING - (09786877) - using custom footer breaks the social positioning logic, which looks for "footer-links-responsive" to remove absolute positioning */
.ddc-footer .footer-links-responsive-third-party-container .social-header-buttons {position: static !important;}


/* SRP
---------------------------- */
[data-name="srp-wrapper-page-title"] {background-color: var(--cma-blue) !important;}
[data-name="srp-wrapper-page-title"] .ws-inv-page-title {color: #fff;}
[data-name="srp-wrapper-page-filters-sort"] {background-color: var(--cma-blue) !important;}
[data-name="srp-wrapper-page-filters-sort"] .ws-inv-filters {color: #fff;}
[data-name="srp-wrapper-page-filters-sort"] .ws-inv-filters #card-layout-toggle-portal button {color: #fff !important;}
[data-name="srp-wrapper-page-filters-sort"] .ws-inv-filters #card-layout-toggle-portal button.active {color: var(--cma-orange) !important;}
.ws-inv-facets .icon-style-collapse {font-size: 1.2em;}
.ws-inv-listing .vehicle-card-title a {color: var(--cma-blue); text-transform: uppercase;}
.ws-inv-listing .vehicle-card-title a span {display: inline-block;}
.ws-inv-listing .vehicle-card-title a span.ddc-font-size-small {font-size: inherit;}
.ws-inv-listing .vehicle-card-title a:hover span.ddc-font-size-small {text-decoration: underline;}


/* VDP
---------------------------- */
.vdp [data-widget-id="media1"] .cta-container .btn-share {background: var(--cma-blue); border: 0; color: #fff;}
.vdp [data-widget-id="media1"] .cta-container .btn-share .ddc-icon-vehicle-media-cta {stroke: none;}
.vdp [data-widget-id="media1"] + .bg-contrast-med.py-6,
.vdp [data-widget-id="media1"] + .bg-page-title.py-6 {background: var(--cma-blue) !important;}
.vdp [data-widget-id="media1"] + .bg-contrast-med.py-6 [data-widget-id="vehicle-title1"] *,
.vdp [data-widget-id="media1"] + .bg-page-title.py-6 [data-widget-id="vehicle-title1"] * {color: #fff !important;}
.vdp [data-widget-id="media1"] + .bg-contrast-med.py-6 + .bg-contrast-med.bg-top-50,
.vdp [data-widget-id="media1"] + .bg-page-title.py-6 + .bg-page-title.bg-top-50-border-page-title {background: transparent linear-gradient(to bottom, var(--cma-blue) 50%, transparent 50%) !important;}
.vdp [data-widget-id="views1"] {display: none !important;}
.vdp [data-widget-id="quick-specs1"] dt {color: var(--cma-blue) !important;}
.vdp [data-widget-id="quick-specs1"] .ddc-icon {color: var(--cma-blue) !important;}
.vdp [data-widget-id="hl-features1"] .text-muted {color: var(--cma-blue) !important;}
.vdp [data-widget-id="detailed-specs1"] .panel-default .panel-heading {color: var(--cma-blue) !important;}
.vdp [data-widget-id="detailed-specs1"] .panel-default .panel-heading .ddc-icon {color: var(--cma-orange); background: transparent; border-color: var(--cma-orange);}
.vdp [data-widget-id="kbb-reviews1"] .kbb-ratings > div {background: var(--cma-blue) !important;}
.vdp [data-widget-id="kbb-reviews1"] .kbb-ratings > div .font-weight-bold {color: #fff !important;}
.vdp [data-widget-id="kbb-reviews1"] .kbb-ratings > div span {visibility: hidden;}
.vdp [data-widget-id="kbb-reviews1"] .kbb-review-heading {color: var(--cma-blue);}
.vdp [data-widget-id="kbb-reviews1"] .kbb-review-heading-container p span {color: var(--cma-blue);}
.vdp [data-widget-id="kbb-reviews1"] .read-more-link {color: var(--cma-orange);}
.vdp [data-widget-id="kbb-reviews1"] .kbb-footer-text {color: var(--cma-blue) !important;}
.vdp [data-widget-id="detailed-pricing1"] dd.final-price .price-value {color: var(--cma-blue);}
.vdp [data-widget-id="detailed-pricing1"] .instantEPriceButton {display: none;}
.vdp [data-widget-id="detailed-pricing1"] dl.final-price span.text-link {color: var(--cma-orange);}
.vdp [data-widget-id="detailed-incentives1"] h4.text-primary {color: var(--cma-orange) !important;}
.vdp [data-widget-id="detailed-incentives1"] h4.text-primary .ddc-icon {color: var(--cma-orange); background: transparent; border-color: var(--cma-orange);}
.vdp-sidebar [data-widget-id="links-lead1"] {display: block !important;}
.vdp-sidebar .vehicle-title > span:last-child {color: var(--cma-blue);}


/* COMMUNITY
------------------------------ */
.community-page [data-name="index-landing-0004-collage-cta-wrapper-1"] .ws-content-cta .cta-content h2 {width: 100%; background: rgba(13,52,86,.5); padding: 10px; font-size: 16px;}
.community-page [data-widget-id="hero-content1"] .truncateToggle span {color: #fff; text-decoration: underline;}
.blog-post-list {padding-top: 0;}
.blog-post-list section article:first-child .entry-title {margin-top: 0;}
.blog-post-list .entry-title a {color: var(--cma-blue);}
.blog-post-list .entry-summary img {height: auto !important;}


/* CAREERS
------------------------------ */
.careers-page [data-name="index-landing-0004-collage-cta-wrapper-1"] .ws-content-cta .cta-content h2 {width: 100%; background: rgba(13,52,86,.5); padding: 10px; font-size: 16px;}
.careers-page [data-name="cta-container"] > .ddc-content {flex-grow: 1; width: 100%;}
.careers-page [data-name="career-content-cta-2-container"] .widget-heading {color: #fff;}
.careers-page [data-name="career-content-cta-2-container"] .contact-form label {color: #fff;}

/* REGIONAL PAGES
----------------------------- */
.regional-page [data-widget-id="regional-welcome1"] .widget-heading {font-size: 32px;}
.regional-page [data-name="ctas-container"] .ws-content-cta {margin: 10px !important; width: 100%;}
.regional-page [data-name="ctas-container"] .ws-content-cta:first-child {margin-left: 0 !important;}
.regional-page [data-name="ctas-container"] .ws-content-cta:last-child {margin-right: 0 !important;}
.regional-page [data-name="ctas-container"] .ws-content-cta .cta-content h2 {font-size: 27px; margin: 30px auto 4px;}
.regional-page [data-name="ctas-container"] .ws-content-cta .cta-content p {text-transform: uppercase; font-size: 12px; margin-bottom: 0;}
.regional-page [data-name="ctas-container"] .ws-content-cta .ddc-icon {transition: 250ms ease transform;}
.regional-page [data-name="ctas-container"] .ws-content-cta:hover .ddc-icon {transform: scale(1.25)}
.regional-page .locations-proximity {border-bottom: 10px solid var(--cma-orange);}
.regional-page .locations-proximity a {color: var(--cma-blue);}
.regional-page .locations-proximity .yui3-g {margin: 0;}
.regional-page .locations-proximity .yui3-g > div[class*="yui3-u"] {padding: 0;}
.regional-page .locations-proximity .overlay-wrap .dealerListOverlay {max-width: 450px; top: 50%; transform: translateY(-50%);}
.regional-page .locations-proximity .overlay-wrap .dealerListOverlay > ol {box-shadow: 0px 0px 20px #0003; border: 1px solid #0003; max-height: 100% !important;}
.regional-page .locations-proximity .overlay-wrap .dealerListOverlay > ol > li:last-child {margin-bottom: 10px;}
.regional-page .locations-proximity .overlay-wrap .dealerListOverlay .collapsable > li {background-position: 97% 50%;}
.regional-page .locations-proximity .overlay-wrap .dealerListOverlay .info-wrap .childFranchise {width: 25%;}
.regional-page .locations-proximity .overlay-wrap .dealerListOverlay .info-wrap .vcard {margin-left: 25%;}
.regional-page .locations-proximity .overlay-wrap .dealerListOverlay .org {font-size: 20px; line-height: 1;}
.regional-page .locations-proximity .overlay-wrap .dealerListOverlay .adr {font-size: 15px;}
.regional-page .locations-proximity .overlay-wrap .dealerListOverlay .tel {font-size: 15px;}
.regional-page .locations-proximity .overlay-wrap .dealerListOverlay .account-links {margin-left: 25%;}
.regional-page .locations-proximity .overlay-wrap .dealerListOverlay .account-links a {font-size: 15px;}
.regional-page .locations-proximity .overlay-wrap .dealerListOverlay .account-links a + a {border-left: 1px solid black; padding-left: 5px;}
.regional-page .locations-proximity .google-map + p {display: none;}
.regional-page .push {height: 0 !important;}