/* ddcrandyh CC12129474 */
.ws-dealer-reviews .row.mt-8 { margin-top: 0px !important; }

/* 01976201 JLC */
.ws-inv-listing .vehicle-card-grid .vehicle-card-title .portal-price small { white-space: nowrap; }

/* ddcdusting 03784038 */
.page-header.minimal {background-color: #215080;}
.page-header.minimal .navigation-default .navbar-nav>li>a, .page-header.minimal .navigation-default .navbar-nav>li>a:hover {color: #fff !important;}
i.ddc-icon.ddc-nav-icon.ddc-icon-mycars-minimal-login.ddc-icon-size-xlarge {color: #fff;}

/* 06977575 ddcjareds */
.alias-inventory-listing-default-auto-new .ws-inv-listing .vehicle-card-details-container .portal-price span[role="button"]>span:first-child { font-weight: bold!important; } 

/* 07010832 ddcjareds */
.srp .ddc-content.ws-inv-paging>div { justify-content: center!important; }

/* wabbey 07820561 */
.srp .vehicle-card-detailed {border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.srp .vehicle-card-detailed, .srp .vehicle-card-media-container {border-top-left-radius: 12px; border-top-right-radius:12px;}

/* wabbey 07821878 */
.page-header .header-default .vcard.header-logo-enabled { height: 80px; }

/* 07852259 ddcjareds */
.ddc-footer .page-section.bg-primary { background-color: #215080!important; }

/* McGee theme navy #003A6F for header + footer (Keith 10/23/26, Otto). Overrides D3 + D8 above. */
.page-header.minimal {background-color: #003A6F;}
.ddc-footer .page-section.bg-primary {background-color: #003A6F!important;}

/* McGee header + footer polish (Keith 10/23/26, Otto): white social icons, theme footer links, menu hover + focus states. */
.ddc-footer .social-header-buttons a svg rect {fill: #fff!important;}
.ddc-footer .social-header-buttons a svg g {fill: #003A6F!important;}
.ddc-footer .social-header-buttons a:hover svg rect, .ddc-footer .social-header-buttons a:focus-visible svg rect {fill: #D9E6F2!important;}
.ddc-footer .social-header-buttons a:focus-visible {outline: 2px solid #fff; outline-offset: 2px; border-radius: 50%;}
.ddc-footer .bg-body .links-list h3.text-primary {color: #16232F!important;}
.ddc-footer .bg-body .links-list a.default {color: #00539B!important;}
.ddc-footer .bg-body .links-list a.default:hover, .ddc-footer .bg-body .links-list a.default:focus-visible {text-decoration: underline; text-underline-offset: 3px;}
.page-header.minimal .navigation-default .navbar-nav > li > a::after {border-bottom: 2px solid #fff!important;}
.page-header.minimal .navigation-default .navbar-nav > li > a:focus-visible::after {left: 0; width: 100%;}
.page-header a:focus-visible, .page-header button:focus-visible {outline: 2px solid #fff; outline-offset: 2px;}

/* McGee desktop header 80px, was 100px (Keith 10/23/26, Otto). Height rules scoped to .header-navigation: the hidden .header-contact row also uses .container-max-xl. */
.page-header.minimal.true-minimal {min-height: 80px!important; height: 80px!important;}
.page-header.minimal .header-navigation {padding-top: 0!important; padding-bottom: 0!important;}
.page-header.minimal .header-navigation > .container-max-xl, .page-header.minimal .header-navigation .header-logo-container, .page-header.minimal .header-navigation .header-logo-container > div, .page-header.minimal .header-navigation .vcard.header-logo-enabled {height: 80px!important;}
.page-header.minimal .header-navigation .header-logo-container > div {align-items: center!important;}
.page-header.minimal .header-logo img {max-height: 64px!important; width: auto!important;}
.ddc-wrapper {padding-top: 80px!important;}

/* McGee header A + one system font site-wide (Keith 10/26/26, Otto). Rollback: delete this block. */
body, .tooltip, .popover, .mcg-loc, .content-page-title h1, .ddc-mobile-vlp-faceting h1, .ddc-banner .ddc-heading, .published, .categories, .tags {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif!important;}
.page-header.minimal .navigation-default .navbar-nav > li > a {font-size: 15px!important; font-weight: 500!important; letter-spacing: .01em;}
.page-header.minimal .navigation-default .navbar-nav > li.open > a, .page-header.minimal .navigation-default .navbar-nav > li:hover > a {background-color: rgba(255,255,255,.08)!important; border-radius: 6px;}
.page-header.minimal .navigation-default .dropdown-menu {background-color: #fff!important; border: 0!important; border-top: 3px solid #00539B!important; border-radius: 0 0 16px 16px!important; box-shadow: 0 24px 48px rgba(0,26,52,.22)!important; padding: 28px 32px 12px!important;}
.page-header.minimal .navigation-default .dropdown-menu h4 {color: #626262!important; font-size: 12px!important; font-weight: 600!important; letter-spacing: .12em!important; text-transform: uppercase!important; line-height: 1.4!important; margin: 0 0 8px!important;}
.page-header.minimal .navigation-default .dropdown-menu h4 br {display: none;}
.page-header.minimal .navigation-default .dropdown-menu > li {border-color: #E1EEF7!important; border-left-width: 1px!important;}
.page-header.minimal .navigation-default .dropdown-menu .nav-links {margin: 0 0 20px!important;}
.page-header.minimal .navigation-default .dropdown-menu a, .page-header.minimal .navigation-default .dropdown-menu a.child {color: #16232F!important; font-size: 15px!important; font-weight: 400!important; line-height: 1.35!important; padding: 7px 0!important; background: none!important; text-transform: none!important; letter-spacing: 0!important;}
.page-header.minimal .navigation-default .dropdown-menu a:hover, .page-header.minimal .navigation-default .dropdown-menu a:focus-visible {color: #00539B!important; text-decoration: underline!important; text-underline-offset: 3px;}
.page-header.minimal .navigation-default .dropdown-menu a:focus-visible {outline: 2px solid #00539B!important; outline-offset: 2px;}

/* McGee header A fix 2 (Keith 10/26/26, Otto): hide the empty columns left by hidden menu groups, size panels to their content, Locations in two columns. Rollback: delete this block. */
.page-header.minimal .navigation-default .dropdown-menu > li:empty {display: none!important;}
.page-header.minimal .navigation-default .dropdown-menu {width: auto!important; min-width: 300px; max-width: 990px;}
.page-header.minimal .navigation-default .dropdown-menu > li {width: 300px!important; float: left;}
.page-header.minimal .navigation-default .navbar-nav > li:has(a[href="/locations/audi-lenox-ma.htm"]) .dropdown-menu > li {width: 600px!important;}
.page-header.minimal .navigation-default .navbar-nav > li:has(a[href="/locations/audi-lenox-ma.htm"]) .dropdown-menu .nav-links {column-count: 2; column-gap: 32px;}
/* McGee header A fix 3 (Keith 10/26/26, Otto): match the Concept A mockup: wide panels centered under the header, arrows on menu items, Find Your Store button, Shop by Store buttons, About panel under About. Rollback: delete this block. */
.page-header.minimal .navigation-default .navbar-nav > li.dropdown:not(.nav-no-children) > a {padding-right: 24px!important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='white' stroke-width='1.6'/%3E%3C/svg%3E")!important; background-repeat: no-repeat!important; background-position: right 6px center!important;}
.page-header.minimal .navigation-default .navbar-nav > li.nav-no-children:has(> a[href="/locations/index.htm"]) {margin-left: 12px; display: flex; align-items: center; align-self: center;}
.page-header.minimal .navigation-default .navbar-nav > li.nav-no-children:has(> a[href="/locations/index.htm"]) > a {display: inline-flex!important; align-items: center; height: 40px!important; line-height: 1!important; padding: 0 18px 0 38px!important; border: 1.5px solid rgba(255,255,255,.75)!important; border-radius: 999px!important; font-weight: 600!important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='12' cy='9.5' r='2.5' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E")!important; background-repeat: no-repeat!important; background-position: left 14px center!important;}
.page-header.minimal .navigation-default .navbar-nav > li.nav-no-children:has(> a[href="/locations/index.htm"]) > a:hover {background-color: rgba(255,255,255,.14)!important;}
.page-header.minimal .navigation-default .navbar-nav > li.dropdown:not(:has(a[href="/dealership/about.htm"])) > .dropdown-menu {width: min(1200px, calc(100vw - 96px))!important; min-width: 0!important; max-width: none!important; padding: 32px 48px 20px!important;}
.page-header.minimal .navigation-default .navbar-nav > li.dropdown.open:not(:has(a[href="/dealership/about.htm"])) > .dropdown-menu {display: flex!important;}
.page-header.minimal .navigation-default .navbar-nav > li.dropdown:not(:has(a[href="/dealership/about.htm"])) > .dropdown-menu > li {flex: 0 0 auto; width: 250px!important; float: none!important; margin: 0 0 0 40px!important; padding: 0 0 0 40px!important; border-left: 1px solid #E1EEF7!important;}
.page-header.minimal .navigation-default .navbar-nav > li.dropdown:not(:has(a[href="/dealership/about.htm"])) > .dropdown-menu > li:first-child {margin-left: 0!important; padding-left: 0!important; border-left: 0!important;}
.page-header.minimal .navigation-default .navbar-nav > li .dropdown-menu > li:has(a[href="/new-inventory/audi-lenox-ma.htm"]) {flex: 1 1 auto!important; width: auto!important;}
.page-header.minimal .navigation-default .navbar-nav > li .dropdown-menu > li:has(a[href="/new-inventory/audi-lenox-ma.htm"]) .nav-links, .page-header.minimal .navigation-default .navbar-nav > li:has(a[href="/locations/audi-lenox-ma.htm"]) .dropdown-menu .nav-links {column-count: 3; column-gap: 40px;}
.page-header.minimal .navigation-default .navbar-nav > li:has(a[href="/locations/audi-lenox-ma.htm"]) .dropdown-menu > li:first-child {flex: 1 1 auto!important; width: auto!important;}
.page-header.minimal .navigation-default .navbar-nav > li:has(a[href="/certified-inventory/index.htm"]) .dropdown-menu > li:last-child:not(:empty) .nav-links a {display: inline-flex!important; align-items: center; white-space: nowrap!important; height: 44px; padding: 0 20px!important; margin: 0 0 10px; border-radius: 999px; font-weight: 600!important; color: #003A6F!important; border: 1.5px solid #C9D9E8; text-decoration: none!important;}
.page-header.minimal .navigation-default .navbar-nav > li:has(a[href="/certified-inventory/index.htm"]) .dropdown-menu > li:last-child:not(:empty) .nav-links li:first-child a {background-color: #003A6F!important; border-color: #003A6F; color: #fff!important;}
.page-header.minimal .navigation-default .navbar-nav > li:has(a[href="/certified-inventory/index.htm"]) .dropdown-menu > li:last-child:not(:empty) .nav-links a:hover {border-color: #00539B; box-shadow: 0 0 0 1px #00539B;}
.page-header.minimal .navigation-default .navbar-nav > li:has(a[href="/dealership/about.htm"]) > .dropdown-menu {left: auto!important; right: 250px!important; transform: none!important; width: auto!important; min-width: 280px!important;}
.page-header.minimal .navigation-default .navbar-nav > li:has(a[href="/dealership/about.htm"]) > .dropdown-menu > li {width: auto!important;}
.page-header.minimal .navigation-default .navbar-nav > li:has(a[href="/dealership/about.htm"]) > .dropdown-menu h4.parent {margin: 0!important; text-transform: none!important; letter-spacing: 0!important;}
@media (max-width: 1279px) {.page-header.minimal .navigation-default .navbar-nav > li > a {font-size: 14px!important; margin-left: 3px!important; margin-right: 3px!important;} .page-header.minimal .navigation-default .navbar-nav > li.dropdown:not(.nav-no-children) > a {padding-right: 20px!important; background-position: right 4px center!important;} .page-header.minimal .navigation-default .navbar-nav > li.nav-no-children:has(> a[href="/locations/index.htm"]) {margin-left: 6px;} .page-header.minimal .navigation-default .navbar-nav > li.nav-no-children:has(> a[href="/locations/index.htm"]) > a {padding: 0 14px 0 34px!important; background-position: left 12px center!important;}}
@media (max-width: 1099px) {.page-header.minimal .navigation-default .navbar-nav > li.nav-no-children:has(> a[href="/locations/index.htm"]) > a {font-size: 0!important; width: 40px; padding: 0!important; background-position: center!important;}}